@charset "utf-8";
/*-----------------
LP
CSS
-------------------*/
@media print, screen and (min-width: 640px){
	
body {
	margin: 0;
	padding: 0;
	font-family: "Microsoft yahei", "微软雅黑", SimHei, Hei, STHeitiSC, sans-serif;
	color: #603813;
}
p {
	font-size: 16px;
	color:#52413a;
	text-align: left;
	margin:0!important;
}
#wrapper {
	overflow: hidden;
	width: 100%;
}
a {
	color: #008e76;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

h1{
	text-align:center;
	margin:0;
	padding:0;
	clear:both;
}



h2, h3{
	background:none;
	margin:0;
	padding:0;
	text-align:center;
	height:auto;
}


/*----------------
header
-----------------*/

#header{
	width:100%;
	background-color:#fffeea;
	overflow:hidden;
}

#header div{
	margin:0 auto;
	width:1110px;
	position: relative;
}


#header div ul{
	width:350px;
	display:flex;
	 position: absolute;  
    top: 30px;  
    left: 750px;
	
}

#header ul li{ 
	
}


/*-------------------
nav
---------------------*/
#nav{
	width:100%;
	overflow:hidden;
	background-color:#cfa14c;
}

#nav.fixed{
  position: fixed;
  top: 0px;
  z-index:100;
}



#nav ul{
	width: 1110px;
	padding: 0;
	list-style: none;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#nav ul li{
	float:left;
}



/*------------------------
information
--------------------------*/
#information{
	width: 100%;
	background-color: #f8dec0;
	overflow: hidden!important;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px!important;
	margin-left: 0px;
	overflow:hidden;
}


#information .inner_info{
	width: 1110px;
	background-image: url(../images/info_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 142px;
	padding-top: 140px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#information .inner_info ul{
	margin:0 auto ;
	padding:0;
	text-align:left;
	width:1037px;
	
}

#information .inner_info ul li{
	float:left;
}

hr.clear_hr{
	border:none;
	height:60px;
}




/*---------------------
layout
-----------------------*/
.no_lineheight {
	line-height: 0;
	margin: 0;
	padding: 0;
}
/*----------------------
contents
-----------------------*/

.box{
	width:1110px;
	margin:0 auto;
	padding:0;
}



#intro{
	width:1110px;
	margin:40px auto;
	clear:both;
	overflow:hidden;
	
}


#intro .intro_box{

}

#intro .intro_box ul{
	text-align:left;
	width:798px;
	padding:0;
	margin:0;
	
}


#intro .intro_box ul li{
	width: 339px;
	float: left;
	margin: 15px 30px;
	text-align: center;
	list-style-type: none;
}


.sp_treat_btn{
	display:none;
}



/***  PRP ***/

#prp{
	margin-bottom:40px;
	margin-top: -68px; /* �Œ�i�r�̍������̃l�K�e�B�u�}�[�W�� */
  padding-top: 68px; /* �ł������p�̃p�f�B���O */
}


.prp_box{
	width:870px;
	margin:0 auto 80px auto;
	border:1px solid #6f93e0;
	overflow:hidden;
}

.prp_box h3{
	margin-bottom:40px;
	height:auto;
}

.prp_box h4{
	margin-bottom:20px;
	clear:both;
}

.prp_box p{
	color:#52413a;
	font-size:18px;
	margin:40px 30px!important;
}


/*** cell ***/


#cell{
	margin-bottom:40px;
	margin-top: -68px; /* �Œ�i�r�̍������̃l�K�e�B�u�}�[�W�� */
  padding-top: 68px; /* �ł������p�̃p�f�B���O */
}



.cell_box{
	width:870px;
	margin:0 auto 80px auto;
	border:1px solid #e57280;
	overflow:hidden;
}

.cell_box h3{
	margin-bottom:40px;
	height:auto;
}

.cell_box h4{
	margin-bottom: 20px;
	clear: both;
	text-align: center;
}

.cell_box p{
	color: #52413a;
	font-size: 18px;
	margin: 40px 30px!important;
	line-height: 180%;
}


h3#hokan{
	margin-bottom:40px;
}


.hokan_txt{
	width:930px;
	height: 220px;
	background-image:url(../images/bank_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0 auto 80px auto;
	padding:120px 60px 0px 60px;
	
}

.hokan_txt p{
	color:#52413a;
	font-size:18px;
	line-height:1.8em;
}


/** photo **/

#photo{ padding:0 0 40px 0; margin:0 auto; width:1110px; overflow:hidden;}

#photo ul{ width:1100px; margin:40px auto; display:flex;justify-content: space-between; overflow:hidden;}

#photo ul li{ text-align:center; width:450px;}
#photo ul li h3{ margin-bottom:20px; text-align:center;}


/*------------------
体験movie
--------------------*/



#movie{
	margin-bottom:40px;
	margin-top: -68px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 68px; /* 打ち消し用のパディング */
}

.movie_list{
	display: flex;
	justify-content: space-between;
}

.movie_list li{
	width:490px;
	margin-bottom:40px;
}


.movie_inner{
	margin-bottom:80px;
}



.movie_inner p{
	color:#52413a;
	font-size:18px;
	line-height:1.8em;
}

.movie_list_sp{
	display:none;
}







/*** parts ***/

#parts{
	border-top: 4px solid #cc9a3c;
	border-bottom: 4px solid #cc9a3c;
	padding:40px 0px;
	overflow:hidden;
	height:auto;
	margin-bottom:80px;
	margin-top: -68px; /* �Œ�i�r�̍������̃l�K�e�B�u�}�[�W�� */
  padding-top: 68px; /* �ł������p�̃p�f�B���O */
  clear:both;
}

#parts p{
	color:#52413a;
	font-size:18px;
	line-height:1.8em;
}


/*** flow ***/

#flow{
	overflow:hidden;
	margin: 0 auto;
	margin-bottom:80px;
	margin-top: -68px; /* �Œ�i�r�̍������̃l�K�e�B�u�}�[�W�� */
  padding-top: 68px; /* �ł������p�̃p�f�B���O */
	
}

#flow h2{
	margin-bottom:40px;
}


#flow ul{
	width:1110px;
	margin:0 auto;
	padding:0;
}


#flow ul li{
	width:310px;
	float:left;
	margin:30px;
}

#flow ul li h3{
	margin-bottom:20px;
}


#flow ul li p{
	color:#52413a;
	font-size:14px;
	line-height:1.6em;
	text-align:left;
}



/*** price ***/

#price{
	overflow:hidden;
	width:1110px;
	margin: 0 auto;
	margin-bottom:80px;
	clear:both;
	margin-top: -68px; /* �Œ�i�r�̍������̃l�K�e�B�u�}�[�W�� */
  padding-top: 68px; /* �ł������p�̃p�f�B���O */
}


#price h2, #price h3{
	margin-bottom:40px;
}

#price .price_txt{
	width:960px;
	margin:0 auto 30px auto;
}
#price p{
	color:#52413a;
	font-size:18px;
	line-height:1.8em;
}


/*** faq ***/

#faq{
	margin-top: -68px; /* �Œ�i�r�̍������̃l�K�e�B�u�}�[�W�� */
  padding-top: 68px; /* �ł������p�̃p�f�B���O */
}
#faq_box{
	width: 830px;
	margin-bottom: 80px;
	border: 1px solid #cfa14c;
	overflow: hidden;
	padding: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	
}


#faq_box .content-section {
	background: #fff;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#faq_box .content-section h3 { background: #fff url(/images/q_icon.png) no-repeat 10px center; font-family: "宋体", "SimSun", "Song", serif; font-size: 22px; line-height: 40px; font-weight: bold; color: #cfa14c; padding-top: 14px; padding-bottom: 14px; padding-left: 70px; cursor: pointer; text-align:left; }
#faq_box .content-section h3 span { display: block; background: url(/images/open.png) no-repeat right 50%; }
#faq_box .content-section h3.bg02 span { background: url(/images/close.png) no-repeat right 50%; }
#faq_box .content-section div { background: #fff url(/images/a_icon.png) no-repeat 10px 20px; display: none; border-top: 1px #666 dotted; padding-left: 70px; padding-top: 20px; min-height: 60px; }
#faq_box .content-section div p { font-size: 16px; font-weight: normal; color:#52413a; line-height: 200%; }



#faq_box dl{
	margin:40px;
}
#faq_box dl dt{
	font-family: "宋体", "SimSun", "Song", serif;
	font-weight: bold;
	color: #cfa14c;
	font-size: 26px;
	text-align: left;
	background-image: url(../images/faq_icon_q.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 65px;
	margin-bottom: 20px;
	padding-left: 80px;
}

#faq_box dl dd{
	color:#52413a;
	font-size:16px;
	line-height:1.6em;
	text-align:left;
	background:url(../images/faq_icon_a.gif) no-repeat left top;
	padding-left:60px;
	margin-left:30px;
	margin-bottom:40px;
}


/*** clinic ***/

#clinic{
	
	width:1110px;
	margin:0 auto;
	margin-bottom:80px;
	overflow:hidden;
	margin-top: -68px; /* �Œ�i�r�̍������̃l�K�e�B�u�}�[�W�� */
  padding-top: 68px; /* �ł������p�̃p�f�B���O */
}


#clinic h2{
	margin-bottom:40px;
}



#clinic ul{
	width:1110px;
	margin:0;
	padding:0;
	
}

#clinic ul li{
	float: left;
	width: 280px;
	margin: 20px 45px;
	list-style-type: none;
}

#clinic ul li h4{
	background-color:#b8c1e2;
	font-size:16px;
	line-height:40px;
	color:#ffffff;
	text-align:left;
	padding-left:20px;
	margin-bottom:15px;
}


#clinic dl{
	color:#52413a;
	font-size:13px;
	line-height:1.6em;
	margin-bottom:15px;
}


#clinic dl dt{
	width:20%;
	text-align:left;
	float:left;
	display:block;
}

#clinic dl dd{
	width:80%;
	text-align:left;
	display:block;
	margin-left:20%;
}


.accordion{
	display:none;
}


/*------------------
agent
--------------------*/

#agent{
	margin-top: -68px; /* �Œ�i�r�̍������̃l�K�e�B�u�}�[�W�� */
  padding-top: 68px; /* �ł������p�̃p�f�B���O */
}

#agent h2{
	margin-bottom:40px;
	
}

#agent ul{
	display: flex;
	justify-content: space-between;
}

#agent ul li{
	width:400px;
	margin-bottom:40px;
}


#agent ul li h3{
	display:block;
	background-color:#b8c1e2;
	color:#ffffff;
	padding-left:10px;
	margin-bottom:20px;
	line-height:40px;
}


#agent ul li p{
	margin-bottom:10px;
}


/*-------------------
contact
---------------------*/
#contact p{
	color:#52413a;
	font-size:18px;
	line-height:1.8em;
	text-align:center;
}



/*-------------------
side navi
--------------------*/

#side_btn{
	position:fixed;
	bottom:80px;
	right:0;
	width:90px;
}

#side_btn li{
	margin-bottom: 1px!important;
	display: block;
	list-style-type: none;
	text-align:right;
}

#side_btn li a{
	margin:0;
	padding:0;
	line-height:0;
	display:block;
}



/*------------------------------
footer
--------------------------------*/
#footer{
	width:100%;
	margin:0;
	padding:0;
	background-color:#e57280;
}

#footer p{
	text-align:center;
	color:#ffffff;
	font-style:12px;
	line-height:60px;
}



#footer_information {
	width: 100%;
	padding:0;
}




#footer_information h2{ text-align: center; background-color: #f8dec0; padding: 40px 0px; font-size: 35px; line-height: 180%; 
}

#footer_information h3{text-align: center; background-color: #f8dec0; padding: 40px 0px; font-size: 22px; line-height: 180%; margin-bottom:30px;}

#footer_information p {
	text-align: center;
	line-height:2.0;
}
#footer_information #body_main {
	padding: 20px;
	width: 1060px;
	text-align: center;
}

.form_box{ padding:80px 0;}

#footer_information span{ display:inline; background:#ff8080; color:#fff; padding:5px 10px; font-weight:500;}

#footer_information form table {
	margin: 0 auto;
	width: 850px;
	border:1px solid #ffc999;
}

#footer_information form table  th,
#footer_information form table  td{
	padding:20px;
	border:1px solid #ffc999;
}

#footer_information form table th{
	background-color: #f8dec0;
	vertical-align:top;
}



.ui-datepicker-trigger {
    vertical-align: middle!important;
}

#footer_information form table th p, #footer_information form table td p {
	text-align: left;
}
#footer_information form table input {
	border: 0;
	padding: 5px;
	font-size: 1.3em;
	font-family: Arial, sans-serif;
	border: solid 1px #ccc;
	margin: 0 0 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#footer_information form table input:focus {
	border: solid 2px #EEA34A;
}
#footer_information form .form_btn {
	border: solid 1px #ccc;
	padding: 15px 30px;
	margin: 20px 0px;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	background-color: #9ac63f;
}

#footer_information form .back_btn {
	border: solid 1px #ccc;
	padding: 15px 30px;
	margin: 20px 0px;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	background-color: #ccc;
}


#newCustomer9 select{
	line-height:20px;
	height:30px;
}


.sp_info{
	display:none;
}




/*-----------------------
confirm form
-------------------------*/

.confirm_form form {
	text-align: center;
}
.confirm_form form table {
	margin: 0 auto!important;
}

.confirm_form form table td,
.confirm_form form table th{
	padding:10px;
}



.confirm_form p {
	text-align: center;
}
.confirm_form table th p {
	text-align: left;
}


.confirm_form table th{
	background-color: #f8dec0;
}


.confirm_form .form_btn {
	border: solid 1px #ccc;
	padding: 15px 30px;
	margin: 20px 0px;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	background-color: #9ac63f;
}

.confirm_form .back_btn {
	border: solid 1px #ccc;
	padding: 15px 30px;
	margin: 20px 0px;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	background-color: #cccccc;
}

.confirm_title{
	width:100%;
	background-color:#f8dec0;
	padding:40px 0px;
}


/*** thanks ***/

.thanks_box{
	width:1030px;
	margin:0 auto;
	padding:40px 20px;
	
}

.thanks_box p{
	color:#52413a;
}

.thanks_box h3{
	font-family: "宋体", "SimSun", "Song", serif;
	color:#52413a;
	font-size:26px;
	margin-bottom:40px;
	text-align:center;
	
}

/*--------------------
default
----------------------*/



#body_left {
	width: 90px;
	float: left;
}
#body_main {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
}



.spaceYp50 {
	padding-top: 50px;
}
.spaceYp60 {
	padding-top: 60px;
}

/*-----------------------------------
layout margin padding
-------------------------------------*/
/* margin */
.mar {
	margin: 20px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}


.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;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.mr250 {
	margin-right: 250px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml35 {
	margin-left: 35px;
}
.ml50 {
	margin-left: 50px;
}
/* padding */

.pl10 {
	padding-left: 10px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
.pl40 {
	padding-left: 40px;
}
.pl50 {
	padding-left: 50px;
}
.pl60 {
	padding-left: 60px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb50 {
	padding-bottom: 50px;
}
/*---------------------------
layout position
-----------------------------*/
.center {
 text-align:center!important;
}
.img_right {
	float: right;
}
.img_left {
	float: left;
}


/*-------------------------
before
---------------------------*/
.before_box{
	background-color:#f7efd1;
	width:100%;
	overflow:hidden;
	
}

.before_box .box{
	background-color:#FFFFFF;
	width:950px;
	margin:40px auto;
	padding:20px;
	overflow:hidden;
	border-radius: 5px;        /* CSS3���� */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome�p */  
    -moz-border-radius: 5px;   /* Firefox�p */
	background-image:url(../images/before_contents_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.before_box .box h2{
	margin-bottom:20px;
}

.before_box .box p{
	font-size:18px;
	line-height:31.5pt;
	color:#603813;
	margin-bottom:30px;
}

.before_box .box p em{
	font-weight:600;
	font-style:normal;
	color:#ff8080;
}

.before_box .box ul{
	text-align:left;
	margin:0;
	padding:0;
}

.before_box .box ul li{
	list-style-type:none;
	margin:20px 10px;
}


.end_information{
	background-color: #ffffff;
	border-radius: 10px;        /* CSS3���� */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome�p */
	-moz-border-radius: 10px;
	width: 940px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	
}


.end_information p{
	padding:0 40px;
	line-height:40px;
}

.end_information em{
	color:#ca5656;
	font-size:24px;
	font-weight:600;
	font-family:  "Microsoft yahei", "微软雅黑", SimHei, Hei, STHeitiSC, sans-serif;
	font-style:normal;
	
}



/*------------------------------
color
-------------------------------*/
.txt_blue{
	color:#6f93e0;
}

.txt_pink{
	color:#e57280;
}


/*==============================
���X�|���V�u�p
===============================*/

.pc{
	
}

.sp{
	display:none;
}

}

/*------------------------------
videos
-------------------------------*/
#videos {
	background-color: #fffeea;
	padding: 5%;
	margin-bottom: 7%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.videos__item {
	width: 48%;
	position: relative;
}
.videos__item > video {
	width: 100%;
}

@media screen and (max-width:656px) {
	#videos {
		flex-direction: column;
		padding: 8% 5%;
	}
	.videos__item {
		width: 100%;
	}
	.videos__item+.videos__item {
		margin-top: 5%;
	}
}