@charset "utf-8";

/* 独居ケア form用独自style */
/* form_flow */
.form_flow {
display: flex;
border: 1px solid var(--green-30);
background: #FFF;
}
.form_flow li {
position: relative;
width: 100%;
min-height: 57px;
font-size: min(3.2vw, 18px);
font-family: var(--font-family-round);
font-weight: 600;
text-align: center;
align-content: center;
line-height: 1.4;
color: var(--green);
}
.form_flow li:after {
position: absolute;
top:0;
right:-17px;
content: "";
display: block;
width: 18px;
height: 100%;
background: url(../images/form/form-flow_arrow.svg) no-repeat	center center;
background-size: cover;
z-index: 10;
}
.form_flow li:last-child:after {
display: none;
}
.form_flow li.active {
background: var(--green);
color: #FFF;
}
.form_flow li.active:after {
background-image: url(../images/form/form-flow_arrow_active.svg);
}
.form_flow li > small,
.form_flow li > strong {
display: block;
text-align: center;
}
.form_flow li > strong {
font-size: 133%;
}

.form_flow + .t18 {
font-size: min(4.5vw,19px);
}






@media screen and (min-width:768px) {
.form_flow li {
font-size: min(1.8vw, 18px);
}
.form_flow li > strong,
.form_flow li > small {
display: inline-block;
vertical-align: middle;
}
.form_flow li > strong {
margin-left: 1rem;
}

}/* min-width:768px */







/* ENTRY FORM */
.entry_form {
/* margin-bottom: 5rem; */
}
.entry_form dt {
margin-bottom: min(2vw, 1rem);
font-size: min(4vw,18px);
}
.entry_form dt span {
display: inline-block;
margin-right: .5rem;
padding: .4rem .5rem .5rem;
background: var(--green);
color: #FFF;
font-size: 74%;
font-weight: 600;
line-height: 1;
translate: 0 -2px;
}
.entry_form dt + dd {
margin-bottom: min(5vw, 30px); 
}
.entry_form	dt .caption {
padding-top: 0;
}
.entry_form input[type="text"],
.entry_form input[type="email"],
.entry_form input[type="tel"],
.entry_form textarea {
display: block;
width: 100%;
padding: 1rem;
font-size: 1.6rem;
border: none;
box-sizing: border-box;
}
input::placeholder {color: #808080 !important;}
input::-ms-input-placeholder {color: #808080 !important;}
textarea::placeholder {color: #808080 !important;}
textarea::-ms-input-placeholder {color: #808080 !important;}


.wrap_check {
margin: min(3vw,20px) 0 min(6vw,60px);
font-size: min(3.6vw,18px);
}
.wrap_check .link-pdf {
margin-top: .6rem;
}
.wrap_check .link-pdf a {
text-decoration: underline;
margin: 0 4px;
}
.wrap_check .link-pdf a:after {
content: "";
display: inline-block;
width: min(4.2vw,20px);
height: min(4.2vw,20px);
background: url(../images/form/icon_pdf.svg) no-repeat center center;
background-size: cover;
margin-left: 8px;
vertical-align: middle;
}
input[type=checkbox] {
display: none;
}
.checkbox {
box-sizing: border-box;
position: relative;
display: inline-block;
margin: 0;
padding-left:min(8.5vw,	40px);
vertical-align: middle;
cursor: pointer;
}
.checkbox:after {
position: absolute;
top: 50%;
translate: 0 -50%;
left: 0;
display: block;
width: 26px;
height: 26px;
border-radius: 3px;
content: '';
background:#FFF;
border: 2px solid var(--green);
border-radius: 3px;
}
.checkbox:before {
position: absolute;
top: min(0.5vw,6px);
left:8px;
display: block;
width: 10px;
height: 16px;
border-right: 3px solid var(--green);
border-bottom: 3px solid var(--green);
content: '';
opacity: 0;
transform: rotate(45deg);
z-index: 10;
}
input[type=checkbox]:checked + .checkbox:before {
opacity: 1;
}


input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
input[type="submit"].submit_button {
position: relative;
display: inline-block;
width: min(90%, 400px);
background: var(--green);
color: #FFF;
text-align: center;
padding: 1rem;
border-radius:40px;
font-size: min(5vw, 24px);
font-weight: 600;
font-family: "YakuHanJP",dnp-shuei-mgothic-std, sans-serif;
cursor: pointer;
transition: all .2s;
} 
input[type="submit"].submit_button:hover {
opacity: .7;
}
input[type="submit"].submit_button:disabled {
opacity: .4;
cursor: default;
}

input[type="submit"].submit_button.back {
background-color: #a8b2ba;
}

a.btn_green-round,
a.btn_gray-round {
display: inline-block;
background: var(--green);
border-radius: 40px;
color: #FFF;
text-align: center;
padding: 1rem min(6vw,30px);
font-size: min(3.8vw, 17px);
font-weight: 600;
font-family: "YakuHanJP",dnp-shuei-mgothic-std, sans-serif;
}
a.btn_gray-round {
background-color: #a8b2ba;
}


/* error */
.entry_form input[type="text"].error,
.entry_form textarea.error {
border: 1px solid #f54b4f;
}
.entry_form span.error {
display: block;
margin-top: min(2vw, 1rem);
color: #f54b4f;
}

@media screen and (min-width:768px) {

/* MAIL FORM */
.wrap_check {
display: flex;
align-items: center;
gap:10px;
}
} /* min-width:768px */


.box_green-border {
padding: min(2vw, 20px);
border: 1px solid var(--green);
font-size: min(2.8vw,14px);
}
.box_rules {
padding: min(2vw, 20px);
background: #FFF;
font-size: min(2.8vw,14px);
}
.box_rules .wrap_scroll {
overflow-y: scroll;
height: 200px;
padding-right: 20px;
scrollbar-color: var(--green) #FFF;
scrollbar-width: thin;
}
.box_rules h4.strong {
margin-bottom: min(2vw, 10px);
}
.box_rules p + p {
margin-top: min(2vw, 10px);
}
.box_rules ul.list-decimal > li > ol,
ol.list-cnt {
margin-top: min(2vw, 10px);
padding-left: 2.5rem;
}
.box_rules ul.list-decimal > li > ol > li,
ol.list-cnt > li {
counter-increment: cnt;
}
.box_rules ul.list-decimal > li > ol > li:before,
ol.list-cnt > li:before {
display: inline-block;
content: "（" counter(cnt) "）";
width: 2.5rem;
margin-left: -2.5rem;
}

.box_rules table {
width: 100%;
border-top: 1px solid #e4e8eb;
border-left: 1px solid #e4e8eb;
}
.box_rules table th,
.box_rules table td {
padding: min(1.2vw, 8px);
border-bottom: 1px solid #e4e8eb;
border-right: 1px solid #e4e8eb;
vertical-align: middle;
}
.box_rules table thead th {
padding:min(.6vw, 3px);
background: #f2f2f2;
text-align: center;
font-family: 90%;
}




/* CONFIRM / FINISH */
.entry_form.confirm {
border-bottom: 1px solid var(--green-20);
}
.entry_form.confirm dt + dd {
margin-bottom: 0;
}
.entry_form.confirm dt {
margin-bottom: 5px;
padding-top: min(3vw, 20px);
border-top: 1px solid var(--green-20);
}
.entry_form.confirm dd {
padding-bottom: min(3vw, 20px);
}
.green-border {
padding: min(3vw, 20px) 0;
border-top: 1px solid var(--green-20);
border-bottom: 1px solid var(--green-20);
}

@media screen and (min-width:768px) {
.dokkyo_form_confirm,.dokkyo_form_finish {
padding-top: 72px;
}
.entry_form.confirm {
display: flex;
flex-wrap: wrap;
}
.entry_form.confirm dt,
.entry_form.confirm dd {
box-sizing: border-box;
margin-bottom: 0;
padding: min(3vw, 20px) 0;
border-top: 1px solid var(--green-20);
}
.entry_form.confirm dt {
width: 45%;
padding-right: 20px;
}
.entry_form.confirm dd {
width: 55%;
}

}/* min-width:768px */