html,body,p,h1,h2,h3,h4,h5,ul,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
body{color:#000;background:#fff;font-family: a-otf-futo-min-a101-pr6n,serif;text-align:left;line-height:1.7;position:relative;-webkit-text-size-adjust: none;}
.center{text-align:center;}
.clear{clear:both;}
.mt0{margin-top:0px!important;}
.mt20{margin-top:20px!important;}
.mt40{margin-top:40px!important;}
.mt140{margin-top:140px!important;}
.mb40{margin-bottom:40px!important;}
.passing-inner a{width:100%;}
input[type="submit"] {-webkit-appearance: none;border-radius: 0;}
img{max-width:100%;height:auto;}
h2{
font-family: a-otf-futo-min-a101-pr6n,serif;
font-weight: 400;
font-style: normal;
}
h2 span{
font-family: a-otf-futo-min-a101-pr6n,serif;
font-weight: 400;
font-style: normal;
}
h3{
font-family: a-otf-futo-min-a101-pr6n,serif;
font-weight: 400;
font-style: normal;
}
h3 span{
font-family: a-otf-futo-min-a101-pr6n,serif;
font-weight: 400;
font-style: normal;
}
.home_header{position:relative;}
.swiper-container {
    width: 100%;
    height: 90vh;
}
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
}
.link-button{
    background:rgba(0,0,0,.3);
    width:100%;
    text-align:center;
    transition:all .2s;
}
.link-button:hover{background: rgba(0,0,0,.6)}
.slide1 { background-image: url('images/home_main01.jpg'); }
.slide2 { background-image: url('images/home_main02.jpg'); }
.slide3 { background-image: url('images/home_main03.jpg'); }
.slide4 { background-image: url('images/home_main04.jpg'); }
.list{margin: auto;text-align: center;width:100%;display:flex;gap:2%;line-height: 1;}
.list li{width: 100%;margin:0;padding:1.5% 2%;border:4px solid #000;}
.list li a{width: 100%;margin:0;padding:0;transition:all .2s;display: block;}
.list li img{width:100%;height:auto;}
.list li a:hover{opacity: .7;}
.page-header{width:100%;height:300px;background-size:cover;background-position:center; display: flex; justify-content: center;align-items: center;}
.header-sumida{background-image:url("images/heeader-sumida.jpg")}
.header-sumida_s{background-image:url("images/heeader-sumida_s.jpg")}
.header-gyoza{background-image:url("images/heeader-gyoza.jpg")}
.header-sumida_y{background-image:url("images/heeader-sumida_y.jpg")}
.page-header::after{content:"";background:rgba(0,0,0,.5);display:block;width:100%;height:100%;position:relative;}
.page-header img{margin:auto;z-index:2;position:absolute;}

@media screen and (max-width:768px) {
.page-header{height:200px;}
.page-header img{width:166px;height:90.5px;}
.swiper-slide img{max-width:166px;height:auto;}
.list{flex-direction: column;}
.list li{box-sizing: border-box;;margin: 3% auto;}
.list li:first-child,.list li:last-child{margin:3% auto;}
.list li img{max-width:166px;height:auto;}
.pc{display:none!important;}
body{font-size:13px;}
.overlay{display:none;}
a,a:link,a:visited{text-decoration:none;outline:none;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
a img{outline:none;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
a.hover:hover img{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
div{outline:none;}

.steam{position:absolute;top:50%;right:0;transform:translate(0%, -50%);margin:0;width:100%;height:100%;overflow:hidden;}
.steam li{width:100%;position:absolute;right:0;top:0;transition: all 1s;}
/*.steam li:nth-child(1){margin:0;top:30%;right:0%;animation-delay:-2s;}
.steam li:nth-child(2){margin:0;top:40%;right:35%;animation-delay:1s;transform: rotate(45deg);}
.steam li:nth-child(3){top:50%;right:-20%;animation-delay:3s;transform: rotate(90deg);}
.steam li:nth-child(4){margin:0;top:45%;right:0%;animation-delay:-4s;}*/
.steam li img{width:100%;}
.type-cont{position:absolute;top:25%;left:50%;transform:translate(0%, -50%);color:#000;margin:0 0 0 -12%;width:24%;}
.type-cont h2{font-size:80px;line-height:1;}
.type-cont h2 span{font-size:20px;display:block;letter-spacing: .3em;}
.type-cont h2 img{width:100%;}
.scroll p{transform: rotate(90deg);padding:0 0 10px;}
	
.header{width:100%;height:88px;display:block;margin:0 auto;padding:0;position:fixed;z-index:2;background:#000;top:0;}
#home_header_cont{width:100%;height:90px;overflow:hidden;margin:0 auto;text-align:center;display:block;position:fixed;top:0;right:0;left:0;background:rgba(255,255,255,1);z-index:98;transition: all .2s;border-bottom:1px solid #000;opacity:0;}
#home_header_cont.scrolled{opacity:1;}
.header .header_cont{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;display:block;position: relative;}

h1#logo{display:block;margin:10px 0 0 10px;float:left;font-weight:normal;width:132px;z-index:99;position:fixed;top:0;display: none;transition: all .3s;}
h1#logo a{display:block;color:#fff;}
h1#logo a:hover{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
h1#logo a img{vertical-align: text-bottom;padding:0 8px 0 0;}
	
.menu{height: 30px;position: fixed;right: 20px;top: 30px;width: 40px;z-index: 101;cursor: pointer;}
.menu__line{background: #000;display: block;height: 1px;position: absolute;transition:transform .3s;width: 100%;}
.menu__line--center{top: 13px;}
.menu__line--bottom{bottom: 3px;}
.menu__line--top.active{top: 12px;transform: rotate(45deg);background:#fff;}
.menu__line--center.active{transform:scaleX(0);}
.menu__line--bottom.active{bottom: 16px;transform: rotate(135deg);background:#fff;}
.gnav__menu{background: rgba(0,0,0,.9);height: 100%;width:0px;position: fixed;overflow-x: hidden;z-index: 100;right:0;top:0;padding:80px 0 0;align-items:center;justify-content: center;transition: .3s;}
.gnav__menu.actived{width:300px;}
.gnav__menu li{margin:0;display: flex;}
.gnav__menu li a{width:100%;background: rgba(0,0,0,0);color: #fff;font-size:20px;padding:20px;text-decoration: none;transition: .2s;display: block;}
.gnav__menu li a:hover{background: rgba(0,0,0,1);}

.content{margin:-88px auto 0;padding:176px 0 0;}
.content h2{font-size:50px;text-align:left;color:#fff;margin:0 0 32px;padding:100px 0 100px 20px;background-size:cover;line-height:1;background:#c7000b;}
.content h2 span{font-size:14px;display:block;letter-spacing: .3em;}

section{position:relative;}
.home_cont{width:90%;max-width:1000px;margin:auto;overflow: hidden;margin:100px auto;font-weight:900;position:relative;z-index:2;}
.home_cont h2{font-size:40px;line-height:1.3;margin:0 0 40px;}
.home_cont h3{font-size:30px;line-height:1;margin:20px 0;font-weight:900;}
.left_cont{width:100%;box-sizing: border-box;margin:auto;}
.right_cont{width:100%;box-sizing: border-box;margin:auto;}
.cont .left_cont,.cont .right_cont{width:50%;}
.left_img{width:40%;float:left;}
.right_img{width:40%;float:right;}
.left_img img,.right_img img{width:100%;height:auto;}
.logo-li{font-size:0;}
.logo-li::after{content:"";display:block;width:100%;clear:both;}
.logo-li li{margin:0px 2% 2% 0;padding:0 20px;box-sizing: border-box; background:#000;height:128px;width:49%;text-align:center;align-items:center;display:flex;float:left;}
.logo-li li:nth-of-type(even){margin:0 0 5px;}
.logo-li li img{width:100%;height:auto;max-height:80%;}
.btn{display:block;color:#000;background:#fff;border:4px solid #000;box-sizing:border-box;overflow:hidden;position:relative;margin:30px 0 0;padding: 10px 0;width:240px;font-size:20px;font-weight:normal;cursor: pointer;outline: none;text-align: center;}
.btn span {position: relative;min-width:224px;text-align:center;z-index:2;}
.btn:before {position: absolute;top: 0;left:-100%;width:100%;height:100%;content: '';
-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
-webkit-transform: translateX(0);
transform: translateX(0);
background: #000;}
.btn:hover:before {-webkit-transform: translateX(100%);
transform: translateX(100%);z-index:1;}
.btn:hover{color:#fff;}
.bg_blk{background:#000;color:#fff;padding:80px 0;}
.bg_blk .home_cont{margin:0 auto;}
.bg_blk .btn{border-color:#fff;color:#fff;background:#000;}
.bg_blk .btn::before,.bg_blk .btn::after{background:#fff;}
.bg_blk .btn:hover{color:#000;}

.news_li li{padding:10px 0;}
.news_li li span{display:block;}
.news_li li a{color:#000;margin:0;padding:5px 0;display: inline-block;box-sizing: border-box;line-height:1.5;}
.news_li li a:hover{background:#000;color:#fff;padding:5px 0;}
.news_li h3{font-size:17px;margin:5px 0 10px;}
.news .normal_li li{padding:100px 40px;}
.news .normal_li li:nth-of-type(even){background:#fff;}
.news li h3{font-size:24px;text-align: left;margin:10px 0;padding:0;}

.cont{width:100%;max-width:1000px;padding:16px 0;margin:0 auto;display:block;box-sizing: border-box;overflow: hidden;}
.cont h3{font-size:40px;padding:16px 0;text-align: center;}
.cont h3 span{font-size:14px;display:block;}
.cont h4{font-size: 19px;text-align: center;font-weight: normal;}

.bg_gray{background:#eee;}
.bg_blk{background:#000;}

.menu_li{border-bottom:#000 solid 1px;margin:0 auto 20px;}
.menu_li li{border-top:#000 solid 1px;padding:20px;box-sizing: border-box;}
.menu_li li span{background:#000;color:#fff;padding:0 6px 1px;margin:0 4px 0 0;font-size:90%;}

.normal_li{border-bottom:#000 solid 1px;margin:0 auto 20px;}
.normal_li li{border-top:#000 solid 1px;padding:20px;box-sizing: border-box;}
.normal_li li:nth-of-type(even){background:#eee;}
.normal_li li span{width:100px;display:inline-block;}

.pagetop{position:absolute;right:24px;margin:0;bottom:20px;width:24px;height:24px;border-top:1px solid #fff;border-right:1px solid #fff;transform: rotate(-45deg);}
.pagetop:hover{color:#000;}

.footer_wrap{width:100%;color:#fff;display:block;margin:0;position:relative;clear:both;}
.footer_wrap a h2{font-size:32px;z-index: 1;}
.footer_wrap a p{font-size:13px;position: relative;}
.footer{display:block;width:100%;margin:0 auto;padding:20px 0;background:#000;clear:both;box-sizing: border-box;text-align: left;}
.footer_nav{margin:0;display:inline-block;}
.footer_nav li{padding:0;margin:0 10px;display:inline-block;position:relative;}
.footer_nav li:first-child::after{content:"｜";position:absolute;right:0;top:0;padding:10px 0 0;margin:0 -20px 0 0;}
.footer_nav li a{color:#fff;text-align:center;text-decoration:none;display: block;padding:10px;}
.footer_nav li a:hover{color:#666;}
}
@media screen and (max-width:540px){
.steam li:nth-child(1){margin:0;top:45%;right:0%;animation-delay:2s;}
.steam li:nth-child(2){margin:0;top:25%;right:0%;animation-delay:-3s;}
}
@media screen and (min-width:541px) and (max-width:768px){
.steam li:nth-child(1){margin:0;top:40%;right:10%;animation-delay:2s;}
.steam li:nth-child(2){margin:0;top:20%;right:25%;animation-delay:-3s;}
}
@media screen and (min-width:768px) and (max-width:1024px){
body{line-height:1.6;}
.pc{display:none!important;}
.overlay{display:none;}
a,a:link,a:visited{text-decoration:none;outline:none;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
a img{outline:none;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
a.hover:hover img{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
div{outline:none;}

.steam{position:absolute;top:50%;right:30%;transform:translate(0%, -50%);margin:0;width:100%;height:100%;overflow:hidden;}
.steam li{width:50%;position:absolute;right:0;top:0;transition: all 1s;}
.steam li:nth-child(1){margin:200px 0 0;top:0%;right:20%;animation-delay:2s;}
.steam li:nth-child(2){margin:200px 0 0;top:-20%;right:10%;animation-delay:-3s;}
/*.steam li:nth-child(1){margin:200px 0 0;top:10%;right:10%;animation-delay:-1s;}
.steam li:nth-child(2){margin:100px 0 0;top:24%;right:25%;animation-delay:2s;transform: rotate(45deg);}
.steam li:nth-child(3){top:50%;right:20%;animation-delay:4s;transform: rotate(90deg);}
.steam li:nth-child(4){margin:200px 0 0;top:0%;right:30%;animation-delay:-3s;}*/
.steam li img{width:100%;}
.type-cont{position:absolute;top:50%;left:75%;transform:translate(0%, -50%);color:#000;margin:0 0 0 -100px;width:200px;}
.type-cont h2{font-size:80px;line-height:1;}
.type-cont h2 span{font-size:20px;display:block;letter-spacing: .3em;}
.type-cont h2 img{width:100%;}
.scroll p{transform: rotate(90deg);padding:0 0 10px;}
	
.header{width:100%;height:88px;display:block;margin:0 auto;padding:0;position:fixed;z-index:2;background:#000;top:0;}
#home_header_cont{width:100%;height:90px;overflow:hidden;margin:0 auto;text-align:center;display:block;position:fixed;top:0;right:0;left:0;background:rgba(255,255,255,1);z-index:98;transition: all .2s;border-bottom:1px solid #000;opacity:0;}
#home_header_cont.scrolled{opacity:1;}
.header .header_cont{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;display:block;position: relative;}

h1#logo{display:block;margin:10px 0 0 10px;float:left;font-weight:normal;width:132px;z-index:99;position:fixed;top:0;display: none;transition: all .3s;}
h1#logo a{display:block;color:#fff;}
h1#logo a:hover{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
h1#logo a img{vertical-align: text-bottom;padding:0 8px 0 0;}
	
.menu{height: 30px;position: fixed;right: 20px;top: 30px;width: 40px;z-index: 101;cursor: pointer;}
.menu__line{background: #000;display: block;height: 1px;position: absolute;transition:transform .3s;width: 100%;}
.menu__line--center{top: 13px;}
.menu__line--bottom{bottom: 3px;}
.menu__line--top.active{top: 12px;transform: rotate(45deg);background:#fff;}
.menu__line--center.active{transform:scaleX(0);}
.menu__line--bottom.active{bottom: 16px;transform: rotate(135deg);background:#fff;}
.gnav__menu{background: rgba(0,0,0,.9);height: 100%;width:0px;position: fixed;overflow-x: hidden;z-index: 100;right:0;top:0;padding:80px 0 0;align-items:center;justify-content: center;transition: .3s;}
.gnav__menu.actived{width:300px;}
.gnav__menu li{margin:0;display: flex;}
.gnav__menu li a{width:100%;background: rgba(0,0,0,0);color: #fff;font-size:20px;padding:20px;text-decoration: none;transition: .2s;display: block;}
.gnav__menu li a:hover{background: rgba(0,0,0,1);}

.content{margin:-88px auto 0;padding:176px 0 0;}
.content h2{font-size:50px;text-align:left;color:#fff;margin:0 0 32px;padding:100px 0 100px 20px;background-size:cover;line-height:1;background:#c7000b;}
.content h2 span{font-size:14px;display:block;letter-spacing: .3em;}

section{position:relative;}
.home_cont{width:90%;max-width:1000px;margin:auto;overflow: hidden;margin:100px auto;font-weight:900;position:relative;z-index:2;}
.home_cont h2{font-size:40px;line-height:1.3;margin:0 0 40px;}
.home_cont h3{font-size:30px;line-height:1;margin:20px 0;font-weight:900;}
.left_cont{width:400px;box-sizing: border-box;margin:auto;}
.right_cont{width:400px;box-sizing: border-box;margin:auto;}
.cont .left_cont,.cont .right_cont{width:50%;}
.left_img{width:40%;float:left;}
.right_img{width:40%;float:right;}
.left_img img,.right_img img{width:100%;height:auto;}
.logo-li{font-size:0;}
.logo-li::after{content:"";display:block;width:100%;clear:both;}
.logo-li li{margin:0px 2% 2% 0;padding:0 20px;box-sizing: border-box; background:#000;height:128px;width:49%;text-align:center;align-items:center;display:flex;float:left;}
.logo-li li:nth-of-type(even){margin:0 0 5px;}
.logo-li li img{width:100%;height:auto;max-height:80%;}
.btn{display:block;color:#000;background:#fff;border:4px solid #000;box-sizing:border-box;overflow:hidden;position:relative;margin:30px 0 0;padding: 10px 0;width:240px;font-size:20px;font-weight:normal;cursor: pointer;outline: none;text-align: center;}
.btn span {position: relative;min-width:224px;text-align:center;z-index:2;}
.btn:before {position: absolute;top: 0;left:-100%;width:100%;height:100%;content: '';
-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
-webkit-transform: translateX(0);
transform: translateX(0);
background: #000;}
.btn:hover:before {-webkit-transform: translateX(100%);
transform: translateX(100%);z-index:1;}
.btn:hover{color:#fff;}
.bg_blk{background:#000;color:#fff;padding:80px 0;}
.bg_blk .home_cont{margin:0 auto;}
.bg_blk .btn{border-color:#fff;color:#fff;background:#000;}
.bg_blk .btn::before,.bg_blk .btn::after{background:#fff;}
.bg_blk .btn:hover{color:#000;}

.news_li li{padding:10px 0;}
.news_li li span{width:90px;display:inline-block;}
.news_li li a{color:#000;margin:0;padding:5px 0;display: inline-block;box-sizing: border-box;line-height:1.5;}
.news_li li a:hover{background:#000;color:#fff;padding:5px 0;}
.news_li h3{font-size:17px;margin:5px 0 10px;}
.news .normal_li li{padding:100px 40px;}
.news .normal_li li:nth-of-type(even){background:#fff;}
.news li h3{font-size:24px;text-align: left;margin:10px 0;padding:0;}

.cont{width:100%;max-width:1000px;padding:16px 0;margin:0 auto;display:block;box-sizing: border-box;overflow: hidden;}
.cont h3{font-size:40px;padding:16px 0;text-align: center;}
.cont h3 span{font-size:14px;display:block;}
.cont h4{font-size: 19px;text-align: center;font-weight: normal;}

.bg_gray{background:#eee;}
.bg_blk{background:#000;}

.menu_li{border-bottom:#000 solid 1px;margin:0 auto 20px;}
.menu_li li{border-top:#000 solid 1px;padding:20px;box-sizing: border-box;}
.menu_li li span{background:#000;color:#fff;padding:0 6px 1px;margin:0 4px 0 0;font-size:90%;}

.normal_li{border-bottom:#000 solid 1px;margin:0 auto 20px;}
.normal_li li{border-top:#000 solid 1px;padding:20px;box-sizing: border-box;}
.normal_li li:nth-of-type(even){background:#eee;}
.normal_li li span{width:100px;display:inline-block;}

.pagetop{position:absolute;right:24px;margin:0;bottom:20px;width:24px;height:24px;border-top:1px solid #fff;border-right:1px solid #fff;transform: rotate(-45deg);}
.pagetop:hover{color:#000;}

.footer_wrap{width:100%;color:#fff;display:block;margin:0;position:relative;clear:both;}
.footer_wrap a h2{font-size:32px;z-index: 1;}
.footer_wrap a p{font-size:13px;position: relative;}
.footer{display:block;width:100%;margin:0 auto;padding:20px 0;background:#000;clear:both;box-sizing: border-box;text-align: left;}
.footer_nav{margin:0;display:inline-block;}
.footer_nav li{padding:0;margin:0 10px;display:inline-block;position:relative;}
.footer_nav li:first-child::after{content:"｜";position:absolute;right:0;top:0;padding:10px 0 0;margin:0 -20px 0 0;}
.footer_nav li a{color:#fff;text-align:center;text-decoration:none;display: block;padding:10px;}
.footer_nav li a:hover{color:#666;}
}

@media screen and (min-width:1025px) {
.sp{display:none!important;}
.overlay{display:none;}
a,a:link,a:visited{text-decoration:none;outline:none;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
a img{outline:none;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;}
a.hover:hover img{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
div{outline:none;}

.steam{position:absolute;top:50%;right:40%;transform:translate(0%, -50%);margin:0;width:100%;height:100%;overflow:hidden;}
.steam li{width:50%;position:absolute;right:0;top:0;transition: all 1s;}
.steam li:nth-child(1){margin:200px 0 0;top:-10%;right:0;animation-delay:2s;}
.steam li:nth-child(2){margin:200px 0 0;top:-40%;right:0;animation-delay:-3s;}
/*.steam li:nth-child(1){margin:200px 0 0;top:-30%;right:10%;animation-delay:-1s;}
.steam li:nth-child(2){margin:100px 0 0;top:-15%;right:-5%;animation-delay:2s;transform: rotate(45deg);}
.steam li:nth-child(3){top:10%;right:10%;animation-delay:4s;transform: rotate(90deg);}
.steam li:nth-child(4){margin:200px 0 0;top:-40%;right:0;animation-delay:-3s;}*/
.steam li img{width:100%;}
.type-cont{position:absolute;top:50%;left:75%;transform:translate(0%, -50%);color:#000;margin:0 0 0 -100px;width:200px;}
.type-cont h2{font-size:80px;line-height:1;}
.type-cont h2 span{font-size:20px;display:block;letter-spacing: .3em;}
.type-cont h2 img{width:100%;}
.scroll p{transform: rotate(90deg);padding:0 0 10px;}
	
.header{width:100%;height:88px;display:block;margin:0 auto;padding:0;position:fixed;z-index:2;background:#000;top:0;}
#home_header_cont{width:100%;height:90px;overflow:hidden;margin:0 auto;text-align:center;display:block;position:fixed;top:0;right:0;left:0;background:rgba(255,255,255,1);z-index:98;transition: all .2s;border-bottom:1px solid #000;opacity:0;}
#home_header_cont.scrolled{opacity:1;}
.header .header_cont{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;display:block;position: relative;}

h1#logo{display:block;margin:10px 0 0 10px;float:left;font-weight:normal;width:132px;z-index:99;position:fixed;top:0;display: none;transition: all .3s;}
h1#logo a{display:block;color:#fff;}
h1#logo a:hover{opacity:0.60;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
h1#logo a img{vertical-align: text-bottom;padding:0 8px 0 0;}
	
.menu{height: 30px;position: fixed;right: 20px;top: 30px;width: 40px;z-index: 101;cursor: pointer;}
.menu__line{background: #000;display: block;height: 1px;position: absolute;transition:transform .3s;width: 100%;}
.menu__line--center{top: 13px;}
.menu__line--bottom{bottom: 3px;}
.menu__line--top.active{top: 12px;transform: rotate(45deg);background:#fff;}
.menu__line--center.active{transform:scaleX(0);}
.menu__line--bottom.active{bottom: 16px;transform: rotate(135deg);background:#fff;}
.gnav__menu{background: rgba(0,0,0,.9);height: 100%;width:0px;position: fixed;overflow-x: hidden;z-index: 100;right:0;top:0;padding:80px 0 0;align-items:center;justify-content: center;transition: .3s;}
.gnav__menu.actived{width:300px;}
.gnav__menu li{margin:0;display: flex;}
.gnav__menu li a{width:100%;background: rgba(0,0,0,0);color: #fff;font-size:20px;padding:20px;text-decoration: none;transition: .2s;display: block;}
.gnav__menu li a:hover{background: rgba(0,0,0,1);}

.content{margin:-88px auto 0;padding:176px 0 0;}
.content h2{font-size:50px;text-align:left;color:#fff;margin:0 0 32px;padding:100px 0 100px 20px;background-size:cover;line-height:1;background:#c7000b;}
.content h2 span{font-size:14px;display:block;letter-spacing: .3em;}

section{position:relative;}
.home_cont{width:90%;max-width:1000px;margin:auto;overflow: hidden;margin:100px auto;font-weight:900;position:relative;z-index:2;}
.home_cont h2{font-size:40px;line-height:1.3;margin:0 0 40px;}
.home_cont h3{font-size:30px;line-height:1;margin:20px 0;font-weight:900;}
.left_cont{width:46%;box-sizing: border-box;float:left;}
.right_cont{width:46%;box-sizing: border-box;float:right;}
.cont .left_cont,.cont .right_cont{width:50%;}
.left_img{width:40%;float:left;}
.right_img{width:40%;float:right;}
.left_img img,.right_img img{width:100%;height:auto;}
.logo-li{font-size:0;}
.logo-li::after{content:"";display:block;width:100%;clear:both;}
.logo-li li{margin:0px 2% 2% 0;padding:0 20px;box-sizing: border-box; background:#000;height:128px;width:49%;text-align:center;align-items:center;display:flex;float:left;}
.logo-li li:nth-of-type(even){margin:0 0 5px;}
.logo-li li img{width:100%;height:auto;max-height:80%;}
.btn{display:block;color:#000;background:#fff;border:4px solid #000;box-sizing:border-box;overflow:hidden;position:relative;margin:30px 0 0;padding: 10px 0;width:240px;font-size:20px;font-weight:normal;cursor: pointer;outline: none;text-align: center;}
.btn span {position: relative;min-width:224px;text-align:center;z-index:2;}
.btn:before {position: absolute;top: 0;left:-100%;width:100%;height:100%;content: '';
-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
-webkit-transform: translateX(0);
transform: translateX(0);
background: #000;}
.btn:hover:before {-webkit-transform: translateX(100%);
transform: translateX(100%);z-index:1;}
.btn:hover{color:#fff;}
.bg_blk{background:#000;color:#fff;padding:80px 0;}
.bg_blk .home_cont{margin:0 auto;}
.bg_blk .btn{border-color:#fff;color:#fff;background:#000;}
.bg_blk .btn::before,.bg_blk .btn::after{background:#fff;}
.bg_blk .btn:hover{color:#000;}

.news_li li{padding:10px 0;}
.news_li li span{width:90px;display:inline-block;}
.news_li li a{color:#000;margin:0;padding:5px 0;display: inline-block;box-sizing: border-box;line-height:1.5;}
.news_li li a:hover{background:#000;color:#fff;padding:5px 0;}
.news_li h3{font-size:17px;margin:5px 0 10px;}
.news .normal_li li{padding:100px 40px;}
.news .normal_li li:nth-of-type(even){background:#fff;}
.news li h3{font-size:24px;text-align: left;margin:10px 0;padding:0;}

.cont{width:100%;max-width:1000px;padding:16px 0;margin:0 auto;display:block;box-sizing: border-box;overflow: hidden;}
.cont h3{font-size:40px;padding:16px 0;text-align: center;}
.cont h3 span{font-size:14px;display:block;}
.cont h4{font-size: 19px;text-align: center;font-weight: normal;}

.bg_gray{background:#eee;}
.bg_blk{background:#000;}

.menu_li{border-bottom:#000 solid 1px;margin:0 auto 20px;}
.menu_li li{border-top:#000 solid 1px;padding:20px;box-sizing: border-box;}
.menu_li li span{background:#000;color:#fff;padding:0 6px 1px;margin:0 4px 0 0;font-size:90%;}

.normal_li{border-bottom:#000 solid 1px;margin:0 auto 20px;}
.normal_li li{border-top:#000 solid 1px;padding:20px;box-sizing: border-box;}
.normal_li li:nth-of-type(even){background:#eee;}
.normal_li li span{width:100px;display:inline-block;}

.pagetop{position:absolute;right:24px;margin:0;bottom:20px;width:24px;height:24px;border-top:1px solid #fff;border-right:1px solid #fff;transform: rotate(-45deg);}
.pagetop:hover{color:#000;}

.footer_wrap{width:100%;color:#fff;display:block;margin:0;position:relative;clear:both;}
.footer_wrap a h2{font-size:32px;z-index: 1;}
.footer_wrap a p{font-size:13px;position: relative;}
.footer{display:block;width:100%;margin:0 auto;padding:20px 0;background:#000;clear:both;box-sizing: border-box;text-align: left;}
.footer_nav{margin:0;display:inline-block;}
.footer_nav li{padding:0;margin:0 10px;display:inline-block;position:relative;}
.footer_nav li:first-child::after{content:"｜";position:absolute;right:0;top:0;padding:10px 0 0;margin:0 -20px 0 0;}
.footer_nav li a{color:#fff;text-align:center;text-decoration:none;display: block;padding:10px;}
.footer_nav li a:hover{color:#666;}
}

/*---------------------------------------------バナー追加*/
.btn_store a {
    display: block;
    width: 50px;
    position: fixed;
    right: 15px;
    top: 100px;
    z-index: 30;
}

.btn_store a:hover {
    opacity: 0.7;
}

.btn_store a img {
    width: 100%;
}