@charset "utf-8";
/* -------------------------------------------------------------------------

	01.初期化
	02.汎用クラス
	03.パン屑とフッター
	04.メインビジュアル
	05.コンテンツ共通
	06.応募要項
	07.注意事項
	08.個人情報の取扱いについて
	09.よくあるご質問ボタンと応募ボタン
	10.ページの先頭へ
	11.終了告知
	12.JR東日本共通フッター
	13.よくあるご質問　ナビゲーション
	14.よくあるご質問　アイテム

	15.★★★★★CP用の基本設定★★★★★
	16.★★★★★CP用の個別設定★★★★★

------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------

	01.初期化

------------------------------------------------------------------------- */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%; /* 10px */
}
footer {
  font-size: 108% !important;
  *font-size: small;
  line-height: 1.5 !important;
}
body {
  font-size: 1.2rem;
} /* 16px */
section {
  margin: 0 auto 4.3em;
  max-width: 930px;
  line-height: 1.6;
  box-sizing: border-box !important;
}
section img {
  width: 100%;
}
/* -------------------------------------------------------------------------

	02.汎用クラス

-------------------------------------------------------------------------/* clearfix */
.cfx {
  zoom: 1;
}
.cfx:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* フォントサイズ */
.fs10 {
  font-size: 1.0rem !important;
} /* 10px */
.fs11 {
  font-size: 1.1rem !important;
} /* 11px */
.fs12 {
  font-size: 1.2rem !important;
} /* 12px */
.fs13 {
  font-size: 1.3rem !important;
} /* 13px */
.fs14 {
  font-size: 1.4rem !important;
} /* 14px */
.fs15 {
  font-size: 1.5rem !important;
} /* 15px */
.fs16 {
  font-size: 1.6rem !important;
} /* 16px */
.fs17 {
  font-size: 1.7rem !important;
} /* 17px */
.fs18 {
  font-size: 1.8rem !important;
} /* 18px */
.fs19 {
  font-size: 1.9rem !important;
} /* 19px */
.fs20 {
  font-size: 2.0rem !important;
} /* 20px */
.fs21 {
  font-size: 2.1rem !important;
} /* 21px */
.fs22 {
  font-size: 2.2rem !important;
} /* 22px */
.fs23 {
  font-size: 2.3rem !important;
} /* 23px */
.fs24 {
  font-size: 2.4rem !important;
} /* 24px */
.fs25 {
  font-size: 2.5rem !important;
} /* 25px */
.fs26 {
  font-size: 2.6rem !important;
} /* 26px */
.fs27 {
  font-size: 2.7rem !important;
} /* 27px */
.fs28 {
  font-size: 2.8rem !important;
} /* 28px */
.fs29 {
  font-size: 2.9rem !important;
} /* 29px */
.fs30 {
  font-size: 3.0rem !important;
} /* 30px */
/* 文字色 */
.fc-red {
  color: #e60012 !important;
}
/* 文字の太さ */
.fw_n {
  font-weight: normal !important;
}
.fw_b, .bold {
  font-weight: bold !important;
}
/* 黒丸リスト */
ul.basic-list {
  margin-left: 1.3em;
  list-style-type: disc;
}
/* 注釈リスト */
ul.kome {
  padding-left: 1em;
  list-style-type: none;
}
ul.kome li {
  text-indent: -1em;
}
/* 矢印リンク */
a.arr-link {
  display: inline-block;
  padding: 0.05em 0 0.05em 1.4em;
  background: url(../img/parts/icon_arrow_blue.png) 0 0.2em no-repeat;
  background-size: 18px auto;
}
/* 別ウィンドウリンク */
a.win-link { /* 前にアイコン */
  display: inline-block;
  padding: 0 0 0 1.4em;
  background: url(../img/parts/icon_window_blue.png) 0.05em 0.3em no-repeat;
  background-size: 15px auto;
}
a.link-win { /* 後ろにアイコン */
  margin-right: 0.1em;
  padding: 0.15em 1.5em 0.15em 0;
  background: url(../img/parts/icon_window_blue.png) right 0.2em no-repeat;
  background-size: 15px auto;
}
/* PDFアイコン */
a.pdf-link {
  display: inline-block;
  padding: 0.15em 0 0.15em 1.4em;
  background: url(../img/parts/icon_pdf.png) 0 0.3em no-repeat;
  background-size: 17px auto;
}
/* 余白 */
.mt1em {
  margin-top: 1em !important;
}
.mt2em {
  margin-top: 2em !important;
}
.mr1em {
  margin-right: 1em !important;
}
.mr2em {
  margin-right: 2em !important;
}
.mb1em {
  margin-bottom: 1em !important;
}
.mb2em {
  margin-bottom: 2em !important;
}
.ml1em {
  margin-left: 1em !important;
}
.ml2em {
  margin-left: 2em !important;
}
/* インラインブロック */
.d-inline {
  display: inline-block !important;
}
/* -------------------------------------------------------------------------

	03.パン屑とフッター

------------------------------------------------------------------------- */
#breadClumb, #jreFooter {
  font-size: 1.3rem;
}
#breadClumb .baseContainer {}
/* -------------------------------------------------------------------------

	04.メインビジュアル

------------------------------------------------------------------------- */
section#mainvisual {
  margin-bottom: 2.5em;
}
#lead {
  padding: 1.4em 1.5em;
  background-color: #fff6e6;
  font-weight: bold;
}
/* -------------------------------------------------------------------------

	05.コンテンツ共通

------------------------------------------------------------------------- */
#faqwrap {
  padding: 0 0.5em;
}
section .tll1 {
  padding: 0.6em 0;
  background-color: #635437;
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
}
section .contbox {
  padding: 2em 1em 0;
}
/* -------------------------------------------------------------------------

	09.よくあるご質問ボタンと応募ボタン

------------------------------------------------------------------------- */
section#btnbox {}
section#btnbox .contbox {
  padding: 1.5em;
  background-color: #fff6e6;
}
section#btnbox ul {
  text-align: center;
}
section#btnbox ul li {
  display: inline-block;
  margin-left: 7%;
  width: 33%;
  min-width: 264px;
  line-height: 1.3;
  vertical-align: bottom;
  font-weight: bold;
}
/* よくあるご質問ボタン */
.btn-faq a {
  display: block;
  position: relative;
  border-radius: 6px;
  padding: 1.5em 1em;
  background: url(../img/parts/icon_arrow.png) 0.8em center no-repeat #635437;
  background-size: 21px auto;
  text-decoration: none;
  text-align: center;
  font-size: 1.8rem; /* 18px */
  color: #fff;
  transition: all 0.2s ease;
}
section#btnbox ul li.btn-faq {
  margin-left: 0;
}
/* 応募ボタン */
.btn-oubo a {
  display: block;
  position: relative;
  border-radius: 6px;
  border-bottom: solid 2px #ba5a00;
  padding: 0.75em 1em 0.95em;
  background: url(../img/parts/icon_arrow.png) 0.8em center no-repeat #ed7100;
  background-size: 21px auto;
  text-decoration: none;
  text-align: center;
  font-size: 1.8rem; /* 18px */
  color: #fff;
  transition: all 0.2s ease;
}
.btn-oubo a span {
  display: inline-block;
}
.btn-oubo a span:first-child {
  font-size: 1.3rem; /* 13px */
}
.btn-oubo a span.icon-window {
  position: relative;
  left: 0.5em;
}
.btn-oubo a span.icon-window:after {
  content: "";
  display: inline-block;
  margin-left: 0.2em;
  width: 1em;
  height: 1em;
  background: url(../img/parts/icon_window_white.png) center 0.25em no-repeat;
  background-size: 15px auto;
}
.btn-faq a:hover, .btn-oubo a:hover {
  opacity: 0.7;
}
/* 応募終了ボタン */
.btn-oubo.end a {
  pointer-events: none;
  border-bottom: solid 2px #333;
  background: url(../img/parts/icon_arrow.png) 0.8em center no-repeat #777;
  background-size: 21px auto;
  transition: none;
  opacity: 0.3;
}
/* -------------------------------------------------------------------------

	11.終了告知

------------------------------------------------------------------------- */
.cp-end {
  margin-top: 2.5em;
  border: solid 1px #f8bfc3;
  padding: 1.4em 1.5em;
  background-color: #fdf2f3;
  font-weight: bold;
  color: #e60012;
}

/* ------------------------ for SP ------------------------ */
@media screen and (max-width: 640px) {
  .cp-end {
    margin: 1em;
  }
}
/* ------------------------ for SP ------------------------ */

/* -------------------------------------------------------------------------

	13.よくあるご質問　ナビゲーション

------------------------------------------------------------------------- */
body#faq {}
body#faq section#mainvisual {
  margin-bottom: 1em;
}
.nav-menu {
  margin: auto;
  padding: 4.3em 0;
  max-width: 960px;
}
/* 戻るボタン */
.nav-menu ul.nm1 li {
  display: inline-block;
  min-width: 200px;
  line-height: 1.3;
  vertical-align: middle;
  font-weight: bold;
}
.btn-back a {
  display: block;
  position: relative;
  border-radius: 4px;
  padding: 1em 2.5em;
  background: url(../img/parts/icon_arrow_back.png) 0.8em center no-repeat #635437;
  background-size: 18px auto;
  text-decoration: none;
  text-align: center;
  font-size: 1.5rem; /* 15px */
  color: #fff;
  transition: all 0.2s ease;
}
.btn-back a:hover {
  opacity: 0.7;
}
/* ページ内リンクボタン（1/2） */
.nav-menu ul.nm2 {
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  border-left: solid 1px #ddd;
  width: 100%;
  line-height: 1.3;
  font-weight: bold;
  font-size: 1.5rem; /* 15px */
  background: #fff;
}
.nav-menu ul.nm2 li {
  padding-bottom: 0;
  flex-grow: 1;
  width: 100%;
  border-right: solid 1px #ddd;
  text-align: center;
}
.nav-menu ul.nm2 li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 2em 0.5em 20px;
  height: 100%;
  text-decoration: none;
  color: #635437;
  transition: all 0.2s ease;
}
.nav-menu ul.nm2 li.one-line a span {
  position: relative;
  top: 0.5em;
}
.nav-menu ul.nm2 li.three-line a span {
  position: relative;
  top: -0.8em;
}
.nav-menu ul.nm2 li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  margin: auto;
  width: 17px;
  height: 17px;
  background: url(../img/parts/icon_arrow_down.png) center bottom no-repeat;
  background-size: 17px auto;
  opacity: 0.3;
  transition: all 0.2s ease;
}
.nav-menu ul.nm2 li a:hover {
  background-color: #f2faf5;
}
.nav-menu ul.nm2 li a:hover:after {
  opacity: 1;
}
/* ------------------------ for SP ------------------------ */
@media screen and (max-width: 640px) {
  .nav-menu ul.nm2 {
    flex-wrap: wrap;
  }
  .nav-menu ul.nm2 li {
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
  }
  .nav-menu ul.nm2 li a:hover {
    background-color: #fff;
  }
  .nav-menu ul.nm2 li a:hover:after {
    opacity: 0.3;
  }
}
/* ------------------------ for SP ------------------------ */

/* ページ内リンクボタン（2/2） */
.nav-menu:last-child ul.nm2 {}
.nav-menu:last-child ul.nm2 li {}
.nav-menu:last-child ul.nm2 li a {
  padding: 50px 0.5em 0.5em;
  min-height: 4em;
}
.nav-menu:last-child ul.nm2 li.one-line a span {
  position: relative;
  top: 0.5em;
}
.nav-menu:last-child ul.nm2 li.three-line a span {
  position: relative;
  top: -0.8em;
}
.nav-menu:last-child ul.nm2 li a:after {
  top: 3px;
  left: 0;
  right: 0;
  bottom: inherit;
  margin: auto;
  background: url(../img/parts/icon_arrow_up.png) center top no-repeat;
  background-size: 17px auto;
}
/* -------------------------------------------------------------------------

	14.よくあるご質問　アイテム

------------------------------------------------------------------------- */
dl.faq-item {
  padding: 2em 1em;
  border-bottom: dashed 1px #ddd;
}
dl.faq-item dt {
  position: relative;
  padding-top: 0.15em;
  padding-left: 40px;
  font-weight: bold;
  font-size: 1.4rem;
}
dl.faq-item dt:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background: url(../img/parts/icon_q.png) center center no-repeat #635437;
  background-size: auto 18px;
}
dl.faq-item dd {
  position: relative;
  margin-top: 1.2em;
  padding-top: 0.25em;
  padding-left: 40px;
}
dl.faq-item dd:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background: url(../img/parts/icon_a.png) center center no-repeat #eb6877;
  background-size: 12px auto;
}
dl#last {
  padding: 2em 1em;
  border-bottom: none !important;
}
/* -------------------------------------------------------------------------

	15.★★★★★CP用の基本設定★★★★★

------------------------------------------------------------------------- */
/* PC表示　コンテンツの幅 */
section {
  margin: 0 auto 4.3em;
  padding: 30px 0;
  line-height: 1.6;
  background: #fff;
}
/* リード文 */
#lead {
  background-color: #fff6e6;
  font-weight: bold;
}
/* 大見出し */
section .tll1 {
  background-color: #635437;
  color: #fff;
}
/* 応募要項　中見出し */
section .tll2:before {
  background-color: #635437;
}
/* よくあるご質問ボタンと応募ボタンの囲み */
section#btnbox .contbox {
  background-color: #fff6e6;
}
/* よくあるご質問ボタン */
.btn-faq a {
  background: url(../img/parts/icon_arrow.png) 0.8em center no-repeat #635437;
  background-size: 21px auto;
  color: #fff;
}
/* 応募ボタン */
.btn-oubo a {
  border-bottom: solid 2px #ba5a00;
  background: url(../img/parts/icon_arrow.png) 0.8em center no-repeat #ed7100;
  background-size: 21px auto;
  color: #fff;
}
/* 戻るボタン（よくあるご質問） */
.btn-back a {
  background: url(../img/parts/icon_arrow_back.png) 0.8em center no-repeat #635437;
  background-size: 18px auto;
  color: #fff;
}
/* ページ内リンクボタン（共通） */
.nav-menu ul.nm2 li a {
  color: #635437;
}
.nav-menu ul.nm2 li a:hover {
  background-color: #f2faf5;
}

/* ------------------------ for SP ------------------------ */
@media screen and (max-width: 640px){
  .nav-menu ul.nm2 li a:hover {
    background-color: #fff;
  }
}
/* ------------------------ for SP ------------------------ */

/* よくあるご質問　【Q】 */
dl.faq-item dt:before {
  background: url(../img/parts/icon_q.png) center center no-repeat #635437;
  background-size: auto 18px;
}
/* よくあるご質問　【A】 */
dl.faq-item dd:before {
  background: url(../img/parts/icon_a.png) center center no-repeat #eb6877;
  background-size: 12px auto;
}
/* -------------------------------------------------------------------------

	16.★★★★★CP用の個別設定★★★★★

------------------------------------------------------------------------- */
dl.faq-item dd table {
  width: 100%;
}
dl.faq-item dd table tr {
  border-bottom: 1px solid #231815;
}
dl.faq-item dd table tr.first {
  border-top: 1px solid #231815;
  border-bottom: 1px solid #231815;
}
dl.faq-item dd table th {
  display: table-cell;
  color: #333;
  background-color: #e5e5e6;
  width: 25%;
}
dl.faq-item dd table td {
  display: table-cell;
  padding: 12px 5px;
  text-align: left;
}

/* ------------------------ for SP ------------------------ */
@media screen and (max-width: 640px) {
  dl.faq-item dd table th {
    display: block;
    width: 100%;
    padding: 10px 0;
  }
  dl.faq-item dd table td {
    display: block;
    width: 100%;
    text-align: left;
  }
  dl.faq-item dd table tr.first {
    border: none;
  }
  dl.faq-item dd table tr {
    border: none;
  }
/* ------------------------ for SP ------------------------ */  

}
#breadClumb {
  margin-bottom: 0px !important;
}