@charset "UTF-8";

:root {
    --100vh: calc(100 * var(--vh, 1vh));
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.category__container,
.single__point,
.layout01,
.single__mv__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

    .category__container,
    .single__point,
    .layout01,
    .single__mv__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.category__mv__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single__point__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact__info__tel a::after,
.menu__arrowList li a::after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
}

.single__mv__right picture {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
    position: relative;
}

.work__interview__white::after,
.work__movie__white::after,
.single__mokuji__list li a::before,
.single__point::after,
.menu__arrowList li a::after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.menu__inner {
    height: 100%;
    width: 100%;
}

.menu__inner {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.menu__inner::-webkit-scrollbar {
    display: none;
}

.menu {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20;
    width: 54.6rem;
    height: var(--100vh, 100vh);
    background-color: white;
    -webkit-filter: drop-shadow(1rem 1rem 2rem rgba(122, 128, 134, 0.16));
    filter: drop-shadow(1rem 1rem 2rem rgba(122, 128, 134, 0.16));
    display: none;
}

@media only screen and (max-width: 767px) {
    .menu {
        width: 100%;
    }
}

.menu__overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: var(--100vh, 100vh);
    background-color: black;
    z-index: 15;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.menu__close {
    width: 3.433rem;
    position: absolute;
    top: 2.4rem;
    right: 2.6rem;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {
    .menu__close:hover {
        opacity: 0.7;
    }
}

.menu__inner {
    overflow: auto;
}

.menu__container .tagList {
    margin: 1.2rem auto 2.1rem;
    width: 95%;
}

@media only screen and (max-width: 767px) {
    .menu__container .tagList {
        width: 100%;
        margin: 1.2rem auto 1.5rem;
    }
}

.menu__tagArea {
    padding: 5.2rem 8.5rem 1.9rem 3.8rem;
}

@media only screen and (max-width: 767px) {
    .menu__tagArea {
        padding: 5rem 3rem 1.9rem 3rem;
    }
}

.menu__ttl1 {
    padding: 0.8rem 1rem;
    background-image: url("../../images/common/dottedLine.svg");
    background-repeat: repeat-x;
    background-size: auto 0.2rem;
    background-position: bottom;
    margin: 0 0 1rem 0;
}

.menu__ttl1 span {
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 0.06em;
    line-height: 1.8rem;
}

.menu__ttl1 span::before {
    top: 40%;
    left: -1.7rem;
    width: 3.6rem;
    height: 3.6rem;
}

.menu__ttl2 {
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: 0.12em;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.2rem;
}

.menu__ttl2 span {
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.3rem;
    letter-spacing: 0.01em;
    margin-left: 1rem;
}

.menu__ttl2::before {
    content: "";
    width: 0.4rem;
    height: 2.7rem;
    border-radius: 0.2rem;
    background: #d5d5d5;
    margin-right: 1rem;
}

.menu__ttl3 {
    font-size: 1.8rem;
    letter-spacing: 0.06em;
    line-height: 1.8rem;
    border-bottom: 1px solid #d5d5d5;
    padding: 0.9rem 0 0.9rem 1.5rem;
    margin: 1rem 0 1.9rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .menu__ttl3 {
        font-size: 1.6rem;
        line-height: 1.8rem;
        padding: 0.9rem 0 0.9rem 1rem;
        margin: 1rem 0 1.5rem;
    }
}

.menu__ttl3::before {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    background: #c1b37f;
    display: inline-block;
    border-radius: 50%;
    margin-right: 0.6rem;
}

.menu__ttl3 span {
    font-family: "Quicksand", sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.12em;
    line-height: 1.6rem;
    color: #c1b37f;
    margin-left: 0.9rem;
}

@media only screen and (max-width: 767px) {
    .menu__ttl3 span {
        font-size: 1rem;
        line-height: 1.4rem;
        margin-left: 0.6rem;
    }
}

.menu__arrowList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.8rem auto 3rem;
    width: 95%;
}

@media only screen and (max-width: 767px) {
    .menu__arrowList {
        width: 100%;
        margin: -0.8rem auto 2rem;
    }
}

.menu__arrowList li {
    width: 46%;
}

.menu__arrowList li a {
    display: block;
    background-image: url("../images/common/dottedLine2.svg");
    background-repeat: repeat-x;
    background-position: bottom;
    position: relative;
    padding: 1.1rem 1.7rem 1.1rem 0.4rem;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    line-height: 1.8rem;
    font-weight: 400;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {
    .menu__arrowList li a:hover {
        opacity: 0.7;
    }
}

@media only screen and (max-width: 767px) {
    .menu__arrowList li a {
        font-size: 1.2rem;
        line-height: 1.6rem;
        padding: 1rem 1.5rem 1rem 0.4rem;
    }
}

.menu__arrowList li a::after {
    content: "";
    background-image: url("../images/common/arrow04.svg");
    right: 0;
    width: 1.4rem;
    height: 1.4rem;
}

.menu__arrowList li a.no-line {
    background-image: none;
}

.menu__arrowList.longer li {
    display: inline-block;
    width: auto;
}

.menu__arrowList.longer li a {
    padding-right: 2rem;
}

.menu__bnr50 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu__bnr50 a {
    border-radius: 0.9rem;
    width: 49%;
    display: block;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .menu__bnr50 a {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}

.menu__contactArea {
    position: relative;
    background-color: #f7f7f7;
    padding: 3.2rem 3rem 2.4rem;
}

@media only screen and (max-width: 767px) {
    .menu__contactArea {
        padding: 5rem 2rem 2.4rem;
    }
}

.menu__contactArea .snsList {
    position: absolute;
    top: 2.3rem;
    right: 2.6rem;
}

@media only screen and (max-width: 767px) {
    .menu__contactArea .snsList {
        right: 1rem;
    }
}

.menu__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.2rem;
}

@media only screen and (max-width: 767px) {
    .menu__info {
        margin: 0.5rem 0 0.5rem;
    }
}

.menu__hours {
    font-size: 1.1rem;
    line-height: 1.4rem;
    margin-left: 1.4rem;
}

.menu__btnList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.2rem 1.1rem;
}

@media only screen and (max-width: 767px) {
    .menu__btnList {
        padding: 1.2rem 5rem;
    }
}

.menu__btnList li {
    margin-bottom: 1.2rem;
    width: 49%;
}

@media only screen and (max-width: 767px) {
    .menu__btnList li {
        width: 100%;
    }
}

.menu__bnr {
    border-radius: 1rem;
}

.menu__button {
    position: fixed;
    top: 1.6rem;
    right: 2.9rem;
    z-index: 10;
    width: 3.6rem;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {
    .menu__button:hover {
        opacity: 0.7;
    }
}

@media only screen and (max-width: 767px) {
    .menu__button {
        right: 1rem;
    }
}

.menu-is-open {
    overflow: hidden;
}

.menu-is-open .menu__overlay {
    opacity: 0.2;
    pointer-events: auto;
}

.single__mv {
    position: relative;
    padding: 11.6rem 0 6rem;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(208, 203, 188, 0.2)), color-stop(36.8rem, rgba(208, 203, 188, 0.2)), color-stop(36.8rem, rgba(208, 203, 188, 0)), to(rgba(208, 203, 188, 0)));
    background: linear-gradient(0deg, rgba(208, 203, 188, 0.2) 0%, rgba(208, 203, 188, 0.2) 36.8rem, rgba(208, 203, 188, 0) 36.8rem, rgba(208, 203, 188, 0) 100%);
}

@media only screen and (max-width: 767px) {
    .single__mv {
        padding: 6rem 0 0rem;
        background: transparent;
    }
}

.single__mv__flower {
    position: absolute;
    left: -5.124vw;
    bottom: -3.66vw;
    width: 22.694vw;
    opacity: 0.3;
    z-index: 10;
    -webkit-filter: blur(0.293vw);
    filter: blur(0.293vw);
    pointer-events: none;
}

@media only screen and (max-width: 767px) {
    .single__mv__flower {
        left: -9rem;
        bottom: auto;
        top: 34rem;
        width: 25rem;
        -webkit-filter: blur(0.4rem);
        filter: blur(0.4rem);
    }
}

.single__mv__inner {
    max-width: 136.6rem;
    margin: auto;
}

.single__mv__container {
    max-width: 110.6rem;
    margin: auto;
}

.single__mv__left {
    width: 30%;
    text-align: center;
    padding-top: 4rem;
}

@media only screen and (max-width: 767px) {
    .single__mv__left {
        width: 76%;
        padding: 0;
        text-align: left;
        margin: auto;
    }
}

.single__mv__logo {
    width: 26.5rem;
    margin: auto;
}

@media only screen and (max-width: 767px) {
    .single__mv__logo {
        display: none;
    }
}

.single__mv__title {
    font-family: "Quicksand", sans-serif;
    font-weight: 300;
    font-size: 5.7rem;
    letter-spacing: 0.06em;
    color: #4f5847;
    line-height: 7.1rem;
    margin: 2rem 0 0.1rem;
}

@media only screen and (max-width: 767px) {
    .single__mv__title {
        font-size: 3rem;
        line-height: 1.2;
        margin: 4.3rem auto 0;
    }

    .single__mv__title .hasCircle:before {
        width: 4.5rem;
        height: 4.5rem;
        left: -1.1rem;
    }
}

.single__mv__jp {
    font-size: 1.4rem;
    letter-spacing: 0.32em;
    line-height: 4.9rem;
}

@media only screen and (max-width: 767px) {
    .single__mv__jp {
        font-size: 0.9rem;
        line-height: 3.2rem;
        padding-left: 2.7rem;
    }
}

.single__mv__right {
    width: 66.5%;
}

@media only screen and (max-width: 767px) {
    .single__mv__right {
        width: 90%;
        margin: 2rem auto 0;
    }
}

.single__mv__right picture {
    width: 100%;
    height: 49.1rem;
    border-radius: 3rem;
    border: 1rem solid #fff;
    -webkit-box-shadow: 1rem 1rem 3rem rgba(122, 128, 134, 0.16);
    box-shadow: 1rem 1rem 3rem rgba(122, 128, 134, 0.16);
}

@media only screen and (max-width: 767px) {
    .single__mv__right picture {
        height: 23.3rem;
    }
}

.single__mv .scroll {
    bottom: -7rem;
    right: 8rem;
}

@media only screen and (max-width: 767px) {
    .single__mv .scroll {
        bottom: auto;
        top: 12rem;
        right: 0.5rem;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: 9rem;
    }
}

.category__mv {
    position: relative;
    padding: 10.5rem 0 3.5rem;
}

@media only screen and (max-width: 767px) {
    .category__mv {
        padding: 10rem 0 1rem;
    }
}

.category__mv__inner {
    max-width: 136.6rem;
    margin: auto;
    padding-right: 6rem;
}

@media only screen and (max-width: 767px) {
    .category__mv__inner {
        padding: 0;
    }
}

.category__mv__container {
    max-width: 62rem;
    margin: auto;
}

@media only screen and (max-width: 767px) {
    .category__mv__container {
        max-width: 83%;
    }
}

.category__mv__left {
    width: 47.5%;
}

.category__mv__right {
    width: 39%;
    padding: 6.4rem 0 0 0;
}

@media only screen and (max-width: 767px) {
    .category__mv__right {
        padding: 0;
        width: 43%;
    }
}

.category__mv__title {
    font-family: "Quicksand", sans-serif;
    font-weight: 300;
    font-size: 5.7rem;
    letter-spacing: 0.06em;
    color: #4f5847;
    line-height: 7.1rem;
    margin: 2rem 0 0.1rem;
}

.category__mv__title .hasCircle:before {
    left: -1.1rem;
    width: 8.3rem;
    height: 8.3rem;
}

@media only screen and (max-width: 767px) {
    .category__mv__title {
        font-size: 3rem;
        line-height: 1.2;
        margin: 3rem auto 0;
    }

    .category__mv__title .hasCircle:before {
        width: 4.5rem;
        height: 4.5rem;
    }
}

.category__mv__jp {
    font-size: 1.4rem;
    letter-spacing: 0.32em;
    line-height: 4.9rem;
}

@media only screen and (max-width: 767px) {
    .category__mv__jp {
        font-size: 0.9rem;
        line-height: 3.2rem;
        padding-left: 2.7rem;
    }
}

.category__mv .scroll {
    bottom: 0rem;
    right: 13rem;
}

@media only screen and (max-width: 767px) {
    .category__mv .scroll {
        bottom: -7rem;
        right: 2.5rem;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: 9rem;
    }
}

.category__mv__flower {
    position: absolute;
    left: 0vw;
    bottom: -15.007vw;
    width: 22.694vw;
    opacity: 0.3;
    z-index: 10;
    -webkit-filter: blur(0.293vw);
    filter: blur(0.293vw);
    pointer-events: none;
}

@media only screen and (max-width: 767px) {
    .category__mv__flower {
        left: -9rem;
        bottom: auto;
        top: 34rem;
        width: 25rem;
        -webkit-filter: blur(0.4rem);
        filter: blur(0.4rem);
    }
}

.corp__mv2 {
    height: 46rem;
    padding: 15.8rem 0 0 8.5rem;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .corp__mv2 {
        height: auto;
        padding: 16.5rem 0 0 1rem;
    }
}

.corp__mv2__background {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
}

@media only screen and (max-width: 767px) {
    .corp__mv2__background {
        height: 24rem;
        top: 1.2rem;
    }
}

.corp__mv2__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.corp__mv2__background::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 57.5%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(23.88%, rgba(255, 255, 255, 0.9)), color-stop(100%, #fff), to(rgba(128, 128, 128, 0)));
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 23.88%, #fff 100%, rgba(128, 128, 128, 0) 100%);
}

@media only screen and (max-width: 767px) {
    .corp__mv2__background::before {
        width: 100%;
        height: 13.429rem;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(45%, rgba(255, 255, 255, 0.9)), color-stop(100%, #fff), to(rgba(128, 128, 128, 0)));
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 45%, #fff 100%, rgba(128, 128, 128, 0) 100%);
    }
}

.corp__mv2__ttl1 {
    line-height: 5.6rem;
}

@media only screen and (max-width: 767px) {
    .corp__mv2__ttl1 {
        line-height: 1.7;
    }
}

.corp__mv2__ttl1 span {
    position: relative;
    font-size: 3.6rem;
    letter-spacing: 0.12em;
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .corp__mv2__ttl1 span {
        font-size: 2.4rem;
    }
}

.corp__mv2__ttl1 span::after {
    content: "";
    position: absolute;
    left: calc(100% + 0.2rem);
    top: 0.5rem;
    width: 4.16rem;
    height: 4.345rem;
    background-image: url("../../images/corporate/kodawari_house.png");
    background-size: contain;
}

@media only screen and (max-width: 767px) {
    .corp__mv2__ttl1 span::after {
        top: -0.8rem;
    }
}

.corp__mv2__ttl2 {
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: 0.12em;
    line-height: 2rem;
    color: #c1b37f;
    margin: 0.8rem 0 4.1rem;
    position: relative;
    padding-left: 2.5rem;
}

@media only screen and (max-width: 767px) {
    .corp__mv2__ttl2 {
        font-size: 1.2rem;
        line-height: 1.8rem;
        margin: 0.3rem 0 2.8rem;
        padding-left: 2.1rem;
    }
}

.corp__mv2__ttl2::before {
    content: "";
    position: absolute;
    left: 0.6rem;
    top: 0.8rem;
    width: 0.8rem;
    height: 0.2rem;
    background-color: #c1b37f;
}

.corp__mv2__tagList {
    max-width: 70rem;
}

@media only screen and (max-width: 767px) {
    .corp__mv2__tagList {
        margin-left: 1.5rem;
    }
}

.corp__mv2__tagList li {
    display: inline-block;
    margin: 0 1.2rem 1.2rem 0;
}

@media only screen and (max-width: 767px) {
    .corp__mv2__tagList li {
        margin: 0 1.7rem 1.2rem 0;
    }
}

.corp__mv2__tagList li span,
.corp__mv2__tagList li a {
    display: block;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 0.3rem 1.1rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: 3px 3px 6px rgba(122, 128, 134, 0.1);
    box-shadow: 3px 3px 6px rgba(122, 128, 134, 0.1);
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

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

    .corp__mv2__tagList li span:hover,
    .corp__mv2__tagList li a:hover {
        opacity: 0.7;
    }
}

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

    .corp__mv2__tagList li span,
    .corp__mv2__tagList li a {
        font-size: 1.2rem;
        padding: 0.5rem 0.8rem;
    }
}

.corp__mv2__tagList li.active span,
.corp__mv2__tagList li.active a {
    background: #c1b37f;
    color: #fff;
}

.corp__mv2__illustration {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -18.3rem;
    width: 135rem;
    padding-right: 11rem;
}

@media only screen and (max-width: 767px) {
    .corp__mv2__illustration {
        width: 100%;
        padding-right: 0;
    }
}

.corp__mv2__illustration img {
    width: 23rem;
    margin-left: auto;
}

@media only screen and (max-width: 767px) {
    .corp__mv2__illustration {
        display: none;
    }
}

.corp__mv2 .scroll {
    bottom: -10rem;
    right: 13rem;
}

@media only screen and (max-width: 767px) {
    .corp__mv2 .scroll {
        bottom: -7rem;
        right: 2.5rem;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: 9rem;
    }
}

.layout01 {
    max-width: 118rem;
    margin: auto;
}

.layout01__left {
    width: 68%;
}

@media only screen and (max-width: 767px) {
    .layout01__left {
        width: 100%;
        margin-bottom: 20px;
    }
}

.layout01__right {
    width: 26%;
}

@media only screen and (max-width: 767px) {
    .layout01__right {
        margin: auto;
        width: 35rem;
    }
}

.thumbnailList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 7rem 0 0;
}

@media only screen and (max-width: 767px) {
    .thumbnailList {
        max-width: 35rem;
        margin: 1rem auto 1.5rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.thumbnailList .card5 {
    width: 32%;
    margin: 0 2% 5.5rem 0;
}

@media only screen and (max-width: 767px) {
    .thumbnailList .card5 {
        width: 48.5%;
        margin: 0 0 3rem;
    }
}

.thumbnailList .card5:nth-child(3n) {
    margin-right: 0;
}

.thumbnailList .card5 a .card5__picture {
    border-radius: 1rem;
}

.thumbnailList .card5 a.video .card5__picture::before {
    content: "ルームツアー動画あり";
    background-image: url(../images/front-page/icon_video.png);
    background-repeat: no-repeat;
    background-size: 1.4rem 0.9rem;
    background-position: 0.6rem 0.8rem;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 0.1rem 0.5rem 0.1rem 2.4rem;
    font-weight: 500;
    font-size: 1.2rem;
    color: #fff;
    background-color: #c1b37f;
    border-radius: 1rem 0.3rem 0.3rem 0.3rem;
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .thumbnailList .card5 a.video .card5__picture::before {
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 1.1rem;
        background-position: 0.6rem 0.8rem;
        padding: 0.4rem 0.1rem 0.5rem 2.4rem;
    }
}

.page-media .related,
.page-works .related {
    padding-bottom: 14rem;
}

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

    .page-media .related,
    .page-works .related {
        padding-bottom: 2rem;
    }
}

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

    .page-media .related__ttlArea,
    .page-works .related__ttlArea {
        padding-bottom: 4.8rem;
    }
}

.page-media .related__ttlArea .title01,
.page-works .related__ttlArea .title01 {
    line-height: 3.8rem;
}

.page-media .related__ttlArea .title01 .hasCircle::before,
.page-works .related__ttlArea .title01 .hasCircle::before {
    background-color: #d0cbbc;
    opacity: 0.2;
}

.page-media .related__ttlArea .title01 span,
.page-works .related__ttlArea .title01 span {
    letter-spacing: 0.12em;
    font-size: 4.4rem;
}

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

    .page-media .related__ttlArea .title01 span,
    .page-works .related__ttlArea .title01 span {
        letter-spacing: 0.06em;
        font-size: 3rem;
    }
}

.page-media .related__inner,
.page-works .related__inner {
    position: relative;
}

.page-media .related__bird,
.page-works .related__bird {
    position: absolute;
    left: 13.7rem;
    top: -14rem;
    width: 22rem;
}

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

    .page-media .related__bird,
    .page-works .related__bird {
        left: 26rem;
        top: -0.5rem;
        width: 17rem;
    }
}

.page-media .contact__ttl1 span:after,
.page-works .contact__ttl1 span:after {
    background-image: url(../images/single-media/concact_buble.png);
    width: 17.1rem;
    height: 6.9rem;
    top: -6.5rem;
}

.contact__info {
    margin: 5rem 0 3rem;
    text-align: center;
    line-height: 1.4;
}

.contact__info__copy {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 3rem;
}

@media only screen and (max-width: 767px) {
    .contact__info__copy {
        font-size: 1.6rem;
    }
}

.contact__info__tel {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 3.9rem;
    color: #c1b37f;
}

@media only screen and (max-width: 767px) {
    .contact__info__tel {
        font-size: 2rem;
        padding: 0.5rem 2rem 0 0;
    }
}

.contact__info__tel a {
    color: #c1b37f;
    font-size: 4.7rem;
    letter-spacing: 0;
    padding: 0 1.5rem 0 1rem;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .contact__info__tel a {
        font-size: 3rem;
        padding: 0 1rem 0 0.5rem;
    }
}

.contact__info__tel a::after {
    content: "";
    right: -2.5rem;
    width: 2.6rem;
    height: 2.6rem;
    background-image: url(../images/common/arrow06.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.single__head {
    margin: 5rem 0 2rem;
}

@media only screen and (max-width: 767px) {
    .single__head {
        max-width: 32rem;
        margin: 2.3rem auto 0rem;
    }
}

.single__head__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem 0;
}

@media only screen and (max-width: 767px) {
    .single__head__info {
        margin: 0.3rem 0 0.2rem 0;
    }
}

.single__head__info ul {
    width: 500px;
}

.single__head__info ul li.tag {
    display: inline-block;
    margin-right: 5px;
}

.single__head .picture {
    max-width: 600px;
    margin-bottom: 10px;
}

.single__head .picture img {
    width: 100%;
    height: auto;
}

.single__head .event-button {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 10px;
    background-color: #00d1e3;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.single__head__time time {
    font-weight: 400;
    font-size: 1.4rem;
    padding: 0 1.1rem 0 0;
}

@media only screen and (max-width: 767px) {
    .single__head__time time {
        font-size: 1.2rem;
    }
}

.single__head__title {
    font-size: 2.8rem;
    line-height: 4.76rem;
    font-weight: 500;
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

@media only screen and (max-width: 767px) {
    .single__head__title {
        font-size: 1.8rem;
        line-height: 3.4rem;
    }
}

@media only screen and (max-width: 767px) {
    .single__main-pic {
        margin: 0 15px;
    }
}

.single__main-pic img {
    border-radius: 20px;
}

.single__point {
    position: relative;
    max-width: 80rem;
    margin: 6rem 0 4rem 0;
}

.single__point::after {
    content: "";
    background-image: url("../images/single-media/point.svg");
    position: absolute;
    left: -1rem;
    top: -4rem;
    width: 10.2rem;
    height: 5.8rem;
}

@media only screen and (max-width: 767px) {
    .single__point::after {
        left: 1.5rem;
        top: -3.8rem;
        width: 8.8rem;
    }
}

.single__point .tagList {
    padding: 1.6rem 1.5rem;
}

.single__point .tagList li a {
    padding: 0.1rem 0.4rem;
    font-size: 1.2rem;
}

.single__point__col {
    width: 33.33333%;
}

@media only screen and (max-width: 767px) {
    .single__point__col {
        padding: 0 2.8rem;
        width: 100%;
    }
}

.single__point__col:nth-child(1) {
    background-color: #f8f4f2;
}

.single__point__col:nth-child(3) {
    background-color: #f4f0e4;
}

.single__point__title {
    background-image: url("../images/common/dottedLine2.svg");
    background-repeat: repeat-x;
    background-position: bottom;
    position: relative;
    height: 3.7rem;
}

@media only screen and (max-width: 767px) {
    .single__point__title {
        height: 4.8rem;
    }
}

.single__point__title span {
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
}

.single__point__title img {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.single__concept {
    background-image: url("../images/common/graphPaper.jpg");
    background-size: 1.6rem;
    background-repeat: repeat;
    position: relative;
    -webkit-filter: drop-shadow(0.5rem 0.5rem 1rem rgba(122, 128, 134, 0.1));
    filter: drop-shadow(0.5rem 0.5rem 1rem rgba(122, 128, 134, 0.1));
    border-radius: 2rem;
    margin-bottom: 4.5rem;
}

@media only screen and (max-width: 767px) {
    .single__concept {
        width: 35rem;
        margin: auto;
        border-radius: 1rem;
        padding: 0 1.5rem;
    }
}

.single__concept::before {
    content: "";
    background-image: url("../images/common/graphPaperHoles.png");
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .single__concept::before {
        width: 100%;
        height: 1rem;
        background-size: auto 1rem;
        background-image: url("../images/common/graphPaperHoles_sp.png");
    }
}

.single__concept .tagList {
    padding: 3.8rem 12.8rem;
    min-height: 15rem;
}

@media only screen and (max-width: 767px) {
    .single__concept .tagList {
        padding: 2.8rem 0.5rem 1rem 7.5rem;
    }
}

.single__concept .tagList li span {
    padding: 0.1rem 0.4rem;
    font-size: 1.2rem;
    white-space: nowrap;
}

.single__concept__title01 {
    position: absolute;
    top: 0;
    left: 3rem;
    width: 6.7rem;
}

@media only screen and (max-width: 767px) {
    .single__concept__title01 {
        left: 0;
    }
}

.single__concept__textArea {
    position: relative;
}

.single__concept__textArea::before {
    content: "";
    background-image: url("../images/common/dottedLine2.svg");
    position: absolute;
    top: 0;
    bottom: 0;
    height: 0.2rem;
    width: 100%;
    background-repeat: repeat-x;
    background-position: top;
    background-size: auto 0.2rem;
}

.single__concept__title02 {
    font-family: "Quicksand", sans-serif;
    position: absolute;
    font-size: 1.2rem;
    letter-spacing: 0.12em;
    color: #c1bdb0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    top: 2.3rem;
    left: 5.5rem;
}

@media only screen and (max-width: 767px) {
    .single__concept__title02 {
        left: -0.8rem;
    }
}

.single__concept__title02 span {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 400;
}

.single__concept__text {
    padding: 2.7rem 10.3rem;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    line-height: 2.6rem;
}

@media only screen and (max-width: 767px) {
    .single__concept__text {
        padding: 2.7rem 0.5rem 3.5rem 2rem;
    }
}

.single__concept__text em {
    background-image: url("../images/common/color_f3f2ef.jpg");
    background-size: 100% 70%;
    background-position: left center;
}

.single__mokuji {
    margin-bottom: 4rem;
    border-bottom: 0.2rem solid #d0cbbc;
}

@media only screen and (max-width: 767px) {
    .single__mokuji {
        margin: 4.2rem auto 1rem;
        width: 35.7rem;
    }
}

.single__mokuji__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single__mokuji__title span {
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 0.06em;
    line-height: 2.4rem;
    white-space: nowrap;
    padding-right: 1.5rem;
}

@media only screen and (max-width: 767px) {
    .single__mokuji__title span {
        font-size: 1.4rem;
    }
}

.single__mokuji__title::after {
    content: "";
    height: 0.5rem;
    width: 100%;
    border-top: 0.2rem solid #d0cbbc;
    border-bottom: 0.1rem solid #d0cbbc;
}

.single__mokuji__list {
    margin: 0 0 0.2rem;
    border-bottom: 0.1rem solid #d0cbbc;
    padding: 0.8rem 3.7rem 0.8rem 2rem;
}

@media only screen and (max-width: 767px) {
    .single__mokuji__list {
        padding: 0.8rem 0.5rem 0.8rem 2rem;
    }
}

.single__mokuji__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.8rem;
    position: relative;
    padding: 1.2rem 0 0.9rem;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {
    .single__mokuji__list li a:hover {
        opacity: 0.7;
    }
}

@media only screen and (max-width: 767px) {
    .single__mokuji__list li a {
        padding: 1.2rem 0 1.2rem;
    }
}

.single__mokuji__list li a span {
    font-size: 1.4rem;
    letter-spacing: 0.06em;
}

.single__mokuji__list li a::before {
    content: "";
    background-image: url("../images/common/arrow05.svg");
    width: 2.6rem;
    height: 2.6rem;
    margin-right: 1.8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.single__mokuji__list li a::after {
    content: "";
    background-image: url("../images/common/dottedLine2.svg");
    position: absolute;
    top: 0;
    bottom: 0;
    height: 0.2rem;
    width: 100%;
    background-repeat: repeat-x;
    background-position: top;
    background-size: auto 0.2rem;
}

.single__mokuji__list li:first-child a::after {
    display: none;
}

.single__section {
    padding: 4rem 0;
    margin-bottom: 2rem;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .single__section {
        margin: auto;
        max-width: 35rem;
        padding: 3rem 0;
        margin-bottom: 0rem;
    }
}

.single__section::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 6.6rem;
    height: 0.3rem;
    background-color: #d0cbbc;
}

.single__section:first-of-type::before {
    display: none;
}

.single__section__title01 {
    font-weight: 500;
    font-size: 2.4rem;
    letter-spacing: 0.06em;
    line-height: 3.6rem;
    margin-bottom: 2.5rem;
}

@media only screen and (max-width: 767px) {
    .single__section__title01 {
        font-size: 1.8rem;
        line-height: 3.2rem;
        margin-bottom: 2.2rem;
    }
}

.single__section__fig {
    margin: 2.5 0;
}

.single__section__fig img {
    border-radius: 1rem;
}

.single__section__fig figcaption {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #a2a2a2;
    margin: 2rem 0 3.5rem;
}

@media only screen and (max-width: 767px) {
    .single__section__fig figcaption {
        font-size: 1.2rem;
        line-height: 2.1rem;
        margin: 1.2rem 0 2rem;
    }
}

.single__section__question__ttl {
    font-size: 1.8rem;
    letter-spacing: 0.06em;
    line-height: 3rem;
    font-weight: 500;
    margin: 1rem 0 1rem;
    color: #c1b37f;
}

@media only screen and (max-width: 767px) {
    .single__section__question__ttl {
        font-size: 1.7rem;
        margin: 1rem 0 1.5rem;
    }
}

.single__section__question dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.8rem;
}

@media only screen and (max-width: 767px) {
    .single__section__question dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 94%;
        margin: 0 auto 2rem;
    }
}

.single__section__question dl dd,
.single__section__question dl dt {
    font-size: 1.6rem;
    line-height: 3rem;
}

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

    .single__section__question dl dd,
    .single__section__question dl dt {
        font-size: 1.4rem;
        line-height: 2.2rem;
        width: 100% !important;
    }
}

.single__section__question dl dt {
    width: 8rem;
    font-weight: 500;
}

.single__section__question dl dd {
    width: calc(100% - 8rem);
}

.sidebar {
    margin-top: 7.3rem;
}

@media only screen and (max-width: 767px) {
    .sidebar {
        margin-top: 0;
    }
}

.sidebar__ttl1 {
    font-family: "Quicksand", sans-serif;
    font-weight: normal;
    font-size: 1.8rem;
    letter-spacing: 0.06em;
    line-height: 1.8rem;
    margin-bottom: 0.5rem;
}

.sidebar__ttl1 span {
    font-size: 1.1rem;
    padding-left: 1.2rem;
}

.sidebar__container {
    padding: 1.8rem 1.6rem;
    width: 100%;
    border-radius: 1rem;
    background: #fff;
    -webkit-box-shadow: 0.2rem 0.2rem 0.4rem rgba(122, 128, 134, 0.1);
    box-shadow: 0.2rem 0.2rem 0.4rem rgba(122, 128, 134, 0.1);
    margin-bottom: 4.5rem;
    display: inline-block;
}

.sidebar__container .tagList {
    margin-bottom: 1.5rem;
}

.sidebar__container .tagList li a {
    font-size: 1.2rem;
    padding: 0rem 0.5rem;
}

.sidebar__bnr {
    padding: 0;
}

.sidebar__ttl2 {
    padding: 0.8rem 1rem;
    background-image: url("../images/common/dottedLine2.svg");
    background-repeat: repeat-x;
    background-size: auto 0.2rem;
    background-position: bottom;
    margin: 0 0 1.5rem 0;
}

.sidebar__ttl2 span {
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    line-height: 1.8rem;
}

.sidebar__ttl2 span::before {
    top: 40%;
    left: -1.4rem;
    width: 3.2rem;
    height: 3.2rem;
}

.sidebar__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.5rem 0 1.3rem;
}

.sidebar__contact__tel {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    color: #c1b37f;
}

.sidebar__contact__tel a {
    color: #c1b37f;
    font-size: 2.2rem;
    letter-spacing: 0;
    padding: 0 1.5rem 0 1rem;
}

.sidebar__contact__time {
    font-size: 1rem;
    line-height: 1.3rem;
}

.sidebar__btnList li {
    margin-bottom: 1rem;
}

.sidebar__btnList li .blueBtn {
    background: #c1b37f;
}

.sidebar__btnList li .blueBtn__bg {
    opacity: 0.1;
}

.sidebar .snsList {
    margin: 3rem 0 0.5rem;
}

.category {
    margin-top: 3rem;
    padding-bottom: 5.5rem;
}

@media only screen and (max-width: 767px) {
    .category {
        padding-bottom: 0;
        margin-bottom: -5rem;
    }
}

.category__inner {
    max-width: 120rem;
    margin: auto;
}

@media only screen and (max-width: 767px) {
    .category__inner {
        max-width: 36rem;
    }
}

.category__ttl1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.category__ttl1 span {
    white-space: nowrap;
    padding: 0 3rem;
    font-size: 2rem;
    letter-spacing: 0.2em;
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .category__ttl1 span {
        padding: 0 1.5rem;
    }
}

.category__ttl1::before,
.category__ttl1::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #d5d5d5;
}

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

    .category__ttl1::before,
    .category__ttl1::after {
        background-color: #d5d5d5;
    }
}

.category__container {
    max-width: 100rem;
    margin: 3.5rem auto 4rem;
}

@media only screen and (max-width: 767px) {
    .category__container {
        margin: 4.1rem auto 4rem;
    }
}

.category__col {
    width: 26.1rem;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .category__col {
        width: 100%;
        margin-bottom: 8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

    .category__col::after {
        content: "";
        display: block;
        width: 10rem;
        height: 2px;
        background-image: url("../images/common/dottedLine2.svg");
        position: absolute;
        bottom: -4.2rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .category__col:last-child .category__ttl2 {
        margin-top: 2.5rem;
        font-size: 2.6rem;
    }

    .category__col:last-child::after {
        display: none;
    }
}

.category__col:nth-child(2) .category__ttl2 {
    font-size: 3.2rem;
}

@media only screen and (max-width: 767px) {
    .category__col:nth-child(2) .category__ttl2 {
        font-size: 2.5rem;
    }
}

.category__col:nth-child(2) .category__ttl3 {
    margin-bottom: 2rem;
}

@media only screen and (max-width: 767px) {
    .category__col:nth-child(2) .category__ttl3 {
        margin-bottom: 3rem;
    }
}

@media only screen and (max-width: 767px) {
    .category__txtArea {
        width: 48%;
    }
}

.category__ttl2 {
    font-family: "Quicksand", sans-serif;
    font-weight: 300;
    font-size: 3.6rem;
    letter-spacing: 0.06em;
    line-height: 3.6rem;
    color: #4f5847;
}

@media only screen and (max-width: 767px) {
    .category__ttl2 {
        font-size: 3.2rem;
        line-height: 3.5rem;
    }
}

.category__ttl3 {
    margin: 2.2rem 0 5.5rem;
}

@media only screen and (max-width: 767px) {
    .category__ttl3 {
        margin: 1.5rem 0 0 0;
    }
}

.category__ttl3 span {
    padding-bottom: 0.8rem;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    line-height: 3.4rem;
    font-weight: 500;
    background-image: url("../../images/common/dottedLine.svg");
    background-repeat: repeat-x;
    background-size: auto 0.2rem;
    background-position: bottom;
}

@media only screen and (max-width: 767px) {
    .category__ttl3 span {
        font-size: 1.3rem;
        line-height: 3rem;
    }
}

.category__picture {
    width: 22.5rem;
    margin: 0 auto 4.2rem;
}

@media only screen and (max-width: 767px) {
    .category__picture {
        width: 52%;
        margin: 0 0 3rem 0;
    }
}

.layout02 {
    width: 80.2rem;
    margin: 5rem auto 0;
}

@media only screen and (max-width: 767px) {
    .layout02 {
        background: none;
        width: 100%;
        margin: 2.5rem auto 0;
    }
}

.work__mv {
    position: relative;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(47.5%, rgba(255, 255, 255, 0)), color-stop(47.5%, #f6f5f2), to(#f6f5f2));
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 47.5%, #f6f5f2 47.5%, #f6f5f2 100%);
}

@media only screen and (max-width: 767px) {
    .work__mv {
        background: none;
    }
}

.work__mv__flower {
    position: absolute;
    left: -3.66vw;
    top: -3.66vw;
    width: 23.426vw;
    opacity: 0.3;
    z-index: 10;
    -webkit-filter: blur(0.293vw);
    filter: blur(0.293vw);
    pointer-events: none;
}

@media only screen and (max-width: 767px) {
    .work__mv__flower {
        top: -20rem;
        right: -10rem;
        left: auto;
        width: 30rem;
        -webkit-filter: blur(0.4rem);
        filter: blur(0.4rem);
    }
}

.work__mv__inner {
    max-width: 120rem;
    padding: 13.3rem 0 8.5rem;
    margin: auto;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .work__mv__inner {
        max-width: 100%;
        padding: 8rem 0 0rem;
    }
}

.work__mv__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 96%;
}

@media only screen and (max-width: 767px) {
    .work__mv__container {
        width: 90%;
        margin: auto;
    }
}

.work__mv__textArea {
    width: 38.5rem;
    padding: 5.5rem 0 0 0;
}

@media only screen and (max-width: 767px) {
    .work__mv__textArea {
        width: 100%;
        padding: 0;
    }
}

.work__mv__title2 {
    font-family: "Quicksand", sans-serif;
    font-weight: 300;
    font-size: 4.6rem;
    letter-spacing: 0.12em;
    line-height: 1.5;
    margin-bottom: 11.4rem;
}

@media only screen and (max-width: 767px) {
    .work__mv__title2 {
        font-size: 3rem;
        margin-bottom: 2.5rem;
        padding-left: 2rem;
    }
}

.work__mv__title2 span {
    display: block;
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: 0.06em;
}

@media only screen and (max-width: 767px) {
    .work__mv__title2 span {
        font-size: 1.4rem;
    }
}

.work__mv__title1 {
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 4.76rem;
    position: relative;
    border-top: 1px solid #c1bdb0;
    border-bottom: 1px solid #c1bdb0;
    padding: 3rem 0 2.6rem;
}

@media only screen and (max-width: 767px) {
    .work__mv__title1 {
        font-size: 2.3rem;
        margin-top: 2.7rem;
        padding: 1.4rem 0 1.3rem;
        line-height: 1.6;
    }
}

.work__mv__title1 span {
    position: absolute;
    top: -3.3rem;
    left: 0.3rem;
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: 0.06em;
    line-height: 1.5rem;
    height: 4.5rem;
    min-width: 13.3rem;
    padding: 0 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

@media only screen and (max-width: 767px) {
    .work__mv__title1 span {
        top: -4.5rem;
        left: 0;
        font-size: 1.3rem;
        height: 3.5rem;
        min-width: 10rem;
    }
}

.work__mv__title1::before {
    content: "";
    position: absolute;
    top: -4.5rem;
    left: -5rem;
    width: 19.2rem;
    height: 8.8rem;
    background-image: url("../images/works/mv_label.png");
    background-repeat: no-repeat;
    background-size: contain;
}

@media only screen and (max-width: 767px) {
    .work__mv__title1::before {
        top: -5.4rem;
        left: -4.3rem;
        width: 15rem;
        height: 7rem;
    }
}

.work__mv__imgArea picture {
    width: 73.6rem;
    height: 49.1rem;
    display: block;
}

@media only screen and (max-width: 767px) {
    .work__mv__imgArea picture {
        width: 100%;
        height: 23rem;
    }
}

.work__mv__imgArea picture img {
    -webkit-box-shadow: 1rem 1rem 3rem rgba(122, 128, 134, 0.16);
    box-shadow: 1rem 1rem 3rem rgba(122, 128, 134, 0.16);
    border-radius: 3rem;
    border: 1rem solid #fff;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 767px) {
    .work__mv__imgArea picture img {
        border-radius: 2rem;
        border-width: 0.6rem;
    }
}

.work__mv .scroll {
    bottom: -8.5rem;
    right: 0;
}

@media only screen and (max-width: 767px) {
    .work__mv .scroll {
        bottom: auto;
        top: 11rem;
        right: 0.5rem;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: 8.5rem;
    }
}

.work__title1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80.2rem;
    margin: auto;
}

@media only screen and (max-width: 767px) {
    .work__title1 {
        width: 100%;
        padding: 0 2rem;
    }
}

.work__title1 span {
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: 0.2em;
    line-height: 2.4rem;
    white-space: nowrap;
    padding: 0 1rem;
    position: relative;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .work__title1 span {
        font-size: 1.8rem;
    }
}

.work__title1 span::before {
    content: "";
    display: block;
    width: 4.5rem;
    height: 1.4rem;
    background-image: url("../images/works/titleLines.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -2rem;
}

@media only screen and (max-width: 767px) {
    .work__title1 span::before {
        width: 3.5rem;
        height: 1.2rem;
        top: -1.5rem;
    }
}

.work__title1::before,
.work__title1::after {
    content: "";
    width: 100%;
    height: 0.6rem;
    border-top: 2px solid #e8e4dc;
    border-bottom: 1px solid #e8e4dc;
}

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

    .work__title1::before,
    .work__title1::after {
        margin-top: 0.2rem;
    }
}

.work__gallery {
    padding: 1.5rem 0 5.6rem;
}

@media only screen and (max-width: 767px) {
    .work__gallery {
        padding: 5rem 0rem 4rem;
    }
}

.work__gallery__container {
    width: 80.4rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr;
    grid-template-columns: repeat(5, 1fr);
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
    margin: 2.5rem auto 0;
}

@media only screen and (max-width: 767px) {
    .work__gallery__container {
        width: 100%;
        -ms-grid-columns: 1fr 0.6rem 1fr;
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 0.6rem;
        -moz-column-gap: 0.6rem;
        column-gap: 0.6rem;
        row-gap: 0.6rem;
        margin: 2rem auto 0;
        padding: 0 2rem;
    }
}

.work__gallery__item {
    height: 14.8rem;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

@media only screen and (min-width: 768px) {
    .work__gallery__item:hover {
        opacity: 0.7;
    }
}

@media only screen and (max-width: 767px) {
    .work__gallery__item {
        height: 17.2rem;
    }
}

.work__gallery__item img {
    border-radius: 1rem;
    border: 0.5rem solid #fff;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.work__movie__container {
    width: 600px;
    margin: 3rem auto 0;
    display: block;
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    .work__movie__container:hover .work__movie__bg {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
}

@media only screen and (max-width: 767px) {
    .work__movie__container {
        width: 100%;
        padding: 0 2rem;
        margin: 2rem auto 0;
    }
}

.work__movie__frame {
    height: 350px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
    -webkit-box-shadow: 1rem 1rem 3rem rgba(122, 128, 134, 0.14);
    box-shadow: 1rem 1rem 3rem rgba(122, 128, 134, 0.14);
}

@media only screen and (max-width: 767px) {
    .work__movie__frame {
        height: 23rem;
        border-radius: 2rem;
        border-width: 0.6rem;
    }
}

.work__movie__bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 51%;
    left: 51%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.work__movie__play {
    position: absolute;
    width: 6.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

@media only screen and (max-width: 767px) {
    .work__movie__play {
        width: 4.8rem;
    }
}

.work__movie__white {
    width: 50.8rem;
    background: #fff;
    margin: -6rem auto 0;
    padding: 0.9rem 1.8rem 1.2rem;
    position: relative;
    z-index: 3;
    border-radius: 1rem;
}

@media only screen and (max-width: 767px) {
    .work__movie__white {
        width: 90%;
        padding: 1.3rem 1rem 1.2rem;
    }
}

.work__movie__white::after {
    content: "";
    position: absolute;
    bottom: 0.7rem;
    right: 0.7rem;
    background-image: url("../images/front-page/info_arrow.svg");
    width: 2.6rem;
    height: 2.6rem;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.work__movie__label {
    background-image: url(../images/front-page/icon_video.png);
    background-repeat: no-repeat;
    background-size: 1.4rem 0.9rem;
    background-position: 0.6rem 0.8rem;
    padding: 0.2rem 0.5rem 0.2rem 2.4rem;
    font-weight: 500;
    font-size: 1.2rem;
    color: #fff;
    background-color: #ba6a6a;
    border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 0.3rem;
}

@media only screen and (max-width: 767px) {
    .work__movie__label {
        font-size: 1.1rem;
        background-position: 0.6rem 0.6rem;
        padding: 0.2rem 0.5rem 0.3rem 2.4rem;
        margin-bottom: 0.6rem;
    }
}

.work__movie__tagList li {
    display: inline-block;
    margin: 0 0.4rem 0.4rem 0;
    font-size: 1rem;
    text-align: left;
    color: #7a8086;
    border-radius: 0.3rem;
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 0.1rem 0.2rem;
    font-weight: 400;
}

.work__movie__title {
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 0.06em;
    line-height: 2.7rem;
    margin-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
    .work__movie__title {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding-right: 9%;
    }
}

.work__plan {
    padding: 8.7rem 0 8rem;
}

.work__plan__grey {
    width: 100rem;
    margin: auto;
    background-color: #f6f5f2;
    position: relative;
    padding: 3.2rem 0 6rem;
    border-radius: 1rem;
}

@media only screen and (max-width: 767px) {
    .work__plan__grey {
        width: 100%;
    }
}

.work__plan__illu {
    position: absolute;
}

.work__plan__illu.illu-1 {
    width: 13.2rem;
    top: 67%;
    left: 77%;
}

@media only screen and (max-width: 767px) {
    .work__plan__illu.illu-1 {
        width: 13.2rem;
        top: 64%;
        left: 64%;
    }
}

.work__plan__illu.illu-2 {
    width: 15.9rem;
    top: 42.2%;
    left: 3%;
}

@media only screen and (max-width: 767px) {
    .work__plan__illu.illu-2 {
        display: none;
    }
}

.work__plan__illu.illu-3 {
    width: 8.7rem;
    top: 31.5%;
    left: 81.5%;
}

@media only screen and (max-width: 767px) {
    .work__plan__illu.illu-3 {
        width: 11rem;
        top: 50%;
        left: 50%;
    }
}

.work__plan__house {
    width: 19.6rem;
    position: absolute;
    left: 50%;
    top: -5.3rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
    .work__plan__house {
        width: 16rem;
        top: -4.3rem;
    }
}

.work__plan__title1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80.2rem;
    margin: auto;
}

@media only screen and (max-width: 767px) {
    .work__plan__title1 {
        width: 90%;
    }
}

.work__plan__title1 span {
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: 0.2em;
    line-height: 2.4rem;
    white-space: nowrap;
    padding: 0 1rem;
}

@media only screen and (max-width: 767px) {
    .work__plan__title1 span {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

.work__plan__title1::before,
.work__plan__title1::after {
    content: "";
    width: 100%;
    height: 0.6rem;
    border-top: 2px solid #e8e4dc;
    border-bottom: 1px solid #e8e4dc;
}

.work__plan__title2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3.5rem 0 2.5rem;
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 0.06em;
    line-height: 2.4rem;
}

.work__plan__title2 img {
    margin-right: 0.2rem;
}

.work__plan__container {
    width: 82.5rem;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 767px) {
    .work__plan__container {
        width: 90%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.work__plan__item {
    width: 24.5rem;
    margin: 0 1.5rem 4.2rem;
}

@media only screen and (max-width: 767px) {
    .work__plan__item {
        width: 49%;
        margin: 0 0 3rem 0;
    }
}

.work__plan__picture {
    position: relative;
    width: 100%;
}

.work__plan__picture::before {
    content: "";
    -webkit-filter: drop-shadow(10px 10px 30px rgba(122, 128, 134, 0.1));
    filter: drop-shadow(10px 10px 30px rgba(122, 128, 134, 0.1));
    display: block;
    width: 100%;
    height: 21rem;
    background-image: url("../images/works/plan_stamp.png");
    background-repeat: no-repeat;
    background-size: contain;
}

@media only screen and (max-width: 767px) {
    .work__plan__picture::before {
        height: 14.5rem;
    }
}

.work__plan__picture::after,
.work__plan__picture img {
    width: 21.1rem;
    height: 17.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

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

    .work__plan__picture::after,
    .work__plan__picture img {
        width: 85%;
        height: 85%;
    }
}

.work__plan__picture::after {
    content: "";
    z-index: 3;
    background: #c1b37f;
    opacity: 0.3;
}

.work__plan__picture img {
    z-index: 2;
}

.work__plan__point {
    position: absolute;
    left: 50%;
    top: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4;
    font-family: "Quicksand", sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0.06em;
    line-height: 2.6rem;
    text-align: center;
    color: #fff;
}

.work__plan__point em {
    font-size: 2.4rem;
}

.work__plan__text {
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    line-height: 2.4rem;
    margin-top: 1.9rem;
}

@media only screen and (max-width: 767px) {
    .work__plan__text {
        font-size: 1.3rem;
        line-height: 1.6;
        margin-top: 1rem;
    }
}

.work__plan__text em {
    background-image: url("../images/common/color_edeae4.jpg");
    background-size: 100% 70%;
    background-position: left center;
}

.work__plan__madori {
    position: relative;
    width: 37.3rem;
    margin: 3rem auto 3rem;
}

@media only screen and (max-width: 767px) {
    .work__plan__madori {
        width: 80%;
        margin-top: 5rem;
    }
}

.work__plan__madori::before {
    content: "";
    display: block;
    height: 89%;
    width: 0.7rem;
    background-image: url("../images/works/plan_staple.png");
    background-repeat: repeat-y;
    background-size: 100%;
    position: absolute;
    left: -0.5rem;
    top: 3rem;
}

.work__plan__madori__img {
    border-radius: 1rem;
    -webkit-box-shadow: 0rem 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
    box-shadow: 0rem 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}

.work__plan__madori__label {
    width: 18.9rem;
    position: absolute;
    left: -5.4rem;
    top: -4.3rem;
}

.work__interview {
    margin-top: 60px;
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .work__interview {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 1.5rem;
    }
}

.work__interview__container {
    width: 62.9rem;
    margin: 3rem auto 0;
    display: block;
}

@media only screen and (min-width: 768px) {
    .work__interview__container:hover .work__interview__bg {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
}

@media only screen and (max-width: 767px) {
    .work__interview__container {
        width: 100%;
        padding: 0 2rem;
        margin: 2rem auto 0;
    }
}

.work__interview__frame {
    height: 42rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
    border: 1rem solid #fff;
    -webkit-box-shadow: 1rem 1rem 3rem rgba(122, 128, 134, 0.14);
    box-shadow: 1rem 1rem 3rem rgba(122, 128, 134, 0.14);
}

@media only screen and (max-width: 767px) {
    .work__interview__frame {
        height: 23rem;
        border-radius: 2rem;
        border-width: 0.6rem;
    }
}

.work__interview__bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.work__interview__white {
    width: 50.8rem;
    background: #fff;
    margin: -6rem auto 0;
    padding: 1.1rem 1.8rem 1.2rem;
    position: relative;
    z-index: 3;
    border-radius: 1rem;
}

@media only screen and (max-width: 767px) {
    .work__interview__white {
        width: 90%;
        padding: 1.3rem 1rem 1.2rem;
    }
}

.work__interview__white::after {
    content: "";
    position: absolute;
    bottom: 0.7rem;
    right: 0.7rem;
    background-image: url("../images/front-page/info_arrow.svg");
    width: 2.6rem;
    height: 2.6rem;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.work__interview__copy {
    font-weight: 500;
    font-size: 1.4rem;
    color: #c1bdb0;
}

@media only screen and (max-width: 767px) {
    .work__interview__copy {
        font-size: 1.3rem;
        margin-bottom: 0.6rem;
    }
}

.work__interview__tagList li {
    display: inline-block;
    margin: 0 0.4rem 0.4rem 0;
    font-size: 1rem;
    text-align: left;
    color: #7a8086;
    border-radius: 0.3rem;
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 0.1rem 0.2rem;
    font-weight: 400;
}

.work__interview__title {
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 0.06em;
    line-height: 2.7rem;
    margin-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
    .work__interview__title {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding-right: 9%;
    }
}

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

    .page-media .related,
    .page-works .related {
        background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(57.5%, rgba(255, 255, 255, 0)), color-stop(57.5%, #f6f5f2), to(#f6f5f2));
        background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 57.5%, #f6f5f2 57.5%, #f6f5f2 100%);
        padding: 14rem 0 11.5rem;
        margin-bottom: 9rem;
    }

    .page-media .related__ttlArea,
    .page-works .related__ttlArea {
        padding-top: 5.9rem;
    }

    .page-media .related .related__bird,
    .page-works .related .related__bird {
        left: 26.5rem;
        top: -12.5rem;
        width: 25rem;
    }
}

.sl-overlay {
    background-color: black;
}

.sl-wrapper .sl-image img {
    border-radius: 1rem;
    border: 0.5rem solid #fff;
}

.sl-wrapper .sl-close {
    color: #fff;
}

.sl-wrapper .sl-image .sl-caption {
    padding: 0.8rem 0 0 0.2rem;
    color: #fff;
    background: none;
    font-size: 1.3rem;
    line-height: 1.6;
}

/*# sourceMappingURL=works.css.map */