@charset "UTF-8";
/* CSS Document */
.under-contents{
  padding-top: min(30px,7.63vw);
}
.under-hero-title{
  padding-top: min(100px,20vw);
}
.under-hero-title::before{
  content: "";
  height: min(584px,67vw);
  aspect-ratio:1/0.5909;
  position: absolute;
  right: max(-50px,-4vw);
  top: min(60px,10vw);
  background: url("../images/wall/world-dots.png") no-repeat right top/cover;
  opacity: .75;
}
/*under contents ++++++++++++++++++++++++++++++++++++++++*/

/*parts inquiry ++++++++*/
.sec-inquiry-blc{
  padding-top: min(100px,10vw);
  padding-bottom: min(100px,10vw);
  background-color: var(--wall-navy);
}
.sec-inquiry-blc::before{
  content: "";
  background-image: url("../images/wall/world-dots.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
  height: 100%;
  aspect-ratio: 1 / 0.5909;
  position: absolute;
  top: min(50px,6vw);
  left: 100%;
  translate:max(-640px,-66vw) 0;
  opacity: .7;
}
.box-sec-inquiry{
  color: #fff;
}
.box-sec-inquiry .sec-title{
  color: #fff;
}
.box-sec-inquiry .comment-area{
  width: min(550px,100%);
  gap:min(30px,6vw);
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.box-sec-inquiry .comment-area .round-button{
  margin-left: auto;
}
/*page about ++++++++++ */
.page-about-intro {
  gap:min(80px,10vw);
   padding-bottom: min(100px,20vw);
}
/*page company +++++++++*/
.page-company-blc{
  padding-bottom: min(100px,20vw);
  padding-left: max(calc((100vw - 1100px)/2),4vw);
}
.page-company-blc .thumb{
/*  width: min(1230px,100%);*/
}
.page-company-blc .company-list{
  width: min(570px,100%);
  margin-top: min(50px,12vw);
}
.company-list{
  padding-right: min(50px,4vw);
}
/*page contact +++++++++++*/
.contact-contents{
  padding-bottom: min(200px,20vw);
}
.box-contact-intro .in-text{
  margin-top:  min(25px,7vw);
}
.box-contact-intro .round-button{
  margin-left: auto;
  margin-right: auto;
  margin-top: min(80px,10vw);
}
.box-contact-form{
  margin-top: min(95px,10vw);
}
.form-list{
  
}
.form-item{
  display: grid;
  grid-template-columns: 18em auto;
  gap:min(20px,5vw) min(10px,2.5vw);
}
.form-item:nth-child(n+2){
  margin-top: 20px;
}
.form-list dt{
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  color: var(--clr-navy);
  font-variation-settings: "wght" 700;
}
.form-list dt h4{
  font-size: min(18px,4vw);
}
.form-list dt h4.must{
  padding-right:3em;
}
.form-list dt h4.must::after{
  content: "必須";
  font-size: min(11px,2.8vw);
  color: #fff;
  background: var(--wall-navy);
  border-radius: 100vmax;
  position: absolute;
  right: 0;
  top: 50%;
  translate:0 -50%;
  letter-spacing: .25em;
  text-indent: .25em;
  padding: 3px .5em 4px;
  line-height: 1;
  font-variation-settings: "wght" 500;
}
.form-list dd input[type="text"]
,.form-list dd input[type="tel"]
,.form-list dd input[type="email"]
,.form-list dd textarea{
  height: min(50px,12vw);
  background-color: #F4F5F7;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 10px;
  font-variation-settings: "wght" 500;
}
.check-wrap .wpcf7-checkbox{
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:10px;
}
.check-wrap .wpcf7-checkbox .wpcf7-list-item{
  margin-left: 0;
}
.check-wrap .wpcf7-checkbox .wpcf7-list-item label{
  height: min(70px,14vw);
  display: grid;
  place-content:center;
  padding: 5px min(30px,4vw);
  border-radius: 5px;
  border-width: 1px;
  border-color: #A8A8AF;
  border-style: solid;
  cursor: pointer;
  background-color: var(--wall-base);
  font-variation-settings: "wght" 700;
}
.check-wrap .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label{
  padding-left: 2.5em;
}
.check-wrap .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label::before{
  content: "";
  width: 1.5em;
  aspect-ratio:1;
  border: 1px solid #A8A8AF;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  translate:0 -50%;
}
.check-wrap .wpcf7-checkbox .wpcf7-list-item label.is-checked{
  border-color: var(--wall-navy);
  border-width: 2px;
  color: var(--clr-navy);
}
.check-wrap .wpcf7-checkbox .wpcf7-list-item label.is-checked .wpcf7-list-item-label::before{
  background: url("../images/check.svg") no-repeat center/60%;
}
.form-list > dd textarea{
  height: min(300px,60vw);
}
.form-list dd{
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap:10px;
}
/*error*/
.wpcf7-spinner{
  display: none!important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
  border-color: currentColor;
  color: var(--clr-red);
}
.wpcf7-not-valid-tip{
  color: var(--clr-red);
  border: 1px solid currentColor;
  font-variation-settings: "wght" 800;
  display: grid;
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-start;
  padding: min(15px,3vw) min(20px,4vw);
  border-radius: 5px;
  background-color: var(--wall-base);
}
.wpcf7 form .wpcf7-response-output{
  padding: 0.85em 1em;
  line-height: 1.4;
  font-variation-settings: "wght" 800;
  border-radius: 5px;
}
/*form button*/
.form-button-wrap{
  margin-top: min(100px,12vw);
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap:min(20px,3vw);
}
.form-button-wrap .agree{
  line-height: calc(20/14);
  font-size: min(12px,3.2vw);
  text-align: center;
}
.form-button-wrap .agree a{
  text-decoration: underline;
}
input.submit-button{
  width: min(150px,100%);
 height: min(40px,12vw);
  background-color: var(--wall-navy);
  color: #fff;
  font-variation-settings: "wght" 500;
  border-radius: 100vmax;
}