@charset "UTF-8";
/*
Theme Name: リクチコンサルタントのテーマ　022
Theme URI: https://y-daigakusei.sakura.ne.jp/rikuchi
Author: kiraramarketing
Description:  リクチコンサルタントwebsite
Version: 1.0
*/
body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
width:100% !important;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeOut {
	0%{opacity: 1;
		
	}
50% {opacity: 1;}
100% {opacity: 0;
	}
}

@keyframes move-right{
	0%{
		transform: translateX(0);
		
	}
	100%{
		transform: translateX(140%);
	}
}


.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
/*************************************

アニメーション

************************************/
.sa {
opacity: 0;
transition: all .5s ease;
}

.sa.show {
opacity: 1;
transform: none;
}

.sa--lr {
transform: translate(-100px, 0);
}

.sa--rl {
transform: translate(100px, 0);
}

.sa--up {
transform: translate(0, 100px);
}

.sa--down {
transform: translate(0, -100px);
}

.sa--scaleUp {
transform: scale(.5);
}

.sa--scaleDown {
transform: scale(1.5);
}

.sa--rotateL {
transform: rotate(180deg);
}

.sa--rotateR {
transform: rotate(-180deg);
}
/*--------------

トップページ動き

---------------*/

.top-upper-wrap{
	overflow: hidden;
}
.top-upper-wrap:before{
	content:"";
	width: 100%;
	height: 100%;
	background-color: #fff;
	position:absolute;
	z-index:10001;
	top:0;
	left:0;
	animation-name:fadeOut;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-fill-mode:forwards;
	animation-delay:0.8s;
	animation-timing-function:  cubic-bezier(.7,0,.21,1.12);
}


.topslidertxt{
	position:relative;
	overflow: hidden;
	background-color: #fff;
	z-index:10000;
}
.topslidertxt:before{
    content:"";
	width: 100%;
	height: 100%;
	background-color: #00863D;
	position:absolute;
	top:0;
	left:0;
	animation-name:move-right;
	animation-duration: 0.6s;
	animation-timing-function: linear;
	animation-fill-mode:forwards;
	animation-delay:1.0s;
	z-index:10000;
	animation-timing-function: ease-in;
}
.topslider:before{
	content:"";
	width: 100%;
	height: 100%;
	background-color: #00863D;
	position:absolute;
	top:0;
	left:0;
	animation-name:move-right;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-fill-mode:forwards;
	animation-delay:1.6s;
	z-index:10000;
	animation-timing-function: cubic-bezier(.7,0,.21,1.12);
}

.topslidertext_text{
	width: 365px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.topslidertext_text:before{
	content:"";
	width: 100%;
	height: 100%;
	background-color: #fff;
	position:absolute;
	top:0;
	left:0;
	animation-name:move-right;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-fill-mode:forwards;
	animation-delay:2.0s;
	animation-timing-function: cubic-bezier(.7,0,.21,1.12);
}
.topnews-container{
	overflow: hidden;
	position:relative;
}


/*************************************

ナビゲーション

************************************/
.nav_wrap{
float: left;
width: 47.6vw;
margin-top: 15px;
}
#global-nav{
background: #fff;
height:48px;
margin: 0 auto;
z-index: 90;
box-sizing:border-box;
}
#global-nav ul {
margin: 0;
z-index: 10;
box-sizing:border-box;

}
#global-nav ul li {
float: left;
/*width: 135px;*/
width : 182px ;
font-size: 14px;
height: 48px;
border-right:1px solid #828282;
box-sizing:border-box;
line-height: 48px;
}
#global-nav ul li:first-child{
border-left:1px solid #828282;
}


#global-nav ul li a{
color: #000;
display: block;
line-height: 48px;
font-size: 14px;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out; 
}
#global-nav ul li a:hover{
color: #000;
border-bottom:6px solid #00873c;
}
#global-nav ul li li {
float: none;
}

#global-nav a {
display: block;
outline: 0;
text-align: center;
}
#global-nav .menu-item{
}
#global-nav li ul {
display: none;
}
#global-nav .menu-item {
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;
background-position: bottom left;
}
#global-nav .current-menu-item, 
#global-nav .current-post-ancestor, 
#global-nav .current-page-ancestor, 
#global-nav .menu-item:hover,
#global-nav .menu-item:hover a{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deac00+0,bc8300+100 */
}
#global-nav .current-menu-item a{
color: #000;
border-bottom:6px solid #00873c;
}
#global-nav .current-menu-parent a{
color: #fff;
background:#e60012;
}
#global-nav ul ul {
display: none;
position: absolute;
top: 36px;
z-index: 100;
width: auto;	
}
#global-nav ul .menu-item ul a {
width: 170px;
color: #333;
background: none;
text-indent: 0;
height: 22px;
padding: 10px 5px;
border-top: solid 1px #ddd;
}
#global-nav ul .menu-item ul a:hover {
background:#e60012;
color: #fff;
}
#global-nav ul .menu-item ul li {
background: #fff;
float: none;
width:auto;
height:auto;
border-right: none;
}

#global-nav ul .menu-item ul li:first-child a {
border-top: none;
min-width:145px;
height:auto;
font-size:12px;
vertical-align: baseline;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#global-nav ul .menu-item ul li a {
border-top: none;
border-bottom:1px solid #ccc;
font-size:12px;
width:auto;
height:auto;
vertical-align: baseline;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#global-nav ul .menu-item ul li:last-child a {
border-top: none;
border-bottom:none;
width:auto;
height:auto;
font-size:12px;
vertical-align: baseline;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#global-nav ul li:hover > ul, div.menu ul li:hover > ul {
display: block;
}

/* リストの記号を消去 */
.menu-item {
list-style-type: none;
}

/* サブメニューをabsoluteにするため、親メニューをrelativeに */
.menu-item-has-children {
position: relative;
}

/* 親メニューにマウスオーバーしたときにカーソルを変更 */
.menu-item-has-children:hover {
cursor: pointer;
}

/* 子を持つ親メニューにマウスオーバーしたときサブメニューを表示 */
.menu-item-has-children:hover .sub-menu {
display: block;
}

/* サブメニューをabsoluteにして親メニューの下に配置。スタイルは適宜調整してください */
#global-nav ul ul.sub-menu {
display: none;
position: absolute;
top: 30px !important;
left: 0;
width: 200px;
background: white;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
padding: 0;
}

/* サブメニューの境目をわかりやすくするため、一番下の項目以外下線を引いた */
.sub-menu > .menu-item:not(:last-child) {
border-bottom: 1px solid #eee;
}

/* サブニューのリンクタグをmenu-itemの大きさと合わせ、クリックしやすいようにした */
.sub-menu > .menu-item a {
display: inline-block;
width: 100%;
height: 100%;
/*padding: .5em 0;*/
}

/* サブメニューにマウスオーバーしたときリンクの背景色とテキストカラーを変更 */
.sub-menu > .menu-item a:hover {
background: black;
color: white;
}



a.head-top-link{
display: block;
width: 10.9vw !important;
float: right;
margin-left: 1px;
background: #008a42;
height: 90px;
text-align: center;
box-sizing: border-box;
position: relative;
}
a.head-top-link img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
a.saiyo img{
width: 36.3%;
max-height: 55px;
}
a.headcontact img{
width: 54.4%;
max-height: 55px;
}

/*グローバルナビ設定*/
#gnav{
/*width: 680px;*/
width:37.1vw;
float: right;
padding: 21px 0;
}
#gnav > ul {
display: table;
padding-left: 50px;
padding-right: 15px;
}
#gnav > ul > li {
display: table-cell;
margin-right: 2em;
border-right: 1px solid #828282;
width: 182px;
box-sizing: border-box;
height: 48px;
text-align: center;
}
#gnav > ul > li:first-child {
border-left: 1px solid #828282;
}
#gnav > ul > li:hover {
color: #000;
background: url(image/nav/border-green.svg) no-repeat;
background-position: bottom;

}
#gnav > ul > li:hover > a {
color: #000;
}
#gnav > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#gnav > ul > li > a {
display: block;
line-height: 48px;
transition: all .2s ease-in;
color: #000;
font-size: 1vw;
}
#gnav > ul .menu {
transition: all .2s ease-in;
max-height: 0;
opacity: 0;
overflow: hidden;
width: 100%;
left: 0;
text-align: center;
position: absolute;
background-color: #00873c;
z-index: 999999;
height: 74px;
}
#gnav > ul .menu .menu_inner {
height: 74px;
}
#gnav > ul .menu .menu_inner li {
display: inline-block;
}
#gnav > ul .menu a {
color: #fff;
/*width: 140px;*/
display: block;
height: 74px;
box-sizing: border-box;
font-size: 14px;
padding-left: 30px;
padding-right: 30px;
}
#gnav > ul .menu a:hover {
color: #00873c;
background: #fff;
}
.line-h74{
line-height: 74px;
}
.menupt20{
padding-top: 20px;
}
.headup_left{
height: 86px;
float: left;
width: 23.8vw;
}

@media screen and  ( min-width:1600px) {
#gnav > ul > li > a {
font-size: 16px;
}




}
/***************************************************************************************************************

PCスタート

**************************************************************************************************************/
@media screen and  ( min-width:769px) {
body,html {
width: 100%;
margin: 0;
padding: 0;
}
html {
overflow: auto;
}
body {
overflow: hidden;
min-width: 700px;
}
.anime {
width: 100%;
height: 100%;
max-height: 1080px;
background-color: #E9E3E3;
position: relative;
}
.anime img {
display: block;
position: absolute;
top: 28%;
left: 40%;
}
.mainSite {
width: 100%;
height: 100%;
max-height: 1080px;
background-color: #FC6;
position: relative;
}

.mainSite p {
font-size: 160%;
color: #FFF;
position: absolute;
top: 42%;
left: 40%;
}
.fade {  
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
/* transition: 0.3s ease-in-out;*/  
}  
.fade:hover {  
opacity: 0.7 !important;
filter: alpha(opacity=70) !important;
-ms-filter: "alpha(opacity=70)" !important;
}	
.pt0{
padding-top: 0 !important;
}
.pt20{
padding-top: 20px !important;
}
.pt100{
padding-top: 100px !important;
}
.pb100{
padding-bottom: 110px !important;
}
.pb110{
padding-bottom: 110px !important;
}
.pb115{
padding-bottom: 115px !important;
}
.pb160{
padding-bottom: 160px !important;
}
.pb190{
padding-bottom: 190px !important;
}
.mb20{
margin-bottom: 20px !important;
}
.mb200{
margin-bottom: 200px !important;
}
.mb45{
margin-bottom: 45px !important;
}
.mb50{
margin-bottom: 50px !important;
}
.mb70{
margin-bottom: 70px !important;
}
.mb80{
margin-bottom: 80px !important;
}
.mb100{
margin-bottom: 100px !important;
}
.mb150{
margin-bottom: 150px !important;
}
.mt0{
margin-top: 0 !important;
}
.mt20{
margin-top: 20px !important;
}
.mt30{
margin-top: 30px !important;
}
.mt90{
margin-top: 90px !important;
}
.mt100{
margin-top: 100px !important;
}
.mt140{
margin-top: 140px !important;
}
.mr5{
margin-right: 5px !important;
}
.mt200{
margin-top: 200px;
}
.mb75{
margin-bottom:75px;
}
.center{
text-align: center !important;
}

#wrapper{
width:100%;
}

.pcnone{
display: none !important;
}
/*************************************

ヘッダー

************************************/	
#header_wrap{
background: #fff;
height: 90px;
box-sizing: border-box;
}
/*.headup_left{
height: 86px;
float: left;
width: 394px;
}*/

.header-logo{
width: 23.8vw;
padding-top: 20px;
padding-left: 10px;
text-align: center;
float: left;
box-sizing: border-box;
}
.header-logo img{
max-height: 45px;
}
.headup_nav{
float: right;
}
p.headp{
font-size: 10px;
}

.headup p{
font-size: 12px;
font-weight: 700;
float: left;
line-height: 40px;
margin-right: 15px;
}



/*************************************

ナビゲーション

************************************/
.nav_wrap{
float: left;
width: 810px;
margin-top: 15px;
}
#global-nav{
background: #fff;
height:48px;
margin: 0 auto;
z-index: 90;
box-sizing:border-box;
}
#global-nav ul {
margin: 0;
z-index: 10;
box-sizing:border-box;

}
#global-nav ul li {
float: left;
/*width: 135px;*/
width : 182px ;
font-size: 14px;
height: 48px;
border-right:1px solid #828282;
box-sizing:border-box;
line-height: 48px;
}
#global-nav ul li:first-child{
border-left:1px solid #828282;
}
#global-nav ul li a{
color: #000;
display: block;
line-height: 48px;
font-size: 14px;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out; 
}
#global-nav ul li a:hover{
color: #000;
border-bottom:6px solid #00873c;
}
#global-nav ul li li {
float: none;
}
#global-nav a {
display: block;
outline: 0;
text-align: center;
}
#global-nav .menu-item{
}
#global-nav li ul {
display: none;
}
#global-nav .menu-item {
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;
background-position: bottom left;
}
#global-nav .current-menu-item, 
#global-nav .current-post-ancestor, 
#global-nav .current-page-ancestor, 
#global-nav .menu-item:hover,
#global-nav .menu-item:hover a{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deac00+0,bc8300+100 */
}
#global-nav .current-menu-item a{
color: #000;
border-bottom:6px solid #00873c;
}
#global-nav .current-menu-parent a{
color: #fff;
background:#e60012;
}
#global-nav ul ul {
display: none;
position: absolute;
top: 36px;
z-index: 100;
width: auto;	
}
#global-nav ul .menu-item ul a {
width: 170px;
color: #333;
background: none;
text-indent: 0;
height: 22px;
padding: 10px 5px;
border-top: solid 1px #ddd;
}
#global-nav ul .menu-item ul a:hover {
background:#e60012;
color: #fff;
}
#global-nav ul .menu-item ul li {
background: #fff;
float: none;
width:auto;
height:auto;
border-right: none;
}

#global-nav ul .menu-item ul li:first-child a {
border-top: none;
min-width:145px;
height:auto;
font-size:12px;
vertical-align: baseline;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#global-nav ul .menu-item ul li a {
border-top: none;
border-bottom:1px solid #ccc;
font-size:12px;
width:auto;
height:auto;
vertical-align: baseline;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#global-nav ul .menu-item ul li:last-child a {
border-top: none;
border-bottom:none;
width:auto;
height:auto;
font-size:12px;
vertical-align: baseline;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#global-nav ul li:hover > ul, div.menu ul li:hover > ul {
display: block;
}

/* リストの記号を消去 */
.menu-item {
list-style-type: none;
}

/* サブメニューをabsoluteにするため、親メニューをrelativeに */
.menu-item-has-children {
position: relative;
}

/* 親メニューにマウスオーバーしたときにカーソルを変更 */
.menu-item-has-children:hover {
cursor: pointer;
}

/* 子を持つ親メニューにマウスオーバーしたときサブメニューを表示 */
.menu-item-has-children:hover .sub-menu {
display: block;
}

/* サブメニューをabsoluteにして親メニューの下に配置。スタイルは適宜調整してください */
#global-nav ul ul.sub-menu {
display: none;
position: absolute;
top: 30px !important;
left: 0;
width: 200px;
background: white;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
padding: 0;
}

/* サブメニューの境目をわかりやすくするため、一番下の項目以外下線を引いた */
.sub-menu > .menu-item:not(:last-child) {
border-bottom: 1px solid #eee;
}

/* サブニューのリンクタグをmenu-itemの大きさと合わせ、クリックしやすいようにした */
.sub-menu > .menu-item a {
display: inline-block;
width: 100%;
height: 100%;
/*padding: .5em 0;*/
}

/* サブメニューにマウスオーバーしたときリンクの背景色とテキストカラーを変更 */
.sub-menu > .menu-item a:hover {
background: black;
color: white;
}










/*************************************

フッター

************************************/

.footerwrap{
width: 100%;
background: #00873c;
height: 242px;
padding-top: 46px;
box-sizing: border-box;
color: #fff;
}
.footercontainer{
width: 1000px;
margin: 0 auto;
}
.footeradd{
float: left;
width: 325px;
padding-left: 69px;
box-sizing: border-box;
}
.footeradd h1.footerh1{
font-size: 14px;
}
p.footeraddp{
font-size: 13px;
line-height: 1.5;
margin-top: 12px;
}
.copy{
text-align: center;
font-size: 12px;
color: #fff;
background: #007130;
padding: 30px 0;
}
div.footerbox{
float: left;
width: 134px;
padding-top: 26px;
font-size: 13px;
}
div.footerbox p.footertitle{
margin-bottom: 14px;
}

div.footerbox a{
color: #fff;
font-size:13px;
display: block;
}

/*************************************

スライダー

************************************/
.top-upper-wrap{
width: 100%;
background: url(image/top/slideback.jpg) no-repeat;
background-size: cover;
background-position: top;
position: relative;
height: 745px;
box-sizing: border-box;
}
.topslider{
width: 67.9vw;
height: 577px;
position: absolute;
left: 0;
overflow: hidden;
}

.sliderimg{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.sliderimg img{
transform: scale(1.2);
transition: .8s cubic-bezier(.645, .045, .355, 1);
}
.slick-current img {
transform: scale(1);
}

.topslidertxt{
position: absolute;
width: 549px;
height: 483px;
left: 58.1vw;
top: 55px;
}



/*************************************

トップニュース

************************************/
.top-news-wrap{
width: 810px;
margin: 0 auto;
padding: 610px 0 0;
position:relative;
z-index:99999;
}
.topnews{
float: left;
width: 177px;
}
h2.topnewsh2{
color: #fff;
font-weight: 700;
font-size: 35px;
}
p.topnewssub{
color: #fff;
font-size: 15px;
}
a.topnewslinkbtn{
display: block;
box-sizing: border-box;
background: #fff;
color: #00873c;
width: 116px;
height: 32px;
line-height: 32px;
text-align: center;
}
a.topnewslinkbtn span{
vertical-align: middle;
color: #00873c;
}
ul.topnews-container{
float: right;
width: 633px;
}
ul.topnews-container li{
height: 38px;
width: 100%;
line-height: 38px;
border-bottom: 1px solid #fff;
}
ul.topnews-container li a{
padding-left: 14px;
color: #fff;
line-height: 38px;
}
span.a_date{
color: #fff;
margin-right: 33px;
display: inline-block;
font-size: 14px;
line-height: 38px;
}
span.topnewcategory{
color: #00873c;
background: #fff;
font-size: 14px;
padding: 3px 5px;
line-height: 38px;
}
span.a_title{
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 38px;
}
/*************************************

トップ当社について

************************************/
div.tosha-jigyowrap{
background: url(image/top/back01.png);
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
}

div.top-tosha{
height: 770px;
width: 100%;
padding-top: 120px;
}
div.top-tosha-container{
width: 1000px;
height: 680px;
margin: 0 auto 0;
position: relative;
}
h3.top-tosha-h3{
color: #00873c;
font-size: 31px;
line-height: 1.8;
width: 350px;
margin-bottom: 45px;
font-weight: 700;
opacity:0;
}
div.top-tosha-container p{
font-size: 15px;
line-height: 1.8;
width: 500px;
margin-bottom: 56px;
}
a.topbtn{
display: block;
background: #00873c;
color: #fff;
text-align: center;
width: 219px;
height: 53px;
line-height: 53px;
	margin-top: 40px;
}
a.topbtn span{
color: #fff;
}
a.topbtn span:after{
content: "";
background: url(image/top/topbtnyajirushi.svg);
width: 13px;
height: 8px;
display: inline-block;
}
div.toshaimg01{
position: absolute;
left: 580px;
width: 797px;
top: 0;
}
div.toshaimg02{
position: absolute;
left: 460px;
top: 423px;
width: 377px;
}
/*************************************

トップ事業紹介

************************************/
div.top-jigyo-wrap{
padding-top: 130px;
background-color:rgba(229,229,229,0.7);
padding-bottom: 110px;
}
div.top-jigyo{
width: 1000px;
margin:  0 auto;
position: relative;
/*height: 1087px;*/
	height: 1520px;
}

h2.topjigyo-h2{
font-size: 24px;
text-align: center;
padding-bottom: 15px;
background: url(image/top/toph2-under.svg);
background-size:40px 4px;
background-position: bottom center;
background-repeat: no-repeat;
font-weight: 700;
letter-spacing: 4px;
}
.topjigyo-img01{
width: 399px;
height: 382px;
position:absolute;
left: 87px;
top: 171px;
}
.topjigyo-img02{
width: 399px;
height: 382px;
position:absolute;
left: 511px;
top: 285px;
}
.topjigyo-img03{
width: 399px;
height: 382px;
position:absolute;
left: 87px;
top: 587px;
}
.topjigyo-img04{
width: 399px;
height: 382px;
position:absolute;
left: 511px;
top: 704px;
}
.topjigyo-img05{
width: 399px;
height: 382px;
position:absolute;
left: 87px;
top: 1003px;
}
	.topjigyo-img06{
width: 399px;
height: 382px;
position:absolute;
left: 511px;
top: 1123px;
}
	
	
.jigyo-box{
display: block;
width: 250px;
height: 250px;
padding: 18px;
background: #fff;
box-sizing: border-box;
}
.jigyo-box2{
width: 214px;
height: 214px;
box-sizing: border-box;
border:3px solid #00873c;
padding-left: 16px;
padding-right: 16px;
}


.top-jigyo-txt01{
position: absolute;
top:237px;
left: 0;
}
.top-jigyo-txt02{
position: absolute;
top:351px;
left: 749px;
}
.top-jigyo-txt03{
position: absolute;
top:653px;
left: 0;
}
.top-jigyo-txt04{
position: absolute;
top:770px;
left: 749px;
}
.top-jigyo-txt05{
position: absolute;
top:1069px;
left: 0;
}
	.top-jigyo-txt06{
position: absolute;
top:1189px;
left: 749px;
}
	
a.top-jigyo-btn{
display: block;
width: 219px;
height: 53px;
line-height: 53px;
text-align: center;
margin: 70px auto 0;
background: #00873c;
}
a.top-jigyo-btn span{
color: #fff;
text-align: center;
vertical-align: middle;
}
a.top-jigyo-btn span:after{
content: "";
background: url(image/top/topbtnyajirushi.svg);
width: 13px;
height: 8px;
display: inline-block;
margin-left: 10px;
}
.jigyo-box2 h5{
color: #00873c;
font-size: 24px;
letter-spacing: 10px;
font-weight: 700;
margin-top: 38px;
}
.jigyo-box2 p{
margin-top: 18px;
font-size: 14px;
line-height: 1.7;
color: #000;
}
div.viewmore{
color: #00873c;
width: 100%;
font-size: 11px;
background: url(image/top/viewmore.svg);
background-position: right;
background-repeat: no-repeat;
background-size:26px 4px;
margin-top: 60px;
}
.top-jigyo-txt01 div.viewmore{
margin-top: 30px;
}
.top-jigyo-txt02 div.viewmore{
margin-top: 25px;
}
.top-jigyo-txt03 div.viewmore{
margin-top: 25px;
}
.top-jigyo-txt04 div.viewmore{
margin-top: 25px;
}
	.top-jigyo-txt05 div.viewmore {
    margin-top: 20px;
	}
		.top-jigyo-txt06 div.viewmore {
    margin-top: 20px;
	}
.top-jigyo-txt04 .jigyo-box2 h5{
letter-spacing: 5px;
}
/*************************************

トップ実績紹介

************************************/
.top-jisseki-wrap{
width: 100%;
background: url(image/top/jisekiback.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
height: 894px;
padding-top: 250px;
box-sizing: border-box;
}
.multiple{
width: 100%;
margin: 50px auto 80px;
}
.multiple div{
margin: 0 12px;
}
/*************************************

トップ採用

************************************/
.top-recruit-wrap{
width: 100%;
background: url(image/top/recruitback4.jpg);
height: 637px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding-top: 90px;
}
.recruit-container{
width: 1000px;
margin: 0 auto 0;
position: relative;
}
.recruit-box{
background: #fff;
width: 486px;
height: 427px;
box-sizing: border-box;
left: -140px;
top: 90px;
padding: 88px 47px;

}
h3.toprech3{
font-size: 28px;
color: #00873c;
line-height: 1.5;
font-weight: 700;
}
.recruit-box p{
line-height: 1.5;
margin-top: 20px;
font-size: 14px;
}
a.top-recruit-btn{
display: block;
width: 219px;
height: 53px;
line-height: 53px;
text-align: center;
margin-top: 30px;
background: #00873c;
}
a.top-recruit-btn span{
color: #fff;
text-align: center;
vertical-align: middle;
}
a.top-recruit-btn span:after{
content: "";
background: url(image/top/topbtnyajirushi.svg);
width: 13px;
height: 8px;
display: inline-block;
margin-left: 10px;
}

/*************************************

トップお問い合わせ

************************************/
.mb55{
margin-bottom: 55px !important;
}
.topcontact {
margin-bottom: 0 !important;
}
/*************************************

固定ページ

************************************/

.pageheadwrap{
width: 100%;
background: #00873c;
height: 200px;
box-sizing: border-box;
padding-top: 75px;
}
.pageheadwrap p{
font-size: 32px;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
text-align: center;
}
.pagecontainer{
width: 1200px;
margin: 0 auto;
}




.map{
width: 100%;
margin-top: 110px;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/*************************************

固定ページ

************************************/
.pageheadtxt{
position: absolute;
top:105px;
margin-left: 10.9vw;
}
.pageheadgray{
background: #323232;
height: 300px;
width: 37%;
float: left;
}
.corpotate{
background: url(image/headimage/corporate.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}




div.pagelinkbtn{
text-align: center;
}
div.pagelinkbtn a{
color: #1e83c7;
text-decoration: none;
padding: 0 22px;
border-right: 1px solid #1e83c7;
}
div.pagelinkbtn a:last-child{
border:none;
}



h2.pagetitleh2{
width: 100%;
}
h3.pagetitleh3{
font-size: 23px;
font-weight: 600;
margin-bottom: 50px;
margin-top: 20px;
color: #323232;
}
table.table01{
border-collapse: collapse;
width: 100%;
margin-bottom: 50px;
border-top: 1px solid #1e83c7;
}
table.table01 th{
margin-bottom: 50px;
padding: 20px 25px;
background: #d2e6f4;
text-align: left;
color: #323232;
font-size: 18px;
width: 190px;
font-weight: 700;
border-bottom: 1px solid #1e83c7;
vertical-align: middle;
}
table.table01 td{
font-size: 16px;
padding: 20px 25px;
background: #fff;
border-bottom: 1px solid #1e83c7;
}


table.table02 tr:nth-child(odd){
background: #d2e6f4;
}
table.table02{
border-collapse: collapse;
width: 100%;
margin-bottom: 50px;
}
table.table02 th{
margin-bottom: 50px;
padding: 20px 25px;
text-align: left;
color: #1e83c7;
font-size: 18px;
width: 190px;
font-weight: 700;
}
table.table02 td{
font-size: 16px;
padding: 20px 25px;
}
table.table02 td:first-child{
color: #1e83c7;
font-size: 18px;
font-weight: 700;
}
.historytxt{
color: #1e83c7;
font-size: 18px;
font-weight: 700;
}


/*************************************

投稿ページ

************************************/
div.wrap{
width: 100%;
background: #f5f5f5;
padding-top: 60px;
}

div.singlewrap{
width: 1200px;
margin: 0 auto;
}

div.singlecontainer{
float: left;
width: 888px;
background: #fff;
padding: 47px 59px;
box-sizing: border-box;
}

div.singleside{
float: right;
width: 288px;
}

div.singleside_news{
width: 100%;
background: #fff;
}
div.singletitle{
font-size: 29px;
font-weight: 700;
border-bottom: 1px solid #909090;
padding-bottom: 40px;
margin-bottom: 30px;
}

div.singleside_news{
background: #fff;
padding: 48px 23px;
width: 100%;
box-sizing: border-box;
margin-bottom: 60px;
}
h3.siglesideh3{
font-size: 23px;
font-weight: 700;
}
div.singleside_news a{
display: block;
height: 100px;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #909090;
margin-bottom: 20px;
}
div.sidenewsimg{
width: 100px;
height: 95px;
display: block;
float: left;
}
div.sidenewsright{
width: 120px;
float: right;
}
.a_title_side{
font-size: 12px;
color: #000;
font-weight: 700;
line-height: 1.2;
display: block;
}
/*************************************

お知らせ　投稿ページ

************************************/

.singlecontainer p{
margin-bottom: 20px;
line-height: 1.6;
}
.singlecontainer h1{
font-size: 34px;
color: #323232;
font-weight: 700;
margin-top: 27px;
}
.singlecontainer h2{
font-size: 30px;
color: #1e83c7;
font-weight: 700;
margin-top: 27px;
}
.singlecontainer h3{
font-size: 20px;
color: #1e83c7;
font-weight: 700;
margin-top: 27px;
}
.singlecontainer a{
color: #1e83c7;
text-decoration: underline;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
/* transition: 0.3s ease-in-out;*/ 
}
.singlecontainer a:hover{ 
opacity: 0.7 !important;
filter: alpha(opacity=70) !important;
-ms-filter: "alpha(opacity=70)" !important;
}	


div.singledate{
margin-top: 12px;
height: 35px;
position: relative;
margin-bottom: 50px;
}
div.singledate:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
display: inline-block;
width: 16px;/*線の長さ*/
height: 5px;/*線の太さ*/
/* -webkit-transform: translateX(-100%);
transform: translateX(-100%);*//*位置調整*/
background-color: #1e83c7;/*線の色*/
}

/*************************************

お知らせ　一覧ページ

************************************/

.news__title {
text-align: center;
font-size: 32px;
padding: 40px;
padding: 70px;
text-align: center;
background-color: #00873C;
color: #fff;
letter-spacing: 0.2em;
font-size: 32px;
font-weight: 700;
}
.newswrap{
width: 100%;
background: #f5f5f5;
padding-bottom: 186px;
}
.news-container{
width: 1126px;
margin: 0 auto;
background: #fff;
padding-top: 114px;
padding-bottom: 111px;
}
.news-all-container{
width: 1000px;
margin: 0 auto;
}
h3.news-all-title{
text-align: center;
font-size: 31px;
color: #00873c;
font-weight: 700;
}
.news-all-container a{
display: block;
color: #000;
border-bottom: 1px solid #808080;
padding: 25px 0;
}
span.news_date{
font-size: 14px;
vertical-align: middle;
color: #000;
margin-right: 33px;
}
span.news-category{
border: 1px solid #000;
text-align: center;
vertical-align: middle;
padding: 3px 5px;
color: #000;

}
span.news_title{
vertical-align: middle;
font-size: 16px;
color: #000;
}


h2.news-title{
text-align: center;
font-size: 31px;
color: #00873c;
font-weight: 700;
margin-bottom: 30px;
}
div.single-container{
width: 80%;
margin: 0 auto;
}

div.single-container h2{
font-size: 28px;
color: #00873c;
font-weight: 700;
border-bottom: 1px solid #00873c;
}
div.single-container h3{
font-size: 28px;
color: #00873c;
font-weight: 700;
}
div.single-container h4{
font-size: 24px;
color: #000;
font-weight: 700;
}
div.single-container p{
line-height: 1.7;
font-size: 17px;
letter-spacing: 1px;
margin-bottom: 20px;
}
div.single-container img{
max-width: 100%;
height: auto;
margin: 0 0 20px;
}
div.single-container a{
color: #00873c;
text-decoration: underline;
}



div.pagenavi{
width: 1000px;
margin: 50px auto 0;
}
.pagination {
clear: both;
padding: 20px 0;
position: relative;
font-size: 14px;
line-height: 1em;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
/*float: left;*/
margin: 2px 2px 2px 0;
padding: 10px 14px 10px 14px;
text-decoration: none;
width: auto;
color: #00873c; 
background: #fff; 
border-radius: 50%; 
}
.pagination span.page-of {
background: none;
color: #00873c;
}
.pagination a:hover{
color: #fff; /* マウスホバー時の文字色 */
background: #00873c; /* マウスホバー時の背景色 */
}
.pagination .current{
padding: 10px 14px 10px 14px;
color: #fff; /* 現在のページの文字色 */
background: #00873c; /* 現在のページの背景色 */
}
.page-numbers{
/*width: 100%; */
text-align: center;
margin-right: 10px;
vertical-align: middle;
}
.page-numbers li{
display: inline;
}
.page-numbers:after {
content: "";
display: block;
clear: both;
}
.current{
color:#fff;
background-color:#00873c;
}
.next,.prev{
color:#00873c;
background-color:#fff;    
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
}
.next:hover,.prev:hover{
color:#fff;
background-color:#00873c;
}
/*********pageナビ*********/
.pagenavi{
color: #00873c;
margin: 0 auto 40px;
line-height:2em;
text-align:center;
clear: both;
overflow: visible;
display: flex;
}
.pagenavi a{
text-decoration:none;
}
.pagenavi a.page-numbers, .pagenavi .current{
color: #00873c;
padding: 10px;
border:solid 1px #ccc;
text-decoration:none;
font-size:12px;
border-radius: 4px;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;
display: inline-block;
}
.pagenavi a.page-numbers:hover{
color:#fff;
background: #00873c;
}
.pagenavi .current{
color: white;
background: #00873c;
border-color: #00873c;
font-weight:bold:
}
.pagenavi .next, .pagenavi .prev{
border:0 none;
background:transparent;
text-decoration:none;
font-size:13px;
font-weight:bold;
}



/*************************************

実績

************************************/
.jiseki-wrap{
width: 100%;
padding-bottom: 190px;
}
.jiseki__title {
text-align: center;
font-size: 32px;
padding: 40px;
font-weight: bold;
}
.jiseki__firstview {
width: 100%;
margin: 0 auto;
background: url("image/jisseki/image01.jpg") no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
height: 500px;
background-size: cover;
background-position: center center;
}
.jiseki-obi{
font-size: 27px;
color: #fff;
text-align: center;
background: #00873c;
padding: 20px 0;
margin-top: 170px;
}
.nendo{
width: 1000px;
margin: 0 auto;
text-align: center;
color: #00873c;
border: 1px solid #00873c;
font-size: 27px;
height: 64px;
line-height: 64px;
margin: 150px auto 60px;
}

table.jissekitable{
width: 1000px;
margin: 0 auto;
border: none;
}
table.jissekitable tr{
border: none;
}
table.jissekitable tr:nth-child(odd){
background: #efefee;
}
table.jissekitable th{
background:rgba(0,113,48,0.2);
color: #00873c;
border: none;
height: 45px;
line-height: 45px;
padding-left: 10px;
}

table.jissekitable td{
color: #000;
border: none;
}
table.jissekitable td:first-child{
width: 450px;
}
	table.jissekitable td:last-child{
width: 190px;
}
table.jissekitable td p{
font-size: 14px;
}
.table-green{
color: #fff !important;
background: #00873c;
}


a.jisekibtn{
display: block;
color: #00873c;
font-size: 14px;
border: 1px solid #00873c;
width: 200px;
height: 50px;
line-height: 50px;
text-align: center;
margin: 15px 0 0;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out; 
}
a.jisekibtn:hover{
background-color: #00873c;
color: #fff;
}
/*************************************

画像大きく

************************************/
figure.hover-parent {
width: 266px;
height: 244px;
position: relative;
margin-bottom: 18px;
overflow: hidden;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out; 
}
figure.hover-parent:hover .hover-mask {
width: 266px;
height: 244px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/*background: rgba(0,0,0,0.5);*/
opacity: 0;
color: #fff;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
/*transition: all 0.6s ease;*/
padding: 80px 0;
box-sizing: border-box;
background: url(image/interview/gridback.png);
background-repeat: no-repeat;
background-size: contain;

} 
figure.hover-parent:hover .hover-mask p{
text-align: center;
color: #1e83c7;
background: #fff;
}
figure.hover-parent:hover .hover-mask {
opacity: 1;
} 



/*************************************

お問い合わせ

************************************/
div.contactwrap{
width: 100%;
background: #f5f5f5;
box-sizing: border-box;
}
div.contact-container{
width: 1126px;
margin: 0 auto;
background: #fff;
padding-top: 110px;
padding-left: 95px;
padding-right: 95px;
padding-bottom: 173px;
}
div.contact-container p.contact-p{
font-size: 18px;
line-height: 1.7;
margin-bottom: 120px;
}
h3.contacth3{
font-size: 24px;
font-weight: 700;
margin-bottom: 65px;
}
.g-enquete-row {
border-top: #cccccc solid 1px !important;
border-bottom: #cccccc solid 1px !important;
}
.mw_wp_form_g-enquete table th{
background: #f2f2f2 !important;
color: #00873c !important;
vertical-align: middle !important;
}
.mw_wp_form_g-enquete input[type="submit"], .mw_wp_form_g-enquete input[type="button"], .mw_wp_form_g-enquete button{
border: 1px solid #00873c !important;
background: #00873c !important;
border-radius: 0 !important;
font-size: 20px !important;
box-shadow: none !important;
color: #fff !important;
cursor: pointer;
-webkit-appearance: button;
line-height: 20px;
text-shadow: none !important;-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;
width: 472px;
height: 60px;
vertical-align: middle;
}
.mw_wp_form_g-enquete input[type="submit"]:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.hisu{
font-size: 11px;
margin-left: 10px;
color: #fff;
background: #00873c;
vertical-align: middle;
padding: 2px 4px;
letter-spacing: 1px;
border-radius: 3px;

}
.g-enquete-title{
vertical-align: top;
}
.require{
display: none;
}
.mw_wp_form_g-enquete .action-buttons {
text-align: center;
}

div.kojinjoho{
border: 1px solid #ccc;
color: #666;
padding: 10px;
width: 100%;
height: 150px;
overflow: scroll;
margin-bottom: 40px;
}

/*************************************

代表実績

************************************/
.main-jiseki-wrap{
width: 100%;
background:#f5f5f5 ;
padding-top: 70px;
}
.main-jiseki-box{
width: 1126px;
background: #fff;
margin: 0 auto 70px;
padding: 60px 150px; 
}
p.main-title-jiseki{
color: #fff;
text-align: center;
background: #00873c;
width: 128px;
height: 30px;
line-height: 30px;
letter-spacing: 3px;
margin: 0 auto;
}
h2.main-title-h2{
text-align: center;
font-weight: 700;
font-size: 30px;
margin-bottom: 67px;
margin-top: 40px;
}
table.main-jiseki-table{
width: 100%;
}
table.main-jiseki-table th{
background: #f5f5f5;
text-align: center;
color: #000;
font-size: 17px;
padding: 20px 0;
vertical-align: middle;
}
table.main-jiseki-table td{
padding: 20px;
text-align: left;
vertical-align: top;
}
div.jiseki-slider{
/*width: 100%;
margin-bottom: 80px;*/
width: 70%;
    margin: 0 auto 40px;
}
.thumb-item-nav{
margin: 10px 0;
}
}

/*****************************************************************************************************************************************************************************************

スマートフォン用css

****************************************************************************************************************************************************************************************/
@media screen and  ( max-width:768px) {
/*// スマホに適用するスタイルを書く //*/
.spnone{
display: none !important;
}
body,html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

.anime {
width: 100%;
height: 100%;
max-height: 1080px;
background-color: #E9E3E3;
position: relative;
}

.anime img {
display: block;
position: absolute;
top: 28%;
left: 40%;
}

.mainSite {
width: 100%;
height: 100%;
max-height: 1080px;
background-color: #FC6;
position: relative;
}

.mainSite p {
font-size: 160%;
color: #FFF;
position: absolute;
top: 42%;
left: 40%;
}
.fade {  
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
/* transition: 0.3s ease-in-out;*/  
}  

.fade:hover {  
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}	
.pt20{
padding-top: 20px;
}
.pt100{
padding-top: 50px;
}
.pb100{
padding-bottom: 50px;
}
.pb160{
padding-bottom: 160px;
}
.pb190{
padding-bottom: 190px;
}
.mb20{
margin-bottom: 20px;
}
.mb45{
margin-bottom: 45px !important;
}
.mb50{
margin-bottom: 50px;
}
.mb70{
margin-bottom: 70px;
}
.mb80{
margin-bottom: 40px !important;
}
.mb100{
margin-bottom: 50px !important;
}
.mb200{
margin-bottom: 100px;
}
.mt20{
margin-top: 20px;
}
.mt90{
margin-top: 90px;
}
.mt100{
margin-top: 50px !important;
}
.mr5{
margin-right: 5px;
}
.mt200{
margin-top: 100px;
}
.backcolor_beige{
background: #f8f6f2;
}

.multiple { padding: 0;}
.multiple img { width: 100%;}
.multiple div { margin: 0 5px;}
.multiple .slick-next { right: 17px;　z-index: 100;}
.multiple .slick-prev { left: 23px; z-index: 100;}	
/*************************************

ヘッダー

************************************/	
#spheader{
width: 100%;
background: #fff;
height:55px;
text-align: center;
box-sizing: border-box;
}
.headerlogo_sp{
width:60vw;
z-index: 1000;
/*position: fixed;*/
/*top: 2vw;
left: 2vw;*/
margin: 0 auto;
/*padding: 3vw 0;*/
height:60px;
box-sizing: border-box;
vertical-align: middle;
}
.headerlogo_sp a{
vertical-align: middle;
width: 100%;
display: block;
height:60px;
padding-top: 3vw;
box-sizing: border-box;
	padding: 5vw 0;
}
.headerlogo_sp a img{
vertical-align: middle;
width: 100%;
height: auto;
line-height: 57px;
}

.spnavlogo{
width: 100%;
margin: 0 auto;
padding: 5vw 10vw;
box-sizing: border-box;
background: #fff;
}
.line-h74 {
line-height: 1;
}

/*************************************

スライダー

************************************/
.topslider{
width: 100vw;
height: 45vw;
position: relative;
}
.slidertxt01,.slidertxt02,.slidertxt03{
position: absolute;
top: 10vw;
left: 5vw;
z-index: 10;
}
.slidertxt01{
width:40vw;
font-size: 5vw;
font-weight: 700;
}
.slidertxt02{
width:40vw;
font-size: 5vw;
font-weight: 700;
}
.slidertxt03{
width:50vw;
font-size: 5vw;
font-weight: 700;
}
.sliderimg{
position: absolute;
top: 0;
left: 0;
height: 45vw;
width: 100%;
}
.sliderimg img{
transform: scale(1.2);
transition: .8s cubic-bezier(.645, .045, .355, 1);
}
.slick-current img {
transform: scale(1);
}
.slick-slide {
position: relative;
}
.slick-slide .caption {
position: absolute;
z-index: 2;
color: #fff;
font-size: 4vw;
opacity: 0;
transition: .3s ease;
}
.slick-current .caption {
opacity: 1;
transition-delay: .5s;
}
.slick-slide .slidersubtxt01{
position: absolute;
right: 0;
bottom: 6.5vw;
opacity: 0;
transition: .3s ease;
z-index: 2;
width: 60vw;
}
.slick-current .slidersubtxt01 {
opacity: 1;
transition-delay: .5s;
}
/*************************************

フッター

************************************/

.footerwrap{
width: 100%;
background: #00873c;
padding-top: 10vw;
box-sizing: border-box;
color: #fff;
padding-bottom: 20vw
}
.footercontainer{
width: 90%;
margin: 0 auto;
}
.footeradd{
width: 100%;
box-sizing: border-box;
}
.footeradd h1.footerh1{
font-size: 4vw;
text-align: center;
font-weight: 700;
letter-spacing: 1px;
}
p.footeraddp{
font-size: 3vw;
line-height: 1.5;
margin-top: 5vw;
width: 60%;
margin: 0 auto;
}
.copy{
text-align: center;
font-size: 2.5vw;
color: #fff;
background: #007130;
padding: 4vw 0;
}
div.footerbox{
width : calc(100% / 3) ;
padding-top: 26px;
font-size: 13px;
float: left;
box-sizing: border-box;
}
div.footerbox p.footertitle{
margin-bottom: 14px;
}

div.footerbox a{
color: #fff;
font-size:13px;
display: block;
}
/*************************************

スライダー

************************************/
.top-upper-wrap{
width: 100%;
background: url(image/top/slideback.jpg) no-repeat;
background-size: cover;
background-position: top;
position: relative;
/*height: 745px;*/
box-sizing: border-box;
z-index: 10;
}
.topslider{
width: 100%;
position: absolute;
left: 0;
overflow: hidden;
}

.sliderimg{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.sliderimg img{
transform: scale(1.2);
transition: .8s cubic-bezier(.645, .045, .355, 1);
}
.slick-current img {
transform: scale(1);
}

.topslidertxt{
position: absolute;
width: 80vw;
height: 40%;
left: 10vw;
top: 50vw;
z-index: 10;
}
	.topslidertext_text{
		width: 57vw;
	}



/*************************************

トップニュース

************************************/
.top-news-wrap{
width: 90%;
margin: 0 auto;
padding: 135vw 0 0;
}
.topnews{
width: 100%;
}
h2.topnewsh2{
color: #fff;
font-weight: 700;
font-size: 6vw;
float: left;
}
p.topnewssub{
color: #fff;
font-size: 3vw;
float: left;
margin-left: 3vw;
padding-top: 2vw;
}
a.topnewslinkbtn{
display: block;
box-sizing: border-box;
background: #fff;
color: #00873c;
width: 40vw;
height: 6vw;
line-height: 6vw;
font-size: 2.5vw;
text-align: center;
float: right;
margin-top: 1vw;
}
a.topnewslinkbtn span{
vertical-align: middle;
color: #00873c;
}
ul.topnews-container{
clear: both;
width: 100%;
margin: 5vw auto 0;
padding-bottom: 10vw;
}
ul.topnews-container li{
width: 100%;
border-bottom: 1px solid #fff;
padding-bottom: 2vw;
}
ul.topnews-container li a{
color: #fff;
}
span.a_date{
color: #fff;
margin-right: 3vw;
display: inline-block;
font-size: 2.5vw;
}
span.topnewcategory{
color: #00873c;
background: #fff;
font-size: 2.5vw;
padding: 1vw 2vw;
}
span.a_title{
color: #fff;
display: inline-block;
font-size: 2.5vw;
}
/*************************************

トップ当社について

************************************/
div.tosha-jigyowrap{
background: url(image/top/back01.png);
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
}

div.top-tosha{
/*height: 770px;*/
width: 100%;
padding-top: 10vw;
}
div.top-tosha-container{
width: 90%;
height: 200vw;
margin: 0 auto 0;
position: relative;
}
h3.top-tosha-h3{
color: #00873c;
font-size: 7vw;
line-height: 1.8;
margin-bottom: 45px;
font-weight: 700;
width: 80vw;
}
div.top-tosha-container p{
font-size: 3vw;
line-height: 1.8;
width: 100%;
margin-bottom: 5vw;
}
a.topbtn{
display: block;
background: #00873c;
color: #fff;
text-align: center;
width: 219px;
height: 53px;
line-height: 53px;
}
a.topbtn span{
color: #fff;
}
a.topbtn span:after{
content: "";
background: url(image/top/topbtnyajirushi.svg);
width: 13px;
height: 8px;
display: inline-block;
}
div.toshaimg01{
position: absolute;
right: 0;
width: 90vw;
top: 110vw;
}
div.toshaimg02{
position: absolute;
left: 0;
top: 160vw;
width: 60vw;
}
/*************************************

トップ事業紹介

************************************/
div.top-jigyo-wrap{
padding-top: 22vw;
background-color:rgba(229,229,229,0.7);
padding-bottom: 22vw;
}
div.top-jigyo{
width: 100%;
margin:  0 auto;
position: relative;
height: 615vw;
	overflow: hidden;
}

h2.topjigyo-h2{
font-size: 24px;
text-align: center;
padding-bottom: 15px;
background: url(image/top/toph2-under.svg);
background-size:40px 4px;
background-position: bottom center;
background-repeat: no-repeat;
font-weight: 700;
letter-spacing: 4px;
}
.topjigyo-img01{
width: 88.7vw;
height: 84.9vw;
position:absolute;
right:0;
top: 38vw;
}
.topjigyo-img02{
width: 88.7vw;
height: 84.9vw;
position:absolute;
left: 0;
top: 132.9vw;
}
.topjigyo-img03{
width: 88.7vw;
height: 84.9vw;
position:absolute;
right:0;
top: 227.8vw;
}
.topjigyo-img04{
width: 88.7vw;
height: 84.9vw;
position:absolute;
left: 0;
top: 322.7vw;
}
.topjigyo-img05{
width: 88.7vw;
height: 84.9vw;
position:absolute;
right:0;
top: 417.6vw;
}
.topjigyo-img06{
width: 88.7vw;
height: 84.9vw;
position:absolute;
left: 0;
top: 512.5vw;
}
	
	
	
.jigyo-box{
display: block;
width: 45.6vw;
height: 45.6vw;
padding: 4vw;
background: #fff;
box-sizing: border-box;
}
.jigyo-box2{
width: 37.6vw;
height: 37.6vw;
box-sizing: border-box;
border:3px solid #00873c;
padding-left: 4vw;
padding-right: 4vw;
}


.top-jigyo-txt01{
position: absolute;
top:52.7vw;
left: 0;
}
.top-jigyo-txt02{
position: absolute;
top:151.3vw;
right: 0;
}
.top-jigyo-txt03{
position: absolute;
top: 250vw;
left: 0;
}
.top-jigyo-txt04{
position: absolute;
top:350vw;
right: 0;
}
	
	.top-jigyo-txt05{
position: absolute;
top: 450vw;
left: 0;
}
.top-jigyo-txt06{
position: absolute;
top:550vw;
right: 0;
}
	
	
	

a.top-jigyo-btn{
display: block;
width: 219px;
height: 53px;
line-height: 53px;
text-align: center;
margin: 70px auto 0;
background: #00873c;
}
a.top-jigyo-btn span{
color: #fff;
text-align: center;
vertical-align: middle;
}
a.top-jigyo-btn span:after{
content: "";
background: url(image/top/topbtnyajirushi.svg);
width: 13px;
height: 8px;
display: inline-block;
margin-left: 10px;
}
.jigyo-box2 h5{
color: #00873c;
font-size: 3.5vw;
letter-spacing: 10px;
font-weight: 700;
margin-top: 3.4vw;
}
.jigyo-box2 p{
margin-top: 2vw;
font-size: 2.5vw;
line-height: 1.7;
color: #000;
}

div.viewmore{
color: #00873c;
width: 100%;
font-size: 2.5vw;
background: url(image/top/viewmore.svg);
background-position: right;
background-repeat: no-repeat;
background-size:26px 4px;
margin-top: 60px;
}
.top-jigyo-txt01 div.viewmore{
margin-top: 2vw;
}
.top-jigyo-txt02 div.viewmore{
margin-top: 2vw;
}
.top-jigyo-txt03 div.viewmore{
margin-top: 2vw;
}
.top-jigyo-txt04 div.viewmore{
margin-top: 2vw;
}
	.top-jigyo-txt05 div.viewmore{
margin-top: 2vw;
}
	.top-jigyo-txt06 div.viewmore{
margin-top: 2vw;
}
.top-jigyo-txt04 .jigyo-box2 h5{
letter-spacing: 1vw;
}
/*************************************

トップ実績紹介

************************************/
.top-jisseki-wrap{
width: 100%;
background: url(image/top/jisekiback.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
/*height: 894px;*/
padding-top: 10vw;
padding-bottom: 10vw;
box-sizing: border-box;
}
.multiple{
width: 100%;
margin: 50px auto 80px;
}
.multiple div{
margin: 0 12px;
}
/*************************************

トップ採用

************************************/
.top-recruit-wrap{
width: 100%;
background: url(image/top/recruitback4.jpg);
background-size: contain;
height: 637px;
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
}
.recruit-container{
width: 90%;
margin: 0 auto 0;
position: relative;
height: 100vw;
}
.recruit-box{
position: absolute;
background: #fff;
width: 90vw;
box-sizing: border-box;
/*left: 5vw;*/
top: 26.2vw;
padding: 10.4vw;

}
h3.toprech3{
font-size: 28px;
color: #00873c;
line-height: 1.5;
font-weight: 700;
}
.recruit-box p{
line-height: 1.5;
margin-top: 20px;
font-size: 14px;
}
a.top-recruit-btn{
display: block;
width: 219px;
height: 53px;
line-height: 53px;
text-align: center;
margin-top: 30px;
background: #00873c;
}
a.top-recruit-btn span{
color: #fff;
text-align: center;
vertical-align: middle;
}
a.top-recruit-btn span:after{
content: "";
background: url(image/top/topbtnyajirushi.svg);
width: 13px;
height: 8px;
display: inline-block;
margin-left: 10px;
}

/*************************************

トップお問い合わせ

************************************/
.mb55{
margin-bottom: 55px !important;
}
.topcontact {
margin-bottom: 0 !important;
}
.concept__contact {
padding: 10vw 5vw !important;
}
.contact__waybox__way{
margin-bottom: 5vw;
background: #fff;
}
.contact__waybox{
background-color: #e5e5e5 !important;
}
/*************************************

実績

************************************/
.jiseki-wrap{
width: 100%;
padding-bottom: 190px;
}
.jiseki__title {
text-align: center;
font-size: 5vw;
padding: 5vw;
font-weight: bold;
}
.jiseki__firstview {
width: 100%;
margin: 0 auto;
background: url("image/jisseki/image01.jpg") no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
height: 70vw;
background-size: cover;
background-position: center center;
}
.jiseki-obi{
font-size: 3vw;
color: #fff;
text-align: center;
background: #00873c;
padding: 4.4vw 0;
margin-top: 17.8vw;
}
.nendo{
width: 90%;
margin: 0 auto;
text-align: center;
color: #00873c;
border: 1px solid #00873c;
font-size: 3vw;
height: 14.2vw;
line-height: 14.2vw;
margin: 13.3vw auto 13.3vw;
}

table.jissekitable{
width: 90%;
margin: 0 auto;
border: none;
}
.jissekitable-chosei{
width: 100% !important;
}
table.jissekitable tr{
border: none;
clear: both;
display: flex;
}
table.jissekitable tr:nth-child(odd){
background: #efefee;
}
table.jissekitable th{
background:rgba(0,113,48,0.2);
color: #00873c;
border: none;
height: 45px;
line-height: 45px;
width : calc(100% / 3) ;
float: left;
color: #00873c;
padding-left: 5vw;
}

table.jissekitable td{
color: #000;
border: none;
width : calc(100% / 3) ;
float: left;
box-sizing: border-box;
padding: 2vw;
}
table.jissekitable td p{
font-size: 2.5vw;
}
.table-green{
color: #fff !important;
background: #00873c;
width: 100% !important;
box-sizing: border-box;
}



.introduction__title {

font-size: 6vw !important;
padding: 10vw !important;
}

/*************************************

固定ページ

************************************/

.pageheadwrap{
width: 100%;
background: #00873c;
box-sizing: border-box;
padding: 10vw;
}
.pageheadwrap p{
font-size: 4vw;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
text-align: center;
}
.pagecontainer{
width: 100%;
margin: 0 auto;
}




.map{
width: 100%;
margin-top: 40px;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/*************************************

固定ページ

************************************/
.pageheadtxt{
position: absolute;
top:105px;
margin-left: 10.9vw;
}
.pageheadgray{
background: #323232;
height: 300px;
width: 37%;
float: left;
}
.corpotate{
background: url(image/headimage/corporate.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}




div.pagelinkbtn{
text-align: center;
}
div.pagelinkbtn a{
color: #1e83c7;
text-decoration: none;
padding: 0 22px;
border-right: 1px solid #1e83c7;
}
div.pagelinkbtn a:last-child{
border:none;
}



h2.pagetitleh2{
width: 100%;
}
h3.pagetitleh3{
font-size: 23px;
font-weight: 600;
margin-bottom: 50px;
margin-top: 20px;
color: #323232;
}
table.table01{
border-collapse: collapse;
width: 100%;
margin-bottom: 50px;
border-top: 1px solid #1e83c7;
}
table.table01 th{
margin-bottom: 50px;
padding: 20px 25px;
background: #d2e6f4;
text-align: left;
color: #323232;
font-size: 18px;
width: 190px;
font-weight: 700;
border-bottom: 1px solid #1e83c7;
vertical-align: middle;
}
table.table01 td{
font-size: 16px;
padding: 20px 25px;
background: #fff;
border-bottom: 1px solid #1e83c7;
}


table.table02 tr:nth-child(odd){
background: #d2e6f4;
}
table.table02{
border-collapse: collapse;
width: 100%;
margin-bottom: 50px;
}
table.table02 th{
margin-bottom: 50px;
padding: 20px 25px;
text-align: left;
color: #1e83c7;
font-size: 18px;
width: 190px;
font-weight: 700;
}
table.table02 td{
font-size: 16px;
padding: 20px 25px;
}
table.table02 td:first-child{
color: #1e83c7;
font-size: 18px;
font-weight: 700;
}
.historytxt{
color: #1e83c7;
font-size: 18px;
font-weight: 700;
}



/*************************************

投稿ページ

************************************/
div.wrap{
width: 100%;
background: #f5f5f5;
padding-top: 60px;
}

div.singlewrap{
width: 1200px;
margin: 0 auto;
}

div.singlecontainer{
float: left;
width: 888px;
background: #fff;
padding: 47px 59px;
box-sizing: border-box;
}

div.singleside{
float: right;
width: 288px;
}

div.singleside_news{
width: 100%;
background: #fff;
}
div.singletitle{
font-size: 29px;
font-weight: 700;
border-bottom: 1px solid #909090;
padding-bottom: 40px;
margin-bottom: 30px;
}

div.singleside_news{
background: #fff;
padding: 48px 23px;
width: 100%;
box-sizing: border-box;
margin-bottom: 60px;
}
h3.siglesideh3{
font-size: 23px;
font-weight: 700;
}
div.singleside_news a{
display: block;
height: 100px;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #909090;
margin-bottom: 20px;
}
div.sidenewsimg{
width: 100px;
height: 95px;
display: block;
float: left;
}
div.sidenewsright{
width: 120px;
float: right;
}
.a_title_side{
font-size: 12px;
color: #000;
font-weight: 700;
line-height: 1.2;
display: block;
}
/*************************************

お知らせ　投稿ページ

************************************/

.singlecontainer p{
margin-bottom: 20px;
line-height: 1.6;
}
.singlecontainer h1{
font-size: 34px;
color: #323232;
font-weight: 700;
margin-top: 27px;
}
.singlecontainer h2{
font-size: 30px;
color: #1e83c7;
font-weight: 700;
margin-top: 27px;
}
.singlecontainer h3{
font-size: 20px;
color: #1e83c7;
font-weight: 700;
margin-top: 27px;
}
.singlecontainer a{
color: #1e83c7;
text-decoration: underline;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
/* transition: 0.3s ease-in-out;*/ 
}
.singlecontainer a:hover{ 
opacity: 0.7 !important;
filter: alpha(opacity=70) !important;
-ms-filter: "alpha(opacity=70)" !important;
}	


div.singledate{
margin-top: 12px;
height: 35px;
position: relative;
margin-bottom: 50px;
}
div.singledate:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
display: inline-block;
width: 16px;/*線の長さ*/
height: 5px;/*線の太さ*/
/* -webkit-transform: translateX(-100%);
transform: translateX(-100%);*//*位置調整*/
background-color: #1e83c7;/*線の色*/
}

/*************************************

お知らせ　一覧ページ

************************************/

.news__title {
text-align: center;
font-size: 32px;
padding: 40px;
padding: 70px;
text-align: center;
background-color: #00873C;
color: #fff;
letter-spacing: 0.2em;
font-size: 32px;
font-weight: 700;
}
.newswrap{
width: 100%;
background: #f5f5f5;
padding-bottom: 15vw;
}
.news-container{
width: 90%;
margin: 0 auto;
background: #fff;
padding-top: 10vw;
padding-bottom: 10vw;
}
.news-all-container{
width: 96%;
margin: 0 auto;
}
h3.news-all-title{
text-align: center;
font-size: 5vw;
color: #00873c;
font-weight: 700;
}
.news-all-container a{
display: block;
color: #000;
border-bottom: 1px solid #808080;
padding: 5vw 0;
}
span.news_date{
font-size: 2.5vw;
vertical-align: middle;
color: #000;
margin-right: 3vw;
}
span.news-category{
border: 1px solid #000;
text-align: center;
vertical-align: middle;
padding: 2vw;
font-size: 2.5vw;
color: #000;

}
span.news_title{
vertical-align: middle;
font-size: 4vw;
color: #000;
display: block;
margin-top: 3vw;
}


h2.news-title{
text-align: center;
font-size: 4vw;
color: #00873c;
font-weight: 700;
margin-bottom: 5vw;
}
div.single-container{
width: 80%;
margin: 0 auto;
}

div.single-container h2{
font-size: 4vw;
color: #00873c;
font-weight: 700;
border-bottom: 1px solid #00873c;
}
div.single-container h3{
font-size: 4vw;
color: #00873c;
font-weight: 700;
}
div.single-container h4{
font-size: 3vw;
color: #000;
font-weight: 700;
}
div.single-container p{
line-height: 1.7;
font-size: 3vw;
letter-spacing: 1px;
margin-bottom: 5vw;
}
div.single-container img{
max-width: 100%;
height: auto;
margin: 0 0 5vw;
}
div.single-container a{
color: #00873c;
text-decoration: underline;
}
/*************************************

お問い合わせ

************************************/
div.contactwrap{
width: 100%;
background: #f5f5f5;
box-sizing: border-box;
}
div.contact-container{
width: 90%;
margin: 0 auto;
background: #fff;
padding: 10vw 5vw;
box-sizing: border-box;
}
div.contact-container p.contact-p{
font-size: 3vw;
line-height: 1.7;
margin-bottom: 5vw;
}
h3.contacth3{
font-size: 4vw;
font-weight: 700;
margin-bottom: 10vw;
}
.g-enquete-row {
border-top: #cccccc solid 1px !important;
border-bottom: #cccccc solid 1px !important;
}
.mw_wp_form_g-enquete table th{
background: #f2f2f2 !important;
color: #00873c !important;
vertical-align: middle !important;
}
.mw_wp_form_g-enquete input[type="submit"], .mw_wp_form_g-enquete input[type="button"], .mw_wp_form_g-enquete button{
border: 1px solid #00873c !important;
background: #00873c !important;
border-radius: 0 !important;
font-size: 20px !important;
box-shadow: none !important;
color: #fff !important;
cursor: pointer;
-webkit-appearance: button;
line-height: 20px;
text-shadow: none !important;-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;
width: 472px;
height: 60px;
vertical-align: middle;
}
.mw_wp_form_g-enquete input[type="submit"]:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.hisu{
font-size: 2.5vw;
margin-left: 10px;
color: #fff;
background: #00873c;
vertical-align: middle;
padding: 2px 4px;
letter-spacing: 1px;
border-radius: 3px;

}
.g-enquete-title{
vertical-align: top;
}
.require{
display: none;
}
.mw_wp_form_g-enquete .action-buttons {
text-align: center;
}
.mw_wp_form_g-enquete .g-enquete-items .g-enquete-row .g-enquete-title {
    font-size: 3.5vw;
    }
div.kojinjoho{
border: 1px solid #ccc;
color: #666;
padding: 4vw;
width: 100%;
height: 150px;
overflow: scroll;
margin-bottom: 40px;
font-size: 2.5vw;
}


div.pagenavi{
width: 96%;
margin: 10vw auto 0;
}
.pagination {
clear: both;
padding: 5vw 0;
position: relative;
font-size: 2.5vw;
line-height: 1em;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
/*float: left;*/
margin: 2px 2px 2px 0;
padding: 10px 14px 10px 14px;
text-decoration: none;
width: auto;
color: #00873c; 
background: #fff; 
border-radius: 50%; 
}
.pagination span.page-of {
background: none;
color: #00873c;
}
.pagination a:hover{
color: #fff; /* マウスホバー時の文字色 */
background: #00873c; /* マウスホバー時の背景色 */
}
.pagination .current{
padding: 10px 14px 10px 14px;
color: #fff; /* 現在のページの文字色 */
background: #00873c; /* 現在のページの背景色 */
}
.page-numbers{
/*width: 100%; */
text-align: center;
margin-right: 10px;
vertical-align: middle;
}
.page-numbers li{
display: inline;
}
.page-numbers:after {
content: "";
display: block;
clear: both;
}
.current{
color:#fff;
background-color:#00873c;
}
.next,.prev{
color:#00873c;
background-color:#fff;    
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
}
.next:hover,.prev:hover{
color:#fff;
background-color:#00873c;
}
/*********pageナビ*********/
.pagenavi{
color: #00873c;
margin: 0 auto 5vw;
line-height:2em;
text-align:center;
clear: both;
overflow: visible;
display: flex;
}
.pagenavi a{
text-decoration:none;
}
.pagenavi a.page-numbers, .pagenavi .current{
color: #00873c;
padding: 10px;
border:solid 1px #ccc;
text-decoration:none;
font-size:2.5vw;
border-radius: 4px;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;
display: inline-block;
}
.pagenavi a.page-numbers:hover{
color:#fff;
background: #00873c;
}
.pagenavi .current{
color: white;
background: #00873c;
border-color: #00873c;
font-weight:bold:
}
.pagenavi .next, .pagenavi .prev{
border:0 none;
background:transparent;
text-decoration:none;
font-size:2.5vw;
font-weight:bold;
}

/*************************************

代表実績

************************************/
.main-jiseki-wrap{
width: 100%;
background:#f5f5f5 ;
padding-top: 70px;
}
.main-jiseki-box{
width: 90%;
background: #fff;
margin: 0 auto 70px;
padding: 5vw;
box-sizing: border-box;
}
p.main-title-jiseki{
color: #fff;
text-align: center;
background: #00873c;
width: 128px;
height: 30px;
line-height: 30px;
letter-spacing: 3px;
margin: 0 auto;
}
h2.main-title-h2{
text-align: center;
font-weight: 700;
font-size: 4vw;
margin-bottom: 67px;
margin-top: 5vw;
}
table.main-jiseki-table{
width: 100%;
}
table.main-jiseki-table th{
background: #f5f5f5;
text-align: center;
color: #000;
font-size: 3vw;
padding: 3vw 0;
vertical-align: middle;
display: block;
    width: 100%;
}
table.main-jiseki-table td{
padding: 3vw;
text-align: left;
font-size: 3vw;
vertical-align: top;
}
div.jiseki-slider{
/*width: 100%;
margin-bottom: 80px;*/
width: 100%;
margin: 0 auto 5vw;
}
.thumb-item-nav{
margin: 10px 0;
}
	
	
/*実績ボタン*/
a.jisekibtn{
display: block;
color: #00873c;
font-size: 14px;
border: 1px solid #00873c;
width: 200px;
height: 50px;
line-height: 50px;
text-align: center;
margin: 15px 0 0;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out; 
	margin:0 auto;
}
a.jisekibtn:hover{
background-color: #00873c;
color: #fff;
}
		
		
}
/*****************************************************************************************************************************

スマホサイトcss終了

******************************************************************************************************************************/







/*!
* jquery-drawer v3.2.2
* Flexible drawer menu using jQuery, iScroll and CSS.
* http://git.blivesta.com/drawer
* License : MIT
* Author : blivesta <design@blivesta.com> (http://blivesta.com/)
*/
.spnav-container{
	padding-bottom:200px;
}
.drawer-open{
overflow:hidden!important;
}
.drawer-nav{
position:fixed;
z-index:2;
top:0;
/*overflow:hidden;*/
width:16.25rem;
height:100%;
color:#fff;
background: #fff;
}
.drawer-brand{
font-size:1.5rem;
font-weight:700;
line-height:3.75rem;
display:block;
padding-right:.75rem;
padding-left:.75rem;
text-decoration:none;
color:#fff
}
.drawer-menu{
display: block;
/*margin: 0 0 15px;*/
/*padding: 0 10px 20px 10px;*/
/*border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #4d4d4d;*/
list-style:none；font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 15px;
/*background: #323232;*/
color: #fff;
	padding-top: 60px;
}
.arrow{
position: relative;
display: inline-block;
padding: 0 5px 0 16px;
color: #fff;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.sample4-2::before{
width: 15px;
height: 15px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.sample4-2::after{
left: 6px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #000;
}
.drawer-menu li{
/*
border-bottom: 1px solid #000;
margin-bottom: 10px;*/
display: block;
margin: 0;
text-align: left;
padding: 8px ;

/*line-height: 40px;*/
/*border-top: 1px solid #4d4d4d;*/
/*border-bottom: #666 1px solid;*/
/*padding: 0 0 5px 15px;*/

}
.drawer-menu li a{
font-weight: 500;
color: #00873c;
text-decoration: none;
/*height: 25px ;*/
padding-top: 0;
border-bottom: 1px solid #00873c;
padding-left: 3vw;
	height:auto;
	font-weight: 700;
}
.drawer-menu ul li:last-child a{
border-bottom: none;
}
.drawer-menu-item{
font-size:1rem;
display:block;
padding:.75rem;
text-decoration:none;
color:#222;
}
.drawer-menu-item:hover{
text-decoration:underline;
color:#555;
background-color:transparent
}
.drawer-overlay{
position:fixed;
z-index:1;
top:0;
left:0;
display:none;
width:100%;
height:100%;
background-color:rgba(0,0,0,.2)
}
.drawer-open .drawer-overlay{
display:block
}
.drawer--top .drawer-nav{
top:-100%;
left:0;
width:100%;
height:auto;
max-height:100%;
-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);
transition:top .6s cubic-bezier(.19,1,.22,1)}
.drawer--top.drawer-open .drawer-nav{top:0}
.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{
left:-16.25rem;
-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);
transition:left .6s cubic-bezier(.19,1,.22,1)}
.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{
left:0}
.drawer--left.drawer-open .drawer-hamburger{
left:16.25rem}.drawer--right .drawer-nav{
right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);
transition:right .6s cubic-bezier(.19,1,.22,1)}
.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0;
z-index: 500;}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}

.drawer-hamburger{
position:fixed;
background: #00873c;
z-index:4;
top:-5px;
display:block;
box-sizing:content-box;
width:2rem;padding:0;
padding:18px .75rem 30px;
-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;
/*background-color:transparent*/}

.drawer-hamburger:hover{
cursor:pointer;
background: #00873c;/*background-color:transparent*/
}
.drawer-hamburger-icon{
position:relative;
display:block;
margin-top:10px}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{
width:100%;
height:2px;
-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);
transition:all .6s cubic-bezier(.19,1,.22,1);
background-color:#fff;
}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{
position:absolute;
top:-10px;
left:0;
content:" "
}
.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon
{background-color:transparent
}
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}
.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}

@media (min-width:64em){
.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}
.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}
.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}
.drawer--sidebar .drawer-container{max-width:48rem}

}@media (min-width:75em){
.drawer--sidebar .drawer-nav{width:16.25rem}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}
.drawer--sidebar .drawer-container{max-width:60rem}}

.drawer--navbarTopGutter{padding-top:3.75rem}
.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar{z-index:3;top:0;width:100%}
.drawer-navbar--fixed{position:fixed}
.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}
.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}
.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}
@media (min-width:64em){
.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}
.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}
.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}
.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}

.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}
.drawer-dropdown-menu>li{width:100%;list-style:none}
.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}
.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}
.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.drawer-container{margin-right:auto;margin-left:auto}
@media (min-width:64em){
.drawer-container{max-width:60rem}
@media (min-width:75em){.drawer-container{max-width:70rem}}