@charset "utf-8";

/* 汎用 */
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb100 { margin-bottom: 100px; }
.mr40 { margin-right: 40px; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.st { font-weight: bold; }
.fl { float: left; }
.fr { float: right; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.flex_no_justify { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.f_min { font-family: "Yu Mincho Medium", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.f_times { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }
.f_arial { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.f_gothic { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic M", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif; }
.f_min{font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "Yu Mincho Medium", "Yu Mincho Medium","Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.f_arial { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }


/*PC用*/
@media screen and (min-width:1901px) {
.container{margin: 0 auto;width: 100%;max-width: 1920px;color: #fff;}
#mv{margin: 0 auto;width: 100%; height: 820px; background: url("../images/bg_mv.png") no-repeat center top;position: relative;}
#mv .logo{width: 177px;position: absolute;right: 106px;top: 102px;}
#mv .copy{width: 286px;position: absolute;right: 374px;top: 93px;}  

.panel {height: 100%;width: 100%;opacity:0;transform:translateY(50px);transition: all 0.6s ease-out;}
.panel.fade-in{opacity: 1;transform:translateY(0);}
#sec_01{margin: 0 auto;padding: 0; width: 100%;height: 674px;background: url("../images/bg_sec01.png") no-repeat center top;}
#sec_01 .inner{margin: 0 auto;padding: 105px 0 0; width: 1200px;}  
#sec_01 .bx{width: 584px;}
#sec_01 .bx .tit{margin: 0 auto 35px;width: 76px; font-size: 80px;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_01 .bx .tit span{width: 15px;position: absolute;right: -130px;top: 0;} 
#sec_01 .bx .text{font-size: 20px;line-height: 40px;}     
    
#sec_02{margin: 0 auto;padding: 47px 0 0; width: 100%;height: 435px;background: url("../images/bg_sec02.jpg") no-repeat center top;box-sizing: border-box;}   
#sec_02 .tit{margin: 0 auto;width: 78px; color: #000; font-size: 80px;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;}     
#sec_02 .tit small{font-size: 60px;font-weight: 700;}      
#sec_02 .tit span{width: 18px;position: absolute;right: -130px;top: 0;}    
    
#sec_03{margin: 0 auto;width: 100%;height: 653px;background: url("../images/bg_sec03.jpg") no-repeat center top;}    
#sec_03 .inner{justify-content: flex-end; margin: 0 auto;padding: 130px 0 0; width: 1200px;}   
#sec_03 .bx{width: 584px;} 
#sec_03 .bx .tit{margin: 0 auto 25px;width: 76px; font-size: 80px;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} #sec_03 .bx .tit span{width: 15px;position: absolute;right: -130px;top: 0;} 
#sec_03 .bx .text{font-size: 20px;line-height: 40px;}  

#sec_04{margin: 0 auto;width: 100%;height: 814px; background: url("../images/bg_sec04.jpg") no-repeat center top;}
#sec_04 .inner{margin: 0 auto;padding: 166px 0 0; width: 1200px;}   
#sec_04 .bx{width: 584px;}
#sec_04 .bx .tit{margin: 0 auto 35px;width: 76px; font-size: 80px;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_04 .bx .tit span{width: 15px;position: absolute;right: -130px;top: 0;} 
#sec_04 .bx .text{font-size: 20px;line-height: 40px;}    

#sec_05{margin: 0 auto;width: 100%;height: 614px;background: url("../images/bg_sec05.jpg") no-repeat center top;}    
#sec_05 .inner{justify-content: flex-end; margin: 0 auto;padding: 57px 0 0; width: 1200px;}   
#sec_05 .bx{width: 584px;} 
#sec_05 .bx .tit{margin: 0 auto 25px;width: 76px; font-size: 80px;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} #sec_05 .bx .tit span{width: 15px;position: absolute;right: -130px;top: 0;} 
#sec_05 .bx .text{font-size: 20px;line-height: 40px;}  

#sec_06{margin: 0 auto;width: 100%;height: 520px;background: url("../images/bg_sec06.jpg") no-repeat center top;}  

#sec_07{margin: 0 auto;width: 100%;}
#sec_07 .inner{margin: 0 auto;padding: 50px 0 44px; width: 1230px;}
#sec_07 .inner .tit{margin: 0 auto 40px;width: 47px; font-size: 50px;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_07 .inner .tit span{width: 15px;position: absolute;right: -95px;top: 0;} 
#sec_07 .inner .list{}
#sec_07 .inner .list li{margin-bottom: 60px; width: 370px;}
#sec_07 .inner .list li .list_img{margin-bottom: 30px;}
#sec_07 .inner .list li .list_img img{width: 100%;}
#sec_07 .inner .list li .list_tit{margin-bottom: 15px;font-size: 18px;font-weight: 700;line-height: 1.5; color:white;}
#sec_07 .inner .list li .list_price{font-size: 18px;font-weight: 700; color:white;}

#sec_08{margin: 0 auto;padding: 0 0 118px; width: 100%;background: url("../images/bg_sec07.jpg") no-repeat center top;}
#sec_08 .inner{margin: 0 auto;width: 1260px;} 
#sec_08 .inner .tit{padding: 90px 0 80px 142px; font-size: 50px;font-weight: 700;line-height: 1; letter-spacing: 0.2em;} 
#sec_08 .inner .tit span{display: block;width: 258px;} 
#sec_08 .bx{margin: 0 auto;padding: 84px 0 0; width: 100%;}
#sec_08 .bx_img{width: 599px;}
#sec_08 .bx_txt{padding: 10px 0 0; width: 605px;}
#sec_08 .bx_txt .tit02{margin: 0 auto 34px;width: 49px; font-size: 50px;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_08 .bx_txt .tit02 span{width: 15px;position: absolute;right: -95px;top: 0;} 
#sec_08 .bx_txt .text{font-size: 18px;line-height: 36px;}
}

@media screen and (min-width:641px) and (max-width:1900px) {
body {min-width: inherit;}
.container{margin: 0 auto;width: 100%;max-width: none;color: #fff;}
#mv{margin: 0 auto; width: 100%; height: 43.157vw; background: url("../images/bg_mv.png") no-repeat center top; background-size: 100% auto;position: relative;}
#mv .logo{width: 9.315vw;position: absolute;right: 5.578vw;top: 5.368vw;}
#mv .copy{width: 15vw;position: absolute;right: 19.684vw;top: 4.894vw;} 

.panel {height: 100%;width: 100%;opacity:0;transform:translateY(50px);transition: all 0.6s ease-out;}
.panel.fade-in{opacity: 1;transform:translateY(0);}
#sec_01{margin: 0 auto;padding: 0; width: 100%;height: 35.473vw;background: url("../images/bg_sec01.png") no-repeat center top;background-size: 100% auto;}
#sec_01 .inner{margin: 0 auto;padding: 5.526vw 0 0; width: 63.157vw;}  
#sec_01 .bx{width: 30.736vw;}
#sec_01 .bx .tit{margin: 0 auto 1.842vw;width: 4vw; font-size: 4.210vw;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_01 .bx .tit span{width: 0.789vw;position: absolute;right: -6.842vw;top: 0;} 
#sec_01 .bx .text{font-size: 1.052vw;line-height: 2.105vw;}    
    
#sec_02{margin: 0 auto;padding: 2.473vw 0 0; width: 100%;height: 22.894vw;background: url("../images/bg_sec02.jpg") no-repeat center top;box-sizing: border-box;background-size: 100% auto;}   
#sec_02 .tit{margin: 0 auto;width: 4.105vw; color: #000; font-size: 4.210vw;font-weight: 700;line-height: 1.0; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;}     
#sec_02 .tit small{font-size: 3.157vw;font-weight: 700;}      
#sec_02 .tit span{width: 0.947vw;position: absolute;right: -6.842vw;top: 0;}     
    
#sec_03{margin: 0 auto;width: 100%;height: 34.368vw;background: url("../images/bg_sec03.jpg") no-repeat center top;background-size: 100% auto;}    
#sec_03 .inner{justify-content: flex-end; margin: 0 auto;padding: 6.842vw 0 0; width: 63.157vw;}   
#sec_03 .bx{width: 30.736vw;} 
#sec_03 .bx .tit{margin: 0 auto 1.315vw;width: 4vw; font-size: 4.210vw;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} #sec_03 .bx .tit span{width: 0.789vw;position: absolute;right: -6.842vw;top: 0;} 
#sec_03 .bx .text{font-size: 1.052vw;line-height: 2.105vw;}  

#sec_04{margin: 0 auto;width: 100%;height: 42.842vw; background: url("../images/bg_sec04.jpg") no-repeat center top;background-size: 100% auto;}
#sec_04 .inner{margin: 0 auto;padding: 8.736vw 0 0; width: 63.157vw;}   
#sec_04 .bx{width: 30.736vw;}
#sec_04 .bx .tit{margin: 0 auto 1.842vw;width: 4vw; font-size: 4.210vw;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_04 .bx .tit span{width: 0.789vw;position: absolute;right: -6.842vw;top: 0;} 
#sec_04 .bx .text{font-size: 1.052vw;line-height: 2.105vw;}     

#sec_05{margin: 0 auto;width: 100%;height: 34.315vw;background: url("../images/bg_sec05.jpg") no-repeat center top;background-size: 100% auto;}    
#sec_05 .inner{justify-content: flex-end; margin: 0 auto;padding: 3vw 0 0; width: 63.157vw;}   
#sec_05 .bx{width: 30.736vw;} 
#sec_05 .bx .tit{margin: 0 auto 1.315vw;width: 4vw; font-size: 4.210vw;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} #sec_05 .bx .tit span{width: 0.789vw;position: absolute;right: -6.842vw;top: 0;} 
#sec_05 .bx .text{font-size: 1.052vw;line-height: 2.105vw;}  

#sec_06{margin: 0 auto;width: 100%;height: 27.368vw;background: url("../images/bg_sec06.jpg") no-repeat center top;background-size: 100% auto;}  

#sec_07{margin: 0 auto;width: 100%;}
#sec_07 .inner{margin: 0 auto;padding: 2.613vw 0 2.315vw; width: 63.157vw;}
#sec_07 .inner .tit{margin: 0 auto 40px;width: 47px; font-size: 2.613vw;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_07 .inner .tit span{width: 0.789vw;position: absolute;right: -5vw;top: 0;} 
#sec_07 .inner .list{}
#sec_07 .inner .list li{margin-bottom: 3.157vw; width: 19.473vw;}
#sec_07 .inner .list li .list_img{margin-bottom: 1.578vw;}
#sec_07 .inner .list li .list_img img{width: 100%;}
#sec_07 .inner .list li .list_tit{margin-bottom: 0.789vw;font-size: 0.947vw;font-weight: 700;line-height: 1.5;color: #fff;}
#sec_07 .inner .list li .list_price{font-size: 0.947vw;font-weight: 700;color: #fff;}

#sec_08{margin: 0 auto;padding: 0 0 6.21vw; width: 100%;background: url("../images/bg_sec07.jpg") no-repeat center top;background-size: 100% auto;}
#sec_08 .inner{margin: 0 auto;width: 66.315vw;} 
#sec_08 .inner .tit{padding: 4.736vw 0 4.210vw 7.473vw; font-size: 2.613vw;font-weight: 700;line-height: 1; letter-spacing: 0.2em;} 
#sec_08 .inner .tit span{display: block;width: 13.578vw;} 
#sec_08 .bx{margin: 0 auto;padding: 4.421vw 0 0; width: 100%;}
#sec_08 .bx_img{width: 31.526vw;}
#sec_08 .bx_txt{padding: 0.526vw 0 0; width: 31.842vw;}
#sec_08 .bx_txt .tit02{margin: 0 auto 34px;width: 2.578vw; font-size: 2.613vw;font-weight: 700;line-height: 1.8; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_08 .bx_txt .tit02 span{width: 0.789vw;position: absolute;right: -5vw;top: 0;} 
#sec_08 .bx_txt .text{font-size: 0.947vw;line-height: 1.894vw;}
}


/*SP用*/
@media screen and (max-width:640px) {
.container{margin: 0 auto;width: 100%;max-width: inherit;color: #fff;}
#mv{margin: 0 auto;width: 100%; height: auto; background: none;}
#mv .logo{width: 100%;}
#mv .logo img{width: 100%;}
#mv .copy{display: none;} 

.panel {height: 100%;width: 100%;opacity:0;transform:translateY(50px);transition: all 0.6s ease-out;}
.panel.fade-in{opacity: 1;transform:translateY(0);}
#sec_01{margin: 0 auto;padding: 0; width: 100%;height: 158.4vw;background: url("../images/sp/bg_sec01.jpg") no-repeat center top;background-size: 100% auto;}
#sec_01 .inner{margin: 0 auto;padding: 7.733vw 3.333vw 0; width: 100%;box-sizing: border-box;}  
#sec_01 .bx{width: 100%;}
#sec_01 .bx .tit{margin: 0 auto 4.666vw;width: 10.266vw; font-size: 10.666vw;font-weight: 700;line-height: 1.0; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_01 .bx .tit span{width: 2vw;position: absolute;right: -12.333vw;top: 0;} 
#sec_01 .bx .text{font-size: 4vw;line-height: 7.466vw;}   
    
#sec_02{margin: 0 auto;padding: 6.266vw 0 0; width: 100%;height: 58vw;background: url("../images/sp/bg_sec02.jpg") no-repeat center top;box-sizing: border-box;background-size: 100% auto;}   
#sec_02 .tit{margin: 0 auto;width: 10.4vw; color: #000; font-size: 10.666vw;font-weight: 700;line-height: 1.0; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;}     
#sec_02 .tit small{font-size: 8vw;font-weight: 700;}      
#sec_02 .tit span{width: 2.4vw;position: absolute;right: -12.333vw;top: 0;}  
    
#sec_03{margin: 0 auto;width: 100%;height: 160.8vw;background: url("../images/sp/bg_sec03.jpg") no-repeat center top;background-size: 100% auto;}    
#sec_03 .inner{display: block; margin: 0 auto;padding: 14.933vw 3.333vw 0; width: 100%;box-sizing: border-box;}   
#sec_03 .bx{width: 100%;} 
#sec_03 .bx .tit{margin: 0 auto 3.333vw;width: 10.133vw; font-size: 10.666vw;font-weight: 700;line-height: 1.0; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} #sec_03 .bx .tit span{width: 2vw;position: absolute;right: -12.333vw;top: 0;} 
#sec_03 .bx .text{font-size: 4vw;line-height: 7.466vw;}     
    
#sec_04{margin: 0 auto;width: 100%;height: 175.2vw; background: url("../images/sp/bg_sec04.jpg") no-repeat center top;background-size: 100% auto;}
#sec_04 .inner{margin: 0 auto;padding: 12vw 3.333vw 0; width: 100%;box-sizing: border-box;}   
#sec_04 .bx{width: 100%;}
#sec_04 .bx .tit{margin: 0 auto 4.666vw;width: 10.133vw; font-size: 10.666vw;font-weight: 700;line-height: 1.0; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_04 .bx .tit span{width: 2vw;position: absolute;right: -12.333vw;top: 0;} 
#sec_04 .bx .text{font-size: 4vw;line-height: 7.466vw;}    
    
#sec_05{margin: 0 auto;width: 100%;height: 182vw;background: url("../images/sp/bg_sec05.jpg") no-repeat center top;background-size: 100% auto;}    
#sec_05 .inner{display: block;margin: 0 auto;padding: 8.666vw 3.333vw 0; width: 100%;box-sizing: border-box;}   
#sec_05 .bx{width: 100%;} 
#sec_05 .bx .tit{margin: 0 auto 3.333vw;width: 10.133vw; font-size: 10.666vw;font-weight: 700;line-height: 1.0; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} #sec_05 .bx .tit span{width: 2vw;position: absolute;right: -12.333vw;top: 0;} 
#sec_05 .bx .text{font-size: 4vw;line-height: 7.466vw;}      
    
#sec_06{margin: 0 auto;width: 100%;height: auto;background: none;}     
    
#sec_07{margin: 0 auto;width: 100%;}
#sec_07 .inner{margin: 0 auto;padding: 16.533vw 0 13.333vw; width: 100%;}
#sec_07 .inner .tit{margin: 0 auto 7.333vw;width: 6.266vw; font-size: 6.666vw;font-weight: 700;line-height: 1.0; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_07 .inner .tit span{width: 2vw;position: absolute;right: -10.333vw;top: 0;} 
#sec_07 .inner .list{padding: 0 2.666vw;}
#sec_07 .inner .list li{margin-bottom: 60px; width: 46.478%;}
#sec_07 .inner .list li .list_img{margin-bottom: 6vw;}
#sec_07 .inner .list li .list_img img{width: 100%;}
#sec_07 .inner .list li .list_tit{margin-bottom: 2vw;font-size: 3.2vw;font-weight: 700;line-height: 5.333vw;color: #fff;}
#sec_07 .inner .list li .list_price{font-size: 3.2vw;font-weight: 700;color: #fff;}  
    
#sec_08{margin: 0 auto;padding: 0 0 26vw; width: 100%;background: url("../images/sp/bg_sec07.jpg") no-repeat center top;background-size: 100% auto;}
#sec_08 .inner{margin: 0 auto;width: 100%;} 
#sec_08 .inner .tit{padding: 13.333vw 0 10vw 6.666vw; font-size: 6.666vw;font-weight: 700;line-height: 1; letter-spacing: 0.2em;} 
#sec_08 .inner .tit span{display: block;width: 34.133vw;} 
#sec_08 .bx{margin: 0 auto;padding: 7.2vw 0 0; width: 100%;}
#sec_08 .bx_img{margin: 0 auto;width: 80vw;}
#sec_08 .bx_txt{margin-bottom: 8vw; padding: 10px 3.333vw 0; width: 100%;box-sizing: border-box;}
#sec_08 .bx_txt .tit02{margin: 0 auto 6vw;width: 6.533vw; font-size: 6.666vw;font-weight: 700;line-height: 1.0; letter-spacing: 0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: relative;} 
#sec_08 .bx_txt .tit02 span{width: 2vw;position: absolute;right: -8.333vw;top: 0;} 
#sec_08 .bx_txt .text{font-size: 4vw;line-height: 7.466vw;} 
}