body {
color: #4d4d4d;
display: flex;
flex-direction: column;
font-family: "Noto Serif JP", serif;
min-height: 100vh
}
body.is-fixed {
overflow: hidden
}
main {
flex: 1
}
.access {
margin-bottom: 135px
}
.access__inner .access__title {
margin-bottom: 80px
}
@media screen and (max-width:767px) {
.access__inner .access__title {
margin-bottom: 28px
}
}
.time {
margin-bottom: 120px
}
.time__inner .time__title {
margin-bottom: 43px
}
.time__inner .time__contents .time__main {
display: flex;
gap: 63px;
margin-bottom: 104px
}
@media screen and (max-width:767px) {
.time__inner .time__contents .time__main {
align-items: center;
flex-direction: column;
gap: 20px;
margin-bottom: 50px
}
}
.time__inner .time__contents .time__main .time__img {
flex-shrink: 0;
max-width: 323px;
width: 100%
}
.time__inner .time__contents .time__main .time__img img {
height: auto;
width: 100%
}
.time__inner .time__contents .time__main .time__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 2;
margin-top: 13px
}
@media screen and (max-width:767px) {
.time__inner .time__contents .time__main .time__text {
font-size: 14px;
margin-top: 0
}
}
.time__inner .time__contents .time__btnarea {
display: grid;
gap: 23px 21px;
grid-template-columns: 1fr 1fr;
margin: 0 auto;
max-width: 581px
}
@media screen and (max-width:600px) {
.time__inner .time__contents .time__btnarea {
gap: 20px;
grid-template-columns: 1fr
}
}
.time__inner .time__contents .time__btnarea .time__btn {
margin: 0 auto
}