@charset "UTF-8";

.-noBg .topicPathWrap + .offerContents {
  -webkit-margin-before: 0;
  margin-block-start: 0;
}


/* --- icon --- */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?3xmadb');
  src:  url('fonts/icomoon.eot?3xmadb#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?3xmadb') format('truetype'),
    url('fonts/icomoon.woff?3xmadb') format('woff'),
    url('fonts/icomoon.svg?3xmadb#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-new_win:before {
  content: "\e900";
}



/* --- 全体wrap --- */
#wrapper {width: 100%; overflow: hidden;background-image: url("../img/teaser_bg.jpg"); background-position: top center; background-size: 100% auto; background-repeat: no-repeat;}
@media screen and (max-width: 767px) {
#wrapper {width: 100%; overflow: hidden;background-image: url("../img/teaser_bg.jpg"); background-position: top center; background-size: 150% auto; background-repeat: no-repeat;background-attachment: fixed;}
}

/* --- コンテンツwrap --- */
.cont-wrap {max-width: 1000px;margin: 0 auto;padding: 0;position: relative;z-index: 0;}
@media screen and (max-width: 767px) {
#wrapper {background-position: top 0 center;}
.cont-wrap {padding: 0 4vw 0 4vw;}
.np {padding: 0!important;}
}


/* --- メインビジュアル --- */
#mv-wrap {width: 100%;position: relative;}
#mv-wrap .mv_inner{width: 100%;position: relative;}
#mv-wrap .mv_title {width: 100%;text-align: center;}
#mv-wrap .mv_title img {width: calc(100% + 6%); margin-left: -3%; margin-right: 3%; max-width: none!important;}
#mv-wrap .mv_date {width: 100%;text-align: center; margin-top: -33%;}
#mv-wrap .mv_date img {width: 50%; max-width: 950px;}

#mv-wrap h3 {width: 100%;text-align: center; margin-top: 80px;}
#mv-wrap h3 img {width: 53%; max-width: 685px;}

@media screen and (min-width: 1920px) {
#mv-wrap .mv_title img {width: 1920px; margin-left: 0; margin-right: 0; max-width: 1920px!important;}
#mv-wrap .mv_date {width: 100%;text-align: center; margin-top: -600px;}
#mv-wrap .mv_date img {width: 950px; max-width: 950px;}
#mv-wrap h3 img {width: 100%; max-width: 685px;}
}

@media screen and (max-width: 767px) {
#mv-wrap .mv_title img {width: 100%; margin-left: 0; margin-right: 0; }
#mv-wrap .mv_date {width: 100%;text-align: center; margin-top: -30px;}
#mv-wrap .mv_date img {width: 85%; max-width: none;}
#mv-wrap h3 {width: 100%;text-align: center; margin-top: 30px;}
#mv-wrap h3 img {width: 100%; max-width: 685px;}
}


/* --- コンセプト --- */
#concept-wrap {width: 100%; font-family: 'Noto Serif JP', serif;font-size: 2rem; font-weight: 700; color: #000000; line-height: 2; text-align: center; padding: 60px 0 100px 0;}

@media screen and (max-width: 767px) {
#concept-wrap {width: 100%; font-family: 'Noto Serif JP', serif;font-size: 4.1vw; font-weight: 700; color: #000000; line-height: 2; text-align: center; padding:  30px 0 50px 0;}
}


/* --- ボタン --- */
.apply_btn_wrap {width: 100%; margin-top: 80px;}

a.app_entry { width: 100%; max-width: 700px; height: 90px; font-family: 'Noto Serif JP', serif!important; font-size: 2.4rem; font-weight: 900; line-height: 1; vertical-align: baseline; color: #ffffff; background: #1a0b08;border-radius: 5px;position: relative;display: flex;justify-content: center;align-items: center;flex-direction: row;margin: 0 auto;text-decoration: none;-webkit-transition: all .3s;transition: all .3s}
a.app_entry i{font-size: 1.1em!important;}

@media screen and (min-width: 767px) {
a.app_entry:hover {box-shadow: 0 0 0 #000000;transform:scale(1.05, 1.05);}
}

@media screen and (max-width: 767px) {
  a.app_entry {width: 90%;max-width: 700px;height: 60px;font-size: 1.8rem;margin: 0 auto 20px auto;}
 }
  
  



/* --- PC-SP change --- */
@media screen and (min-width: 767px) {
  .sp {display: none;}
}
@media screen and (max-width: 767px) {
  .pc {display: none;}
  .sp {display: inline;}
}
@media screen and (min-width: 1024px) {
  .pad {display: none;}
}

/* --- margin --- */
.mt_10 {margin-top: 10px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_50 {margin-top: 50px !important;}

.mb_10 {margin-bottom: 10px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_50 {margin-bottom: 50px !important;}
.mb_60 {margin-bottom: 60px !important;}
.mb_70 {margin-bottom: 70px !important;}
.mb_80 {margin-bottom: 80px !important;}

@media screen and (max-width: 767px) {
  .mt_10 {margin-top: 1vw !important;}
  .mt_20 {margin-top: 2vw !important;}
  .mt_30 {margin-top: 3vw !important;}
  .mt_50 {margin-top: 5vw !important;}
  .mb_10 {margin-bottom: 1vw !important;}
  .mb_20 {margin-bottom: 2vw !important;}
  .mb_30 {margin-bottom: 3vw !important;}
  .mb_40 {margin-bottom: 4vw !important;}
  .mb_50 {margin-bottom: 5vw !important;}
  .mb_60 {margin-bottom: 6vw !important;}
  .mb_70 {margin-bottom: 7vw !important;}
  .mb_80 {margin-bottom: 10vw !important;}
}

/* --- indent --- */
.txt_idt {  text-indent: -1em;padding-left: 1em;}

/* --- page link --- */
.page_link {margin-top: -100px;padding-top: 100px;display: block;}

/* --- all link --- */
a.alllink {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;z-index: 1;}