@charset "utf-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 768px) and (max-width: 1023px) {}
/*-------------------------------------------------
共通指定
-------------------------------------------------*/
/* タイトル */
h2.home_title_01{ text-align: center; font-weight: bold; color: #31c513; line-height: 1.3;}
h2.home_title_01::after{ content: " "; display: block; margin: 0 auto; border-bottom: 4px solid #31c513;}

h3{ font-weight: bold; font-size: 1.7rem; line-height: 1.4; margin-bottom: 20px;}
/*
h3::after{ content: " "; display: block; height: 4px; margin-top: 14px;
background: -moz-linear-gradient(left, #ebebeb 33%, #31c513 33%, #31c513 66%, #ebebeb 66%);
background: -webkit-linear-gradient(left, #ebebeb 33%, #31c513 33%, #31c513 66%, #ebebeb 66%);
background: linear-gradient(to right, #ebebeb 33%, #31c513 33%, #31c513 66%, #ebebeb 66%);
}
*/

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	/* タイトル */
	h2.home_title_01{ font-size: 0.8rem;}
	h2.home_title_01::after{ width: 50%; padding-top: 10px;}
	h2.home_title_01 span{ font-size: 1.8rem;}
}
@media screen and (min-width: 768px), print {
	/* タイトル */
	h2.home_title_01{ font-size: 0.9rem;}
	h2.home_title_01::after{ width: 200px; padding-top: 16px;}
	h2.home_title_01 span{ font-size: 2.2rem;}
}

/*-------------------------------------------------
レイアウト
-------------------------------------------------*/
/* メインイメージ */
#slider li img{ width: 100%; object-fit: cover; font-family: 'object-fit: cover;';}
.home_top_text_01 { position: relative; color: #fff;
background: #31c513;
background-position: bottom right;
background-size: 100%;
background-repeat: no-repeat;
}

/* 	お知らせ */
.home_info_frame_01{ /*background: url(../images/common/bg_naname_01.gif) left top repeat;*/ background: #5ad142;}
.home_info_text_01{ background: #fff;}
.home_info_text_01{}
ul.home_list_01{}
ul.home_list_01 li{ border-bottom: 1px solid #ebebeb;}
ul.home_list_01 li a{ display: block;}
ul.home_list_01 li a:hover{ background: #ebebeb;}
ul.home_list_01 li dl{ line-height: 1.2;}
ul.home_list_01 li dl dt{ float: left; color: #31c513; margin-right: 10px; padding-top: 1px;}
ul.home_list_01 li dl dd{ display: inline-block; color: #fff; font-size: 0.9rem; padding: 1px 10px;}

/* サービス */
ul.home_list_02{}
ul.home_list_02 li{ position: relative; text-align: center;}
ul.home_list_02 li::before{ content: " "; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 30px 30px; border-color: transparent transparent #eff146 transparent;}
ul.home_list_02 li::after{ content: " "; position: absolute;}
ul.home_list_02 li.icon_recruitment::after{ background: url(../images/home/icon_recruitment.png) center top no-repeat;}
ul.home_list_02 li.icon_insurance::after{ background: url(../images/home/icon_insurance.png) center top no-repeat;}
ul.home_list_02 li.icon_download::after{ background: url(../images/home/icon_download.png) center top no-repeat;}
ul.home_list_02 li a{ display: block; color: #31c513; border: 8px solid #31c513; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.3);}
ul.home_list_02 li a:hover{ box-shadow:none; border: 8px solid #eff146;}

/*
ul.home_list_03{ margin-bottom: 20px;}
ul.home_list_03 li{ margin-bottom: 60px;}
*/
ul.home_list_03 li{ clear: both; margin-bottom: 40px; overflow: hidden;}
ul.home_list_03 li p{ margin: 0;}

.home_service_text_03{ text-align: center;}
.home_service_text_03 h3{ color: #31c513;}
.home_service_text_03 h3::after{ margin: 0 auto; margin-top: 14px;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	/* メインイメージ */
	.slider_frame{ clear: both;}
	#slider li img{ height: 50vh; /*height: 72vh;*/}
	.home_top_text_01{ float: left; margin: -62vh 70px 0 -20px; padding: 30px 20px; background: linear-gradient(315deg, transparent 39px, rgba(3,168,100,0.8) 40px);}
	.home_top_text_01 h2{ font-size: 1.2rem; margin-bottom: 10px;}
	.home_top_text_01 p{ font-size: 0.8rem;}
	
	/* 	お知らせ */
	.home_info_frame_01{ padding: 20px 0;}
	.home_info_text_01{ padding: 30px 20px 40px;}
	.home_info_text_01 h2{ margin-bottom: 20px;}
	ul.home_list_01{ margin-bottom: 40px;}
	ul.home_list_01 li a{ padding: 20px 0;}
	ul.home_list_01 li dl{ margin-bottom: 10px;}
	ul.home_list_01 li p{ line-height: 1.2;}

	/* サービス */
	.home_service_text_01{ padding-top: 40px; padding-bottom: 160px;}
	.home_service_text_01 h2{ margin-bottom: 60px;}
	
	ul.home_list_02{ margin-bottom: 60px;}
	ul.home_list_02 li{ width: 100%; margin-bottom: 20px;}
	ul.home_list_02 li a{ padding: 20px 20px 20px 40px; font-size: 1.1rem;}
	ul.home_list_02 li::after{ width: 40px; height: 40px; left: 20px; top: 20px;}
	ul.home_list_02 li.icon_recruitment::after{ background-size: 40px 40px;}
	ul.home_list_02 li.icon_insurance::after{ background-size: 40px 40px;}
	ul.home_list_02 li.icon_download::after{ background-size: 40px 40px;}
	
/*	ul.home_list_03 li .home_service_text_02{ padding: 0 20px;}*/
	ul.home_list_03 li .home_service_text_02{ margin-bottom: 30px;}
	ul.home_list_03 li .home_service_text_02 h3{ text-align: center;}
	ul.home_list_03 li .home_service_text_02 .btn_link_01{ margin: 0 auto;}
	ul.home_list_03 li .text_home_01{ margin-bottom: 20px;}

/*	.home_service_text_03 h3::after{ width: 80%;}*/
	
}
@media screen and (min-width: 768px), print {
	/* メインイメージ */
	#slider li img{ height: 50vh; /*height: 822px;*/}
	.home_top_text_01{ float: left; margin: -642px 20px 0; padding: 60px 40px; background: linear-gradient(315deg, transparent 59px, rgba(3,168,100,0.8) 60px);}
	.home_top_text_01 h2{ font-size: 2.2rem; margin-bottom: 40px; line-height: 1.4;}
	.home_top_text_01 p{ font-size: 1.1rem; font-weight: normal;}
	
	/* 	お知らせ */
	.home_info_frame_01{ padding: 80px 0;}
	.home_info_text_01{ padding: 60px 80px;}
	.home_info_text_01 h2{ margin-bottom: 20px;}
	ul.home_list_01{ margin-bottom: 60px;}
	ul.home_list_01 li a{ padding: 24px 0;}
	ul.home_list_01 li dl{ margin-bottom: 14px;}
	ul.home_list_01 li p{ font-size: 1.1rem;}
	
	/* サービス */
	.home_service_text_01{ padding-top: 80px; padding-bottom: 160px;}
	.home_service_text_01 h2{ margin-bottom: 60px;}
	
	ul.home_list_02{ margin: 0 80px 120px;}
	ul.home_list_02 li{ float: left; width: calc(50% - 42px * 2/3); margin-right: 42px;}
	ul.home_list_02 li:nth-child(2n+2){ margin-right: 0;}
	ul.home_list_02 li a{ padding: 25px 10px 15px; font-size: 1.7rem;}
	ul.home_list_02 li::after{ width: 80px; height: 80px; left: 0; top: -40px; right: 0; margin: 0 auto;}
	
/*	ul.home_list_03 li .home_service_text_02{ padding: 0 40px;}*/
	ul.home_list_03 li .pic_l{ float: left; width: 380px; margin-right: 50px;}
	ul.home_list_03 li .home_service_text_02{ float: left; width: 230px; margin-right: 50px;}
	ul.home_list_03 li .home_service_text_02 h3{ padding-top: 20px;}
	ul.home_list_03 li .text_home_01{ padding-top: 36px;}

/*
	.home_service_text_03 h3::after{ width: 300px;}
	.home_service_text_03 p{ font-size: 1.1rem;}
*/
	
}
@media screen and (min-width: 768px) and (max-width: 1130px), print{
	ul.home_list_02 li a{ font-size: 3vw;}

	ul.home_list_03 li .pic_l{ margin-right: 0;}
	ul.home_list_03 li .home_service_text_02{ float: none; padding-left: 420px; width: 100%; margin-bottom: 30px;}
	ul.home_list_03 li .home_service_text_02 h3{ padding-top: 0;}
	ul.home_list_03 li .text_home_01{ padding-top: 0; padding-left: 420px;}
/*
	ul.home_list_03 h3{ font-size: 3vw}
	ul.home_list_03 li .home_service_text_02{ padding: 0;}
*/
}