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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');


html{
    scroll-behavior: smooth;
}
body {
	overflow-x: hidden;
	font-family: 'Noto Sans JP', sans-serif;
}
#content{
    position: relative;
}
 
a {
	/*text-decoration: none;*/
	color:#406319;
}
a:hover {
	color:#406319;
	text-decoration: none;
}

a img:hover {
	opacity: 0.7;
}
p.no-indent {
	text-indent: 0!important;
}
.br-pc {
	display: block;
}
.br-lg {
	display: block;
}
.br-mb {
	display: none;
}
@media only screen and (max-width: 991px) {
	.br-lg {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.br-pc {
		display: none;
	}
	.br-mb {
		display: block;
	}
}

h3.underbar {
	border-bottom: 2px solid #406319;
	display: table;
	font-weight: 500;
	font-size: 1.2em;
	padding-bottom: 0.2rem;
}
h3.husen {
	margin-bottom: 2rem;
	background: #ffffff;
	border-left: 5px solid #406319;
	padding: 0.8rem 2rem;
	box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.7);
	text-align: left;
	transition: 0.5s;
	display: table;
	font-size: 1.2em;
	font-weight: 500;
}
h3.husen span {
	font-size:  0.6em;
	color:#5E9748;
}
@media only screen and (max-width: 767px) {
	h3.husen,h3.underbar {
		font-size: 1.1em;
	}
}

a.btn1 {
    color: #406319;
    padding: 0.5rem 2.5rem 0.5rem 1.5rem;
	border: 1px solid #406319;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background: linear-gradient(
270deg,#ffffff,#ffffff,#406319,#406319);
    background-position: 99% 50%;
    background-size: 300% 300%;
}
a.btn1:hover {
    background-position: 1% 50%;
    color: #FFFFFF;
    cursor: pointer;
	opacity: 1;
}
a.btn1:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0a9";
    font-size: 1em;
    vertical-align: 2px;
    right: 15px;
    font-weight: 900;
    color: #406319;
    position: absolute;
    top: 10px;
}
a.btn1:hover:after {
	color: #FFFFFF;
	opacity: 1;
}
@media only screen and (max-width: 514px) {
	a.btn1 {
		padding: 0.5rem 4rem 0.5rem 1.5rem;
	}
	a.btn1:after {
		top: 8px;
	}
}


@media print {
	body {
		padding-top: 0!important;
	}
	h3.husen {
		margin-bottom: 1rem;
	}
}



@media only screen and (min-width: 960px) {
	#home header {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100vh;
	}
	#home .header-top{
		height: 18vh;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#home #g-menu {
		height:11vh;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 93px;
	}
	#home #g-menu.menu-container{
		min-height: 98px;
	}
	#home #g-menu.menu-container.m_fixed {
		height:98px;
	}
	#g-menu.menu-container {
		height:98px;
	}
}

@media print {
	#home header {
		height: auto;
	}
	#home .header-top {
		height: 75px;
	}
	#home #g-menu {
		height: 60px;	
	}
}


/*=============
slick
=============*/

.slick-dotted.slick-slider {
	margin-bottom: 8vh;
}
.slider div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
	width:100%;
	height:64vh;
  margin: 0;
}
.slider div.img01,
.slider div.img02,
.slider div.img03 {
  display:block;
}
.slider div.img04,
.slider div.img05,
.slider div.img06 {
  display:none;
}
.slider div.img01 {
  background-image: url("../images/top/slide01.jpg");
}
.slider div.img02 {
  background-image: url("../images/top/slide02.jpg");
}
.slider div.img03 {
  background-image: url("../images/top/slide03.jpg");
}
.slider .slick-dots {
	bottom: -35px;
}
.slider .slick-dots li button::before {
	font-size: 30px;
	color: #406319;
}
.slider .fa-chevron-circle-left.slick-arrow {
	position: absolute;
	color: #CCCCCC;
	z-index: +5;
	left:40px;
	top:50%;
	cursor: pointer;
	font-size: 24px;
}
.slider .fa-chevron-circle-right.slick-arrow {
	position: absolute;
	color: #CCCCCC;
	z-index: +5;
	right:40px;
	top:50%;
	cursor: pointer;
	font-size: 24px;
}
@media only screen and (min-width: 1340px) {
	.slider, .slick-slider .slick-list,.slider div  {
		width:100%;
		margin:0 auto;
		height:65vh;
	}
	.slider div.img01 {
  background-image: url("../images/top/slide01.jpg");
	background-size: cover;
}
.slider div.img02 {
  background-image: url("../images/top/slide02.jpg");
	background-size: cover;
}
.slider div.img03 {
  background-image: url("../images/top/slide03.jpg");
	background-size: cover;
}
	
}
@media only screen and (max-width: 959px) {
	.slick-dotted.slick-slider {
		margin-top: 4rem;
		margin-bottom: 3rem;
	}
	.slider div {
		height:61vw;
	}
	.slider div.img01 {
		background-image: url("../images/top/slide04.png");
	}
	.slider div.img02 {
		background-image: url("../images/top/slide05.png");
	}
	.slider div.img03 {
		background-image: url("../images/top/slide06.png");
	}
}

@media only screen and (max-width: 767px) {
	.slider .fa-chevron-circle-left.slick-arrow{
		left: 20px
	}
	.slider .fa-chevron-circle-right.slick-arrow {
		right: 20px;
	}
	.slider div.img01 {
		background-image: url("../images/top/slide04.png");
	}
	.slider div.img02 {
		background-image: url("../images/top/slide05.png");
	}
	.slider div.img03 {
		background-image: url("../images/top/slide06.png");
	}
}

@media print {
	.slick-dotted.slick-slider {
		margin-bottom: 1rem;
	}
	.slider div {
		height: 25vh;
	}
	.slider div.img01 {
		background-repeat: no-repeat;
		background-image: url("../images/top/slide01.jpg");
	}
	.slider div.img02,.slider div.img03 {display:none;}
	.slider .slick-dots {
		display: none;
	}
}


/*=============
underpage mainvisual
=============*/
.main-visual-outer .main-visual-h1 h1 {
	position: absolute;
	bottom:35%;
	left:3%;
	font-size: 3.2em;
	font-weight: 500;
	line-height: 0.7em;
}
.main-visual-outer .main-visual-h1 h1 span {
	font-size: 0.36em;
	font-weight: 400;
	padding-left:0.5rem;
}
@media only screen and (max-width: 1260px) {
	.main-visual-outer .main-visual-h1 h1{
		font-size: 3.5em;
	}
}
@media only screen and (max-width: 1130px) {
	.main-visual-outer .main-visual-h1 h1{
		font-size: 3em;
	}
}
@media only screen and (max-width: 960px) {
	.main-visual-outer .main-visual-h1 h1{
		font-size: 2.7em;
	}
}
@media only screen and (max-width: 890px) {
	/*.main-visual-outer .main-visual-h1 {
		background: linear-gradient(to bottom,rgba(255,255,255,0) 60%,#FFF) !important;
		height: 100%;
		bottom: 0;
		position: relative;
	}*/
	.main-visual-outer .main-visual-h1 h1{
		/*color: #333333!important;*/
		font-size: 2.3em;
	}
}
@media only screen and (max-width: 767px) {
	.main-visual-outer .main-visual-h1 h1 {
		position: absolute;
		bottom:20px;
		left:20px;
		color:#fff;
		font-size: 2.2em;
	}
	#srp .main-visual-outer .main-visual-h1 h1,
#action .main-visual-outer .main-visual-h1 h1,
#policy .main-visual-outer .main-visual-h1 h1,
#network .main-visual-outer .main-visual-h1 h1 {
	text-shadow: 1px 1px 2px rgba(51,51,51,0.3);
}
}



/* service */
#service .main-visual-outer .main-visual-inner,
#audit .main-visual-outer .main-visual-inner,
#human .main-visual-outer .main-visual-inner,
#retire .main-visual-outer .main-visual-inner,
#paper .main-visual-outer .main-visual-inner,
#rousai .main-visual-outer .main-visual-inner {
	background-image: url("../images/service/main-visual.jpg");
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	height:39vw;
	width:100vw;
	position: relative;
}


/* office */
#office .main-visual-outer .main-visual-inner,
#jlist .main-visual-outer .main-visual-inner,
#visitor .main-visual-outer .main-visual-inner,
#article .main-visual-outer .main-visual-inner{
	background-image: url("../images/office/main-visual.jpg");
	background-position: right center;
	background-size: 70%;
	background-repeat: no-repeat;
	height:39vw;
	width:100vw;
	position: relative;
}


/* staffinfo */
#staffinfo .main-visual-outer .main-visual-inner {
	background-image: url("../images/staffinfo/main-visual.jpg");
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	height:39vw;
	width:100vw;
	position: relative;
}

/* group */
#group .main-visual-outer .main-visual-inner {
	background-image: url("../images/group/main-visual.jpg");
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	height:39vw;
	width:100vw;
	position: relative;
}

/* recruit */
#recruit .main-visual-outer .main-visual-inner {
	background-image: url("../images/recruit/main-visual.jpg");
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	height:39vw;
	width:100vw;
	position: relative;
}

/* seminar */
#seminar .main-visual-outer .main-visual-inner,
#past .main-visual-outer .main-visual-inner,
#now .main-visual-outer .main-visual-inner {
	background-image: url("../images/seminar/main-visual.jpg");
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	height:39vw;
	width:100vw;
	position: relative;
}

/* srp */
#srp .main-visual-outer .main-visual-inner,
#action .main-visual-outer .main-visual-inner,
#policy .main-visual-outer .main-visual-inner,
#network .main-visual-outer .main-visual-inner{
	background-image: url("../images/main-visual.jpg");
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	height:39vw;
	width:100vw;
	position: relative;
}

@media only screen and (min-width: 1320px) {
	.main-visual-outer .main-visual-inner {
		height:514.8px!important;
	}
}
@media only screen and (max-width: 959px) {
	.main-visual-outer {
		margin-top:4.5rem;
		margin-bottom:1rem;
	}
	.main-visual-outer.container-fluid {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.main-visual-outer .main-visual-inner.container-xxl {
		padding-left: 0!important;
		padding-right: 0!important;
	}
}
@media only screen and (max-width: 767px) {
	.main-visual-outer {
		margin-top:4.5rem;
	}
	.main-visual-outer .main-visual-inner {
		background-size: cover!important;
		background-position: center!important;
		height:67vw!important;
	}
	#group .main-visual-outer .main-visual-inner {
		background-position: right center!important;
	}
}
@media only screen and (max-width: 514px) {
	.main-visual-outer {
		margin-top:4rem;
	}
}
/*=============
breadcrumb
=============*/
.breadcrumb-under,
.breadcrumb-under2,
.breadcrumb-under3,
.breadcrumb-under4,
.breadcrumb-under5,
.breadcrumb-under6,
.breadcrumb-under7,
.breadcrumb-under8,
.breadcrumb-under9,
.breadcrumb-under10{
	padding: 0 0.5rem;
	margin-top :1rem;
	border-bottom: 2px solid #f0f3f5;
	position: relative;
	line-height: 1em;
}
.breadcrumb-under:after {
	position: absolute;
	bottom: -2px;
	left: 68px;
	z-index: 2;
	content: '';
	width: 50px;
	height: 2px;
	background-color: #406319;
}
.breadcrumb-under2:after {
	position: absolute;
	bottom: -2px;
	left: 168px;
	z-index: 2;
	content: '';
	width: 100px;
	height: 2px;
	background-color: #406319;
}
.breadcrumb-under3:after {
	position: absolute;
	bottom: -2px;
	left: 145px;
	z-index: 2;
	content: '';
	width: 100px;
	height: 2px;
	background-color: #406319;
}
.breadcrumb-under4:after {
	position: absolute;
	bottom: -2px;
	left: 133px;
	z-index: 2;
	content: '';
	width: 100px;
	height: 2px;
	background-color: #406319;
}
.breadcrumb-under5:after {
	position: absolute;
	bottom: -2px;
	left: 142px;
	z-index: 2;
	content: '';
	width: 65px;
	height: 2px;
	background-color: #406319;
}
.breadcrumb-under6:after {
	position: absolute;
	bottom: -2px;
	left: 146px;
	z-index: 2;
	content: '';
	width: 118px;
	height: 2px;
	background-color: #406319;
}
.breadcrumb-under7:after {
	position: absolute;
	bottom: -2px;
	left: 70px;
	z-index: 2;
	content: '';
	width: 118px;
	height: 2px;
	background-color: #406319;
}
.breadcrumb-under8:after {
	position: absolute;
	bottom: -2px;
	left: 70px;
	z-index: 2;
	content: '';
	width: 60px;
	height: 2px;
	background-color: #406319;
}
.breadcrumb-under9:after {
	position: absolute;
	bottom: -2px;
	left: 150px;
	z-index: 2;
	content: '';
	width: 60px;
	height: 2px;
	background-color: #406319;
}
.breadcrumb-under10:after {
	position: absolute;
	bottom: -2px;
	left: 170px;
	z-index: 2;
	content: '';
	width: 60px;
	height: 2px;
	background-color: #406319;
}
.breadcrumb {
	line-height: 0.4em;
	font-size: 0.8em;
}
.breadcrumb a{
	text-decoration: none;
}
.breadcrumb a:hover {
	color:#406319;
}

/*=============
Header
=============*/

.header-top {
	border-top:10px solid #406319;
	border-bottom:1px solid #406319;
}
.header-top .d-flex.justify-content-between.align-items-end.container-lg {
	max-width: 1180px;
}
.header-top .header-logo {
	max-width:410px;
	width:410px;
}
.header-top .header-contact a {
	text-decoration: none;
	font-size: 1em;
}
.header-top .header-contact {
	margin-right: 1rem;
	color: #406319;
}
.header-top .header-contact img.tel {
	width:140px;
	margin-right: 0.5rem;
	margin-top: 0.1rem;
}
.header-top .header-contact img.mail {
	width:190px;
	margin-right: 0.5rem;
}
.header-top .header-contact span {
	background: #406319;
	padding: 0 0.6rem;
	color: #fff;
	margin-right: 0.3rem;
	font-size: 0.8em;
	border-radius: 3px;
	vertical-align: middle;
}
.header-top .header-contact a.mail {
	margin-right: 0.5rem;
	color: #406319;
}
.header-top .header-contact a.mail img {
	vertical-align: bottom;
	vertical-align: middle;
}
.header-top .header-contact a.mail span {
	background: #406319;
	padding: 0 0.6rem;
	color: #fff;
	margin-right: 0.3rem;
	font-size: 0.8em;
	border-radius: 3px;
	vertical-align: middle;
}
.header-top .header-contact a.login {
	background: #cde5cd;
	padding: 0.3rem 0.5rem 0.3rem 1.5rem;
	color: #406319;
	font-size: 0.8em;
	border-radius: 8px;
	position: relative;
}
.header-top .header-contact a.login:before {
	font-family: "Font Awesome 5 Free";
    content: "\f2f6";
    font-weight: 900;
    font-size: 1em;
    vertical-align: 2px;
    top:7px;
    color: #406319;
    position:absolute;
	left:5px;
}
.header-top .header-contact a.login:hover {
	background: #406319;
	color: #FFFFFF;
}
.header-top .header-contact a.login:hover:before {
	color: #FFFFFF;
}
header .header-contact-mb {
	display: none;
}
@media only screen and (min-width: 1281px) {
	.header-top .d-flex.justify-content-between.align-items-end.container-lg {
		max-width: 1340px;
	}
}
@media only screen and (max-width: 980px) {
	.header-top .header-logo{
		width:400px;
	}
}
@media only screen and (max-width: 959px) {
	.header-top {display:none;}
	header {
		border-bottom:5px solid #406319;
		padding-bottom: 1rem;
	}
	header .header-contact-mb {
		display: block;
		display: flex;
		justify-content: center;
		padding: 0 1.5rem;
	}
	header .header-contact-mb .tel img {
		width: 30vw;
		max-width:150px;
	}
	header .header-contact-mb .tel {
		margin-right: 0.5rem;
		color: #406319;
	}
	header .header-contact-mb .tel span {
		background: #406319;
		padding: 0 0.6rem;
		color: #fff;
		margin-right: 0.3rem;
		font-size: 0.8em;
		border-radius: 3px;
	}
	header .header-contact-mb .mail img {
		width: 40vw;
		max-width:190px;
	}
	header .header-contact-mb .mail {
	color: #406319;
	}
	header .header-contact-mb .mail span {
		background: #406319;
		padding: 0 0.6rem;
		color: #fff;
		margin-right: 0.3rem;
		font-size: 0.8em;
		border-radius: 3px;
	}
}

@media only screen and (max-width: 514px) {
	header .header-contact-mb {
		justify-content: space-between;
	}
}


@media print {
	.header-top .header-logo {
		width:200px;
	}
	.header-top .header-contact span {
		font-size: 0.6em;
	}
	.header-top .header-contact img.tel {
		width: 80px;
	}
	.header-top .header-contact img.mail {
		width: 100px;
	}
	.header-top .header-contact a.login {
		font-size: 0.6em;
	}
	.header-top .header-contact a.login:before {
		top:5px;
	}
}

/*=============
back to top
=============*/
#topBtn {
    /*-----必須-----*/
    position: fixed;
    bottom: 30px;
    right: 15px;
    /*-----装飾-----*/
    width: 37px;
    height: 37px;
    text-align: center;
	z-index: 2;
	background: rgba(255,255,255,0.7);
	border-radius: 50rem;
}
#topBtn img {
	width:22px;
	height: auto;
	margin-top: 0.5rem;
}


@media print {
	#topBtn {
		display:none;
	}
}

/*=============
Footer
=============*/
footer {
	border-top:3px solid #406319;
	clear: both;
}
footer .container {
	margin: 0 auto;	
}
footer .container.footer-sign {
	padding-top: 2rem;
	margin-bottom: 2rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
footer .container.footer-sign a.tel {
	color:#222222;
	text-decoration: none;
}
footer .banner-space {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

footer .banner-space .badges img.badge01{
	max-width: 127px;
	height: auto;
	width: 80%;
	padding-bottom: 0;
}
footer .banner-space .badges img.badge02{
	max-width: 127px;
	height: auto;
	width: 80%;
	padding-bottom: 0;
}
footer .banner-space .badges img.badge03{
	max-width: 127px;
	height: auto;
	width: 80%;
	padding-bottom: 0;
}
footer .banner-space .banner {
	width: 35%;
}
footer .banner-space .banner a {
	text-decoration: none;
	color: #406319;
	width: 35%;
	margin-left: 0.5rem;
}
footer .banner-space .banner a img {
	width: 100%;
	margin-bottom:0.5rem;
}
footer .banner-space .banner .link-space {
	margin-top: 1.5rem;
}
footer .banner-space .banner a.policy {
	background:#ffffff;
	/*border: 1px solid #406319;*/
	margin-right: 3rem;
	width:60%;
	text-align: left;
	transition: 0.5s;
	position: relative;
}
footer .banner-space .banner a.policy:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0a9";
	font-size: 1em;
	vertical-align: 2px;
	padding-left: 0.5rem;
	font-weight: 900;
	color: #406319;
	position: absolute;
	top: 2px;
}
footer .banner-space .banner a.keikaku {
	background:#ffffff;
	/*border: 1px solid #406319;*/
	width:30%;
	text-align: left;
	transition: 0.5s;
	position: relative;
}
footer .banner-space .banner a.keikaku:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0a9";
	font-size: 1em;
	vertical-align: 2px;
	padding-left: 0.5rem;
	font-weight: 900;
	color: #406319;
	position: absolute;
	top: 2px;
}
footer .container dl dt,
footer .container dl dd {
	font-weight: normal;
}
footer .copy {
	padding: 0.5rem;
	background: #406319;
	color:#FFFFFF;
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
}

@media only screen and (max-width: 1199px) {
	footer .banner-space .banner a.policy {
		font-size: 0.9em;
		padding: 0.5rem 0 0.5rem 0.5rem;
		margin-right: 3rem;
	}
	footer .banner-space .banner a.keikaku {
		font-size: 0.9em;
		padding: 0.5rem 0;
	}
	footer .banner-space .banner a.policy:after,
	footer .banner-space .banner a.keikaku:after {
		top:10px;
	}
}
@media only screen and (max-width: 991px) {
	footer .banner-space .banner {
		width: 50%;
	}
	footer .banner-space .badge {
		width: 100%;
	}
	footer .banner-space .banner div{
		width: 100%;
	}
	footer .banner-space .banner div a {
		width:35%;
	}
	footer .banner-space .banner .link-space {
		margin-bottom: 1rem;
	}
	footer .banner-space .banner a.policy {
		font-size: 1em;
		padding: 0.5rem 0;
		width:30%;
		margin-top: 1rem;
	}
	footer .banner-space .banner a.keikaku {
		font-size: 1em;
		padding: 0.5rem 0;
		width:45%;
		margin-top: 1rem;
	}
	footer .banner-space .badges {
		width: 45%;
	}
}
@media only screen and (max-width: 767px) {
	footer .banner-space {
		display: block!important;
	}
	footer .banner-space .banner {
		width: 100%;
		margin-bottom: 1rem;
	}
	footer .banner-space .banner div a {
		width: 25%;
	}
	footer .banner-space .badges{
		width: 100%;
	}
	footer .banner-space .banner .link-space {
		margin-top:0.5rem;
	}
	footer .banner-space .banner a.policy {
		font-size: 0.9em;
		padding: 0.5rem 1rem 0 0;
	}
	footer .banner-space .banner a.keikaku {
		font-size: 0.9em;
		padding: 0.5rem 0;
	}
}

@media only screen and (max-width: 530px) {
	footer .banner-space .banner a.policy {
		padding: 0.5rem 0 0.5rem 0;
		width:43%;
	}
	footer .banner-space .banner a.keikaku {
		padding: 0.5rem 0;
		width:43%;
	}
	footer .banner-space .badge img.badge01{
	width: 115px;
	height: 86.117px;
}
footer .banner-space .badge img.badge02{
	width: 113px;
	height: 98.3px;
}
footer .banner-space .badge img.badge03{
	width: 105px;
	height: 105px;
}
}
@media only screen and (max-width: 430px) {
	footer .banner-space .badge {
		flex-wrap: wrap;
	}
	footer .banner-space .badge img.badge01{
	width: 127px;
	height: 86.1167px;
}
footer .banner-space .badge img.badge02{
	width: 135px;
	height: 116.133px;
}
footer .banner-space .badge img.badge03{
	width: 115px;
	height: 115px;
}
}

@media print {
	.container-fluid.footer-menu .col-lg-5,
	.container-fluid.footer-menu .col-lg-7 {
		width:100%;
	}
	.container-fluid.footer-menu .col-lg-5 .col-sm-6 {
		width:40%;
	}
	.container-fluid.footer-menu .col-lg-5 .col-sm-5,
	.container-fluid.footer-menu .col-lg-5 .col-sm-7,
	.container-fluid.footer-menu .col-lg-7 .col-sm-5,
	.container-fluid.footer-menu .col-lg-7 .col-sm-7{
		width:40%;
	}
	footer .banner-space .banner {
		width: 60%;
	}
	footer .banner-space .badges {
		width: 40%;
	}
}


/*=============
Footer menu
=============*/
footer .footer-menu {
	background: #406319;
	padding:2rem;
	margin-top: 2rem;
}
footer .footer-menu dl dt a {
	color:#cdd6dd;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.8em;
}
footer .footer-menu dl dd {
	padding-left: 1rem;
	margin-bottom: 0;
}
footer .footer-menu dl dd dl dd a {
	color:#FFFFFF;
	text-decoration: none;
	font-size: 0.8em;
}
footer .footer-menu dl dt a:hover,
footer .footer-menu dl dd a:hover {
	opacity: 0.7;
}
footer .banner a img:hover,
footer .badge a img:hover{
	opacity:0.7;
}
@media only screen and (max-width: 575px) {
	.container-fluid.footer-menu {
		padding: 2rem 0rem;
	}
	footer .footer-menu dl,
	footer .footer-menu dt,
	footer .footer-menu dd {
		display: inline-block;
	}
	footer .footer-menu dl {
		margin-bottom: 0;
	}
	footer .footer-menu dl dt {
		font-size: 1em;
		margin-right:0.5rem;
	}
	footer .footer-menu dl dd {
		font-size: 1em;
		padding-left:0;
	}
	footer .footer-menu dl dd dl dd {
		margin-bottom:0;
	}
	footer .footer-menu dl dd dl dd:after {
		content:" |";
		color:#FFFFFF;
	}
	footer .footer-menu dl dd dl dd:last-child:after {
		content:"";
	}
}



/*=============
home
=============*/
#home main {
	margin-top:4rem;
}
#home .right-green-title {
	background: #406319;
	padding: 0.5rem 3rem 0.3rem;
	/*box-shadow: -6px 6px 14px -6px rgba(0,0,0,0.7);*/
	margin-bottom:4rem;
	max-width:1200px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#home .right-green-title span.en {
	font-size: 0.9em;
	color:#ffffff;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 0.03em;
	margin-right:1rem;
}
#home .right-green-title span.ja {
	font-size: 0.6em;
	color:#ffffff;
	font-weight: 700;
	letter-spacing: 0.04em;
}
#home .soudan-box br.br-mb {
	display: none;
}
@media only screen and (min-width: 1400px) {
	#home .right-green-title {
		min-width: 1380px;
	}
}
@media only screen and (max-width: 768px) {
	#home .right-green-title {
		padding: 0.2rem 2rem;
	}
	#home .right-green-title span.en {
		font-size: 1.2em;
	}
	#home .right-green-title span.ja {
		font-size: 0.8em;
	}
	#home main {
		margin-top:3rem;
	}
}
@media only screen and (max-width: 514px) {
	#home .right-green-title {
		margin-left:0;
		justify-content: center;
		align-items: center;
		margin-bottom:0;
		padding: 0.6rem 2rem 0.2rem;
	}
	#home .right-green-title h2 {
		justify-content: center!important;
	}
	#home .right-green-title span.en {
		font-size: 0.8em;
		margin-right: 0.5rem;
	}
	#home .right-green-title span.ja {
		font-size: 0.5em;
		white-space: nowrap;
	}
}
#home .soudan-box {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
#home .soudan-box .container {
	border-top: 3px solid #406319;
	border-bottom: 3px solid #406319;
	position: relative;
	padding:2rem 0 1rem;
}
#home .soudan-box .container h3 {
	position: absolute;
	top:-1.4rem;
	left:-8px;
	background: #FFF;
	font-weight: bold;
	font-size: 1.6em;
}
#home .soudan-box p{
	font-size: 1em;
	line-height: 1.8em;
}
@media only screen and (max-width: 514px) {
	#home .soudan-box {
		margin-top:4rem;
	}
	#home .soudan-box h3 {
		font-size: 1.8em;
		top:-1.6rem;
	}
	#home .soudan-box p{
		font-size: 1em;
	}
	#home .soudan-box br.br-mb {
		display: block;
	}
}

@media print {
	#home main {
		margin-top:1rem!important;
	}
	#home .right-green-title {
		margin-bottom: 1.5rem;
		padding:0.2rem 3rem;
	}
	#home .right-green-title span.en {
		font-size: 0.9em;
	}
	#home .right-green-title span.ja {
		font-size: 0.7em;
	}
	#home .soudan-box {
		margin-top:4rem;
	}
	#home .soudan-box h3 {
		font-size: 1.6em;
		top:-1rem;
	}
	
}


#home .notice-box {
	margin:4rem auto;
}
#home .notice-box.row {
	padding-left: 0.7rem;
	padding-right: 0.7rem;
}
#home .notice-box a {
	text-decoration: none;
}
#home .notice-box a p{
	font-size: 1.2em;
}
#home .notice-box a:hover p {
	color: #FFFFFF;
	word-break: keep-all;
}
#home .notice-box a img:hover{
	opacity: 1;
}
#home .notice-box .list-box.row,
#home .notice-box .newsp-box.row{
	padding:0;
	margin: 0 auto;
	background: #FFFFFF;
	box-shadow: -7px 7px 14px -6px rgba(0,0,0,0.7);
	transition : 0.5s;
	
}
#home .notice-box .newsp-box.row img {
	backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}
#home .notice-box a:hover .list-box.row,
#home .notice-box a:hover .newsp-box.row{
	background:#406319;
	transition : 0.5s;
}
#home .notice-box .list-box.row > div,
#home .notice-box .newsp-box.row > div {
	padding:0;
}
#home .notice-box .newsp-box.row span.md-arrow {
	display: none;
}
@media only screen and (max-width: 767px) {
	#home .notice-box .order1 {
		order:0
	}
	#home .notice-box .order2 {
		order:1
	}
	#home .notice-box .newsp-box.row span.md-arrow {
		display: block;
	}
	#home .notice-box .newsp-box.row span.pc-arrow {
		display: none;
	}
}
@media only screen and (max-width: 514px) {
	#home .notice-box {
		padding:0;
	}
	#home .notice-box .order2,#home .notice-box .order1 {
		padding:0;
	}
	#home .notice-box a p{
	font-size: 1em;
}
}

@media print {
	#home .notice-box > .order2 {
		width :50%;
	}
	#home .notice-box > .order1 {
		width: 50%;
	}

}



#home .support-box {
	margin: 0 auto 6rem;
}
#home .support-box .support-inner-box {
	margin: 0 auto;
	background: #5e9748;
	padding: 0;
}
#home .support-box .support-inner-box .order2,
#home .support-box .support-inner-box .order1 {
	padding:0;
	display: flex;

}
#home .support-box .support-inner-box .support-text-box {
	padding: 2rem 2rem;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
}
#home .support-box .support-inner-box .support-text-box p {
	color: #FFFFFF;
	font-size: 1em;
	line-height: 1.8em;
	text-align: left;
}
#home .support-box .support-inner-box .support-text-box a {
	font-size: 1em;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding:0.5rem 4rem 0.5rem 2rem;
	text-decoration: none;
	position: relative;
	
	-webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background: linear-gradient(90deg,#ffffff,#ffffff,#5e9748,#5e9748);
    background-position: 99% 50%;
    background-size: 300% 300%;
}
#home .support-box .support-inner-box .support-text-box a:hover {
	background-position: 1% 50%;
    color: #406319;
    border: 1px solid #406319;
    cursor: pointer;
}
#home .support-box .support-inner-box .support-text-box a:hover:after {
	color: #5e9748;
}
#home .support-box .support-inner-box .support-text-box a:after {
	font-family: "Font Awesome 5 Free";
    content: "\f0a9";
    font-size: 1em;
    vertical-align: 2px;
    padding-left: 1rem;
    font-weight: 900;
    color: #FFFFFF;
    position:absolute;
    top:9px;
}
#home .support-box .support-inner-box .support-text-box .btn-bottom {
	margin-top: auto;
	margin-bottom: 1rem;
	width:100%;
}
@media only screen and (min-width: 1400px) {
	#home .support-box .support-inner-box .support-text-box {
		padding:2rem 3.5rem;
	}
}
@media only screen and (max-width: 1199px) {
	#home .support-box .support-inner-box .support-text-box {
		padding: 1rem;
	}
	#home .support-box .support-inner-box .support-text-box p {
		margin-bottom:2rem;
	}
}
@media only screen and (max-width: 991px) {
	#home .support-box .support-inner-box .order2{order:1;}
	#home .support-box .support-inner-box .order1 {order:0;}
	#home .support-box .support-inner-box .support-text-box {
		padding: 2rem 2rem;
	}
	#home .support-box .support-inner-box .support-text-box p {
		font-size: 1em;
		line-height: 1.4em;
		margin-bottom:2rem;
	}
}
@media only screen and (max-width: 767px) {
	#home .support-box .support-inner-box .support-text-box {
		padding: 2rem 3.5rem;
	}
	#home .support-box .support-inner-box .support-text-box p {
		margin-bottom:4rem;
	}

}
@media only screen and (max-width: 514px) {
	#home .support-box.row {
		padding:0;
	} 
	#home .support-box .support-inner-box .support-text-box a {
		font-size: 1.1em;
		padding:0.5rem 3rem 0.5rem 2rem;
	}
}
@media only screen and (max-width: 410px) {
	#home .support-box .support-inner-box .support-text-box {
		padding: 2rem 1rem;
	}
}

@media print {
	#home .support-box {
		margin-bottom: 3rem;
	}
	#home .container.support-inner-box.row .col-lg-4 {
		width: 33.3333%
	}
	#home .container.support-inner-box.row  .col-lg-8 {
		width: 66.6666%;
	}
	#home .support-box .support-inner-box .support-text-box p {
		font-size: 0.8em;
	}
	#home .support-box .support-inner-box .support-text-box a {
		font-size: 0.6em;
		padding:0.5rem 2rem 0.5rem 1rem;
	}
	#home .support-box .support-inner-box .support-text-box a:after {
		padding-left: 0.2rem;
	}
}


#home .news-box {
	margin: 0 auto 4rem;;
}
#home .news-box .news-inner-box {
	margin: 0 auto;
	background: #FFFFFF;
	padding: 0;
	border: thin solid #406319;
}
#home .news-box .news-inner-box .order2 {
	/*border-left:20px solid #406319;*/
	align-items: stretch;
	display: flex;
}
#home .news-box .news-inner-box .order2,
#home .news-box .news-inner-box .order1 {
	padding:0;
	text-align: center;
}
#home .news-box .news-inner-box .order1 img{
	margin-left: 1px;
}
#home .news-box .news-inner-box .order1 img.img-pc{
	display: block;
}
#home .news-box .news-inner-box .order1 img.img-mb{
	display: none;
}
#home .news-box .news-inner-box .news-text-box {
	padding: 2rem ;
	width: 100%;
	display: flex;
	flex-direction: column;
}
#home .news-box .news-inner-box .news-text-box h3 {
	text-align: left;
	font-weight: bold;
	margin-bottom: 1rem;
	font-size: 1.6em;
}
#home .news-box .news-inner-box .news-text-box ul {
	color: #333333;
	font-size: 1em;
	line-height: 1.8em;
	text-align: left;
	list-style: none;
	padding-left: 1rem;
}
#home .news-box .news-inner-box .news-text-box .btn-bottom {
	margin-top: auto;
	margin-bottom: 1rem;
	width:100%;
}
#home .news-box .news-inner-box .news-text-box ul li span.news-day{
	margin-right:0.8rem;
}
#home .news-box .news-inner-box .news-text-box ul li span.news-cat{
	font-size: 0.7em;
	margin-right:0.8rem;
	background: #e8e8e8;
	padding: 0.2em 1rem 0.25rem;
	border-radius: 15px;
}

@media only screen and (max-width: 1199px) {
	#home .news-box .news-inner-box .news-text-box h3 {
		margin-bottom: 1rem;
	}
	#home .news-box .news-inner-box .news-text-box ul {
		margin-bottom: 2rem;
	}
	#home .news-box .news-inner-box .news-text-box ul li {
		line-height: 1.5em;
	}
	#home .news-box .news-inner-box .news-text-box ul li span.news-title {
		display: inline-flex;
		width:290px;
	}
}
@media only screen and (max-width: 991px) {
	#home .news-box .news-inner-box .news-text-box h3 {
		font-size: 1.8em;
	}
	#home .news-box .news-inner-box .order2{
		order:1;
	}
	#home .news-box .news-inner-box .order1 {
		order:0;
	}
	#home .news-box .news-inner-box .order1 img {
		margin-left: 0;
	}
	#home .news-box .news-inner-box .order1 img.img-pc{
		display: none;
	}
	#home .news-box .news-inner-box .order1 img.img-mb{
		display: block;
	}
}

@media only screen and (max-width: 767px) {
	#home .news-box .news-inner-box .news-text-box {
		padding: 3rem 1rem;
	}
	#home .news-box .news-inner-box .news-text-box h3 {
		text-align: center;
		margin-bottom: 2rem;
	}
	#home .news-box .news-inner-box .news-text-box ul {
		padding-left: 0;
		font-size: 0.9em;
	}
	
	#home .news-box .news-inner-box .news-text-box ul li {
		line-height: 1.8em;
		margin-bottom: 0.5rem;
	}
	#home .news-box .news-inner-box .news-text-box ul li span.news-title {
		display: inline-flex;
	}
	
}
@media only screen and (max-width: 514px) {
	#home .news-box.row {
		padding: 0;
	}
}
@media only screen and (max-width: 379px) {
	#home .news-box .news-inner-box .news-text-box .btn-bottom a {
		font-size: 1.2em;
	}

}

@media print {
	#home .news-box {
		margin-bottom: 2rem;
	}
	#home .container.news-inner-box.row .col-lg-4 {
		width: 33.3333%
	}
	#home .container.news-inner-box.row  .col-lg-8 {
		width: 66.6666%;
	}
	#home .container.news-inner-box.row p {
		font-size: 0.8em;
	}
	#home .container.news-inner-box.row ul li {
		font-size: 0.8em;
	}
	#home .container.news-inner-box.row ul li span {
		font-size: 0.4em;
	}
	#home .container.news-inner-box.row .btn-bottom a {
		font-size: 0.6em;
		padding:0.5rem 2rem 0.5rem 1rem;
	}
	#home .container.news-inner-box.row  .btn-bottom a:after {
		padding-left: 0.2rem;
	}
}



#home .recruit-box {
	margin: 0 auto 6rem;;
}
#home .recruit-box .recruit-inner-box.row {
	margin: 0 auto;
	background: #FFFFFF;
	padding: 0;
	border: 1px solid #406319;
}

#home .recruit-box .recruit-inner-box .order2,
#home .recruit-box .recruit-inner-box .order1 {
	padding:0;
	text-align: center;
	display: flex;
}
#home .recruit-box .recruit-inner-box .recruit-text-box {
	padding: 2rem;
	width: 100%;
	position: relative;
	height:100%;
	display: flex;
	flex-direction: column;
}
#home .recruit-box .recruit-inner-box .recruit-text-box p {
	color: #333333;
	font-size: 1em;
	line-height: 1.8em;
	text-align: left;
	list-style: none;
	padding-left: 1rem;
	margin-bottom: 0.2rem;
}
#home .recruit-box .recruit-inner-box .recruit-text-box p.recruit-now {
	font-size: 1.2em;
	color:#004ea2;
	font-weight: bold;
}

#home .recruit-box .recruit-inner-box .recruit-text-box .btn-bottom {
	margin-top: auto;
	margin-bottom: 0.5rem;
	width:100%;
}

#home .recruit-box .recruit-inner-box .recruit-text-box .btn-bottom .btn1 {
	width: 226px;
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width: 1199px) {
	#home .recruit-box .recruit-inner-box .recruit-text-box p {
		font-size: 1em;
	}
	#home .recruit-box .recruit-inner-box .recruit-text-box .btn-bottom{
		margin-top: 2rem;
	}
}
@media only screen and (max-width: 991px) {
	#home .recruit-box .recruit-inner-box .recruit-text-box {
		padding: 3rem 1rem;
	}
	#home .recruit-box .recruit-inner-box .recruit-text-box .btn-bottom a {
		font-size: 1em;
		padding:0.5rem 3rem 0.5rem 2rem;
	}
	#home .recruit-box .recruit-inner-box .recruit-text-box .btn-bottom a:after {
		top: 9px;
		padding-left:0.5rem;
	}
}

@media only screen and (max-width: 767px) {
	#home .recruit-box.row {
		padding: 0;
	}
	#home .recruit-box .recruit-inner-box .recruit-text-box {
		padding: 3rem;
	}
	#home .recruit-box .recruit-inner-box .recruit-text-box .btn-bottom{
		margin-top:3rem;
	}
}
@media only screen and (max-width: 514px) {
	#home .recruit-box .recruit-inner-box .recruit-text-box {
		padding:1.5rem 10vw 2rem;
	}
	#home .recruit-box .recruit-inner-box .recruit-text-box .btn-bottom {
		margin-top: 2rem;
	}
}


@media print {
	#home .recruit-box .recruit-inner-box .col-lg-6 {
		width: 50%
	}
	#home .recruit-box .recruit-inner-box .recruit-text-box p {
		font-size: 0.8em;
	}
	#home .recruit-box .recruit-inner-box .btn-bottom a {
		font-size: 0.6em;
		padding:0.5rem 2rem 0.5rem 1rem;
		width: 150px!important;
	}
	#home .recruit-box .recruit-inner-box  .btn-bottom a:after {
		padding-left: 0.2rem;
	}
}