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

/*	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	behavior: url("/css/PIE.htc");*/

/*top*/
.slider .bx-wrapper .bx-viewport .bxslider li img {
	max-width:inherit;
	width:100% !important;
}
.top_about {
	padding:70px 0 60px;
}
.top_about .top_about_in {
	max-width:960px;
	margin:0 auto 30px;
}
.top_about .top_about_in:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.top_about .top_about_in section {
	float:left;
	width:32%;
	margin:0 2% 0 0;
	padding:0 0 30px;
	background:#f3f0f0;
}
.top_about .top_about_in section:last-child {
	margin:0;
}
.top_about .top_about_in section h3 {
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	padding:25px 0 0;
	margin:0 0 20px;
	letter-spacing:-0.1rem;
}
.top_about .top_about_in section .comment {
	font-size:1.5rem;
	padding:0 20px;
}
.top_about .btn {
	text-align:center;
	display: block;
}
.top_profile {
	background:url(../img/top/profile_bg03.png) no-repeat center center , url(../img/top/profile_bg01.png) no-repeat center center;
	background-size:auto , cover;
	height:858px;
}
.top_profile .top_profile_in {
	margin:0 0 40px;
	padding:90px 0 0;
}
.top_profile .top_profile_in section {
	margin:0 0 40px;
}
.top_profile .top_profile_in section:last-child {
	margin:0;
}
.top_profile .top_profile_in section h3 {
	color:rgba(255,255,255,0.1);
	/*margin:0 -0.5rem 1rem 0;*/
	margin-bottom: 1rem;
	line-height:6.0rem;
	font-family: 'Teko', sans-serif;
	font-size:8.0rem;
	text-align:center;
	letter-spacing:0.5rem;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.top_profile .top_profile_in section h4 {
	font-size:1.6rem;
	line-height:1.1;
	text-align:center;
	color:#ec3131;
	margin:0 0 10px;
}
.top_profile .top_profile_in section p {
	font-size:1.9rem;
	line-height:1.5;
	text-align:center;
	color:#FFF;
}
.top_profile .btn {
	text-align:center;
	display: block;
}
.top_profile .btn a {
	display:inline-block;
	background:#FFF;
}
.top_interview{
	margin-top: 90px;
	text-align: center;
}
.top_interview img{
	max-width: 100%;
}
.top_pickup {
	max-width:960px;
	margin:0 auto;
	padding:90px 0;
}
.top_pickup .btn01 {
	margin:0 0 100px;
}
.top_pickup .btn01:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.top_pickup .btn01 li {
	float:left;
	margin:0 0 20px;
}
.top_pickup .btn01 li:nth-child(2n) {
	float:right;
}
.top_pickup .btn01 li:nth-child(2n+1) {
	clear:both;
}
.top_pickup .btn01 li:nth-last-child(-n+2) {
	margin:0;
}
.top_pickup .top_pickup_in {
}
.top_pickup .top_pickup_in:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.top_pickup .top_pickup_in .top_pickup_in_l {
	float:left;
}
.top_pickup .top_pickup_in .top_pickup_in_l ul li {
	margin:0 0 20px;
}
.top_pickup .top_pickup_in .top_pickup_in_l ul li:last-child {
	margin:0;
}
.top_pickup .top_pickup_in .top_pickup_in_r {
	float:right;
	width:460px;
}
.f_contact .f_contact_in dl{display: flex;}
.f_contact .f_contact_in dl dt{font-weight: normal;position: relative;line-height: 1;}
.f_contact .f_contact_in dl dt span{line-height: 1.4;}
.f_contact .f_contact_in dl dt, .f_contact .f_contact_in dl dd{flex-basis: 50%;}

@media screen and (max-width:768px){
	header .header_top .header_top_in{width: auto;max-width: 960px;}
	header .header_bottom .header_bottom_in{width: auto;max-width: 960px;}
	.top_about .top_about_in section{float: none;width: 304px;margin:10px auto!important;}
	article{padding-top: 0;}
	header{position: fixed;}
  .sp-nav h1{font-size: 10px;color:white;background-color: #cf1818;text-align: center;font-weight: normal;}
  .sp-nav ul{background-color: rgba(0,0,0,0.65);display: none;}
  .sp-nav ul li a{color: white;display: block;text-align: center;padding: 7px 0;font-size: 16px;}
  .nav-bar{background-color: rgba(0,0,0,0.75);text-align: center;position: relative;}
  .nav-bar img{width: 200px;}
  .nav-bar .icon{width: 30px;position: absolute;top:15px;right: 20px;}
	.top_pickup .top_pickup_in .top_pickup_in_r{width: 100%;}
	footer{padding:20px 10px;}
	footer .footer_in dl{float: none;}
	footer .footer_in div{float: none;}
	.f_contact .f_contact_in{padding:10px;}
	.f_contact .f_contact_in p{font-size: 1.6rem;}
	/*about*/
	.page_ttl{height: 220px;padding: 100px 0 0px;}
	.about .box01 dl dd span{padding: 10px;}
	.about .box02 .box02_in{padding: 30px;}
	.about .box02{padding: 20px;height: auto;}
	.about .box03 p{font-size: 2rem;}
	.about .box04 .box04_in{padding: 20px;}
	.about .box04{height: auto;}
	.about .box05 .box05_in section,.about .box05 .box05_in section:last-child{margin:0 auto 20px;float: none;}
	/*faq*/
	.faq .box01{max-width: 960px;padding: 20px 0 20px;}
	/*recruit*/
	.recruit .box01{height: auto;padding-top: 40px;}
	/*business*/
	.business .box01{max-width: 960px;width: auto;height: auto;padding:40px 10px 0;}
	.business .box02{max-width: 960px;width: auto;height: auto;padding:40px 10px 0;}
	.business .box01 img,.business .box02 img{padding: 0;}
	/*event*/
	.event .box01{max-width: 960px;width: auto!important;padding:40px 10px!important;}
	/*company*/
	.company .box01{max-width: 960px;width: auto!important;padding: 40px 10px;}
	.company .box02{max-width: 960px;width: auto!important;padding: 40px 10px;}
	.company .box02 img{float: none;width: 100%;padding: 0;}
	/*privacy*/
	.privacy .box01{max-width: 960px;width: auto!important;padding: 40px 10px;}
	/*footer*/
	.f_contact .f_contact_in dl{flex-direction: column;}
	.f_contact .f_contact_in dl dt{margin:5px 0;text-align: center;}
	.f_contact .f_contact_in dl dt em{position: relative;top:auto;right:auto;bottom:auto;left:auto;text-align: center;}
	.f_contact .f_contact_in dl dd{text-align: center;}
	/*partner*/
	.partner .box01{width: auto;max-width: 960px;padding:40px 10px ;}
	.partner .box02{width: auto;max-width: 960px;padding:40px 10px 40px;}
	.partner .box03 .box03_in{padding: 20px 10px 40px;}
	.partner .box03 .box03_in p{text-align: left;}
	.partner .box03{padding-top: 20px;}
	.table_partner03,.table_partner02{width: auto;}
	.table_wrap{overflow: auto;white-space: nowrap;}
	.attention{font-size: 14px;text-align: center;}
	/*magazin*/
	.top_interview{
		margin-top: 40px;
	}
}