/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,soup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,#header,.header,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,#header,.header,hgroup,menu,nav,.section,.row{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body {font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; background-color:#00a0e2;width:100%; text-align:center}
a {text-decoration:none}
/*a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}*/
a:focus { outline:none;}
button:focus { border:none; outline:none !important;}
img{margin:0 auto;max-width:100%}
p, dt,dd,tr,td,li { line-height:1.6em; letter-spacing:1px}
p{color:#d93c41;margin-bottom:30px; text-align:left}
iframe {  border: none;  outline: none;}
h1{font-size:28px;  font-weight:bold; }
h1 img{backface-visibility: hidden;}
h1#title{color:#996; font-size:30px; font-weight:bold;line-height:1.4em;letter-spacing:1px; background-color:#fff;padding:6px 6px 0 6px;}
h2{color:#d93c41; font-size:34px; font-weight:bold;line-height:1.2em;letter-spacing:1px; margin-bottom:20px}
h3{color:#d93c41; font-size:20px; font-weight:bold;line-height:1.2em}
.bold{font-weight:bold}
.img_300{max-width:300px; width:100%; height:auto; margin:0 auto;}
.left{float:left; }
.right{float:right;}
.switch {visibility: hidden;}
br.br_sp,br.br_pd{display:none}
#container{background-color:#d93c41;width:100%; margin:0 auto;text-align:center}
#header {position:absolute; z-index:999; width:100%}
.head_sns{float:right; margin-right:10px; margin-top:12px; margin-left:16px}
#header .icn_fb {float:right; width:26px; height:26px; }
#header .icn_tw {float:right; width:26px; height:26px; margin-right:4px}
#top img, #header img, #course img, ul li img{width:100%; height:auto; max-width:100%; vertical-align: bottom; display:block; margin: 0 auto;padding: 0; border:none; outline:none}
#top {width:100%; height:auto;/*max-width:1024px;*/ margin:0 auto; overflow:hidden; text-align:center;}
#header .logo_main {float:left;width:40%;max-width:478px; min-width:300px;margin-left:30px; margin-top:16px;}
#contents{width:100%; text-align:center}
.menu{width:100%;max-width:1000px;margin:40px auto;}
.menu ul li{width: 156px; display: inline-block;vertical-align: middle;margin: 3px; margin-bottom:6px}
/*.menu ul li{width: 22.06%;display: inline-block;vertical-align: middle;margin: 5px;}*/
.menu ul li a {
    background: #fff;
    padding: 10px;
    font-size: 14px;
    display: block;
    -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; 
    color: #d93c41;
    font-weight: bold;
    transition: all 300ms ease;
}
.block{max-width:1000px;width:94%; margin:60px auto;background-color:#fff; padding:30px 50px 30px 50px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; box-sizing:border-box;overflow:hidden }
.inner{max-width:1000px;width:94%;margin: 0 auto}
ul.sponsors{margin:0 auto;overflow:hidden; margin-top:4%}
ul.sponsors li {display:inline-block; margin:10px 20px}
ul.sponsors li img{width:auto;　}
table.news {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
table.news tr {
    background-color: #ff9c31;
    text-align: left;
}
table.news tr td {
    color: #fff250;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    font-size: 16px;
	box-sizing:border-box;
}
table.news tr td + td {
    color: #fff;
    font-weight: normal;
    padding: 10px 20px 10px 10px;
    border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
}
table.news a { color: #fff;}
#about h3{margin-top:40px}
#about p,#about ol{margin:0 auto;margin-bottom:30px;}
#overview p, #overview h3{text-align:left; margin:30px auto 0}
#overview p{box-sizing:border-box;margin-top:10px;padding-left:20px}
#fee p, #fee h3 { text-align:left; margin:30px auto 10px;color:#000;padding-left:0;}
#fee p a {color:#008080; text-decoration:underline}
.page-header {border-bottom: 3px solid #000000; font-size:38px; line-height:42px;color:#000000; font-weight:bold; margin-bottom:20px; text-align:left}
table.fee{margin-top:10px; width:100%; max-width:600px; }
table.fee tr{border-bottom:none}
table.fee tr td{border: solid 1px #999; font-weight:normal;padding:4px 10px; text-align:left }
table.fee tr th{color:#fff;padding:6px 10px 4px 10px; text-align:left;font-weight:bold; letter-spacing:1px;font-size:18px}
table.fee tr td:nth-child(2){white-space: nowrap;  width:100px;text-align:right; vertical-align:bottom}
table.rd th{background-color:#d93c41; border: solid 1px #d93c41; }
table.rd tr td{border: solid 1px #d93c41;}
table.og th{background-color:#ff9c31; border: solid 1px #ff9c31;}
table.og tr td{border: solid 1px #ff9c31;}

#access p{color:#000; margin-bottom:10px}
#access iframe{border:solid 1px #d93c41}
.btn a {display:block;color:#fff;font-size:18px}
.btn{width:280px; max-width:100%; margin:0 auto;line-height:1.6em;font-weight:bold;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:12px 4px;}
.btn.bl{background-color:#6ccbf4;}
.btn.rd{background-color:#d93c41;}
.btn.wt{background-color:#fff; margin-top:40px}
.btn.wt a{color:#d93c41;}
#inline-wrap, #inline-fee {
    position: relative;
    margin:10px auto;
	margin-top:50px;
    width: 95%;
	max-width:600px;
    background: #fff;
    padding: 50px 40px 10px;
    text-align:left;
	box-sizing:border-box;
}
#inline-wrap p, #inline-fee p{color:#000;}
p.popup-modal-dismiss{text-align:center !important; }
p.popup-modal-dismiss a{color:#008080;}
.mfp-close-btn-in .mfp-close {top:-40px !important; right:-10px !important}
.mfp-close {font-size:44px!important; }
ol  {
position: relative;
margin:0;
padding:0
}
ol li  {
list-style: none;
list-style-position:outside;
margin:0;
margin-bottom:10px;
padding-left:1.25em;
text-align:left;
color:#d93c41;
font-weight:bold;
font-size:18px;
line-height:1.2em;
}
ol li span {
position: absolute;
left:0;
margin:0
}
/*IE6*/
*html ol li span  {
left: -1.25em;
}
.half{margin:0 auto;margin-top:10px; width:48%; max-width:100%; }
.special{margin-top:30px;}
.special img{margin-left:64px;margin-bottom:30px}
/* about */
.about h2{color:#996}
.about .block{ padding: 50px 2% 50px 2%}
.about .block#woman{padding:30px 4.2% 20px 4.2%;}
.lead {margin-top:4%}
.lead p, .about .lead h2{color:#fff}
.lead h2{line-height:1.6em}
ul.photo li,ul.msg li{width:31.4%; margin:0.8%;display:inline-block;}
ul.f_list {
    margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
	-js-display: flex; 
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
 
ul.f_list li {
	margin-right:3%;
	margin-bottom:3%;
	padding:3.1%;
    width:48.5%;
    background-color:#fff;
    list-style:none;
	-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; box-sizing:border-box
}
ul.f_list li h2,.block#woman h2{font-size:22px}
ul.f_list li p,.block#woman p{color:#262626;}
ul.f_list li img{margin-bottom:20px}
ul.f_list li:nth-child(2n) {margin-right:0;}
.about .block#woman{margin-top:0}

/* result */
.block#top_30{margin-top:0}
.result .block{padding-top:40px; padding-bottom:50px}
.result h2{color:#996;font-size:26px}
table.tbl_rt{margin:0 auto;margin-top:10px; width:48%; max-width:100%; }
table.tbl_rt tr{border-bottom:none}
table.tbl_rt tr td{font-weight:normal;padding:4px; text-align:left }
table.tbl_rt tr th{color:#fff;padding:6px;background-color:#996; text-align:center;font-weight:bold; letter-spacing:1px;font-size:20px;padding-top:8px;margin-bottom:6px}
table.tbl_rt a{color:#262626; text-decoration:underline; padding:8px 6px;display:inline-block}
/* footer */
#footer{background-color:#eeeeee; clear:both; line-height:1.0em}
#footer .inner{ padding-top:20px}
#ft_tit{background-color:#dbdbdb; color:#00a0e2; text-align:center; box-sizing:border-box;padding:2px 10px;font-weight:bold;line-height:1.6em;letter-spacing:4px;font-size:14px;}
span.ft_br{margin-left:3%;}
#ft_cont{position:relative;background-color:#eeeeee;clear:both}
#ft_cont,#ft_cont a{color:#00a0e2; font-size:12px; letter-spacing:2px}
#ft_cont .links {margin-bottom:20px}
#ft_cont .links li,#ft_cont .links li a{color:#999999; }
#ft_cont .links li{display:inline-block; border:solid 2px #c1c1c1;letter-spacing:1px;margin:0 3px; margin-bottom:10px;vertical-align:bottom;padding:4px 6px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#ft_cont .app .txt{display:inline-block;color:#666;font-weight:bold;border:solid 2px #999; margin-bottom:10px;vertical-align:bottom;padding:4px 10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#ft_cont ul.ent_app{margin-top:10px;margin-bottom:30px;}
#ft_cont ul.ent_app li{width:160px;display:inline-block;margin:0 5px;margin-bottom:10px;}
#ft_cont .contact {margin:0 auto;margin-bottom:50px;text-align:center;;font-weight:bold;}
#ft_cont .contact a{position:relative}
#ft_cont .contact a:after {
    content: ' ';
    position: absolute;
    right: -14px;
    top: 5px;
    width: 0px;
    height: 0px;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-left: 8px solid #00a0e2;
    border-right: 0px solid rgba(0, 0, 0, 0);
}
#ft_logo img{ display: block;margin:0 auto }
#ft_logo .logo_line{height:34px; background-color:#00a0e2;text-align:center}
/* to top */
.pagetop {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
}
.pagetop a {
    display: block;
    background-color: #808080;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
@media (min-width:768px){
#about p, #about ol {max-width:760px;}
#overview p, #overview h3{width:460px;}
#access p, #access iframe{width:80%; margin:10px auto}
#fee {padding: 30px 200px 30px 200px;}
.overview table {
width: 90%;margin:0 auto;
margin-bottom: 30px;
}
.overview table tr th,
.overview table tr td {
padding: 20px 20px;
border: 1px solid #fff;
}
.overview table tr th {
width: 90px;
background: #d93c41;
color: #fff;
text-align: center;
}
.overview table tr td {
background: #eee;text-align:left; 
}
.overview table tr:nth-child(odd) td {
background: #f2f2f2;
}
.overview table span {
    font-weight: bold;
  }
}
@media (max-width:1000px){
.f_list br.br_sp{display:block}
.lead br.br_pd{display:block}
}
@media (max-width:767px){
.left,.right{float:none; margin:0 auto; clear:both }
.left{margin-bottom:4%;}
#access span{display:block;margin-top:10px;}
#header .logo_main {float:none; position:absolute;width:90%; max-width:478px;top:44px; left:0; right:0; bottom:0; margin:0 auto; }
span.ft_br{display:block; margin:0 auto}
br.br_pd{display:block;}
.f_list br.br_sp{display:none}
h3{text-align:left;}
ul.sponsors li {margin:10px}
.overview table {
    width: 100%;margin:0 auto;
    margin-bottom: 10px;
  }
.overview table tr th,
.overview table tr td {
padding: 20px 3%;
border: 1px solid #fff;
display: block; 
}
.overview table tr th {
background: #d93c41;
color: #fff;
text-align: center;
}
.overview table tr td {
background: #eee;text-align:left
}

.overview table tr td:first-child {
background: #0192cb;
color: #fff;
text-align: center;
font-size: 12px;
}

.overview table tr td span {
background: #0192cb;
color: #fff;
padding: 5px;
margin-right: 10px;
display: inline-block;
}
ul.photo li,ul.msg li{width:46%; margin:1.2%;}
ul.f_list li {margin-right:0;width:100%; padding:4%}
table.tbl_rt{width:100%; max-width:480px;}
.half{width:100%; max-width:480px;}
.special img{margin:0 auto; margin-bottom:30px}
}
@media (max-width:620px){
.about .lead h2 {font-size:26px;}
}
@media (max-width:480px){
.block{padding:30px;}
br.br_sp{display:block}
table.news tr td {font-size:12px;padding:10px 6px 10px 14px}
table.news tr td + td {font-size:14px;padding:10px 14px 10px 6px}
h1#title{font-size:24px;line-height:1.2em;padding:10px 4px 4px 10px;}
h2{font-size:28px}
.about .lead h2 {font-size:22px;}
ul.f_list li h2,.block#woman h2{font-size:20px;}
ul.f_list li h2{margin:12px 0}
h3{font-size:18px}
ul.photo li,ul.msg li{width:100%; margin:0 auto; max-width:260px}
table.tbl_rt tr td{display:block; text-align:center}
/* footer */
#ft_tit{letter-spacing:1px;}
#ft_logo img{ width:90%;height:auto;max-width:320px;}
}