@charset "utf-8";
/*------------------------------------------------------------
	全体
------------------------------------------------------------*/
#wrap {
	max-width: 640px;
	margin: 0 auto;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.floatL {
	float: left !important;
}
.floatR {
	float: right !important;
}

.absolute {
    position: absolute!important;
}


p {
	color:#603813;
	line-height:1.5em;
}
.text-black {
	color: #000;
}
.text-pink {
	color: #e64f7d;
}

a:hover img {
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
img {
	max-width: 100%;
	height: auto;
}


/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	width: 100%;
	position: relative;
	background: url(../img/header_bg.png);
	
}
#header #h-logo {
	max-width:415px;
	width:64.8%;
	/*padding:10px;
	margin-left:2%;*/
}
#header #h-btn {
	/*padding:14px 10px 0 0;*/
	width: 35%;
}


/*------------------------------------------------------------
	メイン
------------------------------------------------------------*/
#top-lead {
	position: relative;
}
#top-lead #top-btn {
	width: 48.4%;
	position: absolute;
	left: 9.5%;
	bottom: 4%;
}

}

.section01 .tel-2set {
	max-width: 100%;
}
.section01 .tel-2set .floatL,
.section01 .tel-2set .floatR {
	width: 50%;
}
#section02 .tel-2set-02 {
	max-width: 100%;
	background:url(../img/tel_bg.png) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto; 
	margin: 20px 0;
	padding-bottom: 10px;
}
#section02 .tel-2set-02 .floatL,
#section02 .tel-2set-02 .floatR {
	padding-top: 13%;
	width: 50%;
}

#top-lead h1,
#section02 h3 {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}

#catch {
	background:url(../img_text/02_img.jpg) no-repeat 0 0;
	margin: 8% 0;
	padding: 10% 40% 30% 8%;
}
#catch #catch-01 {
	margin: 0 0%;
	padding: 0% 0;
}

#sugoi {
	background-image:url(../img/sugooi_bg.png);
	background-repeat: repeat-y;
	background-size: 100%;
	font-size: calc(70.5% + 0.65vw);
	position:relative;
	color:#603813;
	line-height:1.5em;
	width: 100%;
}
#sugoi h3 {
	padding: 3% 9.3% 0 9.3%;
	text-align: center;
	width: 82%;
}
#sugoi-img img {
	position: absolute;
	left: 77%;
	top: 20px;
	width: 15%;
}
#sugoi #sugoi-00 {
	margin: 3% 8% 0 10%;
	padding: 3% 0;
}
#sugoi #sugoi-01 {
	margin: 0 8%;
	padding: 3% 0;
}
#sugoi .sugoi-02 {
	margin: 0 8%;
	padding: 3% 0;
	background:url(../img/border-pink.png) repeat-x 0 0;	
}
#sugoi .sugoi-02 dd,
#sugoi #sugoi-01 dd {
	padding: 0 10px;
	text-align: justify;
	text-justify: inter-ideograph; /*IE*/
	color:#603813;
}
#sugoi #sugoi-03 {
	margin: 3% 8% 0 15%;
	padding: 3% 0;
}
#riron {
	background:url(../img/riron_bg.png) repeat-y;	
	background-size: 100%;
	font-size: calc(70.5% + 0.65vw);
	text-align: justify;
	text-justify: inter-ideograph; /*IE*/
}
#riron .riron-kyu-txt {
	background:url(../img/riron_kyu_bg.png) repeat-y;	
	background-size: 100%;
	padding: 2% 14%;
}
#riron .riron-shin-txt {
	background:url(../img/riron_shin_bg.png) repeat-y;
	background-size: 100%;
	padding: 2% 16.4% 1.5% 16.4%;
}

#sug {
	background-image:url(../img_text/02_img.jpg);
	background-repeat: norepeat 0 0;
	background-size: 100%;
	width: 100%;
	height: 314px;

}

#sug #sugoi-01 {
	margin: 0 8%;
	padding: 3% 0;
}




#section02 {
	text-align: center;
}
#section02 .tel-btn,
#section02 .course-btn {
	padding:4.2% 0;
}
#section02 .h-movie {
  position: relative;
  width: 88%;
  padding-top: 55%;
  
}
#section02 .h-movie iframe{
	position: absolute;
	top: 0;
	left: 6%;
	width: 100% !important;
	height: 100% !important;
}
#section03 {
	background:url(../img/nagare_bg.gif);
	padding:0 0 30px 0;
}

/*---------------
	流れ
---------------*/
#section03 .imgBoxR,
#section03 .imgBoxL {
	margin-bottom: 24px;
	font-size: calc(70.5% + 0.65vw);
	color:#603813;
}
#section03 .imgBoxL:last-child {
	margin-bottom: 0;
}
#section03 #subBox {
	padding: 0 6.2% 20px 6.2%;
}
#section03 .imgBoxL .photoBox {
	float: left;
	position: relative;
	width: 42%;
}
#section03 .imgBoxR .photoBox {
	float: right;
	position: relative;
	width: 42%;
}
#section03 .imgBoxL .textBox {
	float: right;
	width: 54%;
}
#section03 .imgBoxR .textBox {
	float: left;
	width: 54%;
}
#section03 .imgBoxL .textBox p ,
#section03 .imgBoxR .textBox p {
	margin-top: 8px;
	margin-right: 0;
	margin-left: 0;
	text-align: justify;
	text-justify: inter-ideograph; /*IE*/
	color:#603813;
}
#section03 .imgBoxL .photoBox .arrowImg,
#section03 .imgBoxR .photoBox .arrowImg {
	position: absolute;
	left: -10%;
	top: 70%;
	z-index: 2;
	width: 40%;
}

/*---------------
	Q&A
---------------*/
#section04 {
	background-color: #ffffd7;
	color:#603813;
}
#section04 .qa-wrap,
#section04 .qa-wrap02 {
	position: relative;
}
#section04 .qa-wrap .q-Box {
	width:100%;
	float: left;
	margin-top:-22%;
}
#section04 .qa-wrap02 .q-Box {
	width:100%;
	float: left;
	margin-top:-33%;
}

#section04 .qa-wrap .ans-Box {
	background: url(../img/qa_line.gif) left bottom repeat-x;
	position: relative;
	margin-top: 19%;
	margin-left: 6.7%;
	margin-right: 6.7%;
}
@media screen and (max-width:400px) {
#section04 .qa-wrap .ans-Box {
	background: none;
	border-bottom:dotted 2px #a16f37;
}
	
}

#section04 .qa-wrap02 .ans-Box {
	background: none;
	position: relative;
	margin-top: 30%;
	margin-left: 6.7%;
	margin-right: 6.7%;
}
#section04 .ans-Box .ans-text-Box {
	float: left;
	width: 81%;
	background-color: #fff;
	background: url(../img/qa_a_top_bg.png) left top no-repeat, url(../img/qa_a_bottom_bg.png) left bottom no-repeat, url(../img/qa_a_middle_bg.png) repeat-y;
	background-size: 100%;
	margin-bottom: 25px;
}
#section04 .ans-Box .ans-text-Box .ans-A {
	float: left;
	padding: 4.5% 0 0 4%;
	width: 12%;
}
#section04 .ans-Box .ans-text-Box .ans-txt {
	float: right;
	width: 78%;
	padding-top: 3.2%;
	padding-left: 0;
	padding-bottom: 3.2%;
	font-size: calc(70.5% + 0.65vw);
	text-align: justify;
	text-justify: inter-ideograph;
	padding-right: 5%;
}
#section04 .ans-Box .ans-text-Box .ans-txt span {
	background-image:url(../img/text_deco.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#section04 .ans-Box .ans-img {
	float: right;
	position: absolute;
	right: -5%;
	bottom: 2px;
	width: 25.6%;
}

/*---------------
	先生の紹介
---------------*/
#section05 {
	text-align: center;
	color: #603813;
}
#section05 .doc-wrap {
	width: 85%;
	margin: 30px auto;
	background-color: #c9edf3;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.3);
	color: #603813;
}
#section05 .doc-woman {
	background-color: #fadfe8;
}

#section05 .doc-wrap .doc-photo {
	width: 27.3%;
	padding: 4% 1.8% 4% 4%;
}
#section05 .doc-wrap h5 {
	width:62%;
	padding: 4% 4% 4% 0;
	
}
#section05 .doc-wrap .doc-txt {
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 5%;
	text-align: left;
}
#section05 .doc-wrap .doc-txt h5 {
	padding-bottom: 2%;
}

#section05 .doc-wrap .doc-txt table.doc-career {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.1;
	font-size: calc(58% + 0.65vw);
}
#section05 .doc-wrap .doc-txt table.doc-career tr th {
	width: 12.5%;
	padding: 4px 0;
	vertical-align: top;	
}
#section05 .doc-wrap .doc-txt table.doc-career tr td {
	width: 57.8%;
	padding: 4px 0;
	vertical-align: top;
}
#section05 .doc-wrap .doc-txt table.doc-career caption,
#section05 .doc-wrap .doc-txt .doc-affiliation dt {
	text-align: left;
	font-weight: bold;
}
#section05 .doc-wrap .doc-txt .doc-affiliation {
	font-size: calc(58% + 0.65vw);
	padding-top: 8px;
	line-height: 1.4em;
}

/*---------------
	予約フォーム
---------------*/
#section06 {
	background-color: #f2fbfc;
	margin-top: 8px;
	padding: 20px;
}
#section06 h6 {
	width: 93.75%;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
/* footer
---------------------------------------- */
#footer,
#footer a {
	color: #7d6b5a;
}

#footer ul {
	margin-bottom: 5px;
}

#footer li {
	display: inline-block;
	font-size: 9px;
}

#footer address {
	background: #7d6b5a;
	color: #fff;
	font-size: 8px;
	padding: 8px 0 9px;
}

address {
	font-style: normal;
}

/* mapBlock
---------------------------------------- */

#mapBlock {
	width: 100%;
	color: #333333;
	padding: 30px 0 0 0;
	margin: 0 auto;
	background-color:#FFF5EC;
}

#mapBlock .clinicL {
	width: 100%;
	text-align: left;
}

#mapBlock p {
	font-size: 15px;
}

#mapBlock .clinicL table {
	width: 100%;
	font-size: 11px;
}

#mapBlock .clinicL table td {
	padding: 5px 0 5px 8px;
	line-height: 1.5;
	border-top: 1px solid #e5ccb5;
}

#mapBlock .map_shinjuku {
	margin: 10px 0px 10px 0px;
}

#mapBlock .map_ginza {
	margin: 10px 0px 0px 0px;
}