/*
----------------------------------------
iso
----------------------------------------
*/

.page-header {
	background: url( ../img/iso/2x/header-bg.png ) center center / cover no-repeat;
}

.page-header h1 {
	line-height: 1.5;
}

.page-header .note {
	font-size: 2rem;
}

.iso-box {
	padding: 5rem 0;
}

.iso-box .info {
	text-align: center;
	margin-bottom: 7rem;
}

.iso-img {
	margin-bottom: 12rem;
}

.iso-img .box {
	width: calc( ( 100% - 60px ) / 2 );
}

.iso-img .box:nth-child( odd ) {
	margin-right: 60px;
}

.iso-img .img {
	line-height: .5;
	margin-bottom: 10px;
}

.iso-img .txt {
	font-weight: bold;
	text-align: right;
}

.iso-box .cont {
	margin-bottom: 7rem;
}

.iso-list {
	margin: 5rem 0 7rem;
}

.iso-list > div {
	width: calc( ( 100% - 80px ) / 3 );
	margin-right: 40px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.iso-list > div:nth-child( 3n ) {
	margin-right: 0;
}

.iso-list .img {
	line-height: .5;
}

.iso-list .txt {
	padding: 30px 25px;
}

.iso-list .ttl {
	text-align: center;
	margin-bottom: 10px;
}

.iso-list .ttl h3 {
	font-size: 2.8rem;
	line-height: 1.5;
	margin-bottom: 10px;
}

.iso-list .smile img {
	width: 174px;
}

.iso-list .txt p {
	font-size: 1.4rem;
	letter-spacing: 1px;
	line-height: 2.3;
}


/*
----------------------------------------
1400
----------------------------------------
*/

@media screen and ( max-width: 1400px ) {

	.iso-img {
		padding: 0 20px;
	}

	.iso-img .box {
		width: calc( ( 100% - 40px ) / 2 );
	}

	.iso-img .box:nth-child( odd ) {
		margin-right: 40px;
	}

	.iso-list {
		padding: 0 10px;
	}

	.iso-list > div {
		width: calc( ( 100% - 60px ) / 3 );
		margin-right: 30px;
	}

	.iso-list .txt {
		padding: 20px;
	}

	.iso-list .txt p {
		letter-spacing: 0;
		line-height: 2;
	}

}


/*
----------------------------------------
1200
----------------------------------------
*/

@media screen and ( max-width: 1200px ) {

	.iso-box {
		padding: 4rem 0 1rem;
	}

	.iso-img {
		margin-bottom: 8rem;
	}

	.iso-list .txt {
		padding: 15px;
	}

}


/*
----------------------------------------
1000
----------------------------------------
*/

@media screen and ( max-width: 1000px ) {
}


/*
----------------------------------------
768
----------------------------------------
*/

@media screen and ( max-width: 768px ) {

	.iso-box .info {
		margin-bottom: 4rem;
	}

	.iso-img {
		padding: 0;
		margin-bottom: 4rem;
		flex-direction: column;
	}

	.iso-img .box {
		width: 100%;
		margin-bottom: 20px;
	}

	.iso-img .box:nth-child( odd ) {
		margin-right: 0;
	}

	.iso-list {
		flex-direction: column;
		align-items: center;
		padding: 0;
		margin: 3rem 0;
	}

	.iso-list > div {
		width: 90%;
		margin: 0 0 20px;
	}

	.iso-list .img img {
		width: 100%;
		height: 240px;
	}

	.iso-list .ttl h3 {
		font-size: 2.1rem;
		margin-bottom: 5px;
	}

	.iso-list .smile img {
		width: 135px;
	}

	.iso-box .cont {
		margin: 4rem 0 0;
	}

	.iso-box .cont .heading-01 {
		margin-bottom: 2rem;
	}

}


/*
----------------------------------------
hover
----------------------------------------
*/

@media screen and ( min-width: 769px ) {
}