@import url("https://use.typekit.net/obh8rbc.css");article{overflow:hidden}article>nav{padding:30px 0}article>nav ul{display:flex;justify-content:center;align-items:center;max-width:980px;margin:0 auto}article>nav ul li{padding:0 42px}article>nav ul li+li{border-left:1px solid #d6d6d6}article>nav ul li a{line-height:1.2;text-decoration:none;color:#373737;font-weight:bold}article>nav ul li:first-child{padding:0 42px 0 0}article>nav ul li:last-child{padding:0 0 0 42px}@media only screen and (max-width: 979px){article>nav{padding:0}article>nav ul{width:100%;flex-wrap:wrap;padding:0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}article>nav ul li{width:30%;padding:3vw 2vw;text-align:center}article>nav ul li:first-child,article>nav ul li:last-child{padding:3vw 2vw}article>nav ul li:first-child{width:40%}article>nav ul li:nth-child(4){border:none}article>nav ul li:nth-child(n+4){width:25%;border-top:1px solid #d6d6d6}article>nav ul li a{font-size:3.5vw;font-weight:300}}article section{font-size:18px;color:#1e1e1e}@media screen and (max-width: 979px){article section{font-size:3.5vw}}article section em{font-weight:bold;font-style:normal}article section header{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 0 45px}article section header p{font-family:"adobe-garamond-pro", serif;font-weight:400;font-style:normal;font-size:20px;line-height:1;color:#366cc7;padding:8px 25px 6px;border-top:1px solid #366cc7;border-bottom:1px solid #366cc7;display:inline-block;position:relative}article section header p::before,article section header p::after{content:"";position:absolute;top:50%;width:25px;height:25px;border:1px solid #366cc7}article section header p::before{left:-13px;transform:translateY(-50%) rotate(45deg);border-top:none;border-right:none}article section header p::after{right:-13px;transform:translateY(-50%) rotate(45deg);border-bottom:none;border-left:none}article section header h2{font-size:30px;font-weight:bold;color:#366cc7;line-height:1.5;margin:25px 0 0;text-align:center}@media screen and (max-width: 979px){article section header{margin:0 0 5vw}article section header p{font-size:4.5vw;padding:1vw 5vw 0.6vw}article section header p::before,article section header p::after{width:4.6vw;height:4.6vw}article section header p::before{left:-2.4vw}article section header p::after{right:-2.4vw}article section header h2{font-size:5.5vw;margin:4vw 0 0}}article section.s-mv{text-align:center;background:url(/assets/skincare/biyou-dock/images/mv_bg.jpg?202683116158) center top no-repeat}@media screen and (max-width: 979px){article section.s-mv{background:none}}article section.s-about{background:url(/assets/skincare/biyou-dock/images/about01.jpg?202683116158) center top/cover no-repeat;padding:100px 0 220px}article section.s-about .container{width:980px;margin:60px auto 0}article section.s-about .container p{line-height:2;text-align:center}article section.s-about .container p .line{background:linear-gradient(transparent 60%, rgba(212,175,55,0.4) 40%)}article section.s-about .container p .highlight{color:#366cc7;font-size:24px}article section.s-about .container p+p{margin-top:3em}@media screen and (max-width: 979px){article section.s-about{padding:9vw 0}article section.s-about .container{width:95%;margin:5vw auto 0}article section.s-about .container p{line-height:2}article section.s-about .container p .highlight{font-size:4.3vw}article section.s-about .container p+p{margin-top:1.5em}}article section.s-recommend{margin-top:-120px;padding:80px 0 100px;position:relative}article section.s-recommend::before{content:"";position:absolute;background:#fff;width:980px;height:500px;top:0;left:50%;transform:translate(-50%, 0)}article section.s-recommend>*{position:relative}article section.s-recommend .container{width:980px;margin:0 auto;position:relative}article section.s-recommend .container ul{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}article section.s-recommend .container ul li{display:flex;align-items:center;width:720px;min-height:70px;border:1px solid #c3c3c3;background:url(/assets/skincare/biyou-dock/images/recommend01.svg) 39px center/28px auto no-repeat #fff;box-shadow:5px 5px 0 rgba(55,55,55,0.15);padding:24px 24px 24px 85px;font-size:20px}article section.s-recommend .container ul li em{color:#366cc7}@media screen and (max-width: 979px){article section.s-recommend{margin-top:0;padding:9vw 0}article section.s-recommend::before{content:none}article section.s-recommend .container{width:95%}article section.s-recommend .container ul{gap:5vw}article section.s-recommend .container ul li{width:100%;min-height:18vw;background-size:5vw auto;background-position:3vw center;box-shadow:1vw 1vw 0 rgba(55,55,55,0.15);padding:3vw 3vw 3vw 13vw;display:block;font-size:3.8vw}}article section.s-features{padding:90px 0 110px;position:relative}article section.s-features::before{content:"";display:block;width:65%;width:calc(50% + 590px);height:100%;background:#f7f7f7;position:absolute;right:0;top:0}article section.s-features>*{position:relative}article section.s-features .container{width:980px;margin:0 auto}article section.s-features .container .grid{display:grid;grid-template-columns:60px 540px 1fr 20px;grid-template-rows:60px auto 1fr 60px;background:#fff}article section.s-features .container .grid-title{grid-column:2 / 3;grid-row:2 / 3;display:flex;flex-direction:column}article section.s-features .container .grid-title .num{display:flex;align-items:center;font-family:"adobe-garamond-pro", serif;font-weight:400;font-style:normal;font-size:50px;padding-left:75px;color:#d4af37;line-height:1;position:relative}article section.s-features .container .grid-title .num::before{content:"";display:block;width:60px;height:1px;background:#d4af37;position:absolute;top:50%;left:30px;transform:translate(-50%, 0)}article section.s-features .container .grid-title .num span{font-size:13px;margin-right:12px;font-weight:bold}article section.s-features .container .grid-title h3{font-size:22px;color:#d4af37;margin-top:12px}article section.s-features .container .grid-text{grid-column:2 / 3;grid-row:3 / 4;margin-top:40px}article section.s-features .container .grid-text ul.text-list{width:510px}article section.s-features .container .grid-text ul.text-list li{font-weight:bold;padding:15px 0 15px 30px;border-bottom:1px dotted #a2a2a2;position:relative}article section.s-features .container .grid-text ul.text-list li::before{content:"◇";position:absolute;color:#366cc7;top:50%;left:0px;transform:translate(0, -50%)}article section.s-features .container .grid-text ul.text-list li .line{background:linear-gradient(transparent 60%, rgba(212,175,55,0.4) 40%)}article section.s-features .container .grid-img{grid-column:3 / 4;grid-row:2 / 4;text-align:center;width:321px;margin-left:30px}article section.s-features .container .grid+.grid{margin-top:50px}@media screen and (max-width: 979px){article section.s-features{padding:9vw 0;background:#f7f7f7}article section.s-features::before{content:none}article section.s-features .container{width:95%}article section.s-features .container .grid{grid-template-columns:3vw 1fr auto 3vw;grid-template-rows:3vw 36vw auto 3vw}article section.s-features .container .grid-title{justify-content:center}article section.s-features .container .grid-title .num{font-size:10vw;padding-left:7vw}article section.s-features .container .grid-title .num::before{width:5vw;left:2.5vw}article section.s-features .container .grid-title .num span{font-size:2.5vw;margin-right:2vw}article section.s-features .container .grid-title h3{font-size:3.8vw}article section.s-features .container .grid-text{grid-column:2 / 4;grid-row:3 / 4;margin-top:3vw}article section.s-features .container .grid-text ul.text-list{width:100%}article section.s-features .container .grid-text ul.text-list li{padding:1.5vw 0 1.5vw 8vw}article section.s-features .container .grid-text ul.text-list li::before{left:1vw;font-size:4vw}article section.s-features .container .grid-img{grid-column:3 / 4;grid-row:2 / 3;width:35vw;margin-left:0}article section.s-features .container .grid+.grid{margin-top:7vw}}article section.s-offer{margin-top:90px;padding:100px 0 95px;background:#fff;position:relative}article section.s-offer::before{content:"";display:block;width:65%;width:calc(50% + 590px);height:100%;background:#f7f7f7;position:absolute;left:0;top:0}article section.s-offer>*{position:relative}article section.s-offer .container{width:980px;margin:0 auto}article section.s-offer .container>p{text-align:center}article section.s-offer .container>ul{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:50px}article section.s-offer .container>ul li{background:#fff;padding:50px 0 30px;border:1px solid #659fe7;width:470px;min-height:266px;display:flex;align-items:center;flex-direction:column;gap:28px;text-align:center;position:relative}article section.s-offer .container>ul li .label{position:absolute;content:"";background:#659fe7;color:#fffec1;font-size:20px;font-weight:bold;display:inline-block;top:-15px;left:50%;transform:translate(-50%, 0);width:130px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:100px}article section.s-offer .container>ul li .label span{font-size:24px;margin-left:0.2em}article section.s-offer .container>ul li .title{color:#366cc7;font-weight:bold;font-size:28px;line-height:1.1}article section.s-offer .container>ul li .title span{font-size:20px}article section.s-offer .container>ul li:first-child::before{content:"";position:absolute;background:url(/assets/skincare/biyou-dock/images/offer01.png?202683116158) center center/100% auto no-repeat;display:block;width:150px;height:132px;top:0;left:-25px}@media screen and (max-width: 979px){article section.s-offer{margin-top:0;padding:9vw 0;background:#f7f7f7}article section.s-offer::before{content:none}article section.s-offer .container{width:95%}article section.s-offer .container>ul{flex-direction:column;gap:10vw;margin-top:10vw}article section.s-offer .container>ul li{padding:8vw 2vw 4vw;width:100%;min-height:inherit;gap:3vw}article section.s-offer .container>ul li .label{font-size:4vw;top:-4vw;width:35vw;height:8vw}article section.s-offer .container>ul li .label span{font-size:4.5vw;margin-left:0.2em}article section.s-offer .container>ul li .title{font-size:5vw}article section.s-offer .container>ul li .title span{font-size:4vw}article section.s-offer .container>ul li:first-child::before{width:27vw;height:23vw;top:0;left:-1vw}}article section.s-flow{padding:80px 0}article section.s-flow .container{width:720px;margin:0 auto}article section.s-flow .container>ul li{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100px;border:1px solid #659fe7}article section.s-flow .container>ul li::before{content:"";position:absolute;background:url(/assets/skincare/biyou-dock/images/flow01.svg) center center/cover no-repeat;width:42px;height:33px;bottom:-48px;left:50%;transform:translate(-50%, 0)}article section.s-flow .container>ul li:last-child::before{content:none}article section.s-flow .container>ul li+li{margin-top:60px}article section.s-flow .container>ul li .num{font-family:"adobe-garamond-pro", serif;font-weight:400;font-style:normal;background:#f7f7f7;color:#659fe7;width:98px;height:100%;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:40px;line-height:1.5}article section.s-flow .container>ul li .contents{flex-grow:1;display:flex;align-items:center;flex:1;padding:0 37px}article section.s-flow .container>ul li .contents p{font-size:22px}@media screen and (max-width: 979px){article section.s-flow{padding:9vw 0}article section.s-flow .container{width:95%}article section.s-flow .container>ul li{height:18vw}article section.s-flow .container>ul li::before{width:10vw;height:8vw;bottom:-10vw}article section.s-flow .container>ul li+li{margin-top:60px}article section.s-flow .container>ul li .num{width:20vw;font-size:8vw}article section.s-flow .container>ul li .contents{padding:0 5vw}article section.s-flow .container>ul li .contents p{font-size:4vw}}article section.s-reservation{padding:60px 0 75px;background:#f7f7f7}article section.s-reservation .container{width:980px;margin:0 auto}article section.s-reservation .container>p{text-align:center}article section.s-reservation .container>ul{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:65px}article section.s-reservation .container>ul li{background:#fff;padding:75px 30px 35px;border:1px solid #659fe7;width:470px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;position:relative}article section.s-reservation .container>ul li .icon{position:absolute;content:"";background:#659fe7;top:-20px;left:50%;transform:translate(-50%, 0);width:66px;height:66px;display:flex;justify-content:center;align-items:center;border-radius:100px}article section.s-reservation .container>ul li .title{color:#366cc7;font-weight:bold;font-size:24px;line-height:1.1;margin-bottom:28px}article section.s-reservation .container>ul li>p{font-size:16px;margin-bottom:24px}article section.s-reservation .container>ul li .btn a{display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:395px;min-height:120px;font-size:30px;line-height:1.3;font-weight:bold;color:#fff;text-decoration:none;border-radius:1000px;background:linear-gradient(#659fe7, #366cc7);box-shadow:0px 5px 6px rgba(0,0,0,0.18)}article section.s-reservation .container>ul li .btn a span{font-size:22px}article section.s-reservation .container>ul li .btn.tel a{font-size:42px}@media screen and (max-width: 979px){article section.s-reservation{padding:9vw 0}article section.s-reservation .container{width:95%}article section.s-reservation .container>ul{flex-direction:column;gap:10vw;margin-top:10vw}article section.s-reservation .container>ul li{padding:10vw 2vw 4vw;width:100%}article section.s-reservation .container>ul li .icon{top:-7.5vw;width:15vw;height:15vw}article section.s-reservation .container>ul li .title{font-size:4.5vw;margin-bottom:3vw}article section.s-reservation .container>ul li>p{font-size:3.2vw;margin-bottom:3vw}article section.s-reservation .container>ul li .btn a{width:70vw;min-width:auto;min-height:20vw;font-size:5vw;line-height:1.4;box-shadow:0px 2px 2.5px rgba(0,0,0,0.18)}article section.s-reservation .container>ul li .btn a span{font-size:3.8vw}article section.s-reservation .container>ul li .btn.tel a{font-size:6vw}}article section.s-clinic{padding:100px 0 130px}article section.s-clinic .container{width:980px;margin:50px auto 0}article section.s-clinic .container .bc_01_047 .bc-item>.info{text-align:left}article section.s-clinic .container .bc_01_047 .bc-item>.info>.name{font-weight:bold;line-height:1.3;color:#1e1e1e;font-size:28px}article section.s-clinic .container .bc_01_047 .bc-item>.info>.address{font-size:16px}article section.s-clinic .container .bc_01_047 .bc-item>.info>.tel>.number{font-weight:bold;color:#659fe7;font-family:"游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif}article section.s-clinic .container .bc_01_047 .bc-item>.info>.tel>.freetel .-freetelcolor{fill:#659fe7 !important}@media screen and (max-width: 979px){article section.s-clinic{padding:9vw 0}article section.s-clinic .container{width:95%;margin:0 auto}article section.s-clinic .container .bc_01_047 .bc-item{padding:0 2vw}article section.s-clinic .container .bc_01_047 .bc-item>.info{padding:0;margin:0 0 3vw}article section.s-clinic .container .bc_01_047 .bc-item>.info>.name{font-size:5vw;margin:0}article section.s-clinic .container .bc_01_047 .bc-item>.info .address{font-size:3vw;margin:2vw 0 0}article section.s-clinic .container .bc_01_047 .bc-item>.info>.tel{margin:2vw 0 0}article section.s-clinic .container .bc_01_047 .bc-item>.info>.tel>.number{font-size:5.5vw}article section.s-clinic .container .bc_01_047 .bc-item>.info>.tel>.freetel{width:7vw;height:7vw;margin:0 2vw 0 0}article section.s-clinic .container .bc_01_047 .bc-item+.bc-item{margin-top:5vw;padding-top:5vw;border-color:#659fe7}}
