@charset utf-8;

/*
RESET
***********************************/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,em,img,q,small,strong,sub,sup,b,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
h2,h3,h4,h5,h6,th{font-weight:normal;}
ol,ul,li{list-style:none;}
li{list-style-position:outside; /* for IE */*display:inline;*zoom:1;}
blockquote,q{quotes: none;}
blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;}
a{outline:none;text-decoration:none;}
a img{border-style:none;}
img{backface-visibility: hidden;max-width:100%;}
table {border-collapse:collapse;border-spacing:0;}
.clearfix{width:100%;}
.clearfix::after{display:block;clear:both;height:0;visibility:hidden;content:".";zoom:1;overflow:hidden;font-size:0.1em;line-height:0;}

/*
DEFAULT
***********************************/

/* body */
body{width:100%;height:auto;word-break:break-all;word-wrap:break-word;}
body{line-height:1.4;font-size:13px;color:#636565;background-color:#fff;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;}

/* link */
a{color: #636565;}
a:hover{color:#853838;text-decoration:underline;}
a img:hover{opacity: 0.7;}
a,a img{-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
a:hover,a img:hover{-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}

/* position */
.hidden{visibility:hidden;}
.over_hidden{overflow:hidden;}
.align_l{text-align:left;}
.align_c{text-align:center;}
.align_r{text-align:right;}
.middle{vertical-align:middle;}
.flo_l{float:left;}
.flo_r{float:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.box{display:-webkit-box;display:-moz-box;display:box;}
.box-flex{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
.none{display: none!important;}

/* margin */
.m-auto{margin:0 auto;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mlr5{margin-left:5px;margin-right:5px;}
.mlr10{margin-left:10px;margin-right:10px;}
.mlr15{margin-left:15px;margin-right:15px;}
.mlr20{margin-left:20px;margin-right:20px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}

/* margin_add */
.ml2{margin-left:2px;}

/* size */
.bold{font-weight:700;}
.normal{font-weight:400;}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.lh0{line-height:0;}

/* color */
.white{color:#fff;}
.gray{color:#555555;}
.gray2{color:#484242;}
.red{color:#ff0000;}

/* decoration */
.underline{text-decoration:underline;}
.round5{border-radius:5px;}
.round10{border-radius:10px;}
.shadow_01{box-shadow:0 1px 0 0;}


/*
COMMON
***********************************/

/* container */
#wrapper{background:url(../images/common/bg/bg_01.png) repeat 0 0;background-color:#ccc;}
.container{width:100%;margin-top: 30px;}
.top .container{margin-top: 0;}

.inner{width: 1020px;margin: 0 auto 20px;overflow: hidden;}
.contents_l{width:730px;float:left;margin-right: 20px;}
.contents_r{width:270px;font-size:13px;float:left;}

/* header・nav */
header{width: 100%;background-color: #fff;padding-top: 20px;}
header .head_t{width: 1020px;margin: 0 auto 10px;overflow: hidden;}
header .head_t .logo{float: left;}
header .head_t .logo img{max-width:100%;height: auto;}
header .head_t .head_r{float: right;width: 580px;}
header .head_t .head_r li{float: left;margin: 12px 15px 0 0;padding-left: 20px;}
header .head_t .head_r li.icon_q{background: url(../images/common/header/h_icon_q.png) no-repeat 0 0;}
header .head_t .head_r li.icon_map{background: url(../images/common/header/h_icon_map.png) no-repeat 0 0;}
header .head_t .head_r li.icon_mail{background: url(../images/common/header/h_icon_mail.png) no-repeat 0 0;}
header .head_t .head_r li.icon_contact{margin: 0;padding: 0;}
header .head_b{background: #efefef;background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%);background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );width: 100%;border-top: solid 1px #e8e8e8;border-bottom: solid 3px #ffa525;}
header .head_b ul{width: 1019px;margin: 0 auto;border-left: solid 1px #e3e3e3;}
header .head_b ul li{float: left;}
header .head_b ul li a{display: block;padding: 10px 28.5px;border-right: solid 1px #e3e3e3;font-size: 16px;color: #353636;}
header .head_b ul li a:hover{color:#853838;text-decoration: none;}

#gnavi li{float:left;}
.sp_navmenu li a{color: #fff;background:url(../images/icon_arrow_r1.png) no-repeat 97% 50%;display: block;}
.sp_navmenu li a span{border-bottom: solid 1px #fff;display: block;padding: 14px 0;margin: 0 10px;font-size:14px;}
.sp_navmenu li ul.sp_subcategory a{background:url(../images/icon_arrow_r2.png) no-repeat 95% 50%;}
.sp_navmenu li ul.sp_subcategory a span{font-size:12px;padding: 14px 0 14px 12px;}
.sp_navmenu li a span.last{border-bottom:none;}


/* eyecatch */
.eyecatch{width: 100%;background-color: #fce8c1;padding-top: 20px;}
.eyecatch_container{width: 100%;margin: 0 auto;}
.eyecatch_container .slick-list{padding-bottom: 10px;position: static;}
.eyecatch_container .slick-slide img {display: block;padding: 1%;background-color: #fff;margin: 0 auto 10px;box-shadow: rgb(115, 115, 115) 0px 0px 9px 1px;-webkit-box-shadow: rgb(115, 115, 115) 0px 0px 9px 1px;-moz-box-shadow: rgb(115, 115, 115) 0px 0px 9px 1px;width: 95%;}
.eyecatch_container .slick-slider {margin-bottom: 0;padding-bottom: 20px;}
.eyecatch_container .slick-dots{position: relative;bottom: 0;padding: 10px 0 20px 0;}
.eyecatch_container .slick-prev, .eyecatch_container .slick-next{z-index:1;top: 45%;width: 50px;height: 50px;}
.eyecatch_container .slick-prev::before, .eyecatch_container .slick-next::before{font-size:40px;}
.eyecatch_container .slick-prev{left: 25px;}
.eyecatch_container .slick-next{right: 25px;}
.eyecatch_sub{background-color: #fce8c1;margin-bottom: 20px;}
.eyecatch_sub .eyecatch_container{width: 1020px;margin: 0 auto;}
.eyecatch_sub .eyecatch_container .slick-list{padding: 0!important;}
.eyecatch_sub .eyecatch_container .slick-track{left: 0!important;}

/* sidebar */
.side_examzone{text-align: center;background: #fff;border: solid 1px #ccc;width: 260px;margin-bottom: 15px;padding: 7px 0px;box-shadow: rgb(115, 115, 115) 0px 0px 9px 1px;     -webkit-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;     -moz-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;}
.side_examzone ul{width: 244px;padding: 0px 0px 8px;background: url(../images/common/side/s_bg_colc.png) repeat 0 0;margin: 0 auto;background-size: 100% 100%;border: solid 1px #ccc;}
.side_examzone li{margin-bottom: 10px;line-height: 0;padding: 0 7px;}
.side_examzone li.attend_txt{padding: 15px 0;background: #de5041;color: #fff;}
.side_examzone li img{width: 100%;height: auto;}
.boxline_side a img{display: block;background-color: #fff;padding: 7px;border: solid 1px #ccc;margin-bottom: 15px;box-shadow: rgb(115, 115, 115) 0px 0px 9px 1px;-webkit-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;-moz-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;}
.boxline_side_02{background: url(../images/common/side/s_bg_01.png) repeat 0 0;width: 260px;border: solid 1px #ccc;margin-bottom: 15px;}
.boxline_side_02 .boxinner{background-color: #fff;width: 245px;margin: 5px auto;border: solid 1px #ccc;}
.boxline_side_02 .boxinner h2{text-align: center;color: #fff;font-size: 14px;padding: 6px 0px;}
.boxline_side_02 .boxinner h2.title_01{background-color: #fe9700;}
.boxline_side_02 .boxinner h2.title_02{background-color: #0d7bae;}
.boxline_side_02 .boxinner ul li a{display: block;border-bottom: dotted 1px #ccc;padding: 10px;position: relative;}
.boxline_side_02 .boxinner ul li a::after {position: absolute;top: 50%;right: .2em;content: '';margin-top: -5px;border: 7px solid transparent;border-top-width: 5px;border-bottom-width: 5px;border-left-color: #353636;transition: all .3s;}

/* footer */
footer{background-color: #fff6e9;border-top: solid 3px #ffa525;padding: 10px 0;}
footer .inner h2{width: 96%;border-bottom: solid 1px #dd8912;margin: 2px 0 15px;padding: 3px 0 10px 4%;font-size: 16px;background: url(../images/common/footer/f_icon_map.png) no-repeat 1% 0;}

footer .inner .mainlist{margin: 0 20px;overflow: hidden;}
footer .inner .mainlist li{float: left;margin-right: 30px;}
footer .inner .mainlist li a{display: block;padding-left: 20px;position: relative;padding-top: 4px;margin-bottom: 20px;}
footer .inner .mainlist li a::before {position: absolute;top: 24%;left: 0;content: '';border: 9px solid transparent;border-top-width: 7px;border-bottom-width: 7px;border-left-color: #DD8912;transition: all .3s;}

footer .inner .sublist{margin: 0 20px 30px;overflow: hidden;}
footer .inner .sublist li{float: left;margin-right: 30px;}
footer .inner .sublist li a{display: block;padding-left: 20px;position: relative;padding-top: 4px;}
footer .inner .sublist li a::before {position: absolute;top: 24%;left: 0;content: '';border: 9px solid transparent;border-top-width: 7px;border-bottom-width: 7px;border-left-color: #353636;transition: all .3s;}

footer .inner .footer_b{width: 100%;overflow: hidden;}
footer .inner .footer_b .logo{float: left;/*background-color: #fff;*/margin-right: 30px;width: 260px;}
footer .inner .footer_b .logo img{max-width: 100%;height:auto;}
footer .inner .footer_b .support_txt{float: left;width: 450px;}
footer .inner .footer_b .support_logo{float: left;}
footer .inner .footer_b .support_logo img{width: 64px;height: auto;}


/* common_parts */
.boxline{border:solid 1px #e8e8e8;background-color: #fff;padding: 20px;box-shadow: rgb(115, 115, 115) 0px 0px 9px 1px;-webkit-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;-moz-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;margin-bottom: 30px;}
.boxline h1{margin-bottom: 20px;}
.boxlist{width: 100%;overflow: hidden;display: -webkit-box;display: box;display:flex;}
.boxlist li{border: solid 1px #e8e8e8;background-color: #fff;box-shadow: rgb(115, 115, 115) 0px 0px 9px 1px;-webkit-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;-moz-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;margin-bottom: 30px;width: 32%;margin-right: 2%;box-sizing: border-box;}
.boxlist.column-2 li{width:48%;margin:0 1% 30px;}

.button {position: relative;} /* リンクに「▶」を付ける */
.button::after {position: absolute;top: 50%;right: .2em;content: '';margin-top: -5px;border: 7px solid transparent;border-top-width: 5px;border-bottom-width: 5px;border-left-color: #353636;transition: all .3s;}
.boxlink_both{width: 95%;overflow: hidden;padding: 20px 0;margin: 0 auto;}
.boxlink_both .left{float: left;max-width:49%;margin-right: 1%;}
.boxlink_both .right{float: right;max-width:49%;margin-left: 1%;}
.boxlink_both img{max-width:100%;height: auto;}
.boxlink_r{clear: both;text-align: right;padding: 10px 0;}
.boxlink_contact a{display: block;padding: 12px 20px;background-color: #FE9700;color: #fff;border-radius: 5px;position: relative;font-size:20px;text-align: center;margin-bottom: 20px;}
.boxlink_contact a:hover{background-color: #F9BB60;text-decoration:none;}
.boxlink_contact a::after {position: absolute;top: 50%;right: 0.01em;content: '';margin-top: -9px;border: 13px solid transparent;border-top-width: 9px;border-bottom-width: 9px;border-left-color: #fff;transition: all .3s;}
.boxlink_contact .end{text-align: center;color:#ff0000;font-size:18px;font-weight:bold;display: block;}

.boxlink_support{overflow: hidden;}
.boxlink_support .txt{float:left;margin-top:8px;}
.boxlink_support a{display: block;padding: 9px 10px;background-color: #0D7BAE;color: #fff;border-radius: 5px;position: relative;text-align: center;width: 200px;float: right;margin-bottom: 30px;}
.boxlink_support a:hover{background-color: #F9BB60;text-decoration:none;}
.boxlink_support a::after {position: absolute;top: 50%;right: 0.01em;content: '';margin-top: -6px;border: 6px solid transparent;border-top-width: 6px;border-bottom-width: 6px;border-left-color: #fff;transition: all .3s;}

.title_line{font-size: 18px;font-weight: normal;background: url(../images/common/bg/title_bottomline.png) no-repeat 0 100%;background-size: 100%;color: #353636;font-weight: bold;}
.title_line span{display: block;width: 100%;padding: 3px 0 10px 43px;}
.icon_q{background:url(../images/common/bg/icon_q.png) no-repeat 0px 0px;}
.icon_light{background: url(../images/common/bg/icon_light.png) no-repeat 0px 0px;}
.icon_tieup{background: url(../images/common/bg/icon_tieup.png) no-repeat 0px -2px;}
.icon_news{background: url(../images/common/bg/icon_news.png) no-repeat 4px -2px;padding-left: 50px!important;}
.icon_review{background: url(../images/common/bg/icon_review.png) no-repeat 0px 0px;}
.icon_merit{background: url(../images/common/bg/icon_merit.png) no-repeat 0px 0px;}
.icon_textbook{background: url(../images/common/bg/icon_textbook.png) no-repeat 0px 0px;}
.icon_bookstore{background: url(../images/common/bg/icon_bookstore.png) no-repeat 0px 0px}
.icon_greeting{background: url(../images/common/bg/icon_greeting.png) no-repeat 0px -2px;}

.icon_pdf{background: url(../images/common/bg/icon_pdf.png) no-repeat 0px 0px; padding-left:1.5em;}

.kiyaku_box{width: 90%;margin: 0 auto 50px;border: solid 1px #ccc;padding: 15px;height: 100px;overflow: scroll;text-align: left;}



/* responsive */
.pcView{display:block;}
.spView{display:none;}

@media screen and (max-width: 1024px) {/* Pad & Smartphone Display - width:1024px under - */

/* container */
.inner{width: 98%;}
.contents_l{width:65%;margin-right: 2%;}
.contents_r{width:33%;}

/* header・nav */
header .head_t{width: 100%;}
header .head_t .logo{width: 20%;}
header .head_t .head_r{width: 72%;}
header .head_t .head_r li{font-size:12px;margin:12px 8.5px 0 0;}
header .head_b ul{width: 98%;}
header .head_b ul li{float: left;min-width: 14.5%;text-align: center;}
header .head_b ul li a{padding: 10px;font-size:12px;}
.slick-list{padding: 0!important;}
.eyecatch_sub .eyecatch_container{width: 98%;}

/* sidebar */
.side_examzone{width: 100%;box-sizing: border-box;}
.side_examzone ul{width: 90%;padding: 15px 2% 8px;}
.boxline_side a img{padding: 7px 2%;width: 100%;box-sizing: border-box;}
.boxline_side_02{width: 100%;box-sizing: border-box;}
.boxline_side_02 .boxinner{width: 95%;}


/* footer */
footer .inner h2{padding: 3px 0 10px 6%;}
footer .inner .footer_b .support_txt{width: 40%;}

/* common_parts */
.boxline h1 img{max-width:100%;height: auto;}

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

}

@media screen and (max-width: 727px) { /* SmartPhone Display - width:727px under - */

/* container */
.contents_l{width: 100%;margin-right: 0;float: none;}
.contents_r {width: 98%;float: none;margin: 0 auto;}


/* header・nav */
header{border-bottom:solid 2px #FCE8C1;}
.head_sp{width: 100%;overflow: hidden;}
.head_sp .logo{width: 50%;float: left;}
.head_sp .popup-modal{float: right;width: 40px;text-align: right;margin-right: 4%;}

/* eyecatch */
.eyecatch_container .slick-prev,.eyecatch_container .slick-next{display: none!important;}
.sp_examzone{text-align: center;background: #fff;border: solid 1px #ccc;width: 98%;margin:0 auto 15px;padding: 7px 0px;box-shadow: rgb(115, 115, 115) 0px 0px 9px 1px;     -webkit-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;-moz-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;box-sizing:border-box;}
.sp_examzone ul{width: 96%;padding: 15px 0 8px;background: url(../images/common/side/s_bg_colc.png) repeat 0 0;margin: 0 auto;background-size: 100% 100%;border: solid 1px #ccc;}
.sp_examzone li{margin-bottom: 10px;line-height: 0;}
.sp_examzone li.attend_txt{padding: 15px 0;background: #de5041;color: #fff;}
.sp_examzone li img{width: 100%;height: auto;}

/* sidebar */
.boxline_side{width: 49%;margin-right:0%;float: left;}
.boxline_side:nth-child(odd){margin: 0 0 0 2%;}
.boxline_spexam img{display: block;background-color: #fff;border: solid 1px #ccc;margin-bottom: 15px;box-shadow: rgb(115, 115, 115) 0px 0px 9px 1px;-webkit-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;-moz-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;width: 100%;}
.boxline_side a img{padding: 2%;}

/* footer */
footer{padding: 0;}
footer .inner{width: 100%;margin: 0;padding-bottom: 20px;}
footer .f_inner{width: 100%;padding: 0;}
footer .f_inner h2{background-color: #FFA525;color: #fff;text-align: center;font-size: 16px;padding: 5px 0;background-image: none;border-bottom: none;margin: 0;width: 100%;}
footer .sp_fmenu{width: 100%;}
footer .sp_footermenu{overflow: hidden;width: 100%;}
footer .sp_footermenu li {display: block;float: left;width: 50%;box-sizing:border-box;border-bottom:solid 1px #E4C7AE;font-size: 130%;margin-bottom: 0;}
footer .sp_footermenu li.first {border-right:solid 1px #E4C7AE;}
footer .sp_footermenu li a,footer .sp_footermenu li .fblock{display: block;width: 94%;padding:15px 3%;font-size:12px;color: #353636;position: relative;}
footer .sp_footermenu li a::after {position: absolute;top: 50%;right: .2em;content: '';margin-top: -5px;border: 7px solid transparent;border-top-width: 5px;border-bottom-width: 5px;border-left-color: #353636;transition: all .3s;}
footer .sp_footermenu li .fblock{text-align: center;}

footer .inner .footer_b{padding: 10px 0;background-color: #fff;}
footer .inner .footer_b .logo{float: none;text-align: center;margin: 0 auto 20px;width: 60%;}
footer .inner .footer_b .support_txt {width: 98%;float: none;margin: 0 auto 20px;}
footer .inner .footer_b .support_logo {float: none;text-align: center;padding: 10px 0;}


/* common_parts */
.boxline{padding: 5px;}
.boxlist{display: block;}
.boxlist li{width: 100%;}
.boxlist.column-2 li{width:100%;margin:0 auto 30px;}
.boxlink_both .left,.boxlink_both .right{float:none;max-width:100%;text-align: center;margin:0 0 10px 0;}

.boxlink_support .txt{float:none;margin-bottom:10px;text-align:center;}
.boxlink_support a{margin:0 auto 30px;float:none;}

.boxlink_contact .end{font-size:15px;}
.title_line{font-size:16px;margin-top: 5px;}
.title_line span {width: 87%;padding: 3px 0 10px 13%;font-size: 16px;}
.footer_bnr{width: 98%;margin: 0 auto;border: solid 1px #ccc;line-height: 0;margin-bottom: 10px;}


/* responsd View*/
img{max-width:100%;height:auto;}
.pcView{display:none !important;}
.spView{display:block !important;}

}