@charset "utf-8";
/* adjustment classes */

.mt30{
	margin-top:30px!important
}
.plus{
	font-size:1.15em!important
}
.bold{
	font-size:1.15em!important
}
/* main classes */

.small{
	font-size:1.0em;
}
.pict{
	padding:4px;
	border:#ccc 1px solid;
	margin:0 0 12px 12px;
	width:200px;
	text-align: right!important;
	display:inline-block!important;
}

h4.subtitle{
	font-size:16px;
	font-weight:bold;
	color:#444;
	margin:25px 0 0 0;
	font-weight:bold;
	padding:8px 0 6px 15px;
	border-top:#0572be 3px solid;
	border-bottom:#888 1px dashed;
}
h4.subtitle span{
	font-size:12px;
	font-weight:normal;
	display:inline-block;
	padding-top:3px;
	margin-left:5px
}
h4.attention{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-top:#b16250 2px solid;
	border-bottom:#b16250 2px solid;;
	padding:7px 0 8px 7px;
}
div.inner{
	margin:15px;
}

/* visiblity selector */

.hide{
	display:none;
}

/* お知らせ・お詫びなど */
.owabi{
	font-size:15px;
	line-height:1.6em;
	margin:20px 15px 20px 15px;
	color:#cc0000;
	font-weight:bold;
	text-align:center;
	border-top:#aa0000 3px double;
	border-bottom:#aa0000 3px double;
	padding:10px 0;
}
.oshirase{
	font-size:15px;
	line-height:1.6em;
	margin:20px 15px 20px 15px;
	color:#bb0000;
	font-weight:bold;
	text-align:center;
	border-top:#7c3a23 3px double;
	border-bottom:#7c3a23 3px double;
	padding:10px 0;
}

/* intro */
.intro{
	font-size:15px;
	line-height:1.6em;
	margin:20px 15px 20px 15px;
}

/* articles */

.article--date{
	font-size:13px;
}
.article--title{

}
.article--title {
  font-size:22px;
  font-weight:bold;
  position: relative;
  color: #111;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 0 0;
  padding: 14px 5px 10px 10px;
}
.article--title:before {
  content: "";
  position: absolute;
  background: #0572be;
  top: 0;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.article--title:after {
  content: "";
  position: absolute;
  background:#005591;
  top: 15px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}


.article--title img{
	margin-left:10px;
	vertical-align:middle
}
.article--honbun{
	font-size:16px;
	line-height:1.5em;
	margin-top:20px;
	margin-bottom:30px;
	position:relative;
}
.article--honbun p{
	margin-top:10px!important;
	margin-bottom:20px!important;
	line-height:1.75em!important;
}
.article--honbun p img{
	display:block;
	text-align:center;
	padding:4px;
	border:#ccc 1px solid;
	margin:0 auto;
	height: 20rem;
}
h5.komidashi{
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
	margin-left:-1.2em;
}

h5.komidashi {
position: relative;
padding-left: 1.3em;/*アイコン分のスペース*/
line-height: 1.4;
}

h5.komidashi:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #0572be; /*アイコン色*/
}

/* backnumber list */

.back--date{
	font-size:13px;
	margin-bottom:3px!important
}
.back--title{
	font-size:14px;
	font-weight:bold;
}
.back--honbun{
	font-size:13px;
	line-height:1.5em;
	margin-top:5px;
	margin-bottom:20px!important;
}
.last{
	margin-bottom:30px;
}

.next--box{
	padding:18px 30px 18px 30px!important;
}

/* 一覧へ戻るボタン */

.button--back {
  display: inline-block;
  width: 200px;
  height: 54px;
  font-size:16px!important;
  font-weight:bold!important;
  margin-top:40px!important;
  text-align: center!important;
  text-decoration: none;
  line-height: 56px!important;
  outline: none!important;
  position: relative!important;
  background-color: #98d1f0!important;
  border-radius: 4px!important;
  color: #222!important;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0077b5;
  text-shadow: 0 1px 1px rgba(255,255,255, .8);
}
.button--back:hover {
  background-color: #bfe7fd!important;
  box-shadow: 0 3px 0 #0077b5;
  text-decoration:none!important;
}
.button--back:active {
  top: 3px;
  box-shadow: none;
  text-decoration:none!important;
}
.button--back::before,
.button--back::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button--back,
.button--back::before,
.button--back::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* 関連ページへジャンプボタン */

.button--jump {
  display: inline-block;
  width: auto;
  min-width:200px;
  height: 54px;
  font-size:16px!important;
  font-weight:bold!important;
  margin-top:40px!important;
  padding-left:30px!important;
  padding-right:30px!important;
  text-align: center!important;
  text-decoration: none;
  line-height: 56px!important;
  outline: none!important;
  position: relative!important;
  background-color: #a3d587!important;
  border-radius: 4px!important;
  color: #222!important;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #40811c;
  text-shadow: 0 1px 1px rgba(255,255,255, .8);
}
.button--jump:hover {
  background-color: #c1eda8!important;
  box-shadow: 0 3px 0 #40811c;
  text-decoration:none!important;
}
.button--jump:active {
  top: 3px;
  box-shadow: none;
  text-decoration:none!important;
}
.button--jump::before,
.button--jump::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button--jump,
.button--jump::before,
.button--jump::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* test */

.fs48{
	font-size:48px;
}
.fs18{
	font-size:18px;
}

.small{
	font-size:0.8em;
	color:#555;
}

/* 2020-03-03
Recommend, Related jobs, Pagenate 追加
--------------------------------------*/
/* 共通設定 */
.recommendOtherPages, .related_jobs, .pagenate {font-size:14px;}
.recommendOtherPages ul:after,
.pagenate ul:after {
	content:"";
	display:block;
	clear:both;
}
.recommendOtherPages li,
.related_jobs li,
.pagenate li {
	float:left;
}
.recommendOtherPages li:last-child,
.related_jobs li:last-child,
.pagenate li:last-child {
	margin-right:0;
}
.recommendOtherPages h4,
.related_jobs h4 {
	margin-bottom:13px;
	color:#434343;
	font-size:16px;
	font-weight:550;
	line-height:1.25;
}
/* レコメンド */
.recommendOtherPages {
	margin-bottom:40px;
	padding:23px 0 30px 20px;
	background-color:#eff7fb;
}
.recommendOtherPages li {
	width:228px;
	margin-right:20px;
	font-weight:bold;
	line-height:1.5;
}
.recommendOtherPages figure {
	margin-bottom:7px;
	line-height:1;
	width:226px;
	height:78px;
	overflow:hidden;
	border:1px solid #ddd;
}
.recommendOtherPages figure img {
	width:226px;
	height:auto;
	-webkit-transform: scale(1);
	transform:scale(1);
	-webkit-transition: .3s ease-in-out;
	transition:.3s ease-in-out;
}
figure:hover img {
	-webkit-transform: scale(1.2);
	transform:scale(1.2);
}
.recommendOtherPages h5 {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
/* 求人 */
.related_jobs {margin-bottom:50px;}
.related_jobs h4 em {
	color:#000;
	font-size:24px;
	font-style: normal;
}
.related_jobs ul {display:table;}
.related_jobs li {
	display:table-cell;
	width:240px;
	margin-right:25px;
	line-height:1.1;
	vertical-align:middle;
}
.related_jobs li a{
	display:block;
	width:204px;
	height:4em;
	padding:14px 12px 10px 16px;
	box-shadow:4px 4px 0px 2px #bcbcbc;
}
.related_jobs li a:hover {
	text-decoration:none;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(242, 242, 244, 1) 5px, rgba(242, 242, 244, 1) 10px );
}
.related_jobs li a.btn_j{
	color:#00447a;
	border:4px solid #00447a;
}
.related_jobs li a.btn_h{
	color:#007a22;
	border:4px solid #007a22;
}
.related_jobs li a.btn_s{
	color:#e68c00;
	border:4px solid #e68c00;
}
.related_jobs li a div{
	width:100%;
	display:table;
	height:100%;
}
.related_jobs li a span{
	width:188px;
	text-align:left;
}
.related_jobs li a i{width:16px;}
.related_jobs strong{font-size:22px;}
	.related_jobs .btn_s strong{letter-spacing:-0.05em;}
.related_jobs li a span,
.related_jobs li a i {
	display:table-cell;
	vertical-align:middle;
}
.related_jobs li a.btn_j span,
.related_jobs li a.btn_j i:before{
	color:#00447a;
}
.related_jobs li a.btn_h span,
.related_jobs li a.btn_h i:before{
	color:#007a22;
}
.related_jobs li a.btn_s,
.related_jobs li a.btn_s i:before{
	color:#e68c00;
}
.related_jobs li a i:before{
	font-family: FontAwesome;/*忘れずに*/
	content: "\f061";/*アイコンのユニコード*/
	font-weight: 900;
	font-size: 1em;/*サイズ*/
}
/* ページ送り */
.pagenate {
	padding-top:15px;
	border-top:1px dotted #434343;
}
.pagenate li {
	width:300px;
	margin-right:40px;
	line-height:1.36;
}
.pagenate li:nth-of-type(2){
	width:120px;
	padding-top:1em;
	text-align: center;
}
.pagenate li:nth-of-type(3){
	margin:0;
	text-align:right;
}
.pagenate li:last-child{
	display:none;
	margin:0;
}
	/* use for 01.php & 57.php */
	.pagenate li.gotonext {
		width:300px;
		margin-right:0;
		line-height:1.36;
		text-align: right;
	}
	.pagenate li.backtoindex-01{
		width:120px;
		padding-top:1em;
		margin-left: 340px;
		text-align: center;
	}

/* レスポンシブ */
@media (max-width: 768px) {
	.recommendOtherPages li {
		width: calc( calc( 100% - 60px ) / 3);
	}
	.recommendOtherPages figure {
		width:calc( 100% - 2px );
		height:calc( calc( 100% - 60px ) / 3 * 0.5);
	}
	.recommendOtherPages figure img {
		width:100%;
		height:auto;
	}
	.related_jobs li {
		width:calc( calc( 100% - 50px ) / 3 );
	}
	.related_jobs li a{
		padding-top:7px;
		padding-bottom:8px;
		width:calc( 100% - 12px - 16px - 8px );
		height:5em;
	}
	.related_jobs li a span{
		width:calc( 100% - 16px );
	}
	.pagenate {padding-bottom:80px;}
	.pagenate li{margin-right:30px;}
	.pagenate li:first-child,
	.pagenate li:nth-of-type(3) {
		width:calc( calc( 100% - 120px - 60px ) / 2 );
	}
	.pagenate li:nth-of-type(3) {margin-right:0;}
}
@media (max-width: 480px) {
	.recommendOtherPages{padding-right:20px;}
	.recommendOtherPages li,
	.related_jobs li,
	.pagenate li {
		float:none;
		margin-bottom:20px;
	}
	.recommendOtherPages{padding-bottom:23px;}
	.recommendOtherPages li{
		width:100%;
	}
	.recommendOtherPages li:after{
			content:"";
		display:block;
		clear:both;
	}
	.recommendOtherPages li:last-child{
		margin-bottom:0;
	}
	.recommendOtherPages li figure{
		float: left;
		width: 40%;
	}
	.recommendOtherPages h5{
		float: right;
		width:55%;
		text-align:left;
	}
	.related_jobs h4{text-align:center;}
	.related_jobs ul,
	.related_jobs li{
		display:block;
	}
	.related_jobs li{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	.pagenate li,
	.pagenate li:first-child,
	.pagenate li:nth-of-type(3){
		width: 96%;
		margin:0 2% 30px 2%;
	}
	.pagenate li:nth-of-type(2) {display:none;}
	.pagenate li:last-child {
		display:block;
		text-align:center;
	}
}
/* Recommend, Related jobs, Pagenate 追加ここまで
--------------------------------------*/




/* レスポンシブ部分（640px以下向け） */

@media (max-width: 639px) {

h3.column--title{
	font-size:12px;
	font-weight:bold;
}
h2.kiji--title{
	font-size:17px;
	font-weight:bold;
	margin:0 0 5px 0;
}
.meta{
	font-size:11px;
}

.registbox{
	width:96%;
	max-width:510px;
	border:#C1CED3 1px solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0 auto;
	margin-top:30px;
	margin-bottom:30px;
	box-shadow:rgba(113, 135, 164, 0.25) 0px 0px 4px 2px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.25) 0px 0px 4px 2px;
	-moz-box-shadow:rgba(113, 135, 164, 0.25) 0px 0px 4px 2px;
}
.registbox .inner-box{
	width:94%;
	max-width:460px;
	margin:15px auto;
}
.notice{
	font-size:13px;
	font-weight:bold;
	line-height:19px;
	text-align:center;
}
.notice span{
	color:#cc0000;
	font-size:12px;
}
ul.registbox--button{
	display:block;
	width:100%;
	max-width:440px;
	margin:15px 0;
}
ul.registbox--button li{
	width:100%;
	display:block;
	text-align:center!important;
	padding:5px 0;
}
#right_con .list-title{
	display:none;
}
#right_con ol.cont--list {
	display:none;
}

.picture--box--large{
	position:relative;
	padding:15px 10px 10px 10px;
	background:#D7E2E1;
	margin:0 auto;
	text-align:center;
	width:90%;
	max-width:460px;
}
.picture--box--large img{
	width:100%;
	max-width:420px;
	box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 6px 2px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 6px 2px;
	-moz-box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 6px 2px;
}
.picture--box--large span{
	display:block;
	text-align:center;
	font-size:12px;
	margin-top:8px;
}

}
/* ここまでレスポンシブ部分（640px以下向け） */


/* 20210422 SNS Area */
.sns ul {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.sns ul li {
  margin: 0px 10px 0px 0px;
}

/* Mokuji Area */
.mokuji {
  max-width: 500px;
  margin: 0px auto 1.6rem auto;
  background: #f4f4f4;
  border: solid 1px #e0e0e0;
  padding: 1.2rem
}

.mokuji h2 {
  text-align: center;
  font-size: 1.2rem;
  color: #333;
}

.mokuji ul li {
  margin-bottom: 10px;
  background: url(../images/icon03.png) left 8px no-repeat;
  padding-left: 15px;
  font-size: 1.1rem;
}

.mokuji ul li:last-child {
  margin-bottom: 0px;
}

.mokuji ul li a {
  color: #ff6347;
}

.mokuji ul li a:hover {
  text-decoration: none;
  color: #333;
}

/* Wrap Orange Bold Area */
.wrapbox01 {
  background: #fffeed;
  border: solid 1px #f8b551;
  padding: 20px;
  margin-bottom: 40px;
  box-sizing:border-box;
}

.wrapbox01 p:last-child {
  margin-bottom: 0px;
}

.wrapbox01 h3 {
  border: none;
  padding: 0px;
  font-size: 1.5em;
  color: #f19149;
}

.wrapbox01 h4 {
  border: none;
  padding: 0px;
  font-size: 1.2em;
  color: #ff6347;
}

/* Wrap Orange Area */
.wrapbox02 {
  border: solid 2px #f19149;
  padding: 20px;
  margin-bottom: 40px;
  position: relative;
  box-sizing:border-box;
}

.wrapbox02 p:last-child,
.wrapbox02 li:last-child {
  margin-bottom: 0px;
}

.wrapbox02 h3 {
  border: none;
  padding: 0px;
  font-size: 1.4rem;
  color: #f19149;
  background: #FFF;
  position: absolute;
  top: -.5em;
  line-height: 1;
  margin-left: .5em;
  padding: 0 .5em;
}

.wrapbox02 h4 {
  border: none;
  padding: 0px;
  font-size: 1.2em;
  color: #f19149;
}

.wrapbox02 p {
  color: #f19149;
  font-weight: bold;
  background: url(../images/icon01.png) left 7px no-repeat;
  padding: 0px 0px 0px 30px;
}

.wrapbox02 strong {
  color: #E74633;
  font-weight: bold;
}

.wrapbox02 ul li {
  background: url(../images/icon01.png) left 7px no-repeat;
  padding: 0px 0px 0px 30px;
  margin-bottom: 10px;
}

.button02 {
    display: block;
    margin: 20px auto;
    text-align: center;
}

.button02 a img {
    border: 0;
}

.date {
    color: #005591;
    width: 100%;
    text-align: right;
    margin:0.5rem 0;
    font-size: 0.8rem;
}