.con-specification { margin-left: auto; margin-right: auto; width: calc(100% - 320px); }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-specification { width: calc(100% - 160px); } }
@media print { .con-specification { width: calc(100% - 160px); } }
.ie8 .con-specification { width: calc(100% - 160px); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-specification { width: 92%; } }
@media only screen and (max-width: 767px) { .con-specification { width: 84%; } }

/*Animate */
/* ----------------------------------------------------------- .con-outline
----------------------------------------------------------- */
.con-outline { padding: 0 24px; width: 100%; }
@media only screen and (min-width: 1025px) { .con-outline { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
@media print { .con-outline { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
.ie8 .con-outline { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
@media only screen and (max-width: 1024px) { .con-outline { padding: 0; } }
.con-outline .box-outline { text-align: center; }
@media only screen and (min-width: 1025px) { .con-outline .box-outline { width: 55%; } }
@media print { .con-outline .box-outline { width: 55%; } }
.ie8 .con-outline .box-outline { width: 55%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-outline .box-outline { width: 92%; margin: 0 auto 80px; } }
@media only screen and (max-width: 767px) { .con-outline .box-outline { width: 89.6%; margin: 0 auto 64px; } }
.con-outline .box-outline .logo { width: 48.5%; margin: 0 auto 32px; }
@media only screen and (max-width: 767px) { .con-outline .box-outline .logo { width: 65%; margin-bottom: 24px; } }
.con-outline .box-outline h3 { font-size: 2.4rem; font-weight: 500; margin-bottom: 56px; }
@media only screen and (max-width: 767px) { .con-outline .box-outline h3 { font-size: 1.8rem; margin-bottom: 48px; } }
.con-outline .box-outline h3 .subcatch { display: block; font-size: 1.8rem; margin-bottom: 10px; }
@media only screen and (max-width: 767px) { .con-outline .box-outline h3 .subcatch { font-size: 1.4rem; margin-bottom: 0; } }
.con-outline .box-outline .swiper-lacookgran { width: 100%; max-width: 420px; margin: 0 auto; overflow: hidden; text-align: center; }
.con-outline .box-outline .swiper-lacookgran .swiper-wrapper .swiper-slide { background-color: #fff; }
.con-outline .box-outline .swiper-lacookgran .swiper-wrapper .swiper-slide .txt-caption { margin-top: 8px; line-height: 1; }
.con-outline .box-outline .swiper-lacookgran .swiper-lacookgran-pagination { margin-top: 21px; }
@media only screen and (max-width: 767px) { .con-outline .box-outline .swiper-lacookgran .swiper-lacookgran-pagination { margin-top: 8px; } }
.con-outline .box-outline .swiper-lacookgran .swiper-lacookgran-pagination .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; margin: 0 8px; }
.con-outline .box-outline .swiper-lacookgran .swiper-lacookgran-pagination .swiper-pagination-bullet:nth-child(1) { background-color: #212328; }
.con-outline .box-outline .swiper-lacookgran .swiper-lacookgran-pagination .swiper-pagination-bullet:nth-child(2) { background-color: #765B48; }
.con-outline .box-outline .swiper-lacookgran .swiper-lacookgran-pagination .swiper-pagination-bullet:nth-child(3) { background-color: #973530; }
.con-outline .box-outline .swiper-lacookgran .swiper-lacookgran-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { transform: scale(1.333); }
.con-outline .box-gallery { position: relative; overflow: hidden; width: 100%; }
@media only screen and (min-width: 1025px) { .con-outline .box-gallery { width: 45%; height: 920px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } }
@media print { .con-outline .box-gallery { width: 45%; height: 920px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } }
.ie8 .con-outline .box-gallery { width: 45%; height: 920px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.con-outline .box-gallery .swiper { width: 100%; }
@media only screen and (min-width: 1025px) { .con-outline .box-gallery .swiper { height: 100%; width: calc(50% - 12px); position: absolute !important; }
  .con-outline .box-gallery .swiper.swiper-lacookgran_gallery1 { left: 0; top: 0; }
  .con-outline .box-gallery .swiper.swiper-lacookgran_gallery2 { left: calc(50% + 12px); top: 0; } }
@media print { .con-outline .box-gallery .swiper { height: 100%; width: calc(50% - 12px); position: absolute !important; }
  .con-outline .box-gallery .swiper.swiper-lacookgran_gallery1 { left: 0; top: 0; }
  .con-outline .box-gallery .swiper.swiper-lacookgran_gallery2 { left: calc(50% + 12px); top: 0; } }
.ie8 .con-outline .box-gallery .swiper { height: 100%; width: calc(50% - 12px); position: absolute !important; }
.ie8 .con-outline .box-gallery .swiper.swiper-lacookgran_gallery1 { left: 0; top: 0; }
.ie8 .con-outline .box-gallery .swiper.swiper-lacookgran_gallery2 { left: calc(50% + 12px); top: 0; }
@media only screen and (max-width: 1024px) { .con-outline .box-gallery .swiper.swiper-lacookgran_gallery2 { margin-top: 10px; } }
.con-outline .box-gallery .swiper .swiper-wrapper { transition-timing-function: linear; }
.con-outline .box-gallery .swiper .swiper-wrapper .swiper-slide { aspect-ratio: 4/3; position: relative; overflow: hidden; }
.con-outline .box-gallery .swiper .swiper-wrapper .swiper-slide img { height: 100%; width: 100%; object-fit: cover; }

/* ----------------------------------------------------------- .con-reason
----------------------------------------------------------- */
.con-reason { background-color: #F0F0F0; margin-top: 160px; position: relative; }
@media only screen and (min-width: 1025px) { .con-reason { display: -webkit-flex; display: flex; } }
@media print { .con-reason { display: -webkit-flex; display: flex; } }
.ie8 .con-reason { display: -webkit-flex; display: flex; }
@media only screen and (max-width: 767px) { .con-reason { margin-top: 120px; padding-bottom: 0; } }
.con-reason .box-sidemenu { position: sticky; top: 0; left: 0; width: 0; max-width: 333px; height: 100vh; }
.con-reason .box-sidemenu .button-sidemenu { position: absolute; top: 85vh; right: -40px; z-index: 5; }
@media only screen and (min-width: 1025px) { .con-reason .box-sidemenu .button-sidemenu span { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-reason .box-sidemenu .button-sidemenu span:hover { opacity: 0.6; } }
@media print { .con-reason .box-sidemenu .button-sidemenu span { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-reason .box-sidemenu .button-sidemenu span:hover { opacity: 0.6; } }
.ie8 .con-reason .box-sidemenu .button-sidemenu span { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-reason .box-sidemenu .button-sidemenu span:hover { opacity: 0.6; }
.con-reason .box-sidemenu .button-sidemenu span { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background-color: #fff; width: 40px; height: 40px; -webkit-border-radius: 0 9999px 9999px 0; -moz-border-radius: 0 9999px 9999px 0; -ms-border-radius: 0 9999px 9999px 0; border-radius: 0 9999px 9999px 0; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); cursor: pointer; }
.con-reason .box-sidemenu .button-sidemenu span img { width: 24px; }
@media only screen and (min-width: 1025px) { .con-reason .box-sidemenu .button-sidemenu.active:hover span { background-color: #fff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); } }
@media print { .con-reason .box-sidemenu .button-sidemenu.active:hover span { background-color: #fff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); } }
.ie8 .con-reason .box-sidemenu .button-sidemenu.active:hover span { background-color: #fff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); }
.con-reason .box-sidemenu .button-sidemenu.active span { background: none; box-shadow: none; }
.con-reason .box-sidemenu .button-sidemenu.active span img { transform: scale(-1, 1); }
.con-reason .box-sidemenu .wrap-sidemenu { padding: 104px 16px 104px 32px; border-right: 1px solid rgba(154, 154, 154, 0.5); height: 100%; display: none; }
.con-reason .box-sidemenu .wrap-sidemenu .title { font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; font-weight: 400; line-height: 1.43; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 24px; color: #9A9A9A; }
.con-reason .box-sidemenu .wrap-sidemenu ul li:not(:first-child) { padding-top: 1em; }
.con-reason .box-sidemenu .wrap-sidemenu ul li a { display: inline-block; font-size: 1.5rem; position: relative; }
@media only screen and (min-width: 1025px) { .con-reason .box-sidemenu .wrap-sidemenu ul li a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-reason .box-sidemenu .wrap-sidemenu ul li a:before { content: ""; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #E1391A; position: absolute; top: 0.25em; left: -16px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-reason .box-sidemenu .wrap-sidemenu ul li a:hover { color: #E1391A; }
  .con-reason .box-sidemenu .wrap-sidemenu ul li a:hover:before { opacity: 1; } }
@media print { .con-reason .box-sidemenu .wrap-sidemenu ul li a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-reason .box-sidemenu .wrap-sidemenu ul li a:before { content: ""; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #E1391A; position: absolute; top: 0.25em; left: -16px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-reason .box-sidemenu .wrap-sidemenu ul li a:hover { color: #E1391A; }
  .con-reason .box-sidemenu .wrap-sidemenu ul li a:hover:before { opacity: 1; } }
.ie8 .con-reason .box-sidemenu .wrap-sidemenu ul li a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-reason .box-sidemenu .wrap-sidemenu ul li a:before { content: ""; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #E1391A; position: absolute; top: 0.25em; left: -16px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-reason .box-sidemenu .wrap-sidemenu ul li a:hover { color: #E1391A; }
.ie8 .con-reason .box-sidemenu .wrap-sidemenu ul li a:hover:before { opacity: 1; }
.con-reason .box-reason .item-reason { border-bottom: 1px solid rgba(154, 154, 154, 0.5); padding: 120px 0; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason { padding: 64px 0; } }
.con-reason .box-reason .item-reason:nth-child(2) { padding-bottom: 0; }
.con-reason .box-reason .item-reason:nth-child(4) .box-txt h2, .con-reason .box-reason .item-reason:nth-child(5) .box-txt h2, .con-reason .box-reason .item-reason:nth-child(7) .box-txt h2, .con-reason .box-reason .item-reason:nth-child(8) .box-txt h2, .con-reason .box-reason .item-reason:nth-child(9) .box-txt h2 { white-space: nowrap; }
.con-reason .box-reason .item-reason:nth-child(4) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(5) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(7) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(8) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(9) .box-txt h2 .view_middle { display: none; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason:nth-child(4) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(5) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(7) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(8) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(9) .box-txt h2 .view_middle { display: block; } }
@media print { .con-reason .box-reason .item-reason:nth-child(4) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(5) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(7) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(8) .box-txt h2 .view_middle, .con-reason .box-reason .item-reason:nth-child(9) .box-txt h2 .view_middle { display: block; } }
.ie8 .con-reason .box-reason .item-reason:nth-child(4) .box-txt h2 .view_middle, .ie8 .con-reason .box-reason .item-reason:nth-child(5) .box-txt h2 .view_middle, .ie8 .con-reason .box-reason .item-reason:nth-child(7) .box-txt h2 .view_middle, .ie8 .con-reason .box-reason .item-reason:nth-child(8) .box-txt h2 .view_middle, .ie8 .con-reason .box-reason .item-reason:nth-child(9) .box-txt h2 .view_middle { display: block; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason:nth-child(7) .box-txt h2 { font-size: 3.4rem; } }
.con-reason .box-reason .item-reason:last-child { border-bottom: none; padding-bottom: 160px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason:last-child { padding-bottom: 120px; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt { width: 89.6%; margin: 0 auto; text-align: center; } }
.con-reason .box-reason .item-reason .box-txt .txt-sub { color: #9A9A9A; font-size: 2rem; line-height: 1.43; margin-bottom: 16px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason .box-txt .txt-sub { font-size: 1.5rem; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .txt-sub { font-size: 1.4rem; } }
.con-reason .box-reason .item-reason .box-txt h2 { font-size: 4.8rem; font-weight: 500; line-height: 1.2; margin-bottom: 40px; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt h2 { font-size: 3.35vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt h2 { font-size: 3.35vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt h2 { font-size: 3.35vw; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason .box-txt h2 { font-size: 3.6rem; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt h2 { font-size: 2.6rem; margin-bottom: 24px; } }
.con-reason .box-reason .item-reason .box-txt h2 .only { display: inline-block; background-color: #E1391A; color: #fff; line-height: 1; font-weight: 700; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; border-radius: 9999px; font-size: 1.6rem; padding: 4px 16px; margin: 8px 0; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt h2 .only { font-size: 1.4rem; } }
.con-reason .box-reason .item-reason .box-txt h2 em { color: #E1391A; }
.con-reason .box-reason .item-reason .box-txt h2 .en { font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; }
.con-reason .box-reason .item-reason .box-txt h2 .en span { letter-spacing: -0.25em; }
.con-reason .box-reason .item-reason .box-txt h3 { font-size: 2.4rem; font-weight: 500; line-height: 1.43; padding: 24px 0; }
@media only screen and (min-width: 1025px) { .con-reason .box-reason .item-reason .box-txt h3 { white-space: nowrap; } }
@media print { .con-reason .box-reason .item-reason .box-txt h3 { white-space: nowrap; } }
.ie8 .con-reason .box-reason .item-reason .box-txt h3 { white-space: nowrap; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt h3 { font-size: 1.67vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt h3 { font-size: 1.67vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt h3 { font-size: 1.67vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt h3 { font-size: 1.7rem; padding: 16px 0; } }
.con-reason .box-reason .item-reason .box-txt .txt { font-size: 1.8rem; font-weight: 400; line-height: 2; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .txt { font-size: 1.5rem; } }
.con-reason .box-reason .item-reason .box-txt .button-basic { margin-top: 40px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .button-basic { margin-top: 24px; } }
.con-reason .box-reason .item-reason .box-txt .box-frame { margin-top: 64px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding: 40px 8px 16px; text-align: center; max-width: 500px; }
@media only screen and (max-width: 1024px) { .con-reason .box-reason .item-reason .box-txt .box-frame { margin-top: 40px; padding: 32px 8px 12px; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .box-frame { padding-top: 16px; } }
.con-reason .box-reason .item-reason .box-txt .box-frame h3 { font-size: 2.8rem; font-weight: 500; line-height: 1.3; margin-bottom: 24px; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt .box-frame h3 { font-size: 1.95vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt .box-frame h3 { font-size: 1.95vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt .box-frame h3 { font-size: 1.95vw; }
@media only screen and (max-width: 1024px) { .con-reason .box-reason .item-reason .box-txt .box-frame h3 { font-size: 1.8rem; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .box-frame h3 { margin-bottom: 8px; } }
.con-reason .box-reason .item-reason .box-txt .box-frame .img { width: 67.8%; margin: 0 auto 13px; }
.con-reason .box-reason .item-reason .box-txt .box-frame h4 { font-weight: 500; font-size: 2.6rem; line-height: 0.8; letter-spacing: 0.1em; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt .box-frame h4 { font-size: 1.8vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt .box-frame h4 { font-size: 1.8vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt .box-frame h4 { font-size: 1.8vw; }
@media only screen and (max-width: 1024px) { .con-reason .box-reason .item-reason .box-txt .box-frame h4 { font-size: 1.8rem; } }
.con-reason .box-reason .item-reason .box-txt .box-frame h4 span { color: #E1391A; }
.con-reason .box-reason .item-reason .box-txt .box-frame h4 span em { font-size: 6.2rem; font-weight: 700; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt .box-frame h4 span em { font-size: 4.35vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt .box-frame h4 span em { font-size: 4.35vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt .box-frame h4 span em { font-size: 4.35vw; }
@media only screen and (max-width: 1024px) { .con-reason .box-reason .item-reason .box-txt .box-frame h4 span em { font-size: 3.6rem; } }
.con-reason .box-reason .item-reason .box-txt .box-frame .txt-caution { font-size: 1.3rem; line-height: 1.43; font-weight: 400; margin-top: 12px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason .box-txt .box-frame .txt-caution { font-size: 1.2rem; } }
.con-reason .box-reason .item-reason .box-txt .box-wave { margin-top: 64px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding: 40px 56px 48px; text-align: center; max-width: 500px; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt .box-wave { padding: 1.5vw 3.6vw 3.6vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt .box-wave { padding: 1.5vw 3.6vw 3.6vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt .box-wave { padding: 1.5vw 3.6vw 3.6vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .box-wave { margin-top: 40px; padding: 16px; } }
.con-reason .box-reason .item-reason .box-txt .box-wave h3 { color: #E1391A; font-size: 4.1rem; line-height: 0.8; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 40px; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt .box-wave h3 { font-size: 2.8vw; margin-bottom: 16px; } }
@media print { .con-reason .box-reason .item-reason .box-txt .box-wave h3 { font-size: 2.8vw; margin-bottom: 16px; } }
.ie8 .con-reason .box-reason .item-reason .box-txt .box-wave h3 { font-size: 2.8vw; margin-bottom: 16px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .box-wave h3 { font-size: 2.4rem; margin-bottom: 8px; } }
.con-reason .box-reason .item-reason .box-txt .box-wave h3 em { font-size: 6.7rem; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt .box-wave h3 em { font-size: 4.6vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt .box-wave h3 em { font-size: 4.6vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt .box-wave h3 em { font-size: 4.6vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .box-wave h3 em { font-size: 3.2rem; } }
.con-reason .box-reason .item-reason .box-txt .box-wave h3 span { font-size: 1.8rem; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt .box-wave h3 span { font-size: 1.25vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt .box-wave h3 span { font-size: 1.25vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt .box-wave h3 span { font-size: 1.25vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .box-wave h3 span { font-size: 1.4rem; } }
.con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .img { width: 40%; }
.con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail { width: 51.5%; padding-top: 8px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
.con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .illustration { width: 100%; line-height: 1; }
.con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt { font-size: 2rem; line-height: 0.8; font-weight: 500; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt { font-size: 1.38vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt { font-size: 1.38vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt { font-size: 1.38vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt { font-size: 1.6rem; } }
.con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt .accent { color: #E1391A; }
.con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt .accent em { font-size: 4.6rem; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt .accent em { font-size: 3.19vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt .accent em { font-size: 3.19vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt .accent em { font-size: 3.19vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt .accent em { font-size: 2.4rem; } }
.con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt .caution { font-size: 1.3rem; text-align: right; display: block; margin-top: 12px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt .caution { font-size: 1.1rem; margin-top: 10px; } }
.con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .arrow { margin: 8px auto; width: 50%; }
.con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt-caution { text-align: right; margin-top: auto; font-size: 1.3rem; font-weight: 400; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt-caution { font-size: 0.9vw; } }
@media print { .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt-caution { font-size: 0.9vw; } }
.ie8 .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt-caution { font-size: 0.9vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-txt .box-wave .inner-wave .detail .txt-caution { font-size: 1rem; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-imgs { width: 89.6%; margin: 0 auto; } }
.con-reason .box-reason .item-reason .box-imgs ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; }
.con-reason .box-reason .item-reason .box-imgs ul li { width: calc(50% - 6px); position: relative; }
.con-reason .box-reason .item-reason .box-imgs ul li:first-child { width: 100%; }
.con-reason .box-reason .item-reason .box-imgs ul li .caption { background-color: #2D2D2D; display: inline-block; color: #fff; line-height: 1.43; padding: 0 10px; position: absolute; bottom: 0; left: 0; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason .box-imgs ul li .caption { font-size: 1.4rem; } }
@media print { .con-reason .box-reason .item-reason .box-imgs ul li .caption { font-size: 1.4rem; } }
.ie8 .con-reason .box-reason .item-reason .box-imgs ul li .caption { font-size: 1.4rem; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason .box-imgs ul li .caption { font-size: 1.2rem; } }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.split { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media print { .con-reason .box-reason .item-reason.split { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.ie8 .con-reason .box-reason .item-reason.split { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media only screen and (min-width: 1025px) { .con-reason .box-reason .item-reason.split .box-txt { padding-left: 7.2vw; width: 41.9%; } }
@media print { .con-reason .box-reason .item-reason.split .box-txt { padding-left: 7.2vw; width: 41.9%; } }
.ie8 .con-reason .box-reason .item-reason.split .box-txt { padding-left: 7.2vw; width: 41.9%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason.split .box-txt { padding-left: 4vw; width: 50%; } }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.split .box-imgs { width: 47.2%; } }
@media print { .con-reason .box-reason .item-reason.split .box-imgs { width: 47.2%; } }
.ie8 .con-reason .box-reason .item-reason.split .box-imgs { width: 47.2%; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.split .box-imgs { margin-top: 64px; } }
.con-reason .box-reason .item-reason.split .box-imgs.img2 ul li { width: 100%; }
.con-reason .box-reason .item-reason.center .box-txt { text-align: center; }
.con-reason .box-reason .item-reason.center .box-comparison { padding: 0 7.2vw; margin: 40px auto 64px; }
.con-reason .box-reason .item-reason.center .box-comparison > .img { width: 100%; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-comparison > .img { width: 100vw; margin: 0 calc(50% - 50vw); overflow: hidden; aspect-ratio: 4/2.5; }
  .con-reason .box-reason .item-reason.center .box-comparison > .img img { object-fit: cover; width: 100%; height: 100%; } }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison { width: 100vw; margin: 0 calc(50% - 50vw); } }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li { width: 50%; padding: 3.6vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li:first-child h3 { padding: 0.6em 0; } }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li h3 { text-align: center; font-size: 2.6rem; font-weight: 500; line-height: 1; position: relative; padding-bottom: 40px; margin-bottom: 16px; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li h3 { font-size: 2.2vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li h3 { font-size: 2.2vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li h3 { font-size: 2.2vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li h3 { font-size: 4vw; line-height: 1.43; padding-bottom: 0; margin-bottom: 24px; } }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li h3:before { content: ""; width: 72px; background-color: #DDD; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li h3:before { display: none; } }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li h3 span { font-size: 69.2%; }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail { display: -webkit-flex; display: flex; } }
@media print { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail { display: -webkit-flex; display: flex; } }
.ie8 .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail { display: -webkit-flex; display: flex; }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .img-comparison { width: 34%; } }
@media print { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .img-comparison { width: 34%; } }
.ie8 .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .img-comparison { width: 34%; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .img-comparison { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; gap: 4px; } }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .img-comparison .img:last-child { margin-top: 10px; } }
@media print { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .img-comparison .img:last-child { margin-top: 10px; } }
.ie8 .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .img-comparison .img:last-child { margin-top: 10px; }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail { width: 66%; padding-left: 3.6vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail { width: 66%; padding-left: 3.6vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail { width: 66%; padding-left: 3.6vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail { margin-top: 16px; } }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail h4 { font-size: 3.1rem; font-weight: 500; line-height: 1.3; margin-bottom: 16px; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail h4 { font-size: 2.6vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail h4 { font-size: 2.6vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail h4 { font-size: 2.6vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail h4 { font-size: 1.6rem; text-align: center; margin-bottom: 8px; letter-spacing: -0.05em; } }
@media only screen and (min-width: 1680px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail h4 br { display: none; } }
@media print { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail h4 br { display: none; } }
.ie8 .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail h4 br { display: none; }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail .txt { font-size: 1.8rem; line-height: 1.43; font-weight: 400; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail .txt { font-size: 1.6rem; } }
@media print { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail .txt { font-size: 1.6rem; } }
.ie8 .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail .txt { font-size: 1.6rem; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li .wrap-detail .txt-detail .txt { font-size: 1.4rem; } }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li:nth-child(2) { background-color: #fff; }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li:nth-child(2) h3 { color: #E1391A; }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li:nth-child(2) .wrap-detail .txt-detail h4 { color: #E1391A; }
.con-reason .box-reason .item-reason.center .box-comparison .inner-comparison > li:nth-child(2) .wrap-detail .txt-detail h4 em { background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(225, 57, 26, 0.1) 60%); }
.con-reason .box-reason .item-reason.center .box-final-thoughts { position: relative; background-color: #E1391A; color: #fff; text-align: center; padding: 112px 7.2vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-final-thoughts { padding: 48px 4vw; } }
.con-reason .box-reason .item-reason.center .box-final-thoughts:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 47px 88px 0 88px; border-color: #F0F0F0 transparent transparent transparent; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-final-thoughts:after { border-width: 23px 44px 0 44px; } }
.con-reason .box-reason .item-reason.center .box-final-thoughts h3 { font-weight: 500; font-size: 6.7rem; line-height: 1; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-final-thoughts h3 { font-size: 4.6vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-final-thoughts h3 { font-size: 4.6vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-final-thoughts h3 { font-size: 4.6vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-final-thoughts h3 { font-size: 2.8rem; line-height: 1.2; } }
.con-reason .box-reason .item-reason.center .box-final-thoughts h3 span { display: inline-block; position: relative; }
.con-reason .box-reason .item-reason.center .box-final-thoughts h3 span:before { content: ""; background-color: #fff; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; }
.con-reason .box-reason .item-reason.center .box-final-thoughts h3 em { font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 11.4rem; font-weight: 400; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-final-thoughts h3 em { font-size: 7.9vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-final-thoughts h3 em { font-size: 7.9vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-final-thoughts h3 em { font-size: 7.9vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-final-thoughts h3 em { font-size: 5.2rem; } }
.con-reason .box-reason .item-reason.center .box-final-thoughts .txt-caution { font-size: 1.4rem; line-height: 1.3; opacity: 0.8; margin-top: 24px; text-align: left; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-final-thoughts .txt-caution { font-size: 1rem; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect { padding: 0 7.2vw; margin-top: 40px; }
.con-reason .box-reason .item-reason.center .box-infrared-effect .img { text-align: center; position: relative; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .img { width: 100vw; margin: 0 calc(50% - 50vw); } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .img img { width: 100%; }
.con-reason .box-reason .item-reason.center .box-infrared-effect .img #reason3-arrow { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.con-reason .box-reason .item-reason.center .box-infrared-effect .img.js-inview-in #reason3-arrow .arrow-down, .con-reason .box-reason .item-reason.center .box-infrared-effect .img.js-inview-in #reason3-arrow .arrow-up { animation-delay: 0.6s; animation-duration: 1.4s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.con-reason .box-reason .item-reason.center .box-infrared-effect .img.js-inview-in #reason3-arrow .arrow-down { clip-path: inset(0 0 100% 0); animation-name: slide-down; }
.con-reason .box-reason .item-reason.center .box-infrared-effect .img.js-inview-in #reason3-arrow .arrow-up { clip-path: inset(100% 0 0 0); animation-name: slide-up; }
@keyframes slide-down { from { opacity: 0; clip-path: inset(0 0 100% 0); }
  to { opacity: 1; clip-path: inset(0 0 0 0); } }
@keyframes slide-up { from { opacity: 0; clip-path: inset(100% 0 0 0); }
  to { opacity: 1; clip-path: inset(0 0 0 0); } }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect { margin-top: 56px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } }
@media print { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect { margin-top: 56px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } }
.ie8 .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect { margin-top: 56px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect { margin-top: 32px; } }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail { width: 48.7%; } }
@media print { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail { width: 48.7%; } }
.ie8 .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail { width: 48.7%; }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .txt { font-size: 1.8rem; font-weight: 400; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .txt { font-size: 1.4rem; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .txt span { color: #E1391A; line-height: 1.43; }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .txt span em { font-size: 2.4rem; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .txt span em { font-size: 1.8rem; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .txt-caution { margin-top: 8px; color: #9A9A9A; font-size: 1.4rem; line-height: 2; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .txt-caution { font-size: 1.1rem; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 64px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie { -webkit-flex-direction: column; flex-direction: column; gap: 24px; margin-top: 40px; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie li { width: 32%; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie li { width: 100%; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie li .movie { overflow: hidden; aspect-ratio: 43 / 56; position: relative; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie li .movie { aspect-ratio: 1 / 1.2; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie li .movie video { width: 100%; height: calc(100% - 10px); object-fit: cover; object-position: center 35%; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie li .movie video { object-position: center 40%; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie li:nth-child(2) .movie video { object-position: center 12%; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie li:nth-child(2) .movie video { object-position: center 20%; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie li:nth-child(3) .movie video { object-position: center 55%; }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .inner-detail .box-shortmovie li .caption { font-size: 1.3rem; }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa { width: 44.8%; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding: 32px 40px; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa { padding: 2.7vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa { padding: 2.7vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa { padding: 2.7vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa { width: 100%; margin-top: 32px; padding: 24px; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa .img-futa { text-align: center; width: 89.8%; margin: 0 auto 24px; max-width: 422px; }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl { display: -webkit-flex; display: flex; gap: 24px; } }
@media print { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl { display: -webkit-flex; display: flex; gap: 24px; } }
.ie8 .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl { display: -webkit-flex; display: flex; gap: 24px; }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt { font-size: 2.6rem; font-weight: 500; line-height: 1.2; }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt { width: 53%; } }
@media print { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt { width: 53%; } }
.ie8 .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt { width: 53%; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt { font-size: 1.7vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt { font-size: 1.7vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt { font-size: 1.7vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt { text-align: center; font-size: 1.6rem; margin-bottom: 16px; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt em { color: #E1391A; font-size: 3.6rem; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt em { font-size: 2.5vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt em { font-size: 2.5vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt em { font-size: 2.5vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dt em { font-size: 2.4rem; } }
.con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dd { font-weight: 400; font-size: 1.8rem; width: 46.4%; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dd { font-size: 1.6rem; line-height: 1.5; } }
@media print { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dd { font-size: 1.6rem; line-height: 1.5; } }
.ie8 .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dd { font-size: 1.6rem; line-height: 1.5; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-infrared-effect .wrap-infrared-effect .frame-futa dl dd { font-size: 1.4rem; width: 100%; } }
.con-reason .box-reason .item-reason.center .box-graf { max-width: 1234px; margin: 88px auto 0; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-graf { padding: 0 7.2vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-graf { padding: 0 7.2vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-graf { padding: 0 7.2vw; }
@media only screen and (max-width: 1024px) { .con-reason .box-reason .item-reason.center .box-graf { width: calc(100% - 14.2vw); } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-graf { margin-top: 40px; } }
.con-reason .box-reason .item-reason.center .box-graf h3 { font-size: 3.3rem; font-weight: 500px; line-height: 1; margin-bottom: 24px; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-graf h3 { font-size: 3rem; } }
@media print { .con-reason .box-reason .item-reason.center .box-graf h3 { font-size: 3rem; } }
.ie8 .con-reason .box-reason .item-reason.center .box-graf h3 { font-size: 3rem; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason.center .box-graf h3 { font-size: 2.8rem; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-graf h3 { font-size: 1.8rem; margin-bottom: 16px; } }
.con-reason .box-reason .item-reason.center .box-graf .frame-graf { border: 1px solid #ccc; padding: 1.6vw 5.6vw; text-align: center; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-graf .frame-graf { border: 1px solid #DDD; padding: 10px; } }
.con-reason .box-reason .item-reason.center .box-graf .frame-graf img { width: 100%; }
@media only screen and (min-width: 1441px) { .con-reason .box-reason .item-reason.center .box-graf .frame-graf.first img { width: 90%; } }
@media print { .con-reason .box-reason .item-reason.center .box-graf .frame-graf.first img { width: 90%; } }
.ie8 .con-reason .box-reason .item-reason.center .box-graf .frame-graf.first img { width: 90%; }
.con-reason .box-reason .item-reason.center .box-graf.second .frame-graf { padding: 32px 40px 40px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; gap: 16px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf { -webkit-flex-direction: column; flex-direction: column; padding: 16px; gap: 0; } }
.con-reason .box-reason .item-reason.center .box-graf.second .frame-graf .img { width: 65%; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf .img { width: 100%; } }
.con-reason .box-reason .item-reason.center .box-graf.second .frame-graf .arrow { width: 4%; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf .arrow { width: 8%; transform: rotate(90deg); } }
.con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 { text-align: center; font-size: 3.1rem; font-weight: 500; line-height: 1; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 { font-size: 2.1vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 { font-size: 2.1vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 { font-size: 2.1vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 { font-size: 1.6rem; margin-top: -8px; } }
.con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 span { color: #E1391A; font-size: 4.6rem; line-height: 1; display: block; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 span { font-size: 3.194vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 span { font-size: 3.194vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 span { font-size: 3.194vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 span { display: inline-block; font-size: 2rem; } }
.con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 span em { font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 8.3rem; font-weight: 400; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 span em { font-size: 5.76vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 span em { font-size: 5.76vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 span em { font-size: 5.76vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-graf.second .frame-graf h4 span em { font-size: 3rem; } }
.con-reason .box-reason .item-reason.center .box-imgs { margin-top: 40px; padding: 0 7.2vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-imgs { padding: 0; width: 89.6%; } }
.con-reason .box-reason .item-reason.center .box-imgs ul { gap: 8px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-imgs ul { -webkit-flex-direction: column; flex-direction: column; } }
.con-reason .box-reason .item-reason.center .box-imgs ul li { width: calc(50% - 4px); }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-imgs ul li { width: 100%; } }
.con-reason .box-reason .item-reason.center .box-imgs ul li:first-child { width: calc(50% - 4px); }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-imgs ul li:first-child { width: 100%; } }
@media only screen and (min-width: 1025px) { .con-reason .box-reason.active .item-reason .box-txt h2 { font-size: 4.2rem; } }
@media print { .con-reason .box-reason.active .item-reason .box-txt h2 { font-size: 4.2rem; } }
.ie8 .con-reason .box-reason.active .item-reason .box-txt h2 { font-size: 4.2rem; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason.active .item-reason .box-txt h2 { font-size: 3vw; } }
@media print { .con-reason .box-reason.active .item-reason .box-txt h2 { font-size: 3vw; } }
.ie8 .con-reason .box-reason.active .item-reason .box-txt h2 { font-size: 3vw; }
@media only screen and (min-width: 1025px) { .con-reason .box-reason.active .item-reason:nth-child(2).center .box-comparison .inner-comparison > li .wrap-detail h4 { font-size: 2.6rem; } }
@media print { .con-reason .box-reason.active .item-reason:nth-child(2).center .box-comparison .inner-comparison > li .wrap-detail h4 { font-size: 2.6rem; } }
.ie8 .con-reason .box-reason.active .item-reason:nth-child(2).center .box-comparison .inner-comparison > li .wrap-detail h4 { font-size: 2.6rem; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason.active .item-reason:nth-child(2).center .box-comparison .inner-comparison > li .wrap-detail h4 { font-size: 2.4vw; } }
@media print { .con-reason .box-reason.active .item-reason:nth-child(2).center .box-comparison .inner-comparison > li .wrap-detail h4 { font-size: 2.4vw; } }
.ie8 .con-reason .box-reason.active .item-reason:nth-child(2).center .box-comparison .inner-comparison > li .wrap-detail h4 { font-size: 2.4vw; }

/* ----------------------------------------------------------- .con-specification
----------------------------------------------------------- */
@media only screen and (min-width: 768px) { .con-specification { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 160px; } }
@media print { .con-specification { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 160px; } }
.ie8 .con-specification { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 160px; }
@media only screen and (max-width: 767px) { .con-specification { margin-top: 120px; } }
@media only screen and (min-width: 768px) { .con-specification .title-basic { width: 26%; } }
@media print { .con-specification .title-basic { width: 26%; } }
.ie8 .con-specification .title-basic { width: 26%; }
@media only screen and (max-width: 767px) { .con-specification .title-basic { margin-bottom: 24px; } }
@media only screen and (min-width: 1025px) { .con-specification .box-specification { width: 73.5%; } }
@media print { .con-specification .box-specification { width: 73.5%; } }
.ie8 .con-specification .box-specification { width: 73.5%; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-specification .box-specification { width: 65%; } }
@media print { .con-specification .box-specification { width: 65%; } }
.ie8 .con-specification .box-specification { width: 65%; }
.con-specification .box-specification table { width: 100%; border-top: 1px solid #DDD; }
.con-specification .box-specification table tr th, .con-specification .box-specification table tr td { border-bottom: 1px solid #DDD; padding: 16px 0; }
.con-specification .box-specification table tr th { color: #9A9A9A; font-size: 1.8rem; line-height: 1.43; letter-spacing: 0.1em; font-weight: 500; padding-left: 64px; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-specification .box-specification table tr th { padding-left: 24px; } }
@media print { .con-specification .box-specification table tr th { padding-left: 24px; } }
.ie8 .con-specification .box-specification table tr th { padding-left: 24px; }
@media only screen and (max-width: 767px) { .con-specification .box-specification table tr th { padding-left: 8px; font-size: 1.4rem; } }
.con-specification .box-specification table tr th:nth-child(2) { width: 25%; }
.con-specification .box-specification table tr th span { font-size: 1.6rem; }
@media only screen and (max-width: 767px) { .con-specification .box-specification table tr th span { font-size: 1.3rem; } }
.con-specification .box-specification table tr td { font-size: 1.8rem; font-weight: 500; line-height: 1.43; letter-spacing: 0.1em; }
@media only screen and (max-width: 767px) { .con-specification .box-specification table tr td { font-size: 1.5rem; } }
.con-specification .box-specification table tr td em { font-size: 3.2rem; }
@media only screen and (max-width: 767px) { .con-specification .box-specification table tr td em { font-size: 2rem; } }
.con-specification .box-specification table tr td span { font-size: 1.4rem; }
@media only screen and (max-width: 767px) { .con-specification .box-specification table tr td span { font-size: 1.2rem; } }
.con-specification .box-specification table tr:last-child td { padding-left: 64px; }
@media only screen and (max-width: 767px) { .con-specification .box-specification table tr:last-child td { padding-left: 8px; } }