#contents {
	background: url(../img/autumn_kids/bg.png);
}
#contents section {
	position: relative;
	z-index: 1;
}
.bgBox {
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.bgBox img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
/*====================================================
//id #tptitle
====================================================*/
#tptitle {
	position: relative;
}
#tptitle .h2Text {
	position: absolute;
	z-index: -10;
	top: -100%;
}
#tptitle .h2Box {
	margin: -70px -20% 0 -10%;
	width: 130%;
}
#tptitle .copyBox {
	margin: 0 0 0;
	position: relative;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	#tptitle {
		background: #fff;
		margin-bottom: 30px;
	}
	#tptitle .innerBox {
		padding: 0;
	}
	#tptitle .box-inner {
		padding-left: 0;
	}
	#tptitle .h2Box {
		margin: 0 -15% 0 -10%;
		padding: 30vw 0 0px 0;
		position: relative;
		width: 130%;
	}
	#tptitle .bgBox {
		margin: -15% 0 0;
		width: 200%;
		height: 120%;
	}
	#tptitle .copyBox p {
		display: inline-block;
		font-size: 1.6rem;
		padding: 20px 0;
		text-align: left;
	}
}

@media screen and (min-width:480px) and (max-width:768px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#tptitle .innerBox {
		padding: 80px 0;
	}
	#tptitle .bgBox img {
/*
		-o-object-position: right;
		object-position: right;
*/
	}
	#tptitle .box-inner {
		padding-left: 30%;
	}
	#tptitle .copyBox {
		background: rgba(255, 255, 255, .85);
		font-size: 1.8rem;
		padding: 30px 0;
		text-align: center;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
	#tptitle {
		background: #fff;
		margin-bottom: 30px;
	}
	#tptitle .innerBox {
		padding: 0;
	}
	#tptitle .box-inner {
		padding-left: 0;
	}
	#tptitle .h2Box {
		margin: 0;
		padding: 50px 0 50px 15%;
		position: relative;
		width: 110%;
	}
	#tptitle .bgBox {
		margin-left: -20%;
		width: 120%;
	}
}

@media screen and (min-width:1200px) {
	#tptitle .box-inner {
		padding-left: 33%;
	}
	#tptitle .copyBox {
		font-size: 2.0rem;
	}
}

/*====================================================
////id #course
====================================================*/
#course .whiteBox {
	-webkit-box-shadow: 0 0 20px rgba(255, 97, 27, 0.5);
	box-shadow: 0 0 20px rgba(255, 97, 27, 0.5);
}
#course .headBox .head_sub {
/*	color: #e47a47;*/
}
#course .headBox h3 {
/*	color: #773b90;*/
	font-size: 3.4rem;
}
#course .copyBox p {
	font-size: 1.6rem;
}
#course .whiteBox {
	position: relative;
}
.decoBox {
	position: absolute;
	z-index: 1;
}
.deco-1 {
	top: -30px;
	right: -30px;
	width: 10%;
}
.deco-2 {
	bottom: -5px;
	left: -20px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 8%;
}
.deco-3 {
	top: -30px;
	right: -20px;
	width: 7%;
}
.deco-4 {
	top: 5px;
	right: 3%;
	width: 7%;
}
.deco-5 {
	bottom: -10px;
	left: 3%;
	width: 10%;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	#course .headBox {
		margin: 10px 0 10px -20px;
		padding: 15px 30px 15px 20px;
	}
	#course .headBox:after {
		border-width: 70px 20px 70px 0;
		right: 0px;
	}
	#course .whiteBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#course .copyBox {
		width: 100%;
		margin: 0 0 30px;
	}
	#course .headBox {
		padding: 0;
		margin: 10px 0;
	}
	#course .headBox .head_sub {
		color: #e47a47;
		font-size: 1.6rem;
		line-height: 1.4;
		text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
		position: relative;
		z-index: 1;
	}
	#course .headBox h3 {
		background: #e47a47;
		color: #fff;
		display: inline-block;
		font-size: 2.6rem;
		line-height: 1.4;
		margin: 5px 0 0 -20px;
		overflow: hidden;
		padding: 15px 40px 10px 20px;
		position: relative;
		text-align: center;
		min-width: 80%;
	}
	#course .headBox h3:after {
		border: solid transparent;
		border-right-color: #fff;
		border-width: 70px 30px 70px 0;
		content: '';
		margin: auto;
		position: absolute;
		top: 0;
		right: -10px;
		bottom: 0;
	}
	#course .copyBox p {
		font-size: 1.5rem;
	}
	.deco-1 {
		top: -50px;
		right: -3%;
		width: 20%;
	}
	.deco-2 {
		bottom: -5px;
		left: -3%;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		width: 16%;
	}
	.deco-3 {
		top: -10px;
		right: -3%;
		width: 13%;
	}
	.deco-4 {
		top: -20px;
		right: 3%;
		width: 14%;
		display: none;
	}
	.deco-5 {
		top: calc(100% - 60px);
		left: -3%;
		bottom: auto;
		width: 14%;
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#course .whiteBox {
		padding: 40px;
	}
	#course .copyBox {
		width: 400px;
		margin-right: 40px;
	}
	#course .headBox {
		background: #e47a47;
		color: #fff;
		display: inline-block;
		line-height: 1.4;
		margin: 0 0 20px -45px;
		overflow: hidden;
		padding: 15px 40px 10px 50px;
		position: relative;
	}
	#course .headBox:after {
		border: solid transparent;
		border-right-color: #fff;
		border-width: 70px 30px 70px 0;
		content: '';
		margin: auto;
		position: absolute;
		top: 0;
		right: -10px;
		bottom: 0;
	}
	#course .course_detail {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
	#course .whiteBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#course .copyBox {
		width: 100%;
		margin: 0 0 30px;
	}
}

@media screen and (min-width:960px) and (max-width:1199px) {
	#course .topics_courseDetail .trialInfo .flexBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#course .topics_courseDetail .trialInfo .trialDetail {
		width: calc(100% - 10px);
	}
}

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

/*====================================================
////id 
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

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

/*====================================================
////id 
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

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