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

#contentWrap {
	color: #000;
}
h3.h3-01 {
	color: #000;
	border-bottom: #847f4d solid 1px;
	}
h3.h3-01 span {
	color: #847f4d;
	}
#sec01 {
	padding-bottom: 3%;
}
#sec01 .flex {
	align-items: center;
}
#sec01 .flex .leftBox {
	width: 63%;
	max-width: 746px;
}
#sec01 .flex .rightBox {
	width: 35%;
}
#sec01 .flex .rightBox .itemBox {
	padding: 15px 0;
	flex-direction: row-reverse;
}
#sec01 .flex .rightBox .item02 {
	border-top: #999 dotted 1px;
	border-bottom: #999 dotted 1px;
}
#sec01 .flex .rightBox .imgBox {
	width: 54%;
}
#sec01 .flex .rightBox dl {
	width: 42%;
}
#sec01 .flex .rightBox dt {
	border-bottom: #777 solid 1px;
}
#sec01 .flex .rightBox dd {
	padding-top: 0.3em;
}

#sec02 {
	padding: 3% 0;
	border-top: #999 dotted 1px;
	border-bottom: #999 dotted 1px;
}
#sec02 .itemBox {
	width: 25%;
}
#sec02 .itemBox .imgBox {
	width: 49%;
	max-width: 150px;
}

#sec02 .itemBox dl {
	width: 48%;
}
#sec01 .itemBox dt,#sec02 .itemBox dt,#sec03 .itemBox dt {
	border-bottom: #777 solid 1px;
	height: auto;
	padding-bottom: 0.3em;
}
#sec02 .item02 {
	width: 28%;
}
#sec02 .item02 .imgBox {
	width: 43%;
	max-width: 150px;
}
#sec02 .item02 dl {
	width: 54%;
}
#sec02 .item03 {
	width: 39%;
}
#sec02 .item03 .imgBox {
	width: 65%;
	max-width: 300px;
}
#sec02 .item03 dl {
	width: 33%;
}

#sec02 .lineBox,#sec03 .lineBox {
	width: 1px;
	border-left: #999 dotted 1px;
}

#sec03 {
	padding: 3% 0;
}
#sec03 .item01 {
	width: 18%;
	flex-direction: row-reverse;
}
#sec03 .item01 .imgWrap {
 width: 100%;
	margin: 0 auto 15px;
	gap:0px 0px;
}
#sec03 .item01 .imgWrap .imgBox {
	width: 49%;
 margin-bottom: 0px;
	padding: 0;
}
#sec03 .item01 dl {
	width: 100%;
}
#sec03 .item02 {
	width: 40%;
}
#sec03 .item02 .flex {
	align-items: center;
}
#sec03 .item02 .icon {
	width: 20%;
}
#sec03 .item02 dl {
	width: 78%;
}
#sec03 .item02 dt {
	border: none;
	color: #003155;
	font-weight: bold;
	font-size: 13px;
	height: auto;
	display: block;
	text-align: left;
	border-bottom: #003155 solid 1px;
	padding-bottom: 0.2em;
}
#sec03 .item02 dl {
	width: 78%;
}
#sec03 .item02 dt {
	padding-top: 0.5em;
}
#sec03 .item03 {
	width: 30%;
}
#sec03 .item03 .flex {
	flex-direction: row-reverse;
	border-bottom: #999 dotted 1px;
	padding-bottom: 30px;
	margin-bottom: 15px;
}
#sec03 .item03 .flex .imgBox {
	width: 42%;
}
#sec03 .item03 .flex dl {
	width: 53%;
}
#sec03 .item03 .flex02 {
display: flex;

}
#sec03 .item03 .flex02 dt {
width: 5em;
	border: none;
}
#sec03 .item03 .flex02 dd {
flex: 1;
}





@media screen and (max-width: 959px){
	#sec01,#sec02,#sec03{
		max-width: 500px;
	}
	#sec01 .flex .leftBox,
	#sec01 .flex .rightBox,
	#sec02 .itemBox,
	#sec03 .itemBox {
		width: 100%;
		max-width:  100%;
		margin: 0 auto;
		padding-top: 30px;
	}
	#sec02 .itemBox .imgBox,
	#sec03 .itemBox .imgBox,
	#sec03 .itemBox .imgWrap {
		margin: 0 auto;
		
	}
}

@media screen and (max-width: 599px){
	#sec01,#sec02,#sec03{
		width: 90%;
	}
	#sec01 .flex .rightBox .imgBox,
	#sec01 .flex .rightBox dl,
	#sec02 .itemBox .imgBox,
	#sec02 .itemBox dl{
		width: 100%;
		
	}
	#sec01 .flex .rightBox .imgBox,
	#sec03 .item03 .flex .imgBox {
		width: 90%;
			max-width: 280px;
		margin: 0 auto;
	}
	#sec03 .itemBox .imgWrap,
	#sec03 .item01 dl,#sec03 .item03 .flex dl {
		width: 100%;
	}
	#sec03 .itemBox .imgWrap {
		display: flex;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		gap:0 2%;
	}
	#sec03 .itemBox .imgWrap .imgWrap {
		width: 49%;
	}
	#sec03 .item02 {}
	#sec03 .item02 h4 {
		max-width: 280px;
		margin: 0 auto;
	}
	#sec03 .item02 .icon {
    width: 20%;
		margin: 20px auto 0;
	}
	#sec03 .item02 dl {
    width: 100%;
	}
	#sec03 .item02 dt {
		font-size: 14px;
		padding: 1em 0 0em;
		text-align: center;
	}
	#sec03 .item03 .flex02 {
    display: block;
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	#sec03 .item03 .flex02 dt {
    width: 100%;
		border-bottom: #777 solid 1px;
}


}