/* ======================================
   etc
====================================== */
@import url(./src/jQ.HumbergerNav.css);
/* fix footer to bottom => ref:common.js */
body.__footer_bottom {
	position : relative;
	height : 100%;
}

body.__footer_bottom #pageFooter {
	position : fixed;
	bottom : 0;
	width : 100%;
}

/* narrow header */
body.__narrow_header > section:first-of-type {
	padding-top : 100px;
	/* pageHeader height*/
}

body.__narrow_header #pageHeader {
	box-shadow : 0 0 4px -2px #000000;
}

body.__narrow_header #pageHeader .inner {
	height : 100px;
}

body.__narrow_header #pageHeader .content > .subNav a {
	padding : 0.5rem;
}

body.__narrow_header #pageHeader .logo a {
	height : 35px;
}

body.__narrow_header #pageHeader .logo img {
	height : 35px;
}

body.__narrow_header .__humberger_toggle {
	height : 70px;
}

/* pagetop */
body.__fixed_pagetop_before #pageTop {
	opacity : 0;
}

body.__fixed_pagetop #pageTop,
body.__fixed_pagetop_after #pageTop {
	opacity : 1;
}

body.__fixed_pagetop #pageTop a {
	display : flex;
	z-index : 100;
	position : fixed;
	right : 0;
	bottom : 0;
	overflow : hidden;
	justify-content : center;
	align-items : center;
}

body.__fixed_pagetop #pageTop a::before {
	position : absolute;
	top : 50%;
	left : 50%;
	font-size : 24px;
	margin : -0.5em 0 0 -0.5em;
}

/* ======================================
   common
====================================== */

body * {
	box-sizing : border-box;
}

body > section:first-of-type {
	padding-top : 100px;
	/* pageHeader height*/
	transition : 0.3s ease-out;
}

#pageHeader > .inner,
#pageFooter > .inner {
	width : 100%;
	margin : 0 auto;
}

#pageTop {
	height : 0;
	transition : 0.35s ease-out;
	text-align : center;
	opacity : 0;
	background-color : #333333;
}

#pageTop a {
	width : 70px;
	height : 70px;
	text-decoration : none;
	color : #ffffff;
	background-color : #1684b2;
}

#pageTop a img {
	width : 40%;
}

a[href^="tel:"] {
	pointer-events : none;
}

.pagenation {
	display : flex;
	justify-content : center;
	align-items : center;
	margin-top : 40px;
}
.pagenation .pagenation__body {
	display : flex;
	justify-content : center;
}

.pagenation a {
	position : relative;
	transition : 0.2s ease-in-out;
}

.pagenation a,
.pagenation span {
	display : flex;
	justify-content : center;
	align-items : center;
	height : 45px;
	margin : 0 5px;
	padding : 15px;
	text-decoration : none;
	border : #cccccc 1px solid;
	background-color : #ffffff;
}
.pagenation .current a,
.pagenation .current span {
	color : #ffffff;
	border : none;
	background-color : #1684b2;
}

.pagenation .pagenation__prev a {
	padding-left : 30px;
}

.pagenation .pagenation__prev a,
.pagenation .pagenation__next a {
	position : relative;
	width : auto;
}

.pagenation .pagenation__prev a::before,
.pagenation .pagenation__next a::before {
	position : absolute;
	top : 50%;
	left : 0.2em;
	font-family : "Material Icons";
	content : "\e314";
	transform : translateY(-50%);
}

.pagenation .pagenation__next a {
	padding-right : 30px;
}

.pagenation .pagenation__next a::before {
	right : 0.2em;
	left : auto;
	content : "\e315";
}

.pagenation span.is-current,
.pagenation a:hover {
	font-weight : 700;
	color : #ffffff;
	border-color : #535353;
	background-color : #535353;
}

.pagenation .notNumbering span {
	border : none;
	background-color : transparent;
}

/* ======================================
   pageHeader
====================================== */
#pageHeader {
	z-index : 10;
	position : fixed;
	top : 0;
	width : 100%;
	transition : 0.3s ease-out;
	background-color : #ffffff;
}

#pageHeader .inner {
	display : flex;
	position : relative;
	flex-direction : row;
	justify-content : space-between;
	height : 120px;
	padding : 0 1.5vw 0 2.6vw;
	transition : 0.3s ease-out;
}

#pageHeader .container {
	display : flex;
	flex-grow : 1;
}

#pageHeader .container_globalNav {
	display : flex;
	flex-direction : column;
	justify-content : flex-end;
}

#pageHeader .container_globalNav .copy {
	color : #256f8e;
}

#pageHeader .container_globalNav .btn-search {
	display : none;
	position : relative;
	font-size : 0.6875rem;
	flex-direction : column;
	justify-content : center;
	align-items : center;
	width : 60px;
	height : 55px;
	text-decoration : none;
	color : #ffffff;
	border-radius : 6px;
	background-color : #ffa213;
}

#pageHeader .container_globalNav .btn-search::before {
	display : block;
	font-family : "Material Icons";
	font-size : 26px;
	margin-bottom : 5px;
	content : "\e8b6";
	text-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
	color : #ffffff;
}

#pageHeader .logo {
	display : flex;
	align-items : center;
	margin-right : 3.1vw;
	transition : 0.3s ease-out;
}

#pageHeader .logo a {
	display : block;
	height : 40px;
}
#pageHeader .logo a:hover {
	opacity : 0.7;
}

#pageHeader .logo img {
	height : 40px;
	transition : 0.3s ease-out;
}

#pageHeader .content {
	display : flex;
	flex-basis : 33%;
	flex-direction : column;
}

#pageHeader .content-top {
	display : flex;
	justify-content : flex-end;
	margin-bottom : 10px;
}

#pageHeader .content-top a {
	display : inline-block;
	font-size : 0.75rem;
	padding : 7px 20px;
	text-align : center;
	text-decoration : none;
	color : #333333;
	border : #d8d8d8 solid 1px;
}

#pageHeader .content-bottom {
	display : flex;
	flex-grow : 1;
	margin-bottom : 15px;
	border-radius : 6px;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}

#pageHeader .content-bottom a {
	display : flex;
	position : relative;
	font-size : 1rem;
	font-weight : 700;
	flex-basis : 50%;
	justify-content : center;
	align-items : center;
	transition : 0.2s ease-in-out;
	text-align : center;
	text-decoration : none;
	text-shadow : 1px 1px 5px rgba(0, 0, 0, 0.3), -1px 1px 5px rgba(0, 0, 0, 0.3);
	color : #ffffff;
}

#pageHeader .content-bottom a::before {
	display : inline-block;
	width : 25px;
	height : 20px;
	margin-right : 10px;
	content : "";
	vertical-align : middle;
}

#pageHeader .content-bottom a:first-of-type {
	border-radius : 6px 0 0 6px;
	background-color : #ffa213;
}

#pageHeader .content-bottom a:first-of-type::before {
	background : url(/wp/wp-content/themes/tenshokusekkei/common/img/icon_list.svg)
	no-repeat center center;
}

#pageHeader .content-bottom a:first-of-type:hover {
	background-color : #ef7900;
}

#pageHeader .content-bottom a:nth-of-type(2) {
	border-radius : 0 6px 6px 0;
	background-color : #1684b2;
}

#pageHeader .content-bottom a:nth-of-type(2)::before {
	background : url(/wp/wp-content/themes/tenshokusekkei/common/img/icon_mail.svg)
	no-repeat center center;
}

#pageHeader .content-bottom a:nth-of-type(2):hover {
	background-color : #0d668b;
}

/* ======================================
   globalNav
====================================== */
#globalNav {
	display : flex;
}

#globalNav ul {
	display : flex;
	flex-direction : row;
	justify-content : flex-end;
	align-items : center;
	transition : 0.3s ease-out;
}

#globalNav ul li {
	position : relative;
	margin : 0 1.3vw;
}

#globalNav ul li:first-of-type {
	margin-left : 0;
}

#globalNav ul li a {
	display : inline-block;
	position : relative;
	font-size : 1rem;
	padding : 20px 0 30px;
	text-decoration : none;
}

#globalNav ul li a::before {
	position : absolute;
	bottom : 0;
	left : 50%;
	width : 65%;
	height : 5px;
	content : "";
	transition : transform 0.5s;
	transform : scale(0, 1) translateX(-50%);
	transform-origin : left top;
	background : #1684b2;
}

#globalNav ul li a:hover::before {
	transform : scale(1, 1) translateX(-50%);
}

#globalNav ul li.is-current a::before {
	transform : scale(1, 1) translateX(-50%);
}

#globalNav .linkGroup_btn-top,
#globalNav .linkGroup_btn-bottom {
	display : none;
}

#globalNav .linkGroup_btn-top a {
	font-weight : 700;
	padding : 20px 5px;
	transition : 0.2s ease-in-out;
	text-shadow : 1px 1px 5px rgba(0, 0, 0, 0.3), -1px 1px 5px rgba(0, 0, 0, 0.3);
	color : #ffffff;
}

#globalNav .linkGroup_btn-top a::before {
	display : inline-block;
	width : 25px;
	height : 20px;
	margin-right : 10px;
	content : "";
	vertical-align : middle;
}

#globalNav .linkGroup_btn-top a:first-of-type {
	border-radius : 6px 0 0 6px;
	background-color : #ffa213;
}

#globalNav .linkGroup_btn-top a:first-of-type::before {
	background : url(/wp/wp-content/themes/tenshokusekkei/common/img/icon_list.svg)
	no-repeat center center;
}

#globalNav .linkGroup_btn-top a:first-of-type:hover {
	background-color : #ef7900;
}

#globalNav .linkGroup_btn-top a:nth-of-type(2) {
	border-radius : 0 6px 6px 0;
	background-color : #1684b2;
}

#globalNav .linkGroup_btn-top a:nth-of-type(2)::before {
	background : url(/wp/wp-content/themes/tenshokusekkei/common/img/icon_mail.svg)
	no-repeat center center;
}

#globalNav .linkGroup_btn-top a:nth-of-type(2):hover {
	background-color : #0d668b;
}

#globalNav .linkGroup_btn-top a:first-of-type,
#globalNav .linkGroup_btn-top a:nth-of-type(2) {
	border-radius : 6px;
}

#globalNav .linkGroup_btn-top a + a {
	margin-top : 20px;
}

#globalNav .linkGroup_btn-bottom a {
	padding : 10px;
	border : #b0b0b0 solid 1px;
	border-radius : 6px;
}

#globalNav .linkGroup_btn-bottom a + a {
	margin-top : 20px;
}

/* ======================================
   pageBody
====================================== */
#pageBody {
	/* height of fixed header plus padding */
	overflow : hidden;
	padding-top : 120px;
}

#pageBody > .inner {
	max-width : 1200px;
	margin : 0 auto;
}

#pageBody > section {
	max-width : 1200px;
	margin: 0 auto;
    padding-bottom: 60px;
}

#pageBody #columnContents {
	max-width : 100%;
	margin : 0;
	padding : 30px 0 120px;
	background-color : #f0f0f0;
}

#pageBody #contents {
	max-width : 100%;
	margin : 0;
	padding : 60px 0 90px;
	background-color : #f0f0f0;
}

/* ======================================
   pageTitle
====================================== */
#contentHeader {
	display : flex;
	position : relative;
	align-items : center;
	width : 100%;
	padding : 0 24px;
	background-color : #1684b2;
}

#contentHeader .pageTitle {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.875rem;
	font-weight : bold;
	line-height : 1.25;
	width : 1200px;
	margin : 0 auto;
	padding : 2em 0;
	text-align : left;
	letter-spacing : 2px;
	color : #ffffff;
	background-color : transparent;
}

#breadcrumb {
	width : 100%;
	padding : 15px 0;
	background-color : #f0f0f0;
}

#breadcrumb ul {
	display : flex;
	flex-wrap : wrap;
	max-width : 1200px;
	margin : 0 auto;
}

#breadcrumb ul li {
	position : relative;
	font-size : 0.75rem;
	line-height : 1.45;
	color : #999999;
}

#breadcrumb ul li:not(:first-child) {
	padding-left : 2em;
}

#breadcrumb ul li:not(:first-child)::before {
	position : absolute;
	top : 50%;
	left : 8px;
	width : 6px;
	height : 6px;
	margin-top : -3px;
	content : "";
	transform : rotate(45deg);
	border-top : solid 1px #999999;
	border-right : solid 1px #999999;
}

#breadcrumb ul li a {
	text-decoration : underline;
	color : #999999;
}

#breadcrumb ul li a:hover {
	text-decoration : none;
}

/* ======================================
   pageFooter
====================================== */
#pageFooter {
	background : #ffffff;
}

#pageFooter .footer-middle {
	padding-bottom : 45px;
	background-color : #f5f5f5;
}

#pageFooter .footer-middle > .inner {
	max-width : 1200px;
	margin : 0 auto;
}

#pageFooter .footer-middle .logo {
	display : inline-block;
	margin-bottom : 25px;
}

#pageFooter .footer-middle .logo img {
	height : 57px;
}

#pageFooter .footer-middle .container {
	display : flex;
}

#pageFooter .footer-middle .container > div {
	flex-basis : 50%;
}

#pageFooter .footer-middle .container .company_name {
	font-weight : 700;
	line-height : 1.7;
	margin-bottom : 10px;
}

#pageFooter .footer-middle .container .company_info {
	line-height : 2.14;
}

#pageFooter .footer-middle .container #footerNav .footerNav-sp {
	display : none;
	margin : 60px 0 0;
	background-color : #e6e6e6;
}

#pageFooter .footer-middle .container #footerNav .footerNav-sp ul {
	display : flex;
	flex-wrap : wrap;
}

#pageFooter .footer-middle .container #footerNav .footerNav-sp ul li {
	flex-basis : 50%;
}

#pageFooter
	.footer-middle
	.container
	#footerNav
	.footerNav-sp
	ul
	li:nth-of-type(2n) {
	border-left : #b5b5b5 solid 1px;
}

#pageFooter .footer-middle .container #footerNav .footerNav-sp ul li a {
	display : block;
	position : relative;
	padding : 1em 2em 1em 1em;
	text-decoration : none;
	border-bottom : #b5b5b5 solid 1px;
}

#pageFooter .footer-middle .container #footerNav .footerNav-sp ul li a::after {
	position : absolute;
	top : 50%;
	right : 10px;
	font-family : "Material Icons";
	font-size : 1.5rem;
	content : "\e5cc";
	transform : translateY(-50%);
	color : #1684b2;
}

#pageFooter
	.footer-middle
	.container
	#footerNav
	.footerNav-sp
	ul
	li
	a[target="_blank"]::after {
	right : 15px;
	font-size : 1.125rem;
	content : "\e89e";
}

#pageFooter .footer-middle .container #footerNav .footerNav-pc {
	display : flex;
	flex-basis : 50%;
	justify-content : flex-end;
}

#pageFooter .footer-middle .container #footerNav .footerNav-pc ul li.heading {
	font-weight : 700;
	line-height : 1.45;
	margin-bottom : 15px;
}

#pageFooter .footer-middle .container #footerNav .footerNav-pc ul li a {
	display : block;
	position : relative;
	text-decoration : none;
}

#pageFooter
	.footer-middle
	.container
	#footerNav
	.footerNav-pc
	ul
	li
	a[target="_blank"]::after {
	display : inline-block;
	font-family : "Material Icons";
	font-size : 0.875rem;
	margin-left : 5px;
	content : "\e89e";
	color : rgba(0, 0, 0, 0.4);
	vertical-align : middle;
}

#pageFooter .footer-middle .container #footerNav .footerNav-pc ul li a:hover {
	text-decoration : underline;
}

#pageFooter .footer-middle .container #footerNav .footerNav-pc ul li + li {
	margin-top : 15px;
}

#pageFooter .footer-middle .container #footerNav .footerNav-pc ul + ul {
	margin-left : 90px;
}

#pageFooter .footer-bottom {
	padding : 35px 24px 105px;
	background-color : #1684b2;
}

#pageFooter .footer-bottom > .inner {
	display : flex;
	justify-content : space-between;
	max-width : 1200px;
	margin : 0 auto;
}

#pageFooter .footer-bottom .privacy a {
	display : inline-block;
	margin-right : 25px;
	padding-bottom : 2px;
	text-decoration : none;
	color : #ffffff;
	border-bottom : #ffffff solid 1px;
}

#pageFooter .footer-bottom #copyright {
	line-height : 1.7;
	text-align : right;
	color : #ffffff;
}

#footerContact {
	display : none;
}

/* ======================================
   columnContents
====================================== */
#columnContents > .inner {
	display : flex;
	max-width : 1200px;
	margin : 0 auto;
}

#columnContents .mainContents {
	width : 73.33333%;
	margin-right : 30px;
}

#columnContents .subContents {
	flex-basis : 24.16667%;
	flex-grow : 1;
}

#columnContents .applyBox {
	margin-bottom : 30px;
	padding-bottom : 25px;
	border-top : #a79970 solid 4px;
	background-color : #ffffff;
}

#columnContents .applyBox p {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.125rem;
	line-height : 1.7;
	margin : 15px 0;
	text-align : center;
	color : #334666;
}

#columnContents .applyBox .linkBtn {
	margin : 0 auto;
	text-align : center;
}

#columnContents .recommend {
	margin-bottom : 30px;
}

#columnContents .recommend > h3 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.125rem;
	line-height : 1.7;
	padding : 20px;
	letter-spacing : 0.05em;
	color : #ffffff;
	background : url(/wp/wp-content/themes/tenshokusekkei/top/img/img_recommend.png)
	no-repeat center right,
	#5a9f96;
}

#columnContents .recommend_list > li {
	border-bottom : #e0e0e0 solid 1px;
	background-color : #ffffff;
}

#columnContents .recommend_list > li a {
	display : block;
	padding : 25px 20px;
	transition : 0.2s ease-in-out;
	text-decoration : none;
}

#columnContents .recommend_list > li a:hover {
	opacity : 0.8;
}

#columnContents .recommend_list > li a div {
	line-height : 1.45;
}

#columnContents .recommend_list > li a .company {
	font-weight : 700;
	margin-bottom : 10px;
	color : #334666;
}

#columnContents .recommend_list > li a .area {
	margin-bottom : 10px;
	color : #666666;
}

#columnContents .recommend > a {
	display : block;
	position : relative;
	padding : 10px 40px 10px 0;
	transition : 0.2s ease-in-out;
	text-align : right;
	text-decoration : none;
	color : #ffffff;
	background-color : #a79970;
}

#columnContents .recommend > a:hover {
	background-color : #7f6e3d;
}

#columnContents .recommend > a::after {
	position : absolute;
	top : 50%;
	right : 5px;
	font-family : "Material Icons";
	font-size : 1.25rem;
	content : "\e5cc";
	transform : translateY(-50%);
}

#columnContents .blog {
	margin-bottom : 30px;
}

#columnContents .blog > h3 {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1rem;
	font-weight : 700;
	margin-bottom : 15px;
	color : #334666;
}

#columnContents .blog > ul {
	padding : 0 20px 15px;
	background-color : #ffffff;
}
#columnContents .blog > ul > li {
	padding : 1em 0;
	border-bottom : #000000 dotted 1px;
}
#columnContents .blog > ul > li:last-child {
	border-bottom : none;
}
#columnContents .blog > ul > li a {
	display : block;
	font-weight : bold;
	line-height : 1.7;
	margin-bottom : 0.5em;
	color : #0d668b;
}

#columnContents .blog > ul > li a:hover {
	opacity : 0.8;
}

#columnContents .blog > a {
	display : block;
	position : relative;
	padding : 10px 40px 10px 0;
	transition : 0.2s ease-in-out;
	text-align : right;
	text-decoration : none;
	color : #ffffff;
	background-color : #a79970;
}

#columnContents .blog > a:hover {
	background-color : #7f6e3d;
}

#columnContents .blog > a::after {
	position : absolute;
	top : 50%;
	right : 5px;
	font-family : "Material Icons";
	font-size : 1.25rem;
	content : "\e5cc";
	transform : translateY(-50%);
}

#columnContents .interview {
	margin-bottom : 30px;
}

#columnContents .interview > h3 {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1rem;
	font-weight : 700;
	color : #334666;
}

#columnContents .interview > h3 img {
	width : 100%;
}

#columnContents .interview > ul {
	padding : 0 20px;
	background-color : #ffffff;
}

#columnContents .interview > ul > li {
	padding : 1em 0;
	border-bottom : #000000 dotted 1px;
}
#columnContents .interview > ul > li:last-child {
	border-bottom : none;
}
#columnContents .interview > ul > li a {
	font-weight : bold;
	line-height : 1.7;
	text-decoration : none;
	color : #0d668b;
}

#columnContents .interview > ul > li a:hover {
	text-decoration : underline;
	opacity : 0.8;
}

#columnContents .interview > a {
	display : block;
	position : relative;
	padding : 10px 40px 10px 0;
	transition : 0.2s ease-in-out;
	text-align : right;
	text-decoration : none;
	color : #ffffff;
	background-color : #a79970;
}

#columnContents .interview > a:hover {
	background-color : #7f6e3d;
}

#columnContents .interview > a::after {
	position : absolute;
	top : 50%;
	right : 5px;
	font-family : "Material Icons";
	font-size : 1.25rem;
	content : "\e5cc";
	transform : translateY(-50%);
}

#columnContents .bannerGroup a {
	display : block;
	transition : 0.2s ease-in-out;
}

#columnContents .bannerGroup a:hover {
	opacity : 0.8;
}

#columnContents .bannerGroup a + a {
	margin-top : 20px;
}

#columnContents .bannerGroup img {
	max-width : 100%;
}

/* ======================================
   contents
====================================== */
#contents > .inner {
	max-width : 1200px;
	margin : 0 auto;
}

/* ======================================
   entryBox
====================================== */
.entryBox-short {
	display : flex;
	transition : 0.2s ease-in-out;
	text-decoration : none;
	border-radius : 6px;
	box-shadow : 0 2px 5px rgba(0, 0, 0, 0.2);
}

.entryBox-short:hover {
	opacity : 0.8;
}

.entryBox-short > div:first-of-type {
	display : flex;
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	flex-basis : 62.5%;
	align-items : center;
	padding : 30px;
	border-radius : 6px 0 0 6px;
	background : url(/wp/wp-content/themes/tenshokusekkei/common/img/img_entry.png)
	no-repeat center right 15px,
	#1684b2;
}

.entryBox-short > div:first-of-type > div:first-of-type {
	font-size : 1.25rem;
	line-height : 1.2;
	margin-right : 20px;
	padding : 15px 20px;
	color : #333333;
	background-color : #fbcf49;
}

.entryBox-short > div:first-of-type > div:nth-of-type(2) {
	font-size : 1.875rem;
	line-height : 1.45;
	letter-spacing : 0.1em;
	color : #ffffff;
}

.entryBox-short > div:nth-of-type(2) {
	display : flex;
	flex-direction : column;
	flex-grow : 1;
	justify-content : center;
	align-items : center;
	padding : 0 20px;
	color : #333333;
	border-radius : 0 6px 6px 0;
	background-color : #fbcf49;
}

.entryBox-short > div:nth-of-type(2) > div {
	font-weight : 700;
}

.entryBox-short > div:nth-of-type(2) > div:first-of-type {
	margin-bottom : 15px;
}

.entryBox-short > div:nth-of-type(2) > div:nth-of-type(2) {
	font-size : 1.5rem;
}

.entryBox-short > div:nth-of-type(2) > div:nth-of-type(2)::before {
	display : inline-block;
	width : 35px;
	height : 25px;
	margin-right : 10px;
	content : "";
	background : url(/wp/wp-content/themes/tenshokusekkei/common/img/icon_mail_y.svg)
	no-repeat center center;
	vertical-align : middle;
}

.entryBox-long {
	display : flex;
	transition : 0.2s ease-in-out;
	transform : translateY(-50%);
	text-decoration : none;
	border-radius : 6px;
	box-shadow : 0 2px 5px rgba(0, 0, 0, 0.2);
}

.entryBox-long:hover {
	opacity : 0.8;
}

.entryBox-long > div:first-of-type {
	display : flex;
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	flex-basis : 73.3%;
	align-items : center;
	padding : 7px 30px;
	border-radius : 6px 0 0 6px;
	background-color : #1684b2;
}

.entryBox-long > div:first-of-type > div:first-of-type {
	font-size : 1.25rem;
	line-height : 1.2;
	margin-right : 20px;
	padding : 15px 20px;
	color : #333333;
	background-color : #fbcf49;
}

.entryBox-long > div:first-of-type > div:nth-of-type(2) {
	font-size : 1.875rem;
	line-height : 1.45;
	margin-right : 15px;
	letter-spacing : 0.1em;
	color : #ffffff;
}

.entryBox-long > div:first-of-type > div:nth-of-type(3) {
	margin-right : 20px;
}

.entryBox-long > div:first-of-type > div:nth-of-type(3) img {
	max-width : 100%;
}

.entryBox-long > div:first-of-type > div:nth-of-type(4) {
	font-size : 1rem;
	line-height : 1.45;
	color : #ffffff;
}

.entryBox-long > div:nth-of-type(2) {
	display : flex;
	flex-direction : column;
	flex-grow : 1;
	justify-content : center;
	align-items : center;
	padding : 0 15px;
	color : #333333;
	border-radius : 0 6px 6px 0;
	background-color : #fbcf49;
}

.entryBox-long > div:nth-of-type(2) > div {
	font-weight : 700;
}

.entryBox-long > div:nth-of-type(2) > div:first-of-type {
	margin-bottom : 15px;
}

.entryBox-long > div:nth-of-type(2) > div:nth-of-type(2) {
	font-size : 1.5rem;
}

.entryBox-long > div:nth-of-type(2) > div:nth-of-type(2)::before {
	display : inline-block;
	width : 35px;
	height : 25px;
	margin-right : 10px;
	content : "";
	background : url(/wp/wp-content/themes/tenshokusekkei/common/img/icon_mail_y.svg)
	no-repeat center center;
	vertical-align : middle;
}

/* ======================================
   parts
====================================== */
.linkBtn {
	display : block;
	position : relative;
	font-weight : 700;
	width : 220px;
	padding : 15px 20px;
	transition : 0.2s ease-in-out;
	text-align : center;
	text-decoration : none;
	text-shadow : 0 0 5px rgba(0, 0, 0, 0.4);
	color : #ffffff;
	border-radius : 6px;
	background-color : #ffa213;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}

.linkBtn::after {
	position : absolute;
	top : 50%;
	right : 10px;
	font-family : "Material Icons";
	font-size : 1.125rem;
	content : "\e5cc";
	transform : translateY(-50%);
	text-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}

.linkBtn:hover::after {
	border-color : #ffffff #ffffff transparent transparent;
}

.linkBtn:hover {
	text-decoration : none;
	background-color : #ef7900;
}

.linkBtn.btnColor-w {
	color : #ffffff;
	border : 2px solid #ffffff;
	background-color : transparent;
}

.linkBtn.btnColor-w::after {
	border-color : #ffffff #ffffff transparent transparent;
}

.linkBtn.btnColor-w:hover {
	opacity : 0.6;
}

.linkBtn.btnColor-b {
	background-color : #1684b2;
}

.linkBtn.btnColor-b:hover {
	background-color : #07668d;
}

.fontColor-blue {
	color : #1684b2;
}

.marker {
	background : linear-gradient(transparent 70%, #fbcf49 70%);
}

.spOnly {
	display : none;
}

@media screen and (max-width: 767px) {
	body.__narrow_header > section:first-of-type {
		padding-top : 70px;
	}
	body.__narrow_header #pageHeader .inner {
		height : 70px;
	}
	body.__narrow_header #pageHeader .logo a {
		height : 35px;
	}
	body.__narrow_header #pageHeader .logo img {
		height : 35px;
	}

	body {
		min-width : 360px;
		transition : 0.3s ease-out;
	}
	body > section:first-of-type {
		padding-top : 70px;
		/* pageHeader height*/
		transition : 0.3s ease-out;
	}

	#pageTop a {
		width : 70px;
	}

	/* common */
	.pagenation a.prev::before,
	.pagenation a.next::before {
		left : 50%;
		transform : translate(-50%, -50%);
	}
	.pagenation a.prev::after {
		display : none;
	}
	.pagenation a.prev {
		width : 45px;
		padding : 15px;
	}
	.pagenation a.next {
		width : 45px;
		padding : 15px;
	}
	.pagenation a.next::before {
		right : auto;
		left : 50%;
	}
	.pagenation a.next::after {
		display : none;
	}

	/*  */
	#pageHeader > .inner,
	#pageFooter > .inner {
		max-width : 976px;
		margin : 0 auto;
	}
	a[href^="tel:"] {
		pointer-events : auto;
	}
	#pageHeader .inner {
		align-items : center;
		height : 100px;
		padding : 0 20px;
	}
	#pageHeader .container {
		justify-content : space-between;
		padding-right : 50px;
	}
	#pageHeader .container_globalNav .copy {
		display : none;
	}
	#pageHeader .container_globalNav .btn-search {
		display : flex;
	}
	#pageHeader .logo a {
		height : 50px;
	}
	#pageHeader .logo img {
		height : 50px;
	}
	#pageHeader .content {
		display : none;
	}

	#globalNav {
		display : block;
		position : fixed;
		height : 100%;
		background-color : #ffffff;
	}
	#globalNav ul {
		display : block;
	}
	#globalNav ul li {
		margin : 0;
		border-bottom : #b0b0b0 solid 1px;
	}
	#globalNav ul li a {
		display : block;
		padding : 20px;
	}
	#globalNav ul li a::before {
		display : none;
	}
	#globalNav .linkGroup_btn-top,
	#globalNav .linkGroup_btn-bottom {
		display : block;
		padding : 20px 20px 0 20px;
	}
	#globalNav .linkGroup_btn-top a,
	#globalNav .linkGroup_btn-bottom a {
		display : block;
		position : relative;
		text-align : center;
		text-decoration : none;
	}
	#pageBody {
		padding-top : 100px;
	}

	#contentHeader {
		padding : 0 16px;
	}
	#contentHeader .pageTitle {
		font-size : 8vw;
		width : 100%;
		padding : 0.5em 0;
	}
	#breadcrumb {
		display : none;
		padding : 15px 20px;
	}
	#breadcrumb ul {
		margin : 0;
	}
	#breadcrumb ul li {
		margin : 5px 0;
	}
	#pageFooter .footer-middle > .inner {
		padding : 30px 0 0;
	}
	#pageFooter .footer-middle {
		padding-bottom : 0;
	}
	#pageFooter .footer-middle .entryBox-long {
		margin : 0 20px 60px;
	}
	#pageFooter .footer-middle .logo {
		margin : 0 0 25px 20px;
	}
	#pageFooter .footer-middle .container {
		flex-direction : column;
	}
	#pageFooter .footer-middle .container > div {
		flex-basis : auto;
		padding : 0 20px;
	}
	#pageFooter .footer-middle .container #footerNav .footerNav-sp {
		display : block;
	}
	#pageFooter .footer-middle .container #footerNav .footerNav-pc {
		flex-basis : auto;
		flex-direction : column;
		margin : 60px 0 0;
		background-color : #e6e6e6;
	}
	#pageFooter .footer-middle .container #footerNav .footerNav-pc {
		display : none;
	}
	#pageFooter .footer-middle .container #footerNav .footerNav-pc ul {
		display : flex;
		flex-wrap : wrap;
	}
	#pageFooter .footer-bottom {
		padding : 40px 20px 160px;
	}
	#pageFooter .footer-bottom > .inner {
		flex-direction : column;
	}
	#pageFooter .footer-bottom .privacy {
		text-align : center;
	}
	#pageFooter .footer-bottom .privacy a {
		margin : 0 0 20px 0;
	}
	#pageFooter .footer-bottom #copyright {
		margin-top : 20px;
		text-align : center;
	}

	.__fixed_pagetop #footerContact {
		padding-right : 70px;
	}
	#footerContact {
		display : flex;
		z-index : 99;
		position : fixed;
		bottom : 0;
		left : 0;
		justify-content : center;
		align-items : center;
		width : 100%;
		height : 70px;
		background-color : rgba(255, 255, 255, 0.9);
		box-shadow : 0 0 4px rgba(0, 0, 0, 0.1);
	}
	#footerContact a {
		display : inline-block;
		position : relative;
		font-size : 1rem;
		font-weight : bold;
		line-height : 1.25;
		width : 80%;
		margin : 0 auto;
		padding : 0.5em 0;
		transition : 0.2s ease-out;
		text-align : center;
		text-decoration : none;
		text-shadow : 1px 1px 5px rgb(0 0 0 / 30%), -1px 1px 5px rgb(0 0 0 / 30%);
		color : #ffffff;
		border-radius : 6px;
		background-color : #ffa213;
		box-shadow : 0 2px 8px rgb(0 0 0 / 20%);
	}
	#footerContact a:hover {
		background-color : #ef7900;
	}
	#footerContact a::after {
		position : absolute;
		top : 50%;
		right : 10px;
		font-family : "Material Icons";
		font-size : 1.125rem;
		content : "\e5cc";
		transform : translateY(-50%);
		text-shadow : 0 2px 8px rgb(0 0 0 / 20%);
	}
	#footerContact a span {
		font-size : 0.75em;
	}
	#columnContents > .inner {
		flex-direction : column;
		padding : 0 10px;
	}
	#columnContents .mainContents {
		width : 100%;
		margin : 0;
		margin-bottom : 60px;
	}
	#columnContents .subContents {
		width : 100%;
	}
	#columnContents .applyBox {
		margin-bottom : 60px;
	}
	#columnContents .applyBox .linkBtn {
		width : 88%;
	}
	#columnContents .applyBox .img {
		text-align : center;
		background-color : #138dbe;
	}
	#columnContents .recommend {
		margin-bottom : 60px;
	}
	#columnContents .recommend > a {
		padding : 20px 40px 20px 0;
	}
	#columnContents .blog {
		margin-bottom : 60px;
	}
	#columnContents .blog > a {
		padding : 20px 40px 20px 0;
	}
	#columnContents .bannerGroup img {
		width : 100%;
	}
	#contents > .inner {
		padding : 0 10px;
	}
	.entryBox-short {
		flex-direction : column;
	}
	.entryBox-short > div:first-of-type {
		flex-basis : auto;
		flex-direction : column;
		padding : 20px;
		border-radius : 6px 6px 0 0;
	}
	.entryBox-short > div:first-of-type > div:first-of-type {
		font-size : 1.125rem;
		margin : 0 0 10px 0;
		padding : 10px 20px;
	}
	.entryBox-short > div:first-of-type > div:nth-of-type(2) {
		text-shadow : 0 2px 5px rgba(0, 0, 0, 0.5), 2px 0 5px rgba(0, 0, 0, 0.5);
	}
	.entryBox-short > div:nth-of-type(2) {
		padding : 20px;
		border-radius : 0 0 6px 6px;
	}
	.entryBox-long {
		flex-direction : column;
		transform : translateY(0);
	}
	.entryBox-long > div:first-of-type {
		flex-basis : auto;
		flex-direction : column;
		padding : 20px;
		border-radius : 6px 6px 0 0;
	}
	.entryBox-long > div:first-of-type > div:first-of-type {
		font-size : 1.125rem;
		margin : 0 0 10px 0;
		padding : 10px 20px;
	}
	.entryBox-long > div:first-of-type > div:nth-of-type(2) {
		flex-basis : auto;
		margin : 0 0 15px 0;
	}
	.entryBox-long > div:first-of-type > div:nth-of-type(3) {
		margin : 0 0 15px 0;
	}
	.entryBox-long > div:first-of-type > div:nth-of-type(4) {
		flex-basis : 38%;
	}
	.entryBox-long > div:nth-of-type(2) {
		padding : 20px;
		border-radius : 0 0 6px 6px;
	}
	.linkBtn {
		width : 100%;
		padding : 20px 40px 20px 15px;
	}
	.pcOnly {
		display : none;
	}
	.spOnly {
		display : inline;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	body.__narrow_header #pageHeader .inner {
		height : auto;
	}
	body.__narrow_header #pageHeader .logo a {
		height : 40px;
	}
	body.__narrow_header #pageHeader .logo img {
		height : 40px;
	}
	#pageHeader .inner {
		flex-direction : column;
		height : 130px;
	}
	#pageHeader .container {
		justify-content : space-between;
		padding-top : 10px;
	}
	#pageHeader .logo {
		flex-basis : 25%;
	}
	#pageHeader .content {
		flex-direction : row;
		align-items : center;
	}
	#pageHeader .content-top {
		margin : 0 10px 0 0;
	}
	#pageHeader .content-bottom a {
		padding : 10px 0;
	}
	#globalNav ul li {
		margin : 0 10px;
	}
	#globalNav ul li a {
		font-size : 0.875rem;
		padding : 20px 0;
	}
	#pageBody {
		padding-top : 130px;
	}
	#contentHeader .pageTitle {
		font-size : 2.25rem;
		width : 100%;
		padding : 1.25em 0;
	}
	#breadcrumb {
		padding : 15px 20px;
	}
	#pageFooter .footer-middle {
		padding-bottom : 0;
	}
	#pageFooter .footer-middle .entryBox-long {
		margin : 0 20px;
	}
	#pageFooter .footer-middle .logo {
		margin : 0 0 25px 20px;
	}
	#pageFooter .footer-middle .container {
		flex-direction : column;
	}
	#pageFooter .footer-middle .container > div {
		flex-basis : auto;
		padding : 0 20px;
	}
	#pageFooter .footer-middle .container #footerNav .footerNav-pc {
		flex-basis : auto;
		justify-content : flex-start;
		margin : 45px 0 0;
		padding : 20px 0;
		background-color : #e6e6e6;
	}
	#pageFooter .footer-middle .container #footerNav .footerNav-pc ul {
		flex-basis : 33.3333%;
		text-align : center;
	}
	#pageFooter .footer-middle .container #footerNav .footerNav-pc ul li a {
		padding : 15px 0;
	}
	#pageFooter .footer-middle .container #footerNav .footerNav-pc ul li + li {
		margin-top : 0;
	}
	#pageFooter .footer-middle .container #footerNav .footerNav-pc ul + ul {
		margin : 0;
	}
	#pageFooter .footer-bottom {
		padding : 35px 20px 105px;
	}
	#columnContents > .inner {
		flex-direction : column;
		padding : 0 20px;
	}
	#columnContents .mainContents {
		width : 100%;
		margin : 0;
		margin-bottom : 60px;
	}
	#columnContents .subContents {
		width : 100%;
	}
	#columnContents .applyBox .img {
		text-align : center;
		background-color : #138dbe;
	}
	#columnContents .bannerGroup {
		display : flex;
		flex-wrap : wrap;
		margin : 0 -10px;
	}
	#columnContents .bannerGroup a {
		flex-basis : 33.3333%;
		padding : 0 10px;
	}
	#columnContents .bannerGroup a:last-of-type {
		flex-grow : 1;
		margin-top : 20px;
		text-align : center;
	}
	#columnContents .bannerGroup a + a {
		margin-top : 0;
	}
	#contents > .inner {
		padding : 0 20px;
	}
	.entryBox-short {
		flex-direction : column;
	}
	.entryBox-short > div:first-of-type {
		flex-basis : auto;
		padding : 20px;
		border-radius : 6px 6px 0 0;
	}
	.entryBox-short > div:nth-of-type(2) {
		padding : 20px;
		border-radius : 0 0 6px 6px;
	}
	.entryBox-long {
		flex-direction : column;
		transform : translateY(-30%);
	}
	.entryBox-long > div:first-of-type {
		flex-basis : auto;
		padding : 15px 20px;
		border-radius : 6px 6px 0 0;
	}
	.entryBox-long > div:first-of-type > div:first-of-type {
		flex-basis : 81px;
	}
	.entryBox-long > div:first-of-type > div:nth-of-type(2) {
		flex-basis : 25%;
	}
	.entryBox-long > div:first-of-type > div:nth-of-type(4) {
		flex-basis : 38%;
	}
	.entryBox-long > div:nth-of-type(2) {
		padding : 20px;
		border-radius : 0 0 6px 6px;
	}
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
	body.__narrow_header #pageHeader .logo a {
		height : 45px;
	}
	body.__narrow_header #pageHeader .logo img {
		height : 45px;
	}
	#pageHeader .logo a {
		height : 60px;
	}
	#pageHeader .logo img {
		height : 60px;
	}
}

@media screen and (min-width: 1920px) {
	body.__narrow_header #pageHeader .logo a {
		height : 45px;
	}
	body.__narrow_header #pageHeader .logo img {
		height : 45px;
	}
	#pageHeader .logo a {
		height : 60px;
	}
	#pageHeader .logo img {
		height : 60px;
	}
	#pageHeader .content {
		flex-basis : 23.6%;
	}
}
li.dots {
    align-items: center;
    display: flex
;
}
.pagination {
    text-align: center;
    margin: 20px 0;
}
.pagination a, .pagination span {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
}
.pagination .current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}