@charset "utf-8";



/* ===============================================================================================================

Main components 

================================================================================================================= */

#main {text-align:center;padding:0;margin-top:120px;}
#main::after {content: "";clear: both;display: block;}

#main-cont {text-align:center;}
#main-cont::after {  content: "";clear: both;display: block;}


section {padding:0 0 60px;}
section::after {  content: "";clear: both;display: block;}

h2.section-headtitle {font-size:24px;text-align:center;margin-bottom:30px;}
h2.section-headtitle span {display:block;font-size:13px;}

h2.cont-ttl1 {color:#607d8b;font-size:20px;font-weight:500;padding:0.6em 0.8em;margin-bottom:30px;border-top:solid 1px #d7dee2;border-left:solid 1px #d7dee2;border-right:solid 1px #d7dee2;border-bottom:solid 2px #607d8b;background:#FFF;}


.inner {width:1000px;margin:0 auto;text-align:left;}

.row {  -js-display: flex;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  padding: 10px 1px;}
.cont1of2 {width:calc(50% - 40px);margin:20px;}
.cont1of3 {width:calc(33.333% - 40px);margin:20px;}
.cont1of4 {width:calc(25% - 40px);margin:20px;}

.moreView {margin:0 auto 30px;text-align:center;}
.moreView a {display:inline-block;padding:0.6em 2.5em;text-align:center;border:solid 1px #607d8b;background:url(images/icon-arrow1.svg) no-repeat 96% center #FFF;background-size:10px auto;border-radius:25px;color:#607d8b;font-weight:500;}
.moreView a:hover {background:url(images/icon-arrow1.svg) no-repeat 96% center #90a4ae;background-size:10px auto;color:#FFF;}

.spsm-only {display:none;}

.bt {display:block;margin:30px 0 0;text-align:center;}
.bt a {display:inline-block;margin:0 auto;padding:10px 20px;border:solid 1px #607d8b;border-radius:25px;background:#FFF;text-align:center;color:#607d8b;line-height:1em;}
.bt a:hover {border:solid 1px #607d8b;background:#607d8b;color:#FFF;}



/* ===============================================================================================================

Top

================================================================================================================= */

.swiper-container {width:100%;max-width:1200px;padding-bottom:50px;background:url(images/slider_bg.svg) no-repeat center bottom;background-size:100% auto;}
.swiper-container .lead {position:absolute;z-index:888;width:100%;height:100%;max-height:600px;}
.swiper-container .lead p {color:#000;font-size:13px;text-align:left;position:absolute;top:50% !important;}



/* -------------トップインフォメーション------------ */

#top-information {margin:50px auto;}
#top-information.inner {padding:0 50px;}
#top-information h2 {border-bottom:solid 1px #222;margin-bottom:5px;font-family: 'Caveat', cursive;font-size:30px;padding-bottom:10px;}
#top-information ul {margin-top:15px;}
#top-information ul li {border-bottom:solid 1px #ccc;padding:0 0 10px;margin-bottom:10px;}
#top-information ul li span {display:inline-block;font-size:14px;margin-right:10px;color:#666;}


/* -------------トップ ムービー------------ */
#top-movie {text-align:center;}
#top-movie iframe {width:860px;height:420px;margin:0 auto;}



/* -------------トップ プロフィール------------ */
#top-profile {background:linear-gradient(#FFF 20%, #efefef 20%, #efefef);}
#top-profile .row {padding:10px 1px 0;}
#top-profile .cont1of2 {margin:20px 20px 0;}
#top-profile .h-name {text-align:left;font-family: 'Caveat', cursive;font-size:58px;margin:40px 0 60px;}
#top-profile dl {margin:15px 0 0;}
#top-profile dl dt {font-size:110%;font-weight:700;margin-bottom:10px;}
#top-profile dl dd {margin:0 0 10px;}
#top-profile dl.wp {margin-left:20px;margin-right:20px;}


/* -------------トップ スクール------------ */

#top-school {margin:100px 0 0;}
#top-school .inner {padding:0 0 50px;background:url(images/schoolifo_bg.svg) no-repeat left bottom;background-size:150px auto;}
#top-school p.school-txt {position:absolute;z-index:100;margin-left:620px;font-family: 'Caveat', cursive;font-size:58px;}
#top-school p.school-txt img {width:360px;float:right;}
#top-school .school-img {padding:40px 0 0 30px;}
#top-school .school-img img {float:left;width:66%;}
#top-school .school-img p {float:right;width:30%;padding:40px 0 0;}
#top-school .school-img a {display:block;margin:20px 0 0;}
#top-school .school-img a img {width:100%;margin:0 0 10px;}



/* -------------トップ スポンサー------------ */
#top-sponsored {background:#dfe5e8;}
#top-sponsored .inner {padding:80px 0 0;text-align:center;}
#top-sponsored h2 {text-align:center;font-size:44px;font-family: 'Caveat', cursive;margin-bottom:50px;}
#top-sponsored .gearinfo {width:300px;margin:20px auto 0;}


/* -------------Q&A------------ */
#top-qa {background:#f9f9f9;}
#top-qa .inner {padding:80px 0 0;text-align:center;}
#top-qa h2 {text-align:center;font-size:44px;font-family: 'Caveat', cursive;margin-bottom:50px;}
#top-qa .cont1of3 {text-align:left;}
#top-qa .cont1of3 span {display:inline-block;border-bottom:dotted 1px #000;}
#top-qa .cont1of3 p {margin-top:10px;min-height:60px;}
#top-qa .cont1of3 div {text-align:right;}








/* ===============================================================================================================

page

================================================================================================================= */

#pageTitle {border-bottom:solid 1px #ddd;margin-bottom:60px;}
#pageTitle h1 {padding:1.2em 0;font-weight:500;font-size:24px;}


.page-cont h2 {position:relative;display:inline-block;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:22px;text-align:center !important;width:100%;font-weight:700;}
.page-cont h2:before {content: '';position: absolute;bottom: -15px;display: inline-block;width: 60px;height:2px;left: 50%;
-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: #ccc;}
.page-cont p {text-align:left;}



/* -------------スクール------------ */

#sb-school-summer {background:#efefef;padding:60px 0;}





/* ===============================================================================================================

投稿

================================================================================================================= */

#topicslist {margin:0 0 30px;}
#topicslist::after {  content: "";clear: both;display: block;}
#topicslist ul {}
#topicslist ul::after {  content: "";clear: both;display: block;}
#topicslist ul li {width:49%;margin:5px 0;}
#topicslist ul li:nth-child(odd) {float:left;}
#topicslist ul li:nth-child(even) {float:right;}
#topicslist ul li a {display:block;border:solid 1px #607d8b;color:#607d8b;padding:15px;}
#topicslist ul li a:hover {text-decoration:underline;border:solid 1px #f8857c;color:#f8857c !important;}
#topicslist ul li a img {margin-bottom:15px;}
#topicslist ul li span {display:inline-block;margin-bottom:10px;background:#f8857c;color:#FFF !important;padding:2px 6px;}
#topicslist ul li p {min-height:50px;line-height:1.2em;}
#topicslist ul li div {text-align: right !important;}


#infolist {margin:0 0 30px;}
#infolist::after {  content: "";clear: both;display: block;}
#infolist ul {}
#infolist ul::after {  content: "";clear: both;display: block;}
#infolist ul li {width:49%;margin:5px 0;border:solid 1px #ccc;padding:20px;margin-bottom:15px;}
#infolist ul li:nth-child(odd) {float:left;clear:both;}
#infolist ul li:nth-child(even) {float:right;}
#infolist ul li span {display:inline-block;margin-bottom:15px;background:#ccc;color:#FFF !important;padding:2px 6px;}
#infolist ul li h2 {width:100%;font-size:15px;line-height:1.2em;display:block;}
#infolist ul li a {text-decoration:underline;}
#infolist ul li a:hover {text-decoration:none;color:#ccc;}
#infolist ul li .row {padding:1px;}
#infolist ul li .cont1of2 {width:calc(50% - 10px);margin:0 5px 10px;}


#post-content {padding:60px;border:solid 1px #CCC;}
#post-content h2 {padding:0 0 20px;border-bottom:solid 1px #CCC;font-weight:500;font-size:20px;margin-bottom:30px;color:#607d8b;}
#post-content .data {margin-bottom:30px;}
#post-content .post-img {margin-bottom:30px;}
#post-content .post-img img {width:100%;}
#post-content a {color:#607d8b;text-decoration: underline;}
#post-content a:hover {text-decoration:none;}

#pagerBox {margin:40px 0;}

#qalist {margin:0 0 30px;padding:60px;border:solid 1px #CCC;}
#qalist::after {  content: "";clear: both;display: block;}
#qalist ul {}
#qalist ul::after {  content: "";clear: both;display: block;}
#qalist ul li {margin:10px 0;}
#qalist ul li span {display:inline-block;margin-right:15px;}
#qalist ul li h2 {font-size:15px;line-height:1.2em;}
#qalist ul li a {text-decoration:underline;}
#qalist ul li a:hover {text-decoration:none;color:#ccc;}


.qes span {margin-right:15px;}
.ans {font-size:20px;margin-bottom:30px;color:#f6695e;}