/* This CSS is just for fun
 * and for centering the widget
 * on the page.
 * The fix works without any of
 * this
 */


.kikaku_fan_h2{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 50px;
}

.kikaku_fan_p{
    text-align: center;
    line-height: 25px;
}

.kikaku_fan_title_gleen{
    text-align: center;
    color: #004831;
    margin-top: 80px;
    margin-bottom: 40px;
}

.kikaku_fan_title_gleen_eng{
    font-size: 18px;
    margin-bottom: 20px;
}

.kikaku_fan_title_gleen_h3{
    font-size: 23px;
    margin-bottom: 10px;
    font-weight: bold;
}

.kikaku_fan_plan_main{
    display: flex;
    justify-content: space-between;
}

.kikaku_fan_plan_detail{
    width: 45%;
    border-radius: 10px;
}

.green{
    border: 2px solid #7C9F62;
    color: #7C9F62;
}

.braun{
    border: 2px solid #8E5518;
    color: #8E5518;
}

.kikaku_fan_plan_detail_top{
    display: flex;
    padding: 10px 20px;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}

.kikaku_fan_plan_detail_top_number{
    font-size: 30px;
    font-weight: bold;
    color: white;
    text-wrap: nowrap;
}

.kikaku_fan_plan_detail_top_title{
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: white;
}

.back_green{
    
    background-color: #7C9F62;
}

.back_braun{
    background-color: #8E5518;}

 .kikaku_fan_plan_detail_main{
    padding: 20px;
 }   

 .kikaku_fan_plan_detail_main_p{
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
 }

 .kikaku_fan_plan_detail_main_plice{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
 }

 .font_size_h2{
    font-size: 40px;
 }

 .kikaku_fan_plan_detail_main_bar{
    width: 100%;
    
    color: white;
    text-align: center;
    padding: 5px;
    
    font-weight: bold;
    margin-bottom: 20px;
 }

 .kikaku_fan_plan_detail_main_text{
    font-weight: bold;
 }

 .back_gray{
    background-color: #F5F5F5;
    margin-top: 100px;
    padding-bottom: 70px;
    padding-top: 20px;
 }

 .back_braun{
   
 }

 .kikaku_fan_step_number{
    
    color: #004831;
    font-size: 20px;
    font-weight: bold;
    text-align: center;

 }

 .kikaku_fan_step_number{
    color: #004831;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
 }

 .kikaku_fan_step_number_01{
    font-size: 30px;
 }

 .kikaku_fan_step{
    margin-bottom: 20px;
    padding: 25px;
    background-color: white;
    display: flex;
    justify-content: space-between;
 }

 .kikaku_fan_step_text{
    
    width: 60%;
    margin-right: 20%;

 }

 .kikaku_fan_step_text_h{
    font-size: 16px;
    color: #004831;
    margin-bottom: 20px;
    font-weight: bold;
 }

 .kikaku_fan_notes_p{
    
    text-align: center;
    font-size: 16px;

 }

 .kikaku_fan_form{ margin-top: 150px;
    display: flex;}
   
    .kikaku_fan_form_main{
        width: 50%;
    }

.kikaku_fan_form_img{
    width: 50%;
}

.kikaku_fan_form_main{
    width: 50%;
    /* padding: 30px; */
    height: 400px;
}

.kikaku_fan_form_main_text{
    text-align: center;
    margin-top: 20%;
    font-size: 20px;
    color: #004831;
    font-weight: bold;
}

.kikaku_fan_form_main_button{
    
    display: block;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    margin-top: 50px;
    height: 60px;
    background-color: #8BDF72;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    border-radius: 10px;
    color: white !important;

}
.kikaku_fan_form_main_button_orange{
    display: block;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    margin-top: 50px;
    height: 60px;
    background-color: #F89B3A;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    border-radius: 10px;
    color: white !important;
}
.kikaku_fan_form_main{
    background-color: #ECFFDB;
}

.kikaku_fan_form_main_orange{

    width: 50%;
    /* padding: 30px; */
    height: 400px;
    background-color: #FFECD8;
}

.mainVisualTop_header{
    background-image: url(../../assets/img/head_dummy.png);
    height: 460px;
    width: 100%;
    background-position-x: 50%;
    margin-top: 80px;

}

.kikaku_ouner_plan_detail_text{
    display: flex;
    margin: 10px 20px;
  
}

.kikaku_ouner_plan_detail_text_p{
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
}

.kikaku_ouner_plan_detail_text_img{
    width: 30px;
    height: 20px;
    margin: 10px;
}

.deep_green{
    color:#004831 ;
}

.deep_yellow{
color: #A48904;
}

.kikaku_ouner_plan_detail_text_button_plan{
    width: 100%;
    text-align: center;
    margin-top: 50px;
    height: 60px;
    background-color: #004831;
    line-height: 60px;
    color: white;
    font-size: 23px;
    font-weight: bold;
}

.kikaku_ouner_plan_detail{
    margin-top: 50px;
}

.kikaku_ouner_plan_detail_text_button_support{
    width: 100%;
    text-align: center;
    margin-top: 50px;
    height: 60px;
    background-color: #A48904;
    line-height: 60px;
    color: white;
    font-size: 23px;
    font-weight: bold;
}

.kikaku_fan_form_img img{
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .kikaku_fan_plan_main {
        display: block;
        
    }
    .kikaku_ouner_plan {
        width: 100% !important;
        margin-bottom: 50px;
    }
    .kikaku_fan_form {
        margin-top: 150px;
        display: block;
    }

    .kikaku_fan_form_main_orange {
        width: 100%;
         padding: 30px;
        height: 300px;
        background-color: #FFECD8;
    }
    .kikaku_fan_form_main_text {
        text-align: center;
        margin-top: 60px;
        font-size: 20px;
        color: #004831;
        font-weight: bold;
    }
    .kikaku_fan_form_img {
        width: 100%;
    }
    .mainVisualTop_header {
        margin-top: 0px;
    }
    .kikaku_fan_step_text {
        width: 60%;
        margin-right: 10%;
    }
    .kikaku_fan_plan_detail{
        width: 100% !important;
        margin-bottom: 50px;
    }
    .kikaku_fan_form_main {
        width: 100%;
        padding: 30px;
        height: 300px;
    }
}