@charset "UTF-8";

html{
	font-size:62.5%;
}

.strong {
  background:linear-gradient(transparent 75%, #fff878 75%) !important;
}

p, a, ul li{
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
}

h1, h2, h3, .name h5{
	font-family: 'Jost', sans-serif;
}

h1, h2, h5{
	color:#C7B299;
}

.mid-wrapper{
	box-sizing: border-box;
	padding:40px;
}

.top-caption{
	width:700px;
	margin:20px auto;
	font-size:1.3rem;
}

.item-flex-wrapper, .flex-big-wrapper{
	display:flex;
	height: auto;
}

.item-flex-wrapper{
	width:900px;
	margin:50px auto 30px;
	box-sizing: border-box;
	padding:40px 0;
	justify-content: space-around;
	align-items: center;
}

.item-box{
	width:50%;
}

.item-box h1{
	font-size:4rem;
	margin-bottom:20px;
}

.item-caption{
	width:40%;
}

.item-caption p{
	font-size:1.3rem;
	margin-top:15px;
}

.item-caption h2{
	font-size:2rem;
}

.item-caption .new-item-list{
	margin-top:30px;
}

.title-img{
	background-color:#fff;
	width:200px;
	box-sizing: border-box;
	padding:6px 10px;
	margin-top:50px;
	position:absolute;
	z-index:2;
}

.casual-box, .chic-box{
	width:50%;
}

.casual-box{
	background-color:#f2dcc2;
}

.casual-box .title-img{
	left:0;
}

.chic-box{
	background-color:#aebabf;
}

.chic-box .title-img{
	right:0;	
}

.style-box{
	width:60%;
	margin:60px auto;
	box-sizing: border-box;
	padding:20px;
}

.style-box div{
	background-color:rgba(255,255,255,0.6);
	box-sizing: border-box;
	margin-top:20px;
	padding:20px;
}

.style-box p{
	font-size:1.3rem;
	margin-bottom:20px;
}

.jiko_soto{
	margin:0 auto;
	padding:30px;
}

.big_button a{
	margin:50px auto 30px;
}

/*タブレット用*/
@media screen and (max-width: 768px){
	
	.top-caption{
		width:500px;
	}
	
	.item-flex-wrapper{
		width:600px;
		justify-content: space-between;
	}
	
	.item-caption{
		width:45%;
	}
	
	.item-box h1{
		font-size:3rem;
	}
	
	.item-caption h2{
		font-size:1.6rem;
	}
	
	.tab-block{
		display:block;
	}
	
	.title-img{
		width:180px;
	}
	
	.style-box{
		width:90%;
	}
}

/*スマホ用*/
@media screen and (max-width:640px){

	.mid-wrapper{
		padding:30px 0;
	}
	
	.top-caption{
		width:300px!important;
	}	
	
	.item-flex-wrapper, .flex-big-wrapper{
		display:block;
	}
	
	.item-flex-wrapper{
		width:320px;
		margin:50px auto 0;
	}
	
	.item-box, .item-caption, .casual-box, .chic-box{
		width:100%;
		overflow:hidden!important;
	}
	
	.item-box{
		margin-bottom:20px;
	}
	
	.item-box h1, .item-caption h2{
		text-align: center;
	}
	
	.item-box h1{
		font-sizr:2.8rem;
	}
	
	.item-caption h2{
		font-size:2rem;
	}
	
	.title-img{
		width:160px;
		margin-top:40px;
		position:relative;
	}
	
	.chic-box .title-img{
		width:170px;
		left:210px;
	}
	
	.style-box{
		margin:-15px auto 0;
		padding:0 15px 70px;
	}
	
	.jiko_soto{
		padding:30px 0;
	}

}
/* CSS Document */