@charset "UTF-8";




 {
  text-decoration: none;
  color: #333;
}

#gnav a{
	color: #000;
}

#gnav a:hover{
  text-decoration: none;
}

#gnav > ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;	
}

#gnav > ul > li .nav_business,
#gnav > ul > li .nav_comp{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;

}

#gnav > ul > li .nav_business li,
#gnav > ul > li .nav_comp li{
	width: 30%;
}

#gnav > ul > li .nav_shop>li:first-child{
	width: 100%;
}

#gnav > ul > li .nav_shop .list01{
  margin-bottom: 30px;
}

#gnav > ul > li .nav_shop .list01 li{
	width: 18%;
}

#gnav > ul > li .nav_shop li img{
	width: 100%;
}


#gnav > ul > li .nav_shop .list02,
#gnav > ul > li .nav_shop .list03{
  width: 48%;
  display: inline-block;
  padding-bottom: 30px;
}

#gnav > ul > li .nav_shop .list02{
  margin-right: 1em;
}

#gnav > ul > li .nav_shop .list02 li{
  width: 37%;
}

#gnav > ul > li .nav_comp li,
#gnav > ul > li .nav_business li,
#gnav > ul > li .nav_shop .list01 li,
#gnav > ul > li .nav_shop .list02 li{
  margin-right: 1em;
}

#gnav > ul > li .nav_shop,
#gnav > ul > li .nav_business,
#gnav > ul > li .nav_comp{
  padding: 30px 0;
}

#gnav > ul > li .nav_comp li:last-child,
#gnav > ul > li .nav_business  li:last-child,
#gnav > ul > li .nav_shop .list01 li:last-child,
#gnav > ul > li .nav_shop .list02 li:last-child{
  margin-right: 0;
}

#gnav > ul > li .nav_shop .list03 dd a{
  display: inline-block;
  border: 1px solid #fff;
  background: #fff;
  color: #000;
  padding: 15px 60px;
  text-align: center;
  position: relative;
}


#gnav > ul > li .nav_shop .list03 dd a::after{
    content: ">";
    display: block;
    position: absolute;
    top: 30%;
    right: 6%;
}

#gnav > ul > li .nav_business li img,
#gnav > ul > li .nav_comp li img{
	width: 100%;
}

#gnav > ul > li .nav_business dt,
#gnav > ul > li .nav_comp dt,
#gnav > ul > li .nav_shop dt{
	margin-bottom: 10px;
	font-size: 0.9rem;
}

#gnav > ul > li .nav_shop dt.b_tit{
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 1.4rem;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

#gnav > ul > li:hover > a {
	text-decoration: none;
}
#gnav > ul > li:hover .menu {
  max-height: 9999px;
  opacity: 1;
}
#gnav > ul > li.toggle {
  display: block;
  transition: all .2s ease-in;
}

#gnav > ul > li.toggle,
#gnav > ul > li {
  padding: 25.5px 1em 15.5px;
}



#gnav > ul .menu {
  transition: all .2s ease-in;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  left: 0;
  text-align: center;
  position: absolute;
  background-color: #000;
  z-index: 999;
}
#gnav > ul .menu .menu_inner {
  width: 98%;
  max-width: 1080px;
  margin: 0 auto;
}
#gnav > ul .menu .menu_inner li {
  display: inline-block;
}
#gnav > ul .menu a {
  color: #fff;
}


body{
	position: relative;
}

.navbar{
	display: block;
	margin-bottom: 0;
}

.main_img{
	width: 100%;
	background: url(../img/top/main_img.png) center center no-repeat;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 69.2%;
    background-size: contain;
}

h2{
	font-size: 2.6rem;
	text-align: center;
	margin-bottom: 40px;
}

h2 span{
	font-size: 1.4rem;
	display: block;
	text-align: center;
	margin-top: 10px;
}

 .top_box01_wrap{
 	background: url(../img/top/top_bg01.png) center 70px no-repeat;
 	padding-bottom: 150px;
 	width: 100%;
 	background-size: cover;
 }

.top_box01_wrap .top_box01{
	width: 1100px;
	margin: -80px auto 0;
	padding: 50px;
	background: #fff;
	position: relative;
}

.top_box01_wrap .top_box01 .info_list{
	margin-bottom: 4vw;
}

.top_box01_wrap .top_box01 .info_list li{
	float: left;
	width: 30%;
	margin-right: 5%;
}

.top_box01_wrap .top_box01 li:last-child{
	margin-right: 0;
}

.top_box01_wrap .top_box01 li .info_img{
	margin-bottom: 20px;
}

.top_box01_wrap .top_box01 li .info_img img{
	width: 100%;
}

.top_box01_wrap .top_box01 dt{
	border-left: 6px solid #676eb0;
	padding-left: 10px;
	margin-bottom: 15px;
}

.top_box01_wrap .top_box01 dd{
	color: #333;
}

.top_box01_wrap .top_box01 .info_cap{
	font-size: 0.875rem;
	color: #666;
}

.recruit_btn_wrap{
	margin: 0 auto;
}

.recruit_btn_wrap ul{
	text-align: center;
}

.recruit_btn_wrap li{
	display: inline-block;
}

.recruit_btn_wrap li:first-child{
	margin-right: 20px;
	font-size: 1.2rem;
}

 .top_box02_wrap{
 	background: url(../img/top/top_bg02.png) center center no-repeat;
 	padding-bottom: 150px;
  	width: 100%;
 	background-size: cover;
 	padding-top: 80px;
 }

.top_box02{
	position: relative;
}

.top_box02_wrap .top_box02 ul.pc{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.top_box02_wrap .top_box02 li{	
	width: 23.7%;
    margin-right: 1.7%;
	background: #fff;
	padding: 10px 10px 40px;
	display: block;
	position: relative;
}

.top_box02_wrap .top_box02 li img{
	width: 100%;
}

.top_box02_wrap .top_box02 li:last-child{	
    margin-right: 0;
}

.top_box02_wrap .top_box02 li .item_img{
	margin-bottom: 20px;
}

.top_box02_wrap .top_box02 li dt{
	margin-bottom: 20px;
}

 .top_box03_wrap{
 	background: url(../img/top/top_bg03.png) center center no-repeat;
 	padding-bottom: 150px;
  	width: 100%;
 	background-size: cover;
 	padding-top: 80px;
 }

.top_box03_wrap .top_box03{
	background: #000;
	padding: 60px;
	width: 600px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}

.top_box03_wrap .top_box03 h2{
	color: #fff;
	position: relative;
}

.top_box03_wrap .top_box03 h2:after{
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    width: 20%;
    border-bottom: 4px solid #fff;
    margin: 0 auto;
}

.top_box03_wrap .top_box03 h3,
.top_box05_wrap .top_box05 h2{
	font-size: 3rem;
	color: #fff;
  	text-align: center;
	margin-bottom: 2vw;
}

.top_box03_wrap .top_box03 p{
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 2.4;
}

 .top_box04_wrap{
 	background: url(../img/top/top_bg04.png) center center no-repeat;
 	padding-bottom: 150px;
  	width: 100%;
 	background-size: cover;
 	padding-top: 80px;
 }

.top_box04_wrap .top_box04{
	width: 800px;
	margin: 0 auto;
}

.top_box04_wrap .top_box04 li{
	box-sizing: border-box;
	align-items: center;
}

.top_box04_wrap .top_box04 .top_box04_01,
.top_box04_wrap .top_box04 .top_box04_02{
	margin-bottom: 40px;
}

.top_box04_wrap .top_box04 .top_box04_01{
	background: #1d3872;
}

.top_box04_wrap .top_box04 .top_box04_02{
	background: #005414;
}

.top_box04_wrap .top_box04 .top_box04_03{
	background: #8e1f15;
}

.top_box04_wrap .top_box04 li a{
	color: #fff;
	text-decoration: none;
}

.top_box04_wrap .top_box04 .top_box04_01 li,
.top_box04_wrap .top_box04 .top_box04_02 li,
.top_box04_wrap .top_box04 .top_box04_03 li{
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.top_box04_wrap .top_box04 .top_box04_01 li:first-child,
.top_box04_wrap .top_box04 .top_box04_02 li:first-child,
.top_box04_wrap .top_box04 .top_box04_03 li:first-child{
	width: 20%;
}

.top_box04_wrap .top_box04 .top_box04_01 li:nth-child(2){
	margin-left: -30px;
}

.top_box04_wrap .top_box04 .top_box04_01 a,
.top_box04_wrap .top_box04 .top_box04_02 a,
.top_box04_wrap .top_box04 .top_box04_03 a{
	display: block;
	padding: 20px 0 20px 50px;
	position: relative;
}

.top_box04_wrap .top_box04 .top_box04_01 a:after,
.top_box04_wrap .top_box04 .top_box04_02 a:after,
.top_box04_wrap .top_box04 .top_box04_03 a:after{
	content: ">";
	display: block;
	position: absolute;
	top: 35%;
	right: 3%;
	font-size: 2rem;
	color: #fff;
}

.top_box04_wrap .top_box04 .top_box04_01 li h2,
.top_box04_wrap .top_box04 .top_box04_02 li h2,
.top_box04_wrap .top_box04 .top_box04_03 li h2{
	line-height: 1.6;
	margin-bottom: 0;
	font-size: 1.65rem;
	text-align: left;
}

.top_box04_wrap .top_box04 .top_box04_01 li .box04_img,
.top_box04_wrap .top_box04 .top_box04_02 li .box04_img,
.top_box04_wrap .top_box04 .top_box04_03 li .box04_img{
	margin-right: 20px;
}

.top_box04_wrap .top_box04 .top_box04_01 li .box04_text,
.top_box04_wrap .top_box04 .top_box04_02 li .box04_text,
.top_box04_wrap .top_box04 .top_box04_03 li .box04_text{
	line-height: 2;
	font-size: 1.05rem;
}

.top_box05_wrap{
 	background: url(../img/top/top_bg05.png) center center no-repeat;
 	padding-bottom: 150px;
  	width: 100%;
 	background-size: cover;
 	padding-top: 80px;
}

.top_box05{
	position: relative;
}

.top_box05_wrap .top_box05 h3{
	color: #fff;
	font-size: 1.4rem;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px; 
	margin-bottom: 10px;
}

.top_box05_wrap .top_box05 .shop_list01 li,
.top_box05_wrap .top_box05 .shop_list02 li{
	float: left;
	margin-right: 20px;
	width: 18.4%;
}

.top_box05_wrap .top_box05 .shop_list01 li img,
.top_box05_wrap .top_box05 .shop_list02 li img{
	width: 100%
}

.top_box05_wrap .top_box05 li:last-child{
	margin-right: 0;
}

.top_box05_wrap .top_box05 li a{
	color: #fff;
}

.top_box05_wrap .top_box05 li .shop_name{
	font-size: 0.875rem;
	color: #fff;
	margin-top: 10px;
}

.top_box05_wrap .top_box05 .shop_list02_wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.top_box05_wrap .top_box05 .shop_list01,
.top_box05_wrap .top_box05 .shop_list02{
	margin-bottom: 70px;
}

.top_box05_wrap .top_box05 .shop_list02:nth-of-type(2){
	margin-right: 0;
}

.top_box05_wrap .top_box05 .shop_list02 li{
	float: left;
}

.top_box05_wrap .top_box05 .shop_list02 li:last-child{
	margin-right: 0;
}

.top_box06_wrap{
 	background: url(../img/top/top_bg06.png) center center no-repeat;
 	padding-bottom: 30px;
  	width: 100%;
 	background-size: cover;
 	padding-top: 80px;
}

.top_box06_wrap .top_box06{
 	background: #fff;
 	width: 600px;
 	margin: 0 auto 3vw;
 	padding: 3vw 6vw;
 	position: relative;
 }

.top_box06 .contact_text p,
.top_box06 .contact_add p{
 	text-align: center;
}

.top_box06 .contact_text{
 	font-size: 2rem;
 	margin-bottom: 2vw;
 }
.top_box06 .contact_text p:nth-of-type(3){
 	font-size: 1rem;
 }

.bg_grass01{
	position: absolute;
	top: -5%;
	left: 3%;
}

.bg_grass02{
	position: absolute;
	top: -10%;
	left: 25%;
}

.bg_grass03{
	position: absolute;
	top: -5%;
	right: -15%;
}
.bg_grass04{
	position: absolute;
	top: -8%;
	left: 29%;
}
.bg_grass05{
	position: absolute;
	top: -5%;
	right: -6%;
}
.bg_grass06{
	position: absolute;
	bottom: -5%;
	left: -6%;
}

.copy{
	color: #fff;
}

body.sub_page .page_tit{
	padding-top: 50px;
}


/*会社情報*/

.rec_company_page h3{
	font-size: 2rem;
}

.rec_company_page .h3_wrap{
	text-align: center;
	margin-bottom: 60px;
}

.rec_company_page h3{
	font-size: 2.6rem;
	text-align: center;
	font-weight: normal;
	position: relative;
	display: inline-block;
}

.rec_company_page h3:after{
	content:"";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	width: 40%;
	border-bottom: 8px solid #000;
	margin: 0 auto;
}

.rec_company_page h4{
	font-size: 3.4rem;
	margin-bottom: 60px;
}

.rec_company_page .chairman_name{
	font-size: 1.2rem;
	margin-top: 10px;
	text-align: right;
}

.rec_company_page .chairman_name span{
	font-size: 1.8rem;
	margin-left: 10px;
}

.rec_company_page .greeting .box_left{
	float: left;
	width: 73%;
	font-size: 1.6rem;
	line-height: 2;
}

.rec_company_page .greeting .box_left span{
	display: block;
	font-size:14px;
	}

.rec_company_page .greeting .box_right{
	float: right;
	width: 25%;
}

.rec_company_page .greeting .box_right img{
	width: 100%;
}

.rec_company_page .management,
.rec_company_page .conduct{
	background: #eeeeee;
	padding: 30px; 
}

.rec_company_page .management .box_inr{
	background: #fff;
	padding: 40px 50px;
}

.rec_company_page .conduct .box_inr{
	background: #fff;
	padding: 40px;	
}

.rec_company_page .management p,
.rec_company_page .conduct p{
	font-size: 1.6rem;
}

.rec_company_page .management p{
	margin-bottom: 30px;
	line-height: 2;
}

.rec_company_page .management li{
	width: 48%;
	float: left;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 1.2rem;
	line-height: 1.8;
	box-sizing: border-box;
}

.rec_company_page .management li:last-child{
	float: right;
}

.rec_company_page .conduct p{
	font-size: 2rem;
	margin-bottom: 40px;
}

.rec_company_page .conduct li{
	margin-bottom: 30px;
	font-size: 1.15rem;
}

.rec_company_page .conduct li:last-child{
	margin-bottom: 0;
}

.rec_company_page .outline .box_left{
	float: left;
}

.rec_company_page .outline .box_right{
	float: right;
}

.rec_company_page .outline .office li{
	margin-bottom: 25px;
}

.rec_company_page .outline .office li:last-child{
	margin-bottom: 0;
}

.rec_company_page .outline .office li p.bold{
	margin-bottom: 10px;
}

.rec_company_page .outline .box_left,
.rec_company_page .outline .box_right{
	width: 48%;
}

.rec_company_page .outline dl,
.rec_company_page .history dl{
	border-bottom: 1px solid #ccc;
	padding: 25px 10px;
}

.rec_company_page .outline dl:nth-of-type(1){
	border-top: 1px solid #ccc;
}

.rec_company_page .outline dt,
.rec_company_page .outline dd,
.rec_company_page .history dt,
.rec_company_page .history dd{
	display: inline-block;
}

.rec_company_page .outline dt,
.rec_company_page .history dt{
	font-weight: bold;
	vertical-align: top;
	width: 18%;
	font-size: 1.1rem;
}

.rec_company_page .outline dd,
.rec_company_page .history dd{
	width: 81%;
	font-size: 1.1rem;
}

.rec_company_page .outline dd span{
	display: inline-block;
	width: 40%; 
}



/*事業内容*/

.rec_business_page .page_link_btn{
	margin-bottom: 100px;
}

.rec_business_page .page_link_btn ul{
	text-align: center;
}

.rec_business_page .page_link_btn li{
	width: 18.8%;
	display: inline-block;
	border: 1px solid #ccc;
	margin-right: 1%;
}

.rec_business_page .page_link_btn li:last-child{
	margin-right: 0;
}

.rec_business_page .page_link_btn li a{
	display: block;
	padding: 20px 0 30px;
	position: relative;
	color: #333;
	font-weight: bold;
	font-size: 1.2rem;
}

.rec_business_page .page_link_btn li p{
	text-align: center;
}

.rec_business_page .page_link_btn li a:after{
content: '';
position: absolute;
  bottom: 10px;
  left: 54%;
  text-align: center;
  margin: 0 auto;
  width: 10px;
  height: 10px;
  margin-left: -12px;
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
/*
.rec_business_page h3{
	font-size: 3.2rem;
	border-bottom: 3px solid #333;
	padding-bottom: 10px;
	margin-bottom: 60px;
	font-weight: bold;
}*/


.rec_business_page .business_list h5{
	text-decoration: underline;
	msrgin-bottom: 20px;
}

.rec_business_page .business_list .box01,
.rec_business_page .business_list .box03{
	border-bottom: 1px solid #ccc;
	padding-bottom: 50px;
	margin-bottom: 50px;
	position: relative;
}

.rec_business_page .business_list .box02{
	margin-bottom: 50px;
	position: relative;
}

.rec_business_page .business_list .business_img{
	width: 27%;
}

.rec_business_page .business_list .business_img img{
	width: 100%;
}

.rec_business_page .business_list .business_text{
	width: 70%;
}

.rec_business_page .business_list .business_text p:nth-of-type(1),
.rec_business_page .business_list .box03 p:nth-of-type(1){
	margin-bottom: 30px;
}

.rec_business_page .business_list .box03 dt,
.rec_business_page .business_list .box03 dd{
	display: inline-block;
}

body.sub_page{
	background: #eeeeee;
}

.page_tit h2{
    text-align: center;
    font-size: 2.6rem;
}

.main_img_sp{
	display: none;
}

body.top_page .head_wrap{
	margin: 0 auto;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
/*	background: none;*/
	font-size: 1.2rem;
}

.sc_wt{
  background: rgba(255,255,255,1);
  height: 130px;
}

body.sub_page .head_wrap{
	margin: 0 auto;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
	background: #fff;
	font-size: 1.2rem;
}

body.sub_page .main_wrap{
  padding-top: 150px;
}

body.top_page .head_wrap .head_inr{
	padding: 10px 20px;
	height: 74px;
	box-sizing: border-box;
}

body.top_page .head_wrap .head_inr,
body.sub_page .head_wrap .head_inr{
	padding: 10px 20px;
	box-sizing: border-box;
}

body.top_page .head_wrap .head_gnav,
body.sub_page .head_wrap .head_gnav{
	width: 1080px;
	margin: 0 auto 10px;
}
body.top_page .head_wrap .navbar-collapse,
body.sub_page .head_wrap .navbar-collapse{
	width: 1100px;
	margin: 0 auto;
}

.navbar-default .navbar-nav>li>a{
	color: #000;
}
body.top_page .head_wrap .g_nav_top,
body.sub_page .head_wrap .g_nav_top{
	width: 60%;
/*	float: right;*/
	padding-top: 20px;
}
body.top_page .head_wrap .g_nav_top li,
body.sub_page .head_wrap .g_nav_top li{
	float: left;
}
body.top_page .head_wrap .g_nav_top li a,
body.sub_page .head_wrap .g_nav_top li a{
	display: inline-block;
	padding: 5px 30px 5px 15px;
	text-align: center;
	letter-spacing: -1px;
	position: relative;
	font-size: 1.1rem;
}
body.top_page .head_wrap .g_nav_top li a:hover,
body.sub_page .head_wrap .g_nav_top li a:hover{
	text-decoration: none;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(1),
body.sub_page .head_wrap .g_nav_top li:nth-of-type(1){
	width: 43%;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(1) dt,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(1) dt{
  font-size: 0.75rem;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(1) dl,
body.top_page .head_wrap .g_nav_top li:nth-of-type(1) dl,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(1) dl,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(1) dl{
  align-items: flex-end;
}








body.top_page .head_wrap .g_nav_top li:nth-of-type(1) dd,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(1) dd{
  font-size: 0.86rem;
  line-height: 1;
  font-weight: bold;
  margin-right: 5px;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(1) dd span,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(1) dd span{
  font-size: 1.7rem;
  margin-left: 3px;
  letter-spacing: 1px;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(1) p,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(1) p{
  font-size: 0.75rem;
  text-align: right;
  font-weight: bold;  
}






body.top_page .head_wrap .g_nav_top li:nth-of-type(1) img,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(1) img{
	width: 100%;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(2),
body.sub_page .head_wrap .g_nav_top li:nth-of-type(2){
	background: #211e1f;
	border: 1px solid #211e1f;
	margin-right: 10px;
	margin-left: 13px;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(2) a,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(2) a{
	color: #fff;
}
body.top_page .head_wrap .g_nav_top li:nth-of-type(3),
body.sub_page .head_wrap .g_nav_top li:nth-of-type(3){
	background: #fff;
	border: 1px solid #211e1f;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(3) a,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(3) a{
	color: #000;
}


body.top_page .head_wrap .g_nav_top li:nth-of-type(2) a:hover,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(2) a:hover{
	background: #fff;
	color: #000;
	transition: 0.4s;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(3) a:hover,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(3) a:hover{
	background: #211e1f;
	color: #fff;
	transition: 0.4s;
}

body.top_page .head_wrap .g_nav_top li a::after,
body.sub_page .head_wrap .g_nav_top li a::after{
	content: ">";
	display: block;
	position: absolute;
	top: 13%;
	right: 6%;
}
}

body.top_page .head_wrap .navbar-nav,
body.sub_page .head_wrap .navbar-nav{
/*	float: none;*/
	margin-top: 10px;
}


.nav>li{
	position: static !important;
}

body.top_page .head_wrap .navbar-nav,
body.sub_page .head_wrap .navbar-nav{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
	float: none;
}

/*#dd-mega {
  position: relative;
  z-index: 999;
}

#dd-mega  > ul > li {
    text-align: center;
    > a {
      border: 1px solid #ccc;
      border-left: 0;
    }
    &:first-child > a {
      border-left: 1px solid #ccc;
    }
  }

  li ul {
    width: 100%;
    color: white;
    text-align: left;
    position: absolute;
    left: 0;
    padding: 30px;
    background: #000;
}*/

  .active {
/*    color: white;*/
/*    background: #666;*/
  }
}


.navbar-nav{
	float: none !important;
}

body.top_page .head_wrap .navbar-nav li,
body.sub_page .head_wrap .navbar-nav li{
	flex-grow: 1;
	float: none;
}


body.top_page .head_wrap .navbar-nav li,
body.sub_page .head_wrap .navbar-nav li{
	text-align: center;
	height: 65px;
}

body.sub_page .navbar-default{
	background-color: #fff;
  border-color: #e7e7e7;
}

body.top_page .navbar-default{
	background: none !important;
    border: none !important;
}

.nav>li>a{
	padding: 20px 0 5px;
	display: inline-block;
}

.nav>li>a:hover{
	border-bottom: 4px solid #000;
}

.head_wrap .head_gnav h1{
/*	float: left;*/
	padding-top: 5px;
	width: 33.1%;
}

.head_wrap .head_gnav h1 img{
	width: 100%;
}

.head_wrap .head_gnav .g_nav{
	float: left;
	font-size: 1rem;
	padding-top: 25px;
}

.head_wrap .head_gnav .g_nav li{
	float: left;
	-webkit-transform: skewX(150deg);
	-moz-transform: skewX(150deg);
	transform: skewX(150deg);
	border-left: 1px solid #fff;
	padding: 0 15px;
}

.head_wrap .head_gnav .g_nav li:last-child{
	padding: 0 0 0 20px;
}

.head_wrap .head_gnav .g_nav li a{
	display:block;
	transform: skewX(-150deg);
	color: #fff;
}

.head_wrap .g_nav02{
	position: absolute;
	top: 5px;
	left: 510px;
}

.head_wrap .g_nav02 li{
	float: left;
	position: relative;
}

.head_wrap .g_nav02 li:before{
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #fff;
}

.head_wrap .g_nav02 li:first-child{
	margin-right: 30px;
}

.head_wrap .g_nav02 li a{
	color: #fff;
}

.head_wrap .head_recbnr{
	float: left;
}
.head_wrap .head_recbnr li{
	float: left;
	border-right: 1px solid #000;
	background: #7d7d7d;
}

.head_wrap .head_recbnr li a{
	display: table-cell;
	height: 74px;
	width: 122px;
		text-align: center;
	vertical-align: middle;
}

.head_wrap .head_recbnr li:last-child{
	border-right: none;
}




/*ボタン関係*/


.top_box02_wrap .top_box02 li .item_link{
	position: absolute;
	bottom: 2%;
	right: 15%;
	font-size: 1.2rem;
	display: block;
}

.top_box02_wrap .top_box02 li .item_link a{
	color: #333;
}

.top_box02_wrap .top_box02 li .item_link:after{
	content: ">";
	display: block;
	position: absolute;
	top: -2%;
	right: -15%;
}

.top_box02_wrap .top_box02 .all_item{
	text-align: center;
	margin-top: 4vw;
}

.top_box02_wrap .top_box02 .all_item a{
	background: #000;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 1.2rem;
	padding: 10px 40px 10px 30px;
	position: relative;
	border: 1px solid #000;
}

.top_box02_wrap .top_box02 .all_item a:after{
	content: ">";
	display: block;
	position: absolute;
	top: 20%;
	right: 9%;
}

.top_box02_wrap .top_box02 .all_item a:hover{
	background: #fff;
	color: #000;
	transition: 0.5s;
}

.top_box03_wrap .about_btn a{
	width: 60%;
	background: #fff;
	display: inline-block;
	color: #000;
	text-decoration: none;
	font-size: 1.6rem;
	padding: 5px 40px 5px 30px;
	position: relative;
	border: 1px solid #fff;
}
.top_box03_wrap .about_btn a:after{
	content: ">";
	display: block;
	position: absolute;
	top: 8%;
	right: 6%;
}
.top_box03_wrap .about_btn a:hover{
	background: #000;
	color: #fff;
	transition: 0.5s;
}

.recruit_btn_wrap .recruit_btn a{
	background: #000;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 1.6rem;
	padding: 20px 40px 20px 30px;
	position: relative;
	border: 1px solid #000;
}

.recruit_btn_wrap .recruit_btn a:after{
	content: ">";
	display: block;
	position: absolute;
	top: 23%;
	right: 4%;
}

.recruit_btn_wrap .recruit_btn a:hover{
	background: #fff;
	color: #000;
	transition: 0.5s;
}

.top_box06 .contact_btn{
 	background: #000;
 	margin: 0 auto 30px;
  	text-align: center;	
 }

.top_box06 .contact_btn a{
	display: block;
 	color: #fff;
 	text-align: center;
 	padding: 30px 0;
 	font-size: 1.4rem;
 	border: 1px solid #000;
 	position: relative;
 }

.top_box06 .contact_btn a:hover{
 	text-decoration: none;
 	background: #fff;
 	color: #000;
 	transition: 0.4s;
 }

.top_box06 .contact_btn a:after{
	content: ">";
	display: block;
	position: absolute;
	top: 33%;
	right: 15%;
}

.top_box06 .dl_btn a{
	width: 90%;
	display: block;
 	color: #000;
 	text-align: center;
 	margin: 0 auto 20px;
 	padding: 20px 0;
 	font-size: 1.4rem;
 	border: 1px solid #000;
 	position: relative;
 }

.top_box06 .dl_btn a:hover{
 	text-decoration: none;
 	background: #000;
 	color: #fff;
 	transition: 0.4s;
 }

.top_box06 .dl_btn a:after{
	content: ">";
	display: block;
	position: absolute;
	top: 25%;
	right: 12%;
}



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


#recruit .massage_wrap .bg_img img{
	width: 7vw;
}


}



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

.top_box01_wrap .top_box01{
	width: 92%;
	padding: 5%;
}


}


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

.head_wrap{
	width: 100%;
}

.head_wrap .head_gnav{
	width: 70%;
}

.head_wrap .g_nav02{
	left: 440px;
}

body.top_page .head_wrap .head_gnav,
body.sub_page .head_wrap .head_gnav{
	width: 100%;
	margin: 0 auto;
}
body.top_page .head_wrap .navbar-collapse,
body.sub_page .head_wrap .navbar-collapse{
	width: 100%;
	margin: 0 auto;
}

.sub_main{
	padding-top: 10vw;
}

.innr{
	width: 96%;
}




}



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

   

body.top_page .head_wrap .navbar-collapse,
body.sub_page .head_wrap .navbar-collapse{
	width: 100%;
    position: fixed!important;
    top: 80px;
    bottom: 0;
    overflow: auto;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(1) dd span,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(1) dd span{
  font-size: 2.2vw;
}

body.top_page .head_wrap .g_nav_top li:nth-of-type(1) p,
body.sub_page .head_wrap .g_nav_top li:nth-of-type(1) p{
  text-align: left;
}

body.top_page .head_wrap .g_nav_top li a,
body.sub_page .head_wrap .g_nav_top li a{
	font-size: 1vw;
}


}

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

.head_wrap .head_gnav{
	width: 100%;
	height: auto;
}

.head_wrap .head_gnav h1{
	width: 35%;
}


.bg_grass01{
	top: -14%;
	left: 5%;
}

body.top_page .head_wrap .g_nav_top,
body.sub_page .head_wrap .g_nav_top{
	padding-top: 2%;
}

.head_wrap .head_recbnr{
	float: none;
	clear: both;
}

.head_wrap .g_nav02{
	left: 69%;
}

.head_recbnr li{
	width: 50%;
}

.head_wrap .head_recbnr li a{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding-top: 4%;
}


.sub_main{
	padding-top: 20vw;
}

.rec_business_page .page_link_btn li .btn_img{
	width: 90%;
	margin: 0 auto;
}

.rec_business_page .page_link_btn li .btn_img img{
	width: 100%;
}
/*
#recruit .main_img{
	padding-top: 80%;
}*/

.top_box05_wrap .top_box05 .shop_list01 li{
	width: 23%;
}

.top_box05_wrap .top_box05 li img{
	width: 100%;
}

.top_box05_wrap .top_box05 .shop_list02 li{
	width: 47%;
}
.top_box05_wrap .top_box05 .shop_list02 li img{
	width: 100%;
}



.rec_company_page .outline dd{
	width: 80%;
	font-size: 1.1rem;
}




}


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


.main_img{
	width: 100%;
	background: url(../img/top/main_img_sp.png) center center no-repeat;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 120%;
    background-size: contain;
}

body.sub_page .main_wrap{
  padding-top: 5em;
}

.contents_bottom2{
	margin-bottom: 10vw;
}

.bg_grass01{
	top: -1%;
	left: 1%;
	width: 15%;
}

.bg_grass02{
	position: absolute;
	top: -3%;
	left: 19%;
	width: 15%;	
}

.bg_grass03{
	position: absolute;
	top: -5%;
	right: -6%;
	width: 20%;
}
.bg_grass04{
	position: absolute;
	top: -2%;
	left: 13%;
	width: 15%;
}
.bg_grass05{
	position: absolute;
	top: -3%;
	right: -3%;
	width: 15%;
}
.bg_grass06{
	position: absolute;
	bottom: -3%;
	left: -3%;
	width: 15%;
}

.bg_grass01 img,.bg_grass02 img,.bg_grass03 img,
.bg_grass04 img,.bg_grass05 img,.bg_grass06 img{
	width: 100%;
}

/*#recruit .main_img{
	padding-top: 90%;
}*/

body.sub_page .page_tit{
	padding-top: 5%;
}

/*.navbar{
	margin-bottom: 6px;
}*/

.head_wrap{
	width: 100%;
	z-index: 999;
}

.head_wrap .head_gnav{
	height: 80px;
	width: 70%;
}
body.top_page .head_wrap .head_inr,
body.sub_page .head_wrap .head_inr{
	padding: 0;
}

.head_wrap .head_gnav h1{
	padding: 3vw 0 0 4%;
	width: 60%;
}

.head_wrap .head_gnav h1 img{
	width: 100%;
}
body.top_page .sc_wt{
	height: 80px;
}
body.top_page .head_wrap .g_nav_top,
body.sub_page .head_wrap .g_nav_top{
	display: none;
}

body.top_page .head_wrap .navbar-nav,
body.sub_page .head_wrap .navbar-nav{
	margin-top: 0;
	z-index: 999;
	position: relative;
}

body.top_page .head_wrap .navbar-nav ul,
body.sub_page .head_wrap .navbar-nav ul{
	padding: 0 0 0 0 !important;
}

body.top_page .head_wrap .navbar-nav li,
body.sub_page .head_wrap .navbar-nav li{
	width: 100%;
	background: #fff;
	text-align: left;
	height: auto;
}

body.top_page .head_wrap .navbar-nav li a,
body.sub_page .head_wrap .navbar-nav li a{
	display: block;
  padding: 2% 4%;  
}
body.top_page .head_wrap .navbar-nav li a:hover,
body.sub_page .head_wrap .navbar-nav li a:hover{
	border-bottom: none;
	background: #ccc;
	color: #000;
}

body.top_page .head_wrap .navbar-nav li a:after,
body.sub_page .head_wrap .navbar-nav li a:after{
	content: ">";
	display: block;
	position: absolute;
	top: 20%;
	right: 10%;
}

body.top_page .head_wrap .navbar-nav .child a,
body.sub_page .head_wrap .navbar-nav .child a{
  background: #eee !important;
  text-decoration: none;
  padding: 2% 4% !important;
  color: #000 !important;
}

body.top_page .head_wrap .navbar-nav .child a:after,
body.sub_page .head_wrap .navbar-nav .child a:after{
  display: none;
}

body.top_page .head_wrap .navbar-nav .child li a,
body.sub_page .head_wrap .navbar-nav .child li a{
  padding: 2% 4% !important;  
}


body.top_page .head_wrap .navbar-nav .child li,
body.sub_page .head_wrap .navbar-nav .child li{
  border-bottom: 1px solid #333;
  padding-left: 5px;
  background: #eee !important;  
}

/*body.top_page .head_wrap .navbar-nav .child li:last-child,
body.sub_page .head_wrap .navbar-nav .child li:last-child{
  border-bottom: none;
}*/



body.top_page .head_wrap .navbar-nav .child a:link,
body.sub_page .head_wrap .navbar-nav .child a:link{
  color: #000 !important;
}

body.top_page .head_wrap .navbar-nav .child a:hover,
body.sub_page .head_wrap .navbar-nav .child a:hover{
  text-decoration: none !important;
}

.nav>li>a{
	padding: 2% 4%;
}

.sub_main{
	padding-top: 25vw;
	margin-bottom: 10vw;
}

.sub_main h2{
	font-size: 2rem;
}

body.top_page .head_wrap .top_box06,
body.sub_page .head_wrap .top_box06{
	background: #fff;
	padding: 6vw;
}

.innr{
	width: 92%;
}

.top_box01_wrap,
.top_box03_wrap,
.top_box04_wrap,
.top_box05_wrap{
	padding-bottom: 12vw;
}

.top_box01_wrap .top_box01 .info_list li{
	float: none;
	width: 100%;
}

.top_box01_wrap .top_box01 li{
	float: none;
	width: 100%;
	margin-bottom: 4vw;
	text-align: center;
}

.top_box01_wrap .top_box01 li:last-child{
	margin-bottom:0;
}

.top_box02_wrap{
	padding-bottom: 8vw;
}

.top_box02_wrap .top_box02 ul.sp{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex !important;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.top_box02_wrap .top_box02 li{
	margin-right: 0.2%;
	margin-left: 0.2%;
}

.top_box02_wrap .top_box02 li .item_img{
	width: 100%;
	text-align: center;
}

.top_box02_wrap .top_box02 li .item_img img{
	width: 100%;
	text-align: center;
}

.top_box03_wrap .top_box03{
	width: 92%;
	margin: 0 auto;
	padding: 5%;
}

.top_box03_wrap .top_box03 h2{
	font-size: 1.6rem;
	margin-bottom: 15vw;
}

.top_box03_wrap .top_box03 h3{
	font-size: 1.4rem;
	margin-bottom: 6vw;	
}

.top_box03_wrap .top_box03 p{
	font-size: 1rem;
}

.top_box04_wrap .top_box04{
	width: 92%;
	margin: 0 auto;
}

.top_box04_wrap .top_box04 .top_box04_01 a,
.top_box04_wrap .top_box04 .top_box04_02 a,
.top_box04_wrap .top_box04 .top_box04_03 a{
	padding: 4% 8% 4% 4%;
}

.top_box04_wrap .top_box04 .top_box04_01 li:nth-of-type(1),
.top_box04_wrap .top_box04 .top_box04_02 li:nth-of-type(1),
.top_box04_wrap .top_box04 .top_box04_03 li:nth-of-type(1){
	display: block;
	margin-bottom: 20px;
	width: 100%;
}

.top_box04_wrap .top_box04  h2{
	text-align: left;
}

.top_box04_wrap .top_box04 .top_box04_01 li:nth-child(2){
  margin-left: -10px;
}

.top_box04_wrap .top_box04 .top_box04_01 li:nth-of-type(2),
.top_box04_wrap .top_box04 .top_box04_02 li:nth-of-type(2),
.top_box04_wrap .top_box04 .top_box04_03 li:nth-of-type(2){
	width: 25%;
}

.top_box04_wrap .top_box04 .top_box04_01 li:nth-of-type(2) img,
.top_box04_wrap .top_box04 .top_box04_02 li:nth-of-type(2) img,
.top_box04_wrap .top_box04 .top_box04_03 li:nth-of-type(2) img{
	width: 100%;
}

.top_box04_wrap .top_box04 .top_box04_01 li:nth-of-type(3),
.top_box04_wrap .top_box04 .top_box04_02 li:nth-of-type(3),
.top_box04_wrap .top_box04 .top_box04_03 li:nth-of-type(3){
	width: 70%;
}

.top_box05_wrap .top_box05 .shop_list01,
.top_box05_wrap .top_box05 .shop_list02{
	margin-bottom: 6vw;
}

.top_box05_wrap .top_box05 .shop_list01 li,
.top_box05_wrap .top_box05 .shop_list02 li,
.top_box05_wrap .top_box05 .shop_list03 li{
	width: 48%;
	margin-right: 0;
	margin-bottom: 3vw;
}

.top_box05_wrap .top_box05 li:nth-of-type(2n){
	float: right;
}

.top_box05_wrap .top_box05 li:nth-of-type(2n+3){
	clear: both;
}

.top_box05_wrap .top_box05 .shop_list01{
	margin-bottom: 8%;
}

.top_box05_wrap .top_box05 .shop_list02{
	width: 100%;
	margin-right: 0;
}

.top_box06_wrap .top_box06{
	width: 92%;
	padding: 5vw;	
}

.top_box03_wrap .about_btn a{
  width: 100%;
}



.top_box06 .contact_btn a,
.top_box06 .dl_btn a{
	padding: 5% 0;
}

.top_box06 .contact_btn a:after{
	top: 25%;
	right: 7%;
}

.top_box06 .dl_btn a:after{
	top: 25%;
	right: 5%;
}

.top_box06 .contact_text p span{
	font-size: 1rem;
}

.pagetop{
	display: none !important;
}


/*ボタン関係*/

.recruit_btn_wrap .recruit_btn a{
	font-size: 1rem;
}

.recruit_btn_wrap .recruit_btn a:after{
	top: 30%;
	right: 8%;	
}

.top_box03_wrap .top_box03 .create_btn{
	margin-top: 4vw;
}
.top_box03_wrap .top_box03 .create_btn a{
	    background: #8e1f15;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
	padding: 2% 14% 2% 12%;
    position: relative;
}

.top_box03_wrap .top_box03 .create_btn a:after{
	content: ">";
	display: block;
	position: absolute;
	top: 12%;
	right: 13%;
}

.top_box03_wrap .top_box03 .create_btn a:hover{
 	text-decoration: none;
 	background: #fff;
 	color: #000;
 	transition: 0.4s;
}

.sub_main{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5c77c1+0,2dbfd3+100 */
	background: #5c77c1; /* Old browsers */
	background: -moz-linear-gradient(left, #5c77c1 0%, #2dbfd3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #5c77c1 0%,#2dbfd3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #5c77c1 0%,#2dbfd3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c77c1', endColorstr='#2dbfd3',GradientType=1 ); /* IE6-9 */
	padding-top: 7%;
	padding-bottom: 3%;
	margin-bottom: 4vw;
}

.sub_main h2{
	color: #fff;
	text-align: center;
	font-size: 2.6rem;
}

.sub_main h2 span{
	display: block;
	margin-top: 10px;
	text-align: center;
	font-weight: normal;
}

.rec_company_page h3{
	font-size: 1.6rem;
}

.rec_company_page h4{
	font-size: 1.8rem;
}

.rec_company_page .greeting .box_left{
	float: none;
    font-size: 1.2rem;
	width: 100%;
	margin-bottom: 5%;
}

.rec_company_page .greeting .box_right{
	float: none;
	width: 80%;
	margin: 0 auto;
}

.rec_company_page .greeting .box_right img{
	width: 100%;
}

.rec_company_page .management p,
.rec_company_page .management li,
.rec_company_page .conduct p,
.rec_company_page .conduct li{
	font-size: 1rem;
}

.rec_company_page .management li{
	float: none;
	width: 100%;
}

.rec_company_page .management,
.rec_company_page .conduct{
	padding: 3%;
}

.rec_company_page .management .box_inr{
	padding: 4% 2.5%;
}

.rec_company_page .conduct .box_inr{
	padding: 4%;
}

.rec_company_page .management li:first-child{
	margin-bottom: 20px;
}

.rec_company_page .conduct li{
	text-indent: -15px;
	padding-left: 15px;
}

.rec_company_page .outline .box_left,
.rec_company_page .outline .box_right{
	float: none;
	width: 100%;
}

.rec_company_page .outline dt,
.rec_company_page .outline dd,
.rec_company_page .history dt,
.rec_company_page .history dd{
	display: block;
	width: 100%;	
}
.rec_company_page .outline dd span {
	width: 50%;
	}
.rec_company_page .outline dt,
.rec_company_page .history dt{
	margin-bottom: 10px;
}

.rec_business_page h3{
	font-size: 1.8rem;
	margin-bottom: 10vw;
}

.rec_business_page .page_link_btn{
	margin: 0 auto;
	text-align: center;
}

.rec_business_page .page_link_btn ul{
	margin-bottom: 8vw;
}

.rec_business_page .page_link_btn li{
	width: 30%;
	margin-bottom: 5%;
}

.rec_business_page .page_link_btn li p{
	font-size: 0.8rem;
}

.rec_business_page .business_list .business_img{
	width: 60%;
	float: none;
	margin: 0 auto 4vw;
}

.rec_business_page .business_list .business_text{
	float: none;
	width: 100%;
}

.rec_business_page .business_list .shop_all{
	position: static;
	text-align: center;
	margin-top: 3vw;
}

.rec_business_page .business_list .shop_all a{
	width: 70%;
	text-align: center;
}



}