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


/* ==================== base =====================*/

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
	font-size: 62.5%;
}

body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #333;
	-webkit-text-size-adjust: 100%;
}

a {
	transition: .3s;
}

a:link {
	color:#4D4D4D;
	text-decoration: none;
}
a:visited {
	color:#4D4D4D;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #77B346;
	text-decoration: none;
	}
a:active {
	color:#77B346;
}


.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.alpha_a a img {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}
.alpha_a a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/*ページトップへ（矢印）*/
#ptop {
    position: fixed;
    bottom: 15px;
    right: 15px;
	z-index: 1;
}
#ptop a {
    text-align: center;
    display: block;
    border-radius: 5px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}


/*スマホでは非表示*/
.sp_displaynone {
    display: none;
}




/*==================== header ====================*/

header {
	width: 100%;
}

.h_content {
	padding: 15px 20px 15px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.h_content .h_content_logo img {
	width: 200px;
	height: auto;
}

/* ハンバーガーメニュー */
#globalnavi_t {
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 100;
	width: 100%;
	max-width: 250px;
	transition: .3s;
}

ul.globalnavibtn_t {
	background-color: #1b1464;
	padding: 0;
	height: 100vh;
	text-align: center;
	padding-top: 30%;
}

ul.globalnavibtn_t li {
	display: block;
}

ul.globalnavibtn_t li a {
	display: block;
	padding: 1.5rem;
	color: #fff;
	text-decoration: none;
}

.globalnavi_tr {
	display: none;
}

#globalnavi_btn {
	display: block;
	width: 25px;
	height: 20px;
	z-index: 100;
	background-image: url("../images/menubtn_open.png");
	background-size: 25px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	transition: .3s;
}

#globalnavi_block {
	display: none;
	position: fixed;
	z-index: 90;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

#globalnavi_input:checked ~ #globalnavi_btn {
	background-image: url("../images/menubtn_close.png");
	background-size: 25px 20px;
	background-repeat: no-repeat;
	background-position: center center;
}

#globalnavi_input:checked ~ #globalnavi_block {
	display: block;
}

#globalnavi_input:checked ~ #globalnavi_t {
	left: 0;
}

.globalnavi_jizen {
	margin-bottom: 15px;
}
/*=== ハンバーガーメニューここまで ===*/
	
.h_content .globalnavi_home {
	display: none;
}




/*==================== footer ====================*/

/*=== f_top ===*/

.f_top {
	width: 100%;
	border-top: solid 1px #CCCCCC;
	padding: 8px 0;
}

.f_top_con {
	width: 95%;
	margin: 0 auto;
}

.f_top_con .f_top_link {
	text-align: center;
	font-size: 1.1rem;
}

.f_top_con .f_top_link a {
	white-space: nowrap;
}

/*=== f_center ===*/

.f_center {
	width: 100%;
	border-top: solid 5px #005086;
	border-bottom: solid 5px #15203E;
	background-color: #333333;
	padding: 15px 0;
}

.f_center_con {
	width: 95%;
	margin: 0 auto;
}

.f_center_con .f_center_l {
	margin-bottom: 25px;
}

.f_center_con .f_center_l_logo {
	margin-bottom: 10px;
}

.f_center_con .f_center_l_logo img {
	width: 200px;
	height: auto;
}

.f_center_con .f_center_l_ad {
	color: #999999;
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 20px;
}

.f_center_con .f_center_l_ad .f_center_l_ad_s {
	font-size: 80%;
}

.f_center_con .f_center_l_memti {
	font-size: 1.0rem;
	font-weight: bold;
	color: #b3b3b3;
	margin-bottom: 2px;
}

.f_center_con .f_center_l_mem {
	font-size: 1.0rem;
	color: #999999;
}

.f_center_con .f_center_r_top {
	display: flex;
	margin-bottom: 10px;
}

.f_center_con .f_center_r_ti {
	font-size: 1.2rem;
	font-weight: bold;
	color: #b3b3b3;
}

.f_center_con .f_center_r_info {
	font-size: 1.2rem;
	color: #999999;
	margin-bottom: 10px;
}

.f_center_con .f_center_r_info a {
	color: #999999;
}

.f_center_con .f_center_r_top_r {
	margin-left: 15px;
}

.f_center_con .f_center_r_renrakuti_a {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2rem;
	background-color: #15203e;
	padding: 10px 18px;
}

.f_center_con .f_center_r_renrakuti_b {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2rem;
	background-color: #0071ae;
	padding: 10px 18px;
}

.f_center_con .f_center_r_renrakuti {
	margin-bottom: 15px;
}

.f_center_con .f_center_r_renrakutel img {
	width: 200px;
	height: auto;
}

/*=== f_bottom ===*/

.f_bottom {
	width: 100%;
	background-color: #666666;
	padding: 20px 0;
}

.f_bottom_con {
	width: 95%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.0rem;
	color: #b3b3b3;
}




/*==================== top page ====================*/

/*=== top_main ===*/

.top_main {
	width: 100%;
	margin-bottom: 180px;
}

.top_main .top_main_main {
	position: relative;
	width: 100%;
}

.top_main .object {
	width: 100%;
	height: 350px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.top_main .top_main_word {
	position: absolute;
	left: 0;
	top: 0;
}

.top_main .top_main_en img {
	width: 180px;
	height: auto;
	margin-bottom: 10px;
}

.top_main .top_main_ti img {
	width: 220px;
	height: auto;
}

.top_main .top_main_box_base {
	position: relative;
}

.top_main .top_main_box {
	position: absolute;
	width: 270px;
	margin: auto;
	left: 0;
	right: 0;
	top: -75px;
	padding: 0 15px 15px 15px;
	background-color: #fff;
	border: solid 1px #29abe2;
	box-shadow: 5px 5px 5px #ccc;
}

.top_main .top_main_box_icon {
	text-align: center;
	margin-top: -35px;
	margin-bottom: 15px;
}

.top_main .top_main_box_icon img {
	width: 70px;
	height: auto;
}

.top_main .top_main_box_line {
	height: 3px;
	text-align: center;
	margin-bottom: 10px;
}

.top_main .top_main_box_ti {
	text-align: center;
	font-size: 1.5rem;
	color: #0071ae;
	margin-bottom: 5px;
}

.top_main .top_main_box_p {
	font-size: 1.3rem;
	color: #0071ae;
	font-weight: bold;
}

/*=== top_service ===*/

.top_service {
	width: 100%;
	margin-bottom: 60px;
}

.top_service .top_service_ti {
	text-align: center;
	margin-bottom: 40px;
}

.top_service .top_service_ti img {
	width: 220px;
	height: auto;
}

.top_service .top_service_r {
	position: relative;
}

.top_service .top_service_l {
	position: relative;
}

.top_service .top_service_r_con {
	width: 95%;
	margin: 0 auto;
}

.top_service .top_service_l_con {
	width: 95%;
	margin: 0 auto;
}

.top_service .top_service_r .top_service_back {
	position: absolute;
	width: 50%;
	right: 0;
	overflow: hidden;
	z-index: -3;
}

.top_service .top_service_l .top_service_back {
	position: absolute;
	width: 50%;
	right: 0;
	overflow: hidden;
	z-index: -3;
}

.top_service .top_service_subti {
	line-height: 1.4;
	background-image: url("../images/line_b.png");
	background-size: 77px 4px;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.top_service .top_service_aosmall {
	font-weight: bold;
	color: #0071bc;
}

.top_service .top_service_kurobig {
	font-size: 2.5rem;
}

.top_service .top_service_p {
	margin-bottom: 15px;
}

.top_service .top_service_info a {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	padding-left: 30px;
	text-decoration: none;
	background: -webkit-linear-gradient(left, #1B0E64, #2F4FC4);
	background: -o-linear-gradient(left, #1B0E64, #2F4FC4);
	background: linear-gradient(to right, #1B0E64, #2F4FC4);
	transition: .3s;
}

.top_service .top_service_info a:after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 10px;
	height: 15px;
	right: 20px;
	top: 20px;
	background-image: url("../images/arrow_white.png");
	background-size: contain;
}

.top_service .top_service_info a:hover {
	opacity: 0.6;
}

.top_service .top_service_endeco {
	margin-top: -15px;
	margin-left: 25px;
	margin-bottom: 15px;
}

.top_service .endeco_a img {
	width: 185px;
	height: auto;
}

.top_service .endeco_b img {
	width: 300px;
	height: auto;
}

.top_service .endeco_c img {
	width: 155px;
	height: auto;
}

.top_service .endeco_d img {
	width: 295px;
	height: auto;
}

.top_service .top_service_img img {
	width: 100%;
	height: auto;
}

.top_service .top_service_deco {
	height: 3px;
	text-align: center;
	margin: 60px 0;
}

.top_service .top_service_deco img {
	width: 132px;
	height: auto;
}

/*=== k_deco ===*/

.k_deco {
	text-align: center;
	margin-bottom: 50px;
	height: 3px;
}

/*=== k_link ===*/

.k_link {
	width: 100%;
	margin-bottom: 40px;
	background-color: #f7f7f7;
	padding: 35px 0 20px 0;
}

.k_link_con {
	width: 300px;
	margin: 0 auto;
}

.k_link_con .k_link_btn {
	position: relative;
	width: 300px;
	height: 70px;
	display: flex;
	align-items: center;
	background-color: #fff;
	border: solid 1px #d8d8d8;
	padding: 0 0 0 30px;
	margin-bottom: 15px;
	text-decoration: none;
	transition: .3s;
}
.k_link_con .k_link_btn:after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 12px;
	height: 20px;
	right: 20px;
	top: 23px;
	background-image: url("../images/arrow_gray.png");
	background-size: contain;
}

.k_link_con .k_link_btn:hover {
	background-color: #e6e6e6;
}

.k_link_con .k_link_icon img {
	width: 50px;
	height: auto;
}

.k_link_con .k_link_p_a {
	font-size: 1.5rem;
	color: #0071bc;
	margin-left: 25px;
}

.k_link_con .k_link_p_b {
	font-size: 1.5rem;
	color: #0071bc;
	margin-left: 35px;
}

/*=== k_nintei ===*/

.k_nintei {
	width: 100%;
	margin-bottom: 50px;
}

.k_nintei_con {
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.k_nintei_con .k_nintei_img img {
	width: 70px;
	height: auto;
}

.k_nintei_con .k_nintei_p {
	font-size: 1.2rem;
	color: #009245;
	margin-left: 20px;
}




/*==================== sub_共通タイトル ====================*/

.k_title {
	width: 100%;
	background-image: url("../images/border_gray.png");
	background-size: 60px 5px;
	background-repeat: repeat-x;
	background-position: left top;
}

.k_title_con {
	width: 95%;
	margin: 0 auto;
	padding: 8px 0 10px 0;
}

.k_title_con .k_title_en {
	font-size: 2.3rem;
	font-weight: bold;
	color: #3FA9F5;
}

.k_title_con .k_title_info {
	display: flex;
	align-items: center;
}

.k_title_con .k_title_title {
	font-size: 1.1rem;
	font-weight: bold;
	background-image: url("../images/border_black.png");
	background-size: 37px 1px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 47px;
	margin-right: 10px;
	white-space: nowrap;
}

.k_title_con .k_title_p {
	font-size: 1.1rem;
	font-weight: bold;
}




/*==================== painting_roadservice_repair_共通 ====================*/

.k_imgcon {
	width: 100%;
	margin-bottom: 20px;
	padding: 20px 0 10px 0;
}

.k_imgcon_con {
	width: 95%;
	margin: 0 auto;
}

.k_imgcon_con .k_imgcon_bti {
	font-size: 1.6rem;
	font-weight: bold;
	color: #0071BC;
	background-image: url("../images/round_blue.png");
	background-size: 18px 18px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 26px;
	margin-bottom: 5px;
}

.k_imgcon_con .k_imgcon_info {
	width: 300px;
	margin: 0 auto;
	margin-top: 15px;
}

.k_imgcon_con .k_imgcon_info_a {
	margin-bottom: 25px;
}

.k_imgcon_con .k_imgcon_info_b {
	margin-bottom: 25px;
}

.k_imgcon_con .k_imgcon_sti {
	font-weight: bold;
	color: #29ABE2;
	margin-bottom: 2px;
}

.k_imgcon_con .k_imgcon_img {
	margin-bottom: 10px;
}

.k_imgcon_con .k_imgcon_img img {
	width: 100%;
	height: auto;
}

.k_imgcon_con .k_imgcon_img_g {
	margin-bottom: 10px;
}

.k_imgcon_con .k_imgcon_img_g img {
	width: 100%;
	height: auto;
}

/*背景グレー*/
.back_gray {
	background-color: #F7F7F7;
}

/*最後のコンテンツ*/
.k_imgcon_last {
	margin-bottom: 80px;
}




/*==================== roadservice ====================*/

.road_top {
	width: 100%;
	margin-bottom: 20px;
	padding: 20px 0 5px 0;
}

.road_top_con {
	width: 95%;
	margin: 0 auto;
}

.road_top_con .road_top_bti {
	font-size: 1.6rem;
	font-weight: bold;
	color: #00A99D;
	background-image: url("../images/round_orange.png");
	background-size: 18px 18px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 26px;
	margin-bottom: 5px;
}

.road_top_con .road_top_info {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
}

.road_top_con .road_top_info_a {
	margin-bottom: 30px;
}

.road_top_con .road_top_lan {
	margin-bottom: 10px;
}

.road_top_con .road_top_sti {
	color: #22B573;
	font-weight: bold;
	border: solid 1px #E6E6E6;
	background-color: #fff;
	padding: 2px 15px;
	margin-bottom: 5px;
}

.road_top_con .road_top_info_p {
	font-size: 1.3rem;
}

.road_top_con .road_top_imggroup {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.road_top_con .road_top_img {
	width: calc(50% - 2px);
	margin-bottom: 4px;
}

.road_top_con .road_top_img img {
	width: 100%;
	height: auto;
}




/* ==================== maintenance =====================*/

.maintenancecon_a {
	width: 100%;
	margin-bottom: 70px;
	background-image: url("../images/mainte_title_ji.png");
	background-size: 15px 40px;
	background-position: left top;
	background-repeat: repeat-x;
}

.maintenancecon_a .maintenance_con {
	width: 95%;
	margin: 0 auto;
}

.maintenancecon_a .maintenance_con h3 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #0071BC;
	background-image: url("../images/mainte_titlemae.png");
	background-size: 20px 20px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 2.7;
	margin-bottom: 15px;
}

.maintenancecon_a .maintenance_con .maintenance_con_p {
	margin-bottom: 35px;
}

.maintenancecon_a .maintenance_con .mainte_a_a {
	background-color: #FFF9EE;
	border-radius: 20px;
	padding: 30px 25px;
	margin-bottom: 40px;
}

.maintenancecon_a .maintenance_con .mainte_a_a .mainte_a_a_left {
	text-align: center;
	margin-bottom: 20px;
}
.maintenancecon_a .maintenance_con .mainte_a_a .mainte_a_a_left img {
	width: 150px;
	height: auto;
}

.mainte_a_a .mainte_a_a_right .mainte_a_a_right_copy {
	margin-bottom: 20px;
}

.mainte_a_a .mainte_a_a_right div {
	text-align: center;
}
.mainte_a_a .mainte_a_a_right div img {
	width: 80%;
	height: auto;
}

.mainte_content_title01 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #0071BC;
	background-image: url("../images/mainte_titlemae02.png");
	background-size: 6px 60px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	line-height: 30px;
	margin-bottom: 10px;
}
.mainte_content_title02 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #0071BC;
	background-image: url("../images/mainte_titlemae02.png");
	background-size: 6px 60px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	line-height: 30px;
	margin-bottom: 10px;
}

.maintenance_con .mainte_a_b {
	margin-bottom: 50px;
}

.maintenance_con .mainte_a_b .mainte_content_title_copy {
	margin-bottom: 20px;
}

.maintenance_con .mainte_a_b .mainte_flex-con {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maintenance_con .mainte_a_b .mainte_flex-con .mainte_flex {
	width: 49%;
	margin-bottom: 2%;
}
.maintenance_con .mainte_a_b .mainte_flex-con .mainte_flex img {
	width: 100%;
	height: auto;
}
.maintenance_con .mainte_a_b .simulation_con {
	margin-bottom: 50px;
}

.maintenance_con .mainte_a_b .simulation_con .simulation_left {
	background-image: url("../images/mainte_titlemark02.png");
	background-size: 55px 55px;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-bottom: 30px;
}

.maintenance_con .mainte_a_b .simulation_con .simulation_left h5 {
	color: #00A99D;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
}

.maintenance_con .mainte_a_b .simulation_con .simulation_left p {
	margin-bottom: 20px;
}

.maintenance_con .mainte_a_b .simulation_con .simulation_left div {
	text-align: center;
}
.maintenance_con .mainte_a_b .simulation_con .simulation_left div img {
	width: 90%;
	height: auto;
}

.maintenance_con .mainte_a_b .simulation_con .simulation_right {
	text-align: center;
}
.maintenance_con .mainte_a_b .simulation_con .simulation_right img {
	width: 270px;
	height: auto;
}

.maintenance_con .mainte_a_b .eco_con {
	background-color: #F4F8EE;
	border: solid 1px #F2F2F2;
	border-radius: 20px;
	padding: 20px 15px;
}

.maintenance_con .mainte_a_b .eco_con h5 {
	color: #00A99D;
	font-size: 1.5rem;
	font-weight: bold;
	border-bottom: solid 3px #FFF;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

.maintenance_con .mainte_a_b .eco_con .eco_con_info .eco_con_info_left h6 {
	color: #0071BC;
	font-weight: bold;
	padding-bottom: 2px;
}

.maintenance_con .mainte_a_b .eco_con .eco_con_info .eco_con_info_left ul li {
	margin-bottom: 5px;
	background-image: url("../images/mainte_titlemark03.png");
	background-size: 14px 14px;
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.maintenance_con .mainte_a_b .eco_con .eco_con_info .eco_con_info_right {
	text-align: center;
	padding-top: 25px;
}
.maintenance_con .mainte_a_b .eco_con .eco_con_info .eco_con_info_right img {
	width: 90px;
	height: auto;
}

.maintenance_con .maintenance_clearcon .mainte_clear_left_a {
	width: 100%;
	margin-bottom: 30px;
}

.maintenance_con .maintenance_clearcon .mainte_clear_left_a .p_Longlasting_t {
	color: #0071BC;
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 2px;
}
.maintenance_con .maintenance_clearcon .mainte_clear_left_a p {
	padding-bottom: 10px;
}
.maintenance_con .maintenance_clearcon .mainte_clear_left_a .Longlasting_year {
	color: #00A99D;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 5px 15px;
	border: solid 1px #00A99D;
	display: inline-block;
}

.maintenance_con .maintenance_clearcon .mainte_clear_left_a .p_Longlasting_con01 {
	background-image: url("../images/mainte_titlemark_no1.png");
	background-size: 50px 50px;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 60px;
	margin-bottom: 40px;
}
.maintenance_con .maintenance_clearcon .mainte_clear_left_a .p_Longlasting_con02 {
	background-image: url("../images/mainte_titlemark_no2.png");
	background-size: 50px 50px;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 60px;
	margin-bottom: 40px;
}
.maintenance_con .maintenance_clearcon .mainte_clear_left_a .p_Longlasting_con03 {
	background-image: url("../images/mainte_titlemark_no3.png");
	background-size: 50px 50px;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 60px;
	margin-bottom: 40px;
}
.maintenance_con .maintenance_clearcon .mainte_clear_left_a .p_Longlasting_con04 {
	background-image: url("../images/mainte_titlemark_no4.png");
	background-size: 50px 50px;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 60px;
	margin-bottom: 60px;
}

.maintenance_con .maintenance_clearcon .mainte_clear_left_a .p_others_content {
	border: solid 1px #77B3CA;
	padding: 15px 25px 10px 25px;
	margin-bottom: 50px;
}
.maintenance_con .maintenance_clearcon .mainte_clear_left_a .p_others_content h5 {
	color: #0071BC;
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 2px;
}

.maintenance_con .maintenance_clearcon .mainte_clear_left_a .p_mastic_content h5 {
	color: #FFF;
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #29ABE2;
	padding: 3px 20px 3px 20px;
	margin-bottom: 10px;
}
.maintenance_con .maintenance_clearcon .mainte_clear_left_a .p_mastic_content p {
	color: #0071BC;
	font-weight: bold;
}

.maintenance_con .maintenance_clearcon .mainte_clear_right_a div {
	text-align: center;
}
.maintenance_con .maintenance_clearcon .mainte_clear_right_a div img {
	width: 120px;
	height: auto;
}

.maintenance_clearcon .mainte_clear_left_b {
	width: 100%;
}
.maintenance_clearcon .mainte_clear_right_b {
	width: 100%;
	margin-bottom: 35px;
}

.maintenance_clearcon .mainte_flow_con {
	margin-bottom: 10px;
}
.maintenance_clearcon .mainte_flow_con p {
	font-size: 1.2rem;
}
.maintenance_clearcon .mainte_flow_con .flowstep01 {
	background-image: url("../images/mainte_step01.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep02 {
	background-image: url("../images/mainte_step02.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep03 {
	background-image: url("../images/mainte_step03.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep04 {
	background-image: url("../images/mainte_step04.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep05 {
	background-image: url("../images/mainte_step05.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep06 {
	background-image: url("../images/mainte_step06.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep07 {
	background-image: url("../images/mainte_step07.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep08 {
	background-image: url("../images/mainte_step08.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep09 {
	background-image: url("../images/mainte_step09.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep10 {
	background-image: url("../images/mainte_step10.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep11 {
	background-image: url("../images/mainte_step11.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}
.maintenance_clearcon .mainte_flow_con .flowstep12 {
	background-image: url("../images/mainte_step12.png");
	background-size: 75px 25px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 100px;
	background-color: #0071BC;
	color: #FFF;
	line-height: 2.3;
	margin-bottom: 7px;
}

.maintenance_clearcon .flow_yajirusi {
	text-align: center;
	margin-bottom: 2px;
}
.maintenance_clearcon .flow_yajirusi img {
	width: 30px;
	height: auto;
}

.maintenance_con .flow_illust {
	text-align: center;
}
.maintenance_con .flow_illust img {
	width: 170px;
	height: auto;
}

.maintenance_clearcon .mainte_clear_left_c {
	width: 100%;
	margin-bottom: 30px;
	
}
.maintenance_clearcon .mainte_clear_right_c {
	width: 100%;
	text-align: center;
}

.maintenance_clearcon .mainte_clear_left_c h5 {
	color: #00A99D;
	font-size: 1.5rem;
	font-weight: bold;
}
.maintenance_clearcon .mainte_clear_left_c p {
	margin-bottom: 30px;
}
.maintenance_clearcon .mainte_clear_left_c h6 {
	color: #F15A24;
	font-size: 1.6rem;
	font-weight: bold;
	background-color: #FFF5E0;
	padding: 10px;
	text-align: center;
}

.maintenance_con .relief_illust {
	text-align: center;
	padding-top: 35px;
}




/*==================== company ====================*/

/*=== 共通タイトル ===*/

.com_kyoutu_ti {
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
	background-image: url("../images/line_a.png");
	background-size: 40px 2px;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	margin-bottom: 15px;
}

/*=== com_message ===*/

.com_message {
	width: 100%;
	margin-bottom: 40px;
	background-color: #f7f7f7;
	padding: 20px 0 30px 0;
}

.com_message_con {
	width: 95%;
	margin: 0 auto;
}

.com_message_con .com_message_info {
	line-height: 2.2;
	margin-bottom: 5px;
}

.com_message_con .com_message_name {
	text-align: right;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 35px;
}

.com_message_con .com_message_name_s {
	font-size: 80%;
}

/*=アコーディオン=*/
.com_message_con .title {
    position: relative;
    cursor: pointer;
    transition: all .5s ease;
	padding: 15px 20px;
	border: solid 1px #E6E6E6;
	background-color: #fff;
}

.com_message_con .title h4 {
	width: 80%;
}

/*プラス*/
.com_message_con .title:after{
    position: absolute;
    content:'';
    width: 17px;
    height: 17px;
    top:36%;
    right: 20px;
	background-image: url("../images/company_plus.png");
    background-size: contain;    
	background-repeat: no-repeat;
}

/*マイナス*/
.com_message_con .title.close:after{
    top:36%;
	background-image: url("../images/company_minus.png");
	background-repeat: no-repeat;
}

.com_message_con .box {
    display: none;/*はじめは非表示*/
	padding: 15px 20px;
	border-left: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	border-right: solid 1px #E6E6E6;
	background-color: #fff;
}

.com_message_con .com_message_award_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.com_message_con .com_message_award_p {
	margin-bottom: 15px;
}

.com_message_con .com_message_award_a img {
	width: 180px;
	height: auto;
	margin-right: 15px;
}

.com_message_con .com_message_award_b img {
	width: 60px;
	height: auto;
}

/*=== com_health ===*/

.com_health {
	width: 100%;
	margin-bottom: 30px;
}

.com_health_con {
	width: 95%;
	margin: 0 auto;
	padding: 15px 20px 20px 20px;
	border: solid 1px #e6e6e6;
}

.com_health_con .com_health_ti {
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	color: #7ac943;
	background-image: url("../images/line_a.png");
	background-size: 40px 2px;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-bottom: 15px;
	line-height: 1.4;
}

.com_health_con .com_health_info {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.com_health_con .com_health_p {
	width: 100%;
	margin-bottom: 10px;
}

.com_health_con .com_health_p_top {
	margin-bottom: 10px;
}

.com_health_con .com_health_p_bottom {
	font-size: 1.2rem;
}

.com_health_con .com_health_p_bottom a {
	background-image: url("../images/company_window.png");
	background-size: 13px 11px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 18px;
}

/*= 230518_やまぐち健康経営企業認定証追加時に追加 =*/

.com_health_img_g {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.com_health_logo, .com_health_syou, .com_health_sengen, .com_health_ken {
	width: 35%;
	margin: 2.5%;
}

.com_health_logo img, .com_health_syou img, .com_health_sengen img, .com_health_ken img {
	width: 100%;
	height: auto;
}


/*=== com_link ===*/

.com_link {
	width: 100%;
	margin-bottom: 60px;
}

/*=== com_overview ===*/

.com_overview {
	width: 100%;
	margin-bottom: 60px;
}

.com_overview_con {
	width: 95%;
	margin: 0 auto;
}

.com_overview_con .com_overview_table {
	width: 100%;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

.com_overview_con .com_overview_table th {
	display: block;
	font-weight: bold;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #e6e6e6;
	padding: 8px 20px;
	white-space: nowrap;
	background-color: #f7f7f7;
}

.com_overview_con .com_overview_table td {
	display: block;
	padding: 12px 20px;
}

.com_overview_con .com_overview_table .com_overview_sales {
	margin-bottom: 18px;
}

.com_overview_con .com_overview_table .com_overview_sales dd {
	font-size: 1.2rem;
	margin-bottom: 10px;
	line-height: 1.4;
}

.com_overview_con .com_overview_table .com_overview_list_con {
	margin-bottom: 5px;
}

.com_overview_con .com_overview_table .com_overview_link {
	background-image: url("../images/company_window.png");
	background-size: 18px 15px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 25px;
}

.com_overview_con .com_overview_table .com_overview_list_s {
	font-size: 1.2rem;
	margin: 7px 0 14px 0;
}

.com_overview_con .com_overview_table .com_overview_list_s_con {
	margin-bottom: 5px;
}

.com_overview_con .com_overview_table .com_overview_kanren_info {
	margin-bottom: 10px;
}

/*=== com_history ===*/

.com_history {
	width: 100%;
	margin-bottom: 60px;
}

.com_history_con {
	width: 95%;
	margin: 0 auto;
}

.com_history_con .com_history_table {
	width: 100%;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

.com_history_con .com_history_table th {
	display: block;
	vertical-align: top;
	font-weight: bold;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #e6e6e6;
	padding: 8px 20px;
	white-space: nowrap;
	background-color: #f7f7f7;
}

.com_history_con .com_history_table td {
	display: block;
	padding: 12px 20px;
}

/*=== com_map ===*/

.com_map {
	width: 100%;
	margin-bottom: 80px;
}

.com_map_con {
	width: 95%;
	margin: 0 auto;
}

.com_map_con .com_map_map iframe {
	width: 100%;
	height: 300px;
}

.com_map_con .com_map_map {
	margin-bottom: 5px;
}

/*=== 20220418追加 ===*/

.com_sdgs {
	width: 100%;
	margin-bottom: 50px;
	margin-top: 40px;
}
.com_sdgs .sdgs_pdf_con {
	width: 95%;
	margin: 0 auto;
}
.com_sdgs .sdgs_pdf_con .sdgsbanner01 {
	text-align: center;
}
.com_sdgs .sdgs_pdf_con .sdgsbanner01 img {
	width: 320px;
	height: auto;
}



/*==================== recruit ====================*/

/*=== recruit_info ===*/

.recruit_info {
	width: 100%;
	margin-bottom: 40px;
	background-color: #f7f7f7;
	padding: 20px 0 30px 0;
}

.recruit_info_con {
	width: 95%;
	margin: 0 auto;
}

.recruit_info_con .recruit_info_table {
	width: 100%;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

.recruit_info_con .recruit_info_table th {
	display: block;
	vertical-align: top;
	font-weight: bold;
	border-top: solid 1px #cccccc;
	padding: 8px 20px;
	white-space: nowrap;
	background-color: #e6e6e6;
}

.recruit_info_con .recruit_info_table td {
	display: block;
	background-color: #fff;
	padding: 12px 20px;
}

.recruit_info_con .recruit_info_list {
	margin-bottom: 5px;
}

.recruit_info_con .recruit_info_pbottom {
	margin-bottom: 10px;
}

/*=== recruit_img ===*/

.recruit_img {
	width: 100%;
	margin-bottom: 80px;
}

.recruit_img_con {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

.recruit_img_con .recruit_img_img img {
	width: 300px;
	height: auto;
}




/*==================== contact ====================*/

/*=== contact_intro ===*/

.contact_intro {
	width: 100%;
	margin-bottom: 10px;
}

.contact_intro_con {
	width: 95%;
	margin: 0 auto;
}

.contact_intro_con .contact_intro_p {
	font-size: 1.2rem;
}

/*=== 共通タイトル_contact_title ===*/

.contact_title {
	font-size: 1.5rem;
	text-align: center;
	color: #29abe2;
	font-weight: bold;
	background-image: url("../images/line_a.png");
	background-size: 40px 2px;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 4px;
}

/*=== contact_top ===*/

.contact_top {
	width: 100%;
	margin-bottom: 35px;
	background-color: #f7f7f7;
	padding: 20px 0 25px 0;
}

.contact_top_con {
	width: 95%;
	margin: 0 auto;
}

.contact_top_con .contact_top_icon {
	text-align: center;
}

.contact_top_con .contact_top_icon img {
	width: 25px;
	height: auto;
}

.contact_top_con .contact_top_tel {
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
	margin-top: 15px;
}

.contact_top_con .contact_top_tel a {
	color: #333;
	background-image: url(../images/contact_freedial.png);
	background-size: auto 30px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 60px;
}

.contact_top_con .contact_top_tel_s {
	font-size: 80%;
	vertical-align: 2px;
}

.contact_top_con .contact_top_info {
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 15px;
}

.contact_top_con .contact_top_fax {
	text-align: center;
	font-size: 2.3rem;
	font-weight: bold;
}

.contact_top_con .contact_top_fax_s {
	font-size: 80%;
	vertical-align: 2px;
}

.contact_top_con .contact_top_stel {
	text-align: center;
	font-size: 2.3rem;
	font-weight: bold;
}

.contact_top_con .contact_top_stel a {
	color: #333;
}

.contact_top_con .contact_top_stel_s {
	font-size: 80%;
	vertical-align: 2px;
}

/*=== f_freedial ===*/

.f_freedial {
	width: 100%;
	border-bottom: solid 5px #15203E;
	padding: 15px 0;
}

.f_freedial_con {
	width: 95%;
	margin: 0 auto;
}

.f_freedial_num a {
	display: block;
}

.f_freedial_otoiawase {
	color: #ffffff;
	font-weight: bold;
	background-color: #15203e;
	padding: 5px 15px;
}

.f_freedial_omitsumori {
	color: #ffffff;
	font-weight: bold;
	background-color: #0071ae;
	padding: 5px 15px;
}

.f_freedial_ti {
	display: flex;
	white-space: nowrap;
	font-size: 1.2rem;
	justify-content: center;
	margin-bottom: 15px;
}

.f_freedial_g {
	text-align: center;
}

.f_freedial_num img {
	width: 250px;
	height: auto;
	margin-bottom: 12px;
}

.f_freedial_tel img {
	width: 180px;
	height: auto;
}

/*=== contact_bottom ===*/

.contact_bottom {
	width: 100%;
	margin-bottom: 80px;
}

.contact_bottom_con {
	width: 95%;
	margin: 0 auto;
}

.contact_bottom_con .contact_bottom_info {
	margin-top: 25px;
}

.contact_bottom_con .contact_bottom_info_con {
	margin-bottom: 30px;
}

.contact_bottom_con .contact_bottom_info_ti {
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
}

.contact_bottom_con .contact_bottom_tel {
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
}

.contact_bottom_con .contact_bottom_tel a {
	color: #333;
}

.contact_bottom_con .contact_bottom_p {
	font-size: 1.0rem;
	text-align: center;
}




/*==================== iso ====================*/

.iso_info {
	width: 100%;
	margin-bottom: 80px;
}

.iso_info_con {
	width: 95%;
	margin: 0 auto;
}

.iso_info_con .iso_info_title {
	font-size: 1.6rem;
	font-weight: bold;
	color: #39b54a;
	background-image: url("../images/round_green.png");
	background-size: 18px 18px;
	background-position: left top 4px;
	background-repeat: no-repeat;
	padding-left: 26px;
	margin-bottom: 5px;
}

.iso_info_con .iso_info_p {
	margin-bottom: 50px;
}

.iso_info_con .iso_info_register_con_a {
	width: 280px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.iso_info_con .iso_info_register_con_b {
	width: 180px;
	margin: 0 auto;
}

.iso_info_con .iso_info_register_ti {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
}

.iso_info_con .iso_info_register_mark {
	margin-bottom: 10px;
}

.iso_info_con .iso_info_register_mark img {
	width: 100%;
	height: auto;
}

.iso_info_con .iso_info_register_link {
	background-image: url("../images/pdf_icon.jpg");
	background-size: 30px 30px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 35px;
}

.iso_register_p {
	font-size: 1.2rem;
	margin-bottom: 3px;
}

.iso_register_img {
	margin-bottom: 12px;
}

.iso_register_img img {
	width: 100%;
	height: auto;
}

.iso_register_a {
	margin-bottom: 30px;
}

/*==================== sitepolicy ====================*/

/*=== policy_ti ===*/

.k_title_con .policy_ti {
	font-size: 1.8rem;
}

/*=== policy_top ===*/

.policy_top {
	width: 100%;
	margin-bottom: 50px;
	padding: 20px 0 25px 0;
	background-color: #f7f7f7;
}

.policy_top_con {
	width: 95%;
	margin: 0 auto;
}

/*=== 共通タイトル ===*/

.policy_info_ti {
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	background-image: url("../images/line_a.png");
	background-size: 40px 2px;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 6px;
	margin-bottom: 15px;
}

/*=== policy_info ===*/

.policy_info {
	width: 100%;
	margin-bottom: 50px;
}

.policy_info_con {
	width: 95%;
	margin: 0 auto;
}

/*=== policy_access ===*/

.policy_access {
	width: 100%;
	margin-top: 70px;
	margin-bottom: 80px;
}

.policy_access_con {
	width: 95%;
	margin: 0 auto;
}

.policy_access_con .policy_access_ti {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 8px;
}

.policy_access_con .policy_access_p {
	font-size: 1.2rem;
}








































































