/* CSS Document */

.contents_area p {
    font-size: 18px;
    line-height: 1.5em;
    padding: 0;
	margin: 0;
}

@media only screen and (max-width:640px) {
	.contents_area p {
		font-size: 14px;
	}
}

/*-------------------- sec01 */

.igokochi22 #sec01 {
	position: relative;
	padding: 0 50px 60px;
	z-index: 2;
}

.igokochi22 #sec01::after {
	content: "";
	position: absolute;
	top: 992px;
	right: 0;
	background: #f6f3e9;
	width: 656px;
	height: 681px;
	z-index: -1;
}

.igokochi22 #sec01 h2 { margin: 0 -50px;}

.igokochi22 #sec01 h3 {
	padding-top: 40px;
	margin: 0;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

.igokochi22 #sec01 p { padding-top: 30px;}

@media only screen and (max-width:640px) {
	.igokochi22 #sec01 {
		padding: 0 25px 30px;
	}

	.igokochi22 #sec01::after {
		top: 0;
		right: inherit;
		left: 0;
		width: 45%;
		height: 100%;
	}

	.igokochi22 #sec01 h2 { margin: 0 -25px;}

	.igokochi22 #sec01 h3 {
		padding-top: 20px;
		font-size: 16px;
	}
	
	.igokochi22 #sec01 p { padding: 10px 0;}
	.igokochi22 #sec01 p.image { margin: 0 -25px;}
}

/*-------------------- sec02 */

.igokochi22 #sec02 {
	position: relative;
	padding: 0 50px;
	z-index: 2;
}

.igokochi22 #sec02::after {
	content: "";
	position: absolute;
	top: 1000px;
	left: 0;
	background: #f6f3e9;
	width: 582px;
	height: 1147px;
	z-index: -1;
}

.igokochi22 #sec02 h2 {
	height: 855px;
	padding: 0;
	margin: 0 -50px;
}

.igokochi22 #sec02 h3 {
	position: absolute;
	top: 785px;
	left: 191px;
}

.igokochi22 #sec02 .plan1 {
	position: relative;
}

.igokochi22 #sec02 .plan1 p {
	padding: 0;
	text-align: right;
}

.igokochi22 #sec02 .plan1 dl {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 400px;
	margin: 0;
}
.igokochi22 #sec02 .plan1 dt {
	font-size: 28px;
	font-weight: bold;
}
.igokochi22 #sec02 .plan1 dd {
	margin: 10px 0 0;
	font-size: 18px;
}

.igokochi22 #sec02 .plan2 { padding: 45px 0 55px;}

.igokochi22 #sec02 .plan3 dl {
	margin: 0;
}
.igokochi22 #sec02 .plan3 dt {
	padding: 30px 0 20px;
	font-size: 28px;
	font-weight: bold;
}
.igokochi22 #sec02 .plan3 dd {
	margin: 0;
	font-size: 18px;
}

.igokochi22 #sec02 .pc_only {
	padding: 50px 0 0;
	margin: 0 -50px;
}

@media only screen and (max-width:640px) {
	.igokochi22 #sec02 { padding: 0 25px 30px;}

	.igokochi22 #sec02::after {
		top: 534px;
		left: 0;
		width: 81%;
		height: 48%;
	}

	.igokochi22 #sec02 h2 {
		height: auto;
		margin: 0 -25px;
	}

	.igokochi22 #sec02 h3 {
		position: inherit;
		top: inherit;
		left: inherit;
		margin: -50px 0 0;
	}

	.igokochi22 #sec02 .plan1 {
		position: relative;
		padding-bottom: 20px;
		margin: 0 -25px;
	}

	.igokochi22 #sec02 .plan1 p img { width: 78%;}

	.igokochi22 #sec02 .plan1 dl {
		position: absolute;
		bottom: 0;
		left: 25px;
		width: 33%;
		margin: 0;
	}
	.igokochi22 #sec02 .plan1 dt {
		font-size: 16px;
		font-weight: bold;
	}
	.igokochi22 #sec02 .plan1 dd {
		margin: 5px 0 0;
		font-size: 14px;
		line-height: 1.2em;
	}

	.igokochi22 #sec02 .plan2 { padding: 20px 0 0; margin: 0 -25px;}

	.igokochi22 #sec02 .plan3 {
		margin: 0 -25px;
	}

	.igokochi22 #sec02 .plan3 dl {
		padding: 0 25px;
	}
	.igokochi22 #sec02 .plan3 dt {
		padding: 18px 0 10px;
		font-size: 16px;
	}
	.igokochi22 #sec02 .plan3 dd {
		font-size: 14px;
	}
}

/*-------------------- sec03 */

.igokochi22 #sec03 {
	position: relative;
	padding: 0 0 90px;
	font-size: 18px;
	z-index: 2;
}

.igokochi22 #sec03::after {
	content: "";
	position: absolute;
	top: 652px;
	left: 0;
	background: #d8e1e2;
	width: 100%;
	height: 690px;
	z-index: -1;
}

.igokochi22 #sec03 p {
	padding: 0;
	margin: 0;
	line-height: 0;
}

.igokochi22 #sec03 .plan4 {
	position: relative;
	padding: 0 50px;
	margin-top: -220px;
}
.igokochi22 #sec03 .plan4 dl {
	position: absolute;
	top: 352px;
	left: 50px;
	margin: 0;
}
.igokochi22 #sec03 .plan4 dt {
	padding-left: 78px;
}
.igokochi22 #sec03 .plan4 dd {
	width: 200px;
	margin: 28px 0 0;
}

.igokochi22 #sec03 .plan5 {
	position: relative;
	padding: 0 50px;
}
.igokochi22 #sec03 .plan5 dl {
	position: absolute;
	top: 28px;
	left: 406px;
	margin: 0;
}
.igokochi22 #sec03 .plan5 dd {
	padding: 10px 50px 0 102px;
	margin: 0;
}

.igokochi22 #sec03 .plan6 {
	position: relative;
	padding: 0 50px;
}
.igokochi22 #sec03 .plan6 dl {
	position: absolute;
	top: 0;
	right: 50px;
	width: 365px;
	margin: 0;
}
.igokochi22 #sec03 .plan6 dd {
	padding: 0;
	margin: 0;
}

@media only screen and (max-width:640px) {
	.igokochi22 #sec03 {
		position: relative;
		padding: 25px 0 30px;
		font-size: 14px;
		z-index: 2;
	}

	.igokochi22 #sec03::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		background: #d8e1e2;
		width: 100%;
		height: 30%;
		z-index: -1;
	}

	.igokochi22 #sec03 .plan4 {
		position: relative;
		padding: 0;
		margin-top: -45%;
	}
	.igokochi22 #sec03 .plan4::after {
		content: "";
		position: absolute;
		bottom: -50%;
		right: 0;
		background: #f6f3e9;
		width: 84%;
		height: 70%;
		z-index: -1;
	}
	.igokochi22 #sec03 .plan4 dl {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		margin: 0;
	}
	.igokochi22 #sec03 .plan4 dt {
		width: 40%;
		padding: 0 0 0 6%;
		margin-top: -10%;
	}
	.igokochi22 #sec03 .plan4 dd {
		width: auto;
		margin: 3% 6% 0;
	}
	.igokochi22 #sec03 .plan4 p {
		padding: 0 6%;
	}

	.igokochi22 #sec03 .plan5 {
		position: relative;
		padding: 6% 0 10px;
	}
	.igokochi22 #sec03 .plan5 p {
		width: 56%;
	}
	.igokochi22 #sec03 .plan5 dl {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
	}
	.igokochi22 #sec03 .plan5 dt {
		width: 28%;
		margin: 27% 0 0 48%;
	}
	.igokochi22 #sec03 .plan5 dd {
		padding: 0;
		margin: 3% 6% 0 59%;
		line-height: 1.2em;
	}

	.igokochi22 #sec03 .plan6 {
		position: relative;
		padding: 6% 0 0;
		margin-top: 3%;
	}
	.igokochi22 #sec03 .plan6 dl {
		position: static;
		top: inherit;
		right: inherit;
		width: 100%;
		margin: 0;
	}
	.igokochi22 #sec03 .plan6 dt {
		position: absolute;
		top: 0;
		right: 50px;
		width: 38%;
		margin: 0;
	}
	.igokochi22 #sec03 .plan6 dd {
		padding: 10px 25px;
	}
}

/*-------------------- sec04 */

.igokochi22 #sec04 {
	position: relative;
	background: url("../images/img22/sec04_bg_pc.jpg") no-repeat;
	min-height: 963px;
	margin-bottom: 125px;
}
.igokochi22 #sec04::after {
	content: "";
	position: absolute;
	bottom: -50px;
	left: 0;
	background: #d8e1e2;
	width: 100%;
	height: 50px;
}

.igokochi22 #sec04 h2 {
	padding-left: 162px;
	margin: 0;
}

.igokochi22 #sec04 div {
	padding: 30px 0 0 50px;
}

.igokochi22 #sec04 h3 {
	padding: 0;
	margin: 0;
	font-size: 20px;
}

.igokochi22 #sec04 dl {
	border-top: 1px solid #3d3939;
	border-left: 1px solid #3d3939;
	width: 290px;
	padding: 25px 0 0 25px;
	margin: 0;
	font-size: 20px;
}
.igokochi22 #sec04 dt {
	width: 135px;
	float: left;
	clear: left;
	text-align:justify;
	text-align-last: justify;
	text-justify:inter-ideograph; 
}
.igokochi22 #sec04 dt:first-of-type {
	width: 100%;
	float: none;
	text-align: left;
	text-align-last: inherit;
}
.igokochi22 #sec04 dd {
	box-sizing: content-box;
	padding: 0 0 0 135px;
	margin: 0;
	letter-spacing: 0;
}

@media only screen and (max-width:640px) {
	.igokochi22 #sec04 {
		position: relative;
		background: url("../images/img22/sec04_bg_sp.jpg") no-repeat;
		background-size: 100% auto;
		padding-top: 150%;
		min-height: auto;
		margin-bottom: 65px;
	}
	.igokochi22 #sec04::after {
		content: "";
		position: absolute;
		bottom: -25px;
		left: 0;
		background: #d8e1e2;
		width: 100%;
		height: 25px;
	}

	.igokochi22 #sec04 h2 {
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		padding: 0 18% 0 67%;
	}

	.igokochi22 #sec04 div {
		padding: 15px 25px;
	}

	.igokochi22 #sec04 h3 {
		border-bottom: 1px solid #3d3939;
		padding: 0;
		margin: 0;
		font-size: 14px;
		text-align: center;
	}

	.igokochi22 #sec04 dl {
		border: none;
		width: 100%;
		padding: 5px 0 0;
		margin: 0;
		font-size: 16px;
	}
	.igokochi22 #sec04 dt {
		width: 7em;
		padding-top: 5px;
	}
	.igokochi22 #sec04 dd {
		padding: 5px 0 0 4em;
	}
}