@charset "utf-8";

/*cssのリセット*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,
summary,time,mark,audio,video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
}
 
body {
  line-height: 1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}
 
nav ul {
  list-style: none;
}
 
blockquote,
q {
  quotes: none;
}
 
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
 
a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}
 
ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}
 
mark {
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: #ff9;
}
 
del {
  text-decoration: line-through;
}
 
abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
 
table {
  border-spacing: 0;
  border-collapse: collapse;
}
 
hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

/*サイト全体の基準となるCSSを記述*/
html {
  font-size: 16px;
}
 
body {
  /*フォントの指定*/
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /*行間の指定*/
  line-height: 1.4;
  margin: 0;
  padding: 0;
  /*サイトのデフォルトとなる文字の色を指定*/
  color: #333;
}
 
/*見出しを全て太字で表示 + 文字色を黒に*/
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #000;
}
 
img {
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
}



.header{padding:0!important;}

/*!
 main.scss(1.0.0)
 */
/*!
 settings.scss(1.0.0)
 */
/* ▼ 特定箇所の色設定 */
/*ブレークポイント max-width version[Add leehnyn]*/
/********************************************
 // ↓ settings.scss
 ********************************************/
/*clearfix*/
.clearfix {
  width: 100%;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
figure.no_image {
  position: relative;
  height: 180px;
}
@media screen and (max-width: 767px) {
  figure.no_image {
    height: 130px;
  }
}
.no_thumb {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  background: #ff8a00;
  background: linear-gradient(left, #222 0%, #333 100%);
}
/*NOTE Import another Scss*/
/*セッティング*/
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ header.scss
 ********************************************/
.header {
  width: 100%;
  height: 65px;
  padding: 15px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  z-index: 2;
}
@media (min-width: 320px) {
  .header {
    position: fixed;
    top: 0;
    transition: 0.2s;
  }
}
@media (min-width: 768px) {
  .header {
    height: auto;
    padding: 0;
    position: relative;
  }
}
@media (min-width: 320px) {
  .header__description {
    display: none;
  }
}
@media (min-width: 768px) {
  .header__description {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    background-color: #f7f7f7;
    display: block;
  }
}
.header__wrap {
  position: relative;
}
@media (min-width: 768px) {
  .header__wrap {
    padding: 0 3%;
    box-sizing: content-box;
    position: relative;
  }
}
@media (min-width: 1025px) {
  .header__wrap {
    width: 1024px;
    margin: 0 auto;
    padding: 0;
  }
}
.header__strong {
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
}
@media (min-width: 1025px) {
  .header__strong {
    width: 510px;
  }
}
.header__bundle {
  display: flex;
  position: absolute;
  top: -10px;
  right: 0;
}
.header__bundle > a:first-child {
  border-bottom-left-radius: 10px;
}
.header__bundle > a {
  border-right: 1px solid #fff;
}
.header__bundle > a:last-child {
  border-bottom-right-radius: 10px;
  border-right: none;
}
.header__info {
  display: none;
}
@media (min-width: 1025px) {
  .header__info {
    height: 80px;
    padding: 15px 30px;
    display: block;
    background: #ff8a00;
    box-sizing: border-box;
    z-index: 1;
  }
}
.header__info--tel {
  width: 100%;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0;
  color: #fff;
  display: block;
  line-height: 1em;
  text-align: center;
  margin: 0 0 10px;
}
.header__info--tel::before {
  content: "\f098";
  margin: 0 5px 0 0;
}
.header__info--hours {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1em;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__info--close {
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0 0 0 5px;
}
.header__cta {
  display: none;
}
@media (min-width: 1025px) {
  .header__cta {
    height: 80px;
    padding: 15px 30px;
    background: #ff8a00;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
  }
}
.header__cta > i {
  font-size: 3rem;
  color: #fff;
  position: absolute;
  top: 10px;
  left: calc(50% - 1.5rem);
}
.header__cta--span {
  font-size: 1.3rem;
  line-height: 1em;
  color: #fff;
  position: relative;
  top: 18px;
}
@media (min-width: 768px) {
  .header__layout {
    height: 140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.header__sp-menu {
  width: 25px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  transition: all 0.5s;
  box-sizing: border-box;
  position: absolute;
  top: 6px;
  right: 0;
}
@media (min-width: 768px) {
  .header__sp-menu {
    display: none;
  }
}
.header__sp-menu span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ff8a00;
  border-radius: 1px;
  display: inline-block;
  transition: all 0.5s;
  box-sizing: border-box;
}
.header__sp-menu span:nth-of-type(1) {
  top: 0;
}
.header__sp-menu span:nth-of-type(2) {
  top: 9px;
}
.header__sp-menu span:nth-of-type(3) {
  bottom: 0;
}
.header__menu {
  display: none;
}
@media (min-width: 768px) {
  .header__menu {
    display: block;
  }
}
.header__menu-list {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .header__menu-item {
    margin: 0 20px 0 0;
  }
}
@media (min-width: 1025px) {
  .header__menu-item {
    margin: 0 50px 0 0;
  }
}
.header__menu-item:last-child {
  margin: 0;
}
.header__menu-link {
  display: block;
}
.header__menu-sub {
  font-size: 1rem;
  letter-spacing: 0.175em;
  font-weight: 600;
  color: orange;
  margin: 0 0 5px;
  display: block;
}
.header__menu-ttl {
  font-size: 1.5rem;
  letter-spacing: 0.175em;
  font-weight: 600;
  color: #222;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ footer.scss
 ********************************************/
.sp-footer {
  margin-bottom: 100px;
}
@media (min-width: 768px) {
  .sp-footer {
    display: none;
  }
}
.pc-footer {
  display: none;
}
@media (min-width: 768px) {
  .pc-footer {
    border-top: 2px solid #222;
    display: block;
  }
}
.footer img {
  max-width: initial;
}
@media (min-width: 768px) {
  .footer {
    margin: 130px 0 0;
  }
}
.recommend-banner__slider--list {
  position: relative;
}
.recommend-banner__slider--list .prevbtn {
  width: 30px;
  height: 30px;
  border-radius: 25px;
  top: calc(50% - 15px);
  left: 15px;
}
.recommend-banner__slider--list .prevbtn::before {
  width: 5px;
  height: 8px;
  top: calc(50% - 4px);
  left: calc(50% - 3px);
}
.recommend-banner__slider--list .nextbtn {
  width: 30px;
  height: 30px;
  border-radius: 25px;
  top: calc(50% - 15px);
  right: 15px;
}
.recommend-banner__slider--list .nextbtn::before {
  width: 5px;
  height: 8px;
  top: calc(50% - 4px);
  right: calc(50% - 3px);
}
.recommend-banner__slider--img {
  width: 270px;
  height: 150px;
  object-fit: cover;
  margin: 0 auto;
}
.sp-footer-menu {
  margin-top: 80px;
}
.sp-footer-menu__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #f7f7f7;
}
.sp-footer-menu__item {
  width: 50%;
  border-right: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
  box-sizing: border-box;
}
.sp-footer-menu__item--link {
  width: 100%;
  padding: 20px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #353535;
  display: block;
  box-sizing: border-box;
}
.sp-footer-menu__item--open {
  position: relative;
  display: flex;
  align-items: center;
}
.sp-footer-menu__item--open::after {
  transition: all 0.25s ease;
  content: "";
  position: absolute;
  right: 20px;
  width: 8px;
  top: 13px;
  height: 13px;
  background-image: url("../../../../toilet_cmn/images/arrow_menu.svg");
  background-size: cover;
  display: block;
}
.sp-footer-menu__item .opened {
  border-bottom: 1px solid #f7f7f7;
}
.sp-footer-menu__item .opened::after {
  transition: all 0.25s ease;
  content: "";
  transform: rotate(90deg);
}
.sp-footer-menu--accordion {
  width: 100%;
}
.sp-footer-menu--accordion .sp-ffooter-menu__item {
  display: none;
}
.sp-footer-menu--accordion .sp-footer-menu__item {
  width: 100%;
}
.sp-footer-menu--accordion .sp-footer-menu__item:last-child {
  border-bottom: none;
}
.sp-areamap__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sp-areamap__thumb {
  margin-right: 20px;
}
.sp-areamap__thumb img {
  width: 140px;
}
.sp-areamap__txt {
  font-size: 1.2rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
}
.sp-areamap__txt--bold {
  font-size: 1.5rem;
  font-weight: bold;
  color: #222;
}
.page-top {
  width: 180px;
  height: 45px;
  margin: 80px auto 0;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  line-height: 45px;
  color: #fff;
  border-radius: 5px;
  background-color: #ff8a00;
  display: block;
  position: relative;
}
@media (min-width: 768px) {
  .page-top {
    width: 250px;
    height: 50px;
    margin: 0;
    line-height: 50px;
    border-radius: 5px 5px 0 0;
    position: absolute;
    top: -50px;
    right: 3%;
  }
}
@media (min-width: 1025px) {
  .page-top {
    right: 0;
  }
}
.page-top::after {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("../../../../toilet_cmn/images/arrow_top.svg");
  background-size: cover;
  position: absolute;
  top: calc(50% - 7.5px);
  right: 10px;
  display: block;
}
.pc-footer__banner {
  margin: 0 0 50px;
}
@media (min-width: 768px) {
  .pc-footer__banner {
    margin: 0 0 30px;
  }
}
@media (min-width: 768px) {
  .pc-footer__banner-item {
    width: 23%;
    height: auto;
    margin: 0;
  }
}
.pc-footer__banner-item--link {
  padding: 0 10px;
  display: block;
}
.pc-footer__banner-item--link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pc-footer__wrap {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .pc-footer__wrap {
    padding: 0 3%;
  }
}
@media (min-width: 1025px) {
  .pc-footer__wrap {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .pc-footer__areamap {
    width: 50%;
  }
}
@media (min-width: 1025px) {
  .pc-footer__areamap {
    width: 610px;
  }
}
.pc-footer__areamap-section {
  width: 300px;
  display: block;
}
.pc-footer__areamap-section--h3 {
  width: 100%;
  height: 50px;
  margin: 0 0 20px;
  padding: 15px 0;
  font-size: 1.6rem;
  font-weight: 600;
  color: #222;
  border: 2px solid #222;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.pc-footer__areamap-txt {
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
}
@media (min-width: 768px) {
  .pc-footer__areamap-txt {
    font-size: 1.3rem;
  }
}
@media (min-width: 1025px) {
  .pc-footer__areamap-txt {
    font-size: 1.6rem;
  }
}
.pc-footer__areamap-txt--bold {
  font-weight: bold;
  color: #222;
}
@media (min-width: 768px) {
  .pc-footer__contact {
    width: 49%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pc-footer__contact {
    width: 353px;
  }
}
@media (min-width: 1025px) {
  .pc-footer__contact {
    width: 370px;
  }
}
.pc-footer__contact--head span {
  width: 100%;
  height: 50px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.175em;
  line-height: 45px;
  text-align: center;
  color: #222;
  border: 2px solid #222;
  border-radius: 3px;
  display: block;
  box-sizing: border-box;
}
.pc-footer__contact--head {
  margin: 0 0 10px;
}
.pc-footer__contact-wrap {
  display: flex;
  flex-wrap: wrap;
}
.pc-footer__contact-tel {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}
.pc-footer__contact-tel--ttl {
  width: 130px;
  height: 100%;
  margin: 0 10px 0 0;
  padding: 0 20px;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.125em;
  line-height: 1.75em;
  color: #fff;
  border-radius: 3px;
  background-color: #ff8a00;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.pc-footer__contact-tel--num {
  margin: 0 0 10px;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  display: block;
}
.pc-footer__contact-tel--num::before {
  content: "\f87b";
  margin: 0 5px 0 0;
}
.pc-footer__contact-tel--hours {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0 0 3px;
}
.pc-footer__contact-tel--close {
  font-size: 1.2rem;
}
.pc-footer__contact-tel--hours, .pc-footer__contact-tel--close {
  color: #fff;
  letter-spacing: 0;
  display: block;
  text-align: center;
}
.pc-footer__contact--link {
  width: calc(100% - 140px);
  padding: 10px;
  box-sizing: border-box;
  border-radius: 3px;
  background: #ff8a00;
  display: block;
}
.pc-footer__contact-form {
  width: 100%;
  display: flex;
  align-items: center;
}
.pc-footer__contact-form--ttl {
  width: 130px;
  height: 100%;
  margin: 0 10px 0 0;
  padding: 0 20px;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.125em;
  line-height: 1.75em;
  color: #fff;
  border-radius: 3px;
  background-color: #ff8a00;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.pc-footer__contact-form-list {
  width: calc(100% - 140px);
  display: block;
}
.pc-footer__contact-form-item {
  width: 100%;
}
.pc-footer__contact-form-item:last-child .pc-footer__contact-form-item--link {
  margin: 0;
}
.pc-footer__contact-form-item--link {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 15px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff8a00;
  border-radius: 3px;
  box-sizing: border-box;
}
.pc-footer__contact-form-item--span {
  font-size: 1.3rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.pc-footer__contact-form-item--cons::before {
  content: "\f0e0";
  font-size: 1.6rem;
  color: #fff;
  margin: 0 5px 0 0;
}
.pc-footer__contact-form-item--doc::before {
  content: "\f249";
  font-size: 1.6rem;
  color: #fff;
  margin: 0 5px 0 0;
}
@media (min-width: 768px) {
  .pc-footer-menu {
    margin: 30px 0 0 0;
    padding: 0 3%;
    display: block;
  }
}
@media (min-width: 1025px) {
  .pc-footer-menu {
    margin: 80px 0 0 0;
    padding: 0;
    display: flex;
  }
}
.pc-footer-menu__head {
  width: 100%;
  border-bottom: 1px solid #222;
  position: absolute;
  top: -30px;
  left: 0;
}
@media (min-width: 768px) {
  .pc-footer-menu__head {
    padding-bottom: 5px;
  }
}
@media (min-width: 1025px) {
  .pc-footer-menu__head {
    padding-bottom: 10px;
  }
}
.pc-footer-menu__head span {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #222;
}
.pc-footer-menu__wrap {
  position: relative;
}
@media (min-width: 768px) {
  .pc-footer-menu__wrap--left {
    width: 100%;
    margin: 0 0 70px;
  }
}
@media (min-width: 1025px) {
  .pc-footer-menu__wrap--left {
    width: 50%;
    margin: 0 3% 0 0;
  }
}
.pc-footer-menu__wrap--center {
  position: relative;
}
@media (min-width: 768px) {
  .pc-footer-menu__wrap--center {
    width: 100%;
    margin: 0 0 80px;
  }
}
@media (min-width: 1025px) {
  .pc-footer-menu__wrap--center {
    width: 47%;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .pc-footer-menu__wrap--center .pc-footer-menu__item:last-child {
    width: 33%;
  }
}
@media (min-width: 1025px) {
  .pc-footer-menu__wrap--center .pc-footer-menu__item:last-child {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .pc-footer-menu__wrap--right {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .pc-footer-menu__wrap--right {
    width: 27%;
  }
}
@media (min-width: 768px) {
  .pc-footer-menu__wrap--right .pc-footer-menu__item {
    width: 33%;
  }
}
@media (min-width: 1025px) {
  .pc-footer-menu__wrap--right .pc-footer-menu__item {
    width: 100%;
  }
}
.pc-footer-menu__list {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .pc-footer-menu__item {
    width: 33%;
  }
}
@media (min-width: 1025px) {
  .pc-footer-menu__item {
    width: 50%;
  }
}
.pc-footer-menu__item--link {
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #333;
  padding: 5px 0;
  display: block;
}
@media (min-width: 768px) {
  .pc-footer-menu__item--link {
    font-size: 1.5rem;
  }
}
@media (min-width: 1025px) {
  .pc-footer-menu__item--link {
    font-size: 1.2rem;
  }
}
.pc-footer-menu__item--link::before {
  content: "・";
}
.pc-footer-end {
  width: 100%;
  margin: 30px 0;
  text-align: center;
}
.pc-footer__logo {
  margin: 0 0 30px;
  display: inline-block;
}
.pc-footer__logo--img {
  width: 200px;
}
.copyright {
  font-size: 1.2rem;
  letter-spacing: 0.125em;
  color: #353535;
  display: block;
}
.pc-footer-wrapper {
  position: relative;
}
@media (min-width: 768px) {
  .pc-footer-wrapper {
    width: 100%;
    padding: 50px 0 0;
    box-sizing: border-box;
  }
}
@media (min-width: 1025px) {
  .pc-footer-wrapper {
    width: 1024px;
    margin: 0 auto;
    padding: 50px 0 0;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/ 
 v2.0 | 20110126
 License: none (public domain)
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ global.scss
 ********************************************/
/******************************
 initialize
 ******************************/
body {
  min-width: 100%;
  background: #fff;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  text-decoration: none;
}
input[type="tel"], input[type="email"], input[type="text"], input[type="submit"], button, textarea {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder {
  color: transparent;
}
::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/******************************
 common
 ******************************/
.container {
  padding: 0 3%;
  box-sizing: border-box;
}
@media (min-width: 1025px) {
  .container {
    padding: 0;
  }
}
a {
  transition: opacity 0.3s ease;
}
a:hover {
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
/******************************
 font
 ******************************/
html {
  font-size: 62.5% !important;
  font-weight: 400;
  letter-spacing: 0.175em;
  font-family: 'Noto Sans JP', sans-serif, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, "Font Awesome 5 Free", sans-serif;
}
/******************************
 CTA
 ******************************/
.cta {
  width: 94%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: fixed;
  bottom: 10px;
  left: 3%;
  z-index: 11;
}
@media (min-width: 768px) {
  .cta {
    display: none;
  }
}
.cta__link {
  width: 50%;
  height: 45px;
  margin: 0 4% 0 0;
  padding: 0 8px;
  border-radius: calc(45px / 2);
  border: 2px solid #eee;
  background-color: #fff;
  display: flex;
  align-items: center;
}
.cta__link--contact {
  font-size: 1.4rem;
  font-weight: 600;
  color: #222;
  display: flex;
  align-items: center;
}
.cta__link--contact::before {
  content: "";
  width: 30px;
  height: 30px;
  margin: 0 5px 0 0;
  background-image: url("../../../../toilet_cmn/images/contact_icon.svg");
  display: block;
}
.cta__link--tel {
  font-size: 1.4rem;
  font-weight: 600;
  color: #222;
  display: flex;
  align-items: center;
}
.cta__link--tel::before {
  content: "";
  width: 30px;
  height: 30px;
  margin: 0 15px 0 0;
  background-image: url("../../../../toilet_cmn/images/contact_tel.svg");
  display: block;
}
.cta__link:last-child {
  margin: 0;
}
@media screen and (min-width: 320px) and (max-width: 320px) {
  .cta .cta__link--contact, .cta .cta__link--tel {
    font-size: 1rem;
  }
}
.ctaPt2 {
  width: 94%;
  margin: 0 3%;
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
  background: #ff8a00;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  z-index: 10;
}
@media (min-width: 768px) {
  .ctaPt2 {
    display: none;
  }
}
.ctaPt2__btn::after {
  content: "\f078";
  font-size: 1.4rem;
  font-weight: 600;
  display: block;
  transition: all 0.2s ease-in;
  position: absolute;
  right: 5%;
  top: calc(50% - 6px);
}
.ctaPt2__opened::after {
  transform: rotate(180deg);
}
.ctaPt2__heading {
  padding: 15px 0;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  display: block;
  position: relative;
}
.ctaPt2__heading > i {
  margin: 0 5px 0 0;
  font-size: 1.5rem;
  position: relative;
  top: 1px;
}
.ctaPt2__wrap {
  padding: 0 3% 5%;
  box-sizing: border-box;
  display: none;
}
.ctaPt2__layout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.ctaPt2__layout::after {
  content: "";
  width: 48%;
  display: block;
}
.ctaPt2__inquiry, .ctaPt2__request {
  width: 48%;
  height: 50px;
  font-size: 1.4rem;
  line-height: 1.25em;
  color: #222;
  background: #fff;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ctaPt2__store {
  width: 48%;
}
.ctaPt2__store--heading {
  padding: 10px 0;
  background: #fff;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ctaPt2__store--name, .ctaPt2__store--tel {
  width: 100%;
  text-align: center;
  display: block;
}
.ctaPt2__store--name {
  margin: 0 0 5px;
  font-size: 1.4rem;
  color: #222;
}
.ctaPt2__store--tel {
  font-size: 1.2rem;
  color: #aaa;
}
.ctaPt2__store--info {
  width: 100%;
  padding: 10px 0 0;
}
.ctaPt2__store--open, .ctaPt2__store--holiday {
  font-size: 1.2rem;
  line-height: 1.5em;
  text-align: center;
  color: #fff;
  display: block;
}
.ctaPt2__store--wide {
  width: 100%;
}
.pc-cta-btn {
  display: none;
}
@media (min-width: 768px) {
  .pc-cta-btn {
    bottom: 10px;
    right: 0;
    position: fixed;
    display: block;
    z-index: 100001;
  }
}
.pc-cta-btn__item {
  width: 130px;
  height: 90px;
  border-bottom: 1px solid #555;
  background-color: #222;
}
.pc-cta-btn__item:hover {
  background-color: #484848;
}
.pc-cta-btn__item:nth-child(1) {
  border-radius: 6px 0 0 0;
}
.pc-cta-btn__item:nth-child(3) {
  border-radius: 0 0 0 6px;
}
.pc-cta-btn__item--menu {
  position: relative;
  cursor: pointer;
}
.pc-cta-btn__item--menu::before {
  content: "";
  width: 28px;
  height: 22px;
  background-image: url("../../../../toilet_cmn/images/cta_menu.svg");
  background-size: cover;
  display: block;
  position: absolute;
  top: calc(50% - 22px);
  left: calc(50% - 14px);
}
.pc-cta-btn__item--tel {
  position: relative;
}
.pc-cta-btn__item--tel::before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("../../../../toilet_cmn/images/cta_tel.svg");
  background-size: cover;
  display: block;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 14px);
}
.pc-cta-btn__item--form {
  position: relative;
}
.pc-cta-btn__item--form::before {
  content: "";
  width: 35px;
  height: 24px;
  background-image: url("../../../../toilet_cmn/images/cta_form.svg");
  background-size: cover;
  display: block;
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 14px);
}
.pc-cta-btn__item--span {
  height: 100%;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  bottom: 15px;
}
.pc-cta-btn__item--link {
  width: 100%;
  height: 100%;
  color: #fff;
  display: block;
}
.open.pc-cta-btn__item--menu::before {
  background-image: url("../../../../toilet_cmn/images/cta_menu_close.svg");
}
/******************************
 Slickスライダーの設定
 ******************************/
.slick-dots li.slick-active button:before {
  color: orange;
}
.slick-dots li:only-child {
  display: none;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/********************************************
 // ↓ layout.scss
 ********************************************/
.layout {
  width: 100%;
  box-sizing: border-box;
  display: block;
}
@media (min-width: 1025px) {
  .layout {
    width: 1024px;
    margin: 0 auto;
    padding: 0;
  }
}
.layout--single {
  width: 100%;
  margin: 0;
  padding: 0;
}
.layout__main {
  display: block;
}
@media (min-width: 1025px) {
  .layout__main {
    display: flex;
    justify-content: center;
  }
}
.layout__main-left {
  width: 100%;
}
@media (min-width: 1025px) {
  .layout__main-left {
    width: 1024px;
    margin: 0 20px 0 0;
  }
}
.layout__main-right {
  display: none;
}
@media (min-width: 1025px) {
  .layout__main-right {
    width: 234px;
    margin: 50px 0 0 0;
    display: block;
  }
}
.layout__side .container {
  margin-top: 80px;
  padding: 0 3%;
}
@media (min-width: 1025px) {
}
/*ブレークポイント max-width version[Add leehnyn]*/
/********************************************
 // ↓ logo.scss
 ********************************************/
.logo {
  width: 80px;
  display: block;
}
@media (min-width: 768px) {
  .logo {
    width: 100px;
  }
}
.logo__img {
  width: 100%;
}
@media (min-width: 1025px) {
  .logo__img {
    max-width: initial;
    width: 150px;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ breadcrumb.scss
 ********************************************/
.breadcrumb {
  width: 100%;
  height: 45px;
  margin: 0;
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .breadcrumb {
    height: 50px;
    margin: 0;
  }
}
.breadcrumb__list {
  max-width: 100%;
  height: 45px;
  margin: 0 3%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (min-width: 1025px) {
  .breadcrumb__list {
    width: 1024px;
    height: 50px;
    margin: 0 auto;
    padding: 0 1%;
  }
}
.breadcrumb__item {
  width: auto;
  margin: 0 10px 0 0;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #353535;
}
@media (min-width: 768px) {
  .breadcrumb__item {
    font-size: 1.6rem;
  }
}
.breadcrumb__item::after {
  content: "\f054";
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0 10px;
  display: block;
}
.breadcrumb__item:last-child::after {
  content: none;
}
.breadcrumb__link {
  color: inherit;
}
.breadcrumb__link--home {
  display: flex;
  align-items: center;
}
.breadcrumb__link--home::before {
  content: "\f015";
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0 3px 0 0;
  display: block;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ page-ttl.scss
 ********************************************/
.page-ttl {
  text-align: center;
  display: block;
}
.page-ttl.container {
  margin: 80px auto 30px;
  padding-left: 0;
}
@media screen and (max-width: 1024px) {
  .page-ttl.container {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 3%;
  }
}
.page-ttl__ruby {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  text-transform: uppercase;
  margin: 0 0 5px;
  color: #aaa;
  display: block;
}
@media (min-width: 768px) {
  .page-ttl__ruby {
    font-size: 1.6rem;
  }
}
.page-ttl__h2 {
  margin: 0 auto;
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #222;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .page-ttl__h2 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .page-ttl__h2 {
    font-size: 1.7rem;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ section-ttl.scss
 ********************************************/
.section-ttl {
  padding: 50px 0 30px;
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
  .section-ttl {
    padding: 50px 0;
  }
}
.section-ttl__ruby {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  margin: 0 0 5px;
  color: orange;
  display: block;
}
@media (min-width: 768px) {
  .section-ttl__ruby {
    font-size: 1.3rem;
    margin: 0;
  }
}
.section-ttl__h2 {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #222;
}
@media (min-width: 768px) {
  .section-ttl__h2 {
    font-size: 2rem;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/* NOTE sub-page.scss */
.sub-page p {
  font-size: 1.3rem;
}
@media (min-width: 768px) {
  .sub-page p {
    font-size: 1.5rem;
  }
}
.sub-page__hero {
  width: 100%;
  height: 200px;
  background-position: 50% 50%;
  background-size: cover;
  z-index: -1;
  position: relative;
}
@media (min-width: 768px) {
  .sub-page__hero {
    height: 410px;
    border-radius: 3px;
  }
}
.sub-page__hero::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .3);
  border-radius: 3px;
}
.sub-page__hero--section {
  position: absolute;
  bottom: 20px;
  left: 3%;
  z-index: 1;
}
@media (min-width: 768px) {
  .sub-page__hero--section {
    bottom: 50px;
    left: 50px;
  }
}
.sub-page__hero--sub {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.175em;
  color: orange;
  margin: 0 0 5px;
  display: block;
}
@media (min-width: 768px) {
  .sub-page__hero--sub {
    font-size: 1.6rem;
  }
}
.sub-page__hero--h2 {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #fff;
}
@media (min-width: 768px) {
  .sub-page__hero--h2 {
    font-size: 2.4rem;
  }
}
.sub-page__btn--pager div a {
  background: linear-gradient(to bottom right, #f48b02 0%, #fa4e0d 100%) !important;
  color: #fff !important;
  border: none !important;
}
.sub-page__btn--pager div a:hover {
  background: linear-gradient(to right, #11a88d 0%, #11a86d 100%) !important;
  opacity: 1;
}
.sub-page__btn--pager li a {
  background: linear-gradient(to right, #11a88d 0%, #11a86d 100%) !important;
  color: #fff !important;
  border: none !important;
}
.sub-page__btn--pager li a:hover {
  background: linear-gradient(to bottom right, #f48b02 0%, #fa4e0d 100%) !important;
  opacity: 1;
}
.sub-page__btn--color_01 a {
  background: linear-gradient(to right, #11a88d 0%, #11a86d 100%) !important;
  color: #fff !important;
}
.sub-page__btn--color_02 a {
  background: linear-gradient(to bottom right, #f48b02 0%, #fa4e0d 100%) !important;
  color: #fff !important;
}
.sub-page__vert-card {
  margin-bottom: -4%;
}
@media (min-width: 1025px) {
  .sub-page__vert-card {
    margin-bottom: -15px;
  }
}
.sub-page__vert-card--margin {
  margin-bottom: 4%;
}
@media (min-width: 768px) {
  .sub-page__vert-card--margin {
    margin: 0 2% 4% 0;
  }
  .sub-page__vert-card--margin:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 1025px) {
  .sub-page__vert-card--margin {
    margin: 0 15px 15px 0;
  }
}
.sub-page__vert-card-item {
  margin-bottom: 4%;
}
@media (min-width: 768px) {
  .sub-page__vert-card-item {
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .sub-page__vert-card-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 1025px) {
  .sub-page__vert-card-item {
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
.sub-page__works .hori-card__item {
  margin: 0 0 10px;
}
.sub-page__works .hori-card__item:last-child {
  margin-right: 0;
}
.sub-page__works .hori-card__cost {
  padding: 5px;
  position: absolute;
  top: 10px;
  left: 10px;
  background: orange;
}
.sub-page__works .hori-card__cost--parts {
  top: auto;
  bottom: 10px;
}
.sub-page__works .hori-card__prefecture {
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .sub-page__works .hori-card__prefecture {
    margin: 0 0 10px;
    font-size: 1.3rem;
  }
}
.sub-page__works .hori-card__ttl {
  font-size: 1.3rem;
  line-height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 768px) {
  .sub-page__works .hori-card__ttl {
    font-size: 1.5rem;
  }
}
.sub-page__works .hori-card__parts-item {
  font-size: 1rem;
  line-height: 1.75em;
}
@media (min-width: 768px) {
  .sub-page__works .hori-card__parts-item {
    font-size: 1.3rem;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ vert-card.scss
 ********************************************/
.vert-card {
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 320px) {
  .vert-card {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .vert-card {
    justify-content: flex-start;
  }
}
.vert-card__item {
  width: 48%;
}
@media (min-width: 768px) {
  .vert-card__item {
    width: calc(96% / 3);
  }
}
@media (min-width: 1025px) {
  .vert-card__item {
    width: calc(738px / 3);
  }
}
.vert-card__link {
  display: block;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  pointer-events: none;
  border-radius: 8px;
  overflow: hidden;
}
.vert-card__thumb {
  position: relative;
}
.vert-card__img {
  width: 100%;
  height: 100%;
  border-radius: 3px 3px 0 0;
  object-fit: cover;
  font-family: 'object-fit:cover;';
}
.vert-card__discount {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.075em;
  padding: 8px 15px;
  border-radius: 3px;
  color: #fff;
  background: orange;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.vert-card__discount--small {
  font-size: 1rem;
  font-weight: 500;
}
.vert-card__wrap {
  width: 100%;
  height: auto;
  padding: 10px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-radius: 0 0 3px 3px;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 768px) {
  .vert-card__wrap {
    padding: 20px 10px;
  }
}
.vert-card__maker {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3em;
  color: #aaa;
  margin: 0 0 10px;
  display: block;
}
.vert-card__ttl {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6em;
  color: #353535;
  margin: 0 0 10px;
  display: block;
}
@media (min-width: 768px) {
  .vert-card__ttl {
    font-size: 1.4rem;
  }
}
.vert-card__price--highlight {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: orange;
  display: inline-block;
}
.vert-card__price--yen {
  font-size: 1.2rem;
  margin: 0 5px 0 3px;
}
.vert-card__price--tax {
  font-size: 1.2rem;
  color: #aaa;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ hori-card.scss
 ********************************************/
@media screen and (max-width: 1024px) {
  .hori-card {
    padding: 0 2%;
    box-sizing: border-box;
  }
}
.hori-card__item:not(:first-of-type) {
  margin-top: 2%;
}
@media screen and (max-width: 1024px) {
  .hori-card__item:not(:first-of-type) {
    margin-top: 20px;
  }
}
.hori-card__link {
  border: 1px solid #eee;
  border-radius: 3px;
}
.hori-card__layout {
  display: flex;
  align-items: center;
}
.hori-card__thumb {
  width: 130px;
  height: 130px;
  position: relative;
}
@media (min-width: 768px) {
  .hori-card__thumb {
    width: 180px;
    height: 180px;
  }
}
.hori-card__img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  border-radius: 3px 0 0 3px;
}
@media (min-width: 768px) {
  .hori-card__img {
    width: 180px;
    height: 180px;
  }
}
.hori-card__cat {
  padding: 5px 15px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #222;
  background-color: #fff;
  border-radius: 0 3px 3px 0;
  position: absolute;
  top: 10px;
  left: 0;
}
.hori-card__txt {
  width: calc(100% - 130px);
  height: 130px;
  padding: 10px;
  border-radius: 0 3px 3px 0;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 768px) {
  .hori-card__txt {
    width: calc(100% - 180px);
    height: 180px;
    padding: 20px;
  }
}
.hori-card__prefecture {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  color: #aaa;
  margin: 0 0 3px;
  display: block;
}
@media (min-width: 768px) {
  .hori-card__prefecture {
    font-size: 1.3rem;
  }
}
.hori-card__parts-list {
  overflow: hidden;
}
.hori-card__parts-list:first-of-type {
  margin-bottom: 10px;
}
.hori-card__parts-item {
  font-size: 1rem;
  letter-spacing: 0.175em;
  color: #353535;
  display: inline-block;
}
@media (min-width: 768px) {
  .hori-card__parts-item {
    font-size: 1.3rem;
  }
}
.hori-card__parts-item:after {
  content: "/";
  margin: 0 5px;
}
.hori-card__parts-item:last-child:after {
  content: none;
}
.hori-card__parts-item--split::after {
  content: "/";
  margin: 0 5px;
  display: inline-block;
}
.hori-card__parts-item--split:last-child::after {
  content: "";
}
.hori-card__parts-item--card {
  color: #fff;
  background: #ff8a00;
  font-size: 1rem;
  margin-right: 5px;
  padding: 5px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .hori-card__parts-item--card {
    font-size: 1.3rem;
  }
}
.hori-card__parts-item--card::after {
  display: none;
}
.hori-card__ttl {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.75em;
  margin: 0 0 10px;
  display: block;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 768px) {
  .hori-card__ttl {
    font-size: 1.6rem;
  }
}
.hori-card__cost {
  padding: 3px 10px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  color: #fff;
  background-color: #ff8a00;
  border-radius: 3px;
  display: inline-block;
}
.hori-card__price {
  font-size: 1.4rem;
  font-weight: 600;
}
.hori-card__staff {
  padding: 5px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  color: #333;
  background-color: #fff;
  border-radius: 3px;
  display: inline-block;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/********************************************
 // ↓ horizontal-list.scss
 ********************************************/
.horizontal-list {
  padding: 0 0 0 3%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  display: block;
}
@media (min-width: 768px) {
  .horizontal-list {
    padding: 0;
    overflow: hidden;
    white-space: normal;
    display: flex;
  }
}
.horizontal-list__item {
  margin: 0 15px 0 0;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 768px) {
  .horizontal-list__item {
    width: 49%;
    margin: 0 2% 0 0;
  }
}
.horizontal-list__item--landscape {
  width: 90%;
}
@media (min-width: 768px) {
  .horizontal-list__item--landscape {
    width: 49%;
  }
}
.horizontal-list__item--portrait {
  width: 44%;
}
@media (min-width: 768px) {
  .horizontal-list__item--portrait {
    width: 23%;
    margin: 0 2% 0 0;
  }
}
/* ▼ 特定箇所の色設定 */
/*ブレークポイント max-width version[Add leehnyn]*/
/********************************************
 // ↓ product.scss
 ********************************************/
@media (min-width: 768px) {
  .product {
    margin: 0 0 80px;
  }
}
.product__thumb {
  position: relative;
  text-align: center;
}
.product__thumb img {
  object-fit: cover;
  font-family: 'object-fit:cover;';
  height: 70vw;
  width: 100%;
}
@media (min-width: 768px) {
  .product__thumb img {
    height: auto;
    width: auto;
    max-height: 500px;
  }
}
.product__img {
  width: 100%;
  height: 250px;
  border-radius: 3px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .product__img {
    height: 500px;
  }
}
.product__discount {
  width: 80px;
  height: 80px;
  background: #e84118;
  border-radius: 6px;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: absolute;
}
@media (min-width: 768px) {
  .product__discount {
    width: 130px;
    height: 130px;
  }
}
.product__discount--yellow {
  font-size: 1.2rem;
  font-weight: 700;
  color: #ff0;
  display: block;
  position: relative;
}
@media (min-width: 768px) {
  .product__discount--yellow {
    font-size: 1.6rem;
    position: relative;
    top: 5px;
  }
}
.product__discount-percentage {
  color: #fff;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  top: -5px;
}
@media (min-width: 768px) {
  .product__discount-percentage {
    position: relative;
    top: -12px;
  }
}
.product__discount-percentage--max {
  font-size: 1.2rem;
  font-weight: 600;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media (min-width: 768px) {
  .product__discount-percentage--max {
    font-size: 1.4rem;
  }
}
.product__discount-percentage--num {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0;
  position: relative;
  top: -2px;
  margin: 0 0 0 3px;
}
@media (min-width: 768px) {
  .product__discount-percentage--num {
    font-size: 3.6rem;
    position: relative;
    top: -3px;
  }
}
.product__discount-percentage--icon {
  font-size: 1.2rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .product__discount-percentage--icon {
    font-size: 1.8rem;
  }
}
.product__discount-percentage--off {
  font-size: 1.2rem;
  font-weight: 600;
  position: relative;
  top: 3px;
}
@media (min-width: 768px) {
  .product__discount-percentage--off {
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
    display: block;
  }
}
.product__price {
  margin: 20px 0 20px;
  text-align: center;
  font-size: 40px;
  font-weight: 800;
  color: #d70000;
  display: block;
  font-family: 'Anton' !important;
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .product__price {
    margin: 30px 0;
    font-size: 45px;
  }
}
.product__price--small {
  font-size: 1.8rem;
  font-weight: 800;
  color: #353535;
  font-style: normal;
  font-family: 'Noto Sans JP', sans-serif, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, "Font Awesome 5 Free", sans-serif;
}
@media (min-width: 768px) {
  .product__price--small {
    font-size: 1.8rem;
  }
}
.product__price--tax {
  color: #aaa;
}
.product__include {
  margin: 0 0 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.product__include-ttl {
  width: 100%;
  margin: 0 0 10px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.175em;
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
  .product__include-ttl {
    margin: 0 0 20px;
    font-size: 1.6rem;
  }
}
.product__include-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  padding: 0 15px;
}
.product__include-item {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.175em;
  color: #fff;
  margin: 0 10px 10px 0;
  padding: 8px 20px;
  background-color: #ff8a00;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .product__include-item {
    font-size: 1.6rem;
  }
}
.product__include-item:nth-child(3n) {
  margin: 0 10px 10px 0;
}
@media (min-width: 768px) {
  .product__include-item:nth-child(3n) {
    margin: 0 10px 10px 0;
  }
}
.post-type-archive-menu .sub-page__menu .top-menu {
  padding: 0;
}
.layout__main {
  background: #fff;
  padding: 3% 0;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ review.scss
 ********************************************/
.preview {
  width: 94%;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #f7f7f7;
  border-radius: 3px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .preview {
    padding: 20px;
  }
}
.preview__slider-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .preview__slider-img {
    height: 430px;
  }
}
.preview__info {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .preview__info {
    margin-top: 60px;
  }
}
.preview__info-ttl {
  margin: 50px 0 20px;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #222;
  text-align: center;
  display: block;
  line-height: 1.75em;
}
.preview__price {
  margin: 0 0 30px;
}
.preview__price-wrap {
  margin: 0 0 10px;
  text-align: center;
}
.preview__price--cost {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  color: orange;
}
@media (min-width: 768px) {
  .preview__price--cost {
    font-size: 2.6rem;
  }
}
.preview__price--yen {
  letter-spacing: 0.175em;
}
@media (min-width: 768px) {
  .preview__price--yen {
    font-size: 1.8rem;
  }
}
.preview__price--tax {
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #aaa;
}
@media (min-width: 768px) {
  .preview__price--tax {
    font-size: 1.8rem;
  }
}
.preview__price--notes {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.175em;
  color: #aaa;
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
  .preview__price--notes {
    font-size: 1.6rem;
  }
}
.preview__description {
  margin: 0 0 30px;
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  display: block;
}
@media (min-width: 768px) {
  .preview__description {
    font-size: 1.6rem;
  }
}
.preview__detail-ttl {
  margin: 0 0 10px;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #222;
  display: block;
}
@media (min-width: 768px) {
  .preview__detail-ttl {
    font-size: 1.6rem;
  }
}
.preview__detail-list {
  margin: 0 0 30px;
  display: flex;
  flex-wrap: wrap;
}
.preview__detail-list:last-child {
  margin: 0;
}
.preview__detail-item {
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
}
.preview__detail-item::after {
  content: "/";
  margin: 0 5px;
}
.preview__detail-item:last-child::after {
  content: "";
}
@media (min-width: 768px) {
  .preview__detail-item {
    font-size: 1.6rem;
  }
}
.preview-works {
  margin: 0 auto 50px;
}
@media (min-width: 768px) {
  .preview-works {
    margin: 0 auto 80px;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ accordion.scss
 ********************************************/
.accordion {
  margin: 0 0 50px;
  padding: 0 3%;
}
@media (min-width: 768px) {
  .accordion {
    margin-top: 40px !important;
  }
}
.accordion__section {
  position: relative;
}
.accordion__section::after {
  position: absolute;
  left: 3%;
  top: 45%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #222;
  border-right: solid 1px #222;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
}
@media (min-width: 768px) {
  .accordion__section::after {
    width: 6px;
    height: 6px;
    border-top: solid 2px #222;
    border-right: solid 2px #222;
    left: 3px;
    top: calc(50% - 3px);
    opacity: 0;
  }
}
.accordion__section.open::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
@media (min-width: 768px) {
  .accordion__section.open::after {
    top: calc(50% - 3px);
  }
}
.accordion__ttl {
  padding: 15px 10px;
  border-bottom: 1px solid #eee;
  position: relative;
  display: block;
}
@media (min-width: 768px) {
  .accordion__ttl {
    padding: 20px 0 20px 30px;
    cursor: auto;
  }
  .accordion__ttl:hover {
    opacity: 1;
  }
}
.accordion__ttl--accent {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #aaa;
  margin: 0 0 5px;
  display: block;
}
@media (min-width: 768px) {
  .accordion__ttl--accent {
    font-size: 1.6rem;
  }
}
.accordion__ttl--feature {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #222;
}
@media (min-width: 768px) {
  .accordion__ttl--feature {
    font-size: 1.8rem;
  }
}
.accordion__content {
  padding: 3% 0;
}
@media (min-width: 768px) {
  .accordion__content {
    display: block;
  }
}
.accordion__content-img {
  width: 100%;
  border-radius: 3px;
}
.accordion__content-txt {
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  padding: 20px 0 15px 0;
  display: block;
}
@media (min-width: 768px) {
  .accordion__content-wrap {
    display: flex;
  }
}
.accordion__content-item {
  margin-bottom: 30px;
}
.accordion__content-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .accordion__content-item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0;
  }
  .accordion__content-item:last-child {
    margin-right: 0;
  }
}
.single-menu .accordion__content-item {
  width: 100%;
  margin-bottom: 3%;
}
.single-menu .accordion__content-item > img {
  width: 25%;
  margin-right: 3%;
  float: left;
}
.single-menu .accordion__content-wrap {
  display: block;
}
.single-menu .accordion__content-txt {
  padding: 0;
}
.pdm-roof .accordion__section {
  padding-top: 5%;
}
.pdm-roof .accordion {
  padding: 0 0 8% 0;
  margin: 0;
}
@media (min-width: 768px) {
  .pdm-roof .accordion {
    padding: 0 0 4% 0;
  }
}
.pdm-roof .accordion__ttl {
  max-width: 1040px;
  margin: 0 auto;
  text-align: center;
  border: none;
}
.pdm-roof .accordion__ttl--feature {
  font-size: 34px;
  color: #738e02;
  line-height: 1.65em;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .pdm-roof .accordion__ttl--feature {
    font-size: 2rem;
  }
}
.pdm-roof .accordion__content {
  padding: 40px;
  width: 94%;
  margin: 0 auto 4%;
  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  border-radius: 0 0 5px 5px;
  border: solid 1px #e3e3e3;
  max-width: 1000px;
}
@media screen and (max-width: 1024px) {
  .pdm-roof .accordion__content {
    padding: 4% 3%;
  }
}
@media (min-width: 768px) {
}
.pdm-roof .accordion__content:nth-of-type(n+2) {
  display: none;
}
.pdm-roof .accordion__content-item {
  background: #fff;
  width: 100%;
  margin-bottom: 3%;
  padding: 3%;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .pdm-roof .accordion__content-item {
    margin-bottom: 2%;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .accordion__content-item {
    padding: 5%;
  }
}
.pdm-roof .accordion__content-item > img {
  width: 50%;
  margin: 0 3% 3% 0;
  float: left;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  height: 200px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .accordion__content-item > img {
    width: 100%;
    margin: 0 0 15px 0;
    height: 150px;
  }
}
.pdm-roof .accordion__content-wrap {
  display: block;
}
.pdm-roof .accordion__content-txt {
  padding: 0;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .pdm-roof .accordion__content-txt {
    font-size: 15px;
  }
}
.pdm-roof .accordion h4 {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  width: 94%;
  background: #f9f9f9;
  text-align: left;
  color: #3a3963;
  padding: 24px 50px 24px 16px;
  font-size: 24px;
  font-weight: 300;
  border: solid 1px #c8c8c8;
  border-bottom: solid 3px #eee;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: all 0.3s;
}
.pdm-roof .accordion h4:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1024px) {
  .pdm-roof .accordion h4 {
    padding: 20px 36px 20px 18px;
    font-size: 1.7rem;
  }
}
.pdm-roof .accordion h4 .toggle_btn {
  right: 20px;
}
@media screen and (max-width: 1024px) {
  .pdm-roof .accordion h4 .toggle_btn {
    right: 3%;
  }
}
.pdm-roof .accordion h4.open .toggle_btn:before {
  display: none;
}
.pdm-roof .accordion h4:not(.open) {
  border-radius: 5px;
}
/* ▼ 特定箇所の色設定 */
/* ▼ 特定箇所のフォントサイズ設定 */
/*ブレークポイント max-width version[Add leehnyn]*/
/********************************************
 // ↓ tab.scss
 ********************************************/
.tab {
  width: 100%;
}
.tab__area {
  font-size: 0;
  display: flex;
}
.tab__area label {
  width: calc(100% / 2);
  height: 40px;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  text-align: center;
  color: #222;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-sizing: content-box;
  transition: all 0.3s ease;
  position: relative;
}
@media (min-width: 768px) {
  .tab__area label {
    height: 60px;
    font-size: 1.6rem;
  }
}
.tab__area label:hover {
  background: #ff8a00;
  transition: all 0.3s ease;
}
.tab__area label:hover > span {
  color: #fff;
}
.tab__area label:first-child {
  border-radius: 3px 0 0 3px;
}
.tab__area label:last-child {
  border-radius: 0 3px 3px 0;
}
.tab__area label:first-child:last-child {
  border-radius: 3px;
}
.tab__panel {
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  padding: 15px 0 0 !important;
  display: none;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .tab__panel {
    padding: 30px 3% !important;
  }
}
.tab__panel p {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.175em;
  line-height: 1.75em;
}
@media (min-width: 768px) {
  .tab__panel p {
    font-size: 1.6rem;
  }
}
.tab__panel .ghost-btn__link {
  margin-top: 30px;
}
.panel__area {
  margin: 0 0 50px;
  background-color: #fff;
}
input[type="radio"] {
  display: none;
}
@keyframes tabAnim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#tab1:checked ~ .tab__area .tab1_label {
  background: #ff8a00;
  color: #fff;
}
#tab1:checked ~ .panel__area #panel1 {
  display: block;
  animation: tabAnim ease 0.6s forwards;
  -ms-animation: tabAnim ease 0.6s forwards;
}
#tab2:checked ~ .tab__area .tab2_label {
  background: #ff8a00;
  color: #fff;
}
#tab2:checked ~ .panel__area #panel2 {
  display: block;
  animation: tabAnim ease 0.6s forwards;
  -ms-animation: tabAnim ease 0.6s forwards;
}
#tab3:checked ~ .tab__area .tab3_label {
  background: #ff8a00;
  color: #fff;
}
#tab3:checked ~ .panel__area #panel3 {
  display: block;
  animation: tabAnim ease 0.6s forwards;
  -ms-animation: tabAnim ease 0.6s forwards;
}
body[class*="pdm"] .tab {
  max-width: 1000px;
  width: 94%;
  margin: 0 auto;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ home.scss
 ********************************************/
.wrapper {
  padding: 0 3%;
  box-sizing: border-box;
}
@media (min-width: 1025px) {
  .wrapper {
    padding: 0;
  }
}
.ghost-btn__wrap {
  padding: 0 3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media (min-width: 768px) {
  .ghost-btn__wrap {
    padding: 0;
  }
}
.ghost-btn__link {
  width: 70%;
  height: 48px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.175em;
  line-height: 48px;
  color: #fff;
  background: orange;
  border-radius: 22.5px;
  display: block;
}
@media (min-width: 768px) {
  .ghost-btn__link {
    width: 300px;
    height: 60px;
    margin: 0;
    font-size: 1.6rem;
    line-height: 60px;
    border-radius: 30px;
  }
}
@media (min-width: 768px) {
  .top-menu {
    margin: 0 0 30px;
  }
}
.top-menu__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top-menu__item {
  width: calc(100% / 3 - 10px);
  height: 105px;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.top-menu__item:nth-child(1) {
  width: calc(100% / 2 - 7px);
}
.top-menu__item:nth-child(2) {
  width: calc(100% / 2 - 7px);
}
@media (min-width: 768px) {
  .top-menu__item {
    width: calc(100% / 3 - 10px);
    height: 160px;
    margin-bottom: 20px;
  }
  .top-menu__item:nth-child(1) {
    width: calc(100% / 2 - 7px);
  }
  .top-menu__item:nth-child(2) {
    width: calc(100% / 2 - 7px);
  }
}
.top-menu__item--link {
  width: 100%;
  height: 100%;
  background-color: #ff8a00;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .top-menu__item--link {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    position: relative;
    background-color: transparent;
    display: block;
  }
  .top-menu__item--link::before {
    content: "";
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    position: absolute;
    top: 0;
    z-index: -1;
    border-radius: 3px;
  }
}
.top-menu__item--kitchen::before {
  background-image: url("https://placehold.jp/505x160.png");
}
.top-menu__item--toilet::before {
  background-image: url("https://placehold.jp/505x160.png");
}
.top-menu__item--bath::before {
  background-image: url("https://placehold.jp/505x160.png");
}
.top-menu__item--wash::before {
  background-image: url("https://placehold.jp/505x160.png");
}
.top-menu__item--entrance::before {
  background-image: url("https://placehold.jp/505x160.png");
}
.top-menu__item--all::before {
  background-image: url("https://placehold.jp/505x160.png");
}
.top-menu__item-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
@media (min-width: 768px) {
  .top-menu__item-inner {
    width: 130px;
    height: 100%;
    position: relative;
    border-radius: 3px 0 0 3px;
    background-color: rgba(0, 0, 0, 0.8);
    display: block;
  }
}
.top-menu__item-inner--thumb {
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.top-menu__item-inner--part {
  width: 100%;
  margin: auto;
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 600;
  line-height: 1.75em;
  position: absolute;
  bottom: 10px;
  display: block;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .top-menu__item-inner--part {
    bottom: 25px;
    font-size: 1.6rem;
    letter-spacing: 0.175em;
  }
}
.top-recommend {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top-recommend__list {
  width: 48%;
  margin: 0 4% 4% 0;
}
@media (min-width: 768px) {
  .top-recommend__list {
    width: 24%;
    margin: 0;
  }
}
.top-recommend__list--link {
  height: 100px;
  padding: 10px 5px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.75em;
  color: #222;
  border: 2px solid #222;
  box-sizing: border-box;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .top-recommend__list--link {
    height: 180px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1025px) {
  .top-recommend__list--link {
    height: 240px;
    font-size: 1.6rem;
  }
}
.top-recommend__list--head {
  margin: 0 0 5px;
  display: block;
}
.top-recommend__list--part {
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid orange;
}
@media (min-width: 768px) {
  .top-recommend__list--part {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    background-color: orange;
  }
}
.top-recommend__list:nth-of-type(2n) {
  margin: 0 0 4% 0;
}
@media (min-width: 768px) {
  .top-recommend__list:nth-of-type(2n) {
    margin: 0;
  }
}
.top-vert-card__layout {
  min-height: 85px;
  border: none;
  background: #fff;
}
.top-vert-card__ribbon {
  font-size: 1.2rem;
  letter-spacing: 0.175em;
  font-weight: 600;
  padding: 8px 20px;
  color: #222;
  display: block;
  background-color: #fff;
  border-radius: 0 3px 3px 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9;
}
@media (min-width: 768px) {
  .top-vert-card__ribbon {
    font-size: 1.3rem;
    padding: 9px 22px;
    top: 0px;
  }
}
.top-vert-card__ribbon--works {
  color: #fff;
  background-color: #222;
}
.top-vert-card__ribbon--voice {
  color: #fff;
  background-color: #555;
}
.top-vert-card__bundle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  display: none;
}
.top-vert-card__address, .top-vert-card__staff {
  display: none;
}
@media (min-width: 768px) {
  .top-vert-card__address, .top-vert-card__staff {
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.175em;
    line-height: 1.75em;
    color: #aaa;
    margin: 0 0 3px;
    display: block;
  }
}
.top-vert-card__price {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.175em;
  color: #fff;
  padding: 5px 10px;
  background-color: orange;
  border-radius: 3px;
  display: block;
  position: absolute;
  top: -30px;
  right: 5px;
}
@media (min-width: 768px) {
  .top-vert-card__price {
    margin: 0 0 10px;
    font-size: 1.3rem;
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
  }
}
.top-vert-card__price--num {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0;
  padding: 0 0 0 3px;
}
@media (min-width: 768px) {
  .top-vert-card__price--num {
    font-size: 1.8rem;
  }
}
.top-vert-card__cat {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .top-vert-card__cat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
.top-vert-card__cat--list {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #aaa;
  border: solid 1px #aaa;
  padding: 0 3px;
  display: inline-block;
}
.top-vert-card .ghost-btn__link {
  margin-top: 30px;
}
.worksVoice-wrap {
  margin: 0 10px;
  display: flex !important;
  flex-wrap: wrap;
}
@media (min-width: 1025px) {
  .worksVoice-wrap {
    margin: 0;
  }
}
.worksVoice-wrap .vert-card__item {
  margin: 0 10px 10px 0;
  border: 1px solid #eee;
  border-radius: 3px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .worksVoice-wrap .vert-card__item {
    width: calc(100% / 3 - 7px);
    margin: 0 10px 10px 0;
  }
}
@media (min-width: 1025px) {
  .worksVoice-wrap .vert-card__item {
    width: 241px;
    margin: 0 20px 20px 0;
  }
}
.worksVoice-wrap .vert-card__item:nth-child(2n) {
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .worksVoice-wrap .vert-card__item:nth-child(2n) {
    margin: 0 10px 10px 0;
  }
}
@media (min-width: 1025px) {
  .worksVoice-wrap .vert-card__item:nth-child(2n) {
    margin: 0 20px 20px 0;
  }
}
@media (min-width: 768px) {
  .worksVoice-wrap .vert-card__item:nth-child(3n) {
    margin: 0 0 10px 0;
  }
}
@media (min-width: 1025px) {
  .worksVoice-wrap .vert-card__item:nth-child(3n) {
    margin: 0 20px 20px 0;
  }
}
@media (min-width: 768px) {
  .worksVoice-wrap .vert-card__item:nth-child(4n) {
    margin: 0 10px 10px 0;
  }
}
@media (min-width: 1025px) {
  .worksVoice-wrap .vert-card__item:nth-child(4n) {
    margin: 0 0 20px 0;
  }
}
.worksVoice-wrap .vert-card__img {
  width: 100%;
  height: 170px;
  height: 45vw;
}
@media (min-width: 768px) {
  .worksVoice-wrap .vert-card__img {
    height: 240px;
  }
}
.worksVoice-wrap .commingsoon {
  border: none;
  border-radius: 3px;
  box-sizing: border-box;
}
.worksVoice-wrap .commingsoon__thumb {
  width: 100%;
  height: 170px;
  border-radius: 3px;
  background: #009fd9;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(0, 159, 217, 1) 0%, rgba(13, 77, 159, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 159, 217, 1) 0%, rgba(13, 77, 159, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 159, 217, 1) 0%, rgba(13, 77, 159, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009fd9', endColorstr='#0d4d9f',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .worksVoice-wrap .commingsoon__thumb {
    height: 240px;
  }
}
.worksVoice-wrap .commingsoon span {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #fff;
}
@media (min-width: 768px) {
  .worksVoice-wrap .commingsoon span {
    font-size: 1.6rem;
  }
}
.worksVoice-slider {
  margin: 0 0 30px;
  position: relative;
}
@media (min-width: 768px) {
  .worksVoice-slider {
    margin: 0 0 30px;
  }
}
.prevbtn {
  position: absolute;
  top: calc(50% - 40px);
  left: 0;
  width: 30px;
  height: 80px;
  background-color: #ff8a00;
  opacity: 0.8;
  border-radius: 0 3px 3px 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .prevbtn {
    top: calc(50% - 75px);
    left: 0;
    width: 50px;
    height: 150px;
    border-radius: 3px;
  }
}
@media (min-width: 1025px) {
  .prevbtn {
    left: -70px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1164px) {
  .prevbtn {
    left: 0;
  }
}
.prevbtn::before {
  content: "";
  width: 10px;
  height: 16px;
  background-image: url("../../../../toilet_cmn/images/arrow.svg");
  transform: rotate(180deg);
  background-size: cover;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 7px);
}
@media (min-width: 1025px) {
  .prevbtn::before {
    left: calc(50% - 8px);
  }
}
.nextbtn {
  position: absolute;
  top: calc(50% - 40px);
  right: 0;
  width: 30px;
  height: 80px;
  background-color: #ff8a00;
  opacity: 0.8;
  border-radius: 3px 0 0 3px;
  z-index: 1;
}
@media (min-width: 768px) {
  .nextbtn {
    top: calc(50% - 75px);
    right: 0;
    width: 50px;
    height: 150px;
    border-radius: 3px;
  }
}
@media (min-width: 1025px) {
  .nextbtn {
    top: calc(50% - 75px);
    right: -70px;
    width: 50px;
    height: 150px;
    border-radius: 3px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1164px) {
  .nextbtn {
    right: 0;
  }
}
.nextbtn::before {
  content: "";
  width: 10px;
  height: 16px;
  background-image: url("../../../../toilet_cmn/images/arrow.svg");
  background-size: cover;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  right: 7px;
}
@media (min-width: 768px) {
  .nextbtn::before {
    right: calc(50% - 8px);
  }
}
.top-staff__list {
  width: 100%;
  margin: 0 auto;
  padding: 0 3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .top-staff__list {
    padding: 0 3%;
  }
}
@media (min-width: 1025px) {
  .top-staff__list {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .top-staff__list::before {
    content: "";
    width: 30%;
    display: block;
    order: 1;
  }
}
@media (min-width: 1025px) {
  .top-staff__list::before {
    width: 23%;
  }
}
@media (min-width: 1025px) {
  .top-staff__list::after {
    content: "";
    width: 23%;
    height: 0;
    display: block;
  }
}
.top-staff__item {
  width: 48%;
  margin: 0 0 4%;
}
@media (min-width: 768px) {
  .top-staff__item {
    width: 30%;
    margin: 0 0 4.5%;
  }
}
@media (min-width: 1025px) {
  .top-staff__item {
    width: 23%;
    margin: 0 0 2.5%;
  }
}
.top-staff__link {
  color: #222;
  display: block;
}
.top-staff__thumb {
  width: 100%;
  height: 170px;
  margin: 0 0 20px;
  background-size: cover;
  background-position: 50%;
  border-radius: 12px;
}
@media (min-width: 768px) {
  .top-staff__thumb {
    height: 241px;
  }
}
.top-staff__name {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
  .top-staff__name {
    font-size: 1.6rem;
  }
}
.top-review {
  background-color: #eee;
  margin: 50px 0 30px;
  padding: 0 0 30px;
}
.top-review__tab--badge {
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  background-color: orange;
  z-index: 1;
  border-radius: 12.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .top-review__tab--badge {
    font-size: 1.3rem;
    width: 40px;
    height: 40px;
    top: -20px;
    right: -20px;
    border-radius: 20px;
  }
}
.top-review__tab--office {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .top-review__tab--office {
    font-size: 1.8rem;
  }
}
.top-review__tab--small {
  font-size: 1rem;
  position: relative;
  top: 2px;
}
@media (min-width: 768px) {
  .top-review__tab--small {
    font-size: 1.3rem;
  }
}
@media (min-width: 768px) {
  .top-review .top-review__tab {
    width: 85%;
    margin: 0 auto;
  }
}
@media (min-width: 1025px) {
  .top-review .top-review__tab {
    width: 750px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .top-review .top-review__tab label {
    height: 60px;
  }
}
@media (min-width: 768px) {
  .top-review .panel__area {
    margin: 30px auto 0;
    padding: 0 30px 50px;
    background-color: transparent;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ mv.scss
 ********************************************/
.pdm-cnt :focus {
  outline: none;
}
.mv {
  margin: 65px 0 30px;
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .mv {
    width: 100%;
    margin: 0 0 50px;
  }
}
.mv__slider--item > img {
  width: 100%;
}
@media (min-width: 768px) {
  .mv__slider--item > img {
    padding: 0 10px;
    box-sizing: border-box;
  }
}
.mv__review-news {
  width: 100%;
  margin: -35px 0 0;
  padding: 0 3%;
  position: relative;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .mv__review-news {
    margin: -45px 0 0;
    position: relative;
  }
}
@media (min-width: 1025px) {
  .mv__review-news {
    width: 1024px;
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
  }
}
.mv__review {
  margin: 0 0 30px;
  z-index: 1;
}
@media (min-width: 768px) {
  .mv__review {
    margin: 0 0 60px;
  }
}
@media (min-width: 1025px) {
  .mv__review {
    margin: 0;
  }
}
.mv__review-link {
  display: flex;
}
.mv__review-wrap {
  width: 190px;
  padding: 13px 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border-radius: 3px 0 0 3px;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .mv__review-wrap {
    width: 290px;
    padding: 20px;
  }
}
.mv__review--ttl {
  width: 100%;
  margin: 0 0 10px;
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: 0.125em;
  color: #222;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .mv__review--ttl {
    font-size: 1.6rem;
  }
}
.mv__review--ttl::before {
  content: "";
  width: 61px;
  height: 20px;
  background-image: url("../../../../toilet_cmn/images/google.svg");
  background-size: cover;
  margin: 0 5px 0 0;
  display: block;
  position: relative;
  top: 1px;
}
@media (min-width: 768px) {
  .mv__review--ttl::before {
    width: 70px;
    height: 23px;
  }
}
.mv__review--description {
  width: 100%;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #aaa;
}
@media (min-width: 768px) {
  .mv__review--description {
    font-size: 1.5rem;
  }
}
.mv__review-data {
  width: 80px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 10px;
  box-sizing: border-box;
  background: #009ccf;
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(0, 156, 207, 1) 0%, rgba(0, 64, 152, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 156, 207, 1) 0%, rgba(0, 64, 152, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 156, 207, 1) 0%, rgba(0, 64, 152, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ccf', endColorstr='#004098',GradientType=1);
  /* IE6-9 */
}
@media (min-width: 768px) {
  .mv__review-data {
    width: 100px;
    border-radius: 0 3px 3px 0;
  }
}
.mv__review-data--num {
  width: 100%;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  .mv__review-data--num {
    font-size: 2.8rem;
  }
}
.mv__review-data--num span {
  font-size: 1.2rem;
  margin-left: 3px;
}
@media (min-width: 768px) {
  .mv__review-data--num span {
    font-size: 1.4rem;
  }
}
.mv__review-data--point {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: right;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .mv__review-data--point {
    font-size: 2.8rem;
  }
}
.mv__review-data--star::before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("../../../../toilet_cmn/images/star.svg");
  background-size: cover;
  margin: 0 3px 0 0;
  display: block;
}
@media (min-width: 768px) {
  .mv__review-data--star::before {
    width: 15px;
    height: 15px;
    position: relative;
    top: 1px;
  }
}
.mv .mv__news {
  width: 100%;
  min-height: 70px;
  margin: 0 auto;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 3px;
  border-top-left-radius: 0;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}
@media (min-width: 768px) {
  .mv .mv__news {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1025px) {
  .mv .mv__news {
    width: 500px;
    margin: 0;
  }
}
.mv .mv__news-head {
  padding: 10px 20px;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  border-radius: 3px 3px 0 0;
  background-color: #ff8a00;
  position: absolute;
  top: -20px;
  left: 0;
}
@media (min-width: 768px) {
  .mv .mv__news-head {
    padding: 10px 30px;
    font-size: 1.6rem;
    top: -36px;
  }
}
.mv .mv__news-list {
  width: 100%;
}
.mv .mv__news-item {
  width: 100%;
}
@media (min-width: 1025px) {
  .mv .mv__news-item {
    margin: 0;
    border-bottom: 1px solid #f1f1f1;
    display: inline-block;
  }
}
.mv .mv__news-item:last-child {
  margin: 0;
  border-bottom: 0;
}
@media (min-width: 768px) {
  .mv .mv__news-item:last-child {
    display: inline-block;
  }
}
.mv .mv__news-item--link {
  width: 100%;
  height: 100%;
  display: block;
  padding: 25px 13% 15px 20px;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 768px) {
  .mv .mv__news-item--link {
    padding: 20px 30px 20px 20px;
  }
}
.mv .mv__news-item--link::after {
  transition: all 0.25s ease;
  content: "";
  position: absolute;
  right: 20px;
  bottom: calc(50% - 6.5px);
  width: 8px;
  height: 13px;
  background-image: url("../../../../toilet_cmn/images/arrow_menu.svg");
  background-size: cover;
  display: block;
}
.mv .mv__news-item--date {
  margin: 0 0 5px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #aaa;
  display: block;
}
@media (min-width: 768px) {
  .mv .mv__news-item--date {
    font-size: 1.6rem;
  }
}
.mv .mv__news-item--txt {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.75em;
  letter-spacing: 0.175em;
  color: #222;
  position: relative;
}
@media (min-width: 768px) {
  .mv .mv__news-item--txt {
    font-size: 1.6rem;
  }
}
/* Media Queries ------------------------------------------------------------*/
/*------------------------------------------------------------------------------
 ƒtƒHƒ“ƒg
 ------------------------------------------------------------------------------*/
.header {
  height: 50px;
  box-sizing: border-box;
  padding: 0;
  position: static;
}
.header__inner {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__inner--logo {
  width: calc(100% - 50px);
  padding: 10px 2%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: left;
  letter-spacing: 0;
}
@media screen and (min-width: 601px) {
  .header__inner--logo {
    width: 100%;
  }
}
.header__inner--logo--img {
  display: block;
  margin-right: 10px;
  max-height: 30px;
}
.header__inner--logo--img img {
  width: auto;
  max-height: 48px;
}
.header__inner--logo--txt {
  font-weight: bold;
  font-size: 3.74vw;
}
@media screen and (min-width: 601px) {
  .header__inner--logo--txt {
    font-size: 25px;
  }
}
.header__inner--logo--txt a:link, .header__inner--logo--txt a:visited {
  color: #333;
}
.header__inner--tel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  background: #0089d8;
  border-radius: 50px 0 0 50px;
  height: 50px;
  box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.2);
  transition: all 1s;
}
@media screen and (min-width: 601px) {
  .header__inner--tel {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
  }
}
.header__inner--tel:hover {
  box-shadow: none;
}
.header__inner--tel--icon {
  display: block;
  max-width: 100%;
  width: 100%;
}
.header__inner--tel--icon img {
  padding: 10% 20% 10% 25px;
}
@media screen and (max-width: 600px) {
  .header__inner--tel--icon img {
    padding: 30% 15% 30% 18px;
    box-sizing: border-box;
  }
}
.header__inner--tel--num {
  font-weight: bold;
  font-size: 3.5vw;
  color: #fff;
  display: none;
}
.pdm-cnt .top_FV {
  overflow: hidden;
}
.pdm-cnt .top_FV__inner {
  padding: 0 0 10%;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner {
    padding-bottom: 40px;
  }
}
.pdm-cnt .top_FV__inner--catch {
  padding: 11% 3% 38%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  letter-spacing: 0;
  opacity: 0;
  -webkit-animation: fadeInDown 0.8s ease-in-out 2s forwards;
  animation: fadeInDown 0.8s ease-in-out 2s forwards;
  overflow: hidden;
}
.pdm-cnt .top_FV__inner--catch:before {
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .pdm-cnt .top_FV__inner--catch:before {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
  }
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--catch {
    padding: 36px 18px 280px;
  }
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--catch > div {
    max-width: 1024px;
    margin: 0 auto;
  }
}
.pdm-cnt .top_FV__inner--catch h2 {
  font-size: 4.3vw;
  font-weight: bold;
  line-height: 1.5;
  font-size: 13px;
  margin-bottom: 0.25em;
  padding: 0px 3px 2px 6px;
  color: #fff;
  background: #0089d8;
  display: inline-block;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--catch h2 {
    margin: 0 auto 5px;
    max-width: 980px;
    font-size: 22px;
  }
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--catch h2 br {
    display: none;
  }
}
.pdm-cnt .top_FV__inner--catch h2 span {
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--catch h2 span {
    font-size: 30px;
  }
}
.pdm-cnt .top_FV__inner--catch--company {
  font-size: 6.5vw;
  font-weight: bold;
  font-size: 5.5vw;
  color: #333;
  display: inline-block;
  background: #fff;
  padding: 2px 5px 6px 4px;
}
.pdm-cnt .top_FV__inner--catch--company span {
  font-size: 7.2vw;
}
.pdm-cnt .top_FV__inner--catch--company span.red {
  color: #d70000;
}
.pdm-cnt .top_FV__inner--catch--company img {
  display: block;
  margin-right: 2%;
  max-width: 8%;
}
@media screen and (min-width: 701px) {
  .pdm-cnt .top_FV__inner--catch--company {
    margin: 0 auto;
    max-width: 980px;
    font-size: 39px;
  }
  .pdm-cnt .top_FV__inner--catch--company span {
    font-size: 60px;
  }
}
.pdm-cnt .top_FV__inner--slider {
  padding: 0 0 0;
  border-top: 0.1px solid transparent;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  opacity: 0;
  -webkit-animation: fadeInDown 0.8s ease-in-out 2.5s forwards;
  animation: fadeInDown 0.8s ease-in-out 2.5s forwards;
}
.pdm-cnt .top_FV__inner--slider--cnt {
  margin-top: -34.5%;
  margin-bottom: 7%;
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt {
    margin-bottom: 3%;
  }
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt {
    margin-top: -230px;
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slick-slider {
    width: 1128px;
    left: 50%;
    margin-left: -564px;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slick-slide .slider_cnt__cat, .pdm-cnt .top_FV__inner--slider--cnt .slick-slide .slider_cnt__price, .pdm-cnt .top_FV__inner--slider--cnt .slick-slide .slider_cnt__note {
  opacity: 0;
  transition: all 1s;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slick-slide .slider_cnt__cat, .pdm-cnt .top_FV__inner--slider--cnt .slick-slide .slider_cnt__price, .pdm-cnt .top_FV__inner--slider--cnt .slick-slide .slider_cnt__note {
    opacity: 1;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slick-slide.slick-active .slider_cnt__cat, .pdm-cnt .top_FV__inner--slider--cnt .slick-slide.slick-active .slider_cnt__price {
  opacity: 1;
  transition: all 1s;
}
.pdm-cnt .top_FV__inner--slider--cnt .slick-slide.slick-active .slider_cnt__note {
  display: flex !important;
  opacity: 1;
  transition: all 1s;
}
.pdm-cnt .top_FV__inner--slider--cnt .slick-prev {
  width: 40px;
  height: 40px;
  margin-top: -10px;
  left: 380px;
  color: #000;
  z-index: 999;
  top: 37%;
}
@media screen and (max-width: 600px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slick-prev {
    width: 31px;
    height: 31px;
    margin-top: 0px;
    left: 15%;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slick-prev {
    left: 5px;
  }
}
@media screen and (min-width: 1140px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slick-prev {
    display: none !important;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slick-next {
  width: 40px;
  height: 40px;
  margin-top: -10px;
  right: 380px;
  color: #000;
  z-index: 999;
  top: 37%;
}
@media screen and (max-width: 600px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slick-next {
    width: 31px;
    height: 31px;
    margin-top: 0px;
    right: 15%;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slick-next {
    right: 5px;
  }
}
@media screen and (min-width: 1140px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slick-next {
    display: none !important;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slick-prev:before, .pdm-cnt .top_FV__inner--slider--cnt .slick-next:before {
  font-size: 40px;
  font-weight: bold;
  color: #000;
  opacity: 0.8;
}
@media screen and (max-width: 600px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slick-prev:before, .pdm-cnt .top_FV__inner--slider--cnt .slick-next:before {
    font-size: 31px;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt {
  max-width: 100%;
  margin: 0 auto;
  display: block !important;
}
@media screen and (max-width: 540px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt {
    box-sizing: border-box;
    padding: 0 5px;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__img {
  margin: 2% auto 0;
  max-width: 480px;
  width: 87.8%;
  max-height: 480px;
  height: auto;
  border-radius: 50%;
  border: 5px solid #fff;
  overflow: hidden;
  box-shadow: 5px 5px 20px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  position: relative;
  z-index: 0;
  height: 0;
  padding-bottom: 87.8%;
  background-size: cover !important;
  background-position: bottom right !important;
}
@media screen and (max-width: 600px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__img {
    box-shadow: 3px 3px 10px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid #fff;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__img {
    width: 75%;
    padding-bottom: 75%;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__cat {
  max-width: 300px;
  width: 17em;
  margin: -8% auto 0 5%;
  position: relative;
  letter-spacing: 0;
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__cat {
    width: 56%;
    margin: -10% auto 0 2%;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__cat--in--txt {
  float: left;
  width: 50%;
  text-align: center;
  font-size: 2.5vw;
  padding: 0.5em 0.3em;
  box-sizing: border-box;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__cat--in--txt {
    font-size: 12px;
    padding: 5px;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__cat--in--txt {
    font-size: 3.3vw;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__cat--in--txt:not(:nth-of-type(2n)) {
  margin-right: 2%;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__cat--in--txt:not(:nth-of-type(-n+2)) {
  margin-top: 2%;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__cat--in .cat-item1 {
  color: #fff;
  background: #333;
  border: 1px solid #333;
  border-radius: 3px;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__cat--in .cat-item2 {
  color: #d70000;
  background: #fff;
  border: 1px solid #d70000;
  width: 44%;
  border-radius: 3px;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__cat--in .cat-item3 {
  width: 98%;
  text-align: left;
  color: #333;
  line-height: 1.4em;
  font-size: 1.3rem;
  padding: 2px 0 4px;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price {
  background-image: url("../../../../toilet_cmn/images/cat_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  max-width: 250px;
  width: 34vw;
  height: 34vw;
  margin: -40% -10vw 0 auto;
  padding: 4% 3.5vw 6%;
  box-sizing: border-box;
  letter-spacing: 0;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price {
    width: 42%;
    height: 174px;
    margin: -37% 0 0 auto;
    padding: 3% 2% 0;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price {
    width: 41vw;
    height: 41vw;
    padding: 2% 5vw 6%;
    margin: -44% 0 0 auto;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note {
  text-shadow: 2px 2px 1px #f00, -2px 2px 1px #f00, 2px -2px 1px #f00, -2px -2px 1px #f00, 2px 0px 1px #f00, 0px 2px 1px #f00, -2px 0px 1px #f00, 0px -2px 1px #f00;
  margin-bottom: 10%;
  position: relative;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note::before {
  content: "";
  position: absolute;
  display: block;
  top: 4vw;
  left: 4%;
  height: 3.5vw;
  width: 1.7%;
  background: #ff0;
  border: 2px solid #f00;
  transform: rotate(-60deg);
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note::before {
    top: 110%;
    height: 2.7em;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note::before {
    top: 4vw;
    left: 0;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note::after {
  content: "";
  position: absolute;
  display: block;
  top: 0vw;
  right: 22%;
  height: 3.5vw;
  width: 1.7%;
  background: #ff0;
  border: 2px solid #f00;
  transform: rotate(15deg);
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note::after {
    top: 0%;
    height: 2.7em;
    right: 23%;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note::after {
    right: 13%;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note span {
  display: inline-block;
  color: #ff0;
  font-size: 2.9vw;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note span {
    font-size: 15px;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note span {
    font-size: 3.4vw;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note span:nth-of-type(1) {
  transform: rotate(-23deg);
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note span:nth-of-type(1) {
    transform: rotate(-23deg) translateY(2px);
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note span:nth-of-type(2) {
  transform: rotate(-12deg);
  margin: -5% auto 0 15%;
  display: block;
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--note span:nth-of-type(2) {
    margin-left: 5vw;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num {
    margin-left: 10px;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num span {
  color: #ff0;
  text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0px 1px #000, 0px 2px 1px #000, -2px 0px 1px #000, 0px -2px 1px #000;
  font-style: italic;
  white-space: nowrap;
  letter-spacing: 0.05em;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-natural {
  font-size: 13vw;
  font-family: 'Anton' !important;
  padding-left: 0.1em;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-natural {
    font-size: 60px;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-natural {
    font-size: 15vw;
    padding-left: 0;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-few {
  font-size: 6.7vw;
  font-family: 'Anton' !important;
  margin-left: 0.1em;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-few {
    font-size: 29px;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-few {
    font-size: 6.8vw;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-tax {
  font-size: 1.5vw;
  margin-left: -0.1em;
  margin-right: -4vw;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-tax {
    font-size: 10px;
    margin-right: -2em;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-tax {
    font-size: 2.5vw;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-unit {
  font-size: 4.4vw;
  font-weight: bold;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-unit {
    font-size: 25px;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num .price-unit {
    font-size: 5.5vw;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt {
  max-width: 180px;
  margin: 0 auto;
  letter-spacing: 0.5px !important;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt p {
  text-shadow: 2px 2px 1px #f00, -2px 2px 1px #f00, 2px -2px 1px #f00, -2px -2px 1px #f00, 2px 0px 1px #f00, 0px 2px 1px #f00, -2px 0px 1px #f00, 0px -2px 1px #f00;
  font-size: 3vw;
  line-height: 1.3em;
  color: #fff;
  padding-left: 1em;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt p {
    font-size: 13px;
  }
}
@media screen and (max-width: 480px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt p {
    text-shadow: 1px 1px 1px #f00, -1px 1px 1px #f00, 1px -1px 1px #f00, -1px -1px 1px #f00, 1px 0px 1px #f00, 0px 1px 1px #f00, -1px 0px 1px #f00, 0px -1px 1px #f00;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt p {
    font-size: 3.5vw;
    padding-left: 0.4vw;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt p font {
  font-size: 0.6em;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt p span {
  position: relative;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt p span::before {
  content: "";
  position: absolute;
  display: block;
  top: 61%;
  width: 100%;
  height: 0.2vw;
  background: #4b0606;
}
@media screen and (min-width: 640px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt p span::before {
    height: 1px;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt p span::after {
  content: "";
  position: absolute;
  display: block;
  top: 48%;
  width: 100%;
  height: 0.2vw;
  background: #4b0606;
}
@media screen and (min-width: 640px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--txt p span::after {
    height: 1px;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note * {
  letter-spacing: 0;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--catch {
  background-image: url("../../../../toilet_cmn/images/note_bg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  width: 34%;
  height: 16vw;
  margin-left: -7%;
  margin-right: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--catch {
    width: 27.5%;
    height: 20vw;
    margin-left: 0;
  }
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--catch {
    width: 120px;
    height: 88px;
    display: none;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--catch P {
  color: #fff;
  font-size: 2.81vw;
  text-align: center;
  transform: rotate(-25deg) translateX(5px);
  text-indent: -1em;
  line-height: 1.2em;
  margin: -0.3vw 0 0 -0.3vw;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--catch P {
    font-size: 15px;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--catch P {
    font-size: 3.6vw;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--cat {
  width: 74.5%;
  padding-right: 8%;
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--cat {
    width: 70.5%;
    padding-right: 0%;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--cat ul .slider_cnt__note--cat--txt {
  float: left;
  width: 32%;
  padding: 0.4em 0;
  border: 1px solid #0089d8;
  box-sizing: border-box;
  background: #fff;
  font-size: 2.5vw;
  color: #0089d8;
  text-align: center;
}
@media screen and (min-width: 601px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--cat ul .slider_cnt__note--cat--txt {
    font-size: 12px;
  }
}
@media screen and (max-width: 360px) {
  .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--cat ul .slider_cnt__note--cat--txt {
    font-size: 3.6vw;
  }
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--cat ul .slider_cnt__note--cat--txt:not(:nth-of-type(3n)) {
  margin-right: 2%;
}
.pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__note--cat ul .slider_cnt__note--cat--txt:not(:nth-of-type(-n+3)) {
  margin-top: 2%;
}
.pdm-cnt .top_FV__inner--slider .top_FV__inner--bottom--logo {
  position: absolute;
  bottom: 0;
  font-weight: bold;
  color: #0089d8;
  font-size: 14vw;
  white-space: nowrap;
  line-height: 0;
}
.pdm-cnt .top_FV__inner--slider .top_FV__inner--bottom--logo img {
  max-width: 15%;
}
.pdm-cnt .PDM_section {
  background-color: #0089d8;
  width: 100%;
  padding: 0 0 200px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .pdm-cnt .PDM_section {
    padding: 0 0 20%;
  }
}
.pdm-cnt .PDM_section h2 {
  font-size: 80px;
  font-weight: bold;
  color: #0089d8;
  position: absolute;
  top: -0.9em;
  animation: pdm_h2_loop 6s linear infinite;
}
@media screen and (max-width: 600px) {
  .pdm-cnt .PDM_section h2 {
    font-size: 10vw;
  }
}
.top_FV__inner--link {
  padding: 0 2%;
  box-sizing: border-box;
}
.top_FV__inner--link--btn {
  width: 430px;
  max-width: 88%;
  margin: 0 auto 4%;
  background: #ff8a00;
  border: solid 1px #fff;
  border-radius: 65px;
  position: relative;
  box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.2);
  transition: all 1s;
  opacity: 0;
  -webkit-animation: fadeInDown 0.8s ease-in-out 2.8s forwards;
  animation: fadeInDown 0.8s ease-in-out 2.8s forwards;
}
@media screen and (min-width: 601px) {
  .top_FV__inner--link--btn {
    margin-bottom: 35px;
    opacity: 0;
  }
}
.top_FV__inner--link--btn:hover {
  box-shadow: none;
}
.top_FV__inner--link--btn:hover::after {
  opacity: 0.6;
}
.top_FV__inner--link--btn::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  right: 9%;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 9px 0 9px 9px;
}
@media screen and (max-width: 510px) {
  .top_FV__inner--link--btn::after {
    border-width: 1.8vw 0 1.8vw 1.8vw;
  }
}
.top_FV__inner--link--btn a {
  padding: 4% 3% 4% 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 510px) {
  .top_FV__inner--link--btn a {
    font-size: 5vw;
  }
}
.top_FV__inner--link--btn a img {
  display: block;
  margin-right: 6%;
  margin-left: -11%;
  max-width: 10%;
}
.top_FV__inner--link--note p {
  text-align: center;
}
.top_FV__inner--link--note p span {
  display: block;
  text-align: center;
  font-size: 23px;
  line-height: 1.5em;
}
@media screen and (max-width: 600px) {
  .top_FV__inner--link--note p span {
    font-size: 3vw;
  }
}
@keyframes pdm_h2_loop {
  0% {
    transform: translateX(200%);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.top_FV__inner--catch2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100% !important;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  letter-spacing: 0;
  z-index: -1;
  overflow: hidden;
}
.top_FV__inner--catch2:before {
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .top_FV__inner--catch2:before {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
  }
}
.pdm-equipment .header {
  height: 80px;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header {
    height: 60px;
  }
}
.pdm-equipment .header__inner--logo {
  height: 80px;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--logo {
    height: 60px;
  }
}
.pdm-equipment .header__inner--logo--img {
  max-height: none;
}
.pdm-equipment .header__inner--logo--txt a {
  line-height: 50px;
  height: 50px;
}
.pdm-equipment .header__inner--cnt {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.pdm-equipment .header__inner--cnt--tel {
  background-color: #f2f2f2;
  width: 260px;
  height: 80px;
  box-sizing: border-box;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--tel {
    width: 60px;
    height: 60px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #738e03;
    padding: 5px;
  }
}
.pdm-equipment .header__inner--cnt--tel a {
  color: #0d2601;
}
.pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--01 {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  height: 28px;
  line-height: 28px;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--01 {
    margin-bottom: 8px;
  }
}
.pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--01 img {
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--01 img {
    padding-right: 0;
    max-width: 30px;
  }
}
.pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--04 {
  display: block;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--04 {
    display: none;
  }
}
.pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--02 {
  display: block;
  text-align: right;
  font-size: 12px;
  letter-spacing: 0;
  text-align: left;
  margin-left: 4em;
}
.pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--02 .space {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--02 {
    display: none;
  }
}
.pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--03 {
  display: none;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--tel a .header__inner--cnt--tel--03 {
    display: block;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: -0.05em;
  }
}
.pdm-equipment .header__inner--cnt--tel div {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--tel div {
    display: block;
  }
}
.pdm-equipment .header__inner--cnt--mail {
  background-color: #738e03;
  width: 190px;
  height: 80px;
  box-sizing: border-box;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--mail {
    width: 60px;
    height: 60px;
    margin-right: 2px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 5px 5px;
  }
}
.pdm-equipment .header__inner--cnt--mail a {
  color: #fff;
}
.pdm-equipment .header__inner--cnt--mail a .header__inner--cnt--mail--01 {
  margin: 0 auto;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  height: 22px;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--mail a .header__inner--cnt--mail--01 {
    display: block;
    text-align: center;
    font-size: 10px;
    letter-spacing: -0.05em;
    line-height: 30px;
    height: 30px;
  }
}
.pdm-equipment .header__inner--cnt--mail a .header__inner--cnt--mail--01 img {
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--mail a .header__inner--cnt--mail--01 img {
    padding-right: 0;
    display: block;
    margin: 0 auto;
    max-width: 30px;
  }
}
.pdm-equipment .header__inner--cnt--mail a .header__inner--cnt--mail--02 {
  display: block;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--mail a .header__inner--cnt--mail--02 {
    display: none;
  }
}
.pdm-equipment .header__inner--cnt--mail a .header__inner--cnt--mail--03 {
  margin: 0 auto;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
  height: 30px;
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  max-width: 30px;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--mail a .header__inner--cnt--mail--03 {
    margin-bottom: 0;
    box-sizing: border-box;
    padding: 4.5px 0;
  }
}
.pdm-equipment .header__inner--cnt--mail a div {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .header__inner--cnt--mail a div {
    display: block;
  }
}
.pdm-equipment .display-pc {
  display: block !important;
}
.pdm-equipment .display-sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .pdm-equipment .display-pc {
    display: none !important;
  }
  .pdm-equipment .display-sp {
    display: block !important;
  }
}
/********************************************
 // ↓ animation.scss
 ********************************************/
.reflection {
  height: 50%;
  width: 18px;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 4s ease-in-out infinite;
}
@keyframes reflection {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(12) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(180) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(12) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(180) rotate(45deg);
    opacity: 0;
  }
}
@media screen and (max-width: 768px) {
  .reflection {
    background-color: #fff;
  }
  @keyframes reflection {
    0% {
      transform: scale(0) rotate(45deg);
      opacity: 0;
    }
    80% {
      transform: scale(0) rotate(45deg);
      opacity: 0.5;
    }
    81% {
      transform: scale(4) rotate(45deg);
      opacity: 1;
    }
    100% {
      transform: scale(50) rotate(45deg);
      opacity: 0;
    }
  }
  @-webkit-keyframes reflection {
    0% {
      -webkit-transform: scale(0) rotate(45deg);
      opacity: 0;
    }
    80% {
      -webkit-transform: scale(0) rotate(45deg);
      opacity: 0.5;
    }
    81% {
      -webkit-transform: scale(4) rotate(45deg);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(50) rotate(45deg);
      opacity: 0;
    }
  }
}
.top-price {
  padding: 3%;
  background: #0089d9;
}
.top-price h2 {
  position: relative;
  width: 100%;
  height: 263px;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .top-price h2 {
    height: calc(263px * 0.50);
  }
}
@media screen and (max-width: 767px) {
  .top-price h2 {
    margin: 0 0 40px;
    height: auto;
  }
}
.top-price h2 img {
  max-width: initial;
  max-width: none;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .top-price h2 img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .top-price h2 img {
    max-width: 100%;
    position: relative;
    left: 0;
    top: 0;
    transform: translateX(0);
    height: auto;
    width: 100%;
  }
}
.top-price .top-price-flyer {
  margin: 0 auto 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .top-price .top-price-flyer {
    margin: 0 auto 20px;
  }
}
.top-price .top-price-flyer figure:first-child {
  width: 44.92%;
}
@media screen and (min-width: 768px) {
  .top-price .top-price-flyer figure:first-child {
    width: 27.63%;
    margin: 20px 20px 0 0;
  }
}
.top-price .top-price-flyer figure:last-child {
  width: 50.7%;
  padding: 10px 0 0;
}
@media screen and (min-width: 768px) {
  .top-price .top-price-flyer figure:last-child {
    width: 44.72%;
    padding: 0;
  }
}
.top-price .top-price-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top-price .top-price-list .top-price-item {
  margin-bottom: 30px;
  background: url(../../../../toilet_cmn/images/bg_accent01_sp.png) no-repeat right bottom / 100% auto #fff;
  width: calc(50% - 15px);
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .top-price .top-price-list .top-price-item {
    width: calc(100%);
    max-width: 560px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 767px) {
  .top-price .top-price-list .top-price-item {
    width: calc(100%);
    max-width: 560px;
    margin: 0 auto 10px;
  }
}
.top-price .top-price-list .top-price-item .top-price-inr {
  display: flex;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
.top-price .top-price-list .top-price-item .top-price-inr figure {
  width: 220px;
  background: #f9f9f9;
  background-size: contain;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .top-price .top-price-list .top-price-item .top-price-inr figure {
    width: 152px;
  }
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text {
  position: relative;
  width: calc(100% - 220px);
  padding: 30px 5px 5px 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .top-price .top-price-list .top-price-item .top-price-inr .top-price-text {
    width: calc(100% - 152px);
    padding: 25px 5px 5px 10px;
  }
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-maker {
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
}
@media screen and (max-width: 767px) {
  .top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-maker {
    font-size: 1.4rem;
  }
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-name {
  font-size: 1.6rem;
  line-height: 1.35em;
  color: #333;
}
@media screen and (max-width: 767px) {
  .top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-name {
    font-size: 1.4rem;
  }
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-regular {
  margin: 0 0 10px;
  font-size: 1.2rem;
  text-align: right;
  position: relative;
  color: #000;
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-regular:before {
  content: "";
  width: 10em;
  height: 1px;
  top: 45%;
  right: 0;
  background: #d8323f;
  z-index: 10;
  position: absolute;
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-regular:after {
  content: "";
  width: 10em;
  height: 1px;
  top: 58%;
  right: 0;
  background: #d8323f;
  z-index: 10;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-regular {
    font-size: 1rem;
  }
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-special {
  text-align: right;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: #d70000;
  white-space: nowrap;
  text-shadow: #fff 2px 0px 0px, #fff -2px 0px 0px, #fff 0px -2px 0px, #fff 0px 2px 0px, #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px, #fff 1px 2px 0px, #fff -1px 2px 0px, #fff 1px -2px 0px, #fff -1px -2px 0px, #fff 2px 1px 0px, #fff -2px 1px 0px, #fff 2px -1px 0px, #fff -2px -1px 0px, #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}
@media screen and (max-width: 767px) {
  .top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-special {
    font-size: 1.4rem;
  }
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-special strong {
  display: inline-block;
  font-size: 2.5em;
  font-weight: 600;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  line-height: 1em;
  font-family: 'Anton' !important;
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-cate {
  position: absolute;
  top: 5px;
  right: 0;
  text-align: right;
  font-size: 1.6rem;
  line-height: 1;
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-cate span {
  display: inline-block;
  margin: 0 0 5px;
  padding: 0 15px;
  line-height: 30px;
  background: -moz-linear-gradient(left, #10937c, #abb896);
  background: -webkit-linear-gradient(left, #10937c, #abb896);
  background: linear-gradient(to right, #10937c, #abb896);
  background: #ff8a00;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-cate span {
    font-size: 1.2rem;
    line-height: 20px;
  }
}
.top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-cate small {
  display: block;
  display: none;
  padding: 0 5px;
  font-size: 1rem;
  font-weight: 400;
  color: #3d9e84;
}
@media screen and (max-width: 767px) {
  .top-price .top-price-list .top-price-item .top-price-inr .top-price-text .top-price-cate small {
    font-size: 1rem;
  }
}
.top-price .top-price-list .top-price-item .top-price-inr .product__discount {
  width: 55px;
  height: 55px;
  top: 5px;
  left: 5px;
}
@media (min-width: 768px) {
  .top-price .top-price-list .top-price-item .top-price-inr .product__discount {
    width: 60px;
    height: 60px;
    top: 5px;
    left: 5px;
  }
}
.top-price .top-price-list .top-price-item .top-price-inr .product__discount .product__discount--yellow {
  font-size: 1.1rem;
  font-weight: normal;
  top: 2px;
}
.top-price .top-price-list .top-price-item .top-price-inr .product__discount .product__discount-percentage--num {
  font-size: 1.8rem;
  top: 3px;
}
.top-price .top-price-list .top-price-item .top-price-inr .product__discount .product__discount-percentage--off {
  font-size: 1.2rem;
  top: 3px;
  font-weight: normal;
}
.top-price .top-price-list .top-price-item .top-price-inr .product__discount .product__discount-percentage--max {
  font-size: 1rem;
  letter-spacing: -0.05em;
  margin: 6px 0 0 2px;
}
.top-price .top-price-list .top-price-item .top-price-inr .product__discount .product__discount-percentage--icon {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .top-price .top-price-list .top-price-item .top-price-inr .product__discount .product__discount--yellow {
    font-size: 1.1rem;
    top: 2px;
  }
  .top-price .top-price-list .top-price-item .top-price-inr .product__discount .product__discount-percentage {
    top: -6px;
  }
  .top-price .top-price-list .top-price-item .top-price-inr .product__discount .product__discount-percentage--num {
    font-size: 2.2rem;
  }
  .top-price .top-price-list .top-price-item .top-price-inr .product__discount .product__discount-percentage--max {
    font-size: 1rem;
    letter-spacing: -0.05em;
    margin: 6px 0 0 2px;
  }
  .top-price .top-price-list .top-price-item .top-price-inr .product__discount .product__discount-percentage--icon {
    font-size: 1.6rem;
  }
}
.bg_m {
  top: 0;
  overflow: hidden;
  position: fixed !important;
  z-index: -1;
  height: 100vh;
  width: 100vw;
}
.bg_m:before {
  content: "";
  opacity: 0.2;
  background-image: url("../../../../toilet_cmn/images/fv_bg_water.svg");
  transform: rotate(355deg);
  background-size: 50%;
  background-position: 0 0;
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  top: -50%;
  left: -6%;
  right: 0;
  margin: auto;
  z-index: -1;
  -webkit-animation: slide-background-data-v-35014399 20s linear 0s infinite;
  animation: slide-background-data-v-35014399 20s linear 0s infinite;
}
@media (min-width: 768px) {
  .bg_m:before {
    background-size: 25%;
    -webkit-animation: slide-background-data-v-35014399 50s linear 0s infinite;
    animation: slide-background-data-v-35014399 50s linear 0s infinite;
  }
}
.top-vert-card__ribbon {
  display: none;
}
.btn__works_more span {
  font-size: 1.3rem;
  margin: 10px auto 30px;
}
p {
  font-size: 1.4rem;
  line-height: 1.75em;
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
:root {
  --color-orange: #ffad01;
  --color-lightorange: #f9b901;
  --color-darkorange: #ff8a00;
  --color-yellow: #ffe82c;
  --color-lightyellow: #fff799;
  --color-green: #1aa959;
  --color-red: #f02d50;
  --color-red2: #ff4701;
  --color-lightgray: #e2ecee;
  --color-lightgray2: #f6f6f6;
  --color-gray: #b1b1b1;
  --color-black: #222;
  --color-white: #fff;
  --color-tag-red: #f02d50;
  --color-tag-blue: #4f3ee4;
  --color-tag-green: #43c596;
  --color-tag-yellow: #f5a400;
}
* {
  box-sizing: border-box;
}
.m-0 {
  margin: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.mb-7 {
  margin-bottom: 7px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-26 {
  margin-bottom: 26px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-34 {
  margin-bottom: 34px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-47 {
  margin-top: 47px !important;
}
.p-0 {
  padding: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.transition-1s {
  transition: all 1s;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
.block {
  display: block;
}
.hidden {
  opacity: 0;
  font-size: 0;
  position: absolute;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
.align-left {
  text-align: left !important;
}
.invisible {
  opacity: 0;
}
.invisible-scale {
  opacity: 0;
  transform: scale(0);
}
.invisible-slide-bottom {
  opacity: 0;
  transform: translateY(40px);
}
.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  opacity: 1;
  transition: width 0.1s, opacity 0.4s;
  background-color: #000;
  z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
  transition: none;
}
.nuxt-progress-failed {
  background-color: red;
}
.site-header {
  position: relative;
  z-index: 10;
}
.site-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 768px;
  padding: 8px 12px;
  margin: 0 auto;
  position: relative;
}
.site-header__title {
  background-color: var(--color-white);
  max-width: 140px;
  margin: 0;
  padding: 0 2px;
}
.site-header__tel, .site-header__title {
  display: flex;
  align-items: center;
  height: 40px;
}
.site-header__tel {
  width: 180px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.055em;
  padding: 0 12px 0 14px;
  color: var(--color-white);
  background: var(--color-green);
  border-radius: 20px 0 0 20px;
  text-decoration: none;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
  position: absolute;
  top: 8px;
  right: 0;
  transition: 0.3s;
}
@media screen and (max-width: 360px) {
  .site-header__tel {
    width: 160px;
    font-size: 12px;
  }
}
.site-header__tel-icon {
  width: 20px;
  height: 22px;
  margin: 0 10px 0 0;
}
.site-header__tel-text {
  opacity: 1;
  transition: 0.3s;
}
.em-text {
  color: var(--color-red);
  font-weight: 800;
}
.laed-text-01 {
  color: var(--color-orange);
  text-align: center;
  margin: 0;
  padding: 0 10px;
}
.laed-text-01__sub {
  display: block;
  font-size: 25px;
  margin: 0 0 -6px;
  font-weight: 800;
  line-height: 1.1;
}
.lead-text-02 {
  text-align: center;
  margin: 0;
  transform: translateY(-10px);
}
.lead-text-02__sub {
  display: inline-block;
  font-size: 14px;
  margin: 4px 0 0;
}
.text-01 {
  font-size: 14px;
  text-align: center;
  margin: 19px 0 16px;
  line-height: 1.75em;
}
.contact-button-01 {
  display: flex;
}
.contact-button-01__main {
  width: 100%;
}
.contact-button-01__main span {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
  text-align: center;
}
.contact-button-01__main span.contact-icon {
  margin-bottom: 0;
}
.contact-button-01__sub {
  margin-left: 20px;
}
.contact-button-02 {
  padding-right: 30px;
}
.contact-button-02__icon {
  display: block;
  width: 28px;
  height: 32px;
  margin-left: 10px;
}
.contact-button-03 {
  padding-right: 30px;
}
.contact-button-03__icon {
  display: block;
  width: 30px;
  height: 22px;
  margin-left: 10px;
}
.main-visual {
  height: 100%;
  z-index: 0;
  position: relative;
}
.main-visual__title {
  top: 19px;
  left: 15px;
}
.main-visual__price {
  display: block;
  position: absolute;
  z-index: 2;
}
.main-visual__price {
  bottom: 20px;
  right: 0;
}
.main-visual__bg {
  display: block;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.page-menu {
  top: 0;
  left: 0;
}
.contact-menu {
  position: fixed;
  z-index: 10;
}
.contact-menu {
  width: 100%;
  max-width: 768px;
  padding: 10px 8px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.contact-menu__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: -10px 0 0 -10px;
}
.contact-menu__item {
  width: 100%;
  flex: 0 1 auto;
  margin: 10px 0 0 10px;
}
.contact-menu__contact-icon {
  height: 28px;
  fill: var(--color-white);
}
.contact-menu__tel-icon {
  height: 25px;
}
.contact-icon {
  display: block;
  width: 84px;
  min-width: 84px;
}
.contact-icon__img {
  border-radius: 8px;
  display: block;
}
.contact-column-01 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 0 10px;
}
.contact-column-01__text {
  margin: 0 0 0 13px;
  font-size: 14px;
}
.menu {
  width: 100%;
  padding: 10px 8px;
}
.menu__inner {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  background-color: var(--color-white);
  border: 1px solid var(--color-darkorange);
  border-radius: 8px;
}
.menu__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  line-height: 1.2;
  margin: 0;
  padding: 5px 9px 6px;
}
.menu__item.--page-top {
  padding: 0 0 0 7px;
}
.menu__anchor {
  display: block;
  color: var(--color-darkorange);
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  padding: 2px 4px;
  border-radius: 8px;
  transition: 0.3s;
}
.menu__item.--page-top .menu__anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 22px;
  height: 22px;
}
.menu__item.--active .menu__anchor {
  background-color: var(--color-yellow);
}
.menu__item.--page-top .menu__text {
  font-size: 0;
}
.conversion-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 70px;
  padding: 6px 10px;
  border: 1px solid var(--color-white);
  border-radius: 40px;
  color: var(--color-white);
  background: #ff8a00;
  /*linear-gradient(90deg, #3cbc74, #1aa959);*/
  text-decoration: none;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
  max-width: 640px;
  margin: 0 auto;
}
.conversion-button.--slim {
  min-height: 70px;
  border-radius: 5px;
  padding: 8px 10px;
}
.conversion-button.--align-left {
  justify-content: flex-start;
}
.conversion-button.--color-02 {
  color: var(--color-white);
  background-color: var(--color-orange);
}
.conversion-button__left {
  align-items: center;
  justify-content: center;
  margin: 0 6px 0 0;
  overflow: hidden;
  display: block;
}
.top_FV .conversion-button__left {
  margin: 10px 15px 6px 0;
}
@media screen and (max-width: 360px) {
  .conversion-button__left {
    display: none;
  }
  .top_FV .conversion-button__left {
    margin: 10px 10px 8px 0;
    display: block;
    width: 34px !important;
    min-width: 34px !important;
  }
}
.conversion-button.--align-left .conversion-button__left {
  margin: 0 6px 0 20px;
}
.conversion-button__content {
  width: 100%;
  text-align: center;
  line-height: 1.2;
}
#section-05 .conversion-button__content {
  text-indent: -2em;
}
.conversion-button.--align-left .conversion-button__content {
  text-align: left;
}
.conversion-button__main {
  display: block;
  font-size: 20px;
  font-weight: 800;
}
@media screen and (max-width: 360px) {
  .conversion-button__main {
    font-size: 18px;
  }
}
.conversion-button.--slim .conversion-button__main {
  font-size: 20px;
  font-weight: 500;
}
.conversion-button__sub {
  display: block;
  font-size: 14px;
  font-weight: 500;
}
.conversion-button.--slim .conversion-button__sub {
  font-size: 12px;
}
.conversion-button.--slim .conversion-button__sub + .conversion-button__main {
  font-size: 15px;
}
.conversion-button__right {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*.conversion-button__right:after {
 content: "";
 display: none;
 width: 0;
 height: 0;
 margin: 0 13px 0 9px;
 border-color: transparent;
 border-style: solid;
 border-width: 6px 5px 0
 }*/
.conversion-button.--arrow-bottom .conversion-button__right:after {
  display: block;
  margin: -4px 9px 0 28px;
  border-width: 6px 5px 0;
  border-top-color: var(--color-white);
}
.conversion-button.--arrow-right .conversion-button__right:after {
  display: block;
  margin: -4px 9px 0 28px;
  border-width: 5px 0 5px 6px;
  border-left-color: var(--color-white);
}
.conversion-button.--contact .conversion-button__right:after {
  margin: -4px 9px 0 14px;
}
.conversion-button.--arrow-bottom.--slim .conversion-button__right:after {
  margin: 0 6px;
}
.conversion-button.--arrow-bottom.--color-02 .conversion-button__right:after {
  border-top-color: var(--color-white);
}
.conversion-button.--arrow-right.--color-02 .conversion-button__right:after {
  border-left-color: var(--color-white);
}
@-webkit-keyframes slide-background-data-v-35014399 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -50% 100px;
  }
  to {
    background-position: -100% 0;
  }
}
@keyframes slide-background-data-v-35014399 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -50% 100px;
  }
  to {
    background-position: -100% 0;
  }
}
.section-block {
  position: relative;
}
.section-block.--with-color-main {
  background-color: var(--color-orange);
  color: var(--color-white);
}
.section-block.--with-bg-color-02 {
  background-color: var(--color-yellow);
}
.section-block.--with-bg-color-03 {
  background-color: #0089d9;
}
.section-block.--with-animation-01 {
  overflow: hidden;
  position: relative;
}
.section-block.--main-visual {
  padding: 0;
  display: flex;
}
.section-block__inner {
  width: 100%;
  max-width: 1024px;
  padding: 35px 12px;
  margin: 0 auto;
}
.section-block.--no-padding .section-block__inner {
  padding: 0 12px;
}
.section-block.--padding-large .section-block__inner {
  padding: 61px 12px 36px;
}
.section-block.--main-visual .section-block__inner {
  display: flex;
  flex-direction: column;
  padding: 56px 0 0;
  margin-top: -56px;
}
.section-block.--lineup .section-block__inner {
  padding-top: 19px;
}
.section-block.--section-merit .section-block__inner {
  background-color: var(--color-orange);
  color: var(--color-white);
  padding: 0 12px;
}
.section-block__icon-bg {
  display: none;
  width: auto;
  height: 21px;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: -21px;
  z-index: 1;
}
.section-block.--with-bg-bottom-main .section-block__icon-bg.--color-orange {
  display: block;
}
.section-inner {
  width: 100%;
  padding: 0 12px;
}
.section-inner.--paffing-large {
  padding: 0 10px;
}
.em-text-01 {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  padding: 4px;
  margin: 4px 0 5px;
  color: var(--color-white);
  letter-spacing: 0.15em;
  text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0 1px #000, 0 2px 1px #000, -2px 0 1px #000, 0 -2px 1px #000;
  background: linear-gradient(transparent 60%, #ff9c00 0, #de3f45);
  box-sizing: border-box;
}
.em-text-01 span {
  font-size: 22px;
  color: var(--color-yellow);
}
.VueCarousel .VueCarousel-pagination {
  max-width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  margin: auto;
}
.VueCarousel .VueCarousel-dot {
  width: 9px;
  height: 9px;
  transition: background-color 0.3s;
}
.VueCarousel .VueCarousel-navigation-button {
  font-size: 0;
}
.VueCarousel .VueCarousel-navigation-button:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.VueCarousel .VueCarousel-navigation-next, .VueCarousel .VueCarousel-navigation-prev {
  font-size: 0;
  color: var(--color-darkorange) !important;
  transform: translateY(-50%) translateX(0) !important;
}
.VueCarousel .VueCarousel-navigation-prev:before {
  border-width: 5px 5px 5px 0;
  border-right-color: var(--color-darkorange);
  left: 17px;
}
.VueCarousel .VueCarousel-navigation-next:before {
  border-width: 5px 0 5px 5px;
  border-left-color: var(--color-darkorange);
  right: 17px;
}
.VueCarousel .VueCarousel-navigation--disabled {
  display: none;
}
.VueCarousel.--main-visual {
  height: 100%;
}
.VueCarousel.--main-visual .VueCarousel-inner, .VueCarousel.--main-visual .VueCarousel-wrapper {
  height: 100% !important;
}
.VueCarousel.--main-visual .VueCarousel-pagination {
  display: block;
  padding: 0 4px;
  right: auto;
  bottom: 12px;
  text-align: left;
}
.VueCarousel.--main-visual .VueCarousel-dot {
  width: 18px !important;
  height: 18px !important;
  padding: 10px 7.5px !important;
}
.VueCarousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.VueCarousel--reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.VueCarousel-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.VueCarousel-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.VueCarousel-inner--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.VueCarousel-slide {
  -ms-flex-preferred-size: inherit;
  flex-basis: inherit;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}
.VueCarousel-slide-adjustableHeight {
  display: table;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 100%;
}
.VueCarousel-pagination {
  width: 100%;
  text-align: center;
}
.VueCarousel-pagination--top-overlay {
  position: absolute;
  top: 0;
}
.VueCarousel-pagination--bottom-overlay {
  position: absolute;
  bottom: 0;
}
.VueCarousel-dot-container {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}
.VueCarousel-dot {
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-clip: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0;
  border-radius: 100%;
  outline: 0;
}
.VueCarousel-dot:focus {
  outline: 1px solid #add8e6;
}
.box.--has-img {
  padding: 40px 0 0;
}
.box.--full-height {
  height: 100%;
}
.box__inner {
  padding: 14px;
  border-radius: 8px;
  color: var(--color-black);
  background-color: var(--color-white);
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
}
.box.--carousel-slide > .box__inner {
  padding: 11px 25px;
  font-size: 14px;
}
.box.--has-img > .box__inner {
  padding: 50px 14px 40px;
}
.box.--full-height > .box__inner {
  height: 100%;
}
.box.--color-02 > .box__inner {
  background: linear-gradient(135deg, #fdf8bb, #fff799 70%, #fff799);
}
.box.--border-color-02 > .box__inner {
  border: 2px solid var(--color-yellow);
}
.box.--padding-top-02 > .box__inner {
  padding-top: 30px;
}
.box__inner img {
  margin: 0 auto;
  border-radius: 3px;
}
.box__icon {
  width: 120px;
  height: 100px;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
}
.box__icon {
  background-color: var(--color-white);
  border-radius: 50%;
}
.box__icon-img {
  justify-content: center;
  align-items: center;
  display: block;
}
.box__icon-img {
  width: 50px;
  height: 50px;
  margin: 30px auto;
}
.box__icon-img img {
  max-height: 100%;
}
#section-02 .box__inner {
  border: 2px solid #fff;
}
.heading {
  font-size: 24px;
  font-weight: 800;
  color: #343434;
  /*var(--color-darkorange);*/
  text-align: center;
  margin: 30px 0 30px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-shadow: #fff 2px 0px 5px, #fff 0px 2px 5px, #fff -2px 0px 5px, #fff 0px -2px 5px, #fff 2px 1px 5px, #fff 1px 2px 5px, #fff -2px -1px 5px, #fff -1px -2px 5px;
}
@media screen and (max-width: 360px) {
  .heading {
    font-size: 20px;
  }
}
.heading.--large {
  font-size: 36px;
}
@media screen and (max-width: 360px) {
  .heading.--large {
    font-size: 24px;
  }
}
.heading.--level-3 {
  font-size: 22px;
}
@media screen and (max-width: 360px) {
  .heading.--level-3 {
    font-size: 20px;
  }
}
.heading.--level-4 {
  font-size: 20px;
  color: var(--color-orange);
}
@media screen and (max-width: 360px) {
  .heading.--level-4 {
    font-size: 18px;
  }
}
.heading.--level-5 {
  font-size: 16px;
  color: var(--color-orange);
}
.heading.--level-6 {
  font-size: 14px;
  color: var(--color-orange);
}
.heading span.emphasize--size {
  font-size: 1.2em;
  color: var(--color-red2);
  background: linear-gradient(transparent 70%, #ffe82c 0);
}
.heading span.emphasize--left {
  margin-left: 5px;
}
.heading span.emphasize--right {
  margin-right: 5px;
}
#section-02 .heading {
  margin-top: 50px;
}
#section-05 .heading {
  margin-top: 10px;
}
#section-06 .heading {
  margin-top: 10px;
  margin-bottom: 70px;
}
.product-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: -10px 0 0 -10px;
  list-style: none;
}
.product-list > li {
  width: calc(50% - 10px);
  margin: 10px 0 0 10px;
}
.product-list.--col-1 {
  display: block;
  margin: 0;
}
.product-list.--col-1 > li {
  width: 100%;
  margin: 0 0 10px;
}
.product-list.--col-3 {
  margin: -15px 0 0 -15px;
}
.product-list.--col-3 > li {
  width: calc(33.33333% - 15px);
  margin: 15px 0 0 15px;
}
.product-link {
  display: block;
  background-color: var(--color-lightgray2);
  color: inherit;
  padding: 10px 10px 5px;
  border-radius: 8px;
  text-decoration: none;
  transition: 0.3s;
  overflow: hidden;
  position: relative;
}
.product-link:after {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 8px;
  border: 2px solid transparent;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  transition: border-color 0.3s;
}
.product-link.--active:after {
  border-color: var(--color-tag-red);
}
.product-link__thumbnail {
  margin: 0 0 3px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.product-link__img {
  display: block;
  width: 100%;
}
.product-link__badge {
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.product-link__content {
  display: flex;
  flex-direction: column;
}
.product-link__content > {
  order: 2;
}
.product-link__title {
  display: block;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 1px 1px 0 var(--color-white), -1px 1px 0 var(--color-white), 1px -1px 0 var(--color-white), -1px -1px 0 var(--color-white);
  order: 1;
  position: relative;
  z-index: 1;
}
.product-link__price {
  display: flex;
  justify-content: flex-end;
  position: relative;
  right: -5px;
  z-index: 0;
}
.product-link__price img {
  display: block;
}
.product-link__price:before {
  content: "";
  display: block;
  background-image: url(/bath_sp/img/bg-product-nav.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 63px;
  height: 47px;
  position: absolute;
  right: -5px;
  bottom: -4px;
  z-index: -1;
}
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  max-width: 100%;
  padding: 0 10px;
  height: 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-white);
  background-color: var(--color-tag-red);
}
.img-box {
  border: 2px solid var(--color-darkorange);
  border-radius: 8px;
  overflow: hidden;
}
.img-box.--no-border {
  border: 0;
}
.img-box__img {
  display: block;
  width: 100%;
}
.description-list {
  margin: 14px 0 0;
  padding: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 1.75em;
}
#section-02 .description-list {
  padding: 0;
  border: none;
  border-radius: 0;
}
.description-list-item-01 {
  margin: 4px 0 0;
}
.description-list-item-01:last-of-type dd {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.description-list-item-01__title {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--color-darkorange);
  font-weight: 800;
  margin: 0 0 1px;
}
.description-list-item-01.--title-color-02 .description-list-item-01__title {
  color: var(--color-black);
}
.description-list-item-01__title-text {
  display: block;
}
.description-list-item-01__title-icon {
  display: block;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0 6px 0 0;
}
.description-list-item-01__value {
  margin: 0 0 10px;
  padding: 0 0 5px;
  font-size: 14px;
  border-bottom: 1px solid #d8d8d8;
}
#section-02 .description-list-item-01__value {
  padding: 0;
  border-bottom: none;
}
.price-text {
  display: block;
  font-size: 12px;
  max-width: 320px;
  line-height: 1.2;
  background: url(/bath_sp/img/bg-product-round.png) no-repeat 91% top;
  background-size: 100px 60px;
}
.price-text__original {
  position: relative;
  font-size: 18px;
  color: var(--color-black);
  letter-spacing: 0;
  margin-right: 0;
}
.price-text__original:before {
  border-top: 1px solid red;
  top: calc(50% - 3px);
}
.price-text__original:before {
  content: "";
  width: 90px;
  height: 2px;
  position: absolute;
  left: 0;
}
.price-text__original:after {
  border-bottom: 1px solid red;
  bottom: calc(50% - 3px);
}
.price-text__value {
  font-weight: 800;
  /*font-family: "M PLUS Rounded", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
  font-size: 40px;
  color: red;
  line-height: 1;
  letter-spacing: -0.05em;
}
.price-text__integer {
  margin-right: -10px;
  color: var(--color-yellow);
  text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0 1px #000, 0 2px 1px #000, -2px 0 1px #000, 0 -2px 1px #000;
}
.price-text__integer:before {
  content: "➡";
  font-size: 24px;
  color: red;
  text-shadow: none;
  margin-right: -5px;
}
.price-text__dot {
  margin-right: -5px;
  letter-spacing: 0;
}
.price-text__dot {
  font-size: 24px;
  color: var(--color-yellow);
  text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0 1px #000, 0 2px 1px #000, -2px 0 1px #000, 0 -2px 1px #000;
}
.price-text__few {
  margin: 0 -5px 0 -6px;
}
.price-text__unit {
  margin-left: 2px;
  font-size: 12px;
  font-weight: 800;
  color: var(--color-yellow);
  text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0 1px #000, 0 2px 1px #000, -2px 0 1px #000, 0 -2px 1px #000;
}
.price-text__option {
  margin-left: -4px;
}
.tag-list {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-darkorange);
  margin: 16px 0 0;
}
.tag-list__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: -6px 0 0 -10px;
}
.tag-list__item {
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  border-radius: 5px;
  padding: 2px 8px 3px;
  margin: 6px 0 0 10px;
}
.tag-list.--col-2 .tag-list__item {
  justify-content: center;
  width: calc(50% - 10px);
}
.tag-list.--color-2 .tag-list__item {
  background: var(--color-yellow);
}
.img-list {
  margin: 20px 0 0;
}
.img-list__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: -10px 0 0 -13px;
  list-style: none;
}
.img-list__list > li {
  width: calc(50% - 13px);
  margin: 10px 0 0 13px;
  border-radius: 8px;
  overflow: hidden;
}
.img-list__list > li img {
  display: block;
  width: 100%;
}
.m-0 {
  margin: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.mb-7 {
  margin-bottom: 7px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-26 {
  margin-bottom: 26px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-34 {
  margin-bottom: 34px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-47 {
  margin-top: 47px !important;
}
.zoomable-img {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.zoomable-img__img {
  display: block;
  width: 100%;
  cursor: pointer;
}
.zoomable-img__button {
  display: block;
  background-color: transparent;
  border: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.zoomable-img__label {
  font-size: 0;
}
.zoomable-img__modal-content > :first-child {
  margin-top: 0 !important;
}
.zoomable-img__modal-content > :last-child {
  margin-bottom: 0 !important;
}
.em-text-02 {
  display: block;
  text-align: center;
}
.em-text-02__inner {
  display: inline-block;
  color: var(--color-darkorange);
  font-size: 18px;
  padding: 0 20px;
  font-weight: 800;
  line-height: 1.3;
  position: relative;
}
.em-text-02__inner:before {
  content: "";
  display: block;
  width: 2px;
  height: 24px;
  background-color: var(--color-yellow);
  border-radius: 1px;
  position: absolute;
  top: 50%;
}
.em-text-02__inner:before {
  left: 0;
  transform: translateY(-50%) rotate(-28deg);
}
.em-text-02__inner:after {
  right: 0;
  transform: translateY(-50%) rotate(28deg);
}
.em-text-03 {
  display: block;
  max-width: 282px;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
  position: relative;
  line-height: 1.6;
}
.em-text-03 em {
  font-weight: 800;
}
.em-text-03__icon-after {
  width: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.em-text-03__icon-before {
  left: 0;
}
.em-text-03__icon-after {
  right: 0;
}
.m-0 {
  margin: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.mb-7 {
  margin-bottom: 7px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-26 {
  margin-bottom: 26px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-34 {
  margin-bottom: 34px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-47 {
  margin-top: 47px !important;
}
.toggle {
  font-size: 14px;
  padding: 0;
  background-color: var(--color-lightyellow);
  border-radius: 8px;
}
.toggle::-webkit-details-marker {
  display: none;
}
.toggle__summary {
  color: var(--color-darkorange);
  padding: 10px 16px 10px 40px;
  font-weight: 800;
  position: relative;
  cursor: pointer;
}
.toggle__summary::-webkit-details-marker {
  display: none;
}
.toggle__summary-initial {
  font-size: 20px;
  left: 10px;
}
.toggle__summary-button, .toggle__summary-initial {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.toggle__summary-button {
  background-color: transparent;
  width: 14px;
  height: 14px;
  border: 0;
  padding: 0;
  right: 10px;
}
.toggle__summary-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
}
.toggle__content {
  padding: 13px 16px 19px 40px;
  position: relative;
}
.toggle__content > :first-child {
  margin-top: 0 !important;
}
.toggle__content > :last-child {
  margin-bottom: 0 !important;
}
.toggle__content-initial {
  color: var(--color-darkorange);
  font-weight: 800;
  font-size: 20px;
  position: absolute;
  top: 8px;
  left: 12px;
}
.toggle__content-initial + * {
  margin-top: 0;
}
.product-item {
  max-width: 540px;
  display: flex;
  margin: 0 auto;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.product-item__thumbnail {
  width: 162px;
  max-width: 162px;
  padding: 0 10px 10px 0;
  position: relative;
}
@media screen and (min-width: 641px) {
  .product-item__thumbnail {
    width: 100%;
    max-width: 311px;
  }
}
@media screen and (max-width: 360px) {
  .product-item__thumbnail {
    width: 140px;
    max-width: 140px;
  }
}
.product-item__price {
  margin: 0 -160px 0 auto;
  position: absolute;
  right: 4px;
  bottom: 0;
}
@media screen and (min-width: 641px) {
  .product-item__price {
    margin: 0 -240px 0 auto;
  }
}
@media screen and (max-width: 360px) {
  .product-item__price {
    margin: 0 -140px 0 auto;
  }
}
.product-item__price img {
  display: block;
  height: 60px;
}
@media screen and (min-width: 641px) {
  .product-item__price img {
    height: 70px;
  }
}
@media screen and (max-width: 360px) {
  .product-item__price img {
    height: 40px;
  }
}
.product-item__img {
  display: block;
  border-radius: 8px;
  overflow: hidden;
}
.product-item__badge {
  max-width: calc(100% - 8px);
  position: absolute;
  top: 0;
  left: 2px;
}
.product-item__title {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--color-orange);
  margin: 0;
}
.product-item__description {
  font-size: 14px;
  margin: 2px 0 0;
}
.input-text__input, .input-select__input, .input-textarea__input {
  display: block;
  font-size: 16px;
  width: 100% !important;
  background-color: var(--color-lightyellow) !important;
  border: 0 !important;
  border-radius: 8px !important;
  height: 52px !important;
  padding: 10px 20px !important;
  max-width: 100% !important;
}
.input-select__input {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.input-select__select {
  position: relative;
}
.input-select__select:before {
  width: 20px;
  height: calc(100% - 20px);
  top: 10px;
  right: 20px;
  background-color: var(--color-lightyellow);
}
.input-select__select:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid transparent;
  border-top-color: var(--color-darkorange);
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.input-textarea__input {
  min-height: 125px;
}
.input-select__select:after, .input-select__select:before {
  content: "";
  display: block;
  position: absolute;
}
.input-text__input::-moz-placeholder {
  color: var(--color-gray);
}
.input-text__input:-ms-input-placeholder {
  color: var(--color-gray);
}
.input-text__input::-ms-input-placeholder {
  color: var(--color-gray);
}
.input-text__input::placeholder {
  color: var(--color-gray);
}
.input-text__input::-webkit-input-placeholder {
  position: relative;
  padding-top: 0.2em;
}
.input-text__input:-internal-autofill-selected {
  background-color: var(--color-lightgray) !important;
}
.input-text__input[readonly] {
  background-color: var(--color-gray);
}
.input-text__input[readonly]:-internal-autofill-selected {
  background-color: var(--color-gray) !important;
}
.input-text__error {
  color: var(--color-red);
  margin: 14px 0 0;
}
.from-label {
  display: flex;
  align-items: center;
  margin: 24px 0 6px;
}
.from-label label {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}
.from-label__optional, .from-label__required {
  font-size: 14px;
  margin: 0 0 0 16px;
  padding: 4px 8px;
  border: 1px solid;
  border-radius: 2px;
}
.from-label__required {
  color: var(--color-red);
  border-color: var(--color-red);
}
.from-label__optional {
  color: var(--color-gray);
  border-color: var(--color-gray);
}
.from-optional-toggle {
  padding: 25px 0 20px;
}
.from-optional-toggle__summary {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  position: relative;
  z-index: 0;
}
.from-optional-toggle__summary:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-lightgray);
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  transform: translateY(-50%);
}
.from-optional-toggle__button {
  color: var(--color-darkorange);
  min-width: 210px;
  min-height: 40px;
  padding: 5px 10px;
  border: 1px solid var(--color-darkorange);
  background-color: var(--color-white);
  text-align: center;
  border-radius: 20px;
  position: relative;
}
.from-optional-toggle__button:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid transparent;
  border-top-color: var(--color-darkorange);
  position: absolute;
  top: 50%;
  right: 19px;
  transform: translateY(-50%);
}
.from-optional-toggle.--open .from-optional-toggle__button:after {
  border-width: 0 5px 6px;
  border-bottom-color: var(--color-darkorange);
}
.input-text-preview__input {
  display: flex;
  align-items: center;
  font-size: 16px;
  white-space: pre-wrap;
  width: 100%;
  background-color: var(--color-gray);
  border: 0;
  border-radius: 8px;
  min-height: 52px;
  padding: 10px 20px;
}
.site-footer {
  color: var(--color-white);
  background-color: var(--color-green);
  padding: 5px 12px 90px;
  position: relative;
  z-index: 0;
}
.site-footer__inner {
  max-width: 1024px;
  margin: 0 auto;
}
@media screen and (min-width: 641px) {
  .site-footer__inner {
    padding: 0 10px;
  }
}
.site-footer__logo {
  display: inline-block;
  background-color: var(--color-white);
  padding: 8px 12px;
  margin: 0;
  border-radius: 4px;
}
.site-footer__logo img {
  display: block;
}
.site-footer__privacy {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
}
.site-footer__privacy a {
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.site-footer__copyright {
  font-size: 14px;
  text-align: center;
  margin-top: 30px;
}
.description-list-item-02 {
  display: flex;
  font-size: 12px;
  align-items: flex-start;
  margin: 0 0 10px;
}
.description-list-item-02.--site-footer {
  font-size: 12px;
}
.description-list-item-02__title {
  width: 80px;
  min-width: 80px;
  padding: 2px 4px 1px;
  margin-right: 10px;
  border-radius: 2px;
  text-align: center;
  color: #0089d9;
  /*var(--color-white);*/
  background-color: var(--color-orange);
  font-weight: 500;
}
.description-list-item-02.--site-footer .description-list-item-02__title {
  color: #444;
  background-color: var(--color-white);
}
.description-list-item-02__value {
  color: var(--color-black);
  margin: 0;
  padding: 2px 0 0;
}
.description-list-item-02.--site-footer .description-list-item-02__value {
  color: var(--color-white);
}
/*------------------------------------------------------------------------------
 TOPページ 人気のラインナップ
 ------------------------------------------------------------------------------*/
.top-price h3 {
  max-width: 1024px;
  color: #fff;
  position: relative;
  padding: 12px 0 10px 75px;
  margin: 0 auto 7px;
}
.top-price h3 .sub-ttl {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 3px;
}
.top-price h3 .main-ttl {
  font-size: 26px;
  font-weight: 800;
}
@media screen and (min-width: 600px) {
  .top-price h3 {
    margin: 0 auto 15px;
    padding: 12px 0 10px 85px;
  }
  .top-price h3 .sub-ttl {
    font-size: 23px;
  }
  .top-price h3 .main-ttl {
    font-size: 28px;
  }
}
.top-price h3 :before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 80px;
  background: url(../../../../toilet_cmn/images/h_lineup_bath.svg);
  background-size: auto 100%;
}
@media screen and (min-width: 600px) {
  .top-price h3 :before {
    width: 78px;
    height: 88px;
  }
}
/*------------------------------------------------------------------------------
 TOPページ 選ばれる理由
 ------------------------------------------------------------------------------*/
#section-03 {
  background: #0089d9;
}
.cnt_reason_box .cnt_reason_inner ul {
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .cnt_reason_box .cnt_reason_inner ul {
    margin-bottom: 3%;
  }
}
.cnt_reason_box .cnt_reason_inner ul li {
  width: 300px;
  float: left;
  background: #fafafa;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding: 30px 20px;
}
@media screen and (max-width: 1024px) {
  .cnt_reason_box .cnt_reason_inner ul li {
    width: 32%;
    padding: 15px 2%;
  }
}
@media screen and (max-width: 640px) {
  .cnt_reason_box .cnt_reason_inner ul li {
    width: 100%;
    float: none;
  }
  .cnt_reason_box .cnt_reason_inner ul li:after {
    content: '';
    display: block;
    clear: both;
  }
}
.cnt_reason_box .cnt_reason_inner ul li + li {
  margin-left: 20px;
}
@media screen and (max-width: 1024px) {
  .cnt_reason_box .cnt_reason_inner ul li + li {
    margin-left: 2%;
  }
}
@media screen and (max-width: 640px) {
  .cnt_reason_box .cnt_reason_inner ul li + li {
    margin: 3% auto 0;
  }
}
.cnt_reason_box .cnt_reason_inner ul li h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .cnt_reason_box .cnt_reason_inner ul li h3 {
    margin-bottom: 4%;
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .cnt_reason_box .cnt_reason_inner ul li h3 {
    font-size: 4.8vw;
  }
}
.cnt_reason_box .cnt_reason_inner ul li p {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .cnt_reason_box .cnt_reason_inner ul li p {
    margin-top: 2%;
  }
}
@media screen and (max-width: 640px) {
  .cnt_reason_box .cnt_reason_inner ul li p {
    float: left;
    font-size: 14px;
    width: 52%;
    margin: 0 auto 0 4%;
    line-height: 1.5em;
  }
}
@media screen and (max-width: 640px) {
  .cnt_reason_box .cnt_reason_inner ul li img {
    float: left;
    width: 44%;
  }
}
.cnt_reason_box .cnt_reason_inner p {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .cnt_reason_box .cnt_reason_inner p {
    margin-bottom: 2%;
  }
}
/*QA*/
#section-04 .qa {
  padding: 0;
}
#section-04 .qa__question {
  padding: 15px 0;
}
#section-04 .qa__question--ttl {
  font-weight: 400;
  font-size: 14px;
}
@media (min-width: 768px) {
  #section-04 .qa__question--ttl {
    font-size: 15px;
  }
}
#section-04 .qa__answer--txt {
  font-size: 14px;
}
@media (min-width: 768px) {
  #section-04 .qa__answer--txt {
    font-size: 15px;
  }
}
@media (min-width: 1025px) {
  #section-04 .qa__list {
    width: 100%;
    max-width: 1024px;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ menu.scss
 ********************************************/
.sub-page__menu.container {
  padding: 0 3%;
  box-sizing: border-box;
}
@media (min-width: 1025px) {
  .sub-page__menu.container {
    padding: 0;
  }
}
.sub-page__menu .top-menu {
  margin-bottom: 30px;
}
@media (min-width: 1025px) {
  .sub-page__menu .top-menu {
    margin-bottom: 70px;
  }
}
.sub-page__menu .vert-card__item {
  border: 1px solid #eee;
  border-radius: 3px;
  box-sizing: border-box;
}
.sub-page__menu .vert-card__thumb {
  padding-top: 100%;
  overflow: hidden;
  height: 100%;
}
.sub-page__menu .vert-card__wrap {
  border: none;
  border-radius: none;
}
.sub-page__menu .vert-card__figure {
  position: absolute;
  top: 0;
  width: auto;
  height: 100%;
  max-width: initial;
}
.aside__menu .vert-card__thumb {
  padding-top: 100%;
  overflow: hidden;
  height: 100%;
}
.aside__menu .vert-card__figure {
  position: absolute;
  top: 0;
  width: auto;
  height: 100%;
  max-width: initial;
}
.aside__menu .menuRelated-wrap {
  display: flex;
  flex-wrap: wrap;
}
.aside__menu .horizontal-list {
  overflow: initial;
  display: block;
  padding: 0;
}
.aside__menu .horizontal-list__item {
  margin: 0;
}
.aside__menu .horizontal-list__item:last-of-type {
  margin-right: 0;
}
.aside__menu .horizontal-list__item--landscape {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 3%;
}
@media (min-width: 1025px) {
  .aside__menu .horizontal-list__item--landscape {
    width: 50%;
    margin-bottom: 0;
  }
}
.aside__menu .horizontal-list__item--portrait {
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .aside__menu .horizontal-list__item--portrait {
    width: 25%;
  }
}
.top-price-info {
  text-align: right;
}
.top-price-info span {
  background: #ff7800;
  color: #fff;
  margin: 5px 3px 0 0;
  padding: 3px 3px 4px 4px;
  display: inline-block;
}
.vert-card__item .top-price-info {
  text-align: left;
  margin-top: 5px;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ works.scss
 ********************************************/
.voice-works {
  padding: 30px 3%;
  background-color: #f7f7f7;
}
@media (min-width: 768px) {
  .voice-works {
    margin: 0 0 50px;
    padding: 50px 3%;
    border-radius: 3px;
  }
}
.voice-works .section-ttl {
  padding-top: 0;
}
.voice-works p {
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
}
@media (min-width: 768px) {
  .voice-works p {
    font-size: 1.6rem;
  }
}
.voice-works__layout {
  margin: 0 0 30px;
  font-size: 1.5rem;
  line-height: 1.6em;
}
.voice-works__layout h4 {
  margin-bottom: 10px;
  font-weight: bold;
  color: #222;
}
.voice-works__layout p {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .voice-works__layout {
    margin: 0 0 50px;
  }
}
.voice-works__layout--img {
  margin: 0 20px 0 0;
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 3px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .voice-works__layout--img {
    width: 200px;
    height: 200px;
  }
}
.voice-works__layout--txt {
  width: calc(100% - 100px);
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
}
@media (min-width: 768px) {
  .voice-works__layout--txt {
    font-size: 1.4rem;
    width: calc(100% - 220px);
  }
}
.voice-works__comment-ttl {
  font-size: 1.6rem;
  font-weight: 600;
  color: #222;
  margin: 0;
}
@media (min-width: 768px) {
  .voice-works__comment-ttl {
    font-size: 1.8rem;
  }
}
.voice-works__comment-txt {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  .voice-works__comment-txt {
    font-size: 1.6rem;
  }
}
.photo-slider__item p {
  padding: 0 3%;
  text-align: center;
}
.other-works.sub-page__works {
  padding-bottom: 50px;
}
.other-works.sub-page__works .section-ttl {
  padding-bottom: 4%;
}
@media (min-width: 768px) {
  .other-works.sub-page__works .section-ttl {
    padding-bottom: 40px;
  }
}
.other-works.sub-page__works .hori-card {
  width: 94%;
}
.other-works.sub-page__works .hori-card__img {
  width: 100px;
  height: 100px;
}
.other-works.sub-page__works .hori-card__thumb {
  width: 100px;
  height: 100px;
}
.other-works.sub-page__works .hori-card__thumb--cat {
  width: 9em;
  max-width: 75%;
  height: auto;
  background: #fff;
  border-radius: 0px 3px 3px 0px;
  position: absolute;
  top: 10px;
  padding: 5px;
  text-align: center;
  color: #222;
}
.other-works.sub-page__works .hori-card__thumb--cat span {
  white-space: nowrap;
  margin: 0 4px;
}
.other-works.sub-page__works .hori-card__txt {
  width: calc(100% - 100px);
  height: 100px;
}
.other-works.sub-page__works .hori-card__cost {
  left: 10px;
}
@media (min-width: 768px) {
  .other-works.sub-page__works .hori-card__cost {
    left: 20px;
  }
}
.other-works.sub-page__works .hori-card__item:not(:first-of-type) {
  margin-top: 0;
}
@media (min-width: 768px) {
  .other-works.sub-page__works .hori-card {
    width: 95%;
    margin-left: 3%;
  }
  .other-works.sub-page__works .hori-card > div {
    width: 100%;
  }
  .other-works.sub-page__works .hori-card__item {
    width: 49%;
    float: left;
    margin-right: 1% !important;
  }
  .other-works.sub-page__works .hori-card__item :nth-child(2) {
    margin-top: 0 !important;
  }
  .other-works.sub-page__works .hori-card__item:not(:first-of-type) {
    margin-top: 0;
  }
  .other-works.sub-page__works .hori-card__img {
    width: 120px;
    height: 120px;
  }
  .other-works.sub-page__works .hori-card__thumb {
    width: 120px;
    height: 120px;
  }
  .other-works.sub-page__works .hori-card__txt {
    width: calc(100% - 120px);
    height: 120px;
  }
}
.other-works.sub-page__works.other-works {
  padding-bottom: 50px;
  margin-top: 30px;
}
.other-works.sub-page__works.other-works .hori-card__thumb--cat {
  position: relative;
  width: 100%;
  max-width: none;
  font-size: 1.2rem;
  padding: 0;
  top: 0;
  text-align: left;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.other-works.sub-page__works.other-works .hori-card__thumb--cat span {
  background: #222;
  color: #fff;
  padding: 3px 5px 4px;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 4px;
}
.other-works.sub-page__works.other-works .hori-card__thumb--cat span:first-child {
  margin-left: 0;
}
.other-works.sub-page__works.other-works .hori-card__ttl {
  -webkit-line-clamp: 1;
  white-space: normal;
}
@media (min-width: 768px) {
  .other-works.sub-page__works.other-works .hori-card__ttl {
    -webkit-line-clamp: 2;
    font-size: 1.3rem;
  }
}
.single-works .sub-page__btn--pager {
  margin: 50px auto 60px;
}
@media (min-width: 1025px) {
  .aside__works .container .side-ttl, .aside__works .container .side-menu {
    display: none;
  }
}
.aside__works .vert-card__thumb {
  padding-top: 100%;
  overflow: hidden;
  height: 100%;
}
.aside__works .vert-card__figure {
  position: absolute;
  top: 0;
  width: auto;
  height: 100%;
  max-width: initial;
}
.aside__works .worksRelated-wrap {
  display: flex !important;
  flex-wrap: wrap;
}
.aside__works .horizontal-list {
  overflow: initial;
  display: block;
  padding: 0;
}
.aside__works .horizontal-list__item {
  margin: 0;
}
.aside__works .horizontal-list__item:last-of-type {
  margin-right: 0;
}
.aside__works .horizontal-list__item--landscape {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 3%;
}
@media (min-width: 1025px) {
  .aside__works .horizontal-list__item--landscape {
    width: 50%;
    margin-bottom: 0;
  }
}
.aside__works .horizontal-list__item--portrait {
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .aside__works .horizontal-list__item--portrait {
    width: 25%;
  }
}
.aside__worksaside.layout__side {
  margin-top: 60px;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ staff.scss
 ********************************************/
.sub-page__staff.container {
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .sub-page__staff.container {
    margin-bottom: 6%;
    padding: 0 2%;
  }
}
.sub-page__staff--h2 {
  margin-bottom: 20px;
  padding: 20px;
  font-size: 1.8rem;
  background: #eee;
  border-left: 10px solid #222;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .sub-page__staff--h2 {
    margin-bottom: 2%;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .sub-page__staff--h2 {
    font-size: 1.8rem;
  }
}
.sub-page__staff--title {
  padding: 10px;
  text-align: center;
  font-size: 1.6rem;
  background: #eee;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .sub-page__staff--title {
    font-size: 1.3rem;
  }
}
.sub-page__staff--cnt {
  float: left;
  width: 23.5%;
}
@media screen and (max-width: 767px) {
  .sub-page__staff--cnt {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .sub-page__staff--cnt:nth-of-type(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 767px) {
  .sub-page__staff--cnt:not(:nth-of-type(-n+3)) {
    margin-top: 2%;
  }
}
@media screen and (max-width: 767px) {
  .sub-page__staff--cnt:not(:nth-of-type(3n)) {
    margin-right: 2%;
  }
}
@media (min-width: 768px) {
  .sub-page__staff--cnt:not(:nth-of-type(4n)) {
    margin-right: 2%;
  }
}
@media (min-width: 768px) {
  .sub-page__staff--cnt:not(:nth-of-type(-n+4)) {
    margin-top: 2%;
  }
}
.sub-page__staff--cnt a {
  display: block;
}
.staff_archive .layout__main-left {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}
.staff_archive__category {
  margin-bottom: 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .staff_archive__category {
    margin-bottom: 4%;
    padding: 0 2%;
  }
}
.staff_archive__category ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.staff_archive__category ul::after {
  display: none;
}
@media (min-width: 768px) {
  .staff_archive__category ul::after {
    content: "";
    width: 32.5%;
    display: block;
  }
}
.staff_archive__category ul li {
  width: 48.5%;
  margin: 0 0 3%;
}
@media (min-width: 768px) {
  .staff_archive__category ul li {
    width: 32.5%;
    margin: 0 0 1.5%;
  }
}
.staff_archive__category ul li a {
  display: block;
  padding: 15px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  background: #ff8a00;
  border-radius: 5px;
  box-sizing: border-box;
}
.staff_single_box {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .staff_single_box {
    font-size: 1.6rem;
  }
}
.staff_single_box.container {
  margin-bottom: 80px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .staff_single_box.container {
    margin-bottom: 8%;
    padding: 0 2%;
  }
}
.staff_single_box__inner {
  width: 100%;
}
.staff_single_box__img {
  float: left;
  width: 38%;
  margin-right: 2%;
}
.staff_single_box__txt {
  float: left;
  width: 60%;
}
.staff_single_box__txt table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.staff_single_box__txt table tr {
  border-bottom: 1px solid #eee;
}
.staff_single_box__txt table th {
  width: 30%;
  padding: 2%;
  color: #fff;
  background: #ff8a00;
  box-sizing: border-box;
}
.staff_single_box__txt table td {
  width: 70%;
  padding: 2%;
  box-sizing: border-box;
}
.staff_single_box__comment {
  width: 100%;
  clear: both;
  float: none;
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .staff_single_box__comment {
    margin-top: 4%;
  }
}
.staff_single_box__comment h3 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #222;
  border-bottom: 3px solid #222;
}
.breadcrumb__link--taxonomy.staff_cat {
  pointer-events: none;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/********************************************
 // ↓ staff-min.scss
 ********************************************/
.staff_archive .layout__main-left {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}
.staff_archive .staff-min.container {
  padding: 0 3%;
}
@media (min-width: 1025px) {
  .staff_archive .staff-min.container {
    padding: 0;
  }
}
.staff_archive .staff-min__item {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__item {
    margin: 0 0 80px;
    padding: 0;
    border-bottom: none;
  }
}
.staff_archive .staff-min__item:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__item:last-child {
    margin: 0;
  }
}
.staff_archive .staff-min__name {
  width: 100%;
  margin: 0 0 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__name {
    display: none;
  }
}
.staff_archive .staff-min__name--hurigana {
  font-size: 1.2rem;
  color: #aaa;
  margin: 0 0 5px;
  display: block;
}
.staff_archive .staff-min__name--full {
  font-size: 1.6rem;
  font-weight: 600;
}
.staff_archive .staff-min__comment {
  width: 100%;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.75em;
  margin: 0 0 20px;
  display: block;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__comment {
    display: none;
  }
}
.staff_archive .staff-min__thumb {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__thumb {
    width: 300px;
    height: auto;
    margin: 0 50px 0 0;
  }
}
.staff_archive .staff-min__thumb--img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__thumb--img {
    width: 300px;
    height: auto;
  }
}
.staff_archive .staff-min__thumb figure.no_image {
  height: 180px;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__thumb figure.no_image {
    height: 300px;
  }
}
.staff_archive .staff-min__status {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__status {
    width: calc(100% - 350px);
    margin: 0;
  }
}
.staff_archive .staff-min__field {
  width: 100%;
  margin: 0 0 15px;
  display: flex;
  background: #fcfcfc;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__field {
    display: none;
  }
}
.staff_archive .staff-min__field--ttl {
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  padding: 8px 10px;
  background-color: #224975;
  color: #fff;
  display: inline-block;
  min-width: 130px;
  width: 130px;
  box-sizing: border-box;
  border-radius: 5px;
  line-height: 1.3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__field--ttl {
    width: auto;
    padding: 8px 15px;
    min-width: 220px;
    width: 220px;
    font-size: 1.4rem !important;
  }
}
.staff_archive .staff-min__field--txt {
  font-size: 1.3rem;
  line-height: 1.75em;
  display: block;
  padding: 8px 3%;
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
  .staff_archive .staff-min__department, .staff_archive .staff-min__special {
    display: flex;
  }
}
.staff_archive .staff-min__department--ttl, .staff_archive .staff-min__special--ttl {
  padding: 8px 0;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__department--ttl, .staff_archive .staff-min__special--ttl {
    width: 220px;
    min-width: 220px;
    font-size: 1.5rem;
    line-height: 1.75em;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .staff_archive .staff-min__department--txt, .staff_archive .staff-min__special--txt {
    font-size: 1.5rem;
    line-height: 1.75em;
    display: flex;
    align-items: center;
    width: 100%;
  }
}
.staff_archive .staff-min__special {
  margin: 0;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__special {
    margin: 0 0 20px;
  }
}
.staff_archive .staff-min__paragraph {
  font-size: 1.5rem;
  letter-spacing: 0.125em;
  line-height: 1.75em;
  margin: 0 0 20px;
  display: block;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__paragraph {
    display: none;
  }
}
.staff_archive .staff-min__btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__btn {
    display: none;
  }
}
.staff_archive .staff-min__btn-wrap {
  width: 48%;
}
.staff_archive .staff-min__btn--link {
  width: 100%;
  height: 80px;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.125em;
  text-align: center;
  color: #414155;
  background-color: #f5f6f8;
  border-right: solid 30px orange;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 13px;
  padding: 10px;
  line-height: 1.5em;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__btn--link {
    font-size: 15px;
  }
}
.staff_archive .staff-min__pc {
  display: none;
}
@media (min-width: 768px) {
  .staff_archive .staff-min__pc {
    display: block;
  }
  .staff_archive .staff-min__pc .staff-min__name {
    text-align: left;
    display: block;
  }
  .staff_archive .staff-min__pc .staff-min__name--hurigana {
    font-size: 1.6rem;
    letter-spacing: 0.125em;
  }
  .staff_archive .staff-min__pc .staff-min__name--full {
    font-size: 2.4rem;
    letter-spacing: 0.125em;
    line-height: 1.75em;
  }
  .staff_archive .staff-min__pc .staff-min__comment {
    margin: 0 0 30px;
    font-size: 1.6rem;
    letter-spacing: 0.125em;
    text-align: left;
    display: block;
  }
  .staff_archive .staff-min__pc .staff-min__field {
    display: flex;
  }
  .staff_archive .staff-min__pc .staff-min__field--ttl, .staff_archive .staff-min__pc .staff-min__field--txt {
    font-size: 1.6rem;
    line-height: 1.75em;
    display: flex;
    align-items: center;
  }
  .staff_archive .staff-min__pc .staff-min__field--ttl {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .staff_archive .staff-min__pc .staff-min__paragraph {
    margin: 30px 0 30px;
    display: block;
  }
  .staff_archive .staff-min__pc .staff-min__btn {
    display: flex;
    margin-top: 40px;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/*form.scss*/
.page-template-page-form .cta {
  display: none !important;
  width: 94%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: fixed;
  bottom: 10px;
  left: 3%;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .page-template-page-form .cta {
    display: block !important;
  }
}
.page-template-page-form .cta .cta__link {
  width: 50%;
  height: 45px;
  margin: 0 4% 0 0;
  padding: 0 8px;
  border-radius: calc(45px / 2);
  border: 2px solid #fff;
  background-color: #8fc41e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-page-form .cta .cta__link--tel {
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.page-template-page-form .cta .cta__link--tel::before {
  content: "";
  width: 30px;
  height: 30px;
  margin: 0 15px 0 0;
  background-image: url(../../../../toilet_cmn/images/contact_tel.svg);
  display: block;
}
.page-template-page-form .cta__link:last-child {
  width: 80%;
  margin: 0 auto;
}
.page-template-page-form input[type="radio"] {
  display: inline-block !important;
}
.page-template-page-form .page-ttl {
  margin: 2% auto;
}
@media (min-width: 768px) {
  .page-template-page-form .page-ttl {
    margin: 20px auto;
  }
}
.page-template-page-form .select-card {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .page-template-page-form .select-card {
    padding: 0 2%;
  }
}
.page-template-page-form .select-card > img {
  margin-bottom: 20px;
}
.page-template-page-form .select-card__inner {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0 40px;
  font-size: 16px;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .page-template-page-form .select-card__inner {
    display: block;
    padding: 0 20px;
  }
}
.page-template-page-form .select-card__inner > p {
  float: left;
  width: 68%;
  margin-right: 2%;
}
@media only screen and (max-width: 768px) {
  .page-template-page-form .select-card__inner > p {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
.page-template-page-form .select-card__inner--btn {
  float: left;
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .page-template-page-form .select-card__inner--btn {
    float: none;
    margin: 15px 0 0 auto;
    width: 100%;
    max-width: 300px;
  }
}
.page-template-page-form .select-card__inner--btn a {
  display: block;
  padding: 15px;
  background: #fcc144;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.page-template-page-form .select-card__inner--btn a:hover, .page-template-page-form .select-card__inner--btn a:visited, .page-template-page-form .select-card__inner--btn a:link {
  color: #fff;
}
.page-template-page-form .select-card__inner--btn a:hover {
  opacity: 1;
  background: #ff8228;
}
.page-template-page-form .select-btn {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 30px;
  padding: 0 3%;
  box-sizing: border-box;
}
.page-template-page-form .select-btn a:hover {
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .page-template-page-form .select-btn {
    margin: 30px auto 30px;
  }
}
.page-template-page-form .select-btn div[class^="select-btn"] {
  color: #fff;
  padding: 15px 10px;
  width: 49%;
  cursor: pointer;
  border-radius: 10px;
  text-align: center;
  float: left;
  margin-right: 1%;
  position: relative;
  background: #4a4a4a;
  box-sizing: border-box;
  font-size: 2rem;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .page-template-page-form .select-btn div[class^="select-btn"] {
    font-size: 1.6rem;
  }
}
.page-template-page-form .select-btn div[class^="select-btn"]:hover, .page-template-page-form .select-btn div[class^="select-btn"].active {
  background: #0f8c52;
  color: #4a4a4a;
}
.page-template-page-form .select-btn div[class^="select-btn"] > span {
  display: block;
  line-height: 1.6em;
}
@media only screen and (min-width: 768px) {
  .page-template-page-form .select-btn div[class^="select-btn"] > span {
    display: inline;
  }
}
.page-template-page-form .select-btn div[class^="select-btn"] > span:first-child {
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .page-template-page-form .select-btn div[class^="select-btn"] > span:first-child {
    font-size: 1.2rem;
  }
}
.page-template-page-form .cta__link:last-child {
  width: 80%;
  margin: 0 auto;
}
.page-template-page-form p.tc_txt {
  padding: 3%;
}
.form * {
  line-height: 1.6em;
  font-size: 1.6rem;
}
.page-template-page-form input {
  -moz-appearance: auto;
  appearance: auto;
}
.page-template-page-form select {
  -moz-appearance: auto;
  appearance: auto;
  border: solid 1px #aaa;
  padding: 5px;
}
.form__mv img {
  margin: 0 auto;
  display: block;
  max-width: 94%;
}
.page-template-page-form .ttl {
  text-align: center !important;
  margin: 30px auto !important;
}
.scroll {
  height: 250px;
  overflow-y: scroll;
  width: 96%;
  margin: 0 auto;
  padding: 20px;
  border: solid 1px #d4d4d4;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .scroll {
    height: 230px;
    padding: 2%;
  }
}
.form ul.formlist li.height_l.height_210 div {
  height: 235px;
}
@media only screen and (max-width: 767px) {
  .form ul.formlist li.height_l.height_210 div {
    height: auto;
  }
}
.wpcf7 form .wpcf7-response-output {
  text-align: center;
  font-size: 1.5em;
  line-height: 1.75em;
  padding: 3% !important;
  border: none !important;
}
@media (min-width: 768px) {
  .wpcf7 form .wpcf7-response-output {
    font-size: 1.6em;
  }
}
.wpcf7 form.invalid .wpcf7-response-output {
  display: none !important;
}
.form img.wpcf7c-elm-step1, .form img.wpcf7c-elm-step2, .form img.wpcf7c-elm-step3 {
  width: 100% !important;
  margin: 20px auto;
  display: block;
}
.page-template-page-form div.wpcf7 .ajax-loader {
  display: none !important;
}
input::placeholder {
  color: #d0d0d0;
}
/* 初期化：余白などを一旦全て0にする。 */
.form img {
  width: auto !important;
  height: auto;
  max-width: 100%;
}
/*初期化 固定のフォントサイズを指定*/
.form p {
  font-size: 1.4rem;
  word-break: break-all;
}
/* 初期化：フォーム系のサイズを共通化*/
.form input[type="text"], .form textarea, .form select, .form button {
  /*font-size:1.2em;*/
  font-size: 16px;
  padding: 2px;
  cursor: pointer;
}
.form textarea {
  height: 100%;
  width: 98%;
  margin: 0px 5px;
  background: #f3f3f3;
  border-radius: 5px;
}
.form button {
  padding: 2px 10px;
  margin: 0px 10px;
}
.form label:hover {
  font-weight: bold;
  color: #0f8c52;
}
input[type="text"] {
  width: 98%;
}
.form ul {
  list-style-type: none;
}
/* ページ幅を指定して、コンテンツを画面の中央に持ってくる */
div.form {
  max-width: 1024px;
  margin: 20px auto;
}
/* フォーム全体のレイアウト */
.form ul.formlist {
  margin: 10px auto 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .form ul.formlist {
    padding: 0 2%;
  }
}
.form ul.formlist li > div {
  border-top: 1px solid #c8c8c8;
  padding: 1%;
}
.form ul.formlist li:last-child > div {
  border-bottom: 1px solid #c8c8c8;
}
.form ul.formlist li > div {
  height: 70px;
}
.form ul.formlist li.height_l div {
  height: 180px;
}
.form ul.formlist li.height_02 div {
  height: 70px;
}
.form ul.formlist li.height_03 div {
  height: 100%;
}
.form ul.formlist li input {
  margin: 0 5px;
  background: #f3f3f3;
}
.form ul.formlist li div.itemname {
  /*font-size:0.9em;*/
  font-size: 15px;
  font-weight: 800;
}
.itemform_add_search .add_box {
  width: 55%;
}
/* お問合せの種類 */
.form ul.inquiry_type li {
  margin: 3px;
  float: left;
  min-width: 120px;
}
/* ご希望のフォーム種類について */
.form ul.reform_type li {
  margin: 3px;
}
.form li.chkbx {
  float: left;
  min-width: 115px;
}
.form li div {
  float: left;
}
.form li div.itemname {
  background-color: #fafafa;
  width: 25%;
}
.form li div.itemform {
  width: 50%;
}
.form li div.itemform2 {
  width: 25%;
  margin-right: 0%;
}
.form li div.itemform3 {
  width: 71%;
  margin-right: 0%;
}
/* ボタンここから */
button.form_btn01 {
  cursor: pointer;
  display: block;
  width: 90%;
  max-width: 320px;
  height: 80px;
  border: none;
  text-indent: -9999px;
  background: url(../images/form_btn01.png) no-repeat 0 0;
  background-size: 100% auto;
  margin: 0;
  padding: 0;
  margin: 0px 0px 4%;
}
button.form_btn02 {
  cursor: pointer;
  display: block;
  width: 96%;
  max-width: 280px;
  height: 70px;
  border: none;
  text-indent: -9999px;
  background: url(../images/form_btn02.png) no-repeat 0 0;
  background-size: 100% auto;
  margin: 0;
  padding: 0;
  margin: 0px 0px 0 20%;
}
button.form_btn03 {
  cursor: pointer;
  display: block;
  width: 96%;
  max-width: 280px;
  height: 70px;
  border: none;
  text-indent: -9999px;
  background: url(../images/form_btn03.png) no-repeat 0 0;
  background-size: 100% auto;
  margin: 0;
  padding: 0;
  float: right;
  margin: 0px 20% 0px 0%;
}
@media screen and (max-width: 1024px) {
  button.form_btn02 {
    max-width: 30%;
  }
  button.form_btn03 {
    max-width: 30%;
  }
}
@media screen and (max-width: 640px) {
  button.form_btn02 {
    max-width: 320px;
    height: 80px;
    margin: 0 0 2%;
  }
  button.form_btn03 {
    max-width: 320px;
    height: 80px;
    margin: 0 0 2%;
    float: none;
  }
}
/* ボタンここまで */
@media screen and (max-width: 767px) {
  input[type="text"] {
    width: 96%;
  }
  .address_field input[type="text"] {
    width: 50%;
  }
  div.form {
    width: 100%;
  }
  .form li div {
    float: none;
  }
  .form li div.itemname, .form li div.itemform {
    width: 100%;
  }
  .form li div.itemform2 {
    width: 100%;
  }
  .form li div.itemform3 {
    width: 100%;
  }
  .form ul.formlist li.height_03 .itemname, .form ul.formlist li.height_03 .itemform2 {
    line-height: 1;
  }
  .form ul.formlist li.height_03 div {
    height: auto;
  }
  .form ul.formlist li div {
    height: auto !important;
    /*min-height: 60px;*/
  }
  .form ul.formlist li.height_l div.itemname {
    height: auto;
  }
  .form ul.formlist li > div {
    padding: 2% 2% 15px;
  }
  .form ul.formlist li:last-child > div.itemname {
    border-bottom: 0px solid #fff;
  }
  .form ul.formlist li.height_l div {
    height: auto;
  }
  .itemform_add_search .add_box {
    width: 45%;
  }
  .form li div.itemform, .form li div.itemform2, .form li div.itemform3 {
    margin: 0 auto;
  }
  .form textarea {
    margin: 0;
  }
}
.form .clearfix {
  *zoom: 1;
}
.form .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
/* フォーム上ここから */
.form_root #main {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  float: none;
}
.form_catch_box {
  padding: 80px 20px 0;
  box-sizing: border-box;
}
.form_catch_box img {
  width: auto;
  max-width: 50%;
  margin: -60px 0 0 20px;
  float: right;
}
.form_root #layout02 {
  max-width: 980px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .form_catch_box {
    padding: 2%;
  }
  .form_catch_box img {
    margin: 0 0 2% 2%;
  }
}
/* 資料画像ここから */
.form ul.formlist li.height_shiryou div {
  height: auto;
}
.form ul.formlist li.height_shiryou div span {
  font-size: 1.5rem;
}
.form ul.formlist li.height_shiryou div.itemname, .form ul.formlist li.height_shiryou div.itemform {
  width: 100%;
  margin: 0;
  border-top: 1px solid #c8c8c8;
  overflow: hidden;
  box-sizing: border-box !important;
}
.form ul.formlist li.height_shiryou div ul.inquiry_type li {
  float: left;
  width: 49%;
  margin: 0 0 2%;
  text-align: center;
  min-width: 82px;
  font-size: 90%;
  background: #f1f1f1;
}
.form ul.formlist li.height_shiryou div ul.inquiry_type li:first-of-type {
  margin-right: 2%;
}
.form ul.formlist li.height_shiryou div.itemname p {
  font-weight: 100;
}
.form ul.formlist li.height_shiryou div ul.inquiry_type.doc_col3 li {
  width: 32%;
  margin: 0 0 2% 0;
  padding: 1%;
  box-sizing: border-box !important;
}
.form ul.formlist li.height_shiryou div ul.inquiry_type.doc_col3 li:not(:last-of-type) {
  margin-right: 2%;
}
@media screen and (max-width: 640px) {
  .form ul.formlist li.height_shiryou div ul.inquiry_type.doc_col3 li:not(:last-of-type) {
    margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .form ul.formlist li.height_shiryou div ul.inquiry_type.doc_col3 li:nth-of-type(2n+1) {
    margin-right: 2%;
  }
}
.form ul.formlist li.height_shiryou div ul.inquiry_type li {
  padding: 1%;
  box-sizing: border-box !important;
}
.form .height_shiryou img {
  margin-bottom: 2%;
  cursor: pointer;
}
.form .height_shiryou img:hover {
  opacity: 0.8;
}
.height_shiryou span.wpcf7-list-item {
  margin: 0;
}
.form ul.formlist li.height_shiryou div ul.inquiry_type.doc_col4 li:first-of-type {
  margin-left: 12%;
}
@media screen and (max-width: 767px) {
  .form ul.formlist li.height_shiryou div.itemname .document span, .form ul.formlist li.height_shiryou div.itemform .document span {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 640px) {
  .form ul.formlist li.height_shiryou div ul.inquiry_type li {
    text-align: left;
  }
  .form ul.formlist li.height_shiryou div ul.inquiry_type.doc_col3 li {
    width: 49%;
    padding: 1%;
    box-sizing: border-box !important;
    text-align: left;
  }
  .form ul.formlist li.height_shiryou div ul.inquiry_type {
    width: 100%;
  }
  .form ul.formlist li.height_shiryou div ul.inquiry_type.doc_col4 li:first-of-type {
    margin-left: 0;
  }
}
/* 資料画像ここまで */
/* 来店予約ここから */
.form ul.formlist li.form_raiten_date input {
  width: 13%;
}
.form ul.formlist li.form_raiten_date .itemform .date1_y > span, .form ul.formlist li.form_raiten_date .itemform .date1_m > span {
  display: none;
}
@media screen and (max-width: 767px) {
  .form ul.formlist li.form_raiten_date .itemform2 {
    display: none;
  }
}
/*------------------------------------------------------------
 フォーム
 ------------------------------------------------------------*/
/*.form *{box-sizing:content-box !important;}/*elementorとの競合回避*/
form.wpcf7-form .formlist div {
  box-sizing: border-box !important;
}
/*elementorとの競合回避*/
.form textarea {
  line-height: 1.4em;
}
.form button {
  display: inline-block;
  margin: 0 0 15px !important;
  width: 100px;
  height: 34px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #999;
  color: #777;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fafafa;
  position: relative;
  font-size: 14px !important;
  box-sizing: border-box;
}
.form button:hover {
  color: #33a1ff;
  border-color: #33a1ff;
}
.form ul.formlist {
  box-sizing: content-box;
}
.form ul.formlist li input {
  padding: 5px;
  box-sizing: border-box;
  border-radius: 5px;
}
input[class*="form_btn"] {
  cursor: pointer;
  display: block;
  width: 96%;
  max-width: 320px;
  height: 60px;
  margin: 8% auto 2%;
  padding: 0;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.75px;
  border-radius: 30px;
  background: #fcc144;
}
input[class*="form_btn"]:hover {
  color: #fff;
  background: #ff8228;
  opacity: 1;
}
@media (min-width: 768px) {
  input.form_btn01 {
    margin: 6% auto 4%;
  }
}
input[class*="form_btn"]:focus {
  opacity: 0.8;
}
/*チェックボックス調整*/
span.wpcf7-list-item {
  margin: 0 0 0 0.5em;
  min-width: 110px;
}
input.form_btn02 {
  margin: 6% 0 0 20%;
  background: #9f9f9f;
  color: #fff;
  max-width: 280px;
  float: left;
  border: none;
}
input.form_btn02:hover {
  color: #fff;
  background: linear-gradient(to bottom right, #9f9f9f 0%, #646464 100%);
  opacity: 1;
}
input.form_btn03 {
  margin: 6% 20% 0 0;
  max-width: 280px;
  float: right;
}
@media screen and (max-width: 980px) {
  input.form_btn02 {
    max-width: 29%;
    margin: 6% 1% 0 20%;
  }
  input.form_btn03 {
    max-width: 29%;
    margin: 6% 20% 0 1%;
  }
}
@media screen and (max-width: 640px) {
  input.form_btn02 {
    max-width: 320px;
    float: none;
    margin: 8% auto 0;
  }
  input.form_btn03 {
    max-width: 320px;
    float: none;
    margin: 15px auto 0;
  }
}
/*見積もりフォーム現場連絡先欄 見出し*/
.quotation_site_title {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .quotation_site_title {
    padding: 2%;
    text-align: left;
    box-sizing: border-box;
  }
}
/*余計な余白を詰める*/
@media screen and (max-width: 767px) {
  .form ul.formlist li div.itemname, .form ul.formlist li div.itemform {
    height: auto ! important;
    min-height: auto !important;
    padding: 15px 2% !important;
    line-height: 1.6em;
  }
}
/*画面をはみ出し防止*/
input[type="text"], input[type="tel"], input[type="email"] {
  max-width: 98%;
}
/*テキストサイズ*/
@media screen and (max-width: 640px) {
  .form p {
    font-size: 14px !important;
    line-height: 1.6em;
  }
  .form p br {
    display: none;
  }
}
/*フォーム上*/
.form_catch_box img {
  margin: -60px 0 0 20px !important;
}
.form_catch_box p {
  overflow: visible !important;
}
@media screen and (max-width: 1024px) {
  .form_catch_box img {
    margin: -5px 0 0 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .form_root #layout02 {
    padding: 0;
  }
}
/*◆ 確認画面*/
textarea.wpcf7c-conf, input.wpcf7c-conf {
  background: #fff !important;
  border: none !important;
}
/*UAによるスタイル上書きを防ぐ*/
input.wpcf7c-conf:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*セレクトボックスの装飾を非表示*/
.wpcf7-select.wpcf7c-conf {
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/*プレースホルダー非表示*/
input.wpcf7c-conf::placeholder {
  color: transparent;
}
/*◆ 完了画面*/
.sent .formlist, .sent .quotation_site_title {
  display: none !important;
}
.wpcf7-mail-sent-ok {
  border: none;
  font-size: 16px;
}
div.wpcf7-mail-sent-ok {
  padding: 0 4%;
  box-sizing: border-box;
  border: none;
}
/*フッター表示切替*/
.form_footer #layout05, .form_footer #footer_cnt01, .form_footer #RFtNav1, .form_footer #footer_area_description, .form_footer #footer_info, .form_footer .footer_logo {
  display: none;
}
.form_footer #footer_left {
  width: 100%;
  float: none;
}
/*フォーム下*/
.form_description {
  box-sizing: border-box;
  font-size: 123%;
}
@media screen and (max-width: 640px) {
  .form_description {
    font-size: 108%;
  }
}
/*必須・任意アイコン*/
.item_required {
  font-weight: normal;
  background: #ff3332;
  color: #fff;
  padding: 0px 6px !important;
  border-radius: 3px;
  margin-right: 5px !important;
  font-size: 14px;
}
.item_unrequired {
  font-weight: normal;
  background: #c4bfbf;
  color: #fff;
  padding: 0px 6px !important;
  border-radius: 3px;
  margin-right: 5px !important;
  font-size: 14px;
}
/*box-sizing調整*/
.form_root .form_description p {
  box-sizing: border-box !important;
}
.form_root #layout02 div {
  box-sizing: border-box !important;
}
.xdsoft_time[data-hour="0"] {
  display: none;
}
.xdsoft_time[data-hour="1"] {
  display: none;
}
.xdsoft_time[data-hour="2"] {
  display: none;
}
.xdsoft_time[data-hour="3"] {
  display: none;
}
.xdsoft_time[data-hour="4"] {
  display: none;
}
.xdsoft_time[data-hour="5"] {
  display: none;
}
.xdsoft_time[data-hour="6"] {
  display: none;
}
.xdsoft_time[data-hour="7"] {
  display: none;
}
.xdsoft_time[data-hour="8"] {
  display: none;
}
.xdsoft_time[data-hour="18"] {
  display: none;
}
.xdsoft_time[data-hour="19"] {
  display: none;
}
.xdsoft_time[data-hour="20"] {
  display: none;
}
.xdsoft_time[data-hour="21"] {
  display: none;
}
.xdsoft_time[data-hour="22"] {
  display: none;
}
.xdsoft_time[data-hour="23"] {
  display: none;
}
.school_name input {
  margin: 0 5px 2% !important;
}
.quotation_site_title {
  margin-top: 10px;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ voice.scss
 ********************************************/
.sub-page__voice.container .hori-card__parts-item:after {
  content: none;
}
.voice-single {
  padding: 0 15px;
}
.voice-single__thumb--col1 {
  display: flex;
  margin: 0 -10px;
}
@media (min-width: 768px) {
  .voice-single__thumb--col1 {
    max-width: 80%;
    margin: 0 auto 30px;
  }
}
@media (min-width: 768px) {
  .voice-single__thumb--col1 .voice-single__figure {
    padding: 0 0 15px;
    width: 100%;
  }
}
.voice-single__thumb--col2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media (min-width: 768px) {
  .voice-single__thumb--col2 {
    flex-wrap: nowrap;
    margin: 0 -15px 30px;
  }
}
.voice-single__figure {
  padding: 0 10px 10px;
}
@media (min-width: 768px) {
  .voice-single__figure {
    padding: 0 15px 15px;
    width: 50%;
  }
}
.voice-single__figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  box-shadow: 0 0 0 1px #f0f0f0 f0 inset;
  border: none;
  padding: 5px;
  background-color: #fafafa;
  overflow: hidden;
  box-sizing: border-box;
}
.voice-single__content {
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
}
@media (min-width: 768px) {
  .voice-single__content {
    font-size: 1.6rem;
  }
}
.voice-single h3, .voice-single h4, .voice-single h5, .voice-single h6, .voice-single h7, .voice-single h8 {
  box-sizing: border-box;
}
.entry_voice_box {
  font-size: 1.5rem;
  line-height: 1.6;
  padding: 0;
}
@media (max-width: 1024px) {
  .entry_voice_box {
    padding: 0 3%;
  }
}
.entry_voice_box_pic {
  float: left;
  margin: 0 2% 0 0;
  max-width: 50%;
}
@media (max-width: 480px) {
  .entry_voice_box_pic {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 2%;
  }
}
.entry_voice_box_pic .pic_frame {
  position: relative;
  height: auto;
  margin-bottom: 2%;
  padding-bottom: 0;
  text-align: center;
  border: solid 1px #f7f7f7;
}
@media (min-width: 1025px) {
  .aside__voice .container .side-ttl {
    display: none;
  }
}
@media (min-width: 1025px) {
  .aside__voice .container .side-menu {
    display: none;
  }
}
.aside__voice .vert-card__thumb {
  padding-top: 100%;
  overflow: hidden;
  height: 100%;
}
.aside__voice .vert-card__figure {
  position: absolute;
  top: 0;
  width: auto;
  height: 100%;
  max-width: initial;
}
.aside__voice .voiceRelated-wrap {
  display: flex !important;
  flex-wrap: wrap;
}
.aside__voice .horizontal-list {
  overflow: initial;
  display: block;
  padding: 0;
}
.aside__voice .horizontal-list__item {
  margin: 0;
}
.aside__voice .horizontal-list__item:last-of-type {
  margin-right: 0;
}
.aside__voice .horizontal-list__item--landscape {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 3%;
}
@media (min-width: 1025px) {
  .aside__voice .horizontal-list__item--landscape {
    width: 50%;
    margin-bottom: 0;
  }
}
.aside__voice .horizontal-list__item--portrait {
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .aside__voice .horizontal-list__item--portrait {
    width: 25%;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ summary.scss
 ********************************************/
.summary {
  padding: 0 3% 30px;
  background-color: #f7f7f7;
}
@media (min-width: 768px) {
  .summary {
    padding: 0 3% 50px;
    border-radius: 3px;
  }
}
.summary__table {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 3px;
  box-sizing: border-box;
}
.summary__table-tr {
  border-bottom: 1px solid #eee;
  background: #fff;
}
.summary__table-th {
  width: 40%;
  font-size: 1.4rem;
  font-weight: 500;
  color: #353535;
  border-right: 1px solid #eee;
}
.summary__table-td {
  width: 60%;
  font-size: 1.4rem;
  font-weight: 400;
  color: #353535;
  padding: 20px;
}
.summary__section-ttl {
  padding: 30px 0;
}
@media (min-width: 768px) {
  .summary__section-ttl {
    padding: 50px 0;
  }
}
.summary-works {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .summary-works {
    margin: 0 auto 30px;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ photo.scss
 ********************************************/
@media (min-width: 768px) {
  .photo__layout--wide {
    display: flex;
    margin: 0 0 50px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .photo__layout--wide .photo-slider {
    width: 47%;
    margin: 0 6% 0 0;
  }
}
.photo-slider {
  width: 100%;
  display: block;
  margin-bottom: 70px;
}
.photo-slider__section--h3 {
  margin: 0 0 20px;
  font-size: 1.5rem;
  letter-spacing: 0.175em;
  font-weight: 600;
  text-align: center;
  color: #222;
  display: block;
}
@media (min-width: 768px) {
  .photo-slider__section--h3 {
    font-size: 1.8rem;
    margin: 0 0 30px;
  }
}
.photo-slider__item p {
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  width: 280px;
  margin: 10px auto 0;
}
@media (min-width: 768px) {
  .photo-slider__item p {
    font-size: 1.6rem;
    width: 340px;
  }
}
.photo-slider__inner {
  position: relative;
}
.photo-slider__inner img {
  width: 280px;
  height: 280px;
  margin: 0 auto 15px;
  object-fit: contain;
  box-shadow: 0 0 0 1px #f0f0f0 inset;
  border: none;
  padding: 5px;
  background-color: #f7f7f7;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .photo-slider__inner img {
    margin: 0 auto 20px;
    width: 340px;
    height: 340px;
  }
}
.photo-slider__dots {
  display: flex;
}
@media (min-width: 768px) {
  .photo-slider__wrap--wide .photo-slider__item {
    width: 500px;
    margin: 0 auto;
  }
}
.photo-slider__wrap--wide .photo-slider__inner img {
  object-fit: contain;
}
@media (min-width: 768px) {
  .photo-slider__wrap--wide .photo-slider__inner img {
    width: 500px;
    height: 450px;
    margin: 0 auto 20px;
  }
}
.photo__layout--wide + .photo-slider {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .photo__layout--wide + .photo-slider {
    width: 500px;
  }
  .photo__layout--wide + .photo-slider .photo-slider__item p {
    width: auto;
  }
}
.slick-slide:focus {
  outline: none;
}
.slick-slide img {
  margin: 0 auto;
}
.slick-dots {
  bottom: -40px;
}
/********************************************
 // ↓ container.scss
 ********************************************/
/*コンテンツのサイズ指定*/
.container {
  box-sizing: border-box;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.container::after {
  display: block;
  clear: both;
  content: '';
}
.contents {
  float: left;
  width: 70%;
  max-width: 770px;
  margin-right: 2%;
}
/********************************************
 // ↓ fellowship.scss
 ********************************************/
.pg_fellowship img {
  display: block;
  margin: 0 auto;
}
.pg_fellowship p {
  font-size: 1.5rem;
  line-height: 1.6em;
}
.pg_fellowship h4 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #004098;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship h4 {
    margin-bottom: 2%;
  }
}
.pg_fellowship .section01 {
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section01 {
    margin-bottom: 6%;
  }
}
.pg_fellowship .section02 {
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section02 {
    margin-bottom: 6%;
  }
}
.pg_fellowship .section02__inner {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section02__inner {
    padding: 0 2%;
  }
}
.pg_fellowship .section02__inner--cnt {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section02__inner--cnt {
    margin-bottom: 4%;
  }
}
.pg_fellowship .section02__inner--cnt2 li:not(:last-of-type) {
  float: left;
  width: 49%;
  margin-bottom: 2%;
}
@media screen and (max-width: 767px) {
  .pg_fellowship .section02__inner--cnt2 li:not(:last-of-type) {
    float: none;
    width: 100%;
  }
}
.pg_fellowship .section02__inner--cnt2 li:first-of-type, .pg_fellowship .section02__inner--cnt2 li:nth-of-type(3) {
  margin-right: 2%;
}
@media screen and (max-width: 767px) {
  .pg_fellowship .section02__inner--cnt2 li:first-of-type, .pg_fellowship .section02__inner--cnt2 li:nth-of-type(3) {
    margin-right: 0;
  }
}
.pg_fellowship .section03 {
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section03 {
    margin-bottom: 6%;
  }
}
.pg_fellowship .section03 h3 {
  margin-bottom: 20px;
  padding: 20px;
  font-size: 2.2rem;
  color: #004098;
  background: #efefef;
  border-left: 10px solid #004098;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section03 h3 {
    margin-bottom: 2%;
    padding: 2%;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .pg_fellowship .section03 h3 {
    font-size: 1.8rem;
  }
}
.pg_fellowship .section03__inner {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section03__inner {
    padding: 0 2%;
  }
}
.pg_fellowship .section03__inner--cnt {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section03__inner--cnt {
    margin-bottom: 2%;
  }
}
.pg_fellowship .section03__inner--cnt2 {
  padding: 30px;
  border: 2px solid #004098;
  box-sizing: border-box;
}
.pg_fellowship .section03__inner--cnt2 h4 {
  margin-bottom: 20px;
  color: #004098;
  font-weight: bold;
  font-size: 2.2rem;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section03__inner--cnt2 h4 {
    margin-bottom: 2%;
  }
}
.pg_fellowship .section03__inner--cnt2 ul li:not(:last-of-type) {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section03__inner--cnt2 ul li:not(:last-of-type) {
    margin-bottom: 2%;
  }
}
.pg_fellowship .section03__inner--cnt2 ul li p {
  font-size: 1.8rem;
  line-height: 1.6em;
}
.pg_fellowship .section03__inner--cnt2 ul li strong {
  font-weight: bold;
  color: #e90000;
}
.pg_fellowship .section04 {
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section04 {
    margin-bottom: 6%;
  }
}
.pg_fellowship .section04 h5 {
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.pg_fellowship .section04__inner {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section04__inner {
    padding: 0 2%;
  }
}
.pg_fellowship .section04__inner--subtitle {
  margin-bottom: 10px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .pg_fellowship .section04__inner--scroll {
    height: 300px;
    overflow-y: scroll;
    border: 1px solid #f1f1f1;
    padding: 2%;
    box-sizing: border-box;
  }
  .pg_fellowship .section04__inner--scroll::-webkit-scrollbar {
    width: 7px;
  }
  .pg_fellowship .section04__inner--scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, #f8c57c, #f7a732);
    border-radius: 3px;
  }
  .pg_fellowship .section04__inner--scroll::-webkit-scrollbar-track {
    background: rgba(100, 100, 100, .5);
  }
}
.pg_fellowship .section04__inner--cnt {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section04__inner--cnt {
    margin-bottom: 3%;
  }
}
.pg_fellowship .section04__inner--cnt ul li span {
  display: block;
}
.pg_fellowship .section04__inner--cnt ul li p {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section04__inner--cnt ul li p {
    margin-bottom: 2%;
  }
}
.pg_fellowship .section05 h4 {
  margin-bottom: 20px;
  color: #004098;
  font-weight: bold;
  font-size: 2.2rem;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section05 h4 {
    margin-bottom: 2%;
  }
}
.pg_fellowship .section05__inner {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section05__inner {
    padding: 0 2%;
  }
}
.pg_fellowship .section05__inner--cnt {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .pg_fellowship .section05__inner--cnt {
    margin-bottom: 3%;
  }
}
/********************************************
 // ↓ loan.scss
 ********************************************/
.pg_loan img {
  display: block;
  margin: 0 auto;
}
.pg_loan p {
  font-size: 1.5rem;
  line-height: 1.6em;
}
.pg_loan strong {
  display: block;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.8rem;
}
@media screen and (max-width: 1024px) {
  .pg_loan strong {
    margin-bottom: 2%;
  }
}
.pg_loan .section01 {
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section01 {
    margin-bottom: 6%;
  }
}
.pg_loan .section02 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section02 {
    margin-bottom: 7%;
  }
}
.pg_loan .section02__inner {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section02__inner {
    padding: 0 2%;
  }
}
.pg_loan .section02__inner h2 {
  position: relative;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #0d4d9f;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section02__inner h2 {
    font-size: 1.6rem;
  }
}
.pg_loan .section02__inner h2::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 2px;
  background: #004098;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -15px;
}
.pg_loan .section02__inner--title {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section02__inner--title {
    padding: 0 2%;
  }
}
@media screen and (max-width: 1024px) {
  .pg_loan .section02__inner--title {
    margin-bottom: 3%;
  }
}
.pg_loan .section02__inner--title p {
  color: #004098;
}
.pg_loan .section02__inner--title span {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  margin: 0 0 10px;
  color: #f7a732;
  display: block;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section02__inner--title span {
    font-size: 1.4rem;
    margin: 0 0 5px;
    color: #f7a732;
    display: block;
  }
}
.pg_loan .section02__inner--cnt {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section02__inner--cnt {
    margin-bottom: 3%;
  }
}
.pg_loan .section02__inner--cnt p {
  max-width: 730px;
  margin: 30px auto 0;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section02__inner--cnt p {
    margin: 3% auto 0;
  }
}
.pg_loan .section02__inner--cnt2 {
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
}
.pg_loan .section02__inner--cnt2 ul li {
  float: left;
  width: 32%;
}
.pg_loan .section02__inner--cnt2 ul li:not(:last-of-type) {
  margin-right: 2%;
}
.pg_loan .section02__inner--cnt2 ul li p {
  margin-top: 10px;
}
.pg_loan .section03 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section03 {
    margin-bottom: 7%;
  }
}
.pg_loan .section03 h2 {
  margin-bottom: 40px;
  padding: 20px;
  font-size: 2.2rem;
  background: #efefef;
  border-left: 10px solid #004098;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section03 h2 {
    padding: 2%;
    margin-bottom: 4%;
  }
}
.pg_loan .section03__inner {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section03__inner {
    padding: 0 2%;
  }
}
.pg_loan .section03__inner--notice p {
  padding: 20px 20px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section03__inner--notice p {
    padding: 2% 2% 0;
  }
}
.pg_loan .section04 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section04 {
    margin-bottom: 7%;
  }
}
.pg_loan .section04 h2 {
  margin-bottom: 40px;
  padding: 20px;
  font-size: 2.2rem;
  background: #efefef;
  border-left: 10px solid #004098;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section04 h2 {
    padding: 2%;
    margin-bottom: 4%;
  }
}
.pg_loan .section04__inner {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section04__inner {
    padding: 0 2%;
  }
}
.pg_loan .section04__inner--cnt {
  counter-increment: title;
}
.pg_loan .section04__inner--cnt:not(:last-of-type) {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section04__inner--cnt:not(:last-of-type) {
    margin-bottom: 4%;
  }
}
.pg_loan .section04__inner--cnt h3 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  color: #004098;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section04__inner--cnt h3 {
    margin-bottom: 2%;
  }
}
.pg_loan .section04__inner--cnt h3::before {
  content: counter(title) ". ";
}
@media screen and (max-width: 767px) {
  .pg_loan .section04__inner--scroll {
    height: 300px;
    overflow-y: scroll;
    border: 1px solid #f1f1f1;
    padding: 2%;
    box-sizing: border-box;
  }
  .pg_loan .section04__inner--scroll::-webkit-scrollbar {
    width: 7px;
  }
  .pg_loan .section04__inner--scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, #f8c57c, #f7a732);
    border-radius: 3px;
  }
  .pg_loan .section04__inner--scroll::-webkit-scrollbar-track {
    background: rgba(100, 100, 100, .5);
  }
}
.pg_loan .section05 {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_loan .section05 {
    padding: 0 2%;
  }
}
/********************************************
 // ↓ guarantee.scss
 ********************************************/
.pg_guarantee br.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .pg_guarantee br.sp {
    display: block;
  }
}
.pg_guarantee img {
  display: block;
  margin: 0 auto;
}
.pg_guarantee p {
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.6em;
}
.pg_guarantee strong {
  display: block;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.8rem;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee strong {
    margin-bottom: 2%;
  }
}
.pg_guarantee h3 {
  max-width: 790px;
  width: 100%;
  margin: 0 auto 3%;
  padding: 20px;
  font-size: 2.6rem;
  color: #0d4d9f;
  text-align: center;
  border: 1px solid #0d4d9f;
  border-radius: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee h3 {
    width: 96%;
    margin-bottom: 3%;
    padding: 2%;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .pg_guarantee h3 {
    font-size: 2.2rem;
    line-height: 1.5em;
  }
}
.pg_guarantee h4 {
  margin-bottom: 20px;
  font-size: 2rem;
  color: #0d4d9f;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee h4 {
    margin-bottom: 2%;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .pg_guarantee h4 {
    font-size: 1.6rem;
  }
}
.pg_guarantee .section01 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section01 {
    margin-bottom: 7%;
  }
}
.pg_guarantee .section02 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section02 {
    margin-bottom: 7%;
  }
}
.pg_guarantee .section02 h2 {
  position: relative;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #0d4d9f;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section02 h2 {
    font-size: 1.6rem;
  }
}
.pg_guarantee .section02 h2::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 2px;
  background: #004098;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -15px;
}
@media screen and (max-width: 767px) {
  .pg_guarantee .section02 h2::after {
    bottom: -7px;
  }
}
.pg_guarantee .section02__inner {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section02__inner {
    padding: 0 2%;
  }
}
.pg_guarantee .section02__inner ul li {
  float: left;
  width: 32%;
  padding: 20px;
  font-size: 1.8rem;
  color: #fff;
  line-height: 1.5em;
  text-align: center;
  border-radius: 5px;
  background: #0d4d9f;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section02__inner ul li {
    padding: 2%;
  }
}
.pg_guarantee .section02__inner ul li:not(:last-of-type) {
  margin-right: 2%;
}
.pg_guarantee .section02__inner ul li span {
  font-size: 1.2em;
}
@media screen and (max-width: 767px) {
  .pg_guarantee .section02__inner ul li span {
    font-size: 1em;
  }
}
.pg_guarantee .section02__inner--title {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section02__inner--title {
    padding: 0 2%;
  }
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section02__inner--title {
    margin-bottom: 3%;
  }
}
.pg_guarantee .section02__inner--title p {
  color: #004098;
}
.pg_guarantee .section02__inner--title span {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  margin: 0 0 10px;
  color: #f7a732;
  display: block;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section02__inner--title span {
    font-size: 1.4rem;
    margin: 0 0 5px;
    color: #f7a732;
    display: block;
  }
}
.pg_guarantee .section02__inner--txt {
  margin: 30px auto 0;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section02__inner--txt {
    margin: 3% auto 0;
  }
}
.pg_guarantee .section03 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section03 {
    margin-bottom: 7%;
  }
}
.pg_guarantee .section03__inner--cnt {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  max-width: 730px;
  margin-bottom: 30px;
  counter-increment: title;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section03__inner--cnt {
    padding: 0 2%;
  }
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section03__inner--cnt {
    margin-bottom: 3%;
  }
}
.pg_guarantee .section03__inner--cnt h4::before {
  content: counter(title) ". ";
}
.pg_guarantee .section04 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section04 {
    margin-bottom: 7%;
  }
}
.pg_guarantee .section04__inner--txt {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section04__inner--txt {
    padding: 0 2%;
  }
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section04__inner--txt {
    margin-bottom: 3%;
  }
}
.pg_guarantee .section04__inner--img {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section04__inner--img {
    padding: 0 2%;
  }
}
.pg_guarantee .section05 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section05 {
    margin-bottom: 7%;
  }
}
.pg_guarantee .section05__inner--cnt {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  max-width: 730px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section05__inner--cnt {
    padding: 0 2%;
  }
}
.pg_guarantee .section05__inner--cnt ul {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section05__inner--cnt ul {
    margin-bottom: 2%;
  }
}
.pg_guarantee .section05__inner--cnt ul li {
  float: left;
  box-sizing: border-box;
}
.pg_guarantee .section05__inner--cnt ul li:first-of-type {
  width: 34%;
  margin-right: 2%;
}
@media (max-width: 480px) {
  .pg_guarantee .section05__inner--cnt ul li:first-of-type {
    width: 100%;
    margin-right: 0;
  }
}
.pg_guarantee .section05__inner--cnt ul li:nth-of-type(2) {
  width: 64%;
  padding-left: 2%;
  border-left: 1px solid #0d4d9f;
  box-sizing: border-box;
}
@media (max-width: 480px) {
  .pg_guarantee .section05__inner--cnt ul li:nth-of-type(2) {
    width: 100%;
    padding-left: 0;
    border-left: none;
  }
}
.pg_guarantee .section05__inner--cnt ul li span {
  display: block;
  font-size: 1.5rem;
  line-height: 1.6em;
}
.pg_guarantee .section06 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section06 {
    margin-bottom: 7%;
  }
}
.pg_guarantee .section06__inner--img {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section06__inner--img {
    padding: 0 2%;
  }
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section06__inner--img {
    margin-bottom: 4%;
  }
}
.pg_guarantee .section06__inner--cnt {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section06__inner--cnt {
    padding: 0 2%;
  }
}
.pg_guarantee .section07 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section07 {
    margin-bottom: 7%;
  }
}
.pg_guarantee .section07__inner--cnt {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section07__inner--cnt {
    padding: 0 2%;
  }
}
.pg_guarantee .section07__inner--cnt:not(:last-of-type) {
  margin-bottom: 10px;
}
.pg_guarantee .section08 {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .pg_guarantee .section08 {
    padding: 0 2%;
  }
}
/********************************************
 // ↓ reason.scss
 ********************************************/
.tc_concept img {
  display: block;
  margin: 0 auto;
}
.tc_concept p {
  font-size: 1.5rem;
  line-height: 1.6em;
}
.tc_concept .section__btn {
  max-width: 300px;
  width: 100%;
  margin: 30px auto 0;
  font-size: 1.5rem;
  font-weight: bold;
  background: #fff;
  color: #000;
  text-align: center;
  box-sizing: border-box;
  border: 2px solid #004098;
  border-radius: 50px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section__btn {
    margin: 3% auto 0;
  }
}
.tc_concept .section__btn a {
  display: block;
  padding: 15px;
  color: #004098;
  box-sizing: border-box;
}
.tc_concept .section__btn a:link, .tc_concept .section__btn a:visited, .tc_concept .section__btn a:hover {
  color: #004098;
}
.tc_concept .section01 {
  background: url(../../../../toilet_cmn/images/section01_bg.png) center/cover no-repeat;
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section01 {
    margin-bottom: 10%;
  }
}
.tc_concept .section02 {
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section02 {
    margin-bottom: 5%;
  }
}
.tc_concept .section02__inner {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section02__inner {
    padding: 0 2%;
  }
}
.tc_concept .section02__title {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section02__title {
    margin-bottom: 4%;
  }
}
.tc_concept .section02__title h2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section02__title h2 {
    margin-bottom: 2%;
  }
}
.tc_concept .section02__cnt {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section02__cnt {
    margin-bottom: 3%;
  }
}
.tc_concept .section02__cnt2 {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
  padding: 40px;
  background: linear-gradient(45deg, #ececec 25%, transparent 25%, transparent 75%, #ececec 75%), linear-gradient(45deg, #ececf1 25%, transparent 25%, transparent 75%, #ececec 75%);
  background-color: #f9f9f9;
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  border-radius: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section02__cnt2 {
    margin-bottom: 4%;
  }
}
.tc_concept .section02__cnt2--title {
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section02__cnt2--title {
    margin-bottom: 5%;
  }
}
.tc_concept .section02__cnt2--title h3 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section02__cnt2--title h3 {
    margin-bottom: 2%;
  }
}
.tc_concept .section02__cnt2--store h4 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section02__cnt2--store h4 {
    margin-bottom: 2%;
  }
}
.tc_concept .section02__cnt2--store ul li {
  float: left;
}
.tc_concept .section02__cnt2--store ul li:first-of-type {
  max-width: 350px;
  width: 41%;
  margin-right: 6%;
}
@media screen and (max-width: 767px) {
  .tc_concept .section02__cnt2--store ul li:first-of-type {
    display: none;
  }
}
.tc_concept .section02__cnt2--store ul li:last-of-type {
  width: 53%;
}
@media screen and (max-width: 767px) {
  .tc_concept .section02__cnt2--store ul li:last-of-type {
    width: 100%;
  }
}
.tc_concept .section02__cnt3 {
  display: none;
}
@media screen and (max-width: 767px) {
  .tc_concept .section02__cnt3 {
    display: block;
  }
}
.tc_concept .section03 {
  padding: 50px 0;
  background: #f1f1f1;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section03 {
    padding: 5% 0;
  }
}
.tc_concept .section03 h2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section03 h2 {
    margin-bottom: 2%;
  }
}
.tc_concept .section03__title {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section03__title {
    padding: 0 2%;
  }
}
.tc_concept .section03__cnt {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto 40px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section03__cnt {
    margin: 0 auto 4%;
  }
}
.tc_concept .section03__cnt p {
  padding: 20px 20px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section03__cnt p {
    padding: 2% 2% 0;
  }
}
.tc_concept .section03__cnt2 {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 50px;
  background: #009fd9;
  border-radius: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section03__cnt2 {
    width: 96%;
    padding: 3% 5%;
  }
}
.tc_concept .section03__cnt2 h3 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.5em;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section03__cnt2 h3 {
    margin-bottom: 2%;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .tc_concept .section03__cnt2 h3 {
    font-size: 2.2rem;
  }
}
.tc_concept .section04 {
  padding: 50px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section04 {
    padding: 5% 0;
  }
}
.tc_concept .section04 h2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section04 h2 {
    margin-bottom: 2%;
  }
}
.tc_concept .section04__title {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section04__title {
    padding: 0 2%;
  }
}
.tc_concept .section04__cnt {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}
.tc_concept .section04__cnt p {
  padding: 20px 20px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section04__cnt p {
    padding: 2% 2% 0;
  }
}
.tc_concept .section04__cnt2 {
  max-width: 1024px;
  width: 100%;
  margin: 50px auto;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section04__cnt2 {
    margin: 5% auto;
  }
}
.tc_concept .section04__cnt2 h3 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section04__cnt2 h3 {
    margin-bottom: 2%;
  }
}
.tc_concept .section04__btn {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  margin-top: 50px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section04__btn {
    padding: 0 2%;
  }
}
@media screen and (max-width: 1024px) {
  .tc_concept .section04__btn {
    margin-top: 5%;
  }
}
.tc_concept .section05 {
  padding: 50px 0;
  background: #f1f1f1;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05 {
    padding: 5% 0;
  }
}
.tc_concept .section05 h2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05 h2 {
    margin-bottom: 2%;
  }
}
.tc_concept .section05__title {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05__title {
    padding: 0 2%;
  }
}
.tc_concept .section05__cnt {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05__cnt {
    margin: 0 auto 5%;
  }
}
.tc_concept .section05__cnt p {
  padding: 20px 20px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05__cnt p {
    padding: 2% 2% 0;
  }
}
.tc_concept .section05__cnt2 {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05__cnt2 {
    padding: 0 2%;
  }
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05__cnt2 {
    margin: 0 auto 5%;
  }
}
.tc_concept .section05__cnt3 {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05__cnt3 {
    margin: 0 auto 5%;
  }
}
.tc_concept .section05__cnt3 h3 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05__cnt3 h3 {
    margin-bottom: 2%;
  }
}
.tc_concept .section05__cnt3 p {
  padding: 20px 20px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05__cnt3 p {
    padding: 2% 2% 0;
  }
}
.tc_concept .section05__btn {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section05__btn {
    padding: 0 2%;
  }
}
.tc_concept .section06 {
  padding: 50px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06 {
    padding: 5% 0;
  }
}
.tc_concept .section06__btn {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06__btn {
    padding: 0 2%;
  }
}
.tc_concept .section06 h2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06 h2 {
    margin-bottom: 2%;
  }
}
.tc_concept .section06__cnt {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06__cnt {
    margin: 0 auto 5%;
  }
}
.tc_concept .section06__cnt h3 {
  margin-top: 30px;
  padding-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #004098;
  border-bottom: 3px solid #004098;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06__cnt h3 {
    margin-top: 3%;
  }
}
.tc_concept .section06__cnt p {
  padding: 20px 20px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06__cnt p {
    padding: 2% 2% 0;
  }
}
.tc_concept .section06__cnt2 {
  max-width: 940px;
  width: 100%;
  margin: 0 auto 30px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06__cnt2 {
    width: 96%;
    margin: 0 auto 3%;
  }
}
.tc_concept .section06__cnt2 h3 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06__cnt2 h3 {
    margin-bottom: 2%;
  }
}
.tc_concept .section06__cnt2 ul li:not(:last-of-type) {
  float: left;
  width: 49%;
  margin-bottom: 2%;
}
@media screen and (max-width: 767px) {
  .tc_concept .section06__cnt2 ul li:not(:last-of-type) {
    float: none;
    width: 100%;
  }
}
.tc_concept .section06__cnt2 ul li:first-of-type, .tc_concept .section06__cnt2 ul li:nth-of-type(3) {
  margin-right: 2%;
}
@media screen and (max-width: 767px) {
  .tc_concept .section06__cnt2 ul li:first-of-type, .tc_concept .section06__cnt2 ul li:nth-of-type(3) {
    margin-right: 0;
  }
}
.tc_concept .section06__cnt2 ul li:last-of-type {
  float: none;
  clear: both;
  width: 100%;
}
.tc_concept .section06__cnt3 {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06__cnt3 {
    margin: 0 auto 5%;
  }
}
.tc_concept .section06__cnt3 h3 {
  margin-top: 30px;
  padding-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #004098;
  border-bottom: 3px solid #004098;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06__cnt3 h3 {
    margin-top: 3%;
  }
}
.tc_concept .section06__cnt3 p {
  padding: 20px 20px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section06__cnt3 p {
    padding: 2% 2% 0;
  }
}
.tc_concept .section07__inner {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section07__inner {
    padding: 0 2%;
  }
}
.tc_concept .section07__title h2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .tc_concept .section07__title h2 {
    margin-bottom: 2%;
  }
}
.tc_concept .section07__cnt ul {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
}
.tc_concept .section07__cnt ul li {
  float: left;
  width: 48%;
}
@media screen and (max-width: 767px) {
  .tc_concept .section07__cnt ul li {
    width: 49%;
  }
}
.tc_concept .section07__cnt ul li:first-of-type {
  margin-right: 4%;
}
@media screen and (max-width: 767px) {
  .tc_concept .section07__cnt ul li:first-of-type {
    margin-right: 2%;
  }
}
.tc_concept .mv__review-link {
  width: 100%;
  max-width: 944px;
  border: solid 3px #0095cb;
  border-radius: 8px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .tc_concept .mv__review-link {
    width: 96%;
  }
}
.tc_concept .mv__review-link .mv__review-wrap {
  width: 60%;
  padding: 20px 40px;
}
@media screen and (max-width: 767px) {
  .tc_concept .mv__review-link .mv__review-wrap {
    width: 70%;
    padding: 10px;
  }
}
.tc_concept .mv__review-link .mv__review-data {
  width: 40%;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .tc_concept .mv__review-link .mv__review-data {
    width: 30%;
    padding: 10px;
  }
}
.tc_concept .mv__review-link .mv__review--ttl::before {
  width: 100px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .tc_concept .mv__review-link .mv__review--ttl::before {
    width: 80px;
    height: 26px;
  }
}
.tc_concept .mv__review-link .mv__review--ttl {
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .tc_concept .mv__review-link .mv__review--ttl {
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.tc_concept .mv__review-link .mv__review--description {
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .tc_concept .mv__review-link .mv__review--description {
    font-size: 1.1rem;
    text-align: center;
  }
}
.tc_concept .mv__review-link .mv__review-data--num {
  font-size: 4.8rem;
  float: left;
  width: 60%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .tc_concept .mv__review-link .mv__review-data--num {
    font-size: 2.4rem;
    float: none;
    width: 100%;
    margin-bottom: 6px;
  }
}
.tc_concept .mv__review-link .mv__review-data--num span {
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  .tc_concept .mv__review-link .mv__review-data--num span {
    font-size: 1.8rem;
  }
}
.tc_concept .mv__review-link .mv__review-data--point {
  font-size: 3.6rem;
  float: left;
  width: 40%;
}
@media screen and (max-width: 767px) {
  .tc_concept .mv__review-link .mv__review-data--point {
    font-size: 1.4rem;
    float: none;
    width: 100%;
  }
}
.tc_concept .mv__review-link .mv__review-data--point i {
  margin-right: 10px;
}
.reasonWorks-wrap {
  margin: 0 10px;
  display: flex !important;
  flex-wrap: wrap;
}
@media (min-width: 1025px) {
  .reasonWorks-wrap {
    margin: 0;
  }
}
.reasonWorks-wrap .vert-card__item {
  margin: 0 10px 10px 0;
  border: 1px solid #eee;
  border-radius: 3px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .reasonWorks-wrap .vert-card__item {
    width: calc(100% / 3 - 7px);
    margin: 0 10px 10px 0;
  }
}
@media (min-width: 1025px) {
  .reasonWorks-wrap .vert-card__item {
    width: 321px;
    margin: 0 20px 20px 0;
  }
}
.reasonWorks-wrap .vert-card__item:nth-child(2n) {
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .reasonWorks-wrap .vert-card__item:nth-child(2n) {
    margin: 0 10px 10px 0;
  }
}
@media (min-width: 1025px) {
  .reasonWorks-wrap .vert-card__item:nth-child(2n) {
    margin: 0 20px 20px 0;
  }
}
@media (min-width: 768px) {
  .reasonWorks-wrap .vert-card__item:nth-child(3n) {
    margin: 0 0 10px 0;
  }
}
@media (min-width: 1025px) {
  .reasonWorks-wrap .vert-card__item:nth-child(3n) {
    margin: 0 20px 20px 0;
  }
}
@media (min-width: 768px) {
  .reasonWorks-wrap .vert-card__item:nth-child(4n) {
    margin: 0 10px 10px 0;
  }
}
@media (min-width: 1025px) {
  .reasonWorks-wrap .vert-card__item:nth-child(4n) {
    margin: 0 0 20px 0;
  }
}
.reasonWorks-wrap .vert-card__img {
  width: 100%;
  height: 170px;
}
@media (min-width: 768px) {
  .reasonWorks-wrap .vert-card__img {
    height: 240px;
  }
}
.reasonWorks-wrap .commingsoon {
  border: none;
  border-radius: 3px;
  box-sizing: border-box;
}
.reasonWorks-wrap .commingsoon__thumb {
  width: 100%;
  height: 170px;
  border-radius: 3px;
  background: #009fd9;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(0, 159, 217, 1) 0%, rgba(13, 77, 159, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 159, 217, 1) 0%, rgba(13, 77, 159, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 159, 217, 1) 0%, rgba(13, 77, 159, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009fd9', endColorstr='#0d4d9f',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .reasonWorks-wrap .commingsoon__thumb {
    height: 240px;
  }
}
.reasonWorks-wrap .commingsoon span {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #fff;
}
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ events.scss
 ********************************************/
.layout.archive_events .layout__main-left {
  width: 100%;
}
.layout.archive_events .sub-page__events .hori-card__link {
  border: none;
}
.layout.archive_events .sub-page__events .hori-card__layout {
  display: block;
}
.layout.archive_events .sub-page__events .hori-card__item:not(:last-of-type) {
  margin-bottom: 40px;
  border-bottom: 4px dashed #eee;
}
@media screen and (max-width: 1024px) {
  .layout.archive_events .sub-page__events .hori-card__item:not(:last-of-type) {
    margin-bottom: 4%;
  }
}
.layout.archive_events .sub-page__events .hori-card__thumb {
  float: left;
  max-width: 240px;
  width: 25%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .layout.archive_events .sub-page__events .hori-card__thumb {
    max-width: none;
    width: 40%;
  }
}
@media screen and (max-width: 480px) {
  .layout.archive_events .sub-page__events .hori-card__thumb {
    width: 100%;
    margin-bottom: 2%;
  }
}
.layout.archive_events .sub-page__events .hori-card__thumb figure {
  border: 1px solid #dadada;
}
.layout.archive_events .sub-page__events .hori-card__img {
  width: 240px;
  height: 240px;
}
@media screen and (max-width: 767px) {
  .layout.archive_events .sub-page__events .hori-card__img {
    width: 100%;
    height: 100%;
  }
}
.layout.archive_events .sub-page__events .hori-card__txt {
  float: left;
  width: 75%;
  font-size: 1.5rem;
  height: 100%;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 1024px) {
  .layout.archive_events .sub-page__events .hori-card__txt {
    padding: 0 0 0 2%;
  }
}
@media screen and (max-width: 767px) {
  .layout.archive_events .sub-page__events .hori-card__txt {
    width: 60%;
  }
}
@media screen and (max-width: 480px) {
  .layout.archive_events .sub-page__events .hori-card__txt {
    width: 100%;
    padding: 0;
  }
}
.layout.archive_events .sub-page__events .hori-card__txt--cnt {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #eee;
}
.layout.archive_events .sub-page__events .hori-card__txt--cnt ul li {
  float: left;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 1.3rem;
}
.layout.archive_events .sub-page__events .hori-card__txt--cnt ul li:first-of-type {
  width: 18%;
  margin-right: 2%;
  background: #ff8a00;
  color: #fff;
  text-align: center;
}
.layout.archive_events .sub-page__events .hori-card__txt--cnt ul li:nth-of-type(2) {
  width: 80%;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .layout.archive_events .sub-page__events .hori-card__txt--cnt ul li:nth-of-type(2) {
    font-size: 1.6rem;
  }
}
.layout.archive_events .sub-page__events .hori-card__txt--cnt ul li.hori-card__notice {
  background: orange;
}
.layout.archive_events .sub-page__events .hori-card__txt--cnt ul li.hori-card__fin {
  background: #ff8a00;
}
.layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul {
  margin-bottom: 10px;
  border-bottom: 1px dashed #eee;
}
.layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li {
  float: left;
  margin-bottom: 5px;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 1.4rem;
  color: #353535;
}
.layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:first-of-type, .layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(3), .layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(5), .layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(7) {
  width: 18%;
  margin-right: 2%;
  background: #ff8a00;
  color: #fff;
  text-align: center;
}
.layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(2), .layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(4), .layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(6), .layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(8) {
  width: 80%;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(2), .layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(4), .layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(6), .layout.archive_events .sub-page__events .hori-card__txt--cnt2 ul li:nth-of-type(8) {
    font-size: 1.3rem;
  }
}
.layout.single_events p {
  font-size: 1.4rem;
  line-height: 1.75em;
}
@media (min-width: 768px) {
  .layout.single_events p {
    font-size: 1.6rem;
  }
}
.layout.single_events .layout__main-left {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .layout.single_events .sub-page__events.container {
    padding: 0 2%;
  }
}
.layout.single_events .single_events__notice {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .layout.single_events .single_events__notice {
    margin-bottom: 4%;
  }
}
.layout.single_events .single_events__notice ul:nth-of-type(2), .layout.single_events .single_events__notice ul:nth-of-type(3) {
  margin-top: 10px;
}
.layout.single_events .single_events__notice ul li {
  line-height: 1.75em;
  float: left;
}
.layout.single_events .single_events__notice ul li:first-of-type {
  width: 18%;
  margin-right: 2%;
  padding: 5px;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  background: #ff8a00;
  box-sizing: border-box;
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  .layout.single_events .single_events__notice ul li:first-of-type {
    width: 22%;
  }
}
.layout.single_events .single_events__notice ul li:nth-of-type(2) {
  width: 80%;
  padding: 5px;
  font-size: 1.4rem;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .layout.single_events .single_events__notice ul li:nth-of-type(2) {
    width: 100%;
    margin-top: 2%;
    float: none;
    clear: both;
  }
}
.layout.single_events .single_events__notice ul li:nth-of-type(2) span {
  font-weight: bold;
  color: #222;
}
.layout.single_events .single_events__img {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .layout.single_events .single_events__img {
    margin-bottom: 4%;
  }
}
.layout.single_events .single_events__img--two-column ul li {
  float: left;
  width: 49%;
}
.layout.single_events .single_events__img--two-column ul li:first-of-type {
  margin-right: 2%;
}
.layout.single_events .single_events__img--three-column ul li:first-of-type {
  float: none;
  width: 100%;
  margin-bottom: 2%;
}
.layout.single_events .single_events__img--three-column ul li:nth-of-type(2) {
  margin-right: 2%;
}
.layout.single_events .single_events__img--three-column ul li:not(:first-of-type) {
  float: left;
  width: 49%;
}
.layout.single_events .single_events__img .my-gallery {
  position: relative;
  height: 0;
  margin: 0 auto;
  padding: 0 0 74%;
  text-align: center;
  overflow: hidden;
}
.layout.single_events .single_events__img .my-gallery figure {
  position: relative;
  height: 0;
  padding-bottom: 74%;
  box-shadow: 0 0 0 1px #f1f1f1 inset;
  overflow: hidden;
}
.layout.single_events .single_events__img .my-gallery figure a {
  display: block;
  padding-bottom: 74%;
}
.layout.single_events .single_events__img .my-gallery img {
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate(-50%, -50%);
  transform: translate3d(-50%, -50%, 0);
  z-index: -1;
}
.layout.single_events .single_events__freearea {
  margin-bottom: 40px;
  padding: 20px;
  border: 2px solid #222;
  border-radius: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .layout.single_events .single_events__freearea {
    margin-bottom: 4%;
    padding: 2%;
  }
}
.layout.single_events .single_events__freearea h3 {
  font-size: 18px;
  color: #222;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .layout.single_events .single_events__freearea h3 {
    margin-bottom: 2%;
  }
}
.layout.single_events .single_events__cnt {
  padding: 20px;
  font-size: 1.5rem;
  border: 1px solid #eee;
  border-radius: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .layout.single_events .single_events__cnt {
    padding: 2%;
  }
}
.layout.single_events .single_events__cnt:not(:nth-of-type(3)) {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .layout.single_events .single_events__cnt:not(:nth-of-type(3)) {
    margin-bottom: 2%;
  }
}
.layout.single_events .single_events__cnt--left {
  float: left;
  width: 50%;
  margin-right: 2%;
}
@media screen and (max-width: 767px) {
  .layout.single_events .single_events__cnt--left {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }
}
.layout.single_events .single_events__cnt--left ul li {
  float: left;
  margin-bottom: 10px;
  padding: 10px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .layout.single_events .single_events__cnt--left ul li {
    font-size: 1.6rem;
  }
}
.layout.single_events .single_events__cnt--left ul li:nth-of-type(2n+1) {
  clear: left;
  width: 18%;
  margin-right: 2%;
  color: #fff;
  text-align: center;
  background: #ff8a00;
}
@media screen and (max-width: 767px) {
  .layout.single_events .single_events__cnt--left ul li:nth-of-type(2n+1) {
    width: 22%;
  }
}
.layout.single_events .single_events__cnt--left ul li:nth-of-type(2n) {
  width: 80%;
}
@media screen and (max-width: 767px) {
  .layout.single_events .single_events__cnt--left ul li:nth-of-type(2n) {
    width: 76%;
  }
}
.layout.single_events .single_events__cnt--all {
  float: none;
  width: 100%;
  margin-right: 0;
}
.layout.single_events .single_events__cnt--right {
  float: left;
  width: 48%;
}
@media screen and (max-width: 767px) {
  .layout.single_events .single_events__cnt--right {
    float: none;
    width: 100%;
  }
}
.layout.single_events .single_events__cnt--right .acf-map {
  width: 100%;
  height: 400px;
  border: 1px solid #eee;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .layout.single_events .single_events__cnt--right .acf-map {
    display: none;
  }
}
.layout.single_events .single_events__cnt--map {
  display: none;
}
@media screen and (max-width: 767px) {
  .layout.single_events .single_events__cnt--map {
    display: block;
  }
}
.layout.single_events .single_events__cnt--map a {
  color: #333;
  font-weight: bold;
}
/* ▼ 特定箇所の色設定 */
/*ブレークポイント max-width version[Add leehnyn]*/
/********************************************
 // ↓ company.scss
 ********************************************/
.side-company {
  margin: 0 0 50px;
}
@media (min-width: 768px) {
  .company-head {
    margin: 50px 0 30px;
  }
}
.company-anchor {
  margin: 20px 0 0;
  padding: 0 3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .company-anchor {
    padding: 0;
    display: none;
  }
}
.company-anchor__list {
  width: 49%;
  margin: 0 0 2%;
}
.company-anchor__list--link {
  padding: 15px 0;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #fff;
  text-align: center;
  background-color: #ff8a00;
  border-radius: 3px;
  display: block;
}
.company-overview {
  width: 94%;
  margin: 0 3%;
  table-layout: fixed;
}
@media (min-width: 1025px) {
  .company-overview {
    width: 100%;
    margin: 0 auto 30px;
  }
}
.company-overview__tr {
  text-align: left;
  display: block;
}
@media (min-width: 768px) {
  .company-overview__tr {
    display: flex;
    margin: 0 0 5px;
  }
}
.company-overview__head {
  width: 100%;
  padding: 20px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.175em;
  color: #353535;
  background-color: #eee;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .company-overview__head {
    width: 30%;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
  }
}
.company-overview__data {
  width: 100%;
  padding: 20px;
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  background-color: #fff;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .company-overview__data {
    width: 70%;
    font-size: 1.6rem;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
  }
}
.company-overview__office {
  margin: 0 0 30px;
}
.company-overview__office--link {
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
  display: block;
  margin: 5px 0 0;
}
@media (min-width: 768px) {
  .company-overview__office--link {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .company-message {
    margin: 0 0 30px;
  }
}
.company-message__hero {
  margin: 0 0 20px;
  width: 100%;
  height: 200px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .company-message__hero {
    height: 410px;
    margin: 0 0 30px;
  }
}
.company-message__h3 {
  margin: 0 0 30px;
  font-size: 1.6rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
  .company-message__h3 {
    font-size: 1.8rem;
  }
}
.company-message__h3--bold {
  margin: 0 0 10px;
  font-weight: bold;
  display: block;
}
.company-message__h3--primary {
  font-weight: 500;
  color: #222;
}
@media (min-width: 768px) {
  .company-message__h3--primary {
    font-weight: bold;
  }
}
.company-message__description {
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  padding: 0 3%;
  color: #353535;
}
@media (min-width: 768px) {
  .company-message__description {
    font-size: 1.6rem;
    padding: 0 3%;
  }
}
@media (min-width: 1025px) {
  .company-message__description {
    padding: 0;
  }
}
.company-message__from {
  margin: 30px 0 0;
  padding: 0 3%;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.175em;
  color: #353535;
  display: block;
}
@media (min-width: 768px) {
  .company-message__from {
    font-size: 1.6rem;
    padding: 0 3%;
  }
}
@media (min-width: 1025px) {
  .company-message__from {
    padding: 0;
  }
}
.company-message__daihyo {
  margin: 0 auto;
  display: block;
}
@media (min-width: 768px) {
  .company-vision {
    margin: 0 0 30px;
  }
}
.company-vision__txt {
  margin: 20px 0 0;
  padding: 0 3%;
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  display: block;
}
@media (min-width: 768px) {
  .company-vision__txt {
    font-size: 1.6rem;
    padding: 0 3%;
  }
}
@media (min-width: 1025px) {
  .company-vision__txt {
    padding: 0;
  }
}
.company-map .company-access-map {
  margin: 0 0 30px;
  padding: 0 3%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .company-map .company-access-map {
    display: none;
  }
}
.company-map .company-access-map__illust {
  margin: 0 10px 0 0;
  max-width: 50%;
}
.company-map .company-access-map__txt {
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
}
.company-map .company-access-map__txt--primary {
  font-weight: bold;
  color: #222;
}
.company-office__anchor {
  margin: 0 0 50px;
  padding: 0 3%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .company-office__anchor {
    padding: 0;
    display: none;
  }
}
.company-office__anchor-item {
  width: 32%;
}
.company-office__anchor-item--link {
  padding: 15px 0;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.175em;
  text-align: center;
  color: #fff;
  background-color: #ff8a00;
  border-radius: 3px;
  display: block;
}
.company-office__anchor-item--small {
  font-size: 1rem;
}
.company-office__detail {
  margin: 0 0 50px;
  padding: 0 3%;
}
@media (min-width: 1025px) {
  .company-office__detail {
    padding: 0;
  }
}
.company-office__detail--h3 {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.175em;
  color: #222;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .company-office__detail--h3 {
    font-size: 1.8rem;
    margin: 0 0 30px;
  }
}
.company-office__detail--thumb {
  margin: 0 0 30px;
  display: flex;
  justify-content: center;
}
.company-office__detail--img {
  width: 100%;
  height: 200px;
  margin: 0 auto;
  border-radius: 3px;
  object-fit: cover;
  font-family: "object-fit:cover;";
}
@media (min-width: 768px) {
  .company-office__detail--img {
    height: 410px;
    border-radius: 3px;
  }
}
.company-office__detail--description {
  margin: 0 0 30px;
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  display: block;
}
@media (min-width: 768px) {
  .company-office__detail--description {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .company-office__detail-wrap {
    display: flex;
  }
}
.company-office__detail-wrap > iframe {
  width: 100%;
  height: 250px;
  border: 1px solid #eee;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .company-office__detail-wrap > iframe {
    width: 385px;
    height: 385px;
    margin: 0 40px 0 0;
  }
}
.company-office__detail--table {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .company-office__detail--table {
    width: 345px;
  }
}
.company-office__detail--tr {
  text-align: left;
  display: block;
}
.company-office__detail--th {
  width: 100%;
  padding: 15px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.175em;
  color: #353535;
  background-color: #eee;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .company-office__detail--th {
    font-size: 1.6rem;
    padding: 15px;
  }
}
.company-office__detail--td {
  width: 100%;
  padding: 15px;
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  background-color: #fff;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .company-office__detail--td {
    font-size: 1.3rem;
    padding: 15px;
  }
}
.company-office__detail--tel {
  font-weight: 500;
  color: #222;
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ blog.scss
 ********************************************/
.single_blog p {
  font-size: 1.5rem;
  line-height: 1.75em;
}
.single_blog__inner {
  font-size: 1.4rem;
  line-height: 1.75em;
}
.single_blog__inner--cnt {
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .single_blog__inner--cnt {
    font-size: 1.6rem;
    margin-bottom: 5%;
  }
}
.single_blog__staff {
  margin-bottom: 20px;
  font-size: 1.4rem;
  color: #aaa;
}
@media screen and (max-width: 1024px) {
  .single_blog__staff {
    font-size: 1.6rem;
    margin-bottom: 2%;
  }
}
.single_blog__staff ul li {
  display: inline-block;
  margin-right: 5px;
  padding: 5px 5px 5px 0;
  color: #aaa;
  box-sizing: border-box;
}
.single_blog__category {
  display: inline-block;
  width: auto;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 1.4rem;
  color: #fff;
  background: orange;
  border-radius: 5px;
}
@media screen and (max-width: 1024px) {
  .single_blog__category {
    margin-bottom: 2%;
  }
}
.sub-page__btn--pager {
  max-width: 400px;
  width: 100%;
  margin: 50px auto 0;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .sub-page__btn--pager {
    margin: 5% auto 0;
    padding: 0 2%;
  }
}
.sub-page__btn--pager ul li {
  float: left;
  width: 48%;
  background: #ff8a00;
  border-radius: 5px;
}
.sub-page__btn--pager ul li:first-of-type {
  margin-right: 4%;
}
.sub-page__btn--pager ul li a {
  display: block;
  padding: 15px;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  box-sizing: border-box;
}
.sub-page__btn--pager div {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .sub-page__btn--pager div {
    margin-top: 2%;
  }
}
.sub-page__btn--pager div a {
  display: block;
  padding: 15px;
  color: #222;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  border: 2px solid #222;
  border-radius: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .sub-page__blog.container {
    padding: 0 2%;
  }
}
@media (min-width: 1025px) {
  .layout__side.aside__blog {
    display: none;
  }
}
/*よくある質問*/
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ qa.scss
 ********************************************/
.qa {
  padding: 0 3%;
}
@media (min-width: 1025px) {
  .qa {
    padding: 0;
  }
}
.qa__layout {
  width: 100%;
}
@media (min-width: 1025px) {
  .qa__list {
    width: 1024px;
  }
}
.qa__item {
  border-bottom: 1px solid #eee;
}
.qa__item:first-child .qa__question {
  padding: 0 0 30px 0;
}
.qa__question {
  padding: 30px 0;
  cursor: pointer;
}
.qa__question__section {
  position: relative;
}
.qa__question--head {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #222;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 768px) {
  .qa__question--head {
    font-size: 1.8rem;
  }
}
.qa__question--head i {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #ff8a00;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
}
@media (min-width: 768px) {
  .qa__question--head i {
    width: 50px;
    height: 50px;
    margin: 0 20px 0 0;
  }
}
.qa__question--head i::before {
  content: "Q";
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  top: -2px;
  left: 1px;
}
@media (min-width: 768px) {
  .qa__question--head i::before {
    font-size: 1.8rem;
  }
}
.qa__question--ttl {
  width: calc(100% - 80px);
}
@media (min-width: 768px) {
  .qa__question--ttl {
    width: calc(100% - 103px);
  }
}
.qa__answer-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.qa__answer i {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: orange;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
}
@media (min-width: 768px) {
  .qa__answer i {
    width: 50px;
    height: 50px;
    margin: 0 20px 0 0;
  }
}
.qa__answer i::before {
  content: "A";
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  top: -2px;
  left: 1px;
}
@media (min-width: 768px) {
  .qa__answer i::before {
    font-size: 1.8rem;
  }
}
.qa__answer--txt {
  width: calc(100% - 45px);
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .qa__answer--txt {
    width: calc(100% - 70px);
    font-size: 1.6rem;
  }
}
.qa__answer {
  padding-bottom: 30px;
  display: none;
}
.toggle_btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  width: 26px;
  height: 26px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #222;
  border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
  display: block;
  content: '';
  background-color: #333;
  position: absolute;
  width: 10px;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toggle_btn:before {
  width: 1px;
  height: 10px;
}
.qa__question.opened .toggle_btn:before {
  content: normal;
}
/*リフォームの流れ*/
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ flow.scss
 ********************************************/
/*Add リフォームの流れレイアウト*/
.pdm-002 #section-04-05 {
  margin-top: 35px;
}
.pdm-002 #section-04-05 .section-block__inner {
  padding-top: 0;
}
.pdm-002 #section-04-05 .box__inner {
  padding: 0 14px;
  background: #f9f9f9;
  border: solid 1px #e3e3e3;
}
.pdm-002 #section-04-05 .box__inner li {
  margin-bottom: 20px;
}
.pdm-002 #section-04-05 .box__inner h2 {
  padding: 20px 0;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  box-sizing: border-box;
}
.pdm-002 #section-04-05 .box__inner h3 {
  margin-bottom: 10px;
  padding: 6px 10px;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  border-radius: 5px;
}
.pdm-002 #section-04-05 .box__inner p {
  font-size: 14px;
}
.pdm-002 #section-04-05 .box__inner p img {
  width: 45%;
  margin-right: 14px;
  float: left;
}
/*プライバシーポリシー*/
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ privacy.scss
 ********************************************/
.privacy {
  max-width: 1024px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .privacy {
    width: 96%;
  }
}
.privacy__wrap {
  padding: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .privacy__wrap {
    padding: 0 3%;
  }
}
.privacy__paragraph {
  margin: 0 0 30px;
}
@media screen and (max-width: 1024px) {
  .privacy__paragraph {
    margin: 0 0 3%;
  }
}
.privacy p {
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  display: block;
}
@media (min-width: 768px) {
  .privacy p {
    font-size: 1.6rem;
  }
}
.privacy__h3 {
  display: block;
  margin: 0 auto 20px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.175em;
  text-align: center;
  color: #4a4a4a;
}
@media screen and (max-width: 1024px) {
  .privacy__h3 {
    margin: 0 auto 2%;
    text-align: left;
    font-size: 1.8rem;
  }
}
.privacy__box--end {
  margin: 0 0 20px;
}
.privacy__h4 {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.175em;
  line-height: 1.75em;
  color: #353535;
  padding: 15px;
  margin: 0 auto 10px;
  box-sizing: border-box;
  background-color: #eee;
  display: block;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .privacy__h4 {
    margin: 0 auto 1.5%;
    font-size: 1.6rem;
    text-align: left;
  }
}
.privacy__inner {
  padding: 15px;
  box-sizing: border-box;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
@media (min-width: 768px) {
  .privacy__inner {
    padding: 50px;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .privacy__inner--small {
    padding: 30px 50px;
  }
}
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ sidebar.scss
 ********************************************/
.side li {
  list-style: none;
}
.side-ttl {
  position: relative;
}
.side-ttl__pt1-section {
  margin: 0 0 20px 10px;
  position: relative;
}
.side-ttl__pt1-section::before {
  content: "";
  height: calc(100% + 7px);
  border-left: 3px solid #222;
  position: absolute;
  top: -7px;
  left: 0;
}
.side-ttl__pt1--sub {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.175rem;
  color: orange;
  position: relative;
  top: -7px;
  left: 10px;
}
.side-ttl__pt1--head {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.175em;
  color: #222;
  position: relative;
  top: -3px;
  left: 10px;
}
.side-ttl__pt2-section {
  margin: 0 0 20px 0;
  text-align: center;
  position: relative;
}
.side-ttl__pt2--sub {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.125rem;
  color: orange;
  position: relative;
  top: -7px;
}
.side-ttl__pt2--head {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.125em;
  color: #222;
  position: relative;
  top: -3px;
}
.side-ttl__pt3-section {
  background: orange;
  margin: 0;
  text-align: center;
  position: relative;
  border-radius: 6px 6px 0 0;
}
.side-ttl__pt3--sub {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.125rem;
  color: orange;
  position: relative;
  top: -7px;
}
.side-ttl__pt3--head {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.125em;
  color: #fff;
  position: relative;
  top: 0;
  padding: 12.5px;
}
.side-menu {
  margin-bottom: 30px;
}
.side-menu__list--col2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.side-menu__item {
  width: 100%;
  margin-bottom: 2px;
}
.side-menu__item--shadow {
  margin: 0 0 10px;
}
.side-menu__item--shadow .side-menu__item--link {
  width: 100%;
  padding: 15px 60px 15px 20px;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.175rem;
  color: #353535;
  background-color: #fafafa;
  border-radius: 6px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .15);
  display: block;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .side-menu__item--shadow .side-menu__item--link {
    font-size: 1.3rem;
  }
}
.side-menu__item--shadow .side-menu__item--link--col2 {
  width: 100%;
}
.side-menu__item--shadow .side-menu__item--link:hover {
  box-shadow: none;
  position: relative;
}
.side-menu__item--bord:last-child {
  margin: 0;
}
.side-menu__item--bord .side-menu__item--link {
  padding: 15px 60px 15px 20px;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.175rem;
  color: #353535;
  background-color: #fafafa;
  display: block;
  position: relative;
}
.side-menu__item--bord .side-menu__item--link:last-of-type {
  border-radius: 6px;
}
.side-menu__item--bord .side-menu__item--link:hover {
  box-shadow: none;
}
.side-menu__item--col2 {
  display: flex;
  width: 49%;
}
.side-menu__item--count {
  color: #fff;
  background: orange;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto 0;
  padding: 4px 10px 0;
  min-width: 25px;
  height: 18px;
  text-align: center;
  display: inline-block;
  border-radius: 3px;
  font-size: 1.2rem;
}
.side-recommend__item--link {
  display: block;
}
.side-recommend__item--img {
  width: 100%;
  -webkit-backface-visibility: hidden;
}
.side .widget li {
  margin-bottom: 10px;
}
.side .widget li:last-of-type {
  margin-bottom: 0;
}
.side-recommend li {
  list-style: none;
  margin-bottom: 10px;
}
.side-recommend li:last-of-type {
  margin-bottom: 0;
}
/********************************************
 // ↓ modal.scss
 ********************************************/
.modal {
  display: none;
  visibility: hidden;
  overflow-y: scroll;
  opacity: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 0px;
  transition: opacity 0.3s, visibility 0s 0.3s;
  background: rgba(0, 0, 0, 0.8);
  z-index: -1;
}
.modal.is-active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s 0s;
  z-index: 999;
}
.modal_container {
  display: flex;
  min-height: 100%;
  justify-content: center;
  align-items: center;
}
.modal_container _:-ms-lang(x)::-ms-backdrop, .modal_container {
  min-height: 100%;
}
.modal_container::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.modal_inner {
  width: 80%;
  position: relative;
  top: 0px;
  z-index: 100 !important;
}
.modal_content {
  display: none;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}
.is-active .modal_content {
  display: block;
  border-radius: 5px;
}
.modal_content_image {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center center;
}
.modal_header_box {
  position: fixed;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(to right bottom, #feaa5e, #ff7800);
  color: white;
  z-index: 999;
  cursor: pointer;
  overflow: hidden;
  text-decoration: underline;
  line-height: 18px;
  top: -50px;
  transition: 1s;
}
.modal_header_box__wrap {
  font-size: 12px;
  padding: 15px;
}
.modal_inner_link a {
  display: inline-block;
  width: 80%;
  height: 100%;
}
.modal_header_box.active {
  top: 0;
}
.modal_title_arrow {
  float: right;
  border-radius: 50%;
  color: #039ce5;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 17px;
  font-weight: bold;
}
.modal_title_box {
  border-radius: 5px;
  background-color: white;
  width: 80%;
  position: absolute;
  top: -50px;
  left: 10%;
  padding: 15px 20px;
  text-align: center;
  box-sizing: border-box;
}
.modal_title_recommended {
  color: #f7a733;
  font-weight: bold;
}
.modal_inner_title {
  line-height: 1.8;
  padding-top: 5px;
  color: #00a864;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
}
.modal_inner_box {
  padding: 20px 20px 25px;
  position: relative;
}
.modal_inner_description {
  width: 100%;
  text-align: center;
  margin-top: 3em;
}
.modal_inner_description_text {
  position: relative;
  text-align: center;
  line-height: 1.5;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  letter-spacing: -1px;
  width: 100%;
}
.modal_inner_link {
  border-radius: 20px;
  margin: 0 auto;
  width: 200px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: white;
  font-weight: bold;
  box-shadow: 0px 2px 0px #9a661a;
  background: #f7a733;
  font-size: 1.1rem;
  margin-top: 20px;
}
.modal_inner_link a {
  color: white;
}
.modal_close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  display: inline-block;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.modal_close span::before, .modal_close span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62%;
  height: 2%;
  margin: -1% 0 0 -31%;
  background: #000;
}
.modal_close span::before {
  transform: rotate(-45deg);
}
.modal_close span::after {
  transform: rotate(45deg);
}
@media screen and (min-width: 375px) {
  .modal_header_box__wrap {
    font-size: 14px;
  }
}
@media screen and (min-width: 440px) {
  .modal_inner_title {
    font-size: 1.5rem;
  }
  .modal_header_box__wrap {
    padding: 15px;
    box-sizing: content-box;
  }
  .modal_inner_description {
    margin-top: 2rem;
  }
  .modal_inner {
    width: 80%;
  }
  .modal_inner_description_text {
    width: 80%;
    max-width: 320px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .modal_header_box, .modal_header_box.active {
    font-size: 1.2rem;
  }
  .modal_header_box__wrap {
    padding: 15px 3%;
    box-sizing: content-box;
    font-size: 15px;
  }
  .modal_inner {
    width: 500px;
  }
  .modal_inner_title {
    font-size: 15px;
  }
  .modal_inner_description {
    margin-top: 2rem;
  }
  .modal_inner_description_text {
    font-size: 15px;
    width: 320px;
  }
  .modal_content_image {
    height: 300px;
  }
}
@media screen and (min-width: 1024px) {
  .modal_header_box__wrap {
    width: 1024px;
    box-sizing: border-box;
    padding: 15px 0;
    margin: 0 auto;
    font-size: 15px;
  }
}
/*ページャー*/
/* ▼ 特定箇所の色設定 */
/*ブレークポイント max-width version[Add leehnyn]*/
.pager {
  margin-top: 50px;
  padding: 0 3%;
}
.pager .pagination {
  list-style: none;
  display: flex;
  justify-content: center;
}
.pager .current {
  width: 43px;
  height: 46px;
  border: solid 2px #222;
  border-radius: 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #222;
  color: #fff;
  font-weight: 500;
  margin-right: 4px;
  font-size: 1.2rem;
}
.pager a {
  width: 43px;
  height: 46px;
  border: solid 2px #222;
  border-radius: 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #222;
  font-weight: 700;
  margin-right: 4px;
  font-size: 1.2rem;
}
.pager a:hover {
  background: #222;
  color: #fff;
  opacity: 1;
}
.pager .tenten {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px 0 0;
  padding: 0 2px;
  font-size: 1.4rem;
}
/*グローバルナビ（ハンバーガータイプ）*/
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ global-nav.scss
 ********************************************/
.global-nav {
  position: fixed;
  z-index: 100000;
  background: #fff;
  width: 100%;
  height: 100vh;
  top: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.global-nav::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .global-nav {
    padding: 0;
    background: rgba(255, 255, 255, .8);
    overflow-y: auto;
  }
}
.global-nav .nav_logo {
  width: 140px;
  margin: 0 auto 45px;
  display: block;
}
@media (min-width: 768px) {
  .global-nav .nav_logo {
    width: 160px;
  }
}
.global-nav .top-menu {
  padding: 0 3%;
}
.global-nav .top-menu__item {
  width: calc(100% / 3 - 10px);
}
.global-nav .top-menu__item:nth-child(1) {
  width: calc(100% / 2 - 10px);
}
.global-nav .top-menu__item:nth-child(2) {
  width: calc(100% / 2 - 10px);
}
.global-nav .top-recommend {
  display: none;
}
@media (min-width: 768px) {
  .global-nav .top-menu {
    margin: 0 0 20px;
  }
  .global-nav .top-menu__item {
    height: 150px;
    margin-bottom: 15px;
  }
  .global-nav .top-menu__item--link::before {
    content: none;
  }
  .global-nav .top-menu__item--bath::before {
    background: none;
  }
  .global-nav .top-menu__item-inner {
    width: 100%;
    height: 100%;
    display: flex;
  }
}
.global-nav__inner {
  height: 100%;
  max-width: 600px;
  margin: 0 0 0 auto;
  padding: 50px 0;
  background: #fff;
  animation-name: fadeleft;
  animation-duration: 0.3s;
}
@media (min-width: 768px) {
  .global-nav__inner {
    padding: 100px 130px 0;
  }
}
@media (min-width: 1025px) {
  .global-nav__inner {
    padding: 100px 190px 0;
  }
}
@keyframes fadeleft {
  from {
    opacity: 0;
    transform: translateX(150px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.global-nav .sp-footer-menu {
  margin: 10px 0 20px;
}
@media (min-width: 768px) {
  .global-nav .sp-footer-menu__item--link {
    padding: 13px 20px;
  }
}
.global-nav .pc-footer__contact {
  padding: 6%;
  box-sizing: border-box;
}
.global-nav .pc-footer__contact--link {
  margin: 0;
  width: 100%;
}
.global-nav .pc-footer__contact--link img {
  width: 100%;
}
@media (min-width: 400px) {
  .global-nav .pc-footer__contact {
    padding: 3%;
  }
  .global-nav .pc-footer__contact--link {
    width: 100%;
  }
  .global-nav .pc-footer__contact--link img {
    width: 100%;
  }
}
.global-nav .pc-footer__contact-tel {
  width: 100%;
}
.global-nav .pc-footer__contact-tel--ttl {
  display: none;
}
@media (min-width: 400px) {
  .global-nav .pc-footer__contact-tel--ttl {
    display: flex;
    margin: 0 20px 0 0;
    width: calc(100% - 220px);
    box-sizing: border-box;
  }
}
.global-nav .pc-footer__contact-form {
  width: 100%;
}
.global-nav .pc-footer__contact-form--ttl {
  display: none;
}
@media (min-width: 400px) {
  .global-nav .pc-footer__contact-form--ttl {
    display: flex;
    margin: 0 20px 0 0;
    width: calc(100% - 220px);
    box-sizing: border-box;
  }
}
.global-nav .pc-footer__contact-form-list {
  margin: 0 auto;
  width: 100%;
}
.global-nav .pc-footer__contact-form-item--link {
  width: 100%;
}
.global-nav .pc-footer__contact-form-item--img {
  width: 100%;
}
@media (min-width: 400px) {
  .global-nav .pc-footer__contact-form-list {
    width: 100%;
  }
  .global-nav .pc-footer__contact-form-item--link {
    width: auto;
  }
  .global-nav .pc-footer__contact-form-item--img {
    width: 100%;
  }
}
@media (min-width: 580px) {
  .global-nav .pc-footer__contact {
    width: 100%;
    padding: 3%;
    box-sizing: border-box;
  }
  .global-nav .pc-footer__contact-tel {
    width: 100%;
  }
  .global-nav .pc-footer__contact-tel--ttl {
    width: 330px;
    font-size: 14px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 0;
  }
  .global-nav .pc-footer__contact-tel--ttl br {
    display: none;
  }
  .global-nav .pc-footer__contact-form {
    width: 100%;
  }
  .global-nav .pc-footer__contact-form--ttl {
    width: 330px;
    font-size: 14px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 0;
  }
  .global-nav .pc-footer__contact-form--ttl-item--link {
    width: 208px;
  }
  .global-nav .pc-footer__contact--link img {
    height: auto;
  }
}
/*関連スタッフ*/
/* ▼ 特定箇所の色設定 */
/*ブレークポイント max-width version[Add leehnyn]*/
/* NOTE _relative-staff.scss */
.relative_staff {
  background: #fafafa;
  border: solid 1px #ebebeb;
  padding: 0 3% 50px;
  margin-top: 13%;
}
@media (min-width: 768px) {
  .relative_staff {
    padding: 0 3% 20px;
  }
}
.relative_staff__info {
  display: flex;
}
.relative_staff__info--inner {
  min-width: 100px;
}
@media (min-width: 768px) {
  .relative_staff__info--inner {
    min-width: 160px;
  }
}
.relative_staff__info--photo {
  width: 80px;
  height: auto;
  border-radius: 40px;
  margin: 0 auto 0 0;
}
@media (min-width: 768px) {
  .relative_staff__info--photo {
    width: 130px;
    border-radius: 65px;
  }
}
.relative_staff__info--name {
  font-size: 1rem;
  text-align: center;
  width: 80px;
  line-height: 1em;
  font-weight: 600;
}
@media (min-width: 768px) {
  .relative_staff__info--name {
    width: 130px;
    font-size: 1.5rem;
  }
}
.relative_staff__comment {
  border: solid 2px #e9e9e9;
  border-radius: 5px;
  padding: 20px 10px;
  box-sizing: border-box;
  font-size: 1.3rem;
  line-height: 1.75em;
  align-items: center;
  display: flex;
  background: #fff;
}
@media (min-width: 768px) {
  .relative_staff__comment {
    padding: 20px;
    font-size: 1.5rem;
    width: calc(100% - 160px);
  }
}
.relative_staff__btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .relative_staff__btn {
    flex-wrap: nowrap;
  }
}
.relative_staff__btn-wrap {
  width: 100%;
  min-width: 100%;
  margin: 10px auto 0;
}
@media (min-width: 768px) {
  .relative_staff__btn-wrap {
    width: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: auto;
  }
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
  .relative_staff__btn-wrap:last-child {
    margin-right: 0;
  }
}
.relative_staff__btn--link {
  width: 100%;
  height: 45px;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.125em;
  text-align: center;
  color: #fff;
  background: linear-gradient(to right, #11a88d 0%, #11a86d 100%);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-size: 13px;
  padding: 10px;
  line-height: 1.5em;
}
@media (min-width: 768px) {
  .relative_staff__btn--link {
    height: 55px;
  }
}
@media (min-width: 768px) {
}
/*屋根 MV*/
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ roof_mv.scss
 ********************************************/
/********************************************
 // ↓ color設定
 ********************************************/
/*01*/
/*緑*/
/*青*/
/*赤*/
/*グレー*/
/*オレンジ*/
@media screen and (max-width: 767px) {
  .pdm-roof:not(.pdm-001) .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02 {
    margin: 44vw auto 0;
  }
}
.pdm-roof .header {
  height: 80px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header {
    height: 60px;
  }
}
.pdm-roof .header__inner--logo {
  height: 80px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--logo {
    height: 60px;
  }
}
.pdm-roof .header__inner--logo--img {
  max-height: none;
}
.pdm-roof .header__inner--logo--txt a {
  line-height: 50px;
  height: 50px;
}
.pdm-roof .header__inner--cnt {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.pdm-roof .header__inner--cnt--tel {
  background-color: #f2f2f2;
  width: 260px;
  height: 80px;
  box-sizing: border-box;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--tel {
    width: 60px;
    height: 60px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #738e03;
    padding: 5px;
  }
}
.pdm-roof .header__inner--cnt--tel a {
  color: #0d2601;
}
.pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--01 {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  height: 28px;
  line-height: 28px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--01 {
    margin: -4px auto 3px;
  }
}
.pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--01 img {
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--01 img {
    padding-right: 0;
    max-width: 20px;
  }
}
.pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--04 {
  display: block;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--04 {
    display: none;
  }
}
.pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--02 {
  display: block;
  text-align: right;
  font-size: 12px;
  letter-spacing: 0;
}
.pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--02 span.space {
  display: block;
  text-align: center;
  text-indent: 2em;
  margin-top: -6px;
}
.pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--02 span.space + .space {
  margin-top: 1px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--02 {
    display: none;
  }
}
.pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--03 {
  display: none;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--tel a .header__inner--cnt--tel--03 {
    display: block;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
    letter-spacing: unset;
  }
}
.pdm-roof .header__inner--cnt--tel div {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--tel div {
    display: block;
  }
}
.pdm-roof .header__inner--cnt--mail {
  background-color: #738e03;
  width: 190px;
  height: 80px;
  box-sizing: border-box;
  padding: 15px;
  margin-left: 2px;
  transition: all 0.3s;
}
.pdm-roof .header__inner--cnt--mail:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--mail {
    background-color: #b30e0b;
    width: 60px;
    height: 60px;
    margin-right: 2px;
    margin-left: 0;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 5px 5px;
  }
}
.pdm-roof .header__inner--cnt--mail a {
  color: #fff;
}
.pdm-roof .header__inner--cnt--mail a .header__inner--cnt--mail--01 {
  margin: 0 auto;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  height: 22px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--mail a .header__inner--cnt--mail--01 {
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 22px;
    height: 30px;
    font-weight: normal;
    letter-spacing: 0.1em;
  }
}
.pdm-roof .header__inner--cnt--mail a .header__inner--cnt--mail--01 img {
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--mail a .header__inner--cnt--mail--01 img {
    padding-right: 0;
    display: block;
    margin: 0 auto;
    max-width: 30px;
  }
}
.pdm-roof .header__inner--cnt--mail a .header__inner--cnt--mail--02 {
  display: block;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--mail a .header__inner--cnt--mail--02 {
    display: none;
  }
}
.pdm-roof .header__inner--cnt--mail a .header__inner--cnt--mail--03 {
  margin: 0 auto;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
  height: 30px;
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  max-width: 30px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--mail a .header__inner--cnt--mail--03 {
    margin-bottom: 0;
    box-sizing: border-box;
    padding: 4px 0 0;
    max-width: 22px;
  }
}
.pdm-roof .header__inner--cnt--mail a div {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pdm-roof .header__inner--cnt--mail a div {
    display: block;
  }
}
.pdm-roof .display-pc {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .pdm-roof .display-pc {
    display: none !important;
  }
}
.pdm-roof .display-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .pdm-roof .display-sp {
    display: block;
  }
}
.pdm-roof .top_FV {
  background: #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0) 100%);
}
.pdm-roof .top_FV__cnt {
  height: 620px;
  margin-top: -80px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt {
    margin-top: -60px;
    height: auto;
  }
}
.pdm-roof .top_FV__cnt--inner {
  position: relative;
  height: 630px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner {
    height: auto;
  }
}
.pdm-roof .top_FV__cnt--inner .top_FV_slider .slick-slide {
  max-width: 640px;
  height: 630px;
  width: 100% !important;
}
.pdm-roof .top_FV__cnt--inner .top_FV_slider img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit:cover;';
}
.pdm-roof .top_FV__cnt--inner--box {
  max-width: 1062px;
  margin: 0 auto;
  position: absolute;
  top: 80px;
  right: 0;
  left: 0;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  height: 540px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box {
    display: block;
    top: 60px;
    height: auto;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt {
  position: relative;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01 {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  box-sizing: border-box;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01 {
    position: static;
    display: block;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 {
  width: 233px;
  height: 233px;
  box-sizing: border-box;
  padding: 50px 42px;
  position: relative;
  /* 回転 */
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01::before {
  content: "";
  width: 233px;
  height: 233px;
  background-repeat: no-repeat;
  background-image: url(../../../../toilet_cmn/images/top_FV_bomb.svg);
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
  animation-name: rotate;
  animation-duration: 20s;
  animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
  animation-iteration-count: infinite;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01::before {
    width: 104%;
    height: 104%;
  }
}
@media screen and (max-width: 480px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01::before {
    width: 104%;
    height: 102%;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 {
    width: 41vw;
    height: 46vw;
    padding: 9vw 4vw 6vw 6vw;
    float: right;
    z-index: 1;
    margin: 4vw 1vw 4vw 0;
  }
}
@media screen and (max-width: 480px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 {
    width: 38vw;
    padding: 8vw 2vw 6vw 4vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--a {
  color: #fff;
  font-weight: 300;
  font-size: 13px;
  text-align: center;
  text-shadow: #b30e0b 1px 1px 0, #b30e0b -1px 1px 0, #b30e0b 1px -1px 0, #b30e0b -1px -1px 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--a {
    font-size: 3.1vw;
    line-height: 1.2em;
    letter-spacing: 0;
    padding-left: 1vw;
    display: inline-block;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--b {
  font-size: 50px;
  letter-spacing: 0;
  color: #fff;
  position: relative;
  font-weight: 400;
  font-family: 'Bebas Neue', cursive;
  font-size: 115px;
  line-height: 110px;
  height: 110px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--b {
    font-size: 24vw;
    line-height: 0.85em;
    letter-spacing: -0.03em;
    top: 1.5vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--b::after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../../../../toilet_cmn/images/top_FV_img_off_pc.svg);
  background-repeat: no-repeat;
  background-size: cover;
  top: 28px;
  bottom: 0;
  right: -55px;
  width: 53px;
  height: 78px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--b::after {
    background-image: url(../../../../toilet_cmn/images/top_FV_img_off_sp.svg);
    background-size: 100% auto;
    width: 12vw;
    height: 21vw;
    left: 18.5vw;
    top: 5vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 {
  box-sizing: border-box;
  padding: 50px 0 50px 15px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 {
    padding: 8vw 0 0 6%;
    float: left;
    max-width: 57%;
  }
}
@media screen and (max-width: 360px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 {
    padding: 8vw 0 0 4%;
    max-width: 59%;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg {
  font-weight: bold;
  color: #333;
  font-weight: bold;
  font-size: 40px;
  text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
  display: block;
  letter-spacing: 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 1080px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg {
    font-size: 5.7vw;
    margin-bottom: 0.3em;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg.maker {
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg.maker {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg.productname {
    margin-bottom: 1em;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-red-lg {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 80px;
  color: #f52020;
  font-weight: bold;
  padding-right: 0.1em;
  text-shadow: #fff 2px 2px 10px, #fff -2px 2px 10px, #fff 2px -2px 10px, #fff -2px -2px 10px, #fff 2px 2px 0, #fff -2px 2px 0, #fff 2px -2px 0, #fff -2px -2px 0;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-red-lg {
    font-size: 14.7vw;
    padding-right: 0.1em;
    letter-spacing: 0.01em;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 > div + div > span.font-red-sm:nth-of-type(1) {
  display: block;
  text-indent: 5px;
  font-size: 18px;
  margin-bottom: 1px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 > div + div > span.font-red-sm:nth-of-type(1) {
    padding-right: 0.3em;
    display: block;
    text-indent: 2px;
    font-size: 4vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-red-sm {
  font-size: 22px;
  font-weight: bold;
  color: #f52020;
  font-weight: bold;
  text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
  letter-spacing: 0;
  position: relative;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-red-sm span {
  position: absolute;
  bottom: 2.9rem;
  left: 0px;
  font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-red-sm {
    font-size: 4vw;
  }
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-red-sm span {
    bottom: 5.5vw;
    width: 4em;
    left: 0;
    font-size: 3.5vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--add {
  display: none;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--add {
    display: inline-block;
    width: auto;
    height: auto;
    background-color: #738e03;
    border-radius: 3em;
    margin-left: 4%;
    font-size: 3.2vw;
    top: 15px;
    position: relative;
    left: 0;
    border: 2px solid #fff;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--add a {
  color: #fff;
  display: block;
  padding: 1.4em 3em 1.4em 2em;
  position: relative;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--add a::after {
  content: "\f078";
  font-weight: bold;
  position: absolute;
  right: 1em;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02 {
  width: 50%;
  box-sizing: border-box;
  position: absolute;
  bottom: 30px;
  left: 30px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02 {
    width: 100%;
    margin: 44vw auto 0;
    position: static;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02--txt01 {
  color: #000;
  font-weight: bold;
  font-size: 28px;
  letter-spacing: 0;
  text-shadow: #fff 1px 1px 5px, #fff -1px 1px 5px, #fff 1px -1px 5px, #fff -1px -1px 5px, #fff 1px 1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff -1px -1px 0;
  line-height: 1.3em;
  padding-top: 50px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt01 {
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0.8em 0;
    text-shadow: none;
    margin: 0 auto;
    padding: 0.7em 0;
    line-height: 4.3vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02--txt01 > p:nth-of-type(1) {
  position: relative;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt01 > p:nth-of-type(1) {
    display: inline;
    font-size: 4.3vw;
    line-height: 1em;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt01 > p:nth-of-type(1)::before {
    content: "";
    display: block;
    width: 1px;
    height: 1.2em;
    background-color: #738e03;
    transform: rotate(-30deg);
    position: absolute;
    left: -11px;
    top: 0.2em;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt01 > p:nth-of-type(1)::after {
    content: "";
    display: block;
    width: 1px;
    height: 1.2em;
    background-color: #738e03;
    transform: rotate(-30deg);
    position: absolute;
    left: -15px;
    top: 0.2em;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02--txt01 > p > span:last-of-type {
  position: relative;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt01 > p > span:last-of-type::before {
    content: "";
    display: block;
    width: 1px;
    height: 1.2em;
    background-color: #738e03;
    transform: rotate(30deg);
    position: absolute;
    right: -8px;
    top: 0.2em;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt01 > p > span:last-of-type::after {
    content: "";
    display: block;
    width: 1px;
    height: 1.2em;
    background-color: #738e03;
    transform: rotate(30deg);
    position: absolute;
    right: -11px;
    top: 0.2em;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02--txt01 .font-green-md {
  color: #738e03;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--a {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #738e03;
  max-width: 290px;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 60px;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--a {
    max-width: none;
    width: 45%;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    position: relative;
    height: 11vw;
    padding-left: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--a::before {
    content: "";
    display: block;
    border-style: solid;
    border-width: 11vw 7vw 0 0;
    border-color: #738e03 transparent transparent transparent;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    right: -6.9vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--a img {
  width: 50px;
  height: 30px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--a img {
    width: 8vw;
    height: 9vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--a span {
  color: #fff;
  font-weight: bold;
  padding-left: 10px;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--a span {
    font-size: 3.3vw;
    font-weight: normal;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--b {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #738e03;
  max-width: 290px;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 60px;
  box-sizing: border-box;
  padding-left: 17px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--b {
    max-width: none;
    width: 45%;
    border: none;
    border-radius: 0;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    position: relative;
    height: 11vw;
    padding: 0 3vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--b::before {
    content: "";
    display: block;
    border-style: solid;
    border-width: 0 0 11vw 7vw;
    border-color: transparent transparent #738e03 transparent;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    left: -6.9vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--b img {
  width: 36px;
  height: 38px;
}
@media screen and (max-width: 480px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--b img {
    width: 8vw;
    height: 7vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--b span {
  color: #fff;
  font-weight: bold;
  padding-left: 17px;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--b span {
    font-size: 3.3vw;
    font-weight: normal;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03 {
  box-sizing: border-box;
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 300px;
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03 {
    position: absolute !important;
    bottom: 30px;
    right: 30px;
    width: 300px;
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03 {
    position: static;
    width: 94%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto auto 10px;
    z-index: 11;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--img {
  position: relative;
  height: 250px;
}
@media screen and (max-width: 1064px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--img {
    height: 140px;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--img > img {
  border: 2px solid #fff;
  box-shadow: 0 0 10px #000;
  box-sizing: border-box;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--img > img:nth-of-type(1) {
  position: absolute;
  transform: rotate(-10deg);
  left: 0;
  top: 0;
  width: 200px;
}
@media screen and (max-width: 1064px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--img > img:nth-of-type(1) {
    width: 150px;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--img > img:nth-of-type(2) {
  position: absolute;
  transform: rotate(5deg);
  right: 0;
  bottom: 30px;
  width: 200px;
}
@media screen and (max-width: 1064px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--img > img:nth-of-type(2) {
    width: 150px;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn01 {
  width: 300px;
  height: 110px;
  background-color: #b30e0b;
  margin-right: 0;
  margin-left: auto;
  box-shadow: 0 0 10px #000;
  margin-bottom: 10px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.95;
  transition: all 0.3s;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn01:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn01 {
    width: 49%;
    height: 100px;
    float: left;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
    margin-bottom: 0;
    position: relative;
    padding: 0 2%;
    border-radius: 3px;
  }
}
@media screen and (max-width: 359px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn01 {
    height: 100px;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn01::before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../../../../toilet_cmn/images/top_FV_mail_01_sp.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: -50px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 39px;
    height: 25.5px;
    margin: auto;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn01 > div {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding-left: 55px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn01 > div {
    text-align: center;
    padding-left: 0;
    padding-top: 36px;
  }
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn01 > div::before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../../../../toilet_cmn/images/top_FV_mail_pc.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    width: 46px;
    height: 30px;
    margin: auto;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 {
  width: 300px;
  height: 110px;
  background-color: #ea6000;
  margin-right: 0;
  margin-left: auto;
  box-shadow: 0 0 10px #000;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.92;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 {
    width: 49%;
    float: right;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
    height: 100px;
    position: relative;
    padding: 0 1.5%;
    border-radius: 3px;
  }
}
@media screen and (max-width: 359px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 {
    height: 100px;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02::before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../../../../toilet_cmn/images/top_FV_tell02_sp.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: -50px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 32px;
    height: 32px;
    margin: auto;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 > div {
    padding-top: 36px;
    text-align: center;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 span {
  text-align: center;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 span:nth-of-type(2) {
  position: relative;
  box-sizing: border-box;
  padding-left: 30px;
  max-width: 180px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 span:nth-of-type(2).font-white-sm {
    max-width: 220px;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 span:nth-of-type(2)::before {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../../../../toilet_cmn/images/top_FV_tell02_pc.svg);
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: auto;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03 .font-white-lg {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0;
  display: block;
  line-height: 1.3em;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03 .font-white-lg {
    font-size: 17px;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 359px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03 .font-white-lg {
    font-size: 14px;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03 .font-white-md {
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  display: block;
  line-height: 1.3em;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03 .font-white-md {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03 .font-white-md {
    font-size: 13px;
  }
}
@media screen and (max-width: 359px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03 .font-white-md {
    font-size: 12px;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03 .font-white-sm {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  display: block;
  line-height: 1.3em;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03 .font-white-sm {
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03 .font-white-sm {
    font-size: 10px;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01, .pdm-roof .top_FV__cnt--inner--box--cnt--01--add {
  opacity: 0;
  -webkit-animation: fadeInDown 0.8s ease-in-out 1s forwards;
  animation: fadeInDown 0.8s ease-in-out 1s forwards;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--img, .pdm-roof .top_FV__cnt--inner--box--cnt--02 {
  opacity: 0;
  -webkit-animation: fadeInDown 0.8s ease-in-out 1.5s forwards;
  animation: fadeInDown 0.8s ease-in-out 1.5s forwards;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03 {
  opacity: 0;
  -webkit-animation: fadeInDown 0.8s ease-in-out 2s forwards;
  animation: fadeInDown 0.8s ease-in-out 2s forwards;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--img {
  width: 150px;
  position: relative;
  height: 120px;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--img {
    width: 37%;
    position: absolute;
    right: 4%;
    height: 24vw;
    top: 65vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--img > img {
  border: 3px solid #fff;
  box-sizing: border-box;
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--img > img:nth-of-type(1) {
  position: absolute;
  transform: rotate(-10deg);
  left: 0;
  top: 0;
  width: 200px;
}
@media screen and (max-width: 1064px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--img > img:nth-of-type(1) {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--img > img:nth-of-type(1) {
    object-fit: cover;
    font-family: 'object-fit:cover;';
    width: 19vw;
    height: 14vw;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--img > img:nth-of-type(2) {
  position: absolute;
  transform: rotate(5deg);
  right: 0;
  bottom: 30px;
  width: 200px;
}
@media screen and (max-width: 1064px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--img > img:nth-of-type(2) {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--img > img:nth-of-type(2) {
    object-fit: cover;
    font-family: 'object-fit:cover;';
    width: 23vw;
    height: 18vw;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}
.pdm-roof .top_FV-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV-bg {
    height: 0;
    padding-bottom: calc(103vw + 60px);
    margin-bottom: calc(3vw + 195px);
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner .top_FV-bg {
    height: 0;
    padding-bottom: calc(95vw + 100px);
    margin-bottom: calc(3vw + 195px);
  }
}
@keyframes rotate {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt02 {
    height: auto;
  }
  .pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02 {
    margin: 38vw auto 0;
  }
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02--txt01 .font-green-md {
  color: #24248f;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02--txt01 .font-green-md {
    font-size: 2.4rem;
  }
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--a {
  background-color: #24248f;
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02--txt02 .top_FV__cnt--inner--box--cnt--02--txt02--b {
  background-color: #24248f;
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--01--add {
  background-color: #24248f;
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02--txt02--b::before {
  border-color: transparent transparent #24248f transparent;
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02--txt02--a::before {
  border-color: #24248f transparent transparent transparent;
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02--txt01 > p:nth-of-type(1)::before {
  background-color: #24248f;
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02--txt01 > p:nth-of-type(1)::after {
  background-color: #24248f;
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02--txt01 > p > span:last-of-type::before {
  background-color: #24248f;
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02--txt01 > p > span:last-of-type::after {
  background-color: #24248f;
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02 {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt02 .top_FV__02__cnt--inner--box--cnt--02--txt02--a {
    padding-top: 0;
    margin: -18vw auto 5px;
    width: 70%;
  }
}
.pdm-roof .top_FV__cnt02 .top_FV__02__cnt--inner--box--cnt--02--txt02--a img {
  margin-left: -14px;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt02 .top_FV__02__cnt--inner--box--cnt--02--txt02--a img {
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    padding: 0 8%;
  }
}
.pdm-roof .top_FV__cnt02 .top_FV__02__cnt--inner--box--cnt--02--txt02--b {
  width: 460px;
  max-width: 50%;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt02 .top_FV__02__cnt--inner--box--cnt--02--txt02--b {
    max-width: none;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.pdm-roof .top_FV__cnt02 .top_FV__02__cnt--inner--box--cnt--02--txt02--b li {
  float: left;
  box-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
  border-radius: 70px;
  margin-right: 3%;
}
@media screen and (max-width: 360px) {
  .pdm-roof .top_FV__cnt02 .top_FV__02__cnt--inner--box--cnt--02--txt02--b li {
    margin-right: 2%;
  }
}
.pdm-roof .top_FV__cnt02 .top_FV__02__cnt--inner--box--cnt--02--txt02--b li:last-child {
  margin-right: 0;
}
.pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--03 {
  bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--03 {
    margin-right: 2%;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--03 {
    margin-right: auto;
    width: 94%;
    bottom: 0;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 359px) {
  .pdm-roof .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--03 {
    margin-bottom: 8px;
  }
}
.pdm-roof .top_FV__cnt02 .top_FV-bg {
  margin-bottom: calc(3vw + 220px);
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 > div > div {
  max-width: 240px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 > div > div {
    max-width: 204px;
  }
}
@media screen and (max-width: 480px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 > div > div {
    max-width: 170px;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 > div > div > .font-white-sm {
  display: inline-block;
  padding: 0;
}
@media screen and (max-width: 374px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 > div > div > .font-white-sm {
    letter-spacing: -0.1em;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--03--btn02 > div > div > .font-white-sm::before {
  display: none;
}
.pdm-roof .top_FV__02__cnt--inner--box--cnt--02--txt02--b .cls-2 {
  font-size: 11px;
  fill: #fff;
  text-anchor: middle;
  /*font-family: NotoSansJP;*/
}
.pdm-roof .top_FV-bg:before {
  content: " ";
  width: 100%;
  height: 70vh;
  background: #fff;
  background: linear-gradient(155deg, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 72%);
  display: block;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV-bg:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
  }
}
.pdm-roof .pdm-cnt .top_FV__inner--slider--cnt {
  margin: 0;
}
.pdm-roof .pdm-cnt .top_FV__inner--slider--cnt .slider_cnt__price--num span {
  color: #f52020;
  text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
  font-style: italic;
  white-space: nowrap;
  letter-spacing: 0.03em;
  font-family: 'K2D', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0 !important;
}
@media screen and (min-width: 768px) {
  .pdm-roof .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg {
    margin-bottom: 15px;
  }
}
.pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num {
  position: relative;
  max-width: 250px;
  width: 34vw;
  letter-spacing: 0;
  margin-top: -5px;
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num {
    max-width: 350px;
    width: 350px;
    align-items: baseline;
    margin-left: -4px;
    margin-top: 0;
  }
}
.pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num .price-natural {
  font-size: 20vw;
  padding-left: 0;
  margin-left: -6px;
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num .price-natural {
    font-size: 80px;
    margin-left: -3px;
  }
}
.pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num .price-few {
  font-size: 8.7vw;
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num .price-few {
    font-size: 60px;
    margin-left: 0;
  }
}
.pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num .price-unit {
  font-size: 7vw;
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num .price-unit {
    font-size: 35px;
  }
}
.pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num .price-unit__wrapper {
  position: relative;
}
.pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num .price-tax {
  font-size: 3vw;
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV__inner--slider--cnt .slider_cnt__price--num .price-tax {
    font-size: 20px;
    display: block;
    position: absolute;
    right: 45px;
    bottom: 42px;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .pdm-001 .top_FV-bg, .pdm-roof .top_FV-bg {
    background-position: center;
    background-repeat: repeat-x;
    background-size: contain;
  }
}
.pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt01, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt01 {
  width: 28vw;
  height: 30vw;
  padding: 3.5vw 2vw 2vw 3vw;
  margin: 7vw 1vw 0 0;
  display: flex;
  align-items: center;
}
.pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt01 > div, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt01 > div {
  width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 768px) {
  .pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt01, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt01 {
    width: 160px;
    height: 170px;
    min-width: 170px;
    box-sizing: border-box;
    padding: 17px 9px 16px 9px;
    position: relative;
    margin: 59px 0 0 0 !important;
  }
  .pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt01::before, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt01::before {
    width: 170px;
    height: 170px;
  }
}
.pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--a.type05, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--a.type05 {
  margin-left: 0;
  width: 98%;
  font-size: 6.2vw;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 767px) {
  .pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--a.type05, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--a.type05 {
    font-size: 35px;
    margin: 0 auto;
    font-weight: 500;
  }
}
.pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt01--b, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt01--b {
  display: none;
}
.pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt01_2--a.type05, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt01_2--a.type05 {
  display: none;
}
@media screen and (max-width: 767px) {
  .pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt02, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt02 {
    max-width: 66vw;
    width: 66vw;
  }
  .pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg.maker, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg.maker {
    font-size: 4.5vw;
  }
  .pdm-001 .no-discount .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg, .pdm-roof .no-discount .top_FV__cnt--inner--box--cnt--01--txt02 .font-black-lg {
    font-size: 5.7vw;
  }
  .pdm-001 .no-discount .top_FV__inner--slider--cnt .slider_cnt__price--num .price-natural, .pdm-roof .no-discount .top_FV__inner--slider--cnt .slider_cnt__price--num .price-natural {
    font-size: 22vw;
  }
  .pdm-001 .no-discount .top_FV__inner--slider--cnt .slider_cnt__price--num .price-few, .pdm-roof .no-discount .top_FV__inner--slider--cnt .slider_cnt__price--num .price-few {
    font-size: 11.5vw;
  }
  .pdm-001 .no-discount .top_FV__inner--slider--cnt .slider_cnt__price--num .price-tax, .pdm-roof .no-discount .top_FV__inner--slider--cnt .slider_cnt__price--num .price-tax {
    font-size: 4vw;
  }
  .pdm-001 .no-discount .top_FV__inner--slider--cnt .slider_cnt__price--num .price-unit, .pdm-roof .no-discount .top_FV__inner--slider--cnt .slider_cnt__price--num .price-unit {
    font-size: 7vw;
    margin-left: 1.5vw;
  }
  .pdm-001 .no-discount .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02, .pdm-roof .no-discount .top_FV__cnt02 .top_FV__cnt--inner--box--cnt--02 {
    margin: 29vw auto 0;
  }
}
.pdm-001 .top_FV__cnt--inner--box .normal-price, .pdm-roof .top_FV__cnt--inner--box .normal-price {
  color: #333;
  text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
  margin-top: 1.5vw;
  font-size: 3.5vw;
  font-weight: 500;
  position: relative;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .pdm-001 .top_FV__cnt--inner--box .normal-price, .pdm-roof .top_FV__cnt--inner--box .normal-price {
    margin-top: 0.5vw;
    font-size: 14px;
  }
}
.pdm-001 .top_FV__cnt--inner--box .normal-price:before, .pdm-roof .top_FV__cnt--inner--box .normal-price:before {
  content: "";
  width: 100%;
  max-width: 13em;
  height: 1px;
  top: 38%;
  left: 0;
  background: #d8323f;
  z-index: 10;
  position: absolute;
}
.pdm-001 .top_FV__cnt--inner--box .normal-price:after, .pdm-roof .top_FV__cnt--inner--box .normal-price:after {
  content: "";
  width: 100%;
  max-width: 13em;
  height: 1px;
  top: 62%;
  left: 0;
  background: #d8323f;
  z-index: 10;
  position: absolute;
}
/*Add 20211026 ページ改修用css追加*/
#test01 {
  /*Add 不要箇所非表示*/
  /*Add 既存のものの上書き※検証ページでのみ閲覧可能*/
}
#test01 .top_FV__cnt--inner--box--cnt--01--add {
  display: none;
}
#test01 .top_FV__cnt--inner--box--cnt--02 {
  display: none;
}
#test01 .top_FV__cnt--inner--box--cnt--02--txt01 {
  display: none;
}
#test01 .cnt_reason_box .top_FV__cnt--inner--box--cnt--02--txt01 {
  display: block;
}
#test01 .top_FV-bg {
  margin-bottom: calc(3vw + 180px);
  padding-bottom: calc(97vw + 130px);
}
@media screen and (max-width: 767px) {
  #test01 .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 {
    padding: 7vw 0 0 6%;
  }
  #test01 .top_FV__cnt--inner--box--cnt--01--txt01 {
    margin-bottom: 14%;
  }
}
#test01 .font-red-sm {
  color: #cd0101;
}
@media screen and (max-width: 767px) {
  #test01 .font-red-sm {
    font-size: 4.5vw;
  }
}
#test01 .price-natural, #test01 .price-few, #test01 .price-tax, #test01 .price-unit {
  font-style: normal;
  color: #cd0101;
}
#test01 .price-natural, #test01 .price-few {
  font-family: 'Bebas Neue', cursive !important;
  font-weight: normal;
}
#test01 .price-natural {
  display: inline-block;
  padding-top: 8%;
  font-size: 25vw;
}
#test01 .price-few {
  font-size: 11vw;
}
#test01 .price-tax {
  font-size: 5vw;
}
#test01 .price-unit {
  font-size: 8vw;
}
#test01 .top_FV__cnt--inner--box .normal-price {
  margin-top: -1.5vw;
}
.pdm-002 {
  /*Add 20211217 新規箇所の表示*/
}
.pdm-002 .top_FV__cnt--inner--box > h2 {
  text-align: center;
  font-size: 7.82vw;
  color: #333;
  line-height: 1.25;
  font-weight: 800;
  text-shadow: #fff 2px 0px 5px, #fff 0px 2px 5px, #fff -2px 0px 5px, #fff 0px -2px 5px, #fff 2px 1px 5px, #fff 1px 2px 5px, #fff -2px -1px 5px, #fff -1px -2px 5px;
}
.pdm-002 .top_FV__cnt--inner--box > h2 span {
  font-size: 4vw;
  font-weight: bold;
}
.pdm-002 .top_FV__construction-period {
  padding: 2% 2.5%;
  background: #e7c300 !important;
  font-size: 3.5vw;
  font-weight: 400;
  color: #000;
  border-radius: 5px;
}
.pdm-002 .top_FV__achievement {
  margin: 8vw auto 0 !important;
  padding: 0 5%;
  box-sizing: border-box;
}
.pdm-002 .top_FV__achievement ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 3 - 16px);
  max-width: 29.98vw;
  height: 24.77vw;
  float: left;
  background: url(../../../../toilet_cmn/images/mv-achievement-back.png) center center / contain no-repeat;
}
.pdm-002 .top_FV__achievement ul li > div {
  text-align: center;
}
.pdm-002 .top_FV__achievement ul li > div p:first-of-type {
  letter-spacing: 0.03em;
  font-size: 3.9vw;
  text-shadow: #fff 2px 0px 5px, #fff 0px 2px 5px, #fff -2px 0px 5px, #fff 0px -2px 5px, #fff 2px 1px 5px, #fff 1px 2px 5px, #fff -2px -1px 5px, #fff -1px -2px 5px;
}
.pdm-002 .top_FV__achievement ul li > div p:last-of-type {
  font-size: 10.43vw;
  text-shadow: #fff 2px 0px 5px, #fff 0px 2px 5px, #fff -2px 0px 5px, #fff 0px -2px 5px, #fff 2px 1px 5px, #fff 1px 2px 5px, #fff -2px -1px 5px, #fff -1px -2px 5px;
  line-height: 1;
}
.pdm-002 .top_FV__achievement ul li > div p:last-of-type.type01 {
  margin-top: 2%;
  font-family: 'Bebas Neue', cursive;
  letter-spacing: 0.04em;
}
.pdm-002 .top_FV__achievement ul li > div p:last-of-type span {
  font-size: 5vw;
  font-weight: 800;
}
.pdm-002 .top_FV__achievement ul li:first-of-type {
  position: relative;
}
.pdm-002 .top_FV__achievement ul li:first-of-type::before {
  display: none;
  content: "";
  position: absolute;
  top: 7vw;
  left: 50%;
  transform: translateX(-50%);
  width: 22.42vw;
  height: 14.34vw;
  background: url(../../../../toilet_cmn/images/mv-achievement-add.jpg) center center / contain no-repeat;
}
.pdm-002 .top_FV__achievement ul li:first-of-type > div {
  position: relative;
}
.pdm-002 .top_FV__achievement ul li:first-of-type > div p:first-of-type {
  line-height: 1.3;
  font-size: 3vw;
  margin-bottom: 6%;
  margin-top: -3%;
}
.pdm-002 .top_FV__achievement ul li:first-of-type > div p:first-of-type > span {
  font-size: 2.5vw;
}
.pdm-002 .top_FV__achievement ul li:first-of-type > div p:last-of-type {
  font-size: 3.5vw;
  letter-spacing: 0;
  font-weight: bold;
  line-height: 1.2;
  color: #b7221a;
}
.pdm-002 .top_FV__achievement ul li:first-of-type > div p:last-of-type > span {
  font-size: 3.5vw;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1.2em;
  padding-bottom: 3px;
  display: block;
}
.pdm-002 .top_FV__achievement ul li:first-of-type > div p:last-of-type > span > span:last-of-type {
  font-size: 5.5vw;
}
.pdm-002 .top_FV__achievement ul.col-2 {
  width: 100%;
  max-width: 59.97vw;
  margin: 0 auto;
}
.pdm-002 .top_FV__achievement ul.col-2 li {
  width: calc(100% / 2);
}
.pdm-002 .top_FV__option {
  padding: 0 0 8px;
  text-align: center;
}
.pdm-002 .top_FV__option > h2 {
  width: 100%;
  max-width: 55vw;
  margin: 0 auto;
  position: relative;
  padding: 12px 0 10px;
  color: #f5d525;
  font-size: 3.9vw;
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.1) 4px 0px 6px, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.1) -4px 0px 6px, rgba(0, 0, 0, 0.1) 0px -4px 6px, rgba(0, 0, 0, 0.1) 4px 0px 6px, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.1) -4px 0px 6px, rgba(0, 0, 0, 0.1) 0px -4px 6px;
}
.pdm-002 .top_FV__option > h2::before {
  content: "";
  position: absolute;
  top: 59%;
  transform: translateY(-50%);
  left: 0;
  width: 40px;
  height: 49px;
  background: url('../../../../toilet_cmn/images/top_FV02_img_02.svg') 0 center / cover no-repeat;
}
.pdm-002 .top_FV__option > h2::after {
  content: "";
  position: absolute;
  top: 59%;
  transform: translateY(-50%);
  right: 0;
  width: 40px;
  height: 49px;
  background: url(../../../../toilet_cmn/images/top_FV02_img_01.svg) 0px center / cover no-repeat;
}
.pdm-002 .top_FV__option img {
  width: 70vw;
}
.pdm-002 .top_FV__option ul {
  padding: 0 2%;
}
.pdm-002 .top_FV__option ul li {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  padding: 5px 1%;
  font-size: 3vw;
  font-weight: bold;
  color: #333;
  background: #fff;
  border-radius: 3px;
  letter-spacing: 0.08em;
}
.pdm-002 .top_FV__option ul li:last-of-type {
  margin-right: 0;
}
.pdm-002 .top_FV__option ul li:not(:last-of-type)::after {
  content: '\f067';
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: -14px;
  font-weight: 900;
  color: #fff;
}
@media screen and (max-width: 374px) {
  .pdm-002 .top_FV__option ul li:first-of-type {
    display: none;
  }
}
/*Add 20211203 ページ改修用css追加 ※bodyにクラス追加（検証用として付与）*/
#test01.pdm-003 {
  /*Add 20211203 不要箇所の非表示（sectionごと）*/
  /*Add 20211203 不要箇所の非表示（一部要素）*/
  /*Add 20211203 新規箇所の表示*/
  /*Add 20211203 共通*/
  /*Add 20211203 TOPFV改修*/
  /*Add 20211203 商品について改修*/
}
#test01.pdm-003 .benefits-box, #test01.pdm-003 div.top_FV__cnt--inner--box > h2, #test01.pdm-003 .top_FV__achievement li:first-of-type {
  display: none !important;
}
#test01.pdm-003 .hidden-flag-add {
  display: none !important;
}
#test01.pdm-003 .visible-flag-add {
  display: block !important;
}
#test01.pdm-003 .visible-flag-inline-add {
  display: inline-block !important;
}
#test01.pdm-003 .visible-flag-flex-add {
  display: flex !important;
}
#test01.pdm-003 .stock-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(126 / 6.4 * 1vw);
  height: calc(126 / 6.4 * 1vw);
  margin-right: 4%;
  background: #fff;
  border: 2px solid #cd0101;
  box-sizing: border-box;
  font-size: calc(49 / 6.4 * 1vw);
  font-weight: bold;
  color: #cd0101;
  text-align: center;
}
#test01.pdm-003 .top_FV-bg {
  margin-bottom: calc(3vw + 100px);
  padding-bottom: calc(97vw + 80px);
}
#test01.pdm-003 .top_FV__ttl {
  padding: 15px 15px 10px;
}
#test01.pdm-003 .top_FV__ttl > ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
#test01.pdm-003 .top_FV__ttl > ul > li:last-of-type {
  display: inline-block;
  width: calc(430 / 6.4 * 1vw);
}
#test01.pdm-003 .top_FV__construction-units {
  left: 0;
  padding: 1% 1% 1.5%;
  background: #cd0101 !important;
  font-size: 5vw;
  font-weight: 500;
  color: #fff;
  border: 0px;
  border-radius: 0;
}
#test01.pdm-003 .top_FV__achievement {
  margin-top: 8vw !important;
}
#test01.pdm-003 .top_FV__achievement ul li {
  position: relative;
  max-width: 26.98vw;
}
#test01.pdm-003 .top_FV__achievement ul li.top_FV__achievement--new-item {
  position: relative;
  width: 100%;
  max-width: 35vw;
  align-items: center;
  background: transparent;
  text-shadow: #fff 2px 0px 5px, #fff 0px 2px 5px, #fff -2px 0px 5px, #fff 0px -2px 5px, #fff 2px 1px 5px, #fff 1px 2px 5px, #fff -2px -1px 5px, #fff -1px -2px 5px;
  font-size: 2vw;
  font-weight: bold;
  line-height: 1.75em;
}
#test01.pdm-003 .top_FV__achievement ul li.top_FV__achievement--new-item::after {
  content: "";
  position: absolute;
  top: -17px;
  left: -15px;
  width: calc(300 / 6.4 * 1vw);
  height: calc(148 / 6.4 * 1vw);
  background: url(../../../../toilet_cmn/images/add_file/mv-achievement-back02.png) center center / contain no-repeat;
}
#test01.pdm-003 .top_FV__achievement ul li.top_FV__achievement--new-item span {
  position: relative;
  z-index: 10;
}
#test01.pdm-003 .pr_detail__body_cost {
  position: relative;
  margin-top: 38px;
}
#test01.pdm-003 .pr_detail__body_cost::before {
  content: "台数限定!";
  position: absolute;
  top: -6.1vw;
  left: -1px;
  padding: 1%;
  background: #cd0101;
  color: #fff;
  font-weight: 500;
  font-size: 4.5vw;
  letter-spacing: 0;
}
#test01.pdm-003 .pr_detail__normal_cost ::before {
  display: none;
}
#test01.pdm-003 .pr_detail__cost {
  position: relative;
  margin-top: 30px;
}
#test01.pdm-003 .pr_detail__cost .stock-mark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: calc(109 / 6.4 * 1vw);
  height: calc(109 / 6.4 * 1vw);
  margin-right: 0;
  font-size: calc(39 / 6.4 * 1vw);
}
#test01.pdm-003 .pr_detail__remarks {
  margin-top: 20px;
}
body:not(.pc-design) .top_FV__cnt--inner--box {
  background: transparent !important;
}
#test01.pc-design {
  /*Add 不要箇所非表示*/
  /*Add 既存のものの上書き※検証ページでのみ閲覧可能*/
}
#test01.pc-design .top_FV__cnt--inner--box--cnt--01--add {
  display: none;
}
#test01.pc-design .top_FV__cnt--inner--box--cnt--02 {
  display: none;
}
#test01.pc-design .top_FV__cnt--inner--box--cnt--02--txt01 {
  display: none;
}
#test01.pc-design .cnt_reason_box .top_FV__cnt--inner--box--cnt--02--txt01 {
  display: block;
}
#test01.pc-design .top_FV-bg {
  margin-bottom: calc(3vw + 150px);
  padding-bottom: calc(97vw + 130px);
}
@media screen and (max-width: 767px) {
  #test01.pc-design .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt02 {
    padding: 7vw 0 0 6%;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt01 {
    margin-bottom: 10%;
  }
}
#test01.pc-design .font-red-sm {
  color: #cd0101;
}
@media screen and (max-width: 767px) {
  #test01.pc-design .font-red-sm {
    font-size: 4.5vw;
  }
}
#test01.pc-design .price-natural, #test01.pc-design .price-few, #test01.pc-design .price-tax, #test01.pc-design .price-unit {
  font-style: normal;
  color: #cd0101;
}
#test01.pc-design .price-natural, #test01.pc-design .price-few {
  font-family: 'Bebas Neue', cursive !important;
  font-weight: normal;
}
#test01.pc-design .price-natural {
  display: inline-block;
  padding-top: 8%;
  font-size: 25vw;
}
#test01.pc-design .price-few {
  font-size: 10.7vw;
}
#test01.pc-design .price-tax {
  font-size: 5vw;
}
#test01.pc-design .price-unit {
  font-size: 8vw;
}
#test01.pc-design .top_FV__cnt--inner--box .normal-price {
  margin-top: -0.5vw;
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV-bg {
    background-position: center 0px;
    background-size: cover;
    padding: 0;
    margin: 0;
    height: 760px;
  }
  #test01.pc-design .top_FV-bg::before {
    height: 760px;
    backdrop-filter: blur(2px);
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__cnt {
    height: 760px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__cnt--inner--box {
    height: 680px;
    background-size: 750px 680px;
    background-position: center;
    background-repeat: no-repeat;
    background: none !important;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__cnt--inner--box > h2 {
    width: 100%;
    max-width: calc(980px - 369px);
    left: auto;
    top: 30px;
    right: 40px;
    font-size: 38px;
    text-align: right;
  }
  #test01.pc-design .top_FV__cnt--inner--box > h2 > br:nth-of-type(2) {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design .top_FV__cnt--inner--box > h2 {
    font-size: 48px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__cnt--inner--box > h2 span {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01 {
    display: block;
    top: 30px;
    left: 40px;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt02 {
    margin-top: 50px !important;
    margin-left: 70px !important;
    padding: 0;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt02 > div .font-black-lg {
    font-size: 28px !important;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt02 .font-red-sm {
    font-size: 20px !important;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt02 .slider_cnt__price--num {
    align-items: center !important;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt02 .slider_cnt__price--num .price-natural {
    padding: 0 !important;
    font-size: 142px !important;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt02 .slider_cnt__price--num .price-unit__wrapper {
    top: -11px !important;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt02 .slider_cnt__price--num .price-unit__wrapper .price-few {
    font-size: 70px !important;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt02 .slider_cnt__price--num .price-unit__wrapper .price-tax {
    font-size: 18px !important;
    right: -15px !important;
    bottom: 86px !important;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt02 .slider_cnt__price--num .price-unit__wrapper .price-unit {
    display: block;
    font-size: 37px !important;
  }
  #test01.pc-design .top_FV__cnt--inner--box--cnt--01--txt02 .normal-price {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__cnt--inner--box--cnt--03 {
    bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__construction-period {
    margin-top: 20px;
    padding: 1% 2%;
    margin-left: 70px;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 2px 2px 2px 4px rgba(255, 255, 255, 0.42), -2px -2px 2px 4px rgba(255, 255, 255, 0.4);
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement {
    width: 434px !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 158px !important;
    left: auto !important;
    right: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement ul {
    justify-content: right !important;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement ul li {
    max-width: 140px;
    height: 120px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement ul li > div p:first-of-type {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement ul li > div p:last-of-type {
    font-size: 51px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement ul li > div p:last-of-type span {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement ul li:first-of-type > div p:first-of-type {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement ul li:first-of-type > div p:first-of-type > span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement ul li:first-of-type > div p:last-of-type {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement ul li:first-of-type > div p:last-of-type > span {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__achievement ul li:first-of-type > div p:last-of-type > span > span:last-of-type {
    font-size: 23px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__option > h2 {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    font-size: 22px;
    margin-right: 0px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__option > h2::before {
    top: 73%;
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__option > h2::after {
    top: 73%;
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__option ul {
    display: inline-block;
    padding: 0;
    width: 100%;
    max-width: 556px;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__option ul li {
    margin-right: 20px;
    font-size: 15px;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  #test01.pc-design .top_FV__option ul li:not(:last-of-type)::after {
    top: 5px;
    right: -20px;
    font-size: 15px;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design .accordion__section {
    padding: 0;
  }
  #test01.pc-design .accordion__section .accordion__ttl {
    width: 100%;
    max-width: none;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design .toilet-explanation {
    display: none !important;
    width: 100%;
    max-width: 1020px;
    padding: 0 40px;
    margin: 60px auto 80px;
  }
  #test01.pc-design .toilet-explanation h2 {
    display: block !important;
    font-size: 40px;
    padding: 47px;
    margin-bottom: 60px;
  }
  #test01.pc-design .toilet-explanation h2 span {
    font-size: 30px;
  }
  #test01.pc-design .toilet-explanation h2::before {
    top: 6px;
    width: 140px;
    height: 237px;
  }
  #test01.pc-design .toilet-explanation h2::after {
    top: 6px;
    width: 140px;
    height: 237px;
  }
  #test01.pc-design .toilet-explanation h2 + img {
    float: left;
    width: 43%;
    max-width: 400px;
    margin-right: 60px;
  }
  #test01.pc-design .toilet-explanation h2 + img + p {
    display: block !important;
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1.75;
    padding: 0;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design .pr_detail__shop {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design .tab.container {
    margin-bottom: 4%;
  }
  #test01.pc-design .tab.container .panel__area #panel1 > p {
    display: none;
  }
  #test01.pc-design .tab.container .panel__area #panel1 .pr_detail {
    display: block !important;
  }
  #test01.pc-design .tab.container .panel__area #panel1 .pr_detail .panel2 > div:nth-of-type(2n+1) {
    width: 40%;
    float: left;
  }
  #test01.pc-design .tab.container .panel__area #panel1 .pr_detail .panel2 .pr_detail__option {
    clear: left;
  }
  #test01.pc-design .tab.container .panel__area #panel1 .pr_detail .panel2 > div:nth-of-type(2n) {
    float: right;
    width: 55%;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design .toilet-reform-overview {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design #section-07 {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design #section-03 .top_FV__cnt--inner--box--cnt--02--txt01 {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design #section-04 {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design #section-04-05 {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  #test01.pc-design #section-06 {
    padding: 5px 12px 90px !important;
  }
}
/*屋根 共通*/
/*ブレークポイント max-width version[Add leehnyn]*/
/* ▼ 特定箇所のフォントサイズ設定 */
/* ▼ 特定箇所の色設定 */
/********************************************
 // ↓ roof_common.scss
 ********************************************/
.pdm-roof:not(.pdm-001) .box__inner {
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.pdm-roof:not(.pdm-001) #section-04 .box__inner .qa__item {
  border-bottom: none;
  padding: 0 10px;
  background: #fff;
  border-radius: 5px;
}
.pdm-roof:not(.pdm-001) #section-04 .box__inner .qa__item:not(:last-of-type) {
  margin-bottom: 10px;
}
.pdm-roof:not(.pdm-001) #section-04 .box__inner .qa__item .qa__answer {
  padding-top: 2%;
  border-top: 1px solid #eee;
}
.pdm-roof:not(.pdm-001) #section-04 .box__inner .qa__item .qa__answer-wrap i {
  background-color: #fff;
  border: 2px solid #777;
}
.pdm-roof:not(.pdm-001) .site-footer {
  background: #eaeed9 !important;
  padding: 5px 12px 140px;
  color: #333;
}
@media screen and (min-width: 768px) {
  .pdm-roof:not(.pdm-001) .site-footer {
    padding: 5px 12px 90px;
  }
}
.pdm-roof:not(.pdm-001) .site-footer .description-list {
  padding: 0;
  border: none;
  border-radius: 0;
}
.pdm-roof:not(.pdm-001) .site-footer .description-list-item-02__title {
  background: #738e02 !important;
  color: #fff;
  padding: 2px 4px;
}
.pdm-roof:not(.pdm-001) .site-footer .description-list-item-02__value {
  color: #000;
}
.pdm-roof {
  /*料金表*/
}
.pdm-roof:not(.page-template-page-form) .cta {
  display: none !important;
}
.pdm-roof .roof_cnt_ttl {
  background: #738e02 !important;
  padding: 8% 0;
}
@media screen and (min-width: 768px) {
  .pdm-roof .roof_cnt_ttl {
    padding: 60px 0;
  }
}
.pdm-roof .roof_cnt_ttl_inner h3 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .pdm-roof .roof_cnt_ttl_inner h3 {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) {
  .pdm-roof #item_content.roof_cnt_ttl {
    display: none;
  }
}
.pdm-roof #section-03.cnt_reason_box {
  background-color: #f5f5f5 !important;
}
.pdm-roof #section-03.cnt_reason_box .box__inner {
  padding: 14px;
  border-radius: 8px;
  color: var(--color-black);
  background-color: var(--color-white);
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, );
}
.pdm-roof #section-03.cnt_reason_box .box__inner h2 img {
  width: 100%;
  max-width: 400px;
}
@media screen and (max-width: 480px) {
  .pdm-roof #section-03.cnt_reason_box .box__inner h2 img {
    max-width: 100%;
  }
}
.pdm-roof #section-07 .section-block__inner {
  padding: 35px 26px;
}
.pdm-roof #section-07, .pdm-roof #section-05 {
  background: #fff;
  margin-bottom: 35px;
}
@media screen and (min-width: 1025px) {
  .pdm-roof #section-07, .pdm-roof #section-05 {
    margin-bottom: 3%;
  }
}
.pdm-roof #section-07 ul, .pdm-roof #section-05 ul {
  max-width: 768px;
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .pdm-roof #section-07 ul, .pdm-roof #section-05 ul {
    max-width: 1024px;
    display: flex;
  }
}
.pdm-roof #section-07 ul li, .pdm-roof #section-05 ul li {
  margin-bottom: 3%;
  border-radius: 0;
  max-width: 450px;
  margin: 0 auto 3%;
  min-height: 80px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-07 ul li, .pdm-roof #section-05 ul li {
    width: 48%;
    float: left;
  }
  .pdm-roof #section-07 ul li:not(:last-of-type), .pdm-roof #section-05 ul li:not(:last-of-type) {
    margin-right: 4%;
  }
}
@media screen and (min-width: 1024px) {
  .pdm-roof #section-07 ul li:not(:last-of-type), .pdm-roof #section-05 ul li:not(:last-of-type) {
    margin-right: auto;
  }
}
.pdm-roof #section-07 ul li.cta-mail, .pdm-roof #section-05 ul li.cta-mail {
  background-color: #b30e0b !important;
  border-radius: 3px;
}
.pdm-roof #section-07 ul li.cta-tel, .pdm-roof #section-05 ul li.cta-tel {
  background-color: #ea6000 !important;
  border-radius: 3px;
}
.pdm-roof #section-07 ul li.cta-tel .cta-btn h4, .pdm-roof #section-05 ul li.cta-tel .cta-btn h4 {
  font-size: 26px;
  font-size: 6vw;
}
@media screen and (max-width: 360px) {
  .pdm-roof #section-07 ul li.cta-tel .cta-btn h4, .pdm-roof #section-05 ul li.cta-tel .cta-btn h4 {
    font-size: 21px;
  }
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-07 ul li.cta-tel .cta-btn h4, .pdm-roof #section-05 ul li.cta-tel .cta-btn h4 {
    font-size: 28px;
  }
}
.pdm-roof #section-07 ul li a, .pdm-roof #section-05 ul li a {
  padding: 7% 3% 6.4%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdm-roof #section-07 ul li a figure, .pdm-roof #section-05 ul li a figure {
  width: 16%;
  padding: 0 2%;
  box-sizing: border-box;
}
.pdm-roof #section-07 ul li a .cta-btn, .pdm-roof #section-05 ul li a .cta-btn {
  width: 80%;
}
.pdm-roof #section-07 ul li a .cta-btn p, .pdm-roof #section-05 ul li a .cta-btn p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-size: 3.6vw;
}
@media screen and (max-width: 360px) {
  .pdm-roof #section-07 ul li a .cta-btn p, .pdm-roof #section-05 ul li a .cta-btn p {
    font-size: 12px;
  }
}
@media screen and (min-width: 600px) {
  .pdm-roof #section-07 ul li a .cta-btn p, .pdm-roof #section-05 ul li a .cta-btn p {
    font-size: 2.6vw;
  }
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-07 ul li a .cta-btn p, .pdm-roof #section-05 ul li a .cta-btn p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1025px) {
  .pdm-roof #section-07 ul li a .cta-btn p, .pdm-roof #section-05 ul li a .cta-btn p {
    font-size: 20px;
    line-height: 1.65em;
  }
}
.pdm-roof #section-07 ul li a .cta-btn h4, .pdm-roof #section-05 ul li a .cta-btn h4 {
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-size: 6vw;
  font-weight: bold;
}
@media screen and (max-width: 360px) {
  .pdm-roof #section-07 ul li a .cta-btn h4, .pdm-roof #section-05 ul li a .cta-btn h4 {
    font-size: 21px;
  }
}
@media screen and (min-width: 600px) {
  .pdm-roof #section-07 ul li a .cta-btn h4, .pdm-roof #section-05 ul li a .cta-btn h4 {
    font-size: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-07 ul li a .cta-btn h4, .pdm-roof #section-05 ul li a .cta-btn h4 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .pdm-roof #section-07 ul li a .cta-btn h4, .pdm-roof #section-05 ul li a .cta-btn h4 {
    font-size: 28px;
  }
}
.pdm-roof #section-07 .cta_box_text p, .pdm-roof #section-05 .cta_box_text p {
  text-align: center;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-07 .cta_box_text p, .pdm-roof #section-05 .cta_box_text p {
    font-size: 16px;
  }
}
.pdm-roof #section-07 .cta_box_text p span, .pdm-roof #section-05 .cta_box_text p span {
  display: block;
  text-align: center;
}
.pdm-roof #section-09 {
  background: #fff;
}
.pdm-roof #section-09 .section-block__inner {
  padding: 50px 4%;
}
@media screen and (max-width: 768px) {
  .pdm-roof #section-09 .section-block__inner {
    padding: 9% 4%;
  }
}
.pdm-roof #section-09 .section-block__inner .menu_ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5%;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner .menu_ttl {
    font-size: 36px;
  }
}
.pdm-roof #section-09 .section-block__inner .menu_ttl h3 span {
  display: inline-block;
  padding-right: 5%;
  position: relative;
}
.pdm-roof #section-09 .section-block__inner .menu_ttl h3 span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  width: 30%;
  height: 2px;
  background: #000;
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box {
  width: 48%;
  float: left;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box {
    width: 32%;
  }
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box:not(:nth-of-type(2n)) {
  margin-right: 4%;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box:not(:nth-of-type(2n)) {
    margin-right: 0;
  }
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box:not(:nth-of-type(-n+2)) {
  margin-top: 6%;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box:not(:nth-of-type(-n+2)) {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box:not(:nth-of-type(3n)) {
    margin-right: 2%;
  }
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box:not(:nth-of-type(-n+3)) {
    margin-top: 6%;
  }
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box img {
  display: block;
  margin: 0 auto 6%;
  height: 165px;
  width: 100%;
  border-radius: 3px;
  object-fit: cover;
  font-family: 'object-fit:cover;';
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box h4 {
  font-size: 14px;
  margin-bottom: 4%;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box h4 {
    font-size: 16px;
  }
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box_in {
  display: flex;
  align-items: center;
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__discount {
  background: #b30e0b !important;
  color: #fff;
  font-size: 12px;
  padding: 3%;
  margin-right: 3%;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.02em;
  height: 35px;
  width: 35px;
  min-width: 35px;
  min-height: 35px;
}
@media screen and (min-width: 480px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__discount {
    padding: 0.9vw;
  }
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__discount {
    padding: 9px;
    font-size: 16px;
    width: 50px;
    height: 50px;
    font-weight: 300;
  }
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_lg {
  color: #b30e0b !important;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0em;
  margin-bottom: 2%;
  display: inline-block;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_lg {
    font-size: 28px;
  }
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_lg span {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_lg span {
    font-size: 16px;
  }
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_lg .price_tax {
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_lg .price_tax {
    font-size: 14px;
  }
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_sm {
  color: #555;
  font-size: 11px;
  text-decoration: line-through;
  position: relative;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_sm {
    font-size: 16px;
  }
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_sm span {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_sm span {
    font-size: 16px;
  }
}
.pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_sm .price_tax {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-09 .section-block__inner ul .menu_item_box_in__price .price_sm .price_tax {
    font-size: 14px;
  }
}
.pdm-roof #section-02 .top-worksVoices {
  padding: 12% 0 0;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .pdm-roof #section-02 .top-worksVoices {
    padding: 50 px 0;
  }
}
.pdm-roof #section-02 .top-worksVoices .worksVoice-wrap .vert-card__item .vert-card__link {
  border-radius: 0;
}
.pdm-roof #section-02 .top-worksVoices .slick-arrow {
  background-color: #738e02 !important;
}
.pdm-roof #section-06 .box__inner {
  padding: 14px;
  border-radius: 8px;
  color: var(--color-black);
  background-color: var(--color-white);
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, );
}
.pdm-roof #section-06 .box.--has-img > .box__inner {
  padding: 50px 14px 40px;
}
.pdm-roof #item_content p strong {
  font-weight: 600;
  color: #f57e4f;
}
.pdm-roof .tab {
  padding-bottom: 30px !important;
}
.pdm-roof .tab__panel {
  padding: 15px !important;
}
.pdm-roof .panel__area {
  margin: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
}
.pdm-roof #item_content {
  padding-bottom: 35px;
}
.pdm-roof .box-price {
  border: 3px solid #00a3e6;
  border-radius: 5px;
  background: #fff;
  padding: 30px 27px 40px;
  max-width: 1000px;
  width: 94%;
  margin: 0 auto 0;
}
@media screen and (max-width: 767px) {
  .pdm-roof .box-price {
    border-width: 2px;
    padding: 20px 15px;
  }
}
.pdm-roof .box-price .ttl-custom01 {
  margin-bottom: 14px;
}
.pdm-roof .submenu__desc {
  max-width: 1000px;
  width: 90%;
  margin: 20px auto;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .pdm-roof .submenu__desc {
    font-size: 1.4rem;
  }
}
.pdm-roof .ttl-custom01 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.384;
  font-weight: 500;
  text-align: center;
  margin-bottom: 27px;
}
@media screen and (max-width: 1024px) {
  .pdm-roof .ttl-custom01 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.pdm-roof .list-price .item {
  padding: 10px 0 8px 0;
  border-top: 1px solid #00a3e6;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  /*&:first-child {
   //padding: 14px 0 11px 0;
   padding: 0 0 11px 0;
   border: none;
   }*/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pdm-roof .list-price .item {
    padding: 12px 0 6px 0;
  }
}
@media screen and (max-width: 1024px) {
  .pdm-roof .list-price .item {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .list-price .item {
    font-size: 1.6rem;
  }
}
.pdm-roof .list-price .item p {
  position: relative;
  display: flex;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .pdm-roof .list-price .item p {
    font-size: 1.4rem;
  }
}
.pdm-roof .list-price .item p span.subttl {
  top: 1.7em;
  font-size: 1.6rem;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .pdm-roof .list-price .item p span.subttl {
    position: absolute;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .pdm-roof .list-price .item p span.subttl {
    font-size: 1.2rem;
  }
}
.pdm-roof .list-price .item p .txt-price {
  font-size: 1.6rem;
  line-height: 1.733;
  color: #b30e0b !important;
  font-weight: 300;
  text-align: right;
  min-width: 120px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .pdm-roof .list-price .item p .txt-price {
    font-size: 1.3rem;
    min-width: 110px;
  }
}
.pdm-roof .list-price .item p .txt-price span {
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .pdm-roof .list-price .item p .txt-price span {
    font-size: 1.1rem;
  }
}
.pdm-roof .list-price .item:last-child {
  border-bottom: 1px solid #00a3e6;
}
.pdm-roof .list-price .item .list-sub {
  margin-top: 9px;
  padding-left: 20px;
  font-size: 1.6rem;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  .pdm-roof .list-price .item .list-sub {
    font-size: 1.4rem;
    padding-left: 22px;
    text-indent: -12px;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--a.type05 {
  font-size: 4.5vw;
  line-height: 1em;
  text-align: center;
  margin-left: 1vw;
  font-weight: 500;
  width: 88%;
  display: block;
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01 > div .top_FV__cnt--inner--box--cnt--01--txt01--a.type05 {
    font-size: 20px;
    margin-left: 0.5vw;
  }
}
.pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01_2--a.type05 {
  position: relative;
  color: #fff;
  font-size: 11px;
  text-shadow: #b30e0b 1px 1px 0, #b30e0b -1px 1px 0, #b30e0b 1px -1px 0, #b30e0b -1px -1px 0;
}
@media screen and (min-width: 480px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01_2--a.type05 {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .pdm-roof .top_FV__cnt--inner--box--cnt--01--txt01_2--a.type05 {
    font-size: 12px;
    top: -15px;
  }
}
@media (min-width: 1025px) {
  .pdm-001 article#item_content {
    background: #fff !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 40%) !important;
  }
}
.pdm-001 .breadcrumb {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .pr_detail {
    display: none;
  }
}
.pr_detail__manufacturer {
  font-size: 1.8rem;
  font-weight: 500;
  display: inline-block;
}
.pr_detail__productname {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
}
.pr_detail__image {
  margin-bottom: 10px;
}
.pr_detail__image img {
  width: 100%;
}
.pr_detail__normal_cost {
  border: solid 2px #c4c4c4;
  background: #fff;
  padding: 7px;
  display: flex;
  align-items: center;
  position: relative;
}
.pr_detail__normal_cost :before {
  content: "";
  position: absolute;
  top: 102%;
  left: 50%;
  margin-left: -25px;
  border: 25px solid transparent;
  border-top: 14px solid #c4c4c4;
}
.pr_detail__normal_cost > div:nth-child(1) {
  width: 58%;
  font-size: 1.2rem;
  line-height: 1.25em;
  color: #5c5c5c;
  letter-spacing: 0.05em;
}
.pr_detail__normal_cost > div:nth-child(2) {
  width: 42%;
  text-align: right;
  color: #5c5c5c;
}
.pr_detail__normal_cost > div:nth-child(2) > span:nth-child(1) {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-family: 'Bebas Neue', cursive;
}
.pr_detail__normal_cost > div:nth-child(2) > span:nth-child(2) {
  font-size: 1.4rem;
}
.pr_detail__body_cost {
  margin-top: 18px;
  border: solid 1px #b30e0b;
  background: #fff;
  padding: 7px;
  display: flex;
  align-items: center;
}
.pr_detail__body_cost > div:nth-child(1) {
  width: 58%;
  font-size: 1.2rem;
  line-height: 1.25em;
  color: #b30e0b;
  letter-spacing: 0.05em;
}
.pr_detail__body_cost > div:nth-child(2) {
  width: 42%;
  text-align: right;
  color: #b30e0b;
}
.pr_detail__body_cost > div:nth-child(2) > span:nth-child(1) {
  display: block;
}
.pr_detail__body_cost > div:nth-child(2) > span:nth-child(1) > span:nth-child(1) {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-family: 'Bebas Neue', cursive;
}
.pr_detail__body_cost > div:nth-child(2) > span:nth-child(1) > span:nth-child(2) {
  font-size: 1.4rem;
}
.pr_detail__body_cost > div:nth-child(2) > span:nth-child(2) {
  display: block;
  background: #b30e0b;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 3px;
  text-align: center;
  margin-top: 3px;
  padding: 1px 0 2px;
}
.pr_detail__cost {
  margin-top: 15px;
}
.pr_detail__cost > span:nth-child(1) {
  background: #b30e0b;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  padding: 0px 3px 0;
  letter-spacing: 0.02em;
  height: 3.2rem;
  line-height: 3.2rem;
  display: inline-block;
  vertical-align: text-bottom;
  border-radius: 2px;
}
@media screen and (max-width: 374px) {
  .pr_detail__cost > span:nth-child(1) {
    height: 2.2rem;
    line-height: 2.2rem;
    display: block;
    width: 6em;
  }
}
.pr_detail__cost > span:nth-child(2) {
  font-size: 4rem;
  color: #b30e0b;
  font-weight: 600;
  letter-spacing: 0.06em;
  font-family: 'Bebas Neue', cursive;
}
.pr_detail__cost > span:nth-child(3) {
  width: 42px;
  display: inline-block;
}
.pr_detail__cost > span:nth-child(3) > span:nth-child(1) {
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  display: block;
  margin-bottom: 2px;
}
.pr_detail__cost > span:nth-child(3) > span:nth-child(2) {
  font-size: 1.5rem;
  letter-spacing: 0.015em;
  display: block;
  color: #b30e0b;
  font-weight: 600;
}
.pr_detail__cost > span:nth-child(4) {
  display: inline-block;
  background: #b30e0b;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  font-family: 'Bebas Neue', cursive;
}
.pr_detail__cost > span:nth-child(4) > span:nth-child(1) {
  font-size: 2rem;
  letter-spacing: 0.05em;
  display: block;
}
.pr_detail__cost > span:nth-child(4) > span:nth-child(2) {
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  display: block;
}
.pr_detail__option {
  margin-top: 25px;
}
.pr_detail__option > div:nth-child(1) {
  border: solid 1px #c4c4c4;
  background: #fff;
  padding: 10px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
}
.pr_detail__option > ul {
  display: flex;
  justify-content: center;
  margin: 5px 0;
}
.pr_detail__option > ul li {
  margin: 0 5px;
  text-align: center;
}
.pr_detail__option > ul li svg {
  width: 60px;
}
.pr_detail__remarks {
  background: #f5f5f5;
  margin: 5px 0 20px;
  padding: 10px;
}
.pr_detail__remarks p {
  font-size: 1.2rem;
  color: #666;
}
.pr_detail #section-07 {
  margin: 35px 0 15px;
}
.pr_detail__shop {
  text-align: center;
  margin-bottom: 15px;
  border-top: solid 1px #ddd;
  padding-top: 20px;
}
.pr_detail__shop p {
  font-size: 1.3rem;
  color: #666;
  margin: 15px 0;
}
.pr_detail__shop p span {
  font-weight: 700;
}
.pr_detail__shop > iframe {
  width: 100% !important;
  height: 270px !important;
}
.pr_detail__shop button {
  width: 100%;
  background: black;
  font-weight: 500;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.2em;
  height: 50px;
  margin: 15px 0 0 0;
  border-radius: 5px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, );
}
@media screen and (max-width: 767px) {
  #item_content + .cnt_cta_box {
    display: none;
  }
  #item_content + .cnt_cta_box + .cnt_cta_box {
    display: none;
  }
  .tab__panel > p, .tab__panel .remarks {
    display: none;
  }
  .tab__panel > p img, .tab__panel .remarks img {
    display: none !important;
  }
  .pr_detail__standard p {
    margin-bottom: 10px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .pr_detail {
    display: none;
  }
  .pr_detail__standard {
    display: none;
  }
  .tab__panel .remarks img {
    display: none !important;
  }
}
/*Add 20211025 ページ改修用css追加*/
#test01 {
  /*Add 非表示対応*/
  /*Add 非表示対応*/
  /*Add 余白無効化*/
  /*Add 検証中のみ表示対応*/
  /*Add 既存のものの上書き※検証ページでのみ閲覧可能*/
}
#test01 .hd_message {
  display: none;
}
#test01 .bg_m {
  display: none;
}
#test01 #section-07 + .pr_detail__shop iframe {
  display: none;
}
#test01 #section-07 + .pr_detail__shop iframe + a {
  display: none;
}
#test01 .roof_cnt_ttl {
  display: none;
}
#test01 .roof_cnt_ttl + #section-07 {
  display: none;
}
#test01 .tab {
  padding-bottom: 0 !important;
}
#test01 .visible-flag {
  display: block !important;
}
#test01 .visible-flag-inline {
  display: inline-block !important;
}
#test01 .accordion > h4 {
  font-weight: bold;
}
#test01 .accordion > h4 span.h4-subtitle {
  display: block;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.5;
}
#test01 .accordion__content {
  padding: 2% 3%;
}
#test01 .accordion__content-item {
  padding: 0;
}
#test01 .tab.container .panel__area {
  box-shadow: none;
}
#test01 .tab.container .tab1_label {
  border-radius: 3px 3px 0 0;
}
#test01 .tab.container #panel1 {
  padding: 0 !important;
}
#test01 .tab.container .panel2 {
  padding: 15px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  border-radius: 0 0 3px 3px;
  background: #f9f9f9;
  border: solid 1px #e3e3e3;
  border-width: 0 1px 1px 1px;
}
#test01 .tab.container .cta-mail {
  margin-bottom: 6%;
}
#test01 .tab.container .cta-tel {
  margin-bottom: 6%;
}
#test01 .pr_detail .pr_detail__image + div {
  padding: 13px 0 15px !important;
  background: #f9f9f9 !important;
}
#test01 .pr_detail .pr_detail__remarks {
  background: #fff;
}
#test01 .pr_detail .pr_detail__shop {
  margin-bottom: 30px;
}
#test01 .accordion__content {
  background: #f9f9f9 !important;
}
#test01 .accordion__content-item {
  background: #f9f9f9 !important;
}
#test01 .cnt_reason_box {
  margin-bottom: 60px;
}
#test01 .cnt_reason_inner ul li {
  margin: 6% auto 0 !important;
  padding: 15px 3% 15px 4.5%;
}
#test01 .cnt_reason_inner ul li img {
  margin: 0 4% 0 0;
}
#test01 .cnt_reason_inner ul li p {
  float: none;
  width: 100%;
  margin-left: 0;
}
#test01 .cnt_reason_inner ul li h3 {
  line-height: 1.4;
}
#test01 #section-04 .section-block__inner {
  padding: 0 12px 35px;
  margin: 35px auto 0;
}
#test01 #section-04 .section-block__inner h2.heading {
  margin: 0;
  padding: 30px 0 30px;
  color: #fff;
  text-shadow: none;
}
#test01 #item_content {
  padding-bottom: 0;
}
#test01 #section-05 {
  margin-bottom: 0;
}
#test01 #section-02 .heading {
  margin-top: 0;
}
#test01 #section-06 {
  padding-bottom: 45% !important;
}
.pdm-002 {
  /*Add footer:googlemap箇所レイアウト変更*/
}
.pdm-002 .site-footer__inner .pr_detail__shop {
  border-top: 0;
}
.pdm-002 .site-footer__inner .pr_detail__shop > p {
  color: #fff;
}
.pdm-002 .toilet-reform-overview {
  background: #fef9e8;
  /*Add トイレリフォーム概要構築*/
}
.pdm-002 .toilet-reform-overview > .tab {
  padding: 30px 0 15px;
  background: #fef9e8;
}
.pdm-002 .toilet-reform-overview > .tab > div > p {
  padding: 5% 2% 10%;
  font-size: 1.2rem;
}
.pdm-002 .toilet-reform-overview h2 {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  font-size: 5vw;
  font-weight: 800;
  line-height: 1.25;
}
.pdm-002 .toilet-reform-overview h2::before, .pdm-002 .toilet-reform-overview h2::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10vw;
  height: 1px;
}
.pdm-002 .toilet-reform-overview h2::before {
  left: 0;
}
.pdm-002 .toilet-reform-overview h2::after {
  right: 0;
}
.pdm-002 .toilet-reform-overview ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((100% - 2%) / 2);
  height: 34.6vw;
  margin-bottom: 2%;
  background: #fff;
  float: left;
}
.pdm-002 .toilet-reform-overview ul > li:not(:nth-of-type(2n)) {
  margin-right: 2%;
}
.pdm-002 .toilet-reform-overview ul > li > div {
  text-align: center;
}
.pdm-002 .toilet-reform-overview ul > li > div img {
  margin-bottom: 4%;
}
.pdm-002 .toilet-reform-overview ul > li > div p {
  font-size: 3vw;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.4em;
}
.pdm-002 .toilet-reform-overview ul > li:nth-of-type(1) img {
  width: 13.69vw;
}
.pdm-002 .toilet-reform-overview ul > li:nth-of-type(2) img {
  width: 12vw;
}
.pdm-002 .toilet-reform-overview ul > li:nth-of-type(3) img {
  width: 13vw;
}
.pdm-002 .toilet-reform-overview ul > li:nth-of-type(4) img {
  width: 22.3vw;
}
.pdm-002 .toilet-explanation {
  padding: 25px 12px 35px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0) 100%);
}
.pdm-002 .toilet-explanation > div {
  /*background: #fff;
   border: solid 1px #e3e3e3;
   border-radius: 10px;
   overflow: hidden;*/
}
.pdm-002 .toilet-explanation h2 {
  position: relative;
  padding: 10vw 0;
  text-align: center;
  font-size: 5.22vw;
  font-weight: bold;
  line-height: 1.3;
  background: #f9f9f9;
  aspect-ratio: 2.43902;
}
.pdm-002 .toilet-explanation h2 span {
  font-size: 3.9vw;
  font-weight: 500;
}
.pdm-002 .toilet-explanation h2::before {
  content: '';
  position: absolute;
  top: 2.61vw;
  left: 0;
  width: 22.29vw;
  height: 33vw;
  background: url(../../../../toilet_cmn/images/pdm_toilet_11.png) center center / contain no-repeat;
}
.pdm-002 .toilet-explanation h2::after {
  content: '';
  position: absolute;
  top: 2.61vw;
  right: 0;
  width: 22.29vw;
  height: 33vw;
  background: url(../../../../toilet_cmn/images/pdm_toilet_14.png) center center / contain no-repeat;
}
.pdm-002 .toilet-explanation p {
  padding: 5% 2% 8%;
}
.pdm-002#test01 .pr_detail__image {
  display: none;
}
.pdm-002 .benefits-box {
  position: relative;
  margin-bottom: 6%;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 3px;
}
.pdm-002 .benefits-box > p, .pdm-002 .benefits-box > div {
  background: #fff;
}
.pdm-002 .benefits-box > p {
  padding: 6% 0 4%;
  text-align: center;
  border-radius: 3px 3px 0 0;
}
.pdm-002 .benefits-box > p span {
  display: inline-block;
  padding: 1vw 10vw;
  font-size: 4.69vw;
  font-weight: bold;
  border-radius: 3px;
  color: #fff;
}
.pdm-002 .benefits-box > div {
  display: flex;
  align-items: center;
  margin-top: -1px;
  padding: 0 10px;
  border-radius: 0 0 3px 3px;
}
.pdm-002 .benefits-box > div > img {
  width: 33%;
  float: left;
  /*@media screen and (max-width: 340px) {
   width: 45%;
   }*/
}
.pdm-002 .benefits-box > div > p {
  margin-left: 1%;
  font-size: 2.5vw;
  font-weight: bold;
  text-align: center;
}
.pdm-002 .benefits-box > div > p > span {
  display: block;
  font-size: 3.4vw;
  text-shadow: #fff 2px 0px 5px, #fff 0px 2px 5px, #fff -2px 0px 5px, #fff 0px -2px 5px, #fff 2px 1px 5px, #fff 1px 2px 5px, #fff -2px -1px 5px, #fff -1px -2px 5px;
  line-height: 1.5;
}
.pdm-002 .benefits-box > div > p > span span {
  background-image: linear-gradient(transparent 70%, #f6c021 70%);
}
.pdm-002 .benefits-box::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 10.43vw;
  height: 10.43vw;
  background: url(../../../../toilet_cmn/images/feature-parts01.png) center center / contain no-repeat;
}
.pdm-002 .benefits-box::after {
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  width: 10.43vw;
  height: 10.43vw;
  background: url(../../../../toilet_cmn/images/feature-parts02.png) center center / contain no-repeat;
}
.pdm-002 .benefits-box__cnt {
  width: 100%;
  text-align: center;
}
.pdm-002 .benefits-box__cnt > p {
  font-size: 5vw;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
}
.pdm-002 .benefits-box__cnt > p > strong {
  color: #b30f0b !important;
}
.pdm-002 .benefits-box__cnt > p > span:not(:last-of-type) {
  font-size: 4vw;
}
.pdm-002 .benefits-box__cnt > p > span:last-of-type {
  display: block;
  margin-top: 2%;
  font-size: 2vw;
}
.pdm-002 .benefits-box__cnt > div {
  width: 86%;
  margin: 4% auto;
}
.pdm-002 .benefits-box__cnt > div > p:first-of-type {
  background: #333;
  color: #fff;
  letter-spacing: 0;
  font-weight: 800;
  border-radius: 3px 3px 0 0;
  font-size: 3vw;
}
.pdm-002 .benefits-box__cnt > div > p:last-of-type {
  border: 1px solid #333;
  box-sizing: border-box;
  font-size: 4vw;
  letter-spacing: 0;
  border-radius: 0 0 3px 3px;
  font-weight: 800;
}
.pdm-002 .benefits-box__cnt > div > p:last-of-type > span:first-of-type {
  font-size: 6vw;
}
.pdm-002 .benefits-box__cnt > div > p:last-of-type > span:last-of-type {
  font-size: 5vw;
}
.pdm-002 .benefits-box__cnt02 p {
  width: 50%;
  margin-left: 0 !important;
}
.pdm-002 .benefits-box__cnt02 p:first-of-type {
  padding: 1%;
  font-size: 2.5vw;
  background: #b30f0b;
  color: #fff;
  line-height: 1.3;
  border-radius: 3px;
}
.pdm-002 .benefits-box__cnt02 p:last-of-type {
  font-size: 13vw;
  font-family: 'Bebas Neue', cursive;
  letter-spacing: 0.1em;
  text-shadow: none;
  color: #b30f0b;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0) 100%);
  width: 63%;
}
.pdm-002 .benefits-box__cnt02 p:last-of-type strong {
  position: relative;
  color: #b30f0b !important;
  z-index: 0;
}
.pdm-002 .benefits-box__cnt02 p:last-of-type strong::before {
  content: "";
  position: absolute;
  bottom: 3vw;
  width: 100%;
  height: 2vw;
  background: #f6c305;
  z-index: -1;
}
.pdm-002 .benefits-box__cnt02 p:last-of-type span:first-of-type {
  display: inline;
  font-size: 10vw;
  font-family: 'Bebas Neue', cursive;
  letter-spacing: 0.1em;
  text-shadow: none;
}
.pdm-002 .benefits-box__cnt02 p:last-of-type span:last-of-type {
  position: relative;
  display: inline-block;
  text-shadow: none;
  letter-spacing: 0;
  font-size: 5vw;
  font-weight: 800;
}
.pdm-002 .benefits-box__cnt02 p:last-of-type span:last-of-type::after {
  content: "（税込）";
  position: absolute;
  width: 14vw;
  top: -18px;
  left: -7px;
  font-size: 2.5vw;
  color: #333;
}