.mv{ position: relative; margin-bottom: 150px; z-index: 0; }
.mv:before{ content: ''; width: 700px; height: 90px; background: url(../images/index/shadow01.png) no-repeat; background-size: contain; position: absolute; bottom: -45px; left: 50%; transform: translateX(-50%); z-index: -1; }
.mv:after{ content: ''; width: 1px; height: 100px; background: #004880; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); }
.mv .main-slide img.sp{ display: none; }
.mv .main-slide img{ width: 100%; }
.mv .inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.mv .inner > p{ width: 41.67vw; margin: 0 auto 1.3vw; }
.mv .inner > p + h1{ font-size: 2.5vw; font-weight: 600; text-align: center; color: #fff; margin-bottom: 1.8vw; -moz-text-shadow: 1px 3px 6px rgba(7, 23, 63, 1); -webkit-text-shadow: 1px 3px 6px rgba(7, 23, 63, 1); -ms-text-shadow: 1px 3px 6px rgba(7, 23, 63, 1); text-shadow: 1px 3px 6px rgba(7, 23, 63, 1);}
.mv .inner > p + h1 strong{ font-size: 3.33vw; line-height: 1; }
.mv .inner > p + h1 + small{ display: block; font-size: 1.08vw; color: #fff; text-align: center; }
.mv .scroll{ font-size: 13px; color: #fff; position: absolute; bottom: 33px; left: 50%; transform: translateX(-50%); }
.mv .scroll:after{ content: ''; width: 1px; height: 30px; background: #fff; position: absolute; bottom: -33px; left: 50%; transform: translateX(-50%); }

.ttl-wrap{ width: 960px; margin: 0 auto; position: relative; padding: 25px 0; z-index: 2; }
.ttl-wrap .inner{ width: 400px; height: 250px; background: #fff; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; }
.ttl-wrap.right .inner{ margin-left: auto; }
.ttl-wrap .inner:before{ content: ''; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
.ttl-wrap .inner:after{ content: ''; width: 350px; height: 70px; background: url(../images/index/shadow01.png) no-repeat; background-size: contain; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); z-index: -2; }
.ttl-wrap .inner h2{ font-size: 30px; font-weight: 600; color: #004880; text-align: center; line-height: 1.5; }
.ttl-wrap .inner h2 span{ display: block; font-size: 13px; text-align: center; margin-top: .4em; letter-spacing: .09em; }
.ttl-wrap .img{ width: calc(50vw + 220px); height: 100%; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; z-index: 0; }
.ttl-wrap.left .img{ right: calc(-50vw + 480px); }
.ttl-wrap.right .img{ left: calc(-50vw + 480px); }

.wrap-gray{ background: #dfdfdf; }

.round-dot{ padding: 60px 125px 70px; position: relative; z-index: 1; margin-left: auto; margin-right: auto; }
.round-dot:before{ content: ''; width: 100%; height: 100%; border-radius: 300px; background-color: #dedede; background-image: url(../images/index/bg-smoke01.png), url(../images/common/bg-dot01.png); background-repeat: no-repeat, repeat; background-position: center, center; background-size: cover, auto; position: absolute; top: 0; left: 0; z-index: -1; }
.round-dot:after{ content: ''; width: 700px; height: 90px; background: url(../images/index/shadow01.png) no-repeat; background-size: contain; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: -2; }
.round-dot h3{ font-size: 40px; font-weight: 600; text-align: center; color: #004880; margin-bottom: .4em; }
.round-dot p{ line-height: 2; }
.round-dot a.btn{ margin: 20px auto 0; }

.worry .ttl-wrap .img{ background-image: url(../images/index/bg-worry.jpg); }
.worry .wrap-gray,
.treatment .wrap-gray{ margin-top: -150px; padding: 250px 0 100px; margin-bottom: 100px; }
.worry .wrap{ width: 900px; }
.worry .worry-list + a.btn{ margin: 50px auto 100px; }

.treatment .ttl-wrap .img{ background-image: url(../images/index/bg-treatment01.jpg); }
.treatment .wrap{ width: 920px; }
.treatment ul{ display: flex; justify-content: space-between; margin-bottom: 100px; }
.treatment ul li{ width: 300px; background: #004880; transition: .3s; position: relative; }
.treatment ul li:hover{ background: #002151; }
.treatment ul li h3{ width: 300px; height: 200px; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #fff; line-height: 1.5; background-size: cover; background-repeat: no-repeat; position: relative; }
.treatment ul li:nth-of-type(1) h3{ background-image: url(../images/index/treatment01.jpg); }
.treatment ul li:nth-of-type(2) h3{ background-image: url(../images/index/treatment02.jpg); }
.treatment ul li:nth-of-type(3) h3{ background-image: url(../images/index/treatment03.jpg); }
.treatment ul li h3:after{ content: ''; width: 55px; height: 65px; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: -38px; left: 50px; }
.treatment ul li:nth-of-type(1) h3:after{ background-image: url(../images/index/icon-treat01.png); }
.treatment ul li:nth-of-type(2) h3:after{ background-image: url(../images/index/icon-treat02.png); }
.treatment ul li:nth-of-type(3) h3:after{ background-image: url(../images/index/icon-treat03.png); }
.treatment ul li .inner{ padding: 50px 25px 90px; position: relative; }
.treatment ul li .inner p{ font-size: 13px; color: #fff; padding-left: 20px; position: relative; }
.treatment ul li .inner p:before{ content: ''; width: 1px; height: calc(100% + 80px); background: #fff; position: absolute; bottom: 0; left: 0; }
.treatment ul li .detail{ color: #fff; padding-right: 15px; background: url(../images/common/arrow02.png) no-repeat; background-size: 7px; background-position: top 50% right 0; position: absolute; bottom: 25px; right: 25px; }
.treatment .round-dot{ width: 900px; }
.treatment .wrap-gray{ margin-bottom: 0; }
.round-dot img{border-radius: 20px;}

.dr{ margin-top: 100px; position: relative; }
.dr .wrap{ width: 960px; padding-top: 25px; padding-bottom: 25px; position: relative; }
.dr .content{ width: 400px; padding: 70px 50px; position: relative; z-index: 2; }
.dr .content:before{ content: ''; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
.dr .content:after{ content: ''; width: 350px; height: 70px; background: url(../images/index/shadow01.png) no-repeat; background-size: contain; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); z-index: -2; }
.dr .content h2{ font-size: 30px; font-weight: 600; color: #004880; text-align: center; margin-bottom: 1em; }
.dr .content h2 span{ display: block; text-align: center; font-size: 13px; }
.dr .content p{ margin-bottom: 40px; }
.dr .img{ width: calc(50vw + 150px); height: 100%; background: url(../images/index/dr01.jpg) no-repeat; background-size: cover; position: absolute; top: 0; right: calc(-50vw + 480px); z-index: 0; }

.reason{ margin-top: -300px; padding: 380px 0 100px; }
.reason .wrap{ width: 850px; }
.reason h2{ font-size: 40px; font-weight: 600; color: #004880; text-align: center; margin-bottom: 1em; }
.reason ul{ display: flex; justify-content: space-between; }
.reason ul li{ width: 230px; }
.reason ul li img{ display: block; width: 200px; margin: 0 auto 10px; }
.reason ul li h3{ font-size: 25px; text-align: center; line-height: 1.5; margin-bottom: 18px; color: #004880;}
.reason ul li p{ font-size: 13px; }
.reason a.btn{ margin: 45px auto 0; }