@charset "utf-8";
/* CSS Document */

body{
    scroll-behavior: smooth;
}

.go-top{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 60px; //ボタンの横サイズ
    height: 60px; //ボタンの縦サイズ
    text-align: center;
    background: #000; //ボタンの色
}

.go-top a{
    fill: #FFF; //矢印の色
    line-height: 60px;
    display: inline-block;
    width: 100%;
	text-align: center;
}

.go-top svg{
    padding: 18px 0;
}

html {
 scroll-behavior: smooth;
 -webkit-overflow-scrolling: touch;
}


body {
	border-top: solid 6px #00a040;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;

}
img {
	max-width: 100%;
	height: auto;
}

address a{
	text-decoration: none;
	color: #000;
	font-style: normal;
}
/*
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
li{
	line-height: 4rem;
}
*/


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　header　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#header_h1-tel{
	max-width: 1340px;
	margin: auto;
	padding: 0 1%;
	display: flex;
	justify-content: space-between;
}
h1 {
    display: inline-block;
	font-weight: normal;
    color: #333;
    padding: 0;
    margin: 0;
	font-size: 0.8rem;
	line-height: 3rem;
}
address{
	display: inline-block;
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: bold;
	margin-top: 0.3rem;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　メニュー　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*
#header_320 { display: none !important; }
　ハンバーガー非表示　*/

#header_768 {
	
	}

/*　ロゴとメニュー枠　*/
#header_logo-navi{
	max-width: 1340px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

/*　ロゴ　*/
img#logo{
	height: auto;
	max-width: 100%;
}

/*　グローバルメニュー枠　*/
nav{
}
nav#navi-right ul{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
}
nav#navi-right ul li{
	line-height: 4rem;
	padding: 0.5rem 0.8rem;
	font-size: 0.875rem;	
}

nav#navi-right ul li a {
	text-decoration: none;
	color: #000;
	display: inline-block;
    position: relative;
	}

nav#navi-right ul li a:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 4px;
	background: #00a040;
	transform: scale(0, 1);
	transform-origin: left;
	transition: 0.4s;
}
nav#navi-right ul li a:hover:before {
	transform: scale(1);
}


nav ul li#navi_contact{
	background-color: #00a040;
	color: #fff;
	text-align: center;
}
nav ul li#navi_contact a {
    display: block;
	text-decoration: none;
	color: #fff;
	line-height: 2rem;
	}
/*	
div{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    height: 25px;
    font-size: 24px;
}

nav ul li#navi_contact a{
    display: inline-block;
    position: relative;
    text-decoration: none;
	}
nav ul li#navi_contact a before{
        content: "";
        position: absolute;
        left: 0;
        bottom: -4px;
        width: 100%;
        height: 3px;
        background: #00a040;
        transform: scale(0,1);
        transform-origin: left;
        transition: 0.4s;
    }
nav ul li#navi_contact a hover:before{
        transform: scale(1);
    }
*/
	
nav ul li#navi_contact img{
	max-width: 30px;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　contents　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	


/*　ここからカルーセル  https://weblasts.com/?p=760　*/

.slide {
  position: relative;
  width: 100%;

  height: 38vw;
  max-height: 500px;
  overflow: hidden;
}

@keyframes slideshow {
 0%{
    opacity: 0;
  }
  
 5%{
    opacity: 1;
  }
 25%{
    opacity: 1;
  }
 30%{
    opacity: 0;
  }

 100%{
    opacity: 0;
  }
}

 
.slide img {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation :slideshow 20s linear infinite;
}


.slide img:nth-child(2){
  animation-delay: 5s;
}
.slide img:nth-child(3){
  animation-delay: 10s;
}
.slide img:last-child{
  animation-delay: 15s;
}

/*　ここまでカルーセル　*/


#contents {
	margin: auto;
    text-align : center;
}

article#top_mainvisual{ /* メイン画像 */
	max-width: 1340px;
	margin: auto;
}


/*　お知らせ　*/
article.bg_w-max{
	margin-bottom: 3%;
	margin: 0 auto 4rem auto;
}
article.bg_w-max p{
	margin: 2rem 0 0 3%;
}
#top_oshirase{ /* 幅1200*/
	margin: 2rem auto;
	max-width: 1200px;
}
#top_oshirase p{
	text-align: left;
	margin: 0 ;
	line-height: 2.5rem;
}

.w1200{ /* 幅1200*/
	margin: auto;
	max-width: 1200px;
}
.w1200 p{
	text-align: left;
	overflow-wrap: break-word;
	line-height: 1.5rem;
}

.w1200_flex{ /* 幅1200のコンテナ */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1200px;
	margin: auto;
	padding: 5px;
}

.kizai{
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
    flex-grow: 0;
	width: 23%;
	font-size: 0.9rem;
  }
.kizai p{
	margin: 0.5rem auto 2rem auto;
	text-align: center;
}
 

article.bg_g-max{ /*背景グレー*/
	background-color: #eee;
	width: 100%;
	height: auto;
	padding: 1rem 0 2rem 0;
	margin-bottom: 3rem;
}
p.text-center{
	text-align: center;
}


p.clear-link{
	text-align: right;
	font-size: 0.8rem;
}


article.bg_w-max#link{
	border-top: solid 3rem #eee;
	margin: auto;
}
article.bg_w-max img{
	max-width: 33%;
	float: left;
}
#link-box{
	max-width: 1000px;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#link-box img{
	margin: 1rem 0 1rem 0;
	max-width: 100%;
/*	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
    flex-grow: 0;
*/
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　footer　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
footer{
    padding : 2rem 0;/*24/16px*/
    text-align : center;
    margin: 0rem auto;
    background-color: #eeeeee;
}
footer img#footer-logo{
	max-width: 90%;
	margin: 1rem auto 1.5rem auto;
}


article#footer-box{
	max-width: 900px;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}

.box-a{
	flex: 2;
	font-size: 1.6rem;
	font-weight: bold;
	margin-left: 5rem;
	display: flex;
	flex-direction: column;
}
.box-a p{
	font-weight: normal;
	font-size: 1.1rem;
}
.box-a a{
	color: #000;
	text-decoration: none;
	font-size: 2rem;
	letter-spacing: 0.1em;
	font-weight: 600;
}

.hoge {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.hoge a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.box-b{
	flex: 1;
	background-color: #00a040;
	margin: auto 3%;
	flex-basis: auto;
}
.box-b a{
	color: #fff;
	margin: auto 3%;
	font-size: 1rem;
	text-align: center;
	line-height: 4rem;
}
.box-b img{
	vertical-align: middle;
	}
.box-b span{
	vertical-align: middle;
	margin-left:1rem;
	}
.box-b p#mail{

}

.address-tel p{
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1.2rem;
}
.box-a p{
	
}

 
#footer-contact p{
	background-color: #00a040;
	color: #fff;
	padding: 0.3rem 1rem;
	max-width: 240px;
	margin: 0 0 2rem 2rem;
	width: 150%;
	line-height: auto;
}
#footer-contact img{
	max-width: 30px;
	margin-right: 1rem;
	max-height: 20px;
	vertical-align: middle;
}
#footer-contact a{
	text-decoration: none;
	color: #fff;
}



#footer-sitemap{
	clear: both;
	padding-top: 2rem;
	margin-top: 2rem;
	border-top: solid 1px #fff;
}
#footer-sitemap p{
	font-size: 0.9rem;
	line-height: 2rem;
}
#footer-sitemap p#copyright{
	margin-top: 3rem;
}
#footer-sitemap p a{
	color: #000;
	text-decoration: none;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　font　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*
h1 はheader内*/

h2 {
    font-weight: bold;
    margin: 0.5rem auto;
	padding: 1rem 0;
    text-align: center;
	font-size: 1.8rem;
    line-height: 4rem;
	letter-spacing: 0.3em;	
}
h2#g_border{
	border-bottom: solid 4px #00a040;
	margin: auto auto 2rem auto;
	max-width: 1200px;

}
h2#pankuzu{
	text-align: left;
	font-weight: normal;
	font-size: 0.8rem;
	line-height: 3rem;
}
h2#pankuzu a:hover{
	color: #00a040;
	text-decoration: underline;
}

p{
	line-height: 1.3rem;
}
p.bold{
	font-weight: bold;
}
a{
	text-decoration: none;
	color: #000;
}
/*
h3{
	text-align: center;
	font-size: 2rem;
	letter-spacing: 0.5rem;
	color: #fff;
	background-color: #00a040;
	line-height: 3rem;
}
*/
h3{
  padding: 1rem 2rem;
  color: #fff;
  background: #094;
  -webkit-box-shadow: 5px 5px 0 #007032;
  box-shadow: 5px 5px 0 #007032;
  font-size: 1.6rem;
  letter-spacing: 0.4rem;
}

/*
h4{
	border-bottom: solid 4px #00a040;
	line-height: 4rem;
	font-size: 1.3rem;
	padding-left: 2rem;
	max-width: 100%;
	margin: auto;
	margin-bottom: 1.3rem;
}
*/

h4{
/*	border-bottom: solid 4px #00a040;*/
	line-height: 2rem;
	font-size: 1rem;
	padding-left: 0;
	max-width: 100%;
	margin: 2rem auto 1rem auto;

}

h4::before{
    content:"■";
    font-size: 200%;
    margin-right: 5px;
	color: #00a040;
}

/*
h5{
  padding: 0.25rem 1rem;
  background: transparent;
  border-left: solid 5px #094;
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
}

h5{
  color: #494949;
  background: transparent;
  border-left: solid 5px #094;
  font-size: 1rem;
}
*/


h5{
	font-size: 1.5rem;
	font-family: serif;
	max-width: 100%;
	margin: auto;
	margin-bottom: 1.3rem;

	font-weight: bold;
　font-size: 2rem;
　font-weight: 500;
  margin-bottom: 0.75rem;
  color: #00a040;
}

p#top-main-text{
	text-align: center;
	font-weight: 500;
	font-size: 1.9rem;
	line-height: 6rem;
	font-family: serif;
	margin-bottom: 2.5rem;
	letter-spacing: 0.1rem;
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

-----------　下層ページ　-----------

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

article#w1340{
	max-width: 1340px;
	margin: auto;
}

/*下層の中身*/
.center-80{
	width: 80%;
	margin: 2rem auto 8rem auto;
}
.center-80 p{
	font-size: 0.9rem;
}


/*　レンタル機材　*/
.rental-kizai{
	border-collapse: collapse;
	width: 100%;
	margin: 1rem auto 8rem auto;
	}
.rental-kizai th,.rental-kizai td {
	padding: 1em 5%;
	border: 1px solid #aaa;
	vertical-align: top;
	text-align: left;
	font-size: 1rem;
	}
.rental-kizai th {
	background: #eee;
	width: 30%;
	}
.rental-kizai td {
	background: #fff;
	}
.rental-kizai td p{
	margin: 0;
	padding: 0;
	font-size: 1rem;
	}
 
.rental-kizai a{
	text-decoration: underline;
}


ul.ul-company{
	margin: auto;
	font-size: 1rem;
	padding-left: 1rem;
	line-height: 1.5rem;
}


 
 
.w80{
	margin: 0 auto 4rem 2rem;
}
.w80 p{
	font-size: 1rem;
}

p.big{
	font-size: 1.5rem;
}

a.link{
    text-decoration: underline;
	color:  #00a040;

}


/*　経営理念　*/
#rinen{
	text-align: center;
	background-color: #eee;
	max-width: 80%;
	margin: auto auto 2.5rem auto;
	padding: 2rem;
}
.rinen-in{
	width:;
	
}
.rinen-in h4{
	width: 100%;
	border-bottom: none;
	margin-bottom: 0.5rem;
}
.rinen-in p{
	font-size: 1rem;
	line-height: 1.8rem;
}

ul.ul-rinen{
	margin: auto;
	margin-bottom: 3rem;
	font-size: 0.9rem;
	line-height: 1.5rem;
}


/*□□□□□□□□お問い合わせフォーム□□□□□□□□□□*/
#toi_form{
	padding-top: 0.75rem;/*12*/
	padding-bottom: 0.75rem;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #ddf0e4;
}

#form-setsumei{
	background-color: #fff;
	width: 85%;
	margin-top: 0.75rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5rem;
	padding: 4%;
	border-radius: 10px;  /* CSS3草案 */  
    -webkit-border-radius: 10px;   /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

#form-setsumei{
	width: 74%;
	margin-top: 1.5rem;
	margin-bottom: 3rem;/*48*/
	padding: 1.5rem 5%;
}
p#form-setsumei{
	font-size: 0.875rem;/*14*/
	line-height: 1.285rem;/*18*/
}
.form01,.form02{
	width: 80%;
	margin: auto;
}
.form01 p,.form02 p{
	}
textarea,.form01 input,.form02 input{
	margin-bottom: 1.875rem;/*30*/
	
	}
.form div{
	text-align: center;
}
	
textarea,.form01 input,.form02 input,.form03 input{
	display: block;
	margin-bottom: 0rem;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	border: solid 2px #666;
	border-radius: 5px;  /* CSS3草案 */
	-webkit-border-radius: 5px;   /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	line-height: 1.5rem;
	text-align: left;
}

.form03 input,.form04 input{
	text-align: center;
	width: 80%;
	margin: auto;
}

.hissu,.hissu_nini{
	background-color: #00a040;
	font-size: 0.75rem;
	line-height: 1.3333rem;
	margin-right: 0.75rem;
	padding: 0.15rem 0.75rem;
	color: #ffffff;
	-webkit-border-radius: 5px;   /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	line-height: 1.333rem;
	width: 10%;
}
p.hissu{
	text-align:  center;
}

#soushinkanryou{
	width: 90%;
	margin: auto;
	text-align: center;
}

p#p01{
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	font-size: 1.1rem;
	padding-bottom: 0.5rem;
}
#privacy{
	width: 80%;
	margin: 5rem auto;
}


form#mail_form dt{
	font-weight: bold;
	margin: 2rem auto 0 auto;
}
form#mail_form dd{
	margin-top: 0.5rem;
}


/*　ここからレスポンシブテーブル　*/
#table-sp{
	display: none;
}
#table-sp2{
	display: none;
}
table.sample1 {
	width: 100%;
	margin: 0 0 3rem 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing:0px;
	font-size: 1rem;
	table-layout: fixed;
	}
table.sample1 tr{
	height: 4rem;
}
table.sample1 tr th,table.sample1 tr td {
	text-align: center;
	font-size: 1rem;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px;
	}
table.sample1 th {
	background: #eee;
	}
table.sample1 img{
	margin: 0;
	max-width: 100%;
}
table.sample1 tr td p{
	font-size: 1rem;	
	line-height: 1.5rem;
	margin: 0;
}

img.denyo{
    height: auto;
	max-width: 100%;
}

table.sp img.denyo-s{
	width: 40%;
    height: auto;
}

/***追従するトップへ戻るボタン***/
#page-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    background: #fff;
    color: #737373;
    padding: 10px;
    border: solid 1px;
    border-radius: 50%;
    box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
}
/***トップへ戻るボタンここまで***/

	
@media screen and (max-width: 600px) {  /*ここからメディアクエリ*/
.w1200{
	max-width: 600px;
	argin: auto;
}
.w1200_flex{ /* 幅1200のコンテナ */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 600px;
	margin: auto;
	padding: 5px;
}

#table-pc{
	display: none;
}
#table-sp{
	display: block;
}
table.sample1 {

	}
/*
table.sample1 thead {
	display: none;   theadは非表示に
	
	}*/
table.sample1 th {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background-color: #eee;
	}

table.sample1 tr {
	display: block;  /*trをブロックレベルに*/
	margin-bottom:.5em;
	border-bottom:1px solid #aaa;
	}
table.sample1 tr td {
	display:block;  /*tdをブロックレベルに（セルをやめる）*/
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom:none;
	line-height: 1.5rem;
	text-align: center;
	}
/*
table.sample1 tr td::before {   /*tdに擬似要素 ::before
	content: attr(aria-label);  /*aria-label属性の値をコンテンツに
	float: left;                /*テキストを左寄せにする
	font-weight:bold;
	padding-left:.7em
	}
table.sample1 tr td::after {   /*クリアフィックス（コレは不要かもしれません）
	content:"";
	display:table;
	clear:both;
	}
table.sample1 tbody th {
	display:block;  /*tbody内の thをブロックレベルに（セルをやめる）
	border:none;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	}
table.sample1 tbody th::before {
/*	content:"メーカー："  /*tbody内の thの前に エリア と追加
	}
table.sample1 tbody.areaA th {
    }
*/
table.sample1 img{
	margin: 0.5rem 0;
}

table.sp{
	border: solid 1px #888;
	border-bottom: solid 1px #888;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom; 2rem;
	font-size: 0.9rem;
	}
table.sp tr{
	border-bottom: solid 1px #ccc;
}

}
table.sp th{
	font-weight: bold;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #eee;
	}
table.sp td{
	border-bottom: solid 1px #ccc;
	text-align: center;
	}
table.sp img{
	margin: 0 auto;
	width: 60%;
	vertical-align: middle;
}

	
table.sp2{
	border: solid 1px #888;
	border-bottom: solid 1px #888;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom; 1rem;
	font-size: 0.8rem;

	}
table.sp2 tr{
	border-bottom: solid 1px #ccc;
}
table.sp2 th{
	font-weight: bold;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #eee;
	}
table.sp2 td{
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	text-align: center;
	}
table.sp2 p{
	line-height: 1.2rem;
	margin: 0;
}
table.sp2 

tr.bottom th,tr.bottom td{
	border-bottom: solid 1px #888;
}
table.sp2{
	border-right: solid 1px #888;
}

/*　ここまでレスポンシブテーブル */



#table-sp ul{
	font-size: 0.8rem;
	margin: 0;
	padding: 0 0 1rem 3rem;
	
	}

#table-sp li{
	line-height: 1.5rem;
}




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

.rental-kizai th,.rental-kizai td {
	display: block;
	width: auto;
	border-bottom: none;
	}
.rental-kizai tr:last-child {
	border-bottom: 1px solid #aaa;
	}
}