@charset "UTF-8";
/* ======================================================

	Reset

====================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,a,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;background:transparent;vertical-align:top;font-size:100%}body{line-height:1}img{line-height: 0; vertical-align: top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}li{list-style-type: none}table{border-collapse:collapse;border-spacing:0}input, select{vertical-align:middle}hr{display:block;height:1px;margin:1em 0;padding:0;border:none;border-top:1px solid #ccc}a{outline:none;}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}
/* ======================================================

  Frame

====================================================== */
body { font-size: 12px; line-height: 1.4; color: #3d3d3d; -webkit-text-size-adjust: 100%; background-color: #ffffff;}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
a:link { color: #000000;}
a:visited { color: #000000;}
img{ width: 100%;}
.fl{ float: left;}
.fr{ float: right;}
.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;}
.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;}
.mb50{margin-bottom: 50px !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;}
.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;}
.lazy { display: none;}


/*  共通パーツ
------------------------------------------------------ */
footer{ border-top: 1px solid #cccccc; padding-top: 20px; color: #5d4943; padding-bottom: 12%;}
footer dt{ width: 60%; margin: 0 auto;}
footer dd{ text-align: center; font-size: 11px; margin: 5px 0px 20px;}

/*  キャンペーンパーツ
------------------------------------------------------ */
/*  common  */
#fg .hide{display: none;}
#fg img{display: block;}
#cp h2{ margin-bottom: 10px;}
#cp .inner{ padding: 0px 10px;}
/*  cv-box  */
#cp .cv-box{ position: relative;}
#cp .cv-box dl{ position: absolute; top: 23%; left: 5%; width: 90%;}
/*  notes  */
#cp ul.notes{ margin-left: 22px;} 
#cp ul.notes li{ text-indent: -22px;} 
#cp dl.notes dd{ margin-left: 12px;} 
#cp dl.notes dd span{ text-indent: -12px; display: block;} 

/*  point-list  */
#cp .point-list li{ margin-bottom: 10px;}
#cp .point-list li img{ margin-bottom: 5px;}
/*  point-box  */
#cp .point-box{ background: url(../img/point-sidebg.jpg) center top repeat-y; background-size: 100%;}
#cp .point-box .bottom{ background: url(../img/point-bottombg.jpg) center bottom no-repeat; background-size: 100%; padding:0px 20px 10px;}
#cp .point-box h3{ margin-bottom: 5px;}
#cp .point-box .inner{padding: 0 3%;}


#cp .point-box .box dd{ padding: 10px;}
#cp .point-box .box.pink{ border: 1px solid #c6186e;}
#cp .point-box .box.bule{ border: 1px solid #40b4f9;}
#cp .point-box .jisseki-box{ width: 100%;}
#cp .point-box .jisseki-box .cf div{ float: left; width: 15%;}
#cp .point-box .jisseki-box .cf dl{ float: right; width: 83%;}
#cp .point-box .jisseki-box .cf dt{ border-bottom: 1px solid #40b4f9; margin-bottom: 2px; padding-bottom: 2px; line-height: 0;}
#cp .point-box .point3-box {border: 3px solid #77d8fa; border-radius: 10px;}
#cp .point-box .point3-box .cf {padding: 3%;}
#cp .point-box .point3-box .pink{text-align:right; color: #ed7a97;}
#cp .point-box .point3-box .cf div{ float: left; width: 30%;}
#cp .point-box .point3-box .cf p{ float: right; width: 65%;}
#cp .point-box .point3-img {width: 95%;}
#cp .point-box .gray-box dd {background: #e1e1e1; padding: 3%;}
#cp .point-box .gray-box .cf div{ float: left; width: 30%;}
#cp .point-box .gray-box .cf p{ float: right; width: 63%;}

/*  tab-box  */
#cp .tab-box .tab-top{ width: 280px; margin: 20px auto 0px;}
#cp .tab-box .tab-top li{ width: 89px; height: 28px; float: left; margin: 0px 2px;}
#cp .tab-box .tab-top li a{ background: url(../img/tav-top.jpg) no-repeat; background-size: 267px; width: 89px; height: 28px; text-indent: -9999px; display: block;}
#cp .tab-box .tab-top li.tab1 a{ background-position: 0px 0px;}
#cp .tab-box .tab-top li.tab1.ac a{ background-position: 0px -30px;}
#cp .tab-box .tab-top li.tab2 a{ background-position: -89px 0px;}
#cp .tab-box .tab-top li.tab2.ac a{ background-position: -89px -30px;}
#cp .tab-box .tab-top li.tab3 a{ background-position: -178px 0px;}
#cp .tab-box .tab-top li.tab3.ac a{ background-position: -178px -30px;}
#cp .tab-box .detail li{ border: 4px solid; padding: 10px;}
#cp .tab-box .detail li#tab1{ border-color: #acd6e5;}
#cp .tab-box .detail li#tab2{ border-color: #ecbe5c;}
#cp .tab-box .detail li#tab3{ border-color: #b9e4ae;}

#cp .tab-box .detail li div{ border: solid 1px #999999; padding: 2%;}

#cp .tab-box .tab-bottom{ width: 280px; margin: 0px auto 20px;}
#cp .tab-box .tab-bottom li{ width: 89px; height: 28px; float: left; margin: 0px 2px;}
#cp .tab-box .tab-bottom li a{ background: url(../img/tav-bottom.jpg) no-repeat; background-size: 267px; width: 89px; height: 28px; text-indent: -9999px; display: block;}
#cp .tab-box .tab-bottom li.tab1 a{ background-position: 0px 0px;}
#cp .tab-box .tab-bottom li.tab1.ac a{ background-position: 0px -30px;}
#cp .tab-box .tab-bottom li.tab2 a{ background-position: -89px 0px;}
#cp .tab-box .tab-bottom li.tab2.ac a{ background-position: -89px -30px;}
#cp .tab-box .tab-bottom li.tab3 a{ background-position: -178px 0px;}
#cp .tab-box .tab-bottom li.tab3.ac a{ background-position: -178px -30px;}

/*  pay-area  */
#pay-area{ background: url(../img/line.jpg) left top no-repeat; background-size: 100%; padding: 25px; margin-top: 30px;}
#pay-area > p{ margin-bottom: 15px;}
#pay-area .accordion-box dt{ background: url(../img/siharai-btn_open.jpg) center top no-repeat; width: 276px; height: 50px; background-size: 276px; margin: 0 auto 15px; text-indent: -9999px;}
#pay-area .accordion-box dt.opened{ background: url(../img/siharai-btn_close.jpg) center top no-repeat; width: 276px; height: 50px; background-size: 276px; margin: 0 auto 15px; text-indent: -9999px;}
#pay-area .accordion-box dd{ display: none;}
#pay-area .accordion-box dd .pay-box{ margin-bottom: 20px;}
#pay-area .accordion-box dd .pay-box h3{ margin-bottom: 10px;}
#pay-area .accordion-box dd a:link{ text-decoration: underline;}
#pay-area .accordion-box dd .pay-box .box{ padding: 20px 10px;}
#pay-area .accordion-box dd .pay-box .box.bule{ border: 2px solid #89d4fe; border-radius: 6px;}
#pay-area .accordion-box dd .pay-box .box.bule div{ border-bottom: 1px dotted #89d4fe; padding-bottom: 10px; margin-bottom: 10px;}
#pay-area .accordion-box dd .pay-box .box.pink{ border: 2px solid #f994ac; border-radius: 6px;}
#pay-area .accordion-box dd .pay-box .box.pink div{ border-bottom: 1px dotted #f994ac; padding-bottom: 10px; margin-bottom: 10px;}
#pay-area .accordion-box dd .pay-box .box.green{ border: 2px solid #ceefdb; border-radius: 6px;}
#pay-area .accordion-box dd .pay-box .box.green div{ border-bottom: 1px dotted #4eac73; padding-bottom: 10px; margin-bottom: 10px;}
#pay-area .accordion-box dd .annotation-box{ background: #efefef; border-radius: 6px; padding: 10px;}

/*  support-area  */
#support-area{ background: url(../img/line.jpg) left top no-repeat; background-size: 100%; padding: 25px;}
#support-area dl{ border: 2px solid #89d4fe; border-radius: 6px; margin-bottom: 20px;}
#support-area dl.mb0{ margin-bottom: 0px;}
#support-area dl dt{ padding: 15px 10px 10px;}
#support-area dl dd.text{ padding: 0px 10px 10px;}
#support-area dl dd img{ border-radius: 6px;}
#support-area p{ margin-top: 5px; font-size: 10px;}

/*  qa-area & accordion-box  */
#cp #qa-area{ background: #f7f6f1; padding: 20px 10px;}
#cp #qa-area .accordion-box dl{ margin-bottom: 20px;}
#cp #qa-area .accordion-box dt{ background: url(../img/ico-open.jpg) left center no-repeat; background-size: 10px; font-size: 14px; font-weight: bold; padding-left: 16px;}
#cp #qa-area .accordion-box dt.opened{ background: url(../img/ico-close.jpg) left center no-repeat; background-size: 10px;}
#cp #qa-area .accordion-box .q1 dt span{ background: url(../img/q1.jpg) left center no-repeat; background-size: 18px; padding-left: 22px; display: block;}
#cp #qa-area .accordion-box .q1 ul{margin-left: 18px;}
#cp #qa-area .accordion-box .q1 li{text-indent: -1.3em;}
#cp #qa-area .accordion-box .q2 dt span{ background: url(../img/q2.jpg) left center no-repeat; background-size: 18px; padding-left: 22px; display: block;}
#cp #qa-area .accordion-box .q3 dt span{ background: url(../img/q3.jpg) left center no-repeat; background-size: 18px; padding-left: 22px; display: block;}
#cp #qa-area .accordion-box .q3 ul{margin-left: 18px;}
#cp #qa-area .accordion-box .q3 li{text-indent: -1.3em;}
#cp #qa-area .accordion-box .q4 dt span{ background: url(../img/q4.jpg) left center no-repeat; background-size: 18px; padding-left: 22px; display: block;}
#cp #qa-area .accordion-box .q5 dt span{ background: url(../img/q5.jpg) left center no-repeat; background-size: 18px; padding-left: 22px; display: block;}
#cp #qa-area .accordion-box .q6 dt span{ background: url(../img/q6.jpg) left center no-repeat; background-size: 18px; padding-left: 22px; display: block;}
#cp #qa-area .accordion-box .q7 dt span{ background: url(../img/q7.jpg) left center no-repeat; background-size: 18px; padding-left: 22px; display: block;}
#cp #qa-area .accordion-box .q8 dt span{ background: url(../img/q8.jpg) left center no-repeat; background-size: 18px; padding-left: 22px; display: block;}
#cp #qa-area .accordion-box .q9 dt span{ background: url(../img/q9.jpg) left center no-repeat; background-size: 18px; padding-left: 22px; display: block;}
#cp #qa-area .accordion-box dd{ border-top: 1px dotted #000000; padding-left: 16px; padding-top: 10px; margin-top: 10px; display:none;}

/*  annotation-area  */
#cp .annotation-area{ background: #efefef; padding: 25px 25px;}
#cp .annotation-area dt{ font-weight: bold;}
#cp .annotation-area dd{ margin-bottom: 20px;}
#cp .annotation-area dd:last-child{ margin-bottom: 0px;}

.sec2 .tab-box .pnk{color: #c6186e;}

#cp .sec3 .inner{ padding: 0px 33px;}
#cp .sec3 .notes li{ text-indent: -22px;} 
#cp .sec4 .inner{padding: 0 20px;}
#cp .sec4 .flow-area { border: 3px solid #1392cd; border-radius: 10px;}
#cp .sec4 .flow-area .box {padding:3%;}

#cp .sec5{ background-color:#effcff; padding-bottom: 30px; padding-top: 20px;}
#cp .sec5 .content { background-color:#ffffff; text-align: center; padding:5% 0 ; margin-bottom: 20px;}
#cp .sec5 .text { text-align: left; background-color: #d2e7f4; padding: 10px 40px; text-indent:-20px;}
#cp .sec5 ul.notes { margin-bottom: 0;}
#cp .sec5 ul.notes li { text-indent: -26px;}

#cvWrap {
    position: fixed;
    bottom: 0;
    width: 100%;
}