@charset "utf-8";
:root{
    --back-light-green:#C9D8C1;
    --green-text:#405A4B;
    --input-back-color:#F2F2F2;
    --red-:#D92A31;
}
#contact__area{
    width: 100%;
    height: auto;
}
.footer__flex__area{
    display: none;
}
    .contact__inner{
        width: 90%;
        height: auto;
        margin: 0 auto;
        max-width: 1100px;
        padding-top: 52px;
        padding-bottom: 174px;
    }
        .contact__contents__wrap{
            width: 100%;
            height: auto;
            margin: 0 auto;
            max-width: 650px;
        }
            .contact__contents{
                width: 100%;
                height: auto;
                padding-top: 64px;
            }
            .contact__declaration{
                text-align: center;
            }
            .contact__tel__contents__text{
                font-size: 24px;
                letter-spacing: 0.05em;
                line-height: 1.5em;
                text-align: center;
            }
                .contact__tel__contents__text span{
                    font-size: 12px;
                }
            .contact__tel__contents{
                width: 100%;
                justify-content: center;
                align-items: center;
                background-color: var(--back-light-green);
                padding-top: 47px;
                padding-bottom: 51.5px;
                margin: 54px auto 76px auto;
            }
                .footer__text__title__contact_wrap{
                    width: 75.202808112%;
                }
        #contact{
            width: 100%;
            height: auto;
        }
            #form{
                width: 100%;
                height: auto;
            }
                .form__wrap{
                    width: 100%;
                    height: auto;
                }
                    .form__list{
                        width: 100%;
                        height: auto;
                    }
                        .form__item{
                            width: 100%;
                            height: auto;
                        }
                            .form__item_heading{
                                font-size: 18px;
                                letter-spacing: 0.05em;
                                line-height: 1.66em;
                                padding-top: 20px;
                                display: flex;
                                align-items: center;
                                column-gap: 8px;
                                margin-bottom: 13px;
                                display: flex;
                            }
                                .contact__wrap label{
                                    display: block;
                                }
                                
                                .mandatory{
                                    display: block;
                                    width: 50px;
                                    font-size: 12px;
                                    background-color: var(--red-);
                                    border-radius: 9999px;
                                    text-align: center;
                                    padding-left: 12px;
                                    padding-right: 12px;
                                    color: #fff;
                                }
                            .form__item_inputbox{
                                width: 100%;
                                height: auto;
                            }
                                .contact__wrap input{
                                    width: 100%;
                                    padding: 20px;
                                    background-color: var(--input-back-color);
                                    border-radius: 6px;
                                }
                                .contact__wrap textarea{
                                    width: 100%;
                                    height: auto;
                                    min-height: 300px;
                                    padding: 20px;
                                    background-color: var(--input-back-color);
                                    border-radius: 6px;
                                }
                                
                                ::placeholder {
                                    color: #767676;
                                }

                            #your__send:hover{
                                background-color: #C9D8C1;
                            }
                            #kiyaku-checkbox{
                                width: 20px;
                                height: 20px;
                                padding: 0;
                            }
                            .wpcf7-list-item input{
                                width: 20px;
                                height: 20px;
                                padding: 0;
                                cursor: pointer;
                            }
                            .wpcf7-form-control .wpcf7-list-item{
                                display: flex;
                                justify-content: center;
                            }
                                .wpcf7-list-item label{
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    column-gap: 10px;
                                }
                                .wpcf7-form-control-wrap a{
                                    display: inline-block;
                                    color: var(--red-);
                                }
                            .wpcf7-form p{
                                position: relative;
                            }
                            .pp__link{
                                display: inline-block;
                            }
                                .wpcf7-form-control-wrap{
                                    width: 100%;
                                }
                                .wpcf7-list-item input::before {
                                    content: "";
                                    display: block;
                                    width: 10px;
                                    height: 2px;
                                    background-color: var(--green-text);
                                    border-radius: 1px;
                                    transform: rotate(49deg) translate(9px, 5.5px);
                                    opacity: 0;
                                    transition: 0.3s;
                                }
                                .wpcf7-list-item input::after {
                                    content: "";
                                    display: block;
                                    width: 15px;
                                    height: 2px;
                                    background-color: var(--green-text);
                                    border-radius: 1px;
                                    transform: rotate(-50deg) translate(-1px, 9px);
                                    opacity: 0;
                                    transition: 0.3s;
                                }
                                .wpcf7-list-item input:checked::before ,
                                .wpcf7-list-item input:checked::after {
                                    opacity: 1;
                                }
                                
                                #your__send{
                                    width: 71.762871%;
                                    background-color: var(--green-text);
                                    border-radius: 4px;
                                    padding-top: 19px;
                                    padding-bottom: 20px;
                                    margin: 40px auto 0 auto;
                                    transition: 0.3s;
                                    height: 100%;
                                    font-size: 20px;
                                    color: #fff;
                                    transform: translateX(21%);
                                    text-align: center;
                                    cursor: pointer;
                                    transition: 0.3s;
                                    pointer-events: none;
                                    opacity: 0.7;
                                }
                                #your__send.active{
                                    pointer-events: auto;
                                    opacity: 1;
                                }
 @media all and (max-width:1200px){
    .footer__text__title__contact_wrap{
        width: 87%;
    }
        .contact__contents .footer__text__title{
            font-size: 14px;
        }
            .contact__contents .footer__tel__link__name{
                font-size: 14px;
            }
                .footer__tel__link{
                    font-size: 24px;
                }
                    .footer__tel__link span{
                        font-size: 14px;
                    }
                    .footer__tel__text{
                        padding-bottom: 0;
                        margin-bottom: 0;
                    }
 }                      
/* SP ================================================== */
@media all and (max-width:768px){
    .contact__inner{
        width: 87%;
        padding-top: 20px;
    }
        .contact__contents__wrap{
            width: 100%;
        }

        .top__title{
            font-size: 23px;
        }
        .simulation__title__wrap{
            padding: 30px 0;
        }
        .contact__tel__contents__text{
            font-size: 12px;
        }
        .footer__text__title__contact_wrap{
            width: 92%;
        }
        .form__item_inputbox input{
            font-size: 14px;
            padding: 10px;
        }
        .form__item_inputbox textarea{
            font-size: 14px;
            padding: 10px;
        }
            .contact__tel__contents{
                padding: 30px 0;
            }
            .footer__text__title.footer__tel__text{
                padding-bottom: 0;
            }
            .form__item_heading{
                font-size: 16px;
            }
            .confirm-btn{
                font-size: 16px;
            }
            .contact__declaration{
                font-size: 14px;
            }
            .contact__tel__contents{
                margin-top: 0;
            }
                .contact__tel__contents__text{
                    padding-bottom: 20px;
                }
                .form__item_heading{
                    line-height: 1.5;
                }
                    .mandatory{
                        padding-top: 2px;
                        padding-bottom: 3px;
                    }
                    .contact__wrap input,
                    .contact__wrap textarea{
                        padding: 15px;
                        font-size: 14px;
                    }
                    .wpcf7-list-item label{
                        padding-top: 20px;
                    }
                    .wpcf7-list-item input{
                        width: 15px;
                        height: 15px;
                        padding: 0;
                        border-radius: 3px;
                    }
                    .wpcf7-list-item input::before {
                        content: "";
                        display: block;
                        width: 10px;
                        height: 2px;
                        background-color: var(--green-text);
                        border-radius: 1px;
                        transform: rotate(49deg) translate(6px, 6.5px);
                        opacity: 0;
                        transition: 0.3s;
                    }
                    .wpcf7-list-item input::after {
                        content: "";
                        display: block;
                        width: 15px;
                        height: 2px;
                        background-color: var(--green-text);
                        border-radius: 1px;
                        transform: rotate(-50deg) translate(-1px, 6px);
                        opacity: 0;
                        transition: 0.3s;
                    }
                    
                    
}