@charset "UTF-8";

body {
    color: #333333;
}

img {
    width: 100%;
}

::-moz-selection {
    background-color: #c9d9dc;
}

::selection {
    background-color: #c9d9dc;
}

/*===================================
共通
===================================*/
.flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.inner {
    max-width: 1200px;
    width: 94%;
    margin: 0 auto;
}

.inner_1000 {
    max-width: 1000px;
    width: 94%;
    margin: 0 auto;
}

.cap_Txt {
    position: absolute;
    font-size: 10px;
    bottom: 5px;
}

.cap_R {
    right: 5px;
}

.cap_L {
    left: 5px;
}

.cap_W {
    color: #fff;
}

.cap_B {
    color: #333;
}

.cap_Shw {
    text-shadow: 3px 0 3px #fff, -3px 0 3px #fff, 0 3px 3px #fff, 0 -3px 3px #fff;
}

.cap_ShW {
    text-shadow: 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff;
}

.cap_ShB {
    text-shadow: 2px 0 2px #000, -2px 0 2px #000, 0 2px 2px #000, 0 -2px 2px #000;
}

.notes_Wrap {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 0;
}

.notes {
    /* color: #fff; */
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

sup {
    font-size: 11px;
    vertical-align: top;
}

#content_Wrap {
    /* background: #1a2835; */
    overflow: hidden;
}

#content_Wrap {
    margin-top: 117px;
}

.f-30 {
    font-size: 30%;
}

.f-35 {
    font-size: 35%;
}

.f-40 {
    font-size: 40%;
}

.f-45 {
    font-size: 45%;
}

.f-50 {
    font-size: 50%;
}

.f-55 {
    font-size: 55%;
}

.f-60 {
    font-size: 60%;
}

.f-65 {
    font-size: 65%;
}

.f-70 {
    font-size: 70%;
}

.f-75 {
    font-size: 75%;
}

.f-80 {
    font-size: 80%;
}

.f-85 {
    font-size: 85%;
}

.f-90 {
    font-size: 90%;
}

.f-110 {
    font-size: 110%;
}

.f-120 {
    font-size: 120%;
}

.f-130 {
    font-size: 130%;
}

.f-140 {
    font-size: 140%;
}

.f-150 {
    font-size: 150%;
}

.f-160 {
    font-size: 160%;
}

.f-170 {
    font-size: 170%;
}

.f-180 {
    font-size: 180%;
}

.f-190 {
    font-size: 190%;
}

.f-200 {
    font-size: 200%;
}

.f-210 {
    font-size: 210%;
}

.f-220 {
    font-size: 220%;
}

.f-230 {
    font-size: 230%;
}

.f-240 {
    font-size: 240%;
}

#pageTop {
    cursor: pointer;
    font-size: 12px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    padding: 20px 20px 17px;
    background: #344a5b;
    border: 1px solid #fff;
    z-index: 10;
}

#pageTop a {
    display: block;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: .3s;
}

/*===================================
header
===================================*/
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*background: #fff;*/
    background: #fff;
    z-index: 999;
}

/* ボタンエリア */
#head_Wrap {
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 6px 20px 6px 20px;
    box-sizing: border-box;
    z-index: 2;
}

#site_Ttl_Area {
    align-items: center;
}

#site_Ttl_Area h1 a {
    display: block;
    /* width: 356px; */
    width: 270px;
    max-width: 100%;
}

#head_Btn_Area {
    align-items: center;

}

#head_Btn_Area ul {
    flex-direction: column;
    padding: 0 24px 0 0;
    box-sizing: border-box;
}

#head_Btn_Area li:first-child {
    margin: 0 25px 0 0;
}

#head_Btn_Area li a {
    display: block;
    position: relative;
    width: 100%;
    padding: 5px 0 5px 10px;
    color: #4c4c4c;
    font-size: 12px;
    letter-spacing: 0.02em;
    transform: rotate(.028deg);
    box-sizing: border-box;
    text-align: left;
    transition: 0.3s;
}

#head_Btn_Area li a:hover {
    opacity: 0.5;
    transition: 0.3s;
}

#head_Btn_Area li a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    display: block;
    width: 9px;
    height: 1px;
    background: #002137;
}

#head_Btn_Area div {
    margin-left: 10px;
}

#head_Btn_Area div a {
    position: relative;
    display: block;
    width: 170px;
    transition: .3s;
    padding: 17px 5px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
}

#head_Btn_Area div a:hover {
    opacity: 0.8;
}

#head_Btn_Area>div:nth-of-type(1) {
    background: #0F77B3;
    background: linear-gradient(to right,  rgba(108,85,75,1) 0%,rgba(166,147,138,1) 100%);
}


#head_Btn_Area>div:nth-of-type(2) {
    background: url(../img/btn_req_bg.jpg)no-repeat center;
    background-size: cover;
}

#head_Btn_Area>div:nth-of-type(3) {
    background: url(../img/btn_req_bg.jpg)no-repeat center;
    filter: hue-rotate(148deg);
    background-size: cover;
}

#head_Btn_Area div a {
    transition: .3s;
}

#head_Btn_Area div a {
    transition: .3s;
}


.shine {
    position: relative;
    overflow: hidden;
}

.shine::before {
    display: block;
    position: absolute;
    top: 0;
    left: -75%;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    -webkit-animation: shine-foot 3s infinite;
    animation: shine-foot 3s infinite;
    z-index: 9;
}

@-webkit-keyframes shine-foot {
    0% {
        left: -75%;
    }

    40% {
        left: 150%;
    }

    100% {
        left: 150%;
    }
}

@keyframes shine-foot {
    0% {
        left: -75%;
    }

    40% {
        left: 150%;
    }

    100% {
        left: 150%;
    }
}

/* ナビゲーション */
#Gnav_wrap {
    width: 100%;
}

#nav_Area .flex {
    justify-content: center;
    align-items: center;
    width: 100%;
}

#nav_Area .flex li {
    text-align: center;
    position: relative;
}

#nav_Area a {
    display: block;
    padding: 10px 1.4em;
    color: #4c4c4c;
    font-size: 13.4px;
    font-weight: 600;
    letter-spacing: 0.07em;
    transition: .3s;
}

#nav_Area a span {
    position: relative;
}

#nav_Area .flex li a:hover {
    transition: 0.5s;
}

#nav_Area .flex li a::before,
#nav_Area .flex li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 4px;
    transition: .3s;
    display: inline-block;
    text-align: center;
}

#nav_Area .flex li a::before {
    left: 50%;
    background: #6c554b;
}

#nav_Area .flex li a::after {
    right: 50%;
    background: #6c554b;
}

#nav_Area .flex li a:hover::before,
#nav_Area .flex li a:hover::after {
    width: 15px;
}

/* NEW */
/*
#nav_Area .flex li:nth-child(6)::before {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%, 0);
    content: "NEW";
    font-size: 9px;
    padding: 2px 5px;
    line-height: 1;
    color: #fff;
    background: #395f7b;
    z-index: 100;
}
		*/

/* current */
#indexP #nav_Area .flex li:nth-child(1) a::before,
#indexP #nav_Area .flex li:nth-child(1) a::after,
#conceptP #nav_Area .flex li:nth-child(2) a::before,
#conceptP #nav_Area .flex li:nth-child(2) a::after,
#locationP #nav_Area .flex li:nth-child(3) a::before,
#locationP #nav_Area .flex li:nth-child(3) a::after,
#designP #nav_Area .flex li:nth-child(4) a::before,
#designP #nav_Area .flex li:nth-child(4) a::after,
#zehP #nav_Area .flex li:nth-child(5) a::before,
#zehP #nav_Area .flex li:nth-child(5) a::after,
#planP #nav_Area .flex li:nth-child(6) a::before,
#planP #nav_Area .flex li:nth-child(6) a::after,
#modelroomP #nav_Area .flex li:nth-child(7) a::before,
#modelroomP #nav_Area .flex li:nth-child(7) a::after,
#structureP #nav_Area .flex li:nth-child(8) a::before,
#structureP #nav_Area .flex li:nth-child(8) a::after,
#equipmentP #nav_Area .flex li:nth-child(9) a::before,
#equipmentP #nav_Area .flex li:nth-child(9) a::after,
#brandP #nav_Area .flex li:nth-child(10) a::before,
#brandP #nav_Area .flex li:nth-child(10) a::after {
    width: 15px;
}

/*-----navi close（header&footer）----*/

#nav_Area .flex li:nth-child(4) a,
#nav_Area .flex li:nth-child(7) a,
#nav_Area .flex li:nth-child(8) a,
#nav_Area .flex li:nth-child(9) a,
/*（↑）ここまでheader*/
#foot_Nav .flex li:nth-child(4) a,
#foot_Nav .flex li:nth-child(7) a,
#foot_Nav .flex li:nth-child(8) a,
#foot_Nav .flex li:nth-child(9) a {
    pointer-events: none;
    opacity: .3;
}

header img {
    width: 100%;
}

#head_sp_Menu {
    display: none;
}

/*===================================
content_Wrap
===================================*/
#All_Wrap {
    margin-top: 101px;
}

#All_Wrap img {
    width: 100%;
}


/*===================================
footer
===================================*/
footer {
    width: 100%;
    background: #fff;
}


/* footer-links */
footer .footer-links {
    padding: 60px 0 90px;
    background-color: #d7d7d6;
}

footer .footer-links .base_w {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

footer .footer-links .f_en02 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 17px;
    letter-spacing: 4px;
    transform: rotate(.028deg);
    font-family: "游明朝 Medium", YuMincho Medium, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-style: normal;
}

footer .footer-links .slick-footer-banner {
    margin: 0 25px;
}

footer .footer-links .slick-footer-banner .slide {
    width: 320px;
}

footer .footer-links .slick-dots {
    bottom: -40px;
}

footer .footer-links .slick-list::after,
footer .footer-links .slick-list::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 64px;
    height: 100%;
    z-index: 2;
}

footer .footer-links .slick-list::before {
    left: 0;
    background: linear-gradient(to right, #d7d7d6, rgba(215, 215, 214, 0));
}

footer .footer-links .slick-list::after {
    right: 0;
    background: linear-gradient(to left, #d7d7d6, rgba(215, 215, 214, 0));
}

footer .footer-links .slick-slide {
    margin: 0 8px;
}

footer .footer-links .slick-next:before,
footer .footer-links .slick-prev:before {
    color: #000;
}


#conversion_Area {
    width: 100%;
    padding: 40px 0 60px;
    background-size: cover;
}

/* フッターナビゲーション */
#foot_Nav {
    width: 100%;
    padding: 14px 0;
    background:#76665e;
}

#foot_Nav .inner {
    margin: 0 auto;
}

#foot_Nav .flex {
    justify-content: center;
    align-items: center;
    width: 100%;
}

#foot_Nav .flex li {
    position: relative;
    text-align: center;
    padding: 0 1.0em;
}

#foot_Nav a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 13.4px;
    transition: .3s;
}

#foot_Nav a:hover {
    opacity: .6;
}

.foot_bg {
    background: #08233c;
}

#corporate_Area {
    width: 100%;
    padding: 40px 0;
    margin: 0 auto;
    font-family: "游明朝 Medium", YuMincho Medium, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#corporate_Area .inner {
    margin: 0 auto;
}

#corporate_Area p {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.15em;
    color: #4c4c4c;
}

#corporate_Area .foot01 {
    text-align: center;
}

#corporate_Area .foot_calltxt {
    font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', sans-serif;
    text-align: center;
    margin-bottom: 15px;
    letter-spacing: 0.08em;
    font-feature-settings: "palt";
}

#corporate_Area .foot_Tel {}

#corporate_Area .foot_Tel a {
    display: block;
    position: relative;
    width: 410px;
    pointer-events: none;
    cursor: default;
    margin: 0 auto 15px;
}

#corporate_Area .bus_Info {
    font-size: 12px;
    color: #4c4c4c;
    font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', sans-serif;
    letter-spacing: 0.05em;
}

#corporate_Area .foot02 {
    padding: 40px 0 0;
}

#corporate_Area .foot_corpotate_Logo p {
    font-size: 10px;
    text-align: center;
    margin-bottom: 4px;
}

#corporate_Area .foot_corpotate_Logo a {
    display: block;
    max-width: 180px;
    margin: 0 auto;
}

.company_Area {
    padding: 45px 0;
}

.company_Area ul {
    display: flex;
    justify-content: center;
    width: 94%;
    margin: 0 auto;
    gap: 30px 3em;
}

.company_Area li {}

.company_Area a {
display: block;
    transition: 0.3s;
}

.company_Area a:hover {
    opacity: 0.5;
}
.company_Area h6 {
color: #000;
font-size: 12px;
}

.company_Area ul li:nth-of-type(1) a {
    width: 250px;
}
.company_Area ul li:nth-of-type(1) h6 {
padding-bottom: 1em;
}
.company_Area ul li:nth-of-type(2) a {
    width: 191px;
}
.company_Area ul li:nth-of-type(2) h6 {
padding-bottom: 0.8em;
}
.company_Area ul li:nth-of-type(3) a {
    width: 200px;
}
.company_Area ul li:nth-of-type(3) h6 {
padding-bottom: 0.9em;
}
.company_Area ul li:nth-of-type(4) a {
    width: 164px;
}
.company_Area ul li:nth-of-type(4) h6 {
padding-bottom: 0.7em;
}
.copyright {
    text-align: center;
    color: #fff;
    font-size: clamp(10px, 11px, 11px);
    background: #505050;
    padding: 10px 0;
}

footer img {
    width: 100%;
}


/*===================================
下層ページ
===================================*/

.lower_ttl {
    text-align: center;
    padding: 60px 0;
    background: #1E394F;
}

.lower_ttl h2 {
    color: #fff;
    font-size: clamp(20px, 2.285714285714286vw, 32px);
    letter-spacing: 0.2em;
}

.lower_ttl .sub_ttl {}

/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (max-width: 1024px) {

    .notes_Wrap {
        padding: 50px 0;
    }

    /*===================================
header
===================================*/
    header {}

    #head_Wrap {
        justify-content: space-between;
        align-items: center;
        position: relative;
        width: 100%;
        padding: 0 0 0 20px;
        box-sizing: border-box;
        z-index: 2;
    }

    #site_Ttl_Area {
        width: unset;
    }

    #site_Ttl_Area h1 a {
        /* max-width: 348px; */
        max-width: 308px;
        width: 90%;
    }

    /* ボタンエリア */
    #site_Ttl_Area h1 {
        padding: 10px 0 0;
    }

    #site_Ttl_Area h2 {
        display: none;
    }

    /* tab */

    #head_Btn_Area {
        display: none;
    }

    /* ナビゲーション */
    #head_sp_Menu {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
    }

    #head_sp_Menu li {
        width: 60px;
        top: 0px;
        right: 0px;
        box-sizing: border-box;
        position: relative;
        text-align: center;
    }

    #head_sp_Menu li a {
        display: block;
        width: 100%;
        height: 60px;
        box-sizing: border-box;
    }

    .menu_trigger,
    .menu_trigger span {
        display: inline-block;
        transition: all .4s;
        text-align: center;
        box-sizing: border-box;
    }

    .menu_trigger span {
        position: absolute;
        left: 50%;
        width: 24px;
        height: 1px;
        background-color: #4c4c4c;
        transform: translateX(-50%);
    }

    .menu_trigger span:nth-of-type(1) {
        top: 21px;
    }

    .menu_trigger span:nth-of-type(2) {
        top: 30px;
    }

    .menu_trigger span:nth-of-type(3) {
        top: 39px;
    }

    #sp_menuBtn::after {
        display: block;
        content: 'MENU';
        position: absolute;
        bottom: 2px;
        left: 50%;
        width: 100%;
        color: #4c4c4c;
        font-size: 11px;
        font-family: eb-garamond, serif;
        transform: translateX(-50%);
    }

    #sp_menuBtn.active::after {
        display: block;
        content: 'CLOSE';
        color: #4c4c4c;
        position: absolute;
        bottom: 2px;
        left: 50%;
        width: 100%;
        color: #4c4c4c;
        font-size: 11px;
        font-family: eb-garamond, serif;
        transform: translateX(-50%);
    }

    #sp_menuBtn.active .menu_trigger span:nth-of-type(1) {
        top: 25px;
        left: 18px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #sp_menuBtn.active .menu_trigger span:nth-of-type(2) {
        top: 25px;
        left: 18px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #sp_menuBtn.active span:nth-of-type(3) {
        opacity: 0;
    }


    /* ナビゲーション */
    #Gnav_wrap {
        display: block;
        padding: 0;
        /* background: url(../img/ftr_bg.jpg) no-repeat center center; */
        background: #EFEFEF;
    }

    #nav_Area {
        display: none;
    }

    #nav_Area .flex {
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }

    #nav_Area .flex li {
        width: 50%;
        border-bottom: 1px solid #4c4c4c;
        box-sizing: border-box;
    }

    #nav_Area .flex li:first-child::before,
    #nav_Area .flex li::after {
        content: none;
    }

    #nav_Area .flex li .new {
        top: 0;
    }

    #nav_Area li.req {
         background: #0F77B3;
				 background: linear-gradient(to right,  rgba(108,85,75,1) 0%,rgba(166,147,138,1) 100%);
    }

    #nav_Area li.req a {
        color: #fff;
    }

    #nav_Area li.res {
        background: url(../img/btn_req_bg.jpg) no-repeat center;
        filter: hue-rotate(148deg);
        background-size: cover;
    }

    #nav_Area li.res a {
        color: #fff;
    }

    /* #nav_Area li.lim {
        background: url(../img/btn_req_bg.jpg) no-repeat center;
        filter: hue-rotate(-20deg);
        background-size: cover;
    }

    #nav_Area li.lim a {
			display: none;
        color: #fff;
    } */

    #nav_Area li:nth-child(odd) {
        border-right: 1px solid #4c4c4c;
    }

    #nav_Area .flex li.out {
        width: 100%;
        border-right: none;
    }

    #nav_Area li a {
        padding: 20px 0;
        color: #333333;
        font-size: 12px;
        z-index: 1;
    }

    #nav_Area .flex li:first-child::before,
    #nav_Area .flex li::after {
        content: none;
    }

    #nav_Area li:nth-last-child(-n+2) {
        border-right: none;
    }


    #nav_Area .flex .sp {
        display: block;
    }



    /* NEW */
/*
    #nav_Area .flex li:nth-child(11)::before,
    #nav_Area .flex li:nth-child(12)::before {
        content: "NEW";
        font-size: 9px;
        line-height: 1;
        color: #fff;
        background: #395f7b;
        z-index: 100;
    }
*/
/*
    #nav_Area .flex li:nth-child(10)::before,
    #nav_Area .flex li:nth-child(11)::before,
*/
    #nav_Area .flex li:nth-child(2)::before   {
        position: absolute;
        top: 0px;
        left: 0;
        padding: 3px 5px 3px;
        transform: translate(0, 0);
    }
    /* #nav_Area .flex li:nth-child(15) {
    width: 100%;
    border-right: none;
} */

    /* current */
    #nav_Area .flex li a::before,
    #nav_Area .flex li a::after {
        content: none;
    }

    #indexP #nav_Area .flex li:nth-child(1) a,
    #conceptP #nav_Area .flex li:nth-child(2) a,
    #locationP #nav_Area .flex li:nth-child(3) a,
    #designP #nav_Area .flex li:nth-child(4) a,
    #zehP #nav_Area .flex li:nth-child(5) a,
    #planP #nav_Area .flex li:nth-child(6) a,
    #modelroomP #nav_Area .flex li:nth-child(7) a,
    #structureP #nav_Area .flex li:nth-child(8) a,
    #equipmentP #nav_Area .flex li:nth-child(9) a,
    #brandP #nav_Area .flex li:nth-child(10) a,
		#outlineP #nav_Area .flex li:nth-child(11) a,
    #mapP #nav_Area .flex li:nth-child(12) a {
        background-color: rgb(194 194 194 / 70%);
        color: #4c4c4c;
    }

    /*===================================
content_Wrap
===================================*/
    #All_Wrap {
        margin-top: 70px;
    }

    /*===================================
footer
===================================*/
    /* フッターナビゲーション */
    #foot_Nav {
        display: block;
        padding: 0;
        border-top: none;
        border-bottom: none;
				background: #FFF;
    }
		#foot_Nav a {
				color: #000;
		}

    #foot_Nav .flex {
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
        border-top: 1px solid #383838;
    }

    #foot_Nav .flex li {
        width: 50%;
        border-bottom: 1px solid #383838;
        box-sizing: border-box;
        padding: 0;
    }

    #foot_Nav .flex li:first-child::before,
    #foot_Nav .flex li::after {
        content: none;
    }

    #foot_Nav li:nth-child(odd) {
        border-right: 1px solid #383838;
    }

/* kisuu */
 /* #foot_Nav .flex li:last-child {
    width: 100%;
    border-right: none;
} */


    #foot_Nav .flex li.sp {
        display: flex;
        align-items: center;
    }

    #foot_Nav li a {
        padding: 18px 0;
        font-size: 12px;
    }

    #foot_Nav li:nth-child(8) a {
        font-size: 11px;
        letter-spacing: 0em;
    }

    .company_Area {
        padding: 30px 0;
    }

    .company_Area ul {
        width: 80%;
        flex-direction: column;
    }

    .company_Area li {
        margin: 0 auto;
    }
    .company_Area a {
    margin: 0 auto;
}
    .company_Area h6 {
    text-align: center;
}
    .company_Area li:nth-child(1),
    .company_Area li:nth-child(2),
    .company_Area li:nth-child(3) {
        width: 100%;
    }
}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
    body {
        padding-bottom: 60px;
    }

    #site_Ttl_Area h1 a {
        width: 80%;
    }

    /*===================================
header
===================================*/

    /* ボタンエリア */
    #head_Wrap {
        padding: 0 0 10px 10px;
    }


    /*===================================
content_Wrap
===================================*/
    #All_Wrap {
        margin-top: 85px;
    }

    #content_Wrap {
        margin-top: 85px;
    }

    /*===================================
footer
===================================*/
    /* footer-links */
    footer .footer-links .base_w {
        width: 90%;
    }

    footer .footer-links .slick-list::after,
    footer .footer-links .slick-list::before {
        display: none;
    }

    /*SP下部固定ナビ*/
    .ftr_fixed {
        width: 100%;
        position: fixed;
        bottom: 0;
        background: #fff;
        height: 60px;
        font-size: 10px;
        text-align: center;
        border-top: 1px solid #000;
        z-index: 101;
    }

    .ftr_fixed li {
        position: relative;
        width: calc((100% - 0.01%) / 3);
    }

    .ftr_fixed li:not(:last-of-type) {
        border-right: 1px solid #000;
    }

    .ftr_fixed li a {
        display: block;
        width: 100%;
        height: 100%;
        color: #000;
    }

    .ftr_fixed li.nav_request {
        background: #0F77B3;
				background: linear-gradient(to right,  rgba(108,85,75,1) 0%,rgba(166,147,138,1) 100%);
    }

    .ftr_fixed li.nav_request a {
        color: #fff;
    }

    /* .ftr_fixed li.nav_reserve {
        background: url(../img/btn_req_bg.jpg)no-repeat center;
        filter: hue-rotate(148deg);
        background-size: cover;
    }

    .ftr_fixed li.nav_reserve a {
        color: #fff;
    } */

    .ftr_fixed li span {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .ftr_fixed li span::before {
        content: "";
        display: block;
        width: 25px;
        height: 25px;
        margin: 0 auto 7px;
    }

    .ftr_fixed .nav_tel span::before {
        background: url(../img/sp_tel.svg) no-repeat center center;
        background-size: contain;
    }

    .ftr_fixed .nav_map span::before {
        background: url(../img/sp_map.svg) no-repeat center center;
        background-size: contain;
        width: 22px;
        height: 25px;
    }

    .ftr_fixed .nav_request span::before {
        background: url(../img/sp_req.svg) no-repeat center center;
        background-size: contain;
        width: 22px;
        height: 25px;
    }

    .ftr_fixed .nav_outline span::before {
        background: url(../img/sp_out.svg) no-repeat center center;
        background-size: contain;
        width: 22px;
    }

    .ftr_fixed .nav_line span::before {
        background: url(../img/logo_line.svg) no-repeat center center;
        background-size: contain;
        width: 25px;
        height: 25px;
    }

    .ftr_fixed .nav_reserve span::before {
        background: url(../img/sp_res.svg) no-repeat center center;
        background-size: contain;
    }

    .ftr_fixed .nav_linespan::before {
        background: url(../img/logo_line.svg) no-repeat center center;
        background-size: contain;
        width: 25px;
        height: 25px;
    }

    .ftr_fixed .nav_line span {
        letter-spacing: -1px;
    }

    #corporate_Area {
        padding: 40px 0 10px;
    }

    #corporate_Area .foot_Tel {
        width: 80%;
        margin: 0 auto;
    }

    #corporate_Area .foot_Tel a {
        pointer-events: unset;
        cursor: pointer;
        width: 100%;
    }

    #corporate_Area .foot_Tel img {
        width: 100%;
    }

    #corporate_Area .bus_Info {
        margin-left: 0;
        text-align: center;
    }

    #pageTop {
        right: 10px;
        bottom: 76px;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    /*===================================
下層ページ
===================================*/


}