@charset "UTF-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ヘッダー*/



@media screen and (min-width: 769px) and (max-width: 1024px) {

	#header header .main-nav ul{
	    margin-top: 2.9296875vw;
	}

	#header header .main-nav ul li.menuContactBtn:before{
	    top: -2vw;
	}

	#header2{
		height: 6.94444444vw;
	}

	#header2 header .main-nav ul{
	    margin-top: 2.5vw;
	}

	#header2 header .main-nav ul li.menuContactBtn:before{
	    top: -2vw;
	}

	#content .contentInner {
	    margin: 150px auto 0;
	}

	#singleContent  .singleContentInner .pageNation{
	    width: auto;
	}

	#singleContent {
	    padding-top: 100px;
	}

	#singleContent .singleContentInner {
	    width: 80vw;
	}


	#newsContents {
	    width: 75vw;
	    margin: 0 auto;
	}

	#newsContents ul.newsList::before {
	    width: 23.98vw;
	}

	#newsContents ul.newsList::after {
	    width: 23.98vw;
	}

	li.newsBox {
	    margin-bottom: 1.19904vw;
	}

	li.newsBox a {
	    padding: 1vw;
	    margin: 0 1vw 0 0;
	    width: 23.98vw;
	    height: 17.0263vw;
	}

	li.newsBox div.noMainTxt {
	    padding: 1vw;
	    margin: 0 1vw 0 0;
        width: 23.98vw;
	    height: 17.0263vw;
	}

	li.newsBox a div.newsBtn:after {
	    background-size: cover;
	    width: 30px;
	    height: 30px;
	    margin-left: 30px;
	}	

	#traialLessonWap .traialLessonWap .traialLessonContents .traialLessonBox .traialLessonBtn a{
		/* 9px @ 769px increasing to 11px @ 1024px */
/*		font-size: calc(0.5625rem + ((1vw - 7.69px) * 0.7843)) !important;*/
		/* 9px @ 769px increasing to 12px @ 1024px */
        font-size: calc(0.5625rem + ((1vw - 7.69px) * 1.1765)) !important;
		/* Note: The calc base value (0.5625rem) MUST be stated in REM to maintain accessibility */
		/* Where: 0.7843 = 100 * font-size_difference / viewport_width_difference */
	}

	#contactWap #contactBox .traialLessonBtn a{
		/* 9px @ 769px increasing to 10px @ 1024px */font-size: calc(0.5625rem + ((1vw - 7.69px) * 0.3922)) !important;
		/* Note: The calc base value (0.5625rem) MUST be stated in REM to maintain accessibility */
		/* Where: 0.3922 = 100 * font-size_difference / viewport_width_difference */
	}

	#contactWap #contactBox .aboutContact dt{
		/* 9px @ 769px increasing to 12px @ 1024px */
		font-size: calc(0.5625rem + ((1vw - 7.69px) * 1.1765)) !important;
		/* Note: The calc base value (0.5625rem) MUST be stated in REM to maintain accessibility */
		/* Where: 1.1765 = 100 * font-size_difference / viewport_width_difference */
	}

	#contactWap #contactBox .aboutContact dd{
		/* 7px @ 769px increasing to 9px @ 1024px */
		font-size: calc(0.4375rem + ((1vw - 7.69px) * 0.7843)) !important;
		/* Note: The calc base value (0.4375rem) MUST be stated in REM to maintain accessibility */
		/* Where: 0.7843 = 100 * font-size_difference / viewport_width_difference */
	}


	#contactWap #contactBox .aboutContact dd span {
	    padding-bottom: 0px !important;
	}

}


/*タブレット用*/
@media screen and (max-width: 768px) {

	header {
		width: 100%;
	}

	.floatL {
		float: none;
	}

	.floatR {
		float: none;
	}

	img {
		width: 100%;
		height: auto;

	}

	.tablet {
		display: block;
	}

	.spn{
		display: none;
	}

	.pc {
		display: none;
	}

	#fixPagetop{
		width: 56px;
		position: absolute;
		bottom: 10px !important;
		right: 10px !important;
/*		z-index: 40 !important;*/
	}

	#fixPagetop img{
		width: 56px;
		height:56px;
	}

	/*footer下部固定*/
	html,body{
	     height:100%;
	}
	#wrap{
	     width: 100%;
	     position: relative;
	     height:auto !important; /*IE6対策*/
	     height: 100%; /*IE6対策*/
	     min-height: 100%;
	     border-top: none;
	}

/*	#continer{
	     padding-bottom:30px; フッターの高さと同じ
	}*/
	/*#footer{
	     position:absolute;
	     bottom:0;
	     padding-top: 0;
	}*/




	/* INNER
	------------------------------------------------------------------------------*/

	#headerInner,
	#gNav,
	#mainVisualInner,
	#content,
	#footerInner {
		width: 100%;
		margin: 0 auto;
	}

	#content {
		float: none;
		width: 100%;
	    background-image: url(../img/common/school_top_bg_spn.png);
        margin: 200px auto 0;
	}


	/* HEADER
	------------------------------------------------------------------------------*/

	#header header #headerInner #site-title {
		/*width: 214px;
		height: 92px;*/
        /*width: 70vw;
        height: 30vw;*/
        width: 52.9947917vw;
        height: 23.046875vw;
		margin-right: 100px;
		background: url( ../img/header/logo_spn.png ) no-repeat center;
	    background-size: cover;
		padding: 0;
		margin: 0 auto;
		border-bottom: none;
	}

	#header header #headerInner #site-title span {
		display: block;
		width: 214px;
		height: 92px;
		text-indent: -9999px;
		overflow: hidden;
	}

/*	header {
		margin-top: 40px;
		border-top: solid 0;
		background-repeat: repeat-x;
		min-width:300px;
		width: 100%;
	}

	#header_new header {
		margin-top: 40px;
		border-top: solid 0;
		background-repeat: repeat-x;
		min-width:300px;
		width: 100%;
	}

	#headerInner {
		height: auto;
	}

	#site-title {
		float: none;
		margin-top: 12px;
		width: 80%;
		margin: 20px auto;
	}

	#selectLangJa {
		background-image: url(../img/header/langja.png);
		float: none;
		height: 38px;
		width: 198px;
		margin-top: 16px;
		margin: 5px auto;
	}

	#selectLangJa a {
		text-indent: -9999px;
		display: block;
		float: right;
		height: 38px;
		width: 93px;
	}


	#telHeader {
		float: none;
		margin-bottom: 0;
		background: #db0000;
		width: 100%;
		height: auto;
		color: #fff;
		line-height: 25px;
		text-align: center;
		font-size: 10px;
	}

	#telHeader_new {
		display: block;
		float: none;
		margin-bottom: 0;
		background: #e3007e;
		width: 100%;
		height: auto;
		color: #fff;
		line-height: 25px;
		text-align: center;
		font-size: 16px;
	}

	#telHeader span{
		display: block;
		font-weight: bold;
		font-size: 25px;
		line-height: 1.5;
	}

	#telHeader_new span{
		display: block;
		font-weight: bold;
		font-size: 25px;
		line-height: 1.5;
	}


	#contactNotice {
		float: none;
		width: 100%;
	}

	.telUrl{
	cursor: default;
    color: #fff;
    }*/

	/* GLOBAL NAVIGATION
	------------------------------------------------------------------------------*/
/*	#navBlock {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
	}*/


/*	#spn-navBt {
		font-size: 25px;
		background: #888888;
		color: #fff;
		line-height: 40px;
		padding: 0 5px;
		text-align: right;
		position: relative;
	}*/

/*	#main-nav {
		display: block;
		width: 100%;
	}

	#main-nav ul{
		padding-top: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
		border-left: 0;
		display: block;
		font-size: 18px;
		background: #ababab;
	}
*/
/*	#main-nav li {
		flex-grow: 1;
		border-right: 0;
		border-bottom: dotted #fff 1px;
	}

	#main-nav a{
		color: #fff;
		text-align: center;
		display: block;
		line-height: 2;
		border-bottom:: 0;
	}*/

	/*#main-nav a:hover{
		color: #fff;
		text-decoration: none;
		border-bottom: 0;
	}

	#main-nav a.current{
		display: none;
	}*/



	/*.closeBt {
		text-align: right;
		font-size: 20px;
		background: #ababab;
		color: #fff;
		line-height: 40px;
		padding: 0 5px;
	}

	a.lesson_link {
		position: absolute;
		left: 0;
		font-size: 14px;
		margin-top: 7px;
		margin-left: 1%;
		height: 26px;
		padding: 0 1.5%;
		border-radius: 7px;
		background: #ff0000;
		line-height: 28px;
		color: #ffffff;
	}

	a.lesson_link:hover {
		color: #ffffff;
	}

	a.lesson_link_new {
		position: absolute;
		left: 0;
		font-size: 14px;
		margin-top: 7px;
		margin-left: 1%;
		height: 26px;
		padding: 0 1.5%;
		border-radius: 7px;
		background: #e3007e;
		line-height: 28px;
		color: #ffffff;
	}

	a.lesson_link_new:hover {
		color: #ffffff;
	}*/

	/* GLOBAL NAVIGATIONtest
	------------------------------------------------------------------------------*/
	#navBlock {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
	}

	#navBlock .tablet-navBt {
/*		font-size: 25px;*/
/*        width: 60px;*/
        width: 10vw;
/*        width: 14.9739583vw;*/
		background: none;
		color: #888;
		line-height: 40px;
		padding: 0 5px;
		text-align: right;
		position: fixed;
        right: 5px;
        top: 10px;
        z-index: 1010;
	}

	#navBlock .tablet-navBt img.open{
		display: block;
		transition: 1s;
		position: relative;
		z-index: 1010;
	}

	#navBlock .tablet-navBt img.close{
		display: none;
		transition: 1s;
		position: relative;
		z-index: 1010;
	}

	#navBlock .on img.open{
		display: none;
		transition: 1s;
		position: relative;
		z-index: 1010;
	}

	#navBlock .on img.close{
		display: block;
		transition: 1s;
		position: relative;
		z-index: 1010;
	}

	#navBlock .tablet-navBt + #main-nav{
		position: fixed;
		top: 0;
		right: 0;
		width: 300px;
		height: 100%;
		background-color: #ffe400;
		border-radius: 25px 0 0 25px;
		transition: all 1s;
		transform: translateX(55vw);
/*		z-index: -1;*/
		z-index: 1000;
		display: block;
	}

	#navBlock .on + #main-nav{
		transform: translateX(0px);
		display: block;
		width: 55vw;
	}

	#navBlock #main-nav ul li:nth-of-type(even){
		background-color: #fff280;
	}

	#navBlock #main-nav ul li:nth-of-type(odd){
		background-color: #fffacc;
	}

	#navBlock #main-nav ul li.menu_display_short{
		margin: 0;
	}

	#navBlock #main-nav ul li{
/*		padding: 3.90625vw;*/
        padding: 2.90625vw 3.90625vw;
	}

	#navBlock #main-nav ul li a{
		color: #231815;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		line-height: 1.5;
		/* 25px @ 666px increasing to 29px @ 768px */
		font-size: calc(1.5625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.5625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
	}

	#navBlock #main-nav ul li a:before{
		content: "";
		display: block;
		width: 3.90625vw;
        height: 3.90625vw;
        margin-right: 1vw;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../img/common/menu_arrow.png);
	}

	#navBlock #main-nav ul li a:hover:before{
		transition: 1s;
		background-image: url(../img/common/menu_arrow_hover.png);
	}

	#navBlock #main-nav ul li.menuContactBtn{
		background: none;
        position: absolute;
        bottom: 32.5520833vw;
        padding: 0 5.10351562vw;
	}

	#navBlock #main-nav ul li.menuContactBtn:before {
	    content: "＼無料体験レッスン・資料請求の／";
	    display: block;
	    text-align: center;
	    /* 16px @ 666px increasing to 19px @ 768px */
	    font-size: calc(1rem + ((1vw - 6.66px) * 2.9412));
	    /* Note: The calc base value (1rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 2.9412 = 100 * font-size_difference / viewport_width_difference */
	}

	#navBlock #main-nav ul li.menuContactBtn a {
	    /* 22px @ 666px increasing to 25px @ 768px */
	    font-size: calc(1.375rem + ((1vw - 6.66px) * 2.9412));
	    /* Note: The calc base value (1.375rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 2.9412 = 100 * font-size_difference / viewport_width_difference */
	    background-color: #20383f;
	    border-radius: 100px;
	    padding: 2.60416667vw;
	    display: flex;
	    align-items: center;
	    text-decoration: none;
	    color: #fff;
	}

	#navBlock #main-nav ul li.menuContactBtn a:before {
	    content: "";
	    display: inline-block;
	    background-image: url(../img/common/top_header_mail_icon.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    width: 4.94791667vw;
	    height: 3.64583333vw;
	    margin-right: 3.90625vw;
	}

	#navBlock #main-nav ul li.menuContactBtn a:after {
	    content: "";
	    display: inline-block;
	    background-image: url(../img/common/top_header_mailArrow_icon.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    width: 6.51041667vw;
	    height: 6.51041667vw;
	    margin-left: 4.42708333vw;
	}


	#drowerInner{
		position: absolute;
		bottom: 0;
        left: 50%;
        transform: translateX(-50%);
	}

	#drowerInner #site-title{
        width: 46.875vw;
        height: 30.46875vw;
        margin-right: 100px;
        background: url(../img/common/drowerMenu_logo_new.png) no-repeat center;
        background-size: cover;
        padding: 0;
        margin: 0 auto;
        border-bottom: none;
        position: relative;
	}

    #drowerInner #site-title span {
        display: block;
        /*text-indent: -9999px;
        overflow: hidden;*/
        font-size: 10px;
        color: #20383f;
        position: absolute;
        bottom: 1.5625vw;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }

	#wrap .main-nav_new {
		display: none;
		width: 100%;
	}

	#wrap .main-nav_new ul{
		padding-top: 0;
		width: 100%;
        height: auto;
/*        height: 80dvh;*/
		margin: 15vw auto 0;
		border-left: 0;
		display: block;
		font-size: 18px;
/*		background: #ffe400;*/
	}

	#wrap .main-nav_new li {
		flex-grow: 1;
		border-right: 0;
		border-bottom: dotted #fff 1px;
	}

	#wrap .main-nav_new a{
		color: #fff;
		text-align: center;
		display: block;
		line-height: 2;
		border-bottom:: 0;
	}

	#wrap .main-nav_new a:hover{
		color: #fff;
		text-decoration: none;
		border-bottom: 0;
	}

	/*#wrap .main-nav_new a.current{
		display: none;
	}*/
/*
	#wrap .main-nav_new2 {
		display: none;
		width: 100%;
	}

	#wrap .main-nav_new2 ul{
		padding-top: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
		border-left: 0;
		display: block;
		font-size: 18px;
		background: #ababab;
	}

	#wrap .main-nav_new2 li {
		flex-grow: 1;
		border-right: 0;
		border-bottom: dotted #fff 1px;
	}

	#wrap .main-nav_new2 a{
		color: #fff;
		text-align: center;
		display: block;
		line-height: 2;
		border-bottom:: 0;
		width: 200px;
	}

	#wrap .main-nav_new2 a:hover{
		color: #fff;
		text-decoration: none;
		border-bottom: 0;
	}

	#wrap .main-nav_new2 a.current{
		display: none;
	}



	.closeBt {
		text-align: right;
		font-size: 20px;
		background: #ababab;
		color: #fff;
		line-height: 40px;
		padding: 0 5px;
	}

	a.lesson_link {
		position: absolute;
		left: 0;
		font-size: 14px;
		margin-top: 7px;
		margin-left: 1%;
		height: 26px;
		padding: 0 1.5%;
		border-radius: 7px;
		background: #ff0000;
		line-height: 28px;
		color: #ffffff;
	}

	a.lesson_link:hover {
		color: #ffffff;
	}

	a.lesson_link_new {
		position: absolute;
		left: 0;
		font-size: 14px;
		margin-top: 7px;
		margin-left: 1%;
		height: 26px;
		padding: 0 1.5%;
		border-radius: 7px;
		background: #e3007e;
		line-height: 28px;
		color: #ffffff;
	}

	a.lesson_link_new:hover {
		color: #ffffff;
	}*/


	/* continer
	------------------------------------------------------------------------------*/

	#continer {
		width: 100%;
		margin: 0 auto;
		padding-top: 300px;
	}

	#continer h2{
		background: url(../img/common/hbg.png) left no-repeat;
		line-height: 20px;
		height: auto;
		font-size: 13px;
		border-bottom: solid #db0000 3px;
		padding-left: 30px;
		padding-bottom: 4px;
		margin: 10px 0;
		vertical-align: bottom;
	}

	#continer .right_detail {
	    width: auto;
			float: none;
			margin-bottom: 30px;
			margin: 0;
	}

	#continer .form_between img{
		display: block;
		width: 234px;
		height: 40px;
	}

	#continer .btn_lesson{
		display: block;
	}


	#school_btn {
	    /* float: left; */
	    display: block;
			width: auto;
	}

	#continer #school_btn li{
	    display: block;
		float: none;
		width: auto;
	}

	#continer #school_btn li a {
		display: block;
	}

	#continer .contact_form .form_between {
	    display: block;
	    max-width: unset;
	}


	/*追加変更用*/

	.spn_display_none{
		display: none;
	}

	/*追加変更用*/

	#contentTitle {
	    width: 70%;
	    margin: 0 auto;
	    padding-bottom: 100px;
	}

	#contentTitle h1 img {
	     width: 100%; 
	     max-width: max-content;
	}

	#continer .breadcrumbs{
		position: absolute;
		right: 0;
		top: 650px;
		background-color: #fff;
		border-radius: 25px 0 0 25px;
		padding: 10px 20px;
	    /* 10px @ 666px increasing to 13px @ 768px */
	    font-size: calc(0.625rem + ((1vw - 6.66px) * 2.9412));
	    /* Note: The calc base value (0.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 2.9412 = 100 * font-size_difference / viewport_width_difference */
	}

	#continer .chofu_Breadcrumbs .breadcrumbs{
		top: 750px;
	}

	#continer .breadcrumbs:before{
		width: 30.46875vw;
        height: 13.1510417vw;
        top: -13.671875vw;
	    right: 10px;
	}

	#continer .breadcrumbs img{
		padding: 0 10px;
		width: auto;
	}

	#content .contentInner {
	    width: auto;
	    margin: 150px auto 0;
	}

	#content .contentInner .contentTxt #chouyouji > div {
	    width: auto !important;
	}

	#content .contentInner .contentTxt #chouyouji div:has(> .right_detail) {
	    width: auto !important;
	}

	#content .contentInner .contentTxt .flex_space_between .right_detail {
	    width: auto !important;
	}

	#content .contentInner .contentTxt #youji > div {
	    width: auto !important;
	}

	#content .contentInner .contentTxt #youji > .right_detail {
	    width: auto !important;
	}

	#content .contentInner .contentTxt #shougakusei > div {
	    width: auto !important;
	}

	#content .contentInner .contentTxt #shougakusei > .right_detail {
	    width: auto !important;
	}

	#content .contentInner .contentTxt .flex_space_between > div {
	    width: auto;
	}

	#contentTitle h1 span.enTitle{
		font-size: 24px;
		margin-bottom: 10px;
	}

	#singleContent {
		background-image: url(../img/common/school_top_bg_spn.png);
		padding-top: 200px;
		margin-top: 200px;
	}

	#singleContent .singleContentInner{
		width: 95%;
		max-width: unset;
		padding: 20px;
	}


	#singleContent  .singleContentInner .date{
		font-size: 16px;
		color: #19cfe5;
	 	font-family: "Josefin Sans", serif !important;
		font-weight: 400;
		font-style: normal;
		padding: 0.78125vw 0.78125vw 0;
	}

	#singleContent  .singleContentInner h1.newsMainTitle{
		font-family: 'Noto Sans Japanese', sans-serif;
		color: #20383f;
		font-weight: bold;
		font-size: 26px;
		line-height: 50px;
		padding: 0 0.78125vw 6.51041667vw;
/*		height: 50px;*/
	}

	#singleContent  .singleContentInner .thumbnailImg{
		max-width: 880px;
		max-height: 464px;
		margin: 1.5625vw auto;
	    border-radius: 25px;
	    overflow: hidden;
	}

	#singleContent  .singleContentInner .thumbnailImg img{
		max-width: 100%;
	    height: auto;
	}

	#singleContent  .singleContentInner .contentTxt p{
		font-size: 15px;
	}

	#singleContent  .singleContentInner .pageNation{
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    max-width: 530px;
	    width: auto;
	    margin: 0 auto 30px;
	}


	#singleContent  .singleContentInner .pageNation a{
		color: #20383f;
		border-bottom: 0.5px solid; #20383f;
		font-size: 15px;
	}

	#singleContent  .singleContentInner .pageNation .prevBtn{
	    display: block;
	    font-size: 15px;
            min-width: unset;
	}

	#singleContent  .singleContentInner .pageNation .prevBtn a:before{
		content: "";
		display: block;
		width: 5.20833333vw;
		height: 5.20833333vw;
		background-image: url(../img/common/pagination_prevPage.png);	
		background-repeat: no-repeat;
		margin-right: 15px;
		left: -6.51041667vw;
		top: -0.65104167vw;
	}

	#singleContent  .singleContentInner .pageNation .infoListBtn{
		font-size: 15px;
	}

	#singleContent  .singleContentInner .pageNation .nextBtn{
	    display: block;
	    font-size: 15px;
            min-width: unset;
	}

	#singleContent  .singleContentInner .pageNation .nextBtn a:after{
		content: "";
		display: block;
		width: 5.20833333vw;
		height: 5.20833333vw;
		background-image: url(../img/common/pagination_nextPage.png);
		background-repeat: no-repeat;
		margin-left: 15px;
		right: -6.51041667vw;
		top: -0.65104167vw;
	}




	/*school
	------------------------------------------------------------------------------*/


	#schoolTitle {
	    width: 70%;
	    margin: 0 auto;
        padding-bottom: 150px;
	}

	#schoolTitle h1 {
	    margin-bottom: 80px;
	}

	#schoolTitle h1 span.enTitle{
		font-size: 20px;
		margin-bottom: 10px;
	}

	#schoolWap {
		padding-top: 150px;
	    background-image: url(../img/common/school_top_bg_spn.png) ;
	}

	#schoolWap #schoolNaviWap {
	    width: 90%;
	    margin: 70px auto 50px;
	}

	#schoolWap #schoolNaviWap ul{
		margin-bottom: 4%;
	}

	#schoolWap .yonoSchoolNaviWap ul{
		justify-content: space-between !important;
	}

	#schoolWap .higashikurumeSchoolNaviWap ul{
		justify-content: space-between !important;
	}

	#schoolWap #schoolNaviWap ul li {
	    width: 48%;
	}

	#schoolWap #schoolNaviWap ul li a{
	    padding: 2.20416667vw 2.20416667vw 2.20416667vw 5.20833333vw;
	    /* 23px @ 666px increasing to 26px @ 768px */
	    font-size: calc(1.4375rem + ((1vw - 6.66px) * 2.9412));
	    /* Note: The calc base value (1.4375rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 2.9412 = 100 * font-size_difference / viewport_width_difference */
	}

	#schoolWap #schoolNaviWap ul li a:after{
	    width: 9.89583333vw;
	    height: 9.89583333vw;
	    margin-left: 0px;
	}


	#schoolWap .galleryWap #keyvisual .swiper-container {
	    /* width: 600px; */
/*	    width: 78.125vw;*/
		width: 87.5vw !important;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container .swiper-wrapper {
/*	    height: 335px;*/
/*	    height: 43.62vw;*/
	    height: 48.6979167vw;
	    max-height: unset;
	    min-height: unset;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container .swiper-wrapper .swiper-slide {
	    /* width: 600px !important; */
/*	    width: 78.125vw !important;*/
	    width: 87.5vw !important;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container .schoolGalleryTreat {
		/* width: 600px !important; */
		width: 94.53125vw;
	    max-width: 94.53125vw;
	    /* bottom: 60px; */
	    bottom: 13.671875vw;
        left: -3.90625vw;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container #gallery-thumbs_tab .swiper-wrapper {
	    height: 55px !important;
	    min-height: 55px !important;
	    margin: 0 auto;
	    justify-content: center;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container #gallery-thumbs_tab .swiper-wrapper .swiper-slide {
	    width: 96px !important;
	    height: 55px;
        margin: 0 10px;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container #gallery-thumbs_tab {
	    margin: 9.11458333vw auto 0;
	}

	#schoolWap .schoolLeadBox {
	    max-width: 80%;
	}

	#schoolWap .schoolLeadBox p.schoolLeadTxt{
		margin-bottom: 50px;
		/* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
	    line-height: 1.75;
	}

	#schoolWap .schoolLeadBox .timetableDlBtn p {
/*		font-size: 26px;*/
		/* 30px @ 666px increasing to 36px @ 768px */
		font-size: calc(1.875rem + ((1vw - 6.66px) * 5.8824));
	    /* Note: The calc base value (1.875rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 5.8824 = 100 * font-size_difference / viewport_width_difference */
	}

	#schoolWap .schoolLeadBox .timetableDlBtn a {
        background-size: contain;
        background-position: center;
        background-image: url(../img/school/school_timeSchedule_spn.png);
        text-align: left;
        display: flex
;
        justify-content: center;
        /* 30px @ 666px increasing to 33px @ 768px */
        font-size: calc(1.875rem + ((1vw - 6.66px) * 2.9412));
	    /* Note: The calc base value (1.875rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 2.9412 = 100 * font-size_difference / viewport_width_difference */
        padding: 40px 0px 40px 0px !important;
        box-sizing: border-box;
	/*        width: 500px;*/
/*        width: 65.104166vw;*/
        width: 100%;
        /* height: 28px; */
        height: auto;
/*        height: 3.645833vw;*/
/*        font-size: 16px;*/
/*         padding: 15px 0 15px 0; */

/*        padding: 2.083333vw 0 1.953125vw 0;*/
        margin: 20px auto 100px;
    }



	#schoolWap .accessWap{
		margin: 0 20px;
		width: auto;
		padding: 60px 0 50px;
	}

	#schoolWap .accessWap .accessInner{
		width: auto;
		margin: 0 15px;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		margin-bottom: 30px;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTitle{
		width: 53.3854167vw;
		margin-bottom: 7.8125vw;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTxt {
	    width: 100%;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTxt table {
	    width: 100%;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTxt tbody {
	    white-space: unset;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTxt table tr{
	    width: 100%;
	    display: block;
	    margin-bottom: 2px;
	    padding: 0;
        background-color: unset;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTxt table .destination th {
	    border-radius: 25px 25px 0 0;
	    display: block;
	    width: 100%;
	    box-sizing: border-box;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
	    padding: 5.20833333vw;
	    text-align: left;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTxt table .destination td {
	    border-radius: 0 0 0 0;
	    display: block;
	    width: 100%;
	    box-sizing: border-box;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
	    padding: 5.20833333vw;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTxt table .transportation th {
	    border-radius: 0 0 0 0;
	    display: block;
	    width: 100%;
	    box-sizing: border-box;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
	    padding: 5.20833333vw;
	    text-align: left;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTxt table .transportation td {
	    border-radius: 0 0 25px 25px;
	    display: block;
	    width: 100%;
	    box-sizing: border-box;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
	    padding: 5.20833333vw;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTxt table .green_radius th {
	    border-radius: 0 0 0 0;
	    display: block;
	    width: 100%;
	    box-sizing: border-box;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
	    padding: 5.20833333vw;
	    text-align: left;
	}

	#schoolWap .accessWap .accessInner .accessTxtBox .accessTxt table .green_radius td {
	    border-radius: 0 0 25px 25px;
	    display: block;
	    width: 100%;
	    box-sizing: border-box;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
	    padding: 5.20833333vw;
	}

	#schoolWap .accessWap .accessInner .google_map div iframe {
	    border-radius: 25px;
	    width: 100%;
	    height: 330px;
	}

/*	

	#schoolWap .priceWap .priceTableBox table#feeChild th, 
	#schoolWap .priceWap .priceTableBox table#feeChild td {
	    width: 100%;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th, 
	#schoolWap .priceWap .priceTableBox table#feeMantoman td {
	    padding: 10px;
	    width: 100%;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman + p {
	    padding: 10px;
	}*/

	#schoolWap .priceWap {
	    margin: 70px 20px 0;
	    width: auto; 
	    padding: 60px 0 50px;
	    margin-top: 70px; 
	}

	#schoolWap .priceWap .priceInner {
		width: auto;
		margin: 0 30px;
	}

	#schoolWap .priceWap .priceTitle {
	    width: 53.3854167vw;
		margin-bottom: 7.8125vw;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild {
	    width: 100%;
		margin-top: 30px; 
	    padding-bottom: 15px;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.title {
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.category{
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild th.green {
	    border-radius: 25px 25px 0 0 !important;
	    display: block;
	    box-sizing: border-box;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.title {
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.category{
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.title th{
	    display: block;
	    width: auto !important;
	    /* 36px @ 666px increasing to 42px @ 768px */
	    font-size: calc(2.25rem + ((1vw - 6.66px) * 5.8824));
	    /* Note: The calc base value (2.25rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 5.8824 = 100 * font-size_difference / viewport_width_difference */
	    padding: 9.11458333vw;
	    text-align: center;
	    border-bottom: 1px solid #fff;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.category th{
	    display: block;
	    width: auto !important;
	    /* 30px @ 666px increasing to 34px @ 768px */
	    font-size: calc(1.875rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.875rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
	    padding: 9.11458333vw;
	    text-align: center;
	    border-bottom: 1px solid #fff;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild th:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild td:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild th.fee:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild td.fee:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr{
		display: flex;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild th {
	    padding: 9.11458333vw 5.859375vw;
	    text-align: left;
	    width: 30%;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
        border-bottom: 1px solid #fff;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild td {
	    padding: 9.11458333vw;
	    text-align: left;
	    width: 70%;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.lastLine th{
	    border-radius: 0 0 0 25px !important;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.lastLine td{
	    border-radius: 0 0 25px 0  !important;
	}


	#schoolWap .priceWap .priceTableBox table#feeMantoman {
	    width: 100%;
	    margin-top: 20px;
	    margin-bottom: 30px;
		padding-bottom: 15px; 
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tbody {
	    white-space: unset; 
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr {
	    display: flex; 
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.title {
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.category{
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th.green {
	    border-radius: 25px 25px 0 0 !important;
	    display: block;
	    box-sizing: border-box;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.title {
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.category{
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.title th{
	    display: block;
	    width: auto !important;
	    /* 36px @ 666px increasing to 42px @ 768px */
	    font-size: calc(2.25rem + ((1vw - 6.66px) * 5.8824));
	    /* Note: The calc base value (2.25rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 5.8824 = 100 * font-size_difference / viewport_width_difference */
	    padding: 9.11458333vw;
	    text-align: center;
	    border-bottom: 1px solid #fff;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.category th{
	    display: block;
	    width: auto !important;
	    /* 30px @ 666px increasing to 34px @ 768px */
	    font-size: calc(1.875rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.875rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
	    padding: 9.11458333vw;
	    text-align: center;
	    border-bottom: 1px solid #fff;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th {
	    padding: 9.11458333vw 5.859375vw;
	    text-align: left;
	    width: 30%;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
        border-bottom: 1px solid #fff;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman td {
	    padding: 9.11458333vw;
	    text-align: left;
	    width: 70%;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th {
	    display: block;
	    border-radius: 0 25px 0 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman td {
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman td:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th.fee:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman td.fee:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.lastLine th{
	    border-radius: 0 0 0 25px !important;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.lastLine td{
	    border-radius: 0 0 25px 0  !important;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman + p {
		border-radius: 100px;
	    margin-top: 55px;
	    margin-bottom: 45px;
        padding: 4.55729167vw;
	    /* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
	}	

	#schoolFeatureWap {
	    width: 90%;
	    margin: 100px auto 0;
	}

	#schoolFeatureWap .schoolFeatureTitle {
/*	     width: 340px; */
	     width: 74.21875vw; 
/*	     height: 76px;*/
	     height: auto;
	}

	#schoolFeatureWap .schoolFeatureLine {
	    flex-direction: column;
	}

	#schoolFeatureWap .schoolFeatureLine:nth-of-type(2){
	    flex-direction: column-reverse;	
	}

	#schoolFeatureWap .schoolFeatureLine:nth-of-type(4){
	    flex-direction: column-reverse;	
	}

	#schoolFeatureWap .schoolFeatureLine .featuresImg {
	    width: 100%;
	    margin: 70px auto 20px;
	}

	#schoolFeatureWap .schoolFeatureLine .featuresTxt {
	    width: 100%;
	        margin: 0 auto;
	}

	#schoolFeatureWap .schoolFeatureLine .featuresTxt dt div.titleTxt {
/*	    font-size: 20px;*/
		/* 40px @ 666px increasing to 46px @ 768px */
		font-size: calc(2.5rem + ((1vw - 6.66px) * 5.8824));
	    /* Note: The calc base value (2.5rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 5.8824 = 100 * font-size_difference / viewport_width_difference */
	}

	#schoolFeatureWap .schoolFeatureLine .featuresTxt dd{
/*		font-size: 14px;*/
		/* 26px @ 666px increasing to 30px @ 768px */
	    font-size: calc(1.625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
	}

	#schoolFeatureWap .schoolFeatureLine .featuresImg{
		position: relative;
	}

	#schoolFeatureWap .schoolFeatureLine .featuresImg img.featuresTitleIcon {
	    position: absolute;
	    top: -5.859375vw;
	    left: -2.60416667vw;
	    width: 31.5104167vw;
	    height: 18.359375vw;
	}

	#contactWap {
	    background-image: url(../img/common/school_bottom_bg_spn.png);
	    background-size: cover;
        height: auto;
	}

	#contactWap #contactBox {
	    width: auto;
	    margin: 0 auto;
	    padding-top: 52.0833333vw;
	}

	#contactWap #contactBox .contactTitle {
	    width: 70%;
	}

	#contactWap #contactBox .contactContents p {
	    width: 90%;
	    /* 17.48px @ 390px increasing to 33.21px @ 665px */
		font-size: calc(1.0925rem + ((1vw - 3.9px) * 5.72));
		/* Note: The calc base value (1.0925rem) MUST be stated in REM to maintain accessibility */
		/* Where: 5.72 = 100 * font-size_difference / viewport_width_difference */
	    margin: 11.71875vw auto 11.0677083vw;
        padding: 0;
	}

	#contactWap #contactBox .traialLessonBtn {
	    width: 90%;
	}

	#contactWap #contactBox .traialLessonBtn a {
		/*	    font-size: 18px;*/
		/* 17.48px @ 390px increasing to 33.21px @ 665px */
		font-size: calc(1.0925rem + ((1vw - 3.9px) * 5.72));
		/* Note: The calc base value (1.0925rem) MUST be stated in REM to maintain accessibility */
		/* Where: 5.72 = 100 * font-size_difference / viewport_width_difference */
		/*	    padding: 20px 10px 20px 30px;*/
		padding: 5.26315789vw;
		/* 34px @ 666px increasing to 38px @ 768px */
/*	    font-size: calc(2.125rem + ((1vw - 6.66px) * 3.9216));*/
	    /* Note: The calc base value (2.125rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
/*        padding: 5.33854167vw 4.6875vw;*/
/*        padding: 10px 15px 10px 30px;*/
		border-radius: 100px;
	}

	#contactWap #contactBox .traialLessonBtn a::before {
        width: 7.29166667vw;
        height: 5.33854167vw;
        margin-right: 3.64583333vw;
        margin-left: 0.651041667vw;
    }

    #contactWap #contactBox .traialLessonBtn a::after {
        width: 8.59375vw;
        height: 8.59375vw;
        margin-left: 3.90625vw;
    }

	#contactWap #contactBox .aboutContact dl {
        flex-direction: column;
        margin: 60px auto 0;
        padding-bottom: 80px;
	    width: 90%;
	}

	#contactWap #contactBox .aboutContact dt {
	    padding: 30px;
	    width: auto;
	    text-align: center;
	    box-sizing: border-box;
	    border-radius: 25px 25px 0 0;
		/* 17.48px @ 390px increasing to 33.21px @ 665px */
		font-size: calc(1.0925rem + ((1vw - 3.9px) * 5.72));
		/* Note: The calc base value (1.0925rem) MUST be stated in REM to maintain accessibility */
		/* Where: 5.72 = 100 * font-size_difference / viewport_width_difference */
		font-weight: 600;
	}

	#contactWap #contactBox .aboutContact dd {
	    padding: 30px;
	    width: auto;
	    box-sizing: border-box;
	    border-radius: 0 0 25px 25px;
		/* 25px @ 666px increasing to 29px @ 768px */
		font-size: calc(1.5625rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.5625rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
	    font-weight: 500;
	}

	tbody {
		display: block;
		width: auto;
		overflow-x: auto;
		-webkit-overflow-x: auto;
		-moz-overflow-x: auto;
		white-space: nowrap;
	}

	table#fee tr {
		display: inline-block;
	}

	.ph{
		text-align: center;
	}

	.flex_space_between {
		display: block;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-biz-justify-content: space-between;
		margin: 0 10px;
	}

	.flex_space_around {
		display: block;

	}

	.flex_space_around .couse_dteil {
		width: 190px;
		margin: 0 auto;
	}

	.google_map {
		margin: 10px;
	}

	.contentTxt {
	    margin: 0 10px;
/*	    margin-bottom: 40px;*/
	}

	#content h1{
		font-family: 'Noto Sans Japanese', sans-serif;
		color: #db0000;
		font-weight: 100;
		font-size: 20px;

		line-height: 25px;
		padding: 10px 5px;
		height: auto;
		margin-bottom: 30px;
		border-top: solid #fc6273 3px;

		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 63%, #f2f2f2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(63%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 63%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 63%,#f2f2f2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 63%,#f2f2f2 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 63%,#f2f2f2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	}

	.green_radius {
		border-radius: 6px;
		background: #6DAB24;
		padding: 0 10px;
		color: #ffffff;
		display: block;
		width: 24px;
	}

	#content p {
	    line-height: 2.0;
	    margin-bottom: 10px;
	    padding-left: 0;
	}

	#idxSide {
	    float: none;
	    width: 100%;
	    padding-top: 30px;
	 }

	#idxSide h3 {
	    font-family: 'Noto Sans Japanese', sans-serif;
	    color: #db0000;
	    letter-spacing: 2px;
	    border-left: #fc6273 solid 10px;
	    border-bottom: #fc6273 solid 1px;
	    padding: 3px 5px 5px;
	    font-weight: normal;
	    margin: 0 10px 20px 10px;
	 }

	 #recruit .two_row,h2{
		font-family: 'Noto Sans Japanese', sans-serif;
	    font-weight: 200;
	    color: #db0000;
	    background: url(../img/common/hbg.png) left no-repeat;
	    height: auto;
	    line-height: 30px;
	    font-size: 20px;
	    border-bottom: solid #fc6273 3px;
	    padding-left: 30px;
	    padding-bottom: 5px;
	    margin: 10px 0;
	    vertical-align: bottom;
	}

	#content .movie-wrap {
		position: relative;
		padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
		width: 100%;
		overflow: hidden;
	}
	 
	#content .movie-wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 95% !important;
		height: 100% !important;
	}



	/* FOOTER
	------------------------------------------------------------------------------*/
	#footer {
		width: auto;
	    min-width: auto;
	    height: auto;
	    padding-top: 170px;
	    padding-bottom: 50px;
	}

	#footer .spn .footerLogoInner {
        width: 320px;
        height: 134px;
        margin: 0 ;
        background: url(../img/footer/footerLogo_spn.png) no-repeat center;
        background-size: contain;
        padding: 0;
        border-bottom: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }

	#footerMenuBox {
	    margin-left: auto;
	    flex-direction: column;
	    margin-bottom: 20px;
	}

	#footerNavBlock {
	    width: auto;
	    height: auto;
        margin: 0 20px;
	    flex-direction: column;
	    padding: 0;
	    border-radius: 25px;
	}

	#footermenu {
	    padding: 0;
	    border-right: none;
	}

	#footermenu li:before,
	#footermenu2 li:before {
		content: "";
	    display: inline-block;
	    background-image: url(../img/footer/footerNavi_arrow_icon.png);
	    background-size: cover;
	    width: 18px;
	    height: 18px;
	    margin-right: 18px;
	}

	#footermenu li {
	    width: auto;
	    margin: 0 !important;
	    padding: 20px;
	    border-right: none;
	    background-color: #fffacc;
	    display: flex;
	    align-items: center;
	    font-weight: bold;
	}

	#footermenu li:nth-of-type(1) {
	    border-radius: 25px 25px 0 0;
	}

	#footermenu li:nth-of-type(even) {
	    background-color: #fff280;
	}

	#footermenu a{
/*		font-size: 15px;*/
		/* 24px @ 666px increasing to 28px @ 768px */
		font-size: calc(1.5rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.5rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
	}

	#footermenu2 {
	    padding: 0;
	}

	#footermenu2 li {
	    width: auto;
	    margin: 0 !important;
	    padding: 20px;
	    border-right: none;
	    background-color: #fffacc;
	    display: flex;
	    align-items: center;
	    font-weight: bold;
	}

	#footermenu2 li:last-of-type {
	    border-radius: 0 0 25px 25px;
	}

	#footermenu2 li:nth-of-type(even) {
	    background-color: #fff280;
	}

	#footermenu2 a{
/*		font-size: 15px;*/
		/* 24px @ 666px increasing to 28px @ 768px */
		font-size: calc(1.5rem + ((1vw - 6.66px) * 3.9216));
	    /* Note: The calc base value (1.5rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 3.9216 = 100 * font-size_difference / viewport_width_difference */
        font-weight: 600;
	}

	#footerNavBlock .footerNaviTreat{
		position: absolute;
	    width: 141px;
	    height: 73px;
	    bottom: -20px;
	}

	#footer_bannerList {
	    width: auto;
	    height: auto;
        margin: 0 20px;
	}

	#footer_bannerList .bannerList {
		margin-top: 40px;
	    flex-direction: row;
        justify-content: center;
        padding: 5.20833333vw;
	}

	/*#footer_bannerList .bannerList .banner_other .banner {
	    margin-bottom: 8px;
	    width: auto;
	    height: auto;
	}*/

	#footer_bannerList .bannerList .banner_other .banner {
	    margin-bottom: 8px;
	    /* margin-bottom: 0.10415vw; */
	    width: 251px;
	    /* width: 13.073vw; */
	    height: 53px;
	    /* height: 2.761vw; */
	}

	#footer_bannerList .bannerList .banner_other .bn_instagram {
	    margin-bottom: 8px;
	    /* margin-bottom: 0.10415vw; */
	    width: 251px;
	    /* width: 13.073vw; */
	    height: 61px;
	    /* height: 3.1775vw; */
	}

	#footer_bannerList .bannerList .banner_other .bn_facebook {
	    margin-bottom: 8px;
	    /* margin-bottom: 0.10415vw; */
	    width: 251px;
	    /* width: 13.073vw; */
	    height: 53px;
	    /* height: 2.761vw; */
	}

	#footer_bannerList .bannerList .banner_other .bn_shinko {
	    margin-bottom: 8px;
	    /* margin-bottom: 0.10415vw; */
	    width: 251px;
	    /* width: 13.073vw; */
	    height: 31px;
	    /* height: 1.615vw; */
	}

	#footer_bannerList .bannerList .link_wap {
	    border-right: none;
	    border-bottom: none;
        padding: 0 10px 10px 10px;
	}

	#footer_bannerList .bannerList .link_wap h3,
	#footer_bannerList .bannerList .banner_wap h3{
		height: 80px;
/*		font-size: 15px;*/
		/* 20px @ 666px increasing to 22px @ 768px */
		font-size: calc(1.25rem + ((1vw - 6.66px) * 1.9608));
	    /* Note: The calc base value (1.25rem) MUST be stated in REM to maintain accessibility */
	    /* Where: 1.9608 = 100 * font-size_difference / viewport_width_difference */
	}

	#footer_bannerList .bannerList .banner_wap {
	    padding: 0 10px 10px 10px;
	}

	#footer_bannerList .bannerList .banner_future a {
	    margin-bottom: 5px; 
	    width: auto;
	    height: auto;
	}



/*
	#footer {
		margin-top: 30px;
		background: #D7A0A0;
		background-position: center;
		margin: 30px  auto 0;
		min-width:300px;
		height: 20px;
		width: 100%;
	}


	address {
		width: 100%;
		margin: 0 auto;
		font-size: 10px;
		line-height: 20px;
		color: #ffffff;
		text-align: center;
		font-style: normal;
	}

	address a{
		color: #ffffff;
	}



	#footerInner div {
		float: left;
		width: 300px;
		font-size: 10px;
		line-height: 2.0;
		margin-top: 15px;
	}


	#footerInner p {
		float: right;
		width: 302px;
		margin-top: 35px;
	}*/
/*追加調整用*/
	.image_box{
	width: 100%;
	margin: 0 0;
	padding: 0 0;
	}
/*追加調整用*/

	.spn_display_on .sideSchool a{
	color: #202684;
	}

	#header_new .header_email{
		text-align: center;
	    margin-left: 0;
	    font-size: 14px;
	}

	/*追加独自メニュー用CSS*/
	.menu_display_none{
		display: none !important;
	}

	.menu_display_short{
		width: auto;
	}

	.menu_display_long{
		width: auto;
	}

	/*追加独自メニュー用CSS*/


/*お知らせ*/

	.infomationList #contentTitle {
        padding-bottom: 0;
    }

	.infomationList #content {
      margin: 200px auto 0;
      padding: 150px 0 0;
	}

	.infomationList .breadcrumbs {
        top: 550px !important;
    }

	#newsContents {
	    width: 90% !important;
	    max-width: unset !important;
	    margin: 0 auto;
        padding-bottom: 120px;
	}

	#newsContents ul.newsList {
	    flex-wrap: unset;
	    flex-direction: column;
	}

	#newsContents ul.newsList li.newsBox a {
	    padding: 20px;
	    margin: 0 0 10px 0;
	    background-color: #fff;
	    border-radius: 25px;
	    box-sizing: border-box;
	    position: relative;
	    border: 1px solid #19cfe5;
	    display: block;
	    width: auto;
	    height: auto;
      max-width: unset;
	    max-height: unset;
	}

	#newsContents ul.newsList li.newsBox div.noMainTxt {
	    padding: 20px;
	    margin: 0 0 10px 0;
	    background-color: #fff;
	    border-radius: 25px;
	    box-sizing: border-box;
	    position: relative;
	    border: 1px solid #19cfe5;
	    display: block;
	    width: auto;
	    height: auto;
		max-width: unset;
	    max-height: unset;
	}

	li.newsBox a div.title{
		font-size: 18px;
		padding-bottom: 15px;
	    margin-bottom: 40px;
	}

	li.newsBox div.noMainTxt div.title{
		font-size: 18px;
		padding-bottom: 15px;
	    margin-bottom: 40px;
	}

	li.newsBox a div.date{
		font-size: 18px;
	}

	li.newsBox div.noMainTxt div.date{
		font-size: 18px;
	}

	li.newsBox a div.newsBtn:after {
	    width: 40px;
	    height: 40px;
	}

	li.newsBox a div.externalBtn:after{
	    width: 40px;
	    height: 40px;
	}

	.wp-pagenavi a.page {
	    font-size: 15px;
	}

	.wp-pagenavi .current {
	    font-size: 15px;
	}

	.wp-pagenavi .extend {
    font-size: 15px;
	}

	.wp-pagenavi .first {
	    line-height: 0;
      margin: 0 5px 0 0;
	}

	.wp-pagenavi .first:after {
	    width: 40px;
	    height: 40px;
	}

	.wp-pagenavi .previouspostslink {
	    line-height: 0;
	}

	.wp-pagenavi .previouspostslink:after {
    width: 40px;
    height: 40px;
	}

	.wp-pagenavi .nextpostslink {
	    line-height: 0;
	}

	.wp-pagenavi .nextpostslink:after {
    width: 40px;
    height: 40px;
	}

	.wp-pagenavi .last {
	    line-height: 0;
      margin: 0 0 0 5px;
	}

	.wp-pagenavi .last:after {
    width: 40px;
    height: 40px;
	}
/*お知らせ*/



}/*タブレット用END*/



/*スマホ用ーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 665px) {
	.spn {
		display: block;
	}

	.tablet {
		display: none;
	}




	#navBlock {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
	}

	#navBlock .spn-navBt {
/*		font-size: 25px;*/
        width: 60px;
		background: none;
		color: #888;
		line-height: 40px;
		padding: 0 5px;
		text-align: right;
		position: fixed;
        right: 5px;
        top: 10px;
        z-index: 1010;
	}

	#navBlock .spn-navBt img.open{
		display: block;
		transition: 1s;
		position: relative;
		z-index: 1010;
	}

	#navBlock .spn-navBt img.close{
		display: none;
		transition: 1s;
		position: relative;
		z-index: 1010;
	}

	#navBlock .on img.open{
		display: none;
		transition: 1s;
		position: relative;
		z-index: 1010;
	}

	#navBlock .on img.close{
		display: block;
		transition: 1s;
		position: relative;
		z-index: 1010;
	}

	#navBlock .spn-navBt + #main-nav{
		position: fixed;
		top: 0;
		right: 0;
		width: 300px;
        height: 100%;
        height: 100dvh;
		background-color: #ffe400;
		border-radius: 25px 0 0 25px;
		transition: all 1s;
		transform: translateX(300px);
/*		z-index: -1;*/
		z-index: 1000;
		display: block;
	}


	#navBlock .on + #main-nav{
		transform: translateX(0px);
		display: block;
	}

	#navBlock #main-nav ul li:nth-of-type(even){
		background-color: #fff280;
	}

	#navBlock #main-nav ul li:nth-of-type(odd){
		background-color: #fffacc;
	}

	#navBlock #main-nav ul li.menu_display_short{
		margin: 0;
	}

	#navBlock #main-nav ul li{
		padding: 10px 20px;
	}

	#navBlock #main-nav ul li a{
		color: #231815;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		line-height: 2;
        font-weight: 600;
	}

	#navBlock #main-nav ul li a:before{
		content: "";
		display: block;
		width: 20px;
        height: 20px;
        margin-right: 5px;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../img/common/menu_arrow.png);
	}

	#navBlock #main-nav ul li a:hover:before{
		transition: 1s;
		background-image: url(../img/common/menu_arrow_hover.png);
	}

	#navBlock #main-nav ul li.menuContactBtn{
		background: none;
        position: absolute;
        bottom: 200px;
	}

	#navBlock #main-nav ul li.menuContactBtn:before {
	    content: "＼無料体験レッスン・資料請求の／";
	    display: block;
	    text-align: center;
	    font-size: 14px;
	}

	#navBlock #main-nav ul li.menuContactBtn a {
	    font-size: 16px;
	    background-color: #20383f;
	    border-radius: 50px;
	    padding: 15px;
	    display: flex;
	    align-items: center;
	    text-decoration: none;
	    color: #fff;
	}

	#navBlock #main-nav ul li.menuContactBtn a:before {
	    content: "";
	    display: inline-block;
	    background-image: url(../img/common/top_header_mail_icon.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    width: 28px;
	    height: 22px;
	    margin-right: 30px;
	}

	#navBlock #main-nav ul li.menuContactBtn a:after {
	    content: "";
	    display: inline-block;
	    background-image: url(../img/common/top_header_mailArrow_icon.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    width: 40px;
	    height: 40px;
	    margin-left: 30px;
	}


	#drowerInner{
		position: absolute;
		bottom: 0;
        left: 50%;
        transform: translateX(-50%);
	}

	#drowerInner #site-title{
		width: 250px;
        height: 164px;
        /*width: 280px;
        height: 184px;*/
        margin-right: 100px;
        background: url(../img/common/drowerMenu_logo_new.png) no-repeat center;
        background-size: cover;
        padding: 0;
        margin: 0 auto;
        border-bottom: none;
        position: relative;
	}

    #drowerInner #site-title span {
        display: block;
        /*text-indent: -9999px;
        overflow: hidden;*/
        font-size: 10px;
        color: #20383f;
        position: absolute;
        bottom: 1.5625vw;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }




	#header header #headerInner #site-title {
        width: 60vw;
        height: 26vw;
    }

    #continer {
        width: 100%;
        margin: 0 auto;
        padding-top: 150px;
    }

	#contentTitle {
	    width: 70%;
	    margin: 0 auto;
	    padding-bottom: 100px;
	}

	#contentTitle h1 {
        margin-bottom: 80px;
    }

    #continer .breadcrumbs {
        font-size: 10px;
        top: 350px;
    }

    #continer #schoolBreadcrumbs .breadcrumbs {
        font-size: 10px;
        top: 400px;
    }

    #continer .breadcrumbs:before{
		width: 133px;
		height: 58px;
	    top: -60px;
	    right: 10px;
	}

	#content {
        margin: 0 auto 0;
        padding: 50px 0 0;
	}

    #content .contentInner {
        width: auto;
        margin: 100px auto 0px;
    }

    #content .newsInner {
        width: auto;
        margin: 0px auto 0px;
    }

    #schoolWap {
        padding-top: 50px;
    }

    #contactWap #contactBox .traialLessonBtn {
        width: 90%;
    }


/*    schoolーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

	#schoolTitle {
        height: 50vw;
    }
	
	#schoolWap .galleryWap #keyvisual .swiper-container {
	    width: 350px;
	    /* width: 50.0261vw; */
	    margin: 0 auto;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container .schoolGalleryTreat {
	    max-width: unset;
	    width: 350px;
	    bottom: 50px;
	    z-index: 30;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container .swiper-wrapper {
	    /* height: 536px; */
	    height: 195px;
	    max-height: unset;
	    min-height: unset;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container .swiper-wrapper .swiper-slide {
	    /* width: 960px !important; */
	    width: 350px !important;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container #gallery-thumbs_spn {
	    margin: 30px auto;
	    height: 32px;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container #gallery-thumbs_spn .swiper-wrapper {
	    height: 32px !important;
	    min-height: unset !important;
	    width: auto;
	    margin: 0 auto;
	    padding: 0;
	    justify-content: center;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container #gallery-thumbs_spn .swiper-wrapper .swiper-slide {
	    width: 54px !important;
	    height: 32px;
        margin-right: 4px; 
        margin-left: 0;
	    padding: 0;
        border-radius: 5px;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container #gallery-thumbs_spn .swiper-wrapper .swiper-slide:last-of-type {
        margin-right: 0 !important;
	}


	#schoolWap .schoolLeadBox {
	    max-width: unset;
	    width: 90%;
	}

	#schoolWap .schoolLeadBox p.schoolLeadTxt{
		margin-bottom: 50px;
		font-size: 18px;
	}

	#schoolWap .schoolLeadBox .timetableDlBtn {
		text-align: center;
		margin-bottom: 100px;
	}

	#schoolWap .schoolLeadBox .timetableDlBtn p {
		font-size: 20px;
		margin-bottom: 30px;
	}

	#schoolWap .schoolLeadBox .timetableDlBtn a{
		background-image: url(../img/school/school_timeSchedule_spn.png);
        width: 100%;
        text-align: left;
        height: auto;
        font-size: 20px;
        padding: 20px 0 20px 0;
        margin: 0 auto;
	    display: flex;
	    justify-content: center;
	}

	#schoolWap .schoolLeadBox .timetableDlBtn a:hover{
		transition: 1s;
		opacity: 0.8;
	}


	#schoolWap .priceWap .priceTableBox table#feeChild {
	    width: 100%;
		margin-top: 30px; 
	    padding-bottom: 15px;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.title {
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.category{
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild th.green {
	    border-radius: 25px 25px 0 0 !important;
	    display: block;
	    box-sizing: border-box;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.title {
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.category{
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.title th{
	    display: block;
	    width: auto !important;
	    padding: 30px;
        box-sizing: border-box;
        font-size: 16px;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.category th{
	    display: block;
	    width: auto !important;
	    padding: 30px;
        box-sizing: border-box;
        font-size: 16px;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild th{
		padding: 30px 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild th:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild td{
		padding: 30px 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild td:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild th.fee:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild td.fee:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr{
		display: flex;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild th {
	    padding: 30px; 
	    width: 30%;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild td {
	    padding: 30px; 
	    width: 70%;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.lastLine th{
	    border-radius: 0 0 0 25px !important;
	}

	#schoolWap .priceWap .priceTableBox table#feeChild tr.lastLine td{
	    border-radius: 0 0 25px 0  !important;
	}


	#schoolWap .priceWap .priceTableBox table#feeMantoman {
	    width: 100%;
	    margin-top: 20px;
	    margin-bottom: 30px;
		padding-bottom: 15px; 
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tbody {
	    white-space: unset; 
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr {
	    display: flex; 
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.title {
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.category{
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th.green {
	    border-radius: 25px 25px 0 0 !important;
	    display: block;
	    box-sizing: border-box;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.title {
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.category{
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.title th{
	    display: block;
	    width: auto !important;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.category th{
	    display: block;
	    width: auto !important;
        font-size: 16px;

	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th {
	    padding: 30px 0; 
	    text-align: center;
	    width: 30%;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman td {
	    padding: 30px 0; 
	    text-align: center;
	    width: 70%;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th {
	    display: block;
	    border-radius: 0 25px 0 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman td {
	    display: block;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman td:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman th.fee:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman td.fee:last-of-type {
	    border-radius: 0;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.lastLine th{
	    border-radius: 0 0 0 25px !important;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman tr.lastLine td{
	    border-radius: 0 0 25px 0  !important;
	}

	#schoolWap .priceWap .priceTableBox table#feeMantoman + p {
	    margin-top: 20px;
	    padding: 10px;
	    font-size: 14px;
	}

	#schoolWap .priceWap .priceTableBox p.caution {
	    margin-top: 20px;
	    padding: 10px;
	    font-size: 14px;
	}



#schoolFeatureWap {
	    width: 90%;
	    margin: 100px auto 0;
	}

	#schoolFeatureWap .schoolFeatureTitle {
/*	     width: 340px; */
	     width: 74.21875vw; 
/*	     height: 76px;*/
	     height: auto;
	}

	#schoolFeatureWap .schoolFeatureLine {
	    flex-direction: column;
	}

	#schoolFeatureWap .schoolFeatureLine:nth-of-type(2){
	    flex-direction: column-reverse;	
	}

	#schoolFeatureWap .schoolFeatureLine:nth-of-type(4){
	    flex-direction: column-reverse;	
	}

	#schoolFeatureWap .schoolFeatureLine .featuresImg {
	    width: 100%;
	    margin: 70px auto 20px;
	}

	#schoolFeatureWap .schoolFeatureLine .featuresTxt {
	    width: 100%;
	        margin: 0 auto;
	}

	#schoolFeatureWap .schoolFeatureLine .featuresImg{
		position: relative;
	}

	#schoolFeatureWap .schoolFeatureLine .featuresImg img.featuresTitleIcon {
	    position: absolute;
	    top: -25px;
	    left: -10px;
	    width: 127px;
	    height: 73px;
	}

	#schoolFeatureWap .schoolFeatureLine .featuresTxt dt div.titleTxt {
	    font-size: 20px;
	}

	#schoolFeatureWap .schoolFeatureLine .featuresTxt dd {
        font-size: 14px;
    }

	.infomationList #content {
      margin: 0 auto 0;
      padding: 150px 0 0;
	}

	.infomationList .breadcrumbs {
        top: 350px !important;
    }

    .infomationList #contentTitle {
        padding-bottom: 100px;
    }

	#newsContents ul.newsList {
	    flex-wrap: unset;
	    flex-direction: column;
	}

	li.newsBox a div.newsBtn:after {
	    width: 40px;
	    height: 40px;
	    margin-left: 30px;
	}

	#singleContent {
		padding-top: 100px;
		margin-top: 50px;
        padding-bottom: 120px;
	}

	#singleContent .singleContentInner .contentTxt p {
        text-align: left;
	    padding: 0;
    }

    #singleContent .singleContentInner .pageNation {
        width: auto;
        max-width: 58.13953488vw;
    }

    #singleContent .singleContentInner .pageNation a{
        font-size: 12px;
    }

    #singleContent .singleContentInner .pageNation .infoListBtn {
        font-size: 12px;
    }

    #singleContent .singleContentInner .pageNation .prevBtn {
        font-size: 12px;
        min-width: 11.1627907vw;
    }

    #singleContent .singleContentInner .pageNation .nextBtn {
        font-size: 12px;
        min-width: 11.1627907vw;
    }    

    #singleContent .singleContentInner .pageNation .prevBtn a:before {
        width: 9.30232558vw;
        height: 9.30232558vw;
        margin-right: 10px;
        left: -10.46511628vw;
        top: -0.69767442vw;
    }

    #singleContent .singleContentInner .pageNation .nextBtn a:after {
        width: 9.30232558vw;
        height: 9.30232558vw;
        margin-left: 10px;
        right: -10.46511628vw;
        top: -0.69767442vw;
    }    


/* FOOTER
	------------------------------------------------------------------------------*/
	#footer {
		width: auto;
	    min-width: auto;
	    height: auto;
	    padding-top: 170px;
	    padding-bottom: 50px;
	}

	#footer .spn .footerLogoInner {
        width: 320px;
        height: 134px;
        margin: 0 ;
        background: url(../img/footer/footerLogo_spn.png) no-repeat center;
        background-size: contain;
        padding: 0;
        border-bottom: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }

	#footerMenuBox {
	    margin-left: auto;
	    flex-direction: column;
	    margin-bottom: 20px;
	}

	#footerNavBlock {
	    width: auto;
	    height: auto;
        margin: 0 20px;
	    flex-direction: column;
	    padding: 0;
	    border-radius: 25px;
	}

	#footermenu {
	    padding: 0;
	    border-right: none;
	}

	#footermenu li:before,
	#footermenu2 li:before {
		content: "";
	    display: inline-block;
	    background-image: url(../img/footer/footerNavi_arrow_icon.png);
	    background-size: cover;
	    width: 18px;
	    height: 18px;
	    margin-right: 18px;
	}

	#footermenu li {
	    width: auto;
	    margin: 0 !important;
	    padding: 20px;
	    border-right: none;
	    background-color: #fffacc;
	    display: flex;
	    align-items: center;
	    font-weight: bold;
	}

	#footermenu li:nth-of-type(1) {
	    border-radius: 25px 25px 0 0;
	}

	#footermenu li:nth-of-type(even) {
	    background-color: #fff280;
	}

	#footermenu a{
		font-size: 15px;
	}

	#footermenu2 {
	    padding: 0;
	}

	#footermenu2 li {
	    width: auto;
	    margin: 0 !important;
	    padding: 20px;
	    border-right: none;
	    background-color: #fffacc;
	    display: flex;
	    align-items: center;
	    font-weight: bold;
	}

	#footermenu2 li:last-of-type {
	    border-radius: 0 0 25px 25px;
	}

	#footermenu2 li:nth-of-type(even) {
	    background-color: #fff280;
	}

	#footermenu2 a{
		font-size: 15px;
	}

	#footerNavBlock .footerNaviTreat{
		position: absolute;
	    width: 141px;
	    height: 73px;
	    bottom: -20px;
	}

	/*#footer_bannerList {
	    width: auto;
	    height: auto;
        margin: 0 20px;
	}

	#footer_bannerList .bannerList {
		margin-top: 40px;
	    flex-direction: row;
        justify-content: center;
	}*/

	/*#footer_bannerList .bannerList .banner_other .banner {
	    margin-bottom: 8px;
	    width: auto;
	    height: auto;
	}*/



	#footer_bannerList .bannerList .banner_other .bn_instagram {
	    margin-bottom: 8px;
	    /* margin-bottom: 0.10415vw; */
	    width: 251px;
	    /* width: 13.073vw; */
	    height: 61px;
	    /* height: 3.1775vw; */
	}

	#footer_bannerList .bannerList .banner_other .bn_facebook {
	    margin-bottom: 8px;
	    /* margin-bottom: 0.10415vw; */
	    width: 251px;
	    /* width: 13.073vw; */
	    height: 53px;
	    /* height: 2.761vw; */
	}

	#footer_bannerList .bannerList .banner_other .bn_shinko {
	    margin-bottom: 8px;
	    /* margin-bottom: 0.10415vw; */
	    width: 251px;
	    /* width: 13.073vw; */
	    height: 31px;
	    /* height: 1.615vw; */
	}



	#footer_bannerList {
	    width: auto;
	    height: auto;
        margin: 0 20px;
	}

	#footer_bannerList .bannerList {
		margin-top: 40px;
	    flex-direction: column;
	}

	#footer_bannerList .bannerList .banner_other .banner {
	    margin-bottom: 8px;
	    width: auto;
	    height: auto;
	}

	#footer_bannerList .bannerList .link_wap {
	    border-right: none;
	    border-bottom: 2px solid #5bdfef;
        padding: 10px 10px 40px 10px;
	}

	#footer_bannerList .bannerList .link_wap h3,
	#footer_bannerList .bannerList .banner_wap h3{
		height: 61px;
		font-size: 15px;
	}

	#footer_bannerList .bannerList .banner_wap {
	    padding: 40px 10px 10px 10px;
	}

	#footer_bannerList .bannerList .banner_future a {
	    margin-bottom: 5px; 
	    width: auto;
	    height: auto;
	}




}

/*スマホ用*/
@media screen and (max-width: 430px) {

}

/*スマホ用*/
@media screen and (max-width: 400px) {

}

/*スマホ用*/
@media screen and (max-width: 390px) {
	#schoolWap .galleryWap #keyvisual .swiper-container {
	    /* width: 341px; */
		width: 87.4358974vw !important;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container .swiper-wrapper {
/*	    height: 190px;*/
	    height: 48.7179487vw;
	    max-height: unset;
	    min-height: unset;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container .swiper-wrapper .swiper-slide {
	    /* width: 341px; */
		width: 87.4358974vw !important;
	}

	#schoolWap .galleryWap #keyvisual .swiper-container .schoolGalleryTreat {
		/* width: 370px !important; */
		width: 94.8717949vw;
	    max-width: 94.8717949vw;
	}
}