@charset "UTF-8";

input[type="text"], select,textarea {
    -webkit-appearance: none;
    appearance: none;
    border:1px solid rgba(114,113,113,0.5);
  }

.contact-content{
    padding-top:100px;
    max-width:1300px;
    width:90%;
    margin:0 auto;
}

@media screen and (max-width:768px){
    .contact-content{
        padding-top:70px;
    }
}

.contact-text{
    position:relative;
    padding-bottom:50px;
}

.contact-text::before{
    content:"";
    width:80px;
    height:4px;
    background-color:#F0641E;
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
}

.contact-text::after{
    content:"";
    width:40px;
    height:4px;
    background-color:#000;
    position: absolute;
    bottom:0;
    left:50%;
}

.contact-text p{
    text-align: center;
    font-size:18px;
    line-height:2.111;
    letter-spacing:0.08em;
}

@media screen and (max-width:768px){
    .contact-text{
        padding-bottom:40px;
    }
    
    .contact-text p{
        text-align: center;
        font-size:16px;
    }
}

@media screen and (max-width:480px){
    .contact-text{
        padding-bottom:30px;
    }
    
    .contact-text p{
        text-align: center;
        font-size:16px;
        line-height:1.8;
        letter-spacing:0.04em;
    }
}

 /* タブウィンドウ */
 #tab-window{
    padding-bottom:100px;
  }
  /*tabの形状*/

  .tab_wrap{
    max-width:985px; 
    width:100%;
    margin:0px auto;
}

.tab_wrap input[type="radio"]{
    display:none;
}
  .tab_area{
    font-size:0; 
    margin:0;
}
  .tab_area label{
    width:31.11111%;
    margin:0; 
    display:inline-block; 
    padding:25px 0px;
    color:#333; 
    font-weight:600;
    text-align:center; 
    font-size:14px; 
    cursor:pointer;
    font-size:18px;
    margin:0 1.1111%;
    
}

@media screen and (max-width:1080px){
    .tab_area label{
        font-size:16px;
        padding:15px 0px;
    }
}

@media screen and (max-width:480px){
    .tab_area label{
        font-size:15px;
        padding:10px 0;
    }
}


.tab_panel{
width:100%; 
display:none;
}

.tab_label{
  border:1px solid #000;
  border-radius:10px 10px 0 0;
}

#tab1:checked ~ .panel_area #panel1{
    display:block;
}

#tab2:checked ~ .panel_area #panel2{
    display:block;
}

 #tab3:checked ~ .panel_area #panel3{
    display:block;
}

.tab_panel{
  background-color:#eee;
}

.panel-content{
    width:90%;
    margin:0 auto;
    padding:0 70px;
    padding-top:167px;
    padding-bottom:100px;
}

@media screen and (max-width:1105px){
    .panel-content{
        padding:0 5vw;
        padding-top:167px;
        padding-bottom:100px;
    }
}

@media screen and (max-width:768px){
    .panel-content{
        padding:0;
        padding-top:100px;
        padding-bottom:70px;
    }
}

@media screen and (max-width:480px){
    .panel-content{
        padding:0;
        padding-top:100px;
        padding-bottom:70px;
    }
}

#tab1:checked ~ .tab_area label.tab1_label{
  background-color:#3E3A39;
  color:#fff;
}
#tab2:checked ~ .tab_area label.tab2_label{
  background-color:#3E3A39;
  color:#fff;
}
#tab3:checked ~ .tab_area label.tab3_label{
  background-color:#3E3A39;
  color:#fff;
}

.panel-title{
    text-align: center;
    font-size:30px;
    color:#000;
    font-weight:500;
    letter-spacing:0.04em;
    position:relative;
}

.panel-title::before{
    content:"";
    width:40px;
    height:30px;
    position:absolute;
    background-size:contain;
    background-repeat: no-repeat;
    top:-50px;
    left:50%;
    transform: translateX(-50%);;
}

@media screen and (max-width:768px){
    .panel-title{
        font-size:25px;
    }
    
    .panel-title::before{
        top:-40px;
    }
}

@media screen and (max-width:480px){
    .panel-title{
        font-size:20px;
    }
    
    .panel-title::before{
        width:35px;
        top:-35px;
    }
}

#panel1 .panel-title::before{
    background-image:url(../img/form1-illust.png);
}

#panel2 .panel-title::before{
    background-image:url(../img/form2-illust.png);
}

#panel3 .panel-title::before{
    background-image:url(../img/form3-illust.png);
}


/* フォームのデザイン */

.form-space{
    margin-top:150px;
}

@media screen and (max-width:768px){
    .form-space{
        margin-top:70px;
    }
}

form{
    margin:0 auto;
    margin-top:80px;
    font-size:16px;
    max-width:780px;
}

@media screen and (max-width:768px){
    form{
        margin-top:70px;
    }
}

@media screen and (max-width:480px){
    form{
        margin-top:50px;
    }
}


form input[type="radio"]{
    display:inline !important;
    font-family: 'Noto Sans JP', sans-serif;
}

form input[type="text"],
textarea{
    width:100%;
    padding:10px;
    font-family: 'Noto Sans JP', sans-serif;
}

textarea{
height:185px;
}

select{
    font-size:16px;
    padding:10px;
    font-family: 'Noto Sans JP', sans-serif;
}

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


    form input[type="text"],
    textarea{
        padding:5px;
    }

    textarea{
    height:150px;
    }

    select{
        padding:5px;
    }

}


.a-form-row{
    display:flex;
    align-items: center;
    max-width:780px;
    gap:40px;
    margin:0 auto;
}

@media screen and (max-width:768px){
    .a-form-row{
        display:block;
        max-width:480px;
    }
}

.a-form-row + .a-form-row{
    margin-top:40px;
}

.form-subtitle{
    margin:40px 0;
    position:relative;
    padding-left:16px;
}

.form-subtitle p{
    letter-spacing:0.06em;
}

.form-subtitle::before{
    content:"";
    width:6px;
    height:110%;
    background-color:#000;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}

@media screen and (max-width:768px){
    .a-form-row + .a-form-row{
        margin-top:20px;
    }

    .form-subtitle{
        margin:20px 0;
    }
}

.a-form-head{
    display:flex;
}

.a-form-row.align-top{
    align-items:flex-start;
}

.a-form-row.no-req{
    gap:90px;
}


form label{
    font-size:16px;
    letter-spacing:0.06em;
    padding:10px 0;
}

@media screen and (max-width:768px){
    form label{
        width:fit-content;
        margin-right:10px;
    }
}

.form-required{
    font-size:16px;
    background-color:#F0641E;
    color:#fff;
    letter-spacing:0.06em;
    padding:5px 8px;
    white-space: nowrap;
    display:block;
    height:fit-content;
    margin-top:5px;
}

@media screen and (max-width:768px){
    .form-required{
        font-size:14px;
    }
}

.radio-row span{ 
    line-height:1.9;
    font-size:15px;
    font-feature-settings: "palt";
}

.radio-row label{
    display:inline-block;
    width:fit-content;
    padding:0;
}

/* ラジオボタンの見た目 */

.radio-row input[type="radio"]{
    appearance: none;
}

.mwform-radio-field-text{
    padding-left: 20px;
    position: relative;
    cursor: pointer;
}

.mwform-radio-field-text::before {
    content: '';
    display: block; 
    border-radius: 50%; 
    border:1px solid #000;
    background-color: #eee;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}


.radio-row input[type="radio"]:checked ~ .mwform-radio-field-text::before {
    background-color:#000;
}



/* 同意 */

.consent-explain{
    max-width:780px;
    margin:0 auto;
    margin-top:100px;
    line-height:1.8;
    font-feature-settings: "palt";
    font-size:16px;
}

.submit-consent{
    max-width:780px;
    margin:0 auto;
    background-color:#fff;
    box-sizing: border-box;
    padding:10px;
    font-weight:500;
    line-height:1.75;
    margin-top:35px;
    height:280px;
    overflow:auto;
    text-align: justify;
}

.submit-consent a{
    color:#F0641E;
}

.submit-consent .bold{
    font-weight:800;
}
@media screen and (max-width:768px){
    .a-form-row{
        display:block;
        max-width:480px;
    }

    .consent-explain{
        max-width:480px;
        margin-top:70px;
    }
    
    .submit-consent{
        max-width:480px;
        margin-top:20px;
    }
}

.submit-btn{
    margin:0 auto;
    display:block;
    margin-top:63px;
    width:fit-content;
    
}


.submit-btn input{
    transition:.3s;
    font-size:25px;
    color:#fff;
    border:none;
    letter-spacing:0.06em;
    font-weight:500;
    padding:15px 30px;
    background-color:#F0641E;
    border-radius:10px;
    cursor: pointer;
    font-family: 'Noto Sans JP', sans-serif;
}

.submit-btn input:hover{
    opacity:0.7;
}

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

    .submit-btn{
        margin-top:40px;
    }
    .submit-btn input{
        font-size:20px;
        padding:10px 30px;
    }
}

.submit-consent .mt-30{
    margin-top:30px;
}

@media screen and (max-width:768px){
    .submit-consent .mt-30{
        margin-top:20px;
    }
}



.contact-word.static{
    position:static;
    margin-top:190px;
    margin-bottom:60px;
}

@media screen and (max-width:768px){
    .contact-word.static{
        margin-top:120px;
        margin-bottom:50px;
    }
}

@media screen and (max-width:480px){
    .contact-word.static{
        position:static;
        margin-top:70px;
        margin-bottom:30px;
    }
}

.mw_wp_form_confirm .confirm-none{
    display:none;
}

.mw_wp_form .horizontal-item + .horizontal-item{
    margin-left:0 !important;
}

#form{
    scroll-margin-top:200px;
}

/* エラーメッセージ */

.error{
    display:block;
    text-align: end;
    margin-top:10px;
    margin-bottom:20px;
    color:#B70000;
}

@media screen and (max-width:768px){
    .error{
        text-align:left;
        margin-top:5px;
        margin-bottom:15px;
    }
}

/* satori */

.satori__require{
    background-color:#F0641E !important;
}

.satori__not_require{
    display:none !important;
}


.satori__input_group select{
    padding:0 10px;
}

/* ラジオボタンの見た目 */

.satori__input_group input[type="radio"],
.satori__input_group input[type="checkbox"]{
    accent-color: black !important;
    /* 大きさ */
    inline-size: 1.5rem;
    block-size: 1.5rem;
}
.satori__input_group input[type='text'], .satori__input_group input[type='tel'], .satori__input_group input[type='email'],.satori__input_group textarea{
    -webkit-appearance: none;
    appearance: none;
    border:1px solid rgba(114,113,113,0.5) !important;
    background-color:#fff !important;
    padding:10px !important;
    font-size:16px !important;
    font-family: 'Noto Sans JP', sans-serif !important;
}

select{
    font-size: 16px !important;
    font-family: 'Noto Sans JP', sans-serif !important;
}

.satori__input_group label:first-child{
    font-size:16px !important;
}

.satori__system_notes{
    padding-left:5px !important;
    padding-top:5px !important;
    display:inline-block !important;
}

#satori__privacy_policy_agreement_a3a4f12bcc9d8d6e .satori__require,
#satori__privacy_policy_agreement_94b4781276eae0f5 .satori__require,
#satori__privacy_policy_agreement_863eb70e5f08d942 .satori__require{
    display:none !important;
}

@media screen and (max-width:480px){
#satori__privacy_policy_agreement_a3a4f12bcc9d8d6e,
#satori__privacy_policy_agreement_94b4781276eae0f5,
#satori__privacy_policy_agreement_863eb70e5f08d942{
    font-size:14px !important;
    padding:0 !important;
}
}

.satori__custom_form_a3a4f12bcc9d8d6e_css .satori__input_group label:first-child{
    display:block !important;
}

.satori__custom_form_94b4781276eae0f5_css .satori__input_group label:first-child,
.satori__custom_form_863eb70e5f08d942_css .satori__input_group label:first-child{
    flex-wrap: wrap !important;
}

.submit-content{
    margin-top:0;
}

.submit-consent p{
    font-size:14px !important;
}