@charset "UTF-8";
#main_yt {
  overflow: hidden;
  padding-bottom: 12vw;
}
#main_yt .title img {
  width: 100%;
}
#main_yt .title {
  width: 100vw;
}
#main_yt .yt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#main_yt .yt .frame {
  width: 61vw;
  height: 35.5vw;
  margin-right: 2vw;
}
#main_yt .yt .frame iframe {
  width: 100%;
  height: 100%;
  border-top: 0.9vw solid #92d0c6;
  border-right: 0.9vw solid #92d0c6;
  border-left: 0.9vw solid #9c9d9d;
  border-bottom: 0.9vw solid #9c9d9d;
}
#main_yt .yt .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#main_yt .yt .tv-btn {
  border: none;
}
#main_yt .yt .tv-btn img {
  width: 18.6vw;
  display: block;
  border-top: 0.4vw solid #92d0c6;
  border-right: 0.4vw solid #92d0c6;
  border-left: 0.4vw solid #9c9d9d;
  border-bottom: 0.4vw solid #9c9d9d;
}

#main_case {
  font-size: 3.5vw;
  overflow: hidden;
  position: relative;
}
#main_case img {
  width: 100%;
}
#main_case h2, #main_case h3 {
  font-size: inherit;
  font-weight: 500;
  color: #000;
  line-height: 1.5;
}
#main_case h3 {
  font-size: 3vw;
  color: #3eaa98;
}
#main_case h3 strong {
  font-weight: bold;
}
#main_case .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 11em;
  position: absolute;
  top: 0;
  left: 4%;
  height: 100%;
}
#main_case .title i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 3.5em;
  margin-top: -1em;
}
#main_case .title img {
  width: 1em;
}
#main_case .pic {
  width: calc(100% - 11em);
}
#main_case .pic img {
  width: 100%;
}

#main_visual {
  position: relative;
  overflow: hidden;
}
#main_visual img {
  width: 100%;
}

#main_visual .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.7s 0s;
  transition: all 0.7s 0s;
}

#main_visual .txt01 {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

#main_visual .txt02 {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

#main_visual .txt03 {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

#main_visual .active .txt01 {
  -webkit-transition: all 0.7s 0.6s;
  transition: all 0.7s 0.6s;
}

#main_visual .active .txt02 {
  -webkit-transition: all 0.7s 0.7s;
  transition: all 0.7s 0.7s;
}

#main_visual .active .txt03 {
  -webkit-transition: all 0.7s 0.8s;
  transition: all 0.7s 0.8s;
}

#main_visual .swiper-slide {
  position: relative;
  padding-bottom: 148%;
  background: no-repeat center;
  background-size: cover;
  height: 100vw;
}

#main_visual .swiper-slide a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*#main_visual .swiper-slide.slide01 {background-image:url('/m/images/main/main__new_visual01_bg.jpg');}*/
#main_visual .swiper-slide.slide01 {
  background: url("/m/images/main/visual/doc.jpg") center/100% no-repeat;
}

#main_visual .swiper-slide.slide02 {
  background-image: url("/m/images/main/main_visual01_bg.jpg");
}

#main_visual .swiper-slide.slide03 {
  background-image: url("/m/images/main/main_visual03_bg.jpg");
}

#main_visual .swiper-slide.slide04 {
  background-image: url("/m/images/main/main_visual04_bg.jpg");
}

#main_visual .swiper-slide.slide05 {
  background-image: url("/m/images/main/main_visual05_bg.jpg");
}

#main_visual .swiper-slide.active .txt {
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}

#main_visual .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 6.25%;
  text-align: left;
  padding: 0;
  margin-bottom: 12.77%;
  padding: 0;
}

#main_visual .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  border-radius: 100%;
  border: 1px solid #fff;
  opacity: 1;
  background: transparent;
}

#main_visual .swiper-pagination-bullet-active {
  background: #fff;
}

#main_visual .swiper-slide.slide_blem {
  background-image: url("/m/images/main/main_visual_blem.jpg");
}

#main_search {
  background: #151515;
}

#main_search .inwrap {
  padding: 30px 40px 35px;
}

#main_search .fbox {
  position: relative;
  padding-right: 24px;
  border-bottom: 1px solid #fff;
}

#main_search .fbox input[type=text] {
  height: 35px;
  width: 100%;
  padding-left: 0;
  border: 0;
  font-size: 15px;
  font-weight: 400;
  color: #51aa98;
  background: transparent;
}

#main_search .fbox input[type=image] {
  position: absolute;
  top: 8px;
  right: 2px;
  width: 18px;
}

#main_search .top_recommend {
  position: relative;
  margin-top: 10px;
}

#main_search .top_recommend strong {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17px;
  color: #fff;
  font-weight: 700;
}

#main_search .top_recommend p {
  overflow: hidden;
  height: 20px;
  margin-right: -12px;
}

#main_search .top_recommend a {
  display: inline-block;
  margin-right: 8px;
  font-size: 12px;
  color: #7c7c7c;
  font-weight: 300;
}

#main_search input::-webkit-input-placeholder {
  color: #51aa98;
}

#main_search input:-moz-placeholder {
  color: #51aa98;
}

#main_search input::-moz-placeholder {
  color: #51aa98;
}

#main_search input::-ms-input-placeholder {
  color: #51aa98;
}

#main_search input:-ms-input-placeholder {
  color: #51aa98;
}

#main_search input::input-placeholder {
  color: #51aa98;
}

#main_count {
  padding: 12.5% 0;
  color: #fff;
  text-align: center;
  background: url("/m/images/main/main_count_bg.jpg") no-repeat center;
  background-size: cover;
}

#main_count .title {
  font-size: 5.27777vw;
  line-height: 1.315789;
  letter-spacing: -0.05em;
  font-weight: 500;
}

#main_count .count_wrap {
  font-size: 0;
  line-height: 1.01;
  text-align: center;
}

#main_count .count_wrap > div {
  display: inline-block;
  margin-top: 5.7vw;
  position: relative;
}

#main_count .count_wrap > div + div::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 3.194vw;
  margin-top: 0.5vw;
  background: #c4dddf;
  content: "";
}

#main_count .count_wrap strong {
  font-size: 2.5vw;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.68);
  letter-spacing: 0;
}

#main_count .count_wrap .count {
  overflow: hidden;
  margin-top: 1.388vw;
  padding: 0 5.55vw;
}

#main_count .count_wrap .count .inbox {
  margin-top: -2vw;
}

#main_count .count_wrap .count * {
  font-family: "Cormorant Garamond", serif;
  font-size: 9.7222vw;
  line-height: 1;
  text-align: left;
  letter-spacing: 0;
}

#main_count .count_wrap .count .odometer-digit {
  margin: 0 -0.3vw;
}

#main_count .ctxt {
  margin-top: 5.55vw;
  font-size: 2.5vw;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  line-height: 1.5;
}

#count01 .odometer-formatting-mark {
  display: none;
}

#main_cont01 img {
  display: block;
  width: 100%;
}

#main_cont02 img {
  display: block;
  width: 100%;
}

#main_event {
  padding: 0 0 13.88vw;
}

#main_event .title {
  padding: 13.88vw 22px 27.777%;
  background: #000;
}

#main_event .title .tit {
  font-family: "Cormorant Garamond", serif;
  font-size: 9.7222vw;
  line-height: 1;
  color: #fff;
  letter-spacing: 0;
}

#event_menu ul {
  overflow: hidden;
  margin-top: 4.15vw;
}

#event_menu li {
  float: left;
  width: 33.333%;
  text-align: center;
}

#event_menu li a {
  display: block;
  position: relative;
  padding: 0 2.8vw;
  font-size: 3.0555vw;
  white-space: nowrap;
  line-height: 3;
  color: #8d8b8b;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

#event_menu li a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  height: 1px;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  content: "";
}

#event_menu li.on a {
  color: #fff;
  font-weight: 700;
}

#event_menu li.on a::after {
  left: 0;
  right: 0;
  opacity: 1;
}

/*
#event_swiper_menu {margin:4vw -22px 0;}
#event_swiper_menu .swiper-container {padding:0 22px;}
#event_swiper_menu .swiper-slide {width:auto;}
#event_swiper_menu .swiper-slide a {display:block; position:relative; padding:0 2.8vw; font-size:3.0555vw; white-space:nowrap; line-height:3; color:#8d8b8b; transition:color 0.4s;}
#event_swiper_menu .swiper-slide a::after {position:absolute; bottom:0; left:50%; right:50%; height:1px; background:#fff; opacity:0; transition:all 0.4s; content:'';}
#event_swiper_menu .swiper-slide.on a {color:#fff; font-weight:700;}
#event_swiper_menu .swiper-slide.on a::after {left:0; right:0; opacity:1;}
*/
#main_event .hotdeal_wrap {
  margin-top: -26%;
  padding: 0 22px;
}

#main_event .m_nodata {
  width: 100%;
  padding: 5%;
  text-align: center;
}

#main_event .hotdeal_list li {
  display: none;
}

#main_event .hotdeal_list li:nth-child(1) {
  display: block;
}

#main_event .hotdeal_list li:nth-child(2) {
  display: block;
}

#main_event.open .hotdeal_list li {
  display: block;
}

#laser {
  position: relative;
  z-index: 2;
  background: url("/images/main/signature_bg.jpg") no-repeat center fixed;
  background-size: cover;
}

#laser {
  padding: 11.8% 22px 13.88%;
}

#laser .top {
  position: relative;
  margin-bottom: 4.444vw;
}

#laser .tit {
  font-family: "Cormorant Garamond", serif;
  font-size: 9.722vw;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  line-height: 1;
}

#laser .top a {
  position: absolute;
  bottom: 12px;
  right: 0;
}

#laser .controls {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 69px;
  height: 33px;
  margin-bottom: 2%;
}

#laser .swiper-button-prev,
#laser .swiper-button-next {
  width: 33px;
  height: 33px;
  margin-top: -16px;
  background: url("/images/main/icon_signature_arr.png") no-repeat center;
  background-size: contain;
}

#laser .swiper-button-prev {
  left: 0;
}

#laser .swiper-button-next {
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

#laser_swiper {
  position: relative;
}

#laser_swiper .swiper-container {
  margin-right: -22px;
  padding-right: 22px;
}

#laser_swiper .swiper-slide {
  width: 55.555vw;
}

#laser_swiper .img_wrap {
  position: relative;
  padding-bottom: 127.5%;
}

#laser_swiper .img_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#laser_swiper .ovr {
  display: none;
}

/*
#laser_swiper .swiper-pagination {position:absolute; bottom:0; width:100%; font-size:0; padding:0; text-align:center;}
#laser_swiper .swiper-pagination-bullet {width:12px; height:12px; margin:0 7px; border-radius:100%; border:1px solid #fff; opacity:1; background:transparent; transition:all 0.4s;}
#laser_swiper .swiper-pagination-bullet-active {background:#fff;}
*/
#main_board {
  position: relative;
  z-index: 2;
  padding: 11.1111% 22px 22.2222%;
  background: #fff;
}

#main_board .top {
  position: relative;
  margin-bottom: 4.444vw;
}

#main_board .top .tit {
  font-family: "Cormorant Garamond", serif;
  font-size: 9.7222vw;
  font-weight: 400;
  line-height: 1;
  color: #000000;
}

#main_board .top .more {
  position: absolute;
  bottom: 2.4vw;
  right: 0;
  font-size: 2.5vw;
  padding-right: 4.44vw;
  color: #202020;
}

#main_board .top .more::after {
  position: absolute;
  top: 0;
  right: 0;
  color: #838383;
  content: "→";
}

#main_board .top a img {
  width: 11vw;
}

#main_board .movie_box {
  position: relative;
  padding-bottom: 56.25%;
}

#main_board .movie_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#media .controls {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 69px;
  height: 33px;
  margin-bottom: 2%;
}

#media .swiper-button-prev,
#media .swiper-button-next {
  width: 33px;
  height: 33px;
  margin-top: -16px;
  background: url("/images/main/icon_media_arr.png") no-repeat center;
  background-size: contain;
}

#media .swiper-button-prev {
  left: 0;
}

#media .swiper-button-next {
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

#media_swiper {
  margin-top: 5px;
}

#media_swiper .swiper-slide {
  width: 25vw;
}

#media_swiper .img_wrap {
  position: relative;
  padding-bottom: 56.14%;
}

#media_swiper .img_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#media_swiper .img_wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: url("/images/main/icon_youtube.png") no-repeat center rgba(0, 0, 0, 0.5);
  content: "";
}

#media_swiper .swiper-slide.on .img_wrap::before {
  opacity: 0;
}

#main_board .lounge {
  margin-top: 13.888vw;
}

#main_board .lounge ul {
  border-top: 1px solid #dddddd;
}

#main_board .lounge li {
  border-bottom: 1px solid #dddddd;
}

#main_board .lounge li a {
  display: block;
  position: relative;
  padding: 15px 15px 15px 80px;
}

#main_board .lounge li .date {
  position: absolute;
  top: 50%;
  left: 0;
  width: 75px;
  margin-top: -16px;
  font-family: "Lato", sans-serif;
  letter-spacing: 0;
  text-align: center;
  line-height: 1;
}

#main_board .lounge li .date strong {
  font-size: 17px;
  color: #151515;
  font-weight: 700;
}

#main_board .lounge li .date span {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  color: #a5a5a5;
  font-weight: 700;
}

#main_board .lounge li .tit {
  overflow: hidden;
  font-size: 14px;
  color: #151515;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#main_board .lounge li .tit span {
  color: #e5602d;
}

#main_board .lounge li .cont {
  overflow: hidden;
  margin-top: 4px;
  font-size: 11px;
  color: #a5a5a5;
  font-weight: 300;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#main_board .lounge li a:hover .cont {
  color: #000;
}

.main-section {
  position: relative;
  color: #fff;
  line-height: 0;
}
.main-section .bg {
  width: 100%;
}
.main-section .txt-wr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
}

#main_column .txt-wr {
  padding-left: 7%;
}
#main_column .title {
  font-size: 3.6vw;
  font-weight: 400;
}
#main_column .title::after {
  content: "";
  display: block;
  width: 3em;
  height: 1px;
  background: #fff;
  margin: 1em 0;
}
#main_column .stxt {
  font-size: 5vw;
  font-weight: 500;
  padding-bottom: 1em;
}
#main_column .ctxt {
  font-size: 2.7vw;
  font-weight: 300;
  line-height: 1.6;
}

#main_blog .txt-wr {
  padding-right: 7%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: right;
}
#main_blog .txt-wr a img {
  width: 10vw;
}
#main_blog .tit {
  font-size: 3.6vw;
  font-weight: 400;
  padding: 1em 0;
}
#main_blog .stit {
  font-size: 5vw;
  font-weight: 500;
  padding-bottom: 1em;
}
#main_blog .stxt {
  font-size: 2.7vw;
  font-weight: 300;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#main_blog .stxt strong {
  color: #feffb8;
}