@charset "UTF-8";
/* リセット */
body,div,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,address,table,caption,tr,td,th,header,footer,nav,article,section,aside,figure,figcaption {margin:0; padding:0; box-sizing:border-box;}
body,div,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,address,header,footer,nav,article,section,aside,figure,figcaption,a {display:block;}
ul,ol {list-style-type:none;}
img {border:none; vertical-align:middle; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6 {font-weight:500;}
/* ユーティリティー */
a {zoom:1; text-decoration:none; color:#333; transition: opacity 0.8s; -webkit-transition: opacity 0.8s; -ms-transition: opacity 0.8s; -o-transition: opacity 0.8s;}
.fgo {font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
.fmin {	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;}
.flt-l {float: left;}
.flt-r {float: right;}
.clearfix:after {
	content:"";
	clear:both;
	display:block;
}
.img {width:100%;height:auto;display:block;}
.page {margin:0 auto; max-width:920px; padding:0 20px;}


table {border-collapse:collapse;}

body p {
	font-size:13px;
	font-weight:500;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	line-height:1.7;
}
.fdin {
	font-family:"din-2014", sans-serif;
}
.clearfix:after {
	content:"";
	clear:both;
	display:block;
}
.cont {
	width:100%;
	max-width:620px;
	margin:0 auto;
}
.ilblk {
	display:inline-block;
}
.bg_yl {
	background-color:#fffef2;
	padding:4% 0;
}
.inv_mov {
	opacity:0;
	transition:opacity 1.0s, transform 1.0s;
}
.tl_yb {
	transform:translate(0,60px); 
}
.tl_yt {
	transform:translate(0,-60px); 
}
.tl_xl {
	transform:translate(-60px,0); 
}
.tl_xr {
	transform:translate(60px,0); 
}
.mov {
	opacity:1.0;
	transform:translate(0,0);
	transition:opacity 1.0s, transform 1.0s;
}
.mov.delay100 {
	transition-delay:100ms;
}
.mov.delay200 {
	transition-delay:200ms;
}
.mov.delay300 {
	transition-delay:300ms;
}
.mov.delay400 {
	transition-delay:400ms;
}
.mov.delay500 {
	transition-delay:500ms;
}

.mttl {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5%;
}
.mttl span {
	display:block;
	margin-bottom:5px;
}
.mttl span br {
	display:none;
}
.mttl:after {
	content:"";
	width:30%;
	max-width:137px;
	height:5px;
	margin:0 auto;
	display:block;
	background-color:#e3007f;
}
.ttlimg {
	width:20%;
	max-width:119px;
	min-width:84px;
	height:auto;
	margin:0 auto 2%;
	display:block;
}

header {
	margin-bottom:3%;
	position:relative;
}

#head_blk {
	padding:54px 0;
	margin-bottom:5%;
	background-color:#e3007f;
}
#head_blk #logo {
	width:85%;
	max-width:629px;
	margin:0 auto;
}
#menu {
	font-size:0;
	padding:0 20px;
	}
#menu li {
	text-align:center;
	display:inline-block;
	width:calc(100% / 4);
	position:relative;
	vertical-align:bottom;
}
#menu li:after {
	content:"";
	display:inline-block;
	height:100%;
	width:4px;
	background:url(../imgs/menu_separat.png) no-repeat center center;
	background-size:100% 100%;
	position:absolute;
	right:0;
	top:0;
}
#menu li:last-child:after {
	display:none;
}
#menu li a {
	display:block;
	opacity:0.7;
}
#menu li a:hover {
	opacity:initial;
}
#menu li a img {
	width:30.5%;
	margin:0 auto 10px;
}
#menu li p {
	font-size:15px;
	font-weight:bold;
	line-height:1.2;
	padding:0 10px;
}
#menu li p span {
	padding-bottom:5px;
}
#menu li a p:after {
	content:"";
	display:block;
	width:0;
	height:3px;
	margin:0 auto;
	background-color:#e3007f;
	position:absolute;
	left: 50%;
	bottom:0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
#menu li a:hover p:after {
	width:25%;
}
#spmenu {
	width:36px;
	height:25px;
	padding:6px 0;
	position:absolute;
	top:7px;
	right:10px;
	z-index:300;
	background-color:rgba(227,0,127,0.6);
}
#spmenu span {
	width:25px;
	height:4px;
	margin:0 auto;
	background-color:#fff;
	position:absolute;
	left:0;
	right:0;
	z-index:1;
	transition:all .4s;
}
#spmenu span:nth-of-type(1) {
	top:6px;
}
#spmenu span:nth-of-type(2) {
	top:16px;
}
#spmenu span:nth-of-type(3) {
	bottom:7px;
}
#spmenu.active {
	opacity:1.0;
}
#spmenu.active span {
	background-color:#fff;
}
#spmenu.active span:nth-of-type(1) {
	-webkit-transform:translateY(10px) rotate(-315deg);
	transform:translateY(10px) rotate(-315deg);
}
#spmenu.active span:nth-of-type(2) {
	opacity:0;
}
#spmenu.active span:nth-of-type(3) {
	-webkit-transform:translateY(-10px) rotate(315deg);
	transform:translateY(-10px) rotate(315deg);
}
#spmenu {
	display:none;
}
#corona {
	color:#fff;
	text-align:center;
	width:100%;
	max-width:681px;
	margin:0 auto 8%;
	padding:3% 3% 2%;
	position:relative;
	border:3px solid #fff;
	border-radius:20px;
	background-color:#e3007f;
	box-shadow:10px 10px rgba(248,191,223);
	-moz-box-shadow:10px 10px rgba(248,191,223);
	-webkit-box-shadow:10px 10px rgba(248,191,223);
	-o-box-shadow:10px 10px rgba(248,191,223);
	-ms-box-shadow:10px 10px rgba(248,191,223);
}

#corona .ttl {
	font-size:20px;
	font-weight:bold;
	margin:0 auto 7px;
	width:190px;
	display:inline-block;
}
#corona .ttl:after {
	content:"";
	width:100%;
	height:3px;
	display:block;
	background:url(../imgs/corona_line.png) repeat-x center center;
	background-size:100%;
}
#corona .ttl + p {
	font-size:13px;
	font-weight:bold;
	margin-bottom:15px;
}
#corona ul {
	font-size:0;
}

#corona ul li {
	padding:0 3%;
	margin-bottom:10px;
	display:inline-block;
	border-right:1px solid #fff;
}
#corona ul li:first-child {
	padding-left:0;	
}
#corona ul li:last-child {
	border:none;
	padding-right:0;
}
#corona ul li p {
	font-size:11px;
	font-weight:bold;
	line-height:1.3;
	display:table;
	width:100%;
	margin:0 auto;
}
#corona ul li p .cell {
	display:table-cell;
	vertical-align:middle;
}
#school .catch {
	margin-bottom:8%;
}
#school .catch #exterior {
	font-size:0;
	width:100%;
	max-width:402px;
	margin:0 auto 5%;
}
#school .catch #exterior:before {
	content:"";
	width:18.9%;
	height:106px;
	display:inline-block;
	vertical-align:middle;
	background:url(../imgs/deco01_l.png) no-repeat center left;
	background-size:60%;
}
#school .catch #exterior:after {
	content:"";
	width:18.9%;
	height:106px;
	display:inline-block;
	vertical-align:middle;
	background:url(../imgs/deco01_r.png) no-repeat center right;
	background-size:60%;
}
#school .catch img {
	width:62.2%;
	display:inline-block;
	vertical-align:middle;
	border-radius:20px;
}
#school .catch p {
	text-align:center;
}
#school .catch p span {
	display:inline-block;
}
/*#school #detail {
	display:none;
}*/
#school #detail > ul > li {
	font-size:0;
	padding-top:7%;
	border-top:2px dashed #e3007f;
	margin-bottom:3%;
	position:relative;
}
#school #detail li .scimg {
	width:43%;
	max-width:calc(234px + 3%);
	padding-left:3%;
	position:relative;
}
#school #detail #li_1 .scimg ,#school ul #li_3 .scimg  {
	top:-15px;
}
#school #detail #li_2 .scimg  {
	top:15px;
}

#school #detail li .txt {
	font-size:13px;
	font-weight:500;
	width:56%;
	display:inline-block;
	overflow: hidden;
}
#school #detail li .txt .ttl {
	max-width:264px;
	margin-bottom:5px;
}
#school #detail li .txt .space {
	height:7em;
	float:right;	
}
#school #detail #li_1 .txt .decosp {
	width:20px;	
	height:4em;
	float:right;
	clear: both;
}
#school #detail #li_2 .txt .decosp {
	width:8.3%;
	position:absolute;
	top:12%;
	left:50%;
}
#school #detail #li_3 .txt .decosp {
	width:20px;	
	height:5em;
	float:right;
	clear: both;
}
#school #detail .deco {
	position:absolute;	
}
#school #detail #li_1 .deco {
	width:13.1%;
	bottom:0;
	right:-10%;
}
#school #detail #li_2 .deco {
	position:static;
}
#school #detail #li_3 .deco {
	width:16.3%;
	top:19%;
	right:-10%;
}
#school #detail #li_4 {
	margin-bottom:8%;
}
#school #detail #li_4 .ttl {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#e3007f;
	max-width:350px;
	margin:0 auto 2%;
	padding:2% 2% 6%;
	background:url(../imgs/ttl_party.png) no-repeat center bottom;
	background-size:100%;
}
#school #detail #li_4 ul {
	font-size:0;
	margin-bottom:4%;
}
#school #detail #li_4 li {
	width:calc(96.5%/3);
	margin-right:1.7%;
	display:inline-block;
}
#school #detail #li_4 li:last-child {
	margin-right:0;
}
#school #detail #li_4 li img {
	border-radius:20px;
}
#school #detail #li_4 ul + p {
	width:78%;
	text-align:center;
	margin:0 auto;
}
#school #detail #li_4 .deco1,#school ul #li_4 .deco2,#school ul #li_4 .deco3,#school ul #li_4 .deco4 {
	position:absolute;
}
#school #detail #li_4 .deco1 {
	width:8.2%;
	top:14%;
	left:9%;
}
#school #detail #li_4 .deco2 {
	width:18.5%;
	top:7%;
	right:0;
}
#school #detail #li_4 .deco3 {
	width:16%;
	min-width:60px;
	bottom:-4%;
	left:-19px;
}
#school #detail #li_4 .deco4 {
	width:12.6%;
	min-width:47px;
	bottom:-10%;
	right:-10px;
}
.btn {
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	text-align:center;
	color:#e3007f;
	width:90%;
	max-width:155px;
	padding:5px 5px;
	margin:0 auto;
	background-color:#fff;
	border:2px solid #e3007f;
	border-radius:10px;
}
.btn span:after {
	content: "";
	width:15px;
	height:15px;
	margin-left:10px;
	display:inline-block;
	vertical-align:top;
	background:url(../imgs/arrow_pk.svg) no-repeat center center;
	background-size:100%;
}
.btn:hover {
	color:#fff;
	background-color:#e3007f;
}
.btn:hover span:after {
	background:url(../imgs/arrow_wh.svg) no-repeat center center;
}
#course {
	padding:100px 0 5%;
	background:url(../imgs/bg_pattern.jpg) no-repeat center center;
	background-size:cover;
}
#course .bgwh {
	padding:146px 4% 8%;
	margin-bottom:6%;
	border-radius:30px;
	background-color:#fff;
	position:relative;
	z-index:2;
}
#course .bgwh:before {
	content:"";
	width:230px;
	padding-top:230px;
	border-radius:50%;
	display:block;
	background-color:#fff;
	position:absolute;
	left: 50%;
	top:0;
	transform: translate(-50%,-35%);
	-webkit-transform: translate(-50%,-35%);
	-ms-transform: translate(-50%,-35%);
	z-index:-1;
}
#course .ttlcover {
	width:100%;
	position:absolute;
	left: 50%;
	top:0;
	transform: translate(-50%,-25%);
	-webkit-transform: translate(-50%,-25%);
	-ms-transform: translate(-50%,-25%);
}
#course #course1 {
	font-size:0;
	max-width:715px;
	margin:0 auto 5%;
}
#course #course1 li {
	text-align:center;
	display:inline-block;
	width:46.5%;
	max-width:442px;
	margin-right:7%;
	vertical-align:top;
	position:relative;
}
#course #course1 li:nth-child(1),#course #course1 li:nth-child(2) {
	margin-bottom:5%;
}
#course #course1 li:nth-child(even) {
	margin-right:0;
}
#course #course1 li {
	text-align:center;
	display:inline-block;
	width:46.5%;
	margin-right:7%;
	vertical-align:top;
	position:relative;
}
#course #course1 li:before {
	content:"";
	width:100%;
	height:0;
	padding-top:7%;
	display:block;
	background:url(../imgs/book_1.png) no-repeat center bottom;
	background-size:contain;
}
#course #course1 li:after {
	content:"";
	width:100%;
	height:0;
	padding-top:9%;
	display:block;
	background:url(../imgs/book_3.png) no-repeat center top;
	background-size:contain;
}
#course #course1 li .bookmidl {
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:url(../imgs/book_2.png) repeat-y center center;
	background-size:contain;
}
#course #course1 li .bookcont {
	padding:0 4%;
	
}
#course #course1 li .bookcont .illus {
	max-width:252px;
	padding:5px 0;
	margin:0 auto;
}
#course #course1 li .bookcont .txt {
	max-width:272px;
	padding-bottom:10px;
	margin:0 auto;
}
#course #course1 li .bookcont .txt .lessonmenu {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
#course #course1 li .bookcont .txt .lessonmenu span {
	position:relative;
}
#course #course1 li .bookcont .txt .lessonmenu span:after {
	content:"";
	display:block;
	width:100%;
	height:1.3em;
	border-radius:10px;
	position:absolute;
	bottom:0;
}
#course #course1 li .bookcont .txt p {
	font-size:13px;
	line-height:1.6;
}
#course #course1 li .bookcont .txt .tag {
	width:10%;
	position:absolute;
	top:-2px;
	left:5%;
}
#course #course1 li .bookcont .txt .cmt {
	width:38.3%;
	height:auto;
	position:absolute;
	top:-24%;
	left:74%;
}
#course #course2 {
	text-align:center;
	width:90%;
	max-width:442px;
	margin:0 auto 8%;
}
#course #course2 .ttl {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	width:219px;
	margin:0 auto;
	padding:3px;
	background-color:#e3007f;
	border-radius:12px;
	position:relative;
	top:-15px;
}
#course #course2 .l_ja {
	max-width:286px;
	margin:0 auto 10px;
}
#course #course2 .l_en {
	padding-top:10px;
	border-top:2px dashed #e3007f;
}
#course #plan {
	padding:0 4%;
	border:2px dashed #e3007f;
	position:relative;
}

#course #plan .ttl {
	width:35.3%;
	min-width:202px;
	position:absolute;
	top:-16px;
	left:-8%;
}
#course #plan .plan_box {
	max-width:420px;
	margin:0 auto;
	padding:50px 0 5%;
}
#course #plan .sttl {
	font-size:11px;
	color:#fff;
	padding:2px 10px;
	background-color:#e3007f;
	display:inline-block;
}
#course #plan .sttl span {
	font-size:13px;
	font-weight:bold;
}
#course #plan .plan_sbox {
	padding:0 6%;
	margin:0 auto;
}
#course #plan dl dt {
	font-size:13px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	height:40px;
	display:table;
	float:left;
	clear:left;
}
#course #plan dl dt > span {
	padding-right:10px;
	display:table-cell;
	vertical-align:middle;
	background-color:#fff;
}
#course #plan dl dd {
	font-size:19px;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	text-align:right;
	padding:5px 0;
	background:url(../imgs/plan_dot.png) repeat-x left center;
}
#course #plan dl dd > span {
	padding-left:10px;
	background-color:#fff;	
}
#course #plan #fee_1 {
	margin-bottom:3%;
}
#course #plan #fee_1 dt,#course #plan #fee_1 dd {
	border-top:1px solid #e3007f;
}
#course #plan #fee_2 {
	border:1px solid #e3007f;
	border-radius:13px;
	padding:3% 0;
	margin-bottom:2%;
}
#course #plan #fee_2 dd .size {
	font-size:13px;
	font-weight:bold;
}
#course #plan ul li {
	font-size:10px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#course #plan ul li span {
	color:#e3007f;
}
#gallery .ttl {
	max-width:261px;
	margin:0 auto 3%;	
}
#gallery .cont {
	max-width:706px;
}
#gallery .slide {
	padding:0 5%;
}
#gallery .slick-prev, #gallery .slick-next {
	width:6%;
	height:30%;
	padding:1.4%;
}
#gallery .slick-prev {
	left:-1.4%;
}
#gallery .slick-next {
	right:-1.4%;
}
#gallery .slick-prev:before {
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:url(../imgs/gallery_back.png) no-repeat left center;
	background-size:contain;
}
#gallery .slick-next:before {
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:url(../imgs/gallery_next.png) no-repeat right center;
	background-size:contain;
}
#gallery .slick-slide {
	margin:0 5px;
}
#gallery .slick-slide img {
	width:100%;
	height:auto;
}
#teacher.bg_yl {
	padding-bottom:86px;
}
#teacher .frame {
	max-width:680px;
	background-color:#fff;
	background-clip:padding-box;
	padding:4% 4% 5%;
	margin:0 auto;
	border:2px dashed rgba(227, 0, 127, .3);
	border-radius:25px;
	position:relative;
}
#teacher .frame .clearfix {
	max-width:520px;
	margin:0 auto;
}

#teacher .frame .flt-l {
	width:40%;
}
#teacher .frame .flt-r {
	width:52%;
	padding-top:2%;
}
#teacher .frame .flt-r .namefrm {
	padding:5% 5% 10%;
	background:url(../imgs/name.png) no-repeat center center;
	background-size:contain;
}
#teacher .frame .flt-r .name {
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
#teacher .frame .flt-r .name span {
	font-size:15px;
	margin-right:5px;
	position:relative;
	top:-1px;
}
#teacher .frame .deco {
	width:27%;
	min-width:118px;
	position:absolute;
	right:-28px;
	bottom:-14%;
}
#teacher dl dt {
	width:44px;
	float:left;
	clear:left;
}
#teacher dl dd {
	padding-left:55px;
}
#teacher dl dd:not(:last-child) {
	padding-bottom:30px;
	margin-bottom:20px;
	border-bottom:1px solid #e3007f;
}

#teacher dl dd ul li {
	font-size:13px;
	font-weight:500;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	text-indent:-1em;
	padding-left:1em;
}

#teacher dl dd ul li span {
	color:#e3007f;
}
#join_access {
	background-color:#fef2f9;
	padding:4% 0 72px;
}
#join_access .mttl {
	margin-bottom:45px;
}
#join_access .cont {
	max-width:700px;
	margin:0 auto;
}
#join_access .flt-l,#join_access .flt-r {
	width:48%;
	max-width:300px;
}
#join_access .bder_w {
	border-radius:15px;
	background-color:#fff;
	position:relative;
	box-shadow:10px 10px rgba(220,221,221);
	-moz-box-shadow:10px 10px rgba(220,221,221);
	-webkit-box-shadow:10px 10px rgba(220,221,221);
	-o-box-shadow:10px 10px rgba(220,221,221);
	-ms-box-shadow:10px 10px rgba(220,221,221);
}
#join_access .bder_w:before {
	content:"";
	width:calc(100% + 1px);
	height:calc(100% + 1px);
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	border:3px solid #000;
	transform :translate(-50%,-50%);
	-webkit-transform :translate(-50%,-50%);
	-moz-transform :translate(-50%,-50%);
	-ms-transform :translate(-50%,-50%);
	-o-transform :translate(-50%,-50%);
	border-radius:20px;
}
#join_access .bder_w:after {
	content:"";
	width:166px;
	height:20px;
	display:block;
	background-color:#FFF;
	position:absolute;
	top:-5px;
	left:-5px;
	border-radius:20px 0 0 0;
	border-left:1.5px solid #FFF;
	border-top:1.5px solid #FFF;
}
#join_access .bder_w .corner {
	z-index:5;
	position:relative;
	padding:15% 10px;
}
#join_access .bder_w .corner:after {
	content:"";
	width:166px;
	height:20px;
	display:block;
	background-color:#FFF;
	position:absolute;
	top:-5px;
	left:-5px;
	border-radius:20px 0 0 0;
	border-left:3px solid #fef2f9;
	border-top:3px solid #fef2f9;
	z-index:-1;
}
#join_access .bder_w .ttl {
	position:absolute;
	top:-30px;
	left:2%;
}
#join_access .bder_w .detail {
	text-align:center;
	max-width:249px;
	margin:0 auto;
}
#join_access #join .detail .icon {
	width:68%;
	margin:0 auto 5px;
	padding-top:5%;
}
#join_access #join .detail .tell {
	width:86%;
	pointer-events:none;
	display:block;
	margin:0 auto 10px;
	padding:5px;
}
#join_access #join .detail p {
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	color:#fff;
	padding:5%;
	background-color:#e3007f;
	border-radius:25px;
}
#join_access #join .detail p .blk {
	font-size:27px;
	line-height:1.2;
	margin-bottom:5px;
	display:block;
}
#join_access #access .detail .map {
	width:85.6%;
	margin:0 auto 10px;
}
#join_access #access .detail p {
	font-size:15px;
	font-weight:bold;
	line-height:1.4;
	text-align:left;
	margin-bottom:5px;
}
#join_access #access .detail .g-map {
	font-size:13px;
	font-weight:bold;
	line-height:1.4;
	color:#fff;
	padding:2px 25px 2px 10px;
	display:block;
	background:url(../imgs/arrow_wh.svg) no-repeat right 15px bottom 6px;
	background-size:15px;
	background-color:#e3007f;
	border-radius:13px;
}
footer {
	padding:38px 20px 10px;
	background-color:#fff;
}
footer .img {
	width:50%;
	max-width:269px;
	min-width:185px;
	margin:0 auto 20px;
}
footer #cop {
	font-size:11px;
	text-align:center;
	padding-left:30px;
}
#totop {
	width:10%;
	max-width:60px;
	display: none;
	position:fixed;
	bottom:5%;
	right:2%;
	z-index:5;
}

@media screen and (max-width:768px) {
	#head_blk {
		padding:7% 0;
	}
	#menu li p {
		font-size:13px;
	}
	#school #detail #li_1 .scimg,#school ul #li_2 .scimg, #school ul #li_3 .scimg {
		width:35%;
		max-width:234px;
		margin:0 auto 10px;
		padding:0;
	}

	#school #detail li .txt {
		width:62%;
	}
	#school #detail #li_1 .txt .decosp {
		width:23.3%;
		max-width:81px;
		height:auto;
		margin:0 5px;	
	}
	#school #detail #li_3 .txt .decosp {
		width:29.1%;
		max-width:101px;
		height:auto;
		margin:0 5px;	
	}
	#school #detail #li_1 .deco,#school #detail #li_3 .deco {
		width:100%;
		position:static;
	}
	#school #detail #li_4 .deco3 {
		left:-10px;
	}
	#course #plan .ttl {
		top:-23px;
		left:-25px;
	}
	#course #course1 li {
		width:48%;
		margin-right:4%;
	}
	#course #course1 li .bookcont .txt .cmt {
		top:-15%;
	}
	#teacher .frame .deco {
		right:-15px;
		bottom:-17%;
	}
}

@media screen and (max-width:640px) {
	.bg_yl {
		padding:30px 0;
	}
	#gnav {
		padding:0;
		position:absolute;
		top:-100%;
		transition:top 0.5s ease-out;
		-webkit-transition:top 0.5s ease-out;
		-moz-transition:top 0.5s ease-out;
		-ms-transition:top 0.5s ease-out;
		-o-transition:top 0.5s ease-out;
	}
	#gnav.active {
		top:0;
	} 
	#menu {
		width:100%;
		padding:50px 0;
		background-color:#fff;
		position:fixed;
		z-index:6;
	}
	#menu li {
		width:calc(100% / 2);
	}
	#menu li:first-child,#menu li:nth-child(2) {
		margin-bottom:15px;
	}
	#menu li:nth-child(2):after {
		display:none;
	}
	#menu li a {
		opacity:initial;
	}
	#spmenu {
		display:block;
		position:fixed;
	}
	#corona {
		margin-bottom:30px;
	}
	#corona ul {
		max-width:365px;
		margin:0 auto;
	}
	#corona ul li {
		padding:0 7%;
	}
	#corona ul li:nth-child(3) {
		border:none;
		padding-right:0;
	}
	#corona ul li:nth-child(4) {
		padding-left:0;
	}
	#corona ul li:first-child,#corona ul li:nth-child(2),#corona ul li:nth-child(3)  {
		margin-bottom:15px;
	}
	#school #detail #li_2 .txt .decosp {
		top:82%;
		left:70%;
	}
	#school #detail #li_4 .deco1 {
		left:0;
	}
	#school #detail #li_4 .deco2 {
		right:-20px;
		top:15%;
	}
	#course {
		padding:100px 0 30px;
	}
	#course .bgwh:before {
		width:38%;
		padding-top:38%;
	}
	#course #course2 {
		margin:0 auto 50px;
	}
	#join_access {
		padding:20px 0 50px;
	}
	#join_access #join .detail .tell {
		pointer-events:auto;
	}
}
@media screen and (max-width:560px) {
	#school #detail > ul > li .flt-l,#school #detail  > ul li > .flt-r {
		float:none;
		width:100%;
	}
	#school #detail #li_1 .scimg,#school ul #li_2 .scimg, #school ul #li_3 .scimg {
		width:100%;
		max-width:234px;
		margin:0 auto 10px;
		padding:0;
		position:static;
	}
	#school #detail #li_1 .txt .decosp {
		width:15%;
	}
	#school #detail #li_2 .txt .decosp {
		width:10%;
		top:40%;
		left:auto;
		right:2%;
	}
	#school #detail #li_3 .txt .decosp {
		width:18%;
	}
	#school #detail #li_4 .ttl {
		font-size:18px;
		max-width:320px;
	}
	#course .bgwh {
		padding:30% 4% 8%;
	}
	#course #course1 {
		width:90%;
	}
	#course #course1 li,#course #course1 li:nth-child(even) {
		display:block;
		width:100%;
		max-width:332px;
		margin:0 auto 5%;
	}
	#course #plan dl dt {
		height:auto;
		padding-top:5px;
		display:block;
		float:none;
	}
	#course #plan dl dt > span {
		padding-right:0;
	}
	#course #plan dl dd {
		font-size:17px;
		border:none;
		width:170px;
		margin:0 0 0 auto;
	}
	#course #plan #fee_1 dd {
		border-top:none;
	}


	#teacher .frame .flt-l,#teacher .frame .flt-r {
		float:none;
		margin:0 auto;
	}
	#teacher .frame .flt-l {
		width:90%;
		max-width:147px;
	}
	#teacher .frame .flt-r {
		width:100%;
		max-width:272px;
	}
	#teacher .frame .deco {
		bottom:-7%;
	}
	#join_access .flt-l, #join_access .flt-r {
		float:none;
		width:100%;
		margin:0 auto;
	}
	#join_access .flt-l {
		margin-bottom:50px;
	}
	#join_access .bder_w .detail {
		height:auto!important;
	}
}
@media screen and (max-width:480px) {
	.mttl {
		font-size:18px;
	}
	#course .bgwh:before {
		width:167px;
		padding-top:167px;
	}

}
@media screen and (max-width:400px) {
	.mttl {
		font-size:16px;
	}
	.mttl span br {
		display:block;
	}
	#corona ul li {
		padding:0 3%;
	}
	#school #detail #li_1 .txt .decosp,
	#school #detail #li_2 .txt .decosp,
	#school #detail #li_3 .txt .decosp {
		display:none;
	}
	#school #detail #li_4 .deco1,#school #detail #li_4 .deco2 {
		display:none;
	}
	#school #detail #li_4 .ttl {
		font-size:16px;
		max-width:320px;
		padding-bottom:25px;
	}
	#course #course1 li .bookcont .txt .cmt {
		top:-10%;
	}
	#teacher .frame .deco {
		display:none;
	}
	#teacher .frame .flt-r .name {
		font-size:18px;
	}
	#join_access #join .detail p .blk {
		font-size:24px;
	}

}
@media screen and (max-width:320px) {

}
@media screen and (min-width:641px) {

}