@charset "utf-8";
/*-------------------------------------------------*/
body {
	text-align: center;
}
body img {
	max-width: 100%;
	height: auto;
}
/*-------------------------------------------------*/
#header, #pnav, #container, .catch {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
#container {
	margin-bottom: 40px;
}
.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.entry {
	display: flex;
	flex-wrap: wrap;
}
.entry div, .entry .btn {
	width: 50%;
}

@media screen and (max-width: 480px) {
.entry div, .entry .btn {
	width: 100%;
}
.entry.table .btn, .entry.lead .btn {
	padding: 15px 0;
}
}

@media screen and (max-width: 1024px) {
#header, #pnav, #container, .catch, #gnav .inner, #sitemap .inner, #footer .inner {
	width: 94%;
}
}
#gnav, #sitemap, #footer {
	width: 100%;
}
#gnav, #sitemap {
	background-color: #8fc31f;
}
#footer {
	background-color: #709918;
}
.inner {
	max-width: 980px;
}
.pc {
	display: block;
}
.sp {
	display: none !important;
}
.btn {
	text-align: center;
	margin: 20px 0;
}
.btn a {
	display: inline-block;
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	background-color: #ffcc33;
	padding: 10px 30px;
	border-radius: 10px;
	border: 3px solid #fac832;
	transition: background-color 2s;
}
.entry.table .btn a, .entry.lead .btn a {
	display: inline-block;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	background-color: #ffcc33;
	padding: 8px 20px;
	border-radius: 10px;
	border: 3px solid #fac832;
	transition: background-color 2s;
}
.btn a:hover, .entry.table .btn a:hover, .entry.lead .btn a:hover {
	background-color: #ffbf00;
}
.entry.lead {
	display: block;
}
.entry.lead .btn {
	text-align: left;
}

@media screen and (max-width: 480px) {
.pc {
	display: none !important;
}
.sp {
	display: block!important;
}
#container {
	margin-bottom: 0;
}
.entry.lead .btn {
	text-align: center;
}
}

@media screen and (max-width: 375px) {
.btn a {
	font-size: 14px;
}
}
/*-------------------------------------------------*/
#header {
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
}
#headerLogo img {
	max-width: 100%;
	height: auto;
}
#headerLogo a {
	display: block;
}
#headerNavi {
	width: 40%;
}
#headerNavi a.contact {
	text-decoration: none;
	padding-top: 12px;
}

@media screen and (max-width: 768px) {
#headerNavi {
	width: 52%;
}
}

@media screen and (max-width: 480px) {
#headerLogo {
	width: 70%;
}
#headerNavi {
	display: none;
}
}
#headerNavi ul {
	display: flex;
	justify-content: space-between;
}
#headerNavi li a {
	display: block;
	outline: none;
}
#headerNavi li#hn4 a {
	background-image: url(../images/header_recruit.png);
	_background-image: url(../images/header_recruit.gif);
}
#headerNavi li#hn5 a, #headerNavi li#hn6 a {
	background-image: none;
	text-indent: 0;
	margin-right: 5px;
	margin-top: 6px;
}
#headerNavi li#hn1 {
	width: 100px;
}
#headerNavi li#hn4 {
	width: 110px;
}
#headerNavi li#hn2 {
	width: 75px;
}
#headerNavi li#hn3 {
	width: 200px;
}
#headerNavi li#hn1 a {
	background-position: 0 8px;
}
#headerNavi li#hn2 a {
	background-position: -110px 8px;
}
#headerNavi li#hn1 a:hover {
	background-position: 0 -12px;
}
#headerNavi li#hn2 a:hover {
	background-position: -110px -12px;
}
#headerNavi li#hn4 a {
	background-position: 0 2px;
}
#headerNavi li#hn4 a:hover {
	background-position: 0 -27px;
}
/*
#headerNavi li#hn1 { width:75px;}
#headerNavi li#hn2 { width:69px;}

#headerNavi li#hn1 a { background-position:0 8px;}
#headerNavi li#hn2 a { background-position:-80px  8px;}
#headerNavi li#hn1 a:hover { background-position:0 -12px;}
#headerNavi li#hn2 a:hover { background-position:-80px -12px;}
*/

.facebook-color {
	color: #3b5998;
}
.twitter-color {
	color: #55acee;
}
aside.side-menu {
	margin-bottom: 30px;
	border: 1px solid #c3c3c3;
}
aside.side-menu ul {
	background-color: #fff;
}
aside.side-menu a {
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 30px;
	border-bottom: 1px solid #c3c3c3;
	background: url(../images/for_ctop_ico.gif) 10px center no-repeat;
}
aside.side-menu a:hover {
	background-color: #f4f9e8;
}
aside.side-menu li:last-child a {
	border-bottom: none;
}
aside.side-menu h2 a {
	font-size: 14px;
	color: #fff;
	padding: 15px 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc31f+0,709918+100 */
	background: #8fc31f; /* Old browsers */
	background: -moz-linear-gradient(top, #8fc31f 0%, #709918 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8fc31f 0%, #709918 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8fc31f 0%, #709918 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc31f', endColorstr='#709918', GradientType=0 ); /* IE6-9 */
}
/*-------------------------------------------------*/
.catch {
	text-align: left;
	margin-bottom: 15px;
	line-height: 1.6;
}

@media screen and (max-width: 480px) {
.catch {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	font-size: 12px;
	margin-bottom: 0;
	background: url(/common/images/bg_catch.jpg) center no-repeat;
	background-size: cover;
}
}
/*-------------------------------------------------*/
#gnav .inner {
	display: flex;
	justify-content: space-evenly;
	margin: 0 auto;
}
#gnav .inner li:first-child {
	width: 10%;
}
#gnav .inner li {
	width: 15%;
}
#gnav .inner li:nth-child(4), #gnav .inner li:nth-child(5) {
	width: 18%;
}
#gnav .inner li:last-child {
	width: 24%;
}
#gnav li a {
	display: block;
	padding: 15px 0;
	text-decoration: none;
	color: #fff;
	transition-duration: 1.5s;
	font-size: 14px;
	font-weight: bold;
}
#gnav li a span {
	border-left: 1px solid #fff;
	display: block;
	width: 100%;
}
#gnav li:last-child a span {
	border-right: 1px solid #fff;
}
#gnav li a:hover {
	background-color: #709918;
}

@media screen and (max-width: 480px) {
#gnav .inner li:first-child {
	width: 20%;
}
#gnav .inner li:first-child a span {
	border-left: none;
}
#gnav .inner li:nth-child(3) a span {
	border-right: none;
}
#gnav .inner li:nth-child(2) {
	width: 44%
}
#gnav .inner li:nth-child(3) {
	width: 36%;
}
}
/*-------------------------------------------------*/
#pnav {
	padding: 20px;
	line-height: 1.6;
	box-sizing: border-box;
}
#pnav a {
	margin-right: 3px;
	padding-right: 12px;
	background: url(../images/pnav_arrow.gif) right center no-repeat;
}
#pnavHome img {
	vertical-align: middle;
}
/*-------------------------------------------------*/
#content {
	float: left;
	max-width: 730px;
	width: 74.4897959%;
}
#not-found #content {
	float: none;
	max-width: 980px;
	width: 100%;
	margin: 30px 0;
}
#not-found #content h1 {
	font-size: 20px;
	border: none;
}
.maps, .youtube {
	margin: 0 auto 20px;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.maps iframe, .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.scroll {
	overflow: auto;
	white-space: nowrap;
}
.scroll::-webkit-scrollbar {
 height: 5px;
}
.scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
.scroll table {
	margin-bottom: 10px;
}

@media screen and (max-width: 480px) {
#content, #contentInner {
	float: none;
	width: 94%;
	margin: 0 auto;
}
#content {
	margin-bottom: 40px;
}
#contentInner {
	padding: 0;
	width: 100%;
}
#content h1 span {
	padding-right: 0 !important;
}
#not-found #content h1 {
	font-size: 16px;
}
}
/*-------------------------------------------------*/
#side {
	float: right;
	max-width: 230px;
	width: 23.4693877%;
}

@media screen and (max-width: 480px) {
#side {
	float: none;
	max-width: initial;
	width: 100%;
}
}
/*-------------------------------------------------*/
#lnav {
	margin-bottom: 10px;
	border: 1px solid #C3C3C3;
	border-bottom: 0;
	background-color: #FFFFFF;
}
#lnav h2 {
	padding: 1px;
}
#lnav h2 a {
	display: block;
	height: 60px;
	text-indent: -9999px;
	background-position: 0 0;
	background-image: url(../images/lnav_title.gif);
	background-repeat: no-repeat;
	outline: none;
}
#lnav h2#lnav1 a {
	background-position: 0 0;
}
#lnav h2#lnav2 a {
	background-position: 0 -65px;
}
#lnav h2#lnav3 a {
	background-position: 0 -130px;
}
#lnav h2#lnav4 a {
	background-position: 0 -195px;
}
#lnav h2#lnav5 a {
	background-position: 0 -260px;
}
#lnav ul {
	border-bottom: 1px solid #CCCCCC;
}
#lnav ul ul {
	border-bottom: 0;
}
#lnav li {
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top;
}
#lnav li a {
	display: block;
	padding: 8px;
	padding-left: 20px;
	border-top: 1px solid #C3C3C3;
	background: url(../images/lnav_icon.gif) 6px center no-repeat;
	text-decoration: none;
}
#lnav li a:hover {
	background-color: #EEEEEE;
}
#lnav li li a {
	padding: 5px;
	padding-left: 28px;
	border-top: 1px dotted #C3C3C3;
	background-position: 16px center;
}
/*-------------------------------------------------*/
#pickup {
	padding: 1px;
	border: 1px solid #C3C3C3;
	background-color: #FFFFFF;
}
#pickup ul {
	padding: 10px;
	padding-bottom: 0;
	border-top: 3px solid #8fc31f;
}
#pickup li {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #8fc31f;
}
#pickup li.end {
	border-bottom: 0;
}
#pickup li dt {
	float: right;
	width: 80px;
}
#pickup li dd {
	float: left;
	width: 120px;
	font-size: 92%;
}
#pickup li dd h3 {
	margin-bottom: .4em;
	line-height: 1.6;
}
#pickup li dd p {
	line-height: 1.2;
}
#pickup li dd a {
	text-decoration: none;
}

@media screen and (max-width: 480px) {
#pickup {
	border: none;
	margin-bottom: 20px;
}
#pickup li dl {
	padding: 10px 0;
}
#pickup li dt {
	float: left;
	width: 25%;
}
#pickup li dt img {
	max-width: 100%;
	height: auto;
}
#pickup li dd {
	float: left;
	width: 65%;
	margin-left: 15px;
	font-size: 14px;
	line-height: 1.6;
}
}
/*-------------------------------------------------*/
#sideBn {
	height: 190px;
	margin-top: 6px;
	overflow: hidden;
}

@media screen and (max-width: 480px) {
#sideBn {
	text-align: center;
	margin-bottom: 40px;
}
}
/*-------------------------------------------------*/
#sitemap {
	padding: 40px 0 28px;
}
#sitemap > .inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
	text-align: left;
}
#sitemap .g-menu {
	font-size: 16px;
	font-weight: bold;
}
#sitemap .g-menu > a {
	display: block;
	margin-bottom: 30px;
}
#sitemap .g-menu li {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 12px;
}
#sitemap a {
	text-decoration: none;
	color: #fff;
}

@media screen and (max-width: 480px) {
#sitemap {
	padding: 0;
}
#footerNavi #hn5, #footerNavi #hn6 {
	display: inline-block;
	margin: 30px 0;
}
#footerNavi #hn5 i, #footerNavi #hn6 i {
	color: #fff;
}
#footerNavi #hn5 {
	margin-right: 20px;
}
#footerNavi #hn6 {
	margin-left: 20px;
}
#footerNavi #hn3 {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 30px;
}
}
/*-------------------------------------------------*/
#footer .inner {
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
	font-size: 14px;
}
#footerAddress {
	text-align: left;
}
#footerAddress p:first-child {
	font-size: 16px;
	margin-bottom: 20px;
}
#footerAddress p:last-child {
	line-height: 1.8;
}
#footerNav {
	text-align: right;
}
#footerNav p:first-child {
	margin-bottom: 40px;
}
#footerNav a {
	display: inline-block;
	margin-left: 15px;
	text-decoration: none;
}
#footerAddress, #footerAddress a, #footerNav, #footerNav a {
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 480px) {
#footer p, #footer p a {
	text-decoration: none;
}
#footer .inner {
	display: block;
}
#footerAddress p:nth-child(2) {
	margin-bottom: 20px;
}
#footerNav p:nth-child(2) {
	font-size: 12px;
	line-height: 1.6;
}
#footerAddress, #footerNav {
	text-align: center;
}
#footerAddress, #footerNav p:first-child {
	margin-bottom: 20px;
}
}
/*-------------------------------------------------*/
#goTop {
	position: fixed;
	bottom: 3%;
	right: 3%;
	z-index: 9999;
}
#goTop a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	text-indent: -9999px;
	background-color: #5e8014;
	overflow: hidden;
	outline: none;
}
#goTop a:before {
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	top: 16px;
	left: 17px;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);/* transform: rotate(45deg); */
}
#goTop a:after {
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	top: 26px;
	left: 17px;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);/* transform: rotate(45deg); */
}
/*-------------------------------------------------*/
#contentIndex {
	margin-top: 1.6em;
}
#ctop #content #contentIndex dl {
	border: 1px solid #CCCCCC;
}
#ctop #content #contentIndex dt {
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #8fc31f;
	background: url(../images/for_ctop_bg.gif) left top repeat-x;
	font-weight: bold;
}
#ctop #content #contentIndex dt a {
	display: block;
	padding: 10px;
	padding-left: 30px;
	background: url(../images/for_ctop_ico.gif) 10px center no-repeat;
	color: #333333;
	text-decoration: none;
}
#ctop #content #contentIndex dd {
	margin: 0;
	border: 0;
	padding: 10px;
}
/*-------------------------------------------------*/
#___gcse_0 {
	width: 200px;
}
.gsc-search-box {
	border: 1px solid #CCCCCC;
	background-color: #FFF;
}
.gsib_a {
	padding: 4px !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 3px !important;
}
.gsc-input-box {
	border: 0 !important;
	height: auto !important;
}
table.gsc-search-box {
	margin-bottom: 0px !important;
}
.gsc-search-box .gsc-input > input:hover, .gsc-input-box-hover, .gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
	border: 0 !important;
	box-shadow: none !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	width: auto !important;
	height: auto !important;
	margin-top: 0 !important;
	padding: 0 !important;
}
.gsib_b {
	display: none;
}
.gsc-search-button {
	padding: 5px;
	background-color: #4D90FE !important;
}
input.gsc-search-button {
	background-color: #4D90FE !important;
}
.cse input.gsc-search-button, input.gsc-search-button {
	background-color: #4D90FE;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	height: auto !important;
	min-width: auto !important;
    padding: 0 !important;}
/*-------------------------------------------------*/
.single #content {
	float: none;
	width: 100%;
}
.single #contentInner {
	width: 670px;
	margin: 0 auto;
	padding-top: 30px;
}
.single #contentInner h1 {
	border: 0;
}
.single #contentInner ul, .single #contentInner ul ul {
	list-style: none;
	padding: 0;
}
.single #contentInner ul li, .single #contentInner ul li li {
	padding-left: 19px;
	background: url(../images/for_ico_link.gif) left .3em no-repeat;
	_list-style: outside;
}
/*-------------------------------------------------*/
#columnNews, #columnNews div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#columnNews a {
	text-decoration: none;
}
#columnNews div {
	width: 48.630137%;
	margin-bottom: 20px;
}
#content #columnNews dt {
	width: 28.169014%;
}
#content #columnNews dd {
	width: 67.6056338%;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}

@media screen and (max-width: 768px) {
#columnNews div {
	width: 100%;
	padding: 15px 0;
	margin-bottom: 0;
	border-bottom: dotted 1px #8fc31f;
}
#columnNews div:first-of-type {
	padding-top: 0;
}
#content #columnNews dt {
	width: 25%;
}
#content #columnNews dd {
	width: 70%;
}
}
/*-------------------------------------------------*/
#ctop .font-custom-01 {
	font-size: 120%;
	font-weight: bold;
	color: #cc1414;
}
#contentInner .font-custom-02 {
	font-weight: bold;
	color: #cc1414!important;
}
#contentInner .font-custom-03 {
	color: #cc1414!important;
}
#contentInner .list-style-n {
	list-style: none;
}
/*-------------------------------------------------*/

#news-important {
	font-size: 14px;
	line-height: 1.7;
	font-weight: bold;
}
#news-important strong {
	font-size: 18px;
	color: #cc1414;
}
.red {
	color: #cc1414;
}
.bold {
	font-weight: bold;
}

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

@media screen and (max-width: 480px) {
div.section2 div.sectionLeft, div.section2 div.sectionRight {
	width: 100%;
}
div.sectionLeft, div.sectionRight {
	float: none;
	margin: 0;
}
}
.textimg-lo {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}
.textimg-lo div {
	width: 54.7945205%;
}
#content .textimg-lo div p:first-child {
	margin-top: 0;
}
.textimg-lo figure {
	width: 41.0958904%;
}
.textimg-lo figure.port {
	padding: 0 3.4246575%;
	box-sizing: border-box;
}
.textimg-float > div figure {
	width: 41.0958904%;
	float: right;
	margin: 0 0 20px 20px;
}
.textimg-float > div figure.port {
	width: 27.3972602%;
}

figure figcaption {
	font-size:12px;
	margin-top:5px;
    text-align:left;
    line-height: 1.5;
	}

.img-lo-01 {
	text-align: center;
	margin: 20px auto 0;
	max-width: 450px;
}
.img-lo-01-max {
	text-align: center;
	margin: 20px auto 0;
	max-width: 650px;
}
.img-lo-01-port {
	text-align: center;
	margin: 20px auto 0;
	max-width: 300px;
}
.img-lo-02 {
	text-align: center;
	margin: 20px auto 0;
	max-width: 700px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.img-lo-02-port {
	text-align: center;
	margin: 20px auto 0;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.img-lo-03 {
	text-align: center;
	margin: 20px auto 0;
	max-width: 730px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.img-lo-01 img {
	width: 100%;
	height: auto;
}
.img-lo-02 figure {
	width: 42.8571428%;
}
.img-lo-02-port figure {
	width: 40%;
}
.img-lo-03 figure {
	width: 31.5068493%;
	margin-bottom: 30px;
}
.textimg-floatR-land > div figure {
	width: 41.0958904%;
	float: right;
	margin: 0 0 20px 20px;
}
.textimg-floatR-port > div figure {
	width: 34.2465753%;
	float: right;
	margin: 0 0 20px 20px;
}
.textimg-floatL-land > div figure {
	width: 41.0958904%;
	float: left;
	margin: 0 20px 20px 0;
}
.textimg-floatL-port > div figure {
	width: 34.2465753%;
	float: left;
	margin: 0 20px 20px 0;
}

@media screen and (max-width: 480px) {
.textimg-lo div, .textimg-lo figure, .textimg-lo figure.port, .textimg-float > div figure, .img-lo-02 figure, .textimg-floatR-land > div figure, .textimg-floatL-land > div figure {
	width: 100%;
}
.img-lo-03 figure {
	width: 100%;
	margin-bottom: 20px;
}
.textimg-float > div figure.port, .textimg-floatR-port > div figure, .textimg-floatL-port > div figure, .img-lo-01-port figure {
	width: 80%;
	margin: 0 auto;
}
.textimg-lo figure, .textimg-lo figure.port {
	margin-top: 20px;
	text-align: center;
}
.img-lo-02 figure:first-child {
	margin-bottom: 20px;
}
.img-lo-01-port figure {
	margin: 20px auto;
	text-align: center;
	}
.textimg-float > div figure, .textimg-floatR-land > div figur, .textimg-floatR-port > div figure, .textimg-floatL-land > div figur, .textimg-floatL-port > div figure {
	float: none;
	margin: 20px auto;
	text-align: center;
}
.img-lo-02-port figure {
	width: 80%;
	margin-bottom: 20px;
}
.img-lo-02-port figure:last-child {
	margin-bottom: 0;
	}
}