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

.contents02 h3.c01 {
	background-color: #ed3e6f;
}


/* contents02 */

.contents02 {
	margin-bottom: 70px;
}

.contents02 .box01 {
	margin-bottom: 50px;
}

.contents02 .box01:last-child {
	margin-bottom: 0px;
}

.midashi001 {
	width: 1000px;
	margin-bottom: 25px;
	display: flex;
  justify-content: space-between;
	border-style : solid;
border-color : #40517a;
border-width : 1px;
}

.midashi001 h4, .midashi001 h5 {
	font-size: 25px;
color: #40517a;
line-height: 1.2;
	font-family: ten-mincho, serif;
font-style: normal;
font-weight: 400;
	padding: 8px 20px;
}

.midashi001 h4 {
	width: 50px;
	text-align: center;
	color: #FFF;
	background-color: #40517a;
	padding: 8px 0px;
}

.midashi001 h5 {
	flex: 1;
	letter-spacing: 0.1em;
}


.contents02 .box01 .box003 {
	display: flex;
  justify-content: space-between;
}

.contents02 .box01 .box003 p:first-child {
	width: 65%;
}

.contents02 .box01 .box003 p:last-child {
	width: 30%;
}

.contents02 .box01 .box003 p img {
	width: 100%;
height: auto;
}


.sp-view {
    display: none;
}

html, body {
    height: 100%;
}