@charset "utf-8";


/* temporary */
div#global_navi{
	display:none;
}

/* common
---------------------------------------- */
div#header{
	background-color:white;
}
div#contents{
	min-width:1024px;
}
div.form h3.ttl{
	border-bottom:1px #7fbe26 solid;
	margin:0 auto 30px;
	padding:5px 0;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	position:relative;
	border-left:none;
	border-bottom:1px #7fbe26 solid;
	background-color:transparent;
}
div#footer p.btn{
	display:none;
}

@media screen and (max-width: 1054px) {
	div#contents{
		width:95%;
		min-width:0;
	}
}


/* form
---------------------------------------- */
div.form{
	margin:0 auto 60px;
}
div.form dl{}
div.form dl dt,
div.form dl dd{
	position:relative;
	padding:15px 0 5px;
	border-top:1px #ccc dotted;
}
div.form dl dt{
	width:300px;
	padding:20px 30px 15px 80px;
}
div.form dl dd{
	width:570px;
}
div.form dl dt:nth-child(1),
div.form dl dd:nth-child(2){
	border-top:none;
}
div.form dl dd .form-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10px;
}
div.form dl dd .form-box .form-box-date{
    width: 15%;
    border: none;
    padding: 0;
}
div.form dl dd .form-box .form-box-content{
    width: 80%;
    border: none;
    padding: 0 0 0 5px;
}

@media screen and (max-width:1054px){
	div.form dl dt{
		width:25%;
		padding:15px 5% 15px 10%;
	}
	div.form dl dd{
		width:60%;
	}
}
@media screen and (max-width:960px){
	div.form dl dt{
		padding:15px 5% 15px 12%;
	}
	div.form dl dd{
		width:58%;
	}
}
@media screen and (max-width:820px){
	div.form dl dt{
		padding:15px 5% 15px 14%;
	}
	div.form dl dd{
		width:56%;
	}
    div.form dl dd .form-box .form-box-date{
        width: 20%;
    }
    div.form dl dd .form-box .form-box-content{
        width: 75%;
    }
}

@media screen and (max-width:680px){
	div.form dl dt,
	div.form dl dd{
		width:100%;
		border-top:1px #ccc solid;
	}
	div.form dl dt{
		width:80%;
		padding:15px 15px 0 20%;
	}
	div.form dl dd{
		border-top:none;
	}
    div.form dl dd .form-box .form-box-content{
        padding: 0 0 0 10px;
    }
}
@media screen and (max-width:510px){
	div.form dl dt{
		width:70%;
		padding:15px 15px 0 25%;
	}
}

div.form dl dt:before{
	width:60px;
	content:"必須";
	position:absolute;
	left:0;
	display:block;
	margin-top:-5px;
	margin-right:15px;
	padding:2px 5px;
	color:white;
	text-align:center;
	border:1px #7fbe26 solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	background-color:#7fbe26;
}
div.form dl dt.option:before{
	content:"任意";
	color:#7fbe26;
	border:1px #7fbe26 solid;
	background-color:#fff;
}

@media screen and (max-width:680px){
	div.form dl dt::before {
    	width: 10%;
		padding:2px 2%;
	}
}
@media screen and (max-width:510px){
	div.form dl dt::before {
    	width: 15%;
		padding:2px 2%;
	}
}

div.form input[type=text],
div.form select{
	margin-bottom:10px;
	padding:10px 15px;
	font-size:16px;
	border:3px #f1f1f1 solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
}
div.form input[type=text]{
	width:45%;
	background-color:#f5f5f5;
}
div.form input[type=text]:focus{
	background-color:#fff;
}
div.form input.zip{
	width:7em;
}
div.form input#addr,
div.form input#street,
div.form input#holiday_addr,
div.form input#holiday_street,
div.form input#school_name{
	width:90%;
}
div.form input.address_btn{
	margin:0 15px 0 5px;
	padding:10px 15px 8px 35px;
	color:#7fbe26;
	font-size:16px;
	text-decoration:underline;
	border:1px #7fbe26 solid;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-ms-border-radius:25px;
	background:#fff url(../img/arr.png) no-repeat left 20px center;
	transition:all 0.3s linear;
}
div.form input.address_btn:hover{
	color:#fff;
	text-decoration:none;
	border:1px #ff6400 solid;
	background-color:#ff6400;
}

div#holiday_info dl{
	margin-top:30px;
}
div.form h3.ttl:before{
	width:80px;
	height:74px;
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	background:url(../img/silhouette1.png) no-repeat center center;
	z-index:-1;
}

div#school_info.form h3.ttl:before{
	width:38px;
	height:72px;
	background-image:url(../img/silhouette2.png);
}
div#holiday_info.form h3.ttl:before{
	width:38px;
	height:66px;
	background-image:url(../img/silhouette3.png);
}
div#send_info.form h3.ttl:before{
	width:24px;
	height:77px;
	background-image:url(../img/silhouette4.png);
}

@media screen and (max-width:1054px){
	input#name,
	input#furi,
	input#email,
	input#school_name,
	input#faculty_name,
	input#department_name,
	input#high_school_name,
	input#tel,
	input#holiday_tel,
    input#company_name,
    input#president,
    input#company_addr,
    input#company_tel,
    input#company_fax,
    input#contact_name,
    input#contact_addr,
    input#contact_department,
    input#contact_staff,
    input#contact_tel,
    input#contact_fax,
    input#contact_url,
    input#contact_email,
    input#fax {
		width:90%;
	}
}
div#privacy.form h3.ttl:before{
	width:115px;
	height:52px;
	background-image:url(../img/silhouette5.png);
}
div#privacy.form{
	margin:0 auto 90px;
}
div#privacy.form p{
	height:200px;
	margin:0 auto 15px;
	padding:10px;
	border:3px #ccc solid;
	overflow-y:scroll;
}

@media screen and (max-width:510px){
	div#privacy.form p {
		font-size:12px;
	}
}
div#school_info.form .type_box ul,
div#school_info.form .kana_box ul{
	display:flex;
}
div#school_info.form .type_box ul li{
	margin-right:5px;
}
div#school_info.form .kana_box,
div#school_info.form .school_box{
	display:none;
}

.kana_box ul li{
	display: inline-block;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	padding: 5px 7px;
}
.kana_box ul li:last-child {
	border-right: 1px solid #f1f1f1;
}
.school_box li a{
	display: block;
	padding: 5px 0;
	border-bottom: 1px dotted #f1f1f1;
}

ul.check_select li{
	width:17em;
	display:inline-block;
	white-space:nowrap;
}
ul.check_select.short_colum li{
	width:11em;
}


/* submit
---------------------------------------- */
div#submit {
	width:100%;
	display:block;
	margin:0 auto 60px;
}
div#submit input{
	width:40%;
	min-width:280px;
	display:block;
	margin:0 auto 10px;
	padding:15px 0;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	border:none;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	background-color:#cd3c5a;
	transition:all 0.3s linear;
	cursor:pointer;
}
div#submit input:hover{
	background-color:#ff6400;
}

/* error
---------------------------------------- */
p.err{
	margin:0 auto 60px;
	padding:20px;
	color:#ff0000;
	border:3px #ff0000 solid;
}

/* thanks
---------------------------------------- */
p#thanks{
	margin:60px auto;
	font-size:24px;
	text-align:center;
}