@charset "UTF-8";
/*********************************************************************
* 共通変数定義
**********************************************************************/
/*******************************************************
共通変数
********************************************************/
:root {
  --color: $green;
  --hover_color: $white;
  --hover_bg_color: $green;
  --tab_width: 20%;
  --src: "";
}

/*********************************************************************
* メディアクエリー定義
**********************************************************************/
/*********************************************************************
* font-face定義
**********************************************************************/
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100;
  src: url("./fonts/Noto-Sans-JP-100.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Noto-Sans-JP-100.eot?#iefix") format("embedded-opentype"), url("./fonts/Noto-Sans-JP-100.woff2") format("woff2"), url("./fonts/Noto-Sans-JP-100.woff") format("woff"), url("./fonts/Noto-Sans-JP-100.ttf") format("truetype"), url("./fonts/Noto-Sans-JP-100.svg#NotoSansJP") format("svg");
  /* Legacy iOS */
}
/* noto-sans-jp-regular - japanese */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/Noto-Sans-JP-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Noto-Sans-JP-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Noto-Sans-JP-regular.woff2") format("woff2"), url("./fonts/Noto-Sans-JP-regular.woff") format("woff"), url("./fonts/Noto-Sans-JP-regular.ttf") format("truetype"), url("./fonts/Noto-Sans-JP-regular.svg#NotoSansJP") format("svg");
  /* Legacy iOS */
}
/* noto-sans-jp-700 - japanese */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/Noto-Sans-JP-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Noto-Sans-JP-700.eot?#iefix") format("embedded-opentype"), url("./fonts/Noto-Sans-JP-700.woff2") format("woff2"), url("./fonts/Noto-Sans-JP-700.woff") format("woff"), url("./fonts/Noto-Sans-JP-700.ttf") format("truetype"), url("./fonts/Noto-Sans-JP-700.svg#NotoSansJP") format("svg");
  /* Legacy iOS */
}
/*******************************************************
* 調整用マージン・パディング追加
*******************************************************/
.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl100 {
  padding-left: 100px !important;
}

/*******************************************************
* スマホ用デザイン（調整クラス）
********************************************************/
.sp_only {
  display: block !important;
}

/*******************************************************
* スマホ・タブレット用デザイン（調整クラス）
********************************************************/
.tab_sp_only {
  display: block !important;
}

.tab_only {
  display: none !important;
}

.tab_pc_only {
  display: none !important;
}

.pc_only {
  display: none !important;
}

/*******************************************************
* タブレット用デザイン（調整クラス）
********************************************************/
@media (min-width: 480px) {
  .sp_only {
    display: none !important;
  }
  .tab_sp_only {
    display: block !important;
  }
  .tab_pc_only {
    display: block !important;
  }
  .tab_only {
    display: block !important;
  }
  .pc_only {
    display: none !important;
  }
  /*******************************************************
  大見出し
  ********************************************************/
  .headline {
    font-size: 2rem;
  }
  /*******************************************************
  中見出し
  *******************************************************/
  .heading {
    font-size: 1.8rem;
  }
  /*******************************************************
  小見出し
  *******************************************************/
  .subhead {
    font-size: 1.6rem;
  }
}
/*******************************************************
PC用デザイン（調整クラス）
********************************************************/
@media (min-width: 960px) {
  .sp_only {
    display: none !important;
  }
  .tab_sp_only {
    display: none !important;
  }
  .tab_only {
    display: none !important;
  }
  .pc_only {
    display: block !important;
  }
}