@charset "UTF-8";
/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
/***********************

header

**********************/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&display=swap");
#header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: max(18px, 0.9375vw) max(10px, 0.5208vw) max(20px, 1.0416vw) max(30px, 1.5625vw);
  max-height: 110px;
  z-index: 12;
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  #header {
    top: -1px;
    padding: max(20px, 2.604vw) max(10px, 1.302vw) max(14px, 1.8229vw) max(14px, 1.8229vw);
    z-index: 99;
  }
}
@media screen and (max-width: 768px) {
  #header {
    top: 0px;
    padding: max(20px, 2.604vw) max(10px, 1.302vw) max(14px, 1.8229vw) max(14px, 1.8229vw);
    z-index: 99;
  }
}
@media screen and (max-width: 450px) {
  #header {
    top: 0px;
    padding: max(20px, 4.444vw) max(10px, 2.222vw) max(14px, 3.111vw) max(14px, 14px, 3.111vw);
    z-index: 99;
  }
}
#header.pagesHd {
  background: #002754;
}
#header .mainlogo {
  width: min(283.35px, 14.757vw);
  z-index: 11;
}
@media screen and (max-width: 1024px) {
  #header .mainlogo {
    width: min(283.35px, 36.894vw);
  }
}
#header .mainlogo img {
  width: 100%;
}
#header #navClmn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  #header #navClmn {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: flex-start;
    background: rgba(0, 39, 84, 0.9);
    z-index: 10;
    padding-top: max(120px, 6.25vw);
    transition: opacity 0.3s ease 0s, visibility 0.31s ease 0s;
    padding-bottom: 200px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav {
    width: 100%;
    padding-top: 20%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn nav {
    padding-top: 5%;
  }
}
#header #navClmn nav .navList {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList {
    display: block;
    text-align: center;
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn nav .navList {
    display: block;
    text-align: center;
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn nav .navList {
    display: block;
    text-align: center;
    width: 90%;
  }
}
#header #navClmn nav .navList-item:hover {
  box-shadow: 0px 1px 0px 0px #EEFF30;
}
#header #navClmn nav .navList-item {
  transition: 0.3s;
  padding-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item {
    text-align: left;
  }
}
#header #navClmn nav .navList-item a {
  color: #fff;
  font-size: min(20px, 1.25rem);
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item a {
    font-size: max(26px, 1.625rem);
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn nav .navList-item a {
    font-size: max(22px, 1.375rem);
    font-weight: 600;
  }
}
@media screen and (max-width: 450px) {
  #header #navClmn nav .navList-item a {
    font-size: max(20px, 1.25rem);
  }
}
#header #navClmn nav .navList-item a span {
  line-height: 1;
}
#header #navClmn nav .navList-item + .navList-item {
  margin-left: min(30px, 1.5625vw);
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item + .navList-item {
    margin-left: 0;
    margin-top: 35px;
    border-top: solid 1px #fff;
    padding-top: 35px;
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn nav .navList-item + .navList-item {
    margin-top: 35px;
    border-top: solid 1px #fff;
    padding-top: 35px;
  }
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item .pc-only {
    display: none;
  }
}
#header #navClmn nav .navList-item.nav-toggle {
  position: relative;
  cursor: pointer;
}
#header #navClmn nav .navList-item.nav-toggle .nav-toggle_List {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: min(10px, 0.5208vw);
  width: min(276px, 14.375vw);
  padding-top: min(55px, 2.8645vw);
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List {
    opacity: 1;
    visibility: inherit;
    justify-content: space-between;
    display: none;
  }
}
#header #navClmn nav .navList-item.nav-toggle .nav-toggle_List ul {
  background: rgba(0, 0, 0, 0.3);
  padding: min(20px, 1.0416vw) min(16px, 0.8333vw);
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List ul {
    background: initial;
    position: static;
    margin-top: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    background: none;
    padding: 0;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List {
    position: static;
    margin-top: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    background: none;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List {
    justify-content: space-between;
  }
}
#header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li {
  transition: 0.3s;
  padding-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li {
    text-align: center;
    border: solid 1px #fff;
    border-radius: 5px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px min(20px, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li {
    margin-right: 0px;
    padding: min(20px, 1.25rem);
  }
}
@media screen and (max-width: 450px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li {
    padding: min(16px, 1rem);
    width: -moz-fit-content;
    width: fit-content;
  }
}
#header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li a {
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li a {
    font-size: max(18px, 1.125rem);
    line-height: 1.5;
    font-weight: 300;
  }
}
@media screen and (max-width: 450px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li a {
    font-size: max(16px, 1rem);
  }
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li a span {
    display: none;
  }
}
#header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li:hover {
  box-shadow: 0px 1px 0px 0px #EEFF30;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li:hover {
    box-shadow: none;
  }
}
#header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li + li {
  margin-top: 1.5em;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle .nav-toggle_List li + li {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle:nth-of-type(5) .nav-toggle_List ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px 15px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle:nth-of-type(5) .nav-toggle_List ul li {
    text-align: left;
    border: none;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle:nth-of-type(5) .nav-toggle_List ul li a {
    font-size: max(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  #header #navClmn nav .navList-item.nav-toggle:nth-of-type(5) .nav-toggle_List ul li a {
    font-size: max(16px, 1rem);
    letter-spacing: 0;
  }
}
#header #navClmn nav .navList-item.nav-toggle:nth-of-type(5) .nav-toggle_List ul li.application {
  grid-column: 1/2;
  grid-row: 3/3;
}
#header #navClmn nav .navList-item.nav-toggle:nth-of-type(5) .nav-toggle_List ul li.dsb {
  grid-column: 2/3;
  grid-row: 1/2;
}
#header #navClmn nav .navList-item.nav-toggle:nth-of-type(5) .nav-toggle_List ul li.news {
  grid-column: 1/2;
  grid-row: 1/3;
}
#header #navClmn nav .navList-item.nav-toggle:nth-of-type(5) .nav-toggle_List ul li.repair {
  grid-column: 2/3;
  grid-row: 2/2;
}
#header #navClmn nav .navList-item.nav-toggle:nth-of-type(5) .nav-toggle_List ul li.faq {
  grid-column: 1/2;
  grid-row: 2/3;
}
#header #navClmn nav .navList-item .seihinList {
  display: none;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 30px;
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item .seihinList {
    display: grid;
  }
}
#header #navClmn nav .navList-item .seihinList li {
  border: solid 1px #fff;
  border-radius: 5px;
  padding: 20px 5px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item .seihinList li a {
    font-size: max(18px, 1.125rem);
    font-weight: 500;
  }
}
@media screen and (max-width: 450px) {
  #header #navClmn nav .navList-item .seihinList li a {
    font-size: max(16px, 1rem);
  }
}
#header #navClmn nav .navList-item.sns {
  border-top: none;
}
#header #navClmn nav .navList-item.sns ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  #header #navClmn nav .navList-item.sns ul {
    margin-top: 0px;
  }
}
#header #navClmn nav .navList-item.sns ul li a {
  display: block;
  width: 35px;
  height: 35px;
}
#header #navClmn nav .navList-item.sns ul li a.insta {
  background: url(../images/common/insta_white.svg) no-repeat center;
  background-size: contain;
}
#header #navClmn nav .navList-item.sns ul li a.twitter {
  background: url(../images/common/twitter_white.svg) no-repeat center;
  background-size: contain;
}
#header #navClmn nav .navList-item.sns ul li + li {
  margin-left: 1.5em;
}
#header #navClmn .nav-infomationeClmn {
  margin-left: min(30px, 1.5625vw);
}
@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn {
    position: absolute;
    top: 15vw;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn .nav-infomationeClmn {
    display: none;
  }
}
#header #navClmn .nav-infomationeClmn-List {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn-List {
    display: flex;
    width: 75%;
    justify-content: center;
    margin: 0 auto;
    justify-content: space-around;
  }
}
#header #navClmn .nav-infomationeClmn-List__item {
  width: min(80px, 5.517vw);
  padding: 10px 2px;
  border: solid 2px #fff;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn-List__item {
    max-width: 150px;
    width: 19.53%;
    padding: 0;
    margin-left: 0 !important;
  }
}
#header #navClmn .nav-infomationeClmn-List__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff;
}
#header #navClmn .nav-infomationeClmn-List__item a figure {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn-List__item a figure {
    display: flex;
    flex-flow: column;
    align-items: center;
  }
}
#header #navClmn .nav-infomationeClmn-List__item a figure img {
  width: 20px;
  margin: 0 auto;
}
#header #navClmn .nav-infomationeClmn-List__item a figure figcaption {
  margin-top: 8px;
  font-size: min(18px, 1.125rem);
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn-List__item a figure figcaption {
    font-size: max(20px, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn .nav-infomationeClmn-List__item a figure figcaption {
    font-size: max(18px, 1.125rem);
    margin-top: 0;
    margin-left: 10px;
  }
}
#header #navClmn .nav-infomationeClmn-List__item a.pc-only {
  display: flex;
}
@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn-List__item a.pc-only {
    display: none;
  }
}
#header #navClmn .nav-infomationeClmn-List__item a.web-only {
  display: none;
}
@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn-List__item a.web-only {
    display: block;
    padding: 0;
    position: relative;
    z-index: 11;
    padding: max(20px, 1.953vw) 0;
  }
}
#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  content: "";
  left: 0;
  top: initial;
  padding: 0px;
  width: -moz-max-content;
  width: max-content;
  padding-top: min(33px, 1.71875vw);
}
#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul {
  background: rgba(0, 0, 0, 0.4);
  padding: min(20px, 1.0416vw) min(16px, 0.8333vw);
}
#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li {
  text-align: left;
  color: #fff;
  font-size: min(18px, 1.125rem);
}
#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li a {
  display: block;
  width: 100%;
}
#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li a.tel-link {
  border-top: 1px solid #fff;
  padding-top: 4px;
}
#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li a p {
  text-align: left;
  font-size: min(18px, 1.125rem);
}
#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li a p.addres {
  line-height: 1.5;
  margin-top: 5px;
  padding-right: min(30px,1.563vw);
  position: relative;
}
#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li a p.addres::before {
  position: absolute;
  content: "";
  width: min(25px, 1.302vw);
  height: min(25px, 1.302vw);
  background: url(../images/common/acsess.svg) no-repeat center;
  background-size: contain;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li + li {
  margin-top: 1.5em;
}
#header #navClmn .nav-infomationeClmn-List__item + .nav-infomationeClmn-List__item {
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  #header #navClmn .nav-infomationeClmn-List__item + .nav-infomationeClmn-List__item {
    margin-top: 20px;
    margin-left: 0;
  }
}
#header #navClmn .nav-infomationeClmn-List__item:nth-of-type(2) .infomationeClmn-List-toggle_List {
  left: 50%;
  transform: translateX(-50%);
}
#header #navClmn .nav-infomationeClmn-List__item:nth-of-type(3) a figure img {
  width: 13px;
}
#header #navClmn .nav-infomationeClmn-List__item:nth-of-type(3) .infomationeClmn-List-toggle_List {
  right: 0%;
  transform: translateX(0%);
  left: initial;
}
#header #navClmn .nav-infomationeClmn-List__contact {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: min(10px, .69vw);
  overflow: hidden;
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn-List__contact {
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn .nav-infomationeClmn-List__contact {
    width: 100%;
  }
}
#header #navClmn .nav-infomationeClmn-List__contact:hover a {
  color: #002754;
}
#header #navClmn .nav-infomationeClmn-List__contact:hover a ._bg::before {
  transform: scale(1);
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  #header #navClmn .nav-infomationeClmn-List__contact {
    margin-top: 40px;
    margin-left: 0;
    width: 80%;
  }
}
#header #navClmn .nav-infomationeClmn-List__contact a {
  color: #002754;
  width: 100%;
  padding: 0 min(25px, 1.724vw);
  background: #EEFF30;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: min(20px, 1.379rem);
  text-align: center;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn-List__contact a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: max(20px, 1.25rem);
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  #header #navClmn .nav-infomationeClmn-List__contact a {
    font-size: max(20px, 1.379rem);
    padding: max(25px, 1.724vw);
  }
}
#header #navClmn .nav-infomationeClmn-List__contact a ._bg {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  padding-top: 100%;
  width: 100%;
  height: 0;
  transform: translateY(-50%);
  z-index: -1;
}
#header #navClmn .nav-infomationeClmn-List__contact a ._bg:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.4s ease-out;
  content: "";
}
@media screen and (max-width: 768px) {
  #header #navClmn.open {
    display: block;
    z-index: 10;
    transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s;
    overflow-y: scroll;
  }
}
#header #HAM {
  display: none;
  position: absolute;
  top: 20px;
  right: 30px;
  width: 45px;
  height: 45px;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 12;
  border: solid 1px #fff;
  padding: 25px;
  border-radius: 10px;
}
@media screen and (max-width: 1024px) {
  #header #HAM {
    display: block;
    top: initial;
  }
}
@media screen and (max-width: 450px) {
  #header #HAM {
    right: min(14px, 3.111vw);
    top: min(14px, 3.111vw);
    width: 30px;
    height: 30px;
    padding: 20px;
  }
}
#header #HAM span {
  display: block;
  position: absolute;
  left: 50%;
  width: 20px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  transition: all 0.5s;
  transform: translateX(-50%);
}
#header #HAM span:nth-child(1) {
  top: 14px;
}
@media screen and (max-width: 450px) {
  #header #HAM span:nth-child(1) {
    top: 10px;
  }
}
#header #HAM span:nth-child(2) {
  top: 24px;
}
@media screen and (max-width: 450px) {
  #header #HAM span:nth-child(2) {
    top: 19px;
  }
}
#header #HAM span:nth-child(3) {
  bottom: 14px;
}
@media screen and (max-width: 450px) {
  #header #HAM span:nth-child(3) {
    bottom: 10px;
  }
}
#header #HAM.open span:nth-child(1) {
  transform: translateX(-50%) translateY(10px) rotate(-315deg);
}
@media screen and (max-width: 450px) {
  #header #HAM.open span:nth-child(1) {
    transform: translateX(-50%) translateY(9px) rotate(-315deg);
  }
}
#header #HAM.open span:nth-child(2) {
  opacity: 0;
}
#header #HAM.open span:nth-child(3) {
  transform: translateX(-50%) translateY(-10px) rotate(315deg);
}
@media screen and (max-width: 450px) {
  #header #HAM.open span:nth-child(3) {
    transform: translateX(-50%) translateY(-9px) rotate(315deg);
  }
}
#header.bg-blue {
  background: #002754;
}

.c-sns {
  position: fixed;
  right: 15px;
  top: 110px;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .c-sns {
    right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .c-sns {
    display: none;
  }
}
.c-sns ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: min(28px, 1.4583vw);
}
.c-sns ul li a {
  display: block;
  width: min(35px, 1.823vw);
  height: min(35px, 1.823vw);
}
@media screen and (max-width: 1024px) {
  .c-sns ul li a {
    width: 2.5vw;
    height: 2.5vw;
  }
}
.c-sns ul li a.insta {
  background: url(../images/common/icon-insta.svg) no-repeat center;
  background-size: contain;
}
.c-sns ul li a.twitter {
  background: url(../images/common/icon-twitter.svg) no-repeat center;
  background-size: contain;
}
.c-sns ul li a:hover {
  opacity: 0.7;
}
.c-sns ul li + li {
  margin-left: 15px;
}

#top .c-sns ul li a.insta {
  background: url(../images/common/insta_white.svg) no-repeat center;
  background-size: contain;
}
#top .c-sns ul li a.twitter {
  background: url(../images/common/twitter_white.svg) no-repeat center;
  background-size: contain;
}

.c-sns ul li a.insta.white {
  background: url(../images/common/insta_white.svg) no-repeat center;
  background-size: contain;
}

.c-sns ul li a.twitter.white {
  background: url(../images/common/twitter_white.svg) no-repeat center;
  background-size: contain;
}

/***********************

footer

**********************/
#ft-contentsSNS .ft-contentsSNS-inner {
  width: 72.084%;
  margin: 0 auto;
  background: #F4FF71;
  display: grid;
  grid-template-columns: min(221.64px, 11.54375vw) auto;
  align-items: center;
  grid-gap: 0 15px;
  padding: min(30px, 1.562vw) min(40px, 2.083vw) min(45px, 2.343vw);
  border-radius: 30px;
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner {
    width: 87.5%;
    grid-template-columns: unset;
    place-items: center;
    padding: min(33px, 5.208vw) min(50px, 6.5104vw) min(45px, 2.343vw);
    margin-top: min(50px, 6.5104vw);
    margin-bottom: min(50px, 6.5104vw);
  }
}
@media screen and (max-width: 450px) {
  #ft-contentsSNS .ft-contentsSNS-inner {
    margin-top: min(50px, 11.1111vw);
    margin-bottom: min(50px, 11.1111vw);
  }
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner figure {
    grid-column: 1/3;
    grid-row: 2/3;
    width: min(130px, 21.1875vw);
  }
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents {
    grid-column: 1/3;
    grid-row: 1/2;
    width: 100%;
    margin-bottom: 30px;
  }
}
#ft-contentsSNS .ft-contentsSNS-inner__contents h3 {
  text-align: center;
  font-size: min(40px, 2.5rem);
  font-weight: 600;
  position: relative;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents h3 {
    font-size: 33px;
  }
}
@media screen and (max-width: 768px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents h3 {
    font-size: min(33px, 2.1rem);
  }
}
@media screen and (max-width: 450px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents h3 {
    font-size: max(18px, 1.125rem);
    letter-spacing: 0;
  }
}
#ft-contentsSNS .ft-contentsSNS-inner__contents h3::before, #ft-contentsSNS .ft-contentsSNS-inner__contents h3::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 1.2em;
  background: #002754;
  margin: 0 1em;
  vertical-align: middle;
  bottom: 5px;
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents h3::before, #ft-contentsSNS .ft-contentsSNS-inner__contents h3::after {
    height: 2.5em;
  }
}
@media screen and (max-width: 450px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents h3::before, #ft-contentsSNS .ft-contentsSNS-inner__contents h3::after {
    height: 1.333em;
  }
}
#ft-contentsSNS .ft-contentsSNS-inner__contents h3::before {
  transform: rotate(-30deg);
  left: min(-20px, -1.0416vw);
}
@media screen and (max-width: 450px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents h3::before {
    left: -5vw;
    width: 2px;
  }
}
#ft-contentsSNS .ft-contentsSNS-inner__contents h3::after {
  transform: rotate(30deg);
  right: min(-20px, -1.0416vw);
}
@media screen and (max-width: 450px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents h3::after {
    right: -5vw;
    width: 2px;
  }
}
#ft-contentsSNS .ft-contentsSNS-inner__contents .snsList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 92%;
  margin: 20px auto 0;
  margin-left: min(60px, 3.125vw);
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents .snsList {
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents .snsList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 0;
  }
}
#ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item {
  display: grid;
  grid-template-columns: min(100px, 5.208vw) auto;
  grid-gap: 0 min(20px, 1.041vw);
  align-items: center;
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item {
    width: 48%;
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item .qr {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName {
    width: 100%;
  }
}
#ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName figure {
  margin-bottom: 0;
}
#ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName a {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #fff;
  border-radius: 50px;
  padding: min(10px, 0.5208vw) min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName a {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: min(53px, 6.901vw) 0;
    border-radius: 25px;
  }
}
#ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName a figure {
  margin-bottom: 0;
}
#ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName a figure img {
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName a figure img {
    width: min(90px, 11.718vw);
    height: min(90px, 11.718vw);
    margin: 0 auto;
  }
}
#ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName a p {
  font-size: min(26px, 1.625rem);
  font-weight: 500;
  color: #002754;
  padding-left: 15px;
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName a p {
    letter-spacing: -0.02em;
    padding-top: 0.5em;
    padding-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName a p {
    font-size: 26px;
  }
}
@media screen and (max-width: 450px) {
  #ft-contentsSNS .ft-contentsSNS-inner__contents .snsList-item__snsName a p {
    font-size: min(26px, 0.9375rem);
  }
}

#ft-contact {
  margin-top: min(120px, 6.25vw);
  display: flex;
  width: 100%;
  height: 100%;
  background-image: url("../images/common/ft-contact-bg.jpg");
  justify-content: center;
  align-items: center;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #ft-contact {
    background-attachment: initial;
  }
}
#ft-contact::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
#ft-contact .ftContact-inner {
  height: min(700px, 36.46vw);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  #ft-contact .ftContact-inner {
    height: max(640px, 83.33vw);
  }
}
@media screen and (max-width: 768px) {
  #ft-contact .ftContact-inner {
    height: max(640px, 83.33vw);
  }
}
#ft-contact .ftContact-inner .en {
  text-align: center;
  color: #fff;
  font-family: "crete-round", serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
  font-size: min(24px, 1.247rem);
  letter-spacing: 3px;
}
@media screen and (max-width: 1024px) {
  #ft-contact .ftContact-inner .en {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #ft-contact .ftContact-inner .en {
    font-size: max(24px, 1.247rem);
  }
}
#ft-contact .ftContact-inner .bnt-pagelink {
  margin-top: 35px;
  width: min(475px, 24.74vw);
}
@media screen and (max-width: 1024px) {
  #ft-contact .ftContact-inner .bnt-pagelink {
    width: 55%;
  }
}
@media screen and (max-width: 768px) {
  #ft-contact .ftContact-inner .bnt-pagelink {
    width: 85%;
  }
}
#ft-contact .ftContact-inner .bnt-pagelink a {
  padding: 25px 0;
  font-size: min(28px, 1.75rem);
}
@media screen and (max-width: 1024px) {
  #ft-contact .ftContact-inner .bnt-pagelink a {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  #ft-contact .ftContact-inner .bnt-pagelink a {
    font-size: max(26px, 1.625rem);
  }
}
@media screen and (max-width: 450px) {
  #ft-contact .ftContact-inner .bnt-pagelink a {
    font-size: max(20px, 1.25rem);
  }
}
#ft-contact .ftContact-inner .text {
  font-size: min(24px, 1.5rem);
  text-align: center;
  color: #fff;
  margin-top: min(50px, 2.604vw);
}
@media screen and (max-width: 1024px) {
  #ft-contact .ftContact-inner .text {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #ft-contact .ftContact-inner .text {
    font-size: max(22px, 1.375rem);
    margin-top: 50px;
  }
}
@media screen and (max-width: 450px) {
  #ft-contact .ftContact-inner .text {
    font-size: max(16px, 1rem);
  }
}

#footer {
  background: #002754;
  padding: min(90px, 4.6875vw) min(40px, 2.0833vw) min(40px, 2.0833vw);
}
@media screen and (max-width: 450px) {
  #footer {
    padding: 60px 15px 150px;
  }
}
#footer .footerLogo {
  width: min(328.13px, 17.09vw);
}
#footer .footerLogo img {
  width: 100%;
  max-width: 350px;
}
@media screen and (max-width: 1024px) {
  #footer .footerLogo {
    width: 75%;
    max-width: 350px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #footer .footerLogo {
    width: 75%;
    max-width: 350px;
    margin: 0 auto;
  }
}
#footer .footer-Nav {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-gap: 0 min(100px, 5.208vw);
  margin-top: min(55px, 2.865vw);
}
@media screen and (max-width: 1024px) {
  #footer .footer-Nav {
    grid-template-columns: 1fr;
    grid-gap: 0;
    margin-top: 55px;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-Nav {
    grid-template-columns: 1fr;
    grid-gap: 0;
    margin-top: min(55px, 13.028vw);
  }
}
#footer .footer-Nav__address {
  padding-right: min(320px, 16.67vw);
}
@media screen and (max-width: 1024px) {
  #footer .footer-Nav__address {
    padding-right: 0;
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-Nav__address {
    padding-right: 0;
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  #footer .footer-Nav__address-wrap {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-Nav__address-wrap {
    text-align: center;
  }
}
#footer .footer-Nav__address-wrap dl dt,
#footer .footer-Nav__address-wrap dl dd {
  color: #fff;
}
#footer .footer-Nav__address-wrap dl dt {
  font-size: min(16px, 1rem);
  font-weight: 600;
  border-bottom: solid 1px #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  #footer .footer-Nav__address-wrap dl dt {
    font-size: 22px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-Nav__address-wrap dl dt {
    font-size: max(22px, 1.375rem);
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 450px) {
  #footer .footer-Nav__address-wrap dl dt {
    font-size: max(18px, 1.125rem);
  }
}
#footer .footer-Nav__address-wrap dl dd {
  font-size: min(16px, 1rem);
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 1024px) {
  #footer .footer-Nav__address-wrap dl dd .post {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-Nav__address-wrap dl dd .post {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  #footer .footer-Nav__address-wrap dl dd {
    font-size: 18px;
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-Nav__address-wrap dl dd {
    font-size: max(18px, 1.125rem);
    line-height: 1.5;
  }
}
@media screen and (max-width: 450px) {
  #footer .footer-Nav__address-wrap dl dd {
    font-size: max(16px, 1rem);
  }
}
#footer .footer-Nav__address-wrap dl dd a {
  color: #fff;
}
#footer .footer-Nav__address-wrap + .footer-Nav__address-wrap {
  margin-top: max(30px, 1.5625vw);
}
@media screen and (max-width: 1024px) {
  #footer .footer-Nav__address-wrap + .footer-Nav__address-wrap {
    margin-top: 35px;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-Nav__address-wrap + .footer-Nav__address-wrap {
    margin-top: max(35px, 4.5772vw);
  }
}
#footer .footer-Nav__address .bnt-pagelink {
  margin-top: min(40px, 2.083vw);
  margin-left: 0;
  width: min(358px, 18.646vw);
}
@media screen and (max-width: 1024px) {
  #footer .footer-Nav__address .bnt-pagelink {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-Nav__address .bnt-pagelink {
    display: none;
  }
}
#footer .footer-Nav__address .bnt-pagelink a {
  font-size: min(20px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  #footer .footer-Nav__List {
    display: none;
  }
}
#footer .footer-Nav__List .ListMenu-item a {
  color: #fff;
  font-size: min(20px, 1.25rem);
  font-weight: 600;
}
#footer .footer-Nav__List .ListMenu-item .ListSubMenu {
  padding-left: 1em;
  margin-bottom: min(75px, 3.90625vw);
}
#footer .footer-Nav__List .ListMenu-item .ListSubMenu-item {
  margin-top: min(30px, 1.563vw);
}
#footer .footer-Nav__List .ListMenu-item .ListSubMenu-item a {
  font-size: min(20px, 1.25rem);
  font-weight: 300;
  padding-left: min(20px, 1.0417vw);
  position: relative;
}
#footer .footer-Nav__List .ListMenu-item .ListSubMenu-item a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: min(12px, 0.625vw);
  height: min(16px, 0.833vw);
  border-bottom: 2px solid #fff;
  border-left: solid 2px #fff;
}
#footer .footer-Nav__List .ListMenu-item + .ListMenu-item {
  margin-top: min(30px, 1.563vw);
}
#footer .footerBottomMenu {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  #footer .footerBottomMenu {
    display: grid;
    grid-gap: 30px 15px;
    place-items: center;
    place-content: center;
    margin-top: 80px;
  }
}
@media screen and (max-width: 450px) {
  #footer .footerBottomMenu {
    margin-top: 60px;
    grid-gap: 30px 10px;
  }
}
#footer .footerBottomMenu li {
  color: #fff;
  font-size: min(16px, 1rem);
  font-weight: 500;
}
#footer .footerBottomMenu li a {
  color: #fff;
  font-size: min(16px, 1rem);
  font-weight: 600;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  #footer .footerBottomMenu li a {
    font-size: 16px;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #footer .footerBottomMenu li a {
    font-size: min(16px, 1rem);
    margin-right: 0;
  }
}
@media screen and (max-width: 450px) {
  #footer .footerBottomMenu li a {
    font-size: 14px;
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 1024px) {
  #footer .footerBottomMenu li:first-of-type {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
#footer .footerBottomMenu li:nth-of-type(2) {
  padding-left: 15px;
  border-left: 1px solid #fff;
}
@media screen and (max-width: 1024px) {
  #footer .footerBottomMenu li:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 450px) {
  #footer .footerBottomMenu li:nth-of-type(2) {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1024px) {
  #footer .footerBottomMenu li:last-of-type {
    grid-column: 1/3;
    grid-row: 2/3;
    font-size: 14px;
  }
}
@media screen and (max-width: 450px) {
  #footer .footerBottomMenu li:last-of-type {
    font-size: max(12px, 0.75rem);
  }
}

#footerFixedNav {
  display: none;
}
@media screen and (max-width: 768px) {
  #footerFixedNav {
    display: block;
    position: fixed;
    left: 0;
    bottom: 10px;
    width: 100%;
    padding: 0 10px;
    z-index: 10;
  }
}
@media screen and (max-width: 768px) and (max-width: 450px) {
  #footerFixedNav {
    padding: 0 5px;
  }
}
@media screen and (max-width: 768px) {
  #footerFixedNav .nav-infomationeClmn-List {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 2fr;
    grid-gap: 0 5px;
  }
}
@media screen and (max-width: 768px) and (max-width: 450px) {
  #footerFixedNav .nav-infomationeClmn-List {
    grid-gap: 0 2px;
  }
}
@media screen and (max-width: 768px) {
  #footerFixedNav .nav-infomationeClmn-List__item {
    background: #EFF2F2;
    border: 2px solid #002754;
    border-radius: 5px;
    text-align: center;
    padding: 15px 10px;
    /*&:nth-of-type(3) {
      figure {
        img {
          width: 20px;
        }
      }
    }*/
  }
}
@media screen and (max-width: 768px) and (max-width: 450px) {
  #footerFixedNav .nav-infomationeClmn-List__item {
    padding: 10px 5px;
  }
}
@media screen and (max-width: 768px) {
  #footerFixedNav .nav-infomationeClmn-List__item figure {
    margin-bottom: 0;
  }
  #footerFixedNav .nav-infomationeClmn-List__item figure img {
    width: 30px;
    margin: 0 auto;
    max-height: 29.52px;
  }
  #footerFixedNav .nav-infomationeClmn-List__item figure figcaption {
    font-size: min(24px,1.5rem);
    font-weight: bold;
    margin-top: 10px;
    color: #002754;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 768px) and (max-width: 450px) {
  #footerFixedNav .nav-infomationeClmn-List__item figure figcaption {
    font-size: max(14px,0.875rem);
  }
}
@media screen and (max-width: 768px) {
  #footerFixedNav .nav-infomationeClmn-List__contact {
    border-radius: 10px;
    background: #EEFF30;
    text-align: center;
    display: grid;
    place-items: center;
  }
  #footerFixedNav .nav-infomationeClmn-List__contact a {
    color: #073F72;
    font-size: min(26px,1.625rem);
    font-weight: bold;
  }
}
@media screen and (max-width: 768px) and (max-width: 450px) {
  #footerFixedNav .nav-infomationeClmn-List__contact a {
    font-size: max(15px,.9375rem);
  }
}

/*hoverしたら表示*/
#header #navClmn nav .navList-item.nav-toggle:hover .nav-toggle_List {
  visibility: inherit;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle:hover .nav-toggle_List {
    visibility: initial;
    opacity: initial;
  }
}

#header #navClmn nav .navList-item.nav-toggle.is-open .nav-toggle_List {
  visibility: inherit;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item.nav-toggle.is-open .nav-toggle_List {
    visibility: initial;
    opacity: initial;
  }
}

#header #navClmn .nav-infomationeClmn-List__item:hover .infomationeClmn-List-toggle_List {
  visibility: inherit;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn-List__item:hover .infomationeClmn-List-toggle_List {
    visibility: initial;
    opacity: initial;
  }
}

@media screen and (max-width: 1024px) {
  #header #navClmn nav .navList-item:hover {
    box-shadow: none;
  }
}

#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li p.ttl {
  border-bottom: 1px solid #FFF;
  padding-bottom: 0.75em;
  margin-bottom: 0.75em;
  line-height: 1;
}

#header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li.ttl {
  border-bottom: 1px solid #FFF;
  padding-bottom: 0.5em;
}

#header #navClmn .nav-infomationeClmn-List__item + .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li + li {
  margin-top: 1em;
}

#header #navClmn .nav-infomationeClmn-List__item + .nav-infomationeClmn-List__item + .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List ul li + li {
  margin-top: 1.5em;
}

@media screen and (max-width: 1024px) {
  #header #navClmn .nav-infomationeClmn-List__item .infomationeClmn-List-toggle_List {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #header #navClmn nav .navList-item.nav-toggle:nth-child(1) .nav-toggle_List li {
    width: 30%;
  }
}
@media screen and (max-width: 450px) {
  #header #navClmn nav .navList-item.nav-toggle:nth-child(1) .nav-toggle_List li {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.p-home-mv__scrolldown {
  width: 28px;
  height: 91px;
  font-size: 14px;
  font-weight: 500 !important;
  position: absolute;
  right: 36px;
  bottom: 40%;
  line-height: 1;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .p-home-mv__scrolldown {
    font-size: 10px;
    right: 20px;
    bottom: 20%;
  }
}
.p-home-mv__scrolldown a {
  pointer-events: none;
  display: block;
  color: #FFF;
  text-decoration: none;
  padding-bottom: 10px;
  position: relative;
  white-space: nowrap;
  transform: rotate(90deg);
  transform-origin: center;
  text-indent: -4em;
  padding-top: 0.25em;
}

@media screen and (max-width: 768px) {
  .p-home-mv__scrolldown a {
    padding-bottom: 6px;
  }
}
.p-home-mv__scrolldown a:after, .p-home-mv__scrolldown a:before {
  display: block;
  content: "";
  height: 1px;
  background: #FFF;
  transition-property: width, left;
  transition-duration: 0.3s;
}

.p-home-mv__scrolldown a:before {
  width: 91px;
  position: absolute;
  left: 0;
  bottom: 50%;
  animation-name: anim-scrolldown1;
  animation-duration: 3s;
  animation-timing-function: cubic-bezier(0.46, 0.07, 0.86, 1);
  animation-iteration-count: infinite;
}

@media screen and (max-width: 768px) {
  .p-home-mv__scrolldown a:before {
    width: 80px;
    animation-name: anim-scrolldown1-sp;
    margin-left: 0.5em;
  }
}
.p-home-mv__scrolldown a:after {
  width: 13px;
  position: absolute;
  left: 108px;
  bottom: 53%;
  transform: translateY(1px) rotate(45deg);
  transform-origin: 100% 100%;
  animation-name: anim-scrolldown2;
  animation-duration: 3s;
  animation-timing-function: cubic-bezier(0.46, 0.07, 0.86, 1);
  animation-iteration-count: infinite;
}

@media screen and (max-width: 768px) {
  .p-home-mv__scrolldown a:after {
    width: 17px;
    left: 62px;
    animation-name: anim-scrolldown2-sp;
    margin-left: 0.5em;
  }
}
@keyframes anim-scrolldown1 {
  0% {
    width: 91px;
  }
  50% {
    width: 122px;
  }
  100% {
    width: 91px;
  }
}
@keyframes anim-scrolldown1-sp {
  0% {
    width: 57px;
  }
  50% {
    width: 88px;
  }
  100% {
    width: 57px;
  }
}
@keyframes anim-scrolldown2 {
  0% {
    left: 78px;
  }
  50% {
    left: 109px;
  }
  100% {
    left: 78px;
  }
}
@keyframes anim-scrolldown2-sp {
  0% {
    left: 39px;
  }
  50% {
    left: 72px;
  }
  100% {
    left: 39px;
  }
}
a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 450px) {
  a[href^="tel:"] {
    pointer-events: initial;
  }
}

.web-br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .web-br {
    display: block;
  }
}

@supports (-webkit-touch-callout: none) {
  html {
    height: -webkit-fill-available;
  }
  body {
    min-height: 100vh;
    height: -webkit-fill-available;
  }
}
.flexlabel {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#no_result .c-psetion__description {
  padding-bottom: 150px;
}
@media screen and (max-width: 768px) {
  #no_result .c-psetion__description {
    padding-top: 2em;
  }
}
@media screen and (max-width: 450px) {
  #no_result .c-ptitle__main--ja {
    font-size: min(34px, 2.125rem);
  }
}

/********************************

@import

********************************/
/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
.contentsWrap {
  padding: min(127px,8.758vw) 0 min(155px,10.69vw);
}
@media screen and (max-width: 450px) {
  .contentsWrap {
    padding: min(127px,8.758vw) 0 min(155px,10.69vw);
  }
}

/**********************************

2カラム

*********************************/
.culmn2Block {
  display: grid;
}

.borderTop {
  padding-top: min(50px, 2.604vw);
  border-top: solid 1px #002754;
}
@media screen and (max-width: 768px) {
  .borderTop {
    padding-top: 40px;
  }
}

.c-pmain {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 71.182% auto;
}
@media screen and (max-width: 1024px) {
  .c-pmain {
    display: flex;
    flex-direction: column;
  }
}
.c-pmain-contents {
  padding: min(70px, 3.646vw);
  background: #fff;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1024px) {
  .c-pmain-contents {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .c-pmain-contents {
    width: 100%;
    margin-bottom: max(50px, 6.511vw);
  }
}
.c-pmain-side {
  margin-left: min(70px, 3.646vw);
}
@media screen and (max-width: 1024px) {
  .c-pmain-side {
    width: 100%;
    margin-left: 0;
  }
}
.c-pmain-side .sideList {
  background: #D7DEE2;
}

#single-products .c-pmain {
  margin-top: 0;
}

/**********************************

パンくず

*********************************/
.breadcrumb {
  margin-top: 110px;
  padding-top: min(15px, 0.78125vw);
}
@media screen and (max-width: 1024px) {
  .breadcrumb {
    padding-top: 25px;
    margin-top: 96.2px;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    padding-top: min(25px, 3.2552vw);
    margin-top: min(96.2px, 12.526vw);
  }
}
@media screen and (max-width: 450px) {
  .breadcrumb {
    margin-top: min(70.45px, 15.655vw);
    padding-top: min(25px, 5.5555vw);
  }
}
.breadcrumb ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumb ul li {
  font-size: 14px;
  color: #0E0E0E;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .breadcrumb ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 450px) {
  .breadcrumb ul li {
    font-size: 1rem;
  }
}
.breadcrumb ul li a {
  font-size: 14px;
  color: #0E0E0E;
}
@media screen and (max-width: 1024px) {
  .breadcrumb ul li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 450px) {
  .breadcrumb ul li a {
    font-size: 1rem;
  }
}
.breadcrumb ul li + li {
  margin-left: 15px;
}

/**********************************

ページネーション

**********************************/
.pageNav {
  width: 100%;
  margin: min(100px, 5.208vw) auto 0;
}
@media screen and (max-width: 1024px) {
  .pageNav {
    margin-top: 50px;
  }
}
.pageNav .navigation .pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pageNav .navigation .pagination .page-numbers li span {
  font-size: min(22px, 1.375rem);
  color: #acacac;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 1024px) {
  .pageNav .navigation .pagination .page-numbers li span {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .pageNav .navigation .pagination .page-numbers li span {
    font-size: max(18px, 1.125rem);
  }
}
.pageNav .navigation .pagination .page-numbers li a {
  font-size: min(22px, 1.375rem);
  color: #002754;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 1024px) {
  .pageNav .navigation .pagination .page-numbers li a {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .pageNav .navigation .pagination .page-numbers li a {
    font-size: max(18px, 1.125rem);
  }
}
.pageNav .navigation .pagination .page-numbers li .next,
.pageNav .navigation .pagination .page-numbers li .prev {
  width: min(80px,4.167vw);
  height: min(80px,4.167vw);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .pageNav .navigation .pagination .page-numbers li .next,
  .pageNav .navigation .pagination .page-numbers li .prev {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .pageNav .navigation .pagination .page-numbers li .next,
  .pageNav .navigation .pagination .page-numbers li .prev {
    width: max(40px,5.208vw);
    height: max(40px,5.208vw);
  }
}
.pageNav .navigation .pagination .page-numbers li .next::before,
.pageNav .navigation .pagination .page-numbers li .prev::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.pageNav .navigation .pagination .page-numbers li .next {
  margin-left: min(25px, 1.302vw);
}
@media screen and (max-width: 768px) {
  .pageNav .navigation .pagination .page-numbers li .next {
    margin-left: 15px;
  }
}
.pageNav .navigation .pagination .page-numbers li .next::before {
  background: url(../images/common/icon-next.png) no-repeat center;
  background-size: contain;
  right: 0;
}
.pageNav .navigation .pagination .page-numbers li .prev {
  margin-right: min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  .pageNav .navigation .pagination .page-numbers li .prev {
    margin-right: 15px;
  }
}
.pageNav .navigation .pagination .page-numbers li .prev::before {
  background: url(../images/common/icon-prev.png) no-repeat center;
  background-size: contain;
  right: 0;
}
.pageNav .navigation .pagination .page-numbers li + li {
  margin-left: min(20px, 1.0416vw);
}
@media screen and (max-width: 1024px) {
  .pageNav .navigation .pagination .page-numbers li + li {
    margin-left: 15px;
  }
}
.pageNav .wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pageNav .wp-pagenavi .pages {
  display: none;
}
.pageNav .wp-pagenavi .page,
.pageNav .wp-pagenavi .current {
  border: none;
  font-size: min(22px, 1.375rem);
  color: #acacac;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 1024px) {
  .pageNav .wp-pagenavi .page,
  .pageNav .wp-pagenavi .current {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .pageNav .wp-pagenavi .page,
  .pageNav .wp-pagenavi .current {
    font-size: max(18px, 1.125rem);
  }
}
.pageNav .wp-pagenavi .page {
  color: #002754;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.pageNav .wp-pagenavi .previouspostslink,
.pageNav .wp-pagenavi .nextpostslink {
  display: block;
  border: none;
  width: min(80px,4.167vw);
  height: min(80px,4.167vw);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .pageNav .wp-pagenavi .previouspostslink,
  .pageNav .wp-pagenavi .nextpostslink {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .pageNav .wp-pagenavi .previouspostslink,
  .pageNav .wp-pagenavi .nextpostslink {
    width: max(40px,5.208vw);
    height: max(40px,5.208vw);
  }
}
.pageNav .wp-pagenavi .previouspostslink::before,
.pageNav .wp-pagenavi .nextpostslink::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.pageNav .wp-pagenavi .nextpostslink {
  margin-left: min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  .pageNav .wp-pagenavi .nextpostslink {
    margin-left: 15px;
  }
}
.pageNav .wp-pagenavi .nextpostslink::before {
  background: url(../images/common/icon-next.png) no-repeat center;
  background-size: contain;
  right: 0;
}
.pageNav .wp-pagenavi .previouspostslink {
  margin-right: min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  .pageNav .wp-pagenavi .previouspostslink {
    margin-right: 15px;
  }
}
.pageNav .wp-pagenavi .previouspostslink::before {
  background: url(../images/common/icon-prev.png) no-repeat center;
  background-size: contain;
  right: 0;
}

.single-pageNav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: min(100px, 5.208vw) auto 0;
}
@media screen and (max-width: 1024px) {
  .single-pageNav {
    margin-top: 50px;
  }
}
.single-pageNav [rel=prev],
.single-pageNav [rel=next] {
  display: block;
  border: none;
  width: min(80px,4.167vw);
  height: min(80px,4.167vw);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .single-pageNav [rel=prev],
  .single-pageNav [rel=next] {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .single-pageNav [rel=prev],
  .single-pageNav [rel=next] {
    width: max(40px,5.208vw);
    height: max(40px,5.208vw);
  }
}
.single-pageNav [rel=prev]::before,
.single-pageNav [rel=next]::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.single-pageNav [rel=next] {
  margin-left: min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  .single-pageNav [rel=next] {
    margin-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .single-pageNav [rel=next] {
    margin-left: 15px;
  }
}
.single-pageNav [rel=next]::before {
  background: url(../images/common/icon-next.png) no-repeat center;
  background-size: contain;
  right: 0;
}
.single-pageNav [rel=prev] {
  margin-right: min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  .single-pageNav [rel=prev] {
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .single-pageNav [rel=prev] {
    margin-right: 15px;
  }
}
.single-pageNav [rel=prev]::before {
  background: url(../images/common/icon-prev.png) no-repeat center;
  background-size: contain;
  right: 0;
}

/*ume-add*/
/**********************************

下層ページ用 レイアウト

*********************************/
.c-page-inner--sizell {
  width: min(1624px, 84.58vw);
  margin: 0 auto;
}

.c-page-inner--sizel {
  width: min(1440px, 75vw);
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .c-page-inner--sizel {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .c-page-inner--sizel {
    width: min(640px, 85.334vw);
  }
}

.c-page-inner--sizem {
  width: min(1388px, 72.292vw);
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .c-page-inner--sizem {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .c-page-inner--sizem {
    width: min(640px, 85.334vw);
  }
}

.c-page-inner {
  width: min(1210px, 63.03vw);
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .c-page-inner {
    width: min(820px, 80.078vw);
  }
}
@media screen and (max-width: 768px) {
  .c-page-inner {
    width: min(640px, 85.334vw);
  }
}

/**********************************

下層ページ KV

*********************************/
.c-kv img {
  max-width: 1655px;
  width: 86.19%;
}
@media screen and (max-width: 768px) {
  .c-kv img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #page-limbsalvage .c-kv img {
    position: absolute;
    top: min(96.2px,42.968vw);
  }
}
@media screen and (max-width: 450px) {
  #page-limbsalvage .c-kv img {
    top: min(70.45px,15.655vw);
  }
}

@media screen and (max-width: 768px) {
  #page-limbsalvage .breadcrumb {
    padding-top: min(320px,42.968vw);
  }
}

@media screen and (max-width: 768px) {
  #page-about .c-kv img, #page-company .c-kv img {
    position: absolute;
    top: min(96.21px,12.5274vw);
  }
}
@media screen and (max-width: 450px) {
  #page-about .c-kv img, #page-company .c-kv img {
    top: min(70.45px,15.6555vw);
  }
}

@media screen and (max-width: 768px) {
  #page-about .breadcrumb, #page-company .breadcrumb {
    padding-top: min(320px,42.968vw);
  }
}

/**********************************

下層ページ タブパーツ

*********************************/
.c-tab {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 2px solid #002754;
}

.c-tab__item {
  width: 48.5%;
  text-align: center;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 0;
  background: rgba(0, 39, 84, 0.1);
  padding: 0.85em 0;
}
@media screen and (max-width: 1024px) {
  .c-tab__item {
    padding: 1.5em 0;
  }
}

.c-tab__item:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  background: #002754;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: 0.4s;
}

.c-tab__item:after {
  content: "";
  display: inline-block;
  top: 0;
  right: -1em;
  bottom: 0;
  margin: auto 0;
  width: 0.8rem;
  height: 0.8rem;
  border-top: solid 2px #002754;
  border-right: solid 2px #002754;
  border-radius: 0 3px 0 0;
  transform: rotate(45deg);
  margin-left: 3.2rem;
  position: absolute;
  right: 3.5rem;
  transition: 0.6s;
}
@media screen and (max-width: 1024px) {
  .c-tab__item:after {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__item:after {
    right: 1.5em;
  }
}

.c-tab__item.is_tabactive:before {
  transform: scaleX(1);
  transform-origin: left center;
}

.c-tab__item.is_tabactive .c-tab__link {
  color: #FFF;
}

.c-tab__item.is_tabactive:after {
  transform: rotate(135deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

.c-tab__link {
  font-size: min(20px, 1.25rem);
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .c-tab__link {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__link {
    font-size: min(20px, 1.25rem);
    width: 100%;
    line-height: 1.5;
    font-weight: 600;
  }
}

.c-tab-sec {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  height: 0;
}

.c-tab-sec.is_show {
  opacity: 1;
  visibility: initial;
  z-index: initial;
  transition: 0.6s;
  height: auto;
}

.c-tab-sec__inner {
  padding: min(50px, 2.604vw) 0;
  width: 75.207%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .c-tab-sec__inner {
    padding: 35px 25px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .c-tab-sec__inner {
    width: 100%;
    padding: min(35px, 4.666vw) min(25px, 3.333vw);
  }
}
@media screen and (max-width: 450px) {
  .c-tab-sec__inner {
    padding: min(35px, 4.666vw) min(25px, 3.333vw) min(75px, 16.666vw);
  }
}

.c-tab-sec__title {
  text-align: center;
  font-size: min(28px, 1.75rem);
  font-weight: 500;
  line-height: 2;
  margin-bottom: min(15px, 0.781vw);
}
@media screen and (max-width: 1024px) {
  .c-tab-sec__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab-sec__title {
    font-size: min(22px, 1.375rem);
    margin-bottom: 0.5em;
    font-weight: 600;
  }
}

.c-tab-sec__item {
  font-size: min(18px, 1.125rem);
  font-weight: 300;
  line-height: 1.5;
  color: #000;
  letter-spacing: -0.015em;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 1024px) {
  .c-tab-sec__item {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab-sec__item {
    font-size: min(16px, 1rem);
  }
}
.c-tab-sec__item ._bold {
  font-weight: 600;
  line-height: 1;
}
.c-tab-sec__item a {
  color: #000;
  border-bottom: 1px solid;
  padding-bottom: 0.25em;
}

.c-tab-sec-description {
  margin-bottom: min(80px, 4.166vw);
}

.c-tab-sec-text--bold {
  font-weight: 600;
  line-height: 1;
}

.c-tab-sec-text--red {
  color: #D21E1E;
  font-weight: 600;
  line-height: 1;
}

.c-tab-sec-nav {
  margin-bottom: min(70px, 3.645vw);
}

.c-tab-sec__img {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: min(47px, 2.447vw) min(30px, 1.5625vw);
  margin-top: 1em;
}

/**********************************

下層ページ 表組パーツ

*********************************/
.c-bk-detail {
  margin-bottom: min(85px, 4.42708vw);
  scroll-margin-top: min(120px, 6.25vw);
}
@media screen and (max-width: 1024px) {
  .c-bk-detail {
    margin-bottom: 85px;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-detail {
    margin-bottom: min(85px, 11.0677vw);
  }
}
@media screen and (max-width: 450px) {
  .c-bk-detail {
    margin-bottom: min(85px, 18.888vw);
  }
}

.c-bk-detail__dl {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  margin-top: min(10px, 0.52vw);
  margin-bottom: min(20px, 1.041vw);
}
@media screen and (max-width: 450px) {
  .c-bk-detail__dl {
    margin-top: min(10px, 2.2222vw);
    margin-bottom: min(20px, 4.444vw);
  }
}

.c-bk-detail__dl:before {
  content: "";
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  height: 1px;
  position: absolute;
  top: -10px;
  display: block;
}

.c-bk-detail .c-bk-detail__dl:last-child::after {
  content: "";
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  height: 1px;
  position: absolute;
  bottom: -10px;
  display: block;
  left: 0;
}

.c-bk-detail__dl {
  display: table;
  color: #000;
}
@media screen and (max-width: 450px) {
  .c-bk-detail__dl {
    display: block;
    width: 100%;
  }
}

.c-bk-detail__dd .c-bk-text {
  line-height: 1.4;
}

/**********************************

下層ページ パーツ

*********************************/
.c-card {
  position: relative;
  background: #FFF;
  width: min(1212px, 63.125vw);
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .c-card {
    width: 100%;
  }
}

.c-card-blk {
  margin-bottom: min(50px, 2.604vw);
}
@media screen and (max-width: 768px) {
  .c-card-blk {
    margin-bottom: min(50px, 6.5104vw);
  }
}
@media screen and (max-width: 450px) {
  .c-card-blk {
    margin-bottom: min(50px, 11.111vw);
  }
}

.c-card-blk:last-child {
  margin-bottom: 0px;
}

.c-card-blk-2col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .c-card-blk-2col {
    flex-flow: column;
  }
}
.c-card-blk-2col .c-card__textarea {
  width: min(734px, 38.229vw);
}
@media screen and (max-width: 1024px) {
  .c-card-blk-2col .c-card__textarea {
    width: 100%;
  }
}
.c-card-blk-2col .c-card-photoarea {
  width: min(432px, 22.5vw);
}
@media screen and (max-width: 1024px) {
  .c-card-blk-2col .c-card-photoarea {
    width: 100%;
  }
}

.c-bk-detail__description {
  margin-bottom: min(40px, 2.0833vw);
}
@media screen and (max-width: 1024px) {
  .c-bk-detail__description {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-detail__description {
    margin-bottom: min(40px, 5.2083vw);
  }
}
@media screen and (max-width: 450px) {
  .c-bk-detail__description {
    margin-bottom: min(40px, 8.8888vw);
  }
}

.c-bk-detail__description.center {
  text-align: center;
}

.c-bk-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .c-bk-list {
    justify-content: space-between;
  }
}

.c-bk-item {
  margin-right: min(32px, 1.666vw);
}
@media screen and (max-width: 1024px) {
  .c-bk-item {
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-item {
    width: 45%;
    margin-right: 0;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 450px) {
  .c-bk-item {
    width: 100%;
  }
}

.c-bk-movie {
  width: min(1444px, 75.2vw);
  margin: 0 auto;
}
.c-bk-movie video {
  width: 100%;
}
.c-bk-movie:hover {
  opacity: 0.7;
  cursor: pointer;
}

.c-bk-description {
  margin-bottom: min(30px, 1.5625vw);
}
@media screen and (max-width: 768px) {
  .c-bk-description {
    margin-bottom: 1em;
    padding: 0.5em;
  }
}

.c-bk-detail__dl {
  display: table;
  color: #000;
}

.c-bk-detail__dt {
  width: 23.73%;
  background: #EFF2F2;
  margin: min(10px, 0.52vw) 0;
  min-height: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: min(18px, 1.125rem);
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .c-bk-detail__dt {
    font-size: 18px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: initial;
    padding: 1em 0;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-detail__dt {
    font-size: min(16px, 1rem);
  }
}
@media screen and (max-width: 450px) {
  .c-bk-detail__dt {
    font-size: min(16px, 1rem);
    width: 100%;
    display: flex;
    padding: 1em;
    min-height: initial;
    margin: 0;
  }
}

.c-bk-detail__dd {
  width: 76.27%;
  margin: min(10px, 0.52vw) 0;
  min-height: 50px;
  padding-left: 1.5em;
  padding-top: min(17px, 0.885vw);
  padding-bottom: min(17px, 0.885vw);
  display: table-cell;
}
@media screen and (max-width: 1024px) {
  .c-bk-detail__dd {
    font-size: 16px;
    width: 100%;
    display: block;
    padding: 1em;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-detail__dd {
    font-size: min(16px, 1rem);
  }
}
@media screen and (max-width: 450px) {
  .c-bk-detail__dd {
    width: 100%;
    padding-top: 0.5em;
    min-height: initial;
  }
}
@media screen and (max-width: 450px) {
  .c-bk-detail__dd .bnt-page-tablink {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.c-bk-detail__link {
  color: #000;
  text-decoration: underline;
  font-weight: 600;
}

.c-bk-detail__link:hover {
  box-shadow: 0px 1px 0px 0px #000;
}

.c-bk-detail__list .c-bk-detail__item {
  line-height: 1.4;
  font-weight: 300;
  font-size: min(18px, 1.125rem);
  letter-spacing: 0.015em;
  text-indent: -1em;
  padding-left: 1em;
}
.c-bk-detail__list .c-bk-detail__item ._bold {
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .c-bk-detail__list .c-bk-detail__item {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-detail__list .c-bk-detail__item {
    font-size: min(16px, 1rem);
  }
}

@media screen and (max-width: 768px) {
  .c-bk-detail__list .c-bk-detail__item.is-btn {
    text-indent: 0em;
    padding-left: 0em;
  }
}

.c-bk-text {
  font-size: min(18px, 1.125rem);
  line-height: 2;
  font-weight: 300;
  letter-spacing: 0;
  color: #000;
}
.c-bk-text ._bold {
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .c-bk-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-text {
    font-size: min(16px, 1rem);
  }
}

.c-bk-text-white {
  color: #FFF;
}

.c-bk-detail__description .c-bk-text {
  line-height: 1.4;
  text-align: left;
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
/***********************

title

**********************/
.headerLine {
  font-family: "Noto Serif JP", serif;
  color: #002754;
  text-align: center;
}
.headerLine span {
  font-family: "crete-round", serif;
  font-weight: 400;
  font-style: normal;
  font-size: min(24px, 1.247rem);
  letter-spacing: 3px;
}
@media screen and (max-width: 1024px) {
  .headerLine span {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .headerLine span {
    font-size: min(28px, 1.8rem);
  }
}
@media screen and (max-width: 450px) {
  .headerLine span {
    font-size: min(20px, 1.25rem);
  }
}
.headerLine h2 {
  font-size: min(44px, 2.75rem);
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .headerLine h2 {
    font-size: 36px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .headerLine h2 {
    font-size: min(52px, 3.25rem);
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
}
@media screen and (max-width: 450px) {
  .headerLine h2 {
    font-size: min(30px, 1.875rem);
    padding-bottom: 1em;
  }
}
.headerLine.left {
  text-align: left;
}

.clmn-textBox p {
  font-family: "Noto Serif JP", serif;
  color: #002754;
  font-size: min(26px, 1.35rem);
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .clmn-textBox p {
    font-size: max(16px, 1rem);
  }
}

/*下層ページ ページタイトル*/
.c-ptitle {
  color: #002754;
  margin-bottom: min(70px,3.645vw);
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
}

.c-ptitle__main--ja {
  font-size: min(44px, 2.75rem);
  letter-spacing: 0em;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .c-ptitle__main--ja {
    font-size: 44px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .c-ptitle__main--ja {
    font-size: min(36px, 2.25rem);
    font-weight: 600;
  }
}

.c-ptitle__main--en {
  color: rgba(0, 39, 84, 0.5);
  font-size: min(24px, 1.5rem);
  letter-spacing: 0em;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .c-ptitle__main--en {
    font-size: 24px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .c-ptitle__main--en {
    font-size: min(18px, 1.125rem);
  }
}

.c-ptitle__sub {
  font-size: min(24px, 1.5rem);
  letter-spacing: -0.015em;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .c-ptitle__sub {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .c-ptitle__sub {
    font-size: min(20px, 1.25rem);
    font-weight: 600;
  }
}

/*下層ページ セクションタイトル*/
.c-psetion__title {
  font-style: normal;
  font-weight: 600;
  font-size: min(24px, 1.5rem);
  line-height: 1.5;
  color: #002754;
  padding-bottom: min(15px,0.781vw);
  margin-bottom: min(20px,1.041vw);
  border-bottom: 1px solid #002754;
}
@media screen and (max-width: 1024px) {
  .c-psetion__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .c-psetion__title {
    font-size: min(20px, 1.25rem);
    letter-spacing: 0;
    margin-bottom: 1em;
    padding-bottom: 0.7em;
  }
}

@media screen and (max-width: 768px) {
  .c-psetion__description {
    padding: 0 0.5em;
  }
}

/*下層ページ ブロックタイトル*/
.c-bk-index {
  background: rgba(0, 39, 84, 0.1);
  color: #002754;
  padding: min(18px,0.9375vw) min(18px,1.8229vw);
  font-size: min(24px, 1.875rem);
  font-weight: 600;
  line-height: 1.75;
  letter-spacing: 0.01em;
  margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  .c-bk-index {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-index {
    font-size: min(18px, 1.125rem);
  }
}

.c-bk-index__number {
  margin-right: 1em;
  border-right: 1px solid #002754;
  display: inline-block;
  padding-right: 1em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .c-bk-index__number {
    margin-right: min(18px,1.8229vw);
    padding-right: min(18px,1.8229vw);
    font-size: min(18px, 1.125rem);
  }
}

.c-bk-index--blue {
  font-size: min(20px, 1.25rem);
  font-weight: 600;
  background: #002754;
  color: #FFF;
  padding: min(15px, 0.781vw) min(25px, 1.302vw);
  line-height: 1.5;
  letter-spacing: 0em;
  margin-bottom: min(28px, 1.458vw);
}
@media screen and (max-width: 1024px) {
  .c-bk-index--blue {
    font-size: 20px;
    padding: 15px 25px;
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-index--blue {
    font-size: min(20px, 1.25rem);
    padding: 0.5em 1em;
    font-weight: 600;
    margin-bottom: min(28px, 3.6458vw);
  }
}
@media screen and (max-width: 450px) {
  .c-bk-index--blue {
    margin-bottom: min(28px, 6.222vw);
  }
}

.c-bk-index--more {
  font-size: min(20px, 1.25rem);
  font-weight: 500;
  color: #002754;
  border: 1px solid #002754;
  padding: min(15px, 0.781vw) min(25px, 1.302vw);
  line-height: 1.5;
  letter-spacing: 0em;
  margin-bottom: min(28px, 1.458vw);
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .c-bk-index--more {
    font-size: 20px;
    padding: 1em;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-index--more {
    font-size: min(20px, 1.25rem);
  }
}
@media screen and (max-width: 450px) {
  .c-bk-index--more {
    font-size: min(18px, 1.125rem);
    font-weight: 600;
  }
}

.c-bk-subindex {
  font-size: min(20px, 1.25rem);
  font-weight: 500;
  color: #002754;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-bottom: min(20px, 1.041vw);
}
@media screen and (max-width: 1024px) {
  .c-bk-subindex {
    font-size: 20px;
    padding-bottom: 0.25em;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-subindex {
    font-size: min(20px, 1.25rem);
    letter-spacing: 0;
  }
}
@media screen and (max-width: 450px) {
  .c-bk-subindex {
    font-size: min(18px, 1.125rem);
    margin-bottom: min(20px, 4.4444vw);
    font-weight: 600;
  }
}

/*タイトル 吹き出し*/
.c-title-balloon {
  position: relative; /* 三角の位置を固定するために設定 */
  width: 463px; /* 幅 */
  margin: 0 auto 40px; /* 上 左右 下のマージン */
  padding: 10px; /* ふきだし内の余白 */
  background: #fff; /* 背景色 */
  border: 4px solid #002754; /* 線色 */
  text-align: center; /* テキストの揃え */
  border-radius: 50px; /* <-追加 */
  font-size: min(40px, 2.5rem);
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .c-title-balloon {
    width: min(463px, 60.286vw);
    margin-bottom: min(40px, 5.2vw);
    font-size: min(20px, 1.25rem);
    font-weight: 600;
    border: 2px solid #002754; /* 線色 */
  }
}

.c-title-balloon::before,
.c-title-balloon::after { /* 三角 */
  content: "";
  border: 14px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -14px;
}

.c-title-balloon::before { /* 線になる部分 */
  border-top-color: #002754; /* 吹き出しの線の色と同じ色 */
  bottom: -31px;
}
@media screen and (max-width: 768px) {
  .c-title-balloon::before {
    bottom: -30px;
  }
}

.c-title-balloon::after { /* 地の部分 */
  border-top-color: #fff; /* 吹き出しの背景色と同じ色 */
  bottom: -27px;
}

.c-title-balloon-white {
  position: relative; /* 三角の位置を固定するために設定 */
  width: 463px; /* 幅 */
  margin: 0 auto 40px; /* 上 左右 下のマージン */
  padding: 10px; /* ふきだし内の余白 */
  background: #fff; /* 背景色 */
  border: 0px solid #002754; /* 線色 */
  text-align: center; /* テキストの揃え */
  border-radius: 50px; /* <-追加 */
  font-size: min(40px, 2.5rem);
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .c-title-balloon-white {
    font-size: 32px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .c-title-balloon-white {
    font-size: min(40px, 2.5rem);
    width: min(463px, 60.286vw);
    margin-bottom: min(40px, 5.208vw);
  }
}

.c-title-balloon-white::before,
.c-title-balloon-white::after { /* 三角 */
  content: "";
  border: 14px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -14px;
}

.c-title-balloon-white::before { /* 線になる部分 */
  border-top-color: #fff; /* 吹き出しの線の色と同じ色 */
  bottom: -27px;
}

.c-title-balloon-white::after { /* 地の部分 */
  border-top-color: #fff; /* 吹き出しの背景色と同じ色 */
  bottom: -27px;
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
/***********************

ボタン

**********************/
.bnt-pagelink {
  width: min(200px, 13.793vw);
  margin: 0 auto;
  border-radius: 50px;
  overflow: hidden;
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
}
@media screen and (max-width: 1024px) {
  .bnt-pagelink {
    width: 300px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .bnt-pagelink {
    width: max(300px, 39vw);
  }
}
.bnt-pagelink a {
  display: inline-block;
  width: 100%;
  background: #002754;
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding: min(20px, 1.464vw) 0;
  position: relative;
  border-radius: 50px;
}
@media screen and (max-width: 1024px) {
  .bnt-pagelink a {
    font-size: 18px;
    padding: 25px;
  }
}
@media screen and (max-width: 768px) {
  .bnt-pagelink a {
    font-size: max(18px,1.125rem);
    padding: max(25px, 3.255vw);
  }
}
.bnt-pagelink a::before {
  position: absolute;
  content: "";
  width: 11px;
  height: 11px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg) translateY(-65%);
  top: 50%;
  right: min(25px,1.83vw);
}
@media screen and (max-width: 1024px) {
  .bnt-pagelink a::before {
    right: 25px;
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bnt-pagelink a::before {
    right: 1.5em;
    width: 0.75em;
    height: 0.75em;
  }
}
@media screen and (max-width: 450px) {
  .bnt-pagelink a::before {
    right: 1.5em;
    width: 0.75em;
    height: 0.75em;
  }
}
.bnt-pagelink a ._bg {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  padding-top: 100%;
  width: 100%;
  height: 0;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .bnt-pagelink a ._bg {
    display: none;
  }
}
.bnt-pagelink a ._bg::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.4s ease-out;
  content: "";
}
.bnt-pagelink:hover {
  box-shadow: 0px 0px 0px 2px #002754;
}
@media screen and (max-width: 1024px) {
  .bnt-pagelink:hover {
    box-shadow: none;
  }
}
.bnt-pagelink:hover a {
  color: #002754;
}
@media screen and (max-width: 1024px) {
  .bnt-pagelink:hover a {
    color: #fff;
  }
}
.bnt-pagelink:hover a::before {
  border-color: #002754;
}
@media screen and (max-width: 1024px) {
  .bnt-pagelink:hover a::before {
    border-color: initial;
  }
}
.bnt-pagelink:hover a ._bg::before {
  transform: scale(1);
}
@media screen and (max-width: 1024px) {
  .bnt-pagelink:hover a ._bg::before {
    transform: scale(0);
  }
}
.bnt-pagelink.white {
  border: solid 2px #002754;
}
.bnt-pagelink.white a {
  background: #fff;
  color: #002754;
}
.bnt-pagelink.white a::before {
  border-top: solid 2px #002754;
  border-right: solid 2px #002754;
}
.bnt-pagelink.white a ._bg::before {
  background-color: #002754;
}
.bnt-pagelink.white:hover {
  background: #002754;
}
@media screen and (max-width: 450px) {
  .bnt-pagelink.white:hover {
    background: #fff;
  }
}
.bnt-pagelink.white:hover a {
  background: #002754;
  color: #fff;
  opacity: 1;
  z-index: 1;
}
@media screen and (max-width: 450px) {
  .bnt-pagelink.white:hover a {
    color: #002754;
  }
}
.bnt-pagelink.white:hover a::before {
  border-color: #fff;
}
@media screen and (max-width: 450px) {
  .bnt-pagelink.white:hover a::before {
    border-color: #002754;
    border: 2px solid #fff;
  }
}
@media screen and (max-width: 450px) {
  .bnt-pagelink.white:hover a ._bg::before {
    transform: scale(1);
    background-color: #fff;
  }
}
.bnt-pagelink.square {
  border-radius: 10px;
}
.bnt-pagelink.square a {
  background: #EEFF30;
  color: #073F72;
  border-radius: 10px;
}
.bnt-pagelink.square a::before {
  display: none;
}
.bnt-pagelink.small {
  border-width: 2px;
}
.bnt-pagelink.small a {
  font-size: min(20px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  .bnt-pagelink.small a {
    font-size: 20px;
    padding: min(40px, 2.083vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .bnt-pagelink.small a {
    font-size: max(18px, 1.125rem);
    padding: 25px 0;
  }
}
@media screen and (max-width: 450px) {
  .bnt-pagelink.small a {
    padding: 20px 0;
  }
}
@media screen and (max-width: 450px) {
  .bnt-pagelink.small a::before {
    width: 0.75rem;
    height: 0.75rem;
  }
}

.bnt-page-tablink {
  width: initial;
  display: inline-block;
  border-radius: 50px;
  overflow: hidden;
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
  text-indent: initial;
  padding-left: initial;
}
@media screen and (max-width: 1024px) {
  .bnt-page-tablink {
    width: 67.41%;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .bnt-page-tablink {
    width: 67.41%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink {
    width: 90%;
    margin: 0 auto;
  }
}
.bnt-page-tablink a {
  display: inline-block;
  width: 100%;
  background: #002754;
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding: min(12.5px, 0.651vw) 3.7em min(12.5px, 0.651vw) 2.74em;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .bnt-page-tablink a {
    font-size: 16px;
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .bnt-page-tablink a {
    font-size: 1rem;
    padding: max(20px, 2.6041vw);
  }
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink a {
    width: 100%;
    line-height: 1.5;
  }
}
.bnt-page-tablink a::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
  right: min(20px,1.042vw);
}
@media screen and (max-width: 1024px) {
  .bnt-page-tablink a::before {
    right: 25px;
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bnt-page-tablink a::before {
    right: 1.5em;
    width: 0.75em;
    height: 0.75em;
  }
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink a::before {
    right: 1.5em;
    width: 0.75em;
    height: 0.75em;
  }
}
.bnt-page-tablink a ._bg {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  padding-top: 100%;
  width: 100%;
  height: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.bnt-page-tablink a ._bg::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.4s ease-out;
  content: "";
}
.bnt-page-tablink:hover {
  box-shadow: 0px 0px 0px 2px #002754;
}
.bnt-page-tablink:hover a {
  color: #002754;
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink:hover a {
    color: #fff;
  }
}
.bnt-page-tablink:hover a::before {
  border-color: #002754;
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink:hover a::before {
    border-color: #fff;
  }
}
.bnt-page-tablink:hover a ._bg::before {
  transform: scale(1);
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink:hover a ._bg::before {
    transform: scale(0);
  }
}
.bnt-page-tablink.white {
  border: solid 2px #002754;
  margin-top: min(12.5px, 0.651vw);
}
@media screen and (max-width: 1024px) {
  .bnt-page-tablink.white {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .bnt-page-tablink.white {
    margin-top: min(15px, 1.9532vw);
  }
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink.white {
    margin-top: 15px;
  }
}
.bnt-page-tablink.white a {
  background: #fff;
  color: #002754;
  border-radius: 50px;
}
.bnt-page-tablink.white a::before {
  border-top: solid 2px #002754;
  border-right: solid 2px #002754;
}
.bnt-page-tablink.white a ._bg::before {
  background-color: #002754;
}
.bnt-page-tablink.white:hover {
  background: #002754;
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink.white:hover {
    background: #fff;
  }
}
.bnt-page-tablink.white:hover a {
  background: #002754;
  color: #fff;
  opacity: 1;
  z-index: 1;
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink.white:hover a {
    color: #002754;
  }
}
.bnt-page-tablink.white:hover a::before {
  border-color: #fff;
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink.white:hover a::before {
    border-color: #002754;
  }
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink.white:hover a ._bg::before {
    transform: scale(1);
    background-color: #fff;
  }
}
.bnt-page-tablink.square {
  border-radius: 10px;
}
.bnt-page-tablink.square a {
  background: #EEFF30;
  color: #073F72;
}
.bnt-page-tablink.square a::before {
  display: none;
}
.bnt-page-tablink.small {
  border-width: 2px;
}
.bnt-page-tablink.small a {
  padding: 13px 0;
  font-size: min(20px, 1.25rem);
}
@media screen and (max-width: 768px) {
  .bnt-page-tablink.small a {
    font-size: max(18px, 1.125rem);
    padding: 25px 0;
  }
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink.small a {
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .bnt-page-tablink.small a::before {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 450px) {
  .bnt-page-tablink.small a::before {
    width: 0.75rem;
    height: 0.75rem;
  }
}

.bnt-page-tablink.white:hover {
  box-shadow: none;
}
.bnt-page-tablink.white:hover a {
  background: #FFF;
}
@media screen and (max-width: 1024px) {
  .bnt-page-tablink.white:hover a ._bg {
    display: none;
  }
}

.bnt-insole-link {
  width: initial;
  display: inline-block;
  border-radius: 50px;
  overflow: hidden;
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .bnt-insole-link {
    width: 100%;
    position: relative;
    z-index: 5;
    padding-right: min(150px, 7.8125vw);
  }
}
@media screen and (max-width: 768px) {
  .bnt-insole-link {
    padding-right: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 450px) {
  .bnt-insole-link {
    padding-right: 0;
  }
}
.bnt-insole-link a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: min(10px, 0.5208vw) min(20px, 1.0416vw) min(10px, 0.5208vw) min(30px, 1.5625vw);
  position: relative;
  transition: 0.5s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .bnt-insole-link a {
    font-size: 26px;
    padding: 25px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 90px;
    border: 2px solid #fff;
  }
}
@media screen and (max-width: 768px) {
  .bnt-insole-link a {
    font-size: max(18px,1.125rem);
    padding: max(25px, 3.255vw);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 90px;
    border: 2px solid #fff;
  }
}
.bnt-insole-link a::after {
  content: "";
  display: block;
  width: min(30px, 1.875vw);
  height: min(30px, 1.875vw);
  background: url(../images/custommade/icon-play.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: max(23px, 1.1979vw);
  transition: 0.5s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .bnt-insole-link a::after {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .bnt-insole-link a::after {
    width: 50px;
    height: 50px;
    position: absolute;
    right: initial;
    left: 155px;
    top: 30px;
    margin-left: 0;
    display: none;
  }
}
.bnt-insole-link a ._bg {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  padding-top: 100%;
  width: 100%;
  height: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.bnt-insole-link a ._bg::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.4s ease-out;
  content: "";
}
@media screen and (max-width: 768px) {
  .bnt-insole-link a span {
    line-height: 1.6;
    display: block;
    letter-spacing: 0.025em;
    font-size: max(32px,2rem);
  }
}
@media screen and (max-width: 450px) {
  .bnt-insole-link a span {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .bnt-insole-link a .big {
    display: block;
    font-size: max(40px,2.5rem);
  }
}
@media screen and (max-width: 450px) {
  .bnt-insole-link a .big {
    font-size: 1.5rem;
  }
}
.bnt-insole-link:hover {
  box-shadow: 0px 0px 0px 2px #002754;
}
@media screen and (max-width: 1024px) {
  .bnt-insole-link:hover {
    box-shadow: initial;
  }
}
.bnt-insole-link:hover a {
  color: #002754;
}
@media screen and (max-width: 450px) {
  .bnt-insole-link:hover a {
    color: #fff;
  }
}
.bnt-insole-link:hover a::after {
  background: url(../images/custommade/icon-play-blue.svg);
  transition: transform 0.4s ease-out;
  width: min(30px, 1.875vw);
  height: min(30px, 1.875vw);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 1024px) {
  .bnt-insole-link:hover a::after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .bnt-insole-link:hover a ._bg {
    display: none;
  }
}
.bnt-insole-link:hover a ._bg::before {
  transform: scale(1);
}
@media screen and (max-width: 1024px) {
  .bnt-insole-link:hover a ._bg::before {
    transform: scale(0);
  }
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
/***********************

fadein

**********************/
.fadein-top {
  opacity: 0;
  visibility: hidden;
  transition: 1.3s;
  transform: translateY(300px);
}
.fadein-top.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.fadein-right {
  opacity: 0;
  visibility: hidden;
  transition: 1.3s;
  transform: translateX(-300px);
}
.fadein-right.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.fadein-left {
  opacity: 0;
  visibility: hidden;
  transition: 1.3s;
  transform: translateX(300px);
}
.fadein-left.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.fadeinright-delay18 {
  opacity: 0;
  visibility: hidden;
  transition: 1.8s;
  transform: translateX(-800px);
}
.fadeinright-delay18.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.fadeinright-delay23 {
  opacity: 0;
  visibility: hidden;
  transition: 2.3s;
  transform: translateX(-1200px);
}
.fadeinright-delay23.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
.c-form__inner {
  padding-top: 0;
}
@media screen and (max-width: 1024px) {
  .c-form__inner {
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .c-form__inner {
    padding-top: min(188px, 9.791vw);
  }
}

.c-form__tab-A {
  padding: min(33px, 1.71rem) min(38px, 1.97rem);
}
@media screen and (max-width: 768px) {
  .c-form__tab-A {
    padding: 0;
  }
}
@media screen and (max-width: 450px) {
  .c-form__tab-A {
    padding: 0;
  }
}
.c-form__tab-B {
  padding: 0;
}

.c-form {
  width: 79.5837%;
  margin: 0 auto;
  padding: 5em 0;
}
@media screen and (max-width: 1024px) {
  .c-form {
    width: 100%;
  }
}
.c-form__ttl {
  font-weight: 700;
  font-size: min(22px, 1.375rem);
  color: #0E0E0E;
}
@media screen and (max-width: 1024px) {
  .c-form__ttl {
    font-size: 22px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-form__ttl {
    font-size: min(22px, 1.375rem);
  }
}
.c-form__input {
  margin-top: min(16px, 0.83rem);
  min-height: 1em;
  font-size: min(20px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  .c-form__input {
    margin-top: 16px;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-form__input {
    margin-top: min(16px, 1rem);
    font-size: min(20px, 1.25rem);
  }
}
.c-form .radio-wrap {
  display: inline-flex;
}
@media screen and (max-width: 450px) {
  .c-form .radio-wrap {
    flex-flow: column;
  }
}
.c-form .radio-wrap label {
  margin-right: 20px;
  display: inline-block;
}
.c-form .radio-wrap span {
  font-size: min(18px, 1.125rem);
  height: inherit;
  display: block;
}
@media screen and (max-width: 1024px) {
  .c-form .radio-wrap span {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .c-form .radio-wrap span {
    font-size: min(18px, 1.125rem);
  }
}
.c-form .radio-wrap input {
  display: none;
}
.c-form .radio-wrap input + span {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.c-form .radio-wrap input + span::before {
  content: "";
  display: block;
  width: min(25px, 1.3rem);
  height: min(25px, 1.3rem);
  border: 1px solid #000;
  border-radius: 50%;
  margin-right: 1em;
}
@media screen and (max-width: 1024px) {
  .c-form .radio-wrap input + span::before {
    width: 25px;
    height: 25px;
  }
}
@media screen and (max-width: 768px) {
  .c-form .radio-wrap input + span::before {
    width: min(25px, 1.3rem);
    height: min(25px, 1.3rem);
  }
}
.c-form .radio-wrap input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  background: #002754;
  border-radius: 50%;
  width: min(13px, 0.67rem);
  height: min(13px, 0.67rem);
  background: #002754;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 6%;
}
@media screen and (max-width: 1024px) {
  .c-form .radio-wrap input:checked + span::after {
    width: 13px;
    height: 13px;
    left: 13px;
  }
}
@media screen and (max-width: 768px) {
  .c-form .radio-wrap input:checked + span::after {
    width: min(13px, 0.67rem);
    height: min(13px, 0.67rem);
    left: 6%;
  }
}
.c-form dl dt:not(:first-of-type) {
  margin-top: min(50px, 3.125rem);
}
@media screen and (max-width: 1024px) {
  .c-form dl dt:not(:first-of-type) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .c-form dl dt:not(:first-of-type) {
    margin-top: min(50px, 3.125rem);
  }
}
.c-form dl input[type=text],
.c-form dl input[type=email],
.c-form dl textarea {
  background: #eff2f2;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
}
.c-form dl input[type=text],
.c-form dl input[type=email] {
  height: min(60px, 3.125vw);
  font-size: min(20px, 1.25rem);
  padding: 0 1em;
}
@media screen and (max-width: 1024px) {
  .c-form dl input[type=text],
  .c-form dl input[type=email] {
    height: 60px;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-form dl input[type=text],
  .c-form dl input[type=email] {
    height: min(60px, 7.8125vw);
    font-size: min(20px, 1.25rem);
  }
}
@media screen and (max-width: 450px) {
  .c-form dl input[type=text],
  .c-form dl input[type=email] {
    height: min(60px, 13.3333vw);
  }
}
.c-form dl input[type=file] {
  display: none;
}
.c-form dl textarea {
  min-height: min(310px, 16.145vw);
  font-size: min(20px, 1.25rem);
  padding: 1em;
}
@media screen and (max-width: 1024px) {
  .c-form dl textarea {
    min-height: 310px;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-form dl textarea {
    font-size: min(20px, 1.25rem);
    min-height: min(310px, 40.364vw);
  }
}
@media screen and (max-width: 450px) {
  .c-form dl textarea {
    height: min(310px, 68.888vw);
  }
}
.c-form dl .file-btn {
  padding: min(22px, 1.14rem) 0;
  background-color: #acacac;
  color: #fff;
  font-size: min(18px, 1.12rem);
  cursor: pointer;
  display: block;
  max-width: 270px;
  width: 14.0625vw;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .c-form dl .file-btn {
    font-size: 18px;
    text-align: center;
    max-width: 270px;
    width: 26.367vw;
    padding: 22px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-form dl .file-btn {
    font-size: min(18px, 1.12rem);
    padding: 1rem;
    text-align: center;
    max-width: initial;
    width: initial;
  }
}
.c-form dl .file-wrap {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 450px) {
  .c-form dl .file-wrap br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .c-form dl .file-wrap {
    margin-bottom: 1.6rem;
    flex-flow: column;
    align-items: flex-start;
  }
}
.c-form dl #fileup_name {
  color: #740000;
  font-size: min(18px, 1.12rem);
}
@media screen and (max-width: 1024px) {
  .c-form dl #fileup_name {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .c-form dl #fileup_name {
    font-size: min(18px, 1.12rem);
  }
}
.c-form__poricy {
  background: #eff2f2;
  overflow-y: scroll;
  padding: min(25px, 1.3rem) min(44px, 2.29rem) min(25px, 1.3rem) min(23px, 1.19rem);
  height: 220px;
}
.c-form__poricyItem {
  margin-top: min(20px, 1.04rem);
  line-height: 1.3;
}
.c-form .checkbox-wrap {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.c-form .checkbox-wrap label {
  display: inline-block;
}
.c-form .checkbox-wrap span {
  font-weight: 700;
  font-size: min(18px, 1.12rem);
}
@media screen and (max-width: 1024px) {
  .c-form .checkbox-wrap span {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .c-form .checkbox-wrap span {
    font-size: min(18px, 1.12rem);
  }
}
.c-form .checkbox-wrap input {
  display: none;
}
.c-form .checkbox-wrap input + span {
  position: relative;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  color: transparent;
}
.c-form .checkbox-wrap input + span::before {
  content: "";
  display: block;
  width: min(32px, 1.66rem);
  height: min(32px, 1.66rem);
  background: #eff2f2;
  position: static;
  margin-right: 1em;
}
@media screen and (max-width: 1024px) {
  .c-form .checkbox-wrap input + span::before {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 768px) {
  .c-form .checkbox-wrap input + span::before {
    width: min(32px, 1.66rem);
    height: min(32px, 1.66rem);
  }
}
.c-form .checkbox-wrap input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/common/check.svg) center/contain no-repeat;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 11%;
}
@media screen and (max-width: 1024px) {
  .c-form .checkbox-wrap input:checked + span::after {
    width: 25px;
    height: 25px;
    left: 13%;
  }
}
@media screen and (max-width: 768px) {
  .c-form .checkbox-wrap input:checked + span::after {
    width: 18px;
    height: 18px;
    left: 11%;
  }
}
.c-form .submit {
  margin-top: min(89px, 4.6rem);
  width: min(280px, 14.584vw);
}
@media screen and (max-width: 1024px) {
  .c-form .submit {
    margin-top: 89px;
    width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .c-form .submit {
    margin-top: min(89px, 4.6rem);
    width: min(280px, 36.4784vw);
  }
}
.c-form .submit input[type=submit] {
  border: none;
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0 auto;
  font-weight: 600;
  font-size: min(20px, 1.25rem);
  background: transparent;
  color: #002754;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .c-form .submit input[type=submit] {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-form .submit input[type=submit] {
    font-size: min(20px, 1.25rem);
  }
}
@media screen and (max-width: 450px) {
  .c-form .submit {
    width: 90%;
  }
}
.c-form .submit-wrap {
  background: #fff;
  padding: 13px 0;
  font-size: min(20px, 1.25rem);
  display: inline-block;
  width: 100%;
  font-weight: 600;
  text-align: center;
  padding: min(25px, 1.303vw) 0;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .c-form .submit-wrap {
    padding: 25px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-form .submit-wrap {
    padding: max(30px, 6.666vw) 0;
    font-size: 18px;
  }
}
.c-form .submit-wrap::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 2px #002754;
  border-right: solid 2px #002754;
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
  right: min(25px, 1.83vw);
}
@media screen and (max-width: 1024px) {
  .c-form .submit-wrap::before {
    right: 25px;
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 768px) {
  .c-form .submit-wrap::before {
    right: 1.5em;
    width: 0.6em;
    height: 0.6em;
  }
}
.c-form .submit-wrap ._bg {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  padding-top: 100%;
  width: 100%;
  height: 0;
  transform: translateY(-50%);
  position: absolute;
}
.c-form .submit-wrap ._bg:before {
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #002754;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.4s ease-out;
  content: "";
  position: absolute;
}
.c-form__box {
  color: #000;
  background: #fff;
  padding: min(34px, 1.77rem) min(40px, 2.08rem);
}
@media screen and (max-width: 768px) {
  .c-form__box {
    padding: 0;
  }
}
.c-form__input-policyLink {
  display: block;
  color: #002754;
  text-decoration: underline;
  margin-top: 2rem;
  text-align: center;
  font-size: min(18px, 1.12rem);
}
@media screen and (max-width: 1024px) {
  .c-form__input-policyLink {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .c-form__input-policyLink {
    font-size: min(18px, 1.12rem);
  }
}

.c-form .radio-wrap .horizontal-item:nth-of-type(2) input:checked + span::after {
  left: 4.5%;
}
@media screen and (max-width: 1024px) {
  .c-form .radio-wrap .horizontal-item:nth-of-type(2) input:checked + span::after {
    left: 5.25%;
  }
}
@media screen and (max-width: 768px) {
  .c-form .radio-wrap .horizontal-item:nth-of-type(2) input:checked + span::after {
    left: 4.5%;
  }
}

@media screen and (max-width: 450px) {
  .page-form .c-page-inner--sizem {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 450px) {
  .page-form .c-page-inner {
    width: 100%;
  }
}
.page-form .c-tab-sec__inner {
  width: 100%;
  max-width: 91rem;
}
@media screen and (max-width: 1024px) {
  .page-form .c-tab-sec__inner {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .page-form .c-tab__item::after {
    right: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .page-form .c-tab__link {
    line-height: 1.5;
  }
}

.sp-none {
  display: none;
}
@media screen and (max-width: 450px) {
  .sp-none {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
  }
}

.mwform-file-delete {
  font-size: min(18px, 1.125rem);
  line-height: 1;
  width: 3em;
  color: #740000;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .mwform-file-delete {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .mwform-file-delete {
    font-size: min(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  .mwform-file-delete {
    padding-top: 1em;
    text-align: left;
  }
}

.c-form .submit-wrap:hover ._bg:before {
  transform: scale(1);
}
@media screen and (max-width: 1024px) {
  .c-form .submit-wrap:hover ._bg:before {
    transform: scale(0);
  }
}

.c-form .submit-wrap:hover::before {
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .c-form .submit-wrap:hover::before {
    border-top: solid 2px #002754;
    border-right: solid 2px #002754;
  }
}

.c-form .submit-wrap:hover::before {
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .c-form .submit-wrap:hover::before {
    color: #002754;
    border-top: solid 2px #002754;
    border-right: solid 2px #002754;
  }
}

.c-form .submit .submit-wrap:hover input[type=submit] {
  color: #FFF;
}
@media screen and (max-width: 1024px) {
  .c-form .submit .submit-wrap:hover input[type=submit] {
    color: #002754;
  }
}

.c-form-tnaks .c-form-tnaks__inner {
  padding: min(60px, 3.125vw) 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-form-tnaks .c-form-tnaks__inner {
    padding: min(60px, 7.8125vw) 0;
  }
}
@media screen and (max-width: 450px) {
  .c-form-tnaks .c-form-tnaks__inner {
    padding: min(60px, 13.333vw) 0;
  }
}
.c-form-tnaks .c-form-tnaks__text {
  text-align: center;
  font-size: min(20px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  .c-form-tnaks .c-form-tnaks__text {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-form-tnaks .c-form-tnaks__text {
    font-size: min(20px, 1.25rem);
  }
}
.c-form-tnaks .c-form-tnaks__link {
  padding-top: 4em;
  margin: 0 auto;
  display: inline-block;
  color: #002754;
  text-decoration: underline;
  font-size: min(18px, 1.125rem);
}
@media screen and (max-width: 1024px) {
  .c-form-tnaks .c-form-tnaks__link {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .c-form-tnaks .c-form-tnaks__link {
    font-size: min(18px, 1.125rem);
  }
}

.c-formpolicy__ttl {
  padding-top: 3em;
  margin-bottom: 1.5em;
  text-align: center;
}

.c-formpolicy__input {
  padding: 1em 0;
  border: 1px solid #0e0e0e;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .c-formpolicy__input {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-formpolicy__input {
    font-size: min(16px, 1rem);
  }
}

.c-form .checkbox-wrap .wform-checkbox-field-text {
  display: flex;
  align-items: center;
}

.c-form .checkbox-wrap label.doui-1 {
  display: inline-flex;
  align-items: center;
  padding-left: 2.5em;
}
.c-form .checkbox-wrap label.doui-1 span {
  font-weight: 400;
}

.c-form .checkbox-wrap input + span.error {
  font-size: 1rem;
  color: #B70000;
  bottom: -8em;
  height: initial;
}

.c-form .checkbox-wrap input + span.error:before {
  visibility: hidden;
  padding-left: 2.5em;
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
#top {
  background: #EFF2F2;
  overflow-x: hidden;
}
#top #movie {
  position: relative;
  overflow-x: hidden;
}
@media screen and (max-width: 450px) {
  #top #movie {
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
  }
}
#top #movie .video_wrap {
  position: relative;
}
#top #movie .video_wrap::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  display: block;
  top: 0;
  left: 0;
}
#top #movie .video_wrap video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
#top #movie-text {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  #top #movie-text {
    top: 50%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #top #movie-text {
    top: 50%;
    width: 95%;
  }
}
@media screen and (max-width: 768px) {
  #top #movie-text figure {
    max-width: 300px;
    width: 35%;
  }
}
@media screen and (max-width: 450px) {
  #top #movie-text figure {
    width: 50%;
  }
}
#top #movie-text figure.visualText {
  width: 51.59vw;
  margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  #top #movie-text figure.visualText {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #top #movie-text figure.visualText {
    max-width: 500px;
    width: 95%;
  }
}
#top #movie-text figure.visualText img {
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.4));
}
#top #movie .playmovie {
  position: absolute;
  bottom: 2.448vw;
  right: 20px;
}
@media screen and (max-width: 768px) {
  #top #movie .playmovie {
    right: 1.22%;
  }
}
#top #movie .playmovie figure img {
  width: min(60px, 3.125vw);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #top #movie .playmovie figure img {
    width: min(60px, 7.81vw);
  }
}
#top #movie .playmovie figure figcaption {
  margin-top: 10px;
  font-size: min(12px, 0.75rem);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  text-align: center;
}
#top #movie .playmovie:hover {
  cursor: pointer;
}
#top #movie .homeScroll {
  display: block;
  position: absolute;
  bottom: 40%;
  right: min(40px, 2.083vw);
  z-index: 8;
  font-size: min(14px, 0.875rem);
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top #movie .homeScroll {
    right: min(40px, 5.208vw);
    bottom: 30%;
    right: 22px;
  }
}
@media screen and (max-width: 450px) {
  #top #movie .homeScroll {
    right: 22px;
  }
}
#top #movie .homeScroll-text {
  writing-mode: vertical-rl;
}
#top #movie .homeScroll-border {
  position: absolute;
  content: "";
  width: 1px;
  height: 180px;
  right: 35%;
  background: #fff;
  animation: scrollborder 1.4s ease-in-out infinite;
}
@media screen and (max-width: 450px) {
  #top #movie .homeScroll-border {
    right: 50%;
    height: 80px;
  }
}
@keyframes scrollborder {
  0% {
    height: 0;
    top: 50px;
    opacity: 0;
    @media screen and (max-width: 450px) {
      #top #movie .homeScroll-border {
        top: 13px;
      }
    }
  }
  30% {
    height: 50px;
    opacity: 1;
    @media screen and (max-width: 450px) {
      #top #movie .homeScroll-border {
        top: 13px;
      }
    }
  }
  100% {
    height: 0;
    top: 180px;
    opacity: 0;
    @media screen and (max-width: 450px) {
      #top #movie .homeScroll-border {
        top: 50px;
      }
    }
  }
}
#top #m-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9;
}
#top #m-modal .modal-bg {
  position: relative;
  max-width: 1100px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#top #m-modal .modal-bg-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#top #m-modal .modal-bg-inner iframe {
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#top #m-modal .modal-bg-inner .m-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: min(28px, 1.75rem);
  font-weight: bold;
  color: #fff;
}
#top #about {
  scroll-margin-top: 140px;
  width: 100%;
  background: url("../images/top/img-about-bg01.jpg") center top;
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: min(94px, 4.8958vw);
  padding-bottom: min(240px, 12.5vw);
  position: relative;
  overflow: hidden;
  background-position: top;
}
@media screen and (max-width: 1024px) {
  #top #about {
    padding-top: min(105px, 10.253vw);
    padding-bottom: min(440px, 42.96875vw);
    background-attachment: initial;
    background-position-y: -85px;
    background-size: cover;
    background: url("../images/top/img-about-bg01-sp.jpg") center top;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  #top #about {
    background-attachment: initial;
    padding-top: min(104px, 16.25vw);
    padding-bottom: min(240px, 37.5vw);
    background: url("../images/top/img-about-bg01-sp.jpg") center top;
    background-size: cover;
    background-position: initial;
  }
}
#top #about::before {
  position: absolute;
  content: "";
  background: rgba(177, 206, 213, 0.6);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
#top #about .aboutClmn {
  height: min(1271px, 66.19vw);
  position: relative;
  z-index: 1;
  width: 75.678%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn {
    width: 100%;
    height: initial;
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn {
    width: 100%;
    height: initial;
    padding-right: 0;
  }
}
#top #about .aboutClmn-textArea {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-textArea {
    display: grid;
    width: 100%;
    margin: 0 auto;
    place-items: flex-start;
    place-content: center;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    margin-left: auto;
  }
}
#top #about .aboutClmn-textArea__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-textArea__header {
    padding-right: min(120px, 11.71875vw);
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-textArea__header {
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 0;
  }
}
#top #about .aboutClmn-textArea__header .headerLine {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-textArea__header .headerLine {
    display: block;
  }
}
#top #about .aboutClmn-textArea__header .headerLine .en {
  writing-mode: vertical-rl;
  text-orientation: initial;
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-textArea__header .headerLine .en {
    font-size: 3.125vw;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1;
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn-textArea__header .headerLine .en {
    font-size: 4vw;
  }
}
#top #about .aboutClmn-textArea__header .headerLine h2 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 10px;
  margin-right: 17px;
  line-height: 2.5;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-textArea__header .headerLine h2 {
    line-height: 1.8;
    font-size: min(40px, 3rem);
    letter-spacing: min(20px, 1.25rem);
    font-weight: 600;
    padding-bottom: 0;
    margin-right: 0.5em;
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn-textArea__header .headerLine h2 {
    line-height: 1.4;
    font-size: min(30px, 6.6666vw);
    margin: 0;
    letter-spacing: 0.2em;
    white-space: nowrap;
    font-weight: 600;
    padding-bottom: 0;
    margin-right: 0.5em;
  }
}
#top #about .aboutClmn-textArea__header .headerLine h2 span {
  display: block;
  font-size: min(50px, 3.125rem);
  letter-spacing: min(20px, 1.25rem);
  writing-mode: vertical-rl;
  font-weight: 500;
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-textArea__header .headerLine h2 span {
    font-size: 36px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-textArea__header .headerLine h2 span {
    font-size: min(40px, 3rem);
    line-height: 2;
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn-textArea__header .headerLine h2 span {
    font-size: min(30px, 1.875rem);
    margin: 0;
    letter-spacing: 0.53em;
    white-space: nowrap;
    font-weight: 600;
    padding-bottom: 0;
  }
}
#top #about .aboutClmn-textArea__header .headerLine h2 .num {
  writing-mode: rl;
  font-size: min(50px, 3.125rem);
  font-weight: 600;
  letter-spacing: 0.2em;
  margin-bottom: 0.4em;
  line-height: 1.4;
  display: inline-block;
  text-indent: 0;
  position: relative;
  margin: 0;
  padding: 0;
  position: relative;
  left: 3px;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-textArea__header .headerLine h2 .num {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-textArea__header .headerLine h2 .num {
    font-size: min(40px, 3rem);
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn-textArea__header .headerLine h2 .num {
    font-size: min(28px, 1.75rem);
    font-weight: 600;
  }
}
#top #about .aboutClmn-textArea__header .bnt-pagelink {
  position: absolute;
  content: "";
  left: 0;
  bottom: min(-150px, -7.812vw);
  writing-mode: horizontal-tb;
  width: min(240px, 12.5vw);
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-textArea__header .bnt-pagelink {
    display: none;
  }
}
#top #about .aboutClmn-textArea .clmn-textBox {
  margin-right: min(115px, 5.99vw);
  margin-top: min(75px, 3.90625vw);
  writing-mode: vertical-rl;
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-textArea .clmn-textBox {
    padding-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-textArea .clmn-textBox {
    margin-top: min(62.5px, 8.138vw);
    text-orientation: upright;
    padding-top: 0;
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn-textArea .clmn-textBox {
    margin-top: min(48px, 10.666vw);
  }
}
#top #about .aboutClmn-textArea .clmn-textBox p {
  line-height: 3.25;
  letter-spacing: min(15px, 0.9375rem);
  font-weight: 600;
  font-size: min(26px, 1.625rem);
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-textArea .clmn-textBox p {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-textArea .clmn-textBox p {
    font-size: min(26px, 1.625rem);
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn-textArea .clmn-textBox p {
    font-size: min(18px, 1.125rem);
    letter-spacing: 0.55em;
    line-height: 3;
  }
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn .bnt-pagelink {
    margin: 0 auto;
    margin-top: min(100px, 9.7656vw);
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn .bnt-pagelink {
    margin: min(150px, 23.4375vw) auto 0;
    width: max(400px, 52.083vw);
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn .bnt-pagelink {
    margin: min(100px, 22.2222vw) auto 0;
    width: max(282px, 62.666vw);
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn .bnt-pagelink a {
    font-size: min(30px, 1.875rem);
    padding: min(40px, 5.20833vw);
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn .bnt-pagelink a {
    font-size: min(22px, 1.375rem);
    padding: min(29px, 6.444vw) 0;
    max-height: 80px;
  }
}
#top #about .aboutClmn-imgArea {
  position: absolute;
  content: "";
  left: 97px;
  top: initial;
  bottom: -13px;
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-imgArea {
    position: static;
    bottom: max(-286px, -44.6875vw);
  }
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-imgArea {
    top: auto;
    bottom: max(-286px, -44.6875vw);
    left: initial;
    right: 0;
    position: absolute;
    z-index: -1;
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-imgArea {
    top: auto;
    bottom: max(-286px, -44.6875vw);
    left: initial;
    right: 0;
    position: absolute;
    z-index: -1;
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn-imgArea {
    bottom: max(-170px, -37.777vw);
  }
}
#top #about .aboutClmn-imgArea figure {
  max-width: 996px;
  width: 51.875vw;
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-imgArea figure {
    width: 91.25vw;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-imgArea figure {
    max-width: 584px;
    width: 91.25vw;
    margin: 0;
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn-imgArea figure {
    max-width: initial;
  }
}
#top #about .aboutClmn-imgArea:nth-of-type(2) {
  left: 0;
  top: 28%;
  z-index: 22;
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-imgArea:nth-of-type(2) {
    position: static;
    margin-top: max(110px, 10.742vw);
    margin-bottom: max(95px, 9.2773vw);
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-imgArea:nth-of-type(2) {
    position: static;
    margin-top: min(155px, 20.182vw);
    margin-bottom: max(286px, 37.2395vw);
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn-imgArea:nth-of-type(2) {
    position: static;
    margin-top: max(95px, 21.111vw);
    margin-bottom: max(170px, 37.777vw);
  }
}
#top #about .aboutClmn-imgArea:nth-of-type(2) figure {
  max-width: 595px;
  width: 30.98vw;
}
@media screen and (max-width: 1024px) {
  #top #about .aboutClmn-imgArea:nth-of-type(2) figure {
    width: 54.6875vw;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  #top #about .aboutClmn-imgArea:nth-of-type(2) figure {
    max-width: 350px;
    width: 54.6875vw;
    margin: 0;
  }
}
@media screen and (max-width: 450px) {
  #top #about .aboutClmn-imgArea:nth-of-type(2) figure {
    max-width: initial;
  }
}
#top #strength {
  background: rgb(0, 29, 85);
  background: linear-gradient(333deg, rgb(0, 29, 85) 0%, rgb(0, 42, 96) 13%, rgb(9, 62, 109) 50%, rgb(9, 61, 111) 82%, rgb(13, 62, 116) 100%);
}
@media screen and (max-width: 768px) {
  #top #strength {
    padding-top: min(130px, 13.411vw);
    padding-bottom: min(160px, 20.833vw);
  }
}
@media screen and (max-width: 450px) {
  #top #strength {
    padding-top: min(70px, 15.555vw);
    padding-bottom: min(95px, 21.111vw);
  }
}
@media screen and (max-width: 1024px) {
  #top #strength .inner {
    width: 85.2%;
  }
}
#top #strength .headerLine {
  color: #fff;
}
#top #strength .strengthList {
  margin-top: min(122px, 6.3542vw);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0 min(30px, 1.563vw);
}
@media screen and (max-width: 768px) {
  #top #strength .strengthList {
    grid-gap: 30px 0;
    grid-template-columns: 1fr;
    margin-top: min(130px, 16.927vw);
  }
}
@media screen and (max-width: 450px) {
  #top #strength .strengthList {
    grid-gap: 30px 0;
    grid-template-columns: 1fr;
    margin-top: min(40px, 8.8888vw);
  }
}
#top #strength .strengthList-item {
  display: grid;
  place-content: center;
  place-items: center;
  padding: min(34px, 1.771vw) min(30px, 1.563vw);
  border: 2px solid #FFF;
}
@media screen and (max-width: 768px) {
  #top #strength .strengthList-item {
    padding: max(15px, 1.9531vw) max(10px, 1.30208vw);
    place-content: stretch;
  }
}
@media screen and (max-width: 450px) {
  #top #strength .strengthList-item {
    padding: max(8px, 1.7777vw) max(6px, 1.3333vw);
  }
}
#top #strength .strengthList-item a {
  width: min(400px, 20.8333vw);
  height: min(400px, 20.8333vw);
}
@media screen and (max-width: 768px) {
  #top #strength .strengthList-item a {
    width: 100%;
  }
}
#top #strength .strengthList-item__wrap {
  width: 100%;
  height: inherit;
}
#top #strength .strengthList-item__contents {
  width: 100%;
  height: 100%;
  padding-top: min(63px, 3.281vw);
  padding-bottom: min(63px,3.281vw);
  position: relative;
}
@media screen and (max-width: 768px) {
  #top #strength .strengthList-item__contents {
    display: flex;
    align-items: center;
    padding-left: min(35px,4.557vw);
  }
}
#top #strength .strengthList-item__contents::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  mix-blend-mode: overlay;
  left: 0;
  top: 0;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #top #strength .strengthList-item__contents::before {
    width: 100%;
  }
}
#top #strength .strengthList-item__contents figure {
  width: 40%;
  margin: 0 auto min(30px, 1.563vw);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #top #strength .strengthList-item__contents figure {
    margin: 0;
    width: 15vw;
  }
}
#top #strength .strengthList-item__contents figure img {
  transition: 0.4s;
}
#top #strength .strengthList-item__contents p {
  text-align: center;
  font-size: min(42px, 2.625rem);
  color: #fff;
  font-weight: 600;
  line-height: 2;
  position: relative;
  z-index: 1;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #top #strength .strengthList-item__contents p {
    font-size: min(46px, 2.875rem);
    padding-left: min(50px, 6.5104vw);
    line-height: 1.5;
    text-align: left;
  }
}
@media screen and (max-width: 450px) {
  #top #strength .strengthList-item__contents p {
    font-size: min(26px, 1.625rem);
    letter-spacing: 0;
  }
}
#top #strength .strengthList-item__contents.active::before {
  mix-blend-mode: inherit;
  background: rgba(244, 255, 113, 0.8);
}
#top #strength .strengthList-item__contents.active p {
  color: #002754;
}
#top #strength .strengthList-item__contents:hover {
  cursor: pointer;
}
#top #strength .strengthList-item:first-of-type {
  background: url(../images/top/st-bg01.png) no-repeat center;
  width: 100%;
  height: 100%;
  background-size: cover;
}
#top #strength .strengthList-item:nth-of-type(2) {
  background: url(../images/top/st-bg02.png) no-repeat center;
  width: 100%;
  height: 100%;
  background-size: cover;
}
#top #strength .strengthList-item:nth-of-type(3) {
  background: url(../images/top/st-bg03.png) no-repeat center;
  width: 100%;
  height: 100%;
  background-size: cover;
}
#top #strength .strengthList-item__contents:last-of-type p {
  line-height: 1.23;
}
#top #strength .strengthList-item:nth-of-type(3) figure {
  margin-bottom: min(10px, 0.5208vw);
}
#top #search.contentsWrap {
  padding-top: min(163px, 8.4895vw);
}
@media screen and (max-width: 768px) {
  #top #search.contentsWrap {
    padding-top: min(70px, 9.1145vw);
    padding-bottom: min(95px, 12.37vw);
  }
}
@media screen and (max-width: 450px) {
  #top #search.contentsWrap {
    padding-top: min(70px, 15.555vw);
    padding-bottom: min(95px, 21.111vw);
  }
}
@media screen and (max-width: 768px) {
  #top #search.contentsWrap .innerMD {
    width: 90%;
    margin: 0 auto;
  }
}
#top #search .btnList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: min(70px, 3.646vw) auto min(96px, 5vw);
}
@media screen and (max-width: 1024px) {
  #top #search .btnList {
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  #top #search .btnList {
    flex-flow: column;
    margin: min(100px, 13.0208vw) 0;
  }
}
@media screen and (max-width: 450px) {
  #top #search .btnList {
    flex-direction: column;
    align-items: flex-start;
    margin: min(35px, 7.777vw) 0 min(80px, 17.777vw);
  }
}
#top #search .btnList li {
  width: min(507px, 26.41vw);
}
@media screen and (max-width: 1024px) {
  #top #search .btnList li {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  #top #search .btnList li {
    width: 100%;
    max-width: 690px;
  }
}
@media screen and (max-width: 450px) {
  #top #search .btnList li {
    width: 100%;
  }
}
#top #search .btnList li .bnt-pagelink {
  width: 100%;
  border-radius: 90px;
}
#top #search .btnList li .bnt-pagelink a {
  font-size: min(30px, 1.875rem);
  padding: min(40px, 2.083vw) 0;
}
@media screen and (max-width: 1024px) {
  #top #search .btnList li .bnt-pagelink a {
    font-size: 20px;
    padding: min(40px, 2.083vw) 0;
  }
}
@media screen and (max-width: 768px) {
  #top #search .btnList li .bnt-pagelink a {
    font-size: max(36px, 4.6875vw);
    padding: min(50px, 6.5104vw) 0;
  }
}
@media screen and (max-width: 450px) {
  #top #search .btnList li .bnt-pagelink a {
    padding: max(30px, 6.666vw) 0;
    font-size: 18px;
  }
}
#top #search .btnList li .bnt-pagelink a::before {
  width: 15px;
  height: 15px;
  right: min(50px, 2.604vw);
}
@media screen and (max-width: 768px) {
  #top #search .btnList li .bnt-pagelink a::before {
    right: 1.5em;
    width: 0.75em;
    height: 0.75em;
  }
}
@media screen and (max-width: 450px) {
  #top #search .btnList li .bnt-pagelink a::before {
    right: 1.5em;
    width: 0.75em;
    height: 0.75em;
  }
}
#top #search .btnList li + li {
  margin-left: min(42px, 2.188vw);
}
@media screen and (max-width: 768px) {
  #top #search .btnList li + li {
    margin-left: 0;
    margin-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  #top #search .btnList li + li {
    margin-left: auto;
    margin-top: 25px;
    margin-right: auto;
  }
}
#top #search .productWrap h3 {
  font-size: min(26px, 1.625rem);
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  #top #search .productWrap h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  #top #search .productWrap h3 {
    font-size: max(36px, 2.25rem);
  }
}
@media screen and (max-width: 450px) {
  #top #search .productWrap h3 {
    font-size: max(20px, 1.25rem);
  }
}
#top #search .productWrap .productList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px 15px;
  margin-top: min(35px, 1.823vw);
}
@media screen and (max-width: 1024px) {
  #top #search .productWrap .productList {
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  #top #search .productWrap .productList {
    grid-template-columns: 1fr 1fr;
  }
}
#top #search .productWrap .productList-item figure {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 0;
  height: 14.2362vw;
  width: 19.77454vw;
  max-width: 379.11px;
  max-height: 273.33px;
  display: inline-flex;
}
@media screen and (max-width: 1024px) {
  #top #search .productWrap .productList-item figure {
    width: 41.1357vw;
    height: 29.706vw;
    max-width: 421.23px;
    max-height: 304.19px;
  }
}
@media screen and (max-width: 768px) {
  #top #search .productWrap .productList-item figure {
    width: 100%;
    height: 31.09375vw;
    max-height: 238.8px;
  }
}
@media screen and (max-width: 450px) {
  #top #search .productWrap .productList-item figure {
    width: 100%;
    height: 29.7vw;
    max-height: 135.25px;
  }
}
#top #search .productWrap .productList-item figure img {
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1);
}
#top #search .productWrap .productList-item__ttl {
  font-size: min(26px, 1.625rem);
  font-weight: 600;
  margin: min(20px, 1.25rem) 0 min(10px, 0.625rem);
  color: #002754;
}
@media screen and (max-width: 1024px) {
  #top #search .productWrap .productList-item__ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #top #search .productWrap .productList-item__ttl {
    font-size: max(24px, 1.5rem);
    letter-spacing: 0.01em;
    margin-bottom: 0;
    line-height: 1.5;
    padding-bottom: 0.5em;
  }
}
@media screen and (max-width: 450px) {
  #top #search .productWrap .productList-item__ttl {
    font-size: max(16px, 1rem);
  }
}
#top #search .productWrap .productList-item__type {
  font-size: min(16px, 1rem);
  padding: 4px 12px;
  background: #002754;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  #top #search .productWrap .productList-item__type {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #top #search .productWrap .productList-item__type {
    font-size: max(15px, 0.9375rem);
  }
}
@media screen and (max-width: 450px) {
  #top #search .productWrap .productList-item__type {
    font-size: max(12px, 2.666vw);
  }
}
#top #search .productWrap .productList-item__catList {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #top #search .productWrap .productList-item__catList {
    display: block;
    margin-top: 0;
    padding-top: 0.5em;
  }
}
#top #search .productWrap .productList-item__catList-item {
  font-size: min(18px,1.125rem);
  color: #002754;
  margin-right: 10px;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  #top #search .productWrap .productList-item__catList-item {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #top #search .productWrap .productList-item__catList-item {
    font-size: max(16px, 1rem);
    margin-right: 0;
  }
}
@media screen and (max-width: 450px) {
  #top #search .productWrap .productList-item__catList-item {
    font-size: 12px;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #top #search .productWrap .productList-item__catList-item + .productList-item__catList-item {
    margin-top: 5px;
  }
}
#top #search .productWrap .productList-item__catList-item a {
  color: #002754;
  padding-bottom: 0.25em;
}
#top #search .productWrap .productList-item__catList-item a:hover {
  box-shadow: 0px 1px 0px 0px #002754;
}
#top #search .productWrap .bnt-pagelink {
  margin-top: min(50px, 2.604vw);
}
@media screen and (max-width: 768px) {
  #top #search .productWrap .bnt-pagelink {
    margin: 80px auto 0 !important;
  }
}
#top #search .productWrap .bnt-pagelink.small {
  margin-right: 0;
  width: min(240px, 12.5vw);
}
@media screen and (max-width: 1024px) {
  #top #search .productWrap .bnt-pagelink.small {
    width: max(300px, 29.688vw);
    margin: 0 auto;
    margin-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  #top #search .productWrap .bnt-pagelink.small {
    width: max(300px, 39.1vw);
    margin: initial;
  }
}
#top #search .productWrap .productList-item figure img {
  transform: scale(1);
}
#top #search .productWrap .productList-item:hover figure img {
  transform: scale(1.2);
}
@media screen and (max-width: 450px) {
  #top #point {
    padding-bottom: 0;
    padding-top: 0;
  }
}
#top #point .imgArea {
  width: min(1655px, 86.198vw);
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 768px) {
  #top #point .imgArea {
    width: 100%;
  }
}
#top #point .imgArea .simpleParallax {
  overflow: initial;
}
#top #point .imgArea figure {
  margin-bottom: 0;
  overflow: hidden;
}
#top #point .imgArea figure img {
  margin-bottom: 0;
}
#top #point .pointinner {
  width: 92%;
  margin: -18% 0 0 auto;
  padding-top: 22%;
  padding-left: min(231px, 12.031vw);
  padding-bottom: min(130px, 6.7708vw);
  background: url(../images/point/point-bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  #top #point .pointinner {
    width: 100%;
    margin-top: 0;
    padding: max(95px, 12.369vw) max(43px, 5.598vw);
  }
}
@media screen and (max-width: 450px) {
  #top #point .pointinner {
    padding: max(80px, 17.777vw) max(30px, 6.666vw) max(95px, 21.111vw);
  }
}
#top #point .pointinner::before {
  position: absolute;
  content: "";
  background: rgba(0, 39, 84, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#top #point .pointinner .headerLine {
  color: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #top #point .pointinner .headerLine {
    width: 95%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 450px) {
  #top #point .pointinner .headerLine {
    width: 100%;
  }
}
#top #point .pointinner .headerLine .bnt-pagelink {
  position: absolute;
  content: "";
  width: min(325px, 16.927vw);
  bottom: min(25px, 1.302vw);
  right: 17%;
}
@media screen and (max-width: 1024px) {
  #top #point .pointinner .headerLine .bnt-pagelink.pc-only {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #top #point .pointinner .headerLine .bnt-pagelink.pc-only {
    display: none;
  }
}
#top #point .pointinner .pointList {
  margin-top: min(64px, 3.333vw);
}
@media screen and (max-width: 768px) {
  #top #point .pointinner .pointList {
    width: 95%;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 450px) {
  #top #point .pointinner .pointList {
    width: 100%;
    margin: min(20px, 1.25rem) auto 0;
  }
}
#top #point .pointinner .pointList li {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: min(30px, 1.875rem);
  font-weight: 400;
  counter-increment: number;
  padding-left: min(100px, 5.208vw);
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  #top #point .pointinner .pointList li {
    font-size: 30px;
    letter-spacing: 0.08em;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
}
@media screen and (max-width: 768px) {
  #top #point .pointinner .pointList li {
    font-size: min(36px, 2.25rem);
    letter-spacing: 0em;
    padding-left: 3.5em;
    padding-right: initial;
  }
}
@media screen and (max-width: 450px) {
  #top #point .pointinner .pointList li {
    font-size: min(22px, 1.375rem);
    padding-left: 3.5em;
    letter-spacing: 0;
    white-space: nowrap;
  }
}
#top #point .pointinner .pointList li::before {
  position: absolute;
  content: "0" counter(number) "";
  font-family: "crete-round", serif;
  font-weight: 400;
  font-style: normal;
  font-size: min(36px, 2.25rem);
  left: 0;
  top: 50%;
  width: min(65px, 3.385vw);
  height: min(65px, 3.385vw);
  border: solid 1px #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  #top #point .pointinner .pointList li::before {
    font-size: 20px;
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 768px) {
  #top #point .pointinner .pointList li::before {
    font-size: max(36px, 2.25rem);
  }
}
@media screen and (max-width: 768px) {
  #top #point .pointinner .pointList li::before {
    font-size: max(30px, 1.875rem);
    width: max(52px, 11.555vw);
    height: max(52px, 11.555vw);
  }
}
@media screen and (max-width: 450px) {
  #top #point .pointinner .pointList li::before {
    font-size: max(22px, 1.375rem);
  }
}
#top #point .pointinner .pointList li + li {
  margin-top: min(45px, 2.34375vw);
}
@media screen and (max-width: 1024px) {
  #top #point .pointinner .pointList li + li {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  #top #point .pointinner .pointList li + li {
    margin-top: max(40px, 5.208vw);
  }
}
@media screen and (max-width: 768px) {
  #top #point .pointinner .bnt-pagelink {
    margin-top: max(80px, 10.41vw);
  }
}
@media screen and (max-width: 450px) {
  #top #point .pointinner .bnt-pagelink {
    margin-top: max(85px, 18.888vw);
  }
}
#top #news.contentsWrap {
  padding-top: min(230px, 11.979vw);
  padding-bottom: min(230px, 11.979vw);
}
@media screen and (max-width: 768px) {
  #top #news.contentsWrap {
    padding-top: 0;
    padding-bottom: min(85px, 11.0677vw);
  }
}
@media screen and (max-width: 450px) {
  #top #news.contentsWrap {
    padding-bottom: min(85px, 18.888vw);
  }
}
#top #news .innerMD {
  width: 84.27%;
}
@media screen and (max-width: 768px) {
  #top #news .innerMD {
    width: 90%;
    padding-top: 60px;
  }
}
#top #news .newsList {
  margin-top: min(60px, 3.125vw);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0 20px;
}
@media screen and (max-width: 1024px) {
  #top #news .newsList {
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  #top #news .newsList {
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px 15px;
  }
}
#top #news .newsList-item figure {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 0;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  height: 14.2362vw;
  width: 19.77454vw;
  max-width: 379.11px;
  max-height: 273.33px;
  display: inline-flex;
}
@media screen and (max-width: 1024px) {
  #top #news .newsList-item figure {
    width: 41.1357vw;
    height: 29.706vw;
    max-width: 421.23px;
    max-height: 304.19px;
  }
}
@media screen and (max-width: 768px) {
  #top #news .newsList-item figure {
    width: 100%;
    height: 31.09375vw;
    max-height: 238.8px;
  }
}
@media screen and (max-width: 450px) {
  #top #news .newsList-item figure {
    width: 100%;
    height: 29.75vw;
    max-height: 135.25px;
  }
}
#top #news .newsList-item figure img {
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
}
#top #news .newsList-item__data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #002754;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #top #news .newsList-item__data {
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  #top #news .newsList-item__data {
    flex-wrap: wrap;
  }
}
#top #news .newsList-item__data_date {
  font-size: min(18px, 1.125rem);
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  #top #news .newsList-item__data_date {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #top #news .newsList-item__data_date {
    font-size: max(15px, 0.9375rem);
  }
}
@media screen and (max-width: 450px) {
  #top #news .newsList-item__data_date {
    font-size: 12px;
  }
}
#top #news .newsList-item__data_cat {
  font-size: min(18px, 1.125rem);
  font-weight: 600;
  margin-left: min(25px, 1.302vw);
  border: solid 1px #002754;
  padding: 5px 10px;
}
@media screen and (max-width: 1024px) {
  #top #news .newsList-item__data_cat {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #top #news .newsList-item__data_cat {
    font-size: max(15px, 0.9375rem);
    margin-left: 0;
    margin-top: 0px;
  }
}
@media screen and (max-width: 450px) {
  #top #news .newsList-item__data_cat {
    font-size: max(12px, 2.666vw);
    margin-top: 0.5em;
  }
}
#top #news .newsList-item__ttl {
  font-size: min(20px, 1.25rem);
  color: #002754;
  font-weight: 600;
  margin: min(20px, 1.25rem) 0 min(10px, 0.625rem);
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  #top #news .newsList-item__ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #top #news .newsList-item__ttl {
    font-size: min(26px, 1.95em);
  }
}
@media screen and (max-width: 450px) {
  #top #news .newsList-item__ttl {
    font-size: min(16px,1rem);
    letter-spacing: 0.05em;
    margin-top: 0.5em;
  }
}
#top #news .bnt-pagelink {
  width: min(240px, 12.5vw);
  margin-right: 0;
  margin-top: min(85px, 4.427vw);
}
@media screen and (max-width: 1024px) {
  #top #news .bnt-pagelink {
    width: max(300px, 39.06vw);
    margin: 0 auto;
    margin-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  #top #news .bnt-pagelink {
    width: max(300px, 39.06vw);
    margin: 80px auto 0;
  }
}
@media screen and (max-width: 1024px) {
  #top #news .bnt-pagelink:hover ._bg::before {
    transform: scale(0);
  }
}
#top #news .newsList-item figure img {
  transform: scale(1);
}
#top #news .newsList-item:hover figure img {
  transform: scale(1.2);
}
#top #support {
  padding-top: 0;
  margin-bottom: min(120px, 6.25vw);
  /* max-height: 1441px; */
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  #top #support {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #top #support {
    padding-top: 0;
  }
}
@media screen and (max-width: 450px) {
  #top #support {
    overflow-x: hidden;
  }
}
#top #support figure {
  margin-left: 7.865%;
  margin-bottom: 0;
  max-height: 954px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #top #support figure {
    margin-left: 0;
  }
}
#top #support .fadein-left {
  width: min(1655px, 86.198vw);
  margin: 0 0 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  #top #support .fadein-left {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #top #support .fadein-left {
    width: 100%;
  }
}
#top #support .supportinner {
  background: #fff;
  width: 92%;
  margin-left: 0;
  margin: -18% 0 0;
  margin-top: -25.3125%;
  padding: min(115px, 5.99vw) min(68px, 3.542vw) min(220px, 11.458vw) 7.865%;
  position: relative;
  z-index: 1;
  max-height: 974px;
}
@media screen and (max-width: 1024px) {
  #top #support .supportinner {
    padding: 9.277vw 5%;
    max-height: initial;
    margin: -11% 0 0;
  }
}
@media screen and (max-width: 768px) {
  #top #support .supportinner {
    width: 100%;
    margin-top: 0;
    padding: max(95px, 12.369vw) 5%;
  }
}
@media screen and (max-width: 450px) {
  #top #support .supportinner {
    padding: max(75px, 16.6666vw) 5%;
    max-height: initial;
  }
}
#top #support .supportList {
  margin-top: min(80px, 4.167vw);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0 min(68px, 3.5416vw);
}
@media screen and (max-width: 1024px) {
  #top #support .supportList {
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px 50px;
  }
}
@media screen and (max-width: 768px) {
  #top #support .supportList {
    grid-template-columns: 1fr 1fr;
    grid-gap: min(80px, 10.416vw) min(50px, 6.5104vw);
  }
}
#top #support .supportList-item {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: space-between;
}
#top #support .supportList-item__contents {
  margin-bottom: min(60px, 3.125vw);
}
#top #support .supportList-item__contents figure {
  width: 42.5%;
  margin: 0 auto min(45px, 2.343vw);
}
@media screen and (max-width: 1024px) {
  #top #support .supportList-item__contents figure {
    width: 16.92vw;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 768px) {
  #top #support .supportList-item__contents figure {
    width: 16.92vw;
    margin-bottom: 35px;
  }
}
#top #support .supportList-item__contents_ttl {
  text-align: center;
  font-weight: 600;
  font-size: min(26px,1.625rem);
  padding-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  #top #support .supportList-item__contents_ttl {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  #top #support .supportList-item__contents_ttl {
    font-size: min(26px,1.625rem);
  }
}
@media screen and (max-width: 450px) {
  #top #support .supportList-item__contents_ttl {
    letter-spacing: 0em;
    font-size: min(18px,1.125rem);
  }
}
#top #support .supportList-item__contents_contentsText {
  letter-spacing: -0.015em;
  font-size: min(20px,1.25rem);
  padding: 0 0.5em;
}
@media screen and (max-width: 1024px) {
  #top #support .supportList-item__contents_contentsText {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  #top #support .supportList-item__contents_contentsText {
    font-size: min(20px,1.5rem);
    letter-spacing: 0;
    line-height: 1.5;
  }
}
@media screen and (max-width: 450px) {
  #top #support .supportList-item__contents_contentsText {
    font-size: min(16px,1rem);
  }
}
#top #support .supportList-item .bnt-pagelink {
  width: 98%;
  max-width: 237.37px;
  margin: 0 auto;
}
@media screen and (max-width: 450px) {
  #top #support .supportList-item .bnt-pagelink a {
    font-size: max(16px,1rem);
  }
}

#top #point .pointinner .headerLine .bnt-pagelink a {
  font-family: initial;
}

@media screen and (max-width: 1024px) {
  #top #movie-text figure.visualText + figure {
    width: 25vw;
  }
}
@media screen and (max-width: 450px) {
  #top #movie-text figure.visualText + figure {
    width: 38vw;
  }
}

#top #point.contentsWrap {
  padding-top: 0;
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
#page-seihin .c-pmain-contents__List,
#archive .c-pmain-contents__List,
#single-products .c-pmain-contents__List {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: min(40px, 2.083vw);
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-contents__List,
  #archive .c-pmain-contents__List,
  #single-products .c-pmain-contents__List {
    grid-gap: 25px 15px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-contents__List,
  #archive .c-pmain-contents__List,
  #single-products .c-pmain-contents__List {
    grid-gap: max(50px, 6.5104vw) 15px;
  }
}
@media screen and (max-width: 450px) {
  #page-seihin .c-pmain-contents__List,
  #archive .c-pmain-contents__List,
  #single-products .c-pmain-contents__List {
    grid-template-columns: 1fr;
    grid-gap: max(50px, 11.111vw) 0;
  }
}
#page-seihin .c-pmain-contents__List-item,
#archive .c-pmain-contents__List-item,
#single-products .c-pmain-contents__List-item {
  max-width: 379.11px;
}
#page-seihin .c-pmain-contents__List-item:hover figure img,
#archive .c-pmain-contents__List-item:hover figure img,
#single-products .c-pmain-contents__List-item:hover figure img {
  transform: scale(1.2);
}
#page-seihin .c-pmain-contents__List figure,
#archive .c-pmain-contents__List figure,
#single-products .c-pmain-contents__List figure {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 0;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  height: 14.2362vw;
  width: 19.77454vw;
  max-width: 379.11px;
  max-height: 273.33px;
  display: inline-flex;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-contents__List figure,
  #archive .c-pmain-contents__List figure,
  #single-products .c-pmain-contents__List figure {
    height: 25.647vw;
    width: 35.622vw;
    max-width: 364.77px;
    max-height: 262.63px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-contents__List figure,
  #archive .c-pmain-contents__List figure,
  #single-products .c-pmain-contents__List figure {
    height: 26.67vw;
    width: 37.0442vw;
    max-width: 284.5px;
    max-height: 204.83px;
  }
}
@media screen and (max-width: 450px) {
  #page-seihin .c-pmain-contents__List figure,
  #archive .c-pmain-contents__List figure,
  #single-products .c-pmain-contents__List figure {
    height: 56.444vw;
    width: 78.0422vw;
    max-width: 351.19px;
    max-height: 254px;
  }
}
#page-seihin .c-pmain-contents__List figure img,
#archive .c-pmain-contents__List figure img,
#single-products .c-pmain-contents__List figure img {
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1);
}
#page-seihin .c-pmain-contents__List .p-name,
#archive .c-pmain-contents__List .p-name,
#single-products .c-pmain-contents__List .p-name {
  font-size: min(26px, 1.625rem);
  color: #002754;
  font-weight: 600;
  padding: max(20px, 1.25rem) 0 max(10px, 0.625rem);
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-contents__List .p-name,
  #archive .c-pmain-contents__List .p-name,
  #single-products .c-pmain-contents__List .p-name {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-contents__List .p-name,
  #archive .c-pmain-contents__List .p-name,
  #single-products .c-pmain-contents__List .p-name {
    font-size: min(26px, 1.625rem);
  }
}
#page-seihin .c-pmain-contents__List .p-search,
#archive .c-pmain-contents__List .p-search,
#single-products .c-pmain-contents__List .p-search {
  font-size: min(16px, 1rem);
  padding: 6px 1em;
  background: #002754;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-contents__List .p-search,
  #archive .c-pmain-contents__List .p-search,
  #single-products .c-pmain-contents__List .p-search {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-contents__List .p-search,
  #archive .c-pmain-contents__List .p-search,
  #single-products .c-pmain-contents__List .p-search {
    font-size: max(16px, 1rem);
  }
}
#page-seihin .c-pmain-contents__List .p-caseList,
#archive .c-pmain-contents__List .p-caseList,
#single-products .c-pmain-contents__List .p-caseList {
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
#page-seihin .c-pmain-contents__List .p-caseList-item,
#archive .c-pmain-contents__List .p-caseList-item,
#single-products .c-pmain-contents__List .p-caseList-item {
  line-height: 2;
  font-size: min(18px, 1.125rem);
  color: #002754;
  margin-right: 15px;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-contents__List .p-caseList-item,
  #archive .c-pmain-contents__List .p-caseList-item,
  #single-products .c-pmain-contents__List .p-caseList-item {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-contents__List .p-caseList-item,
  #archive .c-pmain-contents__List .p-caseList-item,
  #single-products .c-pmain-contents__List .p-caseList-item {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-contents__List .p-caseList-item,
  #archive .c-pmain-contents__List .p-caseList-item,
  #single-products .c-pmain-contents__List .p-caseList-item {
    font-size: max(15px, 0.9375rem);
  }
}
#page-seihin .c-pmain-contents__List .p-caseList-item a,
#archive .c-pmain-contents__List .p-caseList-item a,
#single-products .c-pmain-contents__List .p-caseList-item a {
  color: inherit;
  padding-bottom: 0.25em;
}
#page-seihin .c-pmain-contents__List .p-caseList-item a:hover,
#archive .c-pmain-contents__List .p-caseList-item a:hover,
#single-products .c-pmain-contents__List .p-caseList-item a:hover {
  box-shadow: 0px 1px 0px 0px #002754;
}
#page-seihin .c-pmain-side .bui,
#page-seihin .c-pmain-side .shorei,
#archive .c-pmain-side .bui,
#archive .c-pmain-side .shorei,
#single-products .c-pmain-side .bui,
#single-products .c-pmain-side .shorei {
  background: #D7DEE2;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: min(50px, 2.6041vw);
}
#page-seihin .c-pmain-side .sideNav .sideNav-ttle,
#archive .c-pmain-side .sideNav .sideNav-ttle,
#single-products .c-pmain-side .sideNav .sideNav-ttle {
  padding: min(25px, 1.302vw);
  background: #002754;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-side .sideNav .sideNav-ttle,
  #archive .c-pmain-side .sideNav .sideNav-ttle,
  #single-products .c-pmain-side .sideNav .sideNav-ttle {
    padding: 25px 15px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-side .sideNav .sideNav-ttle,
  #archive .c-pmain-side .sideNav .sideNav-ttle,
  #single-products .c-pmain-side .sideNav .sideNav-ttle {
    padding: max(25px, 3.255vw) 15px;
  }
}
#page-seihin .c-pmain-side .sideNav .sideNav-ttle a,
#archive .c-pmain-side .sideNav .sideNav-ttle a,
#single-products .c-pmain-side .sideNav .sideNav-ttle a {
  color: #fff;
  font-weight: bold;
  font-size: min(20px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-side .sideNav .sideNav-ttle a,
  #archive .c-pmain-side .sideNav .sideNav-ttle a,
  #single-products .c-pmain-side .sideNav .sideNav-ttle a {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-side .sideNav .sideNav-ttle a,
  #archive .c-pmain-side .sideNav .sideNav-ttle a,
  #single-products .c-pmain-side .sideNav .sideNav-ttle a {
    font-size: max(24px, 1.5rem);
  }
}
#page-seihin .c-pmain-side .sideNav .sideNav-ttle span,
#archive .c-pmain-side .sideNav .sideNav-ttle span,
#single-products .c-pmain-side .sideNav .sideNav-ttle span {
  display: block;
  width: 100%;
  font-size: min(14px, 0.875rem);
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-side .sideNav .sideNav-ttle span,
  #archive .c-pmain-side .sideNav .sideNav-ttle span,
  #single-products .c-pmain-side .sideNav .sideNav-ttle span {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-side .sideNav .sideNav-ttle span,
  #archive .c-pmain-side .sideNav .sideNav-ttle span,
  #single-products .c-pmain-side .sideNav .sideNav-ttle span {
    font-size: max(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  #page-seihin .c-pmain-side .sideNav .sideNav-ttle span,
  #archive .c-pmain-side .sideNav .sideNav-ttle span,
  #single-products .c-pmain-side .sideNav .sideNav-ttle span {
    font-size: max(16px, 1rem);
  }
}
#page-seihin .c-pmain-side .sideNav .ttl,
#archive .c-pmain-side .sideNav .ttl,
#single-products .c-pmain-side .sideNav .ttl {
  display: block;
  margin-top: 30px;
  padding-left: min(25px, 1.302vw);
  font-size: min(20px, 1.25rem);
  font-weight: bold;
  color: #002754;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-side .sideNav .ttl,
  #archive .c-pmain-side .sideNav .ttl,
  #single-products .c-pmain-side .sideNav .ttl {
    font-size: 20px;
    margin-top: 25px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-side .sideNav .ttl,
  #archive .c-pmain-side .sideNav .ttl,
  #single-products .c-pmain-side .sideNav .ttl {
    font-size: max(20px, 1.25rem);
    margin-top: min(25px, 3.2552vw);
    padding-left: min(25px, 3.2552vw);
  }
}
#page-seihin .c-pmain-side .sideNav .sideList,
#archive .c-pmain-side .sideNav .sideList,
#single-products .c-pmain-side .sideNav .sideList {
  padding: min(25px, 1.302vw);
  margin-top: -20px;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-side .sideNav .sideList,
  #archive .c-pmain-side .sideNav .sideList,
  #single-products .c-pmain-side .sideNav .sideList {
    padding: 25px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-side .sideNav .sideList,
  #archive .c-pmain-side .sideNav .sideList,
  #single-products .c-pmain-side .sideNav .sideList {
    padding: 25px 15px;
  }
}
#page-seihin .c-pmain-side .sideNav .sideList li,
#archive .c-pmain-side .sideNav .sideList li,
#single-products .c-pmain-side .sideNav .sideList li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 39, 84, 0.5);
}
#page-seihin .c-pmain-side .sideNav .sideList li.arrow-item,
#archive .c-pmain-side .sideNav .sideList li.arrow-item,
#single-products .c-pmain-side .sideNav .sideList li.arrow-item {
  position: relative;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-side .sideNav .sideList li.arrow-item,
  #archive .c-pmain-side .sideNav .sideList li.arrow-item,
  #single-products .c-pmain-side .sideNav .sideList li.arrow-item {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-side .sideNav .sideList li.arrow-item,
  #archive .c-pmain-side .sideNav .sideList li.arrow-item,
  #single-products .c-pmain-side .sideNav .sideList li.arrow-item {
    margin-top: 0px;
  }
}
#page-seihin .c-pmain-side .sideNav .sideList li.arrow-item::before,
#archive .c-pmain-side .sideNav .sideList li.arrow-item::before,
#single-products .c-pmain-side .sideNav .sideList li.arrow-item::before {
  position: absolute;
  content: "";
  border: 0;
  border-top: solid 2px #002754;
  border-right: solid 2px #002754;
  display: inline-block;
  transform: rotate(45deg) translateY(-50%);
  width: min(10px, 0.520vw);
  height: min(10px, 0.520vw);
  right: 10px;
  top: 50%;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-side .sideNav .sideList li.arrow-item::before,
  #archive .c-pmain-side .sideNav .sideList li.arrow-item::before,
  #single-products .c-pmain-side .sideNav .sideList li.arrow-item::before {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-side .sideNav .sideList li.arrow-item::before,
  #archive .c-pmain-side .sideNav .sideList li.arrow-item::before,
  #single-products .c-pmain-side .sideNav .sideList li.arrow-item::before {
    width: max(10px, 1.302vw);
    height: max(10px, 1.302vw);
  }
}
#page-seihin .c-pmain-side .sideNav .sideList li a,
#archive .c-pmain-side .sideNav .sideList li a,
#single-products .c-pmain-side .sideNav .sideList li a {
  font-size: min(18px, 1.125rem);
  font-weight: bold;
  color: #002754;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-side .sideNav .sideList li a,
  #archive .c-pmain-side .sideNav .sideList li a,
  #single-products .c-pmain-side .sideNav .sideList li a {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-side .sideNav .sideList li a,
  #archive .c-pmain-side .sideNav .sideList li a,
  #single-products .c-pmain-side .sideNav .sideList li a {
    font-size: max(18px,1.125rem);
    padding-left: 15px;
    padding-right: 15px;
  }
}
#page-seihin .c-pmain-side .sideNav .sideList li + li,
#archive .c-pmain-side .sideNav .sideList li + li,
#single-products .c-pmain-side .sideNav .sideList li + li {
  padding-top: 20px;
}
#page-seihin .c-pmain-side .shorei,
#archive .c-pmain-side .shorei,
#single-products .c-pmain-side .shorei {
  margin-top: 30px;
}
#page-seihin .c-pmain-side .toggleParrent,
#archive .c-pmain-side .toggleParrent,
#single-products .c-pmain-side .toggleParrent {
  position: relative;
}
#page-seihin .c-pmain-side .toggleParrent::before,
#archive .c-pmain-side .toggleParrent::before,
#single-products .c-pmain-side .toggleParrent::before {
  position: absolute;
  content: "";
  right: min(30px, 1.563vw);
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/common/icon-plus.png) no-repeat center;
  background-size: contain;
  width: min(20px, 1.0416vw);
  height: min(20px, 1.0416vw);
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-side .toggleParrent::before,
  #archive .c-pmain-side .toggleParrent::before,
  #single-products .c-pmain-side .toggleParrent::before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 768px) {
  #page-seihin .c-pmain-side .toggleParrent::before,
  #archive .c-pmain-side .toggleParrent::before,
  #single-products .c-pmain-side .toggleParrent::before {
    width: max(20px, 2.6041vw);
    height: max(20px, 2.6041vw);
  }
}
#page-seihin .c-pmain-side .toggleParrent.open::before,
#archive .c-pmain-side .toggleParrent.open::before,
#single-products .c-pmain-side .toggleParrent.open::before {
  background: url(../images/common/icon-minus.png) no-repeat center;
  background-size: contain;
}
#page-seihin .c-pmain-side .toggleParrent:hover,
#archive .c-pmain-side .toggleParrent:hover,
#single-products .c-pmain-side .toggleParrent:hover {
  cursor: pointer;
}
#page-seihin .c-pmain-side .toggleParrent-child,
#archive .c-pmain-side .toggleParrent-child,
#single-products .c-pmain-side .toggleParrent-child {
  display: none;
  padding: min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  #page-seihin .c-pmain-side .toggleParrent-child,
  #archive .c-pmain-side .toggleParrent-child,
  #single-products .c-pmain-side .toggleParrent-child {
    margin-top: 25px;
    padding-left: 15px !important;
  }
}
#page-seihin .c-pmain-side .toggleParrent-child.open,
#archive .c-pmain-side .toggleParrent-child.open,
#single-products .c-pmain-side .toggleParrent-child.open {
  display: block;
}

#single-products .c-pmain-contents h1 {
  font-size: min(26px, 1.625rem);
  font-weight: bold;
  border-bottom: solid 1px #002754;
  margin-bottom: min(20px, 1.041vw);
  padding-bottom: 0.25em;
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents h1 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents h1 {
    font-size: max(22px, 1.375rem);
    margin-bottom: max(20px, 2.6vw);
  }
}
#single-products .c-pmain-contents .p-search {
  font-size: min(16px, 1rem);
  padding: 6px 1em;
  background: #002754;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-search {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-search {
    font-size: max(16px, 1rem);
  }
}
#single-products .c-pmain-contents .flexlabel {
  margin-top: 10px;
  margin-bottom: min(40px, 2.083vw);
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .flexlabel {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .flexlabel {
    margin-bottom: max(40px, 5.208vw);
  }
}
#single-products .c-pmain-contents .p-caseList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
#single-products .c-pmain-contents .p-caseList-item {
  line-height: 2;
  font-size: min(18px, 1.125rem);
  color: #002754;
  margin-right: 15px;
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-caseList-item {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-caseList-item {
    font-size: max(15px, 0.9375rem);
  }
}
#single-products .c-pmain-contents .p-caseList-item a {
  color: #002754;
  padding-bottom: 0.25em;
}
#single-products .c-pmain-contents .p-caseList-item a:hover {
  box-shadow: 0px 1px 0px 0px #002754;
}
#single-products .c-pmain-contents .p-slider .slick-list {
  border-radius: 25px;
  overflow: hidden;
}
#single-products .c-pmain-contents .p-slider .slick-list figure {
  margin-bottom: 0;
  height: min(646.55px, 33.6745vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-slider .slick-list figure {
    height: min(646.55px, 62.988vw);
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-slider .slick-list figure {
    height: min(646.55px, 83.984vw);
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-slider .slick-list figure {
    height: min(320.55px, 71.111vw);
  }
}
#single-products .c-pmain-contents .p-slider .slick-list img {
  width: auto;
  height: 100%;
}
#single-products .c-pmain-contents .p-slider .slick-dots {
  padding-top: 1em;
  position: static;
}
#single-products .c-pmain-contents .p-slider .slick-dots li button::before {
  opacity: 1;
  color: #D7DEE2;
  font-size: min(16px, 1rem);
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-slider .slick-dots li button::before {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-slider .slick-dots li button::before {
    font-size: max(16px, 1rem);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-slider .slick-dots li button::before {
    font-size: 12px;
  }
}
#single-products .c-pmain-contents .p-slider .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #002754;
  font-size: min(16px, 1rem);
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-slider .slick-dots li.slick-active button::before {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-slider .slick-dots li.slick-active button::before {
    font-size: max(16px, 1rem);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-slider .slick-dots li.slick-active button::before {
    font-size: 12px;
  }
}
#single-products .c-pmain-contents .p-content {
  margin-top: min(100px, 5.208vw);
  padding-bottom: min(30px, 1.563vw);
  padding-top: min(22px, 1.146vw);
  border-top: solid 1px #002754;
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-content {
    margin-top: 80px;
    padding-bottom: 30px;
    padding-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-content {
    margin-top: max(80px, 10.416vw);
    padding-bottom: max(30px, 3.906vw);
    padding-top: max(25px, 3.255vw);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-content {
    margin-top: 60px;
  }
}
#single-products .c-pmain-contents .p-content p {
  font-size: min(18px, 1.125rem);
  color: #000;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-content p {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-content p {
    font-size: max(15px, 0.9375rem);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-content p {
    font-size: 14px;
  }
}
#single-products .c-pmain-contents .p-contents {
  margin-top: min(75px, 3.90625vw);
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-contents {
    margin-top: 75px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-contents {
    margin-top: min(60px, 7.8125vw);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-contents {
    margin-top: min(60px, 13.333vw);
  }
}
#single-products .c-pmain-contents .p-contents-ttl {
  font-size: min(24px, 1.5rem);
  font-weight: bold;
  padding-bottom: min(15px, 0.781vw);
  position: relative;
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-contents-ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-contents-ttl {
    font-size: max(20px, 1.25rem);
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-contents-ttl {
    font-size: 16px;
  }
}
#single-products .c-pmain-contents .p-contents-ttl::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 25%;
  background: #002754;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-contents-ttl::before {
    width: 50%;
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-contents-ttl::before {
    width: 85%;
  }
}
#single-products .c-pmain-contents .p-contents-content {
  margin-top: min(20px, 1.041vw);
  font-size: min(18px, 1.125rem);
  color: #000;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-contents-content {
    font-size: 18px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-contents-content {
    font-size: max(15px, 1.25rem);
    margin-top: max(20px,2.604vw);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-contents-content {
    font-size: 14px;
  }
}
#single-products .c-pmain-contents .p-contents-content a {
  color: #002754;
  border-bottom: 1px solid #002754;
  padding-bottom: 0.25em;
}
#single-products .c-pmain-contents .p-contents-content .layoutArea a {
  color: #002754;
  font-weight: 500;
  padding-bottom: 0.25em;
}
#single-products .c-pmain-contents .p-contents-content .layoutArea a:hover {
  box-shadow: 0px 1px 0px 0px #002754;
}
#single-products .c-pmain-contents .p-contents.list ul li {
  color: #000;
  font-size: min(18px, 1.125rem);
  position: relative;
  /*&::before {
    position: absolute;
    content: "・";
    font-size: unquote("min(18px, 1.125rem)");
    left: 0;
    top: 0;
    @include mq(tab) {
      font-size: unquote("max(15px, 1.25rem)");
    }
    @include mq(sp) {
      font-size: 15px;
    }
  }*/
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-contents.list ul li {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-contents.list ul li {
    font-size: max(15px, 1.25rem);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-contents.list ul li {
    font-size: 15px;
  }
}
#single-products .c-pmain-contents .p-contents.list ul li + li {
  margin-top: 15px;
}
#single-products .c-pmain-contents .p-contents.dl dd a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(20px, 1.25rem);
  line-height: 1.8;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: min(15px, .781vw) min(95px, 4.947vw) min(15px, .781vw) min(35px, 1.823vw);
  background: #002754;
  border-radius: 50px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-contents.dl dd a {
    font-size: 20px;
    padding: 15px 95px 15px 35px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-contents.dl dd a {
    font-size: max(16px, 1rem);
    padding: max(15px, 1.953vw) max(60px, 7.812vw) max(15px, 1.953vw) max(30px, 3.906vw);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-contents.dl dd a {
    font-size: 14px;
    width: 100%;
  }
}
#single-products .c-pmain-contents .p-contents.dl dd a::before {
  position: absolute;
  content: "";
  background: url(../images/common/icon-dl.png) no-repeat center;
  background-size: contain;
  width: min(20px, 1.042vw);
  height: min(20px, 1.042vw);
  right: min(25px, 1.302vw);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-contents.dl dd a::before {
    width: 20px;
    height: 20px;
    right: 25px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-contents.dl dd a::before {
    width: max(20px, 2.604vw);
    height: max(20px, 2.604vw);
    right: max(25px, 3.255vw);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-contents.dl dd a::before {
    width: 25px;
    height: 25px;
    right: 25px;
  }
}
#single-products .c-pmain-contents .p-contents.caution {
  padding: min(25px, 1.302vw);
  background: rgba(0, 39, 84, 0.05);
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-contents.caution {
    padding: 25px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-contents.caution {
    padding: max(15px, 1.953vw);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-contents.caution {
    padding: 15px;
  }
}
#single-products .c-pmain-contents .p-contents.caution .p-contents-ttl {
  font-size: min(18px, 1.125rem);
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-contents.caution .p-contents-ttl {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-contents.caution .p-contents-ttl {
    font-size: max(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-contents.caution .p-contents-ttl {
    font-size: 16px;
  }
}
#single-products .c-pmain-contents .p-btnArea {
  margin-top: min(90px, 4.688vw);
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-btnArea {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-btnArea {
    margin-top: 40px;
  }
}
#single-products .c-pmain-contents .p-btnArea ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 min(30px, 1.562vw);
  /*li {
    background: $maincolor;
    //padding: unquote("min(35px, 1.823vw)") unquote("min(55px, 2.864vw)");
    padding: unquote("min(35px, 1.823vw)") 0;
    border-radius: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    @include mq(web) {
      padding: 25px 40px;
    }
    @include mq(tab) {
      padding: unquote("max(25px, 3.255vw)")
        unquote("max(40px, 5.208vw)");
    }
    &::before {
      position: absolute;
      content: "";
      border: 0;
      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
      display: inline-block;
      transform: rotate(45deg) translateY(-50%);
      width: unquote("min(12px, .625vw)");
      height: unquote("min(12px, .625vw)");
      top: 50%;
      right: unquote("min(30px, 1.563vw)");
      @include mq(web) {
        width: 12px;
        height: 12px;
        right: 30px;
      }
      @include mq(tab) {
        width: unquote("max(12px, 1.562vw)");
        height: unquote("max(12px, 1.562vw)");
        right: unquote("max(30px, 3.906vw)");
      }
    }
    a {
      color: #fff;
      font-size: unquote("min(24px, 1.5rem)");
      line-height: 1.8;
      letter-spacing: -0.5px;
      @include mq(web) {
        font-size: 24px;
      }
      @include mq(tab) {
        font-size: unquote("max(15px, 0.9375rem)");
      }
    }
  }*/
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-btnArea ul {
    grid-template-columns: 1fr;
    grid-gap: 30px 0;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-btnArea ul {
    grid-template-columns: 1fr;
    grid-gap: max(30px, 3.906vw) 0;
  }
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents .p-btnArea ul li {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-btnArea ul li {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-btnArea ul li {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #page-case .search-Area#shourei p {
    text-align: center !important;
  }
}

#single-products .p-repair__flowBtn {
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents {
    padding-bottom: max(100px, 13.02vw);
  }
}
#single-products .c-pmain-contents p {
  font-size: min(18px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  #single-products .c-pmain-contents p {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents p {
    font-size: min(18px, 1.25rem);
  }
}

#archive .c-pmain-contents {
  min-height: 500px;
  position: relative;
}
#archive .c-pmain-contents p {
  font-size: min(18px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  #archive .c-pmain-contents p {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #archive .c-pmain-contents p {
    font-size: min(18px, 1.25rem);
  }
}
#archive .c-pmain-contents .p-btnArea {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#single-products .c-pmain-contents .p-contents.dl dd a:hover {
  color: #002754;
}

#single-products .c-pmain-contents .p-contents.dl dd a::before {
  width: 20px;
  height: 20px;
  right: 32px;
}

#single-products .c-pmain-contents .p-contents.dl dd a:hover::before {
  width: 35px;
  height: 35px;
  background: url(../images/repair/file-dl--blue.svg);
  border: none;
  transform: rotate(0);
  right: 25px;
  position: static;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

#single-products .p-repair__flowWrap {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  #single-products .p-repair__flowWrap {
    margin: 0 auto;
    width: 90%;
  }
}
@media screen and (max-width: 450px) {
  #single-products .p-repair__flowWrap {
    margin: 0 auto;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #single-products .p-repair__flowBtn {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents .p-contents.dl dd a {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  #single-products .c-pmain-contents .p-contents.dl dd a {
    font-size: min(16px, 1rem);
    padding-left: 2em;
    /* padding-right: 0; */
  }
}

#single-products .c-pmain-contents {
  padding: min(60px, 3.125vw) min(45px, 2.34375vw);
}
@media screen and (max-width: 768px) {
  #single-products .c-pmain-contents {
    padding: min(60px, 7.8125vw) min(45px, 5.859vw);
  }
}

#single-products .p-contact_btn {
  margin: 0;
}
@media screen and (max-width: 768px) {
  #single-products .p-contact_btn {
    margin-top: 0;
  }
}

@media screen and (max-width: 450px) {
  #single-products .bnt-pagelink {
    width: 100%;
  }
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
#page-bodyparts .search-Parent,
#page-case .search-Parent {
  margin-top: min(70px, 3.646vw);
  border-bottom: solid 2px #002754;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Parent,
  #page-case .search-Parent {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Parent,
  #page-case .search-Parent {
    margin-top: max(50px, 6.510vw);
  }
}
#page-bodyparts .search-Parent__List,
#page-case .search-Parent__List {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 13px;
  place-content: center;
  place-items: center;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Parent__List,
  #page-case .search-Parent__List {
    grid-gap: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Parent__List,
  #page-case .search-Parent__List {
    grid-gap: 0 10px;
  }
}
#page-bodyparts .search-Parent__List li,
#page-case .search-Parent__List li {
  width: 100%;
  text-align: center;
  padding: 15px;
  color: #002754;
  font-size: min(20px, 1.25rem);
  background: rgba(0, 39, 84, 0.1);
  line-height: 1.8;
  position: relative;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Parent__List li,
  #page-case .search-Parent__List li {
    font-size: 20px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Parent__List li,
  #page-case .search-Parent__List li {
    font-size: max(18px, 1.125rem);
  }
}
#page-bodyparts .search-Parent__List li::before,
#page-case .search-Parent__List li::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  background: #002754;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: 0.4s;
}
#page-bodyparts .search-Parent__List li::after,
#page-case .search-Parent__List li::after {
  content: "";
  display: inline-block;
  top: 0;
  right: -1em;
  bottom: 0;
  margin: auto 0;
  width: 0.8rem;
  height: 0.8rem;
  border-top: solid 2px #002754;
  border-right: solid 2px #002754;
  border-radius: 0 3px 0 0;
  transform: rotate(45deg);
  margin-left: 3.2rem;
  position: absolute;
  right: 3.5rem;
  transition: 0.6s;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Parent__List li::after,
  #page-case .search-Parent__List li::after {
    transform: rotate(135deg) translateX(-50%);
    bottom: -80%;
    right: 50%;
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Parent__List li::after,
  #page-case .search-Parent__List li::after {
    width: 0.8rem;
    height: 0.8rem;
  }
}
#page-bodyparts .search-Parent__List li a,
#page-case .search-Parent__List li a {
  color: #002754;
}
#page-bodyparts .search-Parent__List li span,
#page-case .search-Parent__List li span {
  display: block;
  width: 100%;
  font-size: min(16px, 1rem);
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Parent__List li span,
  #page-case .search-Parent__List li span {
    font-size: 15px;
    line-height: 1.5;
    padding-top: 0.5em;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Parent__List li span,
  #page-case .search-Parent__List li span {
    font-size: max(13px, 0.8125rem);
  }
}
#page-bodyparts .search-Parent__List li:hover,
#page-case .search-Parent__List li:hover {
  cursor: pointer;
}
#page-bodyparts .search-Parent__List li.is_tabactive,
#page-case .search-Parent__List li.is_tabactive {
  color: #fff;
}
#page-bodyparts .search-Parent__List li.is_tabactive a,
#page-case .search-Parent__List li.is_tabactive a {
  color: #FFF;
}
#page-bodyparts .search-Parent__List li.is_tabactive::before,
#page-case .search-Parent__List li.is_tabactive::before {
  transform: scaleX(1);
  transform-origin: left center;
}
#page-bodyparts .search-Parent__List li.is_tabactive::after,
#page-case .search-Parent__List li.is_tabactive::after {
  transform: rotate(135deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Parent__List li.is_tabactive::after,
  #page-case .search-Parent__List li.is_tabactive::after {
    transform: rotate(135deg) translateX(-50%);
    bottom: -80%;
    right: 50%;
  }
}
#page-bodyparts .search-Area,
#page-case .search-Area {
  padding: min(80px, 4.166vw) min(60px, 3.125vw) min(70px, 3.645vw);
  background: #fff;
  display: none;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area,
  #page-case .search-Area {
    padding: 40px 10px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Area,
  #page-case .search-Area {
    padding: max(40px, 5.208vw) 10px;
  }
}
#page-bodyparts .search-Area p,
#page-case .search-Area p {
  color: #000;
  font-size: min(18px, 1.125rem);
  margin-bottom: min(35px, 1.822vw);
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area p,
  #page-case .search-Area p {
    font-size: 15px;
    margin-bottom: 25px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Area p,
  #page-case .search-Area p {
    font-size: max(15px, 0.875rem);
    margin-bottom: max(25px, 3.255vw);
  }
}
#page-bodyparts .search-Area#parts p,
#page-case .search-Area#parts p {
  text-align: center;
}
#page-bodyparts .search-Area#shourei p,
#page-case .search-Area#shourei p {
  text-align: left;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area#shourei p,
  #page-case .search-Area#shourei p {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .partsArea-List#partsPc,
  #page-case .search-Area .partsArea-List#partsPc {
    display: none;
  }
}
#page-bodyparts .search-Area .partsArea-List#partsSp,
#page-case .search-Area .partsArea-List#partsSp {
  display: none;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .partsArea-List#partsSp,
  #page-case .search-Area .partsArea-List#partsSp {
    display: block;
  }
}
#page-bodyparts .search-Area .parentList,
#page-case .search-Area .parentList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: min(30px,1.563vw) min(20px,1.042vw);
  margin-bottom: min(80px, 4.167vw);
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .parentList,
  #page-case .search-Area .parentList {
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 60px;
  }
}
#page-bodyparts .search-Area .parentList li,
#page-case .search-Area .parentList li {
  padding: 10px 0 min(30px, 1.563vw);
  border-radius: 5px;
  border: solid 1px #002754;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .parentList li,
  #page-case .search-Area .parentList li {
    padding: 10px 0 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Area .parentList li,
  #page-case .search-Area .parentList li {
    padding: 10px 0 max(30px, 3.906vw);
  }
}
#page-bodyparts .search-Area .parentList li::before,
#page-case .search-Area .parentList li::before {
  position: absolute;
  content: "";
  border: 0;
  border-bottom: solid 2px #002754;
  border-right: solid 2px #002754;
  display: inline-block;
  left: 50%;
  bottom: min(10px, .521vw);
  transform: rotate(45deg) translateX(-50%);
  width: min(10px, .521vw);
  height: min(10px, .521vw);
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .parentList li::before,
  #page-case .search-Area .parentList li::before {
    width: 10px;
    height: 10px;
    bottom: 10px;
  }
}
#page-bodyparts .search-Area .parentList li a,
#page-case .search-Area .parentList li a {
  font-size: min(20px, 1.25rem);
  display: block;
  width: 100%;
  text-align: center;
  color: #002754;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .parentList li a,
  #page-case .search-Area .parentList li a {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Area .parentList li a,
  #page-case .search-Area .parentList li a {
    font-size: max(18px, 1.125rem);
  }
}
#page-bodyparts .search-Area .childList dl dt,
#page-case .search-Area .childList dl dt {
  font-weight: bold;
  font-size: min(24px, 1.5rem);
  padding-left: 8px;
  border-left: solid #002754 5px;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .childList dl dt,
  #page-case .search-Area .childList dl dt {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Area .childList dl dt,
  #page-case .search-Area .childList dl dt {
    font-size: max(18px, 1.125rem);
  }
}
#page-bodyparts .search-Area .childList dl dd,
#page-case .search-Area .childList dl dd {
  margin-top: min(35px, 1.823vw);
  padding: min(30px, 1.562vw);
  background: rgba(0, 39, 84, 0.05);
}
#page-bodyparts .search-Area .childList dl dd .childList-List,
#page-case .search-Area .childList dl dd .childList-List {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: min(20px, 1.041vw) min(15px, .781vw);
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .childList dl dd .childList-List,
  #page-case .search-Area .childList dl dd .childList-List {
    grid-template-columns: 1fr 1fr;
  }
}
#page-bodyparts .search-Area .childList dl dd .childList-List li,
#page-case .search-Area .childList dl dd .childList-List li {
  padding: 11px min(10px, .521vw);
  border: solid 1px #002754;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .childList dl dd .childList-List li,
  #page-case .search-Area .childList dl dd .childList-List li {
    padding: 11px 10px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Area .childList dl dd .childList-List li,
  #page-case .search-Area .childList dl dd .childList-List li {
    padding: 8px max(10px, .521vw);
  }
}
@media screen and (max-width: 450px) {
  #page-bodyparts .search-Area .childList dl dd .childList-List li,
  #page-case .search-Area .childList dl dd .childList-List li {
    padding: 8px 1.5em 8px max(10px, .521vw);
  }
}
#page-bodyparts .search-Area .childList dl dd .childList-List li::before,
#page-case .search-Area .childList dl dd .childList-List li::before {
  position: absolute;
  content: "";
  background: url(../images/bodyparts/icon-aroow.png) no-repeat center;
  background-size: contain;
  width: min(20px, 1.042vw);
  height: min(20px, 1.042vw);
  top: 50%;
  right: min(10px, .521vw);
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .childList dl dd .childList-List li::before,
  #page-case .search-Area .childList dl dd .childList-List li::before {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Area .childList dl dd .childList-List li::before,
  #page-case .search-Area .childList dl dd .childList-List li::before {
    width: max(15px, 1.953vw);
    height: max(15px, 1.953vw);
  }
}
#page-bodyparts .search-Area .childList dl dd .childList-List li a,
#page-case .search-Area .childList dl dd .childList-List li a {
  font-size: min(16px, 1rem);
  font-weight: 400;
  color: #002754;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .childList dl dd .childList-List li a,
  #page-case .search-Area .childList dl dd .childList-List li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #page-bodyparts .search-Area .childList dl dd .childList-List li a,
  #page-case .search-Area .childList dl dd .childList-List li a {
    font-size: max(16px, 1rem);
  }
}
@media screen and (max-width: 450px) {
  #page-bodyparts .search-Area .childList dl dd .childList-List li a,
  #page-case .search-Area .childList dl dd .childList-List li a {
    font-size: max(14px, 0.875rem);
    line-height: 1.8;
  }
}
#page-bodyparts .search-Area .childList + .childList,
#page-case .search-Area .childList + .childList {
  margin-top: min(60px, 3.125vw);
}
@media screen and (max-width: 1024px) {
  #page-bodyparts .search-Area .childList + .childList,
  #page-case .search-Area .childList + .childList {
    margin-top: 30px;
  }
}
#page-bodyparts .search-Area.is_tabactive,
#page-case .search-Area.is_tabactive {
  display: block;
}

#order-aiueo,
#order-kakikukeko,
#order-sashisuseso,
#order-tachitsuteto,
#order-naninuneno,
#order-hahifuheho,
#order-mamimumemo,
#order-yayuyo,
#order-rarirurero,
#order-waiueo {
  scroll-margin-top: 140px;
}
@media screen and (max-width: 450px) {
  #order-aiueo,
  #order-kakikukeko,
  #order-sashisuseso,
  #order-tachitsuteto,
  #order-naninuneno,
  #order-hahifuheho,
  #order-mamimumemo,
  #order-yayuyo,
  #order-rarirurero,
  #order-waiueo {
    scroll-margin-top: 130px;
  }
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
#page-news .c-pmain-contents__List,
#peg-cat .c-pmain-contents__List,
#single .c-pmain-contents__List {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: min(40px, 2.083vw);
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-contents__List,
  #peg-cat .c-pmain-contents__List,
  #single .c-pmain-contents__List {
    grid-gap: 25px 15px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-contents__List,
  #peg-cat .c-pmain-contents__List,
  #single .c-pmain-contents__List {
    grid-gap: max(25px, 3.255vw) 15px;
  }
}
@media screen and (max-width: 450px) {
  #page-news .c-pmain-contents__List,
  #peg-cat .c-pmain-contents__List,
  #single .c-pmain-contents__List {
    grid-template-columns: 1fr;
    grid-gap: max(25px, 3.255vw) 0;
  }
}
#page-news .c-pmain-contents__List-item:hover figure img,
#peg-cat .c-pmain-contents__List-item:hover figure img,
#single .c-pmain-contents__List-item:hover figure img {
  transform: scale(1.2);
}
#page-news .c-pmain-contents__List figure,
#peg-cat .c-pmain-contents__List figure,
#single .c-pmain-contents__List figure {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 0;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  height: 14.2362vw;
  width: 19.77454vw;
  max-width: 379.11px;
  max-height: 273.33px;
  display: inline-flex;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-contents__List figure,
  #peg-cat .c-pmain-contents__List figure,
  #single .c-pmain-contents__List figure {
    height: 25.647vw;
    width: 35.622vw;
    max-width: 364.77px;
    max-height: 262.63px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-contents__List figure,
  #peg-cat .c-pmain-contents__List figure,
  #single .c-pmain-contents__List figure {
    height: 26.67vw;
    width: 37.0442vw;
    max-width: 284.5px;
    max-height: 204.83px;
  }
}
@media screen and (max-width: 450px) {
  #page-news .c-pmain-contents__List figure,
  #peg-cat .c-pmain-contents__List figure,
  #single .c-pmain-contents__List figure {
    height: 56.444vw;
    width: 78.0422vw;
    max-width: 351.19px;
    max-height: 254px;
  }
}
#page-news .c-pmain-contents__List figure img,
#peg-cat .c-pmain-contents__List figure img,
#single .c-pmain-contents__List figure img {
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
}
#page-news .c-pmain-contents__List .newsList-item__data,
#peg-cat .c-pmain-contents__List .newsList-item__data,
#single .c-pmain-contents__List .newsList-item__data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-contents__List .newsList-item__data,
  #peg-cat .c-pmain-contents__List .newsList-item__data,
  #single .c-pmain-contents__List .newsList-item__data {
    flex-direction: column;
    align-items: flex-start;
  }
}
#page-news .c-pmain-contents__List .newsList-item__data li,
#peg-cat .c-pmain-contents__List .newsList-item__data li,
#single .c-pmain-contents__List .newsList-item__data li {
  font-size: min(18px, 1.125rem);
  font-weight: bold;
  color: #002754;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-contents__List .newsList-item__data li,
  #peg-cat .c-pmain-contents__List .newsList-item__data li,
  #single .c-pmain-contents__List .newsList-item__data li {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-contents__List .newsList-item__data li,
  #peg-cat .c-pmain-contents__List .newsList-item__data li,
  #single .c-pmain-contents__List .newsList-item__data li {
    font-size: max(15px, 0.9375rem);
  }
}
@media screen and (max-width: 450px) {
  #page-news .c-pmain-contents__List .newsList-item__data li,
  #peg-cat .c-pmain-contents__List .newsList-item__data li,
  #single .c-pmain-contents__List .newsList-item__data li {
    font-size: 14px;
  }
}
#page-news .c-pmain-contents__List .newsList-item__data li.NEW,
#peg-cat .c-pmain-contents__List .newsList-item__data li.NEW,
#single .c-pmain-contents__List .newsList-item__data li.NEW {
  position: relative;
}
#page-news .c-pmain-contents__List .newsList-item__data li.NEW::before,
#peg-cat .c-pmain-contents__List .newsList-item__data li.NEW::before,
#single .c-pmain-contents__List .newsList-item__data li.NEW::before {
  position: static;
  content: "NEW";
  left: 0;
  top: 50%;
  font-size: min(18px, 0.875rem);
  color: #005CB1;
  font-weight: bold;
  line-height: 1;
  padding-right: 0.5em;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-contents__List .newsList-item__data li.NEW::before,
  #peg-cat .c-pmain-contents__List .newsList-item__data li.NEW::before,
  #single .c-pmain-contents__List .newsList-item__data li.NEW::before {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-contents__List .newsList-item__data li.NEW::before,
  #peg-cat .c-pmain-contents__List .newsList-item__data li.NEW::before,
  #single .c-pmain-contents__List .newsList-item__data li.NEW::before {
    font-size: 13px;
  }
}
#page-news .c-pmain-contents__List .newsList-item__data li.newsList-item__data_cat,
#peg-cat .c-pmain-contents__List .newsList-item__data li.newsList-item__data_cat,
#single .c-pmain-contents__List .newsList-item__data li.newsList-item__data_cat {
  margin-left: min(35px, 1.82vw);
  padding: 5px 10px;
  border: solid 1px #002754;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-contents__List .newsList-item__data li.newsList-item__data_cat,
  #peg-cat .c-pmain-contents__List .newsList-item__data li.newsList-item__data_cat,
  #single .c-pmain-contents__List .newsList-item__data li.newsList-item__data_cat {
    font-size: 15px;
    margin-left: 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-contents__List .newsList-item__data li.newsList-item__data_cat,
  #peg-cat .c-pmain-contents__List .newsList-item__data li.newsList-item__data_cat,
  #single .c-pmain-contents__List .newsList-item__data li.newsList-item__data_cat {
    font-size: max(15px, 0.9375rem);
    margin-left: 0;
    margin-top: 10px;
  }
}
#page-news .c-pmain-contents__List .newsList-item__ttl,
#peg-cat .c-pmain-contents__List .newsList-item__ttl,
#single .c-pmain-contents__List .newsList-item__ttl {
  padding-top: 0.25em;
  font-size: min(20px,1.25rem);
  color: #002754;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-contents__List .newsList-item__ttl,
  #peg-cat .c-pmain-contents__List .newsList-item__ttl,
  #single .c-pmain-contents__List .newsList-item__ttl {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-contents__List .newsList-item__ttl,
  #peg-cat .c-pmain-contents__List .newsList-item__ttl,
  #single .c-pmain-contents__List .newsList-item__ttl {
    font-size: max(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  #page-news .c-pmain-contents__List .newsList-item__ttl,
  #peg-cat .c-pmain-contents__List .newsList-item__ttl,
  #single .c-pmain-contents__List .newsList-item__ttl {
    font-size: max(16px, 1rem);
  }
}
#page-news .c-pmain-side .bui,
#page-news .c-pmain-side .shorei,
#peg-cat .c-pmain-side .bui,
#peg-cat .c-pmain-side .shorei,
#single .c-pmain-side .bui,
#single .c-pmain-side .shorei {
  background: #D7DEE2;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: min(50px, 2.6041vw);
}
#page-news .c-pmain-side .sideNav .sideNav-ttle,
#peg-cat .c-pmain-side .sideNav .sideNav-ttle,
#single .c-pmain-side .sideNav .sideNav-ttle {
  padding: min(25px, 1.302vw);
  background: #002754;
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-side .sideNav .sideNav-ttle,
  #peg-cat .c-pmain-side .sideNav .sideNav-ttle,
  #single .c-pmain-side .sideNav .sideNav-ttle {
    padding: 25px 15px;
    font-size: 24px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-side .sideNav .sideNav-ttle,
  #peg-cat .c-pmain-side .sideNav .sideNav-ttle,
  #single .c-pmain-side .sideNav .sideNav-ttle {
    padding: max(25px, 3.255vw) 15px;
  }
}
#page-news .c-pmain-side .sideNav .sideNav-ttle a,
#peg-cat .c-pmain-side .sideNav .sideNav-ttle a,
#single .c-pmain-side .sideNav .sideNav-ttle a {
  color: #fff;
  font-weight: bold;
  font-size: min(20px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-side .sideNav .sideNav-ttle a,
  #peg-cat .c-pmain-side .sideNav .sideNav-ttle a,
  #single .c-pmain-side .sideNav .sideNav-ttle a {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-side .sideNav .sideNav-ttle a,
  #peg-cat .c-pmain-side .sideNav .sideNav-ttle a,
  #single .c-pmain-side .sideNav .sideNav-ttle a {
    font-size: max(18px, 1.125rem);
  }
}
#page-news .c-pmain-side .sideNav .sideNav-ttle span,
#peg-cat .c-pmain-side .sideNav .sideNav-ttle span,
#single .c-pmain-side .sideNav .sideNav-ttle span {
  display: block;
  width: 100%;
  font-size: min(14px, 0.875rem);
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-side .sideNav .sideNav-ttle span,
  #peg-cat .c-pmain-side .sideNav .sideNav-ttle span,
  #single .c-pmain-side .sideNav .sideNav-ttle span {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-side .sideNav .sideNav-ttle span,
  #peg-cat .c-pmain-side .sideNav .sideNav-ttle span,
  #single .c-pmain-side .sideNav .sideNav-ttle span {
    font-size: max(14px, 0.875rem);
  }
}
#page-news .c-pmain-side .sideNav .ttl,
#peg-cat .c-pmain-side .sideNav .ttl,
#single .c-pmain-side .sideNav .ttl {
  display: block;
  margin-top: 30px;
  padding-left: min(25px, 1.302vw);
  font-size: min(20px, 1.25rem);
  font-weight: bold;
  color: #002754;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-side .sideNav .ttl,
  #peg-cat .c-pmain-side .sideNav .ttl,
  #single .c-pmain-side .sideNav .ttl {
    font-size: 20px;
    margin-top: 40px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-side .sideNav .ttl,
  #peg-cat .c-pmain-side .sideNav .ttl,
  #single .c-pmain-side .sideNav .ttl {
    font-size: max(16px, 1rem);
    margin-top: 25px;
    padding-left: 15px;
  }
}
#page-news .c-pmain-side .sideNav .sideList,
#peg-cat .c-pmain-side .sideNav .sideList,
#single .c-pmain-side .sideNav .sideList {
  padding: min(25px, 1.302vw);
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-side .sideNav .sideList,
  #peg-cat .c-pmain-side .sideNav .sideList,
  #single .c-pmain-side .sideNav .sideList {
    padding: min(25px, 1.302vw) 15px;
  }
}
#page-news .c-pmain-side .sideNav .sideList li,
#peg-cat .c-pmain-side .sideNav .sideList li,
#single .c-pmain-side .sideNav .sideList li {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 39, 84, 0.5);
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-side .sideNav .sideList li,
  #peg-cat .c-pmain-side .sideNav .sideList li,
  #single .c-pmain-side .sideNav .sideList li {
    padding-top: 20px;
  }
}
#page-news .c-pmain-side .sideNav .sideList li.arrow-item,
#peg-cat .c-pmain-side .sideNav .sideList li.arrow-item,
#single .c-pmain-side .sideNav .sideList li.arrow-item {
  position: relative;
}
#page-news .c-pmain-side .sideNav .sideList li.arrow-item::before,
#peg-cat .c-pmain-side .sideNav .sideList li.arrow-item::before,
#single .c-pmain-side .sideNav .sideList li.arrow-item::before {
  position: absolute;
  content: "";
  border: 0;
  border-top: solid 2px #002754;
  border-right: solid 2px #002754;
  display: inline-block;
  transform: rotate(45deg) translateY(-50%);
  width: min(10px, 0.520vw);
  height: min(10px, 0.520vw);
  right: 10px;
  top: 50%;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-side .sideNav .sideList li.arrow-item::before,
  #peg-cat .c-pmain-side .sideNav .sideList li.arrow-item::before,
  #single .c-pmain-side .sideNav .sideList li.arrow-item::before {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-side .sideNav .sideList li.arrow-item::before,
  #peg-cat .c-pmain-side .sideNav .sideList li.arrow-item::before,
  #single .c-pmain-side .sideNav .sideList li.arrow-item::before {
    width: max(10px, 1.302vw);
    height: max(10px, 1.302vw);
  }
}
#page-news .c-pmain-side .sideNav .sideList li a,
#peg-cat .c-pmain-side .sideNav .sideList li a,
#single .c-pmain-side .sideNav .sideList li a {
  font-size: min(18px, 1.125rem);
  font-weight: bold;
  color: #002754;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-side .sideNav .sideList li a,
  #peg-cat .c-pmain-side .sideNav .sideList li a,
  #single .c-pmain-side .sideNav .sideList li a {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-side .sideNav .sideList li a,
  #peg-cat .c-pmain-side .sideNav .sideList li a,
  #single .c-pmain-side .sideNav .sideList li a {
    font-size: max(15px,0.9375rem);
  }
}
#page-news .c-pmain-side .sideNav .sideList li + li,
#peg-cat .c-pmain-side .sideNav .sideList li + li,
#single .c-pmain-side .sideNav .sideList li + li {
  padding-top: 20px;
}
#page-news .c-pmain-side .shorei,
#peg-cat .c-pmain-side .shorei,
#single .c-pmain-side .shorei {
  margin-top: 30px;
}
#page-news .c-pmain-side .toggleParrent,
#peg-cat .c-pmain-side .toggleParrent,
#single .c-pmain-side .toggleParrent {
  position: relative;
}
#page-news .c-pmain-side .toggleParrent::before,
#peg-cat .c-pmain-side .toggleParrent::before,
#single .c-pmain-side .toggleParrent::before {
  position: absolute;
  content: "";
  right: min(30px, 1.563vw);
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/common/icon-plus.png) no-repeat center;
  background-size: contain;
  width: min(20px, 1.0416vw);
  height: min(20px, 1.0416vw);
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-side .toggleParrent::before,
  #peg-cat .c-pmain-side .toggleParrent::before,
  #single .c-pmain-side .toggleParrent::before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 768px) {
  #page-news .c-pmain-side .toggleParrent::before,
  #peg-cat .c-pmain-side .toggleParrent::before,
  #single .c-pmain-side .toggleParrent::before {
    width: max(20px, 2.6041vw);
    height: max(20px, 2.6041vw);
  }
}
#page-news .c-pmain-side .toggleParrent.open::before,
#peg-cat .c-pmain-side .toggleParrent.open::before,
#single .c-pmain-side .toggleParrent.open::before {
  background: url(../images/common/icon-minus.png) no-repeat center;
  background-size: contain;
}
#page-news .c-pmain-side .toggleParrent:hover,
#peg-cat .c-pmain-side .toggleParrent:hover,
#single .c-pmain-side .toggleParrent:hover {
  cursor: pointer;
}
#page-news .c-pmain-side .toggleParrent-child,
#peg-cat .c-pmain-side .toggleParrent-child,
#single .c-pmain-side .toggleParrent-child {
  display: none;
  padding: min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  #page-news .c-pmain-side .toggleParrent-child,
  #peg-cat .c-pmain-side .toggleParrent-child,
  #single .c-pmain-side .toggleParrent-child {
    margin-top: 25px;
    padding-left: 15px !important;
  }
}
#page-news .c-pmain-side .toggleParrent-child.open,
#peg-cat .c-pmain-side .toggleParrent-child.open,
#single .c-pmain-side .toggleParrent-child.open {
  display: block;
}

#single .c-pmain-contents {
  padding: 0;
  background: #EFF2F2;
}
#single .c-pmain-contents__contentsinner {
  padding: min(70px, 3.646vw);
  background: #fff;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner {
    width: 100%;
    margin-bottom: max(50px, 6.511vw);
  }
}
#single .c-pmain-contents__contentsinner .newsList-item__data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .newsList-item__data {
    flex-direction: column;
    align-items: flex-start;
  }
}
#single .c-pmain-contents__contentsinner .newsList-item__data li {
  font-size: min(18px, 1.125rem);
  font-weight: bold;
  color: #002754;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .newsList-item__data li {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .newsList-item__data li {
    font-size: max(15px, 0.9375rem);
  }
}
@media screen and (max-width: 450px) {
  #single .c-pmain-contents__contentsinner .newsList-item__data li {
    font-size: 14px;
  }
}
#single .c-pmain-contents__contentsinner .newsList-item__data li.NEW {
  position: relative;
}
#single .c-pmain-contents__contentsinner .newsList-item__data li.NEW::before {
  position: static;
  content: "NEW";
  left: 0;
  top: 50%;
  font-size: min(18px, 0.875rem);
  color: #005CB1;
  font-weight: bold;
  line-height: 1;
  padding-right: 0.5em;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .newsList-item__data li.NEW::before {
    font-size: 13px;
  }
}
@media screen and (max-width: 450px) {
  #single .c-pmain-contents__contentsinner .newsList-item__data li.NEW::before {
    font-size: 13px;
    position: static;
  }
}
#single .c-pmain-contents__contentsinner .newsList-item__data li.newsList-item__data_cat {
  margin-left: min(35px, 1.82vw);
  padding: 5px 10px;
  border: solid 1px #002754;
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .newsList-item__data li.newsList-item__data_cat {
    font-size: 18px;
    margin-left: 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .newsList-item__data li.newsList-item__data_cat {
    font-size: max(15px, 0.9375rem);
    margin-left: 0;
    margin-top: 10px;
  }
}
#single .c-pmain-contents__contentsinner .single-ttl {
  font-size: min(30px, 1.562rem);
  line-height: 2;
  margin-top: min(25px, 1.302vw);
  margin-bottom: min(30px, 1.562vw);
  font-weight: bold;
  padding-bottom: 1.25em;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .single-ttl {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .single-ttl {
    font-size: max(22px, 1.375rem);
  }
}
#single .c-pmain-contents__contentsinner figure {
  border-radius: 25px;
  overflow: hidden;
  margin-bottom: 0;
}
#single .c-pmain-contents__contentsinner .content {
  margin-top: min(30px, 1.562vw);
  padding-bottom: min(100px, 6.25rem);
}
#single .c-pmain-contents__contentsinner .content p {
  font-size: min(18px, 1.125rem);
  padding-bottom: 1.5em;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .content p {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .content p {
    font-size: max(15px, 0.9375rem);
  }
}
#single .c-pmain-contents__contentsinner .content img {
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
}
#single .c-pmain-contents__contentsinner .content h2.wp-block-heading {
  font-size: min(22px, 1.375rem);
  font-weight: bold;
  line-height: 2;
  padding-left: 15px;
  border-left: solid 4px #002754;
  margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .content h2.wp-block-heading {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .content h2.wp-block-heading {
    font-size: max(20px, 1.25rem);
  }
}
#single .c-pmain-contents__contentsinner .content h3.wp-block-heading {
  font-size: min(22px, 1.25rem);
  font-weight: bold;
  line-height: 2;
  padding-bottom: 3px;
  border-bottom: solid 1px #002754;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .content h3.wp-block-heading {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .content h3.wp-block-heading {
    font-size: max(18px, 1.125rem);
  }
}
#single .c-pmain-contents__contentsinner .content ul li {
  position: relative;
  padding-left: 20px;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .content ul li {
    padding-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .content ul li {
    padding-left: 15px;
  }
}
#single .c-pmain-contents__contentsinner .content ul li::before {
  position: absolute;
  content: "・";
  font-size: min(18px, 1.125rem);
  font-weight: bold;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .content ul li::before {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .content ul li::before {
    font-size: max(15px, 0.9375rem);
  }
}
#single .c-pmain-contents__contentsinner .content ul li + li {
  margin-top: 10px;
}
#single .c-pmain-contents__contentsinner .content ol {
  counter-reset: count 0;
}
#single .c-pmain-contents__contentsinner .content ol li {
  position: relative;
  padding-left: 20px;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .content ol li {
    padding-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .content ol li {
    padding-left: 15px;
  }
}
#single .c-pmain-contents__contentsinner .content ol li::before {
  position: absolute;
  content: counter(count) ". ";
  counter-increment: count 1;
  font-size: min(18px, 1.125rem);
  font-weight: bold;
  left: 0;
  top: 0;
  font-family: "crete-round", serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .content ol li::before {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .content ol li::before {
    font-size: max(15px, 0.9375rem);
  }
}
#single .c-pmain-contents__contentsinner .content blockquote {
  padding: 15px 15px 15px min(65px,3.385vw);
  background: #EFF2F2;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .content blockquote {
    padding: 15px 15px 15px 35px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .content blockquote {
    padding: 15px 15px 15px 35px;
  }
}
#single .c-pmain-contents__contentsinner .content blockquote::before {
  position: absolute;
  content: "";
  background: url(../images/common/icon-quote.png) no-repeat center;
  background-size: contain;
  width: min(30px, 1.562vw);
  height: min(30px, 1.562vw);
  left: min(20px, 1.041vw);
  top: min(20px, 1.041vw);
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .content blockquote::before {
    top: 15px;
    left: 10px;
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .content blockquote::before {
    top: 15px;
    left: 10px;
    width: 15px;
    height: 15px;
  }
}
#single .c-pmain-contents__contentsinner .content blockquote cite a {
  font-size: min(18px, 1.125rem);
  color: #005CB1;
}
@media screen and (max-width: 1024px) {
  #single .c-pmain-contents__contentsinner .content blockquote cite a {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #single .c-pmain-contents__contentsinner .content blockquote cite a {
    font-size: max(15px, 0.9375rem);
  }
}
#single .bnt-pagelink {
  width: min(280px, 14.583vw);
  margin-top: min(80px, 4.166vw);
}
@media screen and (max-width: 1024px) {
  #single .bnt-pagelink {
    width: 350px;
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  #single .bnt-pagelink {
    width: 350px;
    margin-top: 80px;
  }
}
@media screen and (max-width: 450px) {
  #single .bnt-pagelink {
    width: 85%;
  }
}
#single .bnt-pagelink a {
  font-size: min(22px, 1.375rem);
  padding: min(25px, 1.302vw) 0;
}
@media screen and (max-width: 1024px) {
  #single .bnt-pagelink a {
    font-size: 22px;
    padding: 25px 0;
  }
}
@media screen and (max-width: 768px) {
  #single .bnt-pagelink a {
    font-size: max(18px, 1.125rem);
    padding: 25px 0;
  }
}
#single .bnt-pagelink a::before {
  width: min(12px, .625vw);
  height: min(12px, .625vw);
}
@media screen and (max-width: 1024px) {
  #single .bnt-pagelink a::before {
    width: 12px;
    height: 12px;
  }
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
/***********************

title

**********************/
.p-strong-blk__title {
  font-size: min(40px, 2.5rem);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: min(42px, 2.1875vw);
}
@media screen and (max-width: 1024px) {
  .p-strong-blk__title {
    font-size: 24px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .p-strong-blk__title {
    font-size: min(40px, 2.5rem);
  }
}

.p-strong-item__title {
  font-size: min(28px, 1.75rem);
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.015em;
  margin-bottom: min(30px, 1.5625vw);
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-strong-item__title {
    font-size: 24px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .p-strong-item__title {
    font-size: min(24px, 1.5rem);
    font-weight: 600;
  }
}
@media screen and (max-width: 450px) {
  .p-strong-item__title {
    font-size: min(20px, 1.25rem);
  }
}

/**********************************

セクションブロックパーツ

*********************************/
.p-strong-sec {
  position: relative;
}

/**********************************

セクションブロックパーツ

*********************************/
.p-strong-blk {
  position: relative;
  margin-bottom: min(20px, 1.041vw);
}
@media screen and (max-width: 768px) {
  .p-strong-blk {
    margin-bottom: 0;
  }
}

.p-strong-blk-2col {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.p-strong-blk__textarea-center {
  width: 100%;
  text-align: center;
  margin-bottom: min(70px, 3.645vw);
}
@media screen and (max-width: 1024px) {
  .p-strong-blk__textarea-center {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .p-strong-blk__textarea-center {
    margin-bottom: min(70px, 9.1145vw);
  }
}

.p-strong-blk__textarea {
  width: min(808px, 42.22vw);
}
@media screen and (max-width: 1024px) {
  .p-strong-blk__textarea {
    width: 100%;
  }
}

.p-strong-blk__title {
  font-size: min(40px, 2.5rem);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: min(42px, 2.1875vw);
}
@media screen and (max-width: 1024px) {
  .p-strong-blk__title {
    font-size: 36px;
    margin-bottom: 42px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .p-strong-blk__title {
    font-size: min(32px, 2rem);
    margin-bottom: min(42px, 5.46875vw);
    font-weight: 600;
  }
}
@media screen and (max-width: 450px) {
  .p-strong-blk__title {
    font-size: min(22px, 1.65rem);
    text-align: left;
    white-space: nowrap;
  }
}

.p-strong-blk__title-blue {
  background: #002754;
  color: #FFF;
  font-size: min(40px, 2.5rem);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  max-height: 137px;
  padding: 1em 0;
}
@media screen and (max-width: 1024px) {
  .p-strong-blk__title-blue {
    font-size: 30px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .p-strong-blk__title-blue {
    font-size: min(30px, 1.875rem);
    max-height: initial;
    padding: 0;
    line-height: 3;
    font-weight: 600;
  }
}
@media screen and (max-width: 450px) {
  .p-strong-blk__title-blue {
    font-size: min(22px, 1.375rem);
  }
}

.p-strong-blk__text {
  font-size: min(20px, 1.25rem);
  line-height: 2;
  letter-spacing: 0.1em;
  margin-bottom: 1.75em;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .p-strong-blk__text {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-strong-blk__text {
    font-size: min(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  .p-strong-blk__text {
    letter-spacing: 0.05em;
    font-size: min(16px, 1rem);
  }
}

.p-strong-blk__text-white {
  color: #fff;
}

.p-strong-blk__photoarea {
  width: min(490px, 25.52vw);
  margin-right: min(35px, 1.822vw);
}
@media screen and (max-width: 1024px) {
  .p-strong-blk__photoarea {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-strong-blk__photoarea img {
    width: 80%;
    margin: 0 auto;
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-strong-blk__photoarea img {
    width: 100%;
    padding-top: 0px;
  }
}

.p-strong-blk__imagearea {
  width: min(522px, 27.187vw);
}

.p-strong-sec__item {
  background: #FFF;
  width: min(1381px, 71.9271vw);
  margin: 0 auto;
  padding: min(50px, 2.604vw) 0;
  margin-bottom: min(50px, 2.604vw);
}
@media screen and (max-width: 1024px) {
  .p-strong-sec__item {
    width: 100%;
    padding: min(50px, 6.5104vw) min(30px, 3.9062vw);
  }
}

/***********************

parts

**********************/
.p-strong-image-loop {
  display: flex;
  width: 100vw;
  height: min(427px, 22.239vw);
  overflow: hidden;
  margin-bottom: min(107px, 5.572vw);
}
@media screen and (max-width: 1024px) {
  .p-strong-image-loop {
    height: 427px;
  }
}
@media screen and (max-width: 768px) {
  .p-strong-image-loop {
    height: initial;
  }
}

.p-strong-image-loop img {
  width: auto;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 450px) {
  .p-strong-image-loop img {
    height: min(180px, 40vw);
  }
}

.p-strong-image-loop img:first-child {
  animation: loop 50s -25s linear infinite;
}

.p-strong-image-loop img:last-child {
  animation: loop2 50s linear infinite;
}

.p-strong-scroll {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: min(95px, 4.947vw);
  padding-bottom: min(95px, 4.947vw);
}
@media screen and (max-width: 1024px) {
  .p-strong-scroll {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 768px) {
  .p-strong-scroll {
    padding-top: min(150px, 23.4375vw);
    padding-bottom: min(150px, 23.4375vw);
  }
}

.p-strong-scroll__line {
  position: relative;
  display: block;
  background-color: rgba(200, 200, 200, 0.4);
  height: min(203px, 10.572vw);
  width: 1px;
}
@media screen and (max-width: 1024px) {
  .p-strong-scroll__line {
    height: 203px;
  }
}
@media screen and (max-width: 768px) {
  .p-strong-scroll__line {
    height: min(238px, 30.989vw);
  }
}

.p-strong-scroll__line::before {
  content: " ";
  animation: scrollAnim 3s linear 0s normal none infinite running;
  background-color: #002754;
  display: block;
  width: 1px;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.p-strong-scroll__line-white::before {
  background-color: #FFF;
}

/** loop **/
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/** scroll **/
@keyframes scrollAnim {
  0% {
    opacity: 1;
    height: 0;
  }
  30% {
    opacity: 1;
    height: 100%;
  }
  60% {
    opacity: 0;
    height: 100%;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
/***********************

01.Stroke/Hempiplegia

**********************/
/** title **/
/** 01-00. Comming **/
.p-commingsoon-sec {
  padding-top: min(70px, 3.645vw);
}

.p-commingsoon-dl {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-commingsoon-dl {
    padding: 3.5em 0 3em 0;
  }
}
@media screen and (max-width: 450px) {
  .p-commingsoon-dl {
    padding: 5.5em 0 5em 0;
  }
}

.p-commingsoon-dt {
  font-size: min(40px, 2.5rem);
  font-weight: 600;
  line-height: 1.5;
  color: rgba(0, 39, 84, 0.5);
}
@media screen and (max-width: 768px) {
  .p-commingsoon-dt {
    font-size: min(20px, 1.5rem);
  }
}

.p-commingsoon-dd img {
  width: initial;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-commingsoon-dd img {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .p-storoke-about {
    padding-top: min(188px, 9.791vw);
  }
}
.p-storoke-about .p-strong-sec__item {
  background-color: initial;
  padding-top: min(150px, 7.8125vw);
  width: min(1388px, 72.29vw);
}
@media screen and (max-width: 768px) {
  .p-storoke-about .p-strong-sec__item {
    width: 100%;
    padding: 0;
    margin-bottom: min(150px, 19.53125vw);
  }
}
.p-storoke-about .p-strong-blk__photoarea {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-storoke-about .p-strong-blk__photoarea {
    width: 90%;
    padding: 0;
    margin: 0 auto;
  }
}
.p-storoke-about .p-strong-blk__text {
  letter-spacing: 0.05em;
  color: #002754;
}

.p-rehabili-sec .c-card-photoarea {
  width: 95%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-rehabili-sec .c-card-photoarea {
    width: 100%;
  }
}
.p-rehabili-sec .c-bk-index {
  font-size: min(30px, 1.875rem);
}
@media screen and (max-width: 1024px) {
  .p-rehabili-sec .c-bk-index {
    font-size: 29px;
  }
}
@media screen and (max-width: 768px) {
  .p-rehabili-sec .c-bk-index {
    font-size: min(20px, 1.25rem);
  }
}
@media screen and (max-width: 450px) {
  .p-rehabili-sec .c-bk-index {
    font-size: min(22px, 1.375rem);
  }
}
.p-rehabili-sec .p-strong-sec__item {
  padding-bottom: min(100px, 5.20833vw);
  margin-bottom: min(105px, 5.46875vw);
}
@media screen and (max-width: 1024px) {
  .p-rehabili-sec .p-strong-sec__item {
    padding-bottom: 100px;
    margin-bottom: 105px;
  }
}
@media screen and (max-width: 768px) {
  .p-rehabili-sec .p-strong-sec__item {
    padding-bottom: min(100px, 13.0208vw);
    margin-bottom: min(105px, 13.671vw);
  }
}

.is-yellow {
  background: linear-gradient(transparent 0%, #F6FF8D 70%);
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .is-yellow {
    line-height: 1;
  }
}

.p-class-list__item:nth-child(4) .is-yellow {
  font-weight: 300;
}

.p-therapy-sec .c-bk-index {
  font-size: min(30px, 1.875rem);
}
@media screen and (max-width: 1024px) {
  .p-therapy-sec .c-bk-index {
    font-size: 29px;
  }
}
@media screen and (max-width: 768px) {
  .p-therapy-sec .c-bk-index {
    font-size: min(20px, 1.25rem);
  }
}
@media screen and (max-width: 450px) {
  .p-therapy-sec .c-bk-index {
    font-size: min(22px, 1.375rem);
  }
}
@media screen and (max-width: 768px) {
  .p-therapy-sec .p-class-list__icon {
    padding-bottom: 0;
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 450px) {
  .p-therapy-sec .p-class-list__icon {
    width: 100%;
  }
}
.p-therapy-sec .p-brace-item__head {
  padding-top: 1.5em;
  letter-spacing: 0em;
  display: inline-block;
}
@media screen and (max-width: 450px) {
  .p-therapy-sec .p-brace-item__head {
    line-height: 1.5;
    padding-top: 0;
  }
}
.p-therapy-sec .p-brace-item__body .c-bk-text {
  margin-bottom: 1.5em;
}
.p-therapy-sec .bnt-page-tablink.white {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .p-therapy-sec .bnt-page-tablink.white {
    margin: 54px auto;
  }
}
@media screen and (max-width: 768px) {
  .p-therapy-sec .bnt-page-tablink.white {
    width: 90.2%;
  }
}
.p-therapy-sec .bnt-page-tablink.white a {
  font-size: min(18px, 1.125rem);
  padding: 1.05em 2.7em;
}
@media screen and (max-width: 1024px) {
  .p-therapy-sec .bnt-page-tablink.white a {
    font-size: 18px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .p-therapy-sec .bnt-page-tablink.white a {
    font-size: min(18px, 1.125rem);
    padding: max(20px, 2.6041vw);
  }
}
@media screen and (max-width: 450px) {
  .p-therapy-sec .bnt-page-tablink.white a {
    font-size: min(16px, 1rem);
    padding: max(20px, 2.6041vw);
  }
}
.p-therapy-sec .p-class-list__item {
  border-left: 1px solid #002754;
}
@media screen and (max-width: 1024px) {
  .p-therapy-sec .p-class-list__item {
    border-left: 0;
    margin-bottom: 85px;
  }
}
@media screen and (max-width: 768px) {
  .p-therapy-sec .p-class-list__item {
    margin-bottom: 0;
  }
}
.p-therapy-sec .p-class-list__item:nth-child(4) {
  border-left: 0px;
}
.p-therapy-sec .c-bk-image {
  width: 81.798%;
  margin: 0 auto;
  padding: min(48px, 2.5vw) 0 min(75px, 3.90625vw);
}
@media screen and (max-width: 768px) {
  .p-therapy-sec .c-bk-image {
    padding: min(48px, 6.25vw) 0 min(75px, 9.7656vw);
  }
}
@media screen and (max-width: 450px) {
  .p-therapy-sec .c-bk-image {
    width: 95%;
    padding: min(48px, 10.666vw) 0 min(75px, 16.666vw);
  }
}
.p-therapy-sec .p-class-list__item:nth-child(3) .c-bk-image {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .p-therapy-sec .p-class-list__item:nth-child(3) .c-bk-image {
    margin: 0 auto;
  }
}
.p-therapy-sec .p-class-list__item:nth-child(3) .bnt-page-tablink,
.p-therapy-sec .p-class-list__item:nth-child(4) .bnt-page-tablink {
  margin-bottom: min(75px, 3.90625vw);
}
@media screen and (max-width: 768px) {
  .p-therapy-sec .p-class-list__item:nth-child(3) .bnt-page-tablink,
  .p-therapy-sec .p-class-list__item:nth-child(4) .bnt-page-tablink {
    margin-bottom: min(75px, 9.7656vw);
  }
}
@media screen and (max-width: 450px) {
  .p-therapy-sec .p-class-list__item:nth-child(3) .bnt-page-tablink,
  .p-therapy-sec .p-class-list__item:nth-child(4) .bnt-page-tablink {
    margin-bottom: min(75px, 16.666vw);
  }
}

.p-therapy-list-wrap .p-brace-item__body.open {
  padding-bottom: min(50px, 2.604vw);
}

.p-season__list--intro {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
}
.p-season__list--intro::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 139px solid transparent;
  border-left: 139px solid transparent;
  border-top: 40px solid #FFF2C2;
  border-bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  margin-top: min(15px , 0.78125vw);
}
@media screen and (max-width: 768px) {
  .p-season__list--intro::after {
    margin-top: min(30px , 3.90625vw);
  }
}
.p-season__list--intro dl {
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .p-season__list--intro dl {
    display: block;
  }
}
.p-season__list--intro dl dt {
  width: 37.63%;
  background: #EFF2F2;
  font-size: min(18px, 1.125rem);
  font-weight: 600;
  display: flex;
  align-items: center;
  padding-left: 1em;
  letter-spacing: 0;
  line-height: 1.5;
  padding-top: 1.92em;
  padding-bottom: 1.92em;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .p-season__list--intro dl dt {
    font-size: 16px;
    letter-spacing: 0;
    width: 40%;
    padding-right: 1em;
  }
  .p-season__list--intro dl dt br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-season__list--intro dl dt {
    width: 100%;
    padding: 1em;
  }
}
.p-season__list--intro dl dd {
  width: 62.37%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: relative;
  padding-left: 2em;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .p-season__list--intro dl dd {
    font-size: 16px;
    width: 60%;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
}
@media screen and (max-width: 768px) {
  .p-season__list--intro dl dd {
    width: 100%;
    font-size: min(16px, 1rem);
  }
}
@media screen and (max-width: 1024px) {
  .p-season__list--intro dl dd p {
    letter-spacing: 0em;
    text-indent: -1em;
    padding-left: 1em;
  }
}
@media screen and (max-width: 768px) {
  .p-season__list--intro dl dd p {
    font-size: min(16px, 1rem);
    line-height: 1.5;
    padding-bottom: 1em;
  }
}
.p-season__list--intro dl dd:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3.177vw solid transparent;
  border-bottom: 3.177vw solid transparent;
  border-left: 1.354vw solid #EFF2F2;
  border-right: 0;
  content: "";
  position: absolute;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .p-season__list--intro dl dd:before {
    border: none;
    width: 25px;
    height: 87%;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
            clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background-color: #EFF2F2;
  }
}

.p-season__list--outro {
  margin-top: min(85px , 4.427vw);
}
@media screen and (max-width: 768px) {
  .p-season__list--outro {
    margin-top: min(65px , 8.4635vw);
  }
}
.p-season__list--outro dl {
  display: flex;
  flex-flow: column;
  margin-bottom: min(45px, 2.34375rem);
}
@media screen and (max-width: 768px) {
  .p-season__list--outro dl {
    margin-bottom: min(45px, 5.859vw);
  }
}
@media screen and (max-width: 450px) {
  .p-season__list--outro dl {
    margin-bottom: min(45px, 10vw);
  }
}
.p-season__list--outro dl dt {
  width: 100%;
  text-align: center;
  font-size: min(18px , 1.125rem);
  font-weight: 500;
  padding-bottom: 2em;
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .p-season__list--outro dl dt {
    font-size: 18px;
    line-height: 1.5;
    padding-top: 1.5em;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .p-season__list--outro dl dt {
    font-size: min(18px , 1.125rem);
    padding-top: 2.5em;
  }
}
.p-season__list--outro dl dd {
  width: 100%;
  background: #FFF9E2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2em 0;
  gap: min(50px , 2.604vw);
}
@media screen and (max-width: 1024px) {
  .p-season__list--outro dl dd {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .p-season__list--outro dl dd {
    display: block;
    padding: 1em;
  }
}
.p-season__list--outro dl dd p {
  display: inline-block;
  font-size: min(18px , 1.125rem);
  font-weight: 600;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .p-season__list--outro dl dd p {
    font-size: 18px;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .p-season__list--outro dl dd p {
    display: block;
    width: 100%;
    font-size: min(18px , 1.125rem);
    letter-spacing: 0;
    line-height: 1.5;
  }
}

.p-select-sec {
  margin-top: min(110px , 5.729vw);
}
@media screen and (max-width: 1024px) {
  .p-select-sec {
    font-size: 100px;
  }
}
@media screen and (max-width: 768px) {
  .p-select-sec {
    margin-top: min(110px , 14.322vw);
  }
}
.p-select-sec .p-strong-blk__textarea-center {
  margin-bottom: 0;
}
.p-select-sec .c-card__inner {
  width: 90.75%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-select-sec .c-card__inner {
    width: 100%;
  }
}
.p-select-sec .c-bk-description {
  margin-bottom: min(60px , 3.125vw);
}
@media screen and (max-width: 768px) {
  .p-select-sec .c-bk-description {
    margin-bottom: min(60px , 7.8125vw);
    padding: 0;
  }
}
@media screen and (max-width: 450px) {
  .p-select-sec .c-bk-description {
    margin-bottom: min(60px , 13.333vw);
  }
}
.p-select-sec .c-bk-text {
  font-size: min(20px , 1.25rem);
  font-weight: 300;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .p-select-sec .c-bk-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-select-sec .c-bk-text {
    font-size: min(18px , 1.125rem);
  }
}
.p-select-sec .c-bk-detail__dt {
  width: 41.27%;
}
@media screen and (max-width: 1024px) {
  .p-select-sec .c-bk-detail__dt {
    width: 100%;
  }
}
.p-select-sec .c-bk-detail__dd {
  width: 58.73%;
  padding: 2em 0 2em 1em;
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .p-select-sec .c-bk-detail__dd {
    width: 100%;
    padding: 1em;
  }
}
.p-select-sec .c-bk-detail__dd .c-bk-text {
  line-height: 1.5;
  letter-spacing: 0;
  font-size: min(18px , 1.125rem);
}
@media screen and (max-width: 1024px) {
  .p-select-sec .c-bk-detail__dd .c-bk-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-select-sec .c-bk-detail__dd .c-bk-text {
    font-size: min(18px , 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  .p-select-sec .c-bk-detail__dd .c-bk-text {
    font-size: min(16px , 1rem);
  }
}
.p-select-sec .c-bk-detail__dt {
  font-weight: 600;
  color: #002754;
  text-align: left;
  font-size: min(20px , 1.25rem);
  padding: 2em 0 2em 1em;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .p-select-sec .c-bk-detail__dt {
    font-size: 20px;
    display: block;
    padding: 1em;
  }
}
@media screen and (max-width: 768px) {
  .p-select-sec .c-bk-detail__dt {
    font-size: min(18px , 1.125rem);
    letter-spacing: 0;
  }
}
.p-select-sec .c-bk-detail__dt span {
  display: block;
  font-weight: 300;
  font-size: min(18px , 1.125rem);
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .p-select-sec .c-bk-detail__dt span {
    font-size: 18px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-select-sec .c-bk-detail__dt span {
    font-size: min(16px , 1rem);
    letter-spacing: 0;
  }
}

.p-howto-buy-sogu {
  margin-top: min(110px , 5.729vw);
}
.p-howto-buy-sogu .p-strong-sec__item {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .p-howto-buy-sogu {
    font-size: 100px;
  }
}
@media screen and (max-width: 768px) {
  .p-howto-buy-sogu {
    margin-top: min(110px , 14.322vw);
  }
}
.p-howto-buy-sogu .c-tab-sec__title {
  margin-bottom: min(70px , 3.645vw);
  font-size: min(30px , 1.875rem);
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .p-howto-buy-sogu .c-tab-sec__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-howto-buy-sogu .c-tab-sec__title {
    font-size: min(22px , 1.375rem);
    line-height: 1.5;
    margin-bottom: min(70px , 9.1145vw);
  }
}
.p-howto-buy-sogu .p-howto-buy-sogu__map {
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-howto-buy-sogu .p-howto-buy-sogu__map {
    width: 100%;
  }
}
.p-howto-buy-sogu .is_sp {
  display: none;
}
.p-howto-buy-sogu .is_pc {
  display: block;
}
@media screen and (max-width: 1024px) {
  .p-howto-buy-sogu .is_sp {
    display: block;
  }
  .p-howto-buy-sogu .is_pc {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #page-stroke .c-kv img {
    position: absolute;
    top: min(96.2px,42.968vw);
  }
}
@media screen and (max-width: 450px) {
  #page-stroke .c-kv img {
    top: min(70.45px,15.655vw);
  }
}

@media screen and (max-width: 768px) {
  #page-stroke .breadcrumb {
    padding-top: min(320px,42.968vw);
  }
}
@media screen and (max-width: 450px) {
  #page-stroke .breadcrumb {
    padding-top: min(320px,42.968vw);
  }
}

.p-stroke-about {
  margin-top: 0;
  padding-top: min(188px, 9.791vw);
}

.p-slider1 {
  margin-bottom: min(115px, 5.989vw);
}
@media screen and (max-width: 1024px) {
  .p-slider1 {
    margin-bottom: 115px;
  }
}
@media screen and (max-width: 768px) {
  .p-slider1 {
    margin-bottom: min(115px,14.973vw);
  }
}
@media screen and (max-width: 450px) {
  .p-slider1 {
    margin-bottom: min(75px,16.666vw);
  }
}

#page-custommadeinsoles .p-slider1 {
  margin-bottom: 0;
}
#page-custommadeinsoles .slick-initialized .slick-slide {
  margin-bottom: 0;
}

/***********************/
/***********************

02.Limb salvage/Diabetes

**********************/
.p-limbsalvage-about {
  margin-top: min(188px, 9.791vw);
}
@media screen and (max-width: 768px) {
  .p-limbsalvage-about {
    margin-top: 0;
    padding-top: min(188px, 9.791vw);
  }
}
.p-limbsalvage-about .p-strong-blk__photoarea {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-limbsalvage-about .p-strong-blk__photoarea {
    width: 90%;
    margin: 0 auto;
  }
}

.p-limbsalvage-about .p-strong-sec__item {
  padding: 0;
  background-color: initial;
}

.p-testcase__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #000;
}

.p-testcase__item {
  width: 50%;
  position: relative;
  padding-left: 1.25em;
  line-height: 2;
  font-size: min(18px, 1.125rem);
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .p-testcase__item {
    width: 100%;
    font-size: 18px;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-testcase__item {
    width: 100%;
    font-size: min(16px, 1rem);
    padding-left: 0;
  }
}

.p-testcase__item span {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
}
@media screen and (max-width: 768px) {
  .p-testcase__item span {
    bottom: -1.5em;
  }
}

.p-limbsalvage-report .p-strong-sec__inner {
  width: min(1381px, 71.9271vw);
  margin: 0 auto;
}
.p-limbsalvage-report .c-card {
  width: min(1284px, 66.875vw);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-limbsalvage-report .c-card {
    width: 100%;
  }
}

.p-brace-item__head:hover {
  cursor: pointer;
}

.p-brace-item__head {
  font-size: min(24px, 1.5rem);
  font-weight: 600;
  line-height: 1.5;
  padding-top: min(30px, 1.5625vw);
  margin-bottom: 1em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .p-brace-item__head {
    font-size: 24px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-brace-item__head {
    font-size: min(20px, 1.25rem);
    padding: 0;
    margin: 0;
    padding-bottom: 1.5em;
  }
}
@media screen and (max-width: 450px) {
  .p-brace-item__head {
    font-size: min(18px, 1.125rem);
  }
}

.p-brace-item__body {
  overflow: hidden;
  height: 0;
  transition: 0.5s;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.p-brace-item__body .c-bk-text {
  margin-bottom: 1em;
}
.p-brace-item__body .c-bk-text a {
  color: #002754;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #002754;
}
@media screen and (max-width: 768px) {
  .p-brace-item__body {
    padding: 0 0.5em;
  }
}

@media screen and (max-width: 768px) {
  .p-brace-list-wrap {
    padding: 1em 0.5em;
  }
}

.p-brace-item__btn {
  display: flex;
  width: 30px;
  height: 30px;
  margin-left: auto;
  position: relative;
  justify-content: center;
  align-items: center;
}
.p-brace-item__btn:hover {
  cursor: pointer;
}
@media screen and (max-width: 450px) {
  .p-brace-item__btn {
    width: 20px;
    height: 20px;
  }
}

.p-brace-item__btn span {
  width: 100%;
  height: 2px;
  background: #002754;
  position: absolute;
}

.p-brace-item__btn span:last-child {
  transform: rotate(90deg);
  transition: 0.5s;
}

.p-brace-item__head.active .p-brace-item__btn span:last-child {
  transform: rotate(0deg);
  transition: 0.5s;
}

.p-brace-item__body.open {
  overflow: visible;
  height: auto;
  transition: 0.5s;
  opacity: 1;
  padding-bottom: min(150px, 7.8125vw);
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-brace-item__body.open {
    padding-bottom: 2em;
    margin-bottom: 2em;
  }
}

.p-brace-item__body:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #002754;
  display: block;
  position: absolute;
  bottom: min(70px, 3.6458vw);
}

.p-brace-list-wrap .p-brace-item:last-child .p-brace-item__body:after {
  display: none;
}

.p-brace-item .c-bk-list {
  color: #000;
}
@media screen and (max-width: 1024px) {
  .p-brace-item .c-bk-list {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1024px) {
  .p-brace-item .c-bk-item img {
    max-height: 200px;
  }
}
.p-brace-item .c-bk-item .c-bk-item__info {
  font-size: min(16px, 1rem);
  text-align: center;
}
.p-brace-item .c-bk-item .c-bk-item__info a {
  letter-spacing: 0;
  color: #002754;
  border-bottom: 1px solid #002754;
  padding-bottom: 0.25em;
  word-wrap: break-word;
}
@media screen and (max-width: 1024px) {
  .p-brace-item .c-bk-item .c-bk-item__info {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-brace-item .c-bk-item .c-bk-item__info {
    font-size: min(16px, 1rem);
  }
}
@media screen and (max-width: 1024px) {
  .p-brace-item .c-bk-item {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-brace-item .c-bk-item {
    font-size: min(16px, 1rem);
  }
}

.p-brace-item .c-bk-item:last-child {
  margin-right: 0;
}

.p-brace-item:nth-child(1) .c-bk-item:nth-of-type(1) img {
  max-width: 354px;
  width: min(354px, 18.4375vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .p-brace-item:nth-child(1) .c-bk-item:nth-of-type(1) img {
    width: 100%;
    max-width: initial;
  }
}
.p-brace-item:nth-child(1) .c-bk-item:nth-of-type(2) img {
  width: min(236px, 12.2916vw);
}
@media screen and (max-width: 1024px) {
  .p-brace-item:nth-child(1) .c-bk-item:nth-of-type(2) img {
    width: -moz-fit-content;
    width: fit-content;
    max-height: 200px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-brace-item:nth-child(1) .c-bk-item:nth-of-type(2) img {
    max-height: 184px;
  }
}
@media screen and (max-width: 450px) {
  .p-brace-item:nth-child(1) .c-bk-item:nth-of-type(2) img {
    max-height: initial;
    width: 100%;
  }
}

.p-brace-item:nth-child(2) .c-bk-item:nth-of-type(1) img {
  width: min(354px, 18.4375vw);
}
@media screen and (max-width: 1024px) {
  .p-brace-item:nth-child(2) .c-bk-item:nth-of-type(1) img {
    width: 100%;
  }
}
.p-brace-item:nth-child(2) .c-bk-item:nth-of-type(2) img {
  width: min(236px, 12.2916vw);
}
@media screen and (max-width: 1024px) {
  .p-brace-item:nth-child(2) .c-bk-item:nth-of-type(2) img {
    width: -moz-fit-content;
    width: fit-content;
    max-height: 200px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-brace-item:nth-child(2) .c-bk-item:nth-of-type(2) img {
    width: 100%;
    max-height: 184px;
  }
}
@media screen and (max-width: 450px) {
  .p-brace-item:nth-child(2) .c-bk-item:nth-of-type(2) img {
    max-height: initial;
    width: 100%;
  }
}

.p-brace-item:nth-child(3) .c-bk-item:nth-of-type(1) img {
  width: min(236px, 12.2916vw);
}
@media screen and (max-width: 1024px) {
  .p-brace-item:nth-child(3) .c-bk-item:nth-of-type(1) img {
    width: 100%;
    max-height: initial;
  }
}
@media screen and (max-width: 768px) {
  .p-brace-item:nth-child(3) .c-bk-item:nth-of-type(1) img {
    width: 100%;
  }
}
.p-brace-item:nth-child(3) .c-bk-item:nth-of-type(2) img {
  width: min(236px, 12.2916vw);
}
@media screen and (max-width: 1024px) {
  .p-brace-item:nth-child(3) .c-bk-item:nth-of-type(2) img {
    width: 100%;
    max-height: initial;
  }
}
@media screen and (max-width: 768px) {
  .p-brace-item:nth-child(3) .c-bk-item:nth-of-type(2) img {
    width: 100%;
  }
}
.p-brace-item:nth-child(3) .c-bk-item:nth-of-type(3) img {
  width: min(236px, 12.2916vw);
}
@media screen and (max-width: 1024px) {
  .p-brace-item:nth-child(3) .c-bk-item:nth-of-type(3) img {
    width: 100%;
    max-height: initial;
    padding-top: 2em;
  }
}
@media screen and (max-width: 768px) {
  .p-brace-item:nth-child(3) .c-bk-item:nth-of-type(3) img {
    width: 100%;
  }
}

.p-class-list__item:nth-of-type(2) .p-brace-item:nth-child(2) .c-bk-item:nth-of-type(1) img {
  width: min(354px, 18.4375vw);
}
@media screen and (max-width: 1024px) {
  .p-class-list__item:nth-of-type(2) .p-brace-item:nth-child(2) .c-bk-item:nth-of-type(1) img {
    width: 100%;
    max-height: initial;
  }
}
.p-class-list__item:nth-of-type(2) .p-brace-item:nth-child(2) .c-bk-item:nth-of-type(2) img {
  width: min(354px, 18.4375vw);
}
@media screen and (max-width: 1024px) {
  .p-class-list__item:nth-of-type(2) .p-brace-item:nth-child(2) .c-bk-item:nth-of-type(2) img {
    width: 100%;
    max-height: initial;
  }
}
.p-class-list__item:nth-of-type(2) .c-bk-item:nth-of-type(1) img {
  width: min(354px, 18.4375vw);
}
@media screen and (max-width: 1024px) {
  .p-class-list__item:nth-of-type(2) .c-bk-item:nth-of-type(1) img {
    width: 100%;
  }
}

.p-class-list-wrap {
  margin-left: min(95px, 4.9479vw);
}
@media screen and (max-width: 1024px) {
  .p-class-list-wrap {
    margin-left: 0;
  }
}

.p-class-list__item {
  padding-left: min(138px, 7.1875vw);
}
@media screen and (max-width: 1024px) {
  .p-class-list__item {
    padding-left: 0;
  }
}

.p-class-list__item:nth-child(1) {
  border-left: 1px solid #002754;
}
@media screen and (max-width: 1024px) {
  .p-class-list__item:nth-child(1) {
    border-left: 0;
  }
}

.p-class-list__icon {
  width: min(187px, 9.739vw);
  position: absolute;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .p-class-list__icon {
    width: 80%;
    margin: 0 auto;
    position: static;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-class-list__icon {
    width: 100%;
    position: static;
    padding-bottom: min(30px, 3.90625vw);
  }
}

.p-report-box__diff {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-bottom: min(30px, 1.5625vw);
}

.p-report-box__diff::before {
  content: "";
  width: min(50px, 2.604vw);
  height: min(50px, 2.604vw);
  display: block;
  background: #7D7C7C;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-clip-path: polygon(25% 10%, 25% 90%, 100% 50%);
          clip-path: polygon(25% 10%, 25% 90%, 100% 50%);
}
@media screen and (max-width: 1024px) {
  .p-report-box__diff::before {
    display: none;
  }
}

.p-report-box {
  background: rgba(0, 39, 84, 0.05);
  padding: min(25px, 1.302vw) min(48px, 2.5vw);
}

.p-report-box__icon {
  display: flex;
  justify-content: center;
}
.p-report-box__icon img {
  width: 50px;
}
@media screen and (max-width: 450px) {
  .p-report-box__icon img {
    width: 11.111vw;
  }
}

.p-report-box__title {
  color: rgb(0, 39, 84);
  font-size: min(24px, 1.5rem);
  font-weight: 600;
  letter-spacing: 0;
  padding-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  .p-report-box__title {
    font-size: 24px;
    line-height: 2;
    padding-bottom: 0.25em;
  }
}
@media screen and (max-width: 768px) {
  .p-report-box__title {
    font-size: min(18px, 1.125rem);
    padding-bottom: 0.5em;
  }
}

.p-report-box__description {
  margin-bottom: min(20px, 1.041vw);
}
@media screen and (max-width: 768px) {
  .p-report-box__description {
    margin-bottom: 0;
    padding-bottom: 1em;
  }
}

.p-report-box__photolist {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  position: relative;
}
.p-report-box__photolist--2col img {
  max-width: 236px;
  width: min(236px, 12.2916vw);
}
@media screen and (max-width: 1024px) {
  .p-report-box__photolist--2col img {
    width: 47.5%;
  }
}
.p-report-box__photolist--3col {
  margin-bottom: min(50px, 2.604vw);
}
.p-report-box__photolist--3col img {
  max-width: 156.29px;
  width: min(156.29px, 8.14vw);
}
@media screen and (max-width: 1024px) {
  .p-report-box__photolist--3col img {
    width: 30%;
  }
}

.p-report-box--before {
  position: relative;
  width: 45.87%;
  display: flex;
  flex-flow: column;
  padding: min(25px, 1.302vw) min(35px, 1.822vw) min(52px, 2.708vw);
}
@media screen and (max-width: 1024px) {
  .p-report-box--before {
    width: 100%;
    margin-bottom: 100px;
    padding: 25px 48px;
  }
}
@media screen and (max-width: 768px) {
  .p-report-box--before {
    width: 100%;
    margin-bottom: min(100px, 13.0208vw);
    padding: min(25px, 3.2552vw) min(48px, 2.5vw);
  }
}
@media screen and (max-width: 1024px) {
  .p-report-box--before::after {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    background: #7D7C7C;
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-clip-path: polygon(25% 10%, 25% 90%, 100% 50%);
            clip-path: polygon(25% 10%, 25% 90%, 100% 50%);
  }
}
@media screen and (max-width: 768px) {
  .p-report-box--before::after {
    content: "";
    width: min(50px, 6.5104vw);
    height: min(50px, 6.5104vw);
    display: block;
    background: #7D7C7C;
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-clip-path: polygon(25% 10%, 25% 90%, 100% 50%);
            clip-path: polygon(25% 10%, 25% 90%, 100% 50%);
  }
}
@media screen and (max-width: 450px) {
  .p-report-box--before::after {
    bottom: -13%;
  }
}

@media screen and (max-width: 1024px) {
  .p-report-box--before:last-of-type::after {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .p-report-box--before:last-of-type {
    margin-bottom: 20px;
  }
}

.p-report-box--after {
  position: relative;
  width: 45.87%;
  display: flex;
  flex-flow: column;
}
@media screen and (max-width: 1024px) {
  .p-report-box--after {
    width: 100%;
  }
}

.p-report-box--voice {
  position: relative;
  border-radius: 34px;
  background: #FFFDE8;
  padding: min(32px, 2rem) min(115px, 7.1875rem);
}
@media screen and (max-width: 768px) {
  .p-report-box--voice {
    padding: 1em;
  }
}
.p-report-box--voice .p-report-box__title {
  text-align: center;
  border-bottom: 2px dashed #002754;
  padding: 0.5em 0;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .p-report-box--voice .p-report-box__title {
    font-size: min(20px, 1.25rem);
  }
}
.p-report-box--voice .c-bk-text {
  font-size: min(20px, 1.25rem);
  line-height: 2.4;
  color: #002754;
  font-weight: 600;
  padding: 0 1em;
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .p-report-box--voice .c-bk-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-report-box--voice .c-bk-text {
    font-size: min(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  .p-report-box--voice .c-bk-text {
    font-size: min(16px, 1rem);
    line-height: 1.75;
  }
}

.p-limbsalvage-report .p-strong-sec__inner {
  width: min(1381px, 71.9271vw);
  margin: 0 auto;
}
.p-limbsalvage-report .c-card {
  width: min(1284px, 66.875vw);
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-limbsalvage-report .c-card {
    width: 100%;
  }
}
.p-limbsalvage-report .p-strong-sec__item {
  margin-bottom: 0;
}

.p-limbsalvage-report .p-strong-blk__textarea-center {
  margin-bottom: 0;
}

.p-limbsalvage-goal {
  margin-bottom: min(110px, 5.729vw);
}
@media screen and (max-width: 768px) {
  .p-limbsalvage-goal {
    margin-bottom: min(110px, 14.329vw);
  }
}
@media screen and (max-width: 768px) {
  .p-limbsalvage-goal .p-strong-sec__item {
    padding-bottom: min(110px, 14.322vw);
  }
}

/***********************

03.Custommadeinsoles

**********************/
#page-custommadeinsoles .p-strong-image-loop {
  margin-bottom: 0;
}

#page-custommadeinsoles .breadcrumb {
  display: none;
}

#page-custommadeinsoles main {
  overflow: hidden;
}

/** title **/
.p-custommade__title {
  color: #002754;
  font-size: min(54px, 3.375rem);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: min(50px, 2.604vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade__title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade__title {
    font-size: min(40px, 2.5rem);
    font-weight: 600;
    margin-bottom: min(50px, 6.5104vw);
  }
}
@media screen and (max-width: 450px) {
  .p-custommade__title {
    font-size: min(28px, 1.75rem);
    letter-spacing: 0.02em;
    margin-bottom: min(50px, 5.555vw);
  }
}
.p-custommade__title ._small {
  font-size: min(40px, 2.5rem);
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1024px) {
  .p-custommade__title ._small {
    font-size: 22px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade__title ._small {
    font-size: min(22px, 1.375rem);
    font-weight: 600;
  }
}

.p-custommade__title-white {
  color: #fff;
}

/** Resolution **/
.p-custommade-resolution {
  background: #005CB1;
  padding-top: min(105px, 5.468vw);
  padding-bottom: min(105px, 5.468vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-resolution {
    padding-top: 75px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-resolution {
    padding-top: min(105px, 13.67vw);
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-resolution {
    padding-top: min(55px, 12.222vw);
  }
}
.p-custommade-resolution .p-custommade-dt__btn span {
  background: #005CB1;
}
.p-custommade-resolution .p-strong-sec__inner {
  width: min(1624px, 84.58vw);
}
.p-custommade-resolution .p-strong-sec__item {
  background: initial;
  padding-top: 0;
  width: min(1381px, 71.9271vw);
  margin-bottom: 0;
}
.p-custommade-resolution .c-card {
  background: initial;
  width: 100%;
}
.p-custommade-resolution .c-title-balloon-white {
  position: absolute;
  left: 0;
  right: 0;
  top: min(-79.83px, -7.5vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-resolution .c-title-balloon-white {
    top: 0;
    transform: translateX(0%) translateY(-160%);
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-resolution .c-title-balloon-white {
    top: 0;
    transform: translateX(0%) translateY(-175%);
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-resolution .c-title-balloon-white {
    font-size: min(20px, 1.25rem);
    font-weight: 600;
    transform: translateX(0%) translateY(-150%);
  }
}
.p-custommade-resolution .p-strong-blk__imagearea {
  margin-right: min(85px, 4.427vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-resolution .p-strong-blk__imagearea {
    padding-top: 35px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-resolution .p-strong-blk__imagearea {
    padding-top: 0;
    width: 100%;
  }
}

/** mv **/
.p-custommade-mv {
  background: #002754;
  padding-top: min(100px, 5.208vw);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-custommade-mv {
    padding-top: 100px;
    height: 1200px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-mv {
    padding-top: min(96.2px, 12.526vw);
    height: initial;
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-mv {
    padding-top: min(70.45px, 15.6555vw);
  }
}

.p-custommade-mv__main {
  margin-top: min(100px, 5.208vw);
  position: absolute;
  top: min(110px, 5.729vw);
  left: min(150px, 7.8125vw);
}
@media screen and (max-width: 768px) {
  .p-custommade-mv__main {
    top: 0;
    left: 0;
    margin-top: 0;
    padding-top: min(96.2px, 12.526vw);
    padding-right: min(45px, 5.8594vw);
    padding-left: min(45px, 5.8594vw);
    width: 100%;
  }
}

.p-custommade-mv__main .p-custommade-button__link .big {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-custommade-mv__main .p-custommade-button__link .big::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/custommade/icon-play.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 0;
    transition: 0.5s ease-in-out;
    top: 14%;
    left: 6%;
    position: absolute;
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-mv__main .p-custommade-button__link .big::after {
    width: min(35px, 7.777vw);
    height: min(35px, 7.777vw);
    top: 5%;
    left: 6%;
    position: absolute;
  }
}

.p-custommade-mv__title {
  font-size: min(30px, 1.875rem);
  color: #FFF;
  margin-bottom: min(15px, 0.781vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-mv__title {
    font-size: 32px;
    padding-top: 45px;
    padding-bottom: 60px;
    letter-spacing: 0.035em;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-mv__title {
    font-size: min(40px, 2.5rem);
    letter-spacing: 0.1em;
    padding-top: min(45px, 5.859vw);
    padding-bottom: min(60px, 7.8125vw);
    margin-bottom: 0;
    line-height: 1.4;
    letter-spacing: 0.035em;
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-mv__title {
    font-size: min(24px, 1.5rem);
    line-height: 1.4;
    letter-spacing: 0.02em;
    padding-top: min(30px, 6.666vw);
    padding-bottom: min(30px, 6.666vw);
  }
}

.p-custommade-mv__copy {
  position: relative;
  z-index: 1;
  font-size: min(70px, 4.375rem);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.3em;
  color: #000;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: min(30px, 1.5625vw);
  padding-right: min(5px, 0.26vw);
  margin-bottom: min(27px, 1.406vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-mv__copy {
    font-size: 63px;
    padding-left: 30px;
    padding-right: 1em;
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-mv__copy {
    font-size: min(70px, 4.375rem);
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-bottom: min(27px, 3.5156vw);
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-mv__copy {
    font-size: min(42px, 2.625rem);
    line-height: 1.8;
    padding-left: 0.3em;
    padding-right: 0.1em;
  }
}

.p-custommade-mv__copy:before {
  content: "";
  position: absolute;
  left: 0;
  background: #FFF;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scaleX(1);
  transform-origin: left center;
  transition: 0.4s;
  z-index: -1;
}

.p-custommade-mv__copy-row1 {
  position: relative;
}

.p-custommade-mv__copy-row2 {
  position: relative;
  margin-bottom: min(45px, 2.343vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-mv__copy-row2 {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-mv__copy-row2 {
    margin-bottom: min(45px, 5.8594vw);
  }
}

.p-custommade-mv__description {
  color: #FFF;
  margin-bottom: min(35px, 1.822vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-mv__description {
    margin-bottom: 132px;
    padding-right: min(150px, 7.8125vw);
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-mv__description {
    margin-bottom: min(70px, 9.11145vw);
    padding-right: 0;
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-mv__description {
    margin-bottom: min(20px, 4.4444vw);
  }
}
.p-custommade-mv__description .p-custommade-mv__text {
  font-size: min(18px, 1.125rem);
}
@media screen and (max-width: 1024px) {
  .p-custommade-mv__description .p-custommade-mv__text {
    font-size: 18px;
    position: relative;
    font-size: 22px;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-mv__description .p-custommade-mv__text {
    font-size: min(30px, 1.875rem);
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-mv__description .p-custommade-mv__text {
    font-size: min(19.5px, 1.21875rem);
    letter-spacing: 0;
  }
}

.p-custommade-mv__text {
  font-size: min(20px, 1.25rem);
  line-height: 2.4;
}
@media screen and (max-width: 768px) {
  .p-custommade-mv__text {
    font-size: min(26px, 1.625rem);
    letter-spacing: 0.05em;
    white-space: nowrap;
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-mv__text {
    font-size: min(16px, 1rem);
  }
}

.p-custommade-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 50px;
  padding: min(10px, 0.5208vw) min(20px, 1.0416vw);
}

.p-custommade-button__icon {
  width: min(36px, 1.875vw);
  height: auto;
  margin-left: min(25px, 1.302vw);
}

.p-custommade-mv__image {
  position: absolute;
  margin-top: min(100px, 5.208vw);
  width: min(796px, 41.458vw);
  top: min(15px, 0.781vw);
  right: min(63px, 3.281vw);
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .p-custommade-mv__image {
    width: 500px;
    right: -70px;
    top: 110px;
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-mv__image {
    width: min(586px, 76.302vw);
    right: min(-70px, -9.114vw);
    top: initial;
    bottom: min(-190px, -24.739vw);
    z-index: 1;
  }
}

.p-custommade-mv-scroll {
  position: absolute;
  bottom: min(-160px, -8.333vw);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
  transform: translate(-50%, -20%);
  bottom: initial;
}
@media screen and (max-width: 1024px) {
  .p-custommade-mv-scroll {
    top: initial;
    bottom: -150px;
    transform: initial;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-mv-scroll {
    top: initial;
    bottom: min(-423px, -55.078vw);
    transform: initial;
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-mv-scroll {
    bottom: 0;
    transform: translateY(93.33vw);
  }
}

.p-custommade-mv-scroll__line {
  position: relative;
  display: block;
  background-color: rgba(200, 200, 200, 0.4);
  height: min(203px, 10.572vw);
  width: 1px;
}
@media screen and (max-width: 1024px) {
  .p-custommade-mv-scroll__line {
    height: 203px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-mv-scroll__line {
    height: min(238px, 30.989vw);
  }
}

.p-custommade-mv-scroll__line::before {
  content: " ";
  animation: scrollAnim 3s linear 0s normal none infinite running;
  background-color: #FFF;
  display: block;
  width: 1px;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}

/** Cause **/
.p-sec-cause {
  background: #002754;
}

/** About **/
.p-custommade-about {
  padding-top: min(252px, 13.125vw);
  margin-bottom: min(167px, 8.697vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-about {
    padding-top: 252px;
    margin-bottom: min(180px, 23.4375vw);
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-about {
    padding-top: min(525px, 68.359vw);
    margin-bottom: min(180px, 23.4375vw);
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-about {
    padding-top: min(525px, 116.666vw);
    margin-bottom: min(180px, 40vw);
  }
}

.p-custommade-about .p-custommade-about__title {
  color: #FFF;
  font-size: min(50px, 3.125rem);
  margin-bottom: min(85px, 4.427vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-about .p-custommade-about__title {
    font-size: 40px;
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-about .p-custommade-about__title {
    font-size: min(34px, 2.125rem);
    margin-bottom: min(45px, 5.5338vw);
  }
}

.p-custommade-about .p-custommade-about__text {
  color: #FFF;
  line-height: 3;
}
@media screen and (max-width: 1024px) {
  .p-custommade-about .p-custommade-about__text {
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-about .p-custommade-about__text {
    line-height: 2;
    white-space: initial;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-about .p-custommade-about__text br {
    display: none;
  }
}

/** Caution **/
.p-custommade-caution__head {
  background: #EEFF30;
  position: relative;
}

.p-custommade-caution__body {
  position: relative;
  padding-top: min(55px, 2.864vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution__body {
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution__body {
    padding-top: min(60px, 7.8125vw);
  }
}

.p-custommade-caution__body .p-strong-sec__body__inner {
  background: #E2E2E2;
  padding: min(110px, 5.7291vw) min(30px, 1.5625vw) min(13px, 0.67708vw) min(30px, 1.5625vw);
}
@media screen and (max-width: 768px) {
  .p-custommade-caution__body .p-strong-sec__body__inner {
    padding-top: min(115px, 14.973vw);
  }
}

.p-custommade-caution__body .p-strong-sec__body__inner--voice {
  padding: min(110px, 5.7291vw) min(30px, 1.5625vw) min(30px, 1.5625vw) min(30px, 1.5625vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution__body .p-strong-sec__body__inner--voice {
    padding: 110px 30px 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution__body .p-strong-sec__body__inner--voice {
    padding-top: min(110px, 5.7291vw);
    padding-left: min(30px, 3.90625vw);
    padding-right: min(30px, 3.90625vw);
    padding-bottom: min(30px, 1.5625vw);
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-caution__body .p-strong-sec__body__inner--voice {
    padding-top: min(30px, 6.6666vw);
  }
}

.p-custommade-caution .p-custommade-caution__body .p-strong-sec__body__inner {
  background: #E2E2E2;
  padding: min(110px, 5.7291vw) min(55px, 2.8645vw) min(13px, 0.67708vw) min(55px, 2.8645vw);
}
@media screen and (max-width: 450px) {
  .p-custommade-caution .p-custommade-caution__body .p-strong-sec__body__inner {
    padding: min(180px, 23.4375vw) min(30px, 3.9062vw) min(30px, 3.90625vw);
  }
}

@media screen and (max-width: 1024px) {
  .p-custommade-caution:nth-of-type(1) .p-custommade-caution__body .p-strong-sec__body__inner {
    padding-top: 95px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution:nth-of-type(1) .p-custommade-caution__body .p-strong-sec__body__inner {
    padding-top: min(115px, 14.973vw);
  }
}

@media screen and (max-width: 1024px) {
  .p-custommade-caution:nth-of-type(1) .p-custommade-caution__body .p-strong-sec__body__inner .c-bk-detail__dl:nth-of-type(2) .c-bk-detail__text {
    padding-left: 1em;
    text-indent: -1em;
    word-break: break-word;
  }
}

@media screen and (max-width: 768px) {
  .p-custommade-caution:nth-of-type(1) .p-custommade-caution__body .p-strong-sec__body__inner .c-bk-detail__dl:nth-of-type(3) .c-bk-detail__text {
    padding-left: 1em;
    text-indent: -1em;
    word-break: break-word;
  }
}

.p-custommade-caution .c-page-inner--sizel {
  width: 100%;
}

.p-custommade-caution__title {
  background: #eeff30;
  position: absolute;
  width: 95.84%;
  height: min(137px, 7.1354vw);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
  font-size: min(40px, 2.5rem);
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution__title {
    text-align: center;
    font-size: 36px;
    height: initial;
    padding: 0.5em 0;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution__title {
    text-align: center;
    font-size: min(36px, 2.25rem);
    height: initial;
    padding: 0.5em 0;
    font-weight: 600;
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-caution__title {
    font-size: min(20px, 1.25rem);
  }
}
.p-custommade-caution__title span {
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution__title span {
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution__title span {
    line-height: 1.5;
    font-weight: 600;
  }
}
.p-custommade-caution__title-icon {
  background: #eeff30;
  position: absolute;
  width: 95.84%;
  height: min(137px, 7.1354vw);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
  font-size: min(40px, 2.5rem);
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution__title-icon {
    height: initial;
    text-align: center;
    width: 92.5%;
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution__title-icon {
    height: initial;
    text-align: center;
    width: 92.5%;
    font-size: min(20px, 1.25rem);
  }
}
.p-custommade-caution__title-icon:after {
  content: "";
  display: inline-block;
  background-image: url("../images/custommade/icon-caution.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: min(181px, 9.427vw);
  height: min(181px, 9.427vw);
  position: absolute;
  top: 0;
  transform: translateY(-3.906vw);
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution__title-icon:after {
    width: 181px;
    height: 181px;
    transform: translateY(-10.5vw);
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution__title-icon:after {
    width: min(181px, 26.696vw);
    height: min(181px, 26.696vw);
    transform: translateY(-12vw);
  }
}
.p-custommade-caution__title-icon span {
  z-index: 3;
  margin-top: 0.4em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-custommade-caution__title-icon span {
    margin-top: 1em;
    font-weight: 600;
  }
}
.p-custommade-caution__title-icon ._accent {
  font-size: min(50px, 3.125rem);
  font-weight: 600;
  margin-left: 0.5em;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution__title-icon ._accent {
    margin-left: 0;
    margin-top: 0;
    font-size: 36px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution__title-icon ._accent {
    margin-left: 0;
    margin-top: 0;
    font-size: min(34px, 2.125rem);
    font-weight: 600;
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-caution__title-icon ._accent {
    display: block;
  }
}
.p-custommade-caution__title-icon ._accent:after {
  content: "";
  display: inline-block;
  background-image: url("../images/custommade/img-caution-accent.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 80%;
  height: 10px;
  top: -10px;
  position: absolute;
  left: min(20px, 1.0416vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution__title-icon ._accent:after {
    left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution__title-icon ._accent:after {
    left: 0.4em;
  }
}
@media screen and (max-width: 450px) {
  .p-custommade-caution__title-icon ._accent:after {
    background-position: center;
    top: 0;
    width: 55%;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
  }
}

.p-custommade-caution .p-strong-blk__imagearea {
  width: min(505px, 26.302vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution .p-strong-blk__imagearea {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution .p-strong-blk__imagearea {
    width: 100%;
  }
}
.p-custommade-caution .p-strong-blk__textarea {
  width: min(747px, 38.906vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution .p-strong-blk__textarea {
    width: 100%;
  }
}
.p-custommade-caution .p-strong-blk__textarea {
  padding-top: min(125px, 6.51vw);
}
@media screen and (max-width: 768px) {
  .p-custommade-caution .p-strong-blk__textarea {
    width: 100%;
  }
}
.p-custommade-caution .c-bk-detail__dl:before {
  display: none;
}
.p-custommade-caution .c-bk-detail__dl {
  margin-top: 0;
  margin-bottom: min(17px, 0.88854vw);
  display: flex;
  height: min(220px, 11.458vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution .c-bk-detail__dl {
    flex-flow: column;
    display: block;
    height: initial;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution .c-bk-detail__dl {
    flex-flow: column;
    display: block;
    height: initial;
    margin-bottom: min(20px, 2.604vw);
  }
}
.p-custommade-caution .c-bk-detail__dt {
  font-size: min(30px, 1.875rem);
  color: #002754;
  width: min(350px, 18.229vw);
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  margin: 0;
  margin-right: min(10px, 0.5208vw);
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution .c-bk-detail__dt {
    width: 100%;
    margin-bottom: 5px;
    padding: 0.5em 0;
    font-size: 24px;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution .c-bk-detail__dt {
    width: 100%;
    margin-bottom: 5px;
    padding: 0.5em 0;
    font-size: min(18px, 1.125rem);
    font-weight: 600;
  }
}
.p-custommade-caution .c-bk-detail__dd {
  width: min(989px, 51.51vw);
  background: #fff;
  color: #002754;
  font-size: min(24px, 1.5rem);
  font-weight: 400;
  margin: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .p-custommade-caution .c-bk-detail__dd {
    width: 100%;
    padding: 1em 1.5em;
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-caution .c-bk-detail__dd {
    width: 100%;
    padding: 1em 1.5em;
    font-size: min(24px, 1.5rem);
  }
}
.p-custommade-caution .c-bk-detail__dd span {
  padding-left: 1em;
  text-indent: -1em;
  word-break: break-word;
  display: inline-block;
}

.p-point-blk {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.p-point-blk__item {
  width: min(676px, 35.208vw);
  background: #fff;
  margin-bottom: min(30px, 1.5625vw);
  padding: min(75px, 3.906vw) min(60px, 3.125vw);
}

.p-case__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-case__item {
  display: inline-block;
  border: 50px;
  background-color: #E8EDF2;
  border: 1px solid #002754;
  padding: 1em 2em;
  border-radius: 50px;
  font-size: min(24px, 1.5rem);
  font-weight: 600;
  margin-bottom: min(20px, 1.041vw);
}
@media screen and (max-width: 1024px) {
  .p-case__item {
    width: 49%;
    text-align: center;
    padding: 1em;
    font-size: 24px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .p-case__item {
    width: 49%;
    text-align: center;
    padding: 1em;
    font-size: min(24px, 1.5rem);
    margin-bottom: min(20px, 2.6041vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  .p-case__item {
    width: 49%;
    font-size: min(16px, 1rem);
  }
}

@media screen and (max-width: 1024px) {
  .c-bk-detail__text {
    font-size: 20px;
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-detail__text {
    font-size: min(18px, 1.125rem);
    line-height: 2;
  }
}

/** Goal **/
.p-limbsalvage-goal .p-strong-sec__item {
  margin-bottom: min(55px, 2.864vw);
}
@media screen and (max-width: 1024px) {
  .p-limbsalvage-goal .p-strong-sec__item {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .p-limbsalvage-goal .p-strong-blk__text {
    text-align: left;
  }
}

.p-limbsalvage-goal__list {
  width: min(1381px, 71.9271vw);
  margin: 0 auto;
}

.p-limbsalvage-goal__item {
  background: #FFF;
  padding-top: min(55px, 2.864vw);
  padding-bottom: min(55px, 2.864vw);
  margin-bottom: min(55px, 2.864vw);
}

.p-limbsalvage-point .p-strong-blk {
  margin-bottom: 0;
}
.p-limbsalvage-point .p-strong-blk .p-strong-blk__textarea-center {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .p-limbsalvage-point .p-strong-blk .p-strong-blk__textarea-center {
    margin-bottom: 70px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p-limbsalvage-point .p-strong-blk .p-strong-blk__textarea-center {
    margin-bottom: min(70px, 9.1145vw);
    text-align: center;
  }
}

.p-limbsalvage-point__bg {
  position: absolute;
  top: 0;
  z-index: -1;
}

.p-limbsalvage-purpose {
  margin-bottom: min(180px, 9.375vw);
}

/** Result **/
.p-result-box__diff {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-top: min(120px, 6.25vw);
  margin-bottom: min(30px, 1.5625vw);
}
@media screen and (max-width: 768px) {
  .p-result-box__diff {
    margin-top: min(120px, 18.75vw);
    margin-bottom: min(30px, 4.6875vw);
  }
}

.p-result-box__diff::before {
  content: "";
  width: min(50px, 2.604vw);
  height: min(50px, 2.604vw);
  display: block;
  background-image: url("../images/custommade/img-result-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: min(491px, 25.572vw);
  height: min(71px, 3.6979vw);
  position: absolute;
  top: -3.5%;
  left: 50%;
  transform: translate(-50%, -3.5%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-result-box__diff::before {
    background-image: url("../images/custommade/img-result-arrow-sp.png");
    width: min(70px, 10.9375vw);
    height: min(199px, 31.09375vw);
    transform: translateX(-50%) translateY(-50%);
    top: 48%;
  }
}
@media screen and (max-width: 450px) {
  .p-result-box__diff::before {
    top: 48.5%;
  }
}

.p-result-box {
  background: #FFF;
  padding: min(25px, 1.3028vw) min(48px, 2.5vw);
  border-radius: min(58px, 3.0208vw);
  text-align: center;
  padding-top: min(70px, 3.6458vw);
}

.p-result-box__icon {
  color: rgb(0, 39, 84);
  font-size: min(24px, 1.5rem);
  font-weight: 600;
  letter-spacing: 0;
  padding-bottom: 1em;
}

.p-result-box__head {
  width: min(254px, 13.229vw);
  height: min(104px, 5.4166vw);
  color: #005CB1;
  background: #FFF;
  text-align: center;
  border: 1px solid #005CB1;
  border-radius: 50px;
  font-size: min(24px, 1.5rem);
  font-weight: 600;
  letter-spacing: -0.015em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: min(25px, 1.302vw);
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  transform: translate(0%, -2.6041vw);
}
@media screen and (max-width: 768px) {
  .p-result-box__head {
    width: 27.5vw;
    height: 11.25vw;
    transform: translate(0%, -5.25vw);
    margin-bottom: 0;
  }
}
@media screen and (max-width: 450px) {
  .p-result-box__head {
    font-size: min(18px, 1.25rem);
  }
}
.p-result-box__head--after {
  background: #eeff30;
}

.p-result-box__title {
  color: #005CB1;
  font-size: min(42px, 2.625rem);
  font-weight: 600;
  letter-spacing: -0.015em;
  padding-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .p-result-box__title {
    font-size: min(24px, 1.5rem);
  }
}

.p-result-box__description {
  margin-bottom: min(20px, 1.041vw);
}

.p-result-box__photolist {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}
.p-result-box__photolist--2col img {
  max-width: 236px;
  width: 12.291vw;
}
.p-result-box__photolist--3col {
  margin-bottom: min(50px, 2.604vw);
}
.p-result-box__photolist--3col img {
  max-width: 156.29px;
  width: 8.14vw;
}

.p-result-box--before {
  position: relative;
  width: 45.87%;
  display: flex;
  flex-flow: column;
}
@media screen and (max-width: 768px) {
  .p-result-box--before {
    width: 100%;
    margin-bottom: min(245px, 38.281vw);
    padding-top: min(70px, 10.9375vw);
    padding-bottom: min(55px, 7.16145vw);
  }
}
@media screen and (max-width: 450px) {
  .p-result-box--before {
    padding-bottom: min(55px, 12.2222vw);
    margin-bottom: min(200px, 53.333vw);
  }
}

.p-result-box--after {
  position: relative;
  width: 45.87%;
  display: flex;
  flex-flow: column;
}
@media screen and (max-width: 768px) {
  .p-result-box--after {
    width: 100%;
    padding-top: min(70px, 10.9375vw);
  }
}
@media screen and (max-width: 450px) {
  .p-result-box--after {
    padding-bottom: min(55px, 12.2222vw);
  }
}

.p-result-box--voice {
  position: relative;
  border: 4px solid #002754;
  background: #FFF;
}

.p-result-box--more {
  display: flex;
  justify-content: space-between;
}
.p-result-box--more .p-strong-blk__imagearea {
  width: min(500px, 30.208vw);
}
.p-result-box--more .p-result-box__title {
  font-size: min(42px, 2.625rem);
}

.p-custommade-dl {
  text-align: center;
  background: #FFF;
  border-radius: min(58px, 3.0208vw);
  padding: min(25px, 1.3028vw) min(48px, 2.5vw);
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-custommade-dl {
    padding: min(25px, 3.2552vw) min(48px, 6.25vw);
  }
}

.p-custommade-dt:hover {
  cursor: pointer;
}

.p-custommade-dt {
  font-size: min(42px, 2.625rem);
  font-weight: 600;
  line-height: 1.5;
  color: #005cb1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .p-custommade-dt {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-dt {
    font-size: min(24px, 1.5rem);
  }
}

.p-custommade-dd {
  overflow: hidden;
  height: 0;
  transition: 0.5s;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.p-custommade-dd .p-strong-blk__textarea {
  padding-top: min(90px, 4.6875vw);
  text-align: left;
  width: min(831px, 43.281vw);
}
@media screen and (max-width: 768px) {
  .p-custommade-dd .p-strong-blk__textarea {
    width: 100%;
    padding-bottom: min(90px, 4.6875vw);
  }
}
.p-custommade-dd .c-bk-text {
  font-size: min(24px, 1.5rem);
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .p-custommade-dd .c-bk-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-custommade-dd .c-bk-text {
    font-size: min(18px, 1.125rem);
  }
}

.p-custommade-dd.open {
  overflow: visible;
  height: auto;
  transition: 0.5s;
  opacity: 1;
}

.p-custommade-dt__btn {
  display: flex;
  width: 30px;
  height: 30px;
  margin-left: auto;
  position: relative;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-custommade-dt__btn {
    padding-left: 1em;
  }
}
.p-custommade-dt__btn:hover {
  cursor: pointer;
}
.p-custommade-dt__btn span {
  width: 100%;
  height: 4px;
  background: #002754;
  position: absolute;
}
@media screen and (max-width: 450px) {
  .p-custommade-dt__btn span {
    height: 2px;
  }
}
.p-custommade-dt__btn span:last-child {
  transform: rotate(90deg);
  transition: 0.5s;
}

.p-custommade-dt.active .p-custommade-dt__btn span:last-child {
  transform: rotate(0deg);
  transition: 0.5s;
}

.p-custommade-prosthetist {
  padding-top: min(164px, 8.541vw);
  background-image: url("../images/custommade/img-prosthetist-bk.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: min(240px, 12.5vw);
}
.p-custommade-prosthetist .p-strong-blk__textarea {
  width: 100%;
}
.p-custommade-prosthetist .p-custommade-dt {
  color: #002754;
}
@media screen and (max-width: 1024px) {
  .p-custommade-prosthetist .p-strong-blk__text {
    text-align: left;
  }
}

.p-point__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: min(70px, 3.645vw);
}

.p-point__item {
  width: 30.57%;
}
@media screen and (max-width: 1024px) {
  .p-point__item {
    width: 45%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-point__item {
    margin-bottom: min(30px, 3.90625vw);
  }
}
@media screen and (max-width: 450px) {
  .p-point__item {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .p-point__item .c-bk-text {
    line-height: 1.5;
  }
}

@media screen and (max-width: 1024px) {
  .p-point__item:last-child {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .p-point__item-wrap figure img {
    width: 80%;
    margin: 0 auto;
  }
}

.p-strong-blk-movie {
  margin-top: min(155px, 8.072vw);
}

#movie {
  scroll-margin-top: 140px;
}

.p-purpose-blk-col2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-purpose-blk-col2 .c-bk-text {
  font-size: min(20px, 1.25rem);
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .p-purpose-blk-col2 .c-bk-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-blk-col2 .c-bk-text {
    font-size: min(18px, 1.125rem);
  }
}

.p-purpose-blk-col2 + .p-purpose-blk-col2 {
  margin-bottom: min(64px, 3.333vw);
}
@media screen and (max-width: 1024px) {
  .p-purpose-blk-col2 + .p-purpose-blk-col2 {
    margin-bottom: 64px;
    flex-flow: column-reverse;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-blk-col2 + .p-purpose-blk-col2 {
    margin-bottom: min(64px, 8.333vw);
  }
}

.p-purpose-blk-left {
  width: 52.91%;
}
@media screen and (max-width: 1024px) {
  .p-purpose-blk-left {
    width: 100%;
  }
}
.p-purpose-blk-left .c-bk-text {
  margin-bottom: 2em;
}

.p-purpose-blk-right {
  width: 47.09%;
}
@media screen and (max-width: 1024px) {
  .p-purpose-blk-right {
    width: 100%;
    margin-bottom: 2em;
  }
}
.p-purpose-blk-right .c-bk-text {
  padding-top: min(64px, 3.333vw);
  padding-left: min(64px, 3.333vw);
}
@media screen and (max-width: 1024px) {
  .p-purpose-blk-right .c-bk-text {
    padding-left: 0;
  }
}
.p-purpose-blk-right img {
  padding-left: min(40px, 2.083vw);
}

.p-purpose-blk {
  margin-bottom: min(80px, 4.1666vw);
}
@media screen and (max-width: 768px) {
  .p-purpose-blk {
    margin-bottom: min(180px, 23.4375vw);
  }
}

.p-important-blk {
  padding: min(62px, 3.2291vw) 0;
}

.c-bk-detail__dl--important {
  margin-bottom: 62px;
}
.c-bk-detail__dl--important .c-bk-detail__dt {
  width: min(350px, 18.2291vw);
  background: initial;
  border-right: 1px solid #000;
  color: #000;
  font-size: min(24px, 1.5rem);
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  padding-left: min(105px, 5.46875vw);
  letter-spacing: -0.015em;
}
@media screen and (max-width: 1024px) {
  .c-bk-detail__dl--important .c-bk-detail__dt {
    width: 100%;
    display: block;
    border: none;
    text-align: left;
    font-size: 24px;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-bk-detail__dl--important .c-bk-detail__dt {
    font-size: min(24px, 1.5rem);
  }
}
@media screen and (max-width: 450px) {
  .c-bk-detail__dl--important .c-bk-detail__dt {
    font-size: min(18px, 1.125rem);
  }
}
.c-bk-detail__dl--important .c-bk-detail__dd {
  color: #000;
  padding-left: min(65px, 3.3854vw);
  padding-right: min(65px, 3.3854vw);
}
@media screen and (max-width: 1024px) {
  .c-bk-detail__dl--important .c-bk-detail__dd {
    width: 100%;
    display: block;
    padding: 0;
  }
}
@media screen and (max-width: 450px) {
  .c-bk-detail__dl--important .c-bk-detail__dd {
    padding: 0 1em;
  }
}
@media screen and (max-width: 450px) {
  .c-bk-detail__dl--important .c-bk-detail__dd .c-bk-detail__text {
    font-size: min(16px, 1rem);
  }
}

.p-voice-blk {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.p-voice-blk .p-voice-blk__item {
  width: 48.986%;
  background: #fff;
  padding: min(28px, 1.4583vw) min(60px, 3.125vw);
}
@media screen and (max-width: 1024px) {
  .p-voice-blk .p-voice-blk__item {
    width: 100%;
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 768px) {
  .p-voice-blk .p-voice-blk__item {
    width: 100%;
    margin-bottom: min(28px, 3.6458vw);
  }
}
@media screen and (max-width: 450px) {
  .p-voice-blk .p-voice-blk__item {
    padding: 1em;
  }
}

@media screen and (max-width: 1024px) {
  .p-purpose-blk .c-bk-image picture img {
    width: 75%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-blk .c-bk-image picture img {
    width: 100%;
    margin: 0 auto;
  }
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
.p-about-main {
  background: rgb(16, 69, 122);
  background: linear-gradient(90deg, rgb(16, 69, 122) 0%, rgb(18, 71, 119) 25%, rgb(17, 71, 117) 50%, rgb(15, 69, 116) 75%, rgb(12, 64, 116) 100%);
  padding-bottom: min(120px, 6.25vw);
}

.p-about-sec {
  margin-bottom: min(106px, 5.5208vw);
}
@media screen and (max-width: 768px) {
  .p-about-sec {
    margin-bottom: min(70px, 9.1145vw);
  }
}

.c-kv-about {
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-kv-about {
    position: static;
  }
}

@media screen and (max-width: 768px) {
  #page-about {
    background: rgb(16, 69, 122);
    background: linear-gradient(90deg, rgb(16, 69, 122) 0%, rgb(18, 71, 119) 25%, rgb(17, 71, 117) 50%, rgb(15, 69, 116) 75%, rgb(12, 64, 116) 100%);
  }
}
@media screen and (max-width: 768px) {
  #page-about .breadcrumb ul li {
    color: #FFF;
  }
}
@media screen and (max-width: 768px) {
  #page-about .breadcrumb ul li a {
    color: #FFF;
  }
}
@media screen and (max-width: 768px) {
  #page-about .c-ptitle {
    color: #FFF;
  }
}
@media screen and (max-width: 768px) {
  #page-about .c-ptitle .c-ptitle__main--en {
    color: rgba(255, 255, 255, 0.5);
  }
}

.c-kv-about::after {
  content: "";
  display: inline-block;
  top: 60%;
  left: 0;
  width: 100%;
  height: 70%;
  background: rgb(16, 69, 122);
  background: linear-gradient(90deg, rgb(16, 69, 122) 0%, rgb(18, 71, 119) 25%, rgb(17, 71, 117) 50%, rgb(15, 69, 116) 75%, rgb(12, 64, 116) 100%);
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .c-kv-about::after {
    top: 0;
    height: 100%;
  }
}

.c-pmain-about {
  background: #063E76;
}

.c-pmain-about .c-pmain-contents {
  margin-bottom: 115px,5.989vw);
  padding-bottom: 165px,8.59375vw);
}

.c-about-navi__wapper {
  padding: min(90px, 4.6875vw) 0 min(110px, 5.7291vw) 0;
}
@media screen and (max-width: 1024px) {
  .c-about-navi__wapper {
    padding: min(90px, 11.718vw) 0 min(95px, 12.3698vw) 0;
    overflow-x: scroll;
  }
}

.c-about-navi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .c-about-navi {
    flex-wrap: wrap;
    width: 100%;
    flex-flow: column;
  }
}

.c-about-navi__item {
  width: 25%;
  padding: 1.4em 0;
  text-align: center;
  max-height: 60px;
}
@media screen and (max-width: 1024px) {
  .c-about-navi__item {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #FFF;
    max-height: initial;
  }
}

.c-about-navi__item:nth-child(2) {
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
@media screen and (max-width: 1024px) {
  .c-about-navi__item:nth-child(2) {
    border: none;
    border-bottom: 1px solid #FFF;
  }
}

.c-about-navi__item:nth-child(3) {
  border-right: 1px solid #FFF;
}
@media screen and (max-width: 1024px) {
  .c-about-navi__item:nth-child(3) {
    border: none;
    border-bottom: 1px solid #FFF;
  }
}

.c-about-navi__item:first-child {
  border-left: 1px solid #FFF;
}
@media screen and (max-width: 1024px) {
  .c-about-navi__item:first-child {
    border: none;
    border-bottom: 1px solid #FFF;
  }
}

.c-about-navi__item:last-child {
  border-right: 1px solid #FFF;
}
@media screen and (max-width: 1024px) {
  .c-about-navi__item:last-child {
    border: none;
    border-bottom: 1px solid #FFF;
  }
}

.c-about-navi__item a {
  color: #FFF;
  font-size: min(20px, 1.25rem);
  letter-spacing: 0;
  font-weight: 600;
  display: block;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .c-about-navi__item a {
    font-size: 20px;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    padding: 0.85em 0;
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  .c-about-navi__item a {
    font-size: min(21.5px, 1.35rem);
  }
}

.c-about-navi__item a:after {
  content: "";
  display: inline-block;
  top: 0;
  right: -1em;
  bottom: 0;
  margin: auto 0;
  width: 0.8rem;
  height: 0.8rem;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  border-radius: 0 3px 0 0;
  transform: rotate(135deg);
  margin-left: 3.2rem;
  position: absolute;
  right: 2rem;
  transition: 0.6s;
  position: absolute;
}
@media screen and (max-width: 1024px) {
  .c-about-navi__item a:after {
    width: 10px;
    height: 10px;
    border-top: solid 1.5px #FFF;
    border-right: solid 1.5px #FFF;
    right: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-about-navi__item a:after {
    width: 0.6rem;
    height: 0.6rem;
    border-top: solid 1.5px #FFF;
    border-right: solid 1.5px #FFF;
    right: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .c-about-navi__item a:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 8px;
    background-color: #244772;
    z-index: 0;
  }
}

/***********************

message

**********************/
.p-sec-message {
  color: #000;
  margin-top: min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  .p-sec-message {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 768px) {
  .p-sec-message {
    padding-bottom: min(35px, 4.5573vw);
  }
}
@media screen and (max-width: 450px) {
  .p-sec-message {
    padding-bottom: min(35px, 7.7777vw);
  }
}

.p-sec-message__inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .p-sec-message__inner {
    flex-flow: column-reverse;
    position: relative;
    padding-top: min(120px, 15.625vw);
  }
}
@media screen and (max-width: 450px) {
  .p-sec-message__inner {
    padding-top: min(120px, 26.666vw);
  }
}

.p-sec-message__title {
  font-size: min(30px, 1.875rem);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: min(65px, 3.385vw);
}
@media screen and (max-width: 1024px) {
  .p-sec-message__title {
    position: absolute;
    top: 0;
    font-weight: 600;
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-sec-message__title {
    font-size: min(30px, 1.875rem);
  }
}

.p-block-message--en {
  display: block;
  font-size: min(20px, 1.25rem);
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .p-block-message--en {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-block-message--en {
    font-size: min(20px, 1.25rem);
  }
}

.p-sec-message__textarea {
  width: min(558px, 29.0625vw);
  width: 48.11%;
  color: #FFF;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  padding-left: min(30px, 1.5625vw);
}
@media screen and (max-width: 1024px) {
  .p-sec-message__textarea {
    width: 100%;
    padding-left: 0;
  }
}

.p-sec-message__photoarea {
  width: min(500px, 26.0416vw);
  width: 41.32%;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .p-sec-message__photoarea {
    width: 100%;
  }
}

.p-sec-message__photoarea img {
  max-width: 500px;
}
@media screen and (max-width: 1024px) {
  .p-sec-message__photoarea img {
    width: 80%;
    margin: 0 auto;
    max-width: initial;
    margin-bottom: min(40px, 5.2083vw);
  }
}

.p-sec-message__copy {
  font-size: min(24px, 1.5rem);
  padding-bottom: 2em;
}

.p-sec-message__text {
  font-size: min(18px, 1.125rem);
  font-weight: 300;
  padding-bottom: min(25px, 1.302vw);
  letter-spacing: -0.015em;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .p-sec-message__text {
    font-size: 20px;
    line-height: 2;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .p-sec-message__text {
    font-size: min(18px, 1.125rem);
    padding-bottom: 1.25em;
  }
}

@media screen and (max-width: 768px) {
  .p-sec-message__text:nth-of-type(3) {
    padding-bottom: 3em;
  }
}

.p-sec-message__name {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
@media screen and (max-width: 1024px) {
  .p-sec-message__name {
    flex-flow: column;
    align-items: flex-end;
  }
}
.p-sec-message__name span {
  margin-right: 2em;
  font-weight: 300;
  font-size: min(14px, 0.875rem);
  padding-bottom: 0.75em;
}
@media screen and (max-width: 1024px) {
  .p-sec-message__name span {
    font-size: 18px;
    padding-top: 1em;
  }
}
@media screen and (max-width: 768px) {
  .p-sec-message__name span {
    font-size: min(16px, 1rem);
  }
}
.p-sec-message__name img {
  max-width: min(227px, 11.823vw);
}
@media screen and (max-width: 1024px) {
  .p-sec-message__name img {
    max-width: initial;
    width: 43.65%;
  }
}

/***********************

Philosophy

**********************/
.p-sec-tamura {
  border: 1px solid #FFF;
  margin-bottom: min(82px, 4.2708vw);
}
@media screen and (max-width: 768px) {
  .p-sec-tamura {
    margin-bottom: min(60px, 7.8125vw);
  }
}
@media screen and (max-width: 450px) {
  .p-sec-tamura {
    margin-bottom: min(60px, 13.333vw);
  }
}

.p-sec-tamura__inner {
  width: 80.74%;
  margin: 0 auto;
  padding: min(90px, 4.6875vw) 0;
}
@media screen and (max-width: 768px) {
  .p-sec-tamura__inner {
    width: 90%;
  }
}

.p-sec-tamura__title {
  color: #FFF;
  border-bottom: 1px solid #FFF;
  margin-bottom: 1.5em;
  font-style: normal;
  font-weight: 600;
  font-size: min(24px, 1.5rem);
  padding-bottom: 1.25em;
}
@media screen and (max-width: 1024px) {
  .p-sec-tamura__title {
    padding-bottom: 0.25em;
    margin-bottom: 1em;
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-sec-tamura__title {
    font-size: min(24px, 1.5rem);
  }
}

.p-sec-technology__title {
  color: #002754;
  border-bottom: 1px solid #002754;
  margin-bottom: 1em;
  font-style: normal;
  font-weight: 600;
  font-size: min(24px, 1.5rem);
  padding-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  .p-sec-technology__title {
    padding-bottom: 0.25em;
    margin-bottom: 1em;
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-sec-technology__title {
    font-size: min(24px, 1.5rem);
  }
}

.p-philosophy-dl {
  margin-bottom: min(40px, 2.083vw);
  color: #FFF;
}
@media screen and (max-width: 1024px) {
  .p-philosophy-dl {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .p-philosophy-dl {
    margin-bottom: min(40px, 5.2083vw);
  }
}
@media screen and (max-width: 450px) {
  .p-philosophy-dl {
    margin-bottom: min(40px, 8.888vw);
  }
}

.p-philosophy-dt {
  font-size: min(20px, 1.5rem);
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  padding-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  .p-philosophy-dt {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-philosophy-dt {
    font-size: min(18px, 1.125rem);
  }
}

.p-philosophy-dd {
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: min(20px, 1.5rem);
  line-height: 2;
  letter-spacing: 0.015em;
}
@media screen and (max-width: 1024px) {
  .p-philosophy-dd {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-philosophy-dd {
    font-size: min(18px, 1.125rem);
  }
}

/***********************

History

**********************/
.p-history__list {
  color: #FFF;
  position: relative;
  margin-left: min(87px, 4.53125vw);
  padding-left: min(100px, 5.20833vw);
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-history__list {
    margin-left: 0;
    padding-left: 100px;
  }
}
@media screen and (max-width: 768px) {
  .p-history__list {
    padding-left: 100px;
  }
}
@media screen and (max-width: 450px) {
  .p-history__list {
    padding-left: 60px;
  }
}
.p-history__list::before {
  content: "";
  width: 1px;
  height: 88%;
  background-color: #FFF;
  display: block;
  position: absolute;
  left: 0;
  margin-top: 1em;
}
@media screen and (max-width: 1024px) {
  .p-history__list::before {
    left: min(45px, 5.8593vw);
  }
}
@media screen and (max-width: 450px) {
  .p-history__list::before {
    left: min(60px, 6.5vw);
  }
}

.p-history__item {
  display: flex;
  margin-bottom: min(20px, 1.041vw);
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .p-history__item {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-history__item {
    margin-bottom: min(20px, 2.6041vw);
  }
}
@media screen and (max-width: 450px) {
  .p-history__item {
    padding-left: 1em;
  }
}

.p-history__item:nth-of-type(6), .p-history__item:nth-of-type(8) {
  align-items: initial;
}

.p-history__item span {
  display: inline-block;
  border: 1px solid #FFF;
  border-radius: 50px;
  text-align: center;
  width: 100%;
  background: #234674;
  font-weight: 600;
}

.p-history__age {
  width: 90px;
  margin-right: min(50px, 2.604vw);
  position: absolute;
  left: min(-45px, -2.34375vw);
}
@media screen and (max-width: 1024px) {
  .p-history__age {
    width: 90px;
    font-size: 14px;
    left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-history__age {
    left: 0;
    width: min(90px, 11.71875vw);
    font-size: min(14px, 0.875rem);
  }
}
@media screen and (max-width: 450px) {
  .p-history__age {
    font-size: 0.8125rem;
    width: min(60px, 13.333vw);
  }
}

.p-history__text {
  font-size: min(18px, 1.125rem);
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .p-history__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-history__text {
    font-size: min(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  .p-history__text {
    left: 0;
    font-size: min(14px, 0.875rem);
  }
}

/***********************

Technology

**********************/
.p-sec-technology {
  background: #FFF;
}

.p-sec-technology__inner {
  width: 80.74%;
  margin: 0 auto;
  padding: min(55px, 2.8675vw) 0 min(35px, 1.8229vw) 0;
}
@media screen and (max-width: 1024px) {
  .p-sec-technology__inner {
    width: 90%;
  }
}

.p-technology__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: min(20px, 1.041vw);
}
@media screen and (max-width: 1024px) {
  .p-technology__list {
    padding-top: min(20px, 2.6042vw);
  }
}
@media screen and (max-width: 450px) {
  .p-technology__list {
    padding-top: min(20px, 4.4444vw);
  }
}

.p-technology__item {
  width: 47.5%;
  margin-bottom: min(20px, 1.041vw);
}
@media screen and (max-width: 1024px) {
  .p-technology__item {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .p-technology__item {
    width: 100%;
    margin-bottom: 1em;
  }
}
.p-technology__item .c-bk-text {
  padding-top: 0;
}

.p-technology__name {
  text-align: center;
  background: #002754;
  font-weight: 600;
  color: #FFF;
  margin-bottom: min(10px, 0.52vw);
  font-size: min(20px, 1.25rem);
  letter-spacing: 0;
  line-height: 2;
  padding: 0.5em 0;
}
@media screen and (max-width: 1024px) {
  .p-technology__name {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.5;
    min-height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .p-technology__name {
    padding: 0.25em 0;
    margin-bottom: min(10px, 0.52vw);
    font-size: min(20px, 1.25rem);
    line-height: 1.5;
    min-height: initial;
  }
}

.p-technology__image {
  margin-bottom: min(20px, 1.041vw);
}
@media screen and (max-width: 1024px) {
  .p-technology__image {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-technology__image {
    margin-bottom: min(20px, 2.6041vw);
  }
}
@media screen and (max-width: 450px) {
  .p-technology__image {
    padding-left: 0em;
  }
}

.p-technology__text {
  font-size: min(18px, 1.125rem);
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
  padding-bottom: 1.5em;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .p-technology__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-technology__text {
    font-size: min(18px, 1.125rem);
  }
}

#message, #philosophy, #history {
  scroll-margin-top: 140px;
}
@media screen and (max-width: 450px) {
  #message, #philosophy, #history {
    scroll-margin-top: 22.22vw;
  }
}

#technology {
  scroll-margin-top: 130px;
}
@media screen and (max-width: 450px) {
  #technology {
    scroll-margin-top: 22.22vw;
  }
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
@media screen and (max-width: 1024px) {
  #page-application .c-page-main {
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-application .c-page-main {
    padding-top: min(188px, 9.791vw);
  }
}
@media screen and (max-width: 450px) {
  #page-application .c-page-main {
    padding-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  #page-application .c-tab-sec-description {
    padding: 1em;
  }
}
@media screen and (max-width: 1024px) {
  #page-application .c-bk-detail__description {
    padding: 0 1em 1em;
  }
}
@media screen and (max-width: 1024px) {
  #page-application .c-tab-sec__list .c-tab-sec__item {
    padding-bottom: 1em;
    letter-spacing: 0;
  }
  #page-application .c-tab-sec__list .c-tab-sec-text--red {
    letter-spacing: 0;
  }
  #page-application .c-tab-sec__img {
    margin-top: 0;
  }
}
@media screen and (max-width: 450px) {
  #page-application .c-tab__link {
    font-size: min(16px, 1rem);
  }
  #page-application .c-tab__item.is_tabactive:after {
    right: 1em;
  }
}
#page-application .c-ptitle {
  margin-bottom: min(95px, 4.9479vw);
}
@media screen and (max-width: 1024px) {
  #page-application .c-ptitle {
    margin-bottom: 95px;
  }
}
@media screen and (max-width: 768px) {
  #page-application .c-ptitle {
    margin-bottom: min(95px, 12.369vw);
  }
}
@media screen and (max-width: 450px) {
  #page-application .c-ptitle {
    margin-bottom: min(80px, 17.777vw);
  }
}

#flow-buy-caseA,
#flow-buy-caseB,
#flow-buy-caseC,
#flow-buy-caseD,
#flow-buy-caseE,
#flow-buy-caseF,
#flow-buy-caseG,
#flow-buy-caseH,
#flow-buy-caseI,
#flow-buy-caseJ {
  scroll-margin-top: 150px;
}
@media screen and (max-width: 768px) {
  #flow-buy-caseA,
  #flow-buy-caseB,
  #flow-buy-caseC,
  #flow-buy-caseD,
  #flow-buy-caseE,
  #flow-buy-caseF,
  #flow-buy-caseG,
  #flow-buy-caseH,
  #flow-buy-caseI,
  #flow-buy-caseJ {
    scroll-margin-top: 100px;
  }
}

#flow-provision-caseF,
#flow-provision-caseG {
  scroll-margin-top: 140px;
}
@media screen and (max-width: 768px) {
  #flow-provision-caseF,
  #flow-provision-caseG {
    scroll-margin-top: 100px;
  }
}

#flow-provision-caseA,
#flow-provision-caseB,
#flow-provision-caseC,
#flow-provision-caseD,
#flow-provision-caseE {
  scroll-margin-top: 150px;
}
@media screen and (max-width: 768px) {
  #flow-provision-caseA,
  #flow-provision-caseB,
  #flow-provision-caseC,
  #flow-provision-caseD,
  #flow-provision-caseE {
    scroll-margin-top: 100px;
  }
}

@media screen and (max-width: 450px) {
  #flow-provision-caseE .c-tab-sec__list .c-tab-sec__item:nth-of-type(3) {
    display: none;
  }
}

@media screen and (max-width: 450px) {
  #flow-provision-caseE .c-tab-sec__list .c-tab-sec__item:nth-of-type(4) {
    text-indent: 0;
    padding-left: 0;
  }
}

.p-flow-pc {
  display: block;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-flow-pc {
    display: none;
  }
}

.p-flow-sp {
  display: none;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-flow-sp {
    display: block;
  }
}

.p-application-sec {
  margin-bottom: min(70px,3.645vw);
}
@media screen and (max-width: 450px) {
  .p-application-sec {
    margin-bottom: min(70px, 15.5555vw);
  }
}
@media screen and (max-width: 1024px) {
  .p-application-sec .c-psetion__title {
    white-space: nowrap;
  }
}

.p-application-sec:nth-of-type(2) {
  padding-bottom: min(30px,1.5625vw);
}

.p-application-sec__dl {
  margin-bottom: 1.5em;
}
@media screen and (max-width: 1024px) {
  .p-application-sec__dl {
    margin-bottom: 36px;
  }
}

.p-app-flow .c-bk-detail .c-bk-detail__box:last-of-type .c-bk-subindex {
  margin-top: min(70px, 3.646vw);
}
@media screen and (max-width: 450px) {
  .p-app-flow .c-bk-detail .c-bk-detail__box:last-of-type .c-bk-subindex {
    margin-top: min(70px, 15.555vw);
    letter-spacing: 0em;
    margin-bottom: min(20px, 4.4444vw);
  }
}

.p-application-sec__dl .p-application-sec__dt {
  font-size: min(18px, 1.125rem);
  font-weight: 600;
  color: #000;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .p-application-sec__dl .p-application-sec__dt {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-application-sec__dl .p-application-sec__dt {
    font-size: min(18px, 1.125rem);
    padding: 0.5em 0;
  }
}

.p-application-sec__dl .p-application-sec__dd {
  color: #000;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .p-application-sec__dl .p-application-sec__dd {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-application-sec__dl .p-application-sec__dd {
    font-size: min(18px, 1.125rem);
    font-weight: 300;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 450px) {
  .p-application-sec__dl .p-application-sec__dd {
    font-size: min(16px, 1rem);
  }
}

.p-app-flow-head {
  text-align: center;
}

.p-app-flow-head__title {
  font-size: min(32px, 2rem);
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .p-app-flow-head__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .p-app-flow-head__title {
    font-size: min(24px, 1.5rem);
  }
}

.p-app-flow__text {
  color: #000;
  margin-bottom: min(43px, 2.239vw);
  font-size: min(18px, 1.125rem);
  font-weight: 300;
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .p-app-flow__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-app-flow__text {
    font-size: min(16px, 1rem);
  }
}

.p-app-flow-sec__inner {
  background: #FFF;
  overflow: hidden;
  height: auto;
}

.p-app-flow-detail__list .bnt-pagelink {
  margin: initial;
}

@media screen and (max-width: 1024px) {
  #section2 .c-tab-sec-nav .c-bk-text {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  #flow-buy-caseJ {
    margin-bottom: 0;
  }
}

#flow-provision-caseE .c-tab-sec__list .c-tab-sec__item:nth-of-type(3) {
  display: none;
}

#flow-provision-caseG .c-tab-sec__list .c-tab-sec__item:nth-of-type(3) {
  display: block;
}

@media screen and (max-width: 768px) {
  #flow-buy-caseG .c-bk-detail__description .c-bk-text br {
    display: none;
  }
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
@media screen and (max-width: 1024px) {
  #page-faq .c-page-main {
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  #page-faq .c-page-main {
    padding-top: min(188px, 9.791vw);
  }
}

.p-faq-sec {
  margin-bottom: min(70px,3.645vw);
}
@media screen and (max-width: 1024px) {
  .p-faq-sec {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq-sec {
    margin-bottom: min(70px,9.11458vw);
  }
}
@media screen and (max-width: 450px) {
  .p-faq-sec {
    margin-bottom: min(70px,15.5555vw);
  }
}

.p-faq-head {
  margin-bottom: min(60px,3.125vw);
}
@media screen and (max-width: 1024px) {
  .p-faq-head {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq-head {
    margin-bottom: min(60px,7.8125vw);
  }
}
@media screen and (max-width: 450px) {
  .p-faq-head {
    margin-bottom: min(60px,13.3333vw);
  }
}

.p-faq-list__item {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-faq-list__item {
    margin: 0.5em 0;
  }
}

.p-faq-list__item:hover {
  cursor: pointer;
}

.p-faq-list__question {
  background: #002754;
  display: flex;
  align-items: center;
  padding: min(20px,1.041vw) min(25px,1.302vw);
  margin-bottom: min(5px, 0.26vw);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-faq-list__question {
    padding: 15px 40px 15px 15px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq-list__question {
    padding: min(15px,1.9532vw) min(40px,5.2083vw) min(15px,1.9532vw) min(15px,1.9532vw);
    align-items: initial;
    position: relative;
  }
}

.p-faq-list__question::before {
  content: "Q";
  color: #FFF;
  font-family: "Hiragino Sans";
  font-style: normal;
  font-size: min(30px, 1.875rem);
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .p-faq-list__question::before {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq-list__question::before {
    font-size: min(16px, 1rem);
    margin-top: 0.25em;
  }
}

.p-faq-list__text {
  color: #000;
  font-size: min(18px, 1.125rem);
  padding-left: min(34px, 1.77vw);
  line-height: 1.5;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .p-faq-list__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq-list__text {
    font-size: min(16px, 1rem);
  }
}

.p-faq-list__question .p-faq-list__text {
  font-size: min(20px, 1.25rem);
  color: #FFF;
  font-weight: 500;
  padding-right: 2em;
}
@media screen and (max-width: 1024px) {
  .p-faq-list__question .p-faq-list__text {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq-list__question .p-faq-list__text {
    font-size: min(16px, 1rem);
    font-weight: 600;
  }
}
@media screen and (max-width: 450px) {
  .p-faq-list__question .p-faq-list__text {
    padding-right: 1.5em;
  }
}

.p-faq-list__text a {
  color: #002754;
  text-decoration: underline;
}

.p-faq-list__text a:hover {
  opacity: 0.7;
}

.p-faq-list__text p {
  padding-bottom: 1em;
}

.p-faq-list__btn:hover {
  cursor: pointer;
}

.p-faq-list__btn {
  width: 16px;
  height: 16px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(135deg);
  transition: 0.75s;
  transform-origin: center center;
  position: absolute;
  top: -0.5em;
  right: min(25px, 1.302vw);
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .p-faq-list__btn {
    right: 25px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq-list__btn {
    right: min(25px, 3.2552vw);
  }
}
@media screen and (max-width: 450px) {
  .p-faq-list__btn {
    right: min(25px, 5.555vw);
    width: 12px;
    height: 12px;
  }
}

.p-faq-list__item.active .p-faq-list__btn {
  transform: rotate(-45deg);
  transition: 0.75s;
  transform-origin: center center;
  top: 0.5em;
}

.p-faq-list__answer {
  display: flex;
  padding: min(25px,1.302vw);
  background: #FFF;
  margin-bottom: min(5px, 0.26vw);
  overflow: hidden;
  height: 0;
  transition: 0.75s;
  margin: 0;
  padding: 0;
  opacity: 0;
  padding: 0 min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  .p-faq-list__answer {
    padding: 0 40px 0 15px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq-list__answer {
    padding: 0 min(40px,5.2083vw) 0 min(15px,1.9532vw);
  }
}

.p-faq-list__answer.open {
  overflow: visible;
  height: auto;
  transition: 0.5s;
  opacity: 1;
  position: relative;
  z-index: 0;
  padding-top: min(25px, 1.302vw);
  padding-bottom: min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  .p-faq-list__answer.open {
    padding: 15px 40px 15px 15px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq-list__answer.open {
    padding: min(15px,1.9532vw) min(40px,5.2083vw) min(15px,1.9532vw) min(15px,1.9532vw);
  }
}

.p-faq-list__answer .p-faq-list__text {
  padding-bottom: 2em;
}

.p-faq-list__answer::before {
  content: "A";
  color: #002754;
  font-family: "Hiragino Sans";
  font-style: normal;
  font-size: min(30px, 1.875rem);
  font-weight: 600;
  padding-top: min(5px, 0.26vw);
}
@media screen and (max-width: 1024px) {
  .p-faq-list__answer::before {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq-list__answer::before {
    font-size: min(16px, 1rem);
    margin-top: 0.4em;
  }
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
#page-company {
  background: #EFF2F2;
}

@media screen and (max-width: 450px) {
  .p-sec-company {
    margin-bottom: min(95px, 21.1111vw);
  }
}

.c-company-navi__wapper {
  padding: min(90px, 4.6875vw) 0 min(95px, 4.9479vw) 0;
}
@media screen and (max-width: 1024px) {
  .c-company-navi__wapper {
    padding: 90px 0 95px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-company-navi__wapper {
    padding: min(90px, 11.718vw) 0 min(95px, 12.3698vw) 0;
    overflow-x: scroll;
  }
}

.c-company-navi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-company-navi {
    flex-wrap: wrap;
    width: 100%;
    flex-flow: column;
  }
}

.c-company-navi__item {
  width: 33.33%;
  padding: 1.4em 0;
  text-align: center;
  max-height: 60px;
}
@media screen and (max-width: 1024px) {
  .c-company-navi__item {
    width: 100%;
    margin-bottom: 0em;
    max-height: initial;
    padding: 0;
  }
}

.c-company-navi__item:nth-child(2) {
  border-left: 1px solid;
  border-right: 1px solid;
}
@media screen and (max-width: 1024px) {
  .c-company-navi__item:nth-child(2) {
    border: none;
    border-bottom: 1px solid #002754;
  }
}

.c-company-navi__item:first-child {
  border-left: 1px solid;
}
@media screen and (max-width: 1024px) {
  .c-company-navi__item:first-child {
    border: none;
    border-bottom: 1px solid #002754;
  }
}

.c-company-navi__item:last-child {
  border-right: 1px solid;
}
@media screen and (max-width: 1024px) {
  .c-company-navi__item:last-child {
    border: none;
    border-bottom: 1px solid #002754;
  }
}

.c-company-navi__item a {
  color: #002754;
  font-size: min(20px, 1.25rem);
  font-weight: 600;
  display: block;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .c-company-navi__item a {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    padding: 0.85em 0;
    font-size: 20px;
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  .c-company-navi__item a {
    font-size: min(21.5px, 1.35rem);
    line-height: 1.5;
  }
}

.c-company-navi__item a:after {
  content: "";
  display: inline-block;
  top: 0;
  right: -1em;
  bottom: 0;
  margin: auto 0;
  width: 0.8rem;
  height: 0.8rem;
  border-top: solid 2px #002754;
  border-right: solid 2px #002754;
  border-radius: 0 3px 0 0;
  transform: rotate(135deg);
  margin-left: 3.2rem;
  position: absolute;
  right: 2rem;
  transition: 0.6s;
  position: absolute;
}
@media screen and (max-width: 1024px) {
  .c-company-navi__item a:after {
    width: 10px;
    height: 10px;
    border-top: solid 1.5px #002754;
    border-right: solid 1.5px #002754;
    right: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-company-navi__item a:after {
    width: 0.6rem;
    height: 0.6rem;
    border-top: solid 1.5px #002754;
    border-right: solid 1.5px #002754;
    right: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .c-company-navi__item a:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 8px;
    background-color: rgba(0, 39, 84, 0.3);
    z-index: 0;
  }
}

/***********************

overview

**********************/
.p-overview {
  padding: min(20px, 1.041vw) min(33px, 1.718vw);
  color: #000;
  margin-top: min(25px, 1.302vw);
}

.p-overview__table {
  color: #000;
}
.p-overview__table th {
  font-size: min(18px, 1.125rem);
  font-weight: 600;
  line-height: 2;
  padding-bottom: 2em;
  width: min(115px, 5.989vw);
  vertical-align: top;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 1024px) {
  .p-overview__table th {
    font-size: 18px;
    width: 120px;
  }
}
@media screen and (max-width: 768px) {
  .p-overview__table th {
    font-size: min(18px, 1.125rem);
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (max-width: 450px) {
  .p-overview__table th {
    width: 100%;
    display: block;
    padding-bottom: 0;
  }
}
.p-overview__table td {
  font-size: min(18px, 1.125rem);
  font-weight: 300;
  line-height: 2;
  padding-left: min(80px, 4.166vw);
  padding-bottom: 2em;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 1024px) {
  .p-overview__table td {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-overview__table td {
    font-size: min(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  .p-overview__table td {
    width: 100%;
    display: block;
  }
}
.p-overview__table td a {
  color: #000;
  font-weight: 300;
}
@media screen and (max-width: 450px) {
  .p-overview__table td a {
    padding-bottom: 0.25em;
    border-bottom: 1px solid #002754;
    color: #002754;
    font-weight: 300;
  }
}
.p-overview__table tr:last-child td a {
  color: #002754;
  text-decoration: underline;
}
@media screen and (max-width: 450px) {
  .p-overview__table tr:last-child td a {
    text-decoration: none;
    padding-bottom: 0.25em;
    border-bottom: 1px solid #002754;
    font-weight: 300;
  }
}

/***********************

access

**********************/
.p-base {
  padding: min(20px, 1.041vw) min(33px, 1.718vw);
  color: #000;
  margin-bottom: min(70px, 3.645vw);
}
@media screen and (max-width: 450px) {
  .p-base {
    margin-bottom: min(100px, 22.222vw);
  }
}

.p-base__name {
  font-size: min(22px, 1.25rem);
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 1024px) {
  .p-base__name {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-base__name {
    font-size: min(18px, 1.125rem);
  }
}

.p-base__info {
  display: flex;
  margin-bottom: min(50px, 2.604vw);
}
@media screen and (max-width: 1024px) {
  .p-base__info {
    flex-flow: column;
  }
}

.p-base__address {
  line-height: 1.5;
  margin-right: min(80px, 4.166vw);
  font-size: min(18px, 1.125rem);
  letter-spacing: -0.015em;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .p-base__address {
    font-size: 18px;
    display: block;
    width: 100%;
    padding-bottom: 1em;
  }
}
@media screen and (max-width: 768px) {
  .p-base__address {
    font-size: min(18px, 1.125rem);
  }
}

.p-base__gallery {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: min(25px, 1.302vw);
}

.p-base__item {
  width: 32.25%;
  margin-bottom: min(20px, 1.0416vw);
}
@media screen and (max-width: 1024px) {
  .p-base__item {
    width: 48%;
  }
}

.p-base__gmap a {
  display: inline-block;
  color: #000;
  margin-top: 1.25em;
  font-size: min(18px, 1.125rem);
}
@media screen and (max-width: 1024px) {
  .p-base__gmap a {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-base__gmap a {
    font-size: min(18px, 1.125rem);
  }
}

/***********************

route

**********************/
.p-route {
  padding: min(45px, 2.34375vw) min(55px, 2.604vw);
  background: #FFF;
  color: #000;
  margin-top: min(25px, 1.302vw);
}
@media screen and (max-width: 1024px) {
  .p-route {
    padding: 45px 55px;
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .p-route {
    padding: min(45px, 5.859vw);
    margin-top: min(55px, 7.161vw);
  }
}
@media screen and (max-width: 450px) {
  .p-route {
    padding: min(20px, 4.444vw);
    margin-top: min(25px, 5.555vw);
  }
}

.p-route__name {
  font-size: min(22px, 1.25rem);
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 1024px) {
  .p-route__name {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .p-route__name {
    font-size: min(18px, 1.125rem);
  }
}

#overview, #access, #route {
  scroll-margin-top: 140px;
}
@media screen and (max-width: 450px) {
  #overview, #access, #route {
    scroll-margin-top: 110px;
  }
}

#businesshours, #tel {
  scroll-margin-top: 130px;
}
@media screen and (max-width: 450px) {
  #businesshours, #tel {
    scroll-margin-top: 100px;
  }
}

#overview {
  margin-bottom: min(85px, 5.3125rem);
}

#overview, #access {
  margin-bottom: min(85px, 5.3125rem);
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
.p-text_mt {
  margin-top: min(30px, 1.56vw);
}

.p-pricy_listItem {
  color: #000;
}
.p-pricy_listItem span {
  display: block;
}

.p-pricy_listItem + .p-pricy_listItem {
  margin-top: 2.4rem;
}

#page-copyright {
  font-size: min(18px , 1.125rem);
}
@media screen and (max-width: 768px) {
  #page-copyright .c-page-main {
    padding-top: min(188px, 9.791vw);
  }
}

@media screen and (max-width: 768px) {
  #page-privacypolicy .c-page-main {
    padding-top: min(188px, 9.791vw);
  }
}

.page-poricy {
  counter-reset: section;
  font-size: min(18px , 1.125rem);
}
@media screen and (max-width: 1024px) {
  .page-poricy {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .page-poricy {
    font-size: min(18px , 1.125rem);
  }
}
.page-poricy section:not(:last-of-type) {
  margin-bottom: 6rem;
}
.page-poricy .last {
  text-align: right;
}

.child_item {
  color: #000;
}

.zyou {
  display: flex;
}
@media screen and (max-width: 768px) {
  .zyou {
    display: block;
  }
}
.zyou::before {
  margin-right: 2em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .zyou::before {
    display: block;
  }
}
.zyou:not(.non)::before {
  counter-increment: section;
  content: "第" counter(section) "条";
}
.zyou.non::before {
  content: "第1条";
}

.child {
  padding-left: 2em;
}
@media screen and (max-width: 768px) {
  .child {
    padding-left: 0.5em;
  }
}
.child_item {
  margin-top: 1em;
}
.child_item p {
  margin-top: 0.5em;
}
.child li {
  line-height: 2;
}

.p-pricy_ttl_sub {
  font-weight: 600;
  margin-top: 3rem;
}

#page-copyright .c-psetion__text {
  font-size: min(18px , 1.125rem);
  color: #000;
}
@media screen and (max-width: 1024px) {
  #page-copyright .c-psetion__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #page-copyright .c-psetion__text {
    font-size: min(18px , 1.125rem);
  }
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
.p-repair__flow {
  position: relative;
  margin-bottom: min(70px, 3.63rem);
  margin-top: min(40px, 2.83vw);
}
.p-repair__flow::before {
  content: "";
  display: block;
  width: 1px;
  height: 90%;
  position: absolute;
  top: 20px;
  left: min(20px, 1.0416vw);
  background: #002754;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .p-repair__flow::before {
    left: 25px;
    height: 85%;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__flow::before {
    left: min(22.08px, 2.875vw);
    height: 85%;
  }
}
@media screen and (max-width: 450px) {
  .p-repair__flow::before {
    left: min(22.08px, 4.90666vw);
    height: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .p-repair__flowWrap {
    padding-left: 105px;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__flowWrap {
    padding-left: min(65px, 8.4635vw);
  }
}
.p-repair__flowWrap .p-repair__flowdesc {
  padding-left: 0;
}
.p-repair__flowItem {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.p-repair__flowItem + .p-repair__flowItem {
  margin-top: min(66px, 3.42rem);
}
.p-repair__flowItem::before {
  width: min(53px, 2.76rem);
  height: min(53px, 2.76rem);
  background: #fff;
  border: #002754 1px solid;
  border-radius: 50%;
  margin-right: min(47px, 2.44vw);
  font-size: min(20px, 1.125rem);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .p-repair__flowItem::before {
    width: 53px;
    height: 53px;
    margin-right: 47px;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__flowItem::before {
    width: min(53px, 2.76rem);
    height: min(53px, 2.76rem);
    margin-right: min(47px, 2.44vw);
    font-size: min(20px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  .p-repair__flowItem::before {
    font-size: min(18px, 1.125rem);
  }
}
.p-repair__flowItem:nth-of-type(1)::before {
  content: "1";
}
.p-repair__flowItem:nth-of-type(2)::before {
  content: "2";
}
.p-repair__flowItem:nth-of-type(3)::before {
  content: "3";
}
.p-repair__flowTtl {
  font-weight: 700;
  width: min(274px, 14.27vw);
  font-size: min(22px, 1.375rem);
  color: #0E0E0E;
}
@media screen and (max-width: 1024px) {
  .p-repair__flowTtl {
    font-size: 22px;
    width: -moz-fit-content;
    width: fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__flowTtl {
    width: 85%;
    font-size: min(22px, 1.375rem);
  }
}
.p-repair__flowBtn {
  width: min(472px, 24.5833vw);
  margin: min(34px, 1.7708vw) auto 0 0;
}
@media screen and (max-width: 1024px) {
  .p-repair__flowBtn {
    width: 472px;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__flowBtn {
    width: 100%;
  }
}
.p-repair__flowBtn a {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  padding-right: min(15px, 0.78125vw);
  padding-left: 2rem;
  text-align: center;
  font-size: min(20px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  .p-repair__flowBtn a {
    font-size: 20px;
    padding-left: 1.5em;
    padding-right: 1em;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__flowBtn a {
    font-size: min(20px, 1.25rem);
    padding-left: 2rem;
  }
}
@media screen and (max-width: 450px) {
  .p-repair__flowBtn a {
    padding: min(20px, 4.4444vw) min(30px, 6.6666vw);
    line-height: 1.5;
    padding-left: 2rem;
  }
}
.p-repair__flowBtn a::before {
  width: min(35px, 1.822vw);
  height: min(35px, 1.822vw);
  background: url(../images/repair/file-dl.svg);
  border: none;
  transform: rotate(0);
  right: min(13px, 0.67rem);
  position: static;
  background-size: contain;
}
@media screen and (max-width: 1024px) {
  .p-repair__flowBtn a::before {
    width: 35px;
    height: 35px;
    max-width: 35px;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__flowBtn a::before {
    width: min(35px, 4.5572vw);
    height: min(35px, 4.5572vw);
    padding-right: 3rem;
    background-repeat: no-repeat;
    max-width: min(35px, 4.5572vw);
  }
}
@media screen and (max-width: 450px) {
  .p-repair__flowBtn a::before {
    width: min(35px, 7.7777vw);
    height: min(35px, 7.7777vw);
    padding-right: 0rem;
    max-width: min(35px, 7.7777vw);
  }
}
.p-repair__flowBtn a span {
  display: inline-block;
}
.p-repair__flowdesc {
  font-size: min(20px, 1.25rem);
  padding-top: 4px;
  color: #0E0E0E;
}
@media screen and (max-width: 1024px) {
  .p-repair__flowdesc {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__flowdesc {
    padding-top: 0;
    padding-left: min(65px, 8.4635vw);
    font-size: min(20px, 1.25rem);
  }
}
.p-repair__flowdesc a {
  display: block;
}
.p-repair__onlineTop {
  font-size: min(18px, 1.125rem);
  padding: min(35px, 2.1875rem) min(25px, 1,5625rem) 0;
}
@media screen and (max-width: 1024px) {
  .p-repair__onlineTop {
    font-size: 18px;
    padding: 35px 25px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__onlineTop {
    padding: min(35px, 4.5573vw) min(25px, 3.2552vw) 0;
    font-size: min(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  .p-repair__onlineTop {
    padding: min(35px, 4.666vw) min(25px, 3.333vw) 0;
  }
}
.p-repair__onlineTop.cation {
  display: flex;
  padding-right: 3em;
}
@media screen and (max-width: 768px) {
  .p-repair__onlineTop.cation {
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 450px) {
  .p-repair__onlineTop.cation {
    margin: 0;
    padding: 0 min(25px, 3.333vw) min(35px, 4.666vw);
    line-height: 1.5;
    padding-top: 1em;
  }
}
.p-repair__onlineTop.cation::before {
  content: "※";
  margin-right: 8px;
}
.p-repair__off {
  width: 100%;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .p-repair__off {
    padding-top: min(35px, 4.557vw);
  }
}
.p-repair__offContents:nth-of-type(1) {
  padding-bottom: min(30px, 1.56rem);
  padding-right: min(33px, 1.71rem);
  padding-left: min(33px, 1.71rem);
}
@media screen and (max-width: 768px) {
  .p-repair__offContents:nth-of-type(1) {
    padding-left: 0;
    padding-right: 0;
  }
}
.p-repair__offContents:nth-of-type(2) {
  background: rgba(0, 39, 84, 0.05);
  padding-top: min(40px, 2.8rem);
}
@media screen and (max-width: 768px) {
  .p-repair__offContents:nth-of-type(2) {
    background: initial;
    padding-top: 0;
  }
}
.p-repair__offContents-wrap {
  background: #fff;
  padding-right: min(33px, 1.71rem);
  padding-left: min(33px, 1.71rem);
  padding-top: min(33px, 1.71rem);
}
@media screen and (max-width: 768px) {
  .p-repair__offContents-wrap {
    padding: 0;
    padding-top: min(35px, 4.5573vw);
  }
}
.p-repair__offTtl {
  margin-bottom: min(15px,0.78rem);
}
.p-repair__offText {
  font-size: min(18px, 1.12rem);
}
@media screen and (max-width: 1024px) {
  .p-repair__offText {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__offText {
    font-size: min(18px, 1.12rem);
  }
}
.p-repair__offBox {
  padding-top: min(32px, 1.66rem);
}
@media screen and (max-width: 1024px) {
  .p-repair__offBox {
    padding-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__offBox {
    padding-top: min(32px, 1.66rem);
  }
}
.p-repair__offBox h3 {
  font-weight: 600;
  font-size: min(18px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  .p-repair__offBox h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__offBox h3 {
    font-size: min(18px, 1.25rem);
  }
}
.p-repair__offBox-wrap {
  display: flex;
  justify-content: space-between;
  background: rgba(0, 39, 84, 0.05);
  padding: min(37px, 1.92rem) min(71px, 3.69rem);
}
@media screen and (max-width: 1024px) {
  .p-repair__offBox-wrap {
    flex-flow: column;
    padding: min(35px, 4.5573vw);
  }
}
.p-repair__offBox-adress {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .p-repair__offBox-adress {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .p-repair__offBox-adress:nth-of-type(1) {
    margin-bottom: 1em;
  }
}
.p-repair__offBox-adress h4 {
  font-weight: 600;
  font-size: min(18px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  .p-repair__offBox-adress h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__offBox-adress h4 {
    font-size: min(18px, 1.25rem);
  }
}
.p-repair__offBox-adress p {
  font-size: min(18px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  .p-repair__offBox-adress p {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-repair__offBox-adress p {
    font-size: min(18px, 1.25rem);
  }
}

.p-repair__flowBtn a:hover::before {
  width: min(35px, 1.822vw);
  height: min(35px, 1.822vw);
  background: url(../images/repair/file-dl--blue.svg);
  border: none;
  transform: rotate(0);
  right: min(13px, 0.67rem);
  position: static;
  background-size: contain;
}
@media screen and (max-width: 1024px) {
  .p-repair__flowBtn a:hover::before {
    width: 35px;
    height: 35px;
    background: initial;
    background: url(../images/repair/file-dl.svg);
    max-width: 35px;
  }
}

.c-form-sec__inner {
  color: #000;
}

.c-form__input-policyLink {
  margin-top: 0;
}

/*--- 確認画面 ---*/
#page-rconfirm .file-btn {
  display: none;
}
#page-rconfirm #fileup_name {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  #page-rconfirm #fileup_name {
    display: none;
  }
}
#page-rconfirm .tab-B {
  visibility: hidden;
}
#page-rconfirm .c-form__input-policyLink {
  margin: 0;
}
@media screen and (max-width: 768px) {
  #page-rconfirm .c-formpolicy__ttl {
    text-align: left;
    margin: 0;
    margin-top: min(50px, 2.604rem);
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  #page-rconfirm .c-formpolicy__input {
    padding: 0;
    border: none;
  }
}
#page-rconfirm .checkbox-wrap label.doui-1 {
  display: none;
}

.c-form dl .file-wrap + p {
  font-size: min(18px, 1.125rem);
  line-height: 2.75;
}
@media screen and (max-width: 1024px) {
  .c-form dl .file-wrap + p {
    font-size: 18px;
    padding: 0;
    border: none;
  }
}
@media screen and (max-width: 768px) {
  .c-form dl .file-wrap + p {
    font-size: min(18px, 1.125rem);
    padding: 0;
    border: none;
    line-height: 1.5;
  }
}

#page-repair .c-form {
  padding-top: 0;
}

@media screen and (max-width: 1024px) {
  .p-repair__flowBtn a:hover::before {
    background-size: contain;
    max-width: min(35px, 7.7777vw);
    max-height: min(35px, 7.7777vw);
  }
}

/*--- END ---*/
/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
@media screen and (max-width: 1024px) {
  #page-color-selection .c-psetion:nth-of-type(1) {
    padding-top: min(50px, 3.125rem);
  }
}
@media screen and (max-width: 768px) {
  #page-color-selection .c-psetion:nth-of-type(1) {
    padding-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  #page-color-selection .c-tab-sec__inner .c-psetion:nth-of-type(1) {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #page-color-selection .c-pmain__inner {
    padding-top: min(188px, 9.791vw);
  }
}
#page-color-selection .p-colorselect__ttl {
  margin-bottom: min(70px, 3.6458vw);
}
@media screen and (max-width: 768px) {
  #page-color-selection .p-colorselect__ttl {
    margin-bottom: min(50px, 6.5104vw);
    font-size: min(22px, 1.375rem);
  }
}

.color-selection__box {
  margin: 0 min(84px, 4.375vw);
  padding: min(50px, 2.604vw) min(150px, 7.8125vw);
}
@media screen and (max-width: 450px) {
  .color-selection__box {
    margin: 0;
    padding: min(35px, 4.666vw) min(25px, 3.333vw) min(75px, 16.666vw);
  }
}
.color-selection__box .c-tab-sec__inner {
  padding: 0;
}
.color-selection__box .c-form {
  padding: 0;
  width: 100%;
}
.color-selection__box .c-psetion__title {
  margin-bottom: min(47px, 2.4479vw);
}
@media screen and (max-width: 1024px) {
  .color-selection__box .c-psetion__title {
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .color-selection__box .c-psetion__title {
    margin-bottom: min(450px, 6.5104vw);
    padding-top: min(50px, 3.125rem);
  }
}
@media screen and (max-width: 450px) {
  .color-selection__box .c-psetion__title {
    margin-bottom: min(60px, 13.3333vw);
  }
}

#page-color-selection .p-colorselect__ttl {
  margin-bottom: 0.5em;
}
#page-color-selection .c-psetion__title + p {
  margin-bottom: min(47px, 2.4479vw);
}
#page-color-selection .c-psetion__title + p a {
  border-bottom: 1px solid #002754;
  padding-bottom: 0.25em;
  color: #002754;
}
@media screen and (max-width: 1024px) {
  #page-color-selection .c-psetion__title + p {
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-color-selection .c-psetion__title + p {
    margin-bottom: min(450px, 6.5104vw);
    padding-top: 0;
  }
}
@media screen and (max-width: 450px) {
  #page-color-selection .c-psetion__title + p {
    margin-bottom: min(60px, 13.3333vw);
  }
}

.p-colorselect_inner {
  padding-top: min(90px, 4.6875vw);
}
.p-colorselect__formTtl span {
  display: block;
  font-size: min(18px, 1.125rem);
}
@media screen and (max-width: 1024px) {
  .p-colorselect__formTtl span {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect__formTtl span {
    font-size: min(18px, 1.125rem);
  }
}
.p-colorselect__formTtl span.cation {
  display: flex;
}
.p-colorselect__formTtl span.red {
  color: #740000;
}
.p-colorselect_select {
  display: flex;
  margin-bottom: min(50px, 2.6rem);
}
@media screen and (max-width: 1024px) {
  .p-colorselect_select {
    display: block;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_select {
    margin-bottom: min(50px, 2.6rem);
  }
}
.p-colorselect_selectImg {
  width: 50%;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
  .p-colorselect_selectImg {
    padding-left: 25px;
    width: 100%;
    height: 52.4vw;
    padding-left: 0;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_selectImg {
    padding-left: min(25px, 1.32rem);
    width: 100%;
    height: 27.4rem;
    padding-left: 0;
    margin-bottom: min(50px, 6.5104vw);
  }
}
.p-colorselect_selectImg-box {
  position: absolute;
  width: min(249px, 12.96875vw);
  top: min(62px, 3.229vw);
  left: min(62px, 3.229vw);
}
@media screen and (max-width: 1024px) {
  .p-colorselect_selectImg-box {
    left: 150px;
    width: 249px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_selectImg-box {
    left: min(100px, 13.0208vw);
    width: min(249px, 32.4218vw);
  }
}
@media screen and (max-width: 450px) {
  .p-colorselect_selectImg-box {
    width: min(249px, 55.3333vw);
  }
}
.p-colorselect_selectImg-box::before {
  position: absolute;
  z-index: 10;
}
.p-colorselect_selectImg-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-colorselect_selectImg-box.sanbelca-01::before {
  content: "";
  display: block;
  width: min(184px, 9.5833vw);
  height: min(155px, 8.0729vw);
  background: url(../images/colorselect/sanbelca-01/name.png) center/contain no-repeat;
  left: 50%;
  top: -13%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .p-colorselect_selectImg-box.sanbelca-01::before {
    width: 184px;
    height: 155px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_selectImg-box.sanbelca-01::before {
    width: min(184px, 23.9583vw);
    height: min(155px, 20.1822vw);
  }
}
@media screen and (max-width: 450px) {
  .p-colorselect_selectImg-box.sanbelca-01::before {
    width: min(184px, 40.8888vw);
    height: min(155px, 34.4444vw);
  }
}
.p-colorselect_selectImg-box.sanbelca-02::before {
  content: "";
  display: block;
  width: min(117px, 6.09375vw);
  height: min(87px, 4.53125vw);
  background: url(../images/colorselect/sanbelca-02/name.png) center/contain no-repeat;
  right: 57%;
  top: 91%;
}
@media screen and (max-width: 1024px) {
  .p-colorselect_selectImg-box.sanbelca-02::before {
    width: 117px;
    height: 87px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_selectImg-box.sanbelca-02::before {
    width: min(117px, 15.2343vw);
    height: min(87px, 11.3281vw);
  }
}
@media screen and (max-width: 450px) {
  .p-colorselect_selectImg-box.sanbelca-02::before {
    width: min(117px, 26vw);
    height: min(87px, 19.3333vw);
  }
}
.p-colorselect_selectImg-box.eva::before {
  content: "";
  display: block;
  width: min(138px, 7.1875vw);
  height: min(60px, 3.125vw);
  background: url(../images/colorselect/eva/name.png) center/contain no-repeat;
  left: 85%;
  top: 45%;
}
@media screen and (max-width: 1024px) {
  .p-colorselect_selectImg-box.eva::before {
    width: 138px;
    height: 60px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_selectImg-box.eva::before {
    width: min(138px, 17.96875vw);
    height: min(60px, 7.8125vw);
  }
}
@media screen and (max-width: 450px) {
  .p-colorselect_selectImg-box.eva::before {
    width: min(138px, 30.6666vw);
    height: min(60px, 13.3333vw);
  }
}
.p-colorselect_selectImg-box.porika::before {
  content: "";
  display: block;
  width: min(181px, 9.42708vw);
  height: min(93px, 4.84375vw);
  background: url(../images/colorselect/porika/name.png) center/contain no-repeat;
  right: 54%;
  top: min(100px, 5.2rem);
}
@media screen and (max-width: 1024px) {
  .p-colorselect_selectImg-box.porika::before {
    width: 181px;
    height: 93px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_selectImg-box.porika::before {
    width: min(181px, 23.5677vw);
    height: min(93px, 12.1093vw);
  }
}
@media screen and (max-width: 450px) {
  .p-colorselect_selectImg-box.porika::before {
    width: min(181px, 40.2222vw);
    height: min(96px, 20.6666vw);
  }
}
.p-colorselect_selectImg-box.belt-01::before {
  content: "";
  display: block;
  width: min(106px, 5.5208vw);
  height: min(203px, 10.5729vw);
  background: url(../images/colorselect/belt-01/name.png) center/contain no-repeat;
  right: min(24px, 1.25rem);
  bottom: min(-56px, -2.91rem);
  left: 55%;
  top: 59%;
}
@media screen and (max-width: 1024px) {
  .p-colorselect_selectImg-box.belt-01::before {
    width: 106px;
    height: 203px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_selectImg-box.belt-01::before {
    width: min(106px, 13.802vw);
    height: min(203px, 26.4322vw);
  }
}
@media screen and (max-width: 450px) {
  .p-colorselect_selectImg-box.belt-01::before {
    width: min(106px, 23.5555vw);
    height: min(203px, 45.1111vw);
  }
}
.p-colorselect_selectBox {
  width: 55%;
}
@media screen and (max-width: 1024px) {
  .p-colorselect_selectBox {
    width: 100%;
  }
}
.p-colorselect_selectItem {
  margin-bottom: min(22px, 1.1458vw);
}
.p-colorselect_selectTtl {
  font-weight: 700;
  font-size: min(20px, 1.25rem);
  letter-spacing: 0;
  padding-bottom: 0.5em;
}
@media screen and (max-width: 1024px) {
  .p-colorselect_selectTtl {
    font-size: 20px;
    margin-top: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_selectTtl {
    font-size: min(20px, 1.25rem);
    margin-top: min(50px, 2.604rem);
  }
}
.p-colorselect_selectTtl span {
  font-size: min(16px, 1rem);
  padding-left: min(20px, 1.04166vw);
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .p-colorselect_selectTtl span {
    display: block;
    line-height: 1;
    font-size: 16px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_selectTtl span {
    font-size: min(16px, 1rem);
    padding-left: min(20px, 1.04166vw);
  }
}
.p-colorselect_select .select-wrap {
  position: relative;
  width: 100%;
  height: inherit;
}
.p-colorselect_select .select-wrap:before {
  display: block;
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 2px #002754;
  border-right: solid 2px #002754;
  transform-origin: center;
  transform: rotate(135deg) translateY(-50%);
  top: calc(50% - 8px);
  right: min(25px, 1.83vw);
}
@media screen and (max-width: 1024px) {
  .p-colorselect_select .select-wrap:before {
    right: 25px;
    width: 12px;
    height: 12px;
    top: calc(50% - 12px);
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_select .select-wrap:before {
    right: min(25px, 1.5625rem);
    width: 8px;
    height: 8px;
    top: calc(50% - 12px);
  }
}
.p-colorselect_select select {
  width: 100%;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #eff2f2;
  width: 100%;
  appearance: none;
  border: none;
  height: min(60px, 3.125vw);
  font-size: min(18px, 1.125rem);
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-colorselect_select select {
    height: 60px;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_select select {
    height: min(60px, 7.8125vw);
    font-size: min(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  .p-colorselect_select select {
    height: min(60px, 13.3333vw);
  }
}
.p-colorselect_select select::-ms-expand {
  display: none;
}
.p-colorselect_varWrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: min(28px, 1.45rem);
  grid-row-gap: min(63px, 3.28rem);
}
@media screen and (max-width: 1024px) {
  .p-colorselect_varWrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-colorselect_varTtl {
  margin-bottom: min(50px, 2.6vw);
}
@media screen and (max-width: 1024px) {
  .p-colorselect_varTtl {
    margin-bottom: 50px;
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_varTtl {
    margin-bottom: min(50px, 6.5104vw);
    font-size: min(22px, 1.375rem);
  }
}
.p-colorselect_varName {
  color: #fff;
  background: #002754;
  height: min(57px, 2.96rem);
  font-size: min(20px, 1.25rem);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}
@media screen and (max-width: 1024px) {
  .p-colorselect_varName {
    font-size: 20px;
    height: initial;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_varName {
    font-size: min(20px, 1.25rem);
    height: min(57px, 2.96rem);
  }
}
.p-colorselect_varItem {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .p-colorselect_varItem {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-colorselect_varItem {
    font-size: min(18px, 1.125rem);
  }
}
@media screen and (max-width: 450px) {
  .p-colorselect_varItem {
    font-size: 13px;
  }
}
.p-colorselect_varItem dt,
.p-colorselect_varItem dd {
  width: 50%;
  text-align: center;
}
.p-colorselect_varItem dt {
  margin: 1px 0;
  padding: 8px 0;
  background: rgba(0, 39, 84, 0.1);
}
.p-colorselect_varItem dd {
  padding: 10px 0;
}

/* 確認画面用css*/
#page-color-selection-confirm .select-wrap {
  height: min(60px, 3.125vw);
  font-size: min(20px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  #page-color-selection-confirm .select-wrap {
    font-size: 20px;
    height: 60px;
  }
}
@media screen and (max-width: 768px) {
  #page-color-selection-confirm .select-wrap {
    font-size: min(20px, 1.25rem);
    height: min(60px, 3.125vw);
  }
}
#page-color-selection-confirm .p-colorselect_select .select-wrap:before {
  display: none;
}
#page-color-selection-confirm .c-formpolicy__ttl {
  margin-top: min(50px, 2.604rem);
  margin-bottom: 0;
  padding-top: 0;
  text-align: left;
}
#page-color-selection-confirm .c-formpolicy__input {
  padding: 0;
  border: none;
  width: initial;
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  #page-color-selection-confirm .c-formpolicy__input {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #page-color-selection-confirm .c-formpolicy__input {
    font-size: min(20px, 1.25rem);
  }
}
#page-color-selection-confirm .doui-1 {
  display: none;
}
#page-color-selection-confirm .c-form .checkbox-wrap {
  margin: initial;
}
#page-color-selection-confirm .select-wrap {
  padding-top: 1em;
}
@media screen and (max-width: 768px) {
  #page-color-selection-confirm .c-pmain__inner {
    padding-top: min(188px, 9.791vw);
  }
}
@media screen and (max-width: 1024px) {
  #page-color-selection-confirm .p-colorselect__ttl {
    font-size: 22px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-color-selection-confirm .p-colorselect__ttl {
    margin-bottom: min(50px, 6.5104vw);
    font-size: min(22px, 1.375rem);
  }
}

/***********************

カラー

***********************/
/***********************

サイズ

***********************/
/***********************

レスポンシブ

***********************/
/***********************

フォント

***********************/
.p-contact__top {
  padding: min(35px, 4.5573vw) min(25px, 3.2552vw) 0;
  font-size: max(16px, 1.125rem);
}
@media screen and (max-width: 1024px) {
  .p-contact__top {
    padding: 35px 25px 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-contact__top {
    font-size: min(18px, 1.125rem);
  }
}
.p-contact_btn {
  width: min(440px, 22.917vw);
  min-width: min(440px, 22.917vw);
  border-radius: 100px;
  margin: 0 min(16px, 1rem);
}
@media screen and (max-width: 1024px) {
  .p-contact_btn {
    margin-left: 0;
    margin-top: 2rem;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-contact_btn {
    margin-left: 0;
    margin-top: 2rem;
    width: 100%;
  }
}
.p-contact_btn a {
  height: min(150px, 7.8125vw);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  font-size: min(24px, 1.5rem);
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .p-contact_btn a {
    font-size: 20px;
    height: 150px;
  }
}
@media screen and (max-width: 768px) {
  .p-contact_btn a {
    height: initial;
    font-size: min(24px, 1.5rem);
  }
}
.p-contact_btnWrap {
  display: flex;
  justify-content: center;
  margin-bottom: min(83px, 4.32rem);
}
@media screen and (max-width: 768px) {
  .p-contact_btnWrap {
    display: block;
    margin-bottom: 0;
    padding-top: min(188px, 9.791vw);
  }
}

.c-form__box .p-contact__top:nth-of-type(3) {
  padding-top: 0;
}

.required::after {
  content: "*";
  color: #740000;
  padding-left: 0.25em;
  font-size: min(18px, 2.604rem);
}
@media screen and (max-width: 1024px) {
  .required::after {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .required::after {
    font-size: min(18px, 2.604rem);
  }
}

/*--- 確認画面 ---*/
#page-confirm .file-btn {
  display: none;
}
#page-confirm .c-formpolicy__ttl {
  margin-top: 50px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: left;
}
#page-confirm .c-formpolicy__input {
  padding: 0;
  border: none;
  width: initial;
  font-size: min(20px, 1.25rem);
}
@media screen and (max-width: 1024px) {
  #page-confirm .c-formpolicy__input {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #page-confirm .c-formpolicy__input {
    font-size: min(20px, 1.25rem);
  }
}
#page-confirm .doui-1 {
  display: none;
}
#page-confirm .c-form .checkbox-wrap {
  width: initial;
  line-height: 2;
}
#page-confirm p.p-contact__top:nth-of-type(2) {
  padding-top: 0;
}
#page-confirm .page-form .c-tab-sec__inner {
  padding: 35px 25px;
}
#page-confirm .c-form dl #fileup_name {
  display: none;
}
#page-confirm .c-form dl .file-wrap + p {
  display: none;
}
#page-confirm .c-form dl .file-wrap a {
  color: #002754;
}/*# sourceMappingURL=style.css.map */