body{
    overflow-y: scroll;
    overflow-x: hidden;
	}

/* =========================
   Main Visual
========================= */

/* タイトル画像 */
.hero h1 {
	top: 70%;
	width: 35%;
	left: 0;
	right: 0;
	margin: auto;
	}

.hero h1 img {
	padding-top:15vw;
	padding-bottom:15vw;
	}
/* サブコピー */
.hero ul {
	position: absolute;
	top: 80vw;
	left: 4%;
	margin: 0;
	z-index: 2;
	width: 80%;
	}
.hero ul li{
	font-size: 6.5vw;
	opacity: 1;
	}


/* =========================
   Brand Message
========================= */

ul.list_vis_msg{
	display: block;
	padding-top: 200px;
	padding-bottom:0;
	}
ul.list_vis_msg > li:nth-child(2){
	margin-top: 60px;
	}

ul.list_copy_msg{
	position: relative;
	left: 0;
	right: 0;
	top: 30px;
	margin: 20px auto 90px auto ;
	width: calc(100% - 20px);
	}
ul.list_copy_msg li{
	font-size: 9.5vw;
	}
ul.list_vis_msg2{
	display: block;
	}
	
	ul.list_vis_msg2 li p{
		font-size: 6.5vw;
		right: 5%;
		}
		
		
p.tex_msg{
		font-size: 4.5vw;
		width: calc(100vw - 60px);
		margin: 10px auto 50px auto;
		text-align: center;
		}

ul.items_box1{
	display: block;
	padding: 40px 0 0 0;
	width: calc(100% - 40px);
	margin: auto;
	}
ul.items_box1 img{
	width:100%;
	}
	
	
#brand_items {
    background-size: contain;
}
	
	#brand_items h2{
		font-size: 16.5vw;
		line-height: 16.5vw;
		padding-left: 30px;
		margin-top: 80px;
		}
	ul.items_box1 li h2 span{
		font-size: 3.5vw;
		margin-top: -10px;
	}
	
ul.items_box1:after{
	width: 1px;
	height: 415px;
	bottom: -180px;
	top: auto;
	}

p.items_tex1{
        font-size: 4.00vw;
        padding: 0 20px 0 50px;
        width: auto;
        margin-bottom: 80px;
		}
		
		
.list_details,
.list_details2,
.list_details3{
		display:block;
		width: 100%;
		}
.list_details li:last-child,
.list_details2:last-child,
.list_details3:last-child{
	margin-bottom:40px;
	}
		
.list_valiations{
		width: 90vw;
		margin: auto;
		}
.list_valiations li{
        width: calc((100% - 20px) / 3);
        display: inline-block;
		vertical-align: top;
		text-align:center;
		}
.list_valiations li img{
	width: calc(100% - 10px);
	padding-top: 40px;
	}
.wrap-style .list_valiations li:nth-child(1):before,
.pajama-style .list_valiations li:nth-child(1):before ,
.wrap-style .list_valiations li:nth-child(5):before,
.pajama-style .list_valiations li:nth-child(3):before{
        display: block;
        position: absolute;
        width: calc(100% - 60px);
        padding-bottom: 10px;
		left: 0;
		right:0;
		margin:auto;
}

.onepiece-gown .list_valiations li img{
	padding-top:0;
	}	
	
	.wrap-style .list_valiations li:nth-child(4):before,
	.pajama-style .list_valiations li:nth-child(3):before{
		margin-top:15px;
	}
	.wrap-style .list_valiations li:nth-child(1),
	.wrap-style .list_valiations li:nth-child(3),
	.pajama-style .list_valiations li:nth-child(1),
	.pajama-style .list_valiations li:nth-child(3){
		padding-left: 10px;
		}
	.wrap-style .list_valiations li:nth-child(2),
	.wrap-style .list_valiations li:nth-child(4),
	.pajama-style .list_valiations li:nth-child(2),
	.pajama-style .list_valiations li:nth-child(4){
		padding-right: 10px;
		}
	.wrap-style .list_valiations li:nth-child(1) img,
	.wrap-style .list_valiations li:nth-child(2) img{
		margin-bottom: 0;
		}
	.wrap-style .list_valiations li:nth-child(3) img,
	.wrap-style .list_valiations li:nth-child(4) img{
		padding-top: 0;
		padding-bottom: 20px;
		}

	.vis_item_main{
        width: 100vw !important;
        margin-left: 0!important;
	}	

.list_details2 img,
.list_details3 img{
	width: 80vw;
	display: block;
	margin: 20px auto
	}

	
.detail_box1 p{
	font-size: 4.00vw;
	line-height: 6vw;
	width: 90%;
	margin: auto;
	}
	.wrap_ttl{
		position: relative;
		}

.wrap_ttl span{
		position: absolute;
		right: 50px;
		bottom: 0;
		transform: translateY(-50%) rotate(90deg);
		transform-origin: center right;
	font-size: 13.00vw;
	line-height: 6vw;
	color:#096D5A;
	}
	.wrap-style .wrap_ttl span{
		margin-bottom: 100px;
	}
	.pajama-style .wrap_ttl span{
		margin-bottom: 120px;
	}
		.onepiece-gown .wrap_ttl span{
		width: 110vw;
		margin-bottom: 100px;
	}

	.wrap_ttl p{
		color:#fff;
        font-size: 4.00vw;
        padding: 0 20px;
        width: auto;
        margin-bottom: 60px;
	}
	.wrap_ttl p.smt br{
		display:none;
	}
ul.list_function,
ul.list_function2,
ul.list_function3{
		display:block;
	}
	ul.list_function li,
	ul.list_function2 li,
	ul.list_function3 li{
		width:100%;
	}
ul.list_function li:nth-child(1) img,
ul.list_function li:nth-child(2) img{
		width:100%;
	}

ul.list_function li p,
ul.list_function2 li p,
ul.list_function3 li p{
	font-size: 4.00vw;
	padding-bottom: 20px;
	}
ul.list_function li h3{
	font-size: 5.5vw;
	padding: 20px 0 0 0;
	margin: 0;
	}

ul.list_function3{
	margin-bottom: 0;
	}
ul.list_function3 li{
	margin:0;
	padding:0;
	}
ul.list_function3 li h3{
	font-size: 5.5vw;
	padding:20px 0 10px 0;
	margin: 0 0 10px 0;
	text-align: center;
	}
ul.list_function3 li h3,
ul.list_function3 li p{
	width: calc(100% - 40px);
	margin-left: auto;
	margin-right: auto;
	}
ul.list_function3 li img{
	width: calc(100% - 40px)!important;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	}


ul.list_philosophy,
ul.list_philosophy2{
	display:block;
	margin-left: auto;
	margin-right: auto;
	}
ul.list_philosophy li:nth-child(1) img{
	width:100%;
	}

ul.list_philosophy li p{
	font-size: 13.5vw;
	line-height: 22.5vw;
	margin: 30px auto 40px auto;
	}

p.philosophy_tex1{
	font-size: 3.5vw;
	line-height:7.5vw;
	padding: 0;
	padding: 40px 0;
	margin: 0 auto;
	}


ul#footlink{
	display:block;
	}
ul#footlink li a{
	font-size: 3.5vw;
	line-height:7.5vw;
	text-align:center;
	display: block;
	}
ul#footlink li:after{
	display:none;
	}
#footer p{
	font-size: 2.4vw;
	}