@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900);

/*** 基本指定 ***/
.wrap {width:1000px; max-width:92%; margin:0 auto;}
*     {letter-spacing:.05em;}
body,select,textarea,input {font-family:'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;  font-size:16px; font-weight:500; line-height:1.7em; letter-spacing:0.1em; color: #323232;}
@media (max-width:767px) {.flex {flex-wrap: wrap;}}


/*** ヘッダー ***/
header {text-align: center; padding: 1em;}
header h1 {width:4em; display: inline-block;}

@media (max-width:767px) {
	header {padding: .5em;}
	header h1 {width:3em;}
	header h1 img {vertical-align: middle;}
}


/*** メイン ***/
.main {background-image:url("../images/main_bg.jpg"); text-align: center; margin-bottom: 3em;}
.main_gra {background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 93%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%); padding: 3em 1em 0;}
.main span {color: #FFFFFF; font-size: 20px; font-weight: 500; display: inline-block; padding: .5em;}
.main figure {margin-top: -3em;}

@media (max-width:767px) {
	.main {margin-bottom:1em;}
	.main_gra {padding: 2em 2em 0;}
	.main span {font-size:16px;}
	.main figure {margin:0 -5%;}
}


/*** QA ***/
.qa {width:1100px; max-width:92%; margin:0 auto 4em;}
.qa li {width: 33.33%; padding: 0 1.5%; text-align: center;}

.qa .fukidashi {background: #c6a57e; color: #FFFFFF; border-radius: 55px; padding: 1.7em .5em; display: inline-block; width: 80%; position: relative;}
.qa .fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 15px solid #c6a57e;
}

.qa .fukidashi figure {padding-bottom: 1em;}
.qa .fukidashi strong {display: block; font-size: 24px; line-height: 1.4em; font-weight: 500;}
.qa li span {display: block; padding:1.2em 0 .3em; border-bottom: 2px solid #e2e2e2; color: #dd4747; font-size: 24px; font-weight: 700;}
.qa li p {text-align: left; font-size: 15px; padding: .5em;}
.qa li:nth-child(2) .fukidashi {background:#bdb44d;}
.qa li:nth-child(2) .fukidashi:before {border-top: 15px solid #bdb44d;}
.qa li:nth-child(3) .fukidashi {background:#7ea8c6;}
.qa li:nth-child(3) .fukidashi:before {border-top: 15px solid #7ea8c6;}

@media (max-width:768px) {
	.qa .fukidashi {border-radius:30px; padding: 1.7em .5em; width:90%;}
	.qa .fukidashi strong {font-size: 20px;}
}

@media (max-width:767px) {
	.qa {margin:0 auto 1em;}
	.qa li {width:100%;}
	.qa .fukidashi {border-radius:30px; padding:1em .5em; width:70%;}
	.qa .fukidashi strong {font-size:18px;}
	.qa .fukidashi figure {padding-bottom:.5em; width:15%; margin: 0 auto;}
	.qa li p {padding: .5em .5em 2em .5em;}
}


/*** 画像4枚 ***/
.images {background:#9db69d; padding:9px 0; text-align:center;}
.images .flex {margin: 0 auto; justify-content: center;}
.images .flex li + li {padding-left: 5px;}

@media (max-width:767px) {
	.images .flex li {width:50%; padding: 5px;}
	.images .flex li:nth-child(3) {order: 4;}
	.images .flex li:nth-child(4) {order: 3;}
}


/*** 時給・募集要項***/
.info_wrap {width:1000px; max-width:92%; margin:0 auto; padding: 4.5em 0 6em;}
.info_title {font-size: 28px; display: block; text-align: center; padding-bottom: 1em; color: #04bd04; font-weight: 700;}
.info_jikyu {margin: 0 -1.5% 2.5em;}
.info_jikyu .info_box {width: 47%; margin: 0 1.5%;}
.info_box {border: 3px solid #04bd04; border-radius: .5em;}
.info_box h3 {font-size: 25px; font-weight: 700; text-align: center; display: block; padding: .55em; background: #f1f1f1; color: #04bd04; border-radius: .25em .25em 0 0;}
.info_box .jikyu {display: block; text-align: center; color: #04bd04; font-size: 48px; font-weight: 700; padding: .5em .5em .3em .5em;}
.info_box .jikyu span {font-size:24px;}
.info_box .jikyu_txt {font-size: 13px; color: #3b563b; padding: 0 2em 2em 2em; line-height: 1.7em; text-align: center;}

@media (max-width:767px) {
	.info_wrap {padding:2.5em 0 4em;}
	.info_title {font-size:24px; padding-bottom:.5em;}
	.info_jikyu {margin: 0 0 3em;}
	.info_jikyu .info_box {width:100%; margin: 0 0 .5em 0;}
	.info_box h3 {font-size:18px; padding: .4em;}
	.info_box .jikyu {font-size:30px;}
	.info_box .jikyu span {font-size:20px;}
	.info_box .jikyu_txt {padding-bottom: 1em;}
	.info_box .jikyu_txt br {display: none;}
}



/*** 募集要項 ***/
.info_table {padding: 1em 3em 2em;}
.info_table th,
.info_table td {padding: .5em; border-bottom: 1px solid #ccc;}

@media (max-width:767px) {
	.info_table {padding: 1em 1em 1.5em;}
	.info_table * {display: block;}
	.info_table th {background: #F0F0F0; border-bottom: 0;}
	.info_table th,
	.info_table td {padding:.3em .5em; font-size: 14px;}
	.info_table td {padding-bottom: 1em;}
}




/*** フローティングボタン ***/
.btn_floating {position:fixed; right:0; top:13%; background:#e04f71; padding:1.2em 1em; border-radius:.5em 0 0 .5em; color: #FFFFFF; text-decoration: none; font-weight: bold; writing-mode: vertical-rl; letter-spacing: .1em; z-index: 100;}
.btn_floating:hover {background:#ff688c;} 

@media (max-width:767px) {
	.btn_floating {position:fixed; right:0; top:auto; width:100%; bottom: 0; background:#e04f71; padding:.6em .4em; border-radius:0; writing-mode:horizontal-tb; letter-spacing: .05em; text-align: center;}
}



/*** フッター ***/
footer {padding: 4.5em 0; background: #FFFFFF; position: relative; z-index: 1000;}
footer h4 {padding-right: 2em;}

.footer_info strong {font-size:18px; display: block; padding-bottom: .35em;}
.footer_info p {font-size:13px; line-height: 1.6em; padding-bottom: .2em; color: #454545;}
.footer_info span {font-size:12px; color: #454545;}

@media (max-width:767px) {
	footer {padding:3em 0 5em;}
	footer h4 {width: 100%; text-align: center; padding: 0 0 1em 0;}
	footer h4 img {width:30%;}
	.footer_info strong {display: none;}
	.footer_info span {display: block; padding-top: .5em; text-align: center;}
}




/*** お問い合せ・エントリー ***/
.form_wrap {background: #F5F5F5; padding:2.5em 0; position: relative; z-index: 1000;}
.form_wrap .wrap {width:1000px; max-width:92%; margin:0 auto; background: #FFFFFF; border-radius: 1em; padding: 2em;}
.form_title {font-size: 28px; display: block; text-align: center; padding:65px 0 1.5em 0; color: #e04f71; font-weight: 700; position: relative; background: #FFFFFF; z-index: 1000;}
.form_title::before {content:""; width:2px; height:50px; background:#e04f71; left: 0; right: 0; top: 0; margin: auto; position: absolute;}

.form_wrap table,
.form_wrap th,
.form_wrap td {border-collapse: collapse;}
.form_wrap th,
.form_wrap td {padding:.8em .5em; vertical-align: middle; border-bottom: 1px dotted #ccc;}
.form_wrap th {width: 30%; border-bottom: 1px solid #daaeb8; font-size: 17px;}

.form_wrap textarea,
.form_wrap input[type="email"],
.form_wrap input[type="text"] {width: 100% !important; padding:.5em .8em; border-radius: .3em; border: 1px solid #bbb; box-shadow: none !important;}

.form_wrap textarea {height: 10em !important;}
.form_wrap label {padding: .5em 1em !important; border: 1px solid #cccccc !important; border-radius: .3em; cursor: pointer; display: inline-block;}
.form_wrap label + label {margin-left:.5em;}

.form_btn {text-align: center; padding: 1.5em 0;}
.form_btn button {display: inline-block; padding: 1em 2em; font-size: 18px; border-radius: 100px; border: none; color: #FFFFFF; background:#e04f71; cursor: pointer; text-shadow: none;}
.form_btn button:hover {background: #DB3674;}

form#mailformpro label.mfp_checked { box-shadow: none !important;}

form div.mfp_err {
    background-position: 0px 4px;
}

@media (max-width:767px) {
	.form_title {font-size: 24px; padding:50px 0 1em 0;}
	.form_title::before {height:40px;}
	
	.form_wrap {padding:1.5em 0;}
	.form_wrap .wrap {padding:1em 1.3em;}
	.form_wrap table tbody,
	.form_wrap table tr,
	.form_wrap table th,
	.form_wrap table td {display: block;}
	.form_wrap th,
	.form_wrap td {padding:1em .3em .3em;}
	.form_wrap th {width:100%; font-size: 16px; border-bottom: 0; padding-bottom: 0;}
	.form_wrap td {border-bottom:1px solid #cccccc; padding-bottom:1.7em; padding-top: .3em;}
	
	.form_wrap label {display:block;}
	.form_wrap label + label {margin-left:0; margin-top: .3em;}
}









/*** 送信完了 ***/
.thanks {background-image:url("../images/main_bg.jpg"); text-align: center; padding: 5em 1em;}
.thanks * {color: #FFFFFF;}
.thanks h2 {padding-bottom: 1em;}

@media (max-width:767px) {
	.thanks h2 {font-size: 20px;}
	.thanks p {font-size: 15px;}
}