@charset "utf-8";
/* CSS Document */

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

img{display:inline; height:auto; width:100%; vertical-align:bottom;}

#HRBoxBg{display:none;}
#gNavSP{display:block;}

#header{border-top:solid 8px #155597; background:#fff; padding:0; height:auto; overflow:visible; position:relative; min-width:100%;}
#headerIn{width:100%;}
#headerIn #HCcon ul{display:none;}
#header h1{float:none; background:#fafe76; padding:8% 2%;}
#header h1 img{width:60%; height:auto;}
#header #HCcon{float:none; margin-left:0; width:100%; text-align:center;}
#header #HCcon h2{font-size:84%; line-height:normal; font-weight:normal; margin-bottom:0; padding:1% 0;}
#header #spMenu{display:block; position:absolute; right:3%; top:8%; width:15%;}
#header #spMenu img{width:100%; height:auto;}

#headerBtn{display:block; margin:2% 0 0 2%;}
#headerBtn li{width:48%; margin-right:2%; float:left; border-radius:5px;}
#headerBtn li a{ display:block; padding:5%;}
#headerBtn li img{width:93%; height:auto; display:block; margin:0 auto;}
#headerBtn1{background:linear-gradient(#de6d00 0%, #de6d00 50%, #d55500 51%, #d55500 100%); background:-webkit-linear-gradient(#de6d00 0%, #de6d00 50%, #d55500 51%, #d55500 100%);}
#headerBtn2{background:linear-gradient(#1e61a0 0%, #1e61a0 50%, #114a8b 51%, #114a8b 100%); background:-webkit-linear-gradient(#1e61a0 0%, #1e61a0 50%, #114a8b 51%, #114a8b 100%);}
#headerBtn:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#headerBtn {min-height: 1px;}


#gNav{background:none; border-bottom:none; position:absolute; /*top:20%;*/ display:none; z-index:9999; width:100%; margin:0 auto;}
#gNav p img{width:100%; height:auto;}
#gNav ul{width:96%; margin:0 auto;}
#gNav ul li{float:none; margin-right:0; line-height:normal; width:100%; background:none;}
#gNav ul li a{background:none; width:auto; height:auto; overflow:visible; font-size:74%; line-height:normal; font-weight:bold; text-decoration:none; color:#fff; padding:5%;}
#gNav ul li a strong{font-size:150%;}
#gNav ul #gNav01{background:#e8b917; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:solid 1px #d0a615;}
#gNav ul #gNav02{background:#8bbf64; border-bottom:solid 1px #7dac5a; border-top:solid 1px #a2cc83;}
#gNav ul #gNav03{background:#d58fbb; border-bottom:solid 1px #bf80a8; border-top:solid 1px #dda5c9;}
#gNav ul #gNav04{background:#8ea4d5; border-bottom:solid 1px #8093bf; border-top:solid 1px #a5b6dd;}
#gNav ul #gNav05{background:#e68b42; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:solid 1px #eba268;}

#mainImg{display:none;}

#mainCon{width:100%; padding:0;}

#mainCon h3 strong{line-height:125%; display:inline-block;}
#mainCon h3 span{display:none;}
#mainCon h3 span.inqTxt{display:inline-block; white-space:nowrap; position:static;}

#footerCon{width:100%; margin:2% auto 0 auto; overflow:hidden;}
#footLink{position:relative; padding-left:2%; width:101%;}
#footLink li{float:left; background:linear-gradient(#0073bd , #005cad); background:-webkit-linear-gradient(#0073bd , #005cad); padding:3% 0; margin-right:2%; margin-bottom:2%; width:30%; border:solid 1px #0068b7; text-align:center; text-decoration:none; font-size:68%;}
#footLink li#footLinkHome{background:linear-gradient(#0073bd , #005cad); background:-webkit-linear-gradient(#0073bd , #005cad);}
#footLink li a{color:#fff; text-decoration:none;}
#ftContact{display:none;}
#secCon{float:none; clear:both; text-align:center; padding-bottom:2%; width:100%;}
#secCon li{margin-left:0; display:block; float:none;}
#secCon li img{width:auto; height:auto;}
#copyright{padding-bottom:0; min-width:100%;}
#copyright address{}

#footerBtn{display:block; margin:0 0 2% 2%;}
#footerBtn li{width:48%; margin-right:2%; float:left; border-radius:5px;}
#footerBtn li a{ display:block; padding:5%;}
#footerBtn li img{width:93%; height:auto; display:block; margin:0 auto;}
#footerBtn1{background:linear-gradient(#de6d00 0%, #de6d00 50%, #d55500 51%, #d55500 100%); background:-webkit-linear-gradient(#de6d00 0%, #de6d00 50%, #d55500 51%, #d55500 100%);}
#footerBtn2{background:linear-gradient(#1e61a0 0%, #1e61a0 50%, #114a8b 51%, #114a8b 100%); background:-webkit-linear-gradient(#1e61a0 0%, #1e61a0 50%, #114a8b 51%, #114a8b 100%);}
#footerBtn:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#footerBtn {min-height: 1px;}

#pList{min-width:100%;}
#pList ul{width:100%;}

/*inc detailedInformation*/
#diA{min-width:100%;}
#diA #diAIn{padding:3%;}
#diA #diAIn p{font-size:128%; margin:3px 0;}

#diBtn{display:none;}
#diBtn_sp{width:96%; padding:2%; background:#fff; display:block;}
#diBtn_sp div{border-radius: 5px;background:linear-gradient(#1e61a0 0%, #1e61a0 50%, #114a8b 51%, #114a8b 100%); background:-webkit-linear-gradient(#1e61a0 0%, #1e61a0 50%, #114a8b 51%, #114a8b 100%); width:42%; padding:3%; margin:0;}
#diBtn_sp #diLeft_sp{float:left; margin-right:1%;}
#diBtn_sp #diRight_sp{float:right; margin-left:1%;}


/*-- 下層 --*/
#pList, #mainCon dl#pageTtl img, #imgPosition,#leftNav{display:none;}
#mainCon .osusumeBox, #pageTop-End, #mainCon, #mainCon .eleRight, #mainCon #rightContent, #mainCon {width:100%;}

#mainCon .eleLeft, #mainCon .eleRight, .eleNAW dl, .eleNAW div, #mainCon #photo_teacherBox dl{float:none;}

/*  #pageTtl */
#mainCon #pageTtl{padding:5% 3% 3% 3%;}
#mainCon #pageTtl dt{font-size:163%; line-height:120%; text-indent:0; margin-bottom:2%;}
#mainCon #pageTtl dd{font-size:100%; line-height:110%; text-indent:0;}
/*  /#pageTtl */

/*  #contents*/
#mainCon .eleWrap{padding-top:1%; margin:0;}
#mainCon .eleBox{padding-bottom:5%;}

#mainCon .eleLeft, #mainCon .eleLeft2{width:94%; margin:0 auto;}
#mainCon .eleLeft dt{margin-bottom:2%;}
#mainCon .eleLeft .next{margin-top:6%; padding-top:5%;}
#mainCon .osusumeBox{margin:5% 0 2% 0;}
#mainCon .osusumeBox h4{padding:2% 3%;}
#mainCon .osusumeBox p{padding:3%;}
#mainCon .eleRight dl{margin:0 2%;}
#mainCon .eleRight dd{margin:0 2%;}
#mainCon .eleRight .sp_mg{margin-top:2%;}
#mainCon .eleRight .eleRImg1 dd{width:70%; margin:4% auto 0; padding:0;}
#mainCon .eleRight .eleRImg2 dd{width:80%; margin:0 auto; padding:0;}
#mainCon .eleRight .eleRImg2 .sp_mg{margin-top:2%; margin-bottom:2%;}

#mainCon .eleNAW{width:94%; margin:0 3%; border:1px solid #d8e4eb; box-sizing:border-box;}
#mainCon .eleNAW dl{padding:5% 4% 2% 4%; width:92%;}
#mainCon .eleNAW div{width:90%; padding:3% 5%;}
#mainCon .eleNAW div p{margin:1% 0 3% 0;}

/* table */
#mainCon #eleBLW{margin-top:5%; width:100%;}
#mainCon #eleBLW table{width:98%; margin:0 auto 2%;}
#mainCon #eleBLW table th, #mainCon #eleBLW table td{display:table-row;}
#mainCon #eleBLW table th div, #mainCon #eleBLW table td div{padding:4% 5%;}
#mainCon #eleBLW table td{padding:5%;}
#mainCon #eleBLW table td h5{margin:0; padding-bottom:3%; padding-left:10%;}
#mainCon #eleBLW table th strong{padding-top:2%; margin:0;}

#conNav{padding:2% 0;}
#conNav li{height:auto; width:47%; margin:0 0 1% 2%;}
#conNav li:hover{background:none;}
#conNav li a:hover img{filter:alpha(opacity=10); opacity:10;}
#conNav #conNav4{margin-right:0;}

#conNavSP{padding:2% 0 6% 0;}
#conNavSP li{text-align:center; background:none !important;}
#conNavSP li a{padding:4% 2%; display:block; text-decoration:none;}

#mainCon #photo_teacherBox dl{width:92%; margin:2% auto 7%;}
#mainCon #photo_teacherBox dt{margin-bottom:2%;}

#mainCon .sp_mg{margin-top:2%;}

#fh0{height:0; oveflow:hidden;}
.endText{padding:10% 0 !important; text-align:center; border:none !important; font-size:125% !important;}


#snsBtn{width:85%; padding:2%; margin:24px auto 0 auto;}
#snsBtn li:first-child{width:35%;}

#formBtnBox img, #formBtnBox input{width:auto; height:auto; margin-bottom:2%; vertical-align:bottom;}