@charset "utf-8";
/* CSS Document */
/* color */
.txt_color_nomal{color: #43493A;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #8CC63F} /* メインカラー */
.txt_color2{color: #F5FCE9} /* サブカラー */
.txt_color3{color: #FF5A3E} /* アクセントカラー1 */
.txt_color4{color: #fff1e5} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #8CC63F} /* メインカラー */
.bg_color2{background-color: #F5FCE9} /* サブカラー */
.bg_color3{background-color: #FF5A3E} /* アクセントカラー1 */
.bg_color4{background-color: #fff1e5} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #8CC63F}
.border_color2{border-color: #F5FCE9}
.border_color3{border-color: #FF5A3E}
.border_color4{border-color: #fff1e5}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #43493A;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #8CC63F} /* メインカラー */
.hvr_txt_color2:hover{color: #F5FCE9} /* サブカラー */
.hvr_txt_color3:hover{color: #FF5A3E} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fff1e5} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #8CC63F} /* メインカラー */
.hvr_bg_color2:hover{background-color: #F5FCE9} /* サブカラー */
.hvr_bg_color3:hover{background-color: #FF5A3E} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fff1e5} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #8CC63F }
.hvr_border_color2:hover{border-color: #F5FCE9}
.hvr_border_color3:hover{border-color: #FF5A3E}
.hvr_border_color4:hover{border-color: #fff1e5}


/* ----------　all　---------- */
.linkStyle{
	color:#FF5A3E;
}
.linkStyle:hover{
	color:#8CC63F;
	opacity: 0.7;
	transition: all 0.5s;
}
body {
	background-size: 100%; 
}
/*h2, h3 {*/
/*    font-family: 'Kaisei Tokumin', serif;*/
/*}*/

.sns_links li, #page08_link a, .sc_nav .nav_bt {
    box-shadow: 0 0 10px #fff;
}
footer .width_400-max {
    max-width: 150px;
}
#page08_link {
    width: 400px;
    z-index: 200;
    right: 10px;
}
#page08_link a{
    transform: translateX(0);
    padding: 0;
    
}
#page08_link a figure {
    width: 100%;
    padding: 0;
}
#page08_link a:hover {
    opacity: 0.7;
}
#main_nav .nav li a {
    text-shadow: none;
}

/* ----------　TOP　---------- */
#header .grid_2 {
    width: 13%!important;
}
#top_cms .more a {
    border-radius: 10px;
    box-shadow: 0 8px 0 #8cc63f;
    background: #fff;
    color: #8cc63f;
    border: 1px solid;
}
#top_cms .more a:hover {
    transform: translateY(8px);
    box-shadow: 0 0 0 rgba(0,0,0,0.2);
    background: #FF5A3E;
    color: #fff;
    
}
#main_img > div {
	box-shadow: none;
	overflow: visible;
}
.catch {
	top: 20px;
	left: 20px;
	z-index: 100;
}
.sub_catch {
	bottom: 0;
	right: 0;
	z-index: 100;
	width: 30%;
}
.sub_catch_active {
	animation: truck 4s ease-in-out forwards;
}
@keyframes truck {
	0% {
		right: 0;
	}
	to {
		right: 65%;
	}
}

#contents2 .border_so1-b {
    line-height: 0.5;
    border-bottom: 5px solid #f75b4157;
}
#contents2 img {
    border: 3px solid #f75b4157;
    padding: 10px;
    box-shadow: none;
}
.cms_6-d .cate_box:after{
    color: #8CC63F;
}
#cms_5-e .number:before,.cms_5-e .number:before{
	content: counter(num,decimal-leading-zero);
}
.cms_6-b .cate_box, .cms_6-b .cate_box .box_txt1, .cms_6-b .cate_box .box_txt2,.cms_6-b .cate_box:first-of-type {
    border-color: #43493A;
}
footer #footer .tel a:hover {
    transform: translateY(5px);
    box-shadow: 0px 0px 0px #FFF;
}
footer #footer .tel a {
    box-shadow: 0px 5px 0px #FF5A3E;
    color: #ff5a3e;
}
.sns_links li {
    box-shadow: none;
    border: none;
    background-color: transparent;
}
/* ----------　下層ページ　---------- */
/* １日の流れ */
#cms_6-d .cate_title {
    color: #8CC63F;
}
#cms_6-d .cate_box:after{
    color: #8CC63F;
}
.square_img img {
    width: 100%!important;
    height: auto!important;
}
/* 募集要項 */
#cms_6-b .cate_list {
    display: none;
}
#cms_6-b .cate_box, #cms_6-b .cate_box .box_txt1, #cms_6-b .cate_box .box_txt2,#cms_6-b .cate_box:first-of-type {
    border-color: #8CC63F;
}
/* 会社情報 */
/* お問い合わせ */
#tel_txt a {
    padding: 10px 20px;
}
/* プライバシーポリシー */
/* サイトマップ */

/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
/* ----------　all　---------- */
footer .width_400-max {
    max-width: 120px;
}
#page08_link {
    width: 300px;
}
/* ----------　TOP　---------- */
#header .grid_2 {
    width: 24%!important;
}
.catch {
	top: 20px;
	left: 63%%;
	width: 65%
}
.sub_catch {
	bottom: -50px;
	right: 0;
	width: 35%;
}
@keyframes truck {
	0% {
		right: 0%;
	}
	to {
		right: 63%;
	}
}
#main_img {
    padding: 10px 30px;
}
/* ----------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
#mail_CONTACT .contact_btn a {
    padding: 20px 40px;
}
/* プライバシーポリシー */
/* サイトマップ */

}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
/* ----------　all　---------- */
#page08_link {
    width: 200px;
    transform: translate(0);
}
#page08_link.active {
    transform: translate(0);
}

footer .width_400-max {
    max-width: 100px;
}
/* ----------　TOP　---------- */
#header .grid_2 {
    width: 34%!important;
}
#wrap {
	padding-top: 80px
}
.catch {
    top: 15px;
    right: 4%;
    width: 60%;
}
.sub_catch {
	width: 40%;
}
@keyframes truck {
	0% {
	    right: 0;
	}
	to {
		right: 59%;
	}
}
}
/* ----------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */