@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#333; background:#1e1711 url(../images/bg.png); font:16px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; line-height:1.8; text-align:center; letter-spacing:normal; min-width:1124px; _display:inline; _zoom:1; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:top; font-weight:normal; }
table td{ word-break:break-all; }

a:link , a:visited{ color:#004ead; text-decoration:underline; }
a:hover{ color:#3a92ff; text-decoration:underline; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.fontSS{ font-size:12px; }
.fontS{ font-size:14px; }
.fontL{ font-size:20px; }
.fontLL{ font-size:24px; line-height:1.6; }

.tcR{ color:#dc0c11; font-weight:bold; }
.tcB{ color:#2e2bb1; font-weight:bold; }
.tcY{ color:#a47e16; font-weight:bold; }

.str{ font-weight:bold; }
.strN{ font-weight:normal; }
.ilc{ font-style:italic; }
.uLine{ text-decoration:underline; }
.uLine2{ border-bottom:double medium #333; }
.waveLine{ background:url(../images/wave_line.png) repeat-x left bottom; padding-bottom:7px; }
.waveLineR{ background:url(../images/wave_line_red.png) repeat-x left bottom; padding-bottom:7px; }
.waveLineB{ background:url(../images/wave_line_blue.png) repeat-x left bottom; padding-bottom:7px; }
.marker{background-color:#fff600; }

.idt{ padding-left:1.0em; text-indent:-0.9em; }
.idtStr{ padding-left:1.0em; text-indent:-1.0em; }
.idtS{ padding-left:0.5em; text-indent:-0.4em; }

.spt5{ padding-top:5px; }
.spt10{ padding-top:10px; }
.spt15{ padding-top:15px; }
.spt20{ padding-top:20px; }
.spt25{ padding-top:25px; }
.spt30{ padding-top:30px; }
.spt35{ padding-top:35px; }

.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

.smt5{ margin-top:5px; }
.smt10{ margin-top:10px; }
.smt15{ margin-top:15px; }
.smt20{ margin-top:20px; }
.smt25{ margin-top:25px; }
.smt30{ margin-top:30px; }
.smt35{ margin-top:35px; }
.smt40{ margin-top:40px; }
.smt45{ margin-top:45px; }
.smt50{ margin-top:50px; }

.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }

.sml20{ margin-left:20px; }
.sml30{ margin-left:30px; }
.sml50{ margin-left:50px; }
.sml70{ margin-left:70px; }

.smr10{ margin-right:10px; }
.smr20{ margin-right:20px; }
.smr30{ margin-right:30px; }
.smr50{ margin-right:50px; }
.smr70{ margin-right:70px; }
.smr80{ margin-right:80px; }

.rel{ position:relative; }
.abs{ position:absolute; }

p{ margin:0 50px 30px; }
p.spN{ margin-bottom:0px; }
p.spSS{ margin-bottom:5px; }
p.spS{ margin-bottom:10px; }
p.spL{ margin-bottom:40px; }
p.spLL{ margin-bottom:50px; }
p.lhN{ line-height:1.0; }

.shadow{ box-shadow:0px 0px 8px rgba(0,0,0,0.6); }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:top; font-weight:normal; }
table td{ word-break:break-all; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* For modern browsers */
.cf:before , .cf:after{ content:""; display:table; }
.cf:after{ clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf{ zoom:1; } 


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:1000px; margin:0 auto; position:relative; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ background:url(../images/header_bg.png) no-repeat center top; }
.header .logo{ position:absolute; left:-10px; top:0; }

.header .top{ height:114px; text-align:left; }
.header .top .txt{ float:left; margin:28px 0 0 175px; }
.header .top .timer{ float:right; margin-top:17px; }

.header .catch{ margin:100px 0 90px; }
.header .title{ height:420px; background:url(../images/header_title_bg.png) center top no-repeat; padding-top:42px; }
.header .keyword{ margin-top:-50px; }


/* timer ********** タイマーが必要な場合のみ記述
///////////////////////////////////////////////////////////////////////////////////////////////*/
div.timer{ position:relative; width:376px; height:70px; }
.timer .timeDay { position:absolute; top:32px; left:48px;}
.timer .timeHr  { position:absolute; top:32px; left:133px; }
.timer .timeMmin{ position:absolute; top:32px; left:217px; }
.timer .timeSec { position:absolute; top:31px; left:281px; }
.timer .timeMsec{ position:absolute; top:32px; left:500px; display:none; }
.timer span img:nth-of-type(2){ margin-left:-6px; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ background:url(../images/contents_bg.png) center top repeat-y; text-align:left; padding-bottom:30px; }
.contents h2{ text-align:center; margin-bottom:20px; }

/* intro */
.intro{ text-align:center; }
.intro .movie-l{ width:732px; height:451px; background:url(../images/intro_movie_bg_l.png) no-repeat; padding-top:42px; margin:20px auto 0; }
.intro .movie-s{ width:906px; margin:10px auto 0; }
.intro .movie-s li{ float:left; width:302px; height:280px; padding-top:17px; }
.intro .movie-s li:nth-of-type(1){ background:url(../images/intro_movie_bg_s1.png) no-repeat; }
.intro .movie-s li:nth-of-type(2){ background:url(../images/intro_movie_bg_s2.png) no-repeat; }
.intro .movie-s li:nth-of-type(3){ background:url(../images/intro_movie_bg_s3.png) no-repeat; }

/* pic */
.section1 .pic,.section2 .pic,.section4 .pic,.section5 .pic,.section6 .pic,.section7 .pic,.section8 .pic,.section19 .pic{ float:right; margin:0 40px 20px 20px; }


/* befor after */
.ba{ position:relative; width:880px; background:url(../images/ba_bg_arrow.png) right 12px top no-repeat,url(../images/ba_bg.jpg); border:solid 1px #fff; border-radius:6px; box-shadow:0 3px 7px rgba(0,0,0,0.2); margin:60px auto 0; }
.ba .point{ position:absolute; top:-40px; left:-25px; }
.ba h3{ text-align:center; padding:20px 0; }
.ba .inner{ width:840px; border:solid 1px #fff; padding:20px 30px; margin:0 auto 20px; }
.ba:nth-of-type(1) .inner{ background:#fafafa url(../images/ba_pic1.png) no-repeat; }
.ba:nth-of-type(2) .inner{ background:#fafafa url(../images/ba_picadd1.png) no-repeat; }
.ba:nth-of-type(3) .inner{ background:#fafafa url(../images/ba_pic2.png) no-repeat; }
.ba:nth-of-type(4) .inner{ background:#fafafa url(../images/ba_picadd2.png) no-repeat; }
.ba:nth-of-type(5) .inner{ background:#fafafa url(../images/ba_pic3.png) no-repeat; }
.ba:nth-of-type(6) .inner{ background:#fafafa url(../images/ba_picadd3.png) no-repeat; }
.ba:nth-of-type(7) .inner{ background:#fafafa url(../images/ba_pic4.png) no-repeat; }
.ba:nth-of-type(8) .inner{ background:#fafafa url(../images/ba_pic5.png) no-repeat; }
.ba:nth-of-type(9) .inner{ background:#fafafa url(../images/ba_pic6.png) no-repeat; }

/* tokucho */
.tokucho:not(:first-child){ margin-top:30px; }
.tokucho{ position:relative; width:880px; background:#282329 url(../images/tokucho_bg.jpg) center top no-repeat; border:solid 2px #efe8c3; border-radius:6px; box-shadow:0 3px 7px rgba(0,0,0,0.2); margin:0 auto; }
.tokucho .point{ position:absolute; top:-3px; left:25px; }
.tokucho h3{ padding:20px 0 20px 205px; }
.tokucho .inner{ width:840px; padding:20px 30px; margin:0 auto 20px; }
.tokucho .inner p{ margin:0 0 30px; }
.tokucho .inner p:last-child{ margin:0; }
.tokucho:nth-of-type(1) .inner{ background:#fff url(../images/tokucho_pic1.png) no-repeat; }
.tokucho:nth-of-type(2) .inner{ background:#fff url(../images/tokucho_pic2.png) no-repeat; }
.tokucho:nth-of-type(3) .inner{ background:#fff url(../images/tokucho_pic3.png) no-repeat; }
.tokucho:nth-of-type(4) .inner{ background:#fff url(../images/tokucho_pic4.png) no-repeat; }
.tokucho:nth-of-type(5) .inner{ background:#fff url(../images/tokucho_pic5.png) no-repeat; }
.tokucho:nth-of-type(6) .inner{ background:#fff url(../images/tokucho_pic6.png) no-repeat; }
.tokucho:nth-of-type(7) .inner{ background:#fff url(../images/tokucho_pic7.png) no-repeat; }

/* step */
.step{ width:890px; margin:0 auto; }
.step .inner{ width:850px; padding:20px 30px; margin:0 auto; }
.step .inner p{ margin:0 0 30px; }
.step .inner p:last-child{ margin:0; }
.step1{ background:url(../images/step1_bg.jpg) repeat-y; }
.step2{ background:url(../images/step2_bg.jpg) repeat-y; }
.step3{ background:url(../images/step3_bg.jpg) repeat-y; }
.step1 .inner{ background:#fff url(../images/step1_pic.png) no-repeat; }
.step2 .inner{ background:#fff url(../images/step2_pic.png) no-repeat; }
.step3 .inner{ background:#fff url(../images/step3_pic.png) no-repeat; }

/* study */
.study{ width:890px; margin:30px auto 0; }
.study .inner{ background:url(../images/study_bg.jpg) repeat-y; padding:10px 0 20px; margin:0 auto; }
.study .inner h3{ margin-bottom:20px; }
.study .inner p:last-child{ margin-bottom:0; }
.study .inner .pic{ float:right; margin:0 40px 20px 20px; }

/* tokuten */
.tokuten:not(:first-child){ margin-top:30px; }
.tokuten{ position:relative; width:880px; background:#a9070d url(../images/tokuten_bg.jpg) center top no-repeat; border:solid 2px #efe8c3; border-radius:6px; box-shadow:0 3px 7px rgba(0,0,0,0.2); margin:0 auto; }
.tokuten .point{ position:absolute; top:18px; left:-17px; }
.tokuten h3{ padding:20px 0 20px 215px; }
.tokuten .inner{ width:840px; background-color:#fff; padding:20px; margin:0 auto 20px; }
.tokuten .inner p{ margin:0 0 30px; }
.tokuten .inner p:last-child{ margin:0; }
.tokuten .inner .pic{ float:right; margin:0 0 20px 20px; }

.tokuten.sp{ background:#ebdda1 url(../images/tokuten_sp_bg.jpg) center top no-repeat; }
.tokuten.sp h3{ padding:40px 0 40px 215px; }

.tokuten.pr{ background:#29241b url(../images/tokuten_pr_bg.jpg) center top no-repeat; }
.tokuten.pr h3{ padding:40px 0 40px 300px; }

.sectiont h2{ margin-left: 7px; text-align: left; }
.sectiont table{ margin: 0 auto; width:800px; }
.sectiont table tbody .ppl{ background-color:#dfd7aa; }
.sectiont table tbody .ppl2{ background-color:#f5f0e8; }
.sectiont table tbody{ border: 1px solid #fff; }
.sectiont table tbody th{ text-align: center; color: #2d281c; padding: 15px 10px; border: 1px solid #fff; font-size:16px; font-weight:bold;  }
.sectiont table tbody td{ text-align: center; border-right: dotted 1px #ccc; font-size:16px; padding: 8px 10px;}
.sectiont table tbody td img{ margin: 10px 0; }

/* msg */
.msg{ width:910px; background:url(../images/msg_pic1.png) right 50px top 30px no-repeat,url(../images/msg_pic2.png) right 30px top 1950px no-repeat,url(../images/msg_pic3.png) right top 1450px no-repeat,url(../images/msg_top.png) left top no-repeat,url(../images/msg_bottom.png) left bottom no-repeat,url(../images/msg_bg.png) repeat-y; padding:40px 0 10px; margin:0 auto 30px; }

/* qa */
.qa:not(:first-child){ margin-top:30px; }
.qa{ position:relative; width:880px; background:url(../images/qa_bg.png); border:solid 2px #e0d8c5; border-radius:6px; box-shadow:0 3px 7px rgba(0,0,0,0.2); margin:0 auto; }
.qa p{ margin:0; }
.qa .q{ color:#673e00; font-weight:bold; background:url(../images/qa_q.png) 35px 8px no-repeat; padding:16px 40px 15px 95px; }
.qa .a{ background:url(../images/qa_a.png) left top no-repeat; padding:8px 0 8px 60px; margin:0 7px; }
.qa .inner{ width:840px; background-color:#fff; padding:10px; margin:0 auto 20px; }

.kiyaku table{ border-collapse:separate; border-spacing:1px; background-color:#cdcdcd; line-height:2; font-size:12px; width:860px; margin:0 auto 10px; }
.kiyaku table th , table td{ border:1px solid #fff; padding:10px 10px 7px; }
.kiyaku table th{ font-weight:bold; background-color:#cdcdcd; width:22%; vertical-align:middle; }
.kiyaku table td{ background-color:#fff; }
.kiyaku table ol{ margin-left:20px; }

.sectionvoice img{margin-left: 138px;}
.sectionvoice .movie-l{ width:732px; height:451px; background:url(../images/intro_movie_bg_l.png) no-repeat; padding-top:42px; margin:0 auto 30px; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ background-color:#292319; border-top:solid 2px #f3ecbf; box-shadow:0px 0px 20px rgba(0,0,0,0.4); text-align:center; padding:20px 0; }
.footer .link{ font-size:12px; color:#fff; margin-bottom:20px; }
.footer .link a{ color:#fff; }
.footer .link a:hover{ opacity:0.8; }