@charset "utf-8";

body {
	min-height: 100%;
	color:#333333;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 175%;
	overflow-x: hidden;
	background: #fff;
}


img{
	max-width: 100%;
	height: auto;
}

img[usemap] {
	border: none;
	height: auto;
	width: 100%;
	max-width: 100%;

}

.hover {
	filter:alpha(opacity=100);
	opacity:1.0;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	outline: none;
}
.hover:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
}
.img_hover a img{
	filter:alpha(opacity=100);
	opacity:1.0;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}
.img_hover a img:hover{
	filter:alpha(opacity=60);
	opacity:0.6;
}

.wrapper{
	width:100%;
/*	position: relative;*/
	background: #fff;
	position: absolute;
	top: 0;
}



input[type="button"],input[type="text"],input[type="submit"],input[type="email"],input[type="tel"],textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0 !important;
	background: #fff;
}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus{
	background: #FAFFBD;
}

.gmap {
	position: relative;
	padding-bottom:70%;
	height: 0;
	overflow: hidden;
}

.gmap iframe,
.gmap object,
.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtube{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.youtube iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}


/* inview ------------------ */

.inview{
	-webkit-transition: 0.8s;
	transition: 0.8s;
	opacity: 0;
	-webkit-transform: translate(0px,100px); 
	transform: translate(0px,100px);
}


.inviewL{
	-webkit-transition: 0.8s;
	transition: 0.8s;
	opacity: 0;
	-webkit-transform: translate(-100px,0px); 
	transform: translate(-100px,0px); 
}

.inviewR{
	-webkit-transition: 0.8s;
	transition: 0.8s;
	opacity: 0;
	-webkit-transform: translate(100px,0px); 
	transform: translate(100px,0px); 
}

.inview_on{
	opacity: 1.0;
	-webkit-transform: translate(0,0) !important;
	transform: translate(0,0) !important;
}



/* カラー設定 ------------------- */
.red {
	color:#FF0000 !important;
}

.error {
	color:#CC0000 !important;
}
.indent-1{
	text-indent:-1em;
	margin-left:1em;
}
.green{
	color:#58A107;
}



/* site ------------------- */

.wrapper{
	background: #fff;
}
.lh_0{
	line-height: 0;
}
.lr_auto{
	margin-left: auto;
	margin-right: auto;
}

.font_mon{
	font-family: 'Montserrat', sans-serif;
}
.txt_underline{
	text-decoration: underline;
}

/* header ----------------- */

.gheader{
	
}

.logo_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	z-index: 20000;
}

/* index_main -------------------- */
.index_main{
	position: relative;
	background: #E7EDF1;
}

.index_main_img,.index_main_txt{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.index_main_img_on,.index_main_txt_on{
	opacity: 1.0;
}
.index_main_img{
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}
.index_main_img_on{
	-webkit-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
}
.index_main_txt{
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

.index_main_txt01{
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.index_main_txt02{
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.index_main_txt03{
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.index_main_slide .img{
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.fix_bn{
	position: fixed;
	z-index: 20000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.fix_bn a{
	display: block;
	width: 100%;
	color: #fff;
	font-size: 16px;
	text-align: center;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.fix_bn01 a{
	background: #063D6A;
}
.fix_bn02 a{
	background: #58A107;
}
.fix_bn li .txt{
	letter-spacing: 4px;
}

.index_msg{
	background: #E7EDF1;
	text-align: center;
}
.index_msg .txt{
	font-weight: bold;
	letter-spacing: 2px;
}

.ttl_index_news{
	font-weight: normal;
}

.index_news .day{
	color: #58A107;
	font-size: 16x;
}
.index_news .ttl{
	font-size: 20px;
	margin-top: 30px;
	line-height: 160%;
}

.index_business_ttl{
	position: relative;
}
.index_business_ttl .overlay{
	position: absolute;
	left: 0;
	top: 0;
}
.index_business_ttl .txt_area{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.index_business_ttl .ttl_l{
	opacity: 0.5;
}

.ttl_l{
	line-height:120%; 
	font-weight: 800;
}


.index_business li{
	position: relative;
	text-align: center;
}
.index_business li .txt_area,.index_business li .overlay,.index_business li .over{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.index_business li .txt_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	opacity: 1.0;
}

.index_business li .more{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 50px;
	color: #fff;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
}

.index_business li .more span{
	display: inline-block;
	background-image:url(../images/icon_arrow01.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px;
	padding-right: 60px;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.index_business li .over{
	opacity: 0;
}

.index_business li en{
	font-size: 14px;
}

.bg_gray{
	background: #E7EDF1;
}

.index_info_area .ttl_l{
	color: #fff;
}
.index_info_area .ttl_ja{
	font-size: 30px;
}



.info_list .day{
	color: #58A107;
	font-size: 16x;
}
.info_list .ttl{
	font-size: 20px;
	margin-top: 20px;
	line-height: 160%;
}

.info_list li{
	border-bottom: dotted 1px #AAAAAA;
}

.index_info_list .more{
	text-align: right;
}
.index_info_list .more a{
	display: inline-block;
	background-image:url(../images/icon_arrow03.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 60px;
	padding-right: 80px;
	font-size: 20px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.bn_area .swiper-pagination{
	position: relative;
	text-align: center;
}
.bn_area .swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #AAAAAA;
	opacity: 1;
	margin: 0 20px;
}
.bn_area .swiper-pagination .swiper-pagination-bullet-active{
	width: 20px;
	height: 20px;
	background: #58A107;
}

.btm_business_slide_area{
	position: relative;
}

.btm_business_slide_area .more a{
	display: inline-block;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 60px;
	padding-right: 80px;
	-webkit-transition: all .4s;
	transition: all .4s;
	font-size: 20px;
}

.btm_contact_area{
	background-repeat: no-repeat;
	background-position: center;
}
.btm_contact_area_cont{
	text-align: center;
	color: #fff;
	position: relative;
}
.btm_contact_area_cont a{
	color: #fff;
}
.btm_contact_area_cont .icon{
	border: solid 1px #fff;
	width: 150px;
	height: 150px;
	display: table;
	border-radius: 75px;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.btm_contact_area_cont .icon .inner{
	width: 150px;
	height: 150px;
	display: table-cell;
	vertical-align: middle;
}
.btm_contact_area_cont .icon .img img{
	display: inline-block;
	width: 50px;
}
.btm_contact_area_cont .icon .img{
	margin-bottom: 10px;
}
.btm_contact_area_cont .icon .txt{
	font-size: 14px;
}


.btm_contact_area_cont .num{
	font-size: 40px;
	font-weight: 800;
	margin: 20px 0;
}
.btm_contact_area_cont .txt01{
	margin-top: 40px;
}
.btm_contact_area .mail_area .txt02{
	margin-top: 30px;
}

.btm_contact_area .tel_area::after{
	content: "";
	background: #fff;
	position: absolute;
}
.footer_link_outer{
	border-top: solid 1px #E7EDF1;
}
.footer_link_outer_top{
	margin-top: 0;
}
.footer_link_area{
	font-weight: bold;
	font-size: 18px;
}


.footer_link li a{
	display:inline-block;
	background-image:url(../images/icon_arrow01.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px;
	padding-right: 50px;
	-webkit-transition: all .4s;
	transition: all .4s;
	line-height: 30px;
}
.footer_link li{
	margin-top: 30px;
}
.footer_link_inner01 .footer_link li:first-child{
	margin-top: 0px;
}

.footer_link_area .ttl{
	position: relative;
	padding-bottom: 15px;
}
.footer_link_area .ttl::after{
	content: "";
	display: block;
	width: 80px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #333333;
}
.footer_logo{
	width: 200px;
}

.footer_logo_txt{
	width: 320px;
	margin-top: 20px;
}

.gfooter{
	background: #58A107;
	padding: 30px 0;
	font-size: 14px;
	color: #fff;
	margin-top: 100px;
}
.gfooter a{
	color: #fff;
}

.bread{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.bread li{
	border-right: solid 1px #AAAAAA;
}

.bread li .current{
	color: #58A107;
	font-weight: bold;
}
.contnts_area .ttl_area .ttl_l{
	color:#E7EDF2; 
}
.contnts_area .ttl_area .ttl_ja{
	font-size: 30px;
}

.company_tbl{
	
}

.company_tbl dt{
	color: #58A107;
}

.company_tbl dd{
	border-bottom: dotted 1px #AAAAAA;
}
.ttl_sub_access{
	font-size: 20px;
}
.ttl_sub_access .green{
	margin-right: 10px;
}

.access_img{
	margin-top: 30px;
}
.access_img .txt{
	text-align: center;
	margin-top: 10px;
}
.access_map{
	margin-top: 30px;
}

.access_g_map{
	width: 250px;
	margin-top: 30px;
}
.access_g_map a{
	font-weight: bold;
	background: #58A107;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
}

.access_g_map i{
	margin-right: 10px;
}

.access_way{
	font-weight: bold;
	padding-left: 50px; 
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
}
.access_bus{
	background-image:url(../images/icon_bus.png);
	margin-top: 40px;
}
.access_car{
	background-image:url(../images/icon_car.png);
	margin-top: 20px;
}

.philosophy_txt{
	font-weight: bold;
	font-size: 30px;
}

.philosophy_txt_area p{
	margin-top: 30px;
	text-indent: 1em;
}

.ttl_circle{
	position: relative;
	line-height: 140%;
}
.ttl_circle::before{
	content: "";
	position: absolute;
	left: 0;
	top:0;
	border: solid 1px #59A008
}
.philosophy_name{
	text-align: right;
	margin-top: 40px;
	font-weight: bold;
}
.philosophy_name span{
	font-size: 30px;
}
.permit_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.permit_list li{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 50px;
}
.permit_list li .permit_list_inner{
	border: solid 1px #58A107;
}

.permit_list li .name{
	background: #58A107;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 73%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	
}
.permit_list li .txt_area{
	padding: 20px 10px 20px 20px;
}

.permit_pdf{
	text-align: right;
	margin-top: 20px;
	font-weight: bold;
}
.permit_pdf a{
	display: inline-block;
	color: #58A107;
	background-image:url(../images/icon_pdf.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.page_link_list li i{
	margin-left: 10px;
	color: #58A107;
}
.page_link_list li{
	margin-top: 30px;
}
.page_link_list li:first-child{
	margin-top: 0;
}

.page_link_list li a{
	display: block;
	background-image:url(../images/icon_down.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px;
	padding-right: 50px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}

.ttl_b_dot{
	border-bottom: dotted 1px #AAAAAA;
	padding-bottom: 15px;
	font-weight: bold;
	color: #58A107;
}
.sub_ttl_b_dot{
	border-bottom: dotted 1px #AAAAAA;
	padding-bottom: 15px;
	font-weight: bold;
	color: #58A107;
}
.governance_box_area{
	
}
.governance_box{
	-webkit-transition: all .4s;
	transition: all .4s;
	overflow: hidden;
}

.governance_box_area .more{
	position: relative;
	text-align: right;
	margin-top: 30px;
	font-size: 20px;
	
}
.governance_box_area .more::after{
	content: "＋";
	margin-left: 15px;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.governance_box_area .active::after{
	content: "－";
}

.list_disc{
	list-style-type: disc;
	margin-left: 1.5em;
}

.recruit_list li{
	margin-top: 60px;
}
.recruit_list li a{
	border: solid 3px #58A107;
	border-radius: 10px;
	display: block;
	background: #fff;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.recruit_list li a:hover{
	background: #E7EDF2;
}

.recruit_list .ttl{
	color: #58A107;
	border-bottom: dotted 1px #58A107;
	font-weight: bold;
}


.recruit_list .more{
	-webkit-transition: all .4s;
	transition: all .4s;
	background-image:url(../images/icon_arrow01.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px;
	padding-right: 50px;
	height: 30px;
	line-height: 30px;
	text-align: right;
}

.recruit_list li a:hover .more{
	background-image:url(../images/icon_arrow01_on.png);
}


/*
.people_list li{
	margin-top: 50px;
}

.people_list .name{
	font-weight: bold;
	color: #58A107;
}
.people_list .ttl{
	font-weight: bold;
	line-height: 150%;
}
.people_list .more{
	background-image:url(../images/icon_arrow05.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 60px;
	padding-right: 80px;
	font-size: 20px;
	text-align: right;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.people_list .img{
	-webkit-box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.3);

}
*/

.recruit_cat{	
	background: #58A107;
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin-bottom: 30px;
}

.ttl_recruit{
	border-bottom: dotted 1px #AAAAAA;
	font-weight: normal;
	line-height: 150%;
}

.recruit_detail{
	padding-top: 20px;
}
.recruit_detail dt{
	color: #58A107;
}
.recruit_detail dd{
	border-bottom: dotted 1px #AAAAAA;
}


.recruit_contact{
	border:solid 3px #58A107;
	text-align: center;
	padding-bottom: 20px;
	border-radius: 10px;
	margin-top: 60px;
}
.recruit_contact .ttl{
	color: #58A107;
	border-bottom: dotted 1px #58A107;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	letter-spacing: 3px;
}
.recruit_contact .num{
	color: #58A107;
	margin: 30px 0;
	font-size: 40px;
	font-weight: 800;
}
.recruit_contact .num a{
	color: #58A107;
}

.ttl_appliances{
	color:#E7EDF2; 
}

.appliances_slide .img{
	width: 100%;
	height: 0;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
}
.appliances_slide .txt_area{
	position: absolute;
	width: 100%;
	left: 0;
	color: #fff;
}
.appliances_slide .txt_area a{
	color: #fff;
}
.appliances_slide_txt_inner .link{
	font-weight: bold;
}

.appliances_slide_nav{
	
}
.appliances_slide_nav li{
	background: #fff;
	font-weight: bold;
}
.appliances_slide_nav li.active{
	background-color: #58A107;
	color: #fff;
}
.appliances_slide_txt_inner .link{
	text-align: right;
}
.appliances_slide_txt_inner .link a{
	display: inline-block;
	background-image:url(../images/icon_arrow01.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px;
	padding-right: 50px;
	height: 30px;
	line-height: 30px;
}

.scroll_img .swiper-wrapper {
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.appliances_movie_list .txt{
	font-weight: bold;
	color: #58A107;
	margin-bottom: 30px;
}

.appliances_cont{
	font-size: 20px;
}

.peole_name{
	font-weight: bold;
	text-align: right;
}
.peole_name span{
/*	color: #58A107;*/
}

.connection_bn_area{
	background: #E7EDF1;
}

.demand_person_list{
	text-align: center;
	color: #58A107;
	font-weight: bold;
}

.index_business li .txt_area .inner{
	width: 100%;
}

.people_list .department{
	margin-top: 40px;
	font-weight: bold;
}

.people_list .ttl{
	line-height: 150%;
	padding: 0 10px 0 20px;
}

.people_intro_txt{
	color: #58A107;
	line-height: 150%;
	font-weight: bold;
}

.people_txt_area p{
	margin-top: 30px;
}

.ttl_time_area{
	font-size: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.time_list{
	padding-top: 20px;
}

.time_list li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px;
}
.people_time_img_area .time_area{
	background: #58A107;
	color: #fff;
}

.no_recruit_txt{
	background: #E7EDF1;
	line-height: 180%;
}

.environment_list .green{
	font-weight: bold;
}

.environment_list li{
	margin-top: 30px;
}

.environment_open{
	text-align: center;
}
.environment_open .open{
	position: relative;
	display: inline-block;
	line-height: 30px;
	font-weight: bold;
	background-image:url(../images/igon_plus02.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px;
	padding-right: 40px;
	margin-top: 20px;
}


.sdgs_cont{
	background: #E7EDF2;
}

.sdgs_list li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #fff;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sdgs_list li .txt{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mark_kogata{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(255,255,255,0.5);
	color: #333333;
	font-weight: bold;
}

.img_iso{
	border: solid 1px #ccc;
}

.info_img_list a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.info_img_list .img{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.wp-pagenavi{
	text-align: center;
	font-size: 20px;
}
.wp-pagenavi a,.wp-pagenavi span{
	margin: 10px 10px 0 10px;
}
.wp-pagenavi a{
	color: #AAAAAA
}
.wp-pagenavi .current{
	color: #58A107;
	font-weight: bold;
}

.day_info{
	color: #58A107;
	margin-bottom: 20px;
}

.info_cont a{
	text-decoration: underline;
}

.form_list .must{
	margin-left: 10px;
	font-size: 30px;
	font-weight: bold;
	color: #D90000;
	display: inline-block;
	vertical-align: middle;
}

.form_list input[type="text"],.form_list input[type="email"],.form_list textarea,.form_list select{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border:none;
	background: #F4F6F9;
	padding: 15px 20px;
	font-size: 20px;
}

.form_list dt{
	font-weight: bold;
}

.consent{
	display: inline-block;
	color: #fff;
	background: #58A107;
	padding: 15px 35px;
	border-radius: 10px;
}
.consent input{
	width: 20px;
	height: 20px;
}
.consent_txt{
	margin-top: 20px;
	font-size: 16px;
}

.ttl_sdgs{
	color: #58A107;
}

.back_infomation_list{
	
}

.back_infomation_list a{
	display: block;
	width: 100;
	
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	text-align: center;
	background-image:url(../images/icon_arrow06.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 30px;
/*	padding-right: 50px;*/
	background-color: #58A107;
}

.btn_submit input{
	display: block;
	width: 100%;
	border-radius: 10px !important;
	text-align: center;
	font-weight: bold;
	background: #58A107;
	color: #fff;
	border:none;
	font-size: 22px;
	cursor: pointer;
}

.btn_submit input.is-inactive{
	background: #EFEFEF;
	color: #333333;
	cursor: auto;
}

.ttl_info{
	font-weight: bold;
}


/* グラフ -------------------- */

.move_graph_year{
	text-align: center;
	color: #58A107;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 5px;
	margin-bottom: 20px;
}

.move_graph_ttl_bg{
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	font-size: 25px;
	color: #fff;
	background: #58A107;
}

.move_graph_ttl{
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	font-size: 20px;
}

.move_graph_ttl01{
	color: #00AA8D;
	border: solid 1px #00AA8D;
} 

.move_graph_ttl02{
	color: #3EA9C7;
	border: solid 1px #3EA9C7;
} 
.move_graph_ttl03{
	color: #EC6D80;
	border: solid 1px #EC6D80;
} 
.move_graph_canvas_area{
	position: relative;
}
.move_graph_canvas_area canvas{
	width: 100%;
	position: relative;
	z-index: 10;
}
.move_graph_canvas_area{
	background-repeat: no-repeat;
	background-position:center;
	background-size: 100%;
}
.move_graph_canvas_area01{
/*	background-image:url(../images/home_appliances/move_graph_bg01.png);*/
}
.move_graph_canvas_area .img{
	position: absolute;
	left: 0;
	top:0;
	-webkit-transition: all .4s;
	transition: all .4s;
	opacity: 0;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.move_graph_canvas_area .img_on{
	opacity: 1;
}

.move_graph_canvas_area .num{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	opacity: 0;
}
.move_graph_canvas_area .num_on{
	opacity: 1.0;
}

.move_graph_canvas_area  .num p{
	width: 100%;
	text-align: center;
}
.move_graph_canvas_area .num p span{
	font-weight: bold;
}

move_graph_canvas_area01 .num p span{
	color: #00AA8D;
}

.graph_num{
	position: relative;
	padding-left: 50px;
	font-weight: bold;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
}

.graph_num::before{
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top:0;
}
.kijun_num::before{
	background: #ED7D31;
}

.f-eco_num img{
	display: inline-block;
	height: 20px;
}

.f-eco_num{
	margin-top: 30px;
}
.kijun_num{
	margin-top: 20px;
}
.graph_num .num{
	font-weight: 800;
	margin: 0 10px;
}

.kijun_num .num{
	color: #ED7D31;
	font-size: 30px;
}
.f-eco_num .num{
	font-size: 40px;
}

.move_graph_canvas_area01 .num,.move_graph_canvas_area04 .num{
	color: #58A107;
}
.f-eco_num_aircon::before{
	background: #58A107;
}
.f-eco_num_aircon .num{
	color: #58A107;
}


.move_graph_canvas_area02 .num,.move_graph_canvas_area05 .num{
	color: #58A107;
}
.f-eco_num_tv::before{
	background: #58A107;
}
.f-eco_num_tv .num{
	color: #58A107;
}

.move_graph_canvas_area03 .num,.move_graph_canvas_area06 .num{
	color: #58A107;
}
.f-eco_num_tv02::before{
	background: #58A107
}
.f-eco_num_tv02 .num{
	color: #58A107;
}

.calculation_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.calculation{
	display: inline-block;
	text-align: center;
}
.calculation01{
	border-bottom: solid 1px #333333;
}

.ttl_ja_top{
	font-weight: bold;
}

.news_sub_ttl{
	font-weight: bold;
	font-size: 110%;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
}
.news_sub_ttl::before{
	content: "●";
	color: #58A107;
	margin-right: 10px;
	
}

.news_slogan_list{
	
}
.news_slogan_list li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-bottom: solid 1px #ccc;
	padding-bottom: 20px;
	margin-top: 20px;
}
.news_slogan_list .cat{
	background: #E7EDF1;
	padding: 5px 0px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.news_slogan_list .txt_area{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.news_slogan_list .ttl{
	font-weight: bold;
}

.news_slogan_list .name_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 90%;
	margin-top: 10px;
}

.news_slogan_list{
}

.news_slogan_list{
}

.news_slogan_list{
}

.news_slogan_list{
}

.news_slogan_list{
}


.news_slogan_list{
}

