
.c-sns {
    z-index: 996;
    position: fixed;
	right: calc(2% - 11px);
    bottom: calc(3% + 52px);
}

@media screen and (max-width:500px){
	.c-sns {
		right: calc(2% - 5px);
	}
}

.c-sns__list {
    visibility: hidden;
    margin-bottom: clamp(.5rem,.5rem + 0vw,.5rem);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.c-sns__list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-sns__list li+li {
    margin-top: clamp(.5rem,.5rem + 0vw,.5rem)
}

.c-sns__list li a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    font-size: clamp(.75rem,.75rem + 0vw,.75rem);
    line-height: 100%;
    font-family: Lexend Zetta,serif;
    font-optical-sizing: auto;
    letter-spacing: -.12em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 31px;
    padding: 0 clamp(1rem,1rem + 0vw,1rem);
    border: none;
    border-radius: 100vh;
    /* background-color: #71a683; */
    background-color: #1E7C42;
    
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.c-sns__list li a:hover {
    opacity: 0.8;
}

.c-sns__list li a:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: clamp(.5rem,.5rem + 0vw,.5rem);
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
    content: ""
}


.c-sns__list li a.line:before {
	/* background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202025%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%2371a683%22%20d%3D%22M311%20196.8v81.3c0%202.1-1.6%203.7-3.7%203.7h-13c-1.3%200-2.4-.7-3-1.5l-37.3-50.3v48.2c0%202.1-1.6%203.7-3.7%203.7h-13c-2.1%200-3.7-1.6-3.7-3.7V196.9c0-2.1%201.6-3.7%203.7-3.7h12.9c1.1%200%202.4%20.6%203%201.6l37.3%2050.3V196.9c0-2.1%201.6-3.7%203.7-3.7h13c2.1-.1%203.8%201.6%203.8%203.5zm-93.7-3.7h-13c-2.1%200-3.7%201.6-3.7%203.7v81.3c0%202.1%201.6%203.7%203.7%203.7h13c2.1%200%203.7-1.6%203.7-3.7V196.8c0-1.9-1.6-3.7-3.7-3.7zm-31.4%2068.1H150.3V196.8c0-2.1-1.6-3.7-3.7-3.7h-13c-2.1%200-3.7%201.6-3.7%203.7v81.3c0%201%20.3%201.8%201%202.5c.7%20.6%201.5%201%202.5%201h52.2c2.1%200%203.7-1.6%203.7-3.7v-13c0-1.9-1.6-3.7-3.5-3.7zm193.7-68.1H327.3c-1.9%200-3.7%201.6-3.7%203.7v81.3c0%201.9%201.6%203.7%203.7%203.7h52.2c2.1%200%203.7-1.6%203.7-3.7V265c0-2.1-1.6-3.7-3.7-3.7H344V247.7h35.5c2.1%200%203.7-1.6%203.7-3.7V230.9c0-2.1-1.6-3.7-3.7-3.7H344V213.5h35.5c2.1%200%203.7-1.6%203.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM512%2093.4V419.4c-.1%2051.2-42.1%2092.7-93.4%2092.6H92.6C41.4%20511.9-.1%20469.8%200%20418.6V92.6C.1%2041.4%2042.2-.1%2093.4%200H419.4c51.2%20.1%2092.7%2042.1%2092.6%2093.4zM441.6%20233.5c0-83.4-83.7-151.3-186.4-151.3s-186.4%2067.9-186.4%20151.3c0%2074.7%2066.3%20137.4%20155.9%20149.3c21.8%204.7%2019.3%2012.7%2014.4%2042.1c-.8%204.7-3.8%2018.4%2016.1%2010.1s107.3-63.2%20146.5-108.2c27-29.7%2039.9-59.8%2039.9-93.1z%22%2F%3E%3C%2Fsvg%3E"); */
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202025%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%231E7C42%22%20d%3D%22M311%20196.8v81.3c0%202.1-1.6%203.7-3.7%203.7h-13c-1.3%200-2.4-.7-3-1.5l-37.3-50.3v48.2c0%202.1-1.6%203.7-3.7%203.7h-13c-2.1%200-3.7-1.6-3.7-3.7V196.9c0-2.1%201.6-3.7%203.7-3.7h12.9c1.1%200%202.4%20.6%203%201.6l37.3%2050.3V196.9c0-2.1%201.6-3.7%203.7-3.7h13c2.1-.1%203.8%201.6%203.8%203.5zm-93.7-3.7h-13c-2.1%200-3.7%201.6-3.7%203.7v81.3c0%202.1%201.6%203.7%203.7%203.7h13c2.1%200%203.7-1.6%203.7-3.7V196.8c0-1.9-1.6-3.7-3.7-3.7zm-31.4%2068.1H150.3V196.8c0-2.1-1.6-3.7-3.7-3.7h-13c-2.1%200-3.7%201.6-3.7%203.7v81.3c0%201%20.3%201.8%201%202.5c.7%20.6%201.5%201%202.5%201h52.2c2.1%200%203.7-1.6%203.7-3.7v-13c0-1.9-1.6-3.7-3.5-3.7zm193.7-68.1H327.3c-1.9%200-3.7%201.6-3.7%203.7v81.3c0%201.9%201.6%203.7%203.7%203.7h52.2c2.1%200%203.7-1.6%203.7-3.7V265c0-2.1-1.6-3.7-3.7-3.7H344V247.7h35.5c2.1%200%203.7-1.6%203.7-3.7V230.9c0-2.1-1.6-3.7-3.7-3.7H344V213.5h35.5c2.1%200%203.7-1.6%203.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM512%2093.4V419.4c-.1%2051.2-42.1%2092.7-93.4%2092.6H92.6C41.4%20511.9-.1%20469.8%200%20418.6V92.6C.1%2041.4%2042.2-.1%2093.4%200H419.4c51.2%20.1%2092.7%2042.1%2092.6%2093.4zM441.6%20233.5c0-83.4-83.7-151.3-186.4-151.3s-186.4%2067.9-186.4%20151.3c0%2074.7%2066.3%20137.4%20155.9%20149.3c21.8%204.7%2019.3%2012.7%2014.4%2042.1c-.8%204.7-3.8%2018.4%2016.1%2010.1s107.3-63.2%20146.5-108.2c27-29.7%2039.9-59.8%2039.9-93.1z%22%2F%3E%3C%2Fsvg%3E");
	width: 24px;
    height: 24px;
	border-radius: 10px;
	background-color: #fff;

}

.c-sns__list li a.instagram:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2476_683)'%3e%3cpath%20d='M4.68708%200.0555977C3.83608%200.0955977%203.25508%200.231598%202.74608%200.431598C2.22008%200.636598%201.77408%200.911598%201.33108%201.3566C0.887084%201.8016%200.614084%202.2476%200.411084%202.7746C0.214084%203.2836%200.0810841%203.8656%200.0430841%204.7176C0.00508411%205.5686%20-0.00291589%205.8426%208.41076e-05%208.0146C0.00308411%2010.1866%200.0140841%2010.4596%200.0550841%2011.3126C0.0960841%2012.1636%200.231084%2012.7446%200.431084%2013.2536C0.636084%2013.7796%200.911084%2014.2256%201.35608%2014.6686C1.80108%2015.1126%202.24708%2015.3846%202.77508%2015.5886C3.28408%2015.7856%203.86608%2015.9196%204.71708%2015.9566C5.56908%2015.9936%205.84308%2016.0026%208.01408%2015.9986C10.1861%2015.9946%2010.4591%2015.9846%2011.3131%2015.9446C12.1671%2015.9046%2012.7441%2015.7676%2013.2531%2015.5686C13.7791%2015.3626%2014.2251%2015.0886%2014.6681%2014.6436C15.1111%2014.1986%2015.3841%2013.7516%2015.5881%2013.2246C15.7851%2012.7156%2015.9191%2012.1336%2015.9561%2011.2826C15.9931%2010.4286%2016.0021%2010.1556%2015.9981%207.9836C15.9941%205.8116%2015.9841%205.5386%2015.9441%204.6856C15.9041%203.8326%2015.7681%203.2536%2015.5681%202.7446C15.3621%202.2186%2015.0881%201.7736%2014.6431%201.3296C14.1981%200.885598%2013.7511%200.612598%2013.2241%200.409598C12.7151%200.212598%2012.1331%200.0785977%2011.2821%200.0415977C10.4311%200.00459771%2010.1571%20-0.00340229%207.98508%20-0.000402288C5.81308%200.00259771%205.54008%200.0125977%204.68708%200.0545977M4.78008%2014.5176C4.00008%2014.4836%203.57608%2014.3536%203.29408%2014.2456C2.92008%2014.1016%202.65408%2013.9276%202.37308%2013.6486C2.09208%2013.3696%201.91908%2013.1026%201.77308%2012.7296C1.66308%2012.4476%201.53108%2012.0246%201.49508%2011.2446C1.45508%2010.4016%201.44708%2010.1486%201.44208%208.0126C1.43708%205.8766%201.44608%205.6236%201.48208%204.7806C1.51508%204.0016%201.64608%203.5776%201.75408%203.2956C1.89808%202.9216%202.07108%202.6556%202.35108%202.3746C2.63108%202.0936%202.89708%201.9206%203.27008%201.7746C3.55208%201.6646%203.97508%201.5336%204.75508%201.4966C5.59908%201.4566%205.85108%201.4486%207.98708%201.4436C10.1231%201.4386%2010.3761%201.4466%2011.2201%201.4836C11.9991%201.5176%2012.4241%201.6466%2012.7051%201.7556C13.0791%201.8996%2013.3451%202.0726%2013.6261%202.3526C13.9071%202.6326%2014.0801%202.8976%2014.2261%203.2716C14.3361%203.5526%2014.4671%203.9756%2014.5041%204.7556C14.5441%205.5996%2014.5531%205.8526%2014.5571%207.9876C14.5611%2010.1226%2014.5531%2010.3766%2014.5161%2011.2196C14.4821%2011.9996%2014.3531%2012.4236%2014.2441%2012.7056C14.1001%2013.0796%2013.9261%2013.3456%2013.6471%2013.6266C13.3681%2013.9076%2013.1021%2014.0806%2012.7281%2014.2266C12.4461%2014.3366%2012.0231%2014.4676%2011.2441%2014.5046C10.4001%2014.5446%2010.1481%2014.5526%208.01108%2014.5576C5.87408%2014.5626%205.62308%2014.5536%204.77908%2014.5176M11.3021%203.7236C11.3021%204.2536%2011.7331%204.6826%2012.2641%204.6816C12.7951%204.6806%2013.2231%204.2506%2013.2221%203.7196C13.2221%203.1896%2012.7911%202.7606%2012.2601%202.7616C11.7301%202.7626%2011.3011%203.1936%2011.3021%203.7236ZM3.89208%208.0076C3.89608%2010.2766%205.73908%2012.1116%208.00708%2012.1076C10.2751%2012.1036%2012.1121%2010.2606%2012.1071%207.9916C12.1021%205.7226%2010.2601%203.8876%207.99108%203.8916C5.72208%203.8956%203.88808%205.7386%203.89208%208.0076ZM5.33308%208.0046C5.33008%206.5316%206.52208%205.3356%207.99408%205.3326C9.46708%205.3296%2010.6631%206.5216%2010.6661%207.9936C10.6691%209.4666%209.47708%2010.6626%208.00508%2010.6656C6.53208%2010.6686%205.33608%209.4776%205.33308%208.0046Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2476_683'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

.c-sns__list li a.youtube:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='12'%20viewBox='0%200%2016%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2476_752)'%3e%3cpath%20d='M15.666%201.749C15.482%201.061%2014.94%200.518%2014.251%200.334C13.003%200%208%200%208%200C8%200%202.997%200%201.749%200.334C1.061%200.518%200.518%201.06%200.334%201.749C0%202.997%200%205.6%200%205.6C0%205.6%200%208.203%200.334%209.451C0.518%2010.139%201.06%2010.682%201.749%2010.866C2.997%2011.2%208%2011.2%208%2011.2C8%2011.2%2013.003%2011.2%2014.251%2010.866C14.939%2010.682%2015.482%2010.14%2015.666%209.451C16%208.203%2016%205.6%2016%205.6C16%205.6%2016%202.997%2015.666%201.749ZM6.4%208V3.2L10.557%205.6L6.4%208Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2476_752'%3e%3crect%20width='16'%20height='11.2'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

.c-sns__list li a.facebook:before {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='_レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20stroke-width:%200px;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M16,8C16,3.582,12.418,0,8,0S0,3.582,0,8c0,3.993,2.925,7.303,6.75,7.903v-5.59h-2.031v-2.313h2.031v-1.762c0-2.005,1.194-3.113,3.022-3.113.875,0,1.791.156,1.791.156v1.969h-1.009c-.994,0-1.304.617-1.304,1.249v1.501h2.219l-.355,2.313h-1.864v5.59c3.825-.6,6.75-3.91,6.75-7.903Z'/%3e%3c/svg%3e")
}

.c-sns__list li a.x:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='13'%20viewBox='0%200%2012%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2476_681)'%3e%3cpath%20d='M7.142%205.193L11.609%200H10.55L6.671%204.509L3.573%200H0L4.685%206.818L0%2012.264H1.059L5.155%207.502L8.427%2012.264H12L7.141%205.193H7.142ZM5.692%206.878L5.217%206.199L1.44%200.797H3.066L6.114%205.157L6.589%205.836L10.551%2011.503H8.925L5.692%206.879V6.878Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2476_681'%3e%3crect%20width='12'%20height='12.264'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

.c-sns__list.is-active {
    visibility: visible;
    opacity: 1
}

.c-sns__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    /* background-color: #ec6d6d; */
    background-color: #cd3b33;
    color: #fff;
    font-size: clamp(.75rem,.75rem + 0vw,.75rem);
    line-height: 100%;
    font-family: Lexend Zetta,serif;
    font-optical-sizing: auto;
    letter-spacing: -.12em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    -webkit-transition: all .3s ease-in-out;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.c-sns__title.is-active {
    /* background-color: #71a683; */
    background-color: #1E7C42;
}

.c-sns__title:after {
    display: block;
    z-index: -1;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /* background-color: #71a6834d; */
    background-color: #1E7C424d;
    content: "";
    opacity: 0
}

.c-sns__title:hover {
    /* background-color: #71a683; */
    background-color: #1E7C42;
}

.c-sns__title:hover:after {
    opacity: 1;
    -webkit-animation: wave 1s ease-out;
    animation: wave 1s ease-out
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1)
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.5,1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes wave {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1)
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.5,1.5);
        transform: scale(1.5);
        opacity: 0
    }
}