/* ==============================================
 drawer
=============================================== */

.drawer-brand,
.drawer-hamburger,
.drawer-menu-item {
  font-size: 10px !important;
}

@media screen and (max-width: 1280px) {

  .drawer-brand,
  .drawer-hamburger,
  .drawer-menu-item {
    font-size: calc(10vw / 12.8) !important;
  }
}

@media screen and (max-width: 768px) {

  .drawer-brand,
  .drawer-hamburger,
  .drawer-menu-item {
    font-size: calc(10vw / 3.75) !important;
  }
}

.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 5em;
  display: block;
  box-sizing: content-box;
  width: 4em;
  padding: 1.5em 1em 2.5em;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: #000;
}

.sr-only {
  height: 0.4em;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  height: 0.4em;
  background-color: #fff;
}

.drawer-hamburger-icon {
  margin-top: 1.2em;
}

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  top: -1.2em;
}

.drawer-hamburger-icon:after {
  top: 1.2em;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 37em;
}

.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width: 37em;
  height: 100%;
  color: #000;
  /*background-color: rgba(0,0,0,0.7);*/
  background-color: #eee;
  z-index: 10000;
}

.drawer--right .drawer-nav {
  right: -37em;
  -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer-nav ul li {
  width: 100%;
  text-align: left;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}

.drawer-nav>ul>li {
  font-size: 1.4em;
}

.drawer-nav ul li.menu_head {
  background: #FFDC00;
  padding: 0.8em;
}

.drawer-nav ul li .tit {
  display: block;
  padding-left: 1em;
  text-align: left;
}

.drawer-nav ul li a {
  color: #000;
  display: block;
  padding: 0.8em;
}

.drawer-nav ul li .child {
  padding: 0.5em 1em 1em;
}

.drawer-nav ul li .child li {
  float: left;
  width: 49%;
  margin: 0 0.1em 0.1em;
  text-align: center;
  border-bottom: none;
  background: #ebebeb;
  border-radius: 0.2em;
}

.drawer-nav ul li .child li a {
  padding: 0.2em 0;
}

.drawer-nav ul li:last-child {
  border-bottom: 0;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon::before,
.drawer-hamburger-icon::after {
  background-color: #fff;
}

.drawer-nav .telarea {
  padding: 1em;
  background: #eee;
  text-align: center;
}

.drawer-nav .telarea .icon,
.drawer-nav .telarea .number {
  display: inline-block;
  vertical-align: middle;
}

.drawer-nav .telarea .icon {
  margin-right: 0.5em;
}

.drawer-nav .telarea .number {
  text-align: center;
}

.drawer-nav .telarea .number .tel {
  font-size: 1.8em;
  font-weight: bold;
}

.drawer-nav .telarea .number .tel a {
  padding: 0;
}

.drawer-nav .telarea .contact {
  max-width: 21.6em;
  width: 100%;
  margin: auto;
}

.drawer-nav .telarea .a8_tel img {
  max-width: 21.6em;
  margin: auto;
}

@media only screen and (max-width: 768px) {

  .drawer-hamburger {
    opacity: 1 !important;
    top: 0.3em;
    width: 3.5em;
    padding: 1.2em 0.7em 2em;
  }

  .sr-only {
    height: 0.3em;
  }

  .drawer-hamburger-icon,
  .drawer-hamburger-icon:before,
  .drawer-hamburger-icon:after {
    height: 0.3em;
  }

  .drawer-hamburger-icon {
    margin-top: 1em;
  }

  .drawer-hamburger-icon:before,
  .drawer-hamburger-icon:after {
    top: -1em;
  }

  .drawer-hamburger-icon:after {
    top: 1em;
  }

  .drawer-nav ul li {
    font-size: 1.2em;
  }

  .drawer-nav ul li .child li {
    float: none;
    width: 100%;
    line-height: 2;
  }

  .drawer-nav {
    width: 26em;
  }

  .drawer--right.drawer-open .drawer-hamburger {
    right: 26em;
  }

}

/* ==============================================
 header
=============================================== */

.header__upper {
  background: #000;
  color: #fff;
}

.header__upper p {
  font-size: 1.6em;
}

.header__middle {
  background: #fff;
  padding-bottom: 1em;
}

.header__middle .flex {
  align-items: center;
}

.header__middle-shop-name {
  font-size: 30px;
  font-weight: bold;
  width: 25%;
}

.header__middle-right {
  width: 75%;
  justify-content: flex-end;
}

.header__middle-card,
.header__middle-tel,
.header__middle-mail {
  width: 33%;
}

.header__middle-card {
  text-align: center;
  margin-right: 1%;
}

.header__middle-card span,
.header__middle-tel-top-txt,
.header__middle-mail-top-txt {
  display: block;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
}

.header__middle-tel {
  margin-right: 1%;
}

.header__middle-tel-btn a {
  display: block;
  position: relative;
}

.header__middle-tel-btn-icon {
  position: absolute;
  top: 1em;
  left: 4em;
  width: 2em;
  height: 2em;
}

.header__middle-tel-btn-txt {
  position: absolute;
  top: 0.5em;
  left: 3.5em;
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
  text-shadow:
    1px 1px 1px #fff, -1px -1px 1px #fff,
    -1px 1px 1px #fff, 1px -1px 1px #fff,
    1px 0px 1px #fff, -1px -0px 1px #fff,
    0px 1px 1px #fff, 0px -1px 1px #fff;
}

.header__middle-tel-btn-time {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 2.7em;
  left: 0;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1;
  text-shadow:
    1px 1px 1px #fff, -1px -1px 1px #fff,
    -1px 1px 1px #fff, 1px -1px 1px #fff,
    1px 0px 1px #fff, -1px -0px 1px #fff,
    0px 1px 1px #fff, 0px -1px 1px #fff;
}

.header__middle-mail-btn a {
  display: block;
}

#gnav {
  position: relative;
  text-align: center;
  background: #000;
}

#gnav a,
#gnav a:hover {
  color: #fff;
}

.gnav__main {
  max-width: 120em;
  margin: 0 auto;
}

.gnav__main>li {
  width: 16.6%;
}

.gnav__main>li>a {
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1em;
  padding: 0.5em 0;
}

.gnav__dropdown {
  position: relative;
}

.gnav__dropdown-item {
  display: none;
  position: absolute;
  width: 100%;
  top: 3.2em;
  left: 0;
  background: #888;
  z-index: 2;
}

.gnav__dropdown-item a {
  display: block;
  font-size: 1.5em;
  line-height: 1em;
  padding: 0.5em 0;
}

.gnav__dropdown--static {
  position: static;
}

.gnav__dropdown-item-menu {
  max-width: 120em;
  margin: 0 auto;
  flex-wrap: wrap;
  padding: 1em 0;
}

.gnav__dropdown-item-menu li {
  width: 25%;
  margin-bottom: 0.8em;
  border-left: 1px solid #fff;
}

.gnav__dropdown-item-menu li:nth-child(4n) {
  border-right: 1px solid #fff;
}

.gnav__dropdown-item-menu li a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 1300px) {

  .header__upper .inner {
    max-width: initial;
    width: 100%;
    padding-left: 0.5em;
  }

  .header__middle {
    padding: 0 8em 1em 0.5em;
  }

}

@media only screen and (max-width: 768px) {

  .header__upper .inner {
    font-size: 1.2em;
    line-height: 1.2;
    padding: 1em 1.5em;
  }

  .header__middle {
    padding: 0.5em 0;
  }

  .header__middle-shop-name,
  .header__middle-right {
    width: 50%;
  }

  .header__middle-shop-name {
    font-size: 1.6em;
  }

  .header__middle-card {
    width: 100%;
  }

  .header__middle-card span {
    font-size: 1em;
  }

}

/* ==============================================
 #mv
=============================================== */
/* 
#mv {
  position: relative;
  font-size: calc(10vw / 14.4);
}

.mv__area {
  position: absolute;
  top: 0.3em;
  left: 3em;
  font-size: 4.2em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
  text-shadow:
  3px 3px 3px #fff, -3px -3px 3px #fff,
  -3px 3px 3px #fff,  3px -3px 3px #fff,
  3px 0px 3px #fff, -3px -0px 3px #fff,
  0px 3px 3px #fff,  0px -3px 3px #fff,
  4px 4px 3px rgba(0, 0, 0, 1);
}

.mv__img img {
  max-width: initial;
}

@media screen and (max-width: 1280px) {

  .mv__area {
    text-shadow:
    2px 2px 2px #fff, -2px -2px 2px #fff,
    -2px 2px 2px #fff,  2px -2px 2px #fff,
    2px 0px 2px #fff, -2px -0px 2px #fff,
    0px 2px 2px #fff,  0px -2px 2px #fff,
    2px 2px 3px rgba(0, 0, 0, 1);
  }

}

@media only screen and (max-width: 768px){

  #mv {
    font-size: calc(10vw / 3.75);
  }

  .mv__area {
    top: 0.5em;
    left: 0.5em;
    font-size: 2.2em;
    letter-spacing: 0.05em;
  }

} */

#mv {
  background-image: url(../images/top/mv__bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
}

#mv .inner {
  padding: 0.5em 0 1em;
}

.mv__area p {
  display: inline-block;
  vertical-align: middle;
}

.mv__area-txt {
  font-size: 4.2em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
  text-shadow:
    3px 3px 3px #fff, -3px -3px 3px #fff,
    -3px 3px 3px #fff, 3px -3px 3px #fff,
    3px 0px 3px #fff, -3px -0px 3px #fff,
    0px 3px 3px #fff, 0px -3px 3px #fff,
    4px 4px 3px rgba(0, 0, 0, 1);
}

.mv__area-img {
  width: 44.4em;
}

@media screen and (max-width: 1440px) {

  #mv {
    font-size: calc(10vw / 14.8);
  }

  #mv .inner {
    max-width: 120em;
    margin: 0 auto;
  }

}

@media only screen and (max-width: 768px) {

  #mv {
    background: none;
    font-size: calc(10vw / 3.75);
  }

  .mv__area {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.05em;
    text-shadow:
      3px 3px 3px #fff, -3px -3px 3px #fff,
      -3px 3px 3px #fff, 3px -3px 3px #fff,
      3px 0px 3px #fff, -3px -0px 3px #fff,
      0px 3px 3px #fff, 0px -3px 3px #fff,
      4px 4px 3px rgba(0, 0, 0, 1);
  }

}

/* ==============================================
 #renraku 
=============================================== */

#renraku .sec_content {
  background-image: url(../images/common/renraku__bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}

.renraku__h2 span {
  font-size: 1.2em;
  font-weight: bold;
}

.renraku__flex {
  align-items: center;
}

.renraku__flex-left {
  width: 53%;
}

.renraku__flex-right {
  width: 46%;
}

.renraku__area-title {
  width: 62em;
  position: relative;
  margin-bottom: 2em;
}

.renraku__area-title-txt span {
  position: absolute;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1;
}

.renraku__area-title-txt span:first-child {
  top: 0.8em;
  left: 3.4em;
}

.renraku__area-title-txt span:nth-child(2) {
  font-size: 4.8em;
  color: #FF0000;
  top: 0.3em;
  left: 5em;
}

.renraku__area-title-txt span:last-child {
  top: 0.8em;
  left: 9.6em;
}

.renraku__area {
  width: 27.5em;
  background: #fff;
  font-size: 2.4em;
  padding: 1em 1.5em;
  margin-bottom: 1em;
}

.renraku__txt {
  font-size: 2.4em;
  font-weight: bold;
  padding-left: 3.3em;
  position: relative;
}

.renraku__txt::before {
  content: "";
  width: 2.5em;
  height: 1.7em;
  background-image: url(../images/common/renraku__arrow.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.renraku__img img {
  width: 50em;
}

@media only screen and (max-width: 768px) {

  #renraku .sec_content {
    background-image: url(../images/common/renraku__bg-sp.jpg);
  }

  .renraku__flex-left {
    width: 100%;
    margin-bottom: 3em;
  }

  .renraku__flex-right {
    width: 100%;
  }

  .renraku__area-title {
    width: 100%;
    margin-bottom: 1.5em;
  }

  .renraku__area-title-txt span {
    font-size: 1.8em;
  }

  .renraku__area-title-txt span:nth-child(2) {
    font-size: 2.7em;
  }

  .renraku__area {
    width: 16.5em;
    font-size: 1.4em;
  }

  .renraku__txt {
    font-size: 1.6em;
  }

  .renraku__img img {
    width: 100%;
  }

}

/* ==============================================
 #two-step 
=============================================== */

#two-step .sec_content {
  padding-top: 1em;
  padding-bottom: 4em;
}

#two-step h3 {
  width: 65em;
  margin-bottom: 2em;
}

.two-step__flex01 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2em;
}

.two-step__h4-bg {
  width: 45%;
  background-image: url(../images/common/two-step__h4-bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  padding: 1.5em 1em 2em 4.5em;
}

#two-step h4 {
  font-size: 5.5em;
  font-weight: bold;
  line-height: 1;
}

#two-step h4 span {
  font-size: 0.8em;
  font-weight: bold;
}

.two-step__flex01-txt {
  width: 55%;
  font-size: 2.9em;
  font-weight: 600;
  line-height: 1.4;
}

.two-step__step {
  justify-content: space-around;
  align-items: center;
  position: relative;
}

.two-step__step::after {
  content: "";
  width: 3.3em;
  height: 2.3em;
  background-image: url(../images/common/two-step__step-arrow.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.two-step__step .item {
  width: 40.8em;
}

.two-step__step-num {
  display: inline-block;
  background: #000;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
  padding: 0.5em 1.2em;
  position: relative;
  z-index: 1;
}

.two-step__step-img {
  margin: -1em 0 1em;
}

.two-step__step-txt {
  text-align: center;
  font-size: 2.7em;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {

  #two-step .sec_content {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  #two-step h3 {
    width: 85%;
    margin: 0 0 0.5em 2em;
  }

  .two-step__flex01 {
    margin-bottom: 2.5em;
  }

  .two-step__h4-bg {
    width: 100%;
    padding: 1em 1em 1.5em 4em;
    margin-bottom: 1.5em;
  }

  #two-step h4 {
    font-size: 3.3em;
  }

  .two-step__flex01-txt {
    width: 86%;
    margin: 0 auto;
    font-size: 1.5em;
  }

  .two-step__step {
    flex-direction: column;
  }

  .two-step__step::after {
    width: 2.2em;
    height: 3.5em;
    background-image: url(../images/common/two-step__step-arrow-sp.png);
  }

  .two-step__step .item {
    width: 23.2em;
    margin: 0 auto;
  }

  .two-step__step .item.two-step__step-left {
    margin-bottom: 6em;
  }

  .two-step__step-num {
    font-size: 1.4em;
  }

  .two-step__step-txt {
    font-size: 1.5em;
  }

}

/* ==============================================
 .cta-block
=============================================== */

.cta-block {
  background: #FDDC06;
}

.cta-block .inner {
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.cta-block .inner::before {
  content: "";
  width: 26.8em;
  height: 23.1em;
  background-image: url(../images/common/cta-block__img.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cta-block__txt {
  font-size: 2em;
  margin-left: 12em;
  margin-bottom: 0.5em;
  position: relative;
  z-index: 1;
}

.cta-block__flex {
  align-items: center;
  margin-left: 24em;
  position: relative;
  z-index: 1;
}

.cta-block__flex .item {
  width: 49%;
  text-align: center;
}

.cta-block__tel {
  font-size: 5em;
  font-weight: bold;
  text-shadow:
    3px 3px 3px #fff, -3px -3px 3px #fff,
    -3px 3px 3px #fff, 3px -3px 3px #fff,
    3px 0px 3px #fff, -3px -0px 3px #fff,
    0px 3px 3px #fff, 0px -3px 3px #fff;
  line-height: 1;
  margin-bottom: 0.2em;
}

.cta-block__tel a,
.cta-block__tel a:hover {
  color: #000;
  opacity: 1;
  text-decoration: none;
}

.cta-block__time {
  font-size: 2.5em;
  font-weight: bold;
  text-shadow:
    2px 2px 2px #fff, -2px -2px 2px #fff,
    -2px 2px 2px #fff, 2px -2px 2px #fff,
    2px 0px 2px #fff, -2px -0px 2px #fff,
    0px 2px 2px #fff, 0px -2px 2px #fff;
}

.cta-block__btn {
  display: block;
  background: #5BB401;
  color: #fff;
  border: 0.2em solid #fff;
  border-radius: 1em;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1;
  width: 100%;
  padding: 1.2em 0;
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
  position: relative;
}

.cta-block__btn::after {
  content: "";
  width: 2.5em;
  height: 2.5em;
  background-image: url(../images/common/cta-block__icon.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.cta-block__btn:hover {
  color: #fff;
  opacity: 1;
  transform: translateY(5px);
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media only screen and (max-width: 1280px) {

  .cta-block__tel {
    text-shadow:
      2px 2px 2px #fff, -2px -2px 2px #fff,
      -2px 2px 2px #fff, 2px -2px 2px #fff,
      2px 0px 2px #fff, -2px -0px 2px #fff,
      0px 2px 2px #fff, 0px -2px 2px #fff;
  }

  .cta-block__time {
    text-shadow:
      1px 1px 1px #fff, -1px -1px 1px #fff,
      -1px 1px 1px #fff, 1px -1px 1px #fff,
      1px 0px 1px #fff, -1px -0px 1px #fff,
      0px 1px 1px #fff, 0px -1px 1px #fff;
  }

}

@media only screen and (max-width: 768px) {

  .cta-block {
    margin-bottom: 3em;
  }

  #toppage .cta-block {
    margin-bottom: 0;
  }

  .cta-block .inner {
    padding: 1.5em 1.5em 6em 1.5em;
  }

  .cta-block .inner::before {
    width: 15em;
    height: 13em;
    bottom: 2.5em;
    left: 2em;
  }

  .cta-block__txt {
    font-size: 1.4em;
    line-height: 1.4;
    margin-left: 9em;
    margin-bottom: 0.5em;
  }

  .cta-block__flex {
    margin-left: 0;
  }

  .cta-block__flex .item {
    width: 100%;
  }

  .cta-block__tel {
    font-size: 2.5em;
    text-align: right;
  }

  .cta-block__time {
    font-size: 1.2em;
    text-align: right;
  }

  .cta-block__btn {
    width: 18em;
    font-size: 1.8em;
    position: absolute;
    bottom: -4.5em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

}

/* ==============================================
 #toppage #anshin 
=============================================== */

#toppage #anshin {
  background: #E0E0E0;
  padding: 4em 0 8em;
  margin-top: 2em;
}

#toppage .anshin__top {
  background: #fff;
  border: 0.7em solid #CDCDCD;
  align-items: center;
  margin-bottom: 8em;
}

#toppage .anshin__top .item {
  width: 49%;
}

#toppage .anshin__top-right {
  padding: 1em 1em 2em 3em;
}

#toppage .anshin__top-right-list {
  width: 46.3em;
  margin-bottom: 1em;
}

#toppage .anshin__top-right-txt {
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1.4em;
}

#toppage .anshin__h2-wrap {
  position: relative;
  margin-bottom: 6em;
}

#toppage .anshin__h2-wrap::before {
  content: "";
  width: 9em;
  height: 18.4em;
  background-image: url(../images/top/anshin__laurel-left.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 40%;
  left: 6em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#toppage .anshin__h2-wrap::after {
  content: "";
  width: 8.5em;
  height: 17.5em;
  background-image: url(../images/top/anshin__laurel-right.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 40%;
  right: 6em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#toppage #anshin h2 {
  text-align: center;
}

#toppage #anshin h2 span {
  display: inline-block;
  text-align: center;
  position: relative;
  font-size: 5em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-bottom: 0.5em;
  text-shadow:
    2px 2px 2px #000, -2px -2px 2px #000,
    -2px 2px 2px #000, 2px -2px 2px #000,
    2px 0px 2px #000, -2px -0px 2px #000,
    0px 2px 2px #000, 0px -2px 2px #000,
    0px 6px 0px #000;
}

#toppage #anshin h2 span::before {
  position: absolute;
  content: attr(data-txt);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, #dbb00b 0%, #FFF4CB 40%, #dbb00b 100%);
  -webkit-background-clip: text;
  text-shadow: none;
}

#toppage #anshin h2 span.anshin__h2-03 {
  font-size: 3.5em;
}

#toppage .anshin__midle {
  align-items: center;
  margin-bottom: 6em;
}

#toppage .anshin__midle-img {
  width: 44%;
}

#toppage .anshin__midle-right {
  width: 54%;
  background: #fff;
  padding: 1.5em;
}

#toppage .anshin__midle-right p {
  font-size: 1.6em;
  line-height: 1.6;
  font-weight: 500;
}

#toppage .anshin__midle-right p .red {
  color: #FF0000;
  font-weight: 500;
}

#toppage .anshin__midle-right p .yellow {
  background-image: linear-gradient(transparent 60%, #FDDC06 40%);
}

#toppage .anshin__midle-right-txt01 {
  margin-bottom: 1em;
}

#toppage .anshin__midle-right p.anshin__midle-right-txt02 {
  font-size: 2em;
}

#toppage .anshin__btm-txt02 {
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
  text-shadow:
    2px 2px 2px #fff, -2px -2px 2px #fff,
    -2px 2px 2px #fff, 2px -2px 2px #fff,
    2px 0px 2px #fff, -2px -0px 2px #fff,
    0px 2px 2px #fff, 0px -2px 2px #fff,
    0px 3px 6px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 768px) {

  #toppage #anshin {
    padding: 6em 0 3em;
    margin-top: 0;
  }

  #toppage .anshin__top {
    background: none;
    border: none;
    margin-bottom: 3em;
  }

  #toppage .anshin__top .item {
    width: 100%;
  }

  #toppage .anshin__top .item.anshin__top-img {
    width: 30em;
    margin: 0 auto 2em;
  }

  #toppage .anshin__top-right {
    background: #fff;
    border: 0.3em solid #CDCDCD;
    padding: 1.5em;
  }

  #toppage .anshin__top-right-list {
    width: 90%;
  }

  #toppage .anshin__top-right-txt {
    font-size: 1.3em;
  }

  #toppage .anshin__h2-wrap {
    margin-bottom: 3em;
  }

  #toppage .anshin__h2-wrap::before {
    width: 2.7em;
    height: 5.6em;
    left: 0;
  }

  #toppage .anshin__h2-wrap::after {
    width: 2.5em;
    height: 5.3em;
    right: 0;
  }

  #toppage #anshin h2 span {
    font-size: 1.7em;
    text-shadow:
      1px 1px 1px #000, -1px -1px 1px #000,
      -1px 1px 1px #000, 1px -1px 1px #000,
      1px 0px 1px #000, -1px -0px 1px #000,
      0px 1px 1px #000, 0px -1px 1px #000,
      0px 3px 0px #000;
  }

  #toppage #anshin h2 span.anshin__h2-03 {
    font-size: 1.2em;
  }

  #toppage .anshin__midle {
    margin-bottom: 3em;
  }

  #toppage .anshin__midle-img {
    width: 100%;
    margin-bottom: 2em;
  }

  #toppage .anshin__midle-right {
    width: 100%;
  }

  #toppage .anshin__midle-right p {
    font-size: 1.4em;
  }

  #toppage .anshin__midle-right p.anshin__midle-right-txt02 {
    font-size: 1.6em;
  }

  #toppage .anshin__btm-txt01 {
    margin-bottom: 1em;
  }

  #toppage .anshin__btm-txt02 {
    font-size: 1.4em;
    line-height: 1.6;
  }


}

/* ==============================================
 #toppage #onayami 
=============================================== */

#toppage #onayami {
  background-image: url(../images/top/onayami__bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  clip-path: polygon(0% 0%, 100% 0, 100% 93%, 58% 93%, 50% 100%, 43% 93%, 0% 93%);
  position: relative;
  z-index: 1;
}

#toppage #onayami .inner {
  padding: 6em 6em 12em 23em;
  position: relative;
}

#toppage #onayami .inner::before {
  content: "";
  width: 24.3em;
  height: 32.3em;
  background-image: url(../images/top/onayami__person.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: 3em;
  left: 0;
  z-index: 2;
}

#toppage #onayami h2 {
  text-align: center;
  width: 83em;
  margin: 0 auto 3em;
}

#toppage #onayami ul li {
  width: 31.5%;
  background: #fff;
  position: relative;
}

#toppage #onayami ul li h3 {
  background: #000;
  color: #fff;
  font-size: 2.4em;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 0.5em;
}

#toppage .onayami__ul-txt {
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.6;
  padding: 2em;
}

#toppage #onayami ul li::after {
  content: "";
  width: 2.8em;
  height: 4em;
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
}

#toppage #onayami ul li:first-child::after {
  background-image: url(../images/top/onayami__vortex-left.png);
  bottom: 2em;
  left: 1em;
}

#toppage #onayami ul li:nth-child(2)::after {
  background-image: url(../images/top/onayami__vortex-right.png);
  bottom: 2em;
  right: 1em;
}

#toppage #onayami ul li:last-child::after {
  background-image: url(../images/top/onayami__vortex-left.png);
  bottom: 2em;
  left: 1.5em;
}


@media only screen and (max-width: 768px) {

  #toppage #onayami {
    clip-path: polygon(0% 0%, 100% 0, 100% 97%, 70% 97%, 50% 100%, 30% 97%, 0% 97%);
  }

  #toppage #onayami .inner {
    padding: 3em 1.5em 12em 1.5em;
  }

  #toppage #onayami .inner::before {
    background-image: url(../images/top/onayami__person-sp.png);
    width: 11em;
    height: 17em;
    bottom: 4em;
    left: 1.3em;
  }

  #toppage #onayami h2 {
    width: 100%;
    margin: 0 auto 2em;
  }

  #toppage #onayami ul li {
    width: 85%;
    margin: 0 auto 2em;
  }

  #toppage #onayami ul li h3 {
    font-size: 1.8em;
    padding: 0.7em;
  }

  #toppage .onayami__ul-txt {
    font-size: 1.4em;
  }

  #toppage #onayami ul li:last-child {
    padding-bottom: 2em;
  }

  #toppage #onayami ul li:last-child::after {
    bottom: 2em;
    left: 5.5em;
  }

}


/* ==============================================
 #toppage #omakase
=============================================== */

#toppage #omakase {
  background-image: url(../images/top/omakase__bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  padding: 8em 0 3em;
  margin-top: -5em;
}

#toppage #omakase h2 {
  width: 75.7em;
  margin: 0 auto 3em;
}

#toppage .omakase__box {
  background: #fff;
  padding: 3em 5em 0;
  margin-bottom: 3em;
  position: relative;
}

#toppage .omakase__box:last-child {
  margin-bottom: 0;
}

#toppage .omakase__box-num {
  position: absolute;
  width: 8em;
  top: 2em;
  right: -3em;
}

#toppage .omakase__box-title {
  margin-bottom: 3em;
}

#toppage .omakase__box-title p,
#toppage .omakase__box-title h3 {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

#toppage .omakase__box-title p {
  background: #000;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  padding: 0.5em 1em;
  margin-right: 2em;
}

#toppage .omakase__box-title h3 {
  font-size: 4.7em;
  font-weight: 600;
}

#toppage .omakase__box-flex {
  align-items: center;
}

#toppage .omakase__box-left {
  width: 44%;
}

#toppage .omakase__box-right {
  width: 53%;
}

#toppage .omakase__box:nth-child(2) .omakase__box-left {
  order: 1;
}

#toppage .omakase__box-right h4 {
  font-size: 2.4em;
  font-weight: bold;
  color: #EB0000;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-bottom: 1em;
}

#toppage .omakase__box-right p {
  font-size: 1.6em;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

#toppage .omakase__box-right p span {
  background-image: linear-gradient(transparent 60%, #FDDC06 40%);
}

@media only screen and (max-width: 768px) {

  #toppage #omakase {
    background-image: url(../images/top/omakase__bg.jpg);
    padding: 7em 0 3em;
  }

  #toppage #omakase h2 {
    width: 100%;
    margin: 0 auto 2em;
  }

  #toppage .omakase__box {
    padding: 2em 1.5em;
    margin-bottom: 2em;
  }

  #toppage .omakase__box-num {
    width: 6em;
    top: 1.5em;
    right: -1em;
  }

  #toppage .omakase__box-title {
    margin-bottom: 1.5em;
  }

  #toppage .omakase__box-title p {
    font-size: 1.4em;
    margin-right: 0;
    margin-bottom: 1em;
  }

  #toppage .omakase__box-title h3 {
    display: block;
    text-align: center;
    font-size: 2.2em;
    line-height: 1.4;
  }

  #toppage .omakase__box-left {
    display: none;
  }

  #toppage .omakase__box-right {
    width: 100%;
  }

  #toppage .omakase__box:nth-child(2) .omakase__box-left {
    order: 0;
  }

  #toppage .omakase__box-right h4 {
    font-size: 1.4em;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 0;
    position: relative;
  }

  #toppage .omakase__box-right h4::after {
    content: "";
    width: 85%;
    height: 12em;
    display: block;
    margin: 1em auto 0;
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
  }

  #toppage .omakase__box:first-child .omakase__box-right h4::after {
    background-image: url(../images/top/omakase__box-img01.png);
  }

  #toppage .omakase__box:nth-child(2) .omakase__box-right h4::after {
    background-image: url(../images/top/omakase__box-img02.png);
  }

  #toppage .omakase__box:last-child .omakase__box-right h4::after {
    background-image: url(../images/top/omakase__box-img03.png);
  }

  #toppage .omakase__box-right p {
    font-size: 1.4em;
    letter-spacing: 0;
  }

}

/* ==============================================
 #tsuyomi
=============================================== */

#tsuyomi {
  background-image: url(../images/common/tsuyomi__bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  padding: 8em 0;
}

#tsuyomi h2 {
  text-align: center;
  line-height: 1;
  color: #FFDD00;
  font-size: 7em;
  font-weight: bold;
  margin-bottom: 1em;
  text-shadow:
    4px 4px 2px #000, -4px -4px 2px #000,
    -4px 4px 2px #000, 4px -4px 2px #000,
    4px 0px 2px #000, -4px -0px 2px #000,
    0px 4px 2px #000, 0px -4px 2px #000,
    4px 4px 2px #000, -4px -4px 2px #000,
    -4px 4px 2px #000, 4px -4px 2px #000,
    4px 0px 2px #000, -4px -0px 2px #000,
    0px 4px 2px #000, 0px -4px 2px #000;
}

#tsuyomi .tsuyomi__top {
  position: relative;
  padding: 2em;
  width: 96em;
  margin: 0 auto 6em;
}

#tsuyomi .tsuyomi__top::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  filter: blur(1em);
  position: absolute;
  top: 0;
  left: 0;
}

#tsuyomi .tsuyomi__top-txt {
  position: relative;
  z-index: 1;
  font-size: 1.6em;
  text-align: center;
  line-height: 1.6;
}

#tsuyomi .tsuyomi__top-txt span {
  color: #FF0000;
}

#tsuyomi ul li {
  width: 31.5%;
}

#tsuyomi ul li h3 {
  background: #000;
  color: #FFDD00;
  text-align: center;
  font-size: 3em;
  font-weight: bold;
  line-height: 1;
  padding: 0.3em;
}

#tsuyomi ul li h4 {
  text-align: center;
  margin: 1.5em 0;
}

#tsuyomi ul li h4 span {
  display: inline-block;
  font-size: 2.4em;
  font-weight: bold;
  background: linear-gradient(180deg, transparent 0%, transparent 50%, #FFDD00 50%, #FFDD00 100%);
  line-height: 1.4;
  padding: 0 0.3em 0.3em;
}

#tsuyomi .tsuyomi__list-txt {
  font-size: 1.6em;
}

#tsuyomi ul li:last-child .tsuyomi__list-txt {
  text-align: center;
}

@media only screen and (max-width: 1280px) {

  #tsuyomi h2 {
    text-shadow:
      3px 3px 1px #000, -3px -3px 1px #000,
      -3px 3px 1px #000, 3px -3px 1px #000,
      3px 0px 1px #000, -3px -0px 1px #000,
      0px 3px 1px #000, 0px -3px 1px #000,
      3px 3px 1px #000, -3px -3px 1px #000,
      -3px 3px 1px #000, 3px -3px 1px #000,
      3px 0px 1px #000, -3px -0px 1px #000,
      0px 3px 1px #000, 0px -3px 1px #000;
  }

}

@media only screen and (max-width: 768px) {

  #tsuyomi {
    background-image: url(../images/common/tsuyomi__bg-sp.jpg);
    background-position: center bottom;
    padding: 4em 0;
  }

  #tsuyomi h2 {
    font-size: 3em;
    margin-bottom: 0.7em;
    text-shadow:
      2px 2px 1px #000, -2px -2px 1px #000,
      -2px 2px 1px #000, 2px -2px 1px #000,
      2px 0px 1px #000, -2px -0px 1px #000,
      0px 2px 1px #000, 0px -2px 1px #000,
      2px 2px 1px #000, -2px -2px 1px #000,
      -2px 2px 1px #000, 2px -2px 1px #000,
      2px 0px 1px #000, -2px -0px 1px #000,
      0px 2px 1px #000, 0px -2px 1px #000;
  }

  #tsuyomi .tsuyomi__top {
    padding: 2em;
    width: 100%;
    margin: 0 auto 3em;
  }

  #tsuyomi .tsuyomi__top::before {
    background: rgba(255, 255, 255, 0.7);
  }

  #tsuyomi .tsuyomi__top-txt {
    font-size: 1.4em;
    text-align: left;
  }

  #tsuyomi ul li {
    width: 100%;
    margin-bottom: 2.5em;
  }

  #tsuyomi ul li:last-child {
    margin-bottom: 0;
  }

  #tsuyomi ul li h3 {
    font-size: 2em;
    padding: 0.5em;
  }

  #tsuyomi ul li h4 span {
    font-size: 2em;
  }

  #tsuyomi .tsuyomi__list-txt {
    text-align: center;
  }

}

/* ==============================================
 #toppage #soudan 
=============================================== */

#toppage #soudan {
  background-image: url(../images/top/soudan__bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}

#toppage #soudan .inner {
  padding-top: 8em;
  padding-bottom: 8em;
  position: relative;
}

#toppage #soudan .inner::after {
  content: "";
  width: 54.5em;
  height: 55.4em;
  background-image: url(../images/top/soudan__person.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 4em;
}

#toppage .soudan__box {
  width: 58em;
  background: linear-gradient(to right, #E2AB36 0%, #EEE6C8 44%, #E2AB36 100%);
  padding: 0.7em;
}

#toppage .soudan__box-inner {
  background: #fff;
  padding: 3em;
}

#toppage .soudan__box-inner h2 {
  text-align: center;
  font-size: 4em;
  font-weight: bold;
  line-height: 1.6;
}

#toppage .soudan__box-inner ul {
  width: 94%;
  margin: 2em auto;
}

#toppage .soudan__box-inner ul li {
  position: relative;
  font-size: 2.6em;
  line-height: 1;
  border: 0.15em solid #F24822;
  padding: 0.2em 0.2em 0.2em 2em;
  margin-bottom: 0.3em;
}

#toppage .soudan__box-inner ul li:last-child {
  margin-bottom: 0;
}

#toppage .soudan__box-inner ul li::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: #F24822;
  background-image: url(../images/top/soudan__check.png);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: 80% 80%;
  background-size: 80% 80%;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#toppage .soudan__txt {
  text-align: center;
  font-size: 4em;
  font-weight: bold;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {

  #toppage #soudan {
    background-image: url(../images/top/soudan__bg-sp.jpg);
  }

  #toppage #soudan .inner {
    padding-top: 4em;
    padding-bottom: 33em;
  }

  #toppage #soudan .inner::after {
    width: 30em;
    height: 31em;
    right: 1.5em;
  }

  #toppage .soudan__box {
    width: 100%;
  }

  #toppage .soudan__box-inner {
    padding: 2em 1.5em;
  }

  #toppage .soudan__box-inner h2 {
    font-size: 2.4em;
  }

  #toppage .soudan__box-inner ul {
    width: 100%;
  }

  #toppage .soudan__box-inner ul li {
    font-size: 1.6em;
    padding: 0.4em 0.2em 0.4em 2.5em
  }

  #toppage .soudan__box-inner ul li::before {
    width: 2em;
    height: 2em;
  }

  #toppage .soudan__txt {
    font-size: 2.4em;
  }

}

/* ==============================================
 #toppage #menu
=============================================== */

#toppage #menu .menu__h2 span {
  position: relative;
  font-weight: bold;
  padding: 0 1.3em;
}

#toppage #menu .menu__h2 span::before {
  content: "";
  width: 0.8em;
  height: 1.2em;
  background-image: url(../images/top/menu__icon.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#toppage #menu .menu__h2 span::after {
  content: "";
  width: 0.8em;
  height: 1.2em;
  background-image: url(../images/top/menu__icon.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#toppage #menu .sec_content {
  background: #FDDC06;
}

#toppage .menu__top {
  text-align: center;
  background: #ECECEC;
  font-size: 2.1em;
  font-weight: 500;
  line-height: 1.4;
  padding: 0.5em;
}

.price-list {
  background: #fff;
  padding: 2em;
  flex-wrap: wrap;
}

.price-list__item {
  width: 49%;
  border: 0.5em solid #E2E2E2;
  padding: 2em 1.5em;
  margin-bottom: 1.5em;
}

.price-list__item-img {
  width: 40%;
}

.price-list__item-right {
  width: 57%;
}

.price-list__item-title {
  display: inline-block;
  background: linear-gradient(to right, #737373 0%, #e2e2e2 100%);
  clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  color: #fff;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1;
  padding: 0.3em 2em 0.3em 0.5em;
}

.price-list__item-price {
  margin: 1em 0;
}

.price-list__item-price span {
  display: inline-block;
  line-height: 1;
}

.price-list__item-price-num {
  font-size: 5.6em;
  font-weight: 600;
  background: linear-gradient(to bottom, #f24822 0%, #f51c06 47%, #d05454 70%, #ed0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.price-list__item-price-en {
  font-size: 2.4em;
  font-weight: bold;
}

.price-list__item-price-tax {
  font-size: 1.4em;
  font-weight: bold;
}

.price-list__item-txt {
  font-size: 1.6em;
  line-height: 1.6;
}

#toppage .menu__biz-aircon-bg {
  background-image: url(../images/top/menu__biz-aircon-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  padding: 4em 2em;
  position: relative;
}

#toppage .menu__biz-aircon-title {
  position: absolute;
  top: 1em;
  right: 2em;
  font-size: 4em;
  font-weight: bold;
  text-shadow:
    2px 2px 2px #fff, -2px -2px 2px #fff,
    -2px 2px 2px #fff, 2px -2px 2px #fff,
    2px 0px 2px #fff, -2px -0px 2px #fff,
    0px 2px 2px #fff, 0px -2px 2px #fff;
}

#toppage .menu__biz-aircon-txt {
  font-size: 2.8em;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
}

#toppage .menu__other {
  background: #fff;
  padding: 2em 1em 3em;
}

#toppage .menu__other-item {
  width: 23.5%;
  border: 0.25em solid #000;
  text-align: center;
  padding: 2em 0 1.7em;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.6;
  position: relative;
}

#toppage .menu__other-item::before {
  content: "";
  width: 1.4em;
  height: 1em;
  background-image: url(../images/top/menu__other-item-icon.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 0.7em;
  left: 1em;
}

#toppage .menu__btm .inner {
  position: relative;
  padding: 1.5em 0 2em;
  background: #fff;
}

#toppage .menu__btm .inner::after {
  content: "";
  width: 26.8em;
  height: 23.1em;
  background-image: url(../images/top/menu__btm-img.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 2em;
  z-index: 1;
}

#toppage .menu__btm-txt {
  background: linear-gradient(to right, #febe02 0%, #fee18b 100%);
  font-size: 4em;
  font-weight: bold;
  line-height: 1.4;
  text-shadow:
    2px 2px 2px #fff, -2px -2px 2px #fff,
    -2px 2px 2px #fff, 2px -2px 2px #fff,
    2px 0px 2px #fff, -2px -0px 2px #fff,
    0px 2px 2px #fff, 0px -2px 2px #fff;
  padding: 1em 0.5em;
}

@media only screen and (max-width: 768px) {

  #toppage #menu .menu__h2 span {
    padding: 0;
  }

  #toppage #menu .menu__h2 span::before {
    content: none;
  }

  #toppage #menu .menu__h2 span::after {
    content: none;
  }

  #toppage #menu .sec_content {
    padding-top: 2em;
    padding-bottom: 0;
  }

  #toppage .menu__top {
    font-size: 1.6em;
    padding: 0.7em;
  }

  .price-list {
    padding: 1.5em;
  }

  .price-list__item {
    width: 100%;
    border: 0.3em solid #E2E2E2;
    padding: 1em;
  }

  .price-list__item:last-child {
    margin-bottom: 0;
  }

  .price-list__item-title {
    font-size: 1.6em;
    padding: 0.7em 1em 0.7em 0.5em;
    width: 100%;
  }

  .price-list__item-price-num {
    font-size: 3.4em;
  }

  .price-list__item-price-en {
    font-size: 1.4em;
  }

  .price-list__item-price-tax {
    font-size: 1em;
  }

  .price-list__item-txt {
    font-size: 1.4em;
    line-height: 1.4;
  }

  #toppage .menu__biz-aircon-bg {
    background-image: url(../images/top/menu__biz-aircon-bg-sp.jpg);
    padding: 3em 1.7em;
  }

  #toppage .menu__biz-aircon-title {
    position: absolute;
    top: auto;
    bottom: 0.5em;
    right: 2em;
    font-size: 1.2em;
    text-shadow:
      1px 1px 1px #fff, -1px -1px 1px #fff,
      -1px 1px 1px #fff, 1px -1px 1px #fff,
      1px 0px 1px #fff, -1px -0px 1px #fff,
      0px 1px 1px #fff, 0px -1px 1px #fff;
  }

  #toppage .menu__biz-aircon-txt {
    font-size: 1em;
  }

  #toppage .menu__other {
    padding: 2em 1em;
  }

  #toppage .menu__other-item {
    width: 49.5%;
    font-size: 1.1em;
    margin-bottom: 0.5em;
  }

  #toppage .menu__other-item::before {
    top: 0.5em;
    left: 0.5em;
  }

  #toppage .menu__btm .inner {
    padding: 4em 2.5em 11.5em;
    background: linear-gradient(to right, #febe02 0%, #fee18b 100%);
  }

  #toppage .menu__btm .inner::after {
    width: 16em;
    height: 14em;
    right: 1.5em;
  }

  #toppage .menu__btm-txt {
    background: none;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.6;
    letter-spacing: 0.05em;
    padding: 0;
  }
}

/* ==============================================
 #voice 
=============================================== */

#voice-sec .sec_content {
  background: #EFEFEF;
}

.voice-list {
  width: 80%;
  margin: 0 auto;
}

.voice-list__box {
  background: #fff;
  margin-bottom: 3em;
}

.voice-list__box:last-child {
  margin-bottom: 0;
}

.voice-list__box-img {
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  width: 33%;
  order: 1;
}

.voice-list__box:nth-child(2n) .voice-list__box-img {
  order: 0;
}

.voice-list__box-content {
  width: 67%;
}

.voice-list__box-content-title {
  background: #606060;
  padding: 1.5em 1em 1em 2em;
}

.voice-list__box-content-title-name {
  color: #fff;
  font-size: 2.2em;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.3em;
}

.voice-list__box-content-title-txt {
  color: #FDDC06;
  font-size: 2em;
  font-weight: bold;
}

.voice-list__box-content-comment {
  background: #fff;
  padding: 1em;
  font-size: 1.7em;
  line-height: 1.4;
}

#voice-sec .voice__btn {
  text-align: center;
  margin-top: 3em;
}

#voice-sec .voice__btn a {
  display: inline-block;
  background: #5BB401;
  border: 0.2em solid #fff;
  border-radius: 1em;
  text-align: center;
  width: 20em;
  color: #fff;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1;
  padding: 0.7em;
}

#voice-sec .voice__btn a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 1;
  transform: translateY(5px);
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media only screen and (max-width: 768px) {

  #voice-sec .sec_content {
    padding-top: 0;
    padding-bottom: 3em;
  }

  #voice-sec .sec_content .inner {
    padding: 0;
  }

  .voice-list {
    width: 100%;
  }

  .voice-list__box {
    background: none;
    margin-bottom: 0;
  }

  .voice-list__box-img {
    width: 92%;
    height: 30em;
    margin: 1.5em auto 0;
    order: 0;
  }

  .voice-list__box-content {
    width: 100%;
    background: #EFEFEF;
    padding-bottom: 1.5em;
  }

  .voice-list__box-content-title {
    text-align: center;
    padding: 1.5em 2em;
  }

  .voice-list__box-content-title-name {
    font-size: 1.6em;
  }

  .voice-list__box-content-title-txt {
    font-size: 1.8em;
    text-align: left;
    line-height: 1.4;
  }

  .voice-list__box-content-comment {
    width: 92%;
    margin: 0 auto;
    font-size: 1.6em;
  }

  #voice-sec .voice__btn {
    text-align: center;
    margin-top: 0;
  }

  #voice-sec .voice__btn a {
    width: 92%;
    color: #fff;
    font-size: 1.7em;
  }

}

/* ==============================================
 #case-sec
=============================================== */

#case-sec .sec_content {
  background-image: url(../images/common/case__bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}

#case-sec .case__h3 {
  width: 100%;
  height: 25.5em;
  background-image: url(../images/common/case__h3-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  padding: 2em;
  margin-bottom: 4em;
}

#case-sec .case__h3 span:first-child {
  font-size: 9em;
  font-weight: bold;
  color: #fff;
  text-shadow:
    3px 3px 2px #F04806, -3px -3px 2px #F04806,
    -3px 3px 2px #F04806, 3px -3px 2px #F04806,
    3px 0px 2px #F04806, -3px -0px 2px #F04806,
    0px 3px 2px #F04806, 0px -3px 2px #F04806;
  line-height: 1;
}

#case-sec .case__h3 span:last-child {
  font-size: 3.5em;
  font-weight: bold;
}

.case-list {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.case-list li {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2em;
}

.case-list li:nth-child(4n) {
  margin-right: 0;
}

.case-list__title {
  background: #000;
  padding: 0.5em 0.8em;
  color: #fff;
  font-size: 1.8em;
  line-height: 1.4;
}

.case-list__excerpt {
  background: #fff;
  padding: 1em 0;
  font-size: 1.6em;
  line-height: 1.4;
}

#case-sec .case-list__excerpt {
  padding: 1em;
}

#case-sec .case__btn {
  text-align: center;
  margin-top: 3em;
}

#case-sec .case__btn a {
  display: inline-block;
  background: #5BB401;
  border: 0.2em solid #fff;
  border-radius: 1em;
  text-align: center;
  width: 20em;
  color: #fff;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1;
  padding: 0.7em;
}

#case-sec .case__btn a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 1;
  transform: translateY(5px);
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media only screen and (max-width: 768px) {

  #case-sec .sec_content {
    background-image: url(../images/common/case__bg-sp.jpg);
    background-position: center top;
    padding-top: 0;
  }

  #case-sec .case__h3 {
    height: 16.6em;
    background-image: url(../images/common/case__h3-bg-sp.jpg);
    padding: 2em;
    margin-bottom: 2em;
  }

  #case-sec .case__h3 span:first-child {
    font-size: 3em;
    text-shadow:
      2px 2px 1px #F04806, -2px -2px 1px #F04806,
      -2px 2px 1px #F04806, 2px -2px 1px #F04806,
      2px 0px 1px #F04806, -2px -0px 1px #F04806,
      0px 2px 1px #F04806, 0px -2px 1px #F04806;
  }

  #case-sec .case__h3 span:last-child {
    display: inline-block;
    font-size: 1.2em;
    margin-top: 0.5em;
  }

  .case-list {
    justify-content: space-between;
  }

  .case-list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.5em;
  }

  #case-sec .case-list li {
    width: 49%;
  }

  .case-list__title {
    padding: 1em;
    font-size: 1.6em;
  }

  #case-sec .case-list__title {
    padding: 1em 0.5em;
    font-size: 1.4em;
  }

  .case-list__excerpt {
    padding: 1em 0.5em;
    font-size: 1.6em;
  }

  #case-sec .case-list__excerpt {
    padding: 1em 0.5em;
    font-size: 1.4em;
  }

  #case-sec .case__btn {
    text-align: center;
    margin-top: 2em;
  }

  #case-sec .case__btn a {
    width: 92%;
    color: #fff;
    font-size: 1.7em;
  }

}

/* ==============================================
 #faq-sec
=============================================== */

.faq-list {
  width: 80%;
  margin: 0 auto;
}

.faq-list__box {
  margin-bottom: 3em;
}

.faq-list__box:last-child {
  margin-bottom: 0;
}

.faq-list__box-que {
  background: #000;
  position: relative;
  padding: 2.5em 2em 2.5em 8em;
  display: flex;
  align-items: center;
  min-height: 9.5em;
}

.faq-list__box-que::before {
  content: "";
  width: 4.5em;
  height: 4.5em;
  background-image: url(../images/common/faq-list__icon-que.png);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 2.5em;
  left: 2em;
}

.faq-list__box-que p {
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.6;
}

.faq-list__box-ans {
  border: 1px solid #000;
  position: relative;
  padding: 2.5em 2em 2.5em 8em;
  display: flex;
  align-items: center;
  min-height: 9.5em;
}

.faq-list__box-ans::before {
  content: "";
  width: 4.5em;
  height: 4.5em;
  background-image: url(../images/common/faq-list__icon-ans.png);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 2.5em;
  left: 2em;
}

.faq-list__box-ans p {
  font-size: 1.6em;
  line-height: 1.6;
}

#faq-sec .faq__btn {
  text-align: center;
  margin-top: 6em;
}

#faq-sec .faq__btn a {
  display: inline-block;
  background: #5BB401;
  border: 0.2em solid #fff;
  border-radius: 1em;
  text-align: center;
  width: 20em;
  color: #fff;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1;
  padding: 0.7em;
}

#faq-sec .faq__btn a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 1;
  transform: translateY(5px);
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media only screen and (max-width: 768px) {

  .faq-list {
    width: 100%;
  }

  .faq-list__box {
    margin-bottom: 1.5em;
  }

  .faq-list__box-que {
    padding: 1.5em 2em 1.5em 7em;
    min-height: 8.5em;
  }

  .faq-list__box-que::before {
    top: 1.8em;
    left: 1.5em;
  }

  .faq-list__box-ans {
    padding: 1.5em 2em 1.5em 7em;
    min-height: 8.5em;
  }

  .faq-list__box-ans::before {
    top: 1.8em;
    left: 1.5em;
  }

  #faq-sec .faq__btn {
    text-align: center;
    margin-top: 2em;
  }

  #faq-sec .faq__btn a {
    width: 92%;
    color: #fff;
    font-size: 1.7em;
  }

}

/* ==============================================
 #maker
=============================================== */

#maker .sec_content {
  background-image: url(../images/common/maker__bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}

#maker h3 {
  text-align: center;
  font-size: 3em;
  font-weight: bold;
  text-shadow:
    2px 2px 2px #fff, -2px -2px 2px #fff,
    -2px 2px 2px #fff, 2px -2px 2px #fff,
    2px 0px 2px #fff, -2px -0px 2px #fff,
    0px 2px 2px #fff, 0px -2px 2px #fff;
  margin-bottom: 1.2em;
}

.maker__logo {
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  width: 104.5em;
  margin: 0 auto 3em;
  padding: 2em;
}

.maker__dekirukoto {
  background: #fff;
  border: 1px solid #000;
}

.maker__dekirukoto h4 {
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 3.6em;
  font-weight: bold;
  line-height: 1;
  padding: 0.6em;
}

.maker__dekirukoto-flex {
  align-items: center;
}

.maker__dekirukoto-txt {
  width: 75%;
  text-align: center;
  font-size: 1.6em;
  line-height: 1.6;
  padding: 2em;
}

.maker__dekirukoto-img {
  width: 25%;
}

@media only screen and (max-width: 768px) {

  #maker .sec_content {
    background-image: url(../images/common/maker__bg-sp.jpg);
  }

  #maker h3 {
    font-size: 1.7em;
  }

  .maker__logo {
    width: 100%;
    margin: 0 auto 2em;
    padding: 1.5em;
  }

  .maker__dekirukoto h4 {
    font-size: 2.4em;
  }

  .maker__dekirukoto-flex {
    padding: 2em 1.5em;
  }

  .maker__dekirukoto-txt {
    width: 100%;
    text-align: left;
    font-size: 1.4em;
    padding: 0;
    margin-bottom: 1.1em;
  }

  .maker__dekirukoto-img {
    width: 100%;
  }

}

/* ==============================================
 #footer
=============================================== */

#footer {
  background: #000;
  color: #fff;
  padding-top: 6em;
}

.footer__flex {
  align-items: flex-start;
}

.footer__data {
  width: 49.2em;
  background: #FDDC06;
  color: #000;
  text-align: center;
  padding: 6em;
}

.footer__data-name {
  font-size: 3.6em;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.6em;
}

.footer__data-address {
  font-size: 2em;
  line-height: 1.6;
  margin-bottom: 1em;
}

.footer__data-tel-txt {
  font-size: 1.6em;
}

.footer__data-tel-btn {
  width: 32em;
  height: 6em;
  background-image: url(../images/top/footer__data-tel-btn.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: relative;
  margin: 0.5em auto 0.3em;
}

.footer__data-tel-btn-num {
  font-size: 3em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  text-shadow:
    2px 2px 2px #fff, -2px -2px 2px #fff,
    -2px 2px 2px #fff, 2px -2px 2px #fff,
    2px 0px 2px #fff, -2px -0px 2px #fff,
    0px 2px 2px #fff, 0px -2px 2px #fff;
  position: absolute;
  top: 45%;
  left: 2em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.footer__data-tel-time {
  font-size: 1.6em;
}

.footer__nav {
  width: 55em;
  margin-bottom: 4em;
}

.footer__nav a,
.footer__nav a:hover {
  color: #fff;
}

.footer__nav h3 {
  font-size: 2em;
  margin-bottom: 1.5em;
}

.footer__nav ul:first-child {
  width: 60%;
}

.footer__nav ul:last-child {
  width: 38%;
}

.footer__nav ul li {
  font-size: 1.6em;
}

.footer__copyright {
  text-align: center;
  font-size: 1.6em;
  padding: 0.5em 0.5em 1em;
}

@media only screen and (max-width: 768px) {

  #footer {
    padding-top: 3em;
  }

  .footer__nav h3 {
    margin-bottom: 1em;
  }

  .footer__data {
    order: 1;
    width: 100%;
    padding: 3em;
  }

  .footer__data-name {
    font-size: 2.8em;
  }

  .footer__data-address {
    font-size: 1.5em;
  }

  .footer__data-tel-txt {
    font-size: 1.2em;
  }

  .footer__data-tel-btn {
    width: 28em;
    height: 5em;
  }

  .footer__data-tel-btn-num {
    display: block;
    width: 100%;
    font-size: 2.6em;
    top: 0;
    left: 0;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    padding: 0.4em 0 0.4em 1em;
  }

  .footer__data-tel-btn-num:hover {
    opacity: 1;
  }

  .footer__data-tel-time {
    font-size: 1.2em;
  }

  .footer__nav {
    width: 100%;
    margin-bottom: 3em;
  }

  .footer__nav ul:first-child {
    width: 100%;
    margin-bottom: 2.5em;
  }

  .footer__nav ul:last-child {
    width: 100%;
  }

  .footer__copyright {
    font-size: 1.3em;
    padding: 2em 0 6em;
  }

}

/* ==============================================
 .gotop
=============================================== */

#top {
  position: relative;
}

.gotop {
  position: fixed;
  bottom: 6em;
  right: 2em;
  width: 5.8em;
  height: 5.8em;
  z-index: 10;
}

.gotop a {
  display: block;
}

.gotop a:hover,
.gotop a:hover img {
  opacity: 1;
}

@media only screen and (max-width: 768px) {

  .gotop {
    position: fixed;
    right: 1em;
    width: 4.8em;
    height: 4.8em;
  }

}

/* ==============================================
 .btm-fixed
=============================================== */

.btm-fixed {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.btm-fixed__tel-btn,
.btm-fixed__mail-btn {
  width: 50%;
  position: relative;
}

.btm-fixed__tel-btn a,
.btm-fixed__mail-btn a {
  display: block;
}

.btm-fixed__tel-btn a:hover,
.btm-fixed__mail-btn a:hover {
  opacity: 1;
}

.btm-fixed__tel-btn-icon {
  position: absolute;
  top: 1em;
  left: 1.3em;
  width: 1.5em;
  height: 1.5em;
}

.btm-fixed__tel-btn-txt {
  position: absolute;
  top: 0.6em;
  left: 2.3em;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1;
  text-shadow:
    1px 1px 1px #fff, -1px -1px 1px #fff,
    -1px 1px 1px #fff, 1px -1px 1px #fff,
    1px 0px 1px #fff, -1px -0px 1px #fff,
    0px 1px 1px #fff, 0px -1px 1px #fff;
}

.btm-fixed__tel-btn-time {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 3em;
  left: 0;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  text-shadow:
    1px 1px 1px #fff, -1px -1px 1px #fff,
    -1px 1px 1px #fff, 1px -1px 1px #fff,
    1px 0px 1px #fff, -1px -0px 1px #fff,
    0px 1px 1px #fff, 0px -1px 1px #fff;
}

/* ==============================================
 #page-mv
=============================================== */

#page-mv {
  background-image: url(../images/common/page-mv__bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  height: 26em;
  display: flex;
  justify-content: center;
  align-items: center;
}

#page-mv h2 {
  font-size: 4em;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {

  #page-mv {
    background-image: url(../images/common/page-mv__bg-sp.jpg);
    height: 16em;
  }

  #page-mv h2 {
    font-size: 3.2em;
  }
}

/* ==============================================
  .breadcrumbs
=============================================== */

.breadcrumbs {
  padding: 1em;
}

.breadcrumbs p {
  font-size: 1.6em;
}

/* ==============================================
 #company
=============================================== */

/* #company #greeting
----------------------------------------------- */

#company #greeting .sec_content {
  background-image: url(../images/company/greeting__bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}

#company .greeting__note {
  width: 90%;
  margin: 0 auto;
  background: #fff;
  -moz-box-shadow: 0.8em 0.8em 0px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0.8em 0.8em 0px 0px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0.8em 0.8em 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0.8em 0.8em 0px 0px rgba(0, 0, 0, 0.3);
  padding: 3em 4em;
}

#company .greeting__note-dashed {
  font-size: 1.6em;
  margin-bottom: 1em;
  background-color: #fff;
  /* 背景色 */
  background-image:
    linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%),
    /* 点線1の色 */
    linear-gradient(360deg, #ccc 1px, transparent 1px);
  /* 点線2の色と太さ */
  background-size: 8px 100%,
    /* 点線1のサイズ */
    100% 2.5em;
  /* 点線2のサイズ */
  line-height: 2.5em;
  /* 文字の高さ */
}

#company .greeting__note-dashed .red {
  color: #FF0000;
  font-weight: bold;
}

#company .greeting__note-dashed .fw_b {
  font-weight: bold;
}

#company .greeting__note-owner {
  text-align: right;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1;
  margin-top: 1em;
}

@media only screen and (max-width: 768px) {

  #company #greeting .sec_content {
    background-image: url(../images/company/greeting__bg-sp.jpg);
  }

  #company .greeting__note {
    width: 100%;
    padding: 3em 1.5em;
  }

  #company .greeting__note-dashed {
    font-size: 1.4em;
    background-size: 8px 100%,
      /* 点線1のサイズ */
      100% 2.2em;
    /* 点線2のサイズ */
    line-height: 2.2em;
    /* 文字の高さ */
  }

  #company .greeting__note-owner {
    font-size: 1.8em;
  }
}

/* #company #overview
----------------------------------------------- */

#company #overview table {
  width: 85%;
  margin: 0 auto 6em;
  border-top: 1px solid #ccc;
}

#company #overview table th,
#company #overview table td {
  padding: 1em 0;
  font-size: 1.6em;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}

#company #overview table th {
  font-weight: bold;
  width: 25%;
}

#company .overview__map {
  width: 85%;
  margin: 0 auto;
  position: relative;
  padding: 0 0 46%;
  height: 0;
  overflow: hidden;
}

#company .overview__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

@media only screen and (max-width: 768px) {

  #company #overview table,
  #company #overview table tbody,
  #company #overview table tr,
  #company #overview table th,
  #company #overview table td {
    display: block;
    width: 100%;
  }

  #company #overview table {
    margin: 0 auto 3em;
  }

  #company #overview table th,
  #company #overview table td {
    line-height: 1.6;
  }

  #company #overview table th {
    padding: 1em 0 0.5em;
    border-bottom: none;
  }

  #company #overview table td {
    padding: 0 0 1em;
  }

  #company .overview__map {
    width: 100%;
    padding: 0 0 56%;
  }

}

/* ==============================================
 #flow-sec
=============================================== */

#flow-sec .sec_content {
  background-image: url(../images/common/flow-sec__bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}

.flow-sec__step {
  background: #fff;
  border: 1em solid #FDDC06;
  position: relative;
  min-height: 33em;
  display: flex;
  align-items: center;
  padding-left: 3em;
  margin-bottom: 4em;
}

.flow-sec__step::before {
  content: "";
  width: 35%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}

.flow-sec__step:first-child::before {
  background-image: url(../images/common/flow-sec__step-img01.jpg);
}

.flow-sec__step:nth-child(2)::before {
  background-image: url(../images/common/flow-sec__step-img02.jpg);
}

.flow-sec__step:nth-child(3)::before {
  background-image: url(../images/common/flow-sec__step-img03.jpg);
}

.flow-sec__step::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.2em 2.7em 0 2.7em;
  border-color: #FDDC06 transparent transparent transparent;
  position: absolute;
  bottom: -3.2em;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.flow-sec__step:last-child::after {
  content: none;
}

.flow-sec__step-num {
  position: absolute;
  padding: 0.5em 0.5em 0.8em 0.8em;
  background: #000;
  color: #fff;
  line-height: 1;
  top: 2em;
  left: -1em;
}

.flow-sec__step-num span {
  display: inline-block;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: bold;
}

.flow-sec__step-num span:first-child {
  font-size: 2em;
  margin-right: 0.3em;
}

.flow-sec__step-num span:last-child {
  font-size: 3em;
}

.flow-sec__step-item {
  width: 55%;
}

.flow-sec__step-item h3 {
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1em;
}

.flow-sec__step-item p {
  font-size: 1.6em;
}

.flow-sec__bnr {
  position: relative;
}

.flow-sec__bnr-num {
  position: absolute;
  top: 6em;
  right: 15em;
}

.flow-sec__bnr-en {
  position: absolute;
  top: 12em;
  right: 11.5em;
}

.flow-sec__bnr-num-txt {
  position: relative;
  font-size: 10em;
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 1;
  text-shadow:
    3px 3px 3px #000, -3px -3px 3px #000,
    -3px 3px 3px #000, 3px -3px 3px #000,
    3px 0px 3px #000, -3px -0px 3px #000,
    0px 3px 3px #000, 0px -3px 3px #000,
    0px 6px 0px #000;
}

.flow-sec__bnr-num-txt::before {
  position: absolute;
  content: attr(data-txt);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, #fdda2d 0%, #fffbe7 49%, #f1da36 100%);
  ;
  -webkit-background-clip: text;
  text-shadow: none;
}

.flow-sec__bnr-en-txt {
  position: relative;
  font-size: 4em;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.05em;
  text-shadow:
    3px 3px 3px #000, -3px -3px 3px #000,
    -3px 3px 3px #000, 3px -3px 3px #000,
    3px 0px 3px #000, -3px -0px 3px #000,
    0px 3px 3px #000, 0px -3px 3px #000,
    0px 6px 0px #000;
}

.flow-sec__bnr-en-txt::before {
  position: absolute;
  content: attr(data-txt);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, #fdda2d 0%, #fffbe7 49%, #f1da36 100%);
  ;
  -webkit-background-clip: text;
  text-shadow: none;
}

@media only screen and (max-width: 768px) {

  .flow-sec__step {
    min-height: initial;
    padding: 7em 1em 23em;
    margin-bottom: 2.5em;
  }

  .flow-sec__step::before {
    content: "";
    width: 100%;
    height: 20em;
    top: auto;
    bottom: 0;
    right: 0;
  }

  .flow-sec__step::after {
    border-width: 3.4em 2.8em 0 2.8em;
    bottom: -3.4em;
  }

  .flow-sec__step-num {
    top: 1em;
  }

  .flow-sec__step-item {
    width: 100%;
  }

  .flow-sec__step-item h3 {
    font-size: 2em;
    line-height: 1.4;
  }

  .flow-sec__step-item p {
    font-size: 1.4em;
  }


  .flow-sec__bnr-num {
    position: absolute;
    top: 34em;
    right: 12em;
  }

  .flow-sec__bnr-en {
    position: absolute;
    top: 39em;
    right: 9em;
  }

  .flow-sec__bnr-num-txt {
    position: relative;
    font-size: 8em;
    font-weight: 900;
    letter-spacing: -0.05em;
    line-height: 1;
    text-shadow:
      2px 2px 2px #000, -2px -2px 2px #000,
      -2px 2px 2px #000, 2px -2px 2px #000,
      2px 0px 2px #000, -2px -0px 2px #000,
      0px 2px 2px #000, 0px -2px 2px #000,
      0px 6px 0px #000;
  }

  .flow-sec__bnr-num-txt::before {
    position: absolute;
    content: attr(data-txt);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: rgba(0, 0, 0, 0);
    background: linear-gradient(135deg, #fdda2d 0%, #fffbe7 49%, #f1da36 100%);
    ;
    -webkit-background-clip: text;
    text-shadow: none;
  }

  .flow-sec__bnr-en-txt {
    position: relative;
    font-size: 4em;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.05em;
    text-shadow:
      2px 2px 2px #000, -2px -2px 2px #000,
      -2px 2px 2px #000, 2px -2px 2px #000,
      2px 0px 2px #000, -2px -0px 2px #000,
      0px 2px 2px #000, 0px -2px 2px #000,
      0px 6px 0px #000;
  }

  .flow-sec__bnr-en-txt::before {
    position: absolute;
    content: attr(data-txt);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: rgba(0, 0, 0, 0);
    background: linear-gradient(135deg, #fdda2d 0%, #fffbe7 49%, #f1da36 100%);
    ;
    -webkit-background-clip: text;
    text-shadow: none;
  }

}

/* ==============================================
 .electrical-list 
=============================================== */

#electrical #sec01 {
  padding: 6em 0 2em;
}

.electrical-list {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.electrical-list__box {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 4em;
}

.electrical-list__box:nth-child(4n) {
  margin-right: 0;
}

.electrical-list__box h3 {
  background: #000;
  color: #fff;
  font-size: 2.4em;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 0.5em;
}

.electrical-list__box-txt ul {
  margin: 1em 1em 0 2.5em;
}

.electrical-list__box-txt ul li {
  list-style-type: disc;
  list-style-position: outside;
  font-size: 1.6em;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {

  #electrical #sec01 {
    padding: 3em 0 1em;
  }

  .electrical-list {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .electrical-list__box {
    width: 48.5%;
    margin-right: 0;
    margin-bottom: 2em;
  }

  .electrical-list__box h3 {
    font-size: 1.4em;
    line-height: 1.4;
    padding: 0.5em 0;
  }

  .electrical-list__box-txt ul {
    margin: 0.5em 0 0 2em;
  }

  .electrical-list__box-txt ul li {
    font-size: 1.2em;
  }

}

/* ==============================================
 #price
=============================================== */

/* #price #sec01
----------------------------------------------- */

#price #sec01 {
  padding: 6em 0;
}

#price .sec01__top-txt {
  text-align: center;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 2em;
}

#price #sec01 h2 {
  font-size: 3.2em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}

#price .sec01__nav li {
  width: 19%;
}

#price .sec01__nav li a {
  display: block;
}

#price .sec01__nav li a:hover {
  opacity: 0.8;
  -webkit-transition: all .3s;
  transition: all .3s;
  transform: translateY(5px);
}

#price .sec01__nav-txt {
  background: #000;
  color: #fff;
  padding: 0.5em 1em;
  position: relative;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.4em;
}

#price .sec01__nav li:nth-child(3) .sec01__nav-txt,
#price .sec01__nav li:nth-child(4) .sec01__nav-txt {
  line-height: 2.8em;
}

#price .sec01__nav-txt::after {
  content: "";
  width: 0.85em;
  height: 0.575em;
  background-image: url(../images/price/sec01__nav-arrow.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {

  #price #sec01 {
    padding: 3em 0;
  }

  #price .sec01__top-txt {
    text-align: left;
    font-size: 1.6em;
    margin-bottom: 1.5em;
  }

  #price #sec01 h2 {
    font-size: 2.4em;
  }

  #price .sec01__nav li {
    width: 48.5%;
    margin-bottom: 1.5em;
  }

  #price .sec01__nav-txt {
    padding: 0.5em;
    font-size: 1.4em;
  }

}

/* #price #comparison
----------------------------------------------- */

#price #comparison .sec_content {
  background-image: url(../images/price/comparison__bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}

#price #comparison h3 {
  text-align: center;
  width: 96.5em;
  margin: 0 auto 3em;
}

#price .comparison__case .item {
  width: 48%;
  background: #fff;
}

#price .comparison__case .item h4 {
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1;
  padding: 0.5em;
}

#price .comparison__case-left h4 {
  background: #78755E;
  color: #fff;
}

#price .comparison__case-right h4 {
  background: #FFDC00;
  color: #000;
}

#price .comparison__case-img {
  padding: 2em;
}

#price .comparison__case-left-img {
  width: 100%;
}

#price .comparison__case-right-img {
  width: 70%;
  margin: 0 auto;
}

#price .comparison__case-txt {
  padding: 1.5em;
  padding-top: 0;
  font-size: 1.6em;
  line-height: 1.4;
}

#price .comparison__case-right-txt span {
  color: #FF0000;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {

  #price #comparison h3 {
    width: 100%;
    margin: 0 auto 0.5em;
  }

  #price .comparison__case .item {
    width: 100%;
  }

  #price .comparison__case-left {
    margin-bottom: 2em;
  }

  #price .comparison__case .item h4 {
    font-size: 2em;
  }

  #price .comparison__case-img {
    padding: 2em 1.5em;
  }

  #price .comparison__case-right-img {
    width: 90%;
  }

  #price .comparison__case-txt {
    font-size: 1.4em;
  }

}

/* #price #consent
----------------------------------------------- */

#price #consent .sec_content {
  background: #FDDC06;
}

/* #price #breaker
----------------------------------------------- */

#price #breaker .sec_content {
  background: #FFF7C4;
}

/* #price #aircon
----------------------------------------------- */

#price #aircon .sec_content {
  background: #FDDC06;
}

/* #price #light
----------------------------------------------- */

#price #light .sec_content {
  background: #FFF7C4;
}

/* #price #interphone
----------------------------------------------- */

#price #interphone .sec_content {
  background: #FDDC06;
}

/* ==============================================
 #case_archive
=============================================== */

/* #case_archive #cate-block
----------------------------------------------- */

#case_archive #cate-block {
  padding: 6em 0;
}

#case_archive #cate-block .inner {
  position: relative;
  background: #FFFBC2;
  border-radius: 1em;
  padding: 3em;
}

#case_archive #cate-block .inner::after {
  content: "";
  width: 43.2em;
  height: 10.5em;
  background-image: url(../images/case/cate-block__balloon.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: -6em;
  right: 1em;
}

#case_archive #cate-block h3 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#case_archive #cate-block ul {
  justify-content: flex-start;
}

#case_archive #cate-block ul li {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

#case_archive #cate-block ul li:last-child {
  margin-right: 0;
}

#case_archive #cate-block ul li a {
  display: inline-block;
  font-size: 1.6em;
  line-height: 1;
  padding: 0.4em 1em;
  border-radius: 100px;
  border: 1px solid #000;
  background: #fff;
}

#case_archive #cate-block ul li.current a {
  background: #FDDC06;
}


#case_archive #cate-block ul li a:hover {
  opacity: 0.8;
  -webkit-transition: all .3s;
  transition: all .3s;
  transform: translateY(3px);
}

@media only screen and (max-width: 768px) {

  #case_archive #cate-block {
    padding: 8em 0 4em;
  }

  #case_archive #cate-block .inner {
    padding: 2em 1.5em;
    width: 90%;
    margin: 0 auto;
  }

  #case_archive #cate-block .inner::after {
    width: 100%;
    height: 8em;
    top: -7em;
    right: 0;
  }

  #case_archive #cate-block ul {
    flex-direction: column;
  }

  #case_archive #cate-block ul li {
    margin-right: 0;
    margin-bottom: 1em;
  }

}

/* ==============================================
 #case_single
=============================================== */

/* #case_single #content-block
----------------------------------------------- */

#case_single #content-block {
  padding: 6em 0;
  width: 100em;
  margin: 0 auto;
}

#case_single .content-block__h3 {
  font-size: 2.8em;
  font-weight: 500;
  line-height: 1.4;
  padding-bottom: 0.3em;
  border-bottom: 0.2em solid #FDDC06;
  margin-bottom: 0.3em;
}

#case_single .content-block__date {
  text-align: right;
  font-size: 1.6em;
}

#case_single .content-block__img {
  background: #FFF7C4;
  width: 90em;
  margin: 2em auto 4em;
  padding: 4em 2em;
}

#case_single .content-block__img img {
  max-width: 60em;
}

#case_single .content-block__content {
  margin-bottom: 4em;
}

@media only screen and (max-width: 768px) {

  #case_single #content-block {
    padding: 3em 0;
    width: 100%;
    margin: 0 auto;
  }

  #case_single .content-block__h3 {
    font-size: 1.8em;
  }

  #case_single .content-block__date {
    font-size: 1.3em;
  }

  #case_single .content-block__img {
    background: #FFF7C4;
    width: 100%;
    margin: 1.5em auto;
    padding: 2em 1.5em;
  }

  #case_single .content-block__content {
    margin-bottom: 2em;
  }

}

/* ==============================================
 .freeeditor
=============================================== */

.freeeditor h1 {
  font-size: 2.6em;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: 2px solid #000;
  padding-bottom: 0.3em;
  margin-bottom: 1em;
}

.freeeditor h2 {
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
}

.freeeditor h3 {
  font-size: 2.2em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
}

.freeeditor h4 {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
}

.freeeditor h5 {
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
}

.freeeditor p {
  font-size: 1.6em;
  margin-bottom: 1em;
}

.freeeditor strong {
  font-weight: bold;
}

.freeeditor img.alignright {
  display: block;
  margin: 0 0 1.5em auto;
}

/* 配置位置 右 */

.freeeditor img.alignleft {
  display: block;
  margin: 0 auto 1.5em 0;
}

/* 配置位置 左 */

.freeeditor img.aligncenter {
  display: block;
  margin: 0 auto 1.5em;
}

/* 配置位置 中央 */

.freeeditor img.size-large {
  max-width: 100%;
}

.freeeditor img.size-medium {
  max-width: 60%;
}

.freeeditor img.size-thumbnail {
  max-width: 35%;
}

@media only screen and (max-width: 768px) {

  .freeeditor h1 {
    font-size: 2em;
  }

  .freeeditor h2 {
    font-size: 1.8em;
  }

  .freeeditor h3 {
    font-size: 1.7em;
  }

  .freeeditor h4 {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 1em;
  }

  .freeeditor h5 {
    font-size: 1.5em;
  }

  .freeeditor p {
    font-size: 1.4em;
  }

  .freeeditor img.size-medium {
    max-width: 80%;
  }

  .freeeditor img.size-thumbnail {
    max-width: 55%;
  }

}


/* ==============================================
  shingle pagenavi
=============================================== */

.pagenavi {
  font-size: 1.6em;
  display: flex;
  justify-content: flex-start;
  justify-content: center;
}

.pagenavi span a {
  display: inline-block;
  font-weight: bold;
}

.pagenavi .prev,
.pagenavi .gotolist,
.pagenavi .next {
  /* width: 31%; */
}

.pagenavi .gotolist {
  text-align: center;
  margin: 0 2em;
}

.pagenavi .next {
  text-align: right;
}

@media only screen and (max-width: 768px) {

  .pagenavi {
    font-size: 1.3em;
  }

}

/* ==============================================
 #voice_archive
=============================================== */

/* #voice_archive #list-block
----------------------------------------------- */

#voice_archive #list-block {
  background: #EFEFEF;
  padding: 6em 0;
}

#voice_archive .list-block__top-txt {
  text-align: center;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 2em;
}

@media only screen and (max-width: 768px) {

  #voice_archive #list-block {
    padding: 3em 0;
  }

  #voice_archive .list-block__top-txt {
    text-align: left;
    font-size: 1.6em;
  }
}

/* ==============================================
 #contact
=============================================== */

/* #contact #promise
----------------------------------------------- */

#contact #promise .inner {
  padding-top: 3em;
}

#contact #promise h3 {
  text-align: center;
  margin-bottom: 3em;
}

#contact .promise__listbox {
  background: #fff;
  border: 1px solid #ccc;
  -moz-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 3em;
  padding-left: 50%;
  padding: 4em 3em 4em 60em;
  position: relative;
}

#contact .promise__listbox::after {
  content: "";
  width: 56em;
  height: 100%;
  background-image: url(../images/contact/promise__img.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

#contact .promise__listbox ul {
  margin-bottom: 2em;
}

#contact .promise__listbox ul li {
  position: relative;
  padding: 1em 1em 1em 8em;
  border-bottom: 2px dotted #ccc;
  margin-bottom: 1em;
}

#contact .promise__listbox ul li .promise__listbox-txt {
  font-size: 2em;
  font-weight: 600;
  line-height: 1.4;
}

#contact .promise__listbox ul li .promise__listbox-num {
  width: 6em;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#contact .promise__listbox ul li:last-child .promise__listbox-txt {
  line-height: 2.8;
}

#contact .promise__listbox-btm {
  font-size: 1.6em;
  line-height: 1.4;
}

article.contact .promise__cta {
  position: relative;
  padding-bottom: 6em;
}

article.contact .promise__cta::after {
  content: "";
  width: 26.8em;
  height: 23.1em;
  background-image: url(../images/contact/promise__person.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 4em;
}

article.contact .promise__cta-top {
  text-align: center;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1;
  color: #FF4800;
  margin-bottom: 0.5em;
}

article.contact .promise__cta-btn {
  width: 80.8em;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

article.contact .promise__cta-btn::after {
  content: "";
  width: 6.1em;
  height: 8.4em;
  background-image: url(../images/contact/promise__hand.png);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: 1.5em;
  right: 1.5em;
}

article.contact .promise__cta-btn-tel {
  position: absolute;
  width: 100%;
  top: 3em;
}

article.contact .promise__cta-btn-tel span {
  display: inline-block;
  font-size: 6.6em;
  font-weight: bold;
  line-height: 1;
  text-shadow:
    4px 4px 1px #fff, -4px -4px 1px #fff,
    -4px 4px 1px #fff, 4px -4px 1px #fff,
    4px 0px 1px #fff, -4px -0px 1px #fff,
    0px 4px 1px #fff, 0px -4px 1px #fff,
    0px 7px 5px rgba(0, 0, 0, 0.5);
  position: relative;
  padding-left: 1.2em;
}

article.contact .promise__cta-btn-tel span::before {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url(../images/contact/promise__icon.png);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

article.contact .promise__cta-btn-time {
  position: absolute;
  width: 100%;
  top: 7em;
  font-size: 1.6em;
  line-height: 1.4;
}

article.contact .promise__cta-btn-txt {
  position: absolute;
  width: 100%;
  top: 9.5em;
  font-size: 1.6em;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {

  #contact #promise h3 {
    margin-bottom: 2em;
  }

  #contact .promise__listbox {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding: 26em 1.5em 2em;
  }

  #contact .promise__listbox::after {
    width: 100%;
    height: 24em;
  }

  #contact .promise__listbox ul {
    margin-bottom: 2em;
  }

  #contact .promise__listbox ul li {
    padding: 1em 1em 1em 7em;
  }

  #contact .promise__listbox ul li .promise__listbox-txt {
    font-size: 1.6em;
  }

  #contact .promise__listbox ul li .promise__listbox-num {
    width: 4.8em;
  }

  #contact .promise__listbox-btm {
    font-size: 1.4em;
  }

  article.contact .promise__cta::after {
    content: "";
    width: 16em;
    height: 13em;
    left: -1em;
  }

  #thanks.contact .promise__cta-top {
    font-size: 2em;
    line-height: 1.4;
  }

  article.contact .promise__cta-btn {
    width: 100%;
  }

  article.contact .promise__cta-btn a {
    display: block;
  }

  article.contact .promise__cta-btn a:hover {
    opacity: 1;
  }

  article.contact .promise__cta-btn::after {
    content: "";
    width: 4.1em;
    height: 6.4em;
    bottom: -3em;
    right: 1.5em;
  }

  article.contact .promise__cta-btn-tel {
    top: 1.5em;
  }

  article.contact .promise__cta-btn-tel span {
    font-size: 3.6em;
    text-shadow:
      3px 3px 1px #fff, -3px -3px 1px #fff,
      -3px 3px 1px #fff, 3px -3px 1px #fff,
      3px 0px 1px #fff, -3px -0px 1px #fff,
      0px 3px 1px #fff, 0px -3px 1px #fff,
      0px 5px 4px rgba(0, 0, 0, 0.5);
  }

  article.contact .promise__cta-btn-time {
    top: 5.2em;
    font-size: 1.3em;
  }

  article.contact .promise__cta-btn-txt {
    top: 8em;
    font-size: 1.2em;
    text-align: left;
    width: 66%;
    right: 1em;
  }

}

/* #contact #form-sec
----------------------------------------------- */

#contact #form-sec {
  padding: 6em 0;
  background: #EFEFEF;
}

#contact #form-sec h3 {
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.5em;
}

#contact .form-sec__toptxt {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 3em;
}

#contact .form-sec__table {
  width: 90em;
  margin: 0 auto 3em;
}

#contact .form-sec__table th,
#contact .form-sec__table td {
  padding-bottom: 2em;
}

#contact .form-sec__table th {
  width: 30%;
  text-align: left;
  vertical-align: top;
  font-size: 1.6em;
  line-height: 1;
}

#contact .form-sec__table th p {
  font-weight: bold;
}

#contact .form-sec__table th .red {
  display: inline-block;
  background: #FF2400;
  color: #fff;
  font-size: 0.7em;
  padding: 0.3em 0.7em;
  border-radius: 0.3em;
  vertical-align: middle;
  margin-left: 2em;
}

#contact .form-sec__table td {
  width: 70%;
}

#contact .form-sec__table textarea,
#contact .form-sec__table input[type="text"],
#contact .form-sec__table input[type="email"],
#contact .form-sec__table input[type="tel"] {
  font-size: 1.6em;
  width: 100%;
  border: 1px solid #c1bbb3;
  padding: 1em;
  background: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 0 #f0eeee inset;
  /* Webkit */
  -webkit-border-radius: 0.5em;
  -webkit-box-shadow: 1px 1px 2px 0 #f0eeee inset;
  /* Firefox */
  -moz-border-radius: 0.5em;
  -moz-box-shadow: 1px 1px 2px 0 #f0eeee inset;
}

#contact .form-sec__table .wpcf7-checkbox,
#contact .form-sec__table .wpcf7-file {
  font-size: 1.6em;
}

#contact .form-sec__table input[type="checkbox"] {
  transform: scale(1.5);
  margin: 0 0.5em 0 0;
}

#contact .form-sec__table .wpcf7-not-valid-tip {
  font-size: 1.6em;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  font-size: 1.6em;
}

.wpcf7 form.spam .wpcf7-response-output {
  font-size: 1.6em;
}

#contact .form-sec__check-policy {
  text-align: center;
  font-size: 1.6em;
}

#contact .form-sec__check-policy .wpcf7-list-item {
  margin: 0;
}

#contact .form-sec__check-policy .wpcf7-checkbox {
  font-size: 1.6em;
}

#contact .form-sec__check-policy input[type="checkbox"] {
  transform: scale(1.5);
}

#contact .form-sec__check-policy .wpcf7-list-item-label {
  display: none;
}

#contact .form-sec__check-policy .red {
  display: inline-block;
  background: #FF2400;
  color: #fff;
  font-size: 0.7em;
  padding: 0.3em 0.7em;
  border-radius: 0.3em;
  vertical-align: middle;
  margin-left: 1em;
}

#contact .form-sec__check-policy a {
  display: inline-block;
  margin-left: 0.5em;
}

#contact .form-sec__submit {
  text-align: center;
  margin-top: 3em;
}

#contact .form-sec__submit input[type="submit"] {
  display: inline-block;
  padding: 0.8em 5em;
  background: #000;
  font-size: 1.8em;
  font-weight: bold;
  border: none;
  color: #fff;
}

#contact .form-sec__submit .wpcf7-spinner {
  display: block;
}

@media only screen and (max-width: 768px) {

  #contact #form-sec {
    padding: 4em 0 3em;
  }

  #contact #form-sec h3 {
    font-size: 2.4em;
  }

  #contact .form-sec__toptxt {
    font-size: 1.4em;
  }

  #contact .form-sec__table {
    width: 100;
    margin: 0;
  }

  #contact .form-sec__table th {
    padding-bottom: 0.7em;
  }

  #contact .form-sec__table,
  #contact .form-sec__table tbody,
  #contact .form-sec__table tr,
  #contact .form-sec__table th,
  #contact .form-sec__table td {
    display: block;
    width: 100%;
  }

  #contact .form-sec__table th .red {
    margin-left: 1em;
  }

  #contact .form-sec__table .wpcf7-list-item {
    display: block;
  }

  #contact .form-sec__check-policy .red {
    margin-left: 0.5em;
  }

  #contact .form-sec__check-policy a {
    margin-left: 0.3em;
  }

  #contact .form-sec__submit {
    margin-top: 2em;
  }

}

/* ==============================================
 #thanks
=============================================== */

/* #thanks #closing
----------------------------------------------- */

#thanks #closing {
  padding: 6em 0 10em;
  text-align: center;
}

#thanks #closing h3 {
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
}

#thanks #closing .closing__txt {
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 3em;
}

#thanks #closing .closing__btn a {
  display: inline-block;
  padding: 0.8em 5em;
  background: #000;
  font-size: 1.8em;
  font-weight: bold;
  color: #fff;
}

#thanks #closing .closing__btn a:hover {
  opacity: 1;
  -webkit-transition: all .2s;
  transition: all .2s;
  transform: translateY(5px);
}

@media only screen and (max-width: 768px) {

  #thanks #closing {
    padding: 4em 0 6em;
  }

  #thanks #closing h3 {
    font-size: 2.4em;
  }

  #thanks #closing .closing__txt {
    margin-bottom: 2em;
  }

}

/* ==============================================
 #privacy-policy
=============================================== */

/* #privacy-policy #sec01
----------------------------------------------- */

#privacy-policy #sec01 {
  padding: 6em 0;
}

#privacy-policy .sec01__doc {
  width: 90em;
  margin: 0 auto;
}

#privacy-policy .sec01__doc-top {
  font-size: 1.6em;
  margin-bottom: 2em;
}

#privacy-policy .sec01__doc-block {
  margin-bottom: 4em;
}

#privacy-policy .sec01__doc-block h3 {
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#privacy-policy .sec01__doc-block p {
  font-size: 1.6em;
}


@media only screen and (max-width: 768px) {

  #privacy-policy #sec01 {
    padding: 3em 0;
  }

  #privacy-policy .sec01__doc {
    width: 100%;
  }

  #privacy-policy .sec01__doc-top {
    font-size: 1.4em;
  }

  #privacy-policy .sec01__doc-block {
    margin-bottom: 2em;
  }

  #privacy-policy .sec01__doc-block h3 {
    font-size: 1.6em;
  }

  #privacy-policy .sec01__doc-block p {
    font-size: 1.4em;
  }

}

/* ==============================================
 .article.service
=============================================== */

/* article.service #onayami
----------------------------------------------- */

article.service #onayami {
  padding: 6em 0;
}

article.service #onayami h3 {
  margin-bottom: 5em;
}

article.service .onayami__saitan {
  width: 62em;
  position: relative;
  margin: -3em auto 2em;
}

article.service .onayami__saitan-txt span {
  position: absolute;
  font-size: 3em;
  font-weight: bold;
  line-height: 1;
}

article.service .onayami__saitan-txt span:first-child {
  top: 0.8em;
  left: 3.6em;
}

article.service .onayami__saitan-txt span:nth-child(2) {
  font-size: 4.6em;
  color: #FF0000;
  top: 0.3em;
  left: 7.1em;
}

article.service .onayami__saitan-txt span:last-child {
  top: 0.8em;
  left: 13em;
}

article.service .onayami__reference {
  margin-bottom: 5em;
  text-align: center;
}

article.service .onayami__reference span {
  display: inline-block;
  line-height: 1;
}

article.service .onayami__reference-txt {
  font-size: 3em;
  font-weight: bold;
}

article.service .onayami__reference-num {
  font-size: 6em;
  font-weight: 600;
  background: linear-gradient(to bottom, #f24822 0%, #f51c06 47%, #d05454 70%, #ed0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

article.service .onayami__reference-en {
  font-size: 3em;
  font-weight: bold;
}

article.service .onayami__reference-tax {
  font-size: 2em;
  font-weight: bold;
}

article.service .onayami__list {
  justify-content: flex-start;
  flex-wrap: wrap;
}

article.service .onayami__list.col3 li {
  width: 31.5%;
  margin-right: 2.5%;
  margin-bottom: 3em;
}

article.service .onayami__list.col3 li:nth-child(3n) {
  margin-right: 0;
}

article.service .onayami__list.col4 li {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 3em;
}

article.service .onayami__list.col4 li:nth-child(4n) {
  margin-right: 0;
}

article.service .onayami__list-cap {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1;
  padding: 0.5em;
}

article.service .onayami__list-title {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  padding-left: 1.5em;
  margin: 0.5em 0;
}

article.service .onayami__list-title::before {
  content: "";
  width: 1.2em;
  height: 1.2em;
  background-image: url(../images/aircon-cleaning/onayami__list-title-icon.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

article.service .onayami__list.col4 .onayami__list-title::before {
  top: 30%;
}

article.service .onayami__list-txt {
  font-size: 1.6em;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {

  article.service #onayami {
    padding: 3em 0;
  }

  article.service #onayami h3 {
    margin-bottom: 3em;
  }

  article.service .onayami__saitan {
    width: 100%;
    margin: -1em auto 2em;
  }

  article.service .onayami__saitan-txt span {
    font-size: 1.7em;
  }

  article.service .onayami__saitan-txt span:nth-child(2) {
    font-size: 2.6em;
  }

  article.service .onayami__reference-txt {
    font-size: 1.6em;
  }

  article.service .onayami__reference-num {
    font-size: 3.6em;
  }

  article.service .onayami__reference-en {
    font-size: 1.6em;
  }

  article.service .onayami__reference-tax {
    font-size: 1.2em;
  }

  article.service .onayami__list.col3 li {
    width: 100%;
    margin-right: 0;
  }

  article.service .onayami__list.col4 li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
  }

  article.service .onayami__list-cap {
    font-size: 2em;
  }

  article.service .onayami__list-title {
    font-size: 1.8em;
  }

  article.service .onayami__list.col4 .onayami__list-title::before {
    top: 50%;
  }

  article.service .onayami__list-txt {
    font-size: 1.4em;
  }

}

/* article.service #menu
----------------------------------------------- */

article.service #menu .sec_content {
  background: #FDDC06;
}

article.service .menu__more-btn {
  text-align: center;
  margin-top: 3em;
}

article.service .menu__more-btn a {
  display: inline-block;
  background: #5BB401;
  border: 0.2em solid #fff;
  border-radius: 1em;
  text-align: center;
  width: 20em;
  color: #fff;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1;
  padding: 0.7em;
}

article.service .menu__more-btn a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 1;
  transform: translateY(5px);
  -webkit-transition: all .3s;
  transition: all .3s;
}

article.service .menu__tips {
  margin-top: 5em;
}

article.service .menu__tips h3 {
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5em;
}

article.service .menu__tips-content {
  background: #fff;
  padding: 3em 4em;
  align-items: center;
}

article.service .menu__tips-content-left {
  width: 68%;
}

article.service .menu__tips-content-right {
  width: 30%;
}

article.service .menu__tips-content-left p {
  font-size: 1.6em;
}

article.service .menu__tips-content-left p .fs_b {
  font-size: 1.2em;
  font-weight: bold;
}

article.service .menu__tips-content-left p .fs_s {
  font-size: 0.8em;
}

article.service .menu__tips-content-left p .red {
  color: #FF0000;
}

article.service .menu__tips-content-left p a {
  color: #000;
  text-decoration: underline;
}

article.service .menu__tips-content-left p a:hover {
  color: #000;
  text-decoration: none;
  opacity: 1;
}

@media only screen and (max-width: 768px) {

  article.service .menu__more-btn a {
    width: 92%;
    color: #fff;
    font-size: 1.7em;
  }

  article.service .menu__tips {
    margin-top: 3em;
  }

  article.service .menu__tips h3 {
    font-size: 2em;
  }

  article.service .menu__tips-content {
    padding: 2em 1.5em;
  }

  article.service .menu__tips-content-left {
    width: 100%;
    margin-bottom: 1.5em;
  }

  article.service .menu__tips-content-right {
    width: 100%;
  }

  article.service .menu__tips-content-right img {
    width: 65%;
  }

  article.service .menu__tips-content-left p {
    font-size: 1.4em;
  }

}

/* ==============================================
 #aircon-cleaning
=============================================== */

/* #aircon-cleaning #menu
----------------------------------------------- */

#aircon-cleaning .menu__sample {
  margin-bottom: 4em;
}

#aircon-cleaning .menu__sample-top {
  background: #ECECEC;
  text-align: center;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.4;
  padding: 0.5em;
}

#aircon-cleaning .menu__sample-table {
  width: 100%;
}

#aircon-cleaning .menu__sample-table,
#aircon-cleaning .menu__sample-table th,
#aircon-cleaning .menu__sample-table td {
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
}

#aircon-cleaning .menu__sample-table th,
#aircon-cleaning .menu__sample-table td {
  padding: 0.5em;
}

#aircon-cleaning .menu__sample-table thead th {
  background: #000;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.4;
  width: 33.3%;
}

#aircon-cleaning .menu__sample-table tbody th {
  background: #EDEDED;
  font-size: 1.8em;
  line-height: 1.4;
  font-weight: bold;
}

#aircon-cleaning .menu__sample-table tbody td {
  background: #fff;
}

#aircon-cleaning .menu__sample-table tbody td span {
  line-height: 1.4;
}

#aircon-cleaning .menu__sample-table-num {
  font-size: 3.2em;
  font-weight: 600;
  background: linear-gradient(to bottom, #f24822 0%, #f51c06 47%, #d05454 70%, #ed0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#aircon-cleaning .menu__sample-table-txt {
  font-size: 1.6em;
  font-weight: bold;
}

#aircon-cleaning .menu__otoku {
  margin-bottom: 3em;
}

#aircon-cleaning .menu__otoku h3 {
  background: #FF0000;
  text-align: center;
  padding: 1em;
  position: relative;
}

#aircon-cleaning .menu__otoku h3 span {
  display: inline-block;
  text-shadow:
    2px 2px 2px #000, -2px -2px 2px #000,
    -2px 2px 2px #000, 2px -2px 2px #000,
    2px 0px 2px #000, -2px -0px 2px #000,
    0px 2px 2px #000, 0px -2px 2px #000;
  font-weight: bold;
  line-height: 1.4;
}

#aircon-cleaning .menu__otoku-h3-01 {
  color: #fff;
  font-size: 2.4em;
}

#aircon-cleaning .menu__otoku-h3-02 {
  color: #FDDC06;
  font-size: 3.2em;
}

#aircon-cleaning .menu__otoku h3::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5em 1.5em 0 1.5em;
  border-color: #FF0000 transparent transparent transparent;
  position: absolute;
  bottom: -2.5em;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#aircon-cleaning .menu__otoku-content {
  background: #fff;
  padding: 5em 2em 0;
}


#aircon-cleaning .menu__otoku-content-reference {
  margin-bottom: 8em;
  text-align: center;
  position: relative;
}

#aircon-cleaning .menu__otoku-content-reference::after {
  content: "";
  width: 3.8em;
  height: 3.8em;
  background-image: url(../images/aircon-cleaning/menu__otoku-content-reference-icon.png);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: -6em;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#aircon-cleaning .menu__otoku-content-reference span {
  display: inline-block;
  line-height: 1;
}

#aircon-cleaning .menu__otoku-content-reference-txt {
  font-size: 3em;
  font-weight: bold;
}

#aircon-cleaning .menu__otoku-content-reference-num {
  font-size: 6em;
  font-weight: 600;
  background: linear-gradient(to bottom, #f24822 0%, #f51c06 47%, #d05454 70%, #ed0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#aircon-cleaning .menu__otoku-content-reference-en {
  font-size: 3em;
  font-weight: bold;
}

#aircon-cleaning .menu__otoku-content-reference-tax {
  font-size: 2em;
  font-weight: bold;
}

#aircon-cleaning .menu__otoku-hr {
  font-size: 2.4em;
  font-weight: bold;
}


@media only screen and (max-width: 768px) {

  #aircon-cleaning #page-mv h2 {
    font-size: 2.4em;
  }

  #aircon-cleaning .menu__sample {
    margin-bottom: 2em;
  }

  #aircon-cleaning .menu__sample-top {
    font-size: 1.4em;
  }

  #aircon-cleaning .menu__sample-table th,
  #aircon-cleaning .menu__sample-table td {
    padding: 0.5em 0.2em;
  }

  #aircon-cleaning .menu__sample-table thead th {
    font-size: 1em;
  }

  #aircon-cleaning .menu__sample-table tbody th {
    font-size: 0.8em;
  }

  #aircon-cleaning .menu__sample-table-num {
    font-size: 1.6em;
  }

  #aircon-cleaning .menu__sample-table-txt {
    font-size: 1em;
  }

  #aircon-cleaning .menu__otoku {
    margin-bottom: 2em;
  }

  #aircon-cleaning .menu__otoku h3 {
    padding: 0.5em;
  }

  #aircon-cleaning .menu__otoku h3 span {
    text-shadow:
      2px 2px 1px #000, -2px -2px 1px #000,
      -2px 2px 1px #000, 2px -2px 1px #000,
      2px 0px 1px #000, -2px -0px 1px #000,
      0px 2px 1px #000, 0px -2px 1px #000;
  }

  #aircon-cleaning .menu__otoku-h3-01 {
    font-size: 1.4em;
  }

  #aircon-cleaning .menu__otoku-h3-02 {
    font-size: 1.8em;
  }

  #aircon-cleaning .menu__otoku h3::after {
    border-width: 2em 1em 0 1em;
    bottom: -2em;
  }

  #aircon-cleaning .menu__otoku-content {
    padding: 3em 1.5em 0;
  }

  #aircon-cleaning .menu__otoku-content-reference {
    margin-bottom: 6em;
  }

  #aircon-cleaning .menu__otoku-content-reference::after {
    width: 2.8em;
    height: 2.8em;
    bottom: -4em;
  }

  #aircon-cleaning .menu__otoku-content-reference-txt {
    font-size: 2.4em;
    margin-top: 1em;
  }

  #aircon-cleaning .menu__otoku-content-reference-num {
    font-size: 4.6em;
  }

  #aircon-cleaning .menu__otoku-content-reference-en {
    font-size: 3em;
  }

  #aircon-cleaning .menu__otoku-content-reference-tax {
    font-size: 2.4em;
    font-weight: bold;
  }

  #aircon-cleaning .menu__otoku-hr {
    font-size: 1.6em;
  }

}

/* #trouble.aircon
----------------------------------------------- */

#trouble.aircon .sec_content {
  background-image: url(../images/aircon-cleaning/trouble__bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}

#trouble.aircon .trouble__boxex {
  background: #fff;
  padding: 5em;
}

#trouble.aircon .trouble__box {
  border-bottom: 1px solid #ccc;
  padding-bottom: 4em;
  margin-bottom: 4em;
  align-items: center;
}

#trouble.aircon .trouble__box:last-child {
  border-bottom: none;
  border-bottom: none;
}

#trouble.aircon .trouble__box-content {
  width: 59%;
}

#trouble.aircon .trouble__box:nth-child(2n) .trouble__box-content {
  order: 1;
}

#trouble.aircon .trouble__box-img {
  width: 39%;
}

#trouble.aircon .trouble__box-content h3 {
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
  position: relative;
  padding-left: 1.8em;
}

#trouble.aircon .trouble__box-content h3::before {
  content: "";
  width: 1.2em;
  height: 1.5em;
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#trouble.aircon .trouble__box:first-child .trouble__box-content h3::before {
  background-image: url(../images/aircon-cleaning/trouble__flag01.png);
}

#trouble.aircon .trouble__box:nth-child(2) .trouble__box-content h3::before {
  background-image: url(../images/aircon-cleaning/trouble__flag02.png);
}

#trouble.aircon .trouble__box:nth-child(3) .trouble__box-content h3::before {
  background-image: url(../images/aircon-cleaning/trouble__flag03.png);
}

#trouble.aircon .trouble__box:nth-child(4) .trouble__box-content h3::before {
  background-image: url(../images/aircon-cleaning/trouble__flag04.png);
}

#trouble.aircon .trouble__box-content p {
  font-size: 1.6em;
}

@media only screen and (max-width: 768px) {

  #trouble.aircon .trouble__boxex {
    background: #fff;
    padding: 2em 1.5em;
  }

  #trouble.aircon .trouble__box {
    padding-bottom: 2em;
    margin-bottom: 2em;
  }

  #trouble.aircon .trouble__box-content {
    width: 100%;
    margin-bottom: 1em;
  }

  #trouble.aircon .trouble__box:nth-child(2n) .trouble__box-content {
    order: 0;
  }

  #trouble.aircon .trouble__box-img {
    width: 100%;
  }

  #trouble.aircon .trouble__box-content h3 {
    font-size: 2em;
  }

  #trouble.aircon .trouble__box-content p {
    font-size: 1.4em;
  }

}

/* ==============================================
 #breaker
=============================================== */

@media only screen and (max-width: 768px) {

  #breaker .menu__tips-content-right img {
    width: 100%;
  }

}

/* ==============================================
 #breaker-2
=============================================== */

/* #breaker-2 #menu
----------------------------------------------- */

#breaker-2 .menu__top {
  text-align: center;
  font-size: 4em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}

#breaker-2 .menu__top .red {
  color: #FF0000;
  font-weight: bold;
}

#breaker-2 .menu__up {
  text-align: center;
  background: #fff;
  border: 0.3em solid #FF0000;
  border-radius: 100px;
  display: block;
  width: 58em;
  margin: 0 auto 2em;
  padding: 0.5em;
  line-height: 1.4;
}

#breaker-2 .menu__up-01 {
  font-size: 2.4em;
  font-weight: bold;
}

#breaker-2 .menu__up-02 {
  font-size: 3.6em;
  font-weight: bold;
  color: #FF0000;
}

#breaker-2 .menu__price {
  text-align: center;
}

#breaker-2 .menu__price span {
  display: inline-block;
  line-height: 1;
}

#breaker-2 .menu__price-txt {
  font-size: 3.6em;
  font-weight: bold;
}

#breaker-2 .menu__price-num {
  font-size: 7em;
  font-weight: 600;
  background: linear-gradient(to bottom, #f24822 0%, #f51c06 47%, #d05454 70%, #ed0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#breaker-2 .menu__price-en {
  font-size: 3.6em;
  font-weight: bold;
}

#breaker-2 .menu__price-tax {
  font-size: 3em;
  font-weight: bold;
}

#breaker-2 .menu__note {
  text-align: center;
  font-size: 1.6em;
  margin-top: 0.5em;
}

#breaker-2 .menu___saiteki {
  background: #fff;
  padding: 4em;
  margin-top: 4em;
}

#breaker-2 .menu___saiteki-flex-img {
  width: 38%;
}

#breaker-2 .menu___saiteki-flex-txt {
  width: 60%;
  font-size: 1.6em;
  font-weight: 600;
}

#breaker-2 .menu___saiteki-flex-txt .fs_b {
  font-size: 1.2em;
  font-weight: bold;
}

#breaker-2 .menu___saiteki-btm {
  text-align: center;
  margin-top: 1em;
  color: #FF0000;
  font-size: 4em;
  font-weight: bold;
  line-height: 1;
}

#breaker-2 .menu___soudan h3 {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5em;
}

#breaker-2 .menu___soudan p {
  background: #fff;
  padding: 2em;
  font-size: 1.6em;
  font-weight: 600;
  background-image: url(../images/breaker-2/menu___soudan-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  padding-right: 35%;
}

#breaker-2 .menu___soudan p .fs_b {
  font-size: 1.2em;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {

  #breaker-2 .menu__top {
    font-size: 2.2em;
  }

  #breaker-2 .menu__up {
    width: 96%;
    margin: 0 auto 1.5em;
  }

  #breaker-2 .menu__up-01 {
    font-size: 1.4em;
  }

  #breaker-2 .menu__up-02 {
    font-size: 1.8em;
  }

  #breaker-2 .menu__price-txt {
    font-size: 1.8em;
  }

  #breaker-2 .menu__price-num {
    font-size: 4em;
  }

  #breaker-2 .menu__price-en {
    font-size: 1.8em;
  }

  #breaker-2 .menu__price-tax {
    font-size: 1.6em;
  }

  #breaker-2 .menu__note {
    font-size: 1.2em;
  }

  #breaker-2 .menu___saiteki {
    padding: 2em 1.5em;
    margin-top: 2em;
  }

  #breaker-2 .menu___saiteki-flex-img {
    width: 100%;
    order: 1;
    margin-top: 1em;
  }

  #breaker-2 .menu___saiteki-flex-txt {
    width: 100%;
    font-size: 1.4em;
    font-weight: 500;
  }

  #breaker-2 .menu___saiteki-btm {
    font-size: 2.2em;
  }

  #breaker-2 .menu___soudan h3 {
    font-size: 2em;
  }

  #breaker-2 .menu___soudan p {
    padding: 2em 1.5em;
    font-size: 1.4em;
    font-weight: 500;
    background-position: 87% center;
    text-shadow:
      2px 2px 2px #fff, -2px -2px 2px #fff,
      -2px 2px 2px #fff, 2px -2px 2px #fff,
      2px 0px 2px #fff, -2px -0px 2px #fff,
      0px 2px 2px #fff, 0px -2px 2px #fff;
  }

}

/* ==============================================
 #air-conditioner
=============================================== */

/* #air-conditioner #onayami
----------------------------------------------- */

#air-conditioner .onayami__list-title::before {
  top: 30%;
}

@media only screen and (max-width: 768px) {

  #air-conditioner .onayami__list-title::before {
    top: 50%;
  }

}

/* ==============================================
 #light
=============================================== */

/* #light #menu
----------------------------------------------- */

#light .menu__tips-content-txt {
  font-size: 1.6em;
}

#light .menu__tips-content-txt .red {
  color: #FF0000;
}

#light .menu__tips-content-lower {
  margin-top: 2em;
}

#light .menu__tips-content-lower li {
  width: 31.5%;
}

#light .menu__tips-content-lower-name {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#light .menu__tips-content-lower-txt {
  font-size: 1.6em;
}

@media only screen and (max-width: 768px) {

  #light .menu__tips-content-txt {
    font-size: 1.4em;
  }

  #light .menu__tips-content-lower {
    margin-top: 1em;
  }

  #light .menu__tips-content-lower li {
    width: 100%;
    margin-top: 1em;
  }

  #light .menu__tips-content-lower li:last-child {
    margin-top: 0;
  }

  #light .menu__tips-content-lower-name {
    font-size: 1.6em;
  }

  #light .menu__tips-content-lower-txt {
    font-size: 1.4em;
  }

}

/* ==============================================
 #ventilation-fan
=============================================== */

/* #ventilation-fan #page-mv h2
----------------------------------------------- */
@media only screen and (max-width: 768px) {

  #ventilation-fan #page-mv h2 {
    font-size: 2.2em;
  }

}

/* #ventilation-fan #menu
----------------------------------------------- */

#ventilation-fan .menu__tips-content:last-child {
  padding-top: 0;
}

@media only screen and (max-width: 768px) {

  #ventilation-fan .menu__tips-content:last-child {
    padding-top: 1em;
  }

  #ventilation-fan .menu__tips-content-right img {
    width: 100%;
  }

}

/* ==============================================
 #inter-phone
=============================================== */

/* #inter-phone #page-mv h2
----------------------------------------------- */
@media only screen and (max-width: 768px) {

  #inter-phone #page-mv h2 {
    font-size: 2.2em;
  }

}

/* #inter-phone #onayami
----------------------------------------------- */

#inter-phone .onayami__list-title::before {
  top: 30%;
}

@media only screen and (max-width: 768px) {

  #inter-phone .onayami__list-title::before {
    top: 50%;
  }

}

/* #inter-phone #menu
----------------------------------------------- */

#inter-phone .menu__tips-content:last-child {
  padding-top: 0;
}

@media only screen and (max-width: 768px) {

  #inter-phone .menu__tips-content:last-child {
    padding-top: 1em;
  }

  #inter-phone .menu__tips-content-right img {
    width: 100%;
  }

}

/* ==============================================
 #tv-antena
=============================================== */

/* #tv-antena #onayami
----------------------------------------------- */

#tv-antena .onayami__list-title::before {
  top: 30%;
}

@media only screen and (max-width: 768px) {

  #tv-antena .onayami__list-title::before {
    top: 50%;
  }

}

/* ==============================================
 #leakage
=============================================== */


/* #leakage #onayami
----------------------------------------------- */

#leakage .onayami__list-title::before {
  top: 30%;
}

@media only screen and (max-width: 768px) {

  #leakage .onayami__list-title::before {
    top: 50%;
  }

}

/* #leakage #menu
----------------------------------------------- */

@media only screen and (max-width: 768px) {

  #leakage .menu__tips-content-right img {
    width: 100%;
  }

}

/* ==============================================
 #lan
=============================================== */

/* #lan #page-mv h2
----------------------------------------------- */
@media only screen and (max-width: 768px) {

  #lan #page-mv h2 {
    font-size: 2.2em;
  }

}

/* #lan #onayami
----------------------------------------------- */

#lan .onayami__list-title::before {
  top: 30%;
}

@media only screen and (max-width: 768px) {

  #lan .onayami__list-title::before {
    top: 50%;
  }

}

/* #lan #menu
----------------------------------------------- */

@media only screen and (max-width: 768px) {

  #lan .menu__tips-content-right img {
    width: 100%;
  }

}

/* ==============================================
 #camera
=============================================== */

/* #camera #onayami
----------------------------------------------- */

#camera .onayami__list-title::before {
  background-image: url(../images/camera/onayami__list-title-icon.png);
  top: 25%;
}

@media only screen and (max-width: 768px) {

  #camera .onayami__list-title::before {
    top: 50%;
  }

}

/* #camera #menu
----------------------------------------------- */

#camera .menu__otoku-top {
  background: #ECECEC;
  text-align: center;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.4;
  padding: 0.5em;
}

#camera .menu__otoku {
  margin-bottom: 3em;
}

#camera .menu__otoku h3 {
  background: #FF0000;
  text-align: center;
  padding: 1em;
  position: relative;
}

#camera .menu__otoku h3 span {
  display: inline-block;
  text-shadow:
    2px 2px 2px #000, -2px -2px 2px #000,
    -2px 2px 2px #000, 2px -2px 2px #000,
    2px 0px 2px #000, -2px -0px 2px #000,
    0px 2px 2px #000, 0px -2px 2px #000;
  font-weight: bold;
  line-height: 1.4;
}

#camera .menu__otoku h3 .menu__otoku-h3-01 {
  color: #fff;
  font-size: 2.4em;
}

#camera .menu__otoku h3 .menu__otoku-h3-02 {
  color: #FDDC06;
  font-size: 3.2em;
}

#camera .menu__otoku h3::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5em 1.5em 0 1.5em;
  border-color: #FF0000 transparent transparent transparent;
  position: absolute;
  bottom: -2.5em;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#camera .menu__otoku-content {
  background: #fff;
  padding: 5em 2em 3em;
}

#camera .menu__otoku-content-top {
  text-align: center;
  margin-bottom: 1em;
}

#camera .menu__otoku-content-top-01 {
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1;
}

#camera .menu__otoku-content-top-02 {
  font-size: 1.6em;
}

#camera .menu__otoku-content-reference {
  text-align: center;
  position: relative;
}

#camera .menu__otoku-content-reference span {
  display: inline-block;
  line-height: 1;
}

#camera .menu__otoku-content-reference-txt {
  font-size: 3em;
  font-weight: bold;
  position: relative;
  padding-right: 1em;
}

#camera .menu__otoku-content-reference-txt::after {
  content: "\025b6";
  font-size: 0.8em;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#camera .menu__otoku-content-reference-num {
  font-size: 6em;
  font-weight: 600;
  background: linear-gradient(to bottom, #f24822 0%, #f51c06 47%, #d05454 70%, #ed0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#camera .menu__otoku-content-reference-en {
  font-size: 3em;
  font-weight: bold;
}

#camera .menu__otoku-content-reference-tax {
  font-size: 2em;
  font-weight: bold;
}

#camera .menu__otoku-content-reference-catch {
  font-size: 1.4em;
  font-weight: bold;
  color: #FF0000;
  position: absolute;
  top: 1em;
  right: 15em;
  transform: rotate(10deg);
}

#camera .menu__otoku-content-note {
  text-align: center;
  font-size: 1.6em;
  margin-bottom: 2em;
}

#camera .menu__otoku-content-img {
  width: 80em;
  margin: 0 auto;
}

#camera .menu__otoku-content-btm {
  text-align: center;
  font-size: 4em;
  font-weight: bold;
  color: #FF0000;
}

#camera .menu__teian h3 {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5em;
}

#camera .menu__teian-content {
  background-image: url(../images/camera/menu__teian-bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  padding: 3em 40em 3em 3em;
}

#camera .menu__teian-content-txt {
  font-size: 1.6em;
  font-weight: 600;
}

#camera .menu__teian-content-txt .fs_b {
  font-size: 1.2em;
  font-weight: bold
}

#camera .menu__teian-content-txt .red {
  color: #FF0000;
  font-weight: 600;
}

#camera .menu__teian-content ul {
  margin-top: 3em;
}

#camera .menu__teian-content ul li {
  width: 23.5%;
  text-align: center;
}

#camera .menu__teian-txt {
  font-size: 1.6em;
  line-height: 1.4;
  margin-top: 0.5em;
}

@media only screen and (max-width: 768px) {

  #camera .menu__otoku-top {
    font-size: 1.4em;
  }

  #camera .menu__otoku h3 {
    padding: 0.5em;
  }

  #camera .menu__otoku h3 span {
    text-shadow:
      2px 2px 1px #000, -2px -2px 1px #000,
      -2px 2px 1px #000, 2px -2px 1px #000,
      2px 0px 1px #000, -2px -0px 1px #000,
      0px 2px 1px #000, 0px -2px 1px #000;
  }

  #camera .menu__otoku h3 .menu__otoku-h3-01 {
    font-size: 1.4em;
  }

  #camera .menu__otoku h3 .menu__otoku-h3-02 {
    font-size: 1.8em;
  }

  #camera .menu__otoku h3::after {
    border-width: 2em 1em 0 1em;
    bottom: -2em;
  }

  #camera .menu__otoku-content {
    background: #fff;
    padding: 3em 1.5em 2em;
  }

  #camera .menu__otoku-content-top-01 {
    font-size: 2.2em;
  }

  #camera .menu__otoku-content-top-02 {
    font-size: 1.3em;
  }

  #camera .menu__otoku-content-reference-txt {
    font-size: 2em;
    padding: 1.5em 0 1em;
  }

  #camera .menu__otoku-content-reference-txt::after {
    content: "\025bc";
    top: auto;
    right: auto;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  #camera .menu__otoku-content-reference-num {
    font-size: 4.6em;
  }

  #camera .menu__otoku-content-reference-en {
    font-size: 3em;
  }

  #camera .menu__otoku-content-reference-tax {
    font-size: 2em;
    font-weight: bold;
  }

  #camera .menu__otoku-content-reference-catch {
    font-size: 1.2em;
    top: 0.5em;
    right: auto;
    left: 0;
    transform: rotate(0);
    width: 100%;
  }

  #camera .menu__otoku-content-note {
    font-size: 1.2em;
  }

  #camera .menu__otoku-content-img {
    width: 100%;
  }

  #camera .menu__otoku-content-btm {
    font-size: 2em;
    line-height: 1.4;
    margin-top: 0.5em;
  }

  #camera .menu__teian h3 {
    font-size: 2.2em;
  }

  #camera .menu__teian-content {
    background-position: 87% center;
    padding: 2em 1.5em;
  }

  #camera .menu__teian-content-txt {
    font-size: 1.4em;
    text-shadow:
      2px 2px 2px #fff, -2px -2px 2px #fff,
      -2px 2px 2px #fff, 2px -2px 2px #fff,
      2px 0px 2px #fff, -2px -0px 2px #fff,
      0px 2px 2px #fff, 0px -2px 2px #fff;
  }

  #camera .menu__teian-content ul {
    margin-top: 1.5em;
  }

  #camera .menu__teian-content ul li {
    width: 49%;
    margin-bottom: 1em;
  }

  #camera .menu__teian-txt {
    font-size: 1.4em;
    text-shadow:
      2px 2px 2px #fff, -2px -2px 2px #fff,
      -2px 2px 2px #fff, 2px -2px 2px #fff,
      2px 0px 2px #fff, -2px -0px 2px #fff,
      0px 2px 2px #fff, 0px -2px 2px #fff;
  }

}

/* ==============================================
 #evcar
=============================================== */

/* #evcar #onayami
----------------------------------------------- */

#evcar .onayami__flex {
  align-items: center;
}

#evcar .onayami__flex-left,
#evcar .onayami__flex-right {
  width: 48%;
}

#evcar .onayami__flex-right h4 {
  font-size: 3.2em;
  font-weight: 600;
  line-height: 1.4;
  border-bottom: 0.1em solid #000;
  margin-bottom: 0.5em;
}

#evcar .onayami__flex-right p {
  font-size: 1.6em;
}

@media only screen and (max-width: 768px) {

  #evcar .onayami__flex-left,
  #evcar .onayami__flex-right {
    width: 100%;
  }

  #evcar .onayami__flex-left {
    order: 1;
    margin-top: 2em;
  }

  #evcar .onayami__flex-right h4 {
    font-size: 1.8em;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;
  }

  #evcar .onayami__flex-right p {
    font-size: 1.4em;
  }

}

/* #evcar #menu
----------------------------------------------- */

#evcar .menu__top {
  text-align: center;
  font-size: 4em;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 1em;
}

#evcar .menu__top .red {
  color: #FF0000;
  font-weight: bold;
}

#evcar .menu__otoku {
  margin-bottom: 4em;
}

#evcar .menu__otoku h3 {
  background: #FF0000;
  text-align: center;
  padding: 1em;
  position: relative;
}

#evcar .menu__otoku h3 span {
  display: inline-block;
  text-shadow:
    2px 2px 2px #000, -2px -2px 2px #000,
    -2px 2px 2px #000, 2px -2px 2px #000,
    2px 0px 2px #000, -2px -0px 2px #000,
    0px 2px 2px #000, 0px -2px 2px #000;
  font-weight: bold;
  line-height: 1.4;
}

#evcar .menu__otoku h3 .menu__otoku-h3-01 {
  color: #fff;
  font-size: 2.4em;
}

#evcar .menu__otoku h3 .menu__otoku-h3-02 {
  color: #FDDC06;
  font-size: 3.2em;
}

#evcar .menu__otoku h3::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5em 1.5em 0 1.5em;
  border-color: #FF0000 transparent transparent transparent;
  position: absolute;
  bottom: -2.5em;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#evcar .menu__otoku-content {
  background: #fff;
  padding: 5em;
}

#evcar .menu__otoku-content-top-txt01 {
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.4;
}

#evcar .menu__otoku-content-top-img {
  width: 70em;
  margin: 1.5em auto;
}

#evcar .menu__otoku-content-top-txt02 {
  text-align: center;
  font-size: 1.6em;
  margin-bottom: 2em;
}

#evcar .menu__otoku-content-top-txt03 {
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
}

#evcar .menu__otoku-content-reference {
  text-align: center;
}

#evcar .menu__otoku-content-reference span {
  display: inline-block;
  line-height: 1;
}

#evcar .menu__otoku-content-reference-txt {
  font-size: 3em;
  font-weight: bold;
}

#evcar .menu__otoku-content-reference-num {
  font-size: 6em;
  font-weight: 600;
  background: linear-gradient(to bottom, #f24822 0%, #f51c06 47%, #d05454 70%, #ed0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#evcar .menu__otoku-content-reference-en {
  font-size: 3em;
  font-weight: bold;
}

#evcar .menu__otoku-content-reference-tax {
  font-size: 2em;
  font-weight: bold;
}

#evcar .menu__otoku-content-note {
  text-align: center;
  font-size: 1.6em;
  margin-top: 1em;
}

#evcar .menu__otoku-content-note a {
  text-decoration: underline;
  display: inline-block;
  position: relative;
  padding-right: 1.2em;
}

#evcar .menu__otoku-content-note a:hover {
  text-decoration: none;
  opacity: 1;
}

#evcar .menu__otoku-content-note a::after {
  content: "";
  width: 0.8em;
  height: 0.8em;
  background-image: url(../images/evcar/menu__otoku-content-note-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 0.5em;
  right: 0.15em;
}

#evcar .menu__otoku-content-about {
  background: #FFF7C4;
  padding: 3em;
  border-radius: 1em;
  margin-top: 3em;
}

#evcar .menu__otoku-content-about-img {
  width: 45%;
}

#evcar .menu__otoku-content-about-txt {
  width: 53%;
}

#evcar .menu__otoku-content-about-txt h4 {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 1em;
}

#evcar .menu__otoku-content-about-txt p {
  font-size: 1.4em;
}

#evcar .menu__teian h3 {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5em;
}

#evcar .menu__teian-content {
  background-image: url(../images/evcar/menu__teian-bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  padding: 3em 40em 3em 3em;
}

#evcar .menu__teian-content-txt {
  font-size: 1.6em;
  font-weight: 600;
}

#evcar .menu__teian-content-txt .fs_b {
  font-size: 1.2em;
  font-weight: bold
}

#evcar .menu__teian-content-txt .red {
  color: #FF0000;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {

  #evcar .menu__top {
    font-size: 2em;
  }

  #evcar .menu__otoku {
    margin-bottom: 2em;
  }

  #evcar .menu__otoku h3 {
    padding: 0.5em;
  }

  #evcar .menu__otoku h3 span {
    text-shadow:
      2px 2px 1px #000, -2px -2px 1px #000,
      -2px 2px 1px #000, 2px -2px 1px #000,
      2px 0px 1px #000, -2px -0px 1px #000,
      0px 2px 1px #000, 0px -2px 1px #000;
  }

  #evcar .menu__otoku h3 .menu__otoku-h3-01 {
    font-size: 1.4em;
  }

  #evcar .menu__otoku h3 .menu__otoku-h3-02 {
    font-size: 1.8em;
  }

  #evcar .menu__otoku h3::after {
    border-width: 2em 1em 0 1em;
    bottom: -2em;
  }

  #evcar .menu__otoku-content {
    padding: 3em 1.5em;
  }

  #evcar .menu__otoku-content-top-txt01 {
    font-size: 1.8em;
  }

  #evcar .menu__otoku-content-top-img {
    width: 100%;
  }

  #evcar .menu__otoku-content-top-txt02 {
    font-size: 1.2em;
  }

  #evcar .menu__otoku-content-top-txt03 {
    font-size: 1.8em;
  }

  #evcar .menu__otoku-content-reference-txt {
    font-size: 2em;
  }

  #evcar .menu__otoku-content-reference-num {
    font-size: 4.6em;
  }

  #evcar .menu__otoku-content-reference-en {
    font-size: 3em;
  }

  #evcar .menu__otoku-content-reference-tax {
    font-size: 2em;
  }

  #evcar .menu__otoku-content-note {
    text-align: center;
    font-size: 1.2em;
  }

  #evcar .menu__otoku-content-about {
    padding: 3em 1.5em;
    margin-top: 3em;
  }

  #evcar .menu__otoku-content-about-img {
    width: 100%;
    order: 1;
    margin-top: 2em;
  }

  #evcar .menu__otoku-content-about-txt {
    width: 100%;
  }

  #evcar .menu__teian h3 {
    font-size: 2.2em;
  }

  #evcar .menu__teian-content {
    background-position: 87% center;
    padding: 2em 1.5em;
  }

  #evcar .menu__teian-content-txt {
    font-size: 1.4em;
    text-shadow:
      2px 2px 2px #fff, -2px -2px 2px #fff,
      -2px 2px 2px #fff, 2px -2px 2px #fff,
      2px 0px 2px #fff, -2px -0px 2px #fff,
      0px 2px 2px #fff, 0px -2px 2px #fff;
  }

}

/* ==============================================
 #commercial-aircon
=============================================== */

/* #commercial-aircon #page-mv h2
----------------------------------------------- */
@media only screen and (max-width: 768px) {

  #commercial-aircon #page-mv h2 {
    font-size: 2.2em;
  }

}

/* #commercial-aircon #onayami
----------------------------------------------- */

#commercial-aircon .onayami__list-title::before {
  background-image: url(../images/camera/onayami__list-title-icon.png);
}

/* #commercial-aircon #menu
----------------------------------------------- */

#commercial-aircon .menu__top {
  text-align: center;
  font-size: 4em;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 1em;
}

#commercial-aircon .menu__top .red {
  color: #FF0000;
  font-weight: bold;
}

#commercial-aircon .menu__soudan {
  background: #fff;
  padding: 4em;
  text-align: center;
}

#commercial-aircon .menu__soudan h3 {
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1.5em;
}

#commercial-aircon .menu__soudan-txt01 {
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.4;
  width: 74%;
  margin: 0 auto 2.5em;
}

#commercial-aircon .menu__soudan-txt01 .red {
  color: #FF0000;
  font-weight: 500;
}

#commercial-aircon .menu__soudan-img {
  width: 80em;
  margin: 0 auto 4em;
}

#commercial-aircon .menu__soudan-txt02 {
  color: #FF0000;
  font-size: 4em;
  font-weight: bold;
  line-height: 1;
}


#commercial-aircon .menu__otoku h3 {
  background: #FF0000;
  text-align: center;
  padding: 1em;
  position: relative;
}

#commercial-aircon .menu__otoku h3 span {
  display: inline-block;
  text-shadow:
    2px 2px 2px #000, -2px -2px 2px #000,
    -2px 2px 2px #000, 2px -2px 2px #000,
    2px 0px 2px #000, -2px -0px 2px #000,
    0px 2px 2px #000, 0px -2px 2px #000;
  font-weight: bold;
  line-height: 1.4;
}

#commercial-aircon .menu__otoku h3 .menu__otoku-h3-01 {
  color: #fff;
  font-size: 2.4em;
}

#commercial-aircon .menu__otoku h3::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5em 1.5em 0 1.5em;
  border-color: #FF0000 transparent transparent transparent;
  position: absolute;
  bottom: -2.5em;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}


#commercial-aircon .menu__otoku-content {
  background: #fff;
  padding: 5em;
}

#commercial-aircon .menu__otoku-qbox {
  margin-bottom: 5em;
}

#commercial-aircon .menu__otoku-qbox:last-child {
  margin-bottom: 0;
}

#commercial-aircon .menu__otoku-qbox h4 {
  font-size: 3.2em;
  font-weight: 600;
  line-height: 1.4;
  border-bottom: 1px solid #000;
  padding-bottom: 0.2em;
  margin-bottom: 1em;
  padding-left: 2.2em;
  position: relative;
}

#commercial-aircon .menu__otoku-qbox h4::before {
  content: "";
  width: 1.8em;
  height: 1.8em;
  background-image: url(../images/commercial-aircon/menu__otoku-qbox-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0%;
}

#commercial-aircon .menu__otoku-list {
  justify-content: flex-start;
  margin-bottom: 2em;
}

#commercial-aircon .menu__otoku-list li {
  width: 31.5%;
  margin-right: 2.5%;
}

#commercial-aircon .menu__otoku-list li:last-child {
  margin-right: 0;
}

#commercial-aircon .menu__otoku-list-txt {
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  margin-top: 0.5em;
}

#commercial-aircon .menu__otoku-qbox-btm {
  font-size: 1.6em;
  line-height: 1.4;
}

#commercial-aircon .menu__teian h3 {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5em;
}

#commercial-aircon .menu__teian-content {
  background-image: url(../images/evcar/menu__teian-bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  padding: 3em 40em 3em 3em;
}

#commercial-aircon .menu__teian-content-txt {
  font-size: 1.6em;
  font-weight: 600;
}

#commercial-aircon .menu__teian-content-txt .fs_b {
  font-size: 1.2em;
  font-weight: bold
}

#commercial-aircon .menu__teian-content-txt .red {
  color: #FF0000;
  font-weight: 600;
}


#commercial-aircon .menu__teian-content ul {
  margin-top: 3em;
}

#commercial-aircon .menu__teian-content ul li {
  width: 23.5%;
  text-align: center;
}

#commercial-aircon .menu__teian-txt {
  font-size: 1.6em;
  line-height: 1.4;
  margin-top: 0.5em;
}

@media only screen and (max-width: 768px) {

  #commercial-aircon .menu__top {
    font-size: 1.8em;
  }

  #commercial-aircon .menu__soudan {
    padding: 2em 1.5em;
  }

  #commercial-aircon .menu__soudan h3 {
    font-size: 1.8em;
  }

  #commercial-aircon .menu__soudan-txt01 {
    font-size: 1.4em;
    width: 100%;
  }

  #commercial-aircon .menu__soudan-img {
    width: 100%;
    margin: 0 auto 2em;
  }

  #commercial-aircon .menu__soudan-txt02 {
    font-size: 2em;
  }

  #commercial-aircon .menu__otoku h3 {
    padding: 1em;
  }

  #commercial-aircon .menu__otoku h3 span {
    text-shadow:
      2px 2px 1px #000, -2px -2px 1px #000,
      -2px 2px 1px #000, 2px -2px 1px #000,
      2px 0px 1px #000, -2px -0px 1px #000,
      0px 2px 1px #000, 0px -2px 1px #000;
  }

  #commercial-aircon .menu__otoku h3 .menu__otoku-h3-01 {
    font-size: 1.8em;
  }

  #commercial-aircon .menu__otoku h3::after {
    border-width: 2em 1em 0 1em;
    bottom: -2em;
  }

  #commercial-aircon .menu__otoku-content {
    padding: 3em 1.5em;
  }

  #commercial-aircon .menu__otoku-qbox {
    margin-bottom: 2.5em;
  }

  #commercial-aircon .menu__otoku-qbox h4 {
    font-size: 1.6em;
    padding-bottom: 0;
    padding-left: 2.5em;
    border-bottom: none;
  }

  #commercial-aircon .menu__otoku-qbox h4::before {
    position: absolute;
    top: 50%;
    left: 0%;
    bottom: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }

  #commercial-aircon .menu__otoku-list {
    width: 70%;
    margin: 0 auto 1.5em;
  }

  #commercial-aircon .menu__otoku-list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }

  #commercial-aircon .menu__otoku-list-txt {
    font-size: 1.4em;
  }

  #commercial-aircon .menu__otoku-qbox-btm {
    font-size: 1.4em;
  }

  #commercial-aircon .menu__teian h3 {
    font-size: 2.2em;
  }

  #commercial-aircon .menu__teian-content {
    background-position: 87% center;
    padding: 2em 1.5em;
  }

  #commercial-aircon .menu__teian-content-txt {
    font-size: 1.4em;
    text-shadow:
      2px 2px 2px #fff, -2px -2px 2px #fff,
      -2px 2px 2px #fff, 2px -2px 2px #fff,
      2px 0px 2px #fff, -2px -0px 2px #fff,
      0px 2px 2px #fff, 0px -2px 2px #fff;
  }

  #commercial-aircon .menu__teian-content ul {
    margin-top: 1.5em;
  }

  #commercial-aircon .menu__teian-content ul li {
    width: 49%;
    margin-bottom: 1em;
  }

  #commercial-aircon .menu__teian-txt {
    font-size: 1.4em;
    text-shadow:
      2px 2px 2px #fff, -2px -2px 2px #fff,
      -2px 2px 2px #fff, 2px -2px 2px #fff,
      2px 0px 2px #fff, -2px -0px 2px #fff,
      0px 2px 2px #fff, 0px -2px 2px #fff;
  }


}

/* ==============================================
 #4k8k(#uhdtv)
=============================================== */

/* #uhdtv #onayami
----------------------------------------------- */

#uhdtv .onayami__flex {
  align-items: center;
}

#uhdtv .onayami__flex-left,
#uhdtv .onayami__flex-right {
  width: 48%;
}

#uhdtv .onayami__flex-right h4 {
  font-size: 3.2em;
  font-weight: 600;
  line-height: 1.4;
  border-bottom: 0.1em solid #000;
  margin-bottom: 0.5em;
}

#uhdtv .onayami__flex-right p {
  font-size: 1.6em;
}

@media only screen and (max-width: 768px) {

  #uhdtv .onayami__flex-left,
  #uhdtv .onayami__flex-right {
    width: 100%;
  }

  #uhdtv .onayami__flex-left {
    order: 1;
    margin-top: 2em;
  }

  #uhdtv .onayami__flex-right h4 {
    font-size: 1.8em;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;
  }

  #uhdtv .onayami__flex-right p {
    font-size: 1.4em;
  }

}

/* #uhdtv #menu
----------------------------------------------- */

#uhdtv .menu__top {
  text-align: center;
  font-size: 4em;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 1em;
}

#uhdtv .menu__top .red {
  color: #FF0000;
  font-weight: bold;
}

#uhdtv .menu__otoku {
  margin-bottom: 4em;
}

#uhdtv .menu__otoku h3 {
  background: #FF0000;
  text-align: center;
  padding: 1em;
  position: relative;
}

#uhdtv .menu__otoku h3 span {
  display: inline-block;
  text-shadow:
    2px 2px 2px #000, -2px -2px 2px #000,
    -2px 2px 2px #000, 2px -2px 2px #000,
    2px 0px 2px #000, -2px -0px 2px #000,
    0px 2px 2px #000, 0px -2px 2px #000;
  font-weight: bold;
  line-height: 1.4;
}

#uhdtv .menu__otoku h3 .menu__otoku-h3-01 {
  color: #fff;
  font-size: 2.4em;
}

#uhdtv .menu__otoku h3 .menu__otoku-h3-02 {
  color: #FDDC06;
  font-size: 3.2em;
}

#uhdtv .menu__otoku h3::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5em 1.5em 0 1.5em;
  border-color: #FF0000 transparent transparent transparent;
  position: absolute;
  bottom: -2.5em;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#uhdtv .menu__otoku-content {
  background: #fff;
  padding: 5em 10em;
}

#uhdtv .menu__otoku-content-flex-img {
  width: 40%;
}

#uhdtv .menu__otoku-content-flex-right {
  width: 56%;
}

#uhdtv .menu__otoku-content-flex {
  align-items: center;
}

#uhdtv .menu__otoku-content-flex-right-txt01 {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.4;
}

#uhdtv .menu__otoku-content-flex-right-txt02 {
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}

#uhdtv .menu__otoku-content-reference {
  text-align: center;
  margin-bottom: 2em;
}

#uhdtv .menu__otoku-content-reference span {
  display: inline-block;
  line-height: 1;
}

#uhdtv .menu__otoku-content-reference-txt {
  font-size: 3em;
  font-weight: bold;
}

#uhdtv .menu__otoku-content-reference-num {
  font-size: 6em;
  font-weight: 600;
  background: linear-gradient(to bottom, #f24822 0%, #f51c06 47%, #d05454 70%, #ed0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#uhdtv .menu__otoku-content-reference-en {
  font-size: 3em;
  font-weight: bold;
}

#uhdtv .menu__otoku-content-reference-tax {
  font-size: 2em;
  font-weight: bold;
}

#uhdtv .menu__otoku-content-flex-right-txt03 {
  font-size: 1.4em;
}

#uhdtv .menu__teian h3 {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5em;
}

#uhdtv .menu__teian-content {
  background-image: url(../images/evcar/menu__teian-bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  padding: 3em 40em 3em 3em;
}

#uhdtv .menu__teian-content-txt {
  font-size: 1.6em;
  font-weight: 600;
  margin-bottom: 1.5em;
}

#uhdtv .menu__teian-content-txt .fs_b {
  font-size: 1.2em;
  font-weight: bold
}

#uhdtv .menu__teian-content-txt .red {
  color: #FF0000;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {

  #uhdtv .menu__top {
    font-size: 2em;
  }

  #uhdtv .menu__otoku {
    margin-bottom: 2em;
  }

  #uhdtv .menu__otoku h3 {
    padding: 0.5em;
  }

  #uhdtv .menu__otoku h3 span {
    text-shadow:
      2px 2px 1px #000, -2px -2px 1px #000,
      -2px 2px 1px #000, 2px -2px 1px #000,
      2px 0px 1px #000, -2px -0px 1px #000,
      0px 2px 1px #000, 0px -2px 1px #000;
  }

  #uhdtv .menu__otoku h3 .menu__otoku-h3-01 {
    font-size: 1.4em;
  }

  #uhdtv .menu__otoku h3 .menu__otoku-h3-02 {
    font-size: 1.8em;
  }

  #uhdtv .menu__otoku h3::after {
    border-width: 2em 1em 0 1em;
    bottom: -2em;
  }

  #uhdtv .menu__otoku-content {
    padding: 3em 1.5em;
  }

  #uhdtv .menu__otoku-content-flex-img {
    width: 100%;
    order: 1;
    margin-top: 1.5em;
  }

  #uhdtv .menu__otoku-content-flex-right {
    width: 100%;
  }

  #uhdtv .menu__otoku-content-flex-right-txt01 {
    font-size: 1.6em;
    margin-bottom: 0.5em;
  }

  #uhdtv .menu__otoku-content-flex-right-txt02 {
    font-size: 2em;
    margin-bottom: 0.5em;
  }

  #uhdtv .menu__otoku-content-reference-txt {
    font-size: 2em;
  }

  #uhdtv .menu__otoku-content-reference-num {
    font-size: 4.6em;
  }

  #uhdtv .menu__otoku-content-reference-en {
    font-size: 3em;
  }

  #uhdtv .menu__otoku-content-reference-tax {
    font-size: 2em;
  }

  #uhdtv .menu__otoku-content-flex-right-txt03 {
    font-size: 1.2em;
  }

  #uhdtv .menu__teian h3 {
    font-size: 2.2em;
  }

  #uhdtv .menu__teian-content {
    background-position: 87% center;
    padding: 2em 1.5em;
  }

  #uhdtv .menu__teian-content-txt {
    font-size: 1.4em;
    text-shadow:
      2px 2px 2px #fff, -2px -2px 2px #fff,
      -2px 2px 2px #fff, 2px -2px 2px #fff,
      2px 0px 2px #fff, -2px -0px 2px #fff,
      0px 2px 2px #fff, 0px -2px 2px #fff;
  }

}




/*======================================
========================================
2025/05/02改修　新着情報追加スタイル　ここから
========================================
======================================*/

.news__columnWrapper {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 40px;
  gap: clamp(20px, 3.33vw, 40px);
  margin: 40px auto 80px;
}

@media only screen and (max-width: 768px) {
  .news__columnWrapper {
    display: block;
  }
}

.news__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media only screen and (max-width: 768px) {
  .news__list {
    gap: 0;
  }
}

.news__list .error {
  font-size: 16px;
}

.news__item {
  position: relative;
  width: 100%;
  display: grid;

  padding: 10px;
  bottom: 0;
  box-shadow: 0 0 0 #0002;
  border-radius: 5px;
  transition: all .4s;
}

@media only screen and (max-width: 768px) {

  .news__item {
    border-radius: 0;
  }

  .news__item+.news__item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #000;
  }
}


.news__item:hover {
  bottom: 3px;
  box-shadow: 0 0 20px #0002;
}

.news__link {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .news__link {
    display: block;
  }
}

.news__item__thumb {
  width: 30%;
  aspect-ratio: 3/2;
}

@media only screen and (max-width: 768px) {
  .news__item__thumb {
    width: 320px;
    margin: 0 auto 5px;
  }
}

.news__item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news__item__date {
  font-size: 1.4em;
}

@media only screen and (max-width: 768px) {
  .news__item__date {
    font-size: 1.2em;
    font-size: clamp(12px, 1.2em, 16px);
  }
}

.news__item__ttl {
  font-size: 2.2em;
  line-height: 1.4;
  display: block;

  margin-bottom: .5em;
  border-bottom: 1px solid #000;
  padding-bottom: .5em;
}

@media only screen and (max-width: 768px) {
  .news__item__ttl {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.8em;
    font-size: clamp(14px, 1.8em, 22px);
    padding-bottom: 0;
    border-bottom: 0;

    display: block;
    max-width: 85vw;
  }
}

.news__list__content {
  width: 68%;
}

@media only screen and (max-width: 768px) {

  .news__list__content {
    width: 100%;
    max-width: 512px;
  }
}

.news__item__content {
  font-size: 12px;
  margin-top: .5em;
}

.news__item__catList {
  justify-content: left;
  gap: .5em;
}

.news__item__catItem {
  background: #666;
  color: #fff;
  padding: .2em .5em;
  font-size: 1.2em;
  border-radius: .2em;
  display: flex;
  align-items: center;
}

.news__catItem::before,
.news__item__catItem::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../images/svg/tag.svg) no-repeat center/contain;
  margin-right: .2em;
}

@media only screen and (max-width: 768px) {
  .news__item__catItem {
    font-size: 1em;
    font-size: clamp(10px, 1em, 12px);
  }
}

.news__side {
  min-width: 200px;
  height: max-content;
  position: sticky;
  top: 40px;
}

.news__side__ttl {
  display: block;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: .5em 0;
}

.news__side__linkList {
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.side_archives+.side_archives {
  margin-top: 24px;
}

.cat-item {
  border: 1px solid #000;
}

.cat-item a {
  display: block;
  font-size: 14px;
  padding: .5em 1em;
  gap: .5em;
  display: flex;
}

.cat-item a::before {
  content: "-";
}

.cat-item a:hover {
  background: #FDDC06;
  opacity: 1;
}

.cat-item a:hover::before {
  transform: rotate(360deg);
}

.archive__pagination {
  display: flex;
  width: 500px;
  font-size: 2em;
  gap: 20px;
  justify-content: center;
}

.archive__pagination:has(:first-child) {
  margin: 40px auto 0;
}

.archive__pagination .page-numbers.current {
  color: #dbb00b;
}

.news__header {
  font-size: 3em;
  font-weight: 600;
  padding-bottom: .5em;
  margin-bottom: 1em;
  border-bottom: #000 solid 1px;
}

@media only screen and (max-width: 768px) {
  .news__header {
    font-size: 2.5em;
    font-size: clamp(16px, 2.5em, 24px);
  }
}

.news__header__dataRow {
  font-size: .5em;
}

.news__catItem {
  background: #666;
  color: #fff;
  padding: .1em .5em;
  border-radius: .2em;
  font-size: .8em;
  display: flex;
  align-items: center;
  transition: opacity .2s;
}

.news__catItem__link {
  color: #fff;
}

.news__catItem__link:hover {
  color: #fff;
}


.news__catItem:has(.news__catItem__link:hover) {
  opacity: .6;
}

.news__catList {
  display: flex;
  gap: .5em;
}

.news__single__content h1,
.news__single__content h2,
.news__single__content h3,
.news__single__content h4,
.news__single__content h5,
.news__single__content h6 {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

.news__single__content h1:not(:first-child),
.news__single__content h2:not(:first-child),
.news__single__content h3:not(:first-child),
.news__single__content h4:not(:first-child),
.news__single__content h5:not(:first-child),
.news__single__content h6:not(:first-child) {
  margin-top: 40px;
}

.news__single__content h1 {
  font-size: 4em;
}


.news__single__content h2 {
  font-size: 3.6em;
}


.news__single__content h3 {
  font-size: 3.2em;
}

.news__single__content h4 {
  font-size: 2.8em;
}

.news__single__content h5 {
  font-size: 2.4em;
}

.news__single__content h6 {
  font-size: 2em;
}

.news__single__content p {
  font-size: 1.6em;
  margin-bottom: .5em;
}

@media only screen and (max-width: 768px) {
  .news__single__content h1 {
    font-size: 3.6em;
  }

  .news__single__content h2 {
    font-size: 3.2em;
  }

  .news__single__content h3 {
    font-size: 2.8em;
  }

  .news__single__content h4 {
    font-size: 2.4em;
  }

  .news__single__content h5 {
    font-size: 2em;
  }

  .news__single__content h6 {
    font-size: 1.6em;
  }

  .news__single__content p {
    font-size: 1.4em;
  }
}

.news__single__content a {
  color: #5BB401;
  text-decoration: underline;
}

.news__single__content a:hover {
  text-decoration: none;
}

.news__single__content ul {
  margin-bottom: 1em;
  margin-left: 1em;
}

.news__single__content ul li {
  font-size: 1.6em;
  list-style-type: disc;
}

.news__single__content ol {
  margin-bottom: 1em;
  margin-left: 1em;
}

.news__single__content ol li {
  font-size: 1.6em;
  list-style-type: decimal;
}

.news__single__content strong {
  font-weight: 700;

}

.news__single__content img {
  display: block;
  width: auto;
  width: clamp(300px, 100%, 400px);
  height: auto;
  height: clamp(300px, 100%, 400px);
  margin: auto;
}

.news__columnWrapper .pagenavi {
  margin: 60px auto 20px;
}


/*======================================
========================================
2025/05/02改修　新着情報追加スタイル　ここまで
========================================
======================================*/