@charset "UTF-8";



.midpage-fv.-contact::after{
  content: '';
  display: block;
  position: absolute;
  width: 627px;
  height: 100px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22628%22%20height%3D%2299%22%20viewBox%3D%220%200%20628%2099%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_642_7309)%22%3E%3Cpath%20d%3D%22M77.67%2067.99C74.98%2083.91%2064.38%2098.88%2040.41%2098.88C10.84%2098.88%200%2077.05%200%2049.15C0%2021.25%2013.36%200%2041.16%200C65.81%200%2075.9%2015.5%2077.14%2030.86H60.44C58.33%2021.8%2054.17%2013.8%2040.58%2013.8C23.56%2013.8%2017.48%2030.78%2017.48%2049.1C17.48%2067.42%2022.91%2085.18%2040.78%2085.18C54.12%2085.18%2058.69%2076.43%2060.9%2067.99H77.66H77.67Z%22%20fill%3D%22%23F4F4F4%22%2F%3E%3Cpath%20d%3D%22M180.579%2048.89C180.579%2076.55%20167.389%2098.88%20137.819%2098.88C108.249%2098.88%2096.2891%2076.62%2096.2891%2048.77C96.2891%2024.57%20109.299%200%20139.089%200C167.289%200%20180.579%2022.38%20180.579%2048.89ZM113.879%2048.75C113.879%2069.1%20122.039%2085.18%20138.579%2085.18C156.339%2085.18%20163.179%2069.9%20163.179%2048.93C163.179%2029.76%20156.309%2013.7%20138.369%2013.7C120.429%2013.7%20113.879%2029.29%20113.879%2048.74V48.75Z%22%20fill%3D%22%23F4F4F4%22%2F%3E%3Cpath%20d%3D%22M204.66%2097.48V1.30005H226.53C258.44%2063.21%20263.26%2072.61%20264.83%2077.06H265.07C264.13%2065.16%20263.99%2049.53%20263.99%2033.85V1.30005H279.63V97.48H258.82C224.61%2029.7701%20221.32%2022.67%20219.68%2018.92H219.54C220.24%2031.17%20220.25%2047.6201%20220.25%2064.8301V97.49H204.66V97.48Z%22%20fill%3D%22%23F4F4F4%22%2F%3E%3Cpath%20d%3D%22M327.479%2015.5H300.699V1.30005H371.409V15.5H344.589V97.48H327.479V15.5Z%22%20fill%3D%22%23F4F4F4%22%2F%3E%3Cpath%20d%3D%22M394.539%2072.43L386.869%2097.48H370.109C373.249%2088.15%20396.649%2011.89%20400.159%201.30005H422.009L453.519%2097.48H435.609L427.509%2072.43H394.529H394.539ZM423.999%2058.2401C417.289%2036.9401%20412.779%2022.99%20410.709%2014.46H410.529C408.079%2025.38%20403.499%2040.3201%20397.919%2058.2401H423.999V58.2401Z%22%20fill%3D%22%23F4F4F4%22%2F%3E%3Cpath%20d%3D%22M541.471%2067.99C538.781%2083.91%20528.181%2098.88%20504.211%2098.88C474.641%2098.88%20463.801%2077.05%20463.801%2049.15C463.801%2021.25%20477.161%200%20504.961%200C529.611%200%20539.701%2015.5%20540.941%2030.86H524.241C522.131%2021.8%20517.971%2013.8%20504.381%2013.8C487.361%2013.8%20481.281%2030.78%20481.281%2049.1C481.281%2067.42%20486.711%2085.18%20504.581%2085.18C517.921%2085.18%20522.491%2076.43%20524.701%2067.99H541.461H541.471Z%22%20fill%3D%22%23F4F4F4%22%2F%3E%3Cpath%20d%3D%22M583.299%2015.5H556.52V1.30005H627.229V15.5H600.409V97.48H583.299V15.5Z%22%20fill%3D%22%23F4F4F4%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_642_7309%22%3E%3Crect%20width%3D%22627.23%22%20height%3D%2298.88%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
}



.contact-sec1{
  background: #dfdfdf;
  display: flex;
  align-items: center;
  padding:  80px 0;
  margin-bottom: 90px;
}

.contact-nav{
  display: flex;
  width: 920px;
  max-width: 100%;
  justify-content: space-between;
  margin: 0 auto;
}

.contact-nav li{
  max-width: 400px;
  width: calc(50% - 20px);
}
.contact-nav li a{
  display: flex;
  height: 90px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #D3D3D3;
  font-weight: bold;
  position: relative;
}
.contact-nav li a::after{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #0019BB;
  border-right: 2px solid #0019BB;
  position: absolute;
  bottom: 15px;
  left: calc(50% - 5px);
  transform: rotate(135deg);
  transition: all .3s;
}
.contact-nav li a:hover::after{
  bottom: 5px;
}

.contact-sec2 {
  margin-bottom: 80px;
}

.contact-item .title-square{
  background: #F6F8F9;
  padding: 20px 50px 20px 80px;
}
.contact-item .title-square.on{
  background: #fff;
}
.contact-item .title-square::before{
  left: 50px;
}
.contact-item .title-square::after{
  content: '';
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2251%22%20height%3D%2251%22%20viewBox%3D%220%200%2051%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_529_3795)%22%3E%3Cpath%20d%3D%22M16.72%2025.37H34.03%22%20stroke%3D%22%2301279A%22%20stroke-width%3D%220.75%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M25.38%2034.03V16.72%22%20stroke%3D%22%2301279A%22%20stroke-width%3D%220.75%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M25.38%2050.37C39.1871%2050.37%2050.38%2039.1771%2050.38%2025.37C50.38%2011.5629%2039.1871%200.370003%2025.38%200.370003C11.5729%200.370003%200.380001%2011.5629%200.380001%2025.37C0.380001%2039.1771%2011.5729%2050.37%2025.38%2050.37Z%22%20stroke%3D%22%2301279A%22%20stroke-width%3D%220.75%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_529_3795%22%3E%3Crect%20width%3D%2250.75%22%20height%3D%2250.75%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  right: 25px;
  transition: transform .4s ease-in;
  transform: translateY(-50%);
  }

.contacitemc2 .title-square.on::after{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2251%22%20height%3D%2251%22%20viewBox%3D%220%200%2051%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_529_3800)%22%3E%3Cpath%20d%3D%22M16.72%2025.38H34.03%22%20stroke%3D%22%2301279A%22%20stroke-width%3D%220.75%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M25.38%2050.37C39.1871%2050.37%2050.38%2039.1771%2050.38%2025.37C50.38%2011.5629%2039.1871%200.370003%2025.38%200.370003C11.5729%200.370003%200.38%2011.5629%200.38%2025.37C0.38%2039.1771%2011.5729%2050.37%2025.38%2050.37Z%22%20stroke%3D%22%2301279A%22%20stroke-width%3D%220.75%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_529_3800%22%3E%3Crect%20width%3D%2250.75%22%20height%3D%2250.75%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    transform: translateY(-50%) rotate(180deg);
}
.contact-sec2 .sec-title{
  position: relative;
  padding-right: 30px;
  font-size: 2.4rem;
  font-weight:bold;
  display: flex;
  padding-bottom: 10px;
  padding-left: 15px;
  border-bottom: 2px solid #01279A;
  margin-bottom: 56px;
}
.contact-sec2 .sec-title::after{
  content: none;
}


.contact-sec2 .contact-title{
  color: #0019BB;
  font-weight: bold;
  padding-left: 1em;
  font-size: 1.8rem;
  border-left: 3px solid #0019BB;
  margin-bottom: 0.5em;
}
.contact-sec2 .contact-title:before{
  content: none;
}

.contact-sec2 .tel{
  font-weight: bold;
  font-size: 2rem;

}
.contact-item-inner{
  display: none;
  max-width: 850px;
  padding: 30px 50px;
  margin: 0 auto;
  border-top: 1px solid #DDE4EA;
}
.contact-item-inner .flex{
  align-items: center;
  justify-content: space-between;
}
.contact-item-inner p {
  font-size: 1.2rem;

}
.contact-btn a{
  display: block;
  border-radius: 3px;
  background: #0019BB;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.8rem;
  width: 280px;
  height: 74px;
  padding: 10px 1.5em;
}
.en .contact-box-inner .right_box .contact-btn span{
	font-size: 14px;
}
.en .arrow{
	font-size: 14px;
	padding: 0 20px 0 0px;
}

.contact-btn a::before{
  content: '';
  display: block;
  width: 26px;
  height: 20px;
  background: url(../img/common/ico_mail02.svg) no-repeat center/contain;
  margin-right: 10px;
}
.contact-btn .arrow::before{
  background: #fff;
  right:-30px;
}
.contact-btn .arrow:after{
  border-top-color: #fff;
  right:-30px;
  border-right-color: #fff;
}

.contact-btn:hover .arrow::before{
  right: -35px;
  width: 30px;
}
.contact-btn:hover .arrow::after{
  right: -35px;
}


.contact-item{
  border: 1px solid #DDE4EA;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 24px;
}


.contact-form{
  margin-top: 50px;
}
.contact-form .req{
  display: inline-block;
  background: #0019BC;
  color: #fff;
  font-weight: normal;
  font-size: 10px;
  margin-left: 1rem;
  line-height: 1;
  padding: 10px 4px;
}
.form-item{
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}
.form-item > p:first-child{
  width: 290px;
  font-weight: bold;
}
.form-item > *:last-child{
  width: calc(100% - 290px);
}
.form-item .name{
  display: inline-block;
  width: 48%;
  margin-right: 1.5%;
}
.form-item .mail{
  margin-bottom: 10px;
}

.contact-form .privacy{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c7d1f1;
  padding: 20px 0;
}
.contact-form [type="checkbox"]{
	-webkit-appearance: checkbox;
  appearance: auto;
  margin-bottom: -2px;
  width: 20px;
  height: 20px;
  border: 1px solid #545454;
}

.form-item input,
.form-item textarea{
  display: block;
  border: 1px solid #DEE5EB;
  width: 100%;
  height: 68px;
  font-size: 15px;
  padding: 10px;
}
.form-item textarea{
  height: 200px;
}
.contact-form [type="submit"]{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 280px;
  transition: all .3s;
  margin: 50px auto;
  border-radius: 100rem;
  background: #545454;
  color: #fff;
  height: 60px;
  display: flex;
  align-items: center;
  border: none;
  justify-content: center;
  cursor: pointer;
}
.contact-form [type="submit"]:hover{
  background: #0019BC;
}

.contact-thanks{
  padding-bottom: 100px;
}
.contact-thanks .tac{
  text-align: center;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 14px;
}
.contact-thanks h2{
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 30px;
}


@media screen and (max-width: 1020px) {
  .contact-sec1{
    padding: 60px 20px;
  }
  .contact-sec2 .sec-title{
    font-size: 1.8rem !important;
	 text-align: left !important;
	  line-height: 1.5;
  }
  .contact-item .title-square{
    font-size: 1.6rem;
    padding: 15px 55px 15px 40px;
    line-height: 1.5;
  }
  .contact-nav li{
    width: calc(50% - 8px);
  }
  .contact-nav li a{
    padding: 10px;
    line-height: 1.5;
    font-size: 1.2rem;
	  text-align: center;
  }
  .contact-item .title-square::before{
    left: 15px;
    top: 23px;
  }
  .contact-item .title-square::after{
    width: 30px;
    height: 30px;
    right: 10px;
  }

  .contact-item-inner{
    padding: 20px 5%;
    font-size: 1.2rem;
  }
  .contact-item-inner .flex{
    display: block;
  }
  .contact-item .contact-title:nth-of-type(n+2){
    margin-top: 2em;
  }
  .contact-item .left,.contact-item .right{
    float: none;
  }
  .contact-item .right{
    margin-top: 30px;
  }

  .form-item{
    display: block;
  }
  .form-item > *:last-child{
    width: 100%;
    margin-top: 10px;
  }

  .midpage-fv.-contact::after{
    width: 90vw;
    z-index: -1;
  }

}
@media screen and (max-width: 640px) {

}