@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
body{background: #fff;margin: 0 auto;font-family: 'M PLUS Rounded 1c', sans-serif;font-size: 15px;}



header{background: #fff;margin: 0 auto;display: flex;padding: 3rem 1rem;align-items: center;justify-content: center;box-shadow: 0 2px 10px rgba(202, 202, 202, 0.1);border-bottom: solid 1px #eee;position: relative;}
header .ic{position: relative;}
header .ic::before{content: '';position: absolute;width: 50px;height: 50px;background-image: url(/assets/images/news/chat_pocket_cara-1.webp);background-size: contain;background-repeat: no-repeat;left: -35px;top: 48%;transform: translateX(-50%)translateY(-50%);border-radius: 50%;}

@media screen and (max-width:999px) {
nav .inner{margin-top: 60px;}
}
@media screen and (min-width:1000px) {
nav .inner{margin-top: 60px;}
}

nav {opacity: 0;visibility: hidden;display: block;position: fixed;top: 0;right: 0;bottom: 0;width: 80%;max-width: 600px;height: 100vh;background: #0078d4;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;transition: opacity 0.5s ease, visibility 0.5s;z-index: 3;}

.open nav {opacity: 1;visibility: visible;}
nav .inner {padding: 2rem;}
nav .inner ul {list-style: none;margin: 0;padding: 0;}
nav .inner ul li {position: relative;margin: 0;border-bottom: 1px solid #fff;}
nav .inner ul li a {display: block;color: #fff;font-size: 14px;padding: 1em;text-decoration: none;transition-duration: 0.2s;}
nav .inner ul li a:hover {background: #e4e4e4;color: #667273;}

@keyframes equalizer01 {
0% {width: 70%;}10% {width: 50%;}20% {width: 100%;}30% {width: 10%;}40% {width: 50%;}50% {width: 70%;}60% {width: 50%;}70% {width: 10%;}80% {width: 100%;}90% {width: 10%;}100% {width: 70%;}
}
@keyframes equalizer02 {
0% {width: 30%;}10% {width: 20%;}20% {width: 40%;}30% {width: 10%;}40% {width: 20%;}50% {width: 30%;}60% {width: 20%;}70% {width: 10%;}80% {width: 40%;}90% {width: 10%;}100% {width: 30%;}
}

.toggle_btn {display: block;position: fixed;top: 45px;left: 90%;width: 60px;height: 30px;transform: translate(0, 0) ;transition: all .5s;cursor: pointer;z-index: 3;transform: translateX(-50%) translateY(-50%);}
.toggle_btn span {display: block;position: absolute;left: 0;width: 30px;height: 2px;background-color:#0078d4;transition: all .5s;}
.toggle_btn span:nth-child(1) {top: 5px;width: 60px;animation: equalizer01 7000ms infinite;}
.toggle_btn span:nth-child(2) {top: 15px;width: 30px;animation: equalizer02 5000ms infinite;animation-delay: 0.33s;}
.toggle_btn span:nth-child(3) {top: 25px;width: 20px;animation: equalizer02 5000ms infinite;}
.open .toggle_btn span {background-color: #fff;width: 30px;}
.open .toggle_btn span:nth-child(1) {transform: translate(0, 10px) rotate(-45deg);animation: unset;}
.open .toggle_btn span:nth-child(2) {opacity: 0;animation: unset;}
.open .toggle_btn span:nth-child(3) {transform: translate(0, -10px) rotate(45deg);animation: unset;}
#mask {display: none;}
.open #mask {display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: .8;z-index: 2;cursor: pointer;transition: all .5s;}
footer{background: #0078d4;color: #fff;text-align: center;padding: 1rem;font-size: 13px;}
.fade-body{animation: fade-body 0.5s ease-in-out;}@keyframes fade-body {0% {opacity: 0;}100% {opacity: 1;}}
.container{overflow: hidden;}
.slick-dots li {list-style: none;}
.slick-dots li button {font-size: 0;width: 10px;height: 10px;border-radius: 50%;background: #eee;border: none;cursor: pointer;}
.slick-dots .slick-active button {background: #0078d4;}
.slick-dots li button::before,.slick-dots li button::after {display: none !important;}

.slider {padding: 0.5rem 0rem;margin-bottom: 10px;position: relative; background: #eff6fc; }
.slider div img {display: block;width: 100%;height: 200px;object-fit: cover;border-radius: 16px;}

.slick-dots {position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);display: flex ;justify-content: center;gap: 8px;}


.slider .slick-slide {
overflow: hidden;
border-radius: 20px;
}

.slider .slick-slide {
margin: 20px 20px !important;
padding: 0 !important;
}

.slider .slick-list {
margin: 0 !important;
padding: 0 !important;  
}
.slider .slick-center{transition: opacity 0.5s ease;}
.slider .slick-center:hover{opacity: 0.8;}



@media screen and (max-width:999px) {
.slider div p {display: none;}
header img{width: 180px;display: block;}
header{height: 70px;}
.top-box{margin-bottom: -40px;}
.top-box p{font-size: 14px;}
.top-box h1 {font-size: 21px;text-align: center;margin-bottom: 20px;margin-top: 40px;}
.top-box h1::before{position: absolute;content: attr(data-word);font-family: 'Lexend', sans-serif;color: rgba(0,120,212,0.9);font-size: 40px;top: -30px;left: 20%;transform: translateX(-50%) translateY(-50%);width: 100%;}
.top-box h1::after {width: 10%;height: 4px;background-color: #0078d4; content: '';border-radius: 30px;display: block;top: 140%;left: 50%;transform: translateX(-50%) translateY(-50%);position: absolute;}
.top-box p::before{width: 120px;height: 150px;left: 115%;z-index: 2;}
}
@media screen and (min-width:1000px) {
.slider {padding: 2rem 0rem;margin-bottom: 60px;position: relative; }

.slider div img {display: block;width: 100%;height: 300px;object-fit: cover;border-radius: 20px;}
.slider div p {display: none;}
.slick-dots {position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);display: flex ;justify-content: center;gap: 8px;}
header img{width: 200px;display: block;}
header{height: 90px;}
.top-box{max-width: 800px;margin: 0 auto;margin-top: 60px;margin-bottom: 0px;}
.top-box p{font-size: 16px;}
.top-box h1 {font-size: 30px;margin-top: 40px;text-align: center;margin-bottom: 40px;}
.top-box h1::before{position: absolute;content: attr(data-word);font-family: 'Lexend', sans-serif;color: rgba(0,120,212,0.9);font-size: 50px;top: -30px;left: 25%;transform: translateX(-50%) translateY(-50%);}
.top-box h1::after {width: 10%;height: 4px;background-color: #0078d4; content: '';border-radius: 30px;display: block;top: 130%;left: 50%;transform: translateX(-50%) translateY(-50%);position: absolute;}
.top-box p::before{width: 160px;height: 190px;left: 120%;}


}

.top-box{padding: 1rem;position: relative;}
.top-box p{position: relative;line-height: 2;padding: 1rem;box-shadow: 0px 0px 0px #fff;border-radius: 5px;}

.top-box h1 {color: #333333;position: relative;}
.top-box h1::first-letter{color: #0078d4;}

.news-box:hover{opacity: 0.8;box-shadow: 0px 0px 10px #dfdede;}

.news-box{color: #555;transition: 0.5s;}
.news-box a{text-decoration: none;color: #555;}
.news-box h3{color: #0078d4;overflow: hidden;}
.bg{position: relative;}
.news-box h3{display: -webkit-box;-webkit-line-clamp: 2; /* 最大2行まで表示 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

@media screen and (max-width:999px) {
.news-box{width: calc(100% / 2 - 10px);max-width: 264px;box-shadow: 0px 0px 6px #eee;border-radius: 10px;margin: 5px ;overflow: hidden;padding-bottom: 10px;}
.bg img{width: 100%;height: 100px;object-fit: cover;}
.bg span{position: absolute;top: 10px;left: 75%;display: block;font-size: 13px;width: 50%;transform: translateX(-50%) translateY(-50%);background: #fff;color: #555;text-align: center;}
.news-box h3{font-size: 14px;padding: 0.5rem 1rem 0rem 1rem;}
.news-box p{display: none;}
}
@media screen and (min-width:1000px) {
.news-box{width: calc(100% / 4 - 20px);height: 300px;max-width: 428px;box-shadow: 0px 0px 6px #eee;border-radius: 10px;margin: 5px ;overflow: hidden;padding-bottom: 10px;}
.bg img{width: 100%;height: 150px;object-fit: cover;}
.bg span{position: absolute;top: 10px;left: 75%;display: block;font-size: 13px;width: 45%;transform: translateX(-50%) translateY(-50%);background: #fff;color: #555;text-align: center;}
.news-box h3{font-size: 16px;padding: 1rem 1rem 0rem 1rem;}
.news-box p{padding: 0.5rem 1rem;line-height: 1.8;font-size: 13px;}
}

.news{display: flex;flex-wrap: wrap;width: 100%;max-width: 800px; margin: 0 auto;margin-bottom: 40px;margin-top: 40px;}
.news h2{border-bottom: 3px solid #f2f2f2;margin-bottom: 20px;font-size: 20px;}
.more{text-decoration: none;text-align: right;float: right;color: #0078d4;margin-right: 25px;padding-right: 20px;position: relative;font-size: 13px;}
.more::before{content: '→';position: absolute;left: 100%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.news h2 span {display: inline-block;position: relative;padding: 0 .4em .2em;color: #555555;}
.news h2 span::before {position: absolute;bottom: -3px;left: 0;width: 100%;height: 3px;background-color: #0078d4;content: '';}
.news h2 span:first-letter{color: #0078d4;}
.sidebar-ranking ol {padding: 1rem;}
.sidebar-ranking li {margin-bottom: 10px;list-style-type: decimal;display: flex;align-items: center;}
.sidebar-ranking img {border-radius: 5px;}
.sidebar-ranking a{text-decoration: none;}
.sidebar-ranking a:hover{opacity: 0.8;}




.sidebar-ranking h2,.sidebar-category h2,.sidebar-editor h2{display: block;position: relative;padding: 1rem 2.5rem;text-align: center;}

.sidebar-ranking h2::before,.sidebar-ranking h2::after,.sidebar-category h2::before,.sidebar-category h2::after,.sidebar-editor h2::before,.sidebar-editor h2::after {content: '';display: inline-block;position: absolute;top: 50%;width: 45px;height: 2px;}
.sidebar-ranking h2::before,.sidebar-category h2::before,.sidebar-editor h2::before {left: 20px;}
.sidebar-ranking h2::after,.sidebar-category h2::after,.sidebar-editor h2::after {right: 20px;}

.sidebar-category ul{display: flex;flex-wrap: wrap;align-items: center;}
.sidebar-category ul a{border-radius: 60px;padding: 1rem;font-size: 13px;display: block;text-align: center;text-decoration: none;margin: 5px;border: solid 1px #0078d4;}
.news-row {margin-bottom: 40px;}

@media screen and (max-width:999px) {
.news{width: 95%;}
.side{background: #eff6fc;}

.sidebar-ranking h2::before,.sidebar-ranking h2::after,.sidebar-category h2::before,.sidebar-category h2::after,.sidebar-editor h2::before,.sidebar-editor h2::after {background-color: #0078d4;}

.sidebar-category ul a{color: #0078d4;}

.sidebar-ranking h2,.sidebar-category h2,.sidebar-editor h2{color: #333333;}

.side p{font-size: 12px; color: #333333; margin-top: 5px;}
.side h3{display: -webkit-box;-webkit-line-clamp: 2; /* 最大2行まで表示 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-size: 16px; color: #0078d4;border: none;margin: 0;font-weight: 600;}
.side img{width: 90px; height: auto; border-radius: 5px;}
.sidebar-ranking h2,.sidebar-category h2,.sidebar-editor h2{font-size: 20px}
.sidebar-ranking {padding: 1rem;border-radius: 5px;margin-top: 40px;margin-bottom: -20px;}
.sidebar-category,.sidebar-editor {padding: 1rem;border-radius: 5px;margin-top: 0px;padding-bottom: 40px;}
.top-box p{font-size: 14px;}
.top-box h2 {font-size: 18px;}
.top-box span{color: rgba(245,245,245,0.6);font-size: 2.8rem;text-align: center;font-weight: 700;position: absolute;top: 30px;left: 50%;;z-index: -1;transform: translateY(-50%) translateX(-50%);width: 100%;}
.p::before{width: 120px;height: 150px;left: 115%;}
.sp-block{display: block;}
.pc-block{display: none;}
}

@media screen and (min-width:1000px) {
.news-block{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px;max-width: 1250px;margin: 0 auto}
.side {width: 31%;max-width: 480px;}
.sidebar-category,.sidebar-ranking,.sidebar-editor {background: #eff6fc;box-shadow: 0 10px 10px rgba(194, 194, 194, 0.1);}

.sidebar-ranking h2::before,.sidebar-ranking h2::after,.sidebar-category h2::before,.sidebar-category h2::after,.sidebar-editor h2::before,.sidebar-editor h2::after {background-color: #0078d4;}

.sidebar-category ul a{color: #0078d4;}

.sidebar-ranking h2,.sidebar-category h2,.sidebar-editor h2{color: #333333;}

.side p{font-size: 12px; color: #333333; margin-top: 5px;}
.side h3{display: -webkit-box;-webkit-line-clamp: 2; /* 最大2行まで表示 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-size: 14px; color: #0078d4;border: none;margin: 0;font-weight: 600;}
.side img{width: 80px; height: auto; border-radius: 5px;}
.sidebar-ranking h2,.sidebar-category h2,.sidebar-editor h2{font-size: 16px}
.sidebar-ranking {padding: 1rem;border-radius: 10px;margin-top: 40px;margin-bottom: 20px;}
.sidebar-category,.sidebar-editor {padding: 1rem;border-radius: 15px;margin-top: 20px;margin-bottom: 20px;}
.top-box{max-width: 800px;margin: 0 auto;margin-top: 60px;margin-bottom: 0px;position: relative;}

.top-box::before{
content: '';
position: absolute;
background-image: url(/assets/images/lp/chat_pocket_cara-20.webp);
background-size: contain;
width: 250px;
height: 250px;
top: 50%;
left: -200px;
transform: translateX(-50%)translateY(-50%);
opacity: 0.1;
}

.top-box::after{
content: '';
position: absolute;
background-image: url(/assets/images/lp/chat_pocket_cara-19.webp);
background-size: contain;
width: 250px;
height: 250px;
top: 50%;
left: 120%;
transform: translateX(-50%)translateY(-50%);
opacity: 0.1;
}
.top-box p{font-size: 16px;}
.top-box p::before{width: 150px;height: 180px;left: 120%;}
.top-box span{color: rgba(245,245,245,0.6);font-size: 6rem;text-align: center;font-weight: 700;position: absolute;top: 20px;z-index: -1;transform: translateY(-50%);}
.sp-block{display: none;}
.pc-block{display: block;}
}


.top-box h2 {display: flex;justify-content: center;align-items: center;color: #333333;margin-bottom: 25px;}
.top-box h2::before,
.top-box h2::after {width: 2px;height: 16px;background-color: #0078d4; content: '';}
.top-box h2::before {transform: rotate(-35deg);margin-right: 30px;}
.top-box h2::after {transform: rotate(35deg);margin-left: 30px;}
.content-center{width: 100%;}
@media screen and (min-width:1000px) {.wrapper{margin-top: 100px;}}
.main-visual {position: relative;max-width: 1920px; margin: 0 auto;}
.main-visual-warp {background-size: contain;background-repeat: no-repeat;position: relative; }
.content-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;}
.main-visual h1 {line-height: 1.4;font-size: 36px;}.main-visual h1 span {display: block;font-size: 16px;}
@media screen and (max-width: 999px) {
.main-visual-warp {background-image: url(/assets/images/lp/chat_pocket_sp.webp);}
.main-visual h1 {font-size: 24px;}.main-visual h1 span {font-size: 16px;}.main-visual-warp {padding-top: 66.7%;}}
@media screen and (min-width: 1000px) {
.main-visual-warp {background-image: url(/assets/images/lp/chat_pocket_pc.webp);}
.main-visual-warp {padding-top: 15.625%;}}
a {outline: none; }
.breadcrumb-002 {display: flex;gap: 0 15px;list-style: none;padding: 1rem;font-size: 12px;width: 100%;max-width: 1500px;margin: 0 auto;overflow-x: hidden;    white-space: nowrap; -webkit-overflow-scrolling: touch; }
.breadcrumb-002 li {display: flex;align-items: center;font-size: 12px;flex-shrink: 0; }
.breadcrumb-002 li span,
.breadcrumb-002 li a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 120px;display: inline-block;}
.breadcrumb-002 li:not(:last-child)::after {display: inline-block;margin-left: 15px;color: #0078d4;content: '/';}
.breadcrumb-002 a {color: #0078d4;text-decoration: none;}
.fixed-regbtn {position: fixed;width: 95%;max-width: 480px;margin: 0 auto;left: 50%;transform: translateX(-50%);z-index: 999;margin-bottom: 35px;/*animation:regbtn 1.5s infinite ease-in-out;*/line-height: 1.22;display: flex;}
.fixed-regbtn a:nth-of-type(1){background-image: linear-gradient(180deg, rgba(251,88,138,1), rgba(251,88,138,0.9));box-shadow: 0px 0px 12px #FB588A;}
.fixed-regbtn a:nth-of-type(2){background-image: linear-gradient(180deg, rgba(88,185,248,1), rgba(88,185,248,0.9));box-shadow: 0px 0px 12px #95d0fa;}
.fixed-regbtn a{text-decoration: none;color: #fff;text-align: center;padding: 1rem 0rem;display: block;margin: 0 auto;border-radius:5px;font-weight: 600;width: calc(100% / 2 - 5px);box-sizing: border-box;position: relative;}
.fixed-regbtn a span{font-size: 13px;display: block;}
/*.fixed-regbtn ::before{content: '';position: absolute;background-image: url(/assets/images/lp/chat_pocket_cara.webp?);width: 50px;height: 60px;left: 15%;top: 50%;transform: translateX(-50%)translateY(-50%);background-size: contain;background-repeat: no-repeat;mix-blend-mode: soft-light;}
.fixed-regbtn a::after{content: '';position: absolute;background-image: url(/assets/images/lp/right-icon-white.svg?);width: 13px;height: 13px;left: 92%;top: 65%;transform: translateX(-50%)translateY(-50%);background-size: contain;background-repeat: no-repeat;}
*/


@keyframes regbtn {0%, 100% { margin-bottom: 35px; }50% { margin-bottom: 30px; }}
@media screen and (min-width:1000px) {

.fixed-regbtn {position: fixed;width: 95%;max-width: 500px;margin: 0 auto;left: 80%;transform: translateX(-50%) ;z-index: 999;margin-bottom: 35px;/*animation:regbtn 1.5s infinite ease-in-out;*/line-height: 1.22;display: flex;}
.fixed-regbtn a:nth-of-type(1){background-image: linear-gradient(90deg, rgb(246,83,174), rgb(240,158,200));}
.fixed-regbtn a:nth-of-type(2){background-image: linear-gradient(90deg, rgb(113,191,255), rgb(127,224,255));}
.fixed-regbtn a{text-decoration: none;color: #fff;text-align: center;padding: 1rem 0rem;display: block;margin: 0 auto;border-radius:10px;font-weight: 600;width: calc(100% / 2 - 5px);box-sizing: border-box;position: relative;}
.fixed-regbtn a span{font-size: 13px;display: block;}
.fixed-regbtn a:hover{opacity: 0.8;transition: 0.3s;}
}

/*
.fixed-regbtn {position: fixed;width: 85%;max-width: 480px;margin: 0 auto;left: 50%;transform: translateX(-50%);z-index: 999;margin-bottom: 35px;animation:regbtn 1.5s infinite ease-in-out;line-height: 1.3;}
.fixed-regbtn a{background-image: linear-gradient(90deg, rgb(113,191,255), rgb(127,224,255));text-decoration: none;color: #fff;text-align: center;padding: 1.3rem 0rem;display: block;margin: 0 auto;border-radius: 60px;font-weight: 600;}
.fixed-regbtn a span{font-size: 13px;display: block;}
.fixed-regbtn ::before{content: '';position: absolute;background-image: url(/assets/images/lp/chat_pocket_cara.webp?);width: 50px;height: 60px;left: 15%;top: 50%;transform: translateX(-50%)translateY(-50%);background-size: contain;background-repeat: no-repeat;mix-blend-mode: soft-light;}
.fixed-regbtn ::after{content: '';position: absolute;background-image: url(/assets/images/lp/right-icon-white.svg?);width: 16px;height: 16px;left: 90%;top: 50%;transform: translateX(-50%)translateY(-50%);background-size: contain;background-repeat: no-repeat;}
@keyframes regbtn {0%, 100% { margin-bottom: 35px; }50% { margin-bottom: 30px; }}
@media screen and (min-width:1000px) {.fixed-regbtn {display: none;}}
*/

.news .data{font-size: 13px;color: #0078d4;border: solid 1px #0078d4;border-radius: 60px;padding:5px 10px;}
.news h1{margin-bottom: 10px;width: 100%;}
.news .warp{padding: 1rem 0rem;}
.news-tax{width: 100%;max-width: 1050px; margin: 0 auto;margin-bottom: 40px;margin-top: 40px;display: flex;flex-wrap: wrap;}
.news-tax h2{border-bottom: 3px solid #f2f2f2;margin-bottom: 20px;font-size: 20px;}
.news-tax h2 span {display: inline-block;position: relative;padding: 0 .4em .2em;color: #555555;}
.news-tax h2 span::before {position: absolute;bottom: -3px;left: 0;width: 100%;height: 3px;background-color: #0078d4;content: '';}
.news-tax h2 span:first-letter{color: #0078d4;}


@media screen and (max-width:999px) {
.news-tax{width: 90%;}
.side-tax{background: #eff6fc;}
.side-tax p{font-size: 12px; color: #666666; margin-top: 5px;}
.side-tax h3{display: -webkit-box;-webkit-line-clamp: 2; /* 最大2行まで表示 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-size: 16px; color: #0078d4;font-weight: 600;}
.side-tax img{width: 90px; height: auto; border-radius: 5px;}
.news h1{font-size: 20px;line-height: 1.5;}
}
@media screen and (min-width:1000px) {
.news h1{font-size: 24px;line-height: 1.5;}
.news-tax-block{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px;max-width: 1500px;margin: 0 auto;}
.side-tax {width: 27%;max-width: 440px;}
.side-tax p{font-size: 12px; color: #666666; margin-top: 5px;}
.side-tax h3{display: -webkit-box;-webkit-line-clamp: 2; /* 最大2行まで表示 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-size: 14px; color: #0078d4;font-weight: 600;}
.side-tax img{width: 80px; height: auto; border-radius: 5px;}
}

.news-arc{width: 100%;max-width: 1050px; margin: 0 auto;margin-bottom: 40px;margin-top: 40px;}
.news-arc h2{border-bottom: 3px solid #f2f2f2;margin-bottom: 20px;font-size: 20px;}
.news-arc h2 span {display: inline-block;position: relative;padding: 0 .4em .2em;color: #555555;}
.news-arc h2 span::before {position: absolute;bottom: -3px;left: 0;width: 100%;height: 3px;background-color: #0078d4;content: '';}
.news-arc h2 span:first-letter{color: #0078d4;}

@media screen and (max-width:999px) {
.news-arc{width: 90%;}
.side-arc{background: #eff6fc;}
.side-arc p{font-size: 12px; color: #666666; margin-top: 5px;}
.side-arc h3{ font-size: 16px; color: #0078d4;display: -webkit-box;-webkit-line-clamp: 2; /* 最大2行まで表示 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}
.side-arc img{width: 90px; height: auto; border-radius: 5px;}

}
@media screen and (min-width:1000px) {
.news-arc-block{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px;max-width: 1500px;margin: 0 auto;}
.side-arc {width: 27%;max-width: 440px;}
.side-arc p{font-size: 12px; color: #666666; margin-top: 5px;}
.side-arc h3{ font-size: 14px; color: #0078d4;display: -webkit-box;-webkit-line-clamp: 2; /* 最大2行まで表示 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}
.side-arc img{width: 80px; height: auto; border-radius: 5px;}
}