/* common */
#lp hr.round-dot {
border-top: 0;
height: 6px;
background: url(../images/lp/round-dot.png) repeat-x;
}
#lp .jumbotron {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
#lp .pull-right {
max-width: 50%;
margin-left: 3vw;
margin-bottom: 3vw;
}
#lp .choice-why.jumbotron {
background-color: #fffed5;
}
#lp .choice-why h1 {
margin-bottom: 0px;
}
#lp .choice-reason.jumbotron {
background-color: #f08300;
}
#lp .if.jumbotron {
background-color: #fffed5;
}
#lp .if-foot-people {
margin-bottom: 0px;
}
#lp .rebuild-why.jumbotron {
background-color: #f7f7f7;
}
#lp .rebuild-why h2 {
margin-bottom: 0px;
}
#lp .rebuild-why-question {
margin-bottom: 0px;
}
#lp .rebuild-reason.jumbotron {
background-color: #1f4087;
}
#lp .rebuild-reason-1 p {
color: #fff;
line-height: 1.8;
}
#lp .grid {
background-color: #fff;
background-image: url(../images/lp/grid.png);
padding: 15px 15px 0px;
margin-bottom: 15px;
border: solid 2px #ccc;
border-radius: 5px;
}
#lp .grid:after {
content: "";
display: block;
clear: both;
}
#lp .grid p {
color: #333;
}
#lp .rebuild-reason-1 {
max-width: 980px;
}
#lp .rebuild-reason-1 .grid .grid-inner {
max-width: 860px;
}
#lp .rebuild-reason-1 .grid .pull-right {
max-width: 25%;
}
#lp .rebuild-reason-1 .grid .p2 {
margin-bottom: 10px;
}
#lp .rebuild-reason-1 .grid .t4 {
max-width: 67.5%;
}
#lp .rebuild-reason-1 .grid .t4 img {
max-width: 110%;
}
#lp .rebuild-reason-earthquake {
background-color: #e13e38;
padding-top: 15px;
}
#lp .rebuild-reason-earthquake table {
margin-bottom: 4vw;
border-collapse: separate;
border-spacing: 1px;
}
#lp .rebuild-reason-earthquake table caption {
color: #fff;
}
#lp .rebuild-reason-earthquake th,
#lp .rebuild-reason-earthquake td {
padding: 10px;
}
#lp .rebuild-reason-earthquake th {
font-weight: normal;
background-color: #fff100;
white-space: nowrap;
text-align: center;
}
#lp .rebuild-reason-earthquake td {
background-color: #fff;
vertical-align: top;
}
#lp .rebuild-reason-earthquake tr td:not(:last-child) {
text-align: center;
}
#lp .arrow {
margin-bottom: 0px;
}
#lp .rebuild-reason-2 {
max-width: 980px;
}
#lp .rebuild-reason-2 .grid .grid-inner {
max-width: 860px;
}
#lp .rebuild-reason-2 .grid .pull-right {
max-width: 33%;
}
#lp .rebuild-reason-2 .grid p .red {
color: #e13e38;
}
#lp .toyo-house.jumbotron {
background-color: white;
}
#lp .toyo-house h2 {
margin-bottom: 0px;
}
#lp .toyo-house.jumbotron .o-2column {
padding-left: 1vw;
padding-right: 1vw;
}
#lp .toyo-house.jumbotron .clipboard {
background: url(../images/lp/clipboard-back.png) repeat-y top/contain;
max-width: 980px;
padding-top: 2vw;
}
#lp .toyo-house.jumbotron .clipboard h3 {
margin-top: 2vw;
margin-bottom: 0;
}
#lp .toyo-house.jumbotron .clipboard p:last-of-type {
margin-bottom: 0;
}
#lp .toyo-house.jumbotron .clipboard .item {
max-width: 780px;
padding: 2vw;
line-height: 1.8;
background-color: white;
border-style: solid;
border-color: #f08300;
border-width: 0 3px 3px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
#lp .toyo-house.jumbotron .clipboard .item p:after {
content: '';
display: table;
clear: both;
}
#lp .toyo-house.jumbotron .clipboard .item p .red {
color: #e13e38;
}
#lp .toyo-house.jumbotron .clipboard .item a {
color: #2995d3;
}
#lp .event.jumbotron {
background-color: #fffed5;
}
#lp .event.jumbotron p:last-of-type {
margin-bottom: 0;
}
#lp .observe.jumbotron {
background-color: white;
}
#lp .request.jumbotron {
background-color: white;
}
#lp .request.jumbotron .grid {
max-width: 980px;
}
#lp .request.jumbotron .grid hr.round-dot {
width: 88%;
}
/* pc */
@media screen and (min-width: 768px) {
#lp .jumbotron p {
font-size: 18px;
}
#lp .choice-reason.jumbotron {
height: 230px;
margin-bottom: 31px;
}
#lp .if.jumbotron {
margin-top: -31px;
padding-top: 31px;
}
#lp .if.jumbotron img.if-head {
margin-bottom: 40px;
}
#lp .if.jumbotron img.if-foot-message {
margin-top: 60px;
}
#lp .rebuild-why.jumbotron img.rebuild-why-listen {
margin-bottom: 30px;
}
#lp .rebuild-why.jumbotron img.rebuild-why-graph {
margin-bottom: 40px;
}
#lp .rebuild-why.jumbotron img.rebuild-why-loan {
margin-bottom: 20px;
}
#lp .rebuild-reason.jumbotron {
padding-top: 70px;
padding-bottom: 50px;
}
#lp .rebuild-reason.jumbotron img.rebuild-reason-1 {
margin-bottom: 70px;
}
#lp .rebuild-reason.jumbotron .rebuild-reason-1 .grid .grid-inner p {
font-size: x-large;
}
#lp .rebuild-reason.jumbotron .rebuild-reason-1 .grid .pull-right {
margin-top: -8%;
}
#lp .rebuild-reason.jumbotron img.rebuild-reason-earthquake {
margin-bottom: 90px;
}
#lp .rebuild-reason.jumbotron .rebuild-reason-earthquake table th:nth-of-type(1) {
width: 10em;
}
#lp .rebuild-reason.jumbotron .rebuild-reason-earthquake table th:nth-of-type(2) {
width: 5em;
}
#lp .rebuild-reason.jumbotron .rebuild-reason-earthquake .arrow {
margin-bottom: -56px;
}
#lp .rebuild-reason.jumbotron .rebuild-reason-2 {
margin-top: 100px;
}
#lp .rebuild-reason.jumbotron .rebuild-reason-2 .grid .grid-inner p {
font-size: x-large;
}
#lp .toyo-house.jumbotron .clipboard .item p {
font-size: large;
}
#lp .toyo-house.jumbotron img.toyo-house-structure-content {
padding-bottom: 50px;
}
#lp .toyo-house.jumbotron img.toyo-house-future-content {
padding-bottom: 50px;
}
#lp .toyo-house.jumbotron img.toyo-house-layout-content {
padding-bottom: 50px;
}
#lp .toyo-house.jumbotron img.toyo-house-space-content {
padding-bottom: 50px;
}
#lp .toyo-house.jumbotron img.toyo-house-appearance-content {
padding-bottom: 50px;
}
#lp .toyo-house.jumbotron img.toyo-house-price-content {
padding-bottom: 20px;
}
#lp .toyo-house.jumbotron img.toyo-house-cypress-head {
padding-bottom: 50px;
}
#lp .toyo-house.jumbotron img.toyo-house-cypress-project {
padding-bottom: 30px;
}
#lp .toyo-house.jumbotron img.toyo-house-cypress-free {
padding-bottom: 40px;
}
#lp .toyo-house.jumbotron img.toyo-house-cypress-detail {
padding-bottom: 40px;
}
#lp .toyo-house.jumbotron .toyo-house-cypress-photos {
padding-bottom: 30px;
}
#lp .event.jumbotron {
padding-top: 20px;
}
#lp .event.jumbotron img.event-announce {
margin-bottom: -47px;
}
#lp .observe.jumbotron img.observe-notsales {
margin-bottom: 50px;
}
#lp .observe.jumbotron img.observe-welcome {
margin-bottom: 40px;
}
#lp .request.jumbotron {
margin-bottom: 50px;
}
#lp .request.jumbotron .grid {
padding-top: 30px;
padding-bottom: 34px;
}
#lp .request.jumbotron img.request-message {
padding-bottom: 40px;
}
#lp .request.jumbotron img.request-voice {
padding-bottom: 30px;
}
#lp .request.jumbotron img.request-photos {
padding-bottom: 30px;
}
}
/* sp */
@media screen and (max-width:767px) {
#lp .jumbotron p {
font-size: 14px;
}
#lp .choice-reason.jumbotron {
height: 22vw;
padding-top: 2vw;
margin-bottom: 3vw;
}
#lp .if.jumbotron {
margin-top: -3vw;
padding-top: 3vw;
}
#lp .if.jumbotron img.if-head {
margin-bottom: 5vw;
}
#lp .if.jumbotron img.if-foot-message {
margin-top: 7.5vw;
}
#lp .rebuild-why.jumbotron img.rebuild-why-listen {
margin-bottom: 3.75vw;
}
#lp .rebuild-why.jumbotron img.rebuild-why-graph {
margin-bottom: 5vw;
}
#lp .rebuild-why.jumbotron img.rebuild-why-loan {
margin-bottom: 2.5vw;
}
#lp .rebuild-reason.jumbotron {
padding-top: 6vw;
padding-bottom: 6.25vw;
}
#lp .rebuild-reason.jumbotron img.rebuild-reason-1 {
margin-bottom: 9.375vw;
}
#lp .rebuild-reason.jumbotron .rebuild-reason-1 .grid .pull-right {
margin-top: -15%;
}
#lp .rebuild-reason.jumbotron img.rebuild-reason-earthquake {
margin-bottom: 11.25vw;
}
#lp .rebuild-reason-earthquake {
margin-bottom: 10vw;
}
#lp .arrow {
margin-left: -15px;
margin-right: -15px;
}
#lp .arrow img {
margin-bottom: -6vw;
}
#lp .toyo-house.jumbotron .clipboard {
padding-left: 5.5vw;
padding-right: 5.5vw;
}
#lp .toyo-house.jumbotron img.toyo-house-structure-content {
padding-bottom: 6.25vw;
}
#lp .toyo-house.jumbotron img.toyo-house-future-content {
padding-bottom: 6.25vw;
}
#lp .toyo-house.jumbotron img.toyo-house-layout-content {
padding-bottom: 6.25vw;
}
#lp .toyo-house.jumbotron img.toyo-house-space-content {
padding-bottom: 6.25vw;
}
#lp .toyo-house.jumbotron img.toyo-house-appearance-content {
padding-bottom: 6.25vw;
}
#lp .toyo-house.jumbotron img.toyo-house-price-content {
padding-bottom: 2.5vw;
}
#lp .toyo-house.jumbotron img.toyo-house-cypress-head {
padding-bottom: 6.25vw;
}
#lp .toyo-house.jumbotron img.toyo-house-cypress-project {
padding-bottom: 3.75vw;
}
#lp .toyo-house.jumbotron img.toyo-house-cypress-free {
padding-bottom: 5vw;
}
#lp .toyo-house.jumbotron img.toyo-house-cypress-detail {
padding-bottom: 5vw;
}
#lp .toyo-house.jumbotron .toyo-house-cypress-photos {
padding-left: 5vw;
padding-right: 5vw;
padding-bottom: 3.75vw;
}
#lp .event.jumbotron {
padding-top: 6.25vw;
}
#lp .event.jumbotron img.event-announce {
margin-bottom: -5.9vw;
}
#lp .observe.jumbotron img.observe-notsales {
margin-bottom: 6.25vw;
}
#lp .observe.jumbotron img.observe-welcome {
margin-bottom: 5vw;
}
#lp .request.jumbotron {
margin-bottom: 6.25vw;
}
#lp .request.jumbotron .grid {
padding-top: 3.75vw;
padding-bottom: 4vw;
padding-left: 5vw;
padding-right: 5vw;
}
#lp .request.jumbotron img.request-message {
padding-bottom: 5vw;
}
#lp .request.jumbotron img.request-voice {
padding-bottom: 3.75vw;
}
#lp .request.jumbotron img.request-photos {
padding-bottom: 3.75vw;
}
}