/* *************************************************************
　　　全体
************************************************************* */
*{
    margin:0;
	padding:0;
}

body{
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#wapper{
   width:100%;
   margin:0 auto;
   padding:0;
   overflow: hidden;
  
}

a:focus, *:focus { outline:none; }


.clr{
    clear:both;
	margin:0;
	padding:0;
}

.br-pc { display:block; }
.br-sp { display:none; }

@media screen and (max-width: 698px){	
.br-pc { display:none; }
.br-sp { display:block; }
}


/* *************************************************************
　　　全体
************************************************************* */


@font-face {
  font-family: 'ms';
  src: url('ms.ttf') format('truetype');
}

.center{
  text-align:center;
  width:100%;
}


/* *************************************************************
　　　見出し
************************************************************* */

h1{
  font-size:11px;
  position:absolute;
  z-index:3;
  top:0;
  left:10px;
  font-weight:normal;

}

h2{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:900;
  font-size:21px;
  margin:0;
  padding:0;
  color:#000;
}

h2 span{
  display:block;
  font-family: 'ms';
  font-size: 12px;
  font-weight:normal;
}

h2 a{
  text-decoration:none;
  color:#000000;
}

h2 a:hover{
  color:#333333;
}

h3{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:900;
  font-size:30px;
  margin:0;
  padding:0;
  color:#000;
}

h3 span{
  display:block;
  font-family: 'ms';
  font-size: 12px;
  font-weight:normal;
  color:#00008b;
}

h4{

}

h5{
  border-bottom:#00008b solid 1px;
  border-top:#00008b solid 1px;
  color:#00008b;
  padding:10px 0;
}

@media screen and (max-width:798px){
h2{
  font-size:16px;
}
h2 span{
  font-size: 10px;
}

}


/* *************************************************************
　　　ボタン
************************************************************* */
.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:500;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #00008b;
  color: #00008b;
  line-height: 50px;
  overflow: hidden;
}
.button:hover {
  color: #fff;
}
.button::after {
  top: -100%;
  width: 100%;
  height: 100%;
}
.button:hover::after {
  top: 0;
  background-color: #00008b;
}


.button2 {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:500;
}
.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button2 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #00008b;
  color: #00008b;
  line-height: 50px;
  overflow: hidden;
}
.button2:hover {
  color: #fff;
}
.button2::after {
  top: -100%;
  width: 100%;
  height: 100%;
}
.button2:hover::after {
  top: 0;
  background-color: #00008b;
}



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

#header{
   width:100%;
   z-index: 4;
   position:fixed;
   padding:20px 10px;
   
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#head_l{
   float:left;
   padding:10px 0 0 0;
}

#head_r{
   float:right;
   background-color:#FFFFFF;
   border:#000000 solid 2px;
   padding:15px 20px;
   
   filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

@media screen and (max-width:978px){
#head_l{
   float:left;
   padding:0;
}
}

/* *************************************************************
　　　お問い合わせ
************************************************************* */
#contact{
   width:100%;
   clear:both;
   background-color:#F4F7F6;
   padding:20px 30px;
   text-align:center;
   border-top:#E5E7E4 solid 1px;
   
   -moz-box-sizing: border-box;
   box-sizing: border-box;

}

#contact h3{
   font-size:26px;
   margin-bottom:20px;
}

#contact p.nun{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:900;
  font-size:32px;
  margin:10px auto;
  padding:0;
  color:#666666;
}

#contact p span{
  margin-left:20px;
}



/* *************************************************************
　　　フッター
************************************************************* */
#footer{
   width:100%;
   clear:both;
   background-color:#333333;
   padding:20px 30px;
   
   
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#footer_l{
   float:left;
}

#footer_l p{
   color:#FFFFFF;
   font-size:12px;
   margin:10px 0 0 0;
}

#footer_r{
   float:right;
   text-align:right;
}

#footer_r p{
   font-family: 'ms';
   color:#FFFFFF;
   font-size:11px;
}

#footer h2{
   color:#FFFFFF;
   font-size:18px;
}

@media screen and (max-width:978px){
#footer_l{
   float:none;
   text-align:center;
}
#footer_r{
   float:none;
   text-align:center;
}


}



/* *************************************************************
　　　PCナビ
************************************************************* */

#head_r ul{
   list-style:none;
   font-family: 'Noto Sans JP', sans-serif;
}

#head_r ul li{
    float:left;
   margin-right:20px;
   font-weight:500;
}

#head_r ul li:last-child {
   margin:0;
}

#head_r ul li a {
  position: relative;
  display: inline-block;
  transition: .3s;
  text-decoration:none;
  color:#000000;
 
}

#head_r ul li a:hover{
  color:#666666;
}

#head_r ul li a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #000;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#head_r ul li a:hover::after {
  width: 100%;
}

@media screen and (max-width:1150px){
#head_r ul li{
    float:left;
   margin-right:10px;
   font-size:12px;
   font-weight:500;
}
}

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

#head_r{
  display:none;
}

}

/* *************************************************************
　　　動画
************************************************************* */

#main{
  text-align:center;
  position:relative;
  height:500px;
  padding:200px 0 0 0;
}


#main p{
    z-index: 3;
	font-size:72px;
	position: relative;
	line-height:1.6em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

#main p span{
    font-family: 'Nothing You Could Do', cursive;
	font-size:24px;
	font-weight:400;
	display:block;
}

video {
  position:absolute;
  right: 0;
  top: 0;
  z-index: -1;
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
}

	
.pattern {
  width: 100%;
  height: 100%;
  background: url(../img/dot.png);
  position:absolute;
  top: 0;
  left: 0;
  z-index: 0;
}


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

#main{
  display:none;
}

}

/* *************************************************************
　　　スライダー
************************************************************* */
#spmain{
   display:none;
}
@media screen and (max-width:798px){
#spmain{
   width:100%;
   position: static;
   margin:0 auto 30px auto;
   display:inline;
}

#spmain p{
    z-index: 3;
	font-size:32px;
	position:absolute;
	line-height:1.6em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	top: 20%;
  left: 50%;
  transform: translateY(-20%) translateX(-50%);
  -webkit- transform: translateY(-20%) translateX(-50%);
  margin: auto;
  text-align:center;
  width:100%;
}

#spmain p span{
    font-family: 'Nothing You Could Do', cursive;
	font-size:12px;
	font-weight:400;
	display:block;
}

#spmain_img{
    width:100%;
	margin:0;
}

#spmain_img img{
    width:100%;
}

}


/* *************************************************************
　　　トップページコンテンツ
************************************************************* */
#contents{
  width:100%;
  background-color:#FFFFFF;
  padding:30px 0;
}

/*---　新着情報　---*/

#news{
  width:980px;
  margin:auto;
  text-align:center;
}

#news h3{
  margin:auto;
}

#news ul{
  list-style:none;
  margin:20px 0;
  text-align:left;
  font-size:14px;
}

#news li{
  line-height:2em;
}

#news li a{
   text-decoration:none;
   color:#000000;
}

span.dounyu{
  color:#fff;
  background-color:#7fbfff;
  font-size:11px;
  margin-right:10px;
  width:80px;
  display: inline-block;
  height:25px;
  text-align:center;
}

span.topix{
  border:#00008b solid 2px;
  font-size:11px;
  margin:3px 10px 0 0;
  width:80px;
  display: inline-block;
  height:26px;
  text-align:center;
  color:#00008b;
}

.day{
  color:#999999;
  margin-right:10px;
}

@media screen and (max-width:979px){
#news{
  width:100%;  
  padding:10px;
   
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#news li{
   border-bottom:#CCCCCC 1px dotted;
   margin:5px 0 0 0;
}

#news li a{
   display:block;
}

.day{

}

}


/*---　組合概要　---*/

#about{
   background:url(../img/bg.png) no-repeat top center #00008b;
   z-index:2;
   position:relative;
   width:100%;
   color:#FFFFFF;
}
#about h3{
   color:#FFFFFF;
   margin-bottom:20px;
}
#about h3 span{
   color:#CCFFCC;
}
#about_inner{
   width:980px;
   margin:auto;
   padding:80px 0 0 0;
}
.about_end{
    background:url(../img/bg.png) no-repeat top center #00008b;
	transform: scale(-1, -1);
	clear:both;
	width:100%;
	height:150px;
}
#about_l{
    width:50%;
	float:left;
}
#about_l img{
    width:100%;
}
#about_r{
    width:50%;
	float:right;
	padding:70px 0 0 20px;
	
	-moz-box-sizing: border-box;
   box-sizing: border-box;
}
#about_r p{
   margin:20px 0;
   line-height:1.6em;
}

@media screen and (max-width:979px){
#about_inner{
   width:100%;
}
#about_l{
   width:100%;
   float:none;
}

#about_r{
   width:100%;
   float:none;
   padding:20px 10px;
}

#about h3{
   font-size:21px;
}
}


/*---　介護技能実習生とは　---*/

#care{
   width:980px;
   margin:auto;
}

#care img{
   width:100%;
   height:400px;
   object-fit: cover; 
}

#care_l{
   float:left;
   width:50%;
   padding:10px;
   
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#care_r{
   float:right;
   width:50%;
   padding:10px;
   
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#care_l p,
#care_r p{
   margin:10px 0;
}

@media screen and (max-width:979px){
#care{
   width:100%;
}

#care_l{
   width:100%;
   float:none;
}
#care_r{ 
    width:100%;
    float:none;
}
#care h3{
   font-size:21px;
}
}

/*---　導入事例　---*/

#case{
   width:100%;
   margin:auto;
   padding:50px 0;
   background:linear-gradient(180deg,#fff 0%,#fff 20%,#F5F8F4 20%,#F5F8F4 100%);
   border-bottom:#E5E7E4 solid 1px;
}

#case_inner{
   width:980px;
   margin:auto;

}

#case_inner p{
   margin:10px 0;
}

#case_inner img{
   width:100%;
   height:400px;
   object-fit: cover; 
}


/*---　導入事例2　---*/

#case2{
   background:url(../img/bg2.png) no-repeat top center #00008b;
   z-index:2;
   position:relative;
   width:100%;
   color:#FFFFFF;
}
#case2 h3{
   color:#FFFFFF;
   margin-bottom:20px;
}
#case2 h3 span{
   color:#CCFFCC;
}
#case2_inner{
   width:980px;
   margin:auto;
   padding:80px 0 0 0;
}

#case2_inner img{
   width:100%;
   height:400px;
   object-fit: cover; 
}

.case2_end{
    background:url(../img/bg2.png) no-repeat top center #00008b;
	transform: scale(-1, -1);
	clear:both;
	width:100%;
	height:150px;
}

@media screen and (max-width:979px){
#case2_inner{
    width:100%;
	padding:10px;
	-moz-box-sizing: border-box;
   box-sizing: border-box;
}
#case2 h3{
    font-size:21px;
}


}

/*---　ベースボックス　---*/

#base{
   width:980px;
   margin:auto;
   padding:30px 0;
}
#base_l{
    width:50%;
	float:left;
}
#base img{
    width:100%;
}
#base_r{
    width:50%;
	float:right;
	padding:20px;
	
	-moz-box-sizing: border-box;
   box-sizing: border-box;
}
#base p{
   margin:20px 0;
   line-height:1.6em;
}

/*---　ベースボックス反転　---*/

#rbase_l{
    width:50%;
	float:right;
}

#rbase_r{
    width:50%;
	float:left;
	padding:20px;
	
	-moz-box-sizing: border-box;
   box-sizing: border-box;
}

@media screen and (max-width:979px){
#base{
   width:100%;
   padding:10px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#base img{
   width:100%;
}

#base_l,
#base_r,
#rbase_l,
#rbase_r{
   width:100%;
   float:none;
}

#base h3{
   font-size:21px;
}
}


/* *************************************************************
　　　サブページ共通
************************************************************* */


#s_main{
  position:relative;
  padding:150px 0 100px 0;
  text-align:center;
  width:100%;
  overflow:hidden;
}

#s_main img {
  position:absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width:100%;
  height:400px;
  object-fit: cover;
}

#s_main p{
    z-index: 3;
	font-size:42px;
	position: relative;
	line-height:1.6em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

#s_main p span{
    font-family: 'ms';
	font-size:18px;
	font-weight:400;
	display:block;
}

/* *************************************************************
　　　概要
************************************************************* */
#greeting{
    padding:50px 0 0 0;
}

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

#greeting{
    padding:50px 10px 10px 10px;
}

}

/* *************************************************************
　　　介護技能実習とは
************************************************************* */

.nursing_txt{
    font-size:18px;
	margin:200px 0 0 0;
	border-bottom:#FFFFFF dotted 1px;
	border-top:#FFFFFF dotted 1px;
	padding:50px 0;
	line-height:2em;
}

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

.nursing_txt{
    margin:0;
	text-align:center;

}

}

/* *************************************************************
　　　受入可能施設
************************************************************* */
#ukeire{
    padding:10px 0;
}

#ukeire h3{
    font-size:24px;
}

.ukeire_txt{
    font-size:18px;
	font-weight:bold;
}

.ukeire_txt02{
    font-size:12px;
}

.ukeire_txt span{
    background-color:#FFFF33;
	padding:0 5px;
}

#object{
    padding:50px 0;
}

#object h4{
    margin:10px 0;
}

#object ul{
    margin:10px 0 0 20px;
}


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

#object{
    padding:50px 10px;
}

}

/* *************************************************************
　　　導入事例
************************************************************* */
#case_box{
	margin:10px 0;
}

#case_box table{
    margin:0;
}


#case_inner{
     width:100%;
	 padding:10px;
	 -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#case_box h5{
    font-size:16px;
}
#case_box p{
    margin:10px 0 20px 0;
	font-size:16px;
	color:#333333;
}

/* *************************************************************
　　　新着情報
************************************************************* */

#news_wapper{
    width:980px;
	margin:auto;
}
#news_wapper h4{
    font-size:24px;
	border-bottom:#666666 dotted 1px;
	padding:5px 0;
	margin:10px 0 0 0;
}

#news_wapper h4 span{
    display:block;
	font-size:12px;
	font-weight:normal;
}

.news_txt{
	padding:10px 0;
}

#news_wapper .center_btn{
    text-align:center;
	padding:20px 0;
}

@media screen and (max-width:979px){
#news_wapper{
  width:100%;  
  padding:10px;
   
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

}

/* *************************************************************
　　　よくある質問
************************************************************* */
#faq{
   padding:20px;
   margin:10px 0 0 0;
}

#faq:nth-child(2n){
   background-color:#F4F4F4;
}

.question{
    border-bottom:#999999 dotted 1px;
	padding:10px 0;
	font-size:21px;
}

.answer{
    padding:10px 0;
}


/* *************************************************************
　　　プライバシーポリシー
************************************************************* */
#privacy h4{
    border-bottom:#CCCCCC dotted 1px;
	padding:5px 0;

}

/* *************************************************************
　　　お問い合わせ
************************************************************* */

.tel_txt{
    font-size:34px;
	color:#00008b;
	font-weight:bold;
}



/* *************************************************************
　　　ハンバーガー
************************************************************* */
.cp_offcm01{
   display:none;
}

@media screen and (max-width:979px){
.cp_offcm01 {
	position:fixed;
	top: 10px;
	right: 20px;
	display: inline-block;
	z-index:999999;
}
/* menu */
.cp_offcm01 .cp_menu {
	position: fixed;
	top: 0;
	right: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #00008b;
	opacity: 0.9;
}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 0;
}
.cp_offcm01 .cp_menu li {
	list-style: none;
}
.cp_offcm01 .cp_menu li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
}
/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #000;
}
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-250px);
	        transform: translateX(-250px);
}
.cp_offcm01 #cp_toggle01 ~ label::before {
	font-family: 'FontAwesome';
	content: '\f0c9';
	font-size: 2em
}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	content: '\f00d';
}
/* contents */
.cp_contents {
	color: #333333;
	text-align: center;
}
}

/* *************************************************************
　　　テーブル
************************************************************* */

table {
	border-collapse: collapse;
	width:100%;
	margin:30px auto;
}

th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}

td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}

.table_title01{
    text-align:center;
	background-color:  rgba(0,0,0,0.3);
}
.table_title02{
    text-align:center;
	background-color:  rgba(0,0,0,0.2);
}


tr:nth-child(odd) {
    background-color:  rgba(238,238,238,0.2);
}

tr:hover {
    background: #006666;
    color: #FFFFFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}



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

table {
	border-collapse: collapse;
	width:100%;
	margin:30px auto;
}

td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}

}



/* *************************************************************
　　　ページトップ
************************************************************* */

.pagetop {
	position: fixed;
	bottom: 100px;
	right: 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	-o-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	z-index:999;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 40px;
	background-color:#333333;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
	padding:10px 0 0 0;
}
.pagetop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

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

.pagetop {
	bottom: 10px;
	right: 10px;
}

}


/* *************************************************************
　　　Contact Form 7カスタマイズ
************************************************************* */

.inquiry th{
text-align:left;
font-size:14px;
color:#444;
padding-right:5px;
width:30%;
background:#f7f7f7;
border:solid 1px #d7d7d7;
}
.inquiry td{
font-size:13px;
border:solid 1px #d7d7d7;
}
.must{
font-size:7px;
padding:5px;
background:#ff9393;
color:#fff;
border-radius:2px;
margin-right:5px;
}
.may{
font-size:7px;
padding:5px;
background:#93c9ff;
color:#fff;
border-radius:2px;
margin-right:5px;
}
.inquiry input[type="text"],.inquiry input[type="password"],.inquiry input[type="datetime"],.inquiry input[type="datetime-local"],.inquiry input[type="date"],.inquiry input[type="month"],.inquiry input[type="time"],.inquiry input[type="week"],.inquiry input[type="number"],.inquiry input[type="email"],.inquiry input[type="url"],.inquiry input[type="search"],.inquiry input[type="tel"],.inquiry input[type="color"],.inquiry select,.inquiry textarea,.inquiry .field{
margin-bottom: 0;
}
.inquiry textarea{padding: 12px;}
.submit{text-align: center;}
#submit-btn{
padding:1em;
width: 80%;
margin: 0 auto;
max-width:350px;
background:#ffaa56;
color:#fff;
font-size:18px;
border-radius:2px;
}
#submit-btn:hover{
background:#fff;
color:#ff870f;
border:1px solid #ffa042;
}

@media (max-width: 414px) {
.entry-content .inquiry th,.entry-content .inquiry td {
display: block;
width: 100%;
border-top: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.entry-content .inquiry tr:first-child th{
border-top: 1px solid #d7d7d7;
}
.entry-content .inquiry tr td{
border-right: 1px solid #d7d7d7;
}
}

/* *************************************************************
　　　追加バナー
************************************************************* */

.rec_bana{
   position:absolute;
   bottom:0;
   right:20px;
   z-index:3;
}

.rec_bana img{
   width:280px;
}

.rec_bana a {
  display: inline-block;
  transition: .5s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.rec_bana a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.sp_rec_bana{
  display:none;
}

@media screen and (max-width: 799px) {
.rec_bana{
  display:none;
}
.sp_rec_bana{
  display:inline;
  width:100%;
}
.sp_rec_bana img{
  width:100%;
}