@charset "utf-8";
/**トップ**/
.sec_mv{
    width: 100%;
    margin: 0 auto clamp(2.813rem, 0.564rem + 4.69vw, 4.375rem);
    /*45-70*/
}
.mv_img{
    width: 100%;
    height: calc(580px - 1rem);
    background: url("../img/img_top_mv_pc.jpg")no-repeat center;
    background-size: cover;
    padding: 0 0 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin: 0 0 65px;
}
.mv_img h2{
    width: 60%;
    max-width: 420px;
}
.mv_img h2 img{
    width: 100%;
}
.sec_mv .lead_area{
    width: 90%;
    max-width: 1020px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 4rem;
}
.sec_mv .lead_area .lead_left{
    width: calc(75% - 4rem);
    display: flex;
    flex-wrap: wrap;
}
.sec_mv .lead_area .lead_left h2{
    margin: 0 0 2rem;
    font-family: "Shippori Mincho", serif;
    font-size: clamp(2.25rem, 0.901rem + 2.81vw, 3.188rem);
    /*36-51*/
    font-weight: 400;
    letter-spacing: .1rem;
}
.sec_mv .lead_area .lead_left h2 span{
    color: #b29a26;
}
.sec_mv .lead_area .lead_left h2 sub{
    bottom: 0;
}
.sec_mv .lead_area .lead_left p{
    margin: 0 0 1rem;
    font-family: "Zen Old Mincho", serif;
    font-size: 20px;
}
.sec_mv .lead_area .lead_left h3{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.sec_mv .lead_area .lead_left h3 img{
    width: 30%;
    max-width: 185px
}
.sec_mv .lead_area .lead_right h3{
    display: none;
}
.sec_mv .lead_area .lead_right{
    width: 25%;
}
/**トップここまで**/

/**About**/
.sec_about{
    width: 100%;
    margin: 0 auto 125px;
}
.about_img{
    margin: 0 0 clamp(4.063rem, 2.264rem + 3.75vw, 5.313rem);
    /*65-85*/
}
.about_img img{
    width: 100%;
    height: clamp(10rem, 3.704rem + 13.13vw, 14.375rem);
    /*160-230*/
    object-fit: cover;
}
.about_area{
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
}
.about_area .lead_area{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about_area .lead_area .left{
    width: 63%;
    margin: 0 0 75px;
}
.about_area .lead_area .left img{
    display: none;
}
.about_area .lead_area .left h2{
    font-family: "Cormorant", serif;
    font-size: 106px;
    color: #b2a267;
    margin: 0 0 3rem;
    line-height: 1.2;
    display: block;
}
.about_area .lead_area .left h2 span{
    font-family: "Noto Serif JP", serif;
    font-size: 22px;
    color: #000;
    display: block;
}
.about_area .lead_area .left h3{
    margin: 0 0 2rem;
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(2rem, 1.46rem + 1.13vw, 2.375rem);
    /*32-38*/
    display: block;
}

.about_area .lead_area .left h4{
    font-size: 19px;
    line-height: 1.7;
}
.about_area .lead_area .right{
    width: 35%;
}
.about_area .lead_area .right img,
.about_area .lead_area p img{
    width: 95%;
    -moz-box-shadow: 13px 13px 0px 0px rgba(57, 163, 188, 0.1);
    -webkit-box-shadow: 13px 13px 0px 0px rgba(57, 163, 188, 0.1);
    -ms-box-shadow: 13px 13px 0px 0px rgba(57, 163, 188, 0.1);
    box-shadow: 13px 13px 0px 0px rgba(57, 163, 188, 0.1);
}
.about_area .lead_area p{
    width: 90%;
    max-width: 700px;
    margin: 0 auto 100px;
}
.about_area .features{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.about_area .features .features_title{
    display: flex;
    align-items: center;
    width: 100%;
}
.about_area .features .features_title::before,
.about_area .features .features_title::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
    margin-top: -2rem;
}
.about_area .features .features_title::before {
    margin-right: 2rem;
}
.about_area .features .features_title::after {
    margin-left: 2rem;
}
.about_area .features h2{
    font-family: "Zen Old Mincho", serif;
    font-size: 31px;
    text-align: center;
    margin: 0 0 2rem;
}
.about_area .features h2 span{
    font-size: 17px;
    display: block;
}
.about_area .features ul{
    width: 43%;
    padding: 0 3%;
    border-right: dashed 1px #4c4c4c;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.about_area .features ul li{
    width: 100%;
}
.about_area .features ul:last-child{
    border-right: none;
}
.about_area .features ul li h3{
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(1.438rem, 0.718rem + 1.5vw, 1.938rem);
    /*23-31*/
    margin: 0 0 35px;
    display: block;
    text-align: center;
}
.about_area .features ul li:nth-child(1) img{
    width: 20%;
    max-width: 80px;
    margin: 0 auto 40px;
}
.about_area .features ul li:nth-child(2) img{
    margin: 3rem auto 0;
}
/**Aboutここまで**/

/**Menu**/
.sec_menu{
    margin: 0 auto clamp(3.75rem, 1.951rem + 3.75vw, 5rem);
    /*60-80*/
    padding: 0 0 40px;
    background-color: #eee6d9;
}
.menu_mv{
    width: calc(100% - 60px);
    height: 520px;
    background: url("../img/img_sec03_01.png")no-repeat center;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    padding: 70px 30px 30px;
    margin: 0 0 65px;
}
.menu_mv .mrnu_title{
    color: #fff;
    width: 50%;
    display: flex;
    flex-direction: column;
}
.menu_mv .mrnu_title h2{
    font-family: "Cormorant", serif;
    font-size: 106px;
    margin: 0 0 3rem;
    line-height: 1.2;
    display: block;
    max-width: 600px;
}
.menu_mv .mrnu_title h2 span{
    font-family: "Noto Serif JP", serif;
    font-size: 22px;
    display: block;
}
.menu_mv .mrnu_title p{
    margin: 0 0 30px;
    max-width: 600px;
}
.menu_mv .menu_btn{
    width: 100%;
    display: flex;
    max-width: 600px;
}
.menu_mv .menu_btn a{
    width: 12rem;
    border: solid 2px #fff;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 0.5rem 1rem;
    margin: auto;
    color: #fff;
    text-align: center;
}
.menu_mv .menu_btn a::before{
    content: "";
    background: url("../img/ico_arrow01.svg")no-repeat left;
    background-size: 1rem;
    padding: 0 2rem 0 0;
}
.menu_mv .menu_btn a:hover{
    background-color: #b2a267;
}
.campaign_area{
    width: calc(90% - 4rem);
    max-width: 1160px;
    margin: 0 auto;
    padding: 2rem;
    background: url("../img/menu_kazari_left_ue.svg")no-repeat left top,
        url("../img/menu_kazari_right_ue.svg")no-repeat right top,
        url("../img/menu_kazari_left_shita.svg")no-repeat left bottom,
        url("../img/menu_kazari_right_shita.svg")no-repeat right bottom,
        url("../img/menu_kazari_ue.svg")repeat-x top,
        url("../img/menu_kazari_shita.svg")repeat-x bottom,
        url("../img/menu_kazari_left.svg")repeat-y left,
        url("../img/menu_kazari_right.svg")repeat-y right;
    background-size: 45px;
    background-color: #fff;
}
.campaign_area .cam_txt{
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(1rem, 0.522rem + 1.91vw, 1.438rem);
    /*16-23*/
    text-align: center;
    position: relative;
    margin: -1rem auto 1.2rem;
    letter-spacing: -.05rem;
}
.campaign_area .cam_txt::before{
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    padding-top: clamp(2.063rem, 1.243rem + 3.28vw, 2.813rem);
    /*766 33-45*/
    display: block;
}
.campaign_area .cam_txt::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: clamp(1.688rem, 1.141rem + 2.19vw, 2.188rem);
    /*766 27-35*/
    background: url("../img/kazari_center_menu.svg")no-repeat top center;
    background-size: contain;
    padding: 0;
}
.campaign_area p{
    text-align: center;
    font-size: clamp(0.813rem, 0.539rem + 1.09vw, 1.063rem);
    /*766 13-17*/
}
.campaign_area .slide-items{
    width: 100%;
    height: 100%;
}
.campaign_area .slide-items img {
  width: 100%;
  object-fit: cover;
}

/**Menuここまで**/

/**ドクター**/
.sec_doctor{
    width: 100%;
    margin: 0 auto 85px;
}
.doctor_area{
    width: 95%;
    max-width: 1100px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.doctor_area .left{
    width: 63%;
    flex-direction: column;
    align-content: flex-start;
}
.doctor_area .left h2{
    font-family: "Cormorant", serif;
    font-size: 106px;
    color: #b2a267;
    margin: 0 0 3rem;
    line-height: 1.2;
    display: block;
}
.doctor_area .left h2 span{
    font-family: "Noto Serif JP", serif;
    font-size: 22px;
    color: #000;
    display: block;
}
.doctor_area .left h3{
    margin: 0 0 3rem;
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(1.188rem, 0.558rem + 1.31vw, 1.625rem);
    /*19-26*/
    display: block;
    line-height: 1.5;
}
.doctor_area .left p{
    margin: 0 0 2rem;
}
.doctor_area .right{
    width: 30%;
}
.doctor_area .right img{
    margin: 0 0 15px;
}
.doctor_area .right h2{
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(1.75rem, 1.3rem + 0.94vw, 2.063rem);
    /*28-33*/
    margin: 0 0 1rem;
    display: block;
}
.doctor_area .right h2 span{
    font-size: clamp(0.938rem, 0.668rem + 0.56vw, 1.125rem);
    /*15-18*/
    margin: 0 0 0.3rem;
    display: block;
}
.doctor_area .right dl dt{
    margin: 0 0 0.3rem;
    display: block;
    border-bottom: solid 1px #000;
    margin-bottom: 0.5rem;
}
.doctor_area .right dl dd{
    font-size: clamp(0.875rem, 0.807rem + 0.27vw, 0.938rem);
    /*766 14-15*/
}
/**ドクターここまで**/

.bx-wrapper{
    max-width: 960px;
    margin: auto;
}
.bx-viewport .bxslider div{
    width: 25%;
}

/*** お知らせ ***/
.notice_space{
    width: 80%;
    max-width: 900px;
    margin: 0 auto 5em;
    text-align: center;
    border: double 3px #b29a26;
    font-size: clamp(1.25rem, 0.669rem + 1.01vw, 1.313rem);
    /*921- 20-21*/
    font-family: "Zen Old Mincho", serif;
}
.notice_space p{
    font-family: "Zen Kaku Gothic New", serif;
    margin: 1em auto 0;
    font-size: 16px;
    line-height: 1.5;
}
.notice_space a{
    display: block;
    padding: 1.5em;
}
/*.notice_space a:hover p{
    text-decoration: underline;
}*/
.notice_space p:nth-of-type(2){
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notice_space a:hover p:nth-of-type(2){
    text-decoration: none;
}
.notice_space p:nth-of-type(2)::after{
    content: "";
    background: url("../img/ico_betsutab_b.svg")no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1em;
    height: 1em;
}

@media screen and (min-width: 1201px) {
}
@media screen and (max-width: 920px) {
.notice_space{
    width: 90%;
}
.notice_space br.pc_none{
    display: block;
}
}
@media screen and (max-width: 767px) {
.mv_img{
    height: 60vh;
    min-height: 480px;
    background: url("../img/img_top_mv_sp.png")no-repeat center;
    background-size: cover;
    justify-content: flex-end;
    margin: 0 0 clamp(1.25rem, -0.458rem + 6.83vw, 2.813rem);
    /*20-45*/
}
.mv_img h2{
    width: 70%;
}
.sec_mv {
    margin: 0 auto clamp(3.125rem, 1.076rem + 8.2vw, 5rem);
    /*50-80*/
}
.sec_mv .lead_area {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}
.sec_mv .lead_area .lead_left {
    width: 100%;
}
.sec_mv .lead_area .lead_left h2 {
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 auto clamp(1.5rem, 0.407rem + 4.37vw, 2.5rem);
    /*1.5r-2.5r*/
    font-size: clamp(1.813rem, 0.173rem + 6.56vw, 3.313rem);
    /*29-53*/
}
.sec_mv .lead_area .lead_left p {
    font-size: clamp(1rem, 0.454rem + 2.19vw, 1.5rem);
    /*16-24*/
    line-height: 1.4;
    width: 95%;
    margin: 0 auto 1rem;
}
.sec_mv .lead_area .lead_right {
    width: 110%;
    margin: 0 0 0 -10%;
    padding: clamp(2.5rem, 1.134rem + 5.46vw, 3.75rem) 0 0;
    /*40-60*/
    position: relative;
}
.sec_mv .lead_area .lead_right img {
    width: 70%;
}
.sec_mv .lead_area .lead_right h3{
    display: block;
}
.sec_mv .lead_area .lead_right h3 img{
    width: 35%;
    position: absolute;
    top: 0;
    right: 0;
}
.sec_mv .lead_area .lead_left h3{
    display: none;
}
.sec_about {
    margin: 0 auto clamp(4.375rem, 0.618rem + 15.03vw, 7.813rem);
    /*70-125*/
}
.about_img img {
    width: 95%;
    height: auto;
    object-fit: contain;
    margin: auto;
}
.about_area {
    width: 90%;
}
.about_img{
    margin: 0 0 clamp(2.5rem, 0.451rem + 8.2vw, 4.375rem);
    /*40-70*/
}
.about_area .lead_area p {
    margin: 0 auto clamp(3.75rem, 1.018rem + 10.93vw, 6.25rem);
    /*60-100*/
}
.about_area .lead_area p img {
    width: 95%;
    -moz-box-shadow: 5px 5px 0px 0px rgba(57, 163, 188, 0.1);
    -webkit-box-shadow: 5px 5px 0px 0px rgba(57, 163, 188, 0.1);
    -ms-box-shadow: 5px 5px 0px 0px rgba(57, 163, 188, 0.1);
    box-shadow: 5px 5px 0px 0px rgba(57, 163, 188, 0.1);
}
.about_area .lead_area .left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 50px;
}
.about_area .lead_area .left h2 {
    font-size: clamp(3.75rem, 0.608rem + 12.57vw, 6.625rem);
    /*60-106*/
    width: 60%;
    margin: 0 0 clamp(2rem, 0.907rem + 4.37vw, 3rem);
    /*2r-3r*/
}
.about_area .lead_area .left h2 span {
    font-size: clamp(1.125rem, 0.852rem + 1.09vw, 1.375rem);
    /*18-22*/
}
.about_area .lead_area .left .pc_none{
    align-self: flex-start;
    width: 35%;
}
.about_area .lead_area .left img{
    width: 100%;
    display: block;
    -moz-box-shadow: 5px 5px 0px 0px rgba(57, 163, 188, 0.1);
    -webkit-box-shadow: 5px 5px 0px 0px rgba(57, 163, 188, 0.1);
    -ms-box-shadow: 5px 5px 0px 0px rgba(57, 163, 188, 0.1);
    box-shadow: 5px 5px 0px 0px rgba(57, 163, 188, 0.1);
}
.about_area .lead_area .left h3 {
    font-size: clamp(1.563rem, 0.879rem + 2.73vw, 2.188rem);
    /*25-35*/
}
.about_area .lead_area .left h3,
.about_area .lead_area .left h4{
    width: 100%;
}
.about_area .lead_area .left h4 {
    font-size: clamp(1rem, 0.795rem + 0.82vw, 1.188rem);
    /*16-19*/
    line-height: 1.5;
}
.about_area .lead_area .right {
    display: none;
}
.about_area .features h2 {
    font-size: clamp(1.563rem, 0.811rem + 3.01vw, 2.25rem);
    /*25-36*/
    margin: 0 0 clamp(2rem, 0.907rem + 4.37vw, 3rem);
    /*2r-3r*/
}
.about_area .features .features_title::before, .about_area .features .features_title::after {
    margin-top: clamp(-3rem, -1.907rem + -4.37vw, -4rem);
    /*-3r -4r*/
}

.about_area .features ul {
    width: 100%;
    padding: 0 0 clamp(2.188rem, 1.163rem + 4.1vw, 3.125rem);
    margin: 0 0 clamp(2.188rem, 1.163rem + 4.1vw, 3.125rem);
    /*35-50*/
    border-right: none;
    border-bottom: solid 1px #777;
}
.about_area .features ul:last-child {
    padding: 0;
    margin: 0;
    border-bottom: none;
}
.about_area .features ul li h3{
    font-size: clamp(1.438rem, 0.754rem + 2.73vw, 2.063rem);
    /*23-33*/
    margin: 0 0 clamp(1.25rem, 0.225rem + 4.1vw, 2.188rem);
    /*20-35*/
}
.about_area .features ul li:nth-child(1) img {
    width: clamp(3rem, 1.907rem + 4.37vw, 4rem);
    /*3r-4r*/
    margin: 0 auto clamp(1.25rem, -0.116rem + 5.46vw, 2.5rem);
    /*20-40*/
}
.about_area .features ul li:nth-child(2) img{
    margin: clamp(1.5rem, -0.139rem + 6.56vw, 3rem) auto 0;
    /*1.5r-3r*/
}
.sec_menu {
    margin: 0 auto 30px;
    padding: 0 0 50px;
}
.menu_mv {
    width: 90%;
    height: auto;
    flex-direction: row;
    padding: clamp(2.5rem, 1.134rem + 5.46vw, 3.75rem) 5% clamp(3.75rem, 1.701rem + 8.2vw, 5.625rem);
    /*40-60*/
    /*60-90*/
    margin: 0 0 50px;
}
.menu_mv .mrnu_title h2 {
    font-size: clamp(3.75rem, 0.608rem + 12.57vw, 6.625rem);
    /*60-106*/
    margin: 0 0 clamp(2rem, 0.907rem + 4.37vw, 3rem);
    /*2r-3r*/
}
.menu_mv .mrnu_title h2 span {
    font-size: clamp(1.125rem, 0.852rem + 1.09vw, 1.375rem);
    /*18-22*/
}
.menu_mv .mrnu_title {
    width: 100%;
}
.menu_mv .mrnu_title p {
    margin: 0 0 30px;
    max-width: 100%;
}
.menu_mv .menu_btn a {
    width: 10rem;
    margin: 0;
    border: solid 1px #fff;
}
.campaign_area {
    width: calc(95% - 4rem);
}
.doctor_area {
    width: 90%;
}
.doctor_area .left {
    margin: 0 0 1rem;
}
.doctor_area .left h2 {
    font-size: clamp(3.75rem, 0.608rem + 12.57vw, 6.625rem);
    /*60-106*/
    margin: 0 0 clamp(2rem, 0.907rem + 4.37vw, 3rem);
    /*2r-3r*/
}
.doctor_area .left h2 span {
    font-size: clamp(1.125rem, 0.852rem + 1.09vw, 1.375rem);
    /*18-22*/
}
.doctor_area .left,
.doctor_area .right{
    width: 100%;
}
.doctor_area .left h3{
    margin: 0 0 2rem;
    font-size: clamp(1.063rem, 0.584rem + 1.91vw, 1.5rem);
    /*17-24*/
}
.doctor_area .left p {
    margin: 0 0 1rem;
}
.doctor_area .right {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.doctor_area .right .dr_img {
    margin: 0;
    width: 35%;
}
.doctor_area .right img {
    width: 100%;
    display: block;
}
.doctor_area .right .dr_name{
    width: 60%;
}
.doctor_area .right h2 {
    font-size: 28px;
}

/** 767 お知らせ**/
.notice_space{
    font-size: clamp(1rem, 0.728rem + 1.09vw, 1.25rem);
    /*-767 16-20*/
    margin: clamp(2rem, 4.18rem + -8.72vw, 0rem) auto clamp(3rem, 0.82rem + 8.72vw, 5rem);
    /*-767 2r-0r*/
    /*-767 3r-5r*/
}
.notice_space dl{
    font-size: 16px;
}
.notice_space dl dt {
    width: 100%;
    margin: 0;
    text-align: left;
}
.notice_space dl dt span {
    display: initial;
}
.notice_space dl dd {
    width: 100%;
    font-size: clamp(0.875rem, 0.739rem + 0.54vw, 1rem);
    /*767- 14-16*/
}
.notice_space p{
    text-align: left;
    font-size: clamp(0.875rem, 0.739rem + 0.54vw, 1rem);
    /*767- 14-16*/
}
/** 767 お知らせここまで**/
}
@media screen and (max-width: 599px) {
.notice_space br.pc_none{
    display: none;
}
}