@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;
}
body{
	font-size: 14px;
	background: #FFFFFF;
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
}

#wrapper{
	min-width: 320px;
	max-width: 600px;
	margin: 0 auto;
}

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;
}

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

.sp-br{
	display: block;
}

/*共通
----------------------------------------------------------------------------------------------------*/
.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{
	min-width: 320px;
	max-width: 600px;
	margin: 0 auto;
	overflow: hidden;
}

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

header .head-top ul{
	display: table;
	width: 100%;
	overflow: hidden;
	padding: 5px;
}

header .head-top ul li{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

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

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

header .head-top ul li:last-of-type a{
	display: inline-block;
}

header .head-top ul li:last-of-type a img{
	width: 50px;
}

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

#mainimg .mainimg-desc{
	margin-top: 40px;
	text-align: center;
}

#mainimg .mainimg-desc img.img-main{
	width: calc( 100% - 10px );
}

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

#mainimg ul{
	width: 170px;
	margin: 30px auto 0;
}

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

#mainimg ul li a{
	display: block;
}

#mainimg ul li dl{
	width: 100%;
}

#mainimg ul li dl dt img{
	width: 100%;
}

#mainimg ul li dl dd{
	widows: 100%;
	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{
	min-width: 320px;
	max-width: 600px;
	margin: 0 auto;
	overflow: hidden;
}

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

section{}

.sst-box{
	padding: 0 5px;
}

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

.sst-box dd{
	margin-top: 10px;
	line-height: 150%;
}

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

.twin-box li + li{
	margin-top: 10px;
}

.twin-box li img{
	width: 100%;
	max-width: 100%;
}


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

#news ul{
	padding: 0 5px;
}

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

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

#news ul li dl dt{
	position: relative;
	margin-bottom: 10px;
	line-height: 20px;
}

#news ul li dl dt span{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	
	display: inline-block;
	text-align: center;
	width: 120px;
	background: #398a4a;
	color: #FFFFFF;
}

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

/*aboutus*/
#aboutus{}

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

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

.aboutus-db-box .aboutus-db-inner{
	margin-top: 20px;
}

.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: 18px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #a1a1a1;
}

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

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

.aboutus-pointbox ul li{
	margin-top: 10px;
}

.aboutus-pointbox ul li:first-of-type{
	margin-top: 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: 18px;
	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: 20px 0;
}

.business-pointlink li{
	margin-top: 10px;
	padding: 0 10px;
}

.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: 211px;
	margin-top: 6px;
}

#business-b{
	background: #f2f5eb;
}

#business-a .twin-box,
#business-b .twin-box{
	margin-top: 20px;
}

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

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

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

.foot-inner{
	min-width: 320px;
	max-width: 600px;
	margin: 0 auto;
	overflow: hidden;
}

footer .foot-top{
	background: #008045;
	padding: 20px 0;
}

.foot-top ul{
	display: block;
}

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

.foot-top ul li:first-of-type img{
	width: 100%;
	max-width: 100%;
}

.foot-top .foot-inner-right li{
	margin-bottom: 0;
	text-align: center;
}

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

.foot-top ul li:last-of-type img{
	width: 100%;
	max-width: 100%;
}

footer .foot-bottom{
	background: #006837;
	padding: 30px 0;
	padding-bottom: constant(safe-area-inset-bottom);
}

.foot-bottom .fb-left{
	margin-bottom: 10px;
}

.foot-bottom .fb-left ul li{
	display: block;
	overflow: hidden;
	border-top: 1px solid #FFFFFF;
}

.foot-bottom .fb-left ul li .l-arrow{
	display: block;
	padding: 10px;
	position: relative;
	cursor: pointer;
}

.foot-bottom .fb-left ul li .l-arrow::before{
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY( -50% );
	display: inline-block;
	width: 15px;
	height: 2px;
	background: #FFFFFF;
}

.foot-bottom .fb-left ul li .l-arrow::after{
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform:  translateY( -50% ) rotate( -90deg );
	display: inline-block;
	width: 15px;
	height: 2px;
	background: #FFFFFF;
	transition: all .5s .2s;
}

.foot-bottom .fb-left ul li .l-arrow.active::after{
	transform:  translateY( -50% ) rotate( 0 );
}

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

.foot-bottom .fb-left ul li ul{
	display: none;
	overflow: hidden;
	background: #008045;
	border-top: 1px solid #FFFFFF;
}

.foot-bottom .fb-left ul li:last-of-type ul{
	display: block;
	border:none;
}

.foot-bottom .fb-left ul li ul li{
	margin: 15px;
	border-top: 0;
}

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


.foot-bottom .fb-right p,
.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: 100%;
	max-width: 100%;
}


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

.foot-bottom .copy{
	border-top: 1px solid #FFFFFF;
	margin: 10px;
	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: 25%;
	border: 1px solid #d9d9d9;
	text-align: left;
	}
#business-a .content .twin-box .table-box tr  td{
	padding: 15px 10px;
	width: 75%;
	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;
}