@charset "UTF-8";
.gnavi_area{
    width: 100%;
    height: 40px;
    background-color: white;
}

.logo_area{
    width: 200px;
    margin-left: 10%;
    margin-top: 10px;
    float: left;
}

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

.logo_area_indiv02{
    width: 10%;
    float: left;
}

.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;
}

.mainvisual_area_all02{
    display: none;
}

.mainvisual_area_allsp{
    width: 100%;
}

.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;
}


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

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

.introductiion_forval_p{
    font-size: 1.0em;
    font-weight: bold;
    color: #FA9425;
    text-align: center;
    margin-top: 20px;
}


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

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



.introduction_area_all{
    background-color: #FE9C49;
}

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

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

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

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


.about_part01_area{
    width: 100%;
}

.about_part_left{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.about_part_right{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

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

.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: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}


.inquiry_button{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    margin-top: 100px;
}



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

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

.effect_content_area{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

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

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

.effect_content_white_p_style{
    text-align: center;
    font-size: 1.0em;
}


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

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

.voice_content_area{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    margin-top: 30px;
}



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

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


.voice_content_part_pic{
    width: 90%; 
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}


.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%;
  margin-right: 10px;
  counter-increment: gallery-cell;
}


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

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


.gallery_cell_all{
    width: 95%;
    padding: 5px;
    border: solid 2px #FE9C49;
    height: 700px;
}

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

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

.gallery_cell_content{
    margin-top: 20px;
}

.gallery_head_gray{
    background-color: #F1F1F1;
    width: 40%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-weight: bold;
    color: #707070;
}

.gallery_text_area{
    margin-right: auto;
    margin-top: 20px;
}


.gallery_head_thinor{
    background-color: #FFF2DB;
    width: 40%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: #707070;

}


.gallery_head_orange{
    background-color: #FE9C49;
    width: 40%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.gallery_text{
    font-size: 12px;
    color: #707070;
}




.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{
    margin-top: 50px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
}

.problem_content_part{
    display: flex;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

.problem_content_img{
    width: 100%;
    flex-basis: 30%;
    margin-right: 2%
}

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

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

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

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

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

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

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

.map_content_part{
    display: flex;
    margin-bottom: 20px;
}

.map_content_left{
    width: 40%;
    margin-right: 2%;
}

.map_content_right{
    width: 56%;
    margin-right: 2%;
    padding-top: 20px;
}

.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: 70%;
    margin-left: auto;
    margin-right: auto;
}


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



.overview_table{
    border: solid 2px #FA9425;
    width: 98%;
    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: 15px;
    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: 15px;
    color: #707070;
}

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



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

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

.fixedbtm{
    position: fixed;
    bottom: 10px;
    padding: 6px 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.fixedbtm:hover {
    opacity: 0.9;
}