.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;
} .caution {
font-size: 1.6rem !important;
text-align: center;
color: #245c4f;
}
.how-to-apply {
font-size: 2.8rem;
color: #ffffff;
}
.greeting {
font-size: 1.8rem !important;
font-weight: 500;
line-height: 1.8;
text-align: left;
}
.entry-letter {
font-size: 1.8rem !important;
font-weight: 500;
line-height: 2.1;
text-align: left;
}
.entry {
font-size: 2.1rem;
font-weight: 600;
color: #202020;
}
.stocks {
font-size: 1.6rem !important;
font-weight: 600;
line-height: 1.6;
text-align: center;
}
.entry-title {
font-size: 4.2rem;
font-weight: 800;
line-height: 1.4;
text-align: left;
}
.point {
font-family: "Helvetica Neue", Helvetica, Arial, Meiryo, "メイリオ", sans-serif;
font-size: 3.6rem !important;
font-weight: 600;
line-height: 1.6;
color: #f3e24c;
}
.topic-title {
font-size: 4.8rem;
font-weight: 600;
line-height: 1;
color: #FFFFFF;
}
.green {
background-color: #245c4f;
}
.coral-text {
color: #ff576d;
}
.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;
}
.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;
}
.lp-full-image {
line-height: 0;
margin-left: calc(50% - 50vw);
width: 100vw;
}
.round-10 {
border-radius: 10px;
} @media (max-width: 767px) {
.present-img {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw);
display: block;
}
}
@media (max-width: 768px) {
.caution {
text-align: left;
}
.application-area {
width: 98%;
}
.point {
font-size: 3.2rem !important;
line-height: 1.4 !important;
}
.topic-title {
font-size: 2.8rem;
}
.entry {
font-size: 1.8.rem !important;
font-weight: 600;
}
}