#sec_mainVisual{
 position: relative;
 overflow: hidden;
 background: #000;
}
#sec_mainVisual h1{
 position: absolute;
 width: 100%;
 top: 50%;
 text-align: center;
 margin-top: -55px;
 z-index: 2;
}
#sec_mainVisual .img{
 position: relative;
}
#sec_mainVisual .img>img.sp{
 display: none;
}
#sec_mainVisual .img>img{
 width:100%;
 height: auto;
 transition: transform 4s ease-out,opacity 5s;
 transform: scale(1.5);
 opacity: 0;
}
#sec_mainVisual .img.loaded>img{
 transform: scale(1.1);
 opacity: 1;
}
#sec_news{
 padding: 60px 0px;
}
#sec_news .newsList li{
 border-bottom: solid 1px #333;
}
#sec_news .newsList li a{
 display: flex;
 width: 100%;
 color: #333;
 padding: 20px 0px;
 align-items: center;
 transition: .7s;
 flex-wrap: wrap;
}
#sec_news .newsList li a:hover{
 background: #eee;
}
#sec_news .newsList li a .date{
 min-width: 8em;
}
#sec_news .newsList li a .cat{
 border:solid 1px #333;
 min-width: 8em;
 text-align: center;
 padding: 2px;
 font-size: 80%;
 margin-right: 20px;
 background: #fff;
}
#sec_news .newsList li:nth-child(1) .cat{
 border:solid 1px #c26a56;
 color: #c26a56;
}
#sec_news .newsList li:nth-child(2) .cat{
 border:solid 1px #92a368;
 color: #92a368;
}
#sec_news .newsList li:nth-child(3) .cat{
 border:solid 1px #7a6a84;
 color: #7a6a84;
}
#sec_news .newsList li:nth-child(4) .cat{
 border:solid 1px #d7bb41;
 color: #d7bb41;
}
#sec_news .newsList li:nth-child(5) .cat{
 border:solid 1px #c27538;
 color: #c27538;
}

#sec_shop .item,
#sec_shop .img{
 position: relative;
 z-index: 2;
}
#sec_shop1 .item{
 background: url(../img/home/bg_shop1.png) no-repeat center center;
 background-size: 100% 100%;
 margin-bottom: 100px;
}
#sec_shop1 .text{
 margin-left: 30px;
}
#sec_shop1 .text h2 span{
 display: inline-block;
 background: #000;
 padding: 15px 30px;
}
#sec_shop1 li>span:first-child{
 color:#c26a56;
}

#sec_shop2 .item{
 background: url(../img/home/bg_shop2.png) no-repeat top right;
 background-size: 62% auto;
 padding-bottom: 100px;
}
#sec_shop2 .text{
 margin-right: 30px;
}
#sec_shop2 .text h2 span{
 display: inline-block;
 background: #92a368;
 padding: 15px 30px;
}
#sec_shop2 li>span:first-child{
 color:#fff;
 background: #92a368;
}

#sec_shop3 .item{
 background: url(../img/home/bg_shop3.png) no-repeat top left;
 background-size: 57% auto;
 padding-bottom: 100px;
}
#sec_shop3 .text{
 margin-left: 30px;
}
#sec_shop3 .text h2 span{
 display: inline-block;
 background: #7a6a84;
 padding: 15px 30px;
}
#sec_shop3 li>span:first-child{
 color:#fff;
 background: #7a6a84;
 border:solid 1px #fff;
}

#sec_shop4 .item{
 background: url(../img/home/bg_shop4.png) no-repeat right 15px;
 background-size: 62% auto;
 padding-bottom: 100px;
}
#sec_shop4 .text{
 margin-right: 30px;
}
#sec_shop4 .text h2 span{
 display: inline-block;
 background: #d7bb41;
 padding: 15px 30px;
}
#sec_shop4 li>span:first-child{
 color:#fff;
 background: #d7bb41;
 border:solid 1px #fff;
}

#sec_shop5 .item{
 background: url(../img/home/bg_shop5.png) no-repeat right 50px;
 /*background: url(../img/home/bg_shop5.png) no-repeat left 50px;*/
 background-size: 58% auto;
 padding-bottom: 100px;
}
#sec_shop5 .text{
 margin-left: 30px;
}
#sec_shop5 .text h2 span{
 display: inline-block;
 background: #c27538;
 padding: 15px 30px;
}
#sec_shop5 li>span:first-child{
 color:#fff;
 background: #c27538;
 border:solid 1px #fff;
}

#sec_limited .ttl{
 width: 180px;
}
#sec_limited .data{
 width: calc( 95% - 180px );
}

#sec_point #sec_point1,
#sec_point #sec_point2{
 height: 30vw;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 position: relative;
 overflow: hidden;
}
#sec_point #sec_point1:before,
#sec_point #sec_point2:before{
 position: absolute;
 display: block;
 content: "";
 border:solid 2px rgba(255,255,255,0.5);
 width: calc( 100% - 50px );
 height: calc( 100% - 50px );
 z-index: 2;
}
#sec_point #sec_point1:after,
#sec_point #sec_point2:after{
 position: absolute;
 display: block;
 content: "";
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 1;
 transition: 1s;
 transform: scale(1.05);
}

#sec_point #sec_point1:after{
 background: url(../img/home/bg_point1.jpg) no-repeat center center;
 background-size: 105% auto;
}
#sec_point #sec_point2:after{
 background: url(../img/home/bg_point2.jpg) no-repeat center center;
 background-size: 105% auto;
}

#sec_point #sec_point1 .inner,
#sec_point #sec_point2 .inner{
 position: relative;
 z-index: 2;
}

#sec_point #sec_point1:hover:after,
#sec_point #sec_point2:hover:after{
 transform: scale(1.15);
}

#sec_recruit .text,
#sec_company .text{
 width: 350px;
 padding: 40px;
}

#sec_recruit .inner{
 background: url(../img/home/photo_recruit.jpg) no-repeat top center;
 background-size: contain;
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 120px;
 min-height: 200px;
}
#sec_company .inner{
 background: url(../img/home/photo_company.jpg) no-repeat top center;
 background-size: contain;
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 120px;
 min-height: 200px;
}




.pageList li{
 display: flex;
 margin-bottom: 10px;
 align-items: center;
}
.pageList li>span:first-child{
 background: #000;
 color: #fff;
 padding: 2px 5px;
 margin-right: 10px;
 min-width: 3.5em;
 text-align: center;
}

#sec_mainVisual .img>img.sp{
 display: none;
}


/*
===================================================
	tb
===================================================
*/
@media screen and (max-width: 1100px) {
 #sec_mainVisual .img>img.sp{
  display: block;
 }
 #sec_mainVisual .img>img.pc{
  display: none;
 }
}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 960px) {
 #sec_mainVisual h1{
  margin-top: -30px;
 }
 #sec_mainVisual h1 img{
  width: 180px;
 }
 #sec_news h2 img{
  width: 150px;
 }
 #sec_news{
  padding: 50px 0px;
 }
 #sec_news .newsList li a{
  padding: 10px 0px;
  font-size: 90%;
 }
 #sec_news .newsList li a p{
  margin: 2px;
 }
 #sec_news .newsList li a .date{
  min-width: 6em;
 }
 #sec_news .newsList li a .cat{
  margin-right: 10px;
  padding: 0px;
  min-width: 7em;
 }
 #sec_shop1 .text,
 #sec_shop2 .text,
 #sec_shop3 .text,
 #sec_shop4 .text,
 #sec_shop5 .text{
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  z-index: 2;
 }
 #sec_shop1 .img img,
 #sec_shop2 .img img,
 #sec_shop3 .img img,
 #sec_shop4 .img img,
 #sec_shop5 .img img{
  max-width: 600px;
  width: 70%;
 }
 #sec_shop1 .maxWidth,
 #sec_shop2 .maxWidth,
 #sec_shop3 .maxWidth,
 #sec_shop4 .maxWidth,
 #sec_shop5 .maxWidth{
  padding: 0px;
 }
 #sec_shop1 .img{
  background: none;
 }
 #sec_shop2 .img{
  background: url(../img/home/bg_shop2.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 1;
 }
 #sec_shop3 .img{
  background: url(../img/home/bg_shop3.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 1;
 }
 #sec_shop4 .img{
  background: url(../img/home/bg_shop4.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 1;
 }
 #sec_shop5 .img{
  background: url(../img/home/bg_shop5.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 1;
 }
 #sec_shop1 .item,
 #sec_shop2 .item,
 #sec_shop3 .item,
 #sec_shop4 .item,
 #sec_shop5 .item{
  background: none;
  margin-bottom: 0px;
  padding-bottom: 50px;
 }
 #sec_shop1 .text{
  background: #afada6;
  padding: 0px 0px 30px;
 }
  #sec_shop1 .img{
  background: #c26a56;
 }
 #sec_shop1 .text h2 span,
 #sec_shop2 .text h2 span,
 #sec_shop3 .text h2 span,
 #sec_shop4 .text h2 span,
 #sec_shop5 .text h2 span{
  display: block;
  padding: 10px 20px;
 }
 #sec_shop1 .text h2 span img,
 #sec_shop2 .text h2 span img,
 #sec_shop3 .text h2 span img,
 #sec_shop4 .text h2 span img,
 #sec_shop5 .text h2 span img{
  height: 20px;
  width: auto;
 }
 #sec_limited .ttl {
  width: 100%;
 }
 #sec_limited .data {
  width: 100%;
 }
 #sec_point #sec_point1,
 #sec_point #sec_point2{
  height: 60vw;
 }
 #sec_recruit .inner,
 #sec_company .inner{
  padding-top: 25vw;
 }
 #sec_recruit .styleBtn,
 #sec_company .styleBtn{
  border: solid 1px #777;
 }
 #sec_recruit .text,
 #sec_company .text {
  width: auto;
  padding: 20px;
 }
}

.online_shop{
	height: auto;
	margin: 0 auto;
	padding: 20px;
	background-color: #ffffff;
}

.online_shop a{
	display: flex;
} 
.online_shop img{
	width: 40%;
	max-width: 900px;
	margin: 0 auto;
	
}

@media screen and (max-width: 960px) {
	.online_shop a{
	margin: 0 auto;
}
	.online_shop img{
	width: 90%;
	}
}