@media screen and (max-width: 736px){
/*メニュー用*/
body{
margin:0;
padding:0;
}

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

body{
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size:1.3rem;
margin:0;
padding:0;
color:#333;
}

#my-analytics {
height: 1px;
width: 1px;
}

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

ul{
list-style-type:none;
overflow:hidden;
}

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

img{
width:100%;
height:auto;
}

main{
line-height:170%;
font-size:1.6rem;
padding-bottom:50px;
}

section{
clear:both;
overflow:hidden;
}

.wrap{
width:92%;
margin:auto;
}

p{
padding:0 4% 1.5rem 4%;
margin:0;
}

figure{
margin:auto 0 20px 0;
}

a{
color:#03a9f4;
}

.no-img{
display:none;
}

.no-img img{
width:1px;
height:1px;
display:none;
}

.pc{
display:none;
}

/*文字*/

h2.type1{
font-weight:normal;
font-size:2rem;
text-align:center;
line-height:150%;
padding:30px 4% 25px 4%;
margin:0;
}

h2.type2{
font-weight:normal;
font-size:2rem;
text-align:center;
line-height:150%;
padding:30px 4% 25px 4%;
margin:0;
color:#03a9f4;
}

h2.type2 span{
display:block;
color:#333;
font-size:1.5rem;
}

h3.type1{
font-size:1.7rem;
text-align:center;
line-height:150%;
padding:30px 4% 25px 4%;
margin:0;
}

h3.type2{
font-size:1.7rem;
text-align:center;
line-height:150%;
padding:30px 4% 25px 4%;
margin:0;
color:#03a9f4;
}

h3.type3,h3.type5{
font-size:1.5rem;
text-align:center;
line-height:125%;
padding:10px;
background-color:#e1f5fe;
color:#03a9f4;
width:92%;
box-sizing:border-box;
margin:0 auto 25px auto;
}

.txt-red{
color:#f00;
}

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

.txt-orange{
color:#ffa726;
}

.txt-navy{
color:#1e88e5;
}

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

.txt-link{
width:92%;
margin:auto;
display:block;
}

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

.size-s{
font-size:1.2rem;
line-height:125%;
}



/*配置*/

.img-right{
width:40%;
margin:0 4% 20px 15px;
float:right;
}

.img-left{
width:40%;
margin:0 15px 20px 4%;
float:left;
}

/*テーブル*/

table.type1{
width:92%;
margin:0 auto 20px auto;
border-top:1px solid #77c5e1;
border-left:1px solid #77c5e1;
border-collapse:collapse;
}

table.type1 td,table.type1 th{
padding:17px;
box-sizing:border-box;
border-bottom:1px solid #77c5e1;
border-right:1px solid #77c5e1;
text-align:left;
}

table.type1 th{
background-color:#e1f5fe;
color:#03a9f4;
}

/*リスト*/

ul.type1,ul.type5{
width:92%;
margin:0 auto 20px auto;
}

ul.type1 li .icon-ico10:before,ul.type5 li .icon-ico10:before{
color:#03a9f4;
}

/*ボタン*/

.btn-blue{
display:block;
background-color:#1cb1f5;
font-weight:bold;
width:80%;
line-height:100%;
color:#fff;
text-align:center;
text-decoration:none;
padding:13px 0;
margin:0 auto 20px auto;
border-radius:40px;
box-sizing:border-box;
}

.btn-white{
display:block;
border:2px solid #1cb1f5;
font-weight:bold;
background-color:#fff;
width:80%;
line-height:100%;
color:#1cb1f5;
text-align:center;
text-decoration:none;
padding:13px 0;
margin:0 auto 20px auto;
border-radius:40px;
box-sizing:border-box;
}

/*枠*/

.box-type1{
border:1px dashed #858585;
width:92%;
margin:0 auto 20px auto;
box-sizing:border-box;
padding:20px;
}

.box-type1 h2,.box-type1 h3,.box-type1 h4{
font-weight:bold;
font-size:1.6rem;
}

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

.box-type2,.box-type3,.box-type4,.box-type6{
width:92%;
margin:0 auto 20px auto;
box-sizing:border-box;
padding:20px;
background-color:#e1f5fe;
}

.box-type4 .size-s{
line-height:125%;
font-size:1.3rem;
margin:0;
padding:0;
}


.box-type2 h2,.box-type2 h3,.box-type2 h4,.box-type3 h2,.box-type3 h3,.box-type3 h4,.box-type4 h2,.box-type4 h3,.box-type4 h4,.box-type6 h2,.box-type6 h3,.box-type6 h4{
font-weight:bold;
font-size:1.6rem;
text-align:center;
color:#03a9f4;
}

.check{
background-color:#03a9f4;
width:80px;
color:#fff;
line-height:100%;
font-size:1.2rem;
text-align:center;
padding:5px 0;
margin:0 auto 5px auto;
display:block;
border-radius:20px;
}

/*フォントアイコン*/

@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?mpzrwf');
src:url('../fonts/icomoon.eot?#iefixmpzrwf') format('embedded-opentype'),
url('../fonts/icomoon.ttf?mpzrwf') format('truetype'),
url('../fonts/icomoon.woff?mpzrwf') format('woff'),
url('../fonts/icomoon.svg?mpzrwf#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-ico01:before {
content: "\e600";
}
.icon-ico02:before {
content: "\e601";
}
.icon-ico03:before {
content: "\e602";
}
.icon-ico04:before {
content: "\e603";
}
.icon-ico05:before {
content: "\e604";
}
.icon-ico06:before {
content: "\e605";
}
.icon-ico08:before {
content: "\e606";
letter-spacing:0.3rem;
}
.icon-ico09:before {
content: "\e607";
letter-spacing:0.3rem;
}
.icon-ico10:before {
content: "\e608";
letter-spacing:0.3rem;
}
.icon-ico11:before {
content: "\e609";
}
.icon-ico12:before {
content: "\e60a";
}
.icon-ico13:before {
content: "\e60b";
letter-spacing:0.3rem;
}

/*メニュー*/

#sp-head{
background-color:#fff;
height:100px;
position:fixed;
top:0;
left:0;
z-index:3;
width:100%;
box-shadow:0 0 4px 0 rgba(0,0,0,0.15);
}

#sp-head .header-lesson{
display:block;
text-align:center;
color:#fff;
border:1px solid #03a9f4;
background-color:#03a9f4;
width:100px;
height:30px;
text-decoration:none;
float:right;
box-sizing:border-box;
font-size:1rem;
line-height:100%;
padding:9px 0;
border-radius:20px;
letter-spacing:-0.02em;
font-weight:bold;
margin:10px 10px 10px 0;
}

#gnavi {
box-sizing: border-box;
padding: 50px 0 0 0;
position: fixed;
right:0;
transition: all 0.25s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
width:0;
height:0;
z-index: 999;
overflow:hidden;
background-color:inherit;
}

#gnavi2{
clear:both;
}

#gnavi2 ul{
height:50px;
overflow:hidden;
background-color:#32baeb;
}

#gnavi2 li{
float:left;
width:20%;
box-sizing:border-box;
border-right:1px solid #8ed9f4;
}

#gnavi2 li:last-child{
border-right:none;
}

#gnavi2 li a{
color:#fff;
text-decoration:none;
display:block;
height:50px;
box-sizing:border-box;
text-align:center;
font-size:10px;
line-height:100%;
}

#gnavi2 li span{
font-size:16px;
display:block;
padding:10px 0 4px 0;
}


#menu-icon {
cursor: pointer;
display: block;
position: fixed;
right: 0;
top: 0;
width: 40px;
height: 50px;
transition: all 0.3s linear 0s;
z-index: 1000;
background-repeat:no-repeat;
background-position: 50% 50%;
background-size:20px 13px;
box-sizing:border-box;
text-align:center;
padding-top:18px;
}

#menu-icon img{
display:block;
margin:auto;
width:20px;
height:13px;
}

#menu-cb {
display: none;
}

#menu-cb:checked ~ #gnavi {
transform:translateY();
background-color: rgba(70,193,237,0.95);
width:100%;
height:100%;
}

#menu-cb:checked ~ #menu-icon {
background-color:inherit;
background-image:url(../../smartphone/common/images/gnavi_btn2.png);
}

#menu-cb:checked ~ #menu-icon img{
display:none;
}

/*トップページ*/

header{
background-color: rgba(70,193,237,0.95);
height:50px;
position:fixed;
top:0;
left:0;
z-index:3;
width:100%;
box-shadow:0 0 4px 0 rgba(0,0,0,0.15);
}

#logo{
width:147px;
height:20px;
margin:15px 0 0 13px;
float:left;
}

.header-lesson{
display:block;
text-align:center;
color:#fff;
border:1px solid #fff;
width:100px;
height:30px;
text-decoration:none;
float:right;
box-sizing:border-box;
font-size:1rem;
line-height:100%;
padding:9px 0;
border-radius:20px;
letter-spacing:-0.02em;
font-weight:bold;
margin:10px 45px 0 0;
}

#gnavi-main{
width:92%;
margin:auto;
border-top:1px solid #fff;
}

#gnavi-main li{
border-bottom:1px solid #fff;
}

#gnavi-main a{
display:block;
font-size:1.4rem;
padding:17px 20px;
color:#fff;
text-decoration:none;
line-height:100%;
background-image:url(../../smartphone/common/images/sp_arrow1.png);
background-repeat:no-repeat;
background-size:7px auto;
background-position:98% 50%;
}

#gnavi-sub{
width:92%;
margin:auto;
padding:15px 0 0 0;
}

#gnavi-sub li{
float:left;
width:49%;
}

#gnavi-sub li:last-child{
float:right;
}

#gnavi-sub a{
display:block;
font-size:1.4rem;
color:#fff;
border:1px solid #fff;
border-radius:40px;
text-decoration:none;
text-align:center;
padding:17px 0;
line-height:100%;
}

.pagetop{
display:none;
width:1px;
height:1px;
}

.pagetop img{
width:1px;
height:1px;
display:none;
}


/*セカンド*/

#sec-title{
background-color:#03a9f4;
font-size:1.5rem;
font-weight:bold;
text-align:center;
line-height:100%;
color:#fff;
padding:117px 0 17px 0;
/*padding:67px 0 17px 0;*/
box-shadow:inset 0 50px 0 #fff;
}


#sec-main h1{
font-size:2.1rem;
text-align:center;
line-height:150%;
padding:30px 4% 25px 4%;
}

#lnavi p{
margin:0;
padding:15px 4%;
color:#fff;
background-color:#1cb1f5;
line-height:100%;
font-size:1.6rem;
}

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

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

#lnavi a{
text-decoration:none;
display:block;
background-image:url(../../smartphone/common/images/sp_arrow2.png);
background-repeat:no-repeat;
background-size:auto 12px;
background-position:98% 50%;
padding:15px 4%;
font-size:1.5rem;
}

#lnavi a.on{
background-color:#e1f5fe;
}

#lnavi li.lnavi-in a{
padding:10px 4% 10px 8%;
font-size:1.4rem;
}

footer{
background-color:#e1f5fe;
}

#footer-inq li:nth-child(-n+2){
width:50%;
float:left;
}

#footer-inq li:nth-child(1) a{
display:block;
text-decoration:none;
background-color:#32baeb;
color:#fff;
font-size:1.8rem;
line-height:100%;
padding:12px 0;
text-align:center;
}

#footer-inq li:nth-child(1) span{
display:block;
color:#ccf1ff;
font-size:1.05rem;
padding-bottom:2px;
letter-spacing:-0.02em;
}

#footer-inq li:nth-child(2) a{
display:block;
text-decoration:none;
background-color:#ff9800;
color:#fff;
font-size:1.8rem;
line-height:100%;
padding:12px 0;
text-align:center;
}

#footer-inq li:nth-child(2) span{
display:block;
color:#fff799;
font-size:1.05rem;
padding-bottom:2px;
letter-spacing:-0.02em;
}


#footer-inq li:nth-child(n+3){
width:92%;
clear:both;
margin:auto;
border-bottom:1px solid #03a9f4;
text-align:center;
font-size:1.6rem;
line-height:100%;
}

#footer-inq li:nth-child(n+3) a{
text-decoration:none;
display:block;
padding:17px 0;
}

#footer-sns{
width:144px;
margin:auto;
padding:20px 0 30px 0;
}

#footer-sns li{
width:34px;
float:left;
margin:0 7px;
}

#footer-snavi-sp{
text-align:center;
}

#footer-snavi-sp li:first-child{
border-left:1px solid #03a9f4;
}

#footer-snavi-sp li{
border-right:1px solid #03a9f4;
display:inline-block;
font-size:1.3rem;
}

#footer-snavi-sp a{
line-height:100%;
text-decoration:none;
display:inline-block;
padding:0 10px;
}

footer p{
text-align:center;
line-height:100%;
font-size:1.1rem;
color:#03a9f4;
padding:10px 0;
}

/*授業評価*/

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

.asess-box {
background-color: #f3f9fb;
padding: 12px;
margin: 0 auto 15px auto;
width: 92%;
}

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

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

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

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

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

.asess-title-area table {
border-collapse: collapse;
margin: 15px 0px;
padding: 0px;
clear:both;
}

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

/*お知らせ*/


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

#info-year-list li{
float:left;
width:48%;
margin:0 1%;
}

#info-year-list p{
height:9rem;
font-size:1.4rem;
line-height:150%;
}

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

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

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

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

#info-year-list span{
color:#333;
font-size:1.2rem;
}

.info2017 .info2017,.info2016 .info2016,.info2015 .info2015,.info2014 .info2014,.info2013 .info2013,.info2012 .info2012,.info2011 .info2011,.info2010 .info2010{
background-color:#e1f5fe;
}

/*ITガイド*/

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

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

.it-guide h2.type3{
font-size:1.5rem;
text-align:center;
line-height:125%;
padding:10px;
background-color:#e1f5fe;
color:#03a9f4;
width:92%;
box-sizing:border-box;
margin:0 auto 25px auto;
}

.it46 .it46,.it47 .it47,.it48 .it48,.it49 .it49,.it50 .it50{
background-color:#e1f5fe;
}

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


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

#it-cat-list li,.it-cat-type-list li{
float:left;
width:46%;
margin:0 2%;
}

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

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

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

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

#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:10px;
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:10px;
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:10px;
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:10px;
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:10px;
color:#fff;
}

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

#it-new-topic{
padding:30px 0 40px 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;
background-size:60px 60px;
padding:0 0 0 75px;
font-weight:normal;
font-size:1.9rem;
line-height:150%;
margin:0 auto 50px auto;
min-height:120px;
width:92%;
box-sizing:border-box;
}

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

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

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

#sec-foot-fd{
display:none;
}


#lesson-navi2{
overflow:hidden;
width:92%;
margin:auto;
}

#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.6rem;
line-height:100%;
background-color:#5BC2DC;
text-align:center;
padding:15px 0;
}

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

.privacy-txt{
width:94%;
height:100px;
overflow:auto;
border:solid 1px #ddd;
font-size:0.9rem;
}

input.btn-orange {
background-color: #FFAF00;
border: medium none;
border-radius: 4px;
padding: 15px 35px;
font-size: 16px;
font-weight: bold;
color: #FFF;
transition: all 0.3s ease 0s;
line-height: 100%;
background: transparent linear-gradient(#FFAF00, #FFAF00) repeat scroll 0% 0%;
}

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


.form-step{
width:92%;
margin:0 auto 30px auto;
}

.form-step li {
float: left;
width: 33%;
}

.form-step li:first-child span {
padding-left: 15px;
}

.form-step .on {
background-color: #32BAEB;
}

.form-step span {
width: 100%;
box-sizing: border-box;
font-size: 14px;
padding: 10px 20px;
line-height: 100%;
float: left;
text-decoration: none;
color: #fff;
position: relative;
display: block;
background-color: #bbb;
text-align: center;
}

.form-step span::before {
border-left-color: #fff;
right: -13px;
z-index: 1;
}

.form-step span::after, #form-step span::before {
content: "";
position: absolute;
top: 50%;
margin-top: -17px;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 1em solid;
right: -12px;
}

.form-step .on::after {
z-index: 2;
border-left-color: #32BAEB;
}

.form-step span::after {
z-index: 2;
border-left-color: #bbb;
}

.form-step li:last-child span::after, .form-step li:last-child span::before {
content: "";
position: static;
top: 0;
right: 0;
border: none;
}

.form-step li:last-child span::after, .form-step li:last-child span::before {
content: "";
position: static;
top: 0;
right: 0;
border: none;
}

.sslright {
width: 20%;
float: right;
margin: 5px 4% 10px 10px;
}

.input-txtbox{
width:150px;
height:18px;
}

.input-txtarea{
width:200px;
height:60px;
}

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:12px;
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:12px;
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:12px;
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:12px;
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:12px;
color:#fff;
}

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


#act-area ul{
width:92%;
margin:auto;
border-top:1px dashed #ddd;
}

#act-area li{
border-bottom:1px dashed #ddd;
}

#act-area ul .act-title {
font-family:1.4rem;
line-height:125%;
margin:0 0 15px 0;
padding:0;
color: #03a9f4;
}

#act-area ul p {
line-height: 125%;
padding:0;
font-size: 1.3rem;
margin-bottom:15px;
}

#act-area a{
display:block;
width:30%;
float:right;
margin:0 0 0 10px;
}

#act-area li{
padding:15px 0;
overflow:hidden;
}

#act-area a.act-btn{
display:block;
width:50%;
float:none;
clear:both;
text-align:center;
margin:auto;
border: 2px solid #03a9f4;
font-weight: bold;
text-decoration: none;
border-radius: 40px;
}

/*スペシャルコンテンツ*/

#special-area ul{
width:92%;
margin:auto;
border-top:1px dashed #ddd;
}

#special-area li{
border-bottom:1px dashed #ddd;
}

#special-area ul .special-title {
font-family:1.4rem;
font-weight:bold;
line-height:125%;
margin:0 0 15px 0;
padding:0;
color: #03a9f4;
}

#special-area ul p {
line-height: 125%;
padding:0;
font-size: 1.3rem;
margin-bottom:15px;
}

#special-area a{
display:block;
width:30%;
float:right;
margin:0 0 0 10px;
}

#special-area li{
padding:15px 0;
overflow:hidden;
}

#special-area a.special-btn{
display:block;
width:50%;
float:none;
clear:both;
text-align:center;
margin:auto;
border: 2px solid #03a9f4;
font-weight: bold;
text-decoration: none;
border-radius: 40px;
}

/*フォーム*/

.form-step li {
float: left;
width: 33%;
background-color: #ddd;
color: #fff;
padding: 5px 15px;
box-sizing: border-box;
border-left: 1px solid #fff;
}

.form-step .on {
background-color: #32BAEB;
}

.form-step span {
display:none;
}

#form1 dl{
width:92%;
margin:auto;
clear:both;
padding:20px 0;
}

#form1 dt {
margin: 0 0 5px 0;
padding: 0;
font-weight: bold;
line-height: 100%;
}

#form1 dd {
margin: 0 0 20px 0;
padding: 0;
}

.form-necessary {
font-weight: normal;
color: #ff0000;
}

.input-txtbox2 {
width: 140px;
height: 20px;
font-size: 17px;
}

.privacy {
border: 1px solid #449FBF;
border-radius: 5px;
font-size: 10px;
width: 92%;
margin: 0 auto 15px auto;
padding: 15px;
line-height: 125%;
}

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

#lesson2 .btn-orange {
background-color: #FF9800;
background: transparent linear-gradient(#FFAF00, #FFAF00) repeat scroll 0% 0%;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px;
font-size: 18px;
width: 200px;
margin: 0 auto 50px auto;
display: block;
}
.frm-event label{
display:block;
margin:3px 0;
}

.frm-tel-num{
font-size:1.7rem;
font-weight:bold;
}


.fd-sp{
background-image:url(../../../common/images/fd_m.png);
background-repeat:no-repeat;
background-position:0 50%;
background-size:auto 15px;
display:inline-block;
padding-left:30px;
margin-bottom:3px;
color:#333;
font-weight:bold;
font-size:1.5rem;
text-decoration:none;
}

#footer-inq li:nth-child(n+3) #footer-fd{
display:block;
text-align:center;
background-color:#fff;
border:2px solid #03a9f5;
border-radius:40px;
line-height:100%;
margin-bottom:15px;
color:#333;
padding:10px 0;
}

#footer-fd span{
line-height:100%;
}

#footer-fd-title{
font-size:1.5rem;
font-weight:bold;
line-height:100%;
text-align:center;
padding:20px 0 15px 0;
}

#pl-main {
background-image: url(../../contents/images/pl_pic01.jpg);
background-repeat: repeat-x;
background-position: 50% 10px;
padding-top: 260px;
background-size:auto 230px;
}

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

.box-type5 .type1{
width:92%;
margin:0 auto 20px auto;
font-size:1.3rem;
}

.box-type5 .type1 li .icon-ico10:before{
color:#03a9f4;
}

#job-gr-list{
width:92%;
margin:auto;
overflow:hidden;
}

#job-gr-list li{
float:left;
width:49%;
margin-right:2%;
font-size:1.4rem;
padding-bottom:15px;
}

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

.job-gr-copy{
font-weight:bold;
display:block;
line-height:150%;
}

.job-gr-copy span{
display:block;
font-weight:normal;
color:#03a9f4;
line-height:125%;
font-size:1.2rem;
}

.dropmenu{
display:none;
}

#it-course-list, #it-course-list2{
width:92%;
margin:auto;
}

#it-course-list li, #it-course-list2 li{
border:1px solid #ddd;
margin-bottom:15px;
}

#it-course-list a, #it-course-list2 a{
text-decoration:none;
overflow:hidden;
color:#333;
font-size:1.6rem;
font-weight:bold;
display:block;
padding:15px 15px 0 15px;
}

#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-list figure, #it-course-list2 figure{
width:30%;
float:right;
margin:0 0 10px 10px;
}

#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-name{
clear:both;
width:90%;
margin:0 auto 10px auto;
padding:10px;
box-sizing:border-box;
font-size:1.4rem;
font-weight:normal;
text-align:center;
line-height:100%;
}

.it-course-link{
display:none;
}

.wm-gr-title{
padding-bottom:15px;
}

#char-price{
color: #03a9f4;
padding: 10px 0;
line-height:100%;
width:92%;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
margin:auto;
}

#char-price span{
color:#333;
}

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

/*スペシャルコンテンツ*/

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

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

.reason-box section h3{
text-align:center;
}

#graphic_main h1 {
	font-size:2.1rem;
	line-height:150%;
	padding:30px 4% 25px;
	text-align:center;
}

#graduates_voice2 {
	margin-top:55px;
	margin-bottom:55px;
}

#graduates_voice1 figure{
height:auto;
margin:5px 10px 15px 0;
width:37%;
}

#graduates_voice2 figure{
height:auto;
margin:5px 10px 15px 0;
width:37%;
}

#graduates_voice1 section div{
float:left;
}

#graduates_voice2 section div{
float:left;
}

#graduates_voice1 section{
display:inline;
}

#graduates_voice2 section{
display:inline;
}

.comment {
border:1px dashed #e3e3e3;
margin-top:25px;
padding:10px 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;
margin-left:10px;
}

#sec-main #market_mv{
background-image:url(../../contents/images/marketing_movie_bg.jpg);
background-repeat:repeat-x;
background-position:50% 100%;
margin-bottom:15px;
background-size:auto 215px;
padding-bottom:230px;
}

h4{
width:92%;
margin:auto;
}

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

/*イベントリポート*/

#event-list{
width:94%;
margin:auto;
}

#event-list li{
width:48%;
float:left;
margin:5px 1%;
}

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

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

.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.9rem;
width:75%;
margin:0 auto 25px auto;
}

#event-list a{
text-decoration:none;
color:#333;
}
#event-list p{
line-height:125%;
height:8rem;
font-size:0.95em;
}

}