@charset "UTF-8";

*,
::before,
::after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }   body {
margin: 0;
font-family: "游ゴシック体",
YuGothic,
"游ゴシック Medium",
"Yu Gothic Medium",
"游ゴシック",
"Yu Gothic",
sans-serif;
}
html {
font-size: 62.5%;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}  ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}  dt {
font-weight: bold;
}
dd {
margin-left: 0;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
} pre {
font-family: monospace, monospace; font-size: inherit; }
address {
font-style: inherit;
}   a {
background-color: transparent;
text-decoration: none;
color: inherit;
} abbr[title] {
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: inherit; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}   svg,
img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none; appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit; } [type="checkbox"] {
-webkit-appearance: checkbox;
appearance: checkbox;
}
[type="radio"] {
-webkit-appearance: radio;
appearance: radio;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
}
button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
cursor: default;
} :-moz-focusring {
outline: auto;
}
select:disabled {
opacity: inherit;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
}
legend {
padding: 0;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } label[for] {
cursor: pointer;
}   details {
display: block;
} summary {
display: list-item;
} [contenteditable]:focus {
outline: auto;
}   table {
border-color: inherit; border-collapse: collapse;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
} html {
box-sizing: border-box;
font-size: 62.5%;
overflow-x: hidden;
}
body {
margin: 0px;
overflow-x: hidden;
color: #1e1e1e;
line-height: 1.6;
font-size: 16px;
}
h1, h2, h3, h4, h5 {
line-height: 1.35;
}
body#rb_design1 {
font-family: "Zen Kaku Gothic Antique", sans-serif;
}
body#rb_design2 {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
body#rb_design3 {
font-family: "Noto Sans JP", sans-serif;
}
a {
display: inline-block;
color: #1e1e1e;
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
iframe {
width: 100%;
} .inner {
padding: 3rem 0;
}
@media screen and (min-width: 768px) {
.inner {
padding: 4.5rem 0;
}
}
.spacer {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 0 4vw;
}
@media screen and (min-width: 768px) {
.spacer {
padding: 0 3rem;
}
}
.mt-1 {
margin-top: 1rem;
}
.mb-1 {
margin-bottom: 1rem;
}
.mt-2 {
margin-top: 2rem;
}
.mb-2 {
margin-bottom: 2rem;
}
.mt-4 {
margin-top: 4rem;
}
.mb-4 {
margin-bottom: 4rem;
}
.mt-6 {
margin-top: 6rem;
}
.mb-6 {
margin-bottom: 6rem;
}
.bg-base {
background-color: #434D54;
}
.bg-base2 {
background-color: #F25120;
}
.bg-gray {
background-color: #efefef;
}
.scrollArea {
display: flex;
overflow-x: auto;
flex-wrap: nowrap;
padding-bottom: 2rem;
}
.scrollArea::-webkit-scrollbar {
height: 8px;
border-radius: 50px;
}
.scrollArea::-webkit-scrollbar-track {
background-color: #efefef;
border-radius: 50px;
}
.scrollArea::-webkit-scrollbar-thumb {
border-radius: 50px;
}
.section.bg-base .scrollArea::-webkit-scrollbar-thumb {
background-color: #ccc;
}
.widgetImg-wrap .quote {
font-size: 1.4rem;
margin-top: 10px;
text-align: right;
}
.sec-3box .img-wrap .quote {
margin: 0.5rem 0.5rem 0.5rem auto !important;
}
.sidebar-list .img-wrap .quote {
font-size: 9px;
}
.cat-list .img-wrap .quote {
white-space: nowrap;
font-size: 9px;
} .sectionTtl-wrap {
margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
.sectionTtl-wrap {
margin-bottom: 2.4rem;
}
}
@media screen and (min-width: 1024px) {
.sectionTtl-wrap {
margin-bottom: 3.2rem;
}
}
.sectionTtl-h2 {
font-size: 2.2rem;
font-weight: 500;
}
@media screen and (min-width: 768px) {
.sectionTtl-h2 {
font-size: 2.7rem;
}
}
@media screen and (min-width: 1024px) {
.sectionTtl-h2 {
font-size: 3.2rem;
}
}
.sectionTtl-wrap.design1 {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
.sectionTtl-wrap.design1 {
margin-bottom: 2.9rem;
}
}
@media screen and (min-width: 1024px) {
.sectionTtl-wrap.design1 {
margin-bottom: 3.7rem;
}
}
.sectionTtl-wrap.design1 .sectionTtl-h2 {
text-align: center;
}
.sectionTtl-wrap.design1 .sectionTtl-h2:after {
content: "";
display: block;
width: 150px;
height: 5px;
margin: 0.5rem auto 0;
}
.sectionTtl-wrap.design2 {
margin-bottom: 0;
overflow: hidden;
}
.sectionTtl-wrap.design2 .sectionTtl-h2 {
overflow: hidden;
position: relative;
line-height: 1.3;
color: #fff;
padding: 1.75rem;
padding-left: 33%;
font-size: 2rem;
}
@media screen and (min-width: 768px) {
.sectionTtl-wrap.design2 .sectionTtl-h2 {
font-size: 2.4rem;
padding: 2.5rem;
padding-left: 33%;
}
}
@media screen and (min-width: 1024px) {
.sectionTtl-wrap.design2 .sectionTtl-h2 {
font-size: 2.7rem;
}
}
.sectionTtl-wrap.design2 span {
position: absolute;
top: 0;
left: -5%;
width: 30%;
height: 101%;
padding: 0 4rem;
display: flex;
align-items: center;
justify-content: flex-end;
transform: skewX(-8deg) translateX(10px);
}
@media screen and (min-width: 480px) {
.sectionTtl-wrap.design2 span {
transform: skewX(-8deg);
}
}
@media screen and (min-width: 768px) {
.sectionTtl-wrap.design2 span {
width: 35%;
}
}
.sectionTtl-wrap.design2 span img {
display: block;
margin: 0 !important;
height: 40px;
object-fit: contain;
transform: skewX(8deg);
}
@media screen and (min-width: 768px) {
.sectionTtl-wrap.design2 span img {
height: 50px;
}
}
@media screen and (min-width: 1024px) {
.sectionTtl-wrap.design2 span img {
height: 55px;
}
}
.sectionTtl-wrap.design3 {
background: #fff;
border-radius: 6rem;
border: solid 0.3rem #525252;
display: block;
flex-wrap: wrap;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 auto 5rem auto !important;
max-width: 80rem;
padding: 1.5rem 3rem;
position: relative;
width: 100%;
}
@media screen and (min-width: 768px) {
.sectionTtl-wrap.design3 {
min-height: 5rem;
padding: 1.5rem 4.5rem;
}
}
@media screen and (min-width: 1024px) {
.sectionTtl-wrap.design3 {
min-height: 8rem;
padding: 1.5rem 6.5rem;
}
}
.sectionTtl-wrap.design3::before {
content: "";
border: solid 2.4rem transparent;
border-top: solid 2.4rem #525252;
position: absolute;
top: 100%;
left: 50%;
padding: 0 !important;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.sectionTtl-wrap.design3::after {
content: "";
border: solid 3rem transparent;
border-top: solid 3rem #FFF;
margin-top: -1rem;
position: absolute;
top: 100%;
left: 50%;
padding: 0 !important;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.sectionTtl-wrap.design3 .en-copy {
display: block;
font-size: 1.4rem;
text-align: center;
font-weight: 500;
text-transform: capitalize;
}
.sectionTtl-wrap.design3 .sectionTtl-h2 {
text-align: center;
font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
.sectionTtl-wrap.design3 .sectionTtl-h2 {
font-size: 2rem;
}
}
@media screen and (min-width: 1024px) {
.sectionTtl-wrap.design3 .sectionTtl-h2 {
font-size: 2.4rem;
}
} .home .recommend-ttl_h3, .single .recommend-ttl_h2 {
position: relative;
font-size: 2.2rem;
}
@media screen and (min-width: 480px) {
.home .recommend-ttl_h3, .single .recommend-ttl_h2 {
font-size: 2.8rem;
}
}
.home .recommend-ttl_h3 a {
position: relative;
display: block;
}
.home .recommend-ttl_h4, .single .recommend-ttl_h3 {
font-size: 1.8rem;
line-height: 1.25;
margin-bottom: 2rem;
position: relative;
}
@media screen and (min-width: 768px) {
.home .recommend-ttl_h4, .single .recommend-ttl_h3 {
font-size: 2rem;
}
}
@media screen and (min-width: 1024px) {
.home .recommend-ttl_h4, .single .recommend-ttl_h3 {
font-size: 2.2rem;
}
} .point-list li {
background-color: #fff;
}
@media screen and (min-width: 600px) {
.point-list li {
display: flex;
align-items: center;
justify-content: normal;
}
}
.point-list li p {
margin: 0 !important;
padding: 1rem;
width: 100%;
line-height: 1.4;
}
.point-list.column li + li {
margin-top: 1rem;
}
@media screen and (min-width: 600px) {
.point-list.column li {
display: flex;
align-items: center;
justify-content: normal;
}
}
.point-list.column li p {
padding: 1rem;
}
.point-list.row_2 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media screen and (min-width: 600px) {
.point-list.row_2 {
grid-gap: 2rem;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}
}
.point-list.row_3 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media screen and (min-width: 600px) {
.point-list.row_3 {
grid-gap: 2rem;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}
}
@media screen and (min-width: 1140px) {
.point-list.row_3 {
grid-gap: 2rem;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
}
.point-list.row_3 .point-item.design1 .point-icon {
min-width: 10rem;
}
#recommend .point-list.row_2 .point-item.design2 + .point-item.design2, #recommend .point-list.row_3 .point-item.design2 + .point-item.design2 {
margin-top: 1.6rem;
}
@media screen and (min-width: 600px) {
#recommend .point-list.row_2 .point-item.design2 + .point-item.design2, #recommend .point-list.row_3 .point-item.design2 + .point-item.design2 {
margin: 0;
}
}
.point-list .point-item.design1 {
align-items: unset;
}
.point-list .point-item.design1 .point-icon {
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
color: #fff;
font-size: 1.8rem;
text-align: center;
width: 100%;
font-weight: 500;
}
@media screen and (min-width: 600px) {
.point-list .point-item.design1 .point-icon {
min-width: 12rem;
padding: 1rem 1rem;
width: unset;
}
}
@media screen and (min-width: 768px) {
.point-list .point-item.design1 .point-icon {
min-width: 15rem;
}
}
.point-list .point-item.design1 .point-icon i {
margin-right: 0.5rem;
}
.point-list .point-item.design1 p {
display: flex;
align-items: center;
}
.point-list .point-item.design2 {
display: flex;
align-items: center;
justify-content: normal;
border-radius: 60px;
}
.point-list .point-item.design2 .point-icon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 45px;
height: 45px;
min-width: 45px;
color: #fff;
font-size: 1.6rem;
font-weight: 500;
}
@media screen and (min-width: 600px) {
.point-list .point-item.design2 .point-icon {
width: 50px;
height: 50px;
min-width: 50px;
font-size: 1.8rem;
}
}
@media screen and (min-width: 768px) {
.point-list .point-item.design2 .point-icon {
width: 60px;
height: 60px;
min-width: 60px;
font-size: 2rem;
}
}
.point-list .point-item.design2 p {
padding: 0.5rem 1rem;
}
.point-list .point-item.design3 {
display: block;
padding: 3.5rem 1.5rem 1.5em;
border-radius: 10px;
text-align: center;
position: relative;
margin-top: 3.5rem;
}
@media screen and (min-width: 600px) {
.point-list .point-item.design3 {
margin-top: 3rem;
padding: 4.5rem 2rem 2em;
}
}
.point-list .point-item.design3 .point-icon {
padding: 1rem 1.75rem;
min-width: 135px;
text-align: center;
border-radius: 50px;
font-size: 1.8rem;
text-transform: uppercase;
color: #fff;
line-height: 1;
font-weight: 500;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.point-list .point-item.design3 .point-icon {
min-width: 150px;
font-size: 2rem;
padding: 1rem 2rem;
}
}
.point-list .point-item.design3 .number {
display: inline-block;
margin-left: 0.5rem;
}
.point-list .point-item.design3 p {
padding: 0;
}
.point-list.row_2 .point-item.design3, .point-list.row_3 .point-item.design3 {
text-align: center;
}
@media screen and (min-width: 600px) {
.point-list.row_2 .point-item.design3:nth-of-type(3), .point-list.row_2 .point-item.design3:nth-of-type(4) {
margin-top: 2.5rem;
}
} .table table, .table table tbody, .table table tbody tr, .table table tbody th, .table table tbody td {
display: block;
width: 100%;
}
.table table {
width: 100%;
}
.table table tbody tr {
border-top: 1rem solid #fff;
}
.table table tbody th {
display: block;
width: 100%;
text-align: center;
font-weight: 400;
color: #fff;
padding: 1rem;
line-height: 1.4;
}
@media screen and (min-width: 480px) {
.table table tbody th {
display: table-cell;
vertical-align: middle;
width: 150px;
min-width: 150px;
}
}
.table table tbody td {
background-color: #fff;
display: block;
width: 100%;
padding: 0.5rem;
font-size: 1.2rem;
}
@media screen and (min-width: 480px) {
.table table tbody td {
display: table-cell;
vertical-align: middle;
padding: 0.7rem;
line-height: 1.4;
font-size: 1.4rem;
}
} .reviews.mb-4 + .reviews.mb-4 {
margin-top: -2rem;
}
.reviews .review-title {
font-weight: 500;
font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
.reviews .review-title {
font-size: 1.8rem;
}
}
.reviews .review-title .name {
display: inline-block;
margin-left: 1rem;
font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
.reviews .review-title .name {
font-size: 1.4rem;
}
}
.reviews blockquote {
font-size: 1.4rem;
padding: 1rem;
}
@media screen and (min-width: 768px) {
.reviews blockquote {
font-size: 1.6rem;
}
}
.review-box .quote {
margin-bottom: 0;
}
.admin-box .admin-title {
font-weight: 500;
font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
.admin-box .admin-title {
font-size: 1.8rem;
}
}
.admin-box .admin-text {
line-height: 1.4;
}
.admin-box .admin-text p {
margin: 0 !important;
}
.admin-box .admin-text p + p {
margin-top: 10px !important;
}
.reviews.column .review-box + .review-box {
margin-top: 2rem;
}
.reviews.row_2 {
display: grid;
grid-gap: 2rem;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media screen and (min-width: 768px) {
.reviews.row_2 {
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
}
.reviews.design1 .review-box {
padding: 1.5rem;
}
.reviews.design1 .review-box p {
margin-left: 0 !important;
margin-right: 0 !important;
}
.reviews.design1 .review-title {
color: #1e1e1e;
line-height: 1.4;
padding: 0.5rem 0 1rem 4.5rem;
position: relative;
}
.reviews.design1 .review-title::before {
content: "";
font-weight: 900;
font-family: "Font Awesome 5 Free";
font-size: 2.5rem;
position: absolute;
top: -1px;
left: 0;
}
.reviews.design1 .admin-box {
padding: 1.5rem;
}
.reviews.design1 .admin-box .admin-title {
display: inline-block;
transform: translateX(-20px) rotate(-6deg);
padding: 0.5rem 1rem;
}
.reviews.design1 .admin-box .admin-text {
margin-top: 2rem;
}
.reviews.design2 {
margin-top: 4rem;
}
.reviews.design2 .review-box {
width: 98%;
padding: 4rem 2rem 1.5rem;
position: relative;
margin-left: auto;
}
.reviews.design2 .img-wrap img {
display: block;
margin: 0 auto;
}
.reviews.design2 .img-wrap span {
display: block;
margin-top: 0.5rem;
text-align: center;
}
.reviews.design2 .review-title {
position: absolute;
top: 0;
left: -20px;
transform: translateY(-50%);
}
.reviews.design2 .review-title span {
display: inline-block;
color: #1e1e1e;
padding: 1rem 1.5rem;
color: #fff;
position: relative;
}
.reviews.design2 .review-title span::before {
content: "";
position: absolute;
top: 100%;
left: 0;
border-bottom: solid 10px transparent;
}
.reviews.design2 blockquote {
padding: 0;
}
.reviews.design2 .admin-box {
margin-top: 3.5rem;
padding: 1.5rem;
position: relative;
}
.reviews.design2 .admin-box .admin-title {
padding: 0.5rem 1rem;
position: absolute;
top: 0;
left: -3px;
transform: translateY(-50%);
}
.reviews.design2 .admin-box .admin-text {
font-size: 1.4rem;
margin-top: 2rem;
}
#recommend.rb_design1 .recommend-box .reviews.design2 .review-box {
width: 100%;
}
.reviews.design2.column .review-box + .review-box {
margin-top: 5rem;
}
.reviews.design2.column .review-box {
position: relative;
}
@media screen and (min-width: 768px) {
.reviews.design2.column .review-box {
display: flex;
align-items: center;
justify-content: normal;
}
}
@media screen and (min-width: 768px) {
.reviews.design2.column .img-wrap {
width: 30%;
max-width: 120px;
min-width: 120px;
}
}
.reviews.design2.column .img-wrap img {
width: 80px;
height: auto;
}
@media screen and (min-width: 480px) {
.reviews.design2.column .img-wrap img {
width: 110px;
}
}
@media screen and (min-width: 768px) {
.reviews.design2.column .img-wrap img {
width: 100%;
}
}
.reviews.design2.column .text-wrap {
padding-top: 2rem;
}
@media screen and (min-width: 768px) {
.reviews.design2.column .text-wrap {
padding: 0 0 0 2rem;
}
}
.reviews.design2.row_2 {
grid-gap: 5rem;
}
@media screen and (min-width: 768px) {
.reviews.design2.row_2 {
grid-gap: 4rem;
}
}
.reviews.design2.row_2 .img-wrap {
margin-bottom: 1.2rem;
}
.reviews.design2.row_2 .img-wrap img {
object-fit: contain;
width: 80px;
height: auto;
}
@media screen and (min-width: 480px) {
.reviews.design2.row_2 .img-wrap img {
width: 100px;
}
}
@media screen and (min-width: 768px) {
.reviews.design2.row_2 .img-wrap img {
width: 120px;
height: 120px;
}
}
.single .reviews.design2 + .reviews.design2 {
margin-top: 6rem;
} @media screen and (min-width: 768px) {
.btn-wrap {
display: flex;
align-items: flex-end;
justify-content: center;
}
}
.btn-wrap .btn + .btn {
margin-top: 1.6rem;
}
@media screen and (min-width: 768px) {
.btn-wrap .btn + .btn {
margin: 0 0 0 1.6rem;
}
}
.btn-wrap .btn {
width: 100%;
max-width: 350px;
min-width: 150px;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.btn-wrap .btn {
margin: unset;
}
}
.btn-wrap .btn .btn-copy {
display: block;
text-align: center;
margin-bottom: 0.5rem;
font-size: 1.4rem;
font-weight: 500;
transition: 0.3s;
}
.btn-wrap .btn a {
display: block;
position: relative;
text-align: center;
color: #fff;
padding: 2rem 3.25rem;
border-radius: 100px;
border: 2px solid;
transition: 0.3s;
width: 100%;
font-weight: 600 !important;
letter-spacing: 0.06em;
line-height: 1.4;
}
.btn-wrap .btn a i {
position: absolute;
top: 0;
bottom: 0;
right: 1.6rem;
height: 16px;
margin: auto;
}
.btn-wrap.wide .btn.btn_top {
max-width: 550px;
}
.btn-wrap.wide .btn.btn_top a {
color: #fff;
padding: 1.5rem 4rem;
}
@media screen and (min-width: 768px) {
.btn-wrap.wide .btn.btn_top a {
padding: 2rem 4rem;
}
}
.btn-wrap.full {
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
.btn-wrap.full {
max-width: 800px;
}
}
@media screen and (min-width: 768px) {
.btn-wrap.full .btn:nth-of-type(3) {
margin-left: 0;
}
}
@media screen and (min-width: 768px) {
.btn-wrap.full .btn:nth-of-type(3), .btn-wrap.full .btn:nth-of-type(4) {
margin-top: 1.6rem;
}
}
@media screen and (min-width: 768px) {
.btn-wrap.mt-6 .btn:nth-of-type(3), .btn-wrap.mt-6 .btn:nth-of-type(4) {
margin-top: 4.5rem;
}
}
.btn-wrap + .btn-wrap {
margin-top: 4rem;
}
@media screen and (min-width: 768px) {
.btn-wrap + .btn-wrap.mt-6 .btn:nth-of-type(3), .btn-wrap + .btn-wrap.mt-6 .btn:nth-of-type(4) {
margin-top: 2.2rem;
}
}
.btn-wrap + .mb-4, .btn-wrap + .recommend-ttl_h4, .btn-wrap + .design1, .btn-wrap + .design2, .btn-wrap + .design3 {
margin-top: 4rem;
}
.single .recommend-box .btn-wrap {
margin-top: 4rem;
margin-bottom: 4rem;
}
.btn.copy + .btn.copy {
margin-top: 2rem;
}
@media screen and (min-width: 768px) {
.btn.copy + .btn.copy {
margin: 2rem 0 0 1.6rem;
}
}
.btn.copy + .btn.design2.copy {
margin-top: 4rem;
}
@media screen and (min-width: 768px) {
.btn.copy + .btn.design2.copy {
margin: 2rem 0 0 1.6rem;
}
}
.btn.copy:nth-child(3) {
margin-top: 2rem;
}
.btn.design1 .btn-copy {
display: flex;
align-items: center;
justify-content: center;
}
.btn.design1 .btn-copy::before, .btn.design1 .btn-copy::after {
content: "";
display: inline-block;
width: 20px;
height: 3px;
border-radius: 5px;
}
.btn.design1 .btn-copy::before {
margin-right: 0.6rem;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.btn.design1 .btn-copy::after {
margin-left: 0.6rem;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.btn.design1 a:hover {
background: #fff;
}
.btn.btn2.design1 .btn-copy::before, .btn.btn2.design1 .btn-copy::after {
background-color: #eb6100;
}
.btn.btn2.design1 a {
background-color: #eb6100;
border-color: #eb6100;
}
.btn.btn2.design1 a:hover {
background: #fff;
color: #eb6100;
}
.btn.btn3.design1 .btn-copy::before, .btn.btn3.design1 .btn-copy::after {
background-color: #32b16c;
}
.btn.btn3.design1 a {
background-color: #32b16c;
border-color: #32b16c;
}
.btn.btn3.design1 a:hover {
background: #fff;
color: #32b16c;
}
.btn.btn4.design1 .btn-copy::before, .btn.btn4.design1 .btn-copy::after {
background-color: #67D3FB;
}
.btn.btn4.design1 a {
background-color: #67D3FB;
border-color: #67D3FB;
}
.btn.btn4.design1 a:hover {
background: #fff;
color: #67D3FB;
}
.btn.btn5.design1 .btn-copy::before, .btn.btn5.design1 .btn-copy::after {
background-color: #CC0000;
}
.btn.btn5.design1 a {
background-color: #CC0000;
border-color: #CC0000;
}
.btn.btn5.design1 a:hover {
background: #fff;
color: #CC0000;
}
.btn.design2 {
position: relative;
}
.btn.design2 .btn-copy {
width: 80%;
padding: 0.2rem 0;
border: 2px solid;
border-radius: 0.5rem;
background: #fff;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
z-index: 5;
transition: 0.3s;
}
.btn.design2 a {
display: inline-block;
line-height: 1.5;
border: none;
border-radius: 0.5rem;
position: relative;
color: #fff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
vertical-align: middle;
transition: all 0.3s;
}
.btn.design2:hover .btn-copy {
transform: translate(-50%, calc(-70% + 5px));
transition: 0.3s;
}
.btn.design2:hover a {
transform: translateY(5px);
transition: 0.3s;
}
.btn.btn2.design2 .btn-copy {
color: #eb6100;
border: 2px solid #eb6100;
}
.btn.btn2.design2 a {
background: #eb6100;
-webkit-box-shadow: 0 5px 0 #d44114;
box-shadow: 0 5px 0 #d44114;
}
.btn.btn2.design2:hover a {
box-shadow: 0 2px 0 #d44114;
}
.btn.btn3.design2 .btn-copy {
color: #32b16c;
border: 2px solid #32b16c;
}
.btn.btn3.design2 a {
background: #32b16c;
-webkit-box-shadow: 0 5px 0 #2c9d60;
box-shadow: 0 5px 0 #2c9d60;
}
.btn.btn3.design2:hover a {
box-shadow: 0 2px 0 #2c9d60;
}
.btn.btn4.design2 .btn-copy {
color: #67D3FB;
border: 2px solid #67D3FB;
}
.btn.btn4.design2 a {
background: #67D3FB;
-webkit-box-shadow: 0 5px 0 #50a9ca;
box-shadow: 0 5px 0 #50a9ca;
}
.btn.btn4.design2:hover a {
box-shadow: 0 2px 0 #50a9ca;
}
.btn.btn5.design2 .btn-copy {
color: #CC0000;
border: 2px solid #CC0000;
}
.btn.btn5.design2 a {
background: #CC0000;
-webkit-box-shadow: 0 5px 0 #a80202;
box-shadow: 0 5px 0 #a80202;
}
.btn.btn5.design2:hover a {
box-shadow: 0 2px 0 #a80202;
}
.btn.design3 .btn-copy {
display: flex;
align-items: center;
justify-content: center;
}
.btn.design3 .btn-copy::before, .btn.design3 .btn-copy::after {
content: "";
display: inline-block;
width: 20px;
height: 3px;
border-radius: 5px;
}
.btn.design3 .btn-copy::before {
margin-right: 0.6rem;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.btn.design3 .btn-copy::after {
margin-left: 0.6rem;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.btn.design3 a {
border-radius: 5px;
text-align: center;
color: #fff;
text-decoration: none;
font-size: 15px;
line-height: 27px;
font-weight: bold;
position: relative;
overflow: hidden;
border: none;
}
.btn.design3 a::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, white 81%, rgba(255, 255, 255, 0) 100%);
animation: shine 3s infinite;
}
.btn.design3:hover .btn-copy {
transform: translateY(3px);
transition: 0.3s;
}
.btn.design3:hover a {
transform: translateY(4px);
transition: 0.3s;
}
.btn.btn2.design3 .btn-copy::before, .btn.btn2.design3 .btn-copy::after {
background-color: #eb6100;
}
.btn.btn2.design3 a {
background: #eb6100;
-webkit-box-shadow: 0 5px 0 #d44114;
box-shadow: 0 5px 0 #d44114;
}
.btn.btn2.design3:hover a {
box-shadow: 0 1px 0 #d44114;
}
.btn.btn3.design3 .btn-copy::before, .btn.btn3.design3 .btn-copy::after {
background-color: #32b16c;
}
.btn.btn3.design3 a {
background: #32b16c;
-webkit-box-shadow: 0 5px 0 #2c9d60;
box-shadow: 0 5px 0 #2c9d60;
}
.btn.btn3.design3:hover a {
box-shadow: 0 1px 0 #2c9d60;
}
.btn.btn4.design3 .btn-copy::before, .btn.btn4.design3 .btn-copy::after {
background-color: #67D3FB;
}
.btn.btn4.design3 a {
background: #67D3FB;
-webkit-box-shadow: 0 5px 0 #50a9ca;
box-shadow: 0 5px 0 #50a9ca;
}
.btn.btn4.design3:hover a {
box-shadow: 0 1px 0 #50a9ca;
}
.btn.btn5.design3 .btn-copy::before, .btn.btn5.design3 .btn-copy::after {
background-color: #CC0000;
}
.btn.btn5.design3 a {
background: #CC0000;
-webkit-box-shadow: 0 5px 0 #a80202;
box-shadow: 0 5px 0 #a80202;
}
.btn.btn5.design3:hover a {
box-shadow: 0 1px 0 #a80202;
}
@keyframes shine {
33% {
left: 100%;
}
100% {
left: 100%;
}
} .btn.btn_sns:hover a {
opacity: 0.7;
transition: opacity 0.3s;
}
.btn.btn_sns .btn-copy {
display: flex;
align-items: flex-end;
justify-content: center;
font-weight: 500;
}
.btn.btn_sns .btn-copy::before, .btn.btn_sns .btn-copy::after {
content: "";
display: block;
width: 2px;
height: 22px;
}
.btn.btn_sns .btn-copy::before {
margin-right: 1.25rem;
transform: rotate(-20deg);
}
.btn.btn_sns .btn-copy::after {
margin-left: 1.25rem;
transform: rotate(20deg);
}
.btn.btn_sns a {
padding-left: 5rem;
padding-right: 5rem;
border-radius: unset;
position: relative;
transition: all 0.3s;
}
.btn.btn_sns a::before {
content: "";
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 22px;
height: 22px;
position: absolute;
top: 50%;
right: 1.5rem;
transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
.btn.btn_sns a::before {
width: 25px;
height: 25px;
}
}
.btn.btn_sns.instagram .btn-copy::before, .btn.btn_sns.instagram .btn-copy::after {
background-color: #f13f79;
}
.btn.btn_sns.instagram a {
background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}
.btn.btn_sns.instagram a::before {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/sns-icon/icon_instagram.svg);
}
.btn.btn_sns.x .btn-copy::before, .btn.btn_sns.x .btn-copy::after {
background-color: #000000;
}
.btn.btn_sns.x a {
background: #000000;
}
.btn.btn_sns.x a::before {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/sns-icon/icon_x.svg);
}
.btn.btn_sns.line .btn-copy::before, .btn.btn_sns.line .btn-copy::after {
background-color: #06c755;
}
.btn.btn_sns.line a {
background: #06c755;
}
.btn.btn_sns.line a::before {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/sns-icon/icon_line.svg);
}
.btn.btn_sns.youtube .btn-copy::before, .btn.btn_sns.youtube .btn-copy::after {
background-color: #ff0000;
}
.btn.btn_sns.youtube a {
background: #ff0000;
}
.btn.btn_sns.youtube a::before {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/sns-icon/icon_youtube.svg);
width: 29px;
}
@media screen and (min-width: 768px) {
.btn.btn_sns.youtube a::before {
width: 35px;
}
} .ex-list li .outline-link {
display: block;
width: 100%;
}
.ex-list li {
width: calc((100% - 4rem) / 3);
min-width: calc(960px / 3.1);
}
.ex-list li img {
width: 100%;
height: 225px;
object-fit: cover;
object-position: center top;
}
.ex-list li .table table tbody tr {
display: flex;
}
.ex-list li .table table tbody tr th {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
min-width: 100px;
padding: 0.5rem;
}
.ex-list li .table table tbody tr td {
padding: 0.5rem;
}
.ex-list li .btn-wrap .btn {
max-width: 300px;
}
.ex-list li .btn-wrap .btn a {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.ex-list li + li {
margin-left: 2rem;
}
@media screen and (min-width: 1140px) {
.single .recommend-box .ex-list li {
width: calc((100% - 8rem) / 2);
min-width: calc(calc(100% - 2rem) / 2);
}
}
.single .recommend-box .ex-list li .btn-wrap {
margin-top: 2rem !important;
margin-bottom: 0 !important;
}
.ex-list.single-center .scrollArea {
overflow: visible !important;
padding-bottom: 0;
}
.ex-list.single-center li {
margin: 0 auto;
width: 100%;
min-width: 100%;
}
@media screen and (min-width: 768px) {
.ex-list.single-center li {
width: calc((100% - 4rem) / 3);
min-width: calc(960px / 3.1);
}
}
@media screen and (min-width: 1140px) {
.ex-list.double .scrollArea {
justify-content: center;
}
}
.ex-list.full li img {
height: 320px;
} .constructions .quote {
margin-left: auto;
margin-right: 0;
margin-bottom: 0;
color: #999;
}
.constructions a .quote span {
color: blue;
} .sns-box iframe {
max-width: unset !important;
width: 100% !important;
margin: 0px !important;
min-width: unset !important;
}
@media screen and (min-width: 768px) {
.sns-box .ex-list.mov li {
width: calc((100% - 2rem) / 2);
min-width: calc(960px / 2);
}
} .sec-postList .post-list {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.sec-postList .post-list .post-item {
background-color: #fff;
width: 100%;
margin-top: 2rem;
}
.sec-postList .post-list .post-item:nth-child(1) {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.sec-postList .post-list .post-item {
width: calc(calc(100% - 2rem) / 2);
margin: 2rem 1rem 0;
}
.sec-postList .post-list .post-item:nth-child(1), .sec-postList .post-list .post-item:nth-child(2) {
margin-top: 0;
}
.sec-postList .post-list .post-item:nth-child(even) {
margin-right: 0;
}
.sec-postList .post-list .post-item:nth-child(odd) {
margin-left: 0;
}
}
@media screen and (min-width: 768px) {
.sec-postList .post-list .post-item .btn {
max-width: 280px;
}
}
.sec-postList .post-list .post-item .btn a {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.sec-postList .post-list .view {
font-size: 1.6rem;
font-weight: 500;
position: relative;
padding: 2rem 4rem 2rem 1.5rem;
}
@media screen and (min-width: 768px) {
.sec-postList .post-list .view {
font-size: 1.8rem;
padding: 2rem 3.5rem 2rem 2rem;
}
}
@media screen and (min-width: 1024px) {
.sec-postList .post-list .view {
padding: 2.5rem 4rem 2.5rem 2rem;
}
}
.sec-postList .post-list .hidden {
display: none;
padding: 0 1.5rem 2rem;
font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
.sec-postList .post-list .hidden {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1024px) {
.sec-postList .post-list .hidden {
padding: 0 2.5rem 2.5rem;
}
}
.single .recommend-box .sec-postList .post-list {
display: block;
}
.single .recommend-box .sec-postList .post-list .post-item {
width: 100%;
margin: 0;
}
.single .recommend-box .sec-postList .post-list .post-item .btn-wrap {
margin: 2rem 0 0 0 !important;
}
.single .recommend-box .sec-postList .post-list .post-item .btn a {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.sec-postList.design1 .post-item {
border-radius: 10px;
box-shadow: 0 2px 5px rgba(30, 30, 30, 0.15);
}
.sec-postList.design1 .view {
border-radius: 10px;
}
.sec-postList.design1 .view.active span {
transform: translateY(-50%);
transition: all 0.3s;
}
.sec-postList.design1 .view.active span::before {
content: "";
}
.sec-postList.design1 .view span {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
top: 50%;
right: 1.5rem;
transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
.sec-postList.design1 .view span {
width: 25px;
height: 25px;
}
}
.sec-postList.design1 .view span::before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1rem;
color: #fff;
}
@media screen and (min-width: 768px) {
.sec-postList.design1 .view span::before {
font-size: 1.2rem;
}
}
.sec-postList.design1 .hidden {
display: none;
}
.sec-postList.design1 .hidden a:not(.btn-wrap .btn a) {
display: block;
text-align: right;
text-decoration: underline;
color: blue;
font-size: 1.25rem;
}
.sec-postList.design2.not_list .post-item {
background-color: #fff;
transition: all 0.3s;
}
.sec-postList.design2.not_list .post-item:hover .permalink {
opacity: 0.7;
transition: all 0.3s ease-in-out;
}
.sec-postList.design2.not_list .post-item .permalink {
display: flex;
align-items: center;
}
.sec-postList.design2.not_list .img-wrap {
width: 130px;
height: 130px;
overflow: hidden;
}
.sec-postList.design2.not_list .img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.sec-postList.design2.not_list .text-wrap {
width: calc(100% - 12.5rem);
height: auto;
padding: 1.25rem 3.25rem 1.25rem 1.25rem;
position: relative;
}
@media screen and (min-width: 768px) {
.sec-postList.design2.not_list .text-wrap {
padding: 1.5rem 4rem 1rem 1rem;
}
}
.sec-postList.design2.not_list .text-wrap::after {
content: "";
color: #1e1e1e;
font-family: "Font Awesome 5 Free";
font-size: 1.4rem;
font-weight: 900;
line-height: 1;
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
}
.sec-postList.design2.not_list .text-wrap .title {
margin-bottom: 1rem;
line-height: 1.2;
}
.sec-postList.design2.not_list .text-wrap p {
font-size: 1.2rem;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.sec-postList.design2.not_list .text-wrap p {
font-size: 1.4rem;
}
}
.sec-postList.design2:not(.sec-postList.design2.not_list) .post-item {
cursor: pointer;
border: none;
outline: 0;
background-color: #fff;
border-radius: 2.6em;
position: relative;
}
.sec-postList.design2:not(.sec-postList.design2.not_list) .view span {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
line-height: 1;
text-align: center;
position: absolute;
top: 50%;
right: 1.5rem;
transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
.sec-postList.design2:not(.sec-postList.design2.not_list) .view span {
width: 27px;
height: 27px;
}
}
.sec-postList.design2:not(.sec-postList.design2.not_list) .view span i {
font-size: 1rem;
line-height: 1;
color: #fff;
}
@media screen and (min-width: 768px) {
.sec-postList.design2:not(.sec-postList.design2.not_list) .view span i {
font-size: 1.2rem;
}
}
.sec-postList.design2:not(.sec-postList.design2.not_list) .view.active span {
transform: translateY(-50%) rotate(180deg);
}
.sec-postList.design2:not(.sec-postList.design2.not_list) .text-wrap {
margin-bottom: 1.6rem;
}
.sec-postList.design2:not(.sec-postList.design2.not_list) .text-wrap p {
font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
.sec-postList.design2:not(.sec-postList.design2.not_list) .text-wrap p {
font-size: 1.4rem;
}
}
.sec-postList.design3.not_list .post-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 2rem;
}
@media screen and (min-width: 768px) {
.sec-postList.design3.not_list .post-list {
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}
}
@media screen and (min-width: 1140px) {
.sec-postList.design3.not_list .post-list {
grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3.3), 1fr));
}
}
.sec-postList.design3.not_list .post-item {
width: unset;
background-color: #fff;
margin: 0 auto;
box-shadow: 0 2px 5px rgba(30, 30, 30, 0.15);
max-width: 420px;
transition: all 0.3s;
}
@media screen and (min-width: 768px) {
.sec-postList.design3.not_list .post-item {
max-width: 100%;
}
}
.sec-postList.design3.not_list .post-item:hover .permalink {
opacity: 0.7;
transition: all 0.3s ease-in-out;
}
.sec-postList.design3.not_list .post-item .permalink {
display: block;
width: 100%;
}
.sec-postList.design3.not_list .img-wrap {
width: 100%;
height: 200px;
}
.sec-postList.design3.not_list .img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.sec-postList.design3.not_list .text-wrap {
padding: 1.5rem;
position: relative;
}
@media screen and (min-width: 768px) {
.sec-postList.design3.not_list .text-wrap {
padding: 1.75rem 2rem;
}
}
.sec-postList.design3.not_list .text-wrap p {
font-size: 1.2rem;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.sec-postList.design3.not_list .text-wrap p {
font-size: 1.4rem;
}
}
.sec-postList.design3.not_list .title {
font-size: 1.6rem;
text-align: center;
font-weight: 500;
margin-bottom: 1rem;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.sec-postList.design3.not_list .title {
font-size: 1.8rem;
}
}
.sec-postList.design3.not_list .post-icon {
margin-top: 1rem;
font-size: 1.2rem;
display: flex;
align-items: center;
justify-content: flex-end;
}
.sec-postList.design3.not_list .post-icon span {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin-left: 0.5rem;
text-align: center;
border-radius: 50%;
}
.sec-postList.design3.not_list .post-icon span i {
font-size: 0.8rem;
line-height: 1;
color: #fff;
}
.sec-postList.design3:not(.sec-postList.design3.not_list) .post-list {
align-items: normal !important;
}
.sec-postList.design3:not(.sec-postList.design3.not_list) .post-item {
box-shadow: 0 2px 5px rgba(30, 30, 30, 0.15);
}
.sec-postList.design3:not(.sec-postList.design3.not_list) .post-inner {
padding: 1.5rem;
height: 100%;
}
@media screen and (min-width: 768px) {
.sec-postList.design3:not(.sec-postList.design3.not_list) .post-inner {
padding: 2rem;
}
}
@media screen and (min-width: 1024px) {
.sec-postList.design3:not(.sec-postList.design3.not_list) .post-inner {
padding: 2.5rem;
}
}
.sec-postList.design3:not(.sec-postList.design3.not_list) .title, .sec-postList.design3:not(.sec-postList.design3.not_list) .text-wrap p {
margin-bottom: 1.6rem;
}
.sec-postList.design3:not(.sec-postList.design3.not_list) .title {
font-size: 1.6rem;
font-weight: 500;
padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
.sec-postList.design3:not(.sec-postList.design3.not_list) .title {
font-size: 1.8rem;
}
}
.sec-postList.design3:not(.sec-postList.design3.not_list) .text-wrap p {
font-size: 1.2rem;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.sec-postList.design3:not(.sec-postList.design3.not_list) .text-wrap p {
font-size: 1.4rem;
}
}
.sec-postList.design3.bg-none:not(.sec-postList.design3.not_list.bg-none) .post-item {
padding: 1.5rem;
}
.sec-postList.design3.bg-none:not(.sec-postList.design3.not_list.bg-none) .post-inner {
background-color: #fff;
} .sec-faq .faq-list {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.sec-faq .faq-list .faq-item {
background-color: #fff;
width: 100%;
margin-top: 2rem;
}
.sec-faq .faq-list .faq-item:nth-child(1) {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.sec-faq .faq-list .faq-item {
width: calc(calc(100% - 2rem) / 2);
margin: 2rem 1rem 0;
}
.sec-faq .faq-list .faq-item:nth-child(1), .sec-faq .faq-list .faq-item:nth-child(2) {
margin-top: 0;
}
.sec-faq .faq-list .faq-item:nth-child(even) {
margin-right: 0;
}
.sec-faq .faq-list .faq-item:nth-child(odd) {
margin-left: 0;
}
}
.sec-faq .faq-list .question, .sec-faq .faq-list .question_design3, .sec-faq .faq-list .answer, .sec-faq .faq-list .answer_design3 {
line-height: 1.3;
position: relative;
}
@media screen and (min-width: 768px) {
.sec-faq .faq-list .question, .sec-faq .faq-list .question_design3, .sec-faq .faq-list .answer, .sec-faq .faq-list .answer_design3 {
line-height: 1.4;
}
}
.sec-faq .faq-list .question span, .sec-faq .faq-list .question_design3 span, .sec-faq .faq-list .answer span, .sec-faq .faq-list .answer_design3 span {
line-height: 1;
}
.sec-faq .faq-list .question, .sec-faq .faq-list .question_design3 {
font-size: 1.6rem;
font-weight: 500;
}
@media screen and (min-width: 768px) {
.sec-faq .faq-list .question, .sec-faq .faq-list .question_design3 {
font-size: 1.8rem;
}
}
.sec-faq .faq-list .answer {
display: none;
font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
.sec-faq .faq-list .answer {
font-size: 1.4rem;
}
}
.sec-faq .faq-list .answer a, .sec-faq .faq-list .answer_design3 a {
display: block;
text-align: right;
text-decoration: underline;
color: blue;
font-size: 1.25rem;
}
.home #recommend .recommend-box .sec-faq .faq-list .faq-item {
width: 100%;
}
.home #recommend .recommend-box .sec-faq .faq-list .faq-item + .faq-item {
margin: 2rem 0 0;
}
.single .sec-faq .faq-list {
display: block;
}
.single .sec-faq .faq-list .faq-item {
width: 100%;
}
.single .sec-faq .faq-list .faq-item {
margin: 0 0 2rem 0;
}
.single .sec-faq .faq-list .faq-item:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
.single .sec-faq.design1 .question, .single .sec-faq.design1 .question_design3, .single .sec-faq.design1 .answer, .single .sec-faq.design1 .answer_design3, .single .sec-faq.design3 .question, .single .sec-faq.design3 .question_design3, .single .sec-faq.design3 .answer, .single .sec-faq.design3 .answer_design3 {
padding: 2.5rem 4rem 2.5rem 6.5rem;
}
}
.single .sec-faq.design1 .question span, .single .sec-faq.design1 .question_design3 span, .single .sec-faq.design1 .answer span, .single .sec-faq.design1 .answer_design3 span, .single .sec-faq.design3 .question span, .single .sec-faq.design3 .question_design3 span, .single .sec-faq.design3 .answer span, .single .sec-faq.design3 .answer_design3 span {
width: 35px;
height: 35px;
font-size: 2rem;
}
@media screen and (min-width: 1024px) {
.single .sec-faq.design1 .question span, .single .sec-faq.design1 .question_design3 span, .single .sec-faq.design1 .answer span, .single .sec-faq.design1 .answer_design3 span, .single .sec-faq.design3 .question span, .single .sec-faq.design3 .question_design3 span, .single .sec-faq.design3 .answer span, .single .sec-faq.design3 .answer_design3 span {
width: 40px;
height: 40px;
}
}
.sec-faq.design1 .faq-item {
border-radius: 10px;
box-shadow: 0 2px 5px rgba(30, 30, 30, 0.15);
}
.sec-faq.design1 .question, .sec-faq.design1 .answer {
padding: 2rem 3rem 2rem 5.5rem;
position: relative;
}
@media screen and (min-width: 768px) {
.sec-faq.design1 .question, .sec-faq.design1 .answer {
padding: 2rem 3.5rem 2rem 7rem;
}
}
@media screen and (min-width: 1024px) {
.sec-faq.design1 .question, .sec-faq.design1 .answer {
padding: 2.5rem 4rem 2.5rem 7rem;
}
}
.sec-faq.design1 .question span, .sec-faq.design1 .answer span {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 50%;
font-size: 1.8rem;
font-weight: 700;
color: #fff;
position: absolute;
left: 1rem;
}
@media screen and (min-width: 768px) {
.sec-faq.design1 .question span, .sec-faq.design1 .answer span {
left: 1.5rem;
}
}
@media screen and (min-width: 768px) {
.sec-faq.design1 .question span, .sec-faq.design1 .answer span {
width: 40px;
height: 40px;
font-size: 2rem;
}
}
@media screen and (min-width: 1024px) {
.sec-faq.design1 .question span, .sec-faq.design1 .answer span {
width: 45px;
height: 45px;
font-size: 2.4rem;
}
}
.sec-faq.design1 .question {
border-radius: 10px;
background-color: #fff;
}
.sec-faq.design1 .question::before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.25rem;
position: absolute;
top: 50%;
right: 1.5rem;
transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
.sec-faq.design1 .question::before {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1024px) {
.sec-faq.design1 .question::before {
font-size: 1.6rem;
}
}
.sec-faq.design1 .question span {
top: 50%;
transform: translateY(-50%);
}
.sec-faq.design1 .answer {
background-color: #f5f4f4;
border-radius: 0 0 10px 10px;
padding-right: 2rem !important;
}
.sec-faq.design1 .answer span {
top: 1.5rem;
}
.sec-faq.design1 .faq-item.active .question::before {
content: "";
transform: translateY(-50%);
transition: all 0.3s;
}
.sec-faq.design2 .faq-item {
border-radius: 50px;
position: relative;
padding: 3rem 5rem 3rem 6rem;
}
@media screen and (min-width: 1024px) {
.sec-faq.design2 .faq-item {
padding: 3rem 5rem 3rem 7rem;
}
}
.sec-faq.design2 .faq-item::before, .sec-faq.design2 .faq-item::after {
content: "";
display: block;
width: 100%;
height: 36px;
position: absolute;
left: 0;
z-index: 1;
box-sizing: border-box;
}
.sec-faq.design2 .faq-item::before {
top: 0;
}
.sec-faq.design2 .faq-item::after {
bottom: 0;
}
.sec-faq.design2 .question, .sec-faq.design2 .answer {
font-weight: 700;
}
.sec-faq.design2 .question span, .sec-faq.design2 .answer span {
font-size: 3.5rem;
position: absolute;
left: -3.5rem;
}
.sec-faq.design2 .question span {
top: 50%;
transform: translateY(-50%);
}
.sec-faq.design2 .question i {
position: absolute;
width: 20px;
height: 3px;
display: block;
border-radius: 2px;
position: absolute;
z-index: 1;
top: 50%;
right: -2.5rem;
transform: translateY(-50%);
}
.sec-faq.design2 .question i::after {
content: "";
display: block;
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 10px;
transform: rotate(90deg);
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.sec-faq.design2 .answer {
margin-top: 2.5rem;
}
.sec-faq.design2 .answer span {
top: 0;
}
.sec-faq.design2 .answer span {
top: -8px;
}
.sec-faq.design2 .faq-item.active .question i::after {
transform: rotate(0deg);
}
.sec-faq.design3 .faq-list {
align-items: unset;
}
.sec-faq.design3 .faq-item {
border-radius: 10px;
position: relative;
overflow: hidden;
}
.sec-faq.design3 .question_design3, .sec-faq.design3 .answer_design3 {
padding: 1.5rem 1.5rem 2rem 5rem;
position: relative;
}
@media screen and (min-width: 768px) {
.sec-faq.design3 .question_design3, .sec-faq.design3 .answer_design3 {
padding: 2rem 2rem 2.5rem 7rem;
}
}
@media screen and (min-width: 1024px) {
.sec-faq.design3 .question_design3, .sec-faq.design3 .answer_design3 {
padding: 2.5rem 2rem 2.5rem 8.5rem;
}
}
.sec-faq.design3 .question_design3 span, .sec-faq.design3 .answer_design3 span {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-size: 2rem;
font-weight: 500;
line-height: 1;
border-radius: 50%;
position: absolute;
left: 1rem;
}
@media screen and (min-width: 768px) {
.sec-faq.design3 .question_design3 span, .sec-faq.design3 .answer_design3 span {
width: 50px;
height: 50px;
font-size: 2.4rem;
left: 1.5rem;
}
}
.sec-faq.design3 .question_design3 {
color: #fff;
}
.sec-faq.design3 .question_design3 span {
color: #fff;
top: 50%;
transform: translateY(-50%);
}
.sec-faq.design3 .answer_design3 {
padding-top: 2.5rem;
padding-bottom: 3rem;
background-color: #fff;
border-radius: 0 0 10px 10px;
font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
.sec-faq.design3 .answer_design3 {
font-size: 1.4rem;
}
}
.sec-faq.design3 .answer_design3 span {
color: #fff;
top: 1.5rem;
} .sec-bottomContent .wrapper + .wrapper {
margin-top: 6rem;
}
.sec-bottomContent p {
margin-bottom: 1.6rem;
}
.sec-bottomContent .img-wrap {
margin-bottom: 2rem;
}
.sec-bottomContent .img-wrap img {
display: block;
margin: 0 auto;
width: 100%;
}
@media screen and (min-width: 768px) {
.sec-bottomContent .img-wrap img {
width: 80%;
}
}
.sec-bottomContent h2:not(.sectionTtl-h2), .single .recommend-box h2:not(.recommend-ttl_h2) {
font-size: 2rem;
font-weight: 500;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 1024px) {
.sec-bottomContent h2:not(.sectionTtl-h2), .single .recommend-box h2:not(.recommend-ttl_h2) {
font-size: 2.2rem;
margin-bottom: 2rem;
}
}
.sec-bottomContent h2:not(.sectionTtl-h2) {
margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
.sec-bottomContent h2:not(.sectionTtl-h2) {
margin-bottom: 2.6rem;
}
}
.single .recommend-box h2:not(.recommend-ttl_h2) {
margin-top: 4rem;
}
.sec-bottomContent h3, .single .recommend-box h3:not(.recommend-ttl_h3) {
font-size: 1.65rem;
font-weight: 500;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 1024px) {
.sec-bottomContent h3, .single .recommend-box h3:not(.recommend-ttl_h3) {
font-size: 1.8rem;
}
}
.sec-bottomContent h3 {
margin-top: 2rem;
}
.sec-bottomContent h4, .single .recommend-box h4 {
display: inline-block;
font-size: 1.4rem;
font-weight: 500;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
.sec-bottomContent h4, .single .recommend-box h4 {
font-size: 1.65rem;
}
}
.sec-bottomContent h4 {
margin-top: 2rem;
}
.sec-bottomContent h2.design1:not(.sectionTtl-h2), .single .recommend-box h2.design1:not(.recommend-ttl_h2) {
background-position: 3.5rem top;
background-repeat: no-repeat;
background-size: 4rem 4rem;
border-left: 0;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.3;
margin-bottom: 3rem;
min-height: 4rem;
padding: 1rem 0 1rem 7rem !important;
position: relative;
text-align: left;
}
.sec-bottomContent h2.design1:not(.sectionTtl-h2)::before, .single .recommend-box h2.design1:not(.recommend-ttl_h2)::before {
background-position: 1rem 50%;
background-repeat: no-repeat;
background-size: auto 2rem;
content: "";
display: inline-block;
height: 4rem;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 3.5rem;
}
.sec-bottomContent .text-wrap.design1 h3, .single .recommend-box h3.design1:not(.recommend-ttl_h3) {
padding: 0 0 1rem 1.5rem;
letter-spacing: 0.05em;
line-height: 1.3;
font-weight: 400;
position: relative;
}
.sec-bottomContent .text-wrap.design1 h3::before, .single .recommend-box h3.design1:not(.recommend-ttl_h3)::before {
content: "";
background-color: #434D54;
width: 0.3rem;
height: calc(100% - 1rem);
position: absolute;
top: 0;
left: 0;
}
.sec-bottomContent h2.design2:not(.sectionTtl-h2), .single .recommend-box h2.design2:not(.recommend-ttl_h2) {
padding: 1rem 1.25rem;
border-radius: 5px 0 0 0;
}
.sec-bottomContent .text-wrap.design2 h3, .single .recommend-box h3.design2:not(.recommend-ttl_h3) {
display: flex;
align-items: center;
padding: 1rem 1.25rem;
color: #fff;
border-radius: 5px 0 0 0;
}
.sec-bottomContent .text-wrap.design2 h3::before, .single .recommend-box h3.design2:not(.recommend-ttl_h3)::before {
display: inline-block;
width: 5px;
height: 1.5em;
margin-right: 0.5em;
background-color: #fff;
content: "";
}
.sec-bottomContent .text-wrap.design2 h4, .single .recommend-box h4.design2 {
display: inline-block;
position: relative;
padding: 0.7rem 1rem 0.7rem 3rem;
border-radius: 50px 0 0 50px;
}
.sec-bottomContent .text-wrap.design2 h4::before, .single .recommend-box h4.design2::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-right: 13px;
border-radius: 50%;
background: #fff;
position: absolute;
top: 50%;
left: 1rem;
transform: translateY(-50%);
}
.sec-bottomContent h2.design3:not(.sectionTtl-h2), .single .recommend-box h2.design3:not(.recommend-ttl_h2) {
position: relative;
padding: 1rem 3rem 1rem 5rem;
border-radius: 50px 0 0 50px;
color: #fff;
}
.sec-bottomContent h2.design3:not(.sectionTtl-h2)::before, .single .recommend-box h2.design3:not(.recommend-ttl_h2)::before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 13px;
border-radius: 50%;
background: #fff;
position: absolute;
top: 50%;
left: 2rem;
transform: translateY(-50%);
}
.sec-bottomContent .text-wrap.design3 h3, .single .recommend-box h3.design3:not(.recommend-ttl_h3) {
position: relative;
padding: 0.5rem 0 0.4rem;
color: #1e1e1e;
margin-bottom: 2.4rem;
}
.sec-bottomContent .text-wrap.design3 h3::before, .sec-bottomContent .text-wrap.design3 h3::after, .single .recommend-box h3.design3:not(.recommend-ttl_h3)::before, .single .recommend-box h3.design3:not(.recommend-ttl_h3)::after {
position: absolute;
left: 30px;
bottom: -15px;
width: 30px;
height: 15px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
}
.sec-bottomContent .text-wrap.design3 h3::after, .single .recommend-box h3.design3:not(.recommend-ttl_h3)::after {
bottom: -11px;
background-color: #fff;
}
.sec-bottomContent .text-wrap.design3 h4, .single .recommend-box h4.design3 {
display: inline-block;
position: relative;
padding: 0.5rem 1rem;
background-color: #f5f5f5;
}
.sec-bottomContent .text-wrap.design3 h4::before, .single .recommend-box h4.design3::before {
content: "";
width: 100%;
height: 50%;
background-color: #d0d0d0;
position: absolute;
bottom: 2px;
right: -20px;
z-index: -1;
transform: rotate(5deg);
filter: blur(3px);
}
.sec-bottomContent .point-wrap {
padding: 2rem 1.5rem;
margin: 4rem auto;
}
@media screen and (min-width: 768px) {
.sec-bottomContent .point-wrap {
padding: 2.5rem 3rem;
}
}
.sec-bottomContent .point-wrap .point-title {
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
.sec-bottomContent .point-wrap .point-title {
font-size: 1.8rem;
}
}
@media screen and (min-width: 1024px) {
.sec-bottomContent .point-wrap .point-title {
font-size: 2.2rem;
}
}
.sec-bottomContent .point-wrap p:last-child {
margin-bottom: 0;
}
.sec-bottomContent .point-wrap.design1 {
color: #fff;
}
.sec-bottomContent .point-wrap.design1 .point-title {
border-bottom: 3px solid #fff;
padding-left: 3rem;
position: relative;
}
.sec-bottomContent .point-wrap.design1 .point-title::before {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 2.2rem;
font-weight: 900;
color: #fff;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.sec-bottomContent .point-wrap.design1 p {
padding-left: 1rem;
position: relative;
}
.sec-bottomContent .point-wrap.design1 p::before {
content: "";
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 10px;
left: 0;
}
.sec-bottomContent .point-wrap.design2 {
border-radius: 7px;
padding-top: 4rem;
margin: 6rem 4vw 0;
position: relative;
}
@media screen and (min-width: 768px) {
.sec-bottomContent .point-wrap.design2 {
margin: 6rem auto 0;
}
}
.sec-bottomContent .point-wrap.design2 .point-title {
position: absolute;
top: 0;
left: -2rem;
transform: translateY(-50%);
font-size: 2rem;
}
@media screen and (min-width: 768px) {
.sec-bottomContent .point-wrap.design2 .point-title {
font-size: 2.2rem;
}
}
@media screen and (min-width: 1024px) {
.sec-bottomContent .point-wrap.design2 .point-title {
font-size: 2.7rem;
}
}
.sec-bottomContent .point-wrap.design2 .point-title span {
font-family: "Anton", sans-serif;
display: inline-block;
min-width: 150px;
text-align: center;
margin-bottom: 0;
color: #fff;
padding: 1.2rem 1.2rem 1.4rem;
line-height: 1;
letter-spacing: 0.08em;
position: relative;
}
.sec-bottomContent .point-wrap.design2 .point-title span::after {
position: absolute;
top: 100%;
left: 0;
border-bottom: solid 10px transparent;
content: "";
}
.sec-bottomContent .point-wrap.design2 p {
font-weight: 700;
position: relative;
}
.sec-bottomContent .point-wrap.design2 p::before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 0.5rem;
font-size: 2.4rem;
}
.sec-bottomContent .point-wrap.design3 {
padding: 0;
}
.sec-bottomContent .point-wrap.design3 .point-inner {
background: #fff;
padding: 2rem 1.5rem;
border-radius: 0 5px 5px 5px;
position: relative;
}
@media screen and (min-width: 768px) {
.sec-bottomContent .point-wrap.design3 .point-inner {
padding: 2rem 3rem;
}
}
.sec-bottomContent .point-wrap.design3 .point-title {
display: inline-block;
color: #fff;
border-radius: 5px 5px 0 0;
padding: 0.5rem 1.25rem;
margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
.sec-bottomContent .point-wrap.design3 .point-title {
font-size: 2rem;
}
}
.sec-bottomContent .point-wrap.design3 .point-title i {
margin-right: 0.75rem;
}
.sec-bottomContent .point-wrap.design3 p {
line-height: 1.5;
padding: 1rem 0 1rem 4rem;
counter-increment: number;
position: relative;
margin: 0;
}
.sec-bottomContent .point-wrap.design3 p::before {
content: counter(number);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 30px;
height: 30px;
color: #fff;
text-align: center;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
} #toc_container {
display: block !important;
padding: 1.5rem 4vw !important;
max-width: 700px;
width: 100% !important;
margin: 0rem auto;
border: none !important;
}
@media screen and (min-width: 768px) {
#toc_container {
padding: 2rem 6rem !important;
width: 80% !important;
}
}
#toc_container .toc_title {
font-size: 2.4rem;
position: relative;
letter-spacing: 4px;
text-align: center;
}
@media screen and (min-width: 768px) {
#toc_container .toc_title {
font-size: 2.7rem;
}
}
#toc_container .toc_title span {
font-size: 1.4rem;
display: block;
}
#toc_container .toc_title span.toc_toggle {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
font-size: 1.2rem;
}
#toc_container .toc_title span a {
display: inline-block;
}
#toc_container .toc_title span a:hover {
transition: 0.3s;
}
#toc_container .toc_title small {
font-size: 60%;
}
#toc_container .toc_list {
margin: 0 0 3rem;
}
#toc_container .toc_list:last-child {
margin: 0;
}
#toc_container .home .toc_list {
width: 95% !important;
margin: 0 auto !important;
}
#toc_container .toc-link {
font-size: 1.4rem;
}
#toc_container .toc-link a:hover {
text-decoration: underline;
opacity: 0.5;
transition: 0.3s;
}
#toc_container .contents-subheading {
font-size: 1.6rem;
counter-increment: title;
margin: 1.5rem 0;
}
@media screen and (min-width: 768px) {
#toc_container .contents-subheading {
font-size: 1.8rem;
margin: 1.8rem 0;
}
}
#toc_container .contents-subheading a {
line-height: 1.2;
color: #1e1e1e;
}
#toc_container .contents-subheading a:hover {
text-decoration: underline;
opacity: 0.5;
transition: 0.3s;
}
.single #toc_container {
margin: 4rem auto;
padding: 2rem 4vw !important;
}
@media screen and (min-width: 600px) {
.single #toc_container {
padding: 2rem 3rem !important;
}
}
.single #toc_container .toc_list {
width: 100%;
margin: 0 auto;
}
.single #toc_container .toc_list li + li {
margin-top: 1.6rem;
}
.single #toc_container .toc_list li {
position: relative;
}
.single #toc_container .toc_list li a .toc_number {
display: none;
}
.sec-contents.design1 #toc_container {
background-color: #fff !important;
padding: 0 !important;
}
.sec-contents.design1 #toc_container::before {
color: #DBDBDB;
content: "CONTENTS";
display: block;
font-size: 6.6rem;
font-weight: 900;
line-height: 1;
margin: 0 auto -6rem auto;
opacity: 0.5;
position: relative;
text-align: center;
}
.sec-contents.design1 #toc_container .toc_title {
text-align: center;
}
.sec-contents.design1 #toc_container .toc_title span a {
background: none !important;
color: #1e1e1e;
padding: 0 0.5rem;
text-decoration: underline;
}
.sec-contents.design1 #toc_container .contents-subheading {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/object_navy.svg);
background-position: 3.5rem top;
background-repeat: no-repeat;
background-size: 4rem 4rem;
font-weight: 500;
letter-spacing: 0.05em;
position: relative;
}
.sec-contents.design1 #toc_container .contents-subheading::before {
content: counter(title, decimal-leading-zero);
width: 3.5rem;
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
font-weight: 700;
color: #fff;
line-height: 1;
position: absolute;
left: 0;
top: 0;
}
.sec-contents.design1 #toc_container .contents-subheading a {
padding: 1rem 0 1rem 7rem;
width: 100%;
}
.sec-contents.design1 #toc_container .toc_list .toc-link {
font-weight: 400;
}
.sec-contents.design1 #toc_container .toc_list .toc-link a {
padding: 1rem 0 1rem 2rem;
position: relative;
width: 100%;
}
.sec-contents.design1 #toc_container .toc_list .toc-link a::before {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 1.2rem;
font-weight: 900;
left: 0;
line-height: 1;
position: absolute;
top: calc((100% - 1.2rem) / 2);
}
.single .recommend-box.rb_design1 #toc_container {
width: 85% !important;
}
@media screen and (min-width: 768px) {
.single .recommend-box.rb_design1 #toc_container {
width: 100% !important;
}
}
.single .recommend-box.toc_design1 #toc_container {
color: #1e1e1e;
padding: 2rem;
}
.single .recommend-box.toc_design1 #toc_container .toc_title::before {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 24px;
margin-right: 1rem;
font-weight: 400;
}
.single .recommend-box.toc_design1 #toc_container .toc_title span a {
background: none;
border-radius: unset;
padding: 0;
text-decoration: underline;
}
.single .recommend-box.toc_design1 #toc_container .toc_list li {
counter-increment: number;
}
.single .recommend-box.toc_design1 #toc_container .toc_list li::before {
content: counter(number);
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
color: #fff;
position: absolute;
top: -5px;
left: 0;
}
.single .recommend-box.toc_design1 #toc_container .toc_list li a {
font-weight: 500;
padding-left: 3.5rem;
}
.sec-contents.design2 #toc_container {
border-radius: 10px;
}
.sec-contents.design2 #toc_container .title-wrap {
text-align: center;
}
.sec-contents.design2 #toc_container .toc_title {
display: inline-block;
line-height: 1.2;
letter-spacing: 2px;
position: relative;
}
.sec-contents.design2 #toc_container .toc_title::before, .sec-contents.design2 #toc_container .toc_title::after {
content: "";
display: block;
position: absolute;
top: 15px;
width: 40px;
height: 3px;
}
.sec-contents.design2 #toc_container .toc_title::before {
left: -55px;
}
.sec-contents.design2 #toc_container .toc_title::after {
right: -55px;
}
.sec-contents.design2 #toc_container .toc_title span a:hover {
opacity: 0.3;
}
.sec-contents.design2 #toc_container .contents-subheading {
font-weight: 500;
position: relative;
padding: 0.5rem 0;
display: flex;
align-items: center;
}
.sec-contents.design2 #toc_container .contents-subheading::before {
content: counter(title);
border-radius: 50%;
width: 30px;
min-width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-weight: 700;
color: #fff;
line-height: 1;
}
@media screen and (min-width: 768px) {
.sec-contents.design2 #toc_container .contents-subheading::before {
width: 40px;
min-width: 40px;
height: 40px;
font-size: 1.6rem;
}
}
.sec-contents.design2 #toc_container .contents-subheading a {
padding-left: 1rem;
width: 100%;
}
.sec-contents.design2 #toc_container .toc_list .toc-link {
font-weight: 400;
margin-bottom: 0.5rem;
}
.sec-contents.design2 #toc_container .toc_list .toc-link a {
padding: 1rem 1rem 1rem 3rem;
position: relative;
text-decoration: none !important;
border-radius: 3px;
width: 100%;
}
.sec-contents.design2 #toc_container .toc_list .toc-link a::before {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 1.2rem;
font-weight: 900;
line-height: 1;
position: absolute;
top: calc((100% - 1.2rem) / 2);
left: 1.5rem;
}
.single .recommend-box.toc_design2 #toc_container {
border-radius: 10px;
}
.single .recommend-box.toc_design2 #toc_container .toc_title {
display: block;
max-width: 280px;
margin: 0 auto;
line-height: 1.2;
letter-spacing: 2px;
position: relative;
}
.single .recommend-box.toc_design2 #toc_container .toc_title::before, .single .recommend-box.toc_design2 #toc_container .toc_title::after {
content: "";
display: block;
position: absolute;
top: 15px;
width: 40px;
height: 3px;
}
.single .recommend-box.toc_design2 #toc_container .toc_title::before {
left: 0;
}
.single .recommend-box.toc_design2 #toc_container .toc_title::after {
right: 0;
}
.single .recommend-box.toc_design2 #toc_container .toc_list li {
font-weight: 400;
margin-bottom: 0.5rem;
}
.single .recommend-box.toc_design2 #toc_container .toc_list li a {
padding: 1rem 1rem 1rem 3rem;
border-radius: 3px;
position: relative;
text-decoration: none !important;
width: 100%;
}
.single .recommend-box.toc_design2 #toc_container .toc_list li a::before {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 1.2rem;
font-weight: 900;
line-height: 1;
position: absolute;
top: calc((100% - 1.2rem) / 2);
left: 1.5rem;
} .sec-3box .wrapper .box + .box {
margin-left: 2rem;
}
.sec-3box .wrapper .box {
width: calc((100% - 4rem) / 2);
min-width: calc(1080px / 3);
}
@media screen and (min-width: 1140px) {
.sec-3box .wrapper .box {
min-width: calc(1000px / 3);
}
}
.sec-3box .wrapper .box .name {
font-size: 2rem;
font-weight: 500;
line-height: 1.25;
}
.sec-3box .wrapper .box img:not(img.rank-icon) {
width: 100%;
height: 235px;
object-fit: cover;
object-position: center top;
}
.sec-3box .wrapper .box .point {
min-height: 125px;
}
.sec-3box .wrapper .box .point li + li {
margin-top: 1.6rem;
}
.sec-3box .wrapper .box .content {
min-height: 100px;
}
.sec-3box .wrapper .box .content p {
font-size: 1.4rem;
font-weight: 400;
}
.sec-3box .wrapper .box .content p + p {
margin-top: 1rem;
}
.sec-3box .wrapper .box .point li {
display: flex;
align-items: center;
justify-content: normal;
font-weight: 500;
counter-increment: number;
position: relative;
}
.sec-3box .wrapper .box .point li::before {
content: counter(number);
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
min-width: 30px;
border-radius: 50%;
line-height: 15px;
margin-right: 1.25rem;
color: #fff;
}
.sec-3box .wrapper .box .btn-wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
.sec-3box .wrapper .box .btn-wrap .btn + .btn {
margin: 1.6rem 0 0;
}
.sec-3box .wrapper .box .btn-wrap .btn + .btn.design2.mt-4 {
margin: 4rem 0 0;
}
.sec-3box .wrapper .box .btn-wrap .btn a {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.sec-3box.design1 .box {
background-color: #fff;
box-shadow: 0 2px 5px rgba(30, 30, 30, 0.15);
}
.sec-3box.design1 .name {
padding: 0 1.5rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.sec-3box.design1 .name::before, .sec-3box.design1 .name::after {
content: "";
display: block;
width: 25px;
height: 3px;
}
.sec-3box.design1 .name::before {
margin-right: 1rem;
}
.sec-3box.design1 .name::after {
margin-left: 1rem;
}
.sec-3box.design1 .point, .sec-3box.design1 .content {
padding: 0 1.5rem;
}
.sec-3box.design1 .point li::before {
border-radius: unset;
margin-right: 1.5rem;
}
.sec-3box.design1 .btn-wrap {
margin-bottom: 2rem;
}
.sec-3box.design1.bg-gray .box {
background-color: #fff;
background-image: none;
}
.sec-3box.design2 .box {
background-color: #fff;
padding: 2rem 1.5rem;
}
.sec-3box.design2 .name {
text-align: center;
}
.sec-3box.design2 .name::after {
content: "";
display: block;
width: 80px;
height: 3px;
margin: 8px auto 0;
border-radius: 50px;
}
.sec-3box.design3 .wrapper .box {
width: unset;
min-width: unset;
margin: 0;
padding: 2rem;
}
@media screen and (min-width: 768px) {
.sec-3box.design3 .wrapper .box {
padding: 2rem 3rem;
}
}
@media screen and (min-width: 768px) {
.sec-3box.design3 .wrapper .box {
display: flex;
align-items: center;
justify-content: normal;
}
}
.sec-3box.design3 .wrapper .box + .box {
margin: 2rem 0 0;
}
.sec-3box.design3 .wrapper .img-wrap {
margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
.sec-3box.design3 .wrapper .img-wrap {
width: 35%;
min-width: 250px;
margin-bottom: 0;
}
}
.sec-3box.design3 .wrapper .img-wrap img {
height: 200px;
object-position: center top;
}
@media screen and (min-width: 768px) {
.sec-3box.design3 .wrapper .img-wrap img {
height: 250px;
}
}
.sec-3box.design3 .wrapper .text-wrap {
width: 100%;
}
@media screen and (min-width: 768px) {
.sec-3box.design3 .wrapper .text-wrap {
padding-top: 1.5rem;
padding-left: 3rem;
}
}
.sec-3box.design3 .wrapper .name {
font-weight: 500;
padding: 0 0 1rem 1.5rem;
letter-spacing: 0.05em;
line-height: 1.3;
position: relative;
}
.sec-3box.design3 .wrapper .name::before {
content: "";
width: 0.3rem;
height: calc(100% - 1rem);
position: absolute;
top: 0;
left: 0;
}
.sec-3box.design3 .wrapper .point, .sec-3box.design3 .wrapper .content {
min-height: unset;
}
.sec-3box.design3 .wrapper .btn-wrap {
width: 100%;
flex-direction: row;
justify-content: flex-end;
margin-left: 0;
margin-right: 0;
}
.sec-3box.design3 .wrapper .btn-wrap .btn + .btn {
margin: 0 0 0 1.6rem;
}
.sec-3box.design3 .wrapper .btn-wrap .btn {
max-width: 355px;
} #sidebar {
margin-top: 6rem;
}
@media screen and (min-width: 768px) {
#sidebar {
margin-top: 0;
}
}
#sidebar .sidebar-list + .sidebar-list {
margin-top: 4rem;
}
#sidebar .sidebar-list .sidebar-title {
font-weight: 400;
margin-bottom: 1.6rem;
position: relative;
}
#sidebar .sidebar-item {
padding: 1rem 0;
}
#sidebar .sidebar-item a {
display: block;
width: 100%;
}
#sidebar .sidebar-item .img-wrap img {
width: 100%;
height: 170px;
object-fit: cover;
object-position: center top;
}
@media screen and (min-width: 480px) {
#sidebar .sidebar-item .img-wrap img {
height: 200px;
}
}
@media screen and (min-width: 600px) {
#sidebar .sidebar-item .img-wrap img {
height: 265px;
}
}
@media screen and (min-width: 768px) {
#sidebar .sidebar-item .img-wrap img {
height: 170px;
}
}
#sidebar .sidebar-list .sidebar-item .title {
font-size: 1.4rem;
font-weight: 500;
margin-bottom: 1rem;
}
#sidebar .sidebar-list.design1 .sidebar-title {
color: #fff;
text-align: left;
padding: 1rem;
}
#sidebar .sidebar-list.design1 .title {
border-left: 5px solid;
padding: 1rem 1rem 1rem 0.5rem;
}
.sidebar-list.post .sidebar-item {
border-bottom: 1px dashed #efefef;
position: relative;
}
.sidebar-list.post .sidebar-item:before {
content: "";
font-size: 12px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: 1;
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
}
.sidebar-list.post .sidebar-item a {
display: block;
width: 100%;
padding-left: 1rem;
padding-right: 2rem;
} .breadcrumb_list {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 0.3rem 4vw;
color: #fff;
font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
.breadcrumb_list {
font-size: 1.4rem;
padding: 0.5rem 3rem;
}
}
.breadcrumb_list a {
color: #fff;
} .header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 60px;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
@media screen and (min-width: 768px) {
.header {
height: 70px;
}
}
.headerInner {
padding: 0 4vw;
padding-right: 8rem;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
}
.header .flex-wrap {
display: flex;
align-items: center;
justify-content: normal;
}
.header .site_name {
font-size: 1.4rem;
line-height: 1.4;
}
@media screen and (min-width: 480px) {
.header .site_name {
font-size: 1.6rem;
}
}
@media screen and (min-width: 768px) {
.header .site_name {
font-size: 2rem;
}
}
.header-logo img {
width: auto;
}
.header-logo .main-icon {
height: 28px;
object-fit: contain;
}
@media screen and (min-width: 768px) {
.header-logo .main-icon {
height: 40px;
}
} .pr-icon {
display: block;
height: 20px;
}
@media screen and (min-width: 1024px) {
.pr-icon {
height: 25px;
}
}
.header .pr-icon {
margin-right: 1rem;
}
h1.pr-title {
display: flex;
align-items: center;
justify-content: center;
}
h1.pr-title .pr-icon {
margin-right: 1.5rem;
} .pr-bottom {
padding: 4rem;
border-radius: 10px;
background-size: auto auto;
}
body .pr-bottom--head {
margin-top: 0;
margin-bottom: 3rem;
padding: 0 !important;
text-align: center;
font-weight: 500;
font-size: 2.4rem;
color: #fff;
line-height: 1.4;
}
body .pr-bottom--head span {
font-size: 130%;
display: block;
}
.pr-bottom--cont {
display: flex;
flex-wrap: wrap;
padding: 20px;
background: #fff;
}
.pr-bottom--cont_l {
position: relative;
width: 350px;
margin-right: 2rem;
margin-bottom: 3rem;
}
.pr-bottom--cont_l img {
position: absolute;
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: center top;
margin: auto;
max-width: initial !important;
}
.pr-bottom--cont_l .quote {
position: absolute;
bottom: -3.5rem;
right: 0;
}
.pr-bottom--cont_r {
width: calc(100% - 370px);
}
h3.pr-bottom--cont_lead {
margin-top: 0;
padding: 0 !important;
text-align: left;
font-size: 2rem;
font-weight: 500;
margin-bottom: 1.6rem;
}
.pr-bottom--cont_txt {
margin-bottom: 1.6rem;
}
.pr-bottom--cont_txt span, .pr-bottom--cont_lead span {
color: #1e1e1e;
}
.pr-bottom--btn {
display: block;
width: 100%;
border-radius: 0.5rem;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.1em;
color: #1e1e1e;
text-align: center;
padding: 1rem 4rem;
margin-bottom: 1rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
transition: all 0.3s;
}
.pr-bottom a.btn-c {
font-size: 2.2rem;
padding: 1.5rem 2rem 1.5rem 5rem;
color: #fff;
position: relative;
}
.pr-bottom a.btn-c::before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.8rem;
line-height: 1;
margin: 0;
padding: 0;
position: absolute;
top: calc(50% - 0.7rem);
left: 1.5rem;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.pr-bottom a.btn-c span {
display: inline-block;
background: #fff;
border-radius: 4px;
width: 100%;
padding: 0.2rem 0.5rem;
margin-bottom: 0.5em;
font-size: 1.4rem;
color: #1e1e1e;
transition: 0.3s;
}
.pr-bottom a.btn-c:hover {
color: #fff;
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
-webkit-box-shadow: 0 2px 0 rgba(30, 30, 30, 0.3);
box-shadow: 0 2px 0 rgba(30, 30, 30, 0.3);
}
.pr-bottom a.btn-c:hover::before {
left: 2rem;
}
@media screen and (max-width: 768px) {
.pr-bottom {
padding: 2rem;
}
body .pr-bottom--head {
font-size: 2.4rem;
text-align: left;
}
.pr-bottom--cont_l {
width: 100%;
height: 300px;
margin-right: 0px;
}
h3.pr-bottom--cont_lead {
font-size: 2.2rem;
}
.pr-bottom--cont_r {
width: 100%;
}
a.btn-c {
font-size: 1.8rem;
line-height: 1.3;
}
}
@media screen and (max-width: 480px) {
body .pr-bottom--head span {
font-size: 150%;
}
body .pr-bottom--head {
font-size: 2rem;
margin-bottom: 2rem;
}
.pr-bottom--cont_l {
height: 180px;
}
a.btn-c {
font-size: 1.4rem;
}
} .pr-page p, .pr-page .pr_img {
margin-bottom: 1.6rem;
}
.pr-page .table {
background-color: #fff;
padding: 0.5rem;
}
.pr-page .table tr {
border-top: 0.5rem solid #fff;
}
.pr-page .table tr:first-child {
border-top: 0;
}
.pr-page .pr-main {
background: rgba(37, 65, 145, 0.05);
}
.pr-page .pr-main h2 {
background: none;
font-size: 2rem;
font-weight: bold !important;
text-align: center;
padding: 1rem 0;
margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
.pr-page .pr-main h2 {
font-size: 2.4rem;
margin-bottom: 2.4rem;
}
}
.pr-page .pr-page-btm h2 {
font-size: 2rem;
font-weight: 500;
line-height: 1.3;
margin-bottom: 2rem;
padding: 1rem 3rem 1rem 5rem;
border-radius: 50px 0 0 50px;
color: #fff;
position: relative;
}
@media screen and (min-width: 768px) {
.pr-page .pr-page-btm h2 {
font-size: 2.4rem;
margin-bottom: 2.4rem;
}
}
.pr-page .pr-page-btm h2::before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 13px;
border-radius: 50%;
background: #fff;
position: absolute;
top: 50%;
left: 2rem;
transform: translateY(-50%);
}
.pr-page .pr-page-btm h3 {
font-size: 1.8rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.3;
border-bottom: 0.3rem solid #1e1e1e;
padding: 0 0 0.5rem 1.5rem;
margin-bottom: 1.2rem;
position: relative;
}
.pr-page .pr-page-btm h3::before {
content: "";
display: block;
background-color: #1e1e1e;
width: 0.3rem;
height: calc(100% - .5rem);
position: absolute;
top: 0;
left: 0;
}
.pr-page .pr-page-btm .pr-box + .pr-box {
margin-top: 4rem;
}
@media screen and (min-width: 768px) {
.pr-page .pr-page-btm .pr-box .flex-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
.pr-page .pr-page-btm .pr-box .flex-wrap .img-wrap, .pr-page .pr-page-btm .pr-box .flex-wrap .text-wrap {
width: 49%;
}
}
.pr-page .pr-page-btm .pr-box .flex-wrap .img-wrap img {
width: 100%;
}
.pr-page .pr-page-btm .pr-box .flex-wrap .text-wrap {
margin-top: 4rem;
}
@media screen and (min-width: 768px) {
.pr-page .pr-page-btm .pr-box .flex-wrap .text-wrap {
margin: 0 0 0 2%;
}
}
@media screen and (min-width: 768px) {
.pr-page .pr-page-btm .pr-box:nth-child(odd) .flex-wrap {
flex-direction: row-reverse;
}
}
@media screen and (min-width: 768px) {
.pr-page .pr-page-btm .pr-box:nth-child(odd) .flex-wrap .text-wrap {
margin: 0 2% 0 0;
}
} .pr-banner {
display: none;
visibility: hidden;
position: fixed;
right: 0;
bottom: 0;
z-index: 995;
transition: all 0.5s ease-out;
width: 100%;
}
@media screen and (min-width: 768px) {
.pr-banner {
width: unset;
bottom: 50px;
right: 10px;
}
}
.pr-banner.active {
display: block;
visibility: visible;
transition: all 0.5s ease-out;
}
.pr-inner {
display: block;
width: 100%;
color: #fff;
max-width: 100%;
padding: 1rem 1rem 1rem 6rem;
box-sizing: border-box;
height: 70px;
border: 2px solid;
position: relative;
margin: 0 auto;
cursor: pointer;
transition: opacity 0.3s ease-out;
}
@media screen and (min-width: 768px) {
.pr-inner {
max-width: 420px;
}
}
.pr-inner:hover {
background: #fff;
transition: all 0.3s ease-out;
}
.pr-banner .pr-title {
font-size: 1.4rem;
color: #fff;
font-weight: 600;
word-break: break-all;
}
@media screen and (min-width: 600px) {
.pr-banner .pr-title {
font-size: 1.6rem;
}
}
.pr-banner span {
background-color: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 1rem;
margin: auto;
color: #fff;
font-weight: 700;
font-size: 2rem;
display: flex;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
border-radius: 100px;
}
.pr-banner + .footer-totop-btn {
bottom: 15%;
}
@media screen and (min-width: 768px) {
.pr-banner + .footer-totop-btn {
bottom: 26%;
}
} .pickup-box dt span {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.6rem;
margin-bottom: 1rem;
position: relative;
}
.pickup-box dt span::before, .pickup-box dt span::after {
content: "";
display: block;
width: 3px;
height: 37px;
background-color: #434D54;
}
.pickup-box dt span::before {
margin-right: 1.5rem;
transform: rotate(-22deg);
}
.pickup-box dt span::after {
margin-left: 1.5rem;
transform: rotate(22deg);
}
@media screen and (min-width: 768px) {
.pickup-box dt span {
font-size: 2rem;
}
}
.pickup-box .title {
align-items: center;
border-radius: 0.7rem 0.7rem 0 0;
color: #FFF;
display: flex;
font-size: 1.8rem;
font-weight: 500;
height: 6rem;
justify-content: center;
margin: 0 !important;
text-align: center;
position: relative;
width: 100%;
}
@media screen and (min-width: 768px) {
.pickup-box .title {
font-size: 2.7rem;
}
}
.pickup-box .title::after {
content: "PR";
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
width: 4.5rem;
height: 3rem;
border-radius: 5px;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
position: absolute;
top: 50%;
right: 1.5rem;
transform: translateY(-50%);
}
.pickup-box dl {
border-radius: 10px 10px 0 0;
}
.pickup-box dd {
background-color: #fff;
padding: 2rem 2rem 2.5rem;
position: relative;
}
.pickup-box .mainImg {
width: 100%;
}
.pickup-box .mainImg img {
width: 100%;
height: 350px;
object-fit: cover;
object-position: center top;
margin: 0 !important;
}
.pickup-box .texts p + p {
margin-top: 1.6rem;
}
.pickup-box .btn-wrap {
margin-bottom: 0 !important;
} .mv, .mv_sub {
margin-top: 60px;
}
@media screen and (min-width: 768px) {
.mv, .mv_sub {
margin-top: 70px;
}
}
.mv {
position: relative;
width: 100%;
background: #eee;
min-height: 360px;
height: 360px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-repeat: no-repeat;
background-position: center 25%;
background-size: cover;
}
@media screen and (min-width: 768px) {
.mv {
min-height: 500px;
height: 500px;
}
}
@media screen and (min-width: 1024px) {
.mv {
min-height: 620px;
height: 620px;
}
}
.mvInner {
padding: 0 4vw;
}
@media screen and (min-width: 768px) {
.mvInner {
padding: 0 3rem;
}
}
.mvInner img.mv-logo {
width: 100%;
max-width: 500px;
height: auto;
}
@media screen and (min-width: 600px) {
.mvInner img.mv-logo {
max-width: 550px;
}
}
@media screen and (min-width: 768px) {
.mvInner img.mv-logo {
max-width: 680px;
}
}
@media screen and (min-width: 1024px) {
.mvInner img.mv-logo {
max-width: 750px;
}
}
.mv-bottom {
position: absolute;
bottom: -4rem;
left: 0;
right: 0;
margin: auto;
z-index: 1;
}
@media screen and (min-width: 480px) {
.mv-bottom {
max-width: 480px;
}
}
.mv_sub {
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
height: 250px;
}
@media screen and (min-width: 768px) {
.mv_sub {
height: 300px;
}
}
.mv_sub-ttl {
position: relative;
font-size: 2.4rem;
font-weight: 500;
line-height: 1.4;
color: #fff;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 480px) {
.mv_sub-ttl {
text-align: center;
font-size: 2.7rem;
}
}
@media screen and (min-width: 768px) {
.mv_sub-ttl {
font-size: 3.2rem;
}
}
@media screen and (min-width: 1140px) {
.mv_sub-ttl {
font-size: 3.8rem;
}
}
.mv_sub .time {
position: relative;
color: #fff;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0.08em;
line-height: 1;
}
@media screen and (min-width: 480px) {
.mv_sub .time {
display: flex;
align-items: center;
justify-content: normal;
}
}
@media screen and (min-width: 768px) {
.mv_sub .time {
font-size: 1.4rem;
}
}
.mv_sub .time span {
display: block;
}
.mv_sub .time span:last-child {
margin-top: 0.5rem;
}
@media screen and (min-width: 480px) {
.mv_sub .time span:last-child {
margin: 0 0 0 1rem;
}
}
.home .mvInner {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
} .footer {
padding: 4rem 0;
}
.footerNav {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 0 4vw;
}
@media screen and (min-width: 768px) {
.footerNav {
padding: 0 3rem;
}
}
.footerNav ul {
padding: 0 2rem 2rem;
}
@media screen and (min-width: 768px) {
.footerNav ul {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
}
.footerNav .footerNav-title {
color: #fff;
border-bottom: 3px solid #fff;
margin-bottom: 2rem;
}
.footerNav .footerNav-title a {
font-size: 2rem;
}
@media screen and (min-width: 768px) {
.footerNav .footerNav-title a {
font-size: 2.4rem;
}
}
@media screen and (min-width: 1024px) {
.footerNav .footerNav-title a {
font-size: 2.7rem;
}
}
.footerNav li {
position: relative;
margin: 0.5rem 0;
padding: 1rem 0;
padding-left: 2rem;
}
@media screen and (min-width: 768px) {
.footerNav li {
padding: 3px 10px;
}
}
.footerNav li:before {
content: "";
position: absolute;
top: 1rem;
left: 0;
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
}
@media screen and (min-width: 768px) {
.footerNav li:before {
display: none;
}
}
.footerNav a {
position: relative;
display: inline-block;
color: #fff;
font-weight: 700;
margin-left: 5px;
}
@media screen and (min-width: 768px) {
.footerNav a {
margin: 0;
}
}
.footer h3 {
display: none;
}
.footerBtm {
margin-bottom: 2rem;
text-align: center;
}
.footerBtm a {
color: #fff;
font-weight: 700;
}
.footerCopy {
margin-top: 4rem;
color: #fff;
text-align: center;
font-size: 1.2rem;
}
.footerCopy a {
color: #fff;
} .sec-introduction h1 {
font-size: 2rem;
font-weight: 500;
line-height: 1.4;
text-align: center;
margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
.sec-introduction h1 {
font-size: 2.4rem;
margin-bottom: 2.4rem;
}
}
@media screen and (min-width: 1024px) {
.sec-introduction h1 {
font-size: 2.7rem;
margin-bottom: 3.2rem;
}
}
.sec-introduction .introduction-text {
border-radius: 10px;
padding: 2rem;
}
@media screen and (min-width: 768px) {
.sec-introduction .introduction-text {
padding: 2rem 3rem;
}
}
.sec-introduction p + p {
margin-top: 1.6rem;
}
.sec-introduction p {
font-weight: 500;
}
.sec-introduction.bg-base .introduction-text {
border-color: #fff;
background-color: transparent;
}
.sec-introduction.bg-base p {
color: #fff;
}
.sec-introduction h1.design1 {
padding: 1rem 4rem;
line-height: 1.3;
clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
.sec-introduction h1.design2 {
text-align: center;
padding: 0.25em;
}
.sec-introduction h1.design3 {
text-align: left;
font-weight: bold;
padding: 1.5rem 2rem;
border-radius: 10px;
background-color: #fff;
position: relative;
}
.sec-introduction h1.design3::before, .sec-introduction h1.design3::after {
content: "";
height: 0;
width: 0;
border: solid transparent;
position: absolute;
left: 30px;
}
.sec-introduction h1.design3::before {
border-color: transparent;
border-width: 10px;
top: 100%;
left: 26px;
}
.sec-introduction h1.design3::after {
border-color: transparent;
border-top-color: #fff;
border-right-color: #fff;
border-width: 6.5px;
top: 99%;
} .recommend-box {
position: relative;
background: #fff;
margin-bottom: 6rem;
padding: 3rem 4vw;
}
@media screen and (min-width: 768px) {
.recommend-box {
padding: 4rem 2rem;
}
}
@media screen and (min-width: 1024px) {
.recommend-box {
padding: 5rem 4rem;
}
}
.recommend-box img {
width: 100%;
}
.home .recommend-box + .recommend-box {
margin-top: 6rem;
}
.home .recommend-box {
margin-bottom: 0;
}
.recommend-box.default {
padding: 0;
}
.recommend-box .mb-4:last-child {
margin-bottom: 0;
}
.single .recommend-box p {
margin-bottom: 1.6rem;
}
.pickup-mainCopy-wrapper {
margin: 0 0 2rem;
}
@media screen and (min-width: 768px) {
.pickup-mainCopy-wrapper {
width: calc(100% - 280px);
}
}
.single .pickup-mainCopy {
font-size: 1.8rem;
line-height: 1.4;
font-weight: 600;
}
@media screen and (min-width: 480px) {
.single .pickup-mainCopy {
font-size: 2rem;
}
}
@media screen and (min-width: 480px) {
.single .pickup-mainCopy {
font-size: 2.2rem;
}
}
.single .pickup-mainCopy.copy_design1 {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.single .pickup-mainCopy.copy_design1::before, .single .pickup-mainCopy.copy_design1::after {
content: "";
display: inline-block;
width: 22%;
height: 2.5px;
border-radius: 5px;
background: #000000;
}
@media screen and (min-width: 480px) {
.single .pickup-mainCopy.copy_design1::before, .single .pickup-mainCopy.copy_design1::after {
width: 50px;
}
}
.single .pickup-mainCopy.copy_design1::before {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.single .pickup-mainCopy.copy_design1::after {
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.single .pickup-mainCopy.copy_design2 {
position: relative;
margin: 3rem 3rem 2rem;
text-align: center;
}
.single .pickup-mainCopy.copy_design2::before, .single .pickup-mainCopy.copy_design2::after {
position: absolute;
z-index: 0;
bottom: -10px;
display: block;
content: "";
border: 1em solid #d90606;
}
.single .pickup-mainCopy.copy_design2::before {
left: -30px;
border-left-width: 15px;
border-left-color: transparent;
}
.single .pickup-mainCopy.copy_design2::after {
right: -30px;
border-right-width: 15px;
border-right-color: transparent;
}
.single .pickup-mainCopy.copy_design2 .copy-inner {
position: relative;
z-index: 1;
display: block;
padding: 1.25rem 2rem 1rem;
color: #fff;
}
.single .pickup-mainCopy.copy_design2 .copy-inner::before, .single .pickup-mainCopy.copy_design2 .copy-inner::after {
content: "";
display: block;
width: 10px;
height: 10px;
position: absolute;
bottom: -10px;
border-style: solid;
}
.single .pickup-mainCopy.copy_design2 .copy-inner::before {
left: 4px;
border-width: 10px 0 0 10px;
}
.single .pickup-mainCopy.copy_design2 .copy-inner::after {
right: 4px;
border-width: 10px 10px 0 0;
}
.single .pickup-mainCopy.copy_design3 {
position: relative;
padding: 0 0 0.6rem;
border-bottom: 3px solid;
}
.single .pickup-mainCopy.copy_design3::before {
content: "";
width: 0;
height: 0;
border-width: 14px 12px 0 12px;
border-style: solid;
border-color: #1e1e1e transparent transparent transparent;
position: absolute;
bottom: -14px;
left: 1em;
}
.single .pickup-mainCopy.copy_design3::after {
content: "";
width: 0;
height: 0;
border-width: 14px 12px 0 12px;
border-style: solid;
border-color: #fff transparent transparent transparent;
position: absolute;
bottom: -10px;
left: 1em;
}
.single .pickup-mainCopy.copy_design4 {
padding-left: 3.6rem;
padding-bottom: 0.7rem;
border-bottom: 3px dotted;
}
.single .pickup-mainCopy.copy_design4 .copy-inner {
position: relative;
}
.single .pickup-mainCopy.copy_design4 .copy-inner::before {
content: "";
font-size: 3rem;
font-weight: 700;
font-family: "Font Awesome 5 Free";
position: absolute;
top: -0.7rem;
left: -3.4rem;
}
.single .pickup-mainCopy.copy_design5 {
position: relative;
padding: 1.5rem 2.5rem 1.5rem 5rem;
text-align: center;
border: 4px solid;
background: #fff;
width: auto;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.single .pickup-mainCopy.copy_design5 {
width: max-content;
}
}
.single .pickup-mainCopy.copy_design5::before {
content: "";
width: 0;
height: 0;
border-width: 14px 12px 0 12px;
border-style: solid;
border-color: #1e1e1e transparent transparent transparent;
position: absolute;
bottom: -14px;
left: 50%;
transform: translateX(-50%);
}
.single .pickup-mainCopy.copy_design5::after {
content: "";
width: 0;
height: 0;
border-width: 17px 12px 0 12px;
border-style: solid;
border-color: #fff transparent transparent transparent;
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
}
.single .pickup-mainCopy.copy_design5 .copy-inner {
position: relative;
}
.single .pickup-mainCopy.copy_design5 i {
font-size: 3.4rem;
position: absolute;
top: -0.5rem;
left: -4rem;
}
#recommend.rb_design1 .recommend-box, .single-pickup .recommend-box.rb_design1 {
padding: 0 0 6rem 0;
box-shadow: 0 4px 10px rgba(30, 30, 30, 0.15);
position: relative;
}
#recommend.rb_design1 .recommend-box .widget img, .single-pickup .recommend-box.rb_design1 .widget img {
width: 100%;
}
.home #recommend.rb_design1 .competition-introduction_widget, .home #recommend.rb_design1 .mb-4:not(.btn-wrap.mb-4, .widgetImg-wrap.mb-4), .home #recommend.rb_design1 .btn-wrap:not(.btn-wrap.full), .home #recommend.rb_design1 h2:not(.recommend-ttl_h2, .sectionTtl-h2), .home #recommend.rb_design1 h3:not(.home #recommend.rb_design1 .recommend-ttl_h3), .home #recommend.rb_design1 h4, .home #recommend.rb_design1 h5, .single-pickup .recommend-box.rb_design1 .competition-introduction_widget, .single-pickup .recommend-box.rb_design1 .mb-4:not(.btn-wrap.mb-4, .widgetImg-wrap.mb-4), .single-pickup .recommend-box.rb_design1 .btn-wrap:not(.btn-wrap.full), .single-pickup .recommend-box.rb_design1 h2:not(.recommend-ttl_h2, .sectionTtl-h2), .single-pickup .recommend-box.rb_design1 h3:not(.home #recommend.rb_design1 .recommend-ttl_h3), .single-pickup .recommend-box.rb_design1 h4, .single-pickup .recommend-box.rb_design1 h5 {
margin-left: 4vw;
margin-right: 4vw;
}
@media screen and (min-width: 768px) {
.home #recommend.rb_design1 .competition-introduction_widget, .home #recommend.rb_design1 .mb-4:not(.btn-wrap.mb-4, .widgetImg-wrap.mb-4), .home #recommend.rb_design1 .btn-wrap:not(.btn-wrap.full), .home #recommend.rb_design1 h2:not(.recommend-ttl_h2, .sectionTtl-h2), .home #recommend.rb_design1 h3:not(.home #recommend.rb_design1 .recommend-ttl_h3), .home #recommend.rb_design1 h4, .home #recommend.rb_design1 h5, .single-pickup .recommend-box.rb_design1 .competition-introduction_widget, .single-pickup .recommend-box.rb_design1 .mb-4:not(.btn-wrap.mb-4, .widgetImg-wrap.mb-4), .single-pickup .recommend-box.rb_design1 .btn-wrap:not(.btn-wrap.full), .single-pickup .recommend-box.rb_design1 h2:not(.recommend-ttl_h2, .sectionTtl-h2), .single-pickup .recommend-box.rb_design1 h3:not(.home #recommend.rb_design1 .recommend-ttl_h3), .single-pickup .recommend-box.rb_design1 h4, .single-pickup .recommend-box.rb_design1 h5 {
margin-left: 3rem;
margin-right: 3rem;
}
}
@media screen and (min-width: 1024px) {
.home #recommend.rb_design1 .competition-introduction_widget, .home #recommend.rb_design1 .mb-4:not(.btn-wrap.mb-4, .widgetImg-wrap.mb-4), .home #recommend.rb_design1 .btn-wrap:not(.btn-wrap.full), .home #recommend.rb_design1 h2:not(.recommend-ttl_h2, .sectionTtl-h2), .home #recommend.rb_design1 h3:not(.home #recommend.rb_design1 .recommend-ttl_h3), .home #recommend.rb_design1 h4, .home #recommend.rb_design1 h5, .single-pickup .recommend-box.rb_design1 .competition-introduction_widget, .single-pickup .recommend-box.rb_design1 .mb-4:not(.btn-wrap.mb-4, .widgetImg-wrap.mb-4), .single-pickup .recommend-box.rb_design1 .btn-wrap:not(.btn-wrap.full), .single-pickup .recommend-box.rb_design1 h2:not(.recommend-ttl_h2, .sectionTtl-h2), .single-pickup .recommend-box.rb_design1 h3:not(.home #recommend.rb_design1 .recommend-ttl_h3), .single-pickup .recommend-box.rb_design1 h4, .single-pickup .recommend-box.rb_design1 h5 {
margin-left: 4rem;
margin-right: 4rem;
}
}
.home #recommend.rb_design1 .recommend-ttl_h3, .single-pickup .recommend-box.rb_design1 .recommend-ttl_h2 {
padding: 1rem 1.5rem;
padding-left: 5%;
color: #fff;
position: relative;
}
@media screen and (min-width: 768px) {
.home #recommend.rb_design1 .recommend-ttl_h3, .single-pickup .recommend-box.rb_design1 .recommend-ttl_h2 {
padding: 1.25rem 1.5rem;
padding-left: 5%;
}
}
@media screen and (min-width: 1024px) {
.home #recommend.rb_design1 .recommend-ttl_h3, .single-pickup .recommend-box.rb_design1 .recommend-ttl_h2 {
padding: 1.5rem;
padding-left: 3%;
}
}
.home #recommend.rb_design1 .recommend-ttl_h3 a, .single-pickup .recommend-box.rb_design1 .recommend-ttl_h2 a {
color: #fff;
}
.competition-introduction_widget p, .single .point-list .point-item p, .reviews .review-box blockquote p {
margin: 0 !important;
}
.single-pickup .recommend-box.rb_design1 p {
margin-left: 4vw;
margin-right: 4vw;
}
@media screen and (min-width: 768px) {
.single-pickup .recommend-box.rb_design1 p {
margin-left: 3rem;
margin-right: 3rem;
}
}
@media screen and (min-width: 1024px) {
.single-pickup .recommend-box.rb_design1 p {
margin-left: 4rem;
margin-right: 4rem;
}
}
.home #recommend.rb_design2 .recommend-ttl_h3, .single-pickup .recommend-box.rb_design2 .recommend-ttl_h2 {
font-weight: 700;
text-align: center;
position: relative;
margin-bottom: 2.4rem;
}
.home #recommend.rb_design2 .recommend-ttl_h3::after, .single-pickup .recommend-box.rb_design2 .recommend-ttl_h2::after {
content: "";
display: block;
width: 85px;
height: 5px;
margin: 0.5rem auto 0;
border-radius: 50px;
}
#recommend.rb_design3 .recommend-box, .single-pickup .recommend-box.rb_design3 {
padding-top: 9rem;
border-radius: 10px 10px 0 0;
}
@media screen and (min-width: 768px) {
#recommend.rb_design3 .recommend-box, .single-pickup .recommend-box.rb_design3 {
padding-top: 12rem;
}
}
#recommend.rb_design3 .recommend-box .recommend-ttl_h3, .single-pickup .recommend-box.rb_design3 .recommend-ttl_h2 {
border-radius: 5px 5px 0 0;
width: 100%;
padding: 1.25rem;
color: #fff;
font-weight: 500;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 768px) {
#recommend.rb_design3 .recommend-box .recommend-ttl_h3, .single-pickup .recommend-box.rb_design3 .recommend-ttl_h2 {
padding: 1.75rem;
}
}
#recommend.rb_design3 .recommend-box .recommend-ttl_h3 a, .single-pickup .recommend-box.rb_design3 .recommend-ttl_h2 a {
color: #fff;
}
#recommend.rb_design1.bg-base .recommend-box, #recommend.rb_design2.bg-base .recommend-box, #recommend.rb_design3.bg-base .recommend-box {
box-shadow: none;
} .home .recommend-box .design1 .recommend-ttl_h4, .single .recommend-box .recommend-ttl_h3.design1 {
padding: 0 0 1rem 1.5rem;
letter-spacing: 0.05em;
line-height: 1.3;
font-weight: 500;
}
.home .recommend-box .design1 .recommend-ttl_h4::before, .single .recommend-box .recommend-ttl_h3.design1::before {
content: "";
width: 0.3rem;
height: calc(100% - 1rem);
position: absolute;
top: 0;
left: 0;
}
.home .recommend-box .design2 .recommend-ttl_h4, .single .recommend-box .recommend-ttl_h3.design2 {
display: inline-block;
padding: 1.25rem 1.75rem;
color: #fff;
font-weight: 400;
margin-bottom: 3.5rem;
position: relative;
}
.home .recommend-box .design2 .recommend-ttl_h4::before, .home .recommend-box .design2 .recommend-ttl_h4::after, .single .recommend-box .recommend-ttl_h3.design2::before, .single .recommend-box .recommend-ttl_h3.design2::after {
content: "";
height: 0;
width: 0;
border: solid transparent;
position: absolute;
left: 30px;
}
.home .recommend-box .design2 .recommend-ttl_h4::before, .single .recommend-box .recommend-ttl_h3.design2::before {
border-color: transparent;
border-width: 10px;
top: 100%;
left: 26px;
}
.home .recommend-box .design2 .recommend-ttl_h4::after, .single .recommend-box .recommend-ttl_h3.design2::after {
border-color: transparent;
border-width: 6.5px;
top: 99%;
}
.home .recommend-box .design3 .recommend-ttl_h4, .single .recommend-box .recommend-ttl_h3.design3 {
font-weight: 500;
text-align: center;
margin-bottom: 3rem;
}
.home .recommend-box .design3 .recommend-ttl_h4:after, .single .recommend-box .recommend-ttl_h3.design3:after {
content: "";
display: block;
width: 7rem;
height: 0.5rem;
margin: 1rem auto 0;
} .flex {
display: flex;
align-items: normal;
justify-content: space-between;
flex-wrap: wrap;
}
.left {
width: 100%;
}
@media screen and (min-width: 768px) {
.left {
width: calc(100% - 280px);
}
}
.right {
width: 100%;
}
@media screen and (min-width: 768px) {
.right {
width: 250px;
}
}
.cat-list .cat-item + .cat-item {
margin-top: 4rem;
}
@media screen and (min-width: 600px) {
.cat-list .cat-item {
display: flex;
align-items: center;
justify-content: normal;
}
}
@media screen and (min-width: 600px) {
.cat-list .cat-item .img-wrap {
width: 35%;
min-width: 250px;
max-width: 250px;
}
}
.cat-list .cat-item .img-wrap img {
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
.cat-list .cat-item .img-wrap img {
height: 220px;
object-fit: contain;
}
}
.cat-list .cat-item .img-wrap .quote {
margin-bottom: 0;
}
.cat-list .cat-item .text-wrap {
padding: 1.5rem;
}
@media screen and (min-width: 600px) {
.cat-list .cat-item .text-wrap {
padding-left: 1.5rem;
padding-right: 0;
width: 60%;
}
}
.cat-list .cat-item .text-wrap .title {
font-size: 1.8rem;
font-weight: 500;
border-bottom: 3px solid;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
.cat-list .cat-item .text-wrap .title {
font-size: 1.8rem;
}
}
@media screen and (min-width: 768px) {
.cat-list .cat-item .text-wrap .title {
font-size: 2rem;
}
}
.cat-list .cat-item .btn-wrap {
justify-content: flex-end;
margin-top: 2rem;
}
.cat-list .cat-item .btn-wrap .btn {
max-width: 280px;
}
.cat-list .cat-item .btn-wrap a {
font-size: 1.4rem;
padding: 1.5rem 2rem;
} input {
resize: none;
appearance: none;
padding: 0.5rem;
box-sizing: border-box;
border: none;
}
.searchform_layout {
display: flex;
justify-content: space-between;
}
.searchform_layout input {
display: block;
width: 76% !important;
border: 1px solid #efefef;
border-right: none;
margin-bottom: 0 !important;
}
.searchform_layout #searchsubmit {
width: 24% !important;
text-align: center;
background-color: #1e1e1e;
color: #fff;
padding: 0.5rem 0.7rem;
display: block;
} .pager {
display: flex;
align-items: center;
justify-content: center;
margin: 4rem 0;
}
.pager .page-numbers + .page-numbers {
margin-left: 1rem;
}
.pager .page-numbers {
line-height: 1;
}
.pager .page-numbers.current {
color: #fff;
padding: 1rem;
} .page-box p + p {
margin-top: 1.6rem;
}
.page-box h2 {
font-size: 2rem;
margin: 4rem 0 3rem;
text-align: left;
font-weight: bold;
padding: 1.25rem 1.5rem;
border-radius: 10px;
background-color: #fff;
position: relative;
}
.page-box h2::before, .page-box h2::after {
content: "";
height: 0;
width: 0;
border: solid transparent;
position: absolute;
left: 30px;
}
.page-box h2::before {
border-color: transparent;
border-width: 10px;
top: 100%;
left: 26px;
}
.page-box h2::after {
border-color: transparent;
border-top-color: #fff;
border-right-color: #fff;
border-width: 6.5px;
top: 99%;
} .sitemap-home, .sitemap-rank {
display: block;
position: relative;
margin-bottom: 3rem;
padding: 1rem 1rem 1rem 4rem;
font-weight: 700;
}
.sitemap-home:before, .sitemap-rank:before {
content: "";
display: flex;
align-items: center;
justify-content: center;
font-family: "Font Awesome 5 free";
color: #fff;
font-weight: 900;
line-height: 1;
width: 32px;
height: 100%;
margin: auto;
padding: 0.5rem;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.sitemap-home:after, .sitemap-rank:after {
content: "";
display: inline-block;
font-family: "Font Awesome 5 free";
font-weight: 900;
line-height: 1;
width: 16px;
height: 16px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.sitemap-rank {
margin-bottom: 0;
}
.sitemap-ul > li > a {
position: relative;
padding-left: 3.5rem;
font-weight: 700;
}
.sitemap-ul > li > a:before {
content: "";
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
font-family: "Font Awesome 5 free";
text-align: center;
font-weight: 900;
line-height: 1;
width: 32px;
height: 32px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.sitemap-ul a {
padding: 1rem;
border-bottom: 1px solid #f5f5f5;
}
.sitemap-ul ul {
padding-left: 3rem;
}
.sitemap-ul ul a {
display: block;
position: relative;
border-bottom: 1px solid #f5f5f5;
}
.sitemap-ul ul a:after {
content: "";
display: inline-block;
font-family: "Font Awesome 5 free";
font-weight: 900;
line-height: 1;
width: 16px;
height: 16px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.sitemap-pages a {
display: block;
position: relative;
border-bottom: 1px solid #f5f5f5;
padding: 1rem;
}
.sitemap-pages a:before {
content: "" !important;
}
.sitemap-pages a:after {
content: "";
display: inline-block;
font-family: "Font Awesome 5 free";
font-weight: 900;
line-height: 1;
width: 16px;
height: 16px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.sitemap-pickup a {
display: block;
position: relative;
border-bottom: 1px solid #f5f5f5;
padding: 1rem;
}
.sitemap-pickup a:before {
content: "" !important;
font-size: 1.6rem !important;
}
.sitemap-pickup a:after {
content: "";
display: inline-block;
font-family: "Font Awesome 5 free";
font-weight: 900;
line-height: 1;
width: 16px;
height: 16px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
} input, textarea {
width: 100% !important;
appearance: none;
resize: none;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
border: 1.5px solid #1e1e1e !important;
border-radius: 3px;
padding: 1rem !important;
box-sizing: border-box;
}
.wpcf7-form-control-wrap input {
height: 30px;
}
input.wpcf7-submit {
display: block;
max-width: 200px;
padding: 1rem;
margin: 0 auto;
border-radius: 50px;
text-align: center;
color: #fff;
transition: 0.3s;
}
input.wpcf7-submit:hover {
background-color: #fff;
transition: 0.3s;
}
.page-box label {
display: block;
font-weight: 700;
} .hamburger-menu {
position: absolute;
right: 0;
z-index: 999;
}
#menu-btn-check {
display: none;
}
.menu-btn {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
width: 60px;
position: relative;
z-index: 999;
}
@media screen and (min-width: 768px) {
.menu-btn {
height: 70px;
width: 70px;
}
}
.menu-btn span, .menu-btn span:before, .menu-btn span:after {
content: "";
display: block;
height: 2px;
width: 25px;
border-radius: 2px;
background: #fff;
position: absolute;
}
.menu-btn span:before {
bottom: 8px;
}
.menu-btn span:after {
top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
background-color: rgba(255, 255, 255, 0); }
#menu-btn-check:checked ~ .menu-btn span::before {
bottom: 0;
transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
top: 0;
transform: rotate(-45deg);
}
.hamburger-menu .widget_nav_menu {
width: 85vw;
height: 100%;
padding: 50px 3rem 60px;
position: fixed;
opacity: 0;
top: 0;
right: -100%;
z-index: 997;
transition: opacity 0.4s ease, right 0.4s ease;
overflow-y: auto;
}
@media screen and (min-width: 600px) {
.hamburger-menu .widget_nav_menu {
width: 550px;
padding: 60px 4vw 60px;
}
}
@media screen and (min-width: 768px) {
.hamburger-menu .widget_nav_menu {
width: 60vw;
}
}
@media screen and (min-width: 1024px) {
.hamburger-menu .widget_nav_menu {
width: 700px;
}
}
.hamburger-menu .widget_nav_menu h3 {
display: none;
}
.hamburger-menu .widget_nav_menu li + li {
border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.hamburger-menu .widget_nav_menu li {
font-size: 1.4rem;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.hamburger-menu .widget_nav_menu li {
font-size: 1.6rem;
}
}
@media screen and (min-width: 1024px) {
.hamburger-menu .widget_nav_menu li {
font-size: 1.8rem;
}
}
.hamburger-menu .widget_nav_menu li a {
display: block;
width: 100%;
padding: 1.5rem 2.5rem;
color: #fff;
font-weight: 400;
position: relative;
transition: opacity 0.2s ease-out;
}
@media screen and (min-width: 768px) {
.hamburger-menu .widget_nav_menu li a {
padding: 1.75rem 3rem;
}
}
.hamburger-menu .widget_nav_menu li a:hover {
opacity: 0.7;
transition: opacity 0.3s ease-out;
}
.hamburger-menu .widget_nav_menu li a::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
left: 0;
top: 21px;
}
@media screen and (min-width: 768px) {
.hamburger-menu .widget_nav_menu li a::before {
top: 23px;
width: 12px;
height: 12px;
}
}
@media screen and (min-width: 1024px) {
.hamburger-menu .widget_nav_menu li a::before {
top: 25px;
}
}
.hamburger-menu .widget_nav_menu li a::after {
content: "";
font-size: 1.4rem;
font-weight: 900;
font-family: "Font Awesome 5 Free";
position: absolute;
right: 5px;
top: 17px;
}
@media screen and (min-width: 768px) {
.hamburger-menu .widget_nav_menu li a::after {
font-size: 1.6rem;
top: 20px;
}
}
@media screen and (min-width: 1024px) {
.hamburger-menu .widget_nav_menu li a::after {
font-size: 1.8rem;
}
}
#menu-btn-check:checked ~ .menu-content .widget_nav_menu {
opacity: 1;
right: 0;
transition: opacity 0.4s ease, right 0.4s ease;
}
.drawer_bg {
opacity: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 990;
top: 0;
left: -100%;
background-color: rgba(51, 51, 51, 0.5);
}
#menu-btn-check:checked ~ .menu-content .drawer_bg {
animation: 0.3s fadeInLeft forwards;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
left: -100%;
}
100% {
opacity: 1;
left: 0;
}
} .tablepress > * + tbody > * > *, .tablepress > tbody > * ~ * > *, .tablepress > tfoot > * > * {
border: none !important;
}
.sec-tablepress .scrollArea {
display: block;
}
.tablepress {
table-layout: fixed !important;
background: #fff;
width: 1080px !important;
min-width: 1080px !important;
margin: 0 !important;
}
.tablepress caption {
display: none;
}
.tablepress .row-1 td {
position: relative;
}
.tablepress td {
font-size: 1.4rem;
line-height: 1.3;
}
.tablepress tr td .tp_btn-1, .tablepress tr td .tp_btn-2 {
display: inline-block;
font-size: 1.25rem;
width: 100%;
padding: 1rem 0;
text-align: center;
vertical-align: middle !important;
color: #fff;
box-sizing: border-box;
transition: all 0.3s;
border: 2px solid;
cursor: pointer;
overflow: hidden;
position: relative;
}
.tablepress tr td .tp_btn-1:hover, .tablepress tr td .tp_btn-2:hover {
transition: all 0.3s;
}
.tablepress tr td .tp_btn-1 i, .tablepress tr td .tp_btn-2 i {
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
}
.tablepress tr td .tp_btn-1 i::before, .tablepress tr td .tp_btn-2 i::before {
font-size: 1.2rem;
}
.sec-tablepress.column_table tr {
border: 0;
}
.sec-tablepress.column_table tr td {
width: 185px;
min-width: 185px;
padding: 1rem 0.7rem;
vertical-align: top;
font-size: 14px;
word-break: break-all;
box-sizing: border-box;
border: 1px solid #efefef !important;
}
.sec-tablepress.column_table tr td:first-child {
font-size: 1.2rem;
border: 0;
padding: 0.5rem;
text-align: center;
vertical-align: middle;
color: #fff;
box-sizing: border-box;
border-color: #fff !important;
border-left: 1px solid #efefef !important;
}
.sec-tablepress.column_table tr .column-1:first-child {
width: 80px;
min-width: 80px;
font-weight: 500;
position: sticky;
left: 0;
z-index: 5;
}
@media screen and (min-width: 768px) {
.sec-tablepress.column_table tr .column-1:first-child {
width: 135px;
min-width: 135px;
}
}
.sec-tablepress.column_table .row-1 td:first-child {
border-top: 1px solid #efefef !important;
}
.sec-tablepress.column_table tr:last-child td {
border-bottom: 1px solid #efefef !important;
}
.sec-tablepress.column_table .row-2 td {
font-weight: 500;
}
.sec-tablepress.row_table .tablepress {
width: 100% !important;
}
.sec-tablepress.row_table tr td + td {
border: 1px solid #efefef !important;
}
.sec-tablepress.row_table tr td {
width: 210px;
min-width: 210px;
vertical-align: middle !important;
padding: 1rem;
box-sizing: border-box;
border: 1px solid #efefef !important;
}
.sec-tablepress.row_table tr .column-1:first-child {
width: 115px;
min-width: 115px;
position: sticky;
left: 0;
z-index: 5;
border: 1px solid #fff !important;
}
@media screen and (min-width: 768px) {
.sec-tablepress.row_table tr .column-1:first-child {
width: 200px;
min-width: 200px;
}
}
.sec-tablepress.row_table tr .column-1 img {
width: 100%;
height: 50px;
object-fit: contain;
}
.sec-tablepress.row_table .row-1 td:first-child {
border-top: 1px solid #efefef !important;
}
.sec-tablepress.row_table tr:last-child td {
border-bottom: 1px solid #efefef !important;
}
.sec-tablepress.column_table-2 .tablepress tbody {
border-top: none !important;
}
.sec-tablepress.column_table-2 .tablepress {
background-color: transparent !important;
}
.sec-tablepress.column_table-2 tr:first-child td:first-child {
background-color: transparent !important;
border: none !important;
}
.sec-tablepress.column_table-2 tr.row-1 td {
text-align: center;
color: #fff;
font-weight: 500;
border-top: 1px solid #ddd !important;
}
.sec-tablepress.column_table-2 tr.row-1 td.column-2 {
border-left: 1px solid #ddd !important;
border-bottom: none !important;
}
.sec-tablepress.column_table-2 td {
border-top: none !important;
width: 220px;
min-width: 220px;
vertical-align: middle !important;
padding: 1rem;
box-sizing: border-box;
background-color: #fff;
}
.sec-tablepress.column_table-2 td:not(td:first-child) {
border: 1px solid #ddd !important;
}
.sec-tablepress.column_table-2 td:first-child {
width: 115px;
min-width: 115px;
min-height: 75px;
border: 1px solid #fff !important;
font-weight: 500;
text-align: center;
color: #fff;
box-sizing: border-box;
line-height: 1.2;
position: sticky;
top: 0;
left: 0;
z-index: 5;
}
@media screen and (min-width: 600px) {
.sec-tablepress.column_table-2 td:first-child {
width: 180px;
min-width: 180px;
}
}
.scrollArea.design1 .tablepress tr td a.tp_btn-1, .scrollArea.design1 .tablepress tr td a.tp_btn-2 {
border-radius: 50px;
}
.scrollArea.design1 .tablepress tr td a.tp_btn-1:hover, .scrollArea.design1 .tablepress tr td a.tp_btn-2:hover {
background-color: #fff;
}
.scrollArea.design2 .tablepress tr td a.tp_btn-1, .scrollArea.design2 .tablepress tr td a.tp_btn-2 {
border: none;
border-radius: 0.1rem;
color: #fff;
transition: all 0.3s;
}
.scrollArea.design2 .tablepress tr td a.tp_btn-1:hover, .scrollArea.design2 .tablepress tr td a.tp_btn-2:hover {
transform: translateY(2.5px);
transition: 0.3s;
}
.scrollArea.design3 .tablepress tr td a.tp_btn-1::before, .scrollArea.design3 .tablepress tr td a.tp_btn-2::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, white 81%, rgba(255, 255, 255, 0) 100%);
animation: shine 3s infinite;
}
.scrollArea.design3 .tablepress tr td a.tp_btn-1:hover, .scrollArea.design3 .tablepress tr td a.tp_btn-2:hover {
transform: translateY(2.5px);
transition: 0.3s;
}
.scrollArea.btn1_2 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_2 .tablepress tr td a.tp_btn-2 {
background-color: #eb6100;
border-color: #eb6100;
}
.scrollArea.btn1_3 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_3 .tablepress tr td a.tp_btn-2 {
background-color: #32b16c;
border-color: #32b16c;
}
.scrollArea.btn1_4 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_4 .tablepress tr td a.tp_btn-2 {
background-color: #67D3FB;
border-color: #67D3FB;
}
.scrollArea.btn1_5 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_5 .tablepress tr td a.tp_btn-2 {
background-color: #CC0000;
border-color: #CC0000;
}
.scrollArea.btn1_2.design1 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_2.design1 .tablepress tr td a.tp_btn-2:hover {
background-color: #fff;
color: #eb6100;
}
.scrollArea.btn1_3.design1 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_3.design1 .tablepress tr td a.tp_btn-2:hover {
background-color: #fff;
color: #32b16c;
}
.scrollArea.btn1_4.design1 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_4.design1 .tablepress tr td a.tp_btn-2:hover {
background-color: #fff;
color: #67D3FB;
}
.scrollArea.btn1_5.design1 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_5.design1 .tablepress tr td a.tp_btn-2:hover {
background-color: #fff;
color: #CC0000;
}
.scrollArea.btn1_2.design2 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_2.design2 .tablepress tr td a.tp_btn-2 {
background: #eb6100;
-webkit-box-shadow: 0 3.5px 0 #d44114;
box-shadow: 0 3.5px 0 #d44114;
}
.scrollArea.btn1_2.design2 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_2.design2 .tablepress tr td a.tp_btn-2:hover {
box-shadow: 0 1px 0 #d44114;
}
.scrollArea.btn1_3.design2 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_3.design2 .tablepress tr td a.tp_btn-2 {
background: #32b16c;
-webkit-box-shadow: 0 3.5px 0 #2c9d60;
box-shadow: 0 3.5px 0 #2c9d60;
}
.scrollArea.btn1_3.design2 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_3.design2 .tablepress tr td a.tp_btn-2:hover {
box-shadow: 0 1px 0 #2c9d60;
}
.scrollArea.btn1_4.design2 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_4.design2 .tablepress tr td a.tp_btn-2 {
background: #67D3FB;
-webkit-box-shadow: 0 3.5px 0 #50a9ca;
box-shadow: 0 3.5px 0 #50a9ca;
}
.scrollArea.btn1_4.design2 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_4.design2 .tablepress tr td a.tp_btn-2:hover {
box-shadow: 0 1px 0 #50a9ca;
}
.scrollArea.btn1_5.design2 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_5.design2 .tablepress tr td a.tp_btn-2 {
background: #CC0000;
-webkit-box-shadow: 0 3.5px 0 #a80202;
box-shadow: 0 3.5px 0 #a80202;
}
.scrollArea.btn1_5.design2 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_5.design2 .tablepress tr td a.tp_btn-2:hover {
box-shadow: 0 1px 0 #a80202;
}
.scrollArea.btn1_2.design3 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_2.design3 .tablepress tr td a.tp_btn-2 {
background: #eb6100;
-webkit-box-shadow: 0 3.5px 0 #d44114;
box-shadow: 0 3.5px 0 #d44114;
}
.scrollArea.btn1_2.design3 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_2.design3 .tablepress tr td a.tp_btn-2:hover {
box-shadow: 0 1px 0 #d44114;
}
.scrollArea.btn1_3.design3 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_3.design3 .tablepress tr td a.tp_btn-2 {
background: #32b16c;
-webkit-box-shadow: 0 3.5px 0 #2c9d60;
box-shadow: 0 3.5px 0 #2c9d60;
}
.scrollArea.btn1_3.design3 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_3.design3 .tablepress tr td a.tp_btn-2:hover {
box-shadow: 0 1px 0 #2c9d60;
}
.scrollArea.btn1_4.design3 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_4.design3 .tablepress tr td a.tp_btn-2 {
background: #67D3FB;
-webkit-box-shadow: 0 3.5px 0 #50a9ca;
box-shadow: 0 3.5px 0 #50a9ca;
}
.scrollArea.btn1_4.design3 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_4.design3 .tablepress tr td a.tp_btn-2:hover {
box-shadow: 0 1px 0 #50a9ca;
}
.scrollArea.btn1_5.design3 .tablepress tr td a.tp_btn-1, .scrollArea.btn2_5.design3 .tablepress tr td a.tp_btn-2 {
background: #CC0000;
-webkit-box-shadow: 0 3.5px 0 #a80202;
box-shadow: 0 3.5px 0 #a80202;
}
.scrollArea.btn1_5.design3 .tablepress tr td a.tp_btn-1:hover, .scrollArea.btn2_5.design3 .tablepress tr td a.tp_btn-2:hover {
box-shadow: 0 1px 0 #a80202;
} .footer-banner {
position: fixed;
bottom: 0;
left: 0;
padding: 1rem 0;
width: 100%;
background: rgba(10, 10, 10, 0.7);
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
-o-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 10;
}
.footer-banner .btn-wrap {
margin: 2rem auto 0.5rem;
}
.footer-totop-btn {
width: 60px;
height: 60px;
line-height: 60px;
min-width: 30px;
padding: 1rem 0;
text-align: center;
box-sizing: border-box;
background: rgba(214, 214, 214, 0.4);
z-index: 99;
position: fixed;
bottom: 0;
right: 0;
}
.footer-totop-btn i {
font-size: 2rem;
line-height: 1;
}
@media screen and (min-width: 480px) {
.footer-totop-btn i {
font-size: 2.7rem;
}
}
@media screen and (min-width: 768px) {
.footer-totop-btn i {
font-size: 3rem;
}
}
.footer-banner-btn, a .footer-banner-btn, button .footer-banner-btn {
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.7px;
color: #212529;
border-radius: 0.5rem;
}
a.btn-f {
font-size: 2rem;
position: relative;
padding: 0px 20px 10px 30px;
color: #fff;
background: #c52929;
box-shadow: 0 5px 0 #880e0e;
width: 60%;
}
a.btn-f span {
font-size: 1.3rem;
position: absolute;
top: -15px;
left: calc(50% - 38%);
display: block;
width: 77%;
padding: 0.7rem 0 0.5rem;
color: #c52929;
border: 2px solid #c52929;
border-radius: 0.5rem;
background: #fff;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.btn-f:hover {
transform: translate(0, 3px);
color: #fff;
background: #c52929;
box-shadow: 0 2px 0 #880e0e;
}
a.btn-f:hover:before {
left: 2rem;
}
a.footer-banner-btn:hover {
opacity: 0.7;
}
a.footer-banner-btn i {
margin-left: 15px;
font-size: 27px;
}
.footer-banner-txt {
font-size: 15px;
width: 80%;
max-width: 1000px;
display: block;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
box-sizing: border-box;
line-height: 1.4;
text-align: center;
}
.footer-banner-txt p {
width: 100%;
line-height: 1.4;
margin: 5px 0 0;
font-weight: normal;
padding: 0 10px;
color: #fff;
}
.icon-space {
color: #aaa;
margin: 0 8px;
display: none;
}
@media only screen and (max-width: 1024px) {
.footer-banner-txt p {
width: calc(100% - 400px);
}
.footer-banner-txt {
font-size: 16px;
}
.footer-banner-txt p {
font-size: 14px;
}
a.footer-banner-btn {
padding: 0px 15px 9px;
}
}
@media only screen and (max-width: 768px) {
.footer-banner {
padding: 5px 0 0;
}
a.btn-f {
font-size: 1.5rem;
width: 74%;
margin-right: 40px;
}
a.btn-f span {
font-size: 1rem;
top: -9px;
left: calc(50% - 40%);
width: 80%;
padding: 0.5rem 0 0.3rem;
}
.footer-home-btn {
width: 40px;
padding: 0;
line-height: 1.5;
position: absolute;
bottom: 100%;
font-size: 34px;
margin: 0;
}
.footer-totop-btn {
line-height: 50px;
bottom: 1rem;
right: 1rem;
}
.footer-banner-txt p {
width: 100%;
}
.footer-banner-txt {
font-size: 16px;
width: 100%;
text-align: center;
justify-content: center;
}
.icon-space {
display: none;
}
.footer-banner-txt p {
padding: 5px 20px;
}
.footer-banner-btn, a .footer-banner-btn, button .footer-banner-btn {
letter-spacing: 0.2px;
}
a.footer-banner-btn {
padding: 0px 15px 10px;
margin-bottom: 5px;
width: 74%;
}
a.footer-banner-btn i {
margin-left: 12px;
font-size: 22px;
}
}
@media only screen and (max-width: 600px) {
.footer-banner-txt p {
font-size: 12px;
}
}
.footer a {
font-size: 1.4rem;
font-weight: 400;
}
.search-menu {
max-width: 600px;
margin: 0 auto;
}
.wpcf7-form input, .wpcf7-form textarea {
margin-bottom: 2rem;
} .sec-relatedPost ul {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.sec-relatedPost .post-item {
background-color: #fff;
width: 100%;
margin-top: 2rem;
transition: all 0.3s;
}
.sec-relatedPost .post-item:nth-child(1) {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.sec-relatedPost .post-item {
width: calc(calc(100% - 2rem) / 2);
margin: 2rem 1rem 0;
}
.sec-relatedPost .post-item:nth-child(1), .sec-relatedPost .post-item:nth-child(2) {
margin-top: 0;
}
.sec-relatedPost .post-item:nth-child(even) {
margin-right: 0;
}
.sec-relatedPost .post-item:nth-child(odd) {
margin-left: 0;
}
}
.sec-relatedPost .post-item:hover .permalink {
opacity: 0.7;
transition: all 0.3s ease-in-out;
}
.sec-relatedPost .post-item .permalink {
display: flex;
}
.sec-relatedPost .img-wrap {
width: 130px;
height: 130px;
overflow: hidden;
}
.sec-relatedPost .img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.sec-relatedPost .text-wrap {
width: calc(100% - 12.5rem);
height: auto;
padding: 1.25rem 3.25rem 1.25rem 1.25rem;
position: relative;
}
@media screen and (min-width: 768px) {
.sec-relatedPost .text-wrap {
padding: 1.5rem 4rem 1rem 1rem;
}
}
.sec-relatedPost .text-wrap::after {
content: "";
color: #1e1e1e;
font-family: "Font Awesome 5 Free";
font-size: 1.4rem;
font-weight: 900;
line-height: 1;
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
}
.sec-relatedPost .text-wrap .title {
margin-bottom: 1rem;
line-height: 1.2;
}
.sec-relatedPost .text-wrap p {
font-size: 1.2rem;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.sec-relatedPost .text-wrap p {
font-size: 1.4rem;
}
} .updateBUtton {
margin: 1rem auto;
max-width: 1080px;
font-weight: 700;
padding: 0 0.7rem;
}
.filter {
background: rgba(30, 30, 30, 0.6);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.quote {
display: block;
font-size: 1rem;
text-align: right;
line-height: 1;
margin: 1rem 1rem 1rem auto;
color: #999;
cursor: pointer;
}
.quote a {
color: blue;
}
.quote:not(.review-box .quote) {
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
padding: 0 0.3rem 0.3rem;
}
.quote::-webkit-scrollbar {
height: 3px;
}
.quote::-webkit-scrollbar-track {
background-color: #ccc;
}
.quote::-webkit-scrollbar-thumb {
background-color: #999;
}
.banner-img a {
transition: all 0.3s;
}
.banner-img a:hover {
opacity: 0.7;
transition: opacity 0.3s;
}
.Not_TXT {
font-weight: 700;
font-size: 2.4rem;
}
.Not_h2 {
margin-bottom: 4rem;
} .sv-info {
padding: 2rem;
border-radius: 1px;
max-width: 1080px;
margin: 4rem auto;
}
.sv-info .sv-inner {
background-color: #fff;
padding: 2rem;
}
@media screen and (min-width: 1140px) {
.sv-info .sv-inner {
display: flex;
align-items: center;
justify-content: normal;
}
}
.sv-info .img-wrap {
width: 100%;
max-width: 170px;
margin: 0 auto;
}
.sv-info .img-wrap img {
display: block;
margin: 0 auto !important;
width: 120px !important;
min-width: 120px !important;
height: 120px !important;
border-radius: 50%;
}
@media screen and (min-width: 768px) {
.sv-info .img-wrap img {
width: 140px !important;
min-width: 140px !important;
height: 140px !important;
}
}
@media screen and (min-width: 1140px) {
.sv-info .img-wrap img {
width: 170px !important;
min-width: 170px !important;
height: 170px !important;
}
}
.sv-info .text-wrap {
padding-top: 2rem;
}
@media screen and (min-width: 1140px) {
.sv-info .text-wrap {
padding: 0 0 0 2rem;
}
}
.sv-info .text-wrap p {
margin: 0 !important;
}
.sv-info h3 {
margin-top: 0 !important;
}
.single .recommend-box .sv-info h3 {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 1.6rem !important;
}
.single .recommend-box .sv-info h3.design1 {
margin-bottom: 1rem !important;
}
.single .recommend-box .sv-info .img-wrap {
width: 100%;
max-width: 120px;
}
.single .recommend-box .sv-info .img-wrap img {
width: 120px !important;
min-width: 120px !important;
height: 120px !important;
}
.single .recommend-box .sv-info .text-wrap p {
font-size: 1.4rem;
} .blog-card {
background-color: #fff;
padding: 1rem;
box-shadow: 0 2px 4px rgba(30, 30, 30, 0.15);
transition: 0.3s;
}
.blog-card:hover {
opacity: 0.7;
transform: translateY(3px);
box-shadow: 0 2px 0px rgba(30, 30, 30, 0.1);
transition: 0.3s ease-out;
}
.blog-card:hover .text-wrap::after {
right: 0.65rem;
transition: 0.3s ease-out;
}
.blog-card a {
display: flex;
}
.blog-card .img-wrap {
width: 130px;
height: 130px;
overflow: hidden;
margin-bottom: 0 !important;
}
.blog-card .img-wrap img {
display: block;
margin: 0 !important;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.blog-card .text-wrap {
width: calc(100% - 12.5rem);
height: auto;
padding: 1.25rem 3.25rem 1.25rem 1.25rem;
position: relative;
}
@media screen and (min-width: 768px) {
.blog-card .text-wrap {
padding: 2rem 4rem 0.5rem 1.5rem;
}
}
.blog-card .text-wrap::after {
content: "";
color: #1e1e1e;
font-family: "Font Awesome 5 Free";
font-size: 1.4rem;
font-weight: 900;
line-height: 1;
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
}
.blog-card .text-wrap p {
font-size: 1.4rem;
margin: 0 !important;
}
.blog-card .title {
font-weight: 500;
padding: 0 0 0.5rem 1rem;
margin-bottom: 1rem;
line-height: 1.2;
position: relative;
}
.blog-card .title::before {
content: "";
width: 0.2rem;
height: calc(100% - .5rem);
position: absolute;
top: 0;
left: 0;
}
.home .blog-card {
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.campaign-box {
display: flex;
align-items: center;
padding: 1.5rem;
transition: opacity 0.3s;
}
.campaign-box:hover {
opacity: 0.7;
}
.campaign-box .img-wrap img {
width: 125px;
min-width: 125px;
height: 125px;
}
@media screen and (min-width: 768px) {
.campaign-box .img-wrap img {
width: 175px;
min-width: 175px;
height: 175px;
}
}
.campaign-box .text-wrap {
padding-left: 1.5rem;
width: 100%;
}
.campaign-box .text-wrap .title {
font-size: 1.6rem;
font-weight: 500;
line-height: 1.25;
}
@media screen and (min-width: 768px) {
.campaign-box .text-wrap .title {
font-size: 2rem;
}
}
.campaign-box .text-wrap p {
font-size: 1.25rem;
font-weight: 500;
margin: 1rem 0 !important;
}
@media screen and (min-width: 768px) {
.campaign-box .text-wrap p {
font-size: 1.6rem;
}
}
.campaign-box .text-wrap a {
color: #ffffff;
padding: 1rem;
display: block;
width: 100%;
font-weight: 500;
text-align: center;
font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
.campaign-box .text-wrap a {
font-size: 1.4rem;
}
}
@media screen and (min-width: 768px) {
.campaign-box {
max-width: 650px;
margin-left: auto !important;
margin-right: auto !important;
}
}
.thumbnail-img {
width: 100%;
max-width: 100%;
height: auto;
}
.slider-wrapper {
height: auto;
margin: 1vw auto;
position: relative;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-line-pack: center;
align-content: center;
}
.slider-wrapper .slider {
width: 75%;
height: auto;
padding: 0;
}
.slider-wrapper .thumbnail .slick-track {
height: 100%;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-line-pack: center;
align-content: center;
}
.slider-wrapper .slick-img img {
width: 100%;
height: 100%;
}
.slider-wrapper .thumbnail {
width: 20%;
height: auto;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
} .rank-icon {
display: block;
width: unset !important;
height: 70px;
object-fit: contain;
}
.home #recommend.rb_design1.ranking_f .recommend-ttl_h3, .single .recommend-box.rb_design1.ranking_f .recommend-ttl_h2 {
display: flex;
align-items: center;
justify-content: normal;
padding-left: 6rem;
position: relative;
}
.home #recommend.rb_design1.ranking_f .recommend-ttl_h3 .rank-icon, .single .recommend-box.rb_design1.ranking_f .recommend-ttl_h2 .rank-icon {
position: absolute;
top: 50%;
left: -10px;
transform: translateY(-50%);
}
.home #recommend.rb_design1.ranking_f.rankIcon3 .recommend-ttl_h3, .single .recommend-box.rb_design1.ranking_f.rankIcon3 .recommend-ttl_h2 {
padding-left: 9rem;
}
.home #recommend.rb_design2.ranking_f .recommend-ttl_h3 .rank-icon, .single .recommend-box.rb_design2.ranking_f .recommend-ttl_h2 .rank-icon {
margin: 0 auto 1rem;
}
.home #recommend.rb_design3.ranking_f .recommend-ttl_h3, .single .recommend-box.rb_design3.ranking_f .recommend-ttl_h2 {
display: flex;
align-items: center;
justify-content: center;
}
.home #recommend.rb_design3.ranking_f .recommend-ttl_h3 .rank-icon, .single .recommend-box.rb_design3.ranking_f .recommend-ttl_h2 .rank-icon {
height: 65px;
margin-right: 1rem;
}
#sidebar .sidebar-list.ranking_f .sidebar-item .title {
display: flex;
align-items: center;
justify-content: normal;
}
#sidebar .sidebar-list.ranking_f .sidebar-item .rank-icon {
display: block;
margin-right: 1rem;
height: 45px;
}
.sec-3box.ranking_f.design1 .img-wrap {
position: relative;
}
.sec-3box.ranking_f.design1 .rank-icon {
height: 65px;
position: absolute;
top: 0;
left: 0;
}
.sec-3box.ranking_f.design2 .rank-icon {
height: 60px;
margin: 0 auto 1rem;
}
.sec-3box.ranking_f.design3 .wrapper .box .name {
display: flex;
align-items: center;
justify-content: normal;
}
.sec-3box.ranking_f.design3 .rank-icon {
display: block;
height: 55px;
margin-right: 1rem;
}
.sec-tablepress.column_table.rank_table tr td .rank-icon {
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 46px !important;
height: 53px !important;
position: absolute;
left: 5px;
top: 0.2rem;
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr td .rank-icon {
width: 43px !important;
top: 0;
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr td .rank-icon {
width: 60px !important;
height: 46px !important;
top: 0;
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-2 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank1.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-3 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank2.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-4 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank3.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-5 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank4.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-6 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank5.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-7 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank6.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-8 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank7.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-9 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank8.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-10 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank9.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-11 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank10.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-12 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank11.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-13 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank12.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-15 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank13.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-16 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank14.png);
}
.sec-tablepress.column_table.rank_table.rankIcon1 tr.row-1 td.column-17 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option1/rank15.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-2 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank1.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-3 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank2.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-4 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank3.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-5 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank4.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-6 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank5.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-7 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank6.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-8 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank7.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-9 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank8.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-10 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank9.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-11 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank10.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-12 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank11.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-13 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank12.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-15 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank13.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-16 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank14.png);
}
.sec-tablepress.column_table.rank_table.rankIcon2 tr.row-1 td.column-17 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option2/rank15.png);
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr.row-1 td.column-2 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option3/rank1.png);
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr.row-1 td.column-3 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option3/rank2.png);
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr.row-1 td.column-4 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option3/rank3.png);
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr.row-1 td.column-5 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option3/rank4.png);
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr.row-1 td.column-6 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option3/rank5.png);
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr.row-1 td.column-7 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option3/rank6.png);
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr.row-1 td.column-8 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option3/rank7.png);
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr.row-1 td.column-9 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option3/rank8.png);
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr.row-1 td.column-10 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option3/rank9.png);
}
.sec-tablepress.column_table.rank_table.rankIcon3 tr.row-1 td.column-11 .rank-icon {
background-image: url(//tokyo-apartmentmanagement.com/wp-content/themes/e_ver004/img/ranking/option3/rank10.png);
}  .pr-main {
background: rgba(67, 77, 84, 0.05);
}
.ppt {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ppt p {
width: 46%;
margin: 2%;
}
@media screen and (max-width: 768px) {
.ppt p {
width: 96%;
order: 2;
}
}
.ppt .pr_img {
width: 46%;
margin: 2%;
}
@media screen and (max-width: 768px) {
.ppt .pr_img {
width: 96%;
order: 1;
}
}
.pr-page .spacer {
max-width: 1140px;
}
.pr-page p {
margin-bottom: 1.6rem;
}
.pr-page .ppt {
margin-bottom: 2rem;
}
.pr-page .pr-main .spacer {
max-width: 900px;
}
.pr-title {
word-break: break-all;
}
.pr + .footer-totop-btn {
bottom: 110px;
}  .pr-main2_1 {
position: relative;
}
.pr-main2_1:after {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 50px;
border-color: #efefef transparent transparent transparent;
content: "";
}
.pr3box {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pr3box-lead {
text-align: center;
font-size: 2.2rem;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.pr3box-lead {
font-size: 3.2rem;
}
}
@media screen and (min-width: 1024px) {
.pr3box-lead {
font-size: 3.8rem;
}
}
.pr3box-card {
width: 96%;
margin: 2%;
padding: 1.6rem;
background: #fff;
}
@media screen and (min-width: 768px) {
.pr3box-card {
width: 29.3%;
}
}
.pr3box-card.pr4box {
width: 98%;
margin: 1%;
}
@media screen and (min-width: 600px) {
.pr3box-card.pr4box {
width: 48%;
}
}
@media screen and (min-width: 768px) {
.pr3box-card.pr4box {
width: 23%;
}
}
.pr3box-ttl {
font-weight: 700;
font-size: 1.8rem;
text-align: center;
}
.pr3box-img {
margin-bottom: 1rem;
}
.pr3box-under {
font-weight: 700;
text-align: center;
font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
.pr3box-under {
font-size: 2.4rem;
}
}
@media screen and (min-width: 1024px) {
.pr3box-under {
font-size: 2.8rem;
}
}
.solution {
background: rgba(255, 255, 255, 0.2);
}
.pr3box img {
width: 100%;
} .fadeIn_up {
opacity: 0;
transform: translate(0, 15%);
transition: 0.6s;
}
.fadeIn_up.is-show {
transform: translate(0, 0);
opacity: 1;
}  .scroll-hint-icon-wrap {
z-index: 10;
} .mv.autoHeight {
height: auto !important;
background: transparent;
}
.mv.autoHeight .mvInner {
padding: 0;
}