@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');


/* font setting */

@font-face {
font-family: 'googlefont-r';
font-style: normal;
font-weight: normal;
src: url('https://storage.aiasahi.jp/zdnet/2024/google/fonts/GoogleSans-Regular.ttf') format('truetype');
}


@font-face {
font-family: 'googlefont-m';
font-style: normal;
font-weight: normal;
src: url('https://storage.aiasahi.jp/zdnet/2024/google/fonts/GoogleSans-Medium.ttf') format('truetype');
}


@font-face {
font-family: 'googlefont-b';
font-style: normal;
font-weight: normal;
src: url('https://storage.aiasahi.jp/zdnet/2024/google/fonts/GoogleSans-Bold.ttf') format('truetype');
}

footer{
margin-top:0;
position:relative;
z-index:1000;
}





/* フレーム設定-------------------------------------------------------------------------------- */

#adspecial_google_government_2026{
padding: 0;
}

#adspecial_google_government_2026.adspecial_type1{
width:100% !important;
max-width:100% !important;
font-feature-settings: "palt";
color:#202124;
}

#adspecial_google_government_2026.adspecial_type1 .frame_col_left{
margin:0;
}


.pc-view{
display:block;
}

.sp-view{
display:none;
}



/* css setting */

.contents-wrap{
font-feature-settings: "palt";
font-family: "Google Sans", 'Noto Sans JP', sans-serif !important;
margin:0 auto;
text-align:left;
line-height:1;
color:#202124;
  background-color: #ffffff;
position:relative;
}


.contents-wrap .section {
font-family: "Google Sans", 'Noto Sans JP', sans-serif !important;
margin:20px auto;
  padding:0;
  background-color: #ffffff;
width:100%;
}

.contents-wrap .section.carousel{
  background-color: #fafafa;
margin:0 auto;
  padding:24px 0;
}

.contents-wrap .carousel-area {
  /*display: flex;
  flex-direction: column;
  align-items: flex-start;*/
margin:0 auto;
padding:10px;
  /*max-width:1400px;*/
max-width:1000px;
  position: relative;
}

.contents-wrap .container {
  display: flex;
  flex-direction: column;
  max-width: 1152px;
  align-items: flex-start;
  gap: 32px;
  padding: 0px 32px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}


.contents-wrap .slide {
  display: flex;
  width: 100%;
  align-items: flex-start;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
}

.contents-wrap .element-contents-wrapper {
  display: flex;
  height: 320px;
  align-items: center;
  justify-content: center;
  padding: 145.5px 4px 122.5px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #e5e7eb;
  border-radius: 8px 4px 4px 8px;
}

.contents-wrap .text-contents-wrapper {
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Yu Gothic UI-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  white-space: nocontents-wrap;
  position: relative;
  letter-spacing: 0;
}


.contents-wrap .container-contents-wrapper {
  display: flex;
  padding: 0px 0px 24px;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.contents-wrap .img {
  width: calc(100% - 1086px);
  left: 1086px;
  object-fit: cover;
  height: 100%;
  position: absolute;
  top: 0;
}




.contents-wrap .hero-container {
  max-width: 1300px;
  /*width:1600px;*/
  display: flex;
justify-content:center;
  align-items: center;
  /*gap: 48px;*/
margin:0 auto;
  padding: 24px 16px 48px;
  flex: 0 0 auto;
  position: relative;
}


.contents-wrap .hero-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 1px 0px 0px;
  position: relative;
}

.contents-wrap .text-main {
  position: relative;
  align-self: stretch;
  /*font-size: clamp(2rem, 1.167rem + 2.08vw, 3.25rem);*/
font-size:clamp(1.5rem, 0.833rem + 1.67vw, 2.5rem);
font-weight:bold;
  letter-spacing: 0;
line-height:1.5;
}

.contents-wrap .text-lead{
  font-size: clamp(1rem, 0.833rem + 0.42vw, 1.25rem);
line-height:1.5;
}


.contents-wrap .contents-sponsored{
margin:0;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
}

.contents-wrap .contents-sponsored.footer-sponsored{
margin:24px auto;
}


.contents-wrap .contents-sponsored.footer-sponsored span{
width:300px;
}



/*.contents-wrap .contents-sponsored img{
max-width:580px;
}*/

.contents-wrap .contents-sponsored .logo{
max-width:100%;
display:flex;
justify-content:center;
}

.contents-wrap .contents-sponsored .text-special{
background-color:#e5e7eb;
color:#151515;
border-radius:5px;
padding:10px;
font-size:1rem;
font-weight:bold;
flex-shrink: 0;
}
.contents-wrap .contents-sponsored .text-by{
flex-shrink: 0;
color:#9ca3af;
  display: inline-flex;   /* ← 横並び＋高さ揃え */
  align-items: center;    /* ← 縦中央揃え */
  gap: 4px;               /* ← 文字とロゴの間隔（任意） */
}


.contents-wrap .hero-img {
  position: relative;
  /*align-self: stretch;*/
align-items:center;
  /*width:70%;*/
max-width:500px;
  /*height: 375px;*/
  /*background-color: #f0f0f0;*/
  border-radius: 16px;
}

.contents-wrap .hero-img img{
margin-top:10%;
}



.contents-wrap .links-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 0;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #202124;
}


.contents-wrap .text-links {
  position: relative;
text-align:center;
color:#fff;
font-size:1.25rem;
font-weight:bold;
line-height:1.8;
margin:0 auto;
text-decoration:underline;
}

.contents-wrap .text-links:hover{
transition:0.3s;
color:#fff !important;
text-decoration:none;
}


.contents-wrap .text-links::before{
content:"＞";
position:absolute;
top:0;
right:-30px;
color:#fff;
}

.contents-wrap .text-links:hover::before{
content:"＞";
position:absolute;
top:0;
right:-40px;
color:#fff;
transition:0.3s;
}

@media screen and (max-width: 768px) {

.contents-wrap .text-links {
font-size:1rem;
padding:0 15px;
}

}



.contents-wrap .document-section {
font-family: "Google Sans", 'Noto Sans JP', sans-serif !important;
  max-width: 1300px;
  align-items: flex-start;
  gap: 32px;
margin:24px auto 48px;
  padding: 0px 32px;
  position: relative;
  width: 100%;
}


.contents-wrap .tab-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  margin:0 0 40px 0;
  border-bottom:1px solid #9ca3af;
}

.contents-wrap .tab {
  box-sizing: border-box;
  border: none;
  padding: 24px 8px;
  cursor: pointer;
background-color:#fff;
/*color:#9ca3af;*/
font-size:clamp(1rem, 0.5rem + 1.25vw, 1.75rem);
font-weight:bold;
position:relative;
}


.contents-wrap .tab::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 8px;
  background: transparent;
  transition: 0.3s;
  transform: scaleX(0);       
  transform-origin: center; 
  transition: transform 0.5s ease;
}


.contents-wrap .tab:hover, 
.contents-wrap .tab.is-active {
  box-sizing: border-box;
  /*display: inline-flex;*/
  /*flex-direction: column;*/
  position: relative;
  flex: 0 0 auto;
  /*border-bottom:6px solid #0284c7;*/
/*color:#0284c7;*/
color:#0b57d0;
  align-items: center;
  justify-content: center;
}

.contents-wrap .tab:hover::after,
.contents-wrap .tab.is-active::after {
  /*background: #0284c7;*/
background:#0b57d0;
  transform: scaleX(1);
}


.contents-wrap .tag-wrap {
font-family: "Google Sans", 'Noto Sans JP', sans-serif !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
margin:30px auto;
  width: 100%;
}

.contents-wrap .tag-text{
font-family: "Google Sans", 'Noto Sans JP', sans-serif !important;
font-weight:bold;
font-size:0.9rem;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  padding: 12px 24px;
  position: relative;
  flex: 0 0 auto;
border-radius:9999px;
background-color:#4285F4;
color:#fff;
  align-items: center;
  justify-content: center;
cursor:pointer;
}

.contents-wrap .tag-text:hover{
background-color:#202124;
transition:0.3s;
}


.tag-text.is-active {
  background: #202124;
  color: #fff;
}

.tag-text.is-active:hover{
  color: #fff;
}



.contents-wrap .card-wrap{
  max-width:1300px; /* カード3枚分の幅 */
  margin:30px auto;
  padding: 16px 0px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}

.contents-wrap .card-item{
  position: relative;
  /*width: 30%;*/
  /*width:calc((100% - 48px) / 3);*/
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
line-height:1.4;
  box-shadow: 0 10px 10px -5px #ccc;
}



/*.contents-wrap .card-item {
  opacity: 1;
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}


.card-item.animate {
  animation: fadeIn 0.6s ease forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform:translateY(15px);
  }
  to {
    opacity: 1;
    transform:translateY(0);
  }
}*/



.card-item {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease;
}

.card-item.is-hidden {
  opacity: 0;
  transform: translateY(25px);
  pointer-events: none;
}

.card-item.animate {
  animation: fadeUp 0.5s ease forwards;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}




.contents-wrap .card-img{
  height: 200px;
  align-items: center;
  justify-content: center;
  padding: 46.5px 4px 30.5px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #e5e7eb;
}


.contents-wrap .card-inner{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.contents-wrap .card-title,
.contents-wrap .card-summary{
  padding: 0px 0px 16px;
  position: relative;
  width: 100%;
font-size:1.125rem;
font-weight:bold;
}

.contents-wrap .card-summary{
font-size:1rem;
font-weight:normal;
border-bottom:1px dotted #d5d5d5;
}


.contents-wrap .card-text{
  padding: 0 0 4px;
  position: relative;
  width: 100%;
font-size:1rem;
}

.contents-wrap .card-text.name{
padding:8px 0 0;
font-weight:bold;
}

.contents-wrap .card-text.position{
padding:0;
font-size:80%;
color:#9ca3af;
}

.contents-wrap .card-text.tag{
font-size:80%;
margin:5px 0;
padding:5px 10px;
background-color:#f3f4f6;
border-radius:5px;
width:fit-content;
}


/* 追従 */

.sticky-contents {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 100;
}

.sticky-contents a{
display:flex;
jutify-content:center;
align-items:center;
width: auto;
padding:20px 50px;
background-color:#4285F4;
color:#fff;
font-size:1rem;
font-weight:bold;
line-height:1.4;
border-radius:50px;
box-shadow:0 20px 20px -10px #333;
position:relative;
transition:0.3s;
}
.sticky-contents a span{
margin:0 5px;
}

.sticky-contents a:hover{
background-color:#202124;
color:#fff !important;
transform:scale(1.03);
}


.sticky-contents p{
margin:0 auto 10px;
text-align:center;
}


.sticky-contents span.date{
font-size:1.125rem;
}

.sticky-contents-sp{
display:none;
}





/* responsive -------------------------------------------------------------------------------- */



@media screen and (max-width:1300px){

/*.contents-wrap .hero-container{
display:block;
padding:16px 24px;
width:100%;
}

.contents-wrap .hero-title{
margin:0 auto 40px;
}*/


.contents-wrap .contents-sponsored img{
max-width:100%;
margin: 0 auto 40px;
}

.contents-wrap .hero-img{
margin:0 auto;
}


}


@media screen and (max-width:960px){


.pc-view{
display:none;
}

.sp-view{
display:block;
}



.contents-wrap .hero-container{
display:block;
padding:16px 24px;
width:100%;
}

.contents-wrap .hero-title{
margin:0 auto;
}


.contents-wrap .hero-img{
margin:0 auto;
width:100%;
}

.contents-wrap .hero-img img{
margin-top:20px;
}


.contents-wrap .contents-sponsored,
.contents-wrap .contents-sponsored span,
.contents-wrap .contents-sponsored .text-by,
.contents-wrap .contents-sponsored img{
display:block;
width:fit-content;
}

.contents-wrap .contents-sponsored .text-by{
margin:10px 0 0 0;
}




.contents-wrap .card-wrap{
  grid-template-columns:repeat(2, 1fr);
}



}





@media screen and (max-width:640px){



.contents-wrap .document-section{
padding:0 16px;
}

.contents-wrap .card-wrap{
  grid-template-columns:1fr;
}



.contents-wrap .card-item{
width:100%;
}


.contents-wrap .tag-text{
font-size:0.8rem;
}



}






/* ヘッダー＆フッター広告表記 2024～
-------------------------------------------------------------------------------------------------------*/

.header_sponsored_area{
    width:100%;
    background-color:#fff;
    color:#000;
    font-size:14px;
    text-align:right;
    padding:15px 20px;
    position:relative;
    z-index:1000;
}

.header_sponsored_area span{
    margin:0;
    line-height:1.3;
    display:block;
}


.block_sponsored_area{
    clear:both;
    background-color:#fff;
    color:#000;
    font-size:14px;
    border:1px solid #000;
    margin:25px auto;
    padding:15px 15px 10px;
    max-width:760px;
    position:relative;
    z-index:10;
}

.block_sponsored_area span{
    margin:5px 0;
    text-align:left;
    display:block;
}


.block_sponsored_area:before{
    display: block;
    content: "PR";
    position: absolute;
    top: -12px;
    left: 30px;
    width: 40px;
    height: 30px;
    text-align: center;
    background-color: #fff;
}


.block_sponsored a{
/*color:#4285f4;*/
color:#424242;
}

.block_sponsored a:hover{
color:#4285F4 !important;
}


@media screen and (max-width: 960px) {

.block_sponsored_area{
margin:25px;
}

}





/* spidle slider css
-------------------------------------------------------------------------------------------------------*/

.splide {
    position: relative;
    visibility: hidden;
margin: -15px;
padding: 15px;
}


.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}



.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}


/*splide__slide用カードのリンク*/

.slide-card-link {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-decoration: none;
  color: inherit;
  width: 100%;
background-color:#fff;
box-shadow:0 0 10px #ccc;
border-radius:20px;
max-width:1000px;
margin:20px auto;
padding:24px;
}


.slide-card-link:hover{
color:#454545 !important;
opacity:0.7;
transition:0.3s;
}

@media screen and (max-width:768px){
.slide-card-link {
display:block;
}
.splide__slide .slide___img img{
margin:0 auto;
width:100% !important;
}


}


.splide__slide{
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
position: relative;
font-size:1.25rem;
padding:0 15px;
}

.splide__slide .slide___img img{
vertical-align: bottom;
/*margin-right:10px;*/
border:1px solid #e0e0e0;
width:10em;
}




.splide__slide .slide___text{
width:65%;
line-height:1.5;
}

.splide__slide .slide___text span{
display:flex;
flex-direction:column;
margin:10px 0;
}

.splide__slide .slide___text .label{
background-color:#202124;
color:#fff;
padding:4px 10px;
border-radius:5px;
font-size:0.85rem;
line-height:1;
width:fit-content;
}
.splide__slide .slide___text .main{
font-size:1.5rem;
font-weight:bold;
}
.splide__slide .slide___text .summary{
font-size:1rem;
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
/*overflow: visible;*/
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    /*height: 2em;*/
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /*width: 2em;*/
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity:1;
}

.splide__arrow:disabled {
    opacity:1;
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    /*bottom: -36px;*/
bottom:0;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #a0a0a0;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 3px 8px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 10px
}

.splide__pagination__page.is-active {
    background: #000;
    transform: scale(1.8);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}


/* prev next custom */



/* SVGを非表示 */
.splide__arrow svg {
  display: none;
}


.splide__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}



.splide__arrow--prev {
background:url(/extra/google_2026/media/icon_slide_arrow_prev_default.png);
  left:-60px;
}

.splide__arrow--next {
background:url(/extra/google_2026/media/icon_slide_arrow_next_default.png);
  right: -60px;
}

.splide__arrow--prev:hover{
background:url(/extra/google_2026/media/icon_slide_arrow_prev_hover.png);
  left:-60px;
}

.splide__arrow--next:hover{
background:url(/extra/google_2026/media/icon_slide_arrow_next_hover.png);
  right: -60px;
}


/* spidle responsive */


/* スマホ対応 */
@media screen and (max-width: 768px) {

  .splide__slide {
    flex-direction: column;   /* 縦並びに変更 */
    padding: 15px;
  }

  .splide__slide img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .splide__slide .slide___text {
    width: 100%;
  }

  .splide__slide .slide___text .main {
    font-size: 1.2rem;
  }

  .splide__slide .slide___text .summary {
    font-size: 0.8rem;
  }
}

/* 超小型スマホ */
@media screen and (max-width: 480px) {

  .splide__track {
    padding: 10px;   /* ← 影の逃げ場 */
  }

  .splide__slide {
margin:0;
    padding: 10px;
width: 100% !important;
box-shadow:none;
  }

  .splide__slide .slide___text .main {
    font-size: 1rem;
  }
}