@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Hind:700);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Yuji+Syuku&display=swap');
/*.yuji-syuku-regular {
  font-family: "Yuji Syuku", serif;
  font-weight: 400;
  font-style: normal;
}
.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}*/
/* スライドエリア
----------------------------------*/
.slide_area {
    position: relative;
    margin-top: 120px;
    margin-left: 0px;
    margin-right: 0px;
}
@media all and (max-width: 767px) {
    .slide_area {
        margin-top: 70px;
    }
}
.slide_line {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
}
.slide_img {
    position: absolute;
    z-index: 1;
    padding-top: 10%;
    padding-bottom: 10%;
    left: 5%;
}
.slide_img img {
    width: 35vw;
}
@media all and (max-width: 575px) {
    .slide_img {
        position: absolute;
        z-index: 1;
        padding-top: 10%;
        padding-bottom: 0%;
        left: 5%;
        right: 5%;
    }
    .slide_img img {
        width: 80vw;
    }
}
.slide-media img {
    width: 100%;
}
/* 共通
------------------------------------------------------------*/
.h2ttl_c {
    font-size: 5.0rem;
    font-family: 'Noto Serif JP', serif;
    color: #000;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .h2ttl_c {
        font-size: 3.5rem;
    }
}
.h2ttlsub_c {
    font-size: 1.6rem;
    color: #000;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
}
.read_tx {
    font-size: 1.8rem;
    color: #000;
    font-family: 'Noto Serif JP', serif;
    padding-left: 20px;
    padding-right: 20px;
}
/* loopslide
------------------------------------------------------------*/
.loopslide_area {
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 0px;
    margin-right: 0px;
}
.bx-wrapper {
    max-width: 100% !important;
}
/* main
------------------------------------------------------------*/
.main_area {
    position: relative;
    z-index: 0;
}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
.main_box {
    margin-top: 30%;
}
.main_box2 {
    margin-top: 10%;
    margin-bottom: 15%;
}
/*背景斜め*/
.naname01::before {
    content: "";
    position: absolute;
    top: -53vw;
    bottom: 55vw;
    left: 0;
    right: 0;
    z-index: -1;
    transform: skewY(-50deg);
    transform-origin: top right;
    background-color: #808080;
}
.wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
/*@media (max-width: 1920px) {
.naname01::before {
    content: "";
    position: absolute;
    top: -55%;
    bottom: 65%;
    left: 0;
    right: 0;
    z-index: -1;
    transform: skewY(-50deg);
    transform-origin: top right;
    background-color: #808080;
}
}*/
@media (max-width: 1366px) {
.naname01::before {
    content: "";
    position: absolute;
    top: -50%;
    bottom: 60%;
    left: 0;
    right: 0;
    z-index: -1;
    transform: skewY(-50deg);
    transform-origin: top right;
    background-color: #808080;
}
}
@media (max-width: 1199px) {
    .naname01::before {
        content: "";
        position: absolute;
        top: -45%;
    bottom: 50%;
        left: 0;
        right: 0;
        z-index: -1;
        transform: skewY(-50deg);
        transform-origin: top right;
        background-color: #808080;
    }
    .wrapper {
        margin-right: 5%;
        margin-left: 5%;
    }
}
@media screen and (max-width: 575px) {
    .naname01::before {
        content: "";
        position: absolute;
        top: -15%;
        bottom: 20%;
        left: 0;
        right: 0;
        z-index: -1;
        transform: skewY(-50deg);
        transform-origin: top right;
        background-color: #808080;
    }
}
.main_ttl {
    font-size: 22px;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    color: #fff;
    line-height: 1.8;
}
.main_read {
    font-size: 14px;
    margin-bottom: 20px;
    color: #fff;
    line-height: 1.8;
}
/* plan
------------------------------------------------------------*/
.model_area {
    position: relative;
    z-index: 0;
    background-color: #B3B3B3;
    padding-bottom: 6%;
    padding-top: 0;
}
.model_ima {
    padding-right: 0;
    margin-top: -4%;
}
@media (max-width: 1920px) {
.model_ima {
    padding-right: 0;
    margin-top: -7%;
}
}
/*@media (max-width: 767px) {
    .model_ima {
        padding-right: 0;
        margin-top: 0%;
    }
}*/
.model_ttl {
    /*padding-bottom: 5%;*/
    padding-top: 12%;
    font-size: 30px;
    color: #4D4D4D;
    font-weight: 500;
    padding-left: 8%;
    line-height: 1.8;
}
.model_ttl span {
    color: #004482;
    font-weight: 700;
    font-size: 28px;
}
@media (max-width: 1614px) {
    .model_ttl {
        padding-top: 12%;
        font-size: 25px;
        padding-left: 8%;
    }
}
@media (max-width: 1352px) {
    .model_ttl {
        padding-top: 10%;
        font-size: 21px;
        padding-left: 8%;
    }
}
@media (max-width: 1143px) {
    .model_ttl {
        padding-top: 10%;
        font-size: 16px;
        padding-left: 8%;
    }
}
@media (max-width: 876px) {
    .model_ttl {
        padding-top: 10%;
        font-size: 14px;
        padding-left: 0;
    }
}
@media (max-width: 707px) {
    .model_ttl {
        padding-top: 10%;
        font-size: 13px;
        line-height: 1.5;
    }
}
@media (max-width: 659px) {
    .model_ttl {
        padding-top: 6%;
        font-size: 13px;
    }
}
@media (max-width: 575px) {
    .model_ttl {
        /*padding-bottom: 5%;*/
        padding-top: 5%;
        font-size: 17px;
        color: #4D4D4D;
        font-weight: 500;
        padding-left: 2.5%;
        line-height: 1.8;
    }
}
.model_space {
    margin-top: -14%;
    margin-right: -1%;
}
@media (max-width: 575px) {
    .model_space {
        margin-top: 5%;
        margin-bottom: 0;
        margin-right: 0;
    }
}
.model_space2 {
    margin-top: -14%;
    padding-left: 0;
    padding-right: 0;
    z-index: -1;
}
@media (max-width: 575px) {
    .model_space2 {
        margin-top: 5%;
        padding-left: 0;
        padding-right: 0;
    }
}
.model_space3 {
    padding: 0;
    margin: 0;
}
@media (max-width: 575px) {
    .model_space3 {
        padding-left: 6%;
        padding-right: 6%;
        padding-bottom: 4%;
    }
}
.bg-gray {
    background-color: #808080;
    padding-bottom: 3%;
}
/* location
------------------------------------------------------------*/
.location_area {
    padding-bottom: 5%;
    padding-top: 5%;
}
@media (max-width: 767px) {
    .location_area {
        padding-bottom: 10%;
        padding-top: 10%;
    }
}
.loca_ttl {
    font-size: 22px;
    border-bottom: 1px solid #4D4D4D;
    margin-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 1.8;
    color: #4D4D4D;
    padding-left: 5%;
    padding-right: 5%;
}
.loca_read {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.8;
    color: #4D4D4D;
    padding-left: 5%;
    padding-right: 5%;
}
.loca_line {
    border-bottom: 1px solid #2A2A2A;
    padding-bottom: 5px;
    margin-bottom: 30px;
    width: 98%;
}
.loca_center {
    text-align: center;
}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
.location_ttl3 {
    color: #FFFFFF;
    font-size: 19px;
    margin-left: 0;
    margin-right: -2%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 700;
    text-align: center;
    background-color: #004482;
}
.location_ttl4 {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #333333;
    letter-spacing: 0.1em;
}
.location_ttl4 span {
    color: #004482;
}
@media (max-width: 575px) {
    .location_ttl4 {
        font-size: 28px;
        margin-top: 20px;
    }
}
.location_read {
    font-family: "Noto Sans JP", sans-serif;
    color: #FFFFFF;
    padding-left: 20px;
    padding-top: 10px;
    font-weight: 600;
    font-size: 20px;
}
.location_read2 {
    fong-size: 16px;
    margin-bottom: 30px;
    line-height: 2;
    color: #333;
}
@media (max-width: 575px) {
    .location_read2 {
        margin-bottom: 10px;
    }
}
.location_read3 {
    margin-left: -2%;
    margin-right: 0;
    font-size: 19px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    font-weight: 500;
    text-align: right;
    background-color: #E6E6E6;
    letter-spacing: 0.8em;
}
@media (max-width: 1399px) {
    .location_ttl3 {
        margin-right: -3%;
    }
    .location_read3 {
        margin-left: -3%;
    }
}
@media (max-width: 767px) {
    .location_ttl3 {
        margin-right: -4%;
    }
    .location_read3 {
        margin-left: -4%;
    }
}
@media (max-width: 575px) {
    .location_ttl3 {
        margin-right: -5%;
    }
    .location_read3 {
        margin-left: -5%;
        letter-spacing: 0.2em;
    }
}
.location_read4 {
    font-family: "Noto Sans JP", sans-serif;
    fong-size: 14px;
    line-height: 1.5;
    color: #333333;
    font-weight: 500;
}
.location_read4 span {
    font-size: 22px;
}
.location_txt {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}
@media (max-width: 575px) {
    .location_txt {
        font-size: 13px;
    }
}
.location_txt span {
    color: #004482;
}
.location_space {
    margin-top: 9%;
}
@media (max-width: 575px) {
    .location_space {
        margin-top: 7%;
        padding-left:5%;
        padding-right:5%;
    }
}
.location_space2 {
    padding-left: 7.5%;
}
@media (max-width: 575px) {
    .location_space2 {
        padding-left: 0;
    }
}
/* access
------------------------------------------------------------*/
.access_area {
    padding-bottom: 5%;
    padding-top: 2%;
}
/* map
------------------------------------------------------------*/
.map_area {
    padding-top: 5%;
    padding-bottom: 5%;
}
.map_box {
    margin-top: 1%;
    background-color: #4D4D4D;
    height: 250px;
}
.map_ttl {
    font-family: "Noto Sans JP", sans-serif;
    color: #FFFFFF;
    padding-left: 20px;
    padding-top: 120px;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.1em;
}
@media (max-width: 767px) {
    .map_box {
        height: 180px;
    }
    .map_ttl {
        padding-top: 90px;
        font-size: 30px;
    }
}
.map_read {
    font-family: "Noto Sans JP", sans-serif;
    color: #FFFFFF;
    padding-left: 20px;
    padding-top: 10px;
    font-weight: 600;
    font-size: 20px;
}
@media (max-width: 991px) {}
@media (max-width: 575px) {}
/* plan
------------------------------------------------------------*/
.plan_box {
    padding-top: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid #595757;
}
.plan_box2 {
    padding-top: 5%;
    padding-bottom: 5%;
}
.plan_read {
    font-size: 20px;
    margin-top: 10%;
    margin-bottom: 10%;
    color: #fff;
    line-height: 2.0;
    padding-left: 6%;
    padding-right: 6%;
}
/* equ
------------------------------------------------------------*/
.equ_area {
    padding-bottom: 5%;
    padding-top: 0;
    margin-top: -3%;
    background: linear-gradient(180deg, #fff 0%, #fff 15%, #004482 15%, #004482 100%);
    display: flex;
    width: 100%;
    height: auto;
}
@media (max-width: 575px) {
    .equ_area {
        margin-top: 0;
        background: linear-gradient(180deg, #fff 0%, #fff 25%, #004482 25%, #004482 100%);
    }
}
.equ_ttl {
    margin-top: 4%;
    margin-bottom: 1%;
    font-size: 30px;
    text-align: center;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    color: #534741;
    line-height: 1.0;
}
.equ_ttl span {
    font-size: 15px;
    font-weight: 400;
}
.equ_box {
    margin-top: 12%;
    background-color: #4D4D4D;
    height: 250px;
    margin-bottom: 1%;
}
.equ_ttl2 {
    font-family: "Noto Sans JP", sans-serif;
    color: #FFFFFF;
    padding-left: 20px;
    padding-top: 120px;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.1em;
}
@media (max-width: 767px) {
    .equ_box {
        height: 180px;
    }
    .equ_ttl2 {
        padding-top: 90px;
        font-size: 30px;
    }
}
.equ_read2 {
    font-family: "Noto Sans JP", sans-serif;
    color: #FFFFFF;
    padding-left: 20px;
    padding-top: 10px;
    font-weight: 600;
    font-size: 20px;
}
.equ_read3 {
    font-family: "Noto Sans JP", sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}
/* 概要
---------------------------------*/
.outline_area {
    /*padding-bottom: 5%;*/
    padding-top: 5%;
}
.outline_box {
    margin-top: 1%;
    background-color: #004482;
    height: 250px;
}
.outline_ttl {
    font-family: "Noto Sans JP", sans-serif;
    color: #FFFFFF;
    padding-left: 20px;
    padding-top: 120px;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.1em;
}
@media (max-width: 767px) {
    .outline_box {
        height: 180px;
    }
    .outline_ttl {
        padding-top: 90px;
        font-size: 30px;
    }
}
.outline_read {
    font-family: "Noto Sans JP", sans-serif;
    color: #FFFFFF;
    padding-left: 20px;
    padding-top: 10px;
    font-weight: 600;
    font-size: 20px;
}
.n_table {
    clear: both;
    width: 100%;
    margin-bottom: 25px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3%;
}
.n_table th {
    width: 25%;
    color: #000;
    background-color: #E6E6E6;
    text-align: center;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    /*border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #B3A882;*/
}
.n_table td {
    width: 75%;
    padding-left: 5%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: left;
}
.n_table th, .n_table td {
    font-size: 14px;
    line-height: 160%;
    vertical-align: top;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    font-weight: normal;
}
.n_table td ul li {
    display: inline;
    margin-right: 15px;
    white-space: nowrap;
}
/* コンタクト
---------------------------------*/
.contact_area {
    padding-top: 5%;
}
.footer_logo {
    text-align: center;
}
.prpl0 {
    padding-left: 0;
    padding-right: 0;
}
/*フルサイズ*/
.full_size{
    width:100%;
}