@charset "utf-8";

.fwari {
	animation: fwari ease-in-out 2s infinite alternate;
}

.fwari02 {
	animation: fwari ease-in-out 1s infinite alternate;
}

.fwari03 {
	animation: fwari ease-in-out 3s infinite alternate;
}

@keyframes fwari {
	0% {
		transform: translate(0%, 0%);
	}

	100% {
		transform: translate(0%, -30px);
	}
}


.fluffy {
	animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
	0% {
		transform: translateY(0)
	}

	5% {
		transform: translateY(0)
	}

	10% {
		transform: translateY(0)
	}

	20% {
		transform: translateY(-15px)
	}

	25% {
		transform: translateY(0)
	}

	30% {
		transform: translateY(-15px)
	}

	50% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

.fluffy02 {
	animation: fluffy1 2s ease infinite;
}


.slick-slide {
	outline: none;
}

.slider {
	display: none;
}

.slider.slick-initialized {
	display: block;
	/*slick-initializedが付与されたら表示*/
}

.mv {
	position: relative;
}

.mv .box {
	position: absolute;
	top: 0;
	left: 0;
	height: 620px;
	width: 100%;
	display: block;
}

.mv .box_in {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	display: block;
	height: 620px;
}

.home .mv .box_in h1 {
	position: absolute;
	left: 50px;
	bottom: 30px;
	z-index: 2;
}

.mv .box_in .linktxt {
	position: absolute;
	z-index: 2;
	right: -80px;
	top: -10px;
	display: inline-block;
}

.mainslider img {
	width: 100%;
	height: 630px;
	object-fit: cover;
}

.news_area {
	padding: 0 0 180px 0;
	background: url(../img/top/news_bg02.png) top left;
	background-size: cover;
	color: #fff;
}

.news-link {
	width: 220px;
	line-height: 1.4em;
	padding: 0px 20px;
	color: #005bac;
	background: #fff;
	border-radius: 100px;
	font-size: 14px;
	transition: all 0.3s;
	font-weight: bold;
	text-align: center;
	/* 中央寄せ */
	margin: 0 auto;
	/* 中央寄せ */
}

.news-link.active,
.news-link:hover {
	background: #faf725;
}

.home .news_area h2.tit span {
	color: #faf725;
}

.news_area .bg {
	height: 12px;
	width: 100%;
	background: url(../img/top/news_bg01.png) top center repeat-x;
	top: -11px;
	position: relative;
	z-index: 3;
}

.news_area .tablink {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	padding: 0 0 20px 0;
}

.news_area .tablink li a {
	display: block;
	width: 220px;
	line-height: 1.4em;
	padding: 20px 0;
	color: #005bac;
	background: #fff;
	border-radius: 100px;
	font-size: 18px;
	transition: all 0.3s;
	font-weight: bold;
}

.news_area .tablink li a.active,
.news_area .tablink li a:hover {
	background: #faf725;
}

.news_area #tab02,
.news_area #tab03 {
	display: none;
}

.news_area dl {
	padding: 15px 0;
	border-bottom: 1px solid #fff;
}

.news_area dl dt {
	width: 230px;
	display: table-cell;
	vertical-align: top;
}

.news_area dl dd {
	font-size: 18px;
	display: table-cell;
	vertical-align: top;
}

.news_area dl dd a {
	color: #fff;
}

.news_area .link {
	text-align: center;
	padding: 30px 0 0 0;
}

.news_area .link a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
}

.news_area .morelink {
	text-align: center;
	cursor: pointer;
	display: block;
	width: 200px;
	margin: 20px auto 0;
	color: #fff;
	font-size: 14px;
}

.wave {
	height: 12px;
	width: 100%;
	top: -11px;
	position: relative;
	z-index: 3;
}

.home .area01 {
	background: #fff;
}

.home .area01 .wave {
	background: url(../img/common/wave01.png) repeat-x;
}

.txt_flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.txt_flex li {
	width: 290px;
}

.txt_flex li a {
	color: #51504f;
}

.txt_flex li .img {
	width: 290px;
	overflow: hidden;
}

.txt_flex li .img img {
	transition: 1s all;
}

.txt_flex li a:hover .img img {
	transform: scale(1.2, 1.2);
	transition: 1s all;
}

.txt_flex li dl dt {
	font-size: 26px;
	line-height: 1.4em;
	padding: 20px 0;
	text-align: center;
}

.txt_flex li dl dd {
	line-height: 1.8em;
}

.home .area01 .box {
	padding: 150px 0 80px 0;
	position: relative;
}

.home .area01 .box .img01 {
	position: absolute;
	left: -100px;
	top: -150px;
	z-index: 4;
}

.home .area01 .box .img02 {
	position: absolute;
	right: -100px;
	top: -150px;
	z-index: 4;
}

.home .area01 .box .img03 {
	position: absolute;
	left: -100px;
	bottom: -100px;
	z-index: 4;
}

.home .area01 .box .img04 {
	position: absolute;
	right: -100px;
	bottom: -110px;
	z-index: 4;
}

.home .area01 .box .ico01 {
	position: absolute;
	left: -200px;
	top: 300px;
}

.home .area01 .box .ico02 {
	position: absolute;
	right: -200px;
	top: 300px;
}

.home .area02 {
	background: #ff8200;
}

.home .area02 .wave02 {
	top: -4px;
	height: 5px;
	background: url(../img/common/wave02.png) repeat-x;
}

.home .area02 .box {
	padding: 150px 0 80px 0;
	position: relative;
}

.home .area02 .txt_flex li a {
	color: #fff;
}

.home .area02 .box {
	padding: 150px 0 30px 0;
	position: relative;
}

.home .area02 .box .img01 {
	position: absolute;
	left: -100px;
	bottom: -150px;
	z-index: 4;
}

.home .area02 .box .img02 {
	position: absolute;
	right: -100px;
	bottom: -100px;
	z-index: 4;
}

.home .area02 .box .ico01 {
	position: absolute;
	left: -200px;
	bottom: 150px;
	z-index: 4;
}

.home .area02 .box .ico02 {
	position: absolute;
	right: -200px;
	bottom: 150px;
	z-index: 4;
}

.home .area02 .box .btn {
	padding: 50px 0 80px 0;
	text-align: center;
}

.home .area02 .box .btn a {
	display: block;
	width: 310px;
	font-size: 22px;
	margin: 0 auto;
	line-height: 1.4em;
	padding: 20px 0;
	color: #fc8144;
	background: #fbf5a7;
	letter-spacing: 0.1em;
	border-radius: 100px;
	border: 2px solid #fbf5a7;
	transition: all 0.3s;
}

.home .area02 .box .btn a:hover {
	background: #fc8144;
	color: #fff;
}

.home .area03 {
	background: url(../img/top/area03_bg.png) no-repeat top center;
	background-size: cover;
	color: #fff;
	text-align: center;
}

.home .area03 h2.tit {
	padding: 170px 0 80px 0;
}

.home .area03 h2.tit span {
	color: #fff;
}

.home .area03 .btnbox {
	position: relative;
	display: inline-block;
}

.home .area03 .btnbox .linktxt {
	position: absolute;
	right: -300px;
	top: -200px;
	z-index: 2;
}

.home .area03 .btn {
	padding: 0 0 130px 0;
}

.home .area03 .btn a {
	display: block;
	width: 430px;
	font-size: 32px;
	margin: 0 auto;
	line-height: 1.4em;
	padding: 20px 0;
	color: #fc8144;
	background: #fff;
	letter-spacing: 0.1em;
	border-radius: 100px;
	transition: all 0.3s;
}

.home .area03 .btn a:hover {
	background: #fc8144;
	color: #fff;
}

.home .line_area {
	text-align: center;
	padding: 90px 0 0 0;
}

.home .line_area .btn {
	padding: 30px 0 40px 0;
}

.blog_area {
	padding: 80px 0;
}

.blog_area h2.tit,
.supporter_area h2.tit,
.line_area h2.tit {
	color: #f75400;
}

.blog_area h2.tit span {
	color: #2069c3;
}

.blog_area ul {
	display: flex;
	justify-content: space-between;
	width: 780px;
	margin: 30px auto 0;
}

.blog_area ul li {
	width: 370px;
}

.blog_area .link {
	text-align: center;
	padding: 0 0 0 0;
}

.blog_area .link a {
	display: inline-block;
	color: #3676e1;
	font-size: 14px;
}

.fb-container {
	width: 100%;
}

.supporter_area {
	padding: 0 0 100px 0;
}

.supporter_area h2.tit span {
	color: #8fc320;
}

.supporter_area .txt_flex {
	padding: 50px 0 0 0;
}

.supporter_area .txt_flex li {
	width: 280px;
}

.supporter_area .txt_flex li h3 {
	font-weight: bold;
	font-size: 18px;
	padding: 10px 0 0 0;
	color: #000;
}

.supporter_area .txt_flex li .link a {
	font-size: 18px;
	color: #3676e1;
	border-bottom: 1px solid #3676e1;
}

.supporter_area .txt_flex li .txt {
	padding: 10px 0 0 0;
	line-height: 1.6em;
}

@media screen and (max-width: 800px) {
	.mv .box {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		display: block;
	}

	.mv .box_in {
		max-width: inherit;
		height: 100%;
	}

	.home .mv .box_in h1 {
		position: absolute;
		left: 20px;
		bottom: 20px;
		z-index: 2;
		width: 80%;
	}

	.mv .box_in .linktxt {
		position: absolute;
		z-index: 2;
		right: 5%;
		top: 10%;
		width: 30%;
	}

	.slider img {
		width: 100%;
		height: 400px;
		object-fit: cover;
	}

	.news_area {
		padding: 0 0 60px 0;
	}

	.news_area .tablink {
		display: block;
		padding: 20px 0 20px 0;
	}

	.news_area .tablink li a {
		display: block;
		width: 250px;
		line-height: 1.4em;
		padding: 10px 0;
		font-size: 16px;
		margin: 0 auto 10px;
	}

	.news_area .box {
		padding: 0 20px;
		box-sizing: border-box;
	}

	.news_area dl {
		padding: 15px 0;
		border-bottom: 1px solid #fff;
	}

	.news_area dl dt {
		width: 100%;
		display: block;
	}

	.news_area dl dd {
		font-size: 16px;
		display: block;
		padding: 10px 0 0 0;
	}

	.news_area .link {
		text-align: center;
		padding: 30px 0 0 0;
	}


	.txt_flex {
		display: block;
		padding: 0 20px;
	}

	.txt_flex li {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.txt_flex li .img {
		width: 290px;
		overflow: hidden;
		margin: 0 auto;
	}

	.txt_flex li dl dt {
		font-size: 20px;
		line-height: 1.4em;
		padding: 15px 0;
		text-align: center;
	}

	.home .area01 .box {
		padding: 60px 0 40px 0;
		position: relative;
	}

	.home .area01 .box .img01 {
		position: absolute;
		left: -50px;
		top: -50px;
		z-index: 4;
		width: 180px;
	}

	.home .area01 .box .img02 {
		position: absolute;
		right: -50px;
		top: -100px;
		z-index: 4;
		width: 170px;
	}

	.home .area01 .box .img03 {
		position: absolute;
		left: -20px;
		bottom: -150px;
		z-index: 4;
	}

	.home .area01 .box .img04 {
		position: absolute;
		right: -30px;
		bottom: -130px;
		z-index: 4;
		width: 180px;
	}

	.home .area01 .box .ico01 {
		display: none;
	}

	.home .area01 .box .ico02 {
		display: none;
	}

	.home .area02 .box {
		padding: 60px 0 80px 0;
		position: relative;
	}

	.home .area02 .box .img01 {
		position: absolute;
		left: -10px;
		bottom: -100px;
		z-index: 4;
		width: 200px;
	}

	.home .area02 .box .img02 {
		position: absolute;
		right: 10px;
		bottom: -80px;
		z-index: 4;
		width: 70px;
	}

	.home .area02 .box .ico01 {
		display: none;
	}

	.home .area02 .box .ico02 {
		display: none;
	}

	.home .area02 .box .btn {
		padding: 20px 0 40px 0;
		text-align: center;
	}

	.home .area02 .box .btn a {
		display: block;
		width: 280px;
		font-size: 18px;
		padding: 15px 0;
	}

	.home .area03 h2.tit {
		padding: 120px 0 30px 0;
	}

	.home .area03 .btnbox .linktxt {
		display: none;
	}

	.home .area03 .btn {
		padding: 0 0 100px 0;
	}

	.home .area03 .btn a {
		display: block;
		width: 280px;
		font-size: 22px;
		padding: 15px 0;
	}

	.home .line_area {
		padding: 60px 20px 0 20px;
	}

	.home .line_area .btn {
		padding: 20px 0 30px 0;
		width: 150px;
		margin: 0 auto;
	}

	.blog_area {
		padding: 60px 20px 40px 20px;
	}

	.blog_area ul {
		display: block;
		width: 100%;
		margin: 30px auto 0;
	}

	.blog_area ul li {
		width: 100%;
		text-align: center;
		height: 530px
	}

	.fb-page {
		display: block !important;
		width: 100%;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		max-height: 350px;
	}

	.supporter_area {
		padding: 0 20px 60px 20px;
	}

	.supporter_area .txt_flex {
		padding: 30px 0 0 0;
	}

	.supporter_area .txt_flex li {
		width: 100%;
		text-align: center;
	}

	.supporter_area .txt_flex li h3 {
		font-size: 16px;
		padding: 10px 0 0 0;
	}

	.supporter_area .txt_flex li .link a {
		font-size: 16px;
	}

	.supporter_area .txt_flex li .txt {
		padding: 10px 0 0 0;
		line-height: 1.6em;
		text-align: left;
	}
}

/* features
-------------------------------------------------------------------*/
.kaso .mv {
	height: 550px;
}

.kaso .mv .box {
	height: 550px;
}

.kaso .mv .box_in {
	height: 550px;
}

.kaso .mv .box_in h1 {
	position: absolute;
	right: 20px;
	bottom: 30px;
	z-index: 99;
}

.kaso .mv .mainimg img {
	width: 100%;
	height: 550px;
	object-fit: cover;
}

.kaso_area {
	position: relative;
	z-index: 1;
	background: #fff;
}

.features_wave {
	background: url(../img/features/wave.png) repeat-x;
	height: 66px;
}

.features .area01 {
	background: #63a7ed;
	color: #fff;
	padding: 0 0 80px 0;
}

.features .area01 .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
	position: relative;
}

.features .area01 .tit {
	color: #faf725;
	padding: 0 0 10px 0;
	font-size: 18px;
	line-height: 1.4em;
}

.features .area01 dt {
	font-size: 26px;
	line-height: 1.6em;
}

.features .area01 dd {
	font-size: 18px;
	line-height: 1.6em;
	padding: 15px 0 0 0;
}

.features .area01 .txtbox {
	width: 48%;
	position: relative;
}

.features .area01 .txtbox .ico {
	position: absolute;
	left: -200px;
	top: -100px;
	z-index: 6;
}

.features .area01 .txtbox .box_in {
	max-width: 469px;
	float: right;
	position: relative;
}

.features .area01 .box:nth-child(odd) .txtbox .box_in {
	float: none;
}

.features .area01 .img {
	width: 48%;
	height: 304px;
	border-radius: 30px 0 0 30px;
	background: url(../img/features/img01.jpg) no-repeat left center;
	background-size: cover;
}

.features .area01 .box02 .img {
	background: url(../img/features/img02.jpg) no-repeat left center;
	background-size: cover;
}

.features .area01 .box03 .img {
	background: url(../img/features/img03.jpg) no-repeat left center;
	background-size: cover;
}

.features .area01 .box04 .img {
	background: url(../img/features/img04.jpg) no-repeat left center;
	background-size: cover;
}

.features .area01 .box05 .img {
	background: url(../img/features/img05.jpg) no-repeat left center;
	background-size: cover;
	height: 380px;
}

.features .area01 .box03 .txtbox .ico02 {
	position: absolute;
	right: -150px;
	bottom: -70px;
	z-index: 6;
}

.features .area01 .box05 .ico02 {
	position: absolute;
	right: 15px;
	bottom: -30px;
	z-index: 6;
}

.features .area01 .box:nth-child(odd) .img {
	border-radius: 0 30px 30px 0;
}

.features .area01 .box:nth-child(odd) .txtbox {
	order: 1;
}

.features .area01 .box02 .txtbox .ico {
	right: -180px;
	top: -50px;
	z-index: 6;
	left: auto;
}

.features .area01 .box04 .txtbox .ico {
	right: -200px;
	top: 120px;
	z-index: 6;
	left: auto;
}

.features .area01 .box05 .txtbox .ico {
	left: -170px;
	top: 50px;
	z-index: 6;
}

.point_4 {
	background: url(../img/features/point_bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 0 0 100px 0;
	text-align: center;
}

.point_4 .box {
	margin: 100px auto 0;
	background: rgba(50, 126, 234, 0.6);
	padding: 30px 20px 100px 20px;
	color: #fff;
	border-radius: 50px;
	letter-spacing: 0.2em;
}

.point_4 .box dl {
	padding: 30px 0 0 0;
}

.point_4 .box dl dt {
	font-size: 17px;
	color: #fff000;
	padding: 0 0 5px 0;
}

.point_4 .box dl dd {
	font-size: 28px;
	line-height: 1.8em;
}

.sports_area {
	padding: 100px 20px 40px 20px;
}

.sports_area h2.tit {
	color: #327eea;
}

.sports_area ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 30px 0 0 0;
}

.sports_area ul li {
	width: 205px;
	padding: 0 0 60px 0;
}

.sports_area ul li dl dt {
	font-size: 18px;
	padding: 15px 0 10px 0;
	color: #327eea;
	text-align: center;
}

@media screen and (max-width: 800px) {
	.features.kaso .mv .box_in h1 {
		width: 90%;
	}

	.kaso .mv {
		height: 400px;
	}

	.kaso .mv .box {
		height: 400px;
	}

	.kaso .mv .box_in {
		height: 400px;
	}

	.kaso .mv .box_in h1 {
		position: absolute;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 70%;
		bottom: 30px;
		z-index: 99;
	}

	.kaso .mv .mainimg img {
		width: 100%;
		height: 400px;
		object-fit: cover;
	}

	.features .area01 {
		padding: 0 0 60px 0;
	}

	.features .area01 .box {
		display: block;
		padding: 20px 0;
		position: relative;
		clear: both;
	}

	.features .area01 .tit {
		font-size: 16px;
		line-height: 1.4em;
	}

	.features .area01 dt {
		font-size: 20px;
		line-height: 1.6em;
	}

	.features .area01 dd {
		font-size: 16px;
		line-height: 1.6em;
		padding: 10px 0 0 0;
	}

	.features .area01 .txtbox {
		width: 100%;
		position: relative;
		padding: 0 20px 20px 20px;
		box-sizing: border-box;
	}

	.features .area01 .txtbox .ico {
		position: absolute;
		left: auto;
		right: -20px;
		top: -100px;
		width: 120px;
		z-index: 6;
	}

	.features .area01 .txtbox .box_in {
		max-width: inherit;
		float: none;
		position: relative;
	}

	.features .area01 .img {
		width: 95%;
		float: right;
		height: 230px;
		box-sizing: border-box;
		margin: 0;
		border-radius: 30px 0 0 30px;
		background: url(../img/features/img01.jpg) no-repeat left center;
		background-size: cover;
	}

	.features .area01 .box02 .img {
		background: url(../img/features/img02.jpg) no-repeat left center;
		background-size: cover;
	}

	.features .area01 .box03 .img {
		background: url(../img/features/img03.jpg) no-repeat left center;
		background-size: cover;
	}

	.features .area01 .box04 .img {
		background: url(../img/features/img04.jpg) no-repeat left center;
		background-size: cover;
	}

	.features .area01 .box05 .img {
		background: url(../img/features/img05.jpg) no-repeat left center;
		background-size: cover;
		height: 280px;
	}

	.features .area01 .box03 .txtbox .ico02 {
		position: absolute;
		right: 10px;
		bottom: -130px;
		z-index: 6;
		display: none;
	}

	.features .area01 .box05 .ico02 {
		position: absolute;
		right: 15px;
		bottom: -30px;
		z-index: 6;
		width: 100px;
	}

	.features .area01 .box:nth-child(odd) .img {
		border-radius: 0 30px 30px 0;
		width: 95%;
		float: none;
	}

	.features .area01 .box02 .txtbox .ico {
		right: 10px;
		top: -180px;
		z-index: 0;
		left: auto;
		display: none;
	}

	.features .area01 .box04 .txtbox .ico {
		right: 10px;
		top: auto;
		bottom: -180px;
		z-index: 6;
		left: auto;
		display: none;
	}

	.features .area01 .box05 .txtbox .ico {
		left: 10px;
		top: -130px;
		z-index: 6;
		display: none;
	}

	.point_4 {
		background: url(../img/features/point_bg.jpg) no-repeat top center;
		background-size: cover;
		padding: 0 0 100px 0;
		text-align: center;
	}

	.point_4 .box {
		margin: 60px auto 0;
		width: 95%;
		padding: 30px 20px 40px 20px;
		box-sizing: border-box;
	}

	.point_4 .box h2 {
		width: 80%;
		margin: 20px auto 0;
	}

	.point_4 .box dl {
		padding: 30px 0 0 0;
	}

	.point_4 .box dl dt {
		font-size: 15px;
	}

	.point_4 .box dl dd {
		font-size: 18px;
		line-height: 1.8em;
	}

	.sports_area {
		padding: 60px 20px 40px 20px;
	}

	.sports_area ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 30px 0 0 0;
	}

	.sports_area ul li {
		width: 48%;
		padding: 0 0 30px 0;
	}

	.sports_area ul li .img {
		text-align: center;
	}

	.sports_area ul li dl dt {
		font-size: 18px;
		padding: 15px 0 10px 0;
		color: #327eea;
		text-align: center;
	}
}

/* message
-------------------------------------------------------------------*/
.message .area_01 {
	padding: 40px 20px 80px 20px;
}

.message h1.tit {
	color: #010101;
}

.message h1.tit span {
	color: #c0c0c0;
}

.message .area_01 .img {
	padding: 40px 0 60px 0;
}

.message .area_01 .txt {
	width: 680px;
	margin: 0 auto;
	line-height: 2em;
}

.message .video {
	width: 550px;
	margin: 0 auto 100px;
}

.message .area_02,
.message .area_04 {
	padding: 80px 20px 100px 20px;
	background: #f3f3f3;
}

.message .area_02 h2,
.message .area_04 h2 {
	text-align: center;
	font-size: 24px;
	padding: 0 0 30px 0;
	line-height: 1.4em;
	font-weight: bold;
}

.message .area_02 .box,
.message .area_04 .box {
	width: 740px;
	margin: 0 auto;
}

.message .area_02 .box .box_in,
.message .area_04 .box .box_in {
	padding: 0 0 60px 0;
}

.message .area_02 .box .box_in .txt,
.message .area_04 .box .box_in .txt {
	line-height: 1.8em;
}

.message .area_02 .box .box_in .btn {
	text-align: center;
	padding: 60px 0 0 0;
}

.message .area_02 .box .box_in .btn a {
	display: block;
	width: 430px;
	margin: 0 auto;
	background: url(../img/message/arrow.png) no-repeat 95% center #005bac;
	border: 1px solid #005bac;
	font-size: 24px;
	line-height: 1.6em;
	padding: 10px 0;
	color: #fff;
}

.message .area_03 {
	padding: 80px 20px 100px 20px;
}

.message .area_03 .box {
	padding: 60px 0 0 0;
	display: flex;
	color: #343333;
}

.message .area_03 .box .img {
	min-width: 360px;
	padding: 0 35px 0 0;
}

.message .area_03 .box .txtbox h3 {
	font-size: 34px;
	line-height: 1.3em;
}

.message .area_03 .box .txtbox h3 span {
	font-size: 18px;
	display: block;
}

.message .area_03 .box .txtbox p {
	line-height: 1.8em;
	padding: 25px 0 0 0;
}

@media screen and (max-width: 800px) {
	.message .area_01 {
		padding: 40px 20px 40px;
	}

	.message .area_01 .img {
		padding: 30px 0 40px 0;
	}

	.message .area_01 .txt {
		width: 100%;
		line-height: 2em;
	}

	.message .video {
		width: 100%;
		margin: 0 auto 60px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.message .area_02,
	.message .area_04 {
		padding: 60px 20px;
	}

	.message .area_02 h2,
	.message .area_04 h2 {
		font-size: 18px;
		padding: 0 0 20px 0;
		line-height: 1.4em;
	}

	.message .area_02 .box,
	.message .area_04 .box {
		width: 100%;
	}

	.message .area_02 .box .box_in,
	.message .area_04 .box .box_in {
		padding: 0 0 30px 0;
	}

	.message .area_02 .box .box_in .txt,
	.message .area_04 .box .box_in .txt {
		line-height: 1.8em;
	}

	.message .area_02 .box .box_in .btn {
		text-align: center;
		padding: 30px 0 0 0;
	}

	.message .area_02 .box .box_in .btn a {
		width: 280px;
		font-size: 18px;
		line-height: 1.6em;
		padding: 10px 0;
	}

	.message .area_03 {
		padding: 60px 20px;
	}

	.message .area_03 .box {
		padding: 30px 0 0 0;
		display: block;
	}

	.message .area_03 .box .img {
		min-width: inherit;
		text-align: center;
		padding: 0 0 20px 0;
	}

	.message .area_03 .box .txtbox h3 {
		font-size: 24px;
		line-height: 1.3em;
		text-align: center;
	}

	.message .area_03 .box .txtbox h3 span {
		font-size: 16px;
	}

	.message .area_03 .box .txtbox p {
		line-height: 1.8em;
		padding: 20px 0 0 0;
	}

}

/* company
-------------------------------------------------------------------*/
.company .area_01 {
	padding: 40px 20px 80px 20px;
}

.company h1.tit {
	color: #010101;
}

.company h1.tit span {
	color: #c0c0c0;
}

.company .area_01 .box {
	width: 850px;
	margin: 30px auto 0;
	color: #343333;
}

.company .area_01 .box dl {
	display: flex;
	align-items: stretch;
	margin: 0 0 15px 0;
}

.company .area_01 .box dl a {
	color: #343333;
}

.company .area_01 .box dl dt {
	min-width: 140px;
	background: #f2f4fd;
	padding: 5px;
	margin: 0 13px 0 0;
}

.company .area_01 .box dl dd {
	background: #f2f4fd;
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
}

.company .area_02 {
	padding: 80px 20px 100px 20px;
	background: #f3f3f3;
}

.company .area_02 h2 {
	text-align: center;
	font-size: 35px;
	padding: 0 0 30px 0;
	line-height: 1.4em;
	font-weight: bold;
}

.company .area_02 .box {
	width: 840px;
	margin: 0 auto;
}

.company .area_02 .box .txt {
	padding: 0 0 0 30px;
	border-left: 1px solid #404040;
	line-height: 1.8em;
}

.company .area_02 .box .txt dl {
	padding: 15px 0;
}

.company .area_03 {
	padding: 0 0 40px 0;
}

.company .area_03 h2 {
	font-size: 35px;
	line-height: 1.3em;
	padding: 100px 0 30px 0;
	text-align: center;
	font-weight: bold;
}

.company .area_03 h3 {
	font-size: 25px;
	line-height: 1.3em;
	padding: 0 0 60px 0;
	text-align: center;
	font-weight: bold;
}

.company .area_03 .box_in {
	padding: 0 0 60px 0;
}

.company .area_03 ul.link li a {
	display: inline-block;
	border-bottom: 1px solid #23b6e6;
	color: #23b6e6;
	font-size: 20px;
	line-height: 1.6em;
}

.company .area_03 ul.link01 li {
	padding: 0 0 30px 0;
}

.company .area_03 ul.link02 {
	display: flex;
	flex-wrap: wrap;
}


.company .area_03 ul.link02 li {
	padding: 0 0 30px 0;
	width: 50%;
}

@media screen and (max-width: 800px) {
	.company .area_01 {
		padding: 40px 20px 60px 20px;
	}

	.company .area_01 .box {
		width: 100%;
		margin: 30px auto 0;
	}

	.company .area_01 .box dl {
		display: block;
		margin: 0 0 15px 0;
	}

	.company .area_01 .box dl dt {
		min-width: inherit;
		margin: 0 0 10px 0;
	}

	.company .area_01 .box dl dd {
		padding: 5px;
		width: 100%;
	}

	.company .area_02 {
		padding: 60px 20px;
	}

	.company .area_02 h2 {
		font-size: 24px;
		padding: 0 0 20px 0;
		line-height: 1.4em;
	}

	.company .area_02 .box {
		width: 100%;
		margin: 0 auto;
	}

	.company .area_02 .box .txt {
		padding: 0 0 0 20px;
	}

	.company .area_02 .box .txt dl {
		padding: 10px 0;
	}

	.company .area_03 {
		padding: 0 20px 30px 20px;
	}

	.company .area_03 h2 {
		font-size: 24px;
		line-height: 1.3em;
		padding: 60px 0 40px 0;
	}

	.company .area_03 h3 {
		font-size: 18px;
		padding: 0 0 30px 0;
	}

	.company .area_03 .box_in {
		padding: 0 0 20px 0;
	}

	.company .area_03 ul.link li a {
		font-size: 16px;
		line-height: 1.6em;
	}

	.company .area_03 ul.link01 li {
		padding: 0 0 20px 0;
	}

	.company .area_03 ul.link02 {
		display: block;
	}


	.company .area_03 ul.link02 li {
		padding: 0 0 20px 0;
		width: 100%;
	}
}

/* service
-------------------------------------------------------------------*/
.service_wave {
	background: url(../img/service/wave.png) repeat-x;
	height: 66px;
}

.service .area_01 {
	background: #fffdd1;
}

.service .area_01 h2.tit {
	color: #ff0018;
}

.service .area_01 h2.tit span {
	color: #ff8200;
}

.service .area_01 .box {
	padding: 30px 0 70px 0;
	position: relative;
}

.service .txt_flex li {
	padding: 0 0 40px 0;
}

.service .area_01 .box .img01 {
	position: absolute;
	left: -100px;
	top: -100px;
	z-index: 3;
}

.service .area_01 .box .img02 {
	position: absolute;
	right: -150px;
	top: -150px;
	z-index: 3;
}

.service .area_01 .box .img03 {
	position: absolute;
	left: -100px;
	top: 50%;
	z-index: 3;
}

.service .area_01 .box .img04 {
	position: absolute;
	right: -200px;
	top: 50%;
	z-index: 3;
}

.service .area_01 .box .img05 {
	position: absolute;
	left: -200px;
	bottom: -50px;
	z-index: 9;
}

.service .area_01 .box .img06 {
	position: absolute;
	right: -100px;
	bottom: 50px;
	z-index: 9;
}

.service .point_4 {
	background: url(../img/service/point_bg.jpg) no-repeat top center;
	background-size: cover;
}

@media screen and (max-width: 800px) {
	.service.kaso .mv .box_in h1 {
		width: 90%;
	}

	.service .area_01 .box {
		padding: 20px 0 30px 0;
		position: relative;
	}

	.service .txt_flex li {
		padding: 0 0 30px 0;
	}

	.service .area_01 .box .img01 {
		position: absolute;
		left: -50px;
		top: -100px;
		z-index: 3;
		width: 180px;
	}

	.service .area_01 .box .img02 {
		position: absolute;
		right: -100px;
		top: -120px;
		z-index: 3;
		width: 200px;
	}

	.service .area_01 .box .img03 {
		position: absolute;
		left: -10px;
		top: 50%;
		z-index: 3;
		width: 100px;
	}

	.service .area_01 .box .img04 {
		position: absolute;
		right: -30px;
		top: 50%;
		z-index: 3;
		width: 150px;
	}

	.service .area_01 .box .img05 {
		position: absolute;
		left: -10px;
		bottom: -50px;
		z-index: 9;
		width: 200px
	}

	.service .area_01 .box .img06 {
		position: absolute;
		right: 20px;
		bottom: -10px;
		z-index: 9;
		width: 50px;
	}

}

/* private_lesson
-------------------------------------------------------------------*/
.private_lesson .video {
	width: 550px;
	margin: 100px auto 0;
}

.private_wave {
	background: url(../img/private_lesson/wave.png) repeat-x;
	height: 66px;
}

.private_lesson.kaso .mv .box_in h1 {
	left: 20px;
	bottom: 35%;
}

.schoolbox {
	padding: 30px 0 100px 0;
}

.private_lesson .area_01 h2.tit {
	color: #f75400;
}

.private_lesson .area_01 h2.tit span {
	color: #19da42;
}

.schoolbox .txt {
	line-height: 1.8em;
	font-size: 20px;
}

.private_lesson .area_02 {
	background: #f5f5f1;
	padding: 50px 20px;
}

.private_lesson .area_02 h2 {
	text-align: center;
	line-height: 1.6em;
	font-size: 36px;
	color: #005bac;
	padding: 0 0 70px 0;
}

.private_lesson .area_02 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.private_lesson .area_02 ul li {
	width: 50%;
	box-sizing: border-box;
	padding: 15px 0 15px 80px;
	margin: 0 0 30px 0;
	background: url(../img/private_lesson/ico.png) no-repeat left 10px;
	font-size: 24px;
	line-height: 1.6em;
	color: #005bac;
}

.sports_area .btn {
	text-align: center;
	padding: 30px 0 100px 0;
}

.sports_area .btn a {
	display: block;
	width: 300px;
	margin: 0 auto;
	color: #fff;
	font-size: 22px;
	line-height: 1.4em;
	padding: 15px 0;
	background: #00b5ff;
	border-radius: 100px;
	border: 2px solid #00b5ff;
	transition: all 0.3s;
}

.sports_area .btn a:hover {
	background: #fff;
	color: #00b5ff;
}

@media screen and (max-width: 800px) {
	.private_lesson .video {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		margin: 60px auto 0;
	}

	.private_lesson.kaso .mv .box_in h1 {
		left: 20px;
		bottom: 30px;
		right: auto;
	}

	.schoolbox {
		padding: 10px 20px 60px 20px;
	}

	.schoolbox .txt {
		font-size: 16px;
	}

	.private_lesson .area_02 {
		background: #f5f5f1;
		padding: 40px 20px;
	}

	.private_lesson .area_02 h2 {
		line-height: 1.6em;
		font-size: 22px;
		padding: 0 0 30px 0;
	}

	.private_lesson .area_02 ul {
		display: block;
	}

	.private_lesson .area_02 ul li {
		width: 100%;
		padding: 10px 0 10px 60px;
		margin: 0 0 10px 0;
		background: url(../img/private_lesson/ico.png) no-repeat left 7px;
		background-size: 50px;
		font-size: 18px;
		line-height: 1.6em;
	}

	.sports_area .btn {
		text-align: center;
		padding: 30px 0 100px 0;
	}

	.sports_area .btn a {
		width: 250px;
		font-size: 18px;
		line-height: 1.4em;
		padding: 10px 0;
		border: 2px solid #00b5ff;
	}
}

/* swimming
-------------------------------------------------------------------*/
.swimming_wave {
	background: url(../img/swimming/wave.png) repeat-x;
	height: 66px;
}

.swimming .area_01 h1.tit {
	color: #1b96c8;
}

.swimming .area_01 ul {
	max-width: 1160px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
}

.swimming .area_01 ul li {
	width: 31.5%;
}

.swimming .area_02 {
	background: #f5f5f1;
	padding: 50px 20px;
}

.swimming h2.tit02 {
	padding: 80px 0 50px 0;
	color: #1b96c8;
}

.price_area {
	padding: 0 0 90px 0;
}

.price_area h2.tit02 {
	padding: 80px 0 50px 0;
	color: #1b96c8;
}

.price_area dl {
	display: flex;
	align-items: stretch;
	margin: 0 0 15px 0;
	color: #343333;
	font-size: 22px;
	line-height: 1.3em;
}

.price_area dl dt {
	min-width: 270px;
	background: #f2f4fd;
	padding: 5px 10px;
	margin: 0 13px 0 0;
}

.price_area dl dd {
	background: #fbf5d5;
	padding: 5px 10px;
	width: 100%;
	box-sizing: border-box;
}

.swimming .area_02 {
	background: #edfbff;
}

.swimming .area_02 .box_in {
	padding: 0 0 50px 0;
	border-bottom: 1px solid #3d3d3d;
}

.swimming .area_02 .box_in.last {
	padding: 80px 0 50px 0;
	border-bottom: none;
}

.swimming .area_02 h3 {
	font-size: 24px;
	line-height: 1.6em;
	padding: 0 0 25px 0;
}

.swimming .area_02 dl {
	display: flex;
	font-size: 20px;
	line-height: 1.6em;
	padding: 0 0 10px 0;
}

.swimming .area_02 dl dt {
	width: 100px;
}

.swimming .area_02 dl dd a {
	color: #1c49f3;
	border-bottom: 1px solid #1c49f3;
}

.taiken_btn {
	padding: 40px 0 100px 0;
	text-align: center;
}

.taiken_btn a {
	display: block;
	color: #fff;
	border-radius: 100px;
	width: 310px;
	margin: 0 auto;
	line-height: 1.6em;
	padding: 15px 0;
	text-align: center;
	background: #fc8144;
	font-size: 22px;
	letter-spacing: 0.1em;
	border: 2px solid #fc8144;
	transition: all 0.3s;
}

.taiken_btn a:hover {
	color: #fc8144;
	background: #fff;
}

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

	.swimming.kaso .mv .box_in h1 {
		position: absolute;
		right: 20px;
		left: auto;
		width: 70%;
	}

	.swimming .area_01 ul {
		max-width: inherit;

	}

	.swimming .area_01 ul li {
		width: 31.5%;
		padding: 0 0 20px 0;
	}

	.swimming .area_02 {
		padding: 30px 20px;
	}

	.swimming h2.tit02 {
		padding: 30px 0 20px 0;
	}

	.price_area {
		padding: 0 20px 40px 20px;
	}

	.price_area h2.tit02 {
		padding: 40px 0 30px 0;
	}

	.price_area dl {
		display: block;
		margin: 0 0 10px 0;
		font-size: 17px;
		line-height: 1.3em;
	}

	.price_area dl dt {
		min-width: inherit;
		padding: 5px 10px;
		margin: 0 0 10px 0;
	}

	.price_area dl dd {
		padding: 5px 10px;
		width: 100%;
		box-sizing: border-box;
	}

	.swimming .area_02 .box_in {
		padding: 0 0 30px 0;
		border-bottom: 1px solid #3d3d3d;
	}

	.swimming .area_02 .box_in.last {
		padding: 40px 0 30px 0;
		border-bottom: none;
	}

	.swimming .area_02 h3 {
		font-size: 18px;
		line-height: 1.6em;
		padding: 0 0 20px 0;
	}

	.swimming .area_02 dl {
		display: block;
		font-size: 16px;
		line-height: 1.6em;
		padding: 0 0 10px 0;
	}

	.swimming .area_02 .last dl {
		padding: 15px 0;
		border-bottom: 1px dashed #343333;
	}

	.swimming .area_02 .last dl:last-child {
		border-bottom: none;
	}

	.swimming .area_02 dl dt {
		width: 100%;
	}

	.taiken_btn {
		padding: 20px 0 60px 0;
	}

	.taiken_btn a {
		width: 280px;
		line-height: 1.6em;
		padding: 15px 0;
		background: #fc8144;
		font-size: 18px;
	}

}

/* gymnastics
-------------------------------------------------------------------*/
.gymnastics_wave {
	background: url(../img/gymnastics/wave.png) repeat-x;
	height: 66px;
}

.gymnastics .area_01 h2.tit {
	color: #1dae4d;
}

.gymnastics .area_01 h2.tit span {
	color: #1b96c8;
}

.shimotakaido .area_02 {
	position: relative;
}

.shimotakaido .area_02 .box {
	max-width: 1060px;
	margin: 0 auto;
}

.shimotakaido .area_02 ul {
	display: flex;
	justify-content: space-between;
}

.shimotakaido .area_02 ul li {
	width: 32%;
}

.shimotakaido .area_02 .box_in {
	margin: 30px 0;
	background: #ffffff;
	padding: 40px 50px;
}

.shimotakaido .area_02 h2.tit {
	padding: 0 0 30px 0;
	color: #f75400;
	letter-spacing: 0;
}

.shimotakaido .area_02 .txt {
	line-height: 2em;
	font-size: 18px;
}

.shimotakaido .area_02 .bg {
	position: absolute;
	top: 100px;
	width: 100%;
	z-index: -1;
}

.shimotakaido .area_02 .wave02 {
	top: 15px;
}

.shimotakaido .area_02 .bg .bg_box {
	height: 770px;
	background: #1dae4d;
	width: 100%;
}

.shimotakaido .area_02 .txt02 {
	font-size: 20px;
	line-height: 1.6em;
	padding: 80px 0 40px 0;
}

.m_btn {
	text-align: center;
}

.m_btn a {
	display: block;
	color: #fff;
	border-radius: 100px;
	width: 310px;
	margin: 0 auto;
	line-height: 1.6em;
	padding: 15px 0;
	text-align: center;
	background: #1dae4d;
	font-size: 22px;
	letter-spacing: 0.1em;
	border: 2px solid #1dae4d;
	transition: all 0.3s;
}

.m_btn a:hover {
	color: #1dae4d;
	background: #fff;
}

.shimotakaido .area_02 .box02 .img {
	margin: 90px 0 60px 0;
	height: 350px;
	width: 100%;
	background: url(../img/gymnastics/bg.jpg) no-repeat center center;
	background-size: cover;
}

.shimotakaido .area_02 .box02 .txt03 {
	font-size: 24px;
	line-height: 1.6em;
}

.shimotakaido .video {
	width: 550px;
	margin: 60px auto 100px;
}

.price_area02 {
	padding: 0;
}

.price_area02 .box {
	background: #ff7323;
	padding: 0 0 100px 0;
}

.price_area02 .box h2 {
	color: #fff;
}

.wave03 {
	background: url(../img/common/wave03.png) repeat-x;
	top: 2px;
}

.price_area02 dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.price_area02 dl dd {
	line-height: 1.6em;
}

.shimotakaido .area_03 {
	background: #edfbff;
	padding: 100px 0 0 0;
	font-size: 20px;
}

.shimotakaido .area_03 h2.tit {
	color: #1b96c8;
	padding: 0 0 50px 0;
}

.shimotakaido .area_03 h3 {
	font-size: 24px;
	padding: 0 0 30px 0;
}

.shimotakaido .area_03 dl {
	display: flex;
	line-height: 1.6em;
	padding: 0 0 5px 0;
}

.shimotakaido .area_03 dl dt {
	width: 100px;
}

.shimotakaido .area_03 .map {
	padding: 50px 0;
	width: 500px;
	margin: 0 auto;
}

.shimotakaido .area_03 .map iframe {
	border: 0;
	width: 100%;
	height: 380px;
}

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

	.shimotakaido.kaso .mv .box_in h1 {
		width: 100%;
		bottom: 30px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.shimotakaido .area_02 .box {
		max-width: inherit;
	}

	.shimotakaido .area_02 .spbox {
		background: #1dae4d;
		padding: 30px 20px;
	}

	.shimotakaido .area_02 .box_in {
		margin: 20px 0;
		padding: 30px 20px;
	}

	.shimotakaido .area_02 h2.tit {
		padding: 0 0 20px 0;
		text-align: left;
	}

	.shimotakaido .area_02 .txt {
		line-height: 2em;
		font-size: 16px;
	}

	.shimotakaido .area_02 .bg {
		display: none;
	}

	.shimotakaido .area_02 .wave02 {
		top: 15px;
	}

	.shimotakaido .area_02 .bg .bg_box {
		height: 770px;
		background: #1dae4d;
		width: 100%;
	}

	.shimotakaido .area_02 .txt02 {
		font-size: 16px;
		line-height: 1.6em;
		padding: 40px 20px 40px 20px;
	}

	.m_btn {
		text-align: center;
	}

	.m_btn a {
		width: 280px;
		line-height: 1.6em;
		padding: 15px 0;
		font-size: 18px;
	}

	.m_btn a:hover {
		color: #1dae4d;
		background: #fff;
	}

	.shimotakaido .area_02 .box02 .img {
		margin: 60px 0 40px 0;
		height: 300px;
	}

	.shimotakaido .area_02 .box02 .txt03 {
		font-size: 18px;
		line-height: 1.6em;
		padding: 0 20px;
	}

	.shimotakaido .video {
		width: 100%;
		margin: 60px auto 60px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.price_area02 {
		padding: 0;
	}

	.price_area02 .box {
		padding: 0 20px 60px 20px;
	}

	.price_area02 dl dt {
		display: block;
	}

	.price_area02 dl dd {
		line-height: 1.6em;
	}

	.shimotakaido .area_03 {
		padding: 60px 20px 0 20px;
		font-size: 16px;
	}

	.shimotakaido .area_03 h2.tit {
		padding: 0 0 30px 0;
	}

	.shimotakaido .area_03 h3 {
		font-size: 20px;
		padding: 0 0 30px 0;
	}

	.shimotakaido .area_03 dl {
		display: block;
		line-height: 1.6em;
		padding: 15px 0;
		border-bottom: 1px dashed #343333;
	}

	.shimotakaido .area_03 dl.last {
		border-bottom: none;
	}

	.shimotakaido .area_03 dl dt {
		width: 100%;
	}

	.shimotakaido .area_03 .map {
		padding: 30px 0;
		width: 100%;
		margin: 0 auto;
	}

	.shimotakaido .area_03 .map iframe {
		height: 280px;
	}
}

/* cheerdance
-------------------------------------------------------------------*/
.cheerdance.kaso .mv .box_in .tit {
	position: relative;
	left: -20px;
	top: 30px;
}

.cheerdance_wave {
	background: url(../img/cheerdance/wave.png) repeat-x;
	height: 66px;
}

.cheerdance .area_01 h2.tit {
	color: #f46398;
}

.cheerdance .area_02 .bg .bg_box {
	height: 530px;
	background: #ff8dd8;
}

.cheerdance .area_02 h2.tit {
	color: #ff8dd8;
}

.cheerdance .m_btn a {
	background: #ff8dd8;
	border: 2px solid #ff8dd8;
}

.cheerdance .m_btn a:hover {
	color: #ff8dd8;
	background: #fff;
}

.cheerdance .area_02 .box02 .img {
	background: url(../img/cheerdance/bg.jpg) no-repeat center center;
	background-size: cover;
}

.price_area02 dl dd span {
	display: block;
	font-size: 18px;
}

@media screen and (max-width: 800px) {
	.cheerdance.kaso .mv .box_in .tit {
		position: relative;
		left: 0;
		top: 90px;
		width: 250px;
	}


	.cheerdance .area_02 .bg .bg_box {
		display: none;
	}

	.cheerdance.shimotakaido .area_02 .spbox {
		background: #ff8dd8;
	}

	.cheerdance .m_btn a:hover {
		color: #ff8dd8;
		background: #fff;
	}

	.cheerdance .area_02 .box02 .img {
		background: url(../img/cheerdance/bg.jpg) no-repeat center center;
		background-size: cover;
	}

	.price_area02 dl dd span {
		font-size: 14px;
	}
}

/* camp
-------------------------------------------------------------------*/
.camp .video {
	width: 550px;
	margin: 0 auto 30px;
}

.camp_wave {
	background: url(../img/camp/wave.png) repeat-x;
	height: 66px;
}

.camp.kaso .mv .box_in h1 {
	right: auto;
	left: 20px;
}

.camp .area_01 {
	text-align: center;
}

.camp .area_01 h2.tit {
	color: #ff7323;
}

.camp .area_01 h2.tit span {
	color: #8a8989;
}

.camp .area_01 .img {
	padding: 60px 0;
}

.camp .area_01 ul {
	display: flex;
	justify-content: center;
}

.camp .area_01 ul li {
	margin: 0 20px;
	padding: 0;
}

.camp .area_01 ul li:first-child a {
	background: #6db92e;
	border: 2px solid #6db92e;
}

.camp .area_01 ul li:first-child a:hover {
	color: #6db92e;
	background: #fff;
}

.camp .area_02 .titbox {
	text-align: center;
}

.camp .area_02 .titbox .bg {
	height: 100px;
	width: 100%;
	background: url(../img/camp/bg.png) no-repeat top center;
	background-size: cover;
}

.camp .area_02 .titbox .box_in {
	background: #1dae4d;
	padding: 0 0 40px 0;
	color: #fff;
}

.camp .area_02 .titbox .box_in h2 {
	color: #fff;
	font-size: 34px;
	padding: 30px 0 20px 0;
	line-height: 1.4em;
}

.camp .area_02 .titbox .box_in p {
	font-size: 22px;
	line-height: 1.6em;
}

.camp .area_02 .titbox .box_in p span {
	color: #fdfb47;
}

.camp .area_02 .box {
	background: #fafbd2;
	padding: 30px 0 80px 0;
}

.camp .area_02 .box .box_in {
	width: 680px;
	margin: 0 auto;
}

.camp .area_02 .box .box_in dl {
	padding: 25px 0;
	border-bottom: 1px solid #3a3a3a;
}

.camp .area_02 .box .box_in dl dt {
	text-align: center;
	font-size: 22px;
	line-height: 1.5em;
}

.camp .area_02 .box .box_in dl dd {
	display: flex;
	align-items: center;
	padding: 15px 0 0 100px;

}

.camp .area_02 .box .box_in dl dd .ico {
	width: 70px;
	height: 70px;
	background: #006eb8;
	border-radius: 50%;
	color: #fff;
	transform: rotate(-10deg);
	display: flex;
	justify-content: center;
	align-items: center;
}

.camp .area_02 .box .box_in dl dd .ico span {
	font-size: 24px;
}

.camp .area_02 .box .box_in dl dd .txt {
	color: #006eb8;
	font-size: 46px;
	line-height: 1.5em;
	padding: 0 0 0 20px;
}

.camp_wave02 {
	background: url(../img/camp/wave02.png) repeat-x;
	height: 13px;
	top: 0;
}

.camp .area_03 {
	text-align: center;
	padding: 80px 20px 40px 20px;
}

.camp .area_03 h2 {
	font-size: 36px;
	color: #ff7323;
	line-height: 1.6em;
}

.camp .area_03 ul {
	display: flex;
	justify-content: space-between;
	padding: 80px 0 60px 0;
}

.camp .area_03 ul .txt {
	font-size: 24px;
	color: #006eb8;
	padding: 10px 0 0 0;
}

@media screen and (max-width: 800px) {
	.camp .video {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		margin: 0 0 30px 0;
	}

	.camp.kaso .mv .box_in h1 {
		right: auto;
		left: 20px;
	}

	.camp .schoolbox .txt {
		text-align: left;
	}

	.camp .area_01 .img {
		padding: 30px 0 40px 0;
	}

	.camp .area_01 ul {
		display: block;
	}

	.camp .area_01 ul li {
		margin: 0;
		padding: 15px 0 0 0;
	}

	.camp .area_02 .titbox {
		text-align: left;
	}

	.camp .area_02 .titbox .bg {
		height: 100px;
		width: 100%;
		background: url(../img/camp/bg.png) no-repeat top center;
		background-size: cover;
	}

	.camp .area_02 .titbox .box_in {
		padding: 0 20px 30px 20px;
	}

	.camp .area_02 .titbox .box_in h2 {
		color: #fff;
		font-size: 22px;
		padding: 0 0 20px 0;
	}

	.camp .area_02 .titbox .box_in p {
		font-size: 18px;
		line-height: 1.6em;
	}

	.camp .area_02 .box {
		padding: 30px 20px 60px 20px;
	}

	.camp .area_02 .box .box_in {
		width: 100%;
	}

	.camp .area_02 .box .box_in dl {
		padding: 15px 0;
	}

	.camp .area_02 .box .box_in dl dt {
		font-size: 18px;
		line-height: 1.5em;
	}

	.camp .area_02 .box .box_in dl dd {
		display: block;
		padding: 15px 0 0 0;

	}

	.camp .area_02 .box .box_in dl dd .ico {
		width: 60px;
		height: 60px;
		margin: 0 auto;
	}

	.camp .area_02 .box .box_in dl dd .ico span {
		font-size: 20px;
	}

	.camp .area_02 .box .box_in dl dd .txt {
		font-size: 24px;
		line-height: 1.5em;
		padding: 5px 0 0 0;
		text-align: center;
	}

	.camp .area_03 {
		text-align: center;
		padding: 60px 20px 30px 20px;
	}

	.camp .area_03 h2 {
		font-size: 22px;
		line-height: 1.6em;
	}

	.camp .area_03 ul {
		display: block;
		padding: 30px 0 20px 0;
	}

	.camp .area_03 ul li {
		width: 100%;
		padding: 20px 0 0 0;
	}

	.camp .area_03 ul .txt {
		font-size: 18px;
		padding: 10px 0 0 0;
	}

}

/* price_page
-------------------------------------------------------------------*/
.price_wave {
	background: url(../img/price/wave.png) repeat-x;
	height: 66px;
}

.price_page .area_01 h2.tit {
	color: #ff7323;
}

.price_page .area_01 h2.tit span {
	color: #8a8989;
}

.price_page .area_01 ul {
	background: #f9e574;
	font-size: 36px;
	line-height: 1.4em;
	height: 160px;
	padding: 0 0 0 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 60px auto 0;
}

.price_page .area_01 ul li {
	text-align: center;
}

.price_page .area_01 ul li.ico {
	padding: 0 60px;
}

.price_page .price_area02 .box h2 {
	color: #3a3a3a;
}

.price_page .price_area02 .box {
	background: #fff;
	padding: 0 0 60px 0;
}

.price_page .price_area dl dt {
	background: #ddf6fe;
}

.price_page .plus {
	text-align: center;
	line-height: 1.4em;
	font-size: 75px;
	color: #b8b5b5;
}

.price_page .area_03 .box {
	background: #fc8144;
	padding: 30px 0;
	text-align: center;
}

.price_page .area_03 .price_wave {
	top: 10px;
}

.price_page .area_03 .planbox {
	padding: 40px 0 80px 0;
}

.price_page .area_03 .course {
	background: #fff;
	padding: 30px 0;
	border-radius: 20px;
	font-size: 22px;
}

.price_page .area_03 .course h4 {
	font-size: 28px;
	line-height: 1.4em;
	font-weight: bold;
	padding: 0 0 30px 0;
}

.price_page .area_03 .course h4 span {
	font-size: 22px;
	padding: 0 0 0 40px;
}

.price_page .area_03 .course p {
	line-height: 1.4em;
}

.price_page .area_03 .course h5 {
	padding: 0 0 30px 0;
	font-weight: bold;
}

.price_page .area_03 .course h5.last {
	padding: 40px 0 30px 0;
}

.price_page .area_03 .course ul {
	width: 780px;
	margin: 0 auto;
	border-bottom: 1px solid #3d3d3d;
	text-align: center;
}

.price_page .area_03 .course ul:last-child {
	border-bottom: none;
}


.price_page .area_03 .course dl {
	display: flex;
	text-align: left;
	padding: 0 0 40px 130px;
	position: relative;
}

.price_page .area_03 .course dl dt {
	min-width: 250px;
	box-sizing: border-box;
	position: relative;
	padding: 0 0 0 70px;
}

.price_page .area_03 .course dl dt:after {
	background: url(../img/price/ico01.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: -15px;
	width: 50px;
	height: 50px;
	content: "A";
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.price_page .area_03 .course dl dd {
	text-align: left;
}

.price_page .area_03 .course li:nth-child(2) dl dt:after {
	content: "B";
}

.price_page .area_03 .course li:nth-child(3) dl dt:after {
	content: "C";
}

.price_page .area_03 .course li:nth-child(4) dl dt:after {
	background: url(../img/price/ico02.png) no-repeat center center;
	content: "D";
}

.price_page .area_03 .course li:nth-child(5) dl dt:after {
	background: url(../img/price/ico02.png) no-repeat center center;
	content: "E";
}

.price_page .area_03 .course li:nth-child(6) dl dt:after {
	background: url(../img/price/ico02.png) no-repeat center center;
	content: "F";
}

.price_page .area_03 .course ul:last-child li dl dt:after {
	background: url(../img/price/ico03.png) no-repeat center center;
	content: "G";
}

.price_page .area_03 .course ul:last-child li:nth-child(2) dl dt:after {
	content: "H";
}

.price_page .area_03 .course ul:last-child li:nth-child(3) dl dt:after {
	content: "I";
}

.price_page .area_03 .course ul:last-child dl {
	padding: 0 0 40px 200px;
}

.price_page .area_03 .kome {
	text-align: right;
	font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #fff;
	font-size: 18px;
	padding: 10px 0 0 0;
	font-weight: normal;
}

.price_page .area_03 .course .txt {
	line-height: 2em;
}

.price_page .area_03 .course .taiken_btn {
	padding: 30px 0 40px 0;
}

.price_page .area_03 .price_wave02 {
	top: -11px;
}

.price_page .area_04 {
	padding: 25px 20px 60px 20px;
	font-size: 22px;
}

.price_page .area_04 dl {
	display: flex;
	justify-content: center;
	line-height: 1.6em;
	color: #fc8144;
}

.price_page .area_04 dl dt {
	padding: 0 40px 0 0;
}

.price_page .area_04 p {
	color: #fc446f;
	padding: 30px 0 0 0;
	text-align: center;
}

@media screen and (max-width: 800px) {
	.price_page.kaso .mv .box_in h1 {
		text-align: right;
		right: 20px;
		left: auto;
	}

	.price_page .area_01 ul {
		font-size: 20px;
		height: auto;
		padding: 20px;
		display: block;
		margin: 30px auto 0;
	}

	.price_page .area_01 ul li {
		text-align: center;
	}

	.price_page .area_01 ul li.ico {
		padding: 0 60px;
	}

	.price_page .price_area02 .box {
		padding: 0 20px 30px 20px;
	}

	.price_page .plus {
		font-size: 40px;
	}

	.price_page .area_03 .box {
		padding: 30px 20px;
	}

	.price_page .area_03 .planbox {
		padding: 30px 0 20px 0;
	}

	.price_page .area_03 .planbox h3 img {
		height: 30px;
		width: auto;
	}

	.price_page .area_03 .course {
		padding: 30px 20px;
		font-size: 16px;
	}

	.price_page .area_03 .course h4 {
		font-size: 20px;
		padding: 0 0 20px 0;
	}

	.price_page .area_03 .course h4 span {
		font-size: 18px;
		display: block;
		padding: 5px 0 0 0;
	}

	.price_page .area_03 .course p {
		line-height: 1.4em;
	}

	.price_page .area_03 .course h5 {
		padding: 0 0 30px 0;
		font-weight: bold;
	}

	.price_page .area_03 .course h5.last {
		padding: 30px 0 30px 0;
	}

	.price_page .area_03 .course ul {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}


	.price_page .area_03 .course dl {
		display: block;
		padding: 0 0 30px 0;
		position: relative;
		display: inline-block;
	}

	.price_page .area_03 .course dl dt {
		min-width: inherit;
		box-sizing: border-box;
		position: relative;
		padding: 0 0 20px 70px;
	}

	.price_page .area_03 .course dl dd {
		text-align: center;
	}

	.price_page .area_03 .course ul:last-child dl {
		padding: 0 0 30px 0;
	}

	.price_page .area_03 .kome {
		font-size: 16px;
		padding: 5px 0 0 0;
	}

	.price_page .area_03 .course .taiken_btn {
		padding: 30px 0 20px 0;
	}

	.price_page .area_04 {
		padding: 20px 20px 40px 20px;
		font-size: 18px;
	}

	.price_page .area_04 dl dt {
		padding: 0 20px 0 0;
	}

	.price_page .area_04 p {
		padding: 20px 0 0 0;
	}
}

/* teachers
-------------------------------------------------------------------*/
.teachers_wave {
	background: url(../img/teachers/wave.png) repeat-x;
	height: 66px;
}

.teachers .area_01 h1.tit {
	color: #005bac;
}

.teachers .area_01 h1.tit span {
	color: #ff8200;
}

.teachers .teacher_box {
	width: 960px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.teachers .teacher_box li {
	width: 25%;
	padding: 0 0 90px 0;
}

.teachers .teacher_box li .img {
	text-align: center;
	overflow: hidden;
}

.teachers .teacher_box li .img img {
	transition: 1s all;
}

.teachers .teacher_box li a:hover .img img {
	transform: scale(1.2, 1.2);
	transition: 1s all;
}

.teachers .teacher_box li dl {
	padding: 10px;
}

.teachers .teacher_box li dl dt {
	font-size: 24px;
	line-height: 1.4em;
}

.teachers .teacher_box li dl .name {
	font-size: 18px;
	line-height: 1.4em;
	color: #a9a8a8;
}

.teachers .teacher_box li dl .txt {
	font-size: 14px;
}

@media screen and (max-width: 800px) {
	.teachers.kaso .mv .box_in h1 {
		width: 90%;
	}

	.teachers .teacher_box {
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 20px 40px 20px;
		justify-content: center;
	}

	.teachers .teacher_box li {
		width: 50%;
		padding: 0 0 30px 0;
	}

	.teachers .teacher_box li a {
		width: 100%;
	}

	.teachers .teacher_box li dl {
		padding: 10px;
		text-align: center;
	}

	.teachers .teacher_box li dl dt {
		font-size: 18px;
	}

	.teachers .teacher_box li dl .name {
		font-size: 16px;
	}

	.teachers .teacher_box li dl .txt {
		font-size: 14px;
		text-align: left;
	}
}

/* teachers_detail
-------------------------------------------------------------------*/
.teachers_detail .area_01 {
	padding: 80px 20px;
}

.teachers_detail .area_01 .mainimg {
	text-align: center;
	width: 500px;
	margin: 0 auto;
	position: relative;
}

.teachers_detail .area_01 .mainimg .linktxt {
	position: absolute;
	right: -300px;
	top: -50px;
}

.teachers_detail .area_01 .titbox {
	text-align: center;
	color: #1b96c8;
	padding: 30px 0;
}

.teachers_detail .area_01 .titbox h1 {
	font-size: 35px;
	line-height: 1.4em;
}

.teachers_detail .area_01 .titbox .yomi {
	font-size: 18px;
	line-height: 1.4em;
}

.teachers_detail .area_01 .profile {
	width: 870px;
	margin: 0 auto;
}

.teachers_detail .area_01 .profile dl {
	display: flex;
	font-size: 18px;
	line-height: 2em;
	padding: 0 0 5px 0;
}

.teachers_detail .area_01 .profile dl dt {
	min-width: 120px;
}

.teachers_detail .area_02 {
	background: #edfbff;
	padding: 70px 20px;
	font-size: 17px;
}

.teachers_detail .area_02 .box_in {
	padding: 0 0 60px 0;
}

.teachers_detail .area_02 .box_in ul {
	/*
	display:flex;
	justify-content:space-between;*/
}

.teachers_detail .area_02 .box_in ul li {
	min-width: 48%;
}

.teachers_detail .area_02 .box_in ul li:nth-child(2) {
	padding: 60px 0 0 0;
}

.teachers_detail .area_02 h3 {
	font-size: 28px;
	line-height: 1.4em;
	padding: 0 0 30px 0;
}

.teachers_detail .area_02 .txt {
	line-height: 1.8em;
}

@media screen and (max-width: 800px) {
	.teachers_detail .area_01 {
		padding: 40px 20px;
	}

	.teachers_detail .area_01 .mainimg {
		text-align: center;
		width: 100%;
	}

	.teachers_detail .area_01 .mainimg .linktxt {
		right: 10px;
		top: 0;
		width: 30%;
	}

	.teachers_detail .area_01 .titbox {
		padding: 20px 0;
	}

	.teachers_detail .area_01 .titbox h1 {
		font-size: 22px;
	}

	.teachers_detail .area_01 .titbox .yomi {
		font-size: 16px;
	}

	.teachers_detail .area_01 .profile {
		width: 100%;
		margin: 0 auto;
	}

	.teachers_detail .area_01 .profile dl {
		display: block;
		font-size: 16px;
		line-height: 2em;
		padding: 10px 0;
		border-bottom: 1px solid #343333;
	}

	.teachers_detail .area_01 .profile dl dt {
		min-width: inherit;
		padding: 0 0 0 0;
	}

	.teachers_detail .area_02 {
		padding: 40px 20px;
		font-size: 15px;
	}

	.teachers_detail .area_02 .box_in {
		padding: 0 0 30px 0;
	}

	.teachers_detail .area_02 .box_in ul {
		display: block;
	}

	.teachers_detail .area_02 .box_in ul li {
		width: 100%;
		padding: 0 0 30px 0;
	}

	.teachers_detail .area_02 .box_in ul li:nth-child(2) {
		padding: 0;
	}

	.teachers_detail .area_02 h3 {
		font-size: 20px;
		padding: 0 0 20px 0;
	}

	.teachers_detail .area_02 .txt {
		line-height: 1.8em;
	}
}

/* news_list
-------------------------------------------------------------------*/
.news_list {
	padding: 150px 0;
	background: url(../img/news_list/bg.png);
	background-size: cover;
}

.news_list .news_area {
	background: none;
}

.news_list .news_area .box {
	position: relative;
}

.news_list h1.tit {
	padding: 0 0 50px 0;
}

.news_list h1.tit span {
	color: #faf725;
}

.news_list .linktxt {
	position: absolute;
	right: -100px;
	top: -150px;
}

@media screen and (max-width: 800px) {
	.news_list {
		padding: 60px 0;
	}


	.news_list h2.tit {
		padding: 40px 0 0 0;
	}

	.news_list .linktxt {
		position: absolute;
		right: 10px;
		top: -20px;
		width: 30%
	}
}

/* voice
-------------------------------------------------------------------*/
.voice .area_01 h2.tit {
	color: #8bc118;
}

.voice .area_01 h2.tit span {
	color: #ff8200;
}

.voice .area_02 {
	padding: 0 0 90px 0;
}

.voice .tablink {
	display: flex;
	position: relative;
}

.voice .tablink li {
	width: 50%;
	position: relative;
}

.voice .tablink li:last-child a:after {
	background: #f59e2d;
}

.voice .tablink a {
	color: #fff;
	width: 100%;
	display: block;
	text-align: center;
	padding: 25px 0;
	font-size: 30px;
	line-height: 1.6em;
	background: #57bffb;
	border-radius: 30px 30px 0 0;
	position: relative;
}

.voice .tablink li:last-child a {
	background: #f59e2d;
}

.voice .tab:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 10px;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	background: #57bffb;
}

.voice .tab {
	position: relative;
	padding: 50px 0 0 0;
}

.voice .tab dl {
	padding: 40px 0;
	border-bottom: 1px solid #666666;
}

.voice .tab dl dt {
	font-size: 30px;
	line-height: 1.4em;
	color: #57bffb;
	padding: 0 0 20px 0;
}

.voice #tab02.tab dl dt {
	color: #f59e2d;
}

.voice .tab dl dd {
	line-height: 1.8em;
}

.voice .tab dl dd.name {
	text-align: right;
	padding: 20px 0 0 0;
}

.voice #tab02 {
	display: none;
}

.voice #tab02.tab:after {
	background: #f59e2d;
}

@media screen and (max-width: 800px) {
	.voice.kaso .mv .box_in h1 {
		width: 95%;
	}

	.voice .area_02 {
		padding: 0 20px 40px 20px;
	}

	.voice .tablink li {
		width: 50%;
		position: relative;
	}

	.voice .tablink a {
		color: #fff;
		width: 100%;
		text-align: center;
		padding: 15px 0;
		font-size: 15px;
		line-height: 1.6em;
	}

	.voice .tab {
		padding: 30px 0 0 0;
	}

	.voice .tab:after {
		height: 5px;
	}

	.voice .tab dl {
		padding: 20px 0;
		border-bottom: 1px solid #666666;
	}

	.voice .tab dl dt {
		font-size: 20px;
		padding: 0 0 20px 0;
	}

	.voice .tab dl dd.name {
		text-align: right;
		padding: 20px 0 0 0;
	}

	.voice #tab02 {
		display: none;
	}

	.voice #tab02.tab:after {
		background: #f59e2d;
	}
}

/* for_school
-------------------------------------------------------------------*/
.for_school .video {
	width: 550px;
	margin: 100px auto 0;
}

.for_school .area_01 {
	background: #f4efef;
	position: relative;
}

.for_school .area_01 .titbox {
	position: relative;
}

.for_school .area_01 .bg {
	position: absolute;
	width: 640px;
	height: 640px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -50px;
	border-radius: 50%;
	background: #fff;
}

.for_school .area_01 .ico {
	text-align: center;
	position: relative;
	z-index: 2;
}

.for_school .area_01 h2.tit {
	color: #8bc118;
}

.for_school .area_01 h2.tit span {
	color: #ff8200;
}

.for_school .area_01 .schoolbox a {
	color: #005bac;
}

.for_school .area_02 {
	padding: 90px 20px 0 20px;
}

.for_school .area_02 .box {
	padding: 0 0 30px 0;
}

.for_school .area_02 h3 {
	color: #5e82f7;
	font-size: 36px;
	line-height: 1.4em;
	padding: 0 0 25px 0;
}

.for_school .area_02 .box_in02 h3 {
	color: #f59e2d;
	padding: 40px 0 25px 0;
}

.for_school .area_02 .txt {
	font-size: 18px;
	line-height: 1.8em;
}

.for_school .area_02 .slider {
	padding: 50px 0;
}

.for_school .area_02 .slider li {
	padding: 0 10px;
}

.for_school .area_03 {
	background: #f4efef;
	padding: 0 20px;
	font-size: 18px;
}

.for_school .area_03 .box {
	width: 900px;
	margin: 0 auto 40px;
}

.for_school .area_03 h3 {
	text-align: center;
	font-size: 24px;
	padding: 100px 0 40px 0;
}

.for_school .area_03 ul {
	display: flex;
}

.for_school .area_03 ul li {
	width: 50%;
}


.for_school .area_03 .txt {
	line-height: 1.8em;
}

@media screen and (max-width: 800px) {
	.for_school .video {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		margin: 60px 0 0 0;
	}

	.for_school.kaso .mv .box_in h1 {
		width: 95%;
	}

	.for_school .area_01 .bg {
		display: none;
	}

	.for_school .area_01 .titbox {
		background: #fff;
		border-radius: 30px;
		padding: 30px 20px;
		max-width: 93%;
		box-sizing: border-box;
		margin: 0 auto;
		position: relative;
		top: -10px;
	}

	.for_school .area_01 .ico {
		width: 70%;
		margin: 0 auto;
	}


	.for_school .area_02 {
		padding: 60px 20px 0 20px;
	}

	.for_school .area_02 .box {
		padding: 0 0 30px 0;
	}

	.for_school .area_02 h3 {
		font-size: 24px;
		line-height: 1.4em;
		padding: 0 0 20px 0;
	}

	.for_school .area_02 .box_in02 h3 {
		padding: 30px 0 20px 0;
	}

	.for_school .area_02 .txt {
		font-size: 16px;
		line-height: 1.8em;
	}

	.for_school .area_02 .slider {
		padding: 30px 0;
	}

	.for_school .area_02 .slider li {
		padding: 0 10px;
	}

	.for_school .area_02 .slider img {
		height: auto;
	}

	.for_school .area_03 {
		padding: 0 20px;
		font-size: 16px;
	}

	.for_school .area_03 .box {
		width: 100%;
		margin: 0 auto 30px;
	}

	.for_school .area_03 h3 {
		text-align: center;
		font-size: 24px;
		padding: 60px 0 30px 0;
	}

	.for_school .area_03 ul {
		display: block;
	}

	.for_school .area_03 ul li {
		width: 100%;
		padding: 0 0 30px 0;
	}

	.for_school .area_03 ul li:last-child {
		padding: 0;
	}

	.for_school .area_03 .txt {
		line-height: 1.8em;
	}
}

/* faq
-------------------------------------------------------------------*/
.faq .area_01 {
	padding: 80px 0 0 0;
}

.faq .area_01 .schoolbox {
	padding: 30px 0 40px 0;
}

.faq .area_01 h1.tit {
	color: #8bc118;
}

.faq .area_01 h1.tit span {
	color: #ff8200;
}

.faq .area_02 .box {
	border-top: 1px solid #000000;
	padding: 50px 0 60px 0;
}

.faq .area_02 dl {
	padding: 0 0 40px 0;
}

.faq .area_02 dl dt {
	color: #005bac;
	font-size: 24px;
	line-height: 1.4em;
	padding: 0 0 15px 35px;
	position: relative;
}

.faq .area_02 dl dt:after {
	content: "Q.";
	position: absolute;
	left: 0;
	top: 0;
}

.faq .area_02 dl dd {
	font-size: 18px;
	line-height: 1.8em;
}

@media screen and (max-width: 800px) {
	.faq .area_01 {
		padding: 60px 20px 0 20px;
	}

	.faq .area_01 .schoolbox {
		padding: 20px 0 30px 0;
	}

	.faq .area_02 .box {
		padding: 40px 20px;
	}

	.faq .area_02 dl {
		padding: 0 0 40px 0;
	}

	.faq .area_02 dl dt {
		font-size: 18px;
		line-height: 1.4em;
		padding: 0 0 15px 25px;
		position: relative;
	}

	.faq .area_02 dl dd {
		font-size: 16px;
		line-height: 1.8em;
	}
}

/* privacy
-------------------------------------------------------------------*/
.privacy .area_01 {
	padding: 80px 0 0 0;
}

.privacy .area_01 .schoolbox {
	padding: 30px 0 40px 0;
}

.privacy .area_01 h1.tit {
	color: #8bc118;
}

.privacy .area_01 h1.tit span {
	color: #ff8200;
}

.privacy .area_02 .box {
	border-top: 1px solid #000000;
	padding: 50px 0 60px 0;
}

.privacy .area_02 dl {
	padding: 0 0 40px 0;
}

.privacy .area_02 dl dt {
	font-size: 24px;
	line-height: 1.4em;
	padding: 0 0 15px 0;
	position: relative;
}

.privacy .area_02 dl dd {
	font-size: 18px;
	line-height: 1.8em;
}

.privacy .area_02 dl dd .txt {
	padding: 0 0 20px 0;
}

@media screen and (max-width: 800px) {
	.privacy .area_01 {
		padding: 60px 20px 0 20px;
	}

	.privacy .area_01 .schoolbox {
		padding: 20px 0 30px 0;
	}

	.privacy .area_02 .box {
		border-top: 1px solid #000000;
		padding: 40px 20px;
	}

	.privacy .area_02 dl {
		padding: 0 0 40px 0;
	}

	.privacy .area_02 dl dt {
		font-size: 18px;
		line-height: 1.4em;
		padding: 0 0 15px 0;
	}

	.privacy .area_02 dl dd {
		font-size: 16px;
	}

	.privacy .area_02 dl dd .txt {
		padding: 0 0 20px 0;
	}

}

/* contact
-------------------------------------------------------------------*/
.contact .area_01 {
	padding: 40px 0 0 0;
	text-align: center;
}

.contact .area_01 h1.tit {
	color: #8bc118;
}

.contact .area_01 h1.tit span {
	color: #ff8200;
}

.contact_area {
	font-size: 18px;
}

.contact_area .cont_txt {
	font-size: 18px;
	text-align: center;
	padding: 30px 0 0 0;
	color: #ed1111;
}

.contact_area dl.first {
	display: flex;
	justify-content: flex-start;
	align-items: start;
	padding: 0 0 0 90px;
}

.contact_area dl {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 10px 0;
}

.contact_area dl.center {
	margin: 20px 0;
}

.contact_area dl.last {
	margin: 30px 0 0 0;
}

.contact_area dl.first dt {
	width: 160px;
	padding: 0;
	text-align: left;
}

.contact_area dl dt {
	padding: 10px 30px 0 0;
	text-align: right;
}

.contact_area dl dt.none {
	padding: 0 30px 0 0;
}

.contact_area dl dt span {
	display: block;
	font-size: 15px;
}

.contact_area dl dt span.red {
	color: #ed1111;
}

.contact_area dl dt.hissu:before {
	content: "＊";
	color: #ed1111;
}

.contact_area dl.first dd {
	width: 700px;
	position: relative;
}

.contact_area dl dd {
	width: 510px;
}

.contact_area dl.first dd .wpcf7-list-item {
	display: block;
	margin: 0 0 30px 0;
}

.contact_area dl.first dd .wpcf7-list-item:nth-child(2),
.contact_area dl.first dd .wpcf7-list-item:nth-child(3) {
	display: inline-block;
	margin: 0 50px 30px 0;
}

.contact_area .linkbtn {
	position: absolute;
	right: 20px;
	top: -20px;
}

.contact_area .linkbtn a {
	width: 400px;
	height: 61px;
	background: url(../img/contact/btn.png) no-repeat center;
	background-size: 400px;
	display: block;
}

.contact_area .day p {
	padding: 10px 0 0 0;
}

.contact_area .box_in {
	width: 900px;
	margin: 0 auto;
}

.contact_area .kome {
	font-size: 15px;
	padding: 0 0 120px 0;
}

.contact_area .kome a {
	color: #1e1ee1;
}

.contact_area .btn {
	padding: 80px 0 0 0;
}

.contact_area input,
.contact_area textarea {
	width: 510px;
	font-size: 16px;
	line-height: 1.6;
	padding: 10px;
	border: none;
	background: #e9ecff;
	box-sizing: border-box;
	font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.contact_area .day input {
	background: #fff;
	border: 1px solid #a7a7a7;
	border-radius: 5px;
}

.contact_area select {
	width: 510px;
	font-size: 18px;
	line-height: 1.6;
	padding: 10px;
	border: 1px solid #a7a7a7;
	border-radius: 5px;
	box-sizing: border-box;
}

.contact_area input[type=radio] {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative;
	background-color: #fff;
	border: 2px solid #e4e4e4;
	width: 24px;
	outline: none;
	height: 24px;
	vertical-align: middle;
	margin-right: .5em;
	margin-bottom: 5px;
	border-radius: 25px;
	transition: all 0.3s;
}

.contact_area input[type=radio]:checked::before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: 50%;
	margin-top: -5px;
	background-color: #597be9;
	width: 10px;
	height: 10px;
	border-radius: 25px;
	transition: all 0.3s;
}

.contact_area input[type="submit"],
.contact_area input[type="button"] {
	font-size: 24px;
	display: block;
	color: #fff;
	width: 450px;
	margin: 0 auto 30px;
	border: 2px solid #f59e2d;
	background: #f59e2d;
	transition: all 0.3s;
	padding: 20px;
	-webkit-appearance: none;
	font-family: YakuHanJP, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 100px;
	letter-spacing: 0.2em;
	outline: none;
}

.contact_area input[type="submit"]:hover,
.contact_area input[type="button"]:hover {
	background: #fff;
	color: #f59e2d;
}

@media screen and (max-width: 800px) {
	.contact .area_01 {
		padding: 40px 0 0 0;
		text-align: left;
	}

	.contact_area {
		font-size: 16px;
		padding: 0 20px;
	}

	.contact_area .cont_txt {
		font-size: 15px;
		line-height: 1.6em;
		text-align: left;
	}

	.contact_area dl.first {
		display: block;
		padding: 0;
	}

	.contact_area dl {
		display: block;
		margin: 0 0 20px 0;
	}

	.contact_area dl.center {
		margin: 0 0 20px 0;
	}

	.contact_area dl.last {
		margin: 0 0 20px 0;
	}

	.contact_area dl.first dt {
		width: 100%;
		padding: 0 0 10px 0;
	}

	.contact_area dl dt {
		padding: 0 0 10px 0;
		text-align: left;
	}

	.contact_area dl dt.none {
		padding: 0 0 10px 0;
	}

	.contact_area dl dt span {
		font-size: 14px;
	}

	.contact_area dl.first dd {
		width: 100%;
	}

	.contact_area dl dd {
		width: 100%;
	}

	.contact_area dl.first dd .wpcf7-list-item {
		display: block;
		margin: 0 0 20px 0;
	}

	.contact_area dl.first dd .wpcf7-list-item:nth-child(1) {
		margin: 0 0 60px 0;
	}

	.contact_area dl.first dd .wpcf7-list-item:nth-child(2),
	.contact_area dl.first dd .wpcf7-list-item:nth-child(3) {
		display: block;
		margin: 0 0 20px 0;
	}

	.contact_area .linkbtn {
		position: absolute;
		right: auto;
		top: 30px;
	}

	.contact_area .linkbtn a {
		width: 300px;
		height: 50px;
		background: url(../img/contact/btn.png) no-repeat center;
		background-size: 300px;
	}

	.contact_area .day p {
		padding: 0 0 5px 0;
		font-size: 14px;
	}

	.contact_area .box_in {
		width: 100%;
	}

	.contact_area .kome {
		font-size: 14px;
		padding: 0 0 60px 0;
	}

	.contact_area .btn {
		padding: 30px 0 0 0;
	}

	.contact_area input,
	.contact_area textarea {
		width: 100%;
	}

	.contact_area select {
		width: 100%;
		font-size: 16px;
	}

	.contact_area input[type="submit"],
	.contact_area input[type="button"] {
		font-size: 18px;
		width: 280px;
		margin: 40px auto 30px;
		padding: 10px;
	}

	input,
	button,
	select,
	textarea {
		-webkit-appearance: none;
		outline: 0;
	}

}

/* event_terms
-------------------------------------------------------------------*/
.event_terms .area_01 h2 {
	font-size: 30px;
	text-align: center;
	padding: 20px 0 0 0;
	line-height: 1.4em;
}

.event_terms .area_02 ol li:not(:last-child) {
	padding: 0 0 15px 0;
}

.event_terms .area_02 dd a {
	border-bottom: 1px solid #23b6e6;
	color: #23b6e6;
}

.event_terms .area_02 .table {
	padding: 30px 0 0 0;
}

.terms_tbl {
	border-collapse: separate;
	border-left: 1px solid #CCC;
}

.terms_tbl th,
.terms_tbl td {
	padding: 10px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.terms_tbl th {
	background: #F4F4F4;
	border-top: 1px solid #CCC;
	font-weight: bold;
}

@media screen and (max-width: 800px) {
	.event_terms .area_01 h2 {
		font-size: 18px;
		padding: 20px 0 0 0;
	}

	.event_terms .area_02 ol li:not(:last-child) {
		padding: 0 0 10px 0;
	}

	.event_terms .area_02 .table {
		padding: 20px 0 0 0;
		font-size: 14px;
	}

}

.Calendar {
	padding: 0 20px;
}

.Calendar h2.tit {
	color: #1b96c8;
	padding: 80px 0 50px 0;
}

.Calendar ul {
	text-align: center;
	padding: 0 0 60px 0;
	width: 800px;
	margin: 0 auto;
}

.Calendar ul li {
	padding: 0 0 60px 0;
}

.Calendar ul li iframe {
	border: 0;
	width: 100%;
	height: 600px;
}

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

	.Calendar h2.tit {
		color: #1b96c8;
		padding: 30px 0 20px 0;
	}

	.Calendar ul {
		padding: 0 0 30px 0;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.Calendar ul li {
		padding: 0 0 30px 0;
	}

	.Calendar ul li iframe {
		height: 400px;
	}
}