@charset "UTF-8";
/* CSS Document */

/*-- 共通部分 --*/
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html, body, a {
  cursor: none;
}


html {
font-size:62.5%;
}


body{
font-family: 'Roboto', sans-serif;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
line-height: 1.4;
color: #000;
font-size: 1.6rem;
position: relative;
cursor: none;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

ul {
  list-style: none;
}

li{
    list-style:none;
}

p{
letter-spacing: 0.02em;
line-height: 1.5;
font-size: 1.6rem;
}

a{
	text-decoration: none;
	color:#000;
}

h1{
	margin:0;
}

.inner{
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}

/*-- For Links --*/

a,a:active,a:visited,a:focus,a:hover{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a {
    color: #3e3e3e;
    text-decoration:none;
    outline: none;
}

a:hover {
    text-decoration:none;
}




/* show only  SP/PC*/
.sp-only {
	display: none;
}

.pc-only {
	display: block;
}

@media screen and (max-width: 479px){
	.sp-only {
		display: block;
	}
}

.wrapper{
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
}

.btn {
  display: inline-block;
  width: 160px;
  margin: 16px;
  text-align: center;
  font-size: 16px;
  line-height: 1;
}
.btn a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 16px;
  cursor: none;
}

/*  //マウスカーソル  */

/*-- header --*/
.header{
	opacity:0.9;
	padding: 20px 0;
	position: fixed;
    top: 0;
    width: 100%;
	z-index:10;
	background:#fff;
}

.top-header{
	background:none;
}

.header-inner{
	max-width: 1900px;
	padding:0 3%;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}

.top-logo img{
	width: 200px;
}

.nav-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .nav-list .list_text{
	font-family: 'Roboto', sans-serif;
	color:#000;
	padding-left:40px;
}

.top-header .nav-list .list_text{
	color:#fff;
	text-shadow: 1px 2px 3px #808080;
}

.header .nav-list .list_text::first-of-type{
	padding-left:0;
}

.header .nav-list a{
	color: #000;
	font-size: 1.2rem;
}

.top-header .nav-list a{
	color:#fff;
}

.list_text {
	display: inline-block;
	overflow: hidden;
}

.list_text span {
	font-size:1.6rem;
	display: inline-block;
	position: relative;
	padding: 0.1em 0.3em;
	transition: .22s;
	transform-origin: 0% 0%;
	transform-style: preserve-3d;
}
.list_text span:after {
	display: block;
	position: absolute;
	padding: 0.1em 0.3em;
	left: 0;
	top: 0;
	content: attr(data-text);
	color: #000;
	transform-origin: 90% 0%;
	transform: translate3d(0, 90%, 0) rotateX(-90deg);
}

.list_text:hover span {
	transform: translate3d(0, 0, -90px) rotateX(90deg);
}

.top-header .list_text span:after {
	color: #fff;
}


.nav-area > ul {
  display: table;
  padding-left: 50px;
}

.nav-area > ul > li {
  display: table-cell;
  margin-right: 2em;
}

.nav-area > ul > li:hover {
  color: #000;
}

.nav-area > ul > li:hover > a {
  color: #000;
}

.nav-area > ul > li:hover .menu {
  max-height: 9999px;
  opacity: 1;
}

.nav-area > ul > li > a {
  display: block;
  padding: 25.5px 1em 15.5px;
  transition: all .2s ease-in;
}

.nav-area > ul .menu {
  transition: all .2s ease-in;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  left: 0%;
  text-align: center;
  position: absolute;
  background-color: #19192b;
  display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: 24px;
	top:121%;
}

.nav-area > ul .menu02 {
	left:50%;
}

.nav-area > ul .menu a {
  color: #fff;
	padding:1em 1.4em;
	display:block;
}

.nav-area > ul .thum_menu{
	position: absolute;
	width: 500px;
/*	margin-top: 9px;*/
}

.nav-area-news > ul .menu {
  	margin-top: 20px;
}


.menu img{
	width: 300px;
  height: 100%;
}

.nav-area{
	position: relative;
}

.nav-area > ul .thum_menu .menu_inner {
	margin: 0 auto;
}

.nav-area > ul .menu .menu_inner {
	margin: 0 auto;
}

.nav-area > ul .menu .menu_inner li{
	width: 250px;
}


/*  メインスライド　*/
.slider_area{
	position: relative;
	overflow: hidden;
}

.slider_catch{
	position: absolute;
	top:24%;
	left:0%;
	background-color: rgba(0,0,0,0.4);
	padding:70px 65px;
}

.merrell-slide .slider_catch{
	width: 800px;
	position: absolute;
	background-color: inherit;
	top:inherit;
	bottom:0;
  	left:50%;
  	transform:translateX(-50%);
	text-align: center;
	padding:35px 30px;
}

.slider_catch img{
	width: 140px;
}

#slide-merrell img{
	width: 180px;
}

#slide-rockport img{
	width: 240px;
}

.catch_title{
	padding-top:40px;
}

.catch_title span{
	font-family: 'Roboto', sans-serif;
	font-size:8rem;
	font-weight:bold;
	color: #fff;
	display:block;
	line-height:1;
}

.merrell-slide .catch_title span{
	font-size:7.2rem;
}


.catch_title .catch_title_ifme{
	font-size:7rem;
	line-height:0.7;
}

.catch_subtitle{
	font-size:2rem;
	font-weight:bold;
	color: #fff;
	margin-top: 30px;
}

.catch_subtext{
	font-size:1.5rem;
	padding-top:10px;
	color: #fff;
	line-height:1.8;
}

/*メイン画像ズーム*/
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}



.swiper-wrapper{
	width: 100%;

    overflow: hidden;
    position: relative;
    z-index: 9;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 0s 1 normal both;
}

.sp-swiper-container{
	position: absolute;
	margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    height: 200px;
}

.slide-img img{
  display: block;
  width: 100%;
}

.swiper-slide{
	position: relative;
	overflow: hidden;
}




/*PCで表示分け*/
@media screen and (min-width:960px) and (max-width:1119px) {
.slider_catch{
	top:24%;
	left:0%;
	padding:35px 30px;
}

.slider_catch img{
	width: 100px;
}

.catch_title{
	padding-top:30px;
}

.catch_title span{
	font-size:4.8rem;
	line-height:1;
}

.merrell-slide .catch_title span{
	font-size:4.8rem;
	line-height:1;
}

.catch_subtitle{
	font-size:1.8rem;
	margin-top: 30px;
}

.catch_subtext{
	font-size:1.5rem;
	padding-top:10px;
}
}


@media screen and (max-width: 959px){
.slider_catch{
	position: absolute;
	top:24%;
	left:0%;
	background-color: rgba(0,0,0,0.7);
	padding:30px 25px;
}

.slider_catch img{
	width: 100px;
}

.catch_title{
	padding-top:30px;
}

.catch_title span{
	font-size:4rem;
	line-height:1;
}

.merrell-slide .catch_title span{
	font-size:4rem;
	line-height:1;
}

.catch_subtitle{
	font-size:1.6rem;
	font-weight:bold;
	color: #fff;
	margin-top: 14px;
}

.catch_subtext{
	font-size:1.4rem;
	padding-top:10px;
	color: #fff;
	line-height:1.8;
	max-width:500px;
}
}


@media screen and (max-width: 479px){
	.pc-only{
		display:none;
	}

	#cursor{
		display:none;
	}

	#stalker{
		display:none;
	}

	.slider_catch{
		position: static;
		background-color: rgba(0,0,0,1);
		padding:20px 15px;
		height: 130px;
	}

.merrell-slide .slider_catch{
	position: static;
	background-color: rgba(0,0,0,1);
	padding:20px 15px;
	height: 130px;
	top: 24%;
    left: 0%;
	bottom:inherit;
	transform:translateX(0);
	width: 100%;
	text-align: left;

}

#slide-merrell img{
	width: 110px;
}

.slider_catch img{
	width: 60px;
}

.catch_title{
	padding-top:10px;
}

.catch_title span{
	font-size:1.8rem;
	line-height:1;
}

.merrell-slide .catch_title span{
	font-size:1.8rem;
	line-height:1;
}

.catch_title .catch_title_ifme{
 	display:inline-block;
}

.catch_subtitle{
	font-size:1.1rem;
	font-weight:bold;
	color: #fff;
	margin-top: 14px;
}

.catch_subtext{
	font-size:1.2rem;
	padding-top:10px;
	color: #fff;
	line-height:1.8;
	max-width:500px;
}
}

/*  //メインスライド　*/


/*news*/
#news{
	position: relative;
	padding: 36px 0;
}

.news-inner{
	max-width:1240px;
	width: 100%;
	margin: 0 auto;
	padding:0 4%;
}

.news_title{
	font-family: 'Roboto', sans-serif;
	font-size:3.2rem;
	font-weight:bold;
	padding:60px 44px;
	color:#fff;
	background:#e30113;
	position: absolute;
	top:-30%;
	left:0;
	width: 380px;
	z-index:1;
}

.news-contents{
	padding-left:200px;
}

.news-contents p{
	font-size:1.6rem;
}

.news-contents a{
	display:block;
}

.news-contents iframe{
	width: 100%;
}

.news-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding:15px 20px 15px 30px;
}

.news-list:hover{
	background:#ebebeb;
	padding:15px 20px 15px 30px;
}

.news-text{
	padding-left: 25px;
	width: 100%;
}

.news-date{
	font-family: 'Roboto', sans-serif;
}

.pdf_link{
	position: relative;
	padding-left:30px;
}

@media screen and (max-width:1500px) {
	#news{
		position: relative;
		padding:120px 0 0;
	}

	.news-contents{
		padding-left:0;
	}
}


@media screen and (min-width:960px) and (max-width:1119px) {
	.news_title{
		padding:40px 14px;
		width: 300px;
		top:-20%;
	}

	.news-list{
		padding:12px 30px;
	}

	.news-list:hover{
		background:#ebebeb;
		padding:12px 30px;
	}
}

@media screen and (max-width: 959px){
	.news_title{
		padding:40px 14px;
		width: 300px;
		top:-10%;
	}

	.news-list{
		padding:12px 30px;
	}

	.news-list:hover{
		background:#ebebeb;
		padding:12px 30px;
	}

	.news-contents p{
		font-size:1.5rem;
	}
}

@media screen and (max-width: 479px){

	.news_title{
		padding: 16px 10px;
		width: 160px;
/*		top: -3%;*/
		top: 5%;
		font-size:1.8rem;
	}

	.news-list{
		padding: 8px 6px;
		display:block;
	}

	#news{
		position: relative;
		padding:100px 0 54px;
	}

	.news-contents .news-text{
		padding-left: 0;
		font-size:1.3rem;
	}

	.news-contents .news-date{
		font-size:1.2rem;
	}

	.news-list:hover{
		padding: 8px 6px;
	}

	.catch_title .catch_title_ifme{
		font-size:1.8rem;
	}

}



/*//news*/


/*  イントロ　*/
#contents01{
	margin: 110px 0 60px;
	position: relative;
}

#contents01_reverse{
	margin: 60px 0 160px;
	position: relative;
}

.contents01-inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding:0 4%;
	justify-content: space-between;
}

.catch{
	font-family: 'Roboto', sans-serif;
	font-size:4.8rem;
	color:#e30113;
}

.catch_block{
	display:block;
	letter-spacing: -0.03em;
	line-height: 1.1;
}

.bold_text{
	font-weight:bold;
}

.contents01_text{
	width: 48%;
	padding-right:2%;
}

.contents01_image{
	position: absolute;
	right:0;
	width: 50%;
	height: 350px;
	background-image:url("../images/contents01.jpg");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

.catch-image{
	width: 50%;
}

.text_catch{
	font-size:1.8rem;
	font-weight:bold;
	padding-top:20px;
}

.text_detail{
	font-size:1.6rem;
	padding-top:40px;
	margin-bottom:20px;
}

#contents01_reverse .contents01-inner{
	flex-flow: row-reverse;
}

.contents01_image_reverse{
	position: absolute;
    left: 0;
    width: 50%;
    height: 350px;
    background-image: url("../images/contents02.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#contents01_reverse .contents01_text{
	width: 48%;
	padding-left: 2%;
	padding-right: 0;
}

.btn{
	width: 160px;
}

.more-btn{
	font-family: 'Roboto', sans-serif;
	font-size: 1.3rem;
	width: 160px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	padding: 20px;
}

.btn a {
  position: relative;
  z-index: 2;
}

.btn a:before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 120%;
  height: 100%;
  z-index: -1;
  transition: all 300ms linear;
  transform: skewX(-30deg) scale(0, 1);
}

.btn a:hover:before {
  left: -10%;
  transform: skewX(-30deg) scale(1, 1);
}

#contents01 .btn,
#contents01_reverse .btn{
	color: #e30113;
	border: 1px solid #e30113;
	background: #fff;
	margin-left:auto;
	overflow: hidden;
}

#contents01 .btn a,
#contents01_reverse .btn a{
	color: #e30113;
}

#contents01 .btn a:before,
#contents01_reverse .btn a:before{
	background-color: #e30113;
}

#contents01 .btn a:hover,
#contents01_reverse .btn a:hover{
	color:#fff;
}

@media screen and (min-width:960px) and (max-width:1119px) {
	.contents01_image{
		position: absolute;
		right:0;
		width: 45%;
		height: 220px;
	}

	.contents01_image_reverse{
		position: absolute;
		right:0;
		width: 45%;
		height: 220px;
	}

	.catch{
		font-size:4rem;
	}

	.text_catch{
		font-size:1.5rem;
		padding-top:12px;
	}

	.text_detail{
		font-size:1.4rem;
		padding-top:11px;
		margin-bottom:20px;
	}

	.contents01_br{
		display:block;
	}

	.catch_block{
		line-height: 1.1;
	}

	.btn{
		width: 140px;
	}

	.more-btn{
		width: 140px;
	}

}

@media screen and (max-width: 959px){
	#contents01{
		padding-top: 70px;
		margin: 0;
	}

	#contents01_reverse{
		margin: 40px 0 80px;
	}


	.contents01_image{
		position: absolute;
		right:0;
		width: 40%;
		height: 180px;
	}

	 .contents01_image_reverse{
		position: absolute;
		right:0;
		width: 40%;
		height: 180px;
	}

	.catch{
		font-size:3.2rem;
	}

	.text_catch{
		font-size:1.5rem;
		padding-top:12px;
	}

	.text_detail{
		font-size:1.4rem;
		padding-top:11px;
		margin-bottom:20px;
	}

	.contents01_br{
		display:block;
	}

	.catch_block{
		line-height: 1.1;
	}

	.contents01_text{
		width: 60%;
		padding-right:0;
	}

	#contents01_reverse .contents01_text{
		width: 60%;
		padding-right:0;
	}


	.btn{
		width: 160px;
	}

	.more-btn{
		width: 160px;
	}

}

@media screen and (max-width: 479px){
	#contents01{
		padding: 40px 0;
		padding: 0 2%;
		margin-top: 30px;
	}

	#contents01_reverse{
		margin: 0 0 40px;
		padding: 0 2%;
	}

	.contents01_image{
		position: static;
    	width: 100%;
		height: 152px;
		background-size: contain;
		background-position: center;
	}

	.contents01_image_reverse{
		position: static;
    	width: 100%;
		height: 152px;
		background-size: contain;
		background-position: center;
	}

	.contents01-inner{
		margin-top: 20px;

	}

	.contents01_text{
		width: 100%;
		padding-right:0;
	}

	#contents01_reverse .contents01_text {
    	width: 100%;
		padding: 0;
	}

	.catch{
		font-size:2.2rem;
	}

	.text_catch{
		padding-top:8px;
	}

	#contents01 .btn{
		margin: 0 auto;
	}

	.btn .more-btn{
		width: 120px;
		font-size:1.2rem;
		padding:10px;
		height: auto;
	}

	#contents01 .btn, #contents01_reverse .btn {
		color: #e30113;
		border: 1px solid #e30113;
		background: #fff;
		overflow: hidden;
		display:block;
		margin: 0 auto;
}

}



/*　　ビジネス　 */
#contents02{
	padding: 0 4%;
	z-index: -1;
	background-image: url("../images/layer.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-color: rgba(0,0,0,0.9);
}

.contents02-inner{
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	z-index: 5;
	position: relative;
}

#contents02 .heading__wrapper{
	position: absolute;
	top:10%;
	left:40%;
	z-index:1;
}

.heading{
	font-family: 'Roboto', sans-serif;
	font-size:5rem;
	font-weight:bold;
	color:#e30113;
	text-align: center;
}

.sub_heading{
	font-size:1.8rem;
	padding-top:18px;
	color:#e30113;
	text-align: center;
}


.business_box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	position: relative;
/*	padding-top: 60px;*/

}

.business_block{
	width: 460px;
	height: 740px;
	position: relative;
}

.business__bg{
	background-color: rgba(0,0,0,0.7);
	height: 740px;
}

.business_block_inner{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 300px;
	text-align: center;

}

.business_block-01{
	background-image: url("../images/business01.jpg");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-color: rgba(0,0,0,0.8);
/*	z-index:-5;*/
}

.business_block-02{
	background-image: url("../images/business02.jpg");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% center;
}

.business_block-03{
	background-image: url("../images/business03.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% 50%;
}




.block_title{
	font-family: 'Roboto', sans-serif;
	font-size:2.2rem;
	font-weight:bold;
	color:#e30113;
	text-align: center;
	line-height:1.2;
}

.block_subtitle{
	font-size:1.6rem;
	padding-top:0.8rem;
	color:#e30113;
	text-align: center;
}

.block_text{
	font-size:1.5rem;
	padding-top:1.2rem;
	padding-top:30px;
	color:#fff;
	text-align: center;
}

#contents02 .btn{
	margin:0 auto;
	margin-top:2.4rem;
	color: #e30113;
	border: 1px solid #fff;
	margin-left:auto;
	overflow: hidden;
}

#contents02 .btn a{
	color: #fff;
}

#contents02 .btn a:before{
	background-color: #fff;
}

#contents02 .btn a:hover{
	color:#e30113;
}



.business_section{
	position: relative;
}

.logo_block{
	width: 314px;
	height: 314px;
	border-radius: 50%;
	background:#e30113;
	position: absolute;
    z-index: 1;
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.logo_block img{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (min-width:960px) and (max-width:1119px) {

	.contents02-inner{
		padding: 0 4%;
	}

	.logo_block{
		width: 220px;
		height: 220px;
	}

	#contents02 .heading__wrapper {
		left: 38%;
	}

	.sub_heading{
		padding-top:6px;
	}


	.logo_block img{
		width: 140px;
	}

	.business_block{
		height: 640px;
	}

	.business__bg{
		height: 640px;
	}

	.block_title{
		font-size:2.2rem;
	}

	.block_text{
		font-size: 1.5rem;
		width: 75%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 959px){

	#contents02{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		padding:40px 0 0;
	}
	.contents02-inner{
		padding: 0;
	}

	#contents02 .heading__wrapper{
		position: initial;
	}

	.business_block{
		width: 100%;
		height: 400px;
		margin: 0 auto;
	}

	.business__bg{
		height: 400px;
	}

	.heading{
		font-size:4rem;
	}

	.sub_heading{
		font-size:1.6rem;
		padding-top:14px;
	}

	.contents02-inner{
		padding: 0;
	}

	.business_box{
		display:block;
		padding-top: 40px;
	}

	.logo_block{
		width: 160px;
		height: 160px;
	}

	.logo_block img{
		width: 120px;
	}

	.business_block{
		margin: 0 auto;
		margin-bottom: 0;
	}

	.business_block:last-of-type{
		margin-bottom: 0;
	}

	.business_block_inner{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 400px;
		padding: 0 4%;
	}

	.block_inner_top{
		top: 45%;
	}

	.block_inner_bottom{
		top: 55%;
	}

	.block_title{
		font-family: 'Roboto', sans-serif;
		font-size:2.8rem;
		font-weight:bold;
		color:#e30113;
		text-align: center;
		line-height:1;
	}

	.block_subtitle{
		font-size:1.4rem;
		padding-top:10px;
		color:#e30113;
		text-align: center;
	}

	.block_text{
		font-size:1.4rem;
		padding-top:14px;
		color:#fff;
		text-align: center;
	}

	#contents02 .btn{
		margin-top:20px;
	}
}

@media screen and (max-width: 479px){
	#contents02{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		padding:40px 0 0;
	}

	.contents02-inner{
		padding: 0;
	}

	#contents02 .heading__wrapper{
		position: initial;
	}

	.heading{
		font-size:2.8rem;
	}

	.sub_heading{
		font-size:1.4rem;
		padding-top:10px;
	}

	.business_box{
		display:block;
		padding-top: 0;
	}

	.logo_block{
		width: 100px;
		height: 100px;
	}

	.logo_block img{
		width: 80px;
	}

	.business_block{
		width: 100%;
		height: 300px;
		margin: 0 auto;
	}

	.business__bg{
		height: 300px;
	}

	.business_block_inner{
		width: 100%;
	}

	.block_title{
		font-family: 'Roboto', sans-serif;
		font-size:2rem;
		font-weight:bold;
		color:#e30113;
		text-align: center;
		line-height:1;
	}

	.block_subtitle{
		font-size:1.2rem;
		padding-top:10px;
		color:#e30113;
		text-align: center;
	}

	.block_text{
		font-size:1.2rem;
		padding-top:14px;
		color:#fff;
		text-align: center;
	}

	.business_section{
		margin-top: 30px;
	}

	#contents02 .btn{
		margin-top:20px;
	}

	.block_inner_top{
		top: 48%;
	}
}




/*  取り扱いブランド　*/
#contents03{
	padding: 100px 0 110px;
}

.contents03-inner{
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	padding:0 2%;
}

.brands_image{
	overflow:hidden;
	margin:0 auto;
}

.brands_image img{
	width: 550px;
	transition:1s all;
}

.brands_image img:hover{
  transform:scale(1.05,1.05);
  transition: .8s all;
}

.brands_text{
	padding:30px 0 0 20px;
}

.brands_block{
	margin-right: 4rem;
	margin-bottom: 4rem;
}

.brands_block:nth-of-type(2n){
	margin-right:0;
}

.brands_box{
	padding-top:68px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: -4rem;
}


@media screen and (min-width:960px) and (max-width:1119px) {

	#contents03{
		padding: 65px 0 85px;
	}

	.brands_block{
		width: 49%;
		margin-right: 1rem;
	}
}

@media screen and (max-width: 959px){
	#contents03{
		padding: 65px 0 85px;
	}

	.brands_block{
		width: 49%;
		margin-right: 1rem;
	}

	.brands_text{
		padding:20px 0 0 0;
		font-size:1.4rem;
	}

	.brands_box{
		padding-top:30px;
	}
}

@media screen and (max-width: 479px){
	#contents03{
		padding: 40px 0;
	}

	.brands_block{
		margin-bottom:0;
		margin-right: 1rem;
		width: 48%;
	}

	.brands_text{
		padding:8px 0 24px;
		font-size:1.2rem;
	}
}


/*　フッターバナーエリア　*/
.contents04{
	padding: 60px 0;
}

.contents04-gray{
/*	background:#f9f9f9;*/
	background:#f7f7f7;
}

.contents04-gray02{
	background:#f0f0f0;
}

.contents04-gray03{
	background:#f7f7f7;
}

.contents04-inner{
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	padding:0 2%;
}

.footer_banner__wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
/*	justify-content: space-between;*/
    flex-wrap: wrap;
	margin-top: 40px;
	margin-bottom: -2rem;
}


.footer_banner{
/*	width: 32.5%;*/
	width: 32%;
	margin-right: 2.5rem;
	margin-bottom: 2rem;
}

.footer_banner:after {
    content: "";
    display: block;
    width: 32%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}

.footer_banner:nth-child(3n){
	margin-right: 0;
}



.footer_banner_inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.banner_title{
	background:#fff;
	width: 265px;
	position: relative;
	display: flex;
	align-items: center;
	padding:1.4rem 1.6rem;
}

.footer_banner_title{
	font-family: 'Roboto', sans-serif;
	color:#e30113;
	font-size:1.4rem;
	line-height: 1.2;
	padding-bottom:0.8rem;

}

.footer_banner_title span{
	font-size:2.2rem;
}



.banner_image img{
	width: 300px;
}




.footer_banner:last-of-type{
	margin-right:0;
}

.footer_banner_text{
	font-size:1.1rem;
}

@media screen and (max-width:1440px) {
	.footer_banner_title{
		font-family: 'Roboto', sans-serif;
		color:#e30113;
		font-size:1.2rem;
	}

	.footer_banner_title span{
		font-size:1.8rem;
	}

	.banner_title{
		background:#fff;
		padding:1rem 1.4rem;
	}

	.footer_banner{
		width: 32%;
		margin-right: 1.9rem;
		margin-bottom: 2rem;
	}


}

@media screen and (min-width:960px) and (max-width:1119px) {
	.footer_banner_title span{
		font-size: 1.8rem;
	}

	.banner_title{
		background:#fff;
		width: 320px;
		position: relative;
		display: flex;
		align-items: center;
		padding:1.4rem 1.6rem;
	}

	.banner_image img{
		width: 320px;
	}


	.footer_banner_inner{
		display: block;
	}


	.footer_banner_text{
		font-size:1.1rem
	}

	.footer_banner_title{
		padding-bottom:8px;
	}

	.footer{
		background:#ebebeb;
		padding:32px 0;
	}
}

@media screen and (max-width: 959px){
	.footer_banner_title span{
		font-size:1.8rem;
		margin-right:3px;
	}

	.footer_banner_inner{
		display: block;
	}

	.banner_title{
		width: 100%;
		height: 68px;
		padding:12px 18px;
	}

	.banner_br{
		display:none;
	}

	.footer_banner_text{
		font-size:1.2rem;
	}

	.footer_banner_title{
		padding-bottom:8px;
	}

	.footer_banner{
		display:block;
		margin-right: 1.4rem;
	}

}



@media screen and (max-width: 479px){
	.footer_banner__wrapper{
		justify-content: space-between;
	}
}





/*　フッター　*/
.footer{
	background:#ebebeb;
	padding:40px 0;
}

.footer_inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	padding:0 2%;
	justify-content: space-between;
}

.footer_nav ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding-bottom:35px;
}

.footer_nav li{
	font-size:1.6rem;
	padding-left:50px;
}

.footer_nav .footer-brands-list{
	display: block;
	padding:10px 0 0 16px;
}

.footer-brands-list li{
	font-size: 1.4rem;
    padding: 10px 0;
	position: relative;
}

.footer-brands-list li:after{
	position: absolute;
    content: '';
    background: #000;
    width: 8px;
    height: 1px;
    top: 52%;
    left: -23%;
}

.footer_logo img{
		width: 235px;
	}

.copyright{
	font-family: 'Roboto', sans-serif;
	text-align: right;
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	padding:0 2%;
}

@media screen and (min-width:960px) and (max-width:1119px) {
	.footer{
		background:#ebebeb;
		padding:32px 0;
	}

	.footer_logo img{
		width: 200px;
	}

	.footer_nav li{
		font-size:1.4rem;
		padding-left:40px;
	}

	.footer-brands-list li{
		padding: 10px 0;
	}

	.footer_nav ul{
		padding-bottom:24px;
	}
}

@media screen and (max-width: 959px){

	.footer{
		background:#ebebeb;
		padding:32px 0;
	}

	.footer_logo img{
		width: 170px;
	}

	.footer_nav li{
		font-size:1.4rem;
		padding-left:30px;
	}

	.footer-brands-list li{
		padding: 10px 0;
	}

	.footer_nav ul{
		padding-bottom:24px;
	}

}

@media screen and (max-width: 479px){
	.contents04-inner{
		flex-wrap:wrap;
	}

	.footer_banner{
		width: 48%;
		margin-bottom:16px;
		padding-right:0;
		margin-right:0;
		box-sizing: border-box;
	}

	.contents04{
		padding: 40px 0;
	}

	.footer_inner{
		display:block;
	}

	.footer_banner_title span{
		font-size:1.6rem;
		margin-right:3px;

	}

	.footer_banner_text{
		font-size:1rem;
	}

	.banner_title{
		width: 100%;
		height: 50%;
		padding:8px 10px;
		min-height: 69px;
	}

	.footer{
		padding:20px 0 10px;
	}

	.footer_nav ul{
		display: block;
		font-size:1.2rem;
		padding:20px 0;
	}

	.footer_nav li{
		font-size:1.2rem;
		padding:8px 0 8px 30px;
	}

	.footer-brands-list li{
		padding: 6px 0 6px 16px;
	}

	.footer-brands-list li:after {
		position: absolute;
		content: '';
		background: #000;
		width: 8px;
		height: 2px;
		top: 45%;
		left: 0;
	}

	.footer_nav .footer-brands-list{
		padding: 6px 0;
	}

	.footer_logo{
		text-align:center;
	}

	.footer_logo img{
		width: 200px;
	}

	.copyright{
		text-align:center;
	}

}

/*トップに戻るボタン*/

#page_top {
    width: 54px;
    height: 54px;
	border-radius: 50%;
    position: fixed;
    right: 2%;
    bottom: 4%;
    background: #e30113;
	z-index: 1;
	background-image: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-position: center;
}

#page_top a {
    position: relative;
    display: block;
    width: 54px;
    height: 54px;
	text-decoration: none;
}

#page_top a::before {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
	text-align: center;
}


/*--------------------

下層：ブランド紹介　一覧

----------------------*/
#brands{
	margin: 60px 0 80px;
}


#brands .page_wrapper{
	text-align: center;
}

.brand-box{

	border:1px solid #eee;
	margin-bottom: 20px;
	width: 500px;
	margin: 0 auto 20px;
	box-shadow: 0px 4px 4px -2px rgba(10,10,10,0.1), 0px 0px 4px 0px rgba(10,10,10,0.04);
}

.brand-box a{
	display:block;
	padding:30px;
}

.brand-box-inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.brand-name{
	font-size:2rem;
}

.brand-logo{
	width: 300px;
}

.brand-logo-merrell img{
	width: 200px;
}

.brand-logo-fila img{
	width: 140px;
}

.brand-logo-ifme img{
	width: 140px;
}

@media screen and (max-width: 479px){
	#brands{
		margin: 30px 0 40px;
	}

	.brand-box{
		display: block;
		width: 100%;
		padding:20px;
	}

	.brand-logo{
		width: 100%;
	}

	.brand-name{
		font-size:1.6rem;
		margin-top: 10px;
	}

}


/*--------------------

下層：ブランド紹介　メレル

----------------------*/

.brand_head{
	background-image:url("../images/brand_top_merrell.jpg");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	height: 770px;
	position: relative;
}

.head_bg_ifme{
	background-image:url("../images/brand_top_ifme.jpg");
}

.head_bg_fila{
	background-image:url("../images/brand_top_fila.jpg");
}

.head_bg_rock{
	background-image:url("../images/brand_top_rockport.png");
}

.head_bg_cariuma{
	background-image:url("../images/brand_top_cariuma.jpg");
}

.brand_head_inner{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 810px;

}

.brand_head_logo img{
	width: 200px;
}

.head_logo_fila img{
	width: 200px;
}

.head_logo_rock img{
	width: 400px;
}

.brand_head_title{
	font-family: 'Roboto', sans-serif;
	font-size:8rem;
	font-weight:bold;
	color: #fff;
	line-height: 0.8;
	margin-top:50px;

}

.brand_head_fila{
	font-size:6.2rem;
	line-height: 1.2;
}

.brand_head_ifme{
	font-size:6.2rem;
	line-height: 1.2;
}


.brand_head_subtitle{
	font-size:2rem;
	color: #fff;
	margin-top:30px;

}

.brand_head_text{
	font-size:1.4rem;
	color: #fff;
	line-height: 1.5;
	margin-top:25px;
}

.brand_head_headtext{
	font-size:1.4rem;
	color: #fff;
	line-height: 1.5;
	display: block;
    padding-bottom: 1rem;
}


.brand_history{
	margin-top: 120px;
	text-align: left;
	padding-bottom: 60px;
	position: relative;
}

.brand_history_inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	max-width: 1800px;
    width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}

.brand_history_img img{
	width: 380px;
}

.brand_history_sp{
	display:none;
}



.brand_history_detail{
	padding: 0 2%;
	margin: 0 auto;
	width: 50%;
}

.brand_history_title{
	font-family: 'Roboto', sans-serif;
	font-size:3.8rem;
	font-weight:bold;
	color: #e30113;
	line-height:0.8;
}

.brand_history_subtitle{
	font-size:1.6rem;
	font-weight:bold;
	margin-top: 16px;
	position: relative;
}

.brand_history_heading_cariuma{
	font-size:2rem;
	font-weight:bold;
	margin: 30px 0 10px;
	position: relative;
}

.brand_history_heading_cariuma:after{
	position: absolute;
    content: '';
    background: #76b744;
    width: 100%;
    height: 2px;
    top: -70%;
    left: 0;
}

.brand_history_heading{
	font-size:2rem;
	font-weight:bold;
	margin: 30px 0 10px;
	position: relative;
}

.brand_history_heading:after{
	position: absolute;
    content: '';
    background: #ff0000;
    width: 100%;
    height: 2px;
    top: -70%;
    left: 0;
}

.brand_history_heading_text{
	margin-top: 5px;
}


.m-block{
	display:block;
	font-size:1.4rem;
	padding:6px 0;
	letter-spacing: -0.03em;
}

.brand_history_heading_text .m-block{
	padding:3px 0;
}

.brand_infoarea{
	margin-top: 60px;
}


.brand_infoarea_inner{
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	padding:0 4%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.info-box{
	width: 48%;
}

.info_img img{
	width: 857px;
}

.box_text_title{
	font-size:2.4rem;
	font-weight:bold;
	margin-top: 40px;
}

.box_text_note{
	font-size:1.6rem;
	margin-top: 30px;
}


.brand_footer_banner{
	margin-top: 60px;
	padding:45px 0 50px;
	background:#f9f9f9;
}

/*
.brand__area .brand_footer_banner{
	padding: 45px 4%;
}
*/


.brand_footer_banner_inner{
	max-width: 1800px;
/*	max-width: 1140px;*/
	width: 100%;
	margin: 0 auto;
	padding:0 2%;
/*	padding:0;*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;




}

.banner_box{
	width: 48%;
	margin-bottom: 2rem;
}

.banner_box_inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.banner_box_text{
	background:#000;
/*	padding:1.4rem 1.6rem;*/
	padding:35px;
	width: 50%;
	position: relative;
}

.banner_box_text_inner{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
/*	width: 260px;*/
	width: 220px;
}


.banner_box_img img{
/*	width: 260px;*/
	width: 400px;
}

.banner_box_title{
	font-family: 'Roboto', sans-serif;
	font-size:2.7rem;
	color:#e30113;
	line-height: 1.2;
}

.banner_box_subtitle{
	color:#fff;
	font-size:1.2rem;
	padding-top:12px;
}

.banner_box--company .banner_box_title{
	font-size:1.6rem;
}

/*
.banner_box--company .banner_box_title span{
	font-size:2rem
}
*/

.banner_box--company .banner_box_subtitle{
	color:#fff;
	font-size:1.2rem;
	padding-top:12px;
}

@media screen and (min-width:960px) and (max-width:1119px) {
	.brand_history_img {
		display:none;
	}

	.brand_history_sp{
		display: block;
	}

	.brand_history_sp_inner{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		max-width: 1800px;
		width: 100%;
		margin: 0 auto;
		padding: 0 4%;
	}

	.brand_history_sp_img img{
		width: 400px;
	}

	.brand_history_detail{
		width: 100%;
	}

	.banner_box_text_inner{
		width: 170px;
	}

	.banner_box_img img{
		width: 300px;
	}

	.brand_history_sp--rockport{
		margin-bottom: 60px;
	}
}

@media screen and (min-width:480px) and (max-width:959px) {

	.box_text_title{
		font-size:2rem;
		font-weight:bold;
		margin-top: 20px;
	}

	.box_text_note{
		font-size:1.4rem;
		margin-top: 10px;
	}

	.banner_box_img img{
		width: 200px;
	}

	.banner_box_title{
		font-family: 'Roboto', sans-serif;
/*		font-size:1.6rem;*/
		font-size:1.4rem;
		color:#e30113;
		line-height: 0.9;
	}

	.banner_box--company .banner_box_title--mfi{
		font-size:1.5rem;
	}

	.banner_box_subtitle{
		color:#fff;
		font-size:1rem;
		padding-top:12px;
	}

	.brand_head_ifme{
		font-size:5.4rem;
	}


	.brand_head_text_ifme{
		width: 400px;
		margin: 0 auto;
	}

	.brand_head_subtitle--fila{
		width: 400px;
		margin: 0 auto;
	}

	.banner_box_text_inner{
		width: 140px;
	}

	.brand_history_img {
		display:none;
	}

	.brand_history_sp{
		display: block;
	}

	.brand_history_sp_inner{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		max-width: 1800px;
		width: 100%;
		margin: 0 auto;
		padding: 0 4%;
	}

	.brand_history_sp_img img{
		width: 340px;
	}

	.brand_history_detail{
		width: 100%;
	}

	.brand_history_sp--rockport{
		margin-bottom: 60px;
	}




}

@media screen and (max-width: 479px){

	.brand_head_logo{
		width: 100px;
		margin: 0 auto;
	}

	.brand_head{
		background-image:url("../images/brand_top_merrell_sp.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		height: 250px;
		position: relative;
	}

	.head_bg_ifme{
		background-image:url("../images/brand_top_ifme_sp.jpg");
	}

	.head_bg_fila{
		background-image:url("../images/brand_top_fila_sp.jpg");
	}

	.head_bg_rock{
		background-image:url("../images/brand_top_rockport_sp.png");
	}
  
  .head_bg_cariuma{
		background-image:url("../images/brand_top_cariuma_sp.jpg");
	}

	.brand_head_inner{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
		width: 100%;

	}

	.brand_head_title{
		font-family: 'Roboto', sans-serif;
		font-size:2.4rem;
		font-weight:bold;
		color: #fff;
		line-height: 0.8;
		margin-top:10px;
	}

	.head_bg_ifme .brand_head_logo img{
		width: 80px;
	}

	.brand_head_fila{
		font-size:2rem;

	}

	.brand_head_subtitle{
		font-size:1.4rem;
		color: #fff;
		margin-top:10px;
		line-height:1.2;

	}

	.brand_head_text{
		font-size:1.2rem;
		padding:1em;
		text-align: left;
		margin-top: 0;
	}

	.brand_head_text_fila{
		text-align: center;
	}

	.brand_head_text{
		margin-top: 10px;
	}

	.brand_history_img {
		display:none;
	}

	.brand_history_sp{
		display: block;
	}

	.brand_history_sp_inner{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		max-width: 1800px;
		width: 100%;
		margin: 0 auto;
		padding: 0 4%;
	}

	.brand_history_sp_img img{
		width: 400px;
	}

	.brand_history_sp--rockport{
		margin-bottom: 30px;
	}

	.brand_history_detail{
		width: 100%;
	}

	.box_text_title{
		font-size:1.8rem;
		font-weight:bold;
		margin-top: 20px;
	}

	.box_text_note{
		font-size:1.4rem;
		margin-top: 10px;
	}

	.banner_box_img img{
		width: 200px;
	}

	.banner_box_text_inner{
		width: 120px;
	}

	.banner_box_title{
		font-family: 'Roboto', sans-serif;
		font-size:1.2rem;
		color:#e30113;
		line-height: 0.9;
	}

	.banner_box_subtitle{
		color:#fff;
		font-size:1.1rem;
		padding-top:0;
	}

	.banner_box--company .banner_box_title{
		font-size:1.2rem;
	}

	.banner_box_title span{
		font-size:1.5rem
	}

	.banner_box_title--mfi span{
		font-size:1.3rem
	}

	.banner_box--company .banner_box_subtitle{
		font-size:1.1rem;
		padding-top:0;
	}

	.brand_infoarea_inner{
		display: block;
	}

	.info-box{
		width: 100%;
	}

	.info-box:last-of-type{
		margin-top: 24px;
	}

	.brand_footer_banner_inner{
		display: block;
	}

	.banner_box{
		width: 100%;
	}

	.banner_box:last-of-type{
		margin-top: 10px;
	}

	.banner_box_text{
		width: 60%;
		padding: 8px 10px;
	}

	.brand_history_title{
		font-size:3rem;
		padding-top: 30px;
	}

	.brand_history_subtitle{
		font-size:1.6rem;
		margin-top: 14px;
		text-align: left;
	}

	.brand_history_heading{
		font-size:1.6rem;
		margin-top: 20px;
	}

	.m-block{
		display:inline;

	}

	.brand_history_heading_text{
		text-align: left;
	}

	.brand_history{
		margin-top: 30px;
		padding-bottom: 30px;
	}

	.brand_infoarea{
		margin-top: 40px;
	}

	.brand_footer_banner{
		margin-top: 30px;
		padding:20px 0 30px;
	}


}


/*---見出し---*/

.page-title{
	width: 100%;
   	height: 250px;
    position: relative;
	background: #333;
/*	margin-top: 105px;*/
	margin-top: 84px;
}

.page-title-text{
	font-size: 5rem;
	color: #fff;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}

.page-subtitle{
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
}

.bg-title{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
    left: 0;
	background-size:cover;
	opacity: 0.2;
}


.bg-title-business{
	background-image: url('../images/bg-title-business.jpg');
}


.bg-title-brands{
	background-image: url('../images/bg-title-brands.jpg');
}

.bg-title-company{
	background-image: url('../images/bg-title-company.jpg');
}

.bg-title-privacy{
	background-image: url('../images/bg_title_privacy.jpg');
}

.bg-title-post-news{
	background-image: url('../images/bg-title-postnews.jpg');
	background-position:center;
}

.page-title .inner{
    max-width: 100%;
	width: auto;
    color: #fff;
    font-weight: bold;
    position: absolute;
    margin: auto;
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}



.page_wrapper{
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 0 4%;
}

#business{
	margin: 60px 0 80px;
}

#business .section{
	margin-top: 60px;
}

#business .section:first-of-type{
	margin-top: 0;
}

#business .section_heading{
	font-family: 'Roboto', sans-serif;
	font-size:3rem;
	font-weight:bold;
	color:#e30113;
}

#business .section_heading span{
	font-size:1.4rem;
	font-weight:bold;
}

#business .section_catch{
	font-size:2rem;
	margin-top: 60px;
	text-align: center;
	color:#e30113;
}

#business .section_text{
	font-size:1.5rem;
	margin-top: 30px;
	line-height: 1.6;
}


#business .section_heading {
  font-size: 2.8rem;
  position: relative;
  padding: 1.5rem;
  text-align: center;
}

#business .section_heading span {
  font-size: 1.6rem;
  display: block;
}

#business .section_heading:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #fa4141;
}

#business .section_box_img_area{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	margin-top: 30px;
	flex-wrap: wrap;
}

#business .section_box_img img{
	width: 400px;

}

#business .section_box_img{
	padding:10px;
}

@media screen and (max-width: 959px){
	.page-title-text{
		font-size:3.6rem;

	}
}

@media screen and (max-width: 479px){

	#business{
		margin: 30px 0 40px;
	}

	#business .section:last-of-type{
		margin-top: 30px;
	}

	.page-title{
		height: 160px;
		margin-top: 0;
	}

	.page-title-text{
		font-size:2.8rem;
		white-space: nowrap;
	}

	.heading_title{
		font-size:2rem;
	}

	.heading_bg{
		padding: 14px 0;
		margin-bottom: 40px;
	}

	#business .section_catch{
		font-size:1.5rem;
		margin-top: 30px;
		text-align: left;
		color:#e30113;
	}

	#business .section_text{
		font-size:1.4rem;
		margin-top: 20px;
		line-height: 1.6;
	}


	#business .section_heading {
	  font-size: 1.8rem;
	  position: relative;
	  padding: 1.5rem;
	  text-align: center;
	}

	#business .section_heading span {
	  font-size: 1.4rem;
	  display: block;
	}

	#business .section_heading:before {
	  position: absolute;
	  bottom: -10px;
	  left: calc(50% - 30px);
	  width: 60px;
	  height: 5px;
	  content: '';
	  border-radius: 3px;
	  background: #fa4141;
	}

	#business .section_box_img_area{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		margin-top: 30px;
	}

}

/*--　プライバシーポリシー　--*/
#privacy{
	margin: 60px 0 80px;
}

.page_policy{
		padding-bottom:160px;
	}

.link_tab{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}

.link_tab_list{
	width: 380px;
	border-bottom: solid 8px #d0d0d0;
    margin: 0 10px;
    text-align: center;
	position: relative;
	padding-bottom: 1rem;
}

.link_tab_list a{

    padding: 0 5px;

}

.selected{
	 border-bottom: solid 8px #e30113;
	font-weight:bold;
}



.link_tab_list:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -26px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
	border-color: #d0d0d0 transparent transparent transparent;
  border-width: 26px 26px 0 26px;
}

 .selected:after{
	   border-color: #e30113 transparent transparent transparent;
}

.privacy_date{
	text-align:right;
	margin: 60px 0 30px;
}


.privacy_section{
	margin-top:60px;
}

.privacy_section dt{
	font-weight:bold;
	margin-bottom:15px;
	position:relative;
}
.privacy_section dt:after{
	content: "";
    width: 30px;
    position: absolute;
    bottom: -8px;
    left: 0;
    border-bottom: 3px solid #e30113;
}

.privacy_section dd{
	font-size:1.5rem;
	padding-top:8px;
	letter-spacing: 0.02em;
}

.privacy_section ul{
	margin-top:18px;
}

.privacy_section li{
	list-style: none;
	margin-top:14px;
}

.privacy_section .privacy_detail_area{
	margin-top:10px;
}

.privacy_section .privacy_detail_list{
	margin-top:0;
/*	padding-top:6px;*/
    padding-top: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.6;

}


.privacy_section .privacy_detail_list a{
	word-break: break-all;
    width:100%;
	border-bottom:solid 1px #000;
}

.privacy_section .privacy_detail_list a:hover{
	color:#e30113;
	border-bottom:solid 1px #e30113;
}





.privacy_section p{
	font-size:1.4rem;

}

.privacy_footer_date{
	margin-top: 30px;
}

.privacy_section .privacy_section_catch_title{
	margin-top: 30px;
	font-weight:bold;
	color: #e30113;
	font-size:1.5rem;
}

.privacy_section_catch{
	position: relative;
	  display: inline-block;
	  padding: 0 0 4px 28px;
	}

.privacy_section_catch:before{
	content: '';
	position: absolute;
	top: 35%;
	display: inline-block;
	width: 16px;
	height: 2px;
	background-color: #e30113;
	left:0;
}

@media screen and (min-width:960px) and (max-width:1119px) {
	.bg-title-privacy{
		background-position: 69%;
    	background-size: auto 100%;
	}
}

@media screen and (max-width: 959px){
	.page_policy{
		padding:80px 0;
	}

	.bg-title-privacy{
		background-position: 69%;
    	background-size: auto 100%;
	}
}

@media screen and (max-width: 479px){

	#privacy{
		margin: 30px 0 40px;
	}

	.bg-title-privacy{
		background-position: 69%;
    	background-size: auto 100%;
	}



	.page_policy{
		padding-top:45px;
	}

	.privacy_section{
		margin-top:30px;
	}

	.privacy_section dt{
		font-weight:bold;
		margin-bottom:15px;
		position:relative;
		font-size:1.4rem;
	}

	.privacy_section dt:after{
		bottom: -5px;
	}

	.privacy_section dd{
		font-size:1.4rem;
	}

	.privacy_date {
		text-align: right;
		margin: 30px 0 10px;
		font-size:1.5rem;
	}

	.privacy_intro{
		font-size:1.5rem;
	}

	.link_tab_list:after{
	  bottom: -20px;
	  border-width: 20px 20px 0 20px;
	}



}

.privacy_section_text{
	padding-top:20px;
}

.title_text{
	padding-bottom:10px;
}

.privacy_section .privacy_pdf_link{
	margin-top: 10px;
}

.privacy_pdf_link li{
	margin-top: 20px;
	position: relative;
	padding-left:35px;
}

.privacy_pdf_link li a{
	border-bottom:solid 1px #e30113;
	padding-bottom:3px;
}

.privacy_pdf_link li::before{
	position: absolute;
	top:-30%;
	left:0%;
	content: '';
	background-image: url("../images/icon_pdf.png");
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}

@media screen and (min-width:480px) and (max-width:959px) {
	.link_tab_list{
		font-size:1.2rem;
	}
}

@media screen and (max-width: 479px){
	.privacy_detail_pagetitle{
		font-size:2rem;
	}

	.link_tab_list{
		width: 100%;
		font-size:1.2rem;
		padding: 4px;
		margin: 0 auto 20px;
		text-align: left;
	}
}


#company{
	margin: 60px 0 80px;
}



.table{
	width: 100%;
	margin-top: 60px;
}
.table table{
	width: 100%;
	border-collapse: collapse;
	border: solid #CCC;
	border-width: 1px;
}
.table table tr th,
.table table tr td{
	padding: 1em;
	text-align: left;
	vertical-align: top;
	border: solid #CCC;
	border-width: 1px;
	font-size:1.5rem;
}
.table table tr th{
	width: 35%;
	background: #eee;
}



.company_sectiontitle{
	font-weight: bold;
    position: relative;
	font-size:2rem;
}


.company_sectiontitle:after{
	content: "";
    width: 30px;
    position: absolute;
    bottom: -8px;
    left: 0;
    border-bottom: 3px solid #e30113;
}

.access-title{
	margin-top: 60px;
}

.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.map_text-inner{
	padding-top:20px;
}

.map_text-inner p{
	font-size:1.4rem;
}

.map-section .map_text{
	position: relative;
    display: inline-block;
    padding: 0 0 10px 28px;
	font-size:1.8rem;
}

.map-section .map_text:before{
	content: '';
    position: absolute;
    top: 35%;
    display: inline-block;
    width: 16px;
    height: 2px;
    background-color: #e30113;
    left: 0;
}


.map-table{
	margin-top: 10px;
}

.map-table table tr th,
.map-table table tr td{
	font-size:1.4rem;
	padding: 0.5em;
}

.map-section{
	margin-top: 60px;
}

.map-link a{
	display: inline-block;
    background: #e30113;
    color: #fff;
    padding: 4px 10px;
    font-size: 1.2rem;
	margin-top: 6px;
}

.store-area .brand_footer_banner{
	background: #fff;
	padding:0;
}

.store-area .brand_footer_banner_inner{
	padding: 0;
}

.store-area .banner_box_text_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width: 200px;
}

.store-area .banner_box_img img {
    width: 260px;
}

@media screen and (min-width:960px) and (max-width:1119px) {
	.store-area .banner_box_text_inner {
		width: 170px;
	}
  .banner_box_title {
	font-size:2.4rem;
	color:#e30113;
	line-height: 1.0;
  }
}

@media screen and (min-width:480px) and (max-width:959px) {
	.store-area .banner_box_text_inner {
		width: 140px;
	}

	.store-area .banner_box_img img {
		width: 200px;
	}
}






@media screen and (max-width:479px){
	#company{
		margin: 30px 0 40px;
	}

	.table{
		width: 100%;
		margin-top: 0;
	}

	.company-table{
		margin-top: 30px;
	}

	.table table,
	.table table tbody,
	.table table tr,
	.table table tr th,
	.table table tr td{
		display: block;
	}

	.table table{
		width: 100%;
		border-width: 0 0 1px 0;
	}

	.table table tr th,
	.table table tr td{
		width: 100%;
		padding: 3% 5%;
		font-size:1.4rem;
	}

	.table table tr td{
		border-width: 0px 1px 0px 1px;
	}

	.map_text-inner p{
		font-size:1.4rem;
	}

	.company_sectiontitle{
		font-size:1.6rem;
	}

	.access-title{
		margin-top: 30px;
	}

	.map-section{
		margin-top: 30px;
	}

	.map-section .map_text{
		padding: 0 0 10px 28px;
		font-size:1.6rem;
	}

	.map-table table tr th,
	.map-table table tr td{
		font-size:1.2rem;
		padding: 0.5em;
	}

	.store-area .banner_box_text_inner {
		width: 130px;
	}

	.store-area .banner_box_img img {
		width: 200px;
	}






}



@media screen and (max-width:479px){
	/* ハンバーガーメニュー*/

	.sp-header{
		z-index:10;
		display: block;
		width: 100%;
		max-width: 1024px;
    	margin: 0 auto;
	}

	.sp-header-top{
		position: fixed;
		z-index:3;
		width: 100%;
		max-width: 1024px;
	}

	.sp-header-container{
		position: relative;
	}

	.sp-header-top .top-inner{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 2% 0 2% 2%;
		height: 80px;
		z-index: 4;
	}

	.sp-logo img{
		width: 200px;
	}

	.accordion-container .normal-title {
		  padding: 1em 2em;
		  background-color: #000;
		  border-bottom: solid 1px #dedede;
		}


	.accordion-container .normal-title a{
		display: block;
		color: #fff;
		font-size:1.5rem;
		text-align: left;
	   }

	.accordion-content a{
		color: #000;
		display: block;
		font-size:1.4rem;
		padding: 0.9em 2em;
	}

	.accordion-content a:hover{
		background:#faae2b;
	}

	.accordion-container .normal-title:hover{
	  	background-color: #faae2b;
	}

	.accordion-content {
		background-color:#fff;
	}

	.accordion-content p{
		font-size: 15px;
		border-bottom: solid 1px #ddd;
		text-align: left;
		}

	.accordion-container .accordion-title {
		  position: relative;
		  margin: 0;
		  padding: 1em 2em;
		  background-color: #000;
		  font-size: 16px;
		  font-weight: normal;
		  color: #fff;
		  cursor: pointer;
		  border-bottom: solid 1px #fff;
		  text-align: left;
	    }

	.accordion-container .accordion-title a:hover{
		color: #00aaa7;
	}

	.accordion-container .accordion-title::before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  right: 25px;
	  width: 10px;
	  height: 1px;
	  transform: rotate(90deg);
	  background: #fff;
	  transition: all .3s ease-in-out;
	}

	.accordion-container .accordion-title::after {
	  content: "";
	  position: absolute;
	  top: 50%;
	  right: 25px;
	  width: 10px;
	  height: 1px;
	  background: #fff;
	  transition: all .2s ease-in-out;
	}

	.accordion-container .accordion-title.open::before {
	  transform: rotate(180deg);
	}

	.accordion-container .accordion-title.open::after {
	  opacity: 0;
	}

	.accordion-container .accordion-title::after {
	  content: "";
	  position: absolute;
	  top: 50%;
	  right: 25px;
	  width: 10px;
	  height: 1px;
	  background: #fff;
	  transition: all .2s ease-in-out;
	}

	.accordion-container .accordion-title.open::before {
	  transform: rotate(180deg);
	}

	.accordion-container .accordion-title.open::after {
	  opacity: 0;
	}

	.accordion-title a{
		color:#fff;
	}


	/*ナビのスタイル*/
	.NavMenu{
		position: fixed;
		z-index:3;
		top:80px;
		left: 0;
		background: #000;
		text-align: center;
		width: 100%;
		height: 100%;
		display: none;
	}

	.active .wrapper{
		position: fixed;
	   overflow-y: scroll;
	   z-index: 99;
    width:100%;
    height:100%;
    background-color:#000;
	}

	.NavMenu .wrapper{
		padding:0 0 20px 0;
		overflow-y: scroll;
		height:100%;
	}

	/*ボタンのスタイル*/
	.Toggle {
		position: relative;
		right:0px;
		top: 0px;
		width: 60px;
		height: 60px;
		cursor: pointer;
		z-index: 250;
		display: block;
	}

	.Toggle{
		position: fixed;
		right: 0;
		top: 0;
		z-index: 10;
		width: 80px;
		height: 80px;
		background: #333;
	}

	.Toggle .toggle-span,
	.Toggle .toggle-span02,
	.Toggle .toggle-span03{
		display: block;
		position: absolute;
		width: 35px;
		border-bottom: solid 4px #fff;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		left: 30%;
	}

	.Toggle .toggle-span {
		top: 30%;
	}

	.Toggle .toggle-span02 {
		top: 50%;
	}

	.Toggle .toggle-span03 {
		top: 70%;
	}

	.Toggle.active .toggle-span {
		top: 50%;
		left: 30%;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border-bottom: solid 3px #fff;
	}

	.Toggle.active .toggle-span02,
	.Toggle.active .toggle-span03 {
		top: 50%;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		border-bottom: solid 3px #fff;
		z-index: 500;
	}


	.sp-logo img{
			width: 100px;
		}

		.sp-header-top .top-inner{
			height: 45px;
			z-index: 4;
		}

		.Toggle{
			width: 45px;
			height: 45px;

		}

		.Toggle .toggle-span,
		.Toggle .toggle-span02,
		.Toggle .toggle-span03{
			width: 20px;
			border-bottom: solid 2px #fff;
			left: 30%;
		}

		.NavMenu{
			top:45px;
		}

	}

/*  マウスストーカー　*/

#cursor {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  pointer-events: none;
  position: fixed;
  top: -4px;
  left: -4px;
  width: 12px;
  height: 12px;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 50%;
  z-index: 999;
  -webkit-transition: width .3s, height .3s, top .3s, left .3s;
  transition: width .3s, height .3s, top .3s, left .3s;
}
#cursor.hov_ {
  top: -12px;
  left: -12px;
  width: 32px;
  height: 32px;
  background: rgba(200, 50, 50, 0.75);
}

#stalker {
  pointer-events: none;
  position: fixed;
  top: -8px;
  left: -8px;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: top, 0.1s, left 0.1s, width .1s, height .1s, background-color .1s, -webkit-transform 0.1s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  z-index: 999;
}
#stalker.hov_ {
  top: -32px;
  left: -32px;
  width: 64px;
  height: 64px;
  -webkit-transition: .1s;
  transition: .1s;
  background: rgba(255, 0, 0, 0.4);
}


/*　　新着記事　詳細ページ　*/
#post-news{
	margin: 100px 0 260px;
}

.post-news-title{
/* 	margin-top:120px; */
/* 	margin-top:84px; */
	margin-top:75px;
}

.page_wrapper {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}

.post-news-date{
	margin-bottom: 20px;
}

.post-news_sectiontitle{
	font-weight: bold;
    position: relative;
    font-size: 2.2rem;
}

.post-news_sectiontitle:after {
    content: "";
    width: 30px;
    position: absolute;
    bottom: -8px;
    left: 0;
    border-bottom: 3px solid #e30113;
}


.post-news-content{
	margin-top: 40px;
}

.post-news-content a{
	color:#e30113;
	border-bottom:solid 1px currentcolor;
	background-image:none;
	padding-left:0;
}

.post-news-content li{
	list-style:none;
}

.post-news-content-inner{
	margin: 60px 0 80px;
}

.article-img img{
	width:300px;
}

@media screen and (max-width:479px){

	#post-news{
		margin: 40px 0 60px;
	}



	.post-news_sectiontitle{
		font-size: 1.8rem;
	}

	.post-news-content-inner{
		margin: 30px 0 40px;
		overflow:hidden;
	}

	.post-news-title{
		margin-top:0;
	}


	#post-news img{
		clear: both;
	}

}