@charset "utf-8";
/*////////////////////////////////////
community_main_top_section
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width: 768px){
  #spimg {
    display: none;
  }
#community_page_main{
padding-top:135px;
}

#community_main_top_section{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
width:100%;
aspect-ratio:2994 / 940;
min-height:320px;
max-height:440px;
padding:40px;
box-sizing:border-box;
overflow:hidden;
}
.community_main_top_img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center right;
}

#community_main_top_section:before{
position:absolute;
z-index:1;
top:0;
right:0;
bottom:0;
left:0;
content:"";
background:linear-gradient(90deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.4) 44%,rgba(255,255,255,0.18) 100%);
pointer-events:none;
}

#community_main_top_section .main_top_section_text{
position:relative;
z-index:2;
display:block;
width:min(720px,90%);
text-align:left;
}

#community_main_top_section .page_title{
margin:0;
padding:0;
font-size:clamp(3rem,4vw,5.2rem);
line-height:1.4;
font-weight:700;
color:#00a898;
text-align:left;
}
.community_main_top_picture{
position:absolute;
z-index:0;
top:0;
right:0;
bottom:0;
left:0;
display:block;
width:100%;
height:100%;
}
}

/*////////////////////////////////////
community_main_top_section
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 767px){
#pcimg{
display: none;
}

#community_page_main{
padding-top:72px;
}

#community_main_top_section{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
width:100%;
aspect-ratio:4 / 3;
min-height:300px;
max-height:430px;
padding:24px;
box-sizing:border-box;
overflow:hidden;
}

.community_main_top_img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center right;
}

#community_main_top_section:before{
position:absolute;
z-index:1;
top:0;
right:0;
bottom:0;
left:0;
content:"";
background:rgba(255,255,255,0.6);
pointer-events:none;
}

#community_main_top_section .main_top_section_text{
position:relative;
z-index:2;
display:block;
width:100%;
text-align:left;
}

#community_main_top_section .page_title{
margin:0;
padding:0;
font-size:3rem;
line-height:1.4;
font-weight:700;
color:#00a898;
text-align:left;
}
.community_main_top_picture{
position:absolute;
z-index:0;
top:0;
right:0;
bottom:0;
left:0;
display:block;
width:100%;
height:100%;
}
}

/*////////////////////////////////////
community_header_section
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_header_section{
position:relative;
display:block;
}
}


/*////////////////////////////////////
community_header_section
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#community_header_section{
position:relative;
display:block;
}
}
/*////////////////////////////////////
community_supporter_section
@media screen and (min-width:768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_supporter_section{
position:relative;
display:block;
padding:80px 0 100px;
overflow:hidden;
}

.community_supporter_area{
position:relative;
display:block;
width:100%;
padding:72px 58px 64px;
border-radius:42px;
background:
radial-gradient(circle at 8% 12%,rgba(218,247,244,0.92) 0%,rgba(218,247,244,0) 34%),
radial-gradient(circle at 96% 10%,rgba(255,236,211,0.9) 0%,rgba(255,236,211,0) 32%),
radial-gradient(circle at 82% 92%,rgba(255,221,230,0.48) 0%,rgba(255,221,230,0) 32%),
linear-gradient(135deg,#ffffff 0%,#f4fbf8 54%,#fff8ee 100%);
box-shadow:0 28px 70px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_supporter_area:before{
content:"";
position:absolute;
left:-82px;
top:-92px;
width:280px;
height:280px;
border-radius:50%;
background:rgba(255,255,255,0.46);
box-shadow:360px 86px 0 rgba(255,255,255,0.22),1080px 30px 0 rgba(255,255,255,0.28),1160px 520px 0 rgba(255,255,255,0.22);
}

.community_supporter_area:after{
content:"";
position:absolute;
right:72px;
bottom:72px;
width:12px;
height:12px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-90px -42px 0 rgba(235,109,31,0.2),-170px 26px 0 rgba(0,168,152,0.17),-260px -14px 0 rgba(244,182,74,0.2),-350px 48px 0 rgba(22,59,107,0.12);
}

.community_supporter_main_place{
position:relative;
z-index:2;
display:grid;
grid-template-columns:470px 1fr;
gap:54px;
align-items:center;
width:100%;
}

.community_supporter_photo_place{
position:relative;
display:block;
width:100%;
}

.community_supporter_photo_place:before{
content:"";
position:absolute;
left:-30px;
top:-26px;
width:180px;
height:180px;
border-radius:50%;
background:rgba(0,168,152,0.1);
z-index:0;
}

.community_supporter_photo_place:after{
content:"";
position:absolute;
right:-22px;
bottom:-28px;
width:150px;
height:150px;
border-radius:50%;
background:rgba(255,236,211,0.84);
z-index:0;
}

.community_supporter_photo_item{
position:relative;
z-index:2;
display:block;
width:100%;
height:400px;
border-radius:42px 120px 42px 42px;
overflow:hidden;
box-shadow:0 24px 58px rgba(28,92,104,0.14);
}

.community_supporter_photo_item img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}

.community_supporter_text_place{
position:relative;
display:block;
width:100%;
}

#community_supporter_section .community_supporter_word .section_text{
text-align:left;
}

.community_supporter_note_place{
position:relative;
display:grid;
grid-template-columns:76px 1fr;
gap:20px;
align-items:center;
width:100%;
margin:18px 0 0;
padding:26px 30px 26px 34px;
border-radius:28px;
background:rgba(255,255,255,0.88);
border:1px solid rgba(255,255,255,0.94);
box-shadow:0 18px 42px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_supporter_note_place:before{
content:"";
position:absolute;
left:0;
top:0;
width:8px;
height:100%;
background:linear-gradient(180deg,#00a898 0%,#8bcf9a 52%,#f4b64a 100%);
}

.community_supporter_note_icon{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:85px;
height:85px;
border-radius:50%;
background:rgba(0,168,152,0.1);
}

.community_supporter_note_icon img{
display:block;
width:70px;
height:auto;
}

.community_supporter_note_text{
position:relative;
z-index:2;
display:block;
}

#community_supporter_section .community_supporter_note_text .section_sub_title{
margin:0;
padding:0 0 8px;
font-size:2rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.04em;
color:#278276;
text-align:left;
}

#community_supporter_section .community_supporter_note_text .section_text{
text-align:left;
}

.community_supporter_role_place{
position:relative;
z-index:2;
display:block;
width:100%;
padding:64px 0 0;
}

.community_supporter_role_head{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
padding:0 0 40px;
}

.community_supporter_role_head:before,
.community_supporter_role_head:after{
content:"";
display:block;
width:160px;
height:1px;
background:linear-gradient(90deg,rgba(0,168,152,0),rgba(0,168,152,0.32));
}

.community_supporter_role_head:after{
background:linear-gradient(90deg,rgba(0,168,152,0.32),rgba(0,168,152,0));
}

#community_supporter_section .community_supporter_role_head .section_sub_title{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
margin:0 24px;
padding:0;
font-size:2.6rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.06em;
color:#163b6b;
text-align:center;
}

#community_supporter_section .community_supporter_role_head .section_sub_title:before{
content:"";
display:block;
width:10px;
height:10px;
margin-right:14px;
border-radius:50%;
background:#00a898;
box-shadow:18px 0 0 rgba(244,182,74,0.9);
}

.community_supporter_role_list{
position:relative;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
width:100%;
}

.community_supporter_role_item{
position:relative;
display:block;
min-height:300px;
padding:10px 20px;
border-radius:34px;
background:rgba(255,255,255,0.54);
border:1px solid rgba(255,255,255,0.9);
box-shadow:0 22px 54px rgba(28,92,104,0.1);
transition:transform 0.3s ease,box-shadow 0.3s ease;
}

.community_supporter_role_item:hover{
transform:translateY(-6px);
box-shadow:0 32px 72px rgba(28,92,104,0.15);
}

.community_supporter_role_item:before{
content:"";
position:absolute;
right:26px;
bottom:24px;
width:118px;
height:118px;
border-radius:50%;
background:rgba(0,168,152,0.06);
z-index:1;
}

.community_supporter_role_item:nth-child(2):before{
background:rgba(235,109,31,0.07);
}

.community_supporter_role_item:nth-child(3):before{
background:rgba(91,151,210,0.08);
}

.community_supporter_role_num{
position:absolute;
left:28px;
top:28px;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
width:60px;
height:60px;
border-radius:50%;
background:#00a898;
box-shadow:0 12px 26px rgba(0,168,152,0.22);
font-size:1.8rem;
line-height:1;
font-weight:700;
letter-spacing:0.02em;
color:#ffffff;
}

.community_supporter_role_item:nth-child(2) .community_supporter_role_num{
background:#f4b64a;
box-shadow:0 12px 26px rgba(244,182,74,0.22);
}

.community_supporter_role_item:nth-child(3) .community_supporter_role_num{
background:#5b97d2;
box-shadow:0 12px 26px rgba(91,151,210,0.22);
}

.community_supporter_role_icon{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:120px;
height:120px;
margin:28px auto 18px;
border-radius:50%;
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 38%),
linear-gradient(135deg,#e9f8ef 0%,#ffffff 58%,#fff4dd 100%);
box-shadow:0 14px 30px rgba(28,92,104,0.12);
}

.community_supporter_role_icon:before{
content:"";
position:absolute;
inset:9px;
border-radius:50%;
border:1px solid rgba(0,168,152,0.16);
}

.community_supporter_role_icon img{
position:relative;
z-index:2;
display:block;
width:120px;
height:auto;
}

.community_supporter_role_name{
position:relative;
z-index:2;
margin:0;
padding:0 0 18px;
font-size:2.6rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.06em;
color:#278276;
text-align:center;
}

.community_supporter_role_item:nth-child(2) .community_supporter_role_name{
color:#eb8b1f;
}

.community_supporter_role_item:nth-child(3) .community_supporter_role_name{
color:#3378b9;
}

.community_supporter_bottom_place{
position:relative;
display:block;
gap:34px;
align-items:center;
width:100%;
padding:38px 0 0;
}

.community_supporter_photo_sub_place{
display:none;
}

.community_supporter_photo_sub_item{
position:relative;
display:block;
height:138px;
border-radius:22px;
background:#ffffff;
box-shadow:0 18px 42px rgba(28,92,104,0.12);
overflow:hidden;
transform:rotate(2deg);
}

.community_supporter_photo_sub_item:nth-child(2){
transform:rotate(-2deg);
}

.community_supporter_photo_sub_item:before{
content:"";
position:absolute;
inset:0;
border:8px solid #ffffff;
border-radius:22px;
z-index:2;
pointer-events:none;
}

.community_supporter_photo_sub_item img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}

.community_supporter_btn_place{
position:relative;
display:flex;
align-items:center;
justify-content:center;
order:1;
gap:22px;
width:100%;
}

.community_supporter_btn_item{
position:relative;
display:block;
}

.community_supporter_btn_item a{
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-width:260px;
min-height:58px;
padding:0 58px 0 34px;
border-radius:999px;
background:linear-gradient(135deg,#00a898 0%,#6bc88b 58%,#f4b64a 100%);
box-shadow:0 14px 28px rgba(0,168,152,0.2);
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.08em;
color:#ffffff;
text-decoration:none;
transition:opacity 0.3s ease,transform 0.3s ease;
}

.community_supporter_btn_item a:after{
content:"";
position:absolute;
right:28px;
top:50%;
width:9px;
height:9px;
border-top:2px solid #ffffff;
border-right:2px solid #ffffff;
transform:translateY(-50%) rotate(45deg);
transition:right 0.3s ease;
}

.community_supporter_btn_item a:hover{
opacity:0.86;
transform:translateY(-3px);
}

.community_supporter_btn_item a:hover:after{
right:24px;
}

.community_supporter_btn_item_sub a{
background:#ffffff;
border:1px solid #00a898;
box-shadow:0 12px 28px rgba(0,168,152,0.1);
color:#008b7e;
}

.community_supporter_btn_item_sub a:after{
border-color:#008b7e;
}
}
/*////////////////////////////////////
community_supporter_section
@media screen and (min-width:768px) and (max-width:1200px)
////////////////////////////////////*/
@media screen and (min-width:768px) and (max-width:1200px){
#community_supporter_section{
position:relative;
display:block;
padding:76px 0 86px;
overflow:hidden;
}

.community_supporter_area{
position:relative;
display:block;
width:100%;
padding:58px 34px 60px;
border-radius:36px;
background:
radial-gradient(circle at 8% 10%,rgba(218,247,244,0.95) 0%,rgba(218,247,244,0) 36%),
radial-gradient(circle at 94% 8%,rgba(255,236,211,0.92) 0%,rgba(255,236,211,0) 38%),
radial-gradient(circle at 82% 94%,rgba(255,221,230,0.5) 0%,rgba(255,221,230,0) 34%),
linear-gradient(135deg,#ffffff 0%,#f3fbf8 54%,#fff8ee 100%);
box-shadow:0 22px 54px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_supporter_area:before{
content:"";
position:absolute;
left:-74px;
top:-72px;
width:220px;
height:220px;
border-radius:50%;
background:rgba(255,255,255,0.46);
box-shadow:300px 70px 0 rgba(255,255,255,0.22),760px 40px 0 rgba(255,255,255,0.28),820px 640px 0 rgba(255,255,255,0.2);
}

.community_supporter_area:after{
content:"";
position:absolute;
right:48px;
bottom:54px;
width:11px;
height:11px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-82px -36px 0 rgba(235,109,31,0.2),-150px 22px 0 rgba(0,168,152,0.16),-230px -12px 0 rgba(244,182,74,0.18);
}

.community_supporter_main_place{
position:relative;
z-index:2;
display:block;
width:100%;
}

.community_supporter_photo_place{
position:relative;
display:block;
width:100%;
padding-bottom:30px;
}

.community_supporter_photo_place:before{
content:"";
position:absolute;
left:-22px;
top:-18px;
width:110px;
height:110px;
border-radius:50%;
background:rgba(0,168,152,0.1);
z-index:0;
}

.community_supporter_photo_place:after{
content:"";
position:absolute;
right:-18px;
bottom:10px;
width:96px;
height:96px;
border-radius:50%;
background:rgba(255,236,211,0.84);
z-index:0;
}

.community_supporter_photo_item{
position:relative;
z-index:2;
display:block;
width:100%;
height:385px;
border-radius:28px 76px 28px 28px;
overflow:hidden;
box-shadow:0 16px 36px rgba(28,92,104,0.14);
}

.community_supporter_photo_item img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position: top;
}

.community_supporter_word{
grid-area:word;
position:relative;
display:block;
width:100%;
padding:0;
}

#community_supporter_section .community_supporter_word .section_text{
text-align:left;
}

.community_supporter_note_place{
grid-area:note;
position:relative;
display:grid;
grid-template-columns:68px 1fr;
gap:18px;
align-items:center;
width:100%;
height:100%;
margin:0;
padding:24px 26px 24px 30px;
border-radius:26px;
background:rgba(255,255,255,0.9);
border:1px solid rgba(255,255,255,0.94);
box-shadow:0 16px 36px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_supporter_note_place:before{
content:"";
position:absolute;
left:0;
top:0;
width:8px;
height:100%;
background:linear-gradient(180deg,#00a898 0%,#8bcf9a 52%,#f4b64a 100%);
}

.community_supporter_note_icon{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:68px;
height:68px;
border-radius:50%;
background:rgba(0,168,152,0.1);
}

.community_supporter_note_icon img{
display:block;
width:54px;
height:auto;
}

.community_supporter_note_text{
position:relative;
z-index:2;
display:block;
width:100%;
}

#community_supporter_section .community_supporter_note_text .section_text{
text-align:left;
}

.community_supporter_role_place{
position:relative;
z-index:2;
display:block;
width:100%;
padding:54px 0 0;
}

.community_supporter_role_head{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
padding:0 0 30px;
}

.community_supporter_role_head:before,
.community_supporter_role_head:after{
content:"";
display:block;
width:110px;
height:1px;
background:linear-gradient(90deg,rgba(0,168,152,0),rgba(0,168,152,0.32));
}

.community_supporter_role_head:after{
background:linear-gradient(90deg,rgba(0,168,152,0.32),rgba(0,168,152,0));
}

#community_supporter_section .community_supporter_role_head .section_sub_title{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
margin:0 20px;
padding:0;
font-size:2.3rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.05em;
color:#163b6b;
text-align:center;
white-space:nowrap;
}

#community_supporter_section .community_supporter_role_head .section_sub_title:before{
content:"";
display:block;
width:9px;
height:9px;
margin-right:12px;
border-radius:50%;
background:#00a898;
box-shadow:16px 0 0 rgba(244,182,74,0.9);
}

.community_supporter_role_list{
position:relative;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
width:100%;
}

.community_supporter_role_item{
position:relative;
display:block;
width:100%;
min-height:286px;
padding:4px;
border-radius:28px;
background:rgba(255,255,255,0.54);
border:1px solid rgba(255,255,255,0.9);
box-shadow:0 18px 42px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_supporter_role_item:before{
content:"";
position:absolute;
right:-34px;
bottom:-34px;
width:118px;
height:118px;
border-radius:50%;
background:rgba(0,168,152,0.06);
z-index:1;
}

.community_supporter_role_item:nth-child(2):before{
background:rgba(235,109,31,0.07);
}

.community_supporter_role_item:nth-child(3):before{
background:rgba(91,151,210,0.08);
}

.community_supporter_role_num{
position:absolute;
left:22px;
top:22px;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
border-radius:50%;
background:#00a898;
box-shadow:0 10px 22px rgba(0,168,152,0.2);
font-size:1.8rem;
line-height:1;
font-weight:700;
letter-spacing:0.02em;
color:#ffffff;
}

.community_supporter_role_item:nth-child(2) .community_supporter_role_num{
background:#f4b64a;
box-shadow:0 10px 22px rgba(244,182,74,0.2);
}

.community_supporter_role_item:nth-child(3) .community_supporter_role_num{
background:#5b97d2;
box-shadow:0 10px 22px rgba(91,151,210,0.2);
}

.community_supporter_role_icon{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:92px;
height:92px;
margin:26px auto 16px;
border-radius:50%;
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 38%),
linear-gradient(135deg,#e9f8ef 0%,#ffffff 58%,#fff4dd 100%);
box-shadow:0 10px 24px rgba(28,92,104,0.12);
}

.community_supporter_role_icon:before{
content:"";
position:absolute;
inset:8px;
border-radius:50%;
border:1px solid rgba(0,168,152,0.16);
}

.community_supporter_role_icon img{
position:relative;
z-index:2;

display:block;
width:58px;
height:auto;
}

.community_supporter_role_name{
position:relative;
z-index:2;
margin:0;
padding:0 0 12px;
font-size:2.2rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.06em;
color:#278276;
text-align:center;
}

.community_supporter_role_item:nth-child(2) .community_supporter_role_name{
color:#eb8b1f;
}

.community_supporter_role_item:nth-child(3) .community_supporter_role_name{
color:#3378b9;
}

#community_supporter_section .community_supporter_role_item .section_text{
text-align:left;
}

.community_supporter_bottom_place{
position:relative;
display:grid;
grid-template-columns:1fr;
gap:26px;
width:100%;
padding:34px 0 0;
}

.community_supporter_photo_sub_place{
position:relative;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
width:100%;
max-width:560px;
margin:0 auto;
order:1;
}

.community_supporter_photo_sub_item{
position:relative;
display:block;
width:100%;
height:156px;
border-radius:22px;
background:#ffffff;
box-shadow:0 16px 36px rgba(28,92,104,0.12);
overflow:hidden;
}

.community_supporter_photo_sub_item:nth-child(1){
transform:rotate(1.5deg);
}

.community_supporter_photo_sub_item:nth-child(2){
transform:rotate(-1.5deg);
}

.community_supporter_photo_sub_item:before{
content:"";
position:absolute;
inset:0;
border:8px solid #ffffff;
border-radius:22px;
z-index:2;
pointer-events:none;
}

.community_supporter_photo_sub_item img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}

.community_supporter_btn_place{
position:relative;
display:flex;
align-items:center;
justify-content:center;
gap:16px;
width:100%;
order:2;
}

.community_supporter_btn_item{
position:relative;
display:block;
width:auto;
}

.community_supporter_btn_item a{
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-width:250px;
min-height:56px;
padding:0 52px 0 30px;
border-radius:999px;
background:linear-gradient(135deg,#00a898 0%,#6bc88b 58%,#f4b64a 100%);
box-shadow:0 12px 24px rgba(0,168,152,0.18);
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.06em;
color:#ffffff;
text-decoration:none;
transition:opacity 0.3s ease,transform 0.3s ease;
}

.community_supporter_btn_item a:after{
content:"";
position:absolute;
right:24px;
top:50%;
width:8px;
height:8px;
border-top:2px solid #ffffff;
border-right:2px solid #ffffff;
transform:translateY(-50%) rotate(45deg);
transition:right 0.3s ease;
}

.community_supporter_btn_item a:hover{
opacity:0.86;
transform:translateY(-3px);
}

.community_supporter_btn_item a:hover:after{
right:20px;
}

.community_supporter_btn_item_sub a{
background:#ffffff;
border:1px solid #00a898;
box-shadow:0 10px 22px rgba(0,168,152,0.1);
color:#008b7e;
}

.community_supporter_btn_item_sub a:after{
border-color:#008b7e;
}
}
/*////////////////////////////////////
community_supporter_section
@media screen and (min-width:0px) and (max-width:850px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#community_supporter_section{
position:relative;
display:block;
width:90%;
padding:54px 0 64px;
overflow:hidden;
}

.community_supporter_area{
position:relative;
display:block;
width:100%;
padding:46px 16px 48px;
border-radius:28px;
background:
radial-gradient(circle at 8% 10%,rgba(218,247,244,0.95) 0%,rgba(218,247,244,0) 36%),
radial-gradient(circle at 94% 8%,rgba(255,236,211,0.92) 0%,rgba(255,236,211,0) 38%),
radial-gradient(circle at 82% 94%,rgba(255,221,230,0.5) 0%,rgba(255,221,230,0) 34%),
linear-gradient(135deg,#ffffff 0%,#f3fbf8 54%,#fff8ee 100%);
box-shadow:0 16px 36px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_supporter_area:before{
content:"";
position:absolute;
left:-54px;
top:-50px;
width:150px;
height:150px;
border-radius:50%;
background:rgba(255,255,255,0.46);
box-shadow:190px 54px 0 rgba(255,255,255,0.24),310px 520px 0 rgba(255,255,255,0.2);
}

.community_supporter_area:after{
content:"";
position:absolute;
right:34px;
bottom:42px;
width:9px;
height:9px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-62px -28px 0 rgba(235,109,31,0.2),-122px 24px 0 rgba(0,168,152,0.16),-190px -12px 0 rgba(244,182,74,0.18);
}

.community_supporter_main_place{
position:relative;
z-index:2;
display:block;
width:100%;
}

.community_supporter_photo_place{
position:relative;
display:block;
width:100%;
padding-bottom:30px;
}

.community_supporter_photo_place:before{
content:"";
position:absolute;
left:-22px;
top:-18px;
width:110px;
height:110px;
border-radius:50%;
background:rgba(0,168,152,0.1);
z-index:0;
}

.community_supporter_photo_place:after{
content:"";
position:absolute;
right:-18px;
bottom:10px;
width:96px;
height:96px;
border-radius:50%;
background:rgba(255,236,211,0.84);
z-index:0;
}

.community_supporter_photo_item{
position:relative;
z-index:2;
display:block;
width:100%;
height:275px;
border-radius:28px 76px 28px 28px;
overflow:hidden;
box-shadow:0 16px 36px rgba(28,92,104,0.14);
}

.community_supporter_photo_item img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position: top;
}

.community_supporter_text_place{
position:relative;
z-index:2;
display:block;
width:100%;
}
.community_supporter_word{
position:relative;
display:block;
width:100%;
}

.community_supporter_note_place{
position:relative;
display:grid;
grid-template-columns:58px 1fr;
gap:14px;
align-items:center;
width:100%;
padding:24px 20px 22px 24px;
border-radius:24px;
background:rgba(255,255,255,0.9);
border:1px solid rgba(255,255,255,0.94);
box-shadow:0 14px 32px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_supporter_note_place:before{
content:"";
position:absolute;
left:0;
top:0;
width:7px;
height:100%;
background:linear-gradient(180deg,#00a898 0%,#8bcf9a 52%,#f4b64a 100%);
}

.community_supporter_note_icon{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:58px;
height:58px;
border-radius:50%;
background:rgba(0,168,152,0.1);
}

.community_supporter_note_icon img{
display:block;
width:48px;
height:auto;
}

.community_supporter_note_text{
position:relative;
z-index:2;
display:block;
width:100%;
}

#community_supporter_section .community_supporter_note_text .section_sub_title{
margin:0;
padding:0 0 8px;
font-size:1.8rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.04em;
color:#278276;
text-align:left;
}

#community_supporter_section .community_supporter_note_text .section_text{
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.85;
font-weight:500;
letter-spacing:0.04em;
text-align:left;
}

.community_supporter_role_place{
position:relative;
z-index:2;
display:block;
width:100%;
padding:42px 0 0;
}

.community_supporter_role_head{
position:relative;
display:block;
width:100%;
padding:0 0 26px;
}

#community_supporter_section .community_supporter_role_head .section_sub_title{
position:relative;
display:block;
margin:0;
padding:0;
font-size:2.1rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.05em;
color:#163b6b;
text-align:center;
}

#community_supporter_section .community_supporter_role_head .section_sub_title:before{
content:"";
display:block;
width:52px;
height:4px;
margin:0 auto 14px;
border-radius:999px;
background:linear-gradient(90deg,#00a898 0%,#8bcf9a 54%,#f4b64a 100%);
}

.community_supporter_role_list{
position:relative;
display:grid;
grid-template-columns:1fr;
gap:18px;
width:100%;
}

.community_supporter_role_item{
position:relative;
display:block;
width:100%;
padding:4px;
border-radius:26px;
background:rgba(255,255,255,0.54);
border:1px solid rgba(255,255,255,0.9);
box-shadow:0 14px 32px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_supporter_role_item:before{
content:"";
position:absolute;
right:-34px;
bottom:-34px;
width:120px;
height:120px;
border-radius:50%;
background:rgba(0,168,152,0.06);
z-index:1;
}

.community_supporter_role_item:nth-child(2):before{
background:rgba(235,109,31,0.07);
}

.community_supporter_role_item:nth-child(3):before{
background:rgba(91,151,210,0.08);
}

.community_supporter_role_num{
position:absolute;
left:24px;
top:24px;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
border-radius:50%;
background:#00a898;
box-shadow:0 10px 22px rgba(0,168,152,0.2);
font-size:1.8rem;
line-height:1;
font-weight:700;
letter-spacing:0.02em;
color:#ffffff;
}

.community_supporter_role_item:nth-child(2) .community_supporter_role_num{
background:#f4b64a;
box-shadow:0 10px 22px rgba(244,182,74,0.2);
}

.community_supporter_role_item:nth-child(3) .community_supporter_role_num{
background:#5b97d2;
box-shadow:0 10px 22px rgba(91,151,210,0.2);
}

.community_supporter_role_icon{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:88px;
height:88px;
margin:24px auto 16px;
border-radius:50%;
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 38%),
linear-gradient(135deg,#e9f8ef 0%,#ffffff 58%,#fff4dd 100%);
box-shadow:0 10px 24px rgba(28,92,104,0.12);
}

.community_supporter_role_icon:before{
content:"";
position:absolute;
inset:8px;
border-radius:50%;
border:1px solid rgba(0,168,152,0.16);
}

.community_supporter_role_icon img{
position:relative;
z-index:2;
display:block;
width:78px;
height:auto;
}

.community_supporter_role_name{
position:relative;
z-index:2;
margin:0;
padding:0 0 12px;
font-size:2.2rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.06em;
color:#278276;
text-align:center;
}

.community_supporter_role_item:nth-child(2) .community_supporter_role_name{
color:#eb8b1f;
}

.community_supporter_role_item:nth-child(3) .community_supporter_role_name{
color:#3378b9;
}

#community_supporter_section .community_supporter_role_item .section_text{
position:relative;
z-index:2;
margin:0;
padding:0 20px 22px;
line-height:1.85;
font-weight:500;
letter-spacing:0.04em;
text-align:left;
}

.community_supporter_bottom_place{
position:relative;
display:block;
width:100%;
padding:30px 0 0;
}

.community_supporter_photo_sub_place{
position:relative;
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
width:100%;
padding-bottom:24px;
}

.community_supporter_photo_sub_item{
position:relative;
display:block;
width:100%;
height:112px;
border-radius:18px;
background:#ffffff;
box-shadow:0 12px 26px rgba(28,92,104,0.12);
overflow:hidden;
}

.community_supporter_photo_sub_item:nth-child(1){
transform:rotate(1.5deg);
}

.community_supporter_photo_sub_item:nth-child(2){
transform:rotate(-1.5deg);
}

.community_supporter_photo_sub_item:before{
content:"";
position:absolute;
inset:0;
border:6px solid #ffffff;
border-radius:18px;
z-index:2;
pointer-events:none;
}

.community_supporter_photo_sub_item img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}

.community_supporter_btn_place{
position:relative;
display:grid;
grid-template-columns:1fr;
gap:14px;
width:100%;
}

.community_supporter_btn_item{
position:relative;
display:block;
width:100%;
}

.community_supporter_btn_item a{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:56px;
padding:0 48px 0 24px;
border-radius:999px;
background:linear-gradient(135deg,#00a898 0%,#6bc88b 58%,#f4b64a 100%);
box-shadow:0 12px 24px rgba(0,168,152,0.18);
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.06em;
color:#ffffff;
text-decoration:none;
}

.community_supporter_btn_item a:after{
content:"";
position:absolute;
right:24px;
top:50%;
width:8px;
height:8px;
border-top:2px solid #ffffff;
border-right:2px solid #ffffff;
transform:translateY(-50%) rotate(45deg);
}

.community_supporter_btn_item_sub a{
background:#ffffff;
border:1px solid #00a898;
box-shadow:0 10px 22px rgba(0,168,152,0.1);
color:#008b7e;
}

.community_supporter_btn_item_sub a:after{
border-color:#008b7e;
}
}

/*////////////////////////////////////
community_group_section
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_group_section{
position:relative;
display:block;
padding:30px 0;
overflow:hidden;
}

#community_group_area{
position:relative;
display:block;
width:100%;
padding:70px 58px;
border-radius:42px;
background:
radial-gradient(circle at 8% 18%,rgba(255,236,211,0.92) 0%,rgba(255,236,211,0) 30%),
radial-gradient(circle at 92% 12%,rgba(218,247,244,0.96) 0%,rgba(218,247,244,0) 34%),
radial-gradient(circle at 82% 88%,rgba(255,221,230,0.74) 0%,rgba(255,221,230,0) 30%),
linear-gradient(135deg,#ffffff 0%,#f3fbf8 52%,#fff8ee 100%);
box-shadow:0 28px 70px rgba(28,92,104,0.1);
overflow:hidden;
}

#community_group_area:before{
content:"";
position:absolute;
left:42px;
top:48px;
width:180px;
height:180px;
border-radius:50%;
background:rgba(255,255,255,0.42);
box-shadow:300px 70px 0 rgba(255,255,255,0.22),920px 34px 0 rgba(255,255,255,0.26),1180px 330px 0 rgba(255,255,255,0.2);
}

#community_group_area:after{
content:"";
position:absolute;
right:72px;
bottom:72px;
width:11px;
height:11px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-90px -42px 0 rgba(235,109,31,0.22),-170px 26px 0 rgba(0,168,152,0.18),-260px -16px 0 rgba(244,154,36,0.2),-350px 48px 0 rgba(22,59,107,0.12);
}

.community_group_head{
position:relative;
z-index:2;
display:block;
width:min(900px,100%);
margin:0 auto;
text-align:center;
}

.community_group_place{
position:relative;
z-index:2;
display:grid;
grid-template-columns:0.82fr 1.18fr;
grid-template-areas:
"goal list"
"note list";
gap:24px 38px;
align-items:stretch;
width:95%;
margin:0 auto;
padding-top:58px;
}

.community_group_goal{
grid-area:goal;
position:relative;
display:block;
padding:0;
}

.community_group_goal_place{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
height:100%;
min-height:360px;
padding:42px 60px 42px 65px;
border-radius:34px;
background:
radial-gradient(circle at 92% 14%,rgba(235,109,31,0.11) 0%,rgba(235,109,31,0) 34%),
radial-gradient(circle at 16% 88%,rgba(0,168,152,0.12) 0%,rgba(0,168,152,0) 38%),
linear-gradient(135deg,#ffffff 0%,#eefbf8 54%,#fff7ec 100%);
border:1px solid rgba(255,255,255,0.94);
box-shadow:0 24px 58px rgba(28,92,104,0.12);
overflow:hidden;
}

.community_group_goal_place:before{
content:"";
position:absolute;
left:0;
top:0;
width:9px;
height:100%;
background:linear-gradient(180deg,#00a898 0%,#8bcf9a 52%,#eb6d1f 100%);
}

.community_group_goal_place:after{
content:"";
position:absolute;
right:-48px;
bottom:-48px;
width:180px;
height:180px;
border-radius:50%;
background:rgba(0,168,152,0.07);
}

.community_group_goal_label{
position:relative;
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
width:fit-content;
margin:0;
padding:8px 18px;
border-radius:999px;
background:#00a898;
color:#ffffff;
font-size:1.8rem;
line-height:1.6;
font-weight:700;
letter-spacing:0.06em;
white-space:nowrap;
}

.community_group_goal_title{
position:relative;
z-index:2;
margin:0;
padding:22px 0 0;
font-size:clamp(2.8rem,3vw,4rem);
line-height:1.45;
font-weight:700;
letter-spacing:0.05em;
color:#163b6b;
}

.community_group_list{
grid-area:list;
position:relative;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
padding:0;
}

.community_group_item{
position:relative;
display:block;
min-height:234px;
padding:9px;
border-radius:30px;
background:rgba(255,255,255,0.48);
border:1px solid rgba(255,255,255,0.86);
box-shadow:0 22px 54px rgba(28,92,104,0.1);
transition:transform 0.3s ease,box-shadow 0.3s ease;
}

.community_group_item:hover{
transform:translateY(-6px);
box-shadow:0 30px 68px rgba(28,92,104,0.15);
}

.community_group_item:before{
content:"";
position:absolute;
left:24px;
top:24px;
width:13px;
height:13px;
border-radius:50%;
background:#00a898;
box-shadow:0 0 0 8px rgba(0,168,152,0.13);
z-index:2;
}

.community_group_item:nth-child(2):before{
background:#eb6d1f;
box-shadow:0 0 0 8px rgba(235,109,31,0.14);
}

.community_group_item:nth-child(3):before{
background:#84cda2;
box-shadow:0 0 0 8px rgba(132,205,162,0.15);
}

.community_group_item:nth-child(4):before{
background:#f4b64a;
box-shadow:0 0 0 8px rgba(244,182,74,0.16);
}

.community_group_item_place{
position:relative;
display:block;
height:100%;
padding:46px 22px 26px;
border-radius:23px;
background:rgba(255,255,255,0.92);
overflow:hidden;
}

.community_group_item_place:after{
content:"";
position:absolute;
right:-34px;
bottom:-34px;
width:112px;
height:112px;
border-radius:50%;
background:rgba(0,168,152,0.07);
}

.community_group_item:nth-child(2) .community_group_item_place:after{
background:rgba(235,109,31,0.08);
}

.community_group_item:nth-child(3) .community_group_item_place:after{
background:rgba(132,205,162,0.1);
}

.community_group_item:nth-child(4) .community_group_item_place:after{
background:rgba(244,182,74,0.11);
}

.community_group_item_label{
position:relative;
z-index:2;
display:block;
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.6;
font-weight:700;
letter-spacing:0.12em;
color:#eb6d1f;
text-align:left;
}

.community_group_item:nth-child(1) .community_group_item_label{
color:#00a898;
}

.community_group_item:nth-child(2) .community_group_item_label{
color:#eb6d1f;
}

.community_group_item:nth-child(3) .community_group_item_label{
color:#4ca76d;
}

.community_group_item:nth-child(4) .community_group_item_label{
color:#d99014;
}

.community_group_note{
grid-area:note;
position:relative;
display:block;
padding:0;
}
}

/*////////////////////////////////////
community_group_section
@media screen and (min-width: 768px) and (max-width: 1200px)
////////////////////////////////////*/
@media screen and (min-width:768px) and (max-width:1200px){
#community_group_area{
position:relative;
display:block;
width:100%;
padding:70px 10px;
border-radius:42px;
background:
radial-gradient(circle at 8% 18%,rgba(255,236,211,0.92) 0%,rgba(255,236,211,0) 30%),
radial-gradient(circle at 92% 12%,rgba(218,247,244,0.96) 0%,rgba(218,247,244,0) 34%),
radial-gradient(circle at 82% 88%,rgba(255,221,230,0.74) 0%,rgba(255,221,230,0) 30%),
linear-gradient(135deg,#ffffff 0%,#f3fbf8 52%,#fff8ee 100%);
box-shadow:0 28px 70px rgba(28,92,104,0.1);
overflow:hidden;
}
.community_group_place{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1fr;
grid-template-areas:
"goal"
"list"
"note";
gap:20px;
padding-top:44px;
align-items:stretch;
width:98%;
margin:0 auto;
}

.community_group_goal_place{
min-height:auto;
padding:34px 60px 34px 20px;
}

.community_group_list{
grid-template-columns:repeat(2,1fr);
gap:10px;
}

.community_group_item{
min-height:218px;
}

.community_group_goal_title{
font-size:2.8rem;
}
}

/*////////////////////////////////////
community_group_section
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#community_group_section{
position:relative;
display:block;
width:100%;
padding:54px 0 64px;
overflow:hidden;
}

#community_group_area{
position:relative;
display:block;
width:100%;
padding:46px 18px 48px;
border-radius:28px;
background:
radial-gradient(circle at 8% 10%,rgba(255,236,211,0.95) 0%,rgba(255,236,211,0) 36%),
radial-gradient(circle at 94% 8%,rgba(218,247,244,0.95) 0%,rgba(218,247,244,0) 38%),
radial-gradient(circle at 82% 92%,rgba(255,221,230,0.75) 0%,rgba(255,221,230,0) 34%),
linear-gradient(135deg,#ffffff 0%,#f2fbf8 52%,#fff8ee 100%);
box-shadow:0 16px 36px rgba(28,92,104,0.1);
overflow:hidden;
}

#community_group_area:before{
content:"";
position:absolute;
left:-42px;
top:34px;
width:128px;
height:128px;
border-radius:50%;
background:rgba(255,255,255,0.46);
box-shadow:170px 58px 0 rgba(255,255,255,0.24),300px 280px 0 rgba(255,255,255,0.2);
}

#community_group_area:after{
content:"";
position:absolute;
right:34px;
bottom:44px;
width:9px;
height:9px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-62px -28px 0 rgba(235,109,31,0.2),-122px 24px 0 rgba(0,168,152,0.16),-190px -12px 0 rgba(244,154,36,0.18);
}

.community_group_head{
position:relative;
z-index:2;
display:block;
width:100%;
text-align:left;
}

.community_group_head .section_lead{
text-align:left;
}

.community_group_item_place .section_sub_title{
margin:0;
padding:0 0 12px;
font-size:2.3rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.04em;
color:#163b6b;
text-align:center;
}

.community_group_place{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1fr;
grid-template-areas:
"goal"
"list"
"note";
gap:20px;
width:100%;
padding-top:34px;
}

.community_group_goal{
grid-area:goal;
position:relative;
display:block;
width:100%;
padding:0;
}

.community_group_goal_place{
position:relative;
display:block;
width:100%;
padding:26px 22px 24px 28px;
border-radius:24px;
background:
radial-gradient(circle at 92% 16%,rgba(235,109,31,0.1) 0%,rgba(235,109,31,0) 36%),
linear-gradient(135deg,#ffffff 0%,#eefbf8 52%,#fff7ec 100%);
border:1px solid rgba(255,255,255,0.92);
box-shadow:0 16px 36px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_group_goal_place:before{
content:"";
position:absolute;
left:0;
top:0;
width:7px;
height:100%;
background:linear-gradient(180deg,#00a898 0%,#8bcf9a 52%,#eb6d1f 100%);
}

.community_group_goal_label{
position:relative;
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
margin:0;
padding:7px 16px;
border-radius:999px;
background:#00a898;
color:#ffffff;
font-size:1.8rem;
line-height:1.6;
font-weight:700;
letter-spacing:0.06em;
}

.community_group_goal_title{
position:relative;
z-index:2;
margin:0;
padding:14px 0 0;
font-size:2.3rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.04em;
color:#163b6b;
}

.community_group_list{
grid-area:list;
position:relative;
display:grid;
grid-template-columns:1fr;
gap:16px;
width:100%;
padding:0;
}

.community_group_item{
position:relative;
display:block;
width:100%;
min-height:auto;
padding:8px;
border-radius:26px;
background:rgba(255,255,255,0.5);
border:1px solid rgba(255,255,255,0.86);
box-shadow:0 14px 32px rgba(28,92,104,0.1);
}

.community_group_item:before{
content:"";
position:absolute;
left:22px;
top:22px;
width:12px;
height:12px;
border-radius:50%;
background:#00a898;
box-shadow:0 0 0 8px rgba(0,168,152,0.13);
z-index:2;
}

.community_group_item:nth-child(2):before{
background:#eb6d1f;
box-shadow:0 0 0 8px rgba(235,109,31,0.14);
}

.community_group_item:nth-child(3):before{
background:#84cda2;
box-shadow:0 0 0 8px rgba(132,205,162,0.15);
}

.community_group_item:nth-child(4):before{
background:#f4b64a;
box-shadow:0 0 0 8px rgba(244,182,74,0.16);
}

.community_group_item_place{
position:relative;
display:block;
width:100%;
height:100%;
padding:40px 20px 22px;
border-radius:20px;
background:rgba(255,255,255,0.93);
overflow:hidden;
}

.community_group_item_place:after{
content:"";
position:absolute;
right:-34px;
bottom:-34px;
width:100px;
height:100px;
border-radius:50%;
background:rgba(0,168,152,0.07);
}

.community_group_item:nth-child(2) .community_group_item_place:after{
background:rgba(235,109,31,0.08);
}

.community_group_item:nth-child(3) .community_group_item_place:after{
background:rgba(132,205,162,0.1);
}

.community_group_item:nth-child(4) .community_group_item_place:after{
background:rgba(244,182,74,0.11);
}

.community_group_item_label{
position:relative;
z-index:2;
display:block;
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.6;
font-weight:700;
letter-spacing:0.12em;
color:#eb6d1f;
text-align:left;
}

.community_group_item:nth-child(1) .community_group_item_label{
color:#00a898;
}

.community_group_item:nth-child(2) .community_group_item_label{
color:#eb6d1f;
}

.community_group_item:nth-child(3) .community_group_item_label{
color:#4ca76d;
}

.community_group_item:nth-child(4) .community_group_item_label{
color:#d99014;
}

.community_group_note{
grid-area:note;
position:relative;
display:block;
width:100%;
padding:0;
}
}
/*////////////////////////////////////
community_policy_section
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_policy_section{
position:relative;
display:block;
padding:110px 0;
overflow:hidden;
}

#community_policy_area{
position:relative;
display:block;
width:100%;
padding:72px 0px;
border-radius:42px;
background:
radial-gradient(circle at 8% 10%,rgba(218,247,244,0.92) 0%,rgba(218,247,244,0) 32%),
radial-gradient(circle at 94% 8%,rgba(255,236,211,0.86) 0%,rgba(255,236,211,0) 30%),
radial-gradient(circle at 90% 90%,rgba(255,247,221,0.82) 0%,rgba(255,247,221,0) 34%),
linear-gradient(135deg,#ffffff 0%,#f8fdfb 52%,#fffaf3 100%);
box-shadow:0 28px 70px rgba(28,92,104,0.1);
overflow:hidden;
}

#community_policy_area:before{
content:"";
position:absolute;
left:-80px;
top:-90px;
width:300px;
height:300px;
border-radius:50%;
background:rgba(218,247,244,0.62);
box-shadow:1160px 0 0 rgba(255,236,211,0.56),1140px 620px 0 rgba(255,247,221,0.52);
}

#community_policy_area:after{
content:"";
position:absolute;
right:72px;
top:150px;
width:18px;
height:18px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-1080px -10px 0 rgba(0,168,152,0.16),-1040px 66px 0 rgba(244,182,74,0.22),-60px -72px 0 rgba(235,109,31,0.2),-980px 490px 0 rgba(244,182,74,0.18);
}

.community_policy_head{
position:relative;
z-index:2;
display:block;
text-align:center;
}

.community_policy_title_place{
position:relative;
display:block;
}

.community_policy_number{
display:flex;
align-items:center;
justify-content:center;
width:58px;
height:58px;
margin:0;
border-radius:50%;
background:linear-gradient(135deg,#278276 0%,#00a898 100%);
box-shadow:0 14px 30px rgba(0,168,152,0.2);
font-size:2.8rem;
line-height:1;
font-weight:700;
letter-spacing:0.02em;
color:#ffffff;
}

.community_policy_dots{
display:flex;
align-items:center;
justify-content:center;
gap:18px;
padding:22px 0 28px;
}

.community_policy_dots span{
display:block;
width:10px;
height:10px;
border-radius:50%;
background:#00a898;
}

.community_policy_dots span:nth-child(2){
background:#f4b64a;
}

.community_policy_dots span:nth-child(3){
background:#9db9b5;
}

.community_policy_place{
position:relative;
z-index:2;
display:block;
margin:0 auto;
padding-top:52px;
width: 95%;
}

.community_policy_list{
position:relative;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:26px;
}

.community_policy_item{
position:relative;
display:block;
min-height:520px;
padding:10px;
border-radius:34px;
background:rgba(255,255,255,0.54);
border:1px solid rgba(255,255,255,0.9);
box-shadow:0 22px 54px rgba(28,92,104,0.1);
transition:transform 0.3s ease,box-shadow 0.3s ease;
}

.community_policy_item:hover{
transform:translateY(-6px);
box-shadow:0 32px 72px rgba(28,92,104,0.15);
}

.community_policy_item_place{
position:relative;
display:grid;
grid-template-columns:92px 1fr;
grid-template-areas:
"icon title"
"text text"
"img img";
align-items:center;
height:100%;
padding:38px 34px 26px;
border-radius:26px;
background:rgba(255,255,255,0.94);
overflow:hidden;
}

.community_policy_item_place:before{
content:"";
position:absolute;
left:34px;
top:34px;
width:76px;
height:76px;
border-radius:50%;
background:rgba(0,168,152,0.1);
}

.community_policy_item:nth-child(2) .community_policy_item_place:before{
background:rgba(235,109,31,0.1);
}

.community_policy_item:nth-child(3) .community_policy_item_place:before{
background:rgba(0,168,152,0.1);
}

.community_policy_icon{
grid-area:icon;
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:76px;
height:76px;
}

.community_policy_icon img{
display:block;
width:70px;
height:auto;
}

.community_policy_item_title{
grid-area:title;
position:relative;
z-index:2;
margin:0;
padding:0;
font-size:2.8rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.06em;
color:#278276;
text-align:left;
}

.community_policy_item:nth-child(2) .community_policy_item_title{
color:#eb6d1f;
}

.community_policy_item:nth-child(3) .community_policy_item_title{
color:#278276;
}

.community_policy_item_title:after{
content:"";
display:block;
width:100%;
height:5px;
margin:16px 0 0;
border-radius:999px;
background:repeating-linear-gradient(90deg,rgba(0,168,152,0.36) 0,rgba(0,168,152,0.36) 5px,transparent 5px,transparent 14px);
}

.community_policy_item:nth-child(2) .community_policy_item_title:after{
background:repeating-linear-gradient(90deg,rgba(235,109,31,0.34) 0,rgba(235,109,31,0.34) 5px,transparent 5px,transparent 14px);
}

#community_policy_section .community_policy_item .section_text{
grid-area:text;
position:relative;
z-index:2;
margin:0;
padding:30px 0 0;
font-size:1.7rem;
line-height:2;
font-weight:500;
letter-spacing:0.06em;
color:#222;
text-align:left;
}

.community_policy_img{
grid-area:img;
position:relative;
z-index:2;
display:flex;
align-items:flex-end;
justify-content:center;
width:100%;
padding-top:34px;
}

.community_policy_img img{
display:block;
width:100%;
max-height:240px;
object-fit:contain;
}
.community_policy_note{
position:relative;
display:block;
width:95%;
margin:42px auto 0;
}

.community_policy_note_place{
position:relative;
display:grid;
grid-template-columns:auto 1fr auto;
gap:24px;
align-items:center;
padding:26px 36px;
border-radius:28px;
background:rgba(255,255,255,0.88);
border:1px solid rgba(255,255,255,0.94);
box-shadow:0 18px 42px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_policy_note_place:before{
content:"";
position:absolute;
left:0;
top:0;
width:8px;
height:100%;
background:linear-gradient(180deg,#00a898 0%,#8bcf9a 52%,#f4b64a 100%);
}

.community_policy_note_icon{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:80px;
height:80px;
border-radius:50%;
background:rgba(0,168,152,0.1);
}

.community_policy_note_icon img{
display:block;
width:70px;
height:auto;
}

.community_policy_note_btn{
position:relative;
z-index:2;
display:block;
}

.community_policy_note_btn a{
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-width:240px;
min-height:58px;
padding:0 54px 0 34px;
border-radius:999px;
background:#ffffff;
border:1px solid #00a898;
box-shadow:0 12px 28px rgba(0,168,152,0.1);
font-size:1.7rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.08em;
color:#008b7e;
text-decoration:none;
transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease;
}

.community_policy_note_btn a:after{
content:"";
position:absolute;
right:26px;
top:50%;
width:9px;
height:9px;
border-top:2px solid #008b7e;
border-right:2px solid #008b7e;
transform:translateY(-50%) rotate(45deg);
transition:border-color 0.3s ease,right 0.3s ease;
}

.community_policy_note_btn a:hover{
background:#00a898;
color:#ffffff;
transform:translateY(-3px);
}

.community_policy_note_btn a:hover:after{
right:22px;
border-color:#ffffff;
}
}
/*////////////////////////////////////
community_policy_section
@media screen and (min-width: 768px) and (max-width: 1200px)
////////////////////////////////////*/
@media screen and (min-width:768px) and (max-width:1200px){

#community_policy_section{
padding:86px 0 94px;
}

#community_policy_area{
padding:60px 34px 64px;
border-radius:36px;
}

#community_policy_area:before{
left:-120px;
top:-110px;
width:260px;
height:260px;
box-shadow:760px 20px 0 rgba(255,236,211,0.48),720px 760px 0 rgba(255,247,221,0.42);
}

#community_policy_area:after{
right:48px;
top:138px;
width:14px;
height:14px;
box-shadow:-640px -8px 0 rgba(0,168,152,0.14),-600px 58px 0 rgba(244,182,74,0.2),-48px -60px 0 rgba(235,109,31,0.18),-560px 620px 0 rgba(244,182,74,0.16);
}

.community_policy_head{
width:100%;
}

.community_policy_dots{
gap:16px;
padding:12px 0 24px;
}


.community_policy_place{
width:100%;
padding-top:42px;
}

.community_policy_list{
grid-template-columns:1fr;
gap:24px;
}

.community_policy_item{
min-height:auto;
padding:9px;
border-radius:30px;
}

.community_policy_item:hover{
transform:none;
box-shadow:0 22px 54px rgba(28,92,104,0.1);
}

.community_policy_item_place{
grid-template-columns:82px 1fr 260px;
grid-template-areas:
"icon title img"
"text text img";
align-items:center;
column-gap:22px;
row-gap:18px;
min-height:250px;
padding:30px 30px 30px;
border-radius:23px;
}

.community_policy_item_place:before{
left:30px;
top:30px;
width:68px;
height:68px;
}

.community_policy_icon{
width:68px;
height:68px;
}

.community_policy_icon img{
width:62px;
}

.community_policy_item_title{
font-size:2.45rem;
line-height:1.45;
letter-spacing:0.05em;
}

.community_policy_item_title:after{
height:4px;
margin:12px 0 0;
}

#community_policy_section .community_policy_item .section_text{
padding:16px 0 0;
font-size:1.7rem;
line-height:1.9;
letter-spacing:0.04em;
}

.community_policy_img{
align-items:center;
padding-top:0;
}

.community_policy_img img{
width:100%;
max-height:210px;
object-fit:contain;
}

.community_policy_note{
width:100%;
padding-top:34px;
margin:0 auto;
}

.community_policy_note_place{
grid-template-columns:76px 1fr;
grid-template-areas:
"icon text"
"icon btn";
gap:10px 22px;
align-items:center;
padding:26px 28px 28px 34px;
border-radius:26px;
}

.community_policy_note_icon{
grid-area:icon;
width:76px;
height:76px;
}

.community_policy_note_icon img{
width:66px;
}

.community_policy_note_place .section_text{
grid-area:text;
padding:0;
font-size:1.8rem;
line-height:1.9;
}

.community_policy_note_btn{
grid-area:btn;
}

.community_policy_note_btn a{
width:fit-content;
min-width:220px;
min-height:54px;
padding:0 50px 0 30px;
font-size:1.8rem;
}

.community_policy_note_btn a:after{
right:24px;
}
}
/*////////////////////////////////////
community_policy_section
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){

#community_policy_section{
position:relative;
display:block;
width:100%;
padding:54px 0 64px;
overflow:hidden;
}

#community_policy_area{
position:relative;
display:block;
width:100%;
padding:46px 18px 48px;
border-radius:28px;
background:
radial-gradient(circle at 8% 10%,rgba(218,247,244,0.95) 0%,rgba(218,247,244,0) 36%),
radial-gradient(circle at 94% 8%,rgba(255,236,211,0.9) 0%,rgba(255,236,211,0) 38%),
radial-gradient(circle at 80% 94%,rgba(255,247,221,0.8) 0%,rgba(255,247,221,0) 34%),
linear-gradient(135deg,#ffffff 0%,#f8fdfb 52%,#fffaf3 100%);
box-shadow:0 16px 36px rgba(28,92,104,0.1);
overflow:hidden;
}

#community_policy_area:before{
content:"";
position:absolute;
left:-54px;
top:-52px;
width:150px;
height:150px;
border-radius:50%;
background:rgba(218,247,244,0.62);
box-shadow:250px 42px 0 rgba(255,236,211,0.44),280px 520px 0 rgba(255,247,221,0.42);
}

#community_policy_area:after{
content:"";
position:absolute;
right:34px;
top:118px;
width:9px;
height:9px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-62px -28px 0 rgba(235,109,31,0.2),-132px 34px 0 rgba(0,168,152,0.16),-214px -12px 0 rgba(244,182,74,0.18),-190px 590px 0 rgba(244,182,74,0.14);
}

.community_policy_head{
position:relative;
z-index:2;
display:block;
width:100%;
text-align:left;
}

.community_policy_title_place{
position:relative;
display:block;
width:100%;
}

.community_policy_dots{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
gap:12px;
padding:18px 0 20px;
}

.community_policy_dots span{
display:block;
width:9px;
height:9px;
border-radius:50%;
background:#00a898;
}

.community_policy_dots span:nth-child(2){
background:#f4b64a;
}

.community_policy_dots span:nth-child(3){
background:#9db9b5;
}

#community_policy_section .section_lead{
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.9;
font-weight:500;
letter-spacing:0.04em;
color:#333333;
text-align:left;
}

.community_policy_place{
position:relative;
z-index:2;
display:block;
width:100%;
padding-top:34px;
}

.community_policy_list{
position:relative;
display:grid;
grid-template-columns:1fr;
gap:20px;
width:100%;
padding:0;
}

.community_policy_item{
position:relative;
display:block;
width:100%;
min-height:auto;
padding:8px;
border-radius:26px;
background:rgba(255,255,255,0.54);
border:1px solid rgba(255,255,255,0.9);
box-shadow:0 14px 32px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_policy_item_place{
position:relative;
display:grid;
grid-template-columns:58px 1fr;
grid-template-areas:
"icon title"
"text text"
"img img";
align-items:center;
column-gap:14px;
row-gap:18px;
width:100%;
height:100%;
padding:24px 20px 22px;
border-radius:20px;
background:rgba(255,255,255,0.94);
overflow:hidden;
}

.community_policy_item_place:before{
content:"";
position:absolute;
left:20px;
top:24px;
width:58px;
height:58px;
border-radius:50%;
background:rgba(0,168,152,0.1);
}

.community_policy_item:nth-child(2) .community_policy_item_place:before{
background:rgba(235,109,31,0.1);
}

.community_policy_item:nth-child(3) .community_policy_item_place:before{
background:rgba(0,168,152,0.1);
}

.community_policy_icon{
grid-area:icon;
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:58px;
height:58px;
}

.community_policy_icon img{
display:block;
width:52px;
height:auto;
}

.community_policy_item_title{
grid-area:title;
position:relative;
z-index:2;
margin:0;
padding:0;
font-size:2rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.04em;
color:#278276;
text-align:left;
}

.community_policy_item:nth-child(2) .community_policy_item_title{
color:#eb6d1f;
}

.community_policy_item:nth-child(3) .community_policy_item_title{
color:#278276;
}

.community_policy_item_title:after{
content:"";
display:block;
width:100%;
height:4px;
margin:10px 0 0;
border-radius:999px;
background:repeating-linear-gradient(90deg,rgba(0,168,152,0.34) 0,rgba(0,168,152,0.34) 5px,transparent 5px,transparent 13px);
}

.community_policy_item:nth-child(2) .community_policy_item_title:after{
background:repeating-linear-gradient(90deg,rgba(235,109,31,0.32) 0,rgba(235,109,31,0.32) 5px,transparent 5px,transparent 13px);
}

.community_policy_item:nth-child(3) .community_policy_item_title:after{
background:repeating-linear-gradient(90deg,rgba(0,168,152,0.34) 0,rgba(0,168,152,0.34) 5px,transparent 5px,transparent 13px);
}

#community_policy_section .community_policy_item .section_text{
grid-area:text;
position:relative;
z-index:2;
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.9;
font-weight:500;
letter-spacing:0.04em;
color:#333333;
text-align:left;
}

.community_policy_img{
grid-area:img;
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:100%;
padding-top:2px;
}

.community_policy_img img{
display:block;
width:100%;
max-height:210px;
object-fit:contain;
}

.community_policy_note{
position:relative;
display:block;
width:100%;
padding-top:24px;
}

.community_policy_note_place{
position:relative;
display:grid;
grid-template-columns:62px 1fr;
grid-template-areas:
"icon text"
"btn btn";
gap:16px;
align-items:center;
width:100%;
padding:24px 20px 22px 24px;
border-radius:24px;
background:rgba(255,255,255,0.9);
border:1px solid rgba(255,255,255,0.94);
box-shadow:0 14px 32px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_policy_note_place:before{
content:"";
position:absolute;
left:0;
top:0;
width:7px;
height:100%;
background:linear-gradient(180deg,#00a898 0%,#8bcf9a 52%,#f4b64a 100%);
}

.community_policy_note_icon{
grid-area:icon;
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:62px;
height:62px;
border-radius:50%;
background:rgba(0,168,152,0.1);
}

.community_policy_note_icon img{
display:block;
width:54px;
height:auto;
}

.community_policy_note_place .section_text{
grid-area:text;
position:relative;
z-index:2;
margin:0;
padding:0;
line-height:1.85;
font-weight:500;
letter-spacing:0.04em;
text-align:left;
}

.community_policy_note_btn{
grid-area:btn;
position:relative;
z-index:2;
display:block;
width:100%;
}

.community_policy_note_btn a{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:54px;
padding:0 46px 0 24px;
border-radius:999px;
background:#ffffff;
border:1px solid #00a898;
box-shadow:0 10px 22px rgba(0,168,152,0.1);
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.06em;
color:#008b7e;
text-decoration:none;
}

.community_policy_note_btn a:after{
content:"";
position:absolute;
right:24px;
top:50%;
width:8px;
height:8px;
border-top:2px solid #008b7e;
border-right:2px solid #008b7e;
transform:translateY(-50%) rotate(45deg);
}
}
/*////////////////////////////////////
community_spread_section
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width:768px){

#community_spread_section{
position:relative;
display:block;
padding:100px 0 110px;
overflow:hidden;
}

#community_spread_area{
position:relative;
display:block;
width:100%;
padding:68px 54px 64px;
border-radius:42px;
background:
radial-gradient(circle at 8% 12%,rgba(218,247,244,0.9) 0%,rgba(218,247,244,0) 34%),
radial-gradient(circle at 94% 8%,rgba(255,236,211,0.86) 0%,rgba(255,236,211,0) 32%),
radial-gradient(circle at 88% 92%,rgba(255,221,230,0.52) 0%,rgba(255,221,230,0) 32%),
linear-gradient(135deg,#ffffff 0%,#f3fbf8 54%,#fff8ee 100%);
box-shadow:0 28px 70px rgba(28,92,104,0.1);
overflow:hidden;
}

#community_spread_area:before{
content:"";
position:absolute;
left:-80px;
top:-90px;
width:260px;
height:260px;
border-radius:50%;
background:rgba(255,255,255,0.45);
box-shadow:360px 80px 0 rgba(255,255,255,0.24),1080px 20px 0 rgba(255,255,255,0.28),1180px 390px 0 rgba(255,255,255,0.22);
}

#community_spread_area:after{
content:"";
position:absolute;
right:78px;
bottom:76px;
width:12px;
height:12px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-90px -40px 0 rgba(235,109,31,0.2),-170px 26px 0 rgba(0,168,152,0.17),-260px -14px 0 rgba(244,182,74,0.2),-360px 48px 0 rgba(22,59,107,0.12);
}

.community_spread_head{
position:relative;
z-index:2;
display:block;
width:min(920px,100%);
margin:0 auto;
text-align:center;
}

.community_spread_title_box{
position:relative;
display:block;
}

.community_spread_place{
position:relative;
z-index:2;
display:block;
width:100%;
padding-top:54px;
}

.community_spread_list{
position:relative;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:0;
width:100%;
padding:10px;
border-radius:34px;
background:rgba(255,255,255,0.56);
border:1px solid rgba(255,255,255,0.88);
box-shadow:0 22px 54px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_spread_item{
position:relative;
display:block;
}

.community_spread_item:not(:last-child):after{
content:"";
position:absolute;
right:0;
top:22px;
width:1px;
height:calc(100% - 44px);
background:linear-gradient(180deg,rgba(0,168,152,0) 0%,rgba(0,168,152,0.22) 50%,rgba(0,168,152,0) 100%);
}

.community_spread_item_place{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
height:100%;
min-height:150px;
padding:25px 22px 20px;
border-radius:26px;
background:rgba(255,255,255,0.74);
transition:background 0.3s ease,transform 0.3s ease;
}

.community_spread_item:hover .community_spread_item_place{
background:rgba(255,255,255,0.95);
transform:translateY(-4px);
}

.community_spread_icon{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:78px;
height:78px;
margin:0 auto 22px;
border-radius:50%;
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 38%),
linear-gradient(135deg,#e9f8ef 0%,#ffffff 56%,#fff4dd 100%);
box-shadow:0 14px 30px rgba(28,92,104,0.12);
}

.community_spread_icon:before{
content:"";
position:absolute;
inset:8px;
border-radius:50%;
border:1px solid rgba(0,168,152,0.16);
}

.community_spread_icon i{
position:relative;
z-index:2;
display:block;
font-size:3.6rem;
line-height:1;
color:#278276;
}

.community_spread_item:nth-child(2) .community_spread_icon i{
color:#5aa66c;
}

.community_spread_item:nth-child(3) .community_spread_icon i{
color:#4ca76d;
}

.community_spread_item:nth-child(4) .community_spread_icon i{
color:#00a898;
}

.community_spread_item:nth-child(5) .community_spread_icon i{
color:#278276;
}
.community_spread_img{
display:none;
}
}
/*////////////////////////////////////
community_spread_section
@media screen and (min-width: 768px) and (max-width: 1200px)
////////////////////////////////////*/
@media screen and (min-width:768px) and (max-width:1200px){

#community_spread_section{
padding:86px 0 94px;
}

#community_spread_area{
padding:58px 34px 60px;
border-radius:36px;
}

.community_spread_head{
width:min(760px,100%);
}

#community_spread_section .section_title{
font-size:clamp(2.8rem,4.2vw,3.8rem);
}

#community_spread_section .section_lead{
font-size:1.8rem;
line-height:1.95;
}

.community_spread_place{
padding-top:42px;
}

.community_spread_list{
grid-template-columns:repeat(2,1fr);
gap:18px;
padding:0;
background:transparent;
border:none;
box-shadow:none;
overflow:visible;
}

.community_spread_item{
padding:9px;
border-radius:28px;
background:rgba(255,255,255,0.52);
border:1px solid rgba(255,255,255,0.88);
box-shadow:0 18px 42px rgba(28,92,104,0.1);
}

.community_spread_item:last-child{
grid-column:1 / 3;
}

.community_spread_item:not(:last-child):after{
display:none;
}

.community_spread_item_place{
display:grid;
grid-template-columns:70px 1fr;
grid-template-areas:
"icon title"
"icon text";
align-items:center;
column-gap:20px;
min-height:150px;
padding:28px 10px;
border-radius:22px;
background:rgba(255,255,255,0.92);
}

.community_spread_icon{
grid-area:icon;
width:78px;
height:78px;
margin:0;
}

#community_spread_section .community_spread_item .section_sub_title{
grid-area:title;
padding:0 0 6px;
text-align:left;
}

#community_spread_section .community_spread_item .section_text{
grid-area:text;
line-height:1.85;
text-align:left;
}
.community_spread_item_wide{
grid-column:1 / 3;
display:grid;
grid-template-columns:1fr 230px;
gap:10px;
align-items:center;
}

.community_spread_item_wide .community_spread_item_place{
display:grid;
grid-template-columns:78px 1fr;
grid-template-areas:
"icon text";
align-items:center;
column-gap:22px;
min-height:180px;
padding:34px 15px;
border-radius:22px;
background:
radial-gradient(circle at 92% 18%,rgba(255,236,211,0.56) 0%,rgba(255,236,211,0) 34%),
linear-gradient(135deg,#ffffff 0%,#f8fdfb 58%,#fff8ee 100%);
}

.community_spread_item_wide .community_spread_icon{
grid-area:icon;
width:70px;
height:70px;
}

.community_spread_item_wide .community_spread_icon i{
font-size:3.6rem;
}

.community_spread_text_box{
grid-area:text;
position:relative;
z-index:2;
display:block;
}

#community_spread_section .community_spread_item_wide .section_sub_title{
margin:0;
padding:0 0 10px;
line-height:1.45;
font-weight:700;
letter-spacing:0.04em;
color:#163b6b;
text-align:left;
}

#community_spread_section .community_spread_item_wide .section_text{
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.85;
font-weight:500;
letter-spacing:0.04em;
text-align:left;
}

.community_spread_img{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:180px;
padding:20px;
border-radius:22px;
background:rgba(255,255,255,0.72);
}

.community_spread_img img{
display:block;
width:100%;
max-height:160px;
object-fit:contain;
}

}
/*////////////////////////////////////
community_spread_section
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){

#community_spread_section{
position:relative;
display:block;
width:100%;
padding:54px 0 64px;
overflow:hidden;
}

#community_spread_area{
position:relative;
display:block;
width:100%;
padding:46px 16px 48px;
border-radius:28px;
background:
radial-gradient(circle at 8% 10%,rgba(218,247,244,0.95) 0%,rgba(218,247,244,0) 36%),
radial-gradient(circle at 94% 8%,rgba(255,236,211,0.9) 0%,rgba(255,236,211,0) 38%),
radial-gradient(circle at 82% 94%,rgba(255,221,230,0.52) 0%,rgba(255,221,230,0) 34%),
linear-gradient(135deg,#ffffff 0%,#f3fbf8 54%,#fff8ee 100%);
box-shadow:0 16px 36px rgba(28,92,104,0.1);
overflow:hidden;
}

#community_spread_area:before{
content:"";
position:absolute;
left:-50px;
top:-48px;
width:150px;
height:150px;
border-radius:50%;
background:rgba(255,255,255,0.46);
box-shadow:190px 54px 0 rgba(255,255,255,0.24),310px 430px 0 rgba(255,255,255,0.2);
}

#community_spread_area:after{
content:"";
position:absolute;
right:34px;
bottom:42px;
width:9px;
height:9px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-62px -28px 0 rgba(235,109,31,0.2),-122px 24px 0 rgba(0,168,152,0.16),-190px -12px 0 rgba(244,182,74,0.18);
}

.community_spread_head{
position:relative;
z-index:2;
display:block;
width:100%;
text-align:left;
}

.community_spread_title_box{
position:relative;
display:block;
width:100%;
}

#community_spread_section .section_lead{
margin:0;
padding:10px 0 0;
line-height:1.9;
font-weight:500;
letter-spacing:0.04em;
text-align:left;
}

.community_spread_place{
position:relative;
z-index:2;
display:block;
width:100%;
padding-top:34px;
}

.community_spread_list{
position:relative;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
width:100%;
padding:0;
}

.community_spread_item{
position:relative;
display:block;
width:100%;
padding:7px;
border-radius:24px;
background:rgba(255,255,255,0.54);
border:1px solid rgba(255,255,255,0.88);
box-shadow:0 14px 32px rgba(28,92,104,0.1);
}

.community_spread_item_place{
position:relative;
display:grid;
grid-template-columns:50px 1fr;
grid-template-areas:
"icon title"
"text text";
align-items:center;
column-gap:10px;
row-gap:12px;
width:100%;
min-height:150px;
padding:18px 10px 17px;
border-radius:18px;
background:rgba(255,255,255,0.93);
overflow:hidden;
}

.community_spread_item_place:after{
content:"";
position:absolute;
right:-34px;
bottom:-34px;
width:96px;
height:96px;
border-radius:50%;
background:rgba(0,168,152,0.06);
}

.community_spread_item:nth-child(2) .community_spread_item_place:after{
background:rgba(235,109,31,0.07);
}

.community_spread_item:nth-child(3) .community_spread_item_place:after{
background:rgba(132,205,162,0.08);
}

.community_spread_item:nth-child(4) .community_spread_item_place:after{
background:rgba(0,168,152,0.06);
}

.community_spread_item:nth-child(5) .community_spread_item_place:after{
background:rgba(244,182,74,0.08);
}

.community_spread_icon{
grid-area:icon;
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:50px;
height:50px;
border-radius:50%;
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 38%),
linear-gradient(135deg,#e9f8ef 0%,#ffffff 56%,#fff4dd 100%);
box-shadow:0 8px 18px rgba(28,92,104,0.1);
}

.community_spread_icon:before{
content:"";
position:absolute;
inset:5px;
border-radius:50%;
border:1px solid rgba(0,168,152,0.16);
}

.community_spread_icon i{
position:relative;
z-index:2;
display:block;
font-size:2.2rem;
line-height:1;
color:#278276;
}

.community_spread_item:nth-child(2) .community_spread_icon i{
color:#5aa66c;
}

.community_spread_item:nth-child(3) .community_spread_icon i{
color:#4ca76d;
}

.community_spread_item:nth-child(4) .community_spread_icon i{
color:#00a898;
}

.community_spread_item:nth-child(5) .community_spread_icon i{
color:#278276;
}

#community_spread_section .community_spread_item .section_sub_title{
grid-area:title;
position:relative;
z-index:2;
margin:0;
padding:0;
line-height:1.45;
font-weight:700;
letter-spacing:0.03em;
color:#163b6b;
text-align:left;
}

#community_spread_section .community_spread_item .section_text{
grid-area:text;
position:relative;
z-index:2;
margin:0;
padding-left:40px;
font-size:1.8rem;
line-height:1.75;
font-weight:500;
letter-spacing:0.03em;
text-align:left;
}

.community_spread_item_wide{
grid-column:1 / 3;
}

.community_spread_item_wide .community_spread_item_place{
display:grid;
grid-template-columns:54px 1fr;
grid-template-areas:
"icon text";
align-items:center;
column-gap:14px;
min-height:auto;
padding:22px 20px;
border-radius:20px;
background:
radial-gradient(circle at 92% 18%,rgba(255,236,211,0.52) 0%,rgba(255,236,211,0) 34%),
linear-gradient(135deg,#ffffff 0%,#f8fdfb 58%,#fff8ee 100%);
}

.community_spread_item_wide .community_spread_icon{
grid-area:icon;
width:54px;
height:54px;
}

.community_spread_item_wide .community_spread_icon i{
font-size:2.5rem;
}

.community_spread_text_box{
grid-area:text;
position:relative;
z-index:2;
display:block;
}

#community_spread_section .community_spread_item_wide .section_sub_title{
margin:0;
padding:0 0 6px;
font-size:1.9rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.04em;
color:#163b6b;
text-align:left;
}

#community_spread_section .community_spread_item_wide .section_text{
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.75;
font-weight:500;
letter-spacing:0.03em;
color:#333333;
text-align:left;
}

.community_spread_img{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:100%;
padding:18px 12px 4px;
}

.community_spread_img img{
display:block;
width:76%;
max-width:240px;
height:auto;
object-fit:contain;
}
}
/*////////////////////////////////////
community_next_section
@media screen and (min-width:768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_next_section{
position:relative;
display:block;
padding:100px 0 110px;
overflow:hidden;
}

#community_next_area{
position:relative;
display:block;
width:100%;
padding:70px 58px;
border-radius:42px;
background:
radial-gradient(circle at 8% 18%,rgba(218,247,244,0.92) 0%,rgba(218,247,244,0) 32%),
radial-gradient(circle at 94% 10%,rgba(255,236,211,0.88) 0%,rgba(255,236,211,0) 34%),
radial-gradient(circle at 82% 92%,rgba(255,221,230,0.55) 0%,rgba(255,221,230,0) 32%),
linear-gradient(135deg,#ffffff 0%,#f3fbf8 52%,#fff8ee 100%);
box-shadow:0 28px 70px rgba(28,92,104,0.1);
overflow:hidden;
}

#community_next_area:before{
content:"";
position:absolute;
left:-70px;
top:-80px;
width:240px;
height:240px;
border-radius:50%;
background:rgba(255,255,255,0.46);
box-shadow:360px 78px 0 rgba(255,255,255,0.22),1080px 20px 0 rgba(255,255,255,0.26);
}

#community_next_area:after{
content:"";
position:absolute;
right:70px;
bottom:66px;
width:12px;
height:12px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-90px -38px 0 rgba(235,109,31,0.2),-180px 24px 0 rgba(0,168,152,0.17),-270px -12px 0 rgba(244,182,74,0.2);
}

.community_next_head{
position:relative;
z-index:2;
display:block;
width:min(880px,100%);
margin:0 auto;
text-align:center;
}

.community_next_place{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1fr 1fr;
gap:28px;
width:100%;
padding-top:54px;
}

.community_next_item{
position:relative;
display:block;
padding:10px;
border-radius:34px;
background:rgba(255,255,255,0.55);
border:1px solid rgba(255,255,255,0.9);
box-shadow:0 22px 54px rgba(28,92,104,0.1);
}

.community_next_item_place{
position:relative;
display:grid;
grid-template-columns:90px 1fr;
grid-template-areas:
"icon text"
"btn btn";
column-gap:24px;
row-gap:28px;
align-items:center;
height:100%;
min-height:300px;
padding:38px 38px 34px;
border-radius:26px;
background:rgba(255,255,255,0.92);
overflow:hidden;
}

.community_next_item_place:before{
content:"";
position:absolute;
right:-50px;
bottom:-54px;
width:190px;
height:190px;
border-radius:50%;
background:rgba(0,168,152,0.07);
}

.community_next_contact_item .community_next_item_place:before{
background:rgba(235,109,31,0.08);
}

.community_next_icon{
grid-area:icon;
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:90px;
height:90px;
border-radius:50%;
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 38%),
linear-gradient(135deg,#e9f8ef 0%,#ffffff 56%,#fff4dd 100%);
box-shadow:0 14px 30px rgba(28,92,104,0.12);
}

.community_next_icon:before{
content:"";
position:absolute;
inset:9px;
border-radius:50%;
border:1px solid rgba(0,168,152,0.16);
}

.community_next_icon i{
position:relative;
z-index:2;
font-size:4rem;
line-height:1;
color:#278276;
}

.community_next_contact_item .community_next_icon i{
color:#eb6d1f;
}

.community_next_text_box{
grid-area:text;
position:relative;
z-index:2;
display:block;
}

.community_next_label{
margin:0;
padding:0 0 8px;
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.12em;
color:#eb6d1f;
}

.community_next_title{
margin:0;
padding:0 0 16px;
font-size:2.8rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.05em;
color:#163b6b;
}

.community_next_word{
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.9;
font-weight:500;
letter-spacing:0.04em;
color:#000;
}

.community_next_btn_area{
grid-area:btn;
position:relative;
z-index:2;
display:flex;
justify-content:center;
width:100%;
}

.community_next_btn{
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-width:300px;
min-height:60px;
padding:0 58px 0 34px;
border-radius:999px;
background:#ffffff;
border:1px solid #00a898;
box-shadow:0 12px 28px rgba(0,168,152,0.1);
font-size:1.7rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.08em;
color:#008b7e;
text-decoration:none;
transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease;
}

.community_next_btn:after{
content:"";
position:absolute;
right:28px;
top:50%;
width:9px;
height:9px;
border-top:2px solid #008b7e;
border-right:2px solid #008b7e;
transform:translateY(-50%) rotate(45deg);
transition:border-color 0.3s ease,right 0.3s ease;
}

.community_next_btn:hover{
background:#00a898;
color:#ffffff;
transform:translateY(-3px);
}

.community_next_btn:hover:after{
right:24px;
border-color:#ffffff;
}

.community_next_contact_btn{
background:linear-gradient(135deg,#ff9c40 0%,#eb6d1f 100%);
border-color:#eb6d1f;
box-shadow:0 14px 28px rgba(235,109,31,0.22);
color:#ffffff;
}

.community_next_contact_btn:after{
border-color:#ffffff;
}

.community_next_contact_btn:hover{
background:#ffffff;
color:#eb6d1f;
}

.community_next_contact_btn:hover:after{
border-color:#eb6d1f;
}
}
/*////////////////////////////////////
community_next_section
TB button position fix
@media screen and (min-width:768px) and (max-width:1200px)
////////////////////////////////////*/
@media screen and (min-width:768px) and (max-width:1200px){
.community_next_item{
position:relative;
display:block;
padding:6px;
border-radius:34px;
background:rgba(255,255,255,0.55);
border:1px solid rgba(255,255,255,0.9);
box-shadow:0 22px 54px rgba(28,92,104,0.1);
}

.community_next_item_place{
position:relative;
display:grid;
grid-template-columns:72px 1fr;
grid-template-areas:
"label label"
"title title"
"icon word"
"btn btn";
column-gap:18px;
row-gap:18px;
align-items:center;
min-height:360px;
padding:28px 22px 24px;
border-radius:28px;
background:rgba(255,255,255,0.92);
overflow:hidden;
}
.community_next_label{
grid-area:label;
position:relative;
z-index:2;
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.12em;
color:#eb6d1f;
text-align:center;
}

.community_next_title{
grid-area:title;
position:relative;
z-index:2;
margin:0;
padding:0 0 4px;
font-size:clamp(2.8rem,3.2vw,3.4rem);
line-height:1.45;
font-weight:700;
letter-spacing:0.05em;
color:#163b6b;
text-align:center;
}

.community_next_icon{
grid-area:icon;
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:72px;
height:72px;
border-radius:50%;
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 38%),
linear-gradient(135deg,#e9f8ef 0%,#ffffff 56%,#fff4dd 100%);
box-shadow:0 10px 22px rgba(28,92,104,0.1);
}

.community_next_icon:before{
content:"";
position:absolute;
inset:7px;
border-radius:50%;
border:1px solid rgba(0,168,152,0.16);
}

.community_next_icon i{
position:relative;
z-index:2;
display:block;
font-size:3.2rem;
line-height:1;
color:#278276;
}

.community_next_contact_item .community_next_icon i{
color:#eb6d1f;
}

.community_next_text_box{
display:contents;
}

.community_next_word{
grid-area:word;
position:relative;
z-index:2;
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.9;
font-weight:500;
letter-spacing:0.04em;
color:#000;
text-align:left;
}

.community_next_btn_area{
grid-area:btn;
position:relative;
z-index:2;
display:flex;
justify-content:center;
width:100%;
padding-left:0;
padding-top:2px;
}

.community_next_btn{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-width:0;
max-width:none;
min-height:58px;
padding:0 52px 0 28px;
border-radius:999px;
background:#ffffff;
border:1px solid #00a898;
box-shadow:0 12px 28px rgba(0,168,152,0.1);
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.06em;
color:#008b7e;
text-decoration:none;
}

.community_next_btn:after{
content:"";
position:absolute;
right:26px;
top:50%;
width:8px;
height:8px;
border-top:2px solid #008b7e;
border-right:2px solid #008b7e;
transform:translateY(-50%) rotate(45deg);
}

.community_next_contact_btn{
width:100%;
min-width:0;
max-width:none;
background:linear-gradient(135deg,#ff9c40 0%,#eb6d1f 100%);
border-color:#eb6d1f;
box-shadow:0 14px 28px rgba(235,109,31,0.22);
color:#ffffff;
}

.community_next_contact_btn:after{
border-color:#ffffff;
}
}
/*////////////////////////////////////
community_next_section
@media screen and (min-width:0px) and (max-width:767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#community_next_section{
position:relative;
display:block;
width:100%;
padding:54px 0 64px;
overflow:hidden;
}

#community_next_area{
position:relative;
display:block;
width:100%;
padding:46px 16px 48px;
border-radius:28px;
background:
radial-gradient(circle at 8% 10%,rgba(218,247,244,0.95) 0%,rgba(218,247,244,0) 36%),
radial-gradient(circle at 94% 8%,rgba(255,236,211,0.9) 0%,rgba(255,236,211,0) 38%),
radial-gradient(circle at 82% 94%,rgba(255,221,230,0.52) 0%,rgba(255,221,230,0) 34%),
linear-gradient(135deg,#ffffff 0%,#f3fbf8 54%,#fff8ee 100%);
box-shadow:0 16px 36px rgba(28,92,104,0.1);
overflow:hidden;
}

#community_next_area:before{
content:"";
position:absolute;
left:-50px;
top:-48px;
width:150px;
height:150px;
border-radius:50%;
background:rgba(255,255,255,0.46);
box-shadow:190px 54px 0 rgba(255,255,255,0.24),310px 420px 0 rgba(255,255,255,0.2);
}

#community_next_area:after{
content:"";
position:absolute;
right:34px;
bottom:42px;
width:9px;
height:9px;
border-radius:50%;
background:rgba(0,168,152,0.22);
box-shadow:-62px -28px 0 rgba(235,109,31,0.2),-122px 24px 0 rgba(0,168,152,0.16),-190px -12px 0 rgba(244,182,74,0.18);
}

.community_next_head{
position:relative;
z-index:2;
display:block;
width:100%;
text-align:left;
}


#community_next_section .section_lead{
margin:0;
padding:0 20px;
line-height:1.9;
font-weight:500;
letter-spacing:0.04em;
text-align:left;
}

.community_next_place{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1fr;
gap:20px;
width:100%;
padding-top:34px;
}

.community_next_item{
position:relative;
display:block;
width:100%;
padding:8px;
border-radius:26px;
background:rgba(255,255,255,0.54);
border:1px solid rgba(255,255,255,0.9);
box-shadow:0 14px 32px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_next_report_item{
position:relative;
}

.community_next_contact_item{
position:relative;
}

.community_next_item_place{
position:relative;
display:grid;
grid-template-columns:62px 1fr;
grid-template-areas:
"icon text"
"btn btn";
column-gap:14px;
row-gap:20px;
align-items:center;
width:100%;
height:100%;
padding:24px 20px 22px;
border-radius:20px;
background:rgba(255,255,255,0.94);
overflow:hidden;
}

.community_next_item_place:before{
content:"";
position:absolute;
right:-42px;
bottom:-44px;
width:132px;
height:132px;
border-radius:50%;
background:rgba(0,168,152,0.07);
}

.community_next_contact_item .community_next_item_place:before{
background:rgba(235,109,31,0.08);
}

.community_next_icon{
grid-area:icon;
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:62px;
height:62px;
border-radius:50%;
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 38%),
linear-gradient(135deg,#e9f8ef 0%,#ffffff 56%,#fff4dd 100%);
box-shadow:0 10px 22px rgba(28,92,104,0.1);
}

.community_next_icon:before{
content:"";
position:absolute;
inset:6px;
border-radius:50%;
border:1px solid rgba(0,168,152,0.16);
}

.community_next_icon i{
position:relative;
z-index:2;
display:block;
font-size:2.7rem;
line-height:1;
color:#278276;
}

.community_next_contact_item .community_next_icon i{
color:#eb6d1f;
}

.community_next_text_box{
grid-area:text;
position:relative;
z-index:2;
display:block;
}

.community_next_label{
margin:0;
padding:0 0 6px;
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.1em;
color:#eb6d1f;
}

.community_next_title{
margin:0;
padding:0 0 10px;
font-size:2.1rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.04em;
color:#163b6b;
}

.community_next_word{
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.85;
font-weight:500;
letter-spacing:0.04em;
color: #000;
}

.community_next_btn_area{
grid-area:btn;
position:relative;
z-index:2;
display:flex;
justify-content:center;
width:100%;
}

.community_next_btn{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:54px;
padding:0 46px 0 24px;
border-radius:999px;
background:#ffffff;
border:1px solid #00a898;
box-shadow:0 10px 22px rgba(0,168,152,0.1);
font-size:1.rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.06em;
color:#008b7e;
text-decoration:none;
}

.community_next_btn:after{
content:"";
position:absolute;
right:24px;
top:50%;
width:8px;
height:8px;
border-top:2px solid #008b7e;
border-right:2px solid #008b7e;
transform:translateY(-50%) rotate(45deg);
}

.community_next_contact_btn{
background:linear-gradient(135deg,#ff9c40 0%,#eb6d1f 100%);
border-color:#eb6d1f;
box-shadow:0 12px 24px rgba(235,109,31,0.2);
color:#ffffff;
}

.community_next_contact_btn:after{
border-color:#ffffff;
}
}