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


/* Reset.css */
* {
	font-style:normal;
	margin:0pt;
	padding:0pt;
	border:0;
	text-decoration: none;
}
body {
font-family:"游ゴシック体", YuGothic,"Hiragino Sans","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
color:#684732;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html {
	font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul, ul li {
	list-style-type:none;
}
img {
border:0 none;
vertical-align:bottom;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
p, li, td, th, dt, dd, input, textarea {
font-size: 12px;
line-height: 1.8;
}
@media (min-width: 768px) {
  p, li, td, th, dt, dd, input, textarea {
	font-size:14px;
	line-height: 1.8;
  }
}
@media (min-width: 992px) {
  p, li, td, th, dt, dd, input, textarea {
	font-size:14px;
	line-height: 1.8;
  }
}
.contents p, .contents dl, .contents ul, .contents ol {
    margin: 0 0 2em;
}
a:link{
	color:#0e4d8f;
}
a:visited{
	color:#0e4d8f;
}
a:hover{
	color:#FF4B33;
}
a:active{
	color:#FF4B33;
}
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
img{
max-width:100%;
height:auto;
}
a:hover img{
opacity:0.7;
transition: all 0.5s ease 0s;
}
.only_sp{
display:none;
}
.only_pc{
display:block;
}
.fbold{
font-weight:bold;
}
.tunderline{
text-decoration:underline;
}
.blue{
color:#1F456C;
}
.orange{
color:#D83F00;
}
.tcenter{
text-align:center;
}
.tright{
text-align:right;
}
.red{
color:#e60f42;
}
.bgyellow{
    background: linear-gradient(transparent 60%, #FFD400 60%);
}
.en{
	font-family:'Century Gothic',"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.wrap{
width:94%;
max-width:1000px;
margin:0 auto;
clear:both;
}
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify{
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
    padding: 0;
}
.gmap,
.youtube{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed,
.youtube iframe,
.youtube object,
.youtube embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
}

/*common*/
.pageHeader{
background:rgba(255,255,255,0.6);
position:relative;
z-index:2;
}
.top_header{
background:url(../img/top/main.png) no-repeat center center;
background-size:cover;
height:560px;
}
.logo{
padding:20px 0 0 2%;
}
.gnav ul{
align-items: center; 
}
.gnav a{
color:#684733;
font-size:14px;
padding:0 1em;
font-weight:bold;
}
.gnav li:nth-of-type(5) a{
padding:0 0 0 1em;
}
.gnav li:nth-of-type(6) a{
padding:0;
}
.gnav a:hover{
opacity:0.7;
}
.head_main{
align-items:center;
}
.main_txt{
font-size:26px;
color:#fff;
font-weight:bold;
padding:1.5em 0 0 2%;
line-height:1.6em;
}
.head_tel{
font-size:14px;
margin:1.5em 2% 0 0;
background:rgba(255,255,255,0.8);
padding:1em;
line-height:1.6;
text-align:center;
}
.head_tel a{
color:#684732;
font-size:18px;
font-weight:bold;
}
.footer_box01{
background:#f6f0e8;
padding:4em 0;
}
.footer_box01_inner{
width:94%;
max-width:600px;
margin:0 auto;
align-items: center; 
}
.fmail{
border-right:1px solid #8c7261;
padding:2em 3em 2em 0;
}
.fcontact a{
color:#684733;
font-size:14px;
font-weight:bold;
}
.fcontact a:hover{
opacity:0.7;
}
.footer_box01_txt01{
text-align:center;
padding:0 0 0 2em;
}
.footer_box01_txt02{
font-size:11px;
color:#ab6f22;
line-height:2em;
}
.footer_box01_tel {
    color: #684733;
    font-size: 20px;
    font-weight: bold;
    margin-top: 11px;
}
.footer_box02{
width:94%;
max-width:600px;
margin:0 auto;
padding:4em 0;
align-items: center; 
}
.fnav a{
font-size:12px;
color:#684733;
line-height:2em;
font-weight:bold;
}

/*top*/
.top_guide{
width:100%;
max-width:744px;
margin:-74px auto 4em;
display:table;
position:relative;
z-index:3;
}
.top_guide_ttl{
display:table-cell;
text-align:center;
width:30%;
background:url(../img/top/guide_bg.png) repeat-y top center;
color:#fff;
vertical-align:middle;
font-size:12px;
line-height:1.6;
}
.top_guide_ttl span{
font-size:24px;
}
.top_guide_tb{
display:table-cell;
background:#fff;
padding:2em 6em;
width:70%;
}
.top_guide_tb p{
color:#684733;
padding:0.5em 0 0;
}
.top_catch{
text-align:center;
margin:0 auto 4em;
background:url(../img/top/bg01.png) no-repeat center center;
background-size:cover;
padding:8em 2%;
}
.top_catch p{
font-size:18px;
font-weight:bold;
}
.top_catch p:not(:last-of-type){
margin:0 0 2em;
}
.top_ttl01{
font-size:12px;
line-height:1.6;
color:#684733;
text-align:center;
display:inline-block;
margin:0 0 1em;
}
.top_ttl01 span{
font-size:24px;
}
.top_txt01_inner{
text-align:center;
display: inline-block;
}
.com_btn01 a{
display:inline-block;
border:1px solid #ad9884;
padding:0.5em 3em 0.5em 0.5em;
color:#71503a;
font-size:10px;
position: relative;
}
.com_btn01 a:before,
.com_btn01 a:after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.com_btn01 a:before{
    right: 6px;
    width: 12px;
    height: 1px;
    background: #ad9884;
}
.com_btn01 a:after{
    right: 6px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #ad9884;
    border-right: 1px solid #ad9884;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.com_btn01 a:hover{
background:#71503a;
color:#fff;
}
.top_about,
.top_doctor,
.top_treatment{
position:relative;
margin:0 0 6em;
}
.top_doctor{
text-align:right;
}
.top_about .top_txt01,
.top_treatment .top_txt01{
position:absolute;
right:0;
top:50%;
background:#fff;
padding:6em 6em;
width:40%;
transform: translateY(-50%);
}
.top_doctor .top_txt01{
position:absolute;
left:0;
top:50%;
background:#fff;
padding:6em;
width:40%;
transform: translateY(-50%);
}
.top_img01{
display:block;
width:76%;
height:280px;
} 
.top_about .top_img01{
background:url(../img/top/photo01.png) no-repeat center center;
background-size:cover;
} 
.top_doctor .top_img01{
background:url(../img/top/photo02.png) no-repeat center center;
background-size:cover;
margin-left:24%;
} 
.top_treatment .top_img01{
background:url(../img/top/photo03.png) no-repeat center center;
background-size:cover;
} 
.top_access{
display:table;
width:100%;
}
.top_access_map,
.top_access_txt{
width:50%;
display:table-cell;
}
.top_access_txt{
vertical-align:middle;
text-align:center;
background:url(../img/top/access_bg.png) repeat-y center center;
background-size:contain;
color:#fff;
}

.top_access_ttl01{
font-size:12px;
line-height:1.6;
text-align:center;
display:inline-block;
margin:0 0 1em;
}
.top_access_ttl01 span{
font-size:24px;
}
.top_access_btn a{
display:inline-block;
border:1px solid #fff;
padding:0.5em 3em 0.5em 0.5em;
color:#fff;
font-size:10px;
position: relative;
}
.top_access_btn a:before,
.top_access_btn a:after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.top_access_btn a:before{
    right: 6px;
    width: 12px;
    height: 1px;
    background: #fff;
}
.top_access_btn a:after{
    right: 6px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.top_access_btn a:hover{
background:#ddd;
color:#000;
}
.top_access_txt01{
margin:4em 0;
}

/*page common*/
.page_ttl01{
margin:0 auto;
width:94%;
max-width:1000px;
}
.page_ttl01_en{
font-size:40px;
border-bottom:1px solid #684732;
padding:0 46px 0.2em 46px;
margin:0 0 0.2em;
display:inline-block;
}
.page_ttl01_ja{
font-size:20px;
padding:0 0 0 46px;
display:inline-block;
}
.ttl_common{
padding:10em 0;
margin:-48px 0 4em;
position: relative;
z-index: 1;
}
.ttl_about{
background:url(../img/about/ttl_bg.png) no-repeat center center;
background-size:cover;
}
.ttl_access{
background:url(../img/access/ttl_bg.png) no-repeat center center;
background-size:cover;
}
.ttl_doctor{
background:url(../img/doctor/ttl_bg.png) no-repeat center center;
background-size:cover;
}
.ttl_treatment{
background:url(../img/treatment/ttl_bg.png) no-repeat center center;
background-size:cover;
}
.page_footer{
background:#e5dfd7;
padding:4em 0;
color:#684733;
margin:4em 0 0;
}
.page_footer_inner{
width:94%;
max-width:720px;
margin:0 auto;
align-items: center; 
}
.page_footer_txt01{
font-size:18px;
font-weight:bold;
margin:0 0 2em;
}
.page_footer_tel{
font-size:24px;
font-weight:bold;
}

/*access*/
.access_txt01,
.access_txt02{
text-align:center;
font-size:24px;
color:#684733;
}
.access_txt02{
text-align:center;
font-size:24px;
}
.access_map{
max-width:800px;
width:94%;
margin:3em auto;
position:relative;
}
.access_map_link{
width:30%;
position:absolute;
bottom:2%;
left:2%;
}

/*about*/
.about_ttl01{
text-align:center;
margin:0 0 4em;
}
.about_box01,
.about_box02{
position:relative;
margin:0 0 4em;
}
.about_box01_txt{
position:absolute;
background:#fff;
right:5%;
top:50%;
background:#fff;
padding:4em 3em;
width:53%;
transform: translateY(-50%);
}
.about_box01_img{
display:block;
width:70%;
height:450px;
background:url(../img/about/photo01.png) no-repeat center center;
background-size:cover;
} 
.about_box02_txt{
position:absolute;
background:#fff;
left:5%;
top:50%;
background:#fff;
padding:4em 3em;
width:53%;
transform: translateY(-50%);
}
.about_box02_img{
display:block;
width:70%;
height:450px;
margin-left:30%;
background:url(../img/about/photo02.png) no-repeat center center;
background-size:cover;
} 
.about_box01_txt dt,
.about_box02_txt dt{
font-weight:bold;
color:#684733;
text-indent: -2em;
padding-left: 2em;
}
.about_box01_txt dd,
.about_box02_txt dd{
color:#ab6f22;
padding:0 0 2em 2em;
}
.about_box01_txt dl:last-of-type dd,
.about_box02_txt dl:last-of-type dd{
padding:0 0 0 2em;
}
.about_box03{
width:100%;
max-width:1000px;
margin:0 auto;
}
.about_box03 div{
width:33.3333%;
}

/*doctor*/
.doctor_box01{
width:94%;
max-width:900px;
margin:0 auto;
}
.doctor_box01_name{
font-size:20px;
color:#684733;
font-weight:bold;
margin:2.5em 0 1em 1em;
}
.doctor_box01_list{
margin:0 0 0 4em;
}
.doctor_box01_list li{
color:#684733;
}

/*treatment*/
.treatment_nav{
max-width:924px;
width:94%;
margin:0 auto 4em;
}
.treatment_box01,
.treatment_box02,
.treatment_box07,
.treatment_box05_inner02,
.treatment_box06_inner02{
width:94%;
max-width:900px;
margin:0 auto 8em;
}
.treatment_box03{
margin:0 auto 8em;
}
.treatment_ttl01{
text-align:center;
margin:0 auto 2em;
}
.treatment_box01_txt01{
text-align:center;
color:#684733;
margin:0 0 2em;
}
.treatment_box01_txt02{
text-align:center;
font-size:18px;
color:#684733;
margin:0 0 2em;
}
.treatment_box01_list01{
text-align:center;
color:#684733;
margin:0 0 4em;
}
.treatment_box01_txt03{
text-align:center;
margin:0 0 2em;
}
.treatment_box01_unit02,
.treatment_box05_unit02,
.treatment_box06_unit02,
.treatment_box07_unit01{
width:49%;
border:1px solid #684733;
border-radius:8px;
padding:2em;
}
.treatment_box01_unit02 p,
.treatment_box02_unit01 p,
.treatment_box03_txt01 p,
.treatment_box04_txt01 p,
.treatment_box05_unit02 p,
.treatment_box06_unit02 p,
.treatment_box07_unit01 p{
color:#ab6f22;
font-size:13px;
}
p.treatment_box01_ttl01,
p.treatment_box03_ttl01,
p.treatment_box04_ttl01,
p.treatment_box05_ttl01,
p.treatment_box06_ttl01,
p.treatment_box07_ttl01{
display:inline-block;
color:#684733;
border-bottom:1px solid #684733;
margin:0 0 1em;
font-size:16px;
min-width:60%;
}
p.treatment_box03_ttl01:not(:first-of-type),
p.treatment_box04_ttl01:not(:first-of-type),
.treatment_box06_inner01 dl:not(:first-of-type) dt{
margin:2em 0 1em;
}
.treatment_box02_unit01{
width:24%;
border:1px solid #684733;
border-radius:8px;
padding:1em;
}
p.treatment_box02_ttl01{
display:inline-block;
color:#684733;
border-bottom:1px solid #684733;
margin:0 0 1em;
font-size:14px;
min-width:80%;
}
.treatment_box03_inner{
position:relative;
}
.treatment_box03_txt01{
position:absolute;
width:52%;
top:50%;
right:4%;
transform: translateY(-50%);
}
.treatment_box03_img01{
display:block;
width:67%;
background:url(../img/treatment/photo01.png) no-repeat center center;
background-size:cover;
height:324px;
}
.treatment_box04_inner01{
position:relative;
margin:0 0 8em;
}
.treatment_box04_txt01{
position:absolute;
width:52%;
top:50%;
left:4%;
transform: translateY(-50%);
}
.treatment_box04_img01{
display:block;
width:55%;
background:url(../img/treatment/photo02.png) no-repeat center center;
background-size:cover;
height:324px;
margin-left:45%;
}
.treatment_box05_inner01{
position:relative;
margin:0 0 3em;
}
.treatment_box05_txt01{
position:absolute;
width:47%;
top:50%;
left:4%;
transform: translateY(-50%);
}
.treatment_box05_img01{
display:block;
width:72%;
background:url(../img/treatment/photo03.png) no-repeat center center;
background-size:cover;
height:324px;
margin-left:28%;
}
.treatment_box06_inner01{
position:relative;
margin:0 0 4em;
}
.treatment_box06_txt01{
position:absolute;
width:52%;
top:50%;
right:4%;
transform: translateY(-50%);
}
.treatment_box06_img01{
display:block;
width:67%;
background:url(../img/treatment/photo04.png) no-repeat center center;
background-size:cover;
height:324px;
}

.treatment_box05_inner01 dt,
.treatment_box06_inner01 dt{
color:#684733;
margin:0 0 1em;
font-size:18px;
font-weight:bold;
}
.treatment_box05_inner01 dd,
.treatment_box06_inner01 dd{
color:#ab6f22;
}
.treatment_box06_arrow{
text-align:center;
margin:0 0 1em;
}