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

#wrapper {
	font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:15px;
	position:relative;
	color:#000;
}

.smp-desp { display:none !important; }

.fl-l { float:left; }
.fl-r { float:right; }

.fw-b { font-weight:bold !important; }
h2 { font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size:36px; text-align:center; }

 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}



/**---------- header ----------**/
header .inner { width:1200px; margin:0 auto; }
header .logo { margin:30px 0 0 17px; display:inline-block; vertical-align:middle; }
header .icon { font-size:20px; color:#fff; background:#7f7f7f; padding:5px 20px; display:inline-block; border-radius:100px; margin:30px 0 0 40px; vertical-align:middle; }
header h1 { text-align:center; margin-top:30px; }
header h1 .ttl { 
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size:48px;
}
header h1 .catch { font-size:20px; display:block; margin-top:35px; line-height:1.25em; }



/**---------- #main-cont ----------**/
#main-cont { margin-top:25px; }
#main-cont .head-box .item { float:left; width:50%; height:350px; position:relative; }
#main-cont .head-box .item01 { border-top:15px solid #8db300; background:url(../images/kv_image_jimu.jpg) no-repeat; background-size:cover; }
#main-cont .head-box .item02 { border-top:15px solid #febd00; background:url(../images/kv_image_call.jpg) no-repeat; background-size:cover; }
#main-cont .head-box .txt { position:absolute; left:0; right:0; bottom:55px; margin:0 auto; font-size:35px; width:325px; text-align:center; padding:20px 0; color:#fff; border-radius:100px; }
#main-cont .head-box .item01 .txt { background:#8db300; }
#main-cont .head-box .item02 .txt { background:#febd00; }
#main-cont .catch-box { background:url(../images/02_bg_01.jpg) no-repeat center; background-size:cover; height:720px; }
#main-cont .catch-box .inner { position:relative; width:1070px; margin:0 auto; height:720px; }
#main-cont .catch-box .txt-box { background:url(../images/02_bg_02.png) no-repeat center; width:451px; height:544px; position:absolute; left:0; bottom:65px; padding:150px 0 0 55px; }
#main-cont .catch-box .txt-box .txt { font-size:30px; font-weight:bold; color:#febd00; margin-bottom:30px; letter-spacing:-.1em; }
#main-cont .catch-box .txt-box .ttl { font-size:34px; line-height:1.5em; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
#main-cont .catch-box .txt-box .ttl span { font-size:53px; display:block; }

#main-cont .list-box { margin-top:40px; }
#main-cont .list-box .qa-box { font-size:0; margin-bottom:50px; }
#main-cont .list-box .qa-box .thumb { width:50%; display:inline-block; vertical-align:middle; }
#main-cont .list-box .qa-box .txt-box { width:50%; font-size:15px; display:inline-block; vertical-align:middle; padding:0 40px; }
#main-cont .list-box .qa-box .question { color:#8db300; font-weight:bold; font-size:32px; line-height:1.2em; }
#main-cont .list-box .qa-box:nth-child(even) .question { color:#febd00; }
#main-cont .list-box .qa-box .txt { font-size:15px; line-height:1.7em; margin-top:25px; }



/**---------- #recruit-info-sec ----------**/
#recruit-info-sec { background:url(../images/04_bg.jpg) repeat center; margin-top:80px; padding:80px 0 70px; }
#recruit-info-sec h2 { margin-bottom:65px; letter-spacing:10px; }
#recruit-info-sec .info-list { text-align:center; }
#recruit-info-sec .item { margin-bottom:7px; }
#recruit-info-sec .item .name { width:190px; padding:14px; background:#febd00; color:#fff; font-size:18px; font-weight:bold; display:inline-block; }
#recruit-info-sec .item .txt { width:735px; padding:12px 0 12px 12px; background:#fce5a1; display:inline-block; vertical-align:top; line-height:1.5em; text-align:left; }
#recruit-info-sec .item .txt ul li:before { content:"・"; }



/**---------- #flow-sec ----------**/
#flow-sec { background:url(../images/05_bg.jpg) no-repeat center; background-size:cover; height:550px; padding:70px 0 75px; }
#flow-sec h2 { margin-bottom:40px; }
#flow-sec .flow-box { width:595px; margin:0 auto; list-style:none; text-align:center; }
#flow-sec .flow-box li { padding:8px 0; background:#9cbc24; border-radius:100px; color:#fff; font-weight:bold; font-size:18px; line-height:1.5em; margin-bottom:35px; position:relative; }
#flow-sec .flow-box li span { font-size:15px; display:block; font-weight:bold; }
#flow-sec .flow-box li:after { content:""; background:url(../images/05_image.png) no-repeat center; width:74px; height:25px; position:absolute; bottom:-40px; left:0; right:0; margin:0 auto; z-index:1; }
#flow-sec .flow-box li:last-child:after { display:none; }




/**---------- #contact-sec ----------**/
#contact-sec .sec-ttl { text-align:center; font-size:36px; font-weight:bold; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
#contact-sec .privacy_check { text-align:center; }
.bosyuform { padding:90px 0 5px; }
div.bosyuform1 p { font-size:15px; }
div.bosyuform1 p span { display:block; margin-bottom:7px; color:#000; }
div.cont_tbl dt { font-weight:100; font-size:15px; }
div.cont_tbl dt span { color:#d60000; font-weight:bold; }
div.form_btn1 button { background:#8db300; color:#fff; font-family:auto; width:530px; }
div.form_btn1 button span { font-weight:bold; }
#contact-sec .privacy_check { margin-top:30px; }
div.cont_tbl dd label, div.cont_tbl div.privacy_check label { font-size:15px; }
#contact_btn { padding:25px 0; }
div.cont_tbl div.privacy_check input[type=checkbox] { vertical-align:baseline; }
div.bosyuform1 { margin:40px auto 10px; }
div.form_btn2 button { background:#fe6e32; font-family:auto; }
div.form_btn1 button:hover { opacity:1; background:#d1d800; }
div.form_btn2 button:hover { opacity:1; background:#d1d800; }
div.cont_tbl dd div.checkbox_list p { width:100%; float:inherit; }



/**---------- footer ----------**/
footer { background:#fce5a1; color:#000; padding:40px 0 45px; margin-top:50px; }
footer .inner { width:990px; margin:0 auto; line-height:1.25em; }
footer .map-box { font-size:13px; }
footer .map-box .map { width:410px; height:205px; margin-bottom:13px; }
footer .map-box .site-name { font-weight:bold; margin-left:10px; }
footer .map-box .add { margin-left:10px; }
footer .map-box .site-name a { color:#000; }
footer .map-box .site-name a:hover { text-decoration:underline; }


.wrap-copy { background:#f7ba07; text-align:right; padding-right:20px; }




/* #wrapper.form-style #wrapper.complete */
#wrapper.form-style div.form_btn1 button { width:340px; }
#wrapper.form-style header { height:480px; }
#wrapper.form-style header .head-main { height:480px; }
#wrapper.form-style header  .inner { padding-bottom:0; }

#wrapper.complete #contact-sec .sec-ttl { font-size:35px; }
#wrapper.complete div.bosyuform1 p { font-size:16px; text-align:center; margin-bottom:50px; }
#wrapper.complete div.form_btn1 a {
    background: #8db300;
    color: #fff;
    font-family: auto;
    width: 530px;
	padding: 15px 0;
	display:block; 
	font-size:20px;
}
#wrapper.complete div.form_btn1 a:hover { background:#d1d800; }



@media screen and (max-width: 1230px) {
	header { height:auto; }
	header .inner { width:95%; }
	header h1 .ttl { font-size:42px; }
	
	#main-cont .catch-box .inner { width:90%; }
	#main-cont .list-box .qa-box .txt .pc-desp { display:none; }
	#recruit-info-sec .item { width:90%; margin:0 auto 7px; }
	#recruit-info-sec .item .name { width:24%; }
	#recruit-info-sec .item .txt { width:75%; }
	
	footer .inner { width:90%; }
	footer .map-box { width:45%; }
	footer .map-box .map { width:100%; }
	footer .map-box .map iframe { width:100%; }
	
	#contact-sec .sec-ttl { font-size:40px; margin-top:30px; }
	div.bosyuform1 { margin:30px auto 15px; }
	div.form_btn1 button { font-size:18px; width:500px; }
	div.bosyuform1 p { padding:0 20px; }
}


@media screen and (max-width: 768px){
	.pc-desp { display:none; }
	.smp-desp { display:initial; }
	body { line-height:1em; }
	
	#contact-sec .sec-ttl { font-size:30px; margin-top:10px; }
	div.bosyuform1 { margin:25px auto 10px; }
	div.bosyuform1 p { line-height:1.25em; font-size:14px; }
	div.cont_tbl dt { font-size:14px; }
	.bosyuform { padding:30px 0 5px; }
	
	div.cont_tbl dd small { font-size:15px; }
	.doui { font-size:15px; }
	div.form_btn1 button { width:330px; padding:2% 0; }
	div.form_btn2 button { background:#fe6e32; width:330px; padding:2% 0; font-family:auto; font-size:18px; }
	div.cont_tbl { padding:0 10px 10px; }
	#wrapper.form-style div.form_btn1 button { width:330px; }
	
	#wrapper.complete div.form_btn1 a { background:#8db300; width:330px; padding:2% 0; margin:0 auto; font-size:18px; line-height:normal; }
	#wrapper.complete #contact-sec .sec-ttl { font-size:25px; line-height:1.25em; padding:0 20px; }
	#wrapper.complete div.bosyuform1 p { font-size:14px; line-height:1.3em; margin-bottom:15px; }
	
	.wrap-copy { font-size:10px; }
	h2 { font-size:30px; }
	header h1 .ttl { font-size:37px; line-height:1.25em; }
	header .icon { font-size:16px; margin:30px 0 0 10px; padding:5px 10px; }
	header h1 .catch { font-size:18px; }
	#main-cont .head-box .item { height:230px; }
	#main-cont .head-box .item01 { border-top:10px solid #8db300; background-position:left; }
	#main-cont .head-box .item02 { border-top:10px solid #febd00; background-position:center; }
	#main-cont .head-box .txt { font-size:20px; width:90%; padding:15px 0; }
	#main-cont .catch-box { height:420px; }
	#main-cont .catch-box .inner { height:420px; }
	#main-cont .catch-box .txt-box { width:300px; height:361px; background-size:cover; padding:90px 20px; bottom:30px; }
	#main-cont .catch-box .txt-box .txt { font-size:25px; margin-bottom:20px; }
	#main-cont .catch-box .txt-box .ttl { font-size:25px; }
	#main-cont .catch-box .txt-box .ttl span { font-size:40px; }
	#main-cont .list-box .qa-box .txt-box { padding:0 20px; }
	#main-cont .list-box .qa-box .question { font-size:23px; }
	#main-cont .list-box .qa-box .txt { font-size:14px; margin-top:20px; line-height:1.25em; }
	#recruit-info-sec { padding:40px 0; margin-top:60px; }
	#recruit-info-sec h2 { margin-bottom:30px; }
	#recruit-info-sec .item .name { font-size:14px; padding:10px; }
	#recruit-info-sec .item .txt { padding:10px; line-height:1.5em; font-size:14px; width:74%; }
	#flow-sec { height:auto; padding:50px 0 30px; background:url(../images/05_bg.jpg) no-repeat right; background-size:cover; }
	#flow-sec h2 { margin-bottom:30px; }
	#flow-sec .flow-box { width:90%; }
	#flow-sec .flow-box li { padding:10px 25px; font-size:15px; }
}


@media screen and (max-width: 425px){
	#main-cont .list-box .qa-box { margin-bottom:20px; }
	#main-cont .list-box .qa-box .txt { margin-top:15px; }
	#main-cont .list-box .qa-box .thumb { display:block; width:100%; }
	#main-cont .list-box .qa-box .txt-box { display:block; width:100%; padding:15px; }
	#main-cont .list-box .qa-box .thumb.pc-desp { display:none; }
	#main-cont .list-box .qa-box .thumb.smp-desp { display:block !important; }
	#recruit-info-sec { margin-top:0; }
	#recruit-info-sec .item .name { width:100%; font-size:16px; }
	#recruit-info-sec .item .txt { width:100%; }
	#flow-sec .flow-box li { padding:15px 30px; }
	
	footer { padding:40px 0 35px; margin-top:20px; }
	footer .inner { width:80%; }
	footer .map-box { width:100%; float:inherit !important; font-size:12px; }
	footer .map-box .map { height:180px; margin-bottom:5px; }
	footer .map-box .map iframe { height:180px; }
	footer .map-box.fl-l { margin-bottom:30px; }
}