@charset "UTF-8";

/* access ページ (/access) 専用スタイル */

[data-pagename="access"] #gradient-bg-img {
    background-image: none;
    background-color: #fff;
}

.mb0{ margin-bottom:0 !important; }


.mv-access{
width:100%;
height:54.13vw;
background:url(../../img/mv-access-sp.jpg) no-repeat center center;
background-size:cover;
margin:0;
position:relative;
}


.acc-lead{
padding:6.40vw;
}
.acc-lead-col{
width:87.20vw;
margin:0 auto;
display:flex;
flex-wrap:wrap;
gap:6.40vw;
}
.acc-lead-l{
width:87.20vw;
}
.acc-lead h2{
font-size:7.5vw;
line-height:1.35;
margin:0 0 2.13vw;
}
.acc-lead-route{
color:#005CD4;
font-size:4.80vw;
line-height:1.35;
font-weight:bold;
}

.acc-lead-r{
width:87.20vw;
display:flex;
gap:4.53vw;
}
.opc-bal{
width:32.20vw;
height:17.60vw;
display:flex;
align-items:center;
padding:0 0 0 2.13vw;
font-size:2.9vw;
line-height:1.45;
color:#fff;
font-weight:bold;
position:relative;
background:#005CD4;
}
.opc-bal::after{
content:'';
width:0;
height:0;
border-left:2.67vw solid #005CD4;
border-top:1.33vw solid transparent;
border-bottom:1.33vw solid transparent;
position:absolute;
right:-2.13vw;
top:calc(50% - 1.33vw);
}

.acc-lead-r h3{
font-size:3.73vw;
line-height:1;
padding-left:4.27vw;
border-left:0.80vw solid #14B4FF;
margin:0 0 .5vw;
}
.opc-acc{
font-size:3.73vw;
line-height:1.35;
padding-left:2.13vw;
}

.acc-bg{
background:#f4f4f4;
padding:10.67vw 0;
}
.acc-map{
width:87.20vw;
height:64.80vw;
margin:0 auto 6.40vw;
position:relative;
}
.acc-map iframe{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}

.acc-mov{
width:87.20vw;
margin:0 auto;
aspect-ratio:16/9;
overflow:hidden;
}

.acc-mov iframe{
width:100%;
height:100%;
aspect-ratio:16/9;
}


.acc-routemap{
width:87.20vw;
margin:0 auto 14.93vw;
}










@media (min-width: 768px) {

.mv-access{
width:100%;
height:372px;
background:url(../../img/mv-access-pc.jpg) no-repeat center center;
background-size:cover;
margin:0;
}

.acc-lead{
padding:40px;
}
.acc-lead-col{
width:1260px;
margin:0 auto;
display:flex;
gap:40px;
}
.acc-lead-l{
width:610px;
}
.acc-lead h2{
font-size:30px;
line-height:1.35;
margin:0 0 8px;
}
.acc-lead-route{
color:#005CD4;
font-size:24px;
line-height:1.35;
font-weight:bold;
}

.acc-lead-r{
width:610px;
display:flex;
gap:27px;
}
.opc-bal{
width:208px;
height:143px;
display:flex;
align-items:center;
padding:0 0 0 8px;
font-size:19px;
line-height:1.45;
color:#fff;
font-weight:bold;
position:relative;
background:#005CD4;
}
.opc-bal::after{
content:'';
width:0;
height:0;
border-left:16px solid #005CD4;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
position:absolute;
right:-14px;
top:calc(50% - 8px);
}

.acc-lead-r h3{
font-size:24px;
line-height:1.35;
padding-left:16px;
border-left:5px solid #14B4FF;
margin:0 0 16px;
}
.opc-acc{
font-size:22px;
line-height:1.5;
padding-left:16px;
}

.acc-bg{
background:#f4f4f4;
padding:40px 0;
}
.acc-map{
width:1260px;
height:400px;
margin:0 auto 24px;
position:relative;
}
.acc-map iframe{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}

.acc-mov{
width:800px;
margin:0 auto;
aspect-ratio:16/9;
overflow:hidden;
}

.acc-mov iframe{
width:100%;
height:100%;
aspect-ratio:16/9;
}


.acc-routemap{
width:1200px;
margin:0 auto 56px;
}




}