@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700');
@import url(https://fonts.googleapis.com/css?family=Anton);

/*	レイアウト
---------------------------------*/
body {
	padding: 0;
	width: 100%;
	background: url(../images/common/bg_body.png) center top;
	line-height: 1.6;
	color: #333;
	font-family: 'Noto Sans JP', '游ゴシック体', 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#wrapper {
	overflow: hidden;
}
@media screen and (max-width: 767px) {
}

/*	ヘッダー
---------------------------------*/
header {
	position: relative;
}
.hd-inr {
	position: relative;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 auto;
	padding: 0 0 0 30px;
}
.hd-logo {
	margin: 0 20px 0 0;
}
.hd-contact {
 	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
}
@media screen and (max-width: 1000px) {
.hd-inr {
	padding: 0 0 0 15px;
}
.hd-logo {
	width: 350px;
}
.hd-logo img {
	display: block;
}
.hd-contact {
	flex-wrap: wrap;
	margin: 0 50px 0 0;
}
.hd-form {
	width: 50px;
	z-index: 100000;
}
}
@media screen and (max-width: 767px) {
header {
	position: relative;
}
.hd-inr {
	flex-wrap: nowrap;
	padding: 0 0 0 10px;
}
.hd-logo {
	margin: 0 10px 0 0;
	width: 120px;
}
.hd-contact {
	flex-wrap: wrap;
	margin: 0 35px 0 0;
	width: calc(100% - 120px);
}
.hd-form {
	width: 35px;
}
}

/*	フッター
---------------------------------*/
footer {
	position: relative;
	background: #1373bb;
	border-top:solid 3px #2b7dc7;
	font-size: 0.875rem;
	color: #fff;
	padding: 50px 50px 20px;
}
.ft-pagetop {
	position: absolute;
	bottom: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ft-box{
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
}
.ft-link{
	display: flex;
}

.ft-link p a{
	font-size: 20px;
	display: block;
	width: 200px;
	margin-bottom: 20px;
}
.ft-link li{
	margin-bottom: 15px;
}
.ft-link a{
	font-size: 16px;
}
.ft-access h3{
	font-size: 1.5rem;
}
.ft-access p{
	font-size: 16px;
	line-height: 2;
	margin: 0;
}
.ft-inr {
	position: relative;
	margin: 0 auto;
	padding: 60px 15px 0;
	max-width: 1000px;
}
.ft-nav ul {
	margin: 0;
}
.ft-nav ul li {
	position: relative;
	margin: 0 25px 30px 0;
	line-height: 1;
}
.ft-nav ul li:last-of-type {
	margin-right: 0;
}
.ft-copyright {
	padding: 0 15px;
	height: 45px;
	text-align: center;
	font-size: 0.75rem;
	color: #fff;
	line-height: 45px;
}
@media screen and (max-width: 767px) {
	.ft-inr {
		display: none;
	}

	.ft-nav {
		display: none;
	}
	.ft-copyright {
		padding: 10px 15px;
		height: auto;
		font-size: 0.625rem;
		line-height: 1.4;
	}
	.ft-box{
		width: 100%;
		flex-wrap: wrap;
	}
	.ft-link{
		flex-wrap: wrap;
		width: 100%;
	}
	.ft-link div{
		width: 50%;
	}
	.ft-link div p a{
		font-size: 16px;
	}
	.ft-link p a{
		width: 100%;
	}
	.ft-access h3{
		font-size: 1.25rem;
	}
	footer{
		padding: 50px 20px 20px;
	}
}

/*	グローバナビ（PC用）
---------------------------------*/
.pc-nav {
	position: relative;
	margin: 0;
	padding: 0;
	margin-right: auto;
}
.pc-nav .hd-nav-inr {
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: nowrap;
}
.pc-nav .hd-nav-inr > ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	margin: 0 30px 0 0;
	align-items: center;
}
.pc-nav .hd-nav-inr > ul > li {
	position: relative;
	margin: 0 20px 0 0;
	padding: 10px 20px 10px 0;
	border-right: 1px solid #333;
	text-align: center;
	line-height: 1;
}
.pc-nav .hd-nav-inr > ul > li:last-of-type {
	margin: 0;
	padding: 10px 20px 10px 0;
	border-right: none;
}
.pc-nav .hd-nav-inr > ul > li > a{
	display: inline-block;
	padding: 5px 0;
}
.pc-nav .hd-nav-inr > ul > li > a span {
	position: relative;
	padding: 0;
	font-size: 0.9375rem;
}
.blc-tel {
	margin: 0 30px 0 0;
	font-size: 2rem;
	color: #0c73bb;
	white-space: nowrap
}
.blc-tel span {
	font-family: 'Josefin Sans', sans-serif;
}
.blc-tel small {
	font-size: 1.5rem;
	font-family: 'Josefin Sans', sans-serif;
}
@media screen and (max-width:1500px) {
.pc-nav .hd-nav-inr > ul {
	margin: 0 15px 0 0;
}
.pc-nav .hd-nav-inr > ul > li {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
.pc-nav .hd-nav-inr > ul > li > a span {
	font-size: 0.8125rem;
}
.blc-tel {
	margin: 0 15px 0 0;
}
}
@media screen and (max-width:1200px) {
.pc-nav .hd-nav-inr > ul > li {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
}
.pc-nav .hd-nav-inr > ul > li > a span {
	font-size: 0.75rem;
}
}
@media screen and (max-width:1000px) {
.pc-nav .hd-nav-inr > ul {
	display:none;
}
.blc-tel {
	z-index: 100000;
}
}
@media screen and (max-width:767px) {
.blc-tel {
	margin: 0 5px 0 0;
	font-size: 0.8125rem;
}
.blc-tel small {
	font-size: 0.75rem;
}
}

/*	グローバナビ（スマホ用）
---------------------------------*/
header .navToggle,
header nav.sp-nav {
	display:none;
}
@media screen and (max-width: 1000px) {
header nav.sp-nav {
	display: block;
	position: absolute;
	top: -1000px; /* 開いてないときは画面外に配置 */
	left: 0;
	padding: 0 0 30px;
	width: 100%;
	background: #fff;
	box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	font-size: 14px;
	font-weight: 500;
	z-index: 1001;
}
.hd-nav-inr {
	display: block;
	height: 100%;
	overflow: scroll;
}
header nav.sp-nav a{
	display: block;
	color:#111;
}
header nav.sp-nav a *{
	transition: 0s;
}
header nav.sp-nav .logo{
	padding: 10px 15px;
}
header nav.sp-nav .logo img{
	width: 350px;
	margin: 0;
	text-align: left;
}
header nav.sp-nav .logo+ul {
	display: block;
	margin-top: 10px;
}
header nav.sp-nav .logo+ ul li a {
	border-top: 1px solid #eee;
	padding: 10px 15px;
	position: relative;
	font-size: 0.8125rem;
}
header nav.sp-nav ul li a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 2px solid #e383a5;
	border-right: 2px solid #e383a5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
header nav.sp-nav .logo+ ul li:first-child a {
	border-top: none;
}
header nav.sp-nav .logo+ ul li.parent > a {
	pointer-events: none;
}
header nav.sp-nav .logo+ ul li.parent > a:after {
	display: none;
}
header nav.sp-nav .logo+ ul li ul.child {
	display: none;
	background: rgba(0,0,0,0.05);
}
header nav.sp-nav .sp-nav-sub {
}
header nav.sp-nav .sp-nav-sub li {
	border-top: 1px solid rgba(0,0,0,0.08);
	font-size: 13px;
}
header nav.sp-nav .sp-nav-sub li a {
	position: relative;
	padding: 10px 15px;
}
#wrapper header nav.sp-nav .header-contact {
	padding: 5px 15px;
	text-align: center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
header nav.sp-nav .header-contact a{
	width: 100%;
	padding: 10px 0;
	letter-spacing: 0;
	font-size: 14px;
	color: #1c1a4f;
}
header nav.sp-nav .header-contact a span{
	background-position: left center;
	background-repeat: no-repeat;
}
header nav.sp-nav .header-contact .blc-tel {
	margin: 0 0 5px;
	width: 100%;
	border:2px solid #1c1a4f;
	font-weight: bold;
	color: #1c1a4f;
}
header nav.sp-nav .header-contact .blc-tel a:before {
	display: inline-block;
	content: "";
	position: relative;
	top: 3px;
	margin: 0 5px 0 0;
	width: 11px;
	height: 16px;
	background: url(../images/common/icon_hd_tel.png);
	background-size: contain
}
header nav.sp-nav .blc-contact {
	color: #fff;
}
/* ナビゲーション スライドアニメーション */
header.open nav.sp-nav {
	-moz-transform: translateY(1000px);
	-webkit-transform: translateY(1000px);
	-webkit-transition: -webkit-translateY(1000px);
	transform: translateY(1000px);
}
/*ハンバーガーボタン*/
header .navToggle {
	display: block;
	position: absolute;
	right: 13px;
	top: 26px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: auto;
	width: 24px;
	height: 15px;
	cursor: pointer;
	z-index: 10000;
}
header .navToggle:before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 50px;
	height: 50px;
	background: #081856;
}
header .navToggle div {
	position: relative;
}
header .navToggle span {
	display: block;
	position: absolute;
	height:2px;
	width:100%;
	background: #fff;
	left:0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	border-radius:5px;
}
header .navToggle span:nth-child(1) {
	top: 0;
}
header .navToggle span:nth-child(2) {
	top: 7px;
}
header .navToggle span:nth-child(3) {
	top: 14px;
}
/* ハンバーガーボタン 切り替えアニメーション */
header.open .navToggle span {
}
header.open .navToggle span:nth-child(1) {
	top: 7px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
header.open .navToggle span:nth-child(2) {
	width: 0; left: 50%;
}
header.open .navToggle span:nth-child(3) {
	top: 7px; -webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
}
@media screen and (max-width:767px) {
header nav.sp-nav .logo{
	padding: 10px;
}
header nav.sp-nav .logo img{
	width: 120px;
}
header .navToggle {
	right: 5.5px;
	top: 17.5px;
}
header .navToggle:before {
	width: 35px;
	height: 35px;
}
}

/*	基本レイアウト
---------------------------------*/
.contents-inr {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
}
@media screen and (max-width:1000px) {
.contents-inr {
	padding-left: 15px;
	padding-right: 15px;
}
}

/*	汎用タイトル
---------------------------------*/
.ttl-cmn01 {
	position: relative;
	margin: 0 auto 45px;
	text-align: left;
	line-height: 1;
	z-index: 2;
}
.ttl-cmn01 span {
	display: inline-block;
	position: relative;
	margin-right: 20px;
	padding: 0;
	font-size: 6.25rem;
	font-weight: 500;
	color: #1b51da;
	letter-spacing: 0.1em;
	font-family: 'Josefin Sans', sans-serif;
	vertical-align: middle;
}
.ttl-cmn01 small {
	display: inline-block;
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	vertical-align: middle;
}
@media screen and (max-width:767px) {
.ttl-cmn01 {
	margin: 0 auto 25px;
}
.ttl-cmn01 span {
	font-size: 1.5rem;
}
.ttl-cmn01 small {
	font-size: 0.875rem;
}
}

/*	汎用ボタン
---------------------------------*/
.btn-cmn01 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 240px;
}
.btn-cmn01 a {
	display: block;
	width: 100%;
	height: 50px;
	border: 2px solid #1b51da;
	border-radius: 50px;
	text-align: center;
	font-size: 18px;
	color: #1b51da;
	line-height: 46px;
}
@media screen and (max-width:767px) {
.btn-cmn01 {
	width: 100%;
}
}

/*	メインイメージ
---------------------------------*/
.main-img-otr {
	position: relative;
	margin: 0 auto;
	padding: 0;
	background: #000;
}
.main-img {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 800px;
	overflow: hidden;
}
.main-img video {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 100%;
}
.main-img-otr .scroll {
	position: absolute;
	left: 50%;
	bottom: 60px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
/*@media screen and (max-width:1000px) {
.main-img {
	padding-top: 80%;
	height: auto;
}
}*/
@media screen and (max-width:767px) {
.main-img-otr .scroll {
	bottom: 30px;
	width: 20px;
}
}

/*	トップページ
---------------------------------*/

/*	事業案内	*/
.top-business {
	background: url(../images/top/bg_h2.jpg) no-repeat center top;
	margin-top: 100px;
	padding-bottom: 100px;
}
.top-business-title{
	position: relative;
	margin: 0 auto 50px;
	max-width: 1000px;
}
.top-business-title h3{
	display: block;
	opacity: 0.4;
	font-size: 120px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	right: 0;
	top: 80px;
	line-height: 1.2;
	letter-spacing: 3px;
}
.top-business-title h3 span{
	display: block;
	font-size: 25px;
	text-align: right;
	opacity: 1!important;
}
.top-business ul {
	display: flex;
	justify-content: space-around;
	padding-top: 30%;
}
.top-business ul li {
	width: 30%;
	background: #fff;
}
.top-business-txt{
	margin: 100px auto 0;
	max-width: 1000px;
}
.top-business-txt h3 {
	margin: 0 0 30px;
	text-align: center;
	color: #1373bb;
	font-size: 2.365rem;
	font-weight: bold;
}
.img_txt{
	display: flex;
	justify-content: space-between;
}
.img_txt p{
	width: 48%;
	font-size: 1.125rem;
	line-height: 1.8;
}
@media screen and (max-width:1000px) {
.top-business {
	background: url(../images/top/bg_h2.png) no-repeat right -430px top;
}
.top-business ul {
	bottom: -30%;
	width: calc(100% - 30px);
}
}
@media screen and (max-width:767px) {
	.top-business {
		background: url(../images/top/bg_h2.png) no-repeat right top;
		background-size: 100% auto;
	}
	.top-business .contents-inr {
		position: relative;
		height: auto;
	}
	.top-business ul {
		bottom: 0;
		width: calc(100% - 30px);
		padding-top: 15%;
	}
	.top-business ul li {
		width: 30%;
		background: #fff;
	}
	.top-business-title h3{
		top: 0px;
		font-size: 6vw;
		right: 20px;
	}
	.top-business-title h3 span{
		font-size: 3vw;
	}
}

/*	採用情報	*/
.top-recruit {
	padding: 150px 0 0;
	background: url(../images/top/bg_recruit.jpg) no-repeat center top;
	width: auto!important;
}
.top-recruit h3 {
	margin: 0 0 45px;
	text-align: right!important;
	font-style: italic;
}
.top-recruit h3 span {
	display: inline-block;
	text-align: left;
	font-size: 2.365rem;
	font-weight: 600;
}
.top-recruit-txt {
	position: relative;
	margin: 0 0 0 auto;
	padding: 50px 0 0;
	width: 56%;
	max-width: 560px;
	height: 300px;
	color: #fff;
	z-index: 2;
}
.top-recruit-txt:before {
	display: block;
	content: "";
	position: absolute;
	left: -290px;
	top: 0;
	width: 100vw;
	height: 300px;
	background: url(../images/top/bg_recruit.png) no-repeat left top;
	z-index: -1;
}
.top-recruit-txt:after {
	display: block;
	content: "";
	position: absolute;
	left: -435px;
	bottom: 0;
	width: 365px;
	height: 577px;
	background: url(../images/top/icon_recruit.png) no-repeat left bottom;
	z-index: -1;
}
.top-recruit-txt p {
	margin: 0 0 35px;
	font-size: 1.125rem;
	line-height: 1.8;
}
.top-recruit-txt .btn-cmn01 {
	margin: 0 0 0 auto;
}
.top-recruit-txt .btn-cmn01 a {
	border: 2px solid #fff;
	color: #fff;
}
@media screen and (max-width:1000px) {
.top-recruit {
	padding: 220px 0 0;
	background: url(../images/top/bg_recruit.jpg) no-repeat center top;
}
.top-recruit-txt {
	width: 76%;
}
.top-recruit-txt:before {
	left: -150px;
}
.top-recruit-txt:after {
	right: 100%;
	left: auto;
	width: 45%;
	background-size: 100% auto;
}
}
@media screen and (max-width:767px) {
.top-recruit {
	padding: 30px 0 0;
}
.top-recruit h3 {
	margin: 0 0 25px;
}
.top-recruit h3 span {
	font-size: 1.25rem;
}
.top-recruit-txt {
	position: relative;
	margin: 0 0 0 auto;
	padding: 50px 0 0;
	width: 100%;
	max-width: 100%;
	height: auto;
	color: #fff;
	z-index: 2;
}
.top-recruit-txt:before {
	display: block;
	content: "";
	position: absolute;
	left: -15px;
	top: 0;
	background-size: auto 100%;
}
.top-recruit-txt:after {
	display: none;
}
.top-recruit-txt p {
	margin: 0 0 25px;
	font-size: 0.875rem;
}
.top-recruit-txt .btn-cmn01 {
	margin: 0 auto;
}
}

/*	メリット	*/
.top-merit {
	padding: 125px 0 0px;
	margin: 60px auto 0!important;
}
.top-merit h3 {
	margin: 0 0 45px;
	text-align: center;
}
.top-merit h3 span {
	position: relative;
	font-size: 3.125rem;
	font-weight: 700;
}
.top-merit h3 span:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: -40px;
	right: 100%;
	width: 275px;
	height: 205px;
	background: url(../images/top/icon_ttl_merit01.png) no-repeat;
	background-size: contain;
	z-index: -1;
}
.top-merit h3 span:after {
	display: inline-block;
	content: "";
	position: absolute;
	top: -50px;
	left: 100%;
	width: 224px;
	height: 264px;
	background: url(../images/top/icon_ttl_merit02.png) no-repeat;
	background-size: contain;
	z-index: -1;
}
.top-merit h3:before {
	display: none!important;
}
.top-merit ul {
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
}
.top-merit li {
	counter-increment: section;
	position: relative;
	margin: 0 0 30px;
	padding: 28.5% 0 0;
	width: 28.5%;
	height: auto;
	border-radius: 285px;
	background: #ef7b1a;
}
.top-merit li span {
	display: block;
	position: relative;
	margin: 0 0 10px;
	text-align: center;
	font-size: 1.625rem;
	font-weight: 600;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
}
.top-merit li span:after {
	content: counter(section);
	display: inline-block;
	position: relative;
	margin: 0 0 0 5px;
	font-size: 2.5rem;
	font-weight: 600;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
}
.top-merit li p {
	font-size: 1.4rem!important;
	font-weight: 600;
	color: #fff;
}
.top-merit li:nth-of-type(2) {
	padding: 33.6% 0 0;
	width: 33.6%;
	height: auto;
	border-radius: 336px;
}
.top-merit li:nth-of-type(2) p {
	font-size: 1.625rem;
	font-weight: 600;
}
.top-merit-inr {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
@media screen and (max-width:1000px) {
.top-merit h3 span {
	position: relative;
	font-size: 2.5rem;
	font-weight: 900;
}
.top-merit li span {
	font-size: 1.25rem;
}
.top-merit li span:after {
	font-size: 1.5rem;
}
.top-merit li p {
	font-size: 1.125rem;
}
.top-merit li:nth-of-type(2) p {
	font-size: 1.375rem;
}
}
@media screen and (max-width:767px) {
.top-merit {
	padding: 125px 0 35px;
}
.top-merit h3 {
	margin: 0 0 25px;
}
.top-merit h3 span {
	font-size: 1.25rem;
}
.top-merit h3 span:before {
	display: none;
}
.top-merit h3 span:after {
	display: none;
}
.top-merit ul {
	display: block;
}
.top-merit li {
	margin: 0 auto 30px;
	padding: 0;
	width: 300px;
	height: 300px
}
.top-merit li span {
	font-size: 1rem;
}
.top-merit li span:after {
	font-size: 1.25rem;
}
.top-merit li p {
	font-size: 1.25rem;
}
.top-merit li:nth-of-type(2) {
	padding: 0;
	width: 300px;
	height: 300px
}
.top-merit li:nth-of-type(2) p {
	font-size: 1.25rem;
}
.top-merit-inr {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
}

/*	インフォメーション	*/
.top-info {
	color: #fff;
	margin-top: 100px;
}
.top-info h3 {
	position: relative;
	margin: 0 0 25px;
	font-size: 1.625rem;
	font-weight: 500;
}
.top-info h3 a {
	display: block;
	position: absolute;
	left: 300px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100px;
	height: 30px;
	background: #fff;
	border-radius: 30px;
	text-align: center;
	font-size: 16px;
	color: #1373bb;
	line-height: 30px;
}
.top-news {
	padding: 70px 0 50px;
	width: 100%;
	background: url(../images/top/bg_news.png) no-repeat center bottom;
	background-position: left;
	background-color: #3b3531;
}
.top-news h3 {
	padding-left: 57px;
}
.top-news h3:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 52px;
	height: 36px;
	background: url(../images/top/icon_news.png) center bottom;
	background-size: contain;
}
.top-news .top-info-inr {
	margin: 0 auto;
	max-width: 50%;
}
.top-news-inr{
	margin: 0 auto 0 0;
}
.top-event {
	padding: 70px 0 50px;
	width: 50%;
	background: url(../images/top/bg_event.png) center bottom;
}
.top-event h3 {
	padding-left: 44px;
}
.top-event h3:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 39px;
	height: 41px;
	background: url(../images/top/icon_event.png) center bottom;
	background-size: contain;
}
.top-event .top-info-inr {
	margin: 0 auto 0 0;
	max-width: 500px;
}
.top-event-inr {
	margin: 0 0 0 auto;
	max-width: 380px;
}
.top-info li {
	margin: 0 0 40px;
	font-size: 0.9375rem;
}
.top-info-date {
	display: block;
	margin: 0 0 15px;
	width: 115px;
	height: 30px;
	background: #ccc;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.top-news .top-info-date {
	background: #ef7b1b;
}
.top-event .top-info-date {
	background: #fed500;
	color: #333;
}
.top-info li h4 {
	font-size: 1rem;
}
@media screen and (max-width:1000px) {
.top-news-inr{
	padding: 0 15px;
}
.top-event-inr{
	padding: 0 15px;
}
}
@media screen and (max-width:767px) {
	.top-info h3 {
		font-size: 1.25rem;
	}
	.top-info h3 a {
		display: block;
		position: relative;
		left: 50%;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translate(-50%, 0);
		margin: 10px 0 20px;
	}
	.top-news {
		padding: 30px 0;
		width: 100%;
		background-size: cover;
	}
	.top-news h3 {
		padding-left: 0;
		text-align: center;
	}
	.top-news h3:before {
		display: block;
		content: "";
		position: relative;
		left: auto;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		margin: 0 auto 5px;
	}
	.top-news .top-info-inr {
		margin: 0 auto;
		max-width: 100%;
	}
	.top-news-inr{
		margin: 0 auto;
		max-width: 100%;
	}
	.top-event {
		padding: 30px 0;
		width: 100%;
		background-size: cover;
	}
	.top-event h3 {
		padding-left: 0;
		text-align: center;
	}
	.top-event h3:before {
		display: block;
		content: "";
		position: relative;
		left: auto;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		margin: 0 auto 5px;
	}
	.top-event .top-info-inr {
		margin: 0 auto;
		max-width: 100%;
	}
	.top-event-inr {
		margin: 0 auto;
		max-width: 100%;
	}
	.top-info li {
		margin: 0 0 40px;
		font-size: 0.8125rem;
	}
	.top-info-date {
		font-size: 14px;
	}
	.top-info li h4 {
		font-size: 0.9375rem;
	}
	.top-business-txt h3{
		font-size: 1.5rem;
	}
	.img_txt{
		display: block
	}
	.img_txt p{
		width: 100%;
		margin: 0 auto;
		font-size: 1rem;
		line-height: 1.5;
	}

	.img_txt p img{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}

	.img_txt p:last-child{
		width: 95%;
	}
}

/*	実績紹介	*/
.top-works {
	padding: 85px 0 75px;
}
.top-works li {
	margin: 0 2% 2% 0;
	width: 23.5%;
	max-width: 235px;
	font-size: 0.875rem;
}
.top-works li:nth-of-type(4n) {
	margin-right: 0;
}
.top-works li figure {
	position: relative;
	margin: 0 0 10px;
}
.top-works li figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.top-works-date {
	display: block;
	padding: 5px 15px;
	background: rgba(27,81,218,0.6);
	font-size: 1rem;
	color: #fff;
	line-heihgt: 1;
}
.top-works li h4 {
	margin: 0 0 5px;
	font-size: 1rem;
}
@media screen and (max-width:767px) {
.top-works {
	padding: 45px 0 35px;
}
.top-works li {
	margin: 0 auto 15px;
	width: 100%;
	max-width: 235px;
	font-size: 0.8125rem;
}
.top-works li:nth-of-type(4n) {
	margin: 0 auto 15px;
}
}

/*	アクセス	*/
.top-access {}
.top-access-map {
	position: relative;
	height: 400px;
}
.top-access-img{
	display: flex;
	justify-content: center;
}
.top-access-img img{
	width: 100%;
	display: inline-block;
}
@media screen and (max-width:767px) {
.top-access-map {
	position: relative;
	height: 200px;
}
.top-access-img{
	height: 200px;
}
.top-access-img img{
	height: 100%;
}
}

/*=============================
	Sub(Lower)Page setting
===============================*/

/* main_visual
-------------------------*/
#sub_visual {height:250px;background: url(../images/common/bg_h2.png) no-repeat center center; background-size: cover;}
#sub_visual h2{width:1080px; margin:0 auto; font-size: 34px; font-weight: bold; color: #fff;line-height: 190%; padding-top: 70px;}
#sub_visual h2 span{display: block; opacity: 0.4; font-size: 70px; font-weight: bold;}
#sub_visual h2 small{font-size: 34px; font-weight: bold;}
#sub_visual h2 b{ opacity: 0.4;font-weight: bold;}

/* Bread_crumb_List
-------------------------*/
#sub_contents .bread_crumb_list{font-size: 12px;background: url(../images/top/bg_recruit.jpg) repeat center center;}
#sub_contents .bread_crumb{text-align:left;padding:15px 0px 15px; width: 1080px; margin: 0 auto;}
#sub_contents .bread_crumb li { display:inline;}
#sub_contents .bread_crumb li:after {content : '>>';padding-left:5px;}
#sub_contents .bread_crumb li:last-child:after { content : '';}
#sub_contents .bread_crumb li a {}
#sub_contents .bread_crumb li a:hover{ text-decoration:underline;}
#sub_contents .bread_crumb li.current { font-weight: normal;}

/* sub_contents
-------------------------*/
#sub_contents{font-size: 14px;}
#sub_contents section{ width: 1080px; margin: 60px auto 120px;}
#sub_contents h3{box-sizing: border-box;margin-bottom: 50px; color: #111; font-size: 35px; text-align: center;letter-spacing:0.05em;position: relative; font-weight: bold;}
#sub_contents h3:before { content: ''; position: absolute; bottom: -10px; display: inline-block; width: 90px; height: 5px; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #0666ae;border-radius: 2px; }
#sub_contents h4{font-size: 22px;margin-bottom:15px;padding:10px 5px 5px 35px;font-weight: bold;position: relative;background: #1c51db;color: #fff;}
#sub_contents h4:before{content: ''; position: absolute; top: 30%; display: inline-block; width: 5px; height: 25px; left:0px; -moz-transform: translateX(20px); -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); background-color: #f4ce11;}
#sub_contents .ulbox{padding:0px 20px 0px 0px;font-size:14px;margin:0px 0px 10px 0px;}
#sub_contents .ulbox li{padding:5px 0px;list-style-type:disc;overflow:visible; list-style-position: inside;}
#sub_contents hr{ border-color:#fff; border-style:solid; border-width:0px; margin:150px 0px 130px; box-shadow: 1px 1px 1px #ccc;clear: both;}
#sub_contents p{ margin-bottom:10px; font-size: 14px;}
#sub_contents .img_right{ float:right; margin-left:30px;}
#sub_contents .img_left{ float:left; margin-right:30px;margin-bottom: 30px;}
#sub_contents p a.btn { display: inline-block; position: relative; padding: 18px 15px; width: 380px; background: #ec6a4a; text-align: center; font-size: 1.0rem; font-weight: bold; color: #fff; line-height: 1; }
#sub_contents p a.btn:after { dosplay: block; content: ""; position: absolute; bottom: 10px; right: 10px; width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent #fff transparent; }

/* merit
------------------------------*/
#sub_contents .ttl_merit{font-size: 25px; font-weight: bold;position: relative;border-bottom: 4px solid #ddd;display: block;padding-bottom: 5px;margin-bottom: 15px;line-height: 180%;}
#sub_contents .ttl_merit::after { position: absolute; bottom: -4px; left: 0; z-index: 2; content: ''; width: 15%; height: 4px; background-color: #ef7b1a; }
#sub_contents .ttl_merit span{background: #ef7b1a; padding: 2px 20px;margin-right: 10px; font-weight: bold;color: #fff;font-size: 20px;}
#sub_contents .ttl_merit.cor02::after{background-color: #ef7b1a;}
#sub_contents .ttl_merit.cor02 span{background-color: #ef7b1a;}
#sub_contents .ttl_merit.cor03::after{background-color: #ef7b1a;}
#sub_contents .ttl_merit.cor03 span{background-color: #ef7b1a;}

/* faq
------------------------------*/
#sub_contents dl.faq_list{ margin-bottom:20px;}
#sub_contents dl.faq_list dt{ border:1px solid #ddd; padding:15px 25px 10px; font-size:16px; cursor:pointer;background: url(../images/faq/arw01.png) no-repeat 97% 50%; line-height: 140%;font-weight: bold;}
#sub_contents dl.faq_list dt:hover{ border:1px solid #1373bb;background: url(../images/faq/arw02.png) no-repeat 97% 50% #1373bb; color:#fff; transition: 1.0s;}
#sub_contents dl.faq_list dt:hover span{ color:#fff;}
#sub_contents dl.faq_list dt span{ font-size:30px; color:#1373bb;font-family: 'Josefin Sans', sans-serif;margin-right:15px;font-weight: bold;}
#sub_contents dl.faq_list dd span{ font-size:30px; color:#ec6a4a;font-family: 'Josefin Sans', sans-serif;margin-right:15px;font-weight: bold;}
#sub_contents dl.faq_list dd{width:100%;display:none; padding:20px 25px 10px;font-size:15px;line-height: 140%;}
#sub_contents dl.faq_list dt.active{background: url(../images/faq/arw03.png) no-repeat 97% 50% #1373bb; color:#fff; border:1px solid #1373bb; color:#fff; }
#sub_contents dl.faq_list dt.active span{ color:#fff; color:#fff; }
#sub_contents dl.faq_list dt.active:hover{border:1px solid #1c51db; color:#fff; }

/* recruit
----------------------------------- */
#sub_contents p.txt_rexruit{ text-align: center; margin-bottom: 40px;line-height: 210%; font-size: 16px;}
#sub_contents p.txt_rexruit b{ display: block; font-size: 26px; font-weight: bold;line-height: 140%; margin-bottom: 15px;}
.btn_or{
	margin: 50px auto 0;
	width: 100%;
	max-width: 400px;
	text-align: center;
}
.btn_or a{
	background-color: #ef7b1a;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	padding: 20px;
	border-radius: 10px;
	width: 100%;
}

/* company
-------------------------*/
#sub_contents table.tbl_company{ width:100%;}
#sub_contents table.tbl_company th{ border:1px solid #015b9f; width:30%; padding:18px 20px 18px 20px; background:#0666ae; color: #fff; vertical-align: middle;}
#sub_contents table.tbl_company td{border:1px solid #ddd; padding:18px 36px 18px 35px; background:#fff;}
.company_img{
	text-align: center;
	margin-bottom: 50px;
}

.company_img p{
	margin-top: 30px;
}

/* works
-------------------------*/
#sub_contents ul.works_list li { margin: 0 2% 2% 0; width: 23.5%;font-size: 0.875rem; float: left;}
#sub_contents ul.works_list li:nth-of-type(4n) { margin-right: 0; float: right;}
#sub_contents ul.works_list li figure { position: relative; margin: 0 0 10px; }
#sub_contents ul.works_list figcaption { position: absolute; bottom: 0; left: 0; width: 100%; }
#sub_contents ul.works_list .top-works-date { display: block; padding: 5px 15px; background: rgba(27,81,218,0.6); font-size: 1rem; color: #fff; line-heihgt: 1; }
#sub_contents ul.works_list p.w_ttl { margin: 0 0 5px; font-size: 1rem; }

/* event
-------------------------*/
#sub_contents ul.news_list li a .top-info-date.event{ background: #ef7b1b; }

/* news
-------------------------*/
#sub_contents ul.news_list li a{font-size: 0.9375rem; display:block;padding: 20px 25px; }
#sub_contents ul.news_list li:nth-child(odd) a{background: #f2f2f2;}
#sub_contents ul.news_list li a .top-info-date { display: block; margin: 0 0 5px; width: 115px; height: 30px; background: #ccc; text-align: center; font-size: 16px; color: #fff; line-height: 30px; }
#sub_contents ul.news_list li a .top-info-date { background: #ef7b1b; }
#sub_contents ul.news_list li p{margin-bottom: 0px;}
#sub_contents ul.news_list li p.n_ttl { font-size: 1rem;margin-bottom:0px;font-weight: bold; }

/* contact
----------------------------------- */
#sub_contents p.con_cen{ border: 1px solid #ddd;text-align:center; padding:40px 50px; font-size:15px; line-height:180%; margin:50px 0px 60px;}
#sub_contents p.con_cen a{ display: inline-block; margin:10px 0px;}
#sub_contents p.con_cen a.cc-tel{font-size: 2.45rem;font-family: 'Josefin Sans', sans-serif;color: #1b51da;}
#sub_contents p.con_cen a.cc-tel small{ font-size:24px;}
#sub_contents p.con_cen span{ display:block;line-height:100%; color: #777; margin-bottom:10px;}
#sub_contents table.defTable01{ padding:15px 40px;margin:0px auto 80px;border-collapse:collapse; font-size:14px; width:100%;box-sizing:border-box;}
#sub_contents table.defTable01 tr{ display:block;border-bottom:1px solid #ddd; padding:10px 0px;}
#sub_contents table.defTable01 tr:first-child{ border-top: 1px solid #ddd;}
#sub_contents table.defTable01 th{ padding:10px 40px 10px 60px;width:31.5%;display:inline-block; box-sizing:border-box; font-weight:bold; font-size: 14px;}
#sub_contents table.defTable01 th span{ background: #ff5c7a; padding: 5px 30px; text-align: center; width: 200px; color: #fff; display: block;}
#sub_contents table.defTable01 td{ padding:10px 0px 10px 0px;display:inline-block;box-sizing:border-box;width:68%;}
#sub_contents table.defTable01 th em.clrred{ font-size:12px;color:#fff;font-style:normal; text-align:center;background:#d30000; padding:1px 5px; display:block; width:50px; float:right;}
#sub_contents table.defTable01 th em.any{ font-size:12px;color:#fff;font-style:normal; text-align:center;background:#333;padding:1px 5px;width:50px; float:right;}
#sub_contents table.defTable01 td.cen{ text-align:center; margin:0 auto; display:block;}
#sub_contents table.defTable01 td.cen input{padding: 10px;color: #000;font-size: 16px;width: 250px;background: #fff;cursor: pointer; border:2px solid #ccc; display:block; text-align:center; margin:0 auto;}
#sub_contents table.defTable01 td.cen input:hover{ background: #000;opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 1.0;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; color:#fff;}
#sub_contents table.defTable01 input {padding: 8px 10px; background: #eee; font-size:13px;border:none;box-sizing:border-box;width:100%;}
#sub_contents table.defTable01 textarea  {padding:8px 10px;background: #eee;font-size:13px; border:none; width:100%;box-sizing: border-box;}
#sub_contents table.defTable01 .bbn {border-bottom: none!important;}
#sub_contents table.defTable01 a.bb01 {color: #efe384;}
#sub_contents table.defTable01 td.tel_area input {width:23%;}
#sub_contents table.defTable01 input[type="checkbox"] { width:4%;}
#sub_contents table.defTable01 input[type="radio"] { width:4%;}
#sub_contents table.defTable01 .privacyBox {padding:0px 20px 30px;width: calc(100% - 0px);height: 300px;overflow-y: scroll;margin-bottom: 20px;background: #fff; font-size:90%; border: 1px solid #ddd; box-sizing: border-box;}
#sub_contents table.defTable01 .privacyBox .sub_ttl {margin:20px 0px 15px 0px; font-size:140%; padding:2px 0px 2px 8px;border-left: 5px solid #1c51db; line-height:100%;}
#sub_contents table.defTable01 .privacyBox p{text-align:left; margin-bottom:10px; font-size:14px;}
#sub_contents table.defTable01 .privacyBox ul.ulbox li{ list-style-type:disc; list-style-position:inside; margin-left:5px;}
#sub_contents table.defTable01 .privacyBox::-webkit-scrollbar {height: 5px;}
#sub_contents table.defTable01 .privacyBox::-webkit-scrollbar-track {background: #eee;}
#sub_contents table.defTable01 .privacyBox::-webkit-scrollbar-thumb {background: #1c51db;}


/* wp-pagenavi
------------------------------*/
#sub_contents .wp-pagenavi {clear: both;text-align:center;margin-top:50px;}
#sub_contents .wp-pagenavi a,.wp-pagenavi span {display: inline-block;color: #000;background-color: #eee;padding: 8px 12px;margin: 0 2px 5px;white-space: nowrap;text-align: center;text-decoration: none;}
#sub_contents .wp-pagenavi span.pages {display: none;}
#sub_contents .wp-pagenavi a:hover{color: #eee;background-color: #1c51db;}
#sub_contents .wp-pagenavi span.current{color: #eee;background-color: #1c51db;font-weight: bold;}

@media screen and (max-width:1080px) {

#sub_visual h2{width:94%;}
#sub_contents .bread_crumb{width:94%;}
#sub_contents section{ width:94%;}
#sub_contents h3 {max-width:94%;}

}

@media screen and (max-width:760px) {

/* main_visual
-------------------------*/
#sub_visual {height:140px;background: url(../images/common/bg_h2.png) no-repeat center center; background-size: cover;}
#sub_visual h2{width:94%; margin:0 auto; font-size: 26px; font-weight: bold; color: #fff;line-height: 120%; padding-top:40px;}
#sub_visual h2 span{display: block; opacity: 0.4; font-size: 30px; font-weight: bold;}
#sub_visual h2 small{font-size: 20px; font-weight: bold;}
#sub_visual h2 b{ color: #f4ce11;font-weight: bold;}

/* Bread_crumb_List
-------------------------*/
#sub_contents .bread_crumb_list{font-size: 12px;background: url(../images/top/bg_recruit.jpg) repeat center center;}
#sub_contents .bread_crumb{text-align:left;padding:10px 0px 10px; width: 94%; margin: 0 auto;}
#sub_contents .bread_crumb li { display:inline;}
#sub_contents .bread_crumb li:after {content : '>>';padding-left:5px;}
#sub_contents .bread_crumb li:last-child:after { content : '';}
#sub_contents .bread_crumb li a {}
#sub_contents .bread_crumb li a:hover{ text-decoration:underline;}
#sub_contents .bread_crumb li.current { font-weight: normal;}

/* sub_contents
-------------------------*/
#sub_contents{font-size: 13px;}
#sub_contents section{ width: 94%; margin: 30px auto 100px;font-size: 13px;}
#sub_contents h3{box-sizing: border-box;margin-bottom: 30px; color: #111; font-size: 21px; text-align: center;letter-spacing:0.01em;position: relative; font-weight: bold;}
#sub_contents h3:before { content: ''; position: absolute; bottom: -10px; display: inline-block; width: 70px; height: 4px; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #1c51db;border-radius: 2px; }
#sub_contents h4{font-size: 17px;margin-bottom:10px;padding:10px 5px 5px 25px;font-weight: bold;position: relative;background: #1c51db;color: #fff;}
#sub_contents h4:before{content: ''; position: absolute; top: 20%; display: inline-block; width: 4px; height: 45px; left:10px; -moz-transform: translateX(5px); -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); background-color: #f4ce11;}
#sub_contents .ulbox{padding:0px 20px 0px 0px;font-size:13px;margin:0px 0px 10px 0px;}
#sub_contents .ulbox li{padding:5px 0px;list-style-type:disc;overflow:visible; list-style-position: inside;}
#sub_contents hr{ border-color:#fff; border-style:solid; border-width:0px; margin:80px 0px 80px; box-shadow: 1px 1px 1px #ccc;clear: both;}
#sub_contents p{ margin-bottom:10px; font-size: 13px;}
#sub_contents .img_right{ float:none; margin-left:0px;width: 100%; display: block; margin-bottom: 10px;}
#sub_contents .img_left{ float:none; margin-right:0px;width: 100%; display: block; margin-bottom: 10px;}
#sub_contents .img_left img{ width: 100%; display: block;}
#sub_contents .img_right img{ width: 100%; display: block;}
#sub_contents p a.btn { display: inline-block; position: relative; padding: 15px 10px; width: 100%; background: #ec6a4a; text-align: center; font-size: 14px; font-weight: bold; color: #fff; line-height: 1; }
#sub_contents p a.btn:after { dosplay: block; content: ""; position: absolute; bottom: 10px; right: 10px; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent #fff transparent; }
.company_img img{
	width: 100%;
}

/* merit
------------------------------*/
#sub_contents .ttl_merit{font-size: 18px; font-weight: bold;position: relative;border-bottom:3px solid #ddd;display: block;padding-bottom: 5px;margin-bottom: 10px;line-height: 160%;}
#sub_contents .ttl_merit::after { position: absolute; bottom: -3px; left: 0; z-index: 2; content: ''; width: 15%; height: 3px; }
#sub_contents .ttl_merit span{padding: 2px 10px;margin-right: 8px; font-weight: bold;color: #fff;font-size: 15px;}

/* faq
------------------------------*/
#sub_contents dl.faq_list{ margin-bottom:15px;}
#sub_contents dl.faq_list dt{ border:1px solid #ddd; padding:10px 17px 5px 10px; font-size:14px; cursor:pointer;background: url(../images/faq/arw01.png) no-repeat 98% 50%; line-height: 140%;font-weight: bold; background-size: 5px;}
#sub_contents dl.faq_list dt:hover{ border:1px solid #1c51db;background: url(../images/faq/arw02.png) no-repeat 98% 50% #1c51db; color:#fff; transition: 1.0s;background-size: 5px;}
#sub_contents dl.faq_list dt:hover span{ color:#fff;}
#sub_contents dl.faq_list dt span{ font-size:20px; color:#1373bb;font-family: 'Josefin Sans', sans-serif;margin-right:5px;font-weight: bold;}
#sub_contents dl.faq_list dd span{ font-size:20px; color:#ec6a4a;font-family: 'Josefin Sans', sans-serif;margin-right:5px;font-weight: bold;}
#sub_contents dl.faq_list dd{width:100%;display:none; padding:10px 17px 5px 10px;font-size:13px;line-height: 140%;}
#sub_contents dl.faq_list dt.active{background: url(../images/faq/arw03.png) no-repeat 98% 50% #1c51db; color:#fff; border:1px solid #1c51db; color:#fff; background-size: 5px;}
#sub_contents dl.faq_list dt.active span{ color:#fff; color:#fff; }
#sub_contents dl.faq_list dt.active:hover{border:1px solid #1c51db; color:#fff; }

/* recruit
----------------------------------- */
#sub_contents p.txt_rexruit{ text-align: center; margin-bottom: 30px;line-height: 170%; font-size: 14px;}
#sub_contents p.txt_rexruit b{ display: block; font-size: 18px; font-weight: bold;line-height: 140%; margin-bottom: 10px;}

/* company
-------------------------*/
#sub_contents table.tbl_company{ width:100%;}
#sub_contents table.tbl_company th{ border:none; padding:10px 10px 10px 10px; background:#1b51da; color: #fff; vertical-align: middle;width:100%; display: block;}
#sub_contents table.tbl_company td{border-top:none;border-bottom:none;width:100%; display: block; padding:10px 10px 10px 10px; background:#fff;}
#sub_contents table.tbl_company tr:last-child td{border-bottom:1px solid #ddd;}
#sub_contents iframe{height: 320px;}

/* works
-------------------------*/
#sub_contents ul.works_list li { margin: 0 0% 2% 0; width: 48.5%;font-size: 13px; float: left;}
#sub_contents ul.works_list li:nth-of-type(4n) { margin-right: 0; float: right;}
#sub_contents ul.works_list li:nth-of-type(2n) { margin-right: 0; float: right;}
#sub_contents ul.works_list li figure { position: relative; margin: 0 0 5px; }
#sub_contents ul.works_list li figure img{width: 100%; display: block;}
#sub_contents ul.works_list figcaption { position: absolute; bottom: 0; left: 0; width: 100%; }
#sub_contents ul.works_list .top-works-date { display: block; padding: 5px 10px; background: rgba(27,81,218,0.6); font-size: 13px; color: #fff; line-heihgt: 1; }
#sub_contents ul.works_list p.w_ttl { margin: 0 0 0px; font-size: 15px; font-weight: bold; }

/* event
-------------------------*/
#sub_contents ul.news_list li a .top-info-date.event{ background: #fed500; }

/* news
-------------------------*/
#sub_contents ul.news_list li a{font-size: 13px; display:block;padding: 10px 15px; }
#sub_contents ul.news_list li:nth-child(odd) a{background: #f2f2f2;}
#sub_contents ul.news_list li a .top-info-date { display: block; margin: 0 0 5px; width:90px; height: 25px; background: #ccc; text-align: center; font-size: 13px; color: #fff; line-height: 25px; }
#sub_contents ul.news_list li a .top-info-date { background: #78c220; }
#sub_contents ul.news_list li p{margin-bottom: 0px; font-size: 13px;}
#sub_contents ul.news_list li p.n_ttl { font-size: 14px;margin-bottom:0px;font-weight: bold; }

/* contact
----------------------------------- */
#sub_contents p.con_cen{ border: 1px solid #ddd;text-align:center; padding:20px 20px; font-size:13px; line-height:160%; margin:30px 0px 30px;}
#sub_contents p.con_cen a{ display: inline-block; margin:10px 0px;}
#sub_contents p.con_cen a.cc-tel{font-size: 24px;font-family: 'Josefin Sans', sans-serif;color: #1b51da;}
#sub_contents p.con_cen a.cc-tel small{ font-size:20px;}
#sub_contents p.con_cen span{ display:block;line-height:100%; color: #777; margin-bottom:5px;}
#sub_contents table.defTable01{ padding:0px 0px;margin:0px auto 40px;border-collapse:collapse; font-size:13px; width:100%;box-sizing:border-box;}
#sub_contents table.defTable01 tr{ display:block;border-bottom:none; padding:0px 0px;}
#sub_contents table.defTable01 tr:first-child{ border-top:none;}
#sub_contents table.defTable01 th{ padding:10px 0px 10px 0px;width:100%;display:block; box-sizing:border-box; font-weight:bold; font-size: 14px;border-top:1px solid #ddd;border-bottom:1px solid #ddd; text-align: left;}
#sub_contents table.defTable01 th span{ background: #ff5c7a; padding: 5px 30px; text-align: center; width: 170px; color: #fff; display: block;}
#sub_contents table.defTable01 td{ padding:10px 0px 10px 0px;display:block;box-sizing:border-box;width:100%;}
#sub_contents table.defTable01 th em.clrred{ font-size:12px;color:#fff;font-style:normal; text-align:center;background:#d30000; padding:1px 5px; display:block; width:50px; float:right;}
#sub_contents table.defTable01 th em.any{ font-size:12px;color:#fff;font-style:normal; text-align:center;background:#333;padding:1px 5px;width:50px; float:right;}
#sub_contents table.defTable01 td.cen{ text-align:center; margin:0 auto; display:block;}
#sub_contents table.defTable01 td.cen input{padding: 10px;color: #000;font-size: 13px;width: 100%;background: #fff;cursor: pointer; border:1px solid #ccc; display:block; text-align:center; margin:0 auto;}
#sub_contents table.defTable01 td.cen input:hover{ background: #000;opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 1.0;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; color:#fff;}
#sub_contents table.defTable01 input {padding: 8px 10px; background: #eee; font-size:13px;border:none;box-sizing:border-box;width:100%;}
#sub_contents table.defTable01 textarea  {padding:8px 10px;background: #eee;font-size:13px; border:none; width:100%;box-sizing: border-box;}
#sub_contents table.defTable01 .bbn {border-bottom: none!important;}
#sub_contents table.defTable01 a.bb01 {color: #efe384;}
#sub_contents table.defTable01 td.tel_area input {width:23%;}
#sub_contents table.defTable01 input[type="checkbox"] { width:4%;}
#sub_contents table.defTable01 input[type="radio"] { width:4%;}
#sub_contents table.defTable01 .privacyBox {padding:0px 15px 30px;width: calc(100% - 0px);height: 300px;overflow-y: scroll;margin-bottom: 20px;background: #fff; font-size:90%; border: 1px solid #ddd; box-sizing: border-box;}
#sub_contents table.defTable01 .privacyBox .sub_ttl {margin:20px 0px 15px 0px; font-size:140%; padding:2px 0px 2px 5px;border-left: 5px solid #1c51db; line-height:100%;}
#sub_contents table.defTable01 .privacyBox p{text-align:left; margin-bottom:10px; font-size:13px;}
#sub_contents table.defTable01 .privacyBox ul.ulbox li{ list-style-type:disc; list-style-position:inside; margin-left:5px;}
#sub_contents table.defTable01 .privacyBox::-webkit-scrollbar {height: 5px;}
#sub_contents table.defTable01 .privacyBox::-webkit-scrollbar-track {background: #eee;}
#sub_contents table.defTable01 .privacyBox::-webkit-scrollbar-thumb {background: #1c51db;}


/* wp-pagenavi
------------------------------*/
#sub_contents .wp-pagenavi {clear: both;text-align:center;margin-top:30px;}
#sub_contents .wp-pagenavi a,.wp-pagenavi span {display: inline-block;color: #000;background-color: #eee;padding: 5px 8px;margin: 0 2px 5px;white-space: nowrap;text-align: center;text-decoration: none;}
#sub_contents .wp-pagenavi span.pages {display: none;}
#sub_contents .wp-pagenavi a:hover{color: #eee;background-color: #1c51db;}
#sub_contents .wp-pagenavi span.current{color: #eee;background-color: #1c51db;font-weight: bold;}

}


/*
トップページ動画
__________________________*/
.mil-embed-NUozph{
position:relative;width:80%;height:0;padding-bottom:56.25%;margin:0 auto;}
@media screen and (max-width: 1023px){
.mil-embed-NUozph{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0 auto;}
}

.top-video{
padding-top: 85px;
}

@media screen and (max-width: 767px){
.top-video{
padding: 40px 0 40px;
}
}

@media screen and (max-width: 767px){
.top-video2{
padding: 40px 0 40px;
}
}

.video-bottom {
margin-bottom: 0px;
}