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



body{
	margin:0;
	padding:0;
	
}

.redy{
	width: 500px;
	text-align: center;
	margin: 100px auto 0 auto;
}
.redy img{
	width: 50%;
	height: auto;
}


#simple-menu{
	display: none;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

#drawer{
	display: none;
}
#drawerBtn{
	display: none;
}



.pc{
        display: block;
    }
.sp{
    display: none;
}



h1{
	
	font-size:40px;
	line-height:46px;
	font-weight:normal;
	margin:0 0 0px 0;
	padding:0;
	color:#B5AA99;
	letter-spacing:0.1em;
}
h2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	margin:10px 0 0 0;
	padding:0;
	line-height:13px;
	color:#B5AA99;
	letter-spacing:0.15em;
	font-weight:normal;
}


h1.flag_contents{
	text-align:left;
	height:44px;
	line-height:44px;
	padding-left:150px;
	
	background:url(../img/flag_contents.png) no-repeat left;
	
	
	font-size:19px;
	font-weight:500;
	margin:15px 0 0px 0;
	color:#666;
	letter-spacing:0.03em;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


h1.contentsH1{
	font-family: 'EB Garamond', serif;
	font-size:55px;
	line-height:55px;
	font-weight:normal;
	margin:40px 0 0px 0;
	padding:0;
	color:#8CC63F;
	letter-spacing:0.1em;
}
h2.contentsH2{
	font-size:18px;
	margin:25px 0 30px 0;
	font-weight:normal;
	padding:0;
	line-height:18px;
	color:#8CC63F;
	letter-spacing:0.15em;
}
h3{
	font-size:30px;
	line-height:1.5em;
	letter-spacing:0.2em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#4b4b4b;
	margin:20px 0 30px 0;
	padding:0;
}
p {
	font-size:14px;
	color:#333;
	line-height:1.6em;
	margin:0;
	padding:0;
}
p.read{
	font-size:17px;
	color:#4b4b4b;
	line-height:1.8em;
	letter-spacing:0.15em;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
}
p.sign{
	margin-bottom: 60px;
	margin-top: 35px;
	
}
a:link{
	font-size:13px;
}
.borderTop{
	border-top:solid 1px #DFDFDF;
}
.borderBottom{
	border-bottom:solid 1px #DFDFDF;
}
.mb40{
	margin-bottom:40px;
	
}

/*ヘッダーナビゲーション */

header{
	width:100%;
	margin:0;
	padding:0;
	border-top: 4px #8ccb38 solid;
}
#header_in{
	width:980px;
	margin:0 auto 0 auto;
	padding:0;
	height:78px;
}
.logo{
	height:50px;
	padding:14px 0;
	float:left;
}
nav{
	float:right;
}
nav li a:link{
	font-size:14px;
	font-weight:500;
	color:#666;
	text-decoration:none;
	line-height:0;
	margin:0px 0 0px 0;
	padding:0 12px;
	text-align:center;
	letter-spacing:0.02em;
}
nav li a:visited{
	color:#666;
}


nav li span{
	line-height:0;
	margin:-18px 0 18px 0;
	padding:0;
	font-size:10px;
	color:#8CC63F;
	display:block;
}


nav li.active a{
	margin:0px 0 0 0;
	background-color:#8CC63F;
	color:#fff;!important;
	overflow:hidden;
}
nav li.active span{
	background-color:#8CC63F;
	color:#fff;!important;
}







#menuFlip li {
  display: inline-block;
  float:left;
}
.flipped_item {
	background-color: #8CC63F;
	height:84px;
	margin-bottom:0;
	padding-bottom:0;
}
.flipped_on{
	color:#fff !important;
}
.flipped_on span{
	color:#fff;
}

.nav_borderL{
	border-left:#EAEAEA 1px solid;
}
.nav_borderR{
	border-right:#EAEAEA 1px solid;
}

/*メインビジュアル */

h3.sdgs_titleimg{
    width: 100%;
    height: auto;
    margin: 30px auto 25px auto;
}
h3.sdgs_titleimg img{
    width: 30%;
    height: auto;
    margin: 0 auto;
}

.swiper-slide p{
    position: absolute;
    z-index: 3000;
    font-size: 30px;
    color: #fff;
    font-family: serif;
    text-align: left;
    
}


.swiper-slide img{
    width: 100%;
    height: auto;
}

.sl01{
    top:42%;
    right:13%;
}
.sl02{
    top:42%;
    left:13%;
}

.sl03{
    top:42%;
    right:8%;
}



.swiper-slide-active p {
  animation: slideTextFade 3s ease-in 0s 1 normal;
    
}

@keyframes slideTextFade {
  0%, 25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




/*--
.sl01{
    top:45%;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.sl02{
    top:45%;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.sl03{
    top:45%;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

--*/


#info{
	width:100%;
	padding:10px 0;
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	 -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	 -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.info_in{
	width:980px;
	margin:0 auto;
}
.infotitle{
	font-size:12px;
	margin:0;
	padding:0 20px 0 20px;
	border-left:dotted 1px #666;
	border-right:dotted 1px #666;
}
.info_read{
	font-size:12px;
	margin-left:20px;
}

/*コンテンツ */
#contents_wappar{
	width:100%;
	background:url(../img/bg_wave.gif) repeat-x top;
	overflow:hidden;
}
#contents_wappar_contents{
	width:100%;
	background:url(../img/bg_grid.png) no-repeat top center;
	overflow:hidden;
	box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.4) inset;
	 -webkit-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.4) inset;
	 -moz-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.4) inset;
}
.top_shadow{
	box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.2) inset;
	 -webkit-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.2) inset;
	 -moz-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.2) inset;
}
.bottom_shadow{
	box-shadow: 0px -3px 5px -3px rgba(0,0,0,0.2) inset;
	 -webkit-box-shadow: 0px -3px 5px -3px rgba(0,0,0,0.2) inset;
	 -moz-box-shadow: 0px -3px 5px -3px rgba(0,0,0,0.2) inset;
}

#contents_plean{
	width:100%;
	overflow:hidden;
	background:none;
}
.contents_in{
	width:992px;
	margin:20px auto;
	text-align:center;
	overflow:hidden;
}
.contents_in ul{
	margin-top:20px;
	overflow:hidden;
}

ul.thum_under{
	margin-top:0px;
	overflow:hidden;
    width: 100%;
}

ul#thums{
    margin: 25px 0;
    padding: 0;
    overflow: hidden;
    display: block;
    width: 100%;
    height: auto;
    list-style: none;
    
}
ul#thums li{
    width: 24.9%;
    overflow: hidden;
    float: left;
    display: block;
    background-color: #000;
    margin-right: 0.12%;
    background-size: cover;
    background-position: center center;
    color: #fff;
    position: relative;
    
}
ul#thums li:last-child{
    margin-right: 0;
}
ul#thums li:nth-child(1){
    background: url(../img/top_thum01.jpg);
}
ul#thums li:nth-child(2){
    background: url(../img/top_thum02.jpg);
}
ul#thums li:nth-child(3){
    background: url(../img/top_thum03.jpg);
    background-position: bottom center;
}
ul#thums li:nth-child(4){
    background: url(../img/top_thum04.jpg);
}
ul#thums li a{
    font-size: 20px;
    font-weight: bold;
    display: block;
    color: #fff;
    
    padding-top: 70px
}
ul#thums li a:link{
    
    text-decoration: none;
     background-color: rgba(0,0,0,0.2);
    display: block;
    height: 130px;
    
}
ul#thums li a span{
    font-size: 11px;
 
}
ul#thums li a:hover{
    color: #8CC63F;
    background-color: rgba(0,0,0,0.5);
}
.arrow{
    position: absolute;
    bottom:20px;
    left:113px;
}
#sdgs_icon{
    list-style: none;
    width: 60%;
    height: auto;
    margin: 0 auto 20px auto;
}

.all_sdgs_wapper{
	width: 100%;
	background-color: #f1f1f1;
	padding: 30px 0px 60px 0px !important;
	overflow: hidden;
}

.all_sdgs_wapper .all_sdgs{
	width: 60%;
	margin: 0 auto;
	text-align: center;
	
}
.all_sdgs_wapper .sdgs_p{
	text-align: left !important;
	width: 60%;
	margin: 0 auto;
	
}

#sdgs_icon li{
    float: left;
    width: 24.5%;
    margin-right: 0.6%;
}
#sdgs_icon li img{
    width: 100%;
    height: auto;
}
#sdgs_icon li:last-child{
    margin-right: 0;
}

/*--
.thum01 a:link{
	display:block;
	width:327px;
	height:241px;
	background:url(../img/top_thum.jpg) no-repeat left top;
	float:left;
	text-indent:-9999px;
	display:block;
}
.thum02 a:link{
	display:block;
	width:327px;
	height:241px;
	background:url(../img/top_thum.jpg) no-repeat;
	background-position:-326px 0px;
	float:left;
	margin:0px 5px;
	text-indent:-9999px;
	display:block;
}
.thum03 a:link{
	display:block;
	width:327px;
	height:241px;
	background:url(../img/top_thum.jpg) no-repeat right top;
	float:left;
	text-indent:-9999px;
	display:block;
}

.thum01 a:hover{
	background-position:left bottom;
}
.thum02 a:hover{
	background-position:-326px bottom;
}
.thum03 a:hover{
	background-position:right bottom;
}


.thum01_under{
	display:block;
	width:327px;
	height:37px;
	background:url(../img/top_thum_under.jpg) no-repeat left top;
	float:left;
	text-indent:-9999px;
	display:block;
}
.thum02_under{
	display:block;
	width:327px;
	height:37px;
	background:url(../img/top_thum_under.jpg) no-repeat;
	background-position:-326px 0px;
	float:left;
	margin:0px 5px;
	text-indent:-9999px;
	display:block;
}
.thum03_under{
	display:block;
	width:327px;
	height:37px;
	background:url(../img/top_thum_under.jpg) no-repeat right top;
	float:left;
	text-indent:-9999px;
	display:block;
}

--*/

.under_wappar{
	width:980px;
	margin:0 auto;
	padding:40px 0 40px 0;
	clear: both;
	
}
.under_wappar ul{
	overflow:hidden;
	margin:0 0 0 0;
	text-align:left;
}
li.under_l{
	width:335px;
	height:132px;
	padding-left:145px;
	background:url(../img/bg_under01.png) no-repeat 5px 0px;
	float:left;
	border-right:solid 1px #DFDFDF;
	
}
li.under_r{
	width:334px;
	height:132px;
	padding-left:145px;
	background:url(../img/bg_under02.png) no-repeat 5px 0px;
	float:right;
}
p.under_title{
	font-size:1.15em;
	color:#333;
	margin:0 0 12px 0;
	padding:0;
}



/*事業内容 */

#company_v{
	width:100%;
	height:400px;
	margin:0px 0 0 0;
	padding:0;
	background-color:#8cc63f;
	background-image:url(../img/company_v.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}
#company_v img{
	margin:90px 0 0 0;
	padding:0;
}
#company_v p{
	
	color:#fff;
	margin:40px 0 0 0;
	padding:0;
	font-size:1.1em;
	letter-spacing:0.1em;
	color:#474747;
	color:#6E6E6E;
}


/*事業内容 */


#summary_box{
	margin:0px 0 30px 0;
	padding:0 0 0px 0;
	overflow:hidden;
	
}
.summary{
	width:780px;
	margin:0 auto 0 auto;
	text-align:left;
	border-bottom:#DFDFDF solid 1px;
	padding:50px 0 50px 0;
}
.summary_mt{
	width:780px;
	margin:0 auto 0 auto;
	text-align:left;
	border-bottom:#DFDFDF solid 1px;
	padding:50px 0 50px 0;
}
.no_bord{
	border: none;
	
}

.noborder{
	border:none;
}
.summary_title{
	font-size:1.4em;
	height:30px;
	line-height:30px;
	color:#3D3D3D;
	text-indent:148px;
	margin:0 0 0px 0;
}
.summary p{
	width:100%;
	line-height:1.8em;
	height: 65px;
}
.title_bg01{
	background:url(../img/service_tag01.png) no-repeat;
}
.title_bg02{
	background:url(../img/service_tag02.png) no-repeat;
}
.title_bg03{
	background:url(../img/service_tag03.png) no-repeat;
}
.title_bg04{
	background:url(../img/service_tag04.png) no-repeat;
}
.title_bg05{
	background:url(../img/service_tag05.png) no-repeat;
}

.summary ul{
    list-style: none;
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}

.summary ul li{
    float: left;
    width: 20%;
    margin-right: 20%;
    margin-bottom: 20px;
}
.summary ul li img{
    width: 100%;
    height: auto;
}
.summary ul li:nth-child(3),
.summary ul li:nth-child(6){
    margin-right: 0%;
}


.summary ul.service_b li{
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 20px;
}
.summary ul.service_b li:nth-child(3),
.summary ul.service_b li:nth-child(6){
    margin-right: 0%;
}
.summary ul.service_d li{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.summary ul.service_d li:nth-child(3),
.summary ul.service_d li:nth-child(6){
    margin-right: 0%;
}
.summary_nb{
    border: none;
}



/*会社概要 */

#map_canvas{
	width:800px;
	height:400px;
	margin:0px auto 40px auto;
	padding:0;
	background-color:#E6E5DB;
}




.contents_in table {
	width:710px;
	margin:20px auto 20px auto;
	padding:0;
	text-align:left;
	border: 0;
	float: left;
}


.company_p{
	float: right;
	width: 280px;
	margin-top: 30px;
}


td.l{
	font-size: 1em;
	 clear:both;
	  float:left;
	  width:100px;
	  padding:5px;
	color:#3D3D3D;
	
}
td.r{
	font-size: 1em;
	margin-left:80px;
  padding:5px 5px 5px 0;
	color:#3D3D3D;
}

/*お問い合わせ */
#contact_form{
	width:800px;
	margin:0px auto 60px auto;
	padding:0;
	display: block;
	overflow: hidden;
}


#banner_area{
	width: 100%;
	background-color:#f1f1f1;
	overflow: hidden;
	padding: 1em 0;
	border-top: solid 1px #ccc;
}
#banner_in{
	width: 980px;
	margin: 0 auto;
}
#banner_in img{
	float: left;
	margin-right: 12px;
}
img.bannerLast{
		margin-right: 0;
	}



/*フッター */
#botomm_navi{
	width:100%;
	height:36px;
	border-top:1px solid #8CC63F;
	background-color:#fff;
	clear: both;
}
ul.botomm_navi_in{
	width:980px;
	margin:0 auto;
}
ul.botomm_navi_in li{
	float:left;
	line-height:36px;
	margin-right:20px;
}
ul.botomm_navi_in li a{
	text-decoration:none;
	font-size:14px;
	height:36px;
	line-height:36px;
	color:#666;
}
span.small_aroww{
	line-height:36px;
	font-size:10px;
	margin-right:5px;
}
footer{
	width:100%;
	overflow:hidden;
	background-color:#8CC63F;
}
.footer_in{
	width:980px;
	margin:20px auto 40px auto;
	background-image:url(../img/copyright.png);
	background-position:right top;
	background-repeat:no-repeat;
}

.footer_in p{
	font-size:12px;
	margin-top:5px;
	color:#F3FFE1;
}