@charset "UTF-8";

.policyIndexLayout .h2wrap {
	background-image: url(../img/index_h2bg.jpg);
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1020px) {
			}

.policyIndexLayout #main #c01 .box01 {
	position: relative;
	padding: 0 0 30px;
}

.policyIndexLayout #main #c01 .box01 .box01in {
	width: 96%;
	margin: 0 auto 20px;
	line-height: 1.5;
}

.policyIndexLayout #main #c01 .box01 .box01in p.img {
	text-align: left;
	padding: 0 0 10px;
}

.policyIndexLayout #main #c01 .box01 .box01in p {
	font-size: 26px;
	font-weight: bold;
}

.policyIndexLayout #main #c01 .box01 .bg {
	margin: 0 0 0 10%;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.policyIndexLayout #main #c01 .box01 {
					overflow-x: hidden;
					min-height: 370px;
				}
				.policyIndexLayout #main #c01 .box01 .box01in {
					padding: 30px 0 0;
				}
				.policyIndexLayout #main #c01 .box01 .box01in p {
					font-size: 48px;
				}
				.policyIndexLayout #main #c01 .box01 .bg.img {
					position: absolute;
					margin: 0;
					left: 50%;
					top: 0;
					z-index: -1;
				}
				.policyIndexLayout #main #c01 .box01 .bg.img img {
					width: auto;
					max-width: none;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1020px) {
				.policyIndexLayout #main #c01 .box01 .box01in {
					width: 1020px;
				}
			}

.policyIndexLayout #main #c02 .cassette ul li h4 {
	border-bottom: 2px solid #003567;
	margin: 0 0 20px;
}

.policyIndexLayout #main #c02 .cassette ul li h4 img {
	height: 84px;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.policyIndexLayout #main #c02 .cassette ul {
					display: flex;
					justify-content: space-between;
				}
				.policyIndexLayout #main #c02 .cassette ul li {
					width: 32%;
				}
				.policyIndexLayout #main #c02 .cassette ul li h4 img {
					height: 60px;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1020px) {
				.policyIndexLayout #main #c02 .cassette ul li {
					width: 31%;
				}
				.policyIndexLayout #main #c02 .cassette ul li h4 img {
					height: 84px;
				}
				.policyIndexLayout #main #c02 .cassette ul li:nth-child(2) {
					padding: 20px 0 0;
				}
				.policyIndexLayout #main #c02 .cassette ul li:nth-child(3) {
					padding: 40px 0 0;
				}
			}

.policyIndexLayout #main #c03 {
	background: url(../img/index_03_bg01.png) no-repeat center top 15px/100% auto,linear-gradient(8deg, rgba(90,135,203,1) 0%, rgba(66,176,177,1) 100%);
	color: #fff;
	text-align: center;
	padding: 50px 0 20px;
	margin: 0 0 80px;
}

.policyIndexLayout #main #c03 h3 {
	font-family: Arial;
	font-size: 40px;
	line-height: 1.2;
	padding: 0 0 30px;
	width: 96%;
	margin: 0 auto;
}

.policyIndexLayout #main #c03 p {
	width: 96%;
	margin: 0 auto;
	line-height: 2;
	padding: 0 0 30px;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.policyIndexLayout #main #c03 h3 {
					font-size: 60px;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1020px) {
				.policyIndexLayout #main #c03 {
					background: url(../img/index_03_bg01.png) no-repeat right top/auto auto,linear-gradient(8deg, rgba(90,135,203,1) 0%, rgba(66,176,177,1) 100%);
				}
			}

.policyIndexLayout #main #c04 .cassette .center {
	font-size: 140%;
	color: #003567;
	font-weight: bold;
}

.policyIndexLayout #main #c04 .cassette .box01 {
	background-color: #f6f7f7;
	padding: 30px 20px 0;
}

.policyIndexLayout #main #c04 .cassette .box01 ul {
	padding: 0;
}

.policyIndexLayout #main #c04 .cassette .box01 ul li {
	padding: 0 0 10px;
}

.policyIndexLayout #main #c04 .cassette .box01 ul li h5 {
	font-size: 120%;
	padding: 0 0 0 15px;
	border-left: 2px solid #007f81;
	margin: 0 0 10px;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.policyIndexLayout #main #c04 .cassette .box01 {
					padding: 30px 30px 0;
				}
				.policyIndexLayout #main #c04 .cassette .box01 ul {
					display: flex;
					flex-wrap: wrap;
				}
				.policyIndexLayout #main #c04 .cassette .box01 ul li {
					width: 48%;
					margin: 0 4% 0 0;
				}
				.policyIndexLayout #main #c04 .cassette .box01 ul li:nth-child(2n) {
					margin: 0;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1020px) {
			}


/* clearfix
------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow:hidden;
}

.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height: 1%
}

.clearfix {
display:block;
}
/* end MacIE5 */