@charset "UTF-8";


/*	mv
-----------------------------*/
#top .mv{
	width:100%;
	text-align:center;
}
#top .mv img{
	width:100%;
	max-width:1260px;
	height:	auto;
	display:block;
	margin:0 auto;
}
#top .mv img.sp{
	display:none;
}

/*	ブランド紹介
-----------------------------*/
#top .brands .title{
	text-align:center;
	line-height:0;
	padding:60px 0 40px;
}
#top .brands .data{
	background:#EBECF0;
}
#top .brands .data .shop{
	float:left;
	width:700px;
	padding:40px 70px;
}
#top .brands .data .shop .list{
	line-height:0;
}
#top .brands .data .shop .list li{
	width:180px;
	float:left;
	margin:0 10px 10px 0;
}
#top .brands .data .shop .list li.on{
	opacity:0.6;
}
#top .brands .data .shop .list li:nth-child(3n){
	margin-right:0;
}
#top .brands .data .shop .list li a,
#top .brands .data .shop .list li a img{
	display:block;
}
#top .brands .data .images{
	margin-left:700px;
	width:auto;
}
#top .brands .data .images.bg1{
	background:url(/img/index/shop_img1.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg2{
	background:url(/img/index/shop_img2.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg3{
	background:url(/img/index/shop_img3.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg4{
	background:url(/img/index/shop_img4.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg5{
	background:url(/img/index/shop_img5.jpg) no-repeat left center;
	background-size:cover;
}
#top .brands .data .images.bg6{
	background:url(/img/index/shop_img6.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg7{
	background:url(/img/index/shop_img7.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg8{
	background:url(/img/index/shop_img8.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg9{
	background:url(/img/index/shop_img9.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg10{
	background:url(/img/index/shop_img10.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg11{
	background:url(/img/index/shop_img11.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg12{
	background:url(/img/index/shop_img12.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg13{
	background:url(/img/index/shop_img13.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg14{
	background:url(/img/index/shop_img14.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg15{
	background:url(/img/index/shop_img15.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg16{
	background:url(/img/index/shop_img16.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .data .images.bg17{
	background:url(/img/index/shop_img17.jpg) no-repeat center center;
	background-size:cover;
}
#top .brands .more{
	padding-top:30px;
}
#top .brands .more li{
	width:270px;
	float:left;
}
#top .brands .more li:last-child{
	float:right;
	width:270px;
}
#top .brands .more li a{
	display:block;
	position:relative;
	line-height:20px;
	padding:20px 20px 20px 5px;
	background:#41B842;
	border-radius:5px;
	color:#FFF;
	text-align:center;
	font-size:0.9em;
	
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#top .brands .more li a:hover{
	opacity:0.8;
}
#top .brands .more li a:before{
	position:absolute;
	content:"";
	right: 14px;
	top:26px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#top .brands .search{
	text-align:center;
	margin-top:30px;
}
#top .brands .search a{
	display:inline-block;
	background:#FFF;
	border:#41B842 solid 3px;
	border-radius:20px;
	padding:5px 120px;
	color:#41B842;
	background:#FFF url(/common/img/zoom.jpg) no-repeat 10px center;
}
#top .brands .search a:hover{
	opacity:0.8;
}

/*	recruit
-----------------------------*/
#top .recruit{
	background: #F5F7F8 url(/img/index/recruit_bg.png) no-repeat center center;
	text-align: center;	
    padding-bottom: 70px;
}
#top .recruit .title{
    padding: 60px 0 40px;
    text-align: center;
    line-height: 0;
}
#top .recruit .mynavi{
	text-align:center;
	margin-top:30px;
}
#top .recruit .mynavi p{
	display:inline-block;
	vertical-align:middle;
	margin-right:30px;
}
#top .recruit .mynavi .bana{
	display:inline-block;
	vertical-align:middle;
}
#top .recruit .mynavi .bana:hover{
	opacity: 0.8;
}
#top .recruit .btn{
	margin-top: 30px;
}
#top .recruit .btn a{
	display:inline-block;
	position:relative;
	line-height:20px;
	padding:15px 70px;
	background:#41B842;
	border-radius:5px;
	color:#FFF;
	text-align:center;
	
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#top .recruit .btn a:hover{
	opacity:0.8;
}
#top .recruit .btn a:before{
	position:absolute;
	content:"";
	right: 14px;
	top:21px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width:1400px) {
	#top .recruit{
		background-size: cover;
	}
}

/*	newopne
-----------------------------*/
#top .newopne .title{
	text-align:center;
	line-height:0;
	padding:60px 0 40px;
}
#top .newopne ul li{
	width:320px;
	float:left;
	margin-right:20px;
	margin-bottom: 20px;
}
#top .newopne ul li:nth-child(3n){
	margin-right:0;
}
#top .newopne ul li .img{
	line-height:0;
}
#top .newopne ul li .img a{
	display:block;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#top .newopne ul li .img a:hover{
	opacity:0.8;
}
#top .newopne ul li .img a img{
	display:block;
}
#top .newopne ul li .date{
	font-size:0.8em;
	margin-top:30px;
	height:22px;
	padding:0 10px;
	line-height:1;
}
#top .newopne ul li .date span{
	border-right:#CCC solid 1px;
	padding-right:20px;
	margin-right:20px;
}
#top .newopne ul li .date .new{
	color:#d80000;
}
#top .newopne ul li .date .com{
	color:#dc8c01;
}
#top .newopne ul li .txt{
	margin-top:8px;
	padding:0 10px;
	height:130px;
}
#top .newopne .more{
	padding-bottom:80px;
	text-align:right;
}
#top .newopne .more a{
	color:#41B842;
	display:inline-block;
	padding: 0 20px 0 0;
	background:url(/common/img/more_bg_on.png) no-repeat right bottom;
}
#top .newopne .more a:hover{
	opacity:0.8;
}


/*	investor
-----------------------------*/
#top .investor{
	background:#FFF url(/img/index/investor_bg.png) no-repeat center top;
	background-size:cover;
}
#top .investor .title{
	text-align:center;
	line-height:0;
	padding:60px 0 40px;
}
#top .investor .data{
	float:left;
	width:500px;
	padding-bottom:80px;
}
#top .investor .data ul{
	border-top:#FFFFFF solid 1px;
}
#top .investor .data ul li{
	border-bottom:#FFFFFF solid 1px;
	padding:15px 8px;
	color:#FFFFFF;
}
#top .investor .data ul li .date .cat{
	color:#FFFFFF;
	display:inline-block;
	background:#666;
	font-size:0.8em;
	padding:0px 20px;
	vertical-align:2px;
	margin-left:22px;
}
#top .investor .data ul li .date .cat.yuho{
	background:#429fff;
}
#top .investor .data ul li .sub{
	margin-top:5px;
}
#top .investor .data ul li a{
	color:#FFFFFF;
}
#top .investor .data ul li a:hover{
	opacity:0.8;
}
#top .investor .data .more{
	text-align:right;
	margin-top:25px;
}
#top .investor .data .more a{
	display:inline-block;
	padding: 0 20px 0 0;
	color:#FFFFFF;
	background:url(/common/img/more_bg.png) no-repeat right bottom;
}
#top .investor .data .more a:hover{
	opacity:0.8;
}
#top .investor .ir{
	width:380px;
	float:right;
}
#top .investor .ir ul{
	padding-top:82px;
}
#top .investor .ir ul li{
	margin-top:10px;
}
#top .investor .ir ul li:first-child{
	margin-top:0;
}
#top .investor .ir ul li a{
	display:block;
	position:relative;
	line-height:20px;
	padding:10px 0;
	background:rgba(64, 184, 65, 0.9);
	border-radius:5px;
	color:#FFF;
	text-align:center;
	border:#FFF solid 1px;
	
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#top .investor .ir ul li a:hover{
	background:rgba(64, 184, 65, 1);
}
#top .investor .ir ul li:first-child a{
	padding:20px 0;
	background:rgba(165, 211, 40, 0.9);
}
#top .investor .ir ul li:first-child a:hover{
	background:rgba(165, 211, 40, 1);
}
#top .investor .ir ul li a:before{
	position:absolute;
	content:"";
	right: 14px;
	top:16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#top .investor .ir ul li:first-child a:before{
	top:26px;
	width: 8px;
}


/*	media
-----------------------------*/
#top .media{
	padding-bottom:30px;
}
#top .media .title{
	padding:60px 0 40px;
	text-align:center;
	line-height:0;
}
#top .media .contact{
	text-align:center;
}
#top .media .contact a{
	display:inline-block;
	position:relative;
	line-height:20px;
	padding:15px 70px;
	background:#41B842;
	border-radius:5px;
	color:#FFF;
	text-align:center;
	
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#top .media .contact a:hover{
	opacity:0.8;
}
#top .media .contact a:before{
	position:absolute;
	content:"";
	right: 14px;
	top:21px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#top .media ul{
	margin-top:40px;
	border-top:#CCC solid 1px;
}
#top .media ul li{
	border-bottom:#CCC solid 1px;
	padding:15px 8px;
}
#top .media ul li .date{
	font-size:0.8em;
	color:#9a9a9a;
}
#top .media ul li .date .cat{
	margin-left:24px;
	color:#41B842;
}
#top .media ul li .txt{
	margin-top:5px;
	color:#9a9a9a;
	font-weight:normal;
	font-size:1em;
}
#top .media .more{
	text-align:right;
	margin-top:25px;
}
#top .media .more a{
	color:#41B842;
	display:inline-block;
	padding: 0 20px 0 0;
	background:url(/common/img/more_bg_on.png) no-repeat right bottom;
}
#top .media .more a:hover{
	opacity:0.8;
}


/*	publication
-----------------------------*/
#top .publication{
	padding-bottom:60px;
}
#top .publication .title{
	padding:60px 0 40px;
	text-align:center;
	line-height:0;
}
#top .publication .image{
	float:left;
	height:460px;
	width:500px;
	background:#FFFFFF;
	position:relative;
}
#top .publication .image img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 261px;
	height: 380px;
}
#top .publication .data{
	float:right;
	width:440px;
	padding-top: 60px;
}
#top .publication .data .sub span{
	display:block;
}
#top .publication .data .tit{
	font-size:1.2em;
	margin-top:10px;
}
#top .publication .data .txt{
	margin-top:8px;
	font-size:0.9em;
}
#top .publication .data .img{
	line-height:0;
	margin-top:25px;
}
#top .publication .data .more{
	margin-top:69px;
}
#top .publication .data .more a{
	display:block;
	position:relative;
	line-height:20px;
	padding:15px 70px;
	background:#41B842;
	border-radius:5px;
	color:#FFF;
	text-align:center;
	
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#top .publication .data .more a:hover{
	opacity:0.8;
}
#top .publication .data .more a:before{
	position:absolute;
	content:"";
	right: 14px;
	top:21px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#top .publication .btn{
	display:flex;
}
#top .publication .btn li{
	width:235px;
	margin-right:20px;
	height:60px;
	display:table;
}
#top .publication .btn li:last-child{
	margin-right:0;
}
#top .publication .btn li a.thum{
	display:block;
	line-height:0;
}
#top .publication .btn li a.thum:hover{
	opacity:0.8;
}
#top .publication .btn li a.linkbtn{
	display:block;
	margin-top:15px;
	position:relative;
	line-height:20px;
	vertical-align:middle;
	background:#41B842;
	border-radius:5px;
	color:#FFF;
	text-align:center;
	height:60px;
	
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#top .publication .btn li a.linkbtn:hover{
	opacity:0.8;
}
#top .publication .btn li a.linkbtn:before{
	position:absolute;
	content:"";
	right: 14px;
	top:30px;
	width: 8px;
	height: 8px;
	margin-top:-4px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#top .publication .btn li a.linkbtn span{
  display: block;
  position: relative;
  top: 50%;
  text-align: left;
	padding:0 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*	partner
-----------------------------*/
#top .partner{
	background:#eaecef;
	padding-bottom: 150px;
}
#top .partner .title{
	padding:60px 0 40px;
	text-align:center;
	line-height:0;
}
#top .partner ul li{
	float:left;
	width:320px;
	margin-right:20px;
}
#top .partner ul li:nth-child(3n){
	margin-right:0;
}
#top .partner ul li a{
	display:block;
	padding-top:140px;
	background:#FFF;
}
#top .partner ul li:nth-child(1) a{
	background:#FFF url(/img/index/partner1.jpg) no-repeat center top;
}
#top .partner ul li:nth-child(2) a{
	background:#FFF url(/img/index/partner2.jpg) no-repeat center top;
}
#top .partner ul li:nth-child(3) a{
	background:#FFF url(/img/index/partner3.jpg) no-repeat center top;
}
#top .partner ul li a .tit{
	display:inline-block;
	padding:20px 20px 0;
	font-size:1.2em;
	font-weight:bold;
	min-height:80px;
}
#top .partner ul li a .txt{
	display:block;
	font-size:0.9em;
	padding:2px 20px 20px;
	min-height:85px;
}
#top .partner .more{
	text-align:center;
	margin-top:40px;
}
#top .partner .more a{
	display:inline-block;
	position:relative;
	line-height:20px;
	padding:15px 70px;
	background:#41B842;
	border-radius:5px;
	color:#FFF;
	text-align:center;
	
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#top .partner .more a:hover{
	opacity:0.8;
}
#top .partner .more a:before{
	position:absolute;
	content:"";
	right: 14px;
	top:21px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*	infomation
-----------------------------*/
#top .infomation {
	margin-bottom:80px;
}
#top .infomation_title {
	margin-bottom:30px;
	text-align: center;
	line-height: 0;
}
#top .infomation_inner {
	max-width:1025px;
	padding:25px 5% 0px;
	margin-left:auto;
	margin-right:auto;
	background:url(/img/index/info_bg.png) no-repeat top center;
}
#top .infomation_inner_2 {
	max-width:1025px;
    height: 576px;
	padding:290px 5% 0;
	margin-left:auto;
	margin-right:auto;
    margin-bottom: 50px;
	background:url(/img/index/info_bg_2.jpg) no-repeat top center;
}
#top .infomation_btn {
	margin-bottom:15px;
	font-size: 1.2em;
	font-weight: bold;
}
#top .infomation_btn a::after {
	content:none;
}
#top .infomation_subTitle {
	margin-bottom:10px;
}
#top .infomation_txt {
	padding-bottom:20px;
}
#top .infomation_topInfo {
     text-align: center;
     padding: 20px 0;
     width: 700px;
     margin: 0 auto;
     background: rgba(255,255,255,0.9);
}
#top .infomation_topInfoHead{
     font-size: 18px;
     font-weight: bold;
}
#top .infomation_topInfo p.topInfoDes{
     line-height: 1.4;
     margin-top: 10px;
}
#top .infomation_topInfo p.topInfoDes + p.topInfoDes{
     margin-top: 1.5em;
}

#top .topInfoBtn .infomation_wrap + .infomation_wrap{
     margin-top: 15px;
}
#top .infomation_wrap{
     width: 500px;
     margin: 0 auto;
}
@media screen and (max-width:1120px) {
    #top .infomation_inner_2 {
        padding:270px 5% 0;
    }
}
@media screen and (max-width:824px) {
    .br_pc{
        display: none;
    }
    #top .infomation_topInfo{
        width: 90%;
        padding: 20px 25px;
    }
}
@media screen and (max-width:682px) {
    #top .infomation_inner_2 {
	    padding: 35% 5% 0;
    }
    #top .infomation_wrap{
        width:auto;
        margin:0;
    }
}

/*	footer
-----------------------------*/
#footer{
	margin-top: 0;
}

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

	#top .mv img.sp{
		display:block;
	}
	#top .mv img.pc{
		display:none;
	}
	
	/*	brands
	-----------------------------*/
	#top .brands .data{
		padding-bottom:20px;
	}
	#top .brands .data .shop{
		float:none;
		width:auto;
		padding:40px 20px 30px;
	}
	#top .brands .data .more{
		padding-top:0px;
	}
	#top .brands .data .more li{
		width:auto;
		float:none;
	}
	#top .brands .more li:last-child{
		float:none;
		margin-top:10px;
	}
	#top .brands .data .more li a{
		font-size:1em;
	}
	#top .brands .data .search{
		padding-bottom:30px;
		margin-top:20px;
		border-bottom: #CCC solid 2px;
	}
	#top .brands .data .search a{
		padding:14px 0;
		font-weight:bold;
		display:block;
		border-radius:30px;
	}
	#top .brands .data .images{
		margin-left:0px;
		width:auto;
		background:none;
	}
	#top .brands .data .images.bg1,
	#top .brands .data .images.bg2,
	#top .brands .data .images.bg3,
	#top .brands .data .images.bg4,
	#top .brands .data .images.bg5,
	#top .brands .data .images.bg6,
	#top .brands .data .images.bg7,
	#top .brands .data .images.bg8,
	#top .brands .data .images.bg9,
	#top .brands .data .images.bg10,
	#top .brands .data .images.bg11,
	#top .brands .data .images.bg12,
	#top .brands .data .images.bg13{
		background:none;
	}
	#top .brands .data .images ul{
		display:none; /*一時対応*/
	}
	/* ▼スライダー　*/
	.swiper-container {
		width: 100%;
		padding-top: 75px;
		padding-bottom: 50px;
	}
	.swiper-slide {
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
		position:relative;
	
	}
	.swiper-slide:nth-child(1):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo2.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(2):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo4.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(3):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo3.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(4):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo1.png) no-repeat center center;
		opacity:0.3;
	}
	/*.swiper-slide:nth-child(5):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo6.png) no-repeat center center;
		opacity:0.3;
	}*/
	.swiper-slide:nth-child(5):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo5.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(6):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo7.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(7):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo13.png) no-repeat center center;
		opacity:0.3;
	}
	/*.swiper-slide:nth-child(8):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url() no-repeat center center;
		background:url(/img/index/logo9.png) no-repeat center center;
		opacity:0.3;
	}*/
	.swiper-slide:nth-child(8):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo12.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(9):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo10.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(10):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo8.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(11):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo11.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(12):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo14.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(13):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo15.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(14):before{
		position:absolute;
		content:"";
		width:200px;
		height:50px;
		top:-60px;
		left:50px;
		background:url(/img/index/logo16.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide:nth-child(15):before{
		position:absolute;
		content:"";
		width:200px;
		height:70px;
		top:-75px;
		left:50px;
		background:url(/img/index/logo17.png) no-repeat center center;
		opacity:0.3;
	}
	.swiper-slide.swiper-slide-active:before{
		opacity:1;
	}
	.swiper-button-prev{
		left:5px;
		background:url(/img/index/arrow_l.png) no-repeat center center;
	}
	.swiper-button-next{
		right:5px;
		background:url(/img/index/arrow_r.png) no-repeat center center;
	}
	
	
	
	/*	newopne
	-----------------------------*/
	#top .newopne ul{
		width:100%;
		padding:0 10px;
		
			display:-webkit-box;
			display:-moz-box;
			display:-webkit-flexbox;
			display:-moz-flexbox;
			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 .newopne ul li{
		width:50%;
		display:block;
		margin-right:0px;
		float:none;
		vertical-align:top;
	}
	#top .newopne ul li:nth-child(2n){
	}
	#top .newopne ul li .img{
		padding:0 10px;
	}
	#top .newopne ul li .img img{
		width:100%;
		height:auto;
	}
	#top .newopne ul li .date{
		padding:0 10px;
		margin-top:20px;
		word-break : break-all;
	}
	#top .newopne ul li .txt{
		padding:0 10px 30px;
		height:auto;
		margin-top:10px;
	}
	
	
	/*	investor
	-----------------------------*/
	#top .investor{
		background:#FFF url(/img/index/investor_bg_sp.png) no-repeat center top;
		background-size:cover;
		padding-bottom:80px;
	}
	#top .investor .data{
		float:none;
		width:auto;
		padding-bottom:0px;
	}
	#top .investor .ir{
		float:none;
		width:auto;
	}
	#top .investor .ir ul{
		padding-top:60px;
	}
	#top .publication .btn{
		margin-top:10px;
		padding-top:0px;
		border-top:#CCC solid 1px;
		display:block;
	}
	#top .publication .btn li{
		width:auto;
		margin-right:0px;
		height:auto;
		display:block;
		margin-top:30px;
	}
	#top .publication .btn li .thum img{
		width:100%;
		height:auto;
	}
	#top .publication .btn li a.linkbtn{
		display:block;
		position:relative;
		padding:10px 40px;
	}
	
	
	/*	media
	-----------------------------*/
	#top .media .contact a{
		padding:15px 35px;
	}
	
	
	/*	publication
	-----------------------------*/
	#top .publication .image{
		float:none;
		height:460px;
		width:auto;
		background:#FFFFFF;
		position:relative;
	}
	#top .publication .data{
		float:none;
		width:auto;
		text-align:center;
		padding-top:0;
	}
	#top .publication .data .sub{
		margin-top:36px;
	}
	#top .publication .data .sub span{
		display:inline;
		margin-left:26px;
	}
	#top .publication .data .more{
		margin-top:40px;
	}
	
	
	/*	partner
	-----------------------------*/
	#top .partner ul li{
		float:none;
		width:auto;
		margin-right:0;
		margin-top:30px;
	}
	#top .partner ul li:first-child{
		margin-top:0;
	}
	#top .partner ul li a{
		padding:15px 0px 15px 20px;
		padding-right: 50%;
	}
	#top .partner ul li:nth-child(1) a{
		background:#f6f6f6 url(/img/index/partner_sp1.jpg) no-repeat right top;
		background-size: auto 100%;

	}
	#top .partner ul li:nth-child(2) a{
		background:#f6f6f6 url(/img/index/partner_sp2.jpg) no-repeat right top;
		background-size: auto 100%;
	}
	#top .partner ul li:nth-child(3) a{
		background:#f6f6f6 url(/img/index/partner_sp3.jpg) no-repeat right top;
		background-size: auto 100%;
	}
	#top .partner ul li a .tit{
		padding:0;
		min-height:auto;
		font-size:1em;
	}
	#top .partner ul li a .txt{
		font-size:0.8em;
		min-height:auto;
		padding:2px 0 0;
	}
	#top .partner .more a{
		display:block;
		padding:15px 0px;
	}
	#top .recruit .caption p{
		line-height: 1.6;
	}
	#top .recruit .mynavi p{
		margin: 0 0 10px 0;
	}

	/*	infomation
	-----------------------------*/
	#top .infomation_inner {
		padding:25px 5% 0px;
		margin-left:auto;
		margin-right:auto;	
		background:url(/img/index/info_bg.png) no-repeat top right;
		background-size: auto 100%;
	}
	#top .infomation_btn img {
		max-width:100%;
		height:auto;
	}
}

	/*	メインビジュアル下お知らせ
	-----------------------------*/
    .topInfo {
        text-align: center;
        padding: 40px 0;
        border: 3px solid #eaecef;
        width: 1260px;
        margin: 40px auto 0;
    }
    .topInfoHead{
        font-size: 18px;
        font-weight: bold;
    }
    .topInfoHead:first-letter{
        color: #41B842;
    }
    .topInfo p.topInfoDes {
        line-height: 1.8;
        margin-top: 10px;
    }
    .topInfo p.topInfoDes + p.topInfoDes{
        margin-top: 1.5em;
    }
    .topInfoBtn{
        margin-top: 30px;
    }
    .topInfoBtn .basewrap + .basewrap{
        margin-top: 15px;
    }

    .logoWrap{
        margin: 30px auto;
    }
    .logoWrap > a,
    .logoWrap > img{
        display: inline-block;
    }
    .logoWrap > a:hover{
        opacity: 0.8;
    }
    .logoWrap a + img{
        margin-left: 60px;
    }
    .logoWrap a[href^="http"]::after{
        content: none;
    }
    .btnDetails{
        display: inline-block;
        background: #FFF;
        border: #41B842 solid 3px;
        border-radius: 20px;
        padding: 5px 0;
        color: #41B842;
        width: 520px;
    }
    .btnDetails:hover{
        opacity: 0.8;
    }
    .btnDetails::before{
        position: absolute;
        content: "";
        right: 14px;
        top: 21px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #FFF;
        border-right: 2px solid #FFF;
        transform: rotate(45deg);
    }
    a.btnDetails[href^="http"]::after{
        background: url(/common/img/pdf.png) no-repeat left center;
        background-size: 100% 100%;
        width: 16px;
        height: 16px;
        vertical-align: -2px;
        margin-left: 10px;
    }
        a.btnDetails.infoLink[href^="http"]::after{
        content:"";
        display: inline-block; 
        background: url(/common/img/blank.png) no-repeat left center;
        background-size:100% 100%;
        width:12px;
        height:11px;
        vertical-align:text-top;
        margin-left:5px;
    }
    

    _:-ms-lang(x)::-ms-backdrop, .btnDetails > span {
        position: relative;
        top: 3px;
    }
    _:-ms-lang(x)::-ms-backdrop, a.btnDetails[href^="http"]::after {
        position: relative;
        top: 3px;
    }


/*	メンバー企業
	-----------------------------*/
.member{
	width: 1260px;
	background: #eeeeee;
    text-align: center;
    padding: 40px 0;
	margin: 40px auto 0;
}
.memberHead{
	font-size: 28px;
	margin-top: 30px;
	font-weight: bold;
}
.member .logoWrap{
    margin: 30px auto;
}
.member .logoWrap > a,
.member .logoWrap > img{
	display: inline-block;
}
.member .logoWrap > a:hover{
	opacity: 0.8;
}
.member .logoWrap a + img{
	margin-left: 60px;
}
.member .logoWrap a[href^="http"]::after{
	content: none;
}
.member p.memberDes{
	line-height: 1.8;
	margin-top: 30px;
}
.fc_green{
	color: #41B842;
}
.fs_s{
	font-size: 0.9rem;
}
.ml30_pc{
	margin-left: 30px;
}
.fw_b_n{
	font-size: 16px;
  font-weight: 100;
	margin-top: -5px;
}
.br_sp{
	display: none;
}
.br_pc{
	display: block;
}

@media screen and (max-width: 1120px){
    .topInfo{
        width: 100%;
    }
    .btnDetails{
		padding: 14px 0;
		font-weight: bold;
		display: block;
		border-radius: 60px;
		width: auto;
	}
	.member{
		width: 100%;
	}
}
@media screen and (max-width: 768px){
    .br_pc{
        display: none;
    }
    .topInfo{
        padding: 0;
        min-height: auto;
        border: none;
        width: 100%;
        margin: 40px auto 0px;
    }
    .topInfo p.topInfoDes{
        padding: 0 20px;
    }
    .logoWrap{
		padding: 0 20px;
	}
	.logoWrap > a,
	.logoWrap > img{
		width: 45%;
		height: auto;
	}
	.logoWrap > a > img{
		width: 100%;
		height: auto;
	}
	.logoWrap a + img{
		margin-left: 5%;
	}
	
	
	/*メンバー企業*/
	.member{
		padding: 10px 0 30px;
    	min-height: auto;
    	border: none;
    	width: 100%;
    	margin: 40px auto 0px;
	}
	.memberBtn{
		background-color: #eee;
    	padding: 5px 0px 30px 0px;
	}
	.member .logoWrap{
		padding: 0;
        margin-top: 0;
	}
	.member .logoWrap > a,
	.member .logoWrap > img{
		width: 45%;
		height: auto;
	}
	.member .logoWrap > a > img{
		width: 100%;
		height: auto;
	}
	.member .logoWrap a + img{
		margin-left: 5%;
	}
	.member p{
		padding: 0 20px;
		margin-top: 20px;
	}
	p.memberDes{
		background-color: #eee;
		padding: 5px 20px 10px;
		margin-top: 15px !important;
	}
    .member .basewrap{
        margin-top: 20px;
    }
	.memberDes > br{
		display: none;
	}
	.memberDes > br.all{
		display: block;
	}
	.ml30_pc{
		margin-left: 0;
	}
	.mr_sfp_sp{
		margin-right: 25px;
	}
	.mt_clooc_sp{
		margin-top: 20px;
	}
	.fw_b_n{
		margin-top: 0 !important;
	}
	.member_mt_sp{
		margin-top: 30px;
	}
}

@media screen and (max-width: 479px){
	/*メンバー企業*/
	.fs_sp{
		font-size: 22px !important;
	}
    .member > p.memberHead{
        line-height: 25px;
        margin-bottom: 10px;
    }
	.br_sp{
		display: inherit;
	}
	.mr_sfp_sp{
		margin-right: 10px;
	}
	.mt_clooc_sp{
		margin-top: 10px;
	}
	.none_sp{
		display: none;
	}
	.member h2.title img{
		width: 95%;
	}
}
	
@media screen and (max-width: 320px){
	/*メンバー企業*/
	.member p.joh-smileHead{
		margin-top: 0;
	}
	p.memberDes{
		padding: 0 20px;
	}
}