jscss
pg_lp.css
/* line 6, ../lp.scss */
.page-ttl {
display: none;
}
/* line 10, ../lp.scss */
.page-hero__figure {
height: 240px;
}
@media (min-width: 769px) {
/* line 10, ../lp.scss */
.page-hero__figure {
height: 520px;
}
}
/* line 15, ../lp.scss */
.page-hero__figure::before {
background: url("/images/lp/hero_anim.png");
background-size: cover;
display: inline-block;
content: "";
width: 230px;
height: 155px;
position: absolute;
z-index: 1;
top: -30px;
left: -30px;
animation: zoomIn 0.4s ease-in-out forwards;
animation-delay: 1s;
transform: scale(0, 0);
}
@media (min-width: 769px) {
/* line 15, ../lp.scss */
.page-hero__figure::before {
left: 50%;
margin-left: -512px;
width: 460px;
height: 310px;
}
}
@keyframes zoomIn {
100% {
transform: scale(1, 1);
}
}
/* line 44, ../lp.scss */
.page__wrap--wide {
margin-bottom: 90px;
}
/* line 53, ../lp.scss */
.lp-intro__ttl {
text-align: center;
margin: 0 -3.73vw 50px;
}
@media (min-width: 769px) {
/* line 53, ../lp.scss */
.lp-intro__ttl {
margin: 0 60px 50px;
}
}
/* line 61, ../lp.scss */
.lp-intro__h2 img {
max-width: 100%;
}
/* line 65, ../lp.scss */
.lp-intro__wrap {
max-width: 600px;
margin: 0 auto 100px;
}
/* line 69, ../lp.scss */
.lp-intro__desc {
font-size: 1.6rem;
line-height: 2;
}
/* line 72, ../lp.scss */
.lp-intro__desc p {
line-height: 2;
margin-bottom: 1.6rem;
}
/* line 80, ../lp.scss */
.lp-service__ttl {
margin: 70px auto 60px;
}
/* line 83, ../lp.scss */
.lp-service__h3 {
color: #6aaad0;
font-size: 1.8rem;
line-height: 2;
text-align: center;
}
/* line 89, ../lp.scss */
.lp-service__wrap {
max-width: 800px;
margin: 0 auto;
padding-bottom: 65px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
/* line 96, ../lp.scss */
.lp-service__list {
display: flex;
flex-wrap: wrap;
margin: 0;
}
@media (min-width: 769px) {
/* line 96, ../lp.scss */
.lp-service__list {
margin: 0 -20px;
}
}
/* line 104, ../lp.scss */
.lp-service__item {
width: 100%;
margin: 0 0 20px;
}
@media (min-width: 481px) {
/* line 104, ../lp.scss */
.lp-service__item {
width: calc(50% - 40px);
margin: 0 20px 20px;
}
}
/* line 115, ../lp.scss */
.lp-service__img {
max-width: 100%;
}
/* line 120, ../lp.scss */
.lp-detail {
counter-reset: number 0;
}
/* line 122, ../lp.scss */
.lp-detail__ttl {
display: flex;
align-items: center;
margin-bottom: 40px;
}
/* line 126, ../lp.scss */
.lp-detail__ttl::before {
margin: 0 5px;
counter-increment: number 1;
content: counter(number);
font-family: 'Noto Serif JP', serif;
font-size: 6rem;
line-height: 1;
text-align: center;
color: #6aaad0;
}
@media (min-width: 769px) {
/* line 126, ../lp.scss */
.lp-detail__ttl::before {
margin: 0 10px;
font-size: 8.8rem;
}
}
/* line 141, ../lp.scss */
.lp-detail__h4 {
font-size: 2.2rem;
line-height: 1.36;
}
@media (min-width: 769px) {
/* line 141, ../lp.scss */
.lp-detail__h4 {
font-size: 3rem;
}
}
/* line 147, ../lp.scss */
.lp-detail__h4 small {
font-size: 1.4rem;
line-height: 1.44;
}
@media (min-width: 769px) {
/* line 147, ../lp.scss */
.lp-detail__h4 small {
font-size: 1.8rem;
}
}
/* line 154, ../lp.scss */
.lp-detail__h4 span {
display: block;
}
/* line 158, ../lp.scss */
.lp-detail__wrap {
max-width: 800px;
margin: 0 auto;
}
/* line 162, ../lp.scss */
.lp-detail__layout {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 769px) {
/* line 162, ../lp.scss */
.lp-detail__layout {
flex-wrap: nowrap;
}
}
@media (min-width: 769px) {
/* line 168, ../lp.scss */
.lp-detail__layout--left {
width: calc(100% - 360px);
margin-right: 40px;
}
}
/* line 173, ../lp.scss */
.lp-detail__layout--left figure {
margin-bottom: 30px;
}
@inlude tablet {
/* line 173, ../lp.scss */
.lp-detail__layout--left figure {
margin-bottom: 0;
}
}
@media (min-width: 769px) {
/* line 180, ../lp.scss */
.lp-detail__layout--right {
width: 320px;
}
}
/* line 184, ../lp.scss */
.lp-detail__layout--right figure + figure {
margin-top: 30px;
}
@media (min-width: 769px) {
/* line 184, ../lp.scss */
.lp-detail__layout--right figure + figure {
margin-top: 10px;
}
}
/* line 192, ../lp.scss */
.lp-detail__desc {
font-size: 1.6rem;
line-height: 2;
}
/* line 195, ../lp.scss */
.lp-detail__desc p {
line-height: 2;
margin-bottom: 1.6rem;
}
/* line 200, ../lp.scss */
.lp-detail__item {
padding: 60px 0 85px;
border-top: 1px solid #000;
}
/* line 203, ../lp.scss */
.lp-detail__item:first-of-type {
border-top: none;
}
@media (min-width: 769px) {
/* line 200, ../lp.scss */
.lp-detail__item {
padding: 85px 0 100px;
}
}
/* line 213, ../lp.scss */
.lp-detail__img {
max-width: 100%;
}
/* line 216, ../lp.scss */
.lp-detail__btn {
margin-top: 60px;
margin-right: -7.47vw;
}
@media (min-width: 769px) {
/* line 216, ../lp.scss */
.lp-detail__btn {
margin-right: 0;
}
}
/* line 222, ../lp.scss */
.lp-detail__btn .ghost-btn__link {
max-width: calc(100% - 30px);
height: 100px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.63;
padding-left: 0;
}
@media (min-width: 769px) {
/* line 222, ../lp.scss */
.lp-detail__btn .ghost-btn__link {
max-width: calc(100% - 60px);
}
}
/* line 233, ../lp.scss */
.lp-detail__btn .ghost-btn__txt {
width: 100%;
text-align: right;
}
@media (min-width: 769px) {
/* line 236, ../lp.scss */
.lp-detail__btn .ghost-btn__txt br {
display: none;
}
}
/* line 249, ../lp.scss */
.lp-support__h3 {
font-size: 2.4rem;
line-height: 1.25;
margin-bottom: 40px;
}
/* line 254, ../lp.scss */
.lp-support__h4 {
font-size: 1.6rem;
line-height: 2.25;
color: #6aaad0;
}
/* line 259, ../lp.scss */
.lp-support__wrap {
max-width: 800px;
margin: 0 auto 150px;
}
/* line 263, ../lp.scss */
.lp-support__layout {
display: flex;
flex-wrap: wrap;
}
/* line 266, ../lp.scss */
.lp-support__layout--left {
width: 100%;
}
@media (min-width: 769px) {
/* line 266, ../lp.scss */
.lp-support__layout--left {
margin-right: 40px;
width: calc(100% - 280px);
}
}
@media (min-width: 769px) {
/* line 273, ../lp.scss */
.lp-support__layout--right {
width: 240px;
}
}
/* line 278, ../lp.scss */
.lp-support__layout--bottom {
width: 100%;
}
/* line 282, ../lp.scss */
.lp-support__img {
max-width: 100%;
}
/* line 285, ../lp.scss */
.lp-support__bg {
background: #f1f1f1;
margin: 0 -7.47vw;
padding: 7.47vw;
}
@media (min-width: 769px) {
/* line 285, ../lp.scss */
.lp-support__bg {
margin: 0;
padding: 80px;
}
}
/* line 294, ../lp.scss */
.lp-support__desc {
font-size: 1.6rem;
line-height: 2;
}
/* line 297, ../lp.scss */
.lp-support__desc p {
line-height: 2;
margin-bottom: 1.6rem;
}
/* line 305, ../lp.scss */
.lp-support__item {
font-size: 1.4rem;
line-height: 2.29;
}
/* line 309, ../lp.scss */
.lp-support__btn {
margin: 60px -7.47vw 0;
}
@media (min-width: 769px) {
/* line 309, ../lp.scss */
.lp-support__btn {
margin: 60px 0 0;
}
}
/* line 314, ../lp.scss */
.lp-support__btn .ghost-btn__wrap--reverse {
background-image: url("/images/lp/support_btn.jpg");
background-position: 100% 50%;
border: none;
}
/* line 318, ../lp.scss */
.lp-support__btn .ghost-btn__wrap--reverse a:hover {
color: #FFF;
}
/* line 320, ../lp.scss */
.lp-support__btn .ghost-btn__wrap--reverse a:hover .ghost-btn__txt::before,
.lp-support__btn .ghost-btn__wrap--reverse a:hover .ghost-btn__txt::after {
background: #FFF;
}
/* line 326, ../lp.scss */
.lp-support__btn .ghost-btn__link {
max-width: 100%;
height: 160px;
font-size: 1.8rem;
line-height: 1.78;
font-weight: 700;
}
/* line 333, ../lp.scss */
.lp-support__btn .ghost-btn__txt {
text-align: left;
}
/* line 340, ../lp.scss */
.lp-modelroom__ttl {
margin-bottom: 30px;
}
/* line 343, ../lp.scss */
.lp-modelroom__h3 {
font-size: 3rem;
font-weight: 700;
line-height: 1.93;
text-align: center;
}
@media (min-width: 769px) {
/* line 348, ../lp.scss */
.lp-modelroom__h3 br {
display: none;
}
}
/* line 355, ../lp.scss */
.lp-modelroom__slider.slick-dotted {
margin-bottom: 0;
}
/* line 359, ../lp.scss */
.lp-modelroom .slick-dots {
bottom: 20px;
}
/* line 365, ../lp.scss */
.lp-modelroom__img {
max-width: 100%;
}
/* line 369, ../lp.scss */
.lp-modelroom .slick-slide .lp-modelroom__img {
max-width: 100%;
}
/* line 376, ../lp.scss */
.lp-map__wrap {
margin: 0 auto 50px;
}
@media (min-width: 769px) {
/* line 376, ../lp.scss */
.lp-map__wrap {
margin: 0 auto 120px;
}
}
/* line 382, ../lp.scss */
.lp-map__info {
margin-top: 20px;
font-size: 1.4rem;
line-height: 2.14;
display: flex;
flex-wrap: wrap;
justify-content: left;
}
@media (min-width: 769px) {
/* line 382, ../lp.scss */
.lp-map__info {
flex-wrap: nowrap;
justify-content: center;
}
}
/* line 394, ../lp.scss */
.lp-map #map-canvas_menu {
height: 220px;
}
@media (min-width: 769px) {
/* line 394, ../lp.scss */
.lp-map #map-canvas_menu {
height: 440px;
}
}
/* line 408, ../lp.scss */
.lpform .container {
max-width: 800px;
margin: 0 auto 20px;
}
/* line 414, ../lp.scss */
.lpform-intro {
margin-bottom: 80px;
}
/* line 416, ../lp.scss */
.lpform-intro__desc {
font-size: 1.6rem;
line-height: 2;
}
/* line 419, ../lp.scss */
.lpform-intro__desc small {
font-size: 1.4rem;
}
/* line 426, ../lp.scss */
.lpform-notice__ttl {
margin-bottom: 15px;
padding-top: 50px;
border-top: 2px solid #000;
}
/* line 431, ../lp.scss */
.lpform-notice__h3 {
margin: 0 -7.47vw;
font-size: 1.8rem;
font-weight: bold;
line-height: 2;
text-align: center;
color: #6aaad0;
}
@media (min-width: 769px) {
/* line 431, ../lp.scss */
.lpform-notice__h3 {
margin: 0;
}
}
/* line 441, ../lp.scss */
.lpform-notice__h3 img {
max-width: 100%;
}
/* line 448, ../lp.scss */
.lpform-notice__item {
font-size: 1.4rem;
line-height: 1.71;
list-style: none;
}