@charset "UTF-8";

#page .group_about{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;gap:40px;}
#page .group_about .left{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:50px;flex-grow:1;justify-self:flex-start;}
#page .group_about .left .text{position:relative;margin:0;padding:0;font-size:18px;font-weight:300;line-height:1.8;color:#000000;word-break:keep-all;}
#page .group_about .left .text b{font-weight:600;}
#page .group_about .left .text .color{color:#0E8A98;}
#page .group_about .left .process{position:relative;margin:0;padding:0;max-width:600px;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;gap:20px;}
#page .group_about .left .process .item{position:relative;margin:0;padding:20px 10px;border:1px solid #DEDEDE;width:180px;background-color:#F8F8F8;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;gap:20px;flex-shrink:0;}
#page .group_about .left .process .item .icon{position:relative;margin:0;padding:0;width:78px;aspect-ratio:1/1;background-size:contain;background-repeat:no-repeat;background-position:center center;align-self:center;}
#page .group_about .left .process .item .icon.icon1{background-image:url("../img/about_process_icon1.png");}
#page .group_about .left .process .item .icon.icon2{background-image:url("../img/about_process_icon2.png");}
#page .group_about .left .process .item .title{position:relative;margin:0;padding:0;font-size:16px;font-weight:500;line-height:1.4;color:#000000;text-align:center;word-break:keep-all;}
#page .group_about .left .process .arrows{position:relative;margin:0;padding:0;padding-bottom:12px;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;gap:10px;flex-grow:1;}
#page .group_about .left .process .arrows .arrow{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#page .group_about .left .process .arrows .arrow .line{position:relative;margin:0;padding:0;height:24px;}
#page .group_about .left .process .arrows .arrow .line:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:2px;background-color:#004E5A;}
#page .group_about .left .process .arrows .arrow .line:after{content:"";display:block;position:absolute;right:1px;top:50%;transform:translateY(-50%) rotate(45deg);transform-origin:right center;width:12px;height:2px;background-color:#004E5A;}
#page .group_about .left .process .arrows .arrow .line.left{transform:rotate(180deg);top:-6px;}
#page .group_about .left .process .arrows .arrow .title{position:relative;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.4;color:#000000;text-align:center;word-break:keep-all;}
#page .group_about .right{position:relative;margin:0;padding:0;justify-self:flex-end;}
#page .group_about .right .image{position:relative;margin:0;padding:0;border-radius:5px;width:439px;aspect-ratio:439/413;background-image:url("../img/about_image.jpg");background-size:cover;background-repeat:no-repeat;background-position:center center;}

@media all and (max-width:1200px)
{
	#page .group_about .left .text br.pc{display:none;}
	#page .group_about .left .process .item{padding:15px 10px;width:160px;gap:10px;}
	#page .group_about .left .process .item .icon{width:50px;}
	#page .group_about .left .process .item .title{font-size:14px;}
	#page .group_about .right .image{width:350px;}
}
@media all and (max-width:1000px)
{
	#page .group_about{margin:0 auto;max-width:600px;flex-direction:column;gap:40px;}
	#page .group_about .left{order:1;gap:40px;}
	#page .group_about .left .text{font-size:14px;text-align:center;}
	#page .group_about .left .process{max-width:400px;width:100%;align-self:center;gap:10px;}
	#page .group_about .left .process .item{width:100px;}
	#page .group_about .left .process .item .icon{width:40px;}
	#page .group_about .left .process .item .title{font-size:14px;}
	#page .group_about .left .process .arrows{gap:4px;}
	#page .group_about .left .process .arrows .arrow .title{font-size:14px;}
	#page .group_about .right{order:0;align-self:initial;justify-self:initial;}
	#page .group_about .right .image{margin:0 auto;width:100%;max-width:300px;}
}


#page .group_operation_time{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:30px;row-gap:20px;}
#page .group_operation_time li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#page .group_operation_time .item{position:relative;margin:0;padding:20px;border:2px solid #EEEEEE;border-radius:5px;min-height:85px;background-color:#FFFFFF;box-shadow:0 0 4px rgba(0,0,0,0.08);box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;flex:1;}
#page .group_operation_time .item:before{content:"\EB26";display:block;position:relative;top:-2px;margin:0;padding:0;font-family:"remixicon";font-size:26px;font-weight:100;line-height:1;color:#7F7F7F;}
#page .group_operation_time .item .title{position:relative;margin:0;padding:0;font-size:23px;font-weight:600;line-height:1.4;color:#000000;word-break:keep-all;}
#page .group_operation_time .item .description{position:relative;margin:0;padding:0;font-size:25px;font-weight:400;line-height:1.4;color:#000000;word-break:keep-all;}
#page .group_operation_time .item .title + .description{margin-left:10px;}

@media all and (max-width:1000px)
{
	#page .group_operation_time{gap:10px;}
	#page .group_operation_time .item{padding:15px;min-height:65px;}
	#page .group_operation_time .item:before{top:-1px;font-size:20px;}
	#page .group_operation_time .item .title{font-size:16px;}
	#page .group_operation_time .item .description{font-size:18px;}
	#page .group_operation_time .item .title + .description{margin-left:5px;}
}
@media all and (max-width:1000px)
{
	#page .group_operation_time{flex-direction:column;}
}