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

	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;
	max-width: 100%;
	height: auto;
}
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%;
	background-color:#ffde2a;
}
#sub-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(../../app/images/bg_line.gif) bottom left repeat-x;
}
#sub-title {
	position: relative;
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#sub-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1.2;
}
#sub-title > p {
	text-align:center;
	font-size:14px;
	line-height:1;
	margin:20px 0 0 0;
}



/* アクセス */
#accessBG {
	width: 100%;
	background-image: url(../../app/images/bg_w.gif);
}
#access {
	width:90%;
	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) {
	margin:10% 10% 0 10%;
}
#access > ol li:nth-child(1) img {
	width:100%;
}
#access > ol li:nth-child(1) p {
	margin:30px 0 0 0;
}
#access > ol li:nth-child(2) {
	margin:30px 10% 10% 10%;
}
#access > ol li:nth-child(2) div.mapsize {
	position: relative;
	width:100%;
	padding-top: 100%;
}
#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:30px 0 0 0;
}
#access > ol li:nth-child(2) p span {
	font-size: 14px;
}


/* FAQ */
#faqBG {
	width: 100%;
	background-image: url(../../app/images/bg_w.gif);
}
#faq {
	width:90%;
	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:10%;
	border:8px solid #d3d3d3;
	background-color:#FFFFFF;
}
#faq > dl:after {
	content: "";
	clear: both;
	display: block;
}
#faq > dl dt.bottan {
	font-size:20px;
	line-height:30px;
	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:30px 20px 30px 80px;
	background-image: url(../../app/images/faq_icon_q.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
#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:30px 20px 30px 80px;
	background-color:#ebf7fd;
	background-image: url(../../app/images/faq_icon_a.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
@media screen and (min-width:  0px) and (max-width: 479px) {
	#faq > dl dt.bottan a {
		display:block;
		color:#f2556f;
		text-decoration: none;
		padding:80px 0px 20px 0px;
		background-image: url(../../app/images/faq_icon_q.png);
		background-repeat: no-repeat;
		background-position: center 20px;
	}
	#faq > dl dt.bottan a i:first-child {
		display:none;
	}
	#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:none;
	}
	#faq > dl dd.main {
		display:none;
		padding:80px 20px 20px 20px;
		background-color:#ebf7fd;
		background-image: url(../../app/images/faq_icon_a.png);
		background-repeat: no-repeat;
		background-position: center 20px;
	}
}



/* コーチ */
#coachBG {
	width: 100%;
	background-image: url(../../app/images/bg_w.gif);
}
#coachBG.BG2 {
	background-image: url(../../app/images/bg_br.gif);
}
#coach {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#coach p.read {
	text-align:left;
	margin:0 0 40px 0;
}
#coach p.endtxt {
	clear:both;
	text-align:left;
	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;
    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;
}
#coach ul:after {
	content: "";
	clear: both;
	display: block;
}
#coach ul li {
	position: relative;
	float:left;
	background-color:#f2556f;
	color:#FFFFFF;
	width:24%;
	margin:10px 1% 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:10px 0 0 0;
}
#coach ul li:nth-child(4n+1) {
	clear:both;
}
#coach ul li h4 {
	font-size:16px;
	line-height:20px;
	text-align:center;
	border-bottom:1px dotted #FFFFFF;
	margin:0 10px;
	padding:10px 0;
}
#coach ul li p {
	font-size:14px;
	line-height:24px;
	text-align:center;
	margin:0 10px;
	padding:10px 0;
}
#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;
	width:50%;
}
#coach div.rightBOX {
	float: right;
	width:50%;
}
#coach div.leftBOX ul li ,
#coach div.rightBOX ul li {
		width:49%;
		margin:5px 1% 0 0;
}
#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; }
@media screen and (min-width:  0px) and (max-width: 767px) {
	#coach div.leftBOX {
		float:none;
		width:100%;
	}
	#coach div.rightBOX {
		float:none;
		width:100%;
		padding:50px 0 0 0;
	}
	#coach ul li {
		width:49%;
		margin:5px 1% 0 0;
	}
	#coach ul li:nth-child(2n) ,
	#coach ul li:last-child {
		margin:5px 0 0 0;
	}
	#coach ul li:nth-child(2n+1) {
		clear:both;
	}
	#coach ul li img {
		width:100%;
	}
	#coach ul li h4 {
		font-size:14px;
	}
}
/* 20180622アドバイザー追記 */
#coach div.adviserBOX {
	margin:15px 0 100px 0;
}
#coach div.adviserBOX img {
	width:100%;
	height:auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
#coach div.adviserBOX h4 {
	font-size:34px;
	line-height:1.4;
	font-weight:normal;
	text-align:center;
	margin:20px 0 0 0;
}
#coach div.adviserBOX h4 span.small1 {
	font-size:16px;
}
#coach div.adviserBOX h4 span.small2 {
	font-size:12px;
	display:block;
}
#coach div.adviserBOX p.txt0 {
	margin:20px 0 0 0;
	font-size:24px;
}
#coach div.adviserBOX p.txt1 {
	margin:20px 0 0 0;
}
#coach div.adviserBOX p.txt2 {
	font-size:14px;
	line-height:24px;
}
#coach div.adviserBOX p.txt2 strong {
	display:block;
	margin:20px 0 0 0;
}
@media screen and (min-width:  0px) and (max-width: 460px) {
	#coach div.adviserBOX h4 span {
		font-size:12px;
	}
}



/* 会社案内 */
#companyBG {
	width: 100%;
	background-image: url(../../app/images/bg_w.gif);
}
#company {
	width:90%;
	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:100%;
	margin:40px auto 0 auto;
}
#company > div.company-box p {
	margin:10px 0 0 0;
}
#company > div.company-box .boxL {
	width:100%;
	margin:50px 0 0 0;
	text-align:center;
}
#company > div.company-box .boxL p {
	margin:15px 0 0 0;
	text-align:center;
}
#company > div.company-box .boxR {
	width:100%;
	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:100%;
	margin:50px auto 0 auto;
}
#company > table th {
	display:block;
	width:100%;
	text-align:left;
	padding:20px 0 10px 0;
	border-bottom:1px solid #d3d3d3;
	font-weight: bold;
}
#company > table th span {
	margin:0 0 0 0;
}
#company > table th span br {
	display:none;
}
#company > table td {
	display:block;
	width:100%;
	text-align:left;
	padding:10px 0 20px 0;
}




/* お問い合わせ */
#contactBG {
	width: 100%;
	background-image: url(../../app/images/bg_w.gif);
}
#contact {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#contact p.read {
	text-align:left;
	margin:0 0 50px 0;
}
#contact p.read2 {
	text-align:left;
	margin:-30px 0 50px 0;
}
#contact p.read2 a {
	text-decoration: underline;
}
#contact p.read br {
	display:none;
}
#contact p.small {
	font-size:12px;
	line-height:20px;
	margin:10px 0 0 0;
}
#contact dl {
	width:100%;
	margin:0 auto;
	border-top:1px solid #d3d3d3;
}
#contact dl:after {
	content: "";
	clear: both;
	display: block;
}
#contact dl dt {
	width:100%;
	font-weight:bold;
	text-align:left;
	padding:20px 0 0 0;
}
#contact dl dt span {
	font-size:12px;
	font-weight:normal;
	color:#e34141;
	margin:0 0 0 10px;
}
#contact dl dd {
	width:100%;
	text-align:left;
	padding:10px 0 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 input[type="date"] ,
#contact dl dd input[type="tel"] ,
#contact dl dd input[type="email"] ,
#contact dl dd input[type="text"] {
	width:90%;
}
#contact dl dd textarea {
	width:90%;
	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:250px;
	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 {
	display: block;
	width:100%;
	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%;
	background-image: url(../../app/images/bg_w.gif);
}
#privacy {
	width:90%;
	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%;
	background-image: url(../../app/images/bg_w.gif);
}
#sitemap {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#sitemap div.boxL	{
}
#sitemap div.boxR	{
}
#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%;
	background-image: url(../../app/images/bg_w.gif);
}
#news {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#news > div.entry-content {
	list-style-type: none;
	padding:5%;
	margin:50px 0 0 0;
	border:5px 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:25px;
	line-height:30px;
	border-bottom:1px solid #d3d3d3;
	font-feature-settings: "palt";
}
#news > div.entry-content p {
	margin:10px 0 0 0;
	line-height: 1.5142;
}
#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;
	padding:20px;
	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%;
	background-image: url(../../app/images/bg_w.gif);
}
#pager {
	width:90%;
	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: 33%;
	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;
}
@media screen and (min-width:  0px) and (max-width: 479px) {
	#pager > ul li { width:49%; }
	#pager > ul li.center { display:none; }
}




/* Kidsみらいプロジェクト */
#project-titleBG {
	width: 100%;
	background-color:#ff974d;
}
#project-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(../../app/images/bg_line.gif) bottom left repeat-x;
}
#project-title {
	position: relative;
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#project-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1.2;
	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%;
	background-image: url(../../app/images/bg_w.gif);
}
#project-main1 {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#project-main1 > p.read {
	text-align:left;
	margin:0;
}
#project-main1 > p.read br {
	display:none;
}
#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:30%;
	margin:0 5% 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;
	max-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 auto 0 auto;
}
#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;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#project-main1 > ul li,
	#project-main1 > ul li:last-child {
		float: none;
		width: auto;
		margin:50px 0 0 0;
		text-align:center;
	}
	#project-main1 > ul li img {
		width:100%;
	}
	#project-main1 > ul li p {
		text-align:left;
	}
}

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

#project-main3BG {
	width: 100%;
	background-image: url(../../app/images/bg_w.gif);
}
#project-main3 {
	width:90%;
	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 {
	text-align:center;
	padding:20px 0 0 0;
}
#project-main3 > ul li:nth-child(1) {
	padding: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:30px 0 0 0;
}
#project-main3 > p {
	margin:30px auto 0 auto;
}
#project-main3 > ol.point {
	list-style-type: none;
	margin:30px 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;
	margin:0 45px;
}
#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(../../app/images/about_point_01.png) no-repeat center top; }
#project-main3 > ol.point li:nth-child(2):before { background: url(../../app/images/about_point_02.png) no-repeat center top; }
@media screen and (min-width:  0px) and (max-width: 767px) {
	#project-main3 > ol.point li {
		float: none;
		width: 100%;
	}
	#project-main3 > ol.point li h4 {
		margin:0 30px;
	}
	#project-main3 > ol.point li p {
		margin:15px 30px 30px 30px;
	}
}
@media screen and (min-width:  0px) and (max-width: 479px) {
	#project-main3 > ol.point li h4 {
		text-align:left;
	}
	#project-main3 > ol.point li h4 br {
		display:none;
	}
}

#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);
}
@media screen and (min-width:  0px) and (max-width: 479px) {
	#project-main3 > ol.image li {
		float: none;
		width:100%;
	}
	#project-main3 > ol.image li img {
		width:100%;
	}
}

#project-main3 > ol.voice {
	list-style-type: none;
	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 {
	background-color:#ffffff;
	border:8px solid #c4ffc7;
	margin:20px 0 0 0;
}
#project-main3 > ol.voice li:nth-child(2) {
	border:8px solid #d7ecfa;
}
#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(../../app/images/point_voice_01.png) no-repeat center top; }
#project-main3 > ol.voice li:nth-child(2):before { background: url(../../app/images/point_voice_02.png) no-repeat center top; }
@media screen and (min-width:  0px) and (max-width: 767px) {
	#project-main3 > ol.voice li p {
		margin:15px 30px 30px 30px;
	}
}

#project-main3 > p.chack {
	font-size:18px;
	text-align:left;
	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;
	max-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;
}
@media screen and (min-width:  0px) and (max-width: 600px) {
	#project-main3 > p.linkbottan a span {
		display:none;
	}
}





/* クラスの紹介 */
#class-titleBG {
	width: 100%;
	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(../../app/images/bg_line.gif) bottom left repeat-x;
}
#class-title {
	position: relative;
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#class-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1.2;
	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;
}
#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%;
	background-image: url(../../app/images/bg_w.gif);
}
#class-main1BG.BG2 {
	background-image: none;
	background-color:#f7f3e9;
}
#class-main1 {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#class-main1 > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#class-main1 > p {
	margin:30px auto 0 auto;
}
#class-main1 > ul {
	list-style-type: none;
	margin:25px 0 0 0;
    display:flex;
    flex-wrap:wrap;
}
#class-main1 > ul:after {
	content: "";
	clear: both;
	display: block;
}
#class-main1 > ul li {
	position: relative;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	width:24%;
	margin:5px 1% 0 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	overflow: hidden;
}
#class-main1 > ul li img {
	width:100%;
}
#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:100%;
	height:100%;
	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:16px;
	line-height:26px;
	text-align:center;
}
#class-main1 > ul li.t p {
	font-size:11px;
	line-height:14px;
	margin:5px 15px 0 15px;
}
#class-main1 > ul li.s h4 {
	font-size:14px;
	line-height:20px;
	text-align:center;
	border-bottom:1px dotted #FFFFFF;
	margin:0 10px;
	padding:7px 0;
}
#class-main1 > ul li.s h5 {
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	text-align:center;
	padding:7px 0;
}
#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;
}
@media screen and (min-width:640px) and (max-width: 839px) {
	#class-main1 > ul li { width:32%; }
}
@media screen and (min-width:420px) and (max-width: 639px) {
	#class-main1 > ul li { width:49%; }
}
@media screen and (min-width:  0px) and (max-width: 419px) {
	#class-main1 > ul li div figcaption { font-size:12px; }
	#class-main1 > ul li { width:49%; }
	#class-main1 > ul li.t p { font-size:10px; line-height:14px; margin:0 10px; }
	#class-main1 > ul li.s h4 { font-size:10px; line-height:14px; }
	#class-main1 > ul li.s p { font-size:10px; line-height:14px; }
}


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

/* クラススケジュール */
#class-scheduleBG {
	width: 100%;
	background-image: url(../../app/images/bg_br.gif);
}
#class-schedule {
	width:90%;
	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:48%;
	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:20px;
	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:100%;
	margin:50px auto 0 auto;
	border:4px solid #2e99e6;
}
@media screen and (min-width:  0px) and (max-width: 419px) {
	#class-schedule.BG4 > ul li p br { display: none; }
}
#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: disc;
	display: table;
	margin:50px auto 0 auto;
}
#class-schedule > ol h4 {
    margin: 0px 0px 10px;
    line-height: 34px;
    font-size: 24px;
}
#class-schedule > ol li {
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	margin:0 0 10px 30px;
}
#class-schedule > div.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin:40px auto 0 auto;
}
#class-schedule > div.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


#class-schedule .taiken {
        margin-top: 50px;
}

#class-schedule .taiken > p a {
	position: relative;
	display:block;
	background-color:#2e99e6;
	color:#ffffff;
	border:1px solid #2e99e6;
	max-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;
}
#class-schedule .taiken > p a:hover {
	background-color:#FFFFFF;
	color:#2e99e6;
	border:1px solid #2e99e6;
}
#class-schedule .taiken > p a .fa{
	position: absolute;
	top:27px;
	right:27px;
}
@media screen and (min-width:  0px) and (max-width: 520px) {
	#class-schedule .taiken > p a { font-size:18px; }
	#class-schedule .taiken > p a .fa{ top:30px; }
}
@media screen and (min-width:  0px) and (max-width: 420px) {
	#class-schedule .taiken > p a { font-size:14px; line-height:60px; height:60px; }
	#class-schedule .taiken > p a .fa{ display:none; }
}


#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; }


.weekly_schedule {
        margin-top: 50px;
}

.weekly_schedule > p a {
	position: relative;
	display:block;
	background-color:#003670;
	color:#ffffff;
	border:4px solid #003670;
	max-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;
}
.weekly_schedule > p a:hover {
	background-color:#FFFFFF;
	color:#ff4b47;
	border:1px solid #ff4b47;
}
.weekly_schedule > p a .fa{
	position: absolute;
	top:27px;
	right:27px;
}
@media screen and (min-width:  0px) and (max-width: 520px) {
	.weekly_schedule > p a { font-size:18px; }
	.weekly_schedule > p a .fa{ top:30px; }
}
@media screen and (min-width:  0px) and (max-width: 420px) {
	.weekly_schedule > p a { font-size:14px; line-height:60px; height:60px; }
	.weekly_schedule > p a .fa{ display:none; }
}

.taiken_mousikomi {
        margin-top: 50px;
}

.taiken_mousikomi > p a {
	position: relative;
	display:block;
	background-color:#003670;
	color:#ffffff;
	border:4px solid #003670;
	max-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;
}
.taiken_mousikomi > p a:hover {
	background-color:#FFFFFF;
	color:#ff4b47;
	border:1px solid #ff4b47;
}
.taiken_mousikomi > p a .fa{
	position: absolute;
	top:27px;
	right:27px;
}
@media screen and (min-width:  0px) and (max-width: 520px) {
	.taiken_mousikomi > p a { font-size:18px; }
	.taiken_mousikomi > p a .fa{ top:30px; }
}
@media screen and (min-width:  0px) and (max-width: 420px) {
	.taiken_mousikomi > p a { font-size:14px; line-height:60px; height:60px; }
	.taiken_mousikomi > p a .fa{ display:none; }
}



/* クラスナビゲーション */
#class-navBG {
	width: 100%;
	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:90%;
	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:24%;
	margin:0 1% 0 0;
}
#class-nav > ul li:last-child {
	margin:0;
}
#class-nav > ul li img {
	width:100%;
	height: 101px;
	object-fit: cover;
}
#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:none;  }
#class-nav > div.mo { display:block; }
@media screen and (min-width:  0px) and (max-width: 767px) {
	#class-nav > ul li {
		float:left;
		width:49%;
		margin:1% 1% 0 0;
	}
	#class-nav > ul li:last-child {
		margin:1% 1% 0 0;
	}
}
@media screen and (min-width:  0px) and (max-width: 479px) {
	#class-nav > ul li a .fa { display:none; }
}


/* クラス流れ */
#class-flowBG {
	width: 100%;
	background-image: url(../../app/images/bg_w.gif);
}
#class-flow {
	width:90%;
	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 {
	border-right: none;
	width:25%;
}
#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(../../app/images/class_step_01.png) no-repeat center top; }
#class-flow > ol li:nth-child(2):before { background: url(../../app/images/class_step_02.png) no-repeat center top; }
#class-flow > ol li:nth-child(3):before { background: url(../../app/images/class_step_03.png) no-repeat center top; }
#class-flow > ol li:nth-child(4):before { background: url(../../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;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#class-flow > ol li {
		float: none;
		width: 100%;
		border-bottom:1px solid #d3d3d3;
	}
	#class-flow > ol li:last-child {
		width: 100%;
		border-bottom: none;
	}
}


/* クラス声 */
#class-voiceBG {
	width: 100%;
	background-color:#f7f3e9;
}
#class-voice {
	width:90%;
	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;
	font-feature-settings: "palt";
}
#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 {
	border-right: none;
	width:50%;
}
#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 30px 30px 30px;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#class-voice > ol li {
		float: none;
		width: 100%;
		border-bottom:1px solid #d3d3d3;
	}
	#class-voice > ol li:last-child {
		width: 100%;
		border-bottom: none;
	}
}


/* クラス安全安心 */
#class-safetyBG {
	width: 100%;
	background-image: url(../../app/images/bg_w.gif);
}
#class-safety {
	width:90%;
	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;
	font-feature-settings: "palt";
}
#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:30%;
	margin:0 5% 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;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#class-safety > ol li,
	#class-safety > ol li:last-child {
		float: none;
		width: auto;
		margin:50px 0 0 0;
		text-align:center;
	}
	#class-safety > ol li img {
		width:100%;
	}
	#class-safety > ol li p {
		text-align:left;
	}
}

#class-safety > ul.event {
	list-style-type: none;
	margin:50px 0 0 0;
	padding:30px;
	background-color:#ffe324;
}
#class-safety > ul.event li:nth-child(2) ,
#class-safety > ul.event li:nth-child(3) {
	float:left;
	width:30%;
	margin:30px 5% 30px 0;
}
#class-safety > ul.event li:nth-child(4) {
	float:left;
	width:30%;
	margin:30px 0 30px 0;
}
#class-safety > ul.event li:nth-child(5) {
	clear:both;
}
#class-safety > ul.event h3 {
	font-size:26px;
	line-height:36px;
	color:#003670;
}
#class-safety > ul.event h3 br {
	display:none;
}
#class-safety > ul.event h4 {
	text-align:left;
	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;
}
#class-safety > ul.event div.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin:30px auto 0 auto;
}
#class-safety > ul.event div.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#class-safety > ul.event {
		padding:20px;
	}
	#class-safety > ul.event li:nth-child(2) ,
	#class-safety > ul.event li:nth-child(3) ,
	#class-safety > ul.event li:nth-child(4) {
		float: none;
		width: 100%;
		margin:30px 0 30px 0;
	}
	#class-safety > ul.event img {
		width:100%;
	}
}

#class-safety > ul.tab {
	list-style-type: none;
	font-size: 0px;
	margin:50px 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:5% 10%;
	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 {
	display:none;
}
#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:none;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#class-safety > ul.tab li a .fa{
		display:none;
	}
	#class-safety > div.content_wrap {
		padding:5%;
	}
}
@media screen and (min-width:  0px) and (max-width: 479px) {
	#class-safety > ul.tab li a br {
		display:block;
	}
}



/* 見学・体験教室 */
#lesson-titleBG {
	width: 100%;
	background-color:#f2556f;
}
#lesson-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(../../app/images/bg_line.gif) bottom left repeat-x;
}
#lesson-title {
	position: relative;
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#lesson-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1.2;
	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%;
	background-image: url(../../app/images/bg_w.gif);
}
#lesson-main1 {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#lesson-main1 > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#lesson-main1 > p {
	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:30px;
	border-bottom:1px solid #d3d3d3;
}
#lesson-main1 > ol li h5 {
	font-size:30px;
	line-height:40px;
	text-align:center;
}
#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;
}
#lesson-main1 > ol li p br {
	display:none;
}
#lesson-main1 > ol li:before {
	content: "";
	clear: both;
	display: block;
	height:115px;
}
#lesson-main1 > ol li:nth-child(1):before { background: url(../../app/images/step_01.png) no-repeat center top; }
#lesson-main1 > ol li:nth-child(2):before { background: url(../../app/images/step_02.png) no-repeat center top; }
#lesson-main1 > ol li:nth-child(3):before { background: url(../../app/images/step_03.png) no-repeat center top; }
#lesson-main1 > ol li:nth-child(4):before { background: url(../../app/images/step_04.png) no-repeat center top; }
#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%;
	background-color:#f7f3e9;
}
#lesson-main2 {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#lesson-main2 > p a {
	position: relative;
	display:block;
	background-color:#ff4b47;
	color:#ffffff;
	border:1px solid #ff4b47;
	max-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;
}


@media screen and (min-width:  0px) and (max-width: 520px) {
	#lesson-main2 > p a { font-size:18px; }
	#lesson-main2 > p a .fa{ top:30px; }
}
@media screen and (min-width:  0px) and (max-width: 420px) {
	#lesson-main2 > p a { font-size:14px; line-height:60px; height:60px; }
	#lesson-main2 > p a .fa{ display:none; }
}


#lesson-main2 .taiken > ul li{
        margin: 10px;
}
#lesson-main2 .taiken > ul li p a {
	position: relative;
	display:block;
	background-color:#ff4b47;
	color:#ffffff;
	border:1px solid #ff4b47;
	max-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;
}
@media screen and (min-width:  0px) and (max-width: 520px) {
	#lesson-main2 .taiken > ul li p a { font-size:18px; }
	#lesson-main2 .taiken > ul li p a .fa{ top:30px; }
}
@media screen and (min-width:  0px) and (max-width: 420px) {
	#lesson-main2 .taiken > ul li p a { font-size:14px; line-height:60px; height:60px; }
	#lesson-main2 .taiken > ul li p a .fa{ display:none; }
}




#lesson-main2 > h3 {
	text-align:center;
	font-size:15px;
	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:none;  }
#lesson-main2 > ul li.mo { display:block; margin:10px 0 0 0; }

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



/* 入会のご案内 */
#guide-titleBG {
	width: 100%;
	background-color:#ef8cd5;
}
#guide-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(../../app/images/bg_line.gif) bottom left repeat-x;
}
#guide-title {
	position: relative;
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#guide-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1.2;
	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%;
	background-image: url(../../app/images/bg_w.gif);
}
#guide-main1 {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#guide-main1 > h3 {
	text-align:center;
	font-size:30px;
	line-height:40px;
}
#guide-main1 > p {
	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:30px;
	border-bottom:1px solid #d3d3d3;
}
#guide-main1 > ol li h5 {
	font-size:30px;
	line-height:40px;
	text-align:center;
}
#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;
}
#guide-main1 > ol li p br {
	display:none;
}
#guide-main1 > ol li:before {
	content: "";
	clear: both;
	display: block;
	height:115px;
}
#guide-main1 > ol li:nth-child(1):before { background: url(../../app/images/step_01.png) no-repeat center top; }
#guide-main1 > ol li:nth-child(2):before { background: url(../../app/images/step_02.png) no-repeat center top; }
#guide-main1 > ol li:nth-child(3):before { background: url(../../app/images/step_03.png) no-repeat center top; }
#guide-main1 > ol li:nth-child(4):before { background: url(../../app/images/step_04.png) no-repeat center top; }
#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%;
	background-color:#f7f3e9;
}
#guide-main2 {
	width:90%;
	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:none;  }
#guide-main2 > ul li.mo { display:block; margin:10px 0 0 0; }



/* ジュンスポについて */
#about-titleBG {
	width: 100%;
	background-color:#66cc66;
}
#about-titleBG:after {
	content: "";
	clear: both;
	display: block;
	height:10px;
	background: url(../../app/images/bg_line.gif) bottom left repeat-x;
}
#about-title {
	position: relative;
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#about-title > h2 {
	text-align:center;
	font-size:30px;
	line-height:1.2;
	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%;
	background-image: url(../../app/images/bg_w.gif);
}
#about-main1 {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#about-main1 > ul.bxslider {
	list-style-type: none;
}
#about-main1 > h3 {
	text-align:center;
	margin:30px 0 0 0;
}
#about-main1 > p {
	margin:30px auto 0 auto;
}
#about-main1 > ol {
	list-style-type: none;
	margin:30px 0 0 0;
	border:8px solid #6ab8ee;
	background-color:#FFFFFF;
	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;
}
#about-main1 > ol:after {
	content: "";
	clear: both;
	display: block;
}
#about-main1 > ol li {
	float:left;
	width:33.2%;
	width:calc(100% / 3 - 1px);
	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(../../app/images/about_point_01.png) no-repeat center top; }
#about-main1 > ol li:nth-child(2):before { background: url(../../app/images/about_point_02.png) no-repeat center top; }
#about-main1 > ol li:nth-child(3):before { background: url(../../app/images/about_point_03.png) no-repeat center top; }
@media screen and (min-width:  0px) and (max-width: 767px) {
	#about-main1 > ol li {
		float: none;
		width: 100%;
		border-bottom:1px solid #6ab8ee;
	}
	#about-main1 > ol li p {
		margin:0px 30px 30px 30px;
	}
}

#about-main2BG {
	width: 100%;
	background-color:#e7f5ff;
}
#about-main2 {
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#about-main2 > h3 {
	font-size:30px;
	line-height:40px;
	color:#f2556f;
}
#about-main2 > h3 br {
	display:none;
}
#about-main2 > p {
	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;
	margin:0;
	text-align:center;
}



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

#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%;/*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.2;
	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;
}
@media screen and (min-width:580px) and (max-width: 767px) {
	#top-class > ul.tab li a { font-size:18px; }
	#top-class > ul.tab li a .fa{ right:20px; }
}
@media screen and (min-width:  0px) and (max-width: 579px) {
	#top-class > ul.tab li br { display:block; }
	#top-class > ul.tab li a { font-size:18px; }
	#top-class > ul.tab li a .fa{ display:none; }
}

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

#top-class > div.content_wrap ul {
	list-style-type: none;
	margin:25px 0 0 0;
    display:flex;
    flex-wrap:wrap;
}
#top-class > div.content_wrap ul:after {
	content: "";
	clear: both;
	display: block;
}
#top-class > div.content_wrap li {
	position: relative;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	width:24%;
	margin:5px 1% 0 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	overflow: hidden;
}
#top-class > div.content_wrap li img {
	width:100%;
	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:100%;
	height:100%;
	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:16px;
	line-height:26px;
	text-align:center;
}
#top-class > div.content_wrap li.t p {
	font-size:11px;
	line-height:14px;
	margin:5px 15px 0 15px;
}
#top-class > div.content_wrap li.s h4 {
	font-size:14px;
	line-height:20px;
	text-align:center;
	border-bottom:1px dotted #FFFFFF;
	margin:0 10px;
	padding:7px 0;
}
#top-class > div.content_wrap li.s h5 {
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	text-align:center;
	padding:7px 0;
}
#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;
}
@media screen and (min-width:640px) and (max-width: 839px) {
	#top-class > div.content_wrap li { width:32%; }
}
@media screen and (min-width:420px) and (max-width: 639px) {
	#top-class > div.content_wrap li { width:49%; }
}
@media screen and (min-width:  0px) and (max-width: 419px) {
	#top-class > div.content_wrap li div figcaption { font-size:12px; }
	#top-class > div.content_wrap li { width:49%; }
	#top-class > div.content_wrap li.t p { font-size:10px; line-height:14px; margin:0 10px; }
	#top-class > div.content_wrap li.s h4 { font-size:10px; line-height:14px; }
	#top-class > div.content_wrap li.s p { font-size:10px; line-height:14px; }
}


/* トッププロジェクト */
#top-projectBG {
	width: 100%;
	background-color:#003670;
}
#top-project {
	position: relative;
	width:90%;
	margin:0 auto;
	padding:50px 0;
}
#top-project > h2 {
	text-align:center;
	font-size:30px;
	line-height:1.2;
	color:#ffe324;
}
#top-project > h2 div {
	font-size:14px;
	font-weight:normal;
	margin:20px 0 0 0;
}
#top-project > p.read {
	color:#FFFFFF;
	margin:30px 0 0 0;
	font-feature-settings: "palt";
	line-height: initial;
}
#top-project > p.read br {
	display:none;
}
#top-project > div.imgL {
	display:none;
}
#top-project > div.imgR {
	display:none;
}
#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:30%;
	margin:0 5% 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;
	color:#FFFFFF;
	text-align:center;
	margin:15px 0 0 0;
}
#top-project > ul li p {
	color:#FFFFFF;
	margin:10px auto 0 auto;
}
#top-project > ul li a {
	position: relative;
	display:block;
	background-color:#ffe324;
	color:#003670;
	border:1px solid #ffe324;
	max-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 auto 0 auto;
}
#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;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#top-project > ul li,
	#top-project > ul li:last-child {
		float: none;
		width: auto;
		margin:50px 0 0 0;
		text-align:center;
	}
	#top-project > ul li img {
		width:100%;
	}
	#top-project > ul li p {
		text-align:left;
		font-feature-settings: "palt";
		line-height: initial;
	}
}


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

#top-about > ul {
	list-style-type: none;
}
#top-about > ul li:nth-child(1) {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin:30px 0 0 0;
}
#top-about > ul li:nth-child(1) iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#top-about > ul li:nth-child(2) {
	margin:30px 0 0 0;
}
#top-about > ul li:nth-child(2) a {
	position: relative;
	display:block;
	background-color:#003670;
	color:#FFFFFF;
	border:1px solid #003670;
	max-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 auto 0 auto;
}
#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%;
	background-image: url(../../app/images/bg_w.gif);
}
#top-news {
	width:90%;
	margin:0 auto;
	padding:0 0 50px 0;
}
#top-news:after {
	content: "";
	clear: both;
	display: block;
}

#top-news > div.leftB ul {
	list-style-type: none;
	margin:20px 0 0 0;
}
#top-news > div.leftB ul li {
	float:left;
	width:49%;
	margin:10px 2% 0 0;
}
#top-news > div.leftB ul li:nth-child(2n) {
	margin:10px 0 0 0;
	text-align:left;
}
#top-news > div.leftB ul li:nth-child(2n+1) {
	clear:both;
	text-align:right;
}

#top-news > div.rightB {
	clear:both;
	padding:50px 0 0 0;
}
#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;
	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%;
	font-feature-settings: "palt";
	line-height: initial;
}
/* News記事が７以上になったら解除
#top-news > div.rightB li:nth-last-child(-n+3) {
	display: none;
}*/
@media screen and (min-width:  0px) and (max-width: 767px) {
	#top-news > div.rightB li div.day {
		width: auto;
	}
	#top-news > div.rightB li div.news,
	#top-news > div.rightB li div.media,
	#top-news > div.rightB li div.tsubo {
		width: auto;
		padding:0 15px;
		margin:0 0 0 10px;
	}
	#top-news > div.rightB li a {
		width:100%;
		margin:10px 0 0 0;
	}
}
@media screen and (min-width:  0px) and (max-width: 479px) {
	#top-news > div.leftB ul li {
		float: none;
		width:100%;
		margin:10px 0 0 0;
	}
	#top-news > div.leftB ul li:nth-child(2n) ,
	#top-news > div.leftB ul li:nth-child(2n+1) {
		text-align:center;
		float: left;
		width: calc(50% - 10px);
		margin: 5px!important;
	}
}



/* スライダー */
#top-sliderBG {
	width:100%;
	background-image: url(../../app/images/bg_w.gif);
}
#top-slider {
	position: relative;
	width: 100%;
	height:auto;
	margin: 0 auto;
	overflow: hidden;
}
#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: -30px;
}
#top-slider .slick-dots li.slick-active button:before,
#top-slider .slick-dots li button:before {
    font-size: 12px;
    color: #003670;
}
#top-slider li img {
	width: 100%;
	height: auto;
	aspect-ratio:2.497 / 1;
	object-fit: cover;
}


/* バナー */
#banerBG {
	clear:both;
	width: 100%;
	background-image: url(../../app/images/bg_w.gif);
}
#baner {
	width:90%;
	margin:0 auto;
	padding:40px 0 50px 0;
}
#baner > ul {
	list-style-type: none;
}
#baner > ul:after {
	content: "";
	clear: both;
	display: block;
}
#baner > ul li {
	float:left;
	width:49%;
	margin:10px 2% 0 0;
}
#baner > ul li:nth-child(2n) {
	margin:10px 0 0 0;
	text-align:left;
}
#baner > ul li:nth-child(2n+1) {
	clear:both;
	text-align:right;
}
@media screen and (min-width:  0px) and (max-width: 479px) {
	#baner > ul li {
		float: none;
		width:100%;
		margin:10px 0 0 0;
	}
	#baner > ul li:nth-child(2n) ,
	#baner > ul li:nth-child(2n+1) {
		text-align:center;
		float: left;
		width: calc(50% - 10px);
		margin: 5px!important;
	}
}



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

#footer > ul.fnav {
	list-style-type: none;
}
#footer > ul.fnav li {
	font-size:16px;
	line-height:1;
	border-bottom:1px solid #d8c01e;
}
#footer > ul.fnav li a {
	display: block;
	padding:15px 0;
	text-decoration: none;
}
#footer > ul.fnav li a:hover {
	text-decoration: none;
	background-color: #ffffff;
}

#footer > ul.fsub {
	list-style-type: none;
}
#footer > ul.fsub li {
	font-size:16px;
	line-height:1;
	border-bottom:1px solid #d8c01e;
}
#footer > ul.fsub li a {
	display: block;
	padding:15px 0;
	text-decoration: none;
}
#footer > ul.fsub li a:hover {
	text-decoration: none;
	background-color: #ffffff;
}

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



/* ヘッダー */
#headerBG { 
	width: 100%;
	background-color:#ffffff;
	background-image: url(../../app/images/bg_w.gif);
}
#header {
	position: relative;
	width: 90%;
	height: 80px;
	margin: 0 auto;
}
#header > h1 {
	position: absolute;
	top: 15px;
	right:0;
	left:0;
	text-align:center;
}
#header > #hsub {
	display: none;
}
#header > #hnav {
	display: none;
}

#header > span.button {
	position: absolute;
	top: 23px;
	z-index: 10;
	display: inline-block;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-size: 24px;
	line-height: 1;
	padding:5px 7px;
	border: 1px solid #003670;
	background-color: #003670;
	color:#ffffff;
}
#header  > span.button:hover {
	border: 1px solid #003670;
	background-color: #ffffff;
	color:#003670;
}
@media screen and (min-width:  0px) and (max-width: 479px) {
	#header {
		height: 60px;
	}
	#header > h1 {
		top: 15px;
	}
	#header > h1 img {
		max-width:180px;
	}
	#header > span.button {
		top: 12px;
	}
}



/* レスポンシブメニュー */
[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;
}


/*========================
　smartphone　bottom menu
　========================*/
.mini-text{font-size:10px;}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:45px;/*高さ*/
    margin:0;
    padding:0;
    background-color:#2e99e6;/*背景色*/
    border-top:2px solid #003670;/*バーの上の線*/
    border-bottom:2px solid #003670;/*バーの下の線*/
    z-index:30;}

ul.bottom-menu.BG2 { background-color:#66cc66; }
ul.bottom-menu.BG3 { background-color:#ff974d; }
ul.bottom-menu.BG4 { background-color:#f2556f; }
ul.bottom-menu.BG5 { background-color:#ffe324; }

ul.bottom-menu li {
    float:left;
    width:25%;
    background-color:#2e99e6;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/}

ul.bottom-menu li.BG2 { background-color:#66cc66; }
ul.bottom-menu li.BG3 { background-color:#ff974d; }
ul.bottom-menu li.BG4 { background-color:#f2556f; }
ul.bottom-menu li.BG5 { background-color:#ffe324; }


.bottom-menu li a {
    display: block;
    color:#003670;/*アイコン＆文字の色*/
    padding-top:5px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}

.bottom-menu li a:hover {
    color:#a9a9a9;/*マウスオーバー時の色*/}

.bottom-menu li img {
    width: 19px;}

ul.menu-second-level li img {
    width: 100%;}

/* === 展開メニュー === */

ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1;}

ul.menu-second-level li {
    background-color:#2e99e6;/*背景色*/}

ul.menu-second-level li.BG2 { background-color:#66cc66; }
ul.menu-second-level li.BG3 { background-color:#ff974d; }
ul.menu-second-level li.BG4 { background-color:#f2556f; }
ul.menu-second-level li.BG5 { background-color:#ffe324; }

ul.menu-second-level li a{
    border-top:1px dashed #a9a9a9;/*展開の枠点線*/
        font-size:15px;/*展開メニューの文字サイズ*/
        line-height:30px;/*文字の縦幅*/}

.menu-second-level li a:hover {
    height:100%;
    background: lightgrey;/*マウスオーバーの色*/}

li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 47px;/*高さ*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 47px;/*高さ*/
    visibility: visible;
    opacity: 1;}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}