@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;}
.mt30{ margin-top: 30px !important;}
.mt40{ margin-top: 40px !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;}
.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;}
.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;}
.pb40{ padding-bottom: 40px !important;}


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

#biyou .inner{ padding: 0px 20px;}
#biyou .inner2{ padding: 0px 30px;}
#biyou .inner3{ padding: 0px 30px 20px;}
.box { border: 10px solid #d2e7f4; margin-top: 20px; padding-bottom: 20px;}
/*  cv-box  */
#biyou .cv-box{ position: relative;}
#biyou .cv-box h2{ margin-bottom: 10px;}
#biyou .cv-box dl{ position: absolute; top: 23%; left: 7%; width: 86%;}
/*  cv-box2  */
#biyou .cv-box2{ position: relative;}
#biyou .cv-box2 dl{ position: absolute; top: 23%; left: 9%; width: 83%;}
/*  notes  */
#biyou .notes{ margin-left: 22px; color: #663300; margin-bottom: 20px;} 
#biyou .notes li{ text-indent: -22px;} 
#biyou #sec4 .notes li{ text-align: right; color: #ffffff;} 
/*  sec2  */
#biyou #sec2 { background-color: #48b7e9; padding-bottom: 30px;}
#biyou #sec2 p,#biyou #sec2 p a:link{ color: #ffffff;}
/*  sec3  */
#biyou #sec3 { background: #f2f5f7; padding-bottom: 30px;}
#biyou #sec3 p.text { margin-top: -20px; color: #333333;}
#biyou #sec3 p img { margin-top: 10px;}
/*  sec4  */
#biyou #sec4 .sec4-bg { background: url(../img/sec4-bg.jpg) left top repeat-x; padding-bottom: 30px;}
#biyou #sec4 p{ color: #ffffff;}
#biyou #sec4 p.text{ color: #333333;}
#biyou #sec4 .text_box .text{margin-top: -20px; text-align: right;}
#biyou #sec4 .accordion-box.var1 dl{ background: #e7f2ee; padding: 20px 25px; margin-bottom: 10px; position: relative;} 
#biyou #sec4 .accordion-box.var1 dt{ background: url(../img/ico-openA.jpg) right center no-repeat; background-size: 10px; font-size: 15px; font-weight: bold; color: #267926;}
#biyou #sec4 .accordion-box.var1 dt.opened{ background: url(../img/ico-closeA.jpg) right center no-repeat; background-size: 10px;}
#biyou #sec4 .accordion-box.var1 dd{ margin-top: 10px; display: none;}
#biyou #sec4 .accordion-box.var1 dt.ico-tit{ padding-left: 30px;}
#biyou #sec4 .accordion-box.var1 dd.ico{ display: block; width: 61px; position: absolute; top: -16px; left: -10px;}


#biyou #sec4 .accordion-box.var2 dl{ border: 1px solid #cccccc; margin-bottom: 10px;} 


#biyou #sec4 .accordion-box.var2 .no1 .dt-box {position: relative;}
#biyou #sec4 .accordion-box.var2 .no1 .dt-box .dt-img{width:80px; vertical-align: middle; }
#biyou #sec4 .accordion-box.var2 .no1 dt{ background: url(../img/ico-openA-2.jpg) 96% center no-repeat; background-size: 10px; display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
#biyou #sec4 .accordion-box.var2 .no1 dt div { display: table-cell;}
#biyou #sec4 .accordion-box.var2 .no1 dt .dt-text {padding: 0 25px 0 10px ; vertical-align: middle; }
#biyou #sec4 .accordion-box.var2 .no1 dt.opened{ background: url(../img/ico-closeA-2.jpg) 96% center no-repeat; background-size: 10px; display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}

#biyou #sec4 .accordion-box.var2 .no2 .dt-box {position: relative;}
#biyou #sec4 .accordion-box.var2 .no2 .dt-box .dt-img{width:80px; vertical-align: middle; }
#biyou #sec4 .accordion-box.var2 .no2 dt{ background: url(../img/ico-openA-2.jpg) 96% center no-repeat; background-size: 10px; display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
#biyou #sec4 .accordion-box.var2 .no2 dt div { display: table-cell;}
#biyou #sec4 .accordion-box.var2 .no2 dt .dt-text {padding: 0 25px 0 10px ; vertical-align: middle; }
#biyou #sec4 .accordion-box.var2 .no2 dt.opened{ background: url(../img/ico-closeA-2.jpg) 96% center no-repeat; background-size: 10px; display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}

#biyou #sec4 .accordion-box.var2 .no3 .dt-box {position: relative;}
#biyou #sec4 .accordion-box.var2 .no3 .dt-box .dt-img{width:80px; vertical-align: middle; }
#biyou #sec4 .accordion-box.var2 .no3 dt{ background: url(../img/ico-openA-2.jpg) 96% center no-repeat; background-size: 10px; display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
#biyou #sec4 .accordion-box.var2 .no3 dt div { display: table-cell;}
#biyou #sec4 .accordion-box.var2 .no3 dt .dt-text {padding: 0 25px 0 10px ; vertical-align: middle; }
#biyou #sec4 .accordion-box.var2 .no3 dt.opened{ background: url(../img/ico-closeA-2.jpg) 96% center no-repeat; background-size: 10px; display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}

#biyou #sec4 .accordion-box.var2 .no4 .dt-box {position: relative;}
#biyou #sec4 .accordion-box.var2 .no4 .dt-box .dt-img{width:80px; vertical-align: middle; }
#biyou #sec4 .accordion-box.var2 .no4 dt{ background: url(../img/ico-openA-2.jpg) 96% center no-repeat; background-size: 10px; display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
#biyou #sec4 .accordion-box.var2 .no4 dt div { display: table-cell;}
#biyou #sec4 .accordion-box.var2 .no4 dt .dt-text {padding: 0 25px 0 10px ; vertical-align: middle; }
#biyou #sec4 .accordion-box.var2 .no4 dt.opened{ background: url(../img/ico-closeA-2.jpg) 96% center no-repeat; background-size: 10px; display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}

#biyou #sec4 .accordion-box.var2 dt {font-weight: bold; color: #1c92d0;}
#biyou #sec4 .accordion-box.var2  dd {display: none;padding:20px;}
#biyou #sec4 .content { background-color:#ffffff;}

/*  sec5  */
#biyou #sec5 { background: url(../img/sec5-bg.jpg) repeat-x; padding-bottom: 30px;}
#biyou #sec5 p { color: #ffffff;}
#biyou #sec5 .content { background-color:#ffffff; text-align: center; padding:5% 0 ;margin-bottom: 20px;}
#biyou #sec5 .content h3 {padding:5% 0 0 0;}
#biyou #sec5 ul.notes { color: #ffffff; margin-bottom: 0;} 
#biyou #sec5 ul.notes li{ text-indent: -22px;} 

#fg .hide {display: none;}
#fg img{display: block;}
/*  sec6  */
#biyou #sec6 { background: url(../img/sec6-bg.jpg)repeat-x; padding-bottom: 30px; color: #ffffff;}
/*  sec7  */
#biyou #sec7 { background-color:#f7eddb; padding-bottom: 30px;}
#biyou #sec7 .content { background-color:#ffffff; text-align: center; padding:5% 0 ; margin-bottom: 20px;}
#biyou #sec7 .text { text-align: left; background-color: #d2e7f4; padding: 10px 40px; text-indent:-20px;}
#biyou #sec7 ul.notes { margin-bottom: 0;}
#biyou #sec7 ul.notes li { text-indent: -26px;}
/*  sec9  */
#biyou #sec9 { background: url(../img/sec9-bg.jpg) left top repeat-x; padding-bottom: 30px; border-bottom:1px solid #cccccc;}
#biyou #sec9 p.text { margin-top: -50px;}
#biyou #sec9 .step { border: 1px solid #cccccc; padding: 20px; position: relative; margin-top: 20px;}
#biyou #sec9 .step h4 { width: 80%;}
#biyou #sec9 .step p.arrow {position:absolute; top:-7%; right: 0; width: 100%}
#biyou #sec9 .steptext { padding: 10px 0 0; }
#biyou #sec9 .box { border: 5px solid #d2e7f4; margin-top: 20px; padding-bottom: 20px;}
/*  sec10  */
#biyou #sec10 { padding-bottom:30px;}
#biyou #sec10 .paymentNotes { background-color:#efefef; padding:20px;}
#biyou #sec10 .paymentNotes span { font-weight:bold;}
/*  sec11  */
#biyou #sec11 {background: #f6f6f6 url(../img/sec11-bg.png) no-repeat; padding: 30px 0; background-position: bottom; background-size: 100%;} 
#biyou #sec11 .accordion-box dl{ background: #336698; margin-bottom: 20px; position: relative;} 
#biyou #sec11 .accordion-box dt{ background: url(../img/sec11-arrow.jpg) right 80% no-repeat; background-size: 20px; font-size: 15px; font-weight: bold; color: #ffffff; text-indent: -20px; padding:20px 40px; margin-right:20px}
#biyou #sec11 .accordion-box dt.opened{ background: url(../img/sec11-arrow-open.jpg) right 90% no-repeat; background-size: 20px;}
#biyou #sec11 .accordion-box dd{display: none; background-color: #ffffff;padding: 20px;}
#biyou #sec11 .accordion-box dd span.newline {display: block;margin-top: 1em;}
#biyou #sec11 .accordion-box dd a { color:#336698;}
#biyou #sec11 .accordion-box dt.ico-tit{ padding-left: 30px;}
#biyou #sec11 .accordion-box dd.ico{ display: block; width: 61px; position: absolute; top: -16px; left: -10px;}
/*  sec12  */
#biyou #sec12 { background: url(../img/sec12-bg.jpg) repeat-x; padding: 30px 0; background-position: bottom;}
#biyou #sec12 .box { border: 5px solid #d2e7f4; margin:20px 0; padding-bottom: 0;}
/*  sec13  */
#biyou #sec13 { padding: 30px 0;}
#biyou #sec13 li { margin-bottom: 20px;}
#biyou #sec13 li.lastnotes { margin-bottom: 0;}
#biyou #sec13 li span { font-weight: bold;}

/*  キャンペーンパーツ
------------------------------------------------------ */
/*  tab-box  */
#biyou  .tab-box { margin-bottom:20px; margin-top: 20px;}
#biyou  .tab-box .tab-top{ width: 198px; margin: 0 auto;}
#biyou  .tab-box .tab-top li{ width: 89px; height: 38px; float: left; margin: 0px 2px;}
#biyou  .tab-box .tab-top li a{ background: url(../img/tav-top.jpg) no-repeat; background-size: 267px; width: 89px; height: 78px; text-indent: -9999px; display: block;}
#biyou  .tab-box .tab-top li.tab1 a{ background-position: 0px 0px;}
#biyou  .tab-box .tab-top li.tab2 a{ background-position: -89px 0px;}

#biyou  .tab-box .detail li{ border: 4px solid; padding: 20px;}
#biyou  .tab-box .detail li a:link{ color: #62b7d3; text-decoration: underline;}
#biyou  .tab-box .detail li#tab1{ border-color: #acd6e5;}
#biyou  .tab-box .detail li#tab1 div{ border-bottom: 1px dotted #acd6e5; padding-bottom: 10px; margin-bottom: 10px;}
#biyou  .tab-box .detail li#tab2{ border-color: #ffc6d2;}
#biyou  .tab-box .detail li#tab2 div{ border-bottom: 1px dotted #ffc6d2; padding-bottom: 10px; margin-bottom: 10px;}
#biyou  .tab-box .detail li#tab3{ border-color: #ceefdb;}
#biyou  .tab-box .detail li#tab3 div{ border-bottom: 1px dotted #ceefdb; padding-bottom: 10px; margin-bottom: 10px;}

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