@charset "utf-8";
@import url("page.css");
/* CSS Document */

#consider {
	margin: 40px 0;
	width: 100%;
	box-sizing: border-box;
}

#consider dt {
	font-size: 28px;
	font-weight: 900;
	color: #00688C;
	text-align: center;
	line-height: 1.6em;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
}

#consider dd {
	font-size: 26px;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #25A3B9;
	text-align: center;
	line-height: 1.6em;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
}
#consider dd ul {
	background-image: url(../images/flow/cause.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	padding-top: 46.2%;
	height: 0;
	width: 100%;
}

#flow {
	display: block;
	margin: 40px auto 60px;
	width: 96%;
}

#flow h1 {
	font-size: 36px;
	font-weight: 900;
	text-align: left;
	color: #009EB4;
	margin-bottom: 40px;
}

#healty {
	display: block;
	margin: 0 auto;
	width: 100%;
}

#healty dt {
	display: block;
	margin: 0 auto;
	width: 100%;
}
#healty dt img {
	height: auto;
	width: 100%;
}

#healty dd {
	background-image: url(../images/flow/healthy_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 75.9%;
	height: 0px;
	width: 100%;
}

#healthcare {
	display: block;
	margin: 40px 0;
	width: 100%;
}

#healthcare h1 {
	font-size: 26px;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #25A3B9;
	text-align: center;
	line-height: 1.6em;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
}

#healthcare h1 span {
	font-size: 22px;
}

#healthcare li {
	display: block;
	margin: 50px 0;
	padding: 30px 10px;
	box-sizing: border-box;
}

#healthcare li:nth-child(2n){
background: rgba(172,255,172,0.23);
}

#healthcare img {
	height: auto;
	width: auto;
	max-width: 100%;
}

#healthcare dt {
	margin-bottom: 1em;
}

#healthcare p {
	text-indent: 1em;
	margin: 0.5em 0;
}

#healthcare li dd span a {
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	background-color: #399;
	display: block;
	margin: 20px auto ;
	padding: 20px 10px;
	width: 96%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-sizing: border-box;
}

@media only screen and (min-width: 769px) {
#title h2 {
	background-image: url(../images/flow/title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	height: 488px;
	width: 1100px;
}

#consider dd ul {
	background-image: url(../images/flow/cause.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	padding-top: 0;
	height: 231px;
	width: 500px;
}

#flow {
	display: block;
	margin: 40px auto 60px;
	width: 832px;
}

#flow h1 {
	color: #009EB4;
}

#healty dd {
	background-image: url(../images/flow/healthy.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 216px;
	width: 823px;
}

#healthcare {
	display: block;
	margin: 90px auto;
	width: 1100px;;
}

#healthcare li {
	display: block;
	margin: 50px 0;
	padding: 50px 100px;
	box-sizing: border-box;
}

#healthcare li.point01 {
	background-image: url(../images/flow/point01.png);
	background-repeat: no-repeat;
	background-position: 50px 50px;
	display: block;
}

#healthcare li.point02 {
	background-image: url(../images/flow/point02.png);
	background-repeat: no-repeat;
	background-position: 50px 50px;
	display: block;
}

#healthcare li.point03 {
	background-image: url(../images/flow/point03.png);
	background-repeat: no-repeat;
	background-position: 50px 50px;
	display: block;
}

#healthcare li.point04 {
	background-image: url(../images/flow/point04.png);
	background-repeat: no-repeat;
	background-position: 50px 50px;
	display: block;
}

#healthcare li.point05 {
	background-image: url(../images/flow/point05.png);
	background-repeat: no-repeat;
	background-position: 50px 50px;
	display: block;
}

#healthcare li dd span a {
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	background-color: #399;
	margin-right: 30px;
	padding: 3px 5px;
	float: right;
	width: 200px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-sizing: border-box;
}
#healthcare li dd span a:hover {
	opacity: 0.7;
}

#healthcare li p.resource {
	background-image: url(../images/flow/resource.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	height: 20px;
	width: 413px;
}

#healthcare dt {
	text-indent: -9999px;
	height: 70px;
}

#healthcare dd {
	margin: 0 0 0 70px;
	width: 860px;
}
}