@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.sec {
  padding: 0 0 100px; }
  @media screen and (max-width: 480px) {
    .sec {
      padding-bottom: 50px; } }
  .sec.first_sec {
    padding-top: 80px; }
    @media screen and (max-width: 480px) {
      .sec.first_sec {
        padding-top: 40px; } }

.inner_main {
  position: relative; }

/*.sec_ttl_wrap{
	display: flex;
	flex-direction: column;
	row-gap:30px;
}*/
.page_ttl_wrap .page_ttl_icon {
  text-align: center; }
  @media screen and (max-width: 480px) {
    .page_ttl_wrap .page_ttl_icon {
      width: 11%;
      margin: 0 auto; } }
.page_ttl_wrap .page_ttl {
  font-size: clamp(30px, 5.455vw, 60px);
  margin: 0.3em auto 0.8em;
  text-align: center;
  line-height: 1.3; }
  @media screen and (max-width: 480px) {
    .page_ttl_wrap .page_ttl {
      font-size: calc(30vw / 3.9); } }
  .page_ttl_wrap .page_ttl .en {
    display: block;
    font-weight: 600;
    letter-spacing: 0.15em; }
  .page_ttl_wrap .page_ttl .ja {
    display: block;
    font-weight: 600;
    font-size: clamp(14px, 1.728vw, 19px);
    letter-spacing: 0.12; }
    @media screen and (max-width: 480px) {
      .page_ttl_wrap .page_ttl .ja {
        font-size: calc(14vw / 3.9); } }

.main_ttl {
  font-size: clamp(16px, 2.637vw, 29px);
  font-feature-settings: "palt";
  letter-spacing: 0.12em;
  line-height: 1.9;
  margin-bottom: 1.5em; }
  @media screen and (max-width: 480px) {
    .main_ttl {
      font-size: calc(18vw / 3.9);
      line-height: 1.8;
      letter-spacing: 0.08em; } }

.main_read {
  font-size: clamp(12px, 1.637vw, 18px);
  font-feature-settings: "palt";
  letter-spacing: 0.12em;
  line-height: 2.4;
  color: #3e3a39; }
  @media screen and (max-width: 480px) {
    .main_read {
      font-size: calc(13vw / 3.9);
      line-height: 2;
      letter-spacing: 0.08em; } }

.sec_ttl {
  font-size: clamp(16px, 3.182vw, 35px);
  font-feature-settings: "palt";
  letter-spacing: 0.12em;
  line-height: 1.7;
  margin-bottom: 0.7em; }
  .sec_ttl .s2 {
    font-size: 80%; }
  @media screen and (max-width: 480px) {
    .sec_ttl {
      font-size: calc(19vw / 3.9);
      line-height: 1.6;
      letter-spacing: 0.08em;
      margin-bottom: 1em; } }

.sec_read {
  font-size: clamp(12px, 1.637vw, 18px);
  font-feature-settings: "palt";
  letter-spacing: 0.12em;
  line-height: 2.4;
  color: #3e3a39;
  margin-bottom: 3.3em; }
  @media screen and (max-width: 480px) {
    .sec_read {
      margin-bottom: 2.4em;
      font-size: calc(13vw / 3.9);
      line-height: 2;
      letter-spacing: 0.08em; } }

.sec_main {
  position: relative;
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec_main {
      margin-bottom: 30px; } }
  .sec_main .sec_main_ttl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    font-size: clamp(18px, 3.819vw, 42px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.12em;
    margin-bottom: 1.2em; }
    @media screen and (max-width: 480px) {
      .sec_main .sec_main_ttl {
        font-size: calc(22vw / 3.9);
        letter-spacing: 0.15em; } }

.ib {
  display: inline-block; }

.mdl_btn {
  max-width: 300px;
  width: 60%;
  margin: 12px auto 0; }

.mov_mdl li {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999;
  width: 100%;
  height: 100%;
  background: #e7e7e7;
  display: none; }
  .mov_mdl li .mbg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
  .mov_mdl li .inn {
    width: calc(100% - 20px);
    position: relative; }
    .mov_mdl li .inn .close {
      font-size: 36px;
      line-height: 1;
      position: absolute;
      left: 0;
      top: -40px;
      cursor: pointer; }

/*# sourceMappingURL=inner.css.map */