@charset "UTF-8";
 @media all and (-ms-high-contrast: none) {
.editor-style {
word-break: break-all;
}
}
.editor-style p {
line-height: 2;
}
.editor-style p:not(:last-child) {
margin-bottom: 1em;
}
.editor-style a {
color: #000;
text-decoration: underline !important;
}
.editor-style a img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.editor-style a:hover {
text-decoration: none !important;
}
.editor-style a:hover img {
opacity: 0.7;
}
.editor-style img {
height: auto;
}
.editor-style h2 {
font-size: 2.6rem;
font-weight: bold;
line-height: 1.4;
border-left: 5px solid #cacf2e;
margin: 1em 0 1.5em;
padding: 5px 0 5px 0.5em;
}
.editor-style h3 {
line-height: 1.4;
font-size: 2.2rem;
font-weight: bold;
margin: 1em 0 1em;
}
.editor-style strong {
font-weight: bold;
}
.editor-style em {
font-style: italic;
}
.editor-style ul {
margin: 1em 0;
}
.editor-style ul li {
position: relative;
padding: 0 0 0 1em;
}
.editor-style ul li:not(:last-child) {
margin-bottom: 0.7em;
}
.editor-style ul li::before {
top: 0.6em;
left: 0;
content: "";
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #000;
position: absolute;
}
.editor-style ol {
list-style-type: decimal;
margin: 1em 0 1em 1em;
}
.editor-style ol li {
padding: 0;
}
.editor-style ol li:not(:last-child) {
margin-bottom: 0.7em;
}
.editor-style .blocks-gallery-grid, .editor-style .wp-block-gallery {
margin: 0;
}
.editor-style li.blocks-gallery-item {
padding-left: 0;
}
.editor-style li.blocks-gallery-item::before {
display: none;
}
@media screen and (max-width: 768px) {
.editor-style h2 {
font-size: 2.2rem;
}
.editor-style h3 {
font-size: 2rem;
}
}
@media screen and (max-width: 576px) {
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.8rem;
}
} .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.flex {
display: block;
}
}
.flex_column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.flex_column {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.flex_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
.flex_wrap {
display: block;
}
} .right {
right: 0%;
}
.left {
left: 0%;
} .inner-page.iP_pb {
padding-bottom: 0;
}
.product-canvas .product-cnvs-head .top-bg {
background: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/top-bg.jpg) no-repeat center top;
min-height: 760px;
position: relative;
overflow: hidden;
}
.product-canvas .product-cnvs-head .top-bg.test7126 {
background: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/top-bg02.jpg) no-repeat center;
}
.product-canvas .product-cnvs-head .top-bg::before { content: "";
display: block;
background: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/bg-square-small.png) no-repeat left top;
width: 619px;
height: 619px;
position: absolute;
top: -8vw;
left: 6vw;
overflow: hidden;
}
.product-canvas .product-cnvs-head .top-bg h1 {
text-align: center;
padding: 235px 0 0;
}
.product-canvas .product-cnvs-body .ttl-bg {
position: relative;
min-height: 525px;
text-align: center; }
@media screen and (max-width: 1140px) {
.product-canvas .product-cnvs-body .ttl-bg {
min-height: 375px;
}
}
.product-canvas .product-cnvs-body .ttl-bg .ttl-bg-img {
z-index: -1;
}
@media screen and (max-width: 1140px) {
.product-canvas .product-cnvs-body .ttl-bg .ttl-bg-img {
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .ttl-bg .ttl-bg-img {
max-width: 100%;
}
}
.product-canvas .product-cnvs-body .ttl-bg .ttl-area .ttl-item {
display: inline-block;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
text-orientation: upright;
height: 415px;
width: 215px;
position: absolute;
top: 65px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}
@media screen and (max-width: 1140px) {
.product-canvas .product-cnvs-body .ttl-bg .ttl-area .ttl-item {
height: 320px;
top: 4vw;
}
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .ttl-bg .ttl-area .ttl-item {
top: 5vw;
}
}
@media screen and (max-width: 576px) {
.product-canvas .product-cnvs-body .ttl-bg .ttl-area .ttl-item {
top: 7vw;
}
}
.product-canvas .product-cnvs-body .ttl-bg .ttl-area .ttl-item .ttl {
font-size: 4.8rem;
letter-spacing: 0.05em;
font-weight: bold;
position: absolute;
}
@media screen and (max-width: 1140px) {
.product-canvas .product-cnvs-body .ttl-bg .ttl-area .ttl-item .ttl {
font-size: 3.8rem;
}
}
.product-canvas .product-cnvs-body .ttl-bg::after { position: absolute;
content: "";
top: -350px;
right: 5.5vw;
display: block;
width: 926px;
height: 926px;
background-image: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/bg-square.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
overflow: hidden;
}
@media screen and (max-width: 1140px) {
.product-canvas .product-cnvs-body .ttl-bg::after {
background-size: contain;
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .ttl-bg::after {
background-size: cover;
}
}
.product-canvas .product-cnvs-body .sec .sec-inner {
position: relative;
}
.product-canvas .product-cnvs-body .sec .sec-inner .bg-blue {
background-color: #51aad4;
width: 58%;
height: 100%;
position: absolute;
right: 0;
z-index: -1;
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .sec .sec-inner .bg-blue {
background-color: none;
width: initial;
height: initial;
}
}
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item {
display: block;
}
}
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item .img-box {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-top: 75px;
margin-bottom: 75px;
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item .img-box {
margin-top: 0;
margin-bottom: -1px;
line-height: 1;
}
}
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item .txt-area {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item .txt-area {
background-color: #51aad4;
}
}
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item .txt-area .txt-inner {
max-width: 445px;
color: #fff;
margin-top: 70px;
margin-left: 10.5%;
padding-top: 30px;
padding-bottom: 140px;
}
@media screen and (max-width: 1140px) {
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item .txt-area .txt-inner {
margin-top: 0;
}
}
@media screen and (max-width: 576px) {
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item .txt-area .txt-inner {
padding-bottom: 70px;
}
}
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item .txt-area .txt-inner .ttl-ja {
font-size: 2.6rem;
line-height: 1.6;
margin-bottom: 40px;
font-weight: bold;
}
@media screen and (max-width: 576px) {
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item .txt-area .txt-inner .ttl-ja {
font-size: 2.6rem;
margin-bottom: 40px;
}
}
.product-canvas .product-cnvs-body .sec .sec-inner .sec-item .txt-area .txt-inner .txt {
line-height: 2;
letter-spacing: 0.05em;
font-size: 0.835em;
}
.product-canvas .product-cnvs-body .sec .sec-inner .wrap {
position: relative;
}
.product-canvas .product-cnvs-body .sec .sec-inner .wrap .ttl-box {
position: absolute;
bottom: 0;
z-index: 3;
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .sec .sec-inner .wrap .ttl-box {
bottom: -25px;
}
}
@media screen and (max-width: 576px) {
.product-canvas .product-cnvs-body .sec .sec-inner .wrap .ttl-box {
bottom: -20px;
}
}
.product-canvas .product-cnvs-body .sec .sec-inner .wrap .ttl-box .ttl-en {
font-size: 15rem;
line-height: 0.9;
font-weight: bold;
color: #000;
text-align: right;
}
@media screen and (max-width: 1140px) {
.product-canvas .product-cnvs-body .sec .sec-inner .wrap .ttl-box .ttl-en {
font-size: 10rem;
}
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .sec .sec-inner .wrap .ttl-box .ttl-en {
font-size: 7rem;
}
}
@media screen and (max-width: 576px) {
.product-canvas .product-cnvs-body .sec .sec-inner .wrap .ttl-box .ttl-en {
font-size: 5rem;
}
}
.product-canvas .product-cnvs-body .ptn1 { }
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .ptn1 .sec-inner .ttl-box {
right: 0;
}
}
.product-canvas .product-cnvs-body .ptn2 { }
.product-canvas .product-cnvs-body .ptn2 .sec-inner .bg-blue {
right: initial;
}
.product-canvas .product-cnvs-body .ptn2 .sec-inner .sec-item .img-box {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.product-canvas .product-cnvs-body .ptn2 .sec-inner .sec-item .txt-area { }
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .ptn2 .sec-inner .ttl-box {
left: 0;
}
}
.product-canvas .product-cnvs-body .scnd-lst { margin-top: 120px;
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .scnd-lst {
margin-top: 80px;
}
}
.product-canvas .product-cnvs-body .scnd-lst .sec-inner .sec-item { }
.product-canvas .product-cnvs-body .square-deco1 {
position: relative;
overflow-x: clip;
}
.product-canvas .product-cnvs-body .square-deco1::after { position: absolute;
content: "";
top: -420px;
right: 0;
left: 290px;
margin: 0 auto;
display: block;
width: 926px;
height: 926px;
background-image: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/bg-square.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .square-deco1::after {
width: 100%;
height: 100%;
left: 0;
}
}
.product-canvas .product-cnvs-body .square-deco2 {
position: relative;
overflow-x: clip;
}
.product-canvas .product-cnvs-body .square-deco2::before { content: "";
display: block;
background: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/bg-square-small.png) no-repeat left top;
width: 619px;
height: 619px;
position: absolute;
top: -305px;
left: 7vw;
z-index: 1;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .square-deco2::before {
width: 100%;
height: 100%;
left: 0;
}
}
.product-canvas .product-cnvs-body .square-deco3 {
position: relative;
overflow-x: clip;
}
.product-canvas .product-cnvs-body .square-deco3::after { position: absolute;
content: "";
top: -420px;
right: 100px;
left: 0;
margin: 0 auto;
display: block;
width: 926px;
height: 926px;
background-image: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/bg-square.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.product-canvas .product-cnvs-body .square-deco3::after {
width: 100%;
height: 100%;
left: 0;
}
} .animation-fadeIn {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animation-fadeIn span {
display: inline-block;
opacity: 0;
-webkit-transform: translate(-20%, -20%);
transform: translate(-20%, -20%);
-webkit-transition-duration: 1.6s, 1.6s;
transition-duration: 1.6s, 1.6s;
-webkit-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) !important;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) !important;
}
.animation-fadeIn span.show {
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.animation-fadeIn span:nth-of-type(1) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.animation-fadeIn span:nth-of-type(2) {
-webkit-transition-delay: 0.03s;
transition-delay: 0.03s;
}
.animation-fadeIn span:nth-of-type(3) {
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.animation-fadeIn span:nth-of-type(4) {
-webkit-transition-delay: 0.09s;
transition-delay: 0.09s;
}
.animation-fadeIn span:nth-of-type(5) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.animation-fadeIn span:nth-of-type(6) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.animation-fadeIn span:nth-of-type(7) {
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.animation-fadeIn span:nth-of-type(8) {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.animation-fadeIn span:nth-of-type(9) {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
.animation-fadeIn span:nth-of-type(10) {
-webkit-transition-delay: 0.26s;
transition-delay: 0.26s;
}
.animation-fadeIn span:nth-of-type(11) {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.animation-fadeIn span:nth-of-type(12) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.animation-fadeIn span:nth-of-type(13) {
-webkit-transition-delay: 0.32s;
transition-delay: 0.32s;
}
.animation-fadeIn span:nth-of-type(14) {
-webkit-transition-delay: 0.34s;
transition-delay: 0.34s;
}
.animation-fadeIn2 {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animation-fadeIn2 span {
display: inline-block;
opacity: 0;
-webkit-transform: translate(-20%, -20%);
transform: translate(-20%, -20%);
-webkit-transition-duration: 1.6s, 1.6s;
transition-duration: 1.6s, 1.6s;
-webkit-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) !important;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) !important;
}
.animation-fadeIn2 span.show {
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.animation-fadeIn2 span:nth-of-type(1) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.animation-fadeIn2 span:nth-of-type(2) {
-webkit-transition-delay: 0.03s;
transition-delay: 0.03s;
}
.animation-fadeIn2 span:nth-of-type(3) {
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.animation-fadeIn2 span:nth-of-type(4) {
-webkit-transition-delay: 0.09s;
transition-delay: 0.09s;
}
.animation-fadeIn2 span:nth-of-type(5) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.animation-fadeIn2 span:nth-of-type(6) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.animation-fadeIn2 span:nth-of-type(7) {
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.animation-fadeIn2 span:nth-of-type(8) {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.animation-fadeIn2 span:nth-of-type(9) {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
.animation-fadeIn2 span:nth-of-type(10) {
-webkit-transition-delay: 0.26s;
transition-delay: 0.26s;
}
.animation-fadeIn2 span:nth-of-type(11) {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.animation-fadeIn2 span:nth-of-type(12) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.animation-fadeIn2 span:nth-of-type(13) {
-webkit-transition-delay: 0.32s;
transition-delay: 0.32s;
}
.animation-fadeIn2 span:nth-of-type(14) {
-webkit-transition-delay: 0.34s;
transition-delay: 0.34s;
}
.animation-fadeIn3 {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animation-fadeIn3 span {
display: inline-block;
opacity: 0;
-webkit-transform: translate(-20%, -20%);
transform: translate(-20%, -20%);
-webkit-transition-duration: 1.6s, 1.6s;
transition-duration: 1.6s, 1.6s;
-webkit-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) !important;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) !important;
}
.animation-fadeIn3 span.show {
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.animation-fadeIn3 span:nth-of-type(1) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.animation-fadeIn3 span:nth-of-type(2) {
-webkit-transition-delay: 0.03s;
transition-delay: 0.03s;
}
.animation-fadeIn3 span:nth-of-type(3) {
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.animation-fadeIn3 span:nth-of-type(4) {
-webkit-transition-delay: 0.09s;
transition-delay: 0.09s;
}
.animation-fadeIn3 span:nth-of-type(5) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.animation-fadeIn3 span:nth-of-type(6) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.animation-fadeIn3 span:nth-of-type(7) {
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.animation-fadeIn3 span:nth-of-type(8) {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.animation-fadeIn3 span:nth-of-type(9) {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
.animation-fadeIn3 span:nth-of-type(10) {
-webkit-transition-delay: 0.26s;
transition-delay: 0.26s;
}
.animation-fadeIn3 span:nth-of-type(11) {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.animation-fadeIn3 span:nth-of-type(12) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.animation-fadeIn3 span:nth-of-type(13) {
-webkit-transition-delay: 0.32s;
transition-delay: 0.32s;
}
.animation-fadeIn3 span:nth-of-type(14) {
-webkit-transition-delay: 0.34s;
transition-delay: 0.34s;
} .cv-btn-area {
background-color: #2b3531;
padding: 80px 0;
margin: 150px 0;
}
@media screen and (max-width: 767px) {
.cv-btn-area {
margin: 100px 0 80px;
padding: 40px 0;
}
} .sec-plan {
background-color: #2b3531;
}
.sec-plan .ttl-box {
padding: 120px 0 0;
}
.sec-plan .ttl-box .ttl {
position: relative;
background: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/bg-plan.png) no-repeat center top;
height: 149px;
background-size: contain;
}
.sec-plan .ttl-box .ttl .ttl-ja {
font-size: 3.6rem;
font-weight: bold;
color: #fff;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
.sec-plan .ttl-box .ttl .ttl-ja {
font-size: 2.6rem;
}
}
.sec-plan .img-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
.sec-plan .img-area {
display: block;
}
}
.sec-plan .img-area .item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
text-align: center;
}
@media screen and (max-width: 576px) {
.sec-plan .img-area .item:nth-child(2) {
margin-top: 3em;
}
}
.sec-plan .txt-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 110px;
}
@media screen and (max-width: 576px) {
.sec-plan .txt-area {
display: block;
margin-top: 90px;
}
}
.sec-plan .txt-area .txt-box { padding: 1.5% 1.5% 3.5%;
color: #fff;
line-height: 2;
border: 1px solid #fff;
border-radius: 30px;
position: relative;
-ms-flex-preferred-size: 31.6666666667%;
flex-basis: 31.6666666667%;
}
@media screen and (max-width: 576px) {
.sec-plan .txt-area .txt-box {
padding: 1.5% 4.5% 3.5%;
}
}
.sec-plan .txt-area .txt-box:nth-child(1)::before {
content: "";
display: block;
background: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/plan/num-img1.png) no-repeat center top;
width: 16px;
height: 52px;
position: absolute;
top: -40px;
left: 10px;
}
@media screen and (max-width: 576px) {
.sec-plan .txt-area .txt-box:nth-child(1) {
margin-bottom: 4em;
}
}
.sec-plan .txt-area .txt-box:nth-child(2)::before {
content: "";
display: block;
background: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/plan/num-img2.png) no-repeat center top;
width: 32px;
height: 53px;
position: absolute;
top: -40px;
left: 10px;
}
@media screen and (max-width: 576px) {
.sec-plan .txt-area .txt-box:nth-child(2) {
margin-bottom: 4em;
}
}
.sec-plan .txt-area .txt-box:nth-child(3)::before {
content: "";
display: block;
background: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/plan/num-img3.png) no-repeat center top;
width: 32px;
height: 53px;
position: absolute;
top: -40px;
left: 10px;
}
.sec-plan .txt-area .txt-box .ttl {
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center; }
.sec-plan .txt-area .txt-box .txt {
text-align: justify;
letter-spacing: 0.1em; }
.sec-plan .txt-area .mgn {
margin: 0 2.5%;
}
.sec-plan .numeric-data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 960px;
margin: 45px auto 0 auto;
padding-bottom: 60px;
}
@media screen and (max-width: 576px) {
.sec-plan .numeric-data {
display: block;
max-width: 320px;
}
}
.sec-plan .numeric-data .item {
color: #fff;
line-height: 2;
}
@media screen and (max-width: 767px) {
.sec-plan .numeric-data .item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
.sec-plan .numeric-data .item .txt {
font-size: 1.8rem;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.sec-plan .numeric-data .item .txt {
font-size: 1.6rem;
}
}
.sec-plan .numeric-data .price-data {
color: #fff;
}
@media screen and (max-width: 767px) {
.sec-plan .numeric-data .price-data {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media screen and (max-width: 576px) {
.sec-plan .numeric-data .price-data {
margin-top: 1em;
}
}
.sec-plan .numeric-data .price-data .price-area .price-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.sec-plan .numeric-data .price-data .price-area .price-item {
font-size: 1.8rem;
}
}
.sec-plan .numeric-data .price-data .price-area .price-item .price-ttl {
font-size: 2.8rem;
letter-spacing: 0.1em;
margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
.sec-plan .numeric-data .price-data .price-area .price-item .price-ttl {
font-size: 1.8rem;
}
}
.sec-plan .numeric-data .price-data .price-area .price-item .price-txt {
margin: 0 1em;
}
@media screen and (max-width: 767px) {
.sec-plan .numeric-data .price-data .price-area .price-item .price-txt {
width: 50%;
}
}
.sec-plan .numeric-data .price-data .price-area .price-item .price-en {
font-size: 4.8rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.sec-plan .numeric-data .price-data .price-area .price-item .price-en {
font-size: 2.8rem;
}
}
.sec-plan .numeric-data .price-data .price-area .tax-included {
font-size: 2.1rem;
letter-spacing: 0.1em;
text-align: center;
}
@media screen and (max-width: 767px) {
.sec-plan .numeric-data .price-data .price-area .tax-included {
font-size: 1.8rem;
}
} .sec-plan360 .ttl-box {
padding: 120px 0 40px;
}
.sec-plan360 .ttl-box .ttl {
position: relative;
background: url(//admax-log.com/wp2021/wp-content/themes/admax//img/product-new/canvas/bg-plan360.png) no-repeat center top;
height: 160px;
background-size: contain;
}
.sec-plan360 .ttl-box .ttl .ttl-ja {
font-size: 3.6rem;
font-weight: bold;
color: #000;
text-align: center;
position: absolute;
top: 30%;
left: 0;
right: 0;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.sec-plan360 .ttl-box .ttl .ttl-ja {
font-size: 2.6rem;
top: 3.5vw;
left: 0;
right: 0;
margin: 0 auto;
transform: initial;
-webkit-transform: initial;
-ms-transform: initial;
}
}
.sec-plan360 .fullscreen-btn {
margin-top: 80px;
}
.sec-plan360 .fullscreen-btn .button-circle {
margin: 0 auto;
background-color: #51aad4;
max-width: 430px;
position: relative;
}
.sec-plan360 .fullscreen-btn .button-circle a {
font-size: 1.8rem;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
padding-right: 0;
position: unset;
letter-spacing: 0.1em;
font-family: "Noto Sans JP", sans-serif;
}
.sec-plan360 .fullscreen-btn .button-circle a figure {
width: auto;
height: auto;
position: absolute;
top: 52%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translate(-50%, -50%);
}
.sec-plan360 .fullscreen-btn .button-circle a figure svg {
width: 49px;
height: 49px;
}
.sec-plan360 .fullscreen-btn .button-circle a figure .circle-set {
stroke: #fff;
}   .sec-works .ttl-box {
padding: 120px 0 0;
}
.sec-works .ttl-box .ttl {
position: relative;
}
.sec-works .ttl-box .ttl .ttl-ja {
font-size: 3.6rem;
line-height: 1;
font-weight: bold;
color: #2b3531;
text-align: center;
}
@media screen and (max-width: 767px) {
.sec-works .ttl-box .ttl .ttl-ja {
font-size: 2.6rem;
top: 7vw;
}
}
.sec-works .img-container {
margin-top: 80px;
}
.works-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.works-item {
width: 50%;
position: relative;
}
.works-item > a {
display: block;
position: relative;
color: #fff;
height: 33vw;
}
.works-item > a:hover .item-img img {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.works-item > a:hover .item-inner {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
background: rgba(43, 53, 49, 0.8);
}
.works-item .item-img {
font-size: 0;
overflow: hidden;
}
.works-item .item-img img {
width: 100%;
height: 33vw;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.works-item .item-inner {
position: absolute;
width: 25vw;
height: 25vw;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: rgba(202, 207, 46, 0.8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.works-item .item-more {
border: 4px solid #fff;
font-family: "Oswald", sans-serif;
color: #fff;
font-weight: 500;
font-size: 3rem;
text-align: center;
max-width: 178px;
width: 80%;
padding: 10px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.works-item .item-tll {
display: block;
position: absolute;
top: 7%;
left: 0;
padding: 0 10px;
text-align: center;
width: 100%;
}
.works-item .item-customer {
display: block;
position: absolute;
text-align: center;
left: 0;
bottom: 13%;
width: 100%;
}
.works-item .item-add {
margin-right: 1em;
}
@media screen and (min-width: 1141px) {
.works-list::after {
content: "";
width: 33.3333333333%;
display: block;
}
.works-item {
width: 33.3333333333%;
}
.works-list .works-item:nth-of-type(1), .works-list .works-item:nth-of-type(2), .works-list .works-item:nth-of-type(6), .works-list .works-item:nth-of-type(7) {
width: 50%;
}
.works-list .works-item:nth-of-type(1) > a, .works-list .works-item:nth-of-type(2) > a, .works-list .works-item:nth-of-type(6) > a, .works-list .works-item:nth-of-type(7) > a {
height: 33vw;
}
.works-list .works-item:nth-of-type(1) .item-img img, .works-list .works-item:nth-of-type(2) .item-img img, .works-list .works-item:nth-of-type(6) .item-img img, .works-list .works-item:nth-of-type(7) .item-img img {
height: 33vw;
}
.works-item > a {
height: 19vw;
}
.works-item .item-img img {
height: 19vw;
}
.works-item .item-inner {
width: 16vw;
height: 16vw;
}
}
@media screen and (min-width: 1141px) and (max-width: 1500px) {
.works-list .works-item:nth-of-type(1) .item-inner, .works-list .works-item:nth-of-type(2) .item-inner, .works-list .works-item:nth-of-type(6) .item-inner, .works-list .works-item:nth-of-type(7) .item-inner {
width: 28vw;
height: 28vw;
}
}
@media screen and (max-width: 1140px) {
.works-item .item-tll {
font-size: 1.6vw;
top: 5%;
}
}
@media screen and (max-width: 767px) {
.works-item .item-more {
font-size: 4vw;
}
.works-item .item-tll {
padding: 0 2%;
}
.works-item .item-customer {
font-size: 2.2vw;
bottom: 2vw;
}
}
@media screen and (max-width: 576px) {
.works-item {
width: 100%;
}
.works-item > a {
height: 50vw;
}
.works-item .item-img img {
height: 50vw;
}
.works-item .item-inner {
width: 40vw;
height: 40vw;
}
.works-item .item-more {
font-size: 6vw;
}
.works-item .item-ttl {
font-size: 2.7vw;
}
.works-item .item-customer {
font-size: 3vw;
bottom: 3vw;
}
} .view-btn-area {
margin: 30px 0 0 0;
}
.view-btn-area .button-circle {
text-align: right;
} .return-btn-area {
margin: 120px 0;
}
.return-btn-area .button-circle {
padding: 0;
}
.return-btn-area .button-circle a {
font-size: 1.8rem;
text-align: center;
width: 430px;
margin: 0 auto;
border: 1px solid #2b3531;
padding: 20px 65px;
font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 576px) {
.return-btn-area .button-circle a {
width: 280px;
text-align: left;
}
}
.return-btn-area .button-circle a figure {
width: 52px;
height: 52px;
margin-right: 2.5%;
}
@media screen and (max-width: 576px) {
.return-btn-area .button-circle a figure {
width: 59px;
height: 59px;
}
} .sec-standard {
background-color: #fff;
padding: 120px 0 0px;
}
@media screen and (max-width: 767px) {
.sec-standard {
padding: 60px 0;
}
}
.sec-standard .sec-ttl-area {
position: relative;
margin: 0px 0 55px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sec-standard .sec-ttl {
padding: 0;
z-index: 2;
font-size: 3.6rem;
font-weight: bold;
color: #000;
text-align: center;
position: absolute;
top: 4%;
left: 0;
right: 0;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.sec-standard .sec-ttl {
font-size: 2em;
}
}
@media screen and (max-width: 767px) {
.sec-standard .sec-ttl {
font-size: 1.5em;
}
}
.sec-standard .sec-ttl-en {
position: unset;
height: auto;
font-family: "Noto Sans JP", sans-serif;
font-size: 6.25em;
line-height: 0.867;
letter-spacing: 0em;
color: #e3e3e3;
font-weight: bold;
margin-bottom: 30px;
padding-top: 0px;
padding-bottom: 55px;
text-align: center;
}
@media screen and (max-width: 767px) {
.sec-standard .sec-ttl-en {
font-size: 4.375em;
padding-top: 55px;
}
}
@media screen and (max-width: 576px) {
.sec-standard .sec-ttl-en {
font-size: 3.375em;
margin-top: -30px;
padding-bottom: 0px;
}
}
.sec-standard .content-list {
color: #283531;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
@media screen and (max-width: 576px) {
.sec-standard .content-list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.sec-standard .content-list::before {
content: "";
display: block;
width: 24%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.sec-standard .content-list::after {
content: "";
display: block;
width: 24%;
}
.sec-standard .content-list .list-item {
width: 31.6666666667%;
background-color: #e3e3e3;
padding: 25px;
margin-bottom: 40px;
}
@media screen and (max-width: 1140px) {
.sec-standard .content-list .list-item {
padding: 15px;
width: 31.6666666667%;
}
}
@media screen and (max-width: 767px) {
.sec-standard .content-list .list-item {
width: 31.6666666667%;
}
}
@media screen and (max-width: 576px) {
.sec-standard .content-list .list-item {
padding: 15px;
width: 47.5%;
}
}
@media screen and (max-width: 320px) {
.sec-standard .content-list .list-item {
width: 95%;
}
}
.sec-standard .content-list .list-item .item-link {
display: block;
}
.sec-standard .content-list .list-item .item-box {
margin-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
height: 200px;
}
.sec-standard .content-list .list-item .item-box .item-img {
-o-object-fit: cover;
object-fit: cover;
}
.sec-standard .content-list .list-item .item-ttl {
margin-bottom: 20px;
font-size: 1.313em;
font-weight: bold;
line-height: 1.715;
letter-spacing: 0.05em;
}
@media screen and (max-width: 576px) {
.sec-standard .content-list .list-item .item-ttl {
margin-bottom: 10px;
font-size: 0.825em;
text-align: justify;
letter-spacing: 0.05em;
}
}
.sec-standard .content-list .list-item .item-txt {
margin-bottom: 40px;
font-size: 1.125em;
font-weight: normal;
line-height: 2.667;
letter-spacing: 0.1em;
}
@media screen and (max-width: 576px) {
.sec-standard .content-list .list-item .item-txt {
margin-bottom: 10px;
font-size: 0.725em;
text-align: justify;
line-height: 1.667;
letter-spacing: 0.05em;
}
} .sec-option {
background-color: #2b3531;
padding: 60px 0;
}
@media screen and (max-width: 767px) {
.sec-option {
padding: 30px 0;
}
}
.sec-option .sec-ttl-area {
position: relative;
margin: 0px 0 55px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sec-option .sec-ttl {
padding: 0;
z-index: 2;
font-size: 3.6rem;
font-weight: bold;
color: #fff;
text-align: center;
position: absolute;
top: 30%;
left: 0;
right: 0;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.sec-option .sec-ttl {
font-size: 2em;
}
}
@media screen and (max-width: 767px) {
.sec-option .sec-ttl {
font-size: 1.5em;
}
}
.sec-option .sec-ttl-en {
position: unset;
height: auto;
font-family: "Noto Sans JP", sans-serif;
font-size: 6.25em;
line-height: 0.867;
letter-spacing: 0em;
color: #e3e3e3;
font-weight: bold;
margin-top: -100px;
margin-bottom: 30px;
padding-top: 105px;
padding-bottom: 0px;
text-align: center;
}
@media screen and (max-width: 767px) {
.sec-option .sec-ttl-en {
font-size: 4.375em;
padding-top: 55px;
}
}
@media screen and (max-width: 576px) {
.sec-option .sec-ttl-en {
font-size: 3.375em;
margin-top: -30px;
padding-bottom: 0px;
}
}
.sec-option .content-list {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.sec-option .content-list::before {
content: "";
display: block;
width: 24%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.sec-option .content-list::after {
content: "";
display: block;
width: 24%;
}
.sec-option .content-list .list-item {
width: 23.75%;
background-color: #fff;
border-radius: 25px;
margin-bottom: 40px;
padding: 25px 25px 25px;
color: #283531;
}
@media screen and (max-width: 1140px) {
.sec-option .content-list .list-item {
width: 31.6666666667%;
}
}
@media screen and (max-width: 767px) {
.sec-option .content-list .list-item {
width: 47.5%;
}
}
@media screen and (max-width: 576px) {
.sec-option .content-list .list-item {
width: 47.5%;
padding: 15px 15px 15px;
}
}
@media screen and (max-width: 320px) {
.sec-option .content-list .list-item {
width: 95%;
padding: 15px 15px 15px;
}
}
.sec-option .content-list .list-item .item-link {
display: block;
padding: 25px;
}
@media screen and (max-width: 576px) {
.sec-option .content-list .list-item .item-link {
padding: 20px 10px;
}
}
.sec-option .content-list .list-item .item-box {
margin-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
height: 200px;
}
@media screen and (max-width: 576px) {
.sec-option .content-list .list-item .item-box {
margin-bottom: 15px;
}
}
.sec-option .content-list .list-item .item-box .item-img {
-o-object-fit: cover;
object-fit: cover;
}
.sec-option .content-list .list-item .item-ttl {
font-size: 1em;
font-weight: bold;
line-height: 1.75;
letter-spacing: 0.05em;
text-align: center;
}
@media screen and (max-width: 576px) {
.sec-option .content-list .list-item .item-ttl {
margin-bottom: 5px;
font-size: 0.725em;
}
}
.sec-option .content-list .list-item .item-txt {
font-size: 1em;
font-weight: bold;
line-height: 2.25;
letter-spacing: 0em;
text-align: left;
}
@media screen and (max-width: 576px) {
.sec-option .content-list .list-item .item-txt {
font-size: 0.725em;
margin-bottom: 5px;
}
}
.sec-option .content-list .list-item .item-txt.op5 {
height: auto !important;
}
.sec-option .content-list .list-item .item-price {
text-align: right;
font-size: 1em;
font-weight: bold;
line-height: 2.25;
letter-spacing: 0em;
padding-bottom: 15px;
}
@media screen and (max-width: 576px) {
.sec-option .content-list .list-item .item-price {
margin-bottom: 10px;
font-size: 0.625em;
line-height: 1.25;
}
}