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

/*----------------------------------------------------
  #company
----------------------------------------------------*/


/* ----- メインビジュアル ----- */


#mv_com {
	background: url(../img/com_mv.jpg) 0 0 no-repeat;
	background-size: cover;
	height: 260px;
}
.page_link{
	box-sizing: border-box;
	display:flex;
	width: 640px;
	background: #fff;
	margin: 0 auto;
	border:1px solid #333;
	padding: 13px 0;
	margin-top: -20px;
	z-index:300;
}
ul.page_link li{
	box-sizing: border-box;
	width: 160px;
	text-align: center;
	font-size: 1.3em;

}
.head_space{
	height: 160px;
}
section#company{
	width: 960px;
	margin: 0 auto;
	margin-top: 150px;
}
@media (max-width: 768px) {
	section#company{
		width: 100%;
		margin-top: 0px;
	}	
}
.company_ttl{
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 4rem;
	letter-spacing: 0.2em;
	text-align: left;
	color: #1a2e45;
}
@media (max-width: 768px) {
	.company_ttl{
		width: 100%;
		text-align: center;
	}	
}
.company_ttl_txt{
	text-align: left;
	font-size: 1.6rem;
	letter-spacing: 0.5rem;
	color: #1a2e45;
}
@media (max-width: 768px) {
	.company_ttl_txt{
		text-align: center;
	}	
}

/* ----- 会社概要 --------------------------------------------- */

.company_ctn{
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
    margin-top:50px;
    margin-bottom:50px;
}
@media (max-width: 768px) {
	.company_ctn{
		margin-bottom:0px;
	}	
}
.company_map {
	position: relative;
	width: 420px;
	height: 320px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.company_map {
		width: 100%;
		height: 400px;
	}	
}
.company_map iframe,
.company_map object,
.company_map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cmp_tbl{
	margin:0 auto;
	margin-bottom:60px; 
}


/* ----- table ----- */
table {
	width: 430px;
	font-size: 1.5rem;
	border-collapse: collapse;
}
@media (max-width: 768px) {
	table {
		width: 90%;
    font-size: 1.4rem;
	}
}
table th {
	width: 18%;
	padding: 12px 0 10px;
	border: none;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
  	position: relative;
}
@media (max-width: 768px) {
  table th {
  	width:25%;
    padding: 20px  0 20px 20px;
  }
}

table td {
	padding: 12px 0 10px 50px;
	border: none;
	text-align: left;
	vertical-align: top;
}
@media (max-width: 768px) {
  table td {
    padding: 20px 20px 20px 15px;
  }
}


/* ----- 募集要項 --------------------------------------------- */

#mv_req {
	background: url(../img/req_mv.jpg) 0 0 no-repeat;
	background-size: cover;
	height: 260px;
}

.require_ttl{
	margin-bottom:50px; 
}
.require_ttl_txt{
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 4rem;
	letter-spacing: 0.2em;
	color: #1a2e45;
}
.require_sub_ttl_txt{
	text-align: center;
	font-size: 1.6rem;
    letter-spacing: 0.5rem;
	color: #1a2e45;
}

/* ----- table ----- */
table#req_tbl{
	width: 600px;
	margin:0 auto;
	font-size: 1.5rem;
	border-collapse: collapse;
	margin-top: 50px;
}
@media(max-width: 768px) {
	table#req_tbl {
		width: 90%;
    font-size: 1.4rem;
	}
}
table#req_tbl th {
	width: 18%;
	padding: 18px 0 16px;
	border: none;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
  	position: relative;
  	border-bottom:1px solid #888; 
}
@media (max-width: 768px) {
  table#req_tbl th {
    padding: 20px  0 20px 20px;
  }
}



table#req_tbl td {
	padding: 18px 0 16px 50px;
	border: none;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #888; 
}
@media (max-width: 768px) {
  table#req_tbl td {
    padding: 20px 20px 20px 15px;
  }
}


/* ----- ボタンエリア --------------------------------------------- */

.btn_flex_ctn{
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
    width:600px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 120px;
}
@media (max-width: 768px) {
  .btn_flex_ctn{
  	width: 100%;
    display:block;
    text-align: center;
    margin-bottom: 80px;
  }
}
.und_btn_wide p{
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
.und_btn_wide {
    margin: 0;
    border: 0;
    position: relative;
    width: 260px;
    height: 60px;
    color: #eee;
    text-align: center;
}
@media screen and (max-width: 768px){ 
      .und_btn_wide {
        width: 80%;
        margin:  0 auto;
        margin-bottom:30px; 
    }
  }
.und_btn_wide:hover {
    cursor: pointer;
}
.und_btn_slide{
    overflow: hidden;
}
.und_btn_slide div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px;
}
.und_btn_slide div:nth-child(1) {
    color: #fff;
    background: #1a2e45;
}
.und_btn_slide div:nth-child(2) {
    background: #ec881d;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    left: -260px;
}
  @media screen and (max-width: 768px){ 
      .und_btn_slide div:nth-child(2) {
        left: -100%;
    }
  }
.und_btn_slide div:nth-child(3) {
    color: #ffffff;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    opacity: 0;
}
.und_btn_slide:hover div:nth-child(2) {
    left: 0px;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
}
.und_btn_slide:hover div:nth-child(3) {
    opacity: 1;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
}