@charset "UTF-8";

/* ------------------------------ *
	vol4
 * ------------------------------ */

/* 共通 */

#vol4 .head-box .h1-box{
	padding: 0;
}

#vol4 div.lead-box .inner-box div.logo-box{
	width: 100%;
	text-align: center;
	margin-top: 8px;
}
#vol4 .lead-box .inner-box div.logo-box + div{
	font-size: min(7vw,28px);
	font-size: min(6.5vw,26px);
	font-weight: bold;
	text-align: center;
}
@media screen and (min-width: 768px) { /* tab pc */
	#vol4 div.lead-box .inner-box div.logo-box{
		width: auto;
		text-align: left;
		margin-top: 0px;
	}
	#vol4 .lead-box .inner-box div.logo-box + div{
		padding: 0.6em 0;
		text-align: left;
	}
}

#vol4 div.lead-box2{
	color: #0078D4;
	font-weight: bold;
	text-align: justify;
}

#vol4 .sec-txt-box i{
	color: #0078D4;
	font-weight: bold;
	font-style: normal;
}

/* p1 */

.p1#vol4 .p1-img01-box{
	width: 90%;
	margin: 0 auto;
}
.p1#vol4 .p1-img01-box .item-box + .item-box{
	margin-top: 0;
}
@media screen and (min-width: 768px) { /* tab sp */
	div.p1#vol4 .p1-img01-box{
		width: 100%;
		column-gap: 0; flex-direction: row-reverse;
	}
}

.p1#vol4 .p1-img02-box img{
	width: 100%;
	max-width: 408px;
	max-width: 640px;
	margin: 0 auto;
}

/* p2 */

.p2#vol4 .p2-img01-box img,
.p2#vol4 .p2-img03-box img{
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}

.p2#vol4 .p2-img02-box img{
	width: 100%;
	max-width: 512px;
	margin: 0 auto;
	margin-bottom: 1em;
}

.p2#vol4 .previous-box{
	background: #02B7F0;
	padding: 1.5em 6%;
}
.p2#vol4 .previous-box h3{
	font-size: min(5vw,15px);
	color: #FFF;
	text-align: center;
	margin-top: 0.25em;
	margin-bottom: 0.75em;
}
@media screen and (min-width: 768px) { /* tab sp */
	.p2#vol4 .previous-box h3{
		font-size: calc((20/16) * 1em);
	}
}
.p2#vol4 .previous-box img{
	width: 90%;
	max-width: 315px;
	margin: 0.5em auto;
}
.p2#vol4 .previous-box hr{
	border: none;
	background-color: #FFF;
	height: 2px;
	margin: 1em 0;
}
.p2#vol4 .previous-box a{
	color: #000;
	text-decoration: none;
	display: inline-block;
	min-width: 80%;
	margin: 0.5em auto;
	color: #0078D4;
	background: #FFF;
	border-radius: 3em;
	padding: 0.25em 1.5em;
	border-top: none;
	border-bottom: solid 1px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	transition: 0s;
}
.p2#vol4 .previous-box a:hover{
	border-top: solid 1px #02B7F0;
	border-bottom: none;
}