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

h2 {
    font-size: 24px;
    font-weight: bold;
    color: #0f3379;
    text-align: center;
    margin: 0;
    padding: 1% 0;
}

/* box-main ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.box-main {
    max-width: 640px;
    margin: 0 auto;
}
	
.box-main h3 {
    font-size: 30px;
	font-weight: 300;
    color: #666;
    text-align: center;
	margin: 2% 0;
    padding: 0 0 1.5% 0;
    border-bottom: 1px solid #888;
}

.ttl-area {
    border-top: 1.5px solid #fff;	
}


/* main-wrap ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.main-wrap {
	max-width: 640px;
    margin: 0 auto;
}


/* form ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.formarea{
	justify-content: center;
}
.req {
		text-align:center;
		font-size:80%;
		padding-bottom:60px;
}
.asta {
	color:#D96053;
    font-size: 110%;
}
.small{font-size:70%;}
.small.red{color:#D96053;}
.form-box {
	width:620px; margin: 0 auto;
}
input.txtarea, textarea.txtarea {
    width: 100%;	
    padding: 0.6em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 85%;
}
input.txtarea.zip1{width: 70px;}
input.txtarea.zip2{width: 100px;}
.zip-hyphen{margin: 0 4px;}
input.txtarea.etc{width: 150px; margin-left: 2px;}
input.txtarea.kuchi{width: 30px; margin:0 2px;}
.formstyle {
	font-size:95%;
	padding-bottom:15px;
}
.cbox {
	margin: 10px 10px 0 50px;
}



.open_cata {
    cursor: pointer;
    margin: 0 10px;
}
.open_cata:after, .open_h3.active:after {
    font-size: 11px;
    margin-left: 10px;
}
.open_cata::after {
    content: "▼";
	color:#D96053;
}


input#submit_button {
    padding: 15px 40px;
    font-size: 80%;
    background-color: #fff;
    color: #444;
    border: solid 1px #465056; /*#D96053;*/
}
input#submit_button:hover {
	background-color: #465056; /*#D96053;*/
    color: #fff;
}
.submitbtn {
	align: center;
	padding:40px 0 80px;
}

.box-main #form_thanks {
	border-bottom: 1px solid  #dbdbdb;
	width:600px;
	margin: 0 auto;
	padding-top: 180px;
}

.thx_txt {
		text-align:center;
		padding:20px 0 60px;
}

.backbtn {
	padding: 100px 0 100px;
}
.backbtn a{text-decoration: none;}

#back_button {
	width: 200px;
    padding: 15px 40px;
    font-size: 80%;
    background-color: #fff;
    color: #444;
    border: solid 1px #888;
}
#back_button:hover{
	background-color: #888;
    color: #fff;
}
#back_button a:hover {
    color: #fff;
}

/* for mobile ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

.for_sp{ display: none;}


@media only screen and (max-width: 766px) {

	.for_pc{ display: none;}	
	.for_sp{ display: block;}
	
	h1 {text-align: center;}
	
	.form-box {width: 100%;}
	input.txtarea, textarea.txtarea {width: 99%;}
	
	.box-panKuzu #panKuzuList {margin: 0 1%;}
	.box-comp-ttl {background: url(../img/co-ide-bg.jpg) right center / cover no-repeat fixed; margin: 10px auto 10px; height: 200px;}
	.box-comp-ttl #comp_title {padding-top: 85px;}
	.menuArea {width: 100%; margin: 0 2%; padding-bottom: 10px;}
	.comp_ul {padding:0;}
	.comp_btn {margin: 5px 5px; width: 170px;}
	.presi_ul {margin: 0 4% 80px;}
	#presi_img {margin: 0 auto 20px;}
	
	.ov_ul { width: 100%; padding: 2% 15%;}
	.main-wrap-cata { width: 100%; margin: 0; adding: 0 2%;}
	.his_ul {width: 100%;}
	.his_title {width: 100%;}
	.his_title, .his_item, .his_txt {padding: 1% 0;}
	.p_his::after {margin: 0;}
	.sea_img img.hk {width: 100%; height: auto;}
	
	.policy {font-size: 90%;}
	.policy .toi {font-size: 90%;}
	
	.box-main #form_thanks {text-align: center;}
	.recruit p{font-size: 70%;}
	.rec_ul {display: block; align-items: flex-start; margin: 0 2%; width: 90%;}
	select {width: 100%;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}