/* ----------------------------------------
           共通
   ---------------------------------------- */
.form_require{
        color:#E21E3A;
    }

    #contact{
    margin: 0 auto;
    }
    /*確認画面と完了画面を非表示*/
    .confirm_area,
    .thanks_area {
        display: none;
    }

    /*デフォルトのサンクスメッセージを非表示*/
/*     .wpcf7-response-output{
        display: none;
    } */
    .wpcf7-text,
    .wpcf7-textarea {
        width:100%;
    }
    .wpcf7-list-item{
        margin:0 !important;   
    }
    .back_button,.confirm_button{
		background: #0063AC;
		border: 0;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.1em;
		margin-top: 15px;
		padding: 10px 30px;
		}
    .confirm_button:disabled {
		background: #ccc;
		border: 0;
		color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
		font-weight: bold;
		letter-spacing: 0.1em;
		margin-top: 15px;
		padding: 10px 30px;
		}
    .wpcf7-radio .wpcf7-list-item {
    margin-top:5px;
    display: block;
    }
/* ----------------------------------------
           スマートフォン
   ---------------------------------------- */
@media screen and (max-width: 781px) {
    #contact,
    #wpcf7cpcnf {
        width:100%;
     margin:0 auto;
    }
    #contact  p{
     color:#707F89;
     margin-bottom:2rem;
    }
    .Form,
    .confirm_area{
     width:95%;
     margin:0 auto;   
    }
    #contact span.th_span
    {
        display:block;
		font-size:1em;
		color:#707F89;
		font-weight:900;
        width:100%;
        height:30px;
        margin-bottom:3%;
    }
    #wpcf7cpcnf p{
     margin-bottom:0;   
    }
    #wpcf7cpcnf th
    {
		font-size:1em;
		color:#3B4043;
		font-weight:900;
		background-color:#CDD6DD;
		padding:5px 0;
    }
    #wpcf7cpcnf td{
		font-size:1.25em;
		color:#3B4043;
		padding: 15px;
		width: 100%;
	    display: block;
		vertical-align:middle;
    }
    #contact .wpcf7-form-control{
		color:#3B4043;
		width:100%;
    }
    #contact .wpcf7-textarea{
		height:auto;
    }
    #contact .con_submit_btn{
        text-align:center;
    }
    
    #contact input,
    #contact select option,
    {
		color:#3B4043;
    }
    #contact  label{
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
		margin-bottom:15px;
    }
    #wpcf7cpcnf  table{
        width: 100%;
		margin-bottom:15px;
    }

    #wpcf7cpcnf  th,
    #wpcf7cpcnf  td{
		width: 100%;
	    display: block;
		text-align:center;
		border-left:none;
		border-right:none;
		font-weight: bold;
		border-bottom:1px solid #CDD6DD;
		vertical-align:middle;
		color:#3B4043;
    }
    #contact input{
        margin:0;
    }
    div.wpcf7cp-btns {
        text-align: center;
    }
     .mwform-radio-field input{
    -webkit-appearance:auto;
    }
    .wpcf7 form.sent .wpcf7-response-output{
    text-align: center;
    padding: 0.5em;
    }
    
    .wpcf7cp-btns button{
        background:#0099D9;
        color:#fff;
        width:270px;
        height:50px;
        border-radius:40px;
        text-align:center;
        line-height:20px;
    }
    button.wpcf7cp-cfm-edit-btn {
    margin-right: 0px;
}
 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    text-align: center;
    padding: 0.5em;
}   
    
    #contact input[type="submit"],
    #contact input[type="reset"]{
        background:#0099D9;
        color:#fff;
        width:270px;
        height:50px;
        border-radius:40px;
        text-align:center;
        line-height:20px;
        
    }
    /******************************************************
            採用情報
    ******************************************************/
.interview_AreaL,.interview_AreaR {
    	width: 95%;
    	margin: 0 auto;
    	text-align:center;
    	display: flex;
        flex-wrap: wrap;
    }
    
    .interview_textAreaR {
    	text-align:left;
    }
    .interview_textAreaL {
    	text-align:left;
    }
    
    .interview_textArea_inner {
    	 padding: 5px 10px;
    	 -moz-box-sizing: border-box;
    	 -webkit-box-sizing: border-box;
    	 -o-box-sizing: border-box;
    	 -ms-box-sizing:border-box;
    	 box-sizing: border-box;
    	 background-color: #fff;
    	 width:100%;
    	 margin-bottom:2rem;
    }    
    .interview_AreaR img {
    	order:-1;
        object-fit: cover;
        width: 100%;
        object-position: 0 100%;
        height: 200px;
    }
.interview_AreaL img {
    	order:-1;
        object-fit: cover;
        width: 100%;
        object-position: 100% 100%;
        height: 200px;
}
    .interview_textAreaL p,
    .interview_textAreaR p{
    color:#000;
    line-height:1.5rem;
    font-size:1.5rem;
    margin-bottom:0;
    text-align: justify;
    text-justify: inter-ideograph;
    }
    .interview_textAreaL p:first-of-type,
    .interview_textAreaR p:first-of-type{
        margin-top:2rem;
    }
.interview_title{
display:flex;
flex-wrap: wrap;
align-items: center;
margin-bottom:2rem;
}
.interview_head{
position: relative;
font-size: 1.5rem !important;
margin-right: 7rem;
margin-bottom:3rem !important;
margin-top:3rem !important;
}
.interview_head::before {
	content: attr(data-number);
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%);
	font-size: 6rem;
	color:#0063AC;
	opacity:0.5;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
  }
.interview_name{
	font-size: 2rem;
	color:#0063AC;
	margin-right:1.5rem;
}
.interview_name_en{
	font-size: 2rem;
	color:#0063AC;
}
.interview_AreaL p,.interview_AreaR p {
    color:#000;
    line-height:2.6rem;
    font-size:1.5rem;
    }
    .interview_spacer{
     height:5rem !important;  
         }
.interview_sen{
    padding: 5%;
	margin: 0 auto;
}
.interview_img{
	text-align: center;
	order:-1;
}
.interview_img img{
    width:80%;
}
.entry_btn a{
margin:5rem auto 0;
}

    /******************************************************
            プライバシーポリシー
    ******************************************************/
    #privacy{
		text-align: justify;
		-moz-text-align-last: justify;
    }
    #privacy .b_box{
        display:block;
        width:138px;
        height:25px;
        line-height:25px;
        text-align:center;
        margin-top:40px;
        margin-bottom:15px;
        background-color:#000;
        color:#fff;
    }
}
/*----------------------------------------
            PC、タブレット
   ---------------------------------------- */
@media print,screen and (min-width: 782px) {
    /******************************************************
            依頼見積（入力）
    ******************************************************/
    #contact,
    #wpcf7cpcnf {
        width:100%;
        max-width:900px;
     margin:0 auto;
    }
    #contact  p{
     color:#707F89;
     margin-bottom:2rem;
    }
    #contact span.th_span
    {
        display:block;
		font-size:1em;
		color:#707F89;
		font-weight:900;
        width:25%;
        height:30px;
    }
    #wpcf7cpcnf th
    {
		font-size:1em;
		color:#707F89;
		font-weight:900;
        width:25%;
        height:30px;
    }
    #wpcf7cpcnf td{
		font-size:1.25em;
		color:#3B4043;
		max-width: 680px; 
		padding-bottom:15px;   
    }
    #contact .wpcf7-form-control{
		color:#3B4043;
		width:100%;
		max-width: 680px; 
    }
    #contact .wpcf7-textarea{
		height:auto;
    }
    #contact .con_submit_btn{
        text-align:center;
    }
    
    #contact input,
    #contact select option,
    {
		color:#3B4043;
    }
    #contact  label{
        display:flex;
        flex-wrap: wrap;
        width: 100%;
		max-width: 900px; 
		margin-bottom:15px;
    }
    #wpcf7cpcnf  table{
        width: 100%;
		max-width: 900px; 
		margin-bottom:15px;
    }

    #wpcf7cpcnf  th{
        width:30%;
        height:30px;
    }
    .wpcf7-form-control-wrap{
        width: 75%;
    }
    #wpcf7cpcnf  td{
        width:70%;
    }
    #contact input{
        margin:0;
    }
     #contact .form-text{
        width:430px;
        vertical-align: mithle;
    }
     #contact .form_check{
       margin-left:23%;  
      }
    div.wpcf7cp-btns {
        text-align: center;
    }
     .mwform-radio-field input{
    -webkit-appearance:auto;
    }
    .wpcf7 form.sent .wpcf7-response-output{
    text-align: center;
    padding: 0.5em;
    }
    
    .wpcf7cp-btns button{
        background:#0099D9;
        color:#fff;
        width:270px;
        height:50px;
        border-radius:40px;
        text-align:center;
        line-height:20px;
    }
 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    text-align: center;
    padding: 0.5em;
}   
    
    #contact input[type="submit"],
    #contact input[type="reset"]{
        background:#0099D9;
        color:#fff;
        width:270px;
        height:50px;
        border-radius:40px;
        text-align:center;
        line-height:20px;
        
    }

    /******************************************************
            採用情報
    ******************************************************/
.interview_AreaL,.interview_AreaR {
    	position: relative;
    	width: 1000px;
    	margin: 0 auto;
    }
    
    .interview_textAreaR {
    	position: absolute;
    	bottom: -90px;
    	right: 0;
    }
    .interview_textAreaL {
    	position: absolute;
    	top: 130px;
    	left: 0;
    }
    
    .interview_textArea_inner {
    	 padding: 40px;
    	 -moz-box-sizing: border-box;
    	 -webkit-box-sizing: border-box;
    	 -o-box-sizing: border-box;
    	 -ms-box-sizing:border-box;
    	 box-sizing: border-box;
    	 background-color: #fff;
    	 width:550px;
    }    
    .interview_AreaR img {
    	width: 100%;
    }
.interview_AreaL img {
    	width: 100%;
    	float: right;
}
    .interview_textAreaL p,
    .interview_textAreaR p{
    color:#000;
    line-height:1.5rem;
    font-size:1.5rem;
    margin-bottom:0;
    text-align: justify;
    text-justify: inter-ideograph;
    }
    .interview_textAreaL p:first-of-type,
    .interview_textAreaR p:first-of-type{
        margin-top:2rem;
    }
.interview_title{
display:flex;
align-items: center;
margin-bottom:2rem;
}
.interview_head{
position: relative;
padding-right: 7rem;
font-size: 1.5rem !important;
}
.interview_head::before {
	content: attr(data-number);
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
	font-size: 6rem;
	color:#0063AC;
	opacity:0.5;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
  }
.interview_name{
	font-size: 2rem;
	color:#0063AC;
	margin-right:1.5rem;
}
.interview_name_en{
	font-size: 2rem;
	color:#0063AC;
}
.interview_AreaL p,.interview_AreaR p {
    color:#000;
    line-height:2.6rem;
    font-size:1.5rem;
    }
    .interview_spacer{
     height:15rem !important;  
         }
.entry_btn a{
margin:0 auto;
}

    /******************************************************
            プライバシーポリシー
    ******************************************************/
    #privacy{
		text-align: justify;
		-moz-text-align-last: justify;
    }
    #privacy .b_box{
        display:block;
        width:138px;
        height:25px;
        line-height:25px;
        text-align:center;
        margin-top:40px;
        margin-bottom:15px;
        background-color:#000;
        color:#fff;
    }
}