@charset "utf-8";
footer{
    text-align: left;
}
.copyright{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 93px;
	background-color: #92d01b;
}
.copyright p{
	font-size: 12px;
	letter-spacing: 0.18em;
}
.copyright p > br{
	display: none;
}

.footerMain{
	background-color: #626262;
}

.footerMainLinkArea{
	display: flex;
}

.footerMainLinkArea{
	display: flex;
	justify-content: space-between;
}

.footerMainLinkAreaIn{
/* 	margin-right: 50px; */
}
.footerMainLinkAreaIn:last-of-type{
	margin-right: 0;
}
.linkList{
	margin-bottom: 24px;
}
.linkParent, a.linkParent{
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #FFF;
	display: block;
	margin-bottom: 24px;
}
.linkParent.noMarBo{
	margin-bottom: 0;
}

.linkList li, .linkList li > a{
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
}

.footerMainInfoArea{
	display: flex;
	align-items: flex-end;
}

.footerMainInfoAreaInInfo{
	flex-basis: 65%;
	display: flex;
	align-items: flex-end;
}
.footerMainInfoAreaInInfoDetail{
	display: block;
	margin-left: 10px;
}
.footerMainInfoAreaInInfoDetail p{
	font-size: 24px;
	line-height: 1.1;
	color: #FFF;

}

.footerMainInfoAreaInInfoMap{
	flex-basis: 35%
}
.footerMainInfoAreaInInfoMap iframe{
	height: 245px;
	width: 100%;
}

@media screen and (max-width: 1473px) {
	.linkList li, .linkList li > a {
	    font-size: 12px;
	}
	.footerMainInfoAreaInInfoDetail p{
		font-size: 15px;
	}
}

@media screen and (max-width: 991px) {
	.linkList li, .linkList li > a{
		line-height: 20px;
	}
	.linkList li{
		margin-bottom: 7px;
	}
	.copyright p > br{
		display: block;
	}
	.copyright p{
	text-align: center
	}
	.footerMainLinkArea, .footerMainInfoArea{
		flex-wrap:wrap;
	}
	.footerMainLinkAreaIn{
		flex-basis: 100%;
	}
	 .footerMainInfoAreaInInfo{
		flex-basis: 100%;
		justify-content: flex-start;
		flex-wrap:wrap;
		order: 2;
	}
	.footerMainInfoAreaInInfoMap{
		order:1;
		flex-basis: 100%
	}
	 .footerMainInfoAreaInInfo > img, .footerMainInfoAreaInInfoDetail{
		flex-basis: 100%;
	}
	.footerMainInfoAreaInInfoDetail p{
		font-size: 16px;
		margin-top: 10px
	}
}
/* 	@charset "utf-8"; */

.mainImgSection{
	position: relative;
    height: calc(100vh - 88px);
/*     margin-bottom: -88px; */
}

.mainImgSectionImgArea{
	position: relative;
    height: 100%;
}

.mainImgSectionImgArea .mainImgSectionImgAreaInBase{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.mainImgSectionImgArea .mainImgSectionImgAreaInBase > img{
	position: absolute;
	left: -40px;
}
.mainImgSectionImgAreaInBaseIn{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}

.mainImgSectionImgAreaInBaseIn > h1{
		font-size: 65px;
		letter-spacing: 0.13em;
		color: #FFF;
		text-shadow: 0 3px 10px #000;
		position: relative;
		z-index: 2;
}

.mainImgSectionImgAreaInBaseIn > img{
	position: absolute;
    right: 30%;
    top: -110px;
    z-index: 1;
}


.headerMenuSpLogo{
	background-color: #92d01b;

}

.mainImgSectionImgAreaIn{

}

.mainImgSectionImgAreaIn img{
	width: 100%;
    height: calc(100vh);
    object-fit: cover;
/* 	position: absolute; */
/* 	z-index: -1; */
}
#slider .sp-mask{
	height: 100vh!important;
}

.spFullHeight .mainImgSectionImgAreaIn img.sp{
	display: none
}
.mainImgSectionLayerWrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mainImgSectionLayer{
	position: relative;
}

.mainImgSectionLayer:before, .mainImgSectionLayer:after{
	content: "";
	position: absolute;
	border: 1px solid #459a00 ;
	display: block;
}

.mainImgSectionLayer:before{
	top: -40%;
	left: 0;
	width: 100%;
	height: 180%;
}

.mainImgSectionLayer:after{
	top: -20%;
	left: -30%;
	width: 160%;
	height: 140%;
}

.mainImgSectionLayerStr{
	text-align: center;
}

.mainImgSectionLayerStr > .indexMainTxt, .mainImgSectionLayerStr > .indexMainTxt span{
	font-size: 179px;
	letter-spacing: 0.02em;
	color: #63bf00;
	font-family: Georgia;
	font-weight: bold;
	transform: scale(0.84, 1);
}

.mainImgSectionLayerStr > .indexMainTxt > span{
	color: #e06b87;
}

.mainImgSectionLayerStr > span{
	font-size: 23px;
	letter-spacing: 0.13em;
	line-height: 1;
	color: #459a00;
}

.mainImgSectionLayerStr > p{
	font-size: 31px;
	letter-spacing: 0.13em;
	color: #459a00;

}

.mainImgSectionLayerBottomWrap{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	z-index: 2;
}
.mainImgSectionLayerBottomMenu{
	height: 100px;
	background-color: #FFF;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.mainImgSectionLayerBottomMenuCol{
	flex-basis:25%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 3px solid #e5e5e5;;
}

.mainImgSectionLayerBottomMenuCol a{
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: meirio;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.18em;
	color: #262626;
}
.mainImgSectionLayerBottomMenuCol a:link {
	color: #262626;

}

.mainImgSectionLayerBottomMenuCol:last-of-child a{
	border-right: none;
}

.imageBkArea{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.imageBkArea.ai-s{
	align-items: flex-start;
}

.imageBkArea2{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.imageBkArea2Img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.bkTopics{
	background-image: url(../img/top_topics_bk.jpg);
	height: 847px;
}
.bkPickup{
	background-image: url(../img/top_pickup_bk.jpg);
	height: 800px;
}
.bkDesert{
	background-image: url(../img/bk_desert.jpg);
	height: 1160px;
}
.bkBaby{
	background-image: url(../img/babyzaras.jpg);
	height: 470px;
	background-size: cover;
	position: relative;
}
.bkBaby:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4)
}
.bkBaby .articleAreaTtl {
	position: relative;
	z-index: 3;
}
.bkBaby .articleAreaTtl > h2, .bkBaby .articleAreaTtl > p, .bkBaby .articleAreaTtl > a {
	text-shadow: 0 0 5px #000;
}
.bkOffice{
	background-image: url(../img/office.jpg);
	height: 582px;
	background-size: cover;
}
.bkAmebro{
	background-image: url(../img/amebro.jpg);
	height: 325px;
}
.bkGreenGrade{
	background: rgb(195,229,135);
	background: -moz-linear-gradient(top, rgba(195,229,135,1) 0%, rgba(143,202,60,1) 100%);
	background: -webkit-linear-gradient(top, rgba(195,229,135,1) 0%,rgba(143,202,60,1) 100%);
	background: linear-gradient(to bottom, rgba(195,229,135,1) 0%,rgba(143,202,60,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3e587', endColorstr='#8fca3c',GradientType=0 );
}

.contentBorder{
	border: 1px solid #91bd16;
	background-color: rgba(255,255,255,0.87);
	display: flex;
	justify-content: center;
	    align-items: flex-start;
	 flex-wrap: wrap;
	 height: 430px;
	 position: relative;

}
.contentBorderOnTtl {
	width: 100%;
	text-align: center;
/* 	position: absolute; */
/* 	top: 65px; */
	display: block;
	margin-top: 50px;
	font-size: 36px;
	line-height: 1.333;
	letter-spacing: 0.18em;
/* 	text-shadow: */
/* 	    #FFFFFF 1px 1px 15px, #FFFFFF -1px 1px 15px, */
/* 	    #FFFFFF 1px -1px 15px, #FFFFFF -1px -1px 15px, */
/* 	    #FFFFFF 2px 2px 15px, #FFFFFF -2px 2px 15px, */
/* 	    #FFFFFF 2px -2px 15px, #FFFFFF -2px -2px 15px, */
/* 	    #FFFFFF 3px 3px 15px, #FFFFFF -3px 3px 15px, */
/* 	    #FFFFFF 3px -3px 15px, #FFFFFF -3px -3px 15px; */
}
.article1ColBox{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	width: 970px;

}
.article1ColBoxImg{
	flex-basis: 35%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.article1ColBoxImg{
	overflow: hidden;
}
.article1ColBox .article1ColBoxImg > img{
	transform: scale(1.0);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.article1ColBox:hover .article1ColBoxImg > img{
	transform: scale(1.1);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.contentArticleBoxColInImg {
	overflow: hidden;
}
.contentArticleBoxCol .contentArticleBoxColInImg > img{
	transform: scale(1.0);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.contentArticleBoxCol:hover .contentArticleBoxColInImg > img{
	transform: scale(1.1);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.article1ColBoxDtail{
	margin-left: 30px;
	flex-basis: 60%;
}
@media screen and (max-width: 991px){
	.article1ColBoxDtail{
		margin-left: 0px;
	}
}

.article1ColBoxDtail h3{
	font-size: 24px;
	position: relative;
	margin-bottom: 30px;
}

.article1ColBoxDtail h3:after{
	content: "";
	display: block;
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 100px;
	height: 3px;
	background-color: #00ff00;

}
.article1ColBoxDtail p{
	font-size: 18px;
	margin-bottom: 50px;
	letter-spacing: 0.18em;
}

.linkBtn{
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 5px;
}
.pinkBtn, a.pinkBtn{
	background-color: #f19ec2;
	color: #FFF;
}


.articleArea{

}

.articleAreaTtl{
	margin-bottom: 80px;
	text-align: center;
}

.articleAreaTtl.mb-40ch{
	margin-bottom: 40px;
}


.articleAreaTtl h2, .articleAreaTtl .h2tag{
	font-size: 40px;
	letter-spacing: 0.08em;
	font-weight: bold;
}

.articleAreaTtl p, .articleAreaTtl .ptag{
	font-size: 20px;
}

.articleAreaTtl.allCenter{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
}

.articleAreaTtl.allCenter h2,.articleAreaTtl.allCenter p,.articleAreaTtl.allCenter span{
	flex-basis: 100%
}

.articleAreaTtl p, .articleAreaTtl .ptag{
	    font-size: 22px;
}

.articleAreaTtl2{
	display: flex;
	text-align: right;
	justify-content: flex-end;
	align-self: flex-start;
	padding-top: 45px;
	margin-right: 250px;
}

.articleAreaTtl2 p, .articleAreaTtl2 .tagsp{
	font-size: 25px;
	letter-spacing: -0.02em;
}
.articleAreaTtl2 h2{
	margin-top: -40px;
}


.articleAreaTtl2 h2, .articleAreaTtl2 h2 > span, .articleAreaTtl2 h2 > span.cl2,
.articleAreaTtl2 h2 .tagsh2, .articleAreaTtl2 h2 .tagsh2 > span, .articleAreaTtl2 h2 .tagsh2 > span.cl2{
	line-height: 1;
	font-size: 76px;
	letter-spacing: 0.08em;
}
.articleAreaTtl2 h2 > span,
.articleAreaTtl2 h2 .tagsh2 > span{
	color: #FFF;
}

.articleAreaTtl2 h2 > span.cl2,
.articleAreaTtl2 h2 .tagsh2 > span.cl2{
	color: #e06b87;
}

.articleAreaTtl2 p.articleAreaTtl2p2{
	    font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.18em;
}
.articleAreaTtl2 p.articleAreaTtl2p2 > br.sp{
	display:none;
}

.article4ColBox{
	display: flex;
/* 	justify-content: space-between; */
justify-content: space-around;
	align-items: center
}
.article4Col{
	width: 305px;
	height: 305px;
	position: relative;
	border-radius: 50%;
    overflow: hidden;
}

.article4Col:nth-child(even){
	top: 20px;
	transition: top .3s ;
}

.article4Col:nth-child(odd){
	top: -20px;
	transition: top .3s;
}

.article4Col:hover:nth-child(even){
	top: 0px;
	transition: top .3s;
}
.article4Col:hover:nth-child(odd){
	top: -40px;
	transition: top .3s;
}

.article4Col:hover .article4ColIn.bottomComment{
	background-color: rgba(0,0,0,0);
	transition: background-color .3s;
}

.article4Col > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article4Col.greenlayer:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	background-color: rgba(117,225,1,0.0)
}

.article4ColIn{
	width: 100%;
	height: 170px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
}

.article4ColIn p, .article4ColIn span{
	    font-size: 15px;
	line-height: 23px;
	color: #FFF;
	text-align: center;
	padding: 0 0 20px 0;
	font-family: "Meiryo UI";
	text-shadow: 0 0 5px #111, 0 0 5px #111, 0 0 5px #111;
}

.article4ColIn span{
	text-decoration: underline;
	color: #FFF;
}

.article4Col:hover span{
	color: #94ff60;
}


.article4ColIn.greenGrad{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b7a00+0,053c0a+100&0+0,0.83+70 */
background: -moz-linear-gradient(top, rgba(59,122,0,0) 0%, rgba(21,79,7,0.83) 70%, rgba(5,60,10,0.83) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(59,122,0,0) 0%,rgba(21,79,7,0.83) 70%,rgba(5,60,10,0.83) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(59,122,0,0) 0%,rgba(21,79,7,0.83) 70%,rgba(5,60,10,0.83) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b7a00', endColorstr='#d4053c0a',GradientType=0 ); /* IE6-9 */
}
.article4Col.greenlayer .article4ColIn{
	z-index: 2;
}
.article4ColIn.centerComment{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: rgba(0,0,0,0.5);
	align-items: center;
	justify-content: center;
	text-align: center
}

.article4ColIn.centerComment h3{
	flex-basis: 100%;
	padding: 0;
	font-size: 23px;
	line-height: 1.45;
	font-weight: bold;
}

.article4ColIn.centerComment p{
	flex-basis: 100%;
	padding: 0;
	font-size: 13px;
	letter-spacing: 0.2;
	line-height: 15px;
}

.article4ColIn.centerComment i{
	flex-basis: 100%;
	font-size: 23px;
	line-height: 2;
}

.article4ColIn.bottomComment{
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	justify-content: center;
	align-items: center;
    text-align: left;
	padding: 20px;

	background-color: rgba(0,0,0,0.5);
	transition: background-color .3s;
}

.article4ColIn.bottomComment > div{
	margin-top: 130px;

}

.article4ColIn.bottomComment h3{
	flex-basis: 100%;
	padding: 0;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	text-align: left;
	display: inline-block;
	height: 30px;
	color: #D7EFB4;
	text-shadow: 0 0 5px #111, 0 0 5px #111, 0 0 5px #111;
}
.article4ColIn.bottomComment p{
	flex-basis: 100%;
	padding: 0;
    font-size: 17px;
	letter-spacing: 0.13em;
	line-height: 18px;
	text-align: left;
}

.article2ColBox{
	display: flex;
	justify-content: space-between;
	align-items: center
}
.article2Col{
	flex-basis: 45%;
}

.greenImgBg{
	background-image: url("../img/bk_green.jpg");
	background-size: cover;
}
.articleAreaTtlMini, .articleAreaTtlMini2{
	text-align: center

}

.articleAreaTtlMini h3{
	font-size: 40px;
	letter-spacing: 0.08em;
}
.articleAreaTtlMini2 h3{
	font-size: 30px;
	letter-spacing: 0.08em;
}

.holizonalColBox{
	display: flex;
	justify-content: center;
	align-items: center;
}

.holizonalColBox.jc-sb{
	justify-content: space-between;
}
.holizonalColBox.fw-w{
	flex-wrap: wrap;
}
.holizonalCol{
	margin: 0 8px;
}

.holizonalCol.holizonalColWid3{
	flex-basis: 33%;
	margin: 0;
	margin-bottom: 5px;
}

.holizonalCol.holizonalColWid4{
	flex-basis: 25%;
	margin: 0;
}

.holizonalCol.holizonalColWid4-2{
	flex-basis: 15%;
	margin-bottom: 1%;
}

.holizonalCol.holizonalColWid4 > img{
	height: 300px;
	width: 100%;
	object-fit: cover;
}

.holizonalCol.holizonalColWid3 > img{
	height: 420px;
	width: 100%;
	object-fit: cover;
}

.holizonalCol.txtHover{
	position: relative;
}
.holizonalCol.txtHover .holizonalColIn{
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}


.holizonalCol.txtHover .holizonalColIn p, .holizonalCol.txtHover .holizonalColIn i{
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 1.17;
	font-weight: bold;
	color: #FFF;
	text-shadow:   rgba(0,0,0, 0.3) 1px 1px 15px, rgba(0,0,0, 0.3) -1px 1px 15px,
	    rgba(0,0,0, 0.3) 1px -1px 15px, rgba(0,0,0, 0.3) -1px -1px 15px,
	    rgba(0,0,0, 0.3) 2px 2px 15px, rgba(0,0,0, 0.3) -2px 2px 15px,
	    rgba(0,0,0, 0.3) 2px -2px 15px, rgba(0,0,0, 0.3) -2px -2px 15px,
	    rgba(0,0,0, 0.3) 3px 3px 15px, rgba(0,0,0, 0.3) -3px 3px 15px,
	    rgba(0,0,0, 0.3) 3px -3px 15px, rgba(0,0,0, 0.3) -3px -3px 15px;
}

.holizonalCol.txtHover .holizonalColIn i{
	font-size: 20px;
}

.holizonalCol.txtBottom .holizonalColIn{
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	padding: 25px;
	height: 183px;
}
.holizonalCol.txtBottom .holizonalColIn h3{
	flex-basis: 100%;
	font-size: 1.3vw;
	line-height: 1.1;
	text-align: center;
	font-family: "Meiryo UI";
	font-weight:bold;
}
.holizonalCol.txtBottom .holizonalColIn p{
	flex-basis: 100%;
	font-size: 1.1vw;
	line-height: 1.1;
	text-align: center;
	font-family: "Meiryo UI";
}

.holizonalCol.txtBottom.sm .holizonalColIn{
	padding: 10px;
	height: 70px;
	justify-content: flex-start;
	text-align: left;
	position: relative;
}

.holizonalCol.txtBottom.sm .holizonalColIn p{
	    font-size: 12px;
	font-weight: normal;
	text-align: left;
	font-family: "游ゴシック";
}

.holizonalCol.txtBottom.sm .holizonalColIn p.money{
}

.holizonalCol.txtBottom.sm .holizonalColIn p.money > span{
	font-size: 12px;

}

.holizonalCol.txtBottom.sm .holizonalColIn > i{
	font-size: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	color: #c1ff8e;
}

.hoverResize{
	transform: scale(1,1);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hoverResize.mini:hover{
	transform: scale(0.9,0.9);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bkImgeArea2{
	height: 960px;
	background-image: url(../img/bk_studio.jpg);
}
.greenLayer{
	position: relative;
}

.greenLayer:before{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #76c937;
	opacity: 0.62;
	z-index: 1;
}

.greenLayer > div{
	position: relative;
	z-index: 2;
}

.addTtlImage{
	position: relative;
}
.addTtlImage:after{
	content: "";
	display: block;
	position: absolute;
	width : 100%;
	height : 30%;
	top: 0;
	left: 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../img/welcome.png);
	z-index: 1;
}
.addTtlImage > div{
	position: relative;
	z-index: 2;
}

.ContentBorderRound{
	border: 2px solid #FFF;
	width: 100%;
	height: 100%;
}
.btn{
	text-align: center;
	font-size: 21px;
	line-height: 1;
	padding: 10px 30px;
	display: inline-block;
}
.btnRound{
	border-radius: 40px;
}
.btnRightDig{
	position: relative;
}
.btnRightDig:after{
	content: "";
	position: absolute;
	right: 0px;
	top: 0;
	border-left: 57px solid transparent;
	border-top: 57px solid #FFF;
}
.btnRightDig.cl2:after{
	content: "";
	position: absolute;
	right: 0px;
	top: 0;
	border-left: 57px solid transparent;
	border-top: 57px solid #f1ffd6;
}
.btnGreenGrade{
	font-size: 31px;
	color: #FFF;
	width: 280px;
	padding: 0;
	height: 57px;
	line-height: 57px;
	vertical-align:  middle;
	position: relative;
	background: rgb(179,220,54);
	background: -moz-linear-gradient(left, rgba(179,220,54,1) 0%, rgba(114,220,54,1) 100%);
	background: -webkit-linear-gradient(left, rgba(179,220,54,1) 0%,rgba(114,220,54,1) 100%);
	background: linear-gradient(to right, rgba(179,220,54,1) 0%,rgba(114,220,54,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dc36', endColorstr='#72dc36',GradientType=1 );
}
.btnWhite{
	color: #FFF;
	border: 1px solid #FFF;
}
.btnGray{
	color: #FFF;
	border: 1px solid #787978;
	background-color: #787978;
}
.btnBlack{
	background-color: #353738;
	font-size: 24px;
	letter-spacing: 0.18;
	color: #FFF;
	width: 395px;
	heigth:60px;
	line-height: 60px;
	text-align: center;
	font-weight: bold;
}

.btnOpa{
	background-color: #FFF;
    opacity: 0.33;
    color: #4a7000;
    width: 360px;
    height: 60px;
    line-height: 60px;
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-left: auto;
    justify-content: center;
    font-size: 24px;
	letter-spacing: 0.18em;
}
.underArrow{
	position: relative;
}
.underArrow:after{
	content: "";
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	width: 65%;
	height: 10%;
	background-image: url(../img/arrow_green.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.articleAreaMap{
	display: flex;
	justify-content: center;
	align-items: center;
}

.articleAreaMap iframe{
	width: 80%;
	height: 460px;
}

.btnAreaCnter{
	display: flex ;
	justify-content: center
}

.layerArt{
	position: relative;
	align-self: flex-start;
}

.layerArtBehind{
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: 900px;
	overflow: hidden;
}
.layerArtBehindIn{
	width: 100%;
	height: 900px;
	position: relative;
	top: 0;
	right: calc(50% - 300px);
	padding-top: 100px;
	background: #a8d8ee;
	background: -moz-linear-gradient(top, #a8d8ee 0%, #e7eff6 100%);
	background: -webkit-linear-gradient(top, #a8d8ee 0%,#e7eff6 100%);
	background: linear-gradient(to bottom, #a8d8ee 0%,#e7eff6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d8ee', endColorstr='#e7eff6',GradientType=0 );
	transform: matrix(1, 0, -0.5, 1, -230, 0);
}


.layerArtBehindInRe{
	width: 100%;
    margin: 0 0 0 auto;
	transform: matrix(1, 0, 0.5, 1, 0, 0);
}

.layerArtBehind h2{
	font-family: Georgia;
	font-size: 100px;
	line-height: 1;
	text-align: right;
	border-bottom: 1px solid #FFF;
	width: 100%;
	padding-right: 100px;
}
.layerArtBehindInReText{
	width: 700px;
	margin: 0 40px 0 auto;
	padding-right: 100px;
	text-align: right;
}
@media screen and (max-width: 1080px) {
	.layerArtBehindInReText{
		width: 650px;
		margin: 0 40px 0 auto;
		padding-right: 100px;
		text-align: right;
	}

}

.layerArtBehindInReText > p{
	font-size: 36px;
	line-height: 2;
	letter-spacing: 0.18;
	font-weight: bold;
	text-align: right;
}


.layerArtAbove{
	position: absolute;
	top: 100px;
	right: 0;
	width: 100%;
	height: 950px;
	overflow: hidden;
}


.layerArtAboveIn{
	width: 100%;
	height: 900px;
	position: relative;
	top: 0;
	left: calc(50% - 300px);
	padding-top: 100px;
	background: #e4ecf3;
	transform: matrix(1, 0, -0.5, 1, 230, 0);
}
.layerArtAboveInRe{
	width: 50vw;
    margin: 0 auto 0 0 ;
	text-align:right;
	transform: matrix(1, 0, 0.5, 1, 0, 0);
}

.layerArtAbove p{
	font-size: 24px;
	line-height: 2;
	letter-spacing: 0.18;
	text-align: left;
	margin: 0 auto 0 110px;
	width: auto;
}



.layerArtAboveInImg{
	position: absolute;
	bottom: 0px ;
	left: calc(50% - 260px);
}


.contentArticleBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 50px;
}

.contentArticleBoxCol{
	flex-basis: 45%;
	background-color: #FFF;
	box-shadow: 0 3px 1px #adadad;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 20px;
	margin-bottom: 20px;
}

.contentArticleBoxColInDetail{
	flex-basis: 70%;
}
.contentArticleBoxColInDetail time{
	font-size: 12px;
}
.contentArticleBoxCol.ty2{
	padding: 20px;
}

.contentArticleBoxColInDetail{
/* 	padding: 20px; */
}
.contentArticleBoxCol.ty2 .contentArticleBoxColInDetail{
	padding: 20px 0 0 0 ;
}

.contentArticleBoxColInDetail h3{
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.18em;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.contentArticleBoxColInDetail h4{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.18em;
	font-weight: bold;
}

.contentArticleBoxColInDetail > p{
	padding: 0 8px;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.18em;
/* 	height: 140px; */
	height: 65px;
	position: relative;
	overflow: hidden;
}

.contentArticleBoxCol.ty2 .contentArticleBoxColInDetail > p{
	padding: 0;
	height: 60px;
	position: relative;
	overflow: hidden;
}


.contentArticleBoxColInDetail > p:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.contentArticleBoxCol.ty2 .contentArticleBoxColInDetail > p:after{
	height: 45px;
}


.contentArticleBoxColInDetail .read_more{
	text-align: right;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.18em;
	font-weight: bold;
	display: inherit;

}

.contentArticleBoxColInImg.blog > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
    padding-right: 10px;
}

.contentArticleBoxColInImg.blog{
	flex-basis: 30%;
    height: 140px;
	margin-bottom: 10px;
}


.shareBtn{
	display: flex;
	justify-content: flex-end;
}
.shareBtn a{
	flex-basis: 15%;
}

.shareBtn a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.contentArticleBoxColInDetailUserInfo{
	display: flex;
	align-items: center;
	height: 50px;
}

.contentArticleBoxColInDetailUserInfoIcon{
	flex-basis: 50px;
	border-radius: 50%;
	overflow: hidden;
}

.contentArticleBoxColInDetailUserInfoIcon img{
	width: auto;
	height: 50px;
	object-fit: cover;
}

.contentArticleBoxColInDetailUserInfoName{
}
.contentArticleBoxColInDetailUserInfoName p{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.18em;
	font-weight: bold;
	display: block;
	text-align: left;
}

.contentArticleBoxColInDetailUserInfoName p span{
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.18em;
	text-align: right;
}

.bkGradeGreen{
	position: relative;
}
.bkGradeGreen > div{
	position: relative;
	z-index: 2;
}
.bkGradeGreen:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: -moz-linear-gradient(to right, #14441645 0%, #00960545 30%,rgba(131,199,0,1) 80%,rgba(131,199,0,1) 100%);
	background: -webkit-linear-gradient(to right, #14441645 0%, #00960545 30%,rgba(131,199,0,1) 80%,rgba(131,199,0,1) 100%);
	background: linear-gradient(to right, #14441645 0%, #00960545 30%,rgba(131,199,0,1) 80%,rgba(131,199,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455a9600', endColorstr='#83c700',GradientType=1 );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455da300', endColorstr='#83c700',GradientType=1 );
	z-index: 1;
}

.articleInnerBanner{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}


.articleInnerBanner h2{
	font-size: 40px;
	line-height: 48px;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: #292929;
}
.articleInnerBanner p{
	    font-size: 32px;
	line-height: 35px;
	letter-spacing: 0.08em;
}




.swiper-wrap {
	position: relative;
}
.swiperPagerArea{
	display: flex;
	justify-content: flex-end;
}
.swiperPagerArea .swiperPager{
	top: 0;
	bottom: 0;
	margin: 10px 20px;
	justify-content: center;
	align-items: center;
}

.swiperPagerArea .swiperPager > img{
	width: 100px
}

@media screen and (max-width: 1700px) {
	.swiper-wrap .swiperPager{
		display: none;
	}
}


.swiper-wrap .swiperPager2Wrap{
	display: flex;
	justify-content: flex-end;
}


.swiper-wrap .swiperPager2Wrap > .swiperPager2{
	margin: 0 10px;
}

.swiper-wrap .button-n{
	right: -80px ;
}


.swiper-wrap .button-p{
	left: -80px ;
}

.articleRoundCol{

}

.baby_modal iframe{
	margin: 0 auto;
}

.fullHoriBoxArea{
	display: flex;
	justify-content: flex-start;
}
.fullHoriBox{
	flex-basis: calc(100% / 4);
	display: flex;
	height: 370px;
	position: relative;
	overflow: hidden;
}

.fullHoriBox.c2, .fullHoriBox.c3{
	flex-basis: calc(100% / 2);
}

.fullHoriBox.c3 > iframe{
	width: 70%;
	height: 100%;
	display: block;
	margin: 0 auto;

}

.fullHoriBox:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	z-index: 2;
}

.fullHoriBox.c3:after{
	content: ;
	display: none;
}

.fullHoriBox > img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;

	transform: scale(1, 1);
	transition: transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fullHoriBox:hover > img{
	transform: scale(1.1, 1.1);
	transition: transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fullHoriBoxIn{
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.fullHoriBoxIn > div{
	flex-basis: 100%;
}


.fullHoriBoxIn > .leftTop{
	position: relative;
}
.fullHoriBoxIn > .leftTop .no{
	color: #e6f837;
	font-size: 122px;
	letter-spacing: -0.02em;
	line-height: 1;
	text-shadow: 0 0 15px #555;
}

.fullHoriBoxIn > .leftTop.sm .no{
	font-size: 92px;
}
.fullHoriBoxIn > .leftTop .type{
	position: absolute;
	bottom: 60px;
	left: 94px;
	font-size: 30px;
	color: #f9ffc1;
	text-shadow: 0 0 5px #000;
}

.fullHoriBoxIn > .leftTop.sm .type{
	left: 80px;
}

.fullHoriBoxIn > .bottomMid{
	align-self: flex-end;
		margin-left: 20px;
}

.fullHoriBoxIn > .bottomMid p{
	font-size: 23px;
	letter-spacing: 0.02em;
	line-height: 41px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 0 5px #000;
}
.fullHoriBoxIn > .bottom{
	align-self: flex-end;
	height: 50px;
	width: 100%;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 20px;
	font-size: 32px;

	background-color: rgba(236,231,84,0.4);
	transition: background-color .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fullHoriBox:hover > .fullHoriBoxIn > .bottom{
	background-color: rgba(236,231,84,1);
	transition: background-color .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.fullHoriBoxIn > .bottom p{
	color: #364a00;
	font-size: 32px;
	transform: scale(0.6,1.32);
	font-weight: bold;
}


.spShow{
	display: none;
}
.tbShow{
	display: none;
}






.ttlBox{
	margin-bottom: 40px;
}

.ttlBox > h2, .ttlh2{
	font-size: 42px;
/* 	font-weight: bold; */
	letter-spacing: 0.2em;
	display: block;
	margin-bottom: 20px;
}

.ttlBox > h2 > br{
	display: none;
}

.ttlBox > h3, .ttlh3{
    font-size: 52px;
/* 	font-weight: bold; */
	letter-spacing: 0.2em;
}

.ttlBox.min {
	margin-bottom: 20px;
}
.ttlBox.min > h2, .ttlBox.min .ttlh2{
/* 	font-size: 32px; */
	margin-bottom: 10px;
}

.ttlBox.min > h3, .ttlBox.min .ttlh3{
	font-size: 24px;
}

.contentBox {
	margin-bottom: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.contentBox > h3, .contentBox .ttlh3{
	font-size: 32px;
    letter-spacing: 0.05em;
	line-height: 1.75em;
	margin-bottom: 30px;
	flex-basis: 100%;
}
.contentBox > p{
	font-size: 16px;
	letter-spacing: 0.15em;
/*     letter-spacing: 0.01em; */
	line-height: 1.75em;
	flex-basis: 100%;
}

.contentBox > p > span{
	font-size: 16px;
	letter-spacing: 0.15em;
	line-height: 1.75em;
	font-weight: bold;
}

.contentBox > .contentBoxCaption{
	margin-top: 20px;
	background-color: rgba(117,225,1,0.2);
	padding: 10px;
	align-self: flex-end;
}

.contentBox > .contentBoxCaption > p.contentBoxCaptionTtl{
	font-size: 15px;
	display: block;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #76c937;
}

.contentBox > .contentBoxCaption > p.contentBoxCaptionCont{
	font-size: 14px;
}
.btnRel{
	position: relative;
}

.contentBoxBtn{
/* 	position: absolute; */
	bottom: 0;
	left: 0;
	width: 100%;
}

.contentBoxBtn.forLesson{
	width: 260px;
}

.contentBoxBtn.forQuestion{
	width: 650px;
	margin: 0 auto;
}
.contentBoxBtn.reservationBtn{
	margin: 0 auto;
}
@media screen and (max-width: 991px){
	.contentBoxBtn.forQuestion{
		width: 90%;
		margin: 0 auto;
	}
}


.contentBoxBtn.contactConf > a{
	margin: 0 auto;
}

.contentBoxBtn > a{
	padding: 10px 22px;
	background: #93d240;
	color: #FFF;
	font-weight: bold;
	width: 250px;
	display: block;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}


.contentBoxBtn.tenkaiLinkBtn{
	margin-top: 30px;
}

.contentBoxBtn.pink > a{
	background: #ff8a9e;
}

.contentBoxBtn.forLesson > a{
	width: 100%;
}

.contentBoxBtn.forQuestion > a{
	margin: 0 auto;
}
.contentBoxBtn.reservationBtn{
	margin: 40px 0;
}
.contentBoxBtn.reservationBtn > a{
	margin: 0 auto;
}
.contentBoxBtn.contactConf.backBtn > a{
	background-color: #c5c5c5;
}

.contentBoxBtn > a > span{
	color: #FFF;
	font-weight: bold;
	transform: scale(0.5, 1);
}


.contentBoxBtn > a:after{
	content: "";
	background-color: #FFF;
	height: calc(100% - 4px);
	position: absolute;
	top: 2px;
	left: 2px;
	z-index:1;

	width: 0;
	transition: width .2s;
}

.contentBoxBtn > a:before{
	content: "日程はこちら";
	z-index:2;

	transition: color .2s;
}

.contentBoxBtn.contactConf > a:before{
	content: "確認する";
}

.contentBoxBtn.contactConf.backBtn > a:before{
	content: "戻る";
}
.contentBoxBtn.contactConf.submitBtn > a:before{
	content: "送信する";
}
.contentBoxBtn.forLesson > a:before{
	content: "レッスン予約はこちら";
}
.contentBoxBtn.forQuestion > a:before{
	content: "よくある質問をもっと見る";
}
.contentBoxBtn.tsugaku > a:before{
	content: "この通学講座の詳細へ";
}
.contentBoxBtn.tsushin > a:before{
	content: "この通信講座の詳細へ";
}
.contentBoxBtn.reservationBtn > a:before{
	content: "このレッスンを予約する"
}
.contentBoxBtn.viewMoreBtn > a:before{
	content: "More ..."
}

.contentBoxBtn.viewMoreBtn > a{
		margin: 0 auto;
		width: 240px;
}

.contentBoxBtn > a > span{
	color: #FFF;
	font-weight: bold;
	transform: scale(0.5, 1);
	z-index:2;

	transition: color .2s;
}



.contentBoxBtn > a:hover:after{
	width: calc(100% - 4px);
	transition: width .2s;
}

.contentBoxBtn > a:hover:before, .contentBoxBtn > a:hover > span{
	color: #93d240;
	transition: color .2s;
}
.contentBoxBtn.pink > a:hover:before, .contentBoxBtn.pink > a:hover > span{
	color: #ff8a9e;
	transition: color .2s;
}


.contentBoxBtn.contactConf.backBtn > a:hover:before,
.contentBoxBtn.contactConf.backBtn > a:hover > span{
	color: #c5c5c5;
}



.flBox{
	display: flex;
	justify-content: space-between;
/* 	align-items: flex-start; */
}
.flBox2Col{
	flex-basis: 48%;
}
.flBox2Col > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cahrtArea{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.cahrtArea > .cahrtAreaBox{
	flex-basis: 50%;
	height: 300px;
	margin-bottom: 20px;
	position: relative;
}

.cahrtArea > div > .gluf{
	height: 100%;
/* 	filter: drop-shadow(5px 5px 5px #555); */
}
.cahrtArea > div > p{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 8
}

.cahrtAreaBox.pi1, .cahrtAreaBox.pi3{
	display: flex;
}
.ct-chart-pi1.gluf.ty1, .ct-chart-pi1.gluf.ty1 + p, .ct-chart-pi3.gluf.ty1, .ct-chart-pi3.gluf.ty1 + p, .ct-chart-pi1.gluf.ty2, .ct-chart-pi1.gluf.ty2 + p{
	width: 50%;
}
.LabelListWrap{
	width: 50%;
	flex-basis: 50%;

	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.LabelList > li {
	display: flex;
	margin-bottom: 10px;
	justify-content: flex-start;
	align-items: center;
}

.LabelList > li  > span{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-color: #A00
}
.LabelList > li  > span.bk1{
	background-color: #bfe571;
}
.LabelList > li  > span.bk2{
	background-color: #7fe8a2;
}
.LabelList > li  > span.bk3{
	background-color: #7de7d6;
}
.LabelList > li  > span.bk4{
	background-color: #7ec5e8;
}
.LabelList > li  > span.bk5{
	background-color: #92a1eb;
}
.LabelList > li  > span.bk6{
	background-color: #e5d270;
}
.ct-series-a .ct-bar{
  stroke-width: 60px;
}
.ct-series-a .ct-bar, .ct-series-a .ct-slice-donut-solid{
	stroke: #bfe571;
	fill: #bfe571;
}

.ct-chart-pi2 .ct-series-a .ct-slice-donut-solid{
	stroke: #92c659;
	fill: #92c659;
}
.ct-label{
	fill: rgba(0,0,0,1);
    color: rgba(0,0,0,1);
    font-size: 16px;
    font-weight: bold;
}
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut{
	stroke: #459a00;
}

.ct-grids, .ct-vertical{
	display: none !important;
}

.ttlBox p{
	font-size: 18px;
}
svg.svgFile{
	width: 100%;
}
.imageLayer{
	position: relative;
}

.imageLayer > img{
	position: relative;
}

.imageLayer:before{
	content: "";
	position: absolute;
	top: -50px;
	left: -50px;
	width: 100%;
	height: 100%;
	background-image: url(../img/grade_green.jpg);
	background-size: 100%;
}



.lessonWrap{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.lessonBg01{
	background-image: url(../img/couese_01.jpg);
	background-size: cover;
}
.lessonBg02{
	background-image: url(../img/couese_02.jpg);
	background-size: cover;
}
.lessonBg03{
	background-image: url(../img/couese_03.jpg);
	background-size: cover;
}
.lessonBg04{
	background-image: url(../img/couese_04.jpg);
	background-size: cover;
}
.lessonBg05{
	background-image: url(../img/couese_05.jpg);
	background-size: cover;
}
.lessonBg06{
	background-image: url(../img/couese_06.jpg);
	background-size: cover;
}
.lessonBg07{
	background-image: url(../img/couese_07.jpg);
	background-size: cover;
}
.lessonCol4, .lessonCol3{
}
.lessonCol4{
	flex-basis: calc(100% / 4);
}

.lessonCol3{
	flex-basis: calc(100% / 3);
}

.lessonSquare{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
}

.lessonSquare:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #AAAAAA;
	z-index: 0;

	opacity: 0.6;
	transition: opacity .2s;
}

.lessonColTxt{
	position: absolute;
    flex-wrap: wrap;
    width: 100%;
    bottom: 50px;
}

.lessonColTtl{
	font-size: 26px;
	list-style: 45px;
	font-weight: bold;
	color: #D7EFB4;
	text-shadow: 0 0 5px #000;
	transition: text-shadow .2s;
}

.lessonColDetail{
	font-size: 18px;
	list-style: 21px;
	color: #FFF;
	text-shadow: 0 0 5px #000;
	transition: text-shadow .2s;
}

.lessonSquare:hover:before{
	opacity: 0.0;
	transition: opacity .2s;
}

.lessonSquare:hover .lessonColTtl, .lessonSquare:hover .lessonColDetail {
	text-shadow: 0 0 5px #000,  0 0 5px #000,  0 0 5px #000;
	transition: text-shadow .2s;
}


/*  @keyframes slide-zoom{ */
/*   0% {transform: scale(1,1); } */
/*   100% {transform: scale(1.2,1.2); } */
/* } */

/* .sp-selected img{ */
/* 	animation-name: slide-zoom; */
/* 	animation-duration: 20s; */
/* } */

.mediaListArea{

}

.mediaListAreaDetail{
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}

.mediaListAreaDetail a{
	font-size: 20px;
	letter-spacing: 0.13em

}

.mediaListAreaDetail .date{
	display: inline-block;
	width: 240px;
}



.contactFormRow{
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid #d5d5d5;
}

.contactFormRow:first-child{
	border-top: 1px solid #d5d5d5;
}


.contactFormLabel{
	padding: 30px 10px;
	flex-basis: 30%;
	border-right: 1px solid #d5d5d5;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.contactFormLabel > *{
	font-size: 16px;
	font-weight: bold;
	flex-basis: 100%;
}

.contactFormLabel > small{
	font-size: 12px;
	line-height: 1.01
}
.requiredFrom{
	color: red;
}

.contactFormInput{
	padding: 20px;
	display: flex;
	align-items: center;
	flex-basis: 70%;
	flex-wrap: wrap;
}
.contactForm{
	background-color: #e3e3e3;
	padding: 20px;
	font-size: 14px;
	width: 100%;
	letter-spacing: 0.13em;
}
textarea.contactForm{
	height: 240px;
}
.contactForm.wid50{
	width: 50%;
}

.contactForm.wid20{
	width: 20%;
}

.contactForm-chkLabel, .contactForm-radioLabel{
	flex-basis: 100%;
	font-size: 14px;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 30px;
	line-height: 1.2;
	cursor: pointer;
}
.contactForm-radioLabel{
	flex-basis: 145px;
}
.contactForm-radioLabel.wid2{
	flex-basis: 50%;
}
.contactForm-radioLabel.width-full{
	flex-basis: 100%;
}

.contactForm-chkLabel:before, .contactForm-radioLabel:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display:block;
	width: 10px;
	height: 10px;
	border: 2px solid #aaa;
	border-radius: 4px;
}

.contactForm-radioLabel:before{
	border-radius: 10px;
}

.contactForm-chkLabel:after{
	content: "";
	position: absolute;
	left: 2px;
	top: -11px;
	bottom: 0;
	margin: auto;
	display: none;
	width: 15px;
	height: 6px;
	border-left: 4px solid #92c659;
	border-bottom: 2px solid #92c659;
	transform: rotate(-45deg);
}

.contactForm-radioLabel:after{
	content: "";
	position: absolute;
	left: 3px;
	top: 0px;
	bottom: 0;
	margin: auto;
	border: none;
	width: 8px;
	height: 8px;
	border-radius: 7px;
	background-color: #92c659;
	display: none;
}
.contactForm-chk:checked + .contactForm-chkLabel:after, .contactForm-radio:checked + .contactForm-radioLabel:after{
	display: block;
}
.contactForm-chk:checked + .clPurple{
	color: #c451ff;
}
.babyRow{
	background-color: #f9edff;
}

.contactForm-chk:checked + .clBlue{
	color: #3f72ff;
}
.kotsubanRow{
	background-color: #e9efff;
}

.contactForm-chk, .contactForm-radio{
	display:none;
}
.checkBoxTtl:not(:first-child){
	margin-top: 20px;
}
.policy{
	border: 1px solid #e3e3e3;
	width: 100%;
	height: 200px;
	overflow-y: scroll;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}
.policy > span{
	font-size: 12px;
	font-weight: bold;
}

.contactFormRow.btnArea{
	margin: 50px 0 ;
	border: none;
}


/* 下層 */

@media screen and (min-width: 991px) {
	.ovf-x{
		overflow-x: hidden
	}
}

.UseYuGo,
.UseYuGo *{
	font-family: "游ゴシック";
	font-style: normal;
	/* font-weight: 500; */
	line-height: 1.875;
	letter-spacing: 0.01em;
	/* color: #212121; */
}

.UseYuGo i{
	font-family: "Font Awesome 5 Free";
		-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-weight: 600;
	line-height: 1;
}
*.RageItalic, .RageItalic{
	font-family: "RageItalicLetPlain", sans-serif
}
*.RageItalic2, .RageItalic2{
	font-family: "RageItalicLetPlain2", sans-serif
}

.RageItalic2.fc{
	font-size: 60px;
	position: relative;
	top: 5px;
	left: -25px;
}

.RageItalic2.fc2{
	font-size: 60px;
	position: relative;
	top: 5px;
	left: 0px;
	margin-right: 12px;
	color: #b2de5f;
}

.lowerContentWid{
	width: 1450px;
	margin: 0 auto;
}

.lowerContentWid2{
	width: 1063px;
	margin: 0 auto;
}
@media screen and (max-width: 1473px){
	.lowerContentWid{
		width: 1063px;
		margin: 0 auto;
	}
	.nitteiBox {
	    flex-basis: 310px;
	}
	.nitteiBoxDesc {
	    padding: 10px 10px 0 10px;
	}
}

@media screen and (max-width: 1100px) {
	.lowerContentWid, .lowerContentWid2{
		width: 960px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1000px) {
	.lowerContentWid, .lowerContentWid2{
		width: calc(100% - 20px);
		margin: 0 auto;
	}
}
.lowerMainImgAreaWrap{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 570px;
}
.jFontTtl, .jArticleContent h2{
	font-size: 48px;
	line-height: 1;
	letter-spacing: 0.3em;
	font-weight: 400;
}
.jFontMidTtl{
	font-size: 32px;
}
.jFontSubTtl, .jArticleContent h3{
	font-size: 24px;
	line-height: 2;
	letter-spacing: 0.2em;
	font-weight: bold;
}
.jFontDescription, .jArticleContent p{
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 30px;
}
.jFontDescriptionSm{
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 30px;
}
.jFontDescription.bold, .jArticleContent p strong, .jArticleContent p.bold, .jFontDescriptionSm.bold{
	font-weight: bold;
}
.jArticleContent img{
	max-width: 100%;
}

.jFontDescriptionEmb{
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 30px;
	font-weight: bold;
}

.jFontDescription2{
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 30px;
	font-weight: bold
}
.jFontBtn{
	font-size: 20px;
	letter-spacing: 0.3em;
	line-height: 36px;
	font-weight: bold
}
.allColorF *.jFontDescription,
.allColorF *.jFontDescription > *,
.allColorF *.jFontSubTtl,
.allColorF *.jFontTtl{
	color:#FFF;
}

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

	.jFontTtl{
		font-size: 58px;
	    letter-spacing: 0.2em;
        line-height: 1.23;
	}
	.jFontSubTtl{
		font-size: 28px;
	}
	.jFontDescription{
	    font-size: 18px;
   		letter-spacing: 0.17em;
	}

	.jFontDescriptionEmb{
		font-size: 20px;
	}

	.jFontDescription2{
		font-size: 16px;
	}
	.jFontBtn{
		font-size: 20px;
	}
}


.lowerMainImgArea{
	width: 100%;
	height: 100%;
}

.ttlBorderLeft{
	margin-top: 20px;
	padding-left: 14px;
	position: relative;
}

.ttlBorderLeft.lg{
	padding-top: 20px;
	padding-bottom: 20px;
}
.ttlBorderLeft:after{
	content: "";
	display:  block;
	background: rgb(177,222,95);
	background: -moz-linear-gradient(top,  rgba(177,222,95,1) 0%, rgba(254,241,14,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(177,222,95,1) 0%,rgba(254,241,14,1) 100%);
	background: linear-gradient(to bottom,  rgba(177,222,95,1) 0%,rgba(254,241,14,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1de5f', endColorstr='#fef10e',GradientType=0 );
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.ttlBorderLeft.pink:after{
	background: rgb(222,95,119);
	background: -moz-linear-gradient(top, rgba(222,95,119,1) 0%, rgba(255,241,13,1) 100%);
	background: -webkit-linear-gradient(top, rgba(222,95,119,1) 0%,rgba(255,241,13,1) 100%);
	background: linear-gradient(to bottom, rgba(222,95,119,1) 0%,rgba(255,241,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de5f77', endColorstr='#fff10d',GradientType=0 );
}
.lowerMainImgArea img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.lowerMainImgTxtArea{
	position: absolute;
	z-index: 1;
}
.babiesrus.lowerMainImgTxtArea > img{
	margin: 0 auto;
}
.lowerMainImgTxtArea *{
	color: #FFF;
}
.lowerMainImgTxt{
	line-height: 1.13;
}
.lowerMainImgTxtNumber{
	font-size: 109px;
	letter-spacing: 0.01em;
	font-weight: bold;
	line-height: 1.13;
}
.lowerMainImgTxtSubTtl{
	font-size: 35px;
	font-weight: bold;
background: rgb(255,252,253); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,252,253,1) 0%, rgba(251,167,212,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,252,253,1) 0%,rgba(251,167,212,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,252,253,1) 0%,rgba(251,167,212,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfd', endColorstr='#fba7d4',GradientType=0 ); /* IE6-9 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.13;

}
.lowerMainImgTxtMainTtl{
	font-size: 35px;
	font-weight: b"assets/css/layout.css"old;
    line-height: 1.13;
}

.lowerTtlAreaWrap{
	display: flex;
	justify-content: flex-start;
/* 	align-items: flex-start; */
    align-items: center;
	margin-top: 145px;
	margin-bottom: 125px;
}
.lowerTtlAreaWrap.noMt{
	margin-top: 0;
}
.lowerContentWid.adPt{
	padding-top: 145px;
}
.lowerTtlAreaWrap.babieMovie{
	margin-top: 30px;
	margin-bottom: 150px;
}
.lowerTtlAreaWrap.reverce{
	 flex-direction: row-reverse;
	> .lowerTtlArea2Col.txtCol{
		margin-left:50px;
	}
}
.lowerTtlAreaWrap.no-ma-t{
	margin-top: 0;
}
.lowerTtlAreaWrap.ma-to-pa{
	margin-bottom: 0;
	padding-bottom: 125px;
}
.lowerTtlArea2Col{
	flex-basis: calc(100% - 440px);
}
.lowerTtlArea2Col.txtCol{
	flex-basis: 50%;
}
@media screen and (min-width: 1474px){
	.lowerTtlArea2Col{
		flex-basis: 50%;
		
		overflow:hidden;
	}
	.lowerTtlArea2Col.txtCol{
		flex-basis: 50%;
	}
}
.posRel{
	position: relative;
}
.lowerTtlAreaTtlArea{
	margin-bottom: 45px;
}
.lowerTtlAreaTtl{
}
.lowerTtlAreaSubTtlArea{
	margin-bottom: 55px;

}
.lowerTtlAreaSubTtl{

}
.lowerTtlAreaDescriptionArea{
	margin-bottom: 25px;
}

.lowerTtlAreaDescription{

}
.lowerTtlAreaBtn{

}
.lowerContentBgGreen{
	background-color: #e7f6e9;
/* 	padding-bottom: 130px; */
}

.lowerContentBgGreen{
	background-color: #e7f6e9;
}
.lowerContentBgGreenPad{
	padding-bottom: 130px;
}
.lowerContentBgGray{
	background-color: #f6f6f6;
}
.lowerContentBgWhite{
	background-color: #FFF;
}
.lowerContentBgOrange{
	background-color: #fff6f2;
}
.lowerContentImgTxt2ColAreaWrap{
	padding: 80px 0 0 0;
	padding-bottom: 130px;
}
.nopb.lowerContentImgTxt2ColAreaWrap{
	padding-bottom: 0;
}
.lowerContentImgTxt2ColArea{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 80px;
}

.lowerContentImgTxt2ColArea.ty2Box{
	margin-bottom: 20px;
}
.lowerContentImgTxt2ColArea.flx-al-c{
	align-items: center;
}
.MothArea .lowerContentImgTxt2ColArea{
	margin-bottom: 0;
}
.lowerContentImgTxt2Col{
	flex-basis: 50%;
}
.lowerContentImgTxt2ColArea:nth-of-type(odd) .lowerContentImgTxt2Col:first-of-type{
	padding-right: 20px;
	order: 1;
}
.lowerContentBgPinkPo{
    background: #fff1f0;
	margin: -50px -100% -130px;
    padding: 50px 100% 130px;
}
@media screen and (max-width: 991px){
	.lowerContentBgGreen{
		width: 100%;
		overflow: hidden;
	}
}
.MothArea .lowerContentImgTxt2ColArea:nth-of-type(odd) .lowerContentImgTxt2Col:first-of-type{
	padding-right: 0;
	flex-basis: 53%;
}
.lowerContentImgTxt2ColArea:nth-of-type(odd) .lowerContentImgTxt2Col:last-of-type{
	order: 2;
}
.MothArea .lowerContentImgTxt2ColArea:nth-of-type(odd) .lowerContentImgTxt2Col:last-of-type{
	flex-basis: 47%;
}

.lowerContentImgTxt2ColArea:nth-of-type(even) .lowerContentImgTxt2Col:first-of-type{
	padding-left: 20px;
	order: 2;
}
.lowerContentImgTxt2ColArea:nth-of-type(even) .lowerContentImgTxt2Col:last-of-type{
	order: 1;
}
.lowerContentImgTxt2ColArea:nth-of-type(even) .lowerContentImgTxt2Col:last-of-type{
	order: 1;
}

.padMini .lowerContentImgTxt2ColArea:nth-of-type(even) .lowerContentImgTxt2Col:first-of-type{
	padding-left: 20px;
}
.padMini .lowerContentImgTxt2ColArea:nth-of-type(odd) .lowerContentImgTxt2Col:first-of-type{
	padding-right: 20px;
}
.lowerMainImageArea{
	
	
	position: relative;
}

.reverce{
	margin-right: auto;
	margin-left: -370px;
}
.tsugaku.lowerMainImageArea{
	margin-top: 0;
}

.lowerMainImage{
	width: 95%;
    height: 37em;
    margin-right: auto;
    margin-left: auto;
    object-fit: cover;
    object-position: top;
    position: relative;
}

.imgBack{
	position: absolute;
	top: -180px;
	right: 50px;
	z-index: -1;
	width: 100%;
	height: 160%;
	object-fit: contain;
}


.ImgTtl{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 48px;
	letter-spacing: 0.14em;
	font-weight: bold;
}

.ImgTtl.ty2{
	color: #93d240;
	line-height: 1;
}
.ImgTtl > img{
	margin-right: 20px;
}
.lowerContentImgTxt2ColInTtlArea{
	margin-bottom: 25px;

}
.lowerContentImgTxt2ColInSubTtlArea{
	margin-bottom: 35px;
}
.lowerContentImgTxt2ColInDescArea{

}
.lowerContentImgTxt2ColInTagArea{

}
.lowerContentImgTxt2ColInTag{
	font-size: 14px;
	letter-spacing: 0.3em;
	line-height: 36px;
}
.doubleImbLayer{
	position: relative;
	padding-bottom: 130px;

}
.doubleImbLayerAb{
	position: relative;
	z-index: 2;
}
.doubleImbLayerBk{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.lowerContentImgTxt2ColArea:nth-of-type(even) .lowerContentImgTxt2Col:last-of-type .doubleImbLayerAb > img{
	margin: 0 0 0 auto;
}
.lowerContentImgTxt2ColArea:nth-of-type(even) .lowerContentImgTxt2Col:last-of-type .doubleImbLayerBk{
	right: auto;
	left: 0;
}
.borderInBox{
	padding: 35px;
	text-align: center;
	border: 1px solid #898989;
	margin-bottom: 80px;

}
.borderInBoxTtlArea{
	margin-bottom: 30px;
}
.borderInBoxTtl{
	color: #444444;
}
.borderInBoxTxtArea{

}
.borderInBoxTxt{

}
.bgImageBanner{
	position: relative;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	color: #FFF;
	height: 480px
}
.h2.bgImageBanner{
	height: 560px
}
.bgImageBanner.mt{
	margin-top: 60px;
}
.bgImageBanner * {
	color: #FFF;
}
.lowerContentGradeGreenBk{
	background-image: url(../img/grade_bk.jpg);
	background-size: cover;
}
.bgImageBannerImgArea{
	width: 100%;
    height: 100%;
}

.bgImageBannerImgArea > img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    font-weight: "object-fit: cover;";
}
.bgImageBannerTxtArea{
	position: absolute;
}
.bgImageBannerTtlArea{
	margin-bottom: 30px;
}
.bgImageBannerTtl{

}
.bgImageBannerSubTtlArea{
	margin-bottom: 30px;
}
.bgImageBannerSubTtl{

}
.bgImageBannerDescriptionArea{
	margin-bottom: 30px;
}
.bgImageBannerDescription{

}
.bgImageBannerLinkArea{
	display: flex;
	justify-content: space-around;
}
.bgImageBannerLink{
	min-width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background-color: rgba(255,255,255, 0.38);
	border: 1px solid #FFF;

	transition: background-color .3s;
}

.bgImageBannerLink:hover{
	background-color: rgba(255,255,255, 0);
	transition: background-color .3s;
}

.bgImageBannerLink.cl2{
	background-color: rgba(255,255,255, 0.38);
	border: 1px solid #FFF;
}


.bgImageBannerLink.cl2:hover{
	background-color: rgba(255,255,255, 0);
	transition: background-color .3s;
}

.si2 .bgImageBannerLink{
	width: 520px;
}

.MothArea{
	background-color: #f6f6f6;
	padding: 80px 95px;;
	margin: 65px 0;
}

.messageImgBoxArea{
	margin: 0 auto;
	width: 275px;
}

.messageImgBox{
	margin-bottom: 10px;
}


.messageImgBox img{
	margin: 0 0 0 auto;
}
.messageImgCaption{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2em;
}
.messageImgCaptionLg{
	font-size: 18px;
	letter-spacing: 0.2em;

}

.lowerContentCenterTtlArea{
	padding-top: 50px;
	margin-bottom: 50px;

}
.lowerContentCenterTtlImg{
	margin: 0 auto 30px auto;
}
.lowerContentCenterTtl{
	text-align: center;
}
.lowerContentvoiceArea{
	padding: 60px 90px ;
}

.lowerContentvoiceBox:not(:last-child){
	padding-bottom: 45px;
	border-bottom: 1px solid #e7f6e9;
	margin-bottom: 50px;
}
.lowerContentvoiceBox:nth-of-type(odd){

}

.lowerContentvoiceBox:nth-of-type(even) .lowerContentvoiceTtlArea .ImgTtl{
	justify-content: flex-end;
}
.lowerContentvoiceBox:nth-of-type(even) .lowerContentvoiceNameArea{
	text-align: right;
}
.lowerContentvoiceTtlArea{
	margin-bottom: 10px;
}
.lowerContentvoiceNameArea{
	margin-bottom: 10px;

}
.lowerCommonBttomArea{
	padding: 50px 0;
	background-color: #b2de5f;
	text-align: center;
}
.lowerCommonBttomArea.bgNo{
	background-color: #FFF;
	margin-top: 60px;
}
.lowerCommonBttomTtlArea{
	margin-bottom: 30px;

}
.lowerCommonBttomTtl{
	color: #FFF;

}
.lowerCommonBttomTtl.clBk{
	color: #212121;
}
.lowerCommonBttomTxtArea{

}
.lowerCommonBttomTxt{
	color: #FFF;
}
.lowerCommonBttomTxt.clBk{
	color: #212121;
}
.lowerCommonBttomArea.bgNo .lowerCommonBttomTxtArea{
	margin-top:40px;
}
.karamiBannerArea{
}

.karamiBannerLink{
	display: flex;
	justify-content: center;
	margin-bottom: 60px;

}

.lowerFullImgArea{
	position: relative;
	overflow: hidden;
}
.lowerFullImgBox {
	position: absolute;
	right: 0;
	top: 0;
}
.lowerFullImgBox > img{
	margin: 0 0 0 auto;
}

.lowerFullImgBox.lgSize {
	height: 100%;
}
.lowerFullImgBox.lgSize > img{
	height: 100%;
}

.lowerFullImgBox > img.pos2{
	margin: -110px 0 0 auto;
}
@media screen and (max-width: 991px){
	.lowerFullImgBox > img.pos2.t3{
		margin: -30px 0 0 auto;
	}
}

.lowerFullImgAreaInTxt{
	width: 50%;
	position: relative;
	z-index: 2;
}
.lowerFullImgAreaInTxtBox{
	padding: 100px 0 60px 0;
}

.lowerFullImgBox.box{
	display: block;
	list-style: none;
	margin: 20px 5px;
}
.box.box-item{
	display: inline-block;
	background-image: url(../assets/img/maru.png);
}



.lowerCourseArea{
	padding: 50px 0;
	text-align: center;
}
.lowerCourseArea.bgNo{
	background-color: #FFF;
	margin-top: 60px;
}
.lowerCourseAreaTtlArea{
	margin-bottom: 30px;

}
.lowerCourseAreaTtl{

}
.lowerCourseAreaTtl.clBk{
	color: #212121;
}
.lowerCourseAreaTxtArea{

}
.lowerCourseAreaTxt{
}
.lowerCourseAreaTxt.clBk{
	color: #212121;
}
.lowerCourseArea.bgNo .lowerCourseAreaTxtArea{
	margin-top:40px;
}

.lowerContentCardBox{
	width: 500px;
	background-color: #b2de5f;
}
.lowerContentCardBox.ty2{
	background-color: #FFF;
	padding: 25px;
}

.lowerContentCardBox.bgPink{
	background-color: #ff96d4;
}
.lowerContentCardBoxImgArea{
	position: relative;
}
.lowerContentCardBoxImgCap{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #FFF;
}

.ty2 .lowerContentCardBoxImgCap{
	position: static;
	color: #212121;
}
.lowerContentCardBoxImgCap * {
	color: #FFF;
}

.ty2 .lowerContentCardBoxImgCap * {
	color: #212121;
}
.ty2 .ImgTtl{
	font-size: 35px;
    justify-content: center;
}
.lowerContentCardTtlArea{
	text-align: center;
}
.lowerContentCardBoxTxtArea{
	padding: 30px 20px;
}
.ty2 .lowerContentCardBoxTxtArea {
    padding: 30px 0 0 0 ;
}
.lowerContentCardBoxTxtTtlArea{
	margin-bottom: 10px;

}
.lowerContentCardBoxTxtTtl{
	color: #FFF;
}
.lowerContentCardBoxTxtDescArea{

}

.ty2 .lowerContentCardBoxTxtDescArea{
	margin-bottom: 10px;
}

.lowerContentCardBoxTxtDesc,.lowerContentCardBoxTxtDesc *{
	color: #FFF;
}

.ty2 .lowerContentCardBoxTxtDesc,.ty2 .lowerContentCardBoxTxtDesc *{
	color: #212121;
}
.lowerContentCardBoxDetailArea{
	padding: 10px 15px;
	background-color: #ececec;
}
.lowerContentCardBoxDetailArea.bg2{
	font-weight: bold;
	padding: 10px 15px;
	background-color: #e7f6e9;
	margin-top: 10px;
	border: 1px solid #90c978;
}
.lowerContentCardBoxDetailArea.bg2 .lowerContentCardBoxDetailTxtArea{
	margin: 0;
}

.lowerContentCardBoxDetailTtlArea{

}
.lowerContentCardBoxDetailTtl{

}
.lowerContentCardBoxDetailTxtArea{
	margin-top: 10px;

}
.lowerContentCardBoxDetailTxt{

}



.flexStretch{
	align-items: stretch;
}
.flexBetween{
	justify-content: space-between;
}


.lowerFullBgContent{
	display: flex;
	justify-content: flex-start;
	width: 100%;
	position: relative;
}
.lowerFullBgImgArea{
	display: flex;
	justify-content: flex-start;
	width: 100%;
	height: 640px
}
.si2 .lowerFullBgImgArea{
	height: 720px;
}
.lowerFullBgImgBk{
	flex-basis: 70%;
	height: 100%;
}
.lowerFullBgImgMain{
	flex-basis: 30%;
	height: 100%;
}
.lowerFullBgImgMain.label {
	position: relative;
}
.lowerFullBgImgMain.label > .labelP{
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 2;
	background-color: #FFF;
	font-weight: bold;
	padding: 10px 15px;
}

.lowerFullBgImgBk > img,
.lowerFullBgImgMain > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.lowerFullBgContent:nth-last-of-type(odd) .lowerFullBgImgArea .lowerFullBgImgBk{
	order: 2;
}

.lowerFullBgContent:nth-last-of-type(odd) .lowerFullBgImgArea .lowerFullBgImgMain{
	order: 1;
}

.lowerFullBgTxtAreaWrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.lowerFullBgTxtArea{
	padding:  0 0 80px 0 ;
	margin: 80px auto 0 auto;
	min-height: calc(100% - 160px);
}

.lowerFullBgTxtAreaIn{
	height: 100%;
	width: 915px;
	background-color:#FFF;
	padding: 40px 20px;
}
@media screen and (max-width: 1473px){
	.lowerFullBgTxtAreaIn {
		width: 655px;
	}
}


.lowerFullBgContent:nth-last-of-type(odd) .lowerFullBgTxtAreaWrap .lowerFullBgTxtAreaIn{
	margin: 0 0 0 auto;
}

.lowerFullBgTxtAreaInTtlArea{

}

.lowerFullBgTxtAreaInSubTtlArea{
	margin-bottom: 20px;

}

.lowerFullBgTxtAreaInDescArea{

}

.lowerDvdSliderAreaWrap{
	position: relative;
}

.lowerDvdSliderArea{

}
.lowerDvdSliderBox{
	display: flex;
	justify-content: space-between;
}
.lowerDvdSliderBoxNumberArea{

}

.lowerDvdSliderBoxNumber{
	color: #b2de5f;
}
.lowerDvdSliderBoxTtlArea{

}
.lowerDvdSliderBoxTtl{

}
.lowerDvdSliderBoxDescArea{

}
.lowerDvdSliderBoxDesc{

}
.lowerDvdSliderAreaCntBtnArea{
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 80px;
	display: flex;
	justify-content: space-between;
}
.lowerDvdSliderAreaCntBtn{
	cursor: pointer;
}

.lowerMessageTopMargin{
	margin-top: 60px;
}

.lowerRoundImgArea{
	display: flex;
	justify-content: center;
	align-items: center;
}

.lowerRoundImgBox{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0 10px;
}
.lowerRoundImgBoxImg{

}
.lowerRoundImgTxtArea{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lowerRoundImgTxtAreaIn{
	text-align: center;
}
.lowerRoundImgTxt{
	color: #FFF;
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 44.11px;
	font-weight: bold;
	vertical-align: middle;
}

.lowerArrowArea{
	margin:  0 0 -100px 0;
	position: relative;
}
.lowerArrowArea.ty2{
	margin:  -100px 0;
	position: relative;
}
.lowerArrowAreaBottom{
	margin-top: 100px;
}
.lowerArrowAreaImg{

}
.lowerArrowAreaImg > img{
	width: 100%;
}
.lowerArrowAreaTxtArea{
	position: absolute;
	top: 40px;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
.lowerArrowAreaTxt{
	color: #FFF;
}

.lowerCourseImgArea{
	background-image: url(../../yoga-koushi/dvd-course/assets/img/course_img_bk.jpg);
	background-size: cover;
	padding-top: 160px;
	padding-bottom: 120px;
}
.lowerCourseImgArea.ty2{
	background-image: url(../../koushi-schedule/post-4037/assets/img/course_img_bk.jpg);
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 60px;
}

.lowerHowTosConnectArea{
	padding: 25px;
	border: 1px solid #FFF;
	background-color: rgba(255,255,255,0.3);
}
.lowerHowTosConnectTtlArea{

}
.forPoint.lowerHowTosConnectTtlArea{
	    justify-content: flex-start;
}
.forPoint.lowerHowTosConnectTtlArea > .ImgTtl{
	    justify-content: flex-start;
}
.lowerHowTosConnectTtl{

}
.lowerHowTosConnectDetailArea{
	display: flex;
	justify-content: flex-start;
}
.lowerHowTosConnectDetailImgArea{
	margin-right: 20px;
}
.lowerHowTosConnectDetailTxtArea{
	margin-top: 10px;
}
.lowerHowTosConnectDetailTxtAreaIn{

}
.lowerHowTosConnectDetailTxt{

}
.lowerHowTosConnectDetailImgInArea{
	display: flex;
	justify-content: flex-start;

}
.lowerHowTosConnectDetailImgInBox{
	margin-right: 20px;
}

.lowerWayArea{
	background-color: #e7f6e9;
	padding: 30px 20px;
	margin-bottom: 60px;
}
.lowerWayArea.pink{
	background-color: #fff1f0;
}
.lowerWayAreaTtlArea{

}
.lowerWayAreaTtl{

}
.lowerWayAreaImgArea{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}
.lowerWayAreaImg{

}
.lowerWayAreaDetailArea{

}
.lowerWayAreaDetail{

}
.lowerWayAreaDetail span{
	color: #e03d90;
	font-weight: bold;
}

.lowerFaqArea{
	margin-bottom: 140px;
}
.lowerFaqAreaTtlArea{
	text-align: center;
	margin-bottom: 60px;
}
.lowerFaqAreaTtl{

}
.lowerFaqBox{
	margin-bottom: 30px;
}
.lowerFaqQTtlArea{
	padding: 0px 25px;
	background-color: #b1de5f;
	border: 5px solid #b1de5f;

}
.lowerFaqQTtl{
	font-size: 24px;
	width: 100%;
	cursor: pointer;
}
.lowerFaqQTtl span{
	font-size: 18px;
	font-weight: bold;
	margin-left: 20px;
}
.lowerFaqQTtl .bottom{
	margin-left: auto;
	margin-right: 0;
}
.lowerFaqAArea{
	padding: 10px 25px;
	border: 5px solid #b1de5f;
}
.lowerFaqAAreaTtlArea{

}
.lowerFaqAAreaTtl{
	font-size: 24px;

}
.lowerFaqAAreaDetailArea{

}
.lowerFaqAAreaDetail{

}
.backgroundGrade{
	background-image: url(../../yoga-koushi/dvd-course/assets/img/grade_bk.jpg);
	background-size: cover;
	padding-bottom: 70px;;

}

.lowerPriceArea{
	margin-bottom: 30px;
}

.lowerPriceBox{
	padding: 40px 10px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-top: 1px solid #FFF;

}

.lowerPriceBox:last-child{
	border-bottom: 1px solid #FFF;

}
.lowerPriceTtlArea{

}
.lowerPriceTtl{

}
.lowerPriceDetailArea{

}
.lowerPriceDetail{

}
.lowerPriceAddArea{
	border: 1px solid #FFF;
	padding: 25px;
	background-color: rgba(255,255,255,0.3);
}
.color2.lowerPriceAddArea{
	border-color: #ececec;
	background-color: rgba(236, 236, 236, 0.3);
}
.mb.lowerPriceAddArea{
	margin-bottom: 60px;
}
.lowerPriceAddTtlArea{

}
.lowerPriceAddTtlArea{

}
.lowerPriceAddDeatilArea{

}
.lowerPriceAddDeatil{

}

.lowerForYouAreaTtlArea{
	margin-bottom: 30px;
}
.lowerForYouAreaTtlArea > img{
	margin: 0 auto;
}

.daihyouStr{
	font-size: 18px;
	letter-spacing: 0.15em;
	line-height: 36px;
	font-weight: bold;
}
.daihyouStr span{
	font-size: 30px;
	letter-spacing: 0.3em;
	line-height: 30px;
	font-weight: bold;
}

.lowerTsuyomiArea{
	text-align: center;
}

.lowerTsuyomiTopImgArea{
	position: relative;
	top: -90px;
}

.lowerTsuyomiTopImgAreaWrap{
	margin-top: 140px;
}
.lowerTsuyomiTopImgArea > img{
	margin: 0 auto;
}
.lowerContentAltBorderBottom > .lowerContentImgTxt2ColArea{
	padding-bottom:30px;
	border-bottom: 1px solid #FFF;
}
.lowerContentAltBorderBottom > .lowerContentImgTxt2ColArea:last-child{
	padding-bottom:0;
	border-bottom: none;
}
#loading-div{
	position: fixed;
	z-index: 99999999999;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items:center;
	background-color:  #FFF;
	overflow: hidden;
}

#loading-div .fade01, #loading-div .fade02{
	position: relative;
	z-index: 2;
	opacity: 0;
}

#loading-div.loaded{
	width: 0;
	margin-left: 100vw;
	transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.loading-div-in{
	display: flex;
	justify-content: center;
	align-items:center;
}

#mainLogo{

}

.ball-scale-ripple{

}
.dvdContentTable, .dvdContentTableCap{
	width: 860px;
	margin: 0 auto;
	margin-top: 60px;
}
.dvdContentTableCap{
	margin-top: 20px;
}
.dvdContentTableCap b{
	font-weight: bold;
}
.dvdContentTable thead th{
	background-color: rgb(199, 239, 122);
	border: 1px solid rgb(199, 239, 122);
	text-align: center;
	font-size: 20px;
}
.dvdContentTable tbody th,
.dvdContentTable tbody td{
	padding: 10px 20px;
}

.dvdContentTable tbody th{
	width: 120px;
	border-left: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	font-weight: bold;
}
.dvdContentTable tbody td{
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

.triAreaWrap{
}
.triArea{
	position: relative;
	margin-top: -10%;
	margin-bottom: -10%;
	transform: scale(0.8);
	    z-index: 2;
}
.tsugaku.triArea{
	margin-top: 40px;
	margin-bottom: -2%;
	transform: scale(1);
}

.tsugaku.triArea.ty2{
	margin-top: -100px;
}
.traner.triArea{
	margin-top: 40px;
	margin-bottom: -5%;
	transform: scale(1);
		z-index: 135;
}

.triArea > .tri1{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.triArea > .tri2{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.triArea > .triImage{
	position: relative;
	bottom: -50px;
	z-index: 3;
}

.triArea.kids-yoga{
	margin-top: -30px;
}

.triArea.kids-yoga > .triImage{
	bottom: -90px;
}


.triArea > .triImage img{
	margin-right: 30px;
	margin-left: auto;
}
.tsugaku.triArea > .triImage img {
    margin-right: auto;
}

.triAreaBorderLine{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 10px;
	height: 100%;
	margin: auto;
    z-index: 99;
	background: rgb(227, 223, 10);
	background: -moz-linear-gradient(top, rgba(227, 223, 10, 1) 42%,rgba(215, 223, 31, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(227, 223, 10, 1) 42%,rgba(215, 223, 31, 1) 100%);
	background: linear-gradient(to bottom, rgba(227, 223, 10, 1) 42%,rgba(215, 223, 31, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3df0a',endColorstr='#d7df1f', GradientType=0);
}
.tsugakuWrap .triAreaBorderLine{
background: rgb(222,95,119);
background: -moz-linear-gradient(top, rgba(222,95,119,1) 0%, rgba(255,241,13,1) 100%);
background: -webkit-linear-gradient(top, rgba(222,95,119,1) 0%,rgba(255,241,13,1) 100%);
background: linear-gradient(to bottom, rgba(222,95,119,1) 0%,rgba(255,241,13,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de5f77', endColorstr='#fff10d',GradientType=0 );
}
.tranerWrap .triAreaBorderLine{
background: rgb(216,229,1);
background: -moz-linear-gradient(top, rgba(216,229,1,1) 0%, rgba(1,229,182,1) 100%);
background: -webkit-linear-gradient(top, rgba(216,229,1,1) 0%,rgba(1,229,182,1) 100%);
background: linear-gradient(to bottom, rgba(216,229,1,1) 0%,rgba(1,229,182,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e501', endColorstr='#01e5b6',GradientType=0 );
}
.triAreaTxtWrap{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
}
.triAreaTxtWrap > .triAreaTxtBox:nth-of-type(2n){
	align-self: flex-start;
}
.triAreaTxtWrap > .triAreaTxtBox:nth-of-type(2n + 1){
	align-self: flex-end;
}
.triAreaTxtBox{
	margin-top: 30px;
	width: 50%;
}
.triAreaTxtBoxInner{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.triAreaPoint{
	flex-basis: 110px;
}
.triAreaPointImage{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.triAreaPointImage > span{
	position: absolute;
	margin:20px 0 0 20px ;
	color: #b1de5f;
	font-size: 60px;
	font-weight: bold;
}

.triAreaTxtDetailBox{
	margin-left: 10px;
	flex-basis: calc(100% - 120px);
}
.tsugakuWrap .triAreaTxtDetailBox, .tranerWrap .triAreaTxtDetailBox{
	flex-basis: calc(100%);
}
.triAreaTxtDetailBoxTtlArea{
	border-bottom: 2px solid #cbe994;
}
.tsugakuWrap .triAreaTxtDetailBoxTtlArea{
	border-bottom: 2px solid #e37666;
}
.triAreaTxtDetailBoxTtl{
	font-size: 36px;
	line-height: 1;
	color: #e3df0a;
}
.triAreaTxtDetailBoxTtl >span{
	font-size: 48px;
	line-height: 1;
	color: #e3df0a;
}
.triAreaTxtDetailBoxTxtArea{
	margin-top: 30px;
}
.triAreaTxtDetailBoxTxt{
}
.tsugakuWrap .ImgTtl{
	color: #fff10d;
}
.tsugakuWrap .ImgTtl.r, .tranerWrap .ImgTtl.r{
	justify-content: flex-end;
}
.tranerWrap .ImgTtl{
	color: #01e5b6;
}

.triAreaBottom.dvd-course {
    position: relative;
    right: 5px;
    top: -110px;
}

.tranerWrap + .triAreaBottom {
    position: relative;
    right: 5px;
    top: -110px;
}



.triAreaBottom img{
	    margin: 0 auto;
}
.bc.triAreaBottom{
	position: relative;
	z-index: 2
}
.bc.triAreaBottom img{
	    margin-top: -30px;
}


.triAreaTxtWrap > .triAreaTxtBox:nth-of-type(2n + 1) > .triAreaTxtBoxInner > .triAreaPoint{
	order: 2;
}

.triAreaTxtWrap > .triAreaTxtBox:nth-of-type(2n + 1) > .triAreaTxtBoxInner > .triAreaTxtDetailBox{
	order: 1;
	margin-left: 0;
	margin-right: 10px;
	text-align: right;
}

.lowerContentImgTxt3ColBox{
	display: flex;
	justify-content: space-between;
	align-content: center;
}

.lowerContentImgTxt3Col{
	flex-basis: 30%;
}


.lowerContentImgTxt3Col img{
	width: 100%;
}
.lowerContentImgTxt3Col .lowerContentImgTxt2ColInSubTtlArea{
	margin-bottom: 15px;
}



.chakraArea{
	margin-bottom: 80px;;
}

.chakraAreaT{
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	margin-bottom: 40px;
}
.chakraAreaBox{
	flex-basis: calc((100% / 3) - 80px);
}

.chakraAreaT.ty2 .chakraAreaBox{
	flex-basis: calc((100% / 4)  - 40px);
}

.chakraAreaBoxImg{
	margin: 0 auto 20px auto;
}

.chakraAreaBoxImg img{
	margin: 0 auto 20px auto;
}

.roundRecomendArea{
	margin-bottom: 160px;
}

.roundRecomendAreaT{
	display: flex;
	justify-content: center;
	align-items: center;
}

.roundRecomendBox{
	flex-basis: 253px;
	margin: 15px;
	height: 253px;
	background-image: url(../../koushi-schedule/post-4037/assets/img/round_bg.png);
    background-repeat: no-repeat;
	background-size: 100%;
	padding: 10px;

	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;

}
.roundRecomendBoxTzt{

}

.tenkaiPointArea{
	display: flex;
	justify-content: space-between;
}
.tenkaiPointArea .lowerHowTosConnectArea{
	width: calc(50% - 10px);
	margin-bottom: 20px;
}

.tenkaiPointDesc{
	color: #7a7a7a;
}
.tenkaiPointStr{
	color: #93d240;
}

.tenkaiTtl{
	padding: 80px 0 0 0;
	margin-bottom: -100px;
}

.nitteiBoxWrap{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.nitteiBoxWrap:last-of-type{
	padding-bottom: 120px
}
.nitteiBoxWrap.forIndex{
	padding-bottom: 30px;
}
.nitteiBox{
	flex-basis: 340px;
	margin: 10px;
}
.nitteiBoxImg{
	height: 200px;
	width: 100%;
	position: relative;
}
.nitteiBoxImgHov{
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
	z-index: 1;
	font-weight: bold;
	background-color: rgba(255,255,255,0.7);
}
.nitteiBoxImgHov.center{
		top: 60px;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 90%;
	height: 60%;
	font-size: 15px;
	letter-spacing: 0.01em;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	line-height: 1.95;
}
.nitteiBoxImg > img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.nitteiBoxCont{
	background-color: #FFF;
}

.nitteiBoxTtl{
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.nitteiBoxMap{
	display:flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	flex-basis: 120px;
	padding: 5px 15px;
}
.nitteiBoxMap i{
	margin-right: 5px;
}
.nitteiBoxYoga{
	flex-basis: 220px;
	color: #FFF;
	background-color: #c4d3ff;
	text-align: left;
	font-weight: bold;
		padding: 5px 15px;
}
.nitteiBoxYoga.full{
	flex-basis: 100%;
}

.nitteiBoxYoga.bc{
	background-color: #b1e5bc;
	font-size: 14px;
	letter-spacing: 0.13em;
}

.nitteiBoxYoga.bm{
	background-color: #ffd6c4;
	font-size: 14px;
	letter-spacing: 0.13em;
}
.nitteiBoxYoga.rk{
	background-color: #e5b1b1;
	font-size: 14px;
	letter-spacing: 0.13em;
}

.nitteiBoxDesc{
	padding: 20px 20px 0 20px;
}
.nitteiBoxDescList{
}
.nitteiBoxDescList li{
	color: #535353;
    font-size: 14px;
    font-weight:bold;
}
.nitteiBoxDescList li.mi{
	color: #ffcaca;
    font-size: 14px;
    font-weight:bold;
}

.nitteiBoxDescList span{
	color: #535353;
}
.nitteiLink{
	margin-top: 10px;
}
.nitteiLink a,
.nitteiLink span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 30px;
	color: #93d240;
	border-bottom: 2px solid #93d240;
	transition: .2s;
}

.nitteiLink a:hover {
	color: #2e460e;
	border-bottom: 2px solid #2e460e;
	transition: .2s;
}

.scheModalCont{
	text-align: left;
}
.scheModalContImg{

}
.scheModalContImg > img{
	width: 100%;
}
.scheModalContYoga{
	margin-top: 20px;
}
.scheModalContYoga span {
	flex-basis: 220px;
	color: #FFF;
	background-color: #c4d3ff;
	text-align: left;
	font-weight: bold;
	padding: 5px 15px;
}

.scheModalContTtl{
	margin-top: 20px;
}
.scheModalContTableArea{
	margin-top: 60px;
}
.scheModalContTableArea table{
	width: 100%;
	border-collapse: collapse;
}

.scheModalContTableArea table tr{
	border: 1px solid #dddddd
}
.scheModalContTableArea table tr th{
	border-right: 1px solid #dddddd;
	background-color: #f2f2f2;
	font-weight: bold;
}
.scheModalContTableArea table tr th,
.scheModalContTableArea table tr td{
	padding: 15px 20px;
	font-size: 14px;
}

.scheModalContOffer{
	margin-top: 20px;
	text-align: center;
}

.scheModalContOfferLink{
	padding: 20px 50px;
	display: inline-flex;
	justify-content: center;
	align-content: center;
	margin: 0 auto 10px auto;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	line-height:1;
	background-color: #93d01b;
}

.scheModalContOfferTeiinn{
	font-size: 14px;
	font-weight: bold;
}
.scheModalContOfferTeiinn .m{
	color: #ff5555;
	font-weight: bold;
}


.lowerStudioArea{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	padding-bottom:40px;
	border-bottom: 1px solid #e7e7e7;
}

.lowerStudioAreaImgBox{
	flex-basis: 400px;
}

.lowerStudioTxtBox{
	flex-basis: calc(100% - 420px);
}
.lowerStudioTxtBox.full{
	flex-basis: 100%;
}

.lowerStudioAreaDetail{
	padding: 20px 15px;
	background-color: #e7f6e9;
}
.lowerStudioAreaDetailRow{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	margin-bottom: 15px;
	text-align: left;
}
.lowerStudioAreaDetailRow a{
	text-decoration: underline;
}
.lowerStudioAreaDetailRow:last-of-type{
	margin-bottom: 0px;
}
.lowerStudioAreaDetailRowTtlArea{
	flex-basis: 100px;
	text-align: left;
}
.lowerStudioAreaDetailRowTtl{
	font-size: 14px;
	font-weight: bold;
}
.lowerStudioAreaDetailRowTtl .fas,
.lowerStudioAreaDetailRowTtl .fab{
	color: #b2de5f;
}
.lowerStudioAreaDetailRowDtlArea{


}
.lowerStudioAreaDetailRowDtl{
	font-size: 14px;
}
.lowerStudioAreaDetailRowDtl .fas{
	color: #b2de5f;
}

.lowerTokutenArea{
		margin-top: 20px;
		padding: 20px;
		border: 1px solid #df6473;
		display: flex;
		justify-content: flex-start;
}
.traner.lowerTokutenArea{
		border: 1px solid #04e5b4;
		align-items: center;
}

.lowerTokutenImg{
	margin-right: 20px;
}
.lowerTokutenTxt{

}
.lowerTokutenTxtPink{
	color: #df6473;
}

.lowerTsugakuTxtBoxWrap{

}

.lowerTsugakuTxtBoxWrap.forList{

}


.lowerTsugakuTxtBox{
	margin-bottom: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.lowerTsugakuTxtBox:not(.list):nth-child(2n){
	margin-left: 220px;
}
.lowerTsugakuTxtBoxImg{
	margin-right: 20px;
}
.list .lowerTsugakuTxtBoxImg{
	width: 250px;
	height: 250px;
}
.list .lowerTsugakuTxtBoxImg > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}
.lowerTsugakuTxtBoxTxt:not(.list){
	max-width: calc(100% - 270px);
}
.lowerTsugakuTxtBox:not(.list):nth-child(2n) .lowerTsugakuTxtBoxTxt{
	max-width: calc(100% - 490px);
}

.list .lowerTsugakuTxtBox{
	width: calc(100% - 250px);
}

.lowerCenterFlowArea{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.lowerCenterFlow{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 40px;
}
.lowerProguramInfoWrap{
	display: flex;
	justify-content: space-around;
}
.lowerProguramInfoBox{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.lowerProguramInfoBoxImg{
	margin-right: 30px;
}
.lowerProguramInfoBoxTxt{

}

.lowerProguramFlowWrap{
	margin-top: 30px;;
}
.lowerProguramFlowRow{
	display: flex;
	justify-content: center;
	padding: 15px 0;
	position: relative;;
}

.lowerProguramFlowRow:after{
	content: "";
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	height: 100%;
	width: 5px;
	z-index:1;
	background-color: #ec9e49;
}
.lowerProguramFlowRow:last-of-type:after{
	height: 50%;
}
.lowerProguramFlowLeft{
	flex-basis: calc(50% - 35px);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-right: 30px;
}
.lowerProguramFlowMid{
	flex-basis: 70px;
	display: flex;
	justify-content: center;
	align-items: center;

	z-index:2;
}


.lowerProguramFlowRight{
	flex-basis: calc(50% - 35px);
	display: flex;
	justify-content: flex-start;;
	margin-left: 30px;
}

.lowerProguramFlowMidRound{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background-color: #ec9e49;
	font-size: 30px;
	color: #FFF;
	border-radius: 50%;
}

.lowerProguramFlowRow:first-of-type{
	padding:0;
}


.greenClearBitn{
	color: #88c80e;
	background-color: rgba(178, 222, 95,0.4);
	border: 1px solid rgba(178, 222, 95,1);
	padding: 20px 20px;
	transition: background-color .3s;
}

.greenClearBitn:hover{
	background-color: rgba(255,255,255,0);
	transition: background-color .3s;
}
.n-ma-top{
	margin-top: -100px;
    padding-bottom: 70px;
}



.koushiInfomationAreaWrap{
	margin-top: 30px;
}

.koushiInfomationImgArea,.koushiInfomationStudioImgArea{
	height: 380px;
	width: 100%;
}

.koushiInfomationImg,.koushiInfomationStudioImg{
	width:100%;
	height: 100%;
	object-fit: contain;
	font-family: "object-fit: contain;";
}


.koushiInfomationNameArea,.koushiInfomationStudioNameArea{
	margin-top: 20px;
	text-align: center;
}

.koushiInfomationName{
}

.koushiInfomationNameEng{
 }


.koushiInformationDetailArea{
	margin-top: 30px;

}
.koushiInformationDetailArea > *:not(div){
	margin-bottom: 30px;
}
.koushiInformationDetailArea > p{
	margin-bottom: 20px;
}
.koushiInfomationStudioDetail{
	margin-top: 20px;
	text-align: center;
}

.koushiInformation.lowerStudioArea{
	margin-top: 40px;
}
.babieMovie{
	font-size: 60px
}
.babiesSheduleTable{
	width: 100%;
}

.babiesSheduleTable tr{
	border-bottom: 1px solid #b2de5f;
}

.babiesSheduleTable th, .babiesSheduleTable td{
	padding: 20px 0;
	width: 33.333%;
}
.babiesSheduleTable th{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.babiesSheduleTable td{
	font-size: 16px;
	text-align: center;
}
.babiesSheduleTable td > a{
	text-decoration: underline;
}
.babiesTableCap{
	text-align: right;
	margin-top: 30px;
}
.way2colAreaWrap{
	display: flex;
	justify-content: space-between;

}
.way2colArea{
	flex-basis: 49%;
	background-size: cover;
}
.way2colTtlArea{
	text-align: center;
}
.way2colTtl .ImgTtl{
	justify-content: center;
}
.stepArea{
	padding: 25px;
}
.stepAreaIn{
	padding: 15px 10px;
	background-color: #FFF;
}
.stepAreaTtl{
}

.gradeStep, .gradeStep > *{
  color: #ACB6E5;
	background: rgb(222,95,119);
	background: -moz-linear-gradient(top, rgba(222,95,119,1) 0%, rgba(255,241,13,1) 100%);
	background: -webkit-linear-gradient(top, rgba(222,95,119,1) 0%,rgba(255,241,13,1) 100%);
	background: linear-gradient(to bottom, rgba(222,95,119,1) 0%,rgba(255,241,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de5f77', endColorstr='#fff10d',GradientType=0 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.14em;
  font-weight: bold;
}
.type2 .gradeStep, .type2 .gradeStep > *{
  background: rgb(177,222,95);
background: -moz-linear-gradient(-45deg,  rgba(177,222,95,1) 0%, rgba(255,241,13,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(177,222,95,1) 0%,rgba(255,241,13,1) 100%);
background: linear-gradient(135deg,  rgba(177,222,95,1) 0%,rgba(255,241,13,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1de5f', endColorstr='#fff10d',GradientType=1 );
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.stepAreaDtl{
	margin-top: 0px;
}
.stepAreaDtl p, .stepAreaDtl p >*{
	letter-spacing: 0.03
}
.stepAreaDtl p.jFontDescription, .stepAreaDtl p.jFontDescription >*{
	font-size: 15px;
}
.stepAreaDtl span{
	font-size:12px;
	letter-spacing: 0.1em;
	list-style: 24px;
}
.stepAreaArB{
	margin: 10px 0;
}
.stepAreaArB img{
	margin: 0 auto;
}
.ninteishutoku{
	display: block;
	margin: 10px 0;
	font-size: 40px;
	letter-spacing: 0.3em;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
}

.ul{
	text-decoration: underline;
}


.curriculmFont {
	font-size: 54px;
	line-height: 1;
	position: relative;
	top: 8px;
}


.lowerOfficeMainViWrap{
	background-size: cover;
	background-repeat: no-repeat;

}

.lowerOfficeMainVi{
	position: relative;
	display: flex;
	justify-content: space-between;
}

.lowerOfficeMainVoga{
}

.lowerOfficeMainText{
	margin-top: 60px;
}

.bg-black{
	background-color: #242424;
}

.bg-black  *{
	color: #FFF;
}

.lowerOfficeNayamiArea{
	display: flex;
	justify-content: space-around;
}

.lowerOfficeNayamiSub > .txtColor03,
.office *.txtColor03{
	color: #92c659;
}
.lowerOfficeNayamiSub > .txtColor03{
	font-weight: bold;
}

.obiArea{
	margin-bottom: -6.8%;
	margin-top: -6.8%;
	position: relative;
}

.obiArea img{
	width: 100%;
	position: relative;
	top: -50%;
}
.lowerOfficeMainTtlArea{
	padding-top: 80px;
}
.lowerOfficeSubTtlArea{
	margin-top: 30px;
	margin-bottom: 30px;;
}
.lowerOfficeNayamiSubArea{
	margin-top: 30px;
}
.lowerOfficeNayamiSubArea2{
	margin-top: 20px;
	padding-bottom: 80px;
}


.lowerOfficeButtonArea{
	display: flex;
	justify-content: center;
	align-items: center;
}

.lowerOfficeButtonArea.jc-sb{
	justify-content: space-around;
}
.lowerOfficeButton{
	font-size: 24px;
	letter-spacing: 0.3em;
	color: #FFF;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 420px;
	height: 85px;
	line-height: 1;
	background: rgb(255,241,13);
	background: -moz-linear-gradient(-45deg,  rgba(255,241,13,1) 0%, rgba(177,222,95,1) 99%);
	background: -webkit-linear-gradient(-45deg,  rgba(255,241,13,1) 0%,rgba(177,222,95,1) 99%);
	background: linear-gradient(135deg,  rgba(255,241,13,1) 0%,rgba(177,222,95,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff10d', endColorstr='#b1de5f',GradientType=1 );
	position: relative;
}

.lowerOfficeButton.cont:before{
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 0;
	height: calc(100% - 4px);
	background-color: #FFF;
	text-align: center;
	transition: .2s;
}

.lowerOfficeButton.cont:after{
	content: "WEBお問い合わせ>>";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 24px;
	color: rgba(177,222,95,1);
	height: 25px;
	opacity: 0;
	text-align: center;
	transition: .2s;
}
.lowerOfficeButton.cont.isu:after{
	content: "椅子ヨガレッスン>>";
	letter-spacing: 0.41em;
	height: 24px;
	margin-left: 2px;
}
.lowerOfficeButton.cont.mat:after{
	content: "マットヨガレッスン>>";
	letter-spacing: 0.41em;
	height: 24px;
	margin-left: 2px;
}

.lowerOfficeButton.cont:hover:before{
	width: calc(100% - 4px);
	transition: .2s;

}

.lowerOfficeButton.cont:hover:after{
	opacity: 1;
	transition: .2s;
}

.lowerOfficeButtonArea.jc-sb .lowerOfficeButton{
	font-size: 26px;
}

.lowerOfficeButton.noWid{
	display: inline-flex;
	width: auto;
	padding: 0 40px;
}

.lowerOfficeEvBtm{
	margin-bottom: 80px;
	position: relative;
	z-index: 2;
}

.lowerOfficeProguramWrap{
	margin-top: 60px;
}
.lowerOfficeProguram{
	position:relative;
	margin-bottom: 80px;
}

.lowerOfficeProguram.rev{
	text-align: right;
}

.lowerOfficeProguramTtl{
	position:absolute;
	top: -40px;
	right: 0;
	z-index: 2;
}

.rev .lowerOfficeProguramTtl{
	right: auto;
	left: 0;
}

.lowerOfficeProguramDesc{
	padding: 60px 45px;
	display: inline-block;
	background-color: rgba(255,255,255,0.3);
	border: 1px solid #FFF;
	margin: 0 auto 0 0;
	text-align: left;
}

.lowerProgresBerArea{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.lowerProgresTtl{
	flex-basis: 320px;
	text-align: right;
	margin-right: 20px
}
.lowerProgresBerBox{
	flex-basis: calc(100% - 340px);
	position: relative;
}

.lowerProgresBer{
	position: relative;
	height: 15px;
	border: 1px solid #b1f2de;
	background-color: rgba(177,242,222, 0.2);
	border-radius: 7.5px;
	overflow: hidden;
}
.lowerProgresBerIn{
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 7.5px;
	height: 100%;
	background-color: rgba(177,242,222, 1);
	z-index: 2;
	width: 0;
	transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.koushiInformationDetailArea .lowerProgresBerArea:nth-child(2) .lowerProgresBerIn  {
	transition-delay: .4s;
}
.koushiInformationDetailArea .lowerProgresBerArea:nth-child(3) .lowerProgresBerIn  {
	transition-delay: .8s;
}
.koushiInformationDetailArea .lowerProgresBerArea:nth-child(4) .lowerProgresBerIn  {
	transition-delay: 1.2s;
}
.koushiInformationDetailArea .lowerProgresBerArea:nth-child(5) .lowerProgresBerIn  {
	transition-delay: 1.6s;
}

.lowerOfficeRepoDiv{
	padding: 25px;
	border-top: 2px dashed #FFF;
}
.lowerOfficeRepoDiv:last-child{
	border-bottom: 2px dashed #FFF;
}
.lowerOfficeRepo:hover{
	text-decoration: underline;
}
.lowerOfficeRepo > span{
	margin-right: 60px;
}

.koushiInformationDetailArea table{
	width: 100%;
	 border-collapse: collapse;
    table-layout: fixed;
}

.koushiInformationDetailArea th,
.koushiInformationDetailArea td{
	border: 1px solid #555;
	padding: 5px 10px;
}

.koushiInformationDetailArea th{
	font-weight: bold;
}
.koushiInformationDetailArea td{

}






.claendar_table{
	width: 100%;
}



.claendar_table td,
.claendar_table th,
.claendar_table tr{
	border: 1px solid #555;
}
.claendar_table td{
	width: calc(100% / 7);
}

.claendar_table thead{
	background-color: #f3f3f3;
}

.claendar_table thead th{
	text-align: center;
}


.claendar_table thead th.holidaySun{
	background-color:#ffc1c1;
}

.claendar_table tbody td.holidaySun{
	background-color: #ffdfdf;
}

.claendar_table thead th.holidaySat{
	background-color: #ccd0ff;
}

.claendar_table tbody td.holidaySat{
	background-color: #e8eaff;
}
.cal_date{
	text-align: right;
	padding: 5px;
}


.underLink{
	position: relative;
}

.underLink:after{
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 3px;
	background-color: #93d240;
	transition: width .3s;
}
.underLink:hover:after{
	width: 100%;
	transition: width .3s;
}


.blogSearch{
	margin-top: 30px;
}
.blogSearch2{
	margin: 30px 0;
}

.blogSearchRow{
	display: flex;
	justify-content: center;
	align-items: stretch;
}


.blogContentWrap{
	align-items: stretch;
}
.blogContent .nitteiBoxCont {
	height: 260px;
}
.blogContent.nitteiBox{
	flex-basis: 31%;
	margin-bottom: 20px;
}
.blogContent .nitteiBoxCont .nitteiBoxTtl{
	height: 70px;
	align-items: flex-start;
}
.blogContent .nitteiBoxCont .nitteiBoxTtl .nitteiBoxMap{
	width: 100%;
	flex-basis: 100%;
	padding-left: 0;
	padding-right: 0;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}
.blogContent .nitteiBoxImg > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}
.blogContent .nitteiBoxImg{
	overflow: hidden;
}
.blogContent .nitteiBoxImg > img{
	transform: scale(1.0);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.blogContent:hover .nitteiBoxImg > img{
	transform: scale(1.2);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.blogContent .nitteiBoxCont .nitteiBoxDesc{
	height: 120px;
	align-items: flex-start;
	padding-left: 0;
	padding-right: 0;
}

.blogContent .nitteiBoxCont .nitteiLink{
	height: 50px;
    align-items: flex-end;
    display: flex;
}

.LowerPager{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 50px 0;
}

.LowerPager li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border: 2px solid #b2de5f;
	background-color: #FFF;
	border-radius: 3px;
	margin: 0 5px;
	font-weight: bold;
	transition: .2s;
}


.LowerPager li a.active,.LowerPager li a:hover{
	background-color: #b2de5f;
	border-radius: 3px;
	color: #FFF;
	transition: .2s;
}
.blogDetailWrapper{
	margin-top: 20px;
}
.blogDetailMainTtl{
	font-size: 24px;
	line-height: 1.73;
	letter-spacing: 0.18em;

}
.blogDetailTime{
	display: block;
	font-size: 14px;
}


.content2colWrap{
	display: flex;
	justify-content: space-between;
}

.content2colL{
	flex-basis: calc(100% - 370px);
	width: calc(100% - 370px);
}

.content2colS{
	flex-basis: 330px;
}

.nitteiBoxWrap.rightContent{
	width: 100%;
}

.nitteiBoxWrap.rightContent > div{
	width: 100%;
	flex-basis: 100%;;
}
.relationBlogArea{
	margin-top: 30px;
}


.koushiInformationDetailArea img.aligncenter {
    display: block;
    margin: 0 auto;
}

.koushiInformation{
	flex-wrap: wrap;
}

.koushiInformation{
	flex-wrap: wrap;
}
.koushiInformation .lowerStudioAreaImgBox,
.koushiInformation .lowerStudioTxtBox{
	flex-basis: 100%;
	width: 100%;
	margin-bottom: 20px;
}

.koushiInformation .lowerStudioAreaImgBox{
	height: 380px;
}


.blogList {
	margin-top: 20px;;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.blogList:first-child {
/* 	margin-top: 0; */
}
.blogListImg {
	flex-basis: 80px;
	height: 80px;
}

.blogListImg > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}


.blogList .blogListImg > img {
	transform: scale(1.0);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.blogList .blogListImg{
	overflow: hidden;
}
.blogList:hover .blogListImg > img {
	transform: 	scale(1.3);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}



.blogListTxt {
	flex-basis: calc(100% - 100px);
}

.blogListTtl {
	font-size: 14px;
	font-weight: bold;
}

.blogListTtlArea
 time{
	font-size: 12px
}
.rightKouzaListUl{
	width: 100%;

}
.rightKouzaList{
	margin: 10px;
	border-bottom: 2px dotted #DDD;
}
.rightKouzaList:last-of-type{
/* 	border-bottom: none; */
}

.rightKouzaList > a{
	font-size: 14px;
}
hr.green{
	height: 2px;
	margin: 10px 0;
	background-color: #b2de5f;
}

.pankuzuWrap{
	background-color: #f1f1f1;
	padding: 10px 0;
}

.pankuzu {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.pankuzu li{
	margin-right: 20px;
	position: relative;
}

.pankuzu li:after{
	content: ">";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -14px;
	margin: auto;
	font-size: 10px;
}

.pankuzu li:last-of-type:after{
	display: none;
}

.pankuzu li a{
	font-size: 11px;
	line-height: 1;
}

.tagListWrap{
	margin: 20px 0;
	width: 100%;
}

.tagListWrap > * {
	margin: 5px 10px ;
	line-height: 1;
	display: inline-block;

}

.tagListWrap > a {
/* 	text-decoration: underline; */
}
.basicLink{
	text-decoration: underline;
}
.tagListRight{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.contactForm-radioLabel.fullWid{
	flex-basis: 100%;
	margin-bottom: 10px;
}
.contentDesc{
	margin-bottom:20px;
}
.lowerTsugakuTxtBox > .lowerTsugakuTxtBoxImg{
	overflow: hidden;
}
.lowerTsugakuTxtBox > .lowerTsugakuTxtBoxImg img{
	transform: scale(1.0);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.lowerTsugakuTxtBox:hover > .lowerTsugakuTxtBoxImg img{
	transform: scale(1.3);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tagsLink{
	display: inline-block;
    white-space: nowrap;
    padding: 2px 5px;
    margin: 0px 5px;
    line-height: 1;
    background-color: #d2f591;
    border-radius: 15px;
    border: 1px solid #b2de5f;
    overflow: hidden;
    max-width: 228px;
    text-overflow: ellipsis;
    transition: .5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tagsLink:hover{
	background-color: transparent;
	transition: .5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tagsLink > a, a.tagsLink{
	line-height: 1;
	font-size: 10px;
}
.tagsLink > a.lg, a.tagsLink.lg{
	font-size: 14px;
}
.calendar_row{
	margin: 20px 0;
}

.cal_date {
	font-size: 14px;
}
.calendarTtl{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	text-align: center;
}
.calendarTtl > a{
	font-size: 16px;
	font-weight: bold;
}

.calendarTtl > h3{
	font-size: 24px;
	font-weight: bold;
}

.lowerStudioAreaDetailRowForLink{
	display: block;
	margin-top: 20px;
	font-weight: bold;
	text-decoration: underline;
	transition: .3s;
}

.lowerStudioAreaDetailRowForLink:hover{
	color: #70a013;
	transition: .3s;
}

.small .blogContent .nitteiBoxImg{
	height: 140px
}
.small .blogContent .nitteiBoxMap {
	font-size: 16px;
}
.small .blogContent .nitteiBoxCont .nitteiBoxTtl{
	height: 40px;
}
.small .blogContent .nitteiBoxCont{
	height: 190px;
}
.small .blogContent .nitteiBoxMap {
	font-size: 14px;
}
.small .blogContent .nitteiBoxCont .nitteiBoxDesc {
	height: 120px;
}
.small .blogContent .nitteiBoxDesc p{
	font-size: 14px;
}
.small .blogContent .nitteiBoxCont .nitteiLink {
	height: 20px;
}
.nitteiBoxWrap.blogContentWrap.small{
		padding-bottom: 0;
}
.small .blogContent.nitteiBox {
	flex-basis: 30%;
	margin-bottom: 20px;
}

.lowerStudio2col {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 60%;
	margin-bottom: 0;
}

.lowerStudio2col .lowerStudioAreaDetailRow {
	flex-basis: 100%;
	margin-bottom: 15px;
}

.lowerFaqBox ~ .forQuestion{
	margin-bottom: 30px;
}

.koushiInformationDetailArea a:not(.tagsLink, .rc_i_w){
	text-decoration: underline;
	color: #93d240;
}
.koushiInformationDetailArea a:not(.tagsLink):hover{
	color: #2e460e;
}




.float-blog {
	position: fixed;
	bottom: 90px;
	right: 0;
	width: auto;
	background-color: #93d240;
	color: #FFF;
	padding: 30px 10px;
	border-radius: 15px 0 0 15px;
	writing-mode: vertical-rl;
	z-index: 10;
}
.float-kouza {
	position: fixed;
	bottom: 290px;
	right: 0;
	width: auto;
	background-color: #d06f9a;
	color: #FFF;
	padding: 30px 10px;
	border-radius: 15px 0 0 15px;
	writing-mode: vertical-rl;
	z-index: 10;
}

.float-blog,
.float-kouza {
	opacity: 1;
	transition: .2s;
}
.float-blog:hover,
.float-kouza:hover {
	opacity: .7;
	transition: .2s;
}


@media screen and (max-width: 1680px) {
	.reverce .lowerMainImageArea {
		width: 100%;;
	}
	.lowerContentImgTxt2ColAreaWrap {
		max-width: 1210px;
		margin: auto;
	}
}


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

	.mainImgSection{
	    height: calc(100vh - 68px);
	}
	.mainImgSectionLayerStr > .indexMainTxt, .mainImgSectionLayerStr > .indexMainTxt span{
		font-size: 159px;
	}
	.mainImgSectionLayerStr > span{
		font-size: 18px;
	}
	.mainImgSectionLayerStr > p{
		font-size: 24px;
	}

	.contentBox > p, contentBox > p > span{
		font-size: 15px;
		line-height: 2;
	}

	.fullHoriBoxIn > .leftTop {
	    height: 35%;
	}

	.fullHoriBox {
		height: 240px;
	}
	.fullHoriBoxIn > .leftTop.sm .type{
		left: 55px;
		font-size: 25px;
	}
	.fullHoriBoxIn > .leftTop .type{
		bottom: 25px;
		left: 58px;

	}

	.min-ai-e{
		align-items: flex-end;
	}

	.fullHoriBoxIn > .leftTop.sm .no {
	    font-size: 56px;
	}
	.fullHoriBoxIn > .bottomMid p{
		font-size: 16px;
	    line-height: 30px;
	}

	.fullHoriBoxIn > .leftTop .no{
		font-size: 62px;
	}

	.lessonColTtl{
		font-size: 18px;
	}

	.lessonColDetail {
		font-size: 13px;
	}

	.ttlBox > h2, .ttlh2 {
    	font-size: 34px;
		letter-spacing: 0.2em;
	}
	.ttlBox > h3, .ttlh3 {
    	font-size: 43px;
    }

    .articleAreaTtl h2, .articleAreaTtl .h2tag{
		font-size: 40px;
	}
    .contentBox > p, contentBox > p > span {
	    font-size: 14px;
	    line-height: 1.72;
	}

	.LabelList > li{
		font-size: 13px;
	}
	.contentBox > p > span {
    	font-size: 13px;
	}

	.layerArtBehind {
		height: 760px;
		padding-top: 20px;
	}
	.layerArtBehind h2{
	    padding-right: 200px;
		font-size: 70px;
	}
	.layerArtBehindInReText{
		margin: 0 100px 0 auto;
	}
	.layerArtBehindInReText > p {
		font-size: 32px;
	}
	.layerArtAboveIn{
		height: 720px;
		padding-top: 60px;
		transform: matrix(1, 0, -0.5, 1, 230, 0);
	}
	.layerArtAbove {
		top: 50px;
		height: 740px;
	}
	.layerArtAbove p {
		font-size: 20px;
			margin: 0 auto 0 80px;
	}
	.layerArtAboveInImg {
		width: 520px;
	}
	.bkDesert{
		height: 810px;
	}
	.article4Col{
		width: 225px;
		height: 225px;
	}
	.article4ColIn.bottomComment h3{
		font-size: 18px;
	}
	.article4ColIn.bottomComment p{
		font-size: 13px;
	}
	.article4ColIn.bottomComment > div{
		margin-top: 70px;
	}

	.articleAreaTtl2{
		padding-top: 25px;
		margin-right: 120px;
	}
	.articleAreaTtl2 p {
		font-size: 24px;
	}
	.articleAreaTtl2 h2, .articleAreaTtl2 h2 > span, .articleAreaTtl2 h2 > span.cl2{
		font-size: 76px;
	}

	.articleAreaTtl2 p.articleAreaTtl2p2 {
		font-size: 14px;
		line-height: 20px;
	}
	.btnOpa {
		width: 320px;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
		letter-spacing: 0.18em;
	}
	.bkOffice{
		height: 472px;
	}

	.articleAreaTtl p, .articleAreaTtl .ptag{
		font-size: 17px;
	}

	.ct-series-a .ct-bar {
	    stroke-width: 40px;
	}

	.lowerTtlAreaWrap .posRel {
		flex-basis: 50%;
	}
	.lowerMainImageArea {
		width: 100%;
		margin-right: -140px;
		margin-left: auto;
	}
	.posRel .lowerMainImageArea {
		width: 100%;
        margin-right: 0;
		margin-left: auto;
	}

	.reverce .posRel .lowerMainImageArea {
		width: calc(100%);
		margin-right: 0;
	}

	.midHid{
		display: none;
	}

}


@media screen and (max-width: 991px) {
	.float-blog {
		font-size: 14px;
		letter-spacing: 0.2em;
			padding: 20px 5px;
	}
	.float-kouza {
		font-size: 14px;
		letter-spacing: 0.2em;
		padding: 20px 5px;
		bottom: 230px;
	}


	.mainImgSectionImgArea, .mainImgSectionLayerWrap{
		height:212px;
	}

	.mainImgSectionLayerStr > span{
		font-size: 14px;
	}
	.mainImgSectionLayerStr > .indexMainTxt, .mainImgSectionLayerStr > .indexMainTxt span{
		font-size: 48px;
	}
	.mainImgSectionLayerBottomWrap{
		position: static;
		display: none;
	}
	.mainImgSectionLayerBottomMenu{
		flex-wrap: wrap;
	}
	.mainImgSectionLayerBottomMenuCol{
		flex-basis: 50%;
	}
	.mainImgSectionLayerStr > p{
		font-size: 16px;
	}
	.mainImgSectionLayer:after {
	    left: -5%;
	    width: 110%;
	}

	.article4ColBox{
		flex-wrap: wrap;
	}
	.swiper-wrapper.article4ColBox{
		flex-wrap: nowrap;
	}
	.article4Col{
		margin-bottom: 20px;
	}

	.article4Col.topOf{
		width: 350px;
		height: 350px;
	}


	.articleAreaTtl{
		margin-bottom: 20px;
	}
	.articleAreaTtl > h2{
		font-size: 22px;
	}

	..articleAreaTtl > p, .articleAreaTtl > .ptag{
		font-size: 16px;
	}
	.articleAreaTtlMini > h3{
		font-size: 24px;
	}
	.holizonalColBox {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.holizonalCol {
		margin-bottom: 20px;
	}
	.holizonalCol.txtHover{
		flex-basis: 49%;
		margin: 0;
		margin-bottom: 20px;
	}
	.holizonalCol.txtHover .holizonalColIn p, .holizonalCol.txtHover .holizonalColIn i{
		font-size: 13px
	}
	.holizonalCol.txtHover .holizonalColIn i {
	    font-size: 14px;
	}
	.contentArticleBox{
		margin: 0;
	}

	.contentArticleBoxCol{
		flex-basis:90%;
		margin-bottom: 20px;
		flex-wrap: wrap;
	}


	.contentBorder{
		 height: auto;
		 padding: 20px;
	}
	.article1ColBox{
		flex-basis: 100%
	}


	.article1ColBoxImg {
		flex-basis: 30%
	}

	.article1ColBoxDtail {
		flex-basis: calc(70% - 20px);
		margin-left: 20px;
	}

	.contentBorderOnTtl{
		margin: 10px 0 30px 0;
	}
	.article1ColBoxDtail h3{
		font-size: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.article1ColBoxDtail p{
		font-size: 17px;
		margin-bottom: 30px;
	}

	.swiper-wrap .button-n{
		right: 20px ;
		z-index: 5;
	}
	.swiper-wrap .button-p{
		left: 20px ;
		z-index: 5;
	}

	.holizonalCol.holizonalColWid3 {
		flex-basis: 48%;
		margin: 20px 1%;
	}
	.holizonalCol.holizonalColWid3 > img{
		height: auto;
	}

	.holizonalCol.txtBottom.sm .holizonalColIn{
		padding: 5px;
	}
	.holizonalCol.txtBottom.sm .holizonalColIn > p{
		font-size: 12px;
	}
	.bkImgeArea2 {
	    height: auto;
	}

	.articleAreaMap{
		overflow: hidden;
	}
	.articleAreaMap iframe {
		width: 100%;
	    height: 200px;
	    margin-bottom: 20px;
	}
	.contentAreaWidFull.layerArt{
		margin: 20px 0;
		width: 100%;
	}
	.layerArtBehind{
		width: 100%;
		height: 240px;
		position: relative;
		z-index: 2;
	}
	.layerArtBehindIn{
		height: auto;
		padding: 60px 0;
		right: 0;
		transform: matrix(1, 0, -0.5, 1, 0, 0);
	}
	.layerArtBehindInReText{
		width: 108%;
	    padding-right: 100px;
	}
	.layerArtBehind h2{
		font-size: 40px;
		    text-align: center;
		padding: 0;
	}
	.layerArtBehind p{
		font-size: 18px;
	    line-height: 1.33;
		padding-left: 90px;
		text-align: center;
	}
	.layerArtAbove {
	    width: 100%;
	    top: 150px;
	    height: auto;
	}
	.layerArtAboveInRe {
		width: 100%;

	}
	.layerArtAboveIn {
		width: 100%;
		height: auto;
		padding: 60px 0;
		left: 0;
	    transform: matrix(1, 0, -0.5, 1, 0, 0);
	}
	.layerArtAbove p{
		font-size: 15px;
		text-align: right;
	    padding-left: 0px;
	}
	.layerArtAbove a{
	    text-align: center;
	}
	.layerArtAboveIn p {
		margin: 0 auto;
		text-align: center;
	}
	.layerArtAboveInImg{
		display: none
	}
	.bkDesert {
	    height: 490px;
	    display: block;
	}

	.bkBaby {
	    height: 260px;
		background-size: cover;
	    background-position: -175px, 0;
	}
	.greenImgBg {
	    background-size: cover;
	}
	.articleAreaTtl2In{
		text-align: center
	}

	.articleAreaTtl2{
		margin-right: 0;
		justify-content: center
	}
	.articleAreaTtl2 h2 ,.articleAreaTtl2 h2 > span, .articleAreaTtl2 h2 > span.cl2 {
	    font-size: 40px;
	}
	.articleAreaTtl2 p.articleAreaTtl2p2{
		font-size: 16px;
	}
	.btnOpa{
		width: auto;
		margin-bottom: 20px;
	}
	.bkGradeGreen:after{
		background: -moz-linear-gradient(to bottom, #14441645 0%, #00960545 30%,rgba(131,199,0,1) 80%,rgba(131,199,0,1) 100%);
		background: -webkit-linear-gradient(to bottom, #14441645 0%, #00960545 30%,rgba(131,199,0,1) 80%,rgba(131,199,0,1) 100%);
		background: linear-gradient(to bottom, #14441645 0%, #00960545 30%,rgba(131,199,0,1) 80%,rgba(131,199,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455a9600', endColorstr='#83c700',GradientType=1 );
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455da300', endColorstr='#83c700',GradientType=1 );
		z-index: 1;
	}
	.articleAreaTtl2 p.articleAreaTtl2p2 > br.sp{
		display:block;
	}
	.bkOffice {
	    height: auto;
	        background-size: cover;
	}
	.article2ColBox {
		flex-wrap: wrap;
	}
	.article2Col {
		flex-basis: 100%;
	}

	.articleInnerBanner > div{
		width: 100%;
	}

	.articleInnerBanner h2{
		font-size: 28px;
	}
	.articleInnerBanner p {
		font-size: 20px;
		width: 70%;
		line-height: 20px;
		text-align: left;
		margin-left: 5%;

	}
	.articleInnerBanner p > br{
		display: block;
	}


	.holizonalCol.holizonalColWid4-2{
		    flex-basis: 22%;
		margin-bottom: 5%;
	}


	.holizonalCol.txtBottom.sm .holizonalColIn > i{
		font-size: 30px;
		height: 20px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 20px;
		color: #c1ff8e;
	}

	.spFullHeight,
	.spFullHeight .mainImgSectionImgArea,
	.spFullHeight .mainImgSectionImgAreaIn,
	.spFullHeight .mainImgSectionImgAreaIn img,
	.spFullHeight .mainImgSectionLayerWrap
	{
		height: calc(100vh - 60px);
	}
	.spFullHeight .mainImgSectionImgAreaIn img.sp{
		display: block;
		width: 100%;
		object-fit: cover;
	}
	.spFullHeight .mainImgSectionImgAreaIn img:not(.sp){
	display: none
	}

	.ttlBox > h2{
		font-size: 26px;
		letter-spacing: 0.01em;
	}
	.ttlBox > h2 > br{
		display: block;
	}

	.ttlBox > h2.spFs , .ttlh2.spFs{
	    font-size: 24px;
    	letter-spacing: 0.01em;
	}

	.ttlBox > h3 ,.ttlh3{
		font-size: 23px;
		letter-spacing: 0.12em;
	}

	.ttlBox > p{
		font-size: 13px;
	}

	.contentBox > h3, .contentBox > .ttlh3{
		font-size: 24px;
		line-height: 1.7em;
	    letter-spacing: 0.01em;
		margin: 5px 0;
	}

	.contentBox > p, .contentBox > p > span{
		font-size: 13px;
		line-height: 1.7em;
		margin: 5px 0;
	}

	.flBox{
		flex-wrap: wrap;
	}
	.flBox2Col{
		flex-basis: 100%;
		padding: 0;
	}

	.flBox2Col{
		flex-basis: 100%;
	}

	.flBox2Col.order1{
		order: 1;
	}
	.flBox2Col.order2{
		order: 2;
	}

	.cahrtArea > div{
		flex-basis: 100%;
	}

	.ct-series-a .ct-bar{
	  stroke-width: 30px;
	}

	.article4ColIn p{
		font-size: 14px;
		padding: 0;
	}
	.bkAmebro{
		background-image: url(../img/amebro_sp.jpg);
		background-size: cover;
		height: 200px;
	}
	.article4Col > img {
	    width: 100%;
	    height: 100%;
	}
	.article4ColIn.bottomComment h3,.article4ColIn.bottomComment .ttlh3{
		font-size: 16px;
	}
	.article4ColIn.bottomComment p{
		font-size: 14px;
	}

	.greenlayer.article4Col.lec > img, .article4Col.lec > img {
	    width: 75%;
	    height: 75%;
	}

	.greenlayer.article4Col:after {
	 	width: 75%;
	    height: 75%;
	}
	.article4Col.topOf > img{
		width: 300px;
		height: 250px;
	}
	.article4ColIn.bottomComment, .article4Col.lec .article4ColIn{
		width: 200px;
		height: 180px;
		left: auto;
		right: 0;
		filter: drop-shadow(0 0 10px #555);
		background-color: rgba(0,0,0,0.2);
	}

	.article4Col.lec.topOf .article4ColIn{
		width: 300px;
		height: 200px;
	}

	.greenlayer.article4Col.lec > img, .article4Col.lec > img .greenlayer.article4Col:after {
	 	width: 300px;
		height: 200px;
	}

	.article4Col.lec.topOf .article4ColIn{
		align-items: center;
	}

	.contentArticleBox.ty2 .contentArticleBoxColInImg.blog{
		flex-basis: 100%;
	}

	.contentArticleBoxColInImg.blog{
		flex-basis: 30%;
	}
	.contentArticleBoxColInDetail{
		flex-basis: 70%;
	}

	.contentArticleBox.ty2 .contentArticleBoxColInDetail{
		flex-basis: 100%;
	}

	.cahrtAreaBox.pi1, .cahrtAreaBox.pi3{
		flex-wrap:wrap;
	}
	.ct-chart-pi1.gluf.ty1, .ct-chart-pi1.gluf.ty1 + p, .ct-chart-pi3.gluf.ty1, .ct-chart-pi3.gluf.ty1 + p, .ct-chart-pi1.gluf.ty2, .ct-chart-pi1.gluf.ty2 + p{
		width: 100%;
	}

	.LabelListWrap{
		width: 100%;
		flex-basis: 100%;
	}

	.cahrtArea > .cahrtAreaBox{
		flex-basis: 100%;
	}

	.ct-chart.gluf{
		position: relative;
		left: -15px;
	}


	.ct-chart .ct-label{
		font-size: 12px;
	}


	.fullHoriBoxArea{
		flex-wrap: wrap;
	}


	.fullHoriBox, .fullHoriBox.c2, .fullHoriBox.c3{
		flex-basis: 100%;
		height: 250px;
		margin-bottom: 10px;
		overflow: hidden;
	}

	.fullHoriBox.c3 > iframe{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}


	.fullHoriBoxIn > .leftTop .type{
		position: absolute;
		bottom: 20%;
		left: 94px;
		font-size: 30px;
		color: #f9ffc1;
		text-shadow: 0 0 5px #000;
	}
	.fullHoriBoxIn > .leftTop.sm .type, .fullHoriBoxIn > .leftTop .type{
		left: 60px;
	}
	.fullHoriBoxIn > .leftTop.sm .no, .fullHoriBoxIn > .leftTop .no {
	    font-size: 72px;
	}



	.fullHoriBoxIn > .bottomMid p{
		font-size: 20px;
		line-height: 33px;
	}

	.mediaListAreaDetail a {
	    font-size: 16px;
	    letter-spacing: 0.13em;
	}
	.mediaListAreaDetail .date {
		width: 100%;
	}

	.greenlayer.article4Col.lec > img{
	    width: 100%;
	    height: 100%;
	}

	.greenlayer.article4Col.lec > img{
	    width: 100%;
	    height: 100%;
	}
	.article4ColIn.bottomComment, .article4Col.lec .article4ColIn{
		width: 100%;
	    height: 100%;
	}
	.lessonCol4, .lessonCol3{
		flex-basis: 50%;
	}
	.lessonColTtl{
		font-size: 14px;
	}
	.lessonColDetail{
		font-size: 10px;
	}
	.article4Col:nth-child(even), .article4Col:nth-child(odd), .article4Col:hover:nth-child(even), .article4Col:hover:nth-child(odd){
		top: 0;
		transition: none;
	}


	.lowerContentImgTxt2ColArea:nth-of-type(even) .lowerContentImgTxt2Col:last-of-type .doubleImbLayerAb {
		margin: 0 0 0 auto;
	}

	.od2{
		order: 2;
	}

	.od1{
		order: 1;
	}

	.contentBoxBtn{
		position: static;
		margin-bottom: 90px;
	}

	.contentBoxBtn > a{
		width: 100%;
	}

	.lessonColTtl {
	    font-size: 24px;
	}

	.lessonColTtl {
	    font-size: 24px;
	}

	.lessonColDetail {
	    font-size: 16px;
	}

	.lowerProgresBerArea{
		flex-wrap: wrap;
	}
	.lowerProgresTtl{
		flex-basis: 100%;
		text-align: left;
	}
	.lowerProgresBer{
		flex-basis: 100%;
	}
	.lowerOfficeButtonArea{
		flex-wrap: wrap;
	}
	.lowerOfficeButtonArea .lowerOfficeButton:first-child{
		margin-bottom: 20px;
	}
	.lowerContentImgTxt2ColArea .lowerContentCardBox{
		margin-bottom: 20px;
	}





	.lowerFullBgContent:nth-last-of-type(odd) .lowerFullBgImgArea .lowerFullBgImgBk{
		order: 2;
	}

	.lowerFullBgContent:nth-last-of-type(odd) .lowerFullBgImgArea .lowerFullBgImgMain{
		order: 1;
	}

	.lowerFullBgImgArea, .si2 .lowerFullBgImgArea{
	    height: 280px;
	}
	.lowerFullBgImgBk, .lowerFullBgImgMain{
		flex-basis: 50%;
		width: 50%;
		height: 100%;
		object-fit: cover;
		font-family: "object-fit: cover;";
	}

	.lowerStudio2col {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
	}

	.lowerStudio2col .lowerStudioAreaDetailRow {
		flex-basis: 100%;
		margin-bottom: 15px;
	}


	.lowerFullBgTxtAreaWrap{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.lowerFullBgTxtAreaIn {
	    width: 535px;
	}

	.lowerFullBgTxtArea{
		margin: 20px auto;
		height: calc(100% - 40px);
	}

	.headerMenuArea {
		top: 0;
		z-index: 50;
	}

	.blogSearchRow{
		flex-wrap: wrap;
	}
	.blogSearchRow .contactFormInput{
		padding: 10px 0;
	}

	.blogSearchRow .contactFormInput > button{
		width: 100%!important;
	}

	.blogContent.nitteiBox {
		flex-basis: 100%;
	}
	.LowerPager{
		margin: 30px 0;
	}

	.contentBorder .contentBoxBtn{
		margin-bottom: 0;
	}

	.lowerStudioArea{
		align-items: flex-start;
	}

	.yout iframe{
		height: 250px!important;
	}

	.obiArea + section{
		padding-top: 40px;
	}






	.spShow{
		display: block;
	}
	.spHide{
		display: none;
	}
	.tbShow{
		display: block;
	}
	.tbHide{
		display: none;
	}

	.small .blogContent.nitteiBox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-basis: 100%;
    }
	.small .blogContent .nitteiBoxImg {
        height: 90px;
        flex-basis: 110px;
    }
	.small .blogContent .nitteiBoxCont {
        flex-basis: calc(100% - 130px);
        width: calc(100% - 130px);
		display: flex;
		flex-direction: column;
    }
	.small .blogContent .nitteiBoxCont .nitteiBoxTtl,
	.small .blogContent .nitteiBoxCont .nitteiBoxDesc,
	.small .blogContent .nitteiBoxCont .nitteiLink,
	.small .blogContent .nitteiBoxCont {
        height: auto;
    }
	.jFontDescription {
        font-size: 14px;
        letter-spacing: 0.1em;
    }
	.small .blogContent .nitteiBoxCont .nitteiBoxDesc > div > p:last-child {
        display: none;
    }
	.blogContent .nitteiBoxCont .nitteiBoxDesc {
        order: 1;
		margin-top: 0;
    }
	.small .blogContent .nitteiBoxCont .nitteiBoxTtl{
        order: 2;
    }
	.small .blogContent .nitteiBoxCont .nitteiLink{
		order: 3;
		padding-top: 0;
		margin-top: 0;
	}
	.small .blogContent .nitteiBoxCont .nitteiBoxTtl .nitteiBoxMap {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
		display: block;
		margin-bottom: 0;
    }
}


@media screen and (max-width: 764px) {
	.ttlBox > h3, .ttlh3{
		font-size: 23px;
		letter-spacing: 0.12em;
	}

	.article1ColBox,
	.article1ColBoxImg,
	.article1ColBoxDtail{
		flex-basis: 100%;
		margin-left: 0;
	}

	.article1ColBoxImg{
		margin-bottom: 20px;
	}

	.contentArticleBoxColInImg.blog{
		flex-basis: 100%;
	}
	.contentArticleBoxColInDetail{
		flex-basis: 100%;
	}

	.holizonalCol.holizonalColWid4-2{
		    flex-basis: 44%;
		margin-bottom: 5%;
	}

	.lessonColTtl {
	    font-size: 16px;
	}

	.lessonColDetail {
	    font-size: 12px;
	}



	.jFontTtl{
		font-size: 32px;
		line-height: 1;
		letter-spacing: 0.3em;
		font-weight: 400;
	}
	.jFontTtl.s2{
		font-size: 26px;
		line-height: 1;
		letter-spacing: 0.15em;
		font-weight: 400;
	}
	.jFontSubTtl{
		font-size: 18px;
		line-height: 1.43;
		letter-spacing: 0.3em;
		font-weight: bold;
	}
	.jFontSubTtlsP{
	    font-size: 16px;
		line-height: 1.57;
		font-weight: 500;
	}
	.jFontDescription{
		font-size: 14px;
		letter-spacing: 0.1em;
		line-height: 30px;
	}

	.jFontDescription2{
		font-size: 13px;
		letter-spacing: 0.1em;
		line-height: 30px;
		font-weight: bold
	}
	.jFontBtn{
		font-size: 14px;
	}
	.lowerTtlAreaWrap, .lowerContentImgTxt2ColArea{
		flex-wrap: wrap;
	}
	.lowerTtlArea2Col, .lowerContentImgTxt2Col, .lowerTtlArea2Col.txtCol {
		flex-basis: 100% !important;
	}
	.lowerContentImgTxt2ColArea {

	}
	.lowerContentImgTxt2ColAreaWrap .lowerContentImgTxt2ColArea:last-of-type{
		margin-bottom: 0;
	}
	.lowerMainImageArea{
		width: 100%;
	    margin-top: 0;
	    margin-right: auto;
	}
	.lowerMainImage {
	    width: 100%;
	    height: 23em;
	}
	.imgBack {
	    position: absolute;
	    top: -60px;
	    right: auto;
    }
    .lowerTtlAreaWrap {
	    margin-top: 0px;
	    margin-bottom: 35px;
	}
	.lowerContentImgTxt2Col{
		margin-bottom: 20px;
	}


	.lowerContentImgTxt2ColArea:nth-of-type(odd) .lowerContentImgTxt2Col:first-of-type{
		padding-right: 0;
		order: 1;
	}
	.lowerContentImgTxt2ColArea:nth-of-type(odd) .lowerContentImgTxt2Col:last-of-type{
		order: 2;
	}

	.lowerContentImgTxt2ColArea:nth-of-type(even) .lowerContentImgTxt2Col:first-of-type{
		padding-left: 0;
		order: 1;
	}
	.lowerContentImgTxt2ColArea:nth-of-type(even) .lowerContentImgTxt2Col:last-of-type{
		order: 2;
	}
	.MothArea .lowerContentImgTxt2ColArea:nth-of-type(odd) .lowerContentImgTxt2Col:first-of-type{
		flex-basis: 100%;
	}
	.MothArea .lowerContentImgTxt2ColArea:nth-of-type(odd) .lowerContentImgTxt2Col:last-of-type{
		flex-basis: 100%;
	}

	.lowerContentvoiceArea {
	    padding: 30px 25px;
	}
	.bgImageBanner.si2{
		height: 600px;
	}
	.bgImageBannerLink {
		min-width: auto;
	    width: 100%;
	    height: 60px;
	}
	.bgImageBannerLinkArea{
		flex-wrap: wrap;
		width: 100%;
	}
	.bgImageBannerLinkArea:nth-child(2){
		margin-top: 20px;
	}

	.si2 .bgImageBannerLink{
		width: 100%;
	}

	.karamiBannerLink{
		display: block;
	}
	.lowerMainImgTxtNumber {
	    font-size: 49px;
	    letter-spacing: 0.01em;
	    font-weight: bold;
	    line-height: 1.13;
	}
	.lowerMainImgTxtSubTtl {
		font-size: 29px;
	}

	.doubleImbLayer {
	    padding-bottom: 60px;
	}

	.doubleImbLayerAb{
		width: 85%;
	}
	.doubleImbLayerBk {
	    width: 75%;
	}
	.lowerMainImgTxtMainTtl {
	    font-size: 22px;
	}
	.lowerTtlAreaTtlArea {
	    margin-bottom: 25px;
	}
	.lowerTtlAreaSubTtlArea {
	    margin-bottom: 35px;
	}

	.lowerFullBgContent{
		flex-direction: column;
	}

	.lowerFullBgTxtAreaIn{
		width: 100%;
	}
	.lowerFullBgTxtAreaWrap{
		position: static;
		margin-top: -50px
	}
	.lowerFullBgTxtArea{
		filter: drop-shadow(5px 5px 15px #BBB);
	}
	.lowerFullBgImgArea {
	    height: 330px;
	}
	.lowerDvdSliderBox{
		flex-direction: column;
	}

	.lowerStudioArea{
		flex-wrap: wrap;
	}

	.lowerStudioAreaImgBox{
		flex-basis: 100%;
		margin-bottom: 20px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}
	.lowerStudioTxtBox{
		flex-basis: 100%;
	}
	.lowerStudioAreaDetailRow{
		flex-wrap: wrap;
	}
	.lowerStudioAreaDetailRowTtlArea {
	    flex-basis: 100%;
	}

	.lowerMainImgAreaWrap {
		height: 310px;
	}

	.lowerContentImgTxt2ColAreaWrap {
		padding: 30px 0 0 0;
		padding-bottom: 60px;
	}
		.MothArea {
	    padding: 30px 25px;
	}
	.windowWidFontL{
		font-size: 7vw;
	}
	.lowerContentImgTxt3ColBox{
		flex-wrap: wrap;
	}
	.lowerContentImgTxt3Col {
		flex-basis: 100%;
	}

	.chakraAreaT{
		flex-wrap: wrap;
	}
	.chakraAreaBox, .chakraAreaT.ty2 .chakraAreaBox{
		flex-basis: 100%;
		margin-bottom: 20px;
	}
	.lowerFullImgAreaInTxt{
		width: 100%;
	}
	.lowerFullImgAreaInTxtBox {
		padding: 30px 0 60px 0;
	}
	.lowerContentWid, .lowerContentWid2 {
		width: calc(100% - 20px);
	}
	.triAreaTxtBox {
		margin-top: 70px;
		width: 100%;
		background-color: #FFF;
		border: 2px solid #cbe994;
		padding: 15px 10px;
		z-index: 2;
	}
	.tsugakuWrap .triAreaTxtBox {
		border: 2px solid #df6571;
	}
	.triAreaTxtWrap > .triAreaTxtBox:nth-of-type(2n + 1) > .triAreaTxtBoxInner > .triAreaTxtDetailBox {
		text-align: left;
	}
	.tsugakuWrap .ImgTtl.r, .tranerWrap .ImgTtl.r {
		justify-content: flex-start;
	}
	.triAreaBorderLine {
		z-index: 1;
		height: 107%;
	}
	.triAreaBottom.dvd-course {
		top: 0px;
		left: 30px;
		width: 50%;
		z-index: 2;
		margin: 24px auto 20px auto;
	}
	.tsugakuWrap ~ .triAreaBottom{
		position: relative;
		top: 0px;
		width: 50%;
		z-index: 2;
		margin: 24px auto 20px auto;
		margin-top: 60px;
	}

	.tsugakuWrap ~ .triAreaBottom.bc{
		margin-top: 110px;
	}

	.triAreaBottom.traner{
		top: 40px;
	}
	.triAreaBottom.traner img{
		width: 50%;
		margin-bottom: 60px;
	}

	.lowerFullBgImgMain.label > .labelP {
		bottom: 40px;
		font-size: 12px;
	}

	.lowerDvdSliderBoxImgArea{
		width: 50%;
		margin: 0 auto;
	}
	.lowerDvdSliderAreaCntBtnArea {
		bottom: 41%;
		width: 100%;
	}

	.scheModalContTableArea td, .scheModalContTableArea th{
		display: block;
	}
	.scheModalContTableArea table tr th {
		border-right: none;
	}
	.lowerRoundImgArea{
		flex-direction: column;
	}
	.lowerRoundImgBox{
		flex-basis: 40%;
		margin-bottom: 10px;
	}
	.lowerRoundImgTxt {
		font-size: 16px;
		line-height: 44.11px;
	}
	.lowerArrowAreaImg {
	}
	.lowerArrowAreaTxtArea {
		top: 6px;
	}
	.lowerContentCardBox.ty2 {
	margin-bottom: 20px
	}
	.lowerHowTosConnectDetailArea {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.lowerHowTosConnectDetailImgArea{
	flex-basis: 60%;
	margin-right: 0;
	}
	.lowerHowTosConnectDetailTxtArea{
	flex-basis: 100%;
	}
	.lowerHowTosConnectDetailImgInArea{
		flex-wrap: wrap;
	}
	.lowerHowTosConnectDetailImgInBox{
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.lowerHowTosConnectDetailImgInBox > img{
		width: 100%;
	}
	.lowerContentCardBox.bgPink{
		margin-bottom: 20px;
	}
	.lowerFaqQTtl{
		flex-wrap: wrap;
	}
	.lowerFaqQTtl > span{
		flex-basis: 100%;
		margin-left: 0
	}
	.lowerArrowArea.spPa {
		padding: 0px 0 130px 0;
	}
	.lowerArrowArea.spPa.spSap {
		margin: 0;
	}
	.lowerArrowArea.spPa.spSap.allMca {
		margin: -100px 0 -100px 0;
	}

	.lowerArrowArea.spPa .jFontTtl {
		font-size: 25px;
		margin-top: -12px;
	}
	.lowerArrowArea.spPa .lowerArrowAreaTxtArea {
		top: -54px;
	}
	.lowerPriceBox{
		flex-wrap: wrap;
	}
	.lowerPriceTtlArea, .lowerPriceDetailArea {
		flex-basis: 100%;
	}
	.lowerPriceDetail{
		font-size: 24px;
	}
	.lowerFullImgBox > img {
		height: 100%;
		object-fit: cover;
	}
	.lowerFullImgBox {
		height: 100%;
	}

	.bgImageBannerLinkArea .bgImageBannerLink:nth-of-type(2){
		margin-top: 20px;
	}

	.spPosC{
		object-position: -580px;
	}
	.spPosSlim{
		object-position: -110px;
	}
	.spPosBc{
		object-position: -470px;
	}
	.spPosT1{
		object-position: center 50px;
	}
	.spPosT2{
		object-position: -550px center;
	}
	.spPosT3{
		object-position: -450px center;
	}
	.spPosT4{
		object-position: -370px center;
	}
	.spPosTr2{
		object-position: -450px;
	}
	.spPosSp{
		object-position: -450px;
	}

	.greenClearBitn{
		margin: 0 0 20px 0;
		display: block;
	}
	.padMini .lowerContentImgTxt2ColArea:nth-of-type(even) .lowerContentImgTxt2Col:first-of-type {
		padding-left: 0;
	}
	.lowerTokutenArea {
		flex-wrap: wrap;
		justify-content: center;
	}
	.lowerTokutenImg{
		flex-basis: 50%;
		margin: 0 0 20px 0;
	}
	.lowerTokutenImg > img{
		margin: 0 auto;
	}

	.lowerTsugakuTxtBox{
		flex-wrap: wrap;
	}
	.lowerTsugakuTxtBox:nth-child(2n) .lowerTsugakuTxtBoxTxt,
	.lowerTsugakuTxtBox:nth-child(n) .lowerTsugakuTxtBoxTxt,
	.lowerTsugakuTxtBoxImg {
		max-width: calc(100%);
		flex-basis: 100%
	}
	.lowerTsugakuTxtBox:nth-child(2n) {
		margin-left: 0;
	}
	.lowerTsugakuTxtBoxImg img{
		width: 80%;
		margin: 0 auto;
	}
	.lowerProguramFlowLeft{
		order: 2;
		flex-basis: 75%;
		margin-top: 10px;
		justify-content: flex-start;
	}
	.lowerProguramFlowRow{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.lowerProguramFlowMid{
		order: 1;
		flex-basis: 60px;
	}
	.lowerProguramFlowRight{
		order: 3;
		flex-basis: calc(100% - 60px);
		margin-left: 60px;
		justify-content: flex-start;
		margin-bottom: 20px
	}
	.lowerProguramFlowRow:after {
		left: 28px;
		right: auto;
	}
	.lowerProguramInfoBoxTxt {
		margin-right: 0;
		width: calc(100% - 70px);
	}
	.lowerProguramFlowLeft {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.lowerProguramInfoBoxImg{
		flex-basis: 60px;
		margin-right: 10px;
	}
	.lowerProguramInfoBoxImg img{
		margin-right: 20px;
		width: 40px;
	}

	.lowerContentImgTxt2ColArea.spNoMa{
		margin: 0
	}
	.reverce {
		margin: auto;
	}
	.n-ma-top.noSP{
		margin: auto;
	}
	.triAreaTxtWrap {
		top: 30px;
	}

	.roundRecomendAreaT{
		flex-wrap: wrap;
	}
	.roundRecomendBox {
		flex-basis: 40%;
		height: 183px;
	}
	.roundRecomendBox h3{
		font-size: 11px;
	}
	.roundRecomendArea{
		margin-bottom: 10px
	}
	.tenkaiPointArea {
		flex-wrap: wrap;
	}
	.tenkaiPointArea .lowerHowTosConnectArea {
		width: calc(100%);
		margin-bottom: 20px;
	}

	.lowerProgresBerBox {
		flex-basis: 100%;
	}

	.contentBoxBtn.mb2{
		margin-bottom: 20px
	}

	.way2colAreaWrap{
		flex-wrap: wrap;
	}
	.way2colArea {
		flex-basis: 100%;
		margin-bottom: 20px;
	}
	.ninteishutoku {
		font-size: 24px;
	}
	.lowerTtlAreaWrap.babieMovie,
	.lowerTtlAreaWrap.babieMovie > div{
		width: 100%;
		margin-bottom: 10px;
	}
	.lowerTtlAreaWrap.babieMovie .lowerMainImage {
		width: 100%;
		height: 240px;
	}


	.ttlBox > h2, .ttlh2 {
    	font-size: 22px;
		letter-spacing: 0.2em;
	}

    .articleAreaTtl h2, .articleAreaTtl .h2tag{
    	font-size: 22px;
	}

	.lowerContentWid.adPt {
		padding-top: 20px;
	}

	.lowerTtlAreaWrap.spMt{
		margin-top: 40px;
	}

	.jFontTtl.s2.chakura {
		font-size: 23px;
	}


	.contactFormRow{
		flex-wrap: wrap;
	}

	.contactFormLabel{
		flex-basis: 100%;
		border-right: none;
		padding-bottom:0;

	}
	.contactForm-radioLabel.wid2 {
		flex-basis: 100%;
		margin-bottom: 10px;
	}

	.contactFormInput{
		flex-basis: 100%;
	}


	.content2colWrap{
		flex-wrap: wrap;
	}

	.content2colL, .content2colS{
		flex-basis: 100%;
		width: 100%;
	}


	.articleAreaTtl2 h2 .officeFont1{
		font-size: 16px;
	}
	.articleAreaTtl2 h2 .officeFont2,
	.articleAreaTtl2 h2 .officeFont2 > span,
	.articleAreaTtl2 h2 .officeFont2 > span.cl2{
		font-size: 56px;
	}
	.bkOffice {
		padding: 20px 0
	}


	.small .blogContent.nitteiBox{
		display: flex;
		justify-content:space-between;
		align-items:center;
		flex-basis: 100%;
		width: 100%
	}
	.small .blogContent .nitteiBoxImg{
		height: 90px;
		flex-basis: 110px;
		width: 110px
	}
	.small .blogContent .nitteiBoxCont{
	    flex-basis: calc(100% - 130px);
	    width: calc(100% - 130px);
	}
	.spOrderWrap{
		display: flex;
		flex-direction: column;
	}
	.spOrderWrap .order1{
		order: 1;
	}
	.spOrderWrap .order2{
		order: 2;
	}
	.spOrderWrap .order3{
		order: 3;
	}
	.spOrderWrap .order4{
		order: 4;
	}
	.spOrderWrap .order5{
		order: 5;
	}
	.spOrderWrap .order6{
		order: 6;
	}
	.spOrderWrap .order7{
		order: 7;
	}

	.small .blogContent .nitteiBoxCont .nitteiBoxTtl .nitteiBoxMap {
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.small .blogContent .nitteiBoxCont .nitteiBoxDesc {
	    height: 120px;
	    padding-top:0;
	}

	.small .blogContent .nitteiBoxCont .nitteiBoxDesc >div >p:last-child{
		display: none;
	}

	.small .blogContent .nitteiBoxCont .nitteiBoxDesc {
	    height: auto;
	}
	.small .blogContent .nitteiBoxCont {
	    height: auto;
	}

	.content2colS{
		margin-bottom: 40px;
	}

	.koushiInformationDetailArea iframe {
	    width: 100%!important;
	}

	.lowerTsugakuTxtBox:not(.list):nth-child(2n) {
	    margin-left: 0;
	}
	.lowerTsugakuTxtBox:not(.list):nth-child(2n) .lowerTsugakuTxtBoxTxt {
	    max-width: calc(100%);
	}
	.nitteiBoxImgHov.center{
		font-size: 14px;
	}
	.LowerPager {
	    justify-content: space-between;
	}

	.LowerPager li a {
	    width: 30px;
	    height: 30px;
	    margin: 0;
	    transition: .2s;
	}

	.lowerCourseAreaTtl.jFontTtl{
		font-size: 24px;
	}
	.lowerCourseAreaTxt img{
		max-width: 300px;
	}
	.lowerOfficeMainTtlArea{
		padding-top: 0;
	}

	.triAreaTxtDetailBox {
		margin-left: 0px;
	}

	.triAreaTxtDetailBoxTtlArea .ImgTtl > img{
		width: 90px;
	}
	.triAreaTxtDetailBoxTtlArea .ImgTtl{
		font-size: 38px;
	}
	.lowerTtlAreaWrap.ma-to-pa {
		padding-bottom: 25px;
	}
	.lowerContentBgPinkPo {
		background: #fff1f0;
		margin: -50px -100% -30px;
		padding: 50px 100% 30px;
	}
	.triAreaTxtBoxInner{
		align-items: flex-start;
	}
	.lowerFullBgTxtArea {
		padding: 0 0 0 0;
	}
	.triAreaBottom.size2 img{
		width: 200px;
	}
	.tranerWrap + .triAreaBottom {
		margin-bottom: 70px;
	}

	.lowerOfficeButton {
		font-size: 24px;
	}


	.spLG .blogListImg {
		height: 90px;
		flex-basis: 110px;
	}
	.spLG .blogListTxt {
		flex-basis: calc(100% - 130px);
	}

	.footerMain {
		background-color: #626262;
		padding-bottom: 90px;
	}

	.float-blog {
		width: 50%;
		border-radius: 0 ;
		writing-mode: rl-tb;
		z-index: 99;
		padding: 10px 0;
		bottom: 0;
		right: 0;
		text-align: center;
	}
	.float-kouza {
		width: 50%;
		border-radius: 0 ;
		writing-mode: rl-tb;
		z-index: 99;
		padding: 10px 0;
		bottom: 0;
		left: 0;
		text-align: center;
	}
	.toTop {
		bottom: 50px!important;
		z-index: 99
	}
	.priceMenu {
		bottom: 50px!important;
	}







	.spShow{
		display: block;
	}
	.spHide{
		display: none;
	}
	.tbHide{
		display: none;
	}

}
.priceAreaImageWrapper {
	padding: 20px;
	border: 1px solid #FFF;
	margin-bottom: 30px;
	background-color: rgba(255,255,255,0.3);
}
.searchBtnSub{
	background-color: rgb(177,222,95);
	border: 1px solid rgb(177,222,95);
	color: #FFF;
	height: 100%;
	width: 120px;
	transition: .2s;
}
.searchBtnSub:hover{
	background-color: transparent;
	color: rgb(177,222,95);
	transition: .2s;
}



#loading-div{
	position: fixed;
	z-index: 99999999999;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items:center;
	background-color:  #FFF;
	overflow: hidden;
}

#loading-div .fade01, #loading-div .fade02{
	position: relative;
	z-index: 2;
	opacity: 0;
}



#loading-div.loaded{
	width: 0;
	margin-left: 100vw;
	transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.loading-div-in{
	display: flex;
	justify-content: center;
	align-items:center;
}

#mainLogo{

}

.ball-scale-ripple{
}

.toTop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: #92c659;
	display: flex;
	justify-content: center;
	align-items: center;
}

.toTop > div{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #FFF transparent;
}


.RightMenuSearchBtn{
	background-color: rgba(177,222,95,1);
	color: #FFF;
	height: 100%;
	width: 80px;
	border: 1px solid rgba(177,222,95,1) ;
	transition: .3s;
}

.RightMenuSearchBtn:hover{
	background-color: rgba(177,222,95,.0);
	color: rgb(177,222,95);
	transition: .3s;
}



.edtor1{
border-left: 10px solid #4c6cb3; border-bottom: 2px solid #4c6cb3; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;
}
.edtor2{
background-color: #99cc00;
}

@media screen and (min-width: 765px) and (max-width: 1024px){
	.tinymce-box + .content2colS{
		width: 330px
	}
}