@charset "UTF-8";
.custom .sec-inner{
	max-width: 680px;
	margin: 0 auto;
	padding: 0 20px;
}


/* 共通
==============================　*/
.custom.pre p,
.custom.cta p,
.custom.sec01 p,
.custom.sec02 p,
.custom.sec03 p,
.custom.sec04 p,
.custom.sec05 p,
.custom.sec06 p,
.custom.sec07 p,
.custom.sec08 p,
.custom.sec09 p,
.custom.sec10 p{
	margin: 0;
}

body {
  -webkit-text-size-adjust: 100%;
}


/* CTA */
.custom .cta-btn{
	position: relative;
	z-index: 1;
}
.custom .cta-btn a{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #FF9D00;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	width: 270px;
	max-width: 100%;
	padding: 10px 10px;
	border-radius: 70px;
	transition: .3s;
	border: 2px solid #FF9D00;
}
.custom .cta-btn a:hover{
	background-color: #fff;
	color: #FF9D00;
}
.custom .cta-btn  a .arrow{
	display: inline-block;
	width: 25px;
	height: 25px;
	position: relative;
	margin-left: 10px;
}
.custom .cta-btn  a .arrow::before,
.custom .cta-btn  a .arrow::after{
	content: "";
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	transition: .3s;
}
.custom .cta-btn  a .arrow::before{
	background: url(https://images.squarespace-cdn.com/content/5273768be4b0a406b9079d44/4cb2e6bd-b4cb-41a1-bd20-1bb59d2f1d62/arrow-white.png?content-type=image%2Fpng) no-repeat center;
	background-size: contain;
}
.custom .cta-btn  a .arrow::after{
	background: url(https://images.squarespace-cdn.com/content/5273768be4b0a406b9079d44/c07dc982-4d9a-4576-a730-c8c6e055882b/arrow-orange.png?content-type=image%2Fpng) no-repeat center;
	background-size: contain;
	opacity: 0;
}
.custom .cta-btn  a:hover .arrow::before{
	opacity: 0;
}
.custom .cta-btn  a:hover .arrow::after{
	opacity: 1;
}
.custom .cta-btnBox{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.custom .cta-btnBox-text {
	padding-left: 70px;
	font-weight: 700;
	font-size: 19px;
	line-height: 1.26;
	position: relative;
	z-index: 0;
	padding-bottom: 8px;
	text-indent: 7px;
}
@media screen and (max-width:350px){
	.custom .cta-btnBox-text{
		font-size: 17px;
	}
}
.custom .cta-btnBox-text01{
	color: #00B2ED;
}
.custom .cta-btnBox-text02{
	color: #40BF40;
}
.custom .cta-btnBox-text::before{
	content: "";
	width: 87px;
	height: 76px;
	position: absolute;
	left: -14px;
	bottom: -12px;
	display: inline-block;
	background: url(https://images.squarespace-cdn.com/content/5273768be4b0a406b9079d44/5429e01d-c108-4b6e-8308-a206b0e97041/sec01-yashi.png?content-type=image%2Fpng) no-repeat center;
	background-size: contain;
}

/* ===================================
  fixed-btn
=================================== */
.fixed-btn{
	position: fixed;
	width: 100%;
	bottom: 20px;
	left: 0;
	pointer-events: none;
	z-index: 10;
}
.fixed-btn .cta-btn{
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fixed-btn a{
	pointer-events: auto;
}
.fixed-btn .cta-btn a{
	width: 320px;
	box-sizing: border-box;
	max-width: 95%;
}
@media screen and (max-width:340px){
	.fixed-btn .cta-btn a{
		font-size: 18px;
	}
}

.custom .pc{
	display: none;
}

/* ===================================
PC用記述
=================================== */
@media screen and (min-width:641px){
	.custom .header-inner{
		max-width: 100%;
	}
	#collection-6673e4944898177a886e46a1 #page{
		max-width: 100%;
	}
	.custom .fvWrap{
		background: url(https://images.squarespace-cdn.com/content/5273768be4b0a406b9079d44/c5e9f42a-0790-4c9d-954f-515d6cd16a3b/fv-pc.jpg?content-type=image%2Fjpeg) no-repeat center top ,url(https://images.squarespace-cdn.com/content/5273768be4b0a406b9079d44/dc531161-30d3-477e-b4a2-7a240d8b7371/fv-pc-pattern.jpg?content-type=image%2Fjpeg) repeat-x top left;
		background-size: 820px auto , auto 100%;
		height: auto;
	}
	.custom .fvWrap .fv-ttl{
		display: none;
	}
	.custom .fvWrap .fv-hukidashi{
		margin-top: 0;
		width: 240px;
		padding-top: 270px;
	}
	.custom .fvWrap .fv-text{
		font-size: 33px;
    background: url(https://images.squarespace-cdn.com/content/5273768be4b0a406b9079d44/b65ebc51-2fe0-4ff9-b481-9d3a01476b15/fv-nami-pc.png?content-type=image%2Fpng) no-repeat bottom center;
    background-size: 1070px auto;
    padding: 40px 0;
    margin-top: -60px;
	}
	.custom .fvWrap .fv-text br{
		display: none;
	}
}
@media screen and (min-width:768px){
	.custom .sp{
		display: none;
	}
	.custom .pc{
		display: block;
	}
	.custom .sec-inner{
		max-width: 990px;
	}
	.custom .reasonWrap{
		padding-bottom: 80px;
	}
	.custom .reasonWrap .reason-text{
		font-size: 23px;
		text-align: center;
	}
	.custom .reasonWrap .first-ttl{
		font-size: 37px;
		letter-spacing: 0.035em;
		line-height: 1.89;
	}
	.custom .reasonWrap .first-ttl::before{
		height: 65px;
    width: 65px;
    top: -70px;
    right: 50px;
	}
	.custom .reasonWrap .sec01-pas01::after,
	.custom .reasonWrap .sec01-pas02::after{
		height: 8px;
    left: -15px;
	}
	.custom .reasonWrap .reason-box{
		margin-top: 35px;
		max-width: 990px;
		padding-top: 52px;
		padding-bottom: 65px;
	}
	.custom .reasonWrap .first-flex{
		display: flex;
		margin-top: 16px;
		max-width: 780px;
		margin: 16px auto 0;
	}
	.custom .reasonWrap .first-text{
		font-size: 21px;
		width: 50%;
    padding: 0 10px 0 0;
    line-height: 2.28;
    margin-top: 32px;
	}
	.custom .reasonWrap .reason-pic{
		width: 50%;
    padding: 0 0 0 20px;
	}
	.custom .ctaWrap{
		padding-top: 95px;
		padding-bottom: 95px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.custom .ctaWrap .ctabox{
		display: flex;
		flex-wrap: wrap;
		max-width: 770px;
    margin: 0 auto 48px;
		border: 10px solid #f2f2f2;
		padding-bottom: 30px;
	}
	.custom .ctaWrap .ctabox.kazari-iruka ::after{
		width: 146px;
    height: 79px;
    right: 90px;
	}
	.custom .ctaWrap .cta-subBox{
		padding-left: 3vw;
		width: 100%;
		font-size: 20px;
		flex-direction: row;
		letter-spacing: 0.025em;
		padding-bottom: 13px;
		margin-top: -20px;
	}
	.custom .ctaWrap .cta-sub02{
    margin-left: -17px;
    padding: 4px 27px 14px;
    margin-top: 13px;
	}
	.custom .ctaWrap .cta-ttl{
		width: 60%;
		font-size: 40px;
    letter-spacing: 0.025em;
		margin-top: 0;
	}
	.custom .ctaWrap .cta-right{
		width: 40%;
	}
	.custom .ctaWrap .cta-text{
		font-size: 18px;
		margin-top: 0;
		text-align: left;
	}
	.custom .ctaWrap .cta-text02{
		font-size: 24px;
		padding-left: 32px;
	}
	.custom .ctaWrap .cta-text02 .min{
		font-size: 16px;
	}
	.custom .ctaWrap .cta-text02 .big{
		font-size: 45px;
	}
	.custom .cta-btnBox-text{
		font-size: 34px;
		padding-left: 140px;
		text-indent: 15px;
		padding-bottom: 13px;
	}
	.custom .cta-btnBox-text::before{
		width: 188px;
    height: 160px;
    left: -41px;
    bottom: -35px;
	}
	.custom .cta-btn a{
		font-size: 27px;
    width: 508px;
		position: relative;
	}
	.custom .cta-btn a .arrow{
		position: absolute;
		width: 28px;
    height: 28px;
    left: auto;
    right: 30px;
    top: 22px;
	}
	.custom .ico-ukiwa{
		display: none;
	}
	.custom .sec02contents{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.custom .course .course-ttl{
		font-size: 50px;
		padding-right: 25px;
	}
	.custom .course .course-ttl img{
		display: block;
		width: 75px;
		height: 75px;
		margin-right: 25px;
	}
	.custom .course .course-ttl span{
		width: 714px;
		display: flex;
    align-items: center;
    justify-content: center;
	}
	.custom .course .course-ttl span::after{
		height: 6px;
		background: url(https://images.squarespace-cdn.com/content/5273768be4b0a406b9079d44/e7a6101b-3fcd-4d9e-924c-9690551ba45c/sec02-pas-pc.png?content-type=image%2Fpng) no-repeat center;
		background-size: contain;
    width: 714px;
	}
	.custom .course .course-subttl img{
		width: 318px;
    margin-top: 12px;
	}
	.custom .course .course-text{
		font-size: 20px;
    max-width: 700px;
    margin: 8px auto 0;
	}
	.custom .course .course-pic{
		height: 264px;
		max-width: 700px;
		margin: 25px auto 0;
	}
	.custom .course .course-contents{
		margin-top: 35px;
		padding-bottom: 85px;
	}
	.custom .course .course-contents-ttl{
		font-size: 39px;
	}
	.custom .course.sec-inner{
		max-width: 1350px;
	}
	.custom .course .course-contents{
		border-radius: 20px;
	}
	.custom .course .course-contents-top{
		padding: 60px 20px 30px;
	}
	.custom .course .course-contents-subttl{
		text-align: center;
    font-size: 22px;
    margin-top: 30px;
		padding: 0;
	}
	.custom .course .course-contents-text{
		font-size: 17px;
    max-width: 670px;
    margin: 18px auto 0;
    letter-spacing: 0.015em;
	}
	.custom .course .course-contents-day{
		font-size: 20px;
    margin-top: 40px;
    padding: 4px 26px;
	}
	.custom .course .course-contents-bottom{
		width: 770px;
    margin: 0 auto;
    max-width: 93%;
	}
	.custom .course .course-contents-item{
		padding-top: 45px;
	}
	.custom .course .course-contents-item-ttl{
		font-size: 18px;
    letter-spacing: 0.1em;
    width: 268px;
	}
	.custom .course .course-contents-item-text{
		font-size: 19px;
	}
	.custom .course .course-contents-item-text02{
		font-size: 13px;
    margin-top: 11px;
	}
	.custom .course .course-contents-item-text02 br{
		display: none;
	}
	.custom .course .course-contents-item:not(:last-child)::after{
		width: 428px;
    margin-top: 45px;
	}
	.custom .course .course-contents-item-text03{
		font-size: 16px;
    margin-top: 5px;
	}
	.custom .course .course-contents-item-text04{
		font-size: 16px;
	}
	.custom .course .course-contents-item-text05{
		font-size: 19px;
		margin-top: 3px;
	}
	.custom .course .course-contents-item-text05 .h-blue{
		font-size: 24px;
		padding-left: 30px;
	}
	.custom .course .course-contents-item-text05 .h-blue .min{
		font-size: 20px;
	}
	.custom .course .course-contents-item-text05>.min{
		font-size: 13px;
	}
	.custom .course .course-contents-item-text06{
		font-size: 13px;
    margin-top: 5px;
	}
	.custom .course .course-contents-text02{
		font-size: 32px;
		margin-top: 50px;
	}
	.custom .ctaWrap .ctabox.kazari-sun ::after{
		width: 82px;
    height: 82px;
    right: 110px;
	}
	.custom .sec03contents{
		padding-bottom: 70px;
	}
	.custom .ico-hata{
		display: none;
	}
	.custom.sec03 .course .course-ttl img{
		width: 103px;
    height: 103px;
    position: relative;
    bottom: -13px;
    right: -20px;
		z-index: 1;
	}
	.custom.sec03 .course .course-ttl span::after{
		bottom: 12px;
	}
	.custom.sec03 .course .course-subttl{
		margin-top: 0;
	}
	.custom .course .course-osusume{
		background: none;
		margin-top: 7px;
	}
	.custom .course .course-osusume-text span{
		font-size: 24px;
		padding: 0 20px;
	}
	.custom .course .course-osusume-text span::after, .custom .course .course-osusume-text span::before{
		height: 32px;
		width: 2px;
	}
	.custom .course .course-osusume-text span::before{
		transform: rotate(-20deg);
	}
	.custom .course .course-osusume-text span::after{
		transform: rotate(20deg);
	}
	.custom .course .course-osusume-body{
		display: flex;
		justify-content: center;
		font-size: 19px;
		margin-top: 5px;
	}
	.custom .course .course-osusume-item{
		background: #18af23;
    padding: 12px 45px 12px 65px;
    border-radius: 7px;
    width: 187px;
		max-width: 50%;
		text-align: left;
		line-height: 1.63;
		text-indent: -1em;
	}
	.custom .course .course-osusume-item:first-child{
		margin-right: 10px;
	}
	.custom .course .course-contents-item-text09{
		font-size: 13px;
	}
	.custom .course .course-contents-item-text07{
		font-size: 16px;
	}
	.custom .course .course-contents-item-text07 br{
		display: none;
	}
	.custom .course .course-contents-item-text05 .h-green{
		font-size: 24px;
	}
	.custom .course .course-contents-item-text05 .h-green .min{
		font-size: 20px;
	}
	.custom .course .course-contents-item-text08{
		font-size: 13px;
	}
	.custom .ctaWrap .ctabox.kazari-suika ::after{
		width: 71px;
    height: 85px;
    right: 110px;
	}
	.custom .ctaWrap .ctabox.kazari-himawari ::after{
		width: 101px;
    height: 83px;
    right: 100px;
	}
	.custom.sec05{
		padding-top: 80px;
	}
	.custom.sec05 .sec05-ttl{
		font-size: 41px;
	}
	.custom.sec05 .info-box{
		max-width: 780px;
    margin: 0 auto;
		padding-top: 57px;
		padding-bottom: 80px;
	}
	.custom.sec05 .info-ttl{
		font-size: 27px;
	}
	.custom.sec05 .info-pic{
		max-width: 410px;
    margin: 10px auto 0;
	}
	.custom.sec05 .info-table{
		margin-top: 45px;
	}
	.custom.sec05 .info-table dt{
		font-size: 18px;
    width: 258px;
	}
	.custom.sec05 .info-box .info-table div+div{
		padding-top: 25px;
	}
	.custom.sec05 .info-table .pc.space{
		display: inline-block;
		width: 1em;
	}
	.custom.sec05 .info-table dd a{
		font-size: 30px;
    line-height: 1.4;
	}
	.custom.sec05 .info-table dd iframe{
		max-width: 520px;
		height: 410px;
	}
	.sec05 .sec-inner.m-plus{
		padding-bottom: 80px;
	}
	.custom .ctaWrap .ctabox.kazari-ikari ::after{
		width: 68px;
    height: 68px;
    right: 110px;
	}
	.custom .text-back{
		font-size: 14px;
	}
	.custom .footer-address{
		text-align: center;
		font-size: 15px;
		margin-top: -3px;
	}
	.custom .footer-links{
		margin-top: 56px;
	}
}
@media screen and (min-width:820px){
	.custom .fvWrap{
		background-size: 100% auto,auto 100%;
	}
	.custom .fvWrap .fv-hukidashi{
		padding-top: 33vw;
	}
	.custom .fvWrap .fv-text{
		padding: 30px 0 50px;
		margin-top: -60px;
		background-size: auto 100%;
		font-size: 46px;
	}
	.custom .ctaWrap .cta-ttl{
		font-size: 46px;
	}
	.custom .ctaWrap .cta-text{
		font-size: 20px;
	}
	.custom.footer{
		padding-bottom: 50px;
	}
	.fixed-btn{
		bottom: auto;
    top: 400px;
    left: auto;
    right: 0;
	}
	.fixed-btn .cta-btn{
		-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
		margin: 0 0 0 auto;
	}
	.fixed-btn .cta-btn a{
		width: auto;
		padding: 36px 5px 62px 5px;
		display: block;
		border-radius: 20px 0 0px 20px;
		letter-spacing: -0.04em;
		font-size: 25px;
	}
	_::-webkit-full-page-media, _:future, :root .fixed-btn .cta-btn a {
		padding: 36px 19px 66px 0px;
	}
	.fixed-btn .cta-btn a .arrow{
		top: auto;
		bottom: 27px;
		width: 25px;
		height: 25px;
		right: 14px;
	}
	_::-webkit-full-page-media, _:future, :root .fixed-btn .cta-btn a .arrow{
		right: 16px;
	}
}
@media screen and (min-width:1024px){
	.custom .fv-kazari{
		width: 100px;
		height: 100px;
		top: -66px;
    padding-left: 8vw;
	}
	.custom .reasonWrap::after{
		width: 224px;
    height: 112px;
	}
	.custom .course .course-contents-table{
		padding-bottom: 5px;
	}
	.custom .course .course-contents-pic{
		width: 290px;
		margin: -225px auto 0;
    margin-right: 150px;
		margin-right: 0;
	}
	.custom .course .course-contents-text02 br{
		display: none;
	}
}
@media screen and (min-width:1200px){
	.custom .fvWrap .fv-hukidashi{
		margin-left: 110px;
	}
}
@media screen and (min-width:1280px){
	.custom .course .course-contents-pic{
		margin-right: 150px;
	}
}
@media screen and (min-width:1300px){
	.custom .fvWrap .fv-hukidashi{
		margin-left: 180px;
		width: 311px;
		padding-top: 460px;
	}
	.custom .fvWrap .fv-text{
		padding: 26px 0 55px;
		margin-top: -50px;
	}
}
@media screen and (min-width:1439px){
	.custom .fvWrap{
		background-size: 1440px auto,auto 100%;
	}
	.custom .fvWrap .fv-text{
		background-repeat: repeat-x;
	}
}
@media screen and (min-width:1500px){
	.custom .fvWrap .fv-hukidashi{
		margin-left: 20%;
	}
}


/* ===================================
  color
=================================== */
:root {
	--spring-navy:#1d5198;
	--spring-blue:#5a8abd;
	--spring-light-blue:#eaf5ff;
	--spring-navy-blue:#c5dff5;
  --spring-pink: #f67577;
	--spring-light-pink:#ffedee;
	--spring-pink-text:#ff6668;
	--spring-pink-border:#fdd8d1;
	--spring-yellow:#fff234;
	--spring-bg-beige:#f9f8f3;
	--spring-black:#251e1c;
	--hi-black_secondary:#787878;
	--hi-black_tertiary: #747474;
	--hi-orange:#ea5006;
	--hi-orange_secondary:#fdede6;
	--hi-yellow:#fff234;
	--hi-navy:#344f88;
	--hi-red:#e7211c;
	--hi-class_oyako:#d62d7a;
	--hi-class_oyako2:#F45C87;
	--hi-class_nenchu:#f37f02;
	--hi-class_nenchu2:#FF7830;
	--hi-class_chugaku:#315897;
	--hi-class_chugaku2:#5A8CC2;
	--hi-class_daigaku:#42C17D;
  --class-ttl-blue: #4684E8;
  --feature-pink: #E258B9;
  --feature-orange: #F9840E;
  --feature-green: #2DC497;
  --bg-beige: #F7F6F0;

  --summer-blue: #3f90d1;
  --summer-cyan: #3bbde8;
  --summer-light-blue: #e1f1fe;
  --summer-perl-blue: #edf6fd;
  --summer-mint-green: #26d5d2;
  --summer-pink: #f45c87;
  --summer-light-pink: #ffb8cc;
  /* --summer-pink-text: #ff6668;
  --summer-pink-border: #fdd8d1; */
  --summer-yellow: #fff300;
  /* --summer-bg-beige: #f9f8f3; */
  /* --summer-black: #251e1c; */
  --halloween-orange: #ff981a;
  --halloween-light-orange: #ffd4a0;
  /* --halloween-yellow: #fff300; */
  --halloween-light-yellow: #fffeee;
  --halloween-red: #ff2e2e;
  --halloween-pearl-pink: #fef4f7;
  --halloween-purple: #440e3e;
}


#page {
  max-width: 100%;
	line-height: 1.7;
	padding: 0;
	color: var(--spring-black);
	box-sizing: border-box;
	background-color: #fff;
  letter-spacing: 0.02em;
  font-family: 'GenJyuuGothic';
  padding-top: clamp(57px, calc(20.4px + 4.76vw), 98px);
}


@media (width < 768px) {
  #page {
    padding-top: 64px;
  }
}


/* ===================================
  font
=================================== */
@font-face {
  font-family: 'GenJyuuGothic';
  src: url('https://static1.squarespace.com/static/5273768be4b0a406b9079d44/t/6743f5b371646b00a4c6766e/1732507091945/GenJyuuGothic-Bold.ttf');
  font-weight: 700;
}
@font-face {
  font-family: 'GenJyuuGothic';
  src: url('https://static1.squarespace.com/static/5273768be4b0a406b9079d44/t/674499be2acde167352cef7d/1732549087698/GenJyuuGothic-Heavy.ttf');
  font-weight: 900;
}

.ge{
  font-family: "GenJyuuGothic",sans-serif;
  font-weight: 700;
}

.ge.black{
  font-family: "GenJyuuGothic",sans-serif;
  font-weight: 900;
}

.noto{
  font-family: "Noto Sans JP", sans-serif!important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.noto.regu{
  font-weight: 400;
}

.noto.bold{
  font-weight: 700;
}

.noto.black{
  font-weight: 900;
}

.roboto{
  font-family: "Roboto","Noto Sans JP", sans-serif!important;
  font-weight: 700;
  font-style: normal;
}

.roboto.regu{
	font-weight: 400;
}

.roboto.black{
	font-weight: 900;
}

.noto-robot{
	font-family: "Roboto","Noto Sans JP", sans-serif!important;
	font-weight: 700;
}