/* 	@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(top_topics_bk.jpg);
	height: 847px;
}

.bkPickup {
	background-image: url(top_pickup_bk.jpg);
	height: 800px;
}

.bkDesert {
	background-image: url(bk_desert.jpg);
	height: 1160px;
}

.bkBaby {
	background-image: url(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(office.jpg);
	height: 582px;
	background-size: cover;
}

.bkAmebro {
	background-image: url(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("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(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(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 #dddbc9;
}

.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(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;
}

.contentLineBox {
	max-width: 250px;
	width: 100%;
}

.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;
}

.contentBoxImg {
	width: 100%;
	display: flex;
	justify-content: start;
	margin-top: 2rem;
}

.contentBoxImg img {
	width: 380px;
}

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

.contentBoxBtn.forLesson {
	width: 380px;
}

.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;
	}

	.contentBoxImg img {
		width: 90%;
	}
}


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

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

.contentBoxBtn--line>a {
	background: #06c755;
}


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

.contentBoxBtn.pink>a {
	background: #72140C;
}

.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: #B1972A;
	transition: color .2s;
}

.contentBoxBtn--line>a:hover:before,
.contentBoxBtn--line>a:hover>span {
	color: #06c755;
	transition: color .2s;
}

.contentBoxBtn.pink>a:hover:before,
.contentBoxBtn.pink>a:hover>span {
	color: #72140C;
	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: #B1972A;
	fill: #B1972A;
}

.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(grade_green.jpg);
	background-size: 100%;
}



.lessonWrap {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.lessonBg01 {
	background-image: url(couese_01.jpg);
	background-size: cover;
}

.lessonBg02 {
	background-image: url(couese_02.jpg);
	background-size: cover;
}

.lessonBg03 {
	background-image: url(couese_03.jpg);
	background-size: cover;
}

.lessonBg04 {
	background-image: url(couese_04.jpg);
	background-size: cover;
}

.lessonBg05 {
	background-image: url(couese_05.jpg);
	background-size: cover;
}

.lessonBg06 {
	background-image: url(couese_06.jpg);
	background-size: cover;
}

.lessonBg07 {
	background-image: url(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;
	padding: 20px 10px 15px;
}

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


.contactFormLabel {
	flex-basis: 30%;
	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 {
	display: flex;
	align-items: center;
	flex-basis: 70%;
	flex-wrap: wrap;
}

.contactFormInput2 {
	flex-basis: 30%;
}

.contactFormInput--small {
	flex-basis: 34%;
}

.contactFormInput--small:last-child {
	margin-left: 15px;
}

.contactForm {
	background-color: #e3e3e3;
	padding: 15px;
	font-size: 14px;
	width: 100%;
	letter-spacing: 0.13em;
	transition: all ease .3s;
}

.contactForm:focus {
	background-color: #f5f5f5;
}

select {
	border: 3px solid #e3e3e3;
	color: var(--color-black2);
	position: relative;
	width: 100%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

option {
	color: var(--color-black);
}

select:focus {
	border: 3px solid #f5f5f5;
}

.select {
	position: relative;
	width: 70px;
}

.select:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 48%;
	width: 5px;
	height: 5px;
	border-top: 2px solid var(--color-black2);
	border-left: 2px solid var(--color-black2);
	pointer-events: none;
	transform: translateY(-50%) rotate(-135deg);
}

.hasDatepicker {
	position: relative;
	width: 100%;
}

.datepicker {
	position: relative;
	width: 70px;
}

.datepicker:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 48%;
	width: 5px;
	height: 5px;
	border-top: 2px solid var(--color-black2);
	border-left: 2px solid var(--color-black2);
	pointer-events: none;
	transform: translateY(-50%) rotate(-135deg);
}

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;
}

.contactForm-radioLabel {
	flex-basis: 145px;
}

.contactForm-radioLabel.wid2 {
	flex-basis: 50%;
}

.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 #B1972A;
	border-bottom: 2px solid #B1972A;
	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: #B1972A;
	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;
}

.error {
	display: block;
	width: 100%;
	color: red;
	margin-top: 5px;
	font-size: 14px;
}

/* 下層 */

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

	.contentLineBox {
		display: flex;
		gap: 1rem;
		width: auto;
	}
}

.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: 'Garamond', serif;
}

*.RageItalic2,
.RageItalic2 {
	font-family: 'Garamond', 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: var(--color-baseGold);
}

.lowerContentWid {
	max-width: 1450px;
	width: 90%;
	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% - 60px);
		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: 500;
}

.jFontMidTtl {
	font-size: 32px;
}

.jFontSubTtl,
.jArticleContent h3 {
	font-size: 24px;
	line-height: 2;
	letter-spacing: .1em;
	font-weight: bold;
}

.jFontDescription,
.jArticleContent p {
	font-size: 16px;
	letter-spacing: .2px;
	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, var(--color-baseGold) 0%, rgba(254, 241, 14, 1) 100%);
	background: -webkit-linear-gradient(top, var(--color-baseGold) 0%, rgba(254, 241, 14, 1) 100%);
	background: linear-gradient(to bottom, var(--color-baseGold) 0%, rgba(254, 241, 14, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--color-baseGold)', endColorstr='#fef10e', GradientType=0);
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.ttlBorderLeft.pink:after {
	background: #bf3636;
	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: 30px;
	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;
}

.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: 440px;
}

@media screen and (min-width: 1474px) {
	.lowerTtlArea2Col {
		flex-basis: calc(100% - 640px);
	}

	.lowerTtlArea2Col.txtCol {
		flex-basis: 640px;
	}
}

.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: 80px;
	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: 80px;
	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 {
	width: 60vw;
	margin-top: 100px;
	margin-right: -700px;
	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: #B1972A;
	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(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: var(--color-baseGold);
	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(../maru.html);
}



.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: var(--color-baseGold);
}

.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: var(--color-baseGold);
}

.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(../course_img_bk.html);
	background-size: cover;
	padding-top: 160px;
	padding-bottom: 120px;
}

.lowerCourseImgArea.ty2 {
	background-image: url(../course_img_bk-2.html);
	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: var(--color-baseGold);
	border: 5px solid var(--color-baseGold);

}

.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 var(--color-baseGold);
}

.lowerFaqAAreaTtlArea {}

.lowerFaqAAreaTtl {
	font-size: 24px;

}

.lowerFaqAAreaDetailArea {}

.lowerFaqAAreaDetail {}

.backgroundGrade {
	background-image: url(../grade_bk.html);
	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: var(--color-baseGold);
	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(../round_bg.html);
	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: #B1972A;
}

.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 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 30px;
	color: #B1972A;
	border-bottom: 2px solid #B1972A;
	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: var(--color-baseGold);
}

.lowerStudioAreaDetailRowDtlArea {}

.lowerStudioAreaDetailRowDtl {
	font-size: 14px;
}

.lowerStudioAreaDetailRowDtl .fas {
	color: var(--color-baseGold);
}

.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: var(--color-baseGold);
	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 var(--color-baseGold);
}

.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, var(--color-baseGold) 0%, rgba(255, 241, 13, 1) 100%);
	background: -webkit-linear-gradient(-45deg, var(--color-baseGold) 0%, rgba(255, 241, 13, 1) 100%);
	background: linear-gradient(135deg, var(--color-baseGold) 0%, rgba(255, 241, 13, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--color-baseGold)', 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: #B1972A;
}

.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%, var(--color-baseGold) 99%);
	background: -webkit-linear-gradient(-45deg, rgba(255, 241, 13, 1) 0%, var(--color-baseGold) 99%);
	background: linear-gradient(135deg, rgba(255, 241, 13, 1) 0%, var(--color-baseGold) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff10d', endColorstr='var(--color-baseGold)', 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: var(--color-baseGold);
	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: #B1972A;
	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 var(--color-baseGold);
	background-color: #FFF;
	border-radius: 3px;
	margin: 0 5px;
	font-weight: bold;
	transition: .2s;
}


.LowerPager li a.active,
.LowerPager li a:hover {
	background-color: var(--color-baseGold);
	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: var(--color-baseGold);
}

.pankuzuWrap {
	background-color: #000;
	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;
	color: #fff;
}

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

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

.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: #D9CB5D;
	border-radius: 15px;
	border: 1px solid var(--color-baseGold);
	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) {
	text-decoration: underline;
	color: #B1972A;
}

.koushiInformationDetailArea a:not(.tagsLink):hover {
	color: #2e460e;
}



.float-banner {
	border: 1px solid #ffffff;
	bottom: 137px;
	position: fixed;
	right: 32px;
	width: 400px;
	z-index: 99;
}

.float-banner-close {
	background-color: #000;
	border: 1px solid #ffffff;
	border-radius: 50px;
	height: 24px;
	position: absolute;
	right: -6px;
	top: -6px;
	width: 24px;
}

.float-banner-close span {
	background-color: #fff;
	display: block;
	height: 1px;
	transform: translateX(7px) translateY(10.5px) rotate(45deg);
	width: 8px;
}

.float-banner-close span:last-child {
	transform: translateX(7px) translateY(9.5px) rotate(-45deg);
}

.float-btn {
	position: fixed;
	background-color: #B1972A;
	border: 1px solid #ffffff;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	width: 400px;
	border-radius: 0;
	writing-mode: rl-tb;
	z-index: 99;
	padding: 12px 0;
	bottom: 32px;
	right: 32px;
	text-align: center;
}

.float-btn--reserve {
	background-color: #B1972A;
	bottom: 90px;
}

.float-btn--line {
	background: #06c755;
}

.float-blog2 {
	position: fixed;
	bottom: 90px;
	right: 0;
	width: auto;
	background-color: #B1972A;
	color: #FFF;
	padding: 30px 10px;
	border-radius: 5px 0 0 5px;
	writing-mode: vertical-rl;
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border: none;
}

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

.float-btn,
.float-kouza {
	opacity: 1;
	transition: .2s;
}

@media (hover: hover) {

	.float-banner-btn:hover .float-btn--reserve,
	.float-blog2:hover {
		background-color: #ffffff;
		border: 1px solid #B1972A;
		color: #B1972A;
	}


	.float-btn--line:hover {
		background-color: #ffffff;
		border: 1px solid #06c755;
		color: #06c755;
	}

}

@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 {
		width: 100%;
	}

	.lowerMainImageArea {
		width: 100%;
		margin-right: -140px;
		margin-left: auto;
	}

	.posRel .lowerMainImageArea {
		width: calc(100% + 140px);
		margin-right: -170px;
		margin-left: auto;
	}

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

	.midHid {
		display: none;
	}

}


@media screen and (max-width: 991px) {
	.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(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;
	}

	.contentBoxBtn>a {
		width: 90%;
	}

	.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;
	}


}


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

	.float-banner {
		bottom: 47px;
		right: 0;
		width: 100%;
	}

	.float-banner-close {
		right: 4px;
		top: 4px;
	}

	.float-btn {
		width: 50%;
	}

	.float-btn--line {
		bottom: 0;
		left: 0;
	}

	.float-btn--reserve {
		bottom: 0;
		right: 0;
	}

	.shoplist .toTop {
		display: none;
	}

	.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%;
	}

	.lowerContentImgTxt2ColArea {}

	.lowerContentImgTxt2ColAreaWrap .lowerContentImgTxt2ColArea:last-of-type {
		margin-bottom: 0;
	}

	.lowerMainImageArea {
		width: 100%;
		margin-top: 0;
		margin-right: auto;
	}

	.lowerMainImage {
		width: 100%;
		height: auto;
	}

	.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% - 60px);
	}

	.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 {
		padding: 10px 0;
		flex-basis: 100%;
	}

	.contactFormInput--small:last-child {
		margin-left: 0;
	}

	.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%;
	}

	.small .blogContent .nitteiBoxImg {
		height: 90px;
		flex-basis: 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-btn {
		font-size: 14px;
		padding: 10px 0;
	}

	.float-btn2 {
		width: 100%;
		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: 20px !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;
	left: 20px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: #B1972A;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
}

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


.RightMenuSearchBtn {
	background-color: var(--color-baseGold);
	color: #FFF;
	height: 100%;
	width: 80px;
	border: 1px solid var(--color-baseGold);
	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;
}