@charset "utf-8";

.mainCont {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4vw;
	padding-bottom: 4vw;
}

h2 {
	font-size: 2.2vw;
	font-weight: 400;
	padding-bottom: 0.2em;
	line-height: 120%;
	margin-bottom: 2em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

h3 {
	font-size: 2vw;
	font-weight: 400;
	padding-bottom: 0.3em;
	line-height: 140%;
	margin-bottom: 2em;
	padding-top: 0.1em;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #4B9DB8;
	padding-left: 1em;
}

.bodyCont {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.bodyTxt {
	font-size: 1.3vw;
	line-height: 200%;
	text-indent: 1em;
	letter-spacing: 0.1em;
}

.bodyTxtEnd {
	font-size: 1.3vw;
	line-height: 200%;
	text-indent: 1em;
	letter-spacing: 0.1em;
	padding-bottom: 2.5em;
}

.imgM_area {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4vw;
}

.ing_m img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

.caption {
	font-size: 1.3vw;
	line-height: 140%;
	padding-top: 0.8em;
	letter-spacing: 0.1em;
}

.imgS_area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 4vw;
}

.half {
	width: 49%;
}

.ing_s img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

.memo {
	background-color: #E6F1F4;
	padding-top: 2vw;
	padding-right: 2vw;
	padding-bottom: 1.4vw;
	padding-left: 2vw;
	border-radius: 6px; 
}

.memoLink {
	font-size: 1.3vw;
	line-height: 160%;
	letter-spacing: 0.1em;
	padding-bottom: 1vw;
}

.memoLink br.linkBr {
	display: none;
}

.memoLink a,
.memoLink a:visited {
	color: #00F;
	text-decoration: none;
}

.memoLink a:hover {
	color: #C00;
	text-decoration: none;
}


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


.mainCont {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0vw;
	padding-bottom: 10vw;
}

h2 {
	font-size: 5.3vw;
	font-weight: 400;
	padding-bottom: 0.2em;
	line-height: 120%;
	margin-bottom: 2em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}


h3 {
	font-size: 3.4vw;
	font-weight: 400;
	padding-bottom: 0.3em;
	line-height: 140%;
	margin-bottom: 2em;
	padding-top: 0.1em;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #4B9DB8;
	padding-left: 0.7em;
}

.bodyCont {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}

.bodyTxt {
	font-size: 2.6vw;
	line-height: 200%;
	text-indent: 1em;
	letter-spacing: 0.1em;
}

.bodyTxtEnd {
	font-size: 2.6vw;
	line-height: 200%;
	text-indent: 1em;
	letter-spacing: 0.1em;
	padding-bottom: 2.5em;
}

.imgM_area {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4vw;
}

.ing_m img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

.caption {
	font-size: 2.6vw;
	line-height: 140%;
	padding-top: 0.8em;
	letter-spacing: 0.1em;
}

.imgS_area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 4vw;
}

.half {
	width: 49%;
}

.ing_s img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

.memo {
	background-color: #E6F1F4;
	padding-top: 4vw;
	padding-right: 2vw;
	padding-bottom: 2vw;
	padding-left: 2vw;
	border-radius: 6px; 
}

.memoLink {
	font-size: 2.6vw;
	line-height: 160%;
	letter-spacing: 0.1em;
	padding-bottom: 3vw;
}

.memoLink br.linkBr {
	display: block;
}

.memoLink a,
.memoLink a:visited {
	color: #00F;
	text-decoration: none;
}

.memoLink a:hover {
	color: #C00;
	text-decoration: none;
}



}