@media only screen and (min-width : 501px) {
body {
background: url("images/pc_bg.jpg") no-repeat top center;
background-size: cover;
background-attachment: fixed;
}
}
main{
background: #fff;
}
.main{
position: relative;
}
.main-ttl{
position: absolute;
width: 75%;
bottom: 25%;
left: 5%;
}
.main-sub-copy{
position: absolute;
width: 90%;
left: 5%;
bottom: 10%;
}
.profile{
background: #b0b0b0;
padding: 5%;
}
.profile-cont-box{
background: #fff;
padding: 8% 5% 7%;
}
.profile-cont-ttl{
width: 33%;
}
.profile-cont-box p{
font-size: clamp(12px, 3.45vw, 17px);
}
.profile-anchor-box{
display: flex;
justify-content: space-between;
}
.profile-anchor-once{
width: 31%;
}
.sec-main{
background: url("images/sec-main_bg.jpg") no-repeat center center;
background-size: cover;
padding: 20% 0 22%;
position: relative;
text-align: center;
}
.sec-main img.w66{
width: 66%;
}
.sec-main img.w68{
width: 68%;
}
.sec-main img.w45{
width: 45%;
}
.sec-main p{
font-size: clamp(12px, 4.25vw, 21px);
color: #fff;
font-weight: 700;
line-height: 1.6;
}
.sec-main-tri{
position: absolute;
width: 35%;
right: 0;
bottom: 0;
}
.sec-main-tri{
position: absolute;
width: 35%;
right: 0;
bottom: 0;
}
.sec01 .sec-cont{
padding: 12% 5%;
}
.sec01 .sec-cont-ttl{
font-weight: 700;
font-size: clamp(12px, 6vw, 30px);
text-align: center;
}
.sec01 .sec-cont p{
padding: 0;
font-size: clamp(12px, 3.9vw, 20px);
}
.schedule-block{
padding: 12% 0 7%;
}
.schedule-block-ttl{
background: #b0b0b0;
padding: 2.5% 5% 4%;
font-size: clamp(12px, 5.58vw, 26px);
font-weight: 700;
line-height: 1.4;
color: #fff;
position: relative;
}
.schedule-block-ttl span{
font-size: clamp(12px, 3.7vw, 18px);
}
.schedule-block-img{
position: absolute;
width: 27%;
top: 0;
right: 3.5%;
margin: -2.5% 0 0;
}
.schedule-once{
display: flex;
padding: 0 5% ;
position: relative;
}
.schedule-time{
width: 5%;
position: relative;
z-index: 10;
}
.schedule-time img{
vertical-align: top;
}
.schedule-time::after{
position: absolute;
content: '';
width: 2px;
height: 100%;
background: #8a8a8a;
top: 0;
left: calc(50% - 1px);
z-index: -1;
}
.schedule-cont{
width: 95%;
margin: -3% 0 0;
padding: 0 0 0 3%;
}
.schedule-cont .ttl{
font-weight: 700;
font-size: clamp(12px, 5.18vw, 25px);
padding: 0 0 1%;
}
.schedule-cont .ttl span{
font-size: clamp(12px, 5.58vw, 27px);
padding: 0 5% 0 0;
position: relative;
top: 2px;
}
.add-bg-blue{
background: #6dc8e8;
}
.add-bg-blue .schedule-time{
padding: 6% 0 0;
}
.add-bg-blue .schedule-cont{
padding: 6% 0 0 3%;
}
.add-pdt .schedule-time{
padding: 6% 0 0;
}
.add-pdt .schedule-cont{
padding: 6% 0 0 3%;
}
.schedule-time.last-unit::after{
height: 27%;
}
.schedule-cont p{
font-size: clamp(12px, 3.7vw, 18px);
}
.sec03 .sec-cont{
padding: 14% 5%;
background: #ededed;
}
.sec03 .sec-cont-ttl{
font-weight: 700;
font-size: clamp(12px, 6vw, 30px);
text-align: center;
}
.qa-ttl{
width: 84%;
margin: 0 auto;
}
.qa-box{
position: relative;
}
.qa-num{
position: absolute;
width: 11%;
top: 0;
right: 2.5%;
margin: -7% 0 0;
}
.q-box{
background: #fff;
padding: 3%;
border: 2px solid #b0b0b0;
color: #009fcf;
font-weight: 700;
font-size: clamp(12px, 3.9vw, 20px);
line-height: 1.3;
display: flex;
justify-content: space-between;
}
.qa-box-mark{
width: 13%;
position: relative;
}
.qa-box-text{
width:  83%;
display: flex;
align-items: center;
}
.a-box{
position: relative;
background: #fff;
padding: 3%;
border: 2px solid #b0b0b0;
font-weight: 400;
font-size: clamp(12px, 3.9vw, 20px);
line-height: 1.3;
display: flex;
justify-content: space-between;
}
.pick-up{
padding: 15% 0 15%;
}
.pick-up-ttl-en{
width: 68%;
margin: 0 auto;
}
.pick-up-ttl{
text-align: center;
font-size: clamp(12px, 6vw, 30px);
}
.pick-up p{
padding: 0 5%;
font-size: clamp(12px, 3.9vw, 20px);
}
.ending{
background: url("images/ending_bg.jpg") no-repeat top center;
background-size: cover;
padding: 12% 0 14%;
color: #fff;
}
.ending-ttl{
text-align: center;
width: 88%;
margin: 0 auto;
}
.ending-sub-ttl{
text-align: center;
font-size: clamp(12px, 3.65vw, 35px);
font-weight: 700;
}
.ending p{
text-align: center;
font-size: clamp(12px, 3.7vw, 18px);
letter-spacing: 0.06em;
line-height: 2.2;
}