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

@media screen and (max-width: 1024px) {
	
	body{
		min-width:100%;
	}

}

@media screen and (max-width: 767px) {
	
	.pc{
		display:none !important;
	}
	
	.sp{
		display:inline !important;
	}

	a[href^="tel:"] {
		pointer-events:auto;
	}
	
	.btn{
		font-size:4vw;
		padding:3vw 14vw 3.5vw 7vw;
	}
	
/*======================
	header
======================*/
	header{
		padding:5vw;
		min-width:100%;
	}
	header > .flex{
		padding:0;
	}
	header .content > h1{
		max-width:60vw;
		margin:0 auto;
		padding-top:0;
	}

		
/*======================
	drawer
======================*/
	.pure-drawer{
		padding-bottom:20vw;
	}
	.pure-drawer > .drawer-top{
		padding:5vw;
		box-sizing:border-box;
		background-color:#FFFFFF;
	}
	.pure-drawer > .drawer-top h1{
		max-width:128px;
	}
	.pure-drawer > .drawer-top > img{
		max-width:13vw;
		margin-right:10vw;
	}
	
	.pure-drawer > .drawer-inner ul{
	}
	.pure-drawer > .drawer-inner ul li{
		border-bottom:1px solid #797B7D;
	}
	.pure-drawer > .drawer-inner ul li a{
		padding:4vw 5vw;
		box-sizing:border-box;
		font-size:3.6vw;
		display:block;
		letter-spacing: 0.2vw;
	}
	.pure-drawer > .drawer-inner ul li a span{
		display:block;
		color:#0f93c3;
		transform: skewX(-10deg);
	}
	
	.pure-drawer > .drawer-inner ul li div.menu_title{
		padding:4vw 5vw;
		box-sizing:border-box;
		font-size:3.6vw;
		display:block;
		letter-spacing: 0.2vw;
	}
	.pure-drawer > .drawer-inner ul li div.menu_title span{
		display:block;
		color:#0f93c3;
		transform: skewX(-10deg);
	}
	
	.pure-drawer > .drawer-inner ul li > div ul{
	}
	.pure-drawer > .drawer-inner ul li > div ul li{
	}
	.pure-drawer > .drawer-inner ul li > div ul li:first-of-type{
		border-top:1px solid #797B7D;
	}
	.pure-drawer > .drawer-inner ul li > div ul li:last-of-type{
		border-bottom:none;
	}
	.pure-drawer > .drawer-inner ul li > div ul li a{
		background-color:rgba(253,249,241,0.7);
		padding:4vw 8vw;
		position:relative;
		font-size:3.4vw;
	}
	.pure-drawer > .drawer-inner ul li > div ul li a:before{
		content:"";
		position:absolute;
		top:0;
		bottom:0;
		right:7vw;
		margin:auto;
		width:5px;
		height:5px;
		border-top:1px solid #4894C9;
		border-right:1px solid #4894C9;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		vertical-align:middle;
	}
	
	.pure-drawer > .drawer-language{
	}
	.pure-drawer > .drawer-language > img{
		display:block;
		margin:5vw auto;
	}
	.pure-drawer > .drawer-language > ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		ms-flex-align: center;
		align-items: center;
		margin:0 20vw;
	}
	.pure-drawer > .drawer-language > ul li{
	}
	.pure-drawer > .drawer-language > ul li a{
		display:block;
		transform: skewX(-10deg);
		padding-left:4vw;
		font-weight:600;
	}
	.pure-drawer > .drawer-language > ul li a:before{
		content:"";
		/*display:table-cell;
		vertical-align:middle;*/
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		display:block;
		margin:auto;
		border-top: 2px solid #4894C9;
		border-right: 2px solid #4894C9;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width:5px;
		height:5px;
	}
	
		
/*======================
	content
======================*/
	.title{
		height:58vw;
	}
	.title div h2{
		font-size:6vw;
	}
	.title div h2 span{
		font-size:3.8vw;
	}
	
	.content > h2{
		text-align:left;
		font-size:6.5vw;
		margin-bottom:0;
	}


/*======================
	footer
======================*/
	footer{
		margin-top:0;
		padding:10vw 0 6vw;
		box-sizing:border-box;
	}
	footer h1{
		margin:0 auto 12vw;
	}
	
	small{
		font-size:2.8vw;
		letter-spacing:0.2vw;
		margin:0 auto;
	}
	
	/*#news,
	#product,
	#company{
		padding-top:10vw;
		margin-top:-10vw;
	}*/
	
	.season-bn{
	 padding: 0 3vw;
		margin-bottom: 3vw;
		box-sizing: border-box;
	}
	
}