@charset "utf-8";
/*=============================================

スタイルシートでサイトをカスタマイズしたい場合は、
こちらに書き込むと便利です。

=============================================*/




a:hover .entry_btn {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*=============================================
全体
=============================================*/
body {
    border-top: none;
}
.footer-bar-inner, 
.banner-inner, 
.glovalnavi-inner, 
.container-inner, 
.footer-menu-inner, 
.footer-inner {
    margin: 0 auto;
    width: auto; /* ページ全体の幅 */
}
.contents-inner {
	margin: 0 auto;
	max-width: 1200px;
}
@media screen and (max-width:1200px) {
.contents-inner {
    margin: 0 2%;
	}
}
.contents-size {
	font-size: 1.3rem;
}
/*=============================================
ヘッダー(header)
=============================================*/
.header-txt {
	display: none;
}
.glovalnavi > .pad {
	margin-right: 2%;
}
.banner-inner img {
	max-width: 90%;
}
.banner {
	position: relative;
}
@media screen and (min-width:641px) and  (max-width:1000px) {
	.banner-inner img {
		max-width: 85%;
	}
}
@media screen and (min-width:641px) {
	.banner {
		padding: 20px 2%;
		margin-top: 10px
	}

	/*.banner-inner {
		position: relative;
		margin: 40px auto 0;
		}*/
	.banner-inner a {
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 2%;
		z-index: 2;
	}
}
/*=============================================
グローバルメニュー(gloval-nav)
=============================================*/
.glovalnavi {
	position: relative;
	/*max-width: 1280px;*/
    margin: auto;
}
.glovalnavi-inner {
	background-color: #0c328c;
	margin-bottom: 0;
	width: 50%;
    max-width: 1200px;
	margin-right: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-radius: 0;
	background: linear-gradient(90deg, rgba(000, 000, 000, .3) 0.1%, #0c328c 0.1%, #0c328c 99.9%, rgba(000, 000, 000, .3) 99.9%);
}
.glovalnavi ul {
    text-align: right;
    display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
	justify-content: space-between;
	box-sizing: border-box;
}
.glovalnavi li {
    float: none;
    padding: 0;
    width: 19.9%;
    box-sizing: border-box;
}
.glovalnavi li:last-of-type {
	box-shadow: none;
}
.glovalnavi li a {
	display: block;
	/*padding: 10% 0;*/
	padding: 18px 0;
	text-align: center;
	box-sizing: border-box;
}
@media screen and (min-width:641px) and  (max-width:1000px) {
	.glovalnavi-inner {
		max-width: 60%;
	}
	.glovalnavi li a {
		padding: 13% 0;
	}
}
.glovalnavi .current_page_item  {
	background: #99c6d6;
	background: -webkit-linear-gradient(0deg, #99c6d6 0%, #a3d9f0 100%);
	background: linear-gradient(0deg, #99c6d6 0%, #a3d9f0 100%);
	transition: ease 0.3s;
}
.glovalnavi .current_page_item:hover {
	opacity: 0.9;
}
/*=============================================
NEWSの記事一覧(アーカイブ)
=============================================*/
.breadcrumb ol li a,
.previous a,
.next a {
	color: #0c328c;
}
.archive-title a {
	color: #008dcf;

}
.archive-title a:hover,
.archive-title a:active {

}
/*=============================================
HOME
=============================================*/
/*TOP画像*/
/*.top-img-inner {
	background-image: url(img/img/img_top.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /*background-attachment: fixed;*/
/*}*/
.top-img-inner {
	position: relative;
}
.top-img-inner img {
	max-width: 100%;
	width: 100%;
	background-size: cover;
}
.top-img-p {
	position: absolute;
	color:#ffffff;
	font-size: 3rem;
	bottom: 0;
	left: 0;
    right: 0;
	z-index: 1;
	font-family: serif;
}

@media screen and (min-width:1601px) {
	.top-img-inner img {
		width: 100%;
		background-size: cover;
	}
}

/*TOPメイン*/
.container {
    clear: both;
}
.color-bl {
	color: #0c328c;
}
.heading-inner {
	position: relative;
	
}
.heading-inner:before {
	content: "";
    width: 24%;
    height: 95%;
    position: absolute;
    background-image: url(img/img/img_top01.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    left: 0;
}
.heading-01 {
	background: #d9d9da;
}
.heading-02 {
	background: #efefef;
}
.heading-h3 {
	position: relative;
	font-size: 3rem;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
	font-family: serif;
	padding-left: 300px;
	text-align: left;
}
.heading-h3 span {
	padding-left: 1%;
	padding-right: 1%;
}
p.sentence {
	position: relative;
	font-size: 1.4rem;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
	font-weight: bold;
	padding-left: 300px;	
	text-align: left;
	
}
/*SERVICE*/
.top-service-inner {
	max-width: 1200px;
	margin: 0 auto;
}
.top-service-inner {
	
}
.top-service-h3 {
	position: relative;
	font-size: 4rem;
	color: #0c328c;
	font-family: serif;	
}
.top-service-h3:after {
    content: "";
    display: block;
    width: 23rem;
    height: 5px;
    margin: auto;
    background: linear-gradient(90deg, #dddddd 10%, #0c328c 10%,#0c328c 90%, #dddddd 90%);
}
.top-service-ul {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap; 
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
	justify-content: space-between;
	list-style: none;
	padding-left: 0;
}
.top-service-li {
	position: relative;
	width: 30%;
	text-align: center;
	transition: ease 0.1s;
	padding-top: 10px;
	padding-bottom: 20px;
}
.top-service-a {
	text-decoration: none;
}

.top-service-h4 {
	font-size: 2rem;
	color: #000000;
	margin-top: 0;
}
.top-service-img {	
}
.top-service-img img {
	max-width: 50%;
	text-align: center;
}
.top-service-a:hover {
}

/*service:hover*/
.top-service-li::before,
.top-service-li::after {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -1;
  content: '';
  transition: all .3s;
}
.top-service-li::before {
  border-top: 5px solid #0c328c;
  border-bottom: 5px solid #0c328c;
  transform: scale(0, 1);
}
.top-service-li::after {
  border-right: 5px solid #0c328c;
  border-left: 5px solid #0c328c;
  transform: scale(1, 0);
}
.top-service-li:hover .top-service-h4 {
  color: #0c328c;
}
.top-service-li:hover::after,
.top-service-li:hover::before {
  transform: scale(1);
}
/*END service:hover*/
/*END SERVICE*/
/*main-inner*/

.main-inner > .entry, .main-inner > .widget {
	border: none;
	box-shadow: none;
}


/*NEWS*/
.top-news-inner {
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
    overflow-y: scroll;
    height: 250px;
}
.top-news {
	max-width: 1000px;
	margin: auto;
}
.top-news-h3 {
	position: relative;
	font-size: 4rem;
	color: #0c328c;
	font-family: serif;	
}
.top-news-h3:after {
    content: "";
    display: block;
    width: 23rem;
    height: 5px;
    margin: auto;
    background: linear-gradient(90deg, #dddddd 10%, #0c328c 10%,#0c328c 90%, #dddddd 90%);
}
.news-box {
	text-align: left;
	font-size: 1.2rem;
    border-bottom: 1px #dddddd solid;
}
.news-title {
	margin-top: 1rem;
	margin-bottom: 1rem;	
}
.news-title a {
	transition: ease 0.3s;
}
.news-title a:hover {
	color: #0c328c;
}
.top-news-a-box {
	max-width: 1000px;
	margin: auto;
	text-align: right;
}
a.top-news-a {
	display: inline-block;
	margin-top: 10px;
	text-align: right;
	padding-right: 1%;
	text-decoration: none;
	color: #0c328c;
	transition: ease 0.4s;
}
a.top-news-a:hover {
	text-decoration: underline;
}

.mark-inner {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; 
    margin-top: 20px;
    margin-bottom: 50px;
}
.p-mark {
	display: inline-block;
	margin: 0 2% 0 1%;
}
.p-mark img {
	max-width: 80px;
}
.geotrust {
	display: inline-block;
	padding-top: 12px;
}
@media screen and (min-width:641px) {
	.heading-01,
	.heading-02 {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
	}
}
@media screen and (min-width:641px) and  (max-width:1000px) {
	body .glovalnavi-inner, 
	body .container-inner {
		padding-left: 0;
		padding-right: 0;
	}
	.heading-h3,
	p.sentence {
		padding-left: 26%;
		padding-right: 1%;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}	
}
@media screen and (min-width:641px) and  (max-width:850px) {
	p.sentence {
		padding-left: 8%;
		padding-right: 8%;
	}
}

/*=================================================================
会社概要（infomation）&事業内容（business）&お問合せ（contact）
=================================================================*/
.h1-box {
	position: relative;
	background-image: url(img/img/img-sub-top.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 70px auto;   
}
.h1-inner {
	max-width: 1200px;
	margin: auto;
}
.h1-img-inner {
    position: absolute;
    right: 4%;
    top: -40%;
}
.h1-inner p {
	padding-top: 2rem;
	color: #0c328c;
	font-size: 1.5rem;
	margin-bottom: 0;
	
}
.h1-img-inner img {
	max-width: 75%;
}
.h1-title {
	padding-left: 1rem;
	letter-spacing: 1rem;
	color: #ffffff;
	font-size: 2.5rem;
	margin-top: 0;
	margin-bottom: 2rem;
}

.h2-title {
	position: relative;
	font-size: 2rem;
	text-align: left;
	/*border-bottom: 5px solid;
	border-image: linear-gradient(to right, rgba(12,50,140,1) 6em, rgba(192,208,220,1) 6em);
	border-image-slice: 1;*/
	padding-left: 0.5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 1em;
}
.h2-title:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 1200px;
    height: 5px;
    margin: 0.5rem auto 0;
    position: absolute;
    left: 0;
    background: linear-gradient(to right, rgba(12,50,140,1) 6em, rgba(192,208,220,1) 6em);
    z-index: 0;
}
	
/*=============================================
会社概要（infomation）
=============================================*/
/*.container-infomation {
		background-image: url(img/img/infomation/img-info10.png);
		background-repeat: no-repeat;
		background-position: left 0 bottom 0;
		z-index: 0;		
}*/

/*代表挨拶*/
.representative {
	margin-bottom: 5rem;
}
.representative-box {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;	
}
.representative-img-box {
	box-sizing: border-box;
	text-align: left;
	width: 30%;
}
.representative-img-box img {
	padding-right: 20px;
	max-width: 90%;
}
.representative-p-box {
	box-sizing: border-box;
	text-align: left;
	width: 70%;
	line-height: 2.5rem;
}
.representative-p-box p:first-of-type {
	margin-top: 0;
}
.representative-p-box p:last-of-type {
	font-size: 1.5rem;
}

/*概要*/
.outline {
	margin-bottom: 5rem;
}
.outline-box {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;	
}
.outline-table-box {
	width: 70%;
}
.outline-table-box table {
	box-sizing: border-box;
	width: 100%;
}
.outline-table-box th {
	width: 8em;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	color: #0c328c;
	background-color: #efefef;
	border-bottom: 1px #b5b5b6 solid;
}
.outline-table-box td {
	text-align: left;
	vertical-align: middle;
	padding: 20px;
	border-bottom: 1px #b5b5b6 solid;	
}
.outline-img-box {
	box-sizing: border-box;
	text-align: right;
	width: 30%;
}
.outline-img-box img {
	padding-left: 20px;
	max-width: 95%;
}
a.outline-tel {
	color: #000000;
}
a.outline-tel:hover,
a.outline-tel:active {
	color: #3496c2;
	text-decoration: none;
}

/*沿革*/
.history {
	position: relative;
	margin-bottom: 5rem;
}
.history-top-border {
	width: 100vw;
    /* position: relative; */
    left: 50%;
    /* right: 50%; */
    margin-left: -100vw;
    /* margin-right: -50vw; */
    border-top: 4px #0c328c solid;	
}

.history-p-title {
	position: relative;
	border-bottom: 4px #0c328c solid;
	margin-bottom: 30px;
	}
.history-p-title:after {
	content: '';
	display: block;
	position: absolute;
	width: 9.4em;
	height: 8px;
	background: #ffffff;
	bottom: -6px;
	left: -1px;
	z-index: 0;
	}
.history-title {
	position: relative;
	font-size: 2rem;
	text-align: left;
	padding:1rem 0.5rem 0.5rem;
	font-weight: bold;
	max-width: 1200px;
	margin: 0 auto;
}
.history-title:before {
	content: "";
    position: relative;
    display: block;
    left: -7px;
    top: -17px;
    width: 4.7em;
    height: 4px;
    background-color: #0c328c;
}
.history-title:after {
	content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 78.4px;
    left: 10.6rem;
    bottom: -8px;
    background-color: #0c328c;
    transform: rotate(-30deg);
    z-index: 1;
}
.history-bottom-border {
	position: absolute;
	width: 100vw;
	height: 4px;
    left: 50%;
    right: 50%;
    top: 63px;
    margin-left: -50vw;
    margin-right: -50vw;
    background: linear-gradient(90deg, #ffffff 50%, #0c328c 50%);	
    z-index: -1;
}
/*.history-bottom-border {
	position: relative;
	width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: 30px;
    border-bottom: 4px #0c328c solid;	
}*/
.history-table {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
.history-th  {
	box-sizing: border-box;
	vertical-align: middle;
	position: relative;
	width: 16%;
}
.history-td {
	box-sizing: border-box;
	width: 5%;
	vertical-align: middle;
	position: relative;
}
.history-th-lsc {
	vertical-align: top;
}
.history-border {
	  width: 100vw;
	  position: relative;
	  left: 50%;
	  right: 50%;
	  margin-left: -50vw;
	  margin-right: -50vw;
	  margin-top: 30px;
	  border: 2px #0c328c solid;
}
.history-triangle {
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 15px solid #0c328c;
	border-top: 15px;
	margin: 10px auto 10px;
}
.history-th p {
	padding: 10px 17px;
	/*text-align: left; 20260116 会社概要修正 */
	text-align: center;
	margin: auto;
	font-size: 1rem;
	color: #0c328c;
}

/*アクセス*/
.access {
	width: 100%;
	/*margin-bottom: 250px;*/
}
.access-iframe {
	position: relative;
	/*padding-top: 56.25%;*/
	padding-top: 48%;
	width: 100%;
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
}
.access-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.access-p-box {
	max-width: 1100px;
	margin: 1.5rem auto 3rem;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
	border-bottom: 1px rgba(192,208,220,1) solid;
}
.access-p-box p:first-of-type {
    font-size: 2rem;
    font-weight: bold;
    margin: 1rem auto;
}
.access-p-box p:last-of-type {
    font-size: 1.5rem;
    margin: 1rem auto 2rem;
}

/*=============================================
事業内容（business）
=============================================*/
.container-business {
		background-image: url(img/img/business/img-business05.png);
		background-repeat: no-repeat;
		background-position: left 0 bottom 0;
		max-width: 100%;
		z-index: 0;		
}
.business-inner h3 {
	font-size: 2.6rem;
	font-family: serif;
}
.business-inner h3 span {
	color: #006ba5; 
}

/*システム*/
.system h3 {
	margin-bottom: 100px;
}
.system {
	margin-bottom: 5rem;
}
.system-background {
	position: relative;
	background-image: url(img/img/business/img-business-back01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.system-box {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center;
	max-width: 1200px;
	margin: auto;
}
.system-img-inner {
	width: 40%;
    margin: -70px 2.5% 0;
    background: #ffffff;
    box-shadow: 0 0 10px grey;
    padding: 20px;
    box-sizing: border-box;
    line-height: 2.5rem;
}
.system-img-box img {
	max-width: 90%;
}
.system-p-box {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.system-p-box p {
	max-width: 90%;
	text-align: left;
	margin:20px  auto;
	font-size: 1.35rem;		
}
.system-p-box dl {
	width: 90%;
	margin: auto;
}
.system-p-box dt {
	box-sizing: border-box;
    text-align: center;
    margin-bottom: 15px;
    background-color: #006ba5;
    border-radius: 70px;
    color: #ffffff;
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
}
.system-img-inner dd {
	color: #006ba5;
	text-align: right;
	font-size: 1.1rem;
}

/*業務の流れ*/
.flow-p-box p {
    width: 85%;
    margin: 1em auto;
    text-align: left;
    line-height: 2.5rem;
}

.flow-img-box img {
	max-width: 90%
}

/*=============================================
採用情報（recruit）
=============================================*/
.recruit-entry {
	width: 100%;
    max-width: 180px;
    margin-right: 5%;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.recruit-entry a {
}

.recruit-entry img {
	border-radius: 35px;
	max-width: 100%;
	transition: ease 0.4s;
	cursor: pointer;
	cursor: hand;
}
.recruit-entry img:hover {
	opacity: 0.6;
}
/*TOP*/
.recruit-title-box {
	background: #3496c2;
    padding-bottom: 20px;
}
.recruit-title-inner {
	max-width: 1200px;
	margin: auto;
}
.recruit-title-inner img {
	margin-top: -4%;
}
.angle-down .fa-angle-down {
	width: 36px;
    height: 36px;
    border-radius: 36px;
    color: #ffffff;
    background: rgba(255,255,255,0.5);
    font-size: 3rem;
}
/*nav*/
.recruit-nav-ul {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
    list-style: none;
    padding-left: 0;
    max-width: 1000px;
    margin: 1.3em auto;
}
.recruit-nav-ul a {
	display: block;
	color: #000000;
	font-weight: bold;
	font-size: 1.17rem;
	text-decoration: none;
	transition: ease 0.2s;
}
.recruit-nav-ul li {
	border-left: 6px #3496c2 solid;
    padding-left: 6px;
}
.recruit-nav-ul a:hover {
	color: #3496c2;
}
/*フューチャーナビゲータで得られること*/
.can-get {
	margin-bottom: 100px;
}

.can-get-box {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	background-color: #dcdddd;
	background-image: radial-gradient(rgba(255,255,255,0.2) 10%, transparent 20%), radial-gradient(rgba(255,255,255,0.2) 10%, transparent 20%);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
    padding-top: 40px;
    padding-bottom: 9%; 
}

.can-get-inner {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack: center;
     -ms-flex-pack: center;
	justify-content: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.can-get-img-box {
	width: 27%;
    margin-right: 1%;
}
.can-get-p-box {
	width: 72%;
	text-align: left;
	font-size: 1.2rem;
	line-height: 2rem;
	font-weight: bold;
}
.can-get-p-box h3 {
	font-size: 1.8rem;
	line-height: 2.5rem;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #3496c2;
}


.can-get-table-box {
	position: relative;
	margin-top: -13%;
}
.can-get-table-box h4 {
	position: relative;
	display: inline-block;
	background: #ffffff;
	border: 2px #3496c2 solid;
	font-size: 1.5rem;
	padding: 10px 15px;
}
.can-get-table-box h4:before {
    position: absolute;
    content: '';
    border-right: 10px solid transparent;
    border-top: 30px solid #ffffff;
    border-left: 10px solid transparent;
    left: 45%;
    bottom: -29px;
    z-index: 1;
 }
 .can-get-table-box h4:after {
    position: absolute;
    content: '';
    border-right: 12px solid transparent;
    border-top: 32px solid #3496c2;
    border-left: 12px solid transparent;
    left: 44.4%;
    bottom: -32px;
    z-index: 0;
}
.can-get-table-box h4 span {
	color: #3496c2;	
}
.can-get-table-box table {
	box-sizing: border-box;
	/*width: 90%;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	max-width: 1200px;
	font-size: 1.2rem;
}
.can-get-table-box th {
	position: relative;
	text-align: left;
	box-sizing: border-box;
	padding: 25px 20px;
    width: 32%;
	text-indent: -2.7rem;
    padding-left: 4rem;
    line-height: 1.5rem;
	
}
.can-get-table-box th span {
	position: relative;
    color: #fff100;
    padding-right: 10px;
    font-size: 3rem;
    vertical-align: middle;
    top: -3px;
}
.can-get-table-box td {
	position: relative;
	text-align: left;
	box-sizing: border-box;
	padding: 25px 20px;
	width: 68%;
}
.can-get-table-box tr:first-of-type th,
.can-get-table-box tr:first-of-type td {
	background: #a3d9f0;
}
.can-get-table-box tr:nth-of-type(2) th,
.can-get-table-box tr:nth-of-type(2) td {
	background: #1967b3;
	color: #ffffff;
}
.can-get-table-box tr:last-of-type th,
.can-get-table-box tr:last-of-type td {
	background: #1a2b7d;
	color: #ffffff;
}
.can-get-table-box th:after {
    content: "";
    position: absolute;
    top: 1em;
    right: 0;
    width: 5px;
    height: calc(100% - 2em);
    border-left: 1px solid #ffffff;
    z-index: 1;
}


/*先輩の声*/
.voice-boder {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	border: 10px #dddddd solid;
}
.senior-voice-box {
	padding-bottom: 3em;
}
.voice-boder-dotted {
	border-bottom: 7px #dddddd dotted;
}
.senior-voice-box h3 {
	position: relative;
	font-size: 2rem;
	text-align: left;
	padding-left: 70px;
	margin-bottom: 2.5em;

}
.senior-voice-box h3:before {
  	content: '';
  	top: 0;
  	left: 0;
  	width: 100%;
  	display: inline-block;
}
.senior-voice-box h3:after {
	position: absolute;
    content: '';
    top: 20px;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 84px;
    background-image: url(img/img/recruit/img-recruit-icon01.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
  }
.senior-voice-box img {
	max-width: 100%;
}
.senior-voice-box ul {
	box-sizing: border-box;
	padding-left: 0;
	list-style: none;
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;	
} 
.senior-voice-box li {
	position: relative;
	box-sizing: border-box;
	width: 31%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.senior-voice-box li:first-of-type {
	box-shadow: rgba(100,100,100,0.7) 0px 0px 10px;
}

.senior-voice-box li:last-of-type:before {
    content: "";
    position: absolute;
    top: 0;
    left: -6%;
    width: 10px;
    height: 100%;
    border-left: 1.2px solid #3496c2;
 }
 
.senior-voice-box li p {
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.senior-p-box {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.senior-p-img {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.senior-voice-box li:first-of-type .senior-p-box {
	width: 90%;
	margin: 10px auto;
}
.senior-p-title {
	padding: 10px;
	background: #3496c2;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #ffffff;
	font-size: 1.5rem;
}
p.senior-p-name {
	font-size: 2rem;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px #3496c2 solid;
	
}
.senior-voice-box p.senior-p-year {
	margin-top: 0;
	margin-bottom: 10px;
	text-align: right;
	font-size: 1.1rem;
	color: #3496c2;
}
.senior-img-box {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
  	display: inline-flex;
	-webkit-box-align: end;
     -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    vertical-align: bottom;
}
.senior-img {
	box-sizing: border-box;
    /*text-align: right;*/
    width: 100%;
    vertical-align: bottom;
    position: relative;
}
.senior-img01 {
    height: 0;
    padding-top: calc(1450 / 1000 * 100%);
    background: url(img/img/recruit/img-recruit03.png) center bottom / cover no-repeat;
}
.senior-img02 {
    height: 0;
    padding-top: calc(1450 / 1000 * 100%);
    background: url(img/img/recruit/img-recruit07.png) center bottom / cover no-repeat;
}
.senior-p-midashi {
	position: relative;
	margin-top: 0;
	/*margin-bottom: 5px;*/
	margin-bottom: 15px;
	color: #3496c2;
	font-size: 1.5rem;
	font-weight: bold;
	padding-left: 23px;
	background-image: url(img/img/recruit/img-recruit-icon02.png);
    background-position: left 0 top 4px;
    background-repeat: no-repeat;
}
.senior-p-text {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.35rem;
    line-height: 1.7em;
}
.senior-flow {
	margin-top: 3em;
}
.senior-flow h4 {
	width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 1.7rem;
    text-align: left;
    border-bottom: 2px #3496c2 dotted;
    color: #0c328c;
}
.senior-one-day {
}
@media screen and (min-width:641px) and  (max-width:799px) { 
	.senior-voice-box li {
		width: 48%;
	}
	.senior-voice-box li:first-of-type {
		width: 60%;
		margin: 0 auto 50px;
	}
	.senior-voice-box li:last-of-type:before {
		left: -5%;
	}
	.senior-flow h4 {
		width: 100%;
		padding-left: 5px;
	}
}
/*募集要項*/
.guidelines {
	margin-top: 50px;
}
.guidelines-box table {
	box-sizing: border-box;
	width: 100%;
}
.guidelines-box th,
.guidelines-box td {
	text-align: left;
	vertical-align: top;
	padding: 30px 15px;
}
.guidelines-box th {
	width: 20%;
}
.guidelines-box td {
	width: 80%;
}
.guidelines-box td p {
	padding-left: 10px;
	margin-top: .5em;
	margin-bottom: .5em;
}
.guidelines-box ul {
	list-style:none;
	padding-left: 10px;
	margin-top: .5em;
	margin-bottom: .5em;
}
.guidelines-box li {
	margin-bottom: 0.1em;
	text-indent: -1rem;
	padding-left: 1rem;
}
.guidelines-box .text-spacing {
	padding-left: 1rem;
	text-indent: 0;
}
.guidelines-box .p-indent {
	text-indent: -1.2rem;
	padding-left: 1rem;	
}
.recruit-contact {
    text-align: left;
    font-size: 1.5rem;
    padding-left: 1%;
    padding-right: 1%;
    font-weight: bold;
}
.recruit-contact p {
	margin-bottom: 0;
}
.recruit-contact p span {
	background: #0c328c;
    color: #ffffff;
    margin-bottom: 0;
    padding: 5px 10px;
    /*border-radius: 20px;*/
    margin-right: 10px;
}
.recruit-contact a {
	text-decoration: none;
    font-weight: bold;
    color: #0c328c;
    font-size: 2rem;
    position: relative;
    top: 3px;
    transition: ease 0.1s;
}
.recruit-contact a:hover {
	color: #3496c2;
}
.
/*=============================================
採用応募ページ（entry）
=============================================*/
.entry-form-inner h1 {
	font-size: 3rem;
}
.entry-h2-box {
	margin-bottom: 30px;
}
.entry-h2-box h2 {
	color: #0c328c;
	margin-bottom: 5px;
}
.entry-h2-img img{
	max-width: 100%;
}
.entry-form {
	background: #efefef;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-top: 70px;
	margin-bottom: 20px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.entry-form-inner {
	max-width: 1200px;
	margin: auto;
}
.entry-tel {
	font-size: 1.3rem;
}
.entry-tel a,
.entry-a-box a {
	text-decoration: none;
	font-size: 1.3rem;
	color: #000000;
	transition: ease 0.3s;
}
.entry-tel a {
	font-size: 2rem;
	color: #1967b3;
}

.entry-tel a:hover {
	color: #6ea6cc;
}
.entry-a-box a:hover {
	color: #1967b3;
}

/*=============================================
お問合せ（contact）
=============================================*/
.container-contact {
	background-image: url(img/img/contact/img-contact02.png);
	background-repeat: no-repeat;
	background-position: left 0 bottom 0;
	max-width: 100%;
	z-index: 0;		
}
.contact-inner {
	position: relative;
}
.contact-tel,
.contact-fax,
.contact-mail {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #231815 solid;
}
.contact-inner h2,
.contact-inner p {
	font-size: 2rem;
	margin-top: 0;
	margin-bottom: 0;
}
.contact-tel p span {
	font-size: 1.3rem;
}
.contact-inner-img {
	margin: 5px auto;
}
.contact-inner a {
	font-size: 2.2rem;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	transition: ease 0.1s;
}
.contact-inner a img {
	max-width: 2.3rem;
	margin-top: 0;
	margin-right: 10px;
	vertical-align: middle;
	position: relative;
	top: -3px;
}
.contact-inner a:hover,
.contact-inner a:active {
	color: #537b95;
}

/*お問合せフォーム*/
.contact-form-inner h2 {
	position: relative;
	text-align: left;
	font-size: 2rem;
	padding-left: 2.5rem;
}
.contact-form-inner h2:before {
	content: '';
	display: inline-block;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 5.5px;
	left: 0;
	background: #537b95;
}

/*=============================================
コンタクトフォーム
=============================================*/
.wpcf7-form .table-contactform7 {
	width: 100%;
}
/*お問合せフォーム*/
.contact-table th,
.contact-table td {
	box-sizing: border-box;
	vertical-align: middle;
	padding: 17px 10px;
	border-top: 1px #231815 solid;
	font-size: 1.2rem;
}
.contact-table th:last-of-type,
.contact-table td:last-of-type {
	border-bottom: 1px #231815 solid;
}
.contact-table th {
	width: 12em;
	text-align: left;
	background: #efefef;
}
.contact-table td {
}
/*ここまで*/

/*採用応募ページ*/
.entry-table th,
.entry-table td {
	box-sizing: border-box;
	vertical-align: middle;
	padding: 17px 10px;
	border-top: 1px #231815 solid;
	font-size: 1.2rem;
}
.entry-table th:last-of-type,
.entry-table td:last-of-type {
	border-bottom: 1px #231815 solid;
}
.entry-table th {
	width: 15em;
	text-align: left;
	background: #efefef;
	clear: both;
}
.entry-table td {
	background: #efefef;
	text-align: left;
}
.file-p-box {
	line-height: 1rem;
	font-size: 1.1rem;
	margin-bottom: 1rem;
}
.file-inner {
	background: #ffffff;
	border: 1px #dddddd solid;
	width:80%;
}
/*ここまで*/
.required-contactform7,
.any-contactform7 {
	font-size: 0.8rem;
	color: #ffffff;
	background: #e60012;
	border-radius: 3px;
	padding: 2px 5px;
	margin-left: 5px;
	position: relative;
    top: 3px;
    float: right;
}
.any-contactform7 {
	background: #537b95;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	padding: 10px;
	width:80%;
	border: 1px #dddddd solid;
    box-sizing: border-box;
}
.wpcf7 input[type="file"] {
	padding: 6px 10px;
	width:100%;
    box-sizing: border-box;
}
.wpcf7 textarea[name="your-message"],
.wpcf7 textarea[name="your-pr"]  {
    width: 80%;
    border: 1px #dddddd solid;
    box-sizing: border-box;
}
.wpcf7 .table-checkbox {
	font-size: 1.2rem;
	margin: 1.5em auto;
}
.wpcf7 .table-checkbox th, 
.wpcf7 .table-checkbox td	{
	vertical-align: top;	
}
.wpcf7 .table-checkbox td {
	text-align: left;
}

.wpcf7 .table-checkbox td a {
	color: #000000;
	transition: ease 0.1s;
}
.wpcf7 .table-checkbox td a:hover {
	color: #537b95;
}
.checkbox-inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.wpcf7 input[type="checkbox"] {
	font-size: 30px;
    position: relative;
    top: -1px;
}
.wpcf7 input[type="submit"] {
	color: #ffffff;
    background: #898989;
    padding: 10px;
    display: block;
    margin: auto;
    width: 20%;
    font-size: 1.5rem;
    transition: ease 0.3s;
} 
.wpcf7 input[type="submit"].wpcf7c-elm-step2 {
	background: #537b95;
}
.wpcf7 input[type="submit"]:hover {
	opacity: 0.6;
}

/*=================================================================
各種情報（various）
=================================================================*/
.h1-various-box {
	position: relative;
	background-image: url(img/img/img-various-top.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 70px auto 40px;  
    padding-top: 2.3rem;
}
.h1-various-box.post-h1 {
	background-image: url(img/img/img-various-top2.png);
}
.h1-various-inner {
	
}
.h1-various-title {
	position: relative;
    color: #ffffff;
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 2.3rem;
}
.h1-various-title img {
	vertical-align: middle;
	width: auto;
	max-width: 60px;
	margin-right: 20px;
}
.h1-various-title span {
	
}
.main p {
	font-size: 1.3rem;
}

.main p.p-strong {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 0;
}


.main p.archive-title {
	padding:15px 15px 30px 15px;
	border-bottom:1px solid #CCCCCC;
}
.archive-title span.date{
	padding-right:50px;
}



/*個人情報保護方針*/
.main p.privacy-table-title {
	margin-bottom: 0;
}
table.privacy-table {
	border-color: #727171;
	margin-top: 0.5em;
    margin-bottom: 1.5em;
    font-size: 1.3rem;
}
.privacy-table th {
	background: #b9d0dd;
	border-color: #727171;
	text-align: center;
	width: 30%;
}
.privacy-table td {
	background: #dde8ef;
	border-color: #727171;
}
td.privacy-ti-td {
	font-weight: bold;
	text-align: center;
}
td.privacy-td-center {
	text-align: center;
}
.privacy-p-mark {
	display: inline-block;
    margin: 0 1% 20px;
}

.privacy-p-mark img {
    max-width: 80px;
}

/*=============================================
フッター (footer)
=============================================*/
.footer-bar {
	background-color: #0c328c;
	padding-top: 5px;
	min-height: 35px;
	font-size: 1rem;
}
.footer-bar-inner {
	margin-left: 2%;
	margin-right: 2%;
}
.footer-bar .menu li {
	font-size: 1.1rem;
	border-left: 1px #dddddd solid;
	transition: ease 0.4s;
}
.footer-bar .menu li a {
	background-image: none;
	padding-left: 5px;
	padding-right: 1%;
	transition: ease 0.4s;
}
.footer-bar .menu li a:hover {
	color: #809eb3;
}
.footer-bar .menu li:hover {
	border-color: #809eb3;
}

#menu-footer-menu {
	width: 95%;
    text-align: right;
}
.footer-menu {
    background-color: #0c328c;
    padding-top: 0;
    padding-bottom: 5px;
}
.sub .widget {
	margin-bottom: 0;
}
.wp-image-57 {
	max-width: 100%;
	padding-left: 2%;
}
.footer {
	background-color: #0c328c;
	border-top: none;
	box-shadow: none;
}
.footer-inner {
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 1em;
	padding-bottom: 1em;
}
ul.footer-sub-menu {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
 	-webkit-flex-wrap:wrap;
 	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack: end;
    -ms-flex-pack: end;
	justify-content: flex-end; 
    list-style: none;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
}
ul.footer-sub-menu li {
	padding-right: 25px;
}
ul.footer-sub-menu a {
	color: #ffffff;
	text-decoration: none;
}
#page-top {
    position: fixed;
    bottom: 14.5%;
    right: 5%;
    z-index: 9999;
}
#page-top a {
	position: relative;
    background: rgba(12,50,140,0.8);
    text-decoration: none;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    /* padding: 20px 0; */
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
#page-top a:after {
	position: absolute;
    content: 'PAGETOP';
    text-align: center;
    color: rgba(12,50,140,0.9);
    bottom: -17px;
    left: 1px;
    width: 100%;
    /*font-size: 1rem;*/
}  
#page-top .fa-angle-up {
	color: #ffffff;
	font-size: 3rem;
}
#page-top a:hover {
     text-decoration: none;
     background: rgba(153,153,153,0.8);
}