@charset "UTF-8";


/* header
------------------------------------------------- */
#header {
    position: absolute;
    z-index: 10;
}
#header .logo a span {
    color: #fff;
}
#header nav ul li a {
    color: #eee;
}
#header nav ul li a::after {
    background-color: #eee;
}


/* navtoggle
------------------------------------------------- */
#navtoggle span {
    background-color: #FBFBFB;
}
body.is-fv #navtoggle span {
    background-color: #1C2826;
}
body.is-fv.nav-active #navtoggle span {
    background-color: #FBFBFB;
}


/* snav
------------------------------------------------- */
#snav ul li a {
    background-image: url("../img/common/icon_reservation_wh.svg");
    border: 0.01rem solid #FBFBFB;
    color: #FBFBFB;
}
#snav ul li:nth-child(2) a {
    background-image: url("../img/common/icon_contact_wh.svg");
}
#snav ul li:nth-child(3) a {
    background-image: url("../img/common/icon_information_wh.svg");
}
body.is-fv #snav ul li a {
    background-image: url("../img/common/icon_reservation.svg");
    border: 0.01rem solid #1C2826;
    color: #1C2826;
}
body.is-fv #snav ul li:nth-child(2) a {
    background-image: url("../img/common/icon_contact.svg");
}
body.is-fv #snav ul li:nth-child(3) a {
    background-image: url("../img/common/icon_information.svg");
}
body.is-fv.nav-active #snav ul li a {
    background-image: url("../img/common/icon_reservation_wh.svg");
    border: 0.01rem solid #FBFBFB;
    color: #FBFBFB;
}
body.is-fv.nav-active #snav ul li:nth-child(2) a {
    background-image: url("../img/common/icon_contact_wh.svg");
}
body.is-fv.nav-active #snav ul li:nth-child(3) a {
    background-image: url("../img/common/icon_information_wh.svg");
}
@media screen and (min-width:751px){
#snav ul li a:hover {
    background-image: url("../img/common/icon_reservation.svg");
    background-color: #FBFBFB;
    color: #1C2826;
}
#snav ul li:nth-child(2) a:hover {
    background-image: url("../img/common/icon_contact.svg");
}
#snav ul li:nth-child(3) a:hover {
    background-image: url("../img/common/icon_information.svg");
}
body.is-fv #snav ul li a:hover {
    background-image: url("../img/common/icon_reservation_wh.svg");
    background-color: #1C2826;
    color: #FBFBFB;
}
body.is-fv #snav ul li:nth-child(2) a:hover {
    background-image: url("../img/common/icon_contact_wh.svg");
}
body.is-fv #snav ul li:nth-child(3) a:hover {
    background-image: url("../img/common/icon_information_wh.svg");
}
body.is-fv.nav-active #snav ul li a:hover {
    background-image: url("../img/common/icon_reservation.svg");
    background-color: #FBFBFB;
    color: #1C2826;
}
body.is-fv.nav-active #snav ul li:nth-child(2) a:hover {
    background-image: url("../img/common/icon_contact.svg");
}
body.is-fv.nav-active #snav ul li:nth-child(3) a:hover {
    background-image: url("../img/common/icon_information.svg");
}
}
@media screen and (max-width:750px){
#snav ul li a {
    border: none;
}
body.is-fv #snav ul li a {
    background-image: url("../img/common/icon_reservation_wh.svg");
    border: none;
    color: #FBFBFB;
}
body.is-fv #snav ul li:nth-child(2) a {
    background-image: url("../img/common/icon_contact_wh.svg");
}
body.is-fv #snav ul li:nth-child(3) a {
    background-image: url("../img/common/icon_information_wh.svg");
}
body.is-fv.nav-active #snav ul li a {
    background-image: url("../img/common/icon_reservation_wh.svg");
    border: none;
}
body.is-fv.nav-active #snav ul li:nth-child(2) a {
    background-image: url("../img/common/icon_contact_wh.svg");
}
body.is-fv.nav-active #snav ul li:nth-child(3) a {
    background-image: url("../img/common/icon_information_wh.svg");
}    
}


/* fv
------------------------------------------------- */
.fv {
    width: 100%;
    position: relative;
}
.fv::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(79,71,64,0.12);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.fv h2 {
    font-size: 0.36rem;
    font-weight: 500;
    letter-spacing: 0.35em;
    color: #FBFBFB;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 3;
}
.fv h2 span {
    display: block;
    padding-top: 3em;
}
.fv .swiper-slide-active .photo,
.fv .swiper-slide-duplicate-active .photo,
.fv .swiper-slide-prev .photo {
    animation: zoomUp 7s linear 0s normal both;
}
.fv .swiper-slide source,
.fv .swiper-slide img {
    width: 100%;
    height: auto;
}
.fv .video {
    display: none;
}
@media screen and (max-width:750px){
.fv {
    height: 160vw;
}
.fv h2 {
    font-size: 0.24rem;
    letter-spacing: 0.4em;
}
.fv h2 span {
    padding-top: 4.15em;
}
/* .fv .main-slider {
    display: none;
}
.fv .video {
    display: block;
    width: 100%;
    height: auto;
}
.fv .video video {
    display: block;
    width: 100%;
    height: auto;
} */
}


/* relatedbox
------------------------------------------------- */
.relatedbox {
    background-color: #EDE9DD;
    padding-bottom: 1.25rem;
}
.relatebox .ttlbox .btnst1 a {
    opacity: 0;
}
.relatedbox.isAnimate .ttlbox .btnst1 a {
    animation: fadeIn 0.7s ease 0.5s 1 forwards;
}
@media screen and (min-width:751px){
.relatedbox .listbox ul li:nth-child(4) {
     display: none;
}  
}
@media screen and (max-width:750px){
.relatedbox {
    padding: 0.75rem 0;
} 
.relatedbox .ttlbox {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.relatedbox .ttlbox .headline1 {
    margin-bottom: 0;
}
.relatedbox .listbox ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.relatedbox .listbox ul li {
    width: 48%;
    margin-bottom: 0.03rem;
} 
.relatedbox .listbox ul li a {
    display: block;
}
.relatedbox .listbox ul li a .cover {
    width: 100%;
    height: 64vw;
    margin-bottom: 3vw;
}
.relatedbox .listbox ul li a .box {
    width: 100%;
}
.relatedbox .listbox ul li a dl {
    padding-bottom: 0;
}
.relatedbox .listbox ul li a .ttl {
    font-size: 0.13rem;
}
}


/* worksbox
------------------------------------------------- */
.worksbox {
    background-color: #EDE9DD;
    padding: 0 0 1.2rem;
}
.worksbox .ttlbox .headline1.unl {
    margin-bottom: 0.6rem;
}
.worksbox .ttlbox .btnst1 a {
    opacity: 0;
}
.worksbox .ttlbox.isAnimate .btnst1 a {
    animation: fadeIn 0.7s ease 0.5s 1 forwards;
}
.worksbox .works-slider::before {
    background-color: #EDE9DD;
}
@media screen and (max-width:750px){
.worksbox {
    padding: 0 0 0.3rem;
}
.worksbox .ttlbox .headline1.unl {
    margin-bottom: 0.3rem;
}
.worksbox .works-slider .swiper-wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
    transform: translate3d(0px,0,0);
}
.worksbox .works-slider .swiper-slide {
    width: 48%;
    margin: 0 0 0.2rem;
}
.worksbox .works-slider .swiper-slide:nth-child(7),
.worksbox .works-slider .swiper-slide:nth-child(8),
.worksbox .works-slider .swiper-slide:nth-child(9),
.worksbox .works-slider .swiper-slide:nth-child(10) {
    display: none;
}
.worksbox .works-slider .swiper-slide a .cover {
    height: 29.5vw;
}
.worksbox .works-slider .swiper-slide a .cover span {
    display: none;
}
.worksbox .works-slider .swiper-slide a p {
    display: none;
}
.worksbox .works-slider .swiper-button-next,
.worksbox .works-slider .swiper-button-prev {
    display: none;
}
}


/* concept1
------------------------------------------------- */
.concept1 {
    background: linear-gradient(349.41deg, #3D5551 10.11%, #425C58 29.2%);
    padding-bottom: 2.85rem;
    margin-bottom: 2rem;
}
.concept1 .sec {
    padding-top: 1.8rem;
}
.concept1 .sec .photo1 {
    width: 56.388vw;
    margin-left: calc(6rem - 50cqw);
}
.concept1 .sec .con {
    width: 25%;
    height: 4.1rem;
    color: #fff;
    margin-right: 0.7rem;
}
.concept1 .sec .con .box {
    height: 4.1rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.concept1 .sec .con .box p {
    height: 4.6rem;
    font-weight: 500;
    line-height: 2.3;
    letter-spacing: 0.23em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.concept1 .sec .photo2 {
    width: 62.5vw;
    margin: 0 calc(6rem - 50cqw) 0 0;
}
.concept1 .sec2 .con {
    margin: 0 0 0 0.7rem;
}
.concept1 .sec2 .con .box {
    flex-direction: row;
}
@media screen and (max-width:750px){
.concept1 {
    padding: 0.45rem 0 0.8rem;
    margin-bottom: 0;
}
.concept1 .sec {
    padding-top: 0.3rem;
}
.concept1 .sec .photo1 {
    width: 89.066vw;
    margin-left: -4.267vw;
    padding-bottom: 0.65rem;
}
.concept1 .sec .con {
    width: 100%;
    height: 4rem;
}
.concept1 .sec .con .box {
    height: 4rem;
    margin-right: 4.267vw;
}
.concept1 .sec .con .box p {
    height: 4rem;
    font-size: 0.14rem;
    line-height: 1.85;
    letter-spacing: 0.25em;
}
.concept1 .sec .photo2 {
    width: 87.2vw;
    margin: 0;
}
.concept1 .sec2 .con {
    display: none;
}
}


/* kinoie
------------------------------------------------- */
.kinoie {
    width: 100%;
    height: 66.666vw;
    background: url("../img/top/kinoie_photo.jpg") center center no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 1.7rem;
    margin-bottom: 2rem;
    box-sizing: border-box;
}
.kinoie h3 {
    font-size: 0.28rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding-bottom: 0.45rem;
}
.kinoie p {
    font-weight: 500;
    line-height: 2.3;
    padding-bottom: 0.3rem;
}
.kinoie .btnst1 a {
    display: inline-block;
    font-size: 0.14rem;
    color: #fff;
    padding-right: 0.55rem;
    margin-top: 0.4rem;
    text-decoration: underline;
    opacity: 0;
}
.kinoie.isAnimate .btnst1 a {
    animation: fadeIn 0.7s ease 0.5s 1 forwards;
}
@media screen and (min-width:751px){
.kinoie .btnst1 a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.kinoie {
    height: 150.66vw;
    background: url("../img/top/kinoie_photo_sp.jpg");
    padding-top: 0.5rem;
    margin-bottom: 0.6rem;
}
.kinoie h3 {
    font-size: 0.24rem;
    padding-bottom: 0.4rem;
}
.kinoie p {
    font-size: 0.14rem;
    padding-bottom: 0.2rem;
}
.kinoie .btnst1 a {
    margin-top: 0.2rem;
}
}


/* lifestyle
------------------------------------------------- */
.lifestyle {
    padding-bottom: 0.2rem;
}
.lifestyle .headline1.unl {
    padding-bottom: 0.2rem;
    margin-bottom: 0.55rem;
}
.lifestyle ul li {
    padding-bottom: 2.3rem;
}
.lifestyle ul li .photo {
    width: 62.152vw;
    margin-left: calc(6.5rem - 50cqw);
}
.lifestyle ul li .con {
    width: 32.615%;
}
.lifestyle ul li .con .headline4 {
    padding-bottom: 0.5rem;
}
.lifestyle ul li p {
    font-size: 0.15rem;
    line-height: 2.5;
    padding-bottom: 0.2rem;
}
.lifestyle ul li .btnst1 a {
    display: inline-block;
    font-size: 0.14rem;
    padding: 0 0.55rem 0 0.1rem;
    text-decoration: underline;
    opacity: 0;
}
.lifestyle ul li .con.isAnimate .btnst1 a,
.lifestyle ul li:nth-child(1) .con1.isAnimate .btnst1 a {
    animation: fadeIn 0.7s ease 0.5s 1 forwards;
}
/* .lifestyle ul li:nth-child(1) .con1 {
    width: 15.5%;
}
.lifestyle ul li:nth-child(1) .con1 .headline4 {
    padding-bottom: 0.1rem;
}
.lifestyle ul li:nth-child(1) .con2 {
    width: 54.25%;
    margin: 0.45rem 0 0 1.96rem;
}
.lifestyle ul li:nth-child(1) .photo {
    width: 95.833vw;
    margin-left: calc(6.5rem - 47.9165cqw);
    margin-top: 0.3rem;
} */
.lifestyle ul li:nth-child(2) .photo {
    margin: 0 calc(6.5rem - 50cqw) 0 0;
}
@media screen and (max-width:750px){
.lifestyle {
    padding-bottom: 0.6rem;
}
.lifestyle .headline1.unl {
    margin-bottom: 0.3rem;
}
.lifestyle ul li {
    padding-bottom: 0.5rem;
}
.lifestyle ul li .photo {
    width: auto;
    margin: 0 auto 0.2rem;
}
.lifestyle ul li .con {
    width: 100%;
}
.lifestyle ul li .con .headline4 {
    line-height: 2;
    padding-bottom: 0.1rem;
}
.lifestyle ul li .con .headline4 span {
    padding-bottom: 0;
} 
.lifestyle ul li p {
    line-height: 1.8;
    padding-bottom: 0.2rem;
}
.lifestyle ul li .box .d-flex.just-end {
    display: flex;
    margin-right: 0.15rem;
}
/* .lifestyle ul li:nth-child(1) .con1 {
    width: 100%;
}
.lifestyle ul li:nth-child(1) .con1 .headline4 {
    line-height: 2;
    padding-bottom: 0.05rem;
}
.lifestyle ul li:nth-child(1) .con2 {
    width: 100%;
    margin: 0.3rem 0 0;
}
.lifestyle ul li:nth-child(1) .photo {
    width: 100vw;
    margin: 0.2rem 0 0.15rem -4.267vw;
} */
.lifestyle ul li:nth-child(2) .photo {
    margin: 0 0 0.4rem;
}
}


/* about
------------------------------------------------- */
.about {
    margin-bottom: 1.9rem;
}
.about ul li {
    color: #eee;
    position: relative;
}
.about ul li::before,
.about ul li::after {
    content: '';
    width: 50vw;
    height: 100%;
    background: linear-gradient(160deg, #3e4f45 0%, #414b4a 80%);
    position: absolute;
    right: 0;
    top: 0;
    margin-right: calc(6rem - 50cqw);
    z-index: 1;
}
.about ul li::after {
    background: url("../img/lifestyle/cont2_bg.png") center center no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    z-index: 2;
}
.about ul li .photo {
    width: 50vw;
    margin-left: calc(6rem - 50cqw);
    position: relative;
    z-index: 3;
}
.about ul li .con {
    width: 42%;
    position: relative;
    z-index: 3;
}
.about ul li .con .box .headline4 {
    font-size: 0.24rem;
    font-weight: 600;
    line-height: 1.2;
    color: #FBFBFB;
    padding-bottom: 0.5rem;
}
.about ul li .con .box .headline4 span {
    letter-spacing: 0.01em;
    padding-bottom: 0.15rem;
}
.about ul li .con p {
    font-weight: 500;
    line-height: 2.3;
    padding-bottom: 0.3rem;
}
.about ul li .con .btnst1 a {
    font-size: 0.14rem;
    color: #eee;
    margin-top: 0.1rem;
    padding-right: 0.55rem;
    text-decoration: underline;
    opacity: 0;
}
.about ul li .con.isAnimate .btnst1 a {
    animation: fadeIn 0.7s ease 0.5s 1 forwards;
}
@media screen and (min-width:751px){
.about ul li .con .btnst1 a:hover {
    text-decoration: none;
} 
}
@media screen and (max-width:750px){
.about {
    margin-bottom: 0.5rem;
}
.about ul {
    width: 100vw;
    margin-left: -4.267vw;
}
.about ul li::before,
.about ul li::after {
    width: 100vw;
    height: 70%;
    top: auto;
    bottom: 0;
    margin-right: 0;
}
.about ul li .photo {
    width: 100vw;
    margin-left: 0;
}
.about ul li .con {
    width: 100%;
}
.about ul li .con .box {
    width: 91.2vw;
    margin: 0 auto;
    padding: 10.5vw 0 13vw;
}
.about ul li .con .box .headline4 {
    font-size: 0.2rem;
    padding-bottom: 0.2rem;
}
.about ul li .con .box .headline4 span {
    padding-bottom: 0.15rem;
} 
.about ul li .con .box p {
    font-size: 0.14rem;
    line-height: 1.8;
    padding-bottom: 0.2rem;
}
.about ul li .con .box .d-flex.just-end {
    display: flex;
}
.about ul li .con .btnst1 a {
    margin-top: 0;
    margin-right: 0.1rem;
}
}


/* pnav
------------------------------------------------- */
.pnav {
    margin: 0 auto 1.4rem;
}
.pnav ul li a .btn {
    opacity: 0;
}
.pnav ul li.isAnimate a .btn {
    animation: fadeIn 0.7s ease 0.5s 1 forwards;
}
@media screen and (max-width:750px){
.pnav {
    margin: 0 auto;
}
.pnav ul li {
    height: 74vw;
    border-top: none;
    box-shadow: none;
}
.pnav ul li a p {
    height: 1rem;
}
}


/* news
------------------------------------------------- */
.news {
    padding-bottom: 2rem;
}
.news .sec {
    background-color: #F3F1EC;
    padding: 0.65rem 0.5rem 0.45rem;
}
.news .sec .con {
    width: 47.33%;
}
.news .sec .con .ttlbox {
    border-left: 0.03rem solid #B3A98C;
    padding-left: 0.2rem;
    margin-bottom: 0.55rem;
    position: relative;
}
.news .sec .con .ttlbox .headline4 {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 1.4;
    padding-bottom: 0;
}
.news .sec .con .ttlbox .headline4 span {
    line-height: 1.4;
    padding-bottom: 0;
}
.news .sec .con .ttlbox .btnst1 {
    position: absolute;
    right: 0;
    top: 0.05rem;
}
.news .sec .con .ttlbox .btnst1 a {
    display: inline-block;
    font-size: 0.14rem;
    padding-right: 0.55rem;
    text-decoration: underline;
    opacity: 0;
}
.news .sec .con .ttlbox.isAnimate .btnst1 a {
    animation: fadeIn 0.7s ease 0.5s 1 forwards;
}
.news .sec .con ul li {
    margin-bottom: 0.2rem;
}
.news .sec .con ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news .sec .con ul li a .cover {
    width: 30.98%;
    height: 1.24rem;
    overflow: hidden;
    position: relative;
}
.news .sec .con ul li a .cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.news .sec .con ul li a .box {
    width: 64.43%;
}
.news .sec .con ul li a .box p {
    font-size: 0.12rem;
    line-height: 1.5;
    color: #A8A8A8;
}
.news .sec .con ul li a .box p span {
    display: inline-block;
    width: 0.96rem;
    border-radius: 0.2rem;
    font-size: 0.12rem;
    background-color: #B3A98C;
    color: #FBFBFB;
    text-align: center;
    margin-left: 0.1rem;
}
.news .sec .con ul li a .box .ttl {
    position: relative;
    margin-top: 0.2rem;
    padding-right: 0.55rem;
}
.news .sec .con ul li a .box h5 {
    font-size: 0.14rem;
    font-weight: 400;
}
.news .sec .con:nth-child(2) .ttlbox {
    border-left: 0.03rem solid #235A3E;
}
.news .sec .con:nth-child(2) ul li a .box p span {
    background-color: #235A3E;
}
@media screen and (min-width:751px){
.news .sec .con .ttlbox .btnst1 a:hover {
    text-decoration: none;
} 
.news .sec .con ul li a:hover .cover img {
    transform: scale(1.05);
}
}
@media screen and (max-width:750px){
.news {
    padding: 0 0 0.5rem;
}
.news .sec {
    padding: 0.4rem 0 0.2rem;
    background: none;
}
.news .sec .con {
    width: auto;
    background: #F3F1EC;
    padding: 0.4rem 4.267vw 0.2rem;
}
.news .sec .con .ttlbox {
    margin-bottom: 0.3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news .sec .con .ttlbox .headline4 {
    font-size: 0.2rem;
}
.news .sec .con .ttlbox .btnst1 {
    /* right: auto;
    left: 0;
    top: 0.8rem; */
    position: static;
}
.news .sec .con ul li a {
    align-items: flex-start;
}
.news .sec .con ul li a .cover {
    width: 39%;
    height: 21vw;
}
.news .sec .con ul li a .box {
    width: 57%;
}
.news .sec .con ul li a .box .ttl {
    margin-top: 0.1rem;
    padding-right: 0;
    line-height: 1.5;

}
.news .sec .con ul li a .box .ttl i {
    display: none;;
}
.news .sec .con:nth-child(2) {
    margin-top: 0.25rem;
}
}


/* contact
------------------------------------------------- */
#contact {
    background: #fcfbf7;
}
#contact .headline1.unl {
    color: #1C2826;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
#contact .headline1.unl::after {
    background-color: #EDE9DD;
}
#contact .box {
    width: 5.5rem;
    position: absolute;
    right: 0;
    top: 0;
}
#contact .box p {
    font-size: 0.14rem;
    line-height: 2.5;
    padding-bottom: 0.2rem;
}
#contact .con .btnst1 li a {
    color: #1C2826;
    border-bottom: 0.01rem solid #EDE9DD;
    opacity: 0;
}
#contact .con.isAnimate .btnst1 li a {
    animation: fadeIn 0.7s ease 0.5s 1 forwards;
}
#contact .con .btnst1 li a::after {
    background-color: #1C2826;
}
@media screen and (max-width:750px){
#contact {
    height: auto;
    padding-bottom: 18vw;
}
#contact .headline1.unl {
    padding-bottom: 1.8rem;
    margin-bottom: 0rem;
}
#contact .box {
    width: 100%;
    right: 0;
    top: 1.05rem;
}
#contact .box p {
    line-height: 1.8;
    padding-bottom: 0.2rem;
}
}


/* company
------------------------------------------------- */
.company {
    padding: 2rem 0 1.8rem;
}
.company .ttlbox {
    position: relative;
}
.company .ttlbox .headline1.unl {
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
}
.company .ttlbox .btnst1 {
    position: absolute;
    left: 2rem;
    top: 0.4rem;
}
.company .ttlbox .btnst1 a {
    font-size: 0.12rem;
    text-decoration: underline;
    padding-right: 0.55rem;
    opacity: 0;
}
.company .ttlbox.isAnimate .btnst1 a {
    animation: fadeIn 0.7s ease 0.5s 1 forwards;
}
.company h4 {
    font-size: 0.2rem;
    font-weight: 400;
    line-height: 1.8;
}
.company .con {
    width: 50%;
}
.company .con dl {
    display: flex;
    margin-bottom: 0.1rem;
}
.company .con dl dt {
    width: 0.8rem;
    margin-right: 0.24rem;
}
.company .con dl dt span {
    display: inline-block;
    width: 100%;
    border: 0.01rem solid #867030;
    font-size: 0.14rem;
    line-height: 0.3rem;
    color: #867030;
    text-align: center;
    box-sizing: border-box;
}
.company .con dl dd {
    line-height: 1.8;
    margin-top: 0.04rem;
}
@media screen and (min-width:751px){
.company .ttlbox .btnst1 a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.company {
    padding: 0.5rem 0 0.4rem;
}
.company .ttlbox {
    position: relative;
}
.company .ttlbox .headline1.unl {
    font-size: 0.28rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0.4rem;
}
.company .ttlbox .btnst1 {
    left: 2.2rem;
}
.company h4 {
    font-size: 0.16rem;
}
.company .con {
    width: 100%;
    margin-top: 0.55rem;
}
.company .con dl dt span {
    line-height: 0.28rem;
}
.company .con dl dd {
    line-height: 1.6;
    font-size: 0.15rem;
}
}


/* scrollbox
------------------------------------------------- */
.scrollbox {
    width: 100%;
    height: 66.666666vw;
    position: relative;
}
.scrollbox .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    overflow: hidden;
}
.scrollbox .mask img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scrollbox .photo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
@media screen and (max-width:750px){
  .scrollbox {
    height: 120.8vw;
}
}


/* concept2
------------------------------------------------- */
.concept2 {
    background: linear-gradient(166.76deg, #3D5551 34.91%, #425C58 80.64%);
    padding: 1.5rem 0;
    color: #FBFBFB;
}
.concept2 .ttl {
    font-size: 0.2rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.1em;
    padding-bottom: 0.45rem;
}
.concept2 p {
    font-size: 0.16rem;
    font-weight: 500;
    padding-bottom: 0.3rem;
}
.concept2 p:last-child {
    padding-bottom: 0;
}
.concept2 .con1 {
    text-align: center;
    padding-bottom: 1.05rem;
}
.concept2 .con1 p span {
    display: inline-block;
    font-size: 0.12rem;
    line-height: 1.5;
    border: 0.01rem solid #FBFBFB;
    padding: 0.05rem 0.1rem;
}
.concept2 ul li {
    padding-top: 0.75rem;
}
.concept2 ul li .photo {
    width: 45vw;
    margin-left: calc(6rem - 50cqw);
}
.concept2 ul li .con {
    width: 50%;
}
.concept2 ul li:nth-child(2) {
    padding-top: 1.2rem;
}
.concept2 ul li:nth-child(2) .photo {
    width: 44.5833%;
    margin: 0 0.65rem 0 0;
}
.concept2 ul li:nth-child(2) .con {
    width: 35%;
}
@media screen and (max-width:750px){
.concept2 {
    padding: 0.65rem 0 0.3rem;
}
.concept2 .ttl {
    font-size: 0.16rem;
    padding-bottom: 0.25rem;
    text-align: center;
}
.concept2 p {
    line-height: 1.8;
    font-size: 0.14rem;
}
.concept2 .con1 {
    text-align: center;
    padding-bottom: 0.2rem;
}
.concept2 .con1 p span {
    padding: 0.15rem 0.1rem;
}
.concept2 ul li {
    padding-top: 0.6rem;
}
.concept2 ul li .photo {
    width: 95.733vw;
    margin-left: -4.267vw;
}
.concept2 ul li .con {
    width: 87.2vw;
    margin: 0.3rem 0 0 4.267vw;
}
.concept2 ul li:nth-child(2) {
    padding-top: 0.7rem;
}
.concept2 ul li:nth-child(2) .photo {
    width: 87.199vw;
    margin: 0 0 0 4.267vw;
}
.concept2 ul li:nth-child(2) .con {
    width: 87.2vw;
    margin-left: 0;
}
}

/* イベント非表示のとき（TOP）
------------------------------------------------- */
.relatedbox {
	padding: 0.5rem 0;
}
@media screen and (max-width:750px){
	.relatedbox {
	padding: 0.2rem 0;
}
}