.lp-wrap {
width: 100%;
background-color: #f3f0eb;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
font-size: 14px;
line-height: 1.8;
color: #333;
}
.lp-wrap img {
max-width: 100%;
height: auto;
}
.lp-wrap + * {
margin-top: 0;
}
.lp-hero img {
display: block;
margin: 0;
padding: 0;
} .lp-section {
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
}
.mgs-section {
padding: 4rem 1.5rem;
} .rounded-10 {
border-radius: 10px;
} .lp-about-box {
max-width: 900px;
border: dotted 1px #999;
padding: 20px 25px 5px;
margin-bottom: 2.5rem;
text-align: left;
}
.lp-mcj-title {
font-family: 'Georgia', serif;
font-size: 2.8rem;
font-weight: 800;
}
.lp-mcj {
font-family: 'Georgia', serif;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 12px;
}
.lp-about-box a {
color: blue;
}
.lp-about-box a:hover {
color: #000;
} .greeting {
font-size: 1.6rem !important;
font-weight: 500;
line-height: 2.1;
text-align: left;
}
.spec-title {
font-size: 1.6rem !important;
font-weight: 900;
color: #245C4F;
line-height: 1.4;
text-align: left;
word-break: break-all;
}
.new-spec {
font-size: 1.6rem !important;
font-weight: 700;
line-height: 1.6;
text-align: left;
}
.point {
font-family: "Helvetica Neue", Helvetica, Arial, Meiryo, "メイリオ", sans-serif;
font-size: 3.6rem !important;
font-weight: 600;
line-height: 1.8;
color: #f3e24c;
}
.topic-title {
font-size: 4.2rem;
line-height: 1;
color: #FFFFFF;
}
.tour-title {
background-color: #245C4F !important;
text-align: center;
} .fluid-box {
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
background-color: #245C4F;
padding: 30px;
}
.fluid-box-inner {
margin: 0 auto;
padding: 15px;
background-color: #245C4F;
}
.entry {
font-size: 2.1rem;
font-weight: 400;
color: #202020;
}
.application-area {
width: 76%;
}
.reserve-btn {
max-width: 768px;
}
a.yellow-link {
color: #202020 !important;
}
a.yellow-link:hover {
color: #202020 !important;
text-decoration: underline !important;
}
.red-txt {
color: red;
}
.lp-full-image {
line-height: 0;
margin-left: calc(50% - 50vw);
width: 100vw;
}
@media (max-width: 768px) {
.point {
font-size: 1.8rem !important;
line-height: 1.6 !important;
}
.topic-title {
font-size: 2.4rem;
line-height: 1.4 !important;
}
.application-area {
width: 98%;
}
.entry {
font-size: 1.8rem !important;
font-weight: 600;
}
}