@charset "UTF-8";
/* CSS Document */
/* 共通 */
main.koukoudo {
  /* 共通 */
}
main.koukoudo .container {
  max-width: 1200px !important;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1200px) {
  main.koukoudo .container {
    margin-left: 20px;
    margin-right: 20px;
  }
}
main.koukoudo p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 768px) {
  main.koukoudo .contents__title {
    margin: 0 10px;
  }
}
main.koukoudo .contents__title h2.title--middle {
  display: inline-block;
  color: #000000;
  font-size: 42px;
  font-weight: 900;
  margin: 0 auto;
  position: relative;
}
main.koukoudo .contents__title h2.title--middle span.accent {
  background: #101f4f;
  color: #fff;
  padding: 0 10px;
  margin-right: 5px;
}
main.koukoudo .contents__title p.title--sub {
  margin-top: 15px;
  font-size: 18px;
  color: #101f4f;
  font-weight: 700;
  line-height: 1.5;
}

section#title {
  margin: 0;
  position: relative;
  height: 70vh;
  overflow: hidden;
}
@media (max-width: 768px) {
  section#title {
    background: url("../images/brake/koukoudo/main.webp");
    background-size: cover;
  }
}
section#title .title__img--back {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
}
section#title .title__img--back img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media (max-width: 768px) {
  section#title .title__img--back {
    display: none;
  }
}
section#title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
}
@media (max-width: 768px) {
  section#title::before {
    display: none;
  }
}
section#title .container {
  display: flex;
  align-items: center;
  height: 100%;
}
section#title .title__text {
  min-width: 40%;
  z-index: 2;
}
@media (max-width: 768px) {
  section#title .title__text {
    margin-left: 20px;
    background: rgba(255, 255, 255, 0.6);
    padding: 20px;
  }
}
section#title .title__text h1.title__box--large {
  font-size: 4em;
  color: #101f4f;
  font-weight: 900;
}
@media (max-width: 768px) {
  section#title .title__text h1.title__box--large {
    font-size: 2em;
  }
}
section#title .title__text h1.title__box--large span.koukoudo__title--large--sub {
  font-size: 1.3em;
  color: #fff;
  background: #101f4f;
  padding: 0 20px;
  letter-spacing: 0.1em;
}
section#title figure.title__img {
  display: flex;
  max-width: 750px;
  flex-direction: column;
  justify-content: center;
}

section#view {
  margin-top: 0;
  background: #101f4f;
}
section#view .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  section#view .flex {
    flex-direction: column;
  }
}
section#view .view__text {
  min-width: 40%;
  color: #fff;
}
section#view .view__text p {
  font-size: 18px;
  margin-bottom: 20px;
}
section#view .view__text p.text--big {
  font-size: 30px;
  margin-top: 60px;
}
section#view figure {
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
  justify-content: space-between;
  max-width: 450px;
  max-height: 462px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  section#view figure {
    max-width: 300px;
    max-height: 300px;
  }
}

@media (max-width: 768px) {
  section#brak__koukoudo .container {
    padding: 0 10px;
  }
}
section#brak__koukoudo figure.brake__img--cefh {
  max-width: 700px;
  height: auto;
}
section#brak__koukoudo figure.brake__img--cefh img {
  max-width: 100%;
  height: auto;
}
section#brak__koukoudo p {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
section#brak__koukoudo h2.koukoudo__title--bgblue {
  display: inline-flex;
  padding: 4px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.5;
  background: #101f4f;
  color: #fff;
}
section#brak__koukoudo h2.koukoudo__title--bgblue br {
  display: none;
}
@media (max-width: 768px) {
  section#brak__koukoudo h2.koukoudo__title--bgblue br {
    display: block;
  }
}
@media (max-width: 768px) {
  section#brak__koukoudo h2.koukoudo__title--bgblue {
    margin-bottom: 20px;
  }
}
section#brak__koukoudo .brake__bg {
  background-image: url("../images/brake/koukoudo/brake__koukoudo.jpg");
  background-repeat: repeat-x;
  background-position: center center;
}
@media (max-width: 768px) {
  section#brak__koukoudo .brake__bg {
    background-position: top center;
  }
}
section#brak__koukoudo .brake__logo--flex {
  display: flex;
  gap: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  section#brak__koukoudo .brake__logo--flex {
    display: block;
    position: relative;
    text-align: right;
  }
}
section#brak__koukoudo .brake__logo--flex figure img {
  height: 70px;
  width: auto;
}
@media (max-width: 768px) {
  section#brak__koukoudo .brake__logo--flex figure {
    display: inline-block;
    margin-top: 0;
    padding: 10px;
    background: #fff;
  }
}

section#strong {
  padding: 100px 0;
  background: #e8e8e8;
}
@media (max-width: 768px) {
  section#strong {
    padding: 50px 0;
  }
}
section#strong article {
  margin-bottom: 100px;
}
section#strong article:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  section#strong article {
    padding: 0 10px;
  }
}
section#strong .bg--circle {
  background-image: url("../images/koukoudo/circle.png");
  background-repeat: repeat-x;
  background-position: center center;
}
section#strong .box__title {
  display: flex;
  align-items: bottom;
  gap: 20px;
}
section#strong .box__title h2 {
  font-size: 40px;
}
@media (max-width: 768px) {
  section#strong .box__title h2 {
    margin-top: -7px;
  }
}
section#strong .box_text {
  margin-left: 114px;
}
@media (max-width: 768px) {
  section#strong .box_text {
    margin-left: 0;
  }
}
section#strong .box_text h3.box__title--bgblue {
  position: relative;
  background: #101f4f;
  color: #fff;
  margin: 30px 0 20px 0;
  padding: 8px 20px;
  border-bottom: none;
}
section#strong .box_text h3.box__title--bgblue:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #e8e8e8 transparent transparent;
  border-width: 25px 15px 25px 0;
}
@media (max-width: 768px) {
  section#strong .box_text h3.box__title--bgblue:after {
    display: none;
  }
}
section#strong .box_text p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 768px) {
  section#strong .box_text p.no_br br {
    display: none;
  }
}

section#spacer__img--1 {
  margin-top: 0;
}
section#spacer__img--1 .spacer__back {
  position: relative;
  background-image: url("../images/brake/koukoudo/img_back_kanagata.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 380px;
}

section#spacer__img--3 {
  margin-top: 0;
}
section#spacer__img--3 .spacer__back {
  position: relative;
  background-image: url("../images/brake/koukoudo/img_back_6.webp");
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
  height: 380px;
}
@media (max-width: 1240px) {
  section#spacer__img--3 .spacer__back {
    background-size: cover;
  }
}

section#voice .voice__box--text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section#voice .voice__box--text .voice__box--logo {
  display: flex;
  gap: 20px;
  margin-left: 30px;
  align-items: center;
  justify-self: start;
}
@media (max-width: 768px) {
  section#voice .voice__box--text .voice__box--logo {
    justify-content: end;
  }
}
section#voice .voice__box--text .voice__box--logo p {
  color: #101f4f;
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 0;
}
section#voice .voice__box--text .voice__box--logo figure {
  max-width: 181px;
  height: auto;
}
section#voice .voice__box--text .voice__box--logo figure img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  section#voice .voice__box--text .voice__box--logo {
    margin-left: 0;
  }
}
section#voice .voice__box--text .voice__box--comment {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-left: 30px;
}
@media (max-width: 768px) {
  section#voice .voice__box--text .voice__box--comment {
    margin-left: 0;
  }
}
section#voice .voice__box--text .voice__box--comment p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0;
}
section#voice .voice__box {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
@media (max-width: 768px) {
  section#voice .voice__box {
    margin: 20px 10px;
  }
}
section#voice .voice__box .voice__box--img-right {
  display: flex;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  section#voice .voice__box .voice__box--img-right {
    display: block;
  }
}
section#voice .voice__box .voice__box--img-right .voice__box--text {
  margin-right: 50px;
}
@media (max-width: 768px) {
  section#voice .voice__box .voice__box--img-right .voice__box--text {
    margin-right: 0;
  }
}
section#voice .voice__box .voice__box--img-right figure {
  width: 55%;
}
section#voice .voice__box .voice__box--img-right figure img {
  max-width: 100%;
  height: auto;
}
section#voice .voice__box .voice__box--img-left {
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  section#voice .voice__box .voice__box--img-left {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
  }
}
section#voice .voice__box .voice__box--img-left .voice__box--text {
  margin-left: 50px;
}
@media (max-width: 768px) {
  section#voice .voice__box .voice__box--img-left .voice__box--text {
    margin-left: 0;
  }
}
section#voice .voice__box .voice__box--img-left figure {
  width: 55%;
}
section#voice .voice__box .voice__box--img-left figure img {
  max-width: 100%;
  height: auto;
}
section#voice h4.name {
  font-size: 26px;
  color: #e16c00;
  font-weight: 700;
  line-height: 1.5;
  background: none;
  padding-left: 0;
}
section#voice .voice__image--mobile figure {
  margin: 0 auto;
}

section#spacer__img--2 {
  margin-top: 0;
  background: #5a5a5a;
}
@media (max-width: 768px) {
  section#spacer__img--2 {
    display: none;
  }
}
section#spacer__img--2 .parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 380px;
  width: 100%;
}
section#spacer__img--2 .parent .div1 {
  grid-area: 1/1/3/3;
  background: url("../images/brake/koukoudo/img_back_2_3.webp") no-repeat center center;
  background-size: cover;
}
section#spacer__img--2 .parent .div2 {
  grid-area: 1/3/2/5;
  background: url("../images/brake/koukoudo/img_back_3.webp?20241021") no-repeat center center;
  background-size: cover;
}
section#spacer__img--2 .parent .div3 {
  grid-area: 2/3/3/4;
  background: url("../images/brake/koukoudo/img_back_7.webp") no-repeat center center;
  background-size: cover;
}
section#spacer__img--2 .parent .div4 {
  grid-area: 2/4/3/5;
  background: url("../images/brake/koukoudo/img_back_5.webp") no-repeat center center;
  background-size: cover;
}
section#spacer__img--2 .spacer__back {
  display: flex;
  margin: 0 auto;
}
section#spacer__img--2 .spacer__back .spacer__back-img1,
section#spacer__img--2 .spacer__back .spacer__back-box1 {
  width: 50%;
  height: 100%;
  overflow: hidden;
}
section#spacer__img--2 .spacer__back .spacer__back-img1 img,
section#spacer__img--2 .spacer__back .spacer__back-box1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section#spacer__img--2 .spacer__back .spacer__back-box2 {
  display: flex;
}
section#spacer__img--2 .spacer__back .spacer__back-box--img2 {
  height: 250px;
  overflow: hidden;
  position: relative;
}
section#spacer__img--2 .spacer__back .spacer__back-box--img2 img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
section#spacer__img--2 .spacer__back .spacer__back-box--img3,
section#spacer__img--2 .spacer__back .spacer__back-box--img4 {
  height: 250px;
  width: 50%;
  overflow: hidden;
}
section#spacer__img--2 .spacer__back .spacer__back-box--img3 img,
section#spacer__img--2 .spacer__back .spacer__back-box--img4 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section#contact {
  /* 背景画像 */
  margin-top: 0;
  margin-bottom: 0;
  padding: 100px 0;
  background: url("../images/brake/koukoudo/main.webp") center/cover no-repeat;
  position: relative;
  /* 背景画像の上に表示 */
}
@media (max-width: 768px) {
  section#contact {
    padding: 50px 0;
  }
}
section#contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: lightgray;
  opacity: 0.5;
  z-index: 1;
}
section#contact * {
  position: relative;
  z-index: 2;
}
section#contact i {
  color: #fff;
  font-size: 20px;
  margin-right: 10px;
}
section#contact h2.koukoudo__title--middle {
  display: inline-block;
  padding: 10px 35px;
  color: #fff;
  background: #101f4f;
  font-size: 32px;
  font-weight: 700;
  margin: 0 auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
section#contact p {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  margin-top: 50px;
}
section#contact p.point {
  color: #101f4f;
  text-align: center;
  font-size: 26px;
  font-weight: 900;
}
section#contact .border--blue {
  margin: 20px 10px;
  padding: 0 20px 50px 20px;
  border: 2px solid #101f4f;
  background: rgba(255, 255, 255, 0.6);
}
section#contact .box--btn {
  display: flex;
  gap: 45px;
  justify-content: center;
  margin-top: 50px;
}
@media (max-width: 768px) {
  section#contact .box--btn {
    flex-direction: column;
    gap: 20px;
  }
}
section#contact .box--btn .btn--koukoudo {
  display: flex;
  border-radius: 36px;
  border: 2px solid #fff;
}
section#contact .box--btn .btn--koukoudo a {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 20px 40px;
  justify-content: center;
  align-items: center;
}
section#contact .box--btn .btn--koukoudo p {
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}
section#contact .box--btn .btn--koukoudo.tell {
  transition: all 300ms;
}
section#contact .box--btn .btn--koukoudo.tell:hover {
  transform: translate3d(0, 3px, 0);
  cursor: pointer;
}
section#contact .box--btn .btn--koukoudo.tell:hover::before {
  opacity: 0;
}
section#contact .box--btn .btn--koukoudo.tell::before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: linear-gradient(90deg, #e16c00 0%, #e1a200 100%);
  transition: 0.3s ease-in-out;
  border-radius: 33px;
}
section#contact .box--btn .btn--koukoudo.tell::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -2;
  background: #e16c00;
  border-radius: 33px;
}
section#contact .box--btn .btn--koukoudo.tell a {
  display: flex;
  color: #fff;
  width: 100%;
  height: 100%;
}
section#contact .box--btn .btn--koukoudo.tell a:hover {
  color: #fff;
  text-shadow: 2px 2px 4px #e16c00;
}
section#contact .box--btn .btn--koukoudo.mail {
  transition: all 300ms;
}
section#contact .box--btn .btn--koukoudo.mail:hover {
  transform: translate3d(0, 3px, 0);
  cursor: pointer;
}
section#contact .box--btn .btn--koukoudo.mail:hover::before {
  opacity: 0;
}
section#contact .box--btn .btn--koukoudo.mail::before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: linear-gradient(90deg, #0029ad 0%, #009fd1 100%);
  transition: 0.3s ease-in-out;
  border-radius: 33px;
}
section#contact .box--btn .btn--koukoudo.mail::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -2;
  background: #0029ad;
  border-radius: 33px;
}
section#contact .box--btn .btn--koukoudo.mail a {
  display: flex;
  color: #fff;
  width: 100%;
  height: 100%;
}
section#contact .box--btn .btn--koukoudo.mail a:hover {
  color: #fff;
  text-shadow: 2px 3px 6px #101f4f;
}
section#contact .box--btn .btn--koukoudo .yazirusi {
  width: 14px;
  height: 19px;
  margin-left: 10px;
  transition: transform 300ms;
}
section#contact .box--btn .btn--koukoudo:hover .yazirusi {
  transform: translateX(15px);
}

section#company {
  margin: 0;
  padding: 100px 0;
  height: 600px;
  background: url("../images/brake/koukoudo/conic.webp") center bottom/cover no-repeat;
}
section#company h2.title--bgblue {
  display: inline-block;
  padding: 15px 30px;
  font-size: 32px;
  font-weight: 700;
  background: #101f4f;
  color: #fff;
}
@media (max-width: 768px) {
  section#company h2.title--bgblue {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  section#company h2.title--bgblue br {
    display: none;
  }
}

.koukoudo__navi {
  margin-top: 0;
  padding: 20px 0;
  width: 100%;
  position: fixed;
  top: 180px;
  right: 0;
  background: #101f4f;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
  z-index: 100;
}
.koukoudo__navi ul {
  display: flex;
  justify-content: end;
  gap: 20px;
}
.koukoudo__navi ul li {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.koukoudo__navi ul li a {
  color: #fff;
  transition: all 300ms;
}
.koukoudo__navi ul li a:hover {
  color: #d15000;
}

.back_blue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 31, 79, 0.8);
  z-index: 1; /* 背景画像の上に表示 */
}
.back_blue * {
  position: relative;
  z-index: 2;
}

.conF {
  margin-top: 0;
}

.box_popup {
  color: #fff;
  background: #1c2a53;
  border-radius: 15px;
  padding: 30px;
  max-width: 980px;
}
.box_popup h2 {
  font-size: 22px;
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  margin-bottom: 20px;
  border-bottom: 2px solid #fff;
}
@media (max-width: 767px) {
  .box_popup h2 {
    padding-left: 40px;
  }
}
.box_popup h2:not(:first-of-type) {
  margin-top: 30px;
}
.box_popup h2.mobile_tyumon {
  padding-left: 0;
}
.box_popup h2.title_tell {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2226%22%20viewBox%3D%220%200%2025%2026%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_11_626)%22%3E%3Cpath%20d%3D%22M4.62935%201.55938C2.91157%202.67344%202.57412%206.15581%203.22266%208.99405C3.72774%2011.2043%204.80156%2014.1692%206.61231%2016.9611C8.31572%2019.5876%2010.6922%2021.9426%2012.5043%2023.3052C14.8313%2025.0548%2018.1486%2026.1669%2019.8664%2025.0529C20.735%2024.4896%2022.0254%2022.9504%2022.0843%2022.6743C22.0843%2022.6743%2021.3276%2021.5075%2021.1615%2021.2514L18.6238%2017.3386C18.4353%2017.0478%2017.2526%2017.3136%2016.6519%2017.6539C15.8415%2018.113%2015.0951%2019.3451%2015.0951%2019.3451C14.5395%2019.6661%2014.074%2019.3462%2013.1016%2018.8987C11.9064%2018.3488%2010.5626%2016.6402%209.49317%2015.0927C8.51636%2013.4851%207.5043%2011.5613%207.48965%2010.2458C7.47759%209.17539%207.37534%208.62002%207.89512%208.24356C7.89512%208.24356%209.32442%208.06455%2010.0742%207.51192C10.6299%207.10215%2011.3548%206.13076%2011.1663%205.83994L8.62857%201.92715C8.4625%201.6711%207.70576%200.5043%207.70576%200.5043C7.42954%200.445462%205.49795%200.996048%204.62935%201.55938Z%22%20fill%3D%22white%22%20/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_11_626%22%3E%3Crect%20width%3D%2225%22%20height%3D%2225%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.5)%22%20/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.box_popup h2.title_fax {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2227%22%20height%3D%2228%22%20viewBox%3D%220%200%2027%2028%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_11_631)%22%3E%3Cpath%20d%3D%22M3.08132%2020.789H4.07041C5.62175%2020.789%206.87957%2019.5312%206.87957%2017.9798V11.3969C6.87957%209.84559%205.62175%208.58777%204.07041%208.58777H3.08132C1.52998%208.58777%200.272217%209.84559%200.272217%2011.3969V17.9798C0.272164%2019.5312%201.52993%2020.789%203.08132%2020.789Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M23.9165%209.60628V5.19373L19.2218%200.5H18.9286H8.24797V9.54089V10.8069V12.2228V16.8243V17.9798C8.24797%2020.3096%206.35281%2022.2048%204.02295%2022.2048H3.03386C1.97796%2022.2048%201.01382%2021.813%200.272217%2021.1701V24.0216C0.272217%2025.9426%201.82957%2027.5%203.75058%2027.5H23.2495C25.1705%2027.5%2026.7279%2025.9426%2026.7279%2024.0216V13.0192C26.7279%2011.3268%2025.518%209.91741%2023.9165%209.60628ZM9.66384%201.91587H18.6355L18.7079%201.98822V5.73579H22.4564L22.5007%205.77998V9.54089H9.66384V1.91587ZM12.3946%2023.1962C11.8881%2023.1962%2011.4774%2022.7855%2011.4774%2022.279C11.4774%2021.7726%2011.8881%2021.3614%2012.3946%2021.3614C12.9012%2021.3614%2013.3122%2021.7725%2013.3122%2022.279C13.3122%2022.7855%2012.9012%2023.1962%2012.3946%2023.1962ZM12.3946%2020.2064C11.8881%2020.2064%2011.4774%2019.7958%2011.4774%2019.2892C11.4774%2018.7827%2011.8881%2018.3716%2012.3946%2018.3716C12.9012%2018.3716%2013.3122%2018.7827%2013.3122%2019.2892C13.3122%2019.7957%2012.9012%2020.2064%2012.3946%2020.2064ZM12.3946%2017.2175C11.8881%2017.2175%2011.4774%2016.8068%2011.4774%2016.3003C11.4774%2015.7938%2011.8881%2015.3827%2012.3946%2015.3827C12.9012%2015.3827%2013.3122%2015.7938%2013.3122%2016.3003C13.3122%2016.8068%2012.9012%2017.2175%2012.3946%2017.2175ZM17.1146%2023.1962C16.6081%2023.1962%2016.1974%2022.7855%2016.1974%2022.279C16.1974%2021.7726%2016.6081%2021.3614%2017.1146%2021.3614C17.6211%2021.3614%2018.0323%2021.7725%2018.0323%2022.279C18.0323%2022.7855%2017.6211%2023.1962%2017.1146%2023.1962ZM17.1146%2020.2064C16.6081%2020.2064%2016.1974%2019.7958%2016.1974%2019.2892C16.1974%2018.7827%2016.6081%2018.3716%2017.1146%2018.3716C17.6211%2018.3716%2018.0323%2018.7827%2018.0323%2019.2892C18.0322%2019.7957%2017.6211%2020.2064%2017.1146%2020.2064ZM17.1146%2017.2175C16.6081%2017.2175%2016.1974%2016.8068%2016.1974%2016.3003C16.1974%2015.7938%2016.6081%2015.3827%2017.1146%2015.3827C17.6211%2015.3827%2018.0323%2015.7938%2018.0323%2016.3003C18.0322%2016.8068%2017.6211%2017.2175%2017.1146%2017.2175ZM21.8346%2023.1962C21.3281%2023.1962%2020.9174%2022.7855%2020.9174%2022.279C20.9174%2021.7726%2021.3281%2021.3614%2021.8346%2021.3614C22.3416%2021.3614%2022.7522%2021.7725%2022.7522%2022.279C22.7522%2022.7855%2022.3416%2023.1962%2021.8346%2023.1962ZM21.8346%2020.2064C21.3281%2020.2064%2020.9174%2019.7958%2020.9174%2019.2892C20.9174%2018.7827%2021.3281%2018.3716%2021.8346%2018.3716C22.3416%2018.3716%2022.7522%2018.7827%2022.7522%2019.2892C22.7522%2019.7957%2022.3416%2020.2064%2021.8346%2020.2064ZM21.8346%2017.2175C21.3281%2017.2175%2020.9174%2016.8068%2020.9174%2016.3003C20.9174%2015.7938%2021.3281%2015.3827%2021.8346%2015.3827C22.3416%2015.3827%2022.7522%2015.7938%2022.7522%2016.3003C22.7522%2016.8068%2022.3416%2017.2175%2021.8346%2017.2175ZM21.8807%2013.9936H12.4416C11.9203%2013.9936%2011.4977%2013.571%2011.4977%2013.0496C11.4977%2012.5283%2011.9203%2012.1057%2012.4416%2012.1057H21.8807C22.402%2012.1057%2022.8246%2012.5283%2022.8246%2013.0496C22.8246%2013.5709%2022.4019%2013.9936%2021.8807%2013.9936Z%22%20fill%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_11_631%22%3E%3Crect%20width%3D%2227%22%20height%3D%2227%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.5)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .box_popup h2.title_fax {
    margin-top: 50px;
  }
}
.box_popup h2.title_mail {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2.54145%203.76404H27.2085C27.6451%203.76404%2028%204.14258%2028%204.60912V6.27113L14.875%2015.6526L1.75%206.27026V4.60912C1.75%204.14258%202.10489%203.76404%202.54145%203.76404Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M28%209.73525V20.8582C28%2022.7244%2026.5829%2024.236%2024.8325%2024.236H4.91748C3.16709%2024.236%201.75%2022.7244%201.75%2020.8582V9.73438L14.875%2019.1167L28%209.73525Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .box_popup h2.title_mail {
    margin-top: 50px;
  }
}
.box_popup .box_left {
  max-width: 250px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .box_popup .box_left {
    max-width: 100%;
    margin: 0 10px 30px 10px;
  }
}
.box_popup .box_left .box_kanagata {
  width: 100% !important;
  margin-bottom: 30px;
  border-radius: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .box_popup .box_left .box_kanagata {
    max-width: 250px;
  }
}
.box_popup .box_left .box_kanagata:hover {
  transform: initial;
  box-shadow: none;
}
.box_popup .box_left .box_kanagata .text {
  margin: 0 !important;
}
.box_popup .box_left .box_kanagata .images img {
  width: 100%;
  height: auto;
}
.box_popup .box_left ul.list_space {
  margin-left: 0;
}
.box_popup .box_right {
  margin-left: 0;
}
.box_popup .box_right p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.box_popup .box_right p span.pdf_white {
  margin-right: 5px;
}
.box_popup .box_right p span.pdf_white a {
  color: #fff !important;
  border-bottom: 1px solid #fff;
  transition: 0.3s;
}
.box_popup .box_right p span.pdf_white a:hover {
  color: #fffcc6 !important;
  border-bottom: 1px solid #fffcc6;
}
.box_popup .box_right p.small {
  margin-top: 15px;
  font-size: 14px !important;
}
.box_popup .box_right .box_contacts {
  padding: 8px 20px;
  background: #fff;
  width: 100%;
  margin-left: 0;
}
@media (max-width: 767px) {
  .box_popup .box_right .box_contacts {
    padding: 15px 10px;
  }
}
.box_popup .box_right .box_contacts.box_contacts--btn {
  border-radius: 20px;
  display: inline-block;
  width: initial;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .box_popup .box_right .box_contacts.box_contacts--btn p {
    margin-bottom: 0 !important;
    white-space: normal !important;
  }
}
.box_popup .box_right .box_contacts.box_contacts--btn a {
  transition: 0.3s;
}
.box_popup .box_right .box_contacts .flex {
  align-items: center;
  justify-content: center;
}
.box_popup .box_right .box_contacts .flex p {
  display: inline-block;
  color: #e15100;
  font-size: 18px;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .box_popup .box_right .box_contacts .flex p {
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
  }
}
.box_popup .box_right .box_contacts .flex .width40 {
  width: 40%;
  text-align: center;
}
@media (max-width: 767px) {
  .box_popup .box_right .box_contacts .flex .width40 {
    width: 100%;
  }
}
.box_popup .box_right .box_contacts .flex .box_contacts--small {
  margin-left: 20px;
  display: grid;
}
@media (max-width: 767px) {
  .box_popup .box_right .box_contacts .flex .box_contacts--small {
    margin: 0 auto;
    width: 100%;
  }
}
.box_popup .box_right .box_contacts .flex .box_contacts--small .flex {
  display: flex;
  align-items: center;
  justify-self: start;
}
@media (max-width: 767px) {
  .box_popup .box_right .box_contacts .flex .box_contacts--small .flex {
    justify-self: center;
  }
}
.box_popup .box_right .box_contacts .flex .box_contacts--small .flex p {
  color: #000;
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 0;
}
.box_popup .box_right .box_contacts .flex .box_contacts--small .flex img {
  margin-right: 5px;
}
.box_popup .box_right .box_contacts .flex .box_contacts--small .small {
  color: #666;
  font-size: 14px;
}
.box_popup .box_right .btn_copy {
  background: #252525;
  color: #fff;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 8px;
  transition: 0.3s;
  white-space: nowrap;
}
.box_popup .box_right .btn_copy:active {
  background: #828282;
  color: #fff;
  transform: translateY(5px);
}

.lity-wrap {
  z-index: 99990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  text-align: center;
  outline: none !important;
  overflow: scroll;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lity-content > * {
  max-height: none !important;
}

.lity-image img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* PDFダウンロード */
section#download_pdf {
  padding: 50px 0;
  background: #fff;
  position: relative;
  /*-- モバイル版（PDF画像） --*/
}
section#download_pdf .width980 {
  max-width: 980px !important;
  margin: 0 auto;
}
section#download_pdf .btn_pdf {
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid #ff0000;
  border-radius: 10px;
  padding: 0;
  display: inline-block;
}
section#download_pdf .btn_pdf a {
  display: block;
  padding: 15px 40px;
  color: #2c2c2c;
  transition: 0.3s all ease-in-out;
  border-radius: 11px;
}
section#download_pdf .btn_pdf a:hover {
  color: #2c2c2c;
  background: #ffdfc5;
}
section#download_pdf .flex .box_text {
  width: calc(100% - 360px);
}
@media (max-width: 767px) {
  section#download_pdf .flex .box_text {
    width: 100%;
  }
}
section#download_pdf .flex .box_text img {
  width: 100%;
  height: auto;
}
section#download_pdf .flex .box_thumbnail .images {
  width: 330px;
  flex: 0 0 auto;
  margin-left: 30px;
}
@media (max-width: 767px) {
  section#download_pdf .flex .box_thumbnail {
    display: none;
  }
}
section#download_pdf .pdf_images {
  margin-top: 0;
  padding-top: 0;
}
section#download_pdf .pdf_images .images {
  width: 100%;
  flex: 0 0 auto;
  margin-left: 30px;
}
@media (min-width: 766px) {
  section#download_pdf .pdf_images .images {
    display: none;
  }
}
section#download_pdf .pdf_images .images img:not(first-of-type) {
  margin-top: 15px;
}
section#download_pdf .pdf_images .images .btn_more {
  background: #0c1d49;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #0c1d49;
  border-radius: 13px;
  transition: 0.3s all ease-in-out;
  width: 60%;
  text-align: center;
  margin-inline: auto;
  margin-top: 15px;
  padding: 12px 15px;
  display: block;
  color: #fff;
}
section#download_pdf .pdf_images .images .box_more {
  display: none;
}

/* 商品ページリンク */
section#link_product {
  margin-top: 0;
  padding: 50px 0;
  background: #e8e8e8;
  position: relative;
}
section#link_product .contents_item {
  display: flex;
  gap: 30px;
  margin-left: 0;
  margin: 0 auto;
}
@media (max-width: 767px) {
  section#link_product .contents_item.mobile_no_flex {
    flex-direction: column;
    gap: 0;
  }
}
section#link_product .images.logo_cefh_euro {
  height: 90px;
  width: auto;
}
section#link_product .images.logo_cefh_euro img {
  height: 100%;
  width: auto;
}
section#link_product h3 {
  color: #2a2a2a;
  font-size: 18px;
  text-align: left;
  margin-top: 10px;
  /*== ボタン共通設定 */
  /*== 背景が流れる（下から上） */
  /*ボタン内spanの形状*/
}
section#link_product h3.btn {
  width: 100%;
  /*アニメーションの起点とするためrelativeを指定*/
  position: relative;
  overflow: hidden;
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #e96c0e;
  padding: 5px 5px;
  outline: none;
  /*アニメーションの指定*/
  transition: ease 0.2s;
}
section#link_product h3.bgbottom:before {
  content: "";
  /*絶対配置で位置を指定*/
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  /*色や形状*/
  background: #e96c0e; /*背景色*/
  width: 100%;
  height: 0;
  /*アニメーション*/
  transition: 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
section#link_product h3.btn span {
  position: relative;
  z-index: 3; /*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color: #333;
  transition: 0.3s all ease-in-out;
}
section#link_product h3.btn span:hover, section#link_product h3.btn span:active {
  color: #fff;
}
section#link_product .box_border {
  margin-top: 15px;
  margin-left: 0;
  border: 2px solid #03377e;
  transition: 0.3s all ease-in-out;
  max-width: 300px;
  border-radius: 5px;
  background: #fff;
}
section#link_product .box_border a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 15px;
}
section#link_product .box_border a p {
  color: #2c2c2c;
  font-size: 14px;
  margin: 0 10px;
}
section#link_product .box_border:hover {
  border: 2px solid #e96c0e;
  background: #fff3e9;
  box-shadow: 0px 10px 15px -8px #777777;
}
section#link_product .box_border:hover h3 {
  border-color: #00125b;
  /*-- hoverしたときの形状 --*/
}
section#link_product .box_border:hover h3.btn span {
  color: #fff;
}
section#link_product .box_border:hover h3.bgbottom:before {
  height: 100%;
  background-color: #00125b;
}
section#link_product .box_border:hover .image_item_frame {
  border: 1px solid #e96c0e;
}
section#link_product .box_border:hover .image_item_frame img {
  transform: scale(1.1);
}
section#link_product .box_border .image_item_frame {
  border: 1px solid #00125b;
  aspect-ratio: 3/2;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
section#link_product .box_border .image_item_frame img {
  width: auto;
  height: 100%;
  vertical-align: center;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 760px) {
  section#link_product .box_border .image_item_frame img {
    width: 100%;
  }
}
section#link_product .box_border .image_item_frame.height img {
  height: 100%;
  width: auto;
}
@media (max-width: 767px) {
  section#link_product .box_border {
    margin-bottom: 20px;
  }
}/*# sourceMappingURL=koukoudo.css.map */