/* 메인 */
.link {background-color: #ff8a00; color: #fff; padding: 0 35px; border-radius: 100px; line-height: 2.5; display: inline-block;}
.link a {display: block; width: inherit;}

.watermark {opacity: 0.1; color: #606060; font-size: 5rem; text-transform: uppercase; letter-spacing: -0.2rem;}


#main {}
#main .section { width:100%; position:relative; overflow: hidden;}

#main .section .inner {position:relative;}



#main .section .vinner {display: flex; flex-direction: column; justify-content: center; width: 100%;}
#main .section .vinner .valign {}

#visual { background: url(../pc/images/main_visual1.jpg) center; background-size: cover; height: 700px; color: #fff; }
#visual .inner, #visual .vinner {height: inherit;}

#section1 { padding-bottom: 3rem; }

#section1 .section1_left {width:100%; float: left; margin-top: 6rem;}
#section1 .section1_right {width:100%; float: left; padding-top: 3rem;}
#section1 .section1_right img {height: 280px;}
#section1 .section1_right .swiper-slide {width: auto;}

.section1_right .num {font-weight: bold; font-style: italic; margin-right: 1.1rem;}
#section1 .clearfix {height: 0; width: 0;}
#section1 .watermark {position: absolute; bottom: -2rem; z-index: -1; right: -0.5rem; }
#section1 .link {margin-bottom: 60px;}





#section2 {width: auto !important; background: url(../pc/images/section2_bg.jpg) 25% top no-repeat; background-size: cover; height: 960px; display: flex; flex-direction: column; justify-content: center;}

#section2 .section2_left {position: relative; width: 100%;padding: 0 1.1rem;}
#section2 .section2_right {width: 100%; padding: 1.1rem; margin: 0; margin-top: 1.3636rem; }
#section2 .section2_right .swiper-slide {width: 250px !important; height: 368px; color: #fff; background-size: cover;}
#section2 .section2_right .clinic1 {background-image: url(../pc/images/section2_clinic1.jpg);}
#section2 .section2_right .clinic2 {background-image: url(../pc/images/section2_clinic2.jpg);}
#section2 .section2_right .clinic3 {background-image: url(../pc/images/section2_clinic3.jpg);}
#section2 .section2_right .clinic4 {background-image: url(../pc/images/section2_clinic4.jpg);}
#section2 .section2_right .swiper-slide-active {top: -1.1rem; }

#section2 .section2_right .swiper-slide a {width: inherit; height: inherit; padding: 2rem 1.136rem;  display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;}
#section2 .section2_right .swiper-slide a > * {position: relative; width: 100%;}
#section2 .section2_right .swiper-slide h3 {font-weight: 800;}
#section2 .section2_right .swiper-slide span {font-size: 0.9rem; display: inline-block; -webkit-transition:all 0.2s; transition:all 0.2s;}
#section2 .section2_right .swiper-slide span::before {content: ""; width: 0; height: 1px; border: 0; background-color: #fff; float: left; position: relative; top: 0.5rem; opacity: 0.4; -webkit-transition:all 0.4s; transition:all 0.4s;}
#section2 .section2_right .swiper-slide span::after {content: ""; width: 85%; height: 1px; border: 0; background-color: #fff; float: right; position: relative; top: 0.5rem; opacity: 0.4; -webkit-transition:all 0.4s; transition:all 0.4s;}
#section2 .section2_right .swiper-slide:hover span {text-align: right;}
#section2 .section2_right .swiper-slide:hover span::before {width: 85%;}
#section2 .section2_right .swiper-slide:hover span::after {width: 0;}




#section3 {background:url(../pc/images/section3_bg.jpg) center top no-repeat #f0f0f0; padding: 6rem 0; }
#section3 .inner {position: relative;}
#section3 .swiper-slide {width:100%; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 1.818rem;}
#section3 .swiper-slide .topbox {width: 100%; position: relative; margin-top: 1.818rem; }
#section3 .swiper-slide > img {width: 100%; position: relative;}
#section3 .swiper-scrollbar {border-radius: 0; top: 0; left: 0.9rem; z-index: 1000;}
#section3 .swiper-pagination {font-style: italic; width: 15%; left: auto; right: 0; top: -0.9rem; font-weight: 700; z-index: 1000;}
#section3 .swiper-pagination span {padding: 0 0.1em;}


#section4 {padding: 6rem 0;display:flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
#section4 > div {width: 600px; position: relative;}
#section4 .profile { border: 0.45rem #ff8a00 solid; padding: 2.5rem 2.27rem;}


#section5 {background-color: #505050; padding: 6rem 0; }
#section5 .inner {width:100%; margin-top: 0.9rem; display: flex; flex-direction: column; justify-content: center;}
#section5 .inner > div {width: 500px;  margin:0.9rem auto; background-color: #fff; padding: 2.045rem 1.818rem;}
#section5 .inner .cs {background-color: #626262; color: #fff; height: 470px; }
#section5 .cs h1 {font-size: 3.5rem;}
#section5 .cs .timebox {width: 75%; margin: 20px auto 0;} 
#section5 .cs .timebox li {float: left;}
#section5 .cs .timebox li.day {width: 30%;}
#section5 .cs .timebox li.time {width: 70%; }
#section5 .inner .output_box {font-size: 1rem; line-height: 1.7;}
#section5 .inner .output_box img {display: none;}



@media only screen and (max-width:640px) {

  #visual {height: 109.375vw;}

  #section1 .section1_right img {height: 43.75vw;}

  #section2 {height: 150vw;}
  #section2 .section2_right .swiper-slide {width: 39.0625vw !important; height: 57.5vw;}

  #section4 > div {width: 93.75vw;}

  #section5 .inner > div {width: 78.125vw;}
  #section5 .inner .cs {height: 73.5vw;}

  #notice {padding: 6vw 0;}
  #notice .inner a.title {width: 21.5625vw; height: 4.6875vw; text-indent: -3333px; margin-right: 50px; display: block; background-size: contain;}
  #notice .inner .output_box {width:60%; font-size: 3.1vw; line-height: 1.5;}


}