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

body, html {
font-family: "neue-haas-grotesk-display", "hiragino-kaku-gothic-pron", sans-serif;
font-size: 13px;
line-height: 1.75;
font-feature-settings: "pkna" 1; 
 font-kerning: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-align: justify;
text-justify: inter-character;
margin: 0;
padding: 0;
height: 100%;
}

.main_title{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
pointer-events: none;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 37.5px 25px;
box-sizing: border-box;
z-index: 11;
}

/* 子要素でクリックを有効にする */
.main_title_logo, .main_title_lead {
pointer-events: auto;
}

.main_title_logo{
width: 100px;
/*top: 37.5px;*/
}

h2{
font-size: 13px;
font-weight: 400;
letter-spacing: .025em;
line-height: 1;
margin-bottom: -.375em;
}

.main_title_lead{
font-size: 12px;
font-weight: 400;
line-height: 1.5;
bottom: 0;
}

.model_name{
font-size: .6875rem;
line-height: 2.5;
letter-spacing: .025em;
}

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

.swiper-slide {
position: relative;
display: flex;
overflow: hidden;
box-sizing: border-box;
}

.swiper-slide.is-image {
justify-content: flex-end;
align-items: flex-end;
padding: 0;
}

.swiper-slide.is-image img {
width: auto;
height: auto;
max-width: 93.75%;
max-height: 93.75%;
object-fit: contain;
}

.swiper-slide.is-text {
justify-content: center;
align-items: center;
text-align: center;
}

.state_jp{
font-family: "a-otf-ryumin-pr6n", serif;
}

.swiper-slide.is-text .content-area {
width: 100%;
}

.content-area{
}

.lang-switch {
font-size: 11px;
gap: 10px;
margin-top: 25px;
pointer-events: auto; 
}

.lang-btn {
font-weight: 600;
cursor: pointer;
color: rgba(0, 0, 0, .125); 
transition: .5s;
}

.lang-btn.is-active {
font-weight: 600;
color: rgba(0, 0, 0, 1);
}

.lang-btn:hover {
color: rgba(0, 0, 0, 0.6);
}

[data-lang-content="en"] {
display: none;
}





/*TB*/
@media screen and (max-width: 1024px) {
body, html {
font-size: 1rem;
}

.main_title{
padding: 37.5px 37.5px 25px 37.5px;
}

.main_title_logo, .main_title_lead {
pointer-events: auto;
}

.main_title_logo{
width: 75px;
}
	
.main_title_cap{
width: 18.75vw;
}

h2{
font-size: 1rem;
font-weight: 400;
letter-spacing: .025em;
margin-bottom: -.375em;
}

.main_title_lead{
font-size: .875rem;
}

.model_name{
font-size: .6875rem;
line-height: 2.5;
letter-spacing: .025em;
}

.swiper-slide.is-image img {
max-width: 93.75%;
max-height: 93.75%;
}

.lang-switch {
font-size: .875rem;
}

.lang-btn:hover {
color: rgba(0, 0, 0, .5);
}	
}



/*SP*/
@media screen and (max-width: 767px) {
body, html {
font-size: .875rem;
line-height: 1.625;
height: 100vh;
height: 100dvh;
margin: 0;
}

.main_title{
height: 100dvh;
flex-direction: row;
padding: 25px 16.25px;
z-index: 11;
}

.main_title_logo{
width: 68.75px;
}

h2{
/*font-family: "ivyora-display", serif;*/
/*font-family: "Baskervville", serif;*/
font-size: .875rem;
font-weight: 500;
line-height: 1;
letter-spacing: .025em;
margin-bottom: -.625em;;
}

.main_title_lead{
/*font-family: "ivyora-display", serif;*/
/*font-family: "Baskervville", serif;*/
font-size: .6875rem;
font-weight: 500;
text-align: right;
line-height: 1.375;
letter-spacing: .0125em;
width: 68.75vw;
bottom: 0;
}
	
.main_title_cap{
width: 100%;
}
	
.model_name{
font-size: .6125rem;
line-height: 2.25;
}

.swiper {
width: 100%;
height: 100vh;
height: 100dvh;
margin-left: auto; 
margin-right: 0;
margin-top: 1.125vh;
padding: 0;
}
	
.swiper-wrapper {
padding: 0;
margin: 0;
}

.swiper-slide {
position: relative;
display: flex;
overflow: hidden;
box-sizing: border-box;
justify-content: flex-end; 
padding: 0;
}

.swiper-slide.is-image {
display: flex !important;
justify-content: flex-end !important;
align-items: center; 
width: 100% !important;
height: 100vh !important;
height: 100dvh !important;
padding: 0;
}

.swiper-slide.is-image img {
display: block;
width: 87.5dvh;
height: 87.5vw;
max-width: none;
max-height: none;
object-fit: contain;
transform-origin: center center;  
transform: rotate(90deg) translateY(-10%) translateX(31.25px);
margin: 0;
position: relative;
/*top: -10%;*/
right: -13.75%;
}

.swiper-slide.is-text {
font-size: .75rem;
justify-content: center;
align-items: center;
text-align: center;
}

.swiper-slide.is-text .content-area {
width: 100%;
margin-top: 50px;
}

.content-area{
}

.lang-switch {
font-size: .875rem;
letter-spacing: .025em;
gap: 25px;
margin-top: 37.5px;
}
}





/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
display: block !important;
}
.sp {
display: none !important;
}
.tb{
display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc {
display: none !important;
}
.sp {
display: none !important;
}
.tb{
display: block !important;
}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 428px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
}
.tb{
display: none !important;
}
}