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

main {
	width: 1000px;
	margin: 80px auto 180px;
}

.content{
	/*position: relative;*/
	padding: 80px 0 0;
}

.body_copy{
	text-align: center;
	line-height: 2em;
}

h3{
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 28px;
	color: #666666;
	text-align: center;
	display: block;
	padding-bottom: 60px;	
}

h3 span{
	font-weight: bold;
	display: block;
	color: #00B7C7;
	font-family: 'Raleway';
	font-size: 16px;
	letter-spacing: 0.12em;
	padding-bottom: 5px;
}

h4{
	background: url("../img/icon.svg") left top no-repeat;
    background-size: 34px;		
	font-family: 'Noto Serif JP', sans-serif;
	color: #666666;
	border-bottom: 1px solid #79D1D1;
	font-size: 20px;
    padding: 3px 0 5px 40px;
}

h5{
	color: #00B7C7;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 18px;
	padding: 30px 10px 5px;
}

.content .item{
	padding: 40px 0 0;
    justify-content: space-between;
    align-items: center;
}

.inner ul li{
	border-bottom: 1px dashed #00B7C7;
	padding: 10px;
	font-size: 12px;
	font-family: 'Noto Sans JP', sans-serif;
}

.content dl{
	border-bottom: 1px dashed #00B7C7;
	padding: 10px;
	width: 100%;
	display: flex;
}

.content dl dt{
	color: #00B7C7;
	font-family: 'Noto Serif JP', sans-serif;
	width: 20%;
	font-size: 14px;
}

.content dl dd{
	font-family: 'Kiwi Maru';
	font-size: 14px;
}


@media screen and (max-width: 1024px) {
	main{
		width: 90%;
		margin: 40px auto 80px;
	}
	.content .item img{width: 45%;}
	.content .item {gap:20px;}
}

@media screen and (max-width: 768px) {
	
	.body_copy{
		text-align: justify;
		line-height: 1.5em;
		padding-bottom: 20px;
		font-size: 14px;
	}
	
	h3{ font-size: 22px;}
	h3 span{ font-size: 14px;}
	h4{ font-size: 16px; padding: 10px 0 5px 40px;}
	
	.content {  padding: 40px 0 0;}
	.content .item {flex-wrap: wrap;}
	.content .item img{ width: 80%;margin: 0 auto;}
	.content .item .inner{width: 100%;}

	.content dl{flex-wrap: wrap;}
	.content dl dt,.content dl dd{width: 100%;}
	.content dl dt{padding-bottom: 3px;}
}