@charset "utf-8";

html{
margin: 0px;
padding: 0px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


body{
padding:0px;
margin:0px;
background-image: url("../common/body.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
min-width: 1000px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#container{
width:1200px;
margin:0px auto 0px auto;
padding:0px;
box-sizing: border-box;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header{
width:1200px;
height:135px;
margin:0px auto 0px auto;
padding:0px;
background-image: url("../common/header_biomass.jpg");
background-repeat: no-repeat;
background-size:cover;
box-sizing: border-box;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.gnavi_wrap{
width:auto;
margin:0px 0px 10px auto;
}

ul.gnavi_lists{
display: flex;
width: auto;
margin-right: 10px;
justify-content: flex-end;
}

li.gnavi_list{
width:110px;
height:30px;
border-bottom: solid rgba(82,82,82,1.00) 1px;
position: relative;
transition: all .3s;
list-style-type: none;
}


li.gnavi_list:first-child{
border-left: solid rgba(82,82,82,1.00) 1px;

}

li.gnavi_list:hover {
background-color:rgba(150,159,160,1.00);
}


li.gnavi_list:not(:first-child)::before {
content: "";
width: 1px;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
transition: all .3s;
}


li.gnavi_list:hover::before {

}


li.gnavi_list a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
color:rgba(78,77,77,1.00);
font-size: 14px;
letter-spacing: 0.05em;
font-weight: 600;
transition: all .3s;
}

li.gnavi_list:hover a{
color:rgba(255,255,255,1.00);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul.dropdown_lists{
display: none;/*デフォルトでは非表示の状態にしておく*/
visibility: hidden;
opacity: 0;
transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
transform-origin: center top;/*変形を適応する基準をtopとする*/
transition: all .5s;
width:160px;
padding: 0px;
position: absolute;
top:30px;
left:0px;
border: solid rgba(189,189,189,1.00) 1px;
box-sizing: border-box;
}

li.gnavi_list:hover ul.dropdown_lists {
display: block;/*Gナビメニューにホバーしたら表示*/
visibility: visible;
opacity: 1;
transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
}

li.gnavi_list:hover ul.dropdown_lists li a:link{
color:rgba(69,68,68,1.00);
}

li.gnavi_list:hover ul.dropdown_lists li a:visited{
color:rgba(69,68,68,1.00);
}

li.dropdown_list{
background-color:rgba(255,255,255,1.00);
height: 40px;
padding: 0px;
list-style-type: none;
transition: all .3s;
position: relative;
left:0px;
text-align: left;
}

li.dropdown_list:not(:first-child)::before{
content: "";
width: 100%;
height: 1px;
position: absolute;
top: 60px;
left: 0;
}

li.dropdown_list:hover {
background-color:rgba(206,210,212,1.00);
}

li.dropdown_list:hover a{

}

li.dropdown_list a{
display: flex;
justify-content:flex-start;
align-items:center;
text-decoration: none;
position: relative;
left: 5px;
font-weight:400;
font-size:13px;
}

li.dropdown_list a::before {
content: '';
display: block;
width: 4px;
height: 4px;
border-top:1px solid rgba(69,68,68,1.00);
border-left:1px solid rgba(69,68,68,1.00);
transform: rotate(135deg);
position: absolute;
right:20px;
top: calc(50% - 5px);
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

img.title_img{
width:1200px;
display: block;
margin: -80px auto;
padding: 0px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

img.title_img02{
display: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#grandmenu_box{
margin: 100px auto 0px auto;
padding: 0px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul.serch{
width:1200px;
margin:0px auto 10px auto;
padding: 10px;
box-sizing: border-box;
background-color: #ffffff;
border-top:solid rgba(237,228,218,1.00) 1px;
border-bottom:solid rgba(237,228,218,1.00) 1px;
font-size:0px;
text-align: right;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul.serch li{
display: inline-block;
width: auto;
font-size:13px;
margin:0px 20px 0px auto;
padding: 0px;
vertical-align: middle;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul.serch li a:link{
color:#422401;
text-decoration:underline;
}

ul.serch li a:visited{
color:#422401;
text-decoration:underline;
}


ul.serch li a:hover{
color:#ff6600;
text-decoration:underline;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
ul.serch li span{
display: inline-block;
padding:0px;
margin-right:20px;
}

ul.serch li span.span02{
display: inline-block;
padding:0px;
margin-right:0px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul.serch li.ggsearch{
display: inline-block;
width:300px;
margin-right: 0px;
margin-left: 10px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.navi_root{
display: flex;
width:1200px;
margin:30px auto 20px auto;
flex-direction:row;
flex-wrap: nowrap;
justify-content:flex-start;
align-items:flex-start;
}

div.navi_root span{
flex-basis: auto;
align-self: auto;
font-size:14px;
margin: 0px 10px 0px 10px;
}

div.navi_root span a:link{
color:#333333;
}

div.navi_root span a:visited{
color:#333333;
}

div.navi_root span a:hover{
font-weight:600;
color:#DB477E;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap{
width:1200px;
margin: 0px auto;
padding: 0px;
box-sizing: border-box;
background-color: rgba(255,255,255,0.6);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


div.wrap a:link{
color:#1C70E1;
}

div.wrap a:visited{
color:#1C70E1;
}

div.wrap a:hover{
color:#DB477E;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap h1{
width:1100px;
margin:50px auto 20px auto;
padding:10px;
text-align: left;
border: solid rgba(163,163,163,1.00) 1px;
border-radius: 50px;
box-sizing: border-box;
}

div.wrap h1 img{
display: inline;
padding: 0px;
margin: 0px;
vertical-align: middle;
}

div.wrap h1 span{
display: inline;
vertical-align: middle;
font-size:36px;
margin-left: 5px;
}

div.wrap h1.standard{
width:1000px;
margin:80px auto 0px auto;
padding: 0px;
text-align-last: center;
font-size:32px;
border-radius:0px;
border-style:none;
border-bottom: solid rgba(163,163,163,1.00) 1px;
}

div.wrap h1.standard span.orange{
display: inline;
font-size:32px;
color:#ff9900;
}

div.wrap h1.standard span.blue{
display: inline;
font-size:32px;
color:#00b0f0;
}

div.wrap h1.standard span.gray{
display: inline;
font-size:32px;
color:#9f9f9f;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap h2{
width: 1050px;
margin:20px auto 20px auto;
padding: 0px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
text-align:left;
font-weight:600;
color:#ffffff;
background-color: rgba(170,187,56,1.00);
border-radius: 50px;
box-sizing: border-box;
}

div.wrap h2 img{
display: inline;
padding: 0px;
margin: 0px;
vertical-align: middle;
}

div.wrap h2 span{
display: inline;
vertical-align: middle;
font-size:28px;
margin-left: 5px;
}

div.wrap h2.movie_title{
width: 1050px;
margin:80px auto 20px auto;
padding: 0px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
text-align:left;
color:rgba(115,103,82,1.00);
background-color:rgba(255,255,255,1.00);
border-radius: 50px;
box-sizing: border-box;
}

div.wrap h2.movie_title img{
display: inline;
padding: 0px;
margin: 0px;
vertical-align: middle;
}

div.wrap h2.movie_title span{
display: inline;
vertical-align: middle;
font-size:22px;
margin-left: 5px;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap p.main{
width: 1000px;
margin:25px auto;
padding: 0px;
font-size:19px;
color:#555125;
line-height: 24pt;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul.concept{
width: 920px;
margin: 10px auto 20px auto;
padding: 0px;
}


div.wrap ul.concept li{
list-style-type: none;
margin-bottom:5px;
}

div.wrap ul.concept li span.box1{
display: inline-block;
width:60px;
height:60px;
background-color:rgba(66,199,185,1.0);
border-radius:50%;
font-weight:bold;
font-size:40px;
color:rgba(255,255,255,1.00);
text-align: center;
padding:3px;
box-sizing: border-box;
}


div.wrap ul.concept li span.box2{
display: inline-block;
width: auto;
height:60px;
padding-top:5px; 
margin-left: 10px;
font-weight:400;
font-size:20px;
color:#555125;
vertical-align: middle;
box-sizing: border-box;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul.composition{
width: 620px;
margin: 10px auto 20px auto;
padding: 0px;
}


div.wrap ul.composition li{
list-style-type: none;
margin-bottom:10px;
font-size:22px;
}

div.wrap ul.composition li.text{
list-style-type: none;
margin-top:20px;
font-size:22px;
text-align:left;
color:#555125;
}

div.wrap ul.composition li img{
width: 300px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}

div.wrap ul.composition li span{
font-size:22px;
color:#555125;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap div.flex_logo{
width: 1000px;
margin: 10px auto;
padding: 0px;
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: nowrap;
}

div.wrap div.flex_logo div.logo_box{
flex-basis: 230px;
}

div.wrap div.flex_logo span.color{
display: block;
width:230px;
text-align: center;
font-size:24px;
color: rgba(128,114,93,1.00);
font-weight:bold;

}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap img.img1100{
display: block;
margin: 0px auto;
padding: 0px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap p{
width: 900px;
margin:25px auto;
padding: 0px;
font-size:19px;
color:#555125;
line-height: 24pt;
}

div.wrap p.right_mini{
width: 900px;
margin:-20px auto;
padding: 0px;
text-align:right; 
font-size:14px;
color:#555125;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul.kome{
width: 700px;
margin:25px auto 25px 320px;
padding: 0px;
}

div.wrap ul.kome li{
font-size:19px;
color:#555125;
list-style-type: none;
}

div.wrap ul.kome li span{
display: inline-block;
}

div.wrap ul.kome li:before{
content: "※";
margin-right: 5px;
}

div.wrap ul.kome li span.box1{
display: inline;
font-weight:bold;
font-size:20px;
margin-right: 10px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#footer{
width: 100%;
height:auto;
margin:100px auto 0px auto;
background-image:url("../common/footer.jpg");
background-size:cover;
background-position: bottom;
background-repeat: no-repeat;
box-sizing: border-box;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.footer_index{
display: flex;
width:100%;
margin: 0px auto;
padding: 0px;
padding-top: 20px;
padding-bottom: 20px;
background-color: rgba(218,239,172,1.00);
justify-content:center;
align-content: flex-start;
flex-wrap: nowrap;
box-sizing: border-box;
}


#footer div.footer_index div.index_box{
flex-basis:290px;
margin: 0px 5px;
box-sizing: border-box;
}

#footer div.footer_index div.index_box ul.index_menu{
width:236px;
border-left:solid rgba(121,100,71,1.00) 2px;
text-indent: -1.5em;
}

#footer div.footer_index div.index_box ul.index_menu li{
list-style-type: none;
text-align: left;
margin-bottom:8px;
font-size:15px;
}

#footer div.footer_index div.index_box ul.index_menu li.page_name{
font-weight:bold;
font-size:18px;
color:rgba(121,100,71,1.00);
}


#footer div.footer_index div.index_box ul.index_menu li a:link,a:visited{
color:rgba(121,100,71,1.00);
text-decoration: none;
}

#footer div.footer_index div.index_box ul.index_menu li a:hover{
color:#DB477E;
text-decoration:underline;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.office{
width: 100%;
background-color:rgba(43,31,21,0.6);
margin: 0px;
padding-top:7px;
padding-bottom:7px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#footer div.office div.office_detail{
width:1200px;
margin:0px auto;
padding: 0px;
font-size:0px;
display: flex;
justify-content:center;
flex-wrap: wrap;
flex-direction:row;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#footer div.office div.office_detail div.name{
font-size:17px;
font-weight:400;
color:rgba(255,255,255,1.00);
border-left: solid rgba(118,116,87,1.0) 1px;
border-style:none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.office div.office_detail div.name img{
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#footer div.office div.office_detail div.address{
margin-left:15px;
font-size:17px;
font-weight:400;
color:rgba(255,255,255,1.00);
border-style:none;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.office div.office_detail div.tel_fax{
margin-left:15px;
font-size:17px;
font-weight:400;
color:rgba(255,255,255,1.00);
border-style:none;
pointer-events: none;
}

#footer div.office div.office_detail div.tel_fax a{
color:rgba(255,255,255,1.00);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.office div.office_detail div.time{
width: 1200px;
text-align: right;
padding-right:130px;
font-size:15px;
font-weight:400;
color:rgba(255,255,255,1.00);
border-left: solid rgba(118,116,87,1.0) 1px;
border-style:none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#footer div.footer_map{
display: block;
width:1200px;
margin: 0px auto;
padding:0;
padding-left: 40px;
padding-right: 40px;
position: relative;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.footer_map img.img01{
display: inline-block;
width: 800px;
margin:0px;
padding: 0px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.footer_map img.img02{
display: inline-block;
width: 320px;
margin:0px;
padding: 0px;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.footer_map img:hover{
opacity: 0.5;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#pageTop {
position: fixed;
bottom: 0px;
right:30px;
box-sizing: border-box;
}

#pageTop a {
display: block;
z-index:999;
width:80px;
height:80px;
border-radius: 50%;
background-color:rgba(14,174,176,1.00);
text-align: center;
text-decoration: none;
}

#pageTop a span.text_top{
display: block;
padding-top:20px;
color: #fff;
font-size:14px;
font-weight:bold;
line-height: 12pt;
}

#pageTop a span.text_top::before {
content: "";
display: block;
width: 10px;
height: 10px;
margin-left: 30px;
margin-right: 30px;
border-top: 5px solid white;
border-right: 5px solid white;
transform: rotate(-45deg);
}

#pageTop a:hover {
text-decoration: none;
opacity: 0.5;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer div.copy{
width:100%;
color:rgba(255,255,255,1.00);
text-align:center;
font-size:15px;
}