@charset "utf-8";
#section1{height:100vh;max-height:340px}
#section1:before{display:block;position:fixed;top:0;width:100%;height:100%;z-index:-1;content:""}
#page_title_block{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
h1#page_title{position:absolute;top:160px;left:10px;right:0;color:#FFF}
h1#page_title .en_title{display:block;font-family:'Cormorant SC',serif;font-size:40px;font-size:4rem;font-weight:400;text-transform:uppercase;margin-bottom:20px}
h1#page_title .jp_title{display:block;font-size:13px;font-size:1.3rem}
h1#page_title::before{position:absolute;top:50px;left:0;width:70px;height:2px;background:#ad8958;content:""}
#section2{position:relative;padding-top:0;padding-bottom:60px}
article#content_block{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:0;padding-left:0}
h2#main_title{font-size:13px;font-size:1.3rem;font-weight:400;letter-spacing:2px;color:#ad8958;margin-top:0;margin-bottom:30px}
h2#main_title::after{display:block;font-family:'Cormorant SC',serif;font-size:24px;font-size:2.4rem;color:#FFF;text-transform:uppercase;letter-spacing:3px;margin-top:5px;content:attr(data-title)}
h2#main_title:before{position:absolute;left:10px;top:55px;width:70px;height:2px;background:#ad8958;content:""}
.pp_block{margin-bottom:60px}
.pp_block p{font-size:13px;font-size:1.3rem;color:#EEE}
h3.pp_title{position:relative;font-size:16px;font-size:1.6rem;font-weight:400;text-align:left;letter-spacing:1px;color:#ad8958;margin-top:0;margin-bottom:10px;padding-left:20px}
h3.pp_title:before{position:absolute;top:1px;left:0;font-size:13px;font-size:1.3rem;font-weight:700;color:#ad8958;content:"○"}
ul.pp_list{counter-reset:number 0;padding-left:0}
ul.pp_list li:before{counter-increment:number 1;content:counter(number) ".";margin-right:5px;width:10px;height:10px}
ul,ol{list-style:none;margin:0;padding:0}
ul.pp_list li,ul.pp_list_n li{font-size:13px;font-size:1.3rem;line-height:170%;color:#EEE;margin-bottom:20px}
ul.pp_list_n{list-style:none}
ul.pp_list li ol li{color:#EEE;margin-left:15px}
.latest_more{margin-top:10px}
.more_btn{padding-left:0;padding-right:0}
.view_more{display:block;position:relative;cursor:pointer;font-size:16px;font-size:1.6rem;font-weight:400;color:#FFF;text-align:center;text-decoration:none;height:60px;line-height:60px;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;z-index:0;background:#2c2c2c}
.view_more:hover{text-decoration:none;opacity:1;color:#FFF}
.view_more::after{position:absolute;top:24px;right:10px;background:url(../images/svg/view/link.svg) no-repeat right center / 12px 12px;width:12px;height:12px;content:'';z-index:2}
.view_more:before{content:"";width:100%;height:0;position:absolute;left:0;bottom:0;color:#FFF;background:#1d1d1d;-webkit-transition:.3s all cubic-bezier(0.06,0.74,0.36,0.94);-moz-transition:.3s all cubic-bezier(0.06,0.74,0.36,0.94);-ms-transition:.3s all cubic-bezier(0.06,0.74,0.36,0.94);-o-transition:.3s all cubic-bezier(0.06,0.74,0.36,0.94);transition:.3s all cubic-bezier(0.06,0.74,0.36,0.94);z-index:-1}
.view_more:hover:before{height:100%}
@media only screen and (min-width: 768px) {
#section1{height:100vh;max-height:580px}
#section1:before{display:block;position:fixed;top:0;width:100%;height:100%;z-index:-1;content:""}
h1#page_title{position:absolute;top:260px;left:10px;right:0;color:#FFF}
h1#page_title .en_title{display:block;font-family:'Cormorant SC',serif;font-size:70px;font-size:7rem;font-weight:400;text-transform:uppercase;margin-bottom:30px}
h1#page_title .jp_title{display:block;font-size:17px;font-size:1.7rem;letter-spacing:2px}
h1#page_title::before{position:absolute;top:90px;left:0;width:70px;height:2px;background:#ad8958;content:""}
.pp_block{margin-bottom:60px}
.system_title_box{text-align:left}
}