/* スマホ・タブレット */
@media screen and (max-width: 1200px){
	
	.course-flex p.sent.big {
    white-space: unset;
}
	p.seng.scroll.fade-left {
    font-size: 60px;
}
	.about-flex.right p.seng {
    left: 0;
    font-size: 60px;
}

	.about-flex.right .left-wrap {
    width: 40%;
    padding-left: 5%;
}
	.about-flex .right-wrap {
    padding-right: 5%;
    width: 40%;
}
	#body div.abs {
    left: -60px;
    bottom: 0;
}
	p.big-catch {
    font-size: 34px;
}
.top-about-flex .left-wrap {
    padding-top: 170px;
}

p.sent {
    width: 85%;
}
p.big-back {
font-size: 75px;
}

	ul#main-nav,.fixed-header #header ul#main-nav {
    margin: 0;
}
	
	
	.mobile_menu_active #headerwrap #main-nav .zaiko a {
    background: #1e3154;
    padding: 11px 30px;
    color: #fff!important;
    font-size: 98%;
    text-align: center;
    width: 200px;
    margin: 20px auto;
    max-width: 100%;
}
	
	.mobile_menu_active #headerwrap #main-nav .sub-menu a:before {
    content: "・";
    background: no-repeat;
    top: 0;
    position: relative;
    margin-right: 10px;
}

.mobile_menu_active #headerwrap #main-nav a:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 1px;
    background: #111;
    top: 20px;
    left: 0;
}
		#header span.child-arrow {
    display: none;
}
	#main-nav li.toggle-on>.sub-menu {
    border: 0;
    left: 0;
    width: 100%;
}
	
	
		#headerwrap .header-icons {
    top: 31px;
}
	.fixed-header #header div#site-logo ,div#site-logo{
    margin: 9px 0px;
}
	.spnone{display:none;}

	.mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a {
    text-align: left;
		    padding: 8px 0;
}
	
		.mobile_menu_active #headerwrap #main-nav a {
     padding-left: 25px;

}
	/* スマホサブメニュー開きっぱなし
		span.child-arrow {
    display: none;
}
.mobile_menu_active #headerwrap #main-nav>li>ul.sub-menu {
    max-height: unset;
}
	 */
	#headerwrap #site-logo a img, #headerwrap.fixed-header #site-logo img:not(#sticky_header_logo) {
    width: 158px;
    max-height: unset;
}
}
/* スマホ・タブレットここまで */

/* PC・タブレット */
@media screen and (min-width: 680px){
    .layout5-1 .sub_column.module_column.first {
    width: 13%;
}
.layout5-1 .sub_column.module_column.last {
    width: 83.8%;
}
    div.layout5-3 .sub_column.module_column.first {
    width: 40%;
}
  div.layout5-3 .sub_column.module_column.last {
    width: 56.4%;
}
      div.layout3-5 .sub_column.module_column.first {
    width: 56.4%; 
}
  div.layout3-5 .sub_column.module_column.last {
   width: 40%;
}
    .hside div.module_column.col4-3 {
    width: 71%;
}
  .hside .module_column.col4-1 {
    width: 24%;
    margin-left: 5%;
}
}
/* PC・タブレットここまで */
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}

@media screen and (min-width: 900px) and (max-width: 1400px){
#s-wrap .left-w {
    width: 100%;
}
	div#s-wrap div#s1.on, div#s-wrap div#s2.on {
    display: block;
}
	#body #s-wrap .right-w iframe {
    width: 100%;
    position: relative;
    left: 0;
    height: 250px;
}
	#s-wrap a.btn {
    margin: 50px 0 30px;
}
	#s-wrap .right-w {
    width: 100%;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
img.fl-img {
    position: relative;
    top: 111px;
    z-index: -1;
}
}
@media screen and (min-width: 1400px) and (max-width: 1500px){
	img.fl-img {
    position: relative;
    top: 30px;
    z-index: -1;
}
}

@media screen and (min-width: 1200px) and (max-width: 1350px){
	#main-nav .menu-item-has-children>a, #main-nav a {
    padding: 0 5px;
    font-size: 18px;
}
	ul#main-nav {
    margin: 38px 45px 38px 0;
}
div.bgw {
    width: 80vw;
    margin: 0 auto;
}
	.btn-flex {

    gap: 20px;
}
.course-flex,.c-feat,div.tb-width2 {
    max-width: 90%;
	    margin: 0 auto;
}
.about-flex .right-wrap {
    padding-right: 5%;
    width: 40%;
}
	.about-flex.right .left-wrap {
    width: 40%;
    padding-left: 5%;
}
	p.big-back {
    font-size: 90px;
}
	.course-flex p.sent.big {
    white-space: normal;
}
	.about-flex.right p.seng {
    left: 0;
}
	.moji-wrap {
    width: 55%;
}
	#body div.abs {
    left: -90px;
}
	#body .top-about-flex ul {
    width: 85%;
}
}

@media screen and (min-width: 760px) and (max-width: 900px){
	div.tb-width {
    max-width: 90%;
    margin: 0 auto;
}

}
@media screen and (min-width: 900px) and (max-width: 1200px){
	.about-flex.right p.seng {
    left: 0;
}
.course-flex p.sent.big {
    white-space: normal;
}
.course-flex,.c-feat, div.tb-width2{
    max-width: 90%;
	    margin: 0 auto;
}
	ul.lect li {
    width: 25%;
}
	ul.lect {
    flex-wrap: wrap;
}
	.btn-flex {

    gap: 20px;
}
.philo-flex {

    gap: 5%;

}
.philo-flex .left-wrap, .philo-flex .right-wrap {
    width: 47.5%;
}
	#s-wrap h4 {
    margin-top: 41px;
}
	.top-feature-flex.school {

    gap: 20px;
}
	div.ins-video {

    width: 80vw;
}
	.slick-prev, .slick-next {
    bottom: 0;
    top: unset;
}
	img.fl-img {
    position: relative;
    top: 111px;
    z-index: -1;
}
	div.bgw {
    width: 80vw;
    margin: 0 auto;
}

#body .top-about-flex ul {
    width: 80%;
}

}
@media screen and (min-width: 900px) {
p.cc.sp {
    top: -111px;
}
p.cc.sp2 {
    top: -39px;
    left: calc(-10vw + 38px);
}
}