@charset "utf-8";

/* お問い合わせフォーム用 */
.contact main {
  background-color: #EEF5F7;
}

.sec-contact {
  padding-bottom: 50px;
}

.sec-contact .content-box {
  margin-top: -50px;

}

.mw_wp_form_input .confirm-message {
  display: none;
}

.mw_wp_form_confirm .input-message, .mw_wp_form_confirm .bottom-message {
  display: none;
}

.form-items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 1.25rem 0;
  border-top: 1px solid #dedede;
}

.form-items:last-of-type {
  border-bottom: 1px solid #dedede;
}

.form-items dt, .form-items dd {
  width: 100%;
}

.form-items dt {
  position: relative;
  padding-left: 37px;
  padding-bottom: 10px;
}

.form-items dd {
  margin-bottom: 0;
}

.form-items input[type="text"], .form-items textarea {
  max-width: 100%;
  padding: 3px 8px;
}

.form-items textarea {
  width: 100%;
}

.form-items select {
  padding: 5px 8px;
}

.mw_wp_form .form-items .horizontal-item+.horizontal-item {
  margin-left: 0;
}

.mw_wp_form .form-items .horizontal-item:not(:last-child) {
  margin-right: 1rem;
  margin-bottom: 5px;
  display: inline-block;
}

.label-contact {
  font-size: 10px;
  display: inline-block;
  padding: 1px 5px;
  color: #fff;
  position: absolute;
  top: 1px;
  left: 0;
}

.label-essential {
  background: #d14e53;
}

.label-optional {
  background: #888;
}

.mw_wp_form_confirm .postal-search {
  display: none;
}

.please-comment {
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: -0.03em;
}

.act-btn-wrap {
  padding-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.conf-send-btn {
  color: #FFFFFF;
  background: #444;
  display: inline-block;
  text-align: center;
  width: 220px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px 25px;
  font-size: 1.06rem;
  max-width: 100%;
  min-width: 100px;
  font-weight: 700;
  border-radius: 5px;
  border: none;
  position: relative;
  transition: .3s;
}

.conf-send-btn:hover {
  box-shadow: 0 0 10px rgb(0 0 0 / 40%);
}

.back-btn {
  color: #333;
  background-color: #cecece;
  border: none;
  height: 35px;
  width: 135px;
  max-width: 48%;
  margin-right: 10px;
  border-radius: 5px;
  transition: .3s;
}

.back-btn:hover {
  opacity: .7;
}

.mw_wp_form .error {
  margin-top: 3px;
}

.zip-wrap {
  display: flex;
  flex-wrap: wrap;
}

.p-postal-code {
  order: 0;
}

.postal-search {
  color: #0070C5;
  border: none;
  background: transparent;
  padding: 5px 10px;
  order: 1;
}

.zip-wrap .error {
  order: 2;
  display: block;
  width: 100%;
}

.mwform-checkbox-field:hover label, .mwform-radio-field:hover label,
.mwform-checkbox-field:hover input, .mwform-radio-field:hover input {
  cursor: pointer;
}

@media all and (min-width: 576px) {}

@media all and (min-width: 768px) {
  .label-contact {
    top: 2px;
  }
}

@media all and (min-width: 992px) {
  .sec-contact {
    padding-bottom: 80px;
  }

  .sec-contact .content-box {
    margin-top: -100px;

  }

  .form-items dt {
    width: 200px;
    padding-right: 1rem;
    padding-bottom: 0;
  }

  .form-items dd {
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
  }


}

.tel-box {
  margin-top: 40px;
  margin-bottom: 50px;
}

.tel-icon {
  margin: 14px 12px 0 0;
}

.tel-no {
  font-size: 32px;
  color: #0457A7;
  margin-bottom: 0;
  line-height: 1.2;
}

.tel-time {
  font-weight: bold;
}


.contact-flow {
  width: 260px;
  justify-content: space-between;
  margin-inline: auto;
}

.contact-flow-txt {
  font-weight: bold;
}

.contact-flow-no {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 26px;
  background-color: #0B71C7;
}



.contact-flow-no.two {
  position: relative;

}

.contact-flow-no.two::before,
.contact-flow-no.two::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 40px;
  height: 1px;
  background-color: #549BD7;
}

.contact-flow-no.two::before {
  left: -40px;

}

.contact-flow-no.two::after {
  right: -40px;

}

.contact-flow-no.three {
  position: relative;
}

.contact-form-wrapper {
  margin-top: 15px;
  max-width: 854px;
  margin-inline: auto;
  margin-bottom: 33px;
}

.contact-form-wrapper input[type="text"],
.contact-form-wrapper input[type="email"],
.contact-form-wrapper textarea {
  width: 100%;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  padding: 10px 0 10px 17px;
}

.form-item dt {
  font-size: 18px;
}

.contact-label {
  margin-right: 12px;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 8px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -3px;
}

.contact-form-wrapper input[type="submit"] {
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: 2px solid #C93B75;
  display: inline-block;
  padding: 21px;
  border-radius: 45px;
  width: 250px;
  background: #C93B75;
  color: #FFF;

}

.contact-form-wrapper input[type="submit"]:hover {
  opacity: 0.7;
}

.contact-btn {
  width: 250px;
}


.contact-btn {
  position: relative;

}

.contact-btn::after,
.contact-btn::before {
  content: "";
  width: 10px;
  height: 2px;
  display: inline-block;
  border-radius: 2px;
  background: #FFF;
  position: absolute;
  right: 35px;
  z-index: 1;
}


.contact-btn::before {
  top: calc(50% - 21px);
  /* 数値は微調整してください */
  transform: rotate(45deg);
  /* 45度回転させる */
}

.contact-btn::after {
  bottom: calc(50% + 12px);
  /* 数値は微調整してください */
  transform: rotate(-45deg);
  /* -45度回転させる */
}

.contact-btn {
  text-align: center;
  margin-inline: auto;
}

.contact-form-wrapper dl {
  margin-bottom: 30px;
}



@media all and (min-width: 576px) {

  .contact-btn,
  .contact-form-wrapper input[type="submit"] {
    width: 320px;
  }

  .contact-btn::after,
  .contact-btn::before {

    right: 43px;
  }


  .contact-btn::before {
    top: calc(50% - 22px);
    /* 数値は微調整してください */
    transform: rotate(45deg);
    /* 45度回転させる */
  }

  .contact-btn::after {
    bottom: calc(50% + 13px);
    /* 数値は微調整してください */
    transform: rotate(-45deg);
    /* -45度回転させる */
  }

  .contact-flow {
    width: 380px;

  }

  .contact-flow-no.two::before,
  .contact-flow-no.two::after {

    width: 100px;

  }

  .contact-flow-no.two::before {
    left: -100px;

  }

  .contact-flow-no.two::after {
    right: -100px;

  }
}

@media all and (min-width: 768px) {
  .pointer-none-pc {
    pointer-events: none;
  }

  .tel-no {
    font-size: 46px;

  }
}

@media all and (min-width: 992px) {

  .form-item {
    display: grid;
    grid-template-columns: 34% 66%;
  }

  .form-item dt {

    padding-top: 10px;
  }

}

/*DL*/
.download main {
  background-color: #EEF5F7;
}

.sec-download {
  padding-bottom: 10px;
}
.sec-download .content-box {
  margin-top: -100px;
	    padding: 40px 10px;

	}
	.sec-download .form-item dt{
	font-size:16px;
	}
@media all and (min-width: 576px) {
.sec-download .content-box {
	    padding: 40px 20px;
	}
		.sec-download .form-item dt{
	font-size:18px;
	}
}

@media all and (min-width: 992px) {
.sec-download {
  padding-bottom: 50px;
}

  .sec-download .content-box {
    margin-top: -120px;
    padding: 40px 48px;

  }

}
  .sec-download .form-item {
    display: block;
  }
  .sec-download .form-item dt {
	  margin-bottom:8px;
  }
@media all and (min-width: 1200px) {
  .sec-download .form-item {
    display: grid;
    grid-template-columns: 34% 66%;
  }
  .sec-download .form-item dt{
	 margin-bottom:0;
  }
  .sec-download .content-box {
    margin-top: -150px;

  }
}
.contact-download-title {
  font-size: 1.6875rem;
  font-weight: 700;
  margin-bottom: 24px;
  position: relative;
  padding-bottom: 15px;
  text-align: center;
}

.contact-download-title::after {
  position: absolute;
  content: "";
  background-color: #2274a5;
  width: 134px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}



.contact-download-row {
  margin-bottom: 20px;
}

ul.contact-download-list {
  position: relative;
  background-color: #fff;
  padding: 30px 15px 15px 30px;
  flex: 1;
  border: 2px solid #2274a5;
  border-radius: 10px;
}

.contact-download-list-title {
  font-size: 20px;
  text-align: center;
  color: #2274a5;
  font-weight: 700;
  margin-bottom: 0px;
}

ul.contact-download-list li {
  padding-left: 26px;
  margin-bottom: 15px;
	margin-left:0px;
  position: relative;
  font-weight: bold;
}

ul.contact-download-list li::before {
  position: absolute;
  content: "";
  width: 19px;
  height: 19px;
  background-image: url(../images/contact/check-square-regular.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.contact-download-img {
  /*margin-bottom: 41px;*/
  background-color: #FFF;
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: grid;
  place-items: start center;
}

.contact-download-img {
	text-align:center;
}
.contact-download-img img {
  max-width: 100%;
  margin: 20px auto;
}

.section-contact .BoxContact>h2 {
  display: none;
}

.contact-desc.text-danger.text-left {
  font-size: 14px;
}

@media all and (max-width: 765px) {
  .contact-download-row {
    flex-direction: column;
  }

  .contact-download-img {
    max-width: 400px;
    width: auto;
    margin-inline: auto;
  }


  ul.contact-download-list {
    padding: 30px 15px 30px;
  }
  .contact-download-row {
    flex-direction: column;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) {
  .contact-download-row {
    display: flex;
    gap: 15px;
  }
}

@media all and (min-width: 1200px) {

	
 ul.contact-download-list li::before {
    width: 19px;
    height: 19px;
  }

  ul.contact-download-list li {
    padding-left: 36px;
  margin-bottom: 15px;
	margin-left:60px;

  }
}

.fukidashi-ttl-ptn1 {
  position: relative;
  margin-top: -60px;
  margin-inline: auto;
  padding-bottom: 22px;
  z-index: 1;
}

.fukidashi-ttl-ptn1::after {
  content: "";
  position: absolute;
  background-image: url(../images/contact/download-fukidashi.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 270px;
  height: 67px;
  margin-inline: auto;
  top: 0;
}

.fukidashi-icon-ptn1 {
  margin-top: 10px;
  margin-right: 3px;
  z-index: 2;
}
.fukidashi-icon-ptn1 img{
	max-height:24px;
}
.fukidashi-text-ptn1 {
  font-weight: bold;
  font-size: 18px;
  color: #2274a5;
  margin-top: 10px;
  /*padding-left: 5px;*/
  display: grid;
  place-items: center;
  z-index: 2;
  white-space: nowrap;
}

.contact-download-list .txt-color {
  color: #C93B75;
  font-weight: bold;
}



.contact-desc {
  margin-bottom: 0.2rem;
}

.contact-btnbox {
  margin-top: 30px;
}


@media all and (min-width: 576px) {
  .section-dl .BoxContact {
    padding: 35px 38px 10px;

  }
}

@media all and (min-width: 768px) {
  .contact-download-title {
    font-size: 2rem;
    margin-bottom: 42px;
  }
.contact-download-txt1 {
    font-size: 1.25rem;
    margin-bottom: 40px;
  }

  .contact-download-img {
    margin-bottom: 0;
  }
.contact-download-img img {
	max-width:330px;
	}
  ul.contact-download-list {
    height: 190px;
    margin-top: 42px;
  }

  .fukidashi-ttl-ptn1::after {
    width: 288px;
	  left:-8%;
  }



  .section-dl {
    margin: 0 auto;
  }
}

@media all and (min-width: 992px) {

  #page-contact-download .wrapper {
    padding-bottom: 210px;
  }


	.contact-download-txt1 {
		margin-bottom:60px;
	}

  .contact-download-img {
    /*margin-right: 31px;*/
    margin-bottom: 41px;
  }

  .contact-download-img img {
    margin: 0 auto 20px;
    /*margin-top: -25px;*/
  }

  .contact-right {
    padding-left: 35px;
  }

  .fukidashi-ttl-ptn1::after {
    width: 318px;
    height: 73px;
    left:-3%;
  }

  .fukidashi-text-ptn1 {
    padding-left: 5px;
	  margin-top:14px;
  }

  .contact-download-list li {
    font-size: 1.125rem;
  }

  .contact-download-list {
    padding: 25px 15px 38px 35px;
    margin-bottom: 0;
    height: auto;
  }

  .fukidashi-text-ptn1 {
    /*padding-left: 33px;*/
    /*margin-top: 17px;*/
  }

  .fukidashi-icon-ptn1 {
    margin-top: 13px;
  }

  .contact-download-row {
    margin-bottom: 0;
  }

}

@media all and (min-width: 1200px) {

	.fukidashi-ttl-ptn1::after {
		left:11%;
	}
   .contact-download-img img {
    max-width: 390px;
    width: 110%;
  }
}


.contact-wrap {
  display: flex;
  margin-left: -35px;
  margin-right: -35px;
}
.contact-left {
  width: 40%;
  max-width:460px;
}

.contact-right {
  width: 60%;
	border:2px solid #0257A5;
	border-radius:10px;
	padding:10px;
	margin-left:20px;
}

@media screen and (max-width: 991px) {
  .contact-wrap {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }

  .contact-left,
  /*.contact-right*/ {
    padding: 0;
  }

  .contact-left {
    width: 100%;
	  max-width:100%;
  }

  .contact-right {
    width: 100%;
	margin-left:0;
	padding:10px;

  }
}
.section-dl .contact-right dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
}

.section-dl .contact-right dd {
  width: 66%;
}

@media screen and (max-width: 767px) {
  .section-dl .label {
    width: 100%;
    margin-bottom: .15rem;
  }

  .section-dl .contact-right dd {
    width: 100%;
    margin-bottom: 1rem;
  }
}