@charset "utf-8";

 
/* --- .contentBox --- */
 .formArea {position: relative;z-index: 2;padding: 10px 0%;font-size: 15px;} 



 .formArea {/* margin-bottom:20px; *//* overflow: auto; *//* margin-bottom: 20px; *//* overflow: auto; *//* width: 100%; *//* max-width: 1200px; */margin: 0 auto;} 
 .formArea h2{
	position: relative;
	padding: 0.2em 0.5em;
	background: #FF9800;
/*    	background: #0063ff; */
	color: #fefefe;
	font-weight: 400;
	}   

.formArea h2::before{
	 position: absolute;
	 content: '';
	 top: 100%;
	 left: 0;
	 border: none;
	 border-bottom: solid 15px transparent;
	 border-right: solid 20px #898883;
}

.formArea h3{/* margin-bottom:20px; *//* font-size: 25px; *//* font-weight: 600; *//* padding: 0.5em; *//*文字周りの余白*/color: #036f65;/*文字色*//* background: #fff1f1; *//*背景色*//* border-left: solid 10px #e70000; *//* margin-top: 50px; */text-align: center;}


 @media only screen and (min-width: 751px) and (max-width: 1080px) and (min-width: 751px) {
 #sub_contents .p-sub-content {
	 width: initial;
	 margin-left: 45px;
	 margin-right: 45px;
 }
 }
 
 @media only screen and (min-width: 751px) {
 #sub_contents .p-sub-content__last {
	 margin-bottom: 100px;
 }
 #sub_contents .p-sub-content__last .p-sub-content-list li:first-child {
	 margin-top: 23px;
 }
 #sub_contents .p-sub-content__title {
	 font-weight: 600;
	 font-size: 16px;
	 border-bottom: solid 1px #dddde4;
	 padding-bottom: 15px;
 }
 #sub_contents .p-sub-content__text {
	 margin-top: 24px;
	 line-height: 26px;
 }
 #sub_contents .p-sub-content-list li {
	 margin-top: 30px;
 }
 #sub_contents .p-sub-content-list__title {
	 display: flex;
	 align-items: center;
 }
 #sub_contents .p-sub-content-list__title span {
	 font-family: 'Crimson', serif;
	 font-style: italic;
	 font-size: 22px;
	 margin-right: 10px;
 }
 #sub_contents .p-sub-content-list__title p {
	 font-weight: 600;
 }
 #sub_contents .p-sub-content-list__text {
	 line-height: 26px;
	 letter-spacing: 0.06em;
 }
 #sub_contents .p-sub-content-list__text02 {
	 margin-top: 15px;
 }
 #sub_contents .p-sub-content-list__note {
	 margin-top: 25px;
	 padding: 22px 35px;
	 background-color: #ededed;
	 line-height: 26px;
	 margin-bottom: 40px;
 }
 #sub_contents .p-sub-content-list__note span {
	 font-weight: 600;
	 display: block;
 }
 #sub_contents .p-sub-content-signature {
	 text-align: right;
	 line-height: 26px;
	 margin-top: 26px;
 }
 #sub_contents .p-sub-content__logo {
	 margin-top: 32px;
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-end;
 }
 #sub_contents .p-sub-content__logo img {
	 width: 70px;
	 height: 72px;
	 transition-property: all;
	 transition-duration: .3s;
	 transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
 }
 #sub_contents .p-sub-content__logo img:hover {
	 opacity: 0.7;
 }
 }
 
 @media only screen and (max-width: 750px) {
 #sub_contents .p-sub-content {
	 margin: 0 30px;
	 margin-bottom: 90px;
 }
 #sub_contents .p-sub-content__last {
	 margin-bottom: 110px;
 }
 #sub_contents .p-sub-content__last .p-sub-content-list li:first-child {
	 margin-top: 13px;
 }
 #sub_contents .p-sub-content__title {
	 font-weight: 600;
	 border-bottom: solid 1px #dddde4;
	 padding-bottom: 10px;
 }
 #sub_contents .p-sub-content__text {
	 margin-top: 16px;
	 line-height: 25px;
 }
 #sub_contents .p-sub-content-list li {
	 margin-top: 22px;
 }
 #sub_contents .p-sub-content-list:last-child li:first-child {
	 margin-top: 0px;
 }
 #sub_contents .p-sub-content-list__title {
	 display: flex;
	 align-items: baseline;
	 margin-bottom: 3px;
 }
 #sub_contents .p-sub-content-list__title span {
	 font-family: 'Crimson', serif;
	 font-style: italic;
	 font-size: 19px;
	 margin-right: 5px;
 }
 #sub_contents .p-sub-content-list__title p {
	 font-weight: 600;
 }
 #sub_contents .p-sub-content-list__text {
	 line-height: 26px;
	 letter-spacing: 0.06em;
 }
 #sub_contents .p-sub-content-list__text02 {
	 margin-top: 8px;
 }
 #sub_contents .p-sub-content-list__note {
	 margin-top: 21px;
	 padding: 22px;
	 background-color: #ededed;
	 line-height: 25px;
	 margin-bottom: 27px;
	 letter-spacing: 0.001em;
 }
 #sub_contents .p-sub-content-list__note span {
	 font-weight: 600;
	 display: block;
	 margin-bottom: 4px;
 }
 #sub_contents .p-sub-content-signature {
	 text-align: right;
	 line-height: 26px;
	 margin-top: 26px;
 }
 #sub_contents .p-sub-content a {
	 color: #222426;
	 text-decoration: none;
 }
 #sub_contents .p-sub-content__logo {
	 margin-top: 20px;
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-end;
 }
 #sub_contents .p-sub-content__logo img {
	 width: 70px;
	 height: 72px;
 }
 }




#contents{
 width:100%;
}





#cnt-copy0{
 width:100%;
 /* background: linear-gradient(to top,#dee2e2 50%, rgba(247, 246, 244, 1) 50%); */
 position:relative;
 /* padding-top: 30px; */
}
#cnt-copy0 .text-box{
 max-width: 1380px;
 margin: 0px auto 0;
 box-sizing:border-box;
 background: #fff;
 padding: 50px 30px 0px;
}
#cnt-copy0 .text-box h2{
 font-size: 1.8em;
 color: #fefefe;
 opacity: 1;
 font-weight:normal;
 font-weight: 600;
 line-height: 1.3em;
 /*  background: linear-gradient(transparent 70%, #a7d6ff 70%); */
 /* background: #067f4e; */
 position: relative;
 color: #000000;
 /* background: #ffe000; */
 line-height: 1.4;
 text-align: center;
 padding: 0.5em 0.5em 0.5em 0.5em;
 /* font-family: "游明朝",'Amerigo BT', YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; */
}

/*    #cnt-copy0 .text-box h2:before{content: '';/* position: absolute; *//* left: -100.5em; */line-height: 1.4;/* top: 20px; */width:60px;content: '';/*何も入れない*/display: inline-block;/*忘れずに！*/width: 245px;/*画像の幅*/height: 75px;/*画像の高さ*/padding-right: 20px;background-image: url('../../common/img/common/takayamain-245.png');background-size: contain;vertical-align: middle;background-repeat: no-repeat;} */

@media only screen and (max-width: 750px) {
	 #cnt-copy0 .text-box h2{font-size: 1em;}
		 #cnt-copy0 .text-box h2:before{content: '';line-height: 1.4;width:60px;content: '';display: inline-block;width: 100px;height: 31px;/padding-right: 20px;background-image: url('../../common/img/common/takayamain-245.png');background-size: contain;vertical-align: middle;background-repeat: no-repeat;}
		 #cnt-copy0 .text-box {padding: 10px 10px;}
}


#cnt-copy0 .text-box h2 span{
/*  background: linear-gradient(transparent 70%, #ffd5d7 70%); */
font-weight: 600;
}


#cnt-copy0 .text-box h2 span{
 position: relative;
 line-height: 1.4;
 padding: 0.25em 0.4em;
 display: inline-block;
 top:0;
}

#cnt-copy0 .text-box h2 span:before, #cnt-copy0 .text-box h2 span:after { 
 position: absolute;
 top: 0;
 content:'';
 width: 8px;
 height: 100%;
 display: inline-block;
}
#cnt-copy0 .text-box h2 span:before {
 /* border-left: solid 1px black; */
 /* border-top: solid 1px black; */
 /* border-bottom: solid 1px black; */
 /* left: 0; */
}
#cnt-copy0 .text-box h2 span:after {
 /* content: ''; */
 /* border-top: solid 1px black; */
 /* border-right: solid 1px black; */
 /* border-bottom: solid 1px black; */
 /* right: 0; */
}



#cnt-copy0 .text-box h3{
 /* font-size: 1.6em; */
 opacity: 1;
 font-weight:normal;
 font-weight: 600;
 line-height: 1em;
 font-weight: 400;
}



#cnt-copy0 .text-box p{
 margin-top: 10px;
 font-size: 17px;
 padding: 5px;
 line-height: 2;
}








#cnt-item-box{
 /* background:#dee2e2; */
 /* display: grid; */
 padding: 00px 0 0px;
}
#cnt-item-box .cnt-item{
 max-width: 1380px;
 width:100%;
 /* min-height: 500px; */
 margin: 0px auto 0;
 padding: 0 50px 20px;
 box-sizing:border-box;
 background:#fff;
 /* display:flex; */
 position:relative;
}
#cnt-item-box .cnt-item .text-box{
 width:45%;
 order: 2;
 box-sizing:border-box;
}
#cnt-item-box .cnt-item .text-box .text-box-in{
 top:50%;
 transform:translate(0,-50%);
 position:relative;
 
}
#cnt-item-box .cnt-item .text-box h2{
 font-family: 'Abel', sans-serif;
 color: #333;
 opacity: 0.9;
 font-weight: 700;
 line-height: 1.3em;
 box-sizing: border-box;
 font-size:2em;
 letter-spacing: 0.1em;
}
#cnt-item-box .cnt-item .text-box h3{
 font-size:0.8em;
 letter-spacing:0.3em;
 font-weight:normal;
 color:#777;
}
#cnt-item-box .cnt-item .text-box p{
 margin-top:10px;
}

#cnt-item-box .cnt-item2{
 max-width: 1380px;
 width:100%;
 margin:50px auto 0;
 padding:50px;
 box-sizing:border-box;
 background:#fff;
 display:flex;
 position:relative;
 width: -webkit-calc(100% - 200px);
}




#cnt-item-box .cnt-item .image-box{
 width:55%;
 padding-right: 50px;
 box-sizing:border-box;
 order: 1;
}
#cnt-item-box .cnt-item .con_01 .image{
 width:100%;
 height:100%;
 background: url(../images/01_1.jpg) no-repeat top;
 background-size:cover;
}
#cnt-item-box .cnt-item .con_02 .image{
 width:100%;
 height:100%;
 background:url(../images/02_1.jpg) no-repeat top;
 background-size:cover;
}

#cnt-item-box .cnt-item .con_03 .image{
 width:100%;
 height:100%;
 background:url(../images/03_1.jpg) no-repeat top;
 background-size:cover;
}

#cnt-item-box .cnt-item .con_04 .image{
 width:100%;
 height:100%;
 background:url(../images/04_1.jpg) no-repeat top;
 background-size:cover;
}

#cnt-item-box .cnt-item .con_05 .image{
 width:100%;
 height:100%;
 background:url(../images/05_1.jpg) no-repeat top;
 background-size:cover;
}

#cnt-item-box .cnt-item .con_06 .image{
 width:100%;
 height:100%;
 background:url(../images/06_1.jpg) no-repeat top;
 background-size:cover;
}

#cnt-item-box .cnt-item .con_07 .image{
 width:100%;
 height:100%;
 background:url(../images/07_1.jpg) no-repeat top;
 background-size:cover;
}

 

@media screen and (max-width: 1580px) {
 #cnt-copy0 .text-box,
 #cnt-copy1 .text-box,
 #cnt-item-box .cnt-item{
	 width: calc(100% - 0px);
	 width: -webkit-calc(100% - 0px);
 }
}

.contact_Area {
max-width: 960px;
width:100%;
margin: 50px auto;
padding: 10px 0;
/* background: #ffffff;
border: 1px solid #cccccc;
border-radius: 5px; */
/* box-shadow: 0 0 7px rgba( 0, 0, 0, 0.2 ); */
font-size: 95%;
line-height: 1.8;
}




form#mail_form * {
/* margin: 0; */
/* padding: 0; */
}

form#mail_form {
width: 960px;
margin: 50px auto;
padding: 10px 0;
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 5px;
/* box-shadow: 0 0 7px rgba( 0, 0, 0, 0.2 ); */
font-size: 95%;
line-height: 1.8;
}

form#mail_form dl {
width: 90%;
margin: 0 auto;
overflow: hidden;
}

form#mail_form dl dt {
clear: both;
width: 30%;
float: left;
border-top: 1px solid #cccccc;
padding: 15px 0;
text-align: right;
overflow: hidden;
}

form#mail_form dl dd {
width: 65%;
float: right;
border-top: 1px solid #cccccc;
padding: 15px 0 15px 5%;
}

form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child + dd {
border: none;
}

form#mail_form dl dt span {
display: block;
font-size: 85%;
color: #c37400;
}


/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
display: inline-block;
float: left;
color: #ffffff;
padding: 4px 10px;
border-radius: 3px;
}

form#mail_form dl dt span.required {
/* background: #d9534f; */
/* border: 1px solid #d43f3a; */
}

form#mail_form dl dt span.optional {
background: #337ab7;
border: 1px solid #2e6da4;
display: none;
}

form#mail_form dl dd span.error_blank,
form#mail_form dl dd span.error_format,
form#mail_form dl dd span.error_match {
display: block;
color: #ff0000;
margin-top: 3px;
}



/* -- for JavaScript --------------------------------------------------------------- */


form#mail_form input[type="text"],
form#mail_form input[type="email"],
form#mail_form input[type="tel"],
form#mail_form input[type="date"]
 {
max-width: 90%;
padding: 4px 2%;
border: 1px solid #cccccc;
border-radius: 3px;
background: #fafafa;
-webkit-appearance: none;
font-size: 100%;
/* 	font-family: inherit; */
margin-top: 7px;
display: inline;
}

form#mail_form input[type="text"]:focus,
form#mail_form input[type="email"]:focus,
form#mail_form input[type="tel"]:focus,
form#mail_form textarea:focus {
box-shadow: 0px 0px 5px #607D8B;
border: 1px solid #607D8B;
background: #ffffff;
}

form#mail_form ul li input[type="radio"],
form#mail_form ul li input[type="checkbox"] {
/* margin-right: 10px; */
/* margin-top: 10px; */
}

form#mail_form ul li:first-child input[type="radio"],
form#mail_form ul li:first-child input[type="checkbox"] {
margin-top: 0px;
display:none;
}

form#mail_form select {
font-size: 100%;
/* 	font-family: inherit; */
margin-top: 10px;
}

form#mail_form textarea {
display: block;
width: 90%;
max-width: 90%;
height: 200px;
padding: 7px 2%;
resize: vertical;
border: 1px solid #cccccc;
border-radius: 3px;
background: #fafafa;
-webkit-appearance: none;
font-size: 100%;
/* 	font-family: inherit; */
}


form#mail_form ul {
list-style-type: none;
}

form#mail_form ul li label:hover {
cursor: pointer;
}


form#mail_form input#company {
width: 60%;
}

form#mail_form input#name_1,
form#mail_form input#name_2,
form#mail_form input#read_1,
form#mail_form input#read_2,
form#mail_form input#postal,
form#mail_form input#phone,
form#mail_form input#schedule {
width: 30%;
}

form#mail_form input#name_1,
form#mail_form input#name_2,
form#mail_form input#read_1,
form#mail_form input#read_2
{
width: 80%;
/* width: 30%; */
}





form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm {
width: 80%;
}

form#mail_form input#postal + a {
display: inline-block;
padding: 5px 15px;
/* 	border: 1px solid #607D8B; */
border-radius: 3px;
background: #607D8B;
font-size: 100%;
color: #ffffff;
text-decoration: none;
}

form#mail_form input#postal + a:hover {
cursor: pointer;
background: #7e9cab;
/* 	border: 1px solid #42869a; */
}

form#mail_form input#address {
width: 90%;
}


form#mail_form p#form_submit {
width: 90%;
margin: 0 auto;
padding: 15px 0;
border-top: 1px solid #cccccc;
}

form#mail_form input[type="button"] {
padding: 7px 20px;
border: 1px solid #000000;
/* border-radius: 3px; */
background: #000000;
font-size: 100%;
color: #ffffff;
/* 	font-family: inherit; */
-webkit-appearance: none;
}

form#mail_form input[type="button"]:hover {
cursor: pointer;
background: #474747;
border: 1px solid #474747;
}

form#mail_form input#form_submit_button {
margin-left: 35%;
}



input[type="submit"] {
background: none;
border: none;
-webkit-appearance:none;
}

/*
.c-submitset input[type="submit"]:hover {
background-color: #262626;
}
*/


.c-submit {
text-align: center;
display: inline-block;
background-color: #3f3f3f;
position: relative;
overflow: hidden;
margin:0 10px;
font-size: 16px;
}

.c-submit > input {
color: #fff;
font-size: 0.929em;
line-height: 2;
display: inline-block;
background-color: transparent;
padding: 20px 20px;
min-width: 180px;
cursor: pointer;
-webkit-transition: background-color .15s;
transition: background-color .15s;
position: relative;
z-index: 1;
/* margin: 10px; */
text-align: center;
}

.c-submit:before {
content: "";
width: 100%;
height: 100%;
background-color: #262626;
position: absolute;
left: 0;
top: 100%;
-webkit-transition: -webkit-transform .12s ease-out;
transition: transform .12s ease-out;
}
.c-submit:hover:before {
-webkit-transform: translateY(-100%);
	 -ms-transform: translateY(-100%);
			 transform: translateY(-100%);
}
.IE8 .c-submit:hover {
background-color: #262626;
}

.c-submit:after {
/* content: ""; */
/* width: 8px; */
/* height: 14px; */
/* background: url(../images/sprite1.png) no-repeat -250px 0; */
/* position: absolute; */
/* right: 15px; */
/* top: 50%; */
/* margin-top: -7px; */
/* opacity: 0; */
/* -webkit-transform: translateY(30px); */
-ms-transform: translateY(30px);
/* transform: translateY(30px); */
/* -webkit-transition: all .15s ease-in; */
/* transition: all .15s ease-in; */
}
.c-submit:hover:after {
opacity: 1;
-webkit-transform: translateY(0);
	 -ms-transform: translateY(0);
			 transform: translateY(0);
-webkit-transition-delay: .1s;
			 transition-delay: .1s;
}
.IE8 .c-submit:after {
content: none;
}
.IE8 .c-submit:hover:after {
content: "";
}

.c-submitset {
text-align: center;
}

.c-submitset > li {
display: inline-block;
margin: 0 5px;
}





#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap h4 {
    font-size:16px;
}




table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	/* width:100%; */
	/* height:40px; */
}


.c-submit {
margin:0 10px 10px;
}
}



/* -- responsive ----------------------------------------------------------------------------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {

form#mail_form {
width: 95%;
font-size: 100%;
}

form#mail_form dl {
overflow: visible;
}

form#mail_form dl dt {
width: auto;
float: none;
text-align: left;
padding: 15px 0 5px;
font-weight: 500;
}

form#mail_form dl dd {
width: auto;
float: none;
border-top: none;
padding: 0px 0 20px 0px;
}

form#mail_form dl dt span {
font-weight: normal;
}


/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
margin-right: 1em;
margin-bottom: 2em;
}


/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */

form#mail_form input[type="text"],
form#mail_form input[type="email"],
form#mail_form input[type="tel"] {
margin-top: 0px;
}

form#mail_form input#postal + a {
padding: 6px 15px 5px;
}

form#mail_form input#form_submit_button {
margin-left: 0;
}

form#mail_form select {
font-size: 16px;
margin-top: 0;
}

form#mail_form input#phone,
form#mail_form input#schedule {
width: 50%;
}

}


/* ----- input ----- */
input.st { margin: 0; padding: 10px; border: #ddd 1px solid; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; }
/* input */
input.col-100 { max-width: 100%; display: block; }
input.col-half { max-width: 450px; display: block; }
input.col-address1 { max-width: 80px; margin: 0 5px 0 0; padding: 10px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
input.col-address2 { max-width: 120px; margin: 0 0 0 5px; padding: 10px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
input.col-address { max-width: 120px; margin: 0; padding: 10px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
input:focus { border: #3f3f3f solid 1px; }
input.other { margin: 0; padding: 5px 10px; border: #7eccd6 1px solid; background: #f8f8f8; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; max-width: 400px; }

/* ----- select ----- */
select {border: #ddd 1px solid;background: #fefefe;padding: 5px 10px;letter-spacing: 1px;width: 80px;}
option { border: #ddd 1px solid; margin: -1px 0 0; padding: 5px; font-weight: normal; line-height: 1; }

/* ----- textarea ----- */
textarea { width: 100%; line-height: 1.7; padding: 10px; letter-spacing: 1px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
textarea.talentname { height: 5em; }
textarea.small { height: 10em; }
textarea.detail { height: 15em; }
textarea:focus { border: #3f3f3f solid 1px; }

/* ----- span / br ----- */
span.small-category { display: block; margin-top: 5px; vertical-align: 0; }
span.birthday { padding: 0 15px 0 5px; vertical-align: 0; }
span.block { display: block; vertical-align: 0; }
br.block-1150 { display: none; }
span.import {color: #fefefe;background: #3f3f3f;border-radius: 5px;padding-left: 5px;padding-right: 5px;padding: 2px 5px;margin-left: 5px;font-weight:500;}
p.small { font-size: 12px; line-height: 1.8; margin-top: 5px; }

.mustTxt { margin-top: 5px; font-size: 12px; font-weight: bold; color: #fefefe; background: #e803a4; width: 50px; height: 20px; line-height: 20px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

input[type=radio], input[type=checkbox] {display: none;}

/* ----- .radio,.checkbox ----- */
.radio,
.checkbox {box-sizing: border-box;position: relative;display: inline-block;margin:0;padding: 10px 15px 10px 42px;/* border-radius: 8px; */background: #f5f5f5;vertical-align: middle;cursor: pointer;z-index:2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.radio:hover,
.checkbox:hover { background: #f0fafe; }
.radio:hover:after,
.checkbox:hover:after { border-color: #9E9E9E; }
.radio:after,
.checkbox:after { position: absolute; top: 50%; left: 15px; display: block; margin-top: -10px; width: 16px; height: 16px; border: 1px solid #bbb; border-radius: 0; content: ''; background:#fefefe; z-index:-1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.radio:after {border-radius: 100%; }
.radio:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 19px; display: block; margin-top: -6px; width: 10px; height: 10px; border-radius: 100%; background: #7eccd6; content: ''; opacity: 0; }
input[type=radio]:checked + .radio:before { opacity: 1; }
.checkbox:before {  position: absolute; top: 50%; left: 21px; display: block; margin-top: -8px; width: 5px; height: 9px; border-right: 2px solid #7eccd6; border-bottom: 2px solid #7eccd6; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
input[type=checkbox]:checked + .checkbox:before { opacity: 1; }


input[type=liquidation], input[type=checkbox] {display: none;display: block;display: inline;display:none}

/* ----- .liquidation,.checkbox ----- */
.liquidation,
.checkbox {box-sizing: border-box;position: relative;display: inline-block;margin:0;padding: 10px 15px 10px 42px;/* border-radius: 8px; */background: #f5f5f5;vertical-align: middle;cursor: pointer;z-index:2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.liquidation:hover,
.checkbox:hover { background: #f0fafe; }
.liquidation:hover:after,
.checkbox:hover:after { border-color: #3f3f3f; }
.liquidation:after,
.checkbox:after { position: absolute; top: 50%; left: 15px; display: block; margin-top: -10px; width: 16px; height: 16px; border: 1px solid #bbb; border-radius: 0; content: ''; background:#fefefe; z-index:-1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.liquidation:after {border-radius: 100%; }
.liquidation:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 19px; display: block; margin-top: -6px; width: 10px; height: 10px; border-radius: 100%; background: #7eccd6; content: ''; opacity: 0; }
input[type=liquidation]:checked + .liquidation:before { opacity: 1; }
.checkbox:before {  position: absolute; top: 50%; left: 21px; display: block; margin-top: -8px; width: 5px; height: 9px; border-right: 2px solid #7eccd6; border-bottom: 2px solid #7eccd6; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
input[type=checkbox]:checked + .checkbox:before { opacity: 1; }


li{
	/* display:inline; */
	list-style:none;
 }


/*css radio02*/
.radio02-input{
display: none;
}
.radio02-input + label{
padding-left: 20px;
position:relative;
margin-right: 20px;
}
.radio02-input + label::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 50%;
}
.radio02-input:checked + label{
color: #009688;
}
.radio02-input:checked + label::after{
content: "";
display: block;
position: absolute;
top: 3px;
left: 3px;
width: 11px;
height: 11px;
background: #009688;
border-radius: 50%;
}





/* css checkbox01 */
.checkbox01-input{
display: none;
}
.checkbox01-parts{
padding-left: 20px;
position:relative;
margin-right: 20px;
}
.checkbox01-parts::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 4px;
}
.checkbox01-input:checked + .checkbox01-parts{
color: #009a9a;
}
.checkbox01-input:checked + .checkbox01-parts::after{
content: "";
display: block;
position: absolute;
top: -5px;
left: 5px;
width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #009a9a;
border-right: 3px solid #009a9a;
}





form#mail_form dl dt span.required{
	background: #e6a01e;
	color: #ffffff;
	/* padding: 3px; */
	/* border-radius: 5px; */
	/* margin-right: 5px; */
 }






.head {
position: relative;
margin: 100px 0 0;
}

.head-box {
position: relative;
/* max-width: 1200px; */
margin: 0 auto;
padding: 30px;
background: #ffffff;
text-align: center;
}

.head-box h2 {
padding: 0 0 30px;
font-size: 20px;
font-weight: 600;
}

@media (max-width: 499px) {
.head-box h2 {
 font-size: 3rem;
}


 form#mail_form input[type="date"] {
    display:block;
    margin-bottom:5px;
    width: 180px;
    height: 40px;
}

.head-box p {
text-align: center;
font-size: 18px;
}

.formEnroll {
position: relative;
}

.formEnroll-box {
max-width: 1000px;
margin: 10px auto;
padding: 10px 0;
background: #ffffff;
}


.finish {
 max-width: 600px;
 margin: 0 auto;
 text-align: center;
}



.error_messe {
font-size: 16px;
line-height: 2;
text-align:left;
border-bottom:1px dashed #ddd;
}



.err_check{
 max-width: 600px;
 margin:10px auto;
 padding:2%;
 width:100%;
 border:1px solid #ddd;
}