@charset "UTF-8";
/* CSS Document */
*, *:before, *:after{margin:0;padding:0;border: 0;vertical-align:baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: "Noto Sans JP", sans-serif;
font-size:15px;
font-weight:300;
line-height:1.8;
color:#333333;
letter-spacing:1px;
width:100%;
margin: 0 auto;
overflow-wrap: anywhere;
word-break: normal;
line-break: strict;
background: #eaeae0;
}
.sp-only{
display: none;
}
ol, ul {
list-style: none;
list-style-type: none;
}
a:focus, *:focus { outline:none; }
a{
text-decoration: none;
color:#333;
}
a.link-ul{
text-decoration: underline;
color: #0000ff;
}
a.op07:hover{
opacity:0.7;
 transition: .4s opacity;
}
a:hover{
opacity:0.7;
transition: .4s opacity;
}
a.link-text{
text-decoration:underline;
}
img{
vertical-align:bottom;
}
img.w100{
width: 100%;
}
.table{
display:table;
width:100%;
height:100%;
}
.cell{
display:table-cell;
vertical-align:middle;
}
.scroll-effect{}
.fade-in{
opacity:0;
transition:opacity 1s;
}
.fade-in.scrolled{
opacity:1;
transition:opacity 1s;
}
.fade-in01{
opacity:0;
transition:opacity 1s;
}
.fade-in01.scrolled{
opacity:1;
transition:opacity 1s;
}
.fade-in02{
opacity:0;
transition:opacity 1s 0.5s;
}
.fade-in02.scrolled{
opacity:1;
transition:opacity 1s 0.5s;
}
.fade-in03{
opacity:0;
transition:opacity 1s 1s;
}
.fade-in03.scrolled{
opacity:1;
transition:opacity 1s 1s;
}
.fade-in04{
opacity:0;
transition:opacity 1s 1.5s;
}
.fade-in04.scrolled{
opacity:1;
transition:opacity 1s 1.5s;
}
.fade-in05{
opacity:0;
transition:opacity 1s 2s;
}
.fade-in05.scrolled{
opacity:1;
transition:opacity 1s 2s;
}
.move-up{
position:relative;
top:0;
opacity:0;
transition:opacity 1s 0s,top 1s 0s;
}
.move-up.scrolled{
opacity:1;
transition:opacity 1s 0s,top 1s 0s;
animation-name: move-up;
animation-duration: 1s;
animation-fill-mode: both;
}
@keyframes move-up{
0%{top: 0;}
1%{top: 120px;}
100%{top: 0;}
}
.move-to-right{
position:relative;
left:-180px;
opacity:0;
transition:opacity 1000ms,left 1000ms;
}
.move-to-right.scrolled{
left:0;
opacity:1;
transition:opacity 1000ms,left 1000ms;
}
.move-to-right02{
position:relative;
left:-180px;
opacity:0;
transition:opacity 1000ms,left 1000ms;
}
.move-to-right02.scrolled{
left:0;
opacity:1;
transition:opacity 1000ms,left 1000ms;
}
.move-to-left{
position:relative;
left:180px;
opacity:0;
transition:opacity 1000ms,left 1000ms;
}
.move-to-left.scrolled{
left:0;
opacity:1;
transition:opacity 1000ms,left 1000ms;
}
.move-down{
position:relative;
top:-100px;
opacity:0;
transition:opacity 1s 0s,top 1s 0s;
}
.move-down.scrolled{
top:0;
opacity:1;
transition:opacity 1s 0s,top 1s 0s;
}
.inner-1400{
width: 92%;
max-width: 1400px;
margin: 0 auto;
}
.inner-1300{
width: 92%;
max-width: 1300px;
margin: 0 auto;
}
.inner-1200{
width: 92%;
max-width: 1200px;
margin: 0 auto;
}
.inner-1100{
width: 92%;
max-width: 1100px;
margin: 0 auto;
}
.inner-1000{
width: 92%;
max-width: 1000px;
margin: 0 auto;
}
.inner-900{
width: 92%;
max-width: 900px;
margin: 0 auto;
}
.inner-800{
width: 92%;
max-width: 800px;
margin: 0 auto;
}
header{
position: fixed;
width: 100%;
height: 80px;
background: #940000;
top: 0;
left: 0;
z-index: 100;
}
.wide-inner{
max-width: 1920px;
margin: 0 auto;
padding: 0 32px;
position: relative;
}
.header-main-logo{
width: 254px;
height: 80px;
display: flex;
align-items: center;
padding: 8px 0 0;
}
.header-main-logo img{
width: 100%;
}
.lang-select{
position: absolute;
top:  24px;
right: 30px;
}
.lang-select p{
display: inline-block;
color: #fff;
font-size: 18px;
line-height: 32px;
padding: 0 22px 0 0;
vertical-align: top;
}
.lang-select-pulldown{
width: 168px;
display: inline-block;
border: 1px solid #be914b;
}
.lang-current {
color: #fff;
font-size: 16px;
text-align: center;
position: relative;
cursor: pointer;
transition-duration: 0.2s;
line-height: 30px;
padding: 0 32px 0 0;
}
.lang-current .i_box {
background: #be914b;
position:absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
box-sizing: border-box;
transform-origin: center center;
transition-duration: 0.2s;
}
.lang-current .i_box::after{
content: '';
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
text-align: center;
background: url("../images/lang-select-arrow.svg") center center no-repeat;
background-size: 16px 8px;
transition-duration: 0.2s;
}
.lang-current.open .i_box::after{
transform: rotate(-180deg);
transition-duration: 0.2s;
}
.lang-others {
display: none;
background: #940000;
padding: 8px 0;
}
.lang-others a{
text-align: center;
font-size: 16px;
color: #fff;
line-height: 40px;
display: block;
padding: 0 32px 0 0;
}
main{
margin: 0 auto;
padding: 80px 0 0;
background: #281204;
overflow: hidden;
}
footer{
background: #940000;
text-align: center;
padding: 50px 0 40px;
color: #fff;
}
.footer-logo{
width: 210px;
margin: 0 auto 20px;
}
.footer-logo img{
width: 100%;
}
.copy-r{
font-size: 14px;
font-weight: 300;
letter-spacing: 0.15em;
}
.front-main-v img{
width: 100%;
}
.front-news{
background: #eaeae0;
padding: 80px 4% 90px;
}
.front-news-ttl{
width: 326px;
text-align: center;
font-family: "Cinzel", serif;
font-weight: 500;
color: #be914b;
font-size: 34px;
letter-spacing: 0.15em;
margin: 0 auto 30px;
padding: 0 0 0 0.2em;
background: url("../images/news-ttl-bg.svg") center center no-repeat;
background-size: 100% auto;
}
.front-news-box{
max-width: 1000px;
margin: 0 auto;
}
.front-news-box-line{
width: 100%;
height: 1px;
background: #be914b;
position: relative;
}
.front-news-box-line::before{
content: '';
width: 9px;
height: 9px;
position: absolute;
left: 0;
top: -4px;
background: url("../images/new-line-mark.svg") 100% 100% no-repeat;
}
.front-news-box-line::after{
content: '';
width: 9px;
height: 9px;
position: absolute;
right: 0;
top: -4px;
background: url("../images/new-line-mark.svg") 100% 100% no-repeat;
}
.front-news-cont{
font-size: 18px;
font-family: "Cinzel", serif;
font-weight: 500;
text-align: center;
padding: 24px 0;
letter-spacing: 0.1em;
}
.zh-cn .front-news-cont{
font-family: "Noto Serif SC", serif;
font-weight: 400;
}
.zh-tw .front-news-cont{
font-family: "Noto Serif TC", serif;
font-weight: 400;
}
.ko .front-news-cont{
font-family: "Nanum Myeongjo", serif;
font-weight: 300;
}
.front-concept{
padding: 100px 4%;
background: url("../images/front-concept-bg.jpg") center bottom no-repeat;
background-size: cover;
}
.front-concept-cont{
width: 780px;
margin: 0 auto;
padding: 0 0 0 80px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
position: relative;
}
.en .front-concept-cont{
width: 940px;
}
.front-concept-cont-ttl{
font-family: "Cinzel", serif;
font-weight: 500;
font-size: 40px;
color: #be914b;
position: absolute;
left: 50px;
top: 0;
letter-spacing: 0.15em;
transform: rotate(90deg);   /* 回転 */
transform-origin: 0 0; 
padding: 0 0 0 16px;
}
.en .front-concept-cont-ttl{
left: 50px;
top: -6px;
}
.front-concept-cont p{
font-size: 24px;
line-height: 2.5;
letter-spacing: 0.11em;
margin: 0 0 26px;
}
.en .front-concept-cont p{
font-size: 29px;
font-family: "Cormorant Garamond", serif;
font-weight: 300;
letter-spacing: 0.05em;
line-height: 1.7;
margin: 0 0 24px;
}
.zh-cn .front-concept-cont p{
font-family: "Noto Serif SC", serif;
font-weight: 400;
}
.zh-tw .front-concept-cont p{
font-family: "Noto Serif TC", serif;
font-weight: 400;
}
.ko .front-concept-cont p{
font-family: "Nanum Myeongjo", serif;
font-weight: 300;
letter-spacing: 0.08em;
}
.front-contents{
background: #eaeae0;
padding: 80px 4%;
}
.front-contents .cs-ttl{
font-size: 26px;
font-family: "Cinzel", serif;
font-weight: 500;
color: #be914b;
text-align: center;
letter-spacing: 0.15em;
line-height: 1.5;
margin: 0 0 14px;
}
.front-contents .cs-cont{
font-size: 18px;
font-weight: 300;
text-align: center;
}
.en .front-contents .cs-cont{
letter-spacing: 1.5px;
}
.zh-cn .front-contents .cs-cont{
font-family: "Noto Serif SC", serif;
font-weight: 400;
}
.zh-tw .front-contents .cs-cont{
font-family: "Noto Serif TC", serif;
font-weight: 400;
}
.ko .front-contents .cs-cont{
font-family: "Nanum Myeongjo", serif;
font-weight: 300;
}



/* =============================ADD============================= */
.add-mgb140{margin-bottom: 140px;}
.add-mgb120{margin-bottom: 120px;}
.add-mgb100{margin-bottom: 100px;}
.add-mgb80{margin-bottom: 80px;}
.add-mgb60{margin-bottom: 60px;}
.add-mgb50{margin-bottom: 50px;}
.add-mgb40{margin-bottom: 40px;}
.add-mgb30{margin-bottom: 30px;}
.add-mgb20{margin-bottom: 20px;}
.add-mgb10{margin-bottom: 10px;}
.add-mgauto{margin-left: auto;margin-right: auto;}

@media print {
body {width:1100px;}
}