@charset "utf-8";
/* CSS Document */


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  画面の横幅が940pxまで
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:940px){

.pc_only{
	display: none;
}
	
.tb_only {
	display: inherit;
}

.sp_only{
	display: none;
}
	
/** ======================================================================
      Layout
====================================================================== **/
.l-box {
	width: 94%;
}
	
/** ======================================================================
      Module
====================================================================== **/
.mainNav-recruit {
	margin-bottom:8vw;
}

.subTitle{
	margin-top:10px;
}
	
.topNews{
	flex-wrap:wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
	margin-top:8vw;
}
	
.topNews-left{
	display: flex;display: -webkit-flex;display: -ms-flexbox;
	justify-content:space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;
	align-items: center;-webkit-align-items: center;-ms-align-items: center;
	width: 100%;
}

.topNews-left h1{
	margin:0;
}
.topNews-right{
	width: 100%;
}

.topNews-right dl{
	margin-top:5%;
}
	
.topNew-more a{
	height: 30px;
}

.topNew-more a:after{
	top: 13px;
}
	
.topService{
	padding:8% 0 8%;
	margin:5% 0 0;
}
	
.topService-column{
	flex-wrap:wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
	margin-top:5%;
}

.topService-column-item{
	width: 90%;
	padding:4vh 5%;
}
	
.topAbout{
	padding:10vh 0 0;
	min-height: 500px;
}
	
.topAbout p{
	margin:4% auto;
	width: 80%;	
}
	
.topBusiness{
	padding:5vw 0;
	flex-direction:column;-webkit-flex-direction: column;-ms-flex-direction: column;
}
	
.topRecruit{
	margin:8% auto;
}

.topRecruit-box{
	padding:5% 0;
}

.topBusiness h1{
	margin:1% 0 3vw 0;
}
	
.topRecruit-box-text p{
	width: 70%;
}
	
.topRecruit-box-Link{
	margin-top:-7vw;
}
.topRecruit-box-Link img{
	width: 70%;
}
	
.recruitLink a{
	width: 310px;
	margin-top:10px;
}

.recruitLink span:before{
	right: 55px;
}

.recruitLink span:after{
	right: 62px;
	top: 5px;
}
	
/** ---------- footer ---------- **/
.footer-nav{
	flex-wrap:wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
	margin:2vw 0 5vw;
}

.footer-nav ul{
	width: calc( 72% / 2 );
	padding:0 7% 3vw;
}

/** ---------- news ---------- **/
.news-list{
	width: 92%;
}

.news-list dt{
	position: relative;
	width: 120px;
	padding: 1% 0 0;
}
.news-list dd{
	width:100%;
	padding: 0 2% 3%;
}

/** ---------- about ---------- **/
.pageTop-title p{
	width: calc( 100% - 3vw ) ;
}

.pageTop-title h1{
	margin-bottom:5vw;
}

.pageTop-title h1 span{
	margin-bottom:6vw;
}
	
.pageTop-title h2{
	flex-wrap: wrap;
	margin-bottom:4vw;
}
	
.companylogo{
	display: inline-block;
	margin: 0 10px 0 0 ;
	width: 15%;
}
	
.companygroup{
	width: 100%;
}

.mental-list li{
	padding:2vw auto;
	width: 80%;
}

.pageTop-imgLink ul{
	flex-wrap:wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
}

.pageTop-imgLink li{
	width: 100%;

}

.pageTop-imgLink li a{
	display: flex;display: -webkit-flex;display: -ms-flexbox;
	flex-wrap:wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
	align-items: center;-webkit-align-items: center;-ms-align-items: center;
} 

.pageTop-imgLink-icon{
	width: 40%;
}
	
.pageTop-imgLink-pic{
	width: 60%
}
	
.pageTop-imgLink-icon img{
	width: 40%;
	margin:0 auto 10px;
}
	
.pageTop-imgLink-icon span{
	padding:5px 0 0; 
}
	
.contentTitle{
	margin:3vw auto 10vw;
}
	
.arrowBorder:before{
	top:-6px;
}

.arrowBorder:after{
	bottom:-6px;
}
	
.mental-column{
	flex-wrap:wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
}

.mental-column-item{
	width: 80%;
	margin:3vw auto 4vw;
}
	
.safety-item h4{
	margin: 3vw auto 10%;
}
	
.safety-item{
	width: 80%;
	padding:0 0;
	margin:5% auto 10%;
}
	
.regionalListTitle{
	padding-left:5%;
}
	
.regional-list ul{
	flex-wrap:wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
}

.regional-list li{
	width: 90%;
	margin: 2vw auto 3vw;
}
	
.pageTop-navLink ul{
	flex-wrap:wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
}
	
.pageTop-navLink .l-box{
	width: 92%;
}

.pageTop-navLink li{
	width: calc( 100% / 2 );
	margin: 0 auto;
}


.pageTop-navLink li a{
	width: 100%;
	padding: 1.5vw 0 1vw ;

}
	
.role-box-list{
	margin:8vw auto;
}

.role-box ul{
	flex-wrap:wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
}

.role-box li{
	width: calc( 80% / 2 );
	padding:0 5%;
}
	
.message-box{
	flex-wrap:wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
	flex-direction: column-reverse;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;
  

}
.message-box-left{
	width: 100%;
	margin-right: 0;
}

.message-box-right{
	width: 100%;
}
	
.message-box-left p{
	margin-bottom:4vw;
}

.company-box{
	width: 90%;
	margin: 6% auto 10%;
}
	
table:not(.business-box-table) th {
	display: block;
	width: 90%;
	margin: 0;
	padding: 10px 5% ;
}

table:not(.business-box-table) td {
	display: block;
	width: 90%;
	margin: 0;
	padding: 10px 5% ;
}
	
.entry table tr:nth-of-type(5) td{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
	
	.entry table tr:nth-of-type(5) td input{
		margin:0 1%;
	}	
	
.contact-box{
	margin:6% auto 10%;
	width: 100%;
}
	
.contact-box table th {
	width: 90%;
}

.contact-box table td {
	width: 100%;
	margin:2% 0 0;
	padding-left: 0;
}

.formButton input[type="submit"]{
	width: 60%;
}

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

.interview-box ul{
	flex-wrap: wrap;
}

.interview-box li{
	width: calc( 100% / 2);
}
	
.applicationLink{
	flex-wrap: wrap;
}

.applicationLink li{
	width: 100%;
	position: relative;
}
    
.app-title{
    margin:0 0 8%;
    padding:4% 30px 0;
}

.guidelines-table{
    margin-bottom:10%;
}

	
.interviewBox-mainImg-text{
	position: relative;
	width: 94%;
	top:0;
	bottom:0;
	left:0;
	padding: 2% 3%;
}

.textNo{
	position: absolute;
	padding:5px 0;
	display: inline-block;
	width: 50px;
	top:12px;
}

.textPost{
	width: calc( 100% - 65px );
	padding: 0px 0 0 65px;
}

.textName{
	padding:0 0 0 65px ;
}
	
.interviewBox-textImg{
	flex-wrap: wrap;
	margin-bottom:8%;
}
	
.interviewBox-textImg-text{
	width:90%;
	margin: 2% auto;
}

.interviewBox-textImg-img{
	width: 80%;
	margin: 2% auto;
}
	
.interviewBox-textBox{
	margin-bottom:10%;
}
	
.interviewBox-flow{
	flex-wrap: wrap;
	margin:20px auto 8%;

}
	
.flow-groupList{
	width: 90%;
}

.interviewBox-flow-left,
.interviewBox-flow-right{
	width: 100%;	
}

.flow-groupList dt{
	width: 140px;
	height:50px;
	margin-right:20px;
	margin-bottom:50px;
	position: relative;
}
	
.flow-groupList dd{
	width: calc(100% - 180px);
	margin-bottom:50px;
}


.flow-groupList .arrowConnect:before{
	content:none;
}
	
.flow-groupList .arrowConnect2:after,
.flow-groupList .arrowConnect2:before{
	content:none;
}
	
.word{
	flex-wrap: wrap;
}

.word-text{
	width: 90%;
	padding:2% 5% 5%;
}

.word-img{
	width: 100%;
}
	
.interviewOther{
	padding-top:90px;
}
	
/** ADSの仕事内容 ======================= **/
	
.redTitle{
	display: inline-block;
	margin:4% auto 2%;
	padding:0 6% 0;
	position: relative;
}
	
.office-imgBox{
	margin:2% auto 4%;
	flex-wrap: wrap;
}

.office-imgBox [class^="office-imgBox-"]:first-of-type{
	margin-right:auto;
}

.office-imgBox-img{
	width: 80%;
	margin:4% auto 2%;
}

.office-imgBox-img img{
	width: 100%;
}

.office-imgBox-text{
	width: 96%;
	margin:0 auto 4%;
}
	
.office-textBox{
	margin:5% auto;
}
	
.office-textBox-two{
	width: 88%;
	margin:0 auto 3%;
	padding:5%;
}
	
.office-textBox-three{
	width: 88%;
	margin:0 auto 3%;
	padding:5%;
}


	
/** 事業紹介 ======================= **/

.business{
	padding:10vw 0 8vw;
}

.guide{
	position: relative;
	width: 92%;
	min-width: auto;
	height: auto;
	min-height: auto;
	margin:20px auto;
	padding:120px 0 0;

}

.circleNo1 {
	position: relative;
	top:0;
	left:0;
	right:0;
	margin:0 auto 10px;
}

.circleNo2 {
	position: relative;
	top:0;
	left:0;
	right:0;
	margin:0 auto 10px;
}

.circleNo3 {
	position: relative;
	top:0;
	left:0;
	right:0;
	margin:0 auto 10px;
}

.circleNo4 {
	position: relative;
	bottom:auto;
	top:0;
	left:0;
	right:0;
	margin:0 auto 10px;
}

.circleNo5 {
	position: relative;
	bottom:auto;
	top:0;
	left:0;
	right:0;
	margin:0 auto 10px;
}

.guide-circle{
	width:90%;
	height: auto;
	padding:20px 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
	
.guide-circle h3{
	margin:0 auto 20px;
}
	
.guide-circle p{
	width: 96%;
}

.serviceList ul{
	flex-wrap: wrap;
}

.serviceList li{
	width: calc( 100% /2 );
}
	
.tasks-list-box{
	display: flex;
	width: 94%;
	margin:0 3% 4%;
}
	
.tasks-list-box-img{
	width: 44%;
}
	

.tasks-list-box-text{
	width: 50%;
	padding:4% 3%;
}

#business-map{
	height: 80vw;
}
	
.gm-style .gm-style-iw{
	width: 60vw!important;
}

/** 直納部門 ======================= **/

.worksTitle-text{
	width: 80%;
	padding:20% 10%;
}
	
.worksContents{
	margin-bottom:5%;
	padding:5%;
	flex-wrap: wrap;
}

.worksContents-text{
	width: 90%;
	padding:0 5%;
	margin-bottom:3%;
}
	
.worksContents-img{
	width: 80%;
	margin:0 auto;
}
	
.worksFlow-box{
	flex-wrap: wrap;
	width: 100%;
	margin:3% auto 0;
}

.worksFlow-box-img{
	width: 80%;
	margin:0 auto 3%;
}

.worksFlow-box-img img{
	width: 100%;
}

.worksFlow-box-text{
	width: 80%;
	margin:0 auto;
}
	
.flowRed{
	padding: 10px 0 50px 0;
} 

.flowRed:before{
	content:"";
	position: absolute;
	top:auto;
	bottom:0;
	left:calc(50% - 15px);
	margin:0 auto;
	width: 0;
	height: 0;
}
	
/** 本社管理部門 ======================= **/
	
.headWorks .worksContents-text-title{
		margin-bottom:0;
	}
	
.workshead-left{
	width: 86%;
	margin:2% auto;
}

.workshead-right{
	width: 86%;
	margin:2% auto;
}



/** ======================================================================
      Theme
====================================================================== **/

.t-tableborder th{
	text-align: center;
}
	
.t-formLine:first-of-type{
	border-top:none;
}
	
.t-businessTitle{
	font-size:1.8rem;
}

.t-businessName{
	font-size:1.8rem;
}

.t-businessPlace{
	font-size:1.8rem;
}
	
.t-backName{
	background:rgb(0,0,0,1);
	color:#fff;
}
	
.t-borderRed{
	line-height: 50px;
}
	
.t-flowArrowConnect:after{
	border-color: transparent #d04243 #d04243  transparent ;
}
	
.t-guide{
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background: url(../img/service_logo.png) no-repeat center 10px;
	background-size: 200px;
}
	
.t-tasksBack{
	line-height: 2rem;
}
	
.t-mentalTable th:first-of-type{
	border-top: none;
}

.t-mentalTable td:first-of-type{
	border-top: none;
}
	
.t-redArrowTitle{
	font-size:2.6rem;
}
.t-redArrowTitle:after{
	border-left: 20px solid transparent;
	border-right: 280px solid #d04243;
	border-top:20px solid transparent;
}


}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  画面の横幅が640pxまで
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:640px){
	
/** ======================================================================
    初期設定
====================================================================== **/
html{
	font-size: 50%;
}
	
.pc_only,.pcTab_only {
	display: none;
}

.sp_only {
	display: inherit;
}
	
	
/** ======================================================================
      Layout
====================================================================== **/
	
#l-wrapper{
	overflow: hidden;
	padding-left:0;
	position: relative;
}
	
#l-nav{
	overflow-y: auto;
	position: fixed;
	width: 100%;
	min-width: 0;
	height: 100vh;
	top:52px;
	left: 0;
	z-index: 99996;
	transform: translateX(-100%);
	transition: all 0.6s;
	-webkit-transform: translateX(-100%);
	-webkit-transition: all 0.6s;
}
	
#l-nav.menuActive {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
}
	
	
/** ======================================================================
      Module
====================================================================== **/

.splogo{
	padding: 5px 0 0 5px;
	position: relative;
	z-index: 2000;
	width: 100%;
	background: rgba(0,0,0,.8);
}	
	
.splogo img{
	width: 112px;
}
.mainNav-parent{
	width: 93%;
	padding:2vh 2% 2vh 5%;
}
	
.mainNav-child li a{
	width: 93%;
	padding:2vh 2% 2vh 5%;
}
	
.mainNav-recruit{
	margin-bottom:25vw;	
}
	
.boxTitle span{
	margin:-10px 0;
}
    
.topService-column-item_box .borderTitle{
    height: auto;
}

/** ---------- about ---------- **/
.pageTop-title{
	padding-bottom:5vw;
	min-height: 200px;
}
	
	
#business-map{
	height: 100vh;
}


/** ---------- contact ---------- **/	
.contactTop-text-link a{
	width: 200px;
	padding:20px 0 20px 70px;
}

.contactTop-text-link a:before{
	top:13px;
	left:10px;
	width:60px;
	height: 40px;
}

	

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

.interview-box li{
	width: 76%;
	margin:0 auto 20px;
}
    
#youtube-movie {
    height: 60vw;
}
	


	
/** ======================================================================
      State
====================================================================== **/
	

	
.is-fixed{
	overflow: hidden;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.7);
}
	
.is-active-childMenu{
	background: #152e67;
}
	
.is-childMenu{
	background: #152e67;
}

.is-active-childMenu .is-openText{
	display: none;	
}
	
.is-none-childMenu .is-close{
	display: none;
	transition: .4s;
}
.is-active-childMenu .is-close{
	display: block;
	padding-top:6px;
	width: 100px;
	margin-left: auto;
}
	
/** ======================================================================
      Theme
====================================================================== **/
.t-telBlue{
	font-size:3rem;
}

.t-navBack{
	background: #224182;
	border-right: none;
	color:#fff;
}
	
.t-navcolor a{
	color:#fff;
	font-size:1.8rem;
	transition: .5s;
}
	
.t-navParent{
	font-size:1.8rem;
}

.t-navcolor a:hover{
	background: none;
}

.t-company{
	font-size:1.8rem;
}

}