@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*=================================
	reset.css
================================ */
body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,p, blockquote{
  margin: 0;
  padding: 0;
}
table {
  border-collapse:collapse;
  border-spacing: 0;
}
img {
  border: 0;
  vertical-align:bottom;
}
address, caption, cite, code, dfn, em, strong, var {
  font-style: normal;
  font-weight: normal;
}
ul {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

a img {
  border: none;
}

.clear{
  clear:both;
}
.clearfix:before,
.clearfix:after{
  content:"";
  display: table;
}
.clearfix:after{
  clear: both;
}
.clearfix{
  *zoom:1;
}

/*=================================
	general
================================ */
html {
  font-size: 62.5%;
  height: 100%;
}
body {
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
  color:#333; 
  font-size: 15px;
  font-size: 1.5rem;
  line-height:1.7;
  background : #FFF;
}

a:link,a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }

/* スマホ縦横 フォントサイズ固定 */
body {
  -webkit-text-size-adjust: 100%;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

img{
  max-width: 100%;
  height: auto;
  width /***/:auto;　/*IE8のみ適用*/
}

#wrapper {
  width:100%;
  text-align : center;
}

#header,
main{
  text-align:left;
}
/*=================================
	header
================================ */
.rectop .headinner{
  position:relative;
  width:1280px;
  height:400px;
  margin:0 auto;
  background-image:url("../images/rtimg00.jpg");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  border-left:1px #EAEAEA solid;
  border-right:1px #EAEAEA solid;
  border-bottom:1px #EAEAEA solid;
}

.logo{
  padding:20px 0 0 3.33%;
}
.logo:hover{
  opacity:0.8;
}
.rectop .txtbox{
  position:absolute;
  top:157px;
  left:10%;
}
.rectop h1{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size:40px;
  font-size:4rem;
  line-height:1;
  margin-bottom:30px;
}
a.rtbtn{
  position:absolute;
  top:20px;
  right:3.33%;
  display:block;
  font-size:12px;
  font-size:1.2rem;
  color:#FFF;
  font-weight:bold;
  line-height:1;
  padding:10px 15px;
  border:1px #FFF solid;
  border-radius:20px;
  box-shadow:0px 0px 20px 20px rgba(0, 0, 0, 0.1),0px 0px 20px 20px rgba(0, 0, 0, 0.1) inset;
}
a.rtbtn:hover{
  color:#F7782D;
  text-decoration:none;
  background:#FFF;
  box-shadow:0px 0px 20px 20px rgba(0, 0, 0, 0.1);
}
/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 1280px) {/*1280px以下のスタイル*/
.rectop .headinner{
  width:100%;
}
}/* end 1280px */

@media (max-width: 480px) {/*480px以下のスタイル*/
.rectop .headinner{
  height:350px;
}
.logo{
  width:150px;
}
.rectop .txtbox{
  width:100%;
  top:auto;
  bottom:0;
  left:0;
  color:#FFF;
  padding:3.33%;
  background:rgba(0,0,0,0.6);
}
.rectop h1{
  font-size:30px;
  font-size:3rem;
  line-height:1;
  margin-bottom:10px;
}
.rectop p{
  font-size:13px;
  font-size:1.33rem;
}

.rtbtn{
  top:15px;
  padding:10px 10px;
}
}/* end 480px */

/*=================================
	main
================================ */
.rectop .contents{
  width:1280px;
  margin:0 auto;
  border-left:1px #EAEAEA solid;
}

.rtlist{
  width:100%;
}
.rtlist>li{
  width:33.3%;
  height:422px;
  float:left;
  border-right:1px #EAEAEA solid;
  border-bottom:1px #EAEAEA solid;
}
.rtlist>li:nth-child(3n){
  width:33.4%;
}
.rtlist li .img{
  height:210px;
  margin-bottom:6%;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-position:center 0;
  background-size:cover;
  background-repeat:no-repeat;
}
.rtlist li.new .img{
  background-image:url("../images/rtimg01.jpg");
}
.rtlist li.career .img{
  background-image:url("../images/rtimg02.jpg");
}
.rtlist li.overseas .img{
  background-image:url("../images/rtimg03.jpg");
}
.rtlist li.normalization .img{
  background-image:url("../images/rtimg04.jpg");
}
.rtlist li.manager .img{
  background-image:url("../images/rtimg05.jpg");
}
.rtlist li.ir .img{
  background-image:url("../images/rtimg06.jpg");
}
.rtlist li.arbeit .img{
  background-image:url("../images/rtimg07_2019.jpg");
}
.rtlist>li>h2>a{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size:18px;
  font-size:1.8rem;
  font-weight:700;
  color:#E90501;
  padding:0 7.5% 7.5%;
}
.rtlist>li>p{
  padding:10px 7.5% 7.5%;
}
.rtlist li.last ul{
  width:100%;
}
.rtlist li.last>ul>li{
  width:100%;
}
.rtlist li.last>ul>li>a,
.rtlist li.last>ul>li>.txt{
  width:50%;
  height:210px;
float:left;
}
.rtlist li.last>ul>li>a>div.img{
  margin-bottom:0;
}
.rtlist li.last li h3{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size:16px;
  font-size:1.6rem;
  font-weight:700;
  padding:12% 7.5% 0;
}
.rtlist li.last li p{
  font-size:12px;
  font-size:1.2rem;
  padding:10px 7.5% 7.5%;
}
.rtlist li.last li.ir{
  border-bottom:1px #EAEAEA solid;
}
.rtlist li a div.img:hover,
.rtlist li a:hover{
  opacity:0.8;
}

/*-------------------- ■ START Media Queries ■ --------------------*/

@media (max-width: 1280px) {/*1280px以下のスタイル*/
.rectop .contents{
  width:100%;
}
}/* end 1280px */
@media (max-width: 768px) {/*768px以下のスタイル*/
.rtlist>li{
  width:50%;
  float:left;
  border-right:1px #EAEAEA solid;
  border-bottom:1px #EAEAEA solid;
}
.rtlist>li:nth-child(3n){
  width:50%;
}
}/* end 768px */
@media (max-width: 480px) {/*480px以下のスタイル*/
.rtlist>li{
  width:100%;
height:auto;
  float:left;
  border-right:1px #EAEAEA solid;
  border-bottom:1px #EAEAEA solid;
}
.rtlist>li:nth-child(3n){
  width:100%;
}
.rtlist>li>a{
  background-size:cover;
}
.rtlist>li>h2>a{
  padding:0 3.33% 7.5%;
}
.rtlist>li>p{
  padding:10px 3.33% 7.5%;
}

}/* end 480px */
/*=================================
	footer
================================ */
.copy{
  font-size:12px;
  font-size:1.2rem;
  color:#FFF;
  line-height:1.4;
  text-align:center;
  padding:20px 3%;
  background:#666666;
}
/*-----rtop-----*/
.rtop {
  position: fixed;
  bottom: 48px;
  right: 20px;
}
.rtop a {
  display: block;
  width: 45px;
  height:45px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background: url("../images/btn_totop.png") 0 0 no-repeat;
}