.content_wrap { line-height: 1.42; }
.content_wrap * { box-sizing: border-box; }
.section_title { font-size: 40px; }
.section_desc { max-width: 90%; margin: 0.6em auto 0; font-size: 16px; color: #666; }

.page_head:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.35); pointer-events: none; }
.page_head.ai_capsule { position: relative; background-image: url(../../img/head/bg_head_ai_capsule.jpg); }

#capsule_section_title { padding: var(--section-vertical-padding-medium) 0; background: #172335; }
#capsule_section_title .section_label { font-size: 18px; color: #9EFF00; }
#capsule_section_title .section_title { margin-top: 0; font-size: 58px; font-weight: bold; color: #FFF; }
#capsule_section_title .section_desc { color: #FFF; }

#section_capsule_professional { padding: var(--section-vertical-padding-medium) 0 var(--section-vertical-padding) 0; color: #FFF; background: url('../../img/products/bg_capsule_eight.png') no-repeat bottom calc(var(--section-vertical-padding) * 0.75) center #172335; background-size: auto 300px; }
#section_capsule_professional .section_title,
#section_capsule_professional .section_desc { color: #FFF; }
#section_capsule_professional .capsule_list_wrap { margin-top: 3em; margin-bottom: 320px; }
#section_capsule_professional .capsule_list { display: flex; gap: 1em; flex-wrap: wrap; justify-content: center; }
#section_capsule_professional .capsule_list + .capsule_list { margin-top: 3em; }
#section_capsule_professional .capsule_list.left_side { display: flex; justify-content: flex-start; }
#section_capsule_professional .capsule_list.right_side { display: flex; justify-content: flex-end; }
#section_capsule_professional .capsule_item { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 auto; height: 6em; padding: 1em; text-align: center; background: #FFF; border-radius: 10px; box-sizing: border-box; }
#section_capsule_professional .capsule_item .item_title { font-size: 1em; font-weight: bold; color: #000; }
#section_capsule_professional .capsule_item .item_label { margin-top: 0.3em; font-size: 1em; font-weight: bold; }
#section_capsule_professional .capsule_item.creative .item_label { color: #F69E0B; }
#section_capsule_professional .capsule_item.translation .item_label { color: #EF4444; }
#section_capsule_professional .capsule_item.music .item_label { color: #06B6D4; }
#section_capsule_professional .capsule_item.vision .item_label { color: #EC4899; }
#section_capsule_professional .capsule_item.education .item_label { color: #3B82F6; }
#section_capsule_professional .capsule_item.translation .item_label { color: #10B981; }
#section_capsule_professional .capsule_item.business .item_label { color: #8B5CF6; }
#section_capsule_professional .capsule_item.lifestyle .item_label { color: #22C55E; }


#section_capsule_special { padding: var(--section-vertical-padding) 0; background: #EDF0F2; line-height: 1.42; overflow: hidden; }
#section_capsule_special .special_list { display: flex; flex-wrap: wrap; gap: 2%; row-gap: 2%; justify-content: center; margin-top: 2em; }
#section_capsule_special .special_list .list_item { flex: 1 1 32%; max-width: 300px; margin-bottom: 2%; min-height: 200px; padding: 1em 1em 2em 1em; text-align: center; background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; box-sizing: border-box; }
#section_capsule_special .special_list .item_title { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 68px; margin: 1em 0; font-size: 24px; font-weight: bold; }
#section_capsule_special .special_list .item_desc { font-size: 15px; color: #666666; }
#capsule_section_summary { padding: var(--section-vertical-padding) 0; background: #FFF; line-height: 1.42; overflow: hidden; }
#capsule_section_summary .capsule_summary_list { display: flex; justify-content: space-between; gap: 2%; margin-top: 2em; }
#capsule_section_summary .capsule_summary_item { display: flex; flex-direction: column; align-items: center; flex: 1 1 23%; border-radius: 10px; min-height: 140px; padding: 1em; background-color: #233043; box-sizing: border-box; }
#capsule_section_summary .capsule_summary_item .item_title { font-size: 20px; color: #8CE800; font-weight: bold; text-align: center; }
#capsule_section_summary .capsule_summary_item .item_desc { width: 90%; height: 60px; display: flex; justify-content: center; align-items: center; margin-top: 0.3em; font-size: 14px; text-align: center; color: rgba(255, 255, 255, 0.7); box-sizing: border-box; }


#section_capsule_change { padding: var(--section-vertical-padding) 0; background: #EDF0F2; line-height: 1.42; }
#section_capsule_change .tab_list { display: flex; justify-content: center; margin-top: 2em; gap: 1em; }
#section_capsule_change .btn_tab { display: inline-flex; justify-content: center; align-items: center; padding: 0.5em 1.5em; font-size: 16px; font-weight: bold; color: #000; background-color: #FFF; border-radius: 2em; border: 1px solid #ddd; cursor: pointer; }
#section_capsule_change .btn_tab.active { background: linear-gradient(90deg, #9EFF00 0%, #7ECC00 100%); border-color: transparent; border-left-color: #9EFF00; border-right-color: #7ECC00; }
#section_capsule_change .tab_title { margin-top: 1.2em; font-size: 28px; font-weight: bold; text-align: center; }
#section_capsule_change .tab_desc { margin-top: 0.3em; font-size: 16px; font-weight: bold; color: #666; text-align: center; }
#section_capsule_change .change_list { display: flex; flex-wrap: wrap; gap: 2%; row-gap: 2%; justify-content: center; margin-top: 2.4em; }
#section_capsule_change .change_list .list_item { flex: 1 1 32%; max-width: 300px; margin-bottom: 2%; min-height: 200px; padding: 2em 1em 2em 1em; text-align: center; background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; box-sizing: border-box; }
#section_capsule_change .change_list .item_number { display: inline-flex; justify-content: center; align-items: center; width: 2em; height: 2em; background: #9EFF00; color: #000; border-radius: 50%; font-weight: bold; }
#section_capsule_change .change_list .item_title { margin: 1em 0 0.5em 0; font-size: 18px; font-weight: bold; }
#section_capsule_change .change_list .item_desc { margin-bottom: 1em; font-size: 15px; line-height: 1.52; color: #666666; }


@media screen and (min-width: 1025px) {
    #section_capsule_special .special_list .list_item:hover { color: #FFF; background-color: #172335; }
    #section_capsule_special .special_list .list_item:hover .item_desc { color: #FFF; }
}
@media screen and (max-width: 1280px) {
	.section_title { font-size: 32px; }
	.section_desc { font-size: 15px; }
	#capsule_section_title .section_title { font-size: 42px; }
    #capsule_section_title .section_label { font-size: 16px; }
	#section_capsule_professional { padding: var(--section-vertical-padding-medium) 0 calc(var(--section-vertical-padding-medium) * 0.75);  background-size: auto 250px; background-position: bottom calc(var(--section-vertical-padding) * 0.5) center; }
	#section_capsule_professional .capsule_list_wrap { margin-top: 2em; margin-bottom: 280px; }
    #section_capsule_professional .capsule_list + .capsule_list { margin-top: 2em; }
    #section_capsule_professional .capsule_list.left_side,
    #section_capsule_professional .capsule_list.right_side { justify-content: center; }
	#section_capsule_professional .capsule_item .item_title { font-size: 0.94em; }
	#section_capsule_professional .capsule_item { width: auto; padding: 0.7em 0.7em 1em 0.7em; }
	#section_capsule_special { padding: var(--section-vertical-padding-medium) 0; }
	#section_capsule_special .special_list .list_item { min-height: 140px; padding: 0.7em 0.7em 1.2em 0.7em; }
	#section_capsule_special .special_list .item_title { font-size: 18px; margin: 1.2em 0; min-height: 0px; }
	#section_capsule_special .special_list .item_desc { font-size: 13px; }
	#capsule_section_summary { padding: var(--section-vertical-padding-medium) 0; }
	#capsule_section_summary .capsule_summary_item { min-height: 140px; }
	#capsule_section_summary .capsule_summary_item .item_title { font-size: 18px; }
	#capsule_section_summary .capsule_summary_item .item_desc { font-size: 13px; }
	#section_capsule_change { padding: var(--section-vertical-padding-medium) 0; }
	#section_capsule_change .tab_title { font-size: 20px; }
	#section_capsule_change .tab_desc { font-size: 14px; }
	#section_capsule_change .change_list .list_item { padding: 1.2em 0.7em 1.2em 0.7em; }
	#section_capsule_change .change_list .item_title { font-size: 15px; }
	#section_capsule_change .change_list .item_desc { font-size: 13px; }
}

@media screen and (max-width: 1024px) {
	.section_title { font-size: 24px; }
	.section_desc { font-size: 13px; }
	#capsule_section_title .section_title { font-size: 28px; }
    #capsule_section_title .section_label { font-size: 14px; }
	#section_capsule_professional .capsule_list { gap: 1em; }
    #section_capsule_professional .capsule_list + .capsule_list { margin-top: 1em; }
	#section_capsule_professional .capsule_item { width: 200px; padding: 0.4em 0.4em 0.7em 0.4em; }
    #section_capsule_professional .capsule_item .item_title { font-size: 0.9em; }
	#section_capsule_special .special_list .list_item { min-height: 80px; padding: 1em 1em 1em 1em; }
	#section_capsule_special .special_list .item_title { font-size: 15px; margin: 0 0 0.7em 0; min-height: 0px; }
	#section_capsule_special .special_list .item_desc { font-size: 13px; }
	#capsule_section_summary .capsule_summary_item { min-height: 120px; }
	#capsule_section_summary .capsule_summary_item .item_title { font-size: 16px; }
	#capsule_section_summary .capsule_summary_item .item_desc { height: auto; font-size: 13px; }
	#section_capsule_change .tab_title { font-size: 18px; }
	#section_capsule_change .tab_desc { font-size: 14px; }
    #section_capsule_change .btn_tab { font-size: 13px; }
	#section_capsule_change .change_list .item_title { font-size: 16px; }
	#section_capsule_change .change_list .item_desc { font-size: 13px; }
}

@media screen and (max-width: 768px) {
	#section_capsule_professional { background-position: bottom calc(var(--section-vertical-padding) * 0.5) center; background-size: 140vw auto; }
	#section_capsule_professional .capsule_list_wrap { margin-top: 2em; margin-bottom: calc(3.5em + 27.01vw); }
	#section_capsule_professional .capsule_list { gap: 4%; align-items: center; }
    #section_capsule_professional .capsule_list.left_side, 
    #section_capsule_professional .capsule_list.right_side { width: 400px; flex-wrap: wrap; max-width: 90%; margin: 0 auto; }
	#section_capsule_professional .capsule_item { flex: 0 0 48%; max-width: 100%; margin: 0 auto 4%; }
	#section_capsule_professional .capsule_list + .capsule_list { margin-top: 0; }
	#section_capsule_special .special_list { flex-direction: column; gap: 0.5em; align-items: center; margin-top: 1.5em; }
	#section_capsule_special .special_list .list_item { width: 400px; max-width: 100%; min-width: 0; margin-bottom: 1em; }
	#capsule_section_summary .capsule_summary_list { margin-top: 1.5em; flex-direction: column; gap: 0.5em; align-items: center; }
	#capsule_section_summary .capsule_summary_item { width: 100%; max-width: 250px; height: auto; margin: 0 auto; }
    #section_capsule_change .tab_list { gap: 0.5em; }
	#section_capsule_change .change_list { margin-top: 1.5em; flex-direction: column; gap: 0.5em; align-items: center; }
	#section_capsule_change .change_list .list_item { width: 100%; max-width: 100%; margin-bottom: 1em; }
}

@media screen and (max-width: 640px) {
    .content_wrap .site_inner { max-width: 90%; }
}