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

	Base

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

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #373737;
	background-color: #ffffff;
}
img {
	vertical-align: bottom;
}
table {
	border:0px none;
	border-collapse:collapse;
}
a {
	-webkit-transition:all 0.2s ease;
	   -moz-transition:all 0.2s ease;
	    -ms-transition:all 0.2s ease;
	     -o-transition:all 0.2s ease;
	        transition:all 0.2s ease;
}
a:link, a:visited {
	color:#373737;
	text-decoration: none;	
}
a:hover, a:active {
	color:#373737;
	text-decoration: underline;
}
/* 管理バーの編集ガイドを非表示 */
.veu_admin_bar_disable_button, .veu_adminEdit { display:none!important; }




/* サブページタイトル */
#sub-titleBG {
	width: 100%;
	min-width: 1024px;
	background-color:#ffde2a;
}
#sub-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(/static/app/images/bg_line.gif) bottom left repeat-x;
}
#sub-title {
	position: relative;
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#sub-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1;
}
#sub-title > p {
	text-align:center;
	font-size:14px;
	line-height:1;
	margin:20px 0 0 0;
}



/* アクセス */
#accessBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#access {
	width:1024px;
	margin:0 auto;
	padding:50px 0 0 0;
}
#access > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#access > h3:not(:first-of-type) {
	margin:50px 0 0 0;
}
#access > p {
	text-align:center;
	margin:20px 0 0 0;
}
#access > ol {
	list-style-type: none;
	margin:30px 0 0 0;
	border:8px solid #d3d3d3;
	background-color:#FFFFFF;
}
#access > ol:after {
	content: "";
	clear: both;
	display: block;
}
#access > ol li:nth-child(1) {
	float:left;
	width:450px;
	margin:50px 0 50px 54px;
}
#access > ol li:nth-child(1) p {
	margin:40px 30px 0 0;
}
#access > ol li:nth-child(2) {
	float:left;
	width:450px;
	margin:50px 54px 50px 0;
}
#access > ol li:nth-child(2) div.mapsize {
	position: relative;
	width:450px;
	height:360px;
}
#access > ol li:nth-child(2) div.mapsize iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
#access > ol li:nth-child(2) p {
	margin:40px 0 0 0;
	padding:15px 30px;
	border:1px solid #d3d3d3;
}
#access > ol li:nth-child(2) p span {
	font-size: 14px;
}


/* FAQ */
#faqBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#faq {
	width:1024px;
	margin:0 auto;
	padding:50px 0 0 0;
}
#faq > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#faq > dl {
	list-style-type: none;
	margin:30px 0 0 0;
	padding:50px;
	border:8px solid #d3d3d3;
	background-color:#FFFFFF;
}
#faq > dl:after {
	content: "";
	clear: both;
	display: block;
}
#faq > dl dt.bottan {
	font-size:24px;
	line-height:34px;
	font-weight:bold;
	color:#f2556f;
	border-bottom:1px solid #d3d3d3;
}
#faq > dl dt.bottan:first-child {
	border-top:1px solid #d3d3d3;
}
#faq > dl dt.bottan a {
	display:block;
	color:#f2556f;
	text-decoration: none;
	padding:36px 50px 36px 90px;
	background-image: url(/static/app/images/faq_icon_q.png);
	background-repeat: no-repeat;
	background-position: 30px 30px;
}
#faq > dl dt.bottan a .fa {
	float:right;
}
#faq > dl dt.bottan a i:first-child {
	display:inline;
}
#faq > dl dt.bottan a i:last-child {
	display:none;
}
#faq > dl dt.bottanON a i:first-child {
	display:none;
}
#faq > dl dt.bottanON a i:last-child {
	display:inline;
}
#faq > dl dd.main {
	display:none;
	padding:36px 50px 36px 90px;
	background-color:#ebf7fd;
	background-image: url(/static/app/images/faq_icon_a.png);
	background-repeat: no-repeat;
	background-position: 30px 30px;
}



/* コーチ */
#coachBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#coachBG.BG2 {
	background-image: url(/static/app/images/bg_br.gif);
}
#coach {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#coach p.read {
	text-align:center;
	margin:0 0 40px 0;
}
#coach p.endtxt {
	clear:both;
	text-align:center;
	padding:40px 0 0 0;
}
#coach h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
	display:block;
}
#coach h3 div {
	display: inline-block;
	width:49%;
}
#coach ul {
	list-style-type: none;
	margin:10px 0 0 0;
}
#coach ul:after {
	content: "";
	clear: both;
	display: block;
}
#coach ul li {
	position: relative;
	float:left;
	background-color:#f2556f;
	color:#FFFFFF;
	width:240px;
	height:380px;
	margin:20px 20px 0 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	overflow: hidden;
}
#coach ul li:nth-child(4n+1) { background-color:#f2556f; }
#coach ul li:nth-child(4n+2) { background-color:#ff974d; }
#coach ul li:nth-child(4n+3) { background-color:#66cc66; }
#coach ul li:nth-child(4n+4) { background-color:#2e99e6; }
#coach ul li:nth-child(4n) ,
#coach ul li:last-child {
	margin:20px 0 0 0;
}
#coach ul li:nth-child(4n+1) {
	clear:both;
}
#coach ul li h4 {
	font-size:18px;
	line-height:46px;
	text-align:center;
	border-bottom:1px dotted #FFFFFF;
	margin:0 15px;
}
#coach ul li p {
	font-size:14px;
	line-height:24px;
	text-align:center;
	margin:10px 15px 0 15px;
}
#coach ul li p span {
	background-color:#FFFFFF;
	color:#f2556f;
	font-size:12px;
	margin:0 5px 0 0;
	padding:0px 7px;
}
#coach div.leftBOX {
	float:left;
}
#coach div.rightBOX {
	float: right;
}
#coach ul li.r { background-color:#f2556f; }
#coach ul li.o { background-color:#ff974d; }
#coach ul li.g { background-color:#66cc66; }
#coach ul li.b { background-color:#2e99e6; }

/* 20180622アドバイザー追記 */
#coach div.adviserBOX {
	position: relative;
	background-color:#f9d6dc;
	height:370px;
	margin:30px 0 100px 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	overflow: hidden;
}
#coach div.adviserBOX img {
	position:absolute;
	top:10px;
	left:-40px;
	z-index:1;
	height:280px;
}
#coach div.adviserBOX h4 {
	position:absolute;
	top:290px;
	left:0;
	z-index:2;
	background-color:#FFFFFF;
	background-color: rgba(255,255,255,0.5); 
	width:300px;
	padding:5px 0 10px 30px;
	font-size:24px;
	line-height:1.4;
	font-weight:normal;
}
#coach div.adviserBOX h4 span.small1 {
	font-size:14px;
}
#coach div.adviserBOX h4 span.small2 {
	font-size:11px;
}
#coach div.adviserBOX p.txt0 {
	position:absolute;
	top:40px;
	right:0;
	z-index:2;
	width:620px;
	padding:0 30px 0 0;
	font-size:30px;
	line-height:1;
}
#coach div.adviserBOX p.txt1 {
	position:absolute;
	top:90px;
	right:0;
	z-index:2;
	width:620px;
	padding:0 30px 0 0;
	font-size:14px;
	line-height:26px;
}
#coach div.adviserBOX p.txt2 {
	position:absolute;
	bottom:30px;
	right:0;
	z-index:2;
	width:620px;
	padding:0 30px 0 0;
	font-size:14px;
	line-height:24px;
}
#coach div.adviserBOX p.txt2 strong {
	margin:0 20px 0 0;
}




/* 会社案内 */
#companyBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#company {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#company > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#company > h3:nth-of-type(2) ,
#company > h3:nth-of-type(3) {
	margin:100px 0 0 0;
}
#company > div.company-box {
	width:800px;
	margin:40px auto 0 auto;
}
#company > div.company-box p {
	margin:10px 0 0 0;
}
#company > div.company-box .boxL {
	float:left;
	width:250px;
	margin:50px 0 0 0;
}
#company > div.company-box .boxL p {
	margin:15px 0 0 0;
	text-align:center;
}
#company > div.company-box .boxR {
	float:right;
	width:500px;
	margin:50px 0 0 0;
	text-align:left;
}
#company > div.company-box .boxR table {
	width:100%;
}
#company > div.company-box .boxR th {
	font-size:18px;
	line-height:1;
	padding:0 0 15px 0;
	border-bottom:1px solid #d3d3d3;
	font-weight: bold;
}
#company > div.company-box .boxR tr:nth-of-type(3) th {
	padding:50px 0 15px 0;
}
#company > div.company-box .boxR td {
	padding:15px 0 0 0;
}
#company > div.company-box .boxR td ul {
	margin:0 0 0 20px;
	list-style-type: disc;
}
#company > table {
	width:800px;
	margin:50px auto 0 auto;
	border-top:1px solid #d3d3d3;
}
#company > table th {
	text-align:left;
	padding:20px 0;
	border-bottom:1px solid #d3d3d3;
	font-weight: bold;
}
#company > table th span {
	float:right;
	text-align:right;
	margin:0 30px 0 0;
}
#company > table td {
	text-align:left;
	padding:20px 0;
	border-bottom:1px solid #d3d3d3;
}




/* お問い合わせ */
#contactBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#contact {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#contact p.read {
	text-align:center;
	margin:0 0 50px 0;
}
#contact p.read2 {
	text-align:center;
	margin:-30px 0 50px 0;
}
#contact p.read2 a {
	text-decoration: underline;
}
#contact p.small {
	font-size:12px;
	line-height:20px;
	margin:10px 0 0 0;
}
#contact dl {
	width:800px;
	margin:0 auto;
	border-top:1px solid #d3d3d3;
}
#contact dl:after {
	content: "";
	clear: both;
	display: block;
}
#contact dl dt {
	float:left;
	width:40%;
	font-weight:bold;
	text-align:left;
	padding:25px 0;
}
#contact dl dt span {
	font-size:12px;
	font-weight:normal;
	color:#e34141;
	margin:0 0 0 10px;
}
#contact dl dd {
	float:left;
	width:60%;
	text-align:left;
	padding:20px 0;
}
#contact dl dd label {
	display: block;
}
#contact dl dd label:hover {
	background-color: #FFFF99;
}
#contact dl.mess dt {
	float: none;
	width: auto;
	padding:25px 0 0 0;
}
#contact dl.mess dd {
	float: none;
	width: auto;
	padding:5px 0 30px 0;
}
#contact dl dd input {
	height:40px;
	font-family: inherit;
	padding:0 10px;
}
#contact dl dd textarea {
	width:95%;
	height:150px;
	font-family: inherit;
	padding:10px;
}
#contact input:focus,
#contact select:focus,
#contact textarea:focus {
	background: #FFFF99;
	outline: none;
}
#contact input[type="button"] ,
#contact input[type="submit"] {
	width:350px;
	padding:20px 0;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:16px;
	line-height:1.2;
	font-weight:bold;
	color: #ffffff;
	background-color:#003670;
	border:1px solid #003670;
	cursor:pointer;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background-image: none;
	box-shadow: none;
}
#contact input[type="button"]:hover ,
#contact input[type="submit"]:hover {
	background-color:#FFFFFF;
	border:1px solid #003670;
	color: #003670;
}

#contact div.bottan {
	width:800px;
	margin:0 auto;
	border-top:1px solid #d3d3d3;
	text-align:center;
	padding:30px 0 0 0;
}
/* フォームエラー */
.wpcf7 form .wpcf7-list-item {
	display: block;
	padding: 0;
	margin: 0;
}
.wpcf7 form .wpcf7-list-item label {
	cursor: pointer;
}
.wpcf7 form .wpcf7-submit {
	display: block;
	margin:0 auto;
}
.wpcf7 form .wpcf7-response-output {
	font-weight: bold;
	text-align: center;
	color:#000000;
	margin: 0em 0.5em 1em;
	padding: 1em 1em;
	border: 2px solid #00a0d2; /* Blue */
}
.wpcf7 form.init .wpcf7-response-output {
	display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
	background-color: #46b450;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
	background-color: #dc3232;
}
.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
	background-color: #f56e28;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
	background-color: #ffb900;
}



/* 個人情報保護方針 */
#privacyBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#privacy {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#privacy > h3 {
	margin:50px 0 20px 0;
	padding:0 0 20px 0;
	font-size:20px;
	line-height:1;
	border-bottom:1px solid #d3d3d3;
}
#privacy > h4 {
	margin:30px 0 0 0;
}
#privacy > p.indent {
	margin:30px 0 0 0;
	padding-left:1.3em;
	text-indent:-1.3em;
}
#privacy > ol {
	margin:0 0 0 35px;
	list-style-type: decimal;
}
#privacy > ul {
	margin:0 0 0 35px;
	list-style-type: disc;
}
#privacy > ol li ,
#privacy > ul li {
	margin:10px 0 0 0;
}



/* サイトマップ */
#sitemapBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#sitemap {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#sitemap div.boxL	{
	width:450px;
	float:left;
}
#sitemap div.boxR	{
	width:450px;
	float: right;
}
#sitemap h3 {
	margin:50px 0 20px 0;
	padding:0 0 20px 0;
	font-size:20px;
	line-height:1;
	border-bottom:1px solid #d3d3d3;
}
#sitemap h4 {
	margin:30px 0 0 0;
}
#sitemap ul {
	margin:0 0 0 35px;
	list-style-type: disc;
}
#sitemap ul li {
	margin:10px 0 0 0;
}




/* お知らせ */
#newsBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#news {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#news > div.entry-content {
	list-style-type: none;
	padding:54px;
	margin:50px 0 0 0;
	border:8px solid #d3d3d3;
	background-color:#FFFFFF;
}
#news > div.entry-content:first-child {
	margin:0;
}
#news > div.entry-content h3.title {
	margin:10px 0 30px 0;
	padding:0 0 20px 0;
	font-size:30px;
	line-height:40px;
	border-bottom:1px solid #d3d3d3;
}
#news > div.entry-content p {
	margin:10px 0 0 0;
}
#news > div.entry-content p.day {
	margin:0;
}
#news > div.entry-content p.link {
	text-align:center;
	margin:30px 0 0 0;
}
#news > div.entry-content p.link a {
	display:inline-block;
	background-color:#003670;
	border:1px solid #003670;
	color:#FFFFFF;
	width:350px;
	padding:20px 0;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	line-height:1.2;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
#news > div.entry-content p.link a:hover {
	background-color:#FFFFFF;
	color:#003670;
	border:1px solid #003670;
}
#news > div.entry-content p.link a img {
	vertical-align: middle;
	margin:0 4px 0 0;
}
#news > div.entry-content div.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin:30px 0 0 0;
}
#news > div.entry-content div.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#news > div.entry-content a:link,
#news > div.entry-content a:visited {
	color:#373737;
	text-decoration: underline;
}
#news > div.entry-content a:hover,
#news > div.entry-content a:active {
	color:#ff974d;
	text-decoration: underline;
}



/* ページリンク */
#pagerBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#pager {
	width:1024px;
	margin:0 auto;
}
#pager > ul {
	list-style-type: none;
	font-size:0;
	line-height:0;
	text-align:center;
}
#pager > ul li {
	display: inline-block;
	width: 340px;
	font-size:16px;
	line-height:30px;
}
#pager > ul li.prev {
	text-align:left;
}
#pager > ul li.next {
	text-align:right;
}
#pager > ul li.center {
	text-align:center;
}
#pager > ul li.prev a ,
#pager > ul li.next a ,
#pager > ul li.center a {
	display:block;
	padding: 15px 0;
}
#pager > ul li .fa {
	margin:0 5px;
}




/* Kidsみらいプロジェクト */
#project-titleBG {
	width: 100%;
	min-width: 1024px;
	background-color:#ff974d;
}
#project-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(/static/app/images/bg_line.gif) bottom left repeat-x;
}
#project-title {
	position: relative;
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#project-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1;
	color:#ffffff;
}
#project-title > p {
	text-align:center;
	font-size:14px;
	line-height:1;
	color:#ffffff;
	margin:20px 0 0 0;
}

#project-main1BG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#project-main1 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#project-main1 > p.read {
	text-align:center;
	margin:0;
}
#project-main1 > ul {
	list-style-type: none;
	margin:30px 0 0 0;
}
#project-main1 > ul:after {
	content: "";
	clear: both;
	display: block;
}
#project-main1 > ul li {
	float:left;
	width:300px;
	margin:0 62px 0 0;
}
#project-main1 > ul li:last-child {
	margin:0;
}
#project-main1 > ul li img {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#project-main1 > ul li h3 {
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	text-align:center;
	margin:15px 0 0 0;
}
#project-main1 > ul li p {
	margin:10px 0 0 0;
}
#project-main1 > ul li a {
	position: relative;
	display:block;
	background-color:#003670;
	color:#FFFFFF;
	border:1px solid #003670;
	width:298px;
	height:48px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	line-height:48px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin:15px 0 0 0;
}
#project-main1 > ul li a:hover {
	background-color:#FFFFFF;
	color:#003670;
	border:1px solid #003670;
}
#project-main1 > ul li a .fa{
	position: absolute;
	top:16px;
	right:18px;
}

#project-main2BG {
	width: 100%;
	min-width: 1024px;
	background-color: #f7f3e9;
}
#project-main2 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#project-main2 > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#project-main2 > table {
	width:800px;
	margin:50px auto 0 auto;
	border-top:1px solid #d3d3d3;
}
#project-main2 > table th {
	text-align:left;
	padding:20px 0;
	border-bottom:1px solid #d3d3d3;
}
#project-main2 > table td {
	text-align:left;
	padding:20px 0;
	border-bottom:1px solid #d3d3d3;
}
#project-main2 > p.endtxt {
	text-align:center;
	margin:40px 0 0 0;
}

#project-main3BG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#project-main3 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#project-main3 > ul {
	list-style-type: none;
}
#project-main3 > ul:after {
	content: "";
	clear: both;
	display: block;
}
#project-main3 > ul li {
	padding:30px 0 0 0;
}
#project-main3 > ul li:nth-child(1) {
	float:right;
	padding:0;
}
#project-main3 > ul li:nth-child(2) {
	padding:50px 0 0 0;
}
#project-main3 > ul li p {
	display:inline-block;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ff974d;
	padding:8px 20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}

#project-main3 > h3 {
	text-align:center;
	margin:50px 0 0 0;
}
#project-main3 > p {
	width:800px;
	margin:50px auto 0 auto;
}
#project-main3 > ol.point {
	list-style-type: none;
	margin:50px 0 0 0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    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;
}
#project-main3 > ol.point:after {
	content: "";
	clear: both;
	display: block;
}
#project-main3 > ol.point li {
	float:left;
	width:50%;
	background-color:#ffd7de;
}
#project-main3 > ol.point li:nth-child(1) { background-color:#ffd7de; }
#project-main3 > ol.point li:nth-child(2) { background-color:#ffe0ca; }
#project-main3 > ol.point li h4 {
	text-align:center;
	font-size:24px;
	line-height:34px;
	color:#f2556f;
}
#project-main3 > ol.point li:nth-child(1) h4 { color:#f2556f; }
#project-main3 > ol.point li:nth-child(2) h4 { color:#ff974d; }
#project-main3 > ol.point li p {
	margin:15px 45px 30px 45px;
}
#project-main3 > ol.point li:before {
	content: "";
	clear: both;
	display: block;
	height:90px;
	margin:30px 0 0 0;
}
#project-main3 > ol.point li:nth-child(1):before { background: url(/static/app/images/about_point_01.png) no-repeat center top; }
#project-main3 > ol.point li:nth-child(2):before { background: url(/static/app/images/about_point_02.png) no-repeat center top; }
#project-main3 > ol.image {
	list-style-type: none;
	margin:20px 0 0 0;
}
#project-main3 > ol.image:after {
	content: "";
	clear: both;
	display: block;
}
#project-main3 > ol.image li {
	float:left;
	width:33.2%;
	width:calc(100% / 3);
}
#project-main3 > ol.voice {
	list-style-type: none;
	margin:20px 0 0 0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    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;
}
#project-main3 > ol.voice:after {
	content: "";
	clear: both;
	display: block;
}
#project-main3 > ol.voice li {
	float:left;
	width:486px;
	background-color:#ffffff;
	border:8px solid #c4ffc7;
	margin:0 20px 0 0;
}
#project-main3 > ol.voice li:nth-child(2) {
	border:8px solid #d7ecfa;
	margin:0;
}
#project-main3 > ol.voice li h4 {
	text-align:center;
	font-size:24px;
	line-height:34px;
	color:#f2556f;
}
#project-main3 > ol.voice li:nth-child(1) h4 { color:#5ecb63; }
#project-main3 > ol.voice li:nth-child(2) h4 { color:#2e99e6; }
#project-main3 > ol.voice li p {
	margin:15px 45px 30px 45px;
}
#project-main3 > ol.voice li:before {
	content: "";
	clear: both;
	display: block;
	height:120px;
	margin:30px 0 0 0;
}
#project-main3 > ol.voice li:nth-child(1):before { background: url(/static/app/images/point_voice_01.png) no-repeat center top; }
#project-main3 > ol.voice li:nth-child(2):before { background: url(/static/app/images/point_voice_02.png) no-repeat center top; }
#project-main3 > p.chack {
	font-size:18px;
	text-align:center;
	width: auto;
	margin:50px auto 0 auto;
}
#project-main3 > p.linkbottan a {
	position: relative;
	display:block;
	background-color:#ff4b47;
	color:#ffffff;
	border:1px solid #ff4b47;
	width:598px;
	height:80px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:24px;
	line-height:80px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin:0 auto;
}
#project-main3 > p.linkbottan a:hover {
	background-color:#FFFFFF;
	color:#ff4b47;
	border:1px solid #ff4b47;
}
#project-main3 > p.linkbottan a .fa{
	position: absolute;
	top:27px;
	right:27px;
}




/* クラスの紹介 */
#class-titleBG {
	width: 100%;
	min-width: 1024px;
	background-color:#2e99e6;
}
#class-titleBG.BG2 { background-color:#66cc66; }
#class-titleBG.BG3 { background-color:#ff974d; }
#class-titleBG.BG4 { background-color:#f2556f; }
#class-titleBG.BG5 { background-color:#ffe324; }
#class-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	/*background: url(/static/app/images/bg_line.gif) bottom left repeat-x;*/
}
#class-title {
	position: relative;
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#class-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1;
	color:#ffffff;
}
#class-title > p:first-of-type {
	text-align:center;
	font-size:14px;
	line-height:1;
	color:#ffffff;
	margin:20px 0 0 0;
}
#class-title > p:last-of-type {
	color:#ffffff;
	margin:20px auto 0 auto;
	width:800px;
}
#class-titleBG.BG5 #class-title > h2 ,
#class-titleBG.BG5 #class-title > p:first-of-type ,
#class-titleBG.BG5 #class-title > p:last-of-type {
	color:#003670;
}

#class-main1BG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#class-main1BG.BG2 {
	background-image: none;
	background-color:#f7f3e9;
}
#class-main1 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#class-main1 > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#class-main1 > p {
	width:800px;
	margin:30px auto 0 auto;
}
#class-main1 > ul {
	list-style-type: none;
	margin:25px 0 0 0;
}
#class-main1 > ul:after {
	content: "";
	clear: both;
	display: block;
}
#class-main1 > ul li {
	position: relative;
	float:left;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	width:200px;
	height:200px;
	margin:5px 5px 0 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	overflow: hidden;
}
#class-main1 > ul li:nth-child(5n) {
	margin:5px 0 0 0;
}
#class-main1 > ul li:nth-child(5n+1) {
	clear:both;
}
#class-main1 > ul li img {
        object-fit: cover;
}
#class-main1 > ul li div {
	position: relative;
	overflow: hidden;
	width: 100%;
}
#class-main1 > ul li div figcaption {
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
	opacity: 1;
	font-size:16px;
	text-align:center;
}
#class-main1 > ul li div figcaption span {
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	white-space: nowrap;
}
#class-main1 > ul li div figcaption .fa {
	margin:0 0 0 5px;
}
#class-main1 > ul li a {
	display:block;
	width:200px;
	height:200px;
	color:#FFFFFF;
	text-decoration: none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
#class-main1 > ul li a:hover figcaption {
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
}
#class-main1 > ul li a:hover {
   -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	background: rgba(0,0,0,0.6);
}
#class-main1 > ul li.t h3 {
	font-size:18px;
	line-height:28px;
	text-align:center;
}
#class-main1 > ul li.t p {
	margin:10px 20px 0 20px;
}
#class-main1 > ul li.s h4 {
	font-size:16px;
	line-height:36px;
	text-align:center;
	border-bottom:1px dotted #FFFFFF;
	margin:1px 10px 0 10px;
}
#class-main1 > ul li.s h5 {
	margin:8px 10px 0 10px;
	font-weight:normal;
	text-align:center;
}
#class-main1 > ul li.listB { background-color:#2e99e6; }
#class-main1 > ul li.listG { background-color:#66cc66; }
#class-main1 > ul li.listO { background-color:#ff974d; }
#class-main1 > ul li.listR { background-color:#f2556f; }
#class-main1 > ul li.listY { background-color:#ffe324; color:#003670; }
#class-main1 > ul li.listY h4 {
	color:#003670;
	border-bottom:1px dotted #003670;
}
#class-main1 > ul li.listY h5 {
	color:#003670;
}
#class-main1 > ul li.listY a:hover h4 {
	color: #ffffff;
	border-bottom:1px dotted #FFFFFF;
}
#class-main1 > ul li.listY a:hover h5 {
	color:#ffffff;
}

/* クラスメインイメージ */
#class-phBG {
	width: 100%;
	height:600px;
	min-width: 1024px;
	overflow:hidden;
	    object-fit: cover;
}
#class-ph h3 {
	text-indent:-9999em;
	text-decoration:none;
}
/*#class-phBG.h-babyclub    { background: url(/static/app/images/class_ph01.jpg) center center / cover no-repeat; }
#class-phBG.h-little      { background: url(/static/app/images/class_ph02.jpg) center center / cover no-repeat; }
#class-phBG.h-kids        { background: url(/static/app/images/class_ph03.jpg) center center / cover no-repeat; }
#class-phBG.h-junior      { background: url(/static/app/images/class_ph04.jpg) center center / cover no-repeat; }
#class-phBG.h-superjunior { background: url(/static/app/images/class_ph05.jpg) center center / cover no-repeat; }
#class-phBG.h-supersenior { background: url(/static/app/images/class_ph06.jpg) center center / cover no-repeat; }
#class-phBG.h-private     { background: url(/static/app/images/class_ph07.jpg) center center / cover no-repeat; }
#class-phBG.h-training    { background: url(/static/app/images/class_ph08.jpg) center center / cover no-repeat; }
#class-phBG.h-gymnastics  { background: url(/static/app/images/class_ph09.jpg) center center / cover no-repeat; }
#class-phBG.h-basic       { background: url(/static/app/images/class_ph10.jpg) center center / cover no-repeat; }
#class-phBG.h-stepup      { background: url(/static/app/images/class_ph11.jpg) center center / cover no-repeat; }
#class-phBG.h-kids-e      { background: url(/static/app/images/class_ph12.jpg) center center / cover no-repeat; }
#class-phBG.h-junior1     { background: url(/static/app/images/class_ph13.jpg) center center / cover no-repeat; }
#class-phBG.h-junior2     { background: url(/static/app/images/class_ph14.jpg) center center / cover no-repeat; }
#class-phBG.h-junior3     { background: url(/static/app/images/class_ph15.jpg) center center / cover no-repeat; }
#class-phBG.k-little      { background: url(/static/app/images/class_ph16.jpg) center center / cover no-repeat; }
#class-phBG.k-kids        { background: url(/static/app/images/class_ph17.jpg) center center / cover no-repeat; }
#class-phBG.k-junior      { background: url(/static/app/images/class_ph18.jpg) center center / cover no-repeat; }
#class-phBG.k-senior      { background: url(/static/app/images/class_ph19.jpg) center center / cover no-repeat; }
#class-phBG.k-supersenior { background: url(/static/app/images/class_ph20.jpg) center center / cover no-repeat; }
#class-phBG.k-training    { background: url(/static/app/images/class_ph21.jpg) center center / cover no-repeat; }
#class-phBG.k-gymnastics  { background: url(/static/app/images/class_ph22.jpg) center center / cover no-repeat; }
#class-phBG.h-baby-e      { background: url(/static/app/images/class_ph23.jpg) center center / cover no-repeat; }
#class-phBG.s-water       { background: url(/static/app/images/class_ph24.jpg) center center / cover no-repeat; }
#class-phBG.s-inter       { background: url(/static/app/images/class_ph25.jpg) center center / cover no-repeat; }
#class-phBG.h-kids-e2     { background: url(/static/app/images/class_ph26.jpg) center center / cover no-repeat; }
#class-phBG.s-water2      { background: url(/static/app/images/class_ph27.jpg) center center / cover no-repeat; }
#class-phBG.s-basic       { background: url(/static/app/images/class_ph28.jpg) center center / cover no-repeat; }
#class-phBG.s-beginner    { background: url(/static/app/images/class_ph29.jpg) center center / cover no-repeat; }
#class-phBG.s-intermediate{ background: url(/static/app/images/class_ph30.jpg) center center / cover no-repeat; }
#class-phBG.s-advanced    { background: url(/static/app/images/class_ph31.jpg) center center / cover no-repeat; }
#class-phBG.s-baby-e      { background: url(/static/app/images/class_ph32.jpg) center center / cover no-repeat; }
#class-phBG.s-little-e    { background: url(/static/app/images/class_ph33.jpg) center center / cover no-repeat; }
#class-phBG.s-junior1     { background: url(/static/app/images/class_ph34.jpg) center center / cover no-repeat; }
#class-phBG.s-junior2     { background: url(/static/app/images/class_ph35.jpg) center center / cover no-repeat; }
#class-phBG.s-junior3     { background: url(/static/app/images/class_ph36.jpg) center center / cover no-repeat; }
#class-phBG.s-eiken       { background: url(/static/app/images/class_ph37.jpg) center center / cover no-repeat; }*/

/* クラススケジュール */
#class-scheduleBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_br.gif);
}
#class-schedule {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#class-schedule > ul {
	list-style-type: none;
	text-align:center;
}
#class-schedule > ul:after {
	content: "";
	clear: both;
	display: block;
}
#class-schedule > ul li {
	display: inline-block;
	margin:0;
	width:300px;
	vertical-align: top;
}
#class-schedule > ul li h4 {
	background-color:#2e99e6;
	color:#FFFFFF;
	font-size:24px;
	width:100px;
	line-height:100px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
	margin:0 auto;
}
#class-schedule.BG2 > ul li h4 { background-color:#66cc66; }
#class-schedule.BG3 > ul li h4 { background-color:#ff974d; }
#class-schedule.BG4 > ul li h4 { background-color:#f2556f; }
#class-schedule.BG5 > ul li h4 { background-color:#ffe324; color:#003670; }
#class-schedule > ul li p {
	color:#2e99e6;
	font-weight:bold;
	font-size:24px;
	line-height:34px;
	margin:10px 0 0 0;
}
#class-schedule.BG2 > ul li p { color:#66cc66; }
#class-schedule.BG3 > ul li p { color:#ff974d; }
#class-schedule.BG4 > ul li p { color:#f2556f; }
#class-schedule.BG5 > ul li p { color:#003670; }
#class-schedule > table {
	width:600px;
	margin:50px auto 0 auto;
	border:4px solid #2e99e6;
}
#class-schedule.BG2 > table { border:4px solid #66cc66; }
#class-schedule.BG3 > table { border:4px solid #ff974d; }
#class-schedule.BG4 > table { border:4px solid #f2556f; }
#class-schedule.BG5 > table { border:4px solid #ffe324; }
#class-schedule > table th {
	background-color:#2e99e6;
	color:#FFFFFF;
	padding:10px 0;
	width:50%;
	font-weight: bold;
	text-align:center;
}
#class-schedule.BG2 > table th { background-color:#66cc66; }
#class-schedule.BG3 > table th { background-color:#ff974d; }
#class-schedule.BG4 > table th { background-color:#f2556f; }
#class-schedule.BG5 > table th { background-color:#ffe324; color:#003670; }
#class-schedule > table td {
	text-align:center;
	padding:10px 0;
	background-color:#FFFFFF;
	border:1px solid #d3d3d3;
	vertical-align: middle;
}


#class-schedule > ol {
	list-style-type: none;
	margin:50px 0 0 0;
	text-align:center;
}
#class-schedule > ol h4 {
	font-size:24px;
	line-height:34px;
	margin:50px 0 10px 0;
	text-align: left;
}
#class-schedule > ol li {
	display: inline-block;
	font-size:22px;
	line-height:32px;
	font-weight:bold;
}
#class-schedule > ol li:after {
	content: "／";
}
#class-schedule > ol li:last-child:after {
	content: "";
}

#class-schedule > ol.yen_list {
	list-style-type: disc;
	display: table;
	margin:50px auto 0 auto;
}
#class-schedule > ol.yen_list li {
	display: inherit;
	font-size:22px;
	line-height:32px;
	font-weight:bold;
	margin:0 0 10px 30px;
}
#class-schedule > ol.yen_list li:after {
	content: "";
}
#class-schedule > ol.yen_list li:before {
	content: "／";
}

#class-schedule > div.youtube {
	position: relative;
	text-align:center;
	margin:50px auto 0 auto;
}
#class-schedule > div.youtube iframe {
}


#class-schedule .taiken {
    width: 600px;
    margin: 50px auto 0 auto;

}
#class-schedule .taiken > p a {
	position: relative;
	display:block;
	background-color:#2e99e6;
	color:#ffffff;
	border:1px solid #2e99e6;
	width:100%;
	height:80px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	line-height:80px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin:0 auto;
}
#lesson-main2 .taiken > p a .fa{
	position: absolute;
	top:27px;
	right:27px;
}
#class-schedule.BG2 .taiken > p a { background-color:#66cc66; }
#class-schedule.BG3 .taiken > p a { background-color:#ff974d; }
#class-schedule.BG4 .taiken > p a { background-color:#f2556f; }
#class-schedule.BG5 .taiken > p a { background-color:#ffe324; color:#003670; }
#class-schedule.BG2 .taiken > p a { border:4px solid #66cc66; }
#class-schedule.BG3 .taiken > p a { border:4px solid #ff974d; }
#class-schedule.BG4 .taiken > p a { border:4px solid #f2556f; }
#class-schedule.BG5 .taiken > p a { border:4px solid #ffe324; }

#class-schedule .taiken > p a:hover {background-color:#FFFFFF;color:#003670;border:1px solid #003670;}
#class-schedule.BG2 .taiken > p a:hover {background-color:#FFFFFF;color:#003670;border:4px solid #003670;}
#class-schedule.BG3 .taiken > p a:hover {background-color:#FFFFFF;color:#003670;border:4px solid #003670;}
#class-schedule.BG4 .taiken > p a:hover {background-color:#FFFFFF;color:#003670;border:4px solid #003670;}
#class-schedule.BG5 .taiken > p a:hover {background-color:#FFFFFF;color:#003670;border:4px solid #003670;}


.weekly_schedule {
    width: 600px;
    margin: 50px auto 0 auto;

}
.weekly_schedule > p a {
	position: relative;
	display:block;
	background-color:#003670;
	color:#ffffff;
	border:4px solid #003670;
	width:100%;
	height:80px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	line-height:80px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin:0 auto;
}
.weekly_schedule > p a .fa{
	position: absolute;
	top:30px;
	right:27px;
}
.weekly_schedule > p a:hover {background-color:#FFFFFF;color:#003670;border:4px solid #003670;}

.taiken_mousikomi {
    width: 600px;
    margin: 50px auto 0 auto;

}
.taiken_mousikomi > p a {
	position: relative;
	display:block;
	background-color:#003670;
	color:#ffffff;
	border:4px solid #003670;
	width:100%;
	height:80px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	line-height:80px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin:0 auto;
}
.taiken_mousikomi > p a .fa{
	position: absolute;
	top:30px;
	right:27px;
}
.taiken_mousikomi > p a:hover {background-color:#FFFFFF;color:#003670;border:4px solid #003670;}


/* クラスナビゲーション */
#class-navBG {
	width: 100%;
	min-width: 1024px;
	background-color:#2e99e6;
}
#class-navBG.BG2 { background-color:#66cc66; }
#class-navBG.BG3 { background-color:#ff974d; }
#class-navBG.BG4 { background-color:#f2556f; }
#class-navBG.BG5 { background-color:#ffe324; }
#class-nav {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#class-nav > h3 {
	text-align:center;
	font-size:18px;
	line-height:28px;
	color:#FFFFFF;
	margin:50px 0 0 0;
}
#class-nav > h4 {
	text-align:center;
	font-size:14px;
	line-height:28px;
	color:#FFFFFF;
}
#class-nav.BG5 > h3 {
	color:#003670;
}
#class-nav.BG5 > h4 {
	color:#003670;
}
#class-nav > div {
	text-align:center;
	margin:20px 0 0 0;
}
#class-nav > ul {
	list-style-type: none;
}
#class-nav > ul:after {
	content: "";
	clear: both;
	display: block;
}
#class-nav > ul li {
	float:left;
	width:242px;
	margin:0 18px 0 0;
}
#class-nav > ul li:last-child {
	margin:0;
}
#class-nav > ul li a {
	position: relative;
	display:block;
	background-color:#FFFFFF;
	text-align:center;
	line-height:50px;
	color:#2e99e6;
	padding:3px 3px 0 3px;
	font-weight: bold;
}
#class-nav.BG2 > ul li a { color:#66cc66; }
#class-nav.BG3 > ul li a { color:#ff974d; }
#class-nav.BG4 > ul li a { color:#f2556f; }
#class-nav.BG5 > ul li a { color:#003670; }
#class-nav > ul li a .fa {
	position: absolute;
	right:16px;
	bottom:18px;
}
#class-nav > ul li a:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,0.6);
	color:#FFFFFF;
}
#class-nav > ul li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#class-nav > div.pc { display:block; }
#class-nav > div.mo { display:none;  }

/* クラス流れ */
#class-flowBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#class-flow {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#class-flow > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#class-flow > p {
	text-align:center;
	margin:20px 0 0 0;
}
#class-flow > ol {
	list-style-type: none;
	margin:30px 0 0 0;
	border:8px solid #d3d3d3;
	background-color:#FFFFFF;
    display:flex;
    flex-wrap:wrap;
}
#class-flow > ol:after {
	content: "";
	clear: both;
	display: block;
}
#class-flow > ol li {
	width:25%;
	box-sizing: border-box;
	border-right:1px solid #d3d3d3;
}
#class-flow > ol li:last-child {
	width:25%;
	border-right: none;
}
#class-flow > ol li h5 {
	font-size:24px;
	line-height:34px;
	text-align:center;
}
#class-flow > ol li:nth-child(1) h5 { color:#f2556f; }
#class-flow > ol li:nth-child(2) h5 { color:#ff974d; }
#class-flow > ol li:nth-child(3) h5 { color:#66cc66; }
#class-flow > ol li:nth-child(4) h5 { color:#2e99e6; }
#class-flow > ol li p {
	margin:10px 25px 30px 25px;
}
#class-flow > ol li:before {
	content: "";
	clear: both;
	display: block;
	height:62px;
	margin:30px 0 0 0;
}
#class-flow > ol li:nth-child(1):before { background: url(/static/app/images/class_step_01.png) no-repeat center top; }
#class-flow > ol li:nth-child(2):before { background: url(/static/app/images/class_step_02.png) no-repeat center top; }
#class-flow > ol li:nth-child(3):before { background: url(/static/app/images/class_step_03.png) no-repeat center top; }
#class-flow > ol li:nth-child(4):before { background: url(/static/app/images/class_step_04.png) no-repeat center top; }
#class-flow > ul {
	list-style-type: none;
	margin:30px 0 0 0;
	text-align:center;
}
#class-flow > ul li {
	display:inline-block;
	vertical-align: top;
}
#class-flow > ul li h5 {
	margin:30px 0 0 0;
}
#class-flow > ul li p {
	margin:20px 0 0 0;
	font-weight:bold;
}

/* クラス声 */
#class-voiceBG {
	width: 100%;
	min-width: 1024px;
	background-color:#f7f3e9;
}
#class-voice {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#class-voice > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#class-voice > p {
	text-align:center;
	margin:20px 0 0 0;
}
#class-voice > ol {
	list-style-type: none;
	margin:30px 0 0 0;
	border:8px solid #d3d3d3;
	background-color:#FFFFFF;
    display:flex;
    flex-wrap:wrap;
}
#class-voice > ol:after {
	content: "";
	clear: both;
	display: block;
}
#class-voice > ol li {
	width:50%;
	box-sizing: border-box;
	border-right:1px solid #d3d3d3;
	text-align:center;
	padding:30px 0 0 0;
}
#class-voice > ol li:last-child {
	width:50%;
	border-right: none;
}
#class-voice > ol.single li {
	float: none;
	width:100%;
	border-right: none;
}
#class-voice > ol li h5 {
	text-align:center;
}
#class-voice > ol li:nth-child(1) h5 { color:#6a3d1c; }
#class-voice > ol li:nth-child(2) h5 { color:#cc4645; }
#class-voice > ol li p {
	text-align:left;
	margin:15px 55px 40px 55px;
}

/* クラス安全安心 */
#class-safetyBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#class-safety {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#class-safety > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#class-safety > p {
	text-align:center;
	margin:20px 0 0 0;
}
#class-safety > ol {
	list-style-type: none;
	margin:30px 0 0 0;
	text-align:center;
}
#class-safety > ol:after {
	content: "";
	clear: both;
	display: block;
}
#class-safety > ol li {
	float:left;
	width:300px;
	margin:0 57px 0 0;
}
#class-safety > ol li:last-child {
	margin:0;
}
#class-safety > ol li h5 {
	font-size:24px;
	line-height:34px;
	margin:25px 0 0 0;
}
#class-safety > ol li p {
	text-align:left;
	margin:20px 0 0 0;
}
#class-safety > ol li img {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	max-width:300px;
}

#class-safety > ul.event {
	list-style-type: none;
	margin:50px 0 0 0;
	padding:40px 50px;
	background-color:#ffe324;
}
#class-safety > ul.event li:nth-child(2) ,
#class-safety > ul.event li:nth-child(3) {
	float:left;
	width:280px;
	margin:30px 42px 30px 0;
}
#class-safety > ul.event li:nth-child(4) {
	float:left;
	width:280px;
	margin:30px 0 30px 0;
}
#class-safety > ul.event li:nth-child(5) {
	clear:both;
}
#class-safety > ul.event h3 {
	text-align:center;
	font-size:26px;
	line-height:36px;
	color:#003670;
}
#class-safety > ul.event h4 {
	text-align:center;
	font-size:20px;
	line-height:30px;
	color:#003670;
}
#class-safety > ul.event h5 {
	font-size:20px;
	line-height:30px;
	text-align:center;
	margin:15px 0 0 0;
}
#class-safety > ul.event p {
	margin:10px 0 0 0;
}
#class-safety > ul.event img {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	max-width:280px;
}
#class-safety > ul.event div.youtube {
	position: relative;
	text-align:center;
	margin:30px auto 0 auto;
}
#class-safety > ul.event div.youtube iframe {
}

#class-safety > ul.tab {
	list-style-type: none;
	font-size: 0px;
	margin:80px 0 0 0;
}
#class-safety > ul.tab li {
	display: inline-block;
	text-align:center;
	vertical-align: bottom;
	width:24.5%;
	margin:0 0.5% 0 0;
}
#class-safety > ul.tab li:last-child {
	width:25.0%;
	margin:0;
}
#class-safety > ul.tab li a {
	position: relative;
	display: block;
	font-size:18px;
	line-height:1;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding:20px 0;
	margin-top:20px;
}
#class-safety > ul.tab li:nth-child(1) a { background-color:#f2556f; }
#class-safety > ul.tab li:nth-child(2) a { background-color:#ff974d; }
#class-safety > ul.tab li:nth-child(3) a { background-color:#66cc66; }
#class-safety > ul.tab li:nth-child(4) a { background-color:#2e99e6; }
#class-safety > ul.tab li a:hover {
	background-color: rgba(0,0,0,0.6);
}
#class-safety > ul.tab li.select a {
	padding:30px 0;
	margin-top:0px;
}
#class-safety > ul.tab li.select a:after {
    position: absolute;
    top: 100%;
    left: 50%;
	content: "";
    border-top: 25px solid #f2556f;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    margin-left: -15px;
}
#class-safety > ul.tab li.select:nth-child(1) a:after { border-top: 25px solid #f2556f; }
#class-safety > ul.tab li.select:nth-child(2) a:after { border-top: 25px solid #ff974d; }
#class-safety > ul.tab li.select:nth-child(3) a:after { border-top: 25px solid #66cc66; }
#class-safety > ul.tab li.select:nth-child(4) a:after { border-top: 25px solid #2e99e6; }

#class-safety > ul.tab li.select a:hover:after {
	border-top: 25px solid rgba(0,0,0,0.6);
}

#class-safety > ul.tab li a .fa{
	position: absolute;
	right:20px;
}
#class-safety > ul.tab li a br {
	display:none;
}

#class-safety > div.disnon {
	display: none;
}
#class-safety > div.content_wrap {
	position:relative;
	margin:30px 0 0 0;
	padding:50px 100px;
	background-color:#FFFFFF;
}
#class-safety > div.content_wrap:nth-of-type(1) { border:8px solid #f2556f; }
#class-safety > div.content_wrap:nth-of-type(2) { border:8px solid #ff974d; }
#class-safety > div.content_wrap:nth-of-type(3) { border:8px solid #66cc66; }
#class-safety > div.content_wrap:nth-of-type(4) { border:8px solid #2e99e6; }
#class-safety > div.content_wrap .img01 {
position:absolute;
top:30px;
right:100px;
}
#class-safety > div.content_wrap h4 {
	font-size:24px;
	line-height:30px;
}
#class-safety > div.content_wrap:nth-of-type(1) h4 { color:#f2556f; }
#class-safety > div.content_wrap:nth-of-type(2) h4 { color:#ff974d; }
#class-safety > div.content_wrap:nth-of-type(3) h4 { color:#66cc66; }
#class-safety > div.content_wrap:nth-of-type(4) h4 { color:#2e99e6; }
#class-safety > div.content_wrap p {
	margin:20px 0 0 0;
}
#class-safety > div.content_wrap p br.pc {
	display: block;
}




/* 見学・体験教室 */
#lesson-titleBG {
	width: 100%;
	min-width: 1024px;
	background-color:#f2556f;
}
#lesson-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(/static/app/images/bg_line.gif) bottom left repeat-x;
}
#lesson-title {
	position: relative;
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#lesson-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1;
	color:#ffffff;
}
#lesson-title > p {
	text-align:center;
	font-size:14px;
	line-height:1;
	color:#ffffff;
	margin:20px 0 0 0;
}

#lesson-main1BG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#lesson-main1 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#lesson-main1 > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#lesson-main1 > p {
	width:800px;
	margin:30px auto 0 auto;
}
#lesson-main1 > ol {
	list-style-type: none;
	margin:30px 0 0 0;
	border:8px solid #d3d3d3;
	background-color:#FFFFFF;
}
#lesson-main1 > ol:after {
	content: "";
	clear: both;
	display: block;
}
#lesson-main1 > ol li {
	position:relative;
	padding:50px 0 50px 230px;
	border-bottom:1px solid #d3d3d3;
}
#lesson-main1 > ol li h5 {
	font-size:30px;
	line-height:40px;
}
#lesson-main1 > ol li:nth-child(1) h5 { color:#f2556f; }
#lesson-main1 > ol li:nth-child(2) h5 { color:#ff974d; }
#lesson-main1 > ol li:nth-child(3) h5 { color:#66cc66; }
#lesson-main1 > ol li:nth-child(4) h5 { color:#2e99e6; }
#lesson-main1 > ol li p {
	margin:10px 0 0 0;
	line-height: inherit;
}
#lesson-main1 > ol li:before {
	content: "";
	clear: both;
	display: block;
	position:absolute;
	top:50px;
	left:100px;
}
#lesson-main1 > ol li:nth-child(1):before { background: url(/static/app/images/lesson_step_01.png) no-repeat left top; width:130px; height:232px; }
#lesson-main1 > ol li:nth-child(2):before { background: url(/static/app/images/lesson_step_02.png) no-repeat left top; width:130px; height:262px; }
#lesson-main1 > ol li:nth-child(3):before { background: url(/static/app/images/lesson_step_03.png) no-repeat left top; width:130px; height:262px; }
#lesson-main1 > ol li:nth-child(4):before { background: url(/static/app/images/lesson_step_04.png) no-repeat left top; width:130px; height:121px; }
#lesson-main1 > h4 {
	font-size:24px;
	line-height:34px;
	margin:50px 0 0 0;
}
#lesson-main1 > ul {
	margin:20px 0 0 25px;
	list-style-type: disc;
}
#lesson-main1 > ul li {
	margin:10px 0 0 0;
}

#lesson-main2BG {
	width: 100%;
	min-width: 1024px;
	background-color:#f7f3e9;
}
#lesson-main2 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#lesson-main2 > p a {
	position: relative;
	display:block;
	background-color:#ff4b47;
	color:#ffffff;
	border:1px solid #ff4b47;
	width:498px;
	height:80px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:24px;
	line-height:80px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin:0 auto;
}
#lesson-main2 > p a:hover {
	background-color:#FFFFFF;
	color:#ff4b47;
	border:1px solid #ff4b47;
}
#lesson-main2 > p a .fa{
	position: absolute;
	top:27px;
	right:27px;
}



#lesson-main2 .taiken > ul li{
        text-align: center;
	float: left;
	width: calc(50% - 10px);
	margin: 5px!important;
}
#lesson-main2 .taiken > ul li p a {
	position: relative;
	display:block;
	background-color:#ff4b47;
	color:#ffffff;
	border:1px solid #ff4b47;
	width:498px;
	height:80px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:24px;
	line-height:80px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin:0 auto;
}
#lesson-main2 .taiken > ul li p a:hover {
	background-color:#FFFFFF;
	color:#ff4b47;
	border:1px solid #ff4b47;
}
#lesson-main2 .taiken > ul li p a .fa{
	position: absolute;
	top:27px;
	right:27px;
}





#lesson-main2 > h3 {
	text-align:center;
	font-size:18px;
	line-height:28px;
	margin:30px 0 0 0;
}
#lesson-main2 > ul {
	list-style-type: none;
	margin:20px 0 0 0;
}
#lesson-main2 > ul li {
	text-align:center;
}
#lesson-main2 > ul li.pc { display:block; }
#lesson-main2 > ul li.mo { display:none;  }

#lesson-main3BG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_br.gif);
}
#lesson-main3 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#lesson-main3 > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#lesson-main3 > p {
	width:800px;
	margin:30px auto 0 auto;
}
#lesson-main3 > p.yen {
	text-align:center;
	background-color:#FFFFFF;
	border:1px solid #d3d3d3;
	display: block;
	width: 250px;
	padding:15px 0;
}
#lesson-main3 > p a {
	text-decoration: underline;
}


/* 入会のご案内 */
#guide-titleBG {
	width: 100%;
	min-width: 1024px;
	background-color:#ef8cd5;
}
#guide-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(/static/app/images/bg_line.gif) bottom left repeat-x;
}
#guide-title {
	position: relative;
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#guide-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1;
	color:#ffffff;
}
#guide-title > p {
	text-align:center;
	font-size:14px;
	line-height:1;
	color:#ffffff;
	margin:20px 0 0 0;
}

#guide-main1BG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#guide-main1 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#guide-main1 > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#guide-main1 > p {
	width:800px;
	margin:30px auto 0 auto;
}
#guide-main1 > ol {
	list-style-type: none;
	margin:30px 0 0 0;
	border:8px solid #d3d3d3;
	background-color:#FFFFFF;
}
#guide-main1 > ol:after {
	content: "";
	clear: both;
	display: block;
}
#guide-main1 > ol li {
	position:relative;
	padding:50px 0 50px 230px;
	border-bottom:1px solid #d3d3d3;
}
#guide-main1 > ol li h5 {
	font-size:30px;
	line-height:40px;
}
#guide-main1 > ol li:nth-child(1) h5 { color:#f2556f; }
#guide-main1 > ol li:nth-child(2) h5 { color:#ff974d; }
#guide-main1 > ol li:nth-child(3) h5 { color:#66cc66; }
#guide-main1 > ol li:nth-child(4) h5 { color:#2e99e6; }
#guide-main1 > ol li p {
	margin:10px 0 0 0;
	line-height: inherit;
}
#guide-main1 > ol li:before {
	content: "";
	clear: both;
	display: block;
	position:absolute;
	top:50px;
	left:100px;
}
#guide-main1 > ol li:nth-child(1):before { background: url(/static/app/images/guide_step_01.png) no-repeat left top; width:130px; height:232px; }
#guide-main1 > ol li:nth-child(2):before { background: url(/static/app/images/guide_step_02.png) no-repeat left top; width:130px; height:202px; }
#guide-main1 > ol li:nth-child(3):before { background: url(/static/app/images/guide_step_03.png) no-repeat left top; width:130px; height:292px; }
#guide-main1 > ol li:nth-child(4):before { background: url(/static/app/images/guide_step_04.png) no-repeat left top; width:130px; height: 91px; }
#guide-main1 > h4 {
	font-size:24px;
	line-height:34px;
	margin:50px 0 0 0;
}
#guide-main1 > ul {
	margin:20px 0 0 25px;
	list-style-type: disc;
}
#guide-main1 > ul li {
	margin:10px 0 0 0;
}

#guide-main2BG {
	width: 100%;
	min-width: 1024px;
	background-color:#f7f3e9;
}
#guide-main2 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#guide-main2 > p a {
	position: relative;
	display:block;
	background-color:#ff4b47;
	color:#ffffff;
	border:1px solid #ff4b47;
	width:498px;
	height:80px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:24px;
	line-height:80px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin:0 auto;
}
#guide-main2 > p a:hover {
	background-color:#FFFFFF;
	color:#ff4b47;
	border:1px solid #ff4b47;
}
#guide-main2 > p a .fa{
	position: absolute;
	top:27px;
	right:27px;
}
#guide-main2 > h3 {
	text-align:center;
	font-size:18px;
	line-height:28px;
	margin:0;
}
#guide-main2 > ul {
	list-style-type: none;
	margin:20px 0 0 0;
}
#guide-main2 > ul li {
	text-align:center;
}
#guide-main2 > ul li.pc { display:block; }
#guide-main2 > ul li.mo { display:none;  }



/* ジュンスポについて */
#about-titleBG {
	width: 100%;
	min-width: 1024px;
	background-color:#66cc66;
}
#about-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(/static/app/images/bg_line.gif) bottom left repeat-x;
}
#about-title {
	position: relative;
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#about-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1;
	color:#ffffff;
}
#about-title > p {
	text-align:center;
	font-size:14px;
	line-height:1;
	color:#ffffff;
	margin:20px 0 0 0;
}

#about-main1BG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#about-main1 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#about-main1 > ul.bxslider {
	list-style-type: none;
}
#about-main1 > h3 {
	text-align:center;
	margin:50px 0 0 0;
}
#about-main1 > p {
	width:800px;
	margin:50px auto 0 auto;
}
#about-main1 > ol {
	list-style-type: none;
	margin:50px 0 0 0;
	border:8px solid #6ab8ee;
	background-color:#FFFFFF;
    display:flex;
    flex-wrap:wrap;
}
#about-main1 > ol:after {
	content: "";
	clear: both;
	display: block;
}
#about-main1 > ol li {
	float:left;
	width:33.3333%;
	width:calc(100% / 3);
	box-sizing: border-box;
	border-right:1px solid #6ab8ee;
}
#about-main1 > ol li:last-child {
	border-right: none;
}
#about-main1 > ol li p {
	margin:0px 45px 30px 45px;
}
#about-main1 > ol li:before {
	content: "";
	clear: both;
	display: block;
	height:90px;
	margin:30px 0 0 0;
}
#about-main1 > ol li:nth-child(1):before { background: url(/static/app/images/about_point_01.png) no-repeat center top; }
#about-main1 > ol li:nth-child(2):before { background: url(/static/app/images/about_point_02.png) no-repeat center top; }
#about-main1 > ol li:nth-child(3):before { background: url(/static/app/images/about_point_03.png) no-repeat center top; }




#about-main2BG {
	width: 100%;
	min-width: 1024px;
	background-color:#e7f5ff;
}
#about-main2 {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#about-main2 > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
	color:#f2556f;
}
#about-main2 > p {
	text-align:center;
	margin:30px 0 0 0;
}
#about-main2 > ul {
	list-style-type: none;
	margin:20px 0 0 0;
}
#about-main2 > ul:after {
	content: "";
	clear: both;
	display: block;
}
#about-main2 > ul li {
	position: relative;
	float:left;
	width:512px;
	margin:0;
}



/* トップクラス */
#top-classBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#top-class {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#top-class > h2 {
	text-align:center;
	font-size:30px;
	line-height:1;
	color:#003670;
}
#top-class > h2 div {
	font-size:14px;
	font-weight:normal;
	margin:20px 0 0 0;
}
#top-class > p.read {
	text-align:center;
	margin:30px 0 0 0;
}

#top-class > ul.tab {
	list-style-type: none;
	font-size: 0px;
	margin:50px 0 0 0;
}
#top-class > ul.tab li {
	display: inline-block;
	text-align:center;
	vertical-align: bottom;
	width: 49.5%;/*33.0%;*/
	margin:0 0.5% 0 0;
}
#top-class > ul.tab li:last-child {
	margin:0 0 0 0;
}
#top-class > ul.tab li br {
	display:none;
}
#top-class > ul.tab li a {
	position: relative;
	display: block;
	font-size:24px;
	line-height:1;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding:20px 0;
	margin-top:20px;
	background-color:#003670;
}
#top-class > ul.tab li a:hover {
	background-color:#f2556f;
}
#top-class > ul.tab li.select a {
	position: relative;
	background-color:#f2556f;
	padding:30px 0;
	margin-top:0px;
}
#top-class > ul.tab li.select a:after {
    position: absolute;
    top: 100%;
    left: 50%;
	content: "";
    border-top: 25px solid #f2556f;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    margin-left: -15px;
}
#top-class > ul.tab li a .fa{
	position: absolute;
	right:40px;
}

#top-class > div.disnon {
	display: none;
}

#top-class > div.content_wrap ul {
	list-style-type: none;
	margin:25px 0 0 0;
}
#top-class > div.content_wrap ul:after {
	content: "";
	clear: both;
	display: block;
}
#top-class > div.content_wrap li {
	position: relative;
	float:left;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	width:200px;
	height:200px;
	margin:5px 5px 0 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	overflow: hidden;
}
#top-class > div.content_wrap li:nth-child(5n) {
	margin:5px 0 0 0;
}
#top-class > div.content_wrap li:nth-child(5n+1) {
	clear:both;
}
#top-class > div.content_wrap li img {
        object-fit: cover;
}
#top-class > div.content_wrap li div {
	position: relative;
	overflow: hidden;
	width: 100%;
}
#top-class > div.content_wrap li div figcaption {
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
	opacity: 1;
	font-size:16px;
	text-align:center;
}
#top-class > div.content_wrap li div figcaption span {
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	white-space: nowrap;
}
#top-class > div.content_wrap li div figcaption .fa {
	margin:0 0 0 5px;
}
#top-class > div.content_wrap li a {
	display:block;
	width:200px;
	height:200px;
	color:#FFFFFF;
	text-decoration: none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
#top-class > div.content_wrap li a:hover figcaption {
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
}
#top-class > div.content_wrap li a:hover {
   -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	background: rgba(0,0,0,0.6);
}
#top-class > div.content_wrap li.t h3 {
	font-size:18px;
	line-height:28px;
	text-align:center;
}
#top-class > div.content_wrap li.t p {
	margin:10px 20px 0 20px;
}
#top-class > div.content_wrap li.s h4 {
	font-size:16px;
	line-height:36px;
	text-align:center;
	border-bottom:1px dotted #FFFFFF;
	margin:1px 10px 0 10px;
}
#top-class > div.content_wrap li.s h5 {
	margin:8px 10px 0 10px;
	font-weight:normal;
	text-align:center;
}
#top-class > div.content_wrap li.listB { background-color:#2e99e6; }
#top-class > div.content_wrap li.listG { background-color:#66cc66; }
#top-class > div.content_wrap li.listO { background-color:#ff974d; }
#top-class > div.content_wrap li.listR { background-color:#f2556f; }
#top-class > div.content_wrap li.listY { background-color:#ffe324; color:#003670; }
#top-class > div.content_wrap li.listY h4 {
	color:#003670;
	border-bottom:1px dotted #003670;
}
#top-class > div.content_wrap li.listY h5 {
	color:#003670;
}
#top-class > div.content_wrap li.listY a:hover h4 {
	color: #ffffff;
	border-bottom:1px dotted #FFFFFF;
}
#top-class > div.content_wrap li.listY a:hover h5 {
	color:#ffffff;
}


/* トッププロジェクト */
#top-projectBG {
	width: 100%;
	min-width: 1024px;
	background-color:#003670;
}
#top-project {
	position: relative;
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#top-project > h2 {
	text-align:center;
	font-size:30px;
	line-height:1;
	color:#ffe324;
}
#top-project > h2 div {
	font-size:14px;
	font-weight:normal;
	margin:20px 0 0 0;
}
#top-project > p.read {
	color:#FFFFFF;
	text-align:center;
	margin:30px 0 0 0;
}
#top-project > div.imgL {
	position:absolute;
	top:20px;
	left:0px;
}
#top-project > div.imgR {
	position:absolute;
	top:20px;
	right:0px;
}
#top-project > ul {
	list-style-type: none;
	margin:30px 0 0 0;
}
#top-project > ul:after {
	content: "";
	clear: both;
	display: block;
}
#top-project > ul li {
	float:left;
	width:300px;
	margin:0 62px 0 0;
}
#top-project > ul li:last-child {
	margin:0;
}
#top-project > ul li img {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#top-project > ul li h3 {
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	color:#ffe324;
	text-align:center;
	margin:15px 0 0 0;
}
#top-project > ul li p {
	color:#FFFFFF;
	margin:10px 0 0 0;
}
#top-project > ul li a {
	position: relative;
	display:block;
	background-color:#ffe324;
	color:#003670;
	border:1px solid #ffe324;
	width:298px;
	height:48px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	line-height:48px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin:15px 0 0 0;
}
#top-project > ul li a:hover {
	background-color:#FFFFFF;
	color:#003670;
	border:1px solid #FFFFFF;
}
#top-project > ul li a .fa{
	position: absolute;
	top:16px;
	right:18px;
}



/* トップ説明 */
#top-aboutBG {
	width: 100%;
	min-width: 1024px;
	background-color:#ffe324;
}
#top-about {
	width:1024px;
	margin:0 auto;
	padding:50px 0;
}
#top-about > h2 {
	text-align:center;
}
#top-about > h2.pc { display:block; }
#top-about > h2.mo { display: none; }

#top-about > ul {
	list-style-type: none;
	margin:30px 0 0 0;
}
#top-about > ul:after {
	content: "";
	clear: both;
	display: block;
}
#top-about > ul li:nth-child(1) {
	float:right;
	width:512px;
}
#top-about > ul li:nth-child(2) {
	float: left;
	width:460px;
}
#top-about > ul li:nth-child(2) a {
	position: relative;
	display:block;
	background-color:#003670;
	color:#FFFFFF;
	border:1px solid #003670;
	width:298px;
	height:48px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	line-height:48px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin:30px 0 0 0;
}
#top-about > ul li:nth-child(2) a:hover {
	background-color:#FFFFFF;
	color:#003670;
	border:1px solid #003670;
}
#top-about > ul li:nth-child(2) a .fa{
	position: absolute;
	top:16px;
	right:18px;
}

/* トップお知らせ */
#top-newsBG {
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#top-news {
	width:1024px;
	margin:0 auto;
	padding:10px 0 50px 0;
}
#top-news:after {
	content: "";
	clear: both;
	display: block;
}

#top-news > div.leftB {
	float:left;
	width:250px;
}
#top-news > div.leftB ul {
	list-style-type: none;
}
#top-news > div.leftB li {
	margin:0 0 10px 0;
}
#top-news > div.leftB li:last-child {
	margin:0;
}
#top-news > div.leftB li img {
	width: 100%;
	height: auto;
}

#top-news > div.rightB {
	float:right;
	width:724px;
}
#top-news > div.rightB h2 {
	font-size:20px;
	line-height:1;
	color:#003670;
}
#top-news > div.rightB h2 a {
	float:right;
	font-size:14px;
}
#top-news > div.rightB h2 .fa {
	margin:0 0 0 5px;
}
#top-news > div.rightB ul {
	list-style-type: none;
	height:325px;
	margin:20px 0 0 0;
	border-top:1px dotted #999999;
}
#top-news > div.rightB ul:after {
	content: "";
	clear: both;
	display: block;
}
#top-news > div.rightB li {
	border-bottom:1px dotted #999999;
	font-size:14px;
	line-height:24px;
	padding:15px 0;
}
#top-news > div.rightB li:after {
	content: "";
	clear: both;
	display: block;
}
#top-news > div.rightB li div.day {
	float:left;
	width:14%;
}
#top-news > div.rightB li div.news {
	float:left;
	width:14%;
	text-align:center;
	background-color:#ff974d;
	color:#FFFFFF;
}
#top-news > div.rightB li div.media {
	float:left;
	width:14%;
	text-align:center;
	background-color:#2e99e6;
	color:#FFFFFF;
}
#top-news > div.rightB li div.tsubo {
	float:left;
	width:14%;
	text-align:center;
	background-color: #66cc66;
	color:#FFFFFF;
}
#top-news > div.rightB li a {
	display:block;
	float:left;
	width:70%;
	margin:0 0 0 2%;
}



/* スライダー */
#top-sliderBG {
	width:100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#top-slider {
	position: relative;
	width: 1024px;
	height:470px;
	margin: 0 auto;
	overflow: hidden;
}
#top-slider li img {
	width: 1024px;
	height: auto;
	aspect-ratio:2.497 / 1;
	object-fit: cover;
}
#top-slider .slick-prev:before,
#top-slider .slick-next:before {
	content:"";
}
#top-slider .slick-next {
    right: 40px;
    width: 29px;
    height: 46px;
}
#top-slider .slick-prev {
	left: 40px;
    width: 29px;
    height: 46px;
}
#top-slider .slick-arrow{
	z-index:10;
}
#top-slider .slick-dots {
    bottom: -40px;
}
#top-slider .slick-dots li.slick-active button:before,
#top-slider .slick-dots li button:before {
    font-size: 12px;
    color: #003670;
}



/* バナー */
#banerBG {
	clear:both;
	width: 100%;
	min-width: 1024px;
	background-image: url(/static/app/images/bg_w.gif);
}
#baner {
	width:1024px;
	margin:0 auto;
	padding:30px 0 50px 0;
}
#baner > ul {
	list-style-type: none;
	text-align:center;
}
#baner > ul:after {
	content: "";
	clear: both;
	display: block;
}
#baner > ul li {
	display:inline-block;
	margin:20px 10px 0 0;
}
#baner > ul li:last-child {
	margin:20px 0 0 0;
}



/* フッダー */
#footerBG {
	clear:both;
	width: 100%;
	min-width: 1024px;
	background-color:#ffde2a;
}
#footerBG:before {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(/static/app/images/bg_line.gif) bottom left repeat-x;
}
#footer {
	width: 1024px;
	margin:0 auto;
	padding:50px 0;
	text-align:center;
}

#footer > ul.fnav {
	list-style-type: none;
	font-size:0;
}
#footer > ul.fnav li {
	display: inline-block;
	font-size:16px;
	line-height:1;
}
#footer > ul.fnav li:after {
	content: "｜";
	margin:0 10px;
}
#footer > ul.fnav li:last-child {
	border-right: none;
	margin:0;
	padding:0;
}
#footer > ul.fnav li:last-child:after {
	content: "";
}
#footer > ul.fnav li a {
	text-decoration: none;
}
#footer > ul.fnav li a:hover {
	text-decoration: underline;
}

#footer > ul.fsub {
	list-style-type: none;
	font-size:0;
	margin:30px 0 0 0;
}
#footer > ul.fsub li {
	display: inline-block;
	font-size:12px;
	line-height:1;
}
#footer > ul.fsub li:after {
	content: "／";
	margin:0 5px;
}
#footer > ul.fsub li:last-child {
	border-right: none;
	margin:0;
	padding:0;
}
#footer > ul.fsub li:last-child:after {
	content: "";
}

#footer > p {
	font-size:10px;
	line-height:1;
	margin:30px 0 0 0;
}



/* ヘッダー */
#headerBG { 
	width: 100%;
	min-width: 1024px;
	background-color:#ffffff;
	background-image: url(/static/app/images/bg_w.gif);
}
#header {
	position: relative;
	width: 1024px;
	height: 155px;
	margin: 0 auto;
}
#header > h1 {
	position: absolute;
	top: 15px;
	left:0;
}

#header > #hsub {
	position: absolute;
	top: 15px;
	right:0px;
	list-style-type: none;
}
#header > #hsub li {
	float:left;
	margin:0 0 0 20px;
}
#header > #hsub li a {
	position: relative;
	display:block;
	background-color:#003670;
	color:#FFFFFF;
	border:1px solid #003670;
	width:198px;
	height:38px;
	padding:10px 0 0 0;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	line-height:1.2;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#header > #hsub li a:hover {
	background-color:#FFFFFF;
	color:#003670;
	border:1px solid #003670;
}
#header > #hsub li a span {
	display:block;
	font-size:11px;
	font-weight:normal;
}
#header > #hsub li a .fa{
	position: absolute;
	top:17px;
	right:18px;
}

#header > #hnav {
	position: absolute;
	top: 80px;
	left:0px;
	width:1024px;
	height:60px;
	overflow:hidden;
	background: url(/static/app/images/header_menu.gif) no-repeat left top;
}
#header > #hnav li {
	float:left;
	list-style-type: none;
}
#header > #hnav li a {
	display:block;
	height:60px;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
}
#header > #hnav li.nav1 a { background: url(/static/app/images/header_menu.gif) no-repeat    0px 0px; width:214px; }
#header > #hnav li.nav2 a { background: url(/static/app/images/header_menu.gif) no-repeat -214px 0px; width:180px; }
#header > #hnav li.nav3 a { background: url(/static/app/images/header_menu.gif) no-repeat -394px 0px; width:180px; }
#header > #hnav li.nav4 a { background: url(/static/app/images/header_menu.gif) no-repeat -574px 0px; width:200px; }
#header > #hnav li.nav5 a { background: url(/static/app/images/header_menu.gif) no-repeat -774px 0px; width:250px; }
#header > #hnav li.nav1 a:hover { background: url(/static/app/images/header_menu.gif) no-repeat    0px -60px; }
#header > #hnav li.nav2 a:hover { background: url(/static/app/images/header_menu.gif) no-repeat -214px -60px; }
#header > #hnav li.nav3 a:hover { background: url(/static/app/images/header_menu.gif) no-repeat -394px -60px; }
#header > #hnav li.nav4 a:hover { background: url(/static/app/images/header_menu.gif) no-repeat -574px -60px; }
#header > #hnav li.nav5 a:hover { background: url(/static/app/images/header_menu.gif) no-repeat -774px -60px; }
body.page-template-about   #header > #hnav li.nav1 a { background: url(/static/app/images/header_menu.gif) no-repeat    0px -60px; }
body.page-template-class   #header > #hnav li.nav2 a { background: url(/static/app/images/header_menu.gif) no-repeat -214px -60px; }
body.page-template-guide   #header > #hnav li.nav3 a { background: url(/static/app/images/header_menu.gif) no-repeat -394px -60px; }
body.page-template-lesson  #header > #hnav li.nav4 a { background: url(/static/app/images/header_menu.gif) no-repeat -574px -60px; }
body.page-template-project #header > #hnav li.nav5 a { background: url(/static/app/images/header_menu.gif) no-repeat -774px -60px; }

#header > span.button {
	display: none;
}


/* レスポンシブメニュー */
[canvas=container],
[off-canvas] {
    padding: 0;
}
[class*=js-] {
    cursor: pointer;
}
[off-canvas] {
	background-color: #003670;
}
[off-canvas] h3 {
	padding: 15px 10px;
}
[off-canvas] ul {
	margin: 2px 0;
	padding: 0;
	display: block;
	list-style-type: none;
	border-top:1px solid #355c7f;
}
[off-canvas] ul li {
	border-bottom:1px solid #355c7f;
}
[off-canvas] ul li a {
	font-size:14px;
	line-height:1;
	color: #FFFFFF;
	display: block;
	padding: 15px 20px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	text-decoration: none;
}
[off-canvas] ul li a:hover {
	color: #003670;
	background-color: #ffffff;
}
[off-canvas] p {
	padding:10px 10px 0 10px;
	text-align: right;
}

.class-nav {
	object-fit: cover;
	width: 236px;
	height: 144px;
}

.header-tel {
	height: 50px;
}
.footer-tel {
	width: 720px;
}

.bottom-menu {
       display: none;
}