@charset "utf-8";

/* CSS Document */
/* =========================================================
 * common
 * =========================================================*/
* {
	padding: 0;
	margin: 0;
}
img {
	width: 100%;
}
.fadein {
	transition: 0.5s ease-in-out;
}
.te_center {
	text-align: center !important;
}
.contact .main_box {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.ttl_wrap .campaign_title{
	width: 100%;
	max-width: 500px;
	margin: 2rem auto;
}
.contact ul {
	margin: 5rem auto;
}
.contact .list01 li {
	border-bottom: 1px dashed #ddd;
	padding: 0.5rem;
	margin-bottom: .5rem;
}
.contact li span.required:first-child {
	margin-top: 0;
}
.contact .campaign_bg01 {
	background: #fdf9c9;
}
.contact .campaign_bg02 {
	background: rgba(255, 255, 255, .9);
}
.contact .campaign_bg03.winter_school img {
	width: 100%;
}
.contact .campaign_bg01 .w-500 img,
.contact .campaign_bg02 .w-600 img,
.contact .campaign_bg03 .w-600 img {
	margin-top: 2rem;
}
.contact .campaign_bg02 .w-600,
.contact .campaign_bg03 .w-600 {
	padding: 0.5rem 0.5rem;
	margin-top: 1rem;
}
.contact .campaign_bg03 .w-700 {
	margin-bottom: 2rem;
}
.contact .flex_justify{
    justify-content: center;
}
.contact .fitness.te_center.w-700 .w-500:last-child {
	margin-top: -2rem;
}
.contact .fitness{
	border-top: none;
	margin: 2rem auto;
}
.contact .fitness .w-700{
	max-width: 550px !important;
}
.radio_left {
	margin-left: 2rem;
}
.contact .course_3 .radio{
   width: 88%;
}
.dis_none {
	visibility: hidden;
}
.course {
	width: 70%;
}
.course_box {
	align-items: center;
}
.course_box .winter_day {
	padding-top: 0.7rem;
}
.contact select {
	border: solid 1px lightgrey;
	margin: .5rem 0;
	padding: 1rem;
	width: 100%;
	font-size: 1.6rem;
}
.border {
	display: block;
	width: 100%;
	height: 2px;
	background: #ddd;
	margin: .5rem 0;
}
/*1day*/
.contact input[type="date"] {
	width: 100%;
	max-width: 150px;
}
.contact .birthday {
	margin-right: .5rem;
	padding: 1rem;
	width: 100px;
}
.year,
.month,
.day {
	align-items: center;
}
.year,
.month {
	margin-right: 1.5rem;
}
.contact input[type="time"] {
	padding: 1rem;
	/*	font-size: 1.2rem;*/
	border: none;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	width: 100%;
	max-width: 150px;
}
.contact .form-input input[type="text"] {
	width: 100%;
}
.course_box .radio_left {
	margin-left: 0;
	width: calc(100%/3);
}
.l_footer .main_box {
	margin: 0 auto;
}
.b_none {
	font-weight: normal;
}
footer.l_footer {
	margin-top: 100px;
}
body:before,
body:after {
	background-size: 23%;
}
.sw_taiken{
    width: 60%;
    margin: 0 auto;
    background-color: #ffffffcc;
    line-height: 1.7;
    padding: .5rem;
}
.sw1day table thead th {
    background: #ff4539a1;
    color: #472100;
    padding: 1rem;
    border: .5px solid #b8b8b8a8;
}
.sw1day table tbody th{
    background: #ff4539;
    border-radius:0px;
}
.sw1day caption {
  caption-side: bottom;
  padding: 10px;
  font-weight: bold;
}
.sw1day .contact .form_wrap input[type="radio"] {
    top: 0px;
    margin: 0;
   width: 13px;
}
/* privacy */
.privacy {
	width: 95%;
	max-width: 780px;
	height: 150px;
	margin: 3rem auto;
	padding: 2rem 1rem;
	overflow-y: scroll;
	border: 1px solid #ccc;
}
.privacy p {
  line-height: 1.5;
}
.privacy dt {
  font-size: 1.5rem;
  padding: 0.5rem 0;
}
.privacy dd {
  margin-left: 0.5rem;
  line-height: 1.5;
}
.privacy p.privacy_title {
  font-weight: bold;
  font-size: 1.7rem;
}
/*--== CONTACT ==--*/
.contact {
  background-image: url(../img/main_bg02.png);
  background-repeat: no-repeat;
  background-size: 600px;
  padding-top: 4rem;
  padding-bottom: calc(10vw + 10px);
  position: relative;
  overflow: hidden;
  background-color: #ebfbff;
}
.contact h2,
.corporation h2 {
  color: #34698d;
  border-top: 4px double;
  padding: 1rem 0;
  border-bottom: 4px double;
	font-size: 4rem;
}
.contact::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 10vw solid #fff;
  border-left: 100vw solid transparent;
}
.contact::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 10vw solid #fff;
  border-right: 100vw solid transparent;
}
.contact.corporation {
  background-image: url(../img/main_bg03.png);
  background-repeat: no-repeat;
  background-position: right;
  background-color: unset;
}
.contact.corporation::before,
.contact.corporation::after {
  display: none;
}
/* =========================================================
 * SP
 * =========================================================*/
@media screen and (max-width: 1024px) {
    .flex {
        display: flex !important;
        align-items: center !important;
    }
}
@media screen and (max-width:999px) {

	.contact .main_box {
		min-width: 100% !important;
		margin: 0 auto;
	}

	.flex {
		display: flex !important;
	}

	.w7 {
		width: 58% !important;
	}

	.w-900 {
		width: 100%;
		max-width: 700px !important;
	}

	ul.te_center {
		padding: 0 3rem;
	}

	p.form-label.w3.b {
		margin-bottom: 1rem;
	}
	.contact .te_center.w-1000 .flex {
		justify-content: center;
		align-items: center;
	}

	.contact .te_center.w-1000 li.left.w6 {
		width: 45% !important;
		margin-top: 2rem;
	}

	.contact .te_center.w-1000 li.right.w6 {
		width: 50% !important;
	}

	.contact .course li:first-child .w9 .w3 {
		width: 50% !important;
	}
	
	.contact .f_radio .flex{
		width: 100%;
	}
	.contact .f_radio .radio_left{
		margin-left: 0;
		margin-top: .5rem;
	}
	.contact .course_box.junior_box .flex .flex{
		align-items: center;
/*		width: 50% !important;*/
		padding: 1rem 0 0;
	}
    
    .contact .course_box.junior_box .flex .flex.month_radio{
        width: 100% !important;
        padding: 0.5rem 0;
    }
	footer.l_footer {
		margin-top: 20px;
	}

	footer.l_footer.jr_contact {
		margin-bottom: 4rem;
	}
}

/*max-width:999px*/
@media screen and (max-width: 767px) {
	.contact h2, .corporation h2{
		font-size: 3rem;
	}
	.contact .main_box{
		font-size: 1.4rem;
	}
	ul.te_center{
		padding: 0;
	}
	/*-----------
  junior
-----------*/
	.contact .te_center.w-1000 li.left.w6 {
		width: 100% !important;
	}

	.contact .te_center.w-1000 li.right.w6 {
		width: 100% !important;
	}
	.w-400 {
		width: 80% !important;
	}

	footer.l_footer {
		margin-top: 30px;
	}
}

/*max-width: 430px*/
@media screen and (max-width: 430px) {

	.w-700 {
		width: 95% !important;
	}

	.w-500 {
		margin-bottom: .5rem;
	}

	.main_box .w-700 {
		width: 100% !important;
	}

	.main_box .te_center li {
		padding: 0 .5rem;
	}

	.te_center span.required {
		padding: 0.2rem;
		font-size: .7rem;
		margin-right: 0.2rem;
	}

	.flex {
		display: flex !important;
		align-items: center !important;
	}

	.w9 {
		margin-bottom: 0rem;
	}

	.form-input {
		padding-top: 1rem;
	}

	.contact .form_wrap input[type="radio"] {
		top: 0px;
	}

	.course_box {
		margin-top: 1rem;
	}

	.contact input[type="time"] {
		margin-top: .5rem;
	}

	.radio_left {
		margin-left: 50px;
/*		padding-top: 1rem;*/
	}

	.form-input p {
		margin-top: -1rem;
 	}      
 
    .contact .campaign_title {
    	width: 95%;
	}
    .contact .flex_justify {
    	padding: 0 3rem;
	}
    .sw_taiken {
    	width: 90%;
    }
    .sw1day p.form-label.w3.maTop{
        margin-top: 1rem;
	}
	.radio_sp {
		padding: 0 0 0 10px;
	}
		.contact {
		background-size: 350px;
	}

}
/*max-width: 430px*/
@media screen and (max-width: 374px) {}
/*max-width: 374px*/