@charset "UTF-8";

/* ベース
------------------------------------------------ */

html {
  font-size: 10px;
  font-size: 62.5%;
}

html.js_fontLarge {
  font-size: 11px;
  font-size: 68.8%;
}

body {
  font-family: "メイリオ",meiryo,"ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.75;
  color: #223;
  background: #fff;
  position: relative;
  margin: 0 auto;
  padding: 0;
}

/* reset ************/

h1,
h2,
h3,
h4,
h5 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

table {
  width: 100%;
}

em {
  font-weight: bold;
  font-style: normal;
}

dt,
dd,
dl {
  margin: 0;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  border: 0;
}

a {
  text-decoration: none;
  color: #314da5;
}

a:hover,
a:active,
a:focus {
  text-decoration: underline;
  color: #0074bd;
}

p {
  margin: 0 0 15px;
}

input,
button,
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input,
button,
textarea,
select {
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button {
  background: none;
  cursor: pointer;
  border: none;
}

/* margin,padding ************/

.mt0 {
  margin-top: 0 !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.ml0 {
  margin-left: 0 !important;
}
.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mh0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.ma0 {
  margin: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ph0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.pa0 {
  padding: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mb5 {
  margin-bottom: 5px!important;
}
.ml5 {
  margin-left: 5px!important;
}
.mv5 {
  margin-top: 5px!important;
  margin-bottom: 5px!important;
}
.mh5 {
  margin-right: 5px!important;
  margin-left: 5px!important;
}
.ma5 {
  margin: 5px!important;
}
.pt5 {
  padding-top: 5px!important;
}
.pr5 {
  padding-right: 5px!important;
}
.pb5 {
  padding-bottom: 5px!important;
}
.pl5 {
  padding-left: 5px!important;
}
.pv5 {
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}
.ph5 {
  padding-right: 5px!important;
  padding-left: 5px!important;
}
.pa5 {
  padding: 5px!important;
}

.mt10 {
  margin-top: 10px!important;
}
.mr10 {
  margin-right: 10px!important;
}
.mb10 {
  margin-bottom: 10px!important;
}
.ml10 {
  margin-left: 10px!important;
}
.mv10 {
  margin-top: 10px!important;
  margin-bottom: 10px!important;
}
.mh10 {
  margin-right: 10px!important;
  margin-left: 10px!important;
}
.ma10 {
  margin: 10px!important;
}
.pt10 {
  padding-top: 10px!important;
}
.pr10 {
  padding-right: 10px!important;
}
.pb10 {
  padding-bottom: 10px!important;
}
.pl10 {
  padding-left: 10px!important;
}
.pv10 {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
.ph10 {
  padding-right: 10px!important;
  padding-left: 10px!important;
}
.pa10 {
  padding: 10px!important;
}

.mt15 {
  margin-top: 15px!important;
}
.mr15 {
  margin-right: 15px!important;
}
.mb15 {
  margin-bottom: 15px!important;
}
.ml15 {
  margin-left: 15px!important;
}
.mv15 {
  margin-top: 15px!important;
  margin-bottom: 15px!important;
}
.mh15 {
  margin-right: 15px!important;
  margin-left: 15px!important;
}
.ma15 {
  margin: 15px!important;
}
.pt15 {
  padding-top: 15px!important;
}
.pr15 {
  padding-right: 15px!important;
}
.pb15 {
  padding-bottom: 15px!important;
}
.pl15 {
  padding-left: 15px!important;
}
.pv15 {
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}
.ph15 {
  padding-right: 15px!important;
  padding-left: 15px!important;
}
.pa15 {
  padding: 15px!important;
}

.mt20 {
  margin-top: 20px!important;
}
.mr20 {
  margin-right: 20px!important;
}
.mb20 {
  margin-bottom: 20px!important;
}
.ml20 {
  margin-left: 20px!important;
}
.mv20 {
  margin-top: 20px!important;
  margin-bottom: 20px!important;
}
.mh20 {
  margin-right: 20px!important;
  margin-left: 20px!important;
}
.ma20 {
  margin: 20px!important;
}
.pt20 {
  padding-top: 20px!important;
}
.pr20 {
  padding-right: 20px!important;
}
.pb20 {
  padding-bottom: 20px!important;
}
.pl20 {
  padding-left: 20px!important;
}
.pv20 {
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}
.ph20 {
  padding-right: 20px!important;
  padding-left: 20px!important;
}
.pa20 {
  padding: 20px!important;
}

.mt25 {
  margin-top: 25px!important;
}
.mr25 {
  margin-right: 25px!important;
}
.mb25 {
  margin-bottom: 25px!important;
}
.ml25 {
  margin-left: 25px!important;
}
.mv25 {
  margin-top: 25px!important;
  margin-bottom: 25px!important;
}
.mh25 {
  margin-right: 25px!important;
  margin-left: 25px!important;
}
.ma25 {
  margin: 25px!important;
}
.pt25 {
  padding-top: 25px!important;
}
.pr25 {
  padding-right: 25px!important;
}
.pb25 {
  padding-bottom: 25px!important;
}
.pl25 {
  padding-left: 25px!important;
}
.pv25 {
  padding-top: 25px!important;
  padding-bottom: 25px!important;
}
.ph25 {
  padding-right: 25px!important;
  padding-left: 25px!important;
}
.pa25 {
  padding: 25px!important;
}

.mt30 {
  margin-top: 30px!important;
}
.mr30 {
  margin-right: 30px!important;
}
.mb30 {
  margin-bottom: 30px!important;
}
.ml30 {
  margin-left: 30px!important;
}
.mv30 {
  margin-top: 30px!important;
  margin-bottom: 30px!important;
}
.mh30 {
  margin-right: 30px!important;
  margin-left: 30px!important;
}
.ma30 {
  margin: 30px!important;
}
.pt30 {
  padding-top: 30px!important;
}
.pr30 {
  padding-right: 30px!important;
}
.pb30 {
  padding-bottom: 30px!important;
}
.pl30 {
  padding-left: 30px!important;
}
.pv30 {
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}
.ph30 {
  padding-right: 30px!important;
  padding-left: 30px!important;
}
.pa30 {
  padding: 30px!important;
}

.mt35 {
  margin-top: 35px!important;
}
.mr35 {
  margin-right: 35px!important;
}
.mb35 {
  margin-bottom: 35px!important;
}
.ml35 {
  margin-left: 35px!important;
}
.mv35 {
  margin-top: 35px!important;
  margin-bottom: 35px!important;
}
.mh35 {
  margin-right: 35px!important;
  margin-left: 35px!important;
}
.ma35 {
  margin: 35px!important;
}
.pt35 {
  padding-top: 35px!important;
}
.pr35 {
  padding-right: 35px!important;
}
.pb35 {
  padding-bottom: 35px!important;
}
.pl35 {
  padding-left: 35px!important;
}
.pv35 {
  padding-top: 35px!important;
  padding-bottom: 35px!important;
}
.ph35 {
  padding-right: 35px!important;
  padding-left: 35px!important;
}
.pa35 {
  padding: 35px!important;
}

.mt40 {
  margin-top: 40px!important;
}
.mr40 {
  margin-right: 40px!important;
}
.mb40 {
  margin-bottom: 40px!important;
}
.ml40 {
  margin-left: 40px!important;
}
.mv40 {
  margin-top: 40px!important;
  margin-bottom: 40px!important;
}
.mh40 {
  margin-right: 40px!important;
  margin-left: 40px!important;
}
.ma40 {
  margin: 40px!important;
}
.pt40 {
  padding-top: 40px!important;
}
.pr40 {
  padding-right: 40px!important;
}
.pb40 {
  padding-bottom: 40px!important;
}
.pl40 {
  padding-left: 40px!important;
}
.pv40 {
  padding-top: 40px!important;
  padding-bottom: 40px!important;
}
.ph40 {
  padding-right: 40px!important;
  padding-left: 40px!important;
}
.pa40 {
  padding: 40px!important;
}

.mt45 {
  margin-top: 45px!important;
}
.mr45 {
  margin-right: 45px!important;
}
.mb45 {
  margin-bottom: 45px!important;
}
.ml45 {
  margin-left: 45px!important;
}
.mv45 {
  margin-top: 45px!important;
  margin-bottom: 45px!important;
}
.mh45 {
  margin-right: 45px!important;
  margin-left: 45px!important;
}
.ma45 {
  margin: 45px!important;
}
.pt45 {
  padding-top: 45px!important;
}
.pr45 {
  padding-right: 45px!important;
}
.pb45 {
  padding-bottom: 45px!important;
}
.pl45 {
  padding-left: 45px!important;
}
.pv45 {
  padding-top: 45px!important;
  padding-bottom: 45px!important;
}
.ph45 {
  padding-right: 45px!important;
  padding-left: 45px!important;
}
.pa45 {
  padding: 45px!important;
}

.mt50 {
  margin-top: 50px!important;
}
.mr50 {
  margin-right: 50px!important;
}
.mb50 {
  margin-bottom: 50px!important;
}
.ml50 {
  margin-left: 50px!important;
}
.mv50 {
  margin-top: 50px!important ;
  margin-bottom: 50px!important;
}
.mh50 {
  margin-right: 50px!important;
  margin-left: 50px!important;
}
.ma50 {
  margin: 50px!important;
}
.pt50 {
  padding-top: 50px!important;
}
.pr50 {
  padding-right: 50px!important;
}
.pb50 {
  padding-bottom: 50px!important;
}
.pl50 {
  padding-left: 50px!important;
}
.pv50 {
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}
.ph50 {
  padding-right: 50px!important;
  padding-left: 50px!important;
}
.pa50 {
  padding: 50px!important;
}

.mt60 {
  margin-top: 60px!important;
}
.mr60 {
  margin-right: 60px!important;
}
.mb60 {
  margin-bottom: 60px!important;
}
.ml60 {
  margin-left: 60px!important;
}
.mv60 {
  margin-top: 60px!important;
  margin-bottom: 60px!important;
}
.mh60 {
  margin-right: 60px!important;
  margin-left: 60px!important;
}
.ma60 {
  margin: 60px!important;
}
.pt60 {
  padding-top: 60px!important;
}
.pr60 {
  padding-right: 60px!important;
}
.pb60 {
  padding-bottom: 60px!important;
}
.pl60 {
  padding-left: 60px!important;
}
.pv60 {
  padding-top: 60px!important;
  padding-bottom: 60px!important;
}
.ph60 {
  padding-right: 60px!important;
  padding-left: 60px!important;
}
.pa60 {
  padding: 60px!important;
}

.mt70 {
  margin-top: 70px!important;
}
.mr70 {
  margin-right: 70px!important;
}
.mb70 {
  margin-bottom: 70px!important;
}
.ml70 {
  margin-left: 70px!important;
}
.mv70 {
  margin-top: 70px!important;
  margin-bottom: 70px!important;
}
.mh70 {
  margin-right: 70px!important;
  margin-left: 70px!important;
}
.ma70 {
  margin: 70px!important;
}
.pt70 {
  padding-top: 70px!important;
}
.pr70 {
  padding-right: 70px!important;
}
.pb70 {
  padding-bottom: 70px!important;
}
.pl70 {
  padding-left: 70px!important;
}
.pv70 {
  padding-top: 70px!important;
  padding-bottom: 70px!important;
}
.ph70 {
  padding-right: 70px!important;
  padding-left: 70px!important;
}
.pa70 {
  padding: 70px!important;
}

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

/* width ************/

.w5 {
  width: 5%!important;
}
.w10 {
  width: 10%!important;
}
.w15 {
  width: 15%!important;
}
.w20 {
  width: 20%!important;
}
.w25 {
  width: 25%!important;
}
.w30 {
  width: 30%!important;
}
.w35 {
  width: 35%!important;
}
.w40 {
  width: 40%!important;
}
.w45 {
  width: 45%!important;
}
.w50 {
  width: 50%!important;
}
.w55 {
  width: 55%!important;
}
.w60 {
  width: 60%!important;
}
.w65 {
  width: 65%!important;
}
.w70 {
  width: 70%!important;
}
.w75 {
  width: 75%!important;
}
.w80 {
  width: 80%!important;
}
.w85 {
  width: 85%!important;
}
.w90 {
  width: 90%!important;
}
.w95 {
  width: 95%!important;
}
.w100 {
  width: 100%!important;
}
.wauto {
  width: auto!important;
}


/* テキスト
------------------------------------------------ */

/* 文字サイズ ************/

.f10 {
  font-size: 10px!important;
  font-size: 1rem!important;
}
.f12 {
  font-size: 12px!important;
  font-size: 1.2rem!important;
}
.f14 {
  font-size: 14px!important;
  font-size: 1.4rem!important;
}
.f15 {
  font-size: 15px!important;
  font-size: 1.5rem!important;
}
.f16 {
  font-size: 16px!important;
  font-size: 1.6rem!important;
}
.f18 {
  font-size: 18px!important;
  font-size: 1.8rem!important;
}
.f20 {
  font-size: 20px!important;
  font-size: 2rem!important;
}
.f25 {
  font-size: 25px!important;
  font-size: 2.5rem!important;
}
.f30 {
  font-size: 30px!important;
  font-size: 3rem!important;
}
.f35 {
  font-size: 35px!important;
  font-size: 3.5rem!important;
}
.f40 {
  font-size: 40px!important;
  font-size: 4rem!important;
}
.f45 {
  font-size: 45px!important;
  font-size: 4.5rem!important;
}

/* 文字装飾 ************/

.textRed {
  color: #e00000 !important;
}

.textBold {
  font-weight: bold!important;
}

.incorrectLine {
  text-decoration: line-through;
}

sup {
  color: #e00000;
}

/* 文字配置 ************/

.textL {
  text-align: left!important;
}
.textC {
  text-align: center!important;
}
.textR {
  text-align: right!important;
}

/*  テキストインデント */
.textIndent {
  text-indent: -1em;
  margin-left: 1em;
}

/* 文字線 ************/

.borderTop {
  border-top: 1px solid #ccc;
}
.borderBottom {
  border-bottom: 1px solid #ccc;
}


/* その他 ************/

/* clearfix */
.cf:after {
  display: block;
  clear: both;
  content: "";
}

/*  float */
.floatL {
  float: left;
}
.floatR {
  float: right;
}

/* 定義リスト .notesにタイトルが付く場合 */
.listBox {
  font-size: 14px;
  font-size: 1.4rem;
}

.listBox dt {
  font-weight: bold;
  margin-bottom: 5px;
}

.listBox dd+ dd {
  margin-top: 14px;
}


/* 囲い　*/
/*
hikari/collabo/discount_au.html
hikari/collabo/discount_tokyogas.html
hikari/collabo/removal.html
hikari/collabo/removal_flets.html
hikari/collabo/amazon/index.html
*/
.infoPanel {
  word-wrap: break-word;
  margin: 0 0 20px;
  padding: 20px 30px;
  border: 1px solid #ccc;
  border-radius: 8px;
}

@media only screen and (max-width: 767px) {
  .infoPanel {
    padding: 15px;
  }
}/* mediaquey END*/

/* 囲い　*/
/*
members/index.html
*/
/*  linkPanelBlank */
.linkPanelBlank {
  position: relative;
}

.linkPanelBlank a {
  color: #223;
  position: relative;
  display: block;
  padding: 20px 30px;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.linkPanelBlank:after {
  background-image: url(/support/taikai/img/icon_01.png);
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 12px;
  height: 9px;
  content: "";
}

.linkPanelBlank a:hover {
  text-decoration: none;
  color: #223;
  background: #f4f8f3;
}

/* リンク
------------------------------------------------ */

/* 画像マウスオーバー*/
.imgHover:hover {
  opacity: .7;
}

/* ボタン ************/

/*戻るボタン　ベース（最少サイズ）・モーダル用戻るボタン*/

.backBtn:before,
[data-script-enabled="true"] .js_modalLayer .backBtn:before {
  background-image: url(/support/taikai/img/_sprite.png);
  background-position: -327px -544px;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  width: 9px;
  height: 14px;
  margin-top: -7px;
  content: "";
}

.backBtn,
[data-script-enabled="true"] .js_modalLayer .backBtn {
  font-size: 1.3rem;
  line-height: 1.3em;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #4b4b4b;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 150px;
  padding: 9px 21px;
  border: 2px solid #4b4b4b;
  border-radius: 20px;
}

.backBtn:hover,
.backBtn:focus,
[data-script-enabled="true"] .js_modalLayer .backBtn:hover,
[data-script-enabled="true"] .js_modalLayer.backBtn:focus {
  text-decoration: underline;
  color: #fff;
  background: #6d6d6d;
  border: 2px solid #6d6d6d;
}

/*閉じるボタン　ベース（最少サイズ）*/

.closeBtn:before {
  background-image: url(/support/taikai/img/_sprite.png);
  background-position: -263px -544px;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  content: "";
}

.closeBtn {
  font-size: 1.3rem;
  line-height: 1.3em;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #4b4b4b;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 150px;
  margin: auto;
  padding: 7px 21px;
  border: 1px solid #4b4b4b;
  border-radius: 15px;
}
.closeBtn:hover,
.closeBtn:focus {
  text-decoration: underline;
  color: #fff;
  background: #6d6d6d;
  border: 1px solid #6d6d6d;
}


/*優先度低ボタン　ベース（最少サイズ）*/

.lowPriorityBtn {
  font-size: 1.3rem;
  line-height: 1.3em;
  text-decoration: none;
  text-align: center;
  color: #223 !important;
  background: #eee;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 150px;
  padding: 6px 21px !important;
  border: 1px solid #ccc;
  border-radius: 15px;
}

.lowPriorityBtn:hover,
.lowPriorityBtn:focus {
  text-decoration: underline;
  background: #f4f4f4;
}

/*優先度中ボタン　ベース（最少サイズ）*/

.midPriorityBtn {
  font-size: 1.3rem;
  line-height: 1.3em;
  text-decoration: none;
  text-align: center;
  color: #fff !important;
  background: #0a68c2;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 150px;
  margin: auto;
  padding: 6px 21px !important;
  border: solid 1px #0a68c2;
  border-radius: 15px;
}

.midPriorityBtn:hover,
.midPriorityBtn:focus {
  text-decoration: underline;
  color: #fff;
  background: #2087ea;
  border: solid 1px #2087ea;
}

/*優先度高ボタン　ベース（最少サイズ）*/

.highPriorityBtn {
  font-size: 1.3rem;
  line-height: 1.3em;
  text-decoration: none;
  text-align: center;
  color: #223 !important;
  background: #fcdb00;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 150px;
  padding: 7px 21px !important;
  border-radius: none;
  box-shadow: 0 3px 6px rgba(199, 199, 199, .5);
}

.highPriorityBtn:hover,
.highPriorityBtn:focus {
  text-decoration: underline;
  color: #223;
  background: #fee63c;
}


/*ボタンアイコン*/

/*通常*/

.lowPriorityBtn:after,
.highPriorityBtn:after {
  background: url(/support/taikai/img/icon_arrow_05.png) no-repeat;
  position: absolute;
  top: 50%;
  right: 21px;
  display: block;
  width: 7px;
  height: 12px;
  margin-top: -6px;
  content: "";
}

.midPriorityBtn:after {
  background: url(/support/taikai/img/_sprite.png) no-repeat;
  background-position: -340px -544px;
  position: absolute;
  top: 50%;
  right: 21px;
  display: block;
  width: 7px;
  height: 12px;
  margin-top: -6px;
  content: "";
}

.lowPriorityBtn.linkIcon_blank:after,
.lowPriorityBtn.linkIcon_pdf:after,
.lowPriorityBtn.linkIcon_anchor:after,
.lowPriorityBtn.linkIcon_mail:after,
.midPriorityBtn.linkIcon_blank:after,
.midPriorityBtn.linkIcon_pdf:after,
.midPriorityBtn.linkIcon_anchor:after,
.midPriorityBtn.linkIcon_mail:after,
.highPriorityBtn.linkIcon_blank:after,
.highPriorityBtn.linkIcon_pdf:after,
.highPriorityBtn.linkIcon_anchor:after,
.highPriorityBtn.linkIcon_mail:after,
.lowPriorityBtn.noIcon:after,
.midPriorityBtn.noIcon:after,
.highPriorityBtn.noIcon:after {
  background: none;
  display: none;
}

.lowPriorityBtn img,
.midPriorityBtn img,
.highPriorityBtn img {
  position: absolute;
  top: 50%;
  right: 21px;
  display: block;
  width: 7px;
  height: 12px;
  margin-top: -6px;
}

/*ブランク*/
.lowPriorityBtn.linkIcon_blank img.linkIcon,
.midPriorityBtn.linkIcon_blank img.linkIcon,
.highPriorityBtn.linkIcon_blank img.linkIcon {
  width: 12px;
  height: 9px;
  margin: -4px 0 0 0;
}

/*アンカー*/

.lowPriorityBtn.linkIcon_anchor:after,
.midPriorityBtn.linkIcon_anchor:after,
.highPriorityBtn.linkIcon_anchor:after {
  display: block;
  width: 10px;
  height: 8px;
  margin-top: -4px;
  content: "";
}

.lowPriorityBtn.linkIcon_anchor:after,
.highPriorityBtn.linkIcon_anchor:after {
  background: url(/support/taikai/img/icon_arrow_03.png) no-repeat;
}

.midPriorityBtn.linkIcon_anchor:after {
  background: url(/support/taikai/img/icon_arrow_06.png) no-repeat;
}

/*pdf*/
.lowPriorityBtn.linkIcon_pdf img.linkIcon,
.midPriorityBtn.linkIcon_pdf img.linkIcon,
.highPriorityBtn.linkIcon_pdf img.linkIcon {
  width: 16px;
  height: 12px;
  margin: -6px 0 0 0;
}

/*mail*/
.lowPriorityBtn.linkIcon_mail img.linkIcon,
.midPriorityBtn.linkIcon_mail img.linkIcon,
.highPriorityBtn.linkIcon_mail img.linkIcon {
  width: 12px;
  height: 9px;
  margin: -4px 0 0 0;
}

/*ボタン幅*/

.w150 {
  width: 150px !important;
}

.w230 {
  width: 230px !important;
}

.w310 {
  width: 310px !important;
}

.w390 {
  width: 390px !important;
}

.w470 {
  width: 470px !important;
}

.wFull {
  width: 100% !important;
}

@media only screen and (max-width: 500px) {
  .w310,
  .w390,
  .w470 {
    width: 100% !important;
    padding-right: 40px !important;
  }

  .w310:after,
  .w390:after,
  .w470:after,
  .w100:after {
    right: 17px;
  }

  .noIcon.w310,
  .noIcon.w390,
  .noIcon.w470 {
    padding-right: 21px !important;
  }
}

/*ボタン高さ*/

/* lowPriorityBtn,midPriorityBtnの高さ */
.btnPv7 {
  font-size: 1.3rem;
  padding-top: 8px !important;
  padding-bottom: 6px !important;
}

.btnPv9 {
  font-size: 1.4rem !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  border-radius: 20px;
}

.btnPv15 {
  font-size: 1.8rem !important;
  padding-top: 15px !important;
  padding-bottom: 14px !important;
  border-radius: 25px ;
}

/* highPriorityBtnの高さ */
.btnPv16 {
  font-size: 1.8rem !important;
  padding-top: 16px !important;
  padding-bottom: 15px !important;
}

.btnPv20 {
  font-size: 2.4rem !important;
  padding-top: 20px !important;
  padding-bottom: 16px !important;
}


/* PC・SPの出しわけ ************/

.pcNone {
  display: none;
}

.spNone {
  display: block;
}

@media only screen and (max-width: 767px) {
  .pcNone {
    display: block;
  }
  .spNone {
    display: none;
  }
}

/* 全幅 ************/

.mainFull {
  box-sizing: border-box;
  width: 100%;
  min-width: 950px;
  max-width: 1300px;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
}
.mainFull> div,
.mainFull> ul.breadCrumbList,
.mainFull> section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
}

/* 共通
------------------------------------------------ */

.pageNavOuter,
.informationInner,
.mainSub,
.fixedBox {
  box-sizing: border-box;
  width: 100%;
  min-width: 950px;
  max-width: 950px;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
}



/* カテゴリトップ
------------------------------------------------ */

body.cateTop .hdg1BoxInner {
  padding-bottom: 10px;
}

/* ie8対策 ************/

.ie8 .userTool .fontSize {
  display: table-cell;
}

.ie8 .js_contentsTopMenuBtn {
  vertical-align: middle;
  display: table-cell;
}

.ie8 .js_contentsServMenuBtn {
  vertical-align: bottom;
  display: table-cell;
}

.ie8 .js_contentsTopMenuBtn .btn1 {
  margin-left: 25px;
}

.ie8 .js_contentsServMenuBtn .btn1 {
  margin-left: 25px;
}

.js_fixedMenu .ie8 .js_pageNav.branch> li:hover> a:after,
.js_fixedMenu
.ie8 .js_pageNav.branch> li.focused> a:after {
  bottom: -1px;
}

/* js関連 ************/

[data-script-enabled="true"] .accordion2Item,
[data-script-enabled="true"] .accordionPanel,
[data-script-enabled="true"] .accordionPanel {
  display: none;
}

[data-script-enabled="true"] .information {
  display: block;
}

[data-script-enabled="true"] .js_toCall a {
  color: inherit;
}

[data-script-enabled="true"] .js_dispabled {
  pointer-events: none;
  cursor: default;
}

[data-script-enabled="true"] .js_hidden {
  visibility: hidden;
}

[data-script-enabled="true"] .contentsTopMenu {
  display: none;
}

[data-script-enabled="true"] .contentsServMenu {
  display: none;
}

[data-script-enabled="true"] .toTop {
  display: none;
}

[data-script-enabled="true"] .accordion2Item,
[data-script-enabled="true"] .accordionPanel,
[data-script-enabled="true"] .accordionPanel {
  display: none;
}

[data-script-enabled="true"] .cvBox+ .toTop {
  bottom: 64px;
}


/* パンくず ************/

.breadCrumbList,
.main> .breadCrumbList,
.footerBreadCrumbList,
.footerSub .footerSubInner,
.footerList,
.hdg1Box .hdg1BoxInner,
.contentsTopMenuInner {
  box-sizing: border-box;
  width: 100%;
  min-width: 950px;
  max-width: 950px;
  margin: 0 auto;
}

.fontLarge .hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner> a:before {
  left: 13px;
}


/* コンテンツ ************/

.content {
  width: 710px;
  margin: 40px auto 0;
  padding-bottom: 105px;
}

.content.branch {
  padding-bottom: 20px;
}

.content.branch02 {
  border-bottom: 1px solid #ccc;
}

.contentsSection {
  width: 710px;
  margin: 40px auto 0;
  padding-bottom: 20px;
}

.contentsSection.last {
  padding-bottom: 105px;
}

.breadCrumbList {
  line-height: 1.3em;
  min-width: 0;
  margin: 7px auto;
  padding: 5px 0;
}

.breadCrumbList> li {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline;
  margin-left: 20px;
}

.breadCrumbList> li:first-child {
  margin-left: 0;
}

.breadCrumbList> li+ li:before {
  font-size: 16px;
  font-size: 1.6rem;
  padding-right: 20px;
  content: "≫";
}

/* トップへ戻る ************/


.toTop {
  overflow: visible;
}

.toTop a {
  width: auto;
  height: auto;
}

.toTop> a {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 64px;
  height: 64px;
  transition: top .4s ease-out;
}

.toTop a:before {
  content: none;
}
.toTop> a:before {
  content: "";
}

.toTop.js_fixed {
  position: absolute;
}

@media only screen and (min-width: 768px) {
    .toTop {
      bottom: 30px;
    }
	.toTop:not(.js_fixed) > .fixed-panel + a {
		top: -170px;
	}
	.toTop.js_fixed {
	  top: -64px;
	  bottom: 100px;
	}
}
@media only screen and (max-width: 767px) {
  .toTop {
    overflow: visible;
  }
  .toTop.js_fixed {
	  top: -39px;
  }

  .toTop a {
    width: auto;
    height: auto;
  }

  .toTop> a {
    width: 100%;
    height: 100%;
  }

  .toTop:not(.js_fixed) > .fixed-panel + a {
	  top: -130px;
  }

  .toTop a:before {
    content: none;
  }
  .toTop> a:before {
    background-image: url(/support/taikai/img/icon_footer_04_sp.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 40px;
    height: 40px;
    content: "";
  }
}/* mediaquey END*/



/* テキストリンク ************/

.link {
  background: url(/support/taikai/img/icon_arrow_02.png) right .2em no-repeat;
  margin-right: 10px;
  padding-right: 18px;
}

.link2 {
  background: url(/support/taikai/img/icon_arrow_03.png) right .45em no-repeat;
  margin-right: 10px;
  padding-right: 20px;
}

.linkIcon {
  vertical-align: middle;
  position: relative;
  top: -1px;
  max-width: none;
  margin: 0 10px;
}

/* リスト 注釈 ************/

.notes {
  margin-bottom: 15px;
}

li> .notes {
  padding-top: 10px;
}

.notes> li,
.noteSide> span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.75;
  display: table;
  table-layout: auto;
}

.notes> li> * {
  display: table-cell;
}

.notes> li> .marker,
.noteSide> .marker {
  line-height: 1;
  white-space: nowrap;
  color: #e00000;
  min-width: 1.7em;
  padding-right: 10px;
}

.noteSide span {
  display: inline-block;
  margin: 0;
}
.noteSide> .marker {
  display: inline-block;
  margin-right: 0;
  margin-left: 1em;
  padding-right: 0;
}

.notes> li> div> em {
  color: #e00000;
}

.notes> li+ li {
  margin-top: 5px;
}

.notes.ar {
  text-align: right;
}

.notes.ar> li {
  display: block;
  padding-left: 0;
}

.notes.ar> li> * {
  display: inline;
}

/* 画像 2カラム ************/

.cImg2Col {
  margin-bottom: 30px;
}

.cImg2Col:after {
  display: block;
  clear: both;
  content: "";
}

.cImg2Col.branch> .img img {
  border: 1px solid #ccc;
  border-radius: 8px;
}

.cImg2Col> .img {
  float: left;
  box-sizing: border-box;
  width: 49%;
}

.cImg2Col> .img+ .img {
  margin-left: 2%;
}

/**************** 共通ヘッダー・フッター *****************/

.gHd2016_SP,
.gFt2016_SP {
  display: none;
}
@media only screen and (max-width: 767px) {
  .gHd2016_PC,
  .gFt2016_PC {
    display: none;
  }
  .gHd2016_SP,
  .gFt2016_SP {
    display: block;
  }
}

/**************** KV *****************/

.kv {
  text-align: center;
  position: relative;
}

.kv .kvText {
  text-align: left;
  position: absolute;
  top: 40%;
  right: 15%;
  max-width: 680px;
}

.kv .kvTitle {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.3em;
  margin-bottom: 15px;
}

.hdg2Top {
  font-size: 35px;
  margin: 70px 0 20px;
  text-align: center;
}

.hdg3Top {
  font-size: 25px;
  font-size: 2.5rem;
  text-align: center;
  background: #fff!important;
}

.ledeTop {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}

.secCheckWrap {
  background: #f5f5f5;
  padding: 30px 60px 60px;
}

.secCheck {
  background: #fff;
  width: 710px;
  margin: 0 auto;
  padding: 40px;
  border-radius: 8px;
}

.listCheckTitle {
  font-size: 20px;
  font-size: 2rem;
}

.secInfo {
  width: 950px;
  margin: 0 auto;
  padding: 50px 0;
  border-bottom: 1px solid #ccc;
}

.secInfoInner {
  width: 790px;
  margin: 0 auto;
}

.secProcedure {
  width: 950px;
  margin: 80px auto;
}
.secProcedure.borderTop {
  border-top: solid 1px #ccc;
}
.secProcedure.borderTop> *:first-child {
  margin-top: 40px;
}


/* レイアウト
------------------------------------------------ */

/* 2カラム ************/

.col2:after {
  display: block;
  clear: both;
  content: "";
}

.col2Item {
  float: left;
  box-sizing: border-box;
  width: 49%;
  margin-left: 2%;
}

.col2Item:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 1250px) and (min-width: 1050px) {
  .kv .kvText {
    position: absolute;
    top: 30%;
    right: 6%;
  }
}/* mediaquey END*/

@media only screen and (max-width: 1049px) and (min-width: 981px) {
  .kv .kvText {
    position: absolute;
    top: 30%;
    right: 2%;
  }
}/* mediaquey END*/

@media only screen and (max-width: 980px) and (min-width: 768px) {
  .kv .kvText {
    position: absolute;
    top: 30%;
    right: 0;
  }
}/* mediaquey END*/

@media only screen and (max-width: 767px) {
  .breadCrumbList {
    padding: 0 9px;
  }

  .hdg2Top {
    font-size: 24px;
    font-size: 2.4rem;
  }

  .hdg3Top {
    font-size: 20px;
    font-size: 2rem;
  }

  .mainFull {
    box-sizing: border-box;
    min-width: 320px;
    max-width: none;
    margin: 0;
  }

  .ledeTop {
    text-align: left;
  }

  .kv {
    background-size: contain;
    box-sizing: border-box;
    min-width: 320px;
    max-width: 100%;
    margin: 0 auto;
  }

  .kv .kvText {
    text-align: left;
    position: static;
    margin-top: 20px;
    padding: 0 15px;
  }

  .kv .kvTitle {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.3em;
    margin-bottom: 15px;
  }

  .secCheckWrap {
    padding: 20px 10px;
  }

  .secCheck {
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
  }

  .listCheckTitle {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .col2Item {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .secInfo,
  .secProcedure {
    box-sizing: border-box;
    width: 100%;
    margin: 40px auto;
    padding: 0 15px;
  }

  .secInfoInner {
    width: 100%;
  }

  .secProcedure .col2Item+ .col2Item {
    margin-top: 20px;
  }

  .secInfo .col2Item:first-child {
    text-align: center;
    width: 80%;
    margin: 0 auto 20px;
    padding: 0;
  }
}/* mediaquey END*/



/* リスト
------------------------------------------------ */

.listCheck {
  word-wrap: break-word;
  margin: 0 0 20px;
}

.listCheck> li {
  color: #223;
  position: relative;
  padding-left: 40px;
  border-bottom: 1px dotted #ccc;
}

.listCheck> li:before {
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  content: url(/support/taikai/img/icon_check.png);
}

.listCheck> li+ li {
  margin-top: 20px;
}

/* オサ追記分
----------------------------------------- */
.d-hdg1BoxInner {
  position: relative;
  display: table;
  box-sizing: border-box;
  width: 100%;
  min-width: 950px;
  max-width: 950px;
  margin: 0 auto;
  padding-top: 8px;
  padding-bottom: 4px;
}
.d-hdg1BoxTitles {
  vertical-align: top;
  display: table-cell;
  width: 100%;
}
.d-hdg1 {
  font-size: 32px;
  line-height: 1.3;
  color: #223;
}
.hdg1 {
  font-size: 3.2rem;
}
.hdg3 {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 30px 0 10px;
}
.hdg4 {
  font-size: 20px;
  font-size: 2rem;
  margin: 30px 0 20px;
}
.hdg2,
.hdg3,
.hdg4,
.hdg5 {
  line-height: 1.3;
}
.selectCourse.secInfo {
  padding-bottom: 0;
  border-bottom: none;
}
#sixth,
#seventh {
  border-bottom: none;
}
.selectPanel {
  margin-top: 20px;
}
.selectPanel> ul {
  font-size: 0;
  display: table;
  width: 100%;
  margin-bottom: 30px;
  table-layout: fixed;
}
.selectPanel ul:last-child {
  width: 100%;
  margin-bottom: 0;
}
.selectPanel .panel {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  display: table-cell;
  box-sizing: border-box;
  width: 18%;
  border: solid 2px #ddd;
  border-left: none;
}
.selectPanel ul:last-child .panel {
  width: 50%;
}
.selectPanel .panel:last-child {
  border-right: none;
}
.selectPanel .panel a {
  position: relative;
  display: block;
  padding: 30px 10px;
}
.selectPanel .panel a.current {
  background: #edf5ea;
}
.selectPanel .panel:not(.noAnchor) a:after {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  content: "";
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  border: 0;
  border-top: solid 2px #545454;
  border-right: solid 2px #545454;
}
.selectPanel .panel.panelSeventh a {
  padding: 15px 30px 20px;
}
.selectPanel .panel.panelSeventh a:after {
  bottom: auto;
  left: auto;
  top: 50%;
  right: 20px;
  margin-left: 0;
  margin-top: -5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.selectPanel .panel .linkIcon {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 50%;
  margin-left: -6px;
}

.selectPanel .hightMin .panel a:after {
  bottom: 7px;
}
.selectPanel .hightMin .panel a {
  padding: 15px 10px 20px;
}
.selectPanel .panel .logo,
.selectPanel .panel .txt {
  display: block;
}
.selectPanel .panel .logo {
  height: 50px;
}
.selectPanel .panel .txt {
  margin-top: 20px;
}
.selectPanel .panel .txt {
  margin-top: 20px;
}
.selectPanel ul:nth-child(2) .panel .txt {
  margin-top: 0;
}
.selectArea {
  background: #f8f8f8;
  margin-top: 30px;
}
.selectArea> .area {
  padding: 10px;
}
.selectArea> #sixth.area,
.selectArea> #seventh.area {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 20px;
}
.selectArea> .area> *:first-child {
  margin-top: 0;
}
.selectArea> .area> dl:first-of-type dt a {
  color: #e00000;
}
.selectArea> .area> dl dd.block {
  display: block;
}
.selectArea> #fourth> dl:first-of-type dt,
.selectArea> #fifth> dl:first-of-type dt {
  color: #223;
}
.testBox {
  background: #fff;
  margin-bottom: 30px;
  padding: 10px;
}
.selectArea .accordion2List {
  background: #fff;
}
.selectArea .accordion2List a {
  display: block;
}
.accordion2List:hover,
.accordion2List:focus {
  color: inherit;
}
.accordion2List,
.accordion2 {
  line-height: 1.75;
  background: #f5f5f6;
}
.accordion2Item {
  background: #fff;
}
.accordion2List.active {
  background-color: #fff;
}
.accordion2Item {
  border-radius: 0 0 8px 8px ;
}
.floatBox .left {
  float: left;
  width: 200px;
  margin-right: 20px;
}
.floatBox .left img {
  width: 200px;
  height: auto;
}
.floatBox .right {
  float: left;
  width: 690px;
}
.floatBox:after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
.red {
  color: #e00000 !important;
}
dl.inline dt,
dl.inline dd {
  display: inline-block;
}
.footer {
  background: inherit;
}
@media screen and (max-width:767px) {
  .hdg1BoxTitles {
    padding-bottom: 0;
  }
  .d-hdg1BoxInner {
    min-width: 100%;
    padding-right: 12px;
    padding-bottom: 16px;
    padding-left: 12px;
  }
  .d-hdg1 {
    font-size: 25px;
    font-size: 2.5rem;
  }
  h2.hdg2Top {
    margin: 50px -10px 30px;
  }
  .hdg2Top:after,
  .hdg2TopUnique:after {
    content: none;
  }
  .selectCourse.secInfo {
    overflow: hidden;
    margin-top: 0;
  }
  .selectArea {
    background: none;
  }
  .selectArea> .area {
    padding: 0;
  }
  .selectPanel ul {
    border-top: solid 2px #ddd;
  }
  .selectPanel .panel {
    display: inline-block;
    width: 50%;
    border: none;
    border-bottom: solid 2px #ddd;
  }
  .selectPanel .panel:nth-child(odd) {
    border-right: solid 2px #ddd;
  }
  .selectPanel .panel:first-child {
    border-left: none;
  }
  .selectPanel ul:nth-child(2) li {
    width: 100%;
  }
  .selectPanel ul:nth-child(2) li:first-child {
    border-right: none;
  }
  .floatBox .left {
    float: none;
    width: 100%;
    max-width: 360px;
    margin-right: 0;
  }
  .floatBox .right {
    float: none;
    width: 100%;
  }
}

/* 退会手続き後の流れ
/support/taikai/after/index.html
------------------------------------------------ */

.page-after .sec-kv * {
  box-sizing: border-box;
}
.page-after .sec-kv > .inner {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  padding: 25px 25px 29px;
  background-color: #edf5ea;
}
.page-after .sec-kv .text .textC img {
  width: 338px;
}
.page-after .checklist .col2Item {
  background: #f7f7f7;
  border-radius: 8px;
}
.page-after .checklist .hgd {
  min-height: 49px;
  padding: 10px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background: #3f8500;
  text-align: center;
  color: #fff;
  line-height: 1.3;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.page-after .checklist .hgd > span {
  display: inline-block;
  margin-right: 10px;
  padding: 6px 8px;
  background: #2a5900;
  border-radius: 2px;
  line-height: 1.0;
}
.page-after .checklist .text {
  padding: 20px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border: 1px solid #ccc;
}
.selectPanel.type-02 .panel {
  position: relative;
  border-top: 8px solid #ddd;
}
.selectPanel.type-02 .panel.current::before {
  position: absolute;
  top: -8px;
  left: -2px;
  display: block;
  content: '';
  width: calc(100% + 4px);
  height: 8px;
  background: #3f8500;
}
.selectPanel.type-02 .panel:first-child.current::before {
  left: 0;
  width: calc(100% + 2px);
}
.selectPanel.type-02 .panel:last-child.current::before {
  width: calc(100% + 2px);
}
.selectPanel.type-02 .panel.current a {
  background: #edf5ea;
}
.selectArea.type-02 {
  background: transparent;
  margin-top: 50px;
}
.selectArea.type-02> .area {
  padding: 0;
}
.selectArea.type-02 .accordion2List {
  font-weight: bold;
}
.selectArea.type-02 .accordion2List> span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background: #4b4b4b;
  display: inline-block;
  margin-right: 8px;
  padding: 0 7px;
  border-radius: 3px;
}
.attentionPanel2 {
  margin-bottom: 20px;
  padding: 15px 30px;
  border: 1px solid #e00000;
  border-radius: 8px;
}
.notes .textC {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .page-after .sec-kv > .inner {
    margin-bottom: 20px;
    padding: 20px 15px 19px;
  }
  .page-after .checklist .hgd {
    position: relative;
    padding: 15px 15px 15px 40px;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .page-after .checklist .hgd > span {
    position: absolute;
    margin-top: -14px;
    padding: 4px 6px;
    top: 50%;
    left: 10px;
  }
  .page-after .checklist .text {
    padding: 13px;
  }
  .page-after .u-line::after {
    bottom: 1px;
  }
  .attentionPanel2 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .selectArea.type-02 .accordion2List {
    position: relative;
    padding-left: 75px;
  }
  .selectArea.type-02 .accordion2List.noIndent {
    padding-left: 15px;
  }
  .selectArea.type-02 .accordion2List> span {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .notes .textC {
    text-align: left !important;
    margin: 0;
  }
}

/* 注意書き
------------------------------------------------ */
.attention {
  margin-bottom: 20px;
  padding: 15px 30px;
  border: 1px solid #e00000;
  border-radius: 8px;
  background: #fff;
}
.attention p:last-child {
  margin-bottom: 0;
}
.attention strong {
  font-size: 16px;
  font-size: 1.6rem;
  color: #e00000;
}
@media only screen and (max-width:767px) {
.attention {
  padding: 15px;
}
}

/* 固定パネル
------------------------------------------------ */
.fixed-panel {
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  transition: height .4s ease-out,opacity .4s ease-out,top .4s ease-out;
  background: #fff;
}

.fixed-panel .btn {
  margin: 10px 0;
}
.fixed-panel .close {
  background-color: #666;
  position: absolute;
  top: 7px;
  right: 7px;
  display: block;
  width: 20px;
  height: 20px;
}
.fixed-panel .close span {
  text-indent: 100%;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
.fixed-panel .close::after {
  color: #fff;
  position: absolute;
  top: -2px;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
  content: "×";
}

@media only screen and (min-width: 768px) {
	.fixed-panel {
	  position: absolute;
	  top: -94px;
	  right: 0;
	  bottom: 0;
	  width: 260px;
	  padding: 13px 8px;
	  border: 1px solid #666;
	}

	.js_fixed .fixed-panel {
	  top: 100%;
	  opacity: 0;
	}
}

@media only screen and (max-width: 767px) {
  .selectPanel.type-02 .panel {
    border-top: 0;
  }
  .selectPanel.type-02 .panel.current::before {
    display: none;
  }
  .fixed-panel {
	  position: fixed;
	  left: 0;
	  right: 0;
	  bottom: 0;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    background: rgba(80,80,80,.8);
    width: 100%;
    padding: 10px;
	transition: bottom 0.4s ease-out,opacity 0.4s ease-out;
  }
  .fixed-panel .btn {
    margin: 5px 0;
  }
  .fixed-panel .btn a {
    width: 100% !important;
  }
  .fixed-panel .notes {
    display: inline-block;
  }

  .js_fixed .fixed-panel {
    bottom: -20%;
	opacity: 0;
  }
}

.limitedColor {
  background: #00b900;
  border: solid 1px #00b900;
}
.limitedColor:hover,
.limitedColor:focus {
  text-decoration: underline;
  color: #fff;
  background: #2bc12b;
  border: solid 1px #2bc12b;
}
.limitedMargin {
  margin-left: 60px;
}
@media only screen and (max-width: 767px) {
  .limitedMargin {
    margin-left: 0;
  }
}


/* 柏谷追記分　mod-conversion　
----------------------------------------- */
.mod-conversion {
  margin: 40px 0 40px;
}

.mod-conversion .box-item {
  text-align: center;
}

.mod-conversion .box-item .hdg {
  font-size: 1.7rem;
  font-weight: bold;
  background: #edede4;
  padding: 10px 15px 8px;
  border: 1px solid #d9dadb;
  border-radius: 4px 4px 0 0;
}

.mod-conversion .box-item .content {
  background: #fff;
  display: -webkit-box;
  /*display: -ms-flexbox;
  display: flex;*/
  -webkit-box-flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
  flex-grow: 1;
  align-items: center;
  padding: 16px 16px 15px;
  border: 1px solid #d9dadb;
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  max-width: 896px;
  margin-top: 0;
  width: auto;
}

.mod-conversion .box-item .content> * {
  width: 100%;
}

.mod-conversion .box-item .content> p {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
}

.mod-conversion .box-item .content .lede {
  font-size: 1.3rem;
  font-weight: bold;
}

.mod-conversion .box-item .content .time {
  order: 3;
  margin: 0 0 9px;

  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
}

.mod-conversion .box-item .content .note {
  font-size: 1.3rem;
  display: table;
  order: 4;
  width: auto;

  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
}

.mod-conversion .box-item .content .note> * {
  display: table-cell;
}

.mod-conversion .box-item .content .note> .symbol {
  white-space: nowrap;
}

.mod-conversion .box-item .content .number {
  font-family: -apple-system, arial, "Helvetica Neue", helvetica, sans-serif;
  font-size: 9vw;
  font-weight: bold;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0 0 1px;
  margin: 0 0 1px;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-conversion .box-item .content .number a {
  line-height: 1.3;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-conversion .box-item .content .number img {
  vertical-align: middle;
}

[data-msbr="edge"] .mod-conversion .box-item .content .number {
  display: block;
}

.mod-conversion .box-item .content .mod-btn {
  margin: 25px 0 19px;
}

.mod-conversion[data-col]> .inner .conversion-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -24px 0 0 -24px;
}

.mod-conversion[data-col]> .inner .conversion-box+ .conversion-box {
  margin-top: 0;
}

.mod-conversion[data-col]> .inner .conversion-box> .box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 24px 0 0 24px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.mod-conversion[data-col]> .inner .conversion-box> .box-item:not(:only-child) .mod-btn a,
.mod-conversion[data-col]> .inner .conversion-box> .box-item:not(:only-child) .mod-btn button {
  width: 100%;
  max-width: 235px;
}

.mod-conversion[data-col="1"]> .inner .box-item {
  width: 100%;
}

.mod-conversion[data-col="2"]> .inner .box-item {
  flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

@media only screen and (min-width: 768px) {
  .mod-conversion[data-col-pc]> .inner .conversion-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -24px 0 0 -24px;
  }
  .mod-conversion[data-col-pc]> .inner .conversion-box .box-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 24px 0 0 24px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  .mod-conversion[data-col-pc]> .inner .conversion-box .box-item:only-child {
    flex-basis: 100%;
    width: 100%;
    max-width: none;

    -ms-flex-preferred-size: 100%;
  }
  .mod-conversion[data-col-pc]:not([data-col-pc="1"]) .box-item:not(:only-child) .mod-btn a,
  .mod-conversion[data-col-pc]:not([data-col-pc="1"]) .box-item:not(:only-child) .mod-btn button {
    width: 100%;
    max-width: 235px;
  }
  .mod-conversion[data-col-pc="1"]> .inner .box-item {
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-conversion[data-col-pc="2"]> .inner .box-item {
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-conversion[data-col-pc="3"]> .inner .box-item {
    flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.3333%;
  }
  .mod-conversion .box-item .content .number a[href] {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
  }
  .mod-conversion .box-item .content .number a[href]:hover {
    opacity: .7;
  }
  .mod-conversion .box-item .content .number {
    font-size: 3.9rem;
  }
  .mod-conversion .box-item .content .number img {
    height: 34px;
  }



}

/* ============================================================================
 * _lyt modules
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .mod-lyt
 * ------------------------------------------------------------------------- */
.mod-lyt {
  margin: 0 0 10px;
}

.mod-lyt> .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -24px 0 0 -24px;
  align-items: center;
}

.mod-lyt> .inner> .col {
  flex-basis: 100%;
  max-width: 100%;
  padding: 24px 0 0 24px;
  box-sizing: border-box;
  -ms-flex-preferred-size: 100%;
}

.mod-lyt> .inner> .col> *:first-child {
  margin-top: 0;
}

.mod-lyt> .inner> .col> *:first-child {
  margin-top: 0;
}

.mod-lyt[data-col="2"]> .inner> .col {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-lyt[data-col="3"]> .inner> .col {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-lyt[data-col="4"]> .inner> .col {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-lyt[data-col="5"]> .inner> .col {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-lyt[data-col="6"]> .inner> .col {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

/* ----------------------------------------------------------------------------
 * .mod-lyt-media
 * ------------------------------------------------------------------------- */
.mod-lyt-media {
  margin: 0 0 40px;
}

.mod-lyt-media> .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  width: 100%;

  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
}

.mod-lyt-media> .inner> .content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mod-lyt-media> .inner> .content> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

.mod-lyt-media> .inner> .content> *:last-child {
  margin-bottom: 0;
}

.mod-lyt-media> .inner> .media {
  width: 100%;
  padding: 0 0 15px;
}

.mod-lyt-media> .inner> .media> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

.mod-lyt-media> .inner> .media> *:last-child {
  margin-bottom: 0;
}

.mod-lyt-media.of-reverse> .inner {
  -ms-flex-direction: column;
      flex-direction: column;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.mod-lyt-media.of-reverse> .inner> .content {
  padding: 0 0 15px;
}

.mod-lyt-media.of-reverse> .inner> .media {
  padding: 0;
}

.mod-lyt-media.of-noBreak> .inner {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
}

.mod-lyt-media.of-noBreak> .inner> .content {
  padding: 0 0 0 15px;
}

.mod-lyt-media.of-noBreak> .inner> .media {
  padding-top: 4px;
}

.mod-lyt-media.of-noBreak.of-reverse> .inner {
  -ms-flex-direction: row;
      flex-direction: row;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

.mod-lyt-media.of-noBreak.of-reverse> .inner> .content {
  padding: 0 15px 0 0;
}

.mod-lyt-media .mod-media> .inner {
  width: auto;
}

.mod-lyt-media .mod-media> .inner> .media img:not([width]) {
  width: 100%;
}

.mod-lyt-media .mod-media> .inner> .media img:not([height]) {
  height: auto;
}

.bl{
    border-left: none;
    margin-left: 0;
}


@media only screen and (min-width: 768px) {
.bl{
    border-left: solid 1px #d9dadb;
    margin-left: 20px;
}


  .mod-lyt[data-col-pc="1"]> .inner> .col {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-lyt[data-col-pc="2"]> .inner> .col {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-lyt[data-col-pc="3"]> .inner> .col {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-lyt[data-col-pc="4"]> .inner> .col {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-lyt[data-col-pc="5"]> .inner> .col {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-lyt[data-col-pc="6"]> .inner> .col {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-lyt-media> .inner {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
  }
  .mod-lyt-media> .inner> .content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: calc(0%);
    padding: 0 0 0 15px;
  }
  .mod-lyt-media> .inner> .media {
    width: auto;
    padding-top: 4px;
  }
  .mod-lyt-media> .inner> .media img {
    max-width: none;
  }
  .mod-lyt-media.of-reverse> .inner,
  .mod-lyt-media.of-reverse-pc> .inner {
    -ms-flex-direction: row;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  .mod-lyt-media.of-reverse> .inner> .content,
  .mod-lyt-media.of-reverse-pc> .inner> .content {
    padding: 0 15px 0 0;
  }
}


    @media screen and (min-width: 768px){
     .mod-information {
         margin-top: 24px;
     }
    }
    .mod-information {
        margin: 12px 0 32px;
        padding: 0 16px;
        border: 1px solid;
    }

    .mod-information .list {
        max-width: 960px;
        margin: 0 auto;
        padding: 16px 0 12px;
    }
    .mod-information .list li {
    padding-left: 0;
    }

    *:not([class^="x-"])> li {
        list-style: none;
    }
    .mod-information ul li:before {
        list-style: none;
        content: none !important;
    }
		h3 {
			background-color: transparent !important;
		}

		.display-pc{
		 display: block;
		 margin: 0 auto;
		}
		.display-sp{
		 display: none;
		 margin: 0 auto;
		}

		.type-04 .highPriorityBtn:hover{
		 text-decoration: none;
		 background: #fcdb00;
		}

		@media only screen and (min-width: 768px) {
		    .col2Item{
		     width: 48%;
		    }
		}
		@media only screen and (max-width: 767px) {
		    .display-pc{
		     display: none;
		    }
		    .display-sp{
		     display: block;
		    }
		    .type-04 .highPriorityBtn:hover{
		    text-decoration: underline;
		    background: #fee63c;
		    }
		}
		.mod-box {
      margin: 0 0 40px;
      border: 4px solid #edede4;
    }
    .mod-box> .inner {
      background: #fff;
      padding: 24px;
    }
    .mod-box> .inner> *:first-child:not(.mod-btn):not([data-col]) {
      margin-top: 0;
    }
    .mod-box> .inner> *:last-child {
      margin-bottom: 0;
    }
    .mod-box> .inner> .hdg {
      font-weight: normal;
    }
    .mod-box.var-02 {
      border-color: #f7f7f2;
    }
    .mod-box.var-02> .inner {
      background: #f7f7f2;
    }
    section[class*="mod-box"]> .inner> .hdg {
      font-size: 2rem;
      font-weight: bold;
      margin: 0 0 8px;
    }
    section[class*="mod-box"]> .inner:not(:first-child)> .hdg {
      font-size: 1.8rem;
    }
    section[class*="mod-box"]> .inner:not(:first-child):not(section)> .hdg {
      display: none;
    }
    section[class*="mod-box"]> .inner:first-child> *:first-child:not(.hdg) {
      display: none;
    }
    .mod-box.type-login {
      border: 4px solid #009664;
    }
    .mod-box.type-login > .inner {
      padding-top: 0;
    }
    .mod-box.type-login > .inner > .hdg {
      margin: 0 -24px 24px;
      padding: 8px 8px 4px;
      background: #009664!important;
      text-align: center;
      color: #fff;
    }
    .mod-box.type-login .mod-lyt {
      padding-top: 24px;
    }
    .mod-box.type-login .mod-lyt .col {
      border-right: solid 1px #ddd;
      padding-top: 0;
    }
    .mod-box.type-login .mod-lyt .col:last-child {
      border-right: none;
    }
    .align-center {
      text-align: center!important;
    }
		.lowPriorityBtn.align-center {
			display: block;
			margin: 0 auto;
			padding: 10px !important;
			font-size: 1.8rem !important;
		}
		.mod-link {
			margin-top: 16px;
		}
		.courseName {
			text-align: center;
		}
		.courseName + * {
			margin-top: 24px;
		}
		.courseName {
			font-size: 2.0rem;
			font-weight: bold;
		}