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

/* PC
-------------------------------------------------- */
@media screen and (min-width:768px){

.mainVisual{
	margin-top:30px;
	text-align:center;
}

.overview{
	margin-top:20px;
	font-size:16px;
	line-height:1.6em;
}

.overview span{
	display:block;
	font-size:12px;
	margin-top:20px;
}

#code46 h2{
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	padding:15px 10px;
	background:#efefef;
	margin-top:30px;
}

#code46 h3{
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	padding:20px 0;
	margin-top:20px;
	border-bottom:1px solid #000;
	position:relative;
}

#code46 h3 span{
	display:inline-block;
	font-size:14px;
	border:1px solid #cc0000;
	color:#cc0000;
	line-height:22px;
	padding:0 5px;
	margin-right:10px;
}

.itemFlex{
	display:-webkit-flex;
	display:flex;
	margin:30px 0 10px;
}

.itemFlex > div{
	box-sizing:border-box;
	width:250px;
}

.itemFlex div img{
	width:100%;
}

.itemFlex p{
	display:block;
	width:500px;
	margin-left:30px;
	font-size:16px;
	line-height:1.6em;
}

.itemFlex p span{
	display:block;
	font-weight:bold;
	margin-bottom:10px;
}

}


/* SP
-------------------------------------------------- */
@media screen and (max-width:767px){

.mainVisual{
	margin-top:20px;
	text-align:center;
}

.mainVisual img{
	width:100%;
}

.overview{
	margin-top:20px;
	font-size:14px;
	line-height:1.6em;
}

.overview span{
	font-weight:bold;
	text-decoration:underline;
}

#code46 h2{
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	padding:15px 10px;
	background:#efefef;
	margin-top:30px;
}

#code46 h3{
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	padding:20px 0 20px;
	border-bottom:1px solid #000;
}

#code46 h3 span{
	display:inline-block;
	font-size:14px;
	border:1px solid #cc0000;
	color:#cc0000;
	line-height:22px;
	padding:0 5px;
	margin-right:10px;
}

.itemFlex{
	margin-top:20px;
}

.itemFlex > div{
	width:60%;
	margin:0 auto;
}

.itemFlex div img{
	width:100%;
}

.itemFlex p{
	font-size:14px;
	line-height:1.6em;
	margin-top:10px;
}

}