@charset "UTF-8";

section.outer {
 padding: 8rem 0px;
}
section.outer:nth-child(odd) {
	background: #FFF;
}
section.outer .inner.--1500{
	max-width: 1180px;
}

.enIndex{
 text-align: center;
	color: var(--main-color);
	font-size: 6rem;
 font-family: "Poppins";
 font-weight: 500 !important;
}
.title{
 text-align: center;
	font-size: 3.8rem;
	margin-bottom: 4rem;
}
.title br{
 display: none;
}

.topSection.center{
 text-align: center;
	padding: 0 10rem 5%;
}
.topSection.center img{
 margin: 0 auto 40px;
	border-radius: 1rem !important;
}
.topSection .messageArea {
 margin: 0px;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap:20px;
}
.topSection .messageArea:before {
 content: "";
	aspect-ratio:1/1;
	width :  250px;
	background: url(../img/kidsgolf/illust_1.png) center center  no-repeat;
	background-size: contain;
}
.topSection .messageArea:after {
 content: "";
	aspect-ratio:1/1;
	width: 250px;
	background: url(../img/kidsgolf/illust_2.png) center center  no-repeat;
	background-size: contain;
}
.topSection .messageArea .t{
	padding: 0px;
}
.topSection .messageArea .t1{
 font-size: 3.4rem;
	margin: 0 auto 2rem auto;
}
.topSection .messageArea .t2{
 font-size: 2.2rem;
	margin: 0px 0px 1.6rem 0px;
}
.topSection .messageArea .t3{
 font-size: 2.2rem;
}


.selectSection .row{
 margin: 0px auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap:30px;
	width: 900px;
 max-width : -webkit-calc(100% - 20px) ;
 max-width : calc(100% - 20px) ;
}
.selectSection .row .textArea {
 width : -webkit-calc(100% - 330px) ;
 width : calc(100% - 330px) ;
}
.selectSection .row .textArea .list{
 margin: 0px 0px 30px 0px;
	
}
.selectSection .row .textArea .list li{
 margin: 0px 0px 10px 0px;
	font-size: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap:8px;
	align-items: center;
}
.selectSection .row .textArea .list li:before{
 content: "";
	width: 20px;
	height: 20px;
	background: url(../img/trial/check.webp) center center  no-repeat;
	background-size: contain;
}
.selectSection .row .textArea .list li:last-of-type{
 margin: 0px;
}
.selectSection .row .textArea .bottomMessage{
	padding: 15px 20px;
	background: #e9f5df;
	border-radius: 20px;
	font-size: 2.4rem;
	text-align: center;
}
.selectSection .row .textArea .bottomMessage b{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, yellow));
		background: linear-gradient(transparent 80%, yellow 80%);
		background-size: 100% 100%;
}
.selectSection .row .imgArea {
 width: 300px;
}


.whatSection .row{
 margin: 0px auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap:30px;
	width: 900px;
 max-width : -webkit-calc(100% - 20px) ;
 max-width : calc(100% - 20px) ;
}
.whatSection .row .textArea {
 width : -webkit-calc(100% - 480px) ;
 width : calc(100% - 480px) ;
	order: 2;
}
.whatSection .row .textArea .toptext{
 font-size: 2rem;
	margin: 0px 0px 30px 0px;
}
.whatSection .row .textArea .toptext b{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, yellow));
		background: linear-gradient(transparent 80%, yellow 80%);
		background-size: 100% 100%;
}
.whatSection .row .textArea .list{
 margin: 0px 0px 30px 0px;
}
.whatSection .row .textArea .list li{
 margin: 0px 0px 10px 0px;
	font-size: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap:8px;
	align-items: center;
}
.whatSection .row .textArea .list li:before{
 content: "";
	width: 20px;
	height: 20px;
	background: url(../img/trial/check.webp) center center  no-repeat;
	background-size: contain;
}
.whatSection .row .textArea .list li:last-of-type{
 margin: 0px;
}
.whatSection .row .textArea .bottomMessage{
 font-size: 2rem;
	margin: 0px;
}
.whatSection .row .textArea .bottomMessage b{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, yellow));
		background: linear-gradient(transparent 80%, yellow 80%);
		background-size: 100% 100%;
}
.whatSection .row .imgArea {
 width: 450px;
	order: 1;
}


.lessonSection .lessonList{
	margin: 0px;
	padding: 40px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:60px;
}

.lessonSection .lessonBox{
	margin: 0px;
	width : -webkit-calc(50% - 30px) ;
   width : calc(50% - 30px) ;
}
.lessonSection .lessonBox .sub{
 margin: 0px 0px 2rem 0px;
	font-size: 3.2rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:10px;
}
.lessonSection .lessonBox .sub:before{
 content: "";
	width: 40px;
	height: 40px;
	background: url(../img/kidsgolf/icon_1.png) center center  no-repeat;
	background-size: contain;
}
.lessonSection .lessonBox .row{
 display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:20px;
}
.lessonSection .lessonBox .textArea{
 max-width : -webkit-calc(100% - 200px) ;
 max-width : calc(100% - 200px) ;
}
.lessonSection .lessonBox .textArea .text{
 margin: 0px 0px 20px 0px;
	font-size: 1.8rem;
	line-height: 1.4;
}
.lessonSection .lessonBox .textArea .text:last-of-type{
 margin: 0px;
}
.lessonSection .lessonBox .imgArea {
 width: 180px;
	height: 180px;
}
.lessonSection .lessonBox .imgArea img{
 width: 100%;
	height: 100%;
	object-fit: contain;
}


.planSection .row{
 margin: 0px auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap:30px;
	width: 900px;
 max-width : -webkit-calc(100% - 20px) ;
 max-width : calc(100% - 20px) ;
}
.planSection .row .textArea {
 width : -webkit-calc(100% - 370px) ;
 width : calc(100% - 370px) ;
}
.planSection .row .textArea .t1{
 margin: 0px 0px 10px 0px;
	font-size: 2rem;
	letter-spacing: -0.02em;
}
.planSection .row .textArea .voice{
 margin: 0px 0px 10px 0px;
}
.planSection .row .textArea .voice li{
 margin: 0px 0px 5px 0px;
	font-size: 2rem;

}
.planSection .row .textArea .voice li span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, yellow));
	background: linear-gradient(transparent 80%, yellow 80%);
}
.planSection .row .textArea .t2{
 margin: 0px 0px 20px 0px;
	font-size: 2rem;
}

.planSection .row .textArea .features {
 margin: 0px;
	padding: 15px 20px;
	background: #FFF;
	border-radius: 20px;
}
.planSection .row .textArea .features .subTitle{
 margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 2px solid #93c925;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:10px;
	font-size: 2.4rem;
}
.planSection .row .textArea .features .subTitle:before{
 content: "";
	width: 30px;
	height: 30px;
	background: url(../img/kidsgolf/icon_1.png) center center  no-repeat;
	background-size: contain;
}

.planSection .row .textArea .features .list{
 margin: 0px 0px 10px 0px;
	
}
.planSection .row .textArea .features .list li{
 margin: 0px 0px 10px 0px;
	font-size: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap:8px;
	align-items: center;
}
.planSection .row .textArea .features .list li:before{
 content: "";
	width: 20px;
	height: 20px;
	background: url(../img/trial/check.webp) center center  no-repeat;
	background-size: contain;
}
.planSection .row .textArea .features .list li:last-of-type{
 margin: 0px;
}
.planSection .row .textArea .text{
 font-size: 1.8rem;
	letter-spacing: -0.03em;
}
.planSection .row .imgArea {
 width: 340px;
}
section.outer.targetSection{
	padding: 4rem 0;
}
.targetSection .row{
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap:30px;
}
.targetSection .row .textArea {
 max-width : -webkit-calc(100% - 280px) ;
 max-width : calc(100% - 280px);
	order: 2;
}
.targetSection .row .textArea .age {
 margin: 0px 0px 20px 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:8px;
}
.targetSection .row .textArea .age .i{
 margin: 0px;
	padding: 5px 10px;
	background: var(--text-color);
	color: #FFF;
	border-radius: 5px;
	font-size: 1.8rem;
	line-height: 1;
}
.targetSection .row .textArea .age .c{
	font-size: 2rem;
}
.targetSection .row .textArea .list{
 margin: 0px 0px 20px 0px;
	padding: 0px;
}
.targetSection .row .textArea .list li{
 margin: 0px 0px 10px 0px;
	font-size: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap:8px;
	align-items: center;
}
.targetSection .row .textArea .list li:before{
 content: "";
	width: 20px;
	height: 20px;
	background: url(../img/trial/check.webp) center center  no-repeat;
	background-size: contain;
}
.targetSection .row .textArea .list li:last-of-type{
 margin: 0px;
}
.targetSection .row .textArea .kome{
 font-size: 1.4rem;
}
.targetSection .row .imgArea {
 width: 250px;
	order: 1;
}

.priceSection .subText{
text-align: center;
font-size: 2.4rem;
 margin-bottom: 4rem;
}
.priceSection .priceList {
 margin: 0px auto 20px auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:20px;
	max-width: 900px;
	width : -webkit-calc(100% - 20px) ;
 width : calc(100% - 20px) ;
}
.priceSection .priceList .priceBox {
 width : -webkit-calc(50% - 10px) ;
 width : calc(50% - 10px) ;
	background: #FFF;
	padding: 0px;
	border-radius: 10px;
	border: 2px solid #93c925;
	overflow: hidden;
}
.priceSection .priceList .priceBox .name{
 margin: 0px;
	padding: 10px 15px;
	background: #93c925;
	color: #FFF;
	font-size: 2.2rem;
}
.priceSection .priceList .priceBox .row{
 display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 15px;
	margin: 0px;
	border-bottom: 2px solid #93c925;
	color: #93c925;
}
.priceSection .priceList .priceBox .row:last-of-type{
 border-bottom: none;
}
.priceSection .priceList .priceBox .row .i{
 font-size: 2rem;
}
.priceSection .priceList .priceBox .row .c{
 font-size: 2rem;
}
.priceSection .priceList .priceBox .row .c b{
 font-size: 3.2rem;
}
.priceSection .priceList .priceBox1 {
 width: 100%;
}
.priceSection .priceList .priceBox2 {
border: 2px solid var(--pink);
}
.priceSection .priceList .priceBox2 .name{
	background: var(--pink);
}
.priceSection .priceList .priceBox2 .row{
border-bottom: 2px solid  var(--pink);
color: var(--pink);
}

.priceSection .priceList .priceBox3 {
border: 2px solid var(--orange);
}
.priceSection .priceList .priceBox3 .name{
	background: var(--orange);
}
.priceSection .priceList .priceBox3 .row{
border-bottom: 2px solid  var(--orange);
color: var(--orange);
}
.priceSection .kome {
 margin: 0 auto;
	max-width: 900px;
	width : -webkit-calc(100% - 20px) ;
 width : calc(100% - 20px) ;
	font-size: 1.4rem;
}

.faqSection .faq__accordion{
 max-width: 900px;
	margin: 0 auto;
}
.faqSection .faq__accordion .accordion__detail-txt {
 font-weight: 600;
}

.flowSection .row{
 margin: 0px auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content:  space-between;
	align-items: center;
	gap:30px;
	width: 900px;
	max-width: -webkit-calc(100% - 20px);
	max-width: calc(100% - 20px);
}
.flowSection .row .textArea {
 width : -webkit-calc(100% - 380px) ;
 width : calc(100% - 380px);
}
.flowSection .row .textArea .flowList {
 margin: 0px;
	padding: 20px;
	border-radius: 20px;
	background: #FFF;
}
.flowSection .row .textArea .flowList li{
 display: block;
	padding: 20px 0px;
	border-bottom: 2px dashed var(--text-color);
}
.flowSection .row .textArea .flowList li:last-of-type{
 border-bottom: none;
}
.flowSection .row .textArea .flowList li .i{
 font-size: 2.4rem;
	line-height: 1;
	margin: 0px 0px 10px 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:5px;
}
.flowSection .row .textArea .flowList li .i .n{
 width: 30px;
	height: 30px;
	border-radius: 5px;
	color: #FFF;	
	font-size: 2rem;
	background-color: #208d67;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.flowSection .row .textArea .flowList li .c{
 font-size: 2rem;
}
.flowSection .row .imgArea {
 width: 350px;
	
}


.messageSection .row{
 margin: 0px auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content:  space-between;
	align-items: center;
	gap:30px;
	width: 900px;
	max-width: -webkit-calc(100% - 20px);
	max-width: calc(100% - 20px);
}
.messageSection .row .textArea {
 width : -webkit-calc(100% - 380px) ;
 width : calc(100% - 380px);
	order: 2;
}
.messageSection .row .textArea .message{
 font-size: 2.4rem;
}
.messageSection .row .textArea .message b{
     background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, yellow));
    background: linear-gradient(transparent 80%, yellow 80%);
    background-size: 100% 100%;
}
.messageSection .row .imgArea {
 width: 350px;
	order: 1;
}

section.outer.cvSection{
 padding: 8rem 0px 0px;
}
.cvSection .row{
 margin: 0px auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap:30px;
	width: 900px;
	max-width: -webkit-calc(100% - 20px);
	max-width: calc(100% - 20px);
}
.cvSection .row .textArea {
 width : -webkit-calc(100% - 480px) ;
 width : calc(100% - 480px);
}
.cvSection .row .textArea .message{
 font-size: 2.4rem;
	margin: 0px 0px 20px;
}
.cvSection .row .imgArea {
 width: 450px;
}
.cvSection .btnArea{
	text-align: center;
}
.cvSection .btnArea a{
 margin: 0 auto;
	width: 260px;
}

@media screen and (max-width: 767px) {
 .topSection.center{
	 padding: 0 10px 5%;
	}
	.topSection .messageArea{
	 display: block;
		padding: 0;
	}
	.topSection .messageArea:before{
	 display: none;
	}
	.topSection .messageArea:after{
		margin: 0 auto;
		width: 80%;
		aspect-ratio: 3 / 2;
	 background: url(../img/kidsgolf/illust_3.png) center center no-repeat;
  background-size: contain;
		display: block;
	}
	.topSection .messageAreaInner{
	 margin: 0px 0px 10px 0px;
	}
	.topSection .messageArea .t1{
	 font-size: 2.4rem;
	}
	.topSection .messageArea .t2{
	 font-size: 1.8rem;
		text-align: left;
	}
	.topSection .messageArea .t3{
	 font-size: 1.8rem;
		text-align: left;
	}
	section.outer{
		    padding: 5rem 0px;
	}
	.title{
	 font-size: 2.8rem;
  margin-bottom: 3rem;
	}
	.title br{
	 display: block;
	}
	.selectSection .row{
	 display: block;
	}
	.selectSection .row .textArea{
	 width: auto;
		margin: 0px 0px 2rem 0;
	}
	.selectSection .row .textArea .list li{
	 align-items: flex-start;
	}
	.selectSection .row .textArea .list li:before{
		margin-top: 4px;
	}
	.selectSection .row .textArea .list li .t{
	 width : -webkit-calc(100% - 28px) ;
  width : calc(100% - 28px) ;
		font-size: 1.8rem;
	}
	.selectSection .row .textArea .bottomMessage{
	 padding: 15px 5px;
		font-size: 2rem;
		letter-spacing: -0.02em;
	}
	.whatSection .row{
	 display: block;
	}
	.whatSection .row .textArea{
	 width: auto;
		margin: 0px 0px 2rem 0;
	}
	.whatSection .row .textArea .list li .t{
	 width : -webkit-calc(100% - 28px) ;
  width : calc(100% - 28px) ;
		font-size: 1.8rem;
	}
	.whatSection .row .imgArea{
	 width: auto;
	}
	
	.lessonSection .lessonList{
	 padding: 0px;
		display: block;
	}
	.lessonSection .lessonBox{
	 width: auto;
		margin: 0px 0px 30px 0px;
	}
	.lessonSection .lessonBox .sub{
	 font-size: 2.2rem;
		letter-spacing: -0.03em;
	}
	.lessonSection .lessonBox .sub .t{
	 width : -webkit-calc(100% - 50px) ;
   width : calc(100% - 50px) ;
	}
	.lessonSection .lessonBox .row{
	 gap:10px;
	}
	.lessonSection .lessonBox .imgArea{
	 width: 110px;
  height: 110px;
	}
	.lessonSection .lessonBox .textArea{
	 max-width: -webkit-calc(100% - 120px);
  max-width: calc(100% - 120px);
	}
	.lessonSection .lessonBox:nth-child(even) .imgArea{
	 
		order: 1;
	}
	.lessonSection .lessonBox:nth-child(even) .textArea{
	 order: 2;
	}	
	
	.lessonSection .lessonBox .textArea .text{
	 font-size: 1.6rem;
		letter-spacing: -0.02em;
		margin: 0px 0px 10px 0px;
	}
	.lessonSection .lessonBox .textArea .text br{
	 display: none;
	}
	
	.planSection .row{
	 display: block;
	}
	.planSection .row .textArea{
	 width: auto;
		margin: 0px 0px 20px 0px;
	}
	.planSection .row .imgArea{
	 width: auto;
		text-align: center;
	}
	.planSection .row .imgArea img{
	        aspect-ratio: 5 / 3;
        object-fit: cover;
	}
	.planSection .row .textArea .features{
	 padding: 10px;
	}
	.planSection .row .textArea .features .list li{
	 align-items: top;
	}
	.planSection .row .textArea .features .list li:before{
	 margin-top: 4px;
	}
	.planSection .row .textArea .features .list li .t{
	 width : -webkit-calc(100% - 28px) ;
   width : calc(100% - 28px) ;
			font-size: 1.8rem;
	}
	.targetSection .row{
	 display: block;
	}
	.targetSection .row .textArea{
	 width: auto;
		margin: 0px 0px 20px 0px;
		max-width: 100%;	
	}
	.targetSection .row .textArea .list li{
	 align-items: top;
	}
	.targetSection .row .textArea .list li:before{
	 margin-top: 4px;
	}
	.targetSection .row .textArea .list li .t{
	  width : -webkit-calc(100% - 28px) ;
   width : calc(100% - 28px) ;
			font-size: 1.8rem;
	}
	.targetSection .row .imgArea{
	 width: auto;
		max-width: 100%;
	}
	.targetSection .row .imgArea img{
	 aspect-ratio:5/3;
		object-fit: cover;
	}
	.priceSection .subText{
	 font-size: 2rem;
    margin-bottom: 3rem;
	}
	.priceSection .priceList{
	 display: block;
		width: auto;
	}
	.priceSection .priceList .priceBox{
	 width: auto;
		margin: 0px 0px 20px 0px;
	}
	
	.flowSection .row{
	 max-width: 100%;
		display: block;
	}
	.flowSection .row .textArea{
	 width: auto;
		margin: 0px 0px 20px 0px;
	}
	.flowSection .row .textArea .flowList li .i .t{
	 width : -webkit-calc(100% - 35px) ;
   width : calc(100% - 35px) ;
	font-size: 2rem;
	letter-spacing: -0.02em;
	}
	.flowSection .row .textArea .flowList li .c{
	 font-size: 1.8rem;
	}
	.flowSection .row .textArea .flowList li .c br{
	 display: none;
	}
	.flowSection .row .imgArea{
	 width: auto;
	}
	.flowSection .row .imgArea img{
	 aspect-ratio:5/4;
		object-fit: cover;
	}
	.messageSection .row{
	 max-width: 100%;
		display: block;
	}
	.messageSection .row .textArea{
	 width: auto;
		margin: 0px 0px 30px 0px;
	}
	.messageSection .row .textArea .message{
	 font-size: 2rem;
	}
	.messageSection .row .imgArea{
	 width: auto;
		text-align: center;
	}
	.messageSection .row .imgArea img{
	 max-width: 70%;
		margin: 0 auto;
	}
	section.outer.cvSection{
	     padding: 5rem 0px 0px;
	}
	.cvSection .row{
	 max-width: 100%;
		display: block;
	}
	.cvSection .row .textArea{
	 width: auto;
		margin: 0px 0px 20px 0px;
	}
	.cvSection .row .textArea .message{
	     font-size: 2rem;
	}
	.cvSection .row .imgArea{
	 width: auto;
	}
	.cvSection .row .imgArea img{
	 aspect-ratio:5/3;
		object-fit: cover;
	}
	
}