@charset "UTF-8";

/*--------------------------------------------------------
解像度980px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 980px){









}/*解像度980px以下*/

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){











}/*解像度736px以下*/

/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 480px){

body{
	padding-top: 44px;
	min-width: auto;
}

#top-menu ul{
	display: none;
}

.top-mv-in{
	height: 100%;
	padding-bottom: 0;
}

#top-menu{
	display: none;
}

#top-block2 .top-product-box p{
	padding: 0 20px;
}

.top-recruit-box{
	width: 50%;
	margin: 0 0 30px;
	padding: 0 20px;
}

.top-recruit-wrap {
    padding: 10px 20px;
}

#top-block2 .top-product-box p{
	height: 5em;
}

#top-block3 .pride-box p{
	height: 14em;
}

.br{
	display: unset;
}

#top-block1 p{
	padding: 20px 20px 0;
}

.top-recruit-in{
	height: 340px;
}

#top-temp{
	padding-top: 40px;
}

.top-mv-in{
	border: 0;
}

.sp-head{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	z-index: 9999;
}

.top-head-logo{
	display: none;
}

.head-logo {
    width: 110px;
    margin: 8px 16px;
}

.under-head {
    height: 80px;
    background-size: cover;
}

.site-header {
	border-bottom: 2px solid #005cab;
}

#hamburger {
    background-color: #004898;
    z-index: 4;
    border: 0;
    cursor: pointer;
    display: block;
    height: 44px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#hamburger span.hb1, #hamburger span.hb2, #hamburger span.hb3 {
    display: block;
    background-color: #fff;
    height: 2px;
    margin-top: -1px;
    top: 50%;
}

#hamburger span {
    content: '';
    left: 50%;
    margin-left: -11px;
    position: absolute;
    width: 22px;
    transition: 0.2s;
}

#hamburger span.hb1 {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
}

#hamburger span.hb3 {
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
}

#hamburger span.hb4 {
    background: url(./images/common/btn-hamburger.png) no-repeat 50% 0;
    background-size: 21px 6px;
    display: block;
    height: 6px;
    top: 34px;
}


	/*グローバルナビ*/
	.global-nav{
		position: absolute;
		top: 44px;
		width: 100%;
		margin: 0;
		border: 0;
		height: 100vh;
		padding-bottom: 44px;
		background: #005ca0;
		display: none;
	}

	.global-nav-in li a{
		font-size: 12px;
	}

	.global-nav ul{
		display: block;
		z-index: 50;
		width: 100%;
		border: 0;
		background: #005ca0;

	}

	.global-nav-panel{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
		background: #333;
		color: #fff;
		cursor: pointer;
	}

	.global-nav-in li{
		display: list-item;
		width: auto;
		border-right: 0;
		border-bottom: 1px solid #0081c3;
		text-align: left;
	}

	.global-nav-in li ul{
		position: static;
		width: auto;
		margin-left: 1em;
	}

	.global-nav-in li ul li{
		width: auto;
		border-bottom: 0;
	}

	.global-nav-in li a,
	.global-nav li ul li a{
		padding: 10px 20px;
		background: url(./images/icon/icon-gn-arw.png) right center no-repeat;
		background-size: 20px auto;
		box-sizing: border-box;
	}

		/*Retina（高解像度）ディスプレイ用*/
		@media screen and (-webkit-min-device-pixel-ratio:2),
		(min-resolution: 2dppx){

			.global-nav-in li a,
			.global-nav li ul li a{
				background: url(./images/icon/icon-gn-arw@2x.png) right center no-repeat;
				-webkit-background-size: 27px 18px;
				background-size: 27px 18px;
			}

		}

.global-nav-in{
	background: #005ca0;
	width: 100%;
}

.site-header-in{
	background: #fff;
	height: 44px;
}

#top-temp .sp-head{
	display: block;
}







	html,
	body,
	.containr{
		min-width: 0;
	}

	html{
		overflow-x: hidden;
		overflow-y: scroll;
	}

	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	textarea,input{
		max-width: 100%;
	}

	input[type="submit"],input[type="image"],
	input[type="reset"],input[type="button"],
	input[type="file"]{
		max-width: none;
	}

	blockquote{
		position: relative;
		margin: 2em 0;
		padding: 115px 20px 80px;
		background: #eee;
	}




	/*パンくずリスト*/
	.breadcrumbs-in{
		margin-bottom: 1em;
		padding: 0 1em;
	}

	.breadcrumbs-in li:last-child{
		display: none;
	}

	.col1 .breadcrumbs-in{
		width: auto;
	}

	/*フッターナビ*/
	.site-footer-nav{
		display: block;
		text-align: left;
	}

	.site-footer-nav li,
	.site-footer-nav li:first-child{
		display: list-item;
		margin-left: 20px;
	}

.top-recruit-in{
	height: 310px;
}










.breadcrumbs{
	display: none;
}

.in-cont{
	width: 100%;
}

.page-header p{
	width: 100%;
	padding: 30px 15px 10px;
	box-sizing: border-box;
	background-position: center center;
	background-size: 60px;
	font-size: 12px;
}

.under-head{
	font-size: 20px;
	line-height: 78px;
}

#business-cont1{
	margin: 20px 0;
}

#business-cont1 h2{
	font-size: 18px;
	padding: 0 15px;
}

#business-cont1 ul li{
	width: 100%;
	padding: 0 20px;
    box-sizing: border-box;
}

#business-cont1 ul .left-box {
    padding-right: 20px;
}

#business-cont1 ul .right-box {
    padding-left: 20px;
}

#business-cont1 ul li h3{
	font-size: 14px;
}

#business-cont2{
	margin: 10px 0 50px;
	padding: 0 20px;
}

#business-cont2 h2{
	font-size: 18px;
	padding: 0px;
}

.business-cont2-in{
	width: 100%;
	padding: 20px 0 20px;
}

.business-cont2-in h3 {
    font-size: 16px;
}

.business-cont2-in p {
    margin-bottom: 15px;
    font-size: 12px;
    padding: 0 20px;
}

.pc-br{
	display: unset;
}

.business-cont2-in a{
	padding: 5px 28px 7px;
	font-size: 12px;
}

.business-cont2-box {
    margin-bottom: 20px;
}

#business-cont2{
	margin: 10px 0 0px;
}

#business-cont3{
	margin: 20px 0;
	padding: 0 20px;
}

#business-cont3 h2{
	font-size: 18px;
	padding: 0px;
}

.to-top {
    width: 24px;
}

.footer-bottom ul {
    margin: 0 0px;
    width: 100%;
}

.site-footer-in {
    padding: 30px 20px;
}

.footer-logo {
    width: 80%;
    float: none;
    margin: 0 10%;
}

.footer-tel {
    width: 80%;
    padding: 30px 10%;
    float: none;
}

.sns-footer {
	float: none;
}
.sns-footer a {
	width: 48%;
}
.sns-footer a + a {
	margin-left: 4%;
}

.footer-bottom ul li a{
	padding: 0 8px;
	font-size: 10px;
}

.footer-bottom ul li,.footer-bottom ul{
	border: 0;
}

.footer-bottom{
	padding: 20px 20px;
}

.copyright{
	padding: 10px 0px 0;
}

#business-cont1 ul li p{
	font-size: 12px;
}

.head-recruit{
	height: 160px!important;
	}

.head-recruit img {
    top: 46px;
    right: 5%;
    width: 40%;
}

#recruit-box1 h2{
	font-size: 18px;
    margin: 0px 0;
}

#recruit-box1{
	padding: 0 20px 20px;
}

.recruit-box1-in {
    width: 100%;
    float: none;
    clear: both;
    padding: 20px 0;
}

.recruit-box1-in span{
	font-size: 11px;
}

.recruit-box1-in h3{
	font-size: 18px;
}

#recruit-box1 .blue-boxlink {
    position: relative;
    right: 0;
    bottom: 0px;
    width: 100%;
    box-sizing: border-box;
}

#recruit-box2 h2{
	font-size: 18px;
}

#recruit-box2 h2 span{
	display: block;
}

.recruit-box2-parts{
	width: 100%;
	padding: 0;
}

.recruit-box2-wrap{
	padding: 0px 15px;
	width: 100%;
	margin: 0 0 0 0px;
	box-sizing: border-box;
}

.recruit-box2-img{
	height: auto;
}

.recruit-box2-parts-in{
	padding-bottom: 10px;
}

.recruit-box2-parts-in span{
	padding: 20px 20px 10px;
}

.recruit-box2-text {
    padding: 15px 0 30px;
}

#recruit-box2{
	padding: 0;
}

#recruit-box3 {
    margin: 0px 0;
    padding: 0px 0 0px;
    border-top: 0;
}

#recruit-box4 {
    margin: 0px 0 50px;
    }

#recruit-box4 img {
    width: 80%;
}

.sp-p0-b{
	padding-bottom: 0;
}

.sp-m0-b{
	margin-bottom: 0;
}

.recruit-box3-img1 a {
   	bottom: 0;
    position: relative;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.recruit-box3-img1{
	background-size: 100%;
	padding: 40px 20px;
	border: 0;
	height: auto;
	background-position: 0 130px;
}

.recruit-box3-img1 img {
    width: auto;
    margin-bottom: 225px;
    height: 70px;
}

.recruit-3-2-in {
    margin: 0 0px 20px;
    width: 100%;
    font-size: 18px;
    }

.recruit-box3-img2 h3 {
    font-size: 18px;
}

.recruit-box3-img2{
	padding: 30px 20px 30px;
	border: 0;
}

.recruit-box3-img1 {
    margin: 0px 0 0px;
    }

.staff-head {
    height: 240px;
}

.staff-mv-data {
    width: 150px;
    margin: 40px 15px 0;
}

.position {
    font-size: 9px;
    letter-spacing: 0px;
}

.name {
    font-size: 14px;
    letter-spacing: 2px;
    }

.staff-mv-data p {
    font-size: 14px;
}

.staff-cont h2{
	font-size: 14px;
	font-weight: bold;
}

.staff-cont {
    padding: 30px 20px 0;
    box-sizing: border-box;
}

.staff-cont p{
	padding: 0 0px 20px;
	font-size: 12px;
}

.single-staff #recruit-box3-2 {
    margin-bottom: 20px;
}

.environment-lead{
	font-size: 18px;
}

#environment-cont1 h2{
	font-size: 14px;
	margin: 0 0 20px;
}

#environment-cont2 h2{
	font-size: 14px;
	margin: 0 0 20px;
}

#environment-cont3 h2{
	font-size: 14px;
	margin: 0 0 20px;
}

#environment-cont1 p,#environment-cont2 p,#environment-cont3 p{
	font-size: 14px;
}

.environment-img-wrap .left {
    margin-right: 0px;
    margin-bottom: 20px;
}

.environment-img-wrap img {
    width: 100%;
    float: none;
}

.environment-img-wrap {
    padding: 20px 0px 40px;
    box-sizing: border-box;
    }

.recruit-head h1{
	font-size: 18px;
	padding: 0px;
}

.environment-lead span{
	padding: 30px 0;
	background-size: 60px auto;
}

.recruit-head {
    border-bottom: 0;
    padding: 0;
}

#environment-cont1 {
    padding: 20px 20px 0px;
    box-sizing: border-box;
}

.sub-staff-list .top-recruit-box {
    width: 100%;
    float: none;
    margin-right: 0;
    padding: 0;
}

.sub-staff-list h2{
	font-size: 18px;
	padding: 0;
}

.sub-staff-list .top-recruit-wrap {
	width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#environment-cont2 {
    padding: 30px 20px 0;
    box-sizing: border-box;
}

#environment-cont3 {
    padding: 30px 20px 0;
    box-sizing: border-box;
}

#recruit-box2 .recruit-sp-title-add{
	margin-top: 0;
	padding-top: 0;
}

.page-template-page_recruit_environment #recruit-box4{
	margin: 0px 0 40px;
}

.top-recruit-in span{
	padding: 20px 20px 10px;
}

.top-recruit-in p {
    padding: 0px 20px 0px;
    height: auto;
}

.top-recruit-in{
	margin-bottom: 20px;
}

.page-template-page_recruit_environment #recruit-box3-2{
	margin: 30px 0;
}

.recruit-data{
	    padding: 0px 20px 0px;
}

.recruit-data dt{
	width: 100%;
	padding: 10px 20px;
	border: 0;
	background: rgba(0,129,195,0.1);
}

.recruit-data dd{
	width: 100%;
	border-left: 0;
	padding: 10px 20px;
	border-top: 0;
}

.recruit-data dl{
	border: 0;
}

.page-template-page_recruit_shinsotsu .recruit-box3-img1,.page-template-page_recruit_tyuto .recruit-box3-img1{
	margin: 40px 0 40px;
}

.under-head-ver2 h1{
	font-size: 18px;
	margin: 20px 0 0;
}

.under-head-ver2 p{
	font-size: 14px;
	width: 100%;
	padding: 0px 20px;
	box-sizing: border-box;
}

.contact-box{
	border-top: 0;
    padding: 0px 0;
    margin-top: 30px;
}

.form-list{
	width: 100%;
	border: 0;
}

.form-list dt{
	width: 100%;
	border: 0;
	padding: 10px 20px;
}

.form-list dd{
	width: 100%;
	border: 0;
	padding: 10px 0px;
}

div.wpcf7{
	padding: 0 20px;
}

.hissu{
	width: 40px;
    height: 24px;
    top: 12px;
}

.recruit-box2-parts-in p{
	padding: 0 20px;
}

.wpcf7-text{
	width: 100%;
	box-sizing: border-box;
}

.form-bt-box{
	font-size: 11px;
    padding: 20px 0 0;
}

.wpcf7-submit{
	width: 100%;
}

.performance-cont-list h2{
	font-size: 18px;
    padding: 15px 0 5px;
    margin: 20px 0 0;
}

.performance-cont-list ul{
	width: 100%;
	margin: 0;
	background: none;
}

.performance-cont-list ul li{
	width: 100%;
	padding: 40px 20px 20px;
}

.performance-detail-img img{
	width: 100%;
	float: none;
}

.performance-img-l {
    padding-right: 0;
}

.performance-img-r {
    padding-left: 0;
}

.performance-detail-img{
	padding: 0 20px;
}

.performance-detail-img img{
	margin-bottom: 20px;
}

.performance-detail-data {
    border: 0 none;
    padding: 20px;
}

.performance-detail-data-in {
    padding: 0;
    width: 100%;
}

.performance-detail-data ul{
	width: 100%;
}

.other-performance{
	margin: 20px 0 40px;
}

.other-performance h3{
	font-size: 18px;
}

.other-performance{
	padding: 30px 0;
}

.other-performance .performance-cont-list ul li{
	padding: 20px;
}

.performance-contact{
	padding: 20px;
}

.performance-contact-link{
	position: relative;
	bottom: 0;
	left: 0;
	margin: 40px 0;
	width: 100%;
}

.contact-tel{
	display: block;
	width: 100%;
	margin: 10px 0;
}

.news-arcive .article-header{
	font-size: 12px;
	width: 100%;
	float: none;
}

.news-arcive .article-body{
	width: 100%;
}

.news-arcive .article-body h2{
	font-size: 18px;
}

.news-arcive .section-wrap{
	padding: 0 20px 20px;
	box-sizing: border-box;
}

.news-arcive .article-body p {
    color: #002e56;
    font-size: 12px;
}

.news-arcive {
    padding: 30px 0;
    margin-top: 0;
}

.page-header h1{
    background-position: center center;
    background-size: 60px auto;
    box-sizing: border-box;
    font-size: 18px;
    padding: 50px 15px 30px;
    width: 100%;
}

.page-header h2{
	font-size: 12px;
}

.ui-tabs-nav{
	width: 100%!important;
	padding: 0 5px 5px!important;
	box-sizing:border-box;
}

.ui-tabs-nav li{
	width: 50%!important;
	margin: 0!important;
	border-right: 0!important;
	border-left: 0!important;
	border-top: 0!important;
}

.ui-tabs-nav .ui-tabs-selected{
	border-right: 0!important;
	border-left: 0!important;
}

.ui-tabs-nav a span{
	font-size: 12px!important;
	padding-left: 0px!important;
}

.profile-data dl{
	margin: 0;
	border: 0;
}

.profile-data dt{
	width: 100%;
	border-top:0;
	padding: 10px 15px;
	background: rgba(0, 129, 195, 0.2);
}

.profile-data dd{
	width: 100%;
	border:0;
	padding: 10px 15px;
}

#fragment-1 {
    padding: 30px 20px;
}

#fragment-2 {
    padding: 30px 20px;
}

#fragment-3 {
    padding: 0 20px 30px;
}

#fragment-4 {
    padding: 30px 20px;
}



.profile-data dl {
    font-size: 12px;
}

.profile-data2 dl {
    font-size: 12px;
}

.profile-data3 dl {
    font-size: 12px;
}

.ui-tabs-nav .ui-tabs-selected a{
	background: #005ca0!important;
	color: #fff!important;
}

.profile-data2 .map-link a{
	display: block;
	margin-bottom: 30px;
}

#fragment-2 h3{
	padding: 0;
}

#fragment-3 h3{
	padding: 0;
}

#fragment-4 h3{
	padding: 0;
}

#fragment-4 {
    padding: 0 20px 30px;
}

.map-head{
	margin: 0 0 40px;
}

#ui-tab {
    margin: 0!important;
}

.ui-tabs-nav a{
	margin: 5px!important;
}

.profile-data2 dl{
	padding: 0;
	margin:0;
	border: 0;
}

.profile-data2 dt{
	width: 100%;
	border-top:0;
	padding: 10px 15px;
	background: rgba(0, 129, 195, 0.2);
}

.profile-data2 dd{
	width: 100%;
	border:0;
	padding: 10px 15px;
}

.profile-data2 .map-link{
	width: 100%;
	height: auto;
}

.profile-data3 dl{
	margin: 0;
	border: 0;
}

.profile-data3 dt{
	width: 100%;
	border-top:0;
	padding: 10px 15px;
	background: rgba(0, 129, 195, 0.2);
}

.profile-data3 dd{
	width: 100%;
	border:0;
	padding: 10px 15px;
}

.point{
	display: none;
}

#top-menu{
	display: none;
}

.top-mv-in{
	height: 100%;
}

#top-mv{
	height: 260px;
}

.mv-img1{
	width: 80%;
}

.top-head-logo {
    left: 10px;
    top: 10px;
    width: 100px;
}

#top-block1 h2{
	font-size: 18px;
	margin: 10px 0 0;
}

#top-block1{
	padding: 40px 20px;
	font-size: 12px;
	margin-bottom: 10px;
}

#top-block2 h2{
	font-size: 18px;
}

.block2-title-wrap{
	top: -17px;
	left: 0;
}

.br{
	display: unset;
}

#top-block2{
	font-size: 12px;
	padding: 40px 20px;
}

.top-product-box{
	width: 100%;
	margin-bottom: 20px;
}

.top-product-wrap{
	margin: 30px 0;
}

.top-product-box h3{
	font-size: 16px;
}

#top-block2 .top-product-box p{
	padding: 0 20px;
}

#top-block3 h2{
	font-size: 18px;
}

.block3-title-wrap{
	top: -17px;
	left: 0;
}

#top-block3{
	font-size: 12px;
	padding: 40px 20px 0;
}

.pride-box {
    float: left;
    margin-right: 0;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.pride-wrap{
	margin: 30px 0;
}

#top-block4 h2{
	font-size: 18px;
	margin: 0 0 20px;
}

.top-recruit-box{
	width: 100%;
	margin-bottom: 20px;
}

#top-block4 p {
    font-size: 12px;
    margin: 0;
    padding: 0 20px;
}

.top-recruit-wrap{
	margin: 30px 0;
}

.top-news-list1{
	width: 100%;
	padding: 4px;
	position: relative;
}

.top-news-list2{
	width: 100%;
	padding: 4px;
}

.top-news-list3{
	width: 100%;
	padding: 4px;
	margin: 0;
}

.to-list-link{
	position: relative;
}

.pride-box h3{
	font-size: 16px;
	margin: 15px 0;
}

#top-block5 {
    padding: 40px 20px;
}

#top-block4{
	padding: 40px 0 0;
}

#top-block3 .pride-box p{
	padding: 0 20px;
}

.cont-business-under{
	padding: 60px 20px;
	font-size: 12px;
}

.cont-business-under dt{
	width: 100%;
	padding: 20px;
}

.cont-business-under dd{
	width: 100%;
	border: 0;
}

.cont-business-under dl{
	margin-bottom: 20px;
}

.to-performances-link a{
	width: 100%;
}

.under-head-ver2 p{
	font-size: 12px;
}

.support-box{
	padding: 30px 20px 30px;
}

.support-box-text h2{
	font-size: 18px;
}

.support-box-text {
    float: none;
    width: 100%;
}

.support-box img ,.support-box .support-box-img2,.support-box .support-box-img3 {
    margin: 0 10%;
    width: 80%;
}

.contact-link-box{
	width: 100%;
	padding: 20px;
	margin: 0 auto 20px;
}

.contact-link-box p{
	font-size: 14px;
	margin: 0 0 10px;
}

.contact-link-img{
	display: none;
}

.contact-link-tel {
    bottom: 0;
    left: 0;
    position: relative;
    width: 100%;
}

.contact-link-bt{
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.contact-link-title {
    margin-bottom: 10px;
    width: 200px;
}

.list-product-wrap {
    box-sizing: border-box;
    padding: 30px 20px;
}

.list-product-wrap p {
    padding: 0 20px;
}

.top-product-box{
	padding-bottom: 20px;
}

.cont-business-under dt h2{
	font-family: "NotoSansCJKjp-Regular",sans-serif;
}

#top-block3 .pride-box p {
    height: auto;
}

.top-recruit-wrap {
    padding: 0;
}

.top-recruit-in {
    height: auto;
}

.to-list-link {
    padding: 20px 0;
    right: 0;
    top: 0;
}

.label{
margin-right: 12px;
}

.to-top-wrap {
    margin-top: 0;
}

.nini {
    width: 40px;
    height: 24px;
    top: 12px;
}

.icon-bg1 a {
    background: none !important;
}

.icon-bg2 a {
    background: none !important;
}

.ui-tabs-nav .ui-tabs-selected a{
	border-bottom: 0!important;
}

.icon-bg3 a {
    background: none !important;
    padding-left: 0px !important;
}

.icon-bg4 a {
    background: none !important;
}
.icon-bg5 a {
    background: none !important;
}
.icon-bg6 a {
    background: none !important;
}

.sitemap-ul {
    width: 100%;
    margin: 0;
    padding: 20px 40px;
}

.privacy {
    padding: 20px 20px;
}

.privacy-in{
	width: 100%;
	box-sizing: border-box;
}

.business-cont2-bg1 .business-cont2-in{
	position: relative;
}

.business-cont2-bg2 .business-cont2-in{
	position: relative;
}

.business-cont2-bg3 .business-cont2-in{
	position: relative;
}

.business-cont2-bg4 .business-cont2-in{
	position: relative;
}

.map-pc{
	display: none;
}

.map-sp{
	display: block;
}








}/*解像度480px以下*/


/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.0 on 2016-08-01 18:39:38
----------------------------------------------------------------------*/