@charset "utf-8";
 #about{
width: 100vw;
}
#about .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#about .wrap{
max-width: 1600px;
padding: 0 10vw;
}
} #about ul.about_list{
margin: 0 0 -30px 0;
}
@media (min-width: 960px){
#about ul.about_list{
margin: 0 0 -46px 0;
}
}
@media (min-width: 960px){
#about ul.about_list::after{
display: block;
content:"";
width: 31%;
}
}
#about ul.about_list li{
width: 100%;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
#about ul.about_list li{
width: 31%;
margin: 0 0 46px 0;
}
}
#about ul.about_list li a .img_wrap{
aspect-ratio: 10 / 6.5;
}
#about ul.about_list li a .title_wrap{
padding: 18px 22px 7px 2px;
}
@media (min-width: 960px){
#about ul.about_list li a .title_wrap{
padding: 20px 28px 8px 2px;
}
}
#about ul.about_list li a .title_wrap h3{
font-size: 1.7rem;
}
@media (min-width: 960px){
#about ul.about_list li a .title_wrap h3{
font-size: 2.0rem;
}
} #doctor .wrap,
#carrier .wrap,
#books .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#doctor .wrap,
#carrier .wrap,
#books .wrap{
max-width: 1000px;
padding: 0 20vw;
}
} #greeting_mv .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#greeting_mv .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#greeting_mv .img_wrap,
#access_mv .img_wrap{
width: 100%;
aspect-ratio: 10 / 5.7;
overflow: hidden;
border-radius: 0;
position: relative;
}
@media (min-width: 960px){
#greeting_mv .img_wrap,
#access_mv .img_wrap{
border-radius: 12px;
}
}
#greeting_mv .img_wrap img,
#access_mv .img_wrap img{
width: 100%;
height: auto;
display: block;
} #message{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#message{
padding: 90px 0 0 0;
}
}
#message .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#message .wrap{
max-width: 1000px;
padding: 0 22vw;
}
}
#message h2.title{
font-size: 2.0rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.08em;
}
@media (min-width: 960px){
#message h2.title{
font-size: 2.8rem;
}
}
#message p.text{
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#message p.text{
margin: 26px 0 0 0;
}
}
#message h3.title{
font-size: 1.9rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.08em;
margin: 40px 0 0 0;
}
@media (min-width: 960px){
#message h3.title{
font-size: 2.2rem;
margin: 56px 0 0 0;
}
}
#message p.name{
font-size: 1.4rem;
line-height: 1;
text-align: right;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#message p.name{
margin: 34px 0 0 0;
}
}
#message p.name span{
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.2em;
vertical-align: -0.05em;
margin: 0 0 0 12px;
}
@media (min-width: 960px){
#message p.name span{
font-size: 2.4rem;
vertical-align: -0.08em;
margin: 0 0 0 20px;
}
} #movie{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#movie{
padding: 90px 0 0 0;
}
}
#movie .wrap{
width: 100%;
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#movie .wrap{
max-width: 1000px;
padding: 0 14vw;
}
}
#movie .movie_wrap{
background-color: #FBF6F9;
padding: 30px 6.5vw;
}
@media (min-width: 960px){
#movie .movie_wrap{
border-radius: 10px;
padding: 40px 0;
}
}
#movie iframe{
width: 100%;
height: auto;
display: block;
aspect-ratio: 16 / 9;
margin: 0 auto;
}
@media (min-width: 960px){
#movie iframe{
width: 600px;
}
} #doctor{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#doctor{
padding: 130px 0 0 0;
}
}
#doctor .doctor_list{
border-top: 1px solid #CCC;
margin: 40px 0 0 0;
}
@media (min-width: 960px){
#doctor .doctor_list{
margin: 60px 0 0 0;
}
}
#doctor ul.doctor_list li{
display: flex;
flex-direction: column;
padding: 24px 0;
border-bottom: 1px solid #CCC;
}
@media (min-width: 960px){
#doctor ul.doctor_list li{
flex-direction: row;
justify-content: space-between;
padding: 40px 0;
}
}
#doctor ul.doctor_list li .title_block{
font-size: 1.6rem;
font-weight: 500;
width: 100%;
padding: 0 0 20px 0;
}
@media (min-width: 960px){
#doctor ul.doctor_list li .title_block{
font-size: 1.6rem;
width: 25%;
padding: 0;
}
}
#doctor ul.doctor_list li .text_block{
width: 100%;
}
@media (min-width: 960px){
#doctor ul.doctor_list li .text_block{
width: 75%;
}
}
#doctor ul.doctor_list li .text_block p.text{
}
.m-top{
margin-top: 12px;
}
@media (min-width: 960px){
.m-top{
margin-top: 14px;
}
}
#doctor ul.doctor_list li .text_block figure{
width: 180px;
float: right;
margin: 7px 0 15px 22px;
}
@media (min-width: 960px){
#doctor ul.doctor_list li .text_block figure{
width: 230px;
float: right;
margin: 7px 0 0 50px;
}
}
#doctor ul.doctor_list li .text_block figure p.cp{
font-size: 1.3rem;
line-height: 1;
text-align: right;
margin: 6px 0 0 0;
}
#doctor ul.doctor_list li .text_block .policy{
background-color: #FBF6F9;
padding: 24px 26px;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#doctor ul.doctor_list li .text_block .policy{
background-color: #FBF6F9;
padding: 30px 46px;
margin: 40px 0 0 0;
}
}
#doctor ul.doctor_list li .text_block .policy p.text{
color: #1E2228;
font-size: 1.4rem;
}
@media (min-width: 960px){
#doctor ul.doctor_list li .text_block .policy p.text{
font-size: 1.5rem;
}
}
#doctor .view_btn{
display: flex;
justify-content: center;
} #carrier{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#carrier{
padding: 130px 0 0 0;
}
}
#carrier ul.carrier_list{
border-top: 1px solid #CCC;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#carrier ul.carrier_list{
border-top: 1px solid #CCC;
margin: 40px 0 0 0;
}
}
#carrier ul.carrier_list li{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#carrier ul.carrier_list li:first-child{
margin: 25px 0 0 0;
}
@media (min-width: 960px){
#carrier ul.carrier_list li:first-child{
margin: 30px 0 0 0;
}
}
#carrier ul.carrier_list li .dl{
width: 30%;
}
@media (min-width: 960px){
#carrier ul.carrier_list li .dl{
width: 25%;
}
}
#carrier ul.carrier_list li .dd{
width: 70%;
}
@media (min-width: 960px){
#carrier ul.carrier_list li .dd{
width: 75%;
}
} #books{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#books{
padding: 130px 0 0 0;
}
}
#books ul.books_list{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
border-top: 1px solid #CCC;
margin: 20px 0 0 0;
padding: 30px 0 0 0;
}
@media (min-width: 960px){
#books ul.books_list{
flex-direction: row;
justify-content: space-between;
margin: 40px 0 0 0;
padding: 30px 0 0 0;
}
}
#books ul.books_list li{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 960px){
#books ul.books_list li{
width: 32.5%;
}
}
#books ul.books_list li figure{
width: 55%;
border: 1px solid #ddd;
margin-bottom: 20px;
}
@media (min-width: 960px){
#books ul.books_list li figure{
width: 60%;
}
} #introduction_mv .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#introduction_mv .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#introduction_mv .img_wrap{
width: 100%;
aspect-ratio: 10 / 5.7;
overflow: hidden;
border-radius: 0;
position: relative;
}
@media (min-width: 960px){
#introduction_mv .img_wrap{
border-radius: 12px;
}
}
#introduction_mv .img_wrap iframe{
width: 100%;
height: 100%;
display: block;
}
#introduction .wrap,
#doctor-message .wrap,
#btn_block .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#introduction .wrap,
#doctor-message .wrap,
#btn_block .wrap{
max-width: 1000px;
padding: 0 20vw;
}
} #introduction_mv .btn{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
margin: 20px 0 10px 0;
}
@media (min-width: 960px){
#introduction_mv .btn{
margin: 25px 0 0 0;
}
}
#introduction_mv .btn a{
color: #1E2228;
font-size: 1.4rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
display: flex;
flex-direction: row;
align-items: center;
transition: all 0.2s ease-in-out;
margin: 0 6.3vw 0 0;
}
@media (min-width: 960px){
#introduction_mv .btn a{
margin: 0;
}
}
#introduction_mv .btn a img{
width: 13px;
height: auto;
display: block;
margin: 0 3px 0 6px;
}
@media (min-width: 960px){
#introduction_mv .btn a:hover{
color: #aaa;
}
} #introduction{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#introduction{
padding: 80px 0 0 0;
}
}
#introduction figure.img_block{
display: flex;
flex-direction: column;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
#introduction figure.img_block{
flex-direction: row;
margin: 0 0 35px 0;
}
}
#introduction figure.img_block img{
width: 100%;
display: block;
float: left;
margin: 0 0 4px 0;
}
@media (min-width: 960px){
#introduction figure.img_block img{
width: 50%;
margin: 0 0 0 0;
}
}
#introduction figure.img_block img:nth-of-type(2){
margin: 0 0 0 0;
}
#introduction p.text{
} #introduction.reception figure.img_block{
margin: 0 0 4px 0;
}
@media (min-width: 960px){
#introduction.reception figure.img_block{
margin: 0 0 35px 0;
}
}
.reception .text_block figure{
width: 100%;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
.reception .text_block figure{
width: 360px;
float: right;
margin: 8px 0 20px 60px;
}
} .counseling-room .text_block figure{
width: 100%;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
.counseling-room .text_block figure{
width: 436px;
float: left;
margin: 8px 60px 20px 0;
}
} .chair{
clear: both;
}
.chair .text_block figure{
width: 100%;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
.chair .text_block figure{
width: 360px;
float: right;
margin: 0 0 20px 60px;
}
}
.chair .text_block h5{
width: 100%;
}
@media (min-width: 960px){
.chair .text_block h5{
width: calc(100% - 360px - 60px);
}
} .side-monitor{
clear: both;
} .inspection-room .text_block figure{
width: 100%;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
.inspection-room .text_block figure{
width: 420px;
float: left;
margin: 8px 60px 20px 0;
}
} #doctor-message{
clear: both;
margin: 130px 0 0 0;
}
@media (min-width: 960px){
#doctor-message{
clear: both;
margin: 260px 0 0 0;
}
}
#doctor-message .text_block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
border-radius: 12px;
border: 2px dotted #F58995;
padding: 0 6.5% 30px;
margin: 0 auto;
}
@media (min-width: 960px){
#doctor-message .text_block{
padding: 0 9% 60px;
padding: 0 6% 50px;
}
}
#doctor-message figure{
margin: -70px 0 25px 0;
padding: 0;
display: block;
}
@media (min-width: 960px){
#doctor-message figure{
margin: -85px 0 30px 0;
}
}
#doctor-message figure img{
width: 110px;
height: auto;
display: block;
}
@media (min-width: 960px){
#doctor-message figure img{
width: 140px;
}
}
#doctor-message .title{
width: 100%;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.08em;
text-align: center;
margin: 0 0 26px 0;
}
@media (min-width: 960px){
#doctor-message .title{
font-size: 2.2rem;
line-height: 1.4;
margin: 0 0 32px 0;
}
}
#doctor-message p.text{
width: 100%;
text-align: left;
} #btn_block{
padding: 50px 0 0 0;
}
@media (min-width: 960px){
#btn_block{
padding: 90px 0 0 0;
}
}
#btn_block .wrap{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
#btn_block .view_btn{
margin: 0 0 0 0;
}
#btn_block .view_btn:last-child{
padding: 10px 0 0 0;
}
@media (min-width: 960px){
#btn_block .view_btn:last-child{
padding: 20px 0 0 0;
}
} #access_mv .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#access_mv .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#access .wrap,
#hours .wrap,
#reserve .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#access .wrap,
#hours .wrap,
#reserve .wrap{
max-width: 1000px;
padding: 0 20vw;
}
} #access{
margin: 40px 0 0 0;
}
@media (min-width: 960px){
#access{
margin: 100px 0 0 0;
}
}
#access p.text{
margin: 30px 0 30px 0;
}
@media (min-width: 960px){
#access p.text{
margin: 70px 0 30px 0;
}
}
#access .map{
width: 100%;
box-sizing: border-box;
border: 1px solid #FFCED4;
}
#access .map iframe{
width: 100%;
height: 380px;
display: block;
}
@media (min-width: 960px){
#access .map iframe{
height: 480px;
}
} #hours{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#hours{
padding: 130px 0 0 0;
}
}
#hours .hours{
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#hours .hours{
margin: 70px 0 0 0;
}
}
#hours table tr{
line-height: 1;
}
#hours table tr td{
letter-spacing: 0.04em;
text-align: center;
}
@media (min-width: 960px){
#hours table tr td{
letter-spacing: 0.04em;
text-align: center;
}
}
#hours table tr td.column-1{
width: 18%;
line-height: 1.4;
text-align: center;
}
@media (min-width: 960px){
#hours table tr td.column-1{
width: 22%;
line-height: 1;
text-align: left;
padding-left: 24px;
padding-top: 24px;
padding-bottom: 24px;
}
}
#hours table tr.row-1{
background-color: #FFF5F6;
}
#hours table tr.row-1 td{
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
vertical-align: middle;
border: 0;
padding-top: 14px;
padding-bottom: 14px;
}
@media (min-width: 960px){
#hours table tr.row-1 td{
padding-top: 24px;
padding-bottom: 24px;
}
}
#hours table tr.row-2 td.column-1,
#hours table tr.row-3 td.column-1{
color: #1E2228;
font-size: 1.5rem;
font-family: 'Barlow', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em;
}
@media (min-width: 960px){
#hours table tr.row-2 td.column-1,
#hours table tr.row-3 td.column-1{
font-size: 1.7rem;
}
}
#hours table tr.row-2 td,
#hours table tr.row-3 td{
color: #999;
font-size: 1.4rem;
vertical-align: middle;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding-top: 12px;
padding-bottom: 12px;
}
@media (min-width: 960px){
#hours table tr.row-2 td,
#hours table tr.row-3 td{
font-size: 1.6rem;
padding-top: 24px;
padding-bottom: 24px;
}
}
#hours table tr span{
color: #F59CA6;
}
#hours table caption{
display: none;
}
#hours .closed{
width: 100%;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
margin: 25px 0 0 0;
}
@media (min-width: 960px){
#hours .closed{
margin: 35px 0 0 0;
}
}
#hours .note{
color: #1E2228;
width: 100%;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.6;
margin: 16px 0 0 0;
}
@media (min-width: 960px){
#hours .note{
font-size: 1.3rem;
margin: 26px 0 0 0;
}
}
#hours ul.note{
margin: 16px 0 0 0;
}
@media (min-width: 960px){
#hours ul.note{
margin: 26px 0 0 0;
}
}
#hours ul.note li{
color: #1E2228;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.6;
}
@media (min-width: 960px){
#hours ul.note li{
font-size: 1.5rem;
}
} #reserve{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#reserve{
padding: 130px 0 0 0;
}
}
#reserve .text_block{
display: flex;
flex-direction: column;
align-items: flex-start;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 40px 0;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#reserve .text_block{
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 40px 0;
margin: 70px 0 0 0;
}
}
#reserve .tel_block p{
font-size: 1.5rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
}
@media (min-width: 960px){
#reserve .tel_block p{
font-size: 1.7rem;
}
}
#reserve .tel{
display: flex;
flex-direction: row;
align-items: center;
margin: 12px 0 0 0;
}
@media (min-width: 960px){
#reserve .tel{
margin: 16px 0 0 0;
}
}
#reserve .tel img{
width: 24px;
height: auto;
margin: 3px 10px 0 0;
}
@media (min-width: 960px){
#reserve .tel img{
width: 34px;
height: auto;
margin: 6px 12px 0 0;
}
}
#reserve .tel a{
color: #1E2228;
font-size: 3.8rem;
font-family: 'Barlow', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
}
@media (min-width: 960px){
#reserve .tel a{
font-size: 5.2rem;
pointer-events: none;
cursor: default;
}
}
#reserve ul.note{
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#reserve ul.note{
margin: 22px 0 0 0;
}
}
#reserve ul.note li{
color: #1E2228;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.6;
}
@media (min-width: 960px){
#reserve ul.note li{
font-size: 1.5rem;
}
}
#reserve .view_btn{
}
@media (min-width: 960px){
#reserve .view_btn{
margin: 0;
}
}