@charset "UTF-8";
/* SCSS Document */
/* Scss Document */
/* Scss Document */
#spec .spec__display--top, #spec .spec__display--middle { width: 80%; margin-left: auto; margin-right: auto; }
#spec .spec__display--list .spec__catalog > div .ttl { flex: 0 1 30%; width: 30%; max-width: 30%; }
#spec .spec__display--list .spec__catalog > div .data { flex: 0 1 65%; width: 65%; max-width: 65%; line-height: 1.43; }
#spec .spec__display--list .spec__catalog .spec__catalog-note { margin-top: 1.2rem; font-size: 1.4rem; line-height: 1.43; }
#spec .spec__display--middle .spec__display--price { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
#spec .spec__display--middle .spec__display--price .price { margin-left: 1rem; margin-right: 1rem; font-size: 4.3rem; }
@media (min-width: 769px) { #spec .spec__display--middle .spec__display--price .price { font-size: calc( 4.3rem + ( 1vw - 7.69px ) * 1.8425460637 ); } }
@media (min-width: 1366px) { #spec .spec__display--middle .spec__display--price .price { font-size: 5.4rem; } }
#spec .spec__display--middle .spec__display--price .price .tax { display: block; }
#spec .spec__display--middle .spec__display--price .price_note { margin-top: 1rem; font-size: 1rem; text-align: center; }
@media (min-width: 769px) { #spec .spec__display--middle .spec__display--price .price_note { font-size: calc( 1rem + ( 1vw - 7.69px ) * 0.3350083752 ); } }
@media (min-width: 1366px) { #spec .spec__display--middle .spec__display--price .price_note { font-size: 1.2rem; } }
#spec .spec__display--about .about__item--img { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2.3rem; }
#spec .spec__display--about .about__item--img .color__item .color__item-name { margin-bottom: .5rem; font-weight: 900; font-family: 源ノ角ゴシック JP, "source-han-sans-japanese", sans-serif, "Helvetica", Arial, sans-serif; }

#point { margin-bottom: 5rem; }
#point .point__list .point__list-item + .point__list-item { margin-top: 4.5rem; }
#point .point__list .point__list-item .point__list-ttl { margin-bottom: 2rem; font-weight: 900; font-size: 1.8rem; text-align: left; letter-spacing: .1em; line-height: 1.55; }
#point .point__list .point__list-item .point__list-txt { margin-bottom: 2.5rem; font-size: 1.2rem; line-height: 2; }
#point .point__list .point__list-img + .point__list-img { margin-top: 3rem; }
#point .point__list .point__list-img + .point__list-txt { margin-top: 2rem; margin-bottom: 0; }
#point .point__column { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2.3rem; margin-top: 5rem; }
#point .point__column .column__ttl { grid-column: span 2; font-weight: bold; font-size: 1.8rem; }
#point .point__column .point__column-item { display: flex; flex-direction: column; }
#point .point__column .point__column-item .row_3_sp { height: 5.2rem; }
#point .point__column .point__column-item .row_5_sp { height: 6.96em; }
#point .point__column .point__column-item .point__column-ttl { margin-bottom: 1.5rem; font-weight: bold; font-size: 1.3rem; line-height: 1.4; text-align: center; }
#point .point__column .point__column-item .point__column-img { margin-bottom: .5rem; }
#point .point__column .point__column-item .sec__txt { flex-grow: 1; font-size: 1.2rem; line-height: 1.5; }
#point .point__column .point__column-item .sec__txt span { display: block; color: #D1073D; }
#point .point__accordion { margin-top: 4rem; }
#point .point__accordion .point__accordion-ttl { background: #D1073D; color: #FFF; padding: 1.5rem 4.5rem 1.5rem 1.5rem; box-sizing: border-box; position: relative; text-align: left; line-height: 1.54; }
#point .point__accordion .point__accordion-ttl::before, #point .point__accordion .point__accordion-ttl::after { position: absolute; top: 50%; right: 2rem; transform: translate(50%, -50%); width: 2rem; height: .1rem; background: #FFF; transition: .3s; content: ''; }
#point .point__accordion .point__accordion-ttl::after { transform: translate(50%, -50%) rotate(90deg); }
#point .point__accordion .point__accordion-ttl.active::after { transform: translate(50%, -50%) rotate(0deg); }
#point .point__accordion .point__accordion-cont { display: none; border: #FFF solid 1px; padding: 1.5rem; box-sizing: border-box; }
#point .point__accordion .point__accordion-cont .point__accordion-img { display: block; margin-top: 2rem; }

#recomend { margin-bottom: 5rem; }
#recomend .recomend__wrap { margin-bottom: 3.5rem; }
#recomend .recomend__wrap .recomend__img { display: block; margin-bottom: 1.5rem; }
#recomend .recomend__wrap .recomend__cont .price { margin-bottom: 1rem; }
#recomend .recomend__wrap .recomend__cont .price .price__ttl { margin-bottom: 1rem; font-size: 1.6rem; letter-spacing: .1em; }
#recomend .recomend__wrap .recomend__cont .price .price__num { text-align: right; font-size: 1.2rem; }
#recomend .recomend__wrap .recomend__cont .price .price__num .l_txt { font-size: 1.6rem; letter-spacing: .1em; }
#recomend .recomend__wrap .recomend__cont .recomend__note { margin-bottom: 1.5rem; font-size: 1.2rem; line-height: 1.8; }
#recomend .recomend__wrap .recomend__cont .recomend__txt { font-size: 1.1rem; line-height: 2; }
#recomend .recomend__wrap .recomend__cont .btn { width: 80%; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #spec .spec__display--top, #spec .spec__display--middle { width: 100%; }
  #spec .spec__display--top .as_start { align-self: flex-start; }
  #spec .spec__display--top .spec__display--img .main-img { width: 65%; margin: 0 auto; }
  #spec .spec__display--middle { margin-bottom: 5rem; }
  #spec .spec__display--middle .spec__display--price .price_set, #spec .spec__display--middle .spec__display--price .price { flex: 0 1 auto; width: auto; margin-left: 1.5rem; margin-right: 1.5rem; }
  #spec .spec__display--middle .spec__display--price .price_set .tax, #spec .spec__display--middle .spec__display--price .price .tax { text-align: center; }
  #spec .spec__display--middle .spec__display--price .price_note { margin-top: 1.5rem; }
  #spec .spec__display--about .about__item--img { grid-template-columns: 1fr 1fr 1fr; grid-gap: 4rem 6rem; }
  #spec .spec__display--about .about__item--img .color__item .color__item-name { margin-bottom: .5rem; font-size: 1.5rem; }
  #point { margin-bottom: 7rem; }
  #point .point__list .point__list-item .point__list-ttl { font-size: 2rem; }
  #point .point__list .point__list-item .point__list-txt { margin-bottom: 3rem; font-size: 1.4rem; line-height: 1.7; }
  #point .point__list .point__list-img + .point__list-img { margin-top: 2rem; }
  #point .point__column { grid-template-columns: 1fr 1fr 1fr; grid-gap: 3rem 6rem; margin-top: 5rem; }
  #point .point__column.col_02 { grid-template-columns: 1fr 1fr; }
  #point .point__column .column__ttl { grid-column: span 3; font-size: 2rem; }
  #point .point__column .point__column-item .row_3_sp, #point .point__column .point__column-item .row_5_sp { height: auto; }
  #point .point__column .point__column-item .row_3_pc { height: 4.8em; }
  #point .point__column .point__column-item .point__column-ttl { font-weight: bold; font-size: 1.5rem; line-height: 1.6; }
  #point .point__column .point__column-item .point__column-img { margin-bottom: 1rem; }
  #point .point__column .point__column-item .sec__txt { font-size: 1.3rem; line-height: 1.7; }
  #point .point__accordion { margin-top: 4rem; }
  #point .point__accordion .point__accordion-ttl { padding: 1.8rem 4.5rem 1.8rem 3rem; }
  #point .point__accordion .point__accordion-ttl::before, #point .point__accordion .point__accordion-ttl::after { right: 2.5rem; width: 2.5rem; }
  #point .point__accordion .point__accordion-cont { padding: 2.5rem 3rem 3rem; }
  #point .point__accordion .point__accordion-cont .point__accordion-img { display: block; margin-top: 2rem; }
  #recomend { margin-bottom: 8rem; }
  #recomend .recomend__wrap { display: grid; grid-template-columns: 49.5% 46.4%; justify-content: space-between; margin-bottom: 4rem; }
  #recomend .recomend__wrap .recomend__img { margin-bottom: 0; }
  #recomend .recomend__wrap .recomend__cont .price { margin-bottom: 1.5rem; }
  #recomend .recomend__wrap .recomend__cont .price .price__ttl { margin-bottom: 1rem; font-size: 2rem; }
  #recomend .recomend__wrap .recomend__cont .price .price__num .l_txt { font-size: 2rem; letter-spacing: .1em; }
  #recomend .recomend__wrap .recomend__cont .recomend__note { margin-bottom: 1.5rem; font-size: 1.4rem; }
  #recomend .recomend__wrap .recomend__cont .recomend__txt { margin-bottom: 3.5rem; font-size: 1.3rem; }
  #recomend .recomend__wrap .recomend__cont .btn { width: 100%; margin-right: 0; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1366px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */