@charset "utf-8";
/* CSS Document */

/* ============================
		Reset
 ============================ */



/* ============================
		leadSection
 ============================ */

.leadSection {
}

.leadSection h2 {
text-align: center;
}

.leadSection .visual img {
width: 100%;
height: auto;
}

.leadSection .preparation {
color: #00e;
color: #666;
text-decoration: underline;
}


/* ============================
		visitSection
 ============================ */

.visitSection {
}

.visitSection .visitList {
position: relative;
}

.visitSection .visitList dl {
}

.visitSection .visitList dt {
font-size: 14px;
font-weight: bold;
}

.visitSection .visitList dd {
font-size: 14px;
margin: 0 0 1.5em 1em;
padding: 0;
}

.visitSection .programPicture {
text-align: center;
}

.visitSection .programPicture p {
margin-bottom: 5px;
font-size: 11px;
letter-spacing: 0;
}

.visitSection .programPicture a {
display: block;
}


.visitSection .programPicture .images {
padding: 0;
margin: 0;
}

.visitSection .programPicture img {
width: 100%;
max-width: 420px;
border: 1px solid #ddd;
}




/* for PC */
@media screen and (min-width: 1201px) {

	.visitSection .visitList dt {
	float: left;
	width: 4em;
	clear: both;
	}

	.visitSection .visitList dd {
	margin: 0 0 1em 0;
	float: right;
	width: calc(100% - 4em);
	}


	.visitSection .twoColumn {
	margin-bottom: 30px;
	}
	
	.visitSection .twoColumn .visitList {
	float: left;
	width: calc(100% - 420px);
	}

	.visitSection .programPicture {
	float: right;
	width: 420px;
	}
	
	.visitSection .programPicture p {
	font-size: 14px;
	}


}




/* ============================
		form
 ============================ */


.formSection {
}

.formSection .main {
}

.formSection .main dl {
margin-bottom: 20px;
}

.formSection .main dt {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}

.formSection .main dt .required {
color: #f00;
}

.formSection .main dd {
padding: 0;
margin: 0;
font-size: 14px;
}

.formSection .main ul {
list-style-type: none;
padding: 0 0 0 0.5em;
margin: 0;
}

.formSection .main li {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 14px;
}

.formSection .main .half li {
float: left;
width: 8em;
}

.formSection .main .submit {
text-align: center;
}

.formSection .formNote {
font-size: 14px;
text-align: center;
margin-bottom: 60px;
}



/*  selectメニューのカスタマイズ例 */

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: content-box;
	appearance: none;
	font-size:14px;
	padding:10px 30px 10px 10px;
	border:1px solid #ccc;
	border-radius:0;
	background-color: #fff;
	background-image:url(../../../../recruit/information/visit/images/mark_down001.webp);
	background-repeat:no-repeat;
	background-position:right 12px center;
	width: 100%;
	box-sizing: border-box
}
select::-ms-expand {
    display: none;
}



/*

checkbox / radioのカスタマイズ例
<li><input type="radio" name="userConect" checked>メール</li>
<li><input type="radio" name="userConect">電話</li>
*/

input[type="checkbox"],
input[type="radio"] {
/*display:none;*/
border:none;
border-radius: 0;
-moz-appearance: none;
-webkit-box-sizing: none;
-webkit-appearance: none;
appearance: none;
padding: 10px;
background-image: url(../images/checkbox001off.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 13px auto;
cursor:pointer;
margin-right: 0em;
position: relative;
top: 4px;
}

input[type="checkbox"]:checked ,
input[type="radio"]:checked  {
background:url(../images/checkbox001on.svg) no-repeat left center;
background-size: 13px auto;
cursor:pointer;
opacity: 1 !important;
}

input[type="checkbox"].plusOne {
background-image: url("../../../../recruit/information/visit/images/plus001.webp");
margin-left: 20px;
}

input[type="checkbox"].plusOne:checked {
background-image: url("../../../../recruit/information/visit/images/plus001a.webp");
}



input[type="text"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:14px;
padding: 10px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1em;
width: 100%;
box-sizing: border-box;
margin-bottom: 5px;
}

input[type="text"].userName {
width: calc(50% - 5px);
}

input[type="text"].date {
width: calc(50% - 1em);
}

textarea {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:14px;
padding: 10px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1.5em;
width: 100%;
height: 130px;
box-sizing: border-box;
}

button[type="submit"],
input[type="submit"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:18px;
font-weight: bold;
color: #fff;
padding: 0 10px;
border: none;
border-radius:0;
line-height: 2em;
box-sizing: border-box;
background-color: #1c4370;
width: 8em;
}


/* for PC */
@media screen and (min-width: 1201px) {

	.formSection .departmentList li {
	float: left;
	width: 14em;
	}


}





/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}