@charset "UTF-8";

#page{}


#page .page_group.group_header{}


#page .page_group.group_company{font-size:20px;}
#page .page_group.group_company .title{position:relative;margin:0;padding:0;font-family:"GmarketSans";font-size:2.5em;line-height:1.3;color:#000000;font-weight:700;text-align:center;word-break:keep-all;}
#page .page_group.group_company .image{position:relative;aspect-ratio:10/4;background-color:#efefef;background-image:url("../img/company_image.jpg");background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .page_group.group_company .image:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000000;opacity:0.5;}
#page .page_group.group_company .image .text{position:absolute;z-index:1;left:1em;top:1em;margin:0;padding:0;font-family:"GmarketSans";font-size:2.2em;line-height:1.3;color:#ffffff;font-weight:400;word-break:keep-all;}
#page .page_group.group_company .image .text b{font-weight:700;}
#page .page_group.group_company * + .image{margin-top:2.5em;}
#page .page_group.group_company .description{position:relative;display:block;margin:0;padding:0;font-family:"GmarketSans";font-size:1.1em;line-height:1.6;color:#4f4f4f;font-weight:400;text-align:center;word-break:keep-all;}
#page .page_group.group_company .description b{font-weight:700;}
#page .page_group.group_company * + .description{margin-top:2.27em;}
#page * + .page_group.group_company{margin-top:5em;}

@media all and (max-width:1200px){
	#page .page_group.group_company{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .page_group.group_company{font-size:17px;}
	#page .page_group.group_company .title{font-size:2.1em;}
	#page .page_group.group_company .image{aspect-ratio:10/5;}
	#page .page_group.group_company .image .text{font-size:1.7em;}
	#page .page_group.group_company .description{font-size:1em;}
	#page * + .page_group.group_company{margin-top:3.2em;}
}
@media all and (max-width:800px){
	#page .page_group.group_company{font-size:16px;}
}
@media all and (max-width:600px){
	#page .page_group.group_company{font-size:15px;}
	#page .page_group.group_company .title{font-size:1.6em;}
	#page .page_group.group_company .image{aspect-ratio:10/8;}
	#page .page_group.group_company .image .text{font-size:1.7em;}
	#page .page_group.group_company * + .image{margin-top:1.6em;}
	#page .page_group.group_company .description br{display:none;}
	#page .page_group.group_company * + .description{margin-top:1.8em;}
}
@media all and (max-width:400px){
	#page .page_group.group_company{font-size:14px;}
}
@media all and (max-width:350px){
	#page .page_group.group_company{font-size:13px;}
}


#page .page_group.group_goal{position:relative;font-size:20px;padding:2.5em 0;background-color:#efefef;}
#page .page_group.group_goal .description{position:relative;display:block;margin:0;padding:0;font-family:"GmarketSans";font-size:1.3em;line-height:1.6;color:#000000;font-weight:400;text-align:center;word-break:keep-all;}
#page .page_group.group_goal .description b{font-weight:700;}
#page * + .page_group.group_goal{margin-top:5em;}

@media all and (max-width:1200px){
	#page .page_group.group_goal{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .page_group.group_goal{font-size:17px;}
	#page .page_group.group_goal .description{font-size:1.15em;}
	#page * + .page_group.group_goal{margin-top:3.2em;}
}
@media all and (max-width:800px){
	#page .page_group.group_goal{font-size:16px;}
}
@media all and (max-width:600px){
	#page .page_group.group_goal{font-size:15px;}
	#page .page_group.group_goal .description br{display:none;}
}
@media all and (max-width:400px){
	#page .page_group.group_goal{font-size:14px;}
}
@media all and (max-width:350px){
	#page .page_group.group_goal{font-size:13px;}
}


#page .page_group.group_list{font-size:20px;}
#page .page_group.group_list .list{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;gap:2.5em;}
#page .page_group.group_list .list .item{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:2.5em;}
#page .page_group.group_list .list .item .image{position:relative;background-color:#efefef;aspect-ratio:1/1;border-radius:1.5em;flex:1;background-size:cover;background-repeat:no-repeat;background-position:center center;overflow:hidden;}
#page .page_group.group_list .list .item .image:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:0;transition:opacity ease 250ms;}
#page .page_group.group_list .list .item .text{position:relative;flex:2;}
#page .page_group.group_list .list .item .text .title{display:block;margin:0;padding:0;font-family:"GmarketSans";font-size:1.3em;line-height:1.3;color:#000000;font-weight:700;word-break:keep-all;}
#page .page_group.group_list .list .item .text .title b{font-weight:700;}
#page .page_group.group_list .list .item .text .description{display:block;margin:0;padding:0;font-family:"GmarketSans";font-size:1.1em;line-height:1.6;color:#4f4f4f;font-weight:400;word-break:keep-all;}
#page .page_group.group_list .list .item .text .description b{font-weight:700;}
#page .page_group.group_list .list .item .text * + .description{margin-top:0.8em;}
#page .page_group.group_list .list .item:nth-child(even) .image{order:1;}
#page .page_group.group_list .list .item:nth-child(even) .text{order:0;}
#page .page_group.group_list .list .item:hover .image:before{opacity:1;}
#page * + .page_group.group_list{margin-top:5em;}
#page .page_group.group_list .list .item .image.image1{background-image:url("../img/list_item1_image.jpg");}
#page .page_group.group_list .list .item .image.image1:before{background-image:url("../img/list_item1_image_hover.jpg");}
#page .page_group.group_list .list .item .image.image2{background-image:url("../img/list_item2_image.jpg");}
#page .page_group.group_list .list .item .image.image2:before{background-image:url("../img/list_item2_image_hover.jpg");}

@media all and (max-width:1200px){
	#page .page_group.group_list{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .page_group.group_list{font-size:17px;}
	#page .page_group.group_list .list .item{gap:1.6em;}
	#page .page_group.group_list .list .item .text .title{font-size:1.15em;}
	#page .page_group.group_list .list .item .text .description{font-size:1em;}
	#page * + .page_group.group_list{margin-top:3.2em;}
}
@media all and (max-width:800px){
	#page .page_group.group_list{font-size:16px;}
}
@media all and (max-width:600px){
	#page .page_group.group_list{font-size:15px;}
	#page .page_group.group_list .list .item{flex-direction:column;align-items:initial;}
	#page .page_group.group_list .list .item .image{border-radius:1em;}
	#page .page_group.group_list .list .item .text{text-align:center;}
	#page .page_group.group_list .list .item .text .description{font-size:0.95em;}
	#page .page_group.group_list .list .item:nth-child(even) .image{order:0;}
	#page .page_group.group_list .list .item:nth-child(even) .text{order:1;}
}
@media all and (max-width:400px){
	#page .page_group.group_list{font-size:14px;}
}
@media all and (max-width:350px){
	#page .page_group.group_list{font-size:13px;}
}


#page .page_group.group_effort{position:relative;font-size:20px;padding:2.5em 0;}
#page .page_group.group_effort .description{position:relative;display:block;margin:0;padding:0;font-family:"GmarketSans";font-size:1.3em;line-height:1.6;color:#4f4f4f;font-weight:400;text-align:center;word-break:keep-all;}
#page .page_group.group_effort .description b{font-weight:700;}
#page * + .page_group.group_effort{margin-top:5em;}

@media all and (max-width:1200px){
	#page .page_group.group_effort{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .page_group.group_effort{font-size:17px;}
	#page .page_group.group_effort .description{font-size:1.15em;}
	#page * + .page_group.group_effort{margin-top:3.2em;}
}
@media all and (max-width:800px){
	#page .page_group.group_effort{font-size:16px;}
}
@media all and (max-width:600px){
	#page .page_group.group_effort{font-size:15px;}
}
@media all and (max-width:400px){
	#page .page_group.group_effort{font-size:14px;}
}
@media all and (max-width:350px){
	#page .page_group.group_effort{font-size:13px;}
}