@charset "UTF-8";

/* _________________________________

- master.css
- /option/ css
_________________________________ */


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

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;
position: relative;
margin: 0 auto;
padding: 0;
color: #223;
background: #fff;
}

/* 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 {
max-width: 100%;
height: auto;
vertical-align: middle;
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 {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*/

button {
cursor: pointer;
border: none;
background: 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;}

.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 {
margin-left: 1em;
text-indent: -1em;
}

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

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

/* 文字色 ************/

.colorAu      {color: #e95504;}
.colorCollabo {color: #d5307a;}

/* 文字アイコン ************/

.textIcon {
border: 1px solid #e00000;
border-radius: 2px;
color: #e00000;
display: inline-block;
margin-left: 10px;
padding: 4px 8px 3px;
text-align: center;
vertical-align: 5px;
}

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

/* 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{
margin-bottom: 5px;
font-weight: bold;
}

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


/* 囲い　*/
.infoPanel{
margin: 0 0 20px;
padding: 20px 30px;
border-radius: 8px;
border: 1px solid #ccc;
word-wrap: break-word;
}

@media only screen and (max-width: 767px) {

.infoPanel{
padding: 15px;
}

}/* mediaquey END*/

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

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

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

.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(/option/common/img/_sprite.png);
background-position: -327px -544px;
content: '';
display: block;
height: 14px;
margin-top: -7px;
position: absolute;
top: 50%;
left: 15px;
width: 9px;
}

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

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

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

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

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

/*拡大ボタン（spのみ）　ベース（最少サイズ）*/

.zoomBtn {
background: #fff;
border: 2px solid #4b4b4b;
border-radius: 20px;
box-sizing: border-box;
color: #223;
display: inline-block;
font-size: 1.3rem;
line-height: 1.3em;
text-align: center;
text-decoration: none;
padding: 9px 21px;
position: relative;
width: 150px;
position: absolute;
z-index: 1000;
right: 10px;
bottom: 10px;
}

.zoomBtn:after{
background: url(/option/common/img/sp/icon_search_01.png) no-repeat;
background-size: 100%;
content: '';
display: block;
height: 23px;
margin-top: -12px;
position: absolute;
top: 50%;
right: 16px;
width: 23px;
}

.zoomBtn:hover,
.zoomBtn:focus {
background: #4b4b4b;
color: #fff;
text-decoration: underline;
}

.zoomBtn:hover:after,
.zoomBtn:focus:after {
background: url(/option/common/img/sp/icon_search_02.png) no-repeat;
background-size: 100%;
}

/*アコーディオンボタン　ベース（最少サイズ）*/

.accordionBtn {
background: #0a68c2;
border-radius: 20px;
border: solid 1px #0a68c2;
box-sizing: border-box;
color: #fff;
display: block;
font-size: 1.4rem;
line-height: 1.3em;
margin: 0 auto 20px;
text-align: center;
text-decoration: none;
padding: 9px 21px;
position: relative;
width: 310px;
cursor: pointer;
}

.accordionBtn a{
color: #fff;
}

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

.accordionBtn:after {
background-image: url(/option/common/img/_sprite.png);
background-position: -280px -544px;
content: '';
display: block;
height: 12px;
margin-top: -6px;
position: absolute;
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease;
top: 50%;
right: 30px;
width: 12px;
}

.accordionBtn.btnPv15:after {
background: url(/option/common/img/icon_plus.png);
height: 18px;
margin-top: -9px;
width: 18px;
}

.accordionBtn.active:after,
.accordionBtn.btnPv15.active:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}


@media only screen and (max-width: 500px) {

.accordionBtnArea {
box-sizing: border-box;
padding: 15px;
width: 100%;
}

.accordionBtn {
box-sizing: border-box;
padding-right: 40px;
width: 100%;
}

.accordionBtn:after {
right: 17px;
}

}

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

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

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

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

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

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

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

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

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


/*ボタンアイコン*/

/*通常*/

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

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

.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 {
display: block;
height: 12px;
margin-top: -6px;
position: absolute;
top: 50%;
right: 21px;
width: 7px;
}

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

/*アンカー*/

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

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

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

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

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

/*ボタン幅*/

.w150 {
width: 150px !important;
}

.w230 {
width: 230px !important;
}

.w310 {
width: 310px !important;
}

.w390 {
width: 390px !important;
}

.w470 {
width: 470px !important;
}

@media only screen and (max-width: 500px) {

.w310, .w390, .w470 {
padding-right: 40px !important;
max-width: 100% !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 {
border-radius: 20px;
font-size: 1.4rem !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
}

.btnPv10 {
font-size: 1.4rem !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}

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

/* 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;
}

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

.mainFull {
box-sizing: border-box;
width: 100%;
min-width: 950px;
max-width: 1300px;
margin: 0 auto;
}

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

.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 {
display: table-cell;
vertical-align: middle;
}

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

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

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

.ie8 .js_pageNav.branch .pageNavDrop {
position: absolute;
display: none;
}

.ie8 .js_pageNav.branch .pageNavDrop > ul {
margin: 30px auto 20px;
}

.ie8 .js_pageNav.branch .pageNavDrop > ul li {
margin-bottom: 10px;
}

.ie8 .js_pageNav.branch > li:hover .pageNavDrop,
.ie8 .js_pageNav.branch > li.focused .pageNavDrop {
z-index: -1;
display: block;
}

.ie8 .js_pageNav.branch > li:hover > a,
.ie8 .js_pageNav.branch > li.focused > a {
text-decoration: underline;
color: #388400;
}

.ie8 .js_pageNav.branch > li:hover > a:after,
.ie8 .js_pageNav.branch > li.focused > a:after {
position: absolute;
bottom: -3px;
left: 50%;
display: block;
width: 180px;
height: 7px;
margin-left: -90px;
content: '';
background: url(/option/common/img/bg_hover_01.png) no-repeat center bottom;
}

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

.ie8 .js_pageNav.branch > li:hover .btn7,
.ie8 .js_pageNav.branch > li.focused .btn7 {
text-decoration: none;
color: #fff;
background-color: #4b4b4b;
}

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

[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'] .information {
display: block;
}

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

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

[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 20px;
}

.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: '≫';
}


/* サービス詳細メニュー ************/

.hdrMenu .menuService,
.hdrMenu .menuCampaign,
.hdrMenu .menuProcedure,
.hdrMenu .menuAttention,
.hdrMenu .menuQuestion,
.servMenu .menuHikari,
.servMenu .menuMobile,
.servMenu .menuSmartphone,
.servMenu .menuMember,
.footerMenu > div {
line-height: 1.66;
}

.hdrMenu .menuService .menuHdgIcon,
.hdrMenu .menuCampaign .menuHdgIcon,
.hdrMenu .menuProcedure .menuHdgIcon,
.hdrMenu .menuAttention .menuHdgIcon,
.hdrMenu .menuQuestion .menuHdgIcon,
.servMenu .menuHikari .menuHdgIcon,
.servMenu .menuMobile .menuHdgIcon,
.servMenu .menuSmartphone .menuHdgIcon,
.servMenu .menuMember .menuHdgIcon,
.footerMenu .footerMenuBasic .footerMenuHdg .menuTitle,
.footerMenu .footerMenuOption .footerMenuHdg .menuTitle {
display: table;
height: 54px;
}

.hdrMenu .menuService .menuHdgIcon .menuTitle,
.hdrMenu .menuCampaign .menuHdgIcon .menuTitle,
.hdrMenu .menuProcedure .menuHdgIcon .menuTitle,
.hdrMenu .menuAttention .menuHdgIcon .menuTitle,
.hdrMenu .menuQuestion .menuHdgIcon .menuTitle,
.servMenu .menuHikari .menuHdgIcon .menuTitle,
.servMenu .menuMobile .menuHdgIcon .menuTitle,
.servMenu .menuSmartphone .menuHdgIcon .menuTitle,
.servMenu .menuMember .menuHdgIcon .menuTitle,
.footerMenu .footerMenuBasic .footerMenuHdg .menuTitle,
.footerMenu .footerMenuOption .footerMenuHdg .menuTitle {
font-size: 16px;
font-size: 1.6rem;
display: table-cell;
padding-left: 10px;
vertical-align: middle;
}

.hdrMenu .menuService .menuHdgIcon .menuTitle a,
.hdrMenu .menuCampaign .menuHdgIcon .menuTitle a,
.hdrMenu .menuProcedure .menuHdgIcon .menuTitle a,
.hdrMenu .menuAttention .menuHdgIcon .menuTitle a,
.hdrMenu .menuQuestion .menuHdgIcon .menuTitle a,
.servMenu .menuHikari .menuHdgIcon .menuTitle a,
.servMenu .menuMobile .menuHdgIcon .menuTitle a,
.servMenu .menuSmartphone .menuHdgIcon .menuTitle a,
.servMenu .menuMember .menuHdgIcon .menuTitle a,
.footerMenu .footerMenuBasic .footerMenuHdg .menuTitle a,
.footerMenu .footerMenuOption .footerMenuHdg .menuTitle a {
font-size: 16px;
font-size: 1.6rem;
color: #314da5;
}

.menuItems {
padding-left: 55px;
}

.hdrMenu .menuService .menuHdgIcon:before,
.hdrMenu .menuCampaign .menuHdgIcon:before,
.hdrMenu .menuProcedure .menuHdgIcon:before,
.hdrMenu .menuAttention .menuHdgIcon:before,
.hdrMenu .menuQuestion .menuHdgIcon:before,
.servMenu .menuHikari .menuHdgIcon:before,
.servMenu .menuMobile .menuHdgIcon:before,
.servMenu .menuSmartphone .menuHdgIcon:before,
.servMenu .menuMember .menuHdgIcon:before,
.footerMenu .footerMenuBasic .footerMenuHdg:before,
.footerMenu .footerMenuOption .footerMenuHdg:before {
display: table-cell;
vertical-align: middle;
}

.hdrMenu .menuService a,
.hdrMenu .menuCampaign a,
.hdrMenu .menuProcedure a,
.hdrMenu .menuAttention a,
.hdrMenu .menuQuestion a,
.footerMenu > div a {
font-size: 12px;
font-size: 1.2rem;
}

.hdrMenu .menuService .menuDetails > li a,
.hdrMenu .menuCampaign .menuDetails > li a,
.hdrMenu .menuProcedure .menuDetails > li a,
.hdrMenu .menuAttention .menuDetails > li a,
.hdrMenu .menuQuestion .menuDetails > li a,
.footerMenu > div .menuDetails > li a {
font-size: 10px;
font-size: 1rem;
}

.hdrMenu .menuService .menuDetails > li a:before,
.hdrMenu .menuCampaign .menuDetails > li a:before,
.hdrMenu .menuProcedure .menuDetails > li a:before,
.hdrMenu .menuAttention .menuDetails > li a:before,
.hdrMenu .menuQuestion .menuDetails > li a:before,
.footerMenu > div .menuDetails > li a:before {
content: '・';
vertical-align: middle;
}

.hdrMenu {
display: table;
width: 100%;
margin-bottom: 80px;
}

.hdrMenu > div {
display: table-cell;
width: 33.333%;
vertical-align: top;
}

.hdrMenu .menuUtility > div + div {
margin-top: 40px;
}

.hdrMenu .menuService .menuHdgIcon:before {
content: url(/option/common/img/icon_footer_06.png);
}

.hdrMenu .menuCampaign .menuHdgIcon:before {
content: url(/option/common/img/icon_footer_07.png);
}

.hdrMenu .menuProcedure .menuHdgIcon:before {
content: url(/option/common/img/icon_footer_08.png);
}

.hdrMenu .menuAttention .menuHdgIcon h3 a {
color: #314da5;
}

.hdrMenu .menuAttention .menuHdgIcon:before {
content: url(/option/common/img/icon_footer_09.png);
}

.hdrMenu .menuQuestion .menuHdgIcon h3 a {
color: #314da5;
}

.hdrMenu .menuQuestion .menuHdgIcon:before {
content: url(/option/common/img/icon_footer_10.png);
}

.footerMenu .footerMenuBasic .footerMenuHdg:before {
content: url(/option/common/img/icon_footer_11.png);
}

.footerMenu .footerMenuOption .footerMenuHdg:before {
content: url(/option/common/img/icon_footer_12.png);
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuHdgIcon:focus,
.footerMenu > div .footerMenuHdg:focus {
outline: none;
}

/* footerSub ************/

.footerSub {
background: #f5f5f5;
}

.footerSub .footerSubInner {
padding-top: 100px;
}

.footerSub .footerSubInner .footerSubHdg {
font-size: 21px;
font-size: 2.1rem;
margin-bottom: 63px;
text-align: center;
}


/* footerMenu ************/

.footerMenu {
display: table;
width: 100%;
padding-bottom: 140px;
}

.footerMenu > div {
width: 50%;
display: table-cell;
}

.footerMenu > div .menuItemsCol2 {
display: table;
width: 100%;
}

.footerMenu > div .menuItemsCol2 > li {
display: table-cell;
width: 50%;
}

.footerMenu > div .menuItemsCol2 .menuItemsCol2Inner {
padding-left: 55px;
}

.footer {
position: relative;
background: #efefef;
}

.footer .footerInner {
position: relative;
margin: 0 auto;
background: #efefef;
}

.footerBreadCrumbList {
padding: 20px 0;
}

.footerList {
padding-right: 0;
padding-bottom: 33px;
padding-left: 0;
}

.footerList .footerListItems {
display: table;
width: 100%;
}

.footerList .footerListItems {
display: table;
width: 100%;
}

.footerList .footerListItems > .footerListRow {
font-size: 14px;
font-size: 1.4rem;
display: table-cell;
width: 25%;
margin-bottom: 50px;
padding-right: 20px;
}

.footerList .footerListItems > .footerListRow .footerListHdg {
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
}

.footerList .footerListItems > .footerListRow .footerListHdg a {
font-size: 13px;
font-size: 1.3rem;
color: inherit;
}

.footerList .footerListItems > .footerListRow .footerListHdg:focus {
outline:none;
}

.footerList .footerListItems > .footerListRow .footerListHdg + * {
margin-top: 14px;
}

.footerList .footerListItems > .footerListRow * + li {
margin-top: 45px;
}

.footerList .footerListItems > .footerListRow .footerListDetail li {
line-height: 1.2;
}

.footerList .footerListItems > .footerListRow .footerListDetail li + li {
margin-top: 5px;
}

.footerList .footerListItems > .footerListRow .footerListDetail li .fs {
font-size: 11px;
font-size: 1.1rem;
}

.footerList .footerListItems > .footerListRow > a {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
color: #223;
}

.footerList .footerListItems > .footerListRow .footerListHdg {
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 0;
}

.footerList .footerListDetail > li > .title {
font-size: 11px;
font-size: 1.1rem;
display: inline-block;
}

.footerList .footerListDetail a {
font-size: 11px;
font-size: 1.1rem;
color: #223;
}

.footerList .footerListDetail a:hover {
text-decoration: underline;
}

.footerList .footerListDetail > li > ul {
margin-top: 5px;
padding-left: 17px;
}


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

.toTop {
position: fixed;
z-index: 2000;
right: 30px;
bottom: 100px;
width: 64px;
height: 64px;
}

.toTop a {
display: block;
overflow: hidden;
width: 100%;
height: 100%;
}

.toTop a:before {
display: block;
width: 64px;
height: 64px;
content: '';
background: url(/option/common/img/icon_footer_04.png);
}

.toTop.js_fixed {
position: absolute;
top: -64px;
bottom: 100px;
}

/* グローバルナビ ************/

.gHd2016_header.gHd2016_PC {
display: block;
}

.gHd2016_header.gHd2016_SP {
display: none;
}

/* 見出し
------------------------------------------------ */

.hdg2,
.hdg3,
.hdg4,
.hdg5 {
line-height: 1.3;
}

.hdg2 {
font-size: 29.92px;
font-size: 2.992rem;
margin: 70px 0 30px;
}

.footerSubHdg .hdg2 {
font-size: 40px;
font-size: 4rem;
}

.hdg2:first-child {
margin-top: 0;
}

* + section > .hdg2:first-child {
margin-top: 70px;
}

.accordionPanelInner .hdg2 {
font-size: 26.88px;
font-size: 2.688rem;
}

.hdg3 {
font-size: 24px;
font-size: 2.4rem;
margin: 50px 0 20px;
}

.tabPanel .hdg3:first-child {
margin-top: 0;
}

.hdg3 .icon {
font-size: 12px;
font-size: 1.2rem;
display: inline-block;
margin-left: 10px;
padding: 4px 8px 3px 8px;
text-align: center;
vertical-align: 5px;
color: #e00000;
border: 1px solid #e00000;
border-radius: 2px;
}

.accordionPanelInner .hdg3 {
font-size: 21px;
font-size: 2.1rem;
}

.hdg4 {
font-size: 20px;
font-size: 2rem;
margin: 30px 0 20px;
}

.hdg4:first-child {
margin-top: 0;
}

.hdg4Table {
font-size: 20px;
font-size: 2rem;
margin: 20px 0 5px;
font-weight: bold;
}

.col2Item .hdg4 {
margin-bottom: 12px;
}

.accordionPanelInner .hdg4 {
font-size: 16.96px;
font-size: 1.696rem;
}

.hdg5 {
font-size: 18px;
font-size: 1.8rem;
margin: 20px 0 15px;
}

/* 見出し 例 ************/

* + .hdgExample {
margin-top: 30px;
}

.hdgExample {
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
position: relative;
padding-left: 45px;
}

.hdgExample + * {
margin-top: 20px;
}

.hdgExample > .marker {
font-size: 20px;
font-size: 2rem;
font-weight: normal;
line-height: 35px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: 34px;
height: 34px;
margin: auto 0;
text-align: center;
color: #fff;
border-radius: 17px;
background-color: #85a479;
}

/* ボックス
------------------------------------------------ */

/* ヘッダボックス ************/

.hdg1Box {
z-index: 10;
margin-bottom: 15px;
background: #fff;
}

.hdg1Box nav,
.hdg1Box .hdg1BoxOuter {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
}

.cateTop .hdg1Box.js_fixedMenu .hdg1BoxInner {
padding-top: 20px;
padding-bottom: 10px;
}

.hdg1Box.js_fixedMenu .hdg1BoxInner {
padding-bottom: 10px;
}

.hdg1Box .hdg1BoxInner {
position: relative;
display: table;
padding-top: 8px;
padding-bottom: 10px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxTitles {
display: table-cell;
width: 100%;
vertical-align: top;
}

.hdg1Box .hdg1BoxInner .hdg1BoxTitles + * {
padding-left: 10px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton {
display: table-cell;
width: auto;
vertical-align: bottom;
white-space: nowrap;
padding-bottom: 10px;
}

.cateTop .hdg1Box .hdg1BoxInner .hdg1BoxBackButton{
padding-bottom: 0;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton.collabo .hdg1BoxBackButtonInner > a:before {
left: 10px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner {
display: inline-block;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner:hover,
.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner:focus {
background-color: #6d6d6d;
border: 2px solid #6d6d6d;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner > a {
padding: 5px 20px 5px 37px;
}

.hdg1Box .hdg1BoxInner .btn1Outer {
width: auto;
white-space: nowrap;
}

.hikariPage .hdg1Box .hdg1BoxInner .btn1Outer,
.membersPage .hdg1Box .hdg1BoxInner .btn1Outer,
.auPage .hdg1Box .hdg1BoxInner .btn1Outer,
.collaboPage .hdg1Box .hdg1BoxInner .btn1Outer {
padding-bottom: 10px;
}

.hdg1Box.js_fixedMenu {
position: fixed;
z-index: 3000;
top: 0;
width: 100%;
background: #fff;
}

/* キャンペーンボックス ************/

.campaignBox {
box-sizing: border-box;
}

.campaignBox > .campaignBoxHdg {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
margin: 0 0 6px;
}

.campaignBox > .list,
.campaignBox > .listAttention {
margin-bottom: 0;
}

* + .campaignBox2 {
margin-top: 30px;
}

.campaignBox2 {
display: table;
box-sizing: border-box;
width: 100%;
table-layout: auto;
}

.campaignBox2 > * {
display: table-cell;
}

.campaignBox2 > * a {
display: block;
}

.campaignBox2 > * + * {
padding-left: 10px;
}

* + .campaignBoxTopHdg {
margin-top: 70px;
}

.campaignBoxTopHdg {
font-size: 25px;
font-size: 2.5rem;
line-height: 1.1;
text-align: center;
}

* + .campaignBoxLead {
margin-top: 30px;
}

.campaignBoxLead {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.1;
text-align: center;
color: #e00000;
}

* + .campaignBox3,
* + .campaignBox4 {
margin-top: 30px;
}

.campaignBox3 {
position: relative;
border-radius: 8px;
background: #f4f8f3;
}

.campaignBox3 .icon {
position: absolute;
top: -1px;
left: -1px;
}

.campaignBox3 .image {
display: table;
box-sizing: border-box;
width: 100%;
table-layout: auto;
}

.campaignBox3 .image .col {
display: table-cell;
box-sizing: border-box;
}

.campaignBox3 .moreBtn {
padding-left: 10px;
}

.campaignBox3 * + .notes,
.campaignBox3 * + .optionNotes {
margin-top: 15px !important;
}

.campaignBox3 a {
display: block;
padding: 30px 30px 10px 30px;
}

.campaignBox3 a .notes > li,
.campaignBox3 a .optionNotes > li {
color: #223;
}

.campaignBox3 a:hover {
text-decoration: none;
}

.campaignBox4 {
display: table;
box-sizing: border-box;
width: 100%;
table-layout: auto;
border: 1px solid #ccc;
border-radius: 8px;
background: #fff;
}

.campaignBox4 .moreBtn {
padding-left: 43px;
}

.campaignBox4 .col {
display: table-cell;
box-sizing: border-box;
}

.campaignBox4 a {
display: block;
padding: 15px 25px;
}

/* hdg1 ************/

.hdg1 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.1;
color: #223;
}

.cateTop .hdg1 {
font-size: 32px;
font-size: 3.2rem;
display: table-cell;
vertical-align: middle;
}

.hdg1Sub {
display: block;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.1em;
margin-bottom: 15px;
color: #223;
}

/* hdgDotted ************/

.hdgDotted {
font-size: 20px;
font-size: 2rem;
line-height: 1.1;
position: relative;
margin: 30px 0 20px;
padding-left: 30px;
}

.hdgDotted:before {
position: absolute;
top: 4px;
left: 0;
display: block;
width: 14px;
height: 13px;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -372px -490px;
}

/* hdgCaption ************/

.hdgCaption {
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
line-height: 1.1;
}

.hdgCaption + * {
margin-top: 20px;
}

.hdgCaption span {
color: #e00000;
}

* + .hdgCaption {
margin-top: 20px;
}

/* emText ************/

.emText,
.emText2 {
font-weight: normal;
color: #e00000;
}

.emText2 {
font-weight: bold;
}

/* labelText ************/

.labelText {
line-height: 1.1;
display: inline-block;
padding: 4px 6px;
color: #e00000;
border: 1px solid #e00000;
border-radius: 3px;
}

/* lede ************/

.lede {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 45px;
}

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

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

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

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

/* リンクリスト ************/

.linkList {
margin-bottom: 15px;
}

.linkList > li + li {
margin-top: 4px;
}

.col2List .linkList > li {
font-size: 16px;
font-size: 1.6rem;
}

/* ページリンク（アンカーリンク） ************/

.pageLink {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 20px;
padding: 18px 30px;
border-radius: 8px;
background: #f4f8f3;
}

.pageLink > li a:after {
display: inline-block;
width: 10px;
height: 8px;
margin-left: 10px;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -352px -544px;
}

.pageLink > li .pageLink {
margin-bottom: 0;
padding: 5px 30px;
}

.pageLink > li .pageLink > li {
line-height: 1.5;
}

.pageLink > li .pageLink > li + li {
margin-top: 9px;
}

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

.pageLink .pageLinkList {
padding: 15px 0 0 30px;
}

/* ヘッダ 詳細メニュー・接続サービス一覧ボタン ************/

.btn1Outer .btn1 {
font-size: 13px;
font-size: 1.3rem;
position: relative;
display: inline-block;
box-sizing: border-box;
padding: 5px 36px 4px 20px;
text-align: center;
color: #fff;
border: 2px solid #4b4b4b;
border-radius: 20px;
background: #4b4b4b;
width: 180px;
}

.btn1Outer .btn1:before {
position: absolute;
top: 0;
right: 16px;
bottom: 0;
display: block;
width: 12px;
height: 12px;
margin: auto;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -280px -544px;
}

.btn1Outer .btn1:hover,
.btn1Outer .btn1:active {
color: #fff;
border-color: #6d6d6d;
background: #6d6d6d;
}

.btn1Outer {
display: none;
vertical-align: bottom;
}

.btn1Outer .btn1 {
padding: 5px 36px 5px 15px;
}

.btn1Outer .btn1:hover:before {
width: 12px;
height: 12px;
background-image: url(/option/common/img/_sprite.png);
background-position: -297px -544px;
}

.btn1Outer .btn1:hover,
.btn1Outer .btn1:active {
color: #fff;
border-color: #6d6d6d;
background: #6d6d6d;
}

.btn1Outer .btn1:hover:before,
.btn1Outer .btn1:active:before {
width: 12px;
height: 12px;
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background-image: url(/option/common/img/_sprite.png);
background-position: -280px -544px;
}

.btn1Outer .btn1:after {
position: absolute;
right: 0;
left: 0;
display: block;
width: 26px;
height: 0;
margin: 0 auto;
content: '';
background: url(/option/common/img/icon-comment_2.png) no-repeat center top;
}

.btn1Outer .btn1 a {
color: #fff;
}

.btn1Outer .btn1 a:hover {
text-decoration: none;
color: #fff;
background-color: #6d6d6d;
}

.btn1Outer.btn1OuterClick .btn1 {
background-color: #4b4b4b;
}

.btn1Outer.btn1OuterClick .btn1:before {
width: 12px;
height: 12px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-image: url(/option/common/img/_sprite.png);
background-position: -280px -544px;
}

.btn1Outer.btn1OuterClick .btn1:after {
bottom: -34px;
height: 22px;
}

.hikariPage .btn1Outer.btn1OuterClick .btn1:after,
.membersPage .btn1Outer.btn1OuterClick .btn1:after,
.auPage .btn1Outer.btn1OuterClick .btn1:after,
.collaboPage .btn1Outer.btn1OuterClick .btn1:after {
bottom: -44px;
}

.btn1Outer.btn1OuterClick .btn1:link {
text-decoration: none;
color: #fff;
}

.btn1Outer.btn1OuterClick .btn1,
.btn1Outer.btn1OuterClick .btn1:visited,
.btn1Outer.btn1OuterClick .btn1:hover,
.btn1Outer.btn1OuterClick .btn1:active {
text-decoration: none;
color: #fff;
border-color: #6d6d6d;
background-color: #6d6d6d;
}

.btn1Outer + .hdg1BoxBackButton {
padding-left: 7px;
}

.contentsTopMenu {
zoom: 1;
border-bottom: 1px solid #dbdbdb;
background: #f8f8f8 url(/option/common/img/bg_03.png) repeat-x center 0;
}

.contentsTopMenu .hdrMenu {
margin-bottom: 0;
}

.contentsTopMenu .menu2 {
margin-top: 40px;
}

.contentsTopMenu .menu2:after {
display: block;
clear: both;
content: '';
}

.contentsTopMenu .menu2 .menuHdg {
margin-bottom: 10px;
}

.contentsTopMenu .menu2 .menuItems > * {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.45;
}

.contentsTopMenu .menu2 .menuItems > * + li {
margin-top: 5px;
}

.contentsTopMenu .menu2 > * {
float: left;
width: 50%;
}

.contentsTopMenuInner {
position: relative;
width: 950px;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 50px;
}

/* SP申し込みボタン ************/

.btn6 {
font-size: 20.8px;
font-size: 2.08rem;
display: inline-block;
width: 354px;
padding: 11px 30px 8px;
text-align: center;
background: #fcdb00;
box-shadow: 0 3px 6px rgba(199, 199, 199, .5);
}

.btn6:link,
.btn6:visited {
color: #223;
}

.btn6:hover,
.btn6:active {
text-decoration: underline;
background: #fee63c;
}

/* btn7（top会員向けお手続きボタン） ************/

.btn7 {
font-size: 11px;
font-size: 1.1rem;
position: relative;
display: inline-block;
box-sizing: border-box;
margin-top: 12px;
margin-left: 10px;
padding: 5px 10px 4px;
text-align: center;
color: #223;
border: 2px solid #5d5d5d;
border-radius: 17px;
}

.btn7:link,
.btn7:visited {
color: #223;
}

.btn7:hover,
.btn7:active {
text-decoration: none;
color: #fff;
background-color: #4b4b4b;
}

.btn7Outer {
height: 100%;
}

.txtUnderline {
text-decoration: underline;
color: #223;
}

/* 画像 ************/

.cImgFull {
width: 100%;
margin-bottom: 30px;
}

.cImgFull.style1 {
position: relative;
margin-top: 60px;
}

.cImgFull.style1 .linkIcon {
position: absolute;
top: 14px;
right: 0;
border: none;
border-radius: 0;
}

.cImgFull.style1 a {
display: block;
}

.cImgFull.style1 a:hover {
background-color: #f4f8f3;
}

.cImgFull.style1:before {
position: absolute;
top: -48px;
right: 0;
left: 0;
display: block;
width: 33px;
height: 33px;
margin: 0 auto;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -164px -614px;
}

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

/* 画像 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%;
}


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

.list,
.listAttention {
margin: 0 0 20px;
word-wrap: break-word;
}

.list > li,
.listAttention > li {
padding-left: 30px;
}

.list > li > .list > li,
.listAttention > li > .list > li,
.list > li > .listAttention > li,
.listAttention > li > .listAttention > li {
position: relative;
padding-left: 20px;
}

.list > li > .list > li:before,
.listAttention > li > .list > li:before,
.list > li > .listAttention > li:before,
.listAttention > li > .listAttention > li:before {
position: absolute;
top: 9px;
left: 0;
display: block;
width: 4px;
height: 2px;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -384px -392px;
}

.list > li > .list > li .list > li,
.listAttention > li > .list > li .list > li,
.list > li > .listAttention > li .list > li,
.listAttention > li > .listAttention > li .list > li,
.list > li > .list > li .listAttention > li,
.listAttention > li > .list > li .listAttention > li,
.list > li > .listAttention > li .listAttention > li,
.listAttention > li > .listAttention > li .listAttention > li {
position: relative;
padding-left: 20px;
}

.list > li > .list > li .list > li:before,
.listAttention > li > .list > li .list > li:before,
.list > li > .listAttention > li .list > li:before,
.listAttention > li > .listAttention > li .list > li:before,
.list > li > .list > li .listAttention > li:before,
.listAttention > li > .list > li .listAttention > li:before,
.list > li > .listAttention > li .listAttention > li:before,
.listAttention > li > .listAttention > li .listAttention > li:before {
position: absolute;
top: 9px;
left: 0;
display: block;
width: 3px;
height: 3px;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -384px -384px;
}

.list > li,
.listAttention > li {
position: relative;
padding-left: 30px;
color: #223;
}

.list > li:before,
.listAttention > li:before {
position: absolute;
top: -1px;
left: 0;
display: inline-block;
content: '●';
}

.list > li .icon {
font-size: 9.74px;
font-size: 0.974rem;
line-height: 1;
position: relative;
top: 3px;
display: inline-block;
margin-left: 5px;
padding: 3px 8px;
text-align: center;
vertical-align: 5px;
color: #e00000;
border: 1px solid #e00000;
border-radius: 2px;
}

.list > li + li,
.listAttention > li + li {
margin-top: 14px;
}

.list > li .list,
.listAttention > li .list,
.list > li .listAttention,
.listAttention > li .listAttention,
.list > li .listPlane,
.listAttention > li .listPlane,
.list > li .linkList,
.listAttention > li .linkList {
margin-top: 8px;
margin-bottom: 8px;
}

.list > li .list > li + li,
.listAttention > li .list > li + li,
.list > li .listAttention > li + li,
.listAttention > li .listAttention > li + li,
.list > li .listPlane > li + li,
.listAttention > li .listPlane > li + li,
.list > li .linkList > li + li,
.listAttention > li .linkList > li + li {
margin-top: 5px;
}

.list > li .notes > li,
.listAttention > li .notes > li,
.list > li .optionNotes > li,
.listAttention > li .optionNotes > li {
font-size: 12px;
font-size: 1.2rem;
}

.list > li .notes > li > span,
.listAttention > li .notes > li > span,
.list > li .optionNotes > li > span,
.listAttention > li .optionNotes > li > span {
top: 2px;
}

.accordionPanelInner .list > li,
.accordionPanelInner .listAttention > li {
font-size: 12px;
font-size: 1.2rem;
}

/* list2 ************/

.list2 {
padding: 20px 30px;
background: #f4f8f3;
}

.list2 li {
position: relative;
padding-left: 30px;
color: #223;
}

.list2 li:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
content: '●';
}

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

/* リスト 番号付き ************/

.list3 > li {
font-size: 14px;
font-size: 1.4rem;
position: relative;
padding-left: 30px;
}

.list3 > li > .marker {
position: absolute;
top: 0;
left: 0;
}
/*
.list3 + * {
margin-top: 20px;
}
*/

/* リスト 装飾なし ************/

.listPlane {
margin: 0 0 16px;
}

.listPlane > li + li {
margin-top: 3px;
}

/* リスト 枠あり ************/

.listAttention {
margin-bottom: 30px;
padding: 20px 30px;
border-radius: 8px;
background: #f4f8f3;
}

.listAttention > li + li {
margin-top: 7px;
}

/* リスト faq ************/

.faq {
margin-bottom: 10px;
}

.faq > li {
position: relative;
padding-left: 30px;
}

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

.faq > li > a {
font-size: 14px;
font-size: 1.4rem;
}

.faq > li > a:before {
font-size: 17px;
font-size: 1.7rem;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
display: block;
content: 'Q';
color: #8abd71;
}

/* 定義リスト ************/

.listPattern > li + li {
margin-top: 3px;
}

.listPattern > li > .row {
display: inline-block;
}

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

.notes {
margin-bottom: 15px;
}

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

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

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

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

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

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

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

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

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

/* listOrder *****************/

.listOrder li {
list-style: inside decimal;
}

/* 注意ボックス ************/

.attentionPanel {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6;
margin-bottom: 20px;
padding: 15px 30px;
text-align: center;
color: #e00000;
border: 1px solid #e00000;
border-radius: 8px;
}

/* ボックスインデント ************/

.boxIndent {
padding-left: 30px;
}

/* appliancebox ************/

.appliancebox {
margin-bottom: 30px;
}

.appliancebox .contentsHdg {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.3;
position: relative;
margin: 50px 0 20px;
color: #223;
}

.appliancebox .contentsHdg span {
font-size: 8px;
font-size: 0.8rem;
display: inline-block;
margin-left: 10px;
padding: 4px 8px 3px 8px;
text-align: center;
vertical-align: 5px;
color: #e00000;
border: 1px solid #e00000;
border-radius: 2px;
}

.appliancebox .contents .contentsSubTitle {
font-size: 17.92px;
font-size: 1.792rem;
line-height: 1.1;
margin-bottom: 15px;
color: #223;
}

.appliancebox .contents .contentsText {
line-height: 1.714;
margin-bottom: 10px;
color: #223;
}

.appliancebox .contents .contentsText + .contentsSubTitle {
margin-top: 23px;
}

/* promotionBox（月額表示） ************/

.promotionBox {
margin-bottom: 15px;
}

.promotionBox sup {
color: #e00000;
}

.promotionBoxCatch {
font-size: 20.96px;
font-size: 2.096rem;
font-weight: normal;
line-height: 1.2;
margin-bottom: 10px;
color: #e00000;
}

.promotionBoxCatch em {
font-size: 23.34px;
font-size: 2.334rem;
font-weight: normal;
padding-left: 17px;
}

.promotionBoxCatch em > span {
font-size: 31.51px;
font-size: 3.151rem;
font-weight: bold;
}

.promotionBoxCatch sup {
font-size: 9.12px;
font-size: 0.912rem;
vertical-align: middle;
}

.promotionBoxLead {
font-weight: bold;
}

.promotionBoxLead em {
color: #e00000;
}

.promotionBoxBody .list,
.promotionBoxBody .listAttention {
margin-bottom: 15px;
}

.promotionBoxBody .list > li,
.promotionBoxBody .listAttention > li {
font-weight: bold;
}

.promotionBoxBody .list > li em,
.promotionBoxBody .listAttention > li em {
color: #e00000;
}

.promotionBoxBody .list > li + li,
.promotionBoxBody .listAttention > li + li {
margin-top: 1px;
}

.promotionBoxBody .notes > li,
.promotionBoxBody .optionNotes > li {
line-height: 1.5;
}

.promotionBoxBody .notes > li + li,
.promotionBoxBody .optionNotes > li + li {
margin-top: 7px;
}

.hdg2 + .promotionBox {
margin-top: -17px;
}

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

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

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

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

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

.col2Hdg {
margin-bottom: 2px;
}

.col2Hdg .attention {
color: #e00000;
}

.col2Text {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 2px;
}

.col2Text .tel {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}

.col2List {
position: relative;
}

.col2List > li {
line-height: 1.7;
position: relative;
padding-left: 30px;
}

.col2List > li .notes > li,
.col2List > li .optionNotes > li {
font-size: 12px;
font-size: 1.2rem;
}

.col2List > li >.marker {
position: absolute;
top: 0;
left: 0;
display: block;
}

.col2List > li p {
font-size: 13.68px;
font-size: 1.368rem;
margin-bottom: 0;
}

.col2List > li .tel {
font-size: 14px;
font-size: 1.4rem;
}

.col2List > li + li {
margin-top: 16px;
}

.col2List > li .col2Linklist a {
font-size: 18.56px;
font-size: 1.856rem;
}

/* テーブル
------------------------------------------------ */

table .al {
text-align: left !important;
}

table .ar {
text-align: right !important;
}

table .ac {
text-align: center !important;
}

table th,
table td {
word-wrap: break-word;
}

table col.uStyle {
width: 17%;
}
/*
table ~ table {
margin-top: 40px;
}
*/

.table {
box-sizing: border-box;
width: 100%;
margin-bottom: 20px;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
border: 1px solid #b7d9a3;
}

.tableColor1 {
background: #f8f9f8 !important;
}

.tableColor2 {
background: #edf5ea !important;
}

.tableFont1 {
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
}

.tableFont2 {
color: #e00000;
}

.tableFont3 {
font-size: 11px;
font-size: 1.1rem;
font-weight: normal;
}

.tableFont2.marker {
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
padding-right: 6px;
padding-left: 5px;
}

.table tbody .tableStyle1 {
box-sizing: content-box;
}

.table tbody .tableStyle1 th {
background-image: url(/option/common/img/bg_03.gif);
background-repeat: repeat-y;
background-position: left top;
}

.table tbody .tableStyle1 th,
.table tbody .tableStyle1 td {
border-top: 5px solid #b7d9a3;
border-bottom: 5px solid #b7d9a3;
}

.table tbody .tableStyle1 td.last {
background-image: url(/option/common/img/bg_03.gif);
background-repeat: repeat-y;
background-position: right top;
}

.table tbody tr td .tableList {
margin: 0 auto;
text-align: right;
font-size: 11.83px;
font-size: 1.183rem;
}

.table tbody tr td .tableList.branch {
font-size: 14px;
font-size: 1.4rem;
}

.table tbody tr td .tableList li + li {
margin-top: 10px;
}

.table tbody tr .tableList.emphasis {
font-weight: bold;
}

.table thead tr th,
.table thead tr td {
padding: 18px 15px 12px;
border: 1px solid #b7d9a3;
background: #fff;
}

.table tbody tr th,
.table tbody tr td {
padding: 15px 15px 12px;
vertical-align: middle;
}

.table tbody tr th {
box-sizing: border-box;
border: 1px solid #b7d9a3;
background: #edf5ea;
}

.table tbody tr th .tableCalc {
font-size: 10.85px;
font-size: 1.085rem;
font-weight: normal;
text-align: left;
}

.table tbody tr th .tableCalc .total {
display: inline-block;
width: 100%;
border-top: 1px solid;
}

.table tbody tr td {
text-align: center;
border: 1px solid #b7d9a3;
}

.table tbody tr td span.emphasis {
font-size: 16px;
font-size: 1.6rem;
}

.table sup,
.table2 sup {
font-size: 11.83px;
font-size: 1.183rem;
padding-left: 3px;
color: #e00000;
}

.table tbody th {
text-align: center;
}

.table tbody td {
text-align: left;
}

.table tbody tr th [class^='icon-'] {
position: relative;
display: inline-block;
margin: 25px 0 15px;
}

.table tbody tr th [class^='icon-']:before {
position: absolute;
top: 0;
right: 0;
left: 0;
display: block;
margin: 0 auto;
content: '';
background: url(/option/common/img/_sprite.png) no-repeat center bottom;
}

.table tbody tr th .icon-sp {
padding-top: 90px;
}

.table tbody tr th .icon-sp:before {
width: 39px;
height: 65px;
background-position: -35px -544px;
}

.table tbody tr th .icon-mb {
padding-top: 89px;
}

.table tbody tr th .icon-mb:before {
width: 23px;
height: 64px;
background-position: -35px -663px;
}

.table tbody tr th .icon-tb {
padding-top: 95px;
}

.table tbody tr th .icon-tb:before {
width: 51px;
height: 70px;
background-position: -35px -469px;
}

.table tbody tr td {
border: 1px solid #b7d9a3;
}

.table .listPlan > li {
position: relative;
padding-left: 10px;
}

.table .listPlan > li:before {
line-height: 1.1;
position: absolute;
top: 9px;
left: 0;
display: block;
width: 3px;
height: 3px;
content: '';
border-radius: 2px;
background-color: #222;
}
/*
.table + .hdg3 {
text-align: center;
}
*/

.tableWrap .tableWrapFlow {
position: relative;
margin-bottom: 60px;
}

.tableWrap .tableWrapHdg {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 10px;
text-align: center;
}


/* table2 ************/

.table2 {
table-layout: auto;
margin-bottom: 20px;
border-collapse: collapse;
border: 1px solid #b7d9a3;
}

.table2 td,
.table2 th {
line-height: 1.3;
}

.table2 > thead {
text-align: center;
}

.table2 > thead > tr {
background: #edf5ea;
}

.table2 > thead > tr > th {
padding: 15px;
background: transparent;
}

.table2 > thead > tr > th + th {
border-left: 1px solid #b7d9a3;
}

.table2 > tbody > tr {
border: 1px solid #b7d9a3;
}

.table2 > tbody > tr > td {
padding: 15px;
}

.table2 > tbody > tr > td + td {
border-left: 1px solid #b7d9a3;
}


/* フロー
------------------------------------------------ */

.flow + .flow {
margin-top: 10px;
}

.flow > .flowHdg {
display: table;
box-sizing: border-box;
width: 100%;
padding: 5px 0;
border: 1px solid #ccc;
border-radius: 6px;
background: #f4f8f3;
}

.flow > .flowHdg > * {
display: table-cell;
vertical-align: middle;
}

.flow > .flowHdg .num {
font-size: 19.76px;
font-size: 1.976rem;
display: inline-block;
padding-left: 5px;
}

.flow > .flowHdg .label {
position: relative;
top: -1px;
}

.flow > .flowHdg .primary {
font-size: 13.92px;
font-size: 1.392rem;
line-height: 1;
box-sizing: border-box;
width: 90px;
padding: 15px 20px 15px 10px;
letter-spacing: 1px;
color: #357500;
border-right: 1px solid #357500;
}

.flow > .flowHdg .secondary {
font-size: 20px;
font-size: 2rem;
line-height: 1.1;
padding: 15px 20px;
color: #357500;
}

.flow > .flowContent {
padding: 25px 0 20px 135px;
background: url(/option/common/img/arrow_01.png) 15px bottom no-repeat;
}

.flow > .flowContent.last {
background: none;
}

.flow >.flowContent + .flowHdg {
margin-top: 10px;
}

.flow .clearIndent {
margin-left: -45px;
}

.flow .flowContent .flowHdg {
font-size: 16px;
font-size: 1.6rem;
margin-left: -45px;
font-weight: bold;
line-height: 1.75;
margin-bottom: 6px;
}

.flow .flowContent .flowHdg + .flowHdg {
margin-top: 20px;
}

.flow .flowContent .flowHdg[class*="icon"] {
position: relative;
padding-left: 45px;
}

.flow .flowContent .flowHdg[class*="icon"]:before {
content: "";
position: absolute;
top: 2px;
background-image: url(/option/common/img/_sprite.png);
background-position: -240px -614px;
}

.flow .flowContent .flowHdg.iconMail {
min-height: 21px;
}

.flow .flowContent .flowHdg.iconMail:before {
width: 32px;
height: 21px;
left: 2px;
background-position: -79px -581px;
}

.flow .flowContent .flowHdg.iconMoney {
min-height: 21px;
}

.flow .flowContent .flowHdg.iconMoney:before {
width: 36px;
height: 21px;
left: 0px;
background-position: -126px -663px;
}

.flow .flowContent .flowHdg.iconPost {
min-height: 32px;
}

.flow .flowContent .flowHdg.iconPost:before {
width: 24px;
height: 32px;
left: 5px;
background-position: -240px -614px;
}

.flow .flowContent .flowHdg.iconTel:before {
width: 26px;
height: 43px;
left: 8px;
background-position: -94px -663px;
}

.flow .flowContent .flowHdg.iconParcel:before {
width: 33px;
height: 30px;
top: 0;
left: 2px;
background-position: -272px -614px;
}

.flow .flowContent .flowHdg.iconWrench,
.flow .flowContent .flowHdg.iconTel {
min-height: 35px;
}

.flow .flowContent .flowHdg.iconWrench:before {
width: 35px;
height: 35px;
left: 2px;
background-position: -123px -614px;
}

.flow .flowContent .flowHdg.iconSearch:before {
	width: 33px;
	height: 32px;
	top: 0;
	left: 2px;
	background-position: -314px -614px;
}

.flow .flowContent .flowHdg.iconPc:before {
	width: 33px;
	height: 32px;
	top: 0;
	left: 2px;
	background-position: -357px -614px;
}

.flow .flowBtn {
margin: 0 auto 20px;
text-align: center;
}

.flow .flowListNumber {
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 0 68px;
}

.flow .flowListNumber li {
list-style: decimal;
}

.flow .flowListNumber li ul {
margin-bottom: 0;
}

.flow .flowListNumber li li {
list-style: none;
}

.flow .flowIconText {
display: table;
margin-bottom: 15px;
table-layout: auto;
}

.flow .flowIconText > * {
display: table-cell;
vertical-align: top;
}

.flow .flowIconText > .icon > span {
font-size: 10.99px;
font-size: 1.099rem;
font-weight: bold;
line-height: 1;
padding: 3px 10px 2px;
white-space: nowrap;
border: 1px solid #223;
}

.flow .flowIconText > .text {
font-size: 13.92px;
font-size: 1.392rem;
padding-top: 1px;
padding-left: 10px;
}

/* アコーディオン
------------------------------------------------ */

.accordion .accordionPanel {
position: relative;
padding-top: 1px;
background: url(/option/common/img/bg_01.png) repeat-x center 0;
}

.accordion .accordionPanel:before {
position: absolute;
top: 0;
right: 0;
left: 0;
display: block;
width: 26px;
height: 24px;
margin: 0 auto;
content: '';
background: url(/option/common/img/icon-comment.png) no-repeat center top;
}

.accordion .accordionPanel .accordionPanelInner {
margin-top: 23px;
padding: 27px 0 50px 0;
background: url(/option/common/img/bg_02.png) repeat-x center bottom #fff;
}

.accordion .accordionPanel .accordionPanelInner .contents {
width: 710px;
margin: 0 auto;
}

/* accordion2 ************/

.accordion2 {
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 8px;
}

.accordion2List {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.1;
position: relative;
display: block;
padding: 13px 70px 11px 30px;
cursor: pointer;
text-decoration: none;
color: #223;
border-radius: 8px;
background: #f5f5f6;
}

.accordion2List:visited,
.accordion2List:hover,
.accordion2List:active,
.accordion2List a:focus {
text-decoration: none !important;
}

.accordion2List:after {
position: absolute;
top: 0;
right: 21px;
bottom: 0;
display: block;
width: 18px;
height: 18px;
margin: auto;
content: '';
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background-image: url(/option/common/img/_sprite.png);
background-position: -240px -544px;
}

.accordion2List.active {
background-color: #fff;
}

.accordion2List.active:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.accordion2List:hover,
.accordion2List:focus {
background: #fff;
}

.accordion2Item {
font-size: 13.92px;
font-size: 1.392rem;
padding: 7px 30px 11px;
border-radius: 8px;
}

.accordion2:hover,
.accordion2:active {
border-color: #666;
}

.accordion2.opend {
border-color: #666;
}

.accordion2 + .accordion2 {
margin-top: 15px;
}

/* モジュール用
------------------------------------------------ */

.colorBox {
margin-bottom: 15px;
}

.colorBoxTextColor {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxTextColor:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #223;
}

.colorBoxLinkColor {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxLinkColor:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #314da5;
}

.colorBoxHoverColor {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxHoverColor:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #0074bd;
}

.colorBoxApplicationColor {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxApplicationColor:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #fce100;
}

.colorBoxtableFont2 {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxtableFont2:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #e00000;
}

.colorBoxAccentColor {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxAccentColor:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #3f8500;
}

.colorBoxBgColor1 {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxBgColor1:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #f7f8f8;
}

.colorBoxBgColor2 {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxBgColor2:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #f4f8f3;
}

.colorBoxBgColor3 {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxBgColor3:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #edf5ea;
}

.colorBoxAuColor {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxAuColor:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #e95504;
}

.colorBoxHikariColor {
font-size: 14.88px;
font-size: 1.488rem;
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}

.colorBoxHikariColor:before {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
content: '';
vertical-align: middle;
background: #e95504;
}

/* カルーセルバナー
------------------------------------------------ */

.carouselBnrBox {
width: 880px;
margin: 70px auto 78px;
}

.carouselBnrBox p {
text-align: center;
}

.carouselBnrBox img {
border: none;
}

.js_carousel {
text-align: center;
}

[data-script-enabled='true'] .js_carousel li > a {
display: block;
}

[data-script-enabled='true'] .js_carousel {
position: relative;
z-index: 1;
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
}

[data-script-enabled='true'] .js_carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}

[data-script-enabled='true'] .js_carousel .owl-stage:after {
line-height: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '.';
}

[data-script-enabled='true'] .js_carousel .owl-stage-outer {
position: relative;
overflow: hidden;
padding-bottom: 1px;
-webkit-transform: translate3d(0px, 0px, 0px);
}

[data-script-enabled='true'] .js_carousel .owl-item {
position: relative;
float: left;
min-height: 1px;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}

[data-script-enabled='true'] .js_carousel .owl-item img {
display: block;
width: 100%;
/*-webkit-transform-style: preserve-3d;*/
}

[data-script-enabled='true'] .js_carousel .owl-nav.disabled,
[data-script-enabled='true'] .js_carousel .owl-dots.disabled {
display: none;
}

[data-script-enabled='true'] .js_carousel .owl-nav .owl-prev,
[data-script-enabled='true'] .js_carousel .owl-nav .owl-next,
[data-script-enabled='true'] .js_carousel .owl-dot {
cursor: pointer;
/* cursor: hand; */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-khtml-user-select: none;
}

[data-script-enabled='true'] .js_carousel.owl-loaded {
display: block;
}

[data-script-enabled='true'] .js_carousel.owl-loading {
display: block;
opacity: 0;
}

[data-script-enabled='true'] .js_carousel.owl-hidden {
opacity: 0;
}

[data-script-enabled='true'] .js_carousel.owl-refresh .owl-item {
display: none;
}

[data-script-enabled='true'] .js_carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

[data-script-enabled='true'] .js_carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}

[data-script-enabled='true'] .js_carousel.owl-rtl {
direction: rtl;
}

[data-script-enabled='true'] .js_carousel.owl-rtl .owl-item {
float: right;
}

[data-script-enabled='true'] .no-js .owl-carousel {
display: block;
}

[data-script-enabled='true'] .owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

[data-script-enabled='true'] .owl-carousel .owl-animated-in {
z-index: 0;
}

[data-script-enabled='true'] .owl-carousel .owl-animated-out {
z-index: 1;
}

[data-script-enabled='true'] .owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}

[data-script-enabled='true'] .owl-height {
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}

[data-script-enabled='true'] .owl-theme .owl-prev,
[data-script-enabled='true'] .owl-theme .owl-next {
font-size: 30px;
font-size: 3rem;
position: absolute;
top: 50%;
bottom: 0;
margin: 0;
margin-top: -30px;
padding: 0;
cursor: pointer;
color: #d6d6d6;
border-radius: 3px;
background: #fff;
}

[data-script-enabled='true'] .owl-theme .owl-prev:hover,
[data-script-enabled='true'] .owl-theme .owl-next:hover {
text-decoration: none;
color: #869791;
}

[data-script-enabled='true'] .owl-theme .owl-prev > span,
[data-script-enabled='true'] .owl-theme .owl-next > span {
display: table-cell;
vertical-align: middle;
}

[data-script-enabled='true'] .owl-theme .disabled {
cursor: default;
opacity: .5;
}

[data-script-enabled='true'] .owl-theme .owl-prev {
left: -30px;
}

[data-script-enabled='true'] .owl-theme .owl-next {
right: -30px;
}

[data-script-enabled='true'] .owl-theme .owl-controls {
position: absolute;
width: 100%;
}

[data-script-enabled='true'] .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}

[data-script-enabled='true'] .owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}

[data-script-enabled='true'] .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}

[data-script-enabled='true'] .owl-theme .owl-dots .owl-dot span {
display: block;
width: 33px;
height: 4px;
margin: 5px 7px;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
background: #d6d6d6;
-webkit-backface-visibility: visible;
}

[data-script-enabled='true'] .owl-theme .owl-dots .owl-dot.active span,
[data-script-enabled='true'] .owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}

[data-script-enabled='true'] .owl-theme .owl-prev,
[data-script-enabled='true'] .owl-theme .owl-next {
font-size: 30px;
font-size: 3rem;
position: absolute;
top: 50%;
bottom: 0;
margin: 0;
margin-top: -30px;
padding: 0;
cursor: pointer;
color: #d6d6d6;
border-radius: 3px;
background: #fff;
}

[data-script-enabled='true'] .owl-theme .owl-prev:hover,
[data-script-enabled='true'] .owl-theme .owl-next:hover {
text-decoration: none;
color: #869791;
}

[data-script-enabled='true'] .owl-theme .owl-prev > span,
[data-script-enabled='true'] .owl-theme .owl-next > span {
display: table-cell;
vertical-align: middle;
}

[data-script-enabled='true'] .owl-theme .disabled {
cursor: default;
opacity: .5;
}

[data-script-enabled='true'] .owl-theme .owl-prev {
left: -30px;
}

[data-script-enabled='true'] .owl-theme .owl-next {
right: -30px;
}

[data-script-enabled='true'] .owl-theme .owl-controls {
position: absolute;
width: 100%;
}

[data-script-enabled='true'] .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}

[data-script-enabled='true'] .owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}

[data-script-enabled='true'] .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}

[data-script-enabled='true'] .owl-theme .owl-dots .owl-dot span {
display: block;
width: 33px;
height: 4px;
margin: 5px 7px;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
background: #d6d6d6;
-webkit-backface-visibility: visible;
}

[data-script-enabled='true'] .owl-theme .owl-dots .owl-dot.active span,
[data-script-enabled='true'] .owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}


/* オプション
------------------------------------------------ */

.option {
margin-bottom: 40px;
}

.option:after {
display: block;
clear: both;
content: '';
}

.optionCol {
float: left;
box-sizing: border-box;
width: 25%;
padding: 0 2.95276% 0 2.95276%;
}

.optionColOf2 {
float: left;
box-sizing: border-box;
width: 33.33333%;
padding: 0 2.95276% 0 2.95276%;
}

.optionImg {
margin-bottom: 20px;
text-align: center;
}

.optionImg2 {
margin-bottom: 20px;
text-align: center;
}

.optionImg2 img {
border: 1px solid #ccc;
border-radius: 6px;
}

.optionHdg {
font-size: 19.52px;
font-size: 1.952rem;
line-height: 1.3;
margin-bottom: 15px;
text-align: center;
}

.optionContents dt {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #223;
}

.optionContents dd {
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 10px;
}

.optionContents dd ul > li {
font-size: 13.6px;
font-size: 1.36rem;
}

.optionText2 {
margin: -10px 0 0 0;
}

.optionNotes {
font-size: 16px;
font-size: 1.6rem;
}

.optionNotes > li {
padding-left: 0;
}

.option2 {
width: 74.16667%;
margin: 0 auto 140px;
}

.option2 img {
border: none;
}

.option2 p {
text-align: center;
}

.js_fontLarge .hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner {
border-radius: 20px;
}

.js_fontLarge .hdg1Box .hdg1BoxInner .hdg1BoxBackButton:before {
left: 10px;
}

.js_fontLarge .btn1Outer {
width: 215px;
}

.js_fontLarge .btn1Outer .btn1 {
border-radius: 20px;
}

.js_fontLarge .applicationBtn a {
width: auto !important;
}

.js_fontLarge .btn1Outer.branch .btn1 {
border-radius: 20px;
}

.js_fontLarge .hdg1Box .hdg1BoxInner .hdg1BoxBackButton.collabo .hdg1BoxBackButtonInner {
border-radius: 20px;
}

.js_fontLarge .hdg1Box .hdg1BoxInner .hdg1BoxBackButton.collabo:before {
left: 10px;
}

/* 見出し Top ************/

.hdg2Top,
.hdg2TopUnique,
.hdg3Top,
.hdg3Top2,
.hdg3Top3,
.hdg3Top4,
.hdg3Top5 {
text-align: center;
}

.hdg2Top,
.hdg2TopUnique {
font-size: 40px;
font-size: 4rem;
}

.hdg2Top {
margin-top: 100px;
}

.hdg2Top:focus,
.hdg3Top:focus {
outline: none;
}

.hdg2Top + .textTop,
.hdg2TopUnique + .textTop,
.hdg2Top + .campaign2Text2,
.hdg2TopUnique + .campaign2Text2 {
margin-top: -30px;
}

.toggleContents + .hdg2Top,
.toggleContents + .hdg2TopUnique {
margin-top: 130px;
}

.jsFontLarge .hdg3Top2:before {
right: 320px;
}

.jsFontLarge .hdg3Top3:before {
right: 300px;
}

.hdg3Top {
font-size: 24.96px;
font-size: 2.496rem;
padding: 12px 30px 12px 15px;
}

.hdg3Top2 {
font-size: 25px;
font-size: 2.5rem;
margin-bottom: 20px;
}

.hdg3Top2:before {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 39px;
margin: auto;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -78px -614px;
margin-right: 10px;
}

.hdg3Top3 {
font-size: 25px;
font-size: 2.5rem;
margin-top: 70px;
margin-bottom: 30px;
}

.hdg3Top3:before {
display: inline-block;
vertical-align: middle;
width: 26px;
height: 43px;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -63px -663px;
margin-right: 10px;
}

.hdg3Top4 {
font-size: 34.88px;
font-size: 3.488rem;
}

.hdg3Top5 {
font-size: 24.96px;
font-size: 2.496rem;
margin-bottom: 40px;
}

.hdg3Top5 .db {
display: inline;
}

.textTop,
.campaign2Text2,
.textTop2,
.textTop4 {
text-align: center;
}

.textTop em,
.campaign2Text2 em,
.textTop2 em,
.textTop4 em {
color: #e00000;
}

.textTop .em2,
.campaign2Text2 .em2,
.textTop2 .em2,
.textTop4 .em2 {
color: #223;
}

.textTop,
.campaign2Text2 {
line-height: 2;
margin-bottom: 38px;
}

.textTop2 {
font-size: 13.92px;
font-size: 1.392rem;
margin-bottom: 20px;
}

.textTop2 span {
font-weight: bold;
}

.hdg2Top + * > .textTop:first-child,
.hdg2TopUnique + * > .textTop:first-child,
.hdg2Top + * > .campaign2Text2:first-child,
.hdg2TopUnique + * > .campaign2Text2:first-child {
margin-top: -25px;
}

.textTop4 {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 70px;
}

.textTop4 .db {
display: block;
}

.ledeTop {
font-size: 20px;
font-size: 2rem;
margin-bottom: 55px;
text-align: center;
}

/* メインビジュアル
------------------------------------------------ */

/* メインビジュアル文言 ************/


.campaign {
padding: 0;
}

.campaignHdg {
font-size: 27.04px;
font-size: 2.704rem;
color: #e95504;
}

.campaignText {
font-size: 16px;
font-size: 1.6rem;
line-height: 2;
margin-bottom: 13px;
padding-right: 10px;
}

.campaign .notes span,
.campaign .optionNotes span {
position: static;
margin-right: 5px;
}

.campaign2 {
display: table;
display: block;
overflow: hidden;
width: 100%;
table-layout: fixed;
border-spacing: 20px;
border-collapse: separate;
}

.campaign2Col {
display: table-cell;
box-sizing: border-box;
padding: 6px 30px;
vertical-align: middle;
border: 1px solid #ccc;
border-radius: 6px;
}

.campaign2Text {
font-size: 12.96px;
font-size: 1.296rem;
margin-bottom: 10px;
text-align: center;
}

.campaign2Text2 {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 0;
}

.campaign2Text2 em {
color: #e95504;
}

.hdg4Top + .campaign2 {
margin-top: 20px;
}

.pageNavOuter {
padding: 0;
}

.pageNav {
position: relative;
z-index: 10;
display: table;
width: 100%;
margin-bottom: -2px;
table-layout: fixed;
text-align: center;
}

.pageNav > li {
font-size: 16px;
font-size: 1.6rem;
position: relative;
display: table-cell;
height: 58px;
table-layout: fixed;
vertical-align: top;
}

.pageNav > li:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: 1px;
height: 26px;
margin: auto;
content: '';
border-left: 1px solid #ccc;
}

.pageNav > li .btn6 {
font-size: 14.88px;
font-size: 1.488rem;
display: block;
box-sizing: border-box;
width: auto;
margin: 10px 10px 0;
padding: 7px 30px 5px;
}

.pageNav > li .btn6 a {
color: #223;
}

.pageNav > li > a {
line-height: 1.4;
position: relative;
display: table;
width: 100%;
height: 58px;
vertical-align: middle;
color: #223;
}

.pageNav > li > a > span {
display: table-cell;
width: 100%;
height: 100%;
padding: 0 5px;
vertical-align: middle;
font-size: 15px;
font-size: 1.5rem;
}

.pageNav > li > a:after {
position: absolute;
right: 0;
bottom: 7px;
left: 0;
display: block;
width: 12px;
height: 8px;
margin: auto;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -125px -528px;
}

.pageNav > li > a:hover,
.pageNav > li > a.current {
text-decoration: underline;
color: #388400;
}

.pageNav > li > a:hover:after,
.pageNav > li > a.current:after {
position: absolute;
bottom: -3px;
left: 50%;
display: block;
width: 180px;
height: 7px;
margin-left: -90px;
content: '';
background: url(/option/common/img/bg_hover_01.png) no-repeat center bottom;
}

.js_fixedMenu .pageNav > li > a:hover:after,
.js_fixedMenu .pageNav > li > a.current:after {
bottom: -1px;
}

.pageNav > li:first-child:before {
display: none;
}

.pageNavDrop {
left: 0;
box-sizing: border-box;
width: 100%;
background: #f8f8f8;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
}

.pageNavDrop ul {
font-size: 14px;
font-size: 1.4rem;
overflow: hidden;
max-width: 950px;
margin: 30px auto 20px;
text-align: left;
}

.pageNavDrop li {
margin-bottom: 10px;
}

[data-script-enabled='true'] .pageNavDrop li {
float: left;
width: 33.33333%;
}

.pageNav.branch > li a:after {
content: none;
}

.pageNav.branch > li a:hover:after {
content: '';
}

.tips {
margin-top: 45px;
margin-bottom: 16px;
padding: 30px 40px;
border-radius: 8px;
background: #f4f8f3;
}

.tipsHdg {
font-weight: bold;
position: relative;
margin-bottom: 12px;
}

.tipsHdg > span {
font-size: 21.92px;
font-size: 2.192rem;
}

.tipsHdg > span em {
font-size: 20px;
font-size: 2rem;
color: #e95504;
}

.tipsHdg > span em span {
font-size: 10.56px;
font-size: 1.056rem;
}

.tipsHdg > span .tipsEm2 {
color: #223;
}

.tipsHdg .bgImg {
padding: 0 10px 0 15px;
vertical-align: 3px;
}

.tipsText {
font-size: 18px;
font-size: 1.8rem;
position: relative;
margin-bottom: 10px;
padding-left: 100px;
}

.tipsText .icon {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.4;
position: absolute;
top: 0;
left: 0;
display: inline-block;
padding: 1px 16px;
border: 1px solid #000;
}

.tips .notes > li + li,
.tips .optionNotes > li + li {
margin-top: 6px;
}

/* おしらせ
------------------------------------------------ */

.information {
display: none;
margin: 140px 0;
padding-right: 0;
padding-left: 0;
}

.informationInner {
width: 100%;
min-width: 810px;
max-width: 810px;
margin: 0 auto;
}

.informationInner2 {
margin: 0 auto;
}

.information .hdg3 {
margin: 0 0 12px;
}

.infoBox {
box-sizing: border-box;
width: 100%;
margin: 0;
background: #f8f8f8;
}

.infoBox.styleBox01 {
margin-top: 0;
}

.infoBox ul {
overflow: auto;
box-sizing: border-box;
width: 100%;
height: 180px;
padding: 17px 25px;
}

.infoBox ul li {
padding: 10px 0;
border-bottom: 1px solid #efefef;
}

.infoBox dl {
display: table;
}

.infoBox dl dt {
font-size: 12px;
font-size: 1.2rem;
display: table-cell;
width: 96px;
}

.infoBox dl dd {
font-size: 13.92px;
font-size: 1.392rem;
display: table-cell;
padding-left: 42px;
color: #314da5;
}

.attentionBoxHeader {
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}

/* 注意事項
------------------------------------------------ */

.attentionBoxText {
margin-bottom: 10px;
}

.attentionHdg,
.applicationHdg {
margin: 70px 0 40px;
}

/* 申し込み
------------------------------------------------ */

.application {
margin: 0 auto;
padding: 0 20px;
text-align: center;
}

.application:after {
display: block;
clear: both;
content: '';
}

.applicationHdg {
font-size: 40px;
font-size: 4rem;
line-height: 1.2;
margin-top: 50px;
}

.applicationBox .applicationHdg {
margin-top: 100px;
}

.applicationHdg2 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3em;
}

.applicationCol {
float: left;
width: 50%;
}

.applicationCol:nth-child(2) .applicationTel {
border-left: 1px solid #ccc;
}

.applicationTel {
font-size: 50px;
font-size: 5rem;
letter-spacing: -1px;
}

.applicationTel:before {
display: inline-block;
width: 55px;
height: 32px;
margin: auto;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -79px -544px;
}

.applicationTel.noIcon:before {
content: none;
}

.applicationText {
font-size: 12px;
font-size: 1.2rem;
margin-top: -30px;
}

.applicationText em {
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
vertical-align: middle;
}

.applicationWebBtn {
text-align: center;
}

.applicationBtn {
margin-bottom: 10px;
}

.applicationBtn a {
font-size: 13px;
font-size: 1.3rem;
width: 355px;
padding: 3px 25px;
}

.applicationBtn a:before {
display: none;
}

.applicationBtn2 {
margin-bottom: 10px;
}

.applicationBtn2Text,
.applicationBtn2 a {
vertical-align: middle;
}

.applicationBtn2Text {
font-size: 13px;
font-size: 1.3rem;
}

.applicationBtn2 a {
width: 185px;
font-size: 13px;
font-size: 1.3rem;
padding: 3px 25px;
}

.applicationBtn2 a:before {
display: none;
}

.applicationLink {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 35px;
}

.application2Hdg {
font-size: 40px;
font-size: 4rem;
line-height: 1.2;
margin-top: 50px;
margin-bottom: 24px;
text-align: center;
}

.application2Text {
text-align: center;
}

.application2Btn {
margin-top: 33px;
text-align: center;
}

.application2BtnText,
.application2Btn a {
font-size: 12.96px;
font-size: 1.296rem;
vertical-align: middle;
}

.application2Btn a {
padding: 8px 30px;
border-radius: 20px;
}

.application2Btn a:before {
display: none;
}

.applicationWrap .applicationHdg {
margin-top: 130px;
margin-bottom: 56px;
text-align: center;
}

.applicationBox .notes {
margin-left: 70px;
}

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


/* 注意事項
------------------------------------------------ */

.notesBox2 {
padding: 50px 0 50px;
background: #f8f8f8;
}

.notesBox2 .notesBox2Inner .hdg3Top4 {
font-size: 25px;
font-size: 2.5rem;
}

.notesBox {
padding: 0 2.34375% 0 2.34375%;
}

.attentionBtn {
text-align: center;
}

.attentionBtn.small .btn6 {
font-size: 18px;
font-size: 1.8rem;
display: inline-block;
width: 286px;
margin: 0 auto 20px;
padding: 11px 0 9px;
text-align: center;
background: #fcdb00;
box-shadow: rgba(199, 199, 199, .5) 0 3px 6px;
}

.attentionBtn.small .btn6:link,
.attentionBtn.small .btn6:visited {
color: #223;
}

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

.mainFull .breadCrumbList {
box-sizing: border-box;
margin: 0 auto;
padding: 5px 0 20px;
line-height: 1.3em;
}

.mainSub {
padding-bottom: 80px;
}

.cateTop .mainSub {
padding-bottom: 40px;
}

.toggleContents {
margin-top: 30px;
}

.infoHdgHidden {
display: none;
}

.infoHdgHidden2 {
display: block;
}


/* ──────────────────────────────────────────────

PC

────────────────────────────────────────────── */

@media only screen and (min-width: 768px) {

[data-script-enabled='true'] .userTool .fontSize {
display: table-cell;
}

[data-script-enabled='true'] .js_fontLarge {
font-size: 17px;
font-size: 1.7rem;
}

[data-script-enabled='true'] .js_spPageNav {
display: none;
}

[data-script-enabled='true'] .js_modalLayer {
display: none;
}

[data-script-enabled='true'] .js_contentsTopMenuBtn {
display: table-cell;
vertical-align: bottom;
}

[data-script-enabled='true'] .js_contentsServMenuBtn {
display: table-cell;
vertical-align: bottom;
}

[data-script-enabled='true'] .js_contentsTopMenuBtn .btn1 {
margin-left: 10px;
}

[data-script-enabled='true'] .js_contentsServMenuBtn .btn1 {
margin-left: 10px;
}

[data-script-enabled='true'] .js_pageNav.branch .pageNavDrop {
position: absolute;
display: none;
}

[data-script-enabled='true'] .js_pageNav.branch .pageNavDrop > ul {
margin: 30px auto 20px;
}

[data-script-enabled='true'] .js_pageNav.branch .pageNavDrop > ul li {
margin-bottom: 10px;
}

[data-script-enabled='true'] .js_pageNav.branch > li:hover .pageNavDrop,
[data-script-enabled='true'] .js_pageNav.branch > li.focused .pageNavDrop {
z-index: -1;
display: block;
}

[data-script-enabled='true'] .js_pageNav.branch > li:hover > a,
[data-script-enabled='true'] .js_pageNav.branch > li.focused > a {
text-decoration: underline;
color: #388400;
}

[data-script-enabled='true'] .js_pageNav.branch > li:hover > a:after,
[data-script-enabled='true'] .js_pageNav.branch > li.focused > a:after {
position: absolute;
bottom: -3px;
left: 50%;
display: block;
width: 180px;
height: 7px;
margin-left: -90px;
content: '';
background: url(/option/common/img/bg_hover_01.png) no-repeat center bottom;
}

.js_fixedMenu [data-script-enabled='true'] .js_pageNav.branch > li:hover > a:after,
.js_fixedMenu
[data-script-enabled='true'] .js_pageNav.branch > li.focused > a:after {
bottom: -1px;
}

[data-script-enabled='true'] .js_pageNav.branch > li:hover .btn7,
[data-script-enabled='true'] .js_pageNav.branch > li.focused .btn7 {
text-decoration: none;
color: #fff;
background-color: #4b4b4b;
}

[data-script-enabled='true'] .fontSize {
display: table-cell;
}

[data-script-enabled='true'] .js_spPageNav {
display: none;
}

[data-script-enabled='true'] .js_modalLayer {
display: none;
}

} /* mediaquey END*/

@media only screen and (min-width: 768px) {

body {
min-width: 950px;
}

} /* mediaquey END*/

@media only screen and (max-width: 970px) and (min-width: 768px) {

.mainFull > .breadCrumbList {
padding-left: 0;
}

} /* mediaquey END*/


@media only screen and (max-width: 1320px) and (min-width: 768px) {

.mainFull {
padding-right: 10px;
padding-left: 10px;
}

.pageNavDrop ul {
padding-right: 10px;
padding-left: 10px;
}

} /* mediaquey END*/


/* ──────────────────────────────────────────────

SP

────────────────────────────────────────────── */

@media only screen and (max-width: 767px) {

/* リスト 注釈(sp) ************/

.notes {
margin-bottom: 20px;
}

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

.applicationBox .notes {
margin-left: 0;
}

.collaboTop .applicationBox .collaboTopNotes,
.collaboPage .applicationBox .collaboTopNotes {
margin-top: 0;
}

/* テーブル(sp) ************/

.table2 {
table-layout: fixed;
text-align: center;
}

.tableHdgBox {
padding-left: 50px;
}

/* フロー(sp) ************/

.flow > .flowHdg {
padding: 10px 0;
}

.flow > .flowHdg .primary {
font-size: 14px;
font-size: 1.4rem;
box-sizing: border-box;
width: 80px;
padding: 5px 10px;
}

.flow > .flowHdg .num {
font-size: 19px;
font-size: 1.9rem;
}

.flow > .flowHdg .secondary {
padding: 5px 15px;
}

.flow > .flowContent .flowHdg {
margin-left: 0;
}

.flow > .flowContent {
padding: 17px 0 25px;
background: none;
}

.flow .clearIndent {
margin-left: 0;
}

.flow >.flowContent + .flowHdg {
margin-top: 45px;
position: relative;
}

.flow >.flowContent + .flowHdg:before {
position: absolute;
top: -39px;
right: 0;
left: 0;
display: block;
width: 38px;
height: 19px;
margin: 0 auto;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -174px -544px;
}

.flow .flowBtn {
font-size: 14px;
font-size: 1.4rem;
}

.flow .flowIconText > * {
display: block;
}

.flow .flowIconText > .text {
padding-top: 5px;
padding-left: 0;
}

/* カルーセル(sp) ************/

[data-script-enabled='true'] .carouselBnrBox {
max-width: 270px;
}

[data-script-enabled='true'] .owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
border-radius: 5px
}

.carouselBnrBox {
width: 270px;
margin: 25px auto 80px;
}

[data-script-enabled='true'] .owl-theme .owl-prev {
left: -25px;
}

[data-script-enabled='true'] .owl-theme .owl-next {
right: -25px;
}

p {
line-height: 1.6;
}

.pcNone {
display: block;
}

.spNone {
display: none;
}

/* 全幅(sp) ************/

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

.pageNavOuter,
.informationInner,
.mainSub,
.fixedBox {
width: auto;
min-width: 320px;
max-width: none;
margin: 0;
}


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

[data-script-enabled='true'] .tableModal:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
opacity: .3;
background: #000;
}

[data-script-enabled='true'] .tableModalBtn {
display: block;
}

[data-script-enabled='true'] .js_hdg2Top,
[data-script-enabled='true'] .js_hdg3Top,
[data-script-enabled='true'] .js_footerListHdg,
[data-script-enabled='true'] .js_footerMenuHdg {
cursor: pointer;
}

[data-script-enabled='true'] .js_hdg2Top {
overflow: hidden;
}

[data-script-enabled='true'] .globalMenu,
[data-script-enabled='true'] .footerListDetail,
[data-script-enabled='true'] .menuItemsCol2,
[data-script-enabled='true'] .menuItems,
[data-script-enabled='true'] .toggleContents {
display: none;
}

[data-script-enabled='true'] .footerListDetail .footerListDetail {
display: block;
}

[data-script-enabled='true'] .hdg2Top + .styleBox01,
[data-script-enabled='true'] .hdg2TopUnique + .styleBox01,
[data-script-enabled='true'] .hdg3Top + .styleBox01 {
display: none;
}

[data-script-enabled='true'] .applicationBox .hdg2Top + .styleBox01 {
display: block;
}

[data-script-enabled='true'] .hdg2Top + .tabPanelWrap,
[data-script-enabled='true'] .hdg2TopUnique + .tabPanelWrap {
display: none;
}

[data-script-enabled='true'] .hdg2Top + .hikariSelectCol2Inner,
[data-script-enabled='true'] .hdg2TopUnique + .hikariSelectCol2Inner {
display: none;
}

[data-script-enabled='true'] .infoHdgHidden + .informationInner {
display: none;
}

[data-script-enabled='true'] .js_modalTaped .opend {
display: none;
}

[data-script-enabled='true'] .js_modal[data-modal-width='table'] {
overflow: hidden;
max-height: 300px;
}

[data-script-enabled='true'] .js_modal[data-modal-width='table'] > * {
font-size: 9px !important;
font-size: 0.9rem !important;
}

[data-script-enabled='true'] .js_modal[data-modal-width='table'] .hdg2Price {
font-size: 9px !important;
font-size: 0.9rem !important;
}

[data-script-enabled='true'] .js_modal[data-modal-width='table'] thead th,
[data-script-enabled='true'] .js_modal[data-modal-width='table'] thead td {
font-size: 12px !important;
font-size: 1.2rem !important;
}

[data-script-enabled='true'] .js_modal[data-modal-width='table'] tbody tr td span.emphasis {
font-size: 10.5px !important;
font-size: 1.05rem !important;
}

[data-script-enabled='true'] .js_modal[data-modal-width='table'] tbody th,
[data-script-enabled='true'] .js_modal[data-modal-width='table'] tbody td {
padding: 5px !important;
}

[data-script-enabled='true'] .js_modal[data-modal-width='table'] sup {
font-size: 7.65px;
font-size: 0.765rem !important;
}

[data-script-enabled='true'] .js_modal[data-modal-width='table'] .tableFont3 {
font-size: 10px !important;
font-size: 1rem !important;
}

[data-script-enabled='true'] .js_modalBtn {
cursor: pointer;
}

[data-script-enabled='true'] .js_modalLayer {
position: absolute;
z-index: 100;
top: 0;
left: 0;
display: none;
box-sizing: border-box;
width: auto;
width: 100%;
min-width: 100%;
background: #fff;
}

[data-script-enabled='true'] .js_modalLayer[data-modal-width] {
width: 100%;
}

[data-script-enabled='true'] .js_modalLayer[data-modal-width] .application {
min-width: 310px;
}

[data-script-enabled='true'] .js_modalLayer[data-modal-width] .styleBox01 {
margin: 20px 0;
}

[data-script-enabled='true'] .js_modalLayer[data-modal-width='table'] {
width: 730px;
min-width: 730px;
}

[data-script-enabled='true'] .js_modalLayer[data-modal-width='table'] table {
width: 710px;
min-width: 710px;
max-height: none;
margin: 10px;
}

[data-script-enabled='true'] .js_modalLayer[data-modal-width='table'] .notes {
/*width: 710px;*/
width: auto;
margin: 0 auto 10px;
}

[data-script-enabled='true'] .js_modalLayer.opend {
display: block;
}

[data-script-enabled='true'] .js_modalLayer .hdg3Table {
padding: 0 10px;
}

[data-script-enabled='true'] .mainFull .jsModal-cvBtn {
display: none;
}
/*
[data-script-enabled='true'] .applicationBox {
display: none;
}
*/

[data-script-enabled='true'] .applicationBox {
display: block;
}

[data-script-enabled='true'] .applicationBox + .hdg2Top + .styleBox01 {
display: block;
}

.applicationBox .hdg2Top {
display: none;
}

.attentionBoxBtn {
width: auto!important;
}

.attentionBox .textTop2 {
font-size: 12px;
font-size: 1.2rem;
margin: 0 0 10px;
}

/*  打ち消し用　************/

.notesBox2 .hdg3Top4,
.notesBox2 .hdg3Top4 {
border-top: none;
box-shadow: none;
margin: 15px 0 10px!important;
padding: 0;
text-align: center;
}

.notesBox2 .hdg3Top:after {
content: none;
}

.auTop .attentionBox,
.auPage .attentionBox {
margin-bottom: 0;
}

.notesBox2 .attentionBoxBtn,
.notesBox2 .attentionBoxBtn {
padding: 0 15px;
}

.notesBox2 .styleBox01,
.notesBox2 .styleBox01 {
margin-top: 0!important;
}


/* */

[data-script-enabled='true'] .logoBtn {
display: block;
}

[data-script-enabled='true'] .pageNavOuter {
display: none;
}

[data-script-enabled='true'] .pageNav {
display: none;
}

[data-script-enabled='true'] .globalMenu {
display: none;
}

[data-script-enabled='true'] .userToolCloseBtn {
display: block;
}

[data-script-enabled='true'] .footerListDetail,
[data-script-enabled='true'] .menuItemsCol2,
[data-script-enabled='true'] .menuItems,
[data-script-enabled='true'] .toggleContents {
display: none;
}

[data-script-enabled='true'] .cvBox,
[data-script-enabled='true'] .cvBox2 {
position: fixed;
z-index: 9000;
bottom: 0;
left: 0;
display: block;
}

[data-script-enabled='true'] .cvBox2 .js_toCall a{
color: inherit;
display: block;
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
height: 54px;
}

[data-script-enabled='true'] .cvBox2 + .toTop {
bottom: 74px;
}

.breadCrumbList,
.main > .breadCrumbList,
.footerBreadCrumbList,
.footerSub .footerSubInner,
.footerList,
.hdg1Box .hdg1BoxInner,
.contentsTopMenuInner {
width: auto;
min-width: 0;
max-width: none;
margin: 0;
padding-right: 15px;
padding-left: 15px;
}

.content {
width: auto;
min-width: 0;
max-width: none;
margin: 0;
padding: 5px 15px 30px;
}

.contentsSection {
width: auto;
min-width: 0;
max-width: none;
margin: 0;
padding: 5px 15px 20px;
}

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

.breadCrumbList {
display: none;
}

.hdrMenu .menuService .menuDetails,
.hdrMenu .menuCampaign .menuDetails,
.hdrMenu .menuProcedure .menuDetails,
.hdrMenu .menuAttention .menuDetails,
.hdrMenu .menuQuestion .menuDetails,
.footerMenu > div .menuDetails {
padding: 0 !important;
padding-bottom: 13px !important;
}

.hdrMenu .menuService .menuDetails > li,
.hdrMenu .menuCampaign .menuDetails > li,
.hdrMenu .menuProcedure .menuDetails > li,
.hdrMenu .menuAttention .menuDetails > li,
.hdrMenu .menuQuestion .menuDetails > li,
.footerMenu > div .menuDetails > li {
margin-top: 0 !important;
}

.hdrMenu .menuService .menuDetails > li a,
.hdrMenu .menuCampaign .menuDetails > li a,
.hdrMenu .menuProcedure .menuDetails > li a,
.hdrMenu .menuAttention .menuDetails > li a,
.hdrMenu .menuQuestion .menuDetails > li a,
.footerMenu > div .menuDetails > li a {
display: block;
padding: 7px 10px 6px 26px;
}

.footerSub {
min-width: 100%;
max-width: 100%;
}

.footerSub {
width: 100%;
border-top: 2px solid #4d4d4d;
background: #f5f5f5;
}

.footerSub .footerSubInner {
width: 100%;
padding: 0;
background: #f5f5f5;
}

.footerSub .footerSubInner .footerSubHdg {
margin-bottom: 0;
border-bottom: 1px solid #ccc;
background: #fff;
}

.footerSub .footerSubInner .footerSubHdg .hdg2 {
font-size: 18px;
font-size: 1.8rem;
margin: 0 auto;
padding: 21px 16px 23px;
text-align: left;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu {
margin-bottom: 0;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu > div {
box-sizing: border-box;
width: 100%;
display: block;
padding-right: 0;
border-bottom: 1px solid #ccc;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu > div + div {
margin: 0;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuItems {
padding: 0;
border-top: 1px solid #ccc;
background: #fff;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuItems > li + li {
margin-top: 4px;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuItems > li > a {
font-size: 12px;
font-size: 1.2rem;
display: block;
padding: 14px 20px 13px;
color: #314da5;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuItems > li > a:hover {
text-decoration: none;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuItems > li + li {
margin-top: 0;
border-top: 1px solid #ccc;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuDetails li a {
color: #314da5;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuDetails li a:hover {
text-decoration: none;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuUtility > div + div {
margin: 0;
border-top: 1px solid #ccc;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuHdgIcon .menuTitle:before {
left: 19px;
width: 19px;
height: 25px;
background: url(/option/common/img/sp/icon_footer_06.png);
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuHdgIcon .menuTitle:before {
left: 20px;
width: 18px;
height: 22px;
background: url(/option/common/img/sp/icon_footer_07.png);
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuHdgIcon .menuTitle:before {
left: 19px;
width: 21.5px;
height: 21px;
background: url(/option/common/img/sp/icon_footer_08.png);
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuHdgIcon .menuTitle {
padding: 0 !important;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuHdgIcon .menuTitle a {
display: block;
padding: 16px 40px 15px 65px;
color: #314da5;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuHdgIcon .menuTitle a:hover {
text-decoration: none;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuHdgIcon .menuTitle:before {
left: 17px;
width: 27.5px;
height: 23.5px;
background: url(/option/common/img/sp/icon_footer_09.png);
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuHdgIcon .menuTitle {
padding: 0 !important;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuHdgIcon .menuTitle a {
display: block;
padding: 16px 40px 15px 65px;
color: #314da5;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuHdgIcon .menuTitle a:hover {
text-decoration: none;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuHdgIcon .menuTitle:before {
left: 17px;
width: 31px;
height: 12.5px;
background: url(/option/common/img/sp/icon_footer_10.png);
}

.footerMenu {
display: block;
padding-bottom: 0;
}

.footerMenu > div {
display: block;
width: 100%;
}

.footerMenu > div .footerMenuHdg {
font-size: 16px;
font-size: 1.6rem;
position: relative;
display: block;
box-sizing: border-box;
margin: 0 auto;
vertical-align: middle;
color: #223;
border-bottom: 1px solid #ccc;
}

.footerMenu > div .footerMenuHdg:after {
line-height: 1;
position: absolute;
top: 0;
right: 14px;
bottom: 0;
width: 15px;
height: 15px;
margin: auto 0;
content: '';
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-align: center;
background: url(/option/common/img/sp/icon_plus.png);
background-size: 15px;
}

.footerMenu > div .footerMenuHdg.active:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.footerMenu > div .menuItemsCol2:after {
display: block;
clear: both;
content: '';
}

.footerMenu > div .menuItemsCol2 > li {
display: block;
width: 100%;
background: #fff;
}

.footerMenu > div .menuItemsCol2 .menuItemsCol2Inner {
padding-left: 0;
}

.footerMenu > div .menuItemsCol2 > li + li {
border-top: 1px solid #ccc;
}

.footerMenu > div .menuItemsCol2 > li ul li + li {
border-top: 1px solid #ccc;
}

.footerMenu > div .menuItemsCol2 > li ul li a {
display: block;
padding: 14px 20px 13px;
color: #314da5;
}

.footerMenu > div .menuItemsCol2 > li ul li a:hover {
text-decoration: none;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuHdgIcon,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuHdgIcon,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuHdgIcon,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuHdgIcon,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuHdgIcon {
position: relative;
display: block;
height: auto;
margin-bottom: 0;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuHdgIcon .menuTitle,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuHdgIcon .menuTitle,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuHdgIcon .menuTitle,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuHdgIcon .menuTitle,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuHdgIcon .menuTitle,
.footerSub .footerSubInner .footerSubBody .footerMenu .footerMenuBasic .footerMenuHdg .menuTitle,
.footerSub .footerSubInner .footerSubBody .footerMenu .footerMenuOption .footerMenuHdg .menuTitle {
font-size: 16px;
font-size: 1.6rem;
position: relative;
display: block;
margin-bottom: 0;
padding: 16px 40px 15px 65px;
cursor: pointer;
vertical-align: middle;
color: #223;
height: auto;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuHdgIcon .menuTitle:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuHdgIcon .menuTitle:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuHdgIcon .menuTitle:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuHdgIcon .menuTitle:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuHdgIcon .menuTitle:before,
.footerSub .footerSubInner .footerSubBody .footerMenu .footerMenuBasic .footerMenuHdg .menuTitle:before,
.footerSub .footerSubInner .footerSubBody .footerMenu .footerMenuOption .footerMenuHdg .menuTitle:before {
position: absolute;
top: 0;
bottom: 0;
display: block;
margin: auto;
content: '';
background-repeat: no-repeat;
background-size: 100%;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuHdgIcon:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuHdgIcon:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuHdgIcon:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuHdgIcon:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuHdgIcon:before,
.footerSub .footerSubInner .footerSubBody .footerMenu .footerMenuBasic .footerMenuHdg:before,
.footerSub .footerSubInner .footerSubBody .footerMenu .footerMenuOption .footerMenuHdg:before {
display: none;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .footerMenuHdg,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .footerMenuHdg,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .footerMenuHdg,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .footerMenuHdg,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .footerMenuHdg {
margin-bottom: 10px;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService a,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign a,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure a,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention a,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion a {
color: #223;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuDetails,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuDetails,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuDetails,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuDetails,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuDetails {
padding-top: 7px;
padding-bottom: 17px;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuDetails > li + li,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuDetails > li + li,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuDetails > li + li,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuDetails > li + li,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuDetails > li + li {
margin-top: 20px;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuDetails > li a,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuDetails > li a,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuDetails > li a,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuDetails > li a,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuDetails > li a {
font-size: 12px;
font-size: 1.2rem;
padding-left: 9.375%;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuDetails > li a:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuDetails > li a:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuDetails > li a:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuDetails > li a:before,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuDetails > li a:before {
content: '・';
vertical-align: middle;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuAttention .menuHdgIcon .menuTitle > a:after,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuQuestion .menuHdgIcon .menuTitle > a:after {
position: absolute;
top: 0;
right: 18px;
bottom: 0;
width: 8px;
height: 8px;
margin: auto;
content: '';
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
border-right: 2px solid #3c3c3c;
border-bottom: 2px solid #3c3c3c;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuHdgIcon .menuTitle:after,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuHdgIcon .menuTitle:after,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuHdgIcon .menuTitle:after {
position: absolute;
top: 0;
right: 14px;
bottom: 0;
display: block;
width: 15px;
height: 15px;
margin: auto 0;
content: '';
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: url(/option/common/img/sp/icon_plus.png);
background-size: 15px;
}

.footerSub .footerSubInner .footerSubBody .hdrMenu .menuService .menuHdgIcon .menuTitle.active:after,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuCampaign .menuHdgIcon .menuTitle.active:after,
.footerSub .footerSubInner .footerSubBody .hdrMenu .menuProcedure .menuHdgIcon .menuTitle.active:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.footerList {
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
}

.footerList .footerListItems > .footerListRow {
padding-right: 0;
}

.footerList .footerListDetail > li > .title {
font-size: 12px;
font-size: 1.2rem;
padding: 7px 20px 4px;
}

.footer {
min-width: 100%;
max-width: 100%;
}

.footer .footerInner {
position: relative;
padding: 0;
}

.footerBreadCrumbList {
display: none;
}

.footerList {
border-bottom: none;
}

.footerList .footerListItems {
display: block;
width: 100%;
}

.footerList .footerListItems > .footerListRow {
display: block;
width: 100%;
margin-bottom: 0;
}

.footerList .footerListItems > .footerListRow * + li {
margin-top: 0;
}

.footerList .footerListItems > .footerListRow .footerListHdg {
font-size: 12px;
font-size: 1.2rem;
position: relative;
padding: 10px 20px 9px 5px;
border-top: 1px solid #ccc;
}

.footerList .footerListItems > .footerListRow .footerListHdg.first {
border: none;
}

.footerList .footerListItems > .footerListRow .footerListHdg:after {
font-weight: normal;
position: absolute;
top: 0;
right: 4px;
bottom: 0;
display: block;
width: 15px;
height: 15px;
margin: auto 0;
content: '';
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-align: center;
background: url(/option/common/img/sp/icon_plus.png);
background-size: 15px;
}

.footerList .footerListItems > .footerListRow .footerListHdg.active:after {
-webkit-transform: rotate(45deg) scale(1.08);
-ms-transform: rotate(45deg) scale(1.08);
transform: rotate(45deg) scale(1.08);
}

.footerList .footerListDetail {
margin-top: 25px;
margin-bottom: 20px;
}

.footerList .footerListDetail > li a {
font-size: 12px;
font-size: 1.2rem;
display: block;
padding: 7px 20px 4px;
}

.footerList .footerListDetail > li a:hover {
text-decoration: none;
}

.toTop {
top: auto;
right: 3.125%;
bottom: 0;
overflow: hidden;
width: 40px;
height: 40px;
}

.toTop a {
display: block;
width: 100%;
height: 100%;
}

.toTop a:before {
display: block;
width: 40px;
height: 40px;
content: '';
background-image: url(/option/common/img/sp/sp_icon_footer_04.png);
background-repeat: no-repeat;
background-size: 100%;
}

.auPage .gHd2016_previousPage .auLink,
.collaboPage .gHd2016_previousPage .collaboLink,
.hikariPage .gHd2016_previousPage .accessLink {
display: block;
}

.gHd2016_previousPage a {
display: none;
}

.gHd2016_header.gHd2016_PC {
display: none;
}

.gHd2016_header.gHd2016_SP {
display: block;
}

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

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

.hdg2 {
font-size: 24px;
font-size: 2.4rem;
margin: 70px 0 20px;
}

.hdg3 {
font-size: 20px;
font-size: 2rem;
margin: 40px 0 20px;
}

.hdg4 {
font-size: 18px;
font-size: 1.8rem;
margin: 25px 0 15px;
}

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

.hdg5 {
font-size: 15px;
font-size: 1.5rem;
margin: 25px 0 15px;
}

.hdg1Box nav, .hdg1Box .hdg1BoxOuter {
border-bottom: 1px solid #ccc;
box-shadow: none;
}

.hdg1Box .hdg1BoxInner {
position: relative;
padding: 20px 15px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxTitles {
padding-bottom: 0;
}

.hdg1Box .hdg1BoxInner .hdg1BoxTitles .hdg1Sub {
margin-bottom: 12px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton {
display: none;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton > a {
padding: 5px 0;
}

.campaignBox {
padding: 17px 12px;
}

.campaignBox2 {
display: block;
}

.campaignBox2 > * {
display: block;
text-align: center;
}

.campaignBox2 > * img {
width: 100%;
min-width: 100%;
height: auto;
}

.campaignBox2 > * + * {
margin-top: 20px;
padding-left: 0;
}

.campaignBox2 .col.branch {
width: 65%;
margin-right: auto;
margin-left: auto;
}

.campaignBox3 .image .col {
display: block;
text-align: center;
}

.campaignBox3 .image .col img {
width: 100%;
max-width: 100%;
height: auto;
}

.campaignBox3 .image .col + .col {
margin-top: 10px;
padding-left: 0;
}

.campaignBox3 .moreBtn img {
width: auto !important;
max-width: none !important;
}

.campaignBox3 a {
padding: 40px 10px 10px 10px;
}

.campaignBox4 .moreBtn img {
width: auto !important;
max-width: none !important;
}

.campaignBox4 .col {
display: block;
text-align: center;
}

.campaignBox4 .col img {
width: 100%;
max-width: 100%;
height: auto;
}

.campaignBox4 .col + .col {
margin-top: 10px;
padding-left: 0;
}

.campaignBox4 a {
padding: 10px;
}

.hdg1 {
font-size: 30px;
font-size: 3rem;
}

.linkList > li {
line-height: 1.5;
}

.linkList > li + li {
margin-top: 7px;
}

.pageLink {
font-size: 14px;
font-size: 1.4rem;
padding: 15px 15px 14px;
border-radius: 8px;
background: #f4f8f3;
}

.pageLink li {
line-height: 1.5;
}

.pageLink li a:after {
display: inline-block;
width: 10px;
height: 8px;
margin-left: 10px;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -352px -544px;
}

.pageLink li .pageLink {
padding-top: 6px;
padding-right: 0;
padding-left: 5px;
}

.pageLink li .pageLink > li + li {
margin-top: 7px;
}

.pageLink li + li {
margin-top: 7px;
}

.pageLink .pageLinkList {
padding: 15px 0 0 30px;
}

.btn1,
.btn6 {
box-sizing: border-box;
width: 100%;
}

.btn1Outer {
display: none;
}

.contentsTopMenu {
display: none;
}

.btn6 {
width: 100%;
}

.btn7 {
font-size: inherit;
width: 100%;
text-align: left;
border: 0;
border-radius: 0;
margin: 0;
}

.btn7:hover,
.btn7:active {
background: #efefef;
}

.cImgFull {
margin-bottom: 15px;
}

.cImg2Col > .img {
float: none;
width: 100%;
margin: 0 auto;
}

.cImg2Col > .img img {
width: 100%;
}

.cImg2Col > .img + .img {
margin-top: 15px;
margin-right: auto;
margin-left: auto;
}

.list,
.listAttention {
margin: 15px 0 15px 0;
}

.list > li,
.listAttention > li {
line-height: 1.6;
}

.list > li + li,
.listAttention > li + li {
margin-top: 14px;
}

.list2 {
padding: 20px 15px;
background: #f4f8f3;
}

.list2 li {
position: relative;
padding-left: 15px;
color: #223;
}

.list2 li:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
content: '●';
}

.list2 li + li {
margin-top: 15px;
}

.listAttention {
margin-bottom: 20px;
padding: 15px 15px;
}

.faq > li {
line-height: 1.5;
}

.faq > li + li {
margin-top: 7px;
}

.listPattern > li > .row {
display: block;
width: auto !important;
}

.notes > li + li,
.optionNotes > li + li {
margin-top: 8px;
}

.attentionPanel {
padding-right: 15px;
padding-left: 15px;
}

.attentionPanel br {
display: none;
}

.boxIndent {
padding-left: 0;
}

.appliancebox .contentsHdg {
font-size: 20px;
font-size: 2rem;
float: none;
width: auto;
margin: 40px 0 20px;
padding-right: 0;
}

.appliancebox .contentsHdg span {
position: relative;
top: 2px;
}

.appliancebox .img {
float: none;
width: 100%;
margin: 0;
margin-bottom: 10px;
text-align: center;
}

.appliancebox .contents {
float: none;
width: auto;
margin: 0;
}

.appliancebox .contents .contentsSubTitle {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 6px;
}

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

.promotionBoxCatch em {
padding-left: 7px;
}

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

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

.col2Text {
font-size: 11px;
font-size: 1.1rem;
}

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

.col2List li .ordered {
left: -20px;
}

.col2List li p {
font-size: 12px;
font-size: 1.2rem;
}

.col2List li + li {
margin-top: 10px;
}

.table tbody .tableNoneSp,
.table tbody .tableNoneSp {
display: none;
}

.tableModal {
position: relative;
margin-bottom: 25px;
padding: 10px 10px 0;
background: rgba(248, 248, 248, .5);
}

.table .tableNoneSp {
display: none;
}

.accordion .accordionPanel .accordionPanelInner .contents {
width: auto;
min-width: 0;
max-width: none;
margin: 0;
padding: 0 15px;
}

.accordion .accordionPanel {
line-height: 1.6em;
}

.accordion .accordionPanel.accordionFlowBox {
font-size: 16px;
font-size: 1.6rem;
}

.accordion .accordionPanel .accordionPanelInner {
padding: 32px 0 25px 0;
}

.accordion .accordionPanel .accordionPanelInner .contents > .flow:first-child {
padding-top: 0;
}

.accordion2 {
overflow: hidden;
border: 1px solid #ccc;
border-radius: 7px;
}

.accordion2List {
line-height: 1.6;
padding: 13px 45px 11px 15px;
}

.accordion2List > a {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6;
position: relative;
display: block;
padding: 17px 45px 12px 15px;
color: #223;
background: #f5f5f6;
}

.accordion2List > a:after {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
display: block;
width: 18px;
height: 18px;
margin: auto;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -240px -544px;
}

.accordion2List > a:hover {
background: #fff;
}

.accordion2List:after {
right: 15px;
}

.accordion2Item {
line-height: 1.6;
display: none;
padding: 0 15px 11px;
}

.option2 {
margin-bottom: 70px;
}

.optionCol {
float: none;
width: 100%;
margin: -25px 0 40px;
padding: 0;
}

.optionColOf2 {
width: 100%;
margin: 0 0 40px;
padding: 0;
}

.optionColOf2:last-child {
margin-bottom: 0;
}

.optionImg {
margin-bottom: 15px;
text-align: center;
}

.optionhdg {
text-align: center;
}

.optionNotes > li {
padding-left: 0;
}

/* カテゴリトップ(sp) ***********/

body.cateTop .hdg1 {
font-size: 25px;
font-size: 2.5rem;
}

body.cateTop .hdg1Box {
margin-bottom: 0;
}

body.cateTop .hdg1BoxInner {
padding-right: 12px;
padding-bottom: 16px;
padding-left: 12px;
}

.hdg2Top,
.hdg2TopUnique {
position: relative;
padding: 20px 30px 20px 15px;
text-align: left;
border-top: 3px solid #223;
box-shadow: 0 3px 6px rgba(0, 0, 0, .14);
font-size: 24px;
font-size: 2.4rem;
line-height: 1.1;
margin: 0;
}

.hdg2Top:after,
.hdg2TopUnique:after {
position: absolute;
top: 0;
right: 9px;
bottom: 0;
display: block;
width: 15px;
height: 15px;
margin: auto;
content: '';
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
background: url(/option/common/img/sp/icon_plus.png);
background-size: 15px;
}

.hdg2Top.active:after,
.active.hdg2TopUnique:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.hdg2Top + .textTop,
.hdg2TopUnique + .textTop,
.hdg2Top + .campaign2Text2,
.hdg2TopUnique + .campaign2Text2 {
margin-top: 0;
}

.hdg2Top2 {
font-size: 24px;
font-size: 2.4rem;
text-align: center;
border-top: none;
box-shadow: none;
}

.hdg2Top2:after {
display: none;
}

.hdg2TopUnique {
padding: 0;
text-align: center;
border: none;
box-shadow: none;
}

.hdg2TopUnique:after {
display: none;
}

.toggleContents + .hdg2Top,
.toggleContents + .hdg2TopUnique {
margin-top: 0;
}

.hdg3Top {
font-size: 21.92px;
font-size: 2.192rem;
position: relative;
margin-top: 30px;
margin-top: 0;
margin-bottom: 0;
text-align: left;
border-top: 3px solid #223;
box-shadow: 0 3px 6px rgba(0, 0, 0, .14);
line-height: 1.3em;
}

.hdg3Top:after {
position: absolute;
top: 0;
right: 9px;
bottom: 0;
display: block;
width: 15px;
height: 15px;
margin: auto;
content: '';
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
background: url(/option/common/img/sp/icon_plus.png);
background-size: 15px;
}

.hdg3Top.active:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* 見出し WEBでお申し込み */
.hdg3Top2 {
margin: 10px 0;
font-size: 20px;
font-size: 2.0rem;
}

/* 見出し 電話でお申し込み */
.hdg3Top3 {
margin: 20px 0 5px;
font-size: 20px;
font-size: 2.0rem;
}

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

.hdg3Top5 {
font-size: 20px;
font-size: 2rem;
margin: 0 0 25px 0;
}

.hdg3Top5 .db {
display: block;
}

.textTop,
.campaign2Text2 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.60714;
text-align: left;
}

.textTop2,.textTop4 {
text-align: left;
}

.hdg2Top + * > .textTop:first-child,
.hdg2TopUnique + * > .textTop:first-child,
.hdg2Top + * > .campaign2Text2:first-child,
.hdg2TopUnique + * > .campaign2Text2:first-child {
margin-top: 0;
}

.textTop4 .db {
display: inline;
}

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

.campaignHdg span {
display: block;
}

.campaignText {
padding: 0 15px;
text-align: left;
}

.campaign2 {
display: block;
margin: 0;
}

.campaign2Col {
display: block;
width: auto;
padding: 20px 15px;
}

.campaign2Col + .campaign2Col {
margin-top: 10px;
}

.campaign2Text {
font-size: 12.8px;
font-size: 1.28rem;
text-align: center;
}

.campaign2Text2 {
font-size: 14.88px;
font-size: 1.488rem;
margin-bottom: 10px;
text-align: center;
}

.campaign2Db {
display: block;
margin: 2px 0 -20px;
}

.campaign2 .notes,
.campaign2 .optionNotes {
margin-bottom: 0;
}

.hdg4Top + .campaign2 {
margin-top: 10px;
}

.pageNavDrop {
margin-top: 0;
}

.pageNavDrop ul {
min-width: initial;
/* max-width: auto; */
margin: 0;
padding: 15px 0;
background: #fff;
}

.pageNavDrop li {
margin-bottom: 0;
}

[data-script-enabled='true'] .pageNavDrop li {
float: none;
width: 100%;
}

.pageNavDrop li a {
font-size: 13.6px;
font-size: 1.36rem;
padding: 10px 30px;
color: #223;
border: 0;
background: #fff;
}

.pageNavDrop li a:after {
display: none;
}

.pageNav.hikari > li a br {
display: none;
}

.tips {
margin-bottom: 15px;
padding: 20px 10px;
}

.tipsHdg .db {
font-size: 18.88px;
font-size: 1.888rem;
display: block;
text-align: center;
}

.tipsHdg span + span {
padding-left: 0;
}

.tipsText {
padding-left: 0;
}

.tipsText .icon {
position: static;
display: inline-block;
}

.tipsTextDb {
display: block;
}

/* お知らせ(sp) ************/

.informationInner {
min-width: 0;
max-width: none;
}

.information {
margin: 0;
padding: 0;
background: none;
}

.information .hdg3 {
font-size: 24px;
font-size: 2.4rem;
margin: 0;
padding: 0 15px;
}

.infoBox.styleBox01 {
padding-right: 0;
padding-left: 0;
}

.infoBox.styleBox01 ul {
padding: 12px;
}

.infoBox {
margin-bottom: 0;
}

.infoBox .hdg3 {
font-size: 21.92px;
font-size: 2.192rem;
line-height: 1.75;
position: relative;
margin: 80px 0 30px;
padding: 25px 30px 20px 15px;
text-align: left;
border-top: 3px solid #223;
box-shadow: 0 3px 6px rgba(0, 0, 0, .14);
}

.infoBox .hdg3:after {
font-size: 24px;
font-size: 2.4rem;
position: absolute;
top: -12px;
right: 4.6875%;
bottom: 0;
display: block;
width: 15px;
height: 30px;
margin: auto;
content: '＋';
}

.infoBox .hdg3 + .textTop,
.infoBox .hdg3 + .campaign2Text2 {
margin-top: 0;
}

.infoBox .hdg3Unique {
padding: 25px 30px 20px 15px;
border: none;
box-shadow: none;
}

.infoBox .hdg3Unique:after {
display: none;
}

.infoBox ul {
height: 296px;
padding: 0 2.34375% 0 2.34375%;
}

.infoBox dl dt {
display: block;
width: auto;
}

.infoBox dl dd {
display: block;
width: auto;
padding-left: 0;
}


/* 申し込み(sp) ************/

.attentionHdg,
.applicationHdg {
min-width: 320px;
max-width: 100%;
margin: 0 0 -13px;
}

.applicationBoxInner {
margin-top: 15px;
padding: 0 15px;
}

.applicationBtn a {
width: 100%;
}

.applicationBtn2 {
display: block;
}

.applicationBtn2Text {
display: block;
margin-bottom: 4px;
}

.application {
max-width: 100%;
padding: 0;
}

.applicationCol {
float: none;
width: auto;
}

.applicationCol + .applicationCol {
padding-top: 15px;
border-top: 1px solid #ccc;
}

.applicationCol .applicationTel:nth-child(2) {
border-left: none;
}

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

.applicationHdg .db {
display: block;
}

.applicationTel {
font-size: 32px;
font-size: 3.2rem;
}

.applicationTel:before {
width: 32.5px;
height: 18.5px;
background: url(/option/common/img/icon_tel_01.png) no-repeat;
background-size: 100%;
}

.applicationText {
margin-top: -21px;
}

.applicationBtn {
margin-bottom: 10px;
padding: 0;
}

.applicationBtn a {
font-size: 9.92px;
font-size: 0.992rem;
box-sizing: border-box;
width: 94%;
padding: 6px 3px 5px;
}

.applicationLink {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 10px;
}

.application2 {
padding-right: 10px;
padding-left: 10px;
}

.application2Hdg {
font-size: 24.96px;
font-size: 2.496rem;
margin-bottom: 20px;
}

.application2Text {
text-align: left;
}

.application2Text br {
display: none;
}

.applicationWebBtn {
width: 80%!important;
margin: 0 auto;
}

.applicationWebBtn a {
font-size: 1.8rem !important;
padding-top: 16px !important;
padding-bottom: 15px !important;
}

.application2Btn {
margin-top: 18px;
}

.application2Btn a {
width: auto;
padding: 3px 25px;
}

/* */

.applicationWrap .application.styleBox01 {
margin-top: 0;
}

.applicationWrap .applicationHdg {
font-size: 24.96px;
font-size: 2.496rem;
margin-top: 70px;
margin-bottom: 20px;
}

.notesBox2 .notesBox2Inner .hdg3Top4 {
font-size: 20px;
font-size: 2rem;
line-height: 1.1;
}

.notesBox2 .notesBox2Inner .attentionBox {
margin-top: 0;
}

.notesBox2 {
padding-top: 0;
padding-bottom: 0;
background-color: #fff;
}

.notesBox2 {
padding-top: 5px;
padding-bottom: 1px;
background-color: #f8f8f8;
}

.auTop .notesBox2,
.collaboTop .notesBox2 {
margin-top: 40px;
}

.notesBox2 .accordionBtn {
width: 230px!important;
font-size: 14px!important;
font-size: 1.4rem!important;
padding-top: 9px !important;
padding-bottom: 9px !important;
}

.notesBox2 .accordionBtn:after {
background-image: url(/option/common/img/_sprite.png);
background-position: -280px -544px;
content: '';
display: block;
height: 12px;
margin-top: -6px;
position: absolute;
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease;
top: 50%;
right: 30px;
width: 12px;
}

.styleBox01 {
margin-top: 37px;
padding: 0 15px;
}

.styleBox01 > .flow:first-child {
padding-top: 0;
}

.attentionBox {
margin-top: 45px;
}

.attentionBtn a {
width: 100%;
padding: 10px 0;
}

.lyt {
display: block;
min-width: auto;
max-width: 100%;
}

.lytImg {
display: block;
}

.lytContents {
display: none;
}

.lyt2 {
display: block;
}

.lyt2Contents {
display: block;
margin-bottom: 0;
}

.lyt2Btn {
display: block;
margin: auto;
margin-top: 10px;
}

.hover {
display: block;
width: auto;
}

/* accessリンクボックス(sp) ************/

.infoHdgHidden {
display: block;
}

.infoHdgHidden2 {
display: none;
}

} /* mediaquey END*/


@-webkit-keyframes fadeOut {

0% {
opacity: 1;
}

100% {
opacity: 0;
}

} /* keyframes END*/


@keyframes fadeOut {

0% {
opacity: 1;
}

100% {
opacity: 0;
}

} /* keyframes END*/


/* backButton ************/

.backButton,
.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner {
font-size: 92.8%;
border: 2px solid #5d5d5d;
border-radius: 17px;
background: #4b4b4b;
}

.backButton > a,
.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner > a {
position: relative;
display: block;
text-align: center;
color: #fff;
}

.backButton > a:before,
.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner > a:before {
position: absolute;
top: 0;
bottom: 0;
left: 15px;
display: block;
width: 8px;
width: 8px;
height: 12px;
height: 12px;
margin: auto;
content: '';
background-image: url(/option/common/img/_sprite.png);
background-position: -327px -544px;
}

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

/* _________________________________

/option/ css

- tab
- kv
- ドメイン名を検索
- 取得可能なドメイン名について
- 申し込み流れ

_________________________________ */

/* tab ************/

.tabPanelWrap .tabPanelList {
max-width: 100%;
margin: 0;
padding: 0 25px;
}

.tabPanelWrap .tabPanelList ul {
display: table;
width: 100%;
table-layout: fixed;
}

.tabPanelWrap .tabPanelList ul li {
font-size: 16px;
font-size: 1.6rem;
display: table-cell;
padding: 0 5px;
text-align: center;
vertical-align: middle;
}

.tabPanelWrap .tabPanelList ul li a {
position: relative;
display: block;
box-sizing: border-box;
padding: 18px 0;
color: #2b6600;
border: 1px solid #ccc;
border-bottom: 1px solid #eee;
border-radius: 8px 8px 0 0;
background: #eee;
}

.tabPanelWrap .tabPanelList ul li a .label {
display: block;
}

.tabPanelWrap .tabPanelList ul li.current a {
position: relative;
margin: 0 0 -2px;
color: #2b6600;
border: 2px solid #84b55b;
border-bottom: 1px solid #fff;
background: #fff!important;
background-image: none;
}

.tabPanelWrap .tabPanelList ul li.current a:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 5px;
content: '';
background: #84b55b;
}

.tabPanelWrap .tabPanelList ul li.current a:before {
position: absolute;
z-index: 1;
bottom: -4px;
left: 0;
width: 100%;
height: 5px;
content: '';
background: #fff;
}

.tabPanelWrap .tabPanelList ul li em {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
}

.tabPanelWrap .tabPanelList ul li em br {
display: none;
}

.tabPanelWrap .tabPanelParent,
.tabPanelWrap .tabPanelList {
position: relative;
}

.tabPanelWrap .tabPanelParent:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
content: '';
background: #84b55b;
}

.tabPanelList:before,
.tabPanelList:after {
position: absolute;
bottom: -55px;
width: 2px;
height: 55px;
content: '';
background: url(/option/common/img/bg_tab.png) center no-repeat;
}

.tabPanelList:before {
left: 0;
}

.tabPanelList:after {
right: 0;
}

.tabPanelWrap .tabPanel {
max-width: 100%;
padding: 70px 0 7px;
}

[data-script-enabled='true'] .tabPanelWrap .tabPanel {
display: none;
}

[data-script-enabled='true'] .tabPanelWrap .tabPanel:first-child {
display: block;
}

.tabPanelWrap .tabPanel sup {
color: #e00;
}

.tabPanelWrap .tabPanel .table {
table-layout: auto;
}

.tabPanelWrap .tabPanel .table .notes > li {
font-size: 12px;
font-size: 1.2rem;
}

.tabPanelWrap .tabPanel .table thead th {
font-size: 20px;
font-size: 2rem;
padding-top: 78px;
padding-bottom: 9px;
}

.tabPanelWrap .tabPanel .table tbody tr th,
.tabPanelWrap .tabPanel .table tbody tr td {
padding-top: 18px;
padding-bottom: 18px;
word-break: break-all;
}

/* tab SP ************/
@media only screen and (max-width: 767px) {

.tabPanelWrap .tabPanelParent {
background: none;
}

.tabPanelWrap .tabPanelList ul li a {
background-image: none;
}

.tabPanelWrap .tabPanelList ul li em br {
display: block;
}

.tabPanelWrap .tabPanel {
padding-top: 25px;
padding-right: 15px;
padding-left: 15px;
}

.tabPanelWrap .tabPanelList {
width: auto;
padding: 0 12px;
}

.tabPanelWrap .tabPanelList ul li {
padding: 0 3px;
}

.tabPanelWrap .tabPanelList ul li a {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.4;
padding: 10px 0;
}

.tabPanelWrap .tabPanelList ul li a em {
font-size: 13px;
font-size: 1.3rem;
display: block;
}

} /* mediaquey END*/


/* common ************/

.sectionLede {
text-align: center;
}

/* commons SP ************/
@media only screen and (max-width: 767px) {

.sectionLede {
text-align: left;
}

.tableLyt01 {
overflow-x: auto;
-webkit-overflow-scrolling: auto;
}

.tableLyt01 .table {
width: 160%;
margin-bottom: 0;
}

.tableLyt01::-webkit-scrollbar {
/* スクロールバー本体 */
width: 5px;
background: #4b4b4b;
}

.tableLyt01::-webkit-scrollbar:horizontal {
/* 横方向のスクロールバー本体 */
height: 5px;
background: #4b4b4b;
}

.tableLyt01::-webkit-scrollbar-thumb {
border-radius: 2px;
/* スクロールバーの動く部分 */
background: #4b4b4b;
}

.tableLyt01::-webkit-scrollbar-track-piece:start {
/* スクロールバーの動く部分の前 */
background: #e7e7e7;
}

.tableLyt01::-webkit-scrollbar-track-piece:end {
/* スクロールバーの動く部分の後ろ */
background: #e7e7e7;
}

.tableLyt01::-webkit-scrollbar-corner {
/* スクロールバー角 */
background: transparent;
}

} /* mediaquey END*/

.follower.active{
  position: fixed;
  z-index: 9999;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ccc;
  padding-top: 2rem;
}