@media screen and (min-width: 769px) {
	
	
	/*---------------------------------------
	 * Header
	---------------------------------------*/ 
	
	header{
		top: -100%;
		transition: all 1s linear;
	}
	header.on{
		top:0;
	}
	main{
		margin-top: 0;
	}

	/*---------------------------------------
	 * Mainvisual
	---------------------------------------*/ 
	
	.mainvisual{
		width: 100%;
		height: 650px;
		background: #F0F0F0;
		position: relative;
	}
	.mainvisual .head-nav{
		width: calc(100% - 36px);
		max-width: 1140px;
		margin: 0 auto;
		position: absolute;
		top:35px;
		left:0;
		right: 0;
		z-index: 10;
	}
	.mainvisual .head-nav .logo{
		width: 100px;
	}
	.mainvisual .head-nav nav{
		position: absolute;
		top:5px;
		right:0;
		display: block !important;
	}
	
	
	/* MainMenu
	---------------------------------------*/ 
	
	.mainvisual .head-nav .main-menu{
		display: inline-block;
	}
	
	.mainvisual .head-nav .main-menu li{
		display: inline-block;
		text-align: center;
		padding: 0 10px;
		line-height: 1.4;
	}
	.mainvisual .head-nav .main-menu li.online{
		position: relative;
		margin-left: 10px;	
	}
	.mainvisual .head-nav .main-menu li.online::before{
		display: inline-block;
		content:"";
		width: 1px;
		height: 20px;
		background: #666666;
		position: absolute;
		top:5px;
		left:-8px;
	}
	.mainvisual .head-nav .main-menu li span{
		display: block;
		font-size: 12px;
	}
	.mainvisual .head-nav .main-menu li span.ja{
		font-size: 10px;
		letter-spacing: 1px;
	}
	.mainvisual .head-nav .main-menu li span .icon-cart{
		display: none;
	}
	
	
	/* Slide
	---------------------------------------*/ 
	
	.mainvisual .slides-sp{
		display: none;
	}
	
	.mainvisual .slides .slide{
		height: 650px;
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: cover;	
	}
	.mainvisual .slides .slick-prev{
		z-index: 5;
	}
	.mainvisual .slides .slick-next{
		z-index: 5;
	}
	
	
	/* Catch
	---------------------------------------*/ 
	
	.mainvisual .catch{
		color: #FFFFFF;
		position: absolute;
		left:50%;
		top:50%;
		margin-left: 140px;
		-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index: 10;
		padding-right: 18px;
	}
	
	.mainvisual .catch .en{
		font-size: 34px;
		line-height: 1.4;
		letter-spacing: 3px;
		margin-bottom: 10px;
		
	}
	.mainvisual .catch .ja{
		font-size: 12px;
		line-height: 2;
		letter-spacing: 2px;
	}
	
	
	
	/*---------------------------------------
	 * Concept
	---------------------------------------*/ 
	
	.concept{
		margin-bottom: 120px;
	}	
	
	.concept .inner{
		width: calc(100% - 36px);
		max-width: 1140px;
		margin: -58px auto 0;
		position: relative;
		z-index: 1;
	}
	.concept .inner .section-title{
		display: inline-block;
		color: #C1272D;
		font-size: 28px;
		letter-spacing: 3px;
		padding: 60px 177px 0 36px;
		background: #FFFFFF;
		margin-bottom: 40px;
	}
	.concept .inner .ja{
		padding-left: 36px;
		font-size: 18px;
		letter-spacing: 1px;
		margin-bottom: 40px;
	}
	.concept .inner .read{
		padding-left: 36px;
		line-height: 1.9;
		letter-spacing: 1px;
	}
	.concept .inner .read p{
		margin-top: 20px;
	}
	.concept .inner .deco{
		width: 320px;
		height: 336px;
		position: absolute;
		top:240px;
		left: 630px;
		z-index: -1;
	}
	
	
	
	/*---------------------------------------
	 * Rental
	---------------------------------------*/ 
	
	.rental .inner{
		width: calc(100% - 36px);
		max-width: 1140px;
		margin: 0px auto 0;
		position: relative;
		z-index: 1;
		display: table;
	}
	.rental .inner .photo{
		display: table-cell;
		width: 51.7%;
		max-width: 590px;
		vertical-align: top;
	}
	.rental .inner .text{
		display: table-cell;
		width: 48.3%;
		max-width: 550px;
		padding: 0 6% 0 5%;
		vertical-align: top;
	}
	.rental .inner .text .section-title{
		font-size: 27px;
		letter-spacing: 3px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.rental .inner .text .section-title .ja{
		display: block;
		font-size: 11px;
		letter-spacing: 2px;
	}
	.rental .inner .text .read{
		line-height: 1.9;
		margin-bottom: 40px;
	}

	
	
	
	/*---------------------------------------
	 * HowItWorks
	---------------------------------------*/ 
	
	.howitworks{
		width: 100%;
		padding: 149px 0 100px;
		background: #F3F3F3;
		margin-top: -69px;
	}
	.howitworks .inner{
		width: calc(100% - 36px);
		max-width: 1020px;
		margin: 0px auto 0;
		position: relative;
	}
	.howitworks .inner .section-title{
		font-size: 27px;
		letter-spacing: 3px;
		line-height: 1.5;
		margin-bottom: 20px;
		text-align: center;
	}
	.howitworks .inner .section-title .ja{
		display: block;
		font-size: 11px;
		letter-spacing: 2px;
		text-align: center;
	}
	.howitworks .inner ul{
		font-size: 0;
		margin-bottom: 40px;
	}
	.howitworks .inner ul li{
		display: inline-block;
		font-size: 13px;
		width: 30%;
		margin: 0 2.5%;
		vertical-align: top;
	}
	.howitworks .inner ul li:nth-child(4n),
	.howitworks .inner ul li:nth-child(1){
		margin-left: 0;
	}
	.howitworks .inner ul li:nth-child(3n){
		margin-right: 0;
	}
	.howitworks .inner ul li .count{
		width: 136px;
		margin: 0 auto 5px;
	}
	.howitworks .inner ul li .ja{
		font-size: 11px;
		text-align: center;
	}
	.howitworks .inner ul li .read{
		border-top: 1px solid #D8D8D6;
		text-align: center;
		padding-top: 10px;
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.7;
	}
	.howitworks .inner .linkbtn{
		margin: 0 auto;
	}
	
	
	
	
	/*---------------------------------------
	 * onlinestore
	---------------------------------------*/ 
	
	.onlinestore{
		width: 100%;
		position: relative;
		margin-bottom: 120px;
	}
	/*
	.onlinestore::before{
		content:"";
		width: 100%;
		height: 452px;
		position: absolute;
		top:0;
		left:0;
		z-index: -1;
	}
	*/
	
	
	/* Slide
	---------------------------------------*/ 
	
	.onlinestore .slide-wrap{
		width: 100%;
		background: #F3F3F3;
		position: relative;
		margin-bottom: 50px;
		z-index: 1;
	}
	.onlinestore .slide-wrap::after{
		content:"";
		display: block;
		width: 100%;
		height: 58px;
		background: #FFFFFF;
		position: absolute;
		bottom:0;
		z-index: -1;
	}
	.onlinestore .slide-wrap .online-slides{
		width: calc(100% - 36px);
		max-width: 1140px;
		margin: 0px auto;
		position: relative;
		z-index: 1;
	}
	
	
	/* Text
	---------------------------------------*/ 
	
	.onlinestore .inner{
		width: calc(100% - 36px);
		max-width: 1020px;
		margin: 0px auto 0;
		position: relative;
		
	}
	.onlinestore .inner .section-title{
		font-size: 27px;
		letter-spacing: 3px;
		line-height: 1.5;
		margin-bottom: 20px;
		padding-left: 18.2%;
		position: relative;
		z-index: 30;
	}
	.onlinestore .inner .section-title .ja{
		display: block;
		font-size: 11px;
		letter-spacing: 2px;
		padding-left: 13.8%;
	}
	.onlinestore .inner div{
		position: relative;
		z-index: 30;
	}
	.onlinestore .inner .read{
		float: left;
		padding-left: 29.5%;
		line-height: 1.9;
		width: 70%;
	}
	.onlinestore .inner .linkbtn{
		float: right;
	}
	.onlinestore .inner .o{
		width: 324px;
		height: 354px;
		position: absolute;
		top:-260px;
		left:40px;
		z-index: 2;
	}
	
	
	
	/*---------------------------------------
	 * Journal
	---------------------------------------*/ 
	
	.journal{
		background: #F3F3F3;
	}
	.journal .inner{
		width: calc(100% - 36px);
		max-width: 1140px;
		margin: 0 auto;
		padding: 120px 0;
		display: table;
		background: url(../img/h.svg) 0 0 no-repeat;
		background-size: auto 100%;
	}
	
	
	
	/* Text
	---------------------------------------*/ 
	
	.journal .inner .text{
		display: table-cell;
		width: 31%;
		padding-right: 5%;
		vertical-align: bottom;
	}
	.journal .inner .text .section-title{
		font-size: 27px;
		letter-spacing: 3px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.journal .inner .text .section-title .ja{
		display: block;
		font-size: 11px;
		letter-spacing: 2px;
	}
	.journal .inner .text .read{
		line-height: 1.9;
		margin-bottom: 30px;
	}
	.journal .inner .text .linkbtn{
		width: 100%;
	}
	
	
	/* Posts
	---------------------------------------*/ 
	
	.journal .inner .posts{
		display: table-cell;
		width: 69%;
		vertical-align: bottom;
		margin-left: -33px;
	}
	.journal .inner .posts ul{
		width: 788px;
		font-size: 0;
	}
	.journal .inner .posts ul li{
		display: inline-block;
		vertical-align: top;
		font-size: 13px;
		width: 248px;
		margin-left: 33px;
		
	}
	.journal .inner .posts ul li a{
		display: block;
	}
	.journal .inner .posts ul li:nth-child(3n){
		/*margin-right: 0;*/
	}
	.journal .inner .posts ul li .content{
		background: url(../../common/img/arrow_next.svg) 100% 100% no-repeat #FFFFFF;
		background-size: 35px;
		padding: 30px 20px 35px;
		
	}
	.journal .inner .posts ul li .content .data{
		font-size: 11px;
		margin-bottom: 10px;
	}
	.journal .inner .posts ul li .content .cat{
		color: #C1272D;
		padding-right: 15px;
	}
	.journal .inner .posts ul li .content .date{
		color: #808080;
	}
	.journal .inner .posts ul li .content .post-title{
		line-height: 1.4;
	}
	
	
	

	
}

@media screen and (max-width: 1000px) and (min-width: 769px) {
	
	.onlinestore .inner .linkbtn{
		float: left;
		margin: 30px 0 0 29.5%;
	}
	
	.journal .inner {
		width: 800px;
		margin: 0 auto;
	}

	.journal .inner .posts{
		display: block;
		width: 800px;
		margin: 0 auto;
	}
	.journal .inner .posts ul li{
		margin: 0 15px;
	}
	
	.journal .inner .text{
		display: block;
		width: 400px;
		margin: 0 0 30px 15px;
		vertical-align: bottom;
	}
	.journal .inner .text .linkbtn{
		width: 288px;
	}
}

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

	/*---------------------------------------
	 * Mainvisual
	---------------------------------------*/ 
	
	.mainvisual{
		width: 100%;
		background: #F0F0F0;
		position: relative;
	}
	.mainvisual .head-nav{
		display: none;
	}
	
	
	/* Slide
	---------------------------------------*/ 
	
	.mainvisual .slides{
		display: none;
	}
	.mainvisual .slides-sp .slide{
		height: calc(100vh - 58px);
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: cover;	
	}
	.mainvisual .slides .slick-prev{
		z-index: 5;
	}
	.mainvisual .slides .slick-next{
		z-index: 5;
	}
	
	
	/* Catch
	---------------------------------------*/ 
	
	.mainvisual .catch{
		color: #FFFFFF;
		position: absolute;
		left:0%;
		top:50%;
		-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index: 10;
		background: rgba(0,0,0,0.5);
		padding: 30px 0 30px 26px;
		width: calc(100% - 18px);
	}
	
	.mainvisual .catch .en{
		font-size: 22px;
		line-height: 1.4;
		letter-spacing: 3px;
		margin-bottom: 10px;
		
	}
	.mainvisual .catch .ja{
		font-size: 12px;
		line-height: 2;
		letter-spacing: 2px;
	}
	
	
	
	/*---------------------------------------
	 * Concept
	---------------------------------------*/ 
	
	.concept{
		padding:60px 0 80px;
	}	
	
	.concept .inner{
		padding: 0 20px;
		position: relative;
		z-index: 1;
	}
	.concept .inner .section-title{
		display: inline-block;
		color: #C1272D;
		font-size: 26px;
		letter-spacing: 3px;
		padding: 0;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	.concept .inner .ja{
		font-size: 18px;
		letter-spacing: 1px;
		margin-bottom: 30px;
	}
	.concept .inner .read{
		line-height: 1.9;
		letter-spacing: 1px;
	}
	.concept .inner .read p{
		margin-top: 20px;
	}
	.concept .inner .deco{
		width: 247px;
		
		position: absolute;
		top:390px;
		left: 50%;
		margin-left: -123px;
		z-index: -2;
	}
	
	
	
	/*---------------------------------------
	 * Rental
	---------------------------------------*/ 
	
	.rental .inner{
		margin: 0px auto 0;
		position: relative;
		z-index: 1;
		
	}
	.rental .inner .photo{
		width: 100%;
		vertical-align: top;
	}
	.rental .inner .text{
		padding: 37px 20px;
		vertical-align: top;
	}
	.rental .inner .text .section-title{
		font-size: 27px;
		letter-spacing: 3px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.rental .inner .text .section-title .ja{
		display: block;
		font-size: 11px;
		letter-spacing: 2px;
	}
	.rental .inner .text .read{
		line-height: 1.9;
		margin-bottom: 40px;
	}
	
	
	
	/*---------------------------------------
	 * HowItWorks
	---------------------------------------*/ 
	
	.howitworks{
		width: 100%;
		padding: 90px 0 80px;
		background: #F3F3F3;
		margin-top: -69px;
	}
	
	.howitworks .inner{
		padding: 0 20px;
		position: relative;
	}
	.howitworks .inner .section-title{
		font-size: 27px;
		letter-spacing: 3px;
		line-height: 1.5;
		margin-bottom: 20px;
		text-align: center;
	}
	.howitworks .inner .section-title .ja{
		display: block;
		font-size: 11px;
		letter-spacing: 2px;
		text-align: center;
	}
	.howitworks .inner ul{
		font-size: 0;
		margin-bottom: 40px;
	}
	.howitworks .inner ul li{
		font-size: 13px;
		width: 100%;
		margin: 0 0 30px;
	}
	.howitworks .inner ul li:nth-child(4n),
	.howitworks .inner ul li:nth-child(1){
		margin-left: 0;
	}
	.howitworks .inner ul li:nth-child(3n){
		margin-right: 0;
	}
	.howitworks .inner ul li .count{
		width: 136px;
		margin: 0 auto 5px;
	}
	.howitworks .inner ul li .ja{
		font-size: 11px;
		text-align: center;
	}
	.howitworks .inner ul li .read{
		border-top: 1px solid #D8D8D6;
		text-align: center;
		padding-top: 10px;
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.7;
	}
	.howitworks .inner .linkbtn{
		margin: 0 auto;
	}
		


	/*---------------------------------------
	 * onlinestore
	---------------------------------------*/ 
	
	.onlinestore{
		width: 100%;
		position: relative;
		margin-bottom: 80px;
	}

	
	
	/* Slide
	---------------------------------------*/ 
	
	.onlinestore .slide-wrap{
		width: 100%;
		background: #F3F3F3;
		position: relative;
		margin-bottom: 40px;
		z-index: 1;
	}
	.onlinestore .slide-wrap::after{
		content:"";
		display: block;
		width: 100%;
		height: 58px;
		background: #FFFFFF;
		position: absolute;
		bottom:0;
		z-index: -1;
	}
	.onlinestore .slide-wrap .online-slides{
		margin: 0px auto;
		position: relative;
		z-index: 1;
	}
	
	
	/* Text
	---------------------------------------*/ 
	
	.onlinestore .inner{
		padding: 0 20px;
		margin: 0px auto 0;
		position: relative;
		
	}
	.onlinestore .inner .section-title{
		font-size: 27px;
		letter-spacing: 3px;
		line-height: 1.5;
		margin-bottom: 20px;
		position: relative;
		z-index: 3;
	}
	.onlinestore .inner .section-title .ja{
		display: block;
		font-size: 11px;
		letter-spacing: 2px;
	}
	.onlinestore .inner div{
		position: relative;
		z-index: 3;
	}
	.onlinestore .inner .read{
		float: left;
		line-height: 1.9;
		margin-bottom: 35px;
	}
	.onlinestore .inner .o{
		width: 165px;
		position: absolute;
		top:0px;
		left:20px;
		z-index: 2;
	}
	
	
	/*---------------------------------------
	 * Journal
	---------------------------------------*/ 
	
	.journal{
		background: #F3F3F3;
	}
	.journal .inner{
		margin: 0 auto;
		padding: 80px 0;
		display: table;
		background: url(../img/h.svg) 120% 90px no-repeat;
		background-size: 315px;
	}
	.journal .inner .linkbtn{
		width: calc(100% - 40px);
		margin: 60px auto 0;
	}
	
	
	/* Text
	---------------------------------------*/ 
	
	.journal .inner .text{
		width: 100%;
		padding: 0 20px;
	}
	.journal .inner .text .section-title{
		font-size: 27px;
		letter-spacing: 3px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.journal .inner .text .section-title .ja{
		display: block;
		font-size: 11px;
		letter-spacing: 2px;
	}
	.journal .inner .text .read{
		line-height: 1.9;
		margin-bottom: 30px;
		
	}
	.journal .inner .text .linkbtn{
		width: 100%;
		margin-bottom: 40px;
	}
	
	
	
	/* Posts
	---------------------------------------*/ 
	
	.journal .inner .posts{
		width: 100%;
	}
	.journal .inner .posts ul{
		width: 100vw;
		margin: 0 auto;
	}
	.journal .inner .posts ul li{
		vertical-align: top;
		padding: 0 10px;
		
	}
	.journal .inner .posts ul li a{
		display: block;
	}
	.journal .inner .posts ul li:nth-child(3n){
		margin-right: 0;
	}
	.journal .inner .posts ul li .content{
		background: url(../../common/img/arrow_next.svg) 100% 100% no-repeat #FFFFFF;
		background-size: 35px;
		padding: 30px 20px 25px;
	}
	.journal .inner .posts ul li .content .data{
		font-size: 11px;
		margin-bottom: 10px;
	}
	.journal .inner .posts ul li .content .cat{
		color: #C1272D;
		padding-right: 15px;
	}
	.journal .inner .posts ul li .content .date{
		color: #808080;
	}
	.journal .inner .posts ul li .content .post-title{
		line-height: 1.4;
	}
	
	
	

	
}