@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');


/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box{
opacity: 0;
}

/*==================================================
ふわっ
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}

to {
opacity: 1;
transform: translateY(0);
}

}



.effect-fade {
opacity: 0;
transform: translate(0, 50px); /* フェードインで動く高さを指定 */
transition: all 1000ms; /* フェードインにかかる時間を指定 */
}
.effect-scroll {
opacity: 1;
transform: translate(0, 0);
}

.effect-fade {
opacity: 0;
transform: translate(0, 50px);
transition: all 1000ms;
}
.effect-scroll {
opacity: 1;
transform: translate(0, 0);
}
/* 以下が追加の部分 */
/* 2つ目の要素に400msのdelayをかける */
.effect-fade:nth-of-type(2) {
-moz-transition-delay: 400ms;
-webkit-transition-delay: 400ms;
-o-transition-delay: 400ms;
-ms-transition-delay: 400ms;
}
/* 3つ目の要素に800msのdelayをかける */
.effect-fade:nth-of-type(3) {
-moz-transition-delay: 800ms;
-webkit-transition-delay: 800ms;
-o-transition-delay: 800ms;
-ms-transition-delay: 800ms;
}
/* 4つ目の要素に800msのdelayをかける */
.effect-fade:nth-of-type(3) {
-moz-transition-delay: 1200ms;
-webkit-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
}



/* PC */
@media screen and (min-width:751px) {

.headerfix{
position: fixed;
top:0;
width: 100%;
z-index: 10;
background: #fff;
}

/* header */

header{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 1;
    position: relative;
    padding: 1.8rem 0;
}
.header__wrap{
width: 1300px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.header__logo{
width: 350px;
}
.header__logo h1 a:hover{
opacity: 1;
}

.header__logo h1 a img{
width: 100%;
}

.header__contact{
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
width: 800px;
flex-direction: row;
}

.header-contact__group{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 240px;
text-align: center;
margin-right: 2rem;
}

.header-contact__group:last-child{
margin-right: 0;
}

.header5{
width: 100%;
font-size: 1.4rem;
line-height: 1.8;
}




.header6{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.header-subject__w{
  width: 30rem;
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 2rem;
  row-gap: .5rem;
  margin-right: 2rem;
}

.header-subject__label{
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: .1rem;
  white-space: nowrap;
}

.header-contact__label{
width: 100%;
text-align: center;
font-size: 1.5rem;
margin-bottom: .2rem;
font-weight: 400;
letter-spacing: .2rem;
}

.header8{
font-size: 1.8rem;
display: inline-block;
margin-right: .7rem;

}

.header8 span{
width: 100%;
display: block;
background: #f8f7f1;
text-align: center;
padding: .2rem 0;
color: #6b5e4d;
font-size: 1.5rem;
}


.header-contact__tel{
width: 100%;
}

.header-contact__tel a{
font-size: 2.8rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.15rem;
align-items: baseline;
}

.header-contact__tel a::before{
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 2rem;
height: 2rem;
margin-right: .3rem;
vertical-align: middle;
}


.header11{
font-size: 1.3rem;
line-height: 1.4;
}

.header12{
width: 100%;
font-size: 1.2rem;
padding: 1rem 0 1.8rem;
font-weight: 400;
}

.header14{
text-align: right;
width: 100%;
font-size: 1.4rem;
color: #404040;
}

.header-button--reserve{
width: 18rem;
}

.header-button--reserve a{
  width: 100%;
  background: #f16085;
  color: #fff;
  padding: 1.5rem 0;
  font-size: 1.8rem;
  display: block;
  text-align: center;
  border-radius: 3px;
}

.header-button--reserve a span::before{
content: "";
background: url("../images/ic_arrow5.svg");
display: inline-block;
width: 1.3rem;
height: 1.3rem;
margin-right: 1rem;
vertical-align: middle;
}

.button--reserve{
width: 23rem;
}

.button--reserve a{
  width: 100%;
  background: #f16085;
  color: #fff;
  padding: 1.5rem 0;
  font-size: 1.8rem;
  display: block;
  text-align: center;
  border-radius: 3px;
}

.button--reserve a span::before{
content: "";
background: url("../images/ic_arrow5.svg");
display: inline-block;
width: 1.3rem;
height: 1.3rem;
margin-right: 1rem;
vertical-align: middle;
}












/* timetable */

.headertimetable__w{
width: 100%;
padding: 80px 0 20px;
background: #ebeaea;
background-size: cover;
}

.headertimetable1{
text-align: center;
margin: 0 0 90px 0;
}

.headertimetable1 h2{
font-size: 2rem;
font-weight: 400;
letter-spacing: .5rem;
color: #622b11;
background: linear-gradient(45deg, #ffef72, #ffed62);
width: 500px;
margin: 0 auto;
box-shadow: 15px 15px 0px rgb(210 207 129 / 20%);
text-align: right;
padding: 18px 22px;
}

.headertimetable1 h2 span{
display: block;
position: relative;
}

.headertimetable1 h2 span::before{
content: "TIMETABLE";
display: block;
text-align: right;
font-size: 4rem;
letter-spacing: .3rem;
color: #622b11;
font-weight: 400;
line-height: 1;
font-family: 'Zen Maru Gothic', sans-serif;
margin: 0 0 12px 0;
}

.headertimetable2 h2 span::after{
content: "";
background: url("../images/ic_timetable.svg");
width: 100px;
height: 100px;
display: block;
top: -50px;
left: -50px;
position: absolute;
filter: drop-shadow(3px 6px 0px rgba(255,251,221,.50));
}


.headertimetable3{
}

.headertimetable4{
}

.headertimetable4a{
background: url(../images.headertimetable1.png) no-repeat left center;
background-size: 450px 300px;
}

.headertimetable4b{
background: url(../images.headertimetable2.png) no-repeat right center;
background-size: 450px 300px;
}

.headertimetable4c{
background: url(../images.headertimetable3.png) no-repeat left center;
background-size: 450px 300px;
}

.headertimetable4d{
background: url(../images.headertimetable4.png) no-repeat right center;
background-size: 450px 300px;
}

.headertimetable4e{
background: url(../images.headertimetable5.png) no-repeat left center;
background-size: 450px 300px;
}



.headertimetable5{
width: 750px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin: 0 auto;
}

.headertimetable6{
display: block;
text-align: center;
font-size: 2.4rem;
font-weight: 700;
margin: 0 0 20px 0;
width: 100%;
letter-spacing: .3rem;
}

.headertimetable7{
width: 100%;

}

table.schedule__table{
width: calc(100%);
background: #fff;
margin: 0 auto;
border: 1px solid #d9d4d4;

}

table.schedule__table th{
background: #efefef;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1.6;
width: 10.5%;
letter-spacing: .1rem;
}

table.schedule__table th:first-child{
width: 26.5%;
}

table.schedule__table td{
background: #fdfdfd;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1.6;
letter-spacing: 0.05rem;
border-bottom: 1px solid #d9d4d4;
vertical-align: middle;
}

table.schedule__table td:first-child{
background: #f8f8f8;
}

table.schedule__table tr{
}

.headertimetable9{
width: 570px;
margin: 0 auto;
text-align: right;
padding: 0 15px 0 0;
font-size: 1.8rem;
}

table.schedule__table td.headertimetable10a{
color: #fff;
text-align: center;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', serif;
letter-spacing: .35rem;
padding: 10px 0;
background: linear-gradient(90deg, #ed6d00, #ed6d00);
line-height: 1;
font-weight: 500;
}

table.schedule__table td.headertimetable10b{
color: #fff;
text-align: center;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', serif;
letter-spacing: .15rem;
padding: 10px 0;
background: linear-gradient(90deg, #01aee4, #01aee4);
line-height: 1;
font-weight: 500;
}

.headertimetable11{
font-size: 1.3rem;
letter-spacing: -.05rem;
font-weight: 700;
}

.headertimetable12{
width: 100%;
text-align: center;
}

.headertimetable12 > .closed{
display: inline-block;
text-align: center;
padding: 3px 12px;
background: #fff;
font-size: 1.5rem;
color: #ef6276;
margin: 0 0 20px;    
}
.headertimetable12 > .repletion{
width: 600px;
margin: 0 auto;
text-align: left;
}
.headertimetable12_f{
text-align: center;
width: 500px;
margin: 0 auto;
}

.headertimetable12_f > .closed{
display: inline-block;
text-align: center;
padding: 3px 12px;
background: #fff;
font-size: 1.5rem;
color: #ef6276;
margin: 0 0 10px;    
}
.headertimetable12_f > .repletion{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 1.4rem;    
}    
.headertimetable13{
width: 100%;
text-align: center;
}

.headertimetable13 span{
display: inline-block;
text-align: center;
padding: 5px 20px;
background: #fff;
font-size: 1.7rem;
color: #1ea189;
border: 2px solid #1ea189;
border-radius: 5px;
}

.headertimetable14{
width: 930px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}

.headertimetable15{
width: 100%;
text-align: center;
}

.headertimetable15 span{
display: inline-block;
text-align: center;
padding: 8px 30px;
background: #ffffff;
font-size: 1.9rem;
color: #1fa189;
border: 1px solid #1fa189;
font-weight: 700;
}

.schedule__separator{
width: 450px;
}

.schedule__separator a{
display: inline-block;
text-align: center;
background: #fff;
font-size: 1.6rem;
color: #1ea189;
border: 1px solid #1ea189;
font-weight: 700;
line-height: 1;
box-shadow: 4px 4px 10px #ced1d8;
box-sizing: content-box;
width: 450px;
}

.schedule__separator a:hover{
opacity: .7;
}

.schedule__separator a img{
width: 100%;
}

.headertimetable17{
width: 450px;
}

.headertimetable17 a{
display: inline-block;
text-align: center;
background: #fff;
font-size: 1.6rem;
color: #1ea189;
border: 1px solid #fd6c58;
font-weight: 700;
line-height: 1;
box-shadow: 4px 4px 10px #ced1d8;
box-sizing: content-box;
width: 450px;
}

.headertimetable17 a:hover{
opacity: .7;
}

.headertimetable17 a img{
width: 100%;
}




.headertimetable18{
width: 750px;
margin: 0 auto;
}

.headertimetable18 a{
width: 100%;
display: block;
text-align: center;
}


.headertimetable18 a img{
width: 55%;
box-shadow: 10px 10px 15px #bfbfbf;
border-radius: 5px;
}

.schedule__closed{
color: #ccc;
font-weight: 400;
}


.schedule__time{
font-family: 'Asap', sans-serif;
}

.headertimetable21{
font-size: 1.1rem !important;
line-height: 1 !important;
letter-spacing: 0;
}


/* timetable */




/* header */















/* nav */


/*========= ドロップダウンのためのCSS ===============*/

/*==ナビゲーション全体の設定*/
nav{
text-align: center;
/*padding: .5rem 0;*/
        /*background: #fff5f5;
        background: #f3f0e9;*/
    background: #fff5f5;
}

/*ナビゲーションを横並びに*/
.navul, .navul2{
/*2階層目の基点にするためrelativeを指定*/
position: relative;
list-style: none;
display: flex;
justify-content: center;
width: 1120px;
margin: 0 auto;
}

.navul .navulli1{

}

.has-child{
margin: 0 0 0 0;
}


/*2階層目以降は横並びにしない*/
.navul2{
display: block;
}

/*ナビゲーションのリンク設定*/
.navulli1 a,
.navulli2 a,
.has-child a
{
/*矢印の基点にするためrelativeを指定*/
position: relative;
display: block;
text-decoration: none;
padding: 2.5rem 1.5rem;
transition: all .3s;
font-size: 1.6rem;
font-weight: 400;
}
.navulli1 a:hover,
.has-child a:hover{
background: #FBDEDE;
}
.navulli2 a{
padding:20px;
}

.navulli1 a:hover,
.navulli2 a:hover,
.has-child a:hover{
    opacity: 1;
    /*color: #f16085;*/
    /*font-weight: 500;*/
    /* background-color: aliceblue; */
    }

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/

.has-child > a::before{
position: absolute;
left:0;
top:60px;
width:6px;
height:6px;
border-top: 2px solid #fff;
border-right:2px solid #fff;
transform: rotate(135deg);
}

/*==2階層目以降の画像設定*/

.has-child img{
width: 70%;
height: auto;
transition: all .5s;
vertical-align: bottom;
border-radius: 31% 69% 44% 56% / 53% 30% 70% 47%;
}


/*== 2層目の設定 */

.navul2{
    position: absolute;
    top: 7.5rem;
    z-index: 4;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
    background: #F5B5C5;
    width: 99vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* border-top: 1px solid #DFDCD7; */
    overflow: hidden;
}


/*hoverしたら表示*/
.has-child:hover > .has-childhover{
visibility: visible;
opacity: 1;
z-index: 100;
}

/*各ナビゲーション横幅*/
.navulli2{
    /* background: #f8f6f3; */
    display: flex;
    align-items: center;
}

.navulli2b{
width: 25rem;
background: #f8f6f3;
display: flex;
align-items: center;}

.has-child-img{
    width: 20rem;
    /* background: #f8f6f3; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.has-child-2{
    margin: 0 auto;
    width: 100rem;
    padding: 1rem 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /* background: #d87d97; */
}

.has-child-3{
    width: 53rem;
    /* background: #f8f6f3; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

/*ナビゲーションaタグの形状*/
.navulli2 a,
.navulli2b a{
    font-size: 1.5rem;
    text-align: left;
    padding: 1.5rem 3rem;
    position: relative;
    background: #fff;
    border-radius: 200px;
}

.navulli2 a span::before,
.navulli2b a span::before{
display: block;
position: absolute;
top: 2rem;
left: 0.6rem;
width: 0.8rem;
height: 0.8rem;
background-color: #f5b5c5;

}

.navulli2 a:hover,
.navulli2 a:active{

}


.navbnr{
display: flex;
align-items: center;
}

.navbnr a{
display: inline-block;
background: #02b2bf;
padding: 15px 18px;
color: #fff;
border-radius: 12px 5px 12px 5px;
}

.navbnr a:hover{
background: #25C5D0;
color: #fff;
}






/* nav */











/* slider */

.swiper {
width: 100%;
margin-top: 17rem;
}
.swiper-wrapper {
max-width: 1200px;
}
.swiper-slide {
text-align: center;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.swiper-slide1a{
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
z-index: 1;
text-align: left;
left: 50%;
width: 100%;
max-width: 1200px;
}


.swiper-slide1a span{
display: inline-block;
color: #222;
font-weight: 500;
font-size: 3.2rem;
line-height: 2;
filter: drop-shadow(1px 1px 1px rgba(255,255,255,.50));
text-shadow: rgba(255,255,255,.50) 2px 0px,  rgba(255,255,255,.50) -2px 0px,
rgba(255,255,255,.50) 0px -2px, rgba(255,255,255,.50) 0px 2px,
rgba(255,255,255,.50) 2px 2px , rgba(255,255,255,.50) -2px 2px,
rgba(255,255,255,.50) 2px -2px, rgba(255,255,255,.50) -2px -2px,
rgba(255,255,255,.50) 1px 2px,  rgba(255,255,255,.50) -1px 2px,
rgba(255,255,255,.50) 1px -2px, rgba(255,255,255,.50) -1px -2px,
rgba(255,255,255,.50) 2px 1px,  rgba(255,255,255,.50) -2px 1px,
rgba(255,255,255,.50) 2px -1px, rgba(255,255,255,.50) -2px -1px;
}

.swiper-slide1b{
margin-top: 2rem;
}

.swiper-slide1b span{
display: inline-block;
color: #5d481d;
font-weight: 400;
margin-bottom: 1.3rem;
font-size: 1.8rem;
line-height: 1.8;
}

.swiper-slide1c{
position: absolute;
z-index: 1;
bottom: 1rem;
color: #fff;
font-size: 1.4rem;
text-align: right;
display: block;
width: 100%;
max-width: 1930px;
padding-right: 1rem;
}


.swiper-slide2{
    position: relative;
    width: 100%;
    height: calc(100vh - 30rem);
    min-height: 850px;
}


.swiper-slide2 img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
display: none !important;
}

.swiper_txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 900px;
z-index: 10;
}

.swiper_txt img {
display: block;
width: 100%;
}

.swiper-slide img{
width: 100vw !important;
max-width: 1400px;
}

/* slider */









/* pagetop */


#page-top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
}
#page-top a {
width: 60px;
display: block;
opacity: 0.9;
transition: all .3s ease;
}
#page-top a:hover {
text-decoration: none;
opacity: .5;
}


#page-top a img{
width: 100%;
display: block;
}


/* pagetop */






/* breadcrumb */

.breadcrumb__w{
width: 100%;
margin: 0 auto;
padding: 15px 0 15px 30px;
font-size: 1.5rem;
background: #f5f5f5;
}

.breadcrumb__w ol{
padding: 0;
color: #333 !important;
margin: 0 auto;
text-align: center;
}

.breadcrumb__w ol li{
list-style:none;
display:inline;
}

.breadcrumb__w ol li a:link,
.breadcrumb__w ol li a:visited{
color:#333 !important;
}

.breadcrumb__w ol li a:hover,
.breadcrumb__w ol li a:active{
opacity: .7;
}

.breadcrumb__w ol li:last-of-type a{
color:#333 !important;
}

.breadcrumb__w ol li:last-of-type a:hover,
.breadcrumb__w ol li:last-of-type a:active{
opacity: .7;
}

/* breadcrumb */















/* news */

.topnews__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 0 0;
}

.topnews1 {
width: 100%;
max-width: 1200px;
margin: 0 auto 3rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 3rem 0 3rem;

}

.topnews2 {
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 3rem;
text-align: center;
}

.topnews3 {
width: 100%;
display: flex;
flex-wrap: wrap;
text-align: center;
align-items: center;
justify-content: center;
}

.topnews3 h2 {
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600
}

.topnews3 h2 span {
}

.topnews3 h2 span::before {
content: "INFORMATION";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.topnews4 {
width: 1000px;
margin: 0 auto;
/*max-height: 450px;
overflow-y: auto;スクロール*/
}

.topnews5 {
width: 100%;
}
.newskiji1 {
width: 100%;
border-bottom: 1px dotted #cac8bc;
padding: 0 0 1.6rem 0;
margin: 0 0 1rem;
}
	
	
	

.newskiji2 {
width: 100%;
font-size: 1.3rem;
margin: 0 0 0 0;
font-weight: 400;
}  
.newskiji3 {
width: 100%;
}
	
.newskiji4 {
display: inline-block;
font-size: 1.6rem;
margin: 0 0 .5rem 0;

} 
.newskiji4 a {
text-decoration: underline;
	} 
	
.newskiji5 {
width: 100%;
font-size: 1.6rem;
}  







/* news */










.topfeature__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fffefc;
padding: 9rem 0 5rem;
}

.topfeature1{
width: 100%;
margin-bottom: 10rem
}

.topfeature1 h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.topfeature1 h2 span{
}

.topfeature1 h2 span::before {
content: "FEATURES";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}


.topfeature2{
width: 1060px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topfeature3{
width: 100%;
margin: 0 auto 7rem;
display: flex;
justify-content: space-between;
position: relative;
}

.topfeature4{
width: 500px;
position: relative;
}


.topfeature4 img{
width: 100%;
border-radius: 31% 69% 44% 56% / 53% 30% 70% 47%;
}

.topfeature4-2{
order: 2;
}

.topfeature5{
width: 500px; 
position: relative;
}

.topfeature6{
font-size: 3.2rem;
font-weight: 600;
letter-spacing: .3rem;
color: #3e1f03;
margin-bottom: 1rem;
transform: scaleY(1.05);
}

.topfeature6 span{
font-size:5rem;
color: #8fb28b;
}


.topfeature7{
line-height: 2.3;
font-size: 1.6rem;
font-weight: 400;
}







/*topdoctor*/

.topdoctor__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 0 0 0;
}

.topdoctor1{
width: 850px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #f7f6f2;
padding: 8rem 6rem 7rem 6rem;
align-items: flex-start;
}

.topdoctor2{
width: 620px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;

}

.topdoctor3{
width: 100%;
font-size: 3.5rem;
color: #3e1f03;
}

.topdoctor3 span::before{
content: "DOCTOR";
color: #2eaf45;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: .4rem;
display: block;
line-height: 1;
margin-bottom: .7rem;

}

.topdoctor3 span::after{
content: "";
display: block;
width: 7.8rem;
border-bottom: 1px dashed #3e1f03;
margin-top: .7rem;
}


.topdoctor4{
width: 100%;
font-size: 2.5rem;
color: #3e1f03;
letter-spacing: .5rem;
}

.topdoctor5{
line-height: 2;
}

.topdoctor6{
width: 100%;
}

.topdoctor6 a span{
display: inline-block;
}

.topdoctor6 a span::before{
content: "";
background: url("../images/ic_arrow1.svg");
width: 4rem;
height:4rem;
display: inline-block;
margin: 0 1.5rem 0 0;
vertical-align: middle;
}

.topdoctor6 span::after{
content: "";
display: block;
width: 20rem;
border-bottom: 1px dashed #3e1f03;
margin: 1rem 0 0 4.5rem;
}

.topdoctor7{
width: 420px;
}


.topdoctor7 img{
width: 100%;
}


.topdoctor8{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topdoctor9{
width: 100%;
font-size: 1.5rem;
}










/* subject */
.topsubject__w{
width: 100%;
padding: 9rem 0;
background: #f8f7f3;
}



.topsubject1{
width: 100%;
margin-bottom: 7rem;
}

.topsubject1 h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600
}

.topsubject1 h2 span{
}

.topsubject1 h2 span::before {
content: "DEPARTMENTS";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}
/*
.topsubject2{
width: 1060px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
*/
.topsubject2{
width: 1060px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}    
.topsubject2b{
/*width: 1060px;*/
width: 990px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
/*
.topsubject3{
width: 320px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-right: 3rem;
}*/
.topsubject3{
width: 320px;
background: #fff;
border-radius: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.topsubject2b .topsubject3{
width: 470px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
/*margin-right: 3rem;*/
}

.topsubject3:nth-child(3){
margin-right: 0;
}

.topsubject3:hover{
}

.topsubject4{
width: 100%;
}

.topsubject4 img{
width: 100%;
border-radius: 20px 20px 0 0;
display: block;    
}
/*
.topsubject5{
width: 100%;
text-align: center;
font-size: 2.2rem;
padding: 3.2rem 0;
margin-bottom: 1.3rem;
background: #fff;
border-radius: 0 0 20px 20px;
font-weight: 500;
}
*/
.topsubject5{
width: 100%;
text-align: center;
font-size: 2.2rem;
padding: 3.2rem 0;
border-radius: 0 0 20px 20px;
font-weight: 500;
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-start;
}
.topsubject6{
width: 100%;
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
}

/* subject */











/* subject */

.topgirai__w{
width: 100%;
padding: 9rem 0;
background: #f3f2e9;
}


.topgirai1{
width: 100%;
margin-bottom: 7rem;
}

.topgirai1 h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600
}

.topgirai1 h2 span{
}

.topgirai1 h2 span::before {
content: "OUTPATIENT";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;

color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.topgirai2{
width: 1060px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}





.topgirai3{
width: 250px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-right:2rem;
border-radius: 0 0 20px 20px;
}

.topgirai3:nth-child(4),
.topgirai3:nth-child(8){
margin-right: 0;
}

.topsubject2 .topgirai3:nth-child(4){
margin-right:2rem;
}

.topsubject2 .topgirai3:nth-child(7){
margin-right:0;
}

.topgirai3:nth-child(5),
.topgirai3:nth-child(6),
.topgirai3:nth-child(7),
.topgirai3:nth-child(8){
margin-bottom: 0;
}

.topgirai3:hover{
}

.topgirai4{
width: 100%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px 20px 0 0;
padding-top: 2.5rem;
}

.topgirai4 img{
width: 6rem;
height: 6rem;
}

.topgirai5{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
font-size: 1.8rem;
padding: 2rem 0;
background: #fff;
border-radius: 0 0 20px 20px;
height: 8.5rem;
line-height: 1.5;
}

.topgirai5 span{
display: block;
font-size: 1.4rem;
width: 100%;
}

.topgirai6{
width: 100%;
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
}

/* subject */









/* subject */

.tophomon__w{
width: 100%;
padding: 9rem 0;
background: #ebe9e0;
}


.tophomon1{
width: 100%;
margin-bottom: 7rem;
}

.tophomon1 h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600
}

.tophomon1 h2 span{
}

.tophomon1 h2 span::before {
content: "HOME";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.tophomon2{
width: 1060px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}

.tophomon3{
width: 250px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-right:2rem;
border-radius: 0 0 20px 20px;
}

.tophomon3:nth-child(3),
.tophomon3:nth-child(8){
margin-right: 0;
}

.tophomon3:nth-child(5),
.tophomon3:nth-child(6),
.tophomon3:nth-child(7),
.tophomon3:nth-child(8){
margin-bottom: 0;
}

.tophomon3:hover{
}

.tophomon4{
width: 100%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px 20px 0 0;
padding-top: 2.5rem;
}

.tophomon4 img{
width: 6rem;
height: 6rem;
}

.tophomon5{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
font-size: 1.8rem;
padding: 2rem 0;
background: #fff;
border-radius: 0 0 20px 20px;
height: 8.5rem;
line-height: 1;
}

.tophomon5 span{
display: block;
font-size: 1.5rem;
width: 100%;
}

.tophomon6{
width: 100%;
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
}

/* subject */











/* medical */

.topmedical__w{
width: 100%;
padding: 8rem 0 9rem;
background: url("../images/topmedicalbg.png") left bottom no-repeat #fafafa;
}

.topmedical1{
width: 1100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.topmedical2{
width: 340px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 5px;
margin-right: 26px;
}

.topmedical2:nth-child(3){
margin-right: 0;
}

.topmedical2:hover{
transform: translateY(-3px);
}


.topmedical3{
width: 100%;
}

.topmedical3 img{
width: 100%;
border-radius: 5px 5px 0 0;
}

.topmedical4{
width: 100%;
text-align: center;
}


.topmedical4 img{
width: 113px;
height: 99px;
margin-top: -50px;
}

.topmedical5{
width: 100%;
font-size: 2.2rem;
text-align: center;
line-height: 1.4;
font-weight: 400;
padding: 2rem 0 0;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
}

.topmedical5 span{
display: block;
position: relative;
width: 100%;
}

.topmedical5 span::after{
content: "";
background: url("../images/ic_arrow2.svg");
width: 1.4rem;
height:1.4rem;
display: inline-block;
vertical-align: middle;
position: absolute;

right: 2rem;
top: 2.7rem;
}

.topmedical6{
font-size: 1.6rem;
display: block;
}

.topmedical7{
width: 495px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 5rem 2rem;
margin-right: 26px;
border-radius: 5px;
}

.topmedical2:nth-child(3){
margin-right: 0;
}

.topmedical7:hover{
transform: translateY(-3px);
}

.topmedical8{
display: block;
width: 50px;
}

.topmedical8 img{
width: 50px;
height: 50px;
}

.topmedical9{
width: calc(100%);
font-size: 2rem;
text-align: center;
line-height: 1.2;
letter-spacing: .07rem;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
font-weight: 400;
}

.topmedical9 span{
display: block;
position: relative;
}

.topmedical9 span::after{
content: "";
background: url("../images/ic_arrow2.svg");
width: 1.4rem;
height:1.4rem;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 0;
top: .5rem;
}


.topmedical10{
width: 100%;
font-size: 1.4rem;
padding: 2rem 1rem 2.7rem;
text-align: center;
}



.topsubject11{
width: 100%;
}

.topsubject11 h2{
text-align: center;
font-size: 2.5rem;
font-weight: 500;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
color: #4c2828;
letter-spacing: .3rem;
}

.topsubject11 h2 span{
}

.topsubject11 h2 span::after{
content: "";
display: block;
background: #81391b;
width: 5rem;
height: .1rem;
margin: 1rem auto 0;
}


/* medical */









/* timetable */

.toptimetable__w{
width: 100%;
padding: 8rem 0 9rem;
background: url("../images/toptimetablebg.png") right top no-repeat #fafafa;
}

.toptimetable1{
width: 100%;
}

.toptimetable1 h2{
text-align: center;
font-size: 2.5rem;
font-weight: 500;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
color: #4c2828;
letter-spacing: .3rem;
}

.toptimetable1 h2 span{
}

.toptimetable1 h2 span::after{
content: "";
display: block;
background: #81391b;
width: 5rem;
height: .1rem;
margin: 1rem auto 0;
}

.toptimetable2{
width: 1020px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.toptimetable3{
width: 100%;
text-align: center;
}

.toptimetable3 span{
width: 100%;
border: 1px solid #beb0b0;
padding: .8rem 3rem;
background: #fff;
text-align: center;
font-size: 1.9rem;
font-weight: 400;
}



.toptimetable4{
width: 100%;
text-align: center;
}


.toptimetable4 img{
width: 113px;
height: 99px;
margin-top: -50px;
}

.toptimetable5{
width: 100%;
font-size: 2.0rem;
text-align: center;
line-height: 1.5;
font-weight: 400;
padding: 2rem 0 0;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
}

.toptimetable5 span{
display: block;
position: relative;
width: 100%;
}

.toptimetable5 span::after{
content: "";
background: url("../images/ic_arrow2.svg");
width: 1.4rem;
height:1.4rem;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 2rem;
top: 2.5rem;
}

.toptimetable6{
font-size: 1.6rem;
display: block;
}

.toptimetable7{
width: 495px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 2.5rem 2rem;
}

.toptimetable7:hover{
transform: translateY(-3px);
}


.toptimetable8{
display: block;
width: 50px;
}

.toptimetable8 img{
width: 50px;
height: 50px;
}

.toptimetable9{
width: calc(100%);
font-size: 1.8rem;
text-align: center;
line-height: 1.2;
letter-spacing: .07rem;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
font-weight: 400;
}

.toptimetable9 span{
display: block;
position: relative;
}

.toptimetable9 span::after{
content: "";
background: url("../images/ic_arrow2.svg");
width: 1.4rem;
height:1.4rem;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 0;
top: .4rem;
}


.toptimetable10{
widows: 100%;
font-size: 1.5rem;
padding: 2.5rem 3rem;
font-weight: 400;
}



.toptimetable11{
width: 100%;
}

.toptimetable11 h2{

text-align: center;
font-size: 2.5rem;
font-weight: 500;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
color: #4c2828;
letter-spacing: .3rem;
}

.toptimetable11 h2 span{
}

.toptimetable11 h2 span::after{
content: "";
display: block;
background: #81391b;
width: 5rem;
height: .1rem;
margin: 1rem auto 0;
}











.toptimetable12{
width: 100%;
text-align: center;
}

.toptimetable13{
margin: 0 auto;
display: inline-block;
text-align: left;
background: #fff;
padding: 2rem 3rem;
flex-wrap: wrap;
}

.toptimetable14{
width: 100%;
}

.toptimetable15{
width: 700px;
margin: 0 auto;
padding: 3rem 4rem;
background: #efefed;
border-radius: 10px;
}

.toptimetable16{
width: 100%;
font-size: 2.2rem;
text-align: center;
}

.toptimetable17{
width: 100%;
}

.toptimetable18{
width: 100%;
text-align: center;
}

.toptimetable18 > .header10{
display: inline-block;
}








.toptimetable_temp{
width: 100%;
text-align: center;
}

.toptimetable19{
width: 100%;
text-align: center;
}

.toptimetable19 span{
display: inline-block;
font-size: 1.8rem;
font-weight: 400;
position: relative;
border-bottom: 3px solid #ccc;
padding: 0 1rem 7px;
}

.toptimetable19 span::after{
position: absolute;
content: '';
width: 30px;
left: 0;
bottom: -3px;
border-bottom: 3px solid #309f56;
}


/* timetable */






























.topaccess__w{
width: 100%;
padding: 9rem 0;
background: #eff2f3;
}



.topaccess1{
width: 100%;
margin-bottom: 8rem
}

.topaccess1 h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.topaccess1 h2 span{
}

.topaccess1 h2 span::before {
content: "ACCESS";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.topaccess2{
width: 1060px;
height: 500px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 10px;
}

.topaccess2 iframe{
width: 100%;
border-radius: 10px;
}

.topaccess3{
width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 5px;
padding: 4rem 4rem;
}

.topaccess4{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #ddd;
padding-bottom: 2rem;
align-items: center;
}

.topaccess5{
width: 20%;
font-size: 1.6rem;
color: #479cd7;
text-align: right;
}

.topaccess6{
width: 75%;
line-height: 1.8;
}

.topaccess7{
width: 100%;
text-align: center;
}

.topaccess7 img{
width: 40rem;
}













/* reservation */
.topreservation__w{
background: url("../images/topreservationbg.jpg");
background-size: cover;
width: 100%;
padding: 9rem 0 11rem;
}


.topreservationh{
width: 100%;
margin-bottom: 7rem;
}

.topreservationh h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
color: #35495e;
}

.topreservationh h2 span{
}

.topreservationh h2 span::before {
content: "INQUERY";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.topreservation1{
width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-around;
}
.topreservation1 > div:first-child {
padding: 5rem 0;
width: 45%;
background: rgb(255 255 255 / 90%);
border-radius: 5px;

}

.topreservation1 > div:last-child {
padding: 5rem 0;
width: 45%;
background: rgb(255 255 255 / 90%);
border-radius: 5px;
}
.topreservation2 {
width: 50%;
text-align: center;
}
.topreservation3 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.topreservation3 > div:first-child {
}


.topreservation4 a{
display: flex;
font-size: 3.2rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.15rem;
align-items: baseline;
}

.topreservation4 a::before{
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 2.2rem;
height: 2.2rem;
margin-right: .4rem;
vertical-align: middle;
}

.topreservation5 {
margin-bottom: 2rem;
}
.topreservation5 span{
font-size: 1.7rem;
display: inline-block;
border-radius: 3px;
letter-spacing: .2rem;
}

.topreservation5 span::first-letter{

}
.topreservation6 {
width: 260px;
}
.topreservation6 a{
width: 100%;
display: block;
text-align: center;
background: #d87d97;
padding: 1.8rem;
color: #fff;
position: relative;
border-radius: 4px;
}
.topreservation6 div{
width: 100%;
display: block;
text-align: center;
background: #d87d97;
padding: 1.8rem;
color: #fff;
position: relative;
border-radius: 4px;
}
.topreservation6 a:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 2rem;
background: url(../images/ic_arrow1.svg);
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin: auto;
vertical-align: baseline;
transition: all .3s;
}
.topreservation6 a:hover {
opacity: 1;
background: #bf5f7a;
border-radius: 4px;
}
.topreservation6 a:hover::after {
right: 1.6rem;
}
.topreservation7 {
font-size: 2.3rem;
display: inline-block;
margin-right: 0.5rem;
font-family: 'Zen Old Mincho';
color: #4f4c49;
}

.topreservation8 {
font-size: 2.3rem;
display: inline-block;
margin-right: 0.5rem;
font-family: 'Zen Old Mincho';
color: #4f4c49;
}

.topreservation9 {
width: 100%;
font-size: 1.5rem;
color: #404040;
margin-top: 1rem;
text-align: left;
padding-left: 11.5rem;
}

/* reservation */

















.topbnr__w{
width: 100%;
background: #f5f5f5;
padding: 6rem 0;
}
.topbnr1{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.topbnr2{
width: 22%;
}


.topbnr2 img{
box-shadow: 7px 7px 10px #e8e8e8;
}


































.topcovid19__w{
width: 100%;
background: #f7f6f4;
padding: 60px 0 60px;
}
.infection_w {
width: 1200px;
padding: 0 0 40px;
margin: 0 auto;
}
.infection0 {
text-align: center;
color: #ffffff;
font-size: 2.3rem;
letter-spacing: .1rem;
line-height: 1.5;
padding: 18px 0;
background: #ff6262;
width: 100%;
margin: 40px auto;
}
.infection1 {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.infection2 {
width: 30%;
margin: 0 auto;
display: flex;
flex-direction: column;
}

.infection3 {
width: 60%;
margin: 0 auto 30px;
position: relative;
}


.infection3 img {
width: 100%;
}
.infection4 {
width: 100%;
font-size: 2rem;
letter-spacing: .1rem;
line-height: 1.5;
display: inline-block;
text-align: center;
margin: 0 0 27px;
border-radius: 15px;
font-weight: 700;
color: #41241F;
}
.infection4::first-letter {
color: #ff6262;
}
.infection5 {
letter-spacing: .05rem;
font-size: 1.4rem;
text-align: justify;
line-height: 2.4;
color: #41241F;
}














/* footer */
footer{
width: 100%;
background: #fff5f5;
padding: 0rem 0 4rem;
}

.footer__wrap{
width: 940px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
justify-content: space-between;
align-items: flex-start;
}


.footer-info__wrap{
width: 600px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer-logo{
width: 100%;
text-align: center;
margin-bottom: 3rem;
}

.footer-logo img{
width: 350px;
}


.footer-schedule{width: 100%;/* margin-bottom: 1.5rem; */display: grid;gap: 1rem;}

.footer4{
width: 100%;
color: #fff;
font-size: 1.4rem;
padding: 0 0 0 1rem;
}

.schedule__note-block{width: 100%;/* color: #000; */font-size: 1.6rem;padding: 0 0 0 1rem;font-weight: 400;margin-bottom: .5rem;}

.footer6{
width: 100%;
text-align: center;
}

.footer6 a{
width: 100%;
display: block;
font-size: 3.5rem;
color: #fff;
font-weight: 700;
line-height: 1;
font-family: 'Asap', sans-serif;
}

.footer6 a span{

}

.footer6 a span::before{
content: "";
background: url("../images/ic_tel_white.svg");
display: inline-block;
width: 2.6rem;
height: 2.6rem;
margin: 0 .5rem 0 0;
vertical-align: middle;
filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));

}



.footer7{
width: 100%;
}

.footer7 a{
display: flex;
width: 100%;
justify-content: center;
text-align: center;
align-items: center;
background: #ff591c;
color: #fff;
font-size: 2rem;
line-height: 1.5;
letter-spacing: 0.1rem;
height: 7rem;
box-shadow: 0 4px 0 #d73a00;
}

.footer7 a span {
display: flex;
justify-content: center;
text-align: center;
align-items: center;
position: relative;
width: 100%;
height: 100%;

}

.footer7 a span::before {
content: "";
display: inline-block;
background: url("../images/ic_calendar.svg");
width: 4.2rem;
height: 4.2rem;
position: absolute;
left: 1.8rem;
top: 1.2rem;
}

.footer8{
width: 100%;
}

.footer8 a{
display: flex;
width: 100%;
justify-content: center;
text-align: center;
align-items: center;
background: #00c751;
color: #fff;
font-size: 1.7rem;
line-height: 1.3;
letter-spacing: 0.05rem;
height: 7rem;
box-shadow: 0 4px 0 #00a342;
}

.footer8 a span {
display: flex;
justify-content: center;
text-align: center;
align-items: center;
position: relative;
width: 100%;
height: 100%;
}

.footer8 a span::before {
content: "";
display: inline-block;
background: url(../images/ic_line.svg);
width: 4.4rem;
height: 4.4rem;
position: absolute;
left: 1.8rem;
top: 1.4rem;
filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
}


.footer9{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer10{
width: 48%;
}

.footer10 a span {
display: block;
position: relative;
width: 100%;
padding: 0 0 0 2.8rem;
}

.footer10 a{
display: block;
padding: 1.2rem 1rem;
text-align: center;
border-radius: 10px;
background: #fff;
font-size: 1.7rem;
line-height: 1.6;
letter-spacing: 0.02rem;

}

.footer10 a span::before {
content: "";
display: inline-block;
margin: 0 .5rem 0 0;
background: url(../images/ic_nav4.svg);
width: 2.7rem;
height: 2.7rem;
position: absolute;
left: 0;
top: .1rem;
}


.footer11{
width: 48%;
}

.footer11 a span {
display: block;
position: relative;
width: 100%;
padding: 0 0 0 2.8rem;
}

.footer11 a{
width: 100%;
display: block;
padding: 1.2rem 1rem;
text-align: center;
border-radius: 10px;
background: #fff;
font-size: 1.7rem;
line-height: 1.6;
letter-spacing: 0.02rem;

}

.footer11 a span::before {
content: "";
display: inline-block;
margin: 0 .5rem 0 0;
background: url(../images/ic_sheet.svg);
width: 2.7rem;
height: 2.7rem;
position: absolute;
left: 0;
top: .1rem;
}












.sitemap{
width: 300px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.sitemap__item{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #efe0e0;
}

.sitemap__link{
width: 100%;

}

.sitemap__link a{
color: #000;
font-size: 1.4rem;
padding: 1rem 1rem;
display: block;
font-weight: 400;
}

.sitemap__link a:hover{
background: #FBDEDE;

}

.sitemap__link a span{
display: block;
position: relative;
}

.sitemap__link a span::after{
content: "";
background: url("../images/ic_arrow6.svg");
width: 1.3rem;
height: 1.3rem;
position: absolute;
right: 0;
top: .8rem;
display: block;
}


.footer-info{
width: 100%;
text-align: center;
margin-bottom: 4rem;
}

.footer-info span{
display: inline-block;
text-align: center;
font-size: 1.3rem;
line-height: 1.8;
font-weight: 400;
color: #000;
}













.sitemap__w{
background: #f1f1e6;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 30px 0 30px 0;
width: 100%;
margin: 60px 0 0 0;
}


.sitemap1{
margin: 0 2.8rem 0 0;
line-height: 2.7;
letter-spacing: .01rem;
}

.sitemap1:last-child{
margin: 0 0 0 0;
}

.sitemap2{
width: 100%;
}

.sitemap2 a{
font-weight: 500;
font-size: 1.5rem;
color: #221c0f;
}

.sitemap3{
width: 100%;
font-size: 1.5rem;
line-height: 2.3;
}

.sitemap3 a{
display: block;
width: 100%;
}

.googlemaps__w{
width: calc(100% - 550px);
padding: 0 0 0 20px;
background: #f8f6ef;
}

.googlemaps__w iframe{
width: 90%;
height: 936px;
}




/* footer */






/* copyright */


.copyright {
width: 100%;
padding: 4rem 0;
background: #3a3a3a;
text-align: center;
color: #fff;
font-size: 1.3rem;
}



/* copyright */








/* subpage */

.subpagetitle__w{
width: 100%;
background: url("../images/subpagetitlebg1.jpg");
background-size: cover;
padding: 5rem 0;
}

.subpagetitle1{
text-align: center;
margin: 0 auto;
width: 100%;
}

.subpagetitle1 h2{
font-size: 3rem;
font-weight: 700;
letter-spacing: .8rem;
color: #fff;
line-height: 1;
}

.subpagetitle1 h2 span{
}

.subpagetitle1 h2::first-letter{
}

.subpagetitle1 h2 span::after{
display: block;
text-align: center;
font-size: 1.2rem;
letter-spacing: .1rem;
border-top: 1px dashed #cbecff;
width: 25rem;
margin: 12px auto 0;
padding: 10px 0 0 0;
color: #cbecff;
font-weight: 400;
line-height: 1;
}


.subpagetitle__w1{
background: #ebd5c8 url(../images/subpagetitle1.jpg) left center no-repeat;
background-size: contain;
}

.subpagetitle__w1{
background: #ebd5c8 url(../images/subpagetitle1.jpg) left center no-repeat;
background-size: cover;
}

.subpagetitle__w2{
background: #ebd5c8 url(../images/subpagetitle2.jpg) left center no-repeat;
background-size: cover;
}

.subpagetitle__w3{
background: #ebd5c8 url(../images/subpagetitle3.jpg) left center no-repeat;
background-size: cover;
}

.subpagetitle__w4{
background: #ebd5c8 url(../images/subpagetitle4.jpg) left center no-repeat;
background-size: cover;
}

.subpagetitle__w5{
background: #ebd5c8 url(../images/subpagetitle5.jpg) left center no-repeat;
background-size: cover;
}
















.subpagetitle2{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.subpagetitle3{
width: 100%;
background: #fff;
padding: 20px 20px 20px;
border-radius: 30px 10px 30px 10px;

}
.subpagetitle4{
width: 100%;
}

.subpagetitle4 img{
border-radius: 30px 10px 30px 10px;
}

.subpage__w{
width: 100%;
background: #f9f7f1;
padding: 6rem 0;
}

.subpage1{
width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 4rem 2rem;
border-radius: 20px;
}

.subpage2{
width: 100%;
}

.subpage2 h2{
font-size: 3rem;
font-weight: 400;
letter-spacing: .1rem;
line-height: 1.5;
padding: 0 0 3rem 0;
text-align: center;
width: 100%;
background-image: linear-gradient(90deg, #1eaa39 0 7%, #e8e7e4 7%);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;

}

.subpage2 h2 span{
font-size: 2.4rem;
font-weight: 700;
letter-spacing: .1rem;
line-height: 1.5;
padding: 0 0 2rem 0;
text-align: center;
}

.subpage2a{
width: 100%;
text-align: center;
}

.subpage2 h2 .subpage2a span{
display: inline-block;
text-align: center;
color: #f15a5a;
padding: .2rem 1.5rem;
line-height: 1.6;
font-size: 1.7rem;
border-radius: 100px;
font-weight: 500;
}



.subpage3{width: 100%;line-height: 2.3;/* padding: 0 5rem; */}

.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: #fffdeb;
border-radius: 10px;
border: 2px solid #ffdaa9;
color: #49200e;
}

.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: #f5f5f5;
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{
width: 30%;
margin: 0 3% 28px 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;
background: #ffffff;
padding: 20px 0;
text-align: center;
letter-spacing: .05rem;
color: #3A3A30;
box-shadow: 6px 6px 15px #b9deff;
font-weight: 700;
font-size: 2.2rem;
line-height: 1;
position: relative;
border: 2px solid #499be2;
}

.subpage7 ul li a:hover{
transform: translateY(-3px);
opacity: .5;
}

.subpage7 ul li a span{
width: 100%;
}

.subpage7 ul li span::after{
content: "";
background: url("../images/ic_arrow2.svg");
display: inline-block;
width: 1.2rem;
height: 1.2rem;
position: absolute;
top: 2.7rem;
left: 1.5rem;
transform: rotateZ(90deg);
}

.subpage8{width: 100%;/* padding: 0 5rem; */}

.subpage8 h3{
padding: .3rem 0 .3rem 1.8rem;
font-size: 1.8rem;
letter-spacing: .08rem;
line-height: 1;
position: relative;
/*font-weight: 500;*/
transform: scaleY(1.03);
display: inline-block;
}

.subpage8 h3::before{
border-left: 6px solid #e474a2;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
}
.subpage8 h3 a{
	text-decoration: underline;
}

.subpage9{
width: 400px;
margin: 0 auto;
}

.subpage9 img{
width: 100%;
border-radius: 10px;
}

.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;
}

.subpage16{
width: 100%;
}


.subpage16 span{
line-height: 1.8;
font-size: 1.7rem;
font-family: 'Zen Old Mincho', serif;
font-weight: 700;
display: inline-block;
padding: 2px 20px;
letter-spacing: 0;
background: #fff;
border-radius: 100px;
color: #4387bf;
}

.subpage17{
width: 100%;
}

.subpage17 span{
line-height: 1.8;
font-size: 1.7rem;
font-weight: 700;
display: inline-block;
padding: 2px 20px;
letter-spacing: .1rem;
background: #f3f3f3;
border-radius: 100px;
}

.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: #044589;
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{
width: 100%;
margin: 0 0 15px 0;
}

.subpage20 h4{
font-size: 1.9rem;
letter-spacing: .05em;
line-height: 1.5;
position: relative;
font-weight: 500;
padding: 5px 15px;
display: inline-block;
margin: 0 0 0 10px;
color: #32698f;
background: #fdfdfd;
border: 1px solid #83aac5;
}

.subpage21{
background: #fff4c8;
padding: 1.2rem 2rem;
font-size: 1.3rem;
line-height: 1.6;
text-indent: 0;
display: block;
color: #23201E;
width: 100%;
border-radius: 5px;
}

.subpage22{
width: 880px;
border: 1px dashed #ffabab;
background: #fff8f8;
padding: 22px 20px 28px;
color: #e93131;
margin: 0 auto;
text-align: center;
}

.subpage23{
margin: 0 0 15px 0;
font-size: 1.7rem;
text-align: left;
line-height: 1.4;
}

.subpage24{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.subpage25{
width: 49%;
border: 1px solid #70b4e4;
}

.subpage26{
background: #70b4e4;
font-size: 2.5rem;
color: #fff;
padding: 5px;
display: flex;
align-items: center;
width: 100%;
line-height: 1.6;
}

.subpage26 span::before{
content: "";
background: url("../images/ic_first1.svg");
width: 4rem;
height: 4rem;
display: inline-block;
vertical-align: middle;
margin: 0 15px 0 0;
}


.subpage27{
padding: 15px;
font-size: 1.8rem;
font-weight: 700;
line-height: 2;
}

.subpage28{
margin: 0 15px 15px 15px;
background: #eaf6ff;
padding: 5px;
}

.subpage29{
width: 49%;
border: 1px solid #70b4e4;
}

.subpage30{
background: #0093DF;
font-size: 2.5rem;
color: #fff;
padding: 5px;
display: flex;
align-items: center;
width: 100%;
line-height: 1.6;
}

.subpage30 span::before{
content: "";
background: url("../images/ic_first2.svg");
width: 4rem;
height: 4rem;
display: inline-block;
vertical-align: middle;
margin: 0 15px 0 0;
}

.subpage31{
padding: 15px;
font-size: 1.8rem;
font-weight: 700;
line-height: 2;
}

.subpage32{
margin: 0 15px 15px 15px;
background: #eaf6ff;
padding: 5px;
}

.subpage33{
width: 100%;
padding: 15px 20px;
line-height: 2.4;
background: #f7f7f7;
}

.subpage33 ul{

}

.subpage33 ul{

}

.subpage33 ul li::before{
content: "";
background: url("../images/ic_checkbox.svg");
width: 2rem;
height: 2rem;
display: inline-block;
vertical-align: sub;
margin: 0 10px 0 0;
}

.subpage34{
width: 100%;
}

.subpage34 table{
width: 100%;
border: 1px solid #5d481d;

}

.subpage34 table th{
padding: 2rem 1rem;
font-size: 2rem;
text-align: center;
border: 1px solid #015a33;
background: #009f59;
color: #fff;
}

.subpage34 table td{
padding: 2rem 1rem;
text-align: center;
font-size: 1.7rem;
border: 1px solid #015a33;
background: #faf9f7;
}

.subpage34-1{

}

.subpage34-2{
color: #f9e440 !important;
}

.subpage34-3{

}

.subpage34-4{
text-align: center;
}

.subpage34-5{
color: #009f59;
font-weight: 900 !important;
}

.subpage34-6{

}

.subpage35{
padding: 0 2rem;
width: 100%;
}


.subpage36{
width: 100%;
}

.subpage36 table{
width: 100%;
border: 1px solid #ddd;
}

.subpage36 table th{
width: 32%;
border: 1px solid #e2e2e2;
padding: 1rem .5rem;
text-align: center;
vertical-align: middle;
background: #f6f6f6;
}

.subpage36 table td{
width: 68%;
border: 1px solid #e2e2e2;
padding: 1rem .5rem;
text-align: center;
vertical-align: middle;
font-size: 1.8rem;
font-weight: 700;
background: #FDFDFD;
}

.subpage37{
width: 100%;
font-size: 2rem;
font-weight: 700;
}



.subpage74 {
width: 100%;
}

.subpage74 caption {
margin-bottom: 0.5rem;
font-size: 1.8rem;
font-weight: 700;
text-align: left;
font-family: YakuHanRP, 'Zen Maru Gothic', serif;
}

.subpage74-head {
background-color: #f5eade;
}

.subpage74-head th {
text-align: center;
padding: 2rem 0;
border: 1px solid #cec4c4;
font-size: 2rem;
font-weight: 400;
}

.subpage74-head th.inspection-course {
width: 20%;
}

.subpage74-head th.check_price {
width: 180px;
}
.subpage74-head th.check_price2 {
width: 180px;
}

dl.checkup_dock{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: flex-start;
} 
.checkup_dock dt {
width: 100%;
text-align: left;
}

.checkup_dock dd {
width: 100%;
text-align: left;
}    
.subpage74 td {
padding: 15px 20px;
border: 1px solid #cec4c4;
vertical-align: middle;
background: #fff;
text-align: center;
}

.subpage74 td.item-name{
width: 75%;
}

.subpage74 td.item-course{
width: 30%;
}

.subpage74 td.item-course2{
width: 45%;
text-align: left;
}


.subpage74 td ul {
display: flex;
flex-wrap: wrap;
}

.subpage74 td li {
display: inline-block;
padding: .7rem 2rem;
background: #ffffff;
margin: 1.2rem .7rem;
box-shadow: 1px 2px 0 #d6d6d6;
font-size: 1.7rem;
border: 1px solid #dbdbdb;
} 



.kakaku{
font-size: 2.2rem;
font-family: 'Asap', sans-serif;
font-weight: 600;
color: #e84a4a;
}

.zeikomi{
font-size: 1.3rem;
}

.pricememo{
background: #19a328;
color: #fff;
padding: .7rem 1rem;
text-align: center;
border-radius: 3px;
line-height: 1;
font-weight: 400;
display: inline-block;
margin-bottom: .5rem;
width: 100%;
}


.subpage75 {
position: relative;
padding: 1.5rem 2rem;
font-size: 2.2rem;
font-weight: 500;
letter-spacing: .1rem;
color: #28aa37;
border-bottom: solid 2px #28aa37;
}



.subpage76 {
width: 100%;

}


.subpage76 a {
display: inline-block;
background: linear-gradient(270deg, #2fb383, #18a86b);
text-align: center;
color: #fff;
box-shadow: 6px 6px 10px #c1ffe8;
font-size: 2rem;
}

.subpage76 a span {
display: block;
position: relative;
width: 100%;
padding: 2rem 5rem;        
}

.subpage76 a span::after {
position: absolute;
top: 3.1rem;
right: 1.5rem;
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin: 0 0 0 .6rem;
vertical-align: baseline;
}


.subpage76b {
width: 100%;
}


.subpage76b a {
display: inline-block;
background: linear-gradient(270deg, #faa51a, #f47a20);
text-align: center;
color: #fff;
box-shadow: 6px 6px 10px #FDDABF;
font-size: 2rem;
}

.subpage76b a span {
display: block;
position: relative;
width: 100%;
padding: 2rem 5rem;        
}

.subpage76b a span::after {
position: absolute;
top: 3.1rem;
right: 1.5rem;
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin: 0 0 0 .6rem;
vertical-align: baseline;
}


.subpage77 a {
width: 100%;
display: block;
font-size: 4rem;
font-weight: 500;
line-height: 1;
font-family: 'Asap', sans-serif;
color: #63c06b;
}

.subpage77 a span::before {
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 2.8rem;
height: 2.8rem;
margin: 0 .5rem 0 0;
vertical-align: middle;
}


.subpage78{
width: 82%;
margin: 0 auto;
display: flex;
justify-content: space-between;
border: 1px dashed #6fc679;
border-radius: 5px;
padding: 3rem;
background: #fffbf1;
}

.subpage79 {
width: 400px;
}

.subpage80 {
width: 100%;
font-size: 2.5rem;
font-weight: 600;
margin-bottom: 1rem;
color: #2aae39;
}

.subpage81 {
width: 100%;
}
.subpage82 {
width: 240px;
}
.subpage82 img {
width: 100%;
}

.subpage83 {
width: 100%;
}







/* subpage */












/* access */

.access__w{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.access1{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 60px 0;
}

.access2{
width: 100%;
text-align: center;
}

.access2 img{
width: 400px;
}

.access3{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
}

.access4{
width: 100%;
font-weight: 700;
font-size: 1.5rem;
letter-spacing: 0.15rem;
color: #009f59;
}

.access5{
width: 100%;
}


.access5 a{
width: 100%;
display: block;
font-size: 4rem;
color: #4b4948;
font-weight: 900;
line-height: 1;
}

.access5 a span{

}

.access5 a span::before{
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 3.2rem;
height: 3.2rem;
margin: 0 10px 0 0;
vertical-align: bottom;
}

.access6{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.access7{
width: 85%;
border-radius: 10px;
margin: 0 auto;
}

.access8{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin: 0 0 5px 0;
}

.access8:first-child{
}


.access8:last-child{

}

.access9{
width: 30%;
font-size: 1.6rem;
line-height: 1.2;
background: #f9f8f5;
padding: 25px 15px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: #4c4948;
}

.access10{
width: 66%;
line-height: 1.5;
font-weight: 500;
font-size: 1.6rem;
padding: 25px 0;
}

.access11{
width: 80%;
margin: 0 auto;
}

.access12{
}

.access13{
width: 100%;
}

.access14{
width: 100%;
}

.access14 iframe{
width: 100%;
border-radius: 20px;
}

.access15{
width: 100%;
padding: 20px;
background: #f7f7f7;
border-radius: 20px;
}

.access16{
width: 100%;
text-align: center;
}

.access16 img{
width: 100%;
}

.access17{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 50px;
}

.access18{
width: 32%;
}

.access18 img{
width: 100%;
border-radius: 3px;
margin: 0 0 15px;    
}
.access18 span{   
padding-left:1em;
text-indent:-1em;
display: inline-block;    
}


.access19{
width: 100%;
margin: 20px 0 0;
text-align: center;
}

.access20{
font-size: 1.9rem;
text-align: center;
display: inline-block;
padding: 8px 25px;
border-radius: 5px;
color: #1258a3;
background: #effbfd;
}

.access21{
width: 100%;
font-size: 1.6rem;
font-weight: 700;
margin: 0 0 5px 0;

}
.access22{
width: 100%;
margin: 0 0 25px 0;
}

.access22:last-child{
width: 100%;
margin: 0 0 0 0;
}




.access_route {
width: 100%;
margin: 0 0 20px 0;
}
.access_route span {
display: inline-block;
padding: 0 15px;
border: 1px solid #28634c;
background: #fff;
color: #28634c;
border-radius: 3px;
font-size: 2rem;
}


/* access */











/* about */

.about1{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 auto;}

.about2{width: 350px;background: #F7F7F7;margin-bottom: 3rem;margin-right: 2.4rem;}

.about2:nth-child(3n){
margin-right: 0;
}


.about3{
width: 100%;
margin: 0 0 15px 0;
}

.about3 img{
width: 100%;

}

.about4{
width: 100%;
font-size: 2rem;
text-align: center;
margin: 0 0 15px 0;
line-height: 1.4;
}

.about5{
width: 100%;
padding: 0 20px;
margin: 0 0 20px 0;
font-size: 1.5rem;
line-height: 1.7;
}

/* about */



/* check */
.check1{
width: 100%;
}

table.check2{
width: 100%;
}

.check2 th{
padding: 15px 20px;
text-align: center;
background: #f1f1f1;
border: 1px solid #D0D0D0;
}

.check2 th:nth-child(1){
width: 25%
}

.check2 th:nth-child(2){
width: 50%
}

.check2 th:nth-child(3){
width: 25%
}

.check2 td{
padding: 15px 20px;
border: 1px solid #D0D0D0;
vertical-align: middle;
background: #FDFDFD;
}

.check2 td:nth-child(1){
text-align: center;
}

.check2 td:nth-child(2){
width: 50%
}

.check2 td:nth-child(3){
text-align: center;
}

/* check */








/* top-seikeigeka */

.service_nav{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.service_nav1{
width: 31%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fafafa;
box-shadow: 8px 8px 3px #eaebeb;
margin: 0 3% 30px 0;
transition: .5s;
border: solid 1px #e1e1e1;
}
.service_nav1:nth-child(3n){
margin: 0 0 30px 0;
}

.service_nav1:hover{
transform: translateY(-5px);
}

.service_nav2{
display: block;
}

.service_nav3{
width: 100%;
text-align: center;
}
.service_nav3 img{
width: 100%;
}
.service_nav4{
width: 100%;
text-align: center;
font-size: 1.9rem;
padding: 25px 0;
letter-spacing: .03rem;
font-weight: 500;
color: #162c4c;

}

.service_nav4 span{
position: relative;
display: block;
width: 100%;
}

.service_nav4 span::after{
position: absolute;
right: 7px;
top: 1.1rem;
content: "";
background: url("../images/ic_arrow2.svg");
width: 15px;
height: 15px;
display: inline-block;
margin: 0 0 0 8px;
text-align: center;
}



/* top-seikeigeka */



/*renewal*/

.renewal__w{
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 80px 0;
background: #fffdf0;
}

.renewal1{
width: 800px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.renewal2{
width: 100%;
margin: 0 0 20px 0;
}
.renewal3{
width: 100%;
text-align: center;
font-size: 3.2rem;
margin: 0 0 40px 0;
font-family: 'Zen Old Mincho', serif;
font-weight: 700;
}

.renewal4{
width: 100%;
text-align: center;
margin: 0 0 30px 0;
}

.renewal4 img{
width: 550px;
}

.renewal5{
width: 100%;
text-align: center;
font-size: 3.2rem;
font-family: 'Zen Old Mincho', serif;
font-weight: 700;
}

.renewal6{
width: 100%;
text-align: center;
margin: 0 0 80px 0;
}

.renewal7{
width: 100%;
font-family: 'Zen Old Mincho', serif;
font-size: 3rem;
color: #623f2f;
font-weight: 900;
letter-spacing: .5rem;
}

.renewal8{
width: 100%;
font-family: 'Zen Old Mincho', serif;
font-size: 5rem;
color: #623f2f;
font-weight: 900;
letter-spacing: .7rem;
line-height: 1.4;
}

.renewal9{
text-align: center;
padding: 30px 50px;
border: 2px solid #38a34c;
margin: 0 auto;
background: #ffffff;
color: #42372e;
border-radius: 5px;

}

.renewal10{
width: 100%;
margin: -60px 0 20px 0;
}

.renewal10 span{
display: inline-block;
background: #38a34c;
padding: 10px 40px;
text-align: center;
color: #fff;
font-size: 2.5rem;
border-radius: 5px;
}

.renewal11{
width: 100%;
font-size: 3.4rem;
margin: 0 0 0 0;
font-weight: 700;

}

.renewal12{
width: 100%;
font-size: 2.7rem;
margin: 0 0 15px 0;
font-weight: 700;

}

.renewal13{
width: 100%;
font-size: 1.5rem;
text-align: left;
}

/*renewal*/










/*sns*/
.sns__w{
position: fixed;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100px;
z-index: 1000;
bottom: 150px;
right: 0;
}

.sns1{
width: 100%;
margin: 0 auto 15px;
display: flex;
border-radius: 300px;
text-align: center;
align-items: center;
}

.sns1:hover{
transform: translateY(-3px);
color: #5d481d;
}

.sns2{
width: 100%;
margin: 0 auto;
}

.sns2 img{
width: 60%;
}

.sns3{
width: 100%;
text-align: center;
font-size: 1.4rem;
font-weight: 700;
}


/*sns*/










.nav1::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav1.svg");
width: 50px;
height: 50px;
}

.nav2::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav2.svg");
width: 50px;
height: 50px;
}

.nav3::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav3.svg");
width: 50px;
height: 50px;
}

.nav4::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav4.svg");
width: 50px;
height: 50px;
}

.nav5::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav5.svg");
width: 50px;
height: 50px;
}

.nav6::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav6.svg");
width: 50px;
height: 50px;
}

.nav7::before{
content: "";
display: block;
margin: 0 auto 7px;
background: url("../images/ic_nav7.svg");
width: 50px;
height: 50px;
}

.nav8::before{
content: "";
display: block;
margin: 0 auto 7px;
background: url("../images/ic_nav8.svg");
width: 50px;
height: 50px;
}



/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#fixnav.HeightMin{
position: fixed;
z-index: 999;/*最前面へ*/
animation: DownAnime 0.5s forwards;
top: 0;
width: 100%;
text-align: center;
}

#fixnav{
background: #fff;
}


/*nav*/













/*toppcr*/

.toppcr__w{
width: 100%;
padding: 80px 0;
background: url("../images/toppcrbg.jpg");
background-size: cover;
}

.toppcr1{
width: 960px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
background: rgba(255,255,255,.80);
padding: 50px 30px 60px;
}

.toppcr2{
width: 100%;
text-align: center;
}

.toppcr2 h2{
font-size: 5.3rem;
font-weight: 900;
margin: 0 0 30px 0;
color: #36a34b;
letter-spacing: 0.5rem;
transform: scaleY(1.05);
line-height: 1.4;
}

.toppcr3{
width: 100%;
text-align: center;
margin: 0 0 40px 0;
}

.toppcr3 span{
display: inline-block;
text-align: center;
font-size: 3.2rem;
font-weight: 700;
padding: 8px 40px;
background: #f7f7f7;
color: #fd6da3;
border-radius: 2px;
font-family: 'Zen Maru Gothic', sans-serif;
width: 100%;
}

.toppcr4{
width: 900px;
margin: 0 auto 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.toppcr5{
width: 500px;
font-family: 'Zen Maru Gothic', sans-serif;
font-size: 2.4rem;
font-weight: 500;
text-align: center;
line-height: 1.7;
}

.toppcr5b{
width: 100%;
margin: 40px 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.toppcr5b span{
display: inline-block;
text-align: center;
font-size: 1.7rem;
padding: 2px 15px;
background: #1AAFC9;
color: #ffffff;
border-radius: 200px;
margin: 0 12px 0 0;
}

.toppcr6{
width: 380px;
background: #cfeeef;
}

.toppcr6 img{
width: 100%;
}


.toppcr7{
width: 900px;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}

.toppcr8{
width: 72%;
margin: 0 0 20px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.toppcr8 span{
display: block;
text-align: center;
font-size: 2rem;
padding: 8px 15px;
color: #323232;
border-radius: 2px;

margin: 0 12px 0 0;
border-bottom: 5px solid #0b891a;
font-weight: 700;
letter-spacing: 0;
width: 100%;
}

.toppcr9{
width: 28%;
}

.toppcr9 span{
display: block;
text-align: center;
font-size: 2.7rem;
font-weight: 700;
padding: 8px 15px;
background: #0b891a;
color: #fff;
border-radius: 2px;
font-family: YakuHanJP, 'Zen Maru Gothic', sans-serif;
margin: 0 12px 0 0;
border: 1px solid #0b891a;
}



.toppcr9 span > a,
.toppcr12 span > a{
color:#ffffff;
}

.toppcr10{
width: 900px;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}

.toppcr11{
width: 72%;
margin: 0 0 20px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.toppcr11 span{
display: block;
text-align: center;
font-size: 2rem;
padding: 8px 15px;
color: #323232;
border-radius: 2px;

margin: 0 12px 0 0;
border-bottom: 5px solid #2bb73c;
font-weight: 700;
letter-spacing: 0;
width: 100%;
}

.toppcr12{
width: 28%;
}

.toppcr12 span{
display: block;
text-align: center;
font-size: 2.7rem;
font-weight: 700;
padding: 8px 15px;
background: #2bb73c;
color: #fff;
border-radius: 2px;
font-family: 'Zen Maru Gothic', sans-serif;
margin: 0 12px 0 0;
border: 1px solid #2bb73c;
}

.toppcr13{
width: 100%;
text-align: center;
margin: 0 0 40px 0;
font-size: 1.6rem;
}

.toppcr14{
width: 100%;
text-align: center;
}

.toppcr14 a{
display: inline-block;
background: #fff;
text-align: center;
padding: 10px 40px;
color: #2bb73c;
font-weight: 700;
font-size: 1.7rem;
letter-spacing: -.06rem;
box-shadow: 15px 15px 15px #bfdae7;
border-radius: 5px;
}

.toppcr14 a span{
}

.toppcr14 a span::before{
content:"";
background: url("../images/ic_arrow2.svg");
width: 1.8rem;
height: 1.8rem;
display: inline-block;
margin: 0 15px 0 0;
vertical-align: middle;
}

.toppcr15{
font-size: 1.5rem;
display: inline;
}

.toppcr16{
font-size: 2.8rem;
display: block;
letter-spacing: .05rem;
font-weight: 500;
}

.toppcr17{
width: 960px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
background: rgba(255,255,255,.80);
padding: 50px 30px 60px;
}

.toppcr18{
width: 100%;
text-align: center;
}

.toppcr18 h2{
font-size: 4rem;
font-weight: 900;
margin: 0 0 30px 0;
color: #36a34b;
letter-spacing: 0.3rem;
transform: scaleY(1.05);
line-height: 1.4;
}

.toppcr19{
font-size: 1.6rem;
width: 100%;
margin: 0 0 30px 0;
padding: 0 0 0 150px;
line-height: 2;
}

.toppcr20{
width: 95%;
margin: 0 auto 40px;
display: flex;
flex-wrap: wrap;
background: rgba(255,255,255,.50);
padding: 30px 30px;
}

.toppcr21{
margin: 0 0 18px 0;
}

.toppcr21:last-child{
margin: 0 0 0 0;
}

.toppcr21 span::before{
content: "●";
color: #36a34b;
display: inline-block;
margin: 0 5px 0 0;
}

.toppcr22{
width: 100%;
text-align: center;
font-size: 1.7rem;
margin: 0 0 30px 0;
}

.toppcr23{
width: 960px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
background: rgb(54 163 76);
padding: 40px 30px 40px;
}

.toppcr24{
width: 100%;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
background: #fff;
align-items: center;
border-radius: 5px;

}

.toppcr25{
width: 40%;
text-align: center;
padding: 15px 0;
font-weight: 700;
color: #157e2a;
font-size: 1.7rem;
font-family: YakuHanJP, 'Zen Maru Gothic', sans-serif;
}

.toppcr26{
font-size: 1.5rem;
width: 18%;
}

.toppcr27{
font-size: 1.5rem;
}

.toppcr28{
width: 100%;
text-align: center;
}

.toppcr28 a{
text-align: center;
display: inline-block;
border-bottom: 1px dotted #eaff8a;
color: #eaff8a;
}

/*toppcr*/

.newspage1{
width: 100%;
display: flex;
flex-wrap: wrap;

}

.newspage2{
width: 100%;
font-size: 1.4rem;
margin: 0 0 8px 0;
color: #555;
}

.newspage3{
width: 100%;
font-size: 2.2rem;
color: #3caa30;
margin: 0 0 10px 0;
}

.newspage4{
width: 100%;
font-size: 1.6rem;
}





.cashless__w{
width: 100%;
background: #e7f0f9;
padding: 60px 0;
}

.cashless1{
width: 850px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.cashless2{
text-align: center;
margin: 0 0 30px 0;
width: 100%;
}

.cashless2 span{
display: inline-block;
text-align: center;
background: #004d9f;
padding: 7px 30px;
color: #fff;
font-size: 2rem;
font-family: "Zen Maru Gothic";
border-radius: 100px;
}

.cashless3{
margin: 0 0 15px 0;
font-size: 1.8rem;
text-align: center;
width: 100%;
}

.cashless4{
width: 100%;
font-size: 1.8rem;
text-align: center;
font-weight: 900;
margin: 0 0 15px 0;

}

.cashless5{
width: 100%;
font-size: 1.5rem;
text-align: center;
color: #f31d1d;
font-weight: 700;
margin: 0 0 30px 0;
}

.cashless6{
width: 100%;
text-align: center;
}

.cashless6 img{
width: 750px;
border-radius: 10px;
}




/* <!--btn reservation--> */
.btn_fix__w{
position: fixed;
top: 100px;
right: 50px;
z-index: 2100;
}

.btn_fix__w a{
width: 180px;
height: 180px;
display: block;
}

.btn_fix__w a img{
width: 100%;
height: 100%;
}

.btn_fix__w a:hover,
.btn_fix__w a:active{
opacity: .7;
transform: translateY(-5px);
}


/* <!--btn reservation--> */
.btn_fix2__w{
position: fixed;
top: 510px;
right: 20px;
z-index: 2100;
}

.btn_fix2__w a{
width: 196px;
height: 220px;
display: block;
}

.btn_fix2__w a img{
width: 100%;
height: 100%;
}

.btn_fix2__w a:hover,
.btn_fix2__w a:active{
opacity: .7;
transform: translateY(-5px);
}






.faq__w{

}


.faq1{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.faq2{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 1.5rem 0;
align-items: center;
}

.faq3{
width: 16rem;
}

.faq3 span{
display: flex;
justify-content: center;
align-items: center;
background-color: #ededed;
border-radius: 3px;
z-index: 1;
width: 16rem;
font-size: 1.7rem;
font-weight: 500;
line-height: 1;
padding: 2rem 0;
}

.faq4{
width: calc(100% - 18rem);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 1.6rem;
line-height: 1.4;
align-items: center;
}

.faq5{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.faq6{
width: 16rem;
}

.faq6 span{
display: flex;
justify-content: center;
align-items: center;
background-color: #1eaa39;
border-radius: 3px;
z-index: 1;
width: 16rem;
font-size: 1.7rem;
color: #fff;
line-height: 1;
padding: 2rem 0;
}
.faq7{
width: calc(100% - 18rem);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 1.6rem;
line-height: 1.8;
align-content: center;
}



.accessinfo__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.accessinfo_tbl{
width: 100%;
margin: 0 auto;
}

.accessinfo_tbl tr{
border-bottom: 5px solid #fff;
}

.accessinfo_tbl th{
width: 20%;
padding: 3rem 0;
vertical-align: middle;
background: #fafafa;
font-family: 'Zen Maru Gothic', serif;
}

.accessinfo_tbl td{
width: 80%;
padding: 3rem 3rem;
background: #fdfdfd;
vertical-align: middle;
}



.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{
width: 100%;
}

.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;
}

.clinic8{
width: 100%;
margin: 70px 0 0 0;
}

.clinic8 iframe{
width: 100%;
height: 580px;
border-radius: 20px;
}


.topcorona__w {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #d9efff;
padding: 6rem 0 8rem;
}

.topcorona1 {
width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topcorona2 {
width: 100%;
text-align: center;
}

.topcorona2 h2 {
font-size: 2.5rem;
font-weight: 700;
color: #3293da;
}

.topcorona3 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topcorona4 {
width: 100%;
padding-left:1.9rem;
text-indent:-1.9rem;
}

.topcorona4::before {
content: "■";
font-size: 1.4rem;
margin-right: .5rem;
color: #fff5ab;
}

.topcorona5 {
width: 100%;
text-align: center;
font-size: 2rem;
color: #4092cf;
font-weight: 700;
}

.topcorona6 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topcorona7 {
width: 15%;

}

.topcorona7 img {
width: 100%;
}






/* access */
.footertimetable__w {
flex: 1;
margin: 0 auto;
}

.footertimetable1 {
width: 100%;
margin: 0 auto;
}
.footertimetable2 {
display: flex;
flex-wrap: wrap;
height: 100%;
}

.footertimetable4 {
border-collapse: collapse;
overflow-x: scroll;
width: 590px;
margin: 0 auto;
}
.footertimetable4 th,
.footertimetable4 td {
padding: .9rem;
text-align: center;
border-bottom: 1px solid #fff;
font-size: 1.5rem;
color: #fff;
}

.footertimetable4 th {
font-weight: 400;
vertical-align: middle;
}

.footertimetable4 th span {
font-size: 1rem;
display: inline-block;
}

.footertimetable5 {
width: 100%;
text-align: right;
color: #fff;
margin-top: .5rem;
padding-right: 1rem;
font-size: 1.5rem;
}




















.subaccess__w{
width: 100%;
padding: 6rem 0 5rem;
background: #f7f6f2;
}


.subaccess1{
width: 100%;
}

.subaccess1 h2{
text-align: center;
font-size: 3.2rem;
font-weight: 700;
font-family: 'Zen Maru Gothic', serif;
color: #2daf44;
}

.subaccess2{
width: 900px;
height: 400px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
}

.subaccess2 iframe{
width: 100%;
border-radius: 10px;
}

.subaccess3{
width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 4rem 4rem;
}

.subaccess4{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #ddd;
padding-bottom: 2rem;
align-items: center;
}

.subaccess5{
width: 15rem;
font-size: 1.6rem;
color: #81391b;
text-align: right;
}

.subaccess6{
width: calc(100% - 18rem);
line-height: 1.8;
}

.subaccess7{
width: 100%;
text-align: center;
}

.subaccess7 img{
width: 80%;
border-radius: 5px;
}



.subaccess8{
width: calc(100% - 18rem);
}

.subaccess9{
width: 100%;
}

.subaccess10 {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.subaccess10 {
width: calc(100%);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.subaccess11 {
width: 100%;
position: relative;
padding-left: 1.3rem;
}
.subaccess11 span {
font-weight: 700;
}

.subaccess11 span::before {
display: block;
position: absolute;
top: .9rem;
left: -0.2rem;
width: 0.8rem;
height: 0.8rem;
background-color: rgba(106, 97, 89, 0.2);
content: '';
}
.subaccess12 {
width: 100%;


}







.naikatimetable__w {
width: 100%;
}

.naikatimetable_tbl {
width: 900px;
margin: 0 auto;
}

.subpage35 .naikatimetable_tbl {
width: 100%;
margin: 0 auto;
}


.naikatimetable1 {
width: 30%;
background: #e5e5e5;
text-align: center;
font-weight: 500;
font-size: 1.5rem;
padding: 1.5rem 0;
line-height: 1;
border: 1px solid #cdcdcd;
}

.naikatimetable2 {
width: 10%;
background: #e5e5e5;
text-align: center;
font-weight: 500;
font-size: 1.5rem;
padding: 1rem 0;
line-height: 1;
border: 1px solid #cdcdcd;
}

.naikatimetable3 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 1.7rem 0;
line-height: 1;
width: 10%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.naikatimetable4 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 10%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}





.kenshintimetable__w {
width: 100%;
}

.kenshintimetable_tbl {
width: 900px;
margin: 0 auto;
}

.kenshintimetable1 {
width: 30%;
background: #e5e5e5;
text-align: center;
font-weight: 500;
font-size: 1.5rem;
padding: 1.5rem 0;
line-height: 1;
border: 1px solid #cdcdcd;
}

.kenshintimetable2 {
width: 10%;
background: #e5e5e5;
text-align: center;
font-weight: 500;
font-size: 1.5rem;
padding: 1rem 0;
line-height: 1;
border: 1px solid #cdcdcd;
}

.kenshintimetable3 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 1.7rem 0;
line-height: 1;
width: 24%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable4 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 24%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable5 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 6%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable6 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 1.7rem 0;
line-height: 1;
width: 24%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}


.kenshintimetable7a {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 8%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable7b {
background: #ccc;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 8%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable8 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 16%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable9 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 6%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}


.campaign__w {
width: 100%;
margin: 0 auto;
background: #fff;
padding: 5rem 0 0;
}

.campaign1 {
width: 602px;
margin: 0 auto;
font-size: 1.7rem;
background: #fff;
box-shadow: 4px 4px 10px #beffe4;
border: 2px solid #18a86b;
}

.campaign2 {
width: 1200px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto;
background: #fff;
}

.campaign3 {
width: 280px;
font-size: 1.7rem;
background: #fff;
}

.campaign3a img {
box-shadow: 4px 4px 10px #D9D9D9;
border: 1px solid #3074eb;
box-sizing: content-box;

}



.campaign3b img {
box-shadow: 4px 4px 10px #D9D9D9;
border: 1px solid #e03b70;
box-sizing: content-box;
}

.campaign3c img {
box-shadow: 4px 4px 10px #D9D9D9;
border: 1px solid #e03b70;
box-sizing: content-box;
}

.campaign3d img {
box-shadow: 4px 4px 10px #D9D9D9;
border: 1px solid #35b34d;
box-sizing: content-box;
}










.biyoprice__w {
width: 100%;
margin-top: 7rem;
}

.biyoprice1 {
width: 750px;
margin: 0 auto;
}

.biyoprice2 {
width: 100%;

text-align: center;
margin-bottom: 3.5rem;
}

.biyoprice2 span {
font-size: 2.2rem;
display: inline-block;
text-align: center;
padding: .5rem 2.5rem;
border: 1px solid #555;
font-weight: 500;
}

.biyoprice3 {
width: 100%;
font-size: 2rem;
text-align: center;
margin-bottom: 1rem;
font-weight: 500;
}

.biyoprice4 {
width: 100%;
margin-bottom: 4rem;
}

.biyoprice4 table {
width: 100%;
}

.biyoprice4 table td{
border: 1px solid #d0d0d0;
padding: .7rem 2rem;
vertical-align: middle;
background: #FCFCFC;
}

.biyoprice4 table td:first-child{
width: 500px;
font-weight: 500;

}

.biyoprice4 table td:last-child{
font-weight: 500;

}

.biyoprice4 table td span{
display: block;
font-size: 1.3rem;
}



table.tabeldoctor1{
width: 100%;
border: 1px solid #989898;
}

table.tabeldoctor1 th{
border: 1px solid #989898;
padding: .5rem;
text-align: center;
font-weight: 500;
color: #fff;
background: #505050;
}

table.tabeldoctor1 td{
border: 1px solid #989898;
padding: .5rem;
text-align: center;
vertical-align: middle;
}

table.tabeldoctor1 td:first-child{
padding: .5rem;
text-align: center;
vertical-align: middle;

}

.tabeldoctor2{
background: #f2f2f2;
font-weight: 500;
}

.tabeldoctor3{
width: 100%;
text-align: right;
line-height: 1.7;
}



.checkupmenu1{
width: 100%;
text-align: center;
margin: 0 auto;
border-bottom: 1px dotted #000;
padding-bottom: 10rem;
}


.checkupmenu1 .pinkbtn01{
width: 50rem;
text-align: center;
margin: 0 auto;
}

.checkupmenu2{
text-align: center;
}



.checkupmenu3{
width: 100%;

}

.checkupmenu3 table{
width: 100%;
border: 1px solid #ccc;
}

.checkupmenu3 table th{
border: 1px solid #ccc;
padding: 1.2rem .5rem;
vertical-align: middle;
text-align: center;
font-size: 1.6rem;
font-weight: 700;
background: #eee;
}

.checkupmenu3 table th:nth-child(1){
width: 10rem;
}

.checkupmenu3 table th:nth-child(2){
width: 32rem;
}

.checkupmenu3 table th:nth-child(3){
width: calc(100% - 42rem);
}


.checkupmenu3 table td{
border: 1px solid #ccc;
padding: .5rem .5rem;
vertical-align: middle;
text-align: center;
font-size: 1.5rem;
}

.checkupmenu3 table td.checkupmenu4{
border: 1px solid #ccc;
padding: 1.7rem .5rem;
vertical-align: middle;
text-align: center;
font-size: 1.8rem;
font-weight: 600;
background: #F0F0F0;
}


.checkupmenu5{
padding: 0 2rem;
margin-top: 2rem;
margin-bottom: 8rem;
}









/* 追記 */





.doctor-h{
width: 100%;
}

.doctor-h h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.doctor-h h2 span{
}

.doctor-h h2 span::before {
content: "DOCTOR";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}


.doctor1{
width: 100%;
text-align: center;
margin-bottom: 5rem;
font-size: 2.6rem;
font-weight: 700;
}

.doctor2{
width: 800px;
margin: 0 auto;
line-height: 2.3;
}




.gairai-h{
width: 100%;
}

.gairai-h h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.gairai-h h2 span{
}

.gairai-h h2 span::before {
content: "OUTPATIENT";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}



.homon-h{
width: 100%;
}

.homon-h h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.homon-h h2 span{
}

.homon-h h2 span::before {
content: "HOUSE CALL";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}


.rehabilitation-h{
width: 100%;
}

.rehabilitation-h h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.rehabilitation-h h2 span{
}

.rehabilitation-h h2 span::before {
content: "REHABILITATION";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}


.access-h{
width: 100%;
}

.access-h h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.access-h h2 span{
}

.access-h h2 span::before {
content: "ACCESS";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}




.gairai1{
width: 100%;
text-align: center;
font-size: 2rem;
font-weight: 500;
letter-spacing: .2rem;
color: #e9458f;
padding: 0 10rem;
line-height: 2;
}

.girai2{
width: 100%;
padding: 0 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.girai3{
width: 100%;
}

.gairai4{
width: 100%;
margin: 5rem 0;
}

.gairai4 img{
width: 350px !important;
}


.gairai5{
padding-bottom: 2rem !important;
}

.gairai6{
border-bottom: 0 !important;
}

.gairai7{
width: 100%;
font-size: 2rem;
font-weight: 700;
text-align: center;
}

.facility-h{
width: 100%;
}

.facility-h h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.facility-h h2 span{
}

.facility-h h2 span::before {
content: "FACILITY";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.recruit-h{
width: 100%;
}

.recruit-h h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.recruit-h h2 span{
}

.recruit-h h2 span::before {
content: "RECRUIT";

display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.reservation-h{
width: 100%;
}

.reservation-h h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.reservation-h h2 span{
}

.reservation-h h2 span::before {
content: "RESERVATION";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}
.information-h{
width: 100%;
}

.information-h h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.information-h h2 span{
}

.information-h h2 span::before {
content: "INFORMATION";

display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}


.contentstel{
width: 100%;
}

.contentstel a{
font-size: 2.8rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.15rem;
align-items: baseline;
}

.contentstel a::before{
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 2rem;
height: 2rem;
margin-right: .3rem;
vertical-align: middle;
}


.topcatch{
width: 100%;
padding: 6rem 0;
background: #fff;
}

.topcatch1{
width: 100%;
text-align: center;
font-family:"Noto Serif JP";
font-size: 3.7rem;
letter-spacing: .2rem;
margin-bottom: 5rem;
}

.topcatch2{
width: 100%;
text-align: center;
}

.topcatch2 img{
width: 900px;
margin: 0 auto;    
}
	/*blog*/
	.blog_right h2.widgettitle {
    display: none; }
	
	.wp-calendar-nav {
    width: 100%;
    display: table;
    table-layout: fixed; }
    .wp-calendar-nav > span {
      display: table-cell; }
      .wp-calendar-nav > span:nth-child(3) {
        text-align: right; }

  .calendar_wrap {
    margin-bottom: 35px; }


    .blog_right .wp-calendar {
      width: 100%; }
    .blog_right caption {
      border-bottom: 1px #122D7F solid;
      background-color: #f5f5f5;
      font-size: 1.6rem;
      text-align: center;
      margin-bottom: 20px;
      line-height: 2; }
    .blog_right h3 {
      border-bottom: 1px #122D7F solid;
      background-color: #f5f5f5;
      font-size: 1.6rem;
      text-align: center;
      margin-bottom: 20px;
      line-height: 2; }
    .blog_right tr {
      display: flex;
      justify-content: flex-start; }
    .blog_right tr:first-of-type {
      justify-content: flex-end; }
    .blog_right th, .blog_right td {
      display: block;
      width: calc(100% / 7);
      text-align: center;
      margin-bottom: 10px; }
    .blog_right td:last-of-type,
    .blog_right th:last-of-type {
      color: red; }
    .blog_right td a {
      padding: 0; }
    .blog_right tfoot tr {
      display: flex;
      justify-content: center; }
    .blog_right tfoot tr td {
      width: calc(100% / 3); }
    .blog_right .today a,
    .blog_right .today {
      color: white;
      background-color: #6699ff;
      font-weight: bold; }
    .blog_right a {
      text-decoration: underline;
	  font-size: 1.4rem;
	}

  .post_type_text {
    background-color: #f5f5f5;
    padding: 10px;
    margin-bottom: 30px; }

  .blog_wrap {
    display: table;
    width: 100%; }
    .blog_wrap > section {
      display: table-cell;
      vertical-align: top; }
    .blog_wrap .blog_left {
      width: 100%;
     /* width: 800px;*/
       }
    .blog_wrap .blog_right {
      width: 100%;
	}
	
      .blog_wrap .blog_right .return_blog {
        margin-bottom: 30px; }
        .blog_wrap .blog_right .return_blog > a {
          background-color: #4B8CDC;
          color: #fff;
          padding: 8px 30px 8px 20px;
          border-radius: 5px;
          font-size: 1.4rem;
          position: relative; }
          .blog_wrap .blog_right .return_blog > a:after {
            display: block;
            position: absolute;
            top: 50%;
            right: 15px;
            width: 4px;
            height: 4px;
            margin-top: -3px;
            border-top: solid 2px #fff;
            border-right: solid 2px #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            content: ""; }
      .blog_wrap .blog_right > h3 {
		  color:#000;
        border-bottom: 1px #ec75a2 solid;
        background-color: #fff5f5;
        font-size: 1.6rem;
        text-align: center;
        margin-bottom: 20px;
        line-height: 2; }
      .blog_wrap .blog_right > ul {
		font-size: 1.4rem;  
        margin-bottom: 15px; }
        .blog_wrap .blog_right > ul > li {
          padding-bottom: 10px;
          border-bottom: 1px #ccc dotted;
          margin-bottom: 10px; }
          .blog_wrap .blog_right > ul > li:last-child {
            padding-bottom: 0;
            border-bottom: none;
            margin-bottom: 0; }
          .blog_wrap .blog_right > ul > li > a {
            display: inline-block;
            line-height: 1.5;
            font-size: 1.4rem; }
            .blog_wrap .blog_right > ul > li > a > span {
              font-size: 1.2rem; }

    .blog_ul > .blog_li {
      padding-bottom: 60px;
      border-bottom: 1px #ccc dotted;
      margin-bottom: 60px; }
      .blog_ul > .blog_li:last-child {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0; }
      .blog_ul > .blog_li > .blog_thumbnail {
        width: 100%;
        height: 300px;
        background-size: cover !important;
        background-color: #eee !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        margin-bottom: 20px; }
      .blog_ul > .blog_li > h2 {
        border-top: 7px #122D7F solid;
        background-color: #2EAFE3;
        font-size: 2.0rem;
        margin-bottom: 20px; }
        .blog_ul > .blog_li > h2 > a,
        .blog_ul > .blog_li > h2 > span {
          display: block;
          color: #fff;
          padding: 7px 15px; }
      .blog_ul > .blog_li > .cat_date {
        margin-bottom: 20px; }
        .blog_ul > .blog_li > .cat_date > div {
          display: inline-block; }
        .blog_ul > .blog_li > .cat_date > .category {
          width: 12em;
          text-align: center;
          background-color: #eee;
          color: #fff; }

  .button_read_more_dot {
    letter-spacing: 10px;
    padding-left: 10px; }

  .button_read_more {
    display: inline-block;
    text-decoration: underline !important; }

  .blog_pagenation {
    display: table;
    width: 100%;
    margin-top: 40px;
    border-top: 1px #ccc dotted;
    padding-top: 40px; }
    .blog_pagenation > div {
      display: table-cell; }
      .blog_pagenation > div:nth-child(1) {
        text-align: left; }
      .blog_pagenation > div:nth-child(2) {
        text-align: right; }
	
  /* -------------------------------- */
  /* wp-pagenavi */
  /* -------------------------------- */
  #page_navi_wrapper {
    width: 100%;
    text-align: center;
    overflow: hidden; }

  #page_navi_wrapper_top {
    margin-top: 60px;
    width: 100%;
    text-align: center; }

  .wp-pagenavi {
    margin: 0 auto 2rem;
    padding-top: 0.5em; }

  .wp-pagenavi a,
  #page_navi_wrapper_top .pages,
  #page_navi_wrapper_top .current {
    margin-right: 4px;
    padding: 3px 6px;
    border: 1px solid #ccc;
    color: #ec75a2;
    background: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center; }

  .wp-pagenavi a:hover,
  #page_navi_wrapper_top .current {
    color: #fff;
    background: #122F81; } 

	
.post-navigation{
display:flex;
justify-content:center;
align-items:center;
gap:20px;
margin-top:50px;
font-size:14px;
flex-wrap:wrap;
}

.post-navigation div{
max-width:300px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.post-navigation a{
text-decoration:underline;
color:#333;
transition:0.3s;
}

/* 区切り線 */
.post-navigation div:not(:last-child)::after{
content:"|";
margin-left:20px;
color:#ccc;
}

/* hover ピンク */
.post-navigation a:hover{
color:#ff6b9a;
text-decoration: underline;	
}	
	
	
}
/* PC */



















@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-170px);
}
to {
opacity: 1;
transform: translateY(0);
}
}







































































/* sp */
@media screen and (max-width:750px) {

.wrapper{
padding: 0 0 6.4rem 0;
}

/* header */

header{
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
height: 7rem;
position: fixed;
top: 0;
z-index: 100;
background: #fff;
}

.header__wrap{
width: calc(100%);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.header__logo{
width: 100%;
margin: 0 auto;
}

.header__logo h1{
width: 100%;
margin-left: 1rem;
}

.header__logo h1 a{
display: inline-block;
}

.header__logo h1 a img{
height: 4.7rem;
}


.header__contact{
display: none;
width:100%;
margin: 0 auto;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: center;
}

.header-contact__group{
width: 30rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background: #fff;
}

.header5{
width: 100%;
text-align: center;
margin-bottom: .7rem;
}

.header5 span{
text-align: center;
font-size: 1.5rem;
}


.header6{
width: 100%;
}

.header6 a{
font-size: 2.8rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.15rem;
align-items: baseline;
}

.header6 a::before{
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 2rem;
height: 2rem;
margin-right: .3rem;
vertical-align: middle;
}





.header-contact__label{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.header8{
width: 100%;
text-align: center;
}

.header8 span{
text-align: center;
font-size: 1.4rem;
width: 9rem;
}


.header-contact__tel{
}

.header-contact__tel a{
display: block;
font-size: 2.5rem;
line-height: 1;
color: #63c06b;
width: 20rem;

}

.header-contact__tel div{
display: block;
font-size: 2.5rem;
line-height: 1;
color: #63c06b;
width: 20rem;

}

.header-contact__tel a span{

}

.header-contact__tel a span::before{
background: url("../images/ic_tel.svg");
display: inline-block;
width: 1.8rem;
height: 1.8rem;
margin: 0 .2rem 0 0;
vertical-align: middle;
}




.header10{
width: 100%;
text-align: center;
}

.header10 a{
display: inline-block;
background: linear-gradient(270deg, #2fb383, #18a86b);
text-align: center;
color: #fff;
box-shadow: 6px 6px 10px #c1ffe8;
}

.header10 a span{
display: block;
position: relative;
width: 100%;
padding: 1.2rem 3rem;

}


.header10 a span::after{
position: absolute;
top: 2.7rem;
right: .8rem;
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin: 0 0 0 .6rem;
vertical-align: baseline;

}

.footer__wrap .header10 a span::after{
position: absolute;
top: 1.9rem;
right: .8rem;
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin: 0 0 0 .6rem;
vertical-align: baseline;
}


.header11{
font-size: 1.2rem;
}

.header12{
width: calc(100% - 60px);
font-size: 1.2rem;
margin: 0.5rem auto 1.2rem;
text-align: center;
letter-spacing: 0;
}

.header13{
width: 100%;
}

.header13 a {
display: inline-block;
background: #d87d97;
text-align: center;
padding: 1.5rem 5rem;
color: #fff;
font-size: 1.6rem;
letter-spacing: .2rem;
position: relative;
border-radius: 4px;
width: 20rem;
}

.header13 div {
display: inline-block;
background: #d87d97;
text-align: center;
padding: 1.5rem 1.5rem;
color: #fff;
font-size: 1.6rem;
letter-spacing: .2rem;
position: relative;
border-radius: 4px;
width: 20rem;
}

.header13 a:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 2rem;
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 1rem;
height: 1rem;
margin: auto;
vertical-align: baseline;
transition: all .3s;
}

.header14{
text-align: center;
width: 100%;
font-size: 1.4rem;
color: #404040;
}


.button--reserve{
  width: 100%;
  }

.button--reserve a{
  background: #f16085;
  color: #fff;
  padding: 1.5rem 3rem;
  font-size: 1.5rem;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
}

.button--reserve a span::before{
content: "";
background: url("../images/ic_arrow5.svg");
display: inline-block;
width: 1.3rem;
height: 1.3rem;
margin-right: 1rem;
vertical-align: middle;
}


/* timetable */

.headertimetable__w{
width: 100%;
padding: 80px 0 20px;
background: #ebeaea;
background-size: cover;
}

.headertimetable1{
text-align: center;
margin: 0 0 90px 0;
}

.headertimetable1 h2{
font-size: 2rem;
font-weight: 400;
letter-spacing: .5rem;
color: #622b11;
background: linear-gradient(45deg, #ffef72, #ffed62);
width: 500px;
margin: 0 auto;
box-shadow: 15px 15px 0px rgb(210 207 129 / 20%);
text-align: right;
padding: 18px 22px;
}

.headertimetable1 h2 span{
display: block;
position: relative;
}

.headertimetable1 h2 span::before{
content: "TIMETABLE";
display: block;
text-align: right;
font-size: 4rem;
letter-spacing: .3rem;
color: #622b11;
font-weight: 400;
line-height: 1;
font-family: 'Zen Maru Gothic', sans-serif;
margin: 0 0 12px 0;
}

.headertimetable2 h2 span::after{
content: "";
background: url("../images/ic_timetable.svg");
width: 100px;
height: 100px;
display: block;
top: -50px;
left: -50px;
position: absolute;
filter: drop-shadow(3px 6px 0px rgba(255,251,221,.50));
}


.headertimetable3{
}

.headertimetable4{
}

.headertimetable4a{
background: url(../images.headertimetable1.png) no-repeat left center;
background-size: 450px 300px;
}

.headertimetable4b{
background: url(../images.headertimetable2.png) no-repeat right center;
background-size: 450px 300px;
}

.headertimetable4c{
background: url(../images.headertimetable3.png) no-repeat left center;
background-size: 450px 300px;
}

.headertimetable4d{
background: url(../images.headertimetable4.png) no-repeat right center;
background-size: 450px 300px;
}

.headertimetable4e{
background: url(../images.headertimetable5.png) no-repeat left center;
background-size: 450px 300px;
}



.headertimetable5{
width: 750px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin: 0 auto;
}

.headertimetable6{
color: #5d481d;
display: block;
text-align: center;
font-size: 2.4rem;
font-weight: 700;
font-family: 'Zen Old Mincho', serif;
margin: 0 0 20px 0;
width: 100%;
letter-spacing: .3rem;
}

.headertimetable7{
width: 100%;

}

table.schedule__table{
width: calc(100%);
background: #fff;
margin: 0 auto;
border: 1px solid #d9d4d4;

}

table.schedule__table th{
background: #efefef;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 1rem 0;
line-height: 1.6;
width: 10.5%;
letter-spacing: .1rem;
}

table.schedule__table th:first-child{
width: 26.5%;
}

table.schedule__table td{
background: #fdfdfd;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 1rem 0;
line-height: 1.6;
letter-spacing: 0.05rem;
border-bottom: 1px solid #d9d4d4;
vertical-align: middle;
}

table.schedule__table td:first-child{
background: #f8f8f8;
}

table.schedule__table tr{
}

.headertimetable9{
width: 570px;
margin: 0 auto;
text-align: right;
padding: 0 15px 0 0;
font-size: 1.8rem;
}

table.schedule__table td.headertimetable10a{
color: #fff;
text-align: center;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', serif;
letter-spacing: .35rem;
padding: 10px 0;
background: linear-gradient(90deg, #ed6d00, #ed6d00);
line-height: 1;
font-weight: 500;
}

table.schedule__table td.headertimetable10b{
color: #fff;
text-align: center;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', serif;
letter-spacing: .15rem;
padding: 10px 0;
background: linear-gradient(90deg, #01aee4, #01aee4);
line-height: 1;
font-weight: 500;
}

.headertimetable11{
font-size: 1.3rem;
letter-spacing: -.05rem;
font-weight: 700;
}

.headertimetable12{
width: 100%;
text-align: center;
}

.headertimetable12 > .closed{
display: inline-block;
text-align: center;
padding: 3px 12px;
background: #fff;
font-size: 1.5rem;
color: #ef6276;
margin: 0 0 20px;    
}
.headertimetable12 > .repletion{
width: 600px;
margin: 0 auto;
text-align: left;
}
.headertimetable12_f{
text-align: center;
width: 500px;
margin: 0 auto;
}

.headertimetable12_f > .closed{
display: inline-block;
text-align: center;
padding: 3px 12px;
background: #fff;
font-size: 1.5rem;
color: #ef6276;
margin: 0 0 10px;    
}
.headertimetable12_f > .repletion{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 1.4rem;    
}    
.headertimetable13{
width: 100%;
text-align: center;
}

.headertimetable13 span{
display: inline-block;
text-align: center;
padding: 5px 20px;
background: #fff;
font-size: 1.7rem;
color: #1ea189;
border: 2px solid #1ea189;
border-radius: 5px;
}

.headertimetable14{
width: 930px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}

.headertimetable15{
width: 100%;
text-align: center;
}

.headertimetable15 span{
display: inline-block;
text-align: center;
padding: 8px 30px;
background: #ffffff;
font-size: 1.9rem;
color: #1fa189;
border: 1px solid #1fa189;
font-weight: 700;
}

.schedule__separator{
width: 450px;
}

.schedule__separator a{
display: inline-block;
text-align: center;
background: #fff;
font-size: 1.6rem;
color: #1ea189;
border: 1px solid #1ea189;
font-weight: 700;
line-height: 1;
box-shadow: 4px 4px 10px #ced1d8;
box-sizing: content-box;
width: 450px;
}

.schedule__separator a:hover{
opacity: .7;
}

.schedule__separator a img{
width: 100%;
}

.headertimetable17{
width: 450px;
}

.headertimetable17 a{
display: inline-block;
text-align: center;
background: #fff;
font-size: 1.6rem;
color: #1ea189;
border: 1px solid #fd6c58;
font-weight: 700;
line-height: 1;
box-shadow: 4px 4px 10px #ced1d8;
box-sizing: content-box;
width: 450px;
}

.headertimetable17 a:hover{
opacity: .7;
}

.headertimetable17 a img{
width: 100%;
}




.headertimetable18{
width: 750px;
margin: 0 auto;
}

.headertimetable18 a{
width: 100%;
display: block;
text-align: center;
}


.headertimetable18 a img{

width: 55%;
box-shadow: 10px 10px 15px #bfbfbf;
border-radius: 5px;
}

.schedule__closed{
color: #ccc;
font-weight: 400;
}


.schedule__time{
font-family: 'Asap', sans-serif;
}

.headertimetable21{
font-size: 1.1rem !important;
line-height: 1 !important;
letter-spacing: 0;
}


/* timetable */




/* header */









/* nav */

/*========= ナビゲーションのためのCSS ===============*/

#g-nav{
    position: fixed;
    z-index: -1;
    display: none;
    top: 0;
    width: 100%;
    height: calc(100vh);
    background: #f3f0e9;
    transition: all 0.3s;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive{
display: block;
z-index:999;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
/*ナビの数が増えた場合縦スクロール*/
position: fixed;
z-index: 999; 
width: 100%;
height: 100vh;/*表示する高さ*/
overflow: auto;
-webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav .navul,
#g-nav .navul2 {
display: none;
/*ナビゲーション天地中央揃え*/
z-index: 999;
}

#g-nav.panelactive .navul {
    width: 30rem;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 3rem auto 0;
}

/*リストのレイアウト設定*/

.navulli1,
.navulli2,
.has-child{
list-style: none;
text-align: center;
width: 100%;
margin: 0 0 1rem 0;
}

.navulli1:nth-child(2n),
.navulli2:nth-child(2n),
.has-child:nth-child(2n){
}

.navulli1 a,
.navulli2 a,
.has-child a{
    text-decoration: none;
    padding: 0.5rem 0;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0rem;
    font-weight: 700;
    font-size: 1.6rem;
    /* background: #fff; */
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
}

#g-nav.panelactive .has-child-3{
width: 100%;
display: none !important;
flex-wrap: wrap;
justify-content: flex-start;
margin: .5rem auto 0;
}

#g-nav.panelactive .navulli2{
width: 100%;
margin: 0 0 .5rem 0;
align-items: center;
display: flex;
}

#g-nav.panelactive .navulli2:nth-child(2n){
}

#g-nav.panelactive .navulli2 a{
font-size: 1.3rem;
line-height: 1.2;
padding: .5rem 1rem;
display: block;
width: 100%;
letter-spacing: -0.05rem;
background: #fff;
}

#g-nav.panelactive .navulli2 img{
width: 100%;
border-radius: 10px 3px 10px 3px;
}

.has-child-2{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.has-child-3{
width: 100%;
display: flex;
flex-wrap: wrap;
}




/*========= ボタンのためのCSS ===============*/
.openbtn{
position: fixed;
z-index: 9999;
top: 1rem;
right: 2rem;
cursor: pointer;
width: 4rem;
height: 5rem;
}

/*×に変化*/	
.openbtn span{
display: inline-block;
transition: all .4s;
position: absolute;
height: 3px;
border-radius: 2px;
background-color: #a8a18e;
width: 100%;
}

.active span{
display: inline-block;
transition: all .4s;
position: absolute;
height: 3px;
border-radius: 2px;
background-color: #a8a18e !important;
width: 100%;
}

.openbtn span:nth-of-type(1) {
top:1rem;	
}

.openbtn span:nth-of-type(2) {
top:2.2rem;
}

.openbtn span:nth-of-type(3) {
top:3.4rem;
}

.openbtn.active span:nth-of-type(1) {
top: 1rem;
transform: translateY(6px) rotate(-45deg);
width: 100%;
}

.openbtn.active span:nth-of-type(2) {
opacity: 0;
}

.openbtn.active span:nth-of-type(3){
top: 2.2rem;

transform: translateY(-6px) rotate(45deg);
width: 100%;
}




.spnavinfo__w{
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
}

.spnavinfo1{

}

.spnavinfo2{

}



/* nav */






/* slider */
/*メインビジュアルの余白をなくす*/	
body {
  margin: 0;
}
.swiper,
.swiper-wrapper,
.swiper-slide {
  height: auto !important;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
/*メインビジュアルの余白をなくす*/	
.swiper {
width: 100%;
}
	
.swiper-wrapper {
}
.swiper-slide {
text-align: center;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.swiper-slide1a{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 80%;
z-index: 1;
}


.swiper-slide1a span{
    display: inline-block;
    color: #222;
    font-weight: 500;
    font-size: 4.5vw;
    line-height: 2;
    filter: drop-shadow(1px 1px 3px #fff);
    text-shadow: #fff 2px 0px,  #fff -2px 0px,
#fff 0px -2px, #fff 0px 2px,
#fff 2px 2px , #fff -2px 2px,
#fff 2px -2px, #fff -2px -2px,
#fff 1px 2px,  #fff -1px 2px,
#fff 1px -2px, #fff -1px -2px,
#fff 2px 1px,  #fff -2px 1px,
#fff 2px -1px, #fff -2px -1px;
}

.swiper-slide1b{
margin-top: 2rem;
}

.swiper-slide1b span{
display: inline-block;
color: #5d481d;
font-weight: 400;
margin-bottom: 1.3rem;
font-size: 1.8rem;
line-height: 1.8;
}

.swiper-slide1c{
position: absolute;
z-index: 1;
bottom: 1rem;
color: #fff;
font-size: 1.1rem;
text-align: right;
display: block;
width: 100%;
padding-right: 1rem;
}


.swiper-slide {
  position: relative;
  width: 100%;
  height: auto;   /* ← これ重要 */
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;   /* ← 比率維持 */
}
	
.swiper-button-next,
.swiper-button-prev {
display: none !important;
}

.swiper_txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 90vw;
z-index: 10;
}

.swiper_txt img {
display: block;
width: 100%;
}
/* slider */









/* pagetop */


#page-top {
    position: fixed;
    bottom: 11rem;
    right: 0.8rem;
}
#page-top a {
width: 4rem;
display: block;
opacity: 0.9;
transition: all .3s ease;
}
#page-top a:hover {
text-decoration: none;
opacity: .5;
}


#page-top a img{
width: 100%;
display: block;
opacity: .8;
}


/* pagetop */






/* breadcrumb */

.breadcrumb__w{
width: 100%;
margin: 0 auto;
padding: 15px 0 15px 30px;
font-size: 1.5rem;
background: #f5f5f5;
}

.breadcrumb__w ol{
padding: 0;
color: #333 !important;
margin: 0 auto;
text-align: center;
}

.breadcrumb__w ol li{
list-style:none;
display:inline;
}

.breadcrumb__w ol li a:link,
.breadcrumb__w ol li a:visited{
color:#333 !important;
}

.breadcrumb__w ol li a:hover,
.breadcrumb__w ol li a:active{
opacity: .7;
}

.breadcrumb__w ol li:last-of-type a{
color:#333 !important;
}

.breadcrumb__w ol li:last-of-type a:hover,
.breadcrumb__w ol li:last-of-type a:active{
opacity: .7;
}

/* breadcrumb */















/* news */

.topnews__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 5rem 0;

}

.topnews1 {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.topnews2 {
width: 100%;
display: flex;
flex-wrap: wrap;
text-align: center;
margin-bottom: 4rem;
}

.topnews3 {
width: 100%;
display: flex;
flex-wrap: wrap;
text-align: center;
align-items: center;
justify-content: center;
}

.topnews3 h2 {
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600
}

.topnews3 h2 span {
}

.topnews3 h2 span::before {
content: "INFORMATION";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.topnews4 {
width: 90%;
margin: 0 auto;
/*max-height: 50vh;
overflow-y: auto;スクロール*/
}

.topnews5 {
width: 100%;
}
.newskiji1 {
width: 100%;
border-bottom: 1px dotted #cac8bc;
padding: 0 0 1.6rem 0;
margin: 0 0 1rem;
}


.newskiji2 {
width: 100%;
font-size: 1.3rem;
margin: 0 0 0 0;
font-weight: 400;
}  
.newskiji3 {
font-size: 1.2rem;
width: 100%;
}
	
.newskiji4 {
display: inline-block;
font-size: 1.6rem;
margin: 0 0 .5rem 0;

} 
.newskiji4 a {
text-decoration: underline;
	} 
	
.newskiji5 {
width: 100%;
font-size: 1.6rem;
}  






/* news */










.topfeature__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fffefc;
padding: 7rem 0 5rem;
}

.topfeature1{
width: 100%;


}

.topfeature1 h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.topfeature1 h2 span{
}

.topfeature1 h2 span::before {
content: "FEATURES";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}


.topfeature2{
width: 1060px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topfeature3{
width: 100%;
margin: 0 auto 7rem;
display: flex;
justify-content: space-between;
position: relative;
flex-wrap: wrap;
}

.topfeature3:last-child{
margin: 0 auto 0;
}

.topfeature4{
width: 100%;
position: relative;
text-align: center;
margin-bottom: 3rem;
}

.topfeature4 img{
width: 80%;
border-radius: 31% 69% 44% 56% / 53% 30% 70% 47%;
}

.topfeature4-2{
order: 1;
}

.topfeature5{
width: 100%; 
position: relative;
order: 2;
}

.topfeature6{
font-size: 2.6rem;
font-weight: 600;
letter-spacing: .1rem;
color: #3e1f03;
margin-bottom: 2rem;
transform: scaleY(1.05);
width: 100%;
text-align: center;
line-height: 1.4;
}

.topfeature6 span{
font-size:5rem;
color: #8fb28b;
}


.topfeature7{
line-height: 2.3;
font-size: 1.5rem;
font-weight: 400;
width: 100%;
padding: 0 3rem;
}








/*topdoctor*/

.topdoctor__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 0 0 0;
}

.topdoctor1{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #f7f6f2;
padding: 4rem 2rem;
align-items: flex-start;
}

.topdoctor2{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
order: 2;

}

.topdoctor3{
width: 100%;
font-size: 2.5rem;
color: #3e1f03;

}

.topdoctor3 span::before{
content: "DOCTOR";
color: #2eaf45;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: .4rem;
display: block;
line-height: 1;
margin-bottom: .7rem;

}

.topdoctor3 span::after{
content: "";
display: block;
width: 7.8rem;
border-bottom: 1px dashed #3e1f03;
margin-top: .7rem;
}


.topdoctor4{
width: 100%;
font-size: 2rem;
color: #3e1f03;
letter-spacing: .5rem;

}

.topdoctor5{
line-height: 2;
}

.topdoctor6{
width: 100%;
}

.topdoctor6 a span{
display: inline-block;
}

.topdoctor6 a span::before{
content: "";
background: url("../images/ic_arrow1.svg");
width: 4rem;
height:4rem;
display: inline-block;
margin: 0 1.5rem 0 0;
vertical-align: middle;
}

.topdoctor6 span::after{
content: "";
display: block;
width: 20rem;
border-bottom: 1px dashed #3e1f03;
margin: 1rem 0 0 4.5rem;
}

.topdoctor7{
width: 100%;
margin: 0 auto;
order: 1;
text-align: center;
}


.topdoctor7 img{
width: 70%;
border-radius: 20px;
}










/* subject */
.topsubject__w{
width: 100%;
padding: 7rem 0;
background: #f8f7f3;
}



.topsubject1{
width: 100%;
margin-bottom: 6rem;
}

.topsubject1 h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.topsubject1 h2 span{
}

.topsubject1 h2 span::before {
content: "DEPARTMENTS";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.topsubject2{
width: 100%;
padding: 0 5rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.topsubject2b{
width: 100%;
padding: 0 5rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.topsubject3{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 3rem;
}

.topsubject3:last-child{
margin-bottom: 0;
}

.topsubject3:hover{
}

.topsubject4{
width: 100%;
}

.topsubject4 img{
width: 100%;
border-radius: 20px 20px 0 0;
}

.topsubject5{
width: 100%;
text-align: center;
font-size: 1.9rem;
padding: 2.5rem 0;
margin-bottom: 1.3rem;
background: #fff;
border-radius: 0 0 20px 20px;
font-weight: 500;
letter-spacing: .15rem;
}

.topsubject6{
width: 100%;
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
}

/* subject */











/* subject */

.topgirai__w{
width: 100%;
padding: 7rem 0;
background: #f3f2e9;
}


.topgirai1{
width: 100%;
margin-bottom: 6rem;
}

.topgirai1 h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600
}

.topgirai1 h2 span{
}

.topgirai1 h2 span::before {
content: "OUTPATIENT";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.topgirai2{
width: 100%;
padding: 0 2rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}

.topgirai3{
width: 48%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-right:4%;
margin-bottom: 2rem;
border-radius: 0 0 20px 20px;
height: 15rem;
}

.topgirai3:nth-child(2),
.topgirai3:nth-child(4),
.topgirai3:nth-child(6),
.topgirai3:nth-child(8)
{
margin-right: 0;
}

.topgirai3:nth-child(3),
.topgirai3:nth-child(4){
margin-bottom: 0;
}

.topsubject2 .topgirai3:nth-child(4),
.topgirai3:nth-child(6)
{
margin-right: 4%;
}

.topsubject2 .topgirai3:nth-child(5),
.topgirai3:nth-child(7)
{
margin-right: 0;
}
.topsubject2 .topgirai3:nth-child(6),
.topgirai3:nth-child(7)
{
margin-bottom: 0;
}


.topgirai3:hover{
}

.topgirai4{
width: 100%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px 20px 0 0;
padding-top: 1.5rem;
}

.topgirai4 img{
width: 5rem;
height: 5rem;
}

.topgirai5{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
font-size: 1.5rem;
padding: 1rem 0 1.5rem;
background: #fff;
border-radius: 0 0 20px 20px;
line-height: 1.4;
}

.topgirai5 span{
display: block;
font-size: 1.2rem;
width: 100%;
}

.topgirai6{
width: 100%;
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
}

/* subject */





/* subject */

.tophomon__w{
width: 100%;
padding: 7rem 0;
background: #ebe9e0;
}


.tophomon1{
width: 100%;
margin-bottom: 6rem;
}

.tophomon1 h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600
}

.tophomon1 h2 span{
}

.tophomon1 h2 span::before {
content: "HOME";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.tophomon2{
width: 100%;
padding: 0 2rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}

.tophomon3{
width: 48%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-right:4%;
margin-bottom: 2rem;
border-radius: 0 0 20px 20px;
height: 15rem;
}

.tophomon3:nth-child(even){
margin-right: 0;
}

.tophomon3:nth-child(3),
.tophomon3:nth-child(8){
margin-bottom: 0;
}

.tophomon3:hover{
}

.tophomon4{
width: 100%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px 20px 0 0;
padding-top: 1.5rem;
}

.tophomon4 img{
width: 5rem;
height: 5rem;
}

.tophomon5{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
font-size: 1.5rem;
padding: 1rem 0 1.5rem;
background: #fff;
border-radius: 0 0 20px 20px;
line-height: 1.4;
}

.tophomon5 span{
display: block;
font-size: 1.3rem;
width: 100%;
}

.tophomon6{
width: 100%;
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
}

/* subject */







/* medical */

.topmedical__w{
width: 100%;
padding: 5rem 0 5rem;
background: url("../images/topmedicalbg.png") left bottom no-repeat #fafafa;
}

.topmedical1{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.topmedical2{
width: 80%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
}

/*
.topmedical2:hover{
transform: translateY(-3px);
}
*/

.topmedical3{
width: 100%;
}

.topmedical3 img{
width: 100%;
border-radius: 10px 10px 0 0;
}

.topmedical4{
width: 100%;
text-align: center;
}


.topmedical4 img{
width: 10rem;
margin-top: -50px;
}

.topmedical5{
width: 100%;
font-size: 2rem;
text-align: center;
line-height: 1.4;
font-weight: 400;
padding: 2rem 0 0;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
}

.topmedical5 span{
display: block;
position: relative;
width: 100%;
}

.topmedical5 span::after{
content: "";
background: url("../images/ic_arrow2.svg");
width: 1.4rem;
height:1.4rem;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 2rem;
top: 2.3rem;
}

.topmedical6{
font-size: 1.6rem;
display: block;
}

.topmedical7{
width: 80%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 3.5rem 2rem;
}

/*
.topmedical7:hover{
transform: translateY(-3px);
}
*/

.topmedical8{
display: block;
width: 50px;
}

.topmedical8 img{
width: 50px;
height: 50px;
}

.topmedical9{
width: calc(100%);
font-size: 1.8rem;
text-align: center;
line-height: 1.2;
letter-spacing: .07rem;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
font-weight: 400;
}

.topmedical9 span{
display: block;
position: relative;
}

.topmedical9 span::after{

background: url("../images/ic_arrow2.svg");
content: "";
width: 1.4rem;
height:1.4rem;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 0;
top: .5rem;
}


.topmedical10{
widows: 100%;
font-size: 1.4rem;
padding: 2.5rem 3rem;
line-height: 1.8;
}



.topsubject11{
width: 100%;
}

.topsubject11 h2{
text-align: center;
font-size: 2rem;
font-weight: 500;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
color: #4c2828;
letter-spacing: .3rem;
}

.topsubject11 h2 span{
}

.topsubject11 h2 span::after{
content: "";
display: block;
background: #81391b;
width: 5rem;
height: .1rem;
margin: 1rem auto 0;
}


/* medical */













.topaccess__w{
width: 100%;
padding: 7rem 0;
background: #eff2f3;
}



.topaccess1{
width: 100%;
margin-bottom: 6rem;
}

.topaccess1 h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.topaccess1 h2 span{
}

.topaccess1 h2 span::before {
content: "ACCESS";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}
.topaccess2{
width: 90%;
height: 40vh;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 10px;
}

.topaccess2 iframe{
width: 100%;
border-radius: 10px;
}

.topaccess3{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 10px;
padding: 0 2rem;
}

.topaccess4{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #ddd;
padding: 2rem 0;
align-items: center;
}

.topaccess4:last-child{
border-bottom: 0;
}

.topaccess5{
width: 100%;
font-size: 1.5rem;
color: #479cd7;
font-weight: 700;
margin-bottom: .5rem;
}

.topaccess6{
width: 100%;
line-height: 1.6;
}


.topaccess7{
width: 100%;
text-align: center;
margin-bottom: 2rem;
}

.topaccess7 img{
width: 70%;
}













.topbnr__w{
width: 100%;
background: #f5f5f5;
padding: 4rem 0;
}
.topbnr1{
width: 100%;
padding: 0 3rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.topbnr2{
width: 47%;
}


.topbnr2 img{
box-shadow: 7px 7px 10px #e8e8e8;
}
























































.topcovid19__w{
width: 100%;
background: #f7f6f4;
padding: 60px 0 60px;
}
.infection_w {
width: 1200px;
padding: 0 0 40px;
margin: 0 auto;
}
.infection0 {
text-align: center;
color: #ffffff;
font-size: 2.3rem;
letter-spacing: .1rem;
line-height: 1.5;
padding: 18px 0;
background: #ff6262;
width: 100%;
margin: 40px auto;
}
.infection1 {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.infection2 {
width: 30%;
margin: 0 auto;
display: flex;
flex-direction: column;
}

.infection3 {
width: 60%;
margin: 0 auto 30px;
position: relative;
}


.infection3 img {
width: 100%;
}
.infection4 {
width: 100%;
font-size: 2rem;
letter-spacing: .1rem;
line-height: 1.5;
display: inline-block;
text-align: center;
margin: 0 0 27px;
border-radius: 15px;
font-weight: 700;
color: #41241F;
}
.infection4::first-letter {
color: #ff6262;
}
.infection5 {
letter-spacing: .05rem;
font-size: 1.4rem;
text-align: justify;
line-height: 2.4;
color: #41241F;
}









/* timetable */

.toptimetable__w{
width: 100%;
padding: 5rem 0 5rem;
background: url("../images/toptimetablebg.png") right top no-repeat #fafafa;
}

.toptimetable1{
width: 100%;
}

.toptimetable1 h2{
text-align: center;
font-size: 2rem;
font-weight: 500;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
color: #4c2828;
letter-spacing: .3rem;
}

.toptimetable1 h2 span{
}

.toptimetable1 h2 span::after{
content: "";
display: block;
background: #81391b;
width: 5rem;
height: .1rem;
margin: 1rem auto 0;
}

.toptimetable2{
width: 100%;
padding: 0 1rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.toptimetable3{
width: 100%;
text-align: center;
}

.toptimetable3 span{
width: 100%;
border: 1px solid #beb0b0;
padding: .6rem 2rem;
background: #fff;
text-align: center;
font-size: 1.6rem;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
}



.toptimetable4{
width: 100%;
text-align: center;
}


.toptimetable4 img{
width: 113px;
height: 99px;
margin-top: -50px;
}

.toptimetable5{
width: 100%;
font-size: 2.0rem;
text-align: center;
line-height: 1.5;
font-weight: 400;
padding: 2rem 0 0;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
}

.toptimetable5 span{
display: block;
position: relative;
width: 100%;
}

.toptimetable5 span::after{
content: "";
background: url("../images/ic_arrow2.svg");
width: 1.4rem;
height:1.4rem;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 2rem;
top: 2.5rem;
}

.toptimetable6{
font-size: 1.6rem;
display: block;
}

.toptimetable7{
width: 495px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 2.5rem 2rem;
}

.toptimetable7:hover{
transform: translateY(-3px);
}


.toptimetable8{
display: block;
width: 50px;
}

.toptimetable8 img{
width: 50px;
height: 50px;
}

.toptimetable9{
width: calc(100%);
font-size: 1.8rem;
text-align: center;
line-height: 1.2;
letter-spacing: .07rem;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
font-weight: 400;
}

.toptimetable9 span{
display: block;
position: relative;
}

.toptimetable9 span::after{
content: "";
background: url("../images/ic_arrow2.svg");
width: 1.4rem;
height:1.4rem;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 0;
top: .4rem;
}


.toptimetable10{
widows: 100%;
font-size: 1.5rem;
padding: 2.5rem 3rem;
font-weight: 400;
}



.toptimetable11{
width: 100%;
}

.toptimetable11 h2{
text-align: center;
font-size: 2rem;
font-weight: 500;
font-family: YakuHanJP, 'Noto Serif JP', sans-serif;
color: #4c2828;
letter-spacing: .3rem;
}

.toptimetable11 h2 span{
}

.toptimetable11 h2 span::after{
content: "";
display: block;
background: #81391b;
width: 5rem;

height: .1rem;
margin: 1rem auto 0;
}











.toptimetable12{
width: 100%;
text-align: center;
}

.toptimetable13{
margin: 0 auto;
display: inline-block;
text-align: left;
background: #fff;
padding: 2rem 2rem;
flex-wrap: wrap;
}

.toptimetable14{
width: 100%;
}

.toptimetable15{
width: 90%;
margin: 0 auto;
padding: 3rem 4rem;
background: #efefed;
border-radius: 10px;
}

.toptimetable16{
width: 100%;
font-size: 1.7rem;
text-align: center;
}

.toptimetable17{
width: 100%;
}

.toptimetable18{
width: 100%;
text-align: center;
}

.toptimetable18 > .header10{
display: inline-block;
}










.toptimetable_temp{
width: 100%;
text-align: center;
}



.toptimetable19{
width: 100%;
text-align: center;
}

.toptimetable19 span{
display: inline-block;
font-size: 1.5rem;
font-weight: 400;
position: relative;
border-bottom: 3px solid #ccc;
padding: 0 1rem .7rem;
}

.toptimetable19 span::after{
position: absolute;
content: '';
width: 30px;
left: 0;
bottom: -3px;
border-bottom: 3px solid #309f56;
}






/* timetable */
























/* footer */
footer{
width: 100%;
background: #fff5f5;
padding: 0rem 0 2rem;
}

.footer__wrap{
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
justify-content: space-between;
align-items: flex-start;
}


.footer-info__wrap{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 3rem;
}

.footer-logo{
width: 100%;
text-align: center;
margin-bottom: 4rem;
}

.footer-logo img{
width: 50%;
}


.footer-schedule{width: 100%;/* margin-bottom: 1.5rem; */padding: 0 2rem;display: grid;gap: 1rem;}

.footer4{
width: 100%;
color: #fff;
font-size: 1.4rem;
padding: 0 0 0 1rem;
}

.schedule__note-block{width: 100%;color: #000;font-size: 1.4rem;/* padding: 0 0 0 2rem; */font-weight: 400;/* margin-bottom: .5rem; */}

.footer6{
width: 100%;
text-align: center;
}

.footer6 a{
width: 100%;
display: block;
font-size: 3.5rem;
color: #fff;
font-weight: 700;
line-height: 1;
font-family: 'Asap', sans-serif;
}

.footer6 a span{

}

.footer6 a span::before{
content: "";
background: url("../images/ic_tel_white.svg");
display: inline-block;
width: 2.6rem;
height: 2.6rem;
margin: 0 .5rem 0 0;
vertical-align: middle;
filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));

}



.footer7{
width: 100%;
}

.footer7 a{
display: flex;
width: 100%;
justify-content: center;
text-align: center;
align-items: center;
background: #ff591c;
color: #fff;
font-size: 2rem;
line-height: 1.5;
letter-spacing: 0.1rem;
height: 7rem;
box-shadow: 0 4px 0 #d73a00;
}

.footer7 a span {
display: flex;
justify-content: center;
text-align: center;
align-items: center;
position: relative;
width: 100%;
height: 100%;

}

.footer7 a span::before {
content: "";
display: inline-block;
background: url("../images/ic_calendar.svg");
width: 4.2rem;
height: 4.2rem;
position: absolute;
left: 1.8rem;
top: 1.2rem;
}

.footer8{
width: 100%;
}

.footer8 a{
display: flex;
width: 100%;
justify-content: center;
text-align: center;
align-items: center;
background: #00c751;
color: #fff;
font-size: 1.7rem;
line-height: 1.3;
letter-spacing: 0.05rem;
height: 7rem;
box-shadow: 0 4px 0 #00a342;
}

.footer8 a span {
display: flex;
justify-content: center;
text-align: center;
align-items: center;
position: relative;
width: 100%;
height: 100%;
}

.footer8 a span::before {
content: "";
display: inline-block;
background: url(../images/ic_line.svg);
width: 4.4rem;
height: 4.4rem;
position: absolute;
left: 1.8rem;
top: 1.4rem;
filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
}


.footer9{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer10{
width: 48%;
}

.footer10 a span {
display: block;
position: relative;
width: 100%;
padding: 0 0 0 2.8rem;
}

.footer10 a{
display: block;
padding: 1.2rem 1rem;
text-align: center;
border-radius: 10px;

background: #fff;
font-size: 1.7rem;
line-height: 1.6;
letter-spacing: 0.02rem;

}

.footer10 a span::before {
content: "";
display: inline-block;
margin: 0 .5rem 0 0;
background: url(../images/ic_nav4.svg);
width: 2.7rem;
height: 2.7rem;
position: absolute;
left: 0;
top: .1rem;
}


.footer11{
width: 48%;
}

.footer11 a span {
display: block;
position: relative;
width: 100%;
padding: 0 0 0 2.8rem;
}

.footer11 a{
width: 100%;
display: block;
padding: 1.2rem 1rem;
text-align: center;
border-radius: 10px;
background: #fff;
font-size: 1.7rem;
line-height: 1.6;
letter-spacing: 0.02rem;

}

.footer11 a span::before {
content: "";
display: inline-block;
margin: 0 .5rem 0 0;
background: url(../images/ic_sheet.svg);
width: 2.7rem;
height: 2.7rem;
position: absolute;
left: 0;
top: .1rem;
}












.sitemap{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 2rem;
}

.sitemap__item{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #efe0e0;
}

.sitemap__link{
width: 100%;

}

.sitemap__link a{
color: #000;
font-size: 1.4rem;
padding: 1.5rem 1rem;
display: block;
font-weight: 400;
}

.sitemap__link a:hover{
background: #FBDEDE;

}

.sitemap__link a span{
display: block;
position: relative;
}

.sitemap__link a span::after{
content: "";
background: url("../images/ic_arrow6.svg");
width: 1.3rem;
height: 1.3rem;
position: absolute;
right: 0;
top: .8rem;
display: block;
}


.footer-info{
width: 100%;
padding: 0 3rem;
margin-bottom: 3rem;
}

.footer-info span{
display: inline-block;
font-size: 1.3rem;
line-height: 1.8;
font-weight: 400;
color: #000;
}













.sitemap__w{
background: #f1f1e6;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 30px 0 30px 0;
width: 100%;
margin: 60px 0 0 0;
}

.sitemap1{
margin: 0 2.8rem 0 0;
line-height: 2.7;
letter-spacing: .01rem;
}

.sitemap1:last-child{
margin: 0 0 0 0;
}

.sitemap2{
width: 100%;
}

.sitemap2 a{
font-weight: 500;
font-size: 1.5rem;
color: #221c0f;
}

.sitemap3{
width: 100%;
font-size: 1.5rem;
line-height: 2.3;
}

.sitemap3 a{
display: block;
width: 100%;
}

.googlemaps__w{
width: calc(100% - 550px);
padding: 0 0 0 20px;
background: #f8f6ef;
}

.googlemaps__w iframe{
width: 90%;
height: 936px;
}




/* footer */






/* copyright */


.copyright {
width: 100%;
padding: 4rem 0;
background: #3a3a3a;
text-align: center;
color: #fff;
font-size: 1.3rem;
}



/* copyright */

/*common*/
.topaccess13 a:hover,
.header-contact__tel a:hover {
opacity: 1;
background: #bf5f7a;
border-radius: 4px;
}
.topaccess13 a:hover::after,
.header-contact__tel a:hover::after {
right: 1.6rem;
}


/* sp footer */

.sp-contact-bar {
width: 100%;
display: flex !important;
justify-content: space-between;
position: fixed;
bottom: 0;
z-index: 10000;
flex-wrap: wrap;
background: #f3f0e9;
height: 6.4rem;    
}

.sp-contact-bar__tel{
    width: calc((100% - 9rem) / 2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #f3f0e9;
    padding: 1rem 0;
    border-right: solid 1px #d4d2cf;
}

.sp-contact-bar__tel:nth-child(2){
    border-right: none;
}

.sp-contact-bar__label{
width: 100%;
text-align: center;
font-size: 1.0rem;
line-height: 1.1;
letter-spacing: 0rem;
margin-bottom: 1rem;
}

.sp-contact-bar__tel a{
font-size: 1.4rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.05rem;
align-items: baseline;
}

.sp-contact-bar__tel a span::before{
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin-right: .1rem;
vertical-align: middle;
}

.sp-contact-bar__reserve{
  width: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e474a2;
}

.sp-contact-bar__reserve a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 1rem;
color: #fff;
letter-spacing: 0rem;
text-align: center;
}

.sp-contact-bar__reserve a span{

}

.sp-contact-bar__reserve a span::before{
  content: "";
  background: url("../images/ic_calendar2.svg") no-repeat;
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 auto .5rem;
}


/* sp footer */

















/* subpage */

.subpagetitle__w{
width: 100%;
background: url("../images/subpagetitlebg1.jpg") right top;
background-size: cover;
padding:3rem 0;
}

.subpagetitle1{
text-align: center;
margin: 0 auto;
width: 100%;
}

.subpagetitle1 h2{
font-size: 2.5rem;
font-weight: 700;
letter-spacing: .3rem;
color: #fff;
line-height: 1;
}

.subpagetitle1 h2::first-letter{

}

.subpagetitle__w1{
background: #ebd5c8 url(../images/subpagetitle1.jpg) left center no-repeat;
background-size: contain;
}

.subpagetitle__w1{
background: #ebd5c8 url(../images/subpagetitle1.jpg) left center no-repeat;
background-size: cover;
}

.subpagetitle__w2{
background: #ebd5c8 url(../images/subpagetitle2.jpg) left center no-repeat;
background-size: cover;
}

.subpagetitle__w3{
background: #ebd5c8 url(../images/subpagetitle3.jpg) left center no-repeat;
background-size: cover;
}

.subpagetitle__w4{
background: #ebd5c8 url(../images/subpagetitle4.jpg) left center no-repeat;
background-size: cover;
}

.subpagetitle__w5{
background: #ebd5c8 url(../images/subpagetitle5.jpg) left center no-repeat;
background-size: cover;
}























.subpagetitle2{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.subpagetitle3{
width: 100%;
background: #fff;
padding: 20px 20px 20px;
border-radius: 30px 10px 30px 10px;

}
.subpagetitle4{
width: 100%;
}

.subpagetitle4 img{
border-radius: 30px 10px 30px 10px;
}






.subpage__w{
width: 100%;
background: #f9f7ef;
padding: 5rem 0;
}


.subpage1{
width: 95%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 3rem 2rem;
border-radius: 10px;
}

.subpage2{
width: 100%;
}


.subpage2 h2{
font-size: 2.5rem;
font-weight: 400;
letter-spacing: .2rem;
line-height: 1.5;
padding: 0 0 2rem 0;
text-align: center;

width: 100%;
background-image: linear-gradient(90deg, #1eaa39 0 7%, #e8e7e4 7%);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
}

.subpage2 h2 span{
font-weight: 700;
letter-spacing: .1rem;
line-height: 1.5;
padding: 0 0 2rem 0;
text-align: center;
}

.subpage2a{
width: 100%;
text-align: center;
}

.subpage2 h2 .subpage2a span{
display: inline-block;
text-align: center;
color: #f15a5a;
padding: .2rem 1.5rem;
line-height: 1.6;
font-size: 1.7rem;
border-radius: 100px;
font-weight: 500;
}

.subpage3{width: 100%;line-height: 2;/* padding: 0 3rem; */}

.subpage4{
width: 100%;
}

.subpage4 a{
display: block;
width: 80%;
margin: 0 auto;
background: #ffee9c;
padding: 4vw 0;
text-align: center;
letter-spacing: -.005rem;
color: #643e2f;
box-shadow: 6px 6px 15px #fff2b3;
font-weight: 500;
font-size: 1.4rem;
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: 1.2rem;
right: -1.2rem;
}

.subpage4 a:hover{
transform: translateY(-3px);
opacity: .5;

}

.subpage5{
width: 100%;
position: relative;
padding: 2rem;
background: #fffdeb;
border-radius: 10px;
border: 2px solid #ffdaa9;
color: #49200e;
}

.subpage5 ul{
width: 100%;
}

.subpage5 ul li{
width: 100%;
line-height: 1.6;
margin: 0 0 4vw 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: 1.6rem;

height: 1.6rem;
margin: 0 1vw 0 0;
vertical-align: sub;
}

.subpage6{
width: 100%;
padding: 5vw 5vw;
position: relative;
background: #f5f5f5;
border-radius: 10px;
}

.subpage6 ul{
width: 100%;
}

.subpage6 ul li{
width: 100%;
line-height: 2;
margin: 0 0 4vw 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;
}

.subpage7{
width: 100%;
}

.subpage7 ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.subpage7 ul li{
width: 90%;
margin: 0 0 4vw 0;
}

.subpage7 ul li:last-child{
margin: 0 0 0 0;
}

.subpage7 ul li a{
display: block;
width: 100%;
margin: 0 auto;
background: #ffffff;
padding: 3vw 0;
text-align: center;
letter-spacing: .05rem;
color: #3A3A30;
box-shadow: 6px 6px 15px #b9deff;
font-weight: 700;
font-size: 1.4rem;
line-height: 1;
position: relative;
border: 2px solid #499be2;

}

.subpage7 ul li a:hover{
transform: translateY(-3px);
opacity: .5;
}

.subpage7 ul li a span{
width: 100%;
}

.subpage7 ul li span::after{
content: "";
background: url("../images/ic_arrow2.svg");
display: inline-block;
width: 1.1rem;
height: 1.1rem;
position: absolute;
top: 1.7rem;
left: 1.2rem;
transform: rotateZ(90deg);

}

.subpage8{width: 100%;/* padding: 0 3rem; */}

.subpage8 h3{
font-size: 1.6rem;
letter-spacing: .04rem;
line-height: 1.2;
padding: .3rem 0 .3rem 1.4rem;
position: relative;
transform: scaleY(1.03);
display: inline-block;
}

.subpage8 h3::before{
border-left: 4px solid #e474a2;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
}
.subpage8 h3 a{
	text-decoration: underline;
}

.subpage9{
width: 80%;
margin: 0 auto;
}

.subpage9 img{
width: 100%;
border-radius: 10px;
}

.subpage10{
width: 100%;
background: #F5F5F5;
position: relative;
padding: 5vw;
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: 1.6rem;
height: 1.6rem;
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: 1vw 3vw;
border-radius: 3px;
position: absolute;
font-size: 1.5rem;
}

.subpage12{
padding: 2vw 0 0 0;
font-size: 1.4rem;
line-height: 2;
}

.subpage13{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #f99027;
color: #fff;
text-align: center;
padding: 1vw 3vw;
border-radius: 3px;
position: absolute;
font-size: 1.5rem;
}

.subpage14{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #7dadd4;
color: #fff;
text-align: center;
padding: 1vw 3vw;
border-radius: 3px;
position: absolute;
font-size: 1.5rem;
}

.subpage15{
width: 100%;
line-height: 1.8;
}

.subpage16{
width: 100%;
}

.subpage16 span{
line-height: 1.8;
font-size: 1.5rem;
font-family: 'Zen Old Mincho', serif;
font-weight: 700;
display: inline-block;
padding: 1vw 3vw;
letter-spacing: 0;
background: #fff;
border-radius: 100px;
color: #4387bf;
}

.subpage17{
width: 100%;
}

.subpage17 span{
line-height: 1.8;
font-size: 1.4rem;
font-weight: 700;
display: inline-block;
padding: 1vw 3vw;
letter-spacing: .1rem;
background: linear-gradient(90deg, #2a8ed2, #2aaed2);
border: 1px solid #70bdf1;
color: #fff;
border-radius: 4px 20px 20px 4px;
}



.subpage18 {
width: 100%;
}
.subpage18 ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.subpage18 ul li {
width: 32%;
margin: 0 0 2vw 0;
align-items: stretch;
display: flex;
text-align: center;
}

.subpage18 ul li a {
width: 100%;
font-size: 1.1rem;
line-height: 1.2;
padding: 1vw 1vw 1vw;
color: #18599d;
display: block;
}
.subpage18 ul li dt{
margin: 0 0 1vw 0;
}

.subpage18 ul li dt img {
width: 80%;
border-radius: 10px 3px 10px 3px;
}

.subpage18 ul li dd{
padding: 1vw 0;
font-weight: 500;
letter-spacing: -.05rem;
}

.subpage21{
background: #fff4c8;
padding: 1rem 1.5rem;
font-size: 1.2rem;
line-height: 1.6;
text-indent: 0;
display: block;
color: #23201E;
width: 100%;
}



.subpage22{
width: 100%;
border: 2px dotted #acd9f8;  
background: #f7faff;
padding: 3vw 5vw;
color: #005791;
margin: 0 auto;
line-height: 2;  

}

.subpage23{
margin: 0 0 2vw 0;
font-size: 1.3rem;
}

.subpage24{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.subpage25{
width: 49%;
border: 1px solid #70b4e4;
}

.subpage26{
background: #70b4e4;
font-size: 1.6rem;
color: #fff;
padding: 1vw;
display: flex;
align-items: center;
width: 100%;
line-height: 1.6;
}

.subpage26 span::before{
content: "";
background: url("../images/ic_first1.svg");
width: 3rem;
height: 3rem;
display: inline-block;
vertical-align: middle;
margin: 0 1vw 0 0;
}


.subpage27{
padding: 2vw;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.5;
}

.subpage28{
margin: 0 2vw 2vw 2vw;
background: #eaf6ff;
padding: 5px;
}

.subpage29{
width: 49%;
border: 1px solid #70b4e4;
}

.subpage30{
background: #0093DF;
font-size: 1.6rem;
color: #fff;
padding: 1vw;
display: flex;
align-items: center;
width: 100%;
line-height: 1.6;
}

.subpage30 span::before{
content: "";
background: url("../images/ic_first2.svg");
width: 3rem;
height: 3rem;
display: inline-block;
vertical-align: middle;
margin: 0 1vw 0 0;
}

.subpage31{
padding: 2vw;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.5;
}

.subpage32{
margin: 0 2vw 2vw 2vw;
background: #eaf6ff;
padding: 5px;
}

.subpage33{
width: 100%;
padding: 3vw 3vw;
line-height: 1.6;
background: #f7f7f7;
}

.subpage33 ul{

}

.subpage33 ul li{
margin: 0 0 1rem 0;
padding-left: 2.3rem;
text-indent: -2.3rem;

}

.subpage33 ul li::before{
content: "";
background: url("../images/ic_checkbox.svg");
width: 1.8rem;
height: 1.8rem;
display: inline-block;
vertical-align: sub;
margin: 0 .5rem 0 0;
}

.subpage34{
width: 100%;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.subpage34 img{
width: 70%;
border-radius: 7px;
margin: 0 0 3vw 0;
}
.subpage35{
}


.subpage36{
width: 100%;
}

.subpage36 table{
width: 100%;
border: 1px solid #ddd;
}

.subpage36 table th{
width: 40%;
border: 1px solid #e2e2e2;
padding: 1rem .5rem;
text-align: center;
vertical-align: middle;
background: #f6f6f6;
}

.subpage36 table td{
width: 60%;
border: 1px solid #e2e2e2;
padding: 1rem .5rem;
text-align: center;
vertical-align: middle;
font-weight: 700;
background: #FDFDFD;
}

.subpage37{
width: 100%;
font-size: 2rem;
font-weight: 700;
}


.subpage74 {
width: 100%;
}

.subpage74 caption {
margin-bottom: 0.5rem;
font-size: 1.8rem;
font-weight: 700;
text-align: left;
font-family: YakuHanRP, 'Zen Maru Gothic', serif;
}

.subpage74-head {
background-color: #f5eade;
}

.subpage74-head th {
text-align: center;
padding: 1rem;
border: 1px solid #cec4c4;
font-size: 1.5rem;
font-weight: 400;
}

.subpage74-head th.inspection-course {
width: 20%;
}

.subpage74-head th.check_price {
width: 180px;
}
.subpage74-head th.check_price2 {
width: 180px;
}

dl.checkup_dock{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: flex-start;
} 
.checkup_dock dt {
width: 100%;
text-align: left;
}

.checkup_dock dd {
width: 100%;
text-align: left;
}    
.subpage74 td {
padding: 1rem;
border: 1px solid #cec4c4;
background: #fff;
font-size: 1.3rem;
}

.subpage74 td.item-name{
width: 65%;
}

.subpage74 td.item-course{
width: 30%;
}

.subpage74 td.item-course2{
width: 45%;
text-align: left;
}


.subpage74 td ul {
display: flex;
flex-wrap: wrap;
}

.subpage74 td li {

display: block;
width: 100%;
font-size: 1.3rem;
line-height: 1.7;
text-align: left;
} 



.kakaku{
font-size: 1.5rem;
font-family: 'Asap', sans-serif;
font-weight: 600;
color: #e84a4a;
}

.zeikomi{
font-size: 1.3rem;
}

.pricememo{
background: #19a328;
color: #fff;
padding: .5rem .5rem;
text-align: center;
border-radius: 3px;
line-height: 1.3;
font-weight: 400;
display: inline-block;
margin-bottom: .5rem;
width: 100%;
font-size: 1.4rem;
}

.choice{
font-size: 1.2rem;
line-height: 1.2;
}

.subpage75 {
position: relative;
padding: 0 1.5rem 1rem;
font-size: 1.7rem;
font-weight: 500;
letter-spacing: .1rem;
color: #28aa37;
border-bottom: solid 2px #28aa37;
}



.subpage76{
width: 100%;

}

.subpage76 a{
display: inline-block;
background: linear-gradient(270deg, #2fb383, #18a86b);
text-align: center;
color: #fff;
box-shadow: 6px 6px 10px #c1ffe8;
}

.subpage76 a span{
display: block;
position: relative;
width: 100%;
padding: 1.2rem 4rem;

}


.subpage76 a span::after{
position: absolute;
top: 1.9rem;
right: 1.2rem;
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin: 0 0 0 .6rem;
vertical-align: baseline;
}

.subpage76b{
width: 100%;

}

.subpage76b a{
display: inline-block;
background: linear-gradient(270deg, #faa51a, #f47a20);
text-align: center;
color: #fff;
box-shadow: 6px 6px 10px #FDDABF;
}

.subpage76b a span{
display: block;
position: relative;
width: 100%;
padding: 1.2rem 4rem;

}


.subpage76b a span::after{
position: absolute;
top: 1.9rem;
right: 1.2rem;
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin: 0 0 0 .6rem;
vertical-align: baseline;
}



.subpage77 a {
width: 100%;
display: block;
font-size: 3.2rem;
font-weight: 500;
line-height: 1;
font-family: 'Asap', sans-serif;
color: #63c06b;
}

.subpage77 a span::before {
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 2.2rem;
height: 2.2rem;
margin: 0 .5rem 0 0;
vertical-align: middle;
}


.subpage78{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
border: 1px dashed #6fc679;
border-radius: 5px;
padding: 2rem;
background: #fffbf1;
}

.subpage79 {
width: calc(100% - 17rem);
}

.subpage80 {
width: 100%;
font-size: 1.8rem;
font-weight: 600;
margin-bottom: .5rem;
color: #2aae39;
line-height: 1.5;
}

.subpage81 {
width: 100%;
font-size: 1.5rem;
}
.subpage82 {
width: 15rem;
}
.subpage82 img {
width: 100%;
}

.subpage83 {
width: 100%;
}



/* subpage */











/* access */

.access__w{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.access1{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 60px 0;
}

.access2{
width: 100%;
text-align: center;
}

.access2 img{
width: 400px;
}

.access3{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
}

.access4{
width: 100%;
font-weight: 700;
font-size: 1.5rem;
letter-spacing: 0.15rem;
color: #009f59;
}

.access5{
width: 100%;
}


.access5 a{
width: 100%;
display: block;
font-size: 4rem;
color: #4b4948;
font-weight: 900;
line-height: 1;
}

.access5 a span{

}

.access5 a span::before{
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 3.2rem;
height: 3.2rem;
margin: 0 10px 0 0;
vertical-align: bottom;
}

.access6{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.access7{
width: 85%;
border-radius: 10px;
margin: 0 auto;
}

.access8{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin: 0 0 5px 0;
}

.access8:first-child{
}


.access8:last-child{

}

.access9{
width: 30%;
font-size: 1.6rem;
line-height: 1.2;
background: #f9f8f5;
padding: 25px 15px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: #4c4948;
}

.access10{
width: 66%;
line-height: 1.5;
font-weight: 500;
font-size: 1.6rem;
padding: 25px 0;
}

.access11{
width: 80%;
margin: 0 auto;
}

.access12{
}

.access13{
width: 100%;
}

.access14{
width: 100%;
}

.access14 iframe{
width: 100%;
border-radius: 20px;
}

.access15{
width: 100%;
padding: 20px;
background: #f7f7f7;
border-radius: 20px;
}

.access16{
width: 100%;
text-align: center;
}

.access16 img{
width: 100%;
}

.access17{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 50px;
}

.access18{
width: 32%;
}

.access18 img{
width: 100%;
border-radius: 3px;
margin: 0 0 15px;    
}
.access18 span{   
padding-left:1em;
text-indent:-1em;
display: inline-block;    
}


.access19{
width: 100%;
margin: 20px 0 0;
text-align: center;
}

.access20{
font-size: 1.9rem;
text-align: center;
display: inline-block;
padding: 8px 25px;
border-radius: 5px;
color: #1258a3;
background: #effbfd;
}

.access21{
width: 100%;
font-size: 1.6rem;
font-weight: 700;
margin: 0 0 5px 0;

}
.access22{
width: 100%;
margin: 0 0 25px 0;
}

.access22:last-child{
width: 100%;
margin: 0 0 0 0;
}




.access_route {
width: 100%;
margin: 0 0 20px 0;
}
.access_route span {
display: inline-block;
padding: 0 15px;
border: 1px solid #28634c;
background: #fff;
color: #28634c;
border-radius: 3px;
font-size: 2rem;
}


/* access */








/* about */

.about1{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}

.about2{
width: 48.4%;
background: #F7F7F7;
margin-bottom: 2rem;
}

.about2:nth-child(2n){
}

.about3{
width: 100%;
}

.about3 img{
width: 100%;
}

.about4{
    width: 100%;
    font-size: 1.6rem;
    padding: 1.8rem 1rem;
    line-height: 1.4;
    text-align: center;
}

.about5{
width: 100%;
padding: 0 1rem 1rem;
font-size: 1.3rem;
letter-spacing: 0;
line-height: 1.7;
}

/* about */



/* check */
.check1{
width: 100%;
}

table.check2{
width: 100%;
}

.check2 th{
padding: 15px 20px;
text-align: center;
background: #f1f1f1;
border: 1px solid #D0D0D0;
}

.check2 th:nth-child(1){
width: 25%
}

.check2 th:nth-child(2){
width: 50%
}

.check2 th:nth-child(3){
width: 25%
}

.check2 td{
padding: 15px 20px;
border: 1px solid #D0D0D0;
vertical-align: middle;
background: #FDFDFD;
}

.check2 td:nth-child(1){
text-align: center;
}

.check2 td:nth-child(2){
width: 50%
}

.check2 td:nth-child(3){
text-align: center;
}

/* check */








/* top-seikeigeka */

.service_nav{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.service_nav1{
width: 31%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fafafa;
box-shadow: 8px 8px 3px #eaebeb;
margin: 0 3% 30px 0;
transition: .5s;
border: solid 1px #e1e1e1;
}
.service_nav1:nth-child(3n){
margin: 0 0 30px 0;
}

.service_nav1:hover{
transform: translateY(-5px);
}

.service_nav2{
display: block;
}

.service_nav3{
width: 100%;
text-align: center;
}
.service_nav3 img{
width: 100%;
}
.service_nav4{
width: 100%;
text-align: center;
font-size: 1.9rem;
padding: 25px 0;
letter-spacing: .03rem;
font-weight: 500;
color: #162c4c;

}

.service_nav4 span{
position: relative;
display: block;
width: 100%;
}

.service_nav4 span::after{
position: absolute;
right: 7px;
top: 1.1rem;
content: "";
background: url("../images/ic_arrow2.svg");
width: 15px;
height: 15px;
display: inline-block;
margin: 0 0 0 8px;
text-align: center;
}



/* top-seikeigeka */



/*renewal*/

.renewal__w{
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 80px 0;
background: #fffdf0;
}

.renewal1{
width: 800px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.renewal2{
width: 100%;
margin: 0 0 20px 0;
}
.renewal3{
width: 100%;
text-align: center;
font-size: 3.2rem;
margin: 0 0 40px 0;
font-family: 'Zen Old Mincho', serif;
font-weight: 700;
}

.renewal4{
width: 100%;
text-align: center;
margin: 0 0 30px 0;
}

.renewal4 img{
width: 550px;
}

.renewal5{
width: 100%;
text-align: center;
font-size: 3.2rem;
font-family: 'Zen Old Mincho', serif;
font-weight: 700;
}

.renewal6{
width: 100%;
text-align: center;
margin: 0 0 80px 0;
}

.renewal7{
width: 100%;
font-family: 'Zen Old Mincho', serif;
font-size: 3rem;
color: #623f2f;
font-weight: 900;
letter-spacing: .5rem;
}

.renewal8{
width: 100%;
font-family: 'Zen Old Mincho', serif;
font-size: 5rem;
color: #623f2f;
font-weight: 900;
letter-spacing: .7rem;
line-height: 1.4;
}

.renewal9{
text-align: center;
padding: 30px 50px;
border: 2px solid #38a34c;
margin: 0 auto;
background: #ffffff;
color: #42372e;
border-radius: 5px;

}

.renewal10{
width: 100%;
margin: -60px 0 20px 0;
}

.renewal10 span{
display: inline-block;
background: #38a34c;
padding: 10px 40px;
text-align: center;
color: #fff;
font-size: 2.5rem;
border-radius: 5px;
}

.renewal11{
width: 100%;
font-size: 3.4rem;
margin: 0 0 0 0;
font-weight: 700;

}

.renewal12{
width: 100%;
font-size: 2.7rem;
margin: 0 0 15px 0;
font-weight: 700;

}

.renewal13{
width: 100%;
font-size: 1.5rem;
text-align: left;
}

/*renewal*/










/*sns*/
.sns__w{
position: fixed;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100px;
z-index: 1000;
bottom: 150px;
right: 0;
}

.sns1{
width: 100%;
margin: 0 auto 15px;
display: flex;
border-radius: 300px;
text-align: center;
align-items: center;
}

.sns1:hover{
transform: translateY(-3px);
color: #5d481d;
}

.sns2{
width: 100%;
margin: 0 auto;
}

.sns2 img{
width: 60%;
}

.sns3{
width: 100%;
text-align: center;
font-size: 1.4rem;
font-weight: 700;
}

/*sns*/










.nav1::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav1.svg");
width: 50px;
height: 50px;
}

.nav2::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav2.svg");
width: 50px;
height: 50px;
}

.nav3::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav3.svg");
width: 50px;
height: 50px;
}

.nav4::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav4.svg");
width: 50px;
height: 50px;
}

.nav5::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav5.svg");
width: 50px;
height: 50px;
}

.nav6::before{
content: "";
display: block;
margin: 0 auto .2rem;
background: url("../images/ic_nav6.svg");
width: 50px;
height: 50px;
}

.nav7::before{
content: "";
display: block;
margin: 0 auto 7px;
background: url("../images/ic_nav7.svg");
width: 50px;
height: 50px;
}

.nav8::before{
content: "";
display: block;
margin: 0 auto 7px;
background: url("../images/ic_nav8.svg");
width: 50px;
height: 50px;
}




/*nav*/













/*toppcr*/

.toppcr__w{
width: 100%;
padding: 80px 0;
background: url("../images/toppcrbg.jpg");
background-size: cover;
}

.toppcr1{
width: 960px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
background: rgba(255,255,255,.80);
padding: 50px 30px 60px;
}

.toppcr2{
width: 100%;
text-align: center;
}

.toppcr2 h2{
font-size: 5.3rem;
font-weight: 900;
margin: 0 0 30px 0;
color: #36a34b;
letter-spacing: 0.5rem;
transform: scaleY(1.05);
line-height: 1.4;
}

.toppcr3{
width: 100%;
text-align: center;
margin: 0 0 40px 0;
}

.toppcr3 span{
display: inline-block;
text-align: center;
font-size: 3.2rem;
font-weight: 700;
padding: 8px 40px;
background: #f7f7f7;
color: #fd6da3;
border-radius: 2px;
font-family: 'Zen Maru Gothic', sans-serif;
width: 100%;
}

.toppcr4{
width: 900px;
margin: 0 auto 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.toppcr5{
width: 500px;
font-family: 'Zen Maru Gothic', sans-serif;
font-size: 2.4rem;
font-weight: 500;
text-align: center;
line-height: 1.7;
}

.toppcr5b{
width: 100%;
margin: 40px 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.toppcr5b span{
display: inline-block;
text-align: center;
font-size: 1.7rem;
padding: 2px 15px;
background: #1AAFC9;
color: #ffffff;
border-radius: 200px;
margin: 0 12px 0 0;
}

.toppcr6{
width: 380px;
background: #cfeeef;
}

.toppcr6 img{
width: 100%;
}


.toppcr7{
width: 900px;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}

.toppcr8{
width: 72%;
margin: 0 0 20px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.toppcr8 span{
display: block;
text-align: center;
font-size: 2rem;
padding: 8px 15px;
color: #323232;
border-radius: 2px;

margin: 0 12px 0 0;
border-bottom: 5px solid #0b891a;
font-weight: 700;
letter-spacing: 0;
width: 100%;
}

.toppcr9{
width: 28%;
}

.toppcr9 span{
display: block;
text-align: center;
font-size: 2.7rem;
font-weight: 700;
padding: 8px 15px;
background: #0b891a;
color: #fff;
border-radius: 2px;
font-family: YakuHanJP, 'Zen Maru Gothic', sans-serif;
margin: 0 12px 0 0;
border: 1px solid #0b891a;
}



.toppcr9 span > a,
.toppcr12 span > a{
color:#ffffff;
}

.toppcr10{
width: 900px;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}

.toppcr11{

width: 72%;
margin: 0 0 20px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.toppcr11 span{
display: block;
text-align: center;
font-size: 2rem;
padding: 8px 15px;
color: #323232;
border-radius: 2px;

margin: 0 12px 0 0;
border-bottom: 5px solid #2bb73c;
font-weight: 700;
letter-spacing: 0;
width: 100%;
}

.toppcr12{
width: 28%;
}

.toppcr12 span{
display: block;
text-align: center;
font-size: 2.7rem;
font-weight: 700;
padding: 8px 15px;
background: #2bb73c;
color: #fff;
border-radius: 2px;
font-family: 'Zen Maru Gothic', sans-serif;
margin: 0 12px 0 0;
border: 1px solid #2bb73c;
}

.toppcr13{
width: 100%;
text-align: center;
margin: 0 0 40px 0;
font-size: 1.6rem;
}

.toppcr14{
width: 100%;
text-align: center;
}

.toppcr14 a{
display: inline-block;
background: #fff;
text-align: center;
padding: 10px 40px;
color: #2bb73c;
font-weight: 700;
font-size: 1.7rem;
letter-spacing: -.06rem;
box-shadow: 15px 15px 15px #bfdae7;
border-radius: 5px;
}

.toppcr14 a span{
}

.toppcr14 a span::before{
content:"";
background: url("../images/ic_arrow2.svg");
width: 1.8rem;
height: 1.8rem;
display: inline-block;
margin: 0 15px 0 0;
vertical-align: middle;
}

.toppcr15{
font-size: 1.5rem;
display: inline;
}

.toppcr16{
font-size: 2.8rem;
display: block;
letter-spacing: .05rem;
font-weight: 500;
}

.toppcr17{
width: 960px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
background: rgba(255,255,255,.80);
padding: 50px 30px 60px;
}

.toppcr18{
width: 100%;
text-align: center;
}

.toppcr18 h2{
font-size: 4rem;
font-weight: 900;
margin: 0 0 30px 0;
color: #36a34b;
letter-spacing: 0.3rem;
transform: scaleY(1.05);
line-height: 1.4;
}

.toppcr19{
font-size: 1.6rem;
width: 100%;
margin: 0 0 30px 0;
padding: 0 0 0 150px;
line-height: 2;
}

.toppcr20{
width: 95%;
margin: 0 auto 40px;
display: flex;
flex-wrap: wrap;
background: rgba(255,255,255,.50);
padding: 30px 30px;
}

.toppcr21{
margin: 0 0 18px 0;
}

.toppcr21:last-child{
margin: 0 0 0 0;
}

.toppcr21 span::before{
content: "●";
color: #36a34b;
display: inline-block;
margin: 0 5px 0 0;
}

.toppcr22{
width: 100%;
text-align: center;
font-size: 1.7rem;
margin: 0 0 30px 0;
}

.toppcr23{
width: 960px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
background: rgb(54 163 76);
padding: 40px 30px 40px;
}

.toppcr24{
width: 100%;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
background: #fff;
align-items: center;
border-radius: 5px;

}

.toppcr25{
width: 40%;
text-align: center;
padding: 15px 0;
font-weight: 700;
color: #157e2a;
font-size: 1.7rem;
font-family: YakuHanJP, 'Zen Maru Gothic', sans-serif;
}

.toppcr26{
font-size: 1.5rem;
width: 18%;
}

.toppcr27{
font-size: 1.5rem;
}

.toppcr28{
width: 100%;
text-align: center;
}

.toppcr28 a{
text-align: center;
display: inline-block;
border-bottom: 1px dotted #eaff8a;
color: #eaff8a;
}

/*toppcr*/

.newspage1{
width: 100%;
display: flex;
flex-wrap: wrap;

}

.newspage2{
width: 100%;
font-size: 1.4rem;
margin: 0 0 8px 0;
color: #555;
}

.newspage3{
width: 100%;
font-size: 2.2rem;
color: #3caa30;
margin: 0 0 10px 0;
}

.newspage4{
width: 100%;
font-size: 1.6rem;
}





.cashless__w{
width: 100%;
background: #e7f0f9;
padding: 60px 0;
}

.cashless1{
width: 850px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.cashless2{
text-align: center;
margin: 0 0 30px 0;
width: 100%;
}

.cashless2 span{
display: inline-block;
text-align: center;
background: #004d9f;
padding: 7px 30px;
color: #fff;
font-size: 2rem;
font-family: "Zen Maru Gothic";
border-radius: 100px;
}

.cashless3{
margin: 0 0 15px 0;
font-size: 1.8rem;
text-align: center;
width: 100%;
}

.cashless4{
width: 100%;
font-size: 1.8rem;
text-align: center;
font-weight: 900;
margin: 0 0 15px 0;


}

.cashless5{
width: 100%;
font-size: 1.5rem;
text-align: center;
color: #f31d1d;
font-weight: 700;
margin: 0 0 30px 0;
}

.cashless6{
width: 100%;
text-align: center;
}

.cashless6 img{
width: 750px;
border-radius: 10px;
}




/* <!--btn reservation--> */
.btn_fix__w{
position: fixed;
top: 260px;
right: 50px;
z-index: 2100;
}

.btn_fix__w a{
width: 196px;
height: 220px;
display: block;
}

.btn_fix__w a img{
width: 100%;
height: 100%;
}

.btn_fix__w a:hover,
.btn_fix__w a:active{
opacity: .7;
transform: translateY(-5px);
}


/* <!--btn reservation--> */
.btn_fix2__w{
position: fixed;
top: 510px;
right: 20px;
z-index: 2100;
}

.btn_fix2__w a{
width: 196px;
height: 220px;
display: block;
}

.btn_fix2__w a img{
width: 100%;
height: 100%;
}

.btn_fix2__w a:hover,
.btn_fix2__w a:active{
opacity: .7;
transform: translateY(-5px);
}









.faq__w{

}


.faq1{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.faq2{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 1.5rem 0;
margin-bottom: 1rem;
}

.faq3{
width: 100%;
margin-bottom: 1rem;
}

.faq3 span{
display: inline-block;
text-align: center;
justify-content: center;
align-items: center;
background-color: #ededed;
border-radius: 3px;
z-index: 1;
font-weight: 500;
line-height: 1;
padding: 2rem 2rem;
}

.faq4{
width: calc(100%);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 1.6rem;
line-height: 1.4;
align-items: center;
padding-left: 2rem;
}

.faq5{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.faq6{
width: 100%;
margin-bottom: 1rem;
}

.faq6 span{
display: inline-block;
text-align: center;
justify-content: center;
align-items: center;
background-color: #1eaa39;
border-radius: 3px;
z-index: 1;
font-weight: 500;
line-height: 1;
padding: 2rem 2rem;
color: #fff;
}
.faq7{
width: calc(100%);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 1.6rem;
line-height: 1.8;
align-content: center;
padding-left: 2rem;
}




.accessinfo__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.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: 50%;
background: #fafafa;
}
.price2{
text-align: right;
color: #20a555;
width: 50%;
font-size: 1.4rem;
}


.clinic8{
width: 100%;
text-align: center;
}

.clinic8 span{
}

.clinic8 iframe{
width: 100%;
height: 50vh;
margin: 0 auto;
border-radius: 10px;
}




.topcorona__w {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #d9efff;
padding: 4rem 0 5rem;
}

.topcorona1 {
width: 100%;
padding: 0 2rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topcorona2 {
width: 100%;
text-align: center;
}

.topcorona2 h2 {
font-size: 1.8rem;
font-weight: 700;
color: #3293da;
}

.topcorona3 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topcorona4 {
width: 100%;
padding-left:1.9rem;
text-indent:-1.9rem;
}

.topcorona4::before {
content: "■";
font-size: 1.4rem;
margin-right: .5rem;
color: #fff5ab;
}

.topcorona5 {
width: 100%;
text-align: center;
font-size: 1.6rem;
color: #4092cf;
font-weight: 700;
}

.topcorona6 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topcorona7 {
width: 32%;

}

.topcorona7 img {
width: 100%;
}





/* subject */





/* reservation */
.topreservation__w{background: url("../images/topreservationbg.jpg") center right;background-size: cover;width: 100%;padding: 5.4rem 0 7rem;}


.topreservationh{width: 100%;padding-bottom: 3rem;}

.topreservationh h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
color: #35495e;
}

.topreservationh h2 span{
}

.topreservationh h2 span::before {
content: "INQUERY";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.topreservation1{
width: 100%;
padding: 0 2rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.topreservation1 > div:first-child {
padding: 3rem 0 4rem;
width: 100%;
background: rgb(255 255 255 / 90%);
border-radius: 5px;
}

.topreservation1 > div:last-child {
padding: 3rem 0 4rem;
width: 100%;
background: rgb(255 255 255 / 90%);
border-radius: 5px;
}
.topreservation2 {width: 100%;text-align: center;margin-bottom: 2rem;}

.topreservation2:last-child {
margin-bottom: 0;
}
.topreservation3 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.topreservation3 > div:first-child {
}


.topreservation4 a{
display: flex;
font-size: 2.5rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.15rem;
align-items: baseline;
}

.topreservation4 a::before{
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 1.8rem;
height: 1.8rem;
margin-right: .4rem;
vertical-align: middle;
}

.topreservation5 {
margin-bottom: 1rem;
}
.topreservation5 span{
font-size: 1.5rem;
display: inline-block;
border-radius: 3px;
letter-spacing: .15rem;
}

.topreservation5 span::first-letter{

}
.topreservation6 {
width: 260px;
}
.topreservation6 a{
width: 100%;
display: block;
text-align: center;
background: #d87d97;
padding: 1.8rem;
color: #fff;
position: relative;
border-radius: 4px;
}
.topreservation6 div{
width: 100%;
display: block;
text-align: center;
background: #d87d97;
padding: 1.8rem;
color: #fff;
position: relative;
border-radius: 4px;
}
.topreservation6 a:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 2rem;
background: url(../images/ic_arrow1.svg);
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin: auto;
vertical-align: baseline;
transition: all .3s;
}
.topreservation6 a:hover {
opacity: 1;
background: #bf5f7a;
border-radius: 4px;
}
.topreservation6 a:hover::after {
right: 1.6rem;
}
.topreservation7 {
font-size: 2.3rem;
display: inline-block;
margin-right: 0.5rem;
font-family: 'Zen Old Mincho';
color: #4f4c49;
}

.topreservation8 {
font-size: 2.3rem;
display: inline-block;
margin-right: 0.5rem;
font-family: 'Zen Old Mincho';
color: #4f4c49;
}

.topreservation9 {
width: 100%;
font-size: 1.5rem;
color: #404040;
margin-top: 1rem;
text-align: left;
padding-left: 11.5rem;
}

/* reservation */




.subaccess__w{
width: 100%;
padding: 4rem 0 5rem;
background: #f0f7fc;
}


.subaccess1{
width: 100%;
}

.subaccess1 h2{
text-align: center;
font-size: 2.5rem;
font-weight: 700;
font-family: 'Zen Maru Gothic', serif;
color: #2daf44;
}

.subaccess2{
width: 90%;
height: 40vh;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 10px;
}

.subaccess2 iframe{
width: 100%;
border-radius: 10px;
}

.subaccess3{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
border-radius: 20px;
padding: 0 2rem;
}

.subaccess4{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #ddd;
padding: 2rem 0;
align-items: center;
}

.subaccess4:last-child{
border-bottom: 0;
}

.subaccess5{
width: 100%;
font-size: 1.5rem;
color: #81391b;
}

.subaccess6{
width: 100%;
line-height: 1.6;
}


.subaccess7{
width: 100%;
text-align: center;
}

.subaccess7 img{
width: 100%;
border-radius: 5px;
}


.subaccess8{
width: calc(100%);
}

.subaccess9{
width: 100%;
}

.subaccess10 {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.subaccess10 {
width: calc(100%);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.subaccess11 {
width: 100%;
position: relative;
padding-left: 1.3rem;
}
.subaccess11 span {
font-weight: 700;
}

.subaccess11 span::before {
display: block;
position: absolute;
top: .9rem;
left: -0.2rem;
width: 0.8rem;
height: 0.8rem;
background-color: rgba(106, 97, 89, 0.2);
content: '';
}
.subaccess12 {
width: 100%;


}



.naikatimetable__w {
width: 100%;
}

.naikatimetable_tbl {
width: 100%;
margin: 0 auto;
}

.subpage35{
width: 100%;
}

.subpage35 .naikatimetable_tbl {
width: 100%;
margin: 0 auto;
}


.naikatimetable1 {
width: 30%;
background: #e5e5e5;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 1.5rem 0;
line-height: 1;
border: 1px solid #cdcdcd;
}

.naikatimetable2 {
width: 10%;
background: #e5e5e5;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 1rem 0;
line-height: 1;
border: 1px solid #cdcdcd;
}

.naikatimetable3 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 1.7rem 0;
line-height: 1;
width: 10%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.naikatimetable4 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 2rem 0;
line-height: 1;
width: 10%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}





.kenshintimetable__w {
width: 100%;
}

.kenshintimetable_tbl {
width: 900px;
margin: 0 auto;
}

.kenshintimetable1 {
width: 30%;
background: #e5e5e5;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 1.5rem 0;
line-height: 1;
border: 1px solid #cdcdcd;
}

.kenshintimetable2 {
width: 10%;
background: #e5e5e5;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 1rem 0;
line-height: 1;
border: 1px solid #cdcdcd;
}

.kenshintimetable3 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 1.7rem 0;
line-height: 1;
width: 24%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable4 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.4rem;
padding: 2rem 0;
line-height: 1;
width: 24%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable5 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 6%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable6 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 1.7rem 0;
line-height: 1;
width: 24%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}


.kenshintimetable7a {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 8%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable7b {
background: #ccc;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 8%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable8 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 16%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}

.kenshintimetable9 {
background: #fff;
text-align: center;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem 0;
line-height: 1;
width: 6%;
letter-spacing: 0.05rem;
border: 1px solid #e1e1e1;
vertical-align: middle;
}



.campaign__w {
width: 100%;
margin: 0 auto;
background: #fff;
padding: 0 2rem 3rem;
}

.campaign1 {
width: 100%;
margin: 0 auto;
font-size: 1.5rem;
background: #fff;
padding: 2rem 2rem;
box-shadow: 4px 4px 10px #beffe4;
border: 2px solid #18a86b;
}

.campaign2 {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto;
background: #fff;
}

.campaign3 {
width: 48%;
font-size: 1.7rem;
background: #fff;
}

.campaign3a img {
box-shadow: 4px 4px 10px #D9D9D9;
border: 1px solid #3074eb;
box-sizing: content-box;

}



.campaign3b img {
box-shadow: 4px 4px 10px #D9D9D9;
border: 1px solid #e03b70;
box-sizing: content-box;
}

.campaign3c img {
box-shadow: 4px 4px 10px #D9D9D9;
border: 1px solid #e03b70;
box-sizing: content-box;
}

.campaign3d img {
box-shadow: 4px 4px 10px #D9D9D9;
border: 1px solid #35b34d;
box-sizing: content-box;
}




/* access */
.footertimetable__w {
flex: 1;
margin: 0 auto;
}

.footertimetable1 {
width: 100%;
margin: 0 auto;
}
.footertimetable2 {
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: center;
}

.footertimetable4 {
border-collapse: collapse;
overflow-x: scroll;
width: 95%;
margin: 0 auto;
}
.footertimetable4 th,
.footertimetable4 td {
padding: .4rem;
text-align: center;
border-bottom: 1px solid #fff;
font-size: 1.3rem;
color: #fff;
line-height: 1.1;
}

.footertimetable3{
width: 100%;
}

.footertimetable4 th {
font-weight: 400;
vertical-align: top;
}

.footertimetable4 td {
vertical-align: middle;
}

.footertimetable4 th:first-child {
vertical-align: middle;
}


.footertimetable4 th span {
font-size: 1rem;
display: inline-block;
}

.footertimetable5 {
width: 100%;
text-align: right;
color: #fff;
margin-top: .5rem;
padding-right: 1.5rem;
font-size: 1.4rem;
}







.biyoprice__w {
width: 100%;
margin-top: 3rem;
}

.biyoprice1 {
width: 95%;
margin: 0 auto;
}

.biyoprice2 {
width: 100%;
text-align: center;
margin-bottom: 3.5rem;
}

.biyoprice2 span {
font-size: 2rem;
display: inline-block;
text-align: center;
padding: .5rem 2.5rem;
border: 1px solid #555;
font-weight: 500;
}

.biyoprice3 {
width: 100%;
font-size: 1.7rem;
text-align: center;
margin-bottom: 1rem;
font-weight: 500;
}

.biyoprice4 {
width: 100%;
margin-bottom: 4rem;
}

.biyoprice4 table {
width: 100%;
}

.biyoprice4 table td{
border: 1px solid #d0d0d0;
padding: .7rem 1rem;
vertical-align: middle;
background: #FCFCFC;
font-size: 1.3rem;
}

.biyoprice4 table td:first-child{
font-weight: 500;

}

.biyoprice4 table td:last-child{
font-weight: 500;
width: 16rem;
}

.biyoprice4 table td span{
display: block;
font-size: 1.2rem;
}

table.tabeldoctor1{
width: 100%;
border: 1px solid #989898;
font-size: 1.3rem;
letter-spacing: 0;
line-height: 1.2;
}

table.tabeldoctor1 th{
border: 1px solid #989898;
padding: .5rem;
text-align: center;
font-weight: 500;
color: #fff;
background: #505050;
vertical-align: middle;
}

table.tabeldoctor1 td{
border: 1px solid #989898;
padding: .5rem;
text-align: center;
vertical-align: middle;
}

table.tabeldoctor1 td:first-child{
padding: .5rem;
text-align: center;
vertical-align: middle;

}

.tabeldoctor2{
background: #f2f2f2;
font-weight: 500;
}

.tabeldoctor3{
width: 100%;
font-size: 1.3rem;
padding: 1rem .5rem 0;
line-height: 1.4;
}

.checkupmenu1{
width: 100%;
text-align: center;
margin: 0 auto;
border-bottom: 1px dotted #000;
padding-bottom: 8rem;
}


.checkupmenu1 .pinkbtn01{
width: 95%;
text-align: center;
margin: 0 auto;
}









table.tabeldoctor1{
width: 100%;
border: 1px solid #989898;
}

table.tabeldoctor1 th{
border: 1px solid #989898;
padding: .5rem;
text-align: center;
font-weight: 500;
color: #fff;
background: #505050;
}

table.tabeldoctor1 td{
border: 1px solid #989898;
padding: .5rem;
text-align: center;
vertical-align: middle;
}

table.tabeldoctor1 td:first-child{
padding: .5rem;
text-align: center;
vertical-align: middle;

}

.tabeldoctor2{
background: #f2f2f2;
font-weight: 500;
}

.tabeldoctor3{
width: 100%;
text-align: right;
line-height: 1.7;
}



.checkupmenu1{
width: 100%;
text-align: center;
margin: 0 auto;
border-bottom: 1px dotted #000;
padding-bottom: 5rem;
}


.checkupmenu1 .pinkbtn01{
width: 30rem;
text-align: center;
margin: 0 auto;
}

.checkupmenu2{

}



.checkupmenu3{
width: 100%;
padding: 0 1rem;
}

.checkupmenu3 table{
width: 100%;
border: 1px solid #ccc;
}

.checkupmenu3 table th{
border: 1px solid #ccc;
padding: 1.2rem .5rem;
vertical-align: middle;
text-align: center;
font-size: 1.2rem;
font-weight: 700;
background: #eee;
}

.checkupmenu3 table th:nth-child(1){
width: 8rem;
}

.checkupmenu3 table th:nth-child(2){

}

.checkupmenu3 table th:nth-child(3){
}


.checkupmenu3 table td{
border: 1px solid #ccc;
padding: .5rem .5rem;
vertical-align: middle;
text-align: center;
font-size: 1.2rem;
}

.checkupmenu3 table td.checkupmenu4{
border: 1px solid #ccc;
padding: 1.7rem .5rem;
vertical-align: middle;
text-align: center;
font-size: 1.2rem;
font-weight: 600;
background: #F0F0F0;
}


.checkupmenu5{
padding: 0 2rem;
margin-top: 2rem;
margin-bottom: 5rem;
}






/*追記*/

.doctor-h{
width: 100%;
}

.doctor-h h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.doctor-h h2 span{
}

.doctor-h h2 span::before {
content: "DOCTOR";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.doctor1{width: 100%;text-align: center;margin-bottom: 5rem;font-size: 2rem;font-weight: 700;/* padding: 0 3rem; */}

.doctor2{width: 100%;margin: 0 auto;line-height: 2.3;/* padding: 0 3rem; */}


.gairai-h{
width: 100%;
}

.gairai-h h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.gairai-h h2 span{
}

.gairai-h h2 span::before {
content: "OUTPATIENT";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}



.homon-h{
width: 100%;
}

.homon-h h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.homon-h h2 span{
}

.homon-h h2 span::before {
content: "HOUSE CALL";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}




.rehabilitation-h{
width: 100%;
}

.rehabilitation-h h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.rehabilitation-h h2 span{
}

.rehabilitation-h h2 span::before {
content: "REHABILITATION";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}















.access-h{
width: 100%;
}

.access-h h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.access-h h2 span{
}

.access-h h2 span::before {
content: "ACCESS";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}




.gairai1{width: 100%;font-size: 1.6rem;font-weight: 500;letter-spacing: .2rem;color: #e9458f;/* padding: 0 3rem; */line-height: 1.8;}

.girai2{
width: 100%;
padding: 0 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.girai3{
width: 100%;
}

.gairai4{
width: 100%;
margin: 5rem 0;
text-align: center;
}

.gairai4 img{
width: 60% !important;
}

.gairai5{
padding-bottom: 2rem !important;
}

.gairai6{
border-bottom: 0 !important;
font-size: 1.5rem !important;
}

.gairai7{
width: 100%;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
padding: 0 3rem;
}





.facility-h{
width: 100%;
}

.facility-h h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.facility-h h2 span{
}

.facility-h h2 span::before {
content: "FACILITY";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.recruit-h{
width: 100%;
}

.recruit-h h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.recruit-h h2 span{
}

.recruit-h h2 span::before {
content: "RECRUIT";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}



.reservation-h{
width: 100%;
}

.reservation-h h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.reservation-h h2 span{
}

.reservation-h h2 span::before {
content: "RESERVATION";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.information-h{
width: 100%;
}

.information-h h2{
text-align: center;
font-size: 1.8rem;
letter-spacing: .2rem;
font-weight: 600;
}

.information-h h2 span{
}

.information-h h2 span::before {
content: "INFORMATION";
display: block;
width: 100%;
text-align: center;
font-size: 3rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

.contentstel{
width: 100%;
}

.contentstel a{
font-size: 2.4rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.15rem;
align-items: baseline;
}

.contentstel a::before{
content: "";
background: url("../images/ic_tel.svg");
display: inline-block;
width: 1.8rem;
height: 1.8rem;
margin-right: .3rem;
vertical-align: middle;
}


.topcatch{
width: 100%;
padding: 4rem 0;
background: #fff;
}

.topcatch1{
width: 100%;
text-align: center;
font-family:"Noto Serif JP";
font-size: 1.8rem;
letter-spacing: .1rem;
margin-bottom: 3rem;
}

.topcatch2{
width: 100%;
text-align: center;
}

.topcatch2 img{
width: 70%;
margin: 0 auto;
}

/*blog*/	
	
	.blog_right h2.widgettitle {
    display: none; }
  .wp-calendar-nav {
    width: 100%;
    display: table;
    table-layout: fixed; }
    .wp-calendar-nav > span {
      display: table-cell; }
      .wp-calendar-nav > span:nth-child(3) {
        text-align: right; }

  .calendar_wrap {
    margin-bottom: 35px; }

  .blog_right {
    width: 100%;
    font-size: 1.4rem; }
    .blog_right .wp-calendar {
      width: 100%; }
    .blog_right caption {
      border-bottom: 1px #122D7F solid;
      background-color: #f5f5f5;
      font-size: 1.6rem;
      text-align: center;
      margin-bottom: 20px;
      line-height: 2; }
    .blog_right tr {
      display: flex;
      justify-content: flex-start; }
    .blog_right tr:first-of-type {
      justify-content: flex-end; }
    .blog_right th, .blog_right td {
      display: block;
      width: calc(100% / 7);
      text-align: center;
      margin-bottom: 10px; }
    .blog_right td:last-of-type,
    .blog_right th:last-of-type {
      color: red; }
    .blog_right td a {
      padding: 0; }
    .blog_right tfoot tr {
      display: flex;
      justify-content: center; }
    .blog_right tfoot tr td {
      width: calc(100% / 3); }
    .blog_right .today a,
    .blog_right .today {
      color: white;
      background-color: #6699ff;
      font-weight: bold; }
    .blog_right a {
      text-decoration: underline; }

  .post_type_text {
    background-color: #f5f5f5;
    padding: 10px;
    font-size: 1.4rem !important;
    margin-bottom: 20px !important; }

  .blog_wrap {
    width: 100%; }
    .blog_wrap .blog_right .return_blog {
      margin-bottom: 30px; }
      .blog_wrap .blog_right .return_blog > a {
        background-color: #4B8CDC;
        color: #fff;
        padding: 8px 30px 8px 20px;
        border-radius: 5px;
        font-size: 1.4rem;
        position: relative; }
        .blog_wrap .blog_right .return_blog > a:after {
          display: block;
          position: absolute;
          top: 50%;
          right: 15px;
          width: 4px;
          height: 4px;
          margin-top: -3px;
          border-top: solid 2px #fff;
          border-right: solid 2px #fff;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          content: ""; }
    .blog_wrap .blog_right > h3 {
		  color:#051527;
      border-bottom: 1px #51483e solid;
      background-color: #f5f5f5;
      font-size: 1.6rem;
      text-align: center;
      margin-bottom: 20px;
      line-height: 2; }
    .blog_wrap .blog_right > ul {
		font-size: 1.4rem;  
		margin-bottom: 15px; }
      .blog_wrap .blog_right > ul > li {
        padding-bottom: 10px;
        border-bottom: 1px #ccc dotted;
        margin-bottom: 10px; }
        .blog_wrap .blog_right > ul > li:last-child {
          padding-bottom: 0;
          border-bottom: none;
          margin-bottom: 0; }
        .blog_wrap .blog_right > ul > li > a {
          display: inline-block;
          line-height: 1.5;
          font-size: 1.4rem; }
          .blog_wrap .blog_right > ul > li > a > span {
            font-size: 1.2rem; }

    .blog_ul > .blog_li {
      padding-bottom: 30px;
      border-bottom: 1px #ccc dotted;
      margin-bottom: 30px; }
      .blog_ul > .blog_li:last-child {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0; }
      .blog_ul > .blog_li > .blog_thumbnail {
        width: 100%;
        height: 150px;
        background-size: cover !important;
        background-color: #eee !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        margin-bottom: 20px; }
      .blog_ul > .blog_li > h2 {
        font-size: 1.6rem;
        margin-bottom: 20px;
        border-top: 7px #122D7F solid;
        background-color: #2EAFE3; }
        .blog_ul > .blog_li > h2 > a,
        .blog_ul > .blog_li > h2 > span {
          display: block;
          color: #fff;
          padding: 7px 15px; }
      .blog_ul > .blog_li > .cat_date {
        margin-bottom: 10px; }
        .blog_ul > .blog_li > .cat_date > div {
          display: inline-block; }
        .blog_ul > .blog_li > .cat_date > .category {
          text-align: center;
          background-color: #eee;
          color: #fff; }
        .blog_ul > .blog_li > .cat_date > .date {
          font-size: 1.2rem; }
      .blog_ul > .blog_li > .text {
        font-size: 1.4rem; }

  .button_read_more_dot {
    letter-spacing: 10px;
    padding-left: 10px; }

  .button_read_more {
    display: inline-block;
    text-decoration: underline !important; }

  .blog_pagenation {
    display: table;
    width: 100%;
    margin-top: 40px;
    border-top: 1px #ccc dotted;
    padding-top: 40px; }
    .blog_pagenation > div {
      display: table-cell; }
      .blog_pagenation > div:nth-child(1) {
        text-align: left; }
      .blog_pagenation > div:nth-child(2) {
        text-align: right; }

  /* -------------------------------- */
  /* wp-pagenavi */
  /* -------------------------------- */
  #page_navi_wrapper {
    width: 100%;
    text-align: center;
    overflow: hidden; }

  #page_navi_wrapper_top {
    margin-top: 40px !important;
    width: 100%;
    text-align: center;
    margin-bottom: 40px !important; }

  .wp-pagenavi {
    margin: 0 auto 2rem;
    padding-top: 0.5em; }

  .wp-pagenavi a,
  #page_navi_wrapper_top .pages,
  #page_navi_wrapper_top .current {
    display: inline-block;
    margin-right: 5px !important;
    font-size: 1.4rem;
    border: 1px solid #ccc;
    color: #ec75a2;
    background: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center; }

  .wp-pagenavi a:hover,
  #page_navi_wrapper_top .current {
    color: #fff;
    background: #122F81; }


	.post-navigation{
display:flex;
justify-content:center;
align-items:center;
gap:20px;
margin-top:50px;
font-size:14px;
flex-wrap:wrap;
}

.post-navigation div{
max-width:300px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.post-navigation a{
text-decoration:underline;
color:#333;
transition:0.3s;
}

/* 区切り線 */
.post-navigation div:not(:last-child)::after{
content:"|";
margin-left:20px;
color:#ccc;
}

/* hover ピンク */
.post-navigation a:hover{
color:#ff6b9a;
}
	
	
	






}
/* sp */







/* TOPページ 休止中おしらせ */

/* TOPページ 休止中おしらせ */
.information {
  max-width: 900px;
  width: 100%;
  justify-items: center;
  place-self: center;
  margin: 0 auto 6rem;
  /*margin: 1rem 0 6rem;*/
}
@media screen and (max-width:750px) {
  .information {
     margin: 1rem 0 4rem;
    padding: 0 2rem;
  }
}

.information__inner {
    display: grid;
  justify-items: center;
  place-self: center;
  /*padding: 2rem 2rem 2.2rem;*/
  padding: 2.5rem 4rem 2.5rem;
  background: #fff5f5;
  border: solid 2px #e474a2;
  border-radius: 0.8rem;
gap:1rem;
}
@media screen and (max-width:750px) {
  .information__inner {
            /*padding: 1.4rem 1.2rem 2rem;*/
              padding: 1.4rem 2rem 1.4rem;
        text-align: justify;
  }
}

.information__heading {

  font-size: 2.4rem;
  /*font-weight: 700;
  color: #3e1f03;*/
    font-weight: 600;
}
@media screen and (max-width:750px) {
  .information__heading {
    font-size: 2rem;
}
}

.information__text {

}



.facility-standards{
  margin-top: 1rem;
    width: 100%;
    background-color: #fff;
    border: solid 1px #f16085;
    border-radius: 4px;
}
@media screen and (max-width:750px) {
  .facility-standards{
  
}
}

   .facility-standards .sitemap__link a:hover {
        background: #f16085;
     color: #fff;
     opacity: 1;
    }


.facility-standards .sitemap a{
font-weight: 500;
}

.gairai-facility-standards{
width: 100%;
}

.gairai-facility-standards h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.gairai-facility-standards h2 span{
}

.gairai-facility-standards h2 span::before {
content: "FACILITY STANDARDS";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}

@media screen and (max-width:750px) {
.gairai-facility-standards{
width: 100%;
}

.gairai-facility-standards h2{
text-align: center;
font-size: 2rem;
letter-spacing: .2rem;
font-weight: 600;
}

.gairai-facility-standards h2 span{
}

.gairai-facility-standards h2 span::before {
content: "FACILITY STANDARDS";
display: block;
width: 100%;
text-align: center;
font-size: 5rem;
font-weight: 300;
color: #e474a2;
line-height: 1;
margin-bottom: 1rem;
}
}


/* TOPページの休止中リハビリの部分 */

.topsubject3:first-child .topsubject5 {
  /*padding: 1.4rem 0;*/
}


.top-schedule__wrap{
      max-width: 1020px;
      width: 100%;
      padding: 0 2rem;
      justify-items: center;
      margin: 0 auto;
      display: grid;
      gap: 1rem;
}







/* 予約ボタン */
.reservation-btn--fixed {
  position: fixed;
  top: 200px;
  right: 0px;
  z-index: 2100;
}
/*
.reservation-btn__link {
  width: 60px;
  height: 196px;
  display: flex;
  color: #ffffff;
  font-size: 1.8rem;
  position: relative;
  letter-spacing: .03rem;
  vertical-align: middle;
  transition: .5s;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  padding: 16px 10px 16px 16px;
  background: #f16085;
  border-radius: 5px 0 0 5px;
  writing-mode: vertical-rl;
}*/
.reservation-btn__link {
    width: 80px;
    height: 260px;
    display: flex;
    color: #ffffff;
    font-size: 2rem;
    position: relative;
    vertical-align: middle;
    transition: .5s;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    letter-spacing: .15rem;
    background: #ec75a2;
    border-radius: 5px 0 0 5px;
    writing-mode: vertical-rl;
}

.reservation-btn__link:hover,
.reservation-btn__link:active {
  opacity: 1;
  transform: translateY(-5px);
}
/* 予約ボタン */