@charset "UTF-8";


/*pc*/
@media all and (min-width:751px) {

/*common*/
body{
min-width: 1200px;
background: #f5f5f5;
}

.footer_border{
border: solid 20px #73ac70;
}

a[href^="tel:"] {
pointer-events: none;
}

.anchor{
display: block;
padding-top: 120px;
margin-top: -120px;
}

.bg100{
background: #f5f5f5;
}

.doctorhistory__w .bg100 {
padding: 5rem 0;
}








/*<!--header-->*/
header{
display: flex;
justify-content: space-between;
width: 100%;
padding: 10px 0;
position: fixed;
top: 0;
left: 0;
z-index: 2;
background: #fff;
transition: .3s;
height: 110px;
}

.header__w{
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}

.header_logo{
height: auto;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;

}

.header_logo h1{
width: 100%;
text-align: center;
}

.header_logo h1 a{
margin: auto;
width: 100%;
}


.header_logo h1 a img{
display: inline-block;
height: 70px;
}

.header_txt{
width: 280px;
position: absolute;
left: 40px;
}

.header_txt img{
width: 100%;
}

.header_txt2{
position: absolute;
right: 10%;
line-height: 1.4;
text-align: center;
color: #f16229;
font-size: 1.7rem;
border-radius: 10px;
background: #fff8c1;
padding: 1rem 4rem;
font-weight: 700;
}



.header_nav{
order: 3;
width: 60px;
height: 60px;
}

.header_txt span.header_subject{
color: #484542;
font-size: 2.3rem;
}

.header_txt span.header_subject_ten{
color: #484542;
font-size: 1.7rem;
font-weight: 400;
}

nav.NavMenu{
    position: fixed;
    top: 0;
    left: 0;
    background: #fbfbfb;
    text-align: center;
    width: 100%;
    transform: translateY(-100%);
    transition: all .8s;
    padding: 80px 0 100px 0;
    overflow-y: scroll;
    height: 100vh;
    z-index: 10000;
}

nav.NavMenu::after {
content: "";
background: url("../images/nav1.jpg") no-repeat;
width: 546px;
height: 710px;
display: inline-block;
background-size: cover;
position:absolute;
top:50px;
left:50px;
z-index:1000;
object-fit: cover;
}

nav.NavMenu ul{
width: 540px;
margin: 0 auto;
margin-left:55%;
padding: 0;
z-index:2;
}

nav.NavMenu ul li{
font-size: 2.2rem;
list-style-type: none;
padding: 0;
width: 100%;
line-height: 1.7;
}

nav.NavMenu ul li:last-child{
padding-bottom: 0;
border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
}

nav.NavMenu ul li a{
display: inline-block;		/*クリックできる領域を広げる*/
padding: 1rem 0;
transition: .4s;
text-align: left;
font-weight:500;
letter-spacing:.3rem;
margin-left: 2rem;
}

.navmenulink{
position: relative;
display: block;
width: 300px;
margin: 0 auto;
padding: 0 0 0 2.2rem;
}

.navmenulink::before{
content: "▶︎";
font-size: .9rem;
margin-right: 0;
color: #5a9f4d;
vertical-align: text-top;
position: absolute;
left: 0;
top: 1rem;
}

nav.NavMenu ul li a:link,
nav.NavMenu ul li a:visited{

}

nav.NavMenu ul li a:hover,
nav.NavMenu ul li a:active{
opacity: .8;
}

nav.NavMenu ul li.nav_tel{
font-size: 3.5rem;
padding: 50px 0 0 0;
line-height: 1;
margin: 0 0 30px 0;
}

nav.NavMenu ul li.nav_tel span{
font-weight: 600;
letter-spacing: .3rem;
font-size: 3.5rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

nav.NavMenu ul li.nav_tel span::before{
content: "";
background: url("../images/ic_tel2.svg") no-repeat;
width: 2.4rem;
height: 2.4rem;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin: 0 .7rem 0 0;
}

nav.NavMenu ul li.nav_teltime{
font-size: 1.6rem;
padding: 0 0 30px 0;
font-weight: normal;
}

nav.NavMenu ul li.nav_free{
width: 100%;
text-align: center;
padding: 30px 0 0 0;
}

nav.NavMenu ul li.nav_free span{
display: inline-block;
border-radius: 1px;
text-align: center;
padding: 5px 80px;
color: #17428d;
letter-spacing: .2rem;
font-size: 1.7rem;
line-height: 1;
}

nav.NavMenu ul li.nav_rsv a{
border-radius: 5px;
color: #fff;
text-align: center;
padding: 10px 20px;
transition: .6s;
position: relative;
font-size: 1.8rem;
box-shadow: 0px 0px 10px 0px #00000014;
background: linear-gradient(135deg, #f8a23f 0%,#f76b1c 100%);
}

nav.NavMenu ul li.nav_rsv a:active,
nav.NavMenu ul li.nav_rsv a:hover{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;
}

nav.NavMenu ul li.nav_rsv a::before{
content: "";
background: url(../images/ic_calendar.svg) no-repeat;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin: 0 15px 0 0;
}

nav.NavMenu ul li.nav_rsv span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

nav.NavMenu.active{
transform: translateY(0%);		/*ナビを表示する*/
}

.Toggle {
display: block;
position: fixed;
right: 35px;
top: 23px;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 10000;
}

.Toggle span {
display: block;
position: absolute;
width: 60px;
border-top: solid 1px #5f4e34;
-webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
-moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
transition: .35s ease-in-out;			/*変化の速度を指定*/
left: 6px;
}

.Toggle span:nth-child(1) {
top: 12px;
}

.Toggle span:nth-child(2) {
top: 30px;
}

.Toggle span:nth-child(3) {
top: 48px;
}

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
top: 28px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: solid 1px #5f4e34;

}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 28px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-top: solid 1px #5f4e34;

}








.mv__w{
width: 100%;
margin-top: 110px;
background: url("../images/mvbg.jpg") no-repeat top center;
background-size: cover;
position: relative;
}
.mv1{
width: 1200px;
margin: 0 auto;
position: relative;
}

.mv2{
width: 100%;
position: relative;
}

.mv2 img{
width: 100%;
}

.mv3{
width: 183px;
position: absolute;
bottom: 50px;
right: 50px;
}


.mv3 img{
width: 100%;
}

.mv_text{
	position: absolute;
    bottom: 60px;
    left: 161px;
    margin: 0 auto;
    background: rgba(255, 255, 255, .70);
    font-size: 2rem;
    padding: 2rem 10rem 2rem 4rem;
    line-height: 2;
}

	
/*.move_text .text {
color: #937665;
        font-size: 5rem;
        font-weight: 700;
        text-transform: uppercase;
        transform-origin: left;
        font-family: 'Zen Old Mincho';
        background: rgb(255 255 255 / 50%);
        padding: 0 2rem 0 2rem;
}

.move_text .text.is-active {
  animation: text01 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes text01 {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

/* 初期CSS */
/*.move_text  {
        overflow: hidden;
        width: 100%;
        display: flex;
        justify-content: right;
        position: absolute;
        z-index: 1;
        right: 160px;
        top: 50px;
}

.visuallyHidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}*/


	
/******/
	
.move_text {
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: right;
  position: absolute;
  z-index: 1;
  right: 160px;
  top: 50px;
}

.move_text .text {
  color: #000000;
  font-size: 5rem;
  font-weight: 700;
  text-transform: uppercase;
  transform-origin: left;
  font-family: 'Zen Old Mincho';
  background: transparent;
  padding: 0 2rem;
  position: relative;
  overflow: hidden;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff; /* 白い縁取り */
}
.move_text .text.is-active {
  animation: text01 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes text01 {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%, 100% {
    opacity: 1;
  }
}

/* ここからキランッ効果 */
.word {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.word::after {
  content: "";
  position: absolute;
  top: 2rem;
  left: -75%;
  width: 50%;
  height: 60%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-20deg);
  animation: shineEffect 1.5s ease-in-out 1s forwards;
  pointer-events: none;
}

@keyframes shineEffect {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}

/* 視覚的に非表示のクラス（変更なし） */
.visuallyHidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}	
	
/*******/
	

	
	
	
	
	
	
	


/*<!--mai image-->*/
.swiper__w{
width: 100%;
background: url("../images/mainvideobg.jpg");
background-size: cover;
position: relative;
height: calc(80vh - 10rem);
z-index: 100;
margin-top: 10rem;
vertical-align: top;
display: flex;
z-index: -1;
}

.swiper__w video{
width: 100%;
height: calc(80vh - 10rem);
overflow: hidden;
object-fit: contain;
z-index: -1;
}

.swiper_txt{
position: absolute;
right: 0;/*25%で中心*/
bottom: 40px;
z-index: 100;
text-align: center;
}
.swiper_txt2 {
display: block;
margin: 0 auto;
}

.swiper_txt2 img {
display: block;
width: 300px;
}


.copy-item {
position: absolute;
left: 110px;/*25%で中心*/
top: 60px;
z-index: 100;
display: flex;
width: 120px;
height: 400px;
padding: 30px;
background: rgba(255, 255, 255, .8);
font-size: 1.8rem;
text-align: start;
border-radius: 0.5em;
align-items: center;
justify-content: center;
writing-mode: vertical-rl;  
flex-direction: column;
}


.copy-text {
color:#17428d;
font-weight:600;
font-size:2rem;
}




.mainimg_w{
/*position:relative;
margin:110px 0 0;
width: 100%;
height: calc(100vh - 259px);
background-position: center center !important;
background-size: cover!important;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
min-height: 660px;*/
position: relative;
/* margin: 110px 0 0; */
width: 100%;
height: calc(100vh - 259px);
background-position: center center !important;
background-size: cover!important;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
min-height: 660px;    
}

.mainimage_area{
/*position: relative;*/
position: relative;
margin: 110px 0 0;
width: 100%;
height: calc(100vh - 259px);
background-position: center center !important;
background-size: cover!important;
display: flex;
align-items: center;
justify-content: center;
min-height: 660px;
}

.topimage_layer{
position: absolute;
right: 0;/*25%で中心*/
bottom: 60px;
width: 22%;
}

.topimage_layer img{
display: block;
width: 100%;
}

.slick_slider_w{
}

.slick_slider_u{
}

.slick_slider_u li{
width:980px;
height:820px;
}

.slick_slider_b{
z-index:1;
position : absolute;
top: 390px;
left: 50%;
transform : translate(-50%, -50%);
}

.slick_box{
background: #fff;
width: 580px;
position: absolute;
top: 170px;
right: 100px;
padding: 20px 30px 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
border-radius: 5px;
opacity: .95;
}

.slick_box1{
width: 100%;
text-align: center;
padding: 0 0 10px 0;
letter-spacing: .3rem;
font-size: 2.5rem;
}

.slick_box2{
padding: 0 0 10px 0;
width: 100%;
}

.slick_box2 img{
width: 100%;
}

.slick_box3{
width: 100%;
padding: 0 0 0 10px;
font-size: 1.6rem;
text-align: center;
}

.slick_box3 span{
color: #f55656;
}

.slick_box4{
width: 100%;
text-align: center;
padding: 0 0 0 0;
letter-spacing: .1rem;
font-size: 1.6rem;
}

.slick_box5{
width: 100%;
text-align: center;
margin: 0 0 20px 0;
}

.slick_box5 a{
display: inline-block;
border-radius: 100px;
font-weight: 700;
line-height: 1;
font-size: 4rem;
}

.slick_box5 span::before{
content: "";
background: url("../images/ic_tel.svg") no-repeat;
width: 2.8rem;
height: 2.8rem;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin: 0 .5rem 0 0;
}

.slick_box6{
width: 100%;
text-align: center;
margin: 0 0 15px 0;
}

.slick_box6 a{
display: inline-block;
border-radius: 5px;
background: #fff;
color: #5fc6d0;
text-align: center;
padding: 15px 30px;
transition: .6s;
position: relative;
font-size: 1.6rem;
width: 250px;
box-shadow: 0px 0px 10px 0px #bfe4e4;
font-weight: bold;
}

.slick_box6 a:active,
.slick_box6 a:hover{
transform: translate(0,-3px);
opacity: .9;
}

.slick_box6 span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

.slick_box7{
width: 25%;
}

.slick_box7 a{
display: block;
background: linear-gradient(90deg, #1da353 0%, #9cc29a 100%);
color: #fff;
text-align: center;
border-radius: 3px;
padding: .8rem 0;
font-size: 1.4rem;
transition: .3s;
box-shadow: 3px 3px 10px #8ec7a5;
}

.slick_box7 a:hover,
.slick_box7 a:active{
opacity: .8;
}

.mainimage_t{
position: absolute;
color: #9cc29a;
font-size: 4rem;
letter-spacing: .3rem;
line-height: 2.5;
}

.mainimage_t span{
display: inline;
background: #ffffff;
}

.slick_box8{
width: 100%;
text-align: center;
margin: 0 0 20px 0;
font-size: 1.5rem;
line-height: 1.6;
}


.main-copy {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 1200px;
justify-content: flex-start;
align-items: center;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

















.topconcept__w{
width: 100%;
background: url("../images/topconceptbg.jpg");
background-size: cover;
padding: 5rem 0;
}

.topconcept1{
width: 100%;
margin-bottom: 3rem;
}

.topconcept2{
width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
background: rgba(255,255,255,.90);
}

.topconcept3{
width: 330px;
}

.topconcept3 img{
width: 100%;
}

.topconcept4{
width: 540px;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: 2rem;
}

.topconcept5{
width: 100%;
font-size: 1.8rem;
margin-bottom: 1rem;
line-height:1.8;
}

.topconcept6{
width: 100%;
font-size: 2.5rem;
font-weight: 700;
letter-spacing: 0;
}

.topconcept6 span{
}

.topbrain1{
width: 100%;

}

.topbrain2{
width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
background: rgba(255,255,255,.70);
}

.topbrain3{
width: 400px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;

}

.topbrain4{
width: 100%;
margin-bottom: .2rem;
text-align: center;
}

.topbrain4 span{
display: inline-block;
padding: .5rem 2rem;
text-align: center;
color: #5a9f4d;
font-size: 1.6rem;
font-weight: 500;
background: #E5F4E4;
}

.topbrain5{
width: 100%;
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
text-align: center;
}

.topbrain6{
width: 100%;
text-align: center;
}

.topbrain6 a{
display: inline-block;
padding: 1rem 2rem;
text-align: center;
color: #fff;
font-size: 1.5rem;
background: #5a9f4d;
border-radius: 200px;
font-weight: 400;
}

.topbrain6 a span{
}

.topbrain6 a span::before{
content: "→";
display: inline-block;
margin-right: .5rem;
}


.topbrain7{
    width: 300px;
    display: flex;
    justify-content: center;
}

.topbrain7 img{
    width: 100%;
    object-fit: cover;
}
.topbrain8{
	width: 900px;
	margin: 0 auto;
	background: url(../images/topbrain2.jpg) no-repeat;
	background-position: right;	
	background-color: #ffffff;
	background-size: auto;
	padding: 2rem 4rem;
	font-family: "ten-mincho-antique", Roboto, "YakuHanJP", "Zen Old Mincho", sans-serif,"Hiragino Kaku Gothic Pro", 'Zen Kaku Gothic New', Meiryo, sans-serif;
	}

.topbrain9{
	font-size: 1.8rem;
	background: rgba(2555, 255, 255, 0.5);
	padding: 2rem 0;
}

.topbrain9-1{
	font-size: 3rem;
	font-family: "Zen Old Mincho", sans-serif,"Hiragino Kaku Gothic Pro", 'Zen Kaku Gothic New', Meiryo, sans-serif;
}

.move_btn {
  width: 300px;
}

.button-link {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #333;
  transition: .3s;
}

.button-text {
  font-size: 18px;
}
	
.bg-extend-left {
  padding: 1rem;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 50px;
  background: linear-gradient(90deg, rgba(184, 144, 116, 1), rgba(150, 115, 63, 1));
}

.bg-extend-left::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  position: absolute;
  left: -100%;
  top: 0;
  transition: .4s;
  z-index: -1;
}

.bg-extend-left:hover::before {
  left: 0;
}

.bg-extend-left:hover{
  color: #968b7e;
	opacity: 1;
}

























































/*<!--news-->*/
.news__w{width:100%;background:#fefefb;padding: 4rem 0 9rem;}

.news__wi{
width: 950px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
background: #fff;
}

.news__w h2{
text-align: center;
margin: 0 auto 4rem;
}

.news__w h2 span{
display: inline-block;
margin: 0 auto 0;
font-weight: 500;
font-size: 2.5rem;
letter-spacing: 0.2rem;
}

.news__w h2 span::after {
content: "INFORMATION";
display: block;
width: 100%;
text-align: center;
font-size: 1.2rem;
letter-spacing: .1rem;
font-weight:500;
color: #5a9f4d;
}

.news_kiji__w{
width: 980px;
overflow-y: scroll;
}

.news_kiji__w iframe {
width: 100%;
height: 600px;
overflow-y: scroll;
}

.kiji__w{
border-bottom: 1px solid #e8e8e8;
padding: 1.5rem 2rem;;
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
align-items: center;
}

.kiji_d{
font-size: 1.4rem;
color: #797979;
display: inline-block;
width: 100%;
margin-bottom: .5rem;
}

.kiji_h{
font-size: 1.8rem;
display: inline-block;
width: 100%;
font-weight: 700;
margin-bottom: .5rem;
}

.kiji_t{
width: 100%;
font-size: 1.5rem;
line-height: 1.8;
}

/*<!--bnr-->*/
.bnr__w {
background-color: #f9f7ef;
padding: 20px 0 60px;
}

.bnr__wi {
width: 800px;
margin: 0 auto;
}

.bnr2 a:hover {
opacity: 0.8;
}






















.topdoctor__w{width: 100%;background: #fbf9f3;padding: 8rem 0 7rem;}

.topdoctor1{
width: 100%;
text-align: center;
margin-bottom: 3rem;
}

.topdoctor1 h2{
}

.topdoctor1 h2 span{
display: inline-block;
margin: 0 auto 0;
font-weight: 500;
font-size: 2.5rem;
letter-spacing: 0.2rem;
}

.topdoctor1 h2 span::after {
content: "DOCTOR";
display: block;
width: 100%;
text-align: center;
font-size: 1.2rem;
letter-spacing: .1rem;
font-weight:500;
color: #5a9f4d;
}

.topdoctor2{
    width: 1000px;
    margin: 0 auto;
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;*/
}

.topdoctor3{width: 700px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 2rem;}

.topdoctor4{
width: 100%;
font-size: 3rem;
letter-spacing: .4rem;
margin-bottom: 2rem;
line-height: 1.5;
}

.topdoctor4a{
color: #6b512e;
}

.topdoctor4b{
color: #826844;
}

.topdoctor4c{
color: #8E7553;
}

.topdoctor5{
width: 100%;
font-size: 1.6rem;
line-height: 2.2;
font-weight: 400;
margin-bottom: 2rem;
}


.topdoctor6{
width: 100%;
}

.topdoctor6 a{
display: inline-block;
padding: 1.2rem 4rem;
text-align: center;
color: #fff;
font-size: 1.5rem;
background: linear-gradient(90deg, #ad785e, #643620);
border-radius: 200px;
font-weight: 400;
}

.topdoctor6 a span{
}

.topdoctor6 a span::before{
content: "→";
display: inline-block;
margin-right: 1rem;
}

.topdoctor7{
width: 260px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topdoctor8{
width: 100%;
margin-bottom: 2rem;
}

.topdoctor8 img{
width: 100%;

}

.topdoctor9{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.topdoctor10{
width: 100%;
text-align: center;
margin-bottom: 1.5rem;
}

.topdoctor10 img{
width: 50%;

}

.topdoctor11{
font-size: 2.8rem;
        margin-right: 0;
        margin-left: auto;
}

.topdoctor11 span{
font-size: 2rem;
font-weight: 400;
display: inline-block;
margin-right: 1rem;
}

.topdoctor12{
	width: 300px;
	margin: 0 auto;
}















.footer__w{width: 100%;background: #e7e3d9;/*background: url("../images/footer_bg.jpg") no-repeat;
background-size: cover;
background-color:rgba(231,227,217,0.8);
background-blend-mode:lighten;*/padding: 8rem 0 4rem;}

.footer1{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 10px;
}

.footer2{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer3{
    width: 100%;
  text-align: center;
}

.footer4{
width: 100%;
font-size: 1.4rem;
font-weight: 400;
}

.footer5{
width: 100%;
}

.footer5 a{
width: 100%;
font-weight: 700;
font-size: 2.8rem;
}

.footer5 a span::before{
content: "";
background: url("../images/ic_tel.svg");
background-size: cover;
width: 2rem;
height: 2rem;
display: inline-block;
margin-right: .4rem;
vertical-align: middle;
}

.footer6{
width: 100%;
font-size: 1.5rem;
}

.footer7{
    width: 100%;
    border-radius: 10px 10px 0 0;
    padding: 30px 0 30px 0;
    text-align: center;
}

.footer7 img{
width: 640px;
margin: 0 auto;
}


.footer8{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer9{
width: 600px;
background: #fff;
padding: 8rem 8rem 0;
}

.footer10{
width: 100%;
font-size: 1.5rem;
color: #5a9f4d;
font-weight: 500;
}

.footer10 span::before{
content: "";
color: #5a9f4d;
display: inline-block;
margin-right: .3rem;
}

.footer11{
width: 100%;
font-weight: 400;
margin-bottom: 1.5rem;
font-size: 1.5rem;
}

.footer12{
width: 100%;
height: 350px;

}

.footer12 iframe{
width: 100%;
height: 350px;
}

.footer13{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 3rem 0;
}

.footer14{
width: 100%;
background: #fff;
text-align: center;
}

.footer15{
width: 100%;
margin-bottom: 1.5rem;
}

.footer15 span{
display: inline-block;
background: #5f4e34;
padding: .3rem 1.2rem;
font-weight: 400;
font-size: 1.6rem;
color: #fff;
}

.footer16{
width: 100%;
margin-bottom: 2rem;
}

.footer16 img{
width: 300px;
}

.footer17{
width: 100%;
font-weight: 600;
margin-bottom: 2rem;

}



.footer18{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #f9f9f9;
padding: 3.5rem 0;
border-radius: 0 0 30px 30px;
}

.footer19{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.footer20{
margin-right: 4rem;
}

.footer20:last-child{
margin-right: 0;
}

.footer20 a{
display: block;
font-size: 1.6rem;
font-weight: 400;
text-align: center;
}

.footer20 a span{
}

.footer20a::after,
.footer20b::after,
.footer20c::after,
.footer20d::after,
.footer20e::after,
.footer20f::after,
.footer20g::after{
display: block;
width: 100%;
font-size: 1.0rem;
color: #86c249;
text-align: center;
}

.footer20a::after{
content: "HOME";
}

.footer20b::after{
content: "MEDICAL";
}

.footer20c::after{
content: "BRAIN CHECKUP";
}

.footer20d::after{
content: "DOCTOR";
}

.footer20e::after{
content: "CLINIC";
}

.footer20f::after{
content: "ACCESS";
}

.footer20g::after{
content: "RECRUIT";
}


















































/*<!--medical-->*/
.medical__w{
width: 100%;
background: #f3f3f3;
}

.medical__wi{
width: 800px;
margin: 0 auto;
padding: 8rem 0;
}

.medical__w h2{
font-size: 3rem;
font-weight: 600;
letter-spacing: .2rem;
width: 100%;
text-align: center;
}


.medical__w h2 span::before{
content: "Stymptom";
display: block;
width: 100%;
text-align: center;
font-size: 1.6rem;
letter-spacing: .4rem;
transform: scaleY(1.3);
font-weight: 900;
color: #9cc29a;
}


.medical_nav__w{
}

.medical_nav__w ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.medical_nav__w ul li{
width: 380px;
height: 150px;
text-align: center;
margin: 0 0 30px 0;
}

.medical_nav__w ul li a{
width: 100%;
height: 150px;
background: rgb(9 69 130);
background: linear-gradient(145deg, rgb(113 128 204) 0%, rgb(9 69 130) 100%);border-radius: 10px;
display: flex;
box-shadow: 0px 0px 5px 0px #ececec;
transition: .3s;
line-height: 1;
align-items: center;
justify-content: center;
color: #fff;
}

.medical_nav__w ul li a:hover,
.medical_nav__w ul li a:active{
transform: translate(0,-6px);
opacity: .8;
}

.mdnav1{
}

.medical_nav__w ul li a span{
font-size: 2.6rem;
letter-spacing: .1rem;
}


.topsubject__ww{
background: #f5f2eb;
width: 100%;
}

.topsubject__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0 auto;
}

.topsubject_box{
width: 30%;
text-align: center;
border-radius: 10px;
margin: 0 0 3rem 0;
}

.topsubject_box:hover{
opacity: .7;
}


.topsubject_t{
width: 100%;
padding: 2.5rem 0;
display: flex;
height: 100%;
background: #ffffff;
transition: all .3s;
border: 1px solid #9cc29a;
justify-content: center;
align-items: center;
box-shadow: 6px 6px 7px #d2e9db;
border-radius: 5px;
}

.topsubject_t span{
position: relative;
text-align: center;
display: inline-block;
font-size: 2.2rem;
line-height: 1.4;
letter-spacing: .15rem;
font-weight: 700;
}

.topsubject_t span:before {
content: "";
display: block;
width: 70px;
height: 70px;
background-position: 50% 50%;
background-repeat: no-repeat;
margin: 0 auto 1.5rem;
}

.topsubject_t--01 span:before {
background-image: url("../images/ic1.svg");
}

.topsubject_t--02 span:before {
background-image: url("../images/ic2.svg");
}

.topsubject_t--03 span:before {
background-image: url("../images/ic3.svg");
}

.topsubject_t--04 span:before {
background-image: url("../images/ic4.svg");
}

.topsubject_t--05 span:before {
background-image: url("../images/ic5.svg");
}

.topsubject_t--06 span:before {
background-image: url("../images/ic6.svg");
}

.topsubject_ic{
display: block;
width: 100%;
height: 80px;

}

.topsubject_ic img{
display: block;
width: 100%;
height: 100%;
}



.topsubject_memo{
padding: 20px 30px;
text-align: center;
background: #fdf6dc;
border-radius: 10px;
width: 1020px;
margin: 0 auto;
color: #664329;
}







/*<!--doctor-->*/
.doctor__w{
width: 100%;
background: #f5f5f5;
padding: 10rem 0;
}

.doctor__wi{
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

.doctor_i{
width: 460px;
padding: 50px 0 0;
}

.doctor_i img{
width: 100%;
border-radius: 10px;
}

.doctor_t{
width: 650px;
}

.doctor_t1{
font-size: 2.5rem;
text-align: center;
letter-spacing: .3rem;
padding: 12px 0 18px;
color: #9cc29a;
font-weight: 700;
line-height: 1.6;
}

.doctor_t2{
font-size: 2.2rem;
text-align: center;
letter-spacing: .05rem;
padding: 0 0 30px;
color: #424242;
}

.doctor_t3{
line-height: 1.7;
padding: 0 0 40px 0;
font-size: 1.7rem;
}

.doctor_t4{
}

.doctor_btn{
text-align: center;
}

.doctor_btn a{
display: inline-block;
border-radius: 5px;
background: linear-gradient(90deg, #1da353 0%, #9cc29a 100%);
color: #fff;
text-align: center;
padding: 15px 0;
transition: .6s;
position: relative;
font-size: 1.6rem;
width: 240px;
box-shadow: 3px 3px 10px #8ec7a5;
}

.doctor_btn a:active,
.doctor_btn a:hover{
opacity: .8;
}

.doctor_btn span::after{
content: "";
background: url("../images/arrow-white.svg");
width: 2rem;
height: 2rem;
position: absolute;
right: 15px;
font-size: 1rem !important;
top: 2rem;
color: #aedce0;
}

.doctor7 h3{
font-size: 2.5rem;
text-align: center;
color: #4d3417;
letter-spacing: .4rem;
font-weight: 700;
}

.doctor8,
.doctor13 {
background: #ffffff;
border-radius: 10px;
padding: 40px 50px;
width: 800px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
/*font-size: 1.7rem;*/
}

.doctor9 {
width: 100%;
margin: 0 auto 4px;
display: flex;
flex-wrap: wrap;
line-height: 1.6;
}

.doctor9:last-child{
margin: 0 auto 0;
}

.doctor10 {
width:100px;
color:#888;
}

.doctor11 {
margin-bottom:1.7rem;
}

.doctor12 {
text-indent: -1.4em;
padding-left: 1.2em;
width:48%;
}

.doctor12:before {
content:"■";
margin-right:.3em;
}



/*<!--loopslide-->*/
.loopslide{
padding: 50px 0;
background: #eceae1;
}

.simply-scroll-container {
position: relative;
}

.simply-scroll-clip {
position: relative;
overflow: hidden;
}

.simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
}

.simply-scroll-list li {
float: left; /* Horizontal scroll only */
padding: 0;
margin: 0;
width: 400px;
height: 267px;
}

.simply-scroll-list li img {
display: block;
width: 400px;
height: 300px;
}

/*dock*/
.btn_detail a{
display: block;
width: 250px;
margin: 0 auto;
background: linear-gradient(180deg, #17428d  0%, #0fb8e3  100%);
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #ffffff;
box-shadow: 6px 6px 15px #adadadad;
font-weight: 800;
font-size: 1.6rem;
line-height: 1;
position: relative;
border-radius: 3px;
font-family: 'Zen Old Mincho', serif;
}
.btn_detail a span::after {
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 1.8rem;
height: 1.8rem;
position: absolute;
top: 19px;
right: 44px;
}


.btn_detail a:hover {
transform: translateY(-3px);
opacity: .5;
}









/*<!--common clinic-->*/
.clinic__ww{
width: 100%;
background: #fcfcfc;
}

.clinic__w{
width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 8rem 0 0;
flex-wrap: wrap;
align-items: flex-start;
}

.clinic_box1{
width: 550px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.clinic_box2{
width: 480px;
}

.clinic_box2 iframe{
width: 100%;
height: 540px;
border-radius: 10px;
}


.clinic1{
width: 100%;
margin: 0 auto 1.5rem;
text-align: center;
}

.clinic1 img{
width: 80%;
margin: 0 auto;
}

.clinic2{
color: #17428d;
width: 550px;
font-size: 2rem;
line-height: 1.3;
text-align: center;
margin: 0 0 2rem 0;
font-weight: 400;
}

.clinic2 span{
font-size: 2.8rem;
color: #ffa37c;
font-weight: bold;
}

.clinic3{
margin: 0 0 3rem 0;
text-align: center;
line-height: 1.5;
color: #17428d;
}

.clinic4{
margin: 0 auto 0rem;
width: 100%;
text-align: center;
}

.clinic4 a{
font-size: 3.4rem;
line-height: 1.4;
font-weight: 600;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;

}

.clinic4 span{
}

.clinic4 span::before{
content: "";
background: url("../images/ic_tel.svg") no-repeat;
width: 2.2rem;
height: 2.2rem;
display: inline-block;
vertical-align: middle;
margin-right: .5rem;
}



.clinic5{
width: 250px;
}

.clinic5 a{
display: inline-block;
border-radius: 5px;
background: linear-gradient(135deg, #f8a23f 0%,#f76b1c 100%);
color: #fff;
text-align: center;
padding: 10px 0;
transition: .6s;
position: relative;
font-size: 1.4rem;
width: 200px;
box-shadow: 0px 3px 3px 0px #e4e4e4;
}

.clinic5 a:active,
.clinic5 a:hover{
opacity: .8;
}

.clinic5 span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

.clinic6{
width: 100%;
text-align: center;
}

.clinic6 img{
width: 100%;
border-radius: 10px;
}

.clinic6a_h{
text-align: center;
margin: 0 0 .5rem 0;
}

.clinic6a_h span{
display: inline-block;
text-align: center;
font-size: 2rem;
color: #17428d;
letter-spacing: .2rem;
font-weight:400;
}

.clinic7{
padding: 0 0 0 10px;
font-size: 1.6rem;
width: 100%;
text-align: center;
margin-top: 1rem
}

.clinic7 span{
color: #17428d;
}

.clinic8 {
margin: 1rem auto 0;
display: block;
width: 100%;
text-align: center;
}


.clinic9{
width: 100%;
margin: 1.5rem 0 0 0;
font-size: 1.4rem;
padding: 0 1rem;
line-height: 2;
}


.clinic10{
font-size: 1.6rem;
line-height: 1.5;
text-align: center;
width: 100%;
}

.clinic11{
}

.clinic11 img{
width: 100%;
border: 1px solid #1a4375;
padding: 30px 30px;
border-radius: 20px;
}

.clinic12{
width: 100%;
text-align: center;
margin: 0 0 15px 0;
}

.clinic12 span{
display: inline-block;
padding: 5px 30px;
background: #ffffff;
color: #ed8599;
text-align: center;
margin: 0 auto 5px;
border-radius: 5px;
font-size: 2rem;
letter-spacing: .15rem;
border: 1px solid #ed8599;
}

.clinic13{
color: #e50012;
font-size: 1.5rem;
line-height: 1.6;
margin: 0 0 4rem;  
}

.clinic14{
margin: 0 0 3rem 0;
text-align: center;
/* line-height: 1.5; */
/* font-size: 18px; */
display: inline-block;
padding: 10px 50px;
font-weight: 700;
/* border-top: 1px solid #17428d; */
/* border-bottom: 1px solid #17428d; */
background: #17428d;
color: #fff;
border-radius: 5px;
}


.gmap {
margin-top: 5rem;
display: block;
width: 100%;
text-align: center;
height: 500px;

}


.gmap iframe{
width: 100%;
height: 500px;
border-radius: 10px;
}
.access_gmap {
/*margin-top: 5rem*/
display: block;
width: 100%;
text-align: center;
height: 600px;

}


.access_gmap iframe{
width: 100%;
height: 600px;
border-radius: 10px;
}


.clinic__w p{
    font-size: 1.8rem;
    text-align: center;
margin: 0 auto;
    padding: 20px 0 20px 0;
    color: #17428d;
}








.btn_pagetop{
position: fixed;
bottom: 55px;
right: 60px;
z-index: 1;
}

.btn_pagetop a{
width: 60px;
height: 60px;
border-radius: 2px;
padding: 20px 20px;
display: table-cell;
color: #fff;
text-align: center;
font-size: 1.4rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.5;
background: #a67258;
transition: .5s !important;
font-weight: bold;
}

.btn_pagetop a:hover,
.btn_pagetop a:active{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;
}





















/* subtitle */
.subtitle__w{
margin: 0 auto 0;
width: 100%;
height: 300px;
padding: 4rem 0;
font-weight: 700;
}

.subtitle__w h1{
	font-size: 4.2rem;
	letter-spacing: .2em;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	font-weight: 700;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 80%);
	width: 100%;
	background: url("../images/subtitle_bg8.jpg") no-repeat;
	background-size: cover;
	background-position: 0 50%;
	padding: 8rem 0;
	}


.subtitle__w h1 span{
display: inline-block;
margin: 0 auto; 
background: rgb(159 143 123 / 70%);
padding: 1rem 10rem;
}

.h_doctor{
width: 100%;
background: #f5f5f5;
}
.h_doctor h1{
	background: url("../images/subtitle_bg10.jpg") no-repeat;
	background-size: cover;
	background-position: 0 50%;
}

/*.h_doctor h1 span::after{
content: "Doctor";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/



.h_medical{
width: 100%;
background: #f5f5f5;
}

.h_medical h1{
	background: url("../images/subtitle_bg11.jpg") no-repeat;
	background-size: cover;
	background-position: 0 50%;
}

/*.h_medical h1 span::after{
content: "Medical";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/

.h_facility{
width: 100%;
background: #f5f5f5;
}

/*.h_facility h1 span::after{
content: "Clinic";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 400;
color: #4d3417;
}*/

.h_access{
width: 100%;
background: #f5f5f5;
}
.h_access h1{
	background: url("../images/subtitle_bg13.jpg") no-repeat;
	background-size: cover;
	background-position: 0 35%;
}

/*.h_access h1 span::after{
content: "Access";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 400;
color: #4d3417;
}*/


.h_recruit{
width: 100%;
background: #f5f5f5;
}

.h_recruit h1 {
	background: url("../images/subtitle_bg12.jpg") no-repeat;
	background-size: cover;
	background-position: 0 50%;
}

/*.h_recruit h1 span::after{
content: "Recruit";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 400;
color: #4d3417;
}*/

.h_contract{
width: 100%;
background: #f5f5f5;
}

/*.h_contract h1 span::after{
content: "contract";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}*/

.h_faq{
width: 100%;
background: #f5f5f5;
}

/*.h_faq h1 span::after{
content: "faq";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}*/

.h_about {
width: 100%;
background: #f5f5f5;
}
.h_about h1{
	background: url("../images/subtitle_bg9.jpg") no-repeat;
	background-size: cover;
	background-position: 0 50%;
}

/*.h_about h1 span::after{
content: "About";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/

.h_brain {
width: 100%;
background: #f5f5f5;
}

/*.h_brain h1 span::after{
content: "Brain Checkup";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/
	
.h_consultation {
width: 100%;
background: #f5f5f5;
}

/*.h_consultation h1 span::after{
content: "Second opinion";   
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/

.h_mri {
width: 100%;
background: #f5f5f5;
}

/*.h_mri h1 span::after{
content: "BRAIN DOCK";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/
	
.h_facility {
width: 100%;
background: #f5f5f5;
}
.h_facility h1{
	background: url("../images/subtitle_bg9.jpg") no-repeat;
	background-size: cover;
	background-position: 0 64%;
}

/*.h_facility h1 span::after{
content: "Clinic";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/

.h_dock {
width: 100%;
background: #f5f5f5;
}

/*.h_dock h1 span::after{
content: "Dock";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/



/*<!--breadcrumb-->*/
.bc__ww{
width: 100%;
background: linear-gradient(90deg, #9b9b9b 0%, #717171 100%);
}

.bc__w{
width: 1080px;
margin: 0 auto;
padding: 6px 0;
}

.bc__w ol{
padding: 0;
color:#fff;
}

.bc__w ol li{
list-style:none;
display:inline;
font-size:1.25rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.bc__w ol li a {
color:#fff;
}

/*.bc__w ol li a:link,
.bc__w ol li a:visited{
color:#009c80  !important;
}
*/
.bc__w ol li a:hover,
.bc__w ol li a:active{
color:#17428d  !important;
}

/*.bc__w ol li:last-of-type a{
color:#969696 !important;
}
*/









/*<!--subpage h2-->*/
.subtitle_h2{
text-align: center;
}

.subtitle_h2 h2{
color: #5e5e5e;
letter-spacing: .3rem;
font-size: 3.2rem;
display: inline-block;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
}

.subtitle_h2 h2 span{
}

.subtitle_h2 h2 span::after{
content: "";
border-bottom: solid 3px #009c80;
width: 50px;
display: block;
margin: 30px auto 0;
}












/*<!--subdoctor-->*/
.subdoctor__w{
width: 100%;
}

.subdoctor__wi{
margin: 0 auto;
padding: 10px 0 0;
}

.subdoctor_i{
width:280px;
margin: 0 auto;
}

.subdoctor_i img{
width: 100%;
border-radius: 10px;
}

.subdoctor_i2 {
display: flex;
align-items:center;
width:800px;
margin:auto;
padding:40px 50px;
justify-content:center;
}

.subdoctor_i2 img{
width: 240px;
border-radius: 10px;
}

.subdoctor_t{
width: 100%;
text-align: center;
}

.subdoctor_i2 .subdoctor_t {
width:calc(100% - 280px);
}

.subdoctor_t1{
font-size: 3rem;
text-align: center;
letter-spacing: .3rem;
color: #4196d3;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
margin: 0 0 25px 0;
}

.subdoctor_t2{
font-size: 2.5rem;
text-align: center;
letter-spacing: .2rem;
color: #424242;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;

}

.subdoctor_t3{
line-height: 1.8;
font-size: 1.8rem;
}

.subdoctor_t4{
}












/*<!--doctorhistory-->*/
.doctorhistory__w{
width: 100%;
background: #fff;
}

.doctorhistory_box{
padding: 70px 200px 70px;
/*width: 1200px;*/
margin: 0 auto;
}

.doctorhistory_box1{
width: 100%;
padding: 30px 50px;
background: #fff;
}

.doctorhistory_box1 h3{
font-weight: bold;
font-size: 2rem;
margin: 0 0 10px 0;
}

.doctorhistory_box1 p{
line-height: 2.5;
}

.subdoctor_name{
text-align: center;
padding: 60px 0 60px;
font-size: 4rem;
background: #73ac70;
color: #fff;
}


.doctorhistory_box2{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.doctorhistory_box3{
width: 17%;
margin: 0 0 5px 0;
}

.doctorhistory_box4{
width: 82%;
}

.doctorhistory_box5{
width: 100%;
margin: 0 0 5px 0;
}























/* subpage */

.subpage__w{
width: 100%;
background: #f5f5f5;
padding: 20px 0;
}

.submedical__w{
width: 1200px;
margin: 0 auto;
padding: 80px 90px 120px;
background: #fff;
}

.submedical_box{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 10px 0;
}

.submedical_box1{
width: 100%;
}

.submedical_box1 h3{
font-size: 2.8rem;
padding: 12px 80px;
color: #fff;
display: inline-block;
letter-spacing: .2rem;
margin: 0 0 30px 0;
background: #2ebba1;
border-radius: 6px;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.submedical_box1 h4{
margin: 50px 0 20px 0;
}

.submedical_box1 h4 span{
font-size: 2.5rem;
display: inline-block;
border-left: 8px solid #73ac70;
padding: 8px 30px 8px 30px;
background: #f5f5f5;
color: #194375;
}

.submedical_box1 h4::before{
}

.submedical_box1 p{
line-height: 1.8;
font-size: 1.7rem;
}

.submedical_box2{
width: 360px;
}

.submedical_box2 img{
width: 100%;
}

.submedical_box100{
width: 100% !important;
}

.submedical_box100 h3{
font-size: 2.5rem;
border: 2px solid #68c58e;
padding: 8px 30px;
color: #00b147;
display: inline-block;
letter-spacing: .2rem;
margin: 0 0 30px 0;
}

.submedical_box100 p{
line-height: 2.5;
font-size: 1.8rem;
}

.submedical_box100 h4 span{
font-size: 2rem;
color: #fff;
display: inline-block;
letter-spacing: .2rem;
margin: 0 0 15px 0;
background: #20a555;
border-radius: 100px;
padding: 5px 35px;
}










/*<!--junkanki-->*/

.subjunkanki__w{
width: 1200px;
margin: 0 auto;
padding: 80px 90px 120px;
background: #fff;
}

.subjunkanki_box{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 10px;
}

.subjunkanki_box1{
width: 100%;
}

.subjunkanki_box1 h3{
font-size: 2.5rem;
display: inline-block;
letter-spacing: .2rem;
margin: 0 0 30px 0;
}

.subjunkanki_box1 h3 span{
}

.subjunkanki_box1 h3 span::before{
content: "";
background: url("../images/check.svg");
width: 3rem;
height: 3rem;
display: inline-block;
margin: 0 12px 0 0;
vertical-align: sub;
}

.subjunkanki_box1 h4{
font-weight: bold;
font-size: 1.9rem;
}

.subjunkanki_box1 h4::before{
font-weight: bold;
content: "■";
font-size: 1.9rem;
display: inline-block;
margin: 0 5px 0 0;
color: #45a8c1;
}

.subjunkanki_box1 p{
line-height: 2;
font-size: 1.8rem;
}

.subjunkanki_box2{
width: 360px;
}

.subjunkanki_box2 img{
width: 100%;
}

.subjunkanki_box100{
width: 100% !important;
}

.subjunkanki_box100 h3{
font-size: 2.5rem;
border: 2px solid #68c58e;
padding: 8px 30px;
color: #00b147;
display: inline-block;
letter-spacing: .2rem;
margin: 0 0 30px 0;
}

.subjunkanki_box100 p{
line-height: 2.5;
font-size: 1.8rem;
}

.subjunkanki_box100 h4 span{
font-size: 2rem;
color: #fff;
display: inline-block;
letter-spacing: .2rem;
margin: 0 0 15px 0;
background: #20a555;
border-radius: 100px;
padding: 5px 35px;
}

.subjunkanki2{

}

.subjunkanki2 span{
padding: 3px 20px;
background: #fff;
border: 1px solid #194375;
display: inline-block;
color: #194375;
font-size: 2rem;
margin: 0 0 20px 0;
border-radius: 5px;
}

.subjunkanki3{
margin: 0 0 40px 0;
}

.subjunkanki3:last-child{

}







/*<!--sub gallery-->*/
.sub_gallery__w{
}

.sub_gallery_box__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1200px;
margin: 0 auto;
}

.sub_gallery_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 540px;
margin: 0 auto 50px;
}

.sub_gallery_box1{
width: 100%;
}

.sub_gallery_box1 img{
width: 100%;
}

.sub_gallery_box2{
width: 100%;
font-size: 2.2rem;
text-align: center;
padding: 15px 0;
background: #f3f3f3;
}


.gallery__w{
width: 1000px;
margin: 0 auto 100px;
}

#imagelist{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#imagelist li{
width: 24%;
margin: 0 0 15px 0;
}

#imagelist li a{
padding: 15px 20px;
display: block;
background: linear-gradient(
330deg, #a53254, #d03065);
color: #ffffff;
border-radius: 5px;
font-size: 2rem;
border: 1px solid #a23256;
box-shadow: 10px 10px 10px #f2bdcd;
}

#imagelist li a span{
}

#imagelist li a span::before{
content: "";
display: inline-block;
background: url("../images/ic_arrow.svg");
width: 1.2rem;
height: 1.2rem;
margin: 0 7px 0 0;
}

#imagearea{
text-align: center;
background: #ffd8ea;
}

#aboutarea{
text-align: center;
background: #ffd8ea;
font-size: 3rem;
color: #a23256;
padding: 20px 0 0 0;
}

#viewerright{
margin: 20px 0 0 0;
}

.facility_kiki1{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 100px 0;
}

.facility_kiki2{
width: 32%;
margin: 0 0 10px 0;
font-size: 2rem;
}

.facility_kiki3{
font-size: 3rem;
color: #1a4375;
text-align: center;
line-height: 1.6;
}



.facility_kiki4{
background: #f5f5f5;
padding: 20px 30px;
width: 100%;
margin: 40px auto 50px;
font-size: 1.7rem;
}

.facility_kiki5{
text-align: center;
width: 700px;
margin: 0 auto;
}

.facility_kiki5 img{
width: 100%;
}





/*よくある質問*/

.qa_list {
margin: 23px 0 45px;
}
.qa_list .qa {
margin: 0 0 20px 0;
}
.qa_list dt.que {
position: relative;
padding: 18px 20px;
}
.qa_list dl.qa .active::after {

}
.qa_list dt.que::after {
display: block;
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 20px;
width: 20px;
height: 20px;
margin: auto;
}
.qa_list dt.que span::before {
content: "";
position: absolute;
width: 30px;
height: 30px;
background: url("../images/q.svg") no-repeat center center;
}
.qa_list dd.ans {

}
.qa_list dd.ans span::before {
content: "";
position: absolute;
width: 30px;
height: 30px;
background: url("../images/a.svg") no-repeat center center;
}
.qa_list dd.ans{
position: relative;
padding: 23px 20px;
background: #fff;
}
.qa_list p span::before {
left: 0;
width: 36px;
height: 36px;
}
.qa_list p span {
display: inline-block;
position: relative;
padding: 0 46px 0 46px;
font-size: 1.7rem;
}
.qa_list__w{
width: 100%;
padding: 30px 50px 90px 50px;
}



/*<!--access-->*/
.access__w{
width: 1200px;
margin: 0 auto 80px;
padding: 80px 90px 80px;
background: #fff;
}

.submap_box{
}

.submap_gmap{
width: 100%;
height: 500px;
}

.submap_gmap iframe{
width: 100%;
height: 500px;
}

.submap_link{
text-align: center;
}

.submap_link a{
display: inline-block;
border-radius: 5px;
background: #9cc29a;
color: #fff;
text-align: center;
padding: 15px 40px;
transition: .6s;
position: relative;
font-size: 1.6rem;
box-shadow: 0px 3px 3px 0px #e4e4e4;
}

.submap_link a:active, .submap_link a:hover {
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 3px 3px 0px #e4e4e4;
}

.submap_link span::before {
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

.submap_traffic{
padding: 50px;
border: 15px solid #f2f2f2;
margin: 0 0 100px;
border-radius: 10px;
}

.submap_traffic_address{
font-size: 1.6rem;
padding: 0 0 20px 0;
}

.submap_traffic_box{
}

.submap_traffic_box1{
font-size: 2rem;
color: #3e88c9;
}

.submap_traffic_box2{
margin: 0 0 40px 0;
font-size: 1.7rem;
}

.submap_traffic_box:last-child .submap_traffic_box2{
margin: 0;
}

.submap_route{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}

.submap_route_box{
width: 48%;
margin: 0 0 40px 0;
}

.submap_route_box1{
width: 100%;
position: relative;
}

.submap_route_box:nth-child(odd) .submap_route_box1:after{
content: "\025b6";
position: absolute;
right: -30px;
top: 50%;
margin: auto;
color: #43b4cd;
}

.submap_route_box:last-child .submap_route_box1:after{
content: "";
}

.submap_route_box1 img{
width: 100%;
}

.submap_route_box2{
display: flex;
justify-content: space-between;
width: 100%;
font-size: 1.6rem;
align-items: center;
padding: 10px 0 0 0;
}

.route_number{
display: inline-block;
padding: 10px 20px;
background: #e9fafc;
color: #3e88c9;
font-weight: bold;
font-size: 2rem;
width: 10%;
}

.route_txt{
display: inline-block;
width: 90%;
padding: 0 0 0 15px;
line-height: 1.5;
}

.accessmap__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 30px 0 0 0;
}
.accessmap1{
width: 65%;
text-align: center;
margin: 0 auto;
}
.accessmap1 img{
width: 100%;
border: 2px solid #4c5072;
border-radius: 3px;
padding: 30px 30px;
}

.topaccess3{
/*width: 800px;*/
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 4rem 0rem 0rem;
background: #fff;
border-radius: 20px;
}

.topaccess4{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #f1ece1;
padding-bottom: 3rem;
align-items: center;
}


.topaccess4:last-child{
border-bottom: 0;

}

.topaccess5{
width: 18rem;
font-size: 1.5rem;
/*text-align: right;*/
font-weight: 900;
color:#77634d;
}

.topaccess6{
width: calc(100% - 21rem);
line-height: 1.8;
  font-size: 1.5rem;
}
.topaccess7{
width: 100%;
text-align: center;
}

.topaccess7 img{
width: 700px;
}

.topaccess8{
	width: 300px;
	text-align: center;
}
.topaccess8 img{
	border-radius: 6px;
}


/*<!--contact-->*/
.contact__w{
width: 100%;
background: #f3f3f3;
}

.contact__wi{
width: 1200px;
margin: 0 auto;
padding: 70px 0 80px;
}

.contact__w h2{
font-size: 2.5rem;
letter-spacing: 0.2rem;
width: 200px;
text-align: center;
margin: 0 auto 50px;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.contact__w h2 span{
display: inline-block;
margin: 0 auto;
}

.contact__w h2 span::after{
content: "contact";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

/*faq*/
.faq_h2{
width: 1200px;
margin: 0 auto;
font-weight: bold;
}

.faq_h2 span{
font-size: 2.4rem;
padding: 10px 30px;
display: inline-block;
letter-spacing: .2rem;
}









/*<!--sservice-->*/
.sservice__w{
width: 100%;
background: url(../images/sservice_bg.jpg) no-repeat;
background-size: cover;
padding: 70px 0;
}

.sservice__wi{
width: 1200px;
margin: 0 auto;
padding: 70px 80px 80px;
background: rgba(255,255,255,0.95);
border-radius: 5px;
}

.sservice__w h2{
font-size: 2.5rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto 50px;
}

.sservice__w h2 span{
display: inline-block;
margin: 0 auto;
color: #0893ce;
}

.sservice__w h2 span::before{
content: "";
background: url("../images/logo-s.png") no-repeat;
display: block;
width: 64px;
height: 60px;
margin: 0 auto 10px;
}
.sservice__w h2 span::after{
content: "industrial physician";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
}

.sservice_nav__w{
}

.sservice_t{
background: #fff;
padding: 40px 40px;
border-radius: 5px;
}

.sservice_t1{

}

.sservice_t2{
margin: 40px 0 30px;
font-size: 2rem;
font-weight: bold;
}

.sservice_fx{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 0 30px 0;
}

.sservice_fx li{
width: 48%;
font-size: 1.5rem;
}

.sservice_fx li:before{
content: "■";
font-size: 1.9rem;
display: inline-block;
margin: 0 5px 0 0;
color: #45a8c1;
}






/*<!--kservice-->*/
.kservice__w{
width: 100%;
background: url(../images/kservice_bg.jpg) no-repeat;
background-size: cover;
padding: 70px 0;
}

.kservice__wi{
width: 1200px;
margin: 0 auto;
padding: 70px 80px 80px;
background: rgba(255,255,255,0.95);
border-radius: 5px;
}

.kservice__w h2{
font-size: 2.5rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto 50px;
}

.kservice__w h2 span{
display: inline-block;
margin: 0 auto;
color: #0893ce;
}

.kservice__w h2 span::before{
content: "";
background: url("../images/logo-s.png") no-repeat;
display: block;
width: 64px;
height: 60px;
margin: 0 auto 10px;
}
.kservice__w h2 span::after{
content: "consulting";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
}







/*<!--sservice-->*/
.gservice__w{
width: 100%;
background: url(../images/gservice_bg.jpg) no-repeat;
background-size: cover;
padding: 70px 0;
}

.gservice__wi{
width: 1200px;
margin: 0 auto;
padding: 70px 80px 80px;
background: rgba(255,255,255,0.95);
border-radius: 5px;
}

.gservice__w h2{
font-size: 2.5rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto 50px;
}

.gservice__w h2 span{
display: inline-block;
margin: 0 auto;
color: #0893ce;
}

.gservice__w h2 span::before{
content: "";
background: url("../images/logo-s.png") no-repeat;
display: block;
width: 64px;
height: 60px;
margin: 0 auto 10px;
}
.gservice__w h2 span::after{
content: "obligation";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
}

.gservice_nav__w{
}

.gservice_t{
background: #fff;
padding: 40px 40px;
border-radius: 5px;
}

.gservice_t1{

}

.gservice_t2{
margin: 10px 0 30px;
font-size: 2rem;
font-weight: bold;
}

.gservice_t3{
padding: 10px 20px;
display: inline-block;
background: #45a8c1;
color: #fff;
margin: 0 0 20px 0;
}

.gservice_fx{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 0 30px 0;
}

.gservice_fx li{
width: 48%;
font-size: 1.5rem;
}

.gservice_fx li:before{
content: "■";
font-size: 1.9rem;
display: inline-block;
margin: 0 5px 0 0;
color: #45a8c1;
}

.gservice_fx2{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 0 30px 0;
}

.gservice_fx2 li{
width: 100%;
font-size: 1.5rem;
}

.gservice_fx2 li:before{
content: "■";
font-size: 1.9rem;
display: inline-block;
margin: 0 5px 0 0;
color: #45a8c1;
}


/*お知らせ*/












.illustmap{
width: 60%;
margin: 0 auto;
}

.illustmap img{
width: 100%;
height: 100%;
border-radius: 10px;
border: 1px solid #9cc29a;
}




.info_memo1{
font-size: 1.7rem;
width: 100%;
padding: 40px 0;
border-radius: 10px;
background: #f6f6f6;
}

.info_memo1_h{
font-size: 2.4rem;
color: #2196f3;
margin: 0 0 20px 0;
text-align: center;
}

.info_memo1_t{
line-height: 2.5;
padding: 0 90px;
}

.info_memo_ic{
width: 2rem;
height: 2rem;
display: inline-block;
margin: 0 7px 0 0;
vertical-align: middle;
}

.info_memo_ic img{
width: 100%;
height: 100%;
}

.info_memo2{
font-size: 1.7rem;
width: 100%;
padding: 40px 90px;
border-radius: 10px;
background: #f6f6f6;
}






.accessinfo_tbl{
width: 100%;
margin: 0 auto;
}

.accessinfo_tbl tr{
border-bottom: 5px solid #fff;
}

.accessinfo_tbl th{
width: 20%;
padding: 30px 0;
vertical-align: middle;
background: #fafafa;
}

.accessinfo_tbl td{
width: 70%;
padding: 30px 40px;
background: #fdfdfd;
}



.traffic__w{}

.traffic_box{
}
.traffic1{
font-size: 1.6rem;
margin: 0 0 8px -1.6rem;
background: #68a1cd;
color: #ffffff;
text-align: center;
display: inline-block;
padding: 2px 15px;
border-radius: 3px;
}
.traffic1 span{}
.traffic1 span::before{
}
.traffic2{}

.ic_train span::before{
background: url(../images/ic_train.svg) no-repeat;
}

.ic_bus span::before{
background: url(../images/ic_bus.svg) no-repeat;
}

.ic_car span::before{
background: url(../images/ic_car.svg) no-repeat;
}





.tbl_price__w{
width: 100%;
}

.tbl_price__w td{
vertical-align: middle;
}

.tblw50{
width: 50%;
}



.tbl_price1{
border: 1px solid #8e8383;
}
.tbl_price1 td{
padding: 10px 30px;
border: 1px solid #8e8383;
}
.price1{
width: 30%;
background: #fafafa;
}
.price2{
text-align: right;
color: #9cc29a;
width: 70%;
font-size: 2rem;
}








/*tempカレンダー*/

.calendar__w{
width: 90%;
display: flex;
justify-content: space-between;
margin: 50px auto;
background: #f6f6f6;
flex-wrap: wrap;
}

.calendar1{
width: 48%;
}
.calendar1 img{
width: 100%;
}
.calendar2{
width: 48%;
}
.calendar2 img{
width: 100%;
}

.calendar3{
width: 30%;
}
.calendar3 img{
width: 100%;
}


.h2memo{
font-size: 2.2rem;
}

.topbnr__w{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
justify-content: center;
padding: 40px 0;
background: #f9f7ef;
}

.topbnr1{
width: 400px;
}

.topbnr1 img{
width: 100%;
box-shadow: 1px 3px 5px #dad6c8;
}

.topbnr1 a{
transition: .5s;
display: block;
}

.topbnr1 a:hover{
opacity: .6;
}



/*img100*/
.img100{
width: 600px;
margin: 0 auto;
}

.img100 img{
width: 100%;
}


/*corona*/
.corona__w{
width:100%;
background:#fff;
padding:60px 0 0;
}

.corona__wi{
width: 920px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff0f1;
}

.corona1{
background: #f64858;
color: #fff;
text-align: center;
font-size: 2.3rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
width: 100%;
padding:10px 30px;
}

.corona2{
padding:25px 30px 30px;
color: #333;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 1.6rem;
font-weight: 400;
}
/*corona*/


/*monshin*/
.monshin__w{
width:100%;
background:#fff;
padding:60px 0 60px;
}

.monshin__wi{
width: 920px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #f3f3f3;
}

.monshin1{
background: #3959cc;
color: #fff;
text-align: center;
font-size: 2.3rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
width: 100%;
padding:10px 30px;
}

.monshin2{
padding:25px 30px 40px;
color: #333;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 1.6rem;
font-weight: 400;
width: 100%;
}

.monshin3{
width: 420px;
margin: 0 auto 50px;
}

.monshin3 img{
width: 100%;
border: 2px solid #3959cc;
box-shadow: 10px 10px 20px #e2e2e2;
}



/*monshin*/

.medical_split{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.medical_split1{
width: 100%;
}

.medical_split2{
width: 30%;
}

.medical_split2 img{
width: 100%;
border-radius: 10px;
}


.subpage-container{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 50px;
box-shadow: 15px 15px 5px #ededed;
}

.subpage-heading--main{
width: 100%;
margin: 0 0 50px 0;
}

.subpage-heading--main h2{
font-size: 3.5rem;
font-weight: 700;
color: #69553d;
letter-spacing: .3rem;
line-height: 1.6;
/*border-bottom: 10px solid #f3f3f3;*/
padding: 0 0 25px 0;
text-align: center;
position:relative;
background-image: linear-gradient(135deg, #b7a15d 10%, #9a8544 100%);
background-repeat: no-repeat;
background-size: 4rem 0.4rem;
background-position: bottom;
}
.subpage-heading--main h2 span{
font-size: 2.2rem;
}

.subpage-heading--main h2 .font_s{
font-size: 2.5rem;
display: block;
margin: 15px auto 0;
line-height: 1;
letter-spacing: .2rem;
font-weight: 700;    
}

.subpage-heading--main h2 .icon {
overflow: hidden;
display: block;
width: 120px;
margin: 0 auto 20px;
}

.subpage-heading--main h2 .icon img {
width: 100%;
}

.subpage-text{
width: 100%;
padding: 0 10px;
line-height: 1.8;
}

.subpage4{
width: 100%;
}

.subpage4 a{
display: block;
width: 400px;
margin: 0 auto;
background: #ffee9c;
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #643e2f;
box-shadow: 6px 6px 15px #fff2b3;
font-weight: 500;
font-size: 2rem;
line-height: 1;
position: relative;
}

.subpage4 a span{
display: block;
width: 100%;
}

.subpage4 a span::after{
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 2.2rem;
height: 2.2rem;
position: absolute;
top: 20px;
right: -10px;
}

.subpage4 a:hover{
transform: translateY(-3px);
opacity: .5;
}

.subpage5{
width: 100%;
position: relative;
padding: 30px 30px;
background: #f5f5f5;
border-radius: 10px;
}

.subpage5 ul{
width: 100%;
}

.subpage5 ul li{
width: 100%;
line-height: 2;
margin: 0 0 15px 0;
}

.subpage5 ul li:last-child{
margin: 0 0 0 0;
}

.subpage5 ul li span{
width: 100%;
}

.subpage5 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage6{
width: 100%;
padding: 30px 30px;
position: relative;
background: #f6fbff;
border-radius: 10px;
}

.subpage6 ul{
width: 100%;
}

.subpage6 ul li{
width: 100%;
line-height: 2;
margin: 0 0 15px 0;
}

.subpage6 ul li:last-child{
margin: 0 0 0 0;
}

.subpage6 ul li span{
width: 100%;
}

.subpage6 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check2.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage6 .subpage_list-1of2 {
display: flex;
flex-wrap: wrap;
}

.subpage6 .subpage_list-1of2 li {
width: 50%;
}

.subpage7{
width: 100%;
}

.subpage7 ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.subpage7 ul li{
position: relative;
width: 30%;
margin: 0 3% 32px 0;
}

.subpage7 ul li:nth-last-child(1){
margin: 0 3% 0 0;
}

.subpage7 ul li:nth-last-child(2){
margin: 0 3% 0 0;
}

.subpage7 ul li:nth-last-child(3){
margin: 0 3% 0 0;
}

.subpage7 ul li a{
display: block;
width: 100%;
margin: 0 auto;
padding: 28px 0;
text-align: center;
letter-spacing: .07rem;
box-shadow: 8px 8px 3px #f1efe5;
font-weight: 500;
font-size: 2.4rem;
line-height: 1;
position: relative;
background: #fff;
color: #3091db;
border: 1px solid #3a87c2;
text-shadow: 2px 2px 2px rgb(255 255 255 / 100%);
border-radius: 5px;
}

.subpage7 ul li a:hover{
transform: translateY(-3px);
opacity: .5;
}

.subpage7 ul li a span{
position: relative;
width: 100%;
}

.subpage7 ul li::after{
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 2rem;
height: 2rem;
position: absolute;
top: 3.2rem;
right: 12px;
transform: rotate(90deg);
}

.subpage7 ul li a .icon {
width: 25px;
display: block;
position: absolute;
left: -35px;
top: 50%;
transform: translateY(-50%);
}

.subpage7 ul li a .icon img {
width: auto;
}

.subpage-heading--section{
width: 100%;
margin: 0 0 20px 0;
}

.subpage-heading--section h3{
font-size: 2.4rem;
letter-spacing: .1rem;
line-height: 1.8;
padding-left: 20px;
position: relative;
font-weight: 700;
}

.subpage-heading--section h3::before{
border-left: 4px solid #ab9552;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
}


.subpage9 {
position: relative;
padding: 1rem .5rem;
border-bottom: 3px solid #458555;
font-weight:600;
}

.subpage9:before {
position: absolute;
bottom: -14px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 14px 12px 0 12px;
border-style: solid;
border-color: #458555 transparent transparent transparent;
}

.subpage9:after {
position: absolute;
bottom: -10px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 14px 12px 0 12px;
border-style: solid;
border-color: #ffffff transparent transparent transparent;
}


.subpage10{
width: 100%;
background: #F5F5F5;
position: relative;
padding: 30px 30px 30px;
border-radius: 0;
margin: 0 auto;
}

.subpage10 ul{
width: 100%;
}

.subpage10 ul li{
width: 100%;
line-height: 2.2;
}

.subpage10 ul li span{
width: 100%;
}

.subpage10 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check3.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage11{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #47c8af;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage12{
padding: 12px 0 0 0;
font-size: 1.6rem;
line-height: 2;
}

.subpage13{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #f99027;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage14{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #7dadd4;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage15{
width: 100%;
line-height: 1.8;
padding: 0 0 0 20px;
}

.subpage16{
width: 100%;
}

.subpage16 span{
line-height: 1.8;
font-size: 1.7rem;
display: inline-block;
padding: 5px 20px;
letter-spacing: 0;
background: #4387bf;
color: #fff;
}

.subpage17{
width: 100%;
}

.subpage17 span{
line-height: 1.8;
font-size: 1.8rem;
font-weight: 700;
display: inline-block;
padding: 6px 30px;
letter-spacing: .1rem;
background: #ffffff;
border-bottom: 1px solid #f99027;
}

.subpage18{
width: 100%;
}


.subpage18 nav ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
background-color: #fff;
padding: 0;
}

/*各ナビゲーション横幅*/
.subpage18 nav ul li{
width:33.3%;
}

/*ナビゲーションaタグの形状*/
.subpage18 nav ul li a{
color: #026eb8;
padding: 15px 0 15px;
font-size: 1.8rem;
font-weight: 500;
letter-spacing: 0;
}

.subpage18 nav ul li a:hover,
.subpage18 nav ul li a:active{
background:#fffdec;
}

.subpage18 nav ul li img {
width: 50%;
height: auto;
transition: all .5s;
vertical-align: bottom;
border-radius: 15px 5px 15px 5px;
}

.subpage18 nav ul li img:hover{
transform: scale(1.2);
}

.subpage18 nav ul li dt{
overflow: hidden;
margin: 0 0 8px 0;
}

.subpage19{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 30px 0 30px;
}

.subpage20{
margin: 0 0 20px 0;
}

.subpage20 span{
display: inline-block;
background: #f7fcff;
text-align: center;
border-radius: 5px;
padding: 10px 40px;
font-size: 2.3rem;
font-weight: 700;
color: #3091db;
border: 1px solid #3a87c2;
letter-spacing: .2rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
text-shadow: 1px 1px 2px rgb(255 255 255 / 80%);
}

.subpage21{
background: #feffda;
border-radius: 10px;
padding: 15px 25px;
font-size: 1.4rem;
line-height: 1.8;
text-indent: 0;
display: block;
color: #2f446f;
width: 100%;
}




.subpage22{
width: 100%;
padding: 30px 30px;
position: relative;
background: #f6fbff;
border-radius: 10px;
}

.subpage22 ul{
width: 100%;
}

.subpage22 ul li{
width: 100%;
line-height: 2;
margin: 0 0 12px 0;
}

.subpage22 ul li:last-child{
margin: 0 0 0 0;
}

.subpage23{
width: 100%;
}

.subpage23::before{
content: "";
display: inline-block;
background: url("../images/ic_check2.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage22 .subpage_list-1of2 {
display: flex;
flex-wrap: wrap;
}

.subpage22 .subpage_list-1of2 li {
width: 50%;
}

.subpage24{
padding: 20px 40px 25px;
background: #f7f7f7;
border-radius: 10px;
}

.subpage24 a{
color: #171c61;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 4rem;
line-height: 1;
font-weight: 700;
}

.subpage24 span{
}

.subpage24 span::before{
content: "";
background: url("../images/ic_tel.svg") no-repeat;
width: 3rem;
height: 3rem;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin: 0 10px 0 0;
}


.subpage25{
font-size: 1.7rem;
letter-spacing: .1rem;
line-height: 1.6;
margin-bottom: 1rem;
}
.subpage25 span:before {
content: "";
display: inline-block;
background: url(../images/ic_check.svg);
width: 1.5rem;
height: 1.5rem;
background-size: cover;
margin: 0 5px 0 0;
}
.subpage26{
font-size: 1.7rem;
letter-spacing: .1rem;
line-height: 1.6;
padding-left: 1em;
text-indent: -1em;
margin: 0 0 5px;
}
.subpage26:before{
content: "●";
font-size: 1.5rem;
color: #ffa952;
}
.subpage27{
font-size: 1.7rem;
color: #F53743;
font-weight: 900;
border: solid 1px;
padding: 0.5rem;
text-align: center;
line-height: 1.5;
margin: 0 0 15px;
}

.subpage28{ 
	background: #F5F5F5;
	padding: 10px 40px;
	border-radius: 5px;
	width: 100%;	
}	

.subpage29{ 
	width: 650px;
	margin: 0 auto;
}	
	
.subpage-img2{
	width: 100%;
	text-align: center;
}
.subpage-img2 img{
}
	
.subpage-img3{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.subpage-img3 img{
	display: block;		
}
	
.subpage-img4{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}
.subpage-img4 img{
	width: 32%;
	display: block;		
}
	
.catch__ww{
width: 100%;
padding: 120px 0;
background: url("../images/coronabg.jpg")  center bottom;
background-size: cover;
position: relative;
}


.catch__w{
width: 1100px;
padding: 0 0 60px;
background: #ffffff;
margin: 0 auto;
border-radius: 10px;
border: 3px solid #fb6075;
}

.catch1{
text-align: center;
color: #fff;
font-size: 3rem;
letter-spacing: .1rem;
margin: 0 0 40px 0;
line-height: 1.5;
background: #fb6075;
padding: 18px 0;
}

.catch2{
margin: 0 0 50px 0;
line-height: 1.8;
font-size: 2rem;
letter-spacing: .1rem;
color: #222;
text-align: center;
}


.catch3{
width: 85%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}

.catch4{
width: 30%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.catch5{
width: 75%;
margin: 0 auto 15px;
}

.catch5 img{
width: 100%;
}

.catch6{
width: 100%;
text-align: center;
font-size: 2.2rem;
letter-spacing: .1rem;
color: #00b5b5;
border-radius: 100px;
background: #ecfeff;
border: 2px solid #d0f4f7;
padding: 5px 0;
margin: 0 0 12px 0;
}

.catch7{
width: 95%;
margin: 0 auto;
font-size: 1.5rem;
}

.corona_chara1{
position: absolute;
z-index: 1001;
right: 100px;
top: 50px;
width: 220px;
}

.corona_chara1 img{
width: 100%;
}

.corona_chara2{
position: absolute;
z-index: 1001;
left: 100px;
bottom: 0px;
width: 180px;
}

.corona_chara2 img{
width: 100%;
}





/*feature*/
.feature__wwww{
width: 100%;
padding: 60px 0 90px;
position: relative;
background: url("../images/featurebg.jpg") right center no-repeat;
background-size: cover;
}

.feature__ww{
width: 100%;

}

.feature__www{
width: 100%;
padding: 30px 0 30px;

}


.feature__w{
width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;

}

.h2_feature{
text-align: center;
width: 100%;
padding: 0 0 80px 0;
}

.h2_feature span{
font-size: 3.6rem;
color: #f0faff;
display: inline-block;
letter-spacing: .4rem;
line-height: 1;
font-weight: 700;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.h2_feature span::before{
content: "";
background: url("../images/logo-s.png");
display: block;
width: 60px;
height: 60px;
margin: 0 auto 10px;
}

.h2_feature span::after{
content: "Feature";
font-size: 1.5rem;
color: #f0faff;
display: block;
margin: 15px auto 0;
line-height: 1;
letter-spacing: .2rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 400;
}

.feature1{
width: 100%;
height: 400px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}

.feature2{
width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.feature3{
width: 620px;
background: #fff;
padding: 60px 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
height: 27rem;
border-radius: 3px;
position: relative;
}

.feature4{
width: 100%;
font-size: 3.6rem;
font-weight: 700;
margin: 0 0 30px 0;
color: #0071bf;
text-align: center;
line-height: 1.4;
}

.feature5{
width: 100%;
font-size: 2.1rem;
text-align: center;
}

.feature6{
width: 400px;
position: absolute;
right: 0;
}


.feature6 img{
width: 100%;
margin: 30px 0 0 -40px;
border-radius: 20px;
}

.feature7{
width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}

.feature8{
width: 620px;
background: #fff;
padding: 60px 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
height: 32rem;
border-radius: 3px;
position: relative;
}

.feature9{
width: 400px;
position: absolute;
left: 0;
}


.feature9 img{
width: 100%;
margin: 40px 0 0 40px;
border-radius: 20px;
}

.feature10{
width: 620px;
background: #fff;
padding: 60px 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
height: 31rem;
border-radius: 3px;
position: relative;
}

.feature11{
width: 400px;
position: absolute;
right: 0;
}

.feature11 img{
width: 100%;
margin: 40px 0 0 -40px;
border-radius: 20px;
}

.feature12{
width: 620px;
background: #fff;
padding: 60px 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
height: 27rem;
border-radius: 3px;
position: relative;
}

.feature13{
width: 400px;
position: absolute;
left: 0;
}

.feature13 img{
width: 100%;
margin: 40px 0 0 40px;
border-radius: 20px;
}


.feature14{
width: 100px;
position: absolute;
top:-30px;
left: -30px;
}

.feature14 img{
width: 100%;
}

.feature15{
width: 100px;
position: absolute;
top:-30px;
right: -30px;
}

.feature15 img{
width: 100%;
}




/*feature*/






.footer_timetable_tbl{
width: 100%;
background: #fff;
border-spacing: 0;
border-collapse: collapse;
border-radius: 10px;
}

.footer_timetable_tbl td{
border: 1px solid #999999;
font-size: 2.2rem;
vertical-align: middle;
line-height: 1.3;
letter-spacing: 0;
height: 5rem;
}

.footer_timetable1{
width: 30%;
text-align: center;
padding: 1rem .5rem;
background: #999999;
color: #fff;
border-right: 1px solid #fff !important;
}

.footer_timetable2{
width: 10%;
text-align: center;
padding: 1rem .5rem;
background: #999999;
color: #ffffff;
border-right: 1px solid #fff !important;
}

.footer_timetable2:last-child{
border-right: 1px solid #999999 !important;
}

.footer_timetable3{
text-align: center;
padding: 1rem .5rem;
background: #fff;
color: #17428d;
}

.footer_timetable4{
text-align: center;
padding: 1rem .5rem;
}

.footer_timetable5{
text-align: center;
padding: 1rem .5rem;    
}

.footer_timetable6{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 auto;
font-size: 1.45rem;
line-height: 1.6;
}

.footer_timetable7{
width: 49%;
}

.footer_timetable8{
width: 49%;
}

.footer_timetable9{
width: 100%;
margin: 5px 0 0 0;
}

.footer_timetable10{
width: 100%;
margin: 15px 0 0 0;
}

.footer_timetable10 span{
width: 100%;
background: #ffffde;
padding: 8px 12px;
display: inline-block;
border-radius: 3px;
line-height: 1.3;
color: #ee4141;
font-size: 1.4rem;
}

.footer_timetabletxt1{
color: #79bce7;
display: block;    
}

.footer_timetabletxt2{
color: #ee7b41;
}

.footer_timetabletxt3{
color: #387d39;
}

.footer_timetabletxt4{
color: #ee7b41;
}

.footer_timetabletxt5{
color: #ee7b41; 
}

.footer_timetabletxt6{
color: #79bce7;
}
.footer_timetabletxt7{
font-size: 1.2rem;
color: #17428d;   
display: block;    
}




/* about */

.about1{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.about2{
width: 32%;
background: #F7F7F7;
border-radius: 30px 10px 10px 10px;
margin: 0 2% 40px 0;
}

.about2:nth-child(3n){
margin: 0 0% 40px 0;
}

.about3{
width: 100%;
margin: 0 0 15px 0;
}

.about3 img{
width: 100%;
border-radius: 10px 10px 0 0;
}

.about4{
width: 100%;
font-size: 2.2rem;
text-align: center;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
margin: 0 0 15px 0;
line-height: 1.4;
}

.about5{
width: 100%;
padding: 0 20px;
margin: 0 0 20px 0;
font-size: 1.5rem;
letter-spacing: 0;
}

/* about */




/* <!--btn reservation--> */
.btn_fix__w{
position: fixed;
top: 140px;
right: 0;
z-index: 1100;
}

.btn_fix1 a{
width: 120px;
height: 120px;
display: flex;
color: #e85757;
text-align: center;
font-size: 1.7rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.3;
transition: .5s;
background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
justify-content: center;
border-top: 1px solid #e85757;
border-left: 1px solid #e85757;
border-bottom: 2px solid #e85757;
border-radius: 5px 0 0 5px;
align-items: center;
}

.btn_fix1 a:hover,
.btn_fix1 a:active{
opacity: .8;
box-shadow: 0px 0px 10px 0px #00000014;
transform: translateY(-5px);
}

.btn_fix1a::before{
content: "";
background: url("../images/ic_pdf.svg");
width: 40px;
height: 40px;
display: block;
margin: 0 auto 10px;
}

.btn_fix1b{
width: 100%;
}

.btn_fix1c{
width: 100%;
font-size: 1.2rem;
}



.btn_fix2 a{
width: 120px;
height: 120px;
display: flex;
color: #4c90e1;
text-align: center;
font-size: 1.7rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.3;
transition: .5s;
background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
justify-content: center;
border-top: 1px solid #4c90e1;
border-left: 1px solid #4c90e1;
border-bottom: 2px solid #4c90e1;
border-radius: 5px 0 0 5px;
align-items: center;
}

.btn_fix2 a:hover,
.btn_fix2 a:active{
opacity: .8;
box-shadow: 0px 0px 10px 0px #00000014;
transform: translateY(-5px);
}

.btn_fix2a::before{
content: "";
background: url("../images/ic_word.svg");
width: 40px;
height: 40px;
display: block;
margin: 0 auto 10px;
}

.btn_fix2b{
width: 100%;
}

.btn_fix2c{

width: 100%;
font-size: 1.2rem;
}




.btn_fix3 a{
width: 120px;
height: 120px;
display: flex;
color: #9a554d;
text-align: center;
font-size: 1.7rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.4;
transition: .5s;
background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
justify-content: center;
border-top: 1px solid #9a554d;
border-left: 1px solid #9a554d;
border-bottom: 2px solid #9a554d;
border-radius: 10px 0 0 10px;
align-items: center;
}

.btn_fix3 a:hover,
.btn_fix3 a:active{
opacity: .8;
box-shadow: 0px 0px 10px 0px #00000014;
transform: translateY(-5px);
}

.btn_fix3 a span::before{
content: "";
background: url("../images/ic_btn_fix3.svg");
width: 40px;
height: 40px;
display: block;
margin: 0 auto 10px;
opacity: .9;
}

.btn_fix4 a{
width: 120px;
height: 120px;
display: flex;
color: #000000;
text-align: center;
font-size: 1.7rem;
position: relative;
letter-spacing: .05rem;
vertical-align: middle;
line-height: 1.4;
transition: .5s;
background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
justify-content: center;
border-top: 1px solid #ce1ad9;
border-left: 1px solid #e92f83;
border-bottom: 2px solid #fe991c;
/* border-radius: 10px 0 0 10px; */
align-items: center;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.btn_fix4 a:hover,
.btn_fix4 a:active{
opacity: .8;
box-shadow: 0px 0px 10px 0px #00000014;
transform: translateY(-5px);
}

.btn_fix4 a span{
display: block;
}


.btn_fix4 a span::before{
content: "";
background: url("../images/ic_btn_fix4.png");
background-size: cover;
width: 40px;
height: 40px;
display: block;
margin: 0 auto 10px;
opacity: .9;
}



.bnrblog__w{
width: 100%;
background: #d9e9ed;
padding: 30px 0;
}

.bnrblog1{
width: 300px;
margin: 0 auto;
}

.bnrblog1 a{
display: block;
width: 100%;
box-shadow: 5px 5px 10px #bad5dc;
}

.bnrblog1 a:hover{
opacity: .7;
}

.bnrblog1 a img{

}

.rinen_t{
width: 100%;
text-align: center;
margin: 40px 0 100px
}


.rinen_t p{
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
width: 100%;
text-align: center;
font-size: 3.5rem;
font-weight: 700;
color: #312c22;
padding: 40px 40px;
background: #fbfcf3;
}

.flow__w{

}

.flow1{

}

.flow2{
font-size: 2.5rem;
font-weight: 700;
margin: 0 0 15px 0;
}

.flow2 span{
display: inline-block;
margin: 0 15px 0 0;
background: #f2fbff;
color: #009cbc;
text-align: center;
font-size: 2.5rem;
padding: 1rem 1.5rem;
line-height: 1;
border-radius: 5px;
border: 1px solid #009cbc;
}

.flow3{
font-size: 1.8rem;
padding: 25px 60px;
background: #f9f9f9;
}


.info__w{
width: 100%;
background: #f7f5e1;
padding: 50px 0 50px;
}
.info1{
width: 700px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fffff9;
padding: 40px 50px;
border-radius: 5px;
border: 5px solid #f7f1b3;
}
.info2{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 30px 0;
align-content: center;
border-bottom: 1px dotted #E3E3E3;
padding: 0 0 25px 0;
}
.info2:last-child{
margin: 0 0 0 0;
padding: 0;
border-bottom: 0;
}
.info3{
width: 30rem;
font-size: 2.3rem;
line-height: 1;
}
.info4{
width: calc(100% - 32rem);
font-size: 2.4rem;
font-weight: 700;
line-height: 1;
}

.markerline{
background: linear-gradient(transparent 70%, #fbfda9 0%);
display: inline;
padding: 0 2px 4px;
}




.topvideo__w{
width: 100%;
padding: 100px 0;
background: url("../images/topvideobg.jpg");
background-size: cover;
}

.topvideo1{
width: 760px;
margin: 0 auto 0;
}

.topvideo__w video{
border-radius: 10px;
}



/*<!--streetview-->*/
.streetview__w{
width: 100%;
background: url("../images/streetviewbg.jpg");
background-size: cover;
}

.streetview__wi{
width: 1200px;
margin: 0 auto;
padding: 80px 0 80px;
}

.streetview__w h2{
font-size: 3.5rem;
letter-spacing: 0.5rem;
text-align: center;
margin: 0 auto 70px;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
}

.streetview__w h2 span{
display: inline-block;
margin: 0 auto;
color: #3290d5;
}

.streetview__w h2 span::before{
content: "";
background: url("../images/logo-s.png") no-repeat;
display: block;
width: 60px;
height: 60px;
margin: 0 auto;
}
.streetview__w h2 span::after{
content: "360-degree view";
display: block;
font-size: 2rem;
letter-spacing: .1rem;
color: #5a9542;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 400;
}

.streetview1{
width: 1200px;
height: 600px;
margin: 0 auto;
}

.streetview1 iframe{
width: 1200px;
height: 600px;
margin: 0 auto;
display: block;
border-radius: 10px;
}



/* topfeature */

.topfeature__w{
width: 100%;
padding: 30px 0 70px;
background: #ffffff;
}

.topfeature1{
text-align: center;
margin: 40px 0 40px 0;
}

.topfeature1 h2{
font-size: 2.8rem;
font-weight: 700;
letter-spacing: .6rem;
color: #17428d;
position: relative;
display: inline-flex;
align-items: center;
font-family: "Zen Old Mincho", sans-serif;
}
.topfeature1 h2::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 100%;
border-top: solid 1px #17428d;
border-left: solid 1px #17428d;
border-bottom: solid 1px #17428d;
}
.topfeature1 h2::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
border-top: solid 1px #17428d;
border-right: solid 1px #17428d;
border-bottom: solid 1px #17428d;
}
.topfeature1 h2 span{
padding-left: 100px;
padding-right: 100px;
line-height: 1.5;
}

.topfeature1 h2 span::after{
content: "To patients";
display: block;
text-align: center;
font-size: 1.5rem;
letter-spacing: .3rem;
font-weight: 500;
line-height: 2;
font-family: "Zen Old Mincho", sans-serif;
color:#17428d;
}

.topfeature2{
width: 900px;
margin: 6rem auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-radius: 10px;
}

.topfeature3{
width: 100%;
font-size: 3rem;
text-align: center;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
line-height: 1.6;
color: #545454;
margin: 0 0 60px 0;
}

.topfeature4{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 40px;
line-height:2.2;
font-weight: 700;
}

.topfeature5{
width: 100%;
background: #f9f7ef;
padding: 10px 20px;
border-radius: 5px;
margin: 20px 0 0;
}









/* <!--btn reservation--> */
.btn_fix__w{
position:fixed;
top: 270px;
right: 0;
z-index: 4;
}

.btn_fix__w a{
width: 150px;
height: 120px;
padding: 20px 0;
display: table-cell;
color: #ffffff;
text-align: center;
font-size: 1.8rem;
position: relative;
letter-spacing: .06rem;
box-shadow: 0px 0px 10px 0px #00000014;
vertical-align: middle;
line-height: 1.3;
transition: .5s;
background: linear-gradient(135deg, #17428d 0%,#0fb8e3 100%);
border-radius: 5px 0 0 5px;    
}

.btn_fix__w a:hover,
.btn_fix__w a:active{
transform: translate(0,-6px);
opacity: .95;
box-shadow: 0px 0px 10px 0px #00000014;
}

.btn_fix__w a span::before{
content: "";
background: url("../images/ic_calendar.svg");
width: 4rem;
height: 4rem;
display: block;
margin: 0 auto 1rem;
opacity: .9;
}


.open-date {
background: rgb(249 247 239);
padding: 1.6em;
color: #17428d;
font-family: 'Zen Old Mincho', sans-serif;
font-weight:600;
letter-spacing: .1em;
margin:auto;
}

.open-date_01 {
font-size:5.2rem;
text-align:center;
line-height: 1.4;
margin-bottom: 1.4rem;
}

.open-date_01 span {
font-size: 3.2rem;
}

.open-date_02 {
text-align:center;
line-height:1.6;
}

.top-linkbtn {
margin: auto 30px 0 0;
}    
.top-linkbtn a{
padding: 15px 5px 40px;
color: #fff;
background: linear-gradient(180deg, #8eb53d 0%, #579737 100%);
border-radius: 0.5em;
position: relative;
display: flex;
align-items: center;
}
.top-linkbtn a::after {
content: '';
background: url("../images/ic_arrow2.svg");
width: 15px;
height: 15px;
background-size: cover;
position: absolute;
bottom: 15px;
}








/*subpage subnav*/

.subnav__w {
width:1000px;
margin: auto;
padding: 2rem 0;
}


.subnav__w ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}

.subnav__w ul::after {
content:"";
display:block;
width:32%;
}

.subnav__w ul li{
width: 32%;   
text-align: center;
margin: 0 0 20px; 
}


.subnav__w2 ul li{
width: 48%;   
}

.subnav__w ul li a{
width: 100%;
display: block;
background: #81b44b;
background: linear-gradient(180deg, #725f48 0%, #8f7759 100%);
color: #fff;
padding: 15px 15px;
border-radius: 5px;
transition: .8s;
font-size: 1.8rem;
letter-spacing: .3rem;
position: relative;
overflow: hidden;
}


.subnav__w ul li.sub-btn a {
width: 100%;
display: block;
background: #f9f7ef;
background: linear-gradient(180deg, #f9f7ef 0%, #e3decb 100%);
color: #4d3417;
padding: 15px 15px;
border-radius: 5px;
transition: .8s;
font-size: 1.8rem;
letter-spacing: .3rem;
position: relative;
overflow: hidden;
}  

.subnav__w ul li.sub-btn a span{
position: relative;
width: 100%;
display: block;
font-weight:600;
}

.subnav__w ul li.sub-btn a span::after {
display: none;
}
.subnav__w ul li.sub-btn a span::before {
content: "";
background: url("../images/ic_arrow_left.svg");
background-size: cover;
width: 1.5rem;
height: 1.5rem;
display: block;
position: absolute;
top: 10px;
left: 20px;
} 
.subnav__w ul li a.consol1::before,
.subnav__w ul li a.consol2::before,
.subnav__w ul li a.consol3::before,
.subnav__w ul li a.consol4::before,
.subnav__w ul li a.consol5::before {
content: "";
background:url(../images/ic_consol1.svg);
background-repeat: no-repeat !important;
background-size:contain !important;
width: 70px;
height: 70px;
display: block;
position: absolute;
bottom: -4px;
left: 5px;
opacity:.7;
}

.subnav__w ul li a.consol2::before {
background:url(../images/ic_consol2.svg);
}

.subnav__w ul li a.consol3::before {
background:url(../images/ic_consol3.svg);
bottom: -6px;
width: 77px;
opacity:.5;
}

.subnav__w ul li a.consol4::before {
background:url(../images/ic_consol4.svg);
}

.subnav__w ul li a.consol5::before {
background:url(../images/ic_consol5.svg);
}


.subnav__w ul li a:hover {
opacity: .7;
}

.subnav__w ul li a span{
position: relative;
width: 100%;
display: block;
font-weight:600;
}

.subnav__w ul li a span::after{
content: "";
background: url(../images/ic_arrow_bottom.svg);
width: 1.5rem;
height: 1.5rem;
display: block;
position: absolute;
top: 10px;
right: 5px;
}

.alink{
display: block;
margin-top: -260px;
padding-top: 260px;
}



/*nav*/
nav.sub-header {
display: flex;
align-items: center;
padding: 1.5rem 0;
position: relative;
background: #fff;
}

nav.topnav__w {
display: flex;
align-items: center;
padding: 10px 0;
background: #ededed;
position:relative;
}

#dropmenu,
.topnav__w ul {
position: relative;
width: 1200px;
margin: 0 auto;
display: flex;
align-content: center;
justify-content: center;
border-radius: 5px;

}

nav.sub-header::after,
.topnav__w::after {
content: "";
width: 100%;
height: 100%;
display: inline-block;
background-size: contain;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background: #fbf9f3;
}

.topnav__w ul,
nav.sub-header ul {
z-index:1;
}


.navli1,
.topnav__w ul li {
text-align: center;
height: 100%;
display: inline-block !important;
}

.navli1:last-child {
background: none;
}

.navli2 {
width: 16%;
margin: 0;
padding: 0;
text-align: center;
}

.navli1a,
.topnav__w ul li a  {
width: 100%;
display: block;
font-size: 1.8rem;
transition: .6s;
letter-spacing: .05rem;
font-weight: 400;
}

.navli1a span::before,
.topnav__w ul li a span::before {

}

.navli2a {
display: block;
margin: 0;
padding: 15px 0 11px;
line-height: 1;
text-decoration: none;
color: #222;
}

.navli1 a{
padding: 1.5rem 1.5rem;
color: #262425;
margin: 0 1.5rem;
}


#dropmenu li ul {
list-style: none;
position: absolute;
margin: 0;
padding: 0;
border-radius: 0 0 3px 3px;
width: 216px;
z-index: 10;
opacity: 1;
}

#dropmenu li ul li{
overflow: hidden;
width: 216px;
height: 0;
color: #fff;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

#dropmenu li ul li a{
padding: 18px 15px;
background: #17428d;
text-align: left;
font-size: 1.7rem;
font-weight: normal;
color: #fff;
}

#dropmenu li ul li a:hover{
background: #D2A152;
color: #fff;
opacity: 1;
}
#dropmenu li:hover > a{
opacity: .5;
}

#dropmenu > li:hover > a{
border-radius: 3px 3px 0 0;
color: #ccc;
}

#dropmenu li:hover ul li{
overflow: visible;
height: 50px;
}

#dropmenu li:hover ul li:first-child{
border-top: 0;
}

#dropmenu li:hover ul li:last-child{
border-bottom: 0;
}

#dropmenu li:hover ul li:last-child a{
border-radius: 0 0 3px 3px;
}

.nav1 span::after,
.nav2 span::after,
.nav3 span::after,
.nav4 span::after,
.nav5 span::after,
.nav6 span::after,
.nav7 span::after{
display: block;
width: 100%;
text-align: center;
font-size: 1.0rem;
color: #86c249;
}

.nav1 span::after{
}

.nav2 span::after{
content: "MEDICAL";
}

.nav3 span::after{
content: "BRAIN CHECKUP";
}

.nav4 span::after{
content: "DOCTOR";
}

.nav5 span::after{
content: "CLINIC";
}

.nav6 span::after{
content: "ACCESS";
}

.nav7 span::after{
content: "RECRUIT";
}

.navli_out{
position: relative;
display: block;
width: 100%;
}

.navli_out::after{
content: "";
background: url("../images/ic_exlink.svg");
width: 1.5rem;
height: 1.5rem;
display: block;
position: absolute;
right: 10px;
top: 10px;
}

.is-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 5;
width: 100%;
height: 120px;
background: none;
}

.navli_out{
position: relative;
display: block;
width: 100%;
}

.navli_out::after{
content: "";
background: url("../images/ic_exlink.svg");
width: 1.5rem;
height: 1.5rem;
display: block;
position: absolute;
right: 10px;
top: 17px;
}
/*nav*/

.btn_detail {
margin:auto;
}

/*.btn_detail a {
transition: .8s;
background: #efefef;
background: linear-gradient(180deg, #ffffff 0%, #efefef 100%);
display: inline-block;
color: #17428d;
border-radius: 100px;
padding: 15px 60px;
box-shadow: 3px 3px 8px #eaeaea;
font-size: 2rem;
border: 1px solid #17428d;
font-weight: 700;
}*/

.desease_memo__w{
background: #F5F5F5;
padding: 10px 40px 20px;
border-radius: 5px;
width:100%;
}

.desease_memo1{
margin: 10px 0;
color: #458535;
font-weight:600;
}

.subpage-img01 {
max-width: 620px;
margin:auto;
}

.subpage-img02 {
max-width:180px;
margin:auto;
}

.subpage-img03 {
text-align:center;
}

.subpage-img03 img{
width:420px;
}
	
.subpage-img05 {
text-align:center;
width: 50%;
padding: 0 1rem;
}

.subpage-img05 img{
width: 100%;
}


.subpage-img06{
text-align: center;
width: 100%;
}


.subpage-heading--sub span{
background: #458555;
border-radius: 100px;
padding: 3px 20px;
display: inline-block;
color: #fff;
font-weight: 700;
text-align: center;
}

.memo__w {
text-align: center;
}

.memo1 {
display: inline-block;
margin: 0 auto;
background: #F3F3F3;
border-radius: 10px;
padding: 10px 40px;
}

.memo2 {
font-size: 1.2rem;
}

.aboutmri__w{
background: #f7f7f7;
width: 100%;	
}

.aboutmri1{
background: #17428d ;
color: #fff;
text-align: center;
padding: 5px 0;
font-size: 1.8rem;
}

.aboutmri2{
padding: 20px 25px;
font-size: 1.6rem;
line-height: 1.8;
}

.mribnr__w {
width: 100%;
display: flex;
justify-content: space-between;
}

.mribnr1 {
width: 31.5%;
}

.mribnr1 a img {
width: 100%;
box-shadow: 6px 6px 3px #e8e8e8;
}



.access_info_w {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 40px 0;
}
.access_info {
width: 48%;
} 
.access_info1 {
width: 100%;
margin: 0 0 8px 0;
} 
.access_info1 img {
width: 100%;
}    
.access_info2 {
color: #e50012;
font-size: 1.7rem;
line-height: 1.6;
font-weight: bold;
}  
.access_info3 {
width: 100%;
height: 600px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-radius: 10px;
} 
.access_info3 iframe {
width: 100%;
border-radius: 5px;
}    


.fac__w div.facbox:nth-last-child(-n+2){
margin: 0;
}

.fac__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.facbox{
width: 48%;
margin: 0 0 40px 0;
}

.facbox2{
width: 100%;
}

.fac1{
width: 100%;
}

.fac1 img{
width: 100%;
/*border-radius: 10px 10px 0 0;*/
}

.fac2{
text-align: center;
font-size: 1.7rem;
color: #333;
background: #f7f7f7;
padding: 15px 0;
}

.fac3{
margin: 20px 0 0;
}
.fac3 a {
display: block;
width: 250px;
margin: 0 auto;
background: linear-gradient(180deg, #e6c33d 0%, #17428d 100%);
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #ffffff;
box-shadow: 6px 6px 15px #adadadad;
font-weight: 800;
font-size: 1.6rem;
line-height: 1;
position: relative;
border-radius: 3px;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.fac3 a span::after {
content: "";
background: url(../images/ic_arrow1.svg);
display: inline-block;
width: 1.8rem;
height: 1.8rem;
position: absolute;
top: 19px;
right: 44px;
}   
a:hover {
opacity:.7;
}

.tblw100 {
width: 900px;
}
.consu_note {
text-align: left;
line-height: 1.8;
padding-left: 1em;
text-indent: -1em;
}
.tbl_price1 {
border: 1px solid #8e8383;
}

.tbl_price1 td {
padding: 20px 30px;
border: 1px solid #d6d6d6;
vertical-align: middle;
}
.plan_txt{
margin: 10px 0 0;
}
.plan_note{
text-align: left;
font-size: 1.5rem;
line-height: 1.5;
padding-left:1em;
text-indent:-1em;
}    
.price1 {
width: 30%;
background: #f7f7f7;
line-height: 1.7;
}

.price2 {
text-align: left;
color: #544a44;
width: 70%;
font-size: 1.8rem;
}

.map {
width:267px;
}

.comments {
font-size:.95em;
color: #17428d;
margin-right:.95em;
}

.comments-list {
font-size:.95em;
color: #17428d;
display:inline-block;
width:310px;
margin-left:auto;
font-weight:normal;
}

.comments-list li {
line-height: 1.3;
color: #8E8E8E;
}

.comments-list.li1 {
width:auto;
text-align:right;
}

.row2 {
display:flex;
}

.row2 p {
width:55%;
}
.row2b {
display:flex;
}

.row2b p {
width:45%;
}

.subpage-img04 {
width: 45%;
margin-left:5%;
}
.subpage-img04b {
width: 55%;
margin-right:5%;
}

.mri_h {
font-size:2.4rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
color: #17428d;
}

.w100 {
width:100%;
}


.mri_feature{
font-size: 2.4rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
color: #17428d;
margin: 0 0 10px 0;
}     
.mri__w {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 40px 0;
}
.mri_feature_note {
background: #F5F5F5;
padding: 30px 40px 50px;
border-radius: 5px;
width: 100%;
}    
.mri_feature2{
/*font-size: 2rem;
letter-spacing: .1rem;
line-height: 1.8;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
color: #17428d;
border-bottom: solid 1px;
display: inline-block;
padding: 0 0 .5rem;
margin: 0 0 20px;*/
    font-size: 2rem;
letter-spacing: .1rem;
line-height: 1.8;
padding-left: 20px;
position: relative;
font-weight: 700;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.mri_feature2::before {
border-left: 4px solid #17428d;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
}    
.mribox {
width: 48%;
}
.mri1 {
width: 100%;
}
.mri1 img {
width: 100%;
}
.mri2 {
text-align: center;
font-size: 1.7rem;
color: #333;
padding: 15px 0 0;
}
.mribox_3 {
width: calc(100% / 3);
}
.mribox_2 {
width: calc(100% / 2);
}    
.mri3 {
width: 100%;
}
.mri3 img {
width: 100%;
}    
.mri4 {
width: 100%;
padding: 100px 0 0;
} 
.mri4 img {
width: 100%;
}   

.mri_tbl {
width: 100%;
background: #fff;
border-spacing: 0;
border-collapse: collapse;
border-radius: 10px;
}  
.mri_tbl td {
border: 1px solid #d6d6d6;
font-size: 1.8rem;
vertical-align: middle;
letter-spacing: 0;
}  
.mri_tbl td:nth-child(1),
.mri_tbl td:nth-child(2),
.mri_tbl td:nth-child(3){
width: 120px;
text-align: center;
}     
.mri_tbl1 {
text-align: center;
padding: 1rem 0.5rem;
background: #f7f7f7;
}   
.mri_tbl4 {
padding: 2rem;
font-size: 1.6rem !important;
text-align: justify;
line-height: 1.5;
}
.mri_btn {
margin: 20px 0 0;
display: flex;
}   
.mri_btn a {
display: block;
width: calc(100% / 3 - 1rem);
margin: 0 auto;
background: linear-gradient(180deg, #e6c33d 0%, #17428d 100%);
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #ffffff;
box-shadow: 6px 6px 15px #adadadad;
font-weight: 800;
font-size: 1.6rem;
line-height: 1;
position: relative;
border-radius: 3px;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
} 
.mri_btn a span::after {
content: "";
background: url(../images/ic_arrow1.svg);
display: inline-block;
width: 1.8rem;
height: 1.8rem;
position: absolute;
top: 19px;
right: 20px;
} 

.vid_contents {
width: 100%;
text-align: center;
margin: auto;
}
.vid_contents video {
width: 100%;
max-width: 900px;
}

.vid_contents .vid_main2 {
width: 800px;
height: 450px;
}   

.partner__w{
width: 100%;
}  
.partner__w ul {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}  
.partner__w ul li {
letter-spacing: .1rem;
line-height: 1.6;
padding-left: 1em;
text-indent: -1em;
margin: 0 0 10px;
}  
.partner__w ul li a{
border-bottom: 1px dotted;
}
.partner__w ul li a:before {
content: "■";
font-size: 1.5rem;
color: #ffa952;
} 

























/*tobbnrボタン*/    
.top_bnrbtn__w{
width: 100%;
background: #fff;
padding: 1rem 0 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.top_bnrbtn__w2{
width: 100%;
background: #fff;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
}
.top_bnrbtn{
width: 900px;
margin-right: 5rem;
}

.top_bnrbtn:last-child{
width: 400px;
margin-right: 0;
}
.top_bnrbtn img{
width: 100%;
box-shadow: 10px 10px 20px #d9e1e7;
}

.top_bnrbtn a {
display: block;
}
.top_bnrbtn a:hover {
transform: translateY(-3px);
opacity: .5;
}
.point_w {
width: 900px;
margin: 0 auto 50px;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}   
.point_w ul {
    width: 100%;
    background: url("../images/point_bg.jpg") center left;
    background-size: 400px;
    background-repeat: no-repeat;
    padding: 50px 0 50px 300px;
}
.point_w ul li {
    width: 100%;
    line-height: 1.8;
    margin: 0 0 2vw 0;
   /* padding-left: 1.5em;
    text-indent: -1.5em;*/
    text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px, #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
}
    .point_w ul li:last-child {
    width: 100%;
    line-height: 1.8;
    margin: 0 0 0 0;
    /*padding-left: 1.5em;
    text-indent: -1.5em;*/
    text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px, #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
}
.point_w ul li .point-list::before {
    content: "";
    display: inline-block;
    background: url(../images/ic_top-check.svg);
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 .5em 0 0;
    vertical-align: sub;
    background-size: cover;
}
.point01_w {
width: 260px;
background: url(../images/point01_bg.png) no-repeat right;
height: 164px;
}
.point02_w {
width: 260px;
background: url(../images/point02_bg.png) no-repeat right;
height: 164px;
}
.point03_w {
width: 260px;
background: url(../images/point03_bg.png) no-repeat right;
height: 164px;
}
.point01_w p {
font-size: 15px;
text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px , #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
line-height: 1.8;
}
.point02_w p {

font-size: 15px;
text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px , #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
line-height: 1.8;
}
.point03_w p {
font-size: 15px;
text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px , #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
line-height: 1.8;
}
.point_b {
font-weight: bold;
font-size: 2.6rem;
letter-spacing: 2px;
line-height: 1.4;
display: flex;
margin-top: 10px;
width: 100%;
align-items: center;
/*height: 8rem;*/
}  
.point_txt {
text-align: center;
margin: 0 auto 50px;
}
.point_txt span {
font-size: 18px;
display: inline-block;
padding: 10px 50px;
font-weight: 700;
/* border-top: 1px solid #17428d; */
/* border-bottom: 1px solid #17428d; */
background: #17428d;
color: #fff;
border-radius: 5px;
}    
.br_pc {
display: block;
}    


.underline{ 
margin: 0 0 1rem;
line-height: 2;  
font-size: 1.8rem; 
background: linear-gradient(transparent 96%, #333333 0%);
display: inline;    
}    

.pay_ttl1{
margin: 2rem 0 0;
font-size: 1.8rem;
font-weight: 700;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; 
}.pay_ttl2{
margin: 1rem 0 1rem;
}    
.pay_img1{
width: 300px;
margin: 0 0 2rem;    
}      
.pay_img1 img{
width: 100%;
}  
.pay_img2{
width: 500px;
}      
.pay_img2 img{
width: 100%;
}


.pay_btn {
margin: auto;
}   
.pay_btn a {
display: block;
width: 280px;
margin: 0 auto;
background: linear-gradient(180deg, #c3b788 0%, #998d60 100%);
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #ffffff;
box-shadow: 6px 6px 15px #adadadad;
font-size: 1.7rem;
line-height: 1;
position: relative;
border-radius: 3px;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.pay_btn a span:before {
content: "";
background: url(../images/ic_arrow1.svg);
display: inline-block;
width: 1.8rem;
height: 1.8rem;
position: absolute;
top: 19px;
right: 30px;
}   


.annai {
text-align: center;
}
.annai span {
display: inline-block;
padding: 2rem 5rem;
font-weight: 600;
background: #eaf1f9;
color: #17428d;
box-sizing: border-box;
border-radius: 50px;
font-size: 1.8rem;
}



.bnr_w{
	width: 950px;
	margin: 0 auto 2rem;
}
.bnr1{
	padding: 0 2rem;
}
.bnr1 a{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 2.5rem;
        background: #efe7de;
        padding: 2rem 0;
        color: #5d503d;
}
.bnr1 a span::after{
	content: "";
        background: url(../images/bnr_detail.png) no-repeat;
        display: inline-block;
        width: 300px;
        height: 50px;
        vertical-align: middle;
        margin-left: 4rem;
}

.video-area {
  width: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
}

.video_top {
  width: 100%;
  height: calc(82vh - 8rem);
  object-fit: contain;
}
	
.video_facility {
  width: 100%;
  object-fit: contain;
}




}
/*PC*/



































/*headerfix*/
@media all and (max-width:1250px) {

.header_txt {
color: #116cba;
position: absolute;
left: 20px;
/*width: calc(100% - 820px);*/
}


}


















/*sp*/
@media all and (max-width:750px) {
	
body{
background: #f5f5f5;
}

/*common*/

.anchor{
display: block;
padding-top: 11vh;
margin-top: -11vh;
}




/*<!--header-->*/
header{
display: flex;
justify-content: space-between;
width: 100%;
}
.header__w{
/*display: flex;
justify-content: center;
width: 100%;*/
display: flex;
justify-content: center;
width: 100%;
flex-direction: column;    
}

.header_logo{
text-align: center;
width: 35rem;
padding: 0 0 0 2rem;
}

.header_logo h1{
width: calc(100% - 13rem);
margin: 0 auto;
}

.header_logo img{
display: inline-block;
width: auto;
max-height: 5rem;
}

.header_txt{
width: 40vw;
margin: 0 0 0 22vw;
}

.header_txt img{
width: 100%;
}

.header_txt2{
width: calc(85% - 100px);
margin: 0 auto;    
line-height: 1.3;    
text-align: center;
color: #17428d;
font-size: 1.3rem;    
border: dotted 1px;
border-radius: 5px;
padding: 2px;    
}

.header_nav{

}

.header_rsv{
width: 20vw;
}

.header_rsv a{
background: #2bacb9;
color: #e9f8fd;
padding: 0.5rem 2vw;
text-align: center;
font-size: 1.0rem;
line-height: 1.4;
display: inline-block;
border-radius: 3px;
margin: .5rem 0;
letter-spacing: 0;
width: 100%;
box-shadow: 0px 0px 5px 0px #afe0e6;
}

.header_rsv a span{
}

nav.NavMenu{
position: fixed;
z-index: 10000;
top: 0;
left: 0;
background: #fbfbfb;
text-align: center;
width: 100%;
transform: translateY(-100%);
transition: all 0.7s;
padding: 0 0 0 0;
}

nav.NavMenu::after {
    content: "";
    background: url("../images/nav1.jpg") no-repeat;
    width: calc(100% - 23rem);
    height: calc(100% - 3rem);
    display: inline-block;
    position: absolute;
    top: 2rem;
    left: 2rem;
    background-size: contain;
}

nav.NavMenu ul{
width: 20rem;
margin-left: auto;
padding-top: 70px;
z-index: 10000;
}

nav.NavMenu ul li{
list-style-type: none;
padding: 0;
width: 100%;
line-height: 1.3;
letter-spacing: .2rem;
margin-bottom: 2rem;
}

nav.NavMenu ul li:last-child{
padding-bottom: 0;
border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
}

nav.NavMenu ul li a{
display: inline-block;		/*クリックできる領域を広げる*/
transition: .4s;
text-align: left;
font-weight:700;
font-size: 2rem;
}

nav.NavMenu ul li a:link,
nav.NavMenu ul li a:visited{
}

nav.NavMenu ul li a:hover,
nav.NavMenu ul li a:active{
opacity: .7;}

.navmenulink{
display: block;
margin: 0 auto;
padding: 0 0 0 1.5rem;
position: relative;
width: 18rem;
}

.navmenulink::before{
content: "▶︎";
font-size: 1rem;
margin-right: 0;
color: #5a9f4d;
vertical-align: middle;
display: inline-block;
position: absolute;
left: 0;
top: .6rem;
}

nav.NavMenu ul li.nav_tel{
font-size: 2.7rem;
padding: 0 0 5vw 0;
}

nav.NavMenu ul li.nav_tel span{
color: #171c61;
font-weight:500;
}

nav.NavMenu ul li.nav_tel span::before{
content: "";
background: url("../images/ic_tel.svg") no-repeat;
width: 1.6rem;
height: 1.6rem;
display: inline-block;
background-size: contain;
vertical-align: middle;

}

nav.NavMenu ul li.nav_teltime{
font-size: 1.3rem;
padding: 0 0 30px 0;
font-weight: normal;
}

nav.NavMenu ul li.nav_free{
width: 100%;
text-align: center;
padding: 30px 0 0 0;
}

nav.NavMenu ul li.nav_free span{
display: inline-block;
border-radius: 3px;
text-align: center;
color: #73ac70;
letter-spacing: .05rem;
font-size: 1.4rem;
line-height: 1;
margin: 0 0 1vw 0;
}

nav.NavMenu ul li.nav_rsv{
margin: 0 0 5vw 0;
}

nav.NavMenu ul li.nav_rsv a{
display: inline-block;
border-radius: 5px;
text-align: center;
padding: 3vw 5vw;
transition: .6s;
position: relative;
font-size: 1.6rem;
letter-spacing: 0.01rem;
background: linear-gradient(135deg, #f8a23f 0%,#f76b1c 100%);
color: #ffffff;
box-shadow: 0px 0px 5px 0px #d2e5f7;
}

nav.NavMenu ul li.nav_rsv a:active,
nav.NavMenu ul li.nav_rsv a:hover{
transform: translate(0,-3px);
opacity: .9;
}

nav.NavMenu ul li.nav_rsv span::before{
content: "";
background: url("../images/ic_calendar.svg") no-repeat;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin: 0 2vw 0 0;
}

nav.NavMenu.active{
transform: translateY(0%);		/*ナビを表示する*/
height: 100vh;
overflow-y: auto;
}

.Toggle {
	display: block;
	position: fixed;
    top: 1rem;
    right: 1.5rem;
    width: 3rem;
    cursor: pointer;
    height: 3rem;
    z-index: 10000;
}

.Toggle span {
display: block;
position: absolute;
width: 100%;
border-top: solid 1px #5f4e34;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}

.Toggle span:nth-child(1) {
top: 1rem;
}

.Toggle span:nth-child(2) {
top: 2.2rem;
}

.Toggle span:nth-child(3) {
top: 3.4rem;
}

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
top: 5vw;
left: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: solid 1px #5f4e34;
}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 5vw;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-top: solid 1px #5f4e34;
}









/*<!--mainimage-->*/
.mainimg_w{

position: relative;
width: 100%;
height: 50%;
background-position: center center !important;
background-size: cover!important;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content:flex-start;
padding-top: 7rem;
min-height: 400px;  
}

.mainimage_area{
position: relative;
width: 100%;   
height: 100% !important;
}

.topimage_layer{
position: absolute;
top: 77.5%;
right: 0;
width: 50%;
text-align: center;
}

.topimage_layer img{
width: 100%;
}

.slick_box{
background: #fff;
width: 100%;
padding: 2vw 5vw 4vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -10vh auto 12vw;
box-shadow: 0px 0px 10px 0px #00000014;
border-radius: 5px;
}

.slick_box0{
width: 100%;
text-align: center;
padding: 0 0 2vw 0;
letter-spacing: .1rem;
font-size: 1.3rem;
color: #484542;
}

.slick_box0 span{
font-size: 1.5rem;
color: #ffa37c;
font-weight: bold;
}

.slick_box0 span.header_subject{
color: #484542;
font-size: 1.5rem;
font-weight: bold;
}

.slick_box1{
width: 100%;
text-align: center;
padding: 0 0 2vw 0;
letter-spacing: .1rem;
font-size: 1.5rem;
}

.slick_box2{
padding: 0 0 1vw 0;
width: 100%;
}

.slick_box2 img{
width: 100%;
}

.slick_box3{
width: 100%;
padding: 0 0 0 0;
font-size: 1.2rem;
text-align: center;
}

.slick_box3 span{
color: #ff774e;
}

.slick_box4{
width: 100%;
text-align: center;
padding: 0 0 1vw 0;
letter-spacing: .1rem;
font-size: 1.3rem;
}

.slick_box5{
width: 100%;
text-align: center;
padding: 0 0 2vw 0;

}

.slick_box5 a{
display: inline-block;
border-radius: 100px;
font-weight: 700;
line-height: 1;
letter-spacing: .1rem;
font-size: 2.5rem;
}

.slick_box5 span::before{
content: "";
background: url("../images/ic_tel.svg") no-repeat;
width: 1.6rem;
height: 1.6rem;
display: inline-block;
background-size: contain;
margin: 0 .4rem 0 0;
vertical-align: baseline;
}

.slick_box6{
margin: 0 0 3vw 0;
}

.slick_box7{
width: 100%;
margin: 0 0 2vw 0;
}

.slick_box7 a{
display: block;
background: linear-gradient(90deg, #1da353 0%, #9cc29a 100%);
color: #fff;
text-align: center;
border-radius: 3px;
padding: 1vw 1vw;
font-size: 1.2rem;
transition: .3s;
box-shadow: 3px 3px 10px #8ec7a5;
width: 30vw;
margin: 0 auto;
}

.slick_box7 a:hover,
.slick_box7 a:active{
opacity: .7;
}


.mainimage_t{
color: #9cc29a;
font-size: 1.6rem;
letter-spacing: .1rem;
line-height: 2.5;
padding: 30vw 0 0 0;
}

.mainimage_t span{
display: inline;
background: #ffffff;
font-weight: bold;
}

.slick_box8{
margin: 0 0 2vw 0;
}












/*<!--news-->*/
.news__w{
    width: 100%;
    background: #fefefb;
    padding: 9rem 0 6rem;
}

.news__wi{
width: 100%;
margin: 0 auto 0;
padding: 0rem 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
background:#ffffff;
}

.news__w h2{
text-align: center;
margin: 0 auto 3rem;
}

.news__w h2 span{
display: inline-block;
margin: 0 auto 0;
font-weight: 500;
font-size: 2rem;
letter-spacing: 0.2rem;
}

.news__w h2 span::after {
content: "INFORMATION";
display: block;
width: 100%;
text-align: center;
font-size: 1.3rem;
letter-spacing: .1rem;
font-weight: 300;
color: #5a9f4d;
}

.news_kiji__w{width: 100%;overflow-y: scroll;margin: 0 auto;padding: 0 2rem;}
.news_kiji__w iframe {
width: 100%;
height: 50vh;
} 
.kiji__w{
font-size: 1.3rem;
border-bottom: 1px solid #e8e8e8;
padding: 2rem;
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
align-items: center;
background: #fff;
}

.kiji_d{
font-size: 1.1rem;
color: #797979;
display: inline-block;
width: 100%;
margin-bottom: .5rem;
}

.kiji_h{
display: inline-block;
width: 100%;
margin-bottom: .5rem;
font-weight: 700;
}

.kiji_t{
width: 100%;
}

/*<!--bnr-->*/
.bnr__w {
padding: 20px 0;
}

.bnr__wi {
padding: 0 20px;
}











/*<!--medical-->*/
.medical__w{
width: 100%;
background: #f3f3f3;
}

.medical__wi{
width: 100%;
margin: 0 auto;
padding: 10vw 0;
}

.medical__w h2{
text-align: center;
margin: 0 auto;
}

.medical__w h2 span{
font-size: 2.2rem;
font-weight: 600;
letter-spacing: .1rem;
}

.medical__w h2 span::before{
content: "Symptom";
display: block;
width: 100%;
text-align: center;
font-size: 1.3rem;
letter-spacing: .4rem;
transform: scaleY(1.3);
font-weight: 900;
color: #9cc29a;
}


.medical_nav__w{
}

.medical_nav__w ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.medical_nav__w ul li{
width: 380px;
height: 150px;
text-align: center;
margin: 0 0 30px 0;
}

.medical_nav__w ul li a{
width: 100%;
height: 150px;
background: rgb(9 69 130);
background: linear-gradient(145deg, rgb(113 128 204) 0%, rgb(9 69 130) 100%);border-radius: 10px;
display: flex;
box-shadow: 0px 0px 5px 0px #ececec;
transition: .3s;
line-height: 1;
align-items: center;
justify-content: center;
color: #fff;
}

.medical_nav__w ul li a:hover,
.medical_nav__w ul li a:active{
transform: translate(0,-6px);
opacity: .8;
}

.mdnav1{
}

.medical_nav__w ul li a span{
font-size: 2.6rem;
letter-spacing: .1rem;
}


.topsubject__ww{
background: #f5f2eb;
width: 100%;
}

.topsubject__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 90%;
margin: 0 auto;
}

.topsubject_box{
width: 47%;
text-align: center;
border-radius: 10px;
margin: 0 0 2rem 0;
}

.topsubject_box:hover{
opacity: .7;
}


.topsubject_t{
width: 100%;
padding: 2rem 0;
display: flex;
height: 100%;
background: #ffffff;
transition: all .3s;
border: 1px solid #9cc29a;
justify-content: center;
align-items: center;
box-shadow: 6px 6px 7px #d2e9db;
border-radius: 5px;
}

.topsubject_t span{
position: relative;
text-align: center;
display: inline-block;
font-size: 1.8rem;
line-height: 1.4;
letter-spacing: .05rem;
font-weight: 700;
}

.topsubject_t span:before {
content: "";
display: block;
width: 5rem;
height: 5rem;
background-position: 50% 50%;
background-repeat: no-repeat;
margin: 0 auto 1.5rem;
}

.topsubject_t--01 span:before {
background-image: url("../images/ic1.svg");
}

.topsubject_t--02 span:before {
background-image: url("../images/ic2.svg");
}

.topsubject_t--03 span:before {
background-image: url("../images/ic3.svg");
}

.topsubject_t--04 span:before {
background-image: url("../images/ic4.svg");
}

.topsubject_t--05 span:before {
background-image: url("../images/ic5.svg");
}

.topsubject_t--06 span:before {
background-image: url("../images/ic6.svg");
}

.topsubject_ic{
display: block;
width: 100%;
height: 80px;

}

.topsubject_ic img{
display: block;
width: 100%;
height: 100%;
}



.topsubject_memo{
padding: 20px 30px;
text-align: center;
background: #fdf6dc;
border-radius: 10px;
width: 1020px;
margin: 0 auto;
color: #664329;
}



/*<!--doctor-->*/
.doctor__w{
width: 100%;
background: #f5f5f5;
padding: 4rem 0;
}

.doctor__wi{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.doctor_i{
width: 100%;
margin: 0 auto 0;
text-align: center;
}

.doctor_i img {
width: 60%;
border-radius: 10px;
}

.doctor_t{
width: 100%;
}

.doctor_t1{
font-size: 1.8rem;
text-align: center;
letter-spacing: .1rem;
margin: 7vw 0 2vw;
color: #9cc29a;
font-weight: 700;
padding: 0 5vw;
}

.doctor_t2{
font-size: 1.6rem;
text-align: center;
letter-spacing: .1rem;
padding: 0 0 6vw;
color: #424242;
}

.doctor_t3{
width: 80%;
margin: 0 auto 7vw;
line-height: 2;
letter-spacing: .05rem;
}

.doctor_btn{
text-align: center;
}

.doctor_btn a{
display: inline-block;
border-radius: 5px;
text-align: center;
padding: 2vw 11vw;
transition: .6s;
position: relative;
font-size: 1.4rem;
letter-spacing: 0.01rem;
background: linear-gradient(90deg, #1da353 0%, #9cc29a 100%);
color: #ffffff;
box-shadow: 3px 3px 10px #8ec7a5;
}

.doctor_btn a:active,
.doctor_btn a:hover{
opacity: .7;
}

.doctor_btn span::after {
content: "";
background: url(../images/arrow-white.svg);
width: 2rem;
height: 2rem;
position: absolute;
right: 3vw;
font-size: 1rem !important;
top: 1.3rem;
color: #aedce0;
}


.doctor7  h3{
font-size: 1.6rem;
text-align: center;
color: #4d3417;
letter-spacing: .2rem;
margin: 0 0 2vw 0;
font-weight: 700;
}

.doctor8{
background: #ffffff;
border-radius: 10px;
padding: 5vw 5vw;
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.doctor9 {
display:flex;
flex-direction:column;
width:100%;
}

.doctor9:last-child{
margin: 0 auto 0;
}

.doctor10 {
color:#888;
}

.doctor11 {
margin-bottom: 2rem;
line-height:1.4;
}

.doctor12 {
text-indent: -1.4em;
padding-left: 1.2em;
width:100%;
}

.doctor12:before {
content:"■";
margin-right:.3em;
}

.doctor13 {
background: #ffffff;
border-radius: 10px;
width: 90%;
margin:auto;
padding-bottom:4vw;
}




/*<!--loopslide-->*/
.loopslide{
padding: 12vw 0;
background: #f7f5ec;
}

.simply-scroll-container {
position: relative;
}

.simply-scroll-clip {
position: relative;
overflow: hidden;
}

.simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
}

.simply-scroll-list li {
float: left; /* Horizontal scroll only */
padding: 0;
margin: 0;
width: 80vw;
}

.simply-scroll-list li img {
display: block;
width: 100%;
}

/*dock*/
.btn_detail a{
display: block;
width: 210px;
margin: 0 auto;
background: linear-gradient(180deg, #17428d  0%, #0fb8e3  100%);
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #ffffff;
box-shadow: 6px 6px 15px #adadadad;
font-weight: 600;
font-size: 1.3rem;
line-height: 1;
position: relative;
border-radius:3px;
font-family: 'Zen Old Mincho', serif;
}



.btn_detail a span::after{
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 1.55rem;
height: 1.55rem;
position: absolute;
top: 1.95rem;
right: 3.6rem;
}














/*<!--common clinic-->*/
.clinic__ww{
width: 100%;
background: #fcfcfc;
}

.clinic__w{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 1vw 0 0;
flex-wrap: wrap;
}

.clinic_box1{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 8vw 0;
}

.clinic_box2{
width: 100%;
margin: 0 0 4rem 0;
text-align: center;
}

.clinic_box2 iframe{
width: 90%;
height: 40vh;
border-radius: 10px;
}
.clinic_box2sp{
width: 100%;
margin: 0;
text-align: center;
}


.f_address	{
margin-top:  -3rem;
}

.clinic1{
width: 100%;
text-align: center;
padding: 0 0 1rem 0;
}

.clinic1 img{
width: 80%;
display: inline-block;
}

.clinic2{
width: 100%;
font-size: 1.6rem;
line-height: 2;
text-align: center;
color: #17428d;
margin: 0 0 3rem 0;
}

.clinic2 span{
font-size: 2.8rem;
color:#5AA8A3;
font-weight: bold;
}

.clinic3{
width: 100%;
text-align: center;
margin:0 auto;
margin-bottom: 3rem;
}

.clinic4{
width: 100%;
font-size: 2rem;
font-weight: bold;
text-align: center;
line-height: 1;
margin-bottom: 3rem;
}

.clinic4 a{
font-size: 3.4rem;
line-height: 1.4;
font-weight: 600;
font-family: 'Asap', sans-serif;
}

.clinic4 span{
}

.clinic4 span::before{
content: "";
background: url("../images/ic_tel.svg") no-repeat;
width: 2.2rem;
height: 2.2rem;
display: inline-block;
vertical-align: middle;
margin-right: .5rem;
}


.clinic5{
width: 100%;
padding: 5vw 0 12vw;
text-align: center;
}

.clinic5 a{
display: inline-block;
border-radius: 5px;
text-align: center;
padding: 3vw 8vw;
transition: .6s;
position: relative;
font-size: 1.3rem;
letter-spacing: 0.01rem;
background: linear-gradient(135deg, #f8a23f 0%,#f76b1c 100%);
color: #fff;
box-shadow: 0px 3px 3px 0px #e4e4e4;
}

.clinic5 a:active,
.clinic5 a:hover{
transform: translate(0,-3px);
}

.clinic5 span::before{

}

.clinic6{
width: 100%;
padding: 0 5%;
text-align: center;
}

.clinic6 img{
width: 100%;
border-radius: 10px;
}

.clinic6a_h{
text-align: center;
margin: 0 0 1vw 0;
}

.clinic6a_h span{
display: inline-block;
text-align: center;
font-size: 1.6rem;
color: #17428d;
letter-spacing: .1rem;
font-weight:600;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.clinic7{
padding: 0 4vw 0 4vw;
font-size: 1.3rem;
width: 95%;
margin: 0 auto;
text-align: center;
}

.clinic7 span{
color: #17428d;
}

.clinic8{
width: 100%;
text-align: center;
margin: .6rem auto 1rem;
font-weight:500;
}

.clinic8 span{
display: inline-block;
padding: 4px 4px;
text-align: center;
border-radius: 2px;
margin: 0 2px 0 0;
line-height: 1;
}

.clinic9{
width: 100%;
padding: 0 5%;
font-size: 1.4rem;
margin-top: 1rem;
}

.clinic9 span{

}

.clinic10{
padding: 0 5vw;
text-align: center;
width: 100%;
}


.clinic11{
width: 90%;
margin: 0 auto;
}

.clinic11 img{
width: 100%;
border: 1px solid #1a4375;
padding: 3vw 3vw;
border-radius: 20px;
}

.clinic12{
width: 100%;
text-align: center;
margin: 0 0 5vw 0;
}

.clinic12 span{
display: inline-block;
padding: 1vw 4vw;
background: #ffffff;
color: #ed8599;
text-align: center;
margin: 0 auto 5px;
border-radius: 5px;
font-size: 1.4rem;
letter-spacing: .15rem;
border: 1px solid #ed8599;
}
.clinic13{
color: #e50012;
line-height: 1.6;
margin: 0 0 3rem;
width: 100%;
padding: 0 4vw 2vw 4vw;
text-align: left;
font-weight: bold;
}
.clinic14{    
width: 90%;
font-size: 1.3rem;
text-align: center;
margin: 0 auto 3rem;
font-weight: 700;
background: #17428d;
color: #fff;
border-radius: 5px;
line-height: 1.3;
padding: 2vw 4vw 2vw 4vw;
}

.gmap {
display: block;
width: 100%;
text-align: center;
height: 50vh;
margin-bottom: 1rem;
}


.gmap iframe{
width: 90%;
height: 50vh;
border-radius: 10px;
}
.access_gmap {
display: block;
width: 100%;
text-align: center;
height: 50vh;
margin-bottom: 1rem;
}


.access_gmap iframe{
width: 100%;
height: 50vh;
border-radius: 10px;
}

.clinic__w p{
    font-size: 1.8rem;
    text-align: center;
margin: 0 auto;
    padding: 10px 0 10px 0;
    color: #17428d;
}











/*<!--breadcrumb-->*/
.bc__ww{
margin: 6rem auto 0;
}

.bc__w{
width: 100%;
padding: 1.4vw 4vw;
font-size: 1.1rem;
background: linear-gradient(90deg, #9b9b9b 0%, #717171 100%);
margin: 18vw 0 0 0;
}

.bc__w ol{
padding: 0;
color:#fff;
}

.bc__w ol li{
list-style:none;
display:inline;
font-size: .65rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.bc__w ol li a {
color:#fff;
}

/*.bc__w ol li a:link,
.bc__w ol li a:visited{
color:#009c80 !important;
}

.bc__w ol li a:hover,
.bc__w ol li a:active{
color:#009c80 !important;
}

.bc__w ol li:last-of-type a{
color:#333 !important;
}*/








/*<!--subdoctor-->*/
.subdoctor__w{
width: 100%;
}

.subdoctor__wi{
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.subdoctor_i{
width: 100%;
margin: 2vw auto 6vw;
text-align: center;
}

.subdoctor_i img{
width:56%;
border-radius: 10px;
}

.subdoctor_t{
width: 100%;
text-align: center;    
}

.subdoctor_t1{
font-size: 1.8rem;
text-align: center;
letter-spacing: .2rem;
color: #4196d3;
font-weight: 700;
padding: 0 5vw;
line-height: 1.4;
margin: 0 0 3vw 0;
}

.subdoctor_t2{
font-size: 1.6rem;
text-align: center;
letter-spacing: .1rem;
color: #424242;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
}

.subdoctor_t3{
line-height: 2;
font-size: 1.4rem;
margin: 0 0 6vw;    
}

.subdoctor_t4{
}












/*<!--doctorhistory-->*/
.doctorhistory__w{
width: 100%;
background: #fff;
padding: 0 0 1vw;
}

.doctorhistory_box{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.doctorhistory_box1{
width: 90%;
padding: 4vw 4vw;
background: #f9f9f9;
margin: 0 auto 5vw;
}

.doctorhistory_box1 h3{
font-weight: bold;
font-size: 1.6rem;
margin: 0 0 1vw 0;
}

.doctorhistory_box1 p{
line-height: 2.5;
}

.doctorhistory_box2{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.doctorhistory_box3{
width: 100%;
font-size: 1.2rem;
}

.doctorhistory_box4{
width: 100%;
}

.doctorhistory_box5{
width: 100%;
font-size: 1.2rem;
margin: 0 0 .5vw 0;
}


.subdoctor_name{
text-align: center;
padding: 10vw 0 10vw;
font-size: 2.2rem;
background: #73ac70;
margin: 0 0 5vw 0;
color: #fff;
}









/*<!--medical-->*/

.subpage__w{
width: 100%;
background: #f5f5f5;
padding: 1vw 0 3vw;
}

.submedical__w{
margin: 0 auto;
padding: 0 5vw;
}

.submedical_box{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.submedical_box1{
margin: 0 0 8vw;
order: 1;
width: 100%;
}

.submedical_box1 h3{
font-size: 1.6rem;
padding: 2vw 3vw;
display: block;
letter-spacing: .2rem;
text-align: center;
margin: 0 0 3vw 0;
background: #2ebba1;
border-radius: 200px;
color: #fff;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}


.submedical_box1 h4{
margin: 5vw 0 3vw 0;
}

.submedical_box1 h4 span{
font-size: 1.4rem;
display: block;
border-bottom: 1px solid #73ac70;
padding: 2vw 10vw;
background: #f5f5f5;
text-align: center;
color: #194375;
}

.submedical_box1 p{

}

.submedical_box2{
width: 70%;
order: 3;
margin: 0 auto 3vw;
}

.submedical_box2 img{
width: 100%;
}








/*<!--junkanki-->*/
.subjunkanki__w{
margin: 0 auto;
padding: 0 5vw 15vw;
}

.subjunkanki_box{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.subjunkanki_box1{
margin: 0 0 3vw;
order: 1;
width: 100%;
}

.subjunkanki_box1 h3{
font-size: 1.6rem;
letter-spacing: .2rem;
}

.subjunkanki_box1 h3 span{
}

.subjunkanki_box1 h3 span::before{
content: "";
background: url("../images/check.svg");
width: 2rem;
height: 2rem;
display: inline-block;
margin: 0 1.5vw 0 0;
vertical-align: sub;
}


.subjunkanki_box1 h4{
font-weight: bold;
font-size: 1.5rem;
padding-top: 8rem;
margin-top: -8rem;
}

.subjunkanki_box1 h4::before{
font-weight: bold;
content: "■";
font-size: 1.5rem;
display: inline-block;
margin: 0 1vw 0 0;
color: #45a8c1;
}

.subjunkanki_box1 p{

}

.subjunkanki_box2{
width: 70%;
order: 3;
margin: 0 auto 3vw;
}

.subjunkanki_box2 img{
width: 100%;
}

.subjunkanki2{

}

.subjunkanki2 span{
padding: 1vw 3vw;
background: #fff;
border: 1px solid #194375;
display: inline-block;
color: #194375;
font-size: 1.4rem;
margin: 0 0 2vw 0;
border-radius: 5px;
}

.subjunkanki3{
margin: 0 0 4vw 0;
}

.subjunkanki3:last-child{
margin: 0 0 0 0;
}


/*<!--sub gallery-->*/
.sub_gallery__w{
}

.sub_gallery_box__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0 auto;
}

.sub_gallery_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0 auto 5vw;
}

.sub_gallery_box1{
width: 100%;
}

.sub_gallery_box1 img{
width: 100%;
}

.sub_gallery_box2{
width: 100%;
font-size: 2.2rem;
text-align: center;
padding: 3vw 0;
background: #f3f3f3;
}


.gallery__w{
width: 100%;
margin: 0 auto 10vw;
}

#imagelist{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#imagelist li{
width: 48%;
margin: 0 0 2vw 0;
}

#imagelist li a{
padding: 1vw 1vw;
display: block;
background: linear-gradient(
330deg, #a53254, #d03065);
color: #ffffff;
border-radius: 5px;
font-size: 1.2rem;
border: 1px solid #a23256;
box-shadow: 10px 10px 10px #f2bdcd;
}

#imagelist li a span{
}

#imagelist li a span::before{
content: "";
display: inline-block;
background: url("../images/ic_arrow.svg");
width: 1rem;
height: 1rem;
margin: 0 2vw 0 0;
}

#imagearea{
text-align: center;
background: #ffd8ea;
}

#aboutarea{
text-align: center;
background: #ffd8ea;
font-size: 2rem;
color: #a23256;
padding: 4vw 0 0 0;
}

#viewerright{
margin: 3vw 0 0 0;
}

.facility_kiki1{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 10vw 0;
}

.facility_kiki2{
width: 100%;
margin: 0 0 10px 0;
font-size: 1.4rem;
}

.facility_kiki3{
font-size: 2rem;
color: #1a4375;
text-align: center;
line-height: 1.6;
}



.facility_kiki4{
background: #f5f5f5;
padding: 2vw 3vw;
width: 100%;
margin: 4vw auto 5vw;
font-size: 1.4rem;
}

.facility_kiki5{
text-align: center;
width: 90%;
margin: 0 auto 10vw;
}

.facility_kiki5 img{
width: 100%;
}



























/*<!--sub gallery-->*/
.sub_gallery__w{
}

.sub_gallery_box__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding: 0 1vw;
}

.sub_gallery_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 49%;
margin: 0 0 5vw 0;
}

.sub_gallery_box1{
width: 100%;
}

.sub_gallery_box1 img{
width: 100%;
}

.sub_gallery_box2{
width: 100%;
font-size: 1.4rem;
text-align: center;
padding: 2vw 0 2vw 0;
background: #f5f5f5;
}



header {
position: fixed;
top: 0;
left: 0;
z-index: 2;
background: #fff;
transition: .3s;
align-items: center;
box-shadow: 0px 0px 5px 0px #eaeaea;
height: 7rem;
box-sizing: border-box;
}



/*<!--subpage h1-->*/
.subtitle__w{
margin: 0 auto;
width: 100%;
padding: 9vh 0 3vh 0;
}

.subtitle__w h1{
font-size: 1.8rem;
letter-spacing: 0.15em;
text-align: center;
margin: 0 auto;
font-weight: 700;
color: #ffffff;
text-shadow: 1px 1px 2px rgb(0 0 0 / 100%);
	background: url("../images/subtitle_bg8.jpg") no-repeat;
	background-size: cover;
	background-position: 0 50%;
padding: 3rem 0;
}

.subtitle__w h1 span{
display: inline-block;
margin: 0 auto;
background: rgb(159 143 123 / 70%);
	padding: .5rem 5rem;

}

.h_doctor{
width: 100%;
background: #f5f5f5;
}
.h_doctor h1{
	background: url("../images/subtitle_bg10.jpg") no-repeat;
	background-size: cover;
	background-position: 0 50%;
}

/*.h_doctor h1 span::after{
content: "Doctor";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/

.h_medical{
width: 100%;
background: #f5f5f5;
}

.h_medical h1{
	background: url("../images/subtitle_bg11.jpg") no-repeat;
	background-size: cover;
	background-position: 0 50%;
}

/*.h_medical h1 span::after{
content: "Medical";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/

	
/*.h_facility h1 span::after{
content: "Clinic";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 400;
color: #4d3417;
}*/

.h_access{
width: 100%;
background: #f5f5f5;
}
.h_access h1{
	background: url("../images/subtitle_bg13.jpg") no-repeat;
	background-size: cover;
	background-position: 0 35%;
}

/*.h_access h1 span::after{
content: "Access";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 400;
color: #4d3417;
}*/


.h_recruit{
width: 100%;
background: #f5f5f5;
}

.h_recruit h1 {
	background: url("../images/subtitle_bg12.jpg") no-repeat;
	background-size: cover;
	background-position: 0 50%;
}

/*.h_recruit h1 span::after{
content: "Recruit";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 400;
color: #4d3417;
}*/

.h_contract{
background: url("../images/subtitle_bg5.jpg") no-repeat right center;
background-size: cover;
}

/*.h_contract h1 span::after{
content: "contract";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}*/

.h_medicalcare{
background: url("../images/subtitle_bg5.jpg") no-repeat right center;
background-size: cover;
}

/*.h_medicalcare h1 span::after{
content: "endoscopy";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}*/

.h_faq{
background: url("../images/subtitle_bg5.jpg") no-repeat right center;
background-size: cover;
}

/*.h_faq h1 span::after{
content: "faq";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}*/

.h_about {
width: 100%;
background: #f5f5f5;
}
.h_about h1{
	background: url("../images/subtitle_bg9.jpg") no-repeat;
	background-size: cover;
	background-position: 0 50%;
}


/*.h_about h1 span::after{
content: "About";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/

.h_brain {
width: 100%;
background: #f5f5f5;
}
	
/*.h_brain h1 span::after{
content: "Brain Checkup";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/

.h_consultation {
background: url("../images/subtitle_bg5.jpg") no-repeat right center;
background-size: cover;
width:100%;
}

/*.h_consultation h1 span::after{
content: "Second opinion";   
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/

.h_mri {
background: url("../images/subtitle_bg6.jpg") no-repeat center;
background-size: cover;
width:100%;
}

/*.h_mri h1 span::after{
content: "BRAIN DOCK";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 400;
color: #4d3417;
}*/
	
.h_facility {
width: 100%;
background: #f5f5f5;
}
.h_facility h1{
	background: url("../images/subtitle_bg9.jpg") no-repeat;
	background-size: cover;
	background-position: 0 64%;
}

/*.h_facility h1 span::after{
content: "Clinic";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 400;
color: #4d3417;
}*/


.h_dock {
background: url("../images/subtitle_bg6.jpg") no-repeat center;
background-size: cover;
width:100%;
}

/*.h_dock h1 span::after{
content: "Dock";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-weight: 500;
color: #4d3417;
}*/
/*<!--subpage h2-->*/






.subtitle_h2{
text-align: center;
padding: 10vw 0 8vw;
}


.subtitle_h2 h2{
letter-spacing: .2rem;
font-size: 2rem;
display: inline-block;
color: #5e5e5e;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
}



.subtitle_h2 h2 span{

}
.subtitle_h2 h2 span::after{
content: "";
border-bottom: solid 3px #009c80;
width: 30px;
display: block;
margin: 2vw auto 0;
}











/*parts*/
.footer_border{
border: solid 2vh #f3f3f3;
background: #f3f3f3;
}


























.s_01 .accordion_one .accordion_header:hover {
opacity: .8;
}

.s_01 .accordion_one .accordion_header .i_box .one_i {
display: block;
width: 18px;
height: 18px;
transform-origin: center center;
transition-duration: 0.2s;
position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
display: flex;
content: '';

background-color: #fff;
border-radius: 10px;
width: 14px;
height: 2px;
position: absolute;
top: 8px;
left: 2px;
transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
width: 2px;
height: 14px;
top: 2px;
left: 8px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
}
.s_01 .accordion_one .accordion_inner {
display: none;
border-left: 1px solid #e1f0f3;
border-right: 1px solid #e1f0f3;
border-bottom: 1px solid #e1f0f3;
box-sizing: border-box;
background: #fff;
position: relative;
padding: 1.5rem 6rem 1.5rem 5rem;
}

.s_01 .accordion_one .accordion_inner .box_one {
}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
margin: 0;
}

.s_01 .accordion_one .accordion_header .i_box {
width: 30px;
height: 30px;
margin-top: -15px;
}
.s_01 .accordion_one {
max-width: 1200px;
margin: 0 auto 15px;
}
.txt_a_ac::before{
position: absolute;
content: "A";
font-size: 2.2rem;
left: 4vw;
top: 0.9rem;
color: #ffbe6e;
font-weight: bold;
}
.s_01 .accordion_one .accordion_header .i_box {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 55%;
right: 3%;
width: 30px;
height: 30px;
border: 1px solid #fff;
margin-top: -20px;
box-sizing: border-box;
transform-origin: center center;
transition-duration: 0.2s;
background: #3e88c9;
border-radius: 100px;
}
.s_01 .accordion_one .accordion_header {
background-color: #ffffff;
font-size: 1.5rem;
padding: 1.5rem 6rem 1.5rem 5rem;
position: relative;
z-index: +1;
cursor: pointer;
transition-duration: 0.2s;
border: 1px solid #e1f0f3;
}

.s_01 .accordion_one .accordion_header::before{
position: absolute;
content: "Q";
font-size: 2.2rem;
left: 4vw;
top: 0.9rem;
color: #3e88c9;
}

.s_01 {
padding: 0 0 10vw 0;
}

.qa_link_btn{
display: block;
border: solid 2px #d7cbb6;
width: 30%;
padding: 5px;
text-align: center;
margin: 10px 0;
text-decoration: none !important;
color: #bf9c6f !important;
font-weight: bold;
}

.qa_link_btn span{
display: block;
width: 100%;
position: relative;
}

.qa_link_btn span::after{
content: "\0bb";
position: absolute;
right: 10px;
}


/*よくある質問*/

.qa_list {
margin: 5vw 0 0;
}
.qa_list .qa {
}
.qa_list dt.que {
position: relative;
margin: 0 0 2vw 0;
}
.qa_list dl.qa .active::after {

}
.qa_list dt.que::after {
display: block;
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 3vw;
width: 20px;
height: 20px;
margin: auto;
}
.qa_list dt.que span::before {
content: "";
position: absolute;
width: 2rem;
height: 2rem;
background: url("../images/q.svg") no-repeat center center;
}
.qa_list dd.ans {
}
.qa_list dd.ans span::before {
content: "";
position: absolute;
width: 2rem;
height: 2rem;
background: url("../images/a.svg") no-repeat center center;
}
.qa_list dd.ans{
position: relative;
}
.qa_list p span::before {
left: 0;
width: 2rem;
height: 2rem;
}
.qa_list p span {
display: inline-block;
position: relative;
padding: 0 0 0 3rem;
line-height: 1.6;
}
.qa_list__w{
width: 100%;
padding: 3vw 3vw 10vw;
}






/*<!--アクセス-->*/
.access__w{
width: 100%;
margin: 0 auto;
padding: 0 5vw;
}

.submap_box{

}

.submap_gmap{
width: 100%;
height: 70vw;

}

.submap_gmap iframe{
width: 100%;
height: 70vw;

}

.submap_link{
text-align: center;

}

.submap_link a{
display: inline-block;
border-radius: 5px;
text-align: center;
padding: 3vw 10vw;
transition: .6s;
position: relative;
font-size: 1.4rem;
letter-spacing: 0.01rem;
background: #9cc29a;
color: #fff;
box-shadow: 0px 3px 3px 0px #e4e4e4;
}

.submap_link a:active, .submap_link a:hover {
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 3px 3px 0px #e4e4e4;
}

.submap_link span::before {
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}


.submap_traffic{
padding: 4vw;
border: .5rem solid #f2f2f2;
margin: 5vw 0 10vw;
}

.submap_traffic_address{
font-size: 1.4rem;
margin: 0 0 6vw 0;
}

.submap_traffic_box{

}

.submap_traffic_box1{
font-size: 1.7rem;
color: #3e88c9;

}

.submap_traffic_box2{
margin: 0 0 6vw 0;
font-size: 1.4rem;
}

.submap_traffic_box:last-child .submap_traffic_box2{
margin: 0;
}

.submap_route{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;

}

.submap_route_box{
width: 100%;
}

.submap_route_box1{
width: 100%;
}


.submap_route_box:after{
content: "\025bc";
color: #43b4cd;
text-align: center;
width: 100%;
display: inline-block;
margin: 10vw 0;
}

.submap_route_box:last-child:after{
content: "";
}


.submap_route_box1 img{
width: 100%;
}


.submap_route_box2{
display: flex;
justify-content: space-between;
width: 100%;
font-size: 1.6rem;
align-items: center;
padding: 5vw 0 0 0;
}

.route_number{
display: inline-block;
padding: .5rem 0;
background: #e9fafc;
color: #3e88c9;
font-weight: bold;
font-size: 1.5rem;
width: 10%;
text-align: center;
}

.route_txt{
display: inline-block;
width: 90%;
padding: 0 0 0 4vw;
line-height: 1.5;
font-size: 1.4rem;

}










.footer_sitemap__w{
margin: 0 0 5rem 0;
}

.footer_sitemap__w ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 90%;
margin: 0 auto;
text-align: center;
}

.footer_sitemap__w ul li{
display: block;
width: 100%;
text-align: center;
}

.footer_sitemap__w ul li a{
display: block;
padding: 1rem;
font-size: 1.5rem;
transition: .3s;
width: 100%;
text-align: center;
color:#17428d;
}













.footer_sitemap__w ul li a:hover,
.footer_sitemap__w ul li a:active{
opacity: .7;
}

.footer_logo{
width: 100%;
margin: 0 auto;
text-align: center;
}

.footer_logo img{
width: 70%;
}


.sitemap__w{
width: 100%;
background: #f5f5f5;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding: 2vw 7vw;
text-align: center;
}

.sitemap1{
line-height: 2.7;
letter-spacing: .05rem;
text-align: center;
margin: 0 auto;
width: 50%;
}


.sitemap2{

}

.sitemap2 a{
font-weight: 500;
font-size: 1.2rem;
color: #17428d;
}



/* <!--PC 申込ボタン--> */
.btn_pagetop{
position: fixed;
/*bottom: 21vw;*/
bottom: 10rem;
right: 1rem;
z-index: 1;
opacity: .7;
}

.btn_pagetop a{
width: 5rem;
height: 5rem;
padding: 1rem;
display: table-cell;
color: #fff;
text-align: center;
font-size: 1.25rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.5;
background: #a67258;
transition: .5s !important;
font-weight: bold;
}

.btn_pagetop a:hover,
.btn_pagetop a:active{
opacity: .9;
}




.accessmap__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 3vw 0 0 0;
}
.accessmap1{
width: 90%;
text-align: center;
margin: 0 auto;
}
.accessmap1 img{
width: 100%;
border: 2px solid #4c5072;
border-radius: 3px;
padding: 3vw 3vw;
}

.topaccess1{
width: 100%;
text-align: center;
margin-bottom: 4rem;
}

.topaccess1 h2 {
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
}

.topaccess1 h2::before {
content: "";
background: url("../images/logo-s.png") no-repeat;
background-size: contain;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto 1rem;
}

.topaccess1 h2 span {
}

.topaccess1 h2 span::before {
content: "ACCESS";
display: block;
width: 100%;
text-align: center;
font-size: 3.3rem;
font-weight: 400;
color: #e474a2;
line-height: 1;
margin-bottom: .5rem;
font-family: 'Zen Maru Gothic';
}

.topaccess2{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 10px;
position: relative;
}

.topaccess2 iframe{
width: 100%;
order: 1;
height: 50vh;

}

.topaccess3{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 1rem 1rem;
background: #fff;
border-radius: 20px;
}

.topaccess4{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #f1ece1;
padding: 2rem 0;
align-items: center;
}


.topaccess4:last-child{
border-bottom: 0;

}

.topaccess5{
width: 100%;
  font-size: 1.3rem;
  font-weight: 900;
  color:#77634d;
}

.topaccess6{
width: 100%;
line-height: 1.8;
  font-size: 1.3rem;
}
.topaccess7{
width: 100%;
order: 2;
}

.topaccess8{
	width: 100%;
	text-align: center;
}
.topaccess8 img{
	border-radius: 6px;
}





.contact__w{
width: 100%;
background: #f3f3f3;
}

.contact__wi{
width: 100%;
margin: 0 auto;
padding: 10vw 0 0;
}

.contact__w h2{
font-size: 1.8rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto;
}

.contact__w h2 span{
display: inline-block;
margin: 0 auto;
}

.contact__w h2 span::after{
content: "medical";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
}

.info_box100{
width: 100% !important;
}

.info_box100 h3{
font-weight: bold;
font-size: 1.6rem;
border: 1px solid #68c58e;
padding: 2vw 3vw;
color: #00b147;
display: block;
letter-spacing: .2rem;
text-align: center;
margin: 0 0 5vw 0;
}

.info_box100 p{

}

.info_box100 h4{
text-align: center;
}


.info_box100 h4 span{
font-size: 1.4rem;
color: #fff;
display: inline-block;
letter-spacing: .2rem;
margin: 0 0 5vw 0;
background: #20a555;
border-radius: 100px;
padding: 2vw 5vw;
}



/*faq*/
.faq_h2{
margin: 0 auto;
font-weight: bold;
padding: 0 5vw;
}

.faq_h2 span{
font-size: 1.8rem;
display: inline-block;
letter-spacing: .2rem;
}




/*<!--sservice-->*/
.sservice__w{
width: 100%;
background: url(../images/sservice_bg.jpg) no-repeat;
background-size: cover;
padding: 5vw 3vw;
}

.sservice__wi{
width: 100%;
margin: 0 auto;
padding: 5vw 5vw;
background: rgba(255,255,255,0.95);
border-radius: 5px;
}

.sservice__w h2{
font-size: 1.8rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto 7vw;
}

.sservice__w h2 span{
display: inline-block;
margin: 0 auto;
color: #0893ce;
}

.sservice__w h2 span::before{
content: "";
background: url("../images/logo-s.png") no-repeat;
display: block;
width: 64px;
height: 60px;
margin: 0 auto 10px;
}
.sservice__w h2 span::after{
content: "industrial physician";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
}

.sservice_t{
background: #fff;
padding: 40px 40px;
border-radius: 5px;
}

.sservice_t2{
margin: 4vw 0 3vw;
font-size: 1.6rem;
font-weight: bold;
}

.sservice_fx{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 0 5vw 0;
}

.sservice_fx li{
width: 100%;
font-size: 1.3rem;
}

.sservice_fx li:before{
content: "■";
font-size: 1.9rem;
display: inline-block;
margin: 0 1vw 0 0;
color: #45a8c1;
}


/*<!--kservice-->*/
.kservice__w{
width: 100%;
background: url(../images/kservice_bg.jpg) no-repeat;
background-size: cover;
padding: 5vw 3vw;
}

.kservice__wi{
width: 100%;
margin: 0 auto;
padding: 5vw 5vw;
background: rgba(255,255,255,0.95);
border-radius: 5px;
}

.kservice__w h2{
font-size: 1.8rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto 7vw;
}

.kservice__w h2 span{
display: inline-block;
margin: 0 auto;
color: #0893ce;
}

.kservice__w h2 span::before{
content: "";
background: url("../images/logo-s.png") no-repeat;
display: block;
width: 64px;
height: 60px;
margin: 0 auto 10px;
}
.kservice__w h2 span::after{
content: "consulting";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
}







/*<!--sservice-->*/
.gservice__w{
width: 100%;
background: url(../images/gservice_bg.jpg) no-repeat;
background-size: cover;
padding: 5vw 3vw;
}

.gservice__wi{
width: 100%;
margin: 0 auto;
padding: 5vw 5vw;
background: rgba(255,255,255,0.95);
border-radius: 5px;
}

.gservice__w h2{
font-size: 1.8rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto 7vw;
}

.gservice__w h2 span{
display: inline-block;
margin: 0 auto;
color: #0893ce;
}

.gservice__w h2 span::before{
content: "";
background: url("../images/logo-s.png") no-repeat;
display: block;
width: 64px;
height: 60px;
margin: 0 auto 10px;
}
.gservice__w h2 span::after{
content: "obligation";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
}

.gservice_nav__w{
}


.gservice_t1{
font-size: 1.4rem;
}

.gservice_t2{
margin: 4vw 0 3vw;
font-size: 1.6rem;
font-weight: bold;
}

.gservice_t3{
padding: 1vw 2vw;
display: inline-block;
background: #45a8c1;
color: #fff;
margin: 0 0 20px 0;
}

.gservice_fx{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 0 30px 0;
}

.gservice_fx li{
width: 100%;
font-size: 1.4rem;
}

.gservice_fx li:before{
content: "■";
font-size: 1.4rem;
display: inline-block;

color: #45a8c1;
}

.gservice_fx2{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 0 3vw 0;
}

.gservice_fx2 li{
width: 100%;
font-size: 1.4rem;
}

.gservice_fx2 li:before{
content: "■";
font-size: 1.4rem;
display: inline-block;
color: #45a8c1;
}





.illustmap{
width: 100%;
margin: 0 auto;
}

.illustmap img{
width: 100%;
height: 100%;
border-radius: 10px;
border: 1px solid #9cc29a;
}

.info_memo1{
width: 100%;
padding: 5vw 4vw;
border-radius: 10px;
background: #f6f6f6;
order: 4;
}

.info_memo1_h{
font-size: 1.6rem;
color: #2196f3;
margin: 0 0 20px 0;
}

.info_memo1_t{
line-height: 2;

}

.info_memo_ic{
width: 1.8rem;
height: 1.8rem;
display: inline-block;
margin: 0 1vw 0 0;
vertical-align: middle;
}

.info_memo_ic img{
width: 100%;
height: 100%;
}

.info_memo2{
width: 100%;
padding: 5vw 4vw;
border-radius: 10px;
background: #f6f6f6;
order: 5;
}






.accessinfo_tbl{
width: 100%;
margin: 0 auto;
}

.accessinfo_tbl tr{
border-bottom: 3px solid #fafafa;
}

.accessinfo_tbl th{
width: 30%;
padding: 20px 0;
vertical-align: middle;
background: #fafafa;
font-size: 1.4rem;
}

.accessinfo_tbl td{
width: 70%;
padding: 20px 15px;
font-size: 1.4rem;
background: #fff;
}



.traffic__w{}

.traffic_box{

}
.traffic1{
font-size: 1.4rem;
margin: 0 0 1vw -.5rem;
background: #68a1cd;
color: #ffffff;
text-align: center;
display: inline-block;
padding: .1vw 3vw;
border-radius: 3px;
}
.traffic1 span{}
.traffic1 span::before{

}
.traffic2{}

.tbl_price1{
border: 1px solid #8e8383;
}
.tbl_price1 td{
padding: 2vw 2vw;
border: 1px solid #8e8383;
vertical-align: middle;
}
.price1{
width: 30%;
background: #fafafa;
}
.price2{
text-align: right;
color: #20a555;
width: 70%;
font-size: 1.4rem;
}




/*tempカレンダー*/

.calendar__w{
width: 90%;
display: flex;
justify-content: space-between;
margin: 50px auto;
background: #f6f6f6;
flex-wrap: wrap;
}

.calendar1{
width: 100%;
}
.calendar1 img{
width: 100%;
}
.calendar2{
width: 100%;
}
.calendar2 img{
width: 100%;
}
.calendar3{
width: 50%;
}
.calendar3 img{
width: 100%;
}


.h2memo{
font-size: 1.5rem;
}




.topbnr__w{
width: 100%;
margin: -15vw auto 8vw;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.topbnr1{
width: 90%;
margin: 0 0 5vw 0;
}

.topbnr1 img{
width: 100%;
box-shadow: 1px 3px 5px #dad6c8;
}

.topbnr1 a{
transition: .5s;
display: block;
}

.topbnr1 a:hover{
opacity: .6;
}

/*img100*/
.img100{
width: 90%;
margin: 0 auto;

}

.img100 img{
width: 100%;
}





/*corona*/
.corona__w{
width:100%;
background:#fff;
padding:5vw 0 5vw;
margin: -7vh 0 10vw 0;
}

.corona__wi{
width: 95%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff0f1;
}

.corona1{
background: #f64858;
color: #fff;
text-align: center;
font-size: 1.6rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
width: 100%;
padding:2vw 3vw;
}

.corona2{
padding:3vw 3vw;
color: #333;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 1.3rem;
font-weight: 400;
}
/*corona*/




/*monshin*/
.monshin__w{
width:100%;
background:#fff;
padding:5vw 0 5vw;
margin: -7vh 0 10vw 0;
}

.monshin__wi{
width: 95%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #f3f3f3;
}

.monshin1{
background: #3959cc;
color: #fff;
text-align: center;
font-size: 1.6rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
width: 100%;
padding:2vw 3vw;
}

.monshin2{
padding:3vw 3vw 5vw;
color: #333;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 1.3rem;
font-weight: 400;
}

.monshin3{
width: 70%;
margin: 0 auto 7vw;
}

.monshin3 img{
width: 100%;
border: 2px solid #3959cc;
box-shadow: 10px 10px 20px #e2e2e2;
}
/*monshin*/


.medical_split{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.medical_split1{
width: 100%;
}

.medical_split2{
width: 100%;
text-align: center;
margin: 4vw 0 3vw 0;
}

.medical_split2 img{
width: 60%;
border-radius: 10px;
}


.subpage-container{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 6vw 4vw 6vw;
box-shadow: 15px 15px 5px #ededed;
}

.subpage-heading--main{
width: 100%;
margin: 0 0 6vw 0;
}

.subpage-heading--main h2{
font-size: 1.8rem;
font-weight: 700;
color: #69553d;
letter-spacing: .1rem;
line-height: 1.3;
padding: 0 0 4vw 0;
text-align: center;
position: relative;
background-image: linear-gradient(135deg, #b7a15d 10%, #9a8544 100%);
background-repeat: no-repeat;
background-size: 4rem 0.4rem;
background-position: bottom;
	
	}
.subpage-heading--main h2 span{
font-size: 1.4rem;
}

.subpage-heading--main h2 .font_s{
font-size: 1.5rem;
display: block;
margin: 1vw auto 0;
line-height: 1;
letter-spacing: .2rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;    
}

.subpage-heading--main h2 .icon {
overflow: hidden;
display: block;
width: 120px;
margin: 0 auto 20px;
}

.subpage-heading--main h2 .icon img {
width: 100%;
}

.subpage-text{
width: 100%;
padding: 0 10px;
line-height: 1.8;
}

.subpage4{
width: 100%;
}

.subpage4 a{
display: block;
width: 400px;
margin: 0 auto;
background: #ffee9c;
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #643e2f;
box-shadow: 6px 6px 15px #fff2b3;
font-weight: 500;
font-size: 2rem;
line-height: 1;
position: relative;
}

.subpage4 a span{
display: block;
width: 100%;
}

.subpage4 a span::after{
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 2.2rem;
height: 2.2rem;
position: absolute;
top: 20px;
right: -10px;
}

.subpage4 a:hover{
transform: translateY(-3px);
opacity: .5;
}

.subpage5{
width: 100%;
position: relative;
padding: 30px 30px;
background: #f5f5f5;
border-radius: 10px;
}

.subpage5 ul{
width: 100%;
}

.subpage5 ul li{
width: 100%;
line-height: 2;
margin: 0 0 2vw 0;
}

.subpage5 ul li:last-child{
margin: 0 0 0 0;
}

.subpage5 ul li span{
width: 100%;
}

.subpage5 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check.svg");
width: 2rem;
height: 2rem;
margin: 0 .5vw 0 0;
vertical-align: sub;
}

.subpage6{
width: 100%;
padding: 3vw 3vw;
position: relative;
background: #f6fbff;
border-radius: 10px;
}

.subpage6 ul{
width: 100%;
}

.subpage6 ul li{
width: 100%;
line-height: 2;
margin: 0 0 2vw 0;
}

.subpage6 ul li:last-child{
margin: 0 0 0 0;
}

.subpage6 ul li span{
width: 100%;
}

.subpage6 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check2.svg");
width: 1.6rem;
height: 1.6rem;
margin: 0 1vw 0 0;
vertical-align: sub;
}

.subpage6 .subpage_list-1of2 {
display: flex;
flex-wrap: wrap;
}

.subpage6 .subpage_list-1of2 li {
width: 50%;
}

.subpage7{
width: 100%;
}

.subpage7 ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.subpage7 ul li{
position: relative;
width: 80%;
margin: 0 auto 4vw;
}

.subpage7 ul li:last-child{
margin: 0 auto 0;
}


.subpage7 ul li a{
display: block;
width: 100%;
margin: 0 auto;
padding: 2vw 0;
text-align: center;
letter-spacing: .07rem;
box-shadow: 8px 8px 3px #f1efe5;
font-weight: 500;
font-size: 1.4rem;
line-height: 1;
position: relative;
background: #fff;
color: #3091db;
border: 1px solid #3a87c2;
text-shadow: 2px 2px 2px rgb(255 255 255 / 100%);
border-radius: 5px;
}

.subpage7 ul li a:hover{
transform: translateY(-3px);
opacity: .5;
}

.subpage7 ul li a span{
position: relative;
width: 100%;
}

.subpage7 ul li a .icon {
width: 15px;
display: block;
position: absolute;
left: -25px;
top: 50%;
transform: translateY(-50%);
}

.subpage7 ul li a .icon img {
width: auto;
}

.subpage7 ul li::after{
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 1.5rem;
height: 1.5rem;
position: absolute;
top: .9rem;
right: .5rem;
transform: rotate(90deg);
}

.subpage-heading--section{
width: 100%;
margin: 0 0 3vw 0;
}

.subpage-heading--section h3{
font-size: 1.6rem;
letter-spacing: .1rem;
line-height: 1.4;
padding-left: 3vw;
position: relative;
font-weight: 700;
}

.subpage-heading--section h3::before{
border-left: 4px solid #ab9552;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
}

.subpage9 {
position: relative;
padding: .5rem .5rem;
border-bottom: 3px solid #458555;
font-weight:600;
width:100%;
}

.subpage9:before {
position: absolute;
bottom: -14px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 14px 12px 0 12px;
border-style: solid;
border-color: #458555 transparent transparent transparent;
}

.subpage9:after {
position: absolute;
bottom: -10px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 14px 12px 0 12px;
border-style: solid;
border-color: #ffffff transparent transparent transparent;
}

.subpage9 img{
width: 100%;
}

.subpage10{
width: 100%;
background: #F5F5F5;
position: relative;
padding: 30px 30px 30px;
border-radius: 0;
margin: 0 auto;
}

.subpage10 ul{
width: 100%;
}

.subpage10 ul li{
width: 100%;
line-height: 2.2;
}

.subpage10 ul li span{
width: 100%;
}

.subpage10 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check3.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage11{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #47c8af;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage12{
padding: 12px 0 0 0;
font-size: 1.6rem;
line-height: 2;
}

.subpage13{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #f99027;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage14{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #7dadd4;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage15{
width: 100%;
line-height: 1.8;
padding: 0 0 0 20px;
}

.subpage16{
width: 100%;
}

.subpage16 span{
line-height: 1.8;
font-size: 1.7rem;
display: inline-block;
padding: 5px 20px;
letter-spacing: 0;
background: #4387bf;
color: #fff;
}

.subpage17{
width: 100%;
}

.subpage17 span{
line-height: 1.8;
font-size: 1.8rem;
font-weight: 700;
display: inline-block;
padding: 6px 30px;
letter-spacing: .1rem;
background: #ffffff;
border-bottom: 1px solid #f99027;
}

.subpage18{
width: 100%;
}


.subpage18 nav ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
background-color: #fff;
padding: 0;
}


/*各ナビゲーション横幅*/
.subpage18 nav ul li{
width:33.3%;
}

/*ナビゲーションaタグの形状*/
.subpage18 nav ul li a{
color: #026eb8;
padding: 15px 0 15px;
font-size: 1.8rem;
font-weight: 500;
letter-spacing: 0;
}

.subpage18 nav ul li a:hover,
.subpage18 nav ul li a:active{
background:#fffdec;
}

.subpage18 nav ul li img {
width: 50%;
height: auto;
transition: all .5s;
vertical-align: bottom;
border-radius: 15px 5px 15px 5px;
}

.subpage18 nav ul li img:hover{
transform: scale(1.2);
}

.subpage18 nav ul li dt{
overflow: hidden;
margin: 0 0 8px 0;
}

.subpage19{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 30px 0 30px;
}

.subpage20{
margin: 0 0 3vw 0;
}

.subpage20 span{
display: inline-block;
background: #f7fcff;
text-align: center;
border-radius: 5px;
padding: 1vw 4vw;
font-size: 1.5rem;
font-weight: 700;
color: #3091db;
border: 1px solid #3a87c2;
letter-spacing: .2rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
text-shadow: 1px 1px 2px rgb(255 255 255 / 80%);
}

.subpage21{
background: #feffda;
border-radius: 10px;
padding: 3vw 3vw;
font-size: 1.2rem;
line-height: 1.5;
text-indent: 0;
display: block;
color: #2f446f;
width: 100%;
}



.subpage22{
width: 100%;
padding: 3vw 3vw;
position: relative;
background: #f6fbff;
border-radius: 10px;
}

.subpage22 ul{
width: 100%;
}

.subpage22 ul li{
width: 100%;
line-height: 2;
margin: 0 0 2vw 0;
}

.subpage22 ul li:last-child{
margin: 0 0 0 0;
}

.subpage23{
width: 100%;
}

.subpage23::before{
content: "";
display: inline-block;
background: url("../images/ic_check2.svg");
width: 1.6rem;
height: 1.6rem;
margin: 0 1vw 0 0;
vertical-align: sub;
}

.subpage22 .subpage_list-1of2 {
display: flex;
flex-wrap: wrap;
}

.subpage22 .subpage_list-1of2 li {
width: 50%;
}

.subpage24{
width: 100%;
text-align: center;
margin: 0 0 6vw;
}

.subpage24 a{
background: #f7f7f7;
border-radius: 10px;
padding: 3vw 5vw;
font-size: 2.5rem;
font-weight: bold;
line-height: 1;
display: inline-block;
}

.subpage24 span{
}

.subpage24 span::before{
content: "";
background: url("../images/ic_tel.svg") no-repeat;
width: 1.9rem;
height: 1.9rem;
display: inline-block;
background-size: contain;
margin: 0 1vw 0 0;
vertical-align: middle;
}


.subpage25{
font-size: 1.4rem;
letter-spacing: .1rem;
line-height: 1.6;
padding-left: 1.8rem;
text-indent: -1.8rem;
margin-bottom: 1rem;
}
.subpage25 span:before {
content: "";
display: inline-block;
background: url(../images/ic_check.svg);
width: 1.4rem;
height: 1.4rem;
background-size: cover;
margin: 0 0.2rem 0 0;
}
.subpage26{
font-size: 1.4rem;
letter-spacing: .1rem;
line-height: 1.6;
padding-left: 1em;
text-indent: -1em;
margin: 0 0 5px;
}
.subpage26:before{
content: "●";
font-size: 1.5rem;
color: #ffa952;
}
.subpage27{
font-size: 1.4rem;
color: #F53743;
font-weight: 900;
border: solid 1px;
padding: 0.5rem;
text-align: center;
line-height: 1.5;
margin: 0 0 15px;
}
.subpage28{
	background: #F5F5F5;
        padding: 4vw 4vw 4vw;
        border-radius: 5px;
        width: 100%;
	font-size: 1.3rem;
}
	
.subpage-img2{
	width: 98%;
}
.subpage-img2 img{
	width: 100%;
	text-align: center;
}
	
.subpage-img3{
	width: 100%;
	text-align: center;
}
	.subpage-img3 img{
}
	
.subpage-img4{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}
.subpage-img4 img{
	width: 31%;
	display: block;		
}
	
.catch__ww{
width: 100%;
padding: 12vw 0;
background: url("../images/coronabg.jpg")  center;
background-size: contain;
position: relative;
}


.catch__w{
width: 85%;
padding: 0 0 5vw;
background: #ffffff;
margin: 0 auto;
border-radius: 10px;
border: 3px solid #fb6075;
}

.catch1{
text-align: center;
color: #fff;
font-size: 1.8rem;
letter-spacing: .1rem;
margin: 0 0 4vw 0;
line-height: 1.5;
background: #fb6075;
padding: 2vw 0;
}

.catch2{
margin: 0 auto 8vw;
line-height: 1.8;
font-size: 1.3rem;
letter-spacing: .1rem;
color: #222;
width: 90%;
}


.catch3{
width: 95%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.catch4{
width: 100%;
margin: 0 auto 5vw;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.catch5{
width: 30%;
margin: 0 auto 3vw;
}

.catch5 img{
width: 100%;
}

.catch6{
width: 80%;
text-align: center;
font-size: 1.4rem;
letter-spacing: 0;
line-height: 1.2;
color: #00b5b5;
border-radius: 100px;
background: #ecfeff;
border: 2px solid #d0f4f7;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5vw 0;
margin: 0 auto 3vw;
}

.catch7{
width: 75%;
margin: 0 auto;
font-size: 1.3rem;
}

.corona_chara1{
position: absolute;
z-index: 1001;
right: 100px;
top: 50px;
width: 220px;
}

.corona_chara1 img{
width: 100%;
}

.corona_chara2{
position: absolute;
z-index: 1001;
left: 100px;
bottom: 0px;
width: 180px;
}

.corona_chara2 img{
width: 100%;
}





/*feature*/
.feature__wwww{
width: 100%;
padding: 8vw 0;
position: relative;
background: url("../images/featurebg.jpg") right center no-repeat;
background-size: cover;
}

.feature__ww{
width: 100%;

}

.feature__www{
width: 100%;
padding: 5vw 0 0;

}


.feature__w{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;

}

.h2_feature{
text-align: center;
width: 100%;
margin: 0 0 10vw 0;
}

.h2_feature span{
display: inline-block;
line-height: 1;
font-size: 2rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
color: #f0faff;
}

.h2_feature span::before{
content: "";
background: url(../images/logo-s.png) no-repeat;
display: block;
width: 10vw;
height: 10vw;
margin: 0 auto;
background-size: cover;
}

.h2_feature span::after{
content: "Feature";
display: block;
font-weight: 400;
font-size: 1.3rem;
letter-spacing: .1rem;
color: #f0faff;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
margin: 2vw 0 0 0;
}



.feature1{
width: 100%;
margin: 0 auto 10vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}

.feature2{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.feature3{
width: 80%;
margin:  0 auto 3vw;
background: #fff;
padding: 5vw 6vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
border-radius: 3px;
position: relative;
}

.feature4{
width: 100%;
font-size: 2rem;
font-weight: 700;
margin: 0 0 3vw 0;
color: #0071bf;
text-align: center;
line-height: 1.4;
}

.feature5{
width: 100%;
font-size: 1.4rem;

}

.feature6{
width: 60%;
text-align: center;
margin: 0 auto;
}


.feature6 img{
width: 100%;
}

.feature7{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.feature8{
width: 80%;
margin:  0 auto 3vw;
background: #fff;
padding: 5vw 6vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
border-radius: 3px;
position: relative;
}

.feature9{
width: 60%;
text-align: center;
margin: 0 auto;
}


.feature9 img{
width: 100%;
}

.feature10{
width: 80%;
margin:  0 auto 3vw;
background: #fff;
padding: 5vw 6vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
border-radius: 3px;
position: relative;
}

.feature11{
width: 60%;
text-align: center;
margin: 0 auto;
}

.feature11 img{
width: 100%;
}

.feature12{
width: 80%;
margin:  0 auto 3vw;
background: #fff;
padding: 5vw 6vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
border-radius: 3px;
position: relative;
}

.feature13{
width: 60%;
text-align: center;
margin: 0 auto;
}

.feature13 img{
width: 100%;
}


.feature14{
width: 12vw;
position: absolute;
top:-4vw;
left: -6vw;
}

.feature14 img{
width: 100%;
}

.feature15{
width: 12vw;
position: absolute;
top:-4vw;
left: -6vw;
}

.feature15 img{
width: 100%;
}

/*feature*/






.footer_timetable_tbl{
width: 100%;
background: #fff;
border-spacing: 0;
border-collapse: separate;
border-radius: 10px;
color: #653b1d;
}

.footer_timetable_tbl td{
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
font-size: 1.6rem;
vertical-align: middle;
line-height: 1.3;
letter-spacing: 0;
height: 4rem;
}


.footer_timetable1{
width: 25%;
text-align: center;
background: #999999;
color: #fff;
border-right: 1px solid #fff !important;
}

.footer_timetable2{
width: 11%;
text-align: center;
background: #999999;
color: #fff;
border-right: 1px solid #fff !important;

}

.footer_timetable2:last-child{
border-right: 1px solid #999999 !important;
}

.footer_timetable3{
text-align: center;
background: #fff;
color: #17428d;
border-left: 1px solid #999999 !important;

}

.footer_timetable4{
text-align: center;
font-size: 1.6rem;
}

.footer_timetable5{
text-align: center;
font-size: 1.6rem;
}


.footer_timetable6{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 auto;
font-size: 1.45rem;
line-height: 1.6;
}

.footer_timetable7{
width: 49%;
}

.footer_timetable8{
width: 49%;
}

.footer_timetable9{
width: 100%;
margin: 5px 0 0 0;
}

.footer_timetable10{
width: 100%;
margin: 15px 0 0 0;
}

.footer_timetable10 span{
width: 100%;
background: #ffffde;
padding: 8px 12px;
display: inline-block;
border-radius: 3px;
line-height: 1.3;
color: #ee4141;
font-size: 1.4rem;
}

.footer_timetabletxt1{
color: #79bce7;
display: block;     
}

.footer_timetabletxt2{
color: #ee7b41;
}

.footer_timetabletxt3{
color: #387d39;
}

.footer_timetabletxt4{
color: #ee7b41;
}

.footer_timetabletxt5{
color: #ee7b41;
}

.footer_timetabletxt6{
color: #17428d;
}
.footer_timetabletxt7{
font-size: 1rem;
color: #17428d;   
display: block;    
}



/* about */

.about1{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.about2{
width: 48%;
background: #F7F7F7;
border-radius: 30px 10px 10px 10px;
margin: 0 2% 5vw 0;
}

.about2:nth-child(2n){
margin: 0 0% 5vw 0;
}

.about3{
width: 100%;
margin: 0 0 2vw 0;
}

.about3 img{
width: 100%;
border-radius: 10px 10px 0 0;
}

.about4{
width: 100%;
font-size: 1.4rem;
padding: 0 2vw;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
margin: 0 0 2vw 0;
line-height: 1.4;
text-align: center;
}

.about5{
width: 100%;
padding: 0 2vw;
margin: 0 0 3vw 0;
font-size: 1.3rem;
letter-spacing: 0;
line-height: 1.5;
}

/* about */







.spfooternav__w{
width: 100%;
display: flex !important;
justify-content: space-between;
position: fixed;
bottom: 0;
z-index: 10;
height: 6rem;
background: #fff;
}

.spfooternav1{
width: calc(100% - 6rem);/*予約ボタン入る際は14rem*/
display: flex;
align-items: center;
justify-content: center;
background: #fff;

}

.spfooternav1 a{
font-size: 2.4rem;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-weight: 600;
}

.spfooternav1 a span{
}

.spfooternav1 a span::before{
content: "";
background: url("../images/ic_tel.svg") no-repeat;
display: inline-block;
width: 1.6rem;
height: 1.6rem;
vertical-align: middle;
margin-right: .6rem;
}

.spfooternav2{
        width: 8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #643620;
        padding: 0 .5rem;
	text-align: center;
}

.spfooternav2 a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 1.2rem;
color: #fff;
}

.spfooternav2 a span::before{
content: "";
background: url("../images/ic_access.svg") no-repeat;
display: block;
width: 2.2rem;
height: 2.2rem;
margin: 0 auto .2rem;
}




.spfooternav2 a span{

}

.spfooternav3{
width: 7rem;
display: flex;
align-items: center;
justify-content: center;
background: #17428d;
}

.spfooternav3 a{
padding: 2vh 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 1.2rem;
color: #fff;
}

.spfooternav3 a span{

}

.spfooternav3 a span::before{
content: "";
background: url("../images/ic_calendar_white.svg") no-repeat;
display: block;
width: 2.2rem;
height: 2.2rem;
margin: 0 auto .2rem;
}

.spfooternav4{
width: 7rem;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(180deg, #e6c33d 0%, #17428d 100%);
}

.spfooternav4 a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 1.2rem;
color: #fff;
flex-direction: column; 
line-height: 1.5;    
}

.spfooternav4 a span{

}
.spfooternav4 a .txt_s{
font-size: 1rem;
}
.spfooternav4 a span::before{

background: url("../img/ic_time_white.svg") no-repeat;
display: block;
width: 2.2rem;
height: 2.2rem;
margin: 0 auto 2vw;
}



/* <!--btn reservation--> */
.btn_fix__w{
width: 100%;
display: flex;
justify-content: space-between;
}

.btn_fix1{
width: 100%;
display: flex;
}

.btn_fix1 a{
width: 23rem;
margin: 0 auto;
display: flex;
color: #e85757;
text-align: center;
font-size: 1.4rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.3;
transition: .5s;
background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
justify-content: center;
border: 1px solid #e85757;
border-radius: 5px;
align-items: center;
flex-wrap: wrap;
}

.btn_fix1a{
width: 100%;
display: flex;
justify-content: center;
position: relative;
padding: 1rem 0 1rem 3rem;
}

.btn_fix1 a:hover,
.btn_fix1 a:active{
opacity: .8;
box-shadow: 0px 0px 10px 0px #00000014;
}

.btn_fix1a::before{
content: "";
background: url("../images/ic_pdf.svg");
width: 1.8rem;
height: 1.8rem;
display: block;
position: absolute;
left: .8rem;
top: .9rem;
}

.btn_fix1b{
}

.btn_fix1c{

}

.btn_fix2{
width: 48%;
display: flex;
}

.btn_fix2 a{
width: 100%;
display: flex;
color: #4c90e1;
text-align: center;
font-size: 1.4rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.3;
transition: .5s;
background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
justify-content: center;
border: 1px solid #4c90e1;
border-radius: 5px;
align-items: center;
flex-wrap: wrap;
}

.btn_fix2a{
width: 100%;
display: flex;
justify-content: center;
position: relative;
padding: 1rem 0 1rem 3rem;
}

.btn_fix2 a:hover,
.btn_fix2 a:active{
opacity: .8;
box-shadow: 0px 0px 10px 0px #00000014;
}

.btn_fix2a::before{
content: "";
background: url("../images/ic_word.svg");
width: 2rem;
height: 2rem;
display: block;
position: absolute;
left: .5rem;
top: 1rem;
}

.btn_fix2b{

}

.btn_fix2c{

}




.btn_fix3 a{
width: 120px;
height: 120px;
display: flex;
color: #9a554d;
text-align: center;
font-size: 1.7rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.4;
transition: .5s;
background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
justify-content: center;
border-top: 1px solid #9a554d;
border-left: 1px solid #9a554d;
border-bottom: 2px solid #9a554d;
border-radius: 10px 0 0 10px;
align-items: center;
}

.btn_fix3 a:hover,
.btn_fix3 a:active{
opacity: .8;
box-shadow: 0px 0px 10px 0px #00000014;
transform: translateY(-5px);
}

.btn_fix3 a span::before{
content: "";
background: url("../images/ic_btn_fix3.svg");
width: 40px;
height: 40px;
display: block;
margin: 0 auto 10px;
opacity: .9;
}

.btn_fix4 a{
width: 120px;
height: 120px;
display: flex;
color: #000000;
text-align: center;
font-size: 1.7rem;
position: relative;
letter-spacing: .05rem;
vertical-align: middle;
line-height: 1.4;
transition: .5s;
background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
justify-content: center;
border-top: 1px solid #ce1ad9;
border-left: 1px solid #e92f83;
border-bottom: 2px solid #fe991c;
/* border-radius: 10px 0 0 10px; */
align-items: center;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.btn_fix4 a:hover,
.btn_fix4 a:active{
opacity: .8;
box-shadow: 0px 0px 10px 0px #00000014;
transform: translateY(-5px);
}

.btn_fix4 a span{
display: block;
}


.btn_fix4 a span::before{
content: "";
background: url("../images/ic_btn_fix4.png");
background-size: cover;
width: 40px;
height: 40px;
display: block;
margin: 0 auto 10px;
opacity: .9;
}


















.bnrblog__w{
width: 100%;
background: #d9e9ed;
padding: 6vw 0;
}

.bnrblog1{
width: 45%;
margin: 0 auto;
}

.bnrblog1 a{
display: block;
width: 100%;
box-shadow: 5px 5px 10px #bad5dc;
}

.bnrblog1 a:hover{
opacity: .7;
}

.bnrblog1 a img{

}



.rinen_t{
width: 100%;
margin: 4vw 0 0;
text-align: center;
}


.rinen_t p{
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
width: 100%;
font-size: 1.7rem;
font-weight: 700;
color: #312c22;
padding: 4vw 4vw;
background: #fbfcf3;
line-height: 1.5;
}

.flow__w{

}

.flow1{

}

.flow2{
font-size: 1.7rem;
font-weight: 700;
margin: 0 0 2vw 0;
}

.flow2 span{
display: inline-block;
margin: 0 2vw 0 0;
background: #f2fbff;
color: #009cbc;
text-align: center;
font-size: 1.7rem;
padding: .5rem 1rem;
line-height: 1;
border-radius: 5px;
border: 1px solid #009cbc;
}

.flow3{
font-size: 1.4rem;
padding: 3vw 3vw;
background: #f9f9f9;
}

.wrapper{
/*padding: 0 0 6rem 0;*/
}


.info__w{
width: 100%;
background: #f7f5e1;
padding: 7vw 0 7vw;
}
.info1{
width: 80%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fffff9;
padding: 5vw 5vw;
border-radius: 5px;
border: 5px solid #f7f1b3;
}
.info2{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 3vw 0;
align-content: center;
border-bottom: 1px dotted #E3E3E3;
padding: 0 0 3vw 0;
}
.info2:last-child{
margin: 0 0 0 0;
padding: 0;
border-bottom: 0;
}
.info3{
width: 100%;
font-size: 1.4rem;
line-height: 1;
margin: 0 0 2.5vw 0;
}
.info4{
width: 100%;
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
}

.markerline{
background: linear-gradient(transparent 70%, #fbfda9 0%);
display: inline;
padding: 0 2px 4px;
}


.topvideo__w{
width: 100%;
padding: 3vw 0 15vw 0;
background: url("../images/topvideobg.jpg") center center;
background-size: cover;
}

.topvideo1{
width: 95%;
margin: 0 auto;
border-radius: 10px;
}

.topvideo__w video{
width: 100%;
border-radius: 10px;
}





/*<!--streetview-->*/
.streetview__w{
width: 100%;
background: url("../images/streetviewbg.jpg");
background-size: cover;
}

.streetview__wi{
width: 95%;
margin: 0 auto;
padding: 10vw 0;
}

.streetview__w h2{
font-size: 2rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto 8vw;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
}

.streetview__w h2 span{
display: inline-block;
margin: 0 auto;
color: #3290d5;
}

.streetview__w h2 span::before{
content: "";
background: url(../images/logo-s.png) no-repeat;
display: block;
width: 10vw;
height: 10vw;
margin: 0 auto;
background-size: cover;
}
.streetview__w h2 span::after{
color: #5a9542;
content: "360-degree view";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 400;
}


.streetview1{
width: 100%;
height: 40vh;
margin: 0 auto;
}

.streetview1 iframe{
width: 100%;
height: 40vh;
margin: 0 auto;
display: block;
border-radius: 10px;
}



/* topdoctor */

.topfeature__w{
width: 100%;
padding: 3rem 0 2rem;
background: #ffffff;
}

.topfeature1{
text-align: center;
margin: 0 0 3vw 0;
}

.topfeature1 h2{
font-size: 1.8rem;
font-weight: 700;
letter-spacing: .2rem;
color: #17428d;
position: relative;
display: inline-flex;
align-items: center;
font-family: "Zen Old Mincho", sans-serif;
}

.topfeature1 h2 span{
padding-left: 20vw;
padding-right: 20vw;
line-height: 1.5;
}
.topfeature1 h2::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 100%;
border-top: solid 1px #17428d;
border-left: solid 1px #17428d;
border-bottom: solid 1px #17428d;
}
.topfeature1 h2::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
border-top: solid 1px #17428d;
border-right: solid 1px #17428d;
border-bottom: solid 1px #17428d;
}  
.topfeature1 h2 span::after{
content: "To patients";
display: block;
text-align: center;
font-size: 1.1rem;
letter-spacing: .3rem;
font-weight: 400;
line-height: 1;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
color: #17428d;
}


.topfeature2{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 10px;
padding: 5vw 5vw;
}


.topfeature4{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 3vw;
font-weight: 700; 
}

.topfeature5{
width: 100%;
background: #f9f7ef;
padding: 2vw 3vw;
border-radius: 0.5em;
margin: 2vw 0 0;
}




.open-date {
background: rgb(249 247 239);
padding: 2.3em 0;
color: #17428d;
font-family: 'Zen Old Mincho', sans-serif;
font-weight:700;
letter-spacing: .05em;
width:100%;
margin:auto;
}

.open-date_01 {
font-size: 2.8rem;
text-align:center;
line-height: 1.4;
margin-bottom: 1rem;
}

.open-date_01 span {
font-size:2rem;
}

.open-date_02 {
text-align:center;
line-height:1.4
}

.main-copy {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
justify-content: flex-start;
align-items: center;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;

}








.mv__w{
width: 100%;
margin-top: 5rem;
background: url("../images/mvbg.jpg") no-repeat top center;
background-size: cover;
position: relative;
}
.mv1{
width: 100%;
margin: 0 auto;
position: relative;
}

.mv2{
width: 100%;
position: relative;
}

.mv2 img{
	width: 100%;
    height: 40rem;
    object-fit: cover;
    object-position: left;
}

.mv3{
width: 25vw;
position: absolute;
top: 3rem;
left: 3rem;
}


.mv3 img{
width: 100%;
}
	

.mv_text{
        width: 100%;
        text-align: center;
        position: absolute;
        top: 100%;
        margin: 0 auto;
        background: rgb(217 217 217 / 70%);
		font-size: 1.4rem;
        padding: 1rem 1.5rem;
        color: #4d3417;
}



.move_text .text {
color: #ffffff;
        font-size: 1.9rem;
        font-weight: 900;
        text-transform: uppercase;
        transform-origin: left;
        font-family: 'Zen Old Mincho';
        width: fit-content;
        text-align: right;
        padding: 0 1rem 0 2rem; 
  /*text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff; /* 白い縁取り */
  text-shadow:
    -1px -1px 2px #937658,
     1px -1px 2px #937658,
    -1px  1px 2px #937658,
     1px  1px 2px #937658,
    -2px  0   2px #937658,
     2px  0   2px #937658,
     0   -2px 2px #937658,
     0    2px 2px #937658;
	letter-spacing: 2px;
}

.move_text .text.is-active {
  animation: text01 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes text01 {
  0% {
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
	
/* ここからキランッ効果 */
.word {
  position: relative;
  display: inline-block;
  overflow: hidden;
	/*writing-mode: vertical-rl;
	text-orientation: upright;*/
        width:100%;
        line-height: 1.2;
        font-weight: 900;
        padding: 0.5rem;
}

/*.word::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(2deg);
  animation: shineEffect 1.5s ease-in-out 1s forwards;
  pointer-events: none;
}

@keyframes shineEffect {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}*/


/* 初期CSS */
.move_text  {
/*overflow: hidden;
        width: 100%;
        display: flex;
        justify-content: right;
        position: absolute;
        z-index: 2;
        top: 30px;
        right: 77%;*/
	overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: right;
	position: absolute;
	z-index: 2;
	top: 90%;
	left: 38%;
	transform: translate(-48%, -90%);
	-webkit-transform: translate(-48%, -90%);
}

.visuallyHidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}




.topconcept__w{
width: 100%;
background: url("../images/topconceptbg.jpg");
background-size: cover;
padding: 2rem 0;
}

.topconcept1{
width: 100%;
margin-bottom: 2rem;
}

.topconcept2{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: rgba(255,255,255,0.85);
    position: relative;
    padding: .5rem 0;
}

/*.topconcept2::before {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 100%;
    height: 100%;
    border: 2px solid #c6aea0;
    content: '';
}*/

.topconcept3{
width: 100%;
display: none;
}

.topconcept3 img{
width: 100%;
}

.topconcept4{
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 1rem;
text-align: center;
}

.topconcept5{
width: 100%;
font-size: 1.4rem;
margin-bottom: 1rem;
}

.topconcept6{
width: 100%;
font-size: 1.6rem;
font-weight: 700;
line-height:1.3;
}

.topconcept6 span{
}

.topbrain1{
width: 100%;
}

.topbrain2{
width: calc(90% + 10px);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
justify-content: space-between;
background: rgba(255,255,255,.70);
}

.topbrain3{
width: 55%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding: 2rem;
}

.topbrain4{
width: 100%;
text-align: center;
}

.topbrain4 span{
display: inline-block;
padding: .3rem 1rem;
text-align: center;
color: #5a9f4d;
font-size: 1.4rem;
font-weight: 500;
background: #E5F4E4;
}


.topbrain5{
width: 100%;
font-size: 2.3rem;
font-weight: 700;
margin-bottom: 1rem;
padding-left: 1rem;
text-align: center;
}

.topbrain6{
width: 100%;
text-align: center;
}

.topbrain6 a{
display: inline-block;
padding: .5rem 1rem;
text-align: center;
color: #fff;
font-size: 1.4rem;
background: #5a9f4d;
border-radius: 200px;
font-weight: 400;
}

.topbrain6 a span{
}

.topbrain6 a span::before{
content: "→";
display: inline-block;
margin-right: .5rem;
}


.topbrain7{
    width: 45%;
    display: flex;
    justify-content: center;
}

.topbrain7 img{
    width: 100%;
    object-fit: cover;
}

.topbrain8{
	width: 100%;
	margin: 0 auto;
	background: url(../images/topbrain2.jpg) no-repeat;
	background-position: right;
	background-color: #ffffff;
	background-size: auto;
	padding: 2rem 1rem;
	font-family: "ten-mincho-antique", Roboto, "YakuHanJP", "Zen Old Mincho", sans-serif,"Hiragino Kaku Gothic Pro", 'Zen Kaku Gothic New', Meiryo, sans-serif;
	}

.topbrain9{
	font-size: 1.3rem;
	background: rgba(2555, 255, 255, 0.5);
	padding: 1rem 0;
	text-align: center;
	font-weight: 300;
}

.topbrain9-1{
	font-size: 1.6rem;
	font-family: "Zen Old Mincho", sans-serif,"Hiragino Kaku Gothic Pro", 'Zen Kaku Gothic New', Meiryo, sans-serif;
	font-weight: 900;
}

.move_btn {
  width: 80%;
  margin: 2rem auto 0;
}

.button-link {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #333;
  transition: .3s;
}

.button-text {
  font-size: 1.3rem;
}
	

.bg-extend-left {
  padding: .5rem 0;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 50px;
  background: linear-gradient(90deg, rgba(184, 144, 116, 1), rgba(150, 115, 63, 1));
}

.bg-extend-left::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  position: absolute;
  left: -100%;
  top: 0;
  transition: .4s;
  z-index: -1;
}

.bg-extend-left:hover::before {
  left: 0;
}

.bg-extend-left:hover{
  color: #968b7e;
	opacity: 1;
}









.swiper__w {
position: relative;
width: 100%;
background: #efefec;
max-height: calc(100vh - 28rem);
z-index: -1;
background-size: cover;
margin-top: 70px;
vertical-align: top;
display: flex;
}
.swiper__w video{
width: 100%;
max-height: calc(100vh - 28rem);
overflow: hidden;
object-fit: contain;
z-index: -1;
}

.swiper_txt{
position: absolute;
right: 0;/*25%で中心*/
bottom: 20px;
z-index: 100;
}
.swiper_txt2 {
display: block;
margin: 0 auto;                                                                                                                                                                                                                                                                
}

.swiper_txt2 img {
display: block;
width: 207px;
}



.copy-item {
position: absolute;
left: 20px;/*25%で中心*/
top: 20px;
z-index: 100;
display: flex;
width: 76px;
height: 180px;
padding: 10px;
background: rgba(255, 255, 255, .8);
font-size: 0.4rem;
text-align: start;
border-radius: 0.5em;
align-items: center;
justify-content: center;
writing-mode: vertical-rl;  
flex-direction: column;
display: none;/*fadein用*/

}


.copy-text {
color:#17428d;
font-weight:bold;
font-size:1.3rem;
}


.item {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
width: 300px;
height: 200px;
color: #fff;
background-color: #000066;
}

.top-linkbtn {
margin: auto 30px 0 0;
}    
.top-linkbtn a{
padding: .5em .2em 2em;
color: #fff;
background: linear-gradient(180deg, #8eb53d 0%, #579737 100%);
border-radius: 0.5em;
position: relative;
display: flex;
align-items: center;
}
.top-linkbtn a::after {
content: '';
background: url("../images/ic_arrow2.svg");
width: 8px;
height: 8px;
background-size: cover;
position: absolute;
bottom: 10px;
}

.text-sliderw{
width: 100%;
text-align: center;
}
/* topdoctor */









.topdoctor__w{width: 100%;background: #fbf9f3;padding: 4rem 0 3rem;}

.topdoctor1{
width: 100%;
text-align: center;
margin-bottom: 3rem;
}

.topdoctor1 h2{
}

.topdoctor1 h2 span{
display: inline-block;
margin: 0 auto 0;
font-weight: 500;
font-size: 2rem;
letter-spacing: 0.2rem;
}

.topdoctor1 h2 span::after {
content: "DOCTOR";
display: block;
width: 100%;
text-align: center;
font-size: 1.3rem;
letter-spacing: .1rem;
font-weight: 300;
color: #5a9f4d;
}

.topdoctor2{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topdoctor3{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topdoctor4{
width: 100%;
	font-size: 2.2rem;
	margin-bottom: 2.5rem;
	text-align: center;
}

.topdoctor4a{
color: #6b512e;
}

.topdoctor4b{
color: #826844;
}

.topdoctor4c{
color: #8E7553;
}


.topdoctor5{
width: 100%;
font-size: 1.6rem;
line-height: 2;
font-weight: 400;
margin-bottom: 2rem;
}


.topdoctor6{
width: 100%;
text-align: center;
margin-bottom:2rem;
}

.topdoctor6 a{
display: inline-block;
padding: 1rem 3rem;
text-align: center;
color: #fff;
font-size: 1.5rem;
background: linear-gradient(90deg, #ad785e, #643620);
border-radius: 200px;
font-weight: 400;
}

.topdoctor6 a span{
}

.topdoctor6 a span::before{
content: "→";
display: inline-block;
margin-right: 1rem;
}

.topdoctor7{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
order: 1;
}

.topdoctor8{
width: 100%;
margin-bottom: 2rem;
text-align: center;
}

.topdoctor8 img{
width: 56%;

}

.topdoctor9{
width: 100%;
margin: 0 auto 3rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.topdoctor10{
width: 50%;
margin-bottom: 1.5rem;
}

.topdoctor10 img{
width: 100%;

}

.topdoctor11{
font-size: 2rem;
width: 100%;
text-align: right;
}

.topdoctor11 span{
font-size: 1.6rem;
font-weight: 400;
display: inline-block;
margin-right: 1rem;
}


.topdoctor12{
	width: 70%;
	margin: 3rem auto 0;
}
















.footer__w{width: 100%;background: #e7e3d9;padding: 3rem 1.6rem 9rem;}

.footer1{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;background: #fff;border-radius: 10px;}

.footer2{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer3{
width: 100%;
margin-top: 2rem;
}

.footer4{
width: 100%;
font-size: 1.7rem;
margin-bottom: .5rem;
font-weight: 400;
}

.footer5{
width: 100%;
margin-bottom: 1rem;
}

.footer5 a{
width: 100%;
font-weight: 700;
font-size: 2.2rem;
}

.footer5 a span::before{
content: "";
background: url("../images/ic_tel.svg");
background-size: cover;
width: 1.6rem;
height: 1.6rem;
display: inline-block;
margin-right: .4rem;
vertical-align: middle;
}

.footer6{
width: 100%;
font-size: 1.5rem;
}

.footer7{
    width: 100%;
    background: #fff;
    padding: 2rem 0;
border-radius: 10px 10px 0 0;
}

.footer7 img{
width: 100%;
}


.footer8{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer9{
width: 100%;
background: #f9f9f9;
padding: 5rem 3rem;
}

.footer10{
width: 100%;
font-size: 1.4rem;
color: #5a9f4d;
}

.footer10 span::before{
content: "";
color: #5a9f4d;
display: inline-block;
margin-right: .3rem;
}

.footer11{
width: 100%;
font-weight: 400;
margin-bottom: 1rem;
}

.footer11:last-child{
margin-bottom: 0;
}

.footer12{
width: 100%;
}

.footer12 iframe{
width: 100%;
height: 50vh;
}

.footer13{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer14{
width: 100%;
background: #fff;
padding: 3rem;
}

.footer15{
width: 100%;
margin-bottom: 2.5rem;
}

.footer15 span{
display: inline-block;
background: #5f4e34;
padding: .5rem 2rem;
font-weight: 400;
font-size: 1.6rem;
color: #fff;
}

.footer16{
width: 100%;
margin-bottom: 2rem;
}

.footer16 img{
width: 70%;
}

.footer17{
width: 100%;
font-weight: 600;
margin-bottom: 2rem;
}



.footer18{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #f9f9f9;
padding: 2rem;
border-radius: 0 0 10px 10px;
}

.footer19{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer20{
width: 50%;
margin-bottom: 1rem;
}

.footer20:last-child{
margin-bottom: 0;
}

.footer20 a{
display: inline-block;
font-size: 1.5rem;
font-weight: 400;
}

.footer20 a span{
}

.footer20a::after,
.footer20b::after,
.footer20c::after,
.footer20d::after,
.footer20e::after,
.footer20f::after,
.footer20g::after{
display: block;
width: 100%;
font-size: 1.0rem;
color: #86c249;
}

.footer20a::after{
content: "HOME";
}

.footer20b::after{
content: "MEDICAL";
}

.footer20c::after{
content: "BRAIN CHECKUP";
}

.footer20d::after{
content: "DOCTOR";
}

.footer20e::after{
content: "CLINIC";
}

.footer20f::after{
content: "ACCESS";
}

.footer20g::after{
content: "RECRUIT";
}


























































.bg100{
background: #f5f5f5;
}

.doctorhistory__w .bg100 {
padding: 2rem 0;
}



/*nav*/
nav.sub-header {
display: none;
}



.subnav__w{
width: 95%;
margin: 0 auto 5vw;
}

.subnav__w ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.subnav__w ul li{
width: 33%;
text-align: center;
margin: 0 0 2vw 0;
display: flex;
flex-direction: column;    
}
.subnav__w2 ul li{
width: 48%;   
}

.subnav__w ul li a{
width: 100%;
display: flex;
background: #81b44b;
background: linear-gradient(180deg, #725f48 0%, #8f7759 100%);
color: #fff;
padding: 3.5vw 1vw;
border-radius: 5px;
transition: .8s;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
position:relative;
flex-grow: 1;    
}

.subnav__w ul li.sub-btn{
width: 33%;
text-align: center;
margin: 0 0 2vw 0;
display: flex;
flex-direction: column;    
}

.subnav__w ul li.sub-btn a{
width: 100%;
display: flex;
background: #f9f7ef;
background: linear-gradient(180deg, #f9f7ef 0%, #e3decb 100%);
color: #4d3417;
padding: 3.5vw 1vw;
border-radius: 5px;
transition: .8s;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
position: relative;
flex-grow: 1;
align-items: center;  
}    

.subnav__w ul li.sub-btn a span{
position: relative;
width: 100%;
display: block;
font-weight:600;
}

.subnav__w ul li.sub-btn a span::after {
display: none;
}

/*.subnav__w ul li.sub-btn a span::before{
content: "";
background: url(../images/ic_arrow_left.svg);
background-size: cover;
width: 1.4rem;
height: 1.4rem;
display: block;
position: absolute;
left: 20px;
}*/

.subnav__w ul li a.consol1::before,
.subnav__w ul li a.consol2::before,
.subnav__w ul li a.consol3::before,
.subnav__w ul li a.consol4::before,
.subnav__w ul li a.consol5::before {
content: "";
background:url(../images/ic_consol1.svg);
background-repeat: no-repeat !important;
background-size:contain !important;
width: 44px;
height: 44px;
display: block;
position: absolute;
bottom: -2px;
left: 1px;
opacity:.6;
}

.subnav__w ul li a.consol2::before {
background:url(../images/ic_consol2.svg);
}

.subnav__w ul li a.consol3::before {
background:url(../images/ic_consol3.svg);
bottom: -4px;
width: 48px;
opacity:.5;
}

.subnav__w ul li a.consol4::before {
background:url(../images/ic_consol4.svg);
}

.subnav__w ul li a.consol5::before {
background:url(../images/ic_consol5.svg);
}

.subnav__w ul li a:hover {
opacity: .7;
}

.subnav__w ul li a span{
position: relative;
width: 100%;
display: block;
font-weight:600;
}

/*.subnav__w ul li a span::after{
content: "";
background: url(../images/ic_arrow_bottom.svg);
width: 1.4rem;
height: 1.4rem;
display: block;
margin: 1vw auto 0;
}*/

.alink{
display: block;
margin-top: -20vw;
padding-top: 20vw;
}

.btn_detail {
margin:auto;
}

/*.btn_detail a {
transition: .8s;
background: #efefef;
background: linear-gradient(180deg, #ffffff 0%, #efefef 100%);
display: inline-block;
color: #17428d;
border-radius: 100px;
padding: 2vw 8vw;
box-shadow: 3px 3px 8px #eaeaea;
font-size: 1.5rem;
border: 1px solid #17428d;
font-weight: 700;
}*/

.desease_memo__w{
background: #F5F5F5;
padding: 4vw 4vw 4vw;
border-radius: 5px;
margin: 5vw 0 0 0;
width:100%;
}

.desease_memo1{
margin: 0 0 1vw 0;
color: #458535;
font-weight:600;
}

.subpage-img02 {
max-width:100px;
margin:auto;
}

.subpage-img03 {
text-align:center;
}

.subpage-img03 img{
width: 100%;
}
	
.subpage-img05 {
text-align:center;
width: 50%;
padding: 0 1rem;
}

.subpage-img05 img{
width: 100%;
}
	
.row2sp {
display:flex;
}


.subpage-heading--sub span{
background: #458555;
border-radius: 100px;
padding: 1vw 3.8vw;
display: inline-block;
color: #fff;
font-weight: 700;
text-align: center;
}

.memo1 {
display: inline-block;
margin: 0 auto;
background: #F3F3F3;
border-radius: 10px;
padding: 2vw 4vw;
}

.memo2 {
font-size: 1.2rem;
text-align: left;
}

.aboutmri__w{
background: #f7f7f7;
width:100%;	}

.aboutmri1{
background: #17428d ;
color: #fff;
text-align: center;
padding: 1vw 0;
font-size: 1.4rem;
}

.aboutmri2{

padding: 3vw 3vw;
font-size: 1.3rem;
line-height: 1.6;
}

.mribnr__w {
width: 100%;
display: flex;
justify-content: space-between;

flex-wrap: wrap;
}

.mribnr1 {
width: 70%;
margin: 0 auto 5vw;
}

.mribnr1 a img {
width: 100%;
box-shadow: 6px 6px 3px #e8e8e8;
}

.access_info_w {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 3vw 0;
}
.access_info {
width: 100%;
} 
.access_info1 {
width: 100%;
padding: 0 0 2vw;
text-align: center;
} 
.access_info1 img {
width: 100%;
}    
.access_info2 {
color: #e50012;
line-height: 1.6;
width: 100%;
text-align: left;
font-weight: bold;
}  
.access_info3 {
width: 100%;
text-align: center;
} 
.access_info3 iframe {
width: 100%;
height: 40vh;
border-radius: 10px;
}    


.fac__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.facbox{
width: 48%;
margin: 0 0 4vw 0;
}

.facbox2{
width: 100%;
}

.fac1{
width: 100%;
}

.fac1 img{
width: 100%;
/*border-radius: 10px 10px 0 0;*/
}

.fac2{
text-align: center;
font-size: 1.3rem;
color: #333;
background: #f7f7f7;
padding: 1.3vw 0;
}
.fac3{
margin: 2vw 0 0;
}
.fac3 a {
display: block;
width: 100%;
margin: 0 auto;
background: linear-gradient(180deg, #e6c33d 0%, #17428d 100%);
padding: 2vw 0;
text-align: center;
letter-spacing: -.005rem;
color: #ffffff;
box-shadow: 6px 6px 15px #adadadad;
font-weight: 600;
font-size: 1.3rem;
line-height: 1;
position: relative;
border-radius: 3px;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.fac3 a span::after {
content: "";
background: url(../images/ic_arrow1.svg);
display: inline-block;
width: 1.55rem;
height: 1.55rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 3.6rem;

}    

.tblw100 {
width: 100%;
}
.consu_note {
text-align: left;
line-height: 1.5;
padding-left: 1em;
text-indent: -1em;
margin: 1vw 0 0;
}
.tbl_price1 {
border: 1px solid #8e8383;
font-size: 1.2rem;
}

.tbl_price1 td {
padding: 2vw 2vw;
border: 1px solid #d6d6d6;
vertical-align: middle;
}

.price1 {
width: 50%;
background: #f7f7f7;
line-height: 1.7;
}

.price2 {
text-align: left;
color: #544a44;
width: 50%;
line-height: 1.5;
}
.plan_txt{
margin: 1vw 0 0;
}
.plan_note{
text-align: left;
line-height: 1.5;
padding-left:1em;
text-indent:-1em;
margin: 1vw 0 0;
}
.price3 {
margin: 1vw 0 0;
line-height: 1.6;
}

.comments {
font-size:.85em;
color: #17428d;
margin-right:.85em;
}

.comments-list {
font-size:.85em;
color: #17428d;
display:inline-block;
width:310px;
margin-left:auto;
font-weight:normal;
}

.comments-list li {
line-height: 1.3;
color: #8E8E8E;
}

.subdoctor_i2 {
width: 210px;
margin: 0 auto 8vw;
}

.mri_h {
font-size:1.6rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
color: #17428d;
}

.w100 {
width:100%;
}

.mri_feature{
font-size: 1.6rem;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
color: #17428d;
margin: 0 0 1vw 0;
}   

.mri_feature_note {
background: #F5F5F5;
padding: 4vw 4vw 4vw;
border-radius: 5px;
width: 100%;
}    
.mri_feature2{
font-size: 1.5rem;
letter-spacing: .1rem;
line-height: 1.4;
padding-left: 3vw;
position: relative;
font-weight: 700;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}  
.mri_feature2::before {
border-left: 4px solid #17428d;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
}    
.mri__w {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 4vw 0;
}
.mribox {
width: 48%;
}
.mri1 {
width: 100%;
}
.mri1 img {
width: 100%;
}
.mri2 {
text-align: center;
font-size: 1.3rem;
color: #333;
padding: 1.3vw 0 0;
}    
.mribox_3 {
width: calc(100% / 3);
}    
.mribox_2 {
width: calc(100% / 2);
}   
.mri3 {
width: 100%;
} 
.mri3 img {
width: 100%;
} 
.mri4 {
width: 100%;
padding: 5vw 0 0;
} 
.mri4 img {
width: 100%;
} 
.mri_tbl {
width: 100%;
background: #fff;
border-spacing: 0;
border-collapse: collapse;
border-radius: 10px;
}  
.mri_tbl td {
border: 1px solid #d6d6d6;
vertical-align: middle;
letter-spacing: 0;
}  
.mri_tbl td:nth-child(1),
.mri_tbl td:nth-child(2),
.mri_tbl td:nth-child(3){
text-align: center;
}     
.mri_tbl1 {
text-align: center;
padding: 1rem 0.5rem;
background: #f7f7f7;
}   
.mri_tbl4 {
padding: 0.5rem;
text-align: justify;
line-height: 1.5;
width: 50%;
}  
.mri_btn {
margin: 20px 0 0;
display: flex;
flex-direction: column
}   
.mri_btn a {
display: block;
width: 230px;
margin: 0 auto 1rem;
background: linear-gradient(180deg, #e6c33d 0%, #17428d 100%);
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #ffffff;
box-shadow: 6px 6px 15px #adadadad;
font-weight: 600;
font-size: 1.3rem;
line-height: 1;
position: relative;
border-radius: 3px;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
} 
.mri_btn a span::after {
content: "";
background: url(../images/ic_arrow1.svg);
display: inline-block;
width: 1.55rem;
height: 1.55rem;
position: absolute;
top: 1.95rem;
right: 2rem;
}
.vid_contents {
width: 100%;
text-align: center;
margin: auto;
}
.vid_contents video {
width: 100%;
}    
.vid_contents .vid_main2 {
width: 100%;
height: auto;
}       
.partner__w{
width: 100%;
}  
.partner__w ul {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}  
.partner__w ul li {
letter-spacing: .1rem;
line-height: 1.6;
padding-left: 1em;
text-indent: -1em;
margin: 0 0 10px;
}  
.partner__w ul li a{
border-bottom: 1px dotted;
}
.partner__w ul li a:before {
content: "■";
font-size: 1.5rem;
color: #ffa952;
}   


/*tobbnrボタン*/    
.top_bnrbtn__w{
width: 100%;
background: #fff;
padding: 0 0 1rem;
}
.top_bnrbtn__w2{
width: 100%;
background: #fff;
padding: 0 2rem;
}
.top_bnrbtn{
width: 80%;
margin: 0 auto;
border: solid 1px #d7d7d7;
}
.top_bnrbtn img{
width: 100%;
}    
.point_w {
display: flex;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 5px;
width: 100%;
margin: 0 auto;
}
.point_w ul {
    width: 100%;
/*background: linear-gradient(180deg, #0fb8e3 0%, #17428d 100%);*/
background:#f5f5f5;
    /*background: url(../images/point_bg_sp.jpg) top center;
    background-size: 100%;
    background-repeat: no-repeat;*/
    padding: 1.5rem;
margin: 2rem;
}    
.point_w ul li {
    width: 100%;
    line-height: 1.8;
    margin: 0 0 2vw 0;
color: #17428d;
font-size:1.4rem;
text-align:center;

    /*padding-left: 1.5em;
    text-indent: -1.5em;
text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px, #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;*/
}
.point_w ul li .point-list::before {
    content: "";
    display: inline-block;
    background: url(../images/ic_top-check.svg);
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 .5em 0 0;
    vertical-align: sub;
    background-size: cover;
}

.bg_nofit {
position: relative;
margin-bottom: 0.2rem;
padding: 1rem;
color: #353535;
background-color: #ddcfb3;
}

.bg_nofit:before {
position: absolute;
inset: -5px 5px 5px -5px;
border: 1px #b7a15d solid;
content: '';
}






.point01_w {
width: 100%;
background: url(../images/point01_bg.png) no-repeat left center;
background-size: auto;
background-size: 60px 60px;
height: 60px;
margin: 0 auto 3rem;
}
.point02_w {
padding-left: 80px;
width: 100%;
background: url(../images/point02_bg.png) no-repeat left center;
background-size: auto;
background-size: 60px 60px;
margin: 0 auto 3rem;
}
.point03_w {
padding-left: 80px;
width: 100%;
background: url(../images/point03_bg.png) no-repeat left center;
background-size: auto;
background-size: 60px 60px;
margin: 0 auto;
}
.point01_w p {
padding-left: 80px;
font-size: 14px;
text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px , #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
display: table-cell;
vertical-align: middle;
}
.point02_w p {
font-size: 14px;
text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px , #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
display: table-cell;
vertical-align: middle;
height: 80px;
}
.point03_w p {
font-size: 14px;
text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px , #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
display: table-cell;
vertical-align: middle;
height: 80px;
}
.point_b {
font-weight: 900;
font-size: 2.2rem;
line-height: 1.4;
display: block;
margin: 3px 5px 3px 0;
}   
.point_txt {
width: 90%;
font-size: 1.3rem;
text-align: center;
margin: 0 auto 3rem;
font-weight: 700;
background: #17428d;
color: #fff;
border-radius: 5px;
line-height: 1.3;
padding: 2vw 4vw 2vw 4vw;
}
.point_txt span {
font-size: 14px;
line-height: 1.4;    
}  
.br_pc {
display: none;
}

.underline{
margin: 0 0 1rem;
line-height: 2;      
background: linear-gradient(transparent 96%, #333333 0%);
display: inline; 
}    


.pay_ttl1{
margin: 2rem 0 0;
font-size: 1.4rem;
font-weight: 700;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; 
padding-left:1em;
text-indent:-1em;
}.pay_ttl2{
margin: .5rem 0 .5rem;
}    
.pay_img1{
width: 70%;
margin: 0 0 2rem;    
}      
.pay_img1 img{
width: 100%;
}  
.pay_img2{
width: 100%;
}      
.pay_img2 img{
width: 100%;
}  


.pay_btn {
margin: auto;
}   
.pay_btn a {
display: block;
width: 210px;
margin: 0 auto;
background: linear-gradient(180deg, #c3b788 0%, #998d60 100%);
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #ffffff;
box-shadow: 6px 6px 15px #adadadad;
font-size: 1.3rem;
line-height: 1;
position: relative;
border-radius: 3px;
font-family: YuMincho, 'Yu Mincho', serif, YakuHanJP_Narrow, 'Noto Serif JP', serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.pay_btn a span:after {
content: "";
background: url(../images/ic_arrow1.svg);
display: inline-block;
width: 1.55rem;
height: 1.55rem;
position: absolute;
top: 1.95rem;
right: 2rem;
}      

.annai {
text-align: center;
width: 90%;
margin: 0 auto;
}
.annai span {
display: inline-block;
padding: 2rem 5rem;
font-weight: 600;
background: #eaf1f9;
color: #17428d;
box-sizing: border-box;
border-radius: 50px;
font-size: 1.5rem;
}   






.slider {/*背景画像表示の設定*/
align-items: center;/*フレックスコンテナのクロス軸の中央に揃える*/
background-position: center center;/*画像背景を上下中央に配置*/
background-size: cover;/*画像をコンテナーいっぱいに大きく拡大縮小*/
display:flex;/*フレックスボックスを利用*/
justify-content: center;/*アイテムを中央に寄せる*/
width: 100%;/*幅100％*/
}
.slider::before {
content: "";/*何も表示しない*/
display: block;/*親要素の大きさが継承され１つのブロックとして認識*/
padding-top: 10vh; /* 比率を指定 */
}
.bg-slider_title {/*表示させたい文字の設定*/
color: #ccc;
font-family:'Montserrat', sans-serif;
font-size: 450%;
font-weight: 700;
line-height: 1.0em;
padding-top: 0px;/*何も設定しなければ上下中央*/
text-align: center;
}


.bnr_w{
	width: 100%;
	margin: 0 auto 2rem;
}
.bnr1{
	padding: 0 2rem;
}
.bnr1 a{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 1.5rem;
        background: #efe7de;
        padding: 2rem 0;
        color: #5d503d;
}
.bnr1 a span::after{
	content: "";
        background: url(../images/bnr_detail.png) no-repeat;
        display: inline-block;
        width: 187px;
        height: 30px;
        vertical-align: middle;
	background-size:contain;
	margin-top: 1rem;
}

  .video-area {
    width: 100%;
    background: #efefec;
    display: flex;
    position: relative;
  }

  .video_top {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
.video_facility {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
	
}
/* sp*/











.h_medical--sub{
  font-size: 1.8rem;
    font-weight: 300;
    line-height: 1;
    padding-bottom: 1.2rem;
}
@media (max-width: 750px) {
.h_medical--sub{
        font-size: 1.4rem;
        padding-bottom: 0.4rem;
        line-height: 1.5;
}
}




.notices-container {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  overflow: hidden;
  max-height: 440px;
  overflow-y: auto;
}

.notice-item {
  padding: 24px 28px;
  border-bottom: 2px dotted #8E7553;
  background-color: #fbf9f3;
}

.notice-item:last-child {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .notice-item {
    padding: 18px 16px;
  }
}

@media screen and (max-width: 480px) {
  .notice-item {
    padding: 18px 14px;
  }
}

.notice-content {
  color: #6b5d4f;
  font-size: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .notice-content {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media screen and (max-width: 480px) {
  .notice-content {
    font-size: 13px;
    line-height: 1.6;
  }
}

.notice-title {
  font-weight: 500;
  font-size: 1.8rem;
  color: #4D3417;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
.notice-title {
          font-size: 1.6rem;
        margin-bottom: 4px;
}
}

.notice-date {
  color: #666666;
  font-size: 13px;
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .notice-date {
    font-size: 12px;
    margin-top: 6px;
  }
}

@media screen and (max-width: 480px) {
  .notice-date {
    font-size: 11px;
  }
}



@media print{
.no_print{display: none;}
}
