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

/*--------------------
reset
--------------------*/
body {
font-family: "メイリオ", Meiryo, Helvetica, Arial, sans-serif !important;
-webkit-text-size-adjust: 100%;
}
a {
color: #1d3994;
}
.hikariContents,
.airContents,
.faqContents,
.sideBtn {
position:relative;
font-size:100%;
font-family: "Noto Sans Japanese"; 
color: #333;
}
img{
vertical-align: middle;
border: 0;
}
em,
strong{
font-weight: bold;
}
.emg{
margin-bottom: 10px;
}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cf{zoom:1}


/*--------------------
cmn
--------------------*/
/*social*/
.sns__text-area {
width: 940px;
margin: 0 auto 15px;
position: relative;
text-align: right;
}
.sns__term {
display: inline-block;
float:none;
}
.noticePrice,
.sns__notice{
position: absolute;
left: 0;
display: inline-block;
color: #ff0033;
font-size: 87.5%;
}
.sns__tw,
.sns__fb{
display: inline-block;
float:none;
height: 20px;
vertical-align: bottom;
line-height: 1;
margin-right: 8px;
}
.sns__fb{
margin-right: 0;
}
.sns__fb iframe{
width: 72px !important;
}

/*--------------------
sub footer
--------------------*/
.subfooter{
background:#f5f5f5;
border-top: solid 1px #eee;
padding:20px 0 0;
}
.subfooter .price{
margin: 20px 0;
font-size: 75%;
color:#666;
}
.subfooter .price span{
margin-left:10px;
}

/*--------------------
header
--------------------*/
.headerInner {
width: 950px;
margin: 0 auto;
}
.headerInner #msthd #msthdsbox{
box-sizing: initial;
}

/*--------------------
glovalNavi
--------------------*/
.glovalNavi{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
height: 40px;
border-top:solid #cfd2db 1px;
border-bottom:solid #cfd2db 1px;
}
.glovalNavi ul{
width: 950px;
height: 40px;
margin: 0 auto;
text-align: left;
}
.glovalNavi ul li{
display: inline-block;
font-size: 87.5%;
text-align: center;
}
.glovalNavi ul li a{
vertical-align: middle;
display: inline-block;
height: 38px;
line-height: 38px;
min-width: 70px;
padding: 0 10px;
text-decoration: none;
color: #333;
}
.glovalNavi ul li a:hover{
background:transparent;
color: #ff0033 !important;
}
.glovalNavi ul li a.on{
background:#ff0033;
color: #fff !important;
}
.subNavigation li a:hover{
color: #ff0033 !important;
}
.subNavigation li a.on{
color: #ff0033 !important;
}
.glovalNavi ul li a:visited,
.subNavigation li a:visited {
color: #333;
}

/*--------------------
mainVisual
--------------------*/
.mainVisual {
width: 100%;
background:#7dbe3c;
/*
background:#ffd700;
*/
display: inline-block;
}
.mainVisual.abTest.changeColor {
background:#ffd700;
}
.mainVisual .innerWrap {
width: 940px;
height: 356px;
margin: 0 auto;
}
.mainVisual .term{
text-align: center;
margin: 5px 0;
}
.mainVisual .term.textHide{
display: none;
}
.mainVisual .pcTelModule{
margin-bottom:0;
padding-bottom:10px;
}

/*--------------------
pcTelModule
--------------------*/
.pcTelModule{
width: 100%;
margin-bottom: 60px;
}
.pcTelModule ul{
width: 940px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
text-align: center;
height: auto;
border-radius: 6px;
border: solid 1px #cfd2db;
margin:0 auto;
padding: 10px;
vertical-align: top;
background: #fff;
}
.pcTelModule ul li{
width: 49%;
display: inline-block;
text-align: left;
vertical-align: bottom;
}
.pcTelModule li:first-child dl dd:nth-child(2){
height: 40px;
vertical-align: middle;
}
.pcTelModule dl{
height: 95px;
position: relative;
top: -2px;
}
.pcTelModule p:nth-child(2){
display: inline-block;
}
.pcTelModule ul li:nth-child(3) dl{
height: 95px;
}
.pcTelModule ul li:nth-child(3) dl dt{
margin-bottom: 10px;
}
.pcTelModule dt,
.pcTelModule p{
font-size: 75%;
color: #545454;
text-align: center;
display: block;
}
.pcTelModule dt{
background: #eee;
padding: 3px 0;
margin-bottom: 10px;
font-weight: bold;
font-size: 87.5%;
}
.pcTelModule dd{
display: inline-block;
position: relative;
top: 3px;
}
.pcTelModule li:first-child dl dd:nth-child(2){
height: 40px;
vertical-align: middle;
}
.pcTelModule li:first-child dl dd:nth-child(3){
margin-left:2px;
position: relative;
top: 4px;
}
.pcTelModule li:first-child dl dd:nth-child(2) p{
font-size:225%;
line-height: 1.1;
height: 40px;
font-weight: bold;
color: #1950a6;
}
.pcTelModule li:first-child dl dd:nth-child(2) span{

/* 先にフォールバック画像を指定 */
background-image: url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/ico_freecall.png") no-repeat;

/* SVG画像を指定 ie9*/
background: rgba(0,0,0,0) url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/svg/ico_freecall.svg") no-repeat;
background-size:50px 40px;
background-position:left center;
display: inline-block;
width:50px;
height:40px;
margin-right: 5px;
vertical-align: bottom;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.pcTelModule li:first-child dl dd a{
display: inline-block;
width:124px;
height:29px;
line-height: 29px;
padding: 0 12px;
border-radius: 6px;
border: solid 1px #cfd2db;
border-bottom: solid 2px #cfd2db;
font-size: 75%;
text-decoration: none;
vertical-align: middle;
}
.pcTelModule li:first-child dl dd a:hover{
background-color: #e6e6e6;
transition: 0.5s;
}
.pcTelModule li:first-child dl dd a:active{
background-color: #e6e6e6;
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.pcTelModule li:first-child dl dd a span{
position: relative;
top: 1px;
vertical-align: middle;
height: 29px;
display: table-cell;
padding-left: 25px;

/* 先にフォールバック画像を指定 */
background: url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/ico_return_tell.png") no-repeat;

/* SVG画像を指定 ie9*/
background: rgba(0,0,0,0) url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/svg/ico_return_tell.svg") no-repeat;
background-size:80px 20px;
background-position:-29px 4px;
color: #1950a6;
}
.pcTelModule ul li:nth-child(2){
background:#ccc;
display: inline-block;
height: 95px;
width: auto;
margin: 0 8px;
border-right: 1px solid #cfd2db;
}
.pcTelModule ul li:nth-child(3){
vertical-align: top;
}
/*
.pcTelModule ul li:nth-child(3) a.changeColor {
background:#fc8800;
border-bottom: solid 1px #b15f00;
}
*/
.pcTelModule ul li:nth-child(3) a.changeColor:hover {
background-color: #ef8100;	
transition: 0.5s;
}
.pcTelModule ul li:nth-child(3) a.changeColor:active {
background-color: #ef8100;
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.pcTelModule ul li:nth-child(3) a{
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 450px;
height: 58px;
border-radius: 6px;
border-bottom: solid 1px #b29600;
background:#ffd700;
font-size: 125%;
text-decoration: none;
}
.pcTelModule ul li:nth-child(3) a:hover{
background-color: #f2cc00;	
transition: 0.5s;
}
.pcTelModule ul li:nth-child(3) a:active{
background-color: #f2cc00;
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.pcTelModule ul li:nth-child(3) a.off{
border-bottom: solid 1px #cfd2db;
background: #ddd;
cursor: default;
}
.pcTelModule ul li:nth-child(3) a span{
vertical-align: middle;
height: 58px;
display: table-cell;
width: 450px;
text-align: center;
font-weight: bold;
color: #333;
}
.pcTelModule ul li:nth-child(3) dd{
height: 60px;
position: relative;
top: 1px;
}
.pcTelModule .callBack{
margin-top: 5px;
}

/*--------------------
new floating pcTelModule
--------------------*/
.pcTelModule.floating{
position: fixed;
bottom: 0;
z-index: 1;
background: #fff;
margin-bottom: 0;
border-top: 1px solid #ccc;
}
.pcTelModule.floating ul{
border: 0;
}
.pcTelModule.floating ul li:nth-child(3) dl,
.pcTelModule.floating dl {
height: 60px;
}
.pcTelModule.floating ul li:nth-child(2) {
height: 60px;
}
.pcTelModule.floating ul li:nth-child(3) dl dt,
.pcTelModule.floating dt {
display: none;
}

/*--------------------
taNavi
--------------------*/
.taNavi{
height: 42px;
width:100%;
}
.taNavi ul{
width: 940px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
margin: 0 auto;
vertical-align: top;
}
.taNavi ul li {
width: 25%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: inline-block;
height: 42px;
border: solid 1px #cfd2db;
border-radius: 6px ;
background: #fff;
}
.taNavi ul li:nth-child(1),
.taNavi ul li:nth-child(1) a{
border-radius: 6px 0 0 6px;
border-right:0;
}
.taNavi ul li:nth-child(2),
.taNavi ul li:nth-child(2) a{
border-radius: 0 ;
border-right:0;
}
.taNavi ul li:nth-child(3),
.taNavi ul li:nth-child(3) a{
border-radius: 0 ;
border-right:0;
}
.taNavi ul li:nth-child(4),
.taNavi ul li:nth-child(4) a{
border-radius: 0 6px 6px 0;
}
.taNavi ul li a{
display: block;
height: 40px;
text-decoration: none;
font-size: 87.5%;
text-align: center;
line-height: 40px;
}
.taNavi ul li a:hover{
color: #ff0033 !important;
background: #fff;
}
.taNavi ul li a.on{
color: #fff !important;
background: #ff0033;
}

/*--------------------
floating-nav
--------------------*/
.floating-nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
display: none;
opacity: 0;
z-index: 5;
-webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 0 3px rgba(0,0,0,0.2);
transition: top .4s;
}
.floating-nav .taNavi ul li {
border:0;
border-right:solid 1px #cfd2db;
border-radius:0;
}
.floating-nav .taNavi ul li:nth-child(1) {
border-left: solid 1px #cfd2db;
}
.floating-nav .taNavi ul li a{
height: 42px;
line-height: 42px;
border-radius:0;
}
.floating-nav .taNavi ul li a.on {
color: #333;
}

/*--------------------
quatro
--------------------*/
.quatro{
width:100%;
padding:15px 0 30px;
margin-bottom:60px;
}
.quatro .inner{
width:940px;
margin:0 auto;
}
.quatro #service,
.quatro #bbplan,
.quatro #price{
display: none;
}
.quatro.bgColor{
background: #7dbe3c;
/*
background:#ffd700;
*/
}
.mainVisual .innerWrap .campaignImg.imgHide,
.mainVisual .innerWrap .hikariImg.imgHide,
.mainVisual .innerWrap .airImg.imgHide{
display: none;
}
.quatro .taNavi {
margin-bottom: 30px;
}

/*--------------------
faq
--------------------*/
.faq{
width: 100%;
margin-bottom: 60px;
margin-top: 25px;
}
.faq .inner{
width: 940px;
margin:0 auto;
}
.faq h2{
text-align: left;
font-size: 187.5%;
line-height: 40px;
margin-bottom: 25px;
}
.faq h2::before{
content: "";
margin: 0 5px 0 0;
border-left: 2px solid #ffd700;
display: inline-block;
height: 40px;
vertical-align: bottom;
}
.faq dt,
.faq dd{
position: relative;
display:block;
text-align: right;
border:#cfd2db 1px solid;
border-right:none;
border-left:none;
cursor:pointer;
padding:0 30px;
}
.faq dt:hover{
background-color: #dadada;
transition: 0.5s;
}
.faq dd{
cursor:default;
}
.faq dt::after{
position: absolute;
right: 30px;
top: 50%;
margin-top: -13px;
display: inline-block;
height: 26px;
width: 26px;
content:"";

/* 先にフォールバック画像を指定 */
background: url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/ico_plus_minus.png") no-repeat;

/* SVG画像を指定 ie9*/
background: rgba(0,0,0,0) url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/svg/ico_plus_minus.svg") no-repeat;
background-size: 52px 52px;
background-position: -13px 0;
}
.faq dt.open::after{
background-position: -13px -26px;
}
.faq dd{
display:none;
border:none;
border-bottom:#cfd2db 1px solid;
background:#f2f2f2;
}
.tenyo .faq dd{
background: transparent;
}
.faq dt:nth-child(odd){
border-top: none;
}
.faq dt:nth-child(1){
border-top: #cfd2db 1px solid;
}
.faq dt span,
.faq dd span{
vertical-align: middle;
display: table-cell;
height: 48px;
padding: 10px 0;
text-align: left;
}
.faq dt.gray{
background:#dadada;
}
.faq .txtArea {
display: block;
vertical-align: top;
}
.faq .txtArea p {
position: relative;
top: 0;
margin: 40px 0 20px;
font-size: 125%;
font-weight: bold;
}
.faq .txtArea p.top {
top: 0;
margin: 0 0 20px 0;
}
.faq .module__table--faq {
width: 100%;
line-height: 1.25;
border: 1px solid #ddd;
margin-bottom: 30px;
}
.faq .module__table--faq tr.bggray {
background: #f5f6f8;
}
.faq .module__table--faq tr {
border-bottom: 1px solid #ddd;
}
.faq .module__table--faq th, 
.faq .module__table--faq td {
padding: 10px;
border-right: 1px solid #ddd;
text-align: left;
font-weight: bold;
}
.faq .module__table--faq td{
background:#fff;
}
.faq .module__table--faq tr.bggray td{
background:transparent;
}
.faq .module__table--faq td .image{
display: inline-block;
}
.faq .module__table--faq td span{
position: relative;
top: 1px;
vertical-align: middle;
display: inline-block;
height: auto;
padding:0;
font-weight: normal;
}
.faq .sblinkTxt {
text-align: right;
margin-top: 30px;
}
.faq .sblinkTxt a{
padding: 10px 40px;
margin-top: 0;
line-height: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
text-align: center;
font-size: 87.5%;
text-decoration: none;
border: 1px solid #dcdee5;
border-radius: 5px;
box-shadow: 0 2px 0 0 #dcdee5;
}
.faq .sblinkTxt a:hover{
background-color: #e6e6e6;
transition: 0.5s;
}
.oldLink {
width: 500px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.oldLink li {
line-height: 1;
}
.oldLink li:not(:last-child) {
margin-bottom: 5px;
}
.oldLink li.btm {
margin-bottom: 20px;
}
.oldLink  li span{
font-size: 100%;
font-weight: normal;
}
.oldLink li a {
vertical-align: middle;
text-decoration: none;
height: 32px;
display: table-cell;
font-weight: normal;
}
.oldLink .iconPdf::before {
float: left;
content: "";
display: inline-block;
vertical-align: middle;
width: 28px;
height: 32px;
margin-right: 10px;
background: url(https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/ico_pdf.png) center no-repeat;
background: rgba(0,0,0,0) url(https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/svg/ico_pdf.svg) no-repeat;
background-size: 28px 32px;
}
.faq .telNum li{
text-indent: 1em;
}
.faq dt a{
display: block;
text-decoration: none;
color: #333;
}
#tp dd:nth-child(10) div{
text-align:center;
margin-bottom: 30px;  
}
.faq dt .brbreak {
display: table-cell;
vertical-align: bottom;
height: auto;
padding: 0;
}

/*--------------------
subNavigation
--------------------*/
.subNavigation{
height: auto;
padding: 30px 0 85px;
width:100%;
background:#f5f6f8;
}
.subNavigation ul{
width: 940px;
height:150px;
margin: 0 auto 60px;
vertical-align: top;
}
.subNavigation ul li{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: inline-block;
font-size: 87.5%;
text-align: center;
width: 220px;
height:150px;
border-radius:6px;
border: solid 1px #cfd2db;
background:#fff;
margin-right: 20px;
}
.subNavigation ul li:last-child{
margin-right: 0;
}
.subNavigation ul li a{
display: inline-block;
width: 220px;
height:150px;
text-decoration: none;
color: #333;
border-radius:6px;
}
.subNavigation ul li object{
pointer-events: none;
}
.subNavigation ul li a span{
display: block;
}
.subNavigation ul li a .inner{
display: table-cell; 
vertical-align: middle; 
height: 150px; 
width: 220px;
}
.subNavigation ul li a .inner img{
vertical-align: bottom;
margin-bottom: 5px;
}
.subnaviLink {
width: 940px;
height: auto;
margin: 0 auto;
}
.subnaviLink ul {
display: inline-block;
width: 300px;
height: auto;
margin: 0 20px 0 0;
}
.subnaviLink ul:last-child{
margin: 0;
}
.subnaviLink ul li {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
font-size: 75%;
text-align: left;
width: auto;
height: auto;
border-radius: 0;
border: none;
background: transparent;
margin-right: 0;
line-height: 1;
margin-bottom: 10px;
}
.subnaviLink ul li:first-child {
font-size: 87.5%;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.subnaviLink ul li a {
display: inline-block;
width: auto;
height: auto;
text-decoration: none;
color: #333;
border-radius: 0;
}

/*--------------------
footer
--------------------*/
#footer{
position: relative;
top: -1px;
text-align: center;
}
#footer #universalFooter {
margin: 0 auto;
padding: 10px 0 7px;
border-top: 1px solid #ccc;
}
#footer address {
max-width: 940px;
margin: 0 auto;
padding: 10px 5px 20px;
border-top: 1px solid #ccc;
font-size: 75%;
line-height: 1.4;
}

/*--------------------
sideBtn
--------------------*/
.sideBtn { 
position: fixed;
right: -158px;
top: 320px;
z-index:2;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: right,bottom,opacity;
}
.sideBtn:hover {
right: 0;
}
.sideBtn li:nth-child(1) a{
height: 60px;
border: 1px solid #ccc;
border-radius:6px 0 0 0;
display: block;
background:#fff;
font-weight: bold;
text-decoration: none;
color: #1950a6 !important;
}
.sideBtn li:nth-child(2) a{
height: 59px;
border: 1px solid #ccc;
border-radius: 0 0 0 6px;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background:#fff;
font-weight: bold;
text-decoration: none;
border-top: none;
color: #333 !important;
}
.sideBtn li:nth-child(2) a:hover{
background:#ffd700;
}
.sideBtn li:nth-child(2){
height: 60px;
}
.sideBtn li span{
display: block;
margin-left: 50px;
font-size: 87.5%;
}
.sideBtn li:nth-child(2) span{
line-height: 60px;
}
.sideBtn li span:nth-child(2){
font-size: 137.5%;
line-height: 1;
}
.sideBtn li:nth-child(1) p{
position: relative;
top: 7px;
width:auto;
height:auto;
margin:0 10px;

/* 先にフォールバック画像を指定 */
background-image: url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/ico_freecall.png") no-repeat;

/* SVG画像を指定 ie9*/
background: rgba(0,0,0,0) url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/svg/ico_freecall.svg") no-repeat;
background-size:134px 30px;
background-position: -47px 10px;
}
.sideBtn li:nth-child(2) p{
position: relative;
top: 0;
width:auto;
height:auto;
margin:0 10px;

/* 先にフォールバック画像を指定 */
background-image: url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/ico_web.png") no-repeat;

/* SVG画像を指定 ie9*/
background: rgba(0,0,0,0) url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/svg/ico_web.svg") no-repeat;
background-size: 130px 40px;
background-position: -45px 10px;
}
.sideBtn li:nth-child(1) p.on{
position: relative;
top: 7px;
width:auto;
height:auto;
margin:0 10px;

/* 先にフォールバック画像を指定 */
background-image: url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/ico_freecall_r.png") no-repeat;

/* SVG画像を指定 ie9*/
background: rgba(0,0,0,0) url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/svg/ico_freecall_r.svg") no-repeat;
background-size:134px 30px;
background-position: -47px 10px;
}
.sideBtn li:nth-child(2) p.on{
position: relative;
top: 0;
width:auto;
height:auto;
margin:0 10px;

/* 先にフォールバック画像を指定 */
background-image: url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/ico_web_r.png") no-repeat;

/* SVG画像を指定 ie9*/
background: rgba(0,0,0,0) url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/svg/ico_web_r.svg") no-repeat;
background-size: 130px 40px;
background-position: -45px 10px;
}

/*--------------------
air bnr
--------------------*/
.airBnr{
text-align: center;
margin-bottom: 60px;
}
.airBnr a{
display: inline-block;
}

/*--------------------
modal
--------------------*/
#open:target {
position: fixed;
z-index: 5000002;
opacity: 1;
display:block;
}
#open{
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
position: absolute;
}
.closeOverlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
position: absolute;
background: #000;
opacity: 0.5;
z-index: 1;
}
.modalWindow {
top: 50%;
left: 50%;
margin: -274px 0 0 -330px;
width: 560px;
text-align: center;
display: block;
background: #fff;
position: absolute;
z-index: 2;
border-radius:12px;
padding:30px 50px;
}
.modalWindow .crossImgWrap{
height: 18px;
text-align: right;
margin-bottom: 15px;
}
.modalWindow .crossImgWrap a{
display: inline-block;
line-height: 1;
height: 16px;
width: 16px;

/* 先にフォールバック画像を指定 */
background-image: url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/ico_cross.png") no-repeat;

/* SVG画像を指定 ie9*/
background: rgba(0,0,0,0) url("https://s.yimg.jp/images/bb/promo/v2/pc/promo/common/img/svg/ico_cross.svg") no-repeat;
background-size:16px 16px;
background-position: top right;
}
.modalWindow .writeIcon{
text-align: center;
margin-bottom: 10px;
}
.modalWindow h2 {
font-size: 100%;
font-weight: bold;
margin-bottom:15px;
line-height: 1.25;
}
.modalWindow .module__subArea{
border: solid 1px #FBEFD5;
text-align: center;
font-size: 100%;
margin-bottom:30px;
}
.modalWindow .module__subArea .ylwRect{
display: inline-block;
padding: 2px 8px;
background: #ffd700;
border-radius:3px;
margin-bottom: 5px;
line-height: 1;
}
.modalWindow .module__subArea .ylwTxt{
font-size: 62.5%;
padding: 0;
margin: 0;
position: relative;
top: 0;
}
.modalWindow .module__subArea p{
font-size: 87.5%;
font-weight: bold;
}
.modalWindow .module__subArea p span{
background: none;
font-size: 100%;
display: inline;
padding: 0;
margin: 0;
border-radius: 0;
color: #ff0033;
}
.modalWindow .btnRadio{
margin-bottom:10px;
}
.modalWindow .btnRadio:last-child{
margin-bottom:20px;
}
.modalWindow .btnRadio a{
display: block;
text-decoration: none;
}
.modalWindow .btnRadio a:hover{
color: #FFF;
}
.modalWindow .btnRadio input[type="radio"] {
display:none;
}
.modalWindow .btnRadio label {
display: block;
height: 98px;
width: 100%;
border-radius: 6px;
text-align: center;
font-size: 125%;
color: #333;
cursor: pointer;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-bottom: solid 1px #b29600;
background: #ffd700;
}
.modalWindow .btnRadio label span{
display: table-cell;
vertical-align: middle;
height: 98px;
width: 562px;
padding: 0 20px;
line-height: 1.2;
position: relative;
top: 2px;
}
.modalWindow .btnRadio label:hover {
color: #333;
border-bottom: solid 1px #b29600;
background: #f2cc00;
transition: 0.5s;
}
.modalWindow .btnRadio label:active {
background-color: #f2cc00;
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.modalWindow a:visited{
color: #1950A6;
}
.modalWindow dl{
text-align: left;
margin-bottom: 20px;
}
.modalWindow dt{
font-weight: bold;
}
.modalWindow dd{
text-indent: 1.2em;
font-size: 87.5%;
}
.modalWindow .request{
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 6px;
border-bottom: solid 1px #a00020;
background: #ff0033;
font-size: 100%;
text-decoration: none;
height: 78px;
margin-bottom: 20px;
}
.modalWindow .request:hover {
background-color: #f20030;
color:#f2f2f2;
transition: 0.5s;
}
.modalWindow .request:active {
background-color: #f20030;
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.modalWindow .request span {
vertical-align: middle;
display: table-cell;
height: 78px;
width: 560px;
font-weight: bold;
color: #fff;
font-size: 125%;
line-height: 1;
}
.modalWindow .request span span {
height: auto;
display: block;
font-weight: normal;
font-size: 60%;
line-height: 1;
margin-top: 5px;
}
.modalWindow .closeBtn,
.modalWindow .backBtn{
display: inline-block;
width:198px;
height:38px;
border: 1px solid #dcdee5;  
font-size: 87.5%;
background: #fff;
text-decoration: none;
border-radius: 6px;
color: #1950A6;
}
.modalWindow .closeBtn span,
.modalWindow .backBtn span{
display: table-cell;
vertical-align: middle;
width:198px;
height:38px;
line-height: 1;
position: relative;
top: 2px;
}
.modalWindow .otherCp{
margin-bottom: 20px;
}
.modalWindow .otherCp a{
display: inline-block;
}
.modalWindow .backBtn{
margin-right:10px;
}
.modalWindow .btnRadio label span.redRect{
display: inline-block;
padding: 2px 8px;
background: #fff;
border-radius: 3px;
margin-bottom: 5px;
line-height: 1.2;
border: 1px solid #ff0033;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
height: auto;
width: auto;
}
.modalWindow .btnRadio label span.redRect span.redTxt{
font-size: 50%;
padding: 0;
margin: 0;
position: relative;
top: 1px;
color: #ff0033;
height: auto;
width: auto;
display: block;
}
.modalWindow .btnRadio label span.redRect {
position: relative;
top: -2px;
}
.modalWindow label span.br {
display: inline;
vertical-align: middle;
height: auto;
width: auto;
line-height: 1.2;
position: relative;
top: 0;
}
.modalWindow label span.br {
padding: 0;
}
.redTxtInner{
font-size:142.9%;
}

/*edge hack*/
@supports (-ms-accelerator:true) {
	.pcTelModule li:first-child dl dd a span {
	background-size: 20px 20px;
	background-position: 2px 5px;
	}
	.faq dt::after {
	background-size: 25px 50px;
	background-position: 0 0;
	height:25px;
	}
	.faq dt.open::after {
	background-position: 0 -25px;
	}
	.sideBtn li:nth-child(1) p,
	.sideBtn li:nth-child(1) p.on {
	background-size: 40px 30px;
	background-position: 0 10px;
	}
	.sideBtn li:nth-child(2) p,
	.sideBtn li:nth-child(2) p.on {
	background-size: 40px 40px;
	background-position: 0 10px;
	}
}

/*ie9*/
.sideBtn:not(:target) {
position: fixed;
right: -135px\9;
top: 320px;
z-index:2;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: right,bottom,opacity;
}
.sideBtn:hover:not(:target) {
right: 0\9;
}
.sideBtn li:nth-child(1) p:not(:target),
.sideBtn li:nth-child(1) p.on:not(:target) {
background-position: -44px 10px\9;
}
.sideBtn li:nth-child(2) p:not(:target),
.sideBtn li:nth-child(2) p.on:not(:target) {
background-position: -42px 10px\9;
}
.glovalNavi ul li:not(:target){
line-height: 1\9;
}
.taNavi ul:not(:target) li:nth-child(3):not(:target) {
	position: relative\9;
	top: -1px\9;
}








