@charset "UTF-8";
/*--------------------------------------------
DATA TEXT
---------------------------------------------*/
[data-before]:before{
	content : attr( data-before );
}
[data-after]:after{
	content : attr( data-after );
}
/*--------------------------------------------
MAP
---------------------------------------------*/
.map-container{
	position : relative;
}
.map-container > #map , .map-container > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
/*--------------------------------------------
img
---------------------------------------------*/
@media screen and (max-width: 768px){
	img{
		width : 100%;
	}
}
@media print,screen and (min-width: 769px){
	img{
		max-width : 100%;
	}
}
@media print,screen and (min-width: 769px){
	.is-sp{
		display : none;
	}
}
@media screen and (max-width: 768px){
	.is-pc{
		display : none;
	}
}
/*--------------------------------------------
HOVER
---------------------------------------------*/
a{
	transition : opacity .3s ease-in;
}
a:hover{
	opacity : .8;
}
/*--------------------------------------------
TEXT
---------------------------------------------*/
@media screen and (max-width: 768px){
	.text , dt , dd{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.77;
	}
}
@media print,screen and (min-width: 769px){
	.text , dt , dd{
		font-size : 15px;
		line-height : 2.1;
	}
}
/*--------------------------------------------
TITLE
---------------------------------------------*/
.title01{
	text-align : center;
    line-height: 1.3;
    font-family : var(--fontFamilySerif);
}
.title01.left{
	text-align : left;
}
.title02{
    line-height: 1.3;
    font-family : var(--fontFamilySerif);
}
    .mb-1em {
        margin-bottom: 1em;
    }
    .mb-2em {
        margin-bottom: 2em;
    }
@media screen and (max-width: 768px){
	.title01{
		font-size : calc( 40 * 100vw / 768 );
		line-height : 1.2;
	}
}
@media print,screen and (min-width: 769px){
	.title01{
		font-size : 30px;
	}
}
@media screen and (max-width: 768px){
	.title02{
		font-size : calc( 34 * 100vw / 768 );
		line-height : 1.2;
	}
}
@media print,screen and (min-width: 769px){
	.title02{
		font-size : 20px;
	}
}
/*--------------------------------------------
BG
---------------------------------------------*/
.bg01{
	background-color : #eff5fb;
}
.cover{
	background-position : center top;
	background-repeat : no-repeat;
	background-size : cover;
}
@media screen and (max-width: 768px){
	.fluid{
		overflow : hidden;
		text-align : center;
	}
	.fluid img{
		position : relative;
		left : 50%;
		transform : translateX(-50%);
		width : 200%;
	}
}
@media print,screen and (min-width: 769px){
	.fluid img{
		max-width : inherit;
		width : 100%;
	}
}
/*--------------------------------------------
DATALIST
---------------------------------------------*/
.datalist01 dd{
	margin-left : 1em;
}
@media screen and (max-width: 768px){
	.datalist01 dd{
		margin-top : 1em;
	}
}
@media print,screen and (min-width: 769px){
	.datalist01 > div{
		display : flex;
		align-items : flex-start;
	}
	.datalist01 dt{
		flex-shrink : 0;
	}
}
.datalist02{
	display : flex;
	align-items : flex-start;
}
/*--------------------------------------------
COLOR
---------------------------------------------*/
.text-white{
	color : #fff;
}
/*--------------------------------------------
BUTTON
---------------------------------------------*/
.btn01{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	background-color : #f90;
	font-weight : 400;
}
@media screen and (max-width: 768px){
	.btn01{
		font-size : calc( 24 * 100vw / 768 );
		width : calc( 320 * 100% / 720 );
		height : calc( 60 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.btn01{
		font-size : 22px;
		width : 257px;
		height : 56px;
	}
}
/*--------------------------------------------
IMG
---------------------------------------------*/
.is-maxwidth{
	max-width : 100%;
}
@media screen and (max-width: 768px){
	.is-maxwidth{
		margin-left : auto;
		margin-right : auto;
		width : auto;
	}
}
/*--------------------------------------------
CATEGORIES
---------------------------------------------*/
.categories{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	letter-spacing : .05em;
}
.categories.company{
	background-color : #ff8300;
}
.categories.information{
	background-color : #1dc0ca;
}
.categories.recruit{
	background-color : #ec5399;
}
.categories.new{
	background-color : #9c0;
}
/*--------------------------------------------
TEXT
---------------------------------------------*/
@media screen and (max-width: 768px){
	p{
		line-height : 1.5;
		font-size : calc( 26 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	p{
		line-height : 1.5;
		font-size : 14px;
	}
}

/*--------------------------------------------
LINK
---------------------------------------------*/
.link-more{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	border-style : solid;
	color : #221815;
	border-color : #bcbab1;
}
.link-more.white{
	border-color : #fff;
	color : #fff;
}
@media screen and (max-width: 768px){
	.link-more{
		font-size : calc( 26 * 100vw / 768 );
		width : calc( 344 * 100vw / 768 );
		height : calc( 65 * 100vw / 768 );
		border-width : calc( 6 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.link-more{
		font-size : 14px;
		width : 152px;
		height : 34px;
		border-width : 2px;
	}
}
/*--------------------------------------------
PAGINATION
---------------------------------------------*/
.pagination{
	position : relative;
}
.pagination a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #116845;
	color : #fff;
	font-weight : 900;
	position : relative;
	height : 100%;
	position : absolute;
	top : 0;
}
@media screen and (max-width: 768px){
	.pagination{
		height : calc( 80 * 100vw / 768 );
		margin-top : calc( 47 * 100vw / 768 );
	}
	.pagination a{
		font-size : calc( 26 * 100vw / 768 );
		width : calc( 80 * 100% / 720 );
	}
	.pagination .prev{
		left : calc( 50% - ( 104 * 100% / 720 ) );
	}
	.pagination .next{
		right : calc( 50% - ( 104 * 100% / 720 ) );
	}
}
@media print,screen and (min-width: 769px){
	.pagination{
		height : 37px;
		margin-top : 52px;
	}
	.pagination a{
		font-size : 14px;
		width : 37px;
	}
	.pagination .prev{
		left : calc( 50% - 47px );
	}
	.pagination .next{
		right : calc( 50% - 47px );
	}
}
.paginationSingle{
	position : relative;
}
.paginationSingle a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #116845;
	color : #fff;
	font-weight : 900;
	position : relative;
	top : 0;
    text-decoration: none;
}
.paginationSingle a img{
	width : auto;
}
.paginationSingle .archive{
	margin-left : auto;
	margin-right : auto;
}
.paginationSingle .prev , .paginationSingle .next{
	position : absolute;
}
@media screen and (max-width: 768px){
	.paginationSingle{
		margin-top : calc( ( 98 - 8 ) * 100vw / 768 );
	}
	.paginationSingle a{
		font-size : calc( 26 * 100vw / 768 );
		width : calc( 80 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
	}
	.paginationSingle a img{
		height : calc( 30 * 100vw / 768 );
	}
	.paginationSingle .prev{
		left : calc( 50% - ( 140 * 100% / 720 ) );
	}
	.paginationSingle .next{
		right : calc( 50% - ( 140 * 100% / 720 ) );
	}
}
@media print,screen and (min-width: 769px){
	.paginationSingle{
		margin-top : calc( 47px - 1.4px );
	}
	.paginationSingle a{
		font-size : 14px;
		width : 37px;
		height : 37px;
	}
	.paginationSingle a img{
		height : 16px;
	}
	.paginationSingle .prev{
		left : calc( 50% - 80px );
	}
	.paginationSingle .next{
		right : calc( 50% - 80px );
	}
}
/*--------------------------------------------
CONTENT
---------------------------------------------*/
#content{
	overflow : hidden;
}
#content img{
	width : auto;
	max-width : 100%;
}
#content img.alignright{
	float : right;
}
#content img.alignleft{
	float : left;
}
#content img.aligncenter{
	display : block;
}
#content img.float-left{
	float : left;
}
#content img.float-right{
	float : right;
}
#content .wp-caption{
	text-align : center;
}
#content .aligncenter{
	clear : both;
	display : block;
	margin-left : auto;
	margin-right : auto;
}
#content strong{
	font-weight : 700;
}
#content ul li{
	list-style-type : disc;
}
#content h3{
	font-weight : 500;
	color : #16609f;
	line-height : 1.2;
}
#content h4{
	display : flex;
	align-items : flex-start;
	font-weight : 500;
}
#content h4:before{
	content : ">>";
}
#content p{
	font-weight : 500;
}
@media screen and (max-width: 768px){
	#content{
		border-bottom : calc( 4 * 100vw / 768 ) solid #efefef;
		padding-bottom : calc( ( 112 - 10  ) * 100vw / 768 );
	}
	#content h3{
		font-size : calc( 34 * 100vw / 768 );
		margin-bottom : calc( 20 * 100vw / 768 );
	}
	#content p + h3{
		margin-top : calc( ( 174 - 3.4 ) * 100vw / 768 );
	}
	#content h4{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.33;
	}
	#content p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.77;
		margin-bottom : 1.77em;
	}
}
@media print,screen and (min-width: 769px){
	#content h3{
		font-size : 20px;
		margin-bottom : calc( 4px + 9px );
	}
	#content h4{
		font-size : 18px;
		line-height : 1.33;
	}
	#content p{
		font-size : 14px;
		line-height : 1.71;
		margin-bottom : 1.71em;
	}
}