@charset "UTF-8";
/* CSS Document */

html {
    font-size: 62.5%;
}

body {
    font-family: 'Zen Old Mincho', serif;
    font-size: clamp(14px, 3vw, 18px);
    line-height: 2;
    letter-spacing: 0.15rem;
    color: #101010;
    margin: 0;
    position: relative;
    font-weight: 400;
}

@media (max-width: 500px) {
    body {
        font-size: 1.4rem;
        letter-spacing: normal;
    }
}

img {
    width: 100%;
    height: auto;
}

a {
    color: #101010;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: #101010;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* ------------------------------------- /
/   スマホ表示・非表示
/* ------------------------------------- */

.sp {
    display: none !important;
}

.sp768 {
    display: none !important;
}


.sp1024 {
    display: none !important;
}

.sp1200 {
    display: none !important;
}

@media only screen and (max-width: 1300px) {

    .pc1200 {
        display: none !important;
    }

    .sp1200 {
        display: block !important;
    }
}

@media only screen and (max-width: 1024px) {

    .pc1024 {
        display: none !important;
    }

    .sp1024 {
        display: block !important;
    }
}

@media only screen and (max-width: 768px) {
    .pc768 {
        display: none !important;
    }

    .sp768 {
        display: block !important;
    }
}

@media only screen and (max-width: 500px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}

/* ------------------------------------- /
/   共通
/* ------------------------------------- */

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.jc-fs {
    justify-content: flex-start;
}

.ai-c {
    align-items: center;
}

.anchor {
    padding-top: 150px;
    margin-top: -150px;
}

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

.sec1 {
    margin: 130px auto;
}

.sec2 {
    padding: 130px 0;
    position: relative;
}

.sec3 {
    margin: 65px auto;
}

.sec4 {
    padding: 70px 0;
}

.hd_btm {
    height: 97px;
}

@media only screen and (max-width: 1024px) {
    .hd_btm {
        height: 85px;
    }
}

@media only screen and (max-width: 1024px) {
    .inner {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 1080px) {

    .sec1 {
        margin: 80px auto;
    }

    .sec2 {
        padding: 80px 0;
    }

    .sec3 {
        margin: 80px auto;
    }

    .sec4 {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 768px) {
    .anchor {
        padding-top: 100px;
        margin-top: -100px;
    }
}

@media only screen and (max-width: 500px) {
    .sec1 {
        margin: 50px auto;
    }

    .sec2 {
        padding: 50px 0;
    }

    .sec3 {
        margin: 50px auto;
    }

    .sec4 {
        padding: 50px 0;
    }
}

/* ----------------------------------------------------------------------------
/  common2
/ ---------------------------------------------------------------------------- */
.bk_txt {
    padding-top: 50px;
    position: relative
}

.bk_txt p {
    position: absolute;
    top: -5px;
    left: 0;
    font-size: clamp(60px, 10vw, 180px);
    font-family: 'Cormorant Garamond', serif;
    color: #F8F7F4;
    z-index: -1;
    line-height: 0.8;
}

.bk_txt.wh p {
    color: #fff;
}

.h2_ttl {
    font-size: clamp(24px, 3.5vw, 48px);
    margin-bottom: 100px;
    font-weight: 700;
}

.bk_txt.right p {
    left: auto;
    right: 0;
}

.bk_txt_area {
    overflow: hidden;
}

.bk_txt.left-mainus p {
    left: -15%;
}

.bk_txt.right-mainus p {
    left: auto;
    right: -15%;
}

.right .h2_ttl {
    text-align: right;
}

.bk_txt.right-mainus .h2_ttl {
    text-align: right;
}

.bk_txt.center p {
    left: 50%;
    transform: translate(-50%, 0);
}

.center .h2_ttl {
    text-align: center;
}

.more_btn {
    width: 100%;
}

.more_btn a,
.more_btn p {
    display: block;
    text-align: right;
    box-sizing: border-box;
    line-height: 1;
}

.more_btn a span,
.more_btn p span {
    font-size: clamp(14px, 3vw, 16px);
    padding-left: 15px;
    /* background-color: #fff; */
    width: 100%;
}

.more_btn a:hover,
.more_btn p:hover {
    opacity: 1;
}

.more_btn a:hover span,
.more_btn p:hover span {
    padding-left: 25px;
    transition: 0.3s;
}


.more_btn {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 10px;
}
.more_btn:hover {
    gap: 20px;
    transition: 0.3s;
}

.more_btn::before {
    /* position: absolute; */
    /* content: ""; */
    /* width: 100%; */
    /* height: 0.5px; */
    /* top: 50%; */
    /* left: 0; */
    /* transform: translate(0, -50%); */
    /* background-color: #101010; */
    /* z-index: -1; */
    content: '';
    display: block;
    width: 100%;
    height: 0.5px;
    left: 0;
    background-color: #101010;
    z-index: -1;
}

.arrow_btn {
    text-align: center
}

.arrow_btn a {
    display: inline-block;
    text-align: left;
    border-bottom: 1px solid #101010;
    padding-right: 65px;
    background-image: url(../img/top/arrow_b.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: right center;
    padding-bottom: 2px;
}

.arrow_btn a:hover {
    background-position: right 5px center;
}

.center_ttl p {
    font-size: clamp(14px, 3vw, 18px);
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.5;
}
R.center_ttl h2,
.center_ttl h3 {
    font-size: clamp(14px, 3vw, 18px);
    text-align: center;
    line-height: 1.5;
}

.center_ttl h2 span,
.center_ttl h3 span {
    font-size: clamp(24px, 5vw, 42px);
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    margin-bottom: 40px;
}


.center_ttl h3 span.mini {
    font-size: clamp(18px, 5vw, 26px);
    margin-bottom: 0px;
}

.here_btn a {
    display: block;
    width: 100%;
    padding: 25px 0;
    text-align: center;
    font-size: clamp(20px, 3vw, 28px);
    border: 1px solid #101010;
    /* background-color: #C82321; */
    /* color: #fff; */
    background-image: url(../img/top/arrow_b.png);
    background-size: 45px;
    background-position: right 20px center;
    background-repeat: no-repeat;
}

.here_btn.office a {
    max-width: 600px;
    padding: 20px 0;
    font-size: clamp(18px, 3vw, 24px);
    margin: 90px auto;
}

.c-txt {
    text-align: center;
    width: 100%;
}


.here_btn a:hover {
    background-position: right 25px center;
}

.t-cent {
    text-align: center;
}

@media only screen and (max-width:1600px) {
    .bk_txt.left-mainus p {
        left: -5%;
    }

    .bk_txt.right-mainus p {
        left: auto;
        right: -5%;
    }
}

@media only screen and (max-width:1200px) {
    .bk_txt p {
        top: 25px;
    }

    .bk_txt.left-mainus p {
        left: 0;
    }

    .bk_txt.right-mainus p {
        left: auto;
        right: 0;
    }
}



@media only screen and (max-width:768px) {
    .h2_ttl {
        margin-bottom: 40px;
    }

    .here_btn.office a {
        margin: 50px auto;
    }
}

@media only screen and (max-width:500px) {

    .bk_txt p {
        top: 35px;
    }

    .arrow_btn a {
        padding-right: 55px;
        background-size: 25px;
    }

    .here_btn a {
        background-size: 25px;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  head_area
/ ---------------------------------------------------------------------------- */

header {
    width: 100%;
    color: #101010;
    font-size: clamp(15px, 3vw, 18px);
    padding: 20px 40px;
    position: fixed;
    z-index: 999999;
    transition: 0.8s;
    box-sizing: border-box;
    top: 0;
    font-weight: 500;
}

header a {
    color: #fff;
}

header a:hover {
    color: #fff;
}

header.lower {
    background-color: #fff;
}

header.lower a {
    color: #101010;
}

header.lower a:hover {
    color: #101010;
}


header .logo {
    max-width: 410px;
    width: 100%;
    height: auto;
    transition: 0.5s;
}




header .logo:hover {
    opacity: 0.5;
    transition: 0.5s;
}

header .menu_nav {
    max-width: 1320px;
    width: 100%;
}

header ul.menu li {
    line-height: 1;
}

header ul.menu li:nth-last-child(2) a {
    display: block;
    padding: 20px 10px;
    /* background-color: #C82321; */
    border: 1px solid #fff;
    color: #fff;
    min-width: 160px;
    text-align: center;
}

header ul.menu li:nth-last-child(2) a:hover {
    /* border: 1px solid #C82321; */
    background-color: #fff;
    /* color: #C82321; */
    color: #101010;
    transition: 0.5s;
}

header.lower ul.menu li:nth-last-child(2) a {
    color: #101010;
    border: 1px solid #101010;
}

header.lower ul.menu li:nth-last-child(2) a:hover {
    background-color: #101010;
    color: #fff;
    transition: 0.5s;
}

header ul.menu li:nth-last-child(1) a {
    padding: 20px 10px;
    border: 1px solid #fff;
    min-width: 160px;
    text-align: center;
    display: block;
}

header ul.menu li:nth-last-child(1) a:hover {
    background-color: #fff;
    color: #101010;
    border: 1px solid #101010;
    transition: 0.5s;
}

header.lower ul.menu li:nth-last-child(1) a {
    border: 1px solid #101010;
}

header.lower ul.menu li:nth-last-child(1) a:hover {
    background-color: #101010;
    color: #fff;
    transition: 0.5s;
}

header .logo img.change-img-out {
    display: none;
}

header.change-color {
    background-color: #fff;
}



header.change-color .logo img.change-img-out {
    display: block;
}

header.change-color .logo img.change-img {
    display: none;
}

header.change-color a {
    color: #101010;
}

header.change-color a:hover {
    color: #101010;
}

header.change-color ul.menu li:nth-last-child(1) a {
    border: 1px solid #101010;
}


header.change-color ul.menu li:nth-last-child(1) a:hover {
    background-color: #101010;
    color: #fff;
}

header.change-color ul.menu li:nth-last-child(2) a {
    /* color: #fff; */
    border: 1px solid #101010;
    color: #101010;
}

header.change-color ul.menu li:nth-last-child(2) a:hover {
    /* border: 1px solid #C82321; */
    /* background-color: #fff; */
    /* color: #C82321; */
    transition: 0.5s;
    background-color: #101010;
    color: #fff;
}

@media only screen and (max-width:1850px) {
    header .logo {
        max-width: 250px;
    }

    header {
        padding: 20px 20px;
        font-size: clamp(15px, 3vw, 15px);
    }

    header .menu_nav {
        max-width: 1000px;
    }

    header ul.menu li:nth-last-child(1) a,
    header ul.menu li:nth-last-child(2) a {
        min-width: 120px;
    }
}

@media only screen and (max-width:1300px) {

    header ul.menu li:nth-last-child(1) a,
    header ul.menu li:nth-last-child(2) a,
    header.lower ul.menu li:nth-last-child(1) a,
    header.lower ul.menu li:nth-last-child(2) a {
        padding: 0;
        border: none;
        border-bottom: 0.5px solid #d4d4d4;
        background-color: #fff;
        color: #101010;
        padding: 2em 0;
    }

    header.change-color ul.menu li:nth-last-child(1) a,
    header.change-color ul.menu li:nth-last-child(2) a {
        border: none;
        border-bottom: 0.5px solid #d4d4d4;
        background-color: #fff;
        color: #101010;
        padding: 2em 0;
    }

    header.lower ul.menu li:nth-last-child(1) a,
    header ul.menu li:nth-last-child(1) a,
    header.change-color ul.menu li:nth-last-child(1) a {
        border: none;
    }

    header.lower ul.menu li:nth-last-child(2) a,
    header ul.menu li:nth-last-child(2) a,
    header.change-color ul.menu li:nth-last-child(2) a {
        border-bottom: none;
    }
}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:500px) {
    header .logo {
        max-width: 200px;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}



/* ----------------------------------------------------------------------------
/  top
/ -----------------------------------------------------------------------------
/ top_main_area
/ ---------------------------------------------------------------------------- */

.main_area {
    width: 100%;
    height: 100vh;
}

.main_area .main_slick {
    width: 100%;
    height: 100vh;
}

.main_area .main_slick li {
    width: 100%;
    height: 100%;
    position: relative;
}

.main_area .main_slick img.slide-item {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}

.main_area .cont {
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.main_area .cont .inner {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;

}

.main_area .txt {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 100%;
    color: #fff;
    line-height: 1.4;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    text-align: right;
}

.main_area .slide2 .txt {
    padding-left: 0px;
}

.main_area .slide3 .txt,
.main_area .slide4 .txt {
    position: absolute;
    top: 15%;
    left: 0;
    transform: translate(0, 0);
    width: 100%;
    color: #fff;
    line-height: 1.4;
    padding-left: 20px;
}


.main_area .txt p {
    font-size: clamp(13px, 3vw, 20px);
    text-align: left;
}


.main_area .txt h2 {
    font-size: clamp(18px, 5vw, 40px);
    padding-bottom: 20px;
    font-weight: 500;
    font-family: 'Cormorant Garamond', serif;
    line-height: 1;
    padding-bottom: 0;
    margin-bottom: 40px;
    text-align: left;
    display: inline-block;
}

.main_area .txt h2 span.block {
    font-size: clamp(14px, 5vw, 40px);
    padding-bottom: 20px;
    font-weight: 500;
    font-family: 'Cormorant Garamond', serif;
    padding-bottom: 0;
    line-height: 1;
    display: block;
    padding-bottom: 10px;
}

span.sans {
    font-family: 'Noto Sans JP', sans-serif;
}

.main_area .txt h2 span.block:last-child {
    padding-top: 10px;
    padding-bottom: 0px;
}

.main_area .txt p:last-child {
    font-size: clamp(13px, 3vw, 20px);
    font-family: 'Cormorant Garamond', serif;
    margin-top: -10px;
    padding-right: 185px;
    position: relative;
    display: inline-block;
}

.main_area .txt img {
    width: 60%;
    margin: 0 auto;
    box-sizing: border-box;
}



.main_area .txt p:last-child::before {
    position: absolute;
    content: "";
    width: 145px;
    height: 1px;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background-color: #fff;
    z-index: 1;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .main_area {
        height: auto;
    }

    .main_area .main_slick {
        height: auto;
    }

    .main_area .main_slick img.slide-item {
        height: auto;
    }

    .main_area .slide3 .txt,
    .main_area .slide4 .txt {
        top: 30%;
    }
}

@media only screen and (max-width:500px) {
    .main_area {
        height: auto;
    }

    .main_area .main_slick {
        height: auto;
    }

    .main_area .main_slick img.slide-item {
        height: auto;
    }

    .main_area .txt h2 {
        padding-bottom: 0px;
    }

    .main_area .txt p:last-child {
        padding-right: 70px;
    }

    .main_area .txt p:last-child::before {
        width: 40px;
    }

    .main_area .txt img {
        width: 80%;
    }

    .main_area .slide3 .txt,
    .main_area .slide4 .txt {
        top: 50px;
    }

    .main_area .txt h2 {
        font-size: 16px;
        padding-bottom: 0px;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .main_area .txt h2 span.block {
        font-size: 15px;
        padding-bottom: 7px;
    }

    .main_area .txt h2 span.block:last-child {
        padding-top: 7px;
        padding-bottom: 0px;
    }

    .main_area .txt {
        top: 54%;
        right: auto;
        left: 0;
        text-align: left;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {
    .main_area {
        height: auto;
    }

    .main_area .main_slick {
        height: auto;
    }

    .main_area .main_slick img.slide-item {
        height: auto;
    }
}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  banner_area
/ ---------------------------------------------------------------------------- */
.banner_area {
    /* background-image: url(../img/top/bk_member_l.png), url(../img/top/bk_member_r.png); */
    /* background-repeat: no-repeat; */
    /* background-size: 20vw, 25vw; */
    /* background-position: left 0 bottom 0, right 0 top 0; */
}

.banner_area img.logo {
    max-width: 100px;
    margin: 0 auto 50px;
}

.banner_area h2.txt {
    font-size: clamp(15px, 2.5vw, 20px);
    text-align: center;
    /* margin-bottom: 75px; */
    line-height: 2.2;
}

.banner_area .box a {
    width: 47%;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .banner_area p.txt {
        margin-bottom: 40px;
    }

    .banner_area img.logo {
        max-width: 80px;
        margin: 0 auto 50px;
    }
}

@media only screen and (max-width:500px) {
    .banner_area img.logo {
        max-width: 60px;
        margin: 0 auto 30px;
    }

    .banner_area {
        /* background-image: url(../img/top/bk_member_l.png), url(../img/top/bk_member_r.png); */
        /* background-repeat: no-repeat; */
        /* background-size: 30vw, 35vw; */
        /* background-position: left 0 bottom 85px, right 0 top 115px; */
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {
    .banner_area h2.txt {
        font-size: 1.4rem;
    }
}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  activity_area
/ ---------------------------------------------------------------------------- */
.activity_area {
    /* background-image: url(../img/top/bk_banner_l.png); */
    /* background-repeat: no-repeat; */
    /* background-size: 20vw; */
    /* background-position: left 0 top 0; */
}

ul.act-flex {
    margin-bottom: 70px;
}

ul.act-flex::after {
    display: block;
    content: "";
    width: 30%;
}

ul.act-flex li {
    width: 30%;
}

.low ul.act-flex li {
    margin-bottom: 100px;
}

ul.act-flex li p.day {
    font-size: clamp(12px, 3vw, 16px);
    margin-bottom: 10px;
}

ul.act-flex li img {
    width: 100%;
    height: 280px;
    object-position: center;
    object-fit: cover;
    margin-bottom: 20px;
    border: 1px solid #101010;
}

ul.act-flex li p.ttlp {
    font-size: clamp(14px, 3vw, 18px);
    color: #D4C476;
    line-height: 1.6;
    margin-bottom: 5px;
}

ul.act-flex li p.txtp {
    font-size: clamp(14px, 3vw, 16px);
    margin-bottom: 20px;
}

ul.act-flex li .more_btn a:first-child {
    display: none;
}

.activity_area .btn_box {
    max-width: 825px;
    margin: 0 auto;
}

.low .btn_box .arrow_btn {
    margin: 0 auto;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    ul.act-flex {
        margin-bottom: 40px;
    }

    .low ul.act-flex li {
        margin-bottom: 60px;
    }

    ul.act-flex li img {
        height: 200px;
    }
}

@media only screen and (max-width:500px) {
    ul.act-flex li {
        width: 100%;
        margin-bottom: 30px;
    }

    ul.act-flex::after {
        display: none;
    }

    ul.act-flex li img {
        height: 200px;
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .top .btn_box .arrow_btn a {
        margin-bottom: 40px;
    }

    .activity_area {
        background-size: 30vw;
        background-position: left 0 bottom 0;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  message_area
/ ---------------------------------------------------------------------------- */
.message_area {
    padding-top: 0;
}

.message_area {
    /* background-image: url(../img/top/bk_yeg_l.png), url(../img/top/bk_yeg_r.png); */
    /* background-repeat: no-repeat; */
    /* background-size: 20vw, 20vw; */
    /* background-position: left 0 bottom 20%, right 0 bottom 0; */
}

.message_area .more_btn {
    max-width: 480px;
    margin: 0 auto 80px;
}

.message_area .center_ttl p {
    font-size: clamp(24px, 3vw, 42px);
}

.message_area .more_btn a {
    font-size: clamp(16px, 3vw, 20px);
}

.message_area .center_ttl h3 {
    margin-bottom: 40px;
}

.message_area .center_ttl {
    margin-bottom: 40px;
}

.message_area .center_ttl h2 span {
    display: block;
    margin-bottom: 0;
}

.message_area .center_ttl h2 span.sans {
    display: inline;
}

.message_area .btn_area {
    max-width: 850px;
    margin: 0 auto;
}

.message_area .btn_box {
    margin-bottom: 40px;
}

.message_area .btn_box .arrow_btn {
    width: 31%;
    box-sizing: border-box;
}

.message_area .btn_box .arrow_btn a {
    width: 100%;
    box-sizing: border-box;
}


@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {
    .message_area .more_btn {
        max-width: 250px;
    }
}



@media only screen and (max-width:768px) {
    .message_area .center_ttl h3 {
        margin-bottom: 20px;
    }

    .message_area img {
        max-width: 200px;
    }
}

@media only screen and (max-width:500px) {
    .message_area .btn_box .arrow_btn {
        max-width: 220px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .message_area {
        background-position: left 0 top 40%, right 0 top 50%;
    }

    .message_area {
        background-size: 31vw, 30vw;
        background-position: left 0 bottom 20%, right 0 bottom 0;
    }

    .message_area .more_btn {
        max-width: 390px;
        margin: 0 auto 50px;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  slide
/ ---------------------------------------------------------------------------- */

@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/*
  IE11対策
  ----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.slideview_area {
    display: -ms-grid;
    overflow: hidden;
}

/*----------------------------*/

.slideview__wrap {
    display: flex;
    overflow: hidden;
}

.slideview__list {
    display: flex;
    list-style: none;
}

.slideview__list--left {
    animation: infinity-scroll-left 95s infinite linear 0.5s both;
}

.slideview__item {
    width: calc(100vw / 4);
    margin-right: 10px;
}

.slideview__item>img {
    width: 100%;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}


/* ----------------------------------------------------------------------------
/  
/ ---------------------------------------------------------------------------- */
.col_lft .lt_box {
    width: 48%;
}




.col_lft .rt_box {
    width: calc(48% - 17%);
    text-align: center;
    margin: auto;
}

.col_lft .rt_box .txt_box {
    display: block;
    text-align: left;
    max-width: 560px;
}

.office_area .col_rgt {
    margin-bottom: 65px;
}

.col_rgt .lt_box {
    width: calc(48% - 10%);
    text-align: center;
    margin: auto;
}

.col_rgt .lt_box .txt_box {
    display: block;
    text-align: left;
    max-width: 100%;
}

.col_rgt .rt_box {
    width: 48%;
}

.col_rgt .lt_box .txt_cont {
    max-width: 580px;
    margin-left: auto;
}

.col_rgt .lt_box .h2_ttl {
    margin-bottom: 70px;
}

.col_rgt .lt_box .txt_cont h3 {
    font-size: clamp(18px, 3vw, 28px);
    margin-bottom: 20px;
    line-height: 1.6;
}

.col_rgt .lt_box .txt_cont p {
    font-size: clamp(14px, 3vw, 20px);
    margin-bottom: 20px;
}

.col_rgt .lt_box .arrow_btn {
    text-align: right;
}

.col_lft img,
.col_rgt img {
    width: 100%;
    height: 800px;
    object-fit: cover;
}

.col_rgt .bk_txt p {
    top: -100%;
    left: -24%;
}

@media (max-width: 1440px) {
    .col_rgt .lt_box {
        padding-left: 0;
    }

    .col_rgt .bk_txt p {
        top: -65%;
    }
}

@media (min-width: 1400px) {
    .col_lft .rt_box {
        width: calc(46% - 5%);
    }

    .col_lft .lt_box {
        width: 40%;
    }


    .col_rgt .lt_box {
        width: calc(46% - 5%);
    }

    .col_rgt .rt_box {
        width: 40%;
    }
}

@media (max-width: 1024px) {
    .col_lft .rt_box {
        width: calc(70% - 17%);
        text-align: center;
        margin: auto;
    }

    .col_lft .lt_box {
        width: 30%;
    }


    .col_rgt .lt_box {
        width: calc(70% - 17%);
    }

    .col_rgt .rt_box {
        width: 30%;
    }


    .col_lft img, .col_rgt img {
        height: 300px;
    }

    .col_rgt .bk_txt p {
        top: -40%;
        left: 0%;
    }
}

@media (max-width: 768px) {
    .col_lft .rt_box {
        max-width: 100%;
        width: 100%;
        padding: 0px 20px;
        margin-bottom: 30px;
    }

    .col_lft .rt_box .txt_box {
        max-width: 100%;
    }

    .col_lft .lt_box {
        width: 100%;
        order: 2;
    }

    .col_rgt .lt_box {
        max-width: 100%;
        width: 100%;
        padding: 0px 20px;
        margin-bottom: 30px;
    }

    .col_rgt .lt_box .txt_box {
        max-width: 100%;
    }

    .col_rgt .rt_box {
        width: 100%;
    }

    .col_rgt .lt_box .h2_ttl {
        margin-bottom: 40px;
    }


    .office_area .col_rgt {
        margin-bottom: 65px;
    }

}

@media (max-width: 500px) {
    .col_rgt .bk_txt p {
        top: -5%;
    }
}

/* ----------------------------------------------------------------------------
/  office_area
/ ---------------------------------------------------------------------------- */
.center-txt {
    font-size: clamp(18px, 3vw, 18px);
    text-align: center;
    margin-bottom: 40px;
}

.office_area {
    /* background-image: url(../img/top/bk_active_l.png), url(../img/top/bk_member_r.png); */
    /* background-repeat: no-repeat; */
    /* background-size: 20vw, 30vw; */
    /* background-position: left 0 bottom 50%, right 0 bottom 0; */
}

.top_banner_area {
    /* background-image: url(../img/top/bk_banner_l.png), url(../img/top/bk_banner_r.png); */
    /* background-repeat: no-repeat; */
    /* background-size: 20vw, 30vw; */
    /* background-position: left 0 top 0, right 0 bottom 0; */
}

.office_area .act-flex {
    margin-bottom: 90px;
}

.office_area .act-flex .cat {
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #101010;
    margin-bottom: 10px;
}

.office_area .act-flex .cat span {
    padding-right: 10px;
}

.office_area .act-flex .cat span:last-child {
    padding-right: 0px;
}

.office_area .flex_box {
    max-width: 1090px;
    margin: 0 auto;
}

.office_area .flex_box .sp-flex .flex:nth-child(1) {
    max-width: 1060px;
    margin: 0 auto;
}

.office_area .flex_box .sp-flex .flex {
    flex-wrap: nowrap;
}

.office_area .flex_box a {
    font-size: clamp(12px, 3vw, 20px);
    text-align: center;
    display: block;
    padding: 0 40px;
    border: 1px solid #101010;
    margin-bottom: 30px;
}

.office_area .flex_box a:hover {
    background-color: #101010;
    color: #fff;
    transition: 0.3s;
}

.office_area .center-txt {
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 500;
}

.arrow_btn.big a {
    margin-top: 50px;
    font-size: clamp(18px, 3vw, 20px);
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {
    .office_area .flex_box .sp-flex .flex {
        flex-wrap: wrap;
    }

    .office_area .flex_box a {
        width: 32%;
        padding: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:768px) {
    .office_area .act-flex {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width:500px) {
    .office_area {
        background-size: 40vw, 40vw;
    }

    .top_banner_area {
        background-size: 40vw, 40vw;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  banner_area
/ ---------------------------------------------------------------------------- */


.top_banner_area {
    position: relative;
}
.top_banner_area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFC950;
    z-index: -1;
    bottom: 0;
    transform-origin: bottom right;
    transform: skewY(-10deg);
}

.top_banner_area .flex {
    align-items: stretch;

}

.top_banner_area .inner {
    max-width: 800px;
}

.top_banner_area .box {
    width: 40%;
}

.top_banner_area .box:nth-child(2) {
    width: 50%;
}

.top_banner_area .box iframe {
    width: 100% !important;
    height: 100% !important;
    margin-left: auto;
}

.top_banner_area .box img {
    margin-bottom: 40px;
}

.fb_iframe_widget span {
    width: 100% !important;
}



@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:500px) {
    .top_banner_area .box {
        width: 100%;
        margin-bottom: 20px;
        margin: 30px auto 0;
    }

    .top_banner_area .box,
    .top_banner_area .box:nth-child(2) {
        width: 100%;
    }

    .fb_iframe_widget span {
        margin: 0 auto;
        display: block !important;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  link_area
/ ---------------------------------------------------------------------------- */
.link_area {
    background-color: #1D1D1D;
}

.link_area .bk_txt p {
    color: #161515;
    z-index: 0;
}

.link_area .h2_ttl {
    text-align: right;
    color: #fff;
}

.link_area .flex a {
    width: 23%;
    margin-bottom: 50px;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .link_area .flex a {
        width: 48%;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/ footer
/ ---------------------------------------------------------------------------- */
footer {
    padding: 120px 0 70px;
    background-color: #101010;
}

footer p,
footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}

footer .lft {
    width: 25%;
    box-sizing: border-box;
}

footer .logo {
    max-width: 155px;
    margin-bottom: 100px;
}

footer p {
    margin-bottom: 20px;
    line-height: 1.4;
}

footer p:last-child {
    margin-bottom: 0;
}

footer .rgt {
    width: 70%;
    box-sizing: border-box;
}

footer .rgt ul {
    padding-bottom: 100px;
    margin-bottom: 80px;
    border-bottom: 1px solid #fff;
    justify-content: flex-start;
}

footer .rgt ul li a {
    padding-right: 3rem;
    margin-bottom: 30px;
    display: block;
}

footer .rgt .footer_sns {
    max-width: 240px;
    margin-left: auto;
    margin-bottom: 35px;
}

footer .rgt .footer_sns a {
    max-width: 27px;
}

footer .rgt .copy {
    text-align: right;
    font-family: 'Cormorant Garamond', serif;
}

footer .footer_btn a {
    display: block;
    padding: 20px 0;
    text-align: center;
    border: 1px solid #C82321;
    background-color: #C82321;
    color: #fff;
    margin-bottom: 60px;
    font-size: clamp(18px, 5vw, 22px);
}

footer .footer_btn a:hover {
    border: 1px solid #C82321;
    background-color: #fff;
    color: #C82321;
    opacity: 1;
}

@media only screen and (max-width:1200px) {}

footer .lft {
    width: 35%;
}

footer .lft .logo {
    max-width: 100px;
}

footer .rgt {
    width: 60%;
}



@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    footer {
        padding: 50px 0 20px;
    }

    footer .lft {
        width: 100%;
        margin-bottom: 30px;
    }

    footer .lft .logo {
        max-width: 100px;
        margin: 0 auto 70px;
    }

    footer .rgt {
        width: 100%;
    }

    footer .rgt ul {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    footer .rgt ul li a {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:500px) {
    footer .lft .logo {
        max-width: 80px;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low
/ -----------------------------------------------------------------------------
/  lower　共通
/ ---------------------------------------------------------------------------- */
.low_main {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.low_main.about {
    background-image: url(../img/lower/low_bk_about.png);
}

.low_main.activity {
    background-image: url(../img/lower/low_bk_activity.png);
}

.low_main.office {
    background-image: url(../img/lower/low_bk_office.png);
}

.low_main.yeg {
    background-image: url(../img/lower/low_bk_yeg.png);
}

.low_main.member {
    background-image: url(../img/lower/low_bk_member.png);
}

.low_main .inner {
    height: 100%;
    position: relative;
}

.low_main .inner .low_ttl {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 50%;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.low_main .inner .low_ttl h2 {
    position: relative;
    font-size: clamp(28px, 3vw, 48px);
    padding-bottom: 30px;
    margin-bottom: 30px;
    width: 100%;
}

.low_main .inner .low_ttl h2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0;
    left: -85%;
    background-color: #fff;
}


@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .low_main {
        height: 300px;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
    }

    .low_main .inner .low_ttl {
        width: 100%;
    }
}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low_about_btn
/ ---------------------------------------------------------------------------- */
.low_about_btn {
    margin-bottom: 0;
}

.low_about_btn.col2 {
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
}
.low_about_btn .flex::after{
    content: "";
    width: 30%;
}
.low_about_btn a {
    width: 30%;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #101010;
    text-align: center;
    background-image: url(../img/lower/arrow_about.png);
    background-size: 10px;
    background-position: center bottom;
    background-repeat: no-repeat;
    line-height: 1.4;
}

.low_about_btn.col2 a {
    width: 46%;
}



@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {
    .low_about_btn a {
        font-size: 1.3rem;
    }
}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  .low_txt_box
/ ---------------------------------------------------------------------------- */
.low_about_yeg .txt_box_area {
    /* background-image: url(../img/lower/about_bk_1.png); */
    /* background-position: right bottom; */
    /* background-size: 22%; */
    /* background-repeat: no-repeat; */
}

.low_txt_box {
    margin-bottom: 100px;
}

.low_txt_box:last-child {
    margin-bottom: 0;
}

.low_txt_box .no-txt {
    text-align: center;
}

.low_txt_box .no-txt p {
    font-size: clamp(11px, 3vw, 15px);
    padding-bottom: 3px;
    border-bottom: 1px solid #101010;
    margin-bottom: 25px;
    display: inline-block;
}

.low_txt_box h3 {
    font-size: clamp(20px, 3vw, 32px);
    margin-bottom: 30px;
    text-align: center;
}

.low_txt_box p.txt {
    text-align: center;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .low_txt_box {
        margin-bottom: 50px;
    }

    .low_txt_box:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  sq_box_area
/ ---------------------------------------------------------------------------- */
.low_about_yeg .sq_box_area {
    /* background-image: url(../img/lower/about_bk_2.png); */
    /* background-position: left center; */
    /* background-size: 15%; */
    /* background-repeat: no-repeat; */
}

.sq_box {
    max-width: 950px;
    margin: 0 auto;
    padding: 80px 110px;
    background-color: #F8F7F4;
}

.sq_box .low_txt_box {
    margin-bottom: 90px;
}

dl.no-list {
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    flex-wrap: wrap;
}

dl.no-list dt {
    width: 5%;
    box-sizing: border-box;
    display: block;
    margin: 10px 0;
}

dl.no-list dd {
    width: 95%;
    box-sizing: border-box;
    display: block;
    margin: 10px 0;
}

.mp3_box {
    margin-top: 40px;
    padding: 30px 0;
    background-color: #E6E3DB;
}

.mp3_box .box {
    max-width: 440px;
    margin: 0 auto;
    display: block;
    padding: 0 20px;
}

.mp3_box .box audio {
    width: 100%;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .sq_box {
        padding: 40px 20px;
    }

    .sq_box .low_txt_box {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width:500px) {
    dl.no-list dd br {
        display: none;
    }

}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  txt_box_area2
/ ---------------------------------------------------------------------------- */
.txt_box_area2 {
    /* background-image: url(../img/lower/about_bk_3.png), url(../img/lower/about_bk_4.png); */
    /* background-position: right top, left bottom; */
    /* background-size: 22%, 22%; */
    /* background-repeat: no-repeat; */
}

.line-txt {
    padding-left: 100px;
    position: relative;
    margin-bottom: 25px;
}

.line-txt::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-color: #101010;
}

.txt_box_area2 .inner {
    max-width: 720px;
    margin: 0 auto;
}

.low_txt_box .box {
    margin-bottom: 70px;
}

.low_txt_box .box:last-child {
    margin-bottom: 0px;
}

.low_txt_box .box p {
    margin-bottom: 20px;
}

.low_txt_box .box p:last-child {
    margin-bottom: 0px;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .low_txt_box .box {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low_about_chairman
/ ---------------------------------------------------------------------------- */
/* .low_about_chairman .top {
    margin-bottom: 40px;
}

.ex-txt {
    margin-bottom: 60px !important;
    text-align: center;
    font-size: clamp(16px, 3vw, 18px);
}

.ex-txt span {
    font-size: clamp(12px, 3vw, 14px);
    font-family: 'Jost', sans-serif;
}

.kaityo-box.top {
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.kaityo-box .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.kaityo-box .img {
    width: 30%;
}


.kaityo-box.about {
    margin-bottom: 40px;
}

.kaityo-box .img img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.kaityo-box .txt {
    width: 65%;
}

.kaityo-box.about .img {
    width: 50%;
}

.kaityo-box.about .txt {
    width: 45%;
}

.kaityo-box .txt p {
    text-align: center;
    margin-bottom: 20px;
}

.kaityo-box .txt p:nth-child(1) {
    font-size: clamp(12px, 3vw, 12px);
    font-style: italic;
    font-family: 'Jost', sans-serif;
}

.kaityo-box .txt p:nth-child(2) {
    font-size: clamp(14px, 3vw, 16px);
    line-height: 2;
}

.kaityo-box .txt p:nth-child(3) {
    font-size: clamp(12px, 3vw, 14px);
    margin-bottom: 0;
    font-family: 'Jost', sans-serif;
}


.low_about_chairman .top p {
    margin-left: auto;
}

.low_about_chairman .top p,
.low_about_chairman .btm p {
    margin-bottom: 25px;
}

.low_about_chairman .top p:last-child,
.low_about_chairman .btm p:last-child {
    margin-bottom: 0px;
}

.low_about_chairman .bk_txt.right-mainus p {
    right: 0;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {


    .low_about_chairman .top .img img {
        height: auto;
    }

    .low_about_chairman .top p {
        max-width: 100%;
    }

    .kaityo-box.top {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width:768px) {
    .kaityo-box .img {
        width: 100%;
        margin-bottom: 30px;
    }

    .kaityo-box .img img {
        width: 70%;
        margin: 0 auto;
    }

    .kaityo-box.top .img img {
        width: 40%;
    }

    .kaityo-box .txt {
        width: 100%;
    }

    .kaityo-box.about .img {
        width: 100%;
    }

    .kaityo-box.about .txt {
        width: 100%;
    }
}

@media only screen and (max-width:500px) {
    .kaityo-box .img img {
        width: 100%;
    }

    .kaityo-box .txt p {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
} */

/* ----------------------------------------------------------------------------
/  low_about_chairman
/ ---------------------------------------------------------------------------- */
.low_about_chairman .top {
    position: relative;
    max-width: 670px;
    margin: 0 auto 40px;
}

.low_about_chairman .top .img {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.low_about_chairman .top .img p{
    text-align: center;
}
.low_about_chairman .top .img img {
    width: 100%;
}

.low_about_chairman .top p,
.low_about_chairman .btm p {
    margin-bottom: 25px;
}

.low_about_chairman .top p:last-child,
.low_about_chairman .btm p:last-child {
    margin-bottom: 0px;
}

.low_about_chairman .bk_txt.right-mainus p {
    right: 0;
}
.low_about_chairman .top.flex{
    align-items:center;
}
.kaityo-area {
    width: 48%;

}

.kaityo-area h3 {
    text-align: center;
    margin-bottom: 50px;
    font-size: clamp(1.7rem, 3vw, 3rem);

}

.kaityo-txt p {
    text-align: center;
    margin-bottom: 20px;
}

.kaityo-txt p:nth-child(1) {
    font-size: clamp(4rem, 6vw, 12rem);
    font-style: italic;
    text-align: center;
    line-height: 1;

}

.kaityo-txt p:nth-child(2) {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 2;
}

@media only screen and (max-width:1300px) {
    .kaityo-area h3 {
        margin-bottom: 20px;
    }

}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {
    .low_about_chairman .top .img {
        max-width: 100%;
        position: static;
        width: 100%;
        bottom: auto;
        left: auto;
        margin: 0 auto 40px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .low_about_chairman .top p {
        max-width: 100%;
    }

    .kaityo-area {
        margin: 0 auto 50px;
    }

    .low_about_chairman .top p.name {
        max-width: 100%;
        text-align: center;
    }
}
@media only screen and (max-width:600px) {
.kaityo-area{
    width: 100%;
    margin-bottom: 0;
}
}

    {
    font-family: 'Cormorant Garamond', serif;
}

.new__top {
    display: flex;
    max-width: 1200px;
    margin: 0 auto 40px;
    align-items: flex-start;
    gap: 7%;
}
.new__top .img {
    width: 28%;
}
.new__top .ttl {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}
.new__top .ttl .change {
    width: 40%;
}
.low_about_chairman .name {
    text-align: right;
}
@media only screen and (max-width:1024px) {
    .new__top {
        padding: 0 20px;
    }
}
@media only screen and (max-width:768px) {
    .new__top {
        display: block;
        flex-direction: column;
        gap: 30px;
    }
    .new__top .img {
        width: 100%;
        margin-bottom: 30px;
    }
}



/* ----------------------------------------------------------------------------
/  low_about_ise
/ ---------------------------------------------------------------------------- */
.low_about_ise .bk_txt.left-mainus p {
    left: 0;
}

.low_about_ise dl.border-list {
    margin-bottom: 80px;
}

dl.border-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

dl.border-list dt {
    width: 25%;
    padding: 25px 0;
    border-bottom: 1px solid #C9C4B8;
}

dl.border-list dd {
    width: 75%;
    padding: 25px 0;
    border-bottom: 1px solid #C9C4B8;
}

dl.border-list dt.first,
dl.border-list dd.first {
    padding-top: 0;
}

dl.border-list dt.last,
dl.border-list dd.last {
    border-bottom: none;
}

.low_about_ise iframe {
    width: 100%;
    height: 350px;
}

.low_btm {
    height: 100px;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .low_about_ise dl.border-list {
        margin-bottom: 50px;
    }

    .low_btm {
        height: 0px;
    }

    dl.border-list dt {
        width: 35%;
    }

    dl.border-list dd {
        width: 65%;
    }

}

@media only screen and (max-width:500px) {
    .low_about_ise iframe {
        height: 200px;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {
    dl.border-list dt {
        width: 40%;
    }

    dl.border-list dd {
        width: 60%;
    }
}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low_member_txt
/ ---------------------------------------------------------------------------- */
.low_member_txt .inner {
    height: 100%;
    background-image: url(../img/lower/member_bk_1.png), url(../img/lower/member_bk_2.png);
    background-repeat: no-repeat;
    background-size: 100px, 185px;
    background-position: left 5% top 40%, right 0 bottom 15%;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low_member_merit
/ ---------------------------------------------------------------------------- */
.low_member_merit {
    background-color: #F8F7F4;
}

.low_member_merit .bk_txt {
    z-index: 1;
}

.low_member_merit .bk_txt p {
    color: #fff;
}

.low_member_merit .box {
    width: 48%;
    padding: 60px 40px;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 60px;
}

.low_member_merit .box p.no {
    font-size: clamp(12px, 3vw, 16px);
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #101010;
}

.low_member_merit .box h3 {
    font-size: clamp(16px, 3vw, 22px);
    color: #C82321;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.4;
}

.low_member_merit .box p.txt {
    text-align: center;
    margin-bottom: 20px;
}

.low_member_merit .box img {
    max-width: 310px;
    margin: 0 auto;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

.low_member_merit .box p.no {
    margin-bottom: 20px;
}

.low_member_merit .box {
    width: 48%;
    margin-bottom: 30px;
}

@media only screen and (max-width:500px) {
    .low_member_merit .box {
        width: 100%;
    }

    .low_member_merit .box img {
        max-width: 250px;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low_member_table col2-table
/ ---------------------------------------------------------------------------- */
table.col2-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #101010;
}

table.col2-table tr td {
    padding: 20px 40px;
    border: 1px solid #101010;
}

table.col2-table tr td.first {
    width: 20%;
    background-color: #101010;
    color: #fff;
    border-bottom: 1px solid #fff;
}

table.col2-table tr:last-child td.first {
    border-bottom: 1px solid #101010;
}

table.col2-table tr td:nth-child(2) {
    width: 80%;
}

table.col2-table tr td span.mini {
    font-size: 80%;
}

table.col2-table tr td span.line {
    padding-left: 40px;
    position: relative;
}

table.col2-table tr td span.line::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 1px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-color: #101010;
}

table.col2-table tr td span.blo {
    width: 16.666666%;
    display: inline-block;
    line-height: 2.5;
    box-sizing: border-box;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {
    table.col2-table tr td span.blo {
        width: 30%;
    }
}

@media only screen and (max-width:768px) {
    table.col2-table tr td {
        padding: 15px 10px;
    }

    table.col2-table tr td.first {
        width: 30%;
    }

    table.col2-table tr td:nth-child(2) {
        width: 70%;
    }
}

@media only screen and (max-width:500px) {
    table.col2-table tr td span.line {
        padding-bottom: 20px;
    }

    table.col2-table tr td span.line {
        padding-left: 0;
    }

    table.col2-table tr td span.line::before {
        width: 0px;
    }

    table.col2-table tr td span.blo {
        width: 48%;
        font-size: 1.3rem;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low_member_btn
/ ---------------------------------------------------------------------------- */
.low_member_btn .t-cent {
    margin-bottom: 50px;
}

.low_member_btn .flex_box {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}

.black_btn {
    max-width: 400px;
    width: 100%;
    box-sizing: border-box;
}

.black_btn a {
    box-sizing: border-box;
    padding: 30px 10px;
    background-color: #101010;
    text-align: center;
    width: 100%;
    color: #fff;
    display: block;
}

.low_member_btn .black_btn {
    margin: 0 auto;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .low_member_btn .t-cent {
        margin-bottom: 30px;
    }

    .black_btn a {
        margin-bottom: 20px;
    }

    .black_btn:last-child a {
        margin-bottom: 0;
    }

    .black_btn {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        padding: 20px 10px;
    }
}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low_member_contact
/ ---------------------------------------------------------------------------- */
.low_member_contact {
    background-color: #F8F7F4;
    padding-left: 20px;
    padding-right: 20px;
}

.low_member_contact .bk_txt {
    z-index: 1;
}

.low_member_contact .bk_txt p {
    color: #fff;
}

.low_member_contact .txt {
    margin: 0 auto 60px;
    text-align: center;
}

.low_member_contact .txt p {
    text-align: left;
    display: inline-block;
}

.low_member_contact .flex {
    max-width: 900px;
    margin: 0 auto;
}

.low_member_contact .flex .box {
    width: auto;
}

.low_member_contact .flex .box p {
    font-size: clamp(13px, 3vw, 16px);
    padding-bottom: 5px;
    border-bottom: 1px solid #101010;
    margin-bottom: 10px;
}

.low_member_contact .flex .box a {
    padding-left: 40px;
    background-image: url(../img/lower/member_icon_1.png);
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: left center;
    font-size: clamp(18px, 3vw, 26px);
    display: block;
}

.low_member_contact .flex .box:nth-child(2) a {
    background-image: url(../img/lower/member_icon_2.png);
}

.low_member_contact .flex .box:nth-child(3) a {
    background-image: url(../img/lower/member_icon_3.png);
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .low_member_contact .txt {
        margin: 0 auto 40px;
        text-align: center;
    }

    .low_member_contact .flex {
        display: block;
    }

    .low_member_contact .flex .box {
        width: auto;
        margin: 0 auto 20px;
    }
}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low_about_btn
/ ---------------------------------------------------------------------------- */
.low_about_btn.yeg a {
    margin-bottom: 60px;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .low_about_btn.yeg a {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low_yeg_map
/ ---------------------------------------------------------------------------- */
.low_yeg_map .map {
    margin-bottom: 50px;
}

.mid {
    vertical-align: middle;
}


@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {

    .low_about_btn.yeg a {
        width: 48%;
    }
}

@media only screen and (max-width:500px) {
    .low_yeg_map .map {
        overflow-y: scroll;
    }

    .low_yeg_map img {
        width: 650px;
    }
}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  low_yeg_step
/ ---------------------------------------------------------------------------- */
.low_yeg_step {
    background-color: #F8F7F4;
}

.low_yeg_young {
    background-color: #F2EFE7;
}

.low_yeg_step .bk_txt {
    z-index: 1;
}

.low_yeg_step .bk_txt p {
    color: #fff;
    font-size: clamp(60px, 8vw, 180px);
}

.inkai-area .txt_box_area .cont .txt_box p {
    margin-bottom: 30px;
}

.inkai-area .txt_box_area .cont .txt_box p {
    margin-bottom: 30px;
}

.inkai-area .line-txt {
    font-size: clamp(16px, 3vw, 22px);
}

.inkai-area .txt_box_area .cont {
    margin-bottom: 60px;
}

ul.cercle-list li {
    padding-left: 25px;
    position: relative;
}

ul.cercle-list li::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 12px;
    left: 0;
    background-color: #C9C4B8;
    border-radius: 50px;
}

.inkai-area .low_txt_box .no-txt {
    text-align: left;
}

.inkai-area .low_txt_box .no-txt p {
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 15px;
}

.inkai-area .low_txt_box h3 {
    text-align: left;
    margin-bottom: 65px;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {
    .inkai-area .txt_box_area .cont {
        margin-bottom: 50px;
    }

    .inkai-area .low_txt_box h3 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  report-box
/ ---------------------------------------------------------------------------- */
.low_report .h2_ttl {
    font-size: clamp(20px, 3vw, 26px);
    margin-bottom: 60px;
    font-weight: 700;
    text-align: center;
}

.report-box {
    max-width: 800px;
    margin: 0 auto;
}

.report-box li a {
    margin-bottom: 20px;
    font-size: clamp(14px, 3vw, 16px);
    display: block;
    padding-left: 20px;
    position: relative;
}

.report-box li a::before {
    position: absolute;
    content: "●";
    font-size: 10px;
    border-radius: 50%;
    top: 8px;
    left: 0;
    color: #C82321;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  
/ ---------------------------------------------------------------------------- */

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  
/ ---------------------------------------------------------------------------- */

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}

/* ----------------------------------------------------------------------------
/  
/ ---------------------------------------------------------------------------- */

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:425px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}

    {
    font-family: 'Cormorant Garamond', serif;
}





/*---------------------------------  /
/*  page-top
/*--------------------------------- */
#page-top {
    position: fixed;
    display: none;
    right: 50px;
    bottom: 5%;
}

#move-page-top {
    display: block;
    width: 50px;
    height: 50px;
    z-index: 9999;
    cursor: pointer;
}

#move-page-top img {
    width: 100%;
    height: 100%;
}

@media (max-width: 500px) {
    #page-top {
        right: 10px;
    }
}

/************************************ ** レスポンシブページネーション ************************************/
.pagination {
    display: block !important;
    margin-bottom: 80px;
}

.pagination_b {
    list-style-type: none;
    padding-left: 0;
    margin: 30px 0;
}

.pagination_b:after {
    display: none;
}

.pagination_b li {
    width: inherit;
}

.pagination_b, .pagination_b li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.pagination_b li a {
    line-height: 34px;
    letter-spacing: -0.25px;
    padding: 0;
    font-size: 1.8rem;
}

.pagination_b a {
    font-size: 12px;
    padding-top: 1px;
    text-decoration: none;
    border-left-width: 1px;
    margin: 0 5px;
    min-width: 20px;
    min-height: 30px;
    padding: 0;
}

.pagination_b li:not([class*="current"]) a:hover {
    opacity: 0.7;
}

.pagination_b li:first-of-type a {
    border-left-width: 1px;
    padding: 0;
}

.pagination_b li.first span, .pagination_b li.last span, .pagination_b li.previous span, .pagination_b li.next span {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.pagination_b li.first a::before, .pagination_b li.last a::after, .pagination_b li.previous a::before, .pagination_b li.next a::after {
    display: inline-block;
    font-family: Fontawesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.pagination_b li.first a::before {
    content: "«";
}

.pagination_b li.last a::after {
    content: "»";
}

.pagination_b li.previous a::before {
    content: "‹";
}

.pagination_b li.next a::after {
    content: "›";
}

.pagination_b li.current a {
    cursor: default;
    pointer-events: none;
    color: #C82321;
    border-bottom: solid 1px #C82321;
}

@media only screen and (max-width: 680px) {
    .pagination_b li.first, .pagination_b li.last {
        /* screen readers only */
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .pagination_b li.previous a {
        border-left-width: 1px;
    }
}

@media only screen and (max-width: 500px) {
    .pagination_b li {
        /* screen readers only */
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .pagination_b li.current, .pagination_b li.first, .pagination_b li.last, .pagination_b li.previous, .pagination_b li.next {
        position: initial;
        top: initial;
        left: initial;
    }

    .pagination_b li.previous a {
        border-left-width:
            0;
    }

    .pagination {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 400px) {
    .pagination_b li.first, .pagination_b li.last {
        /* screen readers only */
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .pagination_b li.previous a {
        border-left-width: 1px;
    }
}

@media only screen and (max-width: 240px) {

    /* For watches? */
    .pagination_b li {
        width: 50%;
    }

    .pagination_b li.current {
        order: 2;
        width: 100%;
        border-left-width: 1px;
    }
}



/* ----------------------------------------------------------------------------
/  single_area
/ ---------------------------------------------------------------------------- */


.single_area .inner {
    max-width: 1000px;
    line-height: 2;
}

.single_area .txt_box {
    padding-bottom: 25px;
    border-bottom: 1px solid #101010;
    margin-bottom: 70px;
}

.single_area h1 {
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 400;
    color: #C82321;
}

.single_area p.day {
    font-size: clamp(12px, 3vw, 14px);
}

.single_area img {
    height: auto;
    margin: 55px 0;
}

.single_area .single_txt {
    margin-bottom: 100px;
    border-bottom: 1px solid #101010;
}

.single_area .single_txt p {
    font-weight: 400;
    color: #101010;
    margin: 55px 0;
}

.single_area .single_txt a:hover {
    color: #C82321;
    opacity: 1;
    transition: 0s;
}

.single_area h2 {
    font-size: clamp(16px, 3vw, 20px);
    font-weight: 400;
    margin: 55px 0;
    color: #C82321;
}


.single_area h3 {
    font-size: clamp(16px, 3vw, 20px);
    color: #101010;
    font-weight: 700;
    margin: 55px 0;
    position: relative;
}

.single_area .wp-block-columns {
    margin: 50px auto;
}

.single_area figure img {
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
}

.single_area figure figcaption {
    font-size: clamp(12px, 3vw, 14px);
    text-align: center;
}


@media (max-width: 768px) {
    .single_area .single_txt {
        margin-bottom: 50px;
    }
}

@media (max-width: 500px) {

    .single_area .txt_box {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .single_area h1 {
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .single_area img {
        margin: 40px 0;
    }

    .single_area .single_txt p {
        margin: 40px 0;
    }

    .single_area h2 {
        margin: 40px 0;
        font-size: 1.8rem;
    }

    .single_area .wp-block-columns {
        margin: 30px auto;
    }

}

/* ----------------------------------------------------
/  single_next_btn
---------------------------------------------------- */

.single_next_btn li {
    line-height: 1;
}

.single_next_btn li.prev,
.single_next_btn li.next {
    min-width: 75px;
}

.single_next_btn li.prev a,
.single_next_btn li.next a {
    font-size: 1.6rem;
    color: #101010;
    position: relative;
}

.single_next_btn li.prev a {
    padding-left: 100px;
}

.single_next_btn li.next a {
    padding-right: 100px;
}


.single_next_btn li.prev a::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-color: #101010;
}

.single_next_btn li.next a::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background-color: #101010;
}

.single_next_btn li.prev:hover,
.single_next_btn li.next:hover {
    opacity: 1;
}

.single_next_btn li.center a {
    font-size: 1.6rem;
    font-weight: 400;
    border-bottom: 1px solid #101010;
    color: #101010;
}

@media (max-width: 768px) {
    .single_next_btn li.prev a {
        padding-left: 50px;
    }

    .single_next_btn li.next a {
        padding-right: 50px;
    }

    .single_next_btn li.prev a::before {
        width: 40px;
    }

    .single_next_btn li.next a::before {
        width: 40px;
    }
}

@media (max-width: 500px) {

    .single_next_btn li.prev a,
    .single_next_btn li.next a {
        font-size: 1.4rem;
    }
}

/* ----------------------------------------------------
/  field_area
---------------------------------------------------- */
.field_area {
    margin-bottom: 70px;
}

.field_area dl {
    padding-left: 40px;
    display: flex;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
}

.field_area dl::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 1px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-color: #101010;
}

.field_area dl dt {
    width: 15%;
}

.field_area dl dd {
    width: 85%;
}

.sns-office {
    justify-content: flex-start;
}

.sns-office a {
    width: 25px;
    margin-right: 15px;
    display: block;
}

.sns-office a img {
    margin: 0;
    margin-top: 5px;
}

.sns-office a img.hover {
    display: none;
}

.sns-office a:hover img.icon {
    display: none;
    transition: 0.3s;
}

.sns-office a:hover img.hover {
    display: block;
    transition: 0.3s;
}

.single_slide_img img {
    border: 1px solid #101010;
    margin: 0;
}

.single_slide_img .office-slider {
    margin-bottom: 50px;
}

.single_slide_img .office-slider .slick-img {
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}

.single_slide_img .office-slider img {
    height: 550px;
    width: 100%;
    object-fit: cover;
    box-sizing: border-box;
}

.single_slide_img .thumbnail {
    margin-bottom: 30px;
}

.single_slide_img .thumbnail .thumbnail-img {
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}

.single_slide_img .thumbnail img {
    height: 210px;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 500px) {
    .field_area {
        margin-bottom: 50px;
    }

    .field_area dl dt {
        width: 20%;
    }

    .field_area dl dd {
        width: 80%;
    }

    .single_slide_img .office-slider .slick-img {
        padding-right: 10px;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .single_slide_img .thumbnail .thumbnail-img {
        padding-right: 10px;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .single_slide_img .office-slider img {
        height: 250px;
        width: 100%;
        object-fit: cover;
        box-sizing: border-box;
    }

    .single_slide_img .thumbnail img {
        height: 80px;
        width: 100%;
        object-fit: cover;
    }
}


/* ----------------------------------------------------------------------------
/  fadein
/ ---------------------------------------------------------------------------- */
.inview {
    opacity: 0;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.img-blur {
    -webkit-animation-name: imageBlur;
    animation-name: imageBlur;
    opacity: 1;
    transition: .3s;
}

@-webkit-keyframes imageBlur {
    from {
        opacity: 0;
        -webkit-filter: blur(15px);
        -moz-filter: blur(15px);
        -ms-filter: blur(15px);
        -o-filter: blur(15px);
        filter: blur(15px);
    }

    to {
        opacity: 1;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -ms-filter: blur(0px);
        -o-filter: blur(0px);
        filter: blur(0px);
    }
}

/* ----------------------------------------------------------------------------
/  ドロップダウン
/ ---------------------------------------------------------------------------- */
.gnavi__list {
    position: relative;
}

.dropdown__lists {
    display: none;
    /*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    max-width: 300px;
    padding-top: 10px;
    z-index: 9999999999;
}

.gnavi__list:hover .dropdown__lists {
    display: block;
    /*Gナビメニューにホバーしたら表示*/
    width: 100%;
}

.dropdown__list {
    transition: all .3s;
    position: relative;
    width: 100%;
}

.dropdown__list a {
    display: block;
    justify-content: center;
    align-items: center;
    color: #222 !important;
    text-decoration: none;
    position: relative;
    background-color: rgb(241, 240, 240) !important;
    border: none !important;
    padding: 20px 10px !important;
    width: 100%;
    text-align: left !important;
    font-size: 14px;
    min-width: 180px !important;
}

.dropdown__list a:hover {
    color: #222 !important;
    background-color: rgb(230, 230, 230) !important;
    opacity: 1 !important;
}

.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #222;
    border-left: 2px solid #222;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}

/* ----------------------------------------------------------------------------
/  kaityo
/ ---------------------------------------------------------------------------- */
.kaityo-img {
    max-width: 800px !important;
    margin: 0 auto 70px;
    width: 100%;
}

.fire.logo1,
.fire p,
.fire h2 {
    position: relative;
}

.fire.logo1 {
    padding-right: 120px;
    padding-top: 100px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-right: -120px;
}

.fire.logo2 {
    text-align: center;
    display: block;
}

.fire.logo2 p,
.fire.logo2 h2 {
    /* padding-top: 100px; */
    /* text-align: center; */
    /* display: inline-block; */
}



.fire p::before,
.fire h2::before,
.fire.logo1::before {
    /* position: absolute; */
    /* content: ""; */
    /* width: 200px; */
    /* height: 300px; */
    /* background-image: url(../img/top/fire_top.png); */
    /* background-repeat: no-repeat; */
    /* background-size: 200px; */
    /* z-index: -1; */
}

.fire.logo1::before {
    right: 0;
    top: 0;
}

.fire.logo2 p::before {
    left: -120px;
    top: 0;
}

.fire.logo2 h2::before {
    left: 12%;
    top: 0;
}


@media (max-width: 500px) {
    .kaityo-img {
        margin: 0 auto 40px;
    }

    .fire p::before,
    .fire h2::before,
    .fire.logo1::before {
        width: 100px;
        height: 200px;
        background-size: 100px;
    }

    .fire.logo1 {
        padding-right: 60px;
        padding-top: 50px;
        margin-right: -60px;
    }

    .fire.logo2 p, .fire.logo2 h2 {
        padding-top: 50px;
    }

    .fire.logo2 p::before {
        left: -40px;
    }

    .fire.logo2 h2::before {
        left: -7%;
        top: 0;
    }
}

/* ----------------------------------------------------------------------------
/  add-banner
/ ---------------------------------------------------------------------------- */
.add-banner {
    margin: 100px auto 50px;
}

.add-banner img {
    max-width: 750px;
    margin: 0 auto;
}

#fancybox-wrap {
    z-index: 9999999 !important;
}

.single_txt a {
    border-bottom: 1px solid #1a1a1a;
}


@media (max-width: 500px) {
    .add-banner {
        margin: 50px auto 20px;
    }
}
/* ----------------------------------------------------------------------------
/  low_sns_area
/ ---------------------------------------------------------------------------- */
.low_sns_area{
    background-color: #0f0f0f;
    padding: 100px 0;
}
.low_sns_area a{
    border: solid 1px #fff;
    color: #fff;
    max-width: 650px;
    display: block;
    padding: 15px;
    text-align: center;
    margin: 0 auto 15px;
    font-size: 130%;
}
.low_sns_area a:hover{
    background-color: #fff;
    color: #000;
}
.low_sns_area a span{
    font-size: 1.2rem;
    padding-left: 4px;
}


.yellow__bg__wrapper {
    position: relative;
}
.yellow__bg__wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 800px;
    background: #FFC950;
    z-index: -1;
    transform-origin: top right;
    transform: skewY(-10deg);
}
.yellow__bg__wrapper.bottom::before {
    transform-origin: bottom left;
    bottom: -100px;
}


/* ----------------------------------------------------------------------------
/  伊勢YEG Lab
/ ---------------------------------------------------------------------------- */
.low_main.lab {
    background-image: url(../img/lower/low_bk_lab.webp);
}
.gray__bg__wrapper {
    position: relative;
}
.gray__bg__wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 100vw * tan(10deg));
    background: #F8F7F4;
    z-index: -1;
    transform-origin: top right;
    transform: skewY(-10deg);
}
.gray__bg__wrapper.bottom::before {
    transform-origin: bottom left;
    bottom: -100px;
}
.bk_txt.ye p {
    color: #FFC950;
}
.h3__box {
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
}
.h3__box .sm {
    font-size: 2.4rem;
    letter-spacing: 0.1em;
}
.h3__box h3 {
    font-size: 4.8rem;
    letter-spacing: 0.1em;
    font-weight: inherit;
}
.gray__bg__wrapper.sec1 {
    margin: 110px auto 0;
    padding-bottom: 100px;
}
.gray__bg__wrapper.sec1 .scale .container {
    display: flex;
    align-items: center;
}
.gray__bg__wrapper.sec1 .scale .container .left_side,
.gray__bg__wrapper.sec1 .scale .container .right_side {
    width: 50%;
}
.gray__bg__wrapper.sec1 .scale .container .left_side {
    padding-right: 5%;
}
.gray__bg__wrapper.sec1 .scale .container .right_side {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 50px 70px;
}
.gray__bg__wrapper.sec1 .scale .container .right_side .box {
    width: fit-content;
}
.gray__bg__wrapper.sec1 .scale .container .right_side .box .font48 {
    font-size: 4.8rem;
    letter-spacing: 0.1em;
}
.gray__bg__wrapper.sec1 .scale .container .right_side .box .font32 {
    font-size: 3.2rem;
    letter-spacing: 0.1em;
}
.gray__bg__wrapper.sec1 .scale .container .right_side h4 {
    font-size: 2.0rem;
    font-weight: 700;
    border-bottom: 1px solid #101010;
    letter-spacing: 0.1em;
}
.gray__bg__wrapper.sec1 .scale .container .right_side table {
    width: 100%;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
    font-weight: 700;
    margin-top: 10px;
}
.gray__bg__wrapper.sec1 .scale .container .right_side table tr td:not(:first-child) {
    padding-left: 30px;
}
.gray__bg__wrapper.sec1 .scale .inner .txt__bottom {
    margin-top: 80px;
    text-align: center;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.5;
}
@media (max-width: 1280px) {
    .h3__box .sm {
        font-size: 2.0rem;
    }
    .h3__box h3 {
        font-size: 3.6rem;
    }
    .gray__bg__wrapper.sec1 {
        margin: 70px auto 0;
        padding-bottom: 70px;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side {
        gap: 30px;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side .box .font48 {
        font-size: 3.6rem;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side .box .font32 {
        font-size: 2.4rem;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side h4 {
        font-size: 1.8rem;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side table {
        font-size: 1.9rem;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side table tr td:not(:first-child) {
        padding-left: 15px;
    }
    .gray__bg__wrapper.sec1 .inner .txt__bottom {
        margin-top: 40px;
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .h3__box .sm {
        font-size: 1.6rem;
    }
    .h3__box h3 {
        font-size: 2.8rem;
    }
    .gray__bg__wrapper.sec1 {
        margin: 0 auto 0;
        padding-bottom: 40px;
    }
    .gray__bg__wrapper.sec1 .scale .container {
        flex-direction: column;
        gap: 30px;
    }
    .gray__bg__wrapper.sec1 .scale .container .left_side,
    .gray__bg__wrapper.sec1 .scale .container .right_side {
        width: 100%;
    }
    .gray__bg__wrapper.sec1 .scale .container .left_side {
        padding-right: unset;
        padding: 20px;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side {
        gap: 15px;
        justify-content: center;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side .box .font48 {
        font-size: 2.8rem;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side .box .font32 {
        font-size: 1.8rem;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side h4 {
        font-size: 1.6rem;
    }
    .gray__bg__wrapper.sec1 .scale .container .right_side table {
        font-size: 1.7rem;
    }
}

.yellow__bg__wrapper.matching::before {
    top: 400px;
}
.matching .project_ttl {
    text-align: center;
}
.matching .project_ttl .ye {
    color: #FFC950;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
}
.matching .project_ttl h3 {
    font-size: 4.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
}
.matching .project__container {
    display: flex;
    gap: 8%;
    padding: 80px 0 0;
    border-bottom: 1px solid #fff;
}
.matching .project__container .project__img {
    width: 32%;
}
.matching .project__container .project__img .txt {
    font-size: 2.0rem;
    font-weight: 700;
    margin-top: 30px;
    line-height: 1.5;
}
.matching .project__container .project__img .txt .sm {
    font-size: 0.8em;
}
.matching .project__container .project__txt {
    width: 60%;
}
.matching .project__container .project__txt h4 {
    font-size: 2.2rem;
    line-height: 1.5;
    padding-left: 100px;
    position: relative;
    margin-bottom: 30px;
}
.matching .project__container .project__txt h4::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #101010;
}
.matching .project__container .project__txt .txt {
    margin-bottom: 80px;
    line-height: 1.7;
}
@media (max-width: 1280px) {
    .matching .project_ttl .ye {
        font-size: 1.9rem;
    }
    .matching .project_ttl h3 {
        font-size: 3.6rem;
    }
    .matching .project__container {
        gap: 4%;
        padding: 40px 0;
    }
    .matching .project__container .project__img {
        width: 34%;
    }
    .matching .project__container .project__img .txt {
        font-size: 1.8rem;
        margin-top: 20px;
    }
    .matching .project__container .project__txt {
        width: 62%;
    }
    .matching .project__container .project__txt h4 {
        font-size: 1.8rem;
        padding-left: 70px;
        margin-bottom: 20px;
    }
    .matching .project__container .project__txt h4::before {
        width: 50px;
    }
    .matching .project__container .project__txt .txt {
        margin-bottom: 60px;
        font-size: 1.6rem;
    }
}
@media (max-width: 768px) {
    .matching .project_ttl .ye {
        font-size: 1.8rem;
    }
    .matching .project_ttl h3 {
        font-size: 2.8rem;
    }
    .matching .project__container {
        flex-direction: column;
        gap: 30px;
        padding: 20px 0;
    }
    .matching .project__container .project__img {
        order: 1;
        width: 100%;
    }
    .matching .project__container .project__img .txt {
        font-size: 1.6rem;
        margin-top: 15px;
    }
    .matching .project__container .project__txt {
        order: 2;
        width: 100%;
    }
    .matching .project__container .project__txt .txt {
        margin-bottom: 20px;
    }
}

.voise .container {
    display: flex;
    gap: 4%;
}
.voise .container .profile {
    width: 29%;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.5;
}
.voise .container .profile .business__info {
    background: #fff;
    padding: 20px;
}
.voise .container .profile .business__info {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.7;
}
.voise .container .profile .business__info h3 {
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.5;
}
.voise .container .txt {
    width: 67%;
    line-height: 1.7;
}
.voise .container .txt h3 {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    align-items: baseline;
    gap: 24px;
}
.voise .container .txt .Q__ye {
    color: #fff;
    background: #FFC950;
    width: 40px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.6rem;
    font-weight: 700;
}
@media (max-width: 1280px) {
    .voise .container .profile .business__info h3 {
        font-size: 1.8rem;
    }
    .voise .container .txt h3 {
        font-size: 1.9rem;
        gap: 15px;
    }
    .voise .container .txt .Q__ye {
        width: 32px;
        font-size: 2.0rem;
    }
}
@media (max-width: 768px) {
    .voise .container {
        flex-direction: column;
        gap: 30px;
    }
    .voise .container .profile {
        width: 100%;
    }
    .voise .container .txt {
        width: 100%;
    }
    .voise .container .txt h3 {
        font-size: 1.7rem;
        gap: 10px;
    }
    .voise .container .txt .Q__ye {
        width: 25px;
        font-size: 1.8rem;
    }
}