@charset 'UTF-8';

/*  entry
--------------------------------------- */

.kv {
background: url("/ja/assets/img/partner/bg_kv_01.jpg") no-repeat center;
}

.kv .inner {
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

.kv h1 {
padding: 30px 0 5px;
color: #333;
font-size: 30px;
font-weight: bold;
}

.kv p {
padding: 0 0 25px;
color: #333;
font-size: 15px;
font-weight: bold;
line-height: 1.5;
}

.lnav ul {
max-width: 700px;
}

.entry {
max-width: 900px;
margin: 0 auto;
padding: 65px 20px 60px;
box-sizing: border-box;
}

.entry h2 {
margin: 0 0 35px;
padding: 0 0 18px;
color: #333;
font-size: 30px;
font-weight: bold;
text-align: center;
background: url("/ja/assets/img/bg_h2_01.png") no-repeat center bottom;
}

.entry .lead {
margin: 0 0 30px;
font-size: 14px;
line-height: 1.58;
text-align: center;
}

.entry .red {
color: #fe0000;
}

.entry h3 {
margin: 0 0 25px;
padding: 0 0 10px;
color: #13438e;
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid #13438e;
}

.entry .formBox {
max-width: 600px;
margin: 0 auto;
padding: 0 0 30px;
}

.entry .formBox .listBox {
display: flex;
justify-content: space-between;
padding: 0 0 20px;
}

.entry .formBox .listBox dl {
width: 186px;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
border-right: 1px dotted #ccc;
}

.entry .formBox .listBox dl:last-child {
margin: 0;
padding: 0;
border: none;
}

.entry .formBox dl dt {
margin: 0 0 5px;
font-size: 18px;
font-weight: bold;
}

.entry .formBox dl dd {
margin: 0 0 28px;
}

.entry .formBox .listBox dl dd {
margin: 0 0 20px;
}

.entry .formBox .listBox dl dd:last-child {
margin: 0;
}

.entry.confirm .formBox dl dd {
margin: 0 0 20px;
padding: 5px 0 0 1em;
color: #333;
font-size: 16px;
line-height: 1.375;
}

.entry .formBox dl .err {
margin: -20px 0 25px;
color: #fe0000;
font-size: 14px;
font-weight: bold;
}

.entry .formBox dl dd input[type="text"] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
padding: 10px 14px;
font-size: 16px;
background: #fff;
border: 1px solid #333;
box-sizing: border-box;
}

.entry .formBox .listBox dl dd input[type="text"] {
padding: 7px 14px;
}

.entry .formBox dl dd select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 180px;
padding: 10px 14px;
font-size: 16px;
background: #fff url("/ja/assets/img/ico_arw_select.png") no-repeat right center;
border: 1px solid #333;
box-sizing: border-box;
}

.entry .formBox dl dd .bgerr + label:after {
background-color: #fff2f2;
}

.entry .formBox dl dd input[type="checkbox"]:checked + label:after {
background: url("/ja/assets/img/ico_checkbox.png") no-repeat center;
background-size: 100% auto;
}

.entry .formBox dl dd.checkList {
margin: 0 0 5px;
}

.entry .formBox dl dd.checkList span.wpcf7-list-item {
display: inline-block;
width: 192px;
margin: 0 0 20px;
}

.entry .formBox dl dd.checkList span.wpcf7-list-item label {
margin: 0;
}

.entry .formBox dl dd input[type="text"].short {
width: 200px;
}

.entry .formBox dl dd span {
margin: 0 5px 0 0;
font-size: 16px;
vertical-align: middle;
}

.entry .formBox .type {
margin: -5px 0 25px;
font-size: 14px;
line-height: 2;
}

.entry .formBox .btnBox {
display: flex;
justify-content: center;
padding: 35px 0 0;
}

.entry .formBox .btnBox p {
width: 162px;
margin: 0 7px;
text-align: center;
}

.entry .formBox .btnBox .submit input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
padding: 11px 0;
color: #fff;
font-size: 16px;
font-weight: bold;
background: #144996;
border: none;
box-sizing: border-box;
transition: 0.3s all;
}

.entry .formBox .btnBox .cancel a {
display: block;
padding: 10px 0;
color: #144996;
font-size: 16px;
font-weight: bold;
border: 1px solid #144996;
box-sizing: border-box;
transition: 0.3s all;
}

.entry .formBox .btnBox .back input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
padding: 10px 0;
color: #144996;
font-size: 16px;
font-weight: bold;
background: #fff;
border: 1px solid #144996;
box-sizing: border-box;
transition: 0.3s all;
}

.entry .formBox .btnBox p a:hover ,
.entry .formBox .btnBox p input:hover {
opacity: 0.7;
cursor: pointer;
}

.entry .compBox {
padding: 55px 0 60px;
text-align: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.entry.complete h3 {
margin: 0 0 35px;
padding: 0;
color: #333;
font-size: 25px;
font-weight: bold;
border-bottom: none;
}

.entry .compBox .btn {
width: 193px;
margin: 0 auto;
}

.entry .compBox .btn a {
display: block;
color: #144996;
font-size: 16px;
font-weight: bold;
line-height: 2.6875;
border: 1px solid #144a97;
}


/*  for contact form 7 --------------- */

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

.kv {
background: url("/ja/assets/img/partner/bg_kv_01_sp.jpg") no-repeat center;
background-size: cover;
}

.kv .inner {
width: 88%;
margin: 0 auto;
padding: 0;
}

.kv h1 {
padding: 2.5% 0 0;
color: #333;
font-size: 20px;
font-weight: bold;
line-height: 2;
}

.kv p {
padding: 0 0 3.5%;
color: #333;
font-size: 12px;
font-weight: normal;
line-height: 1.25;
}

.lnav ul {
width: 650px;
max-width: inherit;
}

.entry {
width: 100%;
margin: 0 auto;
padding: 10% 0 6%;
box-sizing: border-box;
}

.entry h2 {
margin: 0 0 8%;
padding: 0 0 2%;
color: #333;
font-size: 20px;
font-weight: bold;
background: url("/ja/assets/img/bg_h2_01.png") no-repeat center bottom;
background-size: 100px auto;
}

.entry .lead {
width: 90%;
margin: 0 auto 5%;
font-size: 12px;
line-height: 1.58;
}

.entry h3 {
margin: 0 0 4%;
padding: 0 6.66% 2%;
color: #13438e;
font-size: 13px;
font-weight: bold;
border-bottom: 1px solid #13438e;
}

.entry .formBox {
width: 86.667%;
margin: 0 auto;
padding: 0 0 5%;
}

.entry .formBox .listBox {
display: block;
padding: 0 0 20px;
}

.entry .formBox .listBox dl {
width: 100%;
margin: 0 0 5%;
padding: 0 0 5%;
border-right: none;
border-bottom: 1px dotted #ccc;
}

.entry .formBox .listBox dl:last-child {
margin: 0;
padding: 0;
border: none;
}

.entry .formBox dl dt {
margin: 0 0 1%;
font-size: 15px;
font-weight: bold;
}

.entry .formBox dl dd {
margin: 0 0 7%;
}

.entry.confirm .formBox dl dd {
margin: 0 0 5%;
padding: 1% 0 0 1em;
color: #333;
font-size: 14px;
line-height: 1.58;
}

.entry .formBox dl .err {
margin: -5% 0 7%;
color: #fe0000;
font-size: 12px;
font-weight: bold;
}

.entry .formBox .listBox dl dd {
margin: 0 0 5%;
}

.entry .formBox dl dd input[type="text"] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
padding: 7px 10px;
font-size: 14px;
background: #fff;
border: 1px solid #333;
box-sizing: border-box;
}

.entry .formBox .listBox dl dd input[type="text"] {
padding: 7px 10px;
}

.entry .formBox dl dd label {
margin: 0 36px 0 0;
padding: 0 0 0 26px;
font-size: 12px;
line-height: 1.29;
vertical-align: middle;
}

.entry .formBox dl dd label:after {
width: 18px;
height: 18px;
}
	
.entry .formBox dl dd.checkList {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 5px;
}

.entry .formBox dl dd.checkList span.wpcf7-list-item {
display: block;
width: 50%;
margin: 0 0 12px;
float: left;

}

.entry .formBox dl .checkList span.wpcf7-list-item label:nth-child(even) {
width: 46%;
}

.entry .formBox dl .checkList span.wpcf7-list-item label {

margin: 0;
}

.entry .formBox dl dd input[type="text"].short {
width: 162px;
}

.entry .formBox .note {
margin: -5% 0 3%;
font-size: 10px;
line-height: 1.6;
}

.entry .formBox .type {
margin: -2% 0 5%;
font-size: 14px;
line-height: 2;
}

.entry .formBox ul {
display: block;
}

.entry .formBox ul li {
margin: 0 0 3%;
}

.entry .formBox ul li:nth-child(odd) {
width: 100%;
}

.entry .formBox ul li:nth-child(even) {
width: 100%;
}

.entry .formBox ul li input {
width: 15px;
height: 15px;
margin: 0 8px 0 0;
vertical-align: middle;
}

.entry .formBox ul li label {
font-size: 14px;
line-height: 1.08;
vertical-align: middle;
}

.entry .formBox .link {
margin: 0 0 5%;
}

.entry .formBox .link a {
text-decoration: underline;
}

.entry .formBox .btnBox {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5% 0 0;
}

.entry .formBox .btnBox p {
width: 47.7%;
margin: 0;
text-align: center;
}

.entry .formBox .btnBox .submit input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
padding: 11px 0;
color: #fff;
font-size: 15px;
font-weight: bold;
background: #144996;
border: none;
box-sizing: border-box;
transition: 0.3s all;
}

.entry .formBox .btnBox .cancel a {
display: block;
padding: 10px 0;
color: #144996;
font-size: 15px;
font-weight: bold;
border: 1px solid #144996;
box-sizing: border-box;
transition: 0.3s all;
}

.entry .formBox .btnBox p a:hover ,
.entry .formBox .btnBox p input:hover {
opacity: 1;
cursor: pointer;
}


.entry .compBox {
width: 86.666%;
margin: 0 auto 5%;
padding: 8% 0 7%;
text-align: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.entry.complete h3 {
margin: 0 0 5%;
padding: 0;
color: #333;
font-size: 15px;
font-weight: bold;
border-bottom: none;
}

.entry .compBox .btn {
width: 155px;
margin: 0 auto;
}

.entry .compBox .btn a {
display: block;
color: #144996;
font-size: 15px;
font-weight: bold;
line-height: 2.9;
border: 1px solid #144a97;
}

}