@charset "utf-8";

/*+++++全体像+++++*/

body {
margin: 0;
	padding: 0px;
	color: #000;	
	background: #fff;	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-size: 14px;	
	}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {
	margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {
	list-style-type: none;}
ol {
	padding-left: 40px;padding-bottom: 15px;}
img {
	border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {
	border-collapse:collapse;font-size: 100%;border-spacing: 0;}
video {
	max-width: 100%;}
iframe {
	width: 100%;}


/*++++ヘッダー++++*/
.inn {
	width:980px;
 	margin: 0 auto; 
	padding: 0px 0px 10px 0px;
	}

.inn .hebox {
	float:left;	
	}

#se1 {
	font-size: 20px;
	float: left;
	}

#logo {
	width: 354px;
	height: 63px;
	clear: both;
	padding-top: 2px;
	padding-bottom: 10px;
	}

.inn ul.status {
	display: block;
	width: 315px;
	float: right;	
	}

.inn ul.status li {
	clear: both;
	float: left;	
	}

/*++++トップ画像++++*/

#mainimg {
	padding: 600px 0 0;		
    }

/*++++メニュー++++*/

#menu {
	
	width: 100%;
	height: 50px;
	clear: both;
	background-color: #002406;
	}

.fixed{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	}

nav#menulist{
	width:auto; margin: 0 auto;
	}

nav#menulist ul{	
	font-size: 20px;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	padding-top: 15px;
	text-align: center;
	letter-spacing: -4em;
	}
	
nav#menulist ul li {
	width: auto;
    display: inline;
	padding: 10px 30px 10px 30px;
	border-left: solid 1px #ffffff;
	letter-spacing: normal;
	}

nav#menulist ul li:hover {
	padding: 10px 30px 10px 30px;
	background-color: #009b62;
	}

nav#menulist ul li:nth-of-type(5) {
    border-right: solid 1px #ffffff;
    }

nav#menulist ul li a {
	color: #ffffff;
	text-decoration: none;
	}

.balo {
  position: relative;
  left: 64%;
  bottom: -23%;
  display: inline-block;
  background: #ff9158;
  border-radius: 20px;
  padding: 16px;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  text-align: center;
	line-height: 24px;
	filter: drop-shadow(5px 5px 5px darkgrey);
	animation: blinking 1s ease-in-out infinite alternate;
  z-index: 10;
}

/*緊急時のトップページz-index*/
/*.emergency {
  position: relative;
  width: 100%;
  margin: 0 auto;
  bottom: -80%;
  display: inline-block;
  background: #ff0000;
  border: 2px solid #ffffff;
  padding: 5px;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  z-index: 99;
}*/

/*safari対応cssハック*/
/*_::-webkit-full-page-media, _:future, :root .balo {
  position: relative;
  left: 64%;
  bottom: -23%;
  display: inline-block;
  background: #ff9158;
  border-radius: 20px;
  padding: 16px;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  text-align: center;
	filter: drop-shadow(5px 5px 5px darkgrey);
	animation: blinking 1s ease-in-out infinite alternate;
  z-index: 10;
}*/

.balo::before {
  content: "";
  /* borderで三角形を作る */
  border: 10px solid transparent;
  border-bottom: 10px solid #ff9158;
  /*border-style: solid;
  border-color: #ff9158 transparent transparent transparent;*/
  /* 配置する */
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
}

/*safari対応cssハック*/
/*_::-webkit-full-page-media, _:future, :root .balo::before {
  content: "";
  /* borderで三角形を作る */
  /*border: 10px solid transparent;
  border-bottom: 10px solid #ff9158;*/
  /* 配置する */
  /*position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
}*/

@keyframes blinking {
	0% {opacity: 0.65;}
	100% {opacity: 1;}
}

/*++++sectionフェード設定++++*/
.fadenav{
	animation: fadeIn 2s ease 0s 1 normal;
	}

 @keyframes fadeIn { from {
    opacity: 0;
	/*++++最初のフェードする配置++++*/
    transform: translateY(-20px);
 	}
 to {
     opacity: 1;
	 /*++++フェードする配置++++*/
     transform: translateY(0);
 	}
 }

.fadeIn_up {
	opacity: 0;
	transform: translate(0, 50%);
	transition: 2s;
	}
.fadeIn_up.is-show {
	transform: translate(0, 0);
	opacity: 1;
	}

/*++++見出し・タイトル++++*/

.info h2 {
	font-size: 35px;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	padding: 80px 0px 20px 0px;
	text-align: center;	
	}

.info h3 {
	font-size: 20px;
	padding: 0px 0px 20px 0px;
	text-align: center;
	line-height: 28px;
	border-bottom: solid 1px #002406;
	box-shadow: 5px 5px 10px -9px;
	}

#prolist {
	width:980px;
	margin: 0 auto; 
    padding: 0 auto;
	}

.product {
	width:245px;
	height: 80px;
	float: left;
	margin-top: 50px;
	}

.product img {
	float:left;
	filter:drop-shadow(3px 3px 5px #808080);
	}

.product h4 {
	font-size: 20px;
	color: #808080;
	float: left;
	margin: 25px 0px 0px 10px;
	}

/*++++経営理念背景++++*/

#topimg {
	width  : 980px;
	height: 200px;
	margin : 0 auto;
	padding-top: 70px;
	clear: both;
}

/*++++経営理念背景（PC版）++++*/

#topimg .paso {
	display: block !important;
	}

/*++++経営理念背景（スマホ版）++++*/

#topimg .suma {
	display: none !important;
	}

/*++++トピックス++++*/

.topix {
	width:700px;
	margin: 0 auto; 
    padding: 0 auto;
	}

.topix ul {
	font-size: 17px;
	margin-top: 18px;
	text-align: left;
	padding-left: 30px;
	}

.topix ul li {
	border-bottom: dotted 2px #002406;
	padding-top: 5px;
	padding-bottom: 5px;
	}

/*++++サンエイ外観画像++++*/

#downimg {
	width  : 980px;
	margin : 0 auto;
	padding-top: 30px;	
	clear: both;
	}

/*++++アクセス++++*/

#access {
	width:980px;
	margin: 0 auto; 
    padding: 30px 0px 0px 0px;
	}

/*++++フッター++++*/
.last {
	width: 100%;
	overflow: hidden;
	color: #fff;
	background-color: #002406;
	text-align: center;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	}

.footer_list {
	width: 630px;
	margin: 0 auto;
	padding: 0 auto;
	}

.footer_list .Bulletimg {
	width: 147px;
	padding: 0px;
	float: left;	
	}

.footer_list .Bullet_1 {
	color: #fff;
	width: 100%;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.footer_list .Bullet_1 a {
	color: #fff;
	text-decoration: none;
	}


.footer_list .Bullet_2 {
	color: #fff;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}



/*++++画面サイズ980px以下++++*/
@media screen and (max-width:980px){
	
.inn {
	width:100%;
	}

.inn .hebox {
	width: 55%;
	padding-top: 5px;
	padding-left: 10px;
	}


#se1 {
	font-size: 11px;
	}

#logo {
	width: 90%;
	height: auto;
	padding-top: 2px;
	padding-bottom: 3px;
	}
	
.inn ul.status {
	width: 40%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	}

.inn ul.status li {
	line-height: 17px;
	}

#mainimg {
	padding: 70% 0 0;
	}	

#menu {
	height: 40px;
	}
	
nav#menulist ul{
	font-size: 90%;
	padding-top: 12px;	
	}
	
/*safari対応cssハック*/
_::-webkit-full-page-media, _:future, :root nav#menulist ul {
	padding-top: 12px;
	}

.balo {
  left: 65%;
  padding: 12px;
  font-weight: bold;
  font-size: 100%;
  line-height: 20px;
}
	
.balo::before {
   /* borderで三角形を作る */
  border: 10px solid transparent;
  border-bottom: 10px solid #ff9158;
    /* 配置する */
  top: -25%;
  left: 55%;
 }
	


	
.info h2 {
	font-size: 33px;
	padding: 30px 0px 20px 0px;
	}

.info h3 {
	font-size: 20px;
	padding: 0px 30px 20px 30px;
	line-height: 30px;
	}
	
#prolist {
	width: 100%;
	}

.product {
	width:40%;
	margin-top: 6%;
	padding-left: 10%;
	}

.product img {
	width:30%;
	}

.product h4 {
	font-size: 17px;
	margin-top: 10%;
	margin-left: 3%;
	}

#topimg {
	width: 100%;
	height: auto;
	padding-top: 8%;
	}
	
.topix {
	width:100%;
	}

.topix ul {
	font-size: 14px;
	margin-top: 18px;
	text-align: left;
	padding-right: 30px;
	}

.topix ul li {
	border-bottom: dotted 2px #002406;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#access {
	width:85%;
    padding: 25px 30px 0px 30px;
	}

#downimg {
	width  : 100%;
	}	

.last {
	font-size: 91%;
	margin-top: 50px;
	}


.footer_list .Bulletimg {
	width: 25%;
	padding-left: 10px;
	}
	
}

/*++++画面サイズ680px以下++++*/
@media screen and (max-width:680px){

nav#menulist ul{
	padding-top: 12px;	
	}
	
nav#menulist ul li{
	padding-left: 15px;
	padding-right: 15px;
	}

nav#menulist ul li:hover {
	padding: 10px 15px 10px 15px;
	}
	
}

/*++++画面サイズ650px以下++++*/

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

.footer_list {
	width: 100%;
	padding: 0;
	}
	
.footer_list .Bulletimg {
	width: 25%;
	float: none;
	}

}
	


/*++++画面サイズ520px以下++++*/
@media screen and (max-width:520px){
	
.inn .hebox {
	width: 50%;
	padding-top: 5px;
	padding-left: 10px;	
	}

#se1 {
	width: 180%;
	font-size: 12px;	
	}

#logo {
	width: 105%;
	padding-top: 9px;
	}
	
.inn ul.status {
	width: 40%;
	padding-top: 27px;
	}

.inn ul.status li {
	line-height: 5px;
	}
	
.balo {
  left: 62%;
  padding: 10px;
  font-size: 75%;
  line-height: 16px;
}
	
.balo::before {
  /*border: 10px solid transparent;
  border-bottom: 10px solid #ff9158;*/
    /* 配置する */
  top: -30%;
  /*left: 55%;*/
 }	

/*safari対応cssハック*/
_::-webkit-full-page-media, _:future, :root nav#menulist{
	/*margin-left: 28px;*/
	display: block;
	width: 335px;
	margin: 0 auto;
	}
	
nav#menulist ul{
	font-size: 85%;
	padding-top: 13.5px;	
	}

/*safari対応cssハック*/
_::-webkit-full-page-media, _:future, :root nav#menulist ul {
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
nav#menulist ul li{
	padding-left: 10px;
	padding-right: 10px;
	}

/*safari対応cssハック*/
_::-webkit-full-page-media, _:future, :root nav#menulist ul li {
	float: left;
	}
	
nav#menulist ul li:hover {
	padding: 10px 10px 10px 10px;
	}
		
.info h2 {
	font-size: 25px;
	padding: 30px 0px 10px 0px;
	}

.info h3 {
	font-size: 15px;
	padding: 0px 30px 20px 30px;
	line-height: 25px;
	}

.product img {
	filter:drop-shadow(1.5px 1.5px 2.5px #808080);
	}
	
.product h4 {
	font-size: 12px;	
	}

#topimg {
	width: 100%;
	height: auto;
	padding-top: 5%;
	}
	
#topimg .paso {
	display: none !important;
	}

#topimg .suma {
	display: block !important;
	width: 100%;
	}
	
.topix ul {
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	}

.last {
	font-size: 80%;
	padding-top: 5px;
	padding-bottom: 10px;
	}
	
}

/*++++画面サイズ450px以下++++*/
@media screen and (max-width:450px){
	

	
nav#menulist ul{
	font-size: 77%; 
	padding-top: 13px;	
	}

nav#menulist ul li{
	padding-left: 5px;
	padding-right: 5px;
	}
	

	
nav#menulist ul li:hover {
	padding: 10px 5px 10px 5px;
	}
	
.last {
	font-size: 55%;
	}

.balo {
  font-size: 70%;
}

}
	
/*++++画面サイズ340px以下++++*/
@media screen and (max-width:340px){

nav#menulist ul{
	font-size: 55%; 
	}

nav#menulist ul li{
	padding-left: 2px;
	padding-right: 2px;
	}

nav#menulist ul li:hover {
	padding: 10px 2px 10px 2px;
	}

.balo {
  left: 60%;
  padding: 8px;
}
	
#logo {
	width: 100%;
	padding-top: 6px;
	}
	
#access {
    padding: 15px 20px 0px 20px;
	}	

.last {
	font-size: 48%;
	padding-top: 10px;
	padding-bottom: 10px;
	}
}