/*========================================
	背景色　基本設定 ここから
========================================*/

.back_FFFFFF{background:#FFFFFF;}
.back_EEEEEE{background:#EEEEEE;}
.back_DDDDDD{background:#DDDDDD;}
.back_E7E7E7{background:#E7E7E7;}
.back_F0F0E1{background:#F0F0E1;}
.back_F9F9F9{background:#F9F9F9;}
.back_F3F3F3{background:#F3F3F3;}
.back_F8F8F8{background:#F8F8F8;}
.back_444444{background:#444444;}
.back_F7F7F8{background:#F7F7F8;}
.back_F7F7F7{background:#F7F7F7;}
.back_FBFBF4{background:#FBFBF4;}
.back_F6F6F6{background:#F6F6F6;}

.back_F4F4F4{background:#F4F4F4;}

/*背景色　お客様ごとの設定　ここを追加or削除していく*/

.back_FFCC00{
	background:#FFCC00;
}

.back_FCC300{
	background:#FCC300;
}
.back_FFCD57{
	background:#FFCD57;
}
.back_FFF0D9{
	background: #FFF0D9;
}
.back_FFF6D4{
	background: #FFF6D4;
}
.back_FDF7F0{
	background: #FDF7F0;
}


.mizu_dot_96{
	width:96%;
	margin:0.9em 2%;
	background: url("../img/top/mizu_dot.png") repeat;
}
.mizu_dot_96_90{
	width:96%;
	margin:0.9em 2%;
	position: relative;
	z-index: 2;
}
.mizu_dot_96_90::after{
	content: '';
	background: url("../img/top/mizu_dot.png") repeat;
	width:100%;
	height:calc(100% - 15em);
	top:15em;
	left:0;
	position: absolute;
	z-index: 1;
}

.mizu_dot{
	background: url("../img/top/mizu_dot.png") repeat;
}

.back_FFF7A6{
	background:#FFF7A6;
}
.back_DFF2F7{
	background:#DFF2F7;
}

.back_53ACD3{
	background:#53ACD3;
}

.back_FFF9EB{
	background:#FFF9EB;
}
.back_FDD23E{
	background:#FDD23E;
}
.back_FFF6EE{
	background:#FFF6EE;
}
.back_E4EDA6{
	background:#E4EDA6;
}

.back_FDE183{
	background:#FDE183;
} 
.back_FBB03B{
	background:#FFE05F;
}

.back_F7931E{
	background:#F7931E;
}

.back_FBB03B_30{
	background: linear-gradient(transparent 9em, #FBB03B 0 9em);
}

.back_FFF597{
	background:#FFF597;
}
.back_FFFCD7{
	background:#FFFCD7;
}

.back_FCF2EB{
	background:#FCF2EB;
}

.back_FCF2EB_8em{
	background: linear-gradient(transparent 4.5em, #FCF2EB 0 4.5em);
}

.back_FFFCD7_8em{
	background: linear-gradient(transparent 8em, #FFCB57 0 8em);
}

.back_FF7208_30{
	background: linear-gradient(transparent 9em, #FF7208 0 9em);
}

.back_FF7208{
	background:#FF7208;
}

.back_FFCB57{
	background:#FFCB57;
}

.back_E7F5F7{
	background:#E7F5F7;
}

.back_E7F5F7_lp{
	background: linear-gradient(transparent 9em, #E7F5F7 0 9em);
}

.back_F8EB8C{
	background:#F8EB8C;
}

/* 波線のマスク */
.wave_mask {
  mask-image: url('../img/cms/wave_mask.svg');
  mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-image: url('../img/cms/wave_mask.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  height: 34px;
}


/*========================================
	背景色　お客様ごとの設定ここまで
========================================*/

/*==================================================
	ホバーで動く　ここから
	リンク付きの画像に設置
	<div class="hover"><a><img src~~ /></a></div>
	※上に動くので余白に注意（埋まること有）
==================================================*/

.hover a img,
.hover a{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.hover a:hover img,
.hover a:hover{
	-webkit-transform: translate(0,-3px);
	-moz-transform: translate(0,-3px);
	-ms-transform: translate(0,-3px);
	-o-transform: translates(0,-3px);
}
/*==================================================
	ホバーで動く　ここまで
==================================================*/



/*==================================================
	ホバーで拡大　ここから
	リンク付きの画像に設置
	<div class="zoom"><a><img src~~ /></a></div>
	※動くので余白に注意
	（画像ぼやけるのであまり使用しない）
==================================================*/

.zoom a img{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}
.zoom a svg{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.zoom a:hover img{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.zoom a:hover svg{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/*==================================================
	ホバーで拡大　ここまで
==================================================*/


/*===========================================*/
/*基本設定　大西*/
/*===========================================*/
#sub01,
#sub02,
#sub03,
#sub04,
#sub05,
#sub06,
#sub07,
#sub08,
#sub09,
#sub10,
#sub11,
#sub12,
#sub13,
#sub14,
#sub15,
.sub00,
.sub00_100 {
	width:94%;
	margin:0 auto;
	text-align:left;
	padding:1.5em 0;
}
.sub00{
	padding:0;
}
.sub00_100{
	width:100%;
	padding:0;
}

/*1600の土台設定*/
.block_1600{/*1600pxの領域*/
	max-width:1600px;
	width:90%;
	margin:0 auto;
	padding:1.5em 0;
}
.block_1600_100{/*1600pxの領域*/
	max-width:1600px;
	width:100%;
	margin:0 auto;
	padding:1.5em 0;
}

.block_1600_00{/*1600pxの領域*/
	max-width:1600px;
	width:96%;
	margin:0 auto;
	padding:0;
}
.block_1600_100_00{/*1600pxの領域*/
	max-width:1600px;
	width:100%;
	margin:0 auto;
	padding:0;
}

/*1500の土台設定*/
.block_1500{/*1500pxの領域*/
	max-width:1500px;
	width:90%;
	margin:0 auto;
	padding:1.5em 0;
}
.block_1500_100{/*1500pxの領域*/
	max-width:1500px;
	width:100%;
	margin:0 auto;
	padding:1.5em 0;
}

.block_1500_00{/*1500pxの領域*/
	max-width:1500px;
	width:96%;
	margin:0 auto;
	padding:0;
}
.block_1500_100_00{/*1500pxの領域*/
	max-width:1500px;
	width:100%;
	margin:0 auto;
	padding:0;
}


/*1400の土台設定*/
.block_1400{/*1400pxの領域*/
	max-width:1400px;
	width:90%;
	margin:0 auto;
	padding:1.5em 0;
}
.block_1400_100{/*1400pxの領域*/
	max-width:1400px;
	width:100%;
	margin:0 auto;
	padding:1.5em 0;
}

.block_1400_00{/*1400pxの領域*/
	max-width:1400px;
	width:96%;
	margin:0 auto;
	padding:0;
}
.block_1400_100_00{/*1400pxの領域*/
	max-width:1400px;
	width:100%;
	margin:0 auto;
	padding:0;
}


/*=======================================
	文字色　基本設定
	aタグ用も一緒に設置していく
=======================================*/
.colo_FFFFFF{color:#FFFFFF !important;}
.colo_FFFFFF a{color:#FFFFFF !important;}

.colo_FF0000{color:#FF0000 !important;}
.colo_FF0000 a{color:#FF0000 !important;}

.colo_000000{ color:#000000 !important;}
.colo_000000 a{color:#000000 !important;}

.colo_666666{ color:#666666 !important;}
.colo_666666 a{color:#666666 !important;}

.colo_777777{ color:#777777 !important;}
.colo_777777 a{color:#777777 !important;}

.colo_888888{ color:#888888 !important;}
.colo_888888 a{color:#888888 !important;}

.colo_DDDDDD{ color:#DDDDDD !important;}
.colo_DDDDDD a{color:#DDDDDD !important;}

.colo_444444{ color:#444444 !important; }
.colo_444444 a{ color:#444444 !important; }

.colo_BBBBBB{ color:#BBBBBB !important;}
.colo_BBBBBB a{color:#BBBBBB !important;}


/*文字色　お客様ごとの設定　ここを追加or削除していく*/

.colo_E25203{color:#E25203 !important;}
.colo_E25203 a{color:#E25203 !important;}

.colo_4D4D4D {color:#4D4D4D !important;}
.colo_4D4D4D a{color:#4D4D4D !important;}

.colo_002F7B{color:#002F7B !important;}
.colo_002F7B a{color:#002F7B !important;}

.colo_F15A24{color:#F15A24 !important;}
.colo_F15A24 a{color:#F15A24 !important;}

.colo_F7931E{color:#F7931E !important;}
.colo_F7931E a{color:#F7931E !important;}

.colo_42210B{color:#42210B !important;}
.colo_42210B a{color:#42210B !important;}

.colo_004C88{color:#004C88 !important;}
.colo_004C88 a{color:#004C88 !important;}

.colo_006837{color:#006837 !important;}
.colo_006837 a{color:#006837 !important;}

.colo_F93B00{color:#F93B00 !important;}
.colo_F93B00 a{color:#F93B00 !important;}

.colo_348250{color:#171C61 !important;}
.colo_348250 a{color:#171C61 !important;}

.colo_F37447{color:#F37447 !important;}
.colo_F37447 a{color:#F37447 !important;}

.colo_F93B00{color:#F93B00 !important;}
.colo_F93B00 a{color:#F93B00 !important;}


.colo_FE3908{color:#FE3908 !important;}
.colo_FE3908 a{color:#FE3908 !important;}

.colo_004AFF{color:#004AFF !important;}
.colo_004AFF a{color:#004AFF !important;}

.colo_EC6C00{color:#EC6C00 !important;}
.colo_EC6C00 a{color:#EC6C00 !important;}


/*aタグ　マーカーで引いたような下線をホバーで表示*/

.mark_FFFF99_a a{
	text-decoration: none;
}
.mark_FFFF99_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #ffff99 0);
	background:-webkit-linear-gradient(transparent 50%, #ffff99 0);
	background:-ms-linear-gradient(transparent 50%, #ffff99 0);
	background:-o-linear-gradient(transparent 50%, #ffff99 0);
	background:linear-gradient(transparent 50%, #ffff99 0);
}
.mark_EEEEEE_a a{
	text-decoration: none;
}
.mark_EEEEEE_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #EEEEEE 0);
	background:-webkit-linear-gradient(transparent 50%, #EEEEEE 0);
	background:-ms-linear-gradient(transparent 50%, #EEEEEE 0);
	background:-o-linear-gradient(transparent 50%, #EEEEEE 0);
	background:linear-gradient(transparent 50%, #EEEEEE 0);
}

.mark_555555_a a{
	text-decoration: none;
}
.mark_555555_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #555555 0);
	background:-webkit-linear-gradient(transparent 50%, #555555 0);
	background:-ms-linear-gradient(transparent 50%, #555555 0);
	background:-o-linear-gradient(transparent 50%, #555555 0);
	background:linear-gradient(transparent 50%, #555555 0);
}

.mark_D6D6D6_a a{
	text-decoration: none;
}
.mark_D6D6D6_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #D6D6D6 0);
	background:-webkit-linear-gradient(transparent 50%, #D6D6D6 0);
	background:-ms-linear-gradient(transparent 50%, #D6D6D6 0);
	background:-o-linear-gradient(transparent 50%, #D6D6D6 0);
	background:linear-gradient(transparent 50%, #D6D6D6 0);
}


.mark_FDD7E9_a a{
	text-decoration: none;
}
.mark_FDD7E9_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #FDD7E9 0);
	background:-webkit-linear-gradient(transparent 50%, #FDD7E9 0);
	background:-ms-linear-gradient(transparent 50%, #FDD7E9 0);
	background:-o-linear-gradient(transparent 50%, #FDD7E9 0);
	background:linear-gradient(transparent 50%, #FDD7E9 0);
}

.mark_FFFF00{
	background:-moz-linear-gradient(transparent 50%, #FFFF00 0);
	background:-webkit-linear-gradient(transparent 50%, #FFFF00 0);
	background:-ms-linear-gradient(transparent 50%, #FFFF00 0);
	background:-o-linear-gradient(transparent 50%, #FFFF00 0);
	background:linear-gradient(transparent 50%, #FFFF00 0);
}

.mark_FF9BFF{
	background:-moz-linear-gradient(transparent 0%, #FF9BFF 0);
	background:-webkit-linear-gradient(transparent 0%, #FF9BFF 0);
	background:-ms-linear-gradient(transparent 0%, #FF9BFF 0);
	background:-o-linear-gradient(transparent 0%, #FF9BFF 0);
	background:linear-gradient(transparent 0%, #FF9BFF 0);
}


/*==============================
    ホバーしたら線を動的に出す
==============================*/
.underline_F07300 a{
	display: inline-block;
	padding-bottom: 1px;
	position: relative;
	text-decoration: none;
}

.underline_F07300 a:hover::after {
	width: 100%;
}

.underline_F07300 a::after{
	background-color:#F07300;
	bottom: 0;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	transition: .3s all;
	width: 0;
}


.hov_EFD35D a,
.hov_EFD35D a span{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hov_EFD35D a:hover,
.hov_EFD35D a:hover span{
	color:#EFD35D !important;
}

.hov_000000 a,
.hov_000000 a span{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hov_000000 a:hover,
.hov_000000 a:hover span{
	color:#000000 !important;
}


.bord_D6D6D6_t1{
	border-top:#D6D6D6 solid 1px;
}
.bord_EEEEEE_t1{
	border-top:#EEEEEE 1px solid;
}
.bord_FFFFFF_t1{
	border-top:#FFFFFF 1px solid;
}
.bord_2C3959_t1{
	border-top:#2C3959 1px solid;

}
.bord_2C3959_b1{
	border-bottom:1px solid #2C3959;
}
.bord_E3E3E3_t1{
	border-bottom:1px solid #E3E3E3;
}
.bord_D6D6D6_1{
	border:#D6D6D6 1px solid;
}


.bord_E6E6E6_t1{
	border-top:1px solid #E6E6E6;
}

.bord_CCEBFF_t1{
	border:#CCEBFF 1px solid;
}


.bord_DDDDDD_t1{
	border-top:#DDDDDD 1px solid;
}

.bord_000000_t1{
	border-top:1px #FFC2B6 solid;
}

.bord_000000_t4{
	border-top:4px #000000 solid;
}

.bord_5BC171_t4{
	border-top:4px solid #5BC171;
}

.bord_000000_d1{
	border-top:1px #000000 dashed;
}

.bord_E5977F_da1{
	border-bottom:2px #E5977F dashed;
	
}

.line_D50005_5c{
	width: 60px;
	margin:0 auto;
	height:5px;
	background:#D50005;
}
.line_D50005_5l{
	width: 60px;
	margin:0;
	height:5px;
	background:#D50005;
}

.line_FFFFFF_5c{
	width: 60px;
	margin:0 auto;
	height:5px;
	background:#FFFFFF;
}
.line_FFFFFF_5l{
	width: 60px;
	margin:0;
	height:5px;
	background:#FFFFFF;
}

.line_6ABA2A_3c{
	width: 125px;
	margin:0 auto;
	height:3px;
	background:#6ABA2A;
	
}



/*テキストインデント*/
.txt_ind005{padding-left: 0.5em;text-indent: -0.5em;}/*1文字分*/
.txt_ind01{padding-left: 1em;text-indent: -1em;}/*1文字分*/
.txt_ind02{padding-left: 2em;text-indent: -2em;}/*2文字分*/
.txt_ind025{padding-left: 2.5em;text-indent: -2.5em;}/*2文字分*/
.txt_ind03{padding-left: 3em;text-indent: -3em;}/*3文字分*/

/*==スマホ時width設定=================*/
.w_100{width:100% !important;margin:0 !important;}
.w_96{width:96% !important;margin:0 2% !important;}
.w_90{width:90% !important;margin:0 5% !important;}
.w_80{width:80% !important;margin:0 10% !important;}
.w_70{width:70% !important;margin:0 15% !important;}
.w_60{width:60% !important;margin:0 20% !important;}
.w_50{width:50% !important;margin:0 25% !important;}
.w_40{width:40% !important;margin:0 30% !important;}
.w_30{width:30% !important; margin:0 35% !important;}

.w_100l{width:100% !important;margin:0 !important;}
.w_96l{width:96% !important;margin:0 4% 0 0 !important;}
.w_90l{width:90% !important;margin:0 10% 0 0 !important;}
.w_80l{width:80% !important;margin:0 20% 0 0 !important;}
.w_70l{width:70% !important;margin:0 30% 0 0 !important;}
.w_60l{width:60% !important;margin:0 40% 0 0 !important;}
.w_50l{width:50% !important;margin:0 50% 0 0 !important;}
.w_40l{width:40% !important;margin:0 60% 0 0 !important;}
.w_30l{width:30% !important;margin:0 70% 0 0 !important;}

.w_100r{width:100% !important;margin:0 !important;}
.w_96r{width:96% !important;margin:0 0 0 4% !important;}
.w_90r{width:90% !important;margin:0 0 0 10% !important;}
.w_80r{width:80% !important;margin:0 0 0 20% !important;}
.w_70r{width:70% !important;margin:0 0 0 30% !important;}
.w_60r{width:60% !important;margin:0 0 0 40% !important;}
.w_50r{width:50% !important;margin:0 0 0 50% !important;}
.w_40r{width:40% !important;margin:0 0 0 60% !important;}
.w_30r{width:30% !important;margin:0 0 0 70% !important;}

.w_100 img,
.w_96 img,
.w_90 img,
.w_80 img,
.w_70 img,
.w_60 img,
.w_50 img,
.w_40 img,
.w_30 img{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}
.w_100l img,
.w_96l img,
.w_90l img,
.w_80l img,
.w_70l img,
.w_60l img,
.w_50l img,
.w_40l img,
.w_30l img,
.w_100r img,
.w_96r img,
.w_90r img,
.w_80r img,
.w_70r img,
.w_60r img,
.w_50r img,
.w_40r img,
.w_30r img{
	width:auto;
	max-width: 100%;
	margin:0;
}



/*===================*/
/*PCでのtextの幅設定（全サイズ縮める）*/
.p_w70,
.p_w80,
.p_w90,
.p_w94,
.p_w96,
.p_w98{width:90% !important; margin:0 5% !important;}


.bold{font-weight:bold;}
.bold_900{font-weight:900;}
.bold_800{font-weight:800;}
.bold_700{font-weight:700;}
.bold_600{font-weight:600;}
.bold_500{font-weight:500;}
.bold_400{font-weight:400;}
.bold_300{font-weight:300;}
.bold_200{font-weight:200;}
.bold_100{font-weight:100;}
.normal{ font-weight:normal !important;}

.font_ital{font-style: italic;}

.font11sp{
	font-size: 80%;
}

.font10{font-size:70%;}
.font11{font-size:80%;}
.font12{font-size:85%; line-height:1.3;}
.font13{font-size:93%;}

.font14{font-size:106%; line-height:1.5;}
.font15{font-size:110%; line-height:1.5;}
.font16{font-size:120%; line-height:1.5;}
.font17{font-size:130%;  line-height:1.4;}
.font18{font-size:140%; line-height:1.4;}
.font19{font-size:150%; line-height:1.4;}

.font20{font-size:170%; line-height:1.4;}

.underline{
	text-decoration: underline;
}
.underline_h a{
	text-decoration: underline;
}
.underline_h a:hover{
	text-decoration: none;
}
.line_height00{
	line-height: 0 !important;
}

.line_height10{
	line-height: 1 !important;
}

.line_height12{
	line-height:1.2 !important;
}
.line_height14{
	line-height:1.4 !important;
}
.line_height16{
	line-height:1.6 !important;
}
.line_height18{
	line-height:1.8 !important;
}
.line_height20{
	line-height:2 !important;
}
.le_sp_m02{letter-spacing: -2px;}
.le_sp_m01{letter-spacing: -1px;}
.le_sp00{letter-spacing: -1px;}
.le_sp01{letter-spacing: 1px;}
.le_sp02{letter-spacing: 2px;}
.le_sp03{letter-spacing: 3px;}
.le_sp04{letter-spacing: 4px;}
.le_sp05{letter-spacing: 5px;}
.le_sp06{letter-spacing: 6px;}
.le_sp07{letter-spacing: 7px;}
.le_sp08{letter-spacing: 8px;}
.le_sp09{letter-spacing: 9px;}
.le_sp10{letter-spacing: 10px;}


/*PCの場合brを付ける*/
.p_br br{
	display:none;
}

/*スマホの場合brを付ける*/
.s_br br{
	display:block;
}

/*スマホ・タブレットの場合brを付ける*/
.st_br br{
	display:block;
}
/*スマホの場合左寄せ*/
.p_cen_s_le{
	text-align:left;
}
/*スマホの場合センター*/
.p_le_s_cen{
	text-align:center;
}
/*スマホの場合真ん中寄せ*/
.p_ri_s_cen{
	text-align: center;
}
/*スマホの場合右寄せ*/
.p_cen_s_ri{
	text-align: right;
}
/*スマホの場合左寄せ・PC左寄せ*/
.p_le_s_ri{
	text-align: right;
}

.txt_shadow{
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}

.vr_m p,
.vr_m h2,
.vr_m h3,
.vr_m h4,
.vr_m h5,
.vr_m ul,
.vr_m li,
.vr_m div,
.vr_m dl,
.vr_m dt,
.vr_m dd{
	display: inline-block;
	vertical-align: middle;
}

.vr_m_img p,
.vr_m_img h2,
.vr_m_img h3,
.vr_m_img h4,
.vr_m_img h5,
.vr_m_img ul,
.vr_m_img li,
.vr_m_img div,
.vr_m_img dl,
.vr_m_img dt,
.vr_m_img dd{
	display: inline-block;
	vertical-align: middle;
}
.vr_m_img p img,
.vr_m_img h2 img,
.vr_m_img h3 img,
.vr_m_img h4 img,
.vr_m_img h5 img,
.vr_m_img ul img,
.vr_m_img li img,
.vr_m_img div img,
.vr_m_img dl img,
.vr_m_img dt img,
.vr_m_img dd img{
	display: inline-block;
	vertical-align: middle;
}


.vr_b p,
.vr_b h2,
.vr_b h3,
.vr_b h4,
.vr_b h5,
.vr_b ul,
.vr_b li,
.vr_b div{
	display: inline-block;
	vertical-align: text-bottom;
}
.vr_b1 p,
.vr_b1 h2,
.vr_b1 h3,
.vr_b1 h4,
.vr_b1 h5,
.vr_b1 ul,
.vr_b1 li,
.vr_b1 div{
	display: inline-block;
	vertical-align: baseline;
}


.po_rela{
	position: relative;
	z-index: 2;
}

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {
.mizu_dot_96{
	width:96%;
	margin:1.5em 2%;
}

/*===========================================*/
/*基本設定　大西*/
/*===========================================*/

#sub01,
#sub02,
#sub03,
#sub04,
#sub05,
#sub06,
#sub07,
#sub08,
#sub09,
#sub10,
#sub11,
#sub12,
#sub13,
#sub14,
#sub15,
.sub00{
	width:96%;
}
.sub00_100{
	width:100%;
}

.w_100l,
.w_96l,
.w_90l,
.w_80l,
.w_70l,
.w_60l,
.w_50l,
.w_40l,
.w_30l,
.w_100r,
.w_96r,
.w_90r,
.w_80r,
.w_70r,
.w_60r,
.w_50r,
.w_40r,
.w_30r,
.w_30,
.w_40,
.w_50,
.w_60,
.w_70,
.w_80,
.w_90,
.w_96,
.w_100{width:auto !important;margin:0 !important;}

.w_100 img,
.w_96 img,
.w_90 img,
.w_80 img,
.w_70 img,
.w_60 img,
.w_50 img,
.w_40 img,
.w_30 img{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}
.w_100l img,
.w_96l img,
.w_90l img,
.w_80l img,
.w_70l img,
.w_60l img,
.w_50l img,
.w_40l img,
.w_30l img{
	width:auto;
	max-width: 100%;
	margin:0;
}


.p_w70{width:70% !important; margin:0 15% !important;}
.p_w80{width:80% !important; margin:0 10% !important;}
.p_w90{width:90% !important; margin:0 5% !important;}
.p_w94{width:94% !important; margin:0 3% !important;}
.p_w96{width:96% !important; margin:0 2% !important;}
.p_w98{width:98% !important; margin:0 1% !important;}
	

.pc_60{width:60% !important; margin:0 20% !important;}
.pc_70{width:70% !important; margin:0 15% !important;}
.pc_80{width:80% !important; margin:0 10% !important;}
.pc_85{width:85% !important; margin:0 7.5% !important;}
.pc_90{width:90% !important; margin:0 5% !important;}
.pc_94{width:94% !important; margin:0 3% !important;}
.pc_96{width:96% !important; margin:0 2% !important;}
.pc_98{width:98% !important; margin:0 1% !important;}

	
	
.p_br br{
	display:block;
}
.s_br br{
	display:none;
}
/*スマホ・タブレットの場合brを付ける*/
.st_br br{
	display:block;
}
/*スマホの場合左寄せ*/
.p_cen_s_le{
	text-align:center;
}
/*スマホの場合センター*/
.p_le_s_cen{
	text-align:left;
}
/*スマホの場合真ん中寄せ*/
.p_ri_s_cen{
	text-align: right;
}
/*スマホの場合右寄せ*/
.p_cen_s_ri{
	text-align: center;
}
/*スマホの場合左寄せ・PC左寄せ*/
.p_le_s_ri{
	text-align: left;
}
	
.font11sp{
	font-size: 100%;
}

.font14{font-size:105%; line-height:1.7;}
.font15{font-size:110%; line-height:1.7;}
.font16{font-size:120%; line-height:1.7;}
.font17{font-size:130%;  line-height:1.6;}
.font18{font-size:140%; line-height:1.6;}
.font19{font-size:150%; line-height:1.6;}
.font20{font-size:190%; line-height:1.5;}



/*PC・タブレットの時だけ大きくしたい場合*/
.font14pc{font-size:106%;}
.font15pc{font-size:110%;}
.font16pc{font-size:120%;}
.font17pc{font-size:130%;}
.font18pc{font-size:140%;}
.font19pc{font-size:150%;}

.font20pc{font-size:170%;}

/*PC・タブレットの時だけ文字間空けたいとき*/
.le_sp01pc{letter-spacing: 1px;}
.le_sp02pc{letter-spacing: 2px;}
.le_sp03pc{letter-spacing: 3px;}
.le_sp04pc{letter-spacing: 4px;}
.le_sp05pc{letter-spacing: 5px;}
.le_sp06pc{letter-spacing: 6px;}
.le_sp07pc{letter-spacing: 7px;}
.le_sp08pc{letter-spacing: 8px;}
.le_sp09pc{letter-spacing: 9px;}
.le_sp10pc{letter-spacing: 10px;}
.le_sp11pc{letter-spacing: 11px;}
.le_sp12pc{letter-spacing: 12px;}
	
.le_sp20pc{letter-spacing: 20px;}

	
.back_FCF2EB_8em{
	background: linear-gradient(transparent 8em, #FCF2EB 0 8em);
}
	

}
/*=================================================================================*/
/** 1140px以上 PCサイズ画面 **/
@media (min-width : 1200px) {



/*===========================================*/
/*基本設定　大西*/
/*===========================================*/

#sub01,
#sub02,
#sub03,
#sub04,
#sub05,
#sub06,
#sub07,
#sub08,
#sub09,
#sub10,
#sub11,
#sub12,
#sub13,
#sub14,
#sub15{
	width:1200px;
	margin:0 auto;
	padding:3em 0;
}

.sub00{
	width:1200px;
	margin:0 auto;
	padding:0;
}
.sub00_100{
	width:1200px;
	margin:0 auto;
	padding:0;
}
/*スマホ・タブレットの場合brを付ける*/
.st_br br{
	display:none;
}
	
.back_FCF2EB_8em{
	background: linear-gradient(transparent 9.5em, #FCF2EB 0 9.5em);
}

}
/*=================================================================================*/
/** 1450px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1450px) {
/***  各ページ共通部  ***/

.font20{font-size:200%; line-height:1;}

}

@media (min-width : 1600px) {
/***  各ページ共通部  ***/

.back_FCF2EB_8em{
	background: linear-gradient(transparent 15em, #FCF2EB 0 15em);
}
}