@media only screen and (max-width : 1000px) {
.front-concept-cont {
width:fit-content;
padding: 0 0 0 60px;
}
.front-concept-cont-ttl {
font-size: 34px;
left: 50px;
top: 0;
letter-spacing: 0.15em;
transform: rotate(90deg);
transform-origin: 0 0;
padding: 0 0 0 16px;
}
.front-concept-cont p {
font-size: 18px;
line-height: 2.5;
letter-spacing: 0.11em;
margin: 0 0 18px;
}
.en .front-concept-cont {
width:fit-content;
}
.en .front-concept-cont p {
font-size:22px;
margin: 0 0 18px;
}

}

@media only screen and (max-width : 768px) {
body {
font-size: 14px;
line-height: 1.6;
}
.sp-only{
display: inline;
}
.pc-only{
display: none;
}

header {
position: fixed;
width: 100%;
height: 58px;
background: #940000;
top: 0;
left: 0;
z-index: 100;
}
.wide-inner {
padding: 0 4%;
}
.header-main-logo {
width: 190px;
height: 58px;
align-items: center;
padding: 4px 0 0;
}
main {
padding: 58px 0 0;
}
.lang-select {
position: absolute;
top: 18px;
right: 4%;
}
.lang-current {
font-size: 14px;
line-height: 24px;
padding: 0 24px 0 0;
}
.lang-select-pulldown {
width: 120px;
display: inline-block;
border: 1px solid #be914b;
}
.lang-others a {
font-size: 14px;
color: #fff;
line-height: 30px;
padding: 0 24px 0 0;
}
.lang-current .i_box {
width: 24px;
height: 24px;
}
.lang-current .i_box::after {
width: 24px;
height: 24px;
background: url(../images/lang-select-arrow.svg) center center no-repeat;
background-size: 16px 8px;
}
.lang-select p {
font-family: "Cinzel", serif;
font-weight: 400;
font-size: 14px;
line-height: 24px;
padding: 3px 6px 0 0;
}
.front-news {
background: #eaeae0;
padding: 54px 4% 54px;
}
.front-news-ttl {
width: 54%;
font-size: 5.2vw;
letter-spacing: 0.15em;
margin: 0 auto 30px;
padding: 0 0 0 0.2em;
}
.front-news-cont {
font-size: 3.4vw;
font-family: "Cinzel", serif;
font-weight: 500;
text-align: center;
padding: 24px 0 20px;
letter-spacing: 0.1em;
}
.front-contents {
text-align: center;
background: #eaeae0;
padding: 60px 4%;
}
.front-contents .cs-ttl {
display: inline-block;
font-size: 4.8vw;
letter-spacing: 0.15em;
line-height: 1.1;
margin: 0 0 20px;
border-bottom: 1px solid #be914b;
}
.front-contents .cs-cont {
font-size: 3.2vw;
font-weight: 300;
}
.copy-r {
font-size: 12px;
letter-spacing: 0.1em;
}
.footer-logo {
width: 180px;
margin: 0 auto 20px;
}
.en .front-concept-cont {
width: 100%;
}
.front-concept {
padding: 40px 7%;
background: url(../images/front-concept-bg.jpg) left 52% bottom no-repeat;
background-size: cover;
}
.front-concept-cont {
width: 100%;
padding: 0 0 0;
}
.front-concept-cont-ttl {
position: relative;
left: 0;
font-size: 5.2vw;
width: 100%;
text-align: center;
margin: 0 0 24px;
padding: 0;
transform: rotate(0);
transform-origin: 0 0; 
}
.en .front-concept-cont-ttl {
left: 0;
top: 0;
}
.front-concept-cont-ttl img{
position: relative;
top: -80px;
height: 32vw;
transform:rotate(-90deg); 
}
.front-concept-cont p {
font-size: 3.4vw;
line-height: 2.2;
letter-spacing: 0.08em;
margin: 0 0 26px;
}
.en .front-concept-cont p {
line-height: 1.8;
font-size: 4vw;
}
.front-news-box-line::before,
.front-news-box-line::after{
width: 7px;
height: 7px;
top: -3px;
}



.add-mgb140{margin-bottom: 60px;}
.add-mgb120{margin-bottom: 50px;}
.add-mgb100{margin-bottom: 50px;}
.add-mgb80{margin-bottom: 44px;}
.add-mgb60{margin-bottom: 32px;}
.add-mgb50{margin-bottom: 22px;}
.add-mgb40{margin-bottom: 18px;}
.add-mgb30{margin-bottom: 14px;}
.add-mgb20{margin-bottom: 8px;}
.add-mgauto{margin-left: auto;margin-right: auto;}
}

@media only screen and (max-width : 500px) {
.header-main-logo {
width: 134px;
padding: 6px 0 0;
}
.lang-select p {
font-size: 10px;
line-height: 24px;
padding: 3px 2px 0 0;
}
.lang-current {
font-size: 12px;
line-height: 24px;
padding: 0 24px 0 0;
}
.lang-others a {
font-size: 12px;
color: #fff;
line-height: 30px;
padding: 0 0 0;
}
.lang-select {
width: 50%;
text-align: right;
}
.lang-select-pulldown {
width: 48%;
display: inline-block;
border: 1px solid #be914b;
}
.front-main-v {
padding: 12px 0;
}
.front-main-v img {
width: 110%;
position: relative;
left: -5%;
}
.front-news-ttl {
width: 56%;
font-size: 5.7vw;
margin: 0 auto 20px;
}
.front-news {
padding: 40px 4% 50px;
}
.front-contents {
padding: 40px 4%;
}
.front-news-cont {
font-size: 3.8vw;
padding: 16px 0 14px;
letter-spacing: 0.1em;
}
.front-contents .cs-ttl {
font-size: 4.8vw;
}
.front-contents .cs-cont {
font-size: 4vw;
}
.en .front-contents .cs-cont {
font-size: 3.6vw;
}
.front-concept {
padding: 48px 4%;
}
.front-concept-cont-ttl {
font-size: 5.7vw;
margin: 0 0 16px;
}
.front-concept-cont p {
font-size: 3.6vw;
}
.zh-tw .front-concept-cont p,
.zh-cn .front-concept-cont p,
.ko .front-concept-cont p{
font-size: 3.9vw;
}
.en .front-concept-cont p {
font-size: 4.2vw;
}
.footer-logo {
width: 150px;
margin: 0 auto 20px;
}
footer {
padding: 50px 0 30px;
}
.front-news-box-line::before,
.front-news-box-line::after{
width: 5px;
height: 5px;
top: -2px;
}
}

@media only screen and (max-width : 350px) {
.lang-current {
font-size: 10px;
}
}