@charset "utf-8";

/*--------------------------------------------------
2019年リニューアル時追加分
--------------------------------------------------*/

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}



/* 1-3: utility parts
------------------------------------------------------------------------------------- */
@media only screen and (min-width: 769px) {
.mt1em { margin-top: 1em !important;}
.mt2em { margin-top: 2em !important;}
.mt3em { margin-top: 3em !important;}

.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt55 { margin-top: 55px !important;}
.mt60 { margin-top: 60px !important;}
.mt65 { margin-top: 65px !important;}
.mt70 { margin-top: 70px !important;}

.mr0 { margin-right: 0 !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mr55 { margin-right: 55px !important;}
.mr60 { margin-right: 60px !important;}
.mr65 { margin-right: 65px !important;}
.mr70 { margin-right: 70px !important;}

.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb55 { margin-bottom: 55px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb65 { margin-bottom: 65px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb75 { margin-bottom: 75px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb85 { margin-bottom: 85px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb95 { margin-bottom: 95px !important;}
.mb100 { margin-bottom: 100px !important;}
.mb105 { margin-bottom: 105px !important;}
.mb110 { margin-bottom: 110px !important;}
.mb115 { margin-bottom: 115px !important;}

.ml0 { margin-left: 0 !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.ml55 { margin-left: 55px !important;}
.ml60 { margin-left: 60px !important;}
.ml65 { margin-left: 65px !important;}
.ml70 { margin-left: 70px !important;}

.pt0 { padding-top: 0 !important;}
.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt55 { padding-top: 55px !important;}
.pt60 { padding-top: 60px !important;}
.pt65 { padding-top: 65px !important;}
.pt70 { padding-top: 70px !important;}

.pr0 { padding-right: 0 !important;}
.pr5 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;} 
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}
.pr55 { padding-right: 55px !important;}
.pr60 { padding-right: 60px !important;}
.pr65 { padding-right: 65px !important;}
.pr70 { padding-right: 70px !important;}

.pb0 { padding-bottom: 0 !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb55 { padding-bottom: 55px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb65 { padding-bottom: 65px !important;}
.pb70 { padding-bottom: 70px !important;}

.pl0 { padding-left: 0 !important;}
.pl5 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl55 { padding-left: 55px !important;}
.pl60 { padding-left: 60px !important;}
.pl65 { padding-left: 65px !important;}
.pl70 { padding-left: 70px !important;}
}
@media only screen and (max-width: 768px) {
  .spMt1em { margin-top: 1em !important;}
  .spmt2em { margin-top: 2em !important;}
  .spmt3em { margin-top: 3em !important;}
  
  .spmt0 { margin-top: 0 !important;}
  .spmt5 { margin-top: 5px !important;}
  .spmt10 { margin-top: 10px !important;}
  .spmt15 { margin-top: 15px !important;}
  .spmt20 { margin-top: 20px !important;}
  .spmt25 { margin-top: 25px !important;}
  .spmt30 { margin-top: 30px !important;}
  .spmt35 { margin-top: 35px !important;}
  .spmt40 { margin-top: 40px !important;}
  .spmt45 { margin-top: 45px !important;}
  .spmt50 { margin-top: 50px !important;}
  .spmt55 { margin-top: 55px !important;}
  .spmt60 { margin-top: 60px !important;}
  .spmt65 { margin-top: 65px !important;}
  .spmt70 { margin-top: 70px !important;}
  
  .spmr0 { margin-right: 0 !important;}
  .spmr5 { margin-right: 5px !important;}
  .spmr10 { margin-right: 10px !important;}
  .spmr15 { margin-right: 15px !important;}
  .spmr20 { margin-right: 20px !important;}
  .spmr25 { margin-right: 25px !important;}
  .spmr30 { margin-right: 30px !important;}
  .spmr35 { margin-right: 35px !important;}
  .spmr40 { margin-right: 40px !important;}
  .spmr45 { margin-right: 45px !important;}
  .spmr50 { margin-right: 50px !important;}
  .spmr55 { margin-right: 55px !important;}
  .spmr60 { margin-right: 60px !important;}
  .spmr65 { margin-right: 65px !important;}
  .spmr70 { margin-right: 70px !important;}
  
  .spmb0 { margin-bottom: 0 !important;}
  .spmb5 { margin-bottom: 5px !important;}
  .spmb10 { margin-bottom: 10px !important;}
  .spmb15 { margin-bottom: 15px !important;}
  .spmb20 { margin-bottom: 20px !important;}
  .spmb25 { margin-bottom: 25px !important;}
  .spmb30 { margin-bottom: 30px !important;}
  .spmb35 { margin-bottom: 35px !important;}
  .spmb40 { margin-bottom: 40px !important;}
  .spmb45 { margin-bottom: 45px !important;}
  .spmb50 { margin-bottom: 50px !important;}
  .spmb55 { margin-bottom: 55px !important;}
  .spmb60 { margin-bottom: 60px !important;}
  .spmb65 { margin-bottom: 65px !important;}
  .spmb70 { margin-bottom: 70px !important;}
  
  .spml0 { margin-left: 0 !important;}
  .spml5 { margin-left: 5px !important;}
  .spml10 { margin-left: 10px !important;}
  .spml15 { margin-left: 15px !important;}
  .spml20 { margin-left: 20px !important;}
  .spml25 { margin-left: 25px !important;}
  .spml30 { margin-left: 30px !important;}
  .spml35 { margin-left: 35px !important;}
  .spml40 { margin-left: 40px !important;}
  .spml45 { margin-left: 45px !important;}
  .spml50 { margin-left: 50px !important;}
  .spml55 { margin-left: 55px !important;}
  .spml60 { margin-left: 60px !important;}
  .spml65 { margin-left: 65px !important;}
  .spml70 { margin-left: 70px !important;}
  
  .sppt0 { padding-top: 0 !important;}
  .sppt5 { padding-top: 5px !important;}
  .sppt10 { padding-top: 10px !important;}
  .sppt15 { padding-top: 15px !important;}
  .sppt20 { padding-top: 20px !important;}
  .sppt25 { padding-top: 25px !important;}
  .sppt30 { padding-top: 30px !important;}
  .sppt35 { padding-top: 35px !important;}
  .sppt40 { padding-top: 40px !important;}
  .sppt45 { padding-top: 45px !important;}
  .sppt50 { padding-top: 50px !important;}
  .sppt55 { padding-top: 55px !important;}
  .sppt60 { padding-top: 60px !important;}
  .sppt65 { padding-top: 65px !important;}
  .sppt70 { padding-top: 70px !important;}
  
  .sppr0 { padding-right: 0 !important;}
  .sppr5 { padding-right: 5px !important;}
  .sppr10 { padding-right: 10px !important;}
  .sppr15 { padding-right: 15px !important;}
  .sppr20 { padding-right: 20px !important;}
  .sppr25 { padding-right: 25px !important;}
  .sppr30 { padding-right: 30px !important;} 
  .sppr35 { padding-right: 35px !important;}
  .sppr40 { padding-right: 40px !important;}
  .sppr45 { padding-right: 45px !important;}
  .sppr50 { padding-right: 50px !important;}
  .sppr55 { padding-right: 55px !important;}
  .sppr60 { padding-right: 60px !important;}
  .sppr65 { padding-right: 65px !important;}
  .sppr70 { padding-right: 70px !important;}
  
  .sppb0 { padding-bottom: 0 !important;}
  .sppb5 { padding-bottom: 5px !important;}
  .sppb10 { padding-bottom: 10px !important;}
  .sppb15 { padding-bottom: 15px !important;}
  .sppb20 { padding-bottom: 20px !important;}
  .sppb25 { padding-bottom: 25px !important;}
  .sppb30 { padding-bottom: 30px !important;}
  .sppb35 { padding-bottom: 35px !important;}
  .sppb40 { padding-bottom: 40px !important;}
  .sppb45 { padding-bottom: 45px !important;}
  .sppb50 { padding-bottom: 50px !important;}
  .sppb55 { padding-bottom: 55px !important;}
  .sppb60 { padding-bottom: 60px !important;}
  .sppb65 { padding-bottom: 65px !important;}
  .sppb70 { padding-bottom: 70px !important;}
  
  .sppl0 { padding-left: 0 !important;}
  .sppl5 { padding-left: 5px !important;}
  .sppl10 { padding-left: 10px !important;}
  .sppl15 { padding-left: 15px !important;}
  .sppl20 { padding-left: 20px !important;}
  .sppl25 { padding-left: 25px !important;}
  .sppl30 { padding-left: 30px !important;}
  .sppl35 { padding-left: 35px !important;}
  .sppl40 { padding-left: 40px !important;}
  .sppl45 { padding-left: 45px !important;}
  .sppl50 { padding-left: 50px !important;}
  .sppl55 { padding-left: 55px !important;}
  .sppl60 { padding-left: 60px !important;}
  .sppl65 { padding-left: 65px !important;}
  .sppl70 { padding-left: 70px !important;}
}

@media only screen and (min-width: 769px) {
.w001per {width: 1% !important;}
.w002per {width: 2% !important;}
.w003per {width: 3% !important;}
.w004per {width: 4% !important;}
.w005per {width: 5% !important;}
.w006per {width: 6% !important;}
.w007per {width: 7% !important;}
.w008per {width: 8% !important;}
.w009per {width: 9% !important;}
.w010per {width: 10% !important;}
.w011per {width: 11% !important;}
.w012per {width: 12% !important;}
.w013per {width: 13% !important;}
.w014per {width: 14% !important;}
.w015per {width: 15% !important;}
.w016per {width: 16% !important;}
.w017per {width: 17% !important;}
.w018per {width: 18% !important;}
.w019per {width: 19% !important;}
.w020per {width: 20% !important;}
.w021per {width: 21% !important;}
.w022per {width: 22% !important;}
.w023per {width: 23% !important;}
.w024per {width: 24% !important;}
.w025per {width: 25% !important;}
.w026per {width: 26% !important;}
.w027per {width: 27% !important;}
.w028per {width: 28% !important;}
.w029per {width: 29% !important;}
.w030per {width: 30% !important;}
.w031per {width: 31% !important;}
.w032per {width: 32% !important;}
.w033per {width: 33% !important;}
.w034per {width: 34% !important;}
.w035per {width: 35% !important;}
.w036per {width: 36% !important;}
.w037per {width: 37% !important;}
.w038per {width: 38% !important;}
.w039per {width: 39% !important;}
.w040per {width: 40% !important;}
.w041per {width: 41% !important;}
.w042per {width: 42% !important;}
.w043per {width: 43% !important;}
.w044per {width: 44% !important;}
.w045per {width: 45% !important;}
.w046per {width: 46% !important;}
.w047per {width: 47% !important;}
.w048per {width: 48% !important;}
.w049per {width: 49% !important;}
.w050per {width: 50% !important;}
.w051per {width: 51% !important;}
.w052per {width: 52% !important;}
.w053per {width: 53% !important;}
.w054per {width: 54% !important;}
.w055per {width: 55% !important;}
.w056per {width: 56% !important;}
.w057per {width: 57% !important;}
.w058per {width: 58% !important;}
.w059per {width: 59% !important;}
.w060per {width: 60% !important;}
.w061per {width: 61% !important;}
.w062per {width: 62% !important;}
.w063per {width: 63% !important;}
.w064per {width: 64% !important;}
.w065per {width: 65% !important;}
.w066per {width: 66% !important;}
.w067per {width: 67% !important;}
.w068per {width: 68% !important;}
.w069per {width: 69% !important;}
.w070per {width: 70% !important;}
.w071per {width: 71% !important;}
.w072per {width: 72% !important;}
.w073per {width: 73% !important;}
.w074per {width: 74% !important;}
.w075per {width: 75% !important;}
.w076per {width: 76% !important;}
.w077per {width: 77% !important;}
.w078per {width: 78% !important;}
.w079per {width: 79% !important;}
.w080per {width: 80% !important;}
.w081per {width: 81% !important;}
.w082per {width: 82% !important;}
.w083per {width: 83% !important;}
.w084per {width: 84% !important;}
.w085per {width: 85% !important;}
.w086per {width: 86% !important;}
.w087per {width: 87% !important;}
.w088per {width: 88% !important;}
.w089per {width: 89% !important;}
.w090per {width: 90% !important;}
.w091per {width: 91% !important;}
.w092per {width: 92% !important;}
.w093per {width: 93% !important;}
.w094per {width: 94% !important;}
.w095per {width: 95% !important;}
.w096per {width: 96% !important;}
.w097per {width: 97% !important;}
.w098per {width: 98% !important;}
.w099per {width: 99% !important;}
.w100per {width: 100% !important;}
}
@media only screen and (max-width: 768px) {
  .spW001per {width: 1% !important;}
  .spW002per {width: 2% !important;}
  .spW003per {width: 3% !important;}
  .spW004per {width: 4% !important;}
  .spW005per {width: 5% !important;}
  .spW006per {width: 6% !important;}
  .spW007per {width: 7% !important;}
  .spW008per {width: 8% !important;}
  .spW009per {width: 9% !important;}
  .spW010per {width: 10% !important;}
  .spW011per {width: 11% !important;}
  .spW012per {width: 12% !important;}
  .spW013per {width: 13% !important;}
  .spW014per {width: 14% !important;}
  .spW015per {width: 15% !important;}
  .spW016per {width: 16% !important;}
  .spW017per {width: 17% !important;}
  .spW018per {width: 18% !important;}
  .spW019per {width: 19% !important;}
  .spW020per {width: 20% !important;}
  .spW021per {width: 21% !important;}
  .spW022per {width: 22% !important;}
  .spW023per {width: 23% !important;}
  .spW024per {width: 24% !important;}
  .spW025per {width: 25% !important;}
  .spW026per {width: 26% !important;}
  .spW027per {width: 27% !important;}
  .spW028per {width: 28% !important;}
  .spW029per {width: 29% !important;}
  .spW030per {width: 30% !important;}
  .spW031per {width: 31% !important;}
  .spW032per {width: 32% !important;}
  .spW033per {width: 33% !important;}
  .spW034per {width: 34% !important;}
  .spW035per {width: 35% !important;}
  .spW036per {width: 36% !important;}
  .spW037per {width: 37% !important;}
  .spW038per {width: 38% !important;}
  .spW039per {width: 39% !important;}
  .spW040per {width: 40% !important;}
  .spW041per {width: 41% !important;}
  .spW042per {width: 42% !important;}
  .spW043per {width: 43% !important;}
  .spW044per {width: 44% !important;}
  .spW045per {width: 45% !important;}
  .spW046per {width: 46% !important;}
  .spW047per {width: 47% !important;}
  .spW048per {width: 48% !important;}
  .spW049per {width: 49% !important;}
  .spW050per {width: 50% !important;}
  .spW051per {width: 51% !important;}
  .spW052per {width: 52% !important;}
  .spW053per {width: 53% !important;}
  .spW054per {width: 54% !important;}
  .spW055per {width: 55% !important;}
  .spW056per {width: 56% !important;}
  .spW057per {width: 57% !important;}
  .spW058per {width: 58% !important;}
  .spW059per {width: 59% !important;}
  .spW060per {width: 60% !important;}
  .spW061per {width: 61% !important;}
  .spW062per {width: 62% !important;}
  .spW063per {width: 63% !important;}
  .spW064per {width: 64% !important;}
  .spW065per {width: 65% !important;}
  .spW066per {width: 66% !important;}
  .spW067per {width: 67% !important;}
  .spW068per {width: 68% !important;}
  .spW069per {width: 69% !important;}
  .spW070per {width: 70% !important;}
  .spW071per {width: 71% !important;}
  .spW072per {width: 72% !important;}
  .spW073per {width: 73% !important;}
  .spW074per {width: 74% !important;}
  .spW075per {width: 75% !important;}
  .spW076per {width: 76% !important;}
  .spW077per {width: 77% !important;}
  .spW078per {width: 78% !important;}
  .spW079per {width: 79% !important;}
  .spW080per {width: 80% !important;}
  .spW081per {width: 81% !important;}
  .spW082per {width: 82% !important;}
  .spW083per {width: 83% !important;}
  .spW084per {width: 84% !important;}
  .spW085per {width: 85% !important;}
  .spW086per {width: 86% !important;}
  .spW087per {width: 87% !important;}
  .spW088per {width: 88% !important;}
  .spW089per {width: 89% !important;}
  .spW090per {width: 90% !important;}
  .spW091per {width: 91% !important;}
  .spW092per {width: 92% !important;}
  .spW093per {width: 93% !important;}
  .spW094per {width: 94% !important;}
  .spW095per {width: 95% !important;}
  .spW096per {width: 96% !important;}
  .spW097per {width: 97% !important;}
  .spW098per {width: 98% !important;}
  .spW099per {width: 99% !important;}
  .spW100per {width: 100% !important;}
}

.aC {text-align: center !important;}
.aL {text-align: left !important;}
.aR {text-align: right !important;}
.vT {vertical-align: top !important;}
.vM {vertical-align: middle !important;}
.vB {vertical-align: bottom !important;}
.dB {display: block !important;}
.dN {display: none !important;}

.fR,
.fL,
.fN {
	margin-top: 20px;
}

.fR > * {float: right !important;}
.fL > * {float: left !important;}
.fN > * {float: none !important;}

.fR > *:first-child,
.fL > *:first-child,
.fN > *:first-child {
	margin-top: 0 !important;
}

.fontN {font-weight: normal !important;}
.fontB {font-weight: boldl !important;}

.clearB {clear: both !important;}
.clearR {clear: right !important;}
.clearL {clear: left !important;}
.clearN {clear: none !important;}

.voiceGuide {
  display: block;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  font-size: 0;
}

@media only screen and (min-width: 769px) {
  .spElm {display: none !important;}
}
@media only screen and (max-width: 768px) {
  .pcElm {display: none !important;}
}



/* font-size 調整 
------------------------------------------------------------------------------------- */
@media only screen and (min-width: 769px) {
.font08,.font08b{font-size:8px !important;}
.font09,.font09b{font-size:9px !important;}
.font10,.font10b{font-size:10px !important;}
.font11,.font11b{font-size:11px !important;}
.font12,.font12b{font-size:12px !important;}
.font13,.font13b{font-size:13px !important;}
.font14,.font14b{font-size:14px !important;}
.font15,.font15b{font-size:15px !important;}
.font16,.font16b{font-size:16px !important;}
.font17,.font17b{font-size:17px !important;}
.font18,.font18b{font-size:18px !important;}
.font19,.font19b{font-size:19px !important;}
.font20,.font20b{font-size:20px !important;}
.font21,.font21b{font-size:21px !important;}
.font22,.font22b{font-size:22px !important;}
.font23,.font23b{font-size:23px !important;}
.font24,.font24b{font-size:24px !important;}
.font25,.font25b{font-size:25px !important;}
.font26,.font26b{font-size:26px !important;}	
.font27,.font27b{font-size:27px !important;}	
.font28,.font28b{font-size:28px !important;}	
.font29,.font29b{font-size:29px !important;}	
.font30,.font30b{font-size:30px !important;}	
.font31,.font31b{font-size:31px !important;}	
.font32,.font32b{font-size:32px !important;}	
.font33,.font33b{font-size:33px !important;}	
.font34,.font34b{font-size:34px !important;}	
.font35,.font35b{font-size:35px !important;}	
.font36,.font36b{font-size:36px !important;}	
.font37,.font37b{font-size:37px !important;}	
.font38,.font38b{font-size:38px !important;}	
.font39,.font39b{font-size:39px !important;}	
.font40,.font40b{font-size:40px !important;}
.font41,.font41b{font-size:41px !important;}
.font42,.font42b{font-size:42px !important;}
.font43,.font43b{font-size:43px !important;}
.font44,.font44b{font-size:44px !important;}
.font45,.font45b{font-size:45px !important;}
.font46,.font46b{font-size:46px !important;}
.font47,.font47b{font-size:47px !important;}
.font48,.font48b{font-size:48px !important;}
.font49,.font49b{font-size:49px !important;}
.font50,.font50b{font-size:50px !important;}	
}
@media only screen and (max-width: 768px) {
  .spfont08,.spfont08b{font-size:8px !important;}
  .spfont09,.spfont09b{font-size:9px !important;}
  .spfont10,.spfont10b{font-size:10px !important;}
  .spfont11,.spfont11b{font-size:11px !important;}
  .spfont12,.spfont12b{font-size:12px !important;}
  .spfont13,.spfont13b{font-size:13px !important;}
  .spfont14,.spfont14b{font-size:14px !important;}
  .spfont15,.spfont15b{font-size:15px !important;}
  .spfont16,.spfont16b{font-size:16px !important;}
  .spfont17,.spfont17b{font-size:17px !important;}
  .spfont18,.spfont18b{font-size:18px !important;}
  .spfont19,.spfont19b{font-size:19px !important;}
  .spfont20,.spfont20b{font-size:20px !important;}
  .spfont21,.spfont21b{font-size:21px !important;}
  .spfont22,.spfont22b{font-size:22px !important;}
  .spfont23,.spfont23b{font-size:23px !important;}
  .spfont24,.spfont24b{font-size:24px !important;}
  .spfont25,.spfont25b{font-size:25px !important;}
  .spfont26,.spfont26b{font-size:26px !important;}
  .spfont27,.spfont27b{font-size:27px !important;}
  .spfont28,.spfont28b{font-size:28px !important;}
  .spfont29,.spfont29b{font-size:29px !important;}
  .spfont30,.spfont30b{font-size:30px !important;}
  .spfont31,.spfont31b{font-size:31px !important;}
  .spfont32,.spfont32b{font-size:32px !important;}
  .spfont33,.spfont33b{font-size:33px !important;}
  .spfont34,.spfont34b{font-size:34px !important;}
  .spfont35,.spfont35b{font-size:35px !important;}
  .spfont36,.spfont36b{font-size:36px !important;}
  .spfont37,.spfont37b{font-size:37px !important;}
  .spfont38,.spfont38b{font-size:38px !important;}
  .spfont39,.spfont39b{font-size:39px !important;}
  .spfont40,.spfont40b{font-size:40px !important;}
  .spfont41,.spfont41b{font-size:41px !important;}
  .spfont42,.spfont42b{font-size:42px !important;}
  .spfont43,.spfont43b{font-size:43px !important;}
  .spfont44,.spfont44b{font-size:44px !important;}
  .spfont45,.spfont45b{font-size:45px !important;}
  .spfont46,.spfont46b{font-size:46px !important;}
  .spfont47,.spfont47b{font-size:47px !important;}
  .spfont48,.spfont48b{font-size:48px !important;}
  .spfont49,.spfont49b{font-size:49px !important;}
  .spfont50,.spfont50b{font-size:50px !important;}
}


/* font 協調 調整 
------------------------------------------------------------------------------------- */
@media only screen and (min-width: 969px) {
.font08b,.font09b,
.font10b,.font11b,.font12b,.font13b,.font14b,.font15b,.font16b,.font17b,.font18b,.font19b,
.font20b,.font21b,.font22b,.font23b,.font24b,.font25b,.font26b,.font27b,.font28b,.font29b,
.font30b,.font31b,.font32b,.font33b,.font34b,.font35b,.font36b,.font37b,.font38b,.font39b,
.font40b,.font41b,.font42b,.font43b,.font44b,.font45b,.font46b,.font47b,.font48b,.font49b,
.font50b{
	font-weight:bold !important;
}
}
@media only screen and (max-width: 968px) {
.spfont08b,.spfont09b,
.spfont10b,.spfont11b,.spfont12b,.spfont13b,.spfont14b,.spfont15b,.spfont16b,.spfont17b,.spfont18b,.spfont19b,
.spfont20b,.spfont21b,.spfont22b,.spfont23b,.spfont24b,.spfont25b,.spfont26b,.spfont27b,.spfont28b,.spfont29b,
.spfont30b,.spfont31b,.spfont32b,.spfont33b,.spfont34b,.spfont35b,.spfont36b,.spfont37b,.spfont38b,.spfont39b,
.spfont40b,.spfont41b,.spfont42b,.spfont43b,.spfont44b,.spfont45b,.spfont46b,.spfont47b,.spfont48b,.spfont49b,
.spfont50b{
	  font-weight:bold !important;
  }
}



/* font color
------------------------------------------------------------------------------------- */
.is-white {
	color: #fff;
}

.fontColor-red {
	color: #e00025;
}


/* 上付き文字、下付き文字
------------------------------------------------------------------------------------- */
.supText {
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

.subText {
  font-size: 75.5%;
  vertical-align: bottom;
  position: relative;
  top: 0.1em;
}
@media only screen and (max-width: 768px) {
  .supText {
	font-size: 100%;
  }
  
  .subText {
	font-size: 100%;
  }
}




/* 改行 調整 
------------------------------------------------------------------------------------- */
.is-br1300 {
	display: none;
}
@media only screen and (max-width: 1300px) {
 .is-br1300 {
	 display: block;
 }
}

.is-br1200 {
	display: none;
}
@media only screen and (max-width: 1200px) {
 .is-br1200 {
	 display: block;
 }
}

.is-br1100 {
	display: none;
}
@media only screen and (max-width: 1100px) {
 .is-br1100 {
	 display: block;
 }
}

.is-br968 {
	display: none;
}
@media only screen and (max-width: 968px) {
 .is-br968 {
	 display: block;
 }
}

.is-br868 {
	display: none;
}
@media only screen and (max-width: 868px) {
 .is-br868 {
	 display: block;
 }
}

.is-br768 {
	display: none;
}
@media only screen and (max-width: 768px) {
 .is-br768 {
	 display: block;
 }
}

.is-br668 {
	display: none;
}
@media only screen and (max-width: 668px) {
 .is-br668 {
	 display: block;
 }
}

.is-br568 {
	display: none;
}
@media only screen and (max-width: 568px) {
 .is-br568 {
	 display: block;
 }
}

.is-br468 {
	display: none;
}
@media only screen and (max-width: 468px) {
 .is-br468 {
	 display: block;
 }
}

.is-br414 {
	display: none;
}
@media only screen and (max-width: 414px) {
 .is-br414 {
	 display: block;
 }
}

.is-br375 {
	display: none;
}
@media only screen and (max-width: 375px) {
 .is-br375 {
	 display: block;
 }
}



/* ネガティブマージン
------------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .ntMargin25 {
	  margin-left: -25px;
	  margin-right: -25px;
	  padding-left: 25px;
	  padding-right: 25px;
  }
}




/* btnType 
------------------------------------------------------------------------------------- */

/* btnType */
[class*="btnType"] {
	margin-top: 24px;
}
.colWrap[class*="range"] + [class*="btnType"] {
	margin-top: 60px;
}
[class*="btnType"] li + li {
	margin-top: 20px;
}
[class*="btnType"] a {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	height: 100%;
	vertical-align: top;
	padding: 9px 0 10px;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
	text-decoration: none;
	outline: none;
}
[class*="btnType"] a > span {
	display: inline-block;
	position: relative;
	padding: 2px 20px 0 30px;
	line-height: 1.8;
}
[class*="btnType"] a[target="_blank"] > span {
	padding-right: 40px;
}
[class*="btnType"] a:before {
	content: "";
	position: absolute;
	top: 35%;
	left: 14px;
	width: 7px;
	height: 13px;
	background: url(../images/mark_normal.png) no-repeat 0 0;
}
[class*="btnType"] .arrowRight > span {
	padding: 0 30px 0 20px;
}
[class*="btnType"] .arrowRight > span:before {
	right: 14px;
	left: auto;
}
[class*="btnType"] .w100per {
	width: 100%;
	text-align: center;
}

@media only screen and (min-width: 769px) {
	[class*="btnType"] .wideCenter {
		padding: 10px 100px 9px 110px;
		text-align: center;
	}

	.btnType01.range2Col a,
	.btnType01.range3Col a,
	.btnType02.range2Col a,
	.btnType02.range3Col a{
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
	}

}

[class*="btnType"] a.beginner:before {
	content: "";
	position: absolute;
	top: 35%;
	left: 18px;
	width: 15px;
	height: 20px;
	background: url(../images/com_ic13.png) no-repeat 0 0;
}
[class*="btnType"] a.beginner > span {
	padding: 0 20px 0 50px;
}
[class*="btnType"] a.map:before {
	content: "";
	position: absolute;
	top: 25%;
	left: 18px;
	width: 14px;
	height: 21px;
	background: url(../images/com_ic15.png) no-repeat 0 0;
}
[class*="btnType"] a.map > span {
	padding: 0 50px 0 60px;
}
.btnType01[class*="range"] a,
.btnType02[class*="range"] a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
}
.btnType01.rangeVarCol > li,
.btnType02.rangeVarCol > li {
	float: left;
	margin-right: 40px;
}
.btnType01.rangeVarCol a,
.btnType02.rangeVarCol a {
	width: auto !important;
}
.btnType01.rangeVarCol > .row1,
.btnType02.rangeVarCol > .row1 {
	margin-top: 0 !important;
}
.btnType01.rangeVarCol > .rowLast,
.btnType02.rangeVarCol > .rowLast {
	margin-right: 0 !important;
}
.btnType01.rangeVarCol > .rowLast + li,
.btnType02.rangeVarCol > .rowLast + li {
	clear: left;
}

/* btnType01 */
.btnType01 a {
	border: 1px solid #cccccc;
	background-color: #fff;
	color: #333333;
}
.btnType01 a:hover {
	background-color: #f8f9fa;
}


/* btnType02 */
.btnType02 a {
	background-color: #20252a;
	color: #fff;
	font-weight: bold;
}
.btnType02 a:hover {
	background-color: #4c5866;
}

/* btnType03 */
.btnType03 a {
	background-color: #9ea2a7;
	color: #ffffff;
	font-weight: bold;
}
.btnType03 a:hover {
	background-color: #b1b5b9;
}
.btnType03 a:before {
	content: "";
	position: absolute;
	top: 25%;
	left: 8px;
	width: 22px;
	height: 20px;
	background: url(../images/com_ic16.png) no-repeat 0 0;
}
.btnType03 a > span {
	padding: 0 55px 0 65px !important;
}
.btnType03 a[target="_blank"] > span:after {
	display: none;
}

/* btnType_seminar */
.btnType_seminar a {
	border: 1px solid #cccccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #f39800;
	color: #ffffff;
	font-weight: bold;
}
.btnType_seminar a:hover {
	background-color: #FFBB00;
}
.btnType_seminar a:before {
	background: url(../images/mark_white.png) no-repeat 0 0;
}
/*.btnType_seminar a:after {
	content: "";
	position: absolute;
	top: 25%;
	right: 8px;
	width: 50px;
	height: 30px;
	background: url(../images/mark_seminar.png) no-repeat 0 0 !important;
}*/
.btnType_seminar a[target="_blank"] > span:after {
	content: "";
	position: absolute;
	top: 35%;
	right: -80px;
	width: 50px;
	height: 30px;
	background: url(../images/mark_seminar.png) no-repeat 0 0 !important;
}
@media print, screen and (max-width: 768px) {
.btnType_seminar a > span {
	padding: 2px 40px 0 20px;
}
.btnType_seminar a[target="_blank"] > span:after {
	right: -15px;
}
}








/* btnType01 */
.btnType01 {
}

/*
.btnType01 li {
	max-width: 424px;
	width: 47%;
	height: 60px;
	text-align: center;
}

.btnType01 a {
	border: 1px solid #cccccc;
	background-color: #fff;
	color: #333333;
}
.btnType01 a:hover {
	background-color: #f8f9fa;
}*/

@media only screen and (max-width: 768px) {
.btnType01 li.col01 {
	max-width: 424px;
	width: 100%;
	height: 60px;
	text-align: center;
}
}

/* 2個並び */
.btnType01.col02,
.btnType02.col02 {
	max-width: 900px;
	width: 94%;
	margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
}

.btnType01.col02 li,
.btnType02.col02 li {
	margin-bottom: 25px;
}
@media print, screen and (max-width: 868px) {
	.btnType02 li a {
		font-size: 15px;
	}
}
@media print, screen and (max-width: 768px) { 

  .btnType02 li a.item-line02 {
	  text-indent: 0;
  }

  .btnType02 li a:hover {
	  border: 2px solid #f1f1f1;
  }





   /* 2個並び */
  .btnType01.col02,
  .btnType02.col02 {
	width: 100%;
	  max-width: inherit;
  }
  
  .btnType01.col02 li,
  .btnType02.col02 li {
	  max-width: inherit;
	  margin-bottom: 15px;
	  /*text-indent: -1em;*/
  }
  .btnType01.col02 li a,
  .btnType02.col02 li a {
	  font-size: 13px;
  }
}



/* btnType03 */
.btnType03 {
}

.btnType03 .col {
max-width:  900px;
width: 94%;
margin: 0 auto 20px;
	height: 120px;
	border: 2px solid #f1f1f1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-sizing: border-box;
}
.btnType03 .col dl {
	position: relative;
	display: table;
	height: 116px;
	width: 100%;
}
.btnType03 .col dt {
	position: relative;
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
	line-height:  1.46;
	text-align: center;
	color: #ffffff;
	background-color: #999999;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	box-sizing: border-box;
}
.btnType03 .col dt:before {
	position: absolute;
	content: "";
	top: 50%;
	right: -12px;
	margin-top: -12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 12px;
	border-color: transparent transparent transparent #999999;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #999999;
 _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.btnType03 .col dd {
	position: relative;
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.0;
	text-align: center;
	font-size: 2.8rem;
}

.btnType03 .col dd p {
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.btnType03 .col dd a {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.btnType03 .col dd span {
	font-size: 2.0rem;
}
/*
.btnType03 .col dd a:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 50%;
	content: "";
	width: 36px;
	height: 48px;
	margin-top: -30px;
	margin-left: -56px;
	background: url(../images/icn_04.png) no-repeat left top;
}
*/
.btnType03 .col dd a:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 30px;
	margin-top: -12px;
	width: 26px;
	height: 26px;
	background-image: url(../fonts/icn_arr_right_black.svg);
	background-repeat: no-repeat;
	background-size: 26px 26px;
	-moz-background-size: 26px 26px;
	-webkit-background-size: 26px 26px;
}

@media screen and (max-width: 1110px) {
  .btnType03 .col dt {
	  width: 40%;
	  font-size: 22px;
	  line-height: 1.46;
  }
  .btnType03 .col dt .item {
	  display: block;
	  font-size: 20px;
	  text-align: center;
  }

  .btnType03 .col dt .item .is-pc {
	  display: none;
    }
        
  .btnType03 .col dd {
	  width: 60%;
  }
}
@media screen and (max-width: 950px) {
  .btnType03 .col dt {
	  min-width: 180px;
	  width: 180px;
	  font-size: 18px;
  }
  .btnType03 .col dt .item {
	  font-size: 18px;
  }
  .btnType03 .col dd {
	  width: calc(100% - 180px);
  }
}
@media screen and (max-width: 869px) {
  .btnType03 .col dd {
	  font-size: 2.3rem;
  }
  .btnType03 .col dd span {
	  font-size: 1.5rem;
  }
/*
  .btnType03 .col dd a:before {
	  position: absolute;
	  display: inline-block;
	  content: "";
	  width: 30px;
	  height: 42px;
	  margin-left: -15%;
	  background: url(../images/icn_04.png) no-repeat left top;
	  background-size: 30px 42px;
  }
*/
  .btnType03 .col dd a:after {
	  position: absolute;
	  content: "";
	  top: 50%;
	  right: 15px;
	  margin-top: -12px;
	  width: 22px;
	  height: 22px;
	  background-image: url(../fonts/icn_arr_right_black.svg);
	  background-repeat: no-repeat;
	  background-size: 22px 22px;
	  -moz-background-size: 22px 22px;
	  -webkit-background-size: 22px 22px;
  }
}
@media screen and (max-width: 789px) {
  .btnType03 .col dd {
	  font-size: 2.0rem;
  }
  .btnType03 .col dd span {
	  font-size: 1.5rem;
  }
/*
  .btnType03 .col dd a:before {
	  position: absolute;
	  display: inline-block;
	  content: "";
	  width: 25px;
	  height: 37px;
	  margin-left: -12%;
	  background: url(../images/icn_04.png) no-repeat left top;
	  background-size: 25px 37px;
  }
*/
}
@media screen and (max-width: 768px) {
  .btnType03 {
	  width: 94%;
	  margin: 0 auto;
  }

  .btnType03 .col dt {
	  min-width: inherit;
	  width: 38%;
	  font-size: 17px;
	  line-height: 1.6;
  }

  .btnType03 .col dt .item {
	  display: block;
	  font-size: 17px;
	  text-align: center;
  }

  .btnType03 .col dd {
	  width: 62%;
	  font-size: 2.0rem;
	  line-height:1.3;
  }

  .btnType03 .col dd span {
	  font-size: 1.7rem;
  }

/*
  .btnType03 .col dd a:before {
	  position: absolute;
	  display: inline-block;
	  content: "";
	  top: 50%;
	  width: 24px;
	  height: 30px;
	  margin-top: -15px;
	  margin-left: -13%;
	  background: url(../images/icn_04.png) no-repeat left top;
	  background-size: 24px 30px;
  }
*/

  .btnType03 .col dd a:after {
	  position: absolute;
	  content: "";
	  top: 50%;
	  right: 5%;
	  margin-top: -12px;
	  width: 20px;
	  height: 20px;
	  background-image: url(../fonts/icn_arr_right_black.svg);
	  background-repeat: no-repeat;
	  background-size: 20px 20px;
	  -moz-background-size: 20px 20px;
	  -webkit-background-size: 20px 20px;
  }
}
@media screen and (max-width: 414px) {
  .btnType03 .col dt {
	  font-size: 16px;
	  line-height: 1.4;
  }

  .btnType03 .col dt .item {
	  font-size: 16px;
  }

  .btnType03 .col dd {
	  font-size: 1.7rem;
	  line-height:1.3;
  }

  .btnType03 .col dd span {
	  font-size: 1.5rem;
  }

/*
  .btnType03 .col dd a:before {
	  position: absolute;
	  display: inline-block;
	  content: "";
	  top: 50%;
	  width: 18px;
	  height: 24px;
	  margin-top: -12px;
	  margin-left: -13%;
	  background: url(../images/icn_04.png) no-repeat left top;
	  background-size: 18px 24px;
  }
*/

  .btnType03 .col dd a:after {
	  position: absolute;
	  content: "";
	  top: 50%;
	  right: 5%;
	  margin-top: -12px;
	  width: 18px;
	  height: 18px;
	  background-image: url(../images/icn_arr_right_black.svg);
	  background-repeat: no-repeat;
	  background-size: 18px 18px;
	  -moz-background-size: 18px 18px;
	  -webkit-background-size: 18px 18px;
  }
}

/* btnType04 */
.btnType04 {
    max-width: 900px;
    width: 94%;
    /*height: 120px;*/
    margin: 0 auto 20px;
	border: 2px solid #f1f1f1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-sizing: border-box;
}

.btnType04 a {
    display: block;
    width: 100%;
    height: 100%;
}

.btnType04 a dl {
    display: table;
    width: 100%;
    height: 100%;
}

.btnType04 a dl dt {
    position: relative;
    display: table-cell;
    vertical-align:  middle;
    font-size: 24px;
    text-align: center;
    line-height: 1.46;
    color: #ffffff;
    background-color: #999999;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    box-sizing: border-box;
}

.btnType04 a dl dt:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -12px;
    margin-top: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #999999;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #999999;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	z-index:99;
}

.btnType04 a:hover dl dt {
    color: #ba001b;
    background-color: #f6f6f6;

}

.btnType04 a:hover dl dt:before {
    border-color: transparent transparent transparent #f6f6f6;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #f6f6f6;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.btnType04 a dl dd {
    position: relative;
    display: table-cell;
    width: 50%;
    font-size: 28px;
    text-align: center;
    vertical-align: middle;
    text-indent: -1em;
	background: #ffffff;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    box-sizing: border-box;
}

.btnType04 a dl dd p {
    position: relative;
	line-height: 1.1;
}

.btnType04 a dl dd span {
	font-size: 20px;
}

.btnType04 a dl dd .txt02 {
	font-size: 16px;
}

.btnType04 a dl dd:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 6.5%;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    background-image: url(../images/icn_arr_right_black.svg);
    background-repeat: no-repeat;
    background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -webkit-background-size: 26px 26px;
}

.btnType04 a:hover dl dd {
	color: #ffffff;
	background: #b01e23;
}

.btnType04 a:hover dl dd:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 6.5%;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    background-image: url(../fonts/icn_arr_right_wred01.svg);
    background-repeat: no-repeat;
    background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -webkit-background-size: 26px 26px;
}

/* icon付き */
.btnType04 a dl dd.item01 {
    text-indent: 0;
}

/*.btnType04 a dl dd.item01 p:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 50%;
	content: "";
	width: 36px;
	height: 48px;
	margin-top: -24px;
	margin-left: -13%;
	background: url(../images/icn_04.png) no-repeat left top;
}

.btnType04 a:hover dl dd.item01 p:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 50%;
	content: "";
	width: 36px;
	height: 48px;
	margin-top: -24px;
	margin-left: -13%;
	background: url(../images/icn_05.png) no-repeat left top;
}*/


.btnType04 a dl dd.item01 p:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 50%;
	left: 10%;
	content: "";
	width: 36px;
	height: 48px;
	margin-top: -24px;
/*	margin-left: -13%;*/
	background: url(../images/icn_04.png) no-repeat left top;
}

.btnType04 a:hover dl dd.item01 p:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 50%;
	left: 10%;
	content: "";
	width: 36px;
	height: 48px;
	margin-top: -24px;
/*	margin-left: -13%;*/
	background: url(../images/icn_05.png) no-repeat left top;
}

.btnType04 a dl dd.item02 p:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 50%;
	left: 7%;
	content: "";
	width: 36px;
	height: 48px;
	margin-top: -24px;
	background: url(../images/icn_04.png) no-repeat left top;
}
.btnType04 a:hover dl dd.item02 p:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 50%;
	left: 7%;
	content: "";
	width: 36px;
	height: 48px;
	margin-top: -24px;
	background: url(../images/icn_05.png) no-repeat left top;
	background-size: 100% auto;
}
@media screen and (max-width: 1300px) {
    .btnType04 a dl dd.item02 {
        font-size: 25px;
    }

    .btnType04 a dl dd.item02 .txt02 {
        font-size: 14px;
    }



	.btnType04 a dl dd.item02 p:before {
		left: 6%;
		width: 36px;
		height: 48px;
	}
	.btnType04 a:hover dl dd.item02 p:before {
		left: 6%;
		width: 36px;
		height: 48px;
	}
}



@media screen and (max-width: 1160px) {
	.btnType04 a dl dt {
		width: 40%;
		font-size: 22px;
	}

	.btnType04 a dl dt p {
		line-height: 1.5;
	}

	.btnType04 a dl dt .item {
		display:  block;
	}

    .btnType04 a dl dt .is-pc {
        display:  none;
    }
	
	.btnType04 a dl dd {
		width: 60%;
	}
    .btnType04 a dl dd.item02 {
        font-size: 22px;
    }
}
@media screen and (max-width: 1110px) {
    .btnType04 a dl dt {
        font-size: 22px;
    }

    .btnType04 a dl dd {
        font-size: 26px;
        line-height: 1.4;
    }

    .btnType04 a dl dd.item01 p:before{
        position: absolute;
        content: "";
        display: inline-block;
        top: 50%;
		left: 9%;
        content: "";
        width: 32px;
        height: 44px;
        margin-top: -22px;
        background: url(../images/icn_04.png) no-repeat left top;
        background-size: 32px 44px;
    }

    .btnType04 a:hover dl dd.item01 p:before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 50%;
		left: 9%;
        content: "";
        width: 32px;
        height: 44px;
        margin-top: -22px;
        background: url(../images/icn_05.png) no-repeat left top;
        background-size: 32px 44px;
    }



.btnType04 a dl dd.item02 p:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 50%;
	left: 7%;
	content: "";
        width: 32px;
        height: 44px;
        margin-top: -22px;
        background: url(../images/icn_04.png) no-repeat left top;
        background-size: 32px 44px;
}
.btnType04 a:hover dl dd.item02 p:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 50%;
	left: 7%;
	content: "";
        width: 32px;
        height: 44px;
        margin-top: -22px;
        background: url(../images/icn_05.png) no-repeat left top;
        background-size: 32px 44px;
	background-size: 100% auto;
}






}
@media screen and (max-width: 1023px) {
    .btnType04 a dl dt {
        font-size: 20px;
    }

    .btnType04 a dl dd {
        font-size: 24px;
    }

    .btnType04 a dl dd.item01 p:before,
	.btnType04 a dl dd.item02 p:before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 50%;
		left: 7.5%;
        content: "";
        width: 28px;
        height: 40px;
        margin-top: -20px;
        background: url(../images/icn_04.png) no-repeat left top;
        background-size: 28px 40px;
    }

    .btnType04 a:hover dl dd.item01 p:before,
	.btnType04 a:hover dl dd.item02 p:before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 50%;
		left: 7.5%;
        content: "";
        width: 28px;
        height: 40px;
        margin-top: -20px;
        background: url(../images/icn_05.png) no-repeat left top;
        background-size: 28px 40px;
    }

    .btnType04 a dl dd:after {
        position: absolute;
        content: "";
        top: 50%;
        right: 5%;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        background-image: url(../images/icn_arr_right_black.svg);
        background-repeat: no-repeat;
        background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -webkit-background-size: 22px 22px;
    }
   
    .btnType04 a:hover dl dd:after {
        position: absolute;
        content: "";
        top: 50%;
        right: 5%;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        background-image: url(../fonts/icn_arr_right_wred01.svg);
        background-repeat: no-repeat;
        background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -webkit-background-size: 22px 22px;
    }
}
@media screen and (max-width: 968px) {
    .btnType04 a dl dt {
        min-width:  180px;
        width: 180px;
        font-size: 17px;  
    }
    
    .btnType04 a dl dt .item {
        display:  block;
    }

	.btnType04 a dl dt p {
		line-height: 1.6;
	}
    
    .btnType04 a dl dd {
        width: calc(100% - 180px);
        font-size: 22px;
    }

    .btnType04 a dl dd span {
        font-size: 19px;
		line-height: 1.4;
    }
}
@media screen and (max-width: 828px) {
    .btnType04 a dl dt {
        min-width:  160px;
        width: 160px;
        font-size: 15px;  
    }
    
    .btnType04 a dl dd {
        width: calc(100% - 160px);
        font-size: 20px;
    }
    .btnType04 a dl dd span {
        font-size: 17px;
    }
}
@media screen and (max-width: 768px) {
    .btnType04 {
        max-width: inherit;
        width: 100%;
        height: 110px;
    }
    
    .btnType04 a dl dt {
        min-width: inherit;
        width: 40%;
        font-size: 18px;
    }

    .btnType04 a:hover dl dt {
		color: #ffffff;
		background-color: #999999;
    }

    .btnType04 a dl dd {
        width: 60%;
        font-size: 22px;
    }

    .btnType04 a dl dd span {
        font-size: 18px;
		line-height: 1.3;
    }

	.btnType04 a:hover dl dt:before {
		border-color: transparent transparent transparent #999999;
		line-height: 0px;
		_border-color: #000000 #000000 #000000 #999999;
		_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
		z-index:99;
	}
	
	.btnType04 a:hover dl dd {
		color: #333333;
		background: #ffffff;
	}

	.btnType04 a:hover dl dd:after {
		position: absolute;
		content: "";
		top: 50%;
		right: 5%;
		margin-top: -11px;
		width: 22px;
		height: 22px;
		background-image: url(../images/icn_arr_right_black.svg);
		background-size: 22px 22px;
		-moz-background-size: 22px 22px;
		-webkit-background-size: 22px 22px;
	}

    .btnType04 a dl dd.item01 p:before,
	.btnType04 a dl dd.item02 p:before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 50%;
		left: 8%;
        content: "";
        width: 24px;
        height: 32px;
        margin-top: -13px;
        background: url(../images/icn_04.png) no-repeat left top;
        background-size: 24px 32px;
    }

    .btnType04 a:hover dl dd.item01 p:before,
	.btnType04 a:hover dl dd.item02 p:before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 50%;
		left: 8%;
        content: "";
        width: 24px;
        height: 32px;
        margin-top: -13px;
        background: url(../images/icn_04.png) no-repeat left top;
        background-size: 24px 32px;
    }
}

@media screen and (max-width: 500px) {
    .btnType04 a dl dt {
        font-size: 16px;
    }

    .btnType04 a dl dd {
        font-size: 20px;
    }    

    .btnType04 a dl dd span {
        font-size: 17px;
		line-height: 1.5;
    }
}

@media screen and (max-width: 414px) {
    .btnType04 {
        height: auto;
    }

    .btnType04 a dl dt {
        width: 43%;
        font-size: 14px;
		font-weight:bold;
    }

    .btnType04 a dl dd {
        width: 57%;
        font-size: 16px;
		font-weight:bold;
    }


    .btnType04 a dl dd:after {
        position: absolute;
        content: "";
        top: 50%;
        right: 5%;
        margin-top: -9px;
        width: 18px;
        height: 18px;
        background-image: url(../images/icn_arr_right_black.svg);
        background-repeat: no-repeat;
        background-size: 18px 18px;
        -moz-background-size: 18px 18px;
        -webkit-background-size: 18px 18px;
    }

	.btnType04 a:hover dl dd:after {
		position: absolute;
		content: "";
		top: 50%;
		right: 5%;
        margin-top: -9px;
        width: 18px;
        height: 18px;
        background-image: url(../images/icn_arr_right_black.svg);
        background-repeat: no-repeat;
        background-size: 18px 18px;
        -moz-background-size: 18px 18px;
        -webkit-background-size: 18px 18px;
	}

    .btnType04 a dl dd.item01 p:before,
	.btnType04 a dl dd.item02 p:before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 50%;
		left: 8.5%;
        content: "";
        width: 20px;
        height: 27px;
        margin-top: -13px;
/*        margin-left: -12.5%;*/
        background: url(../images/icn_04.png) no-repeat left top;
        background-size: 20px 27px;
    }

    .btnType04 a:hover dl dd.item01 p:before,
	.btnType04 a:hover dl dd.item02 p:before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 50%;
		left: 8.5%;
        content: "";
        width: 20px;
        height: 27px;
        margin-top: -13px;
        /*margin-left: -12.5%;*/
        background: url(../images/icn_04.png) no-repeat left top;
        background-size: 20px 27px;
	}
}
@media screen and (max-width: 375px) {
    .btnType04 a dl dt {
        width: 40%;
        font-size: 14px;
    }

    .btnType04 a dl dd {
        width: 60%;
        font-size: 15px;
    }

    .btnType04 a dl dd span {
        font-size: 14px;
		line-height: 1.7;
    }
s
    .btnType04 a dl dd.item01 p:before,
	.btnType04 a dl dd.item02 p:before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 50%;
		left: 8%;
        content: "";
        width: 17px;
        height: 23px;
        margin-top: -11px;
/*        margin-left: -12%;*/
        background: url(../images/icn_04.png) no-repeat left top;
        background-size: 17px 23px;
    }

    .btnType04 a:hover dl dd.item01 p:before,
	.btnType04 a:hover dl dd.item02 p:before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 50%;
		left: 8%;
        content: "";
        width: 17px;
        height: 23px;
        margin-top: -11px;
/*        margin-left: -12%;*/
        background: url(../images/icn_04.png) no-repeat left top;
        background-size: 17px 23px;
	}
}
    




/* box-transaction
--------------------------------------------------------------  */
.box-transaction {
	width: 100%;
	padding: 30px 0 30px;
	/*margin-bottom: -3em;*/
	/*margin-bottom: 50px;*/
	background-color: #950111;
}

.box-transaction .ttl-h2-02 {
	color: #ffffff;
	margin-bottom: 0.3em !important; 
}

.box-transaction .ttl-h2-02 .is-br768 {
	display: none;
}

.box-transaction .titleSub {
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 20px; 
}

.box-transaction .titleSub .is-br1100 {
	display: none;
}

.box-transaction .colWrap {
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box-transaction .col {
    position: relative;
    max-width: 286px;
    width: 29.6%;
    padding: 25px 0px 15px;
    margin-right: 2%;
    text-align: center;
    background-color: #ffffff;
}

.box-transaction .col:last-child {
    margin-right: 0;
}

.box-transaction .col .txt{
	position: relative;
	padding: 38px 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}

.box-transaction .col .txt.row01 {
	padding: 50px 0 25px;
}

.box-transaction .col .txt .line-marker {
	position: relative;
	display: inline;
	z-index:2;
}

.box-transaction .col .txt .line-marker:after {
    position: absolute;
    content: "";
    width: auto;
    height: 6px;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    background: linear-gradient(transparent 0%, #ffeb7b 0%);
}

.box-transaction .col .txt:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	width: 34px;
	height: 31px;
	margin: 0 auto;
	background: url(../images/icn_check_01.png);
	background-size: 34px 31px;
	-moz-background-size: 34px 31px;
	-webkit-background-size: 34px 31px;
}
@media print, screen and (max-width: 1200px) { 
  .box-transaction .ttl-h2-02 .item {
	  display: block;
	  margin-bottom: 0.6em !important; 
	  line-height: 1.0;
  }
}
@media print, screen and (max-width: 1100px) {
  .box-transaction .titleSub .is-br1100 {
	  display: block;
  }
}

@media print, screen and (max-width: 1020px) { 
  .box-transaction .col .txt{
	  font-size: 20px;
  }
}
@media print, screen and (max-width: 900px) { 
  .box-transaction .col .txt {
	  font-size: 18px;
  }
}
@media print, screen and (max-width: 868px) { 
  .box-transaction .ttl-h2-02 {
	  font-size: 175%;
  }

  .box-transaction .col .txt {
	  font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) { 
  .box-transaction {
	  margin-bottom: -1em;
  }

  .box-transaction .ttl-h2-02 {
	  font-size: 28px;
	  font-size: 2.8rem;
	  line-height: 1.6;
	  font-weight: bold;
	  letter-spacing: 2px;
  }

  .box-transaction .ttl-h2-02 .item {
	  line-height: 1.3;
  }

  .box-transaction .ttl-h2-02 .is-sp768 {
	  display: none;
  }

  .box-transaction .titleSub {
	  font-size:17px;
	  font-size: 1.7rem;
	  line-height: 1.5;
  }

  .box-transaction .titleSub .is-sp768 {
	  display: none;
  }

  .box-transaction .col {
	  padding: 20px 0px 10px;
  }
}
@media print, screen and (max-width: 468px) { 
  .box-transaction {
	  margin-bottom: -1.5em;
	  padding: 20px 0 20px;
  }

  .box-transaction .ttl-h2-02 .is-br768 {
	  display: block;
  }

  .box-transaction .titleSub .is-br768 {
	  display: block;
  }

  .box-transaction .col .txt {
	  font-size: 16px;
	  padding: 33px 0 15px;
  }

  .box-transaction .col .txt.row01 {
	  padding: 41px 0 22px;
  }  

  .box-transaction .col .txt:before {
	  position: absolute;
	  content: "";
	  top: 0;
	  left: 0;
	  right: 0;
	  width: 28px;
	  height: 25px;
	  margin: 0 auto;
	  background: url(../images/icn_check_01.png);
	  background-size: 28px 25px;
	  -moz-background-size: 28px 25px;
	  -webkit-background-size: 28px 25px;
  }
}
@media print, screen and (max-width: 414px) { 
  .box-transaction .col {
	padding: 15px 0px 3px;
  }

  .box-transaction .col .txt {
	  font-size: 14px;
  }

  .box-transaction .col .txt .line-marker:after {
	  height: 5px;
	  bottom: 0px;
  }
}
@media print, screen and (max-width: 375px) { 
  .box-transaction .col .txt {
	  font-size: 13px;
  }
}

/* .box-transaction svg icon 
------------------------------------------------------------------------------------------ */
.stock-fig01 {
	max-width: 117px;
	min-width: 64px;
	max-height: 117px;
	width:45.559440559%;/* +5% */
}
.stock-fig01 .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#ffffff;}
.stock-fig01 .st1{fill:none;stroke:#950111;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.stock-fig01 .st2{fill:none;stroke:#950111;stroke-width:2;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:10;}
.stock-fig01 .st3{fill:#950111;}


.stock-fig02 {
	max-width: 136px;
	min-width: 43px;
	max-height: 181px;
	margin-top: 4.3%;
	width: 25%;
}
.stock-fig02 .st0{fill:#8d1d22;}


.stock-fig03 {
	max-width: 190px;
	min-width: 57px;
	max-height: 208px;
	width: 38.6%;
}
.stock-fig03 .st0{fill:#8d1d22;}
.stock-fig03 .st1{fill:none;stroke:#8d1d22;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.stock-fig03 .st2{fill:none;stroke:#4b4b4b;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}

.stock-fig04 {
	max-width: 153px;
	min-width: 77px;
	max-height: 107px;
	width: 58.496503497%;
}
.stock-fig04 .st0{fill:#950111}
.stock-fig04 .st1{fill:#ffffff;fill-rule:evenodd;clip-rule:evenodd}
.stock-fig04 .st2{fill:#ffffff;}

.stock-fig05 {
	max-width: 142px;
	min-width: 71px;
	max-height: 106px;
	width: 54.65034965%;
}
.stock-fig05 .st0{fill:#8d1d22;}
.stock-fig05 .st1{fill:#a54756;}
.stock-fig05 .st2{fill:#ffffff;}


.stock-fig06 {
	max-width: 192px;
	min-width: 65px;
	max-height: 179px;
	width: 41%;
}
.stock-fig06 .st0{fill:#841d22;stroke:#841d22;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10;}
.stock-fig06 .st1{fill:none;stroke:#841d22;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.stock-fig07 {
	max-width: 188px;
	min-width: 60px;
	max-height: 180px;
	width: 44.5%;
}
.stock-fig07 .st0{fill:#8d1d22;}
.stock-fig07 .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#ffffff;}
.stock-fig07 .st2{fill:none;stroke:#8e1d22;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.stock-fig07 .st3, .stock-fig07 .st6{fill:#8e1d22}
.stock-fig07 .st6{fill-rule:evenodd;clip-rule:evenodd;stroke:#8e1d22;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}


.stock-fig08 {
	max-width: 117px;
	min-width: 58px;
	max-height: 102px;
	margin-top: 5px;
	width: 46%;
}
.stock-fig08 .st0{fill:none;stroke:#881c22;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.stock-fig08 .st1{fill:#881c22;}


.stock-fig11 {
	max-width: 120px;
	min-width: 58px;
	max-height: 120px;
	margin-top: 5px;
	width: 46%;
}
.stock-fig11 .st0{fill:#950111;stroke:#950111;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:0;}
.stock-fig11 .st1{fill:none;stroke:#950111;stroke-width:3;stroke-miterlimit:10;}
.stock-fig11 .st2{fill:#FFFFFF;}
.stock-fig11 .st3{fill:#950111;}
.stock-fig11 .st4{fill:none;stroke:#950111;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.stock-fig11 .st5{fill:#FFFFFF;stroke:#950111;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.stock-fig11 .st6{fill:#950111;stroke:#950111;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.stock-fig11 .st7{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.stock-fig11 .st8{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#950111;stroke-width:1.8;stroke-linecap:round;stroke-miterlimit:10;}
.stock-fig11 .st9{display:none;fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#950111;stroke-linecap:round;stroke-miterlimit:10;}
.stock-fig11 .st10{fill-rule:evenodd;clip-rule:evenodd;fill:#950111;}
.stock-fig11 .st11{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#950111;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.stock-fig11 .st12{fill-rule:evenodd;clip-rule:evenodd;fill:#950111;stroke:#950111;stroke-width:0.5;stroke-linejoin:round;stroke-miterlimit:10;}
.stock-fig11 .st13{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#950111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.stock-fig11 .st14{fill:none;stroke:#950111;stroke-width:4;stroke-miterlimit:10;}
.stock-fig11 .st15{fill:none;stroke:#950111;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.stock-fig11 .st16{fill:none;stroke:#950111;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.stock-fig12 {
	max-width: 117px;
	min-width: 58px;
	max-height: 102px;
	margin-top: 5px;
	width: 46%;
}








/* メイン画像 （メインスライダー）
---------------------------------------------------------------------------- */
.main-slider {
    position: relative;
	width: 100%;
}

.main-slider .slider-content {
	position: relative;
	height: 100%;
}

.main-slider .slider-content-inner {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

.main-slider .slider-content-inner img {
	display: inline-block !important;
}

.main-slider .slider-lead {
	vertical-align: middle;
	position: relative;
	max-width: 1280px;
	width: 100%;
	height: 256px;
	margin: 0 auto; 
}

#crypto_index .main-slider .slider-lead {
	height: 370px;
}

.main-slider .slider-lead p {
	position: absolute;
	display: inline;
	top: 66px;
	right: 0;
	font-size: 2.4rem;
	line-height: 1.7;
	color: #ffffff;
	letter-spacing: 1px;
	background-color: rgba(149,1,17,0.8);
}

.main-slider .slider-lead p span.inner {
	padding: 55px 50px;
	display: block;
}

#support-course_index .main-slider .slider-lead p span.inner,
#fx_index .main-slider .slider-lead p span.inner,
#kabu365_index .main-slider .slider-lead p span.inner {
	padding: 30px 50px 30px 50px;
	display: block;
}


@media print, screen and (max-width: 768px) {
    .main-slider {
        overflow: hidden;
    }

    .main-slider .slider-content {
        position: relative;
        height: 100%;
    }

    .main-slider .slider-content-inner {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
            max-width: inherit;
        width: 96%;
        margin: 0 auto;
    }

    .main-slider .slider-content-inner img {
        display: inline-block !important;
    }

    .main-slider .slider-lead {
        position: relative;
        max-height:  586px;
        height: 0;
        padding-bottom:  77.6%;
        vertical-align: middle;
        max-width: 100%;
        width: 100%;
        margin: 0 auto; 
    }
	#crypto_index .main-slider .slider-lead {
        max-height:  586px;
        height: 0;
        padding-bottom:  90%;
	}

    .main-slider .slider-lead p {
        position: absolute;
		display: inline-block;
        margin: 0;
        top: inherit;
        bottom: 10px;
        right: -8px;
		padding-right: 12%;
        font-size: 1.5rem;
        line-height: 1.65;
        letter-spacing: 0.02em;
        background-color: rgba(149,1,17,0.8);
	}
	#crypto_index .main-slider .slider-lead p {
        bottom: 60px;
	}

    .main-slider .slider-lead p span.inner {
        padding: 15px 0 15px 20px;
    }

	#support-course_index .main-slider .slider-lead p span.inner,
	#fx_index .main-slider .slider-lead p span.inner,
	#kabu365_index .main-slider .slider-lead p span.inner {
		padding: 15px 0 15px 20px;
	}
}


/* ページ別
-------------------- */
.slider-content-01 {
	background-repeat: no-repeat;
	background-position: center;
}

/* #jp_index */
#jp_index .slider-content-01 {
	height: 400px;
	background-image: url(../images/img_main.png);
	background-position: center top;
	background-size: 1920px 400px;
}

/* #fund_index */
#fund_index .slider-content-01 {
	height: 400px;
	background-image: url(../images/img_main.png);
	background-position: center top;
	background-size: 1920px 400px;
}

/* #fop_index */
#fop_index .slider-content-01 {
	height: 400px;
	background-image: url(../images/img_main.png);
	background-position: center top;
	background-size: 1920px 400px;
}

/* #fx_index */
#fx_index .slider-content-01 {
	height: 400px;
	background-image: url(../images/img_main.png);
	background-position: center top;
	background-size: 1920px 400px;
}

/* #kabu365_index */
#kabu365_index .slider-content-01 {
	height: 400px;
	background-image: url(../images/img_main.png);
	background-position: center top;
	background-size: 1920px 400px;
}

/* #support-course_index */
#support-course_index .slider-content-01 {
	height: 400px;
	background-image: url(../images/img_main.png);
	background-position: center top;
	background-size: 1920px 400px;
}
/* #crypto_index */
#crypto_index .slider-content-01 {
	height: 400px;
	background-image: url(../images/img_main.png);
	background-position: center top;
	background-size: 1920px 400px;
}



@media print, screen and (max-width: 768px) {
  /* #jp_index */
  #jp_index .slider-content-01 {
	  max-height: 586px;
	  height: 0;
	  padding-bottom: 76.1%;
	  background-image: url(../images/img_main.png);
	  background-position: center top;
	  background-size: 100% auto;
  }

  /* #fop_index */
  #fop_index .slider-content-01 {
	  max-height: 586px;
	  height: 0;
	  padding-bottom: 76.1%;
	  background-image: url(../images/img_main.png);
	  background-position: center top;
	  background-size: 100% auto;
  }

  /* #fund_index */
  #fund_index .slider-content-01 {
	  max-height: 586px;
	  height: 0;
	  padding-bottom: 76.1%;
	  background-image: url(../images/img_main.png);
	  background-position: center top;
	  background-size: 100% auto;
  }
  /* #fx_index */
  #fx_index .slider-content-01 {
	  max-height: 586px;
	  height: 0;
	  padding-bottom: 76.1%;
	  background-image: url(../images/img_main.png);
	  background-position: center top;
	  background-size: 100% auto;
  }
  /* #crypto_index */
  #crypto_index .slider-content-01 {
	  max-height: 586px;
	  height: 0;
	  padding-bottom: 90%;
	  background-image: url(../images/img_main_sp.png);
	  background-position: center top;
	  background-size: 100% auto;
	  background-color:#261e19;
  }

  #kabu365_index .slider-content-01 {
	  max-height: 586px;
	  height: 0;
	  padding-bottom: 76.1%;
	  background-image: url(../images/img_main.png);
	  background-position: center top;
	  background-size: 100% auto;
  }
  #support-course_index .slider-content-01 {
	  max-height: 586px;
	  height: 0;
	  padding-bottom: 76.1%;
	  background-image: url(../images/img_main.png);
	  background-position: center top;
	  background-size: 100% auto;
  }

}




















/* footer navメニュー一覧 
---------------------------------------------------------------------------- */
#footerLinkList {
	box-sizing: border-box;
	max-width: 1280px;
    width: 100%;
	padding: 0 40px 60px;
	margin: 0 auto;
}

#footerLinkList #footerSitemapArea {
    margin: 0px auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#footerLinkList #footerSitemapArea > .col {
    max-width: 300px;
    min-width: 250px;
    margin-right: 4%;
    margin-top: 45px;
}

#footerLinkList #footerSitemapArea > .col:nth-child(4) {
	margin-right: 0;
}

#footerLinkList #footerSitemapArea > .col:last-child {
	margin-right: 0;
}
@media print, screen and (max-width: 1233px) {
    #footerLinkList #footerSitemapArea > .col:nth-child(3) {
        margin-right: 0;
    }
    #footerLinkList #footerSitemapArea > .col:nth-child(4) {
        margin-right: 4%;
    }
}
@media print, screen and (max-width: 912px) {
    #footerLinkList #footerSitemapArea > .col:nth-child(2) {
        margin-right: 0;
    }
    #footerLinkList #footerSitemapArea > .col:nth-child(3) {
        margin-right: 4%;
    }
    #footerLinkList #footerSitemapArea > .col:nth-child(4) {
        margin-right: 0;
    }
}

#footerLinkList #footerSitemapArea .footerSitemapLink02 dt a {
	display: inline-block;
	font-weight: bold;
    font-size: 100%; /* 16px */
	color: #333333;
}

#footerLinkList #footerSitemapArea .footerSitemapLink02 dt span {
	display: inline-block;
	padding-left: 20px;
	font-weight: bold;
	font-size: 112.5%;
	color: #333333;
}

#footerLinkList #footerSitemapArea .footerSitemapLink02 dd {
	margin-top: 9px;
}

#footerLinkList #footerSitemapArea .footerSitemapLink02 dd li {
	margin-top: 9px;
}

#footerLinkList #footerSitemapArea .footerSitemapLink02 dd a {
	display: inline-block;
    line-height: 1.6;
    font-size: 87.5% /* 14px */
}
@media print, screen and (max-width: 768px) {
  #footerLinkList {
/*	  box-sizing: border-box;*/
	  max-width: inherit;
	  width: 92%;
	  padding: 40px 0;
	  margin: 0 auto;
  }

  #footerLinkList #footerSitemapArea {
	  display:-webkit-box;
	  display:-ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
  }

  #footerLinkList #footerSitemapArea > .col {
	  max-width: inherit;
	  min-width: inherit;
	  width: 48%;
	  margin: 0 0 10px 0;
  }

  #footerLinkList #footerSitemapArea > .col:nth-child(2),
  #footerLinkList #footerSitemapArea > .col:nth-child(3),
  #footerLinkList #footerSitemapArea > .col:nth-child(4) {
	  margin-right: 0;
  }

  #footerLinkList #footerSitemapArea > .col:nth-child(odd) {
	  margin-right: 4%;
  }

  #footerLinkList #footerSitemapArea > .col:last-child {
	  margin-right: 0;
  }

  #footerLinkList #footerSitemapArea .footerSitemapLink02 dt {
	  line-height: 1.6;
  }

  #footerLinkList #footerSitemapArea .footerSitemapLink02 dt a {
	  display: inline-block;
	  font-weight: bold;
	  font-size: 100%; /* 16px */
	  color: #333333;
  }

  #footerLinkList #footerSitemapArea .footerSitemapLink02 dt span {
	  display: inline-block;
	  padding-left: 20px;
	  font-weight: bold;
	  font-size: 112.5%;
	  color: #333333;
  }

  #footerLinkList #footerSitemapArea .footerSitemapLink02 dd {
	  display: none;
  }
}


/* footCvArea
------------------------------------------------------------------------------------------ */
.tabWrap01 .tabNav {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row wrap;
	flex-flow: row nowrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	/*border:solid #cccccc;*/
	border-width:0 1px;
}

#marketArea .tabWrap01 > .tabNav > li {
	width: 50%;
}

#footCvArea .tabWrap01 > .tabNav > li {
	width: 49%;
	margin-right: 2%;
}

#footCvArea .tabWrap01 > .tabNav > li:last-child {
	margin-right: 0;
}

.tabWrap01 > .tabNav > li:before {
	display: none;
}

	.tabWrap01 .tabNav > li {
	margin-right:1%;
	}
	.tabWrap01 .tabNav > li:last-child {
	margin-right: 0;
	}

.tabWrap01 > .tabNav > li > a {
	position: relative;
	display: block;
/*	padding: 15px 30px;*/
	padding: 15px 5px;
	background-color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	text-align: center;
	font-weight: normal;
	line-height: 1.6;
	border-radius: 10px 10px 0 0;
	border: 2px solid #f6f6f6;
	border-bottom: none;
	box-sizing: border-box;
}

.tabWrap01 > .tabNav.range10Col > li {
	margin-right:0;
}
.tabWrap01 > .tabNav.range10Col > li > a {
	padding: 15px 10px;
}

.tabWrap01 > .tabNav > .active > a {
    font-weight: bold;
	color:#fff;
	background-color:#b01e23;
}

@media print, screen and (max-width: 768px) {
	.tabWrap01 {
	width:100%;
	margin:0 auto 1em;
	}
	.tabWrap01 .tabNav {
	width:100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	font-size:85%;
	}
	.tabWrap01 .tabNav > li {
	margin:0 0 7px 0;
	}
	.tabWrap01 > .tabNav > li > a {
	padding: 10px 0;
	border-radius: 10px;
	border-bottom: 2px solid #f6f6f6;
	}
	.tabWrap01 > .tabNav > li.active > a {
	color:#fff;
	background-color:#b01e23;
	}
}

#marketArea .tabWrap01 > .tabNav > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 4px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*#marketArea .tabWrap01 > .tabNav > li > a:before {
	border-top-color: #fff;
	border-right-color: #fff;
}*/


#footCvArea .tabWrap01 > .tabNav > li > a {
	position: relative;
	display: block;
/*	padding: 15px 30px;*/
	padding: 15px 10px;
	background-color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	text-align: center;
	font-weight: bold;
	line-height: 1.6;
	border-radius: 10px 10px 0 0;
	border: 2px solid #f6f6f6;
	border-bottom: none;
	box-sizing: border-box;
}

#marketArea .tabWrap01 > .tabNav > li.active > a {
	background-color: #c2f5fc;
	color:#000000;
}
#footCvArea .tabWrap01 > .tabNav > li.active > a {
	background-color: #f6f6f6;
	color: #ba001b;
}

#footCvArea .tabWrap01 > .tabNav > li.active > a:before {
	display: none;
}
#marketArea .tabWrap01 > .tabNav > li.active > a:before {
	display: none;
}

#footCvArea .tabWrap01 > .tabNav > .active > a:after {
	display: none;
}

#footCvArea .tabWrap01 > .tabNav > li > a > span {
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
}

#marketArea .tabWrap01 > .tabNav > li > a > span {
	padding-left: 0;
	background: none;
}
@media print, screen and (max-width: 768px) {
  #footCvArea .tabWrap01.tabSwitcher .tabNav {
	  width: 100%;
	  margin: 0 auto;
	  -webkit-justify-content: space-between;
	  justify-content: space-between;

  }

  #footCvArea .tabWrap01.tabSwitcher .tabNav {
	  width: 100%;
  }


  #footCvArea .tabWrap01.tabSwitcher > .tabNav > li {
	  width: 50%;
	  margin:0;
  }
  
	#footCvArea .tabWrap01.tabSwitcher > .tabNav > li {
	  width: 49%;
	  margin-right: 2%;
  }
  
	#footCvArea .tabWrap01.tabSwitcher > .tabNav > li:last-child {
	  margin-right: 0;
  }
  #footCvArea .tabWrap01.tabSwitcher > .tabNav > li:before {
/*	  display: none;*/
  }
  #footCvArea .tabWrap01.tabSwitcher > .tabNav > li > a {
	  padding: 15px 10px;
	  font-size: 16px;
	  font-size: 1.6rem;
  }
  
	#marketArea .tabWrap01 > .tabNav > li > a {
	  padding: 15px 10px;
	  font-size:1.5rem;
  }
  
	#footCvArea .tabWrap01 > .tabNav > li > a {
	  padding: 10px 0px;
	  font-size: 12px;
	  font-size: 1.25rem;
  }
  

  #marketArea .tabWrap01 > .tabNav > li.active > a {
	  background-color: #c2f5fc;
	  color:#000000;
  }
  
	#footCvArea #footCvArea .tabWrap01 > .tabNav > li.active > a {
	  background-color: #f6f6f6;
	  color: #ba001b;
  }
  
	#footCvArea .tabWrap01 > .tabNav > li.active > a:before {
	  display: none;
  }

  
	#footCvArea .tabWrap01 > .tabNav > .active > a:after {
	  display: none;
  }
  
	#footCvArea .tabWrap01 > .tabNav > li > a > span {
	  display: block;
	  font-size: 16px;
	  font-size: 1.6rem;
  }
	
  #marketArea .tabWrap01 > .tabNav > li > a > span {
	  padding-left: 0;
	  background: none;
  }

}


@media print, screen and (max-width: 500px) {
  #footCvArea .tabWrap01.tabSwitcher > .tabNav > li > a {
	  font-size: 14px;
	  font-size: 1.4rem;
  }
	#footCvArea .tabWrap01 > .tabNav > li > a > span {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
	}
}
@media print, screen and (max-width: 375px) {
  #footCvArea .tabWrap01.tabSwitcher > .tabNav > li > a {
		padding: 15px 5px;
	  font-size: 12px;
	  font-size: 1.2rem;
  }

  #marketArea .tabWrap01 > .tabNav > li > a:before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 0px;
	  display: inline-block;
	  width: 7px;
	  height: 7px;
	  margin-top: -3px;
	  border-top: 1px solid #ffffff;
	  border-right: 1px solid #ffffff;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
  }

}





#footCvArea .tabDetail {
	margin-top: 0px;
	margin-bottom: 90px;
	padding: 80px 0 80px;
	background-color: #f6f6f6;
}
@media print, screen and (max-width: 768px) {
  #footCvArea .tabDetail {
	  margin-top: 0px;
	  margin-bottom: 0px;
	  padding: 40px 0 40px;
  }
}




/* スライダー [注目情報・お得な情報 など]
---------------------------------------------------------------------------------------- */
#slider-02 .slider-container {
  display: none;
  position: relative;
}
#slider-02 .slider-container.initialized {
  display:block;
}    
#slider-02 .slider-wrap {
    max-width: 920px;
    width: 92%;
    padding: 0 30px;
    margin: 0 auto;
    overflow: hidden;
}
#slider-02 .slick-list {
    margin: 0 -10px; /* ガター分ネガティブマージン */
}
#slider-02 .slick-slide {
    margin: 0 10px; /* ガター */
}

#slider-02 .slide-arrow {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 36px;
  margin-top: -18px;  /* 高さの半分だけネガティブマージン */
  line-height: 36px;
  cursor: pointer;
  z-index: 10;  /* 重要 */
} 

#slider-02 .prev-arrow {
  left: 0px;
}

#slider-02 .next-arrow {
  right: 0px;
}
@media print, screen and (max-width: 768px) {
  #slider-02 .slider-wrap {
	  max-width: inherit;
	  width: 90%;
	  padding: 0 30px;
	  margin: 0 auto;
	  overflow: hidden;
  }
}

#productPickupSlide {
	padding:0 30px;
}



/* ボックス [注目情報・お得な情報 など]
---------------------------------------------------------------------------------------- */
/* デザイン限定　box */
.unit-01 {
    /*max-width: 900px;*/
    /*width:  94%;*/
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
} 

.colLeft {
    min-width:  160px;
    vertical-align: middle;
    float: none;
    margin: 0;
}

.unit-01 figure {
    /*display: inline-block;*/
}

.unit-01 .colText {
/*	max-width: 630px;
	width: calc(100% - 30px);*/
    margin-left: 30px;
}

.unit-01 .colText dl {
	max-width: 630px;
    position: relative;
    display: table-cell;
    padding: 40px 40px 40px 40px;
    vertical-align: middle;
    line-height: 1.5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #f6f6f6;
    border: 3px solid #f1f1f1;
    box-sizing: border-box;
    vertical-align: middle;
}

.unit-01 .colText dl:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: -15px;
    width: 16px;
    height: 29px;
    margin-top: -12px;
    background-image: url(../images/icn_arr_01.png);
    background-repeat: no-repeat;
    background-size: 16px 22px;
    z-index: 99;
}

.unit-01 .colText .ttl {
    color: #ba001b;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
 }

.unit-01 .colText .txt {
    font-size: 18px;
    line-height: 1.6;
}
@media screen and (max-width: 1024px) {
  .unit-01 .colText .ttl {
	  font-size: 26px;
   }
  
  .unit-01 .colText .txt {
	  font-size: 17px;
  }
}
@media screen and (max-width: 968px) {
    .unit-01 {
        max-width: 900px;
        width:  100%;
        margin: 0 auto;
        display: block;
    }

    .colLeft {
        text-align:  center;
    }

    .unit-01 figure {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    
    .unit-01 figure img {
        width: auto;
        margin: 0 auto;
    }
    
    .unit-01 .colText dl {
        display: block;
        padding: 15px;
        max-width: inherit;
        width: 94%;
        margin: 0 auto;
    }

    .unit-01 .colText {
        margin-top: 25px;
        margin-left: 0;
    }

    .unit-01 .colText dl:after {
        position: absolute;
        display: block;
        content: "";
        top: -15px;
        left: 0;
        right: 0;
        width: 42px;
        height: 15px;
        margin: 0 auto;
        background-image: url(../images/icn_arr_02.png);
        background-repeat: no-repeat;
        background-size: 42px 15px;
        -moz-background-size: 42px 15px;
        -webkit-background-size: 42px 15px;
    }

    .unit-01 .colText .ttl {
        font-size: 24px;
        line-height: 1.4;
     }

    .unit-01 .colText .txt {
        font-size: 16px;
        line-height: 1.6;
    }
}
@media screen and (max-width: 768px) {
    .unit-01 figure {
        width: 100%;
    }

    .unit-01 figure img {
        max-width:  410px;
        width: 100%;
    }
    
    .unit-01 .colText .ttl {
        font-size: 20px;
     }

    .unit-01 .colText .txt {
        font-size: 15px;
        line-height: 1.5;
    }
}







/* .unit-02 [投資情報 など]
------------------------------------------------------------------------------------------- */
.unit-02 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;/*justify-content: space-around;*/
}

.unit-02 .toolBox {
	max-width: 490px;
	width: 49%;
	padding: 30px 0 10px;
  margin-right: 2%;
	margin-bottom: 1em;
	border: none;
	background-color: #f6f6f6;
	box-sizing: border-box;
}

.unit-02 .toolBox:nth-child(2n-2) {
	margin-right: 0;
}

.unit-02 .toolBox .ttl {
	position: relative;
	margin-bottom:  20px;
	padding: 0 10px 7px;
	text-align: center;
	font-size: 24px;
	font-weight:bold;
	line-height: 1.4;
}

.unit-02 .toolBox .ttl:after {
	/*position: absolute;*/
	position: relative;
	display: inherit;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50px;
	height: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #b01e23;
}

.unit-02 .toolBox .lead {
	padding: 0 10px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 100%;
	line-height: 1.4;
}

.unit-02 .toolBox figure {
	max-width: 490px;
	width: 100%;
	margin: 0 auto 15px;
	padding: 0;
}

.unit-02 .toolBox .btnType01 li {
    width: 80%;
    margin: 0 auto 20px;
    font-weight: bold;
}
@media print, screen and (max-width: 768px) {
  .unit-02 {
	  width: 100%;
	  display: block;
  }

  .unit-02 .toolBox {
	  max-width: inherit;
	  width: 100%;
	  padding: 20px 0;
	  margin-right: 4%;
  }

  .unit-02 .toolBox .ttl {
	  font-size: 20px;
	  line-height: 1.4;
  }

  .unit-02 .toolBox .lead {
      width: 90%;
      margin: 0 auto 0px;
  	  text-align: left;
	  font-size: 15px;
	  line-height: 1.5;
  }

.unit-02 .toolBox figure {
	max-width: 708px;
	width: 100%;
	margin: 0 auto 15px;
	padding: 0;
}

  .unit-02 .toolBox .btnType01 li {
	  margin: 20px auto 0px;
  }
}




/* .unit-03
------------------------------------------------------------------------------------------- */
.unit-03 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.unit-03 .toolBox {
	max-width: 490px;
	width: 49%;
	padding: 30px 0;
    margin-right: 2%;
	border: none;
	background-color: #f6f6f6;
	box-sizing: border-box;
}
.unit-03 .toolBox:nth-child(2n-2) {
	margin-right: 0;
}
.unit-03 .toolBox .ttl {
	position: relative;
	margin-bottom:  20px;
	padding: 0 10px 7px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
}
.unit-03 .toolBox .ttl:after {
/*	position: absolute;*/
	position: relative;
	display: inherit;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50px;
	height: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #b01e23;
}
.unit-03 .toolBox .lead {
	padding: 0 1em;
	text-align: left;
	font-size: 100%;
	line-height: 1.4;
}
@media print, screen and (max-width: 768px) {
  .unit-03 {
	  width: 100%;
	  display: block;
  }

  .unit-03 .toolBox {
	  max-width: inherit;
	  width: 100%;
	  padding: 20px 0;
	  margin-right: 4%;
  }

  .unit-03 .toolBox .ttl {
	  font-size: 20px;
	  line-height: 1.4;
  }

  .unit-03 .toolBox .lead {
      width: 90%;
      margin: 0 auto;
      padding: 0;
  	  text-align: left;
	  font-size: 15px;
	  line-height: 1.5;
  }
}


/* .unit-04 [ #jp_margin_index ⇒ 投資信託保有で信用取引優遇手数料 ]
------------------------------------------------------------------------------------------- */
.unit-04 {
	width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.unit-04.box-03 {
	margin: 0;
	padding: 30px 4% 40px 4%;
	width: 92%;
}

.unit-04 dl {
}

.unit-04 dl.box-left {
	margin-right: 8%;
}

.unit-04 dl.box-right {
}

.unit-04 dl dt {
	font-size: 22px;
	text-align: center;
}

.unit-04 dl.box-left dt {
	color: #b4041d;
	font-weight:bold;
}

.unit-04 dl.box-right dt {
	color: #454545;
	font-weight:bold;
}

.unit-04 dl dd {
	padding: 15px 30px 10px;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	font-weight: bold; 
}

.unit-04 dl.box-left dd {
	color: #ffffff;
	background: #b4041d;
}

.unit-04 dl.box-right dd {
	color: #ffffff;
	background: #454545;
}

.unit-04 dl dd .txt01 {
	font-size: 56px;
	font-weight: bold;
}

.unit-04 dl dd .txt02{
	font-size: 26px;
	font-weight: bold; 
}
@media print, screen and (max-width: 1120px) {
  .unit-04 dl.box-left {
	  margin-right: 6%;
  }

  .unit-04 dl dd .txt01 {
	  font-size: 52px;
  }
  
  .unit-04 dl dd .txt02{
	  font-size: 22px;
  }
}
@media print, screen and (max-width: 1031px) {
  .unit-04 dl dd {
	  padding: 15px 25px 10px;
  }

  .unit-04 dl dd .txt01 {
	  font-size: 48px;
  }
  
  .unit-04 dl dd .txt02{
	  font-size: 20px;
  }
}
@media print, screen and (max-width: 968px) {
  .unit-04 {
	  width: 100%;
	  display: -webkit-block;
	  display: block;
  }
  .unit-04 dl.box-left {
	  margin-right: 0;
	  margin-bottom: 20px;
  }

  .unit-04 dl dd {
	  padding: 15px 25px 10px;
  }

  .unit-04 dl dd .txt01 {
	  font-size: 48px;
  }
  
  .unit-04 dl dd .txt02{
	  font-size: 22px;
  }
}



/* 岡三オンライン証券が選ばれる理由
------------------------------------------------------------------------------------------- */
.oosElected .ttl-h2-02 span {
    display: inline-block;
}

.oosElected .box-03 {
    padding: 20px 0 30px;
}

.oosElected .colWrap {
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.oosElected .col {
    position: relative;
    max-width: 286px;
    width: 29.6%;
    padding: 25px 0px 25px;
    margin-right: 2%;
    text-align: center;
    background-color: #ffffff;
}

.oosElected .col:last-child {
    margin-right: 0;
}

.oosElected .col .txt01 {
    position: relative;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #ba001b;
    text-align: center;
    letter-spacing: 1px;
}

.oosElected .col .txt01.txtS {
    font-size: 17px;
    letter-spacing: 0;
}

.oosElected .col .txt01:before {
    position: relative;
    display: inline-block;
    content: "";
    top: 4px;
    left: -15px;
    width: 9px;
    height: 15px;
    -webkit-transform: skewX(200deg);
    -moz-transform: skewX(200deg);
    transform: skewX(200deg);
    border-right: 2px solid #ba001b;
}

.oosElected .col .txt01:after {
    position: relative;
    display: inline-block;
    content: "";
    top: 4px;
    right: -6px;
    width: 9px;
    height: 15px;
    -webkit-transform: skewX(160deg);
    -moz-transform: skewX(160deg);
    transform: skewX(160deg);
    border-right: 2px solid #ba001b;
}

.oosElected .col .txt02 {
    max-width: 286px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.oosElected .btnType01 {
    display: block;
    padding:0;
    width:100%;
}

.oosElected .btnType01 li {
    width: 80%;
    margin: 0 auto;
    font-weight: bold;
}
@media screen and (max-width: 1250px) {
    .oosElected .col .txt01 {
        font-size: 17px;
    }

	.oosElected .col .txt01.txtS {
		font-size: 16px;
	}

    .oosElected .col .txt01:before {
        left: -10px;
    }

    .oosElected .col .txt01:after {
        right: -1px;
    }

}

@media screen and (max-width: 1135px) {
    .oosElected .is-pc {
        display: none;
    }

    .oosElected .is-sp {
        display:  block;
    }
    
    .oosElected .colWrap {
        margin: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .oosElected .col {
        position: relative;
        max-width: inherit;
        width: 92%;
        padding: 25px 0px 25px;
        margin: 0 auto 15px; 
    }

    .oosElected .col:last-child {
        margin: 0 auto;
    }

    .oosElected .col .txt01 {
        margin-bottom: 15px;
        font-size: 28px;
    }

	.oosElected .col .txt01.txtS {
		font-size: 28px;
	}

    .oosElected .col .txt01:before {
        height: 24px;
    }

    .oosElected .col .txt01:after {
        height: 24px;
    }

    .oosElected .col .txt02 {
        max-width: 600px;
        width: 100%;
        margin-bottom: 30px;
    }

    .oosElected .btnType01 {
        height: 50px;
    }

    .oosElected .btnType01 li {
        width: 75%;
        height: 50px;
    }
}
@media screen and (max-width: 1135px) {
    .oosElected .ttl-h2-02 {
        font-size: 31px;
    }
}
@media screen and (max-width: 868px) {
    .oosElected .ttl-h2-02 {
        font-size: 26px;
    }
}
@media screen and (max-width: 800px) {
    .oosElected .ttl-h2-02 {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .oosElected .ttl-h2-02 {
        font-size: 26px;
        font-weight: bold;
    }
    
    .oosElected .ttl-h2-02 span {
        display: block;
    }

    .oosElected .col .txt01 {
        font-size: 25px;
    }

		.oosElected .col .txt01.txtS {
				font-size: 25px;
		}

    .oosElected .col .txt02 {
        max-width: 400px;
        width: 100%;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 500px) {
    .oosElected .ttl-h2-02 {
        font-size: 22px;
    }

    .oosElected .col .txt01 {
        font-size: 20px;
    }

		.oosElected .col .txt01.txtS {
				font-size: 20px;
		}

    .oosElected .col .txt01:before {
        height: 20px;
    }

    .oosElected .col .txt01:after {
        height: 20px;
    }

    .oosElected .col .txt02 {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 414px) {
    .oosElected .col .txt01 {
        font-size: 18px;
    }

		.oosElected .col .txt01.txtS {
				font-size: 18px;
		}

    .oosElected .col .txt01:before {
        height: 16px;
    }

    .oosElected .col .txt01:after {
        height: 16px;
    }
}
@media screen and (max-width: 375px) {
    .oosElected .ttl-h2-02 {
        font-size: 20px;
    }

    .oosElected .col .txt01 {
        font-size: 16px;
    }

		.oosElected .col .txt01.txtS {
				font-size: 16px;
		}
}



/* 取引時間 
------------------------------------------------------------------------------------------- */
.tradingTimeeArea {
}

.tradingTimeeArea .boxType04 {
margin-bottom:  10px;
padding: 2%;
/*
    overflow-x:scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
*/
}

@media screen and (max-width: 768px) {
    .tradingTimeeArea .boxType04 {
    padding: 2%;
    overflow-x:scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    }
    
    .tradingTimeeArea .boxType04 .inner {
    width: calc(732px + 2%);
        overflow: hidden;
    }
    .tradingTimeeArea .boxType04 .inner .fig {
    max-width: 732px;
    width: 100%;
    }
}