/* CSS Document */
/*初期設定*/
@charset"utf-8";
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
ol,ul{
	list-style: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	text-decoration: none;
}
a:link{
	color: #000000;
}
a:visited{
	color: #604C3F;
}
a:hover{
	color: #656533;
}
.tel a:link ,.tel_tb a:link{
	color: #656533;
}
.tel a:visited ,.tel_tb a:visited{
	color: #656533;
}
.tel a:hover ,.tel_tb a:hover{
	color: #000;
}
.tel_w a:link{
	color: #fff;
}
.tel_w a:visited{
	color: #fff;
}
.tel_w a:hover{
	color: #d1cf8c;
}
html{
	font-size: 62.5%;
}
body{
	font-family: "メイリオ", "Hiragino Sans", "Hiragino Kaku Gothic ProN","Yu Gothic UI", sans-serif;
	font-weight: normal;
	font-size: 2rem;
	color: #1a1a1a;
	letter-spacing: 0.07em;
	line-height: 2em;
	margin: 0 auto;
}
/*初期設定　ここまで↑*/

/*基本レイアウトここから↓*/
#topbutton {
   /* ▼ボタンの表示位置を画面の右下に固定 */
   position: fixed; /* ←表示場所を固定 */
   bottom: 18px;   /* ←下端からの距離 */
   left: 50px;    /* ←右端からの距離 */
   width: 7em;     /* ←横幅 */
   /*▼最初は非表示にしておく */
   display: none;
   /* ▼配色・配置・文字の装飾など*/ 
}
#hamburger, .tb_nav, .hamburger_nav_01 ,.sp_nav ,.sp_top-mv ,.sp_table ,.sp_indications_mv ,.sp_question_mv ,.sp_information_mv ,.sp_intoroduction{
	display: none;
}
header ,article ,footer{
	background-image: url("../image/back.jpg");
	overflow: hidden;
}

/*グローバルナビ↓*/
#fixed_nav{
	float: left;
	position:fixed;
	left:50px;
	z-index: 100;
	}
.back_nav{
	width:140px;
	position:relative;
}
.logo{
	position:absolute;
	top:30px;
}
.logo_mark{
	margin-left:-20px;
	width:180px;
	height:auto;
}
.logo_text{
	margin-top:15px;
	margin-left:15px;
	width:110px;
	height:auto;
}
.nav{
	position:absolute;
	top:330px;
	font-family: "源ノ明朝","ヒラギノ明朝",serif ;
}
.nav ul{
	display:block;
	width:140px;
	height:230px;
	text-align: center;
}
.nav_J{
	font-weight: bold;
	font-size: 1.6rem;
	letter-spacing: normal;
	line-height: 1.2em;
	margin-bottom: 4px;
}
.nav_E{
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.3;
	color: #40220F;
	margin-bottom:18px;
}
.btn_home{
	width: 100px;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 20px;
}
/*ヘッダー右 お問い合わせ↓*/
.pc_right{
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: right;
	margin-left:auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.btn_common{  
	width: 120px;
	height: 25px;
	padding-top: 3px;
    border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2em;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn_color{  
	border: 1px solid #656533; 
	color: #656533;
}
.contact_tel{
	margin-top: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.contact_text{
	padding-top: 10px;
	font-size: 1.6rem;
	margin-right: 20px;
	color: #656533;
}
.tel{
	font-family: "游明朝","ヒラギノ明朝",serif ;
	font-size: 4.5rem;
	color: #656533;
}

/*全頁共通↓*/
.body_container{
	background-image: url("../image/back.jpg");
}
.article_wrap ,.f_wrap{
	margin-left: 250px;
	margin-right: 20px;
}
.article_container{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 30px;
	margin-bottom: 90px;
}
.news ,.about ,.indications ,.beginner ,.information ,.access ,.question{
	margin-top: 180px;
	display: block;
	text-align: center;
}
.counterplan ,.feature ,.flow ,.price ,.explanation ,.question_contents{
	margin-top: 110px;
	display: block;
	text-align: center;	
}
.question_contents{
	margin-top: 150px;
}
.section_icon_01{
	width: 150px;
}
.section_icon_02{
	width: 130px;
}
h1{
	font-size: 2.2rem;
	font-weight: normal;
	padding-top: 50px;
	margin-bottom: 60px;
}
.h2_yoko{
	font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
	font-size: 3rem;
	font-weight: normal;
	padding-top: 50px;
	margin-bottom: 60px;
}
.h2_tate{
	-webkit-writing-mode: vertical-rl;
 	-ms-writing-mode: tb-rl;
 	writing-mode: vertical-rl;
	display: inline-block; 
	text-align: start;
	font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
	font-size: 3.5rem;
	font-weight: normal;
	line-height: 1.8em;
	margin-bottom: 70px;
}
.underline{
	font-size: 2.2rem;
	background: linear-gradient(transparent 70%, #DADDAB 30%);
}

/*footer↓*/
.f_back{
	background-color: #656533;
	mix-blend-mode: multiply;
}
.f_right{
	margin-right: 20px;
	margin-left:auto;
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.contact_w{
	margin-top: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.contact_text_w{
	margin-right: 20px;
}
.contact_w p{
	font-size: 1.6rem;
	color: #fff;
}
.tel_w{
	font-family: "游明朝","ヒラギノ明朝",serif ;
	font-size: 4.4rem;
	color: #fff;
	margin-top: 10px;
}
.btn_w{
	border: 1px solid #fff; 
	color: #fff;
}
.f_center{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.logo_mark_f{
	margin-top: -60px;
	margin-bottom: 30px;
	width:180px;
	height:auto;
}
.logo_text_f{
	margin-bottom: 40px;
	width:150px;
	height:auto;
}
.f_information{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.f_information_item{
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.f_information_p{
	margin-left: 20px;
	color: #fff;
	font-size: 2rem;
	line-height:3rem;
}
.copyright{
	clear: both;
	text-align: center;
	margin: 50px 0px 0px 0px;
	padding-bottom: 30px;
}
.copyright p{
	color: #fff;
}
/*基本レイアウト　ここまで↑*/

/*index ここから↓*/
/*top_mv 配置↓*/
.top-mv_back{
	position: relative;
	z-index: 10;
	width: 100%;
	background-color: #656533;
	mix-blend-mode: multiply;
}
.slider{
	position: absolute;
	z-index: 10;
	top:50px;
	padding-left: 240px;
	width:100%;
	height: auto;
}
.top-mv_back p{
	-webkit-writing-mode: vertical-rl;
 	-ms-writing-mode: tb-rl;
 	writing-mode: vertical-rl;
	background-color: #231815;
	opacity: 0.7;
	padding-top: 7%;
	padding-left: 30px;
	padding-right: 30px;
	font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
	color: #fff;
	font-size: 1.8vw;
	letter-spacing: 0.2em;
	line-height: 1.5;
	text-shadow: 1px 1px 2px #000;
	height: 100%;
	position: absolute;
	z-index: 100;
	top: 50px;
	right: 8%;
}
.moji_dai{
	font-size: 3.2vw;
}


/*slider関連ここから↓*/

.slider-item01{
	background: url("../image/slider_01.jpg");
}
.slider-item02{
	background: url("../image/slider_02.jpg");
}
.slider-item03{
	background: url("../image/slider_03.jpg");
}
.slick-prev, .slick-next{/*矢印の設定、戻る＿次へ矢印の位置*/
	position: absolute;/*絶対配置にする*/
	z-index: 20;
	top: 50%;/*上からの位置*/
	cursor: pointer;/*マウスカーソルを指マークに*/
	outline: none;/*クリックしたら出てくる枠線を消す*/
	border-top: 2px solid #fff;/*矢印の色*/
	border-right: 2px solid #fff;/*矢印の色*/
	height: 25px;/*矢印のサイズ*/
	width: 25px/*矢印のサイズ*/
}
.slick-prev{/*戻る矢印の位置と形状*/
	left: 290px;
	transform: rotate(-135deg);
}
.slick-next{/*次へ矢印の位置と形状*/
	right: 3%;
	transform: rotate(45deg);
}
.slick-dots{/*ドットナビゲーションの設定*/
	position: relative;
	z-index: 20;
	text-align: center;
	margin: -3% 0 0 0 ;/*ドットの位置*/
}
.slick-dots li{
	display: inline-block;
	margin: 0 5px;
}
.slick-dots button{
	color: transparent;
	outline: none;
	width: 8px;/*ドットボタンのサイズ*/
	height: 8px;/*ドットボタンのサイズ*/
	display: block;
	border-radius: 50%;
	background: #fff;/*ドットボタンの色*/
}
.slick-dots .slick-active button{
	background: #333;/*ドットボタンの現在地表示の色*/
}
/*slider関連ここまで↑*/


.time{
	width: 250px;
	padding-left: 30px;
	padding-right: 20px;
}
.news-item{
	display: flex;
	border-bottom: 1px dotted #656533;
	padding-top: 20px;
	padding-bottom: 20px;
}
.news-item:first-child{
	border-top: 1px dotted #656533;
}
.counterplan_icon{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-evenly;
}
.icon_counterplan{
	max-width: 30%;
	margin-bottom: 40px;
}
.counterplan_text ,.feature_text ,.beginner_text ,.access_text ,.about_text{
	padding: 3% 8% 2% 8%;
	background-color: #fff;
	border-top: 1px dotted #656533;
	border-bottom: 1px dotted #656533;
}
.counterplan_text li ,.beginner_text li ,.informetion_table li ,.access_text li ,.info_access_01 li{
	background-image: url("../image/icon_index.png");
	background-repeat: no-repeat;
	background-position: left 1rem;
	padding-left: 4rem;
	letter-spacing: 0.1em;
	line-height: 2.2em;
}
.link_text{
	padding-top: 20px;
	text-align: end;
}
.top_img ,.about_img{
	display: block;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
.about_hari h3 ,.about_kyuu h3 ,.feature_h3 h3 ,.access_h3 h3 ,.about_frow_01 h3 ,.info_access_01 h3{
	font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
	font-size: 3.2rem;
	font-weight: normal;
	color: #656533;
}
.about_hari h3 ,.about_kyuu h3{
	margin-top: 100px;
	text-align: center;	
}
.feature_h3 h3 ,.access_h3 h3{
	margin-top: 90px;
	padding-bottom: 10px;	
}
.about_frow_01 h3 ,.info_access_01 h3{
	margin-top: 60px;
}
.about_hari img ,.about_kyuu img{
	width: 120px;
	vertical-align: middle;
}
.about_frow_01 img ,.info_access_01 img{
	width: 150px;
	vertical-align: middle;	
}
.about_hari p ,.about_kyuu p ,.about_frow_01 p ,.info_access_01 ul{
	margin: -40px 0px 0px 0px; 
	padding: 4% 8% 3% 8%;
	line-height: 2.2em;
	background-color: #fff;
	border: 1px solid #656533;
	border-radius: 10px;
}
.feature_h3 ,.access_h3{
	margin-top: 25px;
	display: flex;
	align-items: flex-end;
}
.feature_h3 img ,.access_h3 img{
	margin-bottom: 30px;
	width: 140px;
}
.feature_text p ,.about_text p{
	letter-spacing: 0.1em;
	line-height: 2.2em;
}
.indications_group_01 ,.indications_group_02{
	display: flex;
	justify-content: space-evenly;
}
.indications_group_01{
	padding: 5% 0%;
	border-bottom: 1px dotted #656533;
}
.indications_group_02{
	width: 600px;
}
.indications_group_01:first-child{
	border-top: 1px dotted #656533;
}
.indications_icon{
	max-width: 80%;
	margin-bottom: 20px;
}
.pain{
	width: 30px;
	margin-bottom: 5px;
}
.indications_01 ,.indications_2l_01{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.indications_2l{
	display: flex;
}
.indications_01 p{
	-webkit-writing-mode: vertical-rl;
 	-ms-writing-mode: tb-rl;
 	writing-mode: vertical-rl;
	display: inline-block; 
	text-align: start;
	align-items: center;
}
.top_flow_group{
	display: flex;
	justify-content: space-evenly;
	padding: 5% 0%;
	border-top: 1px dotted #656533;
	border-bottom: 1px dotted #656533;
}
.top_flow_icon img{
	display: block;
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.top_flow_icon p{
	font-size: 2.2rem;
	color: #656533;
	text-align: center;
	margin-left: 10%;
}
.informetion_table table{
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid #656533;
	border-top: 1px solid #656533;
	text-align: center;
}
.wide{
	width: 30%;
}
.informetion_table th ,.informetion_table td{
	border:  1px solid #656533;
	height:80px;
}
.informetion_table th{
	background-color: #DADDAB;
	mix-blend-mode: multiply;
}
.table_01 th{
	height: 50px;
}
.informetion_table ul{
	margin: 0px 10px 0 0; 
	padding: 3% 3% 0 5%;
}
.cost_section{
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.cost-item{
	display: flex;
	justify-content: space-evenly;
	border-bottom: 1px dotted #656533;
	padding-top: 15px;
	padding-bottom: 10px;
}
.cost-item:first-child{
	border-top: 1px dotted #656533;
}
.cost_class{
	width: 120px;
}
.cost-item p{
	color: #656533;
}
.cost{
	font-size: 3rem;
}
.img_map{
	display: block;
	max-width: 70%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

/*about ここから↓*/
.Res_1500_introduction{
	display: none;
}
.intoroduction{
	position: relative;	
	height: 790px;
}
.intoroduction_back{
	position: absolute;
	z-index: 8;
	width: 100%;
}
.bunji_img{
	position: absolute;
	z-index: 10;
	top:50px;
	margin-left: 240px;
	width:25vw;
	height: auto;
}	
.intoroduction_bunji{
	display: flex;
	position: absolute;
	z-index: 9;
	top:100px;
	margin-left: 280px;
	padding-left: 25vw;
	max-width: 100%;
	height: auto;
	background-color: #231815;
	opacity: 0.7;
}
.bunji_name{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 30px;
	font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
}
.bunji_j{
	-webkit-writing-mode: vertical-rl;
 	-ms-writing-mode: tb-rl;
 	writing-mode: vertical-rl;
	color: #fff;
	font-size: 2rem;
	letter-spacing: 0.12em;	
}
.name_j{
	font-size: 5rem;
}
.name_e{
	margin-top: 20px;
	color: #fff;
	font-size: 2rem;	
	line-height: 1.2em;
}
.bunji_text{
	margin-top: 40px;
	margin-left: 3%;
	margin-right: 5%;
	padding-bottom: 30px;
	color: #fff;
	font-size: 2rem;		
}
.about_treatment{
	margin-top: 320px;
}
.about_beginner_text{
	margin-top: 100px;
}

/*indications、Q&A、information 共通↓*/
.indications_mv ,.information_mv ,.question_mv{
	position: relative;	
}
.indications_back ,.information_back ,.question_back{
	z-index: 8;
	width: 90vw;
	height: auto;	
	mix-blend-mode: multiply;
}
.indications_img ,.information_img ,.question_img{
	position: absolute;
	z-index: 10;
	top:70px;
	left: 0;
	padding-left: 240px;
	width:100%;
	height: auto;
}
.indications_mv p ,.information_mv p ,.question_mv p{
	-webkit-writing-mode: vertical-rl;
 	-ms-writing-mode: tb-rl;
 	writing-mode: vertical-rl;
	background-color: #231815;
	opacity: 0.7;
	padding-top: 13%;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5%;
	font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
	color: #fff;
	font-size: 2.5vw;
	letter-spacing: 0.17em;
	line-height: 1.5;
	text-shadow: 1px 1px 2px #000;
	height: 125%;
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 300px;
}
.indications_logo ,.information_logo ,.question_logo{
	margin-top: 280px;
}

/*question ここから↓*/
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	/*color: #000;*/
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	line-height: 1.5;
	position: relative;
	display: block;
	cursor: pointer;
	background: #fff;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #000;
	background: #ccca8a;
}
.q_box ,.a_box{
	display: flex;
	margin: 10px 0 1px 0;
}
.q_box{
	align-items: center;
	padding: 10px 10% 7px 5%;
}
.a_box{
	align-items: flex-start;
	padding: 3% 6% 3% 5%;
}
.q ,.a{
	margin-right: 40px;
	font-family: 'Spectral', serif;
	font-size: 6rem;
	color: #ccca8a;
}
.a{
	color: #fff;
}
.q_text{
	font-size: 2.4rem;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 50em;
}
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 30%;
	right: 20px;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '▼';
	color: #ccca8a;
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotateX(180deg);
}

/*indications ここから↓*/
.explanation_h2_yoko{
	margin-bottom: 40px;
}
.explanation p{
	font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
	font-size: 2.7rem;
	font-weight: normal;
	margin-bottom: 150px;
}
.indications_02 h3{
	font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
	font-size: 3.2rem;
	font-weight: normal;
	color: #656533;
	margin-top: 65px;
	margin-bottom: 40px;
	text-align: center;	
}
.indications_02 img{
	margin-top: -100px;
	display: block;
	width: 120px;
	margin-left: auto;
	margin-right: auto;
}
.indications_02{
	margin-bottom: 170px;
	padding: 0 8% 6% 8%;
	background-color: #fff;
	border: 1px solid #656533;
	border-radius: 10px;
}
.indications_02 p{
	line-height: 2em;
}
.hr_mae{
	margin-bottom: 60px;
}
hr{
	border: 1px dotted #656533;
}

/*レスポンシブ_01↓*/
@media(max-width: 1500px){
/*about_文二紹介部分*/
	.PC_intoroduction{
		display: none;
	}
	.Res_1500_introduction{
		display: block;
		position: relative;
		height: 900px;
	}
	.intoroduction_back_1500{
		position: absolute;
		z-index: 8;
		width: 100%;
	}
	.bunji_img_1500{
		position: absolute;
		z-index: 10;
		top:50px;
		margin-left: 240px;
		width:20vw;
		height: auto;
	}	
	.intoroduction_bunji_1500{
		position: absolute;
		z-index: 9;
		top:100px;
		margin-left: 280px;
		padding-left: 20vw;
		max-width: 100%;
		height: auto;
		background-color: #231815;
		opacity: 0.7;
	}
	.bunji_name_1500{
		margin-top: 30px;
		font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
	}
	.bunji_j_1500{
		margin-bottom: 20px;
		color: #fff;
		font-size: 2rem;
		/*letter-spacing: 0.2em;	*/
	}
	.name_j_1500{
		margin-top: 20px;
		color: #fff;
		font-size: 5rem;
	}
	.name_e_1500{
		margin-top: 20px;
		color: #fff;
		font-size: 2rem;	
		line-height: 1.2em;
	}
	.bunji_text_1500{
		margin-top: 40px;
		margin-right: 5%;
		padding-bottom: 50px;
		color: #fff;
		font-size: 2rem;		
	}
/*footer*/
	.f_right{
		padding-top: 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.logo_mark_f{
		margin-top: 50px;
	}
}

@media(max-width: 1280px){
/*about_文二紹介部分*/
	.Res_1500_introduction{
		height: 1100px;
	}
	.indications_logo, .information_logo, .question_logo {
		margin-top: 180px;
	}
}

@media(max-width: 1030px){
	/*.back_nav*/#fixed_nav ,#topbutton img ,.pc_right{
		display: none;
	}
	.tb_nav{
		margin: 10px 20px;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.tb_nav_center{
		width: 25%;
		text-align: center;
	}
	.tb_nav_left{
		width: 35%;
	}
	.tb_nav_right{
		width: 35%;
	}
	.tb_right{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.tb_logo_moji{
		max-height: 100px;
	}
	.tb_logo_01{
		max-height: 160px;
	}
	.contact_tb{
		margin-top: 10px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.contact_tb p ,.contact_text_tb{
		font-size: 1.4rem;
		color: #656533;
	}
	.tel_tb{
		font-family: "游明朝","ヒラギノ明朝",serif ;
		font-size: 4vw;
		color: #656533;
	}
	.btn_tb{
		margin-bottom: 5px;
		border: 1px solid #656533; 
		color: #656533;
	}
	/*ハンバーガーメニュー*/
	#hamburger_01{
		position: fixed;
		z-index: 120;
		top:10px;
		right: 20px;
	}
	#hamburger {
		position: relative;
		display: block;
		width: 30px;
		height: 30px;
		cursor: pointer;
		border-radius: 4px;
		border: 1px solid #000;
	}
	#hamburger span {
		display: inline-block;
		transition: all.4s;
		position: absolute;
		top: 50%;
		left: 15%;
		/*display: block;*/
  		width: 70%;
  		height: 3px;
  		background-color: #000;
		border-radius: 2px;
  		/*transform: translateY(-50%);*/
	}
	#hamburger span:nth-of-type(1){
		top:5px;
	}
	#hamburger span:nth-of-type(2){
		top:12px;
	}
	#hamburger span:nth-of-type(3){
		top:19px;
	}
	.hamburger_nav_01 {
		z-index: 150;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: block;
		background: rgba(35, 24, 21, .9);
		transition: all .2s ease-in-out;
   		transform: translateY(-100%);
	}
	.hamburger_nav_02{
   		display: flex;
   		flex-direction: column;
   		justify-content: center;
   		height: 100%;
	}
	.humburger_logo{
		display: flex;
		flex-direction: column;
   		justify-content: center;
   		align-items: center;
		text-align: center;
	}
	.hamburger_logo_01{
		max-width: 180px;
		margin-bottom: 15px;
	}
	.hamburger_logo_text{
		max-width: 100px;
		margin-bottom: 50px;
	}
	.hamburger_nav_01 ul {
   		padding: 0;
   		display: flex;
   		flex-direction: column;
   		justify-content: center;
   		align-items: center;
		text-align: center;
		font-family: "源ノ明朝","ヒラギノ明朝",serif ;
	}
/*	.hamburger_nav_01 li {
		margin: 0;
 		padding: 0;
	}*/
	.hamburger_J{
		font-size: 2rem;
		letter-spacing: normal;
		line-height: 1.2em;
		color: #fff;
		margin-bottom: 8px;
	}
	.hamburger_E{
		font-size: 1.4rem;
		line-height: 1.5;
		color: #ddcaa2;
		margin-bottom:40px;
	}
	.hamburger_nav_01 li span {
   		font-size: 1.8rem;
   		color: #fff;
	}
	.hamburger_nav_01 li, .tb-nav_02 li span {
		display: block;
	}
	.hamburger_J a:link{
		color: #fff;
	}
	.hamburger_J a:visited{
		color: #fff;
	}
	.hamburger_E a:link{
		color: #ddcaa2;
	}
	.hamburger_E a:visited{
		color: #ddcaa2;
	}
	.hamburger_J a:hover ,.hamburger_E a:hover{
		color: #d1cf8c;
	}

	/*バツ印の基準となるli要素*/
	.hamburger_nav_01 .close-nav {
		position: relative;
		padding-left: 20px;
	}
	/*バツ印線1*/
	.hamburger_nav_01 .close-nav::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 16px;
		height: 1px;
		background: #fff;
		transform: rotate( 45deg );
	}
	/*バツ印線2*/
	.hamburger_nav_01 .close-nav::after {
		content: '';
		position: absolute;
 		top: 50%;
 		left: 0;
 		display: block;
 		width: 16px;
		height: 1px;
		background: #fff;
		transform: rotate( -45deg );
	}
	.toggle {
   		transform: translateY( 0 );
   		/*opacity: 1;*/
	}
	/*ハンバーガーメニューここまで↑*/
	
	/*共通部分*/
	.article_wrap ,.f_wrap{
		margin-left: 20px;
		margin-right: 20px;
	}
	.news, .about, .indications, .beginner, .access {
 	   margin-top: 150px;
	}
	.top_img, .about_img {
		max-width: 550px;
	}
	.about_frow_01 p ,.info_access_01 p{
		margin-top: -30px;
	}
	
	/*index ここから↓*/
	.slider{
		padding-left: 50px;
	}
	.slick-prev{/*戻る矢印の位置と形状*/
		left: 70px;
	}
	.slick-prev, .slick-next{/*矢印の設定、戻る＿次へ矢印の位置*/
		top: 45%;/*上からの位置*/
		height: 20px;/*矢印のサイズ*/
		width: 20px/*矢印のサイズ*/
	}
	.slick-dots{/*ドットナビゲーションの設定*/
		margin: -5% 0 0 0 ;/*ドットの位置*/
	}
	.top-mv_back p{
		font-size: 2.2vw;
		padding-top: 2%;
	}
	.moji_dai{
		font-size: 4vw;
	}

	/*about ここから↓*/
	.bunji_img_1500{
		margin-left: 50px;
	}	
	.intoroduction_bunji_1500{
		margin-left: 80px;
	}

	/*下層3ページ共通 ここから↓*/
	.indications_img, .information_img, .question_img {
		top: 50px;
		padding-left: 50px;
	}
	.indications_mv p, .information_mv p, .question_mv p {
		padding-top: 10%;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 5%;
		font-size: 2.6vw;
		letter-spacing: 0.17em;
		line-height: 1.5;
		height: 125%;
		top: 0px;
		left: 100px;
	}
	.indications_logo, .information_logo, .question_logo {
		margin-top: 220px;
	}
}


@media(max-width: 770px){
	.about_treatment{
	margin-top: 450px;
	}
}

@media(max-width: 740px){
	.news-item{
		display: block;
	}
	.news-text{
		padding-left: 50px;
		padding-right: 20px;
	}
	.time{
		margin-bottom: 10px;
	}
}

@media(max-width: 660px){
	.tb_nav ,.top-mv ,.pc_table ,.indications_mv ,.question_mv ,.information_mv ,.Res_1500_introduction{
		display: none;
	}
	.article_wrap ,.f_wrap{
		margin-right: 30px;
	}
	#hamburger_01{
		right: 5px;
	}
	.hamburger_logo_01{
		max-width: 120px;
		margin-bottom: 15px;
	}
	.hamburger_logo_text{
		max-width: 70px;
		margin-bottom: 30px;
	}
	.hamburger_J{
		font-size: 1.5rem;
		letter-spacing: normal;
		line-height: 1.2em;
		color: #fff;
		margin-bottom: 5px;
	}
	.hamburger_E{
		font-size: 1rem;
		line-height: 1.5;
		color: #ddcaa2;
		margin-bottom:20px;
	}
	.hamburger_nav_01 li span {
   		font-size: 1.5rem;
   		color: #fff;
	}
	.sp_nav{
		display: block;
		margin: 20px 10px 10px 10px;
	}
	.sp_nav img{
		max-width: 25%;
	}
	.footer_bt{
		position: fixed;
		z-index: 140;
		top: 60px;
		right: 5px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.icon_footer_bt{
		position: relative;
		display: block;
		width: 20px;
		height: 6px;
		cursor: pointer;
	}
	.icon_footer_bt span {
		display: inline-block;
		position: absolute;
		top: 0%;
  		width: 100%;
  		height: 6px;
  		background-color: #656533;
	}
	.footer_bt p{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		padding-top: 5px;
		padding-left: -10px;
		font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
		font-size: 3vw;
		font-weight: bold;
		letter-spacing: 0.01em;
		color: #656533;		
	}
	.f_right {
		margin-right: auto;
	}
	.contact_w p {
		font-size: 1.2rem;
	}
	.contact_text_w {
		margin-right: 10px;
	}
	.btn_w {
    	width: 80px;
		height: 20px
	}
	.tel_w {
		font-family: 游明朝, ヒラギノ明朝, serif;
		font-size: 9vw;
		color: rgb(255, 255, 255);
		margin-top: 10px;
	}
	.logo_mark_f {
		margin-top: 30px;
		margin-bottom: 20px;
		width: 130px;
	}
	.logo_text_f {
		margin-bottom: 30px;
		width: 100px;
		height: auto;
	}
	.f_information_item {
		margin-bottom: 20px;
		display: block;
	}
	.btn_common {
		padding-top: 3px;
		border-radius: 5px;
		text-align: center;
		vertical-align: middle;
		line-height: 1.2em;
		font-size: 1.3rem;
	}
	.f_information_p {
		margin-top: 10px;
		margin-left: 20px;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.copyright {
		margin: 20px 0px 0px 0px;
		padding-bottom: 20px;
	}
	
	/*共通部分↓*/
	body {
		font-size: 1.5rem;
		color: rgb(26, 26, 26);
		letter-spacing: 0.03em;
		line-height: 1.6em;
	}
	.section_icon_01 {
		width: 28%;
	}
	.section_icon_02 {
		width: 25%;
	}
	.about, .indications, .beginner, .information, .access, .question {
		margin-top: 90px;
	}
	.counterplan, .feature, .flow, .price, .explanation, .question_contents {
		margin-top: 80px;
	}
	h1 {
		font-size: 1.5rem;
		font-weight: normal;
		padding-top: 30px;
		margin-bottom: 40px;
	}
	.h2_yoko {
		font-size: 2.2rem;
		padding-top: 30px;
		margin-bottom: 40px;
	}
	.underline {
		font-size: 1.5rem;
		background: linear-gradient(transparent 80%, #DADDAB 20%);
	}
	.h2_tate {
		font-size: 2.3rem;
		line-height: 1.7em;
		margin-bottom: 50px;
	}
	.top_img, .about_img {
		max-width: 70vw;
	}
	.about_hari h3, .about_kyuu h3, .feature_h3 h3, .access_h3 h3 {
		font-size: 2rem;
		line-height: 1.3em;
	}
	.counterplan_text li, .beginner_text li, .informetion_table li ,.access_text li, .info_access_01 li{
		background-image: url(../image/icon_index.png);
		background-repeat: no-repeat;
		background-position: left 0.2rem;
		margin-bottom: 10px;
		padding-left: 3.5rem;
		letter-spacing: 0.1em;
		line-height: 1.9em;
	}
	.about_hari p, .about_kyuu p, .about_frow_01 p, .info_access_01 ul {
		margin: -20px 0px 0px 0px; 
		padding: 10% 8% 5% 8%;
		line-height: 1.9em;
	}
	.counterplan_text, .feature_text, .beginner_text, .access_text, .about_text {
		padding: 8% 8% 5% 8%;
	}
	.feature_text p, .access_text p, .about_text p {
		letter-spacing: 0.1em;
		line-height: 1.8em;
	}
	.cost {
		font-size: 2.5rem;
	}
	.indications_group_01 {
		display: block;
		padding: 0;
		border: none;
	}
	.indications_group_02:first-child {
		border-top: 1px dotted #656533;
	}
	.indications_group_02 {
		max-width: 90vw;
		padding: 10% 0%;
   		border-bottom: 1px dotted #656533;
	}
	.indications_icon {
		margin-bottom: 10px;
	}
	.indications_01 p{
		font-size: 1.4rem;
	}
	.feature_h3 img, .access_h3 img {
		margin-bottom: 30px;
		width: 100px;
	}
	.feature_h3 h3, .access_h3 h3 {
		margin-top: 30px;
		padding-bottom: 10px;
	}
	.about_frow_01 h3, .info_access_01 h3 {
		margin-top: 40px;
	}
	.about_frow_01 img ,.info_access_01 img{
		width: 90px;
		vertical-align: middle;
	}
	.about_frow_01 h3 ,.info_access_01 h3{
		font-size: 2rem;
	}
		
	/*mv共通↓*/
	.sp_top-mv ,.sp_indications_mv ,.sp_question_mv ,.sp_information_mv ,.sp_intoroduction{
		display: block;
		position: relative;
		width: 100%;
	}
	.sp_top-mv_back ,.sp_indications_back ,.sp_question_back ,.sp_information_back ,.sp_intoroduction_back{
		width: 80vw;
		mix-blend-mode: multiply;
	}
	.sp_logo_01{
		position: absolute;
		z-index: 15;
		top:-16%;
		left: 0;
 		right: 0;
 		margin: auto;
		width:30%;
		height: auto;
	}
	/*mv_indexと下層3ページ共通↓*/
	.sp_mv_01{
		position: absolute;
		z-index: 10;
		margin-top: 0;
		top: 10%;
		left: 0;
		padding-left: 10%;
		width:100%;
		height: auto;
	}
	.sp_top-mv p ,.sp_indications_mv p ,.sp_question_mv p ,.sp_information_mv p{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		background-color: #231815;
		opacity: 0.7;
		padding-top: 7%;
		padding-left: 10px;
		padding-right: 10px;
		font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
		color: #fff;
		font-size: 4vw;
		letter-spacing: 0.2em;
		line-height: 1.4;
		text-shadow: 1px 1px 2px #000;
		height: 80%;
		position: absolute;
		z-index: 100;
		top: 10%;
		right: 5%;
	}
	.sp_indications_mv p ,.sp_question_mv p ,.sp_information_mv p{
		font-size: 6vw;
	}
	.moji_dai{
		font-size: 7vw;
	}
	.indications_logo, .information_logo, .question_logo {
		margin-top: 140px;
	}
	/*mv_about↓*/
	.sp_mv_02{
		position: absolute;
		z-index: 10;
		margin-top: 0;
		top: 10%;
		left: 0;
		padding-left: 10vw;
		width:90vw;
		height: auto;
	}
	.bunji_name_sp{
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		z-index: 100;
		top: 10%;
		right: 17vw;
		height: 70%;
		background-color: #231815;
		opacity: 0.7;
		padding-top: 7%;
		padding-left: 5px;
		padding-right: 5px;
	}
	.bunji_j_sp ,.name_j_sp{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
		color: #fff;
		text-shadow: 1px 1px 2px #000;
	}
	.bunji_j_sp{
		margin-bottom: 10px;
		font-size: 4vw;
	}
	.name_j_sp{
		margin-bottom: 15px;
		font-size: 8vw;
		letter-spacing: 0.15em;
	}
	.name_e_sp{
		font-family: 'FOT-筑紫明朝 Pr6N L',"ヒラギノ明朝", serif;
		color: #fff;
		text-shadow: 1px 1px 2px #000;
		font-size: 3vw;
		line-height: 2rem;
	}
	.bunji_text_sp{
		position: absolute;
		z-index: 8;
		top: 20%;
		left: 0;
		margin-left: 15vw;
		padding: 110% 30px 30px 30px;
		width:87%;
		background-color: #231815;
		opacity: 0.7;
		padding-bottom: 30px;
		color: #fff;
		font-size: 1.4rem;
		letter-spacing: 0.07em;
		line-height: 2rem;
	}
	.about_sp{
		margin-top: 680px;
	}
	.about_sp .h2_tate{
		height: 150px;
	}
	
	/*indexここから↓*/
	.about_hari img, .about_kyuu img ,.indications_02 img{
		width: 80px;
	}
	.about_hari h3 ,.about_kyuu h3{
		margin-top: 60px;
	}
	.top_flow_icon p {
		font-size: 1.8rem;
	}
	.sp_table{
		display: table;
	}
	th {
		font-weight: bold;
		line-height: 1.2em;
	}
	.informetion_table ul {
		padding: 5% 3% 0 5%;
	}
	
	/*aboutここから↓*/
	.about_beginner_text {
		margin-top: 60px;
	}
	
	/*indicationsここから↓*/
	.explanation p {
		font-size: 1.8rem;
		margin-bottom: 90px;
	}
	.indications_02 {
	    margin-bottom: 120px;
	}
	.indications_02 img {
    	margin-top: -70px;
	}
	.indications_02 h3 {
		font-size: 2.4rem;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.hr_mae {
		margin-bottom: 30px;
	}
	
	/*questionここから↓*/
	.q, .a {
		margin-right: 20px;
		font-size: 4rem;
	}
	.q_text {
		font-size: 1.6rem;
	}
	.cp_actab label::after {
		position: absolute;
		top: 25%;
		right: 10px;
		width: 1em;
		height: 3em;
	}	
}