@charset "UTF-8";

/* ------------------------------ *
	vol5
 * ------------------------------ */

/* 共通 */

#vol5 .head-box .h1-box{
	padding: 0;
}
#vol5 .head-box .h1-box h1{
	/* padding: 24px 4%; */
}
@media screen and (min-width: 768px) { /* tab pc */
	#vol5 .head-box .h1-box h1{
		font-size:min(4.8vw,50px);
		font-size:min(3.84vw,40px);
		font-size:min(4.08vw,42.5px);
		white-space: nowrap;
		overflow: hidden;
	}
}

#vol5 div.lead-box .inner-box div.logo-box{
	width: 100%;
	text-align: center;
	margin-top: 8px;
}
#vol5 .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;
	font-size: min(4vw,16px);
	font-size: min(5vw,20px);
	line-height: 1.5;
	line-height: 2;
	font-weight: bold;
}
@media screen and (min-width: 768px) { /* tab pc */
	#vol5 div.lead-box .inner-box div.logo-box{
		width: auto;
		text-align: left;
		margin-top: 0px;
	}
	#vol5 .lead-box .inner-box div.logo-box + div{
		padding: 0.6em 0;
		text-align: left;
	}
}

#vol5 div.lead-box2{
	color: #0078D4;
	font-weight: bold;
	text-align: justify;
	padding-top: 5vw;
}

/* 0311追加 */
#vol5 div.lead-box3{
	background-color: #FFFFFF;
	font-weight: bold;
	text-align: justify;
}

.text_right{
	text-align: right;
	font-size: 10px;
}

#vol5 div.lead-box4{
	font-weight: bold;
	text-align: justify;
	padding: 0.35em 4% 0.5em;
}

.p2#vol5 .sec6{
	padding-top: 4vw;
}
/*　ここまで　*/

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


/* p1 */

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

.p1#vol5 .p1-img02-box img{
	width: 100%;
	padding: 4% 0;
}

.p1#vol5 .cryptnote img{
	width: 80%;
	padding: 1% 0;
}
@media screen and (min-width: 768px) { /* tab pc */
	.p1#vol5 .cryptnote img{
		width: 80%;
		min-width: 430px;
	}
}


/* p2 */

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


.p2#vol5 .sec5{
	text-align: center;
}
.p2#vol5 .sec5 a.link-button{
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	min-width: 80%;
	margin: 0.5em auto;
	background: #0078D4;
	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#vol5 .sec5 a.link-button:hover{
	border-top: solid 1px #FFF;
	border-bottom: none;
}



.p2#vol5 .bg-water-box {
	margin: 40px auto;
}
.p2#vol5 .bg-water-box h3 {
	color: #0078D4;
	margin-bottom: 1em;
}
.p2#vol5 .bg-water-box h3 .name {
	font-size: 1.5em;
}
.p2#vol5 .bg-water-box .sec-txt-box figure {
	float: right;
	width: 50%;
	margin-left: 5%;
}
.p2#vol5 .bg-water-box .sec-txt-box figure img {
	width: 100%;
	margin-bottom: 1em;
}
.p2#vol5 .bg-water-box .sec-txt-box figcaption {
	margin-bottom: 0.5em;
}
@media screen and (max-width: 414px) { /* small sp */
	.p2#vol5 .bg-water-box .sec-txt-box figure {
		width: 100%;
	}
}