body {
	color: rgb(55, 55, 55); line-height: 30px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; background-color: rgb(255, 255, 255);
}
img {
	height: auto; vertical-align: bottom; max-width: 100%;
}
table {
	border: 0px currentColor; border-image: none; border-collapse: collapse;
}
a {
	transition:0.2s; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;
}
a:link {
	color: rgb(55, 55, 55); text-decoration: none;
}
a:visited {
	color: rgb(55, 55, 55); text-decoration: none;
}
a:hover {
	color: rgb(55, 55, 55); text-decoration: underline;
}
a:active {
	color: rgb(55, 55, 55); text-decoration: underline;
}
#sub-titleBG {
	width: 100%; background-color: rgb(255, 222, 42);
}
#sub-titleBG::after {
	background: url("../../app/images/bg_line.gif") repeat-x left bottom; height: 10px; clear: both; display: block; content: "";
}
#sub-title {
	margin: 0px auto; padding: 50px 0px; width: 90%; position: relative;
}
#sub-title > h2 {
	text-align: center; line-height: 1.2; font-size: 30px;
}
#sub-title > p {
	margin: 20px 0px 0px; text-align: center; line-height: 1; font-size: 14px;
}
#accessBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#access {
	margin: 0px auto; padding: 50px 0px 0px; width: 90%;
}
#access > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#access > h3:not(:first-of-type) {
	margin: 50px 0px 0px;
}
#access > p {
	margin: 20px 0px 0px; text-align: center;
}
#access > ol {
	margin: 30px 0px 0px; border: 8px solid rgb(211, 211, 211); border-image: none; list-style-type: none; background-color: rgb(255, 255, 255);
}
#access > ol::after {
	clear: both; display: block; content: "";
}
#access > ol li:nth-child(1) {
	margin: 10% 10% 0px;
}
#access > ol li:nth-child(1) img {
	width: 100%;
}
#access > ol li:nth-child(1) p {
	margin: 30px 0px 0px;
}
#access > ol li:nth-child(2) {
	margin: 30px 10% 10%;
}
#access > ol li:nth-child(2) div.mapsize {
	width: 100%; padding-top: 100%; position: relative;
}
#access > ol li:nth-child(2) div.mapsize iframe {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#access > ol li:nth-child(2) p {
	margin: 30px 0px 0px;
}
#access > ol li:nth-child(2) p span {
	font-size: 14px;
}
#faqBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#faq {
	margin: 0px auto; padding: 50px 0px 0px; width: 90%;
}
#faq > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#faq > dl {
	margin: 30px 0px 0px; padding: 10%; border: 8px solid rgb(211, 211, 211); border-image: none; list-style-type: none; background-color: rgb(255, 255, 255);
}
#faq > dl::after {
	clear: both; display: block; content: "";
}
#faq > dl dt.bottan {
	color: rgb(242, 85, 111); line-height: 30px; font-size: 20px; font-weight: bold; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid;
}
#faq > dl dt:first-child.bottan {
	border-top-color: rgb(211, 211, 211); border-top-width: 1px; border-top-style: solid;
}
#faq > dl dt.bottan a {
	background-position: 20px 20px; padding: 30px 20px 30px 80px; color: rgb(242, 85, 111); text-decoration: none; display: block; background-image: url("../../app/images/faq_icon_q.png"); background-repeat: no-repeat;
}
#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 {
	background-position: 20px 20px; padding: 30px 20px 30px 80px; display: none; background-image: url("../../app/images/faq_icon_a.png"); background-repeat: no-repeat; background-color: rgb(235, 247, 253);
}
@media screen and (max-width:479px) and (min-width:0px)
{
#faq > dl dt.bottan a {
	background-position: center 20px; padding: 80px 0px 20px; color: rgb(242, 85, 111); text-decoration: none; display: block; background-image: url("../../app/images/faq_icon_q.png"); background-repeat: no-repeat;
}
#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 {
	background-position: center 20px; padding: 80px 20px 20px; display: none; background-image: url("../../app/images/faq_icon_a.png"); background-repeat: no-repeat; background-color: rgb(235, 247, 253);
}
}
#coachBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
.BG2#coachBG {
	background-image: url("../../app/images/bg_br.gif");
}
#coach {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#coach p.read {
	margin: 0px 0px 40px; text-align: left;
}
#coach p.endtxt {
	padding: 40px 0px 0px; text-align: left; clear: both;
}
#coach h3 {
	text-align: center; line-height: 40px; font-size: 30px; display: block;
}
#coach h3 div {
	width: 49%; display: inline-block;
}
#coach ul {
	margin: 10px 0px 0px; display: flex; list-style-type: none; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
#coach ul::after {
	clear: both; display: block; content: "";
}
#coach ul li {
	margin: 10px 1% 0px 0px; border-radius: 10px; width: 24%; color: rgb(255, 255, 255); overflow: hidden; float: left; position: relative; background-color: rgb(242, 85, 111); -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
#coach ul li:nth-child(4n+1) {
	background-color: rgb(242, 85, 111);
}
#coach ul li:nth-child(4n+2) {
	background-color: rgb(255, 151, 77);
}
#coach ul li:nth-child(4n+3) {
	background-color: rgb(102, 204, 102);
}
#coach ul li:nth-child(4n+4) {
	background-color: rgb(46, 153, 230);
}
#coach ul li:nth-child(4n) {
	margin: 10px 0px 0px;
}
#coach ul li:last-child {
	margin: 10px 0px 0px;
}
#coach ul li:nth-child(4n+1) {
	clear: both;
}
#coach ul li h4 {
	margin: 0px 10px; padding: 10px 0px; text-align: center; line-height: 20px; font-size: 16px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: dotted;
}
#coach ul li p {
	margin: 0px 10px; padding: 10px 0px; text-align: center; line-height: 24px; font-size: 14px;
}
#coach ul li p span {
	margin: 0px 5px 0px 0px; padding: 0px 7px; color: rgb(242, 85, 111); font-size: 12px; background-color: rgb(255, 255, 255);
}
#coach div.leftBOX {
	width: 50%; float: left;
}
#coach div.rightBOX {
	width: 50%; float: right;
}
#coach div.leftBOX ul li {
	margin: 5px 1% 0px 0px; width: 49%;
}
#coach div.rightBOX ul li {
	margin: 5px 1% 0px 0px; width: 49%;
}
#coach ul li.r {
	background-color: rgb(242, 85, 111);
}
#coach ul li.o {
	background-color: rgb(255, 151, 77);
}
#coach ul li.g {
	background-color: rgb(102, 204, 102);
}
#coach ul li.b {
	background-color: rgb(46, 153, 230);
}
@media screen and (max-width:767px) and (min-width:0px)
{
#coach div.leftBOX {
	width: 100%; float: none;
}
#coach div.rightBOX {
	padding: 50px 0px 0px; width: 100%; float: none;
}
#coach ul li {
	margin: 5px 1% 0px 0px; width: 49%;
}
#coach ul li:nth-child(2n) {
	margin: 5px 0px 0px;
}
#coach ul li:last-child {
	margin: 5px 0px 0px;
}
#coach ul li:nth-child(2n+1) {
	clear: both;
}
#coach ul li img {
	width: 100%;
}
#coach ul li h4 {
	font-size: 14px;
}
}
#coach div.adviserBOX {
	margin: 15px 0px 100px;
}
#coach div.adviserBOX img {
	border-radius: 10px; width: 100%; height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
#coach div.adviserBOX h4 {
	margin: 20px 0px 0px; text-align: center; line-height: 1.4; font-size: 34px; font-weight: normal;
}
#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 0px 0px; font-size: 24px;
}
#coach div.adviserBOX p.txt1 {
	margin: 20px 0px 0px;
}
#coach div.adviserBOX p.txt2 {
	line-height: 24px; font-size: 14px;
}
#coach div.adviserBOX p.txt2 strong {
	margin: 20px 0px 0px; display: block;
}
@media screen and (max-width:460px) and (min-width:0px)
{
#coach div.adviserBOX h4 span {
	font-size: 12px;
}
}
#companyBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#company {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#company > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#company > h3:nth-of-type(2) {
	margin: 100px 0px 0px;
}
#company > h3:nth-of-type(3) {
	margin: 100px 0px 0px;
}
#company > div.company-box {
	margin: 40px auto 0px; width: 100%;
}
#company > div.company-box p {
	margin: 10px 0px 0px;
}
#company > div.company-box .boxL {
	margin: 50px 0px 0px; width: 100%; text-align: center;
}
#company > div.company-box .boxL p {
	margin: 15px 0px 0px; text-align: center;
}
#company > div.company-box .boxR {
	margin: 50px 0px 0px; width: 100%; text-align: left;
}
#company > div.company-box .boxR table {
	width: 100%;
}
#company > div.company-box .boxR th {
	padding: 0px 0px 15px; line-height: 1; font-size: 18px; font-weight: bold; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid;
}
#company > div.company-box .boxR tr:nth-of-type(3) th {
	padding: 50px 0px 15px;
}
#company > div.company-box .boxR td {
	padding: 15px 0px 0px;
}
#company > div.company-box .boxR td ul {
	margin: 0px 0px 0px 20px; list-style-type: disc;
}
#company > table {
	margin: 50px auto 0px; width: 100%;
}
#company > table th {
	padding: 20px 0px 10px; width: 100%; text-align: left; font-weight: bold; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#company > table th span {
	margin: 0px;
}
#company > table th span br {
	display: none;
}
#company > table td {
	padding: 10px 0px 20px; width: 100%; text-align: left; display: block;
}
#contactBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#contact {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#contact p.read {
	margin: 0px 0px 50px; text-align: left;
}
#contact p.read2 {
	margin: -30px 0px 50px; text-align: left;
}
#contact p.read2 a {
	text-decoration: underline;
}
#contact p.read br {
	display: none;
}
#contact p.small {
	margin: 10px 0px 0px; line-height: 20px; font-size: 12px;
}
#contact dl {
	margin: 0px auto; width: 100%; border-top-color: rgb(211, 211, 211); border-top-width: 1px; border-top-style: solid;
}
#contact dl::after {
	clear: both; display: block; content: "";
}
#contact dl dt {
	padding: 20px 0px 0px; width: 100%; text-align: left; font-weight: bold;
}
#contact dl dt span {
	margin: 0px 0px 0px 10px; color: rgb(227, 65, 65); font-size: 12px; font-weight: normal;
}
#contact dl dd {
	padding: 10px 0px 20px; width: 100%; text-align: left;
}
#contact dl dd label {
	display: block;
}
#contact dl dd label:hover {
	background-color: rgb(255, 255, 153);
}
#contact dl.mess dt {
	padding: 25px 0px 0px; width: auto; float: none;
}
#contact dl.mess dd {
	padding: 5px 0px 30px; width: auto; float: none;
}
#contact dl dd input {
	padding: 0px 10px; height: 40px; font-family: inherit;
}
#contact dl dd input[type='date'] {
	width: 90%;
}
#contact dl dd input[type='tel'] {
	width: 90%;
}
#contact dl dd input[type='email'] {
	width: 90%;
}
#contact dl dd input[type='text'] {
	width: 90%;
}
#contact dl dd textarea {
	padding: 10px; width: 90%; height: 150px; font-family: inherit;
}
#contact input:focus {
	background: rgb(255, 255, 153);
}
#contact select:focus {
	background: rgb(255, 255, 153);
}
#contact textarea:focus {
	background: rgb(255, 255, 153);
}
#contact input[type='button'] {
	padding: 20px 0px; border-radius: 5px; border: 1px solid rgb(0, 54, 112); border-image: none; width: 250px; color: rgb(255, 255, 255); line-height: 1.2; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; font-weight: bold; cursor: pointer; box-shadow: none; background-image: none; background-color: rgb(0, 54, 112); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#contact input[type='submit'] {
	padding: 20px 0px; border-radius: 5px; border: 1px solid rgb(0, 54, 112); border-image: none; width: 250px; color: rgb(255, 255, 255); line-height: 1.2; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; font-weight: bold; cursor: pointer; box-shadow: none; background-image: none; background-color: rgb(0, 54, 112); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#contact input[type='button']:hover {
	border: 1px solid rgb(0, 54, 112); border-image: none; color: rgb(0, 54, 112); background-color: rgb(255, 255, 255);
}
#contact input[type='submit']:hover {
	border: 1px solid rgb(0, 54, 112); border-image: none; color: rgb(0, 54, 112); background-color: rgb(255, 255, 255);
}
#contact div.bottan {
	margin: 0px auto; padding: 30px 0px 0px; width: 100%; text-align: center; border-top-color: rgb(211, 211, 211); border-top-width: 1px; border-top-style: solid;
}
#contact span.wpcf7-list-item {
	display: block;
}
#contact div.wpcf7-mail-sent-ok {
	margin: 30px auto; padding: 15px 0px; border-radius: 3px; border: 2px solid rgb(89, 168, 15); border-image: none; width: 100%; text-align: center; color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(89, 168, 15); -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
#contact div.wpcf7-mail-sent-ng {
	margin: 30px auto; padding: 15px 0px; border-radius: 3px; border: 2px solid rgb(255, 0, 0); border-image: none; width: 100%; text-align: center; color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(255, 0, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
#contact div.wpcf7-spam-blocked {
	margin: 30px auto; padding: 15px 0px; border-radius: 3px; border: 2px solid rgb(255, 165, 0); border-image: none; width: 100%; text-align: center; color: rgb(156, 101, 51); font-weight: bold; background-color: rgb(255, 165, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
#contact div.wpcf7-validation-errors {
	margin: 30px auto; padding: 15px 0px; border-radius: 3px; border: 2px solid rgb(247, 231, 0); border-image: none; width: 100%; text-align: center; color: rgb(156, 101, 51); font-weight: bold; background-color: rgb(247, 231, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
#privacyBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#privacy {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#privacy > h3 {
	margin: 50px 0px 20px; padding: 0px 0px 20px; line-height: 1; font-size: 20px; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid;
}
#privacy > h4 {
	margin: 30px 0px 0px;
}
#privacy > p.indent {
	margin: 30px 0px 0px; text-indent: -1.3em; padding-left: 1.3em;
}
#privacy > ol {
	margin: 0px 0px 0px 35px; list-style-type: decimal;
}
#privacy > ul {
	margin: 0px 0px 0px 35px; list-style-type: disc;
}
#privacy > ol li {
	margin: 10px 0px 0px;
}
#privacy > ul li {
	margin: 10px 0px 0px;
}
#sitemapBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#sitemap {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#sitemap div.boxL {
	
}
#sitemap div.boxR {
	
}
#sitemap h3 {
	margin: 50px 0px 20px; padding: 0px 0px 20px; line-height: 1; font-size: 20px; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid;
}
#sitemap h4 {
	margin: 30px 0px 0px;
}
#sitemap ul {
	margin: 0px 0px 0px 35px; list-style-type: disc;
}
#sitemap ul li {
	margin: 10px 0px 0px;
}
#newsBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#news {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#news > div.entry-content {
	margin: 50px 0px 0px; padding: 10%; border: 8px solid rgb(211, 211, 211); border-image: none; list-style-type: none; background-color: rgb(255, 255, 255);
}
#news > div:first-child.entry-content {
	margin: 0px;
}
#news > div.entry-content h3.title {
	margin: 10px 0px 30px; padding: 0px 0px 20px; line-height: 40px; font-size: 30px; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid;
}
#news > div.entry-content p {
	margin: 10px 0px 0px;
}
#news > div.entry-content p.day {
	margin: 0px;
}
#news > div.entry-content p.link {
	margin: 30px 0px 0px; text-align: center;
}
#news > div.entry-content p.link a {
	padding: 20px; border-radius: 5px; border: 1px solid rgb(0, 54, 112); border-image: none; text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; background-color: rgb(0, 54, 112); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#news > div.entry-content p.link a:hover {
	border: 1px solid rgb(0, 54, 112); border-image: none; color: rgb(0, 54, 112); background-color: rgb(255, 255, 255);
}
#news > div.entry-content p.link a img {
	margin: 0px 4px 0px 0px; vertical-align: middle;
}
#news > div.entry-content div.youtube {
	margin: 30px 0px 0px; width: 100%; padding-top: 56.25%; position: relative;
}
#news > div.entry-content div.youtube iframe {
	top: 0px; width: 100% !important; height: 100% !important; right: 0px; position: absolute;
}
#news > div.entry-content a:link {
	color: rgb(55, 55, 55); text-decoration: underline;
}
#news > div.entry-content a:visited {
	color: rgb(55, 55, 55); text-decoration: underline;
}
#news > div.entry-content a:hover {
	color: rgb(255, 151, 77); text-decoration: underline;
}
#news > div.entry-content a:active {
	color: rgb(255, 151, 77); text-decoration: underline;
}
#pagerBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#pager {
	margin: 0px auto; width: 90%;
}
#pager > ul {
	text-align: center; line-height: 0; font-size: 0px; list-style-type: none;
}
#pager > ul li {
	width: 33%; line-height: 30px; font-size: 16px; display: inline-block;
}
#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 {
	padding: 15px 0px; display: block;
}
#pager > ul li.next a {
	padding: 15px 0px; display: block;
}
#pager > ul li.center a {
	padding: 15px 0px; display: block;
}
#pager > ul li .fa {
	margin: 0px 5px;
}
@media screen and (max-width:479px) and (min-width:0px)
{
#pager > ul li {
	width: 49%;
}
#pager > ul li.center {
	display: none;
}
}
#project-titleBG {
	width: 100%; background-color: rgb(255, 151, 77);
}
#project-titleBG::after {
	background: url("../../app/images/bg_line.gif") repeat-x left bottom; height: 10px; clear: both; display: block; content: "";
}
#project-title {
	margin: 0px auto; padding: 50px 0px; width: 90%; position: relative;
}
#project-title > h2 {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 30px;
}
#project-title > p {
	margin: 20px 0px 0px; text-align: center; color: rgb(255, 255, 255); line-height: 1; font-size: 14px;
}
#project-main1BG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#project-main1 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#project-main1 > p.read {
	margin: 0px; text-align: left;
}
#project-main1 > p.read br {
	display: none;
}
#project-main1 > ul {
	margin: 30px 0px 0px; list-style-type: none;
}
#project-main1 > ul::after {
	clear: both; display: block; content: "";
}
#project-main1 > ul li {
	margin: 0px 5% 0px 0px; width: 30%; float: left;
}
#project-main1 > ul li:last-child {
	margin: 0px;
}
#project-main1 > ul li img {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#project-main1 > ul li h3 {
	margin: 15px 0px 0px; text-align: center; line-height: 34px; font-size: 24px; font-weight: normal;
}
#project-main1 > ul li p {
	margin: 10px 0px 0px;
}
#project-main1 > ul li a {
	margin: 15px auto 0px; border-radius: 5px; border: 1px solid rgb(0, 54, 112); border-image: none; height: 48px; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 16px; font-weight: bold; text-decoration: none; display: block; position: relative; max-width: 298px; background-color: rgb(0, 54, 112); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#project-main1 > ul li a:hover {
	border: 1px solid rgb(0, 54, 112); border-image: none; color: rgb(0, 54, 112); background-color: rgb(255, 255, 255);
}
#project-main1 > ul li a .fa {
	top: 16px; right: 18px; position: absolute;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#project-main1 > ul li {
	margin: 50px 0px 0px; width: auto; text-align: center; float: none;
}
#project-main1 > ul li:last-child {
	margin: 50px 0px 0px; width: auto; text-align: center; float: none;
}
#project-main1 > ul li img {
	width: 100%;
}
#project-main1 > ul li p {
	text-align: left;
}
}
#project-main2BG {
	width: 100%; background-color: rgb(247, 243, 233);
}
#project-main2 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#project-main2 > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#project-main2 > table {
	margin: 50px auto 0px; width: 100%; border-top-color: rgb(211, 211, 211); border-top-width: 1px; border-top-style: solid;
}
#project-main2 > table th {
	padding: 20px 0px; width: 100%; text-align: center; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#project-main2 > table td {
	padding: 20px 0px; text-align: left; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#project-main2 > p.endtxt {
	margin: 40px 0px 0px; text-align: left; text-indent: -1em; padding-left: 1em;
}
#project-main3BG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#project-main3 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#project-main3 > ul {
	list-style-type: none;
}
#project-main3 > ul::after {
	clear: both; display: block; content: "";
}
#project-main3 > ul li {
	padding: 20px 0px 0px; text-align: center;
}
#project-main3 > ul li:nth-child(1) {
	padding: 0px;
}
#project-main3 > ul li p {
	padding: 8px 20px; border-radius: 20px; color: rgb(255, 255, 255); line-height: 24px; font-size: 18px; font-weight: bold; display: inline-block; background-color: rgb(255, 151, 77); -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
#project-main3 > h3 {
	margin: 30px 0px 0px; text-align: center;
}
#project-main3 > p {
	margin: 30px auto 0px;
}
#project-main3 > ol.point {
	margin: 30px 0px 0px; display: flex; list-style-type: none; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
#project-main3 > ol.point::after {
	clear: both; display: block; content: "";
}
#project-main3 > ol.point li {
	width: 50%; float: left; background-color: rgb(255, 215, 222);
}
#project-main3 > ol.point li:nth-child(1) {
	background-color: rgb(255, 215, 222);
}
#project-main3 > ol.point li:nth-child(2) {
	background-color: rgb(255, 224, 202);
}
#project-main3 > ol.point li h4 {
	margin: 0px 45px; text-align: center; color: rgb(242, 85, 111); line-height: 34px; font-size: 24px;
}
#project-main3 > ol.point li:nth-child(1) h4 {
	color: rgb(242, 85, 111);
}
#project-main3 > ol.point li:nth-child(2) h4 {
	color: rgb(255, 151, 77);
}
#project-main3 > ol.point li p {
	margin: 15px 45px 30px;
}
#project-main3 > ol.point li::before {
	margin: 30px 0px 0px; height: 90px; clear: both; display: block; content: "";
}
#project-main3 > ol.point li:nth-child(1)::before {
	background: url("../../app/images/about_point_01.png") no-repeat top;
}
#project-main3 > ol.point li:nth-child(2)::before {
	background: url("../../app/images/about_point_02.png") no-repeat top;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#project-main3 > ol.point li {
	width: 100%; float: none;
}
#project-main3 > ol.point li h4 {
	margin: 0px 30px;
}
#project-main3 > ol.point li p {
	margin: 15px 30px 30px;
}
}
@media screen and (max-width:479px) and (min-width:0px)
{
#project-main3 > ol.point li h4 {
	text-align: left;
}
#project-main3 > ol.point li h4 br {
	display: none;
}
}
#project-main3 > ol.image {
	margin: 20px 0px 0px; list-style-type: none;
}
#project-main3 > ol.image::after {
	clear: both; display: block; content: "";
}
#project-main3 > ol.image li {
	width: calc(100% /3); float: left;
}
@media screen and (max-width:479px) and (min-width:0px)
{
#project-main3 > ol.image li {
	width: 100%; float: none;
}
#project-main3 > ol.image li img {
	width: 100%;
}
}
#project-main3 > ol.voice {
	display: flex; list-style-type: none; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
#project-main3 > ol.voice::after {
	clear: both; display: block; content: "";
}
#project-main3 > ol.voice li {
	margin: 20px 0px 0px; border: 8px solid rgb(196, 255, 199); border-image: none; background-color: rgb(255, 255, 255);
}
#project-main3 > ol.voice li:nth-child(2) {
	border: 8px solid rgb(215, 236, 250); border-image: none;
}
#project-main3 > ol.voice li h4 {
	text-align: center; color: rgb(242, 85, 111); line-height: 34px; font-size: 24px;
}
#project-main3 > ol.voice li:nth-child(1) h4 {
	color: rgb(94, 203, 99);
}
#project-main3 > ol.voice li:nth-child(2) h4 {
	color: rgb(46, 153, 230);
}
#project-main3 > ol.voice li p {
	margin: 15px 45px 30px;
}
#project-main3 > ol.voice li::before {
	margin: 30px 0px 0px; height: 120px; clear: both; display: block; content: "";
}
#project-main3 > ol.voice li:nth-child(1)::before {
	background: url("../../app/images/point_voice_01.png") no-repeat top;
}
#project-main3 > ol.voice li:nth-child(2)::before {
	background: url("../../app/images/point_voice_02.png") no-repeat top;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#project-main3 > ol.voice li p {
	margin: 15px 30px 30px;
}
}
#project-main3 > p.chack {
	margin: 50px auto 0px; width: auto; text-align: left; font-size: 18px;
}
#project-main3 > p.linkbottan a {
	margin: 0px auto; border-radius: 5px; border: 1px solid rgb(255, 75, 71); border-image: none; height: 80px; text-align: center; color: rgb(255, 255, 255); line-height: 80px; font-size: 24px; font-weight: bold; text-decoration: none; display: block; position: relative; max-width: 598px; background-color: rgb(255, 75, 71); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#project-main3 > p.linkbottan a:hover {
	border: 1px solid rgb(255, 75, 71); border-image: none; color: rgb(255, 75, 71); background-color: rgb(255, 255, 255);
}
#project-main3 > p.linkbottan a .fa {
	top: 27px; right: 27px; position: absolute;
}
@media screen and (max-width:600px) and (min-width:0px)
{
#project-main3 > p.linkbottan a span {
	display: none;
}
}
#class-titleBG {
	width: 100%; background-color: rgb(46, 153, 230);
}
.BG2#class-titleBG {
	background-color: rgb(102, 204, 102);
}
.BG3#class-titleBG {
	background-color: rgb(255, 151, 77);
}
.BG4#class-titleBG {
	background-color: rgb(242, 85, 111);
}
#class-titleBG::after {
	background: url("../../app/images/bg_line.gif") repeat-x left bottom; height: 10px; clear: both; display: block; content: "";
}
#class-title {
	margin: 0px auto; padding: 50px 0px; width: 90%; position: relative;
}
#class-title > h2 {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 30px;
}
#class-title > p:first-of-type {
	margin: 20px 0px 0px; text-align: center; color: rgb(255, 255, 255); line-height: 1; font-size: 14px;
}
#class-title > p:last-of-type {
	margin: 20px auto 0px; color: rgb(255, 255, 255);
}
#class-main1BG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
.BG2#class-main1BG {
	background-image: none; background-color: rgb(247, 243, 233);
}
#class-main1 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#class-main1 > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#class-main1 > p {
	margin: 30px auto 0px;
}
#class-main1 > ul {
	margin: 25px 0px 0px; display: flex; list-style-type: none; flex-wrap: wrap;
}
#class-main1 > ul::after {
	clear: both; display: block; content: "";
}
#class-main1 > ul li {
	margin: 5px 1% 0px 0px; border-radius: 10px; width: 24%; color: rgb(255, 255, 255); line-height: 18px; overflow: hidden; font-size: 12px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
#class-main1 > ul li img {
	width: 100%;
}
#class-main1 > ul li div {
	width: 100%; overflow: hidden; position: relative;
}
#class-main1 > ul li div figcaption {
	transition:0.2s; left: 0px; width: 100%; height: 100%; text-align: center; bottom: -100%; font-size: 16px; position: absolute; z-index: 2; opacity: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;
}
#class-main1 > ul li div figcaption span {
	left: 50%; top: 50%; white-space: nowrap; position: absolute; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);
}
#class-main1 > ul li div figcaption .fa {
	margin: 0px 0px 0px 5px;
}
#class-main1 > ul li a {
	border-radius: 10px; width: 100%; height: 100%; color: rgb(255, 255, 255); text-decoration: none; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
#class-main1 > ul li a:hover figcaption {
	background: rgba(0, 0, 0, 0.6); left: 0px; bottom: 0px;
}
#class-main1 > ul li a:hover {
	background: rgba(0, 0, 0, 0.6); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
#class-main1 > ul li.t h3 {
	text-align: center; line-height: 26px; font-size: 16px;
}
#class-main1 > ul li.t p {
	margin: 5px 15px 0px; line-height: 14px; font-size: 11px;
}
#class-main1 > ul li.s h4 {
	margin: 0px 10px; padding: 7px 0px; text-align: center; line-height: 20px; font-size: 14px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: dotted;
}
#class-main1 > ul li.s h5 {
	padding: 7px 0px; text-align: center; line-height: 14px; font-size: 11px; font-weight: normal;
}
#class-main1 > ul li.listB {
	background-color: rgb(46, 153, 230);
}
#class-main1 > ul li.listG {
	background-color: rgb(102, 204, 102);
}
#class-main1 > ul li.listO {
	background-color: rgb(255, 151, 77);
}
#class-main1 > ul li.listR {
	background-color: rgb(242, 85, 111);
}
@media screen and (max-width:839px) and (min-width:640px)
{
#class-main1 > ul li {
	width: 32%;
}
}
@media screen and (max-width:639px) and (min-width:420px)
{
#class-main1 > ul li {
	width: 49%;
}
}
@media screen and (max-width:419px) and (min-width:0px)
{
#class-main1 > ul li div figcaption {
	font-size: 12px;
}
#class-main1 > ul li {
	width: 49%;
}
#class-main1 > ul li.t p {
	margin: 0px 10px; line-height: 14px; font-size: 10px;
}
#class-main1 > ul li.s h4 {
	line-height: 14px; font-size: 10px;
}
#class-main1 > ul li.s p {
	line-height: 14px; font-size: 10px;
}
}
#class-phBG {
	width: 100%; height: 600px; overflow: hidden;
}
@media screen and (max-width:839px) and (min-width:640px)
{
#class-phBG {
	height: 400px;
}
}
@media screen and (max-width:639px) and (min-width:420px)
{
#class-phBG {
	height: 300px;
}
}
@media screen and (max-width:419px) and (min-width:0px)
{
#class-phBG {
	height: 200px;
}
}
#class-ph h3 {
	text-indent: -9999em; text-decoration: none;
}
.h-babyclub#class-phBG {
	background: url("../../app/images/class_ph01.jpg") no-repeat center / cover;
}
.h-little#class-phBG {
	background: url("../../app/images/class_ph02.jpg") no-repeat center / cover;
}
.h-kids#class-phBG {
	background: url("../../app/images/class_ph03.jpg") no-repeat center / cover;
}
.h-junior#class-phBG {
	background: url("../../app/images/class_ph04.jpg") no-repeat center / cover;
}
.h-superjunior#class-phBG {
	background: url("../../app/images/class_ph05.jpg") no-repeat center / cover;
}
.h-supersenior#class-phBG {
	background: url("../../app/images/class_ph06.jpg") no-repeat center / cover;
}
.h-private#class-phBG {
	background: url("../../app/images/class_ph07.jpg") no-repeat center / cover;
}
.h-training#class-phBG {
	background: url("../../app/images/class_ph08.jpg") no-repeat center / cover;
}
.h-gymnastics#class-phBG {
	background: url("../../app/images/class_ph09.jpg") no-repeat center / cover;
}
.h-basic#class-phBG {
	background: url("../../app/images/class_ph10.jpg") no-repeat center / cover;
}
.h-stepup#class-phBG {
	background: url("../../app/images/class_ph11.jpg") no-repeat center / cover;
}
.h-kids-e#class-phBG {
	background: url("../../app/images/class_ph12.jpg") no-repeat center / cover;
}
.h-junior1#class-phBG {
	background: url("../../app/images/class_ph13.jpg") no-repeat center / cover;
}
.h-junior2#class-phBG {
	background: url("../../app/images/class_ph14.jpg") no-repeat center / cover;
}
.h-junior3#class-phBG {
	background: url("../../app/images/class_ph15.jpg") no-repeat center / cover;
}
.k-little#class-phBG {
	background: url("../../app/images/class_ph16.jpg") no-repeat center / cover;
}
.k-kids#class-phBG {
	background: url("../../app/images/class_ph17.jpg") no-repeat center / cover;
}
.k-junior#class-phBG {
	background: url("../../app/images/class_ph18.jpg") no-repeat center / cover;
}
.k-senior#class-phBG {
	background: url("../../app/images/class_ph19.jpg") no-repeat center / cover;
}
.k-supersenior#class-phBG {
	background: url("../../app/images/class_ph20.jpg") no-repeat center / cover;
}
.k-training#class-phBG {
	background: url("../../app/images/class_ph21.jpg") no-repeat center / cover;
}
.k-gymnastics#class-phBG {
	background: url("../../app/images/class_ph22.jpg") no-repeat center / cover;
}
.h-baby-e#class-phBG {
	background: url("../../app/images/class_ph23.jpg") no-repeat center / cover;
}
#class-scheduleBG {
	width: 100%; background-image: url("../../app/images/bg_br.gif");
}
#class-schedule {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#class-schedule > ul {
	text-align: center; list-style-type: none;
}
#class-schedule > ul::after {
	clear: both; display: block; content: "";
}
#class-schedule > ul li {
	margin: 0px; width: 48%; vertical-align: top; display: inline-block;
}
#class-schedule > ul li h4 {
	margin: 0px auto; border-radius: 50px; width: 100px; color: rgb(255, 255, 255); line-height: 100px; font-size: 24px; background-color: rgb(46, 153, 230); -webkit-border-radius: 50px; -moz-border-radius: 50px;
}
.BG2#class-schedule > ul li h4 {
	background-color: rgb(102, 204, 102);
}
.BG3#class-schedule > ul li h4 {
	background-color: rgb(255, 151, 77);
}
.BG4#class-schedule > ul li h4 {
	background-color: rgb(242, 85, 111);
}
#class-schedule > ul li p {
	margin: 10px 0px 0px; color: rgb(46, 153, 230); line-height: 34px; font-size: 20px; font-weight: bold;
}
.BG2#class-schedule > ul li p {
	color: rgb(102, 204, 102);
}
.BG3#class-schedule > ul li p {
	color: rgb(255, 151, 77);
}
.BG4#class-schedule > ul li p {
	color: rgb(242, 85, 111);
}
#class-schedule > table {
	margin: 50px auto 0px; border: 4px solid rgb(46, 153, 230); border-image: none; width: 100%;
}
@media screen and (max-width:419px) and (min-width:0px)
{
.BG4#class-schedule > ul li p br {
	display: none;
}
}
.BG2#class-schedule > table {
	border: 4px solid rgb(102, 204, 102); border-image: none;
}
.BG3#class-schedule > table {
	border: 4px solid rgb(255, 151, 77); border-image: none;
}
.BG4#class-schedule > table {
	border: 4px solid rgb(242, 85, 111); border-image: none;
}
#class-schedule > table th {
	padding: 10px 0px; width: 50%; text-align: center; color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(46, 153, 230);
}
.BG2#class-schedule > table th {
	background-color: rgb(102, 204, 102);
}
.BG3#class-schedule > table th {
	background-color: rgb(255, 151, 77);
}
.BG4#class-schedule > table th {
	background-color: rgb(242, 85, 111);
}
#class-schedule > table td {
	padding: 10px 0px; border: 1px solid rgb(211, 211, 211); border-image: none; text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255);
}
#class-schedule > ol {
	margin: 50px auto 0px; display: table; list-style-type: disc;
}
#class-schedule > ol li {
	margin: 0px 0px 10px 30px; line-height: 30px; font-size: 20px; font-weight: bold;
}
#class-schedule > div.youtube {
	margin: 40px auto 0px; width: 100%; padding-top: 56.25%; position: relative;
}
#class-schedule > div.youtube iframe {
	top: 0px; width: 100% !important; height: 100% !important; right: 0px; position: absolute;
}
#class-navBG {
	width: 100%; background-color: rgb(46, 153, 230);
}
.BG2#class-navBG {
	background-color: rgb(102, 204, 102);
}
.BG3#class-navBG {
	background-color: rgb(255, 151, 77);
}
.BG4#class-navBG {
	background-color: rgb(242, 85, 111);
}
#class-nav {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#class-nav > h3 {
	margin: 50px 0px 0px; text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 18px;
}
#class-nav > div {
	margin: 20px 0px 0px; text-align: center;
}
#class-nav > ul {
	list-style-type: none;
}
#class-nav > ul::after {
	clear: both; display: block; content: "";
}
#class-nav > ul li {
	margin: 0px 1% 0px 0px; width: 24%; float: left;
}
#class-nav > ul li:last-child {
	margin: 0px;
}
#class-nav > ul li img {
	width: 100%;
}
#class-nav > ul li a {
	padding: 3px 3px 0px; text-align: center; color: rgb(46, 153, 230); line-height: 50px; font-weight: bold; display: block; position: relative; background-color: rgb(255, 255, 255);
}
.BG2#class-nav > ul li a {
	color: rgb(102, 204, 102);
}
.BG3#class-nav > ul li a {
	color: rgb(255, 151, 77);
}
.BG4#class-nav > ul li a {
	color: rgb(242, 85, 111);
}
#class-nav > ul li a .fa {
	right: 16px; bottom: 18px; position: absolute;
}
#class-nav > ul li a:hover {
	color: rgb(255, 255, 255); text-decoration: none; background-color: rgba(0, 0, 0, 0.6);
}
#class-nav > ul li a:hover img {
	opacity: 0.6;
}
#class-nav > div.pc {
	display: none;
}
#class-nav > div.mo {
	display: block;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#class-nav > ul li {
	margin: 1% 1% 0px 0px; width: 49%; float: left;
}
#class-nav > ul li:last-child {
	margin: 1% 1% 0px 0px;
}
}
@media screen and (max-width:479px) and (min-width:0px)
{
#class-nav > ul li a .fa {
	display: none;
}
}
#class-flowBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#class-flow {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#class-flow > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#class-flow > p {
	margin: 20px 0px 0px; text-align: center;
}
#class-flow > ol {
	margin: 30px 0px 0px; border: 8px solid rgb(211, 211, 211); border-image: none; display: flex; list-style-type: none; flex-wrap: wrap; background-color: rgb(255, 255, 255);
}
#class-flow > ol::after {
	clear: both; display: block; content: "";
}
#class-flow > ol li {
	width: 25%; border-right-color: rgb(211, 211, 211); border-right-width: 1px; border-right-style: solid; box-sizing: border-box;
}
#class-flow > ol li:last-child {
	width: 25%; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#class-flow > ol li h5 {
	text-align: center; line-height: 34px; font-size: 24px;
}
#class-flow > ol li:nth-child(1) h5 {
	color: rgb(242, 85, 111);
}
#class-flow > ol li:nth-child(2) h5 {
	color: rgb(255, 151, 77);
}
#class-flow > ol li:nth-child(3) h5 {
	color: rgb(102, 204, 102);
}
#class-flow > ol li:nth-child(4) h5 {
	color: rgb(46, 153, 230);
}
#class-flow > ol li p {
	margin: 10px 25px 30px;
}
#class-flow > ol li::before {
	margin: 30px 0px 0px; height: 62px; clear: both; display: block; content: "";
}
#class-flow > ol li:nth-child(1)::before {
	background: url("../../app/images/class_step_01.png") no-repeat top;
}
#class-flow > ol li:nth-child(2)::before {
	background: url("../../app/images/class_step_02.png") no-repeat top;
}
#class-flow > ol li:nth-child(3)::before {
	background: url("../../app/images/class_step_03.png") no-repeat top;
}
#class-flow > ol li:nth-child(4)::before {
	background: url("../../app/images/class_step_04.png") no-repeat top;
}
#class-flow > ul {
	margin: 30px 0px 0px; text-align: center; list-style-type: none;
}
#class-flow > ul li {
	vertical-align: top; display: inline-block;
}
#class-flow > ul li h5 {
	margin: 30px 0px 0px;
}
#class-flow > ul li p {
	margin: 20px 0px 0px; font-weight: bold;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#class-flow > ol li {
	width: 100%; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; float: none;
}
#class-flow > ol li:last-child {
	width: 100%; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
}
#class-voiceBG {
	width: 100%; background-color: rgb(247, 243, 233);
}
#class-voice {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#class-voice > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#class-voice > p {
	margin: 20px 0px 0px; text-align: center;
}
#class-voice > ol {
	margin: 30px 0px 0px; border: 8px solid rgb(211, 211, 211); border-image: none; display: flex; list-style-type: none; flex-wrap: wrap; background-color: rgb(255, 255, 255);
}
#class-voice > ol::after {
	clear: both; display: block; content: "";
}
#class-voice > ol li {
	padding: 30px 0px 0px; width: 50%; text-align: center; border-right-color: rgb(211, 211, 211); border-right-width: 1px; border-right-style: solid; box-sizing: border-box;
}
#class-voice > ol li:last-child {
	width: 50%; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#class-voice > ol.single li {
	width: 100%; border-right-color: currentColor; border-right-width: medium; border-right-style: none; float: none;
}
#class-voice > ol li h5 {
	text-align: center;
}
#class-voice > ol li:nth-child(1) h5 {
	color: rgb(106, 61, 28);
}
#class-voice > ol li:nth-child(2) h5 {
	color: rgb(204, 70, 69);
}
#class-voice > ol li p {
	margin: 15px 30px 30px; text-align: left;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#class-voice > ol li {
	width: 100%; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; float: none;
}
#class-voice > ol li:last-child {
	width: 100%; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
}
#class-safetyBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#class-safety {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#class-safety > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#class-safety > p {
	margin: 20px 0px 0px; text-align: center;
}
#class-safety > ol {
	margin: 30px 0px 0px; text-align: center; list-style-type: none;
}
#class-safety > ol::after {
	clear: both; display: block; content: "";
}
#class-safety > ol li {
	margin: 0px 5% 0px 0px; width: 30%; float: left;
}
#class-safety > ol li:last-child {
	margin: 0px;
}
#class-safety > ol li h5 {
	margin: 25px 0px 0px; line-height: 34px; font-size: 24px;
}
#class-safety > ol li p {
	margin: 20px 0px 0px; text-align: left;
}
#class-safety > ol li img {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#class-safety > ol li {
	margin: 50px 0px 0px; width: auto; text-align: center; float: none;
}
#class-safety > ol li:last-child {
	margin: 50px 0px 0px; width: auto; text-align: center; float: none;
}
#class-safety > ol li img {
	width: 100%;
}
#class-safety > ol li p {
	text-align: left;
}
}
#class-safety > ul.event {
	margin: 50px 0px 0px; padding: 30px; list-style-type: none; background-color: rgb(255, 227, 36);
}
#class-safety > ul.event li:nth-child(2) {
	margin: 30px 5% 30px 0px; width: 30%; float: left;
}
#class-safety > ul.event li:nth-child(3) {
	margin: 30px 5% 30px 0px; width: 30%; float: left;
}
#class-safety > ul.event li:nth-child(4) {
	margin: 30px 0px; width: 30%; float: left;
}
#class-safety > ul.event li:nth-child(5) {
	clear: both;
}
#class-safety > ul.event h3 {
	color: rgb(0, 54, 112); line-height: 36px; font-size: 26px;
}
#class-safety > ul.event h3 br {
	display: none;
}
#class-safety > ul.event h4 {
	text-align: left; color: rgb(0, 54, 112); line-height: 30px; font-size: 20px;
}
#class-safety > ul.event h5 {
	margin: 15px 0px 0px; text-align: center; line-height: 30px; font-size: 20px;
}
#class-safety > ul.event p {
	margin: 10px 0px 0px;
}
#class-safety > ul.event img {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#class-safety > ul.event div.youtube {
	margin: 30px auto 0px; width: 100%; padding-top: 56.25%; position: relative;
}
#class-safety > ul.event div.youtube iframe {
	top: 0px; width: 100% !important; height: 100% !important; right: 0px; position: absolute;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#class-safety > ul.event {
	padding: 20px;
}
#class-safety > ul.event li:nth-child(2) {
	margin: 30px 0px; width: 100%; float: none;
}
#class-safety > ul.event li:nth-child(3) {
	margin: 30px 0px; width: 100%; float: none;
}
#class-safety > ul.event li:nth-child(4) {
	margin: 30px 0px; width: 100%; float: none;
}
#class-safety > ul.event img {
	width: 100%;
}
}
#class-safety > ul.tab {
	margin: 50px 0px 0px; font-size: 0px; list-style-type: none;
}
#class-safety > ul.tab li {
	margin: 0px 0.5% 0px 0px; width: 24.5%; text-align: center; vertical-align: bottom; display: inline-block;
}
#class-safety > ul.tab li:last-child {
	margin: 0px; width: 25%;
}
#class-safety > ul.tab li a {
	padding: 20px 0px; color: rgb(255, 255, 255); line-height: 1; font-size: 18px; font-weight: bold; text-decoration: none; margin-top: 20px; display: block; position: relative;
}
#class-safety > ul.tab li:nth-child(1) a {
	background-color: rgb(242, 85, 111);
}
#class-safety > ul.tab li:nth-child(2) a {
	background-color: rgb(255, 151, 77);
}
#class-safety > ul.tab li:nth-child(3) a {
	background-color: rgb(102, 204, 102);
}
#class-safety > ul.tab li:nth-child(4) a {
	background-color: rgb(46, 153, 230);
}
#class-safety > ul.tab li a:hover {
	background-color: rgba(0, 0, 0, 0.6);
}
#class-safety > ul.tab li.select a {
	padding: 30px 0px; margin-top: 0px;
}
#class-safety > ul.tab li.select a::after {
	left: 50%; top: 100%; margin-left: -15px; border-top-color: rgb(242, 85, 111); border-right-color: transparent; border-left-color: transparent; border-top-width: 25px; border-right-width: 15px; border-left-width: 15px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute; content: "";
}
#class-safety > ul.tab li:nth-child(1).select a::after {
	border-top-color: rgb(242, 85, 111); border-top-width: 25px; border-top-style: solid;
}
#class-safety > ul.tab li:nth-child(2).select a::after {
	border-top-color: rgb(255, 151, 77); border-top-width: 25px; border-top-style: solid;
}
#class-safety > ul.tab li:nth-child(3).select a::after {
	border-top-color: rgb(102, 204, 102); border-top-width: 25px; border-top-style: solid;
}
#class-safety > ul.tab li:nth-child(4).select a::after {
	border-top-color: rgb(46, 153, 230); border-top-width: 25px; border-top-style: solid;
}
#class-safety > ul.tab li.select a:hover::after {
	border-top-color: rgba(0, 0, 0, 0.6); border-top-width: 25px; border-top-style: solid;
}
#class-safety > ul.tab li a .fa {
	right: 20px; position: absolute;
}
#class-safety > ul.tab li a br {
	display: none;
}
#class-safety > div.disnon {
	display: none;
}
#class-safety > div.content_wrap {
	margin: 30px 0px 0px; padding: 5% 10%; position: relative; background-color: rgb(255, 255, 255);
}
#class-safety > div:nth-of-type(1).content_wrap {
	border: 8px solid rgb(242, 85, 111); border-image: none;
}
#class-safety > div:nth-of-type(2).content_wrap {
	border: 8px solid rgb(255, 151, 77); border-image: none;
}
#class-safety > div:nth-of-type(3).content_wrap {
	border: 8px solid rgb(102, 204, 102); border-image: none;
}
#class-safety > div:nth-of-type(4).content_wrap {
	border: 8px solid rgb(46, 153, 230); border-image: none;
}
#class-safety > div.content_wrap .img01 {
	display: none;
}
#class-safety > div.content_wrap h4 {
	line-height: 30px; font-size: 24px;
}
#class-safety > div:nth-of-type(1).content_wrap h4 {
	color: rgb(242, 85, 111);
}
#class-safety > div:nth-of-type(2).content_wrap h4 {
	color: rgb(255, 151, 77);
}
#class-safety > div:nth-of-type(3).content_wrap h4 {
	color: rgb(102, 204, 102);
}
#class-safety > div:nth-of-type(4).content_wrap h4 {
	color: rgb(46, 153, 230);
}
#class-safety > div.content_wrap p {
	margin: 20px 0px 0px;
}
#class-safety > div.content_wrap p br.pc {
	display: none;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#class-safety > ul.tab li a .fa {
	display: none;
}
#class-safety > div.content_wrap {
	padding: 10%;
}
}
@media screen and (max-width:479px) and (min-width:0px)
{
#class-safety > ul.tab li a br {
	display: block;
}
}
#lesson-titleBG {
	width: 100%; background-color: rgb(242, 85, 111);
}
#lesson-titleBG::after {
	background: url("../../app/images/bg_line.gif") repeat-x left bottom; height: 10px; clear: both; display: block; content: "";
}
#lesson-title {
	margin: 0px auto; padding: 50px 0px; width: 90%; position: relative;
}
#lesson-title > h2 {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 30px;
}
#lesson-title > p {
	margin: 20px 0px 0px; text-align: center; color: rgb(255, 255, 255); line-height: 1; font-size: 14px;
}
#lesson-main1BG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#lesson-main1 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#lesson-main1 > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#lesson-main1 > p {
	margin: 30px auto 0px;
}
#lesson-main1 > ol {
	margin: 30px 0px 0px; border: 8px solid rgb(211, 211, 211); border-image: none; list-style-type: none; background-color: rgb(255, 255, 255);
}
#lesson-main1 > ol::after {
	clear: both; display: block; content: "";
}
#lesson-main1 > ol li {
	padding: 30px; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
#lesson-main1 > ol li h5 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#lesson-main1 > ol li:nth-child(1) h5 {
	color: rgb(242, 85, 111);
}
#lesson-main1 > ol li:nth-child(2) h5 {
	color: rgb(255, 151, 77);
}
#lesson-main1 > ol li:nth-child(3) h5 {
	color: rgb(102, 204, 102);
}
#lesson-main1 > ol li:nth-child(4) h5 {
	color: rgb(46, 153, 230);
}
#lesson-main1 > ol li p {
	margin: 10px 0px 0px;
}
#lesson-main1 > ol li p br {
	display: none;
}
#lesson-main1 > ol li::before {
	height: 115px; clear: both; display: block; content: "";
}
#lesson-main1 > ol li:nth-child(1)::before {
	background: url("../../app/images/step_01.png") no-repeat top;
}
#lesson-main1 > ol li:nth-child(2)::before {
	background: url("../../app/images/step_02.png") no-repeat top;
}
#lesson-main1 > ol li:nth-child(3)::before {
	background: url("../../app/images/step_03.png") no-repeat top;
}
#lesson-main1 > ol li:nth-child(4)::before {
	background: url("../../app/images/step_04.png") no-repeat top;
}
#lesson-main1 > h4 {
	margin: 50px 0px 0px; line-height: 34px; font-size: 24px;
}
#lesson-main1 > ul {
	margin: 20px 0px 0px 25px; list-style-type: disc;
}
#lesson-main1 > ul li {
	margin: 10px 0px 0px;
}
#lesson-main2BG {
	width: 100%; background-color: rgb(247, 243, 233);
}
#lesson-main2 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#lesson-main2 > p a {
	margin: 0px auto; border-radius: 5px; border: 1px solid rgb(255, 75, 71); border-image: none; height: 80px; text-align: center; color: rgb(255, 255, 255); line-height: 80px; font-size: 24px; font-weight: bold; text-decoration: none; display: block; position: relative; max-width: 498px; background-color: rgb(255, 75, 71); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#lesson-main2 > p a:hover {
	border: 1px solid rgb(255, 75, 71); border-image: none; color: rgb(255, 75, 71); background-color: rgb(255, 255, 255);
}
#lesson-main2 > p a .fa {
	top: 27px; right: 27px; position: absolute;
}
@media screen and (max-width:520px) and (min-width:0px)
{
#lesson-main2 > p a {
	font-size: 18px;
}
#lesson-main2 > p a .fa {
	top: 30px;
}
}
@media screen and (max-width:420px) and (min-width:0px)
{
#lesson-main2 > p a {
	height: 60px; line-height: 60px; font-size: 14px;
}
#lesson-main2 > p a .fa {
	display: none;
}
}
#lesson-main2 > h3 {
	margin: 30px 0px 0px; text-align: center; line-height: 28px; font-size: 18px;
}
#lesson-main2 > ul {
	margin: 20px 0px 0px; list-style-type: none;
}
#lesson-main2 > ul li {
	text-align: center;
}
#lesson-main2 > ul li.pc {
	display: none;
}
#lesson-main2 > ul li.mo {
	margin: 10px 0px 0px; display: block;
}
#lesson-main3BG {
	width: 100%; background-image: url("../../app/images/bg_br.gif");
}
#lesson-main3 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#lesson-main3 > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#lesson-main3 > p {
	margin: 30px auto 0px;
}
#lesson-main3 > p.yen {
	padding: 15px 0px; border: 1px solid rgb(211, 211, 211); border-image: none; text-align: center; display: block; max-width: 250px; background-color: rgb(255, 255, 255);
}
#lesson-main3 > p a {
	text-decoration: underline;
}
#guide-titleBG {
	width: 100%; background-color: rgb(239, 140, 213);
}
#guide-titleBG::after {
	background: url("../../app/images/bg_line.gif") repeat-x left bottom; height: 10px; clear: both; display: block; content: "";
}
#guide-title {
	margin: 0px auto; padding: 50px 0px; width: 90%; position: relative;
}
#guide-title > h2 {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 30px;
}
#guide-title > p {
	margin: 20px 0px 0px; text-align: center; color: rgb(255, 255, 255); line-height: 1; font-size: 14px;
}
#guide-main1BG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#guide-main1 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#guide-main1 > h3 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#guide-main1 > p {
	margin: 30px auto 0px;
}
#guide-main1 > ol {
	margin: 30px 0px 0px; border: 8px solid rgb(211, 211, 211); border-image: none; list-style-type: none; background-color: rgb(255, 255, 255);
}
#guide-main1 > ol::after {
	clear: both; display: block; content: "";
}
#guide-main1 > ol li {
	padding: 30px; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
#guide-main1 > ol li h5 {
	text-align: center; line-height: 40px; font-size: 30px;
}
#guide-main1 > ol li:nth-child(1) h5 {
	color: rgb(242, 85, 111);
}
#guide-main1 > ol li:nth-child(2) h5 {
	color: rgb(255, 151, 77);
}
#guide-main1 > ol li:nth-child(3) h5 {
	color: rgb(102, 204, 102);
}
#guide-main1 > ol li:nth-child(4) h5 {
	color: rgb(46, 153, 230);
}
#guide-main1 > ol li p {
	margin: 10px 0px 0px;
}
#guide-main1 > ol li p br {
	display: none;
}
#guide-main1 > ol li::before {
	height: 115px; clear: both; display: block; content: "";
}
#guide-main1 > ol li:nth-child(1)::before {
	background: url("../../app/images/step_01.png") no-repeat top;
}
#guide-main1 > ol li:nth-child(2)::before {
	background: url("../../app/images/step_02.png") no-repeat top;
}
#guide-main1 > ol li:nth-child(3)::before {
	background: url("../../app/images/step_03.png") no-repeat top;
}
#guide-main1 > ol li:nth-child(4)::before {
	background: url("../../app/images/step_04.png") no-repeat top;
}
#guide-main1 > h4 {
	margin: 50px 0px 0px; line-height: 34px; font-size: 24px;
}
#guide-main1 > ul {
	margin: 20px 0px 0px 25px; list-style-type: disc;
}
#guide-main1 > ul li {
	margin: 10px 0px 0px;
}
#guide-main2BG {
	width: 100%; background-color: rgb(247, 243, 233);
}
#guide-main2 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#guide-main2 > p a {
	margin: 0px auto; border-radius: 5px; border: 1px solid rgb(255, 75, 71); border-image: none; width: 498px; height: 80px; text-align: center; color: rgb(255, 255, 255); line-height: 80px; font-size: 24px; font-weight: bold; text-decoration: none; display: block; position: relative; background-color: rgb(255, 75, 71); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#guide-main2 > p a:hover {
	border: 1px solid rgb(255, 75, 71); border-image: none; color: rgb(255, 75, 71); background-color: rgb(255, 255, 255);
}
#guide-main2 > p a .fa {
	top: 27px; right: 27px; position: absolute;
}
#guide-main2 > h3 {
	margin: 0px; text-align: center; line-height: 28px; font-size: 18px;
}
#guide-main2 > ul {
	margin: 20px 0px 0px; list-style-type: none;
}
#guide-main2 > ul li {
	text-align: center;
}
#guide-main2 > ul li.pc {
	display: none;
}
#guide-main2 > ul li.mo {
	margin: 10px 0px 0px; display: block;
}
#about-titleBG {
	width: 100%; background-color: rgb(102, 204, 102);
}
#about-titleBG::after {
	background: url("../../app/images/bg_line.gif") repeat-x left bottom; height: 10px; clear: both; display: block; content: "";
}
#about-title {
	margin: 0px auto; padding: 50px 0px; width: 90%; position: relative;
}
#about-title > h2 {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 30px;
}
#about-title > p {
	margin: 20px 0px 0px; text-align: center; color: rgb(255, 255, 255); line-height: 1; font-size: 14px;
}
#about-main1BG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#about-main1 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#about-main1 > ul.bxslider {
	list-style-type: none;
}
#about-main1 > h3 {
	margin: 30px 0px 0px; text-align: center;
}
#about-main1 > p {
	margin: 30px auto 0px;
}
#about-main1 > ol {
	margin: 30px 0px 0px; border: 8px solid rgb(106, 184, 238); border-image: none; display: flex; list-style-type: none; flex-wrap: wrap; background-color: rgb(255, 255, 255); -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
#about-main1 > ol::after {
	clear: both; display: block; content: "";
}
#about-main1 > ol li {
	width: calc(100% /3 - 1px); border-right-color: rgb(106, 184, 238); border-right-width: 1px; border-right-style: solid; float: left;
}
#about-main1 > ol li:last-child {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#about-main1 > ol li p {
	margin: 0px 45px 30px;
}
#about-main1 > ol li::before {
	margin: 30px 0px 0px; height: 90px; clear: both; display: block; content: "";
}
#about-main1 > ol li:nth-child(1)::before {
	background: url("../../app/images/about_point_01.png") no-repeat top;
}
#about-main1 > ol li:nth-child(2)::before {
	background: url("../../app/images/about_point_02.png") no-repeat top;
}
#about-main1 > ol li:nth-child(3)::before {
	background: url("../../app/images/about_point_03.png") no-repeat top;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#about-main1 > ol li {
	width: 100%; border-bottom-color: rgb(106, 184, 238); border-bottom-width: 1px; border-bottom-style: solid; float: none;
}
#about-main1 > ol li p {
	margin: 0px 30px 30px;
}
}
#about-main2BG {
	width: 100%; background-color: rgb(231, 245, 255);
}
#about-main2 {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#about-main2 > h3 {
	color: rgb(242, 85, 111); line-height: 40px; font-size: 30px;
}
#about-main2 > h3 br {
	display: none;
}
#about-main2 > p {
	margin: 30px 0px 0px;
}
#about-main2 > ul {
	margin: 20px 0px 0px; list-style-type: none;
}
#about-main2 > ul::after {
	clear: both; display: block; content: "";
}
#about-main2 > ul li {
	margin: 0px; text-align: center; position: relative;
}
#top-classBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#top-class {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#top-class > h2 {
	text-align: center; color: rgb(0, 54, 112); line-height: 1.2; font-size: 30px;
}
#top-class > h2.pp {
	margin: 20px 0px 0px; font-size: 14px; font-weight: normal;
}
#top-class > p.read {
	margin: 30px 0px 0px; text-align: left;
}
#top-class > p.read br {
	display: none;
}
#top-class > ul.tab {
	margin: 50px 0px 0px; font-size: 0px; list-style-type: none;
}
#top-class > ul.tab li {
	margin: 0px 0.5% 0px 0px; width: 49.5%; text-align: center; vertical-align: bottom; display: inline-block;
}
#top-class > ul.tab li:last-child {
	margin: 0px;
}
#top-class > ul.tab li br {
	display: none;
}
#top-class > ul.tab li a {
	padding: 20px 0px; color: rgb(255, 255, 255); line-height: 1.2; font-size: 24px; font-weight: bold; text-decoration: none; margin-top: 20px; display: block; position: relative; background-color: rgb(0, 54, 112);
}
#top-class > ul.tab li a:hover {
	background-color: rgb(242, 85, 111);
}
#top-class > ul.tab li.select a {
	padding: 30px 0px; margin-top: 0px; position: relative; background-color: rgb(242, 85, 111);
}
#top-class > ul.tab li.select a::after {
	left: 50%; top: 100%; margin-left: -15px; border-top-color: rgb(242, 85, 111); border-right-color: transparent; border-left-color: transparent; border-top-width: 25px; border-right-width: 15px; border-left-width: 15px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute; content: "";
}
#top-class > ul.tab li a .fa {
	right: 40px; position: absolute;
}
@media screen and (max-width:767px) and (min-width:580px)
{
#top-class > ul.tab li a {
	font-size: 18px;
}
#top-class > ul.tab li a .fa {
	right: 20px;
}
}
@media screen and (max-width:579px) and (min-width:0px)
{
#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 {
	margin: 25px 0px 0px; display: flex; list-style-type: none; flex-wrap: wrap;
}
#top-class > div.content_wrap ul::after {
	clear: both; display: block; content: "";
}
#top-class > div.content_wrap li {
	margin: 5px 1% 0px 0px; border-radius: 10px; width: 24%; color: rgb(255, 255, 255); line-height: 18px; overflow: hidden; font-size: 12px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
#top-class > div.content_wrap li img {
	width: 100%;
}
#top-class > div.content_wrap li div {
	width: 100%; overflow: hidden; position: relative;
}
#top-class > div.content_wrap li div figcaption {
	transition:0.2s; left: 0px; width: 100%; height: 100%; text-align: center; bottom: -100%; font-size: 16px; position: absolute; z-index: 2; opacity: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;
}
#top-class > div.content_wrap li div figcaption span {
	left: 50%; top: 50%; white-space: nowrap; position: absolute; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);
}
#top-class > div.content_wrap li div figcaption .fa {
	margin: 0px 0px 0px 5px;
}
#top-class > div.content_wrap li a {
	border-radius: 10px; width: 100%; height: 100%; color: rgb(255, 255, 255); text-decoration: none; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
#top-class > div.content_wrap li a:hover figcaption {
	background: rgba(0, 0, 0, 0.6); left: 0px; bottom: 0px;
}
#top-class > div.content_wrap li a:hover {
	background: rgba(0, 0, 0, 0.6); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
#top-class > div.content_wrap li.t h3 {
	text-align: center; line-height: 26px; font-size: 16px;
}
#top-class > div.content_wrap li.t p {
	margin: 5px 15px 0px; line-height: 14px; font-size: 11px;
}
#top-class > div.content_wrap li.s h4 {
	margin: 0px 10px; padding: 7px 0px; text-align: center; line-height: 20px; font-size: 14px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: dotted;
}
#top-class > div.content_wrap li.s h5 {
	padding: 7px 0px; text-align: center; line-height: 14px; font-size: 11px; font-weight: normal;
}
#top-class > div.content_wrap li.listB {
	background-color: rgb(46, 153, 230);
}
#top-class > div.content_wrap li.listG {
	background-color: rgb(102, 204, 102);
}
#top-class > div.content_wrap li.listO {
	background-color: rgb(255, 151, 77);
}
#top-class > div.content_wrap li.listR {
	background-color: rgb(242, 85, 111);
}
@media screen and (max-width:839px) and (min-width:640px)
{
#top-class > div.content_wrap li {
	width: 32%;
}
}
@media screen and (max-width:639px) and (min-width:420px)
{
#top-class > div.content_wrap li {
	width: 49%;
}
}
@media screen and (max-width:419px) and (min-width:0px)
{
#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 {
	margin: 0px 10px; line-height: 14px; font-size: 10px;
}
#top-class > div.content_wrap li.s h4 {
	line-height: 14px; font-size: 10px;
}
#top-class > div.content_wrap li.s p {
	line-height: 14px; font-size: 10px;
}
}
#top-projectBG {
	width: 100%; background-color: rgb(0, 54, 112);
}
#top-project {
	margin: 0px auto; padding: 50px 0px; width: 90%; position: relative;
}
#top-project > h2 {
	text-align: center; color: rgb(255, 227, 36); line-height: 1.2; font-size: 30px;
}
#top-project > h2.pp {
	margin: 20px 0px 0px; font-size: 14px; font-weight: normal;
}
#top-project > p.read {
	margin: 30px 0px 0px; color: rgb(255, 255, 255);
}
#top-project > p.read br {
	display: none;
}
#top-project > div.imgL {
	display: none;
}
#top-project > div.imgR {
	display: none;
}
#top-project > ul {
	margin: 30px 0px 0px; list-style-type: none;
}
#top-project > ul::after {
	clear: both; display: block; content: "";
}
#top-project > ul li {
	margin: 0px 5% 0px 0px; width: 30%; float: left;
}
#top-project > ul li:last-child {
	margin: 0px;
}
#top-project > ul li img {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#top-project > ul li h3 {
	margin: 15px 0px 0px; text-align: center; color: rgb(255, 255, 255); line-height: 34px; font-size: 24px;
}
#top-project > ul li p {
	margin: 10px auto 0px; color: rgb(255, 255, 255);
}
#top-project > ul li a {
	margin: 15px auto 0px; border-radius: 5px; border: 1px solid rgb(255, 227, 36); border-image: none; height: 48px; text-align: center; color: rgb(0, 54, 112); line-height: 48px; font-size: 16px; font-weight: bold; text-decoration: none; display: block; position: relative; max-width: 298px; background-color: rgb(255, 227, 36); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#top-project > ul li a:hover {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(0, 54, 112); background-color: rgb(255, 255, 255);
}
#top-project > ul li a .fa {
	top: 16px; right: 18px; position: absolute;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#top-project > ul li {
	margin: 50px 0px 0px; width: auto; text-align: center; float: none;
}
#top-project > ul li:last-child {
	margin: 50px 0px 0px; width: auto; text-align: center; float: none;
}
#top-project > ul li img {
	width: 100%;
}
#top-project > ul li p {
	text-align: left;
}
}
#top-aboutBG {
	width: 100%; background-color: rgb(255, 227, 36);
}
#top-about {
	margin: 0px auto; padding: 50px 0px; width: 90%;
}
#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) {
	margin: 30px 0px 0px; width: 100%; padding-top: 56.25%; position: relative;
}
#top-about > ul li:nth-child(1) iframe {
	top: 0px; width: 100% !important; height: 100% !important; right: 0px; position: absolute;
}
#top-about > ul li:nth-child(2) {
	margin: 30px 0px 0px;
}
#top-about > ul li:nth-child(2) a {
	margin: 30px auto 0px; border-radius: 5px; border: 1px solid rgb(0, 54, 112); border-image: none; height: 48px; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 16px; font-weight: bold; text-decoration: none; display: block; position: relative; max-width: 298px; background-color: rgb(0, 54, 112); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#top-about > ul li:nth-child(2) a:hover {
	border: 1px solid rgb(0, 54, 112); border-image: none; color: rgb(0, 54, 112); background-color: rgb(255, 255, 255);
}
#top-about > ul li:nth-child(2) a .fa {
	top: 16px; right: 18px; position: absolute;
}
#top-newsBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#top-news {
	margin: 0px auto; padding: 0px 0px 50px; width: 90%;
}
#top-news::after {
	clear: both; display: block; content: "";
}
#top-news > div.leftB ul {
	list-style-type: none;
}
#top-news > div.leftB li {
	margin: 20px 0px 0px; text-align: center;
}
#top-news > div.rightB {
	padding: 50px 0px 0px; clear: both;
}
#top-news > div.rightB h2 {
	color: rgb(0, 54, 112); line-height: 1; font-size: 20px;
}
#top-news > div.rightB h2 a {
	font-size: 14px; float: right;
}
#top-news > div.rightB h2 .fa {
	margin: 0px 0px 0px 5px;
}
#top-news > div.rightB ul {
	margin: 20px 0px 0px; border-top-color: rgb(153, 153, 153); border-top-width: 1px; border-top-style: dotted; list-style-type: none;
}
#top-news > div.rightB ul::after {
	clear: both; display: block; content: "";
}
#top-news > div.rightB li {
	padding: 15px 0px; line-height: 24px; font-size: 14px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: dotted;
}
#top-news > div.rightB li::after {
	clear: both; display: block; content: "";
}
#top-news > div.rightB li div.day {
	width: 14%; float: left;
}
#top-news > div.rightB li div.news {
	width: 14%; text-align: center; color: rgb(255, 255, 255); float: left; background-color: rgb(255, 151, 77);
}
#top-news > div.rightB li div.media {
	width: 14%; text-align: center; color: rgb(255, 255, 255); float: left; background-color: rgb(46, 153, 230);
}
#top-news > div.rightB li div.tsubo {
	width: 14%; text-align: center; color: rgb(255, 255, 255); float: left; background-color: rgb(102, 204, 102);
}
#top-news > div.rightB li a {
	margin: 0px 0px 0px 2%; width: 70%; float: left; display: block;
}
@media screen and (max-width:767px) and (min-width:0px)
{
#top-news > div.rightB li div.day {
	width: auto;
}
#top-news > div.rightB li div.news {
	margin: 0px 0px 0px 10px; padding: 0px 15px; width: auto;
}
#top-news > div.rightB li div.media {
	margin: 0px 0px 0px 10px; padding: 0px 15px; width: auto;
}
#top-news > div.rightB li div.tsubo {
	margin: 0px 0px 0px 10px; padding: 0px 15px; width: auto;
}
#top-news > div.rightB li a {
	margin: 10px 0px 0px; width: 100%;
}
}
#top-sliderBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif");
}
#top-slider {
	margin: 0px auto; width: 100%; height: auto; overflow: hidden; position: relative;
}
#top-slider .slick-prev::before {
	content: "";
}
#top-slider .slick-next::before {
	content: "";
}
#top-slider .slick-next {
	width: 29px; height: 46px; right: 40px;
}
#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 {
	color: rgb(0, 54, 112); font-size: 12px;
}
#top-slider .slick-dots li button::before {
	color: rgb(0, 54, 112); font-size: 12px;
}
#banerBG {
	width: 100%; clear: both; background-image: url("../../app/images/bg_w.gif");
}
#baner {
	margin: 0px auto; padding: 40px 0px 50px; width: 90%;
}
#baner > ul {
	list-style-type: none;
}
#baner > ul::after {
	clear: both; display: block; content: "";
}
#baner > ul li {
	margin: 10px 2% 0px 0px; width: 49%; float: left;
}
#baner > ul li:nth-child(2n) {
	margin: 10px 0px 0px; text-align: left;
}
#baner > ul li:nth-child(2n+1) {
	text-align: right; clear: both;
}
@media screen and (max-width:479px) and (min-width:0px)
{
#baner > ul li {
	margin: 10px 0px 0px; width: 100%; float: none;
}
#baner > ul li:nth-child(2n) {
	text-align: center;
}
#baner > ul li:nth-child(2n+1) {
	text-align: center;
}
}
#footerBG {
	width: 100%; clear: both; background-color: rgb(255, 222, 42);
}
#footerBG::before {
	background: url("../../app/images/bg_line.gif") repeat-x left bottom; height: 10px; clear: both; display: block; content: "";
}
#footer {
	margin: 0px auto; text-align: center;
}
#footer > ul.fnav {
	list-style-type: none;
}
#footer > ul.fnav li {
	line-height: 1; font-size: 16px; border-bottom-color: rgb(216, 192, 30); border-bottom-width: 1px; border-bottom-style: solid;
}
#footer > ul.fnav li a {
	padding: 15px 0px; text-decoration: none; display: block;
}
#footer > ul.fnav li a:hover {
	text-decoration: none; background-color: rgb(255, 255, 255);
}
#footer > ul.fsub {
	list-style-type: none;
}
#footer > ul.fsub li {
	line-height: 1; font-size: 16px; border-bottom-color: rgb(216, 192, 30); border-bottom-width: 1px; border-bottom-style: solid;
}
#footer > ul.fsub li a {
	padding: 15px 0px; text-decoration: none; display: block;
}
#footer > ul.fsub li a:hover {
	text-decoration: none; background-color: rgb(255, 255, 255);
}
#footer > p {
	padding: 20px 0px; line-height: 1; font-size: 10px;
}
#headerBG {
	width: 100%; background-image: url("../../app/images/bg_w.gif"); background-color: rgb(255, 255, 255);
}
#header {
	margin: 0px auto; width: 90%; height: 80px; position: relative;
}
#header > h1 {
	left: 0px; top: 15px; text-align: center; right: 0px; position: absolute;
}
#header > #hsub {
	display: none;
}
#header > #hnav {
	display: none;
}
#header > span.button {
	padding: 5px 7px; border-radius: 4px; border: 1px solid rgb(0, 54, 112); transition:0.2s; border-image: none; top: 23px; color: rgb(255, 255, 255); line-height: 1; font-size: 24px; display: inline-block; position: relative; z-index: 10; cursor: pointer; background-color: rgb(0, 54, 112); -webkit-transition: all 0.2s ease;
}
#header > span.button:hover {
	border: 1px solid rgb(0, 54, 112); border-image: none; color: rgb(0, 54, 112); background-color: rgb(255, 255, 255);
}
@media screen and (max-width:479px) and (min-width:0px)
{
#header {
	height: 60px;
}
#header > h1 {
	top: 15px;
}
#header > h1 img {
	max-width: 180px;
}
#header > span.button {
	top: 12px;
}
}
[canvas=container] {
	padding: 0px;
}
[off-canvas] {
	padding: 0px;
}
[class*=js-] {
	cursor: pointer;
}
[off-canvas] {
	background-color: rgb(0, 54, 112);
}
[off-canvas] h3 {
	padding: 15px 10px;
}
[off-canvas] ul {
	margin: 2px 0px; padding: 0px; border-top-color: rgb(53, 92, 127); border-top-width: 1px; border-top-style: solid; display: block; list-style-type: none;
}
[off-canvas] ul li {
	border-bottom-color: rgb(53, 92, 127); border-bottom-width: 1px; border-bottom-style: solid;
}
[off-canvas] ul li a {
	padding: 15px 20px; transition:0.2s ease-in-out; color: rgb(255, 255, 255); line-height: 1; font-size: 14px; text-decoration: none; display: block; -webkit-transition: all 0.2s ease-in-out 0s;
}
[off-canvas] ul li a:hover {
	color: rgb(0, 54, 112); background-color: rgb(255, 255, 255);
}
[off-canvas] p {
	padding: 10px 10px 0px; text-align: right;
}