body{
  background: #fff;
}


.-second__wrap{
  padding: 40px 35px 60px;
}

.l-wrap h1{
  font-size: 38px;

}



.l-document-request-left-osusume{
  border-left: 1px solid #666;
  padding: 0px 10px 3px;
  margin-bottom: 16px;
}





input[type="radio"]{display:none;}







.tab_column_area {
  padding: 0;
}

.tab_column_area label{
  padding: 0;
}

.tab_column_panel{
  padding: 0;
  display:none;
}


#tab_column0:checked ~ .panel_area #panel0,
#tab_column1:checked ~ .panel_area #panel1,
#tab_column2:checked ~ .panel_area #panel2{
  display:block;
}









.l-wrap h1 span{
  vertical-align: middle;
  background: #122B5C;
  font-size: 30px;
  border-radius: 5px;
  color: #fff;
  padding: 3px 10px 5px 12px;
  margin: 2px 8px 0 0;
}

.l-document-request{
  margin-bottom: 50px;
}
.l-document-request-left{
  width: 460px;
}

.l-document-request-left-select{
margin-top: 10px;
}

.l-document-request-left-wakwaru{
  background: #F6F9FF;
  padding: 20px;
}

.l-document-request-left-wakwaru h1{
  font-size: 22px;
}

.l-document-request-left-select label{
  width: calc(33.3% - 10px);
}

.-circle li {
  list-style: none;
  margin: 15px 0 0;
  padding-left: 20px;
  position: relative;
}

.-circle li + li{
  margin: 10px 0 0;
}

.-circle li:before {
  position: absolute;
  content: "";
  display: inline-block;
  z-index: 1;
  background-repeat: no-repeat;
  top: 9px;
  left: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: #F6F9FF;
  border: 3px solid #EB9D4F;
  border-radius: 50%;
  margin-right: 10px;
}

.l-document-request-right{
  padding: 0;
  width: 460px;
  background: #F6F9FF;
}

.l-document-request-h1{
  position: relative;
  background: #122B5C;
  color: #fff;
  padding: 11px;
  border-radius: 10px 10px 0 0;
}

.l-document-request-h1:before{
  position: absolute;
  content: "";
  display: inline-block;
  z-index: 1;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  right: calc(50% - 5px);
  bottom: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0;
  border-color: #122B5C transparent transparent;
}


.l-document-request-h1 h1{
  color: #fff;
  font-size: 23px;
}

.l-document-request-input{
  padding: 15px 20px 15px;
}

.l-contact tr{
margin-bottom: 15px;
display: block;
}

.l-contact-title{
  font-size: 17px;
}
th.l-contact-title-box{
  background: #F6F9FF;
  color:#122B5C;
  border: none;
/*  width: 256px;*/
  font-weight: 900;
  padding: 0;
  display: block;
  margin-bottom: 10px;
}

th.-vt{
  vertical-align: top;
}

.-mandatory {
  color: #EB9D4F;
  border: 1px solid #EB9D4F;
  font-size: 14px;
  padding: 1px 12px 3px;
  border-radius: 13px;
  font-weight: 400;
  margin-right: 10px;
  font-weight: 900;
}

td.l-contact-input-box{
  border: none;
  padding: 0;
  position: relative;
}

.mw_wp_form .error{
  text-align: left;
  font-size: 12px !important;
}

.mw_wp_form .display-error.-agree span.error {
  /* margin-top: -36px;
  text-align: center; */
  margin-bottom: 44px;
}

.mw_wp_form .display-error.-error-message .error{
  background: #ffeeee;
  padding: 0 15px;
}

.mw_wp_form .display-error.-error-message .error:first-child {
  padding-top:15px;
  margin-top: -25px;
  border-radius: 10px 10px 0 0;
}

.mw_wp_form .display-error.-error-message .error:last-child {
  padding-bottom:15px;
  margin-bottom: 35px;
  border-radius: 0 0 10px 10px;
}

.mw_wp_form .display-error.-error-message .error:first-child:before {
  content: "下記内容をご確認下さい。";
  display: block;
}

input,textarea{
  outline: none;
  font-size: 16px;
  background: #fff;  
  border: none;
  padding: 11px 6px;
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
  border: solid #e6e6e6 1px;
}

input[type=radio] {
display: none; 
}

input[type="radio"] + span{
background: #F2F2F2;
color: #ACACAC;
margin: 0 10px 0 0;
padding: 7px 20px;
border-radius: 10px;
display: inline-block;
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}

input[type="radio"]:checked + span{
background: #122B5C;
color: #fff;
}

input[type="checkbox"] {
  height: 22px;
  width: 22px;
}

input[type="checkbox"] + span{
  /* background: #F2F2F2;
  padding: 15px 20px;
  border-radius: 10px;
  display: inline-block;
  cursor: pointer;
  width: 370px; */
  color: #aaa;
  /* margin-bottom: 40px;
  font-weight: 900; */
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  vertical-align: top;
}

input[type="checkbox"]:checked + span {
  color: #122B5C;

}

input[type="submit"]{
  padding: 10px 20px;
  background: #EB9D4F;
color: #fff;
width: 370px;
font-size: 20px;
font-weight: 900;
-webkit-transition: all .2s ease;
transition: all .2s ease;
border: none;
}

input[type="radio"] + span:hover,
input[type="checkbox"] + span:hover,
input[type="submit"]:hover{
  -webkit-transform: translate3d(0, 3px, 0);
  transform: translate3d(0, 3px, 0);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.mw_wp_form .vertical-item + .vertical-item{
  margin-top: 0 !important;
}


.l-submit{
  margin-top: 30px;
}

.l-submit,.l-agree{
  text-align: center;
}

#ua_box {
  width: 100%;
  height: 130px;
  overflow: auto;
  border: 3px #F2F2F2 solid;
  text-align: left;
  margin-bottom: 15px;
  padding: 15px;
}

.l-agree-entry{
  position: relative;
  text-align: left;
}

.mw_wp_form .l-agree-entry .error {
  top: 58px;
  left: 50%;
  margin-left: -34px;
}

.l-footer.l-contact{
  margin-bottom:0;
}


.mw_wp_form_confirm .confirm-hidden {
display: none;
margin-bottom: 40px;
}

.mw_wp_form_confirm .confirm-submit{
  margin-top: 50px;
}

.mw_wp_form_confirm .confirm-submit input.contact_back {
  background: no-repeat;
  color: #bbb;
  display: inline-block;
  width: 100%;
  font-weight: 500;
  padding: 18px 0 0;
}


#ua_box{
  background: #fff;
  font-size: 12px;
  padding: 7px 10px;
  line-height: 1.7;
  height: 100px;
}

/* ==================================================
sp
================================================== */
@media screen and (max-width: 768px) { 
  h1.-center.-flex.-center-w{
  flex-direction: column !important;
}
.-second__wrap{
  margin-top: 0;
}
.l-wrap h1 span {
  font-size: 1rem;
  color: #122B5C;
  background:#fff;
}

.l-wrap h1 {
  font-size: 1.7rem;
}

.l-document-request{
  margin-top: 15px;
}
  .-second__wrap{
    padding: 10px;
  }

.l-document-request{
  flex-direction: column;
}
.l-document-request-left-wakwaru{
  margin-bottom: 20px;
  padding: 15px 10px 15px;
}
.l-document-request-left-wakwaru h1{
  font-size: 1.3rem;
}
.-circle li{
  font-size: 1.2rem;
}
.l-document-request-h1{
  padding: 10px 10px 13px;
}
.l-document-request-h1 h1{
  font-size: 1.3rem;
}
.l-document-request-left,
.l-document-request-right{
  width: 100%;
}

  input,textarea{
  width: 100%;
}

  .l-frame-second{
  padding: 25px 15px 45px;
}

th.l-contact-title-box {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

td.l-contact-input-box {
  width: 100%;
  display: block;
  padding: 0;
}

input[type="checkbox"] + span {
  width: 90%;
  margin-bottom: 23px;
}

input[type="submit"] {
  width: 90%;
}

input[type="radio"] + span {
  margin: 0 10px 0 0;
  padding: 7px 10px;
}

.mw_wp_form .display-error.-agree span.error{
  margin-top:-18px;
}

.l-document-request-input {
  padding: 20px 5px 15px;
}

}