@charset "utf-8";

.readWrap{
    display: block;
    padding: 4px 24px;
/*    max-width: 832px;*/
    max-width: 532px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 64px;
    border-left: #102469 solid 1px;
    border-right: #102469 solid 1px;
    background:
    url(/common/images/bd02.png) no-repeat left top / 8px 1px,
    url(/common/images/bd02.png) no-repeat left bottom / 8px 1px,
    url(/common/images/bd02.png) no-repeat right top / 8px 1px,
    url(/common/images/bd02.png) no-repeat right bottom / 8px 1px;
    box-sizing: border-box;
}
.readWrap h2{
    display: block;
    font-size: 22px;
    font-weight: 900;
    line-height: 150%;
    letter-spacing: 0.05em;
/*    margin-bottom: 16px;*/
}

.ind{
    padding-left: 32px;
    padding-right: 32px;
}
.ind_s{
    padding-left: 24px;
    padding-right: 24px;
}
.ind_s p{
	margin-bottom: 32px;
}
.h3Title{
	width: 100%;
}
#section01 p{
	margin-bottom: 24px;
}
#section01{
	margin-bottom: 48px;
}
#section01 figure{
	margin: 0;
}
#section01 figcaption{
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	padding: 0 4px;
	margin-top: 12px;
	min-height: 42px;
	text-align: center;
	border-radius: 30px;
	background: #458e9e;
	color: #FFF;
	font-size: 0.8125rem;
	font-weight: bold;
	line-height: 1.2;
}
#section01 img{
	width: 100%;
}

/*-- 以下PC --*/
@media (min-width:1061px){
	#section01{
		display: grid;
		grid-template-columns: 1fr 230px 230px;
		gap: 0 20px;
		margin-bottom: 48px;
	}
	#section01 img{
		align-self: start;
		width: 100%;
		max-width: 230px;
	}
}
/*-- 以下　タブ＆スマートフォン --*/
@media (max-width:1060px){
	.readWrap{
		margin-bottom: 32px;
	}
	.readWrap h2{
		font-size: 16px;
	}
    .ind,
    .ind_s{
        padding-left: 0;
        padding-right: 0;
    }
	#section01{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 3vw;
	}
	#section01 p{
		grid-column: 1/3;
	}
	#section01 img{
		max-width: 100%;
	}
	#section01 figcaption{
		font-size: 0.75rem;
	}
}