@charset "UTF-8";
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* pc */
#main .cards05 .pc {
    display: none !important;
}

/* main */
#main {
    background-color: #ffffff;
    overflow: hidden;
}

/* img */
#main .cards05 img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

/* span */
#main .cards05 span {
    margin: 0;
    position: static;
}

/* headline */
#main .cards05 h2,
#main .cards05 h3,
#main .cards05 h4 {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
    margin: 0 auto;
}

#main .cards05 h2 {
    font-size: inherit;
    padding: 0;
    margin-bottom: 0;
    border-bottom: none;
}

/* text */
#main .cards05 div,
#main .cards05 p,
#main .cards05 dl dt,
#main .cards05 dl dd,
#main .cards05 table th,
#main .cards05 table td {
    color: #000000;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
    font-size: 12px;
    letter-spacing: 0.04em;
    line-height: 1.4;
}

/* list */
#main .cards05 li {
    list-style: none;
    padding: 0;
}

#main .cards05 li + li {
    border-top: none;
    padding: 0;
}

/* contents */
.pcStyle {
    display: none !important;
}

.spStyle {
    display: block !important;
}

#main .cards05 p.top_group {
    position: static;
    margin-left: 0.5em;
    margin-bottom: 3px;
    font-size: 14px;
}

#main .cards05 p.top_group span {
    display: block;
    font-size: 12px;
}

#main img {
    pointer-events: none;
}

#main .cards05 picture {
    display: block;
}

#main .cards05 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#main .cards05 img {
    max-width: 100%;
}
#main .cards05 .caution {
    font-size: 10px;
    line-height: 1.5;
}
#main .cards05 .linkButton {
    margin: 3% auto 8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media screen and (max-width: 767px) {
    #main .cards05 .linkButton {
        margin: 4% auto 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
#main .cards05 .linkButton a {
    width: 30vw;
    max-width: 30rem;
    display: block;
    margin: 0 2rem;
}
@media screen and (max-width: 767px) {
    #main .cards05 .linkButton a {
        width: 54vw;
        max-width: 100%;
    }
    #main .cards05 .linkButton a:first-child {
        margin-bottom: 3%;
    }
}
#main .cards05 .linkButton a:hover {
    opacity: 0.7;
}
#main .cards05 .spStyle.linkButton {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
#main .cards05 .bg_white .button1{
	padding:5% 0 13%;
	margin: 0 auto ;
}
#main .cards05 .bg_white .button2{
	padding:4% 0 0;
	margin: 0 auto ;
}
#main .cards05 .bg_white .button3{
	padding:5% 0;
	margin-bottom:-8%;
}

#main .cards05 .share-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5% 0;
	margin-top:14%;
}
#main .cards05 .share-button a {
    width: 40%;
}
#main .cards05 .share-button a:not(:first-child) {
    margin-top: 3%;
}
#main .cards05 .snsbanner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#main .cards05 .snsbanner .flex {
    width: 31%;
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#main .cards05 .snsbanner .flex a {
    width: 25%;
}
#main .cards05 .snsbanner .flex a img {
    width: 100%;
}
#main .cards05 .care {
    margin: 8% auto 0;
    position: relative;
}
#main .cards05 .care a {
    width: 40%;
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
}
#main .cards05 .br_pc{
	display:none;
}


/*メインヴィジュアル*/
#main .cards05 .mainvisual{
}

/*メインコンテンツ_*/
#main .cards05 .main_content{
}

#main .cards05 .main_content .top_content,
#main .cards05 .main_content .bottom_content{
    background: #ffffff;
    width: 93.33%;
    margin: 0 auto;
    padding: 8% 0;
}
#main .cards05 .main_content .top_content .introduction{
    color: #d97480;
    text-align: center;
    font-size: 3.26vw ;
    line-height: 6.1vw ;
    padding-bottom: 3.5%;
    font-weight: bold;
}
#main .cards05 .main_content .introduction_content {
    padding: 0 8%;
}
#main .cards05 .main_content .colum .block h3{
    color: #d97480;
    font-size: 4.8vw ;
    line-height: 7.75vw ;
}
#main .cards05 .main_content .colum .block .description{
    font-size: 2.7vw ;
    line-height: 4.73vw ; 
}
#main .cards05 .main_content .colum .block .description{
}

#main .cards05 .main_content .colum_driving .image{
    width: 89.77%;
    margin: 0 auto;
    padding-bottom: 5%;
}
#main .cards05 .main_content .colum_driving .ttl{
    width: 28.1%;
    margin-bottom: 0%;
}

#main .cards05 .main_content .colum_safety .image{
    width: 94.21%;
    margin: 0 auto;
    padding-bottom: 7%;
}
#main .cards05 .main_content .colum_safety .ttl{
    width: 25.68%;
    margin-bottom: 0%;
}

#main .cards05 .main_content .colum_utility .image{
    width: 87.07%;
    margin: 0 auto;
    padding-bottom: 9%;
}
#main .cards05 .main_content .colum_utility .ttl{
    width: 22.95%;
    margin-bottom: 0%;
}
#main .cards05 .main_content .colum_utility p{
    margin-bottom: 0;
}


#main .cards05 .main_content .bottom_content{
    position: relative;
    margin-top: 4%;
    padding: 2%;
}
#main .cards05 .main_content .bottom_content .description{
    position: absolute;
    top: 23.5%;
    left: 10%;
    font-size: 2.92vw;
    line-height: 4.98vw;
    font-weight: bold;
}
@media screen and (max-width: 599px) {
   #main .cards05 .main_content .bottom_content .description{
        top: 22.6%;
    }
}
#main .cards05 .main_content .bottom_content .caution{
    margin-top: 2%;
}

#main .cards05 .main_content .bottom_content{
    padding: 8% 1% 2%;
}
#main .cards05 .main_content .bottom_content .caution{
    padding: 2% 2% 0;
}


/*チャンス*/
#main .cards05 .main_content .chance_content {
    width: 94.93%;
    margin: 0 auto;
    padding: 5% 0 ;
}
#main .cards05 .main_content .chance_content .colum{
	position: relative;
}
#main .cards05 .main_content .chance_content .colum .button{
	width: 35.67%;
    position: absolute;
    bottom: 4.5%;
    left: 32.165%;
}

/*特別限定車*/
#main .cards05 .special_content {
    padding: 12% 0 5%;
}
#main .cards05 .special_content .colum{
	position: relative;
}
#main .cards05 .special_content .colum .button{
	width:33.86%;
    position: absolute;
    bottom: 4.5%;
    left: 33.06%;
}

/*クレジット*/
#main .cards05 .credit_content {
    margin: 0 auto 5%;
}
#main .cards05 .credit_content .colum{
	position: relative;
}
#main .cards05 .credit_content .colum .button{
	width:33.86%;
    position: absolute;
    bottom: 3.5%;
    left: 33.06%;
}

/*軽NAVI Pack*/
#main .cards05 .naviPack_content {
    margin: 0 auto 3%;
}
#main .cards05 .naviPack_content .colum{
	position: relative;
}
#main .cards05 .naviPack_content .colum .button{
	width:33.86%;
    position: absolute;
    bottom: 4.5%;
    left: 33.06%;
}

/*残クレ*/
#main .cards05 .zancre{
	background-image: url("../img/230123/bg_zancre.jpg");
	background-repeat:no-repeat;
	background-size:100%;
    background-position: top;
    background-color: #d97480;
    padding-bottom: 5%;
    margin-top: 8%;
}
#main .cards05 .zancre h3{
    width: 92.69%;
    padding: 8% 0 7%;
}

#main .cards05 .zancre .zancre_contents{
    background-color: rgba(255, 255, 255, 0.8);
    width: 93.53%;
    margin: 0 auto;
    padding-top: 1%;
}
#main .cards05 .zancre .zancre_inner h4{
	width:94.49%;
    margin-top: 7%;
}
#main .cards05 .zancre .zancre_inner .zancre_list{
    padding-top: 3%;
}
#main .cards05 .zancre .zancre_inner .zancre_list picture{
    width: 104%;
    margin-left: -1.6%;
    margin-bottom: 3%;
}

#main .cards05 .zancre .zancre_inner .linkButton{
	padding-bottom:4%;
}

#main .cards05 .zancre .examination,
#main .cards05 .zancre .method {
}
#main .cards05 .zancre .examination h4{
	width: 102%;
    margin-left: -3%;
    margin-bottom: 3%;
}
#main .cards05 .zancre .examination .examples_box {
    display: flex;
    flex-direction: column; /* 子要素を縦並べ */
    padding: 0 11.2%;
    position: relative;
}
#main .cards05 .zancre .examination .examples_box h5 {
    flex-grow: 1; /* 余白の割り当て */
    background: #163b7a;
    width: 100%;
    text-align: center;
    color: #ffffff;
    padding: 5% 0 !important;
    font-size: 4.8vw;
}
#main .cards05 .zancre .examination .examples_box01 h5 {
    padding:8% 0 6% !important;
}
#main .cards05 .zancre .examination .examples_box .icon {
    position: absolute;
}
#main .cards05 .zancre .examination .examples_box01 .icon {
    width: 17.79%;
    top: -2%;
    right: 13%;
}
#main .cards05 .zancre .examination .examples_box02 .icon {
    width: 25.2%;
    top: 0%;
    right: 6%;
}
#main .cards05 .zancre .examination .examples_box03 .icon {
    width: 25.88%;
    top: -3.3%;
    right: 5%;
}
#main .cards05 .zancre .examination .examples_box .images {
    margin-bottom: 0;
}
#main .cards05 .zancre .examination .examples_box .description {
    font-size: 3.2vw !important;
    line-height: 5.2vw !important;
    text-align: center;
    background: #ffffff;
    padding: 4% 0;
    margin-bottom: 8%;
}

#main .cards05 .zancre .method h4{
	width:100%;
	margin-left:2%;
    margin-bottom: 2%;
    margin-top:2%;
}
#main .cards05 .zancre .method .table{
	padding:4% 0;
}
#main .cards05 .zancre .zancre_inner{
}
#main .cards05 .zancre .zancre_inner picture{
}
#main .cards05 .zancre .zancre_inner .linkButton{
	padding-bottom:5%;
}

.acd-check{
    display: none;
}
.acd-label{
    display: block;
	padding: 1.4% 0 5%;
	width:61.33%;
	margin:0 auto;
	background-color: #ffffac;
	text-align:center;
	color:#000000;
	font-weight:bold;
	font-size: 3.2vw;
	line-height:1.4;
	border-radius: 100vh;
}
#main .cards05 label::after {
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    content: '';
    display: inline-block;
    height: 1.4vw;
    position: absolute;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 2.6vw;
    height: 2.6vw;
	right:50%;
	margin-top:4.5%;
}
.acd-content{
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	margin-top:10%;
}
.acd-check:checked + .acd-label + .acd-content{
    height: 5%;
    opacity: 1;
    visibility: visible;
}
#main .cards05 .link_button{
    width: calc(80%);
    margin: auto;
	padding-top: calc(3em);
    padding-bottom: calc(3em);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: calc(4vw); /*縦の余白*/
    /*column-gap: calc(3em); 横の余白*/
}
#main .cards05 .teaser_site_link:hover,
#main .cards05 .link_button a:hover{
opacity: 0.8;
transition: .3s;
}
/*////////////////20230307追加////////////////////*/
#main .cards05 .text_block2337{
width:calc(97%);
display: block;
padding-top:calc(2em);
padding-bottom:calc(2em);
margin-left:auto;
margin-right:auto;
font-size:calc(1.35em);
line-height: calc(180%);
text-align: justify;
}
#main .cards05 .two_column_box{
width:calc(97%);
height: auto;
display: block;
margin:auto;
padding-bottom:calc(3em);
}
#main .cards05 .two_column_inner{
display: inline-block;
}
#main .cards05 .two_column_box .two_column_left{
width:calc(100%);
display:block;
}
#main .cards05 .two_column_box .two_column_title{
font-size:calc(1.65em);
font-weight: bold;
text-align: center;
padding-top: calc(1em);
padding-bottom: calc(1em);
}
#main .cards05 .two_column_box .two_columun_text{
	font-size: calc(1.35em);
	line-height: calc(180%);
	text-align: center;
}
#main .cards05 .two_column_box .two_column_right{
width:calc(100%);
display:block;
}
#main .cards05 .PC{

}
#main .cards05 .SP{
display: none;
}
/*////////////////20230425追加////////////////////*/
#main .cards05 .movie20230425{
position: relative;
display: block;
max-width: 99%;
margin: 0 auto;
}
/*////////////////20230520追加////////////////////*/
#main .cards05 .link_button2{
    width: calc(100%);
padding-left: calc(10%);
padding-right: calc(10%);
	padding-top: calc(3em);
    padding-bottom: calc(3em);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: calc(4vw); /*縦の余白*/
    /*column-gap: calc(3em); 横の余白*/
background-color: #EBF6FC;
}

#main .cards05 .link_button3{
width: calc(100%);
padding-top: calc(10%);
padding-bottom: calc(10%);
padding-left: calc(15%);
padding-right: calc(15%);
margin: auto;
justify-content: center; /* 横方向の中央揃え */
align-items: center; /* 縦方向の中央揃え */
background-color: #F5FAFF;
}
#main .cards05 .video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 9 / 16 = 0.5625 (56.25%) */
}
#main .cards05 .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  margin: 0;
  padding: 0;
}
#main .cards05 .bg230520{
padding-top: 5%;
padding-left: calc(4%);
padding-right: calc(4%);
background-image: url(../img/230603/PC15.jpg);
}
#main .cards05 .absolutes{
position: absolute;
}
#main .cards05 .movie20230520{
display: block;
max-width: 100%;
margin: auto;
}
/*////////////////20230605追加////////////////////*/
.block230605{
	padding-top: calc(10%);
	padding-left: calc(5%);
	padding-right: calc(5%);
	padding-bottom: calc(5%);
	background-image: -webkit-linear-gradient(291deg,rgba(255,255,255,1.00) 0%,rgba(230,243,251,1.00) 17.48%,rgba(204,232,247,1.00) 100%);
	background-image: -moz-linear-gradient(291deg,rgba(255,255,255,1.00) 0%,rgba(230,243,251,1.00) 17.48%,rgba(204,232,247,1.00) 100%);
	background-image: -o-linear-gradient(291deg,rgba(255,255,255,1.00) 0%,rgba(230,243,251,1.00) 17.48%,rgba(204,232,247,1.00) 100%);
	background-image: linear-gradient(159deg,rgba(255,255,255,1.00) 0%,rgba(230,243,251,1.00) 17.48%,rgba(204,232,247,1.00) 100%);
}
#main .cards05 .bg230605{
padding-top: 5%;
padding-left: calc(4%);
padding-right: calc(4%);
background-image: url(../img/230605/PC15.jpg);
}
#main .cards05 .link_button4{
width: calc(100%);
height:calc(auto);
padding-left: calc(15%);
padding-right: calc(15%);
margin: auto;
justify-content: center; /* 横方向の中央揃え */
align-items: center; /* 縦方向の中央揃え */
}
#main .cards05 .text_block2365{
width:calc(97%);
display: block;
padding-top:calc(2em);
padding-bottom:calc(2em);
margin-left:auto;
margin-right:auto;
font-size:calc(1.35em);
line-height: calc(180%);
text-align: justify;
}

/*////////////////20230620追加////////////////////*/
#main .cards05 .pagelink{
	width: 100%;
	background-color: rgba(104,25,28,1.00);
}
#main .cards05 .movie20230620{
	display: block;
	width: auto;
	margin: auto;
	padding: calc(5vw);
	background-color: rgba(0,39,108,1.00);
}
html{
scroll-behavior: smooth;
}
#main .cards05 .link_button6{
    width: calc(80%);
    margin: auto;
	padding-top: calc(3em);
    padding-bottom: calc(3em);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: calc(4vw); /*縦の余白*/
    /*column-gap: calc(3em); 横の余白*/
}
#main .cards05 .movie20230620{
	display: block;
	background-size: 100%;
	background-color: rgba(0,39,108,1.00);

  margin:0;
}
#main .cards05 .movie20230620 .video-container2 {
  position: relative;
  padding-bottom: 56.25%; /* 16:9のアスペクト比に対応するパディングの割合 */
  height: 0;

}
#main .cards05 .movie20230620 .video-container2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

.link230620_1, .link230620_2{
	width: calc(100%);
	padding-left: calc(8%);
	padding-right: calc(8%);
	margin: auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}
.link230620_1 .backimg1{
	width: calc(100%);
}
.link230620_1{
		background-image: url("../img/230620/29_sp.jpg");
	padding-top: calc(20px);	
	padding-bottom: calc(60px);
}
.link230620_2{
		background-image: url("../img/230620/61_sp.jpg");
	padding-top: calc(20px);	
	padding-bottom: calc(90px);
}
.link230620_1 a:hover, .link230620_2 a:hover{
opacity: 0.8;
}
#main .cards05 .link_button5{
width: calc(100%);
height:calc(auto);
padding-top: calc(40px);
padding-bottom: calc(40px);
padding-left: calc(8%);
padding-right: calc(8%);
margin: auto;
justify-content: center; /* 横方向の中央揃え */
align-items: center; /* 縦方向の中央揃え */
}
#main .cards05 .link_button5 a picture img:hover{
opacity: 0.8;
transition: .3s;
}
/*////////////////20230711追加////////////////////*/
#main .cards05 .present230711 {
  width: calc(100%);
  background-color: #FFF100;
  background-position: center top;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;

}
.presentbox230711 {
  padding-bottom: calc(20px);
  width: calc(88%);
  display: grid;
  grid-template-columns: repeat(1fr);
  grid-gap: 20px; /* optional, adds some spacing between the photos */
}
.presentbox230711_kei {
  width: calc(88%);
  display: grid;
  grid-template-columns: repeat(1fr);
  grid-gap: 20px; /* optional, adds some spacing between the photos */
}
/*////////////////20230719追加////////////////////*/
#main .cards05 .link_button7 {
	width: calc(100%);
	height: calc(auto);
	padding-top: calc(10%);
	padding-bottom: calc(10%);
	padding-left: calc(8%);
	padding-right: calc(8%);
	margin: auto;
	justify-content: center; /* 横方向の中央揃え */
	align-items: center; /* 縦方向の中央揃え */
}
.bg230719{
	background-color: hsla(206,64%,98%,1.00);
}
.bg230719_2{
	background-color: hsla(201,44%,94%,1.00);
}
.bg230719_3{
	background-color: hsla(225,100%,26%,1.00);
}

#main .cards05 .movie20230719 {
	width: 100%;
	padding-left: calc(5%);
	padding-right: calc(5%);
	margin: auto;
	background-image: url(../img/230719/pc10.jpg);
	background-position: center top;
	background-size: cover;
}
#main .cards05 .movie20230719 .youtubebox {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin:auto;

}
#main .cards05 .movie20230719  iframe {
  width: 100%;
  height: 100%;
}
/*////////////////20230901追加////////////////////*/
.bg230901{
	padding-top: calc(6%);
	padding-bottom: calc(6%);
	background-image: -webkit-linear-gradient(270deg,rgba(118,132,143,1.00) 0.04%,rgba(200,208,221,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(118,132,143,1.00) 0.04%,rgba(200,208,221,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(118,132,143,1.00) 0.04%,rgba(200,208,221,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(118,132,143,1.00) 0.04%,rgba(200,208,221,1.00) 100%);
	}
#main .cards05 .link_button_l{
width: calc(100%);
height:calc(auto);
padding-left: calc(5%);
padding-right: calc(5%);
margin: auto;
justify-content: center; /* 横方向の中央揃え */
align-items: center; /* 縦方向の中央揃え */
}
/*////////////////20231020追加////////////////////*/
.clr231020{
background-color: #e9e8e3;
}
/*////////////////20231102追加////////////////////*/
#main .cards05 .pagelink1102 {
	width: calc(100%);
	background-color: rgba(235,101,2,1.00);
	margin-bottom:calc(20px);
}
/*////////////////20231201追加////////////////////*/
.clr231201{
background-color: #c8d0dd;
}
/*////////////////20231208追加////////////////////*/
.inkbox_20231208 {
  width: calc(100%);
}
.linkbox_inner_20231208 {
	background-image: url(../img/231208/sp15.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	width: calc(100%);
	padding-top: calc(35%);
	padding-left: calc(10%);
	padding-right: calc(10%);
	display: grid;
	grid-template-columns: repeat(1, 1fr); /* 3つの等幅の列 */
	gap: 2vw;
	background-color: rgba(0,33,128,1.00);
}
.linkbox_inner_20231208 span {
  width: 100%;
  height: auto;
}
/*////////////////20231210追加////////////////////*/
.clr231210 {
	background-color: #005039;
}
/*////////////////20231222追加////////////////////*/
.harflink20231222{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0px; /* optional, adds some spacing between the photos */
}
#main .cards05 .movie20231222 {
  display: block;
  background-image: url("../img/231226/sp13.jpg");
  background-repeat: repeat-y;
  background-position: center center;
  background-size: 100%;
}
#main .cards05 .movie20231222 .video-container2 {
  position: relative;
  padding-bottom: 56.25%; /* 16:9のアスペクト比に対応するパディングの割合 */
  height: 0;
}
#main .cards05 .movie20231222 .video-container2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.block231222 {
  padding-top: calc(0%);
  padding-left: calc(10%);
  padding-right: calc(10%);
  padding-bottom: calc(3%);
}

/*////////////////20250630追加////////////////////*/
.image-with-overlay {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  
}
.image-with-overlay picture img {
  display: block;
  max-width: 100%;
  height: auto;
}
.overlay-buttons, .overlay-buttons_2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.overlay-buttons_3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.overlay-buttons a img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}
.overlay-buttons a:hover {
  transform: scale(1.02);
}
.overlay-buttons_3 picture {
  width: 85.5vw;
  max-width: 1150px;
}
.overlay-buttons_3 a img {
 width: 100%;
 max-width: 1150px;
 height: auto;
 transition: transform 0.3s ease;
}
.overlay-buttons_3 a:hover {
  transform: scale(1.02);
}
.overlay-buttons_2 a {
  width: 90%;
  height: auto;
  padding: 0 0 2vw 0;
  transition: transform 0.3s ease;
}
.overlay-buttons_2 a:hover {
  transform: scale(1.02);
}


  .PC {
  display: none;
  max-width: 0px;
  }
  .SP {
  }