@charset "UTF-8";
/* CSS Document */
body{
	background-color: #EDE3D5;
	/* font-family: "游ゴシック", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, sans-serif; */
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
	/* font-weight: 500;
	font-style: normal; */
	font-size: 16px;
	color: #242424;
	line-height: 1.8;
}
html {
	scroll-behavior: smooth;
  }

body.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

html,body,h1,h2,h3,h4,ul,ol,li,p,span,iframe,footer,address,h1,h2,h3,h4,h5,dl,dt,dd{
  margin: 0;
  padding:0;
}

@media (prefers-reduced-motion: no-preference) {
	:root {
	  scroll-behavior: auto;
	}
}
a{
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a:focus {
	outline: none;
}
a:hover{
	/* text-decoration: underline; */
	color: #6f6f6f;
}


a img{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.link_under:hover{
	text-decoration: underline;
}
.underline{
	text-decoration: underline;
}
 a[target="_blank"]::after{
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	padding-left: .3em; /*文字とアイコンの間に隙間*/
	content: '\f35d';
	color: #D43444;
}

/*ホバーエフェクト
------------------------------*/
.zoom-out-img {
	overflow: hidden;
}
.zoom-out-img img {
	display: block;
	transition-duration: 0.5s;
}
a:hover .zoom-out-img img{
	opacity: 1;
}
.zoom-out-img:hover img {
	transform: scale(1.1);
	transition-duration: 0.5s;
	opacity: 0.6;
}

.resizableIframe {
	overflow: hidden;
}
figure {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure {
    margin: 0 0 0;
}
figure:hover {
	opacity: .5;
}

/* 動画
------------------------------*/
.modal-video-body {
  max-width: 1280px;
}
.modal-video {
  /* background-color: rgba(0, 0, 0, 0.8); */
}
.video_box{
	position: relative;
}
.play{
	
}
.play::after{
	content: "";
	background-image: url(./img/play_button.svg);
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

/* list
------------------------------*/
li {
	list-style-type: none;
}

ul.common_list,
.note_list {
	/* padding-left: 1em; */
	text-indent: -1em;
}


ul.triangle_list li,
ol.number_list li,
ul.common_list li{
	margin-bottom: 5px;
}

ul.common_list li{
	position: relative;
	padding-left: 1em;
}
ul.common_list li a{
	position: relative;
}
.common_list li::before {
	content: "・";
	/* position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) ;
	-webkit-transform: translateY(-50%); */
}

.note_list {
	margin-left: 15px;
}
.note_list li::before {
	content: "※";
}
.circle_list li::before {
	content: "● ";
}

.circle_list li{
	position: relative;
	padding-left: 1.5em;
	line-height: 1.4;
}
.circle_list li:before {
	font-family: 'Font Awesome 6 Free';
	content: "\f111";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #63983b;
}

.circle_list.fukuri{
	font-weight: 600;
}
.circle_list.fukuri li{
	margin-bottom: 10px;
}


.arrow_list li{
	position: relative;
	padding-left: 1em;
}
.arrow_list li:not(:last-child){
	margin-bottom: 10px;
}
.arrow_list li::before{
	content: '\f054';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	color: #D43444;
	position: absolute;
	left: 0;
	font-size: 14px;
	top: 50%;
	transform: translateY(-50%) ;
	-webkit-transform: translateY(-50%);
}
ol.number_list{
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
  }


ol.number_list ol{
	padding-left: 1em;
}
ol.number_list > li{
	text-indent: -1.3em;
	padding-left: 1.3em;
}
ol.number_list > li:before {
	counter-increment: item;
	content: counter(item)'.';
	padding-right: .5em;
}
.triangle_list > li{
	padding-left: 1.5em;
	text-indent: -.8rem;
}
.triangle_list > li::before{
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: '\f0da';
	color: #1AADBE;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-right: 0.42em;
}
/* space
------------------------------*/
main{
	padding-top: 90px;
}
.contents_space{
	padding-top: 60px;
}
.contents_space_s{
	padding-top: 40px;
}
.color-inner{
	padding: 30px 0 ;
}

/* font
------------------------------*/
.tsukuardgothic-b{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.tsukuardgothic-m{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.shin-go{
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
}




/* text
------------------------------*/
.top_lead{
	font-size: 24px;
}
.top_lead_text{
	line-height: 3em;
}
.lead_text_s{
	font-size: 16px;
}
.lead_text{
	font-size: 18px;
}
.lead_text_m{
	font-size: 17px;
}
.lead_text span{
	font-size: 120%
}
.normal_text{
	font-size: 1rem;
}

/* section
------------------------------*/
section{
	padding-top: 40px;
}
#first_section{
	padding-top: 0;
}
section.second_page{
	padding-top: 40px;
}
/* bg
------------------------------*/

/* color
------------------------------*/
.red{
	color: #D43444;
}
.green{
	color: #63973B;
}

/* title
------------------------------*/
.tit{
	font-size: 21px;
}
.tit_sub{
	font-size: 21px;
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 600;
    font-style: normal;
}
.tit_common{
	font-size: 24px;
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.second_tit_area{
	position: relative;
	margin-top: 98px;
}
.second_tit_area::before{
	content: "";
	background-image: url(./img/icon-outline.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -70px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.second_tit_area.lineup::before{
	background-image: url(./img/icon-lineup.svg);
}
.second_tit_area.what::before{
	background-image: url(./img/icon-what.svg);
}
.second_tit_area.contact::before{
	background-image: url(./img/icon-contact.svg);
}
.second_tit_area.recruit::before{
	background-image: url(./img/icon-recruit.svg);
}
.second_tit_area.factory::before{
	background-image: url(./img/icon-factory.svg);
	width: 60px;
	height: 57px;
}
.second_tit_area.news::before{
	background-image: url(./img/icon-news.svg);
}
.second_tit{
	font-size: 30px;
    position: relative;
    padding: 0 65px;
    text-align: center;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    width: 98%;
    max-width: 1660px;
    margin: 0 auto;
	
}
.second_tit:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	background: #63973B;
	border-radius: 3px;
}
.second_tit span {
	position: relative;
	padding: 0 .5em;
	background: #ede3d6;
}
.tit_l_border{
	padding: 8px 15px;
	border-left: 8px solid #63973B;
	font-size: 24px;
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
	margin-bottom: 25px;
}
.tit_icon{
	font-size: 24px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	position: relative;
	padding-left: 64px;
	height: 54px;
	/* justify-content: center; */
	display: flex;
	align-items: center;
}
.tit_icon::before{
	content: "";
	background-image: url(./recruit/img/icon01.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 54px;
	height: 54px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) ;
	-webkit-transform: translateY(-50%) ;
}
.tit_icon.fukuri::before{
	background-image: url(./recruit/img/icon02.svg);
}
.tit_fukuri{
	background-image: repeating-linear-gradient(90deg, #63983c, #63983c 8px, transparent 8px, transparent 12px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 2px;
	padding-bottom: 20px;
}
.tit_icon.voice::before{
	background-image: url(./recruit/img/icon03.svg);
}
.tit_icon.occupation::before{
	background-image: url(./recruit/img/icon04.svg);
}
.tit_icon.suitou,
.tit_icon.engei_01,
.tit_icon.engei_02{
	padding-left: 90px;
}
.tit_icon.suitou::before,
.tit_icon.engei_01::before,
.tit_icon.engei_02::before{
	width: 80px;
	height: 80px;
}
.tit_icon.suitou::before{
	background-image: url(./line-up/img/icon-01.svg);
}
.tit_icon.engei_01::before{
	background-image: url(./line-up/img/icon-02.svg);
}
.tit_icon.engei_02::before{
	background-image: url(./line-up/img/icon-03.svg);
}

.tit_circle{
	position: relative;
	padding-left: 1.5em;
	line-height: 1.4;
	font-size: 21px;
	font-weight: 600;
}
.tit_circle:before {
	font-family: 'Font Awesome 6 Free';
	content: "\f111";
	font-weight: 900;
	position: absolute;
	font-size: 21px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #63983b;
}
/* header
------------------------------*/
.fixed-top{
	z-index: 2;
}
header {
	background-color: #EDE3D5;
	/* background-color: #aa7833; */
	height: 90px;
	position: relative;
}
.navbar{
	height: 100%;
}
.second_header .navbar-nav{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}
header .navbar-collapse{
	padding-left:266px;
}
.second_header .navbar-collapse{
	padding-left:0;
}
.page_anchor{
	margin-top:-90px;
	padding-top:90px;
}
.logo{
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.logo img,.logo_second img{
   width: 210px;
}

.logo a,.logo_second a{
	display: block;
}
.header_contact{
	position: absolute;
	right: 12px;
}
.header_address{
	font-size: 18px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.nav-link{
	font-weight: 600;
	color: #000000;
	padding: 0;
}
#header{
    transition: background-color 0.6s;
}
#header.scroll-nav {
  background: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.second_header .navbar-brand{
	margin-right: 0;
}
.second_header .navbar-nav{
	font-size: 18px;

}
.anchor-adjust {
	display: block;
	position: relative;
	top: calc(-33px + -98px + -20px); /* ヘッダーの高さに合わせて調整 */
	visibility: hidden;
}
@media (max-width: 767px) {
	.anchor-adjust {
		top: calc(-90px + -20px); /* ヘッダーの高さに合わせて調整 */
	}
}
/* space
------------------------------*/




/* メニュー
------------------------ */
.menu_list li{
	margin-bottom: 24px;
}
.menu_button {
    color: #000;
    border-radius: 15%;
    position: relative;
    display: block;

    box-sizing: border-box;
    background-color: #FFF;
    max-width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.menu_button h3{
	font-size: 18px;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-weight: 700;
    font-style: normal;
	white-space: nowrap;
}



.menu_button div {
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    width: 90%;
    text-align: center;
}

.menu_button img {
	transition: .5s;
    width: 127px;
    height: auto;
    max-width: 60%;
}





/* box
------------------------------*/
.sp_vr{
	padding-top: 40px;
	text-align: center;
}
.vr{
	display: inline-block;
    align-self: stretch;
    width: 2px;
    min-height: 1em;
    background-color: #63983B;
    opacity: 1;
    height: 40px;
}
.main_img img{
	border-radius: 35px;
}
.main_tel{
	font-size: 18px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.news_box{
	background-color: #FFF;
	padding: 5% 8%;
	border-radius: 15px;
}
.contents_box{
	background-color: #FFF;
	padding: 35px 25px;
	border-radius: 15px;
	margin-bottom: 20px;
}
.news_box h2{
	font-size: 21px;
	color: #63983B;
	text-align: center;
}
.news_box h2,.top_recruit_box h2{
	position: relative;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 0 10px 10px;
}
.news_box h2::after{
	content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 100%;
    height: 3px;
    border-radius: 3px;
	background: #63983B;
}
.news_list dl{
	display: flex;
	align-items: center;
}
.news_list li{
	border-bottom: 1px solid #707070;
	padding: 20px;
}
.news_list li dt{
	font-weight: 500;
}
.news_list h4,.news_list .time{
	font-size: 16px;
}
.news_list a:hover h4{
	text-decoration: underline;

}
.top_recruit_box{
	background-color: #FFF;
	padding: 30px 20px;
	border-radius: 10px;
	position: relative;
	margin-bottom: 20px;
}
.top_recruit_box .photo{
	position: absolute;
	top: -33px;
	right: 0;
	width: 315px;
	max-width: 30%;
	z-index: 1;
}

.top_recruit_box h2{
	font-size: 24px;
	width: 80%;
}
.top_recruit_box h2::after{
	content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 100%;
    height: 3px;
    border-radius: 3px;
	background: #63983B;
}
.top_recruit_box p{
	font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
	font-weight: 300;
	font-style: normal;
}
.company-profile,.history,.recruit_top{
	position: relative;
}
.company-profile .illust{
	position: absolute;
	width: 414px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%) ;
	max-width: 40%;
}
.history .photo{
	position: absolute;
	width: 305px;
	right: 0;
	top: -30px;
	max-width: 25%;
}
.recruit_top .illust{
    position: absolute;
    width: 414px;
    right: -50px;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* -webkit-transform: translateY(-50%); */
    max-width: 45%;
    bottom: -150px;
}
.company-profile_list dl dt{
	color: #3F7416;
}
.company-profile_list li{
	margin-bottom: 35px;
}
.scale_list li{
	/* font-size: 20px; */
	border-bottom: 1px solid #dedede;
	padding: 20px 0;
}
.scale_list dt{
	width: 210px;
}
.scale_list dd{
	text-align: right;
}
.history_item{
	position: relative;
	padding-bottom: 50px;
}
.history_item:not(:last-child):before{
	content: "";
	position: absolute;
	top: 2px;
	left: 11px;
	width: 3px;
	height: 100%;
	background: #63973B;
}
.history_item::after{
    top: 2px;
    left: 0;
    width: 25px;
    height: 25px;
    content: "";
    background: #63973B;
    border-radius: 50%;
    position: absolute;
}
.history_item .history_item_inner{
    /* font-size: 18px; */
    font-weight: bold;
    padding-left: 50px;
}
.history_item span{
	display: block;
	margin-bottom: 8px;
}
.line-up_button{
	background-color: #FFF;
	border-radius: 15%;
	padding: 15px;
	/* display: block; */
	width: 100%;
	aspect-ratio: 1 / 1;
	/* width: 360px; */
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.line-up_button img{
	width: 189px;
    max-width: 60%;
    margin: 0 auto;
}
.line-up_button h3{
	font-size: 18px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.line-up_button h3 span{
	font-size: 90%;
	display: block;
}
.line-up_list{
	margin-bottom: 50px;
}
.line-up_list > li{
	padding-left: 3vw;
	padding-right: 3vw;
}
.what_list li{
	display: grid;
	grid-template-columns: 23% 77%;
	align-items: start;
	grid-gap: 0px;
	margin-bottom: 30px;
}
.what_list li h3{
margin-left: -20px;
}
.what_list li p{
	padding-top: 30px;
}
.y_r_box{
	border-radius: 30px;
	padding: 40px 25px 15px;
	background-color: #FFFEE0;
}
.y_r_box.occupation{
	padding: 40px 15px;
}
.what_production{
	position: relative;
}
.what_production .photo{
	position: absolute;
	width: 50%;
	right: 0;
	bottom: -145px;
}
.contact_box{
	background-image: repeating-linear-gradient(90deg, #63983c, #63983c 8px, transparent 8px, transparent 12px), repeating-linear-gradient(180deg, #63983c, #63983c 8px, transparent 8px, transparent 12px), repeating-linear-gradient(90deg, #63983c, #63983c 8px, transparent 8px, transparent 12px), repeating-linear-gradient(180deg, #63983c, #63983c 8px, transparent 8px, transparent 12px);
	background-position: left top, right top, left bottom, left top;
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
	background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
	padding: 20px;
}
.voice_qa dt{
	font-size: 20px;
	margin-bottom: 10px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.voice_qa dd:not(:last-child){
	margin-bottom: 20px;

}
.item_left_menu{
	font-size: 18px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.item_left_menu ul{
	width: 240px;
}
.item_left_menu li{
	position: relative;
	padding-left: 28px;
}
.item_left_menu li:not(:last-child){
	margin-bottom: 30px;
}
.item_left_menu li::before{
	font-family: 'Font Awesome 6 Free';
	content: "\f0a9";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #63983b;
}
.item_left_menu a.active{
	color: #63983b;
}
.item_list .inner_box{
	padding: 0 25px 15px;
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 500;
    font-style: normal;
}
.item_list .item_img{
	padding-bottom: 20px;
	border-bottom: 2px solid #477624;
	margin-bottom: 2px;
	padding: 10px 10px 20px;
}
.item_list .detail{
	border-top: 2px solid #477624;
}
.item_list .detail dl{
	line-height: 1.5;
}
.detail > ul > li:not(:last-child){
	background-image: repeating-linear-gradient(90deg, #707070, #707070 6px, transparent 6px, transparent 12px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 2px;
}
.detail > ul > li:last-child{
	background-image: repeating-linear-gradient(90deg, #477624, #477624 6px, transparent 6px, transparent 12px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 2px;
	padding-bottom: 30px;
}
.detail > ul > li{
    padding: 15px 5px;
}
.detail h4{
    color: #477624;
    font-size: 21px;
    text-align: center;
}
/* .detail dl{
	font-size: 22px;
} */
.detail dl dt{
	font-size: 90%;
	color: #477624;
	font-weight: 500;
}
.news_entry_box{
	padding-bottom: 30px;
	border-bottom: 2px solid #477624;
	
}
.page-link{
	border: none;
	color: #000;
	/* font-size: 18px; */
	padding: 12px;
    line-height: 1;
}
.page-link.active, .active > .page-link{
	background-color: #63983B;
	color: #FFF;
}
.page-link.active, .active > .page-link:hover{
	color: #FFF;
}
.page-link:hover{
	color: #63983B;
}
.page-link:focus{
	box-shadow:none;
}
/* button
------------------------------*/

.button {
	position: relative;
	display: inline-block;
	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;
	/* max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center; */
}
.arrow_button{
	font-size: 18px;
	color: #62983C;
	position: relative;
	padding-right: 1em;
	transition: 0.5s;
}
.arrow_button::after{
	content: '\f054';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	color: #62983C;
	right: 0px;
	font-size: 21px;
	top: 50%;
	transform: translateY(-50%) ;
	-webkit-transform: translateY(-50%);
	transition: all 0.3s;
}
.arrow_button:hover{
	color: #62983C;
}
.arrow_button:hover::after{
	right: -5px;
}
.news_button{
	padding-right: 1em;
}
.news_button,.news_button02{
	font-size: 18px;
	color: #FFF;
	background-color:#62983C ;
	position: relative;
	border-radius: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	max-width: 100%;
	width: 290px;
	transition: 0.5s;
}
.news_button::after{
	content: '\f054';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	color: #FFF;
	position: absolute;
	right: 20px;
	font-size: 21px;
	top: 50%;
	transform: translateY(-50%) ;
	-webkit-transform: translateY(-50%);
	transition: all 0.3s;
}
.news_button02{
	padding-left: 1em;
}
.news_button02::before{
	content: '\f104';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	color: #FFF;
	left: 20px;
	font-size: 21px;
	top: 50%;
	transform: translateY(-50%) ;
	-webkit-transform: translateY(-50%);
	transition: all 0.3s;
}
.news_button:hover,.news_button02:hover{
	color: #FFF;
	background-color:#73aa4b ;
}
.news_button:hover::after{
		right: 10px;
}
.news_button02:hover::before{
		left: 10px;
}
.return_button{
	border: 3px solid #919191;
    outline: 2px solid #919191;
    outline-offset: 2px;
    margin: 10px;
    display: block;
    width: 207px;
    background: #919191;
	align-items: center;
	display: flex;
	justify-content: center;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    height: 48px;
    border-radius: 100vh;
	z-index: 1;
}
.return_button:hover{
	background: #b8b8b8;
	border: 3px solid #b8b8b8;
	outline: 2px solid #b8b8b8;
	color: #FFF;
}

.submit_button{
    border: 3px solid #63983B;
    outline: 2px solid #63983B;
    outline-offset: 2px;
    margin: 10px;
    display: block;
    width: 207px;
    background: #63983B;
	align-items: center;
	display: flex;
	justify-content: center;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    height: 48px;
    border-radius: 100vh;
	z-index: 1;
}
.submit_button:hover{
	background: #78b34b;
	border: 3px solid #78b34b;
	outline: 2px solid #78b34b;
	color: #FFF;
}
.l_button{
	width: 100%!important;
}
.recruit_contact_box{
	font-size: 21px;

}
.recruit_contact_box dd a{
	text-decoration: underline;
}
.recruit_contact_box dd,.recruit_contact_box dd a{
	color: #63983B;
}
.recruit_contact_box dd{
	position: relative;
	padding-left: 46px;
}
.recruit_contact_box dd::before{
	content: "";
	background-image: url(./img/icon-contact.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.recruit_contact_box dd.tel::before{
	background-image: url(./img/icon-tel.svg);
}


/* footer
------------------------ */

.footer_bg_area{
	position: relative;
}
.footer_bg .illust_r,
.footer_bg .illust_r02,
.footer_bg .illust_l{
	position: absolute;
}
/* top */
.footer_bg{
	background-image:url(./img/footer_top_sp.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	padding-top: 4.70588235%;
	position: relative;
	background-position: center bottom;
	position: absolute;
	bottom: 0;
}
.top .footer_bg .illust_r img,
.top .footer_bg .illust_l img{
	width: 12.55vw;
}
.top .footer_bg .illust_r{
	right: 10%;
	bottom: 10px;
}
.top .footer_bg .illust_l{
	left: 10%;
	bottom: 20px;
}


/* 商品情報 */
.line-up .footer_bg{
	background-image:url(./img/footer/line-up_sp.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0;
	/* height: 97px; */
	position: absolute;
	bottom: 0;
	padding-top: 20.15%;
} 

.line-up .footer_bg .illust_l img,
.line-up .footer_bg .illust_r img,
.line-up .footer_bg .illust_r02 img{
	width: 14.22vw;
}
.line-up .footer_bg .illust_l{
	left: 0;
	bottom: 20px;
}
.line-up .footer_bg .illust_r{
	right: 0;
	bottom: 0;
}
.line-up .footer_bg .illust_r02{
    right: 120px;
    bottom: 20px;
}

/* 会社概要 */
.outline .footer_bg,.news .footer_bg{
	background-image:url(./img/footer/outline_sp.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0;
	/* height: 97px; */
	position: absolute;
	bottom: 0;
	padding-top: 31.6%; 
} 
.outline .footer_bg .illust_l img,
.outline .footer_bg .illust_r img,
.outline .footer_bg .illust_r02 img{
	width: 14.74vw;
}
.outline .footer_bg .illust_l{
	left: 10%;
	bottom: 20px;
}
.outline .footer_bg .illust_r{
	right: 0;
	bottom: 20px;
}
.outline .footer_bg .illust_r02{
	right: 7%;
	bottom: 0;
}
/* NEWS */
.news .footer_bg .illust_l img,
.news .footer_bg .illust_r img{
	width: 14.74vw;
}
.news .footer_bg .illust_l{
	left: 10%;
	bottom: 20px;
}
.news .footer_bg .illust_r{
	right: 0;
	bottom: 20px;
}
/* 工場見学 */
.top .footer_bg,
.factory .footer_bg,
.engei_01 .footer_bg{
	background-image:url(./img/footer/factory_sp.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0;
	/* height: 97px; */
	position: absolute;
	bottom: 0;
	padding-top: 20.15%; 
} 
.factory .footer_bg .illust_l img,
.factory .footer_bg .illust_r img{
	width: 12.86vw;
}
.factory .footer_bg .illust_l{
	left: 10%;
	bottom: 20px;
}
.factory .footer_bg .illust_r{
	right: 0;
	bottom: 0;
}
/* こだわり */
.what .footer_bg{
	background-image:url(./img/footer/what_sp.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0;
	/* height: 97px; */
	position: absolute;
	bottom: 0;
	padding-top: 33.35%; 
} 
.what .footer_bg .illust_l img,
.what .footer_bg .illust_r img{
	width: 12.92vw;
}
.what .footer_bg .illust_l{
	left: 0;
	bottom: 20px;
}
.what .footer_bg .illust_r{
	right: 7%;
    bottom: 10px;
}
/* 求人情報 */
.recruit .footer_bg{
	background-image:url(./img/footer/recruit_sp.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0;
	/* height: 97px; */
	position: absolute;
	bottom: 0;
	padding-top: 19.15%; 
} 
.recruit .footer_bg .illust_l img{
	width: 14.95vw;
}
.recruit .footer_bg .illust_l{
	left: 28%;
	bottom: 20px;
}
/* お問い合わせ */
.contact .footer_bg,
.suitou .footer_bg{
	background-image:url(./img/footer/contact_sp.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0;
	/* height: 97px; */
	position: absolute;
	bottom: 0;
	padding-top: 28.5%; 
} 
.contact .footer_bg .illust_l img,
.contact .footer_bg .illust_r img{
	width: 13.33vw;
}
.contact .footer_bg .illust_l{
	left: 0;
	bottom: 10px;
}
.contact .footer_bg .illust_r{
    right: 7%;
    bottom: 14px;
}

/* 水稲用培土 */
.suitou .footer_bg .illust_l img{
	width: 14.74vw;
}
.suitou .footer_bg .illust_l{
	left: 0;
	bottom: 10px;
}
/* 芸用培土 播種用 */
.engei_01 .footer_bg .illust_l img,
.engei_01 .footer_bg .illust_r img{
	width: 14.74vw;
}
.engei_01 .footer_bg .illust_l{
	left: 0;
	bottom: 10px;
}
.engei_01 .footer_bg .illust_r{
    right: 12%;
    bottom: 14px;
}
/* 芸用培土 鉢上げ用 */
.engei_02 .footer_bg{
	background-image:url(./img/footer/engei_02_sp.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0;
	/* height: 97px; */
	position: absolute;
	bottom: 0;
	padding-top: 29.85%; 
} 
.engei_02 .footer_bg .illust_r{
    right: 5%;
    bottom: 20px;
}
.engei_02 .footer_bg .illust_r img{
	width: 14.74vw;
}








.footer_box{
	padding: 50px 0 12px;
	background-color: #63983B;
	color: #FFF;
	text-align: center;
	margin-top: -20px;
}
.footer_box a{
	color: #FFF;
}
#footer{
	position: relative;
}
.copy{
	display: flex;
	justify-content: center;
	padding-top: 34px;
}
.footer_logo img{
	width: 210px;
	margin-bottom: 34px;
}

/* topBtn
------------------------ */
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
}
#page-top a {
  display: block;
  opacity: 0.9;
  transition: all .3s ease;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}
#page-top a img {
  width: 60px;
  height: 60px;
}

/* form
------------------------ */
form{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
}
.form-control{
	background-color: #EBEFE9;
	border-radius: 0;
	border: 0;
	font-size: 18px;
}
.form-control:focus{
	background-color: #EBEFE9;
}
.form-content li{
	border-bottom: 1px solid #dfdfdf;
	padding: 6px 0;
}






@media (min-width: 768px) {
	/* a[href^="tel:"] {
		pointer-events: none!important;
	} */
	/* list
	------------------------------*/
	.circle_list.fukuri{
		font-size: 18px;
	}
	/* header
	------------------------------*/

	.second_header {
		background-color: #FAF7F4;
		height: 98px;
		border-radius: 22px;
		max-width: 1693px;
		width: 96%;
		margin: 0 auto;
	}
	.fixed-top.second_header{
		top: 33px;
	}
	/* .logo_second img{
		width: 52px;
	} */
	.logo_second {
		padding-left: 12px;
	}
	.navbar-expand-md .navbar-nav .current{
		/* position: relative; */
		color: #63973B;
	}
	.navbar-expand-md .navbar-nav .current::before{
		/* position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3px;
		content: '';
		background: #63973B;
		border-radius: 3px; */
	}
	.page-link{
		font-size: 18px;
		padding: 20px;
	}
	/* slick
	------------------------------*/
	.main-area {
		padding-left: 15%;
		padding-right: 2%;
	}
	/* space
	------------------------------*/

	/* bg
	------------------------------*/

	/* section
	------------------------------*/
	.color-inner{
		padding: 70px 0 ;
	}


	/* text
	------------------------------*/
	.lead_text_s{
		font-size: 18px!important;
	}
	.lead_text{
		font-size: 21px;
	}


	/* title
	------------------------------*/

	/* slick
	------------------------------*/

	/* box
	------------------------ */
	.sp_vr{
		display: none;
	}
	.main_img img{
		border-radius: 0 66px 66px 0;
	}
	/* .menu_button {
		width: 230px;
	} */
	.news_list h4,.news_list .time{
		font-size: 18px;
	}
	.top_recruit_box {
		padding: 50px 50px;
		margin-bottom: 50px;
	}
	
	.line-up_button img{
		/* width: 189px; */
		max-width: 70%;
	}
	.what_production .photo{
		position: absolute;
		width: 38%;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		bottom: auto;
	}
	.contact_box{
		padding: 40px;
	}
	.voice_qa dt{
		font-size: 23px;
	}
	.item_list > li.left-g-boder{
		border-left: 1px solid #477624;
	}
	.item_list > li.right-g-boder{
		border-right: 1px solid #477624;
	}
	.item_list > li.left-w-boder{
		border-left: 1px solid #FFF;
	}
	.item_list > li.right-w-boder{
		border-right: 1px solid #FFF;
	}
	
	/* button
	------------------------------*/
	.arrow_button{
		font-size: 21px;
	}

	/* footer
	------------------------ */
	.footer_logo img{
		width: 349px;
	}

	.footer_box{
		font-size: 20px;
	}
	.copy{
		padding-top: 84px;
	}

}

@media (max-width: 767px) {
	/* header
	------------------------------*/
	.header_contact{
		display: none;
	}
	/* bg
	------------------------------*/
	.bg_service,.bg_news{
		background-size: 40% auto;
		padding-bottom: 160px;
	}
	
	/* section
	------------------------ */
	section.contact{
		padding-top: 10px;
	}

	/* slick
	------------------------------*/


	/* メニュー
	------------------------ */
	.menu_list li{
		margin-bottom: 1rem;
	}

	/* topBtn
	------------------------ */


	/* box
	------------------------ */
	.news_list dl dt{
		margin-bottom: 5px;
	}
	.what_production{
		margin-bottom: 150px;
	}
	/* footer
	------------------------ */


	.footer_bg .illust_r img{
		width: 90px;
	}
	.footer_bg .illust_l img{
		width: 99px;
	}
	/* top */
	.top .footer_bg .illust_r img,
	.top .footer_bg .illust_l img{
		width: 23.2vw;
	}
	/* 商品情報 */
	.line-up .footer_bg .illust_l img,
	.line-up .footer_bg .illust_r img,
	.line-up .footer_bg .illust_r02 img{
		width: 23.87vw;
	}
	.line-up .footer_bg .illust_r02{
		right: 80px;
	}
	/* 会社概要 */
	.outline .footer_bg .illust_l img,
	.outline .footer_bg .illust_r img,
	.outline .footer_bg .illust_r02 img{
		width: 25.73vw;
	}
	.outline .footer_bg .illust_r02{
		display: none;
	}
		/* NEWS */
	.news .footer_bg .illust_l img,
	.news .footer_bg .illust_r img{
		width: 25.73vw;
	}
	
	/* 工場見学 */
	.factory .footer_bg .illust_l img,
	.factory .footer_bg .illust_r img{
		width: 21.6vw;
	}
	.factory .footer_bg .illust_l{
		left: 0;
		bottom: 20px;
	}
	.factory .footer_bg .illust_r{
		right: 0;
		bottom: 0;
	}
	/* こだわり */
	.what .footer_bg .illust_l img,
	.what .footer_bg .illust_r img{
		width: 21.6vw;
	}
	/* 求人情報 */
	.recruit .footer_bg .illust_l img{
		width: 20.82vw;
	}
	.recruit .footer_bg .illust_l{
		bottom: 10px;	
	}
	/* お問い合わせ */
	.contact .footer_bg .illust_l img{
		width: 20.53vw;
	}
	.contact .footer_bg .illust_r{
		display: none;
	}
	/* 水稲用培土 */
	.suitou .footer_bg .illust_l img{
		width: 24.8vw;
	}
	/* 芸用培土 播種用 */
	.engei_01 .footer_bg .illust_l img,
	.engei_01 .footer_bg .illust_r img{
		width: 23.87vw;
	}
	.engei_01 .footer_bg .illust_r{
		right: 0;
		bottom: 14px;
	}	
	/* 芸用培土 鉢上げ用 */
	.engei_02 .footer_bg .illust_r img{
		width: 23.73vw;
	}
}
@media (max-width: 991px) {
	.menu_list {
		--bs-gutter-x: 1rem;
	}
		/* .row.menu_list > *{
		padding-right: calc(var(--bs-gutter-x) * 0.3);
		padding-left: calc(var(--bs-gutter-x) * 0.3);
	}
	.menu_list li {
		margin-bottom: calc(var(--bs-gutter-x) * 0.6);
	} */
	/* box
	------------------------ */
	.main_text_area{
		padding-left: 12px;
		padding-right: 12px;

	}
	.item_left_menu{
		display: none;
	}

	/* space
	------------------------------*/

	/* footer
	------------------------ */
	/* .footer_bg{
		height: 200px;
	} */

}
@media (min-width: 992px) {
	/* header
	------------------------------*/

	.logo{
		padding-left: calc(50px - 1.5rem);
	}
	.header_contact{
		right: 50px;
	}


	/* text
	------------------------------*/
	.top_lead{
		font-size: 34px;
	}
	.lead_text_l{
		font-size: 32px;
	}
	.lead_text_m{
		font-size: 20px;
	}
	/* space
	------------------------------*/

	/* bg
	------------------------------*/
	.bg_contact{
		padding: 67px 0;
		background-size: 30% auto, 30% auto;
	}
	/* title
	------------------------------*/
	.tit{
		font-size: 38px;
	}
	.tit_sub{
		font-size: 30px;
	}
	.second_tit span {
		padding: 0 1em;
	}
	.second_tit_area::before{
		width: 100px;
		height: 100px;
		position: absolute;
		top: -110px;
	}
	.second_tit_area.factory::before{
		width: 100px;
		height: 95px;
	}
	.second_tit_area{
		margin-top: 183px;
	}
	/* メニュー
	------------------------ */

	.main_tel{
		font-size: 25px;
	}
	/* box
	------------------------ */


	.news_box{
		padding: 3% 8%;
		border-radius: 30px;
	}

	.news_box h2{
		font-size: 32px;
	}
	.top_recruit_box .photo{
		position: absolute;
		top: -33px;
		right: -88px;
	}
	.top_recruit_box p{
		font-size: 21px;
	}

	.top_recruit_box h2{
		font-size: 38px;
	}
	.company-profile_list dl{
		font-size: 20px;
	}
	.scale_list li{
		font-size: 20px;
	}
	.history_item .history_item_inner{
		font-size: 18px;
	}
	.y_r_box{
		padding: 65px 50px;
	}

	/* 固定メニュー
	------------------------ */

	/* footer
	------------------------ */
	.footer_box{
		padding: 100px 0 34px;
	}
	.footer_bg{
		background-image:url(./img/footer_top.png);
		padding-top: 18.97826087%;
		background-size: cover;
	}

	/* 商品情報 */
	.line-up .footer_bg{
		background-image:url(./img/footer/line-up.png);
		height: 114px;
		padding-top: 16.25%;
	}
	/* 会社概要 */
	.outline .footer_bg,.news .footer_bg{
		background-image:url(./img/footer/outline.png);
		/* height: 114px; */
		padding-top: 19.4%; 
	}
	/* 工場見学 */
	.factory .footer_bg,
	.engei_02 .footer_bg{
		background-image:url(./img/footer/factory.png);
		/* height: 114px; */
		padding-top: 16.25%; 
	}
	/* こだわり */
	.what .footer_bg{
		background-image:url(./img/footer/what.png);
		/* height: 114px; */
		padding-top: 19.4%; 
	}
	/* 求人情報 */
	.recruit .footer_bg{
		background-image:url(./img/footer/recruit.png);
		/* height: 114px; */
		padding-top: 19.1%; 
	}
	/* お問い合わせ */
	.top .footer_bg,
	.contact .footer_bg,
	.suitou .footer_bg{
		background-image:url(./img/footer/contact.png);
		/* height: 114px; */
		padding-top: 19.4%; 
	}
	/* 芸用培土 播種用 */
	.engei_01 .footer_bg{
		background-image:url(./img/footer/engei_01.png);
		padding-top: 16.25%; 
	}
}
@media (min-width: 1200px) {
	/* メニュー
	------------------------ */
	.top_menu{
		padding: 0 25% 0 8%;
	}
	/* header
	------------------------------*/
	.navbar-expand-md .navbar-nav .nav-link{
		padding-right: 20px;
        padding-left: 20px;
	}
	header {
		height: 164px;
		/* height: 120px; */
	}
	.logo img{
		width: 269px;
	}
	header .navbar-collapse{
		padding-left: 326px;
	}

	header.second_header .navbar-nav{
		font-size: 23px;
	}
	.logo_second img{
		width: 52px;
	}
	header.second_header .navbar-collapse{
		padding-left: 0;
		padding-right: 64px;
	}	
	/* bg
	------------------------------*/

	/* section
	------------------------------*/
	section{
		padding-top: 140px;
	}
	section.second_page{
		padding-top: 60px;
	}
	/* space
	------------------------------*/
	main{
		padding-top: 164px;
	}
	.contents_space{
		padding-top: 110px;
	}
	.contents_space_s{
		padding-top: 80px;
	}
	/* box
	------------------------ */
	.history .photo{
		width: 305px;
		top: -90px;
		max-width: 30%;
	}
	.line-up_button h3{
		font-size: 32px;
	}
	.contents_box{
		padding: 75px;
		border-radius: 30px;
		margin-bottom: 30px;
	}
	.detail h4{
		font-size: 24px;
	}
	/* title
	------------------------------*/
	.tit_l_border{
		padding: 15px 35px;
		font-size: 36px;
		border-left: 12px solid #63973B;
		margin-bottom: 50px;
	}
	.tit_common{
		font-size: 36px;
	}
	.tit_icon{
		font-size: 36px;
		padding-left: 84px;
		height: 74px;
	}
	.tit_icon::before{
		width: 74px;
		height: 74px;
	}
	.tit_circle{
		font-size: 26px;
	}
	.tit_circle:before {
		font-size: 26px;
	}
	.tit_icon.suitou,
	.tit_icon.engei_01,
	.tit_icon.engei_02{
		padding-left: 120px;
	}
	.tit_icon.suitou::before,
	.tit_icon.engei_01::before,
	.tit_icon.engei_02::before{
		width: 110px;
		height: 110px;
	}
	/* slick
	------------------------------*/
	/* footer
	------------------------ */
	/* form
	------------------------ */
	form,.form-control{
		font-size: 20px;
	}
}
@media (max-width: 1199px) {

	
}
@media (min-width: 768px) and (max-width: 1199px) {
	/* header
	------------------------------*/
	header {
		height: 124px;
		/* height: 120px; */
	}
	.logo img{
		width: 240px;
	}
	.logo_second img{
		width: 42px;
	}
	header.second_header .navbar-collapse{
		padding-left: 0;
		padding-right: 54px;
	}
	/* メニュー
	------------------------------*/
	.menu_button h3{
		font-size: 16px;
	}
	/* .top_menu{
		padding: 0 15% 0 0;
	} */
	/* space
	------------------------------*/
	main{
		padding-top: 124px;
	}
	/* title
	------------------------------*/
	.tit_l_border{
		margin-bottom: 40px;
	}
	/* box
	------------------------------*/


}
@media (min-width: 992px) and (max-width: 1199px) {
	/* header
	------------------------------*/
	header .navbar-collapse{
		padding-left: 297px;
	}
	.second_header .navbar-collapse{
		padding-left: 0;
	}
	.second_header .navbar-nav{
		font-size: 21px;
	}
	/* メニュー
	------------------------------*/
	.top_menu{
		padding: 0 15% 0 0;
	}
	/* section
	------------------------------*/
	section{
		padding-top: 100px;
	}
	section.second_page{
		padding-top: 50px;
	}
	/* space
	------------------------------*/
	.contents_space{
		padding-top: 80px;
	}
	.contents_space_s{
		padding-top: 65px;
	}
	/* title
	------------------------------*/
	.tit_common{
		font-size: 32px;
	}
	/* box
	------------------------ */
	.line-up_button h3{
		font-size: 26px;
	}
	.contents_box{
		padding: 50px;
		border-radius: 30px;
		margin-bottom: 30px;
	}
}
@media (min-width: 1600px){
	/* メニュー
	------------------------ */
	.menu_button h3{
		font-size: 23px;
	}
}
@media (min-width: 1400px) and (max-width: 1599px) {
	/* メニュー
	------------------------ */
	.menu_button h3{
		font-size: 21px;
	}
}
@media (min-width: 1400px){
	/* header
	------------------------------*/
	/* title
	------------------------------*/
	.second_tit{
		font-size: 50px;
	}

}
@media (min-width: 992px) and (max-width: 1399px) {
	/* title
	------------------------------*/
	.second_tit{
		font-size: 42px;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {

}

@media (min-width: 768px) and (max-width: 991px) {
	/* header
	------------------------------*/

	/* section
	------------------------------*/
	section{
		padding-top: 80px;
	}
	section.second_page{
		padding-top: 50px;
	}
	/* text
	------------------------------*/
	.lead_text_l{
		font-size: 24px;
	}
	.lead_text_m{
		font-size: 18px;
	}
	/* title
	------------------------------*/
	.tit{
		font-size: 28px;
	}
	.tit_sub{
		font-size: 26px;
	}
	.tit_border {
		font-size: 32px;
	}
	.second_tit{
		font-size: 36px;
	}
	.second_tit_area::before{
		width: 80px;
		height: 80px;
		top: -90px;
	}
	.second_tit_area{
		margin-top: 163px;
	}
	.tit_common{
		font-size: 28px;
	}
	/* space
	------------------------------*/
	.contents_space{
		padding-top: 60px;
	}
	.contents_space_s{
		padding-top: 40px;
	}
	/* メニュー
	------------------------ */
	.row.menu_list > *{
		padding-right: calc(var(--bs-gutter-x) * 0.3);
		padding-left: calc(var(--bs-gutter-x) * 0.3);
	}
	.menu_list li {
		margin-bottom: calc(var(--bs-gutter-x) * 0.6);
	}
	.top_menu{
		padding: 0 10% 0 0;
	}
	/* box
	------------------------ */
	/* .top_menu{
		padding-right: 8%;
	} */
	.top_recruit_box h2{
		font-size: 30px;
	}
	.news_box h2{
		font-size: 26px;
	}
	.line-up_button h3{
		font-size: 21px;
	}
	.y_r_box{
		padding: 45px 30px;
	}

	/* bg
	------------------------ */
	.bg_contact{
		background-size: 35% auto, 35% auto;
	}

	/* footer
	------------------------ */

}

@media screen and (min-width: 576px) and (max-width: 992px) {
	/* header
	------------------------------*/



}

@media screen and (min-width: 576px) and (max-width: 767px) {
	/* header
	------------------------------*/
	
	/* メニュー
	------------------------------*/
	.menu_button h3{
		font-size: 21px;
	}
	/* title
	------------------------------*/
	.top_recruit_box .photo{
		right: 0;
		top: -32px;
	}
	/* box
	------------------------ */
	.top_recruit_box {
		padding: 40px 40px;
	}
	.what_list li{
		grid-template-columns: 17% 83%;
	}
	.item_list > li.left-w-pd-boder{
		border-left: 1px solid #FFF;
	}
	.item_list > li.right-w-pd-boder{
		border-right: 1px solid #FFF;
	}
	.item_list > li.left-g-pd-boder{
		border-left: 1px solid #477624;
	}

}
@media screen and (min-width: 576px) {
	/* footer
	------------------------------*/
	address span{
		padding-right: .5em;
	}
	/* title
	------------------------------*/
	.second_tit{
		width: 90%;
	}
	/* box
	------------------------ */
	.item_list .inner_box{
		padding: 15px 15px;
	}
}
@media screen and (max-width: 575px){
	/* header
	------------------------------*/
	/* box
	------------------------ */
	.top_recruit_box .photo{
		display: none;
	}
	.top_recruit_box h2{
		width: 100%;
		text-align: center;
	}
	.company-profile .illust,.history .photo{
		display: none;
	}
	.detail h4{
		font-size: 24px;
	}
	.tit_icon.suitou::before,
	.tit_icon.engei_01::before,
	.tit_icon.engei_02::before{
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	}
	.tit_icon.suitou, .tit_icon.engei_01, .tit_icon.engei_02{
		padding-left: 0;
		justify-content: center;
		padding-top: 95px;
	}
	/* button
	------------------------------*/

	/* footer
	------------------------------*/
	address span{
		display: block;
	}
}
@media (max-width: 420px) {
	.menu_button h3{
		font-size: 15px;
	}
	.top_recruit_box{
		padding: 30px 10px;
	}
	.top_recruit_box p{
		font-size: 15px;
	}
}


@media print{
}