@charset "utf-8";


/* front-page =============================================================
	
	Header slider
	Guide
	Recruit
	Access
	News
	
======================================================================== */


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

	Header slider
	
======================================================================== */
	
	.bx-wrapper {
		margin-bottom: 0 !important;
		}
	
	/* ---- page dots ---- */
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		bottom: 10px !important;
		}
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: #FFF !important;
		margin: 0 7px !important;
		border: solid 1px #4B73A1;
		}
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #4B73A1 !important;
		}
	@media screen and (max-width: 768px) {
		/*SP*/
		.l-contents {
			position: relative;
			top: 50px;/*固定ヘッダ分の高さ*/
			}
		.bx-wrapper .bx-pager {
			bottom: 0px !important;
			}
	}
	
	/* ---- previous/next buttons ---- */
	.bx-wrapper .bx-prev {
		left: 10px;
		background: url(../img/common/controls.png) no-repeat 0 -40px !important;
		}
	.bx-wrapper .bx-next {
		right: 10px;
		background: url(../img/common/controls.png) no-repeat -43px -40px !important;
		}
	.bx-wrapper .bx-prev:hover,
	.bx-wrapper .bx-next:hover {
		opacity: 0.6;
		}
	.bx-wrapper .bx-controls-direction a {
		width: 32px !important;
		height: 40px !important;
		z-index: inherit !important;
		}
	@media screen and (max-width: 768px) {
		/*SP*/
		.bx-wrapper .bx-prev,
		.bx-wrapper .bx-next {
			margin-top: -4rem !important;
			}
		.p-hero-textarea {
			text-align: center;
			}
		.p-hero-tit {
			padding-top: 2rem;
			font-size: 130%;
			}
		.p-hero-text {
			padding-top: 1.2rem;
			}
	}
	@media screen and (max-width: 320px) {
		.p-hero-text {
			font-size: 94%;
			}
	}



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

	guide
	
======================================================================== */
	
		.p-guide-image,
		.p-guide-text {
			text-align: center;
			}
	@media print, screen and (min-width: 1181px) {
		/*TB,PC*/
		.p-guide+.p-guide {
			margin-top: 5.0rem;
			}
		.p-guide {
			display: flex;
			justify-content: space-between;
			align-items: center;
			}
		.p-guide--td {
			width: 50%;
			box-sizing: border-box;
			vertical-align: middle;
			}
		.p-guide-text {
			padding: 0 40px;
			font-size: 13px;
			margin-top: -30px;
			}
		.p-more {
			margin-top: 30px;
			}
			
		.p-guide.company {
			background-image: url(../img/top/bg_lineL.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			}
		.p-guide.company .p-guide-image {
			order: 2;
			}
		.p-guide.company .p-guide-text {
			order: 1;
			}
		.p-guide.business {
			background-image: url(../img/top/bg_lineR.png);
			background-repeat: no-repeat;
			background-position: right bottom;
			}
		}
	@media screen and (max-width: 1180px) {
		/*SP*/
		.p-guide+.p-guide {
			margin-top: 5rem;
			}
		.p-guide-image {
			margin-bottom: 1.6rem;
			}
		.p-more {
			margin-top: 1.4rem;
			}
	}



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

	採用情報
	recruit
	
======================================================================== */

		.l-recruit {
			background-image: url(../img/top/bg_recruit.jpg);
			background-repeat: no-repeat;
			box-sizing: border-box;
			}
		.p-recruit-box {
			text-align: center;
			box-sizing: border-box;
			background-color: rgba(255,255,255,0.7);
			}
		.p-recruitTitle {
			color: #1F2E40;
			letter-spacing: .4rem;
			display: block;
			margin-bottom: 1.6rem;
			}
		.p-recruitTitle span {
			padding-bottom: .8rem;
			box-shadow: 0 -1px 0 #FFF inset;
			}
		.p-recruitTitle-discription {
			color: #1F2E40;
			font-size: 110%;
			font-weight: normal;
			}
	@media print, screen and (min-width: 769px) {
		/*TB,PC*/
		.l-recruit {
			height: 350px;
			padding-top: 40px;
			}
		.p-recruit-box {
			margin: 0 auto;
			padding: 40px 0;
			box-shadow: 2px 2px 4px;
			}
		.p-recruitTitle {
			font-size: 40px;
			font-weight: normal;
			}
		.p-recruitTitle-discription {
			margin-bottom: 30px;
			}
	}
	@media screen and (max-width: 768px) {
		/*SP*/
		.l-recruit {
			background-size: cover;
			background-position: center center;
			padding: 1.6rem 0;
			}
		.p-recruit-box {
			padding: 2.0rem;
			box-shadow: 1px 1px 6px;
			}
		.p-recruitTitle {
			font-size: 160%;
			}
	}
	
	
	
/* =====================================================================

	アクセスマップ
	l-accessmap
	
======================================================================== */
		
		.p-gmapWrapper {
			position: relative;
			padding-bottom: 40%;
			height: 0;
			overflow: hidden;
			}
		.p-gmapWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
			}

	@media screen and (max-width: 768px) {
		/*SP*/
		.p-gmapWrapper {
			padding-bottom: 60%;
			}
	}




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

	更新情報
	news
	
======================================================================== */

		.p-entries {
			border-bottom: dotted 1px #CCCCCC;
			}
		.c-date {
			color: #003366;
			font-weight: bold;
			}
	@media print, screen and (min-width: 769px) {
		/*TB,PC*/
		.p-news-inner {
			margin-bottom: 5rem;
			}
		.p-entries {
			padding: 1.4rem 0;
			}		
		.c-date {
			float: left;
			width: 130px;
			}
		.c-subject {
			overflow: hidden;
			}
	}
	@media screen and (max-width: 768px) {
		/*SP*/
		.l-news {
			padding-bottom: 5rem;
			}
		.p-news-inner {
			margin-bottom: 4rem;
			}
		.p-entries {
			padding: 0.8rem 0;
			}		
	}