F@charset "utf-8";
/* CSS Document */
html {
font-family: 'Sarabun', sans-serif, "M PLUS 1p";
}

/*main {
margin-top: 55px;
}*/
/* 基本
------------------------------------------------------*/

#intro{
	/*margin: 50px 0 0 0;*/
}

.job_pl,
.re_pl {
    background-size: 100%;
    padding-top: 14.3%;
}

.kw_pl,
.kn_pl,
.ym_pl {
    background-size: 100%;
    padding-top: 28%;
}

.job_pl {
    background:url(../images/job_top.png) 50% 55px no-repeat fixed;
    background-size: 100%;
}

.kw_pl {
    background:url("../images/kawakami_top.jpg") 50% 55px no-repeat fixed ;
    background-size: 100%;
}

.re_pl {
    background:url("../images/recruit_top.png") 50% 55px no-repeat fixed ;
    background-size: 100%;
}

.kn_pl {
    background:url("../images/shirotani_top.jpg")50% 55px no-repeat fixed ;
    background-size: 100%;
}

.ym_pl {
    background:url("../images/yamada_top.jpg") 50% 55px no-repeat fixed;
    background-size: 100%;
}


@media(max-width:1280px){

	.job_pl {
		background:url(../images/job_top.png) 50% 115px no-repeat fixed;
		background-size: 100%;
	}

	.kw_pl {
		background:url("../images/kawakami_top.jpg") 50% 115px no-repeat fixed ;
		background-size: 100%;
	}

	.re_pl {
		background:url("../images/recruit_top.png") 50% 115px no-repeat fixed ;
		background-size: 100%;
	}

	.kn_pl {
		background:url("../images/shirotani_top.jpg")50% 115px no-repeat fixed ;
		background-size: 100%;
	}

	.ym_pl {
		background:url("../images/yamada_top.jpg") 50% 115px no-repeat fixed;
		background-size: 100%;
	}

}


#second{
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
body {
font: 14px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
max-width: 100%;
margin: 0 auto;
text-align: justify;
text-justify: inter-ideograph;
overflow-x: hidden;
}
/*.wrap {
margin-top: 60px;
}*/
.message_01, .interview_1, .job, .movie_1, .special, .box2_1, .box3_1, .box4_1,.box8 {
max-width: 1200px;
margin: 0 auto;
}
/*スクロールエフェクト*/
.sa {
opacity: 0;
transition: all .9s ease;
}
.sa.show {
opacity: 1;
transform: none;
}
.sa--up {
transform: translate(0, 50px);
}
.sa--scaleUp {
transform: scale(.5);
}
/*スクロールエフェクトおわり*/
/*-----youtube----------*/
div.youtube {
width: 100vw;
position: relative;
padding-bottom: 55.25%;
	padding-top: 14px;
height: 0;
overflow: hidden;
}

div.sp_top {
display: none;
}
div.youtube iframe {
top: 0px;
position: absolute;
left: 0;
width: 100%;
height: 100%;
}


.mov video {
	width: 100%;
}




/*------共通------*/
a {
text-decoration: none;
color: #000;
font-size: 15px;
}
a:hover {
opacity: 0.5;
}
h2 {
font-size: 62px;
font-weight: 900;
-ms-font-weight: bold;
-moz-font-weight: 900;
text-align: center;
margin: 20px auto 70px auto;
}
h2 .yl {
color: #fec120;
}
p {
font-size: 15px;
line-height: 160%;
}
p.bold {
font-weight: 800;
font-size: 32px;
line-height: 130%;
margin-bottom: 12px;
}
.sp_hd {
display: none;
}
.sp {
display: none;
}
.pc {
display: block;
}
.m_sp{
    display:none;
}
@media(max-width:840px){
    .m_sp{
        display:block;
    }
}
/*===================
        ヘッダー
=====================*/
header {
position: fixed;
background: #fff;
width: 100%;
margin: 0 -100%;
padding: 10px 100%;
z-index: 1000;
top: 0;
}
header.pc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.megaphone {
	position: fixed;
	top: 70px;
	right: 5px;
	z-index: 1;
	text-indent: -0.5em;
}
.megaphone a {
	background: rgba(230,230,230,.8);
	padding: 10px 15px 10px 25px;
	border-radius: 8px;
	display: block;
	box-sizing: border-box;
	line-height: 1.5;
}
.megaphone img {
	width: auto;
	height: 22px;
}

@media(max-width:1280px){
	
	.megaphone {
		top: 50px;
		width: calc(100% - 10px);
	}

	.megaphone a {
		padding: 10px 15px 10px 65px;
		font-size: 12px;
	}

	.megaphone img {
		position: absolute;
		left: 15px;
		top: 50%;
		margin-top: -11px;
	}

}

@media(max-width:1280px){

	main {
		padding-top: 60px;
	}
	
}

/*---ナビゲーション-------*/
/*--マイナビボタン--*/
.mn-btn-pc {

}
nav {
display: inline-block;
}
nav ul {
display: inline-block;
text-align: right;
width: 100%;
max-width:1500px;
margin: 0 auto;
}
nav ul li {
display: inline-block;
text-align: center;
font-weight: 600;
	margin-right: 1em;
	vertical-align: middle;
}
img.rogo {
margin: 5px;
}
a .btn01 {
color: #fff;
border-radius: 23px;
width: 210px;
background: red;
text-align: center;
padding: 8px 0;
margin: 0 auto;
}
a .btn02 {
color: #fff;
border-radius: 23px;
width: 300px;
background: red;
text-align: center;
padding: 8px 0;
font-size: 23px;
margin: 20px auto;
}
/*------recruit------*/
span.recruit {
font-size: 35px;
color: #0a74c5;
vertical-align: bottom;
margin: auto 11px;
}
/*------footer------*/
footer {
background: #000;
color: #fff;
text-align: center;
padding: 41px;
	position: relative;
}
footer .bnr {
	position: absolute;
	right: 22px;
	bottom: 22px;
}
footer small {
padding: 10px 0;
}
/*====================
トップページ
======================*/
.interview h2, .job h2 {
text-align: left;
margin-left: 20%;

}

.interview h2, .job h2, .movie h2 {
padding: 45px 0 0 0;
margin-bottom: 50px;
}
/*--メッセージ--*/
div.message {
background-image: url(../images/haikei01.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 0;
position: relative;
padding: 360px 0;
}
section.ms {
background: #fff;
text-align: center;
box-shadow: 0px 0px 4px 2px #eee;
position: absolute;
padding: 25px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
section.ms h1 {
font-size: 38px;
margin-bottom: 25px;
margin-top: 45px;
}
section.ms p {
margin-bottom: 20px;
font-weight: 550;
}
@media(max-width:1020px){
    section.ms {
        background: #fff;
        text-align: center;
        box-shadow: 0px 0px 4px 2px #eee;
        position: absolute;
        padding:3px 30px 3px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        }
}
/*--インタビュー--*/
div.interview {
background-image: url("../images/haikei_02.jpg");
background-size: cover;
height: auto;
margin-top: 70px;
padding-bottom: 50px;
position: relative;
}
section.interview_1 article {
width: 16%;
display: inline-block;
margin: 0 10px;
vertical-align: top;
background: #fff;
box-shadow: 0px 0px 6px #ddd;
}
section.interview_1 article p {
    padding: 0 0 0 5px;
}
section.interview_1 article p:last-child {
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
}
/*--adprinting in number--*/

/*数字で見るコンテンツ部分*/
.o1{
color:#fe632a;
}
.numbers h2{
    padding: 45px 0 0 0;
    margin-top:30px;
    margin-bottom: 80px;
    text-align: left;
    margin-left: 20%;
}
.wrap-nu {
    display:flex;
    flex-wrap:wrap;
    align-items: center;
   gap:20px 10px;
    margin:0 auto;
    width:90%;
}
.wrap-nu::after{
    content:"";
    display: block;
    width:48%;
  }
.nu-item{
width: calc( (100% - 20px)/ 2 );
  margin:0 auto;
}
.nu-item img{
    width: 100%

}
@media(min-width:660px){
  .wrap-nu{
    flex-direction:row;
    justify-content: space-between;
      flex-wrap: wrap;
      width:80%;
      margin: 40px auto 80px;
      gap:60px 20px;
      align-items: center;
      max-width:960px;
  }
  .nu-item{
    width: calc( (100% - 40px)/ 3 );
    max-width:290px;

  }
  .nu-item img{
    max-width:360px;
    width:100%;
  }
  }

/*--job--*/
.job {
position: relative;
margin: 100px auto;
height: 660px;
}
.job article {
width: 25%;
margin-left: 17.5%;
}
.job .img01 {
position: absolute;
    bottom: 16%;
    left: 16%;
    width: 35%;
}
.job .img02 {
position: absolute;
top: 0;
    left: 45%;
    width: 30%
}
.job .img03 {
position: absolute;
    right: 3.5%;
    bottom: 15%;
    width: 28%;
}
.job div.btn00 {
position: absolute;
background: red;
width: 240px;
padding: 13px 0;
transition: transform .5s;
top: 105%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.btn00 p {
color: #fff;
text-align: center;
}
.job div.btn00 p { 
color: #fff;
text-align: center;
}
/*--スペシャルムービー--*/
.navy {
color: #1E66D1;
}
.orange {
color: #fe6d40;
}
.green {
color: #41eb4d;
}
.movie {
background: url("../images/haikei_03.jpg");
background-size: cover;
background-repeat: no-repeat;
    padding: 7px 0;
margin: 0 auto;
}
.movie_1 {
width: 65%;
}
.movie_1 div {
width: 48%;
margin: 10px 5px;
display: inline-block;
}
.movie_1 img {
width: 100%;
padding: 13px 0;
}
.special {
width: 66%;
margin: 0 auto;
}

.movie  h2.center_index {
text-align: center;
}
/*--リクルート--*/
div.box5 {
background-image: url(../images/haikei04.jpg);
background-size: cover;
background-repeat: no-repeat;
    padding:10% 0;
/*height: 340px;*/
position: relative;
}
div.box5 .btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
div.box5 .btn:hover {
background: #279CD5;
transition: 0.8s;
opacity: 1;
}

div.btn a p {
/*padding: 20px 31px;*/
font-size: 80%;
width: 60%;
    vertical-align: middle;
    display: inline-block;
    line-height: 185%;
}


/*================
    yamada
==================*/
div.box2 {
background-image: url(../images/kawakami_00_03.jpg);
background-repeat: no-repeat;
background-size: 25%;
}
div.box2_1 {
/*max-width: 1000px;*/
    margin-top: 90px;
        margin-bottom: 70px;
}
section.box2_2 article {
    vertical-align: top;
    margin-right: 32px;
    margin-left: 38px;
    margin-bottom: 30px;
    float: left;
    width: 65%;
}
section.box2_2 img {
width: 28%;
    margin-left: 10px;
    vertical-align: text-top;
   /* float: right;*/
}
div.box3 {
padding: 58px 0 55px 0;
    background: #eee;
    margin-bottom: 50px;
}
section.box3_1 {
text-align: center;
}
section.box3_1 p {
text-align: left;
}
span.red {
color: #dc1c6b;
}
span.sns {
color: #024D70;
font-weight: 600;
font-size: 15px;
}
/*====================
     kawakami
======================*/
div.box2_2 div.en_mr img#int_k {
width: 50%!important;
}section.box2_2.clearfix {
    margin-bottom: 20px;
}
section.box2_3 {
margin-top: 59px;
clear: both;
margin: 0 auto;
/*width: 83%;*/
}
section.box2_3 img {
display: inline-block;
width: 33%;
margin-right: 10px;
float: left;
}
section.box2_3 article {
width: 64%;
float: right;
}
section.box3_1 {
margin: 0 auto;
}
section.box3_1 article {
width: 24%;
display: inline-block;
margin: 0 10px;
vertical-align: top;
}
section.box3_1 article img {
width: 100%;
}
section.box3_2 {
display: inline-block;
vertical-align: top;
width: 29%;
}
section.box3_2 article {
display: block;
width: 100%;
padding: 0 10px 27px 5px;
}
section.box3_2 article p {
margin-top: 5px;
}
section.box3_2 article img {
width: 41%;
margin-bottom: 5px;
}
section.box3_1, section.box4_1 {
/*max-width: 1175px;*/
}
div.box4 {
background-image: url(../images/kawakami_00_06.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 33px 0;
}
div.box4 #small {
font-size: 20px;
font-weight: normal;
line-height: 4.5em;
}
span.blue {
color: #02D3DA;
}
section.box4_1 {
text-align: center;
padding-bottom: 30px;
}
section.box4_1 article {
display: inline-block;
margin: 0 25px;
width: 30%;
}
section.box4_1 article p {
text-align: center;
margin-top: 5px;
}
section.box4_1 article img {
width: 100%;
}
section.box4_1 article #name {
font-weight: 600;
font-size: 23px;
}
.ow {
width: 164%;
}
/*recruit*/
.recruit_content {
background-image: url("../images/recruit_00_04.png");
/*background-position-x: 10%;
background-size: contain;*/
background-size:cover;
}
h3 {
font-size: 32px;
font-weight: 800;
text-align: center;
margin: 0 auto 36px auto;
line-height: 130%;
}
.color_fee833, .color_96e8f4 {
padding-bottom: 10px;
}
.color_fee833 {
border-bottom: solid 5px #fee833;
width: 19%;
}
.color_96e8f4 {
border-bottom: solid 5px #96e8f4;
width: 11%;
}

.left_content {
width: 70%;
display: inline-block;
}

section.box2_2 img.img_content {
width: 28%;
display: inline-block;
}

/*tbody {
font-size: 120%;
}*/

table {
border-collapse: collapse;
width: 70%;
margin: 0 auto;
}
td {
border: solid 1px;
padding: 1.8em;
font-weight: bold;
}
td:first-child {
background: #f6f4ed;
}
td:nth-child(2) {
text-align: left;
background: #fff;
}
tr, td {
border: solid 1px #DADADA;
}

/*=====================
　　　　jop.php
=======================*/
.box8 {
    width: 100%;
    margin: 54px auto;
}

.job_content img{
width: 90%;
margin: 0 auto;
}

@media (max-width: 1366px) {
div.message {
height: 0;
}
section.box2_2 article {
width: 58%;
padding-right: 10px;
margin-right: 0;
}
section.box2_2 img {
width: 35%;
}
section.box3_1 article {
margin: 0 7px;
}
.job {
height: 500px;
}
.job article {
width: 24%;
margin-left: 18%;
}
.job .img01 {
bottom: 3%;
left: 18%;
}
.job .img02 {
left: 45%;
top: 6%;
}
.job .img03 {
bottom: 3%;
right: 16.5%;
}
.movie {
}

.job_pl,
.re_pl{
    background-size: 113%;
    padding-top:16.3%;
}
}

/*================================
   max-width1280px;
===================================*/
/* 1280pxまでの幅の場合に適応される */
@media (max-width: 1280px) {
header {
padding: 0;
margin: 0;
}
.pc {
display: none;
}
.sp {
display: block;
height: 55px;
position: fixed;
top: 0px;
background: #fff;
z-index: 1000;
width: 100%;
}
header.pc {
	display: none;
}
.sp_hd {
	display: block;
}
	
h2 {
margin: 20px auto 24px auto;
}
.box1 img {
margin: 0;
padding: 0;
}
div.box2 {
background-position-x: -30%;
background-position-y: -5%;
background-size: 38%;
padding: 54px 0;
height: auto;
}
div.box2_1 {
margin: 0 auto;
width: 100%;
}
section.box2_2 {
width: 96%;
margin: 0 auto;
}
section.box2_2 img {
width: 27%;
margin-left: 0;
}
section.box2_2 article {
width: 67%;
margin-right: 10px;
}
.ow {
width: 145%;
}
section.box2_3 article {
margin-left: 10px;
}
div.box3 {
padding: 50px 10px;
}
section.box3_1 article {
width: 25%;
}
section.box3_2 article {
width: 100%;
}
section.box3_2 article img {
width: 40%;
}
div.box4 {
/*height: 540px;*/
margin-bottom: 0;
background-position-y: 165%;
}
section.box4_1 article {
width: 29%;
}
div.box5 {
height: 0;
padding: 125px 0;
}
div.box5 .btn {
margin: 0 auto;
text-align: center;
position: absolute;
}

.box_8 {
width: 75%;
margin: 0 auto;
}

.box2_10 img {
    width: 100%;
}
br.none {
display: none;
}
/*================
    job.php
==================*/
h3.job_content01 {
top:-8.7%;
}

h3.job_content01, h3.job_content02, h3.job_content03 {
    font-size: 34px;
}

.box8 {
    width: 75%;
    margin: 77px auto;
}

    .text_content02 {
        margin-left: 20px;
    }
    
    .text_content,
    .text_content02{
    margin-bottom: 35px;
}
/*=========================
       トップ
===========================*/
.interview h2, .job h2, .movie h2, .numbers h2{
margin-left: 4%;
padding: 39px 0 0 0;
}
div.message {
background-size: cover;
padding: 272px 0;
height: 0;
}
section.ms h1 {
font-size: 38px;
margin-bottom: 30px;
margin-top: 32px;
}
.job {
height: 540px;
}
.job article {
width: 32%;
margin-left: 7%;
margin-top: -1%;
}
.job .img01 {
position: absolute;
bottom: 8%;
left: 5%;
width: 33%;
}
.job .img02 {
position: absolute;
left: 40%;
bottom: 0;
width: 33%;
}
.job .img03 {
position: absolute;
right: 4.5%;
bottom: 9%;
width: 29%;
}

.special {
width: 90%;
margin: 0 auto;
}

.movie_1 {
     width: 90%; 
}

.movie div {
/*height: 250px;*/
}
/*==============
　 　entry.php
===============*/
.color_96e8f4 {
    width: 17%;
    }

.color_fee833 {
    width: 19%;
}
.color_fee833, .color_96e8f4 {
    padding-bottom: 0px;
}
	
	
footer {
padding: 30px;
}

}

/*================================
   max-width960px;
===================================*/
/*--その他ページ--*/
@media (max-width: 960px) {
div.youtube {
	display: none;
	}
div.sp_top {
display: block;
height: auto;
}

div.sp_top img {
width: 100%;
}
#intro{
	margin: 0;
}

.job_pl,
.re_pl {
    width: 100%;
}

.kn_pl,
.ym_pl,
.kw_pl{
    width: 100%;
    height:0;
   padding-top: 38%;
   background-size: 160%;
}


body {
overflow-x: hidden;
}
p {
font-size: 14px;
}
p.btn01 {
margin: 0 auto;
}
nav ul {
width: 100%;
}
h2 {
/*font-size: 38px;*/
font-size:6.5vw;
}
div.box1 {
margin: 0;
padding: 0;
}
div.box1 img {
margin: 0;
padding: 0;
width: 100%;
object-fit: cover;
object-position: 53%;
}
div.box2 {
background-size: 48%;
width: 100%;
margin: 0;
}
div.box2 {
background-size: 45%;
}
div.box2_1 {
padding: 0;
}
.color_fee833 {
width: 25%;
}
.color_96e8f4 {
width: 17%;
}
section.box2_2,
section.box2_3 {
margin: 0 auto;
width: 83%;
}
p.bold {
font-size: 21px;
    margin-left: 0;
    margin-right: 0;
}
.ow {
width: 100%;
}
div.box2 br {
display: none;
}
section.box2_2 article {
width: 100%;
margin-right: 0;
margin-left: 0;
}
section.box2_2 article:first-child {
vertical-align: top;
width: 73%;
margin-bottom: 20px;
padding: 3px;
display: inline-block;
}
section.box2_2 img {
width: 21%;
    margin-left: 5px;
}
section.box2_3 img {
width: 34%;
}
section.box2_3 article {
width: 62%;
margin: 0 auto;
padding: 0 5px;
float: right;
}
div.box3 {
margin: 70px auto;
}
section.box3_1 {
width: 95%;
margin: 0 auto;
}
section.box3_1 article {
width: 29%;
display: inline-block;
}
section.box3_2 {
width: 35%;
margin-left: 3px;
}
section.box3_2 article {
margin: 0;
padding: 0;
width: 100%;
}
div.box4 {
background-position-y: 117%;
padding: 0 0 20px 0;
}
section.box4_1 article {
width: 37%;
}
/*トップページ*/
div.message {
height: 0;
background-size: cover;
padding: 222px 0;
}
div.interview {
/*margin-top: 30px;*/
}
div.interview h2, .job h2, .movie h2, .numbers h2 {
margin-left: 8%;
padding: 36px 0 0 0;
margin-bottom: 25px;
}
.numbers h2{
    font-size:6.5vw;
    padding-top:20px;
    margin-left: 6%;
}
div.interview h2 {
margin-bottom: 25px;
padding: 0;
}
div.job {
height: 450px;
margin: 60px auto 60px auto;
}
.job article {
width: 30%;
margin-left: 8%;
margin-top: 0;
}
div.job .img01 {
bottom: 9%;
left: 7%;
}
div.job .img02 {
left: 44%;
bottom: 3%;
top: 8%;
}
div.job .img03 {
bottom: 9%;
}
div.job div.btn00 {
top:100%;
}
div.box5 {
background-position: 18% 4%;
height: 190px;
}
section.ms p {
font-size: 12px;
}
section.ms h1 {
font-size: 28px;
}
div.box5 {
height: 0;
padding: 95px 0;
}
div.box5 .btn {
font-size: 18px;
background: #fff;
margin: 0 auto;
text-align: center;
}

	div.box5 .btn img {
	width: 100%;
	}
	
.box6 {
margin: 50px auto;
}
.recruit_content {
}
span.recruit p {
font-size: 13px;
margin-bottom: 14px;
}
span.recruit {
font-size: 25px;
}
div.btn a p {
font-size: 15px;
padding: 15px 25px;
}
footer {
padding: 15px;
}
footer .bnr {
	padding: 20px 0 30px;
	position: static;
}

/*インタビュー*/

    /*=========================
    　　　　　job.php 
===============================*/
    .box8 img {
        width: 100% 
    }
/*==========================
   entry.php
============================*/
section.box2_2 img.mr_img {
width: 47%;
display: inline-block;
}

/*.en_mr {
text-align: center;
}*/
}

/*=============================
　 　　max-width660px
================================*/
@media (max-width: 660px) {
	section.ms {
	width: 90%;
	}

	section.ms p {
	margin-bottom: 10px;
	}

	div.message {
	padding: 190px 0;
	}

	div.kn_pl {
		background-image: url(../images/kaneko_top_sp.jpg)50% 55px no-repeat fixed;
		background-size: 100%;
	}

	div.ym_pl {
		background-image: url(../images/yamada_top_sp.jpg)50% 55px no-repeat fixed;
		background-size: 100%;
	}
	div.kw_pl {
		background-image: url(../images/kaneko_top_sp.jpg)50% 55px no-repeat fixed;
		background-size: 100%;
	}
	
	.kn_pl,
	.ym_pl,
	.kw_pl {
	padding-top: 31%;
	}


div.box2 {
background-size: 51%;
}
section.box3_1 article {
margin: 10px auto;
width: 70%;
}
div.job {
height: auto;
width: 97%;
text-align: center;
margin-top: 30px;
}
.job .img01, .job .img02, .job .img03, .job div.btn00 {
position: static;
}
.job .img01, .job .img02, .job .img03 {
width: 72%;
margin: 10px auto;
}

.job .img03 {
    margin: 10px auto 33px auto;
}
.job article {
width: 100%;
text-align: left;
margin-left: 0;
margin-top: 0;
}
.movie {
height: auto;
}
.movie div {
width: 100%;
float: none;
}
div.btn a p {
/*margin: 18px;*/
}
div.box2 {
background-position-x: 0%;
background-position-y: 0%;
background-size: 50%;
}

.img_content {
    /*width: 70%;
    margin: 0 auto;
    display:block;*/
    text-align: center;
}

section.box2_2 img.mr_img {
    width: 100%;
    display:block;
    }
.color_fee833 {
width: 52%;
}
.color_96e8f4 {
width: 36%;
}
section.box2_2 article:first-child, section.box2_2 article {
width: 100%;
}
section.box2_2 {
width: 90%;
}
section.box2_2 img {
width: 70%;
margin-top: 0;
margin-left: 0;
margin: 10px auto;
}
section.box2_3 img {
width: 70%;
margin: 10px auto;
}
section.box2_3 article {
margin-bottom: 45px;
width: 100%;
}
div.box3 {
margin: 0 auto;
}

section.box3_1 {
width: 95%;
margin: 0 auto;
}
section .box3_2 {
width: 100%;
}
section .box3_2 article p {
margin-bottom: 15px;
}
div.box4 {
height: auto;
padding: 0;
}
section.box4_1 article {
width: 65%;
margin-bottom: 30px;
}
table {
width: 90%;
}
tr, th, td {
display: block;
width: auto;
}
th, td {
padding: 0.8em;
text-align: center;
}
tr:first-child {
border-top: 1px solid #dbe1e8;
}
.interview h2, .job h2, .movie h2 .numbers h2 {
margin-left: 3%;
}

.btn00 {
margin: 29px auto 0 50%;
}
.movie {
background-position: 0;
}
footer small {
top: 26%;
left: 8%;
}

/*インタビューベージ*/
div.en_mr {
text-align: center!important;
}	
}
/*======================
    max-width480px
=========================*/
@media (max-width: 480px) {
div.message {
padding: 196px 0;
}
section.ms {
width: 87%;
padding: 5px;
}
section.ms h1 {
font-size: 30px;
margin-bottom: 18px;
margin-top: 22px;
}

div.interview {
background-size: 100%;
padding-top: 0;
padding-bottom: 25px;
}
.job {
position: relative;
margin: 50px auto 60px auto;
height: auto;
}
.job article {
width: 100%;
margin: 20px auto;
}
.job .img01, .job .img02, .job .img03, .job div.btn00 {
position: static;
}
.job .img01, .job .img02, .job .img03 {
margin: 10px auto;
}

.movie {
}
.movie div {
margin: 0 auto;
text-align: center;
}

.movie_1 img {
    width: 85%;
}
span.recruit {
font-size: 22px;
}
footer small {
top: 30%;
left: 2%;
}
div.box3 {
padding: 50px 10px 30px 9px;
}
section.box4_1 article {
width: 80%;
margin-bottom: 30px;
}
div.box5 {
height: 0;
/*padding: 68px 0;*/
}

img.r_btn {
    width: 100%;
}

div.btn a p {
font-size: 14px;
margin: 12px;
padding: 0;
}
    
    /*=========
      job.php
    ===========*/
    .box8 {
    width: 80%;
    }
    
    h3.job_content01, 
    h3.job_content02, 
    h3.job_content03 {
    font-size: 20px;
    position: static;
}

div.job {
    margin-bottom:22px;
}

h3.job_content02 {
color:#000;
 margin-bottom: 0;
}

h3.job_content03 {
margin-bottom: 0;
}
    
    h3.job_content01 {
    top: 0;
    left: 0;
    margin: 0;
    }
    .job_pl, .re_pl {
    background-size: 129%;
    padding-top: 18.3%;
}

.recruit_content {
    background-size: cover;
}

.box8 {
    margin: 18px auto;
}

.kn_pl, .ym_pl, .kw_pl {
    width: 100%;
    height: 0;
    padding-top: 32%;
    background-size: 113%;
}
}
/*======================
    max-width320px
=========================*/
@media (max-width: 320px) {
div.interview h2, .job h2, .movie h2 {
font-size: 32px;
}
section.ms {
width: 85%;
}
div.message {
padding: 222px 0;
}

div.box2 {
padding: 10px;
}
section.box2_2 img {
margin-top: 0px;
margin: 0 auto;
}
section.box3_1 article {
width: 83%;
}
div.job {
margin: 7px auto 0px auto;
}
.color_fee833, .color_96e8f4 {
margin: 15px auto;
}
.color_fee833 {
width: 63%;
}
.color_96e8f4 {
width: 43%;
}
footer small {
top: 16%;
left: 3%;
font-size: 12px;
}
}