.icon-svg {
position: absolute;
top: 50%;
display: block;
transform: translateY(-50%);
}
.icon-new_tab {
right: 30px;
width: 14px;
height: 14px;
}
.icon-pdf {
left: 15px;
width: 27px;
height: 12px;
}
.bg-wh {
background-color: #fff;
}
.lps_sec {
position: relative;
}
.lps_sec-bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background-position: center;
} .lps_parts {
position: relative;
z-index: 1;
}
.lps_parts .img-detail {
padding-top: 66.666%;
background-size: cover;
background-position: center;
}
.lps_parts + .ttl-02,
.lps_parts--button + .ttl-02,
.lps_parts--button + .lps_parts,
.lps_parts + .lps_parts {
margin-top: 80px;
}
.lps_parts + .lps_parts--button {
margin-top: 60px;
}
.lps_parts--button + .lps_parts--button {
margin-top: 0;
}
.lps_parts--column + .lps_parts--column {
margin-top: 0;
}
.lps_parts--column.column-1 + .lps_parts--column {
margin-top: 40px;
}
.lps_parts--img_text + .lps_parts--img_text {
margin-top: 40px;
}
.lps_parts iframe {
width: 100%;
}
.lps_parts .video_wrap {
width: 100%;
padding-bottom: 56.25%;
height: 0px;
position: relative;
}
.lps_parts .video_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.lps_parts .text {
line-height: 1.7;
}
.lps_parts--column .text.bg-wh {
padding: 32px;
}
.lps_parts .text:not(:last-child) {
margin-bottom: 24px;
}
.lps_parts--column .btn,
.lps_parts--slide .btn {
text-align: center;
}
.lps_parts--column .btn {
margin-top: auto;
}
.lps_parts .mce-content-body:not(:last-child) {
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.lps_parts p {
text-align: left !important;
}
.lps_parts .btn {
text-align: center;
}
.lps_parts + .ttl-02,
.lps_parts--button + .ttl-02,
.lps_parts--button + .lps_parts,
.lps_parts + .lps_parts {
margin-top: 40px;
}
.lps_parts--column + .lps_parts--column {
margin-top: 24px;
}
.lps_parts--button + .lps_parts--button {
margin-top: 0;
}
.lps_parts--column .text.bg-wh {
padding: 24px;
}
.lps_parts--column .text.bg-wh .btn {
min-width: 100%;
}
.lps_parts--column.column-2 .lps_parts--child.flex-sp-block .column_item,
.lps_parts--column.column-3 .lps_parts--child.flex-sp-block .column_item,
.lps_parts--column.column-4 .lps_parts--child.flex-sp-block .column_item {
width: 100%;
margin-right: 0;
}
.lps_parts .mce-content-body:not(:last-child) { margin-bottom: 16px; }
} .lps_parts--column .lps_parts--child {
display: flex;
flex-wrap: wrap;
}
.lps_parts--column .column_item {
flex: 1;
}
.lps_parts--column .img + .text {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
padding-top: 24px;
}
.lps_parts--column .column_item .text p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.lps_parts--column .lps_parts--child {
flex-direction: column;
}
.lps_parts--column {
width: 100%;
max-width: 100%;
}
.lps_parts--column .column_item {
width: 100%;
margin-bottom: 24px;
}
.lps_parts--column .column_item:not(:last-child) {
margin-right: 0;
}
.lps_parts--column .img + .text {
padding-top: 16px;
}
} .lps_parts--img_text .lps_parts--child {
display: flex;
justify-content: space-between;
}
.lps_parts--img_text .img_text--txt--inner {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.lps_parts--img_text .lps_parts--child.img_right {
flex-direction: row-reverse;
}
.lps_parts--img_text .img_text--child {
width: calc(50% - 20px);
}
.lps_parts--img_text .lps_parts--child.bg-wh .img_text--child {
width: 50%;
}
.lps_parts--img_text .img_text--child > * {
height: 100%;
}
.lps_parts--img_text .bg-wh .img_text--txt {
padding: 16px 40px;
}
.lps_parts--img_text .text {
justify-content: flex-start;
}
.lps_parts--img_text .text p:last-of-type {
margin-bottom: 0;
}
.lps_parts--img_text .ttl-03 {
margin-bottom: 1em;
text-align: left;
}
@media screen and (max-width: 767px) {
.lps_parts--img_text .lps_parts--child {
flex-direction: column !important;
}
.lps_parts--img_text .img_text--child,
.lps_parts--img_text .lps_parts--child.bg-wh .img_text--child {
width: 100%;
}
.lps_parts--img_text .img_text--img {
margin-bottom: 24px;
}
.lps_parts--img_text .lps_parts--child.bg-wh .img_text--img {
margin-bottom: 0;
}
.lps_parts--img_text .img_text--child.bg-wh {
padding: 25px;
}
.lps_parts--img_text .img_text--txt--inner > div,
.lps_parts--img_text .img_text--txt--inner .text {
width: 100%;
}
.lps_parts--img_text .ttl-03 {
margin-bottom: .6em;
text-align: center;
font-size: 6.4vw;
}
.lps_parts--img_text .btn-wrap {
text-align: center;
}
} .lps_parts--slide .img img {
display: inline-block;
}
.lps_parts--slide .img + .text {
margin-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.lps_parts--slide .slick-list {
margin-bottom: 32px;
}
.lps_parts--slide .slick-slide img,
.single-search .page_ttl .slick-slide img {
margin: auto;
}
.lps_parts--slide .slick-arrow,
.single-search .page_ttl .slick-arrow {
position: absolute;
top: 50%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
transform: translateY(-50%);
text-decoration: none;
background-color: #524439;
border-radius: 50%;
}
*::-ms-backdrop, .lps_parts--slide .slick-arrow {
transform: translateX(-50%) translateY(-50%);
}
.lps_parts--slide .slick-prev,
.single-search .page_ttl .slick-prev {
left: -25px;
}
.lps_parts--slide .slick-next,
.single-search .page_ttl .slick-next {
right: -25px;
}
.lps_parts--slide .slick-arrow::after,
.single-search .page_ttl .slick-arrow::after {
content: '\e902';
color: #fff;
font-family: 'icomoon';
font-size: 165%;
}
.lps_parts--slide .slick-prev::after,
.single-search .page_ttl .slick-prev::after {
transform: rotate(180deg);
}
.lps_parts--slide .slick-dots {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.lps_parts--slide .slick-dots li {
display: block;
width: 8px;
height: 8px;
border: 1px solid;
background-color: #fff;
border-radius: 50%;
}
.lps_parts--slide .slick-dots li + li { margin-left: 8px; }
.lps_parts--slide .slick-dots button {
padding: 0;
cursor: pointer;
color: transparent;
background: transparent;
outline: none;
border: none;
}
@media screen and (max-width: 1080px) {
.lps_parts--slide .img + .text {
margin-top: 16px;
}
.lps_parts--slide .slick-dots {
position: relative;
bottom: 4px;
}
.lps_parts--slide .slick-arrow { width: 40px; }
.lps_parts--slide .slick-prev { left: 16px; }
.lps_parts--slide .slick-next { right: 16px; }
.lps_parts--slide .slick-prev::after { left: 20px; }
.lps_parts--slide .slick-next::after { right: 20px; }
.lps_parts--slide .slick-arrow::after {
width: 24px;
height: 24px;
bottom: 0;
}
} .lps_parts--button .btn-wrap + .btn-wrap,
.lps_parts--button .btn-out + .btn-out {
margin-top: 0;
margin-left: 16px;
}
.lps_parts--button .lps_parts--child {
display: -webkit-flex;
display: flex;
justify-content: center;
}
.lps_parts--button .lps_parts--child .btn-wrap {
flex: 1;
margin-bottom: 24px;
}
.lps_parts--button .lps_parts--child .btn-wrap + .btn-wrap {
margin-left: 24px;
}
.lps_parts--button .lps_parts--child .btn-wrap .btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.lps_parts--button .lps_parts--child {
flex-wrap: wrap;
}
.lps_parts--button {
margin-bottom: 8px;
}
.lps_parts--button .lps_parts--child .btn-wrap {
width: 100%;
flex: none;
text-align: center;
}
.lps_parts--button .lps_parts--child .btn-wrap {
margin-bottom: 16px;
}
.lps_parts--button .btn-wrap + .btn-wrap,
.lps_parts--button .btn-out + .btn-out {
margin-left: 0;
}
.lps_parts--button .btn {
width: 50%;
flex: 1;
margin-bottom: 8px;
}
.lps_parts--button .btn:nth-child(2n+1) {
margin-right: 0;
}
.lps_parts--button .btn + .btn {
margin-left: 0;
}
.lps_parts--button .lps_parts--child .btn-wrap + .btn-wrap {
margin-left: 0;
}
} .lps_parts--banner {
text-align: center;
}
.lps_parts--banner .bnr {
display: inline-block;
margin: 0 8px 16px 8px;
}
.lps_parts--banner .bnr:not(:last-child) { margin-right: 16px; }
.lps_parts--banner .bnr a:hover { opacity: .5; } .post-edit-link {
position: fixed;
bottom: 120px;
right: 20px;
z-index: 10;
padding: 16px;
border-radius: 50%;
border: 1px solid #999;
}
.post-edit-link:hover {
background-color: #ddd;
}
.post-edit-link::after {
content: '';
display: block;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAxIDQwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxIDQwMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM5OTk5OTk7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzcwLjEsMjUxLjljLTUuNSwwLTEwLDQuNS0xMCwxMHY4OC43YzAsMTYuNS0xMy40LDI5LjktMzAsMzBINDkuOWMtMTYuNSwwLTI5LjktMTMuNC0zMC0zMFY5MC4zCgljMC0xNi41LDEzLjQtMjkuOSwzMC0zMGg4OC43YzUuNSwwLDEwLTQuNSwxMC0xMGMwLTUuNS00LjUtMTAtMTAtMTBINDkuOUMyMi40LDQwLjQsMCw2Mi43LDAsOTAuM3YyNjAuMwoJYzAsMjcuNiwyMi40LDQ5LjksNDkuOSw0OS45aDI4MC4yYzI3LjYsMCw0OS45LTIyLjQsNDkuOS00OS45di04OC43QzM4MC4xLDI1Ni40LDM3NS42LDI1MS45LDM3MC4xLDI1MS45eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzc2LjEsMTQuN2MtMTcuNi0xNy42LTQ2LTE3LjYtNjMuNiwwTDEzNC40LDE5Mi45Yy0xLjIsMS4yLTIuMSwyLjctMi42LDQuNGwtMjMuNCw4NC42Yy0xLDMuNSwwLDcuMiwyLjYsOS43CgljMi41LDIuNSw2LjMsMy41LDkuNywyLjZsODQuNi0yMy40YzEuNy0wLjUsMy4yLTEuMyw0LjQtMi42TDM4Ny45LDkwYzE3LjUtMTcuNiwxNy41LTQ2LDAtNjMuNkwzNzYuMSwxNC43eiBNMTU2LjIsMTk5LjNMMzAyLDUzLjUKCWw0Nyw0N0wyMDMuMiwyNDYuNEwxNTYuMiwxOTkuM3ogTTE0Ni44LDIxOC4ybDM3LjYsMzcuNmwtNTIsMTQuNEwxNDYuOCwyMTguMnogTTM3My43LDc1LjhsLTEwLjYsMTAuNmwtNDctNDdsMTAuNi0xMC42CgljOS43LTkuNywyNS42LTkuNywzNS4zLDBsMTEuNywxMS43QzM4My41LDUwLjMsMzgzLjUsNjYuMSwzNzMuNyw3NS44eiIvPgo8L3N2Zz4K');
}
@media screen and (max-width: 767px) {
.post-edit-link { display: none; }
} .ttl-01,
.ttl-03 {
font-family: 'Hiragino UD Sans W6 JIS2004';
}
.page-vietnamese .ttl-01,
.page-vietnamese .ttl-03 {
font-family: 'Clarimo UD PE Medium';
}
.ttl-01 {
position: relative;
margin-bottom: 1.25em;
font-size: 244%;
line-height: 1.35;
text-align: center;
}
.lps_sec .ttl-01 {
padding-top: 90px;
margin-top: -90px;
}
.ttl-03 {
margin-bottom: .8em;
font-size: 200%;
line-height: 1.45;
}
@media screen and (max-width: 767px) {
.ttl-01 {
margin-bottom: 32px;
font-size: 8vw;
line-height: 1.35;
}
}div.box {
padding: 20px;
border-radius: 5px;
margin: 20px 0;
border:1px solid #ccc;
overflow: hidden;
}