@charset "UTF-8";
/* CSS Document */
/**************************************************
*制作：Shinichi Yamazaki
*Created Date：2022/07
*https://design-momonga.jp/
 レスポンシブレイアウトモバイルファーストでの記述。
***************************************************/
#container{
	padding:0 20px 30px 20px;
}
.contents-wrapper{
		min-height:0;
}
#midashi1{
	font-size:1.7rem;
	font-weight:500;
	line-height:2.4rem;
	color:#143468;
	text-align:center;
	padding-bottom:15px;
}
#block01{
	margin:0 -20px 0 -20px;
	background:#143468;
	color:#F4F4F4;
}
#blk01-txt{
	padding:20px;
}
#blk01-txt p{
	font-size:1.3rem;
	line-height:2rem;
	text-align:justify;
}
#block02-inner{
	padding:20px 0 20px 0;
}
#block02-inner p{
	font-size:1.3rem;
	line-height:2.2rem;
	margin-bottom:15px;
	text-align:justify;
}
#blk02-photos{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#blk02-photos p{
    width: calc(50% - 2px);
    margin-bottom:5px;
    background-color:#F4F4F4;
    padding:5px;
}
#block03{
	background:#EEF6F9;
	margin:0 -20px;
}
#block03-inner{
	padding:25px 30px 30px 30px;
}
#block03-inner h4{
	font-size:1.7rem;
	font-weight:600;
	color:#143368;
	text-align:center;
	margin-bottom:20px;
}
#block03-inner ol li{
	font-weight:500;
	font-size:1.3rem;
	color:#143368;
	margin-bottom:15px;
	line-height:1.8rem;
}
/*********************************************
*タブレット（600px以上の場合）
**********************************************/
@media screen and (min-width:600px){
	#midashi1{
		font-size:1.8rem;
	}
	#blk01-txt p{
		font-size:1.4rem;
		line-height:2.4rem;
		width:90%;
		margin:0 auto;
	}
	#block02-inner{
		width:90%;
		margin: 0 auto;
	}
	#block02-inner p{
		font-size:1.4rem;
		line-height:2.4rem;
		margin-bottom:15px;
	}
	#blk02-photos{
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	#blk02-photos p{
		width: 49%;
	}
	#block03-inner ol{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#block03-inner ol li{
		width:49%;
		background:#E4F0F4;
		border-radius:4px;
		text-align:center;
		font-weight:500;
		font-size:1.4rem;
		color:#143368;
		margin-bottom:10px;
		padding: 24px 10px 24px 10px;
	}
}
/*********************************************
*PC（960px以上の場合）
**********************************************/
@media screen and (min-width:960px){
	#container{
		padding:0 0 30px 0;
	}
	.contents-wrapper{
		max-width:1120px;
		margin: 0 auto;
		min-height:0;
	}
	#midashi1{
		font-size:2.2rem;
	}
	#block01{
		margin:0 -20px 0 -20px;
		background:linear-gradient(180deg, #FFF 0%, #FFF 40%, #143468 40%, #143468 100%);
		color:#F4F4F4;
	}
	#blk01-txt{
		padding:20px;
	}
	#blk01-txt p{
		font-size:1.5rem;
		line-height:2.6rem;
		width:70%;
		margin:0 auto;
	}
	#block01-inner-figure{
		display:block;
		margin: 0 -100px;
	}
	#block02-inner{
		width:90%;
		margin: 0 auto;
        padding:30px 0 30px 0;
	}
	#block02-inner p{
		font-size:1.5rem;
		line-height:2.8rem;
		margin-bottom:15px;
	}
    #blk02-photos p{
        width:calc(25% - 5px);
        padding:7px;
    }
    #blk02-photos::before{
        content:"";
        display: block;
        width:calc(25% - 5px);
        order:1;
    }
    #blk02-photos::after{
        content:"";
        display: block;
        width:calc(25% - 5px);
    }
	#block03-inner{
		padding: 35px 0 35px 0;
	}
	#block03-inner h4{
		font-size:2rem;
	}
	#block03-inner ol li{
		width:49.5%;
		font-size:1.5rem;
		font-weight:600;
	}
}