@charset "UTF-8";



/* 0. Common */



/* 1. Carousel */

main section.carousel{
	width:100%;
	max-height:73.33vw;
	height:auto;
}

main section.carousel ul,
main section.carousel ul li img{
	max-height:73.33vw;
}

main section.carousel a.bx-prev,
main section.carousel a.bx-next{
	top:calc(36.66vw - 10px);
	width:20px;
	height:20px;
	background-size:contain;
}

main section.carousel a.bx-prev{
	left:20px;
}

main section.carousel a.bx-next{
	right:20px;
}

main section.carousel a.bx-prev:hover,
main section.carousel a.bx-next:hover{
	background-size:contain;
}

main section.carousel ul li img{
	width:100%;
}



/* 2. Pick Up */

main section.pickup ul{
	display:block;
	width:100%;
	margin-top:0;
	padding-top:10px;
}

main section.pickup ul li{
	width:100%;
	margin-top:20px;
}

main section.pickup ul li:first-child,
main section.pickup ul li:nth-child(2),
main section.pickup ul li:nth-child(3){
	margin-top:20px;
}

main section.pickup ul:has(li:last-child:is(:nth-child(3n+2))):after{
	display:none;
}

main section.pickup ul li a picture{
	max-height:none;
}

main section.pickup ul li a img{
	max-height:none;
	width:100%;
}

main section.pickup ul li a:hover img{
	transform:scale(1);
}



/* 3. About Us */

main section.aboutus{
	min-height:0;
	padding:30px 20px;
}

main section.aboutus picture{
	position:static;
	height:auto;
}

main section.aboutus picture img{
	height:auto;
	position:static;
	border-radius:8px;
}

main section.aboutus h2,
main section.aboutus p{
	padding-left:0;
	width:100%;
	color:#181a24;
}

main section.aboutus h2{
	margin-top:30px;
}

main section.aboutus p + p{
	margin-top:20px;
}

main section.aboutus a.button{
	font-weight:bold;
}



/* 4. Our Business / 5. Gas & Power */

main section.gas_power{
	padding-bottom:60px;
}

main section.ourbusiness ul.service,
main section.gas_power ul.service{
	flex-direction:column;
	flex-wrap:nowrap;
	padding-top:0;
}

main section.ourbusiness ul.service li,
main section.gas_power ul.service li{
	width:100%;
}



/* 6. Igniture */

main section.igniture{
}



/* 7. Solution & Service */

/*

main section.solution_service{
	min-height:0;
	padding-top:30px;
}

main section.solution_service picture{
	position:static;
	height:auto;
}

main section.solution_service picture img{
	height:auto;
	position:static;
	border-radius:8px;
}

main section.solution_service div.exp{
	margin-top:24px;
	height:auto;
	padding-top:0;
}

main section.solution_service h2,
main section.solution_service p{
	padding-left:0;
	width:100%;
	color:#181a24;
}

main section.solution_service p + p{
	margin-top:24px;
}

main section.solution_service a.button{
	width:100%;
}

main section.solution_service div.recommended_keywords{
	border-radius:8px;
	padding:20px 15px;
	margin-top:30px;
}

main section.solution_service div.recommended_keywords:before{
	top:-20px;
	left:calc(50% - 20px);
}

*/



/* 8. News */

main section.news{
	padding-bottom:60px;
}



/* 10. News beside Carousel */

main section.fv_information ul.information_list li a{
	padding:20px 0;
}

main section.fv_information ul.information_list li h3,
main section.fv_information ul.information_list li time{
	display:block;
}

main section.fv_information ul.information_list li h3{
	margin-top:0.25em;
}



/* 9. Aside */
main aside.links{
	padding:30px 0;
}

main aside.links ul{
	flex-direction:column;
	padding:20px;
}

main aside.links ul li,
main aside.links ul li:nth-child(-n+4){
	width:100%;
	margin-top:24px;
}

main aside.links ul li:first-child{
	margin-top:0;
}

main aside.links ul li a:hover img{
	transform:scale(1);
}



/* 10. News beside Carousel */

main section.fv_information ul.information_list li a{
	padding:0;
}