@charset "utf-8";
*     {font-family:"游ゴシック体","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","Helvetica","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif"; box-sizing: border-box; list-style: none;}
html  {font-size: 62.5%; color:#3c3c3c; background-color: #FFF;}
img   {vertical-align: middle; border: 0;}
ul,ol{-webkit-padding-start: 0px; margin: 0;}
a{text-decoration: none;}
a:link    {color: #3c3c3c;}
a:visited {color: #3c3c3c;}
a:hover   {color: #3c3c3c;}
a:active  {color: #3c3c3c;}
h1,h2,h3,h4{margin: 0;}
.fl_r   {float: right;}
.fl_l   {float: left;}
.clearfix:after {content: ""; clear: both; display: block;}
.txt_l  {text-align: left;}
.mgt_10 {margin-top: 10px;}
.pdb_20 {padding-bottom: 20px;}

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

body{
	font-size: 15px;
	font-weight: normal;
	background: url(../images/all/bodyBg.jpg)repeat 0 0;
}

.top-bn{
	display: flex;
	width: 100%;
	margin: 10px auto;
	justify-content: center;
}
.top-bn img{
	width: 100%;
}

.top-bn a{
	width: 30%;
	margin: 10px;
}
@media screen and (max-width: 1100px) {

	.school-inner{
		width: 90%;
	}
	.bigti {
	    font-size: 10px;
	    font-weight: normal;
	    letter-spacing: -1px;
	    width: 100%;
	    background-color: #FFF;
	    text-align: left;
	    padding: 10px 40px 0px;
	    margin: 0;
	    box-sizing: border-box;
	}
	.sc_illust1{left:1%}
	.sc_illust2{right:1% }
	.sc_illust3{top:-40px;left:5%}
	.sc_illust4{right:10%}
	.sc_illust5{left:10%}

	#school-manabu-box,
	#school-info-box{
		margin: 0 calc(((100vw - 100%) / 2) * -1) 100px;
		padding: 100px 5% 70px;
	}

}

@media screen and (max-width: 750px) {
.pc{display: none;}
.sp{display: block;}

.new {
	background: #dc9b50;
	width: 45px;
	height: 45px;
	line-height: 45px;
}
.fcon{
	background-color: inherit;
}


#containerWrap{min-width: inherit;}
header{
	position: fixed;
	z-index: 250;
	background-color: #FFF;
	height: 70px;
	padding: 0;
	width: 90%;
	top: 0;
	left: 0;
}
.gnav-wrap{
	padding: 0 10px;
}

.top-con-box-inner{
	width: 90%;
	padding: 0 0 40px;
}
/*pc*/
.series-wrap-title-reno {
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 25px;
	font-weight: bold;
	padding: 60px 0 60px;
}
.series-wrap-title-reno img {
	position: absolute;
	display: block;
	width: 244px;
	height: 85px;
	top: 30px;
	left: 85px;
	right: 0;
	margin: auto;
}
/*sp修正*/
.series-wrap-title-reno img{
	width: 52.8vw;
	height: 25.8vw;
	left: 60px;
}
/*pc*/
.series-wrap-title-reno.ttlbg_refo img {
	height: 60px;top: 50px;
}
/*sp修正*/
.series-wrap-title-reno.ttlbg_refo img {
	width: 200px;
	height: 77px;
}
.position_r{position: relative}
img.sp-reform_hosi{
	position: absolute;
	top:-15px;left:70px;
	width: 52px;	}

.series-wrap-box{
	padding: 60px 0 0px;
}

.series-wrap{
	padding-bottom: 20px;
	margin-bottom: 60px;
}

.works-wrap-inner{
	width: 90%;
}

.works-left-ma{
	margin-right: 0;
}

.works-left{
	width: 100%;
	margin: 40px 0 0;
}

.works-wrap-title{
	font-size: 26px;
	top: 75px;
}

.works-box{
	width: calc(100% / 2 - 10px);
}

.works-left-inner-right img{
	width: 54.13vw;
	height: 31.46vw;
	left: 65px;
	top: 0;
}

/*
.works-left li:nth-child(1), .works-left li:nth-child(3){
	margin-right: 15.5px;
}
.news-wrap-inner li:nth-child(1), .news-wrap-inner li:nth-child(3){
	margin-right: 15.5px;
}
*/
.works-left li:nth-child(1),
.works-left li:nth-child(3){
	margin-right: 15px;
}

.fudosan-wrap,
.ft-top-inner{
	width: 90%;
}

.fcon .inner{
	width: 100%;
}

.ft-top-inner{
	padding: 60px 0 40px;
}

.ft-title{
	font-size: 26px;
}

.ft-mori{
	width: 15.46vw;
	height: 8.53vw;
	right: 0;
}

.ft-mori img{
	width: 100%;
}

.ft-top_ban1,
.ft-top_ban2{width:80%;margin:0 auto}
.ft-top_ban2 .ft-top_ban_txtL{font-size:19px;}

.ft-top_ban2 li a{min-height:120px;}

.ft-top-box{
	width: 100%;
	height: auto;
	border-right: none;
	margin: 0 auto 30px;
}

.ft-bottom-left{
	width: 100%;
	display: block;
	position: relative;
}

.ft-bottom-logo{
	width: 34.5vw;
	height: 8vw;
}

.ft-bottom-txt{
	font-size: 13px;
	line-height: 1.8em;
	padding-right:50px;
}

.ft-bottom-facebook{
	position: absolute;
	display: block;
	content: "";
	top: -3px;
	right: 0;
}
.ft-sns_block{
		position: absolute;
		display: block;
		top: -3px;
		right: 0;
	width: 36px}
.ft-sns_block a{display: block; margin:0 0 10px}
.ft-sns_block a img{width: 36px;height: 36px}

.ft-bottom-right{
	width: 100%;
	font-size: 12px;
}

.ft_banner,
.ft_banner2{
	width:100%;
	margin:0 auto;
}

.ft_banner a{
	max-width:200px;
	width:75%;
	margin:20px auto 0;
	position:static;
}
.ft_banner2 a{
	max-width:260px;
	width:80%;
	margin:20px auto 0;
	position:static;
}

.bottom-tb td{
	width: 145px;
}

.fcon{
	padding: 10px 0;
}
.ft-copy{
	padding: 30px 0 0;
	font-size: 10px
}

#fconright{float:inherit;width:100%;padding-top:0;line-height:1.5;font-size:11px}
#fconright ul{float:inherit}
#fconright ul li{width:33%;margin-left:0;text-align:center;border-right:1px solid #fff}
#fconright ul li:nth-child(3){border-right:none}
#fconContact span{display:block;margin:0 auto;width:30px;height:30px;margin-bottom:.3em;background:url(../images/all/ft-icon-contact.svg) no-repeat 0 0}
#fconSiryou span{display:block;margin:0 auto;width:30px;height:30px;margin-bottom:.3em;background:url(../images/all/ft-icon-siryou.svg) no-repeat 0 0}
#fconVoice span{display:block;margin:0 auto;width:30px;height:30px;margin-bottom:.3em;background:url(../images/all/ft-icon-voice.svg) no-repeat 0 0}
#fconTell{height:auto}
#fconTell span{display:block;margin:0 auto;width:30px;height:30px;margin-bottom:.3em;background:url(../images/all/ft-icon-tell.svg) no-repeat 0 0}


.fcon.fconNew{background-color:transparent;height:auto;padding:0;}
#fconright ul.col4 li{width:25%;border:none;padding:10px 0;}
#fconright ul.col4 li+li{border-left:1px solid #FFF;}
#fconright ul.col4 #fconSpEvent{background:#F5989D;}
#fconright ul.col4 #fconSpEvent span{display:block;margin:0 auto;width:30px;height:30px;margin-bottom:.3em;background:url(../images/all/ft-icon-event.svg) no-repeat 0 0}
#fconright ul.col4 #fconSpSiryou{background:rgba(0,0,0, .7);}
#fconright ul.col4 #fconSpSiryou span{display:block;margin:0 auto;width:30px;height:30px;margin-bottom:.3em;background:url(../images/all/ft-icon-siryou.svg) no-repeat 0 0}
#fconright ul.col4 #fconSpContact{background:rgba(0,0,0, .7);}
#fconright ul.col4 #fconSpContact span{display:block;margin:0 auto;width:30px;height:30px;margin-bottom:.3em;background:url(../images/all/ft-icon-contact.svg) no-repeat 0 0}
#fconright ul.col4 #fconSpTell{background:rgba(0,0,0, .7);}
#fconright ul.col4 #fconSpTell span{display:block;margin:0 auto;width:30px;height:30px;margin-bottom:.3em;background:url(../images/all/ft-icon-tell.svg) no-repeat 0 0}



.top-con-box-fudosan{
	width: 100%;
	height: auto;
}

.news-wrap-title{
	margin: 20px 0 30px;
}
.works-box-r{
	margin-right: 15px;
}
.works-box-img,
.works-box-img img{
	height: 32vw;
}

.works-category span{
	font-size: 10px;
}

.works-title{
	font-size: 12px;
}

.works-box{
	height: auto;
}

.top-con-box-left,
.top-con-box-right{
	width: 100%;
	height: auto;
	display: block;
}

.bn-fudosan,
.bn-fudosan img{
	width: 100%;
}
.box::after,
.box2::after,
.box3::after{
	width: initial;
	height: initial;
	content: initial;
	background: initial;
	margin: initial;
	position: initial;
	top: initial;
	bottom: initial;
	left: initial;
	right: initial;
	z-index: initial;
	transition:  initial;
	-webkit-transition:  initial;
	-o-transition: initial;
	-moz-transition: initial;
}

.box-bn img,
.bn-iedukuri img{
	width: 100%;
}

.top-con-box-iedukuri{
	width: 100%;
	height: auto;
	margin-right: 0;
}

.series-right-img{
	width: 100%;
}
.series-right-img img, .series-right-box img{
	height: auto;
}

.news-wrap-inner{
	width: 100%;
	display: block;
	border-right: none;
	padding: 70px 0;
	margin: 0 auto;
}

.news-wrap-inner:nth-of-type(1){
	border-right: 0px;
}

.news-wrap-inner:nth-of-type(2){
	border-right: 0px;
	min-height: unset;
}


.news-wrap-inner-img{
	top: -35px;
}

.news-category,
.model-category{
	font-size: 10px;
	padding: 5px;
}

.news-box-honbun{
	line-height: 1.5em;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.news-box-h3{
	font-size: 14px;
}

.news-box-title{
	font-size: 16px;
}
.news-box-inner{
	height: 32vw;
}

.new-icon{
	width: 36px;
	height: 36px;
}
/*
.news-box{
	width: calc(100% / 2 - 10px);
	height: auto;
	display: inline-block;
	margin-bottom: 30px;
	vertical-align: top;
}
*/


.news-box{
	width: calc((100% - 15px) / 2);
	height: auto;
	display: inline-block;
	margin-bottom: 30px;
	vertical-align: top;
	font-size:0px;
	letter-spacing:0;
}

.news-box:nth-of-type(1){
	margin-right:15px;
}

.news-wrap-inner{
	font-size:0px;
	letter-spacing:0;
}


.news-wrap-inner:nth-of-type(3),
.news-wrap-inner:nth-of-type(3) ul{
	font-size:0px;
}

.news-wrap-inner:nth-of-type(3) ul:nth-of-type(1){
	height: auto;
	margin-bottom: 45px;
}

.news-wrap-inner:nth-of-type(3) .news-box-title{
	font-size:15px;
	margin: 0 auto 15px;
}

.news-wrap-inner:nth-of-type(3) .news-box-line{
	font-size:13px;
}

.news-wrap-inner:nth-of-type(3) .news-box{
	width:100%;
}

.news-wrap-inner:nth-of-type(3) ul{
	display:inline-block;
	width: 100%;
}

/* 月刊ハーブ　SPホバーなし */
.herb_box::after{display:none;}


.mgr-20{
	margin-right: 15px;
}

.btn-more{
	width: 100%;
}

#header{width: 100%; padding: 0; height: auto;}
#headerLeft{
	float: left;
	width: 178px;
	padding-top: 5px;
}
#gnavi_sp li a:link, #gnavi_sp li a:visited, #navi a:link, #navi a:visited{text-decoration: none;}
ul.navi1 li a{
	display: block;
	padding: 18px 0 10px;
	border-bottom: 1px solid #0a0a0a;
}

ul.navi1 li{
	width: 48%;
	float: left;
	margin-right: 4%;
	font-size: 1.3rem;
	font-weight:700;
}
ul.navi1 li:nth-child(2n){
	margin-right: 0;
}

#navi{
	position: fixed;
	top: 0;
	right: auto;
	left: 0;
	text-align: left;
	width: 100%;
	height: 100%;
	background: #FFF;
	overflow-y: auto;
	z-index: 240;
	padding: 0 5%;
}

ul.navi1{
	margin-top: 50px;
	padding-top: 40px;
	overflow: hidden;
	margin-bottom: 40px;
}

ul.navi0{margin-top:50px;padding-top:40px;overflow:hidd
	en}
ul.navi1.navi1-v2{margin-top:0;padding-top:0}
ul.navi0 li{border-radius:6px;font-weight:400;font-size:1.5rem;}
ul.navi0 li + li{margin-top:8px;}
ul.navi0 li a{padding:14px;color:#fff;display:block;}
ul.navi0 i{width:20px;height:20px;background:url(../images/all/icon_drawer.svg) no-repeat;background-size:20px 100px;margin:0 5px -5px 0;display:inline-block;}
/* .navi0_col01{background:#63BC88;}
.navi0_col02{background:#D88CBA;}
.navi0_col03{background:#71C7CF;}
.navi0_col04{background:#D55C58;}
.navi0_col05{background:#5570B5;} */
.navi0_col01{background:var(--color10)}
.navi0_col02{background:var(--color10)}
.navi0_col03{background:var(--color10)}
.navi0_col04{background:var(--color10)}
.navi0_col05{background:var(--color10)}


ul.navi0 .navi0_col01 i{background-position:0 0;}
ul.navi0 .navi0_col02 i{background-position:0 -20px;}
ul.navi0 .navi0_col03 i{background-position:0 -40px;}
ul.navi0 .navi0_col04 i{background-position:0 -60px;}
/* ul.navi0 .navi0_col05 i{background-position:0 -80px;} */
ul.navi0 .navi0_col05 i{width:20px;height:20px;background:url(../images/all/icon_family.svg) no-repeat;background-size:20px 20px;margin:0 5px -5px 0;display:inline-block;}

#gnavi_sp{
	margin-top: 63px;
	background-color: #FFF;
	border-bottom: 1px solid #0a0a0a;
	text-align: center;
	padding: 15px 0;
	letter-spacing: -.4em;
}
/* #gnavi_sp li:first-child{padding: 0 1%;}
#gnavi_sp li:nth-child(2),
#gnavi_sp li:nth-child(3),
#gnavi_sp li:nth-child(4){padding: 0 1% 0 0;} */
#gnavi_sp li{
	letter-spacing:normal;
	font-size: 10px;
	display: inline-block;
	min-width: 22%;
	height: 28px;
	padding: 5px 2% 0;
	border-right: 1px solid #0a0a0a;
	line-height: 1.4;
	vertical-align: middle;
}
#gnavi_sp li:last-child{border-right: 0;}

.menu-icon{
	position: fixed;
	top: 0;
	right: 0;
	width: 58px;
	height: 70px;
	line-height: 70px;
	background-color: #F5989D;
	z-index: 250;
	display: block;
	cursor: pointer;
}

.menu-fb{
	position: fixed;
	top: 6px;
	right: 70px;
	width: 36px;
	height: 36px;
	z-index: 250;
	display: block;
}
.menu-sns{
	position: fixed;
	top: 28px;
	right: 65px;
	z-index: 250;
	display: block;
}
.menu-sns img{width: 34px;height: 34px;margin:0 3px;}
}
@media screen and (max-width: 360px) {
	#headerLeft{width: 132px}
    #headerLeft.headerLeft2{width: 46%}
	.menu-sns{top: 28px;}
	.menu-sns img{width: 32px;height: 32px;margin:0 1px}

    .menu-icon2{width: 52px;height: 48px;padding-top: 2px}
    .menu-sns2{right: 62px;}
    .menu-sns2 img{letter-spacing: 0;margin:1px 1px 0}
}
@media screen and (max-width: 380px) {
    #headerLeft.headerLeft2{width: 46%}
    .menu-sns2 img{letter-spacing: 0;margin:1px 1px 0}
    	.bigti {
	    font-size: 10px;
	    font-weight: normal;
	    letter-spacing: -1px;
	    width: 100%;
	    background-color: #FFF;
	    text-align: left;
	    padding: 10px 10px 0px;
	    margin: 0;
	    box-sizing: border-box;
	}
    }


@media screen and (max-width: 750px) {
.top-bn{
	display: block;
	width: 80%;
	margin: 30px auto 30px;
}
.top-bn img{
	width: 100%;
	margin-bottom: 20px;
}

.top-bn a{
	margin: 10px auto;
}
.lixil_bn{
	display: inline-block;
}
/* 吹き出し--*/
.ft-sns_balloon.pc{display: none}
.ft-sns_balloon.sp{display: inline-block}
.ft-sns_balloon.sp span{
    -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    display: inline-block;
    position:relative;
    background:#FFF;
    padding: 8px;
    font-size: 12px;
    line-height: 1.4;
    border:2px solid var(--color20);
    border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}
.ft-sns_balloon.sp span:after,
.ft-sns_balloon.sp span:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    bottom:100%;
    left:50%;
}
.ft-sns_balloon.sp span:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:7px;
    border-right-width:7px;
    margin-left: -8px;
    border-bottom-color:#FFFFFF;
}
.ft-sns_balloon.sp span:before{
    border-color: rgba(220, 155, 80, 0);
    border-top-width:15px;
    border-bottom-width:15px;
    border-left-width:9px;
    border-right-width:9px;
    margin-left: -10px;
    margin-bottom: 1px;
    border-bottom-color:var(--color20);
}




.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #0a0a0a;
	border-bottom: 1px solid #0a0a0a;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	line-height: 2.6;
	position: relative;
	display: block;
	padding: 8px 0 0;
	cursor: pointer;
	margin: 0 0 1px 0;
	background: #FFF;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.6s;
	transition: max-height 0.6s;
	color: #0a0a0a;
	background: var(--color10);
}
.cp_actab .cp_actab-content p {
	margin: 0;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 20em;
}
/* Icon */
.cp_actab label::after {
	line-height: 2.6;
	position: absolute;
	top: 6px;
	right: 0;
	display: block;
	width: 2.6em;
	height: 2.6em;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

.cp_actab-content a {border-bottom: none !important; color: #FFF;}
.cp_actab-content a p{padding-left: 1em; position: relative;}
.cp_actab-content a p:before{
	content: '-';
	position: absolute;
	top: 0;
	left: .5em;
	display: block;
}

.navi2 li{display: inline-block;margin-right:8px}
.navi2 img{
	width: 36px;
	height: 36px;
}



.navi1-v2 .cp_actab input[type=checkbox]+label::after{content:none}
.navi1-v2 .cp_actab label i{display:block;width:16px;height:16px;border-radius:50%;background:var(--color11);-webkit-transition:all .6s;transition:all .6s;position:absolute;top: calc(50% - 8px);
	right:0;}
.navi1-v2 .cp_actab label i::after,.navi1-v2 .cp_actab label i::before{content:"";position:absolute;top:50%;left:50%;width:2px;height:10px;background:#fff;}
.navi1-v2 .cp_actab label i::before{transform:translate(-50%,-50%) rotate(90deg)}
.navi1-v2 .cp_actab label i::after{transform:translate(-50%,-50%) }
.navi1-v2 .cp_actab input[type=checkbox]:checked+label i{transform:rotate(315deg)}


#main-img{width:100%;height:85.5vw;position:initial;overflow:hidden}

#main-img img{width:auto;height:100%;object-fit:cover}
.main-img-message{width:34vw;top:40vw}

/* #main-slider{width:100%;height:100vw;position:initial;overflow:hidden} */
#main-slider img{height:100%;object-fit:cover}
#main-slider .swiper-container_pc,
#main-slider .swiper-pagination_pc,
#main-slider .swiper-button-prev_pc,
#main-slider .swiper-button-next_pc{display:none;}



.top-con-box{
	width: 90%;
	padding: 90px 0 60px;
}
.top-con-box-txt{
	font-size: 15px;
	text-align: left;
	line-height: 2em;
}

.top-con-box-home{
	width: 35.47vw;
	height: 23.73vw;
	top: -10px;
}

/*トップに戻るボタン*/
#page_top{
  width: 32px;
  height: 32px;
  position: fixed;
  right: 5px;
  bottom: 90px;
  background: #F5989D;
  opacity: 1;
}

#page_top a{
	width: 32px;
	height: 32px;
}

#content{
	padding: 0;
	margin-bottom: 60px;
}
#breadcrumbList{
	padding-top: 15px;
	margin: 0 auto 15px;
}
.archive-title{
	font-size: 26px;
	margin: 20px 0 45px;
}

.archive-inner-img{
	margin: 0 auto 25px;
}

.archive-box{
	width: 100%;
	display: block;
	margin-left: 0px;
	line-height: 2.3;
}

.archive-box .new-icon{
	width: 60px;
	height: 60px;
}

.btn-more-archive{
	width: 100%;
}

.content-box{
	width: 100%;
	padding: 30px 15px;
}

.dayori-title{
	font-size: 20px;
}
.content-main-img{
	margin: 20px 0;
}

.content-box-honbun{
	font-size: 14px;
	line-height: 2em;
	overflow: hidden;
}

.content-box-honbun img{
	width: 100%;
	overflow: hidden;
  height: auto;
}

.writer-box{
	height: auto;
}
.wrier-right{
	margin-left: 100px;
}

.writer-img{
	position: absolute;
	content: "";
	display: block;
	top: 10px;
	left: 10px;
}

.content-box-sub{
	width: 75%;
	margin: 40px auto;
	display: block;
}

.tsugi-box-sp{
	justify-content: space-between;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid #282828;
}

.tsugi-box-sp .mae{
	border-right: 1px solid #282828;
	padding: 20px 0;
	width: 50%;
}

.tsugi-box-sp .tsugi{
	padding: 20px 0;
	width: calc(50% - 5px);
}

.ichiran-sp{
	text-align: center;
	padding: 20px;
	margin: 0 auto;
	font-weight: bold;
}

.ichiran-sp a{
	border-bottom: 1px solid #282828;
	padding-bottom: 4px;
}

.mae a::before{
	top: 64%;
	left: 5px;
}

.mae a{
	padding-left: 15px;
}

.tsugi a{
	padding-right: 15px;
}

.tsugi a::before{
	top: 64%;
	right: 5px;
}


.content-box-inner{
	margin-bottom: 20px;
}

	.school-h2{font-size: 22px;	margin: 0 auto 20px;text-align: center;}
	.school-h2 img{margin-bottom: 10px}
	.school-readtxt{ margin-bottom: 20px;}
	.school-hajime{
		margin-bottom: 50px
	}
	.school-hajime li{
		width: 100%;
		margin: 50px 0 0 0;
		display: block;
	}
	.sc_illust3{position: static;width: 77px; height: 81px}
	.sc_illust4{position: static;width: 75px; height: 60px}
	.sc_illust5{position: static;width: 83px; height: 85px}

	#school-manabu-box{
		margin: 0 calc(((100vw - 100%) / 2) * -1) 50px;
		padding: 20px 5% 30px;
		}


	#school-manabu-box dl:nth-of-type(odd) dd.sc-manabu-img,
	#school-manabu-box dl:nth-of-type(odd) dt,
	#school-manabu-box dl:nth-of-type(even) dd.sc-manabu-img,
	#school-manabu-box dl:nth-of-type(even) dt{
		float: none;
		width: 100%;
	}
	#school-manabu-box dl {
		padding-bottom: 20px;
		margin: 0 auto 30px;
	}
	.sc-manabu-no{
		display: block;
		margin: 10px auto;
	}
	.sc-manabu-h5{
		text-align: center;
		font-size: 20px;
	}

.archive-box-inner{
	height: 200px;
	margin-bottom: 10px;
}


}

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

	.sc_illust1{top:35px;width: 46px; height: 54px}
	.sc_illust2{top:40px;width: 58px; height: 42px }

	.school-readtxt{text-align: left;margin-top: 30px;}

	.school-title{
		margin: -55px calc(((100vw - 100%) / 2) * -1) 50px;
		background-image: url("../images/school/sc_top@2x.jpg");
		background-repeat: no-repeat;
		background-size: 130vw auto;
		background-position: 50% 50%;
		padding: 15vw 0 20vw;
	}

	.school-title img.title-jp{	width: 80%; max-width: 400px; height:auto}

	.sc-manabu-no {
		height: 71px;
		width: 65px;
		background: url(../images/school/sc_illust_loupe.svg) no-repeat;
		background-size: 65px 71px;
	}
	.sc-manabu-no span{
		font-size: 22px;
		padding: 13px 0 0 15px;
	}

	#school-voice-box{margin-bottom: 50px}
	.sc-voice-list li{
		padding: 10px 20px;
		margin-top:80px;
	}
	.sc-voice-h5{
		position: absolute;
		top: -60px;
		left: 30px;
	}


	#school-info-box{
		margin: 0 calc(((100vw - 100%) / 2) * -1) 50px;
		padding: 20px 5% 30px;
		}
	#school-info-box p,
	#school-info-box dl{
		float: none;
		width: 100%;
	}
	a.school-detail-btn{width: 100%}

}


@media screen and (max-width: 325px) {
#gnavi_sp li{width: 18%;}
.archive-title{font-size: 24px;}
#gnavi_sp li{letter-spacing: -0.1em;}
}


.archive-box-inner.eventend{background-color:#000;position: relative;}
.archive-box-inner.eventend img{opacity:.4;display:block}
.archive-box-inner.eventend::after {
  position: absolute;
  text-align: center;
  top: 38%;
  right: 0;
  left: 0;
  white-space: pre;
  content: 'イベントは\A終了しました';
  line-height: 1.5;
  color: #fff;
  z-index: 1;
  display: block;
  font-size: 17px;
}