@charset "utf-8";
/*
Template:nexjapan
Theme Name:nexjapan-child
Theme URI:https://e-kikaku.net/
Description:nexjapan
Author:TEAMWORKS
Author URI:https://tmwks.jp/
Version:1.15.1
*/

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="email"], textarea{
  vertical-align:middle;
  width:100%;
  line-height:35px;
  height:35px;
  padding:5px;
  margin-bottom: 5px;
  border:1px solid #d4d4d7;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  font-size:100%;
  color:#555;
  background:#fcfcfc;
  box-sizing: border-box;
  }
  textarea{
  height:auto;
  line-height:1.5;
  }
  select {
  padding: 8px 5px;
  }
  input[type=checkbox] {
  transform: scale(1.5);
  margin: 0 6px 0 0;
  }
  .wpcf7 input.wpcf7-back,
  .wpcf7 input.wpcf7-confirm { 
  position:relative;
  width:225px;
  }
  .wpcf7 form,.wpcf7 {
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  }
  .wpcf7 p {
  font-size: 16px !important;
  }
  *:first-child+html input[type="submit"]{padding:3px;}
   
  span.yubin,
  form input[type="submit"], input[type="reset"], input[type="button"] {
  margin: 0 auto;
  padding: 10px 20px;
  background: #32b19c;
  border: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  line-height: 1.5;
  font-size: 120% !important;
  color: #fff;
  cursor: pointer;
  height:48px;
  outline:none;
  -webkit-transition: all .3s;
  transition: all .3s;
  }
  span.yubin,
  span.yubin:hover { font-size: 80% !important; padding: 7px 10px; }
  form input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, span.yubin:hover {
  background: #32b19c;
  opacity:0.7;
  }
  #searchform input[type="submit"] {
  line-height: 1;
  padding: 6px;
  vertical-align: top;
  }
  .submit-button{
  text-align:center;
  }
  /* 確認画面用CSS */
  /*枠線消す*/
  form .wpcf7c-conf {
  background-color: transparent !important;
  border: none !important;
  }
  .wpcf7-form table p {
  padding-bottom: 5px;
  }
  textarea.wpcf7-form-control {
  max-height: 100px;
  }
  .wpcf7 .wpcf7-submit {
  background-color: #32b19c !important;
  }
  .wpcf7 .wpcf7-submit:hover {
  background-color: #32b19c !important;
  }
  .wpcf7 input[type="submit"], .wpcf7 input[type="button"] {
  border: 0 !important;
  }
  /*確認画面でradioが見え難い*/
  input[type="hidden"] + span {
  font-weight: bold;
  }
  /*確認画面セレクトボックスヤジルシ消す*/
  select.wpcf7c-conf {
   -webkit-appearance: none;
   -moz-appearance:none;
   -ms-appearance:none;
   appearance: none;
   /*Firefox用*/
  text-indent: .01px; 
  text-overflow: "";
  }
  select.wpcf7c-conf::-ms-expand {
  display: none;
  }
  .wpcf7-form table p {
  padding-bottom: 0;
  }
  [data-name="zip"] input[type="text"],
  .zip input[type="text"],
  .s_size input[type="text"] {
  width: 20%;
  }
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"]{
  width: 40%;
  }
  @media only screen and (max-width:767px){
  .wpcf7 input[type="tel"],
   .wpcf7 input[type="email"]{
   width:100%!important;
   }
  .submit-button{
  padding:0 50px;
  }
  }
  
  span.required {
  display: inline-block;
  padding: 4px 6px;
  border-radius: 6px;
  background: red;
  color: #fff;
  font-size: 90%;
  line-height: 1.2;
  text-align: center;
  margin: 0 4px;
  }
  form table .txt_s {
  font-size: 80%;
  color: #666;
  }
  
  /* table */
  .post_content table {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #f1f5f8;
  border-left: 1px solid #f1f5f8;
  font-size: 100%;
  line-height: 141.7%;
  margin: 10px -1px 24px 0;
  width: 100%;
  text-align:left;
  }
  
  .post_content th{
  background: #f1f5f8;
  border:1px solid #fff;
  color: #000;
  width:230px!important;
  white-space: nomal;
  text-align:left;
  }
  .post_content td{
  border:1px solid #f1f5f8;
  vertical-align: middle;
  text-align:left;
  white-space: wrap;
  }
  
  .post_content form table th, 
  .post_content form table td, 
  .post_content table.resp th, 
  .post_content table.resp td{
  white-space: wrap;
  }
  
  
  
  @media only screen and (max-width:767px){
  .post_content table {
  border-top: 1px solid #f1f5f8;
  border-left: 1px solid #f1f5f8;
  border-right: 1px solid #f1f5f8;
  border-bottom: 1px solid #f1f5f8;
  }        
  
  .post_content th{
  width:auto!important;
  border: none;
  }
  
  .post_content td{
  width: auto;
  border: none;
  align-items: center;
  justify-content: center;
  }
  }
  
  .post_content dl.history {
  display: flex;
  flex-wrap: wrap;
  }
  
  
  
  
  /*TCD*/
  /* Column layout - カラムレイアウト*/
  .post_col.post_col-4 { -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; width:100%; min-height:1px; margin-bottom:2em; padding-right:25px; padding-left:25px; float:left; }
  @media screen and (min-width: 768px) {
  .post_col.post_col-4 { width:66.66666%; }
  }
  @media screen and (min-width: 1024px) {
  .post_col.post_col-4 { width:66.66666%; }
  }
  .post_content [class^="well"] *:first-child:not(a) {
  margin-top: 0 !important;
  padding-top: 0 !important;
  }
  .post_content [class^="well"] *:last-child {
  margin-bottom: 0 !important;
  }
  .post_content [class^="well"] { 
  padding: 1.2em;
  }
  .post_content .style4a,
  .post_content .style5a {
  margin-top: 30px !important;
  }
  
  @media only screen and (max-width: 767px) {
  .post_content form table th, .post_content form table td,
  .post_content table.resp th, .post_content table.resp td {
  display: block;
  }
  .post_content form table th, .post_content table.resp th {
  border-top: 0;
  border-bottom: 0;
  }
  [data-name="zip"] input[type="text"],
  .zip input[type="text"],
  .s_size input[type="text"] {
  width: 30%;
  }
  span.yubin, span.yubin:hover { 
  font-size: 80% !important;
  padding: 7px 10px; 
  }
  }
  .anchor{
  display: block;
  padding-top: 120px;
  margin-top: -120px;
  }
  /*アンカー除外*/
  .post_content .pb-widget-editor *:first-child:not(.anchor):not(.gallery-item) {
  margin-top: 0 !important;
  }
  @media only screen and (max-width:767px) {
  .scroll table{
  width:100%;
  }
  .scroll{
  overflow: auto;
  white-space: nowrap;
  }
  .scroll::-webkit-scrollbar{
   height: 5px;
  }
  .scroll::-webkit-scrollbar-track{
   background: #F1F1F1;
  }
  .scroll::-webkit-scrollbar-thumb {
   background: #BCBCBC;
  }
  }
  /* 見出しスタイル */
  .post_content h2{
  margin-bottom:30px !important;
  }
  
  h2.styled_h2{
  color:#00468c;
  text-align:left !important;
  padding:0 20px;
  border-left:5px solid #00468c;
  }
  h3.keieirinen{
  color:#498eb1;
  font-size:30px;
  margin-bottom:10px !important;
  }
  
  /*改行*/
  br.pc-br{
  display:block;
  }
  br.sp-br{
  display:none;
  }
  @media only screen and (max-width:767px){
  br.pc-br{
  display:none;
  }
  br.sp-br{
  display:block;
  }
  }

/* s_table */
.s_table{
	overflow: hidden !important;
	white-space: normal !important;
}

/* フォントサイズ */

h2{
	font-size:30px !important;
	color:#5B838B;
}

h2.styled_h2{
	color:#5B838B;
	background:#fff;
	border-left:4px solid #5B838B;
}

h3{
	font-size:18px !important;
	margin-bottom:5px !important;
}

h4{
	font-size:16px !important;
	margin:10px 0 !important;
}

h5{
	margin-bottom:0 !important;
}

/* ヘッダー */
#header_top{
	display:none;
}

#header_logo img{
	width:350px;
	height:auto;
}

@media only screen and (max-width:767px){
	#header_logo img{
	width:250px;
	height:auto;
	}
}


/* ボタン色 */
.q_custom_button1.animation_type1{
	background:#06A595;
}

/* コンテンツビルダー */

/* 不要なpタグによる余白 */
.q_button_wrap p{
	display:none;
}

/* コンテンツ１ */
.post_content.clearfix.rich_font_type2 p{
	text-align:center;
}

#cb_content_1{
	background-image:url(https://e-kikaku.net/nwp/wp-content/uploads/AdobeStock_1263029190-scaled.png);
}

/* コンテンツ２ */
.top_recruit{
	width:100%;
	height:auto;
}
#cb_content_3{
	background-image:url(https://e-kikaku.net/nwp/wp-content/uploads/top_rec_img-1-scaled.jpg);
	width:100%;
	height:auto;
	background-repeat:no-repeat !important;
	margin-top:0;
	padding:150px 0;
	color:#fff;
}
#cb_content_3 h2{
	color:#fff;
}

/* トップ　不要な余白 */
.q_button_wrap{
	margin:0 !important;
}

@media only screen and (max-width:767px){
	.top_recruit{
	width:100%;
}
}
@media only screen and (max-width:767px){
	#cb_content_1 .cb_contents_inner .cb_catch{
		font-size:22px !important;
	}
}
/* お知らせ */
.image_wrap{
	display:none !important;
}
p.desc{
	margin-top:0 !important;
}

#news_list .item:last-of-type .title_area{
	border: 1px solid #ddd;
}

#news_list .title_area {
	width:100% !important;
}

.item.slick-slide.slick-current.slick-active{
	width:100%;
}

.item.slick-slide.slick-current.slick-active .title_area{
	width:1100px;
}

.title_area{
	background:#fff !important;
	border:1px solid #ddd;
	padding: 20px 30px;
	border-radius: 8px;
/* 	width:auto !important; */
	width:980px;
	max-width:1100px;
	display: flex;
    flex-direction: row-reverse;
    text-align: left;
    justify-content: flex-end;
    align-items: center;
}
.index_post_slider .item{
	margin: 0 30px 0 0;
}
.index_post_slider .title{
	max-height:2.0em !important;
	height:2em !important;
}

.index_post_slider.num5 .item .desc{
	display:none;
}
.index_post_slider li{
	padding:10px;
	border:1px solid #ddd !important;
	border-radius: 20px !important;
}

.index_post_slider .meta{
	margin-top:0 !important;
	
}
@media only screen and (max-width:767px){
	.title_area{
	padding: 12px;
	max-width:310px;
	width:auto;
	display:block;
}
	.index_post_slider .item{
		margin-right:10px;
	}
}

/* フッター */

/* フッターメニュー */
#footer_bottom{
	display:none;
}

/* copyright */
@media only screen and (max-width:767px){
	#copyright{
		font-size:10px;
	}	
}

/* 会社概要
 * ーーーーーーーーーーーーーーーーーーーーーーーー */

ul{
	margin-bottom:0 !important;
}

.company_parent{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: stretch;
}

.company_child.child3{
	width:60%;
	height: auto;
	margin-right:20px;
}

.company_child iframe{
	width:100%;
	height:100%;
	object-fit: cover;
}

.company_child.child4{
	width:40%;
	height: auto;
}

.company_child.child4 img{
	width:100%;
	height:auto;
}


.company_inner{
	padding:20px 0;
}

.company_wrap_parent{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
}

.company_wrap_parent .child1{
	width:40%;
}

.company_wrap_child.child1{
	margin-right:20px;
}

.company_wrap_child img{
	width:100%;
	height:auto;
}


.company_wrap_parent .child2{
	width:60%;
}

.text_right{
	text-align:right !important;
}

td h3{
	margin-top:10px !important;
}


@media only screen and (max-width:767px){
	.company_wrap_parent{
		display:block;
	}
	
	.company_parent{
		display:block;
	}
	
	.company_child.child3{
	width:100%;
	height: auto;
	}

	.company_child iframe{
	width:100%;
	height:100%;
	object-fit: cover;
	}

	.company_child.child4{
	width:100%;
	height: auto;
	}

	.company_child.child4 img{
	width:100%;
	height:auto;
	}
	
	.company_child.child1{
		width:100%;
		height:auto;
	}
	
	.company_wrap_child.child1 img{
		width:100%;
		height:auto;
		margin:auto;
	}
	
	.company_child.child2 {
		width:100%;
		height:auto;
	}


	.company_wrap_parent .child1,
	.company_wrap_parent .child2{
		width:100%;
		height:auto;
	}
	
	.text_right{
		text-align:left;
	}
}

/* 業務案内
 * ーーーーーーーーーーーーーーーーーーーーーーーー */

.main_service h3{
	font-size:22px !important;
}

.main_service h4{
	font-size:20px !important;
}

.service_wrap{
	padding:10px 0;
}

.service_box ul{
	margin-bottom:0 !important;
}

.service_parent{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.service_parent{
	padding-top:15px !important;
}

.service_child.child1{
	width:40%;
}

.service_child.child2{
	width:60%;
}

.service_child.child3{
	width:60%;
}

.service_child.child4{
	width:40%;
}

@media only screen and (max-width:767px){
	.service_parent{
	display:block;
}
	.service_wrap.service_parent{
	padding-top:15px !important;
	}
	
	.service_child.child1,
	.service_child.child2,
	.service_child.child3,
	.service_child.child4{
	width:100%;
}

	.service_child.child4 img{
	width:100%;
}
.service_child.child2{
	width:100%;
}
}

.service_box p{
	margin-bottom: 0!important;
}

.service_inner_inbox{
	padding:10px;
	border:1px solid #ddd;
	border-radius: 4px;
}

.service_box_inbox{
	padding:20px;
	border-radius: 4px;
	background:#F6F9F9;
}

.service_inner_inbox ul{
	margin-bottom:0;
}

.service_inner h3{
	padding: 12px;
    background: #36827a;
	color:#fff;
    border-radius: 4px;
}

.service_box{
	padding-left:12px;
}


.service_box h4{
	color:#31A398;
}

.service_box_banner{
	padding: 20px 10px;
    width: 300px;
    background: #498eb1;
    border-radius: 100px;
    text-align: center;
    font-weight: 600;
	margin:auto;
}

.banner_p{
	text-align: center !important;
    font-size: 14px;
}

.service_box_banner a{
    line-height: 1.7;
	color:#fff !important;
}
}


.btn_center{
	text-align:center !important;
}

.btn_center p{
	font-size:14px;
}

/* ボタン */
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap {
  margin: 30px 0;
}

a.btn-c {
  font-size: 2.4rem;
  position: relative;
  padding: 0.25rem 2rem 1.5rem 3.5rem;
  color: #fff;
  background: #32b19c;
  -webkit-box-shadow: 0 5px 0 #2c9b9d;
  box-shadow: 0 5px 0 #2c9b9d;
  width:50%;
}

a.btn-c span {
  font-size: 1.5rem;

  position: absolute;
  top: -10px;
  left: calc(50% - 150px);

  display: block;

  width: 300px;
  padding: 0.2rem 0;

  color: #32b19c;
  border: 2px solid #32b19c;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #32b19c;
  -webkit-box-shadow: 0 2px 0 #2c9b9d;
  box-shadow: 0 2px 0 #2c9b9d;
}

a.btn-c:hover:before {
  left: 2rem;
}

/* 750px以上の幅（PC等）がある時だけ */
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;  /* カーソルイベントを無効 */
  }
}

@media only screen and (max-width:767px){
	a.btn-c{
		width:100%;
	}
	
	.service_box_inbox {
		padding:10px;
	}

}

/* 求人情報
 * ーーーーーーーーーーーーーーーーーーーーーーーー */

.recruit_h2{
	padding: 10px !important;
    background: #36827a;
	color:#fff;
    border-radius: 4px;
}

.recruit_wrap.recruit_wrap_box h3{
	font-size:22px !important;
	padding:12px 12px 12px 0;
    color: #36827a;
}

.main_recruit ul{
	margin-bottom:0 !important;
}

.recruit_wrap_box2{
	padding: 12px;
    background: #f1f1f1;
    border-radius: 8px;
}

.recruit_wrap{
	padding:10px 0;
}

.recruit_wrap_sub{
	padding:20px 0;
}

.recruit_parent{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.recruit_child{
	width:50%;
}

.recruit_child h3{
	padding: 10px !important;
	color:#36827a;
    border-radius: 4px;
}

.merit{
	background:#f1f5f8;
	padding:12px;
	border-radius:8px;
}

.recruit_wrap.recruit1 .recruit_parent{
	padding-bottom:24px;
}

.td_div{
	background:#f7f7f7;
	padding:10px;
	border-radius:8px;
}

.a_td{
	color:#36827a !important;
	font-weight:700;
}

@media only screen and (max-width:767px){
	.recruit_parent{
	display:block;
}

	.recruit_child{
	width:100%;
}
	
	.merit{
	margin-top:20px !important;
}
}

/* お問い合わせ
 *  ---------------------------------------
 * */

.file_box{
	padding:10px 0;
}

