@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.jpg) repeat-y center top; 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:#c81a4f; font-weight:bold; font-size:18px; }
.tcR2{ color:#c81a4f; font-weight:bold; font-size:30px; }
.tcB{ color:#1c60a4; font-weight:bold; font-size:18px;}
.tcY{ color:#a47e16; font-weight:bold; font-size:18px; }

.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; }
.smt70{ margin-top:70px; }

.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; }
.smt-60{margin-top: -60px;}

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

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


/* 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.jpg) no-repeat center top; }
.header .logo_l{ position:absolute; left:-140px; top:0; }
.header .logo_r{ position:absolute; right:-120px; 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 .catch01{ margin-top: -10px; }
.header .catch02{ margin-top: 70px;; }
.header .title{ padding: 138px 0 0 1px; }
.header .keyword{ margin: 36px 0 0 -6px; }


/* 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; margin-left: 1px; }
.contents h2{ background:url(../images/section_title.png) no-repeat center;  text-align:center; margin-bottom:20px; height:385px; display: flex; justify-content: center; align-items: center; }

.section4.wrap{width: inherit; }


/* intro */
.intro{ text-align:center; }
.intro .movie-l{ width:935px; height:597px; background:url(../images/movie_bg.png) no-repeat; padding:129px 0 0 4px; 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,.section19 .pic{ float:right; margin:0 40px 20px 20px; }


/* .step */
.step{ text-align:center; background:url(../images/sec2_bg.png) top center; }
.step .point{ position:absolute; top:-40px; left:-25px; }
.step h3{ text-align:center; padding:20px 0; }

.step .outer1{ background:url(../images/sec2_1_1_img.png) no-repeat right 15px top 30%, url(../images/sec2_1_2_img.png) no-repeat right 15px top 0%, url(../images/sec2_1_3_img.png) no-repeat right 15px bottom 10%  ; }
.step .outer2{ background:url(../images/sec2_2_1_img.png) no-repeat right 15px bottom 0%, url(../images/sec2_2_2_img.png) no-repeat right 15px top 30% ; }
.step .outer3{ background:url(../images/sec2_3_1_img.png) no-repeat right 15px top 0% , url(../images/sec2_3_2_img.png) no-repeat right 15px top 38%, url(../images/sec2_3_3_img.png) no-repeat right 15px bottom ; }

.tokucho .outer1{ background:url(../images/sec3_toku1_img.png) no-repeat right 7px top 110%; }
.tokucho .outer2{ background:url(../images/sec3_toku2_img.png) no-repeat right 7px bottom ; }
.tokucho .outer3{ background:url(../images/sec3_toku3_img.png) no-repeat right 7px top 0%; }
.tokucho .outer4{ background:url(../images/sec3_toku4_img.png) no-repeat right 7px top 110%; }
.tokucho .outer5{ background:url(../images/sec3_toku5_img.png) no-repeat right 7px top 100%; }


/* .tokuten */
.tokuten{ text-align:center; background:url(../images/tokuten_bg.png) top center; }
.tokuten_bg_btm{ text-align:center; margin-bottom: 30px; }
.tokuten .box{ background:#FFFFFF; border: solid 1px #a49758; width:760px; margin: 10px auto; padding-top: 30px; text-align: center; font-size:14px; }
.tokuten p{margin-left: 50px;}


/* tokucho */
.tokucho{ width:976px; background:url(../images/sec3_toku_bg_top.jpg) center top no-repeat, url(../images/sec3_toku_bg.jpg) repeat-y top center;  margin:60px auto 0; }
.tokucho .point{ position:absolute; top:-3px; left:25px; }
.tokucho h3{ margin: -40px 0 0 -31px; }
.tokucho .inner{ width:840px; padding:20px 0px; margin:0 auto 0px; }
.tokucho .inner p{ margin:0 0 30px; }
.tokucho .inner p:last-child{ margin:0; }
.tokucho_bg_btm{ text-align:center; margin: -1px 0 80px; }

/*.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:1000px; margin:40px auto 0; }
.step h3 img{ margin-top: -46px; }
.step .inner{ width:850px; padding:20px 0px 50px; margin:0 auto; text-align: left; }
.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; }
.step_bg_btm{ text-align:center; }

.bgwrap{ width:1098px; margin:0 auto; position:relative; }

.section9{ background:url(../images/sec9_img.png) no-repeat right 0px top;}

.section10{ background:url(../images/sec10_img2.png) no-repeat right 0px center;}


/* 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; }


/* 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; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ background-color:#292319; border-top:solid 2px #f3ecbf; 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; }