/*body{*/
/*	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;*/
/*	color: #404040;*/
/*	background: #fff;*/
/*}*/

/*body{*/
/*	font-family: "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, Meiryo, メイリオ, sans-serif;*/
/*	color: #404040;*/
/*	background: #fff;*/
/*}*/


body{
	
	font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 300;
    font-stretch: normal;
    font-size: 14px;
    line-height: 28px;
    font-family: "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, Meiryo, メイリオ, sans-serif;
    color: #404040;
	background: #fff;
}
    

li{
	list-style: none;
}
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
	margin-bottom: 50px;
}
.cf {
	*zoom: 1;
}
.sp{
	display: none;
}
.pc{
	display: block;
}
.pt100{
	padding-top: 100px;
}
.pb100{
	padding-bottom: 100px;
}
.hideme{
	opacity: 0;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/loader.svg') 50% 50% no-repeat rgb(249,249,249);
}
/*--------
gnb
--------*/
#mobile-gnb{
	display: none;
}
#gnb{
	position: fixed;
	left: 0;
	top: 0;
	width: 200px;
	height: 100%;
	background: #f9f9f9;
	padding: 15px;
	box-sizing: border-box;
	font-size: 0.9rem;
	-moz-box-shadow: 2px 0px 10px 0px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 2px 0px 10px 0px rgba(0,0,0, 0.1);
	box-shadow: 2px 0px 10px 0px rgba(0,0,0, 0.1);
	z-index: 1;
}
#gnb h1 a{
	padding: 15px 25px;
	box-sizing: border-box;
	display: block;
	position: relative;
}
#gnb h1 img{
	width: 100%;
}
#gnb div{
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 0.8rem;
	border-bottom: 2px solid transparent;
}
.gradient-border{
	-moz-border-image: -moz-linear-gradient(left, #ff8563 0%, #c0213b 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #ff8563 0%, #c0213b 100%);
	border-image: linear-gradient(to right, #ff8563 0%, #c0213b 100%);
	border-image-slice: 1;
}
#gnb .menu-list{
	overflow: hidden;
	padding: 0 15px;
}
#gnb .menu-list li{
	padding-left: 20px;
	background: url(../images/arrow.png) no-repeat left center;
	background-size: 10px;
	margin-top: 20px;
}
#gnb .menu-list li a{
	text-decoration: none;
	color: #666;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
#gnb .menu-list li a:hover{
	color: #b1b1b1;
}
.gradient{
	background: #ff8563; /* Old browsers */
	background: -moz-linear-gradient(left, #ff8563 0%, #c0213b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff8563 0%,#c0213b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff8563 0%,#c0213b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8563', endColorstr='#c0213b',GradientType=1 ); /* IE6-9 */
}
.shadow{
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0, 0.1);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0, 0.1);
}
/*--------
content
--------*/
#content{
	margin-left: 200px;
	font-size: 14px;
}
#main{
	height: 100vh;
	background: url(../images/top_main.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
#main:before{
	content: "";
	width: 100%;
	height: 100%;
	background: #00000063;
	position: absolute;
	right: 0;
	top: 0;
}
#main.top img{
	position: absolute;
	top: calc(50% - 200px);
	left: 15%;
	display: block;
	margin: 0 auto;
	height: 400px;
	width: 70%;
	opacity: 0.8;
}
.container{
	background: url(../images/bg01.png) repeat-y center top;
	background-size: 100%;
}
.inner{
	padding: 100px 0;
	width: 1080px;
	margin: 0 auto;
	box-sizing: border-box;
}
.title{
	margin-bottom: 50px;
}
.title img{
	display: block;
	height: 80px;
	margin: 0 auto;
}
.title p{
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	font-size: 1.3rem;
}
.more-btn{
	display: inline-block;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
	padding: 12px 0;
	text-align: center;
	letter-spacing: 1px;
    position: relative;
    width: 180px;
    height: 44px;
}
.more-btn .hover-bg{
	margin: 0 auto !important;
	width: 0;
	height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #b96148;
    background: -moz-linear-gradient(left, #b96148 0%, #a91f35 100%);
    background: -webkit-linear-gradient(left, #b96148 0%,#a91f35 100%);
    background: linear-gradient(to right, #b96148 0%,#a91f35 100%);
  -webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
}
.more-btn:hover .hover-bg{
	width: 100%;
  -webkit-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}
.more-btn span{
    position: absolute;
    width: 100%;
    top: 11px;
    left: 0;
}
/*--------
about us
--------*/
.about-us ul li{
	width: 50%;
	float: left;
	padding: 30px;
	box-sizing: border-box;
}
.about-us ul li:first-child{
	text-align: center;
}
.about-us ul li:first-child img{
	width: 85%;
}
.about-us ul li:last-child{
	background: #f1f1f1;
	overflow: hidden;
}
/*--------
about imager
--------*/
.about-imager{
	background: url(../images/bg02.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
}
.about-imager .title{
	color: #fff;
}
.about-imager .txt-box{
	width: 80%;
	margin: 0 auto;
}
.chart-box{
	margin: 100px auto 0;
}
.chart-box li{
	width: 33.33%;
	float: left;
	padding: 0 40px;
	box-sizing: border-box;
}
.chart-box li p{
	text-align: center;
	margin: 30px auto 15px;
	font-size: 1.3rem;
}
.chart-box li div{
	text-align: center;
}
.chart-box .more-btn{
	display: block;
	width: 250px;
	margin: 50px auto 0;
}
/*--------
about auto ID
--------*/
.autoid-list li{
	width: 50%;
	box-sizing: border-box;
}
.autoid-list li.img-box{
	float: right;
	background: url(../images/autoid.jpg) no-repeat center center;
	background-size: cover;
}
.autoid-list li.img-box p{
	text-indent: -9999rem;
}
.autoid-list li.txt-box{
	float: left;
	background: #f1f1f1;
	padding: 50px 30px;
	box-sizing: border-box;
	overflow: hidden;
}
.autoid-list li.txt-box div{
	margin-bottom: 15px;
}
.autoid-list li.txt-box .more-btn{
	float: right;
}

/*--------
top message
--------*/
.page-top-message #main:before{
	content: "";
	width: 100%;
	height: 100%;
	background: none;
	position: absolute;
	right: 0;
	top: 0;
}



.top-message .bg-box{
	background: url(../images/ceo.png) no-repeat right 25%;
	background-size: cover;
}
.top-message .message{
	width: 50%;
	float: left;
	background: #ffffffb5;
	padding: 30px;
}
.top-message .message .more-btn{
	float: right;
}
.top-message .message p{
	font-weight: bold;
	font-size: 1.2rem;
}
.top-message .message div{
	margin: 30px auto 15px;
}
/*--------
interview
--------*/
.interview .team-list li{
	width: 33.33%;
	float: left;
	position: relative;
}
.interview .team-list li img{
	display: none;
}
.interview .team-list li .name{
	visibility: visible;
	opacity: 1;
	width: 50%;
	position: absolute;
	left: 15px;
	top: 15px;
	-webkit-transition:  visibility 0.1s, opacity 0.2s ease-in-out;
	transition: visibility 0.1s, opacity 0.2s ease-in-out;
}
.interview .team-list li .name p{
	color: #fff;
	text-align: center;
	/*font-size: 1.2rem;*/
	/*padding: 5px 0;*/
}
.interview .team-list li .name span{
	display: block;
	text-align: center;
	background: #fff;
}
.interview .team-list li .info{
	visibility: hidden;
	opacity: 0;
	text-align: center;
	color: #fff;
	padding: 30px 50px;
	box-sizing: border-box;
	background: #0000008a;
	height: 100%;
	-webkit-transition:  visibility 0.1s, opacity 0.2s ease-in-out;
	transition: visibility 0.1s, opacity 0.2s ease-in-out;
}
.interview .team-list li .info .txt01{
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 30px;
}
.interview .team-list li .info .txt02{
	font-weight: bold;
	margin-bottom: 30px;
}
.interview .team-list li .info a{
	width: 80%;
	max-width: 200px;
	box-sizing: border-box;
	padding: 12px 0;
	margin: 15px auto 0;
	z-index: 1;
	position: relative;
}
/*--------
recruit info
--------*/
.recruit .bg-box{
	background: url(../images/bg03.jpg) no-repeat center center;
	background-size: cover;
}
.recruit li{
	width: 24%;
	float: left;
	margin-right: 1.33%;
	color: #fff;
}
.recruit li:last-child{
	margin-right: 0;
}
.recruit li p{
	font-size: 1.4rem;
	text-align: center;
}
.recruit li .icon-box{
	background: #fff;
	border-radius: 50%;
	width: 80%;
	margin: 30px auto;
}
.recruit li img{
	display: block;
	margin: 0 auto;
	width: 100%;
	border-radius: 50%;
	-webkit-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
}
.recruit li img:hover{
	-moz-box-shadow: 0px 5px 11px 0px #000000b0;
	-webkit-box-shadow: 0px 5px 11px 0px #000000b0;
	box-shadow: 0px 5px 11px 0px #000000b0;
}
.recruit li .txt-box{
	text-align: center;
}
.condition .wrap-img{
	width: 50%;
	float: left;
	background: url(../images/top_recruit.jpg) no-repeat left top;
	background-size: cover;
}
.condition .wrap-img p{
	text-indent: -9999rem;
}
.condition .wrap-txt{
	width: 50%;
	float: right;
	padding: 6vh;
	box-sizing: border-box;
	position: relative;
}
.condition .wrap-txt p{
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 30px;
	text-align: center;
}
.condition .wrap-txt a{
	float: left;
	margin-top: 30px;
}
/*--------
contact us
--------*/
.contact-us .form-box{
	width: 60%;
	margin: 0 auto;
}
.contact-us .form-box .bnr{
	display: block;
	margin: 30px auto;
	border: 1px #ccc solid;
	padding: 20px;
	box-sizing: border-box;
	-webkit-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
}
.contact-us .form-box .bnr:hover{
	box-shadow: 0px 2px 5px 0px #a0a0a0b0;
}
.contact-us .form-box img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.contact-us .form-box .wrap-radio{
	text-align: center;
	margin: 50px auto;
	line-height: 11px;
}
.contact-us .form-box .wrap-radio label{
	font-weight: bold;
}
.contact-us .form-box .wrap-radio .last{
	margin-left: 10px;
}
.contact-us .form-box ul{
	margin-bottom: 20px;
}
.contact-us .form-box ul li{
	width: 48%;
	float: left;
	box-sizing: border-box;
}
.contact-us .form-box ul li:first-child{
	margin-right: 4%;
}
.contact-us .form-box .wrap-time li:first-child div{
	margin-top: 10px;
}
.contact-us .form-box .wrap-time li:first-child input[type=checkbox]{
	display: block;
	float: left;
	margin-top: 5px;
}
.contact-us .form-box .wrap-time li:first-child label{
	padding-left: 10px;
}
.contact-us .form-box .wrap-time li:last-child div{
	margin-top: 18px;
}
.contact-us .form-box ul li input[type=text],
.contact-us .form-box ul li input[type=tel],
.contact-us .form-box [type=file],
.contact-us .form-box textarea{
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	background: #ececec;
	border-radius: 0;
}
.contact-us .form-box [type=file]{
	margin-bottom: 20px;
}
.contact-us .form-box textarea{
	resize: none;
	height: calc( 1.3em * 8 );
    line-height: 1.3;
}
.contact-us .form-box ul li select{
	border: 1px #ccc solid;
	width: 100%;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 0;
}
.contact-us .form-box p{
	font-weight: bold;
	padding-bottom: 3px;
}
.contact-us .form-box .more-btn{
	border: none;
	display: block;
	margin: 50px auto;
	cursor: pointer;
	width: 250px;
	height: 44px;
	font-size: 0.9rem;
}
.contact-us .form-box .sign{
	display: block;
}
/*--------
footer
--------*/
#footer{
    margin-left: 200px;
    background: url(../images/bg03.jpg) no-repeat center 80%;
    background-size: cover;
}
#footer .inner{
	padding: 50px 0 40px;
}
#footer .bnr-list li{
	float: left;
	width: 24%;
}
#footer .bnr-list li{
	margin-right: 1.33%;
}
#footer .bnr-list li:last-child{
	margin-right: 0;
}
#footer .bnr-list li img{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}
#footer .img-list{
	margin: 15px auto;
	padding-top: 15px;
	border-top: 1px #fff solid;
}
#footer .img-list .logo{
	float: left;
}
#footer .img-list .logo img{
	width: 100px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
#footer .img-list .logo img:hover{
	opacity: 0.7;
}
#footer .img-list .sns-list{
	float: right;
}
#footer .img-list .sns-list a{
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: #a9a9a9;
	border-radius: 50%;
	margin-left: 10px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	color: #fff;
    text-align: center;
    line-height: 28px;
}
#footer .img-list .sns-list a:hover{
	opacity: 0.7;
}
#footer .footer-gnb{
	font-size: 0.85rem;
}
#footer .footer-gnb a{
	color: #fff;
	text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
#footer .footer-gnb a:hover{
	opacity: 0.7;
}
#footer .footer-gnb p{
	color: #fff;
}
#footer .footer-gnb > ul > li{
	width: 14.28%;
	float: left;
}
#footer .footer-gnb .sub{
	margin-top: 5px;
	font-size: 0.8rem;
}
#footer .copyright{
	text-align: center;
	color: #fff;
	background: #545454;
	font-size: 0.8rem;
	padding: 10px 0;
}
/*to top button*/
#top-btn{
	opacity: 0;
	position: fixed;
	right: 20px;
	bottom: 50px;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
#top-btn.on{
	opacity: 1;
}
#top-btn img{
	display: block;
	width: 80px;
	border-right: none;
}
/*------------------------

下層ページCSS

------------------------*/
.contents{
	margin-top: 100px;
}
.contents h3{
	text-align: center;
	font-weight: 500;
	font-size: 1.5rem;
	margin-bottom: 30px;
}
.page #main{
	height: 60vh;
}
/*about auto id（下層）*/
.page-about-autoid #main{
	background: url(../images/about-autoid/main.jpg) no-repeat center center;
    background-size: cover;
}
.page-about-autoid .main-txt{
	position: absolute;
	top: 17%;
	left: 10%;
	height: 200px;
	width: inherit;
}
.page-about-autoid .autoid-list li.txt-box div:last-child{
	margin-bottom: 0;
}
.page-about-autoid .type-list li{
	width: 23.5%;
	margin-right: 2%;
	float: left;
}
.page-about-autoid .type-list li:last-child{
	margin-right: 0;
}
.page-about-autoid .type-list li p.gradient{
	color: #fff;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 15px;
}
.page-about-autoid .type-list li img{
	width: 100%;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}
.page-about-autoid .type-list li div {
	margin: 15px auto;
}
.page-about-autoid .type-list li div img{
	float: left;
	width: 48%;
}
.page-about-autoid .type-list li div img:first-child{
	margin-right: 4%;
}
.page-about-autoid .introduction h3 img{
	padding-right: 10px;
}
.page-about-autoid .introduction .sub{
	text-align: center;
}
.page-about-autoid .introduction .case{
	margin-top: 100px;
}
.page-about-autoid .introduction .case p{
	border-bottom: 1px #f00 solid;
	text-align: center;
	padding-bottom: 5px;
	font-size: 1.2rem;
}
.page-about-autoid .introduction .case img{
	display: block;
	width: 100%;
}
.page-about-autoid .merit-list ul li{
	width: 50%;
	box-sizing: border-box;
}
.page-about-autoid .merit-list ul li.left{
	float: left;
}
.page-about-autoid .merit-list ul li.right{
	float: right;
}
.page-about-autoid .merit-list ul li.txt-box{
	padding: 30px;
}
.page-about-autoid .merit-list ul li.txt-box img{
	display: block;
	margin: 0 auto;
	width: 100px;
}
.page-about-autoid .merit-list ul li.txt-box p{
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
	margin-top: 10px;
}
.page-about-autoid .merit-list ul li.txt-box div{
	margin: 20px auto 50px;
}
.page-about-autoid .merit-list ul li.txt-box a{
	display: block;
	margin: 0 auto;
}
.page-about-autoid .merit-list .img-box{
	text-indent: -9999rem;
}
.page-about-autoid .merit-list .merit01 .img-box{
	background: url(../images/about-autoid/merit01.jpg) no-repeat center center;
	background-size: cover;
}
.page-about-autoid .merit-list .merit02 .img-box{
	background: url(../images/about-autoid/merit02.jpg) no-repeat center center;
	background-size: cover;
}
.page-about-autoid .merit-list .merit03 .img-box{
	background: url(../images/about-autoid/merit03.jpg) no-repeat center center;
	background-size: cover;
}
.page-about-autoid .merit-list .merit04 .img-box{
	background: url(../images/about-autoid/merit04.jpg) no-repeat center center;
	background-size: cover;
}
.page-about-autoid .merit-list .merit05 .img-box{
	background: url(../images/about-autoid/merit05.jpg) no-repeat center center;
	background-size: cover;
}

/*top message（下層）*/

/* sp main画像はメディアクエリ欄1405あたり */
.page-top-message #main{
	background: url(../images/top-message/main.jpg) no-repeat center top;
    background-size: cover;
}
.page-top-message #main .main-txt{
	position: absolute;
	top: calc(50% - 100px);
	left: 30%;
	height: 200px;
	width: 40%;
}
.page-top-message .contents{
	margin-top: 0px;
}
.page-top-message .message-txt li{
	float: left;
	width: 48%;
}
.page-top-message .message-txt li:first-child{
	margin-right: 4%;
}
.page-top-message .message-txt li:last-child p{
	text-align: right;
}
.page-top-message .message-list:first-child{
	margin-bottom: 30px;
}
.page-top-message .message-list .left{
	float: left;
}
.page-top-message .message-list .right{
	float: right;
}
.page-top-message .message-list .txt-box{
	width: 45%;
	padding: 30px;
	box-sizing: border-box;
}
.page-top-message .message-list .img-box{
	width: 55%;
	text-indent: -9999rem;
}
.page-top-message .list01 .img-box{
	background: url(../images/top-message/img01.jpg) no-repeat center center;
	background-size: cover;
}
.page-top-message .list02 .img-box{
	background: url(../images/top-message/img02.jpg) no-repeat center center;
	background-size: cover;
}
.page-top-message .top-interview .main-img{
	position: relative;
	margin-bottom: 50px;
}
.page-top-message .top-interview .main-img img{
	display: block;
	width: 100%;
}
.page-top-message .top-interview .main-img p{
	position: absolute;
	width: 60%;
	left: 0;
	bottom: 10%;
	color: #fff;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: right;
	padding: 5px 15px;
	box-sizing: border-box;
}
#interview-list li{
	padding: 20px 50px;
	box-sizing: border-box;
}
#interview-list li.grey{
	background: #f1f1f1;
}
#interview-list li p{
	position: relative;
	float: left;
	width: 120px;
	margin-right: 30px;
}
#interview-list li p:before{
	content: "";
	width: 120px;
	height: 120px;
	position: absolute;
	left: 0;
	/*background: #000;*/
	opacity: 0.3;
	border-radius: 50%;
}
#interview-list li p span{
	display: block;
	text-align: center;
	margin-top: 5px;
}
#interview-list li p img{
	display: block;
	width: 100%;
	border-radius: 50%;
}
#interview-list li div{
	float: left;
	width: calc(100% - 150px);
}

/*top message（下層）*/
.page-recruit #main{
	background: url(../images/recruit/main.jpg) no-repeat center center;
    background-size: cover;
}
.page-recruit #main .main-txt{
	position: absolute;
	top: calc(50% - 100px);
	left: 30%;
	height: 200px;
	width: 40%;
}
.page-recruit .wrap-list-top img{
	display: block;
	width: 100%;
}
.page-recruit .wrap-list-top div{
	padding: 15px;
	box-sizing: border-box;
	margin-bottom: 50px;
}
.page-recruit .icon li{
	width: 50%;
	box-sizing: border-box;
	padding: 30px;
}
.page-recruit .icon li.img-box{
	float: left;
	background: url(../images/bg03.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	color: #fff;
}
.page-recruit .icon li.img-box p{
	font-size: 1.2rem;
}
.page-recruit .icon li.img-box .wrap-img{
	background: #fff;
	border-radius: 50%;
	margin: 20px auto;
	width: 150px;
}
.page-recruit .icon li.img-box .wrap-img img{
	display: block;
	margin: 0 auto;
	width: 100%;
	border-radius: 50%;
	-webkit-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
}
.page-recruit .icon li.txt-box{
	float: right;
	background: #f1f1f1;
	padding: 50px 30px;
	box-sizing: border-box;
	overflow: hidden;
}
.page-recruit .icon li.txt-box div{
	margin-bottom: 15px;
}
.page-recruit .icon li.txt-box div:last-child{
	margin-bottom: 0;
}
.page-recruit .list-type01 li{
	width: 48%;
	float: left;
}
.page-recruit .list-type01 li:first-child{
	margin-right: 4%;
}
.page-recruit .list-type02 li{
	width: 30%;
	float: left;
	margin-bottom: 30px;
}
.page-recruit .list-type02 li:nth-child(2){
	margin-left: 5%;
	margin-right: 5%;
}
.page-recruit .info li .gradient{
	color: #fff;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
	width: 80%;
	padding: 5px 0;
	margin: 20px auto;
}
.page-recruit .info li img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.page-recruit .info li div{
	padding: 30px;
	box-sizing: border-box;
}
.page-recruit .condition-list .txt-box{
	padding: 15px;
	box-sizing: border-box;
}
.page-recruit .condition-list img{
	display: block;
	width: 100%;
}
.page-recruit .condition-list ul{
	margin-bottom: 50px;
}
.page-recruit .condition-list ul li{
	padding: 10px 0;
}
.page-recruit .condition-list ul li p,
.page-recruit .condition-list ul li div{
	-moz-border-image: -moz-linear-gradient(left, #ff8563 0%, #c0213b 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #ff8563 0%, #c0213b 100%);
	border-image: linear-gradient(to right, #ff8563 0%, #c0213b 100%);
	border-image-slice: 1;
	padding: 15px;
	box-sizing: border-box;
}
.page-recruit .condition-list ul li p{
	float: left;
	width: 20%;
	font-weight: bold;
	border-bottom: 2px solid transparent;
}
.page-recruit .condition-list ul li div{
	float: left;
	width: 80%;
	border-bottom: 1px solid transparent;
}

/*Employee Introduction（下層）*/
.page-interview #main{
	background: url(../images/interview/imager_team_back.jpg) no-repeat center center;
    background-size: cover;
}

.page-interview #main .main-txt{
	position: absolute;
	top: calc(50% - 100px);
	left: 30%;
	height: 200px;
	width: 40%;
}
.page-interview .wrap-team .team-main-box{
	position: relative;
	height: 40vh;
	margin-bottom: 30px;
	background-size: cover;
}
.engineering{
	background: url(../images/interview/tech_team_main.jpg) no-repeat center center;

}
.soft{
	background: url(../images/interview/soft_team_main.jpg) no-repeat center center;
}
.sales{
	background: url(../images/interview/sales_team_main.jpg) no-repeat center center;
}
.page-interview .wrap-team .team-main-box .name{
	visibility: visible;
    opacity: 1;
    width: 15%;
    position: absolute;
    left: 15px;
    top: 15px;
    -webkit-transition: visibility 0.1s, opacity 0.2s ease-in-out;
    transition: visibility 0.1s, opacity 0.2s ease-in-out;
}
.page-interview .wrap-team .team-main-box .name p{
	color: #fff;
    text-align: center;
    font-size: 0.8rem;
    padding: 3px 0;
}
.page-interview .wrap-team .team-main-box .name span{
	display: block;
	text-align: center;
	background: #fff;
}
.page-interview .wrap-team .member-list{
	margin-bottom: 50px;
}
.page-interview .wrap-team .member-list li{
	width: 30%;
	float: left;
	margin-right: 5%;
}
.page-interview .wrap-team .member-list li:last-child{
	margin-right: 0;
}
.page-interview .wrap-team .member-list li .gradient-border{
	display: block;
	width: 100%;
    box-sizing: border-box;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
}
.page-interview .wrap-team .member-list li .gradient{
	color: #fff;
    text-align: center;
    padding: 10px 0;
    margin: 15px 0;
}
.page-interview #interview-list{
	margin: 20px auto;
}
.page-interview .team-interview img{
	display: block;
	width: 100%;
}
.page-interview .other-list li{
	width: 48%;
	float: left;
	transition: all 0.3s ease-in-out;
}
.page-interview .other-list li:hover{
  -ms-transform: translate(0, -5px); /* IE 9 */
  -webkit-transform: translate(0, -5px); /* Safari */
  transform: translate(0, -5px);
}
.page-interview .other-list li:first-child{
	margin-right: 4%;
}
.page-interview .other-list li .link-box{
	display: block;
	height: 25vh;
	position: relative;
}
.page-interview .other-list li .link-box .more-btn{
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.page-interview .other-list li.engineering .link-box{
	background: url(../images/interview/next_tech.jpg) no-repeat center center;
	background-size: cover;
}
.page-interview .other-list li.soft .link-box{
	background: url(../images/interview/next_soft.jpg) no-repeat center center;
	background-size: cover;
}
.page-interview .other-list li.sales .link-box{
	background: url(../images/interview/next_sales.jpg) no-repeat center center;
	background-size: cover;
}
.page-interview .other-list li .name p{
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	padding: 5px 0;
}
.page-interview .other-list li .name span{
	display: block;
	text-align: center;
	background: #fff;
}


/*------------------------

img Matsuoka add

------------------------*/

#recruit01{
		padding-top: 10px;
	}
#recruit02{
		padding-top: 10px;
	}
#recruit03{
		padding-top: 10px;
	}
#recruit04{
		padding-top: 10px;
	}

.interview-lead-text{
	max-width: 80%;
	margin: 0 auto;
	margin-bottom: 50px;
}

.interview-h3 h3{
    font-weight: 500;
    font-size: 1.5rem;
    margin-top: 30px;
    font-style: italic;
    line-height: 1.8em;
    color: #eb6556;
    /*margin-bottom: 60px;*/
    
}

.interview-h3::before {
    content: '';
    display: block;
    height: 30px;
    width: 100%;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(25%,rgba(0,0,0,.8)),color-stop(0%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.8) 25%,rgba(255,255,255,0) 0%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.8) 25%,rgba(255,255,255,0) 0%);
    background-image: linear-gradient(to right,rgba(0,0,0,.8) 25%,rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
}

.interview-h3::after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(25%,rgba(0,0,0,.8)),color-stop(0%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.8) 25%,rgba(255,255,255,0) 0%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.8) 25%,rgba(255,255,255,0) 0%);
    background-image: linear-gradient(to right,rgba(0,0,0,.8) 25%,rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
}


#interview-list li.tsuru_back {
    /*background: #ffeedb;*/
    color: #0999cc;
}


.font-weight600{
	font-weight: 600;
}

.font-weight700{
	font-weight: 700;
}

.font-weight800{
	font-weight: 800;
}


.margin-bottom-100px{
	content: '';
	height: 100px;
}

.margin-top30px{
	content: '';
	height: 30px;
}


/*ここから*/
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height: 6;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 4px 0 1px 0;
	background: #e45b52;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #333333;
	/*background: #f1c6c6;*/
}
/*.cp_actab .cp_actab-content p {*/
/*	margin: 1em;*/
/*}*/
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	/*max-height: 20em;*/
	max-height: 1000em;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
	font-size: 2em;
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

/*ここまで*/










/*------------------------

レスポンシブ

------------------------*/
@media(max-width: 1300px){
	.inner{
		width: 100%;
		padding: 100px 20px;
	}
	/*about imager*/
	.chart-box li{
		padding: 0 30px;
	}
	/*footer*/
	#footer .inner{
		padding: 50px 20px 40px;
	}
}

@media(min-width: 1025px){
	/*interview*/
	.interview .team-list li:first-child{
		background: url(../images/tech_team_topimage.jpg) no-repeat center center;
		background-size: cover;
	}
	.interview .team-list li:nth-child(2){
		background: url(../images/sales_team_topimage.jpg) no-repeat center center;
		background-size: cover;
	}
	.interview .team-list li:last-child{
		background: url(../images/soft_team_topimage.jpg) no-repeat center center;
		background-size: cover;
	}
	.interview .team-list li:hover .name{
		visibility: hidden;
		opacity: 0;
	}
	.interview .team-list li:hover .info{
		visibility: visible;
		opacity: 1;
	}
	.interview .team-list li:after{
		display: none;
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		border: 2px #fff solid;
	}
	.interview .team-list li:hover:after{
		display: block;
	}
}

@media(max-width: 1024px){
	body{
		font-size: 0.9rem;
	}
	.title img{
		height: 60px;
	}
	.title p{
		font-size: 1.2rem;
	}
	/*about imager*/
	.chart-box li{
		padding: 0 15px;
	}
	/*interview*/
	.interview .team-list li{
		background: none !important;
		height: inherit;
		width: 31.33%;
		margin: 0 1%;
	}
	.interview .team-list li img{
		width: 100%;
		display: block;
	}
	.interview .team-list li .name{
		top: 10px;
		left: 10px;
		width: 45%;
	}
	.interview .team-list li .name p{
		font-size: 0.6rem;
	}
	.interview .team-list li .name span{
		font-size: 0.6rem;
		display: none;
	}
	.interview .team-list li .name p {
 	    padding: 0px 0;
	}
	.interview .team-list li .info{
		visibility: visible;
		opacity: 1;
		background: #fff;
		height: auto;
		color: #404040;
		padding: 15px;
		box-shadow: 0px 2px 10px 0px rgba(0,0,0, 0.1);
	}
	.interview .team-list li .info .txt01{
		display: none;
	}
	.interview .team-list li .info .txt02,
	.interview .team-list li .info .txt03{
		margin-bottom: 15px;
		text-align: left;
	}
	.interview .team-list li .info a{
		width: 100%;
		bottom: inherit;
		left: inherit;
	}
}
@media(max-width: 768px){
	#gnb{
		display: none;
	}
	#content,
	#footer{
		margin-left: 0;
	}

	/*mobile menu*/
	#mobile-gnb{
		display: block;
	}
	nav:not(.mm-menu)
	{
		display: none;
	}
	.mh-head{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
		padding: 10px 15px;
		box-sizing: border-box;
		text-align: right;
		background: #fff;
		border-bottom: 2px #c91c1d solid;
	}
	.mh-head .logo img{
		display: block;
		height: 40px;
		float: left;
	}
	.mh-head .mh-btns-right{
		position: absolute;
		right: 15px;
		top: 19px;
	}
	.mh-head .mh-btns-right a img{
		width: 38px;
	}
	.mm-menu {
		background: url(../images/bg03-sp.jpg) no-repeat center center;
		background-size: cover;
		overflow: hidden;
	}
	.mm-navbars_top{
		background: none;
		border-bottom: none;
		transform: translateY(-100%);
		transition: transform 0.3s ease 0.3s;
	}
	.mm-wrapper_opening .mm-navbars_top{
		transform: translateY(0%);
	}
	.mm-navbar {
		background: none !important;
	}
	.mm-panels,
	.mm-panels > .mm-panel {
		background: none;
	}
	.mm-navbar_has-btns {
		border: none;
		padding-left: 0 !important;
	}
	.mm-btn_prev::before {
		left: 15px;
	}
	.mm-prev::before {
		left: 18px;
	}
	.mm-panels > .mm-panel:before
	{
		height: 40px;
	}
	.mm-listitem > a,
	.mm-listitem > span {
		color: rgba( 255, 255, 255, 0.8 );
	}
	.mm-listitem > a,
	.mm-listitem > span {
		font-size: 16px;
		padding: 15px 10px 15px 40px;
	}
	/*main*/
	#main.top img{
		height: 200px;
		width: 80%;
		left: 10%;
		top: calc(50% - 70px)
	}
	
	
	
	/*main sp追加ここから*/
	#main {
	     background: url(../images/sp_main.jpg) no-repeat center center;
         background-size: cover;
	}
	.page-interview .wrap-team .team-main-box .name span {
	    display: none;
	}	
	.page-interview .wrap-team .team-main-box .name p {

    font-size: 0.6rem;
    padding: 0px 0; 
}
	.page-interview .wrap-team .team-main-box {
	    
	    height: 32vh;
	    
}

	.wrap-team img{
		max-width: 100%;
		
	}
	.top-interview img{
		max-width: 100%;
		
	}
	.page-interview #main {
	    background: url(../images/interview/imager_team_back.jpg) no-repeat center center;
	    background-size: cover;
	    height: 42vh;
	}
	
	.inner > .contents {
	/*.page-interview > .contents {*/
		margin-top: 0px;
	    margin-bottom: 100px;

	}
	
	
	
	
	
	
	
	
	
	/*main sp追加ここまで*/
	
	
	/*recruit info*/
	.condition .wrap-txt{
		padding: 30px;
	}
	/*contact us*/
	.contact-us .form-box{
		width: 80%;
	}
	/*下層ページ*/
	/*about auto id（下層）*/
	.page-about-autoid .autoid-list li{
		float: inherit;
		width: 100%;
	}
	.page-about-autoid .autoid-list .img-box{
		height: 30vh;
	}
	/*top message（下層）*/
	.page-top-message .message-list .img-box{
		width: 40%;
	}
	.page-top-message .message-list .txt-box{
		width: 60%;
	}
	/*Employee Introduction（下層）*/
	.page-interview .other-list li .link-box{
		height: 20vh;
	}

	/*top-message（下層）*/
	.page-top-message #main{
		background: url(../images/top-message/main_sp.png) no-repeat center top;
    	background-size: cover;
    }
    
    .margin-none {
    	margin-top: 0 !important;
    }

}
@media(max-width: 640px){
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	.inner{
		padding: 50px 15px
	}
	.more-btn{
		width: 100%;
		box-sizing: border-box;
		float: inherit;
	}
	.title{
		margin-bottom: 30px;
	}
	.title img{
		/*height: 50px;*/
	height: 40px;
	}
	.title p{
		font-size: 0.9rem;
	}
	.about-us ul li,
	.chart-box li,
	.autoid-list li{
		float: inherit;
		width: 100%;
		padding: 15px;
	}
	.about-us ul{
		overflow-x: hidden;
	}
	.about-us ul li:first-child{
		padding: 0 0 15px;
	}
	.about-us ul li:first-child img{
		width: 60%;
	}
	.about-imager .txt-box{
		width: 100%;
	}
	.chart-box{
		margin: 0 auto;
	}
	.chart-box li{
		width: 75%;
		margin: 0 auto;
		padding-top: 30px;
	}
	.autoid-list li.img-box{
		height: 30vh
	}
	.autoid-list li.txt-box{
		padding: 15px;
	}
	.top-message img.sp{
		width: 100%;
	}
	.top-message .bg-box{
		background: none;
	}
	.top-message .bg-box .inner{
		overflow-x: hidden;
	}
	.top-message .message{
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}
	.top-message .message p{
		font-size: 1rem;
		text-align: center;
	}
	.interview{
		padding-top: 0;
	}
	.interview .team-list li{
		float: inherit;
		width: calc(100% - 30px);
		margin: 0 auto 30px;
	}
	.recruit li{
		width: 48%;
		margin-right: 4%;
	}
	.recruit li:nth-child(even){
		margin-right: 0
	}
	.recruit li .icon-box{
		margin: 15px auto;
		width: 70%;
	}
	.condition .wrap-img{
		height: 30vh;
	}
	.condition .item{
		float: inherit;
		width: 100%;
	}
	.contact-us .inner{
		overflow-x: hidden;
	}
	.contact-us .form-box{
		width: 100%;
	}
	.contact-us .form-box p{
		font-size: 0.8rem;
	}
	.contact-us .form-box .more-btn{
		width: 100%;
		margin: 30px auto 50px;
		border-radius: 0 !important;
	}
	#footer .inner{
		padding: 30px 15px;
	}
	#footer .bnr-list{
		overflow-x: hidden;
	}
	#footer .bnr-list li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 15px;
	}
	#footer .bnr-list li:nth-child(even){
		margin-right: 0;
	}
	#footer .bnr-list li:nth-child(3),
	#footer .bnr-list li:last-child{
		margin-bottom: 0;
	}
	#footer .footer-gnb > ul > li{
		width: 50%;
		padding-bottom: 15px;
	}
	#footer .footer-gnb > ul > li:last-child{
		padding-bottom: 0;
	}
	#top-btn{
		right: 10px;
		bottom: 10px;
	}
	/*下層ページ*/
	/*about auto id（下層）*/
	.page{
		padding-top: 62px;
	}
	.page-about-autoid .main-txt{
		height: 200px;
		width: 80%;
		left: 10%;
		top: calc(50% - 100px);
	}
	.page-about-autoid .type-list li{
		width: 48%;
		margin-right: 4%;
	}
	.page-about-autoid .type-list li:first-child,
	.page-about-autoid .type-list li:nth-child(2){
		margin-bottom: 30px;
	}
	.page-about-autoid .type-list li:nth-child(2n){
		margin-right: 0;
	}
	.page-about-autoid .introduction .case{
		margin-top: 50px;
	}
	.page-about-autoid .merit-list ul li{
		float: inherit;
		width: 100%;
	}
	.page-about-autoid .merit-list ul li.img-box{
		height: 30vh;
	}
	.page-about-autoid .merit-list ul li.txt-box{
		margin-bottom: 50px;
	}
	.page-about-autoid .merit-list ul li.txt-box div{
		margin: 20px auto;
	}
	/*top message（下層）*/
	.page-top-message #main .main-txt{
		height: 74px;
		top: calc(50% - 37px)
	}
	.page-top-message .message-txt li{
		float: inherit;
		width: 100%;
		margin: 0 auto 15px;
	}
	.page-top-message .message-list .img-box{
		float: inherit;
		width: 100%;
		height: 30vh;
	}
	.page-top-message .message-list .txt-box{
		float: inherit;
		width: 100%;
		padding: 30px 0;
	}
	.page-top-message .top-interview .main-img p{
	    position: inherit;
	    width: 100%;
	    text-align: center;
	    font-size: 1rem;
	}
	#interview-list li{
		padding: 15px;
	}
	#interview-list li p{
		width: 50px;
		height: 50px;
		margin-right: 15px;
	}
	#interview-list li p:before{
		width: 50px;
		height: 50px;
	}
	#interview-list li p span{
		font-size: 0.8rem;
	}
	#interview-list li div{
		width: calc(100% - 65px)
	}
	/*top message（下層）*/
	.page-recruit #main .main-txt{
		height: 74px;
		top: calc(50% - 37px)
	}
	.page-recruit .icon li{
		float: inherit;
		width: 100%;
	}
	.page-recruit .list-type01 li,
	.page-recruit .list-type02 li{
		float: inherit;
		width: 100%;
		margin: 30px auto 0 !important;
	}
	.page-recruit .info li .gradient{
		font-size: 1.2rem;
	}
	.page-recruit .condition-list ul li p{
		width: 30%;
	}
	.page-recruit .condition-list ul li div{
		width: 70%;
	}
	/*Employee Introduction（下層）*/
	.page-interview .wrap-team .team-main-box .name{
		width: 50%;
	}
	.page-interview .wrap-team .member-list li{
		float: inherit;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.page-interview .other-list li{
		float: inherit;
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 15px;
	}
	.page-interview .other-list li .link-box{
		height: 30vh;
	}
	.page-interview .other-list li .link-box .more-btn{
		width: 50%;
	}
}