/*
#mainArea
*/

#mainArea .mtxt {
	font-size: 21px;
	padding-top: 1.8em;
	padding-bottom: 0.5em;
	color: #304361;
}
#mainArea .dtxt {
	font-size: 16px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.8;
}
#mainArea .mark {
	padding: 0 5px 1px 25px;
	background: url("../images/common/mark01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px 15px;
}
#mainArea .drp {
	padding-left: 1.5em;
}


#mainArea {
    width: 100%;
    padding-top: 20px;
    background: none;
}
#mainArea .areaInr {
	width: 100%;
	max-width: 1000px;
	min-width: 960px;
	margin: 0 auto;
}
#mainArea .contentsTitle {
    width: 230px;
	margin: 0 auto;
	text-align: center;
}
#mainArea .contentsTitle p {
	padding-top: 0.5em;
	font-size: 14px;
	color: #304361;
}
#mainArea .inr {
	padding-top: 50px;
	padding-bottom: 50px;
}
#mainArea .inr2 {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #e7ebf3;
	border-bottom: 1px solid #e7ebf3;
	text-align: center;
}
#mainArea .inr3 {
	padding-top: 30px;
	padding-bottom: 50px;
}
#mainArea .item01 {
}
#mainArea .item02 {
}
#mainArea .item03 {
}

#mainArea .inr2 .item01 .mtxt {
	padding-top: 0.5em;
}
#mainArea .inr3 .item01 {
	width: 144px;
	margin: 0 auto;
}



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

}

@media screen and (max-width: 640px) {
/*
#mainArea
*/
#mainArea .mtxt {
	font-size: 18px;
	padding-top: 1.8em;
	padding-bottom: 0.5em;
	color: #304361;
}
#mainArea .dtxt {
	font-size: 14px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.8;
}
#mainArea .mark {
	padding: 0 5px 0 25px;
	background: url("../images/common/mark01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px 15px;
}
#mainArea .drp {
	padding-left: 1.5em;
}


#mainArea {
    width: 100%;
    padding-top: 5%;
    background: none;
}
#mainArea .areaInr {
	width: 100%;
	max-width: initial;
	max-width: auto;
	min-width: initial;
	min-width: auto;
	margin: 0 auto;
}
#mainArea .contentsTitle {
    width: calc((230 / 500) * 100%);
	margin: 0 auto;
	text-align: center;
}
#mainArea .contentsTitle p {
	padding-top: 0.5em;
	font-size: 14px;
	color: #304361;
}
#mainArea .inr {
	padding-top: 5%;
	padding-bottom: 5%;
	width: 88%;
	margin: 0 auto;
}
#mainArea .inr2 {
	padding-top: 3%;
	padding-bottom: 3%;
	width: 92%;
	margin: 0 auto;
	border-top: 1px solid #e7ebf3;
	border-bottom: 1px solid #e7ebf3;
	text-align: center;
}
#mainArea .inr3 {
	padding-top: 3%;
	padding-bottom: 5%;
	width: 92%;
	margin: 0 auto;
}
#mainArea .item01 {
}
#mainArea .item02 {
}
#mainArea .item03 {
}

#mainArea .inr3 .item01 {
	width: calc((144 / 500) * 100%);
	min-width: 144px;
	margin: 0 auto;
}




}