/* CSS Document */
@charset "UTF-8";
/* CSS Document */




/*===== PC 1101px以上======*/
@media screen and (min-width: 1101px) {

/*■■■　表示・非表示　ＰＣ■■■*/


#css_style .pc_inline_display{
	display:inline-block;
}


#css_style .pc_only_none,
.pc_sp_none,
.pc_only_none{
	display: none;
}

.pc_only_block{
	display:block;
}


/*■■■　ディスプレイ フレックス(ＰＣ)　■■■*/

.display_flex_pc,
.display_flex_pcipad,
.flex_box_pcipad{
 display:flex;
}

/* ■■アロー非表示　■■  
＜例＞シアンで作成
ulに　arrow_none_4_3_2　クラスを付ける
<li>の中のdivへ .arrow_right_000 付ける
合わせてdivへ .arrow_child を付ける
4番目　3番目　2番目　で矢印を非表示にする

*/
  .arrow_none_3_2_1 li:nth-of-type(3n) .arrow_child,
  .arrow_none_4_3_2_1 li:nth-of-type(4n) .arrow_child,
  .arrow_none_4_3_2 li:nth-of-type(4n) .arrow_child {
    display: none;
  }



}




/*==== PC 961px～以上 ====*/
@media screen and (min-width: 961px) {
	
.pc_only_none{
	display:none;
}
	
}



/*====◆ PC 960px～以下すべて ◆====*/
@media screen and (max-width: 960px) {
	
.pc960_none{
	display:none;
}

}




/*==== ipad 768px～1100pxまで =====*/

@media only screen and (min-width: 768px) and (max-width: 1100px) {

/* ■■■■■■■■■■■■■■■*/
/* ■■ 共通CSS(タブレット)  ■■■■*/
/* ■■■■■■■■■■■■■■■*/

/*■■　横並び タイルスタイル(タブレット)■■*/


ul.ul_style_5_4_2 li{
	 width:23%;
	 margin-left:1%;
	 margin-right:1%;
}

ul.ul_style_5_3 li,
ul.ul_style_5_3_2 li,
ul.ul_style_4_3_1 li,
ul.ul_style_4_3_2 li,
ul.ul_style_4_3_2_1 li{
	 width:31%;
	 margin-left:1%;
	 margin-right:1%;
}

dl.dl_style_3_2_1 dd,
ul.ul_style_4_2_1 li,
ul.ul_style_3_2_1 li{
	 width:48%;
	 margin-left:1%;
	 margin-right:1%;
}

ul.ul_style_3_2space li,
dl.dl_style_3_2_1space dd,
ul.ul_style_3_2_1space li{
	 width:46%;
	 margin-left:1%;
	 margin-right:1%;
}

ul.ul_style_2_1_1 li{
	 width:100%;
	 margin-left:0;
	 margin-right:0;
}


/*■■■　ディスプレイ フレックス(タブレット)　■■■*/

.display_flex_pcipad,
.flex_box_pcipad{
 display:flex;
}

/*■■　リストスタイル(タブレット)　■■*/

.list_style_number01{
	width:100%;
}


/*■■■　表示・非表示 (タブレット) ■■■*/


#css_style .ipad_inline_display{
	display:inline-block;
}

#css_style .ipad_sp_none,
.ipad_sp_none,
.ipad_only_none,
.ipad_tab_sp_none,
.pc_ipad_none,
.pc_none{
	display: none;
}


/*■■■　ボックスパディング(タブレット)　■■■*/


.padding_box_left10{
	padding-left:0;
}
.padding_box_right10{
	padding-right:0;
}


/*■■■■■　共通CSS（タブレット）　■■■■■*/


/* 透過レイアウト（タブレット） */

.touka_img_l img,
.touka_img_r img{
}
.touka_text_l,
.touka_text_r{
	width:55%;
}




.mb60tab120sp40{margin-bottom:120px;}
.mb80tab160sp40{margin-bottom:160px;}
.mb100tab200sp40{margin-bottom:200px;}
.mb130tab250sp40{margin-bottom:250px;}
.mb160tab300sp40{margin-bottom:300px;}
.mb250tab500sp40{margin-bottom:500px;}
.mb300tab600sp40{margin-bottom:600px;}

/* ■■アロー非表示　■■  */

  .arrow_none_3_2_1 li:nth-of-type(2n) .arrow_child,
  .arrow_none_4_3_2_1 li:nth-of-type(3n) .arrow_child,
  .arrow_none_4_3_2 li:nth-of-type(3n) .arrow_child {
    display: none;
  }


}



/*==== ipad 768px～960pxまで =====*/

@media only screen and (min-width: 768px) and (max-width: 960px) {
/* homepage3 のブレークポイント*/


.box01pc .left,
.box01pc .right,
.box01rpc .left,
.box01rpc .right,

.box02rpc .left,
.box02rpc .right,
.box02pc .left,
.box02pc .right,
	
.box02rfitpc .left,
.box02rfitpc .right,
.box02fitpc .left,
.box02fitpc .right{
     width:100%;
     float:none;
     padding-bottom:15px;
}

/*■■■　フロート  (ipad) ■■■*/

.float_right_tabspnone,
.float_left_tabspnone{
	float:none;
}



/*■■■　テキストサイズ (ipad)　■■■*/

.txt30ss,.txt30ss p,.txt30ss li,
.txt36ss,.txt36ss p,.txt36ss li,
.txt40ss,.txt40ss p,.txt40ss li{font-size:20px;}


}

/*■■■■■■■■■■■■■■■■■■■■■■■■*/
/*◇◇◇◇ タブレット・スマホ以上 ◇◇◇◇◇◇*/
/*■■■■■■■■■■■■■■■■■■■■■■■■*/

@media screen and (min-width: 768px) {
.bg_pc_none {
	background: none;
}
}
/*============スマホ=============*/
@media screen and (max-width: 767px) {


/* ■■■■■■■■■■■■■■■*/
/* ■■ 共通CSS(スマホ)  ■■■■*/
/* ■■■■■■■■■■■■■■■*/


.mb_pc3,
.mb_pc5,

.mb_pc10,
.mb_pc15,
.mb_pc20,
.mb_pc30{
	margin-bottom:0;
}

.mb_sp3{margin-bottom:3px;}
.mb_sp5{margin-bottom:5px;}
.mb_sp10{margin-bottom:10px;}
.mb_sp15{margin-bottom:15px;}

.mbli20sp li,
.mbdl20sp dd,
.mb_sp20{margin-bottom:20px;}
.mb_sp30{margin-bottom:30px;}

.mbli40sp li,
.mbdl40sp dd,
.mb_sp40{margin-bottom:40px;}
.mb_sp50{margin-bottom:50px;}

.mbli60sp li,
.mbdl60sp dd,
.mb_sp60{margin-bottom:60px;}

.mt_sp3{margin-top:3px;}
.mt_sp5{margin-top:5px;}.mt_sp10{margin-top:10px;}
.mt_sp15{margin-top:15px;}
.mt_sp20{margin-top:20px;}
.mt_sp30{margin-top:30px;}
.mt_sp40{margin-top:40px;}

.mt_sp50{margin-top:50px;}
.mt_sp60{margin-top:60px;}
.mt_sp70{margin-top:70px;}
.mt_sp80{margin-top:80px;}
.mt_sp90{margin-top:90px;}
.mt_sp100{margin-top:100px;}
.mt_sp120{margin-top:120px;}
.mt_sp140{margin-top:140px;}
.mt_sp160{margin-top:160px;}
.mt_sp180{margin-top:180px;}
.mt_sp200{margin-top:200px;}
.mt_sp250{margin-top:250px;}
.mt_sp300{margin-top:300px;}
.mt_sp350{margin-top:350px;}
.mt_sp400{margin-top:400px;}


.mb60sp120{margin-bottom:120px;}
.mb80sp160{margin-bottom:160px;}
.mb100sp200{margin-bottom:200px;}

.pb60sp120{padding-bottom:120px;}
.pb80sp160{padding-bottom:160px;}
.pb100sp200{padding-bottom:200px;}


.mbli20sp10 li{margin-bottom:10px;}


.pl5p_sp10px,
.pl10p_sp10px,
.pl20p_sp10px{
	padding-left:10px;
}



/* 横並びに段差を付ける　*/


.dan_li_3_2_30 li:nth-child(2),
.dan_li_3_2_30 li:nth-child(5),
.dan_li_3_2_30 li:nth-child(8),
.dan_li_3_2_30 li:nth-child(11),
.dan_li_3_2_30 li:nth-child(14),
.dan_li_3_2_30 li:nth-child(17){
	margin-top:0;
}
.dan_li_3_2_30 li:nth-child(3n){
	margin-top:0;
}
.dan_li_3_2_30 li:nth-child(2n){
	margin-top:30px;
}



/*■■■　表示・非表示 (スマホ) ■■■*/

#css_style .sp_inline_display{
	display:inline-block;
}


#css_style .pc_none,
.pc_ipad_none,
.pc_none{
 	display:block;
}



#css_style .sp_none,
#css_style .ipad_sp_none,
.ipad_tab_sp_none,
 .ipad_sp_none,
 .sp_only_none,
.pc_sp_none,
 .sp_none{
 	display: none;
 }
 
/*■■■　改行　 (スマホ) ■■■*/

 .sp_br_none br{
 	display: none;
 }	
 .pc_br_none br{
 	display: block;
 }	
 
/*■■■　デイスプレイ ブロック ■■■*/

.sp_d_block{
	display:block;
}
	
/*■■■　スタイル無効 (スマホ) ■■■*/
	
 .sp_padding_none{
	 padding:0;
 }	

/*■■■　フロート  (スマホ) ■■■*/

.float_right_tabspnone,
.float_left_tabspnone,
.float_right_spnone,
.float_left_spnone{
	float:none;
}




/*■■■　余白(スマホ)　■■■*/

.mb_sp_none{
	margin-bottom:0;
}
.mt_sp_none{
	margin-top:0;
}
.pb_sp_none{
	padding-bottom:0;
}
.pt_sp_none{
	padding-top:0;
}

.sp_margin_none{
	margin:0;
}
.sp_padding_none{
	padding:0;
}


.dan_li_2_60spnone li:nth-child(2n){
	margin-top:0;
}


/*■■■　オートノネ (スマホ)　■■■*/

.auto_none_pc{
	margin-left: auto;
	margin-right:auto;
}
.auto_none_sp{
	margin-left:0;
	margin-right:0;
}

/*■■■　イメージ　■■■*/

/*イメージＳＰリサイズ*/

img.img_style_sp10,
.img_style_sp10 img{max-width:10%;}
img.img_style_sp20,
.img_style_sp20 img{max-width:20%;}
img.img_style_sp30,
.img_style_sp30 img{max-width:30%;}
img.img_style_sp40,
.img_style_sp40 img{max-width:40%;}
img.img_style_sp50,
.img_style_sp50 img{max-width:50%;}
img.img_style_sp60,
.img_style_sp60 img{max-width:60%;}
img.img_style_sp70,
.img_style_sp70 img{max-width:70%;}
img.img_style_sp80,
.img_style_sp80 img{max-width:80%;}
img.img_style_sp90,
.img_style_sp90 img{max-width:90%;}


.resize_sp50{max-width:50%;}
.resize_sp60{max-width:60%;}
.resize_sp70{max-width:70%;}
.resize_sp80{max-width:80%;}
.resize_sp90{max-width:90%;}

.img_right_pc_center_sp,
.img_auto_none_pc{
	margin-left: auto;
	margin-right: auto;
}

.img_right_pc{
	margin-left:0;
	margin-right:0;
}
.img_right_sp{
	margin-left:auto;
	margin-right: inherit;
}


/*■■■　テキスト位置(スマホ) 　■■■*/


.text_center_pc,
.text_center_pc h2,
.text_center_pc h3,
.text_center_pc h4,
.text_center_pc p{text-align:left;}


.text_center_sp {text-align:center;}
.text_center_sp p{text-align:center;}

.text_right_pc,
.text_right_pc h2,
.text_right_pc h3,
.text_right_pc h4,
.text_right_pc p{text-align:left;}

.text_right_sp {text-align:right;}
.text_right_sp p{text-align:right;}




/*■■■　テキストサイズ(スマホ)　■■■*/

.txt20,.txt20 p,.txt20 li{font-size:18px;}
.txt24,.txt24 p,.txt24 li{font-size:22px;}
.txt28,.txt28 p,.txt28 li{font-size:24px;}

.txt30,.txt30 p,.txt30 li{font-size:26px;}
.txt32,.txt32 p,.txt32 li{font-size:26px;}
.txt34,.txt34 p,.txt34 li{font-size:28px;}
.txt36,.txt36 p,.txt36 li{font-size:28px;}
.txt40,.txt40 p,.txt40 li{font-size:32px;}
.txt46,.txt46 p,.txt46 li{font-size:36px;}
.txt50,.txt50 p,.txt50 li{font-size:38px;}
.txt55,.txt55 p,.txt55 li{font-size:40px;}

.txt60,.txt60 p,.txt60 li,
.txt66,.txt66 p,.txt66 li,
.txt70,.txt70 p,.txt70 li{font-size:44px;}

.txt76,.txt76 p,.txt76 li,
.txt80,.txt80 p,.txt80 li,
.txt86,.txt86 p,.txt86 li{font-size:52px;}

.txt12s,.txt12s p,.txt12s li,
.txt13s,.txt13s p,.txt13s li{font-size:9px;}
.txt14s,.txt14s p,.txt14s li{font-size:12px;}
.txt15s,.txt15s p,.txt15s li,
.txt16s,.txt16s p,.txt16s li{font-size:13px;}

.txt24s,.txt24s p,.txt24s li,
.txt26s,.txt26s p,.txt26s li,
.txt28s,.txt28s p,.txt28s li{
	font-size:18px;
}

.txt30s,.txt30s p,.txt30s li,
.txt34s,.txt34s p,.txt34s li,
.txt36s,.txt36s p,.txt36s li,
.txt40s,.txt40s p,.txt40s li{
	font-size:20px;
}

.txt44s,.txt44s p,.txt44s li,
.txt50s,.txt50s p,.txt50s li{
	font-size:24px;
}

.txt60s,.txt60s p,.txt60s li,
.txt64s,.txt64s p,.txt64s li,
.txt70s,.txt70s p,.txt70s li,
.txt74s,.txt74s p,.txt74s li{
	font-size:26px;
}




.txtp50,.txtp50 p,.txtp50 li{font-size:50%;} 
.txtp80,.txtp80 p,.txtp80 li{font-size:80%;} 
.txtp100,.txtp100 p,.txtp100 li{font-size:80%;} 
.txtp150,.txtp150 p,.txtp150 li{font-size:120%;} 
.txtp160,.txtp160 p,.txtp160 li{font-size:140%;} 
.txtp200,.txtp200 p,.txtp200 li{font-size:160%;} 
.txtp300,.txtp300 p,.txtp300 li{font-size:200%;} 
.txtp400,.txtp400 p,.txtp400 li{font-size:300%;} 



.txt16s,.txt16s p,.txt16s li{font-size:13px;}
.txt18s,.txt18s p,.txt18s li{font-size:14px;}
.txt20s,.txt20s p,.txt20s li{font-size:16px;}
.txt22s,.txt22s p,.txt22s li{font-size:18px;}
.txt24s,.txt24s p,.txt24s li{font-size:18px;}
.txt26s,.txt26s p,.txt26s li{font-size:20px;}
.txt30s,.txt30s p,.txt30s li{font-size:22px;}
.txt34s,.txt34s p,.txt34s li{font-size:24px;}
.txt40s,.txt40s p,.txt40s li{font-size:28px;}
.txt44s,.txt44s p,.txt44s li{font-size:32px;}
.txt50s,.txt50s p,.txt50s li{font-size:38px;}


.txt30ss,.txt30ss p,.txt30ss li,
.txt36ss,.txt36ss p,.txt36ss li,
.txt40ss,.txt40ss p,.txt40ss li{font-size:16px;}



/* テキストサイズ vw スマホ可変*/


.txt1vw_sp2,.txt1vw_sp2 p,.txt1vw_sp2 li{font-size:2vw;}
.txt1vw_sp3,.txt1vw_sp3 p,.txt1vw_sp3 li{font-size:3vw;}
.txt1vw_sp4,.txt1vw_sp4 p,.txt1vw_sp4 li{font-size:4vw;}


.txt1_2vw_sp3_2,.txt1_2vw_sp3_2 p,.txt1_2vw_sp3_2 li{font-size:3.2vw;}
.txt1_4vw_sp3_4,.txt1_4vw_sp3_4 p,.txt1_4vw_sp3_4 li{font-size:3.4vw;}
.txt1_6vw_sp3_6,.txt1_6vw_sp3_6 p,.txt1_6vw_sp3_6 li{font-size:3.6vw;}
.txt1_8vw_sp3_8,.txt1_8vw_sp3_8 p,.txt1_8vw_sp3_8 li{font-size:3.8vw;}


.txt2vw_sp4,.txt2vw_sp4 p,.txt2vw_sp4 li{font-size:4vw;}
.txt2vw_sp5,.txt2vw_sp5 p,.txt2vw_sp5 li{font-size:5vw;}


.txt3vw_sp6,.txt3vw_sp6 p,.txt3vw_sp6 li{font-size:6vw;}
.txt4vw_sp7,.txt4vw_sp7 p,.txt4vw_sp7 li{font-size:7vw;}
.txt5vw_sp8,.txt5vw_sp8 p,.txt5vw_sp8 li{font-size:8vw;}
.txt6vw_sp9,.txt6vw_sp9 p,.txt6vw_sp9 li{font-size:9vw;}
.txt7vw_sp10,.txt7vw_sp10 p,.txt7vw_sp10 li{font-size:10vw;}

.txt8vw_sp11,.txt8vw_sp11 p,.txt8vw_sp11 li{font-size:11vw;}
.txt9vw_sp12,.txt9vw_sp12 p,.txt9vw_sp12 li{font-size:12vw;}
.txt10vw_sp13,.txt10vw_sp13 p,.txt10vw_sp13 li{font-size:13vw;}
.txt11vw_sp14,.txt11vw_sp14 p,.txt11vw_sp14 li{font-size:14vw;}
.txt12vw_sp15,.txt12vw_sp15 p,.txt12vw_sp15 li{font-size:15vw;}


/* テキストサイズ vw スマホ可変「大」*/


.txt1vw_sp5,.txt1vw_sp5 p,.txt1vw_sp5 li{font-size:5vw;}
.txt1_4vw_sp5_4,.txt1_4vw_sp5_4 p,.txt1_4vw_sp5_4 li{font-size:5.4vw;}
.txt1_8vw_sp5_8,.txt1_8vw_sp5_8 p,.txt1_8vw_sp5_8 li{font-size:5.8vw;}

.txt2vw_sp6,.txt2vw_sp6 p,.txt2vw_sp6 li{font-size:6vw;}
.txt2_4vw_sp6_4,.txt2_4vw_sp6_4 p,.txt2_4vw_sp6_4 li{font-size:6.4vw;}
.txt2_8vw_sp6_8,.txt2_8vw_sp6_8 p,.txt2_8vw_sp6_8 li{font-size:6.8vw;}

.txt3vw_sp7,.txt3vw_sp7 p,.txt3vw_sp7 li{font-size:7vw;}
.txt3_4vw_sp7_4,.txt3_4vw_sp7_4 p,.txt3_4vw_sp7_4 li{font-size:7.4vw;}
.txt3_8vw_sp7_8,.txt3_8vw_sp7_8 p,.txt3_8vw_sp7_8 li{font-size:7.8vw;}

.txt4vw_sp8,.txt4vw_sp8 p,.txt4vw_sp8 li{font-size:8vw;}
.txt4_4vw_sp8_4,.txt4_4vw_sp8_4 p,.txt4_4vw_sp8_4 li{font-size:8.4vw;}
.txt4_8vw_sp8_8,.txt4_8vw_sp8_8 p,.txt4_8vw_sp8_8 li{font-size:8.8vw;}




/*■■■　テキスト　ラインヘイト　■■■*/

.line_h20s,.line_h20s p,.line_h20s li{line-height:5px;}
.line_h30s,.line_h30s p,.line_h30s li{line-height:10px;}
.line_h40s,.line_h40s p,.line_h40s li{line-height:20px;}
.line_h50s,.line_h50s p,.line_h50s li{line-height:30px;}
.line_h60s,.line_h60s p,.line_h60s li{line-height:40px;}
.line_h70s,.line_h70s p,.line_h70s li{line-height:50px;}
.line_h80s,.line_h80s p,.line_h80s li{line-height:60px;}
.line_h90s,.line_h90s p,.line_h90s li{line-height:70px;}
.line_h100s,.line_h100s p,.line_h100s li{line-height:80px;}




/*■■■　背景 ■■■*/
/* 背景 カラー*/

.bg_sp_none{
	background:none;
}


/*■■■　ボタンスタイル(スマホ) 　■■■*/


.bt_style02 a{
     font-size:12px;
}
.bt_style02 a span{
     font-size:14px;
}

.bt_style03 a{
     font-size:18px;
     padding:15px 0 5px;
}
.bt_style03 a span{
     font-size:16px;
}

.bt_resize50 a{
	width:80%;
}


/*■■■　画像の上に文字 　■■■*/


.img_text_box_f .img_text_position30_sp20,
.img_text_box_free .img_text_position30_sp20,
.img_text_box .img_text_position30_sp20{
	position:absolute;
	top:20%;
	left:0;
}

/*■■■ 画像重ねボックス ■■■*/

.img_2_box_2,
.img_2_box_1{
    margin-bottom:60px;
}
.img_2_box_2 .img_box_img_2,
.img_2_box_1 .img_box_img_2 {
    bottom:-60px;
}




/*■■■　見出し フォントスタイル (スマホ) ■■■*/


.midashi_box h2,
.midashi_box p{
	text-align:center;
}

.midashi_box h2{
	font-size:28px;
	margin-bottom:10px;
}
.midashi_box p{
	font-size:16px;
}
.midashi_box br{
	display:none;
	}
	
.midashi_box p span{
	font-size:24px;
	}




.midashi01{
	font-size:26px;
 }
 
 
.midashi01 span.sub{
	font-size:10px;
	padding:3px 15px;
}

.midashi01_s{
	font-size:22px;
	letter-spacing:1px;
 }
.midashi01_s span.sub{
	font-size:10px;
	padding:3px 10px;
}





.font_icon01{
	font-size:22px;
	line-height:0.5em;
     padding:3px 0 3px 25px;
}

.font_icon01 br{
	display:none;
}

.icon_black{
	background:url(images/all/icon_text1.png) left top no-repeat;
	background-size:14px;
}

.icon_green{
	background:url(images/all/icon_text5.png) left top no-repeat;
	background-size:14px;
}

.icon_red{
	background:url(images/all/icon_text4.png) left top no-repeat;
	background-size:14px;
}

.icon_blue{
	background: url(images/all/icon_text2.png) left top no-repeat;
	background-size:14px;
}
.icon_brown01{
	background: url(images/all/icon_text_brown01.png) left top no-repeat;
	background-size:14px;
}
.icon_brown02{
	background: url(images/all/icon_text_brown02.png) left top no-repeat;
	background-size:20px;
}



.font_plain02{
	font-size:18px;
	letter-spacing:1px;
	line-height:1.5em;
	}
	
	
/*　見出し 文字のせ 文字背景　*/

.midashi_double_en {
    position:absolute;
    z-index: -1;
    left: 30px;
    top: -55px;
  }
.midashi_double_en2 {
    position:absolute;
    z-index: -1;
    left: 30px;
    top: -15px;
  }
.midashi_double_en3 {
    position:absolute;
    z-index: -1;
    left: 30px;
    top: -5px;
  }
  
  
  
  
.midashi_double_en_c,
.midashi_double_en_c2 {
    position: absolute;
    left: 0;
    top: -35px;
    z-index: -1;
}
.midashi_double_en_c3 {
    position: absolute;
    left: 0;
    top: -15px;
    z-index: -1;
}
.midashi_double_en_c4 {
    position: absolute;
    left: 0;
    top: -5px;
    z-index: -1;
}
.midashi_double_en_c5 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
	
	
	
/*■■■　ボタンスタイル　■■■*/

.button_style01 a{
     width:90%;
     font-size:14px;
     letter-spacing:1px;
}


/*■■■　ボックススタイル(スマホ)　■■■*/



.basicbox {
     width:100%;
	 margin:0 0 20px 0;
	}

.column_txt br{
	display:none;
}


.box00 .left,
.box00 .right,
.box00r .left,
.box00r .right,
.box01 .left,
.box01 .right,
.box01in .leftin ,
.box01in .rightin ,
.box01ipad .left,
.box01ipad .right,
.box01r .left,
.box01r .right,
.box01fit .left,
.box01fit .right,
.box01rfit .left,
.box01rfit .right,
.box01pc .left,
.box01pc .right,
.box01rpc .left,
.box01rpc .right,

.box02 .left,
.box02 .right,
.box02r .left,
.box02r .right,
.box02fit .left,
.box02fit .right,
.box02rfit .left,
.box02rfit .right,
.box02pc .left,
.box02pc .right,
.box02rpc .left,
.box02rpc .right,

.box02rfitpc .left,
.box02rfitpc .right,
.box02fitpc .left,
.box02fitpc .right,

.box03 .left,
.box03 .right,
.box03r .left,
.box03r .right,
.box03fit .left,
.box03fit .right,
.box03rfit .left,
.box03rfit .right,

.box04 .left,
.box04 .right,
.box04r .left,
.box04r .right,

.box05 .left,
.box05 .right,

.box06_ot .left_ot,
.box06_ot .right_ot,
.box06 .left,
.box06 .right,

.box07_ot .left_ot,
.box07_ot .right_ot,
.box07 .left,
.box07 .right
{
     width:100%;
     float:none;
     padding-bottom:15px;
}





.sp_pb_none,
.sp_pb_none .left,
.sp_pb_none .right{
     padding-bottom:0;
}

.sp_mb_none,
.sp_mb_none .left,
.sp_mb_none .right{
     margin-bottom:0;
}


.mr_pc1p,
.mr_pc3p,
.mr_pc5p,
.mr_pc10p,
.mr_pc15p,
.mr_pc20p{
     margin-right:0;
}

.ml_pc1p,
.ml_pc3p,
.ml_pc5p,
.ml_pc10p,
.ml_pc15p,
.ml_pc20p{
     margin-left:0;
}



.sp_pall_none{
     padding:0;
}
.sp_pall_none{
     margin:0;
}

.sp_pa_none{
     padding:0;
}
.sp_ma_none{
     margin:0;
}

/* スマホで比率変化*/

/* 5対5 → 3対7 */

.box02_box03none .left{
     float:left;
     width:37%;
}
.box02_box03none .right{
     float:right;
     width:60%;
}


/* スマホだけ横並び*/

/* 6対4 fit*/

.box01fit_sp{
	clear:both;
     width:100%;
     overflow:hidden;
}
.box01fit_sp .left {
     float:left;
     width:60%;
}
.box01fit_sp .right {
     float:right;
     width:40%;
}

/* 5対5 fit*/

.box02fit_sp {
	 clear:both;
     width:100%;
     overflow:hidden;
}
.box02fit_sp .left {
     float:left;
     width:50%;
}
.box02fit_sp .right {
     float:right;
     width:50%;
}

/* 4対6 fit*/

.box03fit_sp {
	 clear:both;
     width:100%;
     overflow:hidden;
}
.box03fit_sp .left {
     float:left;
     width:40%;
}
.box03fit_sp .right {
     float:right;
     width:60%;
}






/*■■■■　フィットボックス （スマホ・タブレット） ■■■■*/


.fitbox5x5{
}
.fitbox5x5 .fitbox_cont{
	overflow:hidden;
}


.fitbox5x5 .fitbox_cont .fitbox_left,
.fitbox5x5 .fitbox_cont .fitbox_right,
.fitbox5x5 .fitbox_cont:nth-child(even) .fitbox_left,
.fitbox5x5 .fitbox_cont:nth-child(even) .fitbox_right,
.fitbox5x5.r_fitbox5x5 .fitbox_cont .fitbox_left,
.fitbox5x5.r_fitbox5x5 .fitbox_cont .fitbox_right,
.fitbox5x5.r_fitbox5x5 .fitbox_cont:nth-child(even) .fitbox_left,
.fitbox5x5.r_fitbox5x5 .fitbox_cont:nth-child(even) .fitbox_right{
	float:none;
	width:100%;
}
.fitbox5x5 .fitbox_img{
  position: relative;
  overflow: hidden;
  height:260px;
}
.fitbox5x5 .fitbox_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width:120%;
  height:auto;
  transform: translate(-50%, -50%);
}


.fitbox5x5 .fitbox_img100{
  position: relative;
  overflow: hidden;
  height:260px;
}
.fitbox5x5 .fitbox_img100 img {
  position: absolute;
  top: 50%;
  left: 50%;
  width:100%;
  height:auto;
  transform: translate(-50%, -50%);
}

.fitbox5x5 .fitbox_img170_h600{
  position: relative;
  overflow: hidden;
  height:300px;
}



/*■ 奇数 偶数でボックスレイアウト （スマホ・タブレット） ■*/

.child_box04 .child_box_cont:nth-child(2n+1) .left,
.child_box04 .child_box_cont:nth-child(2n+1) .right,
.child_box04 .child_box_cont:nth-child(2n) .left,
.child_box04 .child_box_cont:nth-child(2n) .right{
     float:none;
     width:100%;
}



/* ■■ 透過レイアウト（スマホ・タブレット）■■ */

.touka_box{
}
.touka_h_left,
.touka_h_right{
	float:none;
}
.touka_img_r,
.touka_img_l{
	text-align:left;
}
.touka_text_l,
.touka_text_r{
	display: block;
	position: relative;
	right: 0;
	left: 0;
	top: 0;
	padding:10px 2%;
	width:96%;
	}
.touka_img_l img,
.touka_img_r img{
	display: block;
	width:100%;
	max-width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}


.mb60tab120sp40,
.mb80tab160sp40,
.mb100tab200sp40,
.mb130tab250sp40,
.mb160tab300sp40,
.mb250tab500sp40,
.mb300tab600sp40,
.mb60sptab40,
.mb80sptab40,
.mb100sptab40,
.mb130sptab40,
.mb160sptab40,
.mb200sptab40,
.mb250sptab40,
.mb300sptab40,
.mb350sptab40{
	margin-bottom:40px;
} 	

/* ■■ 透過レイアウト２（スマホ）■■ */
.touka2_img_l img,
.touka2_img_r img{
	display: block;
	position: relative;
	right: 0;
	left: 0;
	top: 0;
	width:100%;
	}
	
.touka2_text_l,
.touka2_text_r{
	display: block;
	width:96%;
	max-width:96%;
	float:none;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:10px 2%;
}
.touka2_img_l img.sp_none,
.touka2_img_r img.sp_none{
	display: none;
	}

/*■■ 

透過レイアウト

（テキストで高さを取る）

横幅自由設定

 ■■*/


.touka_free_img_l img,
.touka_free_img_r img{
	display: block;
	position: relative;
	right: 0;
	left: 0;
	top: 0;
	width:100%;
	}
.touka_img_3_8 img,
.touka_img_3_7 img,
.touka_img_4_7 img,
.touka_img_4_6 img,
.touka_img_5_8 img,
.touka_img_5_7 img,
.touka_img_5_6 img,
.touka_img_6_6 img,
.touka_img_6_7 img,
.touka_img_6_8 img{
	width:100%;
	}

.touka_free_text_l,
.touka_free_text_r{
	display: block;
	float:none;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.touka_text_3_8,
.touka_text_3_7,
.touka_text_4_7,
.touka_text_4_6,
.touka_text_5_8,
.touka_text_5_7,
.touka_text_6_6,
.touka_text_6_7,
.touka_text_6_8{
	width:100%;
	max-width:100%;
}


.touka_img_3_8 img.sp_none,
.touka_img_3_7 img.sp_none,
.touka_img_4_7 img.sp_none,
.touka_img_4_6 img.sp_none,
.touka_img_5_7 img.sp_none,
.touka_img_5_6 img.sp_none{
	display: none;
	}



/*■■■　ボックスパディング(スマホ)　■■■*/


/*■■■　ボックスパディング　■■■*/




.padding_box0_05_spnone,
.padding_box0_1_spnone,
.padding_box0_2_spnone,
.padding_box0_3_spnone,
.padding_box0_4_spnone,
.padding_box0_5_spnone,
.padding_box0_10_spnone,
.padding_box0_15_spnone,
.padding_box0_20_spnone,
.padding_box0_25_spnone,
.padding_box0_30_spnone,
.padding_box_5px_sp0,
.padding_box_sp_none{
	padding:0;
}


.padding_box0_05_ul,
.padding_box0_05_sp0_1{
	padding:0 1%;
}
.padding_box0_4_sp0_2{
	padding:0 2%;
}



.padding_box_right5sp{
	padding-right:5%;
}

.padding_box10px_sp_none{
	padding:0;
}

.padding_box_left10{
	padding-left:0;
}
.padding_box_right10{
	padding-right:0;
}


.padding_box_sp0_2{
	padding:0 2%;
}






/*■■■■　横並び タイルスタイル(スマホ)■■■■*/

dl.ul_style_pc_left,
ul.ul_style_pc_left{
	text-align:center;
}
dl.ul_style_sp_left,
ul.ul_style_sp_left{
	text-align:left;
}

ul.ul_style_3_2 li{
	 width:48%;
	 margin-left:1%;
	 margin-right:1%;
}

/* dl */
dl.dl_style_1_2 dd,
dl.dl_style_3_2 dd,
/* ul */
ul.ul_style_4_2_1sp li,
ul.ul_style_5_4_2 li,
ul.ul_style_5_3_2 li,
ul.ul_style_4_2 li,
ul.ul_style_4_3_2 li,
ul.ul_style_4_3_2_1 li{
	 width:48%;
	 margin-left:1%;
	 margin-right:1%;
}
ul.ul_style_4_2space li{
	 width:46%;
	 margin-left:1%;
	 margin-right:1%;
}



/* dl */
dl.dl_style_2_1 dd,
dl.dl_style_3_2_1 dd,
dl.dl_style_3_2_1space dd,
dl.dl_style_3_1 dd,
/* ul */
ul.ul_style_4_2_1 li,
ul.ul_style_4_3_1 li,
ul.ul_style_3_2_1 li,
ul.ul_style_3_1 li,
ul.ul_style_3_2_1space li,
ul.ul_style_2_1space li,
ul.ul_style_2_1_1 li,
ul.ul_style_2_1 li{
	 width:100%;
	 margin-left:0;
	 margin-right:0;
}

ul.ul_style_3_2space li{
	 width:46%;
	 margin-left:1%;
	 margin-right:1%;
}

ul.ul_style_5_3sp li,
ul.ul_style_5_3 li,
ul.ul_style_resize_sp3 li{
	 width:31%;
	 margin-left:1%;
	 margin-right:1%;
}



/* 横並び フレックス 〇〇の流れ */

ul.ul_style_tag02 li:nth-child(2n+1) {
	width:66px;
	font-size:13px;
	text-align:left;
    margin:0 3px 10px;
	padding:10px 3px;
	border:1px solid #9a7c50;
}
ul.ul_style_tag02 li:nth-child(2n+0) {
	width:26px;
	padding:10px 2px;
    margin:0 1px 10px;
	margin:0 0 5px;
}




/*■■■■　リストスタイル(スマホ)　■■■■*/

.list_style_number01{
	width:100%;
}
.list_style_number01 ul li{
	width:100%;
	margin:0 0 20px;
}



.list_style_number01 ul li .left{
	float:left;
	width:20%;
}


.list_style_number01 ul li .right{
	float:right;
	width:76%;
}

.list_style_number01 p.text{
	font-size:18px;
}



.number{
	color:#fff;
	font-size:10px;
	width:40px;
	height:40px;
	padding:15px;
	margin:0 auto;
}
.number span{
	font-size:30px;
}

.list_style_number01 .right p{
	font-size:16px;
}

/*■■■　テーブル　ノーマル　■■■■*/

.table_none_25_sp_block th{
	display:block;
     width:100%;
	 padding-right:0;
}
.table_none_25_sp_block td{
	display:block;
     width:100%;
	 padding-right:0;
}
	

/*■■■　テーブル　form_box01 (スマホ)　■■■*/




/* 基本デザイン */



.form_box01{
	width:96%;
	margin:0 2% 30px 2%;
	background: #ffffff;
}


.form_box01 li{
	float:none;
}

.form_box01 li.fl{
	width:94%;
	padding:13px 3% 8px 3%;
	border-right:none;
}
.form_box01 li.fr{	
	width:94%;
	padding:8px 3% 8px 3%;
}
.form_box01 li.fr br{
	display:none;
}

.form_box01 input.form_pc_sp_width,
.form_box01 input.form_sp_width {
	width:94%;
}

.form_box01 .form_pc_sp_width input,
.form_box01 .form_sp_width input{
	width:94%;
}


/* サイズ変更　 */
div.form_size01{
	width:96%;
	margin:0 2% 30px 2%;
}
div.form_size01 li.fl{
	width:94%;
	padding:13px 3% 8px 3%;
	border-right:none;
}
div.form_size01 li.fr{	
	width:94%;
	padding:13px 3% 8px 3%;
}


/* テーブルデザイン form_design02 */

.form_box01 li.fr br{
	display:block;
}

.form_design02 select, .form_design02 input{
	margin-bottom:5px;
}
.form_design02_bg_none,
.form_design02_bg_none ul{
	background:none;
}


/*■■■　画像文字リンクバナー(タブレット・スマホ共通)■■■*/

.img_banner_box01 .caption35p {
	padding-top:30%;
	padding-left:0px;
}

/*■■■ 背景アフター タブレット・スマホ共通■■■*/

.bg_af_t0r20h0_f:after,
.bg_af_t10r20h0_f:after,
.bg_af_t0r40h0_f:after,
.bg_af_t10r40h0_f:after,
.bg_af_t0r60h0_f:after,
.bg_af_t10r60h0_f:after,
.bg_af_t10r40h80_f:after {
	right: 20%;
}
.bg_af_t0l20h0_f:after,
.bg_af_t10l20h0_f:after,
.bg_af_t0l40h0_f:after,
.bg_af_t10l40h0_f:after,
.bg_af_t0l60h0_f:after,
.bg_af_t10l60h0_f:after,
.bg_af_t10l40h80_f:after {
	left: 20%;
}



/* ■■アロー非表示　■■  */

  .arrow_none_3_2_1 li .arrow_child,
  .arrow_none_4_3_2_1 li .arrow_child,
.arrow_none_4_3_2 li:nth-child(2n) .arrow_child{
	display:none;
  /*偶数 */
}




}




/*============スマホ(480)=============*/

@media screen and (max-width: 480px) {	
	


.box_width340_sp300{max-width:300px;}



/*■■■　表示・非表示 (スマホ480) ■■■*/

.sp480_none{
	display:none;
}
.sp480_block{
	display: block;
}

.mt_sp10_480{margin-top:10px;}
.mt_sp20_480{margin-top:20px;}
.mt_sp30_480{margin-top:30px;}
.mt_sp40_480{margin-top:40px;}


/*■■■■　横並び タイルスタイル(480)■■■■*/

ul.ul_style_3_1sp480 li{
	 width:100%;
	 margin-left:0;
	 margin-right:0;
}
ul.ul_style_4_2_1sp li,
ul.ul_style_4_3_2_1 li{
	 width:100%;
	 margin-left:0;
	 margin-right:0;
}

}



