@charset "utf-8";
/* CSS Document */
h2 {
	font-size: 2.2rem;
	letter-spacing: 3px;
	color: #51318f;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}
h2 .small {
	font-size: 1.5rem;
	display: block;
	margin-bottom: 1rem;
}
.bg_wrap {
	position: relative;
}
.bg_wrap:before {
	content: "";
	display: block;
	background-color: #252525;
	width: calc(100% - 50px);
	height: 100%;
	position: absolute;
}
/*--== index_mainvisual ==--*/
.index_mainvisual {
	background: -webkit-linear-gradient(180deg, rgba(255,255,255, 1) 55%, rgba(200 233 250 / 1) 65%);
	background: -o-linear-gradient(180deg, rgba(255,255,255,1) 55%, rgba(200 233 250 / 1) 65%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 55%, rgba(200 233 250 / 1) 65%);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.index_mainvisual img {
	max-width: 1200px;
	margin: auto;
	display: block;
}
/* box01 */
.box01 {
	padding: 2rem;
	background: #1197ff;
	margin: 1rem auto;
	border-radius: 1rem;
	color: #fff;
	border: 6px solid;
}
h2.junior_title {
	padding: 3rem 0 1rem;
	margin: 0 auto;
}
.junior{
	position: relative;
	z-index: 0;
}
/*--== merit ==--*/
.merit {
	position: relative;
	padding: 5rem 0;
}
.merit::before,.merit::after{
	display: block;
	content: "";
	width: 35vw;
	height: 100%;
	z-index: -1;
}
.merit::before{
	background-image: url("../img/index_bg01.png"),url("../img/index_bg03.png");
	background-size: contain, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: left top, left bottom;
	position: absolute;
	left: 0;
	top: 0;
}
.merit::after{
	background-image: url("../img/index_bg02.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.merit h2.tanki_title{
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}
/*--== tanki ==--*/
.tanki_subttl{
	width: 70%;
	max-width: 600px;
	margin: 2rem auto;
}
.merit .subttl_wrap{
	margin: 3rem auto;
}
.merit .subttl_wrap li:nth-child(2){
	width: 30%;
}
.merit .subttl_wrap li:nth-child(2) img{
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
}
.merit .subttl_wrap li:nth-child(3){
	width: 100%;
}
.subttl_wrap .button{
	display: block;
	color: #013894;
	width: 90%;
	max-width: 400px;
	font-weight: 600;
}
.junior .tanki{
	background-image: url("../img/swimclass_bg.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 5rem;
	margin-top: 5rem;
	box-shadow: 0 0 6px 0 #aaa;
	border-radius: 3rem;
}
.tanki .flex{
	align-items: flex-end;
	justify-content: center;
}
.tanki01{
	margin: 0 auto 5rem;
}
.junior .tanki table{
	border: 1px solid #ddd;
	max-width: 800px;
}
.junior .tanki table thead th{
	background: #e4007f;
	color: #fff;
	padding: 0.5rem;
	font-weight: normal;
	border-right: 1px #fff solid;
	width: 40%;
}
.junior .tanki table thead th:last-child{
	border-right: none;
}
.junior .tanki table tbody td{
	color: #793900;
	text-align: center;
	line-height: 2;
	padding: .5rem;
	border-bottom: 1px solid #ddd;
}
.junior .tanki table tbody td .b{
	margin-right: 1rem;
	display: inline-block;
}
.junior .tanki table tbody td .tab_tb{
	padding: .5rem 1rem;
	border-radius: 1rem;
	margin-right: 1rem;
	background-color: #02326b;
	color: #fff;
}
.junior .tanki table tbody td .small{
	text-align: left;
	display: block;
	margin-top: 1rem;
}
.junior .tanki .table01 thead th:nth-child(3){
	width: 20%;
}
.junior .tanki .table02 thead th{
	width: 20%;
	background-color: #02326b;
}
.junior .tanki .table02 thead th:nth-child(3){
	width: 40%;
}
.junior .tanki .table02 tbody td .tab_tb{
	background-color: #e4007f;
}
.junior .tanki p.small{
	text-align: center;
}
.merit_wrap{
	margin-top: 5rem;
}
.merit_wrap .camwrap li:first-child{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.merit_wrap .camwrap li:nth-child(2){
	width: 90%;
	max-width: 500px;
	margin: 2rem auto;
}
.merit_wrap .camwrap li:nth-child(3){
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}
.merit_wrap ol{
	position: relative;
}
.merit_wrap ol::before{
	display: block;
	content: "";
	background-image: url("../img/cam_tokuten_bg.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	width: 120%;
	height: 120%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.merit_wrap ol li:first-child{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.merit_wrap ol li:nth-child(2){
	width: 90%;
	max-width: 510px;
	margin: 0 auto;
}
.merit_wrap ol li:nth-child(3){
	width: 80%;
	max-width: 470px;
	margin: 0 auto;
}
.schoolbus{
	width: 90%;
	max-width: 900px;
	margin: 5rem auto 0;
	box-shadow: 0 0 6px 0 #aaa;
	border-radius: 2rem;
	background-color: rgba(255,255,255,.9);
}
.schoolbus .flex{
	align-items: center;
}
.schoolbus img{
	border-radius: 2rem 0 0 2rem;
}
.schoolbus .right, .schoolbus .left{
	float: none;
}
.schoolbus .right{
	padding: 3rem;
}
.schoolbus .headline{
	font-size: 2.4rem;
	margin-bottom: 1.5rem;
	text-align: center;
	color: #2ea7e0;
	border-bottom: 3px double #2ea7e0;
	font-weight: 600;
}
.schoolbus .right .b{
	display: block;
	border: 1px solid;
	padding: .5rem 1rem;
	width: 100%;
	text-align: center;
	margin: 2rem auto 1rem;
}
.schoolbus .right a{
	color: #2ea7e0;
	display: inline-block;
	padding: 0 .5rem;
}
/*--== attack ==--*/
.attack {
	background-color: #fffc8d;
	background-image: url("../img/index_bg03.png");
	background-position: right bottom;
	background-size: 500px;
	background-repeat: no-repeat;
	padding: 3rem 0;
	position: relative;
	box-shadow: 0 0 8px #898989;
	z-index: 10;
}
.junior .attack.junior_atc2 {
	background-color: #ff5454;
}
.junior .attack.junior_atc3 {
	background-color: #92fff0;
}
/*--junior_parenting--*/
.junior_parenting {
  padding-top: 4rem;
  padding-bottom: calc(7vw + 10px);
  position: relative;
  overflow: hidden;
  background-color: #ffe2e7;
  background-image: linear-gradient(90deg, #ffe2e7 50%, #ffd2d2 50%, #ffd2d2 100%);
  background-size: 32px 15px;
  position: relative;
  z-index: -1;
}
.junior_parenting:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 10vw solid #fff;
  border-left: 100vw solid transparent;
}
.junior_parenting:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 10vw solid #fff;
  border-right: 100vw solid transparent;
}
.junior_parenting .parenting_txt img{
	display: block;
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}
.junior_parenting .parenting_txt p{
	text-align: center;
	font-size: 2rem;
	background-color: rgba(255,255,255,.9);
	padding: 5rem 3rem 3rem;
	box-shadow: 0 0 6px 0 #aaa;
	margin: -3rem auto 5rem;
	line-height: 2;
	border-radius: 2rem;
}
.ranking .rankttl{
	display: block;
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
}
.ranking .rank_box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	margin-top: 3rem;
}
.ranking .rank_box li{
	width: calc(95% /2);
	margin-bottom: 2rem;
}
.ranking .rank_box li:nth-child(1){
	width: 100%;
}
.ranking .rank_box li img{
	display: block;
	max-width: 300px;
	width: 100%;
	margin: 0 auto 2rem;
}
.ranking .rank_box li p{
	background-color: rgba(255,255,255,.8);
	padding: 2rem 0 0;
	text-align: center;
	font-weight: 600;
	border-radius: 4rem;
	margin: 0 auto;
	width: 100%;
	max-width: 450px;
	color: #fff;
	border: 4px solid #008aff;
}
.ranking .rank_box li:nth-child(2) p{
	border-color: #ff009c;
}
.ranking .rank_box li:nth-child(3) p{
	border-color: #ffcc00;
}
.ranking .rank_box li:nth-child(4) p{
	border-color: #5a3d0e;
}
.ranking .rank_box li:nth-child(5) p{
	border-color: #0cbd2d;
}
.ranking .rank_box li p span{
	display: block;
	background-color: #008aff;
	border-radius: 0 0 3rem 3rem;
	padding: 2rem 0;
}
.ranking .rank_box li:nth-child(2) p span{
	background-color: #ff009c;
}
.ranking .rank_box li:nth-child(3) p span{
	background-color: #ffcc00;
}
.ranking .rank_box li:nth-child(4) p span{
	background-color: #5a3d0e;
}
.ranking .rank_box li:nth-child(5) p span{
	background-color: #0cbd2d;
}
.ranking02{
	padding-bottom: 5rem;
}
.ranking02 .rankttl{
	margin: 3rem auto;
}
.ranking02 .flex{
	flex-wrap: wrap;
	justify-content: space-between;
}
.ranking02 .left, .ranking02 .right{
	width: calc(90%/2);
}
.ranking02 ul{
	padding: 1rem 0 2rem;
	box-shadow: 0 0 6px 0 #aaa;
	border-radius: 3rem;
	background-color: #e5e5f7;
	opacity: 0.8;
	background-image:  linear-gradient(rgba(236,247,255,.8) 18px, transparent 18px), linear-gradient(to right, rgba(236,247,255,1) 18px, #fff 18px);
	background-size: 40px 40px;
}
.ranking02 ul:nth-child(2){
	background-size: 30px 30px;
	background-color: #fff3fb;
	background-image: radial-gradient(#fff 15%, transparent 20%), radial-gradient(#fff 15%, transparent 20%);
	background-position: 0 0, 15px 15px;
}
.ranking02 li{
	width: 90%;
	max-width: 200px;
	margin: 1rem auto 0;
}
.ranking02 li:first-child{
	max-width: 380px;
	margin-top: 0;
}
.swimmerit{
}
.swimmerit .ttl02{
	width: 90%;
	max-width: 800px;
	margin: -5rem auto;
	padding-bottom: 5rem;;
}
.swimmerit li{
	margin-top: 15rem;
	padding: 0 5rem 5rem;;
	background-color: #4babff;
	border-radius: 3rem;
	box-shadow: 0 0 6px 0 #aaa;
	position: relative;
}
.swimmerit li:nth-child(2){
	background-color: #3ae781;
}
.swimmerit li:nth-child(3){
	background-color: #ffc04d;
}
.swimmerit li:last-child{
	margin-bottom: 5rem;
}
.swimmerit li .smttl{
	width: 70%;
	max-width: 300px;
	position: absolute;
	top: -18%;
	left: 50%;
	transform: translateX(-50%);
}
.swimmerit li .smsubttl{
	font-size: 5rem;
	font-weight: 600;
	text-align: center;
	color: #fff;
	padding-top: 5rem;
}
.swimmerit li .smsubttl::first-letter{
	font-size: 7rem;
}
.swimmerit li .smsubttl span{
	font-size: 3rem;
	display: block;
}
.swimmerit li .flex{
	justify-content: space-between;
	align-items: center;
	line-height: 2.3;
	margin-top: 2rem;
}
.swimmerit li .txt_box{
	background-color: #fff;
	padding: 3rem;
	width: 55%
}
.swimmerit li .img_box{
	width: 45%;
}
.swimmerit li .img_box img{
	display: block;
	max-width: 400px;
	margin-left: 10%;
	width: 90%;
}
.swimmerit li .reverse .img_box img{
	margin-left: 0;
	margin-right: 10%;
}
.swimclass{
	padding: 5rem 0 20rem;
	background-color: rgba(43, 164, 248, .08);
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fff), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #fff), color-stop(.75, #fff), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 30px 30px;
}
.swimclass .ttl02{
	width: 95%;
	max-width: 563px;
	margin: 0 auto;
}
.swimclass .txt_wrap{
	text-align: center;
	line-height: 2;
	font-size: 2.3rem;
	margin: 5rem auto;
	font-weight: 600;
}
.swimclass li{
	margin-bottom: 8rem;
}
.swimclass li:last-child{
	margin-bottom: 0;
}
.swimclass .txt_box{
	width: 55%;
	border: 1px solid #aaa;
	margin-left: -5%;
	background-color: rgba(255,255,255,.8);
	position: relative;
	padding: 5rem;
	margin-top: 15rem;
	border-radius: 3rem;
}
.swimclass .reverse .txt_box{
	margin-right: -5%;
	margin-left: 0;
}
.swimclass .txt_box::before{
	display: block;
	content: "01";
	font-size: 8rem;
	position: absolute;
	top: -13rem;
	left: 15%;
	color: #3eb39a;
}
.swimclass li:nth-child(2) .txt_box::before{
	content: "02";
	left: auto;
	right: 15%;
}
.swimclass li:nth-child(3) .txt_box::before{
	content: "03";
}
.swimclass .txt_box span{
	font-size: 3rem;
	font-weight: 600;
	margin-bottom: 1rem;
	display: block;
	color: #ffdc00;
	text-shadow: 1px 1px 0 #555, -1px -1px 0 #555, -1px 1px 0 #555, 1px -1px 0 #555, 0px 1px 0 #555, 0 -1px 0 #555, -1px 0 0 #555, 1px 0 0 #555;
}
.swimclass .img_box{
	width: 50%;
	position: relative;
}
.swimclass .img_box img{
	width: 100%;
	display: block;
	max-width: 500px;
	border-radius: 3rem;
}
.swimclass::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 10vw solid #fcf21d;
    border-left: 100vw solid transparent;
}
.swimclass::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 10vw solid #fcf21d;
    border-right: 100vw solid transparent;
}
.oneday_wrap{
	background: #fcf21d;
	padding-bottom: 5rem;
}
.oneday_wrap h2{
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
}
.oneday_wrap ul{
	display: flex;
/*	align-items: center;*/
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 5rem;
}
.oneday_wrap li{
	width: calc(95%/ 3);
	background-color: #fff;
	border-radius: 3rem;
	margin: 0 auto 5rem;
	position: relative;
	box-shadow: 0 0 6px 0 #aaa;
}
.oneday_wrap li .ond_no{
	position: absolute;
	left: -5%;
	top: -10%;
	transform: rotate(-10deg);
	font-size: 2.8rem;
	font-weight: 800;
	color: #ff0024;
	text-shadow: 1px 1px 0 #fcf21d, -1px -1px 0 #fcf21d, -1px 1px 0 #fcf21d, 1px -1px 0 #fcf21d, 0px 1px 0 #fcf21d, 0 -1px 0 #fcf21d, -1px 0 0 #fcf21d, 1px 0 0 #fcf21d;
}
.oneday_wrap li .ond_no span{
	font-size: 4.6rem;
	display: inline-block;
	padding-left: .5rem;
}
.oneday_wrap li dt{
	text-align: center;
	font-size: 3rem;
	background-color: #013894;
	font-weight: 600;
	border-bottom: 2px dashed #013894;
	line-height: 1;
	color: #fff;
	padding: 5rem 0 3rem;
	border-radius: 3rem 3rem 0 0;
}
.oneday_wrap li dt .small{
	line-height: 1;
	font-size: 1.6rem;
	display: inline-block;
}
.oneday_wrap li dd{
	padding: 3rem;
}
.onday_banner a{
	display: block;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}
.iseki_box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
/*
	background-color: #fff;
	padding: 5rem;
	box-shadow: 0 0 6px 0 #aaa;
	margin-bottom: 5rem;
*/
}
.iseki_box p{
	width: 55%;
	max-width: 700px;
	margin: 0 auto;
}
.iseki_box p:nth-of-type(2){
	width: 45%;
	max-width: 500px;
	margin: 2rem auto;
}
/*------------------------------------------------------------
fadein
------------------------------------------------------------*/
.RightToLeft {
	/*opacity: 0;*/
	transform: translateX(50px);
	transition: .6s;
}
.RightToLeft.is-show {
	opacity: 1;
	transform: translateY(0);
}
.LeftToRight {
	/*opacity: 0;*/
	transform: translateX(-50px);
	transition: .6s;
}
.LeftToRight.is-show {
	opacity: 1;
	transform: translateY(0);
}
/*--== access ==--*/
.access {
	position: relative;
	z-index: 10;
}
.access h2 {
	margin: 3rem auto 2rem;
	border-top: 4px double;
	max-width: 500px;
	padding: 1rem 0;
	border-bottom: 4px double;
	color: #2973af;
	text-align: center;
}
.access li {
	padding: 1rem;
	border-bottom: 1px dashed #aaa;
	line-height: 1.8;
}
p.te_center.b {
    text-align: center;
}
.access li dt{
	width: 100px;
}
.access li dd{
	width: calc(100% - 100px);
}
/*--== PRIVACY ==--*/
.box02 {
  padding: 2rem;
  box-shadow: 0 0 5px #aaa;
  margin-bottom: 2rem;
  border-radius: 1rem;
}
/* 下線のあるリスト */
.list01 li {
  border-bottom: 1px dashed #aaa;
  padding-bottom: 0.2rem;
  padding-top: 0.5rem;
}
.list01 {
  margin-bottom: 1rem;
}
/* list01-チェックマーク */
ul.list01 li {
  display: flex;
}
ul.list01 li:before {
  content: "\f00c";
  display: block;
  font-size: 0.9rem;
  position: relative;
  top: 5px;
  margin: 0 0.5rem;
}
/*--== achievement ==--*/
.achievement {
	background: #e11b3f;
	padding: 3rem 0;
	margin-top: 3rem;
}
/*--== レスポンシブｓ ==--*/
/*max-width: 1380px*/
@media screen and (max-width: 1200px) {
	.slider_wrap p {
		bottom: 100px;
		font-size: 20px;
		padding: 5px 5px 5px 10px;
		letter-spacing: 2px;
	}
}
/*max-width: 1200px*/
@media screen and (max-width: 999px) {
	.merit h2.tanki_title{
		max-width: 500px;
	}
	.schoolbus .right{
		padding: 2rem 2rem 2rem 1rem;
	}
	.schoolbus .headline{
		font-size: 2rem;
		margin-bottom: 1rem;
	}
	.schoolbus .right .b{
		margin: 1rem auto;
	}
	.schoolbus .right{
		font-size: 1.4rem;
	}
	.swimmerit .ttl02{
		margin-top: 0;
	}
	.swimmerit li{
		padding: 0 3rem 3rem;
	}
	.swimmerit li .txt_box{
		line-height: 1.7;
	}
	.oneday_wrap li dt{
		font-size: 2.4rem;
	}
	.oneday_wrap li dd{
		padding: 2rem;
	}
}
/*max-width: 990px*/
@media screen and (max-width: 767px) {
	.merit::before, .merit::after{
		width: 70vw;
	}
	.tanki_subttl{
		width: 100%;
		margin: 0 auto;
	}
	.merit .subttl_wrap li:nth-child(2){
		width: 50%;
	}
	.junior .tanki{
		padding: 3rem 1rem;
	}
	.tanki01 .flex p:first-of-type{
		max-width: 200px;
	}
	.junior .tanki table thead th{
		font-size: 1.5rem;
	}
	.junior .tanki table tbody td{
		font-size: 1.4rem;
	}
	.junior .tanki table tbody td .tab_tb,.junior .tanki table tbody td .b{
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.junior .tanki .table02 thead th{
		width: 23%;
	}
	.junior .tanki .table02 thead th:nth-child(3){
		width: 38%;
	}
	.junior .tanki .table02 thead th:nth-child(4){
		width: 16%;
	}
	.schoolbus .left, .schoolbus .right{
		width: 100%;
	}
	.schoolbus .left{
		padding: 0;
	}
	.schoolbus .left img{
		border-radius: 2rem 2rem 0 0;
	}
	.schoolbus .right{
		border-radius: 0 0 2rem 2rem;
		padding: 2rem;
	}
	.schoolbus .headline{
		font-size: 2rem;
	}
	.attack{
		background-size: 70vw;
	}
	.junior_parenting .parenting_txt p{
		padding: 5rem 2rem 2rem;
		font-size: 1.7rem;
	}
	.ranking .rank_box li img{
		max-width: 200px;
	}
	.ranking .rank_box li{
		width: 100%;
	}
	.ranking02 .left, .ranking02 .right{
		width: calc(98%/2);
	}
	.swimmerit .ttl02{
		margin: 2rem auto 0;
		padding-bottom: 0;
	}
	.swimmerit li{
		margin-top: 10rem;
		padding: 0 1rem 2rem;
	}
	.swimmerit li .smttl{
		top: -10%;
	}
	.swimmerit li .smsubttl{
		font-size: 3rem;
		padding-top: 10rem;
	}
	.swimmerit li .smsubttl::first-letter{
		font-size: 4rem;
	}
	.swimmerit li .smsubttl span{
		font-size: 2rem;
	}
	.swimmerit li .txt_box, .swimmerit li .img_box{
		width: 98%;
		margin: 0 auto;
	}
	.swimmerit li .txt_box{
		padding: 1.5rem;
		line-height: 1.7;
	}
	.swimmerit li .img_box img{
		width: 100%;
		margin: 2rem auto 0;
	}
	.swimmerit li .reverse .img_box img{
		margin-right: 0;
	}
	.swimclass{
		padding-bottom: 10rem;
	}
	.swimclass .txt_wrap{
		font-size: 1.8rem;
	}
	.swimclass .im_line{
		background-size: 100% 40%;
		padding: 0;
		font-size: 120%;
	}
	.swimclass li{
		margin-bottom: 3rem;
	}
	.swimclass .img_box{
		width: 80%;
	}
	.swimclass .txt_box{
		width: 85%;
		margin: -3rem auto 0 15%;
		padding: 2rem;
	}
	.swimclass .txt_box::before{
		left: auto;
		right: 0;
		font-size: 4.5rem;
	}
	.swimclass li:nth-child(2) .txt_box::before{
		left: 0;
		right: auto;
	}
	.swimclass .reverse .txt_box{
		margin-right: auto;
	}
	.swimclass .txt_box span{
		font-size: 2rem;
		margin-bottom: 0;
	}
	.oneday_wrap li{
		width: 80%;
		margin-bottom: 3rem;
	}
	.oneday_wrap li dt{
		font-size: 2.5rem;
	}
	.oneday_wrap li dd{
		padding: 2rem;
	}
	.iseki_box p{
		width: 90%;
	}
	.iseki_box p:nth-of-type(2){
		width: 80%;
	}
	.access {
		position: relative;
		z-index: 10;
	}
	.access .left, .access .right{
		width: 100%;
		padding: 0;
	}
}
/*max-width: 750px*/
@media screen and (max-width: 430px) {
	.swimmerit li .smsubttl{
		font-size: 3rem;
		padding-top: 7rem;
	}
}

/*max-width: 430px*/
@media screen and (max-width: 374px) {
  .w-800 .white {
    margin-top: 1rem !important;
  }
  dd .white {
    margin-top: 1rem !important;
  }
  .junior .baby .step li dl dt span {
    padding: 0.2rem 0.2rem 0.2rem;
    margin-left: -0.5rem;
    font-size: 15px;
  }
  .junior .class {
    padding-top: 4rem;
  }
  .small_2 {
    font-size: .9rem;
  }
  .junior .flow .flow_contents {
    width: 100%;
    padding-bottom: 60%;
  }
  .junior .flow .flow_img {
    width: 60%;
    top: 65%;
  }
}

/*max-width: 374px*/