@charset "UTF-8";
/* CSS Document */
/*===================================================
    ページ個別設定レイアウト用CSS
    ページ独自のCSSはここに記述
===================================================*/


/*------------------------------------------------------------
	TOPページ　FV
------------------------------------------------------------*/
.mv {
	background: url("../img/top/FV.png")top center;
	background-size:cover;
    text-align: center;
	    padding: 250px 0 250px 0;
}
.nextevent {
	background:#2e3180;
	padding: 15px 0;
	text-align: center;
	margin-bottom: 100px;
}
@media only screen and (max-width: 767.98px){
	.mv img {
		width: 86%;
	}
	.nextevent img {
		width: 90%;
	}
	
}
/*------------------------------------------------------------
	TOPページ　FV
------------------------------------------------------------*/
#top-head {
	background:#fff;
	background:rgba(255,255,255,0.9);
	width:100%;
  /*overflow:hidden;*/
	position: fixed;
	z-index: 80;
}

.fv {
	background: url("../img/top/fv_bg.jpg")no-repeat center;
	background-size: cover;
	height: 916px;
	text-align: center;
	overflow: hidden;
	position: sticky;
	top: 0;
	z-index: 1;
	width: 100%;
	
}
.fv img.fvlogo {
	    padding-top: 370px;
}

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

  .fv {
    height:830px; 
  }
  .fv img.fvlogo {
	width: 60%;
  padding-top: 300px;
}
	.fv {
	background: url("../img/top/fv_SP.jpg")no-repeat center;
	background-size: cover;
  }
}


/*------------------------------------------------------------
	TOPページ　Feedonについて
------------------------------------------------------------*/
.top_about {
	/*background: #f5f5f5;*/
  background: url("../img/common/bg.jpg")center;
	padding: 10% 0;
	position: sticky;
    z-index: 2;
}
.top_aboutFlex {
	display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    /*max-width: 1000px;*/
    margin: 0 auto;
}
.top_aboutBox {
	width: 318px;
    padding: 0 2%;
}
.top_aboutBox .img100Box img{
	margin: 0 auto;
}

.top_aboutIn {
  
}
.top_about_p {
  text-align: center;
  padding: 0 0 70px 0;
  line-height: 2.1;
}

.top_aboutIn p.entitle {
	text-align: center;
    margin: 22px 0 0px 0;
    font-size: 1rem;
    font-weight: normal;
	width: auto;
}
.top_aboutIn h2 {
	text-align: center;
    margin: 10px 0 70px 0;
    font-size: 2rem;
    font-weight: normal;
}
.top_aboutBox h3 {
	text-align: center;
    margin: 22px 0 0px 0;
    font-size: 1rem;
    font-weight: normal;
  padding: 0;
}
.top_aboutBox h4 {
	text-align: center;
	margin: 0 0 15px 0;
  padding: 0;
  font-size: 1.4rem;
}
.top_aboutBox {
	position: relative;
    z-index: 1;
}
.top_aboutBox .btn01 a {
	width:80%;
}

.top_aboutBox a.allLink {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}



@media only screen and (max-width: 767.98px){
	.top_about {
		padding:25% 4% 1% 4%;
	}
	.top_aboutContainer {
	display: block;
		width: auto;
		margin: 0 5%;
	}
	.top_aboutContainer .top_aboutBox {
	width: auto;
    padding: 0;
	margin-bottom: 60px;
}
  .top_aboutFlex {
    display: block;
  }
  .top_aboutBox {
    width: auto;
    margin: 5% 2% 15% 2%;
  }
}


/*------------------------------------------------------------
	TOPページ　お知らせ
------------------------------------------------------------*/

.news {
	background: #f5f5f5;
	padding: 90px 0;
	position: sticky;
    z-index: 2;
}
.newsIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
}
.newsIn p.entitle {
	text-align: center;
    margin: 22px 0 0px 0;
    font-size: 1rem;
    font-weight: normal;
	width: auto;
}
.newsIn h2 {
	text-align: center;
    margin: 5px 0 70px 0;
    font-size: 2rem;
    font-weight: normal;
}
.newsIn h3 {
	color: #d0252c;
	  font-size: 0.9rem;
    font-weight: normal;
	padding: 20px 0 0 0;
}
.newsIn p {
	font-size: 1.0rem;
}
.newsArea {
	padding: 0 50px 50px 50px;
	background: #fff;
}
.newsBox {
	
	padding: 50px 0 20px 0;
	
}
@media only screen and (max-width: 767.98px){
.newsIn {
	width: auto;
	padding: 0 5%;
	}
	.newsArea {
		padding: 0 5% 5% 5%;
	}
}
/*------------------------------------------------------------
	TOPページ　SNS
------------------------------------------------------------*/

.sns {
	background: #fff;
	padding: 90px 0;
	position: sticky;
    z-index: 2;
}
.snsIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
	
}
.snsIn p.entitle {
	text-align: center;
    margin: 22px 0 0px 0;
    font-size: 1rem;
    font-weight: normal;
	width: auto;
}
.snsIn h2 {
	text-align: center;
    margin: 5px 0 70px 0;
    font-size: 2rem;
    font-weight: normal;
}
.snsIn h3 {
	color: #0082cc;
	    font-size: 1.2rem;
    font-weight: normal;
}
.snsIn p {
	font-size: 1.3rem;
}
.snsBox {
	display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    margin: 0 auto;
}
.snsL {
	float: left;
    width: 490px;
    border: 1px solid #eee;
    margin: 0 38px 0 0;
    background: #fff;
}
.snsR {
	float: left;
    width: 490px;
}
.snsR ul {
	margin: 10px 0 0px 0;
}
.snsR ul li {
	text-align: center;
	margin: 10px 0 0px 0;
}
@media only screen and (max-width: 767.98px){
.snsIn {
	width: auto;
	}
	.snsBox {
		display: block;
	}
	.snsR {
		margin: 20px 0 0 0;
		width: 100%;
	}
	.snsL{
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	    
}
.noBox {height: 200px;}
/*------------------------------------------------------------
	TOPページ　感染症対策
------------------------------------------------------------*/

.top_coronavirus {
	background: #f5f5f5;
	padding: 90px 0;
	position: sticky;
    z-index: 2;
}
.top_coronavirusIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
}
.top_coronavirusIn p.entitle {
	text-align: center;
    margin: 22px 0 0px 0;
    font-size: 1rem;
    font-weight: normal;
	width: auto;
}
.top_coronavirusIn h2 {
	text-align: center;
    margin: 5px 0 70px 0;
    font-size: 2rem;
    font-weight: normal;
}
.top_coronavirusIn p {
    margin: 50px auto;
    width: 67%;
}

@media only screen and (max-width: 767.98px){
.top_coronavirusIn {
	width: auto;
	margin: 0 5%;
	}
	.top_coronavirusIn p {
    width: 100%;
}
}
/*------------------------------------------------------------
	イベントプロデュース
------------------------------------------------------------*/
.fv_secound_event {
	background: url("../img/event/fv.jpg")no-repeat center;
	background-size: cover;
	height: 404px;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	
}
.fv_secound_event .entitle {
    margin-top: 200px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 1.8rem;
}
.fv_secound_event h2 {
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: 5px;
}

.event {
	background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 27%);
	padding: 90px 0;
	overflow: hidden;
}
.eventIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
	margin-bottom: 200px;
}
.eventIn .entitle {
	position: relative;
	z-index: 10;
}
.eventIn h3 {
	position: relative;
	z-index: 10;
}

.event p {
	margin: 2% auto;
	width: 100%;
}
.eventTitle {
	margin: 20% 0 0 0;
}
.eventTitle img {
	margin: 3% auto;
    display: block;
}

@media only screen and (max-width: 767.98px){
.eventIn {
	width: auto;
	margin: 0 5%;
	}
	.event p {
	width: auto;
}
	.event p.annotation {
	width: auto;
	margin-top: 10px;
}
}

/*------------------------------------------------------------
	水槽レンタル事業
------------------------------------------------------------*/
.fv_secound_rental {
	background: url("../img/rental/fv.jpg")no-repeat center;
	background-size: cover;
	height: 404px;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	
}
.fv_secound_rental .entitle {
    margin-top: 200px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 1.8rem;
}
.fv_secound_rental h2 {
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: 5px;
}

.rental {
	background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 27%);
	padding: 90px 0;
	overflow: hidden;
}
.rentalIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
	margin-bottom: 200px;
}
.rentalIn .entitle {
	position: relative;
	z-index: 10;
}
.rentalIn h3 {
	position: relative;
	z-index: 10;
	margin: 40px 0 0 0;
}
.rentalIn h4 {
	margin: 20px 0 0 0;
}
.rental p {
	margin: 2% auto;
	width: 100%;
}
.rentalTitle {
	margin: 20% 0 0 0;
}
.rentalTitle img {
	margin: 3% auto;
    display: block;
}

@media only screen and (max-width: 767.98px){
.rentalIn {
	width: auto;
	margin: 0 5%;
	}
	.rental p {
	width: auto;
}
	.rental p.annotation {
	width: auto;
	margin-top: 10px;
}
}

/*------------------------------------------------------------
	店舗紹介
------------------------------------------------------------*/
.fv_secound_shop {
	background: url("../img/shop/fv.jpg")no-repeat center;
	background-size: cover;
	height: 404px;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	
}
.fv_secound_shop .entitle {
    margin-top: 200px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 1.8rem;
}
.fv_secound_shop h2 {
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: 5px;
}

.shop {
	background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 27%);
	padding: 90px 0;
	overflow: hidden;
}
.shopIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
	margin-bottom: 200px;
}
.shopIn .entitle {
	position: relative;
	z-index: 10;
}
.shopIn h3 {
	position: relative;
	z-index: 10;
}

.shop p {
	margin: 2% auto;
	width: 100%;
}
.shopTitle {
	
}
.shop-detail-header {
    display: table;
    margin: 0 auto;
    padding: 0 0 80px;
    width: 1080px;
  padding-top: 100px;
	margin-top: 0;
}
.shop-detail-header > * {
    display: table-cell;
    vertical-align: top;
	width: 500px;
}

.shop-detail-header-left h1 {
    padding-right: 40px;
    font-size: 28px;
    line-height: 42px;
}
.shop-detail-header-left dl {
    overflow: hidden;
    padding: 40px 40px 0 0;
    zoom: 1;
}
.shop-detail-header-left dl > * {
      font-size: 14px;
      line-height: 26px;
}
.shop-detail-header-left dl dt {
      clear: left;
      float: left;
      font-weight: bold;
      padding: 3px 0;
      position: relative;
      width: 77px;
}
.shop-detail-header-left dl dt:after {
        content: ":";
        display: inline-block;
        position: absolute;
        top: 2px;
        right: 0;
}
.shop-detail-header-left dl dd {
      padding: 3px 0 3px 20px;
      margin-left: 77px;
}
.shop-detail-header-left dl dd a {
        text-decoration: underline;
}
.shop-detail-header-left .address {
    display: inline;
    padding: 0 5px 0 0;
}
.shopDetailInfoArea {
    box-sizing: border-box;
    margin-top: 25px;
    padding-right: 80px;
}
.shopDetailInfoArea__title {
      background-color: #666;
      border-radius: 2px;
      box-sizing: border-box;
      color: white;
      display: inline-block;
      font-size: 14px;
      font-weight: bold;
      height: 23px;
      line-height: 23px;
      margin-bottom: 15px;
      padding: 1px 15px 0;
      text-align: center;
}
.shopDetailInfoArea__content {
      font-size: 14px;
      line-height: 2;
}

@media only screen and (max-width: 767.98px){
.shopIn {
	width: auto;
	margin: 0 5%;
	}
	.shop p {
	width: auto;
}
	.shop-detail-header {
		width: 100%;
	}
	.shop-detail-header > * {
    display: block;
		width: 100%;
}
}
/*------------------------------------------------------------
	会社概要・特定商取引法
------------------------------------------------------------*/
.fv_secound_company {
	background: url("../img/company/fv.jpg")no-repeat center;
	background-size: cover;
	height: 404px;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	
}
.fv_secound_company .entitle {
    margin-top: 200px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 1.8rem;
}
.fv_secound_company h2 {
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: 5px;
}

.company {
	background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 27%);
	padding: 90px 0;
	overflow: hidden;
}
.companyIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
	margin-bottom: 200px;
}
.companyIn .entitle {
	position: relative;
	z-index: 10;
}
.companyIn h3 {
	position: relative;
	z-index: 10;
}

.company p {
	margin: 2% auto;
	width: 100%;
}
.eventTitle {
	margin: 20% 0 0 0;
}
.eventTitle img {
	margin: 3% auto;
    display: block;
}


.tableBox table {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	margin: 50px 0;
}
.tableBox table th {
	padding: 20px;
    text-align: left;
    vertical-align: middle;
    color: #666666;
    background: #eee;
    border-bottom: 1px dotted #999;
    border-left: 1px solid #ccc;
	width: 30%;
}
.tableBox table td {
	padding: 12px;
    border-bottom: 1px dotted #999;
    border-left: 1px solid #ccc;
	line-height: 1.4;
	vertical-align: middle;
}
.tableBox table td.time {
	line-height: 1.8;
}
.tableBox table span.senkou {
	background: #b58400;
	color: #fff;
	padding: 5px;
	margin-right: 7px;
}
.tableBox table span.normal {
	background: #000;
	color: #fff;
	padding: 5px;
	margin-right: 7px;
}

@media only screen and (max-width: 767.98px){
	.tableBox table {
		width: 100%;
	}
	
	.tableBox table th {
		display: block;
		width: 89%;
		padding: 8px 20px;
	}
	.tableBox table td {
		display: block;
		width: 93%;
	}
	.companyIn {
	width: auto;
	margin: 0 5%;
	margin-bottom: 100px;
	}
	.company p {
	width: auto;
}
	.company p.annotation {
	width: auto;
	margin-top: 10px;
}
}
/*------------------------------------------------------------
	採用情報
------------------------------------------------------------*/
.fv_secound_recruit {
	background: url("../img/recruit/fv.jpg")no-repeat center;
	background-size: cover;
	height: 404px;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	
}
.fv_secound_recruit .entitle {
    margin-top: 200px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 1.8rem;
}
.fv_secound_recruit h2 {
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: 5px;
}

.recruit {
	background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 27%);
	padding: 90px 0;
	overflow: hidden;
}
.recruitIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
	margin-bottom: 200px;
}
.recruitIn .entitle {
	position: relative;
	z-index: 10;
}
.recruitIn h3 {
	position: relative;
	z-index: 10;
  margin:40px 0 0 0;
}

.recruit p {
	margin: 2% auto;
	width: 100%;
}
@media only screen and (max-width: 767.98px){
.recruitIn {
	width: auto;
	margin: 0 5%;
	}
	.recruit p {
	width: auto;
}
	.recruit p.annotation {
	width: auto;
	margin-top: 10px;
}
}
/*------------------------------------------------------------
	会社概要
------------------------------------------------------------*/
.fv_secound_company {
	background: url("../img/company/fv.jpg")no-repeat center;
	background-size: cover;
	height: 404px;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	
}
.fv_secound_company .entitle {
    margin-top: 200px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 1.8rem;
}
.fv_secound_company h2 {
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: 5px;
}

.company {
	background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 27%);
	padding: 90px 0;
	overflow: hidden;
}
.companyIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
	margin-bottom: 200px;
}
.companyIn .entitle {
	position: relative;
	z-index: 10;
}
.companyIn h3 {
	position: relative;
	z-index: 10;
}

.company p {
	margin: 2% auto;
	width: 100%;
}
@media only screen and (max-width: 767.98px){
	
	.companyIn {
	width: auto;
	margin: 0 5%;
	margin-bottom: 100px;
	}
	.company p {
	width: auto;
}
	.company p.annotation {
	width: auto;
	margin-top: 10px;
}
}
/*------------------------------------------------------------
	特定商取引法
------------------------------------------------------------*/

.fv_secound_sub {
	background: #5c9e64;
	background-size: cover;
	height: 254px;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	width: 100%;
}
.fv_secound_sub .entitle {
    margin-top: 115px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 1.8rem;
}
.fv_secound_sub h2 {
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: 5px;
}

.legal {
	background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 27%);
	padding: 90px 0;
	overflow: hidden;
}
.legalIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
	margin-bottom: 200px;
}
.legalIn .entitle {
	position: relative;
	z-index: 10;
}
.legalIn h3 {
	position: relative;
	z-index: 10;
}

.legal p {
	margin: 2% auto;
	width: 100%;
}

@media only screen and (max-width: 767.98px){
	
	.legalIn {
	width: auto;
	margin: 0 5%;
	margin-bottom: 100px;
	}
	.legal p {
	width: auto;
}
	.legal p.annotation {
	width: auto;
	margin-top: 10px;
}
}
/*------------------------------------------------------------
	プライバシーポリシー
------------------------------------------------------------*/
.policy {
	background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 27%);
	padding: 90px 0;
	overflow: hidden;
}
.policyIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
	margin-bottom: 200px;
}
.policyIn .entitle {
	position: relative;
	z-index: 10;
}
.policyIn h3 {
	position: relative;
	z-index: 10;
}

.policy p {
	margin: 2% auto;
	width: 100%;
}
@media only screen and (max-width: 767.98px){
	
	.policyIn {
	width: auto;
	margin: 0 5%;
	margin-bottom: 100px;
	}
	.policy p {
	width: auto;
}
	.policy p.annotation {
	width: auto;
	margin-top: 10px;
}
}
/*------------------------------------------------------------
	お問い合わせ
------------------------------------------------------------*/
.contanct {
	background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 27%);
	padding: 90px 0;
	overflow: hidden;
}
.contanctIn {
	width: 1000px;
	margin: 0 auto;
    text-align: left;
	margin-bottom: 200px;
}
.contanctIn .entitle {
	position: relative;
	z-index: 10;
}
.contanctIn h3 {
	position: relative;
	z-index: 10;
}

.contanct p {
	margin: 2% auto;
	width: 100%;
}

@media only screen and (max-width: 767.98px){
	
	.contanctIn {
	width: auto;
	margin: 0 5%;
	margin-bottom: 100px;
	}
	.contanct p {
	width: auto;
}
	.contanct p.annotation {
	width: auto;
	margin-top: 10px;
}
}

/*------------------------------------------------------------
	NEWSページ
------------------------------------------------------------*/

.newsPage {
	background: rgb(247,247,247);
	overflow: hidden;
	padding-bottom: 200px;
}
.newsPageIn {
	width: 800px;
	margin: 0 auto;
    text-align: left;
}
.newsPageIn .entitle {
	position: relative;
	z-index: 10;
}
.newsPageIn h3 {
	position: relative;
	z-index: 10;
	margin: 60px auto 40px auto;
}
.newsPageIn h4 {
	padding: 1% 0 0 0;
}
.newsPage p {
	margin: 0 auto;
	margin-top: 4%;
	font-size: 0.9em;
}
.day {
	font-size: 0.9em;
}
.newsPage p.backPage {
	margin-top: 100px;
}
@media only screen and (max-width: 767.98px){
.newsPageIn {
	width: auto;
	margin: 0 5%;
	}
	.newsPage p {
	width: auto;
}
}

.traderTitle {
	margin: 100px 0 0 0;
	
}