@charset "utf-8";

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	style

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

#content * { box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

.opa {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.opa:hover {
opacity: 0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
}

#content{ min-width:960px; font-size:18px; color:#4c4c4c;}
#content figure{ text-align:center;}
#content img{ vertical-align:bottom; margin:0; padding:0;}

#main{ text-align:center; background:url(../img/main_bg.jpg) center center no-repeat; position:relative;}
#main #main_btn{ position:absolute; bottom:25px; left:0; right:0; display:inline-block;}
@media print, screen and (min-width:1301px){
#main figure.min_img{ display:none;}
#main #main_btn a img{ width:33%;}
}
@media print, screen and (max-width:1300px){
#main figure.max_img{ display:none;}
}

#content_in{ width:960px; margin:40px auto 70px;}
#content_in section{ margin-bottom:70px;}

#content_navi{ margin:70px auto;}
#content_navi ul{ display:table; table-layout:fixed; width:100%;}
#content_navi ul li{ display:table-cell; vertical-align:middle;}

h2.title{ background:url(../img/title_bg.png) center center no-repeat; background-size:100% 100%; padding:35px 0 35px 30px;}
h2.title002{ background:url(../img/title_bg002.png) center center no-repeat; background-size:100% 100%; padding:35px 0 35px 30px;}
.sec_in{ border:30px solid #2ebdfe; border-top:none; padding:30px;}
.sec_in002{ border:30px solid #037aea; border-top:none; padding:30px;}
.bg002{ background:url(../img/bg002.png) center bottom no-repeat; background-size:100% auto;}

#sec001 figure{ margin:10px auto 40px;}
#sec001 ul li{ margin-top:10px;}

#sec002 hr{ height:0; border:none; border-top:8px dotted #2ebdfe; margin:30px auto;}
#sec002 .point{ position:relative;}
#sec002 .point h3{ position:relative; left:-50px; top:-10px; margin-bottom:20px}
#sec002 .point dl{ display:table; table-layout:fixed; width:100%;}
#sec002 .point dt{ padding:0 20px; width:340px; display:table-cell; vertical-align:middle;}
#sec002 .point dd{ display:table-cell; vertical-align:middle;}
#sec002 .comment{ margin:40px auto; background:url(../img/bgpt002.png) center center repeat; padding:30px; border-radius:12px; font-size:15px; position:relative;}
#sec002 .comment h4{ margin-bottom:30px;}
#sec002 .comment dl dd{ vertical-align:top;}
#sec002 .comment dl dt{ width:290px; padding:0 0 0 20px;}
#sec002 .comment dl dt.teacher{ width:310px; padding:0 0 0 20px;}
#sec002 .comment figure.card{ position:absolute; right:-5px; top:-10px;}

#sec003 .cal{ margin-bottom:60px; padding:0 20px;}
#sec003 .cal:last-child{ margin-bottom:0;}
#sec003 h3{ margin-bottom:20px;}
#sec003 h4{ margin-bottom:30px;}
#sec003 table{ width:100%; border-collapse:collapse; table-layout:fixed; text-align:center;}
#sec003 table thead th{ border:2px solid #fff; border-top:none; background:#037aea; vertical-align:middle; padding:20px 0;}
#sec003 table thead th:nth-child(1){ width:160px; border-left:2px solid #037aea;}
#sec003 table thead th:nth-child(3){ border-right:2px solid #037aea;}
#sec003 table tbody td{ border:2px solid #d2d2d2; padding:10px;}
#sec003 table tr{ background:#fff;}
#sec003 table tr:nth-child(2n){ background:#f0f0f0;}
#sec003 table td.choose{ background:#E0FFFF;}
#sec003 ul{ display:table; table-layout:fixed; width:100%; margin:30px auto;}
#sec003 ul li{ display:table-cell; vertical-align:middle;}
#sec003 dl dt{ padding:10px; background:url(../img/bgpt001.png) center center repeat;}
#sec003 dl dd{ padding:20px 0 40px;}
#sec003 dl:last-child dd{ padding:20px 0 0;}
#sec003 dl dd figure{ width:250px; margin-left:20px;}
#sec003 dl dd figure p{ margin-top:5px; font-size:14px; font-weight:bold; text-align:left;}

#sec004 { position:relative;}
#sec004 .sec_in002{ padding:30px 50px;}
#sec004 figure.icon{ position:absolute; right:10px; top:10px;}
#sec004 dl{ display:table; table-layout:fixed; width:100%; margin-bottom:60px;}
#sec004 dt{ display:table-cell; vertical-align:bottom;}
#sec004 dd{ display:table-cell; vertical-align:bottom; width:280px; text-align:right;}
#sec004 h3{ margin-bottom:30px;}
#sec004 dl.qa_q{ margin:0 0 0 30px; display:table; table-layout:fixed; width:770px; background:url(../img/bgpt001.png) center center repeat;}
#sec004 dl.qa_q dt{ display:table-cell; vertical-align:middle; width:60px;}
#sec004 dl.qa_q dt img{ position:relative; left:-30px;}
#sec004 dl.qa_q dd{ display:table-cell; vertical-align:middle; text-align:left; width:auto; position:relative; left:-15px;}
#sec004 dl.qa_a{ margin:0 auto 30px; display:table; table-layout:fixed; width:800px; padding-top:10px; font-size:16px;}
#sec004 dl.qa_a dt{ display:table-cell; vertical-align:top; width:60px; text-align:center;}
#sec004 dl.qa_a dd{ display:table-cell; vertical-align:top; text-align:left; width:auto;}
#sec004 #qa_other{ text-align:center; padding:10px; background:#f88311; border-radius:8px;}
#sec004 #qa_other img{ vertical-align:middle;}

#sec005 .sec_in{ padding:30px 50px;}
#sec005 figure{ margin:20px auto;}
#sec005 h3{ margin-bottom:30px;}
#sec005 .sec005_table{ margin:30px auto; width:450px;}
#sec005 .sec005_table table{ border-collapse:collapse; width:100%; margin-bottom:15px;}
#sec005 .sec005_table table img{ vertical-align:middle;}
#sec005 .sec005_table table thead th{ text-align:center; padding:5px; background:#d2d2d2; border:2px solid #fff; border-top:none;}
#sec005 .sec005_table table thead th:first-child{ border-left:2px solid #d2d2d2;}
#sec005 .sec005_table table thead th:last-child{ border-right:2px solid #d2d2d2;}
#sec005 .sec005_table table tbody th,
#sec005 .sec005_table table tbody td
{ text-align:center; padding:5px; border:2px solid #d2d2d2; border-top:none; font-weight: bold}
#sec005 .sec005_table table tr{ background:#fff;}
#sec005 .sec005_table table tr:nth-child(2n){ background:#f0f0f0;}
#sec005 .sec005_table p{ font-weight:bold; font-size:16px;}
#sec005 ul.notice{ font-size:16px;}
#sec005 ul.notice li{ display:table; table-layout:fixed; width:100%;}
#sec005 ul.notice li span{ display:table-cell; vertical-align:top;}
#sec005 ul.notice li span:first-child{ width:2em;}

#sec006{ position:relative;}
#sec006 figure{ position:absolute; right:45px; bottom:45px;} 
#sec006 .sec_in{ padding:30px 50px;}
#sec006 ul li{ padding:10px; border-radius:8px; background:url(../img/bgpt002.png) center center repeat;}
#sec006 ul li.arrow{ background:none; text-align:center; padding:15px 0;}
#sec006 ul li.half{ width:60%;}

#contact{ width:968px; margin:0 auto; position:relative;}
#contact dl{ letter-spacing:-1em;}
#contact dl dt,
#contact dl dd{ display:inline-block; vertical-align:middle; letter-spacing:normal;}
#contact a.contact_btn{ position:absolute; right:24px; bottom:27px;}



/*フォーム*/
#form{ background:url(../img/bgpt001.png) center center repeat; margin:70px auto 0;}
#form h2{ text-align:center; padding:30px 0; background:#037aea;} 
#form section{ width:600px; margin:0 auto; padding:50px 0 70px}
input,textarea{ font-family:"メイリオ",Meiryo,Segoe WPC,Segoe UI; font-size:16px; padding:15px; width:100%; border:2px solid #dcdcdc; border-radius:8px;}
input[type=image]{ width:auto; border:none; padding:0;}
input[type=submit]{ width:368px; height:88px; border:none; padding:0; background:url(../img/form_btn_off.png) center center no-repeat; cursor:pointer;}
input[type=submit]:hover{ background:url(../img/form_btn_on.png) center center no-repeat;}
#form_btn{ text-align:center; margin-top:60px;}

#form dl dt{ margin-bottom:10px;}
#form dl dd{ margin-bottom:30px;}