/**=== == == == == == == == == == == == == == == == == == == == ==
=> fonts
== == == == == == == == == == == == == == == == == == == == === * */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700;900&family=Roboto+Condensed:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;700&display=swap');
@font-face{ font-family: "A1明æœ","A1 Mincho",Ryumin-Pro,YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";;font-weight: 400;}
.ff-en{font-family: 'Roboto Condensed', sans-serif; font-weight: 300}
.ff-en1{font-family: 'EB Garamond', serif; font-weight: 400}
.currentPage{ font-family: "A1明æœ","A1 Mincho",Ryumin-Pro,YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
/**=== == == == == == == == == == == == == == == == == == == == ==
=> reset theme
== == == == == == == == == == == == == == == == == == == == === * */
::-webkit-scrollbar{ display: none;}
::selection{ color: #fff;background-color: #333333;}
*,::after,::before{ border: thin solid currentColor;border-width: 0;}
html{ font-size: 62.5%;overflow-x: hidden;scroll-behavior: smooth;overscroll-behavior-y: contain;-webkit-overflow-scrolling: touch;}
body{ font-family: "A1明æœ","A1 Mincho",Ryumin-Pro; position: relative;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-moz-text-size-adjust: 100%;color: #333;line-height: 1.6;word-spacing: 0;font-size: 1.6rem;font-weight: 400;}
a,button{cursor: pointer;}
a:hover,button:hover{ opacity: .7;}
@media screen and (max-width:768px){ .pc{ display: none!important; }}@media screen and (min-width:768px){ .sp{ display: none!important; }}
h1,h2,h3,h4,h5,h6{letter-spacing: 0.1em}
.contentMenu-specialList:after,
.contentMenu-pageList__item::after{ background-color: transparent;height: 0;overflow: hidden;border-top: 1px solid #d4d2cc;}
@media screen and (min-width: 768px){
.contentMenu-external::before { background-color: transparent;height: 0;overflow: hidden;border-top: 1px solid #d4d2cc;}
}
.contentMenu-specialList__item.is-off {pointer-events: none;opacity: .6;}
/* .contentMenu__bg{background-image: url(../imgs/bg-menu.png);background-repeat: no-repeat;background-size: cover;} */
.site-theme-black .contentMenu__bg{background: rgb(252,251,246);
background: linear-gradient(328deg, rgba(252,251,246,1) 0%, rgba(201,197,189,1) 100%);}
.photo__capIn {right: 12px;}
.site-theme-black .contentMenu-dropdown .statusIcon::before, .site-theme-black .contentMenu-dropdown .statusIcon::after,
.site-theme-black .contentMenu-pageList__item::before,
.site-theme-black .contentMenu-btn__link,
.site-theme-black .contentMenu-residenceList__link,
.site-theme-black .contentMenu-express__txt,
.site-theme-black .contentMenu-subNav__link,
.site-theme-black .contentMenu-dropdown__link,
.site-theme-black .contentMenu-dropdown__txt,
.site-theme-black .contentMenu-pageList__link {color: #5b5a5a;}
.site-theme-black .contentMenu-external .contentMenu-btn__link .svgIcon__path,
.site-theme-black .contentMenu-residenceList__link .svgIcon__path {stroke: #5b5a5a;}
.site-theme-black .header-menu .header-menu__line { background-color: white;}
.site-theme-black .header-menu.is-active .header-menu__line { background-color: #000000;}
.contentMenu-inner{max-width: 1200px;}
.contentMenu-pageList{justify-content: flex-start;}
.contentMenu-specialList li,
.contentMenu-pageList__item{ width: calc((100% / 3) - 20px);margin-right: 30px;}
.contentMenu-pageList__item a{width: 100%;}
.contentMenu-specialList li:nth-child(3n),
.contentMenu-pageList .contentMenu-pageList__item:nth-child(3n){margin-right: 0;}
.contentMenu-specialList, .contentMenu-pageList{ width: 100%;}
.contentMenu-pageList__item:nth-of-type(2n) .contentMenu-pageList__link{ margin: 0;}
.contentMenu-pageList__item::before,
.contentMenu-pageList__item:nth-of-type(2n+1)::before{ right: 0;}
.contentMenu-dropdown__txt{font-size: 11px;}
.contentMenu-dropdown__link{font-size: 16px;}
.contentMenu-dropdown__link span{font-size: 70%; display: block;}
.contentMenu-subNav__link{font-size: 13px;}
.contentMenu-external{margin-top: 0;padding-top: 60px;justify-content: flex-start;}
.contentMenu-external .contentMenu-btn{width: calc((100% / 3) - 20px);margin-right: 30px;}
.contentMenu-external .contentMenu-btn__link{max-width: 342px;width: 100%;height: 73px;}
.site-theme-black .contentMenu-specialList::after ,
.site-theme-black .contentMenu-pageList__item.is-active .contentMenu-pageList__link{ background-color: transparent;border-top: none;}
.contentMenu-pageList__item.is-active::after{ border-top: 1px solid #5b5a5a;}
.contentMenu-specialList{ justify-content: flex-start;padding: /*75px*/60px 0 30px 0;}
.contentMenu-specialList__item{ border: 1px solid #d4d2cc;padding: 8px 15px;}
.site-theme-black .contentMenu-specialList__item:not(:last-of-type)::after{ background: 0 0;}
.contentMenu-subNav{ padding-left: 30px;}
#contMenu .mansionSymbol-gradient{background: none;}
.footer-subNav__link{font-size: 1.3rem;}
.mansionSymbol-bukkenLogo__bk{ width: 27rem;}
.contentMenu-pageList__item.is-active .contentMenu-pageList__link{pointer-events: none;}
.contentMenu-pageList__link img{ -webkit-filter: grayscale(1);filter: grayscale(1);transition: all cubic-bezier(0.075, 0.82, 0.165, 1) ease-in-out;}
.site-theme-black .contentMenu-pageList__item:hover .contentMenu-pageList__link{ background-color: transparent;}
.contentMenu-pageList__item.is-active img,.contentMenu-pageList__link:hover img{ -webkit-filter: grayscale(0);filter: grayscale(0);}
@media screen and (max-width:1060px) {
.contentMenu-specialList li,
.contentMenu-pageList__item{ width: calc(50% - 30px);margin-right: 30px;}
.contentMenu-pageList .contentMenu-pageList__item:nth-child(3n){margin-right: 30px;}
.contentMenu-pageList .contentMenu-pageList__item:nth-child(2n){margin-right: 0;}
.contentMenu-external .contentMenu-btn{width: calc(60% - 30px);}
.contentMenu-residenceList__item { width: 100%;}
.contentMenu-residenceList {margin-top:0;}
}
@media screen and (max-width: 768px) {
.mansionSymbol-bukkenLogo__bk{ width: 26.6rem;}
.contentMenu-specialList li{ width: 100%;margin-right: 0;}
.contentMenu-pageList__item{ width: 48%;margin-right: 4%;}
.contentMenu-pageList .contentMenu-pageList__item:nth-child(3n){ margin-right: 4%;}
.contentMenu-pageList .contentMenu-pageList__item:nth-child(2n){ margin-right: 0;}
.contentMenu-specialList{ padding: 30px 0 30px 0;}
.contentMenu-specialList-li2{ margin-top: 10px;}
.contentMenu-external{ padding-top: 0;}
.contentMenu-external .contentMenu-btn,.contentMenu-external .contentMenu-btn__link{ max-width: 100%;margin-right: 0;width: 100%;height: auto;}
.contentMenu-external .contentMenu-btn__link{height: 50px;margin-top: 27px;}
.contentMenu-residenceList{ margin-top: 0;display: block;margin-top: 27px;}
.contentMenu-subNav{ padding-left: 0;width: 100%;}
.contentMenu-subNav a{display: block;width: 100%;}
.site-theme-black .cvBnr__button{ background-color: #bbcbd3;}
.site-theme-black .cvBnr .cvBnr-title__txt{ color: #5a5a5b;}
.contentMenu-dropdown__link{ font-size: 14px;}
}
@media screen and (max-width: 500px) {
.contentMenu-entry > .button{width: 100%;}
}
.contentMenu-pageList__item img{width: 80px;}
@media screen and (max-width:630px){ .contentMenu-pageList__item .m-tit4{ font-size: 3.9vw;letter-spacing: 0;padding-right: 10px; }}@media screen and (max-width:550px){ .contentMenu-pageList__item img{ width: 50px; }
.contentMenu-pageList__item .fs-14{ font-size: 2.2vw; }}@media screen and (max-width:500px){ .mansionSymbol-bukkenLogo__bk{ width: 44vw; }
.contentMenu{ padding: 92.5px 4vw 150px; }}@media screen and (min-width:768px){ .contentMenu-language .contentMenu-btn__link{ font-size: 12px;letter-spacing: .06em;line-height: 1.5; }
.contentMenu-language .contentMenu-btn__link:before{ content: '';margin-top: calc((1 - 1.5) * .5em); }
.contentMenu-language .contentMenu-btn__link:after{ margin-bottom: calc((1 - 1.5) * .5em); }
.contentMenu-language .contentMenu-btn__link:after, .contentMenu-language .contentMenu-btn__link:before{ content: '';display: block;height: 0;width: 0; }}@media screen and (max-width:768px){ .contentMenu-language .contentMenu-btn__link{ font-size: 12px;line-height: 1.25; }
.contentMenu-language .contentMenu-btn__link:before{ content: '';margin-top: calc((1 - 1.25) * .5em); }
.contentMenu-language .contentMenu-btn__link:after{ margin-bottom: calc((1 - 1.25) * .5em); }
.contentMenu-language .contentMenu-btn__link:after, .contentMenu-language .contentMenu-btn__link:before{ content: '';display: block;height: 0;width: 0; }}.contentMenu-language .contentMenu-btn__link .svgIcon{ position: absolute;top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
@media screen and (min-width:768px){ .contentMenu-language .contentMenu-btn__link .svgIcon{ left: 28px; }}@media screen and (max-width:768px){ .contentMenu-language .contentMenu-btn__link .svgIcon{ left: 12px; }}.contentMenu-language .contentMenu-btn__link .svgIcon__path{ fill: none;fill-rule: evenodd;stroke: #666;stroke-width: 1px;}
@media screen and (min-width:768px){ .contentMenu-language .contentMenu-btn__link .svgIcon--external{ width: 16px; }}
@media screen and (max-width:768px){ .contentMenu-language .contentMenu-btn__link .svgIcon--external{ width: 12px; }}.contentMenu-language{ -webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;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;}
@media screen and (min-width:768px){ .contentMenu-language{ width: 340px; padding-bottom: 20px;}}@media screen and (max-width:768px){ .contentMenu-language{ margin-top: 27.5px; }}.contentMenu-language__item{ width: 33.33%;height: 30px;white-space: nowrap;border: 1px solid #bbbbbb;background-color: transparent;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;}
.contentMenu-language__item:not(:first-child){ border-left: none;}
.contentMenu-language__link{ color: #fff;display: block;position: relative;}
@media screen and (min-width:768px){ .contentMenu-language__link{ font-size: 12px;letter-spacing: 0;padding-left: 30px;-webkit-transition: .3s;transition: .3s;line-height: 1.5; }
.contentMenu-language__link:before{ content: '';margin-top: calc((1 - 1.5) * .5em); }
.contentMenu-language__link:after{ margin-bottom: calc((1 - 1.5) * .5em); }
.contentMenu-language__link:after, .contentMenu-language__link:before{ content: '';display: block;height: 0;width: 0; }
.contentMenu-language__link:hover{ opacity: .7; }}@media screen and (max-width:768px){ .contentMenu-language__link{ font-size: 10px;padding-left: 22.5px;line-height: 1.4; }
.contentMenu-language__link:before{ content: '';margin-top: calc((1 - 1.4) * .5em); }
.contentMenu-language__link:after{ margin-bottom: calc((1 - 1.4) * .5em); }
.contentMenu-language__link:after, .contentMenu-language__link:before{ content: '';display: block;height: 0;width: 0; }}.contentMenu-language__link .svgIcon{ left: 0;position: absolute;top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);z-index: 1;}
.contentMenu-language__link .svgIcon__path{ fill: none;fill-rule: evenodd;stroke: #fff;stroke-width: 1px;}
@media screen and (min-width:768px){ .contentMenu-language__link .svgIcon--external{ width: 18px; }}@media screen and (max-width:768px){ .contentMenu-language__link .svgIcon--external{ width: 12px; }}.contentMenu-language__link{ color: #5b5a5a;}
.contentMenu-language__link .svgIcon__path{ stroke: #5b5a5a;}
.subNav-btn__link{ -webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #fff;background-color: #777;display: -webkit-box;display: -ms-flexbox;display: flex;width: 295px;height: 40px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;margin: 50px auto 0;-webkit-transition: .3s;transition: .3s;}
@media screen and (min-width:768px){ .subNav-btn__link{ font-size: 12px;letter-spacing: .04em;line-height: 1.5; }
.subNav-btn__link:before{ content: '';margin-top: calc((1 - 1.5) * .5em); }
.subNav-btn__link:after{ margin-bottom: calc((1 - 1.5) * .5em); }
.subNav-btn__link:after, .subNav-btn__link:before{ content: '';display: block;height: 0;width: 0; }}@media screen and (max-width:768px){ .subNav-btn__link{ font-size: 12px;margin: 40px auto 0;line-height: 1.25; }
.subNav-btn__link:before{ content: '';margin-top: calc((1 - 1.25) * .5em); }
.subNav-btn__link:after{ margin-bottom: calc((1 - 1.25) * .5em); }
.subNav-btn__link:after, .subNav-btn__link:before{ content: '';display: block;height: 0;width: 0; }}.subNav-btn__link:hover{ opacity: .7;}
.subNav-btn__link .svgIcon{ position: absolute;top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
@media screen and (min-width:768px){ .subNav-btn__link .svgIcon{ left: 28px; }
.subNav-btn__link .svgIcon:hover{ opacity: .7; }}@media screen and (max-width:768px){ .subNav-btn__link .svgIcon{ left: 12px; }}.subNav-btn__link .svgIcon__path{ fill: none;fill-rule: evenodd;stroke: #666;stroke-width: 1px;}
@media screen and (min-width:768px){ .subNav-btn__link .svgIcon--external{ width: 16px; }}@media screen and (max-width:768px){ .subNav-btn__link .svgIcon--external{ width: 12px; }}.subNav-btn__link .svgIcon__path{ stroke: #fff;}
.subNav-btn__link__link{ color: #fff;}
/*== == == == ==>footer<== == == == == */
.bottomCV-btn:hover .bottomCV-btn__link {
background-color: black;
color: white;
border-color: white;
font-weight: bold;
}
.contentArea-module1 .row .col{ margin:0 1% 10px;width: 23%;}
.contentArea-module1 .row .card{ overflow: hidden;}
.contentArea-module1 .row .card img{ width: 100%;transition: transform 0.8s ease-in-out;-webkit-filter: grayscale(1);filter: grayscale(1);}
.contentArea-module1 .row .card:hover img{ transform: scale(1.1);-webkit-filter: grayscale(0);filter: grayscale(0);}
.contentArea-module1 .row .card:hover{opacity: 1;}
/*.contentArea-module1 .row .col:nth-child(4n){ margin-right: 0;}*/
.contentArea-module1 .row .card-content{ background: rgba(255,255,255,.9);max-width: 390px;width: 68%;max-height: 80px;height: 94%;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center; line-height: 1.4;}
.contentArea-module1 .row .card-content::before{ color: #636262;content: '＞';line-height: 1;position: absolute;top: 50%;-webkit-transform: scale(.6,1) translate(0,-50%);transform: scale(.6,1) translate(0,-50%);-webkit-transition: .3s;transition: .3s;z-index: 1;right: 30px;}
.contentArea-module1 .row .m-tit4{font-size: 2.3rem;}
.pageDirection{ background-color: #000;}
.footer-contact{ background-color: #595757;}
.footer-contact__title{ font-size: 13px;color: #fff;}
.pageDirection__inner{ max-width: calc(100% - 60px);padding: 29.5px 0;margin: 0 auto;}
.pageDirection__inner::before{ display: none!important;}
.pageDirection__link{ font-size: 14px;}
.pageDirection__link::before{ display: none;}
.pageDirection__link--previous::after{ color: #fff;content: '<';line-height: 1;position: absolute;top: 50%;-webkit-transform: scale(.6,1) translate(0,-50%);transform: scale(.6,1) translate(0,-50%);-webkit-transition: .3s;transition: .3s;left: 0;z-index: 1;}
.pageDirection__link--next::after{ color: #fff;content: '>';line-height: 1;position: absolute;top: 50%;-webkit-transform: scale(.6,1) translate(0,-50%);transform: scale(.6,1) translate(0,-50%);-webkit-transition: .3s;transition: .3s;z-index: 1;right: 0;}
.bottomCV-btn__link{ background: #000;border-color: #000;}
.caption a,
.capIn,.capOut,.caption{ color: #5b5a5a;font-size: 11px;line-height: 1.4;}
.bottomArea{ padding: 30px 0;}
.bottomArea .caption + .bottomCV-btn{ margin-top: 76px;}
.bottomArea__inner{ max-width: 1240px;padding: 0 20px;}
.footer-contact__schedule,.footer-landline__txt{ color: #fff;}
@media screen and (max-width: 768px) {
.bottomArea{ padding: 50px 0;}
.bottomArea .caption + .bottomCV-btn{ margin-top: 46px;}
.pageDirection__link{ font-size: 20px;}
.pageDirection__inner{ max-width: calc(100% - 40px); }
.footer-contact__title .footer-contact__message:nth-child(1){display: block;}
/* .footer-contact .site-heading{ font-size: 17px;} */
.footer-landline__tel,
.footer-contact__tel{font-size: 20px;}
/* .footer-recommend__title,
.footer-contact__schedule,
.footer-subNav__link,
.footer-landline__txt{font-size: 16px;} */
.footer-landline__txt{ font-size: 10px;}
.footer-contact__tel img{ width: 14px;margin-right: 8px;}
.contentArea-module1 .row .col{ width: 100%;margin-right: 0;margin-bottom: 20px;}
.contentArea-module1 .row .card-content{ max-width: 180px;}
.footer-subNav{width: 100%;display: flex;flex-direction: column;align-items: flex-start;}
.footer-subNav .footer-subNav__link{display: inline-block;width: 310px;}
.contentArea-module1 .row .card-content{height: 54px;}
.contentArea-module1 .row .card-content::before{display: none;}
.contentArea-module1 .row .m-tit4{font-size: 18px;letter-spacing: 0;}
}
.footer-landline__txt.red{color: red;}
@media screen and (max-width: 550px) {
.pageDirection__link{ font-size: 4vw;}
.footer-contact{ padding: 60px 4vw 65px;}
.footer-recommend{ padding: 45px 4vw 30px;}
.pageDirection__inner{ max-width: calc(100% - 4vw);}
}
/**=== == == == == == == == == == == == == == == == == == == == ==
=> layout
== == == == == == == == == == == == == == == == == == == == === * */
.pinch-out{margin: 15px auto;max-width: 180px}
.contTit{margin-bottom: 30px;}
.absolute{position: absolute;}
.relative{position: relative;}
.pointer-events-none{ pointer-events: none;}
.pointer-events-auto{ pointer-events: auto;}
.block{ display: block;}
.inline-block{ display: inline-block;}
.inline{ display: inline;}
.flex{ display: -webkit-box; display: -ms-flexbox; display: flex; position: relative;}
.flex-center{ display: flex;align-items: center;justify-content: center;}
.inline-flex{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;}
.none{display: none;}
.flex-col{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.flex-wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex-nowrap{ -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.items-start{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.items-end{ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.items-center{ -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.items-baseline{ -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;}
.items-stretch{ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.justify-start{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.justify-end{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.justify-center{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.justify-between{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.justify-around{ -ms-flex-pack: distribute; justify-content: space-around;}
.w-full{ width: 100%;}
.w-50{ width: 50%;}
.h-full{ height: 100%;}
.div{border-top: 1px solid #afabab; width: 100%;}
.div-h{border-left: 1px solid #b4b4b4; height: 80px;width: 0;margin: 0 auto;}
.div-white{border-top: 1px solid #ffffff; width: 100%;}
.div-black{border-top: 1px solid #000; width: 100%;}
.order-1{order: 1;}
.order-2{order: 2;}
/*== == == == ==>row<== == == == == */
.row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.col-auto{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; }
@media screen and (max-width: 768px) {
.w-sp-full{ width: 100%!important;}
.order-sp-1{order: 1;}
.order-sp-2{order: 2;}
.order-sp-3{order: 3;}
.order-sp-4{order: 4;}
.order-sp-5{order: 5;}
.order-sp-6{order: 6;}
.order-sp-7{order: 7;}
.order-sp-8{order: 8;}
.order-sp-9{order: 9;}
.order-sp-10{order: 10;}
}
/*== == == == ==>container<== == == == == */
.content{ margin: 0 auto;max-width: 1280px;padding: 0;width: calc(100% - 40px);}
.content-1200-full{ max-width: 1200px;width: calc(100% - 40px);margin: 0 auto;}
.content-1400{ margin: 0 auto;max-width: 1480px;padding: 0;width: calc(100% - 40px);}
.content-1300{ margin: 0 auto;max-width: 1380px;padding: 0;width: calc(100% - 40px);}
.content-1300-full{ max-width: 1300px;padding: 0;width: 100%;}
.content-1100{margin: 0 auto;max-width: 1100px;padding: 0;width: calc(100% - 40px);}
.content-full{ margin: 0 auto;padding: 0;width: calc(100% - 40px);}
@media screen and (max-width: 550px) {
.content{ width: calc(100% - 8vw);}
.content-1400{ width: calc(100% - 8vw);}
.content-1300{ width: calc(100% - 8vw);}
.content-1100{ width: calc(100% - 8vw);}
.content-full{ width: calc(100% - 8vw);}
}
/*== == == == ==>text<== == == == == */
.txtCm{font-size: 16px; line-height: 1.5;}
.font-normal{ font-weight: 400;}
.font-medium{font-weight: 500;}
.font-semiBold{ font-weight: 600;}
.font-bold{ font-weight: 700;}
.font-black{ font-weight: 900;}
.underline{ text-decoration: underline;}
.uppercase{ text-transform: uppercase;}
.lowercase{ text-transform: lowercase;}
.capitalize{ text-transform: capitalize;}
.italic{ font-style: italic;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-justify{ text-align: justify; text-justify: distribute;}
.fs-10{font-size: 1rem;}
.fs-11{font-size: 1.1rem;}
.fs-12{font-size: 1.2rem;}
.fs-13{font-size: 1.3rem;}
.fs-14{font-size: 1.4rem;}
.fs-15{font-size: 1.5rem;}
.fs-16{font-size: 1.6rem;}
.fs-17{font-size: 1.7rem;}
.fs-18{font-size: 1.8rem;}
.fs-19{font-size: 1.9rem;}
.fs-20{font-size: 2rem;}
.fs-21{font-size: 2.1rem;}
.fs-22{font-size: 2.2rem;}
.fs-23{font-size: 2.3rem;}
.fs-24{font-size: 2.4rem;}
.fs-25{font-size: 2.5rem;}
.fs-26{font-size: 2.6rem;}
.fs-27{font-size: 2.7rem;}
.fs-28{font-size: 2.8rem;}
.fs-29{font-size: 2.9rem;}
.fs-30{font-size: 3rem;}
/* .fs-30.text2{font-size: 3rem; letter-spacing: 0.2em} */
.fs-31{font-size: 3.1rem;}
.fs-32{font-size: 3.2rem;}
.fs-33{font-size: 3.3rem;}
.fs-34{font-size: 3.4rem;}
.fs-35{font-size: 3.5rem;}
.fs-36{font-size: 3.6rem;}
.fs-37{font-size: 3.7rem;}
.fs-38{font-size: 3.8rem;}
.fs-39{font-size: 3.9rem;}
.fs-40{font-size: 4rem;}
/* .fs-40.text1{font-size: 2.5rem; }
.fs-40.text2{font-size: 2.5rem; } */
.fs-41{font-size: 4.1rem;}
.fs-42{font-size: 4.2rem;}
.fs-43{font-size: 4.3rem;}
.fs-44{font-size: 4.4rem;}
.fs-45{font-size: 4.5rem;}
.fs-46{font-size: 4.6rem;}
.m-tit1{font-size: 6rem;line-height: 1;}
.m-tit3{font-size: 2.5rem; letter-spacing: 0.25em}
.m-tit4{font-size: 2.6rem; }
.m-tit5{font-size: 2.4rem; }
.color-gray{ color: #54423e;}
.color-gray1{ color: #5b5a5a;}
.color-gray2{ color: #4c4a4a;}
.color-black1{color:#595757;}
.color-black2{color:#231915;}
.color-black3{color : #58595B;}
.color-black4{ color: #221714;}
.color-white{color:#fff;}
.bg-gray{ background-color: #717071;}
.lh-2-3{line-height: 2.3;}
.lh-2-2{line-height: 2.2;}
.lh-2{line-height: 2;}
.lh-1-5{line-height: 1.5;}
.lh-1-2{line-height: 1.2;}
.lh-1-3{line-height: 1.3;}
.lh-1{line-height: 1;}
.txtFlip{ transform: rotateY(180deg);}
.letter-spacing-4{ letter-spacing: 0.4em!important;}
.letter-spacing-3{ letter-spacing: 0.3em!important;}
.letter-spacing-2{ letter-spacing: 0.2em!important;}
.letter-spacing-1{ letter-spacing: 0.1em!important;}
.z-index-1{ z-index: 1;}
.sx{display: none!important;}
@media (max-width: 768px){
.letter-spacing-sp-0{ letter-spacing: 0!important;}
.m-tit1{font-size: 4rem;}
.m-tit4{font-size: 2.2rem;}
.fs-40{font-size: 3rem;}
.fs-30{font-size: 2.2rem;}
.fs-22{font-size: 2rem;}
.fs-16{font-size: 1.5rem;}
.fs-36{font-size: 3.2rem;}
.fs-45{font-size: 4rem;}
.fs-18{font-size: 1.7rem;}
.fs-19{font-size: 1.8rem;}
.fs-20{font-size: 1.9rem;}
.fs-21{font-size: 2rem;}
.fs-32{font-size: 3rem;}
.fs-23{font-size: 2.2rem;}
.fs-24{font-size: 2.3rem;}
.fs-25{font-size: 2.4rem;}
.fs-26{font-size: 2.4rem;}
.capIn,.capOut,.caption{ font-size: 9px;}
}
@media screen and (max-width: 550px) {
.sx{display: block!important;}
.m-tit1{ font-size: 8vw;}
.m-tit4{ font-size: 4.4vw;}
.caption{ font-size: 2.2vw;}
.fs-10{ font-size: 2.2vw;}
.fs-11{ font-size: 2.5vw;}
.fs-12{ font-size: 2.6vw;}
.fs-12_sp{ font-size: 2.6vw;}
.fs-13{ font-size: 2.8vw;}
.fs-14{ font-size: 2.8vw;}
.fs-15{ font-size: 2.8vw;}
.fs-16{ font-size: 3.2vw;}
.fs-17{ font-size: 3.4vw;}
.fs-18{ font-size: 3.6vw;}
.fs-19{ font-size: 3.6vw;}
.fs-20{ font-size: 3.9vw;}
.fs-21{ font-size: 4vw;}
.fs-22{ font-size: 4.1vw;}
.fs-23{ font-size: 4.2vw;}
.fs-24{ font-size: 4.4vw;}
.fs-25{ font-size: 4.6vw;}
.fs-26{ font-size: 4.8vw;}
.fs-27{ font-size: 4.9vw;}
.fs-28{ font-size: 5vw;}
.fs-30{ font-size: 5vw;}
.fs-32{ font-size: 5.3vw;}
.fs-34{ font-size: 5.5vw;}
.fs-36{ font-size: 5.4vw;}
.fs-37{ font-size: 5.5vw;}
.fs-40{ font-size: 5.6vw;}
.fs-45{ font-size: 6vw;}
}
.text-shadow-black{
text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px;
}
/*== == == == ==>margin<== == == == == */
.ml-20{ margin-left: 20px;}
.mt-2{ margin-top: 0.2rem;}
.mt-3{ margin-top: 0.3rem;}
.mt-4{ margin-top: 0.4rem;}
.mt-5{ margin-top: 0.5rem;}
.mt-6{ margin-top: 0.6rem;}
.mt-7{ margin-top: 0.7rem;}
.mt-8{ margin-top: 0.8rem;}
.mt-9{ margin-top: 0.9rem;}
.mt-10{ margin-top: 1rem;}
.mt-11{ margin-top: 1.1rem;}
.mt-12{ margin-top: 1.2rem;}
.mt-13{ margin-top: 1.3rem;}
.mt-14{ margin-top: 1.4rem;}
.mt-15{ margin-top: 1.5rem;}
.mt-16{ margin-top: 1.6rem;}
.mt-17{ margin-top: 1.7rem;}
.mt-18{ margin-top: 1.8rem;}
.mt-19{ margin-top: 1.9rem;}
.mt-20{ margin-top: 2rem;}
.mt-21{ margin-top: 2.1rem;}
.mt-22{ margin-top: 2.2rem;}
.mt-23{ margin-top: 2.3rem;}
.mt-24{ margin-top: 2.4rem;}
.mt-25{ margin-top: 2.5rem;}
.mt-26{ margin-top: 2.6rem;}
.mt-27{ margin-top: 2.7rem;}
.mt-28{ margin-top: 2.8rem;}
.mt-29{ margin-top: 2.9rem;}
.mt-30{ margin-top: 3rem;}
@media screen and (max-width: 768px) {
.mt-sp-25{ margin-top: 2.5rem;}
.mt-sp-30{ margin-top: 3rem;}
.text-center-sp{text-align: center!important;}
.text-left-sp{text-align: left!important;}
.fs-16.mt-18{margin-top: 1rem;}
}
/*== == == == ==>padding<== == == == == */
.pb-70{ padding-bottom: 7rem;}
@media screen and (max-width: 768px) {
.ml-20{ margin-left: 10px;}
}
/*== == == == ==>center<== == == == == */
.ab-center{ position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);}
.ab-center-x{ position: absolute;left: 50%;transform: translateX(-50%);}
.ab-center-y{ position: absolute;top: 50%;transform: translateY(-50%);}
/*== == == == ==>main<== == == == == */
.main{background-color: white;}
/*== == == == ==>mv<== == == == == */
.mv-module2{ color: #fff;}
.mv-module2 .text2,
.mv-module2 .text1{letter-spacing: 0.3em;}
.mv-module2-content{max-width: 700px;width: 100%;padding:0 0 0 2rem}
@media screen and (max-width: 768px) {
.mv-module2-container{top: 13rem;}
.mv-module2-container .w-50{padding: 0 3rem 0 0;}
.mv-module2-content{padding: 0 0 0 6rem;}
.mv-module2-container .mt-10{margin-top: 0.4rem;}
}
/**=== == == == == == == == == == == == == == == == == == == == ==
=> section2 module1
== == == == == == == == == == == == == == == == == == == == === * */
.sect1-module1{ padding: 12rem 0 0 0;}
.sect1-module1 .text1{letter-spacing: 0.3em;padding: 0 0 1.6rem 0;}
.sect1-module1 .text2{ margin-top: 4.9rem;}
.sect1-module1 .text3{ margin-top: 3rem;}
.sect1-module1 .img1{ margin-top: 12rem;}
@media screen and (max-width: 768px) {
.sect1-module1{ padding: 4rem 0 0 0;}
.sect1-module1 .div-h{ height: 6rem;}
.sect1-module1 .text1{padding: 0 0 2.2rem 0;}
.sect1-module1 .text2{ margin-top: 2rem;}
.sect1-module1 .text3{ margin-top: 2rem;}
.sect1-module1 .img1{ margin-top: 4rem;}
}
/*sx<=567px,sm <= 767px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media screen and (max-width: 550px) {
.sect1-module1{ padding: 10vw 0 0 0;}
.div-h{ height: 10vw}
.sect1-module1 .text1{padding: 0 0 4.4vw 0;}
.sect1-module1 .text2{ margin-top: 8vw;}
.sect1-module1 .text3{ margin-top: 6.8vw;}
.sect1-module1 .img1{ margin-top: 10vw;}
}
#body-image-zoom{position: fixed; top: 0;left: 0;display: block;width: 66px;height: 66px;border-radius: 100%;z-index: 9999999999;mix-blend-mode: exclusion;will-change: transform,mix-blend-mode;pointer-events: none;}
#body-image-zoom::after{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;border-radius: 50%;-webkit-transform: scale(.2121212121);transform: scale(.2121212121);-webkit-transition: -webkit-transform 350ms cubic-bezier(.23,1,.32,1);transition: -webkit-transform 350ms cubic-bezier(.23,1,.32,1);transition: transform 350ms cubic-bezier(.23,1,.32,1);transition: transform 350ms cubic-bezier(.23,1,.32,1),-webkit-transform 350ms cubic-bezier(.23,1,.32,1);z-index: 9999999999;}
#body-image-zoom.hover::after{ -webkit-transform: scale(1);transform: scale(1);}
*{ cursor: none!important;}
/*sx<=567px,sm <= 767px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media screen and (max-width: 768px) {
*{ cursor: auto!important;}
#body-image-zoom{display: none;}
a,button:hover{ cursor: pointer!important;}
}
/*== == == == ==>animation<== == == == == */
/* animation */
.fade-in{opacity: 0; filter: blur(5px) brightness(105%); transition: opacity 1s ease, filter 1s ease;}
.fade-in.is-view{opacity: 1; filter: blur(0) brightness(100%);}
.fade-up{opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); filter: blur(5px) brightness(105%); transition: opacity 1s ease, transform 1s ease, filter 1s ease;}
.fade-up.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); filter: blur(0) brightness(100%);}
.fade-down{opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); filter: blur(5px) brightness(105%); transition: opacity 1s ease, transform 1s ease, filter 1s ease;}
.fade-down.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); filter: blur(0) brightness(100%);}
.fade-left{opacity: 0; transform: translateX(-40px); -webkit-transform: translateX(-40px); filter: blur(5px) brightness(105%); transition: opacity 2s ease-in-out, transform 2s ease-in-out, filter 8s ease;}
.fade-left.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); filter: blur(0) brightness(100%);}
.fade-right{opacity: 0; transform: translateX(40px); -webkit-transform: translateX(40px); filter: blur(5px) brightness(105%); transition: opacity 2s ease-in-out, transform 2s ease-in-out, filter 8s ease-in-out;}
.fade-right.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); filter: blur(0) brightness(100%);}
.zoom-in{opacity: 0; overflow: hidden; transform: scale(0.7,0.7); -webkit-transform: scale(0.7,0.7); transition: opacity 1s ease, transform 1s ease;}
.zoom-in.is-view{opacity: 1; transform: scale(1,1); -webkit-transform: scale(1,1);}
.zoom-out{opacity: 0; overflow: hidden; transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transition: opacity 1s ease, transform 1s ease;}
.zoom-out.is-view{opacity: 1; transform: scale(1,1); -webkit-transform: scale(1,1);}
.flip-in-left{opacity: 0; transform: scale(0.9,0.9) rotate(-3deg); -webkit-transform: scale(0.9,0.9) rotate(-3deg); transition: opacity 1s ease, transform 1s ease;}
.flip-in-left.is-view{opacity: 1; transform: scale(1,1) rotate(0deg); -webkit-transform: scale(1,1) rotate(0deg);}
.flip-in-right{opacity: 0; transform: scale(0.9,0.9) rotate(3deg); -webkit-transform: scale(0.9,0.9) rotate(3deg); transition: opacity 1s ease, transform 1s ease;}
.flip-in-right.is-view{opacity: 1; transform: scale(1,1) rotate(0deg); -webkit-transform: scale(1,1) rotate(0deg);}
.flip-out-left{opacity: 0; transform: scale(1.1,1.1) rotate(-3deg); -webkit-transform: scale(1.1,1.1) rotate(-3deg); transition: opacity 1s ease, transform 1s ease;}
.flip-out-left.is-view{opacity: 1; transform: scale(1,1) rotate(0deg); -webkit-transform: scale(1,1) rotate(0deg);}
.flip-out-right{opacity: 0; transform: scale(1.1,1.1) rotate(3deg); -webkit-transform: scale(1.1,1.1) rotate(3deg); transition: opacity 1s ease, transform 1s ease;}
.flip-out-right.is-view{opacity: 1; transform: scale(1,1) rotate(0deg); -webkit-transform: scale(1,1) rotate(0deg);}
.roll-up{position: relative; overflow: hidden;}
.roll-up:after{content: ''; display: block; width: 101%; height: 133.3333%; background: #f2f2f2; position: absolute; left: 0; top: 0; z-index: 2; background: linear-gradient(0deg,hsla(0,0%,100%,0),#f2f2f2 25%,#f2f2f2); transition: transform 1s ease;}
.roll-up.is-view:after{transform: translateY(-100%); -webkit-transform: translateY(-100%);}
.roll-down{position: relative; overflow: hidden;}
.roll-down:after{content: ''; display: block; width: 101%; height: 133.3333%; background: #f2f2f2; position: absolute; left: 0; bottom: 0; z-index: 2; background: linear-gradient(180deg,hsla(0,0%,100%,0),#f2f2f2 25%,#f2f2f2); transition: transform 1s ease;}
.roll-down.is-view:after{transform: translateY(100%); -webkit-transform: translateY(100%);}
.roll-left{position: relative; overflow: hidden;}
.roll-left figcaption,
.roll-left p{opacity: 0!important; transition: opacity 0.6s ease 0.6s;animation-delay: 0.6s;}
.roll-left img{opacity: 0; transition: opacity 0.6s ease 0.6s;animation-delay: 0.6s;}
/*.roll-left:after{content: ''; position: absolute; top: 0; bottom: 0; background: #f2f0e8; }*/
.roll-left:after{content: ''; position: absolute; top: 0; bottom: 0; background: #332F2F; }
.roll-left.is-view img{opacity: 1;}
.roll-left.is-view figcaption,
.roll-left.is-view p{opacity: 1!important;}
.roll-left.is-view:after{animation: rollLeft 1s ease;animation-delay: 0.5s;}
@keyframes rollLeft{
0%{left: 0; right: 100%;}
50%{left: 0; right: 0;}
100%{left: 100%; right: 0;}
}
.roll-left2{position: relative; overflow: hidden;}
/*.roll-left2:before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #f2f0e8; z-index: 1;*/
.roll-left2:before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #332F2F; z-index: 1;
-webkit-transform: translateX(0); transform: translateX(0); transition: transform .7s ease;animation-delay: 0.7s;}
.roll-left2:after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; z-index: 0;
-webkit-transform: translateX(0); transform: translateX(0); transition: transform .8s ease .05s;animation-delay: 0.7s;}
.roll-left2.is-view:before{transform: translateX(100%); -webkit-transform: translateX(100%);}
.roll-left2.is-view:after{transform: translateX(100%); -webkit-transform: translateX(100%);}
.footer-txt-red{font-size: 10px;color: red;margin-top: 5px;letter-spacing: 0.1em;}
.cvMenu-bnrGroup.floading_txt_red{color: red;font-size: 14px;text-align: center;letter-spacing: 0.1em;margin-top: 10px;}
/*sx<=567px,sm <= 767px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media screen and (max-width: 768px) {
.cvMenu-bnrGroup.floading_txt_red{font-size: 11px;}
}
/**=== == == == == == == == == == == == == == == == == == == == ==
=> new
== == == == == == == == == == == == == == == == == == == == === * */
.contentMenu-specialList__item.contentMenu-specialList-li2{
position: relative;
}
.contentMenu-specialList__item.contentMenu-specialList-li2::before{
/* content: 'NEW'; */
position: absolute;
top: 0;
left: 0;
background: red;
color: white;
width: 45px;
height: 15px;
line-height: 1;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
}
/*sx<=567px,sm <= 767px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media screen and (max-width: 768px) {
.contentMenu-specialList__item{
padding-top: 18px;
}
}