@charset "UTF-8";

/* メインビジュアル */
#subMainVisual {
	width: 100%;
	max-width: 770px;
	max-height: 130px;
	background: url('../images/subMainBg.jpg') no-repeat;
	background-size: contain;
}

#subMainVisual h2 {
	width: 100%;
	max-width: 770px;
	line-height: 0;
}

#subMainVisual h2 img {
	width: 100%;
	height: auto;
}

/*パンくずリスト*/
@media screen and (min-width: 768px) {
#topic-path {
	width: 100%;
	max-width: 770px;
	margin-top: 20px;
}

#topic-path ol li {
  display: inline;
  font-size: 90%;
  line-height: 140%;
}
}

/*{　スマートフォン用CSS記述　}*/
@media screen and (max-width: 767px) {
#topic-path {
	width: 96%;
	margin: 10px auto 20px;
}

#topic-path ol li {
  display: inline;
  font-size: 80%;
  line-height: 130%;
}
}

#topic-path ol {
	color: #333333;
  list-style-type: none;
}

#topic-path ol li a {
	color: #3498db;
	text-decoration: underline;
}


/* 下層ページコンテンツ */
.bold {
	font-weight: bold;
}

#subCnt01 {
	width: 100%;
	max-width: 770px;
}

#subCntInner01 {
	width: 100%;
	max-width: 770px;
	margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
#subCnt01 h3 {
	width: 47%;
	max-width: 360px;
	line-height: 0;
	float: left;
}

#subImg01 {
	width: 41%;
	max-width: 310px;
	line-height: 0;
	float: right;
}

#subTtl01 {
	width: 100%;
	height: 56px;
	background: url('../images/flowBg.png') repeat-x;
}

#subTtl01 h4 {
	margin-left: 10px;
	padding-top: 19px;
	line-height: 0;
}

#subTxt01 {
	width: 54%;
	max-width: 410px;
	color: #333333;
	font-size: 90%;
	line-height: 140%;
	margin: 20px 0 0 20px;
	float: left;
}

#subTxt01 h2{
	font-size: 110%;
	float: left;
}

#subTxt01 strong {
	color: #228B22;
	font-size: 110%;
	float: left;
}

#subTxt02 strong {
	color: #228B22;
	font-size: 110%;
	float: left;
}

#subCnt01 h4 {
	width: 84%;
	max-width: 640px;
	margin: 0 auto 20px;
	line-height: 0;
}
}

/*{　スマートフォン用CSS記述　}*/
@media screen and (max-width: 767px) {
#subCnt01 h3 {
	width: 56%;
	max-width: 360px;
	margin: 0 auto;
	line-height: 0;
}

#subImg01 {
	width: 50%;
	max-width: 310px;
	margin: 0 auto;
	line-height: 0;
}

#subTxt01 {
	width: 96%;
	color: #333333;
	font-size: 90%;
	line-height: 140%;
	margin: 20px auto 0;
}

#subTxt01 strong {
	color: #228B22;
	font-size: 110%;
	float: left;
}

#subTxt02 strong {
	color: #228B22;
	font-size: 110%;
	float: left;
}

#subCnt01 h4 {
	width: 96%;
	max-width: 640px;
	margin: 0 auto 20px;
	line-height: 0;
}
}

#subCnt01 h3 img,#subImg01 img,#subCnt01 h4 img {
	width: 100%;
	height: auto;
}

/*{　PC用CSS記述　}*/
@media screen and (min-width: 1000px) {
#pcSubLink li {
	width: 380px;
	margin-right: 10px;
	line-height: 0;
	float: left;
}

#pcSubLink li:last-child {
	margin-right: 0;
}
}

@media screen and (max-width: 999px) and (min-width: 768px) {
#pcSubLink li {
	width: 49%;
	max-width: 380px;
	margin-right: 2%;
	line-height: 0;
	float: left;
}

#pcSubLink li:last-child {
	margin-right: 0;
}

#pcSubLink li img {
	width: 100%;
	height: auto;
}
}

@media screen and (min-width: 768px) {
#pcSubLink {
	width: 100%;
	max-width: 770px;
}

#spSubLink {
	display: none;
}
}

/*{　スマートフォン用CSS記述　}*/
@media screen and (max-width: 767px) {
#pcSubLink {
	display: none;
}

#spSubLink {
	width: 100%;
}

#spSubLink li {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	line-height: 0;
}

#spSubLink li img {
	width: 100%;
	height: auto;
}
}

#subCnt02 {
	width: 100%;
	margin-top: 25px;
}

#subTtl02 {
	width: 100%;
	height: 56px;
	background: url('../images/flowBg.png') repeat-x;
}

#subTtl02 h4 {
	margin-left: 10px;
	padding-top: 19px;
	line-height: 0;
}

#subTxt02 {
	width: 54%;
	max-width: 770px;
	color: #333333;
	font-size: 90%;
	line-height: 160%;
	margin: 20px 0 0 20px;
	float: left;
}

@media screen and (min-width: 800px) {
#subImg02 {
	width: 100%;
	max-width: 770px;
	margin: 20px 0 20px 0px;
	line-height: 0;
}
}

/*{　スマートフォン用CSS記述　}*/
@media screen and (max-width: 800px) {
#subImg02 {
	width: 100%;
	max-width: 770px;
	margin: 10px auto 10px;
	line-height: 0;
}
}

#subImg02 img {
	width: 100%;
	height: auto;
}

#subTxt02 {
	width: 96%;
	color: #333333;
	font-size: 90%;
	line-height: 160%;
	margin: 10px 0 0 20px;
	}

@media screen and (min-width: 768px) {
#number {
	width: 87%;
	max-width: 665px;
	margin-left: 53px;
	list-style-type: none;
}

#number li span {
	display: block;
	width: 93%;
	color: #333333;
	font-size: 90%;
	line-height: 140%;
	padding-top: 2px;
	float: left;
}
}

/*{　スマートフォン用CSS記述　}*/
@media screen and (max-width: 767px) {
#number {
	width: 96%;
	margin: 0 auto;
	list-style-type: none;
}

#number li span {
	display: block;
	width: 90%;
	color: #333333;
	font-size: 95%;
	line-height: 140%;
	padding-top: 2px;
	float: left;
}
}

#number li {
	width: 100%;
	max-width: 665px;
	margin-bottom: 18px;
}

#number li img {
	display: block;
	width: 22px;
	margin-right: 5px;
	float: left;
}

@media screen and (min-width: 768px) {
#check {
	width: 87%;
	max-width: 665px;
	margin-left: 53px;
}

#check li {
	width: 100%;
	color: #333333;
	font-size: 90%;
	line-height: 140%;
	background: url('../images/check.png') no-repeat left center;
	margin-bottom: 15px;
	padding-left: 30px;
	box-sizing: border-box;
}

#note {
	width: 87%;
	max-width: 665px;
	color: #333333;
	font-size: 70%;
	line-height: 120%;
	margin: 0 0 45px 53px;
}
}

/*{　スマートフォン用CSS記述　}*/
@media screen and (max-width: 767px) {
#check {
	width: 96%;
	margin: 0 auto;
}

#check li {
	width: 100%;
	color: #333333;
	font-size: 80%;
	line-height: 140%;
	background: url('../images/check.png') no-repeat left center;
	margin-bottom: 15px;
	padding-left: 30px;
	box-sizing: border-box;
}

#note {
	width: 96%;
	margin: 0 auto;
	color: #333333;
	font-size: 70%;
	line-height: 120%;
}
}


@media screen and (min-width: 768px) {
#formLink {
	width: 450px;
	margin: 0 auto;
	line-height: 0;
}
}

/*{　スマートフォン用CSS記述　}*/
@media screen and (max-width: 767px) {
#formLink {
	width: 70%;
	max-width: 450px;
	margin: 20px auto 0;
	line-height: 0;
}

#formLink img {
	width: 100%;
	height: auto;
}
}