@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*設定する場合→ font-family:'Noto sans japanese', sans-serif; を追加*/
/*同時に他のWEBフォントを使う場合はhtml側に記載すること*/

*{
	box-sizing: border-box;
}
a{
    text-decoration: none;
	color: inherit;
	
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:hover{
	opacity: .7;
}

body{
	font-size: 14px;
	background: #FFFFFF;
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
}

#wrapper{
	min-width: 980px;
}

img{
	vertical-align: bottom;
}

input[type=text],input[type=tel],input[type=email],
input[type=submit],
input[type=button]{
	-webkit-appearance: none;
	border: 1px solid #999999;
}

input[type=submit]{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.for-sp{
	display: none !important;
}

/*共通
----------------------------------------------------------------------------------------------------*/
.t-right{
	text-align: right !important;
}

.t-blue{
	color: #007191;
}

.t-brown{
	color: #806239;
}

.t-orange{
	color: #c65a24;
}

.t-green{
	color: #398a4a;
}

.btn-box{
	margin: 20px 0;
	text-align: center;
}

/*ヘッダー
----------------------------------------------------------------------------------------------------*/
header{
	color: #FFFFFF;
	position: relative;
}

.head-inner{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

header .head-top{
	background: #398a4a;
}

header .head-top ul{
	display: block;
	overflow: hidden;
	padding: 7px 0;
}

header .head-top ul li:first-of-type img{
	width: 570px;
}

header .head-top ul li:first-of-type{
	float: left;
}

header .head-top ul li:last-of-type{
	float: right;
}

header .head-top ul li:last-of-type p{
	line-height: 150%;
	text-align: right;
}

header .head-top ul li:last-of-type p.l-arrowlink{
	display: inline-block;
	overflow: hidden;
}

header .head-top ul li:last-of-type p.l-arrowlink a{
	display: inline-block;
	float: left;
	margin-left: 15px;
}

header .head-top ul li:last-of-type p.l-arrowlink a::before{
	content: "";
	display: inline-block;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
}

nav{
	position: absolute;
	bottom: 0;
	left: 0; right: 0;
	transform: translateY( 100% );
	z-index: 99;
	
	background: rgba(0,104,55,.8);
	padding: 10px 0;
}

nav ul{
	display: block;
	overflow: hidden;
}

nav ul li{
	float: left;
	margin-right: 30px;
}

nav ul li a{
	display: block;
}



/*mainimg
----------------------------------------------------------------------------------------------------*/
#mainimg{
    display: block;
    overflow: hidden;
	background: url(../img/index/mainimg-bk-pc.png) no-repeat center;
	background-size: cover;
	height: 450px;
	position: relative;
}

#mainimg .mainimg-desc{
	margin-top: 80px;
	text-align: center;
}
#mainimg .mainimg-desc2{
	margin-top: 60px !important;
}


#mainimg .mainimg-desc img.img-main{
	width: 600px;
}

#mainimg .mainimg-desc p{
	margin-top: -10px;
}

#mainimg ul{
	display: flex;
	overflow: hidden;
	justify-content: center;
	margin-top: 10px;
}

#mainimg ul li + li{
	margin-left: 15px;
}

#mainimg ul li a{
	display: block;
}

#mainimg ul li dl dd{
	background: #FFFFFF;
	padding: 10px;
	text-align: center;
}

#mainimg ul li dl dd span{
	display: inline-block;
	line-height: 150%;
	border-bottom: 2px solid;
}

#mainimg ul li dl dd span.t-orange{
	border-color: #806239;
}
#mainimg ul li dl dd span.t-blue{
	border-color: #007191;
}
#mainimg ul li dl dd span.t-orange{
	border-color: #c65a24;
}
#mainimg ul li dl dd span.t-green{
	border-color: #398a4a;
}

/*メインコンテンツ
--------------------------------------------------------------*/
#main{}

.content{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

.st{
	display: block;
	padding: 10px 20px;
	background: url(../img/common/gray-g-bk.png) repeat-x center #efefef;
	border: 1px solid #a1a1a1;
}

section{}

.sst-box{}

.sst-box dt img{
	width: 100%;
	max-width: 100%;
}

.sst-box dd{
	margin-top: 20px;
	line-height: 150%;
	font-size: 16px;
}

.twin-box{
	display: block;
	overflow: hidden;
}

.twin-box li{
	float: left;
	width: calc( 50% - 20px );
	margin-top:30px;
}

.twin-box li:nth-of-type(2n){
	float: right;
}

/*news*/
#news{
	background: #f2f2ed;
}

#news ul{}

#news ul li{
	border-bottom: 1px dashed #a1a1a1;
}

#news ul li dl{
	display: block;
	overflow: hidden;
	padding: 10px;
}

#news ul li dl dt{
	float: left;
	width: 270px;
	position: relative;
}

#news ul li dl dt span{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	
	display: inline-block;
	text-align: center;
	padding: 5px;
	width: 120px;
	background: #398a4a;
	color: #FFFFFF;
	font-family: 'Noto sans japanese', sans-serif;
}

#news ul li dl dd{
	line-height: 150%;
}

/*aboutus*/
#aboutus{}

#aboutus .aboutus-descbox{
	background: #faf2e8;
	padding-bottom: 30px;
}

#aboutus .aboutus-descbox .aboutus-db-box{
	display: block;
	overflow: hidden;
}

.aboutus-db-box .aboutus-db-inner{
	float: left;
	width: calc( 50% - 20px );
	margin-top:30px;
}

.aboutus-db-box .aboutus-db-inner:nth-of-type(2n){
	float: right;
}

.aboutus-db-box .imgbox img{
	width: 100%;
	max-width: 100%;
}

.aboutus-db-box .aboutus-att{}

.aboutus-db-box .aboutus-att img{
	width: 100%;
}

.aboutus-db-box .aboutus-att dl{
	display: block;
	padding: 10px;
	background: #FFFFFF;
	margin-top: 20px;
}

.aboutus-db-box .aboutus-att dl dt{
	font-family: 'Noto sans japanese', sans-serif;
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #a1a1a1;
}

#aboutus .aboutus-pointbox{
	padding: 30px 0;
}

.aboutus-pointbox ul{
	display: block;
	overflow: hidden;
}

.aboutus-pointbox ul li{
	float: left;
	width: calc( 33.33% - 10px );
	margin-left: 15px;
}

.aboutus-pointbox ul li:first-of-type{
	margin-left: 0;
}

.aboutus-pointbox ul li img{
	width: 100%;
}

.aboutus-pointbox ul li dl{
	padding: 15px;
}

.aboutus-pointbox ul li dl dt{
	font-family: 'Noto sans japanese', sans-serif;
	font-weight: 700;
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #a1a1a1;
}

.aboutus-pointbox ul li dl dd{
	line-height: 150%;
}


/*business*/
.business-pointlink{
	display: block;
	overflow: hidden;
	margin: 30px 0;
}

.business-pointlink li{
	float: left;
	width: calc( 33.33% - 10px );
	margin-left: 15px;
}

.business-pointlink li:first-of-type{
	margin-left: 0;
}

.business-pointlink li a{
	display: block;
}

.business-pointlink li img{
	width: 100%;
}

#business-a{}

#business-a .registration-notice{
	width: 100%;
	text-align: center;
	margin-top: 6px;
}
#business-b .registration-notice2{
	width: 100%;
	margin-top: 6px;
}

#business-a .twin-box li{
	margin-top: 10px !important;
}


#business-b{
	background: #f2f5eb;
}

/*googlemap*/
#gmap-box{
	display: block;
	overflow: hidden;
}

#gmap-box iframe{
	width: 100%;
	height: 300px;
}



/*フッター
----------------------------------------------------------------------------------------------------*/
footer{
	color: #FFFFFF;
	background: #008045;
}

footer .fi-top{
	width: 50%;
	overflow: hidden;
}

.foot-inner{
	margin: 0 auto;
}


footer .foot-top{
	background: #008045;
	padding: 20px 0;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

.foot-inner ul li{

	padding-bottom: 10px;
}


.foot-inner ul li:last-child{

	padding-bottom: 0px !important;
}

.foot-top .foot-inner {
	float:left;
}

.foot-top ul li:{
	padding: 0 20px;
	line-height: 150%;
}

.foot-top ul li:last-of-type a{
	display: block;
}


.foot-top .foot-inner-right{
	width:50%;
	text-align: right;
	float:right;
}

.foot-top .foot-inner-right ul li img{
	height: 36px;
}



footer .foot-bottom{
	background: #006837;
	padding: 30px 0;
}

.fi-bottom{
	width:980px;
}

.foot-bottom .l-arrow::before{
	content: "";
	display: inline-block;
    border: 6px solid transparent;
    border-left: 9px solid #FFFFFF;
	vertical-align: middle;
}

.foot-bottom .fb-left{
	float: left;
	width: calc( 100% - 260px );
	margin-bottom: 10px;
}

.foot-bottom .fb-left ul li{
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}

.foot-bottom .fb-left ul li span{
	float: left;
	width: 200px;
}

.foot-bottom .fb-left ul li ul{
	float: left;
	display: block;
	overflow: hidden;
}

.foot-bottom .fb-left ul li ul li{
	float: left;
	padding: 0 10px;
	border-right: 1px solid #FFFFFF;
}

.foot-bottom .fb-left ul li ul li:first-of-type{
	border-left: 1px solid #FFFFFF;
}

.foot-bottom .fb-right{
	float: right;
	width: 240px;
	margin-bottom: 10px;
}

.foot-bottom .fb-right ul li{
	margin-bottom: 10px;
}

.foot-bottom .fb-right ul li a{
	display: block;
}

.foot-bottom .fb-right ul li img{
	width: 240px;
}

.foot-bottom .copy{
	clear: both;
	border-top: 1px solid #FFFFFF;
	padding-top: 10px;
	text-align: center;
}
/*20191114追加-----------------------------------------------------*/
#business-a .content .twin-box .table-box tr th{
	background-color: #0d47a1;
	color: #ffffff;
    font-weight: bold;
	padding: 15px 10px;
	width: 40%;
	border: 1px solid #d9d9d9;
	text-align: left;
}
#business-a .content .twin-box .table-box tr  td{
	padding: 15px 10px;
	width: 60%;
	border: 1px solid #d9d9d9;
	text-align: left;
	line-height: 140%;
}
#business-a .content .twin-box .table-box .company-table {
	width: 100%;
	margin: 30px 0 30pX;
}