@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&display=swap');
:root {
  --main-color: #00aca9;
  --sub-color: #363c62;
  --gray-color: #cfcfcf;
  --card-color: #e7e5d8;
}
html:has(#social),
body:has(#social) {
  font-size: 62.5%;
}
html{
  scroll-behavior: smooth;
}
body{
  font-family: YakuHanJP_Narrow,'Roboto', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
;
}
.scroll_down{
  position:absolute;
  bottom:50px;
  right:50%;
  animation: arrowmove 1s ease-in-out infinite;
}

.scroll_down a{
  position: absolute;
  left: -24px;
  bottom: 30px;
  color: var(--sub-color);
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  width: 24px;
  height: 24px;
  text-decoration: none;
}

.text {
  display: block;
  margin-top: 70px;
  margin-left: -14px;
  font-size: 12px;
  color: var(--sub-color);
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 2px;
}

.arrow {
  position: absolute;
  width: 28px;
  height: 5px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.arrow:first-child {
  animation: move 3s ease-out 1s infinite;
}

.arrow:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.arrow:before,
.arrow:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: var(--sub-color);
}

.arrow:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.arrow:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% { opacity: 1; }
  33% { opacity: 1; transform: translateY(30px); }
  67% { opacity: 1; transform: translateY(40px); }
  100% { opacity: 0; transform: translateY(55px) scale3d(0.5, 0.5, 0.5); }
}
.txt_c{
  text-align: center;
}
.mt10{
  margin-top: 10px !important;
}
.mt20{
  margin-top: 20px !important;
}
.mt30{
  margin-top: 30px !important;
}
.mt40{
  margin-top: 40px !important;
}
.mt50{
  margin-top: 50px !important;
}
.mt60{
  margin-top: 60px !important;
}
.mt70{
  margin-top: 70px !important;
}
.mt80{
  margin-top: 80px !important;
}
.mt90{
  margin-top: 90px !important;
}
.mt100{
  margin-top: 100px !important;
}

.mb10{
  margin-bottom: 10px !important;
}
.mb20{
  margin-bottom: 20px !important;
}
.mb30{
  margin-bottom: 30px !important;
}
.mb40{
  margin-bottom: 40px !important;
}
.mb50{
  margin-bottom: 50px !important;
}
.mb60{
  margin-bottom: 60px !important;
}
.mb70{
  margin-bottom: 70px !important;
}
.mb80{
  margin-bottom: 80px !important;
}
.mb90{
  margin-bottom: 90px !important;
}
.mb100{
  margin-bottom: 100px !important;
}
#social p{
  /* word-break: keep-all; */
  /* overflow-wrap: break-word; */
}
#social article{
font-family: YakuHanJP_Narrow,'Noto Sans JP',Roboto;
}
#social div[data-num]:not([data-num=""]){
  position: relative;
}
#social div[data-num]:not([data-num=""])::before {
  position: absolute;
  bottom: 0;
  right: 0;
  content: attr(data-num);
  font-size: 1.6rem;
  color: #fff;
  background: #00000060;
  backdrop-filter: blur(1px);
  padding: 1em;
  line-height: 1;
}
#social .social__txt-link,#social .social__pics-link figure figcaption{
  color: #00aca9;
}
#social .social__txt-link:hover,#social .social__pics-link:hover figure figcaption{
  text-decoration: underline;
}
#social .social__txt-link[href$=".pdf"] > span,#social .social__pics-link[href$=".pdf"] figure figcaption > span{
  background: url('data:image/svg+xml;utf8,<svg fill="%2300aca9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" viewBox="0 0 498.436 498.436" xml:space="preserve"><g><g><g><path d="M389.277,0H74.15v68.25H22.941v181.13h51.187v249.056h401.368V80.653L389.277,0z M293.805,151.125v14.841H257.07v37.49h-17.731v-87.987h60.355v14.884H257.07v20.773H293.805z M224.261,160.314c0,7.248-0.906,13.482-2.696,18.723c-2.2,6.385-5.371,11.584-9.405,15.531c-3.128,3.063-7.226,5.371-12.425,7.032c-4.012,1.23-9.232,1.877-15.747,1.877h-33.392v-88.009h32.399c7.312,0,12.921,0.539,16.76,1.661c5.134,1.553,9.534,4.228,13.201,8.111c3.689,3.883,6.471,8.585,8.434,14.258C223.312,145.171,224.261,152.052,224.261,160.314z M86.359,170.258v33.241H68.627v-0.022v-88.009h28.452c10.785,0,17.817,0.453,21.053,1.337c5.004,1.337,9.297,4.185,12.64,8.542c3.451,4.465,5.134,10.181,5.134,17.127c0,5.436-0.971,9.923-2.934,13.611c-1.941,3.753-4.422,6.601-7.485,8.736c-2.955,2.049-5.997,3.473-9.103,4.12c-4.293,0.82-10.354,1.316-18.4,1.316H86.359z M446.375,469.186c-25.842,0-317.306,0-343.105,0c0-13.223,0-116.482,0-219.806h244.613V68.25H103.292c0-20.535,0-34.751,0-39.108c25.756,0,263.983,0,274.531,0c6.989,6.601,60.873,56.968,68.595,64.151C446.375,105.136,446.375,442.654,446.375,469.186z"/><path d="M199.066,135.357c-2.157-2.071-4.875-3.408-8.175-4.12c-2.545-0.582-7.334-0.863-14.539-0.863h-7.981v58.22h13.201c4.94,0,8.499-0.259,10.721-0.841c2.912-0.712,5.285-1.985,7.161-3.667c1.941-1.726,3.451-4.53,4.681-8.456c1.186-3.969,1.812-9.362,1.812-16.135c0-6.73-0.604-12.015-1.812-15.596C202.884,140.232,201.201,137.406,199.066,135.357z"/><path d="M114.724,134.882c-1.855-2.071-4.249-3.343-7.118-3.904c-2.049-0.41-6.363-0.604-12.705-0.604h-8.542v24.957h9.621c7.01,0,11.648-0.431,13.999-1.381c2.373-0.906,4.228-2.33,5.587-4.293c1.337-1.963,1.963-4.228,1.963-6.86C117.55,139.628,116.687,136.996,114.724,134.882z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></g></svg>') no-repeat right center;
  background-size: 1.6rem;
  padding-right: 1em;
}
#social .social__txt-link[href$=".docx"] > span,#social .social__pics-link[href$=".docx"] figure figcaption > span{
  background: url('data:image/svg+xml;utf8,<svg fill="%2300aca9" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><path d="m 12.999992,2.866331 0,8.273839 c 0,0.0705 -0.025,0.127505 -0.0745,0.173007 -0.0505,0.047 -0.110505,0.069 -0.180008,0.069 l -4.2796751,0 0,-1.147547 3.4911431,0 0,-0.522522 -3.4941432,0 0,-0.639526 3.4911432,0 0,-0.522021 -3.4886431,0 0,-0.645027 3.4901431,0 0,-0.516021 -3.4901431,0 0,-0.646526 3.4901431,0 0,-0.522022 -3.4901431,0 0,-0.639526 3.4901431,0 0,-0.521521 -3.4901431,0 0,-0.652527 3.4901431,0 0,-0.497021 -3.4901431,0 0,-1.296553 4.2811751,0 c 0.0745,0 0.135006,0.024 0.179008,0.0745 0.0525,0.0495 0.075,0.110005 0.0745,0.178008 z m -5.1747123,-1.546064 0,11.361466 -6.82527977,-1.181048 0,-8.967368 6.82527977,-1.21505 0,0.002 z m -1.0300423,3.354138 -0.854535,0.0525 -0.5480225,3.392639 -0.012501,0 C 5.3531783,7.959039 5.2526742,7.397016 5.0726668,6.435977 L 4.7531537,4.80441 3.9511209,4.84441 3.6301077,6.435975 C 3.4426,7.363013 3.3380957,7.902535 3.3105946,8.054041 l -0.0075,0 -0.48752,-3.125128 -0.7350301,0.039 0.7875323,3.941661 0.8170335,0.0525 0.3075126,-1.534063 C 4.1726299,6.527981 4.2776342,6.004959 4.3001352,5.861953 l 0.022501,0 c 0.030501,0.152507 0.1280052,0.687029 0.3075126,1.605066 l 0.3075126,1.579065 0.8850363,0.0525 0.9900406,-4.425181 -0.017501,0 z"/></svg>') no-repeat right center;
  background-size: 1.6rem;
  padding-right: 1em;
}
#social .social__txt-link[href$=".xlsx"] > span,#social .social__pics-link[href$=".xlsx"] figure figcaption > span {
  background: url('data:image/svg+xml;utf8,<svg fill="%2300aca9" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><path d="m 12.7765,2.551 -4.02,0 0,0.744 1.185,0 0,1.177 -1.185,0 0,0.375 1.185,0 0,1.1785 -1.185,0 0,0.3855 1.185,0 0,1.1145 -1.185,0 0,0.4465 1.185,0 0,1.117 -1.185,0 0,0.4465 1.185,0 0,1.1235 -1.185,0 0,0.8195 4.02,0 c 0.0635,-0.019 0.1165,-0.094 0.159,-0.224 C 12.978,11.1235 13,11.017 13,10.9365 L 13,2.687 C 13,2.623 12.978,2.5845 12.9355,2.571 12.893,2.558 12.84,2.551 12.7765,2.551 Z m -0.5215,8.107 -1.9285,0 0,-1.1225 1.9285,0 0,1.1235 0,-0.001 z m 0,-1.569 -1.9285,0 0,-1.1175 1.9285,0 0,1.1175 z m 0,-1.564 -1.9285,0 0,-1.1095 1.9285,0 0,1.1105 0,-10e-4 z m 0,-1.5 -1.9285,0 0,-1.177 1.9285,0 0,1.1775 0,-5e-4 z m 0,-1.5595 -1.9285,0 0,-1.17 1.9285,0 0,1.1775 0,-0.0075 z M 1,2.3655 1,11.666 8.08,12.8905 8.08,1.1095 1,2.3695 1,2.3655 Z M 5.1965,9.401 C 5.1695,9.328 5.0425,9.018 4.8175,8.4695 4.593,7.9215 4.4575,7.6025 4.418,7.5115 l -0.0125,0 L 3.646,9.319 2.631,9.2505 l 1.204,-2.25 -1.1025,-2.25 1.035,-0.0545 0.684,1.7605 0.0135,0 L 5.2375,4.616 6.307,4.5485 5.0335,6.9835 6.346,9.4675 5.1965,9.4 l 0,10e-4 z"/></svg>') no-repeat right center;
  background-size: 1.6rem;
  padding-right: 1em;
}
#social .social__txt-link[href*="https://www.youtube.com/"] > span,#social .social__pics-link[href*="https://www.youtube.com/"] figure figcaption > span {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve"><g><path fill="%2300aca9" d="M0,48v416h512V48H0z M228,88h56v32h-56V88z M92,424H36v-32h56V424z M92,120H36V88h56V120z M188,424h-56v-32h56V424z M188,120h-56V88h56V120z M284,424h-56v-32h56V424z M311.188,257.859l-92.156,55.016c-0.672,0.391-1.5,0.406-2.172,0.016s-1.094-1.094-1.094-1.891v-55v-55c0-0.781,0.422-1.5,1.094-1.875c0.672-0.391,1.5-0.375,2.172,0.016l92.156,55.016c0.656,0.375,1.047,1.094,1.047,1.844C312.234,256.766,311.844,257.469,311.188,257.859z M380,424h-56v-32h56V424z M380,120h-56V88h56V120z M476,424h-56v-32h56V424z M476,120h-56V88h56V120z"/></g></svg>') no-repeat right center;
  background-size: 1.6rem;
  padding-right: 1em;
}
#social .social__txt-link[download] > span, #social .social__pics-link[download] figure figcaption > span {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve"><g><path fill="%2300aca9" d="M243.591,309.362c3.272,4.317,7.678,6.692,12.409,6.692c4.73,0,9.136-2.376,12.409-6.689l89.594-118.094c3.348-4.414,4.274-8.692,2.611-12.042c-1.666-3.35-5.631-5.198-11.168-5.198H315.14c-9.288,0-16.844-7.554-16.844-16.84V59.777c0-11.04-8.983-20.027-20.024-20.027h-44.546c-11.04,0-20.022,8.987-20.022,20.027v97.415c0,9.286-7.556,16.84-16.844,16.84h-34.305c-5.538,0-9.503,1.848-11.168,5.198c-1.665,3.35-0.738,7.628,2.609,12.046L243.591,309.362z"/><path fill="%2300aca9" d="M445.218,294.16v111.304H66.782V294.16H0v152.648c0,14.03,11.413,25.443,25.441,25.443h461.118c14.028,0,25.441-11.413,25.441-25.443V294.16H445.218z"/></g></svg>') no-repeat right center;
  background-size: 1.6rem;
  padding-right: 1em;
}
#social .social__txt-link[href^="mailto:"] > span, #social .social__pics-link[href^="mailto:"] figure figcaption > span  {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="mail-filled-white" fill="%2300aca9" transform="translate(42.686667, 85.339333)"><path d="M3.55271368e-14,28.7 L213.333914,220.70134 L426.667,28.701 L426.667248,341.333608 L0.00058094128,341.333608 L3.55271368e-14,28.7 Z M394.776,1.42108547e-14 L213.333914,163.285608 L31.89,1.42108547e-14 L394.776,1.42108547e-14 Z" id="Combined-Shape"></path></g></g></svg>') no-repeat right center;
  background-size: 1.6rem;
  padding-right: 1em;
}
#social .social__txt-link[href^="tel:"] > span, #social .social__pics-link[href^="tel:"] figure figcaption > span {
  background: url('data:image/svg+xml;utf8,<svg fill="%2300aca9" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M0 10.375c0 0.938 0.344 1.969 0.781 3.063s1 2.125 1.438 2.906c1.188 2.063 2.719 4.094 4.469 5.781s3.813 3.094 6.125 3.938c1.344 0.531 2.688 1.125 4.188 1.125 0.75 0 1.813-0.281 2.781-0.688 0.938-0.406 1.781-1.031 2.094-1.781 0.125-0.281 0.281-0.656 0.375-1.094 0.094-0.406 0.156-0.813 0.156-1.094 0-0.156 0-0.313-0.031-0.344-0.094-0.188-0.313-0.344-0.563-0.5-0.563-0.281-0.656-0.375-1.5-0.875-0.875-0.5-1.781-1.063-2.563-1.469-0.375-0.219-0.625-0.313-0.719-0.313-0.5 0-1.125 0.688-1.656 1.438-0.563 0.75-1.188 1.438-1.625 1.438-0.219 0-0.438-0.094-0.688-0.25s-0.5-0.281-0.656-0.375c-2.75-1.563-4.594-3.406-6.156-6.125-0.188-0.313-0.625-0.969-0.625-1.313 0-0.406 0.563-0.875 1.125-1.375 0.531-0.469 1.094-1.031 1.094-1.719 0-0.094-0.063-0.375-0.188-0.781-0.281-0.813-0.656-1.75-0.969-2.656-0.156-0.438-0.281-0.75-0.313-0.906-0.063-0.094-0.094-0.219-0.125-0.375s-0.094-0.281-0.125-0.406c-0.094-0.281-0.25-0.5-0.406-0.625-0.156-0.063-0.531-0.156-0.906-0.188-0.375 0-0.813-0.031-1-0.031-0.094 0-0.219 0-0.344 0.031h-0.406c-1 0.438-1.719 1.313-2.25 2.344-0.5 1.031-0.813 2.188-0.813 3.219z"></path></svg>') no-repeat right center;
  background-size: 1.6rem;
  padding-right: 1em;
}
#social .social__txt-link[href^="https://maps.app.goo.gl"] > span, #social .social__pics-link[href^="https://maps.app.goo.gl"] figure figcaption > span {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.37892 10.2236L8 16L12.6211 10.2236C13.5137 9.10788 14 7.72154 14 6.29266V6C14 2.68629 11.3137 0 8 0C4.68629 0 2 2.68629 2 6V6.29266C2 7.72154 2.4863 9.10788 3.37892 10.2236ZM8 8C9.10457 8 10 7.10457 10 6C10 4.89543 9.10457 4 8 4C6.89543 4 6 4.89543 6 6C6 7.10457 6.89543 8 8 8Z" fill="%2300aca9"/></svg>') no-repeat right center;
  background-size: 1.6rem;
  padding-right: 1em;
}
#social .social__txt-link[href^="https://maps.app.goo.gl"] > span , #social .social__pics-link[href^="https://maps.app.goo.gl"] figure figcaption > span{
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.37892 10.2236L8 16L12.6211 10.2236C13.5137 9.10788 14 7.72154 14 6.29266V6C14 2.68629 11.3137 0 8 0C4.68629 0 2 2.68629 2 6V6.29266C2 7.72154 2.4863 9.10788 3.37892 10.2236ZM8 8C9.10457 8 10 7.10457 10 6C10 4.89543 9.10457 4 8 4C6.89543 4 6 4.89543 6 6C6 7.10457 6.89543 8 8 8Z" fill="%2300aca9"/></svg>') no-repeat right center;
  background-size: 1.6rem;
  padding-right: 1em;
}
#social .social__txt-link[target=_blank]:not([href$=".pdf"]):not([href$=".doc"]):not([href$=".doc"]):not([href$=".docx"]):not([href$=".xlsx"]):not([download]):not([href^="mailto:"]):not([href^="https://maps.app.goo.gl"]) > span,
#social .social__pics-link[target=_blank]:not([href$=".pdf"]):not([href$=".doc"]):not([href$=".doc"]):not([href$=".docx"]):not([href$=".xlsx"]):not([download]):not([href^="mailto:"]):not([href^="https://maps.app.goo.gl"]) figure figcaption > span {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Interface / External_Link"><path id="Vector" d="M10.0002 5H8.2002C7.08009 5 6.51962 5 6.0918 5.21799C5.71547 5.40973 5.40973 5.71547 5.21799 6.0918C5 6.51962 5 7.08009 5 8.2002V15.8002C5 16.9203 5 17.4801 5.21799 17.9079C5.40973 18.2842 5.71547 18.5905 6.0918 18.7822C6.5192 19 7.07899 19 8.19691 19H15.8031C16.921 19 17.48 19 17.9074 18.7822C18.2837 18.5905 18.5905 18.2839 18.7822 17.9076C19 17.4802 19 16.921 19 15.8031V14M20 9V4M20 4H15M20 4L13 11" stroke="%2300aca9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>') no-repeat right center;
  background-size: 1.6rem;
  padding-right: 1em;
}
#social .social__kv {
    background: url(../images/kv.webp) no-repeat center;
    background-position-y: -4vw;
    background-size: min(131%, 115vw);
    margin-top: 80px;
    height: calc(100vh - 80px);
}

#social .social__kv .social__kv--inner{
  max-width: 1200px;
  margin: auto;
  position: relative;
  height: 100%;
}
#social .social__kv .social__kv--inner h2{
    position: absolute;
    font-family: 'Noto Serif JP', sans-serif;
    color: var(--sub-color);
    font-weight: 600;
    width: 1200px;
    margin: auto;
    top: 12%;
    left: 0%;
    font-size: min(5vw, 7.4rem);
    transform: translate(0, -50%);
    letter-spacing: .12em;
}
#social .social__kv .social__kv--inner h2 span{
  font-size: .8em;
  display: block;
  letter-spacing:normal;
}
#social section{
  margin: auto;
  border-top: 2px solid var(--main-color);
}
#social section .social__section__inner{
width: 1200px;
margin: auto;
overflow: hidden;
}
.social_hidden_area {
  display: none;
}
.more-btn-box{
  display: flex;
 justify-content: center;
}
.more-grad{
  padding:1em 8em;
  background:linear-gradient(135deg,#e49604,#fac86b);
  border:none;
  color:#fff;
  border-radius:30px;
  font-size:16px;
  cursor:pointer;
  transition:.3s;
  flex-shrink: 0;
}
.more-grad:hover{
  filter:brightness(1.1);
}
.other_sec_box{
  padding: 2em 0;
}
.other_sec_box > li:not(:last-child){
  margin-bottom: 2em;
}
.other_sec_box > li{
  display: flex;
  justify-content: center;
}
.btn-deco-2 {
  display: block;
    width: 40%;
  position: relative;
  padding: 14px 30px;
  color: var(--main-color);
  border: 2px solid var(--main-color);
  background: #fff;
  font-size: 22px;
  cursor: pointer;
  border-radius: 0;
  letter-spacing: 0.05em;
  text-align: center;
}

.btn-deco-2::before,
.btn-deco-2::after {
  content: "";
  position: absolute;
  width: .7em;
  height: .7em;
  border: 2px solid var(--main-color);
  transition: 0.3s;
}

.btn-deco-2::before {
  top: -2px;
  left: -2px;
  border-right: none;
  border-bottom: none;
}

.btn-deco-2::after {
  bottom: -2px;
  right: -2px;
  border-left: none;
  border-top: none;
}
.btn-deco-2:hover{
  background: var(--main-color);
  color: #fff;
}
.btn-deco-2:hover::before {
  top: -.4em;
  left: -.4em;
}
.btn-deco-2:hover::after {
  bottom: -.4em;
  right: -.4em;
}
#social h3{
  font-family: 'Noto Serif JP', sans-serif;
  text-align: center;
  font-size: clamp(20px, 8vw, 5rem);
  color: var(--sub-color);
}
#social h4{
  font-size: 3.5rem;
  position: relative;
  padding-top: 2em;
}
#social h4::before{
  position: absolute;
  content: "";
  background: var(--main-color);
  height: 2em;
  width: 2px;
  left: .5em;
  top:0;
}
#social h5{
  background: var(--main-color);
  padding: .8em 1.5em;
  font-weight: 600;
  color: #fff;
  font-size: 2rem;
  position: relative;
}
#social h5::before{
  content: "";
  width: 1em;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
}

#social h6{
  font-size: 1.8rem;
  position: relative;
}
#social h6::after{
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 10%;
  height: 2px;
  background: var(--main-color);
}
#social h6::before{
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--gray-color);
}
#social .social__ttl_column{
  display: flex;
  gap: min(2vw, 4em);
  align-items: center;
  justify-content: center;
}
#social .social__ttl_column li{
  /* width: 30%; */
  height: min(29vw, 298px);
}
#social .social__ttl_column li a{
  display: block;
  cursor: default;
  text-align: center;
      width: min(25vw,280px);
    height: min(25vw,280px);
  background: #d2ecea;
  border-radius: 50%;
  position: relative;
}
#social .social__ttl_column li a span{
  /* font-size: min(3rem, 2.82vw); */
  font-size: min(3.5rem, 4.15vw);
  position: absolute;
  cursor: text;
   top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  z-index: 10000000;
}
#social .social__ttl_column li a::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 55%;
  left: 45%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: #fffbc8;
  z-index: 100;
  mix-blend-mode: darken;
}
#social .social__ttl_column li a::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: #d7eea2;
   z-index: 1000;
       
       mix-blend-mode: hard-light;
}
#social .social__2column{
  display: flex;
  justify-content: space-between;
  gap: 2em;
}
#social .social__2column li{
  width: 50%;
}
#social .social__3column{position: relative;}
#social .social__3column .social__3column__inner{
  display: flex;
  justify-content: space-between;
  gap: 1em;
}
#social .social__3column .swiper-pagination,
#social .social__3column .swiper-button-prev,
#social .social__3column .swiper-button-next{
  display: none;
}

#social .social__3column li{
  width: 30%;
}
#social .social__list li{
  padding-left: 1.1em;
  text-indent: -1.1em;
  padding-bottom: .5em;
}
#social .swiper-pagination-bullet-active{
  background: var(--main-color) !important;;
}
#social .social__list li:not(:last-child){
  margin-bottom: 1.3em;
  border-bottom: 1px solid var(--gray-color);
}
#social .social__list li::before{
  content: "●";
  color: var(--main-color);
}
#social table{
  border: 1px solid var(--gray-color);
  width: 100%;
  min-width: 1200px;
}
#social table td:empty{
 background-image: linear-gradient(to top left,
  transparent, transparent 50%,
  var(--gray-color) 50%,
  var(--gray-color) 51%,   /* 線の太さ */
  transparent 20%, transparent);
}
#social table th,
#social table td{
  padding: .5em;
}
#social table th{
  background: var(--main-color);
  color: #fff;
}
#social table thead th:nth-of-type(even){
 background: #33a1a0;
}
#social table thead th:not(:last-of-type){
  border-right: 1px solid #ffffffa2;
  border-bottom: 1px solid #ffffffa2;
}
#social table tbody tr:nth-of-type(even) th{
  background: #33a1a0;
}
#social table tbody tr:not(:last-of-type) th{
  border-bottom: 1px solid #ffffffa2;
}
#social table tbody td{
  border-right: 1px solid var(--gray-color);
  border-bottom: 1px solid var(--gray-color);
}
#social .social__card{
  width: 55%;
  background: var(--card-color);
  display: flex;
  gap: 1em;
  justify-content: space-between;
  padding: 2em;
  margin: auto;
}
#social .social__card li{
  width: 45%;
}
#social .social__card li dt{
  font-size: 2rem;
  margin-bottom: 1.6em;
}
#social .chart-wrap {
  width: 80%;
  height: 450px; /* ← 高さを固定 */
  margin: auto;
}

#social #myChart {
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 1215px)  {
  #social .social__kv{
        background-size: 197vw;
}
  #social .social__kv .social__kv--inner h2{
            width: 100%;
        padding: 0 2rem;
        top: 11vw;
        font-size: 7.5vw;
  }
  #social section .social__section__inner {
    width: 100%;
    padding: 0 2rem;
  }
  #social .social__card{
    width: 80%;
  }
  #social .chart-wrap {
  width: 80vw;
  height: 50vw; /* ← 高さを固定 */
  margin: auto;
}
}
@media screen and (max-width: 768px){
  .mt10 { margin-top: 1.3vw !important; }
  .mt20 { margin-top: 2.6vw !important; }
  .mt30 { margin-top: 3.9vw !important; }
  .mt40 { margin-top: 5.2vw !important; }
  .mt50 { margin-top: 6.5vw !important; }
  .mt60 { margin-top: 7.8vw !important; }
  .mt70 { margin-top: 9.1vw !important; }
  .mt80 { margin-top: 10.4vw !important; }
  .mt90 { margin-top: 11.7vw !important; }
  .mt100 { margin-top: 13vw !important; }

  .mb10 { margin-bottom: 1.3vw !important; }
  .mb20 { margin-bottom: 2.6vw !important; }
  .mb30 { margin-bottom: 3.9vw !important; }
  .mb40 { margin-bottom: 5.2vw !important; }
  .mb50 { margin-bottom: 6.5vw !important; }
  .mb60 { margin-bottom: 7.8vw !important; }
  .mb70 { margin-bottom: 9.1vw !important; }
  .mb80 { margin-bottom: 10.4vw !important; }
  .mb90 { margin-bottom: 11.7vw !important; }
  .mb100 { margin-bottom: 13vw !important; }
  #social div[data-num]:not([data-num=""])::before{
    font-size: 5vw;
  }
  #social .social__kv {
    background: url(../images/kv.webp) no-repeat center;
    background-size: cover;
    margin-top: 60px;
    height: 100vh;
    background-position-y: 13vw;
}
  #social .social__kv .social__kv--inner h2 {
        font-size: 8.5vw;
        padding: 0 .5em;
        top: 19vw;
    }
  #social .social__card{
    width: 80%;
    flex-direction: column;
  }
  #social .social__card li{
  width: 100%;
}
#social .social__ttl_column{
  gap: 1em;
}
#social .social__ttl_column li a {
    width: 27vw;
        height: 27vw;
}
#social .social__2column{
  flex-direction: column;
}
#social .social__2column li{
  width: 100%;
}
/* #social .social__3column{
  flex-direction: column;
}
#social .social__3column li{
  width: 100%;
} */
 #social .social__3column .swiper-pagination,
#social .social__3column .swiper-button-prev,
#social .social__3column .swiper-button-next{
  display:block;
}
#social .social__3column .swiper-button-prev::after,
#social .social__3column .swiper-button-next::after{
  display: none;
}
#social .social__3column .swiper-button-prev{
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><circle fill='%2300aca9' cx='256' cy='256' r='256'/><path fill='%23359594' d='M190.338,405.356L294.15,509.168c86.556-12.934,158.941-69.198,194.395-146.013L363.972,238.582 L190.338,405.356z'/><path fill='%23177574' d='M287.494,265.447l-97.22,97.22c-11.783,11.783-11.781,30.884,0,42.667l0,0 c11.783,11.781,30.884,11.781,42.667,0l128-128c11.783-11.781,11.781-30.884,0-42.667l-128-128 c-11.783-11.781-30.884-11.781-42.667,0l0,0c-11.783,11.781-11.781,30.884,0,42.667l97.22,97.22 C292.712,251.771,292.712,260.23,287.494,265.447z'/><path fill='%23177574' d='M291.407,256c0,3.418-1.305,6.839-3.913,9.447l-97.22,97.22c-11.783,11.781-11.783,30.884,0,42.667 l0,0c11.783,11.781,30.884,11.781,42.667,0l128-128c5.891-5.891,8.837-13.612,8.837-21.333H291.407z'/></svg>") no-repeat center / contain;
   transform: scaleX(-1);
           width: 10vw;
        height: 10vw;
        left: -2vw;
}
#social .social__3column .swiper-button-next{
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><circle fill='%2300aca9' cx='256' cy='256' r='256'/><path fill='%23359594' d='M190.338,405.356L294.15,509.168c86.556-12.934,158.941-69.198,194.395-146.013L363.972,238.582 L190.338,405.356z'/><path fill='%23177574' d='M287.494,265.447l-97.22,97.22c-11.783,11.783-11.781,30.884,0,42.667l0,0 c11.783,11.781,30.884,11.781,42.667,0l128-128c11.783-11.781,11.781-30.884,0-42.667l-128-128 c-11.783-11.781-30.884-11.781-42.667,0l0,0c-11.783,11.781-11.781,30.884,0,42.667l97.22,97.22 C292.712,251.771,292.712,260.23,287.494,265.447z'/><path fill='%23177574' d='M291.407,256c0,3.418-1.305,6.839-3.913,9.447l-97.22,97.22c-11.783,11.781-11.783,30.884,0,42.667 l0,0c11.783,11.781,30.884,11.781,42.667,0l128-128c5.891-5.891,8.837-13.612,8.837-21.333H291.407z'/></svg>") no-repeat center / contain;
        width: 10vw;
        height: 10vw;
        right: -2vw;
}
.more-btn-box {
    display: flex;
    justify-self: center;
    flex-shrink: 0;
    flex-direction: column;
    width: 100%;
}
.more-grad{
  padding:1em 0;
  background:linear-gradient(135deg,#e49604,#fac86b);
  border:none;
  color:#fff;
  border-radius:30px;
  font-size:16px;
  cursor:pointer;
  transition:.3s;
  width: 100%;
}
.btn-deco-2{
  width: 100%;
  font-size: 4vw;
}
}