@charset "UTF-8";





.main {
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(/img/riyuu/main.jpg);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	height: 355px;
	font-size: 3.2rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 100px;
}
@media (max-width: 450px) {
	.main {
		font-size: 2.5rem;
		height: 35vw;
		margin-bottom: 10vw;
	}
}

#riyuu{
	margin-bottom: 50px;
}

h3{
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	height: 240px;
	max-height: 40vw;
	width: 505px;
	max-width: 100%;
	margin: 0 auto;
}
#technology    h3{ background-image: url(/img/riyuu/1_h3bg.svg); }
#long_standing h3{ background-image: url(/img/riyuu/2_h3bg.svg); }
#person        h3{ background-image: url(/img/riyuu/3_h3bg.svg); }
#integration   h3{ background-image: url(/img/riyuu/4_h3bg.svg); }
h3 img{
	max-height: 15vw;
}
h3 + p{
	white-space: nowrap;
	text-align: center;
	margin: 20px 0 50px;
}
@media (max-width: 450px) {
	h3{
		margin-top: 10vw;
	}
	h3 + p{
		margin-bottom: 5vw;
	}
}
#long_standing img[src*="/2_3."]{
	padding: 51px 0;
}

.boxes{
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	flex-wrap: wrap;
}
.boxes .box{
	width: 48%;
	margin-bottom: 50px;
}
.boxes .box h4{
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 4px;
	margin-top: 0;
}
.boxes .box img{
	display: block;
	margin: 0 auto;
}
@media (max-width: 750px) {
	.boxes .box h4{
		font-size: 2.5rem;
	}
}
@media (max-width: 450px) {
	.boxes .box{
		width: 100%;
		margin-bottom: 9vw;
	}
	.boxes .box h4{ margin: 2vw 0; }
	.boxes .box p{ margin: 0; }
	.boxes .box:nth-of-type(1){ order: 2; }
	.boxes .box:nth-of-type(2){ order: 1; margin-bottom: 0; }
	.boxes .box:nth-of-type(3){ order: 3; margin-bottom: 0; }
	.boxes .box:nth-of-type(4){ order: 4; }
	.boxes .box:nth-of-type(5){ order: 6; }
	.boxes .box:nth-of-type(6){ order: 5; margin-bottom: 0; }
	.boxes .box:nth-of-type(7){ order: 7; margin-bottom: 0; }
	.boxes .box:nth-of-type(8){ order: 8; }
	.boxes .box:nth-of-type(9){ order: 10; }
	.boxes .box:nth-of-type(10){ order: 9; margin-bottom: 0; }

	#long_standing img[src*="/2_3."]{ padding: 0; }
	#long_standing img[src*="/2_4."]{ padding: 9vw 0 0 0; }
}


/* PC用 */
@media (min-width: 741px) {

}



/* スマホ用 */
@media (max-width: 740px) {
}

/* スマホ用 縦向 */
@media (max-width: 420px) and (orientation: portrait) {
}

/* スマホ用 横向 */
@media (max-width: 740px) and (orientation: landscape) {
}