@charset "UTF-8";
/* reset.css ------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
img{ border:0;vertical-align:bottom}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
/* module.css ------------------ */
.clearfix{zoom:1;}.clearfix:after{content:"";clear:both;display:block;}
.tal{text-align:left!important}.tac{text-align:center!important}.tar{text-align:right!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}
/* base_form.css ------------------ */
body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','Osaka','ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size:12px;font-size:.75rem;line-height:1.5;-webkit-text-size-adjust:100%;color:#3d3d3d}
a{text-decoration:none;color:#2c6cd6;outline:none}
a:hover{text-decoration:underline}
.boxShadow{width:100%;height:17px;background:url(/images/common/boxshadow_pc.png) 0 bottom no-repeat;background-size:100%}
.inputLong input[type="text"]{width:325px;padding:6px}
.inputMiddle input[type="text"]{width:170px;padding:6px}
.inputHalf input[type="text"]{width:100px;padding:6px}
.inputHalf .line{vertical-align:middle}
.inputHalf .btn_address{display:inline-block;margin-left:15px}
.txS{margin-top:10px;display:block;font-size:12px;font-size:.75rem}
select{width:222px;padding:6px 12px;box-sizing:border-box;border:1px solid #d0cfcd;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;cursor:pointer}
select::-ms-expand{display:none}
.ie9 select{background:#fff !important}
.selectLong,.formTable #req1sc_td select,.formTable #hope_td select{width:450px}
.is_active{background:url(/images/pc/radio_on.png) 0 center no-repeat !important}
.is_activeCheck{background:url(/images/pc/check_on.png) 0 center no-repeat !important}
.is_activeCheckP{background:url(/images/pc/check_on.png) 20px center no-repeat !important}
/*l-header
---------------------------------------------------------------------------- */
.l-header{width:100%;padding-bottom:10px;top:0;left:0;background:#3ab4c1;z-index:9000}
.l-headerInner{width:1080px;margin:0 auto}
.h1Tx{padding:7px 0 0;color:#fff;font-size:10px;font-size:.625rem}
.logo{display:inline-block;padding:12px 0 2px;box-sizing:border-box}
.headerBox{display:flex;justify-content:space-between;width:1080px}
.headerLeft{width:300px}
.headerRight{width:340px}
.headerRight li{display:inline-block}
.headerRight li:not(:first-of-type){margin-left:11px}
.l-snsAreaHeader{width:170px;position:absolute;top:35px;left:305px}
.l-snsAreaHeader .l-snsAreaHeader-list li{display:inline-block;vertical-align:top}
.inlineBlock{display:none !important}
.snsArea .snsArea-fb{position:absolute;bottom:0;right:70px;display:inline-block}
.snsArea .snsArea-twt{position:absolute;bottom:0;right:0;display:inline-block}
._49vh{display:none !important}
.formVisualTop{height:152px;background:url(/images/pc/mv_form.jpg) center 0 no-repeat;overflow:hidden}
.formVisualTop .formVisualTop-inner{width:1080px;margin:0 auto;position:relative}
.formVisualTop .formVisualTop-inner .formVisualTop-tit{position:absolute;top:48px;left:0;color:#2db6c5;font-size:30px;font-size:1.875rem;font-weight:bold}
/* l-topicPath
---------------------------------------------------------------------------- */
.l-topicPath{padding:5px 0 10px}
.l-topicPath-list{display:flex}
.l-topicPath-list li a{color:#3ab4c1;padding-right:4px;text-decoration:underline}
.l-topicPath-list li a:hover{text-decoration:none}
.l-topicPath-list li + li{margin-left:4px}
/* l-content
---------------------------------------------------------------------------- */
.l-pageBody{background:url(/images/common/bg_body.png) 0 0 repeat}
.l-container{width:1080px;margin:0 auto;padding-bottom:100px}
.l-content{padding:10px 65px 40px;background:#fff;border-top:5px solid #6bc7d1}
.l-content + .l-content{margin-top:50px;margin-bottom:0;padding-top:30px}
.flowBox{width:810px;margin:25px auto 30px;display:flex}
.flowBox li{width:280px}
.flowBox li:not(:first-of-type){margin-left:-15px}
.p-tit{font-size:24px;font-size:1.5rem;color:#646047;background:url(/images/lesson/icon_article_tit.png) left center no-repeat;padding:5px 10px 5px 30px;position:relative}
.p-tit:after{content:'';width:100%;height:3px;background:url(/images/lesson/bg_article_tit.jpg) left bottom repeat-x;position:absolute;bottom:-3px;left:0;display:inline-block}
.VaTx{vertical-align:bottom}
.enrollmentArea input[type="text"]{width:90px;padding:6px;height:2.8em}
input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,select:focus,textarea:focus{border:2px solid #ff9800;outline:none}
.err_td_color{background-color:#ffb6c1!important}
.ok_td_color{background-color:#fff!important}
.formErrorContent{color:#ff0000}
.disp_off{display:none!important}
.bg_Req{background-color:#ffb6c1}
.chklst2l{width:280px;float:left}
.chklst3l{width:218px;float:left}
.cBox{}
.lBox{}
.cBox .cBoxItem,.lBox .lBoxItem{margin:0 0 .5rem 0;padding:0}
.cBox label,.lBox label{line-height:135%;position:relative;margin:.5rem;cursor:pointer}
.cBox .cBoxOption,.lBox .lBoxOption{position:relative;margin:0 1rem 0 0;cursor:pointer}
.cBox .cBoxOption:before,.lBox .lBoxOption:before{position:absolute;z-index:1;top:.125rem;left:.1875rem;width:.75rem;height:.375rem;content:'';-webkit-transition:-webkit-transform .4s cubic-bezier(.45,1.8,.5,.75);transition:transform .4s cubic-bezier(.45,1.8,.5,.75);-webkit-transform:rotate(-45deg) scale(0,0);transform:rotate(-45deg) scale(0,0);border:2px solid #da3c41;border-top-style:none;border-right-style:none}
.cBox .cBoxOption:checked:before,.lBox .lBoxOption:checked:before{-webkit-transform:rotate(-45deg) scale(1,1);transform:rotate(-45deg) scale(1,1)}
.cBox .cBoxOption:after,.lBox .lBoxOption:after{position:absolute;top:-.125rem;left:0;width:1rem;height:1rem;content:'';cursor:pointer;border:2px solid #f2f2f2;background:#fff}
.rsex input[type="radio"]{display:none}
.rsex label{display:inline-block;float:left;cursor:pointer;width:60px;margin:0;padding:10px;background:#efefef;font-size:14px;text-align:center;line-height:1}
.rsex label:first-of-type{border-radius:3px 0 0 3px;border-right:#ccc solid 1px}
.rsex label:last-of-type{border-radius:0 3px 3px 0}
.rsex input[type="radio"]:checked + label{background-color:#3ab4c1;color:#fff}
.rhis input[type="radio"]{display:none}
.rhis label{display:inline-block;float:left;cursor:pointer;width:60px;margin:0;padding:10px;background:#efefef;font-size:14px;text-align:center;line-height:1}
.rhis label:first-of-type{border-radius:3px 0 0 3px;border-right:#ccc solid 1px}
.rhis label:last-of-type{border-radius:0 3px 3px 0}
.rhis input[type="radio"]:checked + label{background-color:#3ab4c1;color:#fff}
.rdoui{margin:5px auto;padding:0 0 0 110px}
.rdoui input[type="radio"]{display:none}
.rdoui label{display:inline-block;float:left;cursor:pointer;width:80px;margin:0;padding:10px;background:#efefef;font-size:14px;text-align:center;line-height:1}
.rdoui label:first-of-type{border-radius:3px 0 0 3px;border-right:#ccc solid 1px}
.rdoui label:last-of-type{border-radius:0 3px 3px 0}
.rdoui input[type="radio"]:checked + label{background-color:#3ab4c1;color:#fff}
.cred{color:red}
.ic-req{background-color:#f00;position:relative;padding:.2em .3em .1em;line-height:1;color:#fff;text-align:center;white-space:nowrap;border-radius:.25em;font-weight:normal;font-size:12px;margin-left:5px}
.ic-any{background-color:#ccc;position:relative;padding:.2em .3em .1em;line-height:1;color:#333;text-align:center;white-space:nowrap;border-radius:.25em;font-weight:normal;font-size:12px;margin-left:5px}
.beforeTx{font-size:14px;font-size:0.875rem;margin-bottom:5px}
.beforeTx span img{vertical-align:top}
.beforeTx2{ont-size:14px;font-size:0.875rem;position:relative;bottom:-20px}
.beforeTx2 span img{vertical-align:top}
.formBox-item{padding:10px 15px;border:1px solid #d3d3d3;font-size:14px;font-size:0.875rem}
.formBox-item .formBox-itemBox{margin:10px 0 5px;border:1px solid #d3d3d3}
.formBox-item .formBox-itemBox .formBox-item-tit{width:230px;padding:10px 15px;background:#ff8a18;color:#fff;float:left;font-size:16px;font-size:1rem;box-sizing:border-box}
.formBox-item .formBox-itemBox .formBox-item-inputPamphlet{width:686px;box-sizing:border-box;float:left}
.formBox-item .formBox-itemBox .formBox-item-inputPamphlet label{cursor:pointer;padding:10px 15px 10px 40px;display:block}
.formBox-item-inputPamphlet-inner{background:#fff url(/images/pc/check.png) 20px center no-repeat}
.formTable{width:100%;margin-top:25px;border:1px solid #d3d3d3}
.formTable th{width:186px;padding:10px 5px;box-sizing:border-box;border:1px solid #d3d3d3;vertical-align:middle;font-size:16px;font-size:1rem;font-weight:bold;line-height:1.3em;text-align:left}
.formTable th span{position:relative;top:-2px}
.formTable th .iconReq{margin-left:5px}
.formTable th .iconAny{margin-left:5px}
.formTable .tableLumping{width:60px;padding:0;text-align:center}
.formTable .thSingle{width:245px}
.formTable .blueTit{padding:20px 20px;color:#3ab4c1;background:#f1fafb}
.formTable .thLong{width:245px;line-height:1.5em}
.formTable td{width:705px;padding:10px 20px;border:1px solid #d3d3d3;vertical-align:middle;background:#fff;box-sizing:border-box;font-size:14px;font-size:.875rem}
.formTable td input{box-sizing:border-box;border-radius:3px;border:2px solid #3ab4c1}
.formTable td input:foucus{border:2px solid #3ab4c1}
.formTable td span{margin-left:3px;line-height:1em;vertical-align:bottom}
.checkList li{margin-bottom:3px;background:#fff url(/images/pc/check.png) 0 center no-repeat}
.checkList li label{padding-left:20px;display:block;cursor:pointer}
.p-radio{padding:3px 0;display:inline-block;margin-right:20px;background:#fff url(/images/pc/radio.png) 0 center no-repeat;vertical-align:middle;line-height:1em}
.p-radio label{padding-left:20px;cursor:pointer}
.criteriaList li{margin:0 0 10px 0}
.criteriaList li .criteriaList-tit{margin-right:5px;vertical-align:middle}
.privacyBox .privacyBox-tit{font-size:16px;font-size:1rem;font-weight:bold}
.privacyBox textarea{width:663px;height:120px;padding:15px;margin-top:5px;overflow-y:scroll;box-sizing:border-box;font-size:12px;font-size:.75rem;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','Osaka','ＭＳ Ｐゴシック','MS PGothic',sans-serif;border:2px solid #3ab4c1}
.impressions textarea{width:100%;height:120px;border:2px solid #3ab4c1}
.impressions textarea:focus{border:2px solid #ff9800;outline:none}
.fribox textarea{width:100%;height:70px;border:2px solid #3ab4c1}
.fribox textarea:focus{border:2px solid #ff9800;outline:none}
.agreeBox{width:500px;margin:15px auto 0}
.agreeBox .agreeBox-tit{text-align:center;font-size:16px;font-size:1rem;font-weight:bold}
.agreeBox .agreeBox-radio{width:220px;margin:7px auto 0}
.btn_checkArea{margin-top:25px;text-align:center;font-size:14px;font-size:0.875rem}
.btn_checkArea .btn_checkArea-btn{margin:10px 0}
.btn_checkArea .btn_checkArea-txRed{color:#fe0000}
.btn_checkArea2{width:710px;margin:25px auto 25px}
.btn_checkArea2 .btn_checkArea-btn1{width:303px;float:left;position:relative;top:9px}
.btn_checkArea2 .btn_checkArea-btn2{width:372px;float:right}
.notesBox{margin-top:20px;padding-bottom:20px;font-size:14px;font-size:0.875rem}
.thanksBox{text-align:center;font-size:16px;font-size:1rem}
.thanksBox .thanksBox-btn{margin:20px 0}
.thanksPad{padding-bottom:210px}
.elTx{margin-top:5px;display:block;font-size:12px;font-size:0.75rem;font-weight:normal;line-height:1.3em}
/* l-pagetop
---------------------------------------------------------------------------- */
.l-pagetop{width:180px;height:120px;position:fixed;bottom:0;right:30px;overflow:hidden}
.l-pagetop a{width:80px;display:block;position:absolute;right:0;top:0}
.l-pagetop .l-pagetop-chara{width:105px;position:absolute;left:0;bottom:-195px}
/* l-footer
---------------------------------------------------------------------------- */
.l-footer{padding:25px 0 0;background:#3ab4c1}
.l-footer .l-footer-inner{width:1080px;margin:0 auto}
.btn_contact{padding:0 0 30px;text-align:center}
.l-footer-copy{padding:10px 0;background:#2c929d;text-align:center;color:#84c8cf}
/* sslシール
---------------------------------------------------------------------------- */
.secBox{margin-top:30px;padding:20px 20px;border:13px solid #f3f3f3}
.secBox-norton{}
.secBox-tdb{margin-left:20px}
.secBox-text{width:670px;margin-left:20px;font-size:14px}
.dispib{display:inline-block;vertical-align:middle}
.fBox04{text-align:center;background:#FFE7D7;padding:10px 5px;font-size:16px;font-weight:bold;margin-top:20px;margin-bottom:20px}
.read_txt01{text-align:left;padding-bottom:20px}
.fBox01{text-align:center;padding-bottom:20px;background:#FFE7D7;padding:20px;font-size:136%;font-weight:bold}
.fBox02{margin:15px 0 0 5px;text-align:left;padding-bottom:20px}
.fBox02 dl{margin:0;padding:0}
.fBox02 dd{padding:3px}
.fBox02 .l01{padding:0 0 0 14px}
.red01{color:#ff0000}
.infoF{font-weight:bold;font-size:16px;color:#ff0000;padding-bottom:10px}
.infoF2{font-weight:bold;font-size:16px;color:#ff0000}
.bigF{font-weight:bold;font-size:14px}
.starUl{margin-bottom:20px}
.starUl li{background:url(/images/pc/ico_star.gif) left 4px no-repeat;padding:0 0 5px 12px}
.y_line{background:linear-gradient(transparent 70%, #ffff00 70%)}
.cal-inbox{padding:15px 5px 15px 20px;background:#fffef3}
.cal-inbox-item dt{color:#3ab4c1;font-size:17px;font-size:1.0625rem;font-weight:bold}
.cal-inbox-item dd{margin-top:2px}
.cal-inbox-item dd span{padding:0 2px;font-size:13px;font-size:.8125rem;vertical-align:bottom}
.cal-inbox-item dd select{color:#8c8c8c;padding:8px;border:1px solid #a0a0a0;border-radius:3px;font-size:13px;font-size:0.8125rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;background-image:none}
.cal-inbox-item dd select::-ms-expand{display:none}
.cal-inbox-item dd .selectM{width:94%;background:#f5f5f5 url(/images/common/bg_select.png) right 0 no-repeat;background-size:contain}
.cal-inbox-item dd .selectS{width:27%;padding:5px;background:#f5f5f5 url(/images/common/bg_select_s.png) right 0 no-repeat;background-size:contain}
.cal-inbox-item dd .selectSS{width:21%;padding:5px;background:#f5f5f5 url(/images/common/bg_select_s.png) right 0 no-repeat;background-size:contain}
.cal-inbox-item dd .btn-calendar{cursor:pointer;margin-top:8px}
.cal-inbox .btnSearch{margin-top:12px;padding-left:3px}
.l-content .btn-box{overflow:hidden}
.l-content .btn-box{width:570px;margin:50px auto 5px}
.l-content .btn-box li{position:relative;width:250px;float:left}
.l-content .btn-box li:first-child{float:right}
.l-content .btn-box_notice{width:580px;margin:0 auto;text-align:left;font-size:1.4em}
.l-content .btn-back .btn-radius{padding:12px 0;border-radius:30px;font-size:14px;cursor:pointer;display:block;width:100%;text-align:center; border:1px solid #b3b3b3;font-weight:bold;color:#555555;background:#fcfcfc;background:-moz-linear-gradient(top,#fcfcfc 0%,#ececec 50%,#e9e9e9 51%,#ececec 100%,#e7e7e7 100%);background:-webkit-linear-gradient(top,#fcfcfc 0%,#ececec 50%,#e9e9e9 51%,#ececec 100%,#e7e7e7 100%);background:linear-gradient(to bottom,#fcfcfc 0%,#ececec 50%,#e9e9e9 51%,#ececec 100%,#e7e7e7 100%);background-repeat:no-repeat;background-position:95% center;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#e7e7e7',GradientType=0);text-shadow:1px 2px 3px #fff}
.l-content .btn-confirm span {position:relative;display:inline-block;line-height:1;border:1px solid #e47c37;border-radius:30px}
.l-content .btn-confirm input {position:relative;width:248px;padding:12px 0;border:1px solid #e89a54;border-radius:30px;font-weight:bold;font-size:14px;color:#fff;background:#1e5799;background:-moz-linear-gradient(top,#1e5799 0%,#f0a200 0%,#de6c01 99%);background:-webkit-linear-gradient(top,#1e5799 0%,#f0a200 0%,#de6c01 99%);background:linear-gradient(to bottom,#1e5799 0%,#f0a200 0%,#de6c01 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799',endColorstr='#de6c01',GradientType=0);cursor:pointer}
.l-content .btn-confirm input:hover{opacity:.8}
.selectbox-2{position:relative}
.selectbox-2::before,.selectbox-2::after{position:absolute;content:'';pointer-events:none}
.selectbox-2::before{right:0;display:inline-block;width:2.8em;height:2.8em;border-radius:0 3px 3px 0;background-color:#3ab4c1;content:''}
.selectbox-2::after{position:absolute;top:35%;right:1.5em;transform:translate(50%, -50%) rotate(45deg);width:6px;height:6px;border-bottom:3px solid #fff;border-right:3px solid #fff;content:''}
.selectbox-2 select{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:2.8em;padding:.4em 3.6em .4em .8em;border:2px solid #3ab4c1;border-radius:3px;color:#333;font-size:.875rem;cursor:pointer}
.selectbox-2 select:focus{border:2px solid #ff9800;outline:none}
.prefBtn{background-color:#ffd700;color:#000;border-radius:10px;padding:7px 20px;text-decoration:none;font-size:1em;box-shadow:0 5px 0 #b8860b;position:relative;top:-10px}
.prefBtn:hover{color:#333;opacity:.6}