@charset "UTF-8";

.big-wrapper{
	width:100%;
}

p, ul li, a, h1, h2, h3, h4, h5{
	font-family: 'Noto Sans JP', sans-serif;
}

p{
	font-size:13px;
	color:#000;
}

.mid-wrapper{
	width:800px;
	margin:30px auto;
	padding:40px 0;
}

.item-wrapper{
	width:900px;
	margin:auto;
	padding:40px 0;
}

.top-pad{
	margin-top:60px;
}

.bg-color{
	background-color:#F2F4F4;
	padding-bottom:20px;
}

h1, h2{
	text-align: center;
}

h1 img{
	width:180px;
	margin-bottom:60px;
}

h2 img{
	width:200px;
	margin:50px 40px;
}

.caption{
	width:800px;
	margin:auto;
	padding:30px 0 20px;
}

.item-list{
	width:100%!important;
	margin:20px auto 20px;
}


.item-list li a:after{
	font-size:16px!important;
	margin-left:5px!important;
}

.caption .item-list li{
	text-align: center!important;
}

.styling-flex{
	display:flex;
	height:auto;
	align-items:flex-start;
	justify-content: space-around;
	flex-wrap: wrap;
}

.stylebox{
	width:42%;
}

.stylebox:nth-of-type(3){
	padding-top:30px;
}

.stylebox .item-list{
	margin-top:10px;
}

.comment{
	margin-top:10px;
}

.jiko_soto{
	background-color:#D8E2E8;
	margin-top:-10px;
	padding:50px;
}


.name{
	color:#0071BC;
}

/*タブレット用*/
@media screen and (max-width: 768px){

	.item-wrapper{
		width:650px;
	}
	
	.mid-wrapper, .caption{
		width:600px;
	}
}

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

	.item-wrapper{
		width:350px;
		padding:20px 0;
	}
	
	.mid-wrapper, .caption{
		width:300px;
	}
	
	h1 img{
		width:120px;
		margin-bottom:40px;
	}
	
	h2 img{
		width:140px;
		margin:40px 0;
	}
	
	.styling-flex{
		display:block;
	}
	
	.stylebox{
		width:100%;
		padding:0 20px 35px;
		margin-bottom:30px;
	}
	
	.stylebox:nth-of-type(3){
		padding-top:0;
	}
	
	.bg-color .caption{
		padding-top:0;
	}
	
	.jiko_soto{
		padding:10px 0;
		margin-top:-10px;
	}

}

/* CSS Document */