@charset "utf-8";
.curriculum .indent{
	padding-left : 30px;
	margin-bottom : 50px;
}
.indent p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	margin-bottom : 20px;
}
.indent p:last-child{
	margin-bottom : 0;
}
.fees-button{
	margin : 50px 0 0 auto;
}
/* # =================================================================
#### page-content01
# ================================================================= */
.page-content01{
	
}
/* # =================================================================
#### 横スクロール
# ================================================================= */
.scroll-wrapper{
	position : relative;
	width : 100%;
	overflow : hidden;
}
.scroll-image{
	width : 100%;
	-webkit-overflow-scrolling : touch;
}
.scroll-image figure{
	margin : 0;
	padding : 0;
	width : 100%;
}
.scroll-image img{
	width : 100%;
	height : auto;
	vertical-align : bottom;
	pointer-events : none;
	user-select : none;
	-webkit-user-drag : none;
}
.scroll-wrapper::after,
.scroll-hint-img {
	display : none;
}


/* # =================================================================
#### page-content02
# ================================================================= */
.curriculum .page-content02 .indent{
	margin-bottom : 200px;
}




/* # =================================================================
#### page-content03
# ================================================================= */





/* # =================================================================
#### page-content04
# ================================================================= */
.page-content04 dl{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
}
.page-content04 dl:last-child{
	margin-bottom : 0;
}
.page-content04 dl dt{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 18px;
	margin-bottom : 10px;
}
.page-content04 dl dt span{
	font-size : 14px;
}
.page-content04 dl dd{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	line-height : 2;
	font-size : 18px;
	padding-left :1em;
}




/* # =================================================================
#### page-content05
# ================================================================= */
.page-content05 .indent{
	margin-top : 30px;
}
.page-content05 h4{
	position : relative;
	display : block;
	width : auto;
	height : auto;
	margin-bottom : 20px;
}
.page-content05 h4 img{
	position : relative;
	display : block;
	width : auto;
	height : 60px;
}
.page-content05 ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.page-content05 ul li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 18px;
	margin-bottom : 20px;
	padding-left : 1.5em;
}
.page-content05 ul li:last-child{
	margin-bottom : 0;
}
.page-content05 ul li::before{
	content : "◼︎";
	position : absolute;
	display : block;
	line-height : 1;
	color : #992200;
	font-size : 30px;
	left : 0;
}
.page-content05 ul li span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 14px;
	padding-left : 1em;
	margin-bottom : 10px;
}
.page-content05 ul li span:last-child{
	margin-bottom : 0;
}
.page-content05 ul li span::before{
	content : "※";
	position : absolute;
	display : block;
	left : 0;
}
.page-content05 .flex{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : flex-start;
}
.page-content05 .flex h4{
	margin-right : 20px;
}
.page-content05 .flex h4:last-child{
	margin-right : 0;
}
/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1240px
# ================================================================= */
@media screen and (max-width: 1240px){
/* # =================================================================
#### page-content01
# ================================================================= */






/* # =================================================================
#### page-content02
# ================================================================= */






/* # =================================================================
#### page-content03
# ================================================================= */






/* # =================================================================
#### page-content04
# ================================================================= */





/* # =================================================================
#### page-content05
# ================================================================= */
}/*** 1240px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
.curriculum .page-content02 .indent{
	margin-bottom : 50px;
}


.curriculum .page-content04 .indent{
	margin-bottom : 0;
}

















}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){
/*****  *****/
.curriculum .indent{
	padding-left : 0;
}
/* # =================================================================
#### page-content01
# ================================================================= */

/* # =================================================================
#### 横スクロール
# ================================================================= */
.scroll-wrapper::after{
	display : block;
	content : "";
	position : absolute;
	top : 0;
	right : 0;
	width : 30px;
	height : 100%;
	background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	pointer-events : none;
	z-index : 2;
}
.scroll-image{
	overflow-x : auto;
	cursor : grab;
	-webkit-overflow-scrolling : touch;
}
.scroll-image.is-grabbing{
	cursor : grabbing;
}
.scroll-image figure{
	/* 600px以下になっても中身は600pxを維持（ガチガチ） */
	width : 1000px;
	padding-right : 50px;
}
.scroll-hint-img {
	display : block;
}
.scroll-hint-img{
	position : absolute;
	top : 50%;
	left : 50%;
	transform : translate(-50%, -50%);
	z-index : 3;
	pointer-events : none;
	user-select : none;
	-webkit-user-drag : none;
	transition : opacity 0.5s, visibility 0.5s;
	width : 80px;
}
.scroll-hint-img img{
	width : 100%;
	height : auto;
	opacity : 0.8;
}
/* # =================================================================
#### page-content02
# ================================================================= */
.page-content02 .closing-area{
	border-radius : 15px 0 0 15px;
	padding : 20px 15px 30px 30px;
	width : calc(100% - 10px);
	right : -20px;
	overflow : visible;
}
.page-content02 .closing-area .box h2{
	display : none;
}
.page-content02 .closing-area .box h3{
	font-size : 26px;
	font-weight : bold;
	padding-left : 0;
	margin-bottom : 30px;
}
.page-content02 .closing-area .box h3 br{
	display : block;
}
.page-content02 .btn{
	padding : 0;
	margin : 0;
}
.page-content02 .btn a::before{
	width : 40px;
	height : 40px;
	left : 2px;
}
.page-content02 .btn div:nth-child(1) a::before {
	background : #FFF url(../../images/common/car_R.png) center / 35px no-repeat;
 }
.page-content02 .btn div:nth-child(2) a::before {
	background : #FFF url(../../images/common/mail.png) center / 30px no-repeat;
}
.page-content02 .btn div{
	width : 100%;
}
.page-content02 .btn div:nth-child(1){
	margin-bottom : 15px;
}
.page-content02 .btn div a{
	width : 240px;
	font-size : 20px;
	padding : 15px 0 15px 10px;
	margin : 0 0 0 auto;
}
.page-content02 .closing-area .right-box{
	top : auto;
	right : auto;
	bottom : -30px;
	left : -80px;
}
.page-content02 .closing-area .left-box{
	padding : 0;
}
.page-content02 .closing-area .right-box{
	width: 130px;
}

/* # =================================================================
#### fees-button
# ================================================================= */
.page-content01 .fees-button,
.page-content02 .fees-button,
.page-content05 .fees-button{
	display : none;
}
.page-content03 .fees-button{
	margin : 50px auto 0;
}



}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){

}/*** 480px ***/
/* # =================================================================
#### 400px
# ================================================================= */
@media screen and (max-width: 400px){
.page-content02 .closing-area .box h3{
	font-size : 24px;
}
.page-content02 .btn div a{
	width : 200px;
	font-size : 16px;
}














}/*** 400px ***/