@charset "utf-8";
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
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,sup,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_inner,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,#header,.header_inner,hgroup,menu,nav,.section,.row{display:block}body{line-height:1.6em}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 {word-break; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;color:#323335; margin:0;	padding:0;letter-spacing:1px;text-align: center; margin: 0 auto; background-color:#EBEBEB}
img {border:none;outline:none;height:auto;max-width:100%; display:block; margin:0 auto}
a {text-decoration:none;}
a:focus {outline:none;}
.clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0;}
p, ul li, dl dd, dl dt, h1, table, tr, td{font-size:17px;line-height:1.8em;text-align:left;letter-spacing:1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
p{margin-bottom: 1.2em;}
header{background-color:#fff}
header .inner{position:relative; text-align:left; padding:10px 2% }
#TopContents {margin-bottom:2%;}
.splogo{display:inline-block;vertical-align:middle}
.splogo{display:inline-block;vertical-align:middle}
#logotxt{color:#00a0e2; font-weight:bold; display:inline-block;vertical-align:middle}
#logotxt .small{font-size:12px}
#lg_dv{position:absolute; top:0;width:96%; z-index:10;font-size:14px}
.bar_lk{width:70px}
#sp1bar{position:absolute; top:14px;right:60px; font-size:12px; line-height:1.4em}
.bar_hlw img{float: right; cursor: pointer; margin-left:4px;width:56px}
.navbar{ position:absolute; top:70px;width:100%; color: #99ccff; z-index:1000; margin-bottom:0px; border:none !important;}
.navbar-header {position:absolute;top:-58px; right:14px}
.bar_nm{max-width:80px; display:inline-block}
.bar_pt{text-align:right}
/* container */
#container{padding-bottom:100px; background-color:#fff}
.top a{color:#fff}
.top-pic {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.top-pic img{width: 100%;    height: 100%;    -o-object-fit: cover;    object-fit: cover;	display:flex;	}
.top-bg{background-color: rgba(0, 0, 0, 0.15);position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;}
.top-txt {position: relative;    z-index: 2;    display: flex;    flex-direction: column;    flex-grow: 1;    align-items: center;    justify-content: center;    width: 100%;    height: 100%;	text-align:center;}
.ajt {display: flex; flex-direction: column;  flex-grow: 1;padding:180px 30px }
.top-txt p{text-align:center; padding:20px 0}
h1{font-size:64px; color:rgb(153,153,153);font-weight: 700;    font-family: Noto Sans JP;    font-style: normal; text-align:center; color: #fff;text-shadow: 1px 1px 0 #777, -1px 1px 0 #777, 1px -1px 0 #777, -1px -1px 0 #777;}
h2,h3{font-size:36px;color:#323335;font-weight: 700;    font-family: Noto Sans JP;    font-style: normal;text-align:center; line-height:1.6em; padding:15px 0}
h3{font-size:22px;line-height:1.3em}
.top-txt{font-size:18px;line-height: 1.6; color:#fff}
.btngy {  margin: 0 auto; background-color: #00a0e2;   border-radius: 0px; text-align:center;}
.btnbk a, .btngy a {color:#fff;padding: 16px 30px; display: block;}
.btnbk{  margin: 0 auto; background-color:#323335;   border-radius: 0px; text-align:center; display:inline-block}
.bggy{background-color: rgb(153, 153, 153);}
/* bnr online-marathon */
.ajt{padding:90px 30px 50px}
.bnr_bg{background-color: rgba(0, 0, 0, 0.6)/*rgba(0, 160, 226, 0.8)*/; padding:1% 0;width:100%;margin: 0 auto;text-align: center; margin-bottom:50px}
.bnr{width:96%; max-width:530px; margin:0 auto}
.bnr a{ position:relative;padding:20px 10px; display:inline-block}
.bnr_txt{position:absolute; top:0;left:0; right:0; bottom:0; margin:auto; color:#fff;text-shadow: 1px 1px 2px #00a0e2;height:60%;width:94%;line-height:2.2em}
.txtl{font-size:22px; font-weight:bold}
.btn{background-color:#00a0e2; border-radius:20px; padding:0.2em 1.8em; color:#fff; display:inline-block; font-weight:bold;margin:1em 0}
#container.bggy{background-color: rgb(153, 153, 153);}
section{position:relative;background-color:#fff;padding-top:2%}
section .inner{position:relative;max-width:1200px;width:90%; margin:0 auto}
.flex-container {display: flex;align-items: top; justify-content: center; flex-wrap:wrap;}
ul.service li{width:23%; margin:1%;}
ul.service li .box{position:relative}
ul.service li .box:before{content:"";display:block; padding-top:100%; }
ul.service li .box div{position:absolute; top:0;left:0;right:0}
ul.service li h3{text-align:left;}
ul.service li p{line-height:1.4em}
ul.event li{margin:1%; border-bottom:1px solid #ddd;padding:1em}
ul.event li .box{position:relative}
ul.event li .box:before{content:"";display:block; padding-top:100%; }
ul.event li .box div{position:absolute; top:0;left:0;right:0}
ul.event li h3{text-align:center;}
ul.event li p{line-height:1.4em}
ul.flex-container li img{width:100%;}
ul.menu li.flex-container{flex-wrap:nowrap;}
ul.menu li {border-top: 1px solid #e6e7f0; padding:20px}
ul.menu li h3{padding-right:15px; width:80%; text-align:left}
ul.menu li p{ width:100%; text-align:left; padding:15px;}
ul.class li{position:relative;width:31%; margin:1%; min-width:300px; padding-bottom:50px; margin-bottom:30px}
ul.class li .btnbk{position:absolute; left:0;bottom:0}
ul.class li h2{text-align:left}
section#price h1{font-size:40px}
section#price h1,section#price h3{color:#fff; text-align:left}
section#price ul.menu li {border-top: 1px solid #fff; color:#fff; }
section#price ul.menu li div{width:50%;}
section#price ul.menu li img{width:48%}
/* pankuzu list */
ol.topicPath {list-style-type: none;font-size: 14px;text-align:left;}
ol.topicPath li {display: inline;}
ol.topicPath li a {margin-right: 6px;}
/* function icon link */
#fc_link {width:100%;margin: 0 auto;}
#fc_link a:hover img{opacity:0.7;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
#fc_link ul{overflow:hidden; margin:0; padding:0; list-style:none; margin:5px 0;}
#fc_link ul li{float:left; display:block; color:#fff;}
#fc_link ul li { margin-left:4%; width:20%;text-align:center;}
#fc_link ul li.last { margin-right:0;}
#fc_link ul li a { color:#fff; text-decoration:none;}
/* footer links */
#f_links{background-color:#00a0e2; clear:both}
#f_links a{color:#fff}
#f_links .inner{max-width:750px; margin:0 auto;padding:1em}
#sns_links{background-color:#C8C8C8}
#sns_links ul {font-size:0; max-width:480px; margin:0 auto; padding:4% 0}
#sns_links ul li{display:inline-block;width:22%; margin:0 1%;text-align:center; background-color:#fff}
#sns_links ul li a{display:block; padding:0.4em}
#sns_links ul li img{width:100%;max-width:70px}
.btn_src{background-color:#00a0e2;border-radius:4px; max-width:200px; font-weight:bold;margin:1em auto;}
.btn_src a{ color:#FFF; display:block;padding:0.6em 0.4em}

.btn_entry a {position: relative;padding: 20px;min-width: 175px;border-radius: 10px;display: inline-block;vertical-align: middle;font-weight: bold;background-color: #00a0e2;text-align: center;line-height: 1.8em;font-size: 16px;box-shadow: 4px 4px 4px rgba(0,0,0,0.6);border-radius: 12px;text-align: center;color: #ffffff;margin-top: 1em;margin-bottom: 1em;}
/* 画面幅が768px以上の場合、横スクロールを解除 */
/* Global Navigation */
.menu-item, .dropdown-toggle, .dropdown {
font-size:14px;
text-align:left;
letter-spacing:1px;
}
.menu-item a, .dropdown a {font-size:14px;}
.nav {font-size:14px;}
.nav a:active{font-size:14px;}
.navbar-default{border-color:#ccc;}
.navbar-default a {text-decoration: none; font-weight:bold; color:#333;}
.navbar-nav>li>.dropdown-menu{ margin-top:0; border-top-right-radius:0; border-top-left-radius:0; }

.navbar-default .navbar-nav>li>a{ color:#fff;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background-color:#ccc;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#333333;background-color:#ccc;}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#cccccc;background-color:transparent;}
.navbar-default .navbar-toggle {color:#00a0e2;float:left;font-size:48px; line-height:48px;font-weight:normal; cursor:pointer}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{border:none}
.btn-open:after {color:#00a0e2;content:"\f0c9";font-family:"FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.btn-open:hover:after {opacity: 0.5;}

.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#cccccc;color:#333333;}
.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#333333;border-bottom-color:#333333;}
.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#00a0e2;border-bottom-color:#00a0e2;}
.nav .caret{border-top-color:#fff;border-bottom-color:#fff;}
.nav a:hover .caret{border-top-color:#ff9933;border-bottom-color:#ff9933;}

.nav{margin-bottom:0; padding-left:0;list-style:none;}.nav:before,.nav:after{content:" ";display:table;}
.nav:after{clear:both;}
.nav:before,.nav:after{content:" ";display:table;}
.nav:after{clear:both;}
.nav>li{ position:relative; border-bottom: none; display:block; }.nav>li>a{position:relative;display:block;padding:12px 0px 12px 15px;}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eeeeee;}



.navbar:before,.navbar:after{content:" ";display:table;}
.navbar:after{clear:both;}
.navbar:before,.navbar:after{content:" ";display:table;}
.navbar:after{ clear:both; }

.navbar-header:before,.navbar-header:after{content:" ";display:table;}
.navbar-header:after{clear:both;}
.navbar-header:before,.navbar-header:after{content:" ";display:table;}
.navbar-header:after{clear:both;}

.navbar-collapse{float:left; width:100%; max-height:620px;overflow-x:visible;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling:touch;}.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table;}
.navbar-collapse:after{clear:both;}
.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table;}
.navbar-collapse:after{clear:both;}
.navbar-collapse.in{ overflow-y:340px; }
.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px;}

.navbar-nav{margin:0 0 0 -15px;}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:0 dotted;content:"";}
.dropdown{position:relative;}
.dropdown-toggle:focus{outline:0;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:0px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #cccccc;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#333333;white-space:nowrap;}
#aplink{float:right; margin-right:20px;margin-top:12px}
/* 2nd menu color*/
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#fff;background-color:#00a0e2;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:none 0;background-color:#ff9933;}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#333333;}
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;}
.open>.dropdown-menu{display:block;}
.open>a{outline:0;}

.collapse{display:none;}.collapse.in{display:block;}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease;}

.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0; background-color:#fff;border:0;box-shadow:none;}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:10px 15px 10px 25px;}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px;}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none;}

.navbar-default .navbar-nav>li>a{ color:#00a0e2; }
.nav>li{ position:relative; display:block; background-color:#ffffff; margin-left:10px; border-bottom: solid 2px #00a0e2;}
.navbar-menu{clear:left;float:left;}
button {
align-items: flex-start;
text-align: center;
cursor: pointer;
color: buttontext;
padding:0;/* 2px 6px 3px;*/
border: none;
background-color: #00a0e2;
box-sizing: border-box;
}
.br{display:inline-block}
/*Footer*/
.infolink {box-sizing:border-box;clear:both; letter-spacing:1pt; text-align:center; overflow:hidden;}
.infolink .f_left{width:50%;float:left; text-align:left; font-size:14px;line-height:1.8em; border-left:solid 1px #fff; padding-left:4%}
.infolink .f_left:first-child{border-left:none; padding-left:0}
.infolink .f_left a{display:block; padding:1em 0}
a.btn_co{background-color:#e40080; color:#fff; font-weight:bold;font-size:14px;  display:inline-block;padding:8px 6px; margin-top:10px;-moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px; text-align:center;max-width:200px; padding:0.4em !important}
a.btn_co:hover{color:#fff; text-decoration:none}
.company{clear:both; overflow:hidden; margin-top:1em}
.companyname {font-size:22px; font-weight:bold; margin-bottom:1%;text-align:left; color:#fff}
.copyright {font-size:12px; text-align:left;  color:#fff}
.f_logo { width:46px; float:left}
.security_mark {padding:4% 0;width:216px; margin:0 auto; overflow:hidden}
.pmark {float:right; margin:0;}
.f_geomark {float:right; margin:2px 10px 0 0; margin-left:-10px}
ul.ent_app{margin:0;padding:0;margin-top:10px;}
ul.ent_app li img{width:100%; height:auto}
ul.ent_app li{width:128px;display:inline-block;list-style:none; margin:0 2px;padding:0;list-style-position:outside; margin-bottom:8px;}
/* page top */
#pagetopbutton {display: none;position: fixed;z-index:1000;bottom:0;right: 4px;}
#pagetopbutton a {box-sizing: border-box;display: block;padding: 6px 8px 8px 8px;border-radius: 30px;width: 35px;height: 35px;background-color: #808080;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pagetopbutton 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 screen and (max-width: 1200px) {
p, ul li, dl dd, dl dt, h1, table, tr, td{font-size:16px; line-height:1.6em}
h1{font-size:40px;}
h2{font-size:24px;}
h3{font-size:18px;}
ul.service li .box:before{padding-top:110%;}
ul.event li .box:before{padding-top:110%;}
}
@media screen and (max-width: 1000px) {
ul.service li{max-width:480px;width:48%; margin:1%; margin-bottom:30px}
ul.service li .box:before{padding-top:60%;}
ul.event li{margin:1%; margin-bottom:30px}
/*ul.event li .box:before{padding-top:60%;}*/
}
@media screen and (max-width: 768px) {
p, ul li, dl dd, dl dt, h1, table, tr, td{line-height:1.4em}
ul.menu li.flex-container{display:block}
ul.service li .box:before{padding-top:0}
ul.service li .box div{position:relative; top:0;left:0;right:0}
ul.event li .box:before{padding-top:0}
ul.event li .box div{position:relative; top:0;left:0;right:0}
section#price ul.menu li div{width:100%;}
section#price ul.menu li img{width:100%}
}
@media screen and (max-width: 480px) {
.splogo {width: 10%;min-width: 40px;height: auto;}
.bar_hlw img {width: 36px; height: auto;}
.top-txt {padding:0}
.ajt{padding-top:60px; padding-bottom:30px;}
h1{font-size:34px;}
.bnr_txt{height:66%; line-height:1.4em}
.txtl{font-size:22px; font-weight:bold; padding-top:0.2em}
.btn{margin:2% 0; padding:0.4em 1.4em}
.bnr a{padding:20px 4px}
.flex-container{display:block}
ul.service li .box:before{padding-top:0}
ul.service li .box div{position:relative; top:0;left:0;right:0}
ul.service li{margin:0;padding-bottom:30px;width:100%}
ul.event li .box:before{padding-top:0}
ul.event li .box div{position:relative; top:0;left:0;right:0}
ul.event li{margin:0;padding-bottom:30px;width:100%}
ul.class li{width:100%;}
}