/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Shinichi Kataoka
Author URI: https://issin-eng.com
Template: enfold
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap');

body {		
	font-family:Lato,"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;
	font-synthesis: none;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

h1, h2, h3, h4, h5, h6,.iconbox_content_title {
	line-height: 1.3;
	letter-spacing: 0.1rem !important;
}

h1{
	font-size: 1rem !important;
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}


h2 {
	font-size: 38px;
	font-size: 2.375rem;
}

/*EDGE用ウェイト合わせ*/
.av-special-heading-tag{
	font-weight: 400 !important;
}

h3 {
	font-size: 24px;
	font-size: 1.5rem;
}

/*ロゴの高さを合わせる*/

.logo a img {
	max-height:64px
	/*max-height: 56px;*/
}


/*メニューのhover変更*/

#top #header .av-main-nav > li {
	letter-spacing: 0.05rem !important;
}

#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
	transition: all 0.2s 0s ease-out ; 
}

#top #header .av-main-nav > li:hover > a .avia-menu-text, #top #header .av-main-nav > li:hover > a .avia-menu-subtext {
	color: #eb3b3b!important; 
}

#top #header .av-main-nav > li:active > a .avia-menu-text, #top #header .av-main-nav > li:active > a .avia-menu-subtext {
	color: #a81010!important; 
}

#top #header .av-main-nav >li.av-menu-button-bordered > a .avia-menu-text{
	padding:10px 16px ;
}


/*MVのテキスト装飾*/
#top  h2.avia-caption-title {
	text-shadow:1px 1px 10px #86c1f9;
	letter-spacing: 0.4rem !important;
}

.avia_transform .av_fullscreen .active-slide .avia-caption-content {
	padding-top: 20%;
}

#top .avia-slideshow-button {
	margin:0;
	font-size:15px;
	font-size:0.9375rem;
	letter-spacing: 0.05rem;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	outline: none;

}

#top .avia-slideshow-button:hover {
	background-color: #F44548 !important;
}

#top .avia-slideshow-button:active {
	background-color: #a81010 !important;

}

/*横並び同一高さカラムの上マージンを調整*/
#top .flex_column_table.av-equal-height-column-flextable:not(:first-child){
	margin-top: 16px !important;
}

p ,tr th,tr td,li{
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.8;
	text-align: justify;
	letter-spacing: 0.035rem !important;
}

tr th,tr td{
	padding:1.5rem;
	line-height: 1.4;
}

li{
	line-height: 1.4;
}

/*バーガーメニューのフォント設定*/

#av-burger-menu-ul li .avia-menu-text{	
	font-size: 20px;
	font-size:1.25rem !important;
}


/*1カラムの説明文下マージン*/

.singletxt {
	margin-bottom: 32px;
}

	
/*社員の声 */

div .avia-testimonial-content h3{
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.2;
}

div .avia-testimonial-wrapper{
	margin-bottom: 0;
}


@media (min-width: 768px) {
	
	/*MVのテキスト位置下げる*/
	#top  h2.avia-caption-title {
		margin-top:2.5rem !important;
	}

	.singletxt {
		padding-left:10%;
		padding-right:10%;
	}

	.singletable tr td:nth-child(1) {
		width:31%;
	}

	.singletable tr td:nth-child(2) {
		width:69%
	}
	

}

@media only screen and (max-width: 989px) and (min-width: 768px){
	/*社員の声 */
	div .avia-testimonial-content h3{
		font-size: 24px;
		font-size: 1.5rem;
	}
}

@media (max-width: 767px) {
	
	/*PHONEインフォエリア修正*/
	
	#header_meta{
		background-color: #222222 !important;
		color: #e9e9e9 !important;
		border: 0 !important;
	}
	
	.phone-info{
		padding: 7px 0;
	}
	
	/*ヘッダちらつき消去*/
	#header_main{
		background-color: #ffffff !important;
	}
	
	/*ブロックマージン*/
	div .avia-section-large .content{
		padding-top: 56px;
		padding-bottom: 56px;
	}
	
	/*モバイルメニューのボーダーボタン枠削除*/
	
	#av-burger-menu-ul li.av-menu-button-bordered .avia-menu-text{
    border: none;
    padding:0;
	}
	
	/*モバイルメニューの上部余白削除*/
	
  .av-burger-overlay-inner {
	  top: -110px !important;  
	}
  
	/*スクロールトップボタン表示*/
	/*
	#scroll-top-link{
		right: 20px;
		bottom: 20px;
	}
	
	.responsive #scroll-top-link {
  	display: block !important;
	}
	*/
	
	/*モバイルページでの左右マージン*/
	.container{
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	/*モバイルページ文字間隔調整*/
	.caption_container{
		width: 85% !important;
		max-width: 85% !important;
	}
	
	#top  h2.avia-caption-title {
		letter-spacing: 0.2rem !important;
	}
	
	/*1カラムの説明文下マージン*/

	.singletxt {
		margin-bottom: 24px;
	}


	/*縦積みの表組み修正*/

	#top .avia-table  {
		border: 0px none !important;
	}

	.singletable  tr:nth-child(even){ 
		background: #fbfdff !important; 
	}

	tr th,tr td{
		padding:0;
	}

	.singletable tr td:nth-child(1) {
		border-top: solid 1px #e6e6e6 !important;
		font-weight: bold;
		padding:1rem 1rem 0.4rem;
	}
	
	.singletable tr td:nth-child(2) {
		padding:0 1rem 1rem;
	}

	.iconbox_content_container li{
		line-height: 1.4 !important;
	}

	/*モバイル用ロゴの高さを縮小*/

	.responsive .logo img {
		max-height:52px!important;
	}

	/*モバイル用に行間調整*/
	p{
		line-height: 1.7;
	}

	/*工事写真のpaddingをリセット*/

	div .photo_const{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	div.av_one_half.jobinfocol {
		padding-top:12px !important;
		padding-left:12px !important;
		padding-right:12px !important;
		padding-bottom:0 !important;

	}
	
		/*社員の声 */
		
	.avia-slider-testimonials .avia-testimonial-content{
		padding: 20px;		
	}

	div .avia-testimonial-content h3{
		color: #494949 !important;
		font-size: 18px !important;
		font-size: 1.125rem !important;
		line-height: 1.6 !important;
		margin-bottom: 0;
		text-align: justify;

	}
	
	div .avia-testimonial-wrapper{
		margin-top: 16px;
		margin-bottom: 0;
	}
	
	div .avia-testimonial-image{
		width:60px !important;
		height: 60px !important;
	}
	
	div .avia-testimonial-meta-mini{
		line-height: 1.2rem;
		padding-top: 0.8rem;
	}
	
	.avia-testimonial-name{
		font-size: 18px !important;
		font-size: 1.125rem !important;
	}
	
	.avia_ajax_form .button {
		margin-top: 48px !important;
	}
	
}

/* 極小ディスプレイ用 */
@media only screen and (max-width: 320px) {
	.phone-info{
		font-size: 0.625rem  !important;
	}
}


/* 社員の声矢印 */

#top .av-large-testimonial-slider .avia-slideshow-arrows a:hover{
	color: #a81010 !important;
}


/* iconboxのアイコン拡大 */
.iconbox_icon {font-size: 46px !important; }


/* 募集要項 */

.iconbox_content_container p{
	margin-bottom:0.5rem !important;
}


.iconbox_content_container li{
	letter-spacing: 0.05rem;
	line-height: 1.4;
}

.iconbox_content_container ul{
	margin-bottom:2rem;
}

.jobinfo.iconbox .iconbox_content .iconbox_content_title {
	margin-bottom:32px;
}



/* Table border */

.singletable tr th, .singletable tr td, .singletable tr {
	text-align: start;
	border: none!important;
	color: #494949;
}

.singletable tr td:nth-child(1) {
	color: #222222;
}

.singletable tr td:nth-child(2) {
	color: #494949;
}

/* Alternate row color */

.singletable  tr:nth-child(odd){ 
	background: #f4f6f8 !important; 
}
.singletable  tr:nth-child(even){ 

}


/* 送信フォーム設定 */

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select{
	font-family:Lato,"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;
	font-size:1rem;
	line-height: 1.2 !important;
	color: #222222 !important;
	
}

/* 送信ボタンをセンタリング */

#top .form_element{
	text-align: center;
}

/* ラベルを再度左寄せに */
#top label{
	text-align:left;
}

#top input[type="submit"]{
	display: inline-block;
	background-color: #eb3b3b !important;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom: solid 4px #a81010;
	outline: none;
	-webkit-transition: none;
	transition: none;
}

#top input[type="submit"]:hover {
	background-color: #F44548 !important;
}

#top input[type="submit"]:active {
	-webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
  margin-bottom:4px;
}

.avia_ajax_form .button {
	margin-top: 24px !important;
	padding: 18px 58px;
	border-radius: 3px;
	font-weight: bold;
	font-size:20px;
	font-size:1.25rem;
	letter-spacing: 0.1rem;
}

.error label:after {
	color: #eb3b3b !important;
	content: ' 必須事項をご記入ください';
}


