#products {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#products .subtitle {
	max-width: 1014px;
	margin-right: auto;
	margin-left: auto;
	width: 60%;
	text-align: center;
	margin-bottom: 60px;
}
#products .subtitle .jp {
	font-size: 24px;
	line-height: 36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#products .subtitle .eng {
	font-size: 24px;
}
 .loop_css4 {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	width: 100vw;
	left: 50%;
	margin-left: -50vw;
	overflow: hidden;
	margin-bottom: 100px;
  }

  .loop_css4 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .loop_css4 li {
    display: inline-block;
    width: calc(100vw / 4);
    margin: 0 20px 0 0;
    list-style: none;
    text-align: center;
  }

  .loop_css4 li a {
    display: block;
  }

  .loop_css4 li img {
    display: block;
    width: 100%;
    height: auto;
  }

  .loop_css4 li a:hover {
    opacity: .7;
  }

  .loop_css4 ul:first-child {
    -webkit-animation: loop 50s -25s linear infinite;
    animation: loop 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .loop_css4 ul + ul {
    -webkit-animation: loop2 50s  linear infinite;
    animation: loop2 50s linear infinite;
  }

  .loop_css4:hover ul {
    animation-play-state: paused;
  }
/*アニメーション*/
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop4 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

@keyframes loop4 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

#newscom {
	width: 90%;
	max-width: 1014px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
}
#newscom a:link{
	COLOR:#ffffff;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

#newscom a:visited{
	COLOR:#ffffff;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#newslist .list {
	padding-bottom: 10px;
	overflow: hidden;
}

#products .category {
	max-width: 1014px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 60px;
}

#products .pict {
	border: 1px solid #333333;
}
#recruit {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	background-color: #E4E4E4;
}
#recruit .subtitle .jp {
	font-size: 24px;
	line-height: 36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#recruit .subtitle .eng {
	font-size: 24px;
}
#recruit .midashi {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 60px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#recruit .com {
	line-height: 36px;
	margin-bottom: 30px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
#recruit a:link{
	COLOR:#333333;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

#recruit a:visited{
	COLOR:#333333;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#recruit a:hover{
	COLOR:#FF0000;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

#movie {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
#movie .photo {
	text-align: right;
}
#movie .photo .comment {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #877B47;
	color: #FFFFFF;
}

#movie .midashi {
	line-height: 36px;
	text-align: center;
	width: 96%;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#movie .small {
	font-size: 14px;
}
#movie a:link{
	COLOR:#ffffff;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

#movie a:visited{
	COLOR:#ffffff;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#movie a:hover{
	COLOR:#FF6600;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

#summary {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
#summary .subtitle {
	max-width: 1014px;
	margin-right: auto;
	margin-left: auto;
	width: 60%;
	text-align: center;
	margin-bottom: 60px;
}
#summary .subtitle .jp {
	font-size: 24px;
	line-height: 36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#summary .subtitle .eng {
	font-size: 24px;
}
#summary #piclist {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}






/*  -----------------------------------------------------------------------------------------------------------  */
/*  画面サイズが480pxまで  */
@media screen and (max-width:480px){
#news {
	display: none;
}
#news-mb {
	position: static;
	width: 100%;
	color: #000000;
	margin-bottom: 20px;
}
#newscom .midashi {
	float: none;
	vertical-align: middle;
	width: 80%;
	font-size: 24px;
	line-height: 36px;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	overflow:hidden;
}
#newsbt {
	margin-top: 10px;
	border: 1px solid #333333;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	width: 30%;
	float: right;
	color: #333333;
}
#newslist {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#newslist .date {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#newslist .col {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 1em;
}
#newscom .button {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#newscom #contactbt {
	text-align: center;
	padding-top: 5px;
	padding-right: 3em;
	padding-bottom: 5px;
	padding-left: 3em;
	border: 1px solid #333333;
	color: #333333;
	margin-bottom: 1em;
}
#newscom #onlinebt {
	text-align: center;
	padding-top: 5px;
	padding-right: 3em;
	padding-bottom: 5px;
	padding-left: 3em;
	border: 1px solid #333333;
	color: #333333;
	margin-bottom: 1em;
}
#newscom a:link{
	COLOR:#333333;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

#newscom a:visited{
	COLOR:#333333;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#newscom a:hover{
	COLOR:#FF6600;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#products .p-left {
	float: none;
	width: 80%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: right;
}
#products .p-center {
	float: none;
	width: 80%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: right;
}
#products .p-right {
	float: none;
	width: 80%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: right;
}
#products  .p-left .caption, #products  .p-center .caption {
	width: 50%;
	position: absolute;
	top: 10px;
	padding-top: 30px;
	padding-left: 10px;
	text-align: left;
}
#products  .p-right .caption {
	width: 50%;
	position: absolute;
	top: 10px;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
}
#products #slide {
	display: none;
}
#recruit .photo {
	text-align: right;
}
#recruit .photo .comment {
	max-width: 1016px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
#recruit .subtitle {
	max-width: 1014px;
	margin-right: auto;
	margin-left: auto;
	width: 60%;
	text-align: center;
	margin-bottom: 60px;
	padding-top: 20px;
}
#recruit .midashi {
	text-align: left;
}
#recruit .com {
	text-align: left;
}
#recruit .button {
	text-align: center;
	border: 1px solid #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 10px;
}
#piclist .pic1 {
	float: none;
	width: 100%;
	position: relative;
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
}
#piclist .ggmap {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#movie .midashi {
	font-size: 18px;
}
#movie .midashi .st {
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#movie .midashi .lg {
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ggmap {
position: relative;
padding-top: 50%;
height: 0;
overflow: hidden;
}
.ggmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#piclist .pic2 {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#piclist .pic1 .caption {
	position: absolute;
	z-index: 50;
	top: 50%;
	background: rgba(255,255,255,0.75);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #333333;
	left: 30%;
}
}

@media screen and (min-width:480px) and (max-width:600px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
#news {
	display: none;
}
#news-mb {
	position: static;
	width: 100%;
	color: #333333;
	margin-bottom: 20px;
}
#newscom .midashi {
	float: none;
	vertical-align: middle;
	width: 80%;
	font-size: 24px;
	line-height: 36px;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	overflow:hidden;
}
#newsbt {
	margin-top: 10px;
	border: 1px solid #333333;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	width: 30%;
	float: right;
	color: #333333;
}
#newslist {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#newslist .date {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#newslist .col {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 1em;
}
#newscom .button {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	color: #333333;
}
#newscom #contactbt {
	text-align: center;
	padding-top: 5px;
	padding-right: 3em;
	padding-bottom: 5px;
	padding-left: 3em;
	border: 1px solid #333333;
	color: #333333;
	margin-bottom: 1em;
}
#newscom #onlinebt {
	text-align: center;
	padding-top: 5px;
	padding-right: 3em;
	padding-bottom: 5px;
	padding-left: 3em;
	border: 1px solid #333333;
	color: #333333;
	margin-bottom: 1em;
}
#newscom a:link{
	COLOR:#333333;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

#newscom a:visited{
	COLOR:#333333;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#newscom a:hover{
	COLOR:#FF6600;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#products .p-left {
	float: none;
	width: 60%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: right;
}
#products .p-center {
	float: none;
	width: 60%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: right;
}
#products .p-right {
	float: none;
	width: 60%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: right;
}
#products  .p-left .caption, #products  .p-center .caption {
	width: 50%;
	position: absolute;
	top: 10px;
	padding-top: 30px;
	padding-left: 10px;
	text-align: left;
}
#products  .p-right .caption {
	width: 50%;
	position: absolute;
	top: 10px;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
}
#products #slide {
	display: none;
}
#recruit .photo {
	text-align: right;
}
#recruit .photo .comment {
	max-width: 1016px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
#recruit .subtitle {
	max-width: 1014px;
	margin-right: auto;
	margin-left: auto;
	width: 60%;
	text-align: center;
	margin-bottom: 60px;
	padding-top: 20px;
}
#recruit .midashi {
	text-align: left;
}
#recruit .com {
	text-align: left;
}
#recruit .button {
	text-align: center;
	border: 1px solid #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 10px;
}
#piclist .pic1 {
	float: none;
	width: 100%;
	position: relative;
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
}
#piclist .ggmap {
	float: left;
	width: 48%;
}
#movie .midashi {
	font-size: 18px;
}
#movie .midashi .st {
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#movie .midashi .lg {
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ggmap {
position: relative;
padding-top: 50%;
height: 0;
overflow: hidden;
}
.ggmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#piclist .pic2 {
	float: left;
	width: 50%;
}
#piclist .pic3 {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}



#piclist .pic1 .caption {
	position: absolute;
	z-index: 50;
	top: 50%;
	background: rgba(255,255,255,0.75);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #333333;
	left: 30%;
}
}

@media screen and (min-width:600px) and (max-width:960px) {
    /*　画面サイズが600pxから960pxまではここを読み込む　*/

#news {
	z-index: 200;
	left: auto;
	right: auto;
	background: rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	position: relative;
	top: 74vh;
	width: 100%;
	color: #FFFFFF;
 }
#news-mb {
	display: none;
}
#newscom {
	overflow: scroll;
	height: 200px;
}
#newscom .midashi {
	float: none;
	vertical-align: middle;
	width: 70%;
	font-size: 24px;
	line-height: 36px;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
#newsbt {
	margin-top: 10px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	width: 25%;
	float: right;
	overflow:hidden;
}
#newslist {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	overflow:hidden;
}
#newslist .date {
	float: left;
	width: 15%;
}
#newslist .col {
	float: left;
	width: 80%;
}

#newscom .button {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	color: #333333;
}
#newscom #contactbt {
	text-align: center;
	padding-top: 5px;
	padding-right: 3em;
	padding-bottom: 5px;
	padding-left: 3em;
	border: 1px solid #FFFFFF;
	margin-bottom: 1em;
}
#newscom #onlinebt {
	text-align: center;
	padding-top: 5px;
	padding-right: 3em;
	padding-bottom: 5px;
	padding-left: 3em;
	border: 1px solid #FFFFFF;
	margin-bottom: 1em;
}
#products .p-left {
	float: left;
	width: 30%;
	position: relative;
	margin-right: 2%;
}
#products .p-center {
	float: left;
	width: 30%;
	position: relative;
	margin-right: 2%;
}
#products .p-right {
	float: left;
	width: 30%;
	position: relative;
}
#products  .p-left .caption, #products  .p-center .caption {
	width: 50%;
	position: absolute;
	top: 10px;
	padding-top: 5px;
	padding-left: 10px;
}
#products  .p-right .caption {
	width: 50%;
	position: absolute;
	top: 10px;
	padding-top: 5px;
	padding-left: 10px;
}
#recruit .photo {
	text-align: right;
}
#recruit .photo .comment {
	max-width: 1016px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
#recruit .subtitle {
	max-width: 1014px;
	margin-right: auto;
	margin-left: auto;
	width: 60%;
	text-align: center;
	margin-bottom: 60px;
	padding-top: 20px;
}
#recruit .midashi {
	text-align: center;
}
#recruit .com {
	text-align: center;
}
#recruit .button {
	text-align: center;
	border: 1px solid #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 10px;
}
#piclist .pic1 {
	float: none;
	width: 100%;
	position: relative;
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
}
#piclist .ggmap {
	float: left;
	width: 48%;
}
#movie .midashi {
	font-size: 24px;
}
#movie .midashi .st {
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#movie .midashi .lg {
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ggmap {
position: relative;
padding-top: 50%;
height: 0;
overflow: hidden;
}
.ggmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#piclist .pic2 {
	float: left;
	width: 50%;
}
#piclist .pic3 {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}



#piclist .pic1 .caption {
	position: absolute;
	z-index: 50;
	top: 50%;
	background: rgba(255,255,255,0.75);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #333333;
	left: 30%;
}
	}

@media screen and (min-width:960px) and (max-width:1280px) {
    /*　画面サイズが960pxから1280pxまではここを読み込む　*/
#news {
	z-index: 200;
	left: auto;
	right: auto;
	background: rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	position: relative;
	top: 74vh;
	width: 100%;
	color: #FFFFFF;
}
#news-mb {
	display: none;
}
#newscom .midashi {
	float: left;
	vertical-align: middle;
	width: 15%;
	font-size: 24px;
	line-height: 36px;
	padding-top: 2em;
}
#newsbt {
	margin-top: 10px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	width: 80%;
}
#newslist {
	float: left;
	padding-left: 2em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	width: 50%;
	overflow:hidden;
}
#newslist .date {
	float: left;
	width: 15%;
}
#newslist .col {
	float: left;
	width: 80%;
}
#newscom .button {
	float: right;
	margin-top: 1em;
	width: 30%;
}
#newscom #contactbt {
	text-align: center;
	padding-top: 5px;
	padding-right: 3em;
	padding-bottom: 5px;
	padding-left: 3em;
	border: 1px solid #FFFFFF;
	margin-bottom: 1em;
}
#newscom #onlinebt {
	text-align: center;
	padding-top: 5px;
	padding-right: 3em;
	padding-bottom: 5px;
	padding-left: 3em;
	border: 1px solid #FFFFFF;
	margin-bottom: 1em;
}

#products .p-left {
	float: left;
	width: 30%;
	position: relative;
	margin-right: 2%;
}
#products .p-center {
	float: left;
	width: 30%;
	position: relative;
	margin-right: 2%;
}
#products .p-right {
	float: left;
	width: 30%;
	position: relative;
}
#products  .p-left .caption, #products  .p-center .caption {
	width: 40%;
	position: absolute;
	top: 10px;
	padding-top: 50px;
	padding-left: 10px;
}
#products  .p-right .caption {
	width: 40%;
	position: absolute;
	top: 10px;
	padding-top: 20px;
	padding-left: 10px;
}
#recruit .subtitle {
	max-width: 1014px;
	width: 60%;
	text-align: center;
	margin-bottom: 60px;
}
#recruit .photo {
	text-align: right;
	position: relative;
	z-index: 1;
}
#recruit .photo .comment {
	position: absolute;
	z-index: 20;
	left: auto;
	top: 25px;
	right: auto;
	max-width: 1016px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#recruit .midashi {
	text-align: left;
}
#recruit .com {
	text-align: left;
}
#recruit .button {
	text-align: center;
	border: 1px solid #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
	display: block;
	background: rgba(255,255,255,0.5);
	margin-bottom: 10px;

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	margin-left: 5%;
}
#piclist .pic1 {
	float: left;
	width: 50%;
	position: relative;
	z-index: 1;
}
#piclist .ggmap {
	float: left;
	width: 24%;
}
#movie .midashi {
	font-size: 14px;
}
#movie .midashi .st {
	float: left;
	width: 16%;
	text-align: center;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	line-height: 1;
}
#movie .midashi .lg {
	float: left;
	width: 17%;
	text-align: center;
	display: block;
	line-height: 1;
}

.ggmap {
position: relative;
padding-top: 25%;
height: 0;
overflow: hidden;
}
.ggmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#piclist .pic2 {
	float: left;
	width: 24%;
}
#piclist .pic1 .caption {
	position: absolute;
	z-index: 50;
	left: 50%;
	top: 50%;
	right: 50%;
	background: rgba(255,255,255,0.75);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #333333;
}

}
@media screen and (min-width:1280px) {
    /*　画面サイズが1280pxからはここを読み込む　*/

#news {
	z-index: 200;
	left: auto;
	right: auto;
	background: rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	position: relative;
	top: 74vh;
	width: 100%;
	color: #FFFFFF;
}



#news-mb {
	display: none;
}
#newscom .midashi {
	float: left;
	vertical-align: middle;
	width: 15%;
	font-size: 24px;
	line-height: 36px;
	padding-top: 2em;
}
#newsbt {
	margin-top: 10px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	width: 80%;
}
#newslist {
	float: left;
	padding-left: 2em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	width: 55%;
	overflow:hidden;
}
#newslist .date {
	float: left;
	width: 15%;
}
#newslist .col {
	float: left;
	width: 80%;
}
#newscom .button {
	float: right;
	margin-top: 1em;
	width: 25%;
}
#newscom #contactbt {
	text-align: center;
	padding-top: 5px;
	padding-right: 3em;
	padding-bottom: 5px;
	padding-left: 3em;
	border: 1px solid #FFFFFF;
	margin-bottom: 1em;
}
#newscom #onlinebt {
	text-align: center;
	padding-top: 5px;
	padding-right: 3em;
	padding-bottom: 5px;
	padding-left: 3em;
	border: 1px solid #FFFFFF;
	margin-bottom: 1em;
}
#products .p-left {
	float: left;
	width: 30%;
	position: relative;
	margin-right: 2%;
}
#products .p-center {
	float: left;
	width: 30%;
	position: relative;
	margin-right: 2%;
}
#products .p-right {
	float: left;
	width: 30%;
	position: relative;
}
#products  .p-left .caption, #products  .p-center .caption {
	width: 40%;
	position: absolute;
	top: 10px;
	padding-top: 50px;
	padding-left: 10px;
}
#products  .p-right .caption {
	width: 40%;
	position: absolute;
	top: 10px;
	padding-top: 20px;
	padding-left: 10px;
}
#recruit .subtitle {
	max-width: 1014px;
	width: 60%;
	text-align: center;
	margin-bottom: 60px;
}
#recruit .photo {
	text-align: right;
	position: relative;
	z-index: 1;
}
#recruit .photo .comment {
	position: absolute;
	z-index: 20;
	left: auto;
	top: 25px;
	right: auto;
	max-width: 1016px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#recruit .midashi {
	text-align: left;
}
#recruit .com {
	text-align: left;
}
#recruit .button {
	text-align: center;
	border: 1px solid #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
	display: block;
	background: rgba(255,255,255,0.5);
	margin-bottom: 10px;

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	margin-left: 5%;
}




#piclist .pic1 {
	float: left;
	width: 50%;
	position: relative;
	z-index: 1;
}
#piclist .ggmap {
	float: left;
	width: 24%;
}
#movie .midashi {
	font-size: 18px;
}
#movie .midashi .st {
	float: left;
	width: 16%;
	text-align: center;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#movie .midashi .lg {
	float: left;
	width: 17%;
	text-align: center;
	display: block;
	line-height: 1;
}


.ggmap {
position: relative;
padding-top: 25%;
height: 0;
overflow: hidden;
}
.ggmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#piclist .pic2 {
	float: left;
	width: 24%;
}
#piclist .pic1 .caption {
	position: absolute;
	z-index: 50;
	left: 50%;
	top: 50%;
	right: 50%;
	background: rgba(255,255,255,0.75);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #333333;
}
	}

/*  -----------------------------------------------------------------------------------------------------------  */
#products .cat {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}