@charset "utf-8";

/* ==========================================================================
Foundation [ reset / base ]
========================================================================== */
:root {
  --red: #80000d;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1.5;
  background: #fff;
  font-size: 14px;
  font-family: fot-cezanne-pron, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #333;
  padding-top: clamp(50px, 11.6847826087vw, 85px);
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
select {
  font-size: 12px;
  background-color: #fff;
  height: 26px;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

a img:hover {
  opacity: 0.75;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a:hover,
a:active,
a:focus {
  text-decoration: inherit;
}

a:hover {
  opacity: 1;
}

a[href]:hover {
  opacity: 0.8;
}

a {
  text-decoration: inherit;
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

p {
  margin-bottom: 12px;
}

/* ==========================================================================
Layout [ header / main / side / footer... ]
========================================================================== */

/* Header
---------------------------------------------------------------*/
.l-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 200;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  background-color: #b20005;
  padding: 10px 10px 5px;
  min-height: 50px;
}

.l-header-inner {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-right: 5vw;
}

.l-header-logo {
  width: 33%;
  margin-right: 5vw;
}

.l-header-logo img {
  width: 100%;
}

.l-header-splink {
  display: flex;
  justify-content: space-between;
  max-width: 50%;
  flex-wrap: wrap;
  display: none;
}

.l-header-splink > div {
  /* width: calc(140 / 750 * 100 * 1%); */
  /* margin-left: .4rem; */
  margin-top: 1vw;
}

.icon_sp {
  display: block;
  width: 30%;
  max-width: 80px;
  height: auto;
}

.tel-num_sp {
  display: block;
  margin-top: 5px;
  color: white;
  font-size: 3vw;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 0;
}

.tel-num_sp::before {
  content: "";
  background-image: url("https://tio-frs-8yywuhli.landinghub.site/images/header_tell.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 10px;
  vertical-align: middle;
}

.tel-num_sp a {
  color: white;
}

.l-header-inf {
  display: none;
}

.l-header-nav {
  display: none;
  position: absolute;
  left: 0;
  overflow: auto;
  top: clamp(50px, 11.6847826087vw, 85px);
  width: 100%;
  background: #b20005;
  z-index: 999;
}

.l-header-nav.active {
  display: block;
}

.l-header-nav ul {
  display: block;
}

.l-header-nav ul li {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #fff;
}

.l-header-nav ul li a,
.l-header-nav ul li p {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 14px;
  padding: 10px 0;
  cursor: pointer;
}

.l-header-nav ul li p {
  margin-bottom: 0;
}

/*hamburger menu*/
.c-navigation-main__hamburger-wrap {
  /* display: block; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 50px;
  z-index: 30;
  /* height: 52px; */
  height: 100%;
  top: 0;
  right: 0;
}
.c-navigation-main__hamburger-wrap span {
  /* position: absolute; */
  /* left: 15px; */
  width: 22px;
  height: 3px;
  margin: 0.1rem 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #ffffff;
}
.c-navigation-main__hamburger-wrap span {
  background-color: #ffffff;
}
.c-navigation-main__hamburger-wrap span:nth-of-type(1) {
  top: 18px;
}
.c-navigation-main__hamburger-wrap span:nth-of-type(2) {
  top: 26px;
}
.c-navigation-main__hamburger-wrap span:nth-of-type(3) {
  bottom: 15px;
}
.c-navigation-main__hamburger-wrap.active span:nth-of-type(1) {
  -webkit-transform: translateY(13px) rotate(-45deg);
  transform: translateY(3px) rotate(-45deg);
  background-color: #ffffff;
  top: 22px;
}
.c-navigation-main__hamburger-wrap.active span:nth-of-type(2) {
  opacity: 0;
}
.c-navigation-main__hamburger-wrap.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
  background-color: #ffffff;
}
.c-navigation-main__hamburger-wrap.is-show span {
  background-color: #001489;
}

.c-img {
  width: 100%;
}

ul.l-header_sub {
  display: none;
  background-color: #750000;
  margin-bottom: -2px;
}

.l-header-nav_list__item.sp-arw-menu span.sp-arw-block {
  display: block;
  width: 41px;
  height: 41px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.l-header-nav_list__item.sp-arw-menu:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 14px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.l-header-nav_list__item.sp-arw-menu.active:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.l-header_sub span {
  display: inline-block;
  margin-right: 10px;
}

/* Main
---------------------------------------------------------------*/
.l-wrapper {
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 7vw 0;
  position: relative;
}
.l-footer .duralumin_footer {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(10% 10%);
}
.title01 {
  font-size: 5.2vw;
  font-weight: bold;
  color: var(--red);
  border-top: 2px solid var(--red);
  border-bottom: 2px solid var(--red);
  text-align: center;
  padding: 10px 0;
  width: 86%;
  margin: auto;
}
.caption01 {
  font-size: 2.6vw;
  font-weight: bold;
  color: var(--red);
  text-align: center;
  padding: -2px 0;
  width: 86%;
  margin: auto;
}

.duralumin_footer {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(20%, 30%);
  width: 76vw;
}

/* Footer
---------------------------------------------------------------*/
.l-footer {
  background-color: #b20005;
  padding: 30px;
  color: white;
}

.l-footer img {
  width: 40vw;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* ==========================================================================
Project [ articles / ranking / promo... ]
========================================================================== */

.reason_block {
  background-color: #f8e9e0;
  padding-top: 30px;
}

.ta-img {
  display: block;
  width: auto;
  margin: 0 auto;
}

.u-mb-20 {
  margin-bottom: 10px;
}

.mv {
  margin-bottom: 40px;
}

.top_btn_line {
  width: 75%;
  background-image: url(../images/line_bg.png);
  background-size: 100% 100%;
  font-size: 5.6vw;
  color: white;
  padding: 2.4vw 3vw;
  box-sizing: border-box;
  margin: 0 auto 10vw;
}
.top_btn_line .line {
  width: 9.2vw;
}
.top_btn_line .arrow {
  width: 4.4vw;
}
.animation {
  animation: dokundokun 1300ms ease infinite;
}
@keyframes dokundokun {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.2);
  }
  30% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.2);
  }
  70% {
    transform: scale(1);
  }
}
.purchase_result .result-swiper-wrapper {
  width: 95%;
  margin: 6.9vw auto 0;
}
.purchase_result .result-swiper {
  font-weight: bold;
  word-break: break-all;
}
.purchase_result .u-sp.result-swiper-wrapper + .u-sp.result-swiper-wrapper {
  margin-top: 3vw;
}
.purchase_result .result-swiper .swiper-slide {
  text-align: center;
  border: 1px solid #7c7c7c;
  padding: 2vw 0;
  box-sizing: border-box;
  width: 31.7%;
  margin-right: 2.5% !important;
}
.purchase_result .result-swiper .swiper-slide .result_ex {
  width: 76%;
  margin: auto;
}
.purchase_result .result-swiper .swiper-slide .result_ex .brand_name {
  font-size: 2.7vw;
  margin: 10px 0 0;
}
.purchase_result .result-swiper .swiper-slide .result_ex .brand_name span {
  font-size: 1.9vw;
  line-height: 1.5;
  display: inline-block;
  min-height: 2.65em;
}
.purchase_result .result-swiper .swiper-slide .result_ex .purchase_label {
  color: white;
  background: var(--red);
  font-size: 2.2vw;
  padding: 0.2vw 1.7vw;
  border-radius: 45px;
}
.purchase_result .result-swiper .swiper-slide .purchase_price {
  font-size: 3.2vw;
  margin-bottom: 0;
}
.purchase_result .result-swiper-wrapper .swiper_custom_prev,
.purchase_result .result-swiper-wrapper .swiper_custom_next {
  width: 6.6vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 9;
}
.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}
.purchase_result .result-swiper-wrapper .swiper_custom_prev {
  left: -2vw;
}
.purchase_result .result-swiper-wrapper .swiper_custom_next {
  right: -2vw;
}
.campaign {
  background-image: url(../images/bg_campaign.png);
  background-size: 100% 100%;
  margin-top: 11.7vw;
  padding-bottom: 8vw;
}
.campaign .campaign_title {
  font-weight: bold;
  font-size: 3.9vw;
  text-align: center;
  color: var(--red);
  transform: translateY(-40%);
}
.campaign .campaign_title span {
  background-image: url(../images/bg_campaign_title.png);
  background-size: 100% 100%;
  padding: 4vw 5vw 6.5vw;
}
.campaign .campaign_img_wrapper {
  text-align: center;
  margin-top: 10px;
}
.campaign .campaign_img_wrapper img {
  max-width: 84%;
  margin-top: 10px;
}
.contact_wrapper {
  max-width: 830px;
  margin: 30px auto 0;
  flex-direction: column;
}
.contact_wrapper .campaign_contact {
  border: 3px solid white;
  border-radius: 47px;
  box-shadow: 2px 3px 3px 0px #7d7d7d;
  color: white;
  position: relative;
  padding: 3vw 2.3vw;
  width: 59vw;
}
.contact_wrapper .campaign_contact.line {
  background: #70c25e;
  font-size: 4.4vw;
}
.contact_wrapper .campaign_contact.line .icon-line {
  width: 7.2vw;
  margin-right: 10px;
}
.contact_wrapper .campaign_contact.line .dewi {
  position: absolute;
  width: 16vw;
  right: 10%;
  bottom: 0;
}
.contact_wrapper .campaign_contact .icon-angle {
  width: 13px;
  height: 14px;
}
.contact_wrapper .campaign_contact.line span {
  margin: 0 28px;
}
.contact_wrapper .campaign_contact.phone {
  background: #22ba9e;
  font-size: 4.5vw;
  margin-top: 2.6vw;
}
.contact_wrapper .campaign_contact .icon-phone {
  width: 5.2vw;
}
.contact_wrapper .campaign_contact .campaign_contact_text {
  margin: 0 16px;
}
.problem {
  background-image: url(../images/bg_problem_sp.png);
  background-size: 100% 100%;
  padding: 3.5vw 0 15vw;
  position: relative;
  z-index: 9;
  margin-top: 16vw;
}
.problem .problem_title {
  color: white;
  font-weight: bold;
  font-size: 6.7vw;
  text-align: center;
  line-height: 1;
}
.problem .problem_title small {
  font-size: 5vw;
}
.problem .problem_title .large {
  font-size: 9.5vw;
}
.problem .problem_inner {
  font-size: 3vw;
  font-weight: bold;
  margin: 20px auto 0;
  flex-direction: column-reverse;
}
.problem .problem_inner .problem_text .problem_detail {
  background: white;
  border: 3px solid #1c5e77;
  border-radius: 8px;
  padding: 10px;
  justify-content: flex-start;
  margin-top: 10px;
}
.problem .problem_inner .problem_text .problem_detail .problem_detail_media {
  width: 12vw;
}
.problem
  .problem_inner
  .problem_text
  .problem_detail
  .problem_detail_media
  img {
  max-width: 100%;
  max-height: 6vw;
}
.problem .problem_inner .problem_media {
  max-width: 38.6vw;
}
.merit {
  background-color: #f8e500;
  padding-top: 50px;
  margin-top: -50px;
  position: relative;
}
.merit:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/bg_home_delivery_sp.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
}
.merit .merit_title {
  text-align: center;
  font-size: 8.8vw;
  font-weight: bold;
  color: var(--red);
  letter-spacing: -0.05em;
  position: relative;
  z-index: 9;
}
.merit .merit_inner {
  margin: 20px auto 0;
  justify-content: space-between;
  position: relative;
  z-index: 9;
  flex-direction: column;
  width: 63vw;
}
.merit .merit_inner .merit_detail {
  margin-top: 5.2vw;
}
.merit .merit_inner .merit_detail .merit_detail_title {
  font-size: 5.2vw;
  font-weight: bold;
  color: var(--red);
  text-align: center;
}
.merit .merit_inner .merit_detail .merit_detail_content {
  border: 0.7vw solid var(--red);
  background: white;
  font-size: 2.6vw;
  padding: 6.5vw 5vw 1vw;
  box-sizing: border-box;
}
.merit .merit_inner .merit_detail .merit_detail_content .merit_head {
  color: var(--red);
  text-align: center;
  font-size: 4.8vw;
  font-weight: bold;
  border-bottom: 2px solid var(--red);
  padding-bottom: 5vw;
}
.merit
  .merit_inner
  .merit_detail
  .merit_detail_content
  .merit_head
  .merit_head_media {
  width: 17.2vw;
}
.merit .merit_inner .merit_detail .merit_detail_content .merit_desc {
  margin-top: 3.9vw;
}
.show_more {
  text-align: center;
  cursor: pointer;
  margin-top: 2.7vw;
}
.show_more a {
  background: var(--red);
  color: white;
  font-size: 2.8vw;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 2vw 3vw;
  border-radius: 24px;
}
.show_more a:after {
  content: "";
  background-image: url(../images/plus.png);
  background-size: 100% 100%;
  width: 3.9vw;
  height: 3.9vw;
  margin-left: 6px;
}
.show_more.open a:after {
  background-image: url(../images/minus.png);
}
.hd_kit {
  background-color: #71afac;
  padding: 5vw 0 0;
  margin-top: 13vw;
}
.hd_kit .hd_kit_inner {
  margin: auto;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.hd_kit .hd_kit_inner .kit_concept_wrapper {
  text-align: center;
}
.hd_kit .hd_kit_inner .kit_concept {
  font-size: 6.7vw;
  font-weight: bold;
  color: var(--red);
  background: white;
  position: relative;
  z-index: 9;
}
.hd_kit .hd_kit_inner .ht_kit_media {
  width: 33.8vw;
  margin: 1vw 0 2vw;
}
.hd_kit .hd_kit_inner .ht_kit_text {
}
.hd_kit .hd_kit_inner .kit_content {
  margin-top: 8vw;
  padding-left: 9vw;
  flex-wrap: wrap;
  align-items: center;
}
.hd_kit .hd_kit_inner .kit_content .kit_title {
  color: var(--red);
  font-size: 12.6vw;
  font-weight: bold;
  background: white;
  width: 36%;
  text-align: center;
  line-height: 1.3;
  position: relative;
  z-index: 9;
}
.hd_kit .hd_kit_inner .kit_content .kit_desc {
  width: 62%;
  color: white;
  font-size: 22px;
  font-weight: bold;
  position: relative;
  z-index: 9;
}
.hd_kit .hd_kit_inner .kit_content .kit_desc .kit_subtitle {
  font-size: 4vw;
  font-weight: bold;
  color: #2c4e80;
  background: white;
  position: relative;
  z-index: 9;
}
.hd_kit .hd_kit_inner .kit_content .kit_desc_text {
  width: 100%;
  color: white;
  font-size: 3vw;
  padding-right: 0.5em;
  position: relative;
  z-index: 9;
}
.hd_kit .hd_kit_inner .kit_content .kit_desc_text span {
  color: #ffff00;
  background: #71af00;
  padding: 0 5px;
}
.safe_delivery {
  margin: 4.4vw auto 0;
  text-align: center;
  max-width: 88%;
}
.safe_delivery .safe_delivery_title {
  font-size: 8.8vw;
  font-weight: bold;
  color: var(--red);
}
.safe_delivery img {
  max-width: 100%;
}
.flow {
  margin-top: 7.8vw;
  position: relative;
  z-index: 9;
}
.title02 {
  text-align: center;
  color: #8c000d;
  font-size: 8vw;
  font-weight: bold;
}
.flow .flow_inner {
  margin: 0 auto;
  justify-content: space-between;
  flex-direction: column;
}
.flow .flow_inner .flow_detail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6vw;
  z-index: 9;
}
.flow .flow_inner .flow_detail img {
  width: 38.5%;
}
.flow .flow_inner .flow_detail .flow_detail_title {
  text-align: center;
  color: white;
  font-size: 4vw;
  font-weight: bold;
  writing-mode: vertical-rl;
  width: 11.7%;
}
.flow .flow_inner .flow_detail .flow_detail_title span {
  background: var(--red);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  display: inline-block;
  padding: 0 4vw 0 0;
  width: 100%;
  height: 30vw;
}
.flow .flow_inner .flow_detail:not(:first-child) .flow_detail_title span {
  letter-spacing: 1em;
}
.flow .flow_inner .flow_detail .flow_detail_desc {
  font-size: 2.6vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.8;
  width: 34%;
  padding-right: 6vw;
}
.flow .flow_inner .flow_detail .flow_num {
  position: absolute;
  font-size: 20vw;
  color: var(--red);
  opacity: 0.4;
  bottom: 0;
  line-height: 1;
  right: 5%;
}
.flow .flow_media {
  text-align: center;
  margin-top: 15vw;
  position: relative;
}
.flow .flow_media img {
  width: 70%;
  margin: auto;
}
.flow .flow_onsite_media {
  margin-top: 5vw;
}
.flow .flow_onsite_media img {
  width: 90%;
}
.flow .contact_wrapper {
  margin-top: 7.3vw;
}
.flow .flow_onsite {
  margin: 11vw 10px 0;
  border: 1.4vw solid var(--red);
  padding-bottom: 10vw;
  border-radius: 5vw;
  overflow: hidden;
}
.flow .flow_onsite_title {
  text-align: center;
  font-size: 6.5vw;
  font-weight: bold;
  background: var(--red);
  color: white;
  padding: 0 10% 3vw;
}
.flow .flow_onsite_title span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flow .flow_onsite_title span:before,
.flow .flow_onsite_title span:after {
  content: "";
  background-image: url(../images/truck.png);
  width: 12.5vw;
  height: 9vw;
  background-size: 100% 100%;
  display: inline-block;
}
.flow .flow_onsite .flow_onsite_desc {
  font-size: 2.8vw;
  margin: 5.6vw 10vw 0;
}
.flow .flow_onsite_head {
  padding: 0 4.6vw;
  color: var(--red);
  font-weight: bold;
  justify-content: center;
  margin: 5.2vw auto 0;
  text-align: center;
  box-sizing: border-box;
  line-height: 1.1;
}
.flow .flow_onsite_head .wp-block-column {
  border: 2px solid var(--red);
  border-radius: 4vw;
  box-sizing: border-box;
  padding: 10px 0 0;
  flex-basis: 26.4vw;
  flex-grow: initial;
  margin-top: 1vw;
}
.flow .flow_onsite_head .wp-block-column:first-child img {
  width: 13.5vw;
}
.flow .flow_onsite_head .wp-block-column:not(:first-child) {
  margin-left: 1vw;
}
.flow .flow_onsite_ttl {
  font-size: 3vw;
}
.flow .flow_onsite_ttl2 {
  font-size: 4.3vw;
}
.flow .flow_onsite_ttl2 small {
  font-size: 2vw;
}
.flow .flow_onsite_ttl3 {
  font-size: 8.7vw;
}
.flow .flow_onsite_ttl4 {
  font-size: 5.8vw;
}
.flow .flow_onsite_ttl5 {
  font-size: 5.8vw;
}
.flow .title01 {
  margin-top: 6.3vw;
}
.flow .flow_onsite_diagram {
  max-width: 59vw;
  margin: 5.4vw auto 0;
  justify-content: space-between;
  font-size: 2.3vw;
  font-weight: bold;
}
.flow .flow_onsite_diagram .wp-block-column {
  flex-basis: 40%;
  position: relative;
  flex-grow: initial;
}
.flow .flow_onsite_diagram .wp-block-column:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 2.3vw 0 2.3vw 2.3vw;
  border-color: transparent transparent transparent var(--red);
  transform: rotate(0deg);
  display: block;
  top: 50%;
  right: -30%;
}
.flow .flow_onsite_diagram .wp-block-column:nth-child(3):after,
.flow .flow_onsite_diagram .wp-block-column:last-child:after {
  left: -30%;
  right: auto;
}
.flow .flow_onsite_diagram .wp-block-column p {
  margin-top: 2.3vw;
}
.flow .flow_onsite_diagram .wp-block-column .flow_num {
  font-size: 19vw;
  color: var(--red);
  opacity: 0.3;
  position: absolute;
  bottom: 0;
  right: -20%;
  line-height: 1;
}
.flow .appraiser {
  justify-content: space-between;
  width: 74vw;
  margin: 6vw auto 0;
  text-align: center;
}
.flow .appraiser .wp-block-column {
  flex-basis: 36vw;
  border: 0.6vw solid var(--red);
  color: var(--red);
  font-weight: bold;
  font-size: 2.6vw;
  box-sizing: border-box;
  flex-grow: inherit;
  margin-top: 2vw;
}
.flow .appraiser .wp-block-column .appraiser_name {
  margin: 2.7vw 0 0;
}
.flow .appraiser .wp-block-column img {
  max-width: 77%;
}
.show_more_detail {
  height: 0;
  overflow: hidden;
}
.show_more_detail .detail_text {
  font-size: 2.1vw;
  font-weight: normal;
  color: black;
  margin-top: 10px;
  padding: 0 2.7vw;
  text-align: left;
}
.show_more_detail .detail_title span {
  font-size: 2vw;
  font-weight: bold;
  border: 2px solid var(--red);
  width: 11.3vw;
  display: inline-block;
  margin-top: 4vw;
  line-height: 1.8;
}
.merit .merit_duralumin {
  display: none;
}
.flow .flow_duralumin {
  position: absolute;
  top: 50%;
}
.flow .flow_duralumin.duralumin_left {
  left: -20vw;
  width: 83vw;
}
.reason {
  background-image: url(../images/bg_reason_sp.png);
  background-size: 100% 100%;
  padding: 7vw 0 10vw;
  margin-top: 14.5vw;
}
.reason .reason_title {
  text-align: center;
  font-size: 6.9vw;
  font-weight: bold;
  color: var(--red);
}
.reason .reason_title span {
  position: relative;
}
.reason .reason_title span:before,
.reason .reason_title span:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 6.1vw;
  height: 11.7vw;
  background-size: 100% 100%;
}
.reason .reason_title span:before {
  background-image: url(../images/leaves.png);
  left: -2vw;
  transform: translateY(-50%);
}
.reason .reason_title span:after {
  background-image: url(../images/leaves.png);
  right: -5vw;
  transform: translateY(-50%) rotateY(180deg);
}
.reason .reason_wrapper {
  width: 72%;
  margin: 7.3vw auto 0;
  font-size: 2vw;
  justify-content: center;
}
.reason .reason_wrapper .wp-block-column {
  flex-basis: 44%;
  flex-grow: initial;
}
.reason .reason_wrapper .wp-block-column:nth-child(2) {
  margin-left: 12%;
}
.reason .reason_wrapper .wp-block-column img {
  width: 100%;
}
.reason .reason_wrapper .wp-block-column .reason_detail-title {
  font-size: 3.5vw;
  font-weight: bold;
  color: var(--red);
  margin-top: 15px;
  line-height: 1.4;
}
.reason .reason_wrapper .wp-block-column .reason_detail-text {
  margin-top: 10px;
  line-height: 2;
}
.reason .reason_compare {
  text-align: center;
  margin-top: 11vw;
}
.reason .reason_compare img {
  margin-top: 6.5vw;
}
.reason .review {
  margin-top: 13.8vw;
}
.review .review_wrapper {
  text-align: center;
  margin: 6.5vw auto 0;
  max-width: 94%;
}
.review .review_wrapper .wp-block-columns {
  margin: 0 auto;
  justify-content: center;
  width: 81vw;
}
.review .review_wrapper .wp-block-columns .wp-block-column {
  flex-basis: 47.3%;
  padding: 2vw;
  border-radius: 4vw;
  background: white;
  box-sizing: border-box;
  flex-grow: initial;
  margin-top: 4.5vw;
}
.review .review_wrapper .wp-block-columns .wp-block-column:nth-child(2) {
  margin-left: 5.4%;
}
.review .review_wrapper .wp-block-columns .wp-block-column img {
  width: 100%;
}
.review
  .review_wrapper
  .wp-block-columns
  .wp-block-column
  .review_detail-title {
  font-size: 2.6vw;
  color: var(--red);
  font-weight: bold;
  letter-spacing: 0.1em;
  border-bottom: 0.5vw solid;
  padding-bottom: 0.6vw;
  margin-bottom: 2vw;
}
.review
  .review_wrapper
  .wp-block-columns
  .wp-block-column
  .review_detail-title
  span {
  color: white;
  background: var(--red);
  line-height: 1.2;
  width: 1.2em;
  display: inline-block;
  border-radius: 100%;
}
.review .review_wrapper .wp-block-columns .wp-block-column .reviewer {
  font-size: 2vw;
  margin-top: 3vw;
}
.review .review_wrapper .wp-block-columns .wp-block-column .review_stars {
  margin-top: 2.7vw;
}
.review .review_wrapper .wp-block-columns .wp-block-column .review_stars img {
  width: 3.9vw;
}
.review .review_wrapper .wp-block-columns .wp-block-column .review_text {
  font-size: 2.1vw;
  margin-top: 1em;
  text-align: left;
}
.review .review_wrapper .wp-block-columns .wp-block-column .review_text span {
  background: #ffff00;
}
.flow .contact_title {
  font-size: 4.1vw;
  color: var(--red);
  text-align: center;
  font-weight: bold;
  margin-top: 5vw;
}
.flow .contact_title span {
  position: relative;
}
.flow .contact_title span:before,
.flow .contact_title span:after {
  content: "";
  position: absolute;
  border-top: 1px solid var(--red);
  width: 5vw;
  height: 2px;
  top: 50%;
}
.flow .contact_title span:before {
  transform: rotate(55deg) translateY(-50%);
  left: -8vw;
}
.flow .contact_title span:after {
  transform: rotate(125deg) translateY(-50%);
  right: -8vw;
}
.contact_title + .contact_wrapper {
  margin-top: 7.4vw;
}
.free_satei {
  position: relative;
  padding: 0 20px;
}

.free_satei .free_btn_tell {
  display: block;
  position: absolute;
  left: 6vw;
  top: 13.7vw;
  width: 50.9vw;
  height: 14.9vw;
  border-radius: 30px;
}

.free_satei .free_btn_line {
  display: block;
  position: absolute;
  left: 6vw;
  top: 33.7vw;
  width: 50.9vw;
  height: 14.9vw;
  border-radius: 30px;
}

.free_satei a:hover {
  opacity: 0.3;
  background: #fff;
}

.otokuna_event {
  margin-top: -28vw;
  position: relative;
  z-index: 2;
}

.toriatukai_brand_list {
  position: relative;
  z-index: 1;
}

.contact a:hover {
  opacity: 0.3;
  background: #fff;
}

.sp90 {
  width: 92.5%;
  margin-left: auto;
  margin-right: auto;
}

/*私たちが査定します*/
.we_can {
  width: 92.5%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.open_area,
.btn_open_img02 {
  display: none;
}

.open_area {
  width: 100%;
  margin: 20px auto 0;
}

.btn_open_img01,
.btn_open_img02 {
  display: none;
}

.btn_open_img01.btn_open_img01_sp {
  display: block;
}

.btn_open_img02.btn_open_img02_sp {
  display: none;
}

.btn_open.is-open .btn_open_img01.btn_open_img01_sp {
  display: none;
}

.btn_open.is-open .btn_open_img02.btn_open_img02_sp {
  display: block;
}

.select_head {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.select_head img {
  width: 90%;
}

.select_head ul {
  width: 88%;
  position: absolute;
  left: 16%;
  top: 30vw;
  margin-left: auto;
  margin-bottom: 45px;
  justify-content: space-between;
}

.select_head ul li {
  width: 90%;
  margin-bottom: 3vw;
}
.select_head ul li a {
  display: block;
}

.select_ttl {
  padding: 20px;
  background-color: #b30005;
  text-align: center;
}

.select_ttl img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.select_inner {
  padding: 0px 10px 10px;
}

.c-btn {
  text-align: center;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  background-color: #b30005;
  border-radius: 120px;
  width: 90%;
  padding: 8px 0;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  display: block;
  margin: 50px auto 50px;
}

.select_inner02 {
  margin: 50px 0;
}

.btn_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.btn_list li {
  margin: 0 5px;
}

/*POINT*/

.point_accordeon {
  width: 90%;
  text-align: center;
  margin: 0px auto 20px;
}

.point_accordeon li {
  margin: 10px 10px;
}

.point_inner {
  background-color: #eae9ea;
  margin-bottom: 30px;
}

.point_inner ul {
  width: 90%;
  margin: 0px auto 0;
  padding-bottom: 10px;
}

.point_inner ul li {
  margin: 0px 10px;
}

.grad-item {
  position: relative;
  overflow: hidden;
  width: 92.5%;
  margin: 20px auto;
}

.grad-item.is-hide {
  height: 880px;
}

.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 50%,
    rgba(255, 255, 255, 0.9) 50%,
    #fff 100%
  );
  background: linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 50%,
    rgba(255, 255, 255, 0.9) 50%,
    #fff 100%
  );
}

.grad-item.none::before {
  display: none;
}

.c-btn-arw {
  display: block;
  text-align: center;
}

.kuchikomi_inner_close {
  margin-bottom: 30px;
}

.faq_ttl {
  margin-bottom: 35px;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 47% 80%, 50% 100%, 53% 80%, 0 80%);
  background: linear-gradient(
    180deg,
    rgba(144, 0, 0, 1) 0%,
    rgba(177, 0, 4, 1) 47%,
    rgba(144, 0, 0, 1) 100%
  );
  font-size: 6vw;
  color: white;
  text-align: center;
  padding: 3vw 0 7vw;
}

.faq dl {
  margin-bottom: 30px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.faq dl dt {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  background: url(https://tio-frs-8yywuhli.landinghub.site/images/faq_open.png)
    no-repeat 100% 50%;
  background-size: 27px;
  border-top: 2px solid #b30005;
  border-bottom: 4px solid #b30005;
}

.faq dl dt.active {
  background: url(https://tio-frs-8yywuhli.landinghub.site/images/faq_close.png)
    no-repeat 100% 50%;
  background-size: 27px;
}

.faq dl dt span {
  width: 65px;
  height: 65px;
  line-height: 65px;
  background-color: #b30005;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  display: block;
  border-radius: 190px;
  text-align: center;
  position: absolute;
  left: -15px;
  top: -10px;
}

.faq dl dt p {
  font-size: 16px;
  font-weight: bold;
  color: #b30005;
  margin-left: 60px;
  padding: 8px 0;
  margin-bottom: 0;
  width: 70%;
}

.faq h3 {
  margin-bottom: 30px;
  margin-top: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

.faq dl dd {
  background-color: #ecebec;
  padding: 20px;
  z-index: 1;
  position: relative;
  display: none;
}

.dd_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: relative;
}

.faq dl dd:before {
  content: "";
  position: absolute;
  left: 74px;
  top: 2px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 7px solid transparent;
  border-left: 14px solid #b30005;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.faq dl dd span {
  font-size: 24px;
  font-weight: bold;
}

.faq dl dd p {
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
  width: calc(100% - 40px);
}

ul.tab {
  margin-top: 20px;
  list-style: none;
  position: relative;
  overflow: hidden;
}

ul.tab li {
  float: left;
  margin: 0 1%;
  width: 48%;
  text-align: center;
  font-size: 100%;
  height: 51px;
  position: relative;
  border-radius: 11px;
  background-color: rgba(158, 34, 36, 0.1);
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

ul.tab li:hover,
ul.tab li.active {
  background: #9e2224;
}

ul.tab li img {
  width: 59px;
}
.sp-overflow {
  overflow-y: auto;
  margin-bottom: 20px;
}

.sp-overflow-inner {
  width: 900px;
  padding: 10px;
  height: auto;
}

.other_toriatukai_brand_list {
  margin-bottom: 20px;
}

.eraberu_kaitori {
  padding: 20px;
  background-color: #eae9ea;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.eraberu_kaitori .all_close_area {
  position: relative;
}

.eraberu_kaitori .all_close_area a {
  position: absolute;
  left: 2.5vw;
  bottom: 2vw;
  width: 83.8vw;
  height: 16.6vw;
}

.ft_contact {
  width: 92.5%;
  margin: 20px auto 20px;
}

.sp92 {
  width: 92.5%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ft_btn ul {
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.ft_btn li:nth-child(1) {
  margin-bottom: 15px;
}

.all_open_area .btn_open_img02_sp {
  display: block;
}

.all_open_area .btn_open_img01_sp {
  display: none;
}

.all_open_area.is-open .btn_open_img02_sp {
  display: none;
}

.all_open_area.is-open .btn_open_img01_sp {
  display: block;
}

.spTtlMargin {
  padding-top: 100px;
  margin-top: -100px;
}

/* ==========================================================================
Component [ button / form / grid... ]
========================================================================== */

/* grid */
.grid {
  clear: both;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

/* column */
.col-sp-1 {
  width: 8.33333333%;
}
.col-sp-2 {
  width: 16.66666667%;
}
.col-sp-3 {
  width: 25%;
}
.col-sp-4 {
  width: 33.33333333%;
}
.col-sp-5 {
  width: 41.66666667%;
}
.col-sp-6 {
  width: 50%;
}
.col-sp-7 {
  width: 58.33333333%;
}
.col-sp-8 {
  width: 66.66666667%;
}
.col-sp-9 {
  width: 75%;
}
.col-sp-10 {
  width: 83.33333333%;
}
.col-sp-11 {
  width: 91.66666667%;
}
.col-sp-12 {
  width: 100%;
}

/* ==========================================================================
Utility [ display / margin / padding / device... ]
========================================================================== */

/* device - utility
--------------------------------------------------------- */
.u-sp {
  display: block !important;
}
.u-pc {
  display: none !important;
}

/* vertical-align - utility
--------------------------------------------------------- */
.u-va-t {
  vertical-align: top !important;
}
.u-va-m {
  vertical-align: middle !important;
}
.u-va-b {
  vertical-align: bottom !important;
}

/* border - utility
--------------------------------------------------------- */
/* border-radius */
.u-br-4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -ms-border-radius: 4px;
}
.u-br-8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -ms-border-radius: 8px;
}
.u-br-12 {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -ms-border-radius: 12px;
}
.u-br-16 {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -ms-border-radius: 16px;
}

/* border-none */
.u-br-0 {
  border: none;
}
.u-br-t-0 {
  border-top: none;
}
.u-br-r-0 {
  border-right: none;
}
.u-br-b-0 {
  border-bottom: none;
}
.u-br-l-0 {
  border-left: none;
}

/* clearfix - utility
--------------------------------------------------------- */
.u-cf {
  *zoom: 1;
}
.u-cf:after {
  display: table;
  clear: both;
  content: "";
}

/* display - utility
--------------------------------------------------------- */
.u-d-tb {
  display: table !important;
}
.u-d-tbc {
  display: table-cell !important;
}
.u-d-b {
  display: block !important;
}
.u-d-ib {
  display: inline-block !important;
}
.u-d-n {
  display: none !important;
}

/* float - utility
--------------------------------------------------------- */
.u-fl-l {
  float: left !important;
}
.u-fl-r {
  float: right !important;
}

/* font-size - utility
--------------------------------------------------------- */
.u-fz-10 {
  font-size: 10px !important;
}
.u-fz-12 {
  font-size: 12px !important;
}
.u-fz-14 {
  font-size: 14px !important;
}
.u-fz-16 {
  font-size: 16px !important;
}
.u-fz-18 {
  font-size: 18px !important;
}
.u-fz-20 {
  font-size: 20px !important;
}
.u-fz-22 {
  font-size: 22px !important;
}
.u-fz-24 {
  font-size: 24px !important;
}
.u-fz-26 {
  font-size: 26px !important;
}
.u-mini {
  font-size: 80%;
}

/* line-clamp - utility
--------------------------------------------------------- */
.u-lc {
  display: box;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* margin - utility
--------------------------------------------------------- */
/* auto margin */
.u-m-c {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Top margin */
.u-mt-0 {
  margin-top: 0 !important;
}
.u-mt-8 {
  margin-top: 8px !important;
}
.u-mt-16 {
  margin-top: 16px !important;
}
.u-mt-24 {
  margin-top: 24px !important;
}
.u-mt-32 {
  margin-top: 32px !important;
}
.u-mt-40 {
  margin-top: 40px !important;
}
.u-mt-48 {
  margin-top: 48px !important;
}
.u-mt-56 {
  margin-top: 56px !important;
}
.u-mt-64 {
  margin-top: 64px !important;
}

/* Right margin */
.u-mr-0 {
  margin-right: 0 !important;
}
.u-mr-8 {
  margin-right: 8px !important;
}
.u-mr-16 {
  margin-right: 16px !important;
}
.u-mr-24 {
  margin-right: 24px !important;
}
.u-mr-32 {
  margin-right: 32px !important;
}
.u-mr-40 {
  margin-right: 40px !important;
}
.u-mr-48 {
  margin-right: 48px !important;
}
.u-mr-56 {
  margin-right: 56px !important;
}
.u-mr-64 {
  margin-right: 64px !important;
}

/* Bottom margin */
.u-mb-0 {
  margin-bottom: 0 !important;
}
.u-mb-8 {
  margin-bottom: 8px !important;
}
.u-mb-16 {
  margin-bottom: 16px !important;
}
.u-mb-24 {
  margin-bottom: 24px !important;
}
.u-mb-32 {
  margin-bottom: 15px !important;
}
/*.u-mb-40{
  margin-bottom: 40px !important;
}*/
.u-mb-48 {
  margin-bottom: 48px !important;
}
.u-mb-56 {
  margin-bottom: 56px !important;
}
.u-mb-64 {
  margin-bottom: 64px !important;
}

/* Left margin */
.u-ml-0 {
  margin-left: 0 !important;
}
.u-ml-8 {
  margin-left: 8px !important;
}
.u-ml-16 {
  margin-left: 16px !important;
}
.u-ml-24 {
  margin-left: 24px !important;
}
.u-ml-32 {
  margin-left: 32px !important;
}
.u-ml-40 {
  margin-left: 40px !important;
}
.u-ml-48 {
  margin-left: 48px !important;
}
.u-ml-56 {
  margin-left: 56px !important;
}
.u-ml-64 {
  margin-left: 64px !important;
}

/* misc - utility
--------------------------------------------------------- */
.u-ws-nowrap {
  white-space: nowrap;
}
.u-mx-img {
  max-width: 100%;
}
.u-tx-inside {
  margin-left: 1em;
  text-indent: -1em;
}

/* padding - utility
--------------------------------------------------------- */
/* Top padding */
.u-pt-0 {
  margin-top: 0 !important;
}
.u-pt-8 {
  margin-top: 8px !important;
}
.u-pt-16 {
  margin-top: 16px !important;
}
.u-pt-24 {
  margin-top: 24px !important;
}
.u-pt-32 {
  margin-top: 32px !important;
}
.u-pt-40 {
  margin-top: 40px !important;
}
.u-pt-48 {
  margin-top: 48px !important;
}
.u-pt-56 {
  margin-top: 56px !important;
}
.u-pt-64 {
  margin-top: 64px !important;
}

/* Right padding */
.u-pr-0 {
  padding-right: 0 !important;
}
.u-pr-8 {
  padding-right: 8px !important;
}
.u-pr-16 {
  padding-right: 16px !important;
}
.u-pr-24 {
  padding-right: 24px !important;
}
.u-pr-32 {
  padding-right: 32px !important;
}
.u-pr-40 {
  padding-right: 40px !important;
}
.u-pr-48 {
  padding-right: 48px !important;
}
.u-pr-56 {
  padding-right: 56px !important;
}
.u-pr-64 {
  padding-right: 64px !important;
}

/* Bottom padding */
.u-pb-0 {
  padding-bottom: 0 !important;
}
.u-pb-8 {
  padding-bottom: 8px !important;
}
.u-pb-16 {
  padding-bottom: 16px !important;
}
.u-pb-24 {
  padding-bottom: 24px !important;
}
.u-pb-32 {
  padding-bottom: 32px !important;
}
.u-pb-40 {
  padding-bottom: 40px !important;
}
.u-pb-48 {
  padding-bottom: 48px !important;
}
.u-pb-56 {
  padding-bottom: 56px !important;
}
.u-pb-64 {
  padding-bottom: 64px !important;
}

/* Left padding */
.u-pl-0 {
  padding-left: 0 !important;
}
.u-pl-8 {
  padding-left: 8px !important;
}
.u-pl-16 {
  padding-left: 16px !important;
}
.u-pl-24 {
  padding-left: 24px !important;
}
.u-pl-32 {
  padding-left: 32px !important;
}
.u-pl-40 {
  padding-left: 40px !important;
}
.u-pl-48 {
  padding-left: 48px !important;
}
.u-pl-56 {
  padding-left: 56px !important;
}
.u-pl-64 {
  padding-left: 64px !important;
}

/* position - utility
--------------------------------------------------------- */
.u-pos-a {
  position: absolute !important;
}
.u-pos-r {
  position: relative !important;
}

/* text-align - utility
--------------------------------------------------------- */
.u-ta-l {
  text-align: left !important;
}
.u-ta-c {
  text-align: center !important;
}
.u-ta-r {
  text-align: right !important;
}

/* text-decoration - utility
--------------------------------------------------------- */
.u-fw-n {
  font-weight: normal !important;
}
.u-fw-b {
  font-weight: bold !important;
}
.u-td-u {
  text-decoration: underline !important;
}

/* text-truncate - utility
--------------------------------------------------------- */
.u-tt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  /* for IE 8/9 */
}

/* width - utility
--------------------------------------------------------- */
.u-w-auto {
  width: auto !important;
}
.u-maw-full {
  max-width: 100% !important;
}
.u-maw-half {
  max-width: 50% !important;
}
.flex-center {
  justify-content: center;
}
.align-center {
  align-items: center;
}
.text-center {
  text-align: center;
}
.mb-none {
  margin-bottom: 0 !important;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pos-relative {
  position: relative;
}
.wp-block-columns {
  align-items: normal !important;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap !important;
  margin-bottom: 1.75em;
}
.wp-block-column {
  flex-grow: 1;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  flex-basis: 0;
}
/* SPフローティングメニュー */
.floating-sp {
  display: block; /*Moirta 11/23/2021*/
  width: 100%;
  z-index: 100;
  position: fixed;
  bottom: 0;
  transition: all 0.3s ease;
}

.floating-sp__container {
  position: relative;
  display: flex; /*Moirta 11/23/2021*/
  color: white;
  font-weight: bold;
  gap: 10px; /* ボタン間の間隔を調整 */
}

.floating-sp__container .wp-block-columns {
  width: 100%;
}
.floating-sp__container .floating_footer_tel {
  width: 10.8vw;
  margin-right: 2.5vw;
}
.floating-sp__container .floating_footer_line {
  width: 9.8vw;
  margin: 0 3vw;
}
.floating-sp__container .floating_footer_arrow {
  width: 4.4vw;
  margin-left: 4vw;
}
.floating-sp__container .wp-block-columns .wp-block-column:first-child {
  background: linear-gradient(to bottom, #6a6aff, #4040ff);
  border-radius: 8px 8px 0 0; /* 丸みを強調 */
  border: 2px solid rgba(255, 255, 255, 0.3); /* 輪郭を追加 */
  /* 複数のシャドウで立体感を強調 */
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.2),
    inset 0 3px 6px rgba(255, 255, 255, 0.6);
}
.floating-sp__container .wp-block-columns .wp-block-column:last-child {
  background: linear-gradient(to bottom, #37d085, #06c755);
  border-radius: 8px 8px 0 0; /* 丸みを強調 */
  border: 2px solid rgba(255, 255, 255, 0.3); /* 輪郭を追加 */
  /* 複数のシャドウで立体感を強調 */
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.2),
    inset 0 3px 6px rgba(255, 255, 255, 0.6);
}
/* クリック時に少し縮小、インセットシャドウを追加してフィードバックを強調 */
.floating-sp__container .wp-block-columns .wp-block-column:active {
  transform: scale(0.97);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.35),
    inset 0 2px 4px rgba(255, 255, 255, 0.5);
}
.floating-sp__container .wp-block-columns .wp-block-column p {
  font-size: 5vw;
  line-height: 1.2;
  padding: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.floating-sp__container .wp-block-columns .wp-block-column p small {
  font-size: 4vw;
}
.floating-sp__img {
  width: 100%;
  height: auto;
  -webkit-filter: drop-shadow(0 -5px 10px rgba(68, 29, 29, 0.6));
  -moz-filter: drop-shadow(0 -5px 10px rgba(68, 29, 29, 0.6));
  -ms-filter: drop-shadow(0 -5px 10px rgba(68, 29, 29, 0.6));
  filter: drop-shadow(0 -5px 10px rgba(68, 29, 29, 0.6));
}
.floating-sp .floating_footer_line_text {
  font-size: 6.2vw;
  margin-right: 5vw;
}
.floating-sp .floating_footer_line_text small {
  font-size: 4.4vw;
}
.floating-sp__link-phone {
  /*Moirta 11/23/2021*/
  width: 15.6%;
  margin-top: 5.5vw;
  margin-right: 3%;
}

.floating-sp__link-line {
  /*Moirta 11/23/2021*/
  width: 15.6%;
  margin-top: 5.5vw;
}

.floating-sp__drawer {
  box-sizing: border-box;
  position: absolute;
  top: 9.5vw; /*Moirta 11/23/2021*/
  right: 0;
  width: 14vw;
  padding: 2vw 1vw 0;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
  transition: all 0.3s;
  text-align: center;
}

.floating-sp__drawer-link {
  display: block;
  margin-bottom: 5px; /*Morita 11/23/2021*/
  font-size: 9px;
  height: 12vw;
  color: white;
  text-align: center;
  position: relative;
}

.floating-sp__drawer-link span {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  left: 50%;
  width: 100%;
}

.floating-sp__drawer-link:last-of-type {
  margin-top: 1vw;
}

.floating-sp__drawer-link img {
  width: 100%;
  height: auto;
}

.js-drawer-open {
  top: -40vw; /*Morita 11/23/2021*/
}

.js-drawer-link {
  pointer-events: auto;
}

/*Moirta 11/23/2021*/

.floating-pc,
.floating-pc__link-top,
.floating-pc-contact {
  display: none !important;
}

#sp_tel_label {
  width: 28%;
  margin-top: 6vw;
  margin-right: 3%;
}

#sp_line_label {
  width: 18%;
  margin-top: 6vw;
  margin-right: 2%;
}

#sp_drawer_brand {
  background: url(https://tio-frs-8yywuhli.landinghub.site/images/sp-footer-brand.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#sp_drawer_rolex {
  background: url(https://tio-frs-8yywuhli.landinghub.site/images/sp-footer-rolex.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#sp_drawer_gold {
  background: url(https://tio-frs-8yywuhli.landinghub.site/images/sp-footer-gold.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#sp_drawer_diamond {
  background: url(https://tio-frs-8yywuhli.landinghub.site/images/sp-footer-diamond.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#sp_drawer_jewellery {
  background: url(https://tio-frs-8yywuhli.landinghub.site/images/sp-footer-jewellery.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#btn_sp_drawer {
  color: #b60106;
  font-weight: bold;
  letter-spacing: -1px;
  font-size: 11px;
  text-align: center;
}

#btn_sp_drawer:before {
  content: "\f0d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  display: block;
  font-size: 18px;
  text-align: center;
  line-height: 0;
}

.js-drawer-open #btn_sp_drawer:before {
  content: "\f0d7";
}

@media (max-width: 375px) {
  .floating-sp__drawer-link {
    font-size: 7px;
  }
  #btn_sp_drawer {
    font-size: 8px;
  }
  .floating-sp__drawer {
    width: 15vw;
    padding: 2vw 1px 0;
  }
}

/*Morita Work 11/25/2021*/

.section_title {
  margin-bottom: 20px;
  background: black;
  color: white;
  text-align: center;
  font-size: 18px;
  padding: 6px 0;
}

.title-03 {
  color: white;
  text-align: center;
  background: #b50005;
  font-size: 25px;
  padding: 10px 0;
  margin-bottom: 30px;
}

.mnk_motto {
  font-size: 25px;
  margin-bottom: 40px;
}

.mnk_concept_desc {
  font-size: 16px;
  margin-bottom: 40px;
}

.hidden-sm {
  display: none;
}

.logo-desc,
.lp-reasons {
  display: none;
}

.brand_section1 {
  background: #b00005;
  margin-bottom: 5vw;
  padding-bottom: 20px;
}
.free_satei {
  position: relative;
  font-weight: bold;
  padding-bottom: 4vw;
}
.free_satei_title {
  font-size: 6vw;
  text-align: center;
  position: relative;
  width: fit-content;
  margin: 0 auto 3vw;
}
.free_satei_title:before,
.free_satei_title:after {
  background-image: url(https://tio-frs-8yywuhli.landinghub.site/images/pin.png);
  content: "";
  display: block;
  position: absolute;
  width: 5vw;
  height: 7vw;
  background-size: 100% 100%;
  top: 30%;
}
.free_satei_title:before {
  left: -8%;
}
.free_satei_title:after {
  right: -8%;
  transform: rotatez(70deg);
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: end;
}
.free_satei_btn_title {
  font-size: 3vw;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 1vw;
}
.red {
  color: #b10005;
}
.green {
  color: #44ab35;
}
.free_satei i.red {
  margin-left: 18px;
}
.free_satei_contact {
  margin-bottom: 10px;
}
.free_satei_title span {
  font-size: 7vw;
}
.free_line_label {
  font-size: 5vw;
  line-height: 1;
}
.free_line_label span {
  font-size: 8vw;
  margin-right: 2vw;
}
.free_line_time {
  text-align: center;
  font-size: 3.5vw;
  color: black;
  justify-content: center;
}
.free_line_time:before,
.free_line_time:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  display: block;
  line-height: 1em;
  color: #b10005;
  font-size: 4vw;
  margin: 0 5px;
}
.free_satei_addr {
  flex-direction: column;
  align-items: baseline;
}
.free_line_time:before {
  content: "\f0da";
}
.free_line_time:after {
  content: "\f0d9";
}
.free_satei_contact_button {
  color: white;
  border-radius: 3vw;
  padding: 1vw 2vw 2vw;
  box-shadow: 3px 3px 6px 0px #767676;
  min-width: 30vw;
  text-align: center;
  position: relative;
}
.free_satei_btn_red {
  background: #b10005;
}
.free_satei_btn_green {
  background: #44ab35;
}
.free_tel_label {
  font-size: 3vw;
  text-align: center;
  line-height: 1.5;
}
.free_tel_label .gold {
  color: #b10005;
  background: linear-gradient(
    143deg,
    rgba(240, 215, 47, 1) 0%,
    rgba(246, 240, 189, 1) 30%,
    rgba(238, 197, 28, 1) 100%
  );
  padding: 3px 5px;
  border-radius: 18px;
  font-size: 2vw;
}
.free_tel_number {
  font-size: 8vw;
  line-height: 1;
}
.free_tel_time {
  text-align: center;
  font-size: 2.5vw;
}
.free_tel_time.small {
  font-size: 1.7vw;
}
.free_satei_addr i {
  font-size: 60px;
  margin: 0 20px 0 10px;
  color: #b10005;
  display: none;
}
.free_satei .free_btn_tell {
  display: block;
  position: absolute;
  left: 246px;
  top: 147px;
  width: 600px;
  height: 166px;
  border-radius: 30px;
}
.pos-absolute-link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.free_satei_contact_button a {
  border-radius: 28px;
}
.free_satei a:hover {
  opacity: 0.3;
  background: #fff;
}
.free_satei .woman {
  position: absolute;
  bottom: 0;
  right: 5%;
  width: 37%;
}
.sp-large {
  font-size: 5vw;
}
.btn_contact {
  border-radius: 45px;
  line-height: 1;
  position: relative;
  width: 85%;
}
.line-content_inner {
  column-gap: 10px;
  margin-top: 5px;
}
.btn_contact .c-red-round-btn {
  width: 100%;
}
.btn_contact_line {
  background: #44a735;
  color: white;
  font-weight: bold;
  text-align: center;
  box-shadow: 3px 3px 6px 0px #565656;
  position: relative;
  margin-top: 5vw;
}
.btn_contact_line .line-ttl {
  font-size: 10vw;
}
.btn_contact_line .quick-assetment {
  font-size: 6vw;
  margin-bottom: 0;
}
.btn_contact_line .bg-gold {
  color: black;
  background: linear-gradient(
    135deg,
    #efd522 0%,
    #f7f4cc 30%,
    #eec51c 40%,
    #eec51c 100%
  );
  border-radius: 7px;
  margin: 5px auto 0;
  font-size: 2vw;
  width: fit-content;
  padding: 0 15px;
  line-height: 1.2;
}
.btn_contact_line img {
  width: 16vw;
}
.lp-contact3_inner {
  column-gap: 60px;
}
.btn_contact .lp-tel-link-area__phone-number {
  font-size: 8vw;
}
.btn_contact .lp-tel-link-area__phone-number:before {
  width: 9vw;
  height: 7vw;
}
.btn_contact_tel .lp-tel-link-area__reception {
  font-size: 2.2vw;
  font-weight: bold;
  margin-bottom: 0;
}
.point_body_content {
  padding-bottom: 40px;
}
.wp-block-columns.columns-style2 {
  margin-bottom: 0;
}
.lp-contact3 {
  margin-top: 5vw;
}
.section_point
  .point_body.point-jewelery
  .point_body_content
  .point_item_list_ttl {
  color: black;
}
.section_point .point_body .point_body_content .point_item_list_ttl.small {
  letter-spacing: -0.1em;
  font-size: 2.8vw;
}
.contact {
  margin: 0 auto 5vw;
  position: relative;
  background: #f8e9e0;
  padding: 2.5% 9%;
  box-sizing: border-box;
  font-weight: bold;
}
.contact_photo1_wrapper {
  width: 45%;
  position: absolute;
  right: 12%;
}
.contact_line_button_wrapper h2 {
  font-size: 7vw;
  line-height: 1.3;
  margin-bottom: 10px;
}
.contact_line_button_wrapper h2 small {
  font-size: 6vw;
}
.contact_line_button_wrapper h2 .large {
  font-size: 8vw;
}
.contact .contact_line {
  display: block;
  position: absolute;
  left: 88px;
  top: 178px;
  width: 482px;
  height: 138px;
  border-radius: 20px;
}
.contact .free_satei_contact_button {
  padding: 10px 0;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact_type02 .contact_line {
  display: block;
  position: absolute;
  left: 88px;
  top: 182px;
  width: 483px;
  height: 139px;
  border-radius: 20px;
}
.contact_photo1_wrapper p {
  position: absolute;
  font-weight: normal;
  writing-mode: vertical-rl;
  top: -5%;
  left: 25%;
  font-size: 4vw;
  transform: rotateZ(-15deg);
  line-height: 1.2;
}
.contact_photo1_wrapper p:before,
.contact_photo1_wrapper p:after {
  background-image: url(https://tio-frs-8yywuhli.landinghub.site/images/pin.png);
  content: "";
  display: block;
  position: absolute;
  width: 5vw;
  height: 5vw;
  background-size: 100% 100%;
  top: 30%;
  left: -60%;
  transform: rotateZ(20deg);
}
.contact_photo1_wrapper p:after {
  right: -60%;
  transform: rotatez(56deg);
}
.contact .free_tel_label .gold {
  display: block;
  border-radius: 0;
  font-size: 5vw;
  line-height: 1;
  padding: 5px;
  margin-right: 3vw;
}
.contact_type02 .contact_tell {
  display: block;
  position: absolute;
  left: 86px;
  top: 337px;
  width: 957px;
  height: 153px;
  border-radius: 20px;
}
.contact a:hover {
  opacity: 0.3;
  background: #fff;
}
.contact .free_line_label span {
  font-size: 15vw;
}
.contact .free_line_label {
  font-size: 9vw;
}
.contact .free_line_time:before,
.contact .free_line_time:after {
  display: none;
}
.contact_line_wrapper {
  flex-wrap: nowrap !important;
}
.u-mt__30 {
  margin-top: 30px;
}
.nearest_shop_ttl {
  background: black;
  color: white;
  font-size: 6vw;
  font-weight: bold;
  text-align: center;
  padding: 4vw 0;
}
.align-center {
  align-items: center;
}
.ft_btn .lp-contact3_inner {
  flex-direction: column;
}
.ft_btn .c-red-round-btn,
.ft_btn .btn_contact {
  border-radius: 5vw;
  padding: 4vw;
  box-sizing: border-box;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.ft_btn .btn_contact_tel {
  text-align: center;
}
.ft_btn .btn_contact_tel img {
  width: 45px;
  margin-bottom: 10px;
}
.ft_btn .lp-tel-link-area__reception {
  line-height: 1.5;
}
.ft_btn .btn_contact_line {
  padding-top: 0;
}
.ft_btn .btn_contact_line .line-ttl {
  font-size: 12vw;
}
.ft_btn .btn_contact_line .quick-assetment {
  font-size: 6vw;
}
.ft_btn .btn_contact_line .bg-gold {
  font-size: 3vw;
}
.ft_btn .btn_contact_line img {
  width: 25vw;
  margin-bottom: -4vw;
}
.ft_btn .btn_contact_tel .lp-tel-link-area__reception {
  font-size: 3vw;
}
.ft_btn .btn_contact_line .bg-gold {
  padding: 0 1vw;
}
.footer-logo {
  display: flex;
  align-items: center;
  font-size: 5vw;
  justify-content: space-between;
}
.footer-text {
  text-align: center;
  margin-top: 10px;
}
.sp-header-floating {
  top: clamp(50px, 11.6847826087vw, 85px);
  text-align: center;
  font-weight: 700;
  position: fixed;
  width: 100%;
  z-index: 99;
  opacity: 0;
  transition: all 0.3s ease;
}
.sp-header-floating .wp-block-columns {
  background: #a90005b3;
  margin-bottom: 0;
}
.sp-header-floating .wp-block-columns .wp-block-column {
  padding: 5px 0;
}
.sp-header-floating .wp-block-columns .wp-block-column:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 10%;
  right: 0;
  width: 2px;
  height: 80%;
  border-left: 2px solid white;
}
.sp-header-floating .sp-header-floating_ttl {
  color: #a90005;
  background: white;
  margin-bottom: 0;
  line-height: 1.8;
}
.sp-header-floating .p_ttl {
  color: white;
  margin-bottom: 0;
  font-size: 2vw;
  margin-right: 10%;
}
.sp-header-floating .p_img {
  height: 7vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1vw;
}
.sp-header-floating .p_img img {
  width: auto;
  height: auto;
  max-width: 50%;
  max-height: 100%;
  margin-right: 10%;
}
.sp-header-floating .p_img:after {
  background-color: white;
  color: #a90005;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  display: block;
  font-size: 3vw;
  text-align: center;
  line-height: 3vw;
  width: 3vw;
  height: 3vw;
  padding-left: 2px;
}

.footer-banner {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2rem;
}

/* company profile */
.lp-company-profile{
  margin: 20px auto 0;
}
.lp-company-profile__h3 {
    margin: 30px auto auto;
    background-color: #231815;
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    padding: 6px 0;
}

.grad-item {
  position: relative;
  overflow: hidden;
  width: 95%;
  margin: 20px auto
}

.grad-item.is-hide {
  height: 880px
}

.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%)
}

.grad-item.none::before {
  display: none
}

.c-btn.c-btn-arw {
background: url(../images/btn_arw.png) no-repeat 80% 50%;
background-size: 22px;
width: 90%;
background-color: #a91f24
}

.grad-item.grad-item-type02.is-hide {
  height: 1000px;
}

.comTable {
  margin: auto;
  text-align: left;
  font-size: 16px;
  max-width: 962px;
  border-bottom: 1px solid;
}

.comTable th {
  background: #e9e9e9;
}

.comTable td,
.comTable th {
  border: 1px solid;
  padding: 5px 20px;
  width: 100%;
  display: block;
  font-size: 4vw;
  box-sizing: border-box;
  border-bottom: none;
}

.search {
  margin-top: 50px;
}