@charset "utf-8";
/* CSS Document */
body {
    background-color: #FBFBFB;
}
main#coa {
    margin: 84px 0 130px;
}
#all_wrap.corporate #titleblock {
    background: url(../images/contact/title.jpg);
    background-size: cover;
}
#all_wrap.corporate #titleblock dl dt, #all_wrap.corporate #titleblock dl dd {
    color: #4976C6;
}
#all_wrap.corporate #contentsflex {
    margin-top: 100px;
}
/*-----------------------------------------------------------*/
.inner .step {
    width: 90rem; /*900*/
    margin: 0 auto;
    display: flex;
    justify-content: center;
    list-style: none;
    column-gap: 15px;
}
.inner .step li {
    width: calc(100% / 3);
}
.inner .step li p {
    display: block;
    width: 100%;
    border: 1px solid #4976C6;
    box-sizing: border-box;
    background: #fff;
    font-size: 2.0rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    color: #0099FF;
    border-radius: 40px;
    line-height: 2.08;
}
.inner .step li p span {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 2.3rem; /*23*/
    font-weight: 700;
}
.inner .step li.on p {
    background: #009fe8;
    color: #fff;
}
.inner .form_area table {
    width: 100%;
    margin-top: 50px;
}
.inner .form_area table tr td {
    border-top: 1px solid #DCDDDD;
    padding: 55px 0;
    color: #505050;
}
.inner .form_area table tr td:first-of-type {
    width: 25.3rem;
    vertical-align: baseline;
}
.inner .form_area table div {
    display: flex;
}
.inner .form_area table div.radio_list {
    gap: 25px 50px;
    max-width: 47.0rem;
    flex-wrap: wrap;
    line-height: 1;
}
.inner .form_area table div.radio_list p {
    align-items: center;
    display: flex;
    color: #505050;
    letter-spacing: 0.48px;
    font-size: 1.6rem;
    font-weight: 500;
}
.inner .form_area table div.radio_list input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #D9D9D9;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    padding: 0;
}
.inner .form_area table div.privacy_area {
    display: block;
    width: 100%;
    border: 1px solid #DCDDDD;
    background-color: #F0F0F0;
    border-radius: 5px;
    font-size: 1.6rem;
    padding: 12px 15px;
    box-sizing: border-box;
    height: 150px;
    overflow-y: scroll;
    color: #505050;
}
.form_area .privacy_area .txt_lv1 {
    font-size: 1.6rem;
}
.form_area .privacy_area .txt_lv2 {
    font-size: 1.2rem;
    text-align: right;
}
.form_area .privacy_area .txt_lv3 {
    margin-top: 15px;
    font-size: 1.2rem;
    display: flex;
}
.form_area .privacy_area .txt_lv3_inn {
    font-size: 1.2rem;
}
.form_area .privacy_area .txt_lv3_inn a {
    color: #e81c24;
    text-decoration: underline;
    font-size: 1.2rem;
}
.form_area .privacy_area .syomei {
    margin-left: 10px;
    font-size: 1.2rem;
}
.inner .form_area input[type="radio"]:checked {
    border-color: #4976C6;
}
.inner .form_area input[type="radio"]:checked::before {
    content: "";
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    background: #4976C6;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.inner .form_area input[type="text"], .inner .form_area input[type="email"], .inner .form_area textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    border: 1px solid #DCDDDD;
    background-color: #F0F0F0;
    border-radius: 5px;
    font-size: 1.6rem;
    padding: 12px 15px;
    color: #505050; /**/
    font-family: 'Noto Sans JP', sans-serif !important;
    box-sizing: border-box;
}
.inner .form_area textarea[name="ご住所"] {
    resize: none;
    height: 50px;
}
.inner .form_area textarea[name="お問い合わせ内容"] {
    min-height: 500px;
    resize: none;
}
input::placeholder {
    font-weight: 500;
    color: #D3D3D3;
    opacity: 1;
    letter-spacing: 0.48px;
}
textarea::placeholder {
    font-weight: 500;
    color: #D3D3D3;
    opacity: 1;
    letter-spacing: 0.48px;
}
input:-ms-input-placeholder {
    font-weight: 500;
    color: #D3D3D3;
    opacity: 1;
    letter-spacing: 0.48px;
}
textarea:-ms-input-placeholder {
    font-weight: 500;
    color: #D3D3D3;
    opacity: 1;
    letter-spacing: 0.48px;
}
input::-ms-input-placeholder {
    font-weight: 500;
    color: #D3D3D3;
    opacity: 1;
    letter-spacing: 0.48px;
}
textarea::-ms-input-placeholder {
    font-weight: 500;
    color: #D3D3D3;
    opacity: 1;
    letter-spacing: 0.48px;
}
.inner .form_area .koumoku01 {
    color: #FF9800;
    min-width: 2.1rem;
    font-weight: 700;
    position: relative;
}
.inner .form_area .koumoku01.must::before {
    content: "";
    position: absolute;
    background-image: url("../images/contact/must.svg");
    width: 10px;
    height: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.inner .form_area .koumoku02 {
    font-weight: 700;
    color: #4976C6;
    font-size: 1.6rem;
    letter-spacing: 0.48px;
}
.kakunin_txt {
    font-weight: 700;
    color: #4976C6;
    font-size: 1.6rem;
    letter-spacing: 0.48px;
    text-align: center;
    margin-top: 45px;
}
.kakunin_txt.red{
	color: #e81c24;
}
.tolink {
    width: 378px;
    height: 80px;
    margin: 34px auto 0;
    display: flex;
    justify-content: center;
}
.tolink > p{
    width: 100%;
}
a.btns.normal {
    padding-left: 0;
}
a.btns.normal::before {
    pointer-events: none;
}
a.btns.normal input {
    font-size: 2.5rem;
    font-weight: 300;
    color: #4976C6;
    background: none;
    width: 100%;
    height: 100%;
    text-align: left;
    padding-left: 36px
}
/*-----------------------------------------------------------*/
section#google_analytics {
    margin-top: 100px;
}
section#google_analytics h3 {
    font-weight: 700;
    color: #4976C6;
    font-size: 1.6rem;
    letter-spacing: 0.48px;
}
section#google_analytics p {
    margin-top: 15px;
    color: #4976C6;
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing: 0.36px;
}
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
.inner .txt01.reg {
    font-weight: 700;
    color: #4976C6;
    font-size: 1.6rem;
    letter-spacing: 0.48px;
    text-align: center;
    margin-bottom: 45px;
}
.inner .form_area table tr td.conf {
    font-weight: 700;
    color: #4976C6;
    font-size: 1.6rem;
    letter-spacing: 0.48px;
}
.inner .form_area table tr td .msg {
    color: red;
}
a.btns.normal.button input[type="button"] {
    text-align: center;
}
a.btns.normal.button::before {
    left: 12px;
    right: unset;
    transform: rotate(180deg);
}
a.btns.normal.submit {
    padding-left: 70px;
}
a.btns.normal.back {
    padding-left: 45px;
}
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
.contact_complete {
    font-weight: 700;
    color: #4976C6;
    font-size: 1.6rem;
    letter-spacing: 0.48px;
    text-align: center;
    margin-bottom: 34px;
}
.contact_complete p:last-of-type {
    font-weight: 400;
    color: #4976C6;
    font-size: 1.4rem;
    letter-spacing: 0.42px;
    text-align: center;
    margin-top: 20px;
}
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
.hidden-fields-container{
	border: 0;
}
.wpcf7-form-control.wpcf7-radio{
	display: flex;
	flex-wrap: wrap;
	gap: 25px 50px;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item{
    max-width: 47.0rem;
    flex-wrap: wrap;
    line-height: 1;
}
.inner .form_area table div > p:has(> span.wpcf7-form-control-wrap){
	width: 100%;
}

.wpcf7-list-item{
        margin-left: unset !important;
}
.wpcf7-form-control-wrap{
	    width: 100%;
}


/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/