@charset "utf-8";

.a3_cp{
padding: 0;
margin: 0;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.8rem;
line-height: 1.8;
color: #000000;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
-ms-text-size-adjust: 100%;/*EgdeMobile*/
-moz-text-size-adjust: 100%;/*firefox*/
overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1399px) {
.a3_cp{
font-size: 1.8rem;
}
}
@media screen and (max-width: 768px) {
.a3_cp{
font-size: 1.6rem;
}
}

.a3_cp ul {padding-inline-start: 0;}
.a3_cp li {list-style-type: none;}
.a3_cp h2,h3,h4,h5,h6,p { margin: 0; padding: 0;font-size: 100%;}

.a3_cp img {
width: 100%;
display:block;
vertical-align: bottom !important;
}
@media screen and (max-width: 768px) {
.a3_cp img {
width: 100%;
height: auto;
}
}

.a3_cp p a,
.a3_cp h3 a,
.a3_cp .st_list li a{
color: #000000;
text-decoration: underline;
}

.a3_cp p a:hover,
.a3_cp h3 a:hover,
.a3_cp .st_list li a:hover {
text-decoration: none;
}

.a3_cp a:hover {
opacity: 0.85;
}

.a3_cp .forSP {display: none !important;}
.a3_cp .forPC {display: block !important;}
@media screen and (max-width: 768px) {
.a3_cp .forSP {display: block !important;}
.a3_cp .forPC {display: none !important;}
}

/* fadeの設定 */
.a3_cp .fade {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.75s, transform 0.75s;
}
.a3_cp .fade.active {
opacity: 1;
transform: translateY(0px);
}

/* parts */
.a3_cp .p_re{
position: relative;
}

.a3_cp .wrap{
width: 100%;
background: url(/jrplus-A3_2025/image/bg_antique.jpg) repeat;
}

.a3_cp .conts_wrap{
background: #a0141a;
max-width: 900px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);
margin: 0 auto;
text-align: center;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .conts_wrap{
width: calc(100vw / 999 * 900);
}
}
@media screen and (max-width: 768px) {
.a3_cp .conts_wrap{
width: 100%;
}
}

/* clearFix */
.a3_cp .cf:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

/* indent */
.a3_cp p.cap,
.a3_cp ul.cap li{
padding-left: 1em;
text-indent: -1em;
font-size: 75%;
line-height: 1.7;
text-align: left;
}

.a3_cp ul.indent li{
padding-left: 1em;
text-indent: -1em;
line-height: 1.7;
text-align: left;
}

.a3_cp p.indent{
padding-left: 1em;
text-indent: -1em;
line-height: 1.7;
text-align: left;
}

/* bg */
.a3_cp .bg_stripe{
background: url(/jrplus-A3_2025/image/bg_stripe.jpg) repeat;
}

.a3_cp .bg_darkred{
background: #5e1d0e;
}

.a3_cp .bg_shippou{
background: url(/jrplus-A3_2025/image/bg_shippou.jpg) repeat;
}

/* line */
.a3_cp .line1{
width: 100%;
text-align: center;
margin: 0;
padding: 0;
height: 20px;
background: linear-gradient(90deg, #d9ae4d, #f9fbfa 48%, #d9ae4d);
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .line1{
height: calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .line1{
height: calc(100vw / 750 * 20);
}
}


/* アンカーリンク調整用 */
.a3_cp #ekiben,
.a3_cp #collabo1,
.a3_cp #collabo2,
.a3_cp #campaign,
.a3_cp #dlapp,
.a3_cp #taisho{
padding-top:100px;
margin-top:-100px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp #ekiben,
.a3_cp #collabo1,
.a3_cp #collabo2,
.a3_cp #campaign,
.a3_cp #dlapp,
.a3_cp #taisho{
padding-top:calc(100vw / 999 * 100);
margin-top:calc(100vw / 999 * -100);
}
}
@media screen and (max-width: 768px) {
.a3_cp #ekiben,
.a3_cp #collabo1,
.a3_cp #collabo2,
.a3_cp #campaign,
.a3_cp #dlapp,
.a3_cp #taisho{
padding-top:calc(100vw / 750 * 100);
margin-top:calc(100vw / 750 * -100);
}
}


/* ===========================================
* sec_00
* ======================================== */
.a3_cp .sec00{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
}


/* ===========================================
* sec01
* ======================================== */
.a3_cp .sec01{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0 0 50px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec01{
padding: 0 0 calc(100vw / 999 * 50);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec01{
background: url(/jrplus-A3_2025/image/sec01_bg_sp.gif) no-repeat;
background-position: top center;
background-size: 100%;
padding: 0 0 calc(100vw / 750 * 50);
}
}

.a3_cp .sec01 .inner1{
width: 750px;
text-align: center;
margin: 40px auto 0;
padding: 35px 0 40px;
background: #ffffff;
border-radius: 250px 250px 20px 20px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec01 .inner1{
width: calc(100vw / 999 * 750);
margin: calc(100vw / 999 * 40) auto 0;
padding: calc(100vw / 999 * 35) 0 calc(100vw / 999 * 40);
background: #ffffff;
border-radius: calc(100vw / 999 * 250) calc(100vw / 999 * 250) calc(100vw / 999 * 20) calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec01 .inner1{
width: 90%;
margin: calc(100vw / 750 * 40) auto 0;
padding: calc(100vw / 750 * 50) 0 calc(100vw / 750 * 40);
background: #ffffff;
border-radius: calc(100vw / 750 * 250) calc(100vw / 750 * 250) calc(100vw / 750 * 20) calc(100vw / 750 * 20);
}
}

.a3_cp .sec01 .inner1 h2{
width: 36%;
text-align: center;
margin: 0 auto 40px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec01 .inner1 h2{
margin: 0 auto calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec01 .inner1 h2{
width: 53%;
margin: 0 auto calc(100vw / 750 * 40);
}
}

.a3_cp .sec01 .inner1 h3{
width: 82%;
text-align: center;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.a3_cp .sec01 .inner1 h3{
width: 88%;
}
}

.a3_cp .sec01 .inner1 div{
width: 50%;
text-align: center;
margin: 20px auto;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec01 .inner1 div{
margin: calc(100vw / 999 * 20) auto;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec01 .inner1 div{
width: 56%;
margin: calc(100vw / 750 * 40) auto;
}
}

.a3_cp .sec01 .inner1 ul{
padding: 0 40px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec01 .inner1 ul{
padding: 0 calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec01 .inner1 ul{
padding: 0 calc(100vw / 750 * 40);
}
}

.a3_cp .sec01 .inner2{
width: 750px;
text-align: center;
margin: 0 auto;
padding: 0;
color: #ffffff;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec01 .inner2{
width: calc(100vw / 999 * 750);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec01 .inner2{
width: 90%;
}
}

.a3_cp .sec01 .inner2 h4{
width: 28%;
text-align: center;
margin: 40px auto 15px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec01 .inner2 h4{
margin: calc(100vw / 999 * 40) auto calc(100vw / 999 * 15);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec01 .inner2 h4{
width: 42%;
margin: calc(100vw / 750 * 60) auto calc(100vw / 750 * 25);
}
}

.a3_cp .sec01 .inner2 p{
text-align: left;
margin: 0 auto 20px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec01 .inner2 p{
margin: 0 auto calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec01 .inner2 p{
margin: 0 auto calc(100vw / 750 * 20);
}
}

.a3_cp .sec01 .inner2 .imgbox1{
width: 62%;
text-align: center;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.a3_cp .sec01 .inner2 .imgbox1{
width: 92%;
}
}

.a3_cp .sec01 .inner2 .imgbox2{
width: 24%;
text-align: center;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.a3_cp .sec01 .inner2 .imgbox2{
width: 35%;
}
}

/* ===========================================
* sec_menu
* ======================================== */
.a3_cp .sec_menu{
width: 100%;
text-align: center;
margin: 0 auto;
}

.a3_cp .sec_menu ul {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
display: flex;
flex-wrap: wrap;
background: #b48d23;
box-sizing: border-box;
align-items: stretch;
}

.a3_cp .sec_menu li {
line-height: 1.5;
width: 33.3%;
margin: 0 auto;
padding: 10px 0;
text-align: center;
display: flex;
position: relative;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec_menu li {
padding: calc(100vw / 999 * 10) 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec_menu li {
font-size: calc(100vw / 750 * 24);
padding: 0;
}
}

.a3_cp .sec_menu li:after {
color: #e8c570;
box-sizing: border-box;
content: '∨';
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 20px;
top: 40%;
padding-bottom: 1px;
font-size: 80%;
line-height: 1;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec_menu li:after {
right: calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec_menu li:after {
right: calc(100vw / 750 * 10);
}
}

.a3_cp .sec_menu li a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex: 1;
text-decoration: none;
padding: 10px 0;
box-sizing: border-box;
color: #ffffff !important;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec_menu li a{
padding: calc(100vw / 999 * 10) 0;
}
}
.a3_cp .sec_menu li:nth-of-type(2) {
border-left: #e8c570 1px solid;
}

.a3_cp .sec_menu li:nth-of-type(3) {
border-left: #e8c570 1px solid;
}

.a3_cp .sec_menu li:nth-of-type(4) {
width: 100%;
border-top: #e8c570 1px solid;
padding: 10px 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec_menu li:nth-of-type(4) {
padding: calc(100vw / 999 * 10) 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec_menu li:nth-of-type(4) {
padding: calc(100vw / 750 * 15) 0;
}
}


/* ===========================================
* sec02
* ======================================== */
.a3_cp .sec02{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0 0 20px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02{
padding: 0 0 calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02{
padding: 0 0 calc(100vw / 750 * 20);
}
}

.a3_cp .sec02 .inner{
width: 750px;
text-align: center;
margin: 0 auto;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .inner{
width: calc(100vw / 999 * 750);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner{
width: 90%;
}
}

.a3_cp .sec02 .inner h2{
width: 46%;
text-align: center;
margin: 0 auto 40px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .inner h2{
margin: 0 auto calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner h2{
width: 68%;
margin: 0 auto calc(100vw / 750 * 40);
}
}

.a3_cp .sec02 .inner h3{
width: 60%;
text-align: center;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner h3{
width: 87%;
}
}

.a3_cp .sec02 .inner h4{
width: 28%;
text-align: center;
margin: 40px auto 15px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .inner h4{
margin: calc(100vw / 999 * 40) auto calc(100vw / 999 * 15);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner h4{
width: 42%;
margin: calc(100vw / 750 * 60) auto calc(100vw / 750 * 25);
}
}

.a3_cp .sec02 .inner .imgbox1{
width: 40%;
text-align: center;
margin: 40px auto 5px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .inner .imgbox1{
margin: calc(100vw / 999 * 40) auto calc(100vw / 999 * 5);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner .imgbox1{
width: 58%;
margin: calc(100vw / 750 * 40) auto calc(100vw / 750 * 5);
}
}

.a3_cp .sec02 .inner .imgbox2{
width: 70%;
text-align: center;
margin: -80px auto 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .inner .imgbox2{
margin: calc(100vw / 999 * -80) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner .imgbox2{
width: 100%;
text-align: center;
margin: calc(100vw / 750 * -80) auto 0;
}
}

.a3_cp .sec02 .inner .imgbox3{
width: 60%;
text-align: center;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner .imgbox3{
width: 92%;
}
}

.a3_cp .sec02 .inner .cap{
text-align: center;
margin: 0 auto;
}

.a3_cp .sec02 .inner .ekiben_card{
margin: 20px auto 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .inner .ekiben_card{
margin: calc(100vw / 999 * 20) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner .ekiben_card{
margin: calc(100vw / 750 * 20) auto 0;
}
}

.a3_cp .sec02 .inner .ekiben_card ul{
width: 75%;
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner .ekiben_card ul{
width: 90%;
}
}

.a3_cp .sec02 .inner .ekiben_card ul li{
padding: 30px 0;
border-bottom: #b48d23 2px dotted;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .inner .ekiben_card ul li{
padding: calc(100vw / 999 * 30) 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner .ekiben_card ul li{
padding: calc(100vw / 750 * 30) 0;
}
}

.a3_cp .sec02 .inner .ekiben_card p{
margin: 30px auto 0;
font-size: 75%;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .inner .ekiben_card p{
margin: calc(100vw / 999 * 30) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .inner .ekiben_card p{
margin: calc(100vw / 750 * 30) auto 0;
}
}

.a3_cp .sec02 .station_wrap{
width: 100%;
margin: 0 auto 30px;
padding: 25px 25px 5px;
background-color: #ffffff;
border-radius: 10px;
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_wrap{
width: 100%;
margin: 0;
padding: 0;
background-color: transparent;
}
}

.a3_cp .sec02 .station_wrap h5{
font-weight: normal;
font-size: 80%;
}

.a3_cp .sec02 .station_wrap p{
margin: 0 auto 30px;
font-size: 80%;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .station_wrap p{
margin: 0 auto calc(100vw / 999 * 30);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_wrap p{
margin: 0 auto calc(100vw / 750 * 40);
text-align: left;
}
}

.a3_cp .sec02 .station_wrap p span{
color: #e00000;
}

.a3_cp .sec02 .station_box{
text-align: center;
margin: 0 auto 20px;
display: flex;
justify-content: space-between;
align-items:flex-start
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .station_box{
margin: 0 auto calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_box{
width: 86%;
margin: 0 auto;
display: block;
}
}

.a3_cp .sec02 .station_box.last {}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_box.last {
margin: 0 auto calc(100vw / 750 * 40) !important;
}
}

.a3_cp .sec02 .station_box dl{
width: 48%;
text-align: left;
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_box dl{
width: 100%;
margin: 0 auto calc(100vw / 750 * 25);
background: #ffffff;
border-radius: 10px;
}
}

.a3_cp .sec02 .station_box dt{
color: #ffffff;
background: #b48d23;
padding: 5px 20px 5px;
border-radius: 10px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .station_box dt{
padding: calc(100vw / 999 * 5) calc(100vw / 999 * 20) calc(100vw / 999 * 5);
border-radius: calc(100vw / 999 * 10);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_box dt{
color: #ffffff;
background: #b48d23;
padding: calc(100vw / 750 * 10) calc(100vw / 750 * 20) calc(100vw / 750 * 10);
border-radius: calc(100vw / 750 * 10) calc(100vw / 750 * 10) 0 0;
}
}

.a3_cp .sec02 .station_box dd{
margin: 0 20px;
padding: 7px 0 7px;
border-bottom: #b48d23 2px dotted;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .station_box dd{
margin: 0;
padding: calc(100vw / 999 * 7) 0 calc(100vw / 999 * 7);
border-bottom: #b48d23 2px dotted;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_box dd{
margin: 0 calc(100vw / 750 * 20);
padding: calc(100vw / 750 * 17) 0 calc(100vw / 750 * 17);
}
}

.a3_cp .sec02 .station_box dd:nth-last-child(1){
border-bottom: none;
}

.a3_cp .sec02 .station_box .st_list {
padding: 10px 0 10px;
margin: 0 0 0 10px;
list-style: none;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec02 .station_box .st_list {
padding: calc(100vw / 999 * 10) 0;
margin: 0 0 0 calc(100vw / 999 * 10);
list-style: none;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_box .st_list {
padding: calc(100vw / 750 * 15) 0;
margin: 0 0 0 calc(100vw / 750 * 10);
}
}

.a3_cp .sec02 .station_box .st_list li{
margin: 0 0 10px;
font-size: 90%;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_box .st_list li{
margin: 0 0 calc(100vw / 750 * 10);
font-size: 100%;
}
}

.a3_cp .sec02 .station_box .st_list > li {
position: relative;
padding: 0px 0px 0px 0.4em;
}
@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_box .st_list > li {
padding: calc(100vw / 750 * 7) 0 calc(100vw / 750 * 7) 1em;
}
}

.a3_cp .sec02 .station_box .st_list > li::before {
position: absolute;
top: 0.75em;
left: -0.5em;
transform: translateY(-50%);
width: 0px;
height: 0px;
border: 0.3em solid transparent;
border-left: 0.4em solid #b48d23;
content: "";
}

@media screen and (max-width: 768px) {
.a3_cp .sec02 .station_box .st_list > li::before {
top: 1.15em;
left: 0;
}
}


/* ===========================================
* sec03
* ======================================== */
.a3_cp .sec03{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.a3_cp .sec03 .inner1{
width: 750px;
text-align: center;
margin: 0 auto;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec03 .inner1{
width: calc(100vw / 999 * 750);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec03 .inner1{
width: 90%;
}
}

.a3_cp .sec03 .inner1 h2{
width: 56%;
text-align: center;
margin: 0 auto 40px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec03 .inner1 h2{
margin: 0 auto calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec03 .inner1 h2{
width: 83%;
margin: 0 auto calc(100vw / 750 * 50);
}
}

.a3_cp .sec03 .inner1 h3{
width: 53%;
text-align: center;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.a3_cp .sec03 .inner1 h3{
width: 77%;
margin: 0 auto calc(100vw / 750 * 30);
}
}

.a3_cp .sec03 .inner2{
width: 100%;
text-align: center;
margin: 0 auto;
}

.a3_cp .sec03 .inner2 .imgbox1{
width: 60%;
text-align: center;
margin: 0 auto ;
padding: 15px 0 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec03 .inner2 .imgbox1{
padding: calc(100vw / 999 * 15) 0 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec03 .inner2 .imgbox1{
width: 100%;
padding: 0;
}
}

.a3_cp .sec03 ul{
width: 100%;
margin: 0 auto;
padding: 70px 0 30px;
text-align: center;
display: flex;
flex-wrap: wrap;
background: url(/jrplus-A3_2025/image/sec03_bg.gif) no-repeat;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec03 ul{
padding: calc(100vw / 999 * 70) 0 calc(100vw / 999 * 30);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec03 ul{
padding: calc(100vw / 750 * 50) 0 calc(100vw / 750 * 50);
display: block;
background: url(/jrplus-A3_2025/image/sec03_bg_sp.gif);
background-position: center top;
background-repeat: no-repeat;
background-size: auto 102%;
}
}

.a3_cp .sec03 ul li{
width: 50%;
}
@media screen and (max-width: 768px) {
.a3_cp .sec03 ul li{
width: 100%;
}
}

.a3_cp .sec03 ul li:nth-of-type(1),
.a3_cp .sec03 ul li:nth-of-type(2){margin-top: 25px;}
.a3_cp .sec03 ul li:nth-of-type(3),
.a3_cp .sec03 ul li:nth-of-type(4),
.a3_cp .sec03 ul li:nth-of-type(5),
.a3_cp .sec03 ul li:nth-of-type(6),
.a3_cp .sec03 ul li:nth-of-type(7),
.a3_cp .sec03 ul li:nth-of-type(8){margin-top: 45px;}

@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec03 ul li:nth-of-type(1),
.a3_cp .sec03 ul li:nth-of-type(2){margin-top: calc(100vw / 999 * 25);}
.a3_cp .sec03 ul li:nth-of-type(3),
.a3_cp .sec03 ul li:nth-of-type(4),
.a3_cp .sec03 ul li:nth-of-type(5),
.a3_cp .sec03 ul li:nth-of-type(6),
.a3_cp .sec03 ul li:nth-of-type(7),
.a3_cp .sec03 ul li:nth-of-type(8){margin-top: calc(100vw / 999 * 45);}
}
@media screen and (max-width: 768px) {
.a3_cp .sec03 ul li:nth-of-type(1){margin-top: calc(100vw / 750 * 10);}
.a3_cp .sec03 ul li:nth-of-type(2){margin-top: calc(100vw / 750 * 40);}
.a3_cp .sec03 ul li:nth-of-type(3){margin-top: calc(100vw / 750 * -20);}
.a3_cp .sec03 ul li:nth-of-type(4){margin-top: calc(100vw / 750 * -80);}
.a3_cp .sec03 ul li:nth-of-type(5){margin-top: calc(100vw / 750 * 10);}
.a3_cp .sec03 ul li:nth-of-type(6){margin-top: calc(100vw / 750 * 20);}
.a3_cp .sec03 ul li:nth-of-type(7){margin-top: calc(100vw / 750 * 0);}
.a3_cp .sec03 ul li:nth-of-type(8){margin-top: calc(100vw / 750 * -20);}
}

.a3_cp .sec03 .p_ab1{
position: absolute;
width: 84%;
top: 70px;
right: 0;
left: 0;
margin: 0 auto;
z-index: 10;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec03 .p_ab1{
top: calc(100vw / 999 * 70);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec03 .p_ab1{
width: 86%;
top: calc(100vw / 750 * 340);
}
}

.a3_cp .sec03 .p_ab2{
position: absolute;
width: 83%;
bottom: 130px;
right: 0;
left: 0;
margin: 0 auto;
z-index: 11;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec03 .p_ab2{
bottom: calc(100vw / 999 * 130);
}
}


/* ===========================================
* sec04
* ======================================== */
.a3_cp .sec04{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0 0 20px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04{
padding: 0 0 calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04{
padding: 0 0 calc(100vw / 750 * 20);
}
}

.a3_cp .sec04 .inner1{
width: 750px;
text-align: center;
margin: 0 auto;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner1{
width: calc(100vw / 999 * 750);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner1{
width: 90%;
}
}

.a3_cp .sec04 .inner1 h2{
width: 46%;
text-align: center;
margin: 0 auto 40px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner1 h2{
margin: 0 auto calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner1 h2{
width: 68%;
margin: 0 auto calc(100vw / 750 * 50);
}
}

.a3_cp .sec04 .inner1 h3{
width: 65%;
text-align: center;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner1 h3{
width: 48%;
}
}

.a3_cp .sec04 .inner1 .imgbox1{
width: 72%;
text-align: center;
margin: 0 auto ;
padding: 50px 0 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner1 .imgbox1{
padding: calc(100vw / 999 * 50) 0 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner1 .imgbox1{
width: 96%;
padding: calc(100vw / 750 * 40) 0 0;
}
}

.a3_cp .sec04 .p_ab1{
position: absolute;
width: 92%;
top: 70px;
right: 0;
left: 0;
margin: 0 auto;
z-index: 10;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .p_ab1{
top: calc(100vw / 999 * 70);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .p_ab1{
width: 100%;
top: calc(100vw / 750 * 170);
}
}

.a3_cp .sec04 .p_ab2{
position: absolute;
width: 67%;
bottom: 290px;
right: 0;
left: 0;
margin: 0 auto;
z-index: 10;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .p_ab2{
bottom: calc(100vw / 999 * 290);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .p_ab2{
width: 88%;
bottom: calc(100vw / 750 * 360);
}
}

.a3_cp .sec04 .inner2{
width: 750px;
text-align: center;
margin: 0 auto 40px;
padding: 0 0 40px;
background: #ffffff;
border-radius: 20px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner2{
width: calc(100vw / 999 * 750);
margin: 0 auto calc(100vw / 999 * 40);
padding: 0 0 calc(100vw / 999 * 40);
}
}

@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner2{
width: 90%;
margin: 0 auto calc(100vw / 750 * 40);
padding: 0 0 calc(100vw / 750 * 40);
}
}

.a3_cp .sec04 .inner2 h3{
width: 100%;
background: linear-gradient(90deg, #d9ae4d, #f9fbfa 48%, #d9ae4d);
text-align: center;
margin: 0 auto;
border-radius: 20px 20px 0 0;
color: #5e1d0e;
font-size: 130%;
font-weight: bold;
padding: 6px 0 10px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner2 h3{
border-radius: calc(100vw / 999 * 20) calc(100vw / 999 * 20) 0 0;
padding: calc(100vw / 999 * 6) 0 calc(100vw / 999 * 10);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner2 h3{
padding: calc(100vw / 750 * 6) 0 calc(100vw / 750 * 10);
}
}

.a3_cp .sec04 .inner2 h4{
width: 28%;
text-align: center;
margin: 40px auto 15px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner2 h4{
margin: calc(100vw / 999 * 40) auto calc(100vw / 999 * 15);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner2 h4{
width: 42%;
margin: calc(100vw / 750 * 50) auto calc(100vw / 750 * 25);
}
}

.a3_cp .sec04 .inner2 p{
text-align: center;
margin: 0 auto;
}

.a3_cp .sec04 .inner2 p.cap{
text-align: center;
margin: 0 auto 0 !important;
}

.a3_cp .sec04 .inner2 p span{
color: #e00000;
}

.a3_cp .sec04 .inner2 .imgbox2{
width: 38%;
text-align: center;
margin: 0 auto ;
padding: 0 0 10px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner2 .imgbox2{
padding: 0 0 calc(100vw / 999 * 10);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner2 .imgbox2{
width: 56%;
padding: 0 0 calc(100vw / 750 * 10);
}
}

.a3_cp .sec04 .inner2 .imgbox3{
width: 48%;
text-align: center;
margin: 0 auto ;
padding: 0 0 10px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner2 .imgbox3{
padding: 0 0 calc(100vw / 999 * 10);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner2 .imgbox3{
width: 72%;
padding: 0 0 calc(100vw / 750 * 10);
}
}

.a3_cp .sec04 .inner2 .imgbox4{
width: 66%;
text-align: center;
margin: 0 auto ;
padding: 0 0 10px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner2 .imgbox4{
padding: 0 0 calc(100vw / 999 * 10);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner2 .imgbox4{
width: 58%;
padding: 0 0 calc(100vw / 750 * 10);
}
}

.a3_cp .sec04 .inner2 .btn{
width: 72%;
text-align: center;
margin: 20px auto 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner2 .btn{
margin: calc(100vw / 999 * 20) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner2 .btn{
width: 83%;
margin: calc(100vw / 750 * 30) auto 0;
}
}

.a3_cp .sec04 .inner2 .btn.last{
margin: 20px auto;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .inner2 .btn.last{
margin: calc(100vw / 999 * 20) auto;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .inner2 .btn.last{
margin: calc(100vw / 750 * 30) auto;
}
}

.a3_cp .sec04 .station_wrap{
width: 92%;
margin: 0 auto 0;
padding: 25px 25px 5px;
background-color: #f5f0e4;
border-radius: 10px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .station_box{
margin: 0 auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .station_wrap{
width: 100%;
margin: 0;
padding: 0;
background-color: transparent;
}
}

.a3_cp .sec04 .station_box{
width: 100%;
text-align: center;
margin: 0 auto 20px;
display: flex;
justify-content: space-between;
align-items:flex-start
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .station_box{
margin: 0 auto calc(100vw / 999 * 20);
display: block;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .station_box{
width: 86%;
margin: 0 auto calc(100vw / 750 * 20);
display: block;
}
}

.a3_cp .sec04 .station_box dl{
width: 48%;
text-align: left;
background: #f5f0e4;
border-radius: 10px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .station_box dl{
width: 100%;
margin: 0 auto calc(100vw / 999 * 25);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .station_box dl{
width: 100%;
margin: 0 auto calc(100vw / 750 * 25);
}
}

.a3_cp .sec04 .station_box dt{
color: #ffffff;
background: #b48d23;
padding: 5px 20px 5px;
border-radius: 10px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .station_box dt{
padding: calc(100vw / 999 * 5) calc(100vw / 999 * 20) calc(100vw / 999 * 5);
border-radius: calc(100vw / 999 * 10);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .station_box dt{
padding: calc(100vw / 750 * 10) calc(100vw / 750 * 20) calc(100vw / 750 * 10);
border-radius: 10px 10px 0 0;
font-size: 100%;
}
}

.a3_cp .sec04 .station_box dd{
margin: 0 20px;
padding: 7px 0 7px;
border-bottom: #b48d23 2px dotted;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .station_box dd{
margin: 0;
padding: calc(100vw / 999 * 20) 0 calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .station_box dd{
margin: 0 calc(100vw / 750 * 20);
padding: calc(100vw / 750 * 17) 0 calc(100vw / 750 * 17);
}
}

.a3_cp .sec04 .station_box dd:nth-last-child(1){
border-bottom: none;
}

.a3_cp .sec04 .station_box dd span{
font-size: 75% !important;
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .station_box dd span{
font-size: 90% !important;
}
}


.a3_cp .sec04 .station_box .st_list {
padding: 10px 0;
margin: 0 0 0 10px;
list-style: none;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec04 .station_box .st_list {
padding: calc(100vw / 999 * 10) 0;
margin: 0 0 0 calc(100vw / 999 * 10);
list-style: none;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .station_box .st_list {
padding: calc(100vw / 750 * 15) 0;
margin: 0 0 0 calc(100vw / 750 * 10);
}
}

.a3_cp .sec04 .station_box .st_list li{
margin: 0 0 10px;
font-size: 90%;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .station_box .st_list li{
margin: 0 0 calc(100vw / 750 * 10);
font-size: 100%;
}
}

.a3_cp .sec04 .station_box .st_list > li {
position: relative;
padding: 0px 0px 0px 0.4em;
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .station_box .st_list > li {
padding: calc(100vw / 750 * 7) 0px calc(100vw / 750 * 7) 1em;
}
}

.a3_cp .sec04 .station_box .st_list > li::before {
position: absolute;
top: 0.75em;
left: -0.5em;
transform: translateY(-50%);
width: 0px;
height: 0px;
border: 0.3em solid transparent;
border-left: 0.4em solid #b48d23;
content: "";
}
@media screen and (max-width: 768px) {
.a3_cp .sec04 .station_box .st_list > li::before {
top: 1.15em;
left: 0;
}
}


/* ===========================================
* sec05
* ======================================== */
.a3_cp .sec05{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0 0 60px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05{
padding: 0 0 calc(100vw / 999 * 60);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05{
padding: 0 0 calc(100vw / 750 * 60);
}
}

.a3_cp .sec05 .inner1{
width: 750px;
text-align: center;
margin: 0 auto;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .inner1{
width: calc(100vw / 999 * 750);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .inner1{
width: 90%;
}
}

.a3_cp .sec05 .inner1 h2{
width: 90%;
text-align: center;
margin: 0 auto 40px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .inner1 h2{
margin: 0 auto calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .inner1 h2{
margin: 0 auto calc(100vw / 750 * 40);
}
}

.a3_cp .sec05 .inner1 h3{
width: 100%;
text-align: center;
margin: 0 auto 50px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .inner1 h3{
margin: 0 auto calc(100vw / 999 * 50);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .inner1 h3{
width: 100%;
margin: 0 auto calc(100vw / 750 * 50);
}
}

.a3_cp .sec05 .inner1 .imgbox1{
width: 90%;
text-align: center;
margin: 0 auto ;
padding: 30px 0 15px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .inner1 .imgbox1{
padding: calc(100vw / 999 * 30) 0 calc(100vw / 999 * 15);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .inner1 .imgbox1{
width: 100%;
padding: calc(100vw / 750 * 30) 0 calc(100vw / 750 * 15);
}
}

.a3_cp .sec05 .inner1 p{
text-align: left;
margin: 0 auto;
color: #ffffff;
font-size: 115%;
}

.a3_cp .sec05 .inner1 p span{
font-weight: bold;
color: #a0141a;
background: #ffffff;
padding: 2px;
}

.a3_cp .sec05 .inner1 p.cap{
text-align: center;
margin: 0 auto;
color: #ffffff;
font-size: 75%;
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .inner1 p.cap{
text-align: left;
}
}

.a3_cp .sec05 .inner1 .btn{
width: 60%;
text-align: center;
margin: 35px auto 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .inner1 .btn{
margin: calc(100vw / 999 * 35) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .inner1 .btn{
width: 88%;
margin: calc(100vw / 750 * 35) auto 0;
}
}

.a3_cp .sec05 .course_a{
width: 100%;
text-align: center;
margin: 45px auto 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_a{
margin: calc(100vw / 999 * 45) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_a{
margin: calc(100vw / 750 * 45) auto 0;
}
}

.a3_cp .sec05 .course_a h3{
width: 100%;
text-align: center;
margin: 0 auto;
}

.a3_cp .sec05 .course_a .inner_a1{
width: 750px;
text-align: center;
margin: 30px auto 40px;
color: #ffffff;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_a .inner_a1{
width: calc(100vw / 999 * 750);
margin: calc(100vw / 999 * 30) auto calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_a .inner_a1{
width: 90%;
margin: calc(100vw / 750 * 30) auto calc(100vw / 750 * 40);
}
}

.a3_cp .sec05 .course_a .inner_a2{
width: 750px;
text-align: center;
margin: 0 auto 40px;
padding: 0 0 30px;
background: #ffffff;
border-radius: 20px;
overflow: hidden;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_a .inner_a2{
width: calc(100vw / 999 * 750);
margin: 0 auto calc(100vw / 999 * 40);
padding: 0 0 calc(100vw / 999 * 30);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_a .inner_a2{
width: 90%;
margin: 0 auto calc(100vw / 750 * 40);
padding: 0 0 calc(100vw / 750 * 30);
background: #ffffff;
border-radius: calc(100vw / 750 * 20);
overflow: hidden;
}
}

.a3_cp .sec05 .course_a .inner_a2 h4{
width: 36%;
text-align: center;
margin: 40px auto 10px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_a .inner_a2 h4{
margin: calc(100vw / 999 * 40) auto calc(100vw / 999 * 10);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_a .inner_a2 h4{
width: 53%;
margin: calc(100vw / 750 * 50) auto calc(100vw / 750 * 10);
}
}

.a3_cp .sec05 .course_a .inner_a2 .cap{
text-align: center;
margin: 0 auto 20px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_a .inner_a2 .cap{
margin: 0 auto calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_a .inner_a2 .cap{
text-align: center;
margin: 0 auto calc(100vw / 750 * 25);
}
}

.a3_cp .sec05 .course_a .inner_a2 ul{
width: 90%;
margin: 0 auto;
text-align: center;
display: flex;
flex-wrap: wrap;
}

.a3_cp .sec05 .course_a .inner_a2 ul li{
width: 20%;
margin: 0 0 20px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_a .inner_a2 ul li{
margin: 0 0 calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_a .inner_a2 ul li{
width: 33.33%;
margin: 0 0 calc(100vw / 750 * 20);
}
}

.a3_cp .sec05 .course_a .inner_a2 ul li img{
width: 80%;
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_a .inner_a2 ul li img{
width: 80%;
}
}

.a3_cp .sec05 .course_a .inner_a2 ul li p{
font-size: 70%;
line-height: 1.5;
padding: 4px 2px 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_a .inner_a2 ul li p{
padding: calc(100vw / 999 * 4) calc(100vw / 999 * 2) 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_a .inner_a2 ul li p{
padding: calc(100vw / 750 * 4) calc(100vw / 750 * 2) 0;
}
}

.a3_cp .sec05 .course_b{
width: 100%;
text-align: center;
margin: 45px auto 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_b{
margin: calc(100vw / 999 * 45) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_b{
width: 100%;
margin: calc(100vw / 750 * 45) auto 0;
}
}

.a3_cp .sec05 .course_b h3{
width: 100%;
text-align: center;
margin: 0 auto;
}

.a3_cp .sec05 .course_b .btn{
width: 32%;
text-align: center;
margin: -20px auto 30px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_b .btn{
margin: calc(100vw / 999 * -20) auto calc(100vw / 999 * 30);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_b .btn{
width: 52%;
margin: calc(100vw / 750 * -30) auto calc(100vw / 750 * 30);
}
}

.a3_cp .sec05 .course_b .inner_b1{
width: 750px;
text-align: center;
margin: 0 auto 20px;
padding: 0;
background: #ffffff;
border-radius: 20px;
overflow: hidden;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_b .inner_b1{
width: calc(100vw / 999 * 750);
margin: 0 auto calc(100vw / 999 * 20);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_b .inner_b1{
width: 90%;
margin: 0 auto calc(100vw / 750 * 20);
}
}

.a3_cp .sec05 .course_b .inner_b1 ul{
width: 90%;
text-align: center;
margin: 0 auto;
padding: 0 0 40px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_b .inner_b1 ul{
padding: 0 0 calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_b .inner_b1 ul{
width: 100%;
padding: 0 0 calc(100vw / 750 * 40);
}
}

.a3_cp .sec05 .course_b .inner_b1 ul li{
margin: 10px auto 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_b .inner_b1 ul li{
margin: calc(100vw / 999 * 10) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_b .inner_b1 ul li{
margin: calc(100vw / 750 * 10) auto 0;
}
}

.a3_cp .sec05 .course_b .inner_b1 h4{
width: 36%;
text-align: center;
margin: 40px auto 15px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_b .inner_b1 h4{
margin: calc(100vw / 999 * 40) auto calc(100vw / 999 * 15);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_b .inner_b1 h4{
width: 53%;
margin: calc(100vw / 750 * 50) auto calc(100vw / 750 * 25);
}
}

.a3_cp .sec05 .course_b .inner_b2{
width: 750px;
text-align: center;
margin: 0 auto 0;
color: #ffffff;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_b .inner_b2{
width: calc(100vw / 999 * 750);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_b .inner_b2{
width: 90%;
}
}

.a3_cp .sec05 .course_b .inner_b1 .imgbox1{
width: 60%;
text-align: center;
margin: 0 auto ;
padding: 15px 0 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_b .inner_b1 .imgbox1{
padding: calc(100vw / 999 * 15) 0 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_b .inner_b1 .imgbox1{
width: 88%;
padding: 0;
}
}

.a3_cp .sec05 .course_b .inner_b1 .imgbox2{
width: 48%;
text-align: center;
margin: 0 auto ;
padding: 15px 0 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec05 .course_b .inner_b1 .imgbox2{
padding: calc(100vw / 999 * 15) 0 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec05 .course_b .inner_b1 .imgbox2{
width: 73%;
padding: 0;
}
}


/* ===========================================
* sec06
* ======================================== */
.a3_cp .sec06{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 50px 0 60px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06{
padding: calc(100vw / 999 * 50) 0 calc(100vw / 999 * 60);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06{
padding: calc(100vw / 750 * 50) 0 calc(100vw / 750 * 60);
}
}

.a3_cp .sec06 h3{
font-weight: 400;
font-size: 115%;
padding: 0 0 40px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 h3{
padding: 0 0 calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 h3{
font-size:100%;
padding: 0 0 calc(100vw / 750 * 40);
}
}

.a3_cp .sec06 .ac_wrap1{
width: 750px;
text-align: center;
margin: 0 auto 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 .ac_wrap1{
width: calc(100vw / 999 * 750);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .ac_wrap1{
width: 90%;
}
}

.a3_cp .sec06 .ac_wrap2{
width: 750px;
text-align: center;
margin: 0 auto 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 .ac_wrap2{
width: calc(100vw / 999 * 750);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .ac_wrap2{
width: 90%;
}
}

.a3_cp .sec06 .ac_wrap1 ul.indent li,
.a3_cp .sec06 .ac_wrap2 ul.indent li{
margin: 0 0 5px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 .ac_wrap1 ul.indent li,
.a3_cp .sec06 .ac_wrap2 ul.indent li{
margin: 0 0 calc(100vw / 999 * 5);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .ac_wrap1 ul.indent li,
.a3_cp .sec06 .ac_wrap2 ul.indent li{
margin: 0 0 calc(100vw / 750 * 5);
}
}

.a3_cp .sec06 .ac_wrap1 ul.indent span,
.a3_cp .sec06 .ac_wrap2 ul.indent span{
font-size: 75%;
}

.a3_cp .sec06 .ac_wrap1 ul.indent .space_top{
margin: 20px 0 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 .ac_wrap1 ul.indent .space_top{
margin: calc(100vw / 999 * 20) 0 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .ac_wrap1 ul.indent .space_top{
margin: calc(100vw / 750 * 20) 0 0;
}
}

.a3_cp .sec06 .inner{
width: 750px;
text-align: center;
margin: 0 auto 0;
padding: 0 0 40px;
background: #ffffff;
border-radius: 20px;
overflow: hidden;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 .inner{
width: calc(100vw / 999 * 750);
padding: 0 0 calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .inner{
width: 90%;
padding: 0 0 calc(100vw / 750 * 40);
border-radius: calc(100vw / 750 * 20);
}
}

.a3_cp .sec06 .inner h4{
width: 32%;
text-align: center;
margin: 40px auto 15px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 .inner h4{
margin: calc(100vw / 999 * 40) auto calc(100vw / 999 * 15);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .inner h4{
width: 43%;
margin: calc(100vw / 750 * 50) auto calc(100vw / 750 * 25);
}
}

.a3_cp .sec06 .inner .imgbox1{
width: 90%;
text-align: center;
margin: 0 auto ;
padding: 0;
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .inner .imgbox1{
width: 86%;
}
}

.a3_cp .sec06 .inner .imgbox2{
width: 86%;
text-align: center;
margin: 40px auto 0;
padding: 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 .inner .imgbox2{
margin: calc(100vw / 999 * 40) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .inner .imgbox2{
width: 86%;
margin: calc(100vw / 750 * 30) auto 0;
}
}

.a3_cp .sec06 .inner ul{
width: 80%;
margin: 20px auto 0;
text-align: center;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 .inner ul{
margin: calc(100vw / 999 * 20) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .inner ul{
width: 85%;
margin: calc(100vw / 750 * 20) auto 0;
}
}

.a3_cp .sec06 .inner ul li{
width: 50%;
font-size: 70%;
text-align: left;
padding-left: 1em;
text-indent: -1em;
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .inner ul li{
width: 100%;
font-size: 75%;
}
}

.a3_cp .sec06 .inner ul li.w100{
width: 100%;
}


/* ===========================================
* sec07
* ======================================== */
.a3_cp .sec07{
width: 100%;
background: #ffffff;
text-align: center;
margin: 0 auto;
padding: 60px 0 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec07{
padding: calc(100vw / 999 * 60) 0 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec07{
width: 100%;
padding: calc(100vw / 750 * 60) 0 0;
}
}

.a3_cp .sec07 .inner1{
width: 750px;
text-align: center;
margin: 0 auto 40px;
padding: 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec07 .inner1{
width: calc(100vw / 999 * 750);
margin: 0 auto calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .inner1{
width: 90%;
margin: 0 auto calc(100vw / 750 * 40);
}
}

.a3_cp .sec07 .inner1 h3{
width: 50%;
text-align: center;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .inner1 h3{
width: 74%;
}
}

.a3_cp .sec07 .inner1 ul{
width: 64%;
text-align: center;
margin: 30px auto 65px;
display: flex;
justify-content: space-between;
align-items:flex-start
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec07 .inner1 ul{
margin: calc(100vw / 999 * 30) auto calc(100vw / 999 * 65);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .inner1 ul{
width: 94%;
margin: calc(100vw / 750 * 30) auto calc(100vw / 750 * 65);
}
}

.a3_cp .sec07 .inner1 li{
width: 48%;
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .inner1 li{
width: 48%;
}
}

.a3_cp .sec07 .bg_gray{
width: 100%;
background: #e6e6df;
padding: 0 0 60px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec07 .bg_gray{
padding: 0 0 calc(100vw / 999 * 60);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .bg_gray{
padding: 0 0 calc(100vw / 750 * 60);
}
}

.a3_cp .sec07 .bg_gray h3{
font-weight: bold;
font-size: 155%;
color: #5e1d0e;
text-align: center;
margin: 0 auto;
padding: 70px 0 30px;
background: url(/jrplus-A3_2025/image/sec07_bg.gif) no-repeat;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec07 .bg_gray h3{
padding: calc(100vw / 999 * 70) 0 calc(100vw / 999 * 30);
background-position: top center;
background-size: 100%;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .bg_gray h3{
padding: calc(100vw / 750 * 70) 0 calc(100vw / 750 * 30);
background: url(/jrplus-A3_2025/image/sec07_bg_sp.gif) no-repeat;
background-position: top center;
background-size: 100%;
}
}

.a3_cp .sec07 .inner2{
width: 750px;
text-align: center;
margin: 0 auto 40px;
padding: 0;
background: #ffffff;
border-radius: 20px;
overflow: hidden;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec07 .inner2{
width: calc(100vw / 999 * 750);
margin: 0 auto calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .inner2{
width: 90%;
margin: 0 auto calc(100vw / 750 * 40);
border-radius: calc(100vw / 750 * 20);
}
}

.a3_cp .sec07 .inner2_wrap{
width: 80%;
text-align: center;
margin: 0 auto;
padding: 45px 0 50px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec07 .inner2_wrap{
padding: calc(100vw / 999 * 45) 0 calc(100vw / 999 * 50);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .inner2_wrap{
width: 80%;
padding: calc(100vw / 750 * 45) 0 calc(100vw / 750 * 50);
}
}

.a3_cp .sec07 .inner2_wrap h4{
width: 86%;
text-align: center;
margin: 0 auto 25px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec07 .inner2_wrap h4{
margin: 0 auto calc(100vw / 999 * 25);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .inner2_wrap h4{
width: 80%;
margin: 0 auto calc(100vw / 750 * 40);
}
}

.a3_cp .sec07 .inner2_wrap p{
text-align: left;
border-top: #000 1px solid;
padding: 25px 0 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec07 .inner2_wrap p{
padding: calc(100vw / 999 * 25) 0 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .inner2_wrap p{
padding: calc(100vw / 750 * 25) 0 0;
}
}

.a3_cp .sec07 .inner2_wrap .btn{
width: 70%;
text-align: center;
margin: 40px auto 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec07 .inner2_wrap .btn{
margin: calc(100vw / 999 * 40) auto 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec07 .inner2_wrap .btn{
width: 83%;
margin: calc(100vw / 750 * 40) auto 0;
}
}

.a3_cp .sec07 .copyright{
font-size: 75%;
}


/* ===========================================
* sec99
* ======================================== */
.a3_cp .sec99{
width: 100%;
background: #ffffff;
padding: 60px 0;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec99{
padding: calc(100vw / 999 * 60) 0;
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec99{
padding: calc(100vw / 750 * 60) 0 calc(100vw / 750 * 150);
}
}

.a3_cp .sec99 .inner{
width: 900px;
text-align: center;
margin: 0 auto;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec99 .inner{
width: calc(100vw / 999 * 900);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec99 .inner{
width: 100%;
}
}

.a3_cp .sec99 .cap{
width: 750px;
text-align: left;
margin: 0 auto;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec99 .cap{
width: calc(100vw / 999 * 750);
}
}
@media screen and (max-width: 768px) {
.a3_cp .sec99 .cap{
width: 90%;
}
}


/* ===========================================
* slider
* ======================================== */

.a3_cp .slider-box1,
.a3_cp .slider-box2{
display: block;
margin: 30px auto 70px;
width: 100%;
position: relative;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .slider-box1,
.a3_cp .slider-box2{
margin: calc(100vw / 999 * 30) auto calc(100vw / 999 * 70);
}
}
@media screen and (max-width: 768px) {
.a3_cp .slider-box1,
.a3_cp .slider-box2{
width: 100%;
margin: calc(100vw / 750 *40) auto calc(100vw / 750 * 90);
}
}

.a3_cp .slider-box2{
margin: 40px auto 0;
padding: 0 0 30px;
border-bottom: #b48d23 2px dotted;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .slider-box2{
margin: calc(100vw / 999 * 40) auto 0;
padding: 0 0 calc(100vw / 999 * 30);
}
}
@media screen and (max-width: 768px) {
.a3_cp .slider-box2{
width: 100%;
margin: calc(100vw / 750 *40) auto calc(100vw / 750 * 30);
}
}

.a3_cp .slider-box1 ul,
.a3_cp .slider-box2 ul{
width: 90%;
margin: 0 auto 40px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .slider-box1 ul,
.a3_cp .slider-box2 ul{
margin: 0 auto calc(100vw / 999 * 40);
}
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .slider-box1 ul,
.a3_cp .slider-box2 ul{
margin: 0 auto calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .slider-box1 ul,
.a3_cp .slider-box2 ul{
width: 100%;
margin: 0 auto calc(100vw / 750 * 60);
}
}

.a3_cp .slider-box1 ul li img,
.a3_cp .slider-box2 ul li img{
margin: 0 auto;
text-align: center;
width: 80%;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .slider-box1 ul li img,
.a3_cp .slider-box2 ul li img{
}
}
@media screen and (max-width: 768px) {
.a3_cp .slider-box1 ul li img,
.a3_cp .slider-box2 ul li img{
width: 100%;
}
}

.a3_cp .slider-box2 .goods_name{
width: 100%;
}

.a3_cp .slider-box2 p{
font-size: 75%;
margin: 3px auto 0;
}

/* スライダーの設定 ① */
.a3_cp .ekiben_slider .slick-prev,
.a3_cp .goods_slider .slick-prev{
left: -70px;
background: url(/jrplus-A3_2025/image/sd_prev.png) top center/contain no-repeat;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .ekiben_slider .slick-prev,
.a3_cp .goods_slider .slick-prev{
left: calc(100vw / 999 * -70);
}
}
@media screen and (max-width: 768px) {
.a3_cp .ekiben_slider .slick-prev,
.a3_cp .goods_slider .slick-prev{
left: 0vw;
}
}

.a3_cp .ekiben_slider .slick-next,
.a3_cp .goods_slider .slick-next{
right: -70px;
background: url(/jrplus-A3_2025/image/sd_next.png) top center/contain no-repeat;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .ekiben_slider .slick-next,
.a3_cp .goods_slider .slick-next{
right: calc(100vw / 999 * -70);
}
}
@media screen and (max-width: 768px) {
.a3_cp .ekiben_slider .slick-next,
.a3_cp .goods_slider .slick-next{
right: 0vw;
}
}

.a3_cp .ekiben_slider .slick-prev,
.a3_cp .ekiben_slider .slick-next,
.a3_cp .goods_slider .slick-prev,
.a3_cp .goods_slider .slick-next{
width: 60px;
height: 60px;
z-index: 100;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .ekiben_slider .slick-prev,
.a3_cp .ekiben_slider .slick-next,
.a3_cp .goods_slider .slick-prev,
.a3_cp .goods_slider .slick-next{
width: calc(100vw / 999 * 60);
height: calc(100vw / 999 * 60);
}
}
@media screen and (max-width: 768px) {
.a3_cp .ekiben_slider .slick-prev,
.a3_cp .ekiben_slider .slick-next,
.a3_cp .goods_slider .slick-prev,
.a3_cp .goods_slider .slick-next{
width: calc(100vw / 750 * 60);
height: calc(100vw / 750 * 60);
}
}

.a3_cp .ekiben_slider .slick-prev::before,
.a3_cp .ekiben_slider .slick-next::before,
.a3_cp .goods_slider .slick-prev::before,
.a3_cp .goods_slider .slick-next::before{
content: "";
}

.a3_cp .ekiben_slider .slick-disabled,
.a3_cp .goods_slider .slick-disabled{
display: none!important;
}

.a3_cp .ekiben_slider .slick-dots{
width: 100%;
}

.a3_cp .goods_slider .slick-dots{
display: none!important;
}

.a3_cp .ekiben_slider .slick-dots li{
margin: 0 5px;
bottom: -60px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .ekiben_slider .slick-dots li{
bottom: calc(100vw / 999 * -60);
}
}
@media screen and (max-width: 768px) {
.a3_cp .ekiben_slider .slick-dots li{
margin: 0 calc(100vw / 750 * 5);
bottom: calc(100vw / 750 * -90);
}
}

.a3_cp .ekiben_slider .slick-dots li button::before{
content: "";
width: 16px;
height: 16px;
border-radius: 20px;
background: #bfbfbf;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .ekiben_slider .slick-dots li button::before{
width: calc(100vw / 999 * 16);
height: calc(100vw / 999 * 16);
}
}
@media screen and (max-width: 768px) {
.a3_cp .ekiben_slider .slick-dots li button::before{
width: 1.6vw;
height: 1.6vw;
border-radius: 10px;
}
}

.a3_cp .ekiben_slider .slick-dots li.slick-active button::before{
background: #808080;
}


/* --------------------
 accordion
-------------------- */

/* 駅アコーディオン */
.a3_cp .st_accordion{
margin: 0 auto;
}

.a3_cp .st_accordion-check{
display: none;
}

.a3_cp .st_accordion-label{
width: 100%;
margin: 0 auto;
text-align: left;
display: block;
position: relative;
cursor: pointer;
}

.a3_cp .st_accordion-label:after {
color: #fff;
background: #5e1d0e;
box-sizing: border-box;
content: '＋';
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
position: absolute;
right: 10px;
top: 5px;
padding-bottom: 1px;
font-size: 100%;
line-height: 1;
}

.a3_cp .st_accordion-content{
display: block;
height: 0;
opacity: 0;
padding: 0;
transition: 0.1s;
visibility: hidden;
}
.a3_cp .st_accordion-check:checked + .st_accordion-label:after{
content: '－';
}
.a3_cp .st_accordion-check:checked + .st_accordion-label + .st_accordion-content{
height: auto;
opacity: 1;
padding: 0;
visibility: visible;
}

.a3_cp .st_accordion-content .st_ac{
margin: 0 auto;
padding: 0;
}

.a3_cp .st_accordion-content .st_ac{}

.a3_cp .st_ac .ac_inner{
margin: 20px auto 0;
padding: 25px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .st_ac .ac_inner{
margin: calc(100vw / 999 * 20) auto 0;
padding: calc(100vw / 999 * 25);
}
}
@media screen and (max-width: 768px) {
.a3_cp .st_ac .ac_inner{
margin: calc(100vw / 750 * 20) auto 0;
padding: calc(100vw / 750 * 25);
}
}

/* 通常アコーディオン */
.a3_cp .accordion{
margin: 0 auto 40px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .accordion{
margin: 0 auto calc(100vw / 999 * 40);
}
}
@media screen and (max-width: 768px) {
.a3_cp .accordion{
margin: 0 auto calc(100vw / 750 * 40);
}
}

.a3_cp .accordion-check{
display: none;
}

.a3_cp .accordion-label{
width: 200px;
margin: 0 auto;
text-align: center;
color: #5e1d0e;
font-weight: bold;
border: #5e1d0e 2px solid;
border-radius: 20px;
background: #ffffff;
display: block;
position: relative;
cursor: pointer;
}

@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .accordion-label{
width: calc(100vw / 999 * 200);
}
}
@media screen and (max-width: 768px) {
.a3_cp .accordion-label{
width: calc(100vw / 750 * 350);
padding: calc(100vw / 750 * 5) 0;
}
}

.a3_cp .accordion-label:after{
color: #fff;
background: #5e1d0e;
box-sizing: border-box;
content: '＋';
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
position: absolute;
right: 10px;
top: 5px;
padding-bottom: 1px;
font-size: 100%;
line-height: 1;
}
@media screen and (max-width: 768px) {
.a3_cp .accordion-label:after{
right: 8px;
top: 6px;
padding-bottom: 1px;
}
}

.a3_cp .accordion-content{
display: block;
height: 0;
opacity: 0;
padding: 0;
transition: 0.1s;
overflow: hidden;
visibility: hidden;
}
.a3_cp .accordion-check:checked + .accordion-label:after{
content: '－';
}
.a3_cp .accordion-check:checked + .accordion-label + .accordion-content{
height: auto;
opacity: 1;
padding: 0;
visibility: visible;
}

.a3_cp .accordion-content .ac1,
.a3_cp .accordion-content .ac2,
.a3_cp .accordion-content .ac3{
margin: 0 auto;
padding: 0;
}

.a3_cp .accordion-content .ac1,
.a3_cp .accordion-content .ac2,
.a3_cp .accordion-content .ac3{background: #ffffff; border-radius: 20px;}

.a3_cp .ac1 .ac_inner,
.a3_cp .ac2 .ac_inner,
.a3_cp .ac3 .ac_inner{
margin: 20px auto 0;
padding: 25px;
}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .ac1 .ac_inner,
.a3_cp .ac2 .ac_inner,
.a3_cp .ac3 .ac_inner{
margin: calc(100vw / 999 * 20) auto 0;
padding: calc(100vw / 999 * 25);
}
}
@media screen and (max-width: 768px) {
.a3_cp .ac1 .ac_inner,
.a3_cp .ac2 .ac_inner,
.a3_cp .ac3 .ac_inner{
margin: calc(100vw / 750 * 20) auto 0;
padding: calc(100vw / 750 * 25);
}
}

.a3_cp .sec02 .ekiben_card .accordion-label{ width: 280px;}

.a3_cp .sec06 .ac_wrap1 .accordion{margin: 0 auto 30px !important;}
.a3_cp .sec06 .ac_wrap1 .accordion-label{ width: 370px; padding: 2px 0 2px;}
.a3_cp .sec06 .ac_wrap1 .accordion-label:after{ top: 7px;}
.a3_cp .sec06 .ac_wrap1 .ac1 .ac_inner{margin: 20px auto 0;}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 .ac_wrap1 .accordion{margin: 0 auto calc(100vw / 999 * 30) !important;}
.a3_cp .sec06 .ac_wrap1 .accordion-label{ width: calc(100vw / 999 * 370); padding: calc(100vw / 999 * 2) 0 calc(100vw / 999 * 2);}
.a3_cp .sec06 .ac_wrap1 .accordion-label:after{ top: calc(100vw / 999 * 7);}
.a3_cp .sec06 .ac_wrap1 .ac1 .ac_inner{margin: calc(100vw / 999 * 20) auto 0;}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .ac_wrap1 .accordion{margin: 0 auto calc(100vw / 750 * 30) !important;}
.a3_cp .sec06 .ac_wrap1 .accordion-label{ width: calc(100vw / 750 * 620); padding: calc(100vw / 750 * 5) 0 calc(100vw / 750 * 5);}
.a3_cp .sec06 .ac_wrap1 .accordion-label:after{ top: 6px;}
.a3_cp .sec06 .ac_wrap1 .ac1 .ac_inner{margin: calc(100vw / 750 * 20) auto 0;}
}

.a3_cp .sec06 .ac_wrap2 .accordion{margin: 0 auto 40px !important;}
.a3_cp .sec06 .ac_wrap2 .accordion-label{ width: 370px; border-radius: 30px; line-height: 1.5; padding: 6px 0 6px;}
.a3_cp .sec06 .ac_wrap2 .accordion-label:after{ top: 22px;}
@media (min-width: 769px) and (max-width: 999px) {
.a3_cp .sec06 .ac_wrap2 .accordion{margin: 0 auto calc(100vw / 999 * 40) !important;}
.a3_cp .sec06 .ac_wrap2 .accordion-label{ width: calc(100vw / 999 * 450); border-radius: calc(100vw / 999 * 30); padding: calc(100vw / 999 * 6) 0 calc(100vw / 999 * 6);}
.a3_cp .sec06 .ac_wrap2 .accordion-label:after{ top: calc(100vw / 999 * 22);}
}
@media screen and (max-width: 768px) {
.a3_cp .sec06 .ac_wrap2 .accordion-label{ width: calc(100vw / 750 * 620); padding: calc(100vw / 750 * 6) 0 calc(100vw / 750 * 6);}
.a3_cp .sec06 .ac_wrap2 .accordion-label:after{ top: 17px;}
}