@charset "utf-8";
/*
	Last Update: 2024/03/28
	Auther: yt
*/
/*===================================================================
	top layout
===================================================================*/
#main_image_wrap { position:relative; overflow:hidden; display:flex; }
#main_image_wrap > * { width:50%; }
#main_image .unit { width:100%; }
#main_image .unit .img_back { width:100%; height:0; padding-bottom:80.526%; }
#main_image_wrap > ._right { display:flex; flex-direction:column; }
#main_image_wrap > ._right .bg_text { flex-grow:1; margin-top:70px; background:url(../image/top/bg_text1.png) no-repeat center center / 700px auto; transition-delay:.1s; }
#main_image_wrap > ._right .image { margin-left:10%; transition-delay:.4s; }
#main_image_wrap > ._right .img_back { width:100%; height:0; padding-bottom:73.476%; }
@media (max-width:991px) {
	#main_image_wrap { flex-direction:column; }
	#main_image_wrap > * { display:block; width:100%; }
}

#main_text { padding:40px 80px; position:relative; transition-delay:.2s; }
#main_text .sub { font-size:1.25em; margin-bottom:20px; font-weight:500; }
#main_text .main { font-size:2.25em; font-weight:500; line-height:1.4; letter-spacing:3px; }
#main_text .scroll_btn { position:absolute; top:50%; right:0; transform:translateY(-50%); }
@media (max-width:1440px) {
	#main_text { padding:40px; }
	#main_text .main { font-size:1.75em; }
}
@media (max-width:1200px) {
	#main_text { padding:20px; }
}
@media (max-width:991px) {
	#main_text { padding:40px 40px 40px 20px; }
	#main_text .scroll_btn { right:20px; }
	#main_image_wrap > ._right .bg_text { display:none; }
}
@media (max-width:575px) {
	#main_text .main { font-size:1.25em; letter-spacing:2px; }
}

#top_outline .outline_wrap { display:flex; align-items:center; padding-top:60px; }
#top_outline .outline_wrap > * { width:50%; }
#top_outline ._left { position:relative; }
#top_outline ._left .image._1 { margin-right:6%; }
#top_outline ._left .image._2 { position:absolute; right:0; bottom:-18.349%; width:55.263%; }
#top_outline ._right { margin-right:3%; padding:20px 0; }
#top_outline .text_wrap { min-width:62.5%; width:400px; max-width:100%; margin-left:auto; margin-right:auto; }
#top_outline .text_wrap .hl_top_outline { margin-bottom:20px; }
#top_outline .text_wrap .hl_top_outline .sub { font-size:.8em; letter-spacing:1px; }
#top_outline .text_wrap .hl_top_outline .main { font-size:2em; }
#top_outline .outline_bottom { margin-top:3.889%; }
#top_outline .outline_bottom .image { margin-left:auto; margin-right:0; width:32.083%; }
#top_outline .outline_bottom .bg_text { width:100%; height:160px; background:url(../image/top/bg_text2.png) repeat-x center center / auto 160px; }
@media (max-width:991px) {
	#top_outline .outline_wrap { flex-direction:column-reverse; }
	#top_outline .outline_wrap > ._right { margin-right:0; padding:0 20px 40px; width:100%; }
	#top_outline .text_wrap { width:100%; }
	#top_outline .outline_wrap > ._left { width:60%; margin-right:auto; margin-left:0; margin-bottom:-20%; }
	#top_outline .outline_bottom .bg_text { height:60px; background-size:auto 60px; }
}
@media (max-width:575px) {
	#top_outline .text_wrap .hl_top_outline .main { font-size:1.5em; }
}

#top_news .hl_top_news { display:flex; align-items:center; }
#top_news .hl_top_news .main { font-size:2.5em; letter-spacing:2px; }
#top_news .hl_top_news .sub { margin-left:15px; }

#top_news .top_news_list .unit { display:flex; align-items:center; padding-bottom:20px; margin-bottom:30px; border-bottom:1px dotted #D0D0D0; height:calc(100% - 30px); }
#top_news .top_news_list .unit ._left { width:80px; }
#top_news .top_news_list .unit ._left .img_back { width:100%; height:0; padding-bottom:100%; }
#top_news .top_news_list .unit ._right { width:calc(100% - 80px); padding-left:25px; }
#top_news .top_news_list .unit ._right .news_head { margin-bottom:10px; }
#top_news .top_news_list .unit ._right .tag { font-size:.8em; padding:5px 10px; border-radius:2px; background:var(--c-white); color:var(--c-green); font-weight:500; }
#top_news .top_news_list .unit ._right .title { font-weight:500; }
body.pc #top_news .top_news_list .unit:hover ._right .title { text-decoration:underline; }

#top_service .hl_top_service { text-align:center; margin-bottom:40px; }
#top_service .hl_top_service .sub { margin-bottom:20px; }
#top_service .hl_top_service .main { font-size:2.5em; letter-spacing:2px; text-indent:2px; }
#top_service .service_list .service_unit { display:flex; }
#top_service .service_list .service_unit:nth-child(2n+1) { flex-direction:row-reverse; }
#top_service .service_list .service_unit > * { width:50%; }
#top_service .service_list .service_unit > .text_wrap { border-top:1px solid var(--c-white); padding:40px 20px; display:flex; align-items:center; }
#top_service .service_list .service_unit:last-child > .text_wrap { border-bottom:1px solid var(--c-white); }
#top_service .service_list .service_unit > .text_wrap .text_cont { min-width:62.5%; width:580px; max-width:100%; margin-left:auto; margin-right:auto; }
#top_service .service_list .service_unit > .text_wrap .text_cont .number_wrap { display:flex; align-items:center; margin-bottom:40px; }
#top_service .service_list .service_unit > .text_wrap .text_cont .number_wrap .number { width:50px; }
#top_service .service_list .service_unit > .text_wrap .text_cont .number_wrap .number img { height:68px; width:auto; max-width:unset; }
#top_service .service_list .service_unit > .text_wrap .text_cont .number_wrap .text { font-weight:500; letter-spacing:1px; }
#top_service .service_list .service_unit > .text_wrap .text_cont .title { margin-bottom:40px; }
#top_service .service_list .service_unit > .text_wrap .text_cont .title .main { font-weight:bold; letter-spacing:1px; font-size:2em; }
#top_service .service_list .service_unit > .image_wrap img { min-height:100%; object-fit:cover; }
#top_service .service_list .service_unit > .text_wrap .text_cont .comment { margin-bottom:40px; }
@media (max-width:991px) {
	#top_service .service_list .service_unit { flex-direction:column!important; }
	#top_service .service_list .service_unit > * { width:100%!important; }
	#top_service .service_list .service_unit > .text_wrap .text_cont .number_wrap { margin-bottom:20px; }
	#top_service .service_list .service_unit > .text_wrap .text_cont .title { margin-bottom:20px; }
	#top_service .service_list .service_unit > .text_wrap .text_cont .comment { margin-bottom:20px; }
}
@media (max-width:575px) {
	#top_service .service_list .service_unit > .text_wrap .text_cont .title .main { font-size:1.5em; }
	#top_service .service_list .service_unit > .text_wrap .text_cont .number_wrap .number img { height:40px; }
}

.button_readmore { display:inline-flex; align-items:center; }
.button_readmore::after { content:""; width:46px; height:46px; background:var(--c-white) url(../image/icon/arrow-r-g.svg) no-repeat center center / 14px auto; margin-left:15px; border-radius:46px; }
@media (max-width:767px) {
	.button_readmore::after { width:30px; height:30px; }
}