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

#contentWrap {
	background-color: #edeae8;
	background-image: url("../../images/bg.jpg");
	background-size: cover;
	color: #000;
}
h3.h3-01 {
	color: #000;
	padding-bottom: 0em;
	border-bottom: #777 solid 1px;
	}
h3.h3-01 .engTxt {
	color: #9899bf;
	font-size: 180%;
	letter-spacing: 0em;
	margin-right: 2em;
}
.wBox {
	background-color: #fff;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	padding: 30px;
}
#sec01 .flex {
	align-items: center;
}
#sec01 .flex .leftBox {
	width: 64%;
	max-width: 695px;
}
#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: 47%;
	max-width: 160px;
}
#sec01 .flex .rightBox dl {
	width: 52%;
}
#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;
}
#sec02 .itemBox {
	width: 21%;
}
#sec02 .lineBox {
	width: 1px;
	border-left: #999 dotted 1px;
}
#sec02 .itemBox .imgBox {
	width: 100%;
}

#sec02 .itemBox dl {
	width: 100%;
	padding-bottom: 1em;
}
#sec01 .itemBox dt,#sec02 .itemBox dt {
	border-bottom: #777 solid 1px;
	height: auto;
	padding-bottom: 0.3em;
}







@media screen and (max-width: 959px){
	#sec01,#sec02{
		max-width: 500px;
	}
	#sec01 .flex .leftBox,
	#sec01 .flex .rightBox,
	#sec02 .itemBox {
		width: 100%;
		max-width:  100%;
		margin: 0 auto;
		padding-top: 30px;
	}
	#sec02 .itemBox .imgBox {
		margin: 0 auto;
		
	}
	#sec02 .itemBox {
		width: 50%;
		padding: 5%;
	}
	#sec02 .itemBox:nth-child(1),
	#sec02 .itemBox:nth-of-type(5){
		border-right: #999 dotted 1px;
	}
	#sec02 .itemBox:nth-child(1),
	#sec02 .itemBox:nth-of-type(3){
		border-bottom: #999 dotted 1px;
	}
	#sec02 .lineBox {
		display: none;
	}
}

@media screen and (max-width: 599px){
	.wBox {
    padding: 20px;
	}
	#sec01,#sec02,#sec03{
		width: 100%;
	}
	#sec01 .flex .rightBox .imgBox,
	#sec01 .flex .rightBox dl,
	#sec02 .itemBox .imgBox,
	#sec02 .itemBox dl{
		width: 100%;
		
	}
	#sec01 .flex .rightBox .imgBox {
		width: 90%;
			max-width: 280px;
		margin: 0 auto;
	}
#contentWrap {
		padding: 10px 0;
  }
	#sec01 .flex .rightBox .itemBox,
	#sec02 .itemBox {
   width: 100%;
   padding: 20px;
		box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
		margin-bottom: 20px;
 }
	#sec02 .itemBox:nth-child(1),
	#sec02 .itemBox:nth-of-type(5){
		border-right: #999 dotted 0px;
	}
	#sec02 .itemBox:nth-child(1),
	#sec02 .itemBox:nth-of-type(3){
		border-bottom: #999 dotted 0px;
	}
	#sec02 {
    padding: 0;
    border-top: #999 dotted 0px;
	}


}