@charset "utf-8";
/* CSS Document */


.smp, .he-topoutline header .smp {
	display: none;
}


@media screen and (max-width: 1000px) {
	
/* ----------------------------------------------------------------------
  共通
 ---------------------------------------------------------------------- */
 
.pc {
	display: none;
}

.smp, .he-topoutline header .smp {
	display: block;
}

body, html {
	width: 100%;
	height: 100%;
	font-size: 0.9em;
	-webkit-text-size-adjust: 100%;
}


/* ----------------------------------------------------------------------
 ▽以下各ページ【main】
---------------------------------------------------------------------- */	

/* ----------------------------------------------------------------------
  共通
---------------------------------------------------------------------- */

.ma-inner {
	width: 100%;
	padding: 0 20px;
	margin: 100px auto;
	box-sizing: border-box;
}

.conth2-ttl img {
	width: 100%;
}


/* ----------------------------------------------------------------------
メイン画像エリア
---------------------------------------------------------------------- */

.mainimg-outer {
	width: 100%;
	margin: 0;
}

.mainimg-inner {
	width: 100%;
	position: relative;
}

.mainimg-outer .mainimg-area {
	width: 100%;
	position: relative;
}

.mainimg-outer .main-img {
	/*width: 100%;*/
	height: 50vh;
}

.mainimg-outer .maintxt-area {
	/*width: 100%;*/
	height: auto;
	min-height: auto;
	position: absolute;
	top: 40%;
	left: 0;
	/*background: rgba( 0, 0, 0, .7 );*/
}

.maintxt-area img {
	width: 100%;
	padding: 20px;
	margin: 0 auto;
}
	
	.slider-area {
		display: none;
	}
	
	.mainimg-area .slick-dots, .mainimg-area .slick-prev, .mainimg-area .slick-next {
		display: none !important;
	}


/* ----------------------------------------------------------------------
リクルートエリア
---------------------------------------------------------------------- */

.recruit-outer {
	min-height: auto;
	padding: 70px 0 70px 0;
	margin: 0;
}

.recruit-inner {
	width: 100%;
	padding: 20px;
	/*margin: 0 auto;*/
	border: solid rgba( 204, 222, 200, 1.0 ) 5px;
}

.magazine1-img, .magazine2-img {
	width: 50%;
}

.magazine2-img {
	float: none;
}

.recruit-ttl {
	float: none;
}

.recruit-ttl img {
	width: 100%;
	margin-top: 50px;
}

.recruit1-zone {
	float: none;
}

.text1-zone, .text2-zone {
	width: 100%;
	margin: 0;
	float: none;
	text-align: center;
}

.text1-zone li, .text2-zone li {
	min-height: auto;
	line-height: 3em;
	font-size: 1.3rem;
	font-weight: normal;
	background-size: contain;
	background-position: center center;
	/*background: url("https://www.yg1937.com/wp-content/themes/yg2022/images/index/recruit/text-bg.gif") no-repeat center right;
	font-family: "メイリオ",serif;
	color: rgba( 153, 134, 117, 1.0 );*/
}


/* ----------------------------------------------------------------------
NEWSエリア
---------------------------------------------------------------------- */

.news-zone .col3-inbox {
	width: auto;
	margin: 0 auto 10px auto;
}

.news-zone .col3-inbox p {
	/*width: 8em;*/
	font-size: 1.0rem;
	/*padding: .5rem;
	margin: 0 auto;
	border: rgba( 255, 255, 255, 1.0 ) solid 2px;
	color: rgba( 255, 255, 255, 1.0 );
	text-align: center;*/
}


/* ----------------------------------------------------------------------
INFORMATIONエリア
---------------------------------------------------------------------- */

.info-area {
	width: 100%;
	margin: -50px 0 0 0;
	float: none;
}

.info-area dt, .info-area dd {
	width: 100%;
	font-size: 1rem;
	padding: 0;
	/*box-sizing: border-box;*/
	border-radius: 0;
	/*color: rgba( 255, 255, 255, 1.0 );*/
}

.info-area dt {
	background: rgba( 134, 116, 102, .5 );
}

.info-area span {
	font-size: 1.0rem;
	/*padding: 5px 20px;
	background: rgba( 220, 220, 220, 1.0 );*/
}


/* ----------------------------------------------------------------------
SNSエリア
---------------------------------------------------------------------- */

.sns-area {
	width: 100%;
	margin-top: 100px;
	float: none;
}

.sns-ttl {
	width: 100%;
}

.sns-zone {
	display: block;
}

.sns-zone .insta-box {
	margin: 0 0 80px 0;
}

.sns-zone .insta-box, .sns-zone .fb-box {
	width: 80%;
	margin: 0 auto;
}

.sns-zone .insta-box iframe, .sns-zone .fb-box .fb-page {
	width: 100%;
	height: 300px;
}


/* ----------------------------------------------------------------------
RESULTエリア
---------------------------------------------------------------------- */

.construction-outer {
    background-size: auto 100%;
}

.construction-inner {
	/*width: 1100px;*/
	display: block;
	/*flex-wrap: wrap;*/
}

.construction-inner li {
	margin: 0 0 20px 0;
}

.construction-inner li a {
	width: 100%;
	font-size: 1.5rem;
	/*padding: 30px 10px;
	border: rgba( 255, 255, 255, 1.0 ) solid 1px;
	color: rgba( 255, 255, 255, 1.0 );
	background: rgba( 0, 0, 0, .4 );
	text-align: center;
	display: block;*/
}

.result-zone .col3-inbox {
	width: auto;
	margin: 0 0 20px 0;
}

.construction-inner span {
	font-size: 1.0rem;
	/*margin-top: 10px;
	display: block;*/
}

.result-zone .col3-inbox .result-name {
	font-size: 1.0rem;
	/*padding: 5px;
	position: absolute;
	top: 10px;
	left: 10px;
	color: rgba( 255, 255, 255, 1.0 );
	text-align: center;*/
}

.result-zone .col3-inbox .more-txt {
	/*width: 8em;*/
	font-size: 1.0rem;
	/*padding: .5rem;
	margin: 0 auto;
	border: rgba( 255, 255, 255, 1.0 ) solid 2px;
	color: rgba( 255, 255, 255, 1.0 );
	text-align: center;*/
}


/* ----------------------------------------------------------------------
SAFETYエリア
---------------------------------------------------------------------- */

.safety-outer {
    background-size: auto 100%;
}

.safety-zone .col4-inbox {
	width: auto;
	margin: 0 0 20px 0;
}

.safety-zone .col4-inbox .more-txt {
	width: 100%;
	font-size: 1.0rem;
	/*padding: .5rem;
	margin: 0 auto;
	border: rgba( 255, 255, 255, 1.0 ) solid 2px;
	color: rgba( 255, 255, 255, 1.0 );
	text-align: center;*/
}


/* ----------------------------------------------------------------------
▽以下ヘッダー部分
---------------------------------------------------------------------- */	

/* ----------------------------------------------------------------------
共通
---------------------------------------------------------------------- */	

.he-inner {
	width: 100%;
}


/* ----------------------------------------------------------------------
drawerメニュー部分
---------------------------------------------------------------------- */	

/* ボタン通常時
---------------------------------------------------------------------- */	

.he-inner #open {
	width: 50px;
	height: 50px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url("https://www.yg1937.com/wp-content/themes/yg2022/images/category/common/header/botton/open-btn.png") rgba( 255, 255, 255, .5) left top no-repeat;
	border-radius: 5px;
	float: right;
	transition-property: all;
	transition-duration: 1s;
}


/* ボタンクリック時
---------------------------------------------------------------------- */	

.he-inner #open.close {
	background: url("https://www.yg1937.com/wp-content/themes/yg2022/images/category/common/header/botton/close-btn.png") left top no-repeat;
}

#drawer.show-menu {
	left: 30%;
}

.content-fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}


/* メニュー通常時
---------------------------------------------------------------------- */	

#drawer {
	width: 70%;
	height: 100%;
	background: rgba( 255, 255, 255, .95 );
	box-sizing: border-box;
	position: fixed;
	top: 60px;
	left: 100%;
	transition-property: all;
	transition-duration: .8s;
	z-index: 10000;
}

	
/* メインメニューリンク
---------------------------------------------------------------------- */

.he-inner .gnav-outer {
	float: none;
}

.he-inner .gnav-outer li {
	padding: 0 10px;
	float: none;
}

.he-inner .gnav-outer a {
	width: 100%;
	height: auto;
	font-size: 1.0rem;
}


/* ----------------------------------------------------------------------
▽以下フッター部分
---------------------------------------------------------------------- */	

/* ----------------------------------------------------------------------
共通
---------------------------------------------------------------------- */	

.fo-outer {
	background: rgba( 195, 186, 179, 1.0 );
}

.fo-inner {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	/*margin: 0 auto;*/
}

.fo-inner img {
	width: 100%;
}


/* ------------------------------------------------------------
グループ企業紹介
------------------------------------------------------------*/

.fo-bottom-outer .group-area div {
	width: 100%;
	padding: 0 20px 30px 20px;
	color: rgba( 255, 255, 255, 1.0 );
	text-align: center;
	float: none;
}

	
/* ------------------------------------------------------------
 ▽以下Function部分
------------------------------------------------------------*/

/* Pagetop
------------------------------------------------------------*/

#pagetop a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	/*border-radius: 3px;
	position: fixed;*/
	bottom: 50px;
	right: 10px;
	/*background: rgba( 0, 0, 0, 1.0 );
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	font-size: 1.5em;
	text-align: center;
	vertical-align: bottom;
	display: block;
	z-index: 10000;*/
}

#pagetop a:hover {
	background: rgba( 0, 0, 0, 1.0 );
}


}