@charset "UTF-8";
/*! =========================================================
 _foundation
========================================================= */
@font-face{font-family:"-Hiragino";font-weight:400;src:local("HiraginoSans-W3"),local("Hiragino Kaku Gothic ProN")}
@font-face{font-family:"-Hiragino";font-weight:700;src:local("HiraginoSans-W6"),local("Hiragino Kaku Gothic ProN W6")}
@font-face{font-family:"-YuGothic";font-weight:400;src:local("YuGothic-Medium"),local("Yu Gothic Medium"),local("YuGothic")}
@font-face{font-family:"-YuGothic";font-weight:700;src:local("YuGothic-Bold"),local("Yu Gothic"),local("YuGothic")}
/*! =========================================================
 _core
========================================================= */
#brand_index #localNav_brand_index{width:auto;color:#000;background-color:#a1d2ea}
#brand_index .c-headingLv1-withImage,#brand_index .c-headingLv1-withTextImage{background-image:url(/brand/img/brand_index_mv01.jpg)}
.category_brand .c-localNav_list,.category_brand .c-localNav_trigger{display:none!important}
#brand_index .bottom{bottom:0}
#brand_index .g-pageMain{padding-top:0}
#brand_index .g-pageMain .brandStory_header{font-family:Lato,YakuHanJPs,"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-size:1.5rem;font-weight:700;padding:24px 0;background-image:url(/brand/img/brand_texture.jpg);background-repeat:repeat;background-size:500px auto}
#brand_index .g-pageMain .brandStory_header_inner{max-width:945px;margin:auto;padding-right:32px;padding-left:32px}
#brand_index .g-pageMain .brandStory_mv{background-image:url(/brand/img/brand_bg.jpg);background-size:100% 100%}
#brand_index .g-pageMain .brandStory_mv_title{overflow:hidden;text-align:center}
#brand_index .g-pageMain .brandStory_mv_title.on img{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
#brand_index .g-pageMain .brandStory_mv_title img{display:block;width:90%;max-width:940px;margin:auto;-webkit-transition:-webkit-transform .8s ease-out;transition:-webkit-transform .8s ease-out;transition:transform .8s ease-out;transition:transform .8s ease-out,-webkit-transform .8s ease-out;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
#brand_index .g-pageMain .brandStory_mv_content_photo{position:-webkit-sticky;position:sticky;bottom:0;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;-webkit-transform:translate(0,50px);-ms-transform:translate(0,50px);transform:translate(0,50px);opacity:0;will-change:transform}
#brand_index .g-pageMain .brandStory_mv_content_photo.on{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
#brand_index .g-pageMain .brandStory_mv_content_photo.fixIE{position:absolute;width:100%}
#brand_index .g-pageMain .brandStory_mv_content_text p{font-family:Lato,YakuHanJPs,"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-weight:700;line-height:2rem}
@media print,screen and (min-width:1440px){
/*! Large only */

}
@media print,screen and (min-width:1024px){
/*! Large only */

}
@media screen and (max-width:1023px){
/*! Medium and Small */

}
@media print,screen and (min-width:768px){
/*! over Medium */

}
@media print,screen and (min-width:768px) and (max-width:1023px){
/*! Medium only */

}
@media only screen and (max-width:639px){
/*! Small only */
.category_brand .c-localNav{padding:0}
#brand_index .g-pageMain .brandStory_header{padding:24px 0}
#brand_index .g-pageMain .brandStory_mv{position:relative}
#brand_index .g-pageMain .brandStory_mv_title{position:absolute;top:80px;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;opacity:1}
#brand_index .g-pageMain .brandStory_mv_title.fadeout{opacity:0}
#brand_index .g-pageMain .brandStory_mv_content_photoArea{position:relative}
#brand_index .g-pageMain .brandStory_mv_content_photo{z-index:0;width:70%;height:100vh;max-height:680px;margin:auto}
#brand_index .g-pageMain .brandStory_mv_content_photo img{position:absolute;bottom:0}
#brand_index .g-pageMain .brandStory_mv_content_text{position:absolute;z-index:5;bottom:0;padding:72px 16px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background-color:rgba(255,255,255,.8)}
#brand_index .g-pageMain .brandStory_mv_content_text.fixIE{position:relative}
#brand_index .g-pageMain .brandStory_mv_content_text p:not(:first-child){margin-top:40px}
#brand_index .g-pageMain .brandStory_mv_scroll{display:none}
#brand_index .g-pageAside{display:none}
}
@media print,screen and (min-width:640px){
#brand_index .g-pageMain .brandStory_mv{padding-top:160px}
#brand_index .g-pageMain .brandStory_mv_content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:1136px;height:100vh;margin:80px auto 0;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
#brand_index .g-pageMain .brandStory_mv_content_photoArea{position:relative;width:50%;height:100%}
#brand_index .g-pageMain .brandStory_mv_content_photo{text-align:center}
#brand_index .g-pageMain .brandStory_mv_content_photo img{width:auto;max-width:100%;max-height:100vh;vertical-align:middle}
#brand_index .g-pageMain .brandStory_mv_content_photo.test img{-webkit-transition:-webkit-transform 20s ease-out;transition:-webkit-transform 20s ease-out;transition:transform 20s ease-out;transition:transform 20s ease-out,-webkit-transform 20s ease-out;-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px)}
#brand_index .g-pageMain .brandStory_mv_content_photo.windowOn{position:fixed;bottom:0}
#brand_index .g-pageMain .brandStory_mv_content_photo.windowOn img{position:absolute;bottom:60px}
#brand_index .g-pageMain .brandStory_mv_content_photo.areaOn{position:absolute;bottom:0}
#brand_index .g-pageMain .brandStory_mv_content_photo.areaOn img{position:absolute;bottom:0}
#brand_index .g-pageMain .brandStory_mv_content_text{width:calc(50% - 24px);padding-top:100px;padding-right:24px;padding-bottom:100px}
#brand_index .g-pageMain .brandStory_mv_content_text p{-webkit-transition:all 3s ease-out;transition:all 3s ease-out;-webkit-transform:translate(0,50px);-ms-transform:translate(0,50px);transform:translate(0,50px);opacity:0}
#brand_index .g-pageMain .brandStory_mv_content_text p:not(:first-child){margin-top:48px}
#brand_index .g-pageMain .brandStory_mv_content_text p.on{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
#brand_index .g-pageMain .brandStory_mv_scroll{position:fixed;bottom:40px;left:calc(50% - (66px / 2));-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:translate(0,10px);-ms-transform:translate(0,10px);transform:translate(0,10px);opacity:0;will-change:transform}
#brand_index .g-pageMain .brandStory_mv_scroll.on{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
#brand_index .g-pageMain .brandStory_mv_scroll img{display:block;width:66px;height:45px}
}
@media only print{
#brand_index .g-pageMain .brandStory_mv_title img{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
#brand_index .g-pageMain .brandStory_mv_content_photo{position:absolute}
#brand_index .g-pageMain .brandStory_mv_content_photo,#brand_index .g-pageMain .brandStory_mv_content_text p{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
.brandStory_mv_scroll{display:none!important}
}