/* コンテンツ幅 */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

.content {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .content {
      padding: 0 10px;
  }
}

/*デスクトップ*/
/*h1*/
.s-h-l {
  font-weight:bold;
  font-size: 36px;
}
/*h2*/
.s-h-m {
  font-weight:bold;
  font-size: 32px;
}
/*h3*/
.s-h-s {
  font-weight:bold;
  font-size: 28px;
}
/*h4*/
.s-h-xs {
  font-weight:bold;
  font-size: 24px;
}
/*h5*/
.s-h-xxs {
  font-weight:bold;
  font-size: 20px;
}

/*モバイル*/
@media screen and (max-width: 767px) {
  /*h1*/
  .s-h-l {
    font-size: 32px;
  }
  /*h2*/
  .s-h-m {
    font-size: 28px;
  }
  /*h3*/
  .s-h-s {
    font-size: 24px;
  }
  /*h4*/
  .s-h-xs {
    font-size: 20px;
  }
  /*h5*/
  .s-h-xxs {
    font-size: 16px;
  }
}


/*デスクトップ*/
/*本文L*/
.s-fs-l {
  font-size: 18px;
}
/*本文M*/
.s-fs-m {
  font-size: 16px;
}
/*本文S*/
.s-fs-s {
  font-size: 14px;
}

/*モバイル*/
@media screen and (max-width: 767px) {
  /*本文L-sp*/
  .s-fs-l {
    font-size: 16px;
  }
  /*本文M-sp*/
  .s-fs-m {
    font-size: 14px;
  }
  /*本文S-sp*/
  .s-fs-s {
    font-size: 12px;
  }
}


/*padding*/
.s-p4 {padding: 4px;}
.s-p8 {padding: 8px;}
.s-p12 {padding: 12px;}
.s-p16 {padding: 16px;}
.s-p24 {padding: 24px;}
.s-p32 {padding: 32px;}
.s-p40 {padding: 40px;}
.s-p48 {padding: 48px;}
.s-p64 {padding: 64px;}

/*padding-top*/
.s-pt4 {padding-top: 4px;}
.s-pt8 {padding-top: 8px;}
.s-pt12 {padding-top: 12px;}
.s-pt16 {padding-top: 16px;}
.s-pt24 {padding-top: 24px;}
.s-pt32 {padding-top: 32px;}
.s-pt40 {padding-top: 40px;}
.s-pt48 {padding-top: 48px;}
.s-pt64 {padding-top: 64px;}

/*padding-right*/
.s-pr4 {padding-right: 4px;}
.s-pr8 {padding-right: 8px;}
.s-pr12 {padding-right: 12px;}
.s-pr16 {padding-right: 16px;}
.s-pr24 {padding-right: 24px;}
.s-pr32 {padding-right: 32px;}
.s-pr40 {padding-right: 40px;}
.s-pr48 {padding-right: 48px;}
.s-pr64 {padding-right: 64px;}

/*padding-bottom*/
.s-pb4 {padding-bottom: 4px;}
.s-pb8 {padding-bottom: 8px;}
.s-pb12 {padding-bottom: 12px;}
.s-pb16 {padding-bottom: 16px;}
.s-pb24 {padding-bottom: 24px;}
.s-pb32 {padding-bottom: 32px;}
.s-pb40 {padding-bottom: 40px;}
.s-pb48 {padding-bottom: 48px;}
.s-pb64 {padding-bottom: 64px;}

/*padding-left*/
.s-pl4 {padding-left: 4px;}
.s-pl8 {padding-left: 8px;}
.s-pl12 {padding-left: 12px;}
.s-pl16 {padding-left: 16px;}
.s-pl24 {padding-left: 24px;}
.s-pl32 {padding-left: 32px;}
.s-pl40 {padding-left: 40px;}
.s-pl48 {padding-left: 48px;}
.s-pl64 {padding-left: 64px;}

/*レスポンシブ*/
@media screen and (max-width: 767px) {
  /*padding*/
  .s-p48,.s-p64 {padding: 40px;}

  /*padding-top*/
  .s-pt48,.s-pt64 {padding-top: 40px;}

  /*padding-right*/
  .s-pr48,.s-pr64 {padding-right: 40px;}

  /*padding-bottom*/
  .s-pb48,.s-pb64 {padding-bottom: 40px;}

  /*padding-left*/
  .s-pl48,.s-pl64 {padding-left: 40px;}
}


/*margin*/
.s-m4 {margin: 4px !important;}
.s-m8 {margin: 8px !important;}
.s-m12 {margin: 12px !important;}
.s-m16 {margin: 16px !important;}
.s-m24 {margin: 24px !important;}
.s-m32 {margin: 32px !important;}
.s-m40 {margin: 40px !important;}
.s-m48 {margin: 48px !important;}
.s-m64 {margin: 64px !important;}
.s-m96 {margin: 96px !important;}
.s-m128 {margin: 128px !important;}

/*margin-top*/
.s-mt4 {margin-top: 4px !important;}
.s-mt8 {margin-top: 8px !important;}
.s-mt12 {margin-top: 12px !important;}
.s-mt16 {margin-top: 16px !important;}
.s-mt24 {margin-top: 24px !important;}
.s-mt32 {margin-top: 32px !important;}
.s-mt40 {margin-top: 40px !important;}
.s-mt48 {margin-top: 48px !important;}
.s-mt64 {margin-top: 64px !important;}
.s-mt96 {margin-top: 96px !important;}
.s-mt128 {margin-top: 128px !important;}

/*margin-right*/
.s-mr4 {margin-right: 4px !important;}
.s-mr8 {margin-right: 8px !important;}
.s-mr12 {margin-right: 12px !important;}
.s-mr16 {margin-right: 16px !important;}
.s-mr24 {margin-right: 24px !important;}
.s-mr32 {margin-right: 32px !important;}
.s-mr40 {margin-right: 40px !important;}
.s-mr48 {margin-right: 48px !important;}
.s-mr64 {margin-right: 64px !important;}
.s-mr96 {margin-right: 96px !important;}
.s-mr128 {margin-right: 128px !important;}

/*margin-bottom*/
.s-mb4 {margin-bottom: 4px !important;}
.s-mb8 {margin-bottom: 8px !important;}
.s-mb12 {margin-bottom: 12px !important;}
.s-mb16 {margin-bottom: 16px !important;}
.s-mb24 {margin-bottom: 24px !important;}
.s-mb32 {margin-bottom: 32px !important;}
.s-mb40 {margin-bottom: 40px !important;}
.s-mb48 {margin-bottom: 48px !important;}
.s-mb64 {margin-bottom: 64px !important;}
.s-mb96 {margin-bottom: 96px !important;}
.s-mb128 {margin-bottom: 128px !important;}

/*margin-left*/
.s-ml4 {margin-left: 4px !important;}
.s-ml8 {margin-left: 8px !important;}
.s-ml12 {margin-left: 12px !important;}
.s-ml16 {margin-left: 16px !important;}
.s-ml24 {margin-left: 24px !important;}
.s-ml32 {margin-left: 32px !important;}
.s-ml40 {margin-left: 40px !important;}
.s-ml48 {margin-left: 48px !important;}
.s-ml64 {margin-left: 64px !important;}
.s-ml96 {margin-left: 96px !important;}
.s-ml128 {margin-left: 128px !important;}

/*レスポンシブ*/
@media screen and (max-width: 767px) {
  /*margin*/
  .s-m48,.s-m64,.s-m96,.s-m128 {margin: 40px !important;}

  /*margin-top*/
  .s-mt48,.s-mt64,.s-mt96,.s-mt128 {margin-top: 40px !important;}

  /*margin-right*/
  .s-mr48,.s-mr64,.s-mr96,.s-mr128 {margin-right: 40px !important;}

  /*margin-bottom*/
  .s-mb48,.s-mb64,.s-mb96,.s-mb128 {margin-bottom: 40px !important;}

  /*margin-left*/
  .s-ml48,.s-ml64,.s-ml96,.s-ml128 {margin-left: 40px !important;}
}


:root {
  /* カラー */
  --GMO-blue: #005BAC;
  --s-gray: #5A5858;

  --s-black: #000000;
  --s-white: #FFFFFF;

  --s-yellow: #FFC72C;
  --s-green: #27AE60;
  --s-red: #E63946;
  --s-orange: #FF7A00;

  --s-gray120: #1D1D1D;
  --s-gray80: #757374;
  --s-gray60: #A9A8A7;
  --s-gray40: #DFDDDE;
  --s-gray20: #F8F8F8;

  --s-blue160: #002445;
  --s-blue140: #003667;
  --s-blue120: #004889;
  --s-blue80: #337BBC;
  --s-blue60: #669CCD;
  --s-blue40: #99BDDE;
  --s-blue20: #CCDEEE;

  --s-yellow160: #665011;
  --s-yellow140: #99771A;
  --s-yellow120: #CC9F23;
  --s-yellow80: #FFD256;
  --s-yellow60: #FFDD80;
  --s-yellow40: #FFE9AA;
  --s-yellow20: #FFF4D4;

  --s-red160: #5C161C;
  --s-red140: #8A222A;
  --s-red120: #B82D38;
  --s-red80: #EB606B;
  --s-red60: #F08890;
  --s-red40: #F5AFB5;
  --s-red20: #FAD7DA;

  --s-green160: #0F4626;
  --s-green140: #176839;
  --s-green120: #1F8B4C;
  --s-green80: #52BE7F;
  --s-green60: #7DCE9F;
  --s-green40: #A8DFBF;
  --s-green20: #D3EFDF;

  --s-orange160: #663100;
  --s-orange140: #994900;
  --s-orange120: #CC6100;
  --s-orange80: #FF9433;
  --s-orange60: #FFAF66;
  --s-orange40: #FFCA99;
  --s-orange20: #FFE4CC;
}

/*css カラー*/
  .GMO-blue {background: var(--GMO-blue);}
  .s-gray {background: var(--s-gray);}
  .s-black {background: var(--s-black);}
  .s-white {background: var(--s-white);}
  .s-yellow {background: var(--s-yellow);}
  .s-green {background: var(--s-green);}
  .s-red {background: var(--s-red);}
  .s-orange {background: var(--s-orange);}
  .s-gray120 {background: var(--s-gray120);}
  .s-gray80 {background: var(--s-gray80);}
  .s-gray60 {background: var(--s-gray60);}
  .s-gray40 {background: var(--s-gray40);}
  .s-gray20 {background: var(--s-gray20);}
  .s-blue160 {background: var(--s-blue160);}
  .s-blue140 {background: var(--s-blue140);}
  .s-blue120 {background: var(--s-blue120);}
  .s-blue80 {background: var(--s-blue80);}
  .s-blue60 {background: var(--s-blue60);}
  .s-blue40 {background: var(--s-blue40);}
  .s-blue20 {background: var(--s-blue20);}
  .s-yellow160 {background: var(--s-yellow160);}
  .s-yellow140 {background: var(--s-yellow140);}
  .s-yellow120 {background: var(--s-yellow120);}
  .s-yellow80 {background: var(--s-yellow80);}
  .s-yellow60 {background: var(--s-yellow60);}
  .s-yellow40 {background: var(--s-yellow40);}
  .s-yellow20 {background: var(--s-yellow20);}
  .s-red160 {background: var(--s-red160);}
  .s-red140 {background: var(--s-red140);}
  .s-red120 {background: var(--s-red120);}
  .s-red80 {background: var(--s-red80);}
  .s-red60 {background: var(--s-red60);}
  .s-red40 {background: var(--s-red40);}
  .s-red20 {background: var(--s-red20);}
  .s-green160 {background: var(--s-green160);}
  .s-green140 {background: var(--s-green140);}
  .s-green120 {background: var(--s-green120);}
  .s-green80 {background: var(--s-green80);}
  .s-green60 {background: var(--s-green60);}
  .s-green40 {background: var(--s-green40);}
  .s-green20 {background: var(--s-green20);}
  .s-orange160 {background: var(--s-orange160);}
  .s-orange140 {background: var(--s-orange140);}
  .s-orange120 {background: var(--s-orange120);}
  .s-orange80 {background: var(--s-orange80);}
  .s-orange60 {background: var(--s-orange60);}
  .s-orange40 {background: var(--s-orange40);}
  .s-orange20 {background: var(--s-orange20);}


  /*テキスト*/
.GMO-t-blue {color: var(--GMO-blue);}
.s-t-gray {color: var(--s-gray);}
.s-t-black {color: var(--s-black);}
.s-t-white {color: var(--s-white);}
.s-t-yellow {color: var(--s-yellow);}
.s-t-green {color: var(--s-green);}
.s-t-red {color: var(--s-red);}
.s-t-orange {color: var(--s-orange);}
.s-t-gray120 {color: var(--s-gray120);}
.s-t-gray80 {color: var(--s-gray80);}
.s-t-gray60 {color: var(--s-gray60);}
.s-t-gray40 {color: var(--s-gray40);}
.s-t-gray20 {color: var(--s-gray20);}
.s-t-blue160 {color: var(--s-blue160);}
.s-t-blue140 {color: var(--s-blue140);}
.s-t-blue120 {color: var(--s-blue120);}
.s-t-blue80 {color: var(--s-blue80);}
.s-t-blue60 {color: var(--s-blue60);}
.s-t-blue40 {color: var(--s-blue40);}
.s-t-blue20 {color: var(--s-blue20);}
.s-t-yellow160 {color: var(--s-yellow160);}
.s-t-yellow140 {color: var(--s-yellow140);}
.s-t-yellow120 {color: var(--s-yellow120);}
.s-t-yellow80 {color: var(--s-yellow80);}
.s-t-yellow60 {color: var(--s-yellow60);}
.s-t-yellow40 {color: var(--s-yellow40);}
.s-t-yellow20 {color: var(--s-yellow20);}
.s-t-red160 {color: var(--s-red160);}
.s-t-red140 {color: var(--s-red140);}
.s-t-red120 {color: var(--s-red120);}
.s-t-red80 {color: var(--s-red80);}
.s-t-red60 {color: var(--s-red60);}
.s-t-red40 {color: var(--s-red40);}
.s-t-red20 {color: var(--s-red20);}
.s-t-green160 {color: var(--s-green160);}
.s-t-green140 {color: var(--s-green140);}
.s-t-green120 {color: var(--s-green120);}
.s-t-green80 {color: var(--s-green80);}
.s-t-green60 {color: var(--s-green60);}
.s-t-green40 {color: var(--s-green40);}
.s-t-green20 {color: var(--s-green20);}
.s-t-orange160 {color: var(--s-orange160) !important;}
.s-t-orange140 {color: var(--s-orange140) !important;}
.s-t-orange120 {color: var(--s-orange120) !important;}
.s-t-orange80 {color: var(--s-orange80) !important;}
.s-t-orange60 {color: var(--s-orange60) !important;}
.s-t-orange40 {color: var(--s-orange40) !important;}
.s-t-orange20 {color: var(--s-orange20) !important;}
/* 文字詰め */
.u-kn {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
}

/* 文字の位置 */
.u-ta-c {
  text-align: center !important;
}

.u-ta-l {
  text-align: left !important;
}

.u-ta-r {
  text-align: right !important;
}

.u-fw-b {
  font-weight: bold !important;
}

.u-fw-n {
  font-weight: normal !important;
}

.u-td-u {
  text-decoration: underline !important;
}


/* レスポンス スマホ　パソコン　非表示対応 */

.d-pc-n {
  display: none !important;
}

@media (max-width: 767px) {
  .d-sp-n {
    display: none !important;
  }

  .d-pc-n {
    display: block !important;
  }


}

  /* マーカー */
  .u-hl {
    background: linear-gradient(transparent 0, var(--s-yellow80) 0);
    font-weight: bold;
    padding: 0.3em;
}