@charset "UTF-8";
/* CSS Document */
.ro-box1{
	position: relative;
	height: 850px;
	padding: 200px;
	background: url("../img/ro/ro-back1.jpg");
	background-size: cover;
}
.ro-mark1{
	width: 950px;
	margin: auto;
	text-align: center;
}
.ro-title1{
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: bold;
	font-size: 32px;/* 34px */
	line-height: 1.5;
	margin-bottom: 15px;
	color: #016eb8;
}
.ro-title1-2{
	font-size: 44px;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: bold;
}
/*----------------*/
.ro-box2{
	position: relative;
	height: 700px;
	background: #0071B5;
}
.ro-img1{
	position: absolute;
	display: block;
	width: 650px;
	height: 470px;
	background: #FFFFFF;
	top: 170px;
	left: 100px;
}
.ro-mark2{
	position: absolute;
	width: 700px;
	top: 170px;
	right: 100px;
	padding: 15px 0;
	color: #FFFFFF;
}
/*------------------*/
.ro-box3{
	padding: 80px 0 130px;
	background: #0071B5;
}
.ro-title2{
	display: block;
	width: 500px;
	padding: 15px 20px;
	margin: auto;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: bold;
	font-size: 30px;
	line-height: 1;
	background: #ff8c00;
	color: #FFFFFF;
	text-align: center;
}
.ro-sistem{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 900px;
	margin: 70px auto 0;
	list-style: none;
	justify-content: space-between;
}
.ro-sistem li{
	width: 410px;
	height: 520px;
	background: #FFFFFF;
}
.sistem-img{
	width: 100%;
	height: 280px;
	background: #faf0e6;
}
.sistem-mark{
	padding: 12px 6px;
}
.sistem-title{
	display: block;
	width: 60%;
	background: #016eb7;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	color: #FFFFFF;
	text-align: center;
	margin: auto;
	border-radius: 20px;
}
/*------------------*/
.ro-box4{
	padding: 130px 0 200px;
}
.ro-title3{
	display: inline-block;
	color:  #016eb7;
	border-bottom: 2px solid #016eb7;
}
/*-----------------*/
.ro-sample{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	margin: 70px auto 0;
	list-style: none;
	justify-content: space-around;
}
.ro-sample li{
	width: 400px;
	height: 430px;
}
.sample-img{
	display: block;
	width: 100%;
	height: 250px;
	background: #D3ECF5;
	border-radius: 15px;
	overflow: hidden;
}
.ro-sample-title{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 20px;/* 19px */
	font-weight: 700;/* 700 */
	font-style: normal;
	line-height: 2;
	color:  #016eb7;
}
.sample-mark{
	width: 100%;
	padding: 10px;
}