@charset "shift_jis";





/*====================================
ヘッダー
====================================*/

.head_nav p a {
	font-size:15px;
	font-weight:bold;
	float: left;
	color:#333;
	padding:34px 16px 20px 16px;
	background-color:#FFF;
	display:inline-block;
	text-decoration: none;
	}
.head_nav p a:hover{
	color:#113EA1;
	}
	
.sp_head_btn1 {
	position:absolute;
	top:0;
	right:213px;
	}
.sp_head_btn2 {
	position:absolute;
	top:0;
	right:0px;
	}
	
	
	


		#sky{
			position: relative;
			width: 100%;

			margin: auto;
			position: relative;
			background-position: 0 0;
			background-repeat: repeat;
			text-align: center;
			z-index: 100;
		}



		#fly{
			position: absolute;
			top: 72%;/*真ん中は42px*/
			width: 106px;
			left: 72%;
			z-index: 100;
		}

.video-background {
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}





.wrapper {
  height: 50%; /*高さを画面いっぱいに指定する。(vhが効かない場合の対策)*/
  height: 50vh; /* 高さを画面いっぱいに指定する。*/
  position: relative;  /*横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。*/
  width: 100%; /* 横幅もいっぱいに。*/
}

#video {
  background: url('/video_bg.jpg') no-repeat; /* 動画が再生を始めるまで、cssのほうでも背景を設定します。*/
  background-attachment: fixed; /* 中央揃えになるように、fixed。*/
  background-position: center center; // positionも中央に。*/
  background-size: cover; /* 画面サイズに応じてサイズを可変するように設定。*/
  left: 0;
  // 以下、画面いっぱいにするためのCSS設定*/
  min-height: 50%;
  min-height: 50vh;
  min-width: 1200px;
  min-width: 100vw;
  /* wrapperのサイズに応じて、leftの位置をjQueryで指定するため、positionはabsoluteにします。*/
  position: absolute;
  top: 0;
  /* z-indexは調整してください。*/
  z-index: 1;
}

@media (max-width: 1200px){
	.wrapper {
		max-width:1200px;
}
#video {
		max-width:1200px;
}
}

@media (min-width: 640px) and (max-width: 813px) {
	.wrapper {
		max-width:813px;
		min-width:640px;
}
#video {
		width: 100%;
		max-width:813px;
		min-width:640px;
}
}
@media (max-width: 639px)  {
	.wrapper {
		width: 750px;
}
#video {
		width: 750px;
}
}


.square {
    display: inline-block;
    width: 200px;
    height: 1px;
    text-align: center;
    background-color: #113EA0;
}


/*====================================
スライド
====================================*/

.ttl_wrap {
	width: 100%;
	max-width:840px;
	margin: 0 auto;
	position: relative;
}
.ttl {
	width: 100%;
	height:740px;
	position: absolute;
	top: 190px;
	left: 0;
	z-index: 99;
}

.ttl_wrap2 {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.ttl2 {
	width: 100%;
	position: absolute;
	top: 325px;
	left: 0;
	z-index: 99;
	overflow:hidden;
}
.slide_txt {
	width:640px;
	}

/*@media screen and (min-width:640px) and ( max-width:813px) {*/
@media only screen and (max-width: 813px) {

.ttl {
	top: 190px;
	left: 0;
}
.slide_txt {
	width:100%;
	max-width:88%;
	}
}
@media only screen and (max-width: 415px) {

.ttl {
	top: 190px;
	left: 0;
}	
}


.slide_left {
	z-index: 999;	
}
.slide_right {
	z-index: 999;	
}



.slide_tx01 {

	text-align:center;
	z-index:999999;
	
	}
.slide01_tx{
		background-image:url(../ryoto_rec-p/top-p/slide01.jpg);
		background-size:cover;
	background-repeat: no-repeat;
	}
.slide02_tx{
		background-image:url(../ryoto_rec-p/top-p/slide02.jpg);
		background-size:cover;
	background-repeat: no-repeat;
	}




/*====================================
トップ_動き部分
====================================*/

.bn_01_bg {
	background: -moz-linear-gradient(top, #31D4DD 0%, #32B6DC 45%, #32B6DC); 
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#31D4DD), color-stop(0.45, #32B6DC), to(#32B6DC)); 
	background: linear-gradient(to bottom, #31D4DD 0%, #32B6DC 45%, #32B6DC); 
	
	border-bottom:8px #00A1E1 solid;
	width:100%;
	margin:0 auto;
	}
.bn_01_bg:hover {
	opacity: 0.80; /* 80％不透明度(＝20％透過) */
	}

.bn_01 {
	position:relative;
	width:100%;
	height:532px;

	/*background-color: #CAE9FF;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E7F8FC), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E7F8FC),color-stop(.75, #E7F8FC), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;*/

	}
	

	
.top_bn1__lman {
	position:absolute;
	top:0;
	left:-140px;
	}
.top_bn1__rman {
	position:absolute;
	top:0;
	right:-170px;
	z-index:52;
	}
.top_bn1__speech01 {
	position:absolute;
	top:0;
	left:0px;
	}
.top_bn1__speech02 {
	position:absolute;
	top:0;
	right:0px;
	}
.top_bn1__speech03 {
	position:absolute;
	top:0;;
	right:0px;
	}
.top_bn1__tit {
	position:absolute;
	bottom:0;
	left:0px;
	z-index:54;
	}
.top_bn1__tit_bg {
	position:absolute;
	bottom:0;
	left:0px;
	z-index:48;
	width:100%;
	}

@media (max-width: 813px)  {

.sp_bn_01 {
	position:relative;
	width:750px;
	height:554px;
	}
.sp_bn_02 {
	position:relative;
	width:750px;
	height:509px;
	}
	
.sp_top_bn1__lman {
	position:absolute;
	top:-500px;
	left:0px;
	}
.sp_top_bn1__rman {
	position:absolute;
	top:-500px;
	right:0px;
	z-index:52;
	}
.sp_top_bn1__speech01 {
	position:absolute;
	top:-500px;
	left:0px;
	}
.sp_top_bn1__speech02 {
	position:absolute;
	top:-500px;
	right:0px;
	}
.sp_top_bn1__tit {
	position:absolute;
	bottom:0;
	left:0px;
	z-index:54;
	}
.sp_top_bn1__tit_bg {
	position:absolute;
	bottom:0;
	left:0px;
	z-index:48;
	width:100%;
	}

.top_main03-bg img {
	width:96%;
	}

}


	
.bn_02_bg {
	background: -moz-linear-gradient(top, #ECB739 0%, #F28733 45%, #F28733); 
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#ECB739), color-stop(0.45, #F28733), to(#F28733)); 
	background: linear-gradient(to bottom, #ECB739 0%, #F28733 45%, #F28733); 

	border-bottom:8px #FC8D32 solid;
	width:100%;
	margin:0 auto;
	}	
.bn_02_bg:hover {
	opacity: 0.80; /* 80％不透明度(＝20％透過) */
	}
	
.bn_02 {
	position:relative;
	width:100%;
	height:532px;
	}
	

.top_bn2__icon {
	position:absolute;
	top:0;
	left:0;
	}	
.top_bn2__lman {
	position:absolute;
	top:0;
	left:-140px;
	z-index:52;
	}
.top_bn2__rman {
	position:absolute;
	top:0;
	right:-170px;
	}
.top_bn2__speech01 {
	position:absolute;
	top:0;
	left:0px;
	}
.top_bn2__speech02 {
	position:absolute;
	top:0;
	right:0px;
	}
.top_bn2__tit {
	position:absolute;
	bottom:0;
	left:0px;
	z-index:54;
	}
.top_bn2__tit_bg {
	position:absolute;
	bottom:0;
	left:0px;
	z-index:48;
	width:100%;
	}

	








	
.bn_03_bg {
	background: -moz-linear-gradient(top, #6FD0BF 0%, #5CC073 45%, #5CC073); 
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#6FD0BF), color-stop(0.45, #5CC0733), to(#5CC073)); 
	background: linear-gradient(to bottom, #6FD0BF 0%, #5CC073 45%, #5CC073); 
	
	border-bottom:8px #6CBC61 solid;
	width:100%;
	margin:0 auto;
	}	
		
.bn_03_bg:hover {
	opacity: 0.80; /* 80％不透明度(＝20％透過) */
	}
		
.bn_03 {
	position:relative;
	width:100%;
	height:532px;
	}
	

.top_bn3__icon {
	position:absolute;
	top:0;
	left:0;
	}	
.top_bn3__lman {
	position:absolute;
	top:0;
	left:-140px;
	}
.top_bn3__rman {
	position:absolute;
	top:0;
	right:-170px;
	z-index:52;
	}
.top_bn3__speech01 {
	position:absolute;
	top:0;
	right:0px;
	}
.top_bn3__speech02 {
	position: absolute;
	top: 0;
	left: 2px;
	}
.top_bn3__tit {
	position:absolute;
	bottom:0;
	left:0px;
	z-index:50;
	}
.top_bn3__tit_bg {
	position:absolute;
	bottom:0;
	left:0px;
	z-index:48;
	width:100%;
	}

	

	
	
	
.bn_04_bg {
	background: -moz-linear-gradient(top, #E7A06D 0%, #E37666 45%, #E37666); 
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#E7A06D), color-stop(0.45, #E37666), to(#E37666)); 
	background: linear-gradient(to bottom, #E7A06D 0%, #DA8C81 45%, #E37666); 
	
	border-bottom:8px #DF543F solid;
	width:100%;
	margin:0 auto;
	}	
.bn_04_bg:hover {
	opacity: 0.80; /* 80％不透明度(＝20％透過) */
	}

.bn_04 {
	position:relative;
	width:100%;
	height:532px;
	}
	

.top_bn4__icon {
	position:absolute;
	top:0;
	left:0;
	}	
.top_bn4__lman {
	position:absolute;
	top:0;
	left:-140px;
	z-index:52;
	}
.top_bn4__rman {
	position:absolute;
	top:0;
	right:-190px;
	}
.top_bn4__speech01 {
	position:absolute;
	top:0;
	left:0px;
	}
.top_bn4__speech02 {
	position:absolute;
	top:0;
	right:0px;
	}
.top_bn4__tit {
	position:absolute;
	bottom:0;
	left:0px;
	z-index:50;
	}
.top_bn4__tit_bg {
	position:absolute;
	bottom:0;
	left:0px;
	z-index:48;
	width:100%;
	}








.top_rec_main_03__box{
	position:relative;
	width:100%;
	height:387px;
	}
	

	
.top_rec_main_03__lman {
	position:absolute;
	top:0;
	left:0;
	}
.top_rec_main_03__rman {
	position:absolute;
	top:0;
	right:0;
	}
.top_rec_main_03__speech01 {
	position:absolute;
	top:0;
	left:0px;
	}
.top_rec_main_03__speech02 {
	position:absolute;
	top:0;
	right:0px;
	}



@media (max-width: 813px)  {
.sp_top_rec_main_03__lman {
	position:absolute;
	top:-500px;
	left:0;
	}
.sp_top_rec_main_03__rman {
	position:absolute;
	top:-500px;
	right:0;
	}
.sp_top_rec_main_03__speech01 {
	position:absolute;
	top:-500px;
	left:0px;
	}
.sp_top_rec_main_03__speech02 {
	position:absolute;
	top:-500px;
	right:0px;
	}
}
	
		


.top_main3__g2 a {
	color:#111;
	text-decoration:none;
	
	}

/*.top_main03_box-a:hover {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";

}
*/

.top_main3__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.top_main3__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.top_main3__g2 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	border-radius: 10px; /* 角を丸くする */
/*	padding:30px 30px;*/
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_main3__g2 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	border-radius: 10px; /* 角を丸くする */
/*	padding:30px 30px;*/
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {


.top_main3__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.top_main3__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 20px 15px;
}

.top_main3__g2 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	border-radius: 10px; /* 角を丸くする */
	padding:0px 25px;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_main3__g2 .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	border-radius: 10px; /* 角を丸くする */
	padding:0px 25px;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}




.top_main03_box-a {
	padding:30px;
	min-height:60px;
	}


a.top_main04__bn {
	text-decoration:none;

	}
	
.top_main04__bn__tx {
	background-color:#009DDE;
	width:100%;
	color:#FFF;
	padding:8px 0;
	}
	
.top_main04_box-a {
/*	min-height:220px;*/
	}
.top_main4__g2 a {
	color:#FFF;
	text-decoration:none;
	}
.top_main04_box-a:hover {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";

}

	
.top_main4__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.top_main4__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.top_main4__g2 .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 2; /* 横のマス数(IE用) */
	grid-column: 1 / 3; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1; /* 縦位置 */	
}

.top_main4__g2 .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / 3;
	
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row: 2; 
}

.top_main4__g2 .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	grid-row: 3; 
}

.top_main4__g2 .grid_item_04 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	grid-row: 3; 
}

@media only screen and (max-width: 813px) {


.top_main4__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.top_main4__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.top_main4__g2 .grid_item img {
	width:100%;
	
	}

.top_main4__g2 .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1; /* 縦位置 */	
}

.top_main4__g2 .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row: 2; 
}

.top_main4__g2 .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	grid-row: 3; 
}

.top_main4__g2 .grid_item_04 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 4;
	-ms-grid-row-span: 1;
	grid-row: 4; 
}
}



/* ボタンここから */
.top_main04_btn-box {
	}

.top_main04_btn {

  display: inline-block;
  width: 52%;
  height: 100px;
  text-align: center;
  text-decoration: none;
  line-height: 100px;
  outline: none;
  background-color: #FFF;
  color: #003284;
  	background-image: url(../ryoto_rec-p/top-p/top__main4_btn_off.png);
	background-repeat:no-repeat;
	background-position: right center;
	border:3px #000 solid;
}
.top_main04_btn:hover{
  background-color: #009DDE;
  color:#FFF;
  	background-image: url(../ryoto_rec-p/top-p/top__main4_btn_on.png);
	background-repeat:no-repeat;
	background-position: right center;
	border:3px #009DDE solid;
}
.top_main04_btn::before,
.top_main04_btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.top_main02_btn,
.top_main02_btn::before,
.top_main02_btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media only screen and (max-width: 813px) {
.top_main04_btn {

  display: inline-block;
  width: 95%;
  }
}

/*====================================
下層共通
====================================*/

.main_kuzu a{
	text-decoration:none;
	color:#333;
	}
.main_kuzu a:hover{
	text-decoration: underline;
	}



/*====================================
About_works
====================================*/
.works_mainimg_bg01 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/works-p/rec_work_mainimg_bg01.png);
	background-repeat:repeat-x;
	background-position:center;
	}
	
.works_mainimg_bg02 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/works-p/rec_work_mainimg_bg02.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	}

@media only screen and (max-width: 813px) {

.works_mainimg_bg01 {
	height:580px;
	background-repeat: repeat;
	}
	
.works_mainimg_bg02 {
	height:580px;
	}
.works_mainimg_bg02 .mainimg {
	padding-top:90px
	}
}


.works_main01_bg01 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/works-p/works_main01_bg01.gif);
	background-repeat:repeat;
	background-position:center;
	
	}
.works_main04_bg01 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/works-p/works_main01_bg01.gif);
	background-repeat:repeat;
	background-position:center;
	
	}

/* 吹き出し */
	
.balloon2-left {
 	position: relative;
	display: inline-block;
 	margin: 20px 0 20px 0px;
	padding: 20px 20px;
	width:800px;
	min-width: 120px;
 	max-width: 100%;
	min-height:100px;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 2px #67BBE9;
 	box-sizing: border-box;
	border-radius: 8px;
}

.balloon2-left:before{
	content: "";
	position: absolute;
	top: 50px;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}

.balloon2-left:after{
	content: "";
	position: absolute;
	top: 50px;
	left: -29px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #67BBE9;
 	z-index: 1;
}

.balloon2-left p {
	margin: 0;
	padding: 0;
}


.balloon2-right {
 	position: relative;
	display: inline-block;
 	margin: 20px 0px 20px 0;
	padding: 20px 20px;
	width:800px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 2px #67BBE9;
 	box-sizing: border-box;
	border-radius: 8px;
}

.balloon2-right:before{
	content: "";
	position: absolute;
	top: 50px;
	right: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
 	z-index: 2;
}

.balloon2-right:after{
	content: "";
	position: absolute;
	top: 50px;
	right: -29px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #67BBE9;
 	z-index: 1;
}

.balloon2-right p {
	margin: 0;
	padding: 0;
}





.work_leftimg {
	position:absolute;
	top:-10px;
	left:-195px;
	}
.work_rightimg {
	position:absolute;
	top:-10px;
	right:-195px;
	}
	
	
@media only screen and (max-width: 813px) {

.work_leftimg {
	position:absolute;
	top:-10px;
	left:-25%;
	width:20%;
	}
.work_leftimg img {
	width:100%;	
}

.balloon2-left {
	margin-left:20%;
	
	
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 20%;
	padding: 20px 20px;
	width:80%;
	min-width: 120px;
 	max-width: 100%;
	min-height:100px;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 2px #67BBE9;
 	box-sizing: border-box;
	border-radius: 8px;
}















.work_rightimg {
	position:absolute;
	top:-10px;
	right:-25%;
	width:20%;
	}	
.work_rightimg img {
	width:100%;	
}

	
.balloon2-right {
	
	
 	position: relative;
	display: inline-block;
 	margin: 1.5em 20% 1.5em 0;
	padding: 20px 20px;
	width:80%;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 2px #67BBE9;
 	box-sizing: border-box;
	border-radius: 8px;
}
	
}


.works_stit01 {
	background-color:#009DDE;
	padding:25px 0;
	}
	
	
	


.works_main04_box-a {
	padding:30px;
	min-height:120px;
	}
.works_main04_box-b {
	padding:30px;
}

.works_main04_box-b01 {
	background-image:url(../ryoto_rec-p/works-p/works_main04_box-b01.png);
	background-position:right center;
	background-repeat: no-repeat;
	}
.works_main04_box-b02 {
	background-image:url(../ryoto_rec-p/works-p/works_main04_box-b02.png);
	background-position:right center;
	background-repeat: no-repeat;
	}
.works_main04_box-b03 {
	background-image:url(../ryoto_rec-p/works-p/works_main04_box-b03.png);
	background-position:right center;
	background-repeat: no-repeat;
	}
.works_main04_box-b04 {
	background-image:url(../ryoto_rec-p/works-p/works_main04_box-b04.png);
	background-position:right center;
	background-repeat: no-repeat;
	}

.works_main04_box-b .textbox {
	width:54%;
	min-height:100px;
	padding-bottom:40px;
	}
@media only screen and (max-width: 813px) {
.works_main04_box-b01, .works_main04_box-b02, .works_main04_box-b03, .works_main04_box-b04 {
	background-position:right bottom;
	}
	
	
.works_main04_box-b .textbox {
	width:100%;
	padding-bottom:180px;
	}
}

.works_main04__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 30% 70%;
  grid-template-columns: 30% 70%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.works_main04__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 0px 30px 0px;
}

.works_main04__g2 .grid_item_01 {
	-ms-grid-column: 1;　/* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1; /* 縦位置 */
}
.works_main04__g2 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {


.works_main04__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 35% 65%;
  grid-template-columns: 35% 65%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.works_main04__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 0px 30px 0px;
}

.works_main04__g2 .grid_item_01 {
	-ms-grid-column: 1;　/* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1; /* 縦位置 */
}
.works_main04__g2 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
}




/*====================================
インタビュー
====================================*/

.int_mainimg_bg01 {
	width:100%;
	margin: 0 auto;
	background-color:#F5F5F5;
	}
	
.int01_mainimg_bg02 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/interview-p/int01_mainimg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	min-height:400px;
	}
.int01_mainimg_bg02_sp {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/interview-p/int01_mainimg_sp.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-size:cover;
	padding-top:400px;
	}
	
.int02_mainimg_bg02 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/interview-p/int02_mainimg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	min-height:400px;
	}
.int02_mainimg_bg02_sp {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/interview-p/int02_mainimg_sp.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-size:cover;
	padding-top:400px;
	}
	
.int03_mainimg_bg02 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/interview-p/int03_mainimg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	min-height:400px;
	}
.int03_mainimg_bg02_sp {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/interview-p/int03_mainimg_sp.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-size:cover;
	padding-top:400px;
	}
	
.int04_mainimg_bg02 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/interview-p/int04_mainimg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	min-height:400px;
	}
.int04_mainimg_bg02_sp {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/interview-p/int04_mainimg_sp.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-size:cover;
	padding-top:400px;
	}
	
	
	
.int_mainimg_tx_box_sp {
	background-color: rgba(0,157,333,0.8);	
	}

.int_main01__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 700px 500px;
  grid-template-columns: 700px 500px;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.int_main01__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.int_main01__g2 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.int_main01__g2 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {


.int_main01__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.int_main01__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.int_main01__g2 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.int_main01__g2 .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
}




.int_main02__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 500px 700px;
  grid-template-columns: 500px 700px;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.int_main02__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.int_main02__g2 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.int_main02__g2 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {


.int_main02__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.int_main02__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.int_main02__g2 .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.int_main02__g2 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
}





.int_main03__g2 {
	border:6px #DDD solid;	
	}
.grid_item_02__stit {
	background-color:#009DDE;
	display:inline-block;
	padding:4px 18px;
	color:#FFF;
	font-weight:bold;
	
	}

.int_main03__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 300px 888px;
  grid-template-columns: 300px 888px;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.int_main03__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.int_main03__g2 .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 2; /* 縦のマス数(IE用) */
	grid-row: 1 / 3; /* 縦位置 */
}
.int_main03__g2 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.int_main03__g2 .grid_item_03 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}

@media only screen and (max-width: 813px) {


.int_main03__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 24% 76%;
  grid-template-columns: 24% 76%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.int_main03__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.int_main03__g2 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
	grid-row: 1 / 2;
}
.int_main03__g2 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.int_main03__g2 .grid_item_03 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 2; /* 横のマス数(IE用) */
	grid-column: 1 / 3; /* 横位置 */
	
	-ms-grid-row: 2; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1;  /* 縦のマス数(IE用) */
	grid-row: 2 / 3;  /* 縦位置 */
}

.int_main03__g2 .grid_item_02 .stit {
	padding-bottom:50px;
	
	}

}


.int_bn__g4 .grid_container img:hover {
opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";

}

.int_bn__g4 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 25% 25% 25% 25%;
  grid-template-columns: 25% 25% 25% 25%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}
.int_bn__g4 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.int_bn__g4 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.int_bn__g4 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

.int_bn__g4 .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

.int_bn__g4 .grid_item_04 {
	-ms-grid-column: 4;
	-ms-grid-column-span: 1;
	grid-column: 4 / 5;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {


.int_bn__g4 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.int_bn__g4 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.int_bn__g4 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.int_bn__g4 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

.int_bn__g4 .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}

.int_bn__g4 .grid_item_04 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}

/*====================================
データで見る
====================================*/
.data_mainimg_bg01 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/data-p/rec_data_mainimg_bg01.png);
	background-repeat:repeat-x;
	background-position:center;
	}
	
.data_mainimg_bg02 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/data-p/rec_data_mainimg_bg02.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	}
	
.data_main01_bg01 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/data-p/data_main01_bg01.gif);
	background-repeat:repeat;
	background-position:center;
	}
	
@media only screen and (max-width: 813px) {

.data_mainimg_bg01 {
	height:580px;
	background-repeat: repeat;
	}
	
.data_mainimg_bg02 {
	height:580px;
	}
.data_mainimg_bg02 .mainimg {
	padding-top:90px
	}
}
	
.data_main01__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.data_main01__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.data_main01__g2 .grid_item_01 {
	-ms-grid-column: 1;　/* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1; /* 縦位置 */
}
.data_main01__g2 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

.data_main01__g2 .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {


.data_main01__g2 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.data_main01__g2 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.data_main01__g2 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.data_main01__g2 .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.data_main01__g2 .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
}

/*====================================
募集要項
====================================*/
.recruit_mainimg_bg01 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/recruit-p/rec_recruit_mainimg_bg01.png);
	background-repeat:repeat-x;
	background-position:center;
	}
	
.recruit_mainimg_bg02 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/recruit-p/rec_recruit_mainimg_bg02.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	}
	
.recruit_main01_bg01 {
	width:100%;
	margin: 0 auto;
	background-color:#FFF;
/*	background-image:url(../ryoto_rec-p/recruit-p/recruit_main01_bg01.gif);*/
	background-repeat:repeat;
	background-position:center;
	
	}
@media only screen and (max-width: 813px) {

.recruit_mainimg_bg01 {
	height:580px;
	background-repeat: repeat;
	}
	
.recruit_mainimg_bg02 {
	height:580px;
	}
.recruit_mainimg_bg02 .mainimg {
	padding-top:90px
	
	
	}
}
.recruit_stit01 {
	background-color:#009DDE;
	padding:25px 0;
	}
@media only screen and (max-width: 813px) {
.flow_stit {
	text-align:center;
	}
}


.recruit_table01{
border-collapse:collapse;
width:90%;
}

.recruit_tr01{
/*	border-bottom:1px #999999 solid;*/
}


.recruit_td01{
	width:15%;
background-color:#EDEDED;
text-align:center;
padding:20px;
color: #333333;
border:1px #DDD solid;
}


.recruit_td02{
	width:85%;
background-color:#FFFFFF;
text-align:left;
padding:20px;
color: #222222;	
border:1px #DDD solid;
}
/*.interview__ep__item_09_textbox {
	background-color:#42AFD6;
	}*/


@media (max-width: 813px){

.recruit_table01{
	margin-top:0px;
}

.recruit_td01, .recruit_td02 {
  display: block;
  width: 100%;
}

.recruit_tr01{
	border-bottom: none;
}

.recruit_td01{
	width:96%;
background-color:#EDEDED;
text-align:center;
margin-top:20px;
padding:10px;
color: #333333;
	border-bottom: none;
}


.recruit_td02{
	width:96%;
background-color:#FFFFFF;
text-align:left;
padding:10px;
color: #222222;	
}
/*.interview__ep__item_09_textbox {
	background-color:#42AFD6;
	}*/
}





.recruit_main02__g5 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 20% 20% 20% 20% 20%;
  grid-template-columns: 20% 20% 20% 20% 20%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.recruit_main02__g5 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 5px 20px 5px;
}

.recruit_main02__g5 .grid_item_01 {
	-ms-grid-column: 1;　/* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1; /* 縦位置 */
}
.recruit_main02__g5 .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.recruit_main02__g5 .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.recruit_main02__g5 .grid_item_04 {
	-ms-grid-column: 4;
	-ms-grid-column-span: 1;
	grid-column: 4 / 5;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.recruit_main02__g5 .grid_item_05 {
	-ms-grid-column: 5;
	-ms-grid-column-span: 1;
	grid-column: 5 / 6;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {


.recruit_main02__g5 .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.recruit_main02__g5 .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.recruit_main02__g5 .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.recruit_main02__g5 .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.recruit_main02__g5 .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	grid-row: 3; 
}
.recruit_main02__g5 .grid_item_04 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 4;
	grid-row: 4; 
}
.recruit_main02__g5 .grid_item_05 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 5;
	grid-row: 5; 
}
}

/* フロー */
.arrow01 {
    padding: 40px 10px 10px 10px ; /* 要素の上の余白調整 */
    width: 80%; /* 四角形の幅 */
    height: 100px; /* 四角形の高さ */
    background: #B6E7F8;
    position: relative;
}
 
.arrow01:after {
    border-left: 24px solid #B6E7F8; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-top: 75px solid transparent; /* 上のボーダーを透過に指定 */
    border-bottom: 75px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    left: 50%; /* 一旦中央へ寄せる */
    top: 0;
    margin-left: 50%; /* 四角形の幅の半分右へ移動する */
}
.arrow02 {
    padding: 60px 10px 10px 10px ; /* 要素の上の余白調整 */
    width: 80%; /* 四角形の幅 */
    height: 80px; /* 四角形の高さ */
    background: #B6E7F8;
    position: relative;
}
 
.arrow02:after {
    border-left: 24px solid #B6E7F8; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-top: 75px solid transparent; /* 上のボーダーを透過に指定 */
    border-bottom: 75px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    left: 50%; /* 一旦中央へ寄せる */
    top: 0;
    margin-left: 50%; /* 四角形の幅の半分右へ移動する */
}
.arrow03 {
    padding: 60px 10px 10px 10px ; /* 要素の上の余白調整 */
    /*width: 100%;*/ /* 四角形の幅 */
    height: 80px; /* 四角形の高さ */
    background: #EE8484;
    position: relative;
}
 
/* テキストの指定 */
.arrow02 span {
    position: relative;
    z-index: 3;  
}

@media only screen and (max-width: 813px) {
/* フロー */
.arrow01 {
	margin:0 auto;
    padding: 40px 10px 10px 10px ; /* 要素の上の余白調整 */
    width: 80%; /* 四角形の幅 */
    height: 100px; /* 四角形の高さ */
    background: #B6E7F8;
    position: relative;
}
 
.arrow01:after {
	border-bottom:none;
    border-top: 24px solid #B6E7F8; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-right: 50px solid transparent; /* 上のボーダーを透過に指定 */
    border-left: 50px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    left: -50px; /* 一旦中央へ寄せる */
    top: 100%;

}
.arrow02 {
	margin:0 auto;
    padding: 60px 10px 10px 10px ; /* 要素の上の余白調整 */
    width: 80%; /* 四角形の幅 */
    height: 80px; /* 四角形の高さ */
    background: #B6E7F8;
    position: relative;
}
 
.arrow02:after {
	border-bottom:none;
    border-top: 24px solid #B6E7F8; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-right: 50px solid transparent; /* 上のボーダーを透過に指定 */
    border-left: 50px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    left: -50px; /* 一旦中央へ寄せる */
    top: 100%;
}
.arrow03 {
	margin:0 auto;
    padding: 60px 10px 10px 10px ; /* 要素の上の余白調整 */
    width: 80%; /* 四角形の幅 */
    height: 80px; /* 四角形の高さ */
    background: #EE8484;
    position: relative;
}
 
/* テキストの指定 */
.arrow02 span {
    position: relative;
    z-index: 3;  
}
}


.arrow_tx01 {
	border-top:2px #B6E7F8 solid;
	text-align:center;
	}
.arrow_tx02 {
	text-align:center;
	}

	
/*====================================
よくある質問
====================================*/
.faq_mainimg_bg01 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/faq-p/rec_faq_mainimg_bg01.png);
	background-repeat:repeat-x;
	background-position:center;
	}
	
.faq_mainimg_bg02 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/faq-p/rec_faq_mainimg_bg02.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	}
	
.faq_main01_bg01 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/faq-p/faq_main01_bg01.gif);
	background-repeat:repeat;
	background-position:center;
	
	}
	
@media only screen and (max-width: 813px) {

.faq_mainimg_bg01 {
	height:580px;
	background-repeat: repeat;
	}
	
.faq_mainimg_bg02 {
	height:580px;
	}
.faq_mainimg_bg02 .mainimg {
	padding-top:90px
	}
}


.faq_icon_box{
	width:10%;	
	}
.faq_text_box{
	width:90%;	
	}

@media (max-width: 813px){
.faq_icon_box{
	width:16%;	
	}
.faq_icon_box img{
	width:62%;	
	}	

.faq_text_box{
	width:84%;	
	}
}

/*====================================
トップメッセージ
====================================*/

.message_mainimg_bg01 {
	width:100%;
	margin: 0 auto;
	background-color:#F5F5F5;
	}
	
.message_mainimg_bg02 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/message-p/message_mainimg_2302.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	min-height:400px;
	}
.message_mainimg_bg02_sp {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/message-p/message_mainimg_sp_2302.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	padding-top:400px;
	}
.message_mainimg_tx_box_sp {
	background-color: rgba(0,157,333,0.8);	
	}
	
	
/*====================================
エントリーフォーム
====================================*/
.entry_mainimg_bg01 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/entry-p/rec_entry_mainimg_bg01.png);
	background-repeat:repeat-x;
	background-position:center;
	}
	
.entry_mainimg_bg02 {
	width:100%;
	margin: 0 auto;
	background-image:url(../ryoto_rec-p/entry-p/rec_entry_mainimg_bg02.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	}