/*
Theme Name: Fan Fan Fan
Description: Fan Fan Fan専用テーマ
Version: 1.0
*/



html{background:#fff;}
body{position:relative;margin:0;}
:where(p,h1,h2,h3,h4,h5,h6){text-wrap:auto;}
figure{margin:0;padding:0;}
img{width:100%;}
.flex{display:flex;}
.flex.column{flex-direction:column;}
.flex.space-between{justify-content:space-between;}
.flex.end{justify-content:flex-end!important;}
.flex.wrap{flex-wrap:wrap;}
.flex.nowrap{flex-wrap: nowrap;}
.flex.inline-flex{display:inline-flex;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.hidden{display:none!important;}

@media only screen and (max-width: 600px){.hide-on-small-only,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width: 992px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width: 601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.hide-on-med-only{display:none !important}}@media only screen and (min-width: 993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width: 1201px){.hide-on-extra-large-only{display:none !important}}@media only screen and (min-width: 1201px){.show-on-extra-large{display:block !important}}@media only screen and (min-width: 993px){.show-on-large{display:block !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.show-on-medium{display:block !important}}@media only screen and (max-width: 600px){.show-on-small{display:block !important}}@media only screen and (min-width: 601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width: 992px){.show-on-medium-and-down{display:block !important}}


/*フォント*/
body{font-kerning:auto;font-family:source-han-sans-japanese, sans-serif !important;font-weight:400;font-style: normal;font-size:16px;line-height: 1.8;word-wrap:break-word;word-break:break-word;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing:0.06em;background-color:#fff;position: relative;line-break: strict;}
.en{font-family:futura-pt, sans-serif!important;font-style: normal;font-weight:600;font-size:115%;top:0;position:relative;}



.container{}

#header{padding:40px 0 0;background:url(img/kv_fff.jpg) no-repeat center top #FF5F00;background-size:auto 875px;text-align:center;}
#header .wrap{padding:550px 0 56px;}
#header .wrap h1{font-size:56px;font-weight:700;line-height:1.2;letter-spacing:0;/*background:linear-gradient(160deg, #251E1C 40%, #FF5F00 110%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/margin:0 0 40px 0;color:#fff;}
#header .wrap h2{color: #fff;font-size: 24px;font-weight: 700;line-height:1.6;margin:0 0 24px 0;}
#header .wrap2 h2.underline{position:relative;padding-bottom:20px;color: #fff;font-size: 24px;font-weight: 700;line-height:1.6;margin:0;}
#header .wrap2 h2.underline::before{content:"";display:block;width:24px;height:4px;background:#fff;position:absolute;left:0;right:0;bottom:4px;margin:auto;}
#header .wrap p{color: #fff;font-size: 18px;font-weight: 400;line-height:1.6;}
#header .wrap2{padding:0;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), #FF5F00;}
.logos{position:relative;width:100%;max-width:1152px;margin:24px auto;padding:32px 0;border-radius:8px;background:#fff;box-shadow:0 20px 6px rgba(0,0,0,0),0 13px 5px rgba(0,0,0,.01),0 7px 4px rgba(0,0,0,.02),0 3px 3px rgba(0,0,0,.03),0 1px 2px rgba(0,0,0,.04);overflow:hidden}
.logos::before,.logos::after{content:"";display:block;width:80px;height:100%;position:absolute;top:0;bottom:0;margin:auto;z-index:10;pointer-events:none}
.logos::before{left:0;background:linear-gradient(90deg,#fff 50%,rgba(255,255,255,0) 100%)}
.logos::after{right:0;background:linear-gradient(-90deg,#fff 50%,rgba(255,255,255,0) 100%)}
.logos .row{position:relative;overflow:hidden}
.logos .row+.row{margin-top:16px}
.logos .slider{display:flex;align-items:center;gap:0;width:max-content;will-change:transform}
.logos .slider figure{width:161.5px;flex:0 0 auto}
.logos .slider img{display:block;width:100%;height:auto}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.logos .row .slider{--n:9; --sp:2s;/*n=個数,sp=スピード*/display:flex;white-space:nowrap;animation:marquee calc(var(--n)*var(--sp)) linear infinite;}
.logos .row.reverse .slider{animation-direction:reverse}
#newly{padding:0 0 80px;}
.list-news{display:flex;flex-direction:column;align-items:center;gap:16px;}
.list-news article{width:100%;max-width:970px;}
.list-news article a{text-decoration:none;display:flex;background:#fff url(img/icon-tab.svg) no-repeat center right 40px;background-size:12px;border-radius: 8px;box-shadow: 0 20px 6px 0 rgba(0, 0, 0, 0.00), 0 13px 5px 0 rgba(0, 0, 0, 0.01), 0 7px 4px 0 rgba(0, 0, 0, 0.02), 0 3px 3px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.04);margin:auto;padding:24px 80px 24px 40px;justify-content:space-between;align-items:center;gap:60px;transition: 0.3s ease-out all;}
.list-news article a h4 span{transition-duration: .3s;transition-property: color, background;transition-timing-function:cubic-bezier(.4, 0, .2, 1);background-repeat: no-repeat;background-position: 0 100%;background-image: linear-gradient(to bottom, #fff, #FF5F00);background-size: 0 1px;}
.list-news article a:hover h4 span{background-size: 100% 1.5px;color: #FF5F00;}
.title-circle{position:relative;padding-left:4px;display:flex;gap:12px;align-items:center;margin:0;flex-shrink:0;}
.title-circle::before{content:"";display:block;width:4px;height:4px;background:#FF5F00;outline:4px solid rgba(244,158,0,.3);border-radius:999px;}
.title-circle span{color:#FF5F00;font-size:14px;}
.list-news article a .text{gap:8px;flex:1 1 auto;justify-content:center;align-items:flex-start;}
#event .list-news article a .text{gap:24px;}
.list-news article a .text .date{color:#ABB0BA;font-size:14px;letter-spacing:0;line-height:1;}
.list-news article a .text p:has(.schedule){color:#737b8c;font-size:14px;letter-spacing:0;line-height:1.3;font-weight: 700;}
.list-news article a .text h4{display:inline-block;color: #525766;font-size: 16px;font-weight: 400;line-height:1.8;letter-spacing:0.06em;margin:0;transition: 0.3s ease-out all;position: relative;text-align:left;}
#event .list-news article a .text h4{color: #251E1C;font-size: 18px;font-weight: 700;line-height:1.6;letter-spacing:0;}
.list-news article a figure{border-radius:4px;vertical-align:top;overflow:hidden;max-width:130px;}
#event .list-news article a figure{max-width:337px;}
.list-news article a figure img{}
.list-news article a:hover{background:#fbfbfb url(img/icon-tab.svg) no-repeat center right 40px;background-size:12px;box-shadow: 0 10px 3px 0 rgba(0, 0, 0, 0.02), 0 6px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 2px 0 rgba(0, 0, 0, 0.08), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.16);margin:auto;padding:24px 80px 24px 40px;transform: scale(0.99);}
.list-news article a:hover .text h4{color:#000;}
.list-news article a:hover figure img{}

.title-content{display:inline-block;margin:auto;z-index:5;}
.title-content .flex{gap:6px;align-items:center;}
.title-content .flex .logo_fff{width:200px;}
.title-content .flex span{color: #251E1C;font-size: 32px;font-weight: 700;line-height:1;position:relative;top:-4px;}

#about{background:#fff;padding:0 0 120px;position:relative;display:flex;flex-direction: column;justify-content: center;}
#about::after{position:absolute;bottom:0;left:0;right:0;margin:auto;content:"";width:calc(100vw - 32px);height:auto;aspect-ratio: 1/1;border-radius:9999px;transform:translateY(55%);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 95, 0, 0.50) 0%, rgba(244, 158, 0, 0.00) 100%);z-index:1;}
#about h2 + p{display:inline-block;margin:32px auto 56px;padding:0 8vw;z-index:4;color:#251E1C;}
#about .cards{max-width:940px;padding:0 80px;margin:auto;}
#about .cards ul{z-index:5;position:relative;display:flex;flex-wrap:wrap;gap:16px;}
#about .cards ul li{width:calc((100% - 16px) / 2);background:#fff;padding:32px;box-sizing: border-box;display:flex;flex-direction: column;gap:24px;}
#about .cards ul li .flex{display:flex;flex-direction: column;gap:16px;}
#about .cards ul li .flex h3{letter-spacing:0;margin:0;color: #251E1C;font-size: 24px;font-weight: 700;line-height:1.6;}
#about .cards ul li .flex p{margin:0;color: #737B8C;font-size: 15px;font-weight: 400;line-height:1.6;}
#about .cards ul li figure{width:32px;}

#functions{position:relative;z-index:1;width:calc(100% - 32px);max-width:1400px;margin:auto;padding:120px 170px;border-radius:16px;background:#fff url(img/bg-functions.jpg) no-repeat top center;background-size:cover;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.03) inset;box-sizing: border-box;}
#functions .wrap{}
#functions .function-main{margin:64px 0 40px;}
#functions .function-main ul{gap:4px;width:100%;}
#functions .function-main ul li{background:#fff;}
#functions .function-main ul li .text{padding:32px 24px 32px 100px;}
#functions .function-main ul li .text h3{position:relative;color: #251E1C;font-size: 18px;font-weight: 700;line-height: 1.4;letter-spacing:0;margin:0 0 16px;}
#functions .function-main ul li .text h3::before{content:"";color:#FF5F00;font-family:futura-pt, sans-serif!important;font-style: normal;font-weight:600;font-size: 20px;letter-spacing:0.06em;line-height:1;position:absolute;top:3px;left:calc(-100px + 24px);}
#functions .function-main ul li .text h3 .subtitle{display:block;color: #FF5F00;font-size: 16px;line-height:1.4;letter-spacing:0.06em;}
#functions .function-main ul li:nth-of-type(1) .text h3::before{content:"01";}
#functions .function-main ul li:nth-of-type(2) .text h3::before{content:"02";}
#functions .function-main ul li:nth-of-type(3) .text h3::before{content:"03";}
#functions .function-main ul li .text p{color: #525766;font-size: 14px;font-weight: 400;line-height: 1.5;letter-spacing:0.03em;}
#functions ul.function-sub{gap:8px;flex-wrap:wrap;}
#functions ul.function-sub li{opacity:0;transform:translateY(-10px);}
@keyframes fadeUp{
0% {opacity: 0;transform: translateY(30px);}
100% {opacity: 1;transform: translateY(0);}
}
#functions ul.function-sub.displayed li{animation: fadeUp 1.6s forwards ease;}
#functions ul.function-sub.displayed li:nth-of-type(1){animation-delay:0ms;}
#functions ul.function-sub.displayed li:nth-of-type(2){animation-delay:100ms;}
#functions ul.function-sub.displayed li:nth-of-type(3){animation-delay:200ms;}
#functions ul.function-sub.displayed li:nth-of-type(4){animation-delay:300ms;}
#functions ul.function-sub.displayed li:nth-of-type(5){animation-delay:400ms;}
#functions ul.function-sub.displayed li:nth-of-type(6){animation-delay:500ms;}
#functions ul.function-sub.displayed li:nth-of-type(7){animation-delay:600ms;}
#functions ul.function-sub.displayed li:nth-of-type(8){animation-delay:700ms;}
#functions ul.function-sub.displayed li:nth-of-type(9){animation-delay:800ms;}
#functions ul.function-sub.displayed li:nth-of-type(10){animation-delay:900ms;}
#functions ul.function-sub.displayed li:nth-of-type(11){animation-delay:1000ms;}
#functions ul.function-sub.displayed li:nth-of-type(12){animation-delay:1100ms;}
#functions ul.function-sub.displayed li:nth-of-type(13){animation-delay:1200ms;}
#functions ul.function-sub.displayed li:nth-of-type(14){animation-delay:1300ms;}
#functions ul.function-sub.displayed li:nth-of-type(15){animation-delay:1400ms;}
#functions ul.function-sub.displayed li:nth-of-type(16){animation-delay:1500ms;}
#functions ul.function-sub.displayed li:nth-of-type(17){animation-delay:1600ms;}
#functions ul.function-sub.displayed li:nth-of-type(18){animation-delay:1700ms;}
#functions ul.function-sub.displayed li:nth-of-type(19){animation-delay:1800ms;}
#functions ul.function-sub.displayed li:nth-of-type(20){animation-delay:1900ms;}
#functions ul.function-sub li.kanban{background:#fff;align-items: center;width:calc((100% - 24px) / 4);padding:24px;gap:24px;}
#functions ul.function-sub li.kanban figure{display:flex;justify-content: center;width:32px;flex:0 0 32px;}
#functions ul.function-sub li.kanban p{margin:0;color: #251E1C;font-size: 18px;font-weight: 700;line-height:1.3;flex:1 1 auto;}
#functions ul.function-sub li.kanban p.spacing-small{letter-spacing:-0.03em;}
#functions p.note{margin:8px 0 0;text-align:right;color:#525766;font-size: 14px;font-weight: 400;line-height:1.8;}
#functions ul.function-sub.displayed + p.note{animation: fadeUp 1.6s forwards ease;}

#how{margin:auto;padding:120px 0 100px;}
#how .wrap,
#usecase > .wrap{width: calc(100% - 32px);max-width: 1400px;padding:0 170px;margin:auto;box-sizing: border-box;}
.page-template-default #usecase-archive ol{width:100%;}

/*swiper*/
.how{margin:0 auto; padding:56px 0 0;position:relative;}
.how p.align-right{position:absolute;top:100px;right:calc((100% - min(100% - 32px, 1400px)) / 2 + 170px);display:inline-block;color: #525766;font-size: 14px;font-weight: 400;line-height:1;}
.how-tabs-outer{margin:0 0 48px;}
.how-tabs{display:inline-flex;gap:8px;padding:8px;border-radius:16px;overflow:hidden;background:#E2E5EB;}
.how-tab{appearance:none;background:#fff;padding:16px 24px;border-radius:8px;font-weight:700;font-size:16px;transition:all .2s;cursor:pointer;line-height:1;color:#231815;}
.how-tab[aria-selected="true"],.how-tab:hover{background:#231815;color:#fff;box-shadow:0 21px 6px 0 rgba(0,0,0,.00),0 14px 5px 0 rgba(0,0,0,.01),0 8px 5px 0 rgba(0,0,0,.05),0 3px 3px 0 rgba(0,0,0,.09),0 1px 2px 0 rgba(0,0,0,.10);}
/* スライダー共通 */
.how-slider{position:relative;padding-left: calc((100% - min(100% - 32px, 1400px)) / 2 + 170px);}
.how-slider[hidden]{ display:none !important; }
.swiper{overflow:visible; padding: 8px 0 32px;}
.swiper-slide{flex: 0 0 auto !important;box-sizing:border-box;border-radius:16px;overflow:hidden;position:relative;width:80%!important;aspect-ratio: 462 / 247;}
.swiper-slide .card{ position:relative; background:#000; }
.swiper-slide .card img{display:block;width:100%;height:100%;object-fit:cover;}
.swiper-slide .card .caption{transition: 0.6s ease-out all;position:absolute;left:24px;opacity:0;bottom:10px;display:inline-flex;flex-direction:column;padding:20px 24px;gap:8px;background:rgba(0,0,0,.55); color:#fff;border-radius:8px;background: rgba(0, 0, 0, 0.30);background-blend-mode: multiply;backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);}
.swiper-slide .card .caption h4{margin:0;color: #FFF;font-size: 20px;font-weight: 700;line-height:1.4;}
.swiper-slide .card .caption p{margin:0;color: rgba(255, 255, 255, 0.85);font-size: 15px;font-weight: 400;line-height:1.6;}
/* 端フェード */
.how-slider::after{content:""; position:absolute; top:0; bottom:0; width:230px;height:100%; pointer-events:none; z-index:5;right:0;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -5%, #FFF 72.06%);}
/*カード演出*/
.swiper-slide.swiper-slide-active .card .caption{bottom:24px;opacity:1;}
.swiper-slide figure{position:absolute;transition: 0.5s ease-out all;opacity:0;border-radius:8px;padding:8px;background: rgba(255, 255, 255, 0.40);background-blend-mode: overlay;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
.swiper-slide.swiper-slide-active figure{opacity:1;}
.swiper-slide.swiper-slide-active figure:nth-of-type(1){transition-delay:100ms;}
.swiper-slide.swiper-slide-active figure:nth-of-type(2){transition-delay:200ms;}
.swiper-slide.swiper-slide-active figure:nth-of-type(3){transition-delay:250ms;}
.swiper-slide.swiper-slide-active figure:nth-of-type(4){transition-delay:275ms;}
.swiper-slide.swiper-slide-active figure:nth-of-type(5){transition-delay:288ms;}
.swiper-slide.swiper-slide-active figure:nth-of-type(6){transition-delay:300ms;}
.form1-1-1{width:40%;top:13%;left:9%;}
.form1-1-2{width:40%;top:13%;right:9%;}
.form1-2-1{width:20%;top:10%;left:16%;}
.form1-2-2{width:20%;top:10%;left:0;right:0;margin:auto;}
.form1-2-3{width:20%;top:10%;right:16%;}
.form1-3-1{width:40%;top:15%;left:9%;}
.form1-3-2{width:28%;top:5%;right:20%;}
.form1-3-3{width:28%;top:30%;right:7%;}
.form1-3-4{width:28%;top:55%;right:17%;}
.form1-4-1{width:19%;top:8%;left:9%;}
.form1-4-2{width:19%;top:8%;left:30%;}
.form1-4-3{width:19%;top:8%;right:30%;}
.form1-4-4{width:19%;top:8%;right:9%;}
.form1-5-1{width:20%;top:10%;left:16%;}
.form1-5-2{width:20%;top:10%;left:0;right:0;margin:auto;}
.form1-5-3{width:20%;top:10%;right:16%;}
.form2-1-1{width:40%;top:10%;left:9%;}
.form2-1-2{width:19%;top:7%;left:57%;}
.form2-1-3{width:22%;top:35%;left:45%;}
.form2-1-4{width:22%;top:21%;right:6%;}
.form2-2-1{width:20%;top:10%;left:16%;}
.form2-2-2{width:20%;top:10%;left:0;right:0;margin:auto;}
.form2-2-3{width:20%;top:10%;right:16%;}
.form2-3-1{width:18%;top:15%;left:7%;}
.form2-3-2{width:18%;top:15%;left:26%;}
.form2-3-3{width:18%;top:15%;left:45%;}
.form2-3-4{width:18%;top:10%;left:64%;}
.form2-3-5{width:18%;top:30%;left:77%;}
.form2-4-1{width:32%;top:10%;left:8%;}
.form2-4-2{width:32%;top:42%;left:0;right:17%;margin:auto;}
.form2-4-3{width:32%;top:6%;right:8%;}
.form3-1-1{width:25%;top:10%;left:9%;}
.form3-1-2{width:25%;top:20%;right:0;left:0;margin:auto;}
.form3-1-3{width:25%;top:30%;right:9%;}
.form3-2-1{width:20%;top:10%;left:16%;}
.form3-2-2{width:20%;top:10%;left:0;right:0;margin:auto;}
.form3-2-3{width:20%;top:10%;right:16%;}
.form3-3-1{width:32%;top:10%;left:8%;}
.form3-3-2{width:32%;top:42%;left:0;right:17%;margin:auto;}
.form3-3-3{width:32%;top:6%;right:8%;}
.form4-1-1{width:27%;top:10%;left:7%;}
.form4-1-2{width:26%;top:35%;left:24%;}
.form4-1-3{width:41%;top:15%;right:6%;}
.form4-2-1{width:40%;top:13%;left:9%;}
.form4-2-2{width:40%;top:13%;right:9%;}
.form4-3-1{width:40%;top:17%;left:9%;}
.form4-3-2{width:40%;top:17%;right:9%;}
/*ページャー*/
.fraction{margin:8px 0 0;overflow:hidden;}
.fraction .current{font-size:20px;line-height:1.2;display:inline-block;overflow:hidden;width:24px;}
.fraction .current .num{font-size:20px;letter-spacing:0;color:#251E1C;display:inline-block;overflow:hidden;line-height:1.2;}
.fraction .current .num.anm-started{-webkit-animation:mv05-fraction .5s cubic-bezier(.2,1,.2,1);animation:mv05-fraction .5s cubic-bezier(.2,1,.2,1)}
.fraction .total{font-size:14px;color:#737b8c;vertical-align:.7em;line-height:1}
.fraction .total::before{content:" / ";color:#737b8c}
@-webkit-keyframes mv05-fraction{
    0%,100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    50%{-webkit-transform:translateY(-90%);transform:translateY(-90%);opacity:1}
    50.1%{-webkit-transform:translateY(90%);transform:translateY(90%);opacity:0}}
@keyframes mv05-fraction{
    0%,100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    50%{-webkit-transform:translateY(-90%);transform:translateY(-90%);opacity:1}
    50.1%{-webkit-transform:translateY(90%);transform:translateY(90%);opacity:0}}
.how .meta{justify-content:flex-start;gap:32px;align-items:center;}
.how .swiper-pagination{margin:12px 0 0;position:relative!important;width:auto!important;display:inline-flex;flex-wrap: wrap;gap:2px;justify-content: center;text-align:center;}
.how .swiper-pagination-bullet{width:24px;height:3px;cursor: pointer;transition:0.3s ease-out all;vertical-align:top;background-color:#737b8c;border-radius:0;}
.how .swiper-pagination-bullet-active{width:40px;background:#251E1C;}

#usecase{padding:0 0 120px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(241, 242, 244, 0.60) 50%, rgba(255, 255, 255, 0.00) 100%), rgba(255, 255, 255, 0.60);}
#usecase #usecase-archive{margin:56px 0 0;}
#usecase #usecase-archive .wrap{padding:0;}
#usecase #usecase-archive ol li.card:nth-of-type(4){display:none;}
.btn-gradient{transition:0.3s ease-out all;text-decoration:none;display:inline-flex;padding: 12px 24px 12px 16px;align-items: center;gap: 12px;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.80);background: linear-gradient(97deg, #FF5F00 31.95%, #CF277B 100.16%);box-shadow: 0 100px 80px 0 rgba(0, 0, 0, 0.07), 0 41.778px 33.422px 0 rgba(0, 0, 0, 0.05), 0 22.336px 17.869px 0 rgba(0, 0, 0, 0.04), 0 12.522px 10.017px 0 rgba(0, 0, 0, 0.04), 0 6.65px 5.32px 0 rgba(0, 0, 0, 0.03), 0 2.767px 2.214px 0 rgba(0, 0, 0, 0.02);}
.btn-gradient figure{width:12px;}
.btn-gradient span{color: #FFF;font-size: 13px;font-weight: 700;line-height:1;letter-spacing:0.09em;}
.btn-gradient:hover{transform: scale(0.95);}

#event{background:#f1f2f4;}
#news{background:rgba(241, 242, 244, 0.40);}
#event .wrap,#news .wrap{width:calc(100% - 32px);max-width: 1400px;margin: 0 auto;padding:120px 170px;}
#event .wrap .list-news,#news .wrap .list-news{margin:56px 0;}
#event .wrap .list-news article,#news .wrap .list-news article{max-width:864px;}

.CTA{padding: 96px 40px;background: linear-gradient(90deg, #CF277B 0%, #FF5F00 100%);}
.CTA .wrap{justify-content: center;align-items: center;gap: 16px;}
.CTA .wrap p{color:#fff;text-align: center;font-size: 20px;font-weight: 700;line-height:1.3;letter-spacing:0.03em;}
.btn-cta-large{transition:0.3s ease-out all;padding:14px 16px 20px;box-sizing: border-box;width:calc(100% - 32px);max-width:560px;text-decoration:none;display: flex;justify-content: center;align-items: center;gap: 10px;border-radius: 999px;box-shadow: 0 23px 7px 0 rgba(0, 0, 0, 0.00), 0 15px 6px 0 rgba(0, 0, 0, 0.01), 0 8px 5px 0 rgba(0, 0, 0, 0.04), 0 4px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);background:#fff url(img/icon_dl_orange.svg) no-repeat center right 40px;background-size:21px 17px;color:#FF5F00;font-size: 18px;font-weight: 700;line-height:1.3;}
.btn-cta-large .en{font-size: 25px;font-weight:600;line-height:1.3;letter-spacing:0;}
.btn-cta-large .en.name{font-size: 22px;}
.btn-cta-large:hover{transform: scale(0.97);box-shadow: 0 11px 3px 0 rgba(0, 0, 0, 0.00), 0 7px 3px 0 rgba(0, 0, 0, 0.02), 0 4px 2px 0 rgba(0, 0, 0, 0.08), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 0 1px 0 rgba(0, 0, 0, 0.16);color:#CF277B;}

footer{padding:80px 0;display:flex;justify-content:center;align-items:center;width:100%;}
footer .wrap{margin:0 auto;display:inline-flex;justify-content:center;flex-direction:column;}
footer .wrap > .flex{gap:4vw;align-items:stretch;}
footer .wrap .inline-flex{}
footer .wrap .inline-flex h5{color: #251E1C;font-size: 18px;font-weight: 700;line-height:1.8;letter-spacing:0.06em;margin:0 0 8px;}
footer .wrap .inline-flex figure.logo{width:160px;}
.list-link{display:inline-flex;gap:8px;}
.list-link li{font-size: 14px;font-weight: 700;line-height: 1.4;letter-spacing:0;}
.list-link li a{padding:4px 0;color:#251E1C;text-decoration:none;position:relative;}
.list-link li a::before{background:#FF5F00;content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: 2px;transform-origin: right top;transform: scale(0, 1);transition: transform .3s;}
.list-link li a:hover::before{transform-origin: left top;transform: scale(1, 1);}
.border-hr{width:1px;height:auto;background:rgba(171, 176, 186, 0.40);}
.secondary{}
.list-link-secondary{gap:16px;top:-6px;position:relative;}
.list-link-secondary li{font-size: 12px;font-weight: 400;line-height:1.2;}
.list-link-secondary li a{transition: 0.3s ease-out all;padding:0 4px;color: #525766;text-decoration:none;}
.list-link-secondary li a:hover{opacity:.6;}
footer hr{border-top:1px solid rgba(171, 176, 186, 0.80);margin-top:80px;padding-top:16px;}
footer .tertiary.flex{gap:40px;align-items:center;}
footer .tertiary.flex .copyright{color: #ABB0BA;font-size: 14px;line-height:1;letter-spacing:0;}
footer .tertiary.flex ul.list-link-brands{gap:16px;}
footer .tertiary.flex ul.list-link-brands li{}
footer .tertiary.flex ul.list-link-brands li a{transition: 0.2s ease-out all;}
footer .tertiary.flex ul.list-link-brands li a:hover{opacity:.6;}
footer .tertiary.flex ul.list-link-brands li a img{height:30px;width:auto;}
footer .footer_ninout{display:block;width:110px;transition: 0.2s ease-out all;}
footer .footer_ninout:hover{opacity:.6;}



/*gnav*/
.navbar{transition:0.3s ease-out all;z-index:50;width:100%;position:fixed;top:40px;left:0;right:0;margin:auto;}
#gnav{width:calc(100% - 80px);max-width:85%;box-sizing:border-box;margin:auto;border-radius: 16px;background: rgba(0, 0, 0, 0.60);box-shadow: 0 191px 53px 0 rgba(0, 0, 0, 0.00), 0 122px 49px 0 rgba(0, 0, 0, 0.01), 0 69px 41px 0 rgba(0, 0, 0, 0.05), 0 31px 31px 0 rgba(0, 0, 0, 0.09), 0 8px 17px 0 rgba(0, 0, 0, 0.10);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);display:flex;padding: 8px 8px 8px 48px;align-items: center;gap:40px;justify-content:space-between;overflow:hidden;}
#gnav ul.list-link{gap:24px;}
#gnav ul.list-link a{color:#fff;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:0.03em;transition: 0.3s ease-out all;}
#gnav ul.list-link a.en{font-size:17px;font-weight:600;letter-spacing:0.06em;}
#gnav ul.list-link a:hover{color:#FF5F00;}
#gnav .navbar_logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#gnav .list-cta{align-items: center;gap:24px;}
#gnav .list-cta .btn-white{display:flex;padding:12px 24px 12px 16px;align-items:center;gap:12px;background:#fff;border-radius:8px;box-shadow: 0 100px 80px 0 rgba(0, 0, 0, 0.03), 0 41.778px 33.422px 0 rgba(0, 0, 0, 0.05), 0 22.336px 17.869px 0 rgba(0, 0, 0, 0.04), 0 12.522px 10.017px 0 rgba(0, 0, 0, 0.04), 0 6.65px 5.32px 0 rgba(0, 0, 0, 0.03), 0 2.767px 2.214px 0 rgba(0, 0, 0, 0.02);text-decoration:none;transition:0.3s ease-out all;}
#gnav .list-cta .btn-white figure{width:17px;}
#gnav .list-cta .btn-white .text{color:#251E1C;font-size:13px;line-height:1;letter-spacing:0.09em;font-weight:700;}
#gnav .list-cta .btn-white:hover{transform: scale(0.95);}
#gnav .list-cta .btn-text{color:#fff;font-size:13px;text-decoration:none;transition:0.3s ease-out all;letter-spacing:0;}
#gnav .list-cta .btn-text:hover{color:#FF5F00;}

.hamburger-menu{cursor:pointer;gap:5px;align-items:center;justify-content:center;width:32px;height:20px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow: 0 100px 80px 0 rgba(0, 0, 0, 0.03), 0 41.778px 33.422px 0 rgba(0, 0, 0, 0.05), 0 22.336px 17.869px 0 rgba(0, 0, 0, 0.04), 0 12.522px 10.017px 0 rgba(0, 0, 0, 0.04), 0 6.65px 5.32px 0 rgba(0, 0, 0, 0.03), 0 2.767px 2.214px 0 rgba(0, 0, 0, 0.02);text-decoration:none;transition:0.3s ease-out all;box-sizing: content-box;}
.hamburger-menu span{display:block;width:6px;height:6px;border-radius:999px;background:#251E1C;}
.hamburger-menu[aria-expanded="true"]{transform: scale(0.95);}
.hamburger-menu[aria-expanded="true"] span:nth-child(1){-webkit-animation:loadingC .6s .1s linear infinite;animation:loadingC .6s .1s linear infinite;}
.hamburger-menu[aria-expanded="true"] span:nth-child(2){-webkit-animation: loadingC .6s .2s linear infinite;animation: loadingC .6s .2s linear infinite;}
.hamburger-menu[aria-expanded="true"] span:nth-child(3){-webkit-animation: loadingC .6s .3s linear infinite;animation: loadingC .6s .3s linear infinite;}
@keyframes loadingC{
0%{transform: translate(0, 0);opacity: 1;}
33%{transform: translate(0, -4px);opacity: 0.5;}
66%{transform: translate(0, 4px);opacity: 0.75;}
100%{transform: translate(0, 0);opacity: 1;}
}


.sp-menu-wrapper{box-shadow: 0 191px 53px 0 rgba(0, 0, 0, 0.00), 0 122px 49px 0 rgba(0, 0, 0, 0.01), 0 69px 41px 0 rgba(0, 0, 0, 0.05), 0 31px 31px 0 rgba(0, 0, 0, 0.09), 0 8px 17px 0 rgba(0, 0, 0, 0.10);z-index:100;display:none;opacity:0;position:fixed;top:88px;right:0;padding:32px;border-radius: 16px;background: #fff;box-sizing:border-box;}
.sp-menu-wrapper.active{display: block;animation: fadeDown2 .5s forwards ease-out;}
@keyframes fadeDown2{
0%{opacity: 0;transform: translateX(0px) translateY(-40px);}
100%{opacity: 1;transform: translateX(-24px) translateY(0);}
}
.sp-menu-wrapper.fade-out{animation: fadeUp2 0.5s forwards ease-in;display: block;}
@keyframes fadeUp2{
0%{opacity:1;transform: translateX(-24px) translateY(0);}
100%{opacity:0;transform: translateX(0px) translateY(-40px);}
}
.sp-menu-wrapper .list-sp-menu{gap:24px;padding-left:6px;}
.sp-menu-wrapper .list-sp-menu li{position:relative;font-size: 16px;font-weight:700;line-height:1.2;letter-spacing:0;}
.sp-menu-wrapper .list-sp-menu li::before{content:"";width:8px;height:2px;position:absolute;top:10px;left:-12px;background:#FF5F00;}
.sp-menu-wrapper .list-sp-menu li a{transition: 0.3s ease-out all;padding:0 4px;color: #251E1C;text-decoration:none;opacity:1;}
.sp-menu-wrapper .list-sp-menu li a:hover{opacity:0.6;}



/*追従CTA*/
.floating-cta{z-index:49;display:inline-flex;position:fixed;bottom:24px;right:24px;}
.floating-cta a{text-decoration:none;display:inline-flex;padding:8px 12px 8px 8px;box-sizing:content-box;gap:12px;justify-content:center;border-radius:8px;border: 1px solid rgba(255, 255, 255, 0.01);background: rgba(0, 0, 0, 0.60);box-shadow: 0 100px 80px 0 rgba(0, 0, 0, 0.07), 0 41.778px 33.422px 0 rgba(0, 0, 0, 0.05), 0 22.336px 17.869px 0 rgba(0, 0, 0, 0.04), 0 12.522px 10.017px 0 rgba(0, 0, 0, 0.04), 0 6.65px 5.32px 0 rgba(0, 0, 0, 0.03), 0 2.767px 2.214px 0 rgba(0, 0, 0, 0.02);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);transition: 0.3s ease-out all;}
.floating-cta a figure{width:112px;height:63px;overflow:hidden;border-radius:4px;}
.floating-cta a figure img{object-fit:cover;}
.floating-cta a .text{gap:8px;justify-content: center;}
.floating-cta a .text p{margin:0;color: #FFF;font-size: 18px;font-weight:600;line-height:1;letter-spacing:0;}
.floating-cta a .text h5{margin:0;gap:6px;line-height:1;}
.floating-cta a .text h5 span{color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight:600;}
.floating-cta a .text h5 figure{width:14px;height:14px;}
.floating-cta a .text h5 figure img{object-fit:contain;}
.floating-cta a:hover{transform: scale(0.95);}



/*下層*/
body:has(#illust_crsv){background:#F7F7F8;position:relative;}
body:has(#illust_crsv)::before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:978px;margin:auto;pointer-events:none;background:linear-gradient(180deg, #FF5F00 22.6%, rgba(255, 255, 255, 0.00) 90.38%);}
.wrapper{background:rgba(241, 242, 244, 0.60);}
#illust_crsv{position:absolute;top:0;right:0;width:674px;z-index:3;transition: all ease-out .3s;}
#illust_crsv img{transition: all ease-out .3s;}
body:has(#illust_crsv) .container{z-index:10;position:relative;}
#title-page{width:80%;max-width:1440px;margin:auto;padding:178px 0 64px;}
#title-page > .flex > .en{font-size:32px;font-weight:500;line-height:1.3;letter-spacing:0.03em;color:#fff; background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;}
#title-page strong{color:#fff;font-size:48px;font-weight:700;line-height:1.3;letter-spacing:0.09em;}
#title-page .wrap{max-width:940px;margin:auto;}
#title-page .wrap h1{width:calc(100% - 290px);color: #251E1C;font-size: 32px;font-weight: 700;line-height:1.5;letter-spacing:0;}
#title-page .btn-parent{transition: all ease-out .3s;margin-bottom:64px;display:flex;text-decoration:none;gap:8px;align-items:center;}
#title-page .btn-parent figure{max-width:12px;}
#title-page .btn-parent span{color:#251E1C;font-size: 14px;font-weight: 700;line-height:1.3;letter-spacing:0.06em;}
#title-page .btn-parent:hover{opacity:.6;}
/*パンくず*/
#breadcrumbs{width:90%;max-width:1100px;margin:0 auto 16px;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:0.06em;}
#breadcrumbs span{color:#737B8C;}
#breadcrumbs span a{color:#737B8C;text-decoration:none;transition: all ease-out .3s;position: relative;}
#breadcrumbs span a.current-item span{color:#251E1C;}
#breadcrumbs span a::before{background:rgba(255, 95, 0, .8);content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: -2px;transform-origin: right top;transform: scale(0, 1);transition: transform .3s;}
#breadcrumbs span a:hover::before{transform-origin:left top;transform: scale(1, 1);}


/*導入事例*/
/*検索UI*/
search#usecase-search{width:90%;max-width:1000px;margin:0 auto 56px;padding:32px 56px;border-radius:16px;border: 1px solid var(--3, rgba(255, 255, 255, 0.80));background:rgba(255, 255, 255, 0.30);backdrop-filter: blur(20px);}
search#usecase-search h2{position:relative;padding-left:20px;font-size:14px;line-height:1;margin:0;white-space:nowrap;}
search#usecase-search h2::before{content:"";display:block;width:4px;height:4px;background:#FF5F00;border-radius:999px;outline:4px solid rgba(244, 158, 0, .3);position:absolute;top:0;left:0;bottom:0;margin:auto;}
search#usecase-search h2.en{}
search#usecase-search h2.ja{margin:0 0 24px;position:relative;top:5px;}
search#usecase-search > .flex{justify-content:space-between;gap:40px;align-items:stretch;}
search#usecase-search > .flex > .left{padding-right:40px;border-right:1px solid #fff;gap:24px;}
search#usecase-search > .flex > .left > .cat.mini.flex{gap:32px;align-items:center;padding-bottom:24px;border-bottom:1px solid #fff;}
search#usecase-search > .flex > .right{flex-shrink:2;}
search#usecase-search > .flex .cat.mini ul{margin:0;padding:0;gap:8px;}
search#usecase-search > .flex .cat.mini ul li{}
search#usecase-search > .flex .cat.mini ul li a{white-space:nowrap;display:block;text-decoration:none;font-size:11px;line-height:1;padding:8px 10px 8px 20px;border-radius:4px;background:#fff;color:#525766;font-weight:700;letter-spacing:0;position:relative;transition:0.2s ease-out all;}
search#usecase-search > .flex .cat.mini ul li a:hover{opacity:.6;}
search#usecase-search > .flex .cat.mini ul li a::before{content:"";width:6px;height:6px;position:absolute;top:0;bottom:0;left:9px;background:#FF5F00;border-radius:999px;margin:auto;}
search#usecase-search > .flex > .left > .cat.mini.flex ul li a{font-size:13px;}
search#usecase-search > .flex > .left > .cat.mini.flex ul li:nth-of-type(1){order:2;}
search#usecase-search > .flex > .left > .cat.mini.flex ul li:nth-of-type(1) a::before{background:#00A1E0;}
search#usecase-search > .flex .cat.large{display:flex;flex-direction:column;align-items:flex-start;gap:0;}
search#usecase-search > .flex .cat.large ul{margin:0;padding:0;gap:10px 16px;flex-wrap:wrap;justify-content:space-between;flex-shrink:2;}
search#usecase-search > .flex .cat.large ul li{width:calc((100% - 16px) / 2);}
search#usecase-search > .flex .cat.large ul li a{white-space:nowrap;text-align:center;width:100%;display:block;text-decoration:none;font-size:11px;line-height:1;padding:13px 10px;border-radius:4px;background:#fff;color:#525766;font-weight:700;letter-spacing:0;position:relative;transition:0.2s ease-out all;position:relative;}
search#usecase-search > .flex .cat.large ul li a:hover{opacity:.6;}
/* フィルタボタンのON状態 */
search#usecase-search > .flex .cat.mini ul li a.active{background-color:#FF5F00;color:#fff;}
search#usecase-search > .flex .cat.mini ul li a.active:hover{opacity:1;}
search#usecase-search > .flex .cat.mini ul li a.active::before{background:#fff;box-shadow:0 0 8px 2px rgba(255, 80, 0, 1);}
search#usecase-search > .flex > .left > .cat.mini.flex ul li:nth-of-type(1) a.active{background:#00A1E0;}
search#usecase-search > .flex > .left > .cat.mini.flex ul li:nth-of-type(1) a.active::before{background:#fff;box-shadow:0 0 8px 2px rgba(0, 80, 255, 1);}
search#usecase-search > .flex .cat.large ul li a.active::after{content:"";width:24px;height:2px;position:absolute;bottom:0;left:0;right:0;margin:auto;background:#fff;border-radius:999px;box-shadow:0 0 8px 2px rgba(255, 80, 0, .4);}
search#usecase-search > .flex .cat.large ul li a.active{background-color:#FF5F00;color:#fff;}
search#usecase-search > .flex .cat.large ul li a.active:hover{opacity:1;}
/*導入事例カード*/
#usecase-archive ol{width:90%;max-width:1100px;margin:0 auto 80px;gap:40px 56px;justify-content:flex-start;}
#usecase-archive ol li.card{display:block;width:calc((100% - 112px) / 3);border-radius:8px;background:#FFF;box-shadow: 0 20px 6px 0 rgba(0, 0, 0, 0.00), 0 13px 5px 0 rgba(0, 0, 0, 0.01), 0 7px 4px 0 rgba(0, 0, 0, 0.02), 0 3px 3px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.04);overflow:hidden;transition: 0.3s ease-out all;}
#usecase-archive ol li.card:hover{transform:scale(0.98);}
#usecase-archive ol li.card .text h3 span{transition-duration:.3s;transition-property:color,background;transition-timing-function:cubic-bezier(.4, 0, .2, 1);background-repeat:no-repeat;background-position: 0 100%;background-image: linear-gradient(to bottom, #fff,#FF5F00);background-size: 0 1px;}
#usecase-archive ol li.card:hover .text h3 span{background-size:100% 1.5px;color:#FF5F00;}
#usecase-archive ol li.card.term-salesforce .text h3 span{background-image: linear-gradient(to bottom, #fff,#00a1e0);}
#usecase-archive ol li.card.term-salesforce:hover .text h3 span{color:#00a1e0;}
#usecase-archive ol li.card a{display:flex;flex-direction:column;text-decoration:none;}
#usecase-archive ol li.card a figure{position:relative;}
#usecase-archive ol li.card a figure figcaption{position:absolute;top:8px;left:8px;color:#fff;background:#FF5F00;font-size:12px;line-height:1;letter-spacing:0;padding:5px 12px;border-radius:999px;}
#usecase-archive ol li.card.term-salesforce a figure figcaption{background:#00A1E0;}
#usecase-archive ol li.card a .text{padding:24px 28px 16px;position:relative;}
#usecase-archive ol li.card a .text figure.logo{padding:12px 0 0;border-top:1px solid #e2e5eb;}
#usecase-archive ol li.card a .text p.company-name{margin:0 0 16px;color:#737B8C;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:0.06em;}
#usecase-archive ol li.card a .text h3{margin:0 0 24px;color:#251E1C;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0.03em;}
#usecase-archive ol li.card a .text ul.list-meta{gap:4px;margin:0 0 16px;}
#usecase-archive ol li.card a .text ul.list-meta li{font-size:12px;line-height:1;color:#737B8C;background:#F2F3F5;padding:6px 8px;letter-spacing:0;}
/*カード絞り込み*/
/* カードの基本状態 */
#usecase-archive .card{opacity:1;transform: translateY(0);transition: opacity 0.25s ease, transform 0.25s ease;}
/* アニメーション中に使うクラス（透明＋少し下げる） */
#usecase-archive .card.is-hiding{opacity: 0;transform: translateY(10px);}
/* 完全に非表示にする状態（レイアウトからも除外） */
#usecase-archive .card.is-hidden{display: none;opacity: 0;transform: translateY(10px);}

/*ニュースアーカイブ*/
#news-archive{width: calc(100% - 160px);max-width: 960px;margin: 0 auto;padding:0;}
#news-archive ol{margin:0 auto 80px;gap:16px;}
#news-archive ol li.card{}
#news-archive ol li.card a{position:relative;display:block;padding:32px;text-decoration:none;border-radius: 8px;border: 1px solid var(--3, rgba(255, 255, 255, 0.80));background: rgba(255, 255, 255, 0.30);backdrop-filter: blur(20px);transition: 0.3s ease-out all;box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.00), 0 0px 0px 0 rgba(0, 0, 0, 0.00), 0px 0px 0 rgba(0, 0, 0, 0.00), 0 0px 0px 0 rgba(0, 0, 0, 0.00), 0 0px 0px 0 rgba(0, 0, 0, 0.00);}
#news-archive ol li.card a .article-wrap{justify-content:space-between;gap:64px;align-items:flex-start;}
#news-archive ol li.card a .article-wrap .text{flex-shrink:1;width: calc(100% - 64px - 337px);padding-bottom:32px;}
#news-archive ol li.card a .article-wrap .text p{color:#251E1C;font-size: 14px;font-weight: 500;line-height:1;letter-spacing:0.06em;margin:0 0 24px;}
#news-archive ol li.card a .article-wrap .text h3{color: #251E1C;font-size: 18px;font-weight: 700;line-height:1.6;text-wrap: wrap;word-break: break-all;text-align: justify;}
#news-archive ol li.card a .article-wrap .text h3 span{transition-duration:.3s;transition-property:color,background;transition-timing-function:cubic-bezier(.4, 0, .2, 1);background-repeat:no-repeat;background-position: 0 100%;background-image: linear-gradient(to bottom, #fff,#FF5F00);background-size: 0 1px;}
#news-archive ol li.card a .article-wrap figure.news-thumb{width: 337px;border-radius: 4px;overflow: hidden;border:1px solid rgba(0,0,0,.1);}
#news-archive ol li.card a .article-wrap figure.news-thumb img{transition: 0.6s ease-out all;}
#news-archive ol li.card a figure.arrow{position:absolute;bottom:32px;left:32px;max-width:120px;padding:6px 16px;background:#FF5F00;border-radius:999px;overflow:hidden;}
#news-archive ol li.card a figure.arrow img{display:block;width:100%;height:auto;transform:translateX(0);}
#news-archive ol li.card a:hover figure.arrow img{animation: arrow-loop 0.5s linear infinite;}
@keyframes arrow-loop{
0%{transform:translateX(0);}
50%{transform:translateX(200%);}
51%{transform:translateX(-200%);}
100%{transform:translateX(0);}
}
#news-archive ol li.card a:hover{background: rgba(255, 255, 255, 0.7);box-shadow: 0 20px 6px 0 rgba(0, 0, 0, 0.00), 0 13px 5px 0 rgba(0, 0, 0, 0.01), 0 7px 4px 0 rgba(0, 0, 0, 0.02), 0 3px 3px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.04);}
#news-archive ol li.card a:hover .article-wrap .text h3 span{background-size:100% 1.5px;color:#FF5F00;}
#news-archive ol li.card a:hover .article-wrap figure.news-thumb img{transform: scale(1.05);}
/*ページャー*/
.pager{margin:48px 0 80px;display: flex; justify-content: space-around; align-items: center;}
.pager div.nav-links{ display: flex;max-width:684px;margin:0;padding:12px;justify-content:center; align-items: center; gap:16px; }
.nav-links a,.nav-links span{text-decoration:none;display:inline-block; box-sizing: border-box; padding:16px 24px; background:#fff;border-radius:8px; font-size: 16px; line-height: 1.6; text-align: center; color:#000; -webkit-transition: all .3s; transition: all .3s; box-shadow: 0 20px 6px 0 rgba(0, 0, 0, 0.00), 0 13px 5px 0 rgba(0, 0, 0, 0.01), 0 7px 4px 0 rgba(0, 0, 0, 0.02), 0 3px 3px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.04);color: #737B8C;font-weight: 700;letter-spacing:0.03em;}
.nav-links span.current{ background:#251E1C; color:#fff;}
.nav-links a.previouspostslink,.nav-links a.nextpostslink{text-decoration:none;display:inline-block; box-sizing: border-box;border-radius:8px; font-size: 16px; line-height: 1.6; text-align: center; color:#000; -webkit-transition: all .3s; transition: all .3s; box-shadow: 0 20px 6px 0 rgba(0, 0, 0, 0.00), 0 13px 5px 0 rgba(0, 0, 0, 0.01), 0 7px 4px 0 rgba(0, 0, 0, 0.02), 0 3px 3px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.04);color: #737B8C;font-weight: 700;letter-spacing:0.03em;}
.nav-links a:hover{opacity:.6;}
.nav-links a.nextpostslink{background:url(img/arrow-white.svg) left 16px center/12px 8px no-repeat,linear-gradient(97deg, #FF5F00 31.95%, #CF277B 100.16%) center/cover no-repeat;padding: 16px 24px 16px 40px;color:#fff;}
.nav-links a.nextpostslink:hover{opacity:.6;}

/*single-crsv_casestudy*/
.case-badges_meta{gap:8px;margin-top:32px;flex-wrap:wrap;}
.case-badges_meta a{text-decoration:none;transition: 0.2s ease-out all;}
.case-badges_meta a:hover{opacity:.6;}
.case-badges_meta .badge-meta--service{color: #fff;background: #FF5F00;font-size: 13px;line-height: 1;letter-spacing: 0;padding:6.5px 16px;border-radius: 999px;}
.case-badges_meta .badge-meta--service.salesforce{background:#00A1E0;}
.case-badges_meta .badge-meta--meta{white-space: nowrap;display: block;text-decoration: none;font-size: 11px;line-height: 1;padding: 8px 10px 8px 20px;border-radius: 4px;background: #fff;color: #525766;font-weight: 700;letter-spacing: 0;position: relative;}
.case-badges_meta .badge-meta--meta::before{content: "";width: 6px;height: 6px;position: absolute;top: 0;bottom: 0;left: 9px;background: #FF5F00;border-radius: 999px;margin: auto;}
main.bg-white{margin:0 40px 40px;background: #fff;border-radius: 24px;padding: 64px;}
main.bg-white article{max-width:800px;margin:auto;}
.single article{}
.single article h2{margin:0 0 48px;color:#FF5F00;font-size:40px;font-weight:700;line-height:1.3;letter-spacing:0.03em;}
.single article h3{margin:0 0 40px;padding:0 0 12px;border-bottom:1px solid #d5d7dd;color:#FF5F00;font-size:24px;font-weight:700;line-height:1.6;letter-spacing:0.03em;}
.single article h4{margin:0 0 16px;padding:0 0 0 12px;border-left:8px solid #d5d7dd;color:#FF5F00;font-size:18px;font-weight:700;line-height:1.57;letter-spacing:0.03em;}
.single article h5{margin:0 0 4px;padding:0;color:#251E1C;font-size:16px;font-weight:400;line-height:1.8;letter-spacing:0.03em;}
.single article p{margin:0 0 32px;color:#251E1C;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:0.03em;}
.single article p + h2{padding:48px 0 0;}
.single article p + h3{padding:40px 0 12px;}
.single article p + h4{margin:40px 0 16px;}
.single article p + h5{margin:24px 0 4px;} 
.single article hr{margin:80px 0;border-top:1px solid #000;}
.single article figure{margin:40px 0 40px;}
.single article figure img{border-radius:8px;}
.single article figure figcaption{color:#525766;font-size:14px;line-height:1.3;}
.single article figure + h2{padding:48px 0 0;}
.single article figure + h3{padding:40px 0 12px;}
.single article figure + h4{margin:40px 0 16px;}
.single article ul,article ol{color:#202124;margin:0 0 48px;}
.single article ul li,article ol li{font-size:16px;font-weight:400;line-height:1.6;margin:0 0 16px;position:relative;}
.single article ol li::before{counter-increment:number;content:counter(number)'. ';}
.single article ul li:last-of-type,article ol li:last-of-type{margin:0;}
.single article ul ul{margin:16px 0 16px 32px;}
.single article ul ul li::before{content:"";display:block;width:8px;height:1px;position:absolute;top:12px;left:-16px;background:rgba(0,0,0,.3);}
.single article ul + h2{padding:48px 0 0;}
.single article ul + h3{padding:40px 0 12px;}
.single article ul + h4{margin:40px 0 16px;}
.single article a{color:#FF5000;text-decoration:underline;}
.single article table.event-table{padding:0;border:0;width:100%;}
.single article table.event-table tbody tr{display:grid;grid-template-columns:160px 1fr;border-top:1px solid #d9d9d9;}
.single article table.event-table tbody tr th{padding:28px;text-align:left;background:#f4f4f4;color:#202124;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.03em;}
.single article table.event-table tbody tr td{padding:28px;text-align:left;color:#202124;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.03em;}
.single article table.event-table tbody tr:last-of-type{border-bottom:1px solid #d9d9d9;}
.case-points{background:#F7F8FA;padding:40px;margin:0 0 40px;}
.case-points .case-points__title{display:none;}
.case-points .case-points__container{display:flex;flex-direction:column;gap:10px;}
.case-points .case-points__container .case-points__section{background: #FFF;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);display:flex;flex-direction:row;align-items:center;align-self:stretch;gap:40px;padding:32px 48px 32px 40px;}
.case-points .case-points__container .case-points__section h3.case-points__label{color: #251E1C;text-align: center;font-size: 18px;font-weight: 700;line-height:1.6;letter-spacing:0.09em;border:0;margin:0;padding:0 0 4px;flex-grow: 2;}
.case-points .case-points__container .case-points__section h3.case-points__label span{position:relative;}
.case-points .case-points__container .case-points__section h3.case-points__label span::after{content:"";width:100%;height:2px;background:#FF5F00;position:absolute;bottom:-4px;left:-1px;right:0;margin:auto;}
.case-points .case-points__container .case-points__section ul.case-points__list{width:calc(100% - 120px - 10px);margin:0;display:flex;flex-direction:column;gap:0;}
.case-points .case-points__container .case-points__section ul.case-points__list li.case-points__item{margin:0;border-top:1px solid #E2E5EB;padding:8px 0 8px 18px;color: #251E1C;font-size: 14px;font-weight: 400;
line-height: 1.4;letter-spacing:0.03em;position:relative;}
.case-points .case-points__container .case-points__section ul.case-points__list li.case-points__item::before{content:"";display: block;width: 4px;height: 4px;background: #FF5F00;border-radius: 999px;outline: 4px solid rgba(244, 158, 0, .3);position: absolute;top:16px;left:4px;
margin: auto;}
.case-points .case-points__container .case-points__section ul.case-points__list li.case-points__item:first-child{border:0;padding:0 0 8px 18px;}
.case-points .case-points__container .case-points__section ul.case-points__list li.case-points__item:first-child::before{top:8px;}
.case-points .case-points__container .case-points__section ul.case-points__list li.case-points__item:last-child{padding:8px 0 0 18px;}
.case-company{margin:0 -56px 64px;}
p + .case-company{margin:140px -56px 64px;}
.case-company .case-company__inner{display: flex;padding: 32px 56px;justify-content: center;align-items:stretch;gap:0;flex: 1 0 0;align-self: stretch;border-radius: 16px;border: 1px solid var(--3, rgba(255, 255, 255, 0.80));
background: rgba(213, 215, 221, 0.30);backdrop-filter: blur(30px);}
.case-company .case-company__inner .left{width:200px;display:flex;align-items:flex-start;}
.case-company .case-company__inner .left .case-company__logo{border-radius:4px;overflow:hidden;}
.case-company .case-company__inner .case-company__name{color: #525766;font-size: 20px;font-weight: 700;line-height: 1.3;margin:0 0 8px;}
.case-company .case-company__inner .right{flex-shrink: 2;width:calc(100% - 200px - 41px);padding-left:40px;margin-left:40px;border-left:1px solid #E2E5EB;display:flex;align-items:center;}
.case-company .case-company__inner .right .case-company__meta{gap:8px;}
.case-company .case-company__inner .right .case-company__meta dl.case-company__meta-item{display:flex;}
.case-company .case-company__inner .right .case-company__meta dl.case-company__meta-item dt{color: #251E1C;font-size: 12px;font-weight:400;line-height:1.5;width:80px;}
.case-company .case-company__inner .right .case-company__meta dl.case-company__meta-item dd{color: #525766;font-size: 12px;font-weight:400;line-height: 1.6;flex-shrink: 2;width:calc(100% - 80px);}
.case-company .case-company__inner .right .case-company__meta dl.case-company__meta-item dd a{letter-spacing:0;transition: 0.2s ease-out all;color: #525766;}
.case-company .case-company__inner .right .case-company__meta dl.case-company__meta-item dd a:hover{opacity:.6;}

.single article figure.post-thumbnail{margin:0 0 40px;}
.single article figure.post-thumbnail + .case-company{position:relative;margin-top:-64px;}


.single p.wright-date{font-size:14px;line-height:1.3;letter-spacing:0.03em;color:#737b8c;margin:160px 0 0;}








/*レスポンシブ*/
@media screen and (max-width:1410px) {
.logos{width:calc(100% - 32px);margin:32px auto;}
.list-news article{width:calc(100% - 80px);margin:0 auto;}
#about{padding:0 0 80px;}
#about .cards{padding:0;width:calc(100% - 80px);}
#functions{padding:80px 4vw;}
#functions .function-main{margin:32px 0 40px;}
#functions .function-main ul{width:100%;}
#functions .function-main ul li .text{padding:48px 24px 32px 24px;}
#functions .function-main ul li .text h3::before{top:-24px;left:0;}
#functions ul.function-sub li.kanban{width: calc((100% - 16px) / 3);padding:24px;}
#functions ul.function-sub li.kanban p{font-size:16px;}
#how .wrap{width: calc(100% - 32px);padding:0 4vw;}
.how-tabs-outer{margin:0 0 32px;}
.how-tabs{border-radius:8px;}
.how-tab{font-size:14px;padding:10px 16px 12px;border-radius:4px;}
.how p.align-right{font-size:14px;letter-spacing:0;}
.how-slider{padding-left:calc(4vw + 16px);width:100%!important;}
.how-slider::after{width:160px;}
.swiper-slide .card .caption{padding:14px 20px;}
.swiper-slide .card .caption h4{font-size:16px;}
.swiper-slide .card .caption p{font-size:14px;letter-spacing:0;}
#usecase{padding:0 0 80px;}
#usecase .wrap{padding:0 4vw;}
#event .wrap,#news .wrap{padding:80px 4vw;}
#event .wrap .list-news,#news .wrap .list-news{margin:32px 0;}

}

@media screen and (max-width:1170px) {
#gnav {width: calc(100% - 32px);max-width:none;padding: 8px 8px 8px 32px;}
#gnav ul.list-link{gap:16px;}
.how p.align-right{top:auto;bottom:14px;right:4vw;z-index:11;}
}

@media screen and (max-width:1129px) {
.list-usecase .card:nth-of-type(4){display:block;}
}

@media screen and (max-width:1040px) {
.navbar{top:16px;}
#gnav{justify-content:flex-end;}
#gnav ul.list-link{display:none;}
#gnav .list-cta{display:none;}
.hamburger-menu{display:flex!important;}
#usecase-archive ol{gap:4vw;}
#usecase-archive ol li.card{width: calc((100% - 8vw) / 3);}
}

@media screen and (max-width:1020px) {
search#usecase-search > .flex{flex-direction:column;gap:16px;}
search#usecase-search > .flex .cat.large{padding-bottom:16px;border-bottom: 1px solid #fff;}
search#usecase-search > .flex > .left{padding-right:0;border-right:0;gap:16px;}
search#usecase-search > .flex > .left > .cat.mini.flex{padding-bottom:16px;}
search#usecase-search > .flex > .right .cat.mini{display: flex;align-items: flex-start;gap: 32px;}
#usecase-archive ol{gap:4vw;}
#usecase-archive ol li.card{width: calc((100% - 4vw) / 2);}
#usecase #usecase-archive ol li.card:nth-of-type(4){display:block;}
#illust_crsv{overflow:hidden;}
#illust_crsv img{position:relative;right:-4vw;}
}

@media screen and (max-width:980px) {
#gnav{padding:8px;}
#header{padding:0;background-size: auto 82vw;}
#header .wrap{padding:550px 4vw 56px;}
#header .wrap h1{font-size:5.2vw;margin-bottom:16px;}
#header .wrap h2{font-size:3.2vw;margin-bottom:16px;}
#header .wrap p{font-size:14px;}
#header .wrap2 h2.underline{font-size:3.2vw;padding-bottom:16px;}
.logos{padding:16px 0;margin:16px auto 24px;width:100%;border-radius:0;}
.logos .row+.row{margin-top:8px;}
.logos .slider figure{width:120px;}
.logos::before, .logos::after{width:56px;}
.list-news{gap:8px;}
.list-news article{width:calc(100% - 8vw);}
#event .list-news article,#news .list-news article{width:100%;}
.list-news article a{padding:16px 24px 16px 24px;flex-wrap:wrap;gap:8px;background:#fff;}
.list-news article a:hover{padding:16px 16px 16px 24px;background:#fff;}
.list-news article a .text{gap:4px;width:calc(100% - 130px - 8px);}
#event .list-news article a{gap:16px;}
#event .list-news article a .text{width:100%;gap:8px;}
#event .list-news article a .text h4{line-height:1.4;}
#event .list-news article a figure{max-width:none;}
.title-content{}
#how{padding:80px 0;}
.how{padding:32px 0 0;}
#event .wrap,#news .wrap,#how .wrap{width:100%;}
.page-template-default #usecase .wrap{width:100%;}
.how-tabs-outer{position:relative;overflow:hidden;margin:0 0 24px;border-radius:8px;background:#E2E5EB}
.how-tabs{position:relative;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:8px 48px 8px 8px;background:transparent;border-radius:0}
.how-tab{flex:0 0 auto;white-space:nowrap;padding:10px 14px 12px}
.how-tabs-outer::after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;pointer-events:none;background:linear-gradient(90deg,rgba(226,229,235,0) 0%,#E2E5EB 70%)}
.how-tabs::-webkit-scrollbar{display:none}
.how-slider{padding-left:4vw;}
.swiper-slide{width:80%!important;aspect-ratio:1 / 1.2;}
.swiper-slide .card{width:100%;height:100%;}
.swiper-slide .card img{}
.how-slider::after{width:80px;}
.swiper-slide .card .caption{width:calc(100% - 48px);}
.swiper-slide .card .caption p{font-size:14px;}
.swiper-slide figure{border-radius:4px;padding:4px;}
.form1-1-1{width:65%;top:5%;left:5%;}
.form1-1-2{width:55%;top:35%;right:5%;}
.form1-2-1{width:30%;top:12%;left:4%;}
.form1-2-2{width:30%;top:12%;left:0;right:0;margin:auto;}
.form1-2-3{width:30%;top:12%;right:4%;}
.form1-3-1{width:60%;top:5%;left:0;right:0;margin:auto;}
.form1-3-2{width:40%;top:45%;right:auto;left:10%;}
.form1-3-3{width:40%;top:55%;right:0;left:0;margin:auto;}
.form1-3-4{width:40%;top:65%;right:10%;}
.form1-4-1{width:22%;top:5%;left:9%;}
.form1-4-2{width:22%;top:17%;left:30%;}
.form1-4-3{width:22%;top:28%;right:30%;}
.form1-4-4{width:22%;top:40%;right:9%;}
.form1-5-1{width:30%;top:12%;left:4%;}
.form1-5-2{width:30%;top:12%;left:0;right:0;margin:auto;}
.form1-5-3{width:30%;top:12%;right:4%;}
.form2-1-1{width:55%;top:10%;left:5%;}
.form2-1-2{width:24%;top:5%;left:50%;}
.form2-1-3{width:22%;top:35%;left:42%;}
.form2-1-4{width:30%;top:23%;right:5%;}
.form2-2-1{width:30%;top:12%;left:4%;}
.form2-2-2{width:30%;top:12%;left:0;right:0;margin:auto;}
.form2-2-3{width:30%;top:12%;right:4%;}
.form2-3-1{width:23%;top:40%;left:5%;}
.form2-3-2{width:23%;top:28%;left:25%;}
.form2-3-3{width:23%;top:17%;left:45%;}
.form2-3-4{width:23%;top:5%;left:65%;}
.form2-3-5{width:23%;top:40%;left:auto;right:5%;margin:auto;}
.form2-4-1{width:43%;top:10%;left:5%;}
.form2-4-2{width:43%;top:33%;left:5%;right:auto;margin:0;}
.form2-4-3{width:45%;top:25%;right:5%;}
.form3-1-1{width:30%;top:5%;left:10%;}
.form3-1-2{width:30%;top:20%;right:0;left:0;margin:auto;}
.form3-1-3{width:30%;top:35%;right:10%;}
.form3-2-1{width:30%;top:5%;left:10%;}
.form3-2-2{width:30%;top:20%;right:0;left:0;margin:auto;}
.form3-2-3{width:30%;top:35%;right:10%;}
.form3-3-1{width:43%;top:10%;left:5%;}
.form3-3-2{width:43%;top:36%;left:5%;right:auto;margin:0;}
.form3-3-3{width:45%;top:25%;right:5%;}
.form4-1-1{width:43%;top:10%;left:5%;}
.form4-1-2{width:43%;top:10%;left:auto;right:5%;margin:0;}
.form4-1-3{width:65%;top:37%;right:0;left:0;margin:auto;}
.form4-2-1{width:65%;top:5%;left:5%;}
.form4-2-2{width:55%;top:35%;right:5%;}
.form4-3-1{width:65%;top:5%;left:5%;}
.form4-3-2{width:55%;top:35%;right:5%;}

.page-template-default #usecase #usecase-archive{margin:32px 0 0;}
.page-template-default #usecase #usecase-archive ol{width:100%;margin:0 0 32px;}
.floating-cta{bottom:8px;right:8px;}
footer{padding:80px 0 120px;}
footer .wrap{padding:0 4vw;}
footer .wrap > .flex{flex-wrap:wrap;}
footer .wrap .inline-flex:nth-of-type(1){width:100%;}
#illust_crsv{width:70vw;}
#title-page{padding:20vw 0 8vw;}
#title-page > .flex > .en{font-size:24px;}
#title-page > .flex > strong{font-size:32px;}
#title-page{width:calc(100% - 8vw);}
.archive #title-page{width:80%;}
#title-page .wrap h1{width: calc(100% - 29vw);}
search#usecase-search{padding:24px;width:calc(100% - 8vw);}
main.bg-white{margin: 0 auto 40px;width:calc(100% - 32px);padding:40px 4vw 40px;border-radius:16px;}
#usecase-archive ol{width:calc(100% - 8vw);gap:3.2vw;}
.case-company{margin: 0 -4vw 64px;}
.case-company .case-company__inner{padding: 3.2vw 4vw;}
.case-company .case-company__inner .right{width: calc(100% - 200px - 3.2vw + 1px);padding-left: 3.2vw;margin-left: 3.2vw;}
}

@media screen and (max-width:860px) {
#header{padding:0;background-size: auto 700px;}
#functions ul.function-sub li.kanban{width:calc((100% - 8px) / 2);padding:3.2vw;}
#functions ul.function-sub li.kanban p{font-size:14px;}
#illust_crsv img{position:relative;right:-8vw;}
#title-page .btn-parent{margin-bottom:40px;}
#title-page .wrap h1{width: calc(100% - 22vw);}
.how .swiper-pagination{display:none;}
}

@media screen and (max-width:740px) {
#news-archive ol li.card a .article-wrap{flex-direction:column;gap:24px;}
#news-archive ol li.card a .article-wrap figure.news-thumb{width:100%;}
#news-archive ol li.card a .article-wrap .text{width:100%;padding-bottom:0;}
#news-archive ol li.card a figure.arrow{top:29px;right:32px;left:auto;bottom:auto;}
.case-company .case-company__inner .left{width:160px;}
.case-company .case-company__inner .right{width:calc(100% - 160px - 3.2vw + 1px);}
}

@media screen and (max-width:600px) {
.title-content{width:100%;}
.title-content .title-circle{justify-content: center;}
.title-content .flex{flex-direction:column;gap:12px;transform: scale(0.8);}
.title-circle{width:100%;}
#about::after{aspect-ratio: 1 / 2.4;transform: translateY(15%);width:100vw;}
#about h2 + p{}
#about .cards{max-width:none;width:100%;padding:0 8vw;}
#about .cards ul{gap:8px;}
#about .cards ul li{width:100%;padding:24px;gap:24px;}
#about .cards ul li .flex{gap:8px;}
#about .cards ul li .flex h3{font-size:4vw;}
#about .cards ul li .flex p{font-size:14px;}
#functions .function-main ul{width:100%;flex-direction:column;}
#functions ul.function-sub li.kanban{width:100%;}
#functions ul.function-sub li.kanban p.spacing-small{letter-spacing:0.06em;}
.CTA{padding:80px 4vw;}
.btn-cta-large{max-width:none;width:100%;font-size:15px;background: #fff url(img/icon_dl_orange.svg) no-repeat center right 24px;background-size: 21px 17px;}
.btn-cta-large .en{font-size:19px;}
.btn-cta-large .en.name{font-size:16px;}
.border-hr{width:100%;height:1px;}
#usecase-archive ol{gap:4vw;}
#usecase-archive ol li.card{width:100%;}
search#usecase-search > .flex .cat.large ul{gap:8px;justify-content:flex-start;}
search#usecase-search > .flex .cat.large ul li{width:auto;}
search#usecase-search > .flex .cat.large ul li a{padding:8px 10px;letter-spacing:-0.03em;}
search#usecase-search h2.en{display:none;}
search#usecase-search > .flex > .left .cat.mini ul{width:100%;justify-content:space-between;}
search#usecase-search > .flex > .left .cat.mini ul li{width:calc((100% - 8px) / 2);}
search#usecase-search > .flex > .left .cat.mini ul li a{width:100%;text-align:center;}
search#usecase-search > .flex .cat.mini ul li a:hover,
search#usecase-search > .flex .cat.large ul li a:hover{opacity:1;}
search#usecase-search > .flex .cat.large,
search#usecase-search > .flex > .right .cat.mini{gap:0;flex-direction:column;}
#news-archive{width:90%;}
#title-page{padding:127px 0 28px;}
#title-page .wrap h1{font-size:24px;line-height:1.57;}
.case-badges_meta{margin-top:16px;}
.case-company{margin:0 -2vw 64px;}
.case-company .case-company__inner{border-radius:8px;}
.case-company .case-company__inner{flex-direction:column;gap:3.2vw;}
.case-company .case-company__inner .left{width:100%;}
.case-company .case-company__inner .left .case-company__logo{margin:auto;}
.case-company .case-company__inner .right{width:100%;padding:0;margin:0;border:0;}
.case-company .case-company__inner .case-company__name::before{content:none;}
p + .case-company{margin:80px 0 24px;}
.case-points{padding:4vw;}
.case-points .case-points__container .case-points__section{padding:3.2vw;flex-direction:column;gap:16px;}
.case-points .case-points__container .case-points__section ul.case-points__list{width:100%;}
.single article h2{font-size:24px;line-height:1.6;position:relative;}
.single article h2::before{content:"";width:16px;height:2px;background:#FF5F00;position:absolute;top:0;left:0;}
.single article h3{font-size:18px;line-height:1.6;margin:0 0 32px;}
.single article p{font-size:14px;margin:0 0 24px;}
.single p.wright-date{margin:40px 0 0;}
}

@media screen and (max-width:560px) {
#title-page .wrap h1{width:100%;}
}

@media screen and (max-width:440px) {
.how-tab{padding:8px 12px 9px;letter-spacing:0;}
.swiper-slide{width:80%!important;aspect-ratio:1 / 1.614;}
}








/* 統合スライダー用のスタイル調整 */
.how-slider-integrated {
    position: relative;
    padding-left: calc((100% - min(100% - 32px, 1400px)) / 2 + 170px);
    display: block !important; /* 以前のhidden属性による非表示を上書き */
}

@media screen and (max-width:1410px) {
    .how-slider-integrated {
        padding-left: calc(4vw + 16px);
        width: 100% !important;
    }
}
@media screen and (max-width:980px) {
    .how-slider-integrated {
        padding-left: 4vw;
    }
}