
/* 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 */

.igokochi24 #sec01 {
	background: url("../images/img24/back1.png") repeat-y 100% 0;
	background-size: 280px 10px;
}
.igokochi24 #sec01 h2 {
	padding: 0;
	margin: 0;
	line-height: 1em;
}
.igokochi24 #sec01 p {
	padding: 0;
}
.igokochi24 #sec01 .box {
	background: #e7f4f7;
	padding: 45px 70px;
	margin-top: -3px;
}
.igokochi24 #sec01 .box2 {
	position: relative;
	padding: 32px 70px 0 40px;
	overflow: hidden;
	z-index: 2;
}
.igokochi24 #sec01 .box2 p {
	padding-top: 15px;
}
.igokochi24 #sec01 .box2 p.image {
	padding: 0 25px 0 0;
	float: left;
}
.igokochi24 #sec01 p.image2 {
	position: relative;
	margin-top: -100px;
	z-index: 1;
}
.igokochi24 #sec01 p.text4 {
	padding: 45px 70px;
}
@media only screen and (max-width:640px) {
	.igokochi24 #sec01 {
		background-size: 140px 5px;
	}
	.igokochi24 #sec01 .box {
		background: none;
		padding: 0;
	}
	.igokochi24 #sec01 .box .text1 {
		background: #e7f4f7;
		padding: 15px 24px;
	}
	.igokochi24 #sec01 .box .text2 {
		padding: 15px 24px;
	}
	.igokochi24 #sec01 .box2 {
		padding: 0 24px 15px;
		margin-top: -16px;
	}
	.igokochi24 #sec01 .box2 p {
		padding-top: 32px;
	}
	.igokochi24 #sec01 .box2 p.image {
		padding: 0 10px 0 0;
		margin-left: -7px;
	}
	.igokochi24 #sec01 .box2 p.image img {
		width: 132px;
	}
	.igokochi24 #sec01 p.image2 {
		margin-top: 0;
	}
	.igokochi24 #sec01 p.text4 {
		padding: 15px 24px;
	}
}

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

.igokochi24 #sec02 {
	background: #e7f4f7;
}
.igokochi24 #sec02 h2 {
	background: #fff url("../images/img24/back1.png") repeat-y 100% 0;
	background-size: 280px 10px;
	padding: 0;
	margin: 0;
}
.igokochi24 #sec02 .pc_only {
	position: relative;
	padding: 82px 0 0;
}
.igokochi24 #sec02 .pc_only p {
	padding: 0 0 20px;
	line-height: 0;
}
.igokochi24 #sec02 .pc_only div {
	position: absolute;
	top: 363px;
	right: 70px;
	width: 370px;
}
.igokochi24 #sec02 .pc_only div p {
	line-height: 1.5em;
}
.igokochi24 #sec02 .pc_only h3 {
	margin-left: -130px;
}

@media only screen and (max-width:640px) {
	.igokochi24 #sec02 h2 {
		background-size: 140px 5px;
	}
	.igokochi24 #sec02 .sp_only {
		position: relative;
		padding: 25px 25px 0;
	}
	.igokochi24 #sec02 .sp_only p {
		padding-top: 15px;
		line-height: 0;
	}
	.igokochi24 #sec02 .sp_only p.text {
		line-height: 1.5em;
	}
	.igokochi24 #sec02 .sp_only p.image1 {
		padding-top: 0;
		text-align: right;
	}
	.igokochi24 #sec02 .image1 img {
		width: 55%;
	}
	.igokochi24 #sec02 .sp_only div {
		position: absolute;
		top: 10px;
		left: 25px;
		width: 61%;
	}
	.igokochi24 #sec02 .sp_only h3 {
		width: 165px;
		margin: 0 0 0 -8px;
	}
	.igokochi24 #sec02 .sp_only div p {
		width: 120px;
		padding: 0;
	}
}

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

.igokochi24 #sec03 h2 {
	position: relative;
	margin: 0;
	line-height: 0;
	z-index: 2;
}
.igokochi24 #sec03 p.image1 {
	position: relative;
	margin-top: -38px;
	text-align: center;
	z-index: 1;
}
.igokochi24 #sec03 div {
	position: relative;
	width: 842px;
	padding: 34px 0 0;
	margin: 0 auto;
}
.igokochi24 #sec03 .image2 {
	padding: 0;
	text-align: right;
}
.igokochi24 #sec03 .text {
	position: absolute;
	top: -70px;
	left: 0;
	background: url("../images/img24/sec03_img03.png") no-repeat 100% 0;
	background-size: 128px;
	box-sizing: border-box;
	width: 314px;
	padding: 144px 47px 0 0;
	z-index: 5;
}
@media only screen and (max-width:640px) {
	.igokochi24 #sec03 p.image1 {
		margin-top: -15px;
	}
	.igokochi24 #sec03 div {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 25px 25px 0;
		margin: 0 auto;
	}
	.igokochi24 #sec03 .image2 {
		padding: 0 0 15px;
		text-align: center;
	}
	.igokochi24 #sec03 .text {
		position: static;
		background-position: 0 50%;
		background-size: 93px;
		width: 100%;
		padding: 5px 0 0 103px;
	}
}

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

.igokochi24 #sec04 {
	background: #e7f4f7 url("../images/img24/sec04_img01_pc.jpg") no-repeat;
	padding-bottom: 50px;
}
.igokochi24 #sec04 div {
	padding: 280px 70px 0 675px;
	font-size: 20px;
}
.igokochi24 #sec04 div h2 {
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 20px;
}
.igokochi24 #sec04 div p {
	font-size: 20px;
}
.igokochi24 #sec04 div dl {
	margin: 0;
}
.igokochi24 #sec04 div dt {
	padding-top: 10px;
}
.igokochi24 #sec04 div dd {
	padding: 10px 0 0 1em;
	margin: 0;
}
@media only screen and (max-width:640px) {
	.igokochi24 #sec04 {
		background: #e7f4f7 url("../images/img24/sec04_img01_sp.jpg") no-repeat;
		background-size: 100% auto;
		padding: 90% 0 25px;
	}
	.igokochi24 #sec04 div {
		padding: 0 25px;
		font-size: 14px;
	}
	.igokochi24 #sec04 div h2 {
		padding-bottom: 10px;
		margin-bottom: 15px;
		font-size: 14px;
		text-align: center;
	}
	.igokochi24 #sec04 div p {
		padding-left: 15px;
		font-size: 14px;
	}
	.igokochi24 #sec04 div dt {
		padding: 10px 0 0 15px;
		float: left;
	}
	.igokochi24 #sec04 div dd {
		padding: 10px 0 0;
	}
}


