html{
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
}

section,
nav,
article,
figure,
aside,
header,
footer,
main{
display: block;
}

main{
font-size: 1.6em;
line-height: 200%;
}

body,
h1,
h2,
h3,
ul,
li,
figure{
margin: 0;
padding: 0;
}

section{
overflow:hidden;
clear:both;
}

ul{
list-style-type:none;
}

img{
border: none;
vertical-align: bottom;
}

a{
color:#09d;
}

.other-site{
background-repeat:no-repeat;
}

p{
margin:0;
padding:0 0 1em 0;
}

dt{
margin:0;
padding:0;
}

dd{
margin:0 0 15px 0;
padding:0;
line-height:150%;
}

.roll-over{
opacity: 1.0;
transition: all 0.3s ease;
}

.roll-over:hover{
opacity: 0.75;
}

script+img{
display:none;
}

.wrap{
width:1000px;
margin:auto;
overflow:hidden;
}

.wrap880{
width:880px;
margin:auto;
overflow:hidden;
}

/*文字・見出し*/

#sec-one h1.type1{
text-align:center
}

#sec-one{
overflow:hidden;
padding:80px 0;
}

h1.type1{
font-weight:normal;
font-size:2.4em;
line-height:125%;
padding:0 0 80px 0;
}

h2.type1{
font-weight:normal;
font-size:2em;
line-height:125%;
padding:100px 0 80px 0;
}

h2.type2{
font-weight:normal;
font-size:2em;
line-height:125%;
padding:100px 0 80px 0;
color:#1ab7ea;
}

h3.type1{
font-size:1.7em;
line-height:125%;
padding:80px 0 45px 0;
}

h3.type2{
font-size:1.7em;
line-height:125%;
padding:80px 0 45px 0;
color:#1ab7ea;
}

h3.type3{
font-size:1.4em;
line-height:125%;
background-color:#ebf8ff;
padding:15px 30px;
color:#1ab7ea;
border-radius:4px;
margin-bottom:35px;
}

h3.type4{
font-size:1.4em;
line-height:125%;
background-color:#f8f8f8;
padding:15px 30px;
color:#666;
border-radius:4px;
margin-bottom:35px;
}

.txt-orange{
color:#ffa726;
}

.txt-vermilion{
color:#ef5350;
}

.txt-green{
color:#81c784;
}

.txt-green2{
color:#66bb6a;
}

.txt-blue{
color:#2196f3;
}

.txt-blue2{
color:#03a9f4;
}

.txt-red{
color:#f00;
}

.txt-navy {
color: #279DCF;
}

.txt-black{
color:#333;
}

.txt-bold{
font-weight:bold;
}

.size-s{
font-size:0.8em;
line-height:150%;
}

.size-m{
font-size:1.4em;
}

.size-l{
font-size:1.6em;
}



/*位置*/

.clr{
clear:both;
}

.dis-block{
display:block;
}

.txt-right{
text-align:right;
}

.txt-center{
text-align:center;
}

.pdt0{
padding-top:0;
}

.pdb0{
padding-bottom:0;
}

.pdt30{
padding-top:30px;
}

.pdb30{
padding-bottom:30px;
}

.pdb60{
padding-top:60px;
}

.pdb60{
padding-bottom:60px;
}

.mgt0{
margin-top:0;
}

.mgb0{
margin-bottom:0;
}

.mgt30{
margin-top:30px;
}

.mgb30{
margin-bottom:30px;
}

.mgt60{
margin-top:60px;
}

.mgb60{
margin-bottom:60px;
}


/*画像*/

.img-large{
padding-bottom:35px;
}

.img-right{
float:right;
margin:0 0 35px 30px;
padding:0;
}

.img-left{
float:left;
margin:0 30px 35px 0;
padding:0;
}


.img-large-bg{
background-repeat:repeat-x;
background-position:50% 30px;
padding-top:560px;
}

.img-large-bg h2{
padding-top:0;
}


/*枠*/

.box-type1,.box-type2{
border:solid 1px #dcdcdc;
padding:35px 40px;
overflow:hidden;
margin-bottom:30px;
}

.box-type1 h2,.box-type1 h3,.box-type1 h4,.box-type3 h2,.box-type3 h3,.box-type3 h4{
color:#1ab7ea;
margin:0;
padding:0 0 25px 0;
}

.box-type1 p,.box-type1 ul,.box-type2 p,.box-type2 ul,.box-type3 p,.box-type3 ul,.box-type4 p,.box-type4 ul{
margin-bottom:0;
padding-bottom:0;
}

.box-type2 h2,.box-type2 h3,.box-type2 h4,.box-type4 h2,.box-type4 h3,.box-type4 h4{
color:#666;
margin:0;
padding:0 0 25px 0;
}

.box-type3{
background-color:#ebf8ff;
padding:12px;
margin-bottom:30px;
}

.box-type4{
background-color:#f8f8f8;
padding:12px;
margin-bottom:30px;
}

.box-type3 div,.box-type3 section,.box-type4 div,.box-type4 section{
background-color:#fff;
box-shadow:0 0 3px 0 rgba(0,0,0,0.1);
padding:35px;
}


/*表*/

#sec-one table.type1,#sec-one table.type2{
width:879px;
}

table.type1{
border-top:1px solid #c4e0e9;
border-left:1px solid #c4e0e9;
border-collapse:collapse;
width:749px;
margin:0 0 50px 0;
}

table.type1 th,table.type1 td{
padding:15px;
border-bottom:1px solid #c4e0e9;
border-right:1px solid #c4e0e9;
text-align:left;
}

table.type1 td.txt-right{
text-align:right;
}

table.type1 th{
color:#1ab7ea;
background-color:#ebf8ff;
min-width:109px;
}

table.type1 td.txt-center{
text-align:center;
}

table.type1 td td{
border:none;
padding:2px 40px 2px 0;
}

table.type2{
border-top:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
border-collapse:collapse;
width:749px;
margin:0 0 50px 0;
}

table.type2 th,table.type2 td{
padding:15px;
border-bottom:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
text-align:left;
}

table.type2 td.txt-right{
text-align:right;
}

table.type2 th{
background-color:#f8f8f8;
min-width:109px;
}

table.type2 td.txt-center{
text-align:center;
}

table.type2 td td{
border:none;
padding:2px 40px 2px 0;
}

/*リスト*/

ul.type1,ul.type2,ul.type3,ul.type4,ul.type5,ul.type6{
margin:0 0 30px 0;
padding:0;
}

ul.type1 li{
background-image:url(../images/arrow2.png);
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 20px;
margin:7px 0;
line-height:125%;
}

ul.type2 li{
background-image:url(../images/arrow1.png);
background-repeat:no-repeat;
background-position:5px 8px;
padding:0 0 0 20px;
margin:7px 0;
line-height:125%;
}

ul.type3 li{
background-image:url(../images/arrow3.png);
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 20px;
margin:7px 0;
line-height:125%;
}

ul.type4 li{
background-image:url(../images/arrow4.png);
background-repeat:no-repeat;
background-position:5px 8px;
padding:0 0 0 20px;
margin:7px 0;
line-height:125%;
}

ul.type5 li{
background-image:url(../images/lnavi_sub2.png);
background-repeat:no-repeat;
background-position:0 8px;
padding:0 0 0 20px;
margin:7px 0;
line-height:125%;
}

ul.type6 li{
background-image:url(../images/lnavi_sub.png);
background-repeat:no-repeat;
background-position:0 8px;
padding:0 0 0 20px;
margin:7px 0;
line-height:125%;
}

#sec-one ul.list-2c{
overflow:hidden;
width:880px;
margin:0 auto 30px auto;
}

#sec-one ul.list-2c li{
width:420px;
float:left;
}

#sec-one ul.list-2c li:last-child{
float:right;
}

#sec-one ul.list-3c{
overflow:hidden;
width:880px;
margin:0 auto 30px auto;
}

#sec-one ul.list-3c li{
width:260px;
float:left;
margin-right:50px;
}

#sec-one ul.list-3c li:last-child{
float:right;
margin-right:0;
}

#sec-two ul.list-2c{
overflow:hidden;
width:750px;
margin:0 auto 30px auto;
}

#sec-two ul.list-2c li{
width:350px;
float:left;
}

#sec-two ul.list-2c li:last-child{
float:right;
}


#sec-two ul.list-3c{
overflow:hidden;
width:750px;
margin:0 auto 30px auto;
}

#sec-two ul.list-3c li{
width:220px;
float:left;
margin-right:45px;
}

#sec-two ul.list-3c li:last-child{
float:right;
margin-right:0;
}

#sec-two ul.list-2c img{
width:100%;
}


/*リンクテキスト*/

.txt-link{
background-image:url(../images/arrow2.png);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
display:block;
}

.txt-link2{
text-align:right;
display:block;
}

.txt-link2 span{
background-image:url(../images/arrow2.png);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
display:inline-block;
}

.out-link{
display:inline-block;
background-image:url(../images/out_link.png);
background-position:right 50%;
background-repeat:no-repeat;
padding-right:18px;
}

/*ボタン*/

.btn-orange,.btn-blue,.btn-l-blue,.btn-green,.btn-m-green,.btn-red,.btn-white{
display:block;
line-height:100%;
padding:15px 30px;
width:300px;
text-align:center;
border-radius:50px;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
margin:25px auto;
transition:all ease .3s;
}

.btn-orange{
background-color:#ff9800;
border:2px solid #ff9800;
color:#fff;
}

.btn-orange:hover{
background-color:#fff;
color:#ff9800;
}

.btn-blue{
background-color:#2196f3;
border:2px solid #2196f3;
color:#fff;
}

.btn-blue:hover{
background-color:#fff;
color:#2196f3;
}

.btn-l-blue{
background-color:#1ab7ea;
border:2px solid #1ab7ea;
color:#fff;
}

.btn-l-blue:hover{
background-color:#fff;
color:#1ab7ea;
}

.btn-green{
background-color:#81c784;
border:2px solid #81c784;
color:#fff;
}

.btn-green:hover{
background-color:#fff;
color:#81c784;
}

.btn-m-green{
background-color:#66bb6a;
border:2px solid #66bb6a;
color:#fff;
}

.btn-m-green:hover{
background-color:#fff;
color:#66bb6a;
}

.btn-red{
background-color:#ef5350;
border:2px solid #ef5350;
color:#fff;
}

.btn-red:hover{
background-color:#fff;
color:#ef5350;
}

.btn-white{
background-color:#fff;
border:2px solid #1ab7ea;
color:#1ab7ea;
}

.btn-white:hover{
background-color:#1ab7ea;
color:#fff;
}

/*フィルタ*/

.element-item{
width:490px;
float:left;
background-color:#fff;
margin:0 5px 10px 5px;
box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}

#gr-three .element-item{
width:320px;
}

#gr-three .element-item img{
display:block;
width:320px;
height:auto;
}

#gr-filter .element-item a{
display:block;
text-decoration:none;
color:#222;
}

#gr-filter .grid{
overflow:hidden;
width:1006px;
padding:3px 3px 130px 3px;
}


#st-filter .element-item a{
display:block;
text-decoration:none;
color:#222;
}


/*トップページ*/

body{
font-family:Meiryo,Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
min-width:1000px;
color:#333;
}

header{
width:100%;
background-color:#fff;
position:fixed;
z-index:2;
height:150px;
box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
min-width:1019px;
}

#logo{
float:left;
margin:27px 0 0 30px;
}


#head-snavi{
float:right;
width:714px;
height:87px;
}

#head-snavi ul{
margin:12px 25px 7px 0;
float:right;
}

#head-snavi li{
float:left;
margin:0 0 0 4px;
line-height:100%;
font-size:12px;
}

#head-snavi li:nth-child(-n+3){
padding-top:15px;
}

#head-snavi a{
display:block;
background-image:url(../images/arrow1.png);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 4px 0 7px;
text-decoration:none;
opacity:1.0;
transition: all 0.3s ease;
color:#03a9f4;
}

#head-snavi a:hover{
opacity:0.7;
}

#head-snavi li:nth-child(4) a{
border:2px solid #03a9f4;
border-radius:40px;
height:36px;
color:#03a9f4;
font-weight:bold;
box-sizing:border-box;
padding-top:12px;
font-size:14px;
width:100px;
text-align:center;
background-image:none;
}

#head-snavi li:nth-child(4) a:hover{
color:#fff;
background-color:#03a9f4;
opacity:1;
}

#head-snavi li:nth-child(5) a{
border-radius:40px;
height:36px;
color:#fff;
font-weight:bold;
box-sizing:border-box;
padding-top:12px;
font-size:14px;
width:100px;
text-align:center;
background-image:none;
border:2px solid #03a9f4;
background-color:#03a9f4;
transition:all ease 0.3s;
}

#head-snavi li:nth-child(5) a:hover{
opacity:1;
color:#03a9f4;
border:2px solid #03a9f4;
background-color:#fff;
}

#head-snavi li:nth-child(6) a{
border-radius:40px;
height:36px;
color:#fff;
font-weight:bold;
box-sizing:border-box;
padding-top:12px;
font-size:14px;
width:150px;
text-align:center;
background-image:none;
background-color:#ff9800;
transition:all ease 0.3s;
border:2px solid #ff9800;
}

#head-snavi li:nth-child(6) a:hover{
opacity:1;
color:#ff9800;
border:2px solid #ff9800;
background-color:#fff;
}

#header-fd{
margin:0 25px 0 0;
overflow:hidden;
clear:both;
}

#header-fd span{
display:block;
float:right;
padding-top:5px;
font-size:12px;
height:15px;
line-height:100%;
}

#header-fd .fd-num{
padding: 0 0 0 35px;
color:#03a9f4;
font-size: 20px;
height: 20px;
font-weight: bold;
background-image:url(../images/fd_s.png);
background-repeat:no-repeat;
}

#gnavi{
clear:both;
background-color:#f8f8f8;
}

#gnavi ul{
width:1000px;
margin:auto;
height:60px;
padding:3px 0 0 0;
}

#gnavi li{
width:200px;
float:left;
}

#gnavi a{
display:block;
width:200px;
height:60px;
color:#333;
font-size:16px;
font-weight:bold;
box-sizing:border-box;
text-decoration:none;
padding-top:20px;
line-height:100%;
text-align:center;
transition: all 0.3s ease;
}

#gnavi a:hover,#gnavi a.on{
box-shadow: inset 0 -3px 0 0 #0ebdf6;
color: #0ebdf6;
}

#top-main{
padding-top:150px;
}

#top-main h1{
color:#fff;
width:920px;
box-sizing:border-box;
margin:0 auto;
padding-top:170px;
font-weight:normal;
font-size:2.6em;
padding-bottom:10px;
}

#top-main-btn{
display:block;
box-sizing:border-box;
height:60px;
border:2px solid #fff;
color:#fff;
text-decoration:none;
width:400px;
text-align:center;
font-size:18px;
font-weight:bold;
line-height:100%;
padding-top:20px;
border-radius:40px;
margin:0 auto 80px auto;
transition:all ease .3s;
}

#top-main-btn:hover{
background-color:#fff;
color:#1ab7ea;
}

#top-main-area{
width:1000px;
margin:auto;
height:285px;
}

#top-main-area ul{
width:836px;
box-sizing:border-box;
background-color:rgba(255,255,255,0.8);
border-radius:10px;
padding:10px;
margin:auto;
}

#top-main-area ul:after{
content:"";
display:block;
clear:both;
height:0;
}

#top-main-area li{
width:200px;
float:left;
margin-right:5px;
}

#top-main-area li:first-child{
position:relative;
}

#top-main-area li:first-child:before{
position:absolute;
content:"PICK UP";
width:50px;
height:50px;
line-height:120%;
font-size:12px;
color:#fff;
border-radius:25px;
background-color:#1ab7ea;
padding:13px 5px 0 5px;
box-sizing:border-box;
text-align:center;
top:-25px;
left:-25px;
}

#top-main-area li:last-child{
margin-right:0;
}

#top-feature-area{
height:490px;
background-color:#f8f8f8;
box-sizing:border-box;
padding-top:30px;
min-width:1000px;
}

#top-feature-area li{
background-color:#fff;
position:relative;
width:32%;
float:left;
margin:0 1% 0 0;
}

#top-feature-area p.txt-bold{
font-size:1.2em;
letter-spacing:-0.01em;
text-align:center;
line-height:150%;
box-sizing:border-box;
margin:0;
padding:0 15px;
width:100%;
min-height:3.5em;
}

#top-feature-area li p:nth-child(3){
font-size:1.0em;
text-align:center;
box-sizing:border-box;
margin:0;
padding:0 15px;
width:100%;
min-height:2.5em;
font-weight: bold;
color: #AAA;
}


#top-feature-area p{
width:90%;
line-height:150%;
margin:auto;
min-height:3.5em;
font-size:0.95em;
}

#top-feature-area a{
display:block;
width:100%;
height:210px;
color:#fff;
box-sizing:border-box;
padding-top:80px;
text-decoration:none;
transition:all ease 0.3s;
background-size:auto 100%;
background-position:50%;
}

#top-feature-area li:nth-child(1) a{
background-image:url(../../images/top_feature_pic01.jpg);
}

#top-feature-area li:nth-child(2) a{
background-image:url(../../images/top_feature_pic02.jpg);
}

#top-feature-area li:nth-child(3) a{
background-image:url(../../images/top_feature_pic03.jpg);
}

#top-feature-area a:hover{
background-size:auto 105%;
}

#top-feature-area a:hover div{
transition:all ease .3s;
color:#1ab7ea;
}

#top-feature-area a:hover div{
background-color:#fff;
}

#top-feature-area div{
width:280px;
margin:auto;
border:2px solid #fff;
border-radius:30px;
text-align:center;
box-sizing:border-box;
padding:12px 0;
font-size:1.1em;
line-height:100%;
font-weight:bold;
}

#top-feature-area li:first-child{
margin:0 1% 0 1%;
}

.top-feature-label{
display:block;
position:relative;
line-height:100%;
color:#fff;
box-sizing:border-box;
font-size:16px;
padding-top:32px;
top:-40px;
width:80px;
height:80px;
text-align:center;
background-color:#1ab7ea;
margin:auto;
}

#top-course{
background-color:#f8f8f8;
padding:100px 0;
}

#top-course h2,#top-graduate h2{
color:#1ab7ea;
text-align:center;
font-weight:normal;
font-size:2.2em;
padding:0 0 45px 0;
}

#top-course h2 span,#top-graduate h2 span{
display:inline-block;
font-weight:bold;
color:#333;
font-size:0.4em;
padding:15px 0 0 0;
border-bottom:2px solid #333;
}

#about-ia{
background-image:url(../images/lesson_area.jpg);
background-repeat:repeat-x;
background-position:50% 0;
padding:75px 0 80px 0;
text-align:center;
}

#about-ia h2{
color:#fff;
height:60px;
font-size:2.6em;
text-shadow:0 0 2px rgba(0,0,0,0.3);
}

#about-ia p{
color:#fff;
font-size: 1.6em;
line-height:175%;
height:99px;
text-shadow:0 0 2px rgba(0,0,0,0.3);
}

#top-crs-list{
width:1000px;
height:350px;
margin:auto;
}

#top-crs-list li{
float:left;
width:320px;
background-repeat:no-repeat;
background-position:0 0;
background-color:#fff;
margin-right:20px;
}

#top-crs-list li:nth-child(1){
background-image:url(../../images/top_course1.jpg);
}

#top-crs-list li:nth-child(2){
background-image:url(../../images/top_course2.jpg);
}

#top-crs-list li:nth-child(3){
background-image:url(../../images/top_course3.jpg);
margin-right:0;
}

#top-crs-list a{
display:block;
text-decoration:none;
text-align:center;
transition:all ease .3s;
}

#top-crs-list a:hover{
box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}

.top-crs-name{
line-height:150%;
color:#fff;
height:147px;
font-weight:bold;
font-size:1.4em;
box-sizing:border-box;
padding-top:40px;
}

#top-crs-list li:nth-child(1) .top-crs-name{
background-color:rgba(251,140,0,0.85);
transition:all ease .3s;
}

#top-crs-list li:nth-child(1) a:hover .top-crs-name{
background-color:rgba(255,169,61,0.85);
}

#top-crs-list li:nth-child(2) .top-crs-name{
background-color:rgba(3,169,244,0.85);
transition:all ease .3s;
}

#top-crs-list li:nth-child(2) a:hover .top-crs-name{
background-color:rgba(49,191,255,0.85);
}

#top-crs-list li:nth-child(3) .top-crs-name{
background-color:rgba(76,175,80,0.85);
transition:all ease .3s;
}

#top-crs-list li:nth-child(3) a:hover .top-crs-name{
background-color:rgba(89,210,94,0.85);
}

.top-crs-txt{
font-size:1.1em;
color:#333;
height:175px;
padding-top:15px;
box-sizing:border-box;
}

.top-crs-txt span{
font-size:1.25em;
display:block;
font-weight:bold;
}

#top-crs-list li:nth-child(1) span{
color:#fb8c00;
}

#top-crs-list li:nth-child(2) span{
color:#03a9f4;
}

#top-crs-list li:nth-child(3) span{
color:#4caf50;
}

#top-course section{
clear:both;
background-color:#fff;
width:1000px;
margin:0 auto 40px auto;
box-sizing:border-box;
padding:50px 28px;
}

#top-course h3{
font-size:2.5em;
font-weight:normal;
text-align:center;
line-height:150%;
}

#top-course h3 .txt-red{
display:block;
font-size:0.7em;
line-height:100%;
padding:0 0 10px 0;
color:#ef5350;
}

#top-benefit{
padding-top:10px;
}

#top-benefit li{
width:300px;
float:left;
margin:0 22px 0 0;
}

#top-benefit li li{
clear:both;
width:290px;
margin:0 0 0 10px;
border-bottom:2px solid #ef5350;
border-left:2px solid #ef5350;
border-right:2px solid #ef5350;
box-sizing:border-box;
}

#top-benefit li li:first-child{
border-top:2px solid #ef5350;
}

#top-benefit li:last-child{
margin-right:0;
}

#top-benefit p{
padding:0 8px 20px 14px;
text-align:center;
line-height:150%;
}

#top-benefit .txt-red{
display:block;
font-weight:bold;
color:#ef5350;
}

#top-benefit a{
display:block;
color:#ef5350;
text-decoration:none;
text-align:center;
box-sizing:border-box;
line-height:100%;
font-weight:bold;
transition:all ease .3s;
}

#top-benefit a:hover{
background-color:#ef5350;
color:#fff;
}

#top-benefit li:nth-child(1) li a,#top-benefit li:nth-child(3) li a{
height:70px;
padding-top:26px;
}

#top-benefit li:nth-child(2) li a{
height:46px;
padding-top:16px;
}

#top-benefit li li:first-child{
position:relative;
}

#top-benefit li li:first-child a:before{
position:absolute;
background-color:#ef5350;
display:block;
color:#fff;
top:-10px;
left:-10px;
content:"SET";
width:40px;
height:40px;
box-sizing:border-box;
text-align:center;
font-size:14px;
padding-top:13px;
line-height:100%;
border-radius:20px;
}

#top-course .txt-link2{
padding:25px 0 0 0;
color:#333;
margin:0;
}

#top-crs-aside{
width:1000px;
margin:auto;
padding:30px 0 100px 0;
overflow:hidden;
}

#top-crs-aside li{
background-repeat:no-repeat;
width:480px;
height:290px;
box-sizing:border-box;
padding:30px;
}

#top-crs-aside li:first-child{
background-image:url(../../images/crs_aside1.jpg);
float:left;
}

#top-crs-aside li:last-child{
background-image:url(../../images/crs_aside2.jpg);
float:right;
}

#top-crs-aside div{
background-color:#fff;
height:230px;
}

#top-crs-aside p{
width:360px;
margin:auto;
line-height:150%;
font-size:0.95em;
}

#top-crs-aside .txt-blue2{
text-align:center;
font-size:1.6em;
padding:35px 0 20px 0;
line-height:100%;
}

#top-crs-aside a{
transition:all ease .3s;
display:block;
background-color:#fff;
border:2px solid #1ab7ea;
color:#1ab7ea;
width:250px;
margin:auto;
border-radius:30px;
text-align:center;
text-decoration:none;
line-height:100%;
font-size:0.95em;
padding:10px 0;
}

#top-crs-aside a:hover{
color:#fff;
background-color:#1ab7ea;
}

.crs-lesson-navi{
background-color:#57c3ea;
height:300px;
color:#fff;
}

.crs-lesson-navi .left-area{
width:50%;
float:left;
}

.crs-lesson-navi .left-area p{
width:460px;
margin:0 40px 0 auto;
}

.crs-lesson-navi .right-area{
width:50%;
float:left;
background-image:url(../../course/images/crs_lesson_navi.jpg);
background-repeat:no-repeat;
height:300px;
}

.crs-lesson-navi p.txt-bold{
padding:60px 0 30px 0;
font-size:1.6em;
}

.crs-lesson-navi a{
display:block;
border:2px solid #fff;
text-decoration:none;
color:#fff;
font-size:1.2em;
width:290px;
float:left;
font-weight:bold;
margin:125px 0 0 52px;
text-align:center;
border-radius:40px;
line-height:100%;
padding:13px 0;
transition:all ease .3s;
}

.crs-lesson-navi a:hover{
color:#1ab7ea;
background-color:#fff;
}

#top-graduate{
background-color:#fff;
padding:100px 0;
}

#top-course .btn-white,#top-graduate .btn-white{
font-size:1.2em;
padding:20px 0;
clear:both;
}


#top-graduate ul{
width:1000px;
margin:0 auto;
}

#top-graduate ul:after,#top-recommend ul:after{
content:"";
display:block;
clear:both;
}

#top-graduate li{
width:235px;
float:left;
margin:0 20px 20px 0;
}

#top-graduate li:nth-child(4n){
margin-right:0;
}

#top-graduate li a{
display:block;
text-decoration:none;
color:#1ab7ea;
transition:all ease .3s;
}

#top-graduate figure{
text-align:center;
}

#top-graduate li a p.txt-bold{
color:#333;
min-height:3em;
text-align:center;
letter-spacing:-0.01em;
font-size:1em
}

#top-graduate li a p.txt-bold span{
font-weight:normal;
font-size:0.85em;
display:block;
}

#top-graduate li p{
width:207px;
margin:auto;
line-height:150%;
font-size:0.9em;
min-height:5.5em;
}

#about-ia a{
display:block;
background-color:#fff;
height:60px;
box-sizing:border-box;
line-height:100%;
width:400px;
margin:auto;
border-radius:50px;
color:#1ab7ea;
font-weight:bold;
font-size:1.8em;
padding:21px 0 0 0;
text-decoration:none;
transition:all ease .3s;
}

#about-ia a:hover{
background-color:#1ab7ea;
color:#fff;
}

#top-graduate figure{
margin-bottom:15px;
background-color:#fff;
transition:all ease .3s;
opacity:1;
}

#top-graduate a:hover figure{
opacity:0.8;
}

#top-recommend{
background-color:#f8f8f8;
padding:65px 0;
}

#top-recommend section{
width:1000px;
margin:auto;
overflow:inherit;
}

#top-recommend h2,#top-info-area h2{
font-weight:normal;
font-size:2.2em;
padding:0 30px 30px 0;
float:left;
}

.top-rec-btn{
float:left;
display:block;
text-align:center;
text-decoration:none;
color:#333;
border:2px solid #1ab7ea;
width:120px;
line-height:100%;
font-weight:bold;
font-size:0.7em;
padding:8px 30px 8px 10px;
border-radius:20px;
background-image:url(../images/arrow5.png);
background-repeat:no-repeat;
background-position:135px 50%;
background-color:#fff;
transition:all ease .3s;
}

.top-rec-btn:hover{
background-color:#1ab7ea;
background-image:url();
}

#top-recommend ul{
padding:30px 0;
clear:both;
}

#top-recommend li{
width:235px;
float:left;
margin:0 20px 0 0;
}

#top-recommend li:nth-child(4n){
margin-right:0;
}

#top-recommend li a{
display:block;
background-color:#fff;
margin-bottom:15px;
transition:all ease .3s;
}

#top-recommend li a:hover{
box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}

#top-recommend li img{
transition:all ease .3s;
opacity:1;
}

#top-recommend li a:hover img{
opacity:0.8;
}

#top-recommend p{
line-height:150%;
font-size:0.9em;
padding:0;
}

#top-recommend p.txt-bold{
min-height:2.5em;
line-height:125%;
}

#top-recommend p.txt-blue2{
min-height:6em;
}

#top-info-area{
padding:80px 0;
width:1000px;
margin:auto;
overflow:inherit;
}

#top-info-area:after{
content:"";
display:block;
clear:both;
}

#top-info-area section{
width:500px;
float:left;
overflow:inherit;
margin:0;
padding:0;
clear:none;
}

#top-info-media ul{
margin-left:10px;
}

/*#top-info-media h2{
line-height:150%;
padding-left:10px;
}*/

#top-info-media div{
padding:30px 20px 0 30px;
}

#top-info-area ul{
clear:both;
width:490px;
}
#top-info-area li{
border-bottom:1px solid #dcdcdc;
padding:25px 0;
}

#top-info-area a{
display:block;
text-decoration:none;
color:#333;
}

#top-info-area a:after{
content:"";
display:block;
clear:both;
}

#top-info-area a:hover figure{
box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}

#top-info-area figure{
margin:5px 20px 0 0;
float:left;
transition:all ease .3s;
}

.type-event,.type-works,.type-info,.type-press,.type-media{
display:inline-block;
color:#fff;
font-size:12px;
line-height:100%;
padding:5px 0;
width:115px;
text-align:center;
border-radius:15px;
margin-right:10px;
}

.type-works{
background-color:#66bb6a;
}

.type-info{
background-color:#00bcd4;
}

.type-event{
background-color:#ec407a;
}

.type-media{
background-color:#03a9f4;
}

.type-press{
background-color:#FF8A65;
}

.info-day{
line-height:100%;
padding:4px;
font-size:14px;
}

#top-info-area a p{
color:#039be5;
line-height:150%;
font-size:0.95em;
padding:5px 0 0 0;
}

#top-info-area a:hover p{
text-decoration:underline;
}

ul#top-aside{
clear:both;
padding:80px 0;
width:1000px;
overflow:hidden;
}

#top-aside li{
width:310px;
float:left;
box-sizing:border-box;
padding:30px;
margin-right:35px;
border:1px solid #dcdcdc;
}

#top-aside li:last-child{
margin-right:0;
}

#top-aside .txt-bold{
font-size:1.3em;
text-align:center;
min-height:inherit;
}

#top-aside p{
line-height:150%;
min-height:6em;
}

#top-aside a{
transition:all ease .3s;
opacity:1;
}

#top-aside a:hover{
box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
opacity:0.8;
}

footer{
border-top:1px solid #dcdcdc;
}

#footer-fd{
width:1000px;
margin:auto;
background-image:url(../images/footer_fd.png);
background-repeat:no-repeat;
background-position:right 50%;
padding:40px 0;
line-height:100%;
font-size:1.55em;
}

#footer-fd span{
font-weight:bold;
color:#039be5;
}

#footer-middle{
font-size:1.4em;
border-top:1px solid #dcdcdc;
overflow:hidden;
padding-top:70px;
}

#footer-navi1{
width:497px;
float:left;
overflow:hidden;
margin:0 0 0 18px;
}

#footer-navi1 li{
background-image:url(../images/arrow1.png);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:20px;
float:left;
width:195px;
}

#footer-navi2{
width:420px;
overflow:hidden;
float:right;
}

#footer-navi2 li{
margin:0 20px 20px 0;
width:200px;
float:left;
}

#footer-navi2 li:first-child{
width:420px;
margin-right:0;
}

#footer-navi2 li:first-child a{
background-position:396px 50%;
}

#footer-navi2 li:nth-child(odd){
margin-right:0;
}

#footer-navi2 a{
display:block;
border:1px solid #dcdcdc;
border-radius:6px;
text-decoration:none;
color:#333;
padding:18px 0 18px 30px;
line-height:100%;
font-weight:bold;
transition:all ease .3s;
background-image:url(../images/arrow5.png);
background-position:176px 50%;
background-repeat:no-repeat;
}

#footer-navi2 a:hover{
background-color:#039be5;
color:#fff;
}

#footer-navi2 a:hover span{
color:#333;
}

#footer-navi2 span{
display:block;
color:#039be5;
font-size:1.25em;
padding-top:5px;
}

#footer-btn{
clear:both;
overflow:hidden;
padding:15px 0 70px 0;
}

#footer-btn figure{
width:560px;
float:left;
margin:0 0 0 30px;
}

#footer-btn figure img{
display:block;
float:left;
}

#footer-btn figcaption{
float:left;
padding:20px 0 0 15px;
font-size:0.95em;
}

#footer-btn ul{
width:320px;
float:right;
margin:0 20px 0 0 ;
}

#footer-btn li{
float:left;
margin-left:20px;
}

#footer-btn a{
opacity:1;
transition:all ease .3s;
}

#footer-btn a:hover{
opacity:0.8;
}

#footer-group{
background-color:#f8f8f8;
padding:45px 0;
text-align:center;
color:#aaa;
}

#footer-group p{
font-weight:bold;
font-size:1.5em;
}

#footer-group ul{
width:1000px;
margin:auto;
padding-top:20px;
overflow:hidden;
}

#footer-group li{
float:left;
}

#footer-group li a img{
opacity:1;
transition:all ease .3s;
}

#footer-group li a:hover img{
opacity:0;
background-repeat:no-repeat;
}

#footer-group li:nth-child(1){
margin-left:86px;
background-image:url(../images/logo_itra.png);
}

#footer-group li:nth-child(2){
margin-left:128px;
background-image:url(../images/logo_ws.png);
}

#footer-group li:nth-child(3){
margin-left:78px;
background-image:url(../images/logo_hwc.png);
}

#footer-group li:nth-child(4){
margin-left:101px;
background-image:url(../images/logo_ibj.png);
}

#footer-bottom{
background-color:#57c3ea;
color:#fff;
height:100px;
}

#footer-bottom figure{
position:relative;
left:0;
right:0;
top:32px;
bottom:0;
margin: auto;
width:275px;
height:38px;
}

#footer-bottom p{
text-align:right;
padding-right:25px;
}

.pagetop {
display: none;
position: fixed;
bottom: 30px;
right: 55px;
}

.pagetop a {
display: block;
width: 50px;
height: 50px;
}


/*セカンド*/

#sec-one{

}

#sec-two{
width:1000px;
margin:auto;
overflow:hidden;
padding:80px 0;
}

#sec-title{
background-image:url(../images/sec_title.jpg);
background-color:#86d3ec;
background-repeat:repeat-x;
background-position:50% bottom;
height:220px;
box-sizing:border-box;
line-height:100%;
padding-top:177px;
color:#fff;
font-weight:bold;
text-align:center;
font-size:1.8em;
clear:both;
}

#bread-crumb{
padding:10px 0;
}

#bread-crumb ul{
width:1000px;
margin:auto;
overflow:hidden;
}

#bread-crumb li{
float:left;
padding:0 15px 0 10px;
background-image:url(../images/arrow1.png);
background-position:right 50%;
background-repeat:no-repeat;
font-size:1.2em;
line-height:100%;
}

#bread-crumb li:first-child{
padding-left:0;
}

#bread-crumb li:last-child{
background-image:none;
}

#bread-crumb a{
text-decoration:none;
}

#sec-two main{
width:750px;
float:left;
}

#lnavi{
width:210px;
float:right;
}

#lnavi ul{
border-bottom:1px solid #dcdcdc;
}

#lnavi li{
border-top:1px solid #dcdcdc;
line-height:100%;
}

#lnavi a{
display:block;
padding:17px 15px;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
color:#333;
background-image:url(../images/arrow5.png);
background-repeat:no-repeat;
background-position:190px 50%;
transition:all ease .3s;
}

#lnavi a.on,#lnavi a:hover{
background-color:#f8f8f8;
color:#009fe7;
}

#lnavi .sub{
border-top:1px dashed #dcdcdc;
}

#lnavi .sub a{
background-image:url(../images/lnavi_sub.png);
background-repeat:no-repeat;
background-position:15px 50%;
padding:17px 15px 17px 32px;
font-size:1.1em;
}

#lesson-area ul{
width:750px;
margin:auto;
overflow:hidden;
padding:40px 0 120px 0;
}

#lesson-area li{
width:360px;
float:left;
}

#lesson-area li:first-child{
margin-right:30px;
}

#lesson-area a{
display:block;
border:2px solid #ff9801;
background-color:#ff9801;
width:356px;
text-align:center;
color:#fff;
text-decoration:none;
box-sizing:border-box;
padding-top:28px;
font-weight:bold;
line-height:100%;
font-size:21px;
height:76px;
border-radius:40px;
transition:all ease .3s;
}

#lesson-area a:hover{
background-color:#fff;
color:#ff9801;
}

#lesson-area li:last-child{
border:2px solid #ff9801;
height:76px;
border-radius:40px;
box-sizing:border-box;
text-align:center;
color:#ff9801;
line-height:100%;
padding-top:16px;
font-weight:bold;
font-size:18px;
}

#lesson-area li:last-child span{
display:block;
color:#333;
font-size:20px;
padding-top:5px;
}


/*ドロップダウンメニュー*/

.dropmenu{
*zoom: 1;
list-style-type: none;
width: 960px;
margin: 5px auto 30px;
padding: 0;
}
.dropmenu:before, .dropmenu:after{
content: "";
display: table;
}
.dropmenu:after{
clear: both;
}

.dropmenu li #drop-navi{
list-style: none;
position:absolute;
z-index: 9999;
top: 100%;
left:0;
width:100%;
padding: 0;
}

.dropmenu #drop-navi{
overflow: hidden;
background: rgba(14,189,246,0.9);
height: 0;
transition: .2s;
}

.dropmenu li:hover #drop-navi{
overflow: visible;
height: 330px;
}

#drop-area{
width:1000px;
margin:auto;
position:relative;
}

#drop-area div{
width:235px;
margin-right:20px;
float:left;
}

#drop-area p{
font-size:1.4em;
color:#fff;
font-weight:bold;
padding:30px 0 10px 0;
margin-bottom:5px;
border-bottom:1px solid #fff;
text-indent:8px;
}

#drop-area li{
float:none;
}

#drop-area li a{
display:block;
color:#fff;
font-size:1.4em;
text-decoration:none;
height:inherit;
margin:8px 0;
line-height:100%;
text-align:left;
background-color:inherit;
box-shadow:none;
background-image:url(../images/arrow6.png);
background-repeat:no-repeat;
background-position:10px 50%;
background-size:4px 6px;
padding:8px 0 8px 20px;
width:235px;
border-radius:40px;
transition:all ease .3s;
}

#drop-area li a:hover{
color:#fff;
box-shadow:none;
background-color:#7dd3f2;
}

#gnavi a#drop-btn{
display:block;
position:absolute;
top:250px;
text-decoration:none;
right:0;
background-color:#fff;
padding:12px;
height:inherit;
border-radius:40px;
line-height:100%;
color:#57c3ea;
box-shadow:none;
opacity:1;
}

#gnavi a#drop-btn:hover{
opacity:0.7;
}


/* フォーム */

.sslright {
float: right;
margin: 0px 0px 30px 20px;
width: 130px;
}

#form-lesson-fd{
clear: both;
border: 1px solid #dcdcdc;
border-radius: 5px;
padding: 20px 40px;
box-sizing: border-box;
margin-bottom:20px;
}

#sp-fd-frm{
display:none;
}

#form-lesson-fd p{
color:#1ab7ea;
font-weight: bold;
background-image: url(../images/footer_fd.png);
background-repeat: no-repeat;
height:44px;
line-height: 100%;
background-position: 0 bottom;
}

#form-lesson-fd p span{
font-size: 0.8em;
font-weight: normal;
color: #333;
display: block;
padding: 22px 0 0 330px;
}

.form-style{
border:1px solid #dcdcdc;
background-color:#f8f8f8;
border-radius:5px;
box-sizing:border-box;
padding:35px 95px;
}

.form-style dt{
display:inline-block;
color:#1ab7ea;
font-weight:bold;
font-size:1.1em;
line-height:100%;
overflow:hidden;
}


.form-style dt.form-necessary{
color:#ff8a65;
}

.form-style dt.form-necessary span{
display:block;
width:50px;
float:right;
margin-left:5px;
background-color:#ff8a65;
color:#fff;
text-align:center;
padding:3px 0;
border-radius:5px;
font-size:0.6em;
line-height:100%;
}

.form-style dd{
clear:both;
margin-bottom:30px;
}

.form-boxarea{
background-color:#fff;
padding:20px;
box-shadow:0 0 3px rgba(0,0,0,0.3);
border-radius:5px;
}

.form-style select{
border:1px solid #dcdcdc;
padding:10px 15px;
line-height:100%;
border-radius:5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left:15px;
background-image:url(../images/form_arrow.png);
background-repeat:no-repeat;
background-position:95% 50%;
}

.input-txtbox{
border:1px solid #dcdcdc;
padding:10px 15px;
border-radius:5px;
line-height:100%;
width:530px;
}


.input-txtbox2{
border:1px solid #dcdcdc;
padding:10px 15px;
border-radius:5px;
line-height:100%;
width:200px;
}

textarea{
border:1px solid #dcdcdc;
padding:10px 15px;
box-sizing:border-box;
border-radius:5px;
}

.form-step {
clear: both;
list-style-type: none;
overflow: hidden;
margin-bottom: 20px;
}

.form-step li {
float: left;
margin-right: 20px;
background-color: #C7C7C7;
position: relative;
width: 236px;
height: 30px;
padding-top: 20px;
font-size: 15px;
text-align: center;
line-height: 100%;
color: #FFF;
font-weight: bold;
}

.form-step li span {
color: #EFEFEF;
}

.form-step li::after {
border-left: 20px solid #C7C7C7;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
content: "";
position: absolute;
left: 50%;
top: 0px;
margin-left: 118px;
}

.form-step li.on {
background-color: #41B3E2;
}

.form-step li:last-child {
margin-right: 0px;
}

.form-step li.on::after {
border-left: 20px solid #41B3E2;
}

td .form-necessary,th .form-necessary{
color: #F00;
font-size: 0.9em;
}

.form-left {
width: 200px;
}

.privacy-txt{
height:120px;
overflow:auto;
border:#cdcdcd;
background-color:#fff;
font-size:0.8em;
line-height:125%;
padding:15px;
}

.privacy-txt ol{
padding:0 0 0 1.4em;
margin:0;
}

/*　CSS追加部分　*/

#directory-file-bg1{
background-image:url(../../temp/images/damy3.jpg); /*　ここで背景用の対象画像を指定　*/
}