@charset "UTF-8";

/*============================================================*/
/* overwrite
/*============================================================*/

main h3 {
    margin: 10px 0 5px;
    padding:0;
    border:none;
    font-weight: bold;
}

main strong{
	font-weight: bold;
	display: block;
}

.txtBox dt{
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0 0 5px;
}
.txtBox dd{
	padding:0 0 15px;
}


/*============================================================*/
/*  main
/*============================================================*/

#sec01 .imgBox {

	display: flex;
	justify-content:space-between;
	width: 100%;
	max-width: 688px;
	padding-right: 4%;
}

#sec01 .imgBox span{
	display: inline-block;
	position: relative;
	padding-right: 2%;
}

#sec01 .imgBox span img{
}

#sec01 .boxSet .txtBox { width: calc(100% - 42%);}

#sec02 img{ margin: 40px 0;}

#sec02 .tableFrm{ margin: 20px 0 0 ;}

#sec02 .tableFrm tbody th,
#sec02 .tableFrm tbody td{
	text-align: left;
}

#sec03 h4{
	background: #E58013;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
	padding: 5px 10px;
	margin: 20px 0;
}

#sec03 strong{
	margin: 30px 0 0;
	font-size: 2rem;
}
#sec03 ol{ margin-bottom: 20px; }
#sec03 li{ margin-top: 5px; }
#sec03 li:first-of-type{ margin: 0;}

/* format */
/*------------------------------------------------------------*/
@media screen and (max-width: 768px) {

	#sec01 .imgBox {
		display: block;
		width: 100%;
	}
	#sec01 .boxSet .txtBox { width:100%;}

}
@media screen and (max-width: 400px) {
}