.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: 32px; } }
.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 .img { max-width: 420px; margin: 0 auto 32px; }
@media only screen and (max-width: 767px) { .con-outline .box-outline .img { width: 82%; margin: 0 auto 24px; } }
.con-outline .box-outline .box-supported_models { text-align: center; }
.con-outline .box-outline .box-supported_models .title { margin-bottom: 8px; }
.con-outline .box-outline .box-supported_models ul { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; gap: 0 8px; }
.con-outline .box-outline .box-supported_models ul li .icon span { display: inline-block; width: 32px; height: 32px; line-height: 35px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #9A9A9A; font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 1.8rem; font-weight: 700; color: #fff; text-transform: uppercase; }
.con-outline .box-outline .box-supported_models ul li .txt { margin-top: 4px; font-size: 1rem; color: #666; line-height: 1; }
.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-outline
----------------------------------------------------------- */
.con-repertoire { background: linear-gradient(0deg, rgba(0, 0, 0, 0) 74.74%, rgba(0, 0, 0, 0.31) 87.26%, rgba(0, 0, 0, 0.6) 99.78%), #2D2D2D; padding-top: 160px; color: #fff; }
@media only screen and (max-width: 767px) { .con-repertoire { padding-top: 120px; } }
.con-repertoire .title-basic { margin-bottom: 40px; }
.con-repertoire .title-basic span.jp { color: #fff; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-repertoire .title-basic span.jp { font-size: 3.3vw; } }
@media print { .con-repertoire .title-basic span.jp { font-size: 3.3vw; } }
.ie8 .con-repertoire .title-basic span.jp { font-size: 3.3vw; }
.con-repertoire .txt-intro { text-align: center; font-size: 1.8rem; font-weight: 400; line-height: 2; margin-bottom: 120px; }
@media only screen and (max-width: 767px) { .con-repertoire .txt-intro { font-size: 1.4rem; width: 89.6%; margin: 0 auto 48px; } }
.con-repertoire .box-repertoire { border-bottom: 1px solid #9A9A9A; }
@media only screen and (min-width: 768px) { .con-repertoire .box-repertoire { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 60px; padding-bottom: 60px; } }
@media print { .con-repertoire .box-repertoire { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 60px; padding-bottom: 60px; } }
.ie8 .con-repertoire .box-repertoire { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 60px; padding-bottom: 60px; }
.con-repertoire .box-repertoire .img { overflow: hidden; width: 50%; height: 920px; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .img { width: 100%; height: auto; aspect-ratio: 4/3; } }
.con-repertoire .box-repertoire .img img { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .img img { object-position: center 10%; } }
.con-repertoire .box-repertoire .box-txt { width: 50%; padding: 15em 80px 48px; position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-repertoire .box-repertoire .box-txt { padding: 15em 40px 16px; } }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt { width: 89.6%; padding: 15em 0 48px; margin: 0 auto; } }
.con-repertoire .box-repertoire .box-txt h3 { gap: 16px; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-end; justify-content: flex-end; position: absolute; top: 40px; right: 40px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-repertoire .box-repertoire .box-txt h3 { top: 24px; right: 24px; } }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt h3 { top: 24px; right: 0px; } }
.con-repertoire .box-repertoire .box-txt h3 span { writing-mode: tb-rl; writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; text-align: left; display: inline-block; }
.con-repertoire .box-repertoire .box-txt h3 span.en { font-size: 1.2rem; line-height: 1.43; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 400; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt h3 span.en { font-size: 1rem; } }
.con-repertoire .box-repertoire .box-txt h3 span.jp { font-size: 6.4rem; font-weight: 500; line-height: 1.1; letter-spacing: 0.1em; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt h3 span.jp { font-size: 4.2rem; } }
.con-repertoire .box-repertoire .box-txt .list-feature { margin-top: auto; }
.con-repertoire .box-repertoire .box-txt .list-feature li { display: -webkit-flex; display: flex; gap: 22px; }
.con-repertoire .box-repertoire .box-txt .list-feature li:not(:first-child) { margin-top: 32px; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt .list-feature li:not(:first-child) { margin-top: 24px; } }
.con-repertoire .box-repertoire .box-txt .list-feature li .num { font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 2.4rem; line-height: 1.43; color: #E1391A; padding-bottom: 0.25em; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt .list-feature li .num { font-size: 1.8rem; } }
.con-repertoire .box-repertoire .box-txt .list-feature li .num span { position: relative; display: inline-block; }
.con-repertoire .box-repertoire .box-txt .list-feature li .num span:after { content: ""; background-color: #E1391A; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; }
.con-repertoire .box-repertoire .box-txt .list-feature li .txt { font-size: 1.8rem; line-height: 1.43; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt .list-feature li .txt { font-size: 1.4rem; } }
.con-repertoire .box-repertoire .box-txt .list-feature li .txt span { font-size: 1.4rem; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt .list-feature li .txt span { font-size: 1.2rem; } }
.con-repertoire .box-repertoire .box-txt .box-example { margin-top: 64px; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt .box-example { margin-top: 40px; } }
.con-repertoire .box-repertoire .box-txt .box-example h4 { margin-bottom: 16px; font-size: 2rem; font-weight: 700; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt .box-example h4 { font-size: 1.6rem; margin-bottom: 8px; } }
.con-repertoire .box-repertoire .box-txt .box-example .list-example { display: -webkit-flex; display: flex; gap: 16px; }
.con-repertoire .box-repertoire .box-txt .box-example .list-example li { max-width: 176px; width: calc(33.333% - 10px); }
.con-repertoire .box-repertoire .box-txt .box-example .list-example li figcaption { font-size: 1.4rem; line-height: 1.43; font-weight: 500; margin-top: 7px; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire .box-txt .box-example .list-example li figcaption { font-size: 1.2rem; } }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire.reito .box-txt { padding-top: 18em; } }
.con-repertoire .box-repertoire.sub { display: -webkit-flex; display: flex; border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire.sub { -webkit-flex-direction: column; flex-direction: column; } }
.con-repertoire .box-repertoire.sub .item-repertoire { width: 33.33333%; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire.sub .item-repertoire { width: 100%; } }
@media only screen and (min-width: 768px) { .con-repertoire .box-repertoire.sub .item-repertoire:not(:first-child) .box-txt { border-left: 1px solid #9A9A9A; } }
@media print { .con-repertoire .box-repertoire.sub .item-repertoire:not(:first-child) .box-txt { border-left: 1px solid #9A9A9A; } }
.ie8 .con-repertoire .box-repertoire.sub .item-repertoire:not(:first-child) .box-txt { border-left: 1px solid #9A9A9A; }
.con-repertoire .box-repertoire.sub .item-repertoire .img-sub { width: 100%; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire.sub .item-repertoire .img-sub { overflow: hidden; aspect-ratio: 4/3; } }
.con-repertoire .box-repertoire.sub .item-repertoire .img-sub img { width: 100%; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire.sub .item-repertoire .img-sub img { object-fit: cover; width: 100%; height: 100%; } }
.con-repertoire .box-repertoire.sub .item-repertoire .box-txt { padding: 24px 24px 80px 32px; width: 100%; height: 453px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-repertoire .box-repertoire.sub .item-repertoire .box-txt { padding: 24px 16px 24px 24px; } }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire.sub .item-repertoire .box-txt { width: 89.6%; height: auto; padding: 24px 0 40px; } }
.con-repertoire .box-repertoire.sub .item-repertoire .box-txt h3 { top: 24px; right: 24px; }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire.sub .item-repertoire .box-txt h3 { position: static; right: 0; } }
.con-repertoire .box-repertoire.sub .item-repertoire .box-txt h3 span.jp { font-size: 5.6rem; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-repertoire .box-repertoire.sub .item-repertoire .box-txt h3 span.jp { font-size: 4.6rem; } }
@media only screen and (max-width: 767px) { .con-repertoire .box-repertoire.sub .item-repertoire .box-txt .list-feature { margin-top: 24px; } }

/* ----------------------------------------------------------- .con-reason
----------------------------------------------------------- */
.con-reason { background-color: #F0F0F0; 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; }
.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) { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.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(6) .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(6) .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(6) .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(6) .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(6) .box-txt h2 .view_middle { display: block; }
.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: 0; } }
@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 h3 { font-size: 2.4rem; font-weight: 500; line-height: 1; padding: 24px 0; }
@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 (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason .box-txt .txt { width: 95%; } }
@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; } }
@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%; } }
.con-reason .box-reason .item-reason.split .box-txt .box-depth { background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; text-align: center; padding: 40px 24px; margin-top: 64px; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.split .box-txt .box-depth { padding: 4vw 2vw; } }
@media print { .con-reason .box-reason .item-reason.split .box-txt .box-depth { padding: 4vw 2vw; } }
.ie8 .con-reason .box-reason .item-reason.split .box-txt .box-depth { padding: 4vw 2vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.split .box-txt .box-depth { padding: 24px 8px; margin-top: 24px; } }
@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.split .box-light { width: 85.6%; margin: 120px auto 0; }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.split .box-light { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; gap: 56px; } }
@media print { .con-reason .box-reason .item-reason.split .box-light { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; gap: 56px; } }
.ie8 .con-reason .box-reason .item-reason.split .box-light { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; gap: 56px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.split .box-light { width: 89.6%; margin-top: 64px; } }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.split .box-light .inner-light { width: 41.9%; order: 2; } }
@media print { .con-reason .box-reason .item-reason.split .box-light .inner-light { width: 41.9%; order: 2; } }
.ie8 .con-reason .box-reason .item-reason.split .box-light .inner-light { width: 41.9%; order: 2; }
.con-reason .box-reason .item-reason.split .box-light .inner-light h3 { font-size: 4.1rem; margin-bottom: 40px; font-weight: 500; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason.split .box-light .inner-light h3 { font-size: 3.2rem; margin-bottom: 16px; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.split .box-light .inner-light h3 { font-size: 2.4rem; margin-bottom: 16px; } }
.con-reason .box-reason .item-reason.split .box-light .inner-light .txt-light { font-size: 1.8rem; line-height: 2; font-weight: 400; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .txt-light { font-size: 1.6rem; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .txt-light { font-size: 1.4rem; } }
.con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light { background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding: 40px; margin-top: 64px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 40px; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light { padding: 2vw; } }
@media print { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light { padding: 2vw; } }
.ie8 .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light { padding: 2vw; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light { padding: 24px; gap: 16px; margin-top: 40px; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light { -webkit-justify-content: center; justify-content: center; padding: 16px; margin-top: 32px; text-align: center; gap: 16px; margin-bottom: 32px; } }
.con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light { font-size: 2.3rem; line-height: 1.43; order: 2; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light { font-size: 1.6rem; } }
@media print { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light { font-size: 1.6rem; } }
.ie8 .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light { font-size: 1.6rem; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light { font-size: 1.6rem; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light { font-size: 1.6rem; } }
.con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light span { color: #E1391A; font-size: 2.8rem; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light span { font-size: 1.9vw; } }
@media print { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light span { font-size: 1.9vw; } }
.ie8 .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light span { font-size: 1.9vw; }
@media only screen and (max-width: 1024px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light span { font-size: 1.8rem; } }
.con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light span em { font-size: 5.2rem; line-height: 1; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light span em { font-size: 3.6vw; } }
@media print { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light span em { font-size: 3.6vw; } }
.ie8 .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light span em { font-size: 3.6vw; }
@media only screen and (max-width: 1024px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .detail-light span em { font-size: 3rem; } }
.con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .illustration { order: 1; }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .illustration { width: 31%; } }
@media print { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .illustration { width: 31%; } }
.ie8 .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .illustration { width: 31%; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.split .box-light .inner-light .frame-light .illustration { width: 30%; } }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.split .box-light .img-light { width: 55.2%; order: 1; } }
@media print { .con-reason .box-reason .item-reason.split .box-light .img-light { width: 55.2%; order: 1; } }
.ie8 .con-reason .box-reason .item-reason.split .box-light .img-light { width: 55.2%; order: 1; }
.con-reason .box-reason .item-reason.center .box-txt { text-align: center; }
.con-reason .box-reason .item-reason.center .box-both { width: 85.6%; margin: 64px auto 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; gap: 0 10px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-both { width: 89.6%; margin-top: 40px; } }
.con-reason .box-reason .item-reason.center .box-both li { width: calc(50% - 5px); }
.con-reason .box-reason .item-reason.center .box-both li dl { text-align: center; margin-top: 32px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-both li dl { margin-top: 24px; } }
.con-reason .box-reason .item-reason.center .box-both li dl dt { position: relative; font-size: 2rem; font-weight: 500; line-height: 1.43; padding-bottom: 11px; margin-bottom: 11px; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-both li dl dt { font-size: 1.38vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-both li dl dt { font-size: 1.38vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-both li dl dt { font-size: 1.38vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-both li dl dt { font-size: 1.4rem; } }
.con-reason .box-reason .item-reason.center .box-both li dl dt:after { content: ""; width: 20px; height: 1px; background-color: #9A9A9A; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.con-reason .box-reason .item-reason.center .box-both li dl dd { font-size: 2.6rem; line-height: 1.43; }
@media only screen and (min-width: 768px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-both li dl dd { font-size: 1.8vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-both li dl dd { font-size: 1.8vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-both li dl dd { font-size: 1.8vw; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-both li dl dd { font-size: 1.6rem; } }
.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: 768px) { .con-reason .box-reason .item-reason.center .box-app { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 64px; } }
@media print { .con-reason .box-reason .item-reason.center .box-app { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 64px; } }
.ie8 .con-reason .box-reason .item-reason.center .box-app { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 64px; }
@media only screen and (min-width: 1025px) { .con-reason .box-reason .item-reason.center .box-app .box-detail { padding-left: 7.2vw; width: 41.9%; } }
@media print { .con-reason .box-reason .item-reason.center .box-app .box-detail { padding-left: 7.2vw; width: 41.9%; } }
.ie8 .con-reason .box-reason .item-reason.center .box-app .box-detail { padding-left: 7.2vw; width: 41.9%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason.center .box-app .box-detail { padding-left: 4vw; width: 50%; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-app .box-detail { width: 89.6%; margin: 0 auto; } }
.con-reason .box-reason .item-reason.center .box-app .box-detail .txt-app { font-size: 1.8rem; font-weight: 400; line-height: 2; margin-bottom: 64px; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-app .box-detail .txt-app { font-size: 1.4rem; margin-bottom: 32px; } }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl { max-width: 500px; }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-title { background-color: #E95107; color: #fff; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 16px 32px; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-title { -webkit-flex-direction: column; flex-direction: column; } }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-title .icon { width: 33.3%; }
@media only screen and (max-width: 1024px) { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-title .icon { width: 25%; } }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-title h3 { width: 66.7%; padding-left: 32px; font-weight: 500; line-height: 1.4; font-size: 2.8rem; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-title h3 { font-size: 1.8vw; padding-left: 2.2vw; } }
@media print { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-title h3 { font-size: 1.8vw; padding-left: 2.2vw; } }
.ie8 .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-title h3 { font-size: 1.8vw; padding-left: 2.2vw; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-title h3 { width: 75%; padding-left: 16px; font-size: 2rem; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-title h3 { font-size: 1.8rem; width: 100%; margin: 16px auto 0; padding-left: 0; text-align: center; } }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl { background-color: #fff; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; padding: 24px 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; text-align: center; }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li { width: 50%; text-align: center; }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li:last-child { border-left: 1px solid #DDD; }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .caption { font-size: 2rem; line-height: 1.5; font-weight: 500; margin-bottom: 8px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .caption { font-size: 1.8rem; } }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .caption { font-size: 1.6rem; } }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .qr { width: 80px; margin: 0 auto 8px; }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .banner { height: 55px; margin: 0 auto; width: 100%; }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .banner a { display: inline-block; text-align: center; margin: 0 auto; }
.con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .banner a img { height: 55px; max-width: none; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .banner a img { height: 40px; } }
@media print { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .banner a img { height: 40px; } }
.ie8 .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .banner a img { height: 40px; }
@media only screen and (max-width: 1024px) { .con-reason .box-reason .item-reason.center .box-app .box-detail .box-dl .inner-detail-dl li .banner a img { height: 40px; } }
@media only screen and (min-width: 768px) { .con-reason .box-reason .item-reason.center .box-app .img-app { width: 47.2%; } }
@media print { .con-reason .box-reason .item-reason.center .box-app .img-app { width: 47.2%; } }
.ie8 .con-reason .box-reason .item-reason.center .box-app .img-app { width: 47.2%; }
@media only screen and (max-width: 767px) { .con-reason .box-reason .item-reason.center .box-app .img-app { margin-top: 64px; } }
@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; } }