@charset "UTF-8";
/* CSS Document */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
*{
padding: 0;
margin: 0;
}
html {
font-size: 14px;
}
body{
background-color: #fff;
font-family: 'Noto Sans JP';
font-weight: 300;
text-align: center;
}
div{
line-height: 1.8em;
}
a, a:link, a:visited    {  
    text-decoration: none;  
    color: #000;
}  
a:hover {  
	text-decoration: underline;
    color: #000;
	opacity: 0.5 ;
}  
a:active    {  
    text-decoration: underline;  
    color: #000;  
	opacity: 0.5 ;
}
.yu-mincho{
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.Francois{
font-family: 'Francois One', sans-serif;
}
.oswald{
font-family: 'Oswald', sans-serif;
font-weight: 700;
}
img{
width: 100%;
}

/*box*/
.ll-box{
width: 100%;
margin: 0;
padding: 0;
}
.main-box{
width: 1100px;
margin: 0 auto;
padding: 0;
}
.m-box{
width: 900px;
margin: 0 auto;
padding: 0;
}
.s-box{
width: 700px;
margin: 0 auto;
padding: 0;
}


/*---index---*/
#top-img{
position: relative;
}
.top{
width: 230px;
background-color: rgba(0,0,0,0.5);
padding: 15px 10px;
position: absolute;
right:80px;
z-index: 9999;
}
.top h2 img{
width: auto;
}
.swiper-container {
      width: 100%;
    }
.swiper-container img{
      width: 100%;
    }
.swiper-pagination-bullet-active{
background: #262626;
}

#title{
margin-top: 40px;
}
#title h1{
display: inline-block;
width: 552px;
}
#title ul,li{
display: inline-block;
list-style: none;
}
#title ul,li{
font-size: 110%;
letter-spacing: 0.2em;
}
#title li span{
font-size: 60%;
color: #8EC43E;
}
#title li{
padding: 0 20px 0 25px;
}
#title li+ li {
border-left: 1px solid #727171;
}

#links{
margin-top: 50px;
}
#links ul,li{
display: inline-block;
list-style: none;
}
#links li{
width: 346px;
margin-right:25px;
vertical-align: top;
}
#links .last{
margin-right:0;
}
#links a:hover,a:active {  
	text-decoration: none;
	opacity:1;
}  
#links div{
width: 346px;
height: 226px;
position: relative;
}
#links .photo1{
background-image: url(../img/links01.png);
}
#links .photo2{
background-image: url(../img/links02.png);
}
#links .photo3{
background-image: url(../img/links03.png);
}
#links span{
display: block;
padding: 10px 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
color: #fff;
border: 4px #fff solid;
}
#links p{
background-color: #eaf3dd;
padding: 15px 20px;
text-align: left;
}
#links a:hover .photo1{
background-image: url(../img/links01_2.png)
}  
#links a:hover .photo2{
background-image: url(../img/links02_2.png)
}  
#links a:hover .photo3{
background-image: url(../img/links03_2.png)
}
#links a:hover span{
color: #000;
border: 4px #000 solid;
background-color: #8EC43E;
}  
#links a:hover p{
background-color: #8EC43E;
color: #fff;
}  

#midashi{
margin-top: 50px;
letter-spacing: 0.1em;
}
#midashi h2{
margin-top: 50px;
letter-spacing: 0.2em;
margin-bottom: 10px;
font-size: 150%;
}

hr{
margin: 50px auto 0;
width: 1100px;
background-color: #ccc;
}

#movie{
margin-top: 50px;
}

#bunner{
margin-top: 50px;
letter-spacing: 0.1em;
}
#bunner ul,li{
display: inline-block;
list-style: none;
}
#bunner li{
width: 240px;
margin: 0 10px;
}

/*footer*/
#footer{
margin-top: 50px;
}
.footer-link{
background-color: #8EC43E;
padding: 10px 0;
color: #fff;
letter-spacing: 0.2em;
}
#footer a{
color: #fff;
}
#footer h1{
margin-top: 20px;
font-size: 120%;
letter-spacing: 0.1em;
}
#footer p{
margin: 20px 0;
font-size: 80%;
letter-spacing: 0.1em;
}

/*factory*/
#title-img{
position: relative;
}
#f-title{
margin-top: 40px;
letter-spacing: 0.2em;
font-size: 180%;
margin-bottom: 40px;
}
#f-title p{
margin-top: 10px;
color: #8EC43E;
font-size: 50%;
font-weight: 500;
}
#shikiti{
margin-top: 40px;
}
#shikiti img{
width: 100%;
}
#shikiti ul,li{
display: inline-block;
list-style: none;
}
#shikiti li{
width: 535px;
vertical-align: top;
}
#shikiti table{
border-collapse: collapse;
text-align: left;
line-height: 1.5em;
}
#shikiti table th,td {
padding: 10px;
}
#shikiti table th {
border-top: 1px #000 solid;
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
background-color: rgba(142,196,62,0.3);
text-align: center;
}
#shikiti table td {
border-top: 1px #000 solid;
border-bottom: 1px #000 solid;
padding-left: 15px;
}
#f-title2{
margin-top: 60px;
letter-spacing: 0.2em;
font-size: 180%;
}
#f-title2 p{
margin-top: 10px;
color: #DFC122;
font-size: 50%;
font-weight: 500;
}
.title-text{
font-size: 100%;
margin-top: 20px;
letter-spacing: 0.1em;
}
#f-photo{
margin-top: 50px;
}
#f-photo img{
width: 100%;
}
#f-photo ul,li{
display: inline-block;
list-style: none;
}
#f-photo li{
width: 346px;
margin-right:25px;
vertical-align: top;
}
#f-photo .last{
margin-right:0;
}

/*initiative*/
#i-title{
height: 350px;
background: url('../img/i-title.jpg') no-repeat;
background-size: cover;
position: relative;
}
#i-title h3{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 80%;
height: 3.2rem;
}
#i-title .i-top-img{
margin: 0;
}
#hinshitsu{
margin-top: 50px;
}
#hinshitsu h3{
font-size: 160%;
vertical-align: middle;
letter-spacing: 0.1em;
}
#hinshitsu img{
width: 50px;
vertical-align: middle;
}
#hinshitsu ul,li{
display: inline-block;
list-style: none;
}
#hinshitsu li{
width: 520px;
vertical-align: top;
margin-top: 30px;
position: relative;
min-height:230px;
}
.hinshitsu-no{
padding: 15px;
background-color: #fff;
color: #EC6430;
border: 2px solid #ccc;
position: absolute;
min-width:60px;
top: 0;
left:0;
z-index: 999;
}
.hinshitsu-box{
margin: 15px 0 0 15px;
background-color: rgba(0,0,0,0.1);
position: absolute;
top: 15;
left: -15;
width: 100%;
padding: 15px;
}
.hinshitsu-box h4{
font-size: 150%;
padding-top:10px;
}
.hinshitsu-box hr{
border-top: 3px solid #EC6430;
width: 30%;
margin: 15px auto;
}
.hinshitsu-box p{
text-align: left;
padding: 10px 20px;
}

#kankyo{
margin-top: 50px;
}
#kankyo h3{
font-size: 160%;
vertical-align: middle;
letter-spacing: 0.1em;
}
#kankyo img{
width: 50px;
vertical-align: middle;
}
.k-title{
font-size: 200%;
padding: 20px 10px 10px;
border-bottom: 2px dashed #ccc;
border-top: 2px dashed #ccc;
width: 25%;
margin: 20px auto 0px;
}
.k-title span{
font-size: 50%;
letter-spacing: 0.1em;
}
#kankyo ul,li{
display: inline-block;
list-style: none;
}
#kankyo li{
width: 335px;
vertical-align: top;
margin-top: 30px;
position: relative;
min-height:300px;
}
.kankyo-no{
padding: 15px;
background-color: #fff;
color: #8EC43E;
border: 2px solid #ccc;
position: absolute;
min-width:60px;
top: 0;
left:0;
z-index: 999;
}
.kankyo-box{
margin: 15px 0 0 15px;
background-color: rgba(0,0,0,0.1);
position: absolute;
top: 15;
left: -15;
width: 100%;
padding: 15px;
min-height: 250px;
}
.kankyo-box p{
text-align: left;
padding: 10px 20px;
}
#i-photo{
margin-top: 40px;
}
#i-photo img{
width: 100%;
}
#i-photo ul,li{
display: inline-block;
list-style: none;
}
#i-photo li{
width: 346px;
margin-right:25px;
vertical-align: top;
}
#i-photo .last{
margin-right:0;
}

/*conpany*/
#aisatsu{
margin-top: 40px;
margin-bottom: 40px;
text-align: left;
}
#aisatsu img{
width: auto;
}
#aisatsu .photo{
display: inline-block;
width: 287px;
margin-right: 30px;
vertical-align: top;
}
#aisatsu .text{
display: inline-block;
vertical-align: top;
}
#aisatsu h3{
font-size: 150%;
letter-spacing: 0.2em;
margin-bottom: 20px;
}
#aisatsu p{
font-size: 150%;
letter-spacing: 0.2em;
margin-top: 20px;
text-align: right;
font-weight: 700;
}
#aisatsu span{
font-size: 70%;
letter-spacing: 0.1em;
}

#enkaku .text{
width: 500px;
text-align: left;
margin-top: 20px;
margin-right: 30px;
display: inline-block;
vertical-align: top;
}
#enkaku h3{
font-size: 150%;
letter-spacing: 0.2em;
margin: 20px 0;
}
#enkaku .text hr{
width: 500px;
margin: 10px 0;
}
#enkaku .photo{
width: 265px;
display: inline-block;
vertical-align: top;
}

#rinen{
margin-top: 50px;
background: url('../img/c-back.jpg') no-repeat;
background-size: cover;
padding: 10px 0 30px;
font-size: 110%;
}
#rinen h2{
margin: 30px 0 10px;
letter-spacing: 0.2em;
}
#rinen p{
font-weight: 600;
}

#gaiyo{
margin-top: 50px;
}
#gaiyo h3{
margin: 30px 0 10px;
letter-spacing: 0.2em;
font-size: 150%;
text-align: left;
}
#gaiyo div{
width: 532px;
display: inline-block;
margin-top: 10px;
vertical-align: top;
}
#gaiyo table{
border-collapse: collapse;
text-align: left;
line-height: 1.5em;
}
#gaiyo table th,td {
padding: 10px 5px;
}
#gaiyo table th {
border-bottom: 1px #8EC43E solid;
font-weight: 500;
vertical-align: top;
}
#gaiyo table td {
border-bottom: 1px #8EC43E solid;
}

#map{
margin: 70px auto;
}