@charset "UTF-8";



.gnavi_area{
    width: 100%;
    height: 60px;
    background-color: white;
}

.logo_area{
    width: 400px;
    margin-left: 6%;
    margin-top: 10px;
    display: flex;
}

.logo_area_indiv01{
    width: 45%;
    margin-right: 5%;
}

.logo_area_indiv02{
    width: 10%;
}

.link_area{
    float: right;
    width: 50%;
}

.link_pass_area{
    float: left;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.gnavi_a_style{
    text-decoration: none;
    color: #003E8F;
}

.link_pass_area02{
    width: 20%;
    float: left;
    margin-right: -5%;
}



.mainvisual_area_all{
    display:none;
    position: relative;
    width: 100%;
    height: 100vh;
    
}

.mainvisual_area_all02{
    width: 100%;
}

.mainvisual_area_allsp{
    display: none;
}

.mainvisual_area_left{
    position: absolute;
    height: 100%;
    width: 60%;
    z-index: 100;
    background-image: url(../img/01mainvisual_left.png);
    background-size: cover;
    left:0;
}

.mainvisual_area_right{
    position: absolute;
    height: 100%;
    width: 70%;
    z-index: 10;
    background-image: url(../img/01mainvisual_right.png);
    background-size: cover;
    right: 0;
}

.mainvisual_h1_area{
    margin-right: 5%;
}

.mainvisual_h1{
    font-size: 3.0em;
    font-family: "uzura_font";
    color: #FF7D00;
    text-align: left;
    padding-left: 5%;
}

.mainvisual_p_area{
    margin-left: 5%;
    margin-top: 50px;
    width: 80%;
}

.mainvisual_p{
    text-align: left;
    font-size: 1.8rem;
    color: #00B050;
}

.mainvisual_img_area{
    margin-top:100px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.introductiion_forval_area{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: -20px;
    
}

.introduction_logo_area{
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    background-color: white;
}

.introduction_logo_area_inner{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.introductiion_forval_p{
    font-size: 2.0em;
    font-weight: bold;
    color: #FA9425;
    text-align: center;
}


.introduction_logo_pic{
    float: left;
    width: 12%;
    margin-right: 6%;
}

.introduction_logo_pic_special{
    float: left;
    width: 17%;
    margin-right: 8%;
}


.introduction_logo_pic_special02{
    width: 12%;
    margin-right: 8%;
}


.introduction_logo_pic_special03{
    margin-right: 0;
}



.introduction_area_all{
    background-color: #FE9C49;
}

.introduction_pic_area{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.about_area_all{
    width: 100%;
    margin-top: 75px;
}

.content_title_p{
    color: #FA9425;
    font-size: 42px;
    text-align: center;
    margin-bottom: 50px;
}

.content_subtitle_p{
    text-align: center;
    color: #707070;
}


.about_part01_area{
    display: flex;
}

.about_part_left{
    width: 55%;
    margin-left: 5%;
}

.about_part_right{
    width: 30%;
    margin-left: 5%;
    margin-right: 5%;
}

.about_subt_p{
    font-size: 1.5em;
    color: #707070;
}

.about_subt_p_orange{
    font-size: 2.0rem;
    color: #FA9425;
    text-decoration: underline solid #FA9425;
}

.about_subt_p_green{
    font-size: 2.0rem;
    color: #00B050;
    text-decoration: underline solid #00B050;
}


.about_p_style{
    font-size: 1.0em;
    color: #9D9D9D;
    margin-top: 50px;
}

.margin-top100{
    margin-top: 100px;
}

.about_part02_area{
    display: flex;
    margin-top: 100px;
}

.about_part_left02{
    width: 35%;
    margin-left: 10%;
    margin-right: 5%;
}

.about_part_right02{
    width: 50%;
    margin-right: 5%;
}

.about_part_right_in{
    display: flex;
    width: 50%;
}

.about_icon_style{
    width: 40%;
    margin-left: 10%;
    margin-top: 30px;
}


.about_movie_area{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}


.inquiry_button{
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 150px;
    margin-top: 150px;
}

.inquiry_button:hover {
    opacity: 0.9;
}



.effect_area_all{
    background-color: #FFF6EE;
    width: 100%;
}

.effect_flex{
    display: flex;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.effect_content_area{
    width: 25%;
    margin-right: auto;
    margin-left: auto;
}

.padding_bottom100{
    padding-bottom: 100px;
}

.padding-top100{
    padding-top: 100px;
}

.effect_content_white_area{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: white;
    
}

.effect_content_white_subt_style{
    text-align: center;
    font-size: 1.5em;
    color: #FE9C49;
}

.effect_content_white_p_style{
    text-align: center;
    color: #707070;
    font-size: 1.5em;
}


.voice_area_all{
    width: 100%;
    margin-top: 100px;
}

.supplement_text{
    font-size: 1.0em;
    text-align: center;
    margin-bottom: 100px;
    color: #9D9D9D;
}

.voice_content_area{
    width: 90%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}


.voice_title_area{
    width: 100%;
    background-color: #FE9C49;
}

.content_title_p02{
    color: white;
    font-size: 42px;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 40px;
    margin-top: -100px;
}



.voice_content_part_pic{
    width: 30%; 
    margin-right: auto;
}


.voice_content_part{
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

.voice_content_part_p{
    margin-top: 50px;
    margin-right: 2%;
    margin-left: 2%;
    width: 35%;
}

.voice_content_part_p_style{
    text-align: center;
    color: #FA9425;
    font-size: 1.5em;
}

.voice_content_part_p_strong{
    color: #FA9425;
    font-size: 3.0em;
    font-weight: bold;
}


.example_area_all{
    padding-top: 100px;
    background-color: white;
    margin-bottom: 100px;
}

/*　カルーセルスライド　開始*/




/* external css: flickity.css */

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { font-family: sans-serif; }

.gallery {
  background: white;
}

.gallery-cell {
  width: 66%;
    height: 50vh;
  margin-right: 10px;
  counter-increment: gallery-cell;
}


/*　カルーセルスライド　終了*/

.gallery_head_name{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.gallery_cell_head{
    color: #FE9C49;
    font-size: 1.2em;
}




.gallery_cell_all{
    width: 95%;
    padding: 20px;
    border: solid 2px #FE9C49;
    height: 46vh;
}

.gallery_flex{
    display: flex;
}

.gallery_cell_left{
    width: 38%;
    margin-right: auto;
    margin-top: 20px;
}

.gallery_cell_right{
    width: 60%;
}

.gallery_cell_content{
    margin-bottom: 30px;
    margin-top: 20px;
    display: flex;
}

.gallery_head_gray{
    background-color: #F1F1F1;
    width: 15%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    text-align: center;
    color: #707070;
    height: 32px;
    margin-left: 10px;
    flex-basis: 20%;
}

.gallery_text_area{
    margin-right: auto;
    margin-top: 0px;
    flex-basis: 78%;
}

.gallery_head_thinor{
    background-color: #FFF2DB;
    width: 15%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: #707070;
    margin-left: 10px;
    height: 32px;
    font-size: 12px;
    flex-basis: 20%;
}

.gallery_head_orange{
    background-color: #FE9C49;
    width: 15%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: white;
    margin-left: 10px;
    height: 32px;
    font-size: 12px;
    flex-basis: 20%;
    
}

.gallery_text{
    font-size: 12px;
    color: #707070;
    padding-left: 20px;
    padding-top: 7px;
}

.padding-top50{
    padding-top: 15px;
}




.carousel_left{
    width: 50%;
}

.carousel_right{
    width: 50%;
}

.carousel_head{
    margin-top: 20px;
    font-size: 28px;
    color: #FE9C49;
    text-align: center;
}



.problem_area_all{
    background-color: #F2F2F2;
    padding-top: 100px;
}

.color_gray{
    color: #868686;
}

.problem_content_area{
    display: flex;
    margin-top: 50px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
}

.problem_content_part{
    width: 25%;
    margin-right: auto;
    margin-left: auto;
}

.problem_content_img{
    margin-left: auto;
    margin-right: auto;
}

.problem_content_p{
    text-align: center;
    font-size: 1.0em;
    color: #868686;
    margin-top: 20px;
}

.gray_triangle{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.map_area_all{
    width: 100%;
    margin-top: 75px;
}

.map_content_area_p{
    text-align: center;
    font-size: 1.2em;
    color: #868686;
}

.strong_orange{
    font-size: 2.0em;
    color: #FE9C49;
    font-weight: bold;
}

.strong_green{
    font-size: 2.0em;
    color: #00B050;
    font-weight: bold;
}

.map_content_area02{
    display: flex;
    margin-top: 50px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.map_content_part{
    margin-right: auto;
    margin-left: auto;
}

.map_content_name_area{
    padding-top: 20px;
    padding-bottom: 10px;
}

.map_content_name{
    text-align: center;
    font-size: 0.9em;
    color: #003E8F;
}

.map_content_p{
    text-align: center;
    font-size: 0.3em;
    color: #696969;
}

.map_content_area{
    margin-top: 50px;
}

.map_content_area_p{
    font-size: 1.5em;
    color: #868686;
    text-align: center;
}

.map_content_area_img{
    margin-top: 50px;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
}


.overview_area_all{
    width: 100%;
    margin-top: 50px;
}



.overview_table{
    border: solid 2px #FA9425;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}



.overview_table_th{
    width: 30%;
    background-color: #FFF2DB;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 2px #FA9425;
    border-right: solid 2px #FA9425;
    color: #707070;
}

.overview_table_td{
    width: 70%;
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: solid 2px #FA9425;
    color: #707070;
}

.overview_table_th02{
    width: 30%;
    background-color: #FFF2DB;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: solid 2px #FA9425;
    color: #707070;
}

.overview_table_td02{
    width: 70%;
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    color: #707070;
}


.footer_area{
    background-color: #FE9C49;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 100px;
}

.footer_logo{
    width: 20%;
    margin-left: auto;
    margin-right: auto;
}

.fixedbtm{
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 6px 40px;
    width: 25%;
}

.fixedbtm:hover {
    opacity: 0.9;
}


body{
    font-family: "メイリオ";
}

.request_area{
    margin-top: 200px;
    margin-bottom:50px;
}

/*1550px以上*/
@media screen and (min-width:1550px){
.mainvisual_h1{
    font-size: 4.6em;
    color: #FF7D00;
}
    

    .mainvisual_p{
        font-size: 3.0rem;
    }
    
    .about_p_style{
    font-size: 1.3em;
    }
    
    .gallery-cell{
        height: 57vh;
    }
    
    .gallery_cell_all{
        height: 57vh;
    }
    
    
    .gallery_cell_head{
    color: #FE9C49;
    font-size: 2.0em;
}
    

    .gallery_text{
    font-size: 1.1em;
    padding-top: 7px;
    }
    
    .gallery_head_gray{
        font-size: 1.1em;
    }
    
    .gallery_head_thinor{
        font-size: 1.1em;
    }
    
    .gallery_head_orange{
        font-size: 1.1em;
    }
    
    .map_content_name{
        font-size: 1.5em;
    }
    
    .map_content_p{
        font-size: 0.8em;
    }
   
}


/*800px以上1549px以下*/
@media screen and (min-width:800px) and (max-width:1549px){
    
    .gallery-cell{
        height: 45vh;
    }
 
    .gallery_cell_all{
        height: 45vh;
    }
    
}