/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

*{
box-sizing:border-box;
}
html, body {
height:100%;
}
body{
color:#333;
font-size:16px;
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
-webkit-text-size-adjust: 100%;
}

a{
text-decoration:none;
opacity:1;
color:#333;
}
a,a:hover {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
a img:hover {
-moz-opacity:0.5;
opacity:0.5;
}
a:hover{
opacity:0.4;
cursor:pointer;
}
p,dt,dd,li,td,th,div{
line-height:1;
}
img{
vertical-align:bottom;
}

a.tel,
a.tel img{
opacity:1;
cursor:default;
}


/*====================================================
LAYOUT
====================================================*/
.w1080{
position:relative;
width:1080px;
margin:0 auto;
}
.w900{
position:relative;
width:900px;
margin:0 auto;
}
.w870{
position:relative;
width:870px;
margin:0 auto;
}
.w720{
position:relative;
width:720px;
margin:0 auto;
}

.w600{
position:relative;
width:600px;
margin:0 auto;
}
.w580{
position:relative;
width:580px;
margin:0 auto;
}


/*====================================================
HEADER
====================================================*/
#header{
padding:1rem 0;
}
#header.sticky{
position:fixed;
width:100%;
z-index:10001;
top:0;
background:#ffffff;
box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}
#nav{
margin-right:1rem;
}
#nav ul{
float:right;
}
#nav ul li{
float:left;
margin-left:0.5rem;
}
#nav ul li a{
display:block;
color:#fff;
padding:0.7rem 0.8rem;
}
#nav ul li.n1 a{
background:#001464;
border:1px solid #001464;
border-radius:5px;
}
#nav ul li.n2 a{
background:#f08c00;
border:1px solid #f08c00;
border-radius:5px;
}
#nav ul li.n3 a{
color:#666666;
border:1px solid #666666;
}



.breadcrumb{
background:#001450;
padding:1.0rem 0;
}
.breadcrumb ul li{
float:left;
margin-right:0.8rem;
}
.breadcrumb ul li a,
.breadcrumb ul li{
color:#fff;
font-size:12px;
}
.breadcrumb ul li a:after{
content:'　>'
}


/*====================================================
SPNAVI
====================================================*/

#sp-btn{
display: inline-block;
position: relative;
width: 61px;
height: 60px;
background:#001464;
top:0;
right:10px;
float:right;
}
#sp-btn:hover{
}
#sp-btn-icon{
display: block;
position: absolute;
top: 45%;
left: 8px;
width: 45px;
height: 5px;
background: #ffffff;
transition: .2s;
}
#sp-btn-icon:before, #sp-btn-icon:after{
display: block;
content: "";
position: absolute;
top: 45%;
left: 0;
width: 45px;
height: 5px;
background: #ffffff;
transition: .3s;
}
#sp-btn-icon:before{
margin-top: -20px;
}
#sp-btn-icon:after{
margin-top: 15px;
}
#sp-btn .close{
background: transparent;
}
#sp-btn .close:before, #sp-btn .close:after{
margin-top: 0;
}
#sp-btn .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#sp-btn .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}

/*====================================================
MAIN
====================================================*/
#main{
}
.topbtn{
padding:1.5rem 0;
}
.topbtn li{
text-align:center;
}
.topbtn li a{
font-size:26px;
font-weight:bold;
display:block;
color:#fff;
background:#008cbd;
border-radius:3rem;
padding:1rem;
}
.topbtn li:first-child{
float:left;
width:44%;
}
.topbtn li:last-child{
float:right;
width:55%;
}
.topbtn li:last-child a{
background:#ff6478;
}
.topbtn .arrow{
display:block;
width:100%;
background:url("../img/arrow.png") no-repeat right center;
}


.section1{
background:#f3f3f3;
padding:5rem 0 0 0;
}
.w1162{
width:1162px;
margin:0 auto;
padding-bottom:5rem;
position:relative;
}
.notebook{
width:660px;
margin:0 auto;
padding:40px;
background:url("../img/bg_note.png");
position:relative;
z-index:1;
}
.notebook li{
border-bottom:1px solid #dddddd;
background:url("../img/check.png") no-repeat left top;
padding:0 0 1.3rem 70px;
margin-bottom:1.8rem;
}
.notebook li:last-child{
border:none;
padding-bottom:0;
margin:0;
}
.notebook li p{
margin-bottom:0.5rem;
font-size:20px;
line-height:30px;
}
.w1162 .person1{
position:absolute;
right:0;
bottom:0;
z-index:11
}
.w1162 .person2{
position:absolute;
left:0;
bottom:0;
z-index:11;
}
.section2{
padding:6rem 0;
}
.section3{
padding:6rem 0;
background:#e6f1f4;
}
section h1.h1{
color:#001464;
font-size:32px;
text-align:center;
line-height:1.1;
font-weight:bold;
padding-bottom:0.5rem;
margin-bottom:1rem;
background:url("../img/ln1.png") no-repeat bottom center;
}
section h1.ln2{
background:url("../img/ln2.png") no-repeat bottom center;
}
section h1.ln3{
color:#ffffff;
background:url("../img/ln3.png") no-repeat bottom center;
}
section h1.ln4{
background:url("../img/ln4.png") no-repeat bottom center;
}

.review{
padding:2rem 0;
border-bottom:1px solid #dddddd;
}
.review:last-child{
border:none;
padding-bottom:0;
}
.review .rev_l{
float:left;
width:380px;
text-align:center;
}
.review .rev_r{
float:right;
width:700px;
}
.review .rev_l img{
width:240px;
height:auto;
}
.review .rev_r h2{
font-size:30px;
font-family:serif;
font-weight:bold;
color:#008cbd;
}
.review .rev_r p{
line-height:1.8;
}
.review .rev_r p.pinfo{
color:#333333;
padding:1rem 0;
line-height:1.5;
font-weight:bold;
}
.section4{
padding:6rem 0;
background:#f3f3f3;
}
.elearning{
background:#ffffff;
border:5px solid #001464;
padding:1.5rem;
margin-bottom:2rem;
}
.elearning .el_l{
float:left;
width:22%;
}
.elearning .el_r{
float:right;
width:70%;
line-height:1.7;
}
.elearning h2{
color:#001464;
font-size:20px;
font-weight:bold;
margin-bottom:0.3rem;
}
.bg_blue{
color:#ffffff;
background:#008cbd;
padding:1rem;
text-align:center;
font-size:20px;
}
.bg_blue2 .br,
.bg_blue .br{
display:block;
}

.bg_blue2{
color:#ffffff;
background:#001450;
padding:1rem;
text-align:center;
font-size:24px;
position:relative;
line-height:1.5;
margin-bottom:20px;
}
.bg_blue2:after {
border: 20px solid transparent;
border-top-color: #001450;
border-bottom-width: 0;
bottom: -19px;
content: "";
display: block;
left: 50%;
position: absolute;
width: 0;
}

.section5{
padding:6rem 0;
background:#fafafa;
}
.box_blue{
border:2px solid #001450;
padding:1.5rem;
}
.box_blue ul li{
margin-bottom:1.5rem;
background:#ffffff;
border-left:2px solid #008cbd;
padding:1rem 1rem 1rem 1.5rem;
}
.box_blue ul li:last-child{
margin-bottom:0;
}

.btn2 li{
float:left;
width:49.5%;
margin-left:1%;
}
.btn2 li .arrow2{
background:url("../img/arrow2.png") no-repeat bottom center;
display:block;
padding-bottom:1rem;
}
.btn2 li:first-child{
margin:0;
}
.btn2 li a{
display:block;
padding:1rem 1rem 0.7rem 1rem;
border-radius:5px;
color:#ffffff;
text-align:center;
}
.btn2 li:first-child a{
background:#ff6478;
}
.btn2 li:last-child a{
background:#f08c00;
}


.section6{
padding:6rem 0;
background:url("../img/copy2_bg.jpg") no-repeat;
background-size:cover;
}


.section7{
padding:6rem 0;
background:#e6f1f4;
}
.section7 h2{
color:#008cbd;
border:1px solid #008cbd;
background:#fff;
padding:0.5rem;
text-align:center;
font-size:30px;
margin-top:3rem;
font-family:serif;
font-weight:bold;
}
.section7 h2 .small{
color:#333333;
font-size:20px;
display:block;
line-height:1.5;
}
.course{
width:100%;
}
.course th,
.course td{
padding:0.5rem 1rem;
font-size:20px;
}
.course th{
color:#ffffff;
font-family:serif;
background:#001464;
text-align:center;
border-bottom:1px solid #ffffff;
}
.course td{
color:#001464;
background:#ffffff;
border-bottom:1px solid #e6f1f4;
}
.bg_blue3{
background:#ffffff;
color:#008cbd;
border:2px solid #008cbd;
padding:0.5rem;
font-size:26px;
line-height:1.3;
}
.bg_white{
padding:1rem;
background:#ffffff;
}

.section8{
padding:6rem 0;
background:#fafafa;
}
.section8 h2{
font-weight:bold;
color:#001464;
text-align:center;
}
.section8 h2 .small{
font-size:14px;
display:block;
line-height:1.5;
color:#333333;
}
.col3 ul li{
width:30.6%;
float:left;
margin:0 0 2rem 4.1%;
background:#ffffff;
box-shadow: 2px 2px 4px #cccccc;
padding:1.5rem;
word-break: break-all;
min-height:560px;
}
.col3 ul li:nth-child(3n+1){
margin-left:0;
}

.bg_blue4{
background:#e6f1f4;
color:#001464;
padding:0.5rem;
font-size:20px;
line-height:1.3;
}
.section9{
padding:6rem 0;
background:#ffffff;
}
.section10{
border-top:1px solid #f0f0f0;
padding:6rem 0;
}
dd a,
li a,
p a{
color:#008cbd;
}
dd a.link,
li a.link,
p a.link{
text-decoration:underline;
}
.coupon dl{
border:1px solid #008cbd;
}
.coupon dl dd,
.coupon dl dt{
text-align:center;
padding:0.5rem;
font-size:35px;
font-weight:bold;
line-height:1.3;
}
.coupon dl dt{
color:#008cbd;
}
.coupon dl dd{
background:#008cbd;
color:#fff;
}

.ul_link{
text-align:center;
}
.ul_link li{
display:inline;
margin-left:1rem;
}
.ul_link li:first-child{
margin-left:0;
}
.bg_gray{
background:#f3f3f3;
font-weight:bold;
padding:1rem 1.5rem;
}
.btn a{
font-size:35px;
font-weight:bold;
display:block;
text-align:center;
color:#fff;
background:#ff6478;
border-radius:3rem;
padding:1.2rem 1.5rem;
}
.btn.btn2 a{
background:#f08c00;
}
.btn .arrow{
display:block;
width:100%;
background:url("../img/arrow3.png") no-repeat right center;
}
.section11{
background:#008cbd;
padding:6rem 0;
}
.form dt,
.form dd{
width:100%;
display:block;
}
.form dt{
color:#ffffff;
padding:0 0 0.5rem 0;
}
.form dt .req{
font-size:14px;
color:#ffffff;
padding:0 0.5rem;
border-radius:5px;
background:#dc0000;
}
.form dd{
padding:0 0 1.2rem 0;
}
.form dd input,
.form dd textarea{
width:100%;
padding:0.7rem;
border-radius:5px;
border:1px solid #cccccc;
}
.form dd textarea{
height:200px;
}
.form dd textarea::placeholder,
.form dd input::placeholder {
color:#cccccc;
}

.section12{
padding:6rem 0;
}
.bg_info{
background:url("../img/bg_info.png") no-repeat left center;
background-size:contain;
height:40px;
padding:0.8rem 0 0.5rem 4rem;
}

.info dt{
color:#b40000;
font-size:20px;
font-weight:bold;
margin-bottom:0.5rem;
}
.info dd{
font-size:14px;
padding:0 0 0 1.5rem;
background:url("../img/arrow4.png") no-repeat 0px 3px;
background-size:15px 15px;
margin-bottom:1rem;
line-height:1.5;
}
.info dd a{
font-size:16px;
}
.company{
width:100%;
margin-top:2rem;
}
.company th,
.company td{
line-height:1.3;
padding:0.7rem;
}
.company th{
text-align:center;
}
.company tr:nth-child(odd){
background:#f3f3f3;
}
.bg_blue4{
padding:1rem;
}
#pagetop{
width:60px;
display:none;
position:fixed;
right:1rem;
bottom:1rem;
z-index:100000;
}
#spbtn{
position:fixed;
bottom:0;
width:100%;
z-index:10001;
}
#spbtn ul li{
width:50%;
float:left;
}
#spbtn ul li a{
display:block;
padding:1.2rem;
background:#008cbd;
color:#ffffff;
font-weight:bold;
text-align:center;
font-size:30px;
}
#spbtn ul li a:hover{
opacity:1;
}
#spbtn ul li:first-child a{
background:#f08c00;
}
#spbtn ul li a .arrow{
display:block;
width:100%;
background:url("../img/arrow5.png") no-repeat right center;
}

#bg_submit{
border:none;
width:100%;
font-size:35px;
font-weight:bold;
display:block;
text-align:center;
color:#fff;
border-radius:3rem;
line-height:1;
padding:1.2rem 1.5rem;
background:url("../img/bg_submit.png") no-repeat right center;
}
#bg_submit:hover{
opacity:0.7;
cursor:pointer;
}

/*====================================================
FOOTER
====================================================*/
#footer{
background:#001450;
padding:1rem 0;
color:#ffffff;
}
#footer .cr{
font-size:12px;
}

/*====================================================
BASE
====================================================*/
.ctr{text-align:center;}
.bold{font-weight:bold;}
.mb1{margin-bottom:1rem;}
.mb2{margin-bottom:2rem;}
.mb3{margin-bottom:3rem;}
.mb4{margin-bottom:4rem;}
.mb5{margin-bottom:5rem;}
.mt1{margin-top:1rem;}
.mt2{margin-top:2rem;}
.mt3{margin-top:3rem;}
.pb1{padding-bottom:1rem;}
.pt2{padding-top:2rem;}
.red{color:#cc0000;}
.green{color:#50a000;}
.orange{color:#f08c00;}
.white{color:#ffffff;}
.clb{color:#008cbd;}
.big{font-size:130%;}
.txt{line-height:1.7;}
.txtlt{text-align:left;}
.txtgt{text-align:right;}
.txtctr{text-align:center;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt17{font-size:17px;}
.txt20{font-size:20px;}
.ls-1{letter-spacing:-1px;}

.sp{display:none;}
.pc{display:block;}

.ybg{background: linear-gradient(transparent 60%, #fffa00 70%);}


/*====================================================
IMG100
====================================================*/
.newsbox img,
.img100 img,
.img100{
width:100%;
height:auto;
}


/*====================================================
AFTER
====================================================*/
.cl:after,
.breadcrumb:after,
.w1080:after,
.w980:after,
.clearfix:after,
#main:after,
#navigation:after,
#footer:after,
#header:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}





/*====================================================
MEDIA QUERY
====================================================*/

@media screen and (max-width: 1180px) {

.w1162{
width:100%;
}
.w1080{
width:90%;
}
.w960{
width:100%;
margin:0 auto;
}
.sp{display:block;}
.pc{display:none;}
#header{
padding:10px 0;
}
#nav{
position:absolute;
top:80px;
width:100%;
z-index:100;
}
#nav ul li a{
padding:1.3rem;
}
#nav ul li,
#nav ul{
float:none;
margin:0;
text-align:center;
}

.company th,
.company td,
.form dt,
.form dd,
.section11 .link,
.section10 .link,
.section8 h2,
.btn2 li .arrow2,
p.txt,
.review .rev_r p,
.review .rev_r p.pinfo,
.elearning p,
#nav ul li a{
font-size:24px;
}
#nav ul li.n2 a,
#nav ul li.n1 a{
border:none;
border-radius:0;
}
#nav ul li.n3 a{
border-left:0;
border-right:0;
background:#ffffff;
}
.topbtn li:first-child,
.topbtn li:last-child{
width:100%;
}
.topbtn li:first-child{
margin-bottom:1.5rem;
}
.topbtn li:first-child a,
.topbtn li:last-child a{
font-size:39px;
padding:1.5rem;
}
.topbtn .arrow{
background: url("../img/arrow-sp.png") no-repeat right center;
}
.notebook li p{
line-height:1.5;
}
.notebook{
width:90%;
padding-bottom:560px;
}
.w1162 .person1{
right:5%;
bottom:5.0rem;
}
.w1162 .person2{
left:5%;
bottom:5.0rem;
}
.ybg {
background: linear-gradient(transparent 70%, #fffa00 20%);
}
section h1.h1{
font-size:48px;
line-height:1.2;
padding-bottom:1rem;
background: url("../img/ln1-sp.png") no-repeat bottom center;
}
section h1.ln2-sp{
background: url("../img/ln2-sp.png") no-repeat bottom center;
}
.review .rev_r,
.review .rev_l{
float:none;
width:100%;
margin:0 auto 2rem auto;
}
.review .rev_r h2{
font-size:40px;
margin-bottom:1rem;
}

.w90p,
.elearning{
width:90%;
margin:0 auto;
}
.elearning{
margin-bottom:2rem;
}
.elearning .el_l,
.elearning .el_r{
width:100%;
}
.elearning .el_l img{
width:400px;
display:block;
margin:0 auto 2rem auto;
}
#bg_submit,
.notebook li p,
.bg_blue4 p.txt,
.section7 h2 .small,
.course td,
.course th,
.bg_blue2,
p.bg_blue.txt,
.elearning h2{
font-size:30px;
}
.bg_blue2,
.bg_blue{
padding:1rem 1.5rem;
text-align:left;
}
.bg_blue2 .br,
.bg_blue .br{
display:inline;
}
.btn2 li{
margin-left:2%;
width:49%;
}
.btn2 li a{
min-height:105px;
line-height:1.2;
}
.btn2 li:first-child{
margin-left:0;
}
.btn2 li:first-child .arrow2{
padding:10px 0 2.1rem 0;
}
.spbr{
display:block;
}
.section6{
background: url("../img/copy2_bg-sp.jpg") no-repeat;
background-size: cover;
}
.section7 h2{
font-size:45px;
padding:0.7rem;
}
.course th{
white-space:nowrap;
}
.course th,
.course td{
padding:0.7rem 1rem;
line-height:1.3;
}
.bg_blue3{
font-size:40px;
padding:0.7rem;
}
.col3 ul li{
width:100%;
float:none;
margin:0 0 2rem 0;
padding:2rem;
}
.col3 ul li img{
width:420px;
margin:1.5rem auto;
display:block;
}
.section8 h2 .small{
font-size:21px;
}
section h1.ln3{
background: url("../img/ln3-sp.png") no-repeat bottom center;
}
.form dt .req{
font-size:18px;
}
.bg_info{
font-size:28px;
height:70px;
background: url("../img/bg_info.png") no-repeat left center;
background-size:cover;
padding: 1.5rem 0 0.5rem 6rem;
margin-bottom:2rem;
}
.info dt{
font-size:36px;
margin-bottom:1rem;
}
.info dd{
padding: 0 0 0 2.6rem;
font-size:24px;
margin-bottom:2rem;
background: url("../img/arrow4-sp.png") no-repeat 0px 6px;
}
.info dd a{
font-size:28px;
}

.company th,
.company td{
padding:1rem;
}
#footer{
margin-bottom:68px;
}
#footer .cr{
font-size:18px;
}
#pagetop{
bottom:5rem;
width:80px;
}
}

@media screen and (max-width: 920px) {
.w900,
.w870{
width:90%;
}
}
@media screen and (max-width: 840px) {
.w720 .w600,
.w720{
width:90%;
}


}
@media screen and (max-width: 720px) {
.notebook{
padding-bottom:540px;
}
.info dt,
.section7 h2,
.bg_blue3,
.review .rev_r h2,
section h1.h1,
.topbtn li:first-child a,
.topbtn li:last-child a{
font-size:30px;
}
#bg_submit,
.info dd a,
.btn a,
.notebook li p,
.bg_blue4 p.txt,
.section7 h2 .small,
.course td,
.course th,
.bg_blue2,
p.bg_blue.txt,
.elearning h2,
#spbtn ul li a{
font-size:24px;
}
.info dd,
.company th,
.company td,
.form dt,
.form dd,
.section11 .link,
.section10 .link,
.section8 h2,
.btn2 li .arrow2,
p.txt,
.review .rev_r p,
.review .rev_r p.pinfo,
.elearning p,
#nav ul li a{
font-size:18px;
}
.w1162 .person1{
width:40%;
}
.w1162 .person2{
width:38%;
}
.w1162 .person2 img,
.w1162 .person1 img{
width:100%;
height:auto;
}

}

@media screen and (max-width: 620px) {
.w600{
width:100%;
}
.notebook{
padding-bottom:440px;
}
}
@media screen and (max-width: 600px) {
.w580{
width:100%;
}
.elearning .el_l img{
width:100%;
}
.notebook{
padding-bottom:400px;
}
#spbtn ul li a{
font-size:16px;
}
#bg_submit,
.btn a{
font-size:21px;
}

}