@charset "UTF-8";a,body,p{color:#222}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
p{line-height:1.5em}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
body,html{box-sizing:border-box;min-height:100%;background: #8E8E8E}
body{border-bottom:none}
body.opened{position:fixed;overflow-y:scroll}
.wrap { margin:0; padding:0;}

@media screen and (min-width:1024px){
	body{border:0 solid #FF191D; width:100%}
	}
@media screen and (max-width:1023px){
	body{border:0 solid #FF191D;border-top:none;padding-top:59px}
	}
	body,p{font:1em/1.8 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;     font-weight: 500;}
	a{text-decoration:none}
	.footer__nav a,a:hover{text-decoration:underline; color: #fff;}
	img{height:auto;width:100%}
@media screen and (min-width:1024px){
	.header{margin:0 auto;padding:0;position:relative;width:100%;z-index:2}
	.header .inner{left:0;opacity:1;padding:8px 0;position:absolute;top:0;transition:all .5s ease-out;width:100%; background: #8E8E8E}
	.header .inner.fixed{top:-30px}
	.header .fixed_box{margin:0 auto;width:944px}
	.header.fixed .inner{background:#222;opacity:1;position:fixed;top:0}
}
@media screen and (max-width:1023px){
	.header{box-sizing:border-box;left:0;position:fixed;top:0;width:100%;z-index:10}
	.header .inner{background:#8E8E8E;padding:16px 16px 2px}
	.header .inner:after{clear:both;content:"";display:block}
}

.header__ttl a{display:block;margin:0 auto;overflow:hidden;text-indent:-99999em}

@media screen and (min-width:1024px){
	.header__ttl{left:0;position:absolute;top:10px;width:100%}
	.fixed .header__ttl a{background:url("../../../common/img/header_ttl_1_top.png") center center no-repeat;background-size:contain;height:48px;width:auto}
}
@media screen and (max-width:1023px){
	.header__ttl{float:left;height:34px;width:150px}
	.header__ttl a{background:url("../../../common/img/sp/header_ttl_sp_1.png")center center no-repeat;background-size:contain;display:block;height:34px;width:150px}
}
@media screen and (min-width:1024px){
	.header__icn{float:left;height:56px;overflow:hidden;padding-top:0}
	.header__icn img{display:block;float:left;height:56px;margin-right:20px;width:auto}
}
@media screen and (max-width:1023px){
	.header__icn{float:right; margin-right: 3px;}
	.header__icn img{height:34px;margin-right:10px;width:auto}
}

.header__nav-btn span,.header__nav-list{width:100%;transition:all .5s ease-out;left:0}
.header__nav{float:right}
.header__nav-btn{float:right;z-index:10}
.header__nav-btn span{background:#fff;position:absolute}
.opened .header__nav-btn span{background:#fff}
.header__nav-list{background-color:rgba(0,0,0,.9);height:0;overflow:hidden;position:fixed;top:0}
.opened .header__nav-list{box-sizing:border-box;padding-top:80px;height:100%}
.header__nav-list.opened2{overflow:auto}
.header__nav span img{opacity:.4}

@media screen and (min-width:1024px){
	.header__nav-btn{cursor:pointer;height:25.5px;position:relative;top:16px;width:26px}
	/* height:25px; */
	.header__nav-btn span{height:3px}
	.header__nav-btn-01:nth-of-type(1){top:0}
	.opened .header__nav-btn-01:nth-of-type(1){top:-10px;-webkit-transform:translateY(20px) rotate(45deg);-ms-transform:translateY(20px) rotate(45deg);transform:translateY(20px) rotate(45deg)}.header__nav-btn-02:nth-of-type(2){top:11px}
	.opened .header__nav-btn-02:nth-of-type(2){opacity:0}
	.header__nav-btn-03:nth-of-type(3){bottom:0}
	.opened .header__nav-btn-03:nth-of-type(3){bottom:-8px;-webkit-transform:translateY(-20px) rotate(-45deg);-ms-transform:translateY(-20px) rotate(-45deg);transform:translateY(-20px) rotate(-45deg)}
	.header__nav li{ text-align: center; margin: 0 auto 44px;}
	.header__nav li a{color: #fff; font-size: 2em;}
}

@media screen and (max-width:1023px){
	.header__nav-btn{cursor:pointer;float:right;height:16px;margin-top:6px;position:relative;width:16px;z-index:2}
	.header__nav-btn span{background:#fff;height:2px;left:0;position:absolute;transition:all .5s ease-out;width:100%}
	.opened .header__nav-btn span{background:#fff}
	.header__nav-btn-01:nth-of-type(1){top:0}
	.opened .header__nav-btn-01:nth-of-type(1){top:-14px;-webkit-transform:translateY(20px) rotate(45deg);-ms-transform:translateY(20px) rotate(45deg);transform:translateY(20px) rotate(45deg)}.header__nav-btn-02:nth-of-type(2){top:7px}
	.opened .header__nav-btn-02:nth-of-type(2){opacity:0}
	.header__nav-btn-03:nth-of-type(3){bottom:0}
	.opened .header__nav-btn-03:nth-of-type(3){bottom:-12px;-webkit-transform:translateY(-20px) rotate(-45deg);-ms-transform:translateY(-20px) rotate(-45deg);transform:translateY(-20px) rotate(-45deg)}
	.header__nav li{margin:0 auto 32px;width:auto; text-align: center;}
	.header__nav li a { color: #fff;}
}

.social{text-align:center;width:100%;padding-top:20px;}
.social ul{display:inline-block;margin:0 auto 40px}
.social li{display:inline-block;font-size:14px;line-height:1;padding:0 15px;transition:all .5s ease-out}
.social li:hover{opacity:.7}
.social li img{height:32px;width:32px}

@media screen and (min-width:1024px){
	.pt{border-bottom:0 solid #FF191D;box-sizing:border-box;bottom:0;padding:0 16px;position:fixed;right:0;text-align:left;width:100%}
	.pt a{background:url("../../../common/img/pt_btn_96.png") no-repeat; background-size: 48px 48px; display:block;width:48px;height:48px;margin:0 0 0 auto;opacity:0;overflow:hidden;text-indent:-99999em;transition:opacity .5s ease-out;}
	.pt a.fixed{opacity:1}
}

@media screen and (max-width:1023px){
	.pt{border-bottom:8px solid #8E8E8E;box-sizing:border-box;padding:0 8px;bottom:0;position:fixed;right:0;text-align:left;width:100%}
	.pt a{background:url(../../../images/refaure/re_btn-sp.png) center center no-repeat;background-size:24px 24px;display:block;height:36px;margin:0 0 0 auto;opacity:0;overflow:hidden;text-indent:-99999em;transition:opacity .5s ease-out;width:36px}
	.pt a.fixed{opacity:1}
}

.footer{background:#8E8E8E;font-size:11px}

@media screen and (min-width:1024px){
	.footer .inner{margin:0 auto;padding:45px 0;width:944px}
	.footer__ttl{margin-bottom:40px;text-align:center}
	.footer__ttl img{height:21px;width:149px}
}

@media screen and (max-width:1023px){
	.footer{padding:30px 20px}
	.footer .inner{}
	.footer__ttl{margin-bottom:24px;text-align:center}
	.footer__ttl img{height:22px;width:148px}
}

.footer__nav{clear:both;font-size:0;line-height:0;padding:20px 0 42px;text-align:center}
.footer__nav li{display:inline-block;font-size:11px;line-height:1.8}
.footer__nav a:hover{text-decoration:none}
.footer__copyright{color:#fff;text-align:center}

@media screen and (min-width:1024px){
	.footer__sitemap{float:left;width:272px}
	.footer__nav li{padding:0 1em}
	.break__sp{display:none}
}

@media screen and (max-width:1023px){
	.footer__nav li{padding:0 .25em}.break__pc{display:none}
}

.bnr a,.bnr span{background-repeat:no-repeat;display:block;margin:0 auto;overflow:hidden}


.bnr__apl-btn{box-sizing:border-box;font-family:YuMincho,"游明朝",YuGothic,游ゴシック,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif!important;text-align:center}
.bnr__apl-btn a{background-color:#222;border:1px solid #fff;color:#fff;display:block}

@media screen and (min-width:1024px){
	.bnr__case03{margin-left:16px}
	.bnr__apl-btn{border:6px solid #222;box-sizing:border-box;font-size:24px!important;line-height:74px!important;margin:-30px auto 72px;width:400px}
	.bnr__apl-btn a{transition:all .5s ease-out}
	.bnr__apl-btn a:hover{background:#fff;color:#222;text-decoration:none}
	
}

@media screen and (max-width:1023px){
	.bnr__apl-btn{border:4px solid #222;box-sizing:border-box;font-size:16px!important;line-height:50px!important;margin:30px 16px}
}


#about iframe {}
#movie img { cursor: pointer;} 
.text_block { padding-bottom: 40px;}
.logo-area { display: block; width: 395px; margin: 0 auto;}
/* width: 394.38px; */
.logo-area a { margin-right: 15px;}
.logo-area a.last { margin-right: 0;}
.logo-area p { float: left; height: 62px; margin: 10px 0 60px}
.logo-area p.keitto { padding-top: 1px;}
.logo-area p.edy { padding-top: 1px; padding-left: 2px;}
.logo-area img.pavut { width:58.8px; height: 60px}
.logo-area img.keitto { width:51.6px; height: 60px}
.logo-area img.edy { width:127.2px; height: 60px}
.logo-area img.gu { width:109.8px; height: 60px}
.clearfix { clear: both}

@media screen and (max-width:1023px) {
	.logo-area { display: block; width: 264px; margin: 0 auto;}
	.logo-area p { float: left; height: 42px; margin: 10px 0 40px}
	.logo-area a { margin-right: 10px;}
	.logo-area img.pavut { width:39.2px; height: 40px}
	.logo-area img.keitto { width:34.8px; height: 40px}
	.logo-area img.edy { width:84.8px; height: 40px}
	.logo-area img.gu { width:73.2px; height: 40px}
	
}