@charset "utf-8";
/* --------------   共通css   -------------- */
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
/* float */
.fl_left { float: left;}
.fl_right { float: right;}

@media screen and (min-width: 750px) {
			.pc_fl_left { float: left;}
			.pc_fl_right { float: right;}
}

/* flexbox */
.flex_box{ 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media screen and (min-width: 750px) {
		.pc_flex_box{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
}

.fl_wrap{ 
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
}
.pc_flex_box.bet,
.flex_box.bet{ 	
	justify-content:space-between;
}
.pc_flex_box.aro,
.flex_box.aro{ 
	justify-content: space-around;
}
.fl_cen{ 
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.fl_end{ 
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

/* テキスト */
.indent p,
p.indent{
	text-indent: 1em;
	margin-bottom:1em;
}
p.n_indent{
	text-indent: -1em;
 	padding-left: 1em;
	font-size:1rem;
}
p.kome_h,.kome_h p{text-indent: -0.6em;padding-left: 0.6em;font-size:1rem !important;}
p.kome,.kome p{text-indent: -1em;padding-left: 1em;font-size:1rem !important;}
p.kome2,.kome2 p{text-indent: -2em;padding-left: 2em;font-size:1rem !important;}p.kome3,.kome3 p{text-indent: -4em;padding-left: 4em;font-size:1rem !important;}

.b_space10 p{	margin-bottom: 10px;}
.b_space20 p{	margin-bottom: 20px;}
.b_space30 p{	margin-bottom: 30px;}

.nowrap {	white-space: nowrap;}
.noborder{	border: none;}
/* 隠す */
.hide{
	visibility:hidden;
}

/*共通設定 font-size*/
.f_075{font-size:0.75em !important;} .f_085{font-size:0.85em !important;}	.f_09{font-size:0.9em !important;}
.f_10{font-size:1em !important;} .f_11{font-size:1.1em !important;}	.f_12{font-size:1.2em !important;}
.f_13{font-size:1.3em !important;} .f_14{font-size:1.4em !important;} 	.f_15{font-size:1.5em !important;}
.f_16{font-size:1.6em !important;}	.f_17{font-size:1.7em !important;} .f_18{font-size:1.8em !important;}

.f_bold{font-weight: 900;}
.f_ita{ font-style: italic;font-family: serif;}
.t_left{text-align:left!important;} .t_cen{text-align:left!important;} .t_cen{text-align:center !important;}	.t_right{text-align:right !important;}
.t_just{text-align: justify; text-justify: inter-ideograph; 	text-align-last: justify;}
.ver_m {vertical-align: middle!important;}
.border_none{border-style: none;}
.underline{
	border-bottom:solid 2px #5b80a6;
	padding-bottom:3px;
}
.text_under {
	text-decoration: underline;
}


/*共通余白設定 ---------------------------------------------------------------------------*/
.m0{margin:0 !important;}
.mt0{margin-top:0px !important;} 		.mt10{margin-top:10px !important;} 	.mt20{margin-top:20px !important;} 	.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;} 	.mt50{margin-top:50px !important;} 	.mt60{margin-top:60px !important;} 	.mt70{margin-top:70px !important;}
.mr0{margin-right:0 !important;} 		.mr10{margin-right:10px !important;}	.mr20{margin-right:20px !important;} .mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;} 	.mr50{margin-right:50px !important;} 	.mr60 {margin-right:60px !important;} 	.mr70 {margin-right:70px !important;}
.mb0{margin-bottom:0 !important;} 		.mb10{margin-bottom:10px !important;}		.mb20{margin-bottom:20px !important;}	.mb30{margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;} 	.mb50{margin-bottom:50px !important;} 	.mb60{margin-bottom:60px !important;} 	.mb70{margin-bottom:70px !important;}
.ml0{margin-left:0 !important;} 	.ml10{margin-left:10px !important;} 	.ml20{margin-left:20px !important;} 	.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;} 	.ml50{margin-left:50px !important;} 	.ml60{margin-left:60px !important;} 	.ml70{margin-left:70px !important;} 
.pd10{padding:10px 0 !important;} .pd20{padding:20px 0 !important;}
.pdd_10{padding:10px !important;} .pdd_20{padding:20px !important;}

/*共通色設定 --------------------------------------------------------------------------- */
.f_red{color:#d10000;}
.t_white{color:#fff;}

/* --------------  共通装飾   -------------- */
.sub_main_area h3.square{
	color: #210500;
	line-height: 1.6;
}
@media screen and (min-width: 750px) {	/*   ----------------------------------------------- pc */
	.sub_main_area h3.square{
			margin: 0 20px 0;
			position: relative;
			text-indent: 0.25em;
	}
	.sub_main_area h3.square::before{
		content: "";
		background-color: #80200d;
		display: block;
		width: 10px;
		height: 10px;
		position: absolute;
		left:-20px;
		top:8px;
	}
}/*   ----------------------------------------------- pc */


/* link */
a.link{
	display: inline-block;
	 padding-right: 24px;
   background: url("../../images/common/ico_link.png") no-repeat right center;
}
.pdf_link{
	display: inline-block;
	 padding-right: 26px;
   background: url("../../images/common/ico_pdf.png") no-repeat right center;
}
.move_link{
	display: inline-block;
	 padding-right: 30px;
   background: url("../../images/common/ico_move.png") no-repeat right center;
}


/* --------------  list   -------------- */
/* 前に●つける */
.circle::before{
	content:"●";
	font-size: 1.1em;
	margin: 0 0.2em 0.1em 0;
}
/* ●リスト */
ul.disc{
	margin-left: 20px;
}
ul.disc li{
	list-style: disc;
}
ul.dash li{
	margin-left: 1em;
	text-indent: -0.7em;
}
ul.dash li::before {
	content:"-";
	margin-right: 6px;
}
ul li{
	font-size: 1rem !important;
}
ol li{
	list-style: decimal;
	font-size: 1rem !important;
	margin-left: 1.5em;
}
.colon dt::after{
	content:":";
	font-size: 1.1em;
	margin: 0 0.2em 0.1em 0.2em;
}
/* 番号振る */
.num_list ul{
  counter-reset: number 0;
	font-size: 1.5em;
	line-height: 1.7;
 }
.num_list li{
  list-style:none;
  text-indent:-1.25em;
  padding-left:1.25em;
}
.num_list li::before{
	counter-increment: number ;    
	content:  "（" counter(number) "）";    
}
.num_tit,
.num_list{
	counter-reset: number 0;
}
.num_list li::before {
	counter-increment: number;
	content: counter(number) ")　";
}
.num_list li .disc li::before {
	counter-increment:none;
	content:none;
}
/* 定義リスト横並び */
.sub_main_area dl.side::after {
    content: "";
    display: block;
    clear: both;
}
@media screen and (min-width: 750px) {	/*   ----------------------------------------------- 750px */
	.subpage .sub_main_area .side dt{
				float: left;
		}
}/*   ----------------------------------------------- ----------------------------------------------- 750px */
/* 枠 */
.atte_box {
	border: 2px solid #FF0000;
	padding: 10px;
	margin: 10px auto;
	width: 100%;
	box-sizing: border-box;
}
.blue_bg{
	color: #fff;
	background: #1240A6;
	padding: 1px 6px;
	border-radius: 2px;
}
/* btn */
.btn_box{
	margin: 20px auto;
	text-align: center;
}
.btn{
	margin: 30px auto;
	text-align: center;
	background-color: #13132e;
	border: solid 1px #16163D;
	border-radius: 6px;
	padding: 6px;
	max-width: 240px;
	color:#fff;
}
.btn.s_size{
	margin: 10px 0;
	padding: 2px 16px 2px 30px;
	font-size: 1.4em;
	box-sizing: border-box;
}
.en_page .btn{
	max-width: 390px;
}
.btn.off{
	background-color: #373741;
	border: solid 1px #393949;
}
.btn a{
	display: block;
	color:#fff;
}
.btn:hover{
	background-color: #2A2A57;
}
.btn.off:hover{
	background-color: #373741;
}
/* --------------  ヘッドフォン装飾  -------------- */
.headphone{
	margin-left: -20px;
	white-space: nowrap;
	padding: 0 20px;
}
.headphone span{
	display: inline-block;
	background-color: #002060;
	padding: 2 6px;
	padding: 2px 6px;
	font-size: 0.7em;
	color: #fff;
	font-weight: 900;
	border-radius: 6px;
	margin: 0 6px;
	white-space: nowrap;
}
.en_page .headphone span{
	
}
.headphone img{
	vertical-align: middle;
	width: 18px;
	height: auto;
}