@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;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.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: 52px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: normal;
}

.content_subtitle_p {
    text-align: center;
    color: #707070;
    font-size: 30px;
}


.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: #FFF2DB;
    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.2em;
}




@media (min-width: 1400px) {
    .effect_content_white_p_style {
        font-size: 1.5em;
    }
}





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

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

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


.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%; */
}


.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;
    margin-bottom: 30px;
}

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

}



img,
picture {
    max-width: 100%;
    display: block;
    width: auto;
    height: auto;
}