@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(/fonts/NotoSerifCJKjp/load.css);

html{
	font-size: 62.5%;
}

body {
	color: #56545a;
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: 0.06em;

	/* ゴシック体セット */
	font-family: "Noto Sans JP";
}

.body-wrap{
	overflow: hidden;
}

/* フォントサイズ sp
-------------------------------------------------- */

@media screen and (max-width: 768px) {
	body{
		font-size: 1.2rem;
	}
}



/* ==================================================
タグ
================================================== */
/* リンク
-------------------------------------------------- */
a,
a img {
	text-decoration: none;
	color: inherit;
	transition: all .3s;
}

a:hover img {
	opacity: .8;
}

a[href^="tel:"] {
	color: inherit;
}

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

/* 端末別表示非表示設定
-------------------------------------------------- */
@media screen and (max-width: 768px) {
	.pc-only { /* PCでの閲覧時にのみ表示したいコンテンツにつける */
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.sp-only { /* スマホでの閲覧時にのみ表示したいコンテンツにつける */
		display: none !important;
	}
}

/* 改行
-------------------------------------------------- */
.app-br {
	display: block;
}

/* box-sizing
-------------------------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/* ==================================================
テーブル
================================================== */
.styled-table01 {
	width: 100%;
	margin: 1em 0;
	line-height: 1.7;
}

.styled-table01:first-child {
	margin-top: 0;
}

.styled-table01 th,
.styled-table01 td {
	padding: 12px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #ddd;
	background: #fff;
}

.styled-table01 th {
	width: 35%;
	font-weight: normal;
	background: #f7f7f7;
}

.styled-table01 thead th {
	background: #e6e6e6;
}

.styled-table01 caption {
	text-align: center;
	font-size: 20px;
}

/* ==================================================
ヘッダー
================================================== */
.global-header {
}

.header-inner {
    padding: 10px;
    align-items: center;
    display: flex;
}

.head-left {
    display: inline-block;
}

.head-right {
    display: inline-block;
    right: 0;
    position: absolute;
}

.h-contact{
	display: inline-flex;
}

@media screen and (max-width: 1024px) {
	.header-inner{
		display: inline;
	}
	.head-right{
		position: relative;
	}
}




/* ヘッダーナビ
-------------------------------------------------- */


/* 固定設定　（ヘッダーを固定しない場合はこの項目ごと消せば固定しなくなる）
-------------------------------------------------- */
.header-fix-area-wrap {
	height: 90px; /* .header-fix-area の高さの実数地をデベロッパーツールで調べてここに入力する */
	position: absolute;
}

.header-fix-area {
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.header-fix-area-wrap {
		height: auto;
		position: relative;
	}

	.header-fix-area {
		position: static;
	}
}

/* h1
-------------------------------------------------- */
.header-description {
	width: 100%;
	padding: 8px 0;
	line-height: 1.2;
	font-size: 14px;
	font-weight: 300;
}

/* 問い合わせ
-------------------------------------------------- */
.header-contacts {
	line-height: 40px;
	display: flex;
}

.header-contacts li {
	margin: 0 0 0 15px;
	font-size: 22px;
}

/* 電話番号 */
.header-contacts .tel a {
	text-decoration: none;
}

/* メール */
.header-contacts .mail a {
	padding: 0 20px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	background: #c7c7c7;
	display: block;
}


.bnr-tel {
	 padding: 2rem;
	background: rgba(255, 255, 255, 0.9);
    font-size: 2.2rem;
    display: inline-block;
    writing-mode: tb-rl;
    letter-spacing: 0.3rem;
    font-weight: 600;
    line-height: 2.5rem;
    color: #000390;
	font-family: 'Noto Serif JP', serif;
}

.bnr-mail {
    background: #000390;
    display: inline-block;
    padding: 1.65rem;
    margin-top: -6px;
}
.bnr-mail:hover{
	background: #00a9e8;
}

.bnr-contact {
    z-index: 999999;
    position: fixed;
    right: 0;
    bottom: 5rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.bnr-tel span {
    font-size: 1.6rem;
    letter-spacing: 0.2rem;
    color: white;
    background: #00a9e8;
    padding: 0.8rem 0.2rem;
    margin-bottom: 1rem;
}

/* グローバルナビ
-------------------------------------------------- */
.header-nav {
	
}

.header-nav > ul {
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.header-nav > ul > li {
	flex-grow: 1;
	position: relative;
}

.header-nav a {
	padding: 0 20px;
	line-height: 60px;
	color: inherit;
	font-size: 18px;
	text-decoration: none;
	display: block;
}

.header-nav a:hover{
	color: #2ab0ea;
}

/* ドロップダウンメニュー
------------------------- */
.header-nav li ul {
	width: 100%;
	background: #cfcfcf;
	opacity: 0;
	transition: all .3s;
	position: absolute;
	top: 80%;
	z-index: 100;
	pointer-events: none;
}

.header-nav li:hover ul {
	top: 100%;
	opacity: 1;
	pointer-events: auto;
}


/* メインビジュアル
-------------------------------------------------- */
.header-main-visual {
	position: relative;
}

/*--- ↓ JSありの場合は、ここに記述する ↓ ---*/	
	.js-slick-fade .slick-image {
			width: 100%;
			height: 100vh;/* 任意の大きさ */
			position: relative;
		}

		.mv01 {
			background: url(/img/mv01.png)center center/cover;/* 任意の画像 */
		}

		.js-slick-fade .slick-image::before{
			  content:"";
			  position: absolute;
			  bottom: 0;
			  left: 0;
			  width: 0;
			  height: 0;
			  border-style: solid;

			  /*ここで三角形のサイズを決める。
			  必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
			  border-width: 0 0 100px 100vw ;

			  border-color: transparent transparent #f2f4f7 transparent;
}

		

		.mv02 {
			background: 
				url(/img/cut-bot.png)no-repeat center bottom,
				url(/img/mv02.png)center center/cover;/* 任意の画像 */
		}

		.mv03 {
			background: 
				url(/img/cut-bot.png)no-repeat center bottom,
				url(/img/mv03.png)center center/cover;/* 任意の画像 */
		}


		@media screen and (max-width: 768px) {
			.js-slick-fade .slick-image {
				height: 400px;/* 任意の大きさ */
			}
		}

.catch {
    align-items: center;
    width: 100%;
    display: flex;
    justify-content: center;
    height: inherit;
    position: absolute;
    z-index: 10;
    box-sizing: border-box;
    margin: 0 auto;
	top: 0;
	bottom: 0;
}

@media screen and (max-width: 768px) {
	.catch {
		align-items: center;
		width: 100%;
		display: inline-block;
		height: inherit;
		position: absolute;
		z-index: 10;
		box-sizing: border-box;
		top: 12%;
	}
}

@media screen and (max-width: 375px) {
	.catch {
		top: 30%;
	}
}


/* スマホ
-------------------------------------------------- */
@media screen and (max-width: 768px) {
	.header-inner {
		margin: 0;
		padding: 10px;
		display: block;
	}

	.header-description,
	.header-contacts,
	.header-nav {
		display: none;
	}

	/* ロゴ */
	.header-logo {
		text-align: center;
	}
}



/* ==================================================
フッター
================================================== */
.global-footer {
	background: #e9f6fb;
}

.footer-inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.footer-inner {
		padding: 20px;
		flex-direction: column;
		justify-content: center;
	}
}

/* ロゴ
-------------------------------------------------- */
.footer-logo {
	margin: 0 0 20px;
}

/* 会社概要
-------------------------------------------------- */
.footer-about {
}

.footer-about li {
	margin: 0 0 8px;
	line-height: 1.2;
}

/* 電話番号 */
.footer-about .tel {
	font-size: 22px;
}

.footer-about .tel a {
	color: inherit;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
}

/* 所在地 */
.footer-about .address {
}

/* コピーライト
-------------------------------------------------- */
.footer-copyright {
    padding: 8px;
    line-height: 1.3;
    text-align: center;
    font-size: 14px;
    display: block;
    background: #00a9e8;
    color: white;
}

.footer-copyright a {
	color: inherit;
}

/* ==================================================
セクション
================================================== */

.section-inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 11rem 1rem;
}




/* sec01 ごあいさつ
-------------------------------------------------- */
.sec01{
	background: url(/img/con01-bg.png)no-repeat center center/cover fixed;
}


.cut01{
	background: url(/img/con01_cut-bot.png) no-repeat center center;
	z-index: 3;
	width: 100%;
	height: 220px;
	margin-top: -110px;
	
}

/* sec02 仕事内容
-------------------------------------------------- */
.sec02{
	
}

.cut02{

	
}


/* sec03 特徴
-------------------------------------------------- */
.sec03{
	background:
		url(/img/con03-bg.png)no-repeat center center/cover fixed;
	margin-top: -5.8%;
}

.con03-txtbox {
    background-image: linear-gradient(#e5e5e5 1px, transparent 0), linear-gradient(90deg, #e5e5e5 1px, transparent 0);
    background-size: 2rem 2rem;
    text-align: center;
    padding: 3rem;
    background-color: rgba(255, 255, 255, 0.9);
}


/* sec04 流れ
-------------------------------------------------- */
.sec04{
	background: url(/img/con04-bg.png)no-repeat center center/cover fixed;
}
.con04-colmnbox{
	width: 70%;
}

.flow{
	
}

.flow li {
    background-image: linear-gradient(#e5e5e5 1px, transparent 0), linear-gradient(90deg, #e5e5e5 1px, #e9f6fb 0);
    background-size: 2rem 2rem;
    padding: 3rem;
}

@media screen and (max-width: 1024px) {
	.con04-colmnbox{
		width: 100%;
	}
}


/* sec05 求人概要
-------------------------------------------------- */
.sec05{
	background: url(/img/pat01.png) repeat;
}

.con05-tr {
    border-collapse:  collapse; /* セルの線を重ねる */
	width: 100%;
	border-spacing: 0;
	
}

.con05-tr table th,table td{
  padding: 10px 0;
  text-align: center;
}

 
.con05-tr tr:nth-child(odd) {
    background-color:  white;    /* 背景色指定 */
}

.con05-tr tr:nth-child(even){
	color: white;
}
 
.con05-tr th{
	width: 30%;
	font-weight: 400;
}

.con05-tr td{
	width: 70%;
	text-align: left;
}


/* sec06 会社
-------------------------------------------------- */
.sec06{
	background: 
		url(/img/con06-bg-left.png)no-repeat bottom right,
		url(/img/con06-bg.png)no-repeat center center/cover fixed;
}


.con06-tr {
    border-collapse: separate;
    width: 100%;
    border-spacing: 0 5px;
}

.con06-tr table th,table td{
  padding: 10px 0;
  text-align: center;
}

 
.con06-tr tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.8);
}

.con06-tr tr:nth-child(even) {
    color: white;
    background: rgba(0, 3, 144, 0.8);
}

.con06-tr th{
	width: 30%;
	font-weight: 400;
}

.con06-tr td{
	width: 70%;
	text-align: left;
}

/* sec07 お知ら
-------------------------------------------------- */
.wrap-box {
    width: calc(100%/2);
}

.sec07-columnbox {
    display: block;
    padding: 15px;
    margin-bottom: 3px;
    background: url(/img/pat01.png)repeat;
    text-align: left;
	color: white;
}


@media screen and (max-width: 1024px) {
	.wrap-box {
		width: auto;
		margin-top: 5rem;
	}
}


/* 見出し
-------------------------------------------------- */
.ttl01 {
    font-size: 6rem;
    color: #000090;
    line-height: 2.3rem;
    font-weight: 500;
	font-family: 'Noto Serif JP', serif;
}

.minttl{
	font-size: 1.6rem;
	color: #00a9e8;
	line-height: 1rem;
}

.ttl02 {
    background: url(/img/ttl-icon01.png)no-repeat;
    background-position-y: top;
    font-family: 'Noto Serif JP';
    font-size: 3rem;
    padding: 0px 0px 0px 30px;
    letter-spacing: 0.13em;
    font-weight: 600;
	color: #00a9e8;
}

.ttl03 {
    font-size: 2.4rem;
    letter-spacing: 0.12em;
    line-height: 3.5rem;
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    color: #00a9e8;
    font-weight: 600;
	font-family: 'Noto Serif JP', serif;
}

.ttl03:before {
    content: '';
    position: absolute;
    bottom: -1.5rem;
    display: inline-block;
    width: 4rem;
    height: 0.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #00a9e8;
    border-radius: 2px;
}

.nb01 {
    font-size: 5rem;
	color: #00a9e8;
}

.ttl04 {
    font-size: 2.4rem;
    font-weight: 500;
}

.ttl05 {
    font-size: 1.6rem;
    background: #00a9e8;
    color: white;
    padding: 0.1rem 1rem;
    margin-right: 3rem;
    width: 16rem;
    display: inline-block;
    text-align: center;
}

.ttl06 {
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 34px;
    position: relative;
    padding: 0 55px;
}

.ttl06:before {
    left: 0;
}
.ttl06:after {
    right: 0;
}

.ttl06:before, .ttl06:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 4px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}

/* フォントサイズ sp
-------------------------------------------------- */

@media screen and (max-width: 768px) {
	.ttl01{
		font-size: 3rem;
	}
	.ttl02{
		font-size:  2rem;
	}
	.ttl03{
		font-size: 1.8rem;
		line-height: 2.5rem;
	}
	.ttl04{
		font-size: 2rem;
	}
	.ttl05{
		display: block;
		font-size: 1.2rem;
	}
	.ttl06{
		font-size:  2rem;
	}
}

/* カラー
-------------------------------------------------- */
.sky{
	color: #00a9e8;
}

.white{
	color: white;
}

/* レイアウト
-------------------------------------------------- */

.flex {
	display: flex;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

.left{
	text-align: left;
}

.mat1{
	margin-top: 1rem;
}
.mat2{
	margin-top: 2rem;
	
}
.mat3{
	margin-top: 3rem;
	
}

.mat5{
	margin-top: 5rem;
}

.mar5{
	margin-right: 5rem;
}

@media screen and (max-width: 768px) {
	.mar5{
		margin-right: 0;
	}
	.flex{
		display: block;
	}
	.left{
		text-align: center;
	}
}

/* ボタン
-------------------------------------------------- */
.btn01 {
    display: inline-block;
    text-align: center;
    background-color: #00a9e8;
    font-size: 1.6rem;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 1.5rem 10rem;
    position: relative;
}

.btn01 span {
  position: relative;
  z-index: 1;
}

.btn01::before,
.btn01::after {
  content: "";
  display: block;
  background-color: #000090;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn01::before {
  left: 0;
}
.btn01::after {
  right: 0;
}

.btn01:hover:before,
.btn01:hover:after {
  width: 0;
  background-color: #000090;
}

.btn01:hover {
  color: white;
}


.btn02 {
    display: block;
    text-align: center;
    background-color: #000090;
    font-size: 1.6rem;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 1.5rem 10rem;
    position: relative;
}

.btn02 span {
  position: relative;
  z-index: 1;
}

.btn02::before,
.btn02::after {
  content: "";
  display: block;
  background-color: #00a9e8;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn02::before {
  left: 0;
}
.btn02::after {
  right: 0;
}

.btn02:hover:before,
.btn02:hover:after {
  width: 0;
  background-color: #00a9e8;
}

.btn02:hover {
  color: white;
}

/* ==================================================
文章＋画像 width:100％ 互い違い
================================================== */
section.column-section02 {
	max-width: none;
	margin: 0;
	display: flex;
}

.column-section02 .thumb-column {
	width: 50%;
}

.column-section02 .thumb-column img {
	width: 100%;
}

.column-section02 .text-column {
	width: 50%;
	padding: 16px 10%;
	line-height: 2;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.column-section02.right-thumb .thumb-column {
	order: 1;
}

@media screen and (max-width: 1024px) {
	.column-section02 .thumb-column {
		width: 40%;
	}
	.column-section02 .text-column {
		width: 60%;
		padding: 0 3rem 5rem;
}
}




@media screen and (max-width: 768px) {
	section.column-section02 {
		display: block;
	}

	.column-section02 .thumb-column {
		width: auto;
	}

	.column-section02 .text-column {
		width: auto;
		padding: 16px;
	}
}

/* ==================================================
要素の横並び（３つパターン）
================================================== */
.gallery-list01 {
	display: flex;
	flex-wrap: wrap;
}

.gallery-list01 li {
	width: calc((100% - 90px) / 3);
	margin: 0 45px 40px 0;
}

.gallery-list01 li:nth-child(3n) {
	margin-right: 0;
}

@media screen and (max-width: 768px) {
	.gallery-list01 li {
		width: calc((100% - 10px) / 2);
		margin: 0 5px 5px 0px;
	}

	.gallery-list01 li:nth-child(3n) {
		margin-right: 5px;
	}
}

@media screen and (max-width: 706px) {
	.con03-txtbox {
		padding: 2rem 1rem;
	}
}

@media screen and (max-width: 500px) {
	.gallery-list01 li:nth-child(3n) {
		margin-right: 0;
	}
	.gallery-list01 li{
		width: 100%;
		margin: 0.5rem 0 0;
		display: block;
	}
}

/* ==================================================
カラム設定
================================================== */
.table-column-wrap {
	display: flex;
	justify-content: space-between;
}

.table-column-wrap .table-column {
	width: 580px;
}

.table-column-wrap .map-column {
	width: 580px;
}

/* スマホ
-------------------------------------------------- */
@media screen and (max-width: 768px) {
	.table-column-wrap {
		display: block;
	}

	.table-column-wrap .table-column {
		width: auto;
		margin: 0 0 10px;
	}

	.table-column-wrap .map-column {
		width: auto;
	}
}
/* ==================================================
.sub-visual
================================================== */
.sub-visual {
	width: 100%;
	height: 500px; /*画像高さ÷1080vw*/
	background: url(/img/mv01.png) center center;
	background-size: cover;
	align-items: center;
	display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	justify-content: center;
}
.sub-visual .txt {
	color: #000;
	letter-spacing: 0.2em;
	font-weight: bold;
	text-align: center;
	font-size: 50px;
	line-height: 0.9;
	filter: drop-shadow(0 0 10px rgba(255,255,255,0.8));
	text-shadow: 0 0 0.3em rgba(255,255,255,0.8),
		0 0 0.3em rgba(255,255,255,0.5),
		0 0 0.4em rgba(255,255,255,0.5),
		0 0 0.6em rgba(255,255,255,0.5),
		0 0 1em rgba(255,255,255,0.2);
}
@media screen and (min-width:769px) {
	.sub-visual .txt {
		padding-top: 100px;
	}
}
@media screen and (max-width: 768px) {
	.sub-visual {
		height: 30vw;
	}
	.sub-visual .txt {
		font-size: 7vw;
	}
}

/* ==================================================
パンくずリスト
================================================== */
.breadcrumbs-list {
	width: 100%;
	left: inherit;
	text-align: left;
	box-sizing: border-box;
	margin: 0;
	letter-spacing: -0.2em;
	font-size: 0.8em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.breadcrumbs-list li {
	display: inline;
	letter-spacing: normal;
	vertical-align:middle;
}
.breadcrumbs-list li:not(:last-child):after {
	content: "\0bb";
	margin: 0 10px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 0.8em;
}
h3.default {
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 34px;
	position: relative;
	padding: 0 55px;
	display: table;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
h3.default:before,
h3.default:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 4px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}
h3.default:before {
    left: 0;
}
h3.default:after {
    right: 0;
}
@media screen and (max-width: 768px) {
	h3.default {
		font-size: 2rem;
	}
}
.news_tag {
	margin: 0 1em;
	vertical-align: middle;
	text-align: center;
	display: inline-table;
	width: 6em;
	text-align: center;
}
.news_tag a {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #00a9e8;
	color: #fff;
}
@media screen and (min-width:769px) {
	ul.prev-next-post {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	}
	ul.prev-next-post > li {
		width: 30%;
	}
}
@media screen and (max-width: 768px) {
	ul.prev-next-post > li:not(:last-child) {
		margin-bottom: 10px;
	}
}
ul.prev-next-post > li a {
    width: 100%;
    padding: 1em;
    background: #00a9e8;
    color: #fff;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}
/* ==================================================
SNSボタン
================================================== */
.sns-sharerbtn-list {
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	background: #f0f0f0;
	overflow: hidden;
	clear: both;
}
.sns-sharerbtn-list li {
	margin: 0 4px;
	font-size: 0;
	vertical-align: top;
	display: inline-block;
}
/* ▲ SNSボタン ▲ */
/* ==================================================
ページネーション
================================================== */
.pagenation {
	display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	justify-content: center;
	margin-top: 50px;
}
.pagenation li {
	margin: 0 0.25em;
	text-align: center;
	line-height: 1;
	background: #dde2e6;
	font-weight: bold;
}
.pagenation li > * {
	text-decoration: none;
	vertical-align: middle;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.5em 0.75em;
	box-sizing: border-box;
}
.mb5 {
	margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
	.pagenation li > * {
		padding: 0.5em;
	}
}
.pagenation li:hover,
.pagenation li.current {
	background: #555;
	color: #fff;
}
body.sub .section-inner {
	padding-top: 2rem;
}