@charset "utf-8";
html{
	background-position: 50% 0;
	/* background-size: 375px; */
}

.hed{
	margin: 0 0 81px;
}

.joinBox{margin: 0 0 59px;}
/*----------------------------------------------------------*/

.nini{
	display: none;
}
.nini2{
	display: inline;
	color: #E94B13;
}

.sanka_on .nini{
	display: inline;
	color: #E94B13;
}


/* ========== ttl_join ========== */
.ttl_join {
	font-size: 16px;
	color: #006747;
	font-weight: 500;
	text-align: center;
	padding: 0 0 15px;
	margin: 0 0 45px;
	border-bottom: 2px solid #efefef;
}
.ttl_join2{
	margin-top: 80px;
}

/* ========== join_current ========== */
.join_current {
	text-align: center;
	margin: 30px 0 110px;
	padding: 40px 0;
	border-top: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
}
.join_current li {
	display: inline-block;
	position: relative;
}
.join_current li + li {
	margin-left: 50px;
	padding-left: 60px;
}
.join_current li + li:before {
	content: '';
	top: 50%;
	left: 0;
	position: absolute;
	display: block;
	width: 10px;
	height: 17px;
	background-image: url(../img/join/ic_arrow.svg);
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.join_current .current {
	color: #006747;
	font-weight: 500;
	display: block;
	border-bottom: 1px solid #006747;
}


/* ========== join_sanka ========== */
.sec_sanka {
	margin: 0 0 80px 0;
}
.join_sanka {
	text-align: center;
}
.join_sanka label {
	display: inline-block;
	padding: 0 40px;
}


/* ========== table ========== */
.table_join {
	width: 100%;
}
.table_join tr {}
.table_join th,
.table_join td {
	padding: 15px 0;
	font-size:  14px;
	line-height: 20px;
}
.table_join th {
	text-align: left;
	vertical-align: top;
	color: #006747;
	font-weight: 500;
	width: 190px;
  /*line-height: 56px;*/
	/* padding-top: 30px; */
}
.table_join td {}
.add_child {}
.add_child td {
	padding:  0;
}

.info_child {}
.add_child2 {}
.info_child2 {}

.btn_add {
	display:  block;
	width:  100%;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	position: relative;
	padding: 15px 0;
	padding-left: 60px;
}
.btn_add:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    width: 15.5px;
    height: 15.5px;
    margin: auto;
    background: url(../common/img/img_plus@2x.png) left center no-repeat;
    background-size: contain;
    /*transform: rotate(-45deg);*/
    transform: rotate(0deg);
}
.btn_add.active {}
.btn_add.active:before {
    transform: rotate(-45deg);
}
.btn_add span {}
.btn_add.active span {}

.border-top {
	border-top: 2px solid #efefef;
}
.border-bottom {
	border-bottom: 2px solid #efefef;
}

.table_form_check {}
.table_form_check tr {}
.table_form_check th,
.table_form_check td {
    padding: 20px 0;
}
.table_form_check th {
    color:  #666464;
    font-weight: bold;
    width: 300px;
    padding-right: 20px;
    padding-left: 70px;
}
.table_form_check td {}
.form_check_err {
	color: #E94B13;
}

/* ========== btn ========== */
.join_btnArea {
	padding-top: 35px;
	text-align: center;
}
.btnArea_mail,
.btnArea_tel {
	width: 380px;
	display: inline-block;
}
.btnArea_mail {
	margin-right: 40px;
}
.ttl_btnArea {
	color: #006747;
	margin-bottom: 15px;
	text-align: left;
}
.ttl_btnArea span {
	color: #666464;
	font-weight: 400;
	margin-left: 20px;
}
.btn_mail,
.btn_tel {
	font-size: 20px;
	display: block;
	width: 100%;
	line-height: 80px;
}
.btn_mail img,
.btn_tel img {
	margin-right: 30px;
}
.btn_w {
	text-align: center;
}

/* ========== post ========== */
.post a {
	color: #006747;
}
.post a::before {
	content: "> ";
}



/* ========== mail_form ========== */
#mail_form {}
#mail_form input {}
#mail_form input[type="text"],
#mail_form input[type="number"],
#mail_form input[type="tel"],
#mail_form select,
#mail_form textarea {
  -webkit-appearance: none;
  border-radius: 0;
	width: 100%;
	font-size: 14px;
	font-family: inherit;
	line-height: 50px;
	padding: 0 20px;
	border: none;
	border: 1px solid #666464;
}
#mail_form input[type="text"],
#mail_form input[type="number"],
#mail_form input[type="tel"],
#mail_form textarea {
/*	display: block;*/
}
#mail_form input[type="text"],
#mail_form input[type="number"],
#mail_form input[type="tel"] {
    height: 56px;
}
#mail_form input[type="text"] + input[type="text"],
#mail_form input[type="number"] + input[type="number"],
#mail_form input[type="tel"] + input[type="tel"] {
	margin-top: 10px;
}
#mail_form textarea {
    line-height:  1.8;
    padding: 0.5em 0.5em;
}
#mail_form textarea#address {
    padding: 12px 0.5em;
}
#mail_form select {
	height: 52px;
}
#mail_form input#name {
    max-width: 273px;
}
#mail_form input#address {}
#mail_form input#tel {
/*    max-width: 273px;*/
}
#mail_form input#email {
/*    max-width: 273px;*/
}
#mail_form textarea[name="message"] {
    line-height: 1.6;
    padding: 0.5em;
}
#mail_form input[type="file"] {
    line-height: 1;
}
#mail_form input[type="radio"] {
    margin-right: 10px;
}
.table_join label + label {
    margin-left: 40px;
}
#mail_form select[name="gakunen1"] {
	width: 280px;
}

#mail_form input.input1{
	width: 36%;
}

#mail_form .birth_01 input.input1{
	width: 93%;
}

#mail_form select{
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    padding-left: 50px;
}
#mail_form select option{
  background-color: #fff;
  color: #333;
}
#mail_form select::-ms-expand {
  display: none;
}
#mail_form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}
.select-wrap {
    position:relative;
}
.select-wrap:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 20px;
		width: 15.5px;
		height: 15.5px;
		margin: auto;
		background: url(../common/img/img_arrow01@2x.png) left center no-repeat;
		background-size: contain;
		z-index: 1;
		pointer-events: none;
}
.birth_01 .select-wrap:before,.gakunen.select-wrap:before{
    display: none;
}
.submit_btn {
    width:  380px;
    /* margin:  0 auto; */
    /* display:  block; */
    display:  inline-block;
    margin: 0 25px 20px;
    background-color:  #006747;
    color:  #fff;
    font-size:  20px;
    line-height: 80px;
    letter-spacing:  0.15em;
    position: relative;
    border:  1px solid #006747;
}
.submit_btn:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    width: 10px;
    height: 10px;
    margin: auto;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
}
.submit_btn_b {
    color: #006747;
    background-color: #fff;
}
.submit_btn_b:before {
    border:  none;
    border-top: 2px solid #006747;
    border-left: 2px solid #006747;
    right: auto;
    left: 40px;
}

.birth {}
.birth > div {}
.birth > div select {
}
.birth > div span {
    position:  absolute;
    top: 0;
    right: -30px;
    line-height: 50px;
}
.birth .birth_01,
.birth .birth_02,
.birth .birth_03 {
    display:  inline-block;
    position:  relative;
}
.birth .birth_01 {
    width: 220px;
    margin-right: 80px;
}
.birth .birth_02 {
    width: 110px;
    margin-right: 80px;
}
.birth .birth_03 {
    width: 110px;
}

.addres {}
.address_01 {
    width:  280px;
    margin-bottom:  10px;
    display: inline-block;
    margin-right: 50px;
}
.address_02 {
    width:  280px;
    margin-bottom: 10px;
    display:  inline-block;
}
.address_03 {}
.sanka {}
.sanka > div {
    display:  inline-block;
}
.sanka .select-wrap {
		display:  inline-block;
		margin: 0 10px 0 10px;
}
.sanka > div select {
    width:  100px !important;
    /* margin: 0 20px 0 28px; */
}
.sanka > div span {}
.sanka > div span:nth-child(1) {}
.sanka > div span:nth-child(3) {}
.sanka_01 {
    margin-right: 100px;
}
.sanka_01 span {
    display: inline-block;
    line-height: 56px;
    /*margin-right: 100px;*/
}
.sanka_02 {}
.sanka p {
	margin-top: 20px;
}

.form_text {
    margin-bottom: 50px;
    /* width:  80%; */
    /* margin: 0 auto 50px; */
    padding-left: 70px;
}
.form_text_thanks {
    margin-bottom: 90px;
}



.privacy_inner{
    border-top: #EFEFEF solid 2px;
    border-bottom: #EFEFEF solid 2px;
    margin-top: 57px;
    margin-bottom: 160px;
}
.privacy_inner2{}
.privacy_box{
    max-width: 685px;
    margin: 0 auto;
    padding: 54px 0;
    border-bottom:  #CCE1DA solid 1px;
}
.privacy_box:last-child{
    border-bottom:  none;
}

.privacy_name{
    font-size: 16px;
    font-weight: 400;
    color:  #006747;
    margin: 0 0 17px;
}
.privacy_mes{
    line-height: 2;
    margin: 0 0 16px;
}
.privacy_list{
    list-style-type: decimal;
    padding: 0 0 0 29px;
}
.privacy_list li{
    padding: 0 0 0 21px;
    /* margin: 0 0 27px; */
    line-height: 2;
}

/*-------------------------------------------------------*/
.errmes{
	color: #f00;
	margin: 5px 0;
	display: none;
}
.errmes_on{
	display: block;
}


/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
/*@media screen and (max-width: 680px) ,screen and (max-width: 737px) and (orientation: landscape) {*/
@media screen and (max-width: 1024px) and (orientation: portrait) ,screen and (max-width: 838px) and (orientation: landscape) {

	.hed{
    margin: 0 0 19px;
	}
	/*----------------------------------------------------------*/
}


/*---------------------------------------------------------
 sec-join
---------------------------------------------------------*/
.sec-join .table_join .info_child th span,
.sec-join .table_join .info_child2 th span {
  /* font-size: 12px; */
  /* font-size: 1.2rem; */
  /* display: block; */
  /* color: #F00; */
}
.sec-join .table_join .info_child,
.sec-join .table_join .info_child2,
.sec-join .table_join .add_child2 {
  display: none;
}
.sec-join .table_join .btn_add span:after,
.sec-join .table_join .btn_add a:after {
  /* content: "児童情報を追加する"; */
}
.sec-join .table_join .btn_add.active span:after,
.sec-join .table_join .btn_add.active a:after {
  /* content: ""; */
}
.sec-join .table_join .btn_add.active span,
.sec-join .table_join .btn_add.active a {
  cursor: default;
  color: #FFF;
  background-color: #0083ac;
  opacity: 1 !important;
}
.sec-join .table_join .btn_add.active span i,
.sec-join .table_join .btn_add.active a i {
  margin-right: 0;
}
.sec-join .table_join td br {
  display: none;
}

/* sp */
@media screen and (max-width: 639px) {
  .table_join td br {
    display: inline;
  }

	.ttl03 {
		text-align: center;
	}

	html{}

	.hed{}

	.joinBox{
    margin: 42px 0 59px;
}
	/*----------------------------------------------------------*/


	/* ========== ttl_join ========== */
	.ttl_join {
    padding: 0 0 10px;
    margin: 0 0 20px;
}
	.ttl_join2{
		margin-top: 50px;
	}


	/* ========== join_current ========== */
	.join_current {
    margin: 30px 0 55px;
    padding: 14px 0;
}
	.join_current li {}
	.join_current li + li {
    margin-left: 15px;
    padding-left: 25px;
}
	.join_current li + li:before {}
	.join_current .current {}


	/* ========== join_sanka ========== */
	.sec_sanka {
    margin: 0 0 40px 0;
}
	.join_sanka {}
	.join_sanka label {}


	/* ========== table ========== */
	.table_join {
    display:  block;
}
	.table_join tbody {
		display:  block;
	}
	.table_join tr {
    /* display: block !important; */
    display:  block;
    /* padding: 5px 0; */
    /* margin-bottom: 30px; */
}
	.table_join th,
	.table_join td {
    display: block;
    /* padding: 0; */
    padding: 5px 0;
    line-height: 2;
}
	.table_join th {
    /* margin-bottom: 8px; */
    width:  100%;
}
	.table_join td {
    margin-bottom: 20px;
}
	.add_child {
    margin-bottom:  0 !important;
}
	.add_child td {
    margin-bottom:  0;
}

	.info_child {}
	.add_child2 {}
	.info_child2 {}

	.btn_add {
    padding-left: 0;
    text-align:  center;
}
	.btn_add:before {
    left: auto;
    right: 12px;
}
	.btn_add.active {}
	.btn_add.active:before {}
	.btn_add span {}
	.btn_add.active span {}

	.border-top {}
	.border-bottom {}

	.table_form_check {}
	.table_form_check tr {}
	.table_form_check th,
	.table_form_check td {}
	.table_form_check th {}
	.table_form_check td {}

	/* ========== btn ========== */
	.join_btnArea {}
	.btnArea_mail,
	.btnArea_tel {}
	.btnArea_mail {}
	.ttl_btnArea {}
	.ttl_btnArea span {}
	.btn_mail,
	.btn_tel {}
	.btn_mail img,
	.btn_tel img {}

	/* ========== post ========== */
	.post a {}
	.post a::before {}



	/* ========== mail_form ========== */
	#mail_form {}
	#mail_form input {}
	#mail_form input[type="text"],
	#mail_form input[type="number"],
	#mail_form input[type="tel"],
	#mail_form select,
	#mail_form textarea {
    font-size:  16px;
    padding: 0 1em;
    line-height: 45px;
}
	#mail_form input[type="text"],
	#mail_form input[type="number"],
	#mail_form input[type="tel"],
	#mail_form textarea {}
	#mail_form input[type="text"] {
    height: 47px;
}
	#mail_form input[type="text"] + input[type="text"] {}
	#mail_form input[type="number"] + input[type="number"] {}
	#mail_form input[type="tel"] + input[type="tel"] {}
	#mail_form textarea {}
	#mail_form textarea#address {}
	#mail_form select {
    height: 47px;
    padding-left: 50px;
}
	#mail_form input#name {}
	#mail_form input#address {}
	#mail_form input#tel {}
	#mail_form input#email {}
	#mail_form textarea[name="message"] {}
	#mail_form input[type="file"] {}
	#mail_form input[type="radio"] {}
	#mail_form input[type="radio"] + input[type="radio"] {}
	#mail_form select[name="gakunen1"] {}

	#mail_form input.input1{
		width: 44%;
	}

	.select-wrap {}
	.select-wrap:before {}
	.submit_btn {
    width: 250px;
    font-size: 14px;
    line-height: 60px;
    margin: 0 auto 20px;
    display:  block;
}
	.submit_btn:before {
    right: 24px;
    width: 8px;
    height: 8px;
    border-width: 1px;
}
	.submit_btn_b {}
	.submit_btn_b:before {
    left: 20px;
    right:  auto;
}

	.birth {}
	.birth > div {}
	.birth > div select {}
	.birth > div span {}
	.birth .birth_01,
	.birth .birth_02,
	.birth .birth_03 {
}
	.birth .birth_01 {
    width: 90%;
    margin-bottom: 10px;
    margin-right: 0;
}
	.birth .birth_02 {
    margin-right: 40px;
  }
	.birth .birth_03 {}

	.addres {}
	.address_01 {}
	.address_02 {}
	.address_03 {}
	.sanka {}
	.sanka > div {}
	.sanka > div select {}
	.sanka > div span {}
	.sanka .select-wrap {}
	.sanka > div span:nth-child(1) {}
	.sanka > div span:nth-child(3) {}
	.sanka_01 {
    margin-bottom: 10px;
}
	.sanka_02 {}
	.sanka p {
    margin-top: 10px;
}
	.form_text {
    padding-left:  0;
    margin-bottom: 25px;
}
	.form_text_thanks {
    padding-left: 20px;
}

	.pt90 {
    padding-top: 45px !important;
	}
	.mt80 {
    margin-top: 40px !important;
	}



	.privacy_inner{
    margin-top: 35px;
    margin-bottom: 90px;
}

	.privacy_box{
    padding: 48px 0 28px;
    margin: 0 5%;
}
	.privacy_box:last-child{}

	.privacy_name{
    text-align:  center;
    font-size: 13px;
}
	.privacy_mes{
    line-height: 1.8;
}
	.privacy_list{
    padding: 0 0 0 20px;
}
	.privacy_list li{
    text-indent: 0;
    padding: 0 0 0 13px;
    line-height: 1.8;
}


}