@media screen and (min-width: 737px) {

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:190%;
}

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

.sp{
display:none;
}

figcaption{
line-height:150%;
padding:5px 0;
}


/*文字*/

.txt-orange{
color:#ffa726;
}

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

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

.txt-red{
color:#f00;
}

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

.size-s{
font-size:0.8em;
}

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

h2.type1{
padding:110px 0 75px 0;
font-weight:normal;
font-size:2em;
}

h2.type2{
padding:110px 0 75px 0;
font-weight:normal;
font-size:2em;
color:#03a9f4;
}

h2.type2 span{
display:block;
font-size:0.8em;
line-height:150%;
color:#333;
}

h3.type2{
padding:90px 0 50px 0;
font-size:1.7em;
}

h3.type1{
padding:90px 0 50px 0;
font-size:1.7em;
color:#03a9f4;
}

h3.type3{
margin:90px 0 50px 0;
background-color:#e1f5fe;
font-size:1.3em;
color:#03a9f4;
line-height:100%;
padding:15px;
width:720px;
border-radius:5px;
}

h3.type4{
font-weight:normal;
font-size:1.3em;
color:#2196f3;
}

h3.type4 span{
display:block;
font-size:1.5em;
color:#333;
padding-bottom:15px;
}


h3.type5{
margin:40px 0 20px 0;
background-color:#e1f5fe;
font-size:1.2em;
color:#03a9f4;
line-height:100%;
padding:12px 15px;
width:850px;
border-radius:5px;
}

/*位置*/

.clr{
clear:both;
}

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

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

.pdb0{
padding-bottom:0;
}

.pdb50{
padding-bottom:50px;
}

.pdb100{
padding-bottom:100px;
}

.mgb0{
margin-bottom:0;
}

.crl {
clear: both;
}

/*画像*/

.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;
}

.pic_large{
margin:0 0 30px 0;
}

/*枠*/

.box-type1{
border:1px solid #e3e3e3;
padding:27px 25px;
overflow:hidden;
width:698px;
margin:0 0 50px 0;
clear:both;
}

.box-type2{
border:1px dashed #e3e3e3;
padding:27px 25px;
overflow:hidden;
margin:0 0 50px 0;
width:698px;
clear:both;
}

.box-type3{
box-shadow:0 0 0 12px #e8f7fe;
margin:12px auto 62px auto;
width:676px;
padding:27px 25px;
border:1px solid #dcf3fd;
overflow:hidden;
clear:both;
}

.box-type4{
box-shadow:0 0 0 12px #f8f8f8;
margin:12px auto 62px auto;
width:676px;
padding:27px 25px;
border:1px solid #f4f4f4;
overflow:hidden;
clear:both;
}

.box-type4 .size-s{
line-height:150%;
font-size:0.9em;
margin:0;
padding:0;
}

.box-type5{
border:1px dashed #e3e3e3;
padding:27px 25px;
overflow:hidden;
margin:0 0 20px 0;
clear:both;
}

.box-type6{
box-shadow:0 0 0 12px #e8f7fe;
margin:12px auto 62px auto;
width:806px;
padding:27px 25px;
border:1px solid #dcf3fd;
overflow:hidden;
clear:both;
}



.box-type1 h2,.box-type1 h3,.box-type1 h4,.box-type2 h2,.box-type2 h3,.box-type2 h4{
padding:0 0 30px 0;
margin:0;
font-size:1.1em;
}

.box-type1 p,.box-type2 p{
margin:0;
padding:0;
}

.box-type1 p.mgb20{
margin-bottom:20px;
}

/*表*/

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:20px 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:#03a9f4;
background-color:#e8f7fe;
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 #c4e0e9;
border-left:1px solid #c4e0e9;
border-collapse:collapse;
width:749px;
margin:0 0 40px 0;
}

table.type2 th,table.type2 td{
padding:10px 15px;
border-bottom:1px solid #c4e0e9;
border-right:1px solid #c4e0e9;
text-align:left;
line-height:125%;
}

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

table.type2 th{
color:#03a9f4;
background-color:#e8f7fe;
width:200px;
}

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{
margin-bottom:20px;
}

table ul.type1,table ul.type2,table ul.type3,table ul.type4,table ul.type5{
margin-bottom:0;
}

ul.type1 li{
background-image:url(../images/arrow2.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:20px;
}

.box-type1 ul.type1,.box-type6 ul.type1{
margin-bottom:0;
}

ul.type2 li{
background-image:url(../images/arrow3.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:20px;
}

ul.type3 li{
background-image:url(../images/arrow1.png);
background-repeat:no-repeat;
background-position:5px 50%;
padding-left:20px;
}

ul.type4 li{
background-image:url(../images/arrow4.png);
background-repeat:no-repeat;
background-position:5px 50%;
padding-left:20px;
}

ul.type5 li{
background-image:url(../images/arrow5.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:20px;
}

ul.type1 li.li-adst,ul.type2 li.li-adst,ul.type5 li.li-adst{
background-position:0 5px;
line-height:150%;
margin-bottom:0.3em;
}

ul.type3 li.li-adst,ul.type4 li.li-adst{
background-position:5px 8px;
line-height:150%;
margin-bottom:0.3em;
}

ul.type5 li.li-adst{
background-position:0 10px;
line-height:150%;
margin-bottom:0.3em;
}

/*リンクテキスト*/

.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;
}

/*ボタン*/

input.btn-blue {
background-color: #5AC2DB;
border: medium none;
border-radius: 4px;
padding: 10px 35px;
font-size: 14px;
font-weight: bold;
color: #FFF;
transition: all 0.3s ease 0s;
display: inline;
}

input.btn-blue:hover{
background-color: #6dd7f0;
}

input.btn-orange {
background-color: #FFAF00;
border: medium none;
border-radius: 4px;
padding: 10px 35px;
font-size: 14px;
font-weight: bold;
color: #FFF;
transition: all 0.3s ease 0s;
line-height: 100%;
}

input.btn-orange:hover{
background-color: #ffbc29;
}

/*トップページ*/

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:140px;
box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
min-width:1015px;
}

#logo{
width:275px;
margin:20px 0 0 25px;
float:left;
}

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

#head-snavi ul{
margin:12px 25px 7px 0;
overflow:hidden;
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:38px;
color:#03a9f4;
font-weight:bold;
box-sizing:border-box;
padding-top:12px;
font-size:14px;
width:130px;
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:38px;
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:38px;
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{
width:100%;
clear:both;
}

#gnavi2{
display:none;
}

#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{
	box-shadow: inset 0 -4px 0 0 #0ebdf6;
	color: #57c3ea;
}

#about-ia{
background-image:url(../images/about_ia.jpg);
background-repeat:no-repeat;
background-position:50% 0;
text-align:center;
color:#fff;
}

#about-ia h2{
font-size:1.8em;
font-weight:normal;
padding:60px 0 25px 0;
}

#about-ia a{
display:block;
background-color:#fff;
width:390px;
text-decoration:none;
color:#03a9f4;
border:2px solid #03a9f4;
margin:0 auto 45px auto;
border-radius:40px;
line-height:100%;
padding:20px 0;
font-size:1.1em;
font-weight:bold;
transition:all ease 0.3s;
box-sizing:border-box;
}

#about-ia a:hover{
background-color:#03a9f4;
color:#fff;
}


#about-ia section{
height:330px;
}

#about-ia div{
color:#333;
overflow:hidden;
width:1000px;
margin:auto;
padding:25px 0;
}

#about-ia div p{
float:left;
font-size:0.96em;
padding:4px 0 0 0;
line-height:100%;
margin:0;
}

#about-ia #footer-fd-num,#sec-foot-fd #footer-fd-num{
float:right;
font-weight:bold;
font-size:1.8em;
padding:0 0 0 52px;
background-image:url(../images/fd_m.png);
background-repeat:no-repeat;
}

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

footer nav p{
font-weight:bold;
font-size:1.5em;
color:#626262;
}

#footer-snavi{
width:700px;
float:left;
margin-bottom:50px;
}

#footer-snavi ul{
overflow:hidden;
}

#footer-snavi li{
width:230px;
float:left;
margin-bottom:10px;
}

#footer-snavi a{
font-size:1.3em;
text-decoration:none;
}

#footer-snavi a:hover{
text-decoration:underline;
}

footer aside{
width:260px;
float:right;
margin-bottom:50px;
}

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

footer aside li:first-child{
margin-left:0;
}

#footer-middle{
clear:both;
overflow:hidden;
background-color:#f8f8f8;
padding:35px 0 0 0;
width:100%;
}

#footer-middle nav{
width:1000px;
margin:auto;
padding-bottom:50px;
overflow:hidden;
}

#footer-middle img{
display:block;
margin:0 auto 10px auto;
}

#footer-middle ul{
overflow:hidden;
float:left;
width:800px;
}

#footer-logo figure{
float:right;
width:231px;
}

#footer-middle li{
float:left;
text-align:center;
background-repeat:no-repeat;
background-position:50% 0;
}

#footer-middle li:nth-child(1){
margin-left:20px;
background-image:url(../images/logo_f_itra2.png);
}

#footer-middle li:nth-child(2){
margin-left:100px;
background-image:url(../images/logo_f_ws2.png);
}

#footer-middle li:nth-child(3){
margin-left:55px;
background-image:url(../images/logo_f_hwc2.png);
}

#footer-middle li:nth-child(4){
margin-left:75px;
background-image:url(../images/logo_f_ibj2.png);
}
#footer-middle a{
color:#aaaaaa;
text-decoration:none;
font-size:12px;
}

#footer-middle a img{
opacity:1;
}

#footer-middle a:hover img{
opacity:0.7;
}

#footer-bottom{
background-color:#57c3ea;
color:#fff;
line-height:100%;
padding:20px 0 17px 0;
}

#footer-bottom p{
float:left;
padding:8px 0 0 0;
margin:0;
}

#footer-logo{
float:right;
width:470px;
overflow:hidden;
}

#footer-middle figure{
width:170px;
background-color:#fff;
float:right;
padding:25px;
box-sizing:border-box;
text-align:center;
font-size:8px;
border-radius:5px;
}

#footer-middle figcaption{
padding-bottom:5px;
}

#footer-bottom #footer-logo p{
font-size:14px;
}

.staff-blog{
width:260px;
display:block;
box-sizing:border-box;
border:2px solid #03a9f4;
border-radius:40px;
text-align:center;
color:#03a9f4;
transition:all ease 0.3s;
text-decoration:none;
font-size:18px;
font-weight:bold;
padding:18px 0;
line-height:100%;
margin:0 0 20px 0;
}

.staff-blog:hover{
background-color:#dcdcdc;
}

#top-main{
background-image:url(../../images/main.jpg);
background-repeat:no-repeat;
background-position:50% 140px;
padding:140px 0 0 0;
}

#top-main h1{
font-size:50px;
font-weight:normal;
text-align:center;
color:#03a9f4;
line-height:100%;
padding:215px 0 25px 0;
}

#top-main h1 span{
display:block;
font-size:28px;
}

.main-btn{
display:block;
margin:auto;
width:390px;
text-decoration:none;
background-color:#fff;
color:#03a9f4;
text-align:center;
padding:20px 0;
font-size:18px;
line-height:100%;
border:2px solid #03a9f4;
border-radius:40px;
font-weight:bold;
transition: all 0.3s ease;
margin-bottom:195px;
}

.main-btn:hover{
background-color:#03a9f4;
color:#fff;
}

.main-circle{
position:absolute;
top:492px;
right:25px;
}

#top-feature-area{
width:100%;
overflow:hidden;
}

#top-feature-area li{
width:33.5%;
float:left;
}

#top-feature-area li:nth-child(2){
width:33%;
}

.top-feature-img{
text-decoration:none;
background-repeat:no-repeat;
background-position:50% 0;
background-size:auto 100%;
text-align:center;
height:260px;
box-sizing:border-box;
display:block;
padding-top:75px;
color:#fff;
font-size:27px;
line-height:150%;
transition:0.3s;
}

.top-feature-img:hover{
background-size:auto 150%;
}

#top-feature-area li:nth-child(1) .top-feature-img{
background-image:url(../../images/feature1.jpg);
}
#top-feature-area li:nth-child(2) .top-feature-img{
background-image:url(../../images/feature2.jpg);
}
#top-feature-area li:nth-child(3) .top-feature-img{
background-image:url(../../images/feature3.jpg);
}

#top-feature-img span{
display:block;
background-color:#0091ea;
line-height:100%;
width:110px;
text-align:center;
margin:0 auto 15px auto;
color:#fff;
font-size:12px;
padding:8px 0;
}

#top-feature-area p{
width:81%;
margin:0 auto;
padding:30px 0;
}

.top-feature-btn{
width:180px;
margin:0 auto 35px auto;
border:2px solid #03a9f4;
text-decoration:none;
line-height:100%;
text-align:center;
padding:10px 0;
display:block;
border-radius:40px;
font-weight:bold;
color:#03a9f4;
transition: all 0.3s ease;
}

.top-feature-btn:hover{
background-color:#03a9f4;
color:#fff;
}

#top-industry{
background-image:url(../../images/industry_bg.jpg);
background-repeat:no-repeat;
background-position:50% 0;
background-color:#f8f8f8;
}

#top-industry h2{
height:170px;
text-align:center;
box-sizing:border-box;
color:#fff;
font-weight:normal;
padding:88px 0 0 0;
margin:0;
font-size:2.2em;
text-shadow:0 0 3px rgba(0,0,0,0.3);
}

.top-industry-intro{
width:1000px;
margin:0 auto;
text-align:center;
height:85px;
padding:0;
color:#fff;
text-shadow:0 0 3px rgba(0,0,0,0.3);
}

.top-industry-arrow{
display:block;
margin:0 auto 35px auto;
width:60px;
}

#top-industry h3{
color:#313131;
text-align:center;
font-size:1.9em;
font-weight:normal;
padding:5px 0 40px 0;
line-height:80%;
}

#top-industry h3 span{
display:inline-block;
border-bottom:2px solid #313131;
font-size:11px;
margin:0;
line-height:100%;
padding:0 0 3px 0;
}

#top-job{
width:100%;
margin-bottom:60px;
}

#top-job h4{
text-align:center;
font-weight:normal;
font-size:1.7em;
line-height:130%;
}

#top-job h4 span{
display:block;
}

#top-job ul{
overflow:hidden;
background-color:#fff;
}

#top-job li{
float:left;
width:33.5%;
box-sizing:border-box;
border-right:1px solid #f8f8f8;
background-position:50% bottom;
background-repeat:no-repeat;
}

#top-job a{
display:block;
width:100%;
height:260px;
padding-top:210px;
transition:all ease 0.3s;
box-sizing:border-box;
}

#top-job a img{
display:block;
margin:0 0 0 auto;
}

#top-job li:nth-child(1){
box-shadow:inset 0 -260px  0 #ffa726;
}

#top-job li:nth-child(1) a{
background-image:url(../../images/top_job1.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:auto 100%;
opacity:1;
transition:0.3s;
}

#top-job li:nth-child(1) a:hover{
background-size:auto 150%;
opacity:0.7;
}

#top-job li:nth-child(2){
width:33%;
box-shadow:inset 0 -260px  0 #2196f3;
}

#top-job li:nth-child(2) a{
background-image:url(../../images/top_job2.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:auto 100%;
opacity:1;
transition:0.3s;
}

#top-job li:nth-child(2) a:hover{
background-size:auto 150%;
opacity:0.7;
}


#top-job li:nth-child(3){
width:33%;
box-shadow:inset 0 -260px  0 #66bb6a;
}

#top-job li:nth-child(3) a{
background-image:url(../../images/top_job2.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:auto 100%;
opacity:1;
transition:0.3s;
}

#top-job li:nth-child(3) a:hover{
background-size:auto 150%;
opacity:0.7;
}


#top-job p{
width:88%;
margin:0 auto;
height:3.8em;
line-height:170%;
}

#top-faq-area{
width:658px;
float:left;
margin-bottom:60px;
}

#top-faq-area ul{
overflow:hidden;
}

#top-faq-area li{
float:left;
width:316px;
background-color:#fff;
border-radius:5px;
margin:0 26px 23px 0;
}

#top-faq-area li:nth-child(even){
margin-right:0;
}

#top-faq-area .top-question{
font-size:1.4em;
font-weight:bold;
margin:0 auto;
padding:30px 0;
}

li:nth-child(1) .top-question{
color:#4dd0e1;
}

li:nth-child(2) .top-question{
color:#ff8a65;
}

li:nth-child(3) .top-question{
color:#4db6ac;
}

li:nth-child(4) .top-question{
color:#f06292;
}

.top-question::before{
content: "Q.";
color:#333;
}

.top-q-detail{
height:9em;
}

#top-faq-area p{
width:256px;
margin:auto;
}

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

#top-blog-area{
width:317px;
float:right;
margin-bottom:60px;
}

.top-contentbox {
background: #fff;
overflow: hidden;
border-radius: 5px;
margin-bottom:20px;
}

#top-blog a {
text-decoration: none;
color: #222;
}

#top-blog p {
font-weight: bold;
line-height: 125%;
width: 270px;
font-size: 1.1em;
margin: 20px auto 0 auto;
min-height: 6.5em;
}

#top-blog p span {
font-weight: normal;
font-size: 13px;
display: block;
}

#top-recommended{
clear:both;
background-color:#fff;
}

#top-recommended h3{
color:#03a9f4;
font-size:2.2em;
padding:100px 0 60px 0;
}

#top-recommended ul{
width:1000px;
overflow:hidden;
margin:0 auto 50px auto;
}

#top-recommended p.txt-blue{
font-weight:bold;
padding:10px 0 0 0;
min-height:inherit;
}

#top-recommended p{
margin:0;
padding:0;
font-size:0.95em;
line-height:150%;
min-height:5.5em;
}

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

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

#top-info{
padding:90px 0;
background-color:#f5f5f5;
}

#top-info h2{
font-size:2.4em;
font-weight:normal;
padding:10px 0 50px 0;
}

#top-info-list li{
border-bottom:1px solid #dcdcdc;
}

#top-info-list li:last-child{
border-bottom:none;
padding-top:40px;
}

#top-info-list{
width:700px;
float:left;
}

#top-info-list a{
display:block;
overflow:hidden;
padding-top:20px;
text-decoration:none;
}

#top-info-list figure{
width:130px;
float:left;
margin:0 20px 30px 0;
padding-top:5px;
}

.type-press,.type-info,.type-works,.type-event{
display:inline-block;
width:116px;
height:22px;
color:#fff;
text-align:center;
border-radius:40px;
font-size:11px;
padding-top:6px;
line-height:100%;
box-sizing:border-box;
}

.type-press{
background-color:#039be5;
}

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

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

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

.info-day{
color:#333;
font-size:14px;
}

#top-info-list li:last-child a{
display:block;
width:320px;
margin:auto;
text-align:center;
border:2px solid #03a9f4;
text-decoration:none;
color:#03a9f4;
line-height:100%;
font-size:1.4em;
padding:15px 0;
background-color:#fff;
border-radius:40px;
transition:all ease 0.3s;
}

#top-info-list li:last-child a:hover{
background-color:#03a9f4;
color:#fff;
}

#top-info-bnr{
width:260px;
float:right;
}

#top-info-bnr li{
background-color:#fff;
border-radius:5px;
padding:0;
margin:0 0 20px 0;
}

#top-info-bnr p{
width:220px;
margin:auto;
}

#top-info-bnr p.txt-bold{
padding-top:20px;
}

/*セカンド*/

#sec-title{
	width: 100%;
	background-color: #66cef0;
	line-height: 100%;
	font-size: 1.8em;
	color: #fff;
	text-align: center;
	padding: 180px 0 40px 0;
}

#bread-crumb{
width:100%;
background-color:#f3fbff;
padding:10px 0;
margin-bottom:80px;
}

#bread-crumb ul{
width:1000px;
margin:auto;
overflow:hidden;
line-height:100%;
font-size:12px;
}

#bread-crumb li:first-child{
background-image:none;
padding:0 11px 0 0;
}

#bread-crumb li{
float:left;
background-image:url(../images/arrow1.png);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 11px 0 13px;
}

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

#two-column{
width:1000px;
margin:auto;
overflow:hidden;
}

#two-column main{
width:750px;
float:left;
margin-bottom:100px;
}

h1{
font-size:2.3em;
font-weight:normal;
padding:5px 0 75px 0;
line-height:150%;
}

#lnavi{
width:210px;
float:right;
margin-bottom:50px;
}

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

#lnavi li{
border-top:1px solid #e3e3e3;
}

#lnavi a{
display:block;
padding:5px 0;
line-height:100%;
text-decoration:none;
color:#03a9f4;
}

#lnavi a span{
display:block;
padding:17px 15px 17px 10px;
background-image:url(../images/lnavi_arrow1.png);
background-repeat:no-repeat;
background-position:197px 50%;
border-radius:5px;
font-size:13px;
transition:all ease 0.3s;
}
#lnavi a:hover span,#lnavi a.on span{
background-image:url(../images/lnavi_arrow2.png);
background-color:#57c3ea;
color:#fff;
}

#lnavi li.lnavi-in{
border-top:1px dashed #e3e3e3;
}

#lnavi li.lnavi-in a{
text-decoration:underline;
}

#lnavi li.lnavi-in a span{
display:block;
padding:5px 10px 5px 25px;
background-image:url(../images/lnavi_arrow3.png);
background-repeat:no-repeat;
background-position:9px 13px;
border-radius:5px;
line-height:150%;
background-color:#fff;
font-size:12px;
}
#lnavi li.lnavi-in a:hover span{
/*background-color:#f8f8f8;*/
color:#03a9f4;
border-radius:5px;
}


#lnavi li.lnavi-in a{
background-color:#fff;
transition:all ease 0.3s;
}

#lnavi li.lnavi-in a:hover{
}

.lnavi-cat{
border-top:1px solid #e3e3e3;
background-color:#f8f8f8;
font-size:13px;
padding:10px 0 10px 12px;
line-height:100%;
}

.lnavi-cat span{
display:block;
border-left:4px solid #57c3ea;
padding:1px 0 1px 12px
}

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

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



/*フォーム*/

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

.map-right {
width: 350px;
float: right;
}

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

.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.on {
background-color: #41B3E2;
}

.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::after {
border-left: 20px solid #41B3E2;
}

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

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

.input-txtbox {
width: 250px;
height: 1.3em;
}

.frm-tel {
height: 1.3em;
width: 80px;
}

.input-txtarea {
height: 7.8em;
width: 350px;
}

.privacy-txt, #per-agree {
border: 1px solid #BDDBE5;
height: 120px;
overflow: auto;
padding: 20px;
font-size: 0.9em;
}

.form-left{
width: 200px;
}

h1 .ico-info{
display:inline-block;
background-color:#00bcd4;
padding:4px 15px;
border-radius:20px;
margin:0 10px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:14px;
color:#fff;
}

h1 .ico-work{
display:inline-block;
background-color:#66bb6a;
padding:4px 15px;
border-radius:20px;
margin:0 10px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:14px;
color:#fff;
}

h1 .ico-press{
display:inline-block;
background-color:#1976d2;
padding:4px 15px;
border-radius:20px;
margin:0 10px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:14px;
color:#fff;
}

h1 .ico-event{
display:inline-block;
background-color:#ec407a;
padding:4px 15px;
border-radius:20px;
margin:0 10px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:14px;
color:#fff;
}
h1 .ico-media{
display:inline-block;
background-color:#03a9f4;
padding:4px 15px;
border-radius:20px;
margin:0 10px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:14px;
color:#fff;
}

.info-head{
height:22px
}

h1 .info-day{
padding:4px 0;
line-height:100%;
}

.info2017 .info2017 span,.info2016 .info2016 span,.info2015 .info2015 span,.info2014 .info2014 span,.info2013 .info2013 span,.info2012 .info2012 span,.info2011 .info2011 span,.info2010 .info2010 span{
background-image:url(../images/lnavi_arrow2.png);
background-color:#57c3ea;
color:#fff;
}

#info-year-list{
overflow:hidden;
}

#info-year-list li{
float:left;
width:360px;
margin:0 30px 0 0;
}

#info-year-list li:nth-child(even){
margin-right:0;
}

#info-year-list p{
height:5em;
}

#info-year-list img{
display:block;
margin:0 0 15px 0;
}

#info-year-list .info-list-event{
display:inline-block;
background-color:#ec407a;
padding:4px 15px;
border-radius:20px;
margin:0 10px 0 0;
line-height:100%;
text-align:center;
font-size:12px;
box-sizing:border-box;
color:#fff;
}

#info-year-list .info-list-info{
display:inline-block;
background-color:#00bcd4;
padding:4px 15px;
border-radius:20px;
margin:0 10px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:12px;
color:#fff;
}

#info-year-list .info-list-work{
display:inline-block;
background-color:#66bb6a;
padding:4px 15px;
border-radius:20px;
margin:0 10px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:12px;
color:#fff;
}

#info-year-list .info-list-press{
display:inline-block;
background-color:#FF8A65;
padding:4px 15px;
border-radius:20px;
margin:0 10px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:12px;
color:#fff;
}
#info-year-list .info-list-media{
display:inline-block;
background-color:#039be5;
padding:4px 15px;
border-radius:20px;
margin:0 10px 0 0;
line-height:100%;
text-align:center;
font-size:12px;
box-sizing:border-box;
color:#fff;
}
	
#info-year-list a{
text-decoration:none;
}

#info-year-list span{
color:#333;
font-size:0.9em;
}

/*授業評価*/

.asess-title-area li, #cloud-in li {
float: left;
margin-right: 3px;
line-height: 100%;
}

.asess-box {
background-color: #f3f9fb;
padding: 12px;
margin: 0 0 20px 0;
}

.asess-in {
background-color: #fff;
padding: 15px;
overflow: hidden;
margin: 0;
}

.asess-title-area {
border-bottom: 1px solid #EDF4F6;
margin-bottom: 22px;
overflow: hidden;
}

#anc-area .asess-h4 {
overflow: hidden;
color: #32BAEB;
font-weight: bold;
font-size: 1.3em;
margin: 18px 0px 15px 0;
line-height: 100%;
width: 220px;
float: left;
padding: 0px;
}

.asess-h4 .h-text {
display: block;
padding-top: 5px;
float: right;
text-align: left;
width: 180px;
}

#anc-area .asess-h4 {
color: #32BAEB;
font-weight: bold;
font-size: 1.3em;
line-height: 100%;
}

.circle {
background-image: url("../../voices/images/circle.png");
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% auto;
display: inline-block;
text-align: center;
padding: 8px 5px;
line-height: 100%;
font-size: 11px;
color: #FFF;
margin-left: 8px;
}

.asess-title-area table {
border-collapse: collapse;
margin: 18px 22px 0px 0px;
padding: 0px;
float: right;
}

.asess-title-area th {
padding: 0px 20px;
color: #32BAEB;
}

.asess-title-area td {
padding: 0px;
}

.comment2,.comment1{
background-image: url(../../voices/images/anc_cmt2.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 85px;
min-height: 65px;
}

.comment3 {
background-image: url(../../voices/images/anc_cmt3.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 85px;
min-height: 65px;
}

.comment4 {
background-image: url(../../voices/images/anc_cmt4.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 85px;
min-height: 65px;
}

.comment5 {
background-image: url(../../voices/images/anc_cmt5.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 85px;
min-height: 65px;
}

/*ITガイド*/

strong{
color: #E54343;
font-size: 1.25em;
font-weight: normal;
}

strong.txt-blue{
font-size: 1.02em;
font-weight: normal;
}

.it-guide h2.type1{
color:#03a9f4;
}

.it-guide h2.type3{
margin:90px 0 50px 0;
background-color:#e1f5fe;
font-size:1.3em;
color:#03a9f4;
line-height:100%;
padding:15px;
width:720px;
border-radius:5px;
}

#it-cat-list .it-list-column,.it-cat-type-list .it-list-column{
display:inline-block;
background-color:#66bb6a;
padding:4px 10px;
border-radius:20px;
margin:0 5px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:12px;
color:#fff;
}

#it-cat-list .it-list-school,.it-cat-type-list .it-list-school{
display:inline-block;
background-color:#00bcd4;
padding:4px 10px;
border-radius:20px;
margin:0 5px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:12px;
color:#fff;
}

#it-cat-list .it-list-qualification,.it-cat-type-list .it-list-qualification{
display:inline-block;
background-color:#dfac0f;
padding:4px 10px;
border-radius:20px;
margin:0 5px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:12px;
color:#fff;
}

#it-cat-list .it-list-job,.it-cat-type-list .it-list-job{
display:inline-block;
background-color:#039be5;
padding:4px 10px;
border-radius:20px;
margin:0 5px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:12px;
color:#fff;
}

#it-cat-list .it-list-market,.it-cat-type-list .it-list-market{
display:inline-block;
background-color:#ec407a;
padding:4px 10px;
border-radius:20px;
margin:0 5px 0 0;
line-height:100%;
text-align:center;
box-sizing:border-box;
font-size:12px;
color:#fff;
}

#it-cat-list,.it-cat-type-list{
overflow:hidden;
clear:both;
}

#it-cat-list li,.it-cat-type-list li{
float:left;
width:177px;
margin:0 14px 0 0;
}

#it-cat-list li:nth-child(+4n),.it-cat-type-list li:nth-child(+4n){
margin-right:0;
}

#it-cat-list p,.it-cat-type-list p{
height:7em;
line-height:150%;
}

#it-cat img{
display:block;
margin:0 0 10px 0;
}

#it-cat-list span,.it-cat-type-list span{
font-size:14px;
color:#333;
}

#it-cat-list a,.it-cat-type-list a{
text-decoration:none;
}

.it46 .it46 span,.it47 .it47 span,.it48 .it48 span,.it49 .it49 span,.it50 .it50 span{
background-image:url(../images/lnavi_arrow2.png);
background-color:#57c3ea;
color:#fff;
}

.pic-large{
margin-bottom:30px;
}

.it-btn{
display:block;
clear:both;
border: 2px solid #03a9f4;
border-radius: 40px;
height: 38px;
color: #03a9f4;
font-weight: bold;
box-sizing: border-box;
padding-top: 12px;
line-height:100%;
margin:auto;
font-size: 14px;
width: 250px;
text-align: center;
background-image: none;
text-decoration:none;
}

#it-new-topic{
padding:70px 0 50px 0;
}

#it-new-topic h2{
background-image:url(https://www.internetacademy.jp/it/images/it_new_title.png);
background-repeat:no-repeat;
background-position:0 0;
padding:0 0 0 135px;
font-weight:normal;
font-size:1.8em;
line-height:150%;
margin:0 0 50px 0;
min-height:120px;
box-sizing:border-box;
}

#it-new-topic h2 span{
font-size:14px;
display:block;
color:#03a9f4;
line-height:100%;
padding-bottom:5px;
}

/*お問い合わせ*/

#inq-navi {
overflow: hidden;
clear: both;
}

#inq-navi li {
width: 240px;
float: left;
margin: 0 15px 0 0;
}

#inq-navi a {
display: block;
background-color: #57c3ea;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 100%;
padding: 33px 0;
font-size: 17px;
text-align: center;
border-radius: 5px;
}

#inq-navi li:last-child {
margin: 0;
}

.inq-left {
width: 360px;
float: left;
margin: 0 0 50px 0;
padding: 0;
}

.inq-right {
width: 360px;
float: right;
margin: 0 0 50px 0;
padding: 0;
}

.inq-left h3, .inq-right h3, .inq-bottom h3 {
text-align: center;
font-size: 1.6em;
padding: 35px 0;
line-height: 100%;
font-weight: normal;
color:#03a9f4;
}

.inq-link {
display: block;
border: 2px #03a9f4 solid;
border-radius: 40px;
text-align: center;
width: 300px;
padding: 17px 0;
line-height: 100%;
margin: auto;
text-decoration:none;
color:#03a9f4;
}

.inq-btn {
overflow: hidden;
margin: 0 0 50px 0;
}

#inq-faq {
border-top: 1px solid #ddd;
margin: 0 0 30px 0;
}

#inq-faq li {
border-bottom: 1px solid #ddd;
}

#inq-faq a {
padding: 19px 0 19px 45px;
background-image: url(../images/arrow_blue.png);
background-repeat: no-repeat;
background-position: 21px 50%;
display: block;
line-height: 100%;
text-decoration: none;
}

.inq-btn {
overflow: hidden;
margin: 0 0 50px 0;
}

.inq-btn li {
width: 360px;
float: left;
border: 1px solid #ddd;
border-radius: 5px;
line-height: 100%;
height: 55px;
}

.inq-btn a {
display: block;
text-align: center;
text-decoration: none;
font-size: 17px;
padding: 20px 0 0 0;
height: 55px;
box-sizing: border-box;
}

.inq-btn span {
display: inline-block;
background-image: url(../images/arrow_blue.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}

.inq-btn li:last-child {
width: 360px;
float: right;
}

.inq-time {
text-align: center;
font-size: 14px;
color: #32baeb;
font-weight: normal;
padding: 5px 0 2px 0;
}

.inq-env {
display: block;
background-image: url(../../inquiry/images/inq_pic04.jpg);
background-repeat: no-repeat;
background-position: right 0;
text-decoration: none;
color: #222;
width: 710px;
margin: 50px auto 3px auto;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
border: 1px solid #fff;
font-size: 17px;
box-sizing: border-box;
height: 148px;
line-height: 170%;
padding: 30px 0 0 30px;
}

.inq-env span {
color: #32baeb;
font-size: 22px;
}

.inq-tel {
text-align: center;
font-size: 14px;
color: #32baeb;
font-weight: bold;
padding: 7px 0 2px 0;
}

.inq-btn span.txt-black {
display: inline-block;
background-image: none;
color: #222;
padding-left: 5px;
}

.inq-bohr {
display: block;
border: 1px solid #ddd;
border-radius: 5px;
padding: 27px 0 27px 98px;
line-height: 100%;
background-image: url(../images/arrow_blue.png), url(../../inquiry/images/inq_logo.png);
background-repeat: no-repeat;
background-position: 71px 50%,510px 50%;
text-decoration: none;
font-size: 27px;
}

.inq-bohr span {
display: block;
font-size: 17px;
}

.book-cmt{
display:block;
clear:both;
}

.book-cmt::before{
content:"コメント";
color:#2196f3;
display:block;
margin-bottom:10px;
border-bottom:1px dashed #e3e3e3;
}

#sec-foot-fd{
border-top:1px solid #dcdcdc;
overflow:hidden;
padding:25px 0;
line-height:100%;
font-size:1.5em;
}

#sec-foot-fd div{
color:#333;
overflow:hidden;
width:1000px;
margin:auto;
padding:0;
}

#sec-foot-fd div p{
float:left;
font-size:0.96em;
padding:4px 0 0 0;
line-height:100%;
margin:0;
}

#sec-foot-fd #footer-fd-num{
float:right;
font-weight:bold;
font-size:1.8em;
padding-top:0;
}

#cloud{
display:none;
}

#lesson-navi2{
overflow:hidden;
}

#lesson-navi2 li{
width:48%;
float:left;
}

#lesson-navi2 li:last-child{
float:right;
}

#lesson-navi2 a{
display:block;
border-radius:40px;
text-decoration:none;
color:#fff;
font-size:1.4em;
line-height:100%;
background-color:#5BC2DC;
text-align:center;
padding:20px 0;
}

#lesson-navi2 li:last-child a{
background-color:#ff9800;
}

#act-area{
background-image:url(../../contents/images/act_pic01.jpg);
background-repeat:repeat-x;
padding:460px 0;
background-position:50% 20px;
}

#act-area h2{
padding: 0 0 75px 0;
font-weight: normal;
font-size: 2em;
text-align:center;
color: #03a9f4;
}

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

#act-area ul{
width:1000px;
margin:auto;
overflow:hidden;
}

#act-area li{
width:480px;
float:left;
margin:0 40px 85px 0;
}

#act-area li:nth-child(even){
margin:0 0 20px 0;
}

#act-area ul p{
line-height:150%;
height:4.1em;
}

#act-area ul .act-title{
padding-top:15px;
font-size:1.4em;
height:2.9em;
color:#03a9f4;
}

.act-btn{
display:block;
border: 2px solid #03a9f4;
text-decoration:none;
text-align:center;
width:320px;
margin:auto;
border-radius:40px;
line-height:100%;
font-weight:bold;
padding:10px 0;
transition:all ease 0.3s;
}

.act-btn:hover{
display:block;
color:#fff;
background-color:#03a9f4;
}

/*スペシャル*/

#special-area h2{
padding: 0 0 75px 0;
font-weight: normal;
font-size: 2em;
text-align:center;
color: #03a9f4;
}

#special-area ul{
width:1000px;
margin:40px auto;
overflow:hidden;
}

#special-area li{
width:480px;
float:left;
margin:0 40px 85px 0;
}

#special-area li:nth-child(even){
margin:0 0 20px 0;
}

#special-area ul p{
line-height:150%;
height:4.1em;
}

#special-area ul .special-title{
padding-top:15px;
font-size:1.4em;
font-weight:bold;
height:2.9em;
color:#03a9f4;
}

.special-btn{
display:block;
border: 2px solid #03a9f4;
text-decoration:none;
text-align:center;
width:320px;
margin:auto;
border-radius:40px;
line-height:100%;
font-weight:bold;
padding:10px 0;
transition:all ease 0.3s;
}

.special-btn:hover{
display:block;
color:#fff;
background-color:#03a9f4;
}

.special-btn2{
display:block;
border: 2px solid #03a9f4;
text-decoration:none;
text-align:center;
width:450px;
margin:auto;
border-radius:40px;
line-height:100%;
font-weight:bold;
font-size:1.1em;
padding:15px 0;
transition:all ease 0.3s;
}

.special-btn2:hover{
display:block;
color:#fff;
background-color:#03a9f4;
}

/*スペシャルここまで*/


#pl-main{
background-image:url(../../contents/images/pl_pic01.jpg);
background-repeat:repeat-x;
background-position:50% 30px;
padding-top:530px;
}

#job-gr-list {
overflow: hidden;
margin: 0 0 50px 0;
}

#job-gr-list li {
float: left;
width: 288px;
margin: 0 8px 50px 0;
}

.job-gr-copy {
font-size: 1.3em;
margin-bottom: 0;
}

.job-gr-copy span{
font-size: 0.7em;
display: block;
padding: 5px 0;
}

#job-gr-list li:nth-child(3n) {
margin: 0 0 50px 0;
}

.job-gr-link {
display: block;
background-image: url(../images/arrow2.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0 0 18px;
text-decoration: none;
}

/*フォーム*/

dl.type1 {
border-top: solid 1px #b9d6df;
border-left: solid 1px #b9d6df;
overflow: hidden;
box-sizing: border-box;
width: 880px;
}

dl.type1 dt {
width: 229px;
clear:both;
height:55px;
}

dl.type1 dd {
width: 650px;
height:55px;
}

dl.type1 dt, dl.type1 dd{
float: left;
margin: 0;
border-right: solid 1px #b9d6df;
border-bottom: solid 1px #b9d6df;
box-sizing: border-box;
padding: 15px;
}

dl.type1 dt.large-input,dl.type1 dd.large-input{
height: 150px;
}

.privacy {
border: solid 1px #b9d6df;
padding: 20px;
margin: 0 0 35px 0;
}

#lesson2 .btn-orange {
display: block;
text-align: center;
text-decoration: none;
border-radius: 5px;
border: none;
color: #fff;
font-weight: bold;
line-height: 100%;
background-color: #ff9800;
transition: all ease 0.3s;
width: 330px;
padding: 15px 0;
margin: auto;
font-size: 1.2em;
}

.input-txtbox2 {
width: 220px;
height: 1.3em;
}

/*ドロップダウン*/

.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/lnavi_arrow2.png);
background-repeat:no-repeat;
background-position:10px 50%;
background-size:4px 6px;
padding:8px 0 8px 20px;
width:235px;
border-radius:40px;
}

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

#gnavi a#drop-btn{
display:block;
position:absolute;
top:250px;
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;
}

/*プログラミングニーズ*/

#graphic_designer{
background-image:url(../../contents/images/graphic_pic00.jpg);
background-position:50% 30px;
background-repeat:repeat-x;
padding:460px 0 0;
}

#graphic_designer main{
margin-bottom:100px;
}

#designer1{
float:left;
width:420px;
}

#designer2{
float:right;
width:420px;
clear:none;
}

#designer1 figure img{
display:block;
margin-right:auto;
margin-left:auto;
}

#designer2 figure img{
display:block;
margin-right:auto;
margin-left:auto;
}

#designer1 h2{
margin:20px 0;
}

#designer2 h2{
margin:20px 0;
}

.reason {
margin:20px 0;
}

#language_reason li{
float:left;
width:260px;
margin-right:50px;
}

#language_reason li:last-child{
margin-right:0px;
float:right;
}

#language_reason li div{
margin-top:10px;
}

.comment {
border:1px dashed #e3e3e3;
clear:both;
margin-top:25px;
overflow:hidden;
padding:0 25px;
width:731px;
margin-left:auto;
margin-right:auto;	
}

#good-reason h2{
clear:both;
}

.reason-box {
clear:both;
margin-top:50px;
overflow:hidden;
}

.reason-box section{
float:right;
margin-left:20px;
width:485px;
clear:none;
}
.reason-box figure{
float:left;
width:330px;
}

#graduates_voice1{
float:left;
width:405px;
}

#graduates_voice2{
float:right;
width:405px;
clear:none;
}

#graduates_voice2 section p{
margin-top:15px;
padding:0px;
}

#graduates_voice1 section p{
margin-top:15px;
padding:0px;
}

.past_job{
background-color:#0091ea;
color:#fff;
font-size:12px;
line-height:100%;
padding:8px 30px;
text-align:center;
margin-right:10px;
}

.now_job{
border:1px solid #0091ea;
color:#0091ea;
font-size:12px;
line-height:100%;
padding:8px 29px;
text-align:center;
margin-right:10px;
}

#graduates_voice section .graduates_name{
	margin-top:0;
}

#graduates_voice section h3{
	margin-top:20px;
}

#graduates_voice{
margin:0px;
padding:0px;
}

#graduates_voice img{
display:block;
margin-left:auto;
margin-right:auto;
}

#graduates_voice section .before{
	margin-left:auto;
	margin-right:auto;
}


#last_image img{
display:block;
margin-left:auto;
margin-right:auto;
}


#last_image{
margin-bottom:100px;
}

.space{
	display:none;
}

/*プログラミングニーズここまで*/


#it-course-list, #it-course-list2{
overflow:hidden;
padding:2px;
}

#it-course-list li, #it-course-list2 li{
width:240px;
float:left;
box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
margin-right:13px;
border-radius:5px;
background-color:#fff;
}

#it-course-list figure, #it-course-list2 figure{
border-radius:5px 5px 0 0;
margin-bottom:15px;
}

#it-course-list a, #it-course-list2 a{
text-decoration:none;
}

#it-course-list a p, #it-course-list2 a p{
font-weight:bold;
font-size:1.2em;
line-height:150%;
width:208px;
margin:0 auto 10px;
padding:0;
color:#333;
}

#it-course-list li:nth-child(1) a span{
display:block;
color:#ffa726;
}

#it-course-list li:nth-child(2) a p span{
display:block;
color:#2196f3;
}

#it-course-list li:nth-child(3) a p span{
display:block;
color:#66bb6a;
}

#it-course-list2 li:nth-child(1) a span{
display:block;
color:#fa0001;
}

#it-course-list2 li:nth-child(2) a p span{
display:block;
color:#2963ad;
}

#it-course-list2 li:nth-child(3) a p span{
display:block;
color:#ac1e10;
}

.it-course-name{
width:208px;
margin:0 auto 10px auto;
padding:10px;
box-sizing:border-box;
font-size:0.9em;
text-align:center;
line-height:100%;
}

#it-course-list li:nth-child(1) .it-course-name{
background-color:#ffa726;
color:#fff;
}

#it-course-list li:nth-child(2) .it-course-name{
background-color:#2196f3;
color:#fff;
}

#it-course-list li:nth-child(3) .it-course-name{
background-color:#66bb6a;
color:#fff;
}

#it-course-list2 li:nth-child(1) .it-course-name{
background-color:#fa0001;
color:#fff;
}

#it-course-list2 li:nth-child(2) .it-course-name{
background-color:#2963ad;
color:#fff;
}

#it-course-list2 li:nth-child(3) .it-course-name{
background-color:#ac1e10;
color:#fff;
}

.it-course-link{
width:208px;
margin:0 auto 10px auto;
padding-right:15px;
text-align:right;
box-sizing:border-box;
color:#333;
line-height:100%;
background-repeat:no-repeat;
background-position:100% 50%;
}

#it-course-list li:nth-child(1) .it-course-link{
background-image:url(../../it/images/it_arrow1.png);
}

#it-course-list li:nth-child(2) .it-course-link{
background-image:url(../../it/images/it_arrow2.png);
}

#it-course-list li:nth-child(3) .it-course-link{
background-image:url(../../it/images/it_arrow3.png);
}

#it-course-list2 li:nth-child(1) .it-course-link{
background-image:url(../../it/images/it_arrow4.png);
}

#it-course-list2 li:nth-child(2) .it-course-link{
background-image:url(../../it/images/it_arrow5.png);
}

#it-course-list2 li:nth-child(3) .it-course-link{
background-image:url(../../it/images/it_arrow6.png);
}

#it-course-list li:last-child, #it-course-list2 li:last-child{
margin-right:0;
}

.box-type1 .bdr-top{
clear:both;
border-top:#ddd dashed 1px;
padding-top:15px;
}

#gnavi-sub{
display:none;
}

.wm-gr-title{
color:#03a9f4;
padding:0 0 15px 0;
}

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

#char-price {
clear: both;
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
font-size: 1.6em;
padding: 25px 0;
line-height: 100%;
color: #03a9f4;
margin-bottom: 70px;
text-align: right;
}

#char-price span {
display: inline-block;
padding-left: 30px;
color: #333;
}

#market_mv{
background-image:url(../../contents/images/marketing_movie_bg.jpg);
background-repeat:repeat-x;
background-position:50% 80%;
padding-bottom:510px;
}

#mfi_mv{
background-image:url(../../contents/images/mfi_bg.jpg);
background-repeat:repeat-x;
background-position:50% 80%;
padding-bottom:510px;
}

/*技術記事*/

#it-cat-list .tech-cat-list{
border:1px solid #03a9f4;
display:inline-block;
width:50px;
padding:2px 5px;
font-size:9px;
line-height:100%;
color:#03a9f4;
text-align:center;
margin-right:5px;
}

#it-cat-list p{
color:#03a9f4;
}

#top-fitst{
margin-bottom:30px;
}

#top-fitst span{
display:inline-block;
float:left;
font-size:12px;
}

#top-fitst span.tech-cat-list{
border: 1px solid #03a9f4;
display: inline-block;
width: 50px;
padding: 2px 5px;
font-size: 9px;
line-height: 100%;
color: #03a9f4;
text-align: center;
margin-right: 5px;
}

.evt-face{
width:250px;
float:right;
margin:0 0 0 20px;
padding:0 0 5px 0;
}

.evt-face figcaption{
font-size:0.9em;
line-height:150%;
color:#03a9f4;
}

.evt-face figcaption span{
color:#333;
display:block;
}

#event-list{
overflow:hidden;
}

#event-list li{
width:240px;
float:left;
margin:0 14px 45px 0;
}

#event-list li:nth-child(+3n){
margin:0 1px 15px 0;
}

#event-list a{
text-decoration:none;
color:#333;
}

#event-list p{
line-height:150%;
height:5em;
font-size:0.95em;
}

#event-list a img{
display:block;
opacity:1;
transition:ease all 0.3s;
margin-bottom:5px;
border:1px solid #ddd;
}

#event-list a:hover img{
opacity:0.8;
}


#event-list p span{
font-size:0.9em;
display:block;
line-height:125%;
margin-bottom:3px;
font-weight:bold;
color:#09d;
}

#event-list p span::before{
content:"講演者";
font-size:0.8em;
display:block;
font-weight:normal;
color:#333;
}

.event-btn{
display:block;
text-align:center;
border:2px solid #09d;
border-radius:20px;
color:#09d;
line-height:100%;
font-weight:bold;
padding:7px 0;
font-size:0.9em;
width:180px;
margin:auto;
transition:ease all 0.3s;
}

a:hover .event-btn{
background-color:#09d;
color:#fff;
}


}