@charset "utf-8";
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="reset"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* ==========================
メインビジュアル・共通
============================= */
.mainvisual {
    background: url("../../../common/img/mv-recruit-bg.png")  no-repeat center bottom;
	background-size:  cover;
}
.page-title{
    background: url("../../../common/img/mv-contact.png")no-repeat center;
}
.ft_left {
    max-width: 500px;
    width: auto;
    margin: 30px auto 30px;
}
.form-outer {
    max-width: 980px;
    margin: auto;
}
.c-blue{
	color: #3A49AD;
}
.c-red{
	color: red;
}
.lead-txt{
	margin: 2em 0 1em;
}
.pc_img {
    display: block;
    margin: auto;
}
form {
    margin: 2em 0 0 0;
}
/* frame.html
=============================
============================= */
.page-contents {
    background: #fff;
    padding: 60px 5% 60px;
}
.lead-txt a {
    display: inline-block;
    text-decoration: underline;
    color: #3A49AD;
}

/* index.html
=============================
============================= */
.form-element-container {
    border-top: solid 4px #1f286f;
    border-image: linear-gradient(to right, #1f286f 0%, #7891f0 100%);
    border-image-slice: 1 0 0 0;
    display: block;
    max-width: 980px;
    border-collapse: separate;
    border-spacing: 4px;
    margin: auto;
    margin-bottom: 45px;
}
.form-field-input-pair {
    display: flex;
    border-bottom: 1px solid #3A49AD;
    overflow: hidden;
}
.form-field {
    width: 380px;
    padding: 20px;
    vertical-align: middle;
    background: #D2D4E2;
    box-sizing: border-box;
    color: #1F286F;
}
.form-field-input-pair.single .form-field {
    width: 100%;
    color: #f00;
    font-weight: bold;
}
  .form-input {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    float: left;
    align-items: center;
    overflow: hidden;
    width: 100%;
  }
  .form-input.d-block {
    display: block;
    flex-wrap: wrap;
}
.form-input textarea{
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	overflow: auto;
    border: solid 1px #DCDCDC;
	padding: 2px;
}
.haihun {
    display: inline-block;
    margin: 0 10px 0;
}
.w_full input{width: 85%; box-sizing: border-box;}
.w_half input{width: 50%; box-sizing: border-box;}
.w_25pc input{width: 25%; box-sizing: border-box;}

input, select {
    border: solid 1px #DCDCDC;
    padding: 2px;
    background: #fff;
}


/* submit
=============================
============================= */
.submit-outer {
    max-width: 570px;
    margin: 0 auto 0;
}
.guide {
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
}
input[type="submit"] , input[type="reset"]{
  -webkit-appearance: none;
  border-radius: 0;
}

input[type="submit"] , input[type="reset"]{
    background: #3A49AD;
    border-radius: 5px;
    border: solid 1px #3A49AD;
    color: #fff;
    padding: 10px 25px;
    margin: 10px;
}
input[type="reset"] {
    border: 1px solid #cbcbcb;
    background: #cbcbcb;
}
input[type="submit"]:hover , input[type="reset"]:hover{
    background: #fff;
    color: #3A49AD;
    cursor: pointer;
}

/* thanks
=============================
============================= */
.thanks {
    max-width: 500px;
    margin: 50px auto;
    text-align: center;
}
.btn-nomal a {
    display: block;
    margin: 0 auto;
    max-width: 200px;
    background: #3A49AD;
    color: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    font-size: 1.8rem;
    font-weight: bold;
}
/* =======================================================
============================= */

@media screen and ( max-width: 1200px ){
	.flow img{
		max-width: 100%;
		height: auto;
		margin: auto;
	}
}
@media screen and (max-width: 767px) {
.contact-box-inner {
    padding: 20px 5% 20px;
    margin: 0 0 20px;
    color: #3A49AD;
}
.header-logo {
    height: auto;
    margin: 14px 0 14px 5px;
}
.c-text01, .c-text03 {
    font-size: 1.4rem;
}
.c-text02 {
    font-size: 1.6rem;
    margin: 20px 0 10px;
}
.contact-box-inner ul {
    font-size: 1.8rem;
}
.contact-box-inner li {
    padding: 6px 0;
}
/* index.html============================= */
.sp_img {
    display: block;
    margin: auto;
}
.pc_img {
    display: none;
    margin: auto;
}
.form-field {
    width: 100%;
    padding: 10px 5%;
}
.form-field-input-pair {
	display: block;
	}
.form-input {
    padding: 15px 5px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    line-height: 2;
}
.w_full input , .w_half input{
    width: 100%;
    box-sizing: border-box;
}
span.text_wrap {
    display: inline-block;
}


}