.mv{ position: relative; }
.mv .inner{ position: absolute; top: 23.4vw; left: 10.03vw; z-index: 20; }
.mv .inner h2{ font-size: 3vw; }
.mv .inner h1{ font-size: 1.32vw; }
.mv .main-slide li img{ width: 100%; display: block; }
.mv .main-slide li img.sp{ display: none; }
.mv .mv-dots{ position: absolute; z-index: 10; display: table; width: auto; bottom: 20px; right: 20px; left: auto; }
.mv .mv-dots .swiper-pagination-bullet{ width: 22px; height: 4px; border-radius: 0; background: rgba(255,255,255,.5); transform: skewX(-20deg); opacity: 1; }
.mv .mv-dots .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: rgba(240,215,70,.5); }

a.btn-skew{ width: 150px; height: 40px; font-size: 13px; background: #f5f5f5; display: flex; justify-content: center; align-items: center; position: relative; }
a.btn-skew:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 40px 15px; border-color: transparent transparent #f5f5f5 transparent; position: absolute; top: 0; left: -15px; }
a.btn-skew:after{ content: ''; width: 0; height: 0; border-style: solid; border-width: 40px 15px 0 0; border-color: #f5f5f5 transparent transparent transparent; position: absolute; top: 0; right: -15px; }
a.btn-skew span{ padding-right: 26px; background: url(../images/common/arrow01.png) no-repeat; background-size: 18.8px; background-position: right center; }

.top-info{ position: relative; padding-top: 130px; padding-bottom: 130px; z-index: 0;}
.top-info .skew01{ width: 186px; height: 100%; background: #f5f5f5; position: absolute; top: 0; left: -50px; transform: skewX(-20deg); z-index: -1; opacity: .4; }
.top-info .skew02{ width: 186px; height: 100%; background: #f5f5f5; position: absolute; top: 0; left: -346px; transform: skewX(-20deg); z-index: -1; opacity: .4; }
.top-info .skew03{ width: 205px; height: 100%; background: #f5f5f5; position: absolute; top: 0; right: -210px; transform: skewX(-20deg); z-index: -1; opacity: .4; }
.top-info .skew04{ width: 205px; height: 100%; background: #f5f5f5; position: absolute; top: 0; right: -460px; transform: skewX(-20deg); z-index: -1; opacity: .4; }
.top-info .left{ width: 425px; background: #fff; box-shadow: 0px 10px 11px -2px rgba(0,0,0,0.12); padding: 24px 50px 35px; }
.top-info .right{ width: 425px; background: #fff; box-shadow: 0px 10px 11px -2px rgba(0,0,0,0.12); padding: 24px 20px 175px 50px; position: relative; }
.top-info h2{ position: relative; }
.top-info h2:before{ content: ''; width: 8px; height: 83px; background: #f0d746; position: absolute; bottom: 0; left: -25px; transform: skewX(-20deg); }
.top-info h2 span{ font-size: 26px; display: block; line-height: 1; position: relative; }
.top-info .right .row p{ line-height: 1.5; }
.top-info .right .row .key-s{ font-size: 11px;}
.top-info .right .map{ width: 100%; position: absolute; bottom: 0; left: 0; }
.top-info .topics{ margin: 90px 0 65px; padding: 0 50px; position: relative; }
.top-info .topics h2{ margin-bottom: 14px; }
.top-info .topics ul li{ border-bottom: solid 1px #e6e6e6; line-height: 3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top-info .topics ul li .time{ margin-right: 1em; }
.top-info .topics a.btn-skew{ position: absolute; top: 0; right: 50px; }
.top-info .covid{ width: 100%; border: solid 1px #e6e6e6; transform: skewX(-20deg); background: #fff; padding: 38px 0 50px; position: relative; }
.top-info .covid .img{ width: 253px; height: 100%; position: absolute; top: 0; right: 0; overflow: hidden; }
.top-info .covid .img .inner{ width: 100%; height: 100%; background: url(../images/index/covid01.jpg) no-repeat; background-size: cover; position: absolute; top: 0; left: 50%; transform: translateX(-50%) skewX(20deg) scale(1.3); }
.top-info .covid dl{ transform: skewX(20deg); padding-left: 128px; display: table; }
.top-info .covid dt{ font-size: 20px; border-bottom: solid 1px #e6e6e6; margin-bottom: .4em; padding-bottom: .2em; }
.top-info .covid a.btn-skew{ transform: skewX(20deg); position: absolute; bottom: 0; right: 261px; }

h2.general{ font-size: 20px; font-weight: 700; position: relative; }
h2.general.right{ text-align: right; }
h2.general:before{ content: ''; width: 15px; height: 120px; background: #f0d746; transform: skewX(-20deg); position: absolute; }
h2.general.left:before{ left: -60px; bottom: 0; }
h2.general.right:before{ right: -60px; bottom: 0; }
h2.general span{ font-size: 54px; display: block; line-height: 1; }
h2.general.right span{ text-align: right; }

.policy{ position: relative; z-index: 0; padding-bottom: 130px; }
.policy .img01{ width: calc(50vw - 200px); height: 600px; transform: skewX(-20deg); position: absolute; top: 0; left: calc(-50vw + 330px); overflow: hidden; }
.policy .img01 .inner{ width: 100%; height: 100%; background: url(../images/index/policy01.jpg) no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%) skewX(20deg) scale(1.6); }
.policy .img02{ width: calc(50vw - 200px); height: 600px; transform: skewX(-20deg); position: absolute; bottom: 0; right: calc(-50vw + 330px); overflow: hidden; }
.policy .img02 .inner{ width: 100%; height: 100%; background: url(../images/index/policy02.jpg) no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%) skewX(20deg) scale(1.6); }
.policy h2{ text-align: center; padding-top: 163px; margin-bottom: 40px; }
.policy h2:before{ top: 0; left: 50%; transform: skewX(-20deg); }
.policy h2 span{ text-align: center; }
.policy p{ text-align: center;font-size: 15px; line-height: 3; }

.feature{ position: relative; z-index: 0; }
.feature:before{ content: ''; width: 120vw; height: 100%; background-size: auto auto; background-color: rgba(255, 255, 255, 1); background-image: repeating-linear-gradient(-70deg, transparent, transparent 13px, rgba(245, 245, 245, 1) 13px, rgba(245, 245, 245, 1) 14px ); transform: translateX(-50%); position: absolute; top: 0; left: 50%; z-index: -1; }
.feature .wrap{ position: relative; z-index: 0; padding-top: 160px; padding-bottom: 130px; }
.feature .wrap:before{ content: ''; width: 540px; height: 1390px; background: #f5f5f5; position: absolute; top: 0; right: 492px; transform: skewX(-20deg); z-index: -1; }
.feature .wrap:after{ content: ''; width: 790px; height: 1390px; background: #f5f5f5; position: absolute; bottom: 0; right: -780px; transform: skewX(-20deg); z-index: -1; }
.feature h2{ margin-bottom: 80px; }
.feature ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.feature ul li{ width: 425px; background: #fff; position: relative; box-shadow: 0px 10px 11px -2px rgba(0,0,0,0.12); padding-bottom: 80px; }
.feature ul li:nth-of-type(n+3){ margin-top: 50px; }
.feature ul li:nth-of-type(even){ top: 90px; }
.feature ul li .no{ font-size: 44px; position: absolute; top: 30px; left: 22px; }
.feature ul li img{ display: block; width: 370px; margin-left: auto; margin-bottom: 30px; }
.feature ul li img.on{ position: absolute; top: 0; right: 0; transition: .3s; opacity: 0; }
.feature ul li:hover img.on{ opacity: 1; }
.feature ul li h3{ padding: 0 40px; font-size: 17px; text-align: center; font-weight: 700; margin-bottom: 1em; }
.feature ul li p{ padding: 0 40px; font-size: 15px; }
.feature ul li a.btn-skew{ position: absolute; bottom: 0; left: 0; }
.feature ul li a.btn-skew:before{ content: none; }
.feature a.btn{ position: absolute; right: 0; bottom: 130px; }

.greeting{ position: relative; padding-top: 155px; padding-bottom: 130px; }
.greeting .img01{ width: 416px; height: 720px; position: absolute; top: 0; left: -275px; transform: skewX(-20deg); overflow: hidden; }
.greeting .img01 .inner{ width: 100%; height: 100%; background: url(../images/index/greeting01.jpg) no-repeat; background-size: cover; background-position: bottom 70px center; position: absolute; top: 0; left: 50%; transform: skewX(20deg) translateX(-50%) scale(1.65); }
.greeting .img02{ width: 280px; height: 345px; position: absolute; bottom: 0; left: -60px; transform: skewX(-20deg); overflow: hidden; z-index: -1; }
.greeting .img02 .inner{ width: 100%; height: 100%; background: url(../images/index/greeting02.jpg) no-repeat; background-size: cover; background-position: bottom -20px center; position: absolute; top: 0; left: 50%; transform: skewX(20deg) translateX(-50%) scale(1.65); }
.greeting .content{ width: 425px; margin-left: auto; }
.greeting h2{ margin-bottom: 45px; }
.greeting p{ font-size: 15px; line-height: 2.8; margin-bottom: 25px; }
.greeting dl{ margin-bottom: 35px; }
.greeting dl dt{ font-size: 13px; text-align: right; line-height: 1; }
.greeting dl dd{ font-size: 26px; text-align: right; }
.greeting a.btn{ margin-left: auto; }

.treatment{ background: #f5f5f5; padding: 155px 0 130px; }
.treatment h2{ margin-bottom: 55px; }
.treatment a.btn{ margin: 55px auto 0; }

.clinic{ padding: 125px 0; position: relative; z-index: 0; }
.clinic:after{ content: ''; width: 100%; height: 263px; background: #f5f5f5; position: absolute; bottom: 0; left: 0; z-index: -1; }
.clinic .content{ width: 325px; margin-left: auto; }
.clinic h2{ /*margin-bottom: 160px;*/margin-bottom: 70px; position: relative; z-index: 10; }
.clinic p{ padding: 0px 0px 45px; }
.clinic a.btn{ position: relative; z-index: 10; }
.swiper-container.clinic-slide-wrap{ width: 1430px; overflow: visible; position: absolute; left: calc(50vw - 1430px); top: 50%; transform: translateY(-50%); }
.clinic-slide{ /*width: 1800px; position: absolute; right: 425px; top: -40px; */}
.clinic-slide li{ height: 360px; overflow: hidden; transform: skewX(-20deg); position: relative; /*margin-right: 18px;*/opacity: 0; transition: opacity .8s; }
.clinic-slide li.swiper-slide-visible{ opacity: 1; }
.clinic-slide li img{ position: absolute; top: 50%; left: 50%; width: 100%; transform: skewX(20deg) translate(-50%,-50%) scale(2.2); }
.clinic-slide li.slide01 .inner{ background-image: url(../images/index/clinic01.jpg); }
.clinic-slide li.slide02 .inner{ background-image: url(../images/index/clinic02.jpg); }
.clinic-slide li.slide03 .inner{ background-image: url(../images/index/clinic03.jpg); }
.clinic-slide li.slide04 .inner{ background-image: url(../images/index/clinic04.jpg); }
.clinic-slide li.slide05 .inner{ background-image: url(../images/index/clinic05.jpg); }
.clinic-slide li.slide06 .inner{ background-image: url(../images/index/clinic06.jpg); }
.clinic-slide li.slide07 .inner{ background-image: url(../images/index/clinic07.jpg); }
.clinic-slide li.slide08 .inner{ background-image: url(../images/index/clinic08.jpg); }

.foot-k{margin-bottom: 0px!important;}
.s-t{padding: 0px 0px 30px;}

.head-k{font-size: 11px;text-align: center;letter-spacing: -14px;}

header nav .logo img{ margin-bottom: -5px; }


.big{
			font-size: 36px;
			border-bottom: 5px solid #f0d746;
		}
		.name{
			font-weight: bold !important;
			font-size: 14px !important;
		}
		.certifi{
			font-weight: bold !important;
			font-size: 18px !important;
		}
		@media(max-width:768px){
			.certifi{
			font-weight: bold !important;
			font-size: 20px !important;
		}
		.big{
			font-size: 26px;
			border-bottom: 5px solid #f0d746;
		}
		}