@charset "utf-8";

/* common */

body{
	color:#2f2b27;
	padding-top:50px;
}

a{
	color:#2f2b27;
}

a:hover{
	color:#2f2b27;
	opacity: 0.7;
}

.btn{
	font-weight:500;
	padding:1rem 2rem;
	line-height:1;
	border-radius:1px;
	width:250px;
}

.btn-skelton{
	background:transparent;
	border:1px solid #fff;
	color:#fff;
}

.btn-skelton:hover{
	color:#fff;
}

.btn-blue{
	background:#0033cc;
	border:1px solid #0033cc;
	color:#fff;
}

.btn-blue:hover{
	color:#fff;
}

.textRed{
	color:#c93a40;
}

.headline01{
	font-size:2.5rem;
	font-weight:700;
	color:#0033cc;
	margin-bottom:50px;
}

.headline01 span{
	display:block;
	font-size:1rem;
	font-weight:500;
}

.headline02{
	font-size:2.5rem;
	font-weight:700;
	margin-bottom:50px;
}

.headline02 span{
	display:block;
	font-size:1rem;
	font-weight:500;
}

.headline03{
	width:100%;
	background:#0033cc;
	line-height:1;
	font-size:1.5rem;
	color:#fff;
	padding:1rem;
	margin-bottom:25px;
}

/* form */

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #8798b0;
}

input[type=submit]{
	display:inline-block;
	background:#0033cc;
	border:1px solid #0033cc;
	
	font-weight:500;
	padding:1rem 2rem;
	line-height:1;
	border-radius:1px;
	width:250px;
}

input[type=submit]:hover{
	background:#0033cc;
	opacity: 0.7;
}

.mw_wp_form .form-group{
	margin-bottom:25px;
}

.mw_wp_form .btn-wrap{
	text-align:center;
	
}

/* header*/

header.navbar{
	background:#2f2b27;
	height:50px;
}

header .navbar-brand{
	width:250px;
	background:#fff;
	padding:0.5rem 1rem;
	margin:0;
}

header .navbar-collapse .navbar-nav .nav-item .nav-link{
	color:#fff;
	font-size:0.75rem;
	font-weight:500;
	line-height:1;
	letter-spacing: 0;
	height:50px;
	display:flex;
	align-items:center;
	padding-left:1rem;
	padding-right:1rem;
}

header .navbar-collapse .navbar-nav .nav-item .nav-link:hover{
	background:#8798b0;
}

header .navbar-collapse .navbar-nav .nav-item .nav-link p{
	margin:0;
	padding:0;
}

header .navbar-collapse .navbar-nav .nav-item.nav-item-tel .nav-link{
	background:#8798b0;
	font-weight:700;
	color:#2f2b27;
}

header .navbar-collapse .navbar-nav .nav-item.nav-item-tel .nav-link{
	font-size:1rem;
}

header .navbar-collapse .navbar-nav .nav-item.nav-item-tel .nav-link .uketsuke{
	display:block;
	font-size:0.6rem;
	font-weight:500;
	
}

header .navbar-collapse .navbar-nav .nav-item.nav-item-entry .nav-link{
	background:#0033cc;
	font-size:1rem;
	font-weight:700;
	padding-left:3rem;
	padding-right:3rem;
}

/* footer */

footer {
	padding-top:0;
	padding-bottom: 0;
}

footer .footer-logo{
	background:#0033cc;
	padding:30px 0;
	text-align:center;
}

footer .footer-logo .logo{
	display:inline-block;
	width:200px;
}

footer .footer-menu{
	background:#8798b0;
	padding:15px 0;
	text-align:center;
}

footer .footer-menu ul{
	display:inline-block;
}

footer .footer-menu ul .list-inline-item{
	padding:0 1rem;
	font-size:0.8rem;
}

footer .footer-company{
	background:#2f2b27;
	padding:30px 0;
	color:#fff;
}

footer .footer-company .fc-box h6{
	font-size:1.5rem;
	font-weight:700;
}

footer .footer-company .fc-box p{
	font-size:0.8rem;
	margin-bottom:0;
}

footer .footer-company .fc-box .fc-tel{
	font-size:1.75rem;
	font-weight:700;
}

footer .footer-company .fc-box .fc-tel a{
	color:#fff;
}

footer .footer-company .fc-box .btn{
	width:80%;
	margin:1rem auto 0;
}

footer .footer-company .fc-box .btn-blue{
	margin:0 auto 1rem;
	font-weight:700;
}

footer .footer-company .fc-box .btn-blue:last-child{
	margin:0 auto;
}

footer .footer-copyright{
	background:#333;
	padding:15px 0;
	color:#fff;
	font-size:0.8rem;
}

footer .footer-copyright a{
	color:#fff;
}

footer .footer-copyright p{
	margin:0;
}

/* home */

.home-content{
	padding:50px 0 100px;
}

.home-content h3{
	font-size:1.5rem;
	color:#0033cc;
	font-weight:700;
	margin-bottom:25px;
}

.home-content h4{
	font-size:1.25rem;
	font-weight:700;
	margin-bottom:25px;
}

.home-content h4 span{
	font-size:0.9rem;
	display:inline-block;
	margin-right:1rem;
}

.home-content .btn-wrap{
	padding:75px 0 0;
}

.home-content .btn-wrap .btn{
	margin:0 15px;
}

.hc01{
	padding:0 0 50px;
}

.hc02 p{
	margin:50px 0 0;
}

.hc03-box-child{
	background:#fff;
	width:90%;
	margin:-30px auto 0;
	position:relative;
	z-index:2;
	padding:25px;
}

.hc04{
	background:linear-gradient(180deg,#e6f0fa 0%,#e6f0fa 75%,#fff 75%,#fff 100%);
}

.hc04-box{
	padding:0 0 0 25px;
}

.hc05{
	background:linear-gradient(180deg,#f2f3f4 0%,#f2f3f4 75%,#fff 75%,#fff 100%);
}

.hc05-box{
	padding:0 25px 0 0;
}

.hc04-box p,
.hc05-box p{
	margin-bottom:25px;
}

.hc06 ul li{
	position:relative;
	border-bottom:1px solid #cecece;
	padding:15px 25px;
	margin-bottom:10px;
	color:#0033cc;
}

.hc06 ul li a{
	margin-left:60px;
	font-weight:700;
}

.hc06 ul li::before{
	position:absolute;
	bottom:-2px;
	left:0;
	content:"";
	width:9rem;
	height:3px;
	background:#0033cc;
}

.hc06 ul li::after{
	position:absolute;
	top:50%;
	transform: translateY( -50%);
	right:25px;
	font-family: "Font Awesome 5 Free";
	content:"\f105";
	font-weight:900;
	color:#2f2b27;
}

.hc07-catch{
	margin-bottom:50px;
}

/* page */

.page-content{
	padding:50px 0 100px;
}

.page-content.pcmv{
	padding:0 0 50px;
}

.page-content.catch h3{
	font-size:1.5rem;
	font-weight:700;
	margin-bottom:50px;
}

.page-content.catch p{
	margin-bottom:0;
}

.page-content .btn-wrap{
	text-align:center;
}

.page-content .btn-wrap .btn{
	margin-bottom:50px;
}

.shitsumon-contact {
	padding:50px;
	border-top:5px solid #0033cc;
}

.shitsumon-contact  h6{
	font-size:1.75rem;
	color:#0033cc;
	font-weight:700;
	margin-bottom:25px;
}

.shitsumon-contact  p{
	margin-bottom:25px;
}

/*interview */

.interview h2{
	font-size:1.75rem;
	color:#0033cc;
	font-weight:700;
	margin-bottom:25px;
}

.interview h5{
	font-size:1.25rem;
	font-weight:700;
	margin-bottom:25px;
}

.interview h5 span{
	font-size:0.9rem;
	display:inline-block;
	margin-right:1rem;
}

.iv01{
	background:linear-gradient(180deg,#e6f0fa 0%,#e6f0fa 40%,#fff 40%,#fff 100%);
}

.iv02{
	background:linear-gradient(180deg,#f2f3f4 0%,#f2f3f4 40%,#fff 40%,#fff 100%);
}

.iv-box{
	margin-bottom:25px;
}

.iv-box h3{
	font-size:1.25rem;
	font-weight:700;
	margin-bottom:25px;
}

/* works */

.wk01 .col{
	padding-left:0;
	padding-right:0;
}

.wk-box p{
	font-weight:700;
	margin-bottom:25px;
}

.wk-box h4{
	background:#f2f3f4;
	font-size:1.25rem;
	font-weight:700;
	line-height:1;
	padding:1rem;
	margin-bottom:15px;
}

.wk-box-child{
	margin-bottom:5px;
}

.wk-box-child h5{
	font-weight:700;
	font-size:1rem;
	line-height:1;
	margin-bottom:5px;
}

.wk-box-child h5 i{
	color:#0033cc;
	margin-right:0.5rem;
}

.wk-box-child p{
	font-weight:500;
	font-size:0.9rem;
}

.wk05{
	background:linear-gradient(180deg,#e6f0fa 0%,#e6f0fa 50%,#fff 50%,#fff 100%);
}

.wk05 img{
	margin-bottom:50px;
}

.wk05 h3{
	font-size:1.5rem;
	font-weight:700;
	margin-bottom: 50px;
}

.wk05 p{
	margin-bottom:0;
}

/* message */

.ms01 img{
	margin-bottom:25px;
}

.ms02 .col{
	padding-left:0;
	padding-right:0;
}

.ms03,
.ms05{
	background:linear-gradient(180deg,#f2f3f4 0%,#f2f3f4 70%,#fff 70%,#fff 100%);
}

.ms04,
.ms06{
	background:linear-gradient(180deg,#e6f0fa 0%,#e6f0fa 70%,#fff 70%,#fff 100%);
}


/* comapny */

.cp01 table{
	width:100%;
}

.cp01 table th,
.cp01 table td{
	padding:25px;
}

.cp01 table th{
	color:#0033cc;
	border-top:2px solid #0033cc;
	border-bottom:2px solid #0033cc;
}

.cp01 table td{
	border-top:2px solid #cecece;
	border-bottom:2px solid #cecece;
}

.cp-box{
	margin-bottom:50px;
}

.cp-box:last-child{
	margin-bottom:0;
}

.cp-box p{
	font-weight:700;
}

.cp-box01 .headline03{
	background:#456899;
}

.cp-box02 .headline03{
	background:#8798b0;
}

.cp-box03 .headline03{
	background:#9ba3c7;
}

.cp-box02 p span{
	color:#0033cc;
}

.cp-box03 p span{
	display:block;
	font-size:0.9rem;
	font-weight:500;
}

.ac-box h4{
	font-weight:700;
	line-height:1;
	margin-bottom:25px;
}

.ac-box h4 i{
	color:#0033cc;
	margin-right:0.5rem;
}

/* faq */

.faq-box{
	margin-bottom:50px;
}

.faq-box:last-child{
	margin-bottom:0;
}

.faq-box .faq-box-row{
	display:flex;
}

.faq-box .faq-box-row .icon{
	width:80px;
	height:80px;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid #0033cc;
}

.faq-box .faq-box-row .icon span{
	font-size:2rem;
	font-weight:300;
}

.faq-box .faq-box-row.question .icon{
	color:#0033cc;
}

.faq-box .faq-box-row.answer .icon{
	background:#0033cc;
	color:#fff;
}

.faq-box .faq-box-row .txt{
	width:815px;
	min-height:80px;
	height:auto;
	padding:0 25px;
}

.faq-box .faq-box-row .txt p{
	margin-bottom:0;
}

.faq-box .faq-box-row.question .txt{
	display:flex;
	align-items:center;
}

.faq-box .faq-box-row.answer .txt{
	background:#f2f3f4;
	padding:15px 25px;
}

/* privacy */

.pp-box{
	margin-bottom:50px;
}

.pp-box:last-child{
	margin-bottom:0;
}

.pp-box h2{
	font-size:1rem;
	font-weight:700;
	margin-bottom:5px;
}

.pp-box p{
	margin-bottom:0;
}

.pp-box ul{
	list-style:disc;
	padding-left:25px;
}

/* contact entry */

.contact .textRed{
	margin-bottom:50px !important;
}

/* news-archive */

.pagination {
	margin-top: 50px;
	display:flex;
	justify-content:center;
}

/* news */

.news-header{
	border-bottom:1px solid #f2f3f4;
	margin-bottom:25px;
}

.news-header p{
	color:#0033cc;
	margin-bottom:15px;
}

.news-header h1{
	font-size:2rem;
	margin-bottom:15px;
}

.news-main{
	margin-bottom:25px;
}

.news-footer{
	border-top:1px solid #f2f3f4;
	padding-top:50px;
	display:flex;
	justify-content: space-between;
}

.news-footer a i{
	margin:0 0.5rem;
}

/* recruit-archive */

.ra01{
	background:linear-gradient(180deg,#e6f0fa 0%,#e6f0fa 70%,#fff 70%,#fff 100%);
}

.ra01 h2{
	font-size: 1.75rem;
	color: #0033cc;
	font-weight: 700;
	margin-bottom: 25px;
}

.ra-box{
	border-bottom:2px solid #cecece;
	padding-bottom:50px;
	margin-bottom:50px;
}

.ra-box h4{
	font-size: 1.75rem;
	color: #0033cc;
	margin-bottom: 25px;
}

.ra-box img{
	margin-bottom: 25px;
}

.ra-box .btn{
	width:100%;
}

.recruit-tag{
	margin-bottom: 15px;
}

.recruit-tag li{
	padding:0.25rem 1.5rem;
	font-size:0.8rem;
}

.recruit-tag li.employment_status{
	border:1px solid #2f2b27;
}

.recruit-tag li.job_category{
	border:1px solid #8798b0;
	background:#8798b0;
	color:#fff;
}

.recruit-table{
	width:100%;
}

.recruit-table th,
.recruit-table td{
	padding:15px;
}

.recruit-table th{
	width:10rem;
	color:#0033cc;
	border-top:1px solid #0033cc;
	border-bottom:1px solid #0033cc;
}

.recruit-table th i{
	margin-right:0.5rem;
}

.recruit-table td{
	border-top:1px solid #cecece;
	border-bottom:1px solid #cecece;
}

/* recruit */

.rs-box .headline03{
	margin-bottom:50px;
}

.rs-box .comment{
	font-size:1.25rem;
	font-weight:700;
	margin-bottom:50px;
}

.rs-box .comment span{
	display:block;
	font-size:1rem;
	font-weight:500;
}

.rs-box img{
	margin-bottom:50px;
}

.rs-box .recruit-table th{
	width:25%;
}

.rs02 .pic{
	border:3px solid #0033cc;
	padding:25px 50px;
}

.rs02 .pic h5{
	color:#0033cc;
	font-size:1.5rem;
	font-weight:700;
	margin-bottom:25px;
	
	position: relative;
	display: inline-block;
	padding: 0 100px;
}

.rs02 .pic h5:before,
.rs02 .pic h5:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width:90px;
	height: 2px;
	background-color: #0033cc;
}

.rs02 .pic h5:before {
	left:0;
}

.rs02 .pic h5:after {
	right: 0;
}

.rs02 .pic p{
	margin-bottom:15px;
}

.rs02 .pic .name{
	margin-top:10px;
	margin-bottom:0;
	font-weight:700;
}

@media (max-width: 768px) {
	
	/* common */
	
	body{
		padding-top:0;
	}
	
	main {
		margin: 0 auto 100px;
	}
	
	.container{
		padding-right: 0;
		padding-left: 0;
	}
	
	/* header */
	
	header.navbar.fixed-top {
		position: relative;
	}
	
	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	
	.offcanvas-collapse{
		top:50px;
		background:#2f2b27;
	}
	
	header .navbar-collapse .navbar-nav .nav-item.nav-item-entry .nav-link{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	/* footer */
	
	.fc-box{
		margin:25px auto;
	}
	
	footer .footer-company .fc-box .btn{
		width:100%;
	}
	
	.ffm{
		position:fixed;
		left:0;
		bottom:0;
		z-index:999;
	}
	
	.ffm > div > div{
		padding-left:0;
		padding-right:0;
	}
	
	.ffm h6{
		width:100%;
		background:#2F2B26;
		color:#fff;
		font-size:1rem;
		font-weight:700;
		text-align:center;
		padding:5px;
		margin-bottom:0;
	}
	
	.ffm a{
		display:block;
		width:100%;
		background:#0032CC;
		padding:15px 5px;
		text-align:center;
		color:#fff;
		font-size:0.9rem;
		border:1px dashed #fff;
	}
	
	.ffm a i{
		display:block;
		font-size:1.25rem;
		margin-bottom:5px;
	}
	
	/* home */
	
	.home-content {
		padding: 25px 0 75px;
	}
	
	.home-content .btn-wrap{
		padding:25px 0 0;
	}
	
	.hc01 {
		padding: 0 0 50px;
	}
	
	.hc02 img{
		margin-bottom:25px;
	}
	
	.hc02 p{
		margin:0;
	}
	
	.hc03-box{
		margin-bottom:50px;
	}
	
	.hc03-box:last-child{
		margin-bottom:25px;
	}
	
	.hc03-box-child{
		width:95%;
		margin:-50px auto 0;
	}
	
	.hc03 .btn-wrap .btn{
		margin-bottom:15px;
	}
	
	.hc04 {
		background: linear-gradient(180deg,#e6f0fa 0%,#e6f0fa 40%,#fff 40%,#fff 100%);
	}
	
	.hc05 {
		background: linear-gradient(180deg,#f2f3f4 0%,#f2f3f4 40%,#fff 40%,#fff 100%);
	}
	
	.hc04 img,
	.hc05 img{
		margin-bottom:25px;
	}
	
	.hc04-box,
	.hc05-box{
		padding: 0;
	}
	
	.hc04-box .btn,
	.hc05-box .btn{
		display:block;
		margin:0 auto;
	}
	
	.hc06 ul li{
		font-size:0.8rem;
	}
	
	.hc06 ul li::before{
		width:6.5rem;
	}
	
	/*  page */
	
	.page-content {
		padding: 25px 0 75px;
	}
	
	.page-content .btn-wrap .btn {
		margin-bottom: 15px;
	}
	
	.shitsumon-contact {
		padding: 25px 15px;
	}
	
	.shitsumon-contact h6{
		font-size: 1.5rem
	}
	
	/* interview */
	
	.interview h2 {
		font-size: 1.5rem;
	}
	
	.iv01 {
		background: linear-gradient(180deg,#e6f0fa 0%,#e6f0fa 25%,#fff 25%,#fff 100%);
	}
	
	.iv02 {
		 background: linear-gradient(180deg,#f2f3f4 0%,#f2f3f4 25%,#fff 25%,#fff 100%);
	}
	
	.iv01 img,
	.iv02 img{
		margin-bottom:25px;
	}
	
	/* message */
	
	.ms01 p{
		margin-bottom:50px;
	}
	
	.ms03, .ms05 {
		background: linear-gradient(180deg,#f2f3f4 0%,#f2f3f4 45%,#fff 45%,#fff 100%);
	}
	
	.ms04, .ms06 {
		background: linear-gradient(180deg,#e6f0fa 0%,#e6f0fa 40%,#fff 40%,#fff 100%);
	}
	
	.ms03 img,
	.ms04 img,
	.ms05 img,
	.ms06 img{
		margin-bottom:25px;
	}
	
	/* company */
	
	.cp01 table th,
	.cp01 table td{
		display:block;
		width:100%;
		padding:10px;
	}
	
	.cp01 table th{
		border-bottom:0;
	}
	
	.cp01 table td{
		border-bottom:0;
	}
	
	/* faq */
	
	.faq-box .faq-box-row {
		flex-wrap:wrap;
	}
	
	.faq-box .faq-box-row .icon {
		width: 30px;
		height: 30px;
	}
	
	.faq-box .faq-box-row .icon span{
		font-size:1rem;
	}
	
	.faq-box .faq-box-row.question .txt{
		width:100%;
		min-height:auto;
		height:auto;
		margin-bottom:25px;
		padding:15px;
	}
	
	/* news */
	
	.news-header h1 {
		font-size: 1.5rem;
	}
	
	/* recruit-archive */
	
	.ra01 {
		background: linear-gradient(180deg,#e6f0fa 0%,#e6f0fa 45%,#fff 45%,#fff 100%);
	}
	
	.ra01 img{
		margin-bottom:25px;
	}
	
	.ra01 h2 {
		font-size: 1.5rem;
	}
	
	.ra02 > div > div > .col-12{
		padding-left:0;
		padding-right:0;
	}
	
	.ra-box h4 {
		font-size: 1.5rem;
	}
	
	.ra-box .btn{
		margin-bottom:25px;
	}
	
	.recruit-table{
		font-size:14px;
	}
	
	.recruit-table th{
		width:9rem;
	}
	
	/* recruit */
	
	.rs01 > div > div > .col-12{
		padding-left:0;
		padding-right:0;
	}
	
	.rs-box .recruit-table th {
		width: 35%;
	}
	
	.rs02 img{
		margin-bottom:25px;
	}
	
	.rs02 .pic{
		padding:25px 15px;
	}
	
	.rs02 .pic h5{
		width:100%;
		padding: 0 110px;
	}
	
	.rs02 .pic h5:before, .rs02 .pic h5:after {
		width: 100px;
	}
	
	
	
	
	
	
}