@charset "UTF-8";
/*　キーカラー　*/
/*　マスターワイズ　*/
/*　パンくずリスト　＿＿＿＿＿　*/
#breadcram { width: 1000px; margin: 12px auto; }
#breadcram ol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; font-size: 1.3rem; list-style: none; }
#breadcram li:not(:last-child):after { content: "\f105"; font-family: FontAwesome; padding: 0 .6em 0 0; margin: 0 0 0 .6em; }
#breadcram a { color: inherit; text-decoration: underline; }

/*　通常ページのタイトル　＿＿＿＿＿　*/
#ttl_page { margin: 26px 0; }

/*　寄附金ページページタイトル　＿＿＿＿＿　*/
#ttl_donation { position: relative; width: auto; text-align: center; color: inherit; }
#ttl_donation:hover { opacity: 1; }
#ttl_donation div { position: absolute; width: 500px; height: 215px; font-size: 2.9rem; font-weight: bold; line-height: 1.2; background-color: rgba(255, 255, 255, 0.66); z-index: 9999; top: 0; right: 0; left: 0; bottom: 0; padding: 63px 0 0; margin: auto; }
#ttl_donation strong { display: block; width: 100%; font-size: 3.9rem; }

/*　ラッパー　＿＿＿＿＿　*/
#wrapper { width: 1000px; padding: 0 0 30px; margin: 0 auto; }

#box_form { width: auto; background-color: #f3ebe3; padding: 38px 0 60px; }
#box_form article { width: 700px; margin: 0 auto; }

.width700 { width: 700px; margin: 0 auto; }

/*　行間　＿＿＿＿＿　*/
#wrapper p, #wrapper ul, #wrapper ol, #box_form p, #box_form ul, #box_form ol { line-height: 1.6; padding: 0 0 20px; }
#wrapper .no_padding, #box_form .no_padding { padding: 0; }
#wrapper table ol, #wrapper table ul, #box_form table ol, #box_form table ul { padding: 0; }
#wrapper a, #box_form a { text-decoration: underline; }

/*　プライバシーポリシー　＿＿＿＿＿　*/
#box_privacy { width: auto; height: 320px; overflow: auto; padding: 0 20px 0 0; }
#box_privacy dl { line-height: 1.7; margin: 0 0 20px; }
#box_privacy dt { font-weight: bold; }

/*　申し込みbutton　＿＿＿＿＿　*/
.btn_app { width: 400px; text-shadow: 0px 0px 5px #513a00; margin: 0 auto; }
.btn_app a { display: block; width: auto; text-align: center; color: #fff; font-size: 2rem; font-weight: 600; line-height: 1.3; border: 1px solid #fff; border-radius: 9px; text-decoration: none !important; background-image: url(../images/common/back_btn_app.png); background-position: center center; padding: 20px 0; }

/*　フォーム 流れ　＿＿＿＿＿　*/
#list_flow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto; font-size: 1.8rem; font-weight: 600; line-height: 1; list-style: none; margin: 0 0 5px; }
#list_flow li { width: 213px; background-color: #e0e0e0; border-radius: 4px; padding: 10px 15px; }
#list_flow #current { color: #fff; background-color: #b89735; }

/*　確認画面用　＿＿＿＿＿　*/
#list_submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto; list-style: none; }
#list_submit li { width: 340px; text-align: center; }

/*　レスポンシブ対応（ブレークポイント 768px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 768px) { /*　パンくずリスト　＿＿＿＿＿　*/
  #breadcram { width: auto; padding: 0 10px; margin: 12px auto; }
  #breadcram ol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; font-size: 1.1rem; list-style: none; }
  #breadcram li:not(:last-child):after { content: "\f105"; font-family: FontAwesome; padding: 0 .6em 0 0; margin: 0 0 0 .6em; }
  #breadcram a { color: inherit; text-decoration: underline; }
  /*　通常ページのタイトル　＿＿＿＿＿　*/
  #ttl_page { margin: 26px 0; }
  /*　寄附金ページページタイトル　＿＿＿＿＿　*/
  #ttl_donation { position: relative; width: auto; text-align: center; color: inherit; }
  #ttl_donation:hover { opacity: 1; }
  #ttl_donation div { position: absolute; width: 80%; height: 5em; font-size: 2rem; font-weight: bold; line-height: 1.2; background-color: rgba(255, 255, 255, 0.66); z-index: 9999; top: 0; right: 0; left: 0; bottom: 0; padding: 1em 0 0; margin: 1.4em auto; }
  #ttl_donation strong { display: block; width: 100%; font-size: 2.2rem; }
  /*　ラッパー　＿＿＿＿＿　*/
  #wrapper { width: auto; padding: 0 10px 10px; margin: 0 auto; }
  #box_form { width: auto; background-color: #f3ebe3; padding: 28px 10px 10px; }
  #box_form article { width: auto; margin: 0 auto; }
  .width700 { width: auto; margin: 0 auto; }
  /*　行間　＿＿＿＿＿　*/
  #wrapper p, #wrapper ul, #wrapper ol, #box_form p, #box_form ul, #box_form ol { line-height: 1.6; padding: 0 0 20px; }
  #wrapper .no_padding, #box_form .no_padding { padding: 0; }
  #wrapper table ol, #wrapper table ul, #box_form table ol, #box_form table ul { padding: 0; }
  #wrapper a, #box_form a { text-decoration: underline; }
  /*　プライバシーポリシー　＿＿＿＿＿　*/
  #box_privacy { width: auto; height: 320px; overflow: auto; padding: 0 20px 0 0; }
  #box_privacy dl { line-height: 1.7; margin: 0 0 20px; }
  #box_privacy dt { font-weight: bold; }
  /*　申し込みbutton　＿＿＿＿＿　*/
  .btn_app { width: 96%; text-shadow: 0px 0px 5px #513a00; margin: 0 auto; }
  .btn_app a { display: block; width: auto; text-align: center; color: #fff; font-size: 2rem; font-weight: 600; line-height: 1.3; border: 1px solid #fff; border-radius: 9px; text-decoration: none !important; background-image: url(../images/common/back_btn_app.png); background-position: right center; padding: 20px 0; }
  /*　フォーム 流れ　＿＿＿＿＿　*/
  #list_flow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto; font-size: 1.3rem; font-weight: 600; line-height: 1; list-style: none; margin: 0 0 5px; }
  #list_flow li { width: calc(100% / 3); text-align: center; background-color: #e0e0e0; border-radius: 0; padding: 5px 0; }
  #list_flow #current { color: #fff; background-color: #b89735; }
  /*　確認画面用　＿＿＿＿＿　*/
  #list_submit { display: block; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; list-style: none; }
  #list_submit li { width: 100%; text-align: center; margin: 10px 0; }
  #list_submit input { width: 100%; } }
/*　ここまで　*/