@charset "utf-8";

/* 2026.02.07設定
--------------------------------------------------------------------------*/
#contactForm .secForm dt {max-width: 250px;}
#contactForm .secForm p.subBtn {padding-left: 300px;}

#pripoliPage #subPageTitle::after {background-image: url(images/sub/contactPage-top.webp);}
#pripoliPage #subPageTitle span {font-size: 30px;}
#pripoliPage .container.inSideMenu .sideMenu .heading {font-size: 20px;}
#pripoliPage .secWrapper {display: flex; flex-direction: column; row-gap: 90px; width: 100%;}
#pripoliPage h2.title-dec01 {display: none;}
#pripoliPage #privacy-policy {margin-top: -89px;}
#pripoliPage #privacy-policy #secPripoli {width: 100%; height: auto; min-height: min-content; max-height: max-content; border: none; overflow-y: visible;}
#pripoliPage #privacy-policy #secPripoli h4.headingH4 {margin-bottom: 30px;}
/* #pripoliPage .informationBox {display: none;} */
#pripoliPage #privacy-policy #target0 {height: 45px; padding: 0;}
#pripoliPage #privacy-policy #target0 span {display: none;}
#pripoliPage #privacy-policy .btn-dec-01 {max-width: 100%; margin-top: 30px;}

#privacy-policy #secPripoli {width: 100%; height: auto; min-height: min-content; max-height: max-content; padding: 30px 0; border: none; overflow-y: visible;}
#privacy-policy .headingH3 {color: #FFF;}

#contactPage #contactForm .containerBox01,
#recruitPage #contactForm .containerBox01 {display: none;}
#contactPage .recaptchaBox, #recruitPage .recaptchaBox {margin-bottom: 0 !important;}
#contactPage #contactForm .informationBox.box01 {margin-top: 30px;}
.containerBox01, .containerBox02 {padding-top: 15px;}
.informationBox.box01 {margin-top: 30px;}
.informationBox.box02, .informationBox.box03 {margin-top: 30px;}
.informationBox {padding: 40px; background-color: #F7F7F7; border-bottom: 3px #CECECE solid;}
.informationBox .title-dec03 {margin-bottom: 20px;}
.informationBox p,
.informationBox .addBox,
.informationBox .proviso,
.informationBox .d-box,
.informationBox .telFaxWrap {color: #474747; font-size: 16px; font-weight: 500;}
.informationBox .flex {display: flex; flex-direction: column; row-gap: 10px;}
.informationBox .addBox {display: flex; flex-wrap: wrap; column-gap: 10px;}
.informationBox .d-box {display: flex; flex-wrap: wrap; column-gap: 10px;}
.informationBox .telFaxWrap {display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px; font-weight: 700;}
.informationBox .telFaxWrap .noBox {display: flex; align-items: center; width: 100%; min-width: 360px; max-width: 360px; height: 40px; border: 1px #474747 solid;}
.informationBox .telFaxWrap .noBox .head {display: flex; justify-content: center; align-items: center; width: 60px; height: inherit; background-color: #474747; color: #fff;}
.informationBox .telFaxWrap .noBox .number {display: flex; align-items: center; justify-content: center; width: calc(100% - 60px); height: inherit;}

footer #privacy_policy {width: 350px; margin-top: 30px;}
footer #privacy_policy a {color: #FFF; font-weight: 500;}
@media (min-width: 1200px) {
  header .menuWrap .menu.mpView {display: none;}
}
@media (max-width: 1199px) {
  header .menuWrap .menu.mpView a {font-size: 14px;}
  .informationBox p,
  .informationBox .addBox,
  .informationBox .proviso,
  .informationBox .d-box,
  .informationBox .telFaxWrap {font-size: 15px;}
  .informationBox .telFaxWrap .noBox {min-width: 330px; max-width: 330px;}
  #contactForm .secForm dd {width: max-content;}
  #contactForm .secForm p.subBtn {padding-left: 0;}
}
@media (min-width: 992px) {
}
@media (max-width: 991px) {
  .informationBox {padding: 30px;}
}
@media (min-width: 768px) {
  #pripoliPage #subPageTitle span br {display: none;}
  #pripoliPage #privacy-policy .btn-dec-01 br {display: none;}
}
@media (max-width: 767px) {
  .informationBox p,
  .informationBox .addBox,
  .informationBox .proviso,
  .informationBox .d-box,
  .informationBox .telFaxWrap {font-size: 14px;}
  .informationBox {padding: 15px;}
  .informationBox .telFaxWrap .noBox {min-width: 280px; max-width: 280px;}
  .informationBox .telFaxWrap .noBox .head {width: 40px;}
  .informationBox .telFaxWrap .noBox {height: 30px;}
  .informationBox .telFaxWrap .noBox .number {width: calc(100% - 40px);}
  #pripoliPage #subPageTitle span {font-size: 24px;}
  #pripoliPage #privacy-policy .btn-dec-01 span {text-align: center;}
  #contactForm .secForm dd {width: 100%;}
}
@media (min-width: 601px) {
  header .menuWrap .menu.mpView a br {display: none;}
}
@media (max-width: 600px) {
  footer #privacy_policy {text-align: center;}
}
@media (max-width: 550px) {
  #pripoliPage #subPageTitle::after {background-image: url(images/sub/contactPage-top-sp.webp);}
}
@media (max-width: 450px) {
  footer #privacy_policy {width: 100%; margin-top: 40px;}
  footer #privacy_policy a span {display: block; text-align: center;}
  /* footer #privacy_policy a span:nth-of-type(2) {display: none;} */
}
@media (max-width: 450px) and (min-width: 360px) {
  header .menuWrap .menu.mpView a br {display: none;}
}
@media (max-width: 350px) {
  .informationBox .telFaxWrap .noBox{flex-direction: column; max-width: 100%; min-width: 0; height: auto;}
  .informationBox .telFaxWrap .noBox .head {width: 100%;}
  .informationBox .telFaxWrap .noBox .number {width: 100%; padding: 5px 0;}
}