@charset "UTF-8";
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}
.clear {
  clear: both;
}
img {
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
}
div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
address {
  font-style: normal;
}
a,
a:active,
a:focus {
  outline: none;
  border: none;
  outline: none;
  border-style: none;
  text-decoration: underline;
}
button:focus,
input[type="submit"] {
  outline: 0;
}
li {
  list-style-type: none;
}
span {
  font-size: inherit;
  font-weight: inherit;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
code,
pre {
  font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
sub,
sup {
  vertical-align: baseline;
  font-size: 65%;
}
sup {
  position: relative;
  top: -4px;
}
sub {
  position: relative;
  top: 4px;
}
hr {
  border: 0 #cccccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}
ol {
  list-style: none;
}
ul {
  list-style: none;
  margin: 0;
}
ul.disc li {
  list-style: disc;
  margin-left: 20px;
}
p {
  margin: 0;
}
.note,
.text-small {
  font-size: 77%;
  line-height: 140%;
}
.bold,
strong {
  font-weight: bold;
}
.attention {
  color: #d80000 !important;
}
.attention-o {
  color: #ff6600 !important;
}
.caption {
  font-weight: bold;
  padding-top: 5px;
  line-height: 140%;
}
.caption-box {
  padding-top: 5px;
  line-height: 140%;
  width: 90%;
  margin: 0 auto;
}
.ind-01 {
  display: block;
  margin: 0 20px;
  margin-left: 20px;
  text-indent: -1.2em;
}
.ind-02 {
  margin: 0 20px 0 20px;
}
.ind-03 {
  margin-left: 1em;
  text-indent: -1em;
}
.m-auto {
  margin: 0 auto;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-05 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-55 {
  margin-top: 55px !important;
}
.mt-60 {
  margin-top: 50px !important;
}
.mt-65 {
  margin-top: 55px !important;
}
.mt-70 {
  margin-top: 50px !important;
}
.mt-75 {
  margin-top: 55px !important;
}
.mt-80 {
  margin-top: 50px !important;
}
.mt-85 {
  margin-top: 55px !important;
}
.mt-90 {
  margin-top: 50px !important;
}
.mt-95 {
  margin-top: 55px !important;
}
.mt-100 {
  margin-top: 50px !important;
}
.mt-110 {
  margin-top: 55px !important;
}
.mt-120 {
  margin-top: 55px !important;
}
.mt-130 {
  margin-top: 55px !important;
}
.mb-05 {
  margin-bottom: 5px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-55 {
  margin-bottom: 55px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-65 {
  margin-bottom: 65px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mb-110 {
  margin-bottom: 110px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}
.ml-05 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.mr-05 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-55 {
  padding-bottom: 55px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-20-h {
  padding: 0 20px !important;
}
.p-20-v {
  padding: 20px 0 !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pl-60 {
  padding-left: 60px !important;
}
.pl-70 {
  padding-left: 70px !important;
}
.pl-80 {
  padding-left: 80px !important;
}
.pl-90 {
  padding-left: 90px !important;
}
.pl-100 {
  padding-left: 100px !important;
}
.pl-110 {
  padding-left: 110px !important;
}
.pl-120 {
  padding-left: 120px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.margin-0 {
  margin: 0 !important;
}
.lh-100 {
  line-height: 100%;
}
.lh-140 {
  line-height: 140%;
}
.lh-150 {
  line-height: 150%;
}
.lh-160 {
  line-height: 160%;
}
.lh-170 {
  line-height: 170%;
}
.lh-180 {
  line-height: 180%;
}
.lh-190 {
  line-height: 190%;
}
.lh-200 {
  line-height: 200%;
}
.font-times {
  font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Yu Mincho", YuMincho, "HG明朝E", "MS PMincho", serif;
}
.font-san-serif {
  font-family: "Meiryo UI", "Yu Gothic", Meiryo, "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.font-sans-serif-g {
  font-family: Helvetica, Arial, sans-serif;
}
.font-fontfawesome {
  font-family: FontAwesome;
}
.page-work-place-top .section-top-links li .photo,
.page-work-place .photo-right .photo,
.square {
  line-height: 0;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.page-work-place-top .section-top-links li .photo img,
.page-work-place .photo-right .photo img,
.square img {
  height: 100%;
  max-width: none;
  position: absolute;
  margin: auto;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
}
a {
  color: #eb361d;
  text-decoration: none;
  outline: none;
}
a:hover {
  opacity: 0.7;
  -webkit-backface-visibility: hidden;
  text-decoration: underline;
}
a:hover img {
  filter: alpha(opacity=7);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity: 0.7;
  opacity: 0.7;
}
a img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.red {
  color: #eb361d;
}
.blue {
  color: #345ca6;
}
.img-square {
  width: 100%;
  height: auto;
  position: absolute;
  margin: auto;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
}
table {
  width: 100%;
  max-width: 100%;
  border-top: 1px solid #cccccc;
  text-align: left;
  table-layout: fixed;
}
table th {
  table-layout: fixed;
  font-size: 108%;
  width: 25%;
  font-weight: normal;
  padding: 10px 10px 10px 15px;
  vertical-align: top;
  border: 1px solid #ffffff;
  text-align: left;
  text-justify: auto;
  background-color: #e5edf5;
  border-left: none;
  border-right: none;
  line-height: 1.6;
}
table td {
  table-layout: fixed;
  padding: 10px 10px 10px 15px;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ffffff;
  text-align: left;
  text-justify: auto;
  line-height: 1.6;
  border-left: none;
  border-right: none;
}
table.color-none {
  border: none;
}
table.color-none th {
  background-color: transparent;
  border: none;
  padding: 0;
}
table.color-none td {
  background-color: transparent;
  border: none;
  padding: 0;
}
.text-center td,
.text-center th {
  text-align: center;
  padding: 15px 0;
}
.font-montserrat {
  font-family: "Montserrat", sans-serif;
}
.font-damion {
  font-family: "Damion", cursive;
}
.inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.box-float:after {
  clear: both;
  content: "";
  display: table;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@media only screen and (max-width: 679px) {
  .float-left,
  .float-right {
    float: none;
    width: 100% !important;
  }
}
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", arial;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  word-break: break-all;
  color: #000000;
  font-size: 13px;
  line-height: 1.8;
  text-align: justify;
  text-justify: inter-ideograph;
  width: 100%;
  height: 100%;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
body.ie8 {
  font-size: 12px;
}
.container-common {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 10%;
}
.container-content,
.section-common {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 70px;
}
.container-text {
  width: 70%;
  margin: 0 auto 70px;
}
.bottom-common,
.page-main.photo-full,
.section-common {
  margin-bottom: 145px;
}
.bottom-2-gray-nav {
  padding-bottom: 80px;
}
.anchor-link {
  padding-top: 40px !important;
}
h1,
h2,
h3,
h4,
h5,
p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
p {
  font-size: 108%;
  line-height: 1.8;
}
div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  color: #000000;
}
a:active,
a:focus,
a:link,
a:visited {
  color: #000000;
}
a:hover {
  text-decoration: underline;
  color: #eb361d;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .container-common {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 959px) {
  .container-common {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 679px) {
  .container-common,
  .container-content,
  .section-common {
    padding: 0 20px;
  }
  .container-text {
    width: 100%;
    margin: 0 auto 40px;
  }
  .bottom-common,
  .page-main.photo-full,
  .section-common {
    margin-bottom: 60px;
  }
  p {
    font-size: 93%;
    line-height: 1.8;
  }
}
@media only screen and (min-width: 1200px) {
  .content-inline-large,
  .content-inline-middle,
  .content-inline-small,
  .content-large,
  .content-middle,
  .content-small {
    display: none !important;
  }
  .content-large-common {
    display: inherit !important;
  }
  .content-inline-large-common {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .content-inline-large-common,
  .content-inline-middle,
  .content-inline-small,
  .content-large-common,
  .content-middle,
  .content-small {
    display: none !important;
  }
  .content-large {
    display: inherit !important;
  }
  .content-inline-large {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 959px) {
  .content-inline-large,
  .content-inline-large-common,
  .content-inline-small,
  .content-large,
  .content-large-common,
  .content-small {
    display: none !important;
  }
  .content-middle {
    display: inherit !important;
  }
  .content-inline-middle {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 679px) {
  .content-inline-large,
  .content-inline-large-common,
  .content-inline-middle,
  .content-large,
  .content-large-common,
  .content-middle {
    display: none !important;
  }
  .content-small {
    display: inherit !important;
  }
  .content-inline-small {
    display: inline-block !important;
  }
}
@font-face {
  font-family: "tommylee";
  src: url("./fonts/tommylee/tommylee.eot?#iefix") format("embedded-opentype"), url("./fonts/tommylee/tommylee.woff") format("woff"), url("./fonts/tommylee/tommylee.ttf") format("truetype"),
    url("./fonts/tommylee/tommylee.svg#tommylee") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Avenir LT Std 95 Black";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 95 Black"), url("./fonts/avenir-lt-std/AvenirLTStd-Black.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 45 Book";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 45 Book"), url("./fonts/avenir-lt-std/AvenirLTStd-Book.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 85 Heavy";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 85 Heavy"), url("./fonts/avenir-lt-std/AvenirLTStd-Heavy.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 35 Light";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 35 Light"), url("./fonts/avenir-lt-std/AvenirLTStd-Light.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 65 Medium";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 65 Medium"), url("./fonts/avenir-lt-std/AvenirLTStd-Medium.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 55 Roman";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 55 Roman"), url("./fonts/avenir-lt-std/AvenirLTStd-Roman.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 95 Black Oblique";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 95 Black Oblique"), url("./fonts/AvenirLTStd-BlackOblique.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 45 Book Oblique";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 45 Book Oblique"), url("./fonts/AvenirLTStd-BookOblique.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 85 Heavy Oblique";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 85 Heavy Oblique"), url("./fonts/avenir-lt-std/AvenirLTStd-HeavyOblique.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 35 Light Oblique";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 35 Light Oblique"), url("./fonts/AvenirLTStd-LightOblique.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 65 Medium Oblique";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 65 Medium Oblique"), url("./fonts/avenir-lt-std/AvenirLTStd-MediumOblique.woff") format("woff");
}
@font-face {
  font-family: "Avenir LT Std 55 Oblique";
  font-style: normal;
  font-weight: normal;
  src: local("Avenir LT Std 55 Oblique"), url("./fonts/avenir-lt-std/AvenirLTStd-Oblique.woff") format("woff");
}
.font-tommylee,
.home .feature-sub li .title-sub .alphabet,
.page-person-common .person-message .text h3 {
  font-family: "tommylee";
}
.font-avenir,
.header-nav .gnav li a .alphabet,
.home .feature-sub li .title-sub .number {
  font-family: "Avenir LT Std 45 Book";
}
.btn-red a,
.btn-white a,
.font-avenir-medium,
.home .feature-main li .title,
.home .feature-recruit li .info .title,
.links-button a,
.links-entry h2,
.page-info li a,
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa .answer p:first-child:before,
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa .question p,
.page-recruit-internship .section-01 h3,
.pagetop a {
  font-family: "Avenir LT Std 65 Medium";
}
.font-avenir-bold {
  font-family: "Avenir LT Std 85 Heavy";
}
.font-avenir-italic {
  font-family: "Avenir LT Std 45 Book Oblique";
}
.font-avenir-medium-italic {
  font-family: "Avenir LT Std 65 Medium Oblique";
}
.font-avenir-bold-italic {
  font-family: "Avenir LT Std 85 Heavy Oblique";
}
.font-serif,
.page-work-place-corporate-culture .section-01 h3 {
  font-family: Georgia, "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Yu Mincho", YuMincho, "HG明朝E", "MS PMincho", serif;
}
.header-common {
  width: 100%;
  z-index: 1000;
}
.header-common:after {
  clear: both;
  content: "";
  display: table;
}
.header-common .header-main .header-all {
  float: left;
  width: 20%;
  padding-top: 20px;
  text-align: center;
}
.header-common .header-main .header-all h1 {
  padding: 0;
  margin: 0 0 5px 0;
  height: 25px;
  line-height: 1;
  background: url(../images/recruit_main/common/logo_tohken.png) left bottom no-repeat;
  background-size: contain;
  text-indent: -9876px;
}
.header-common .header-main .header-all .title {
  color: #eb361d;
  font-size: 85%;
  line-height: 1;
}
.header-nav {
  width: 80%;
  float: right;
  text-align: right;
}
.header-nav .menu {
  display: none;
}
.header-nav .gnav {
  font-size: 0;
}
.header-nav .gnav li {
  font-size: 13px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 15%;
  background-color: transparent;
  line-height: 1;
  position: relative;
  cursor: pointer;
}
.header-nav .gnav li.active:before,
.header-nav .gnav li:hover:before {
  background-color: #eb361d;
}
.header-nav .gnav li:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  transform: skewX(-20deg);
}
.header-nav .gnav li.active a {
  color: #ffffff;
}
.header-nav .gnav li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 0 20px 0;
  line-height: 1;
  opacity: 1;
  text-align: center;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
.header-nav .gnav li a:hover {
  color: #ffffff;
}
.header-nav .gnav li a .title {
  display: block;
  font-size: 93%;
  margin-bottom: 3px;
  letter-spacing: 0.1em;
}
.header-nav .gnav li a .alphabet {
  display: block;
  font-size: 85%;
  font-weight: normal;
}
@media only screen and (max-width: 959px) {
  .nav-bg {
    background-color: #ffffff;
    opacity: 0.8;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
  }
  .blur-main {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
  .header-common .header-main {
    width: 100%;
    height: 40px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    background-color: #ffffff;
    -moz-box-shadow: #999999 0 1px 10px;
    -webkit-box-shadow: #999999 0 1px 10px;
    box-shadow: #999999 0 1px 10px;
  }
  .header-common .header-main .header-all {
    width: 100%!important;
    padding-top: 10px;
    text-align: left;
  }
  .header-common .header-main .header-all h1 {
    display: inline-block;
    margin: 0;
    width: 160px;
    height: 15px;
    margin-right: 5px;
    background-position: 0 0;
  }
  .header-common .header-main .header-all .title {
    display: inline-block;
    color: #eb361d;
  }
  .header-nav {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 1100;
  }
  .header-nav .nav-main {
    width: 100%;
    display: none;
  }
  .header-nav .nav-close,
  .header-nav .nav-menu {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #eb361d;
    color: #ffffff;
    position: fixed;
    right: 0;
    top: 0;
    text-align: center;
  }
  .header-nav .nav-close .fa,
  .header-nav .nav-menu .fa {
    display: block;
    font-size: 167%;
    padding-top: 3px;
  }
  .header-nav .nav-close span,
  .header-nav .nav-menu span {
    display: block;
    width: 100%;
    font-size: 77%;
  }
  .header-nav .nav-close {
    display: none;
  }
  .header-nav .gnav {
    padding: 20px 0;
    background-color: #eb361d;
  }
  .header-nav .gnav li {
    display: block;
    width: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .header-nav .gnav li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 20%;
    line-height: 1;
    opacity: 1;
    text-decoration: none;
    color: #ffffff;
    position: relative;
    text-align: left;
  }
  .header-nav .gnav li a:after {
    display: block;
    content: "\f105";
    font-family: "FontAwesome";
    color: #ffffff;
    position: absolute;
    right: 20%;
    top: 30%;
    font-size: 153.9%;
  }
  .header-nav .gnav li a .title {
    display: inline-block;
    font-size: 108%;
    font-weight: bold;
    padding-right: 20px;
  }
  .header-nav .gnav li a .alphabet {
    display: inline-block;
  }
}
.pagetop {
  margin-bottom: 30px;
  text-align: right;
  margin-bottom: 10px;
}
.pagetop a {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  transform: skewX(-20deg);
  background-color: #ffffff;
}
.pagetop a:hover {
  opacity: 1;
  background-color: #eb361d;
}
.pagetop a:hover span {
  color: #ffffff;
}
.pagetop a:hover span .fa {
  color: #000000;
}
.pagetop a .fa {
  font-size: 153.9%;
  color: #eb361d;
  padding-right: 10px;
}
.pagetop a span {
  display: inline-block;
  color: #000000;
  -webkit-transform: skewX(20deg);
  -moz-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  transform: skewX(20deg);
}
@media only screen and (max-width: 679px) {
  .pagetop {
    font-size: 77%;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
  }
  .pagetop a {
    display: block;
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background-color: #eb361d;
  }
  .pagetop a span {
    color: #ffffff;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .pagetop a span .fa {
    color: #000000;
  }
}
.footer {
  background-color: #000000;
  color: #ffffff;
}
.footer a,
.footer a:active,
.footer a:link,
.footer a:visited {
  color: #ffffff;
  text-decoration: none;
  opacity: 1;
}
.footer .copyright {
  font-family: "Avenir LT Std 45 Book";
  background-color: #ffffff;
  padding: 10px;
  text-align: center;
  font-size: 85%;
  color: #000000;
}
.footer .copyright a {
  color: #eb361d;
}
.footer-main {
  margin-bottom: 80px;
}
.footer-main .logo {
  margin-bottom: 45px;
}
.footer-main .logo a {
  opacity: 1;
}
.footer-main .logo a img {
  opacity: 1;
}
.footer-main .logo h2 {
  width: 265px;
  display: inline-block;
  line-height: 20px;
  padding-right: 15px;
}
.footer-main .logo h3 {
  display: inline-block;
  font-size: 93%;
  line-height: 20px;
  color: #eb361d;
  padding-left: 0;
  border-left: 0;
}
.footer-main .wrapper-links:after {
  clear: both;
  content: "";
  display: table;
}
.footer-main .wrapper-links .links {
  float: left;
}
.footer-main .wrapper-links .links:after {
  clear: both;
  content: "";
  display: table;
}
.footer-main .wrapper-links .links .col {
  float: left;
  width: 18%;
  margin-right: 2%;
}
.footer-main .wrapper-links .links .col:first-child {
  width: 21%;
}
.footer-main .wrapper-links .links .col:nth-child(3),
.footer-main .wrapper-links .links .col:nth-child(4),
.footer-main .wrapper-links .links .col:nth-child(5) {
  width: 17%;
}
.footer-main .wrapper-links .links-01 {
  width: 78%;
}
.footer-main .wrapper-links .links-01 h2 {
  font-size: 108%;
  padding-bottom: 10px;
  border-bottom: 1px solid #999999;
  margin-bottom: 20px;
}
.footer-main .wrapper-links .links-01 h2 .icon {
  display: none;
}
.footer-main .wrapper-links .links-01 h2 a:hover {
  color: #eb361d;
}
.footer-main .wrapper-links .links-01 li a {
  display: inline-block;
  line-height: 1;
  padding-bottom: 20px;
}
.footer-main .wrapper-links .links-02 {
  float: right;
  width: 20%;
}
.footer-main .wrapper-links .links-02 li {
  line-height: 1;
  padding-bottom: 20px;
}
.footer-main .wrapper-links .links-02 li a {
  display: block;
}
.footer-main .wrapper-links li a {
  font-size: 85%;
}
.footer-main .wrapper-links li a:hover {
  opacity: 1;
  text-decoration: underline;
}
.footer-main .wrapper-links .btn a {
  display: block;
  padding: 15px 20px;
  text-align: center;
  border: 1px solid #ffffff;
  opacity: 1;
}
.footer-main .wrapper-links .btn a:hover {
  border: 1px solid #eb361d;
  text-decoration: none;
}
.footer-main .wrapper-links .btn a:first-child img {
  width: 186px;
  height: auto;
}
.footer-main .wrapper-links .btn a img {
  opacity: 1;
}
@media only screen and (max-width: 959px) {
  .footer-main .wrapper-links .links .col {
    width: 31.3%;
    margin-right: 2%;
    margin-bottom: 30px;
  }
  .footer-main .wrapper-links .links .col:first-child,
  .footer-main .wrapper-links .links .col:nth-child(3),
  .footer-main .wrapper-links .links .col:nth-child(4) {
    width: 31.3%;
  }
  .footer-main .wrapper-links .links .col:nth-child(5) {
    width: 34%;
  }
  .footer-main .wrapper-links .links-01 {
    width: 68%;
  }
  .footer-main .wrapper-links .links-02 {
    float: right;
    width: 28%;
  }
}
@media only screen and (max-width: 679px) {
  .footer .copyright p {
    line-height: 1.4;
  }
  .footer-main {
    padding: 0;
    margin-bottom: 20px;
  }
  .footer-main .wrapper-links .links {
    float: none;
    width: 100%;
  }
  .footer-main .wrapper-links .links .col {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .footer-main .wrapper-links .links .col:first-child,
  .footer-main .wrapper-links .links .col:nth-child(3),
  .footer-main .wrapper-links .links .col:nth-child(4) {
    width: 100%;
  }
  .footer-main .wrapper-links .links .col:nth-child(5) {
    width: 100%;
  }
  .footer-main .wrapper-links li a:hover {
    text-decoration: none;
  }
  .footer-main .wrapper-links .links-01 {
    width: 100%;
    border-top: 1px solid #ffffff;
    margin-bottom: 30px;
  }
  .footer-main .wrapper-links .links-01 .col > ul {
    display: none;
  }
  .footer-main .wrapper-links .links-01 .col > ul li {
    position: relative;
  }
  .footer-main .wrapper-links .links-01 .col > ul li:after {
    display: block;
    width: 15%;
    height: auto;
    content: "\f105";
    font-family: "FontAwesome";
    line-height: 100%;
    font-size: 20px;
    position: absolute;
    top: 30%;
    right: 5px;
    text-align: center;
  }
  .footer-main .wrapper-links .links-01 .col.expand h2 .icon:after {
    content: "ー";
  }
  .footer-main .wrapper-links .links-01 h2 {
    margin: 0;
    padding: 20px;
    line-height: 1;
    border-bottom: 1px solid #ffffff;
    font-size: 100%;
    position: relative;
  }
  .footer-main .wrapper-links .links-01 h2 a {
    display: block;
    z-index: 0;
  }
  .footer-main .wrapper-links .links-01 h2 .icon {
    display: block;
    width: 15%;
    height: 100%;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 100;
  }
  .footer-main .wrapper-links .links-01 h2 .icon:after {
    display: block;
    width: 100%;
    height: auto;
    content: "＋";
    line-height: 100%;
    font-size: 20px;
    position: absolute;
    top: 30%;
    left: 0;
    text-align: center;
  }
  .footer-main .wrapper-links .links-01 ul li {
    padding: 0;
    background-color: #555555;
    border-bottom: 1px solid #ffffff;
  }
  .footer-main .wrapper-links .links-01 ul li a {
    display: block;
    width: 100%;
    padding: 20px;
  }
  .footer-main .wrapper-links .links-02 {
    float: none;
    width: 80%;
    margin: 0 auto;
  }
  .footer-main .wrapper-links .links-02 li a {
    padding: 10px 0;
  }
  .footer-main .wrapper-links .links-02 .logo {
    text-align: center;
    width: 80%;
    margin: 0 auto 20px;
  }
  .footer-main .wrapper-links .links-02 .logo h2 {
    max-width: 200px;
    margin: 0 auto;
    padding: 0;
  }
  .footer-main .wrapper-links .links-02 .logo h3 {
    padding: 0 5px;
  }
}
.btn-red a {
  display: block;
  padding: 10px 0;
  text-align: center;
  background-color: #eb361d;
  color: #ffffff !important;
  font-size: 93%;
  line-height: 1;
  text-decoration: none;
}
.btn-red a:hover {
  text-decoration: none;
}
.active.links-button a,
.btn-white.active a,
.page-info li.active a {
  background-color: #eb361d;
  color: #ffffff;
}
.btn-white a,
.links-button a,
.page-info li a {
  display: block;
  padding: 10px 0;
  text-align: center;
  background-color: #ffffff;
  color: #eb361d;
  font-size: 93%;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.2em;
  text-decoration: none;
  border: 2px solid #eb361d;
  opacity: 1;
}
.btn-white a:focus,
.btn-white a:hover,
.links-button a:focus,
.links-button a:hover,
.page-info li a:focus,
.page-info li a:hover {
  border: 2px solid #eb361d;
  background-color: #eb361d;
  color: #ffffff !important;
  text-decoration: none;
  opacity: 1;
}
.btn-white a:active,
.btn-white a:visited,
.links-button a:active,
.links-button a:visited,
.page-info li a:active,
.page-info li a:visited {
  text-decoration: none;
  border: 2px solid #eb361d;
}
.btn-circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #eb361d;
  text-align: center;
}
.btn-circle .fa {
  font-size: 215.4%;
  line-height: 40px;
}
.bg-white,
.page-person-common .person-interview .text,
.page-person-common .person-message .text {
  padding: 80px;
  background-color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 679px) {
  .btn-circle {
    width: 30px;
    height: 30px;
  }
  .btn-circle .fa {
    font-size: 153.9%;
    line-height: 30px;
  }
  .bg-white,
  .page-person-common .person-interview .text,
  .page-person-common .person-message .text {
    padding: 40px;
  }
}
.home .home-main {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.home .home-main .container-video,
.home .home-main .home-main-pc {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.home .home-main #video-main {
  position: absolute;
  margin: auto;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
}
.home .home-main .home-main-ie8,
.home .home-main .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
}
.home .home-main .home-main-ie8 {
  display: none;
}
.home .home-main .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/recruit_main/common/overlay_dot.png) 0 0 repeat;
  background-size: 2px auto;
}
.home .home-main .btn-circle {
  position: absolute;
  margin: auto;
  left: -100%;
  right: -100%;
  bottom: 10%;
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
}
.home .home-main .btn-circle a {
  color: rgba(0, 0, 0, 0.5);
}
.home .home-main .slick-slider,
.home .home-main .slick-slider .slick-list,
.home .home-main .slick-slider .slick-track {
  height: 100%;
}
.home .home-main .slick-slider .slick-track .slick-slide img {
  width: 100%;
    height: 100%;
    object-fit: cover;
}

.home .feature-main {
  background-color: #eb361d;
  padding: 40px 0;
}
.home .feature-main:after {
  clear: both;
  content: "";
  display: table;
}
.home .feature-main li {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33%;
  float: left;
  text-align: center;
}
.home .feature-main li a {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 65%;
  text-decoration: none;
  background-color: #ffffff;
  opacity: 1;
  border: 1px solid #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.home .feature-main li a:hover {
  color: #000;
  opacity: 1;
}
.home .feature-main li a .info {
  position: absolute;
  margin: auto;
  bottom: -100%;
  top: -100%;
  left: 0;
  width: 100%;
  height: 60%;
}
.home .feature-main li .title {
  margin-bottom: 20px;
  font-size: 230.8%;
  letter-spacing: 0.1em;
  line-height: 1;
}
.home .feature-main li .title-sub {
  display: inline-block;
  font-size: 116%;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 30px;
  padding: 0 20px 20px 20px;
  border-bottom: 5px solid #eb361d;
}
.home .feature-main li .desc {
  font-size: 93%;
  line-height: 2;
}
.home .feature-main li:first-child a:hover {
  background: url(../images/recruit_main/home/nav_photo_01.jpg) 0 0 no-repeat;
  background-size: cover;
}
.home .feature-main li:nth-child(2) a:hover {
  background: url(../images/recruit_main/home/nav_photo_02.jpg) 0 0 no-repeat;
  background-size: cover;
}
.home .feature-main li:nth-child(3) a:hover {
  background: url(../images/recruit_main/home/nav_photo_03.jpg) 0 0 no-repeat;
  background-size: cover;
}
.home .feature-sub {
  padding: 130px 0 100px 0;
}
.home .feature-sub h2 {
  width: 68%;
  margin: 0 auto 90px;
  background: url(../images/recruit_main/home/title_tohken.png) center top no-repeat;
  background-size: contain;
  text-indent: -9876px;
}
.home .feature-sub ul:after {
  clear: both;
  content: "";
  display: table;
}
.home .feature-sub li {
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 3%;
  width: 22.7%;
  position: relative;
}
.home .feature-sub li:first-child {
  margin-left: 0;
}
.home .feature-sub li .photo {
  width: 100%;
  height: 0;
  padding-top: 130%;
  position: relative;
}
.home .feature-sub li .photo img {
  position: absolute;
  margin: auto;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  width: 100%;
  height: auto;
}
.home .feature-sub li .info {
  position: relative;
}
.home .feature-sub li .title-sub {
  position: relative;
  top: -15px;
  left: 0;
  width: 90%;
  margin: 0 auto;
  line-height: 1;
  color: #eb361d;
}
.home .feature-sub li .title-sub .number {
  font-size: 46px;
  font-weight: bold;
  padding-right: 5px;
}
.home .feature-sub li .title-sub .alphabet {
  font-size: 215.4%;
  letter-spacing: -0.05em;
}
.home .feature-sub li .title {
  width: 100%;
  text-align: center;
  font-size: 108%;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 20px;
}
.home .feature-sub li p {
  font-size: 93%;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 20px;
}
.home .feature-recruit {
  width: 100%;
  height: 0;
  padding-bottom: 28%;
}
.home .feature-recruit ul {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.home .feature-recruit ul:after {
  clear: both;
  content: "";
  display: table;
}
.home .feature-recruit li {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: auto;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  transform: skewX(-10deg);
}
.home .feature-recruit li:first-child {
  left: -10%;
}
.home .feature-recruit li:nth-child(2) {
  left: auto;
  right: -10%;
}
.home .feature-recruit li:nth-child(2) .bg img {
  left: -10%;
}
.home .feature-recruit li:nth-child(2) .info {
  left: 10%;
}
.home .feature-recruit li:nth-child(2) .btn-circle {
  left: 30%;
}
.home .feature-recruit li .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 47%;
  overflow: hidden;
}
.home .feature-recruit li .bg img {
  position: absolute;
  margin: auto;
  top: -100%;
  bottom: -100%;
  left: 0;
  width: 110%;
  max-width: 300%;
  -webkit-transform: skewX(10deg);
  -moz-transform: skewX(10deg);
  -ms-transform: skewX(10deg);
  -o-transform: skewX(10deg);
  transform: skewX(10deg);
  background-color: transparent;
}
.home .feature-recruit li a {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 47%;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  position: relative;
}
.home .feature-recruit li a:hover {
  color: #eb361d;
  background-color: transparent;
  opacity: 1;
}
.home .feature-recruit li a:hover .btn-circle {
  border-color: #eb361d;
}
.home .feature-recruit li a .btn-circle {
  position: absolute;
  margin: auto;
  bottom: 10%;
  left: 75%;
  border-color: #ffffff;
  -webkit-transform: skewX(10deg);
  -moz-transform: skewX(10deg);
  -ms-transform: skewX(10deg);
  -o-transform: skewX(10deg);
  transform: skewX(10deg);
}
.home .feature-recruit li .info {
  min-width: 42%;
  position: absolute;
  top: 30%;
  right: 5%;
  -webkit-transform: skewX(10deg);
  -moz-transform: skewX(10deg);
  -ms-transform: skewX(10deg);
  -o-transform: skewX(10deg);
  transform: skewX(10deg);
}
.home .feature-recruit li .info h2 {
  font-size: 93%;
  margin-bottom: 10px;
}
.home .feature-recruit li .info .title {
  margin-bottom: 5px;
  font-size: 215.4%;
  letter-spacing: 0.1em;
  line-height: 1;
}
.home .feature-recruit li .info .desc {
  font-size: 93%;
}
body.ie8 .home-main-pc {
  display: none !important;
}
body.ie8 .home-main-ie8 {
  display: block !important;
}
@media only screen and (min-width: 1200px) {
  .home .feature-main li .title {
    font-size: 230.8%;
    margin-bottom: 20px;
  }
  .home .feature-main li .title-sub {
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .home .home-main .btn-circle {
    width: 60px;
    height: 60px;
  }
  .home .home-main .btn-circle .fa {
    font-size: 230.8%;
    line-height: 60px;
  }
  .home .feature-main li .title {
    font-size: 182%;
    margin-bottom: 10px;
  }
  .home .feature-main li .title-sub {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  .home .feature-main li .desc {
    line-height: 1.8;
  }
}
@media only screen and (max-width: 959px) {
  .home .feature-main {
    background-color: #eb361d;
    padding: 0 0 5px;
  }
  .home .feature-main:after {
    clear: both;
    content: "";
    display: table;
  }
  .home .feature-main li {
    float: none;
    width: 100%!important;
    border-top: 5px solid #ffffff;
    margin-bottom: 5px;

  }
  .home .feature-main li:last-child {
    margin-bottom: 0;
  }
  .home .feature-main li a {
    width: 100%;
    height: 0;
    padding-bottom: 31.25%!important;
    border: none;
  }
  .home .feature-main li .title {
    width: 100%;
    margin-bottom: 0;
    font-size: 85%;
    position: absolute;
    bottom: 30%;
    left: 0;
  }
  .home .feature-main li .title-sub {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    border-bottom: none;
    position: absolute;
    top: 20%;
    left: 0;
  }
  .home .feature-main li .desc {
    display: none;
  }
  .home .feature-sub {
    padding: 60px 0 40px 0;
  }
  .home .feature-sub h2 {
    margin-bottom: 40px;
  }
  .home .feature-sub li {
    margin-bottom: 50px;
    margin-left: 6%;
    width: 47%;
  }
  .home .feature-sub li:nth-child(odd) {
    margin-left: 0;
  }
  .home .feature-sub li .title-sub .number {
    font-size: 40px;
  }
  .home .feature-sub li .title-sub .alphabet {
    font-size: 230.8%;
  }
  .home .feature-recruit li:first-child .btn-circle {
    left: 80%;
  }
  .home .feature-recruit li:nth-child(2) .btn-circle {
    left: 70%;
  }
}
@media only screen and (max-width: 679px) {
  .home .home-main #slick-main {
    width: 100%;
    height: 100%;
  }
  .home .home-main #slick-main .slick-list,
  .home .home-main #slick-main .slick-slide,
  .home .home-main #slick-main .slick-track {
    height: 100% !important;
  }
  .home .home-main #slick-main .slick-slide {
    position: relative;
  }
  .home .home-main #slick-main .slick-slide img {
    position: absolute;
    margin: auto;

    max-width: none;
  }
  .home .home-main .overlay {
    display: none;
  }
  .home .feature-sub {
    padding: 40px 0 0;
  }
  .home .feature-sub h2 {
    width: 100%;
    height: 48px;
    margin: 0 auto 30px;
    background: url(../images/recruit_main/home/sp/title_tohken.png) center top no-repeat;
    background-size: contain;
  }
  .home .feature-sub li .title-sub {
    top: -10px;
    margin-bottom: 10px;
  }
  .home .feature-sub li .title-sub .number {
    font-size: 30px;
  }
  .home .feature-sub li .title-sub .alphabet {
    font-size: 138.5%;
    letter-spacing: -0.05em;
  }
  .home .feature-sub li .title {
    font-size: 108%;
    line-height: 1.4;
    min-height: 40px;
  }
  .home .feature-sub li p {
    font-size: 77%;
    text-align: left;
    min-height: 60px;
  }
  .home .feature-recruit {
    height: 100%;
    padding-bottom: 0;
  }
  .home .feature-recruit li {
    width: 100%;
    height: 0;
    padding-bottom: 62.5%;
    position: relative;
    left: 0 !important;
    right: 0 !important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .home .feature-recruit li .bg {
    width: 100%;
    height: 0;
    padding-bottom: 62.5%;
  }
  .home .feature-recruit li .bg img {
    width: auto;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .home .feature-recruit li .info {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #eb361d;
    top: auto;
    bottom: 5%;
    left: 5% !important;
    right: auto;
  }
  .home .feature-recruit li .info h2 {
    font-size: 85%;
    margin-bottom: 5px;
  }
  .home .feature-recruit li .info .title {
    margin-bottom: 5px;
    font-size: 182%;
  }
  .home .feature-recruit li .info .desc {
    width: 100%;
    font-size: 77%;
  }
  .home .feature-recruit li a {
    height: 0;
    padding-bottom: 62.5%;
    background: none;
    background-color: transparent;
    color: #eb361d;
  }
  .home .feature-recruit li a .btn-circle {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 5% !important;
    left: auto !important;
    bottom: 15%;
    border-color: #eb361d;
  }
}
.bg-oblique,
.links-entry,
.page-info,
.page-work-place-top .section-desc {
  background: url(../images/recruit_main/common/bg_oblique.png) 0 0 repeat;
  background-size: 5px auto;
}
.bg-dots-yellow,
.page-company-message .message-video .bg-video,
.page-company-numbers .main-numbers .waku-pic h3,
.page-person-common .person-schedule-qa,
.page-recruit-internship .section-01 .waku h4,
.page-recruit-requirements .section-step,
.page-work-heat-treat .section-03 table thead th:first-child,
table th {
  background: url(../images/recruit_main/common/bg_dot_yellow.png) 0 0 repeat;
  background-size: 2px auto;
}
.bg-dots-blue,
.page-work-heat-treat .section-03 table thead th {
  background: url(../images/recruit_main/common/bg_dot_blue.png) 0 0 repeat;
  background-size: 2px auto;
}
.hr-red {
  width: 8%;
  min-width: 100px;
  margin: 0 auto;
  height: 5px;
  background-color: #eb361d;
}
#cboxBottomCenter,
#cboxBottomLeft,
#cboxBottomRight,
#cboxContent,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxTopLeft,
#cboxTopRight {
  background: none;
  background-color: transparent;
}
#cboxLoadedContent {
  margin-bottom: 0 !important;
}
.page .window {
  background-color: #ffffff;
  border: 6px solid #eb361d;
  padding: 60px;
  position: relative;
}
.page .window h3 {
  font-size: 182%;
  line-height: 1.6;
  padding-left: 20px;
  border-left: 4px solid #eb361d;
  color: #eb361d;
  letter-spacing: 0.1em;
  margin-bottom: 50px;
}
.page .window .float-left {
  width: 40%;
}
.page .window .float-right {
  width: 56%;
}
.page .window .photo {
  margin-bottom: 30px;
}
.page .window .photo img {
  width: 100%;
}
.page .window .link {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 20px 0;
  color: #ffffff;
  background-color: #eb361d;
  border-radius: 10px;
  text-decoration: none;
  font-size: 100%;
}
.page .window .desc {
  margin-bottom: 30px;
}
.page .window .info {
  background-color: #f8f8f8;
  padding: 30px;
  font-size: 100%;
}
.page .window .info h4 {
  color: #eb361d;
  font-weight: bold;
  font-size: 116%;
}
.page .window .btn-window-close {
  position: absolute;
  top: 3%;
  right: 3%;
  color: #eb361d;
  font-size: 77%;
}
.page .window .btn-window-close:before {
  display: block;
  padding: 5px 0;
  text-align: center;
  cursor: pointer;
  content: "\f00d";
  font-family: "FontAwesome";
  font-size: 230.8%;
  line-height: 1;
}
.content-main {
  overflow-x: hidden;
}
.page-header {
  background-color: #e5e5e5;
  padding: 5px 0;
}
.page-header .breadcrumbs a {
  text-decoration: none;
  font-size: 93%;
}
.page-info {
  text-align: center;
  padding: 80px 0 40px;
}
.page-info h2 {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1;
  letter-spacing: 0.3em;
  color: #000000;
}
.page-info .title-sub {
  font-size: 116%;
  margin-bottom: 20px;
  color: #000000;
  letter-spacing: 0.2em;
}
.page-info .hr-red {
  margin-bottom: 40px;
}
.page-info li {
  display: inline-block;
  margin: 0 0.5% 20px;
}
.page-info li a {
  padding: 15px 30px;
  font-size: 108%;
}
.page-main.photo-full {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 33.5%;
}
.page-main.photo-full h2 {
  display: inline-block;
  font-size: 197%;
  line-height: 1.4;
  letter-spacing: 0.2em;
  background-color: rgba(235, 54, 29, 0.85);
  color: #ffffff;
  font-weight: bold;
  padding: 20px 25px 15px 25px;
  position: absolute;
  right: 14%;
  top: 22%;
  z-index: 10;
}
.page-main.photo-full .photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-main.photo-full .photo img {
  position: absolute;
  margin: auto;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  min-width: 100%;
  max-width: none;
  width: auto;
  height: 100%;
  z-index: 0;
}
.page h3 {
  font-size: 182%;
  line-height: 1.6;
  padding-left: 20px;
  border-left: 5px solid #eb361d;
  color: #eb361d;
  letter-spacing: 0.2em;
  margin-bottom: 30px;
}
.page .h4_01 {
  padding: 0 0 10px 0;
  font-size: 22px;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 679px) {
  .page .h4_01 {
    font-size: 16px;
  }
}
.page .h4_01:before {
  content: "";
  border-radius: 2px;
  height: 10px;
  width: 10px;
  display: inline-block;
  margin-right: 8px;
  background-color: #eb361d;
  -webkit-box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2) inset;
}
@media only screen and (max-width: 679px) {
  .page .h4_01:before {
    height: 8px;
    width: 8px;
    margin-right: 4px;
  }
}
.page h5 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  color: #000;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
}
@media only screen and (max-width: 679px) {
  .page h5 {
    font-size: 16px;
  }
}
.page p {
  margin-bottom: 30px;
}
.page p:last-child {
  margin-bottom: 0;
}
.page .ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.page .ggmap embed,
.page .ggmap iframe,
.page .ggmap object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box-2col .float-left {
  width: 50%;
  padding-right: 4%;
}
.box-2col .float-right {
  width: 50%;
  padding-left: 4%;
}
.box-3col .col {
  float: left;
  width: 33.3%;
  padding-right: 4%;
}
.box-3col .col:nth-child(3n) {
  padding-right: 0;
}
table tr:first-child td,
table tr:first-child th {
  border-top: 1px solid #eb361d;
}
table td,
table th {
  font-size: 108%;
  padding: 30px;
  vertical-align: middle;
  border-bottom: 1px solid #eb361d;
  line-height: 1.8;
}
table td p,
table th p {
  font-size: 100%;
}
table th {
  font-size: 123.1%;
  font-weight: bold;
}
table td {
  background: #ffffff;
}
table td p:last-child {
  margin-bottom: 0;
}
.links-entry {
  margin: 25px 0;
  padding: 100px;
}
.links-entry h2 {
  font-size: 345%;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1;
  margin-bottom: 10px;
  color: #eb361d;
}
.links-entry .desc {
  text-align: center;
  margin-bottom: 30px;
}
.links-entry .links {
  text-align: center;
}
.links-entry .links li {
  display: inline-block;
  width: 45%;
  max-width: 380px;
  margin: 0 1%;
}
.links-entry .links li a {
  padding: 20px 0;
  font-size: 138.5%;
  letter-spacing: 0.2em;
}
.links-entry .links li.btn-blue {
  max-width: 300px;
  text-align: center;
}
.links-entry .links li.btn-blue a {
  color: #122d5e;
  border: 2px solid #122d5e;
  display: block;
  padding: 12px 0;
  letter-spacing: 0;
  font-size: 17px;
  transition: .2s;
}
.links-entry .links li.btn-blue a:focus,
.links-entry .links li.btn-blue a:active{
  text-decoration: none;
}
.links-entry .links li.btn-blue a:hover {
  color: #fff;
  background: #122d5e;
  opacity: 1;
  text-decoration: none;
}
.links-entry .links li.btn-blue a::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url(../images/recruit_main/recruit/requirements/icon_btn.png) no-repeat center center;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  transition: .2s;
}
.links-entry .links li.btn-blue a:hover::after {
  background: url(../images/recruit_main/recruit/requirements/icon_btn_w.png) no-repeat center center;

}
.links-entry .links li.btn-red-border {
  max-width: 300px;
  text-align: center;
}
.links-entry .links li.btn-red-border a {
  color: #df301b;
  border: 2px solid #df301b;
  display: block;
  padding: 12px 0;
  letter-spacing: 0;
  font-size: 17px;
  transition: .2s;

}
.links-entry .links li.btn-red-border a:focus,
.links-entry .links li.btn-red-border a:active{
  text-decoration: none;
}
.links-entry .links li.btn-red-border a:hover {
  color: #fff;
  background: #df301b;
  opacity: 1;
  text-decoration: none;
}
.links-web {
  background: none;
}
@media only screen and (max-width: 959px) {
  .page-info li {
    width: 40%;
  }
  .page .window h3 {
    font-size: 138.5%;
  }
  .page .window .float-left {
    float: none;
    width: 100%;
  }
  .page .window .float-right {
    float: none;
    width: 100%;
  }
  .page .window .link {
    margin-bottom: 40px;
  }
  .page-main.photo-full {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    position: relative;
    margin-bottom: 60px;
  }
  .page-main.photo-full h2 {
    font-size: 182%;
    position: absolute;
    right: 10%;
    top: 20%;
    bottom: auto;
    z-index: 10;
  }
}
.title-hr h3 {
  padding: 0;
  margin-bottom: 20px;
  border-left: none;
  color: #000000;
  font-size: 230.8%;
  text-align: center;
}
.title-hr .hr-red {
  margin-bottom: 40px;
}
.is-sp {
  display: none;
}
.is-pc {
  display: block;
}
@media only screen and (max-width: 679px) {
  .is-sp {
    display: block;
  }
  .is-pc {
    display: none;
  }
  .page-header {
    display: none;
  }
  .page-info {
    padding-bottom: 20px;
  }
  .page-info h2 {
    font-size: 153.9%;
  }
  .page-info .title-sub {
    font-size: 93%;
  }
  .page-info .hr-red {
    width: 20%;
    margin-bottom: 40px;
  }
  .page-info li {
    margin: 0;
    width: 90%;
    margin: 0 auto 20px;
  }
  .page-info li a {
    font-size: 108%;
  }
  .page-main.photo-full h2 {
    font-size: 116%;
    padding: 10px 10px 5px 10px;
    right: 3%;
    top: 10%;
    bottom: auto;
  }
  .page h3 {
    font-size: 138.5%;
    line-height: 1.4;
    padding-left: 10px;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
  }
  .page p {
    margin-bottom: 20px;
  }
  .box-2col .float-left {
    padding-right: 0;
  }
  .box-2col .float-right {
    padding-left: 0;
  }
  .box-3col .col {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  table td,
  table th {
    padding: 10px;
  }
  table th {
    font-size: 108%;
  }
  .links-entry {
    padding: 40px 20px;
  }
  .links-entry h2 {
    font-size: 230.8%;
  }
  .links-entry .desc {
    margin-bottom: 0;
  }
  .links-entry .links li {
    display: inline-block;
    width: 80%;
    max-width: none;
    margin-top: 30px;
  }
  .links-entry .links li a {
    /*background-color: #eb361d;
    color: #ffffff !important;*/
  }
  .page .window {
    padding: 40px 20px 20px;
  }
  .page .window h3 {
    font-size: 116%;
    padding-left: 10px;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
  }
  .page .window .float-left {
    float: none;
    width: 100%;
  }
  .page .window .float-right {
    float: none;
    width: 100%;
  }
  .page .window .link {
    margin-bottom: 40px;
  }
  .page .window .info {
    padding: 10px;
  }
  .page .window .btn-window-close {
    top: 0;
  }
  .title-hr h3 {
    font-size: 138.5%;
    padding-left: 0;
    margin-bottom: 10px;
  }
  .title-hr .hr-red {
    margin-bottom: 20px;
  }
}
.page-company-top .page-main {
  position: relative;
}
.page-company-top .page-main h2 {
  position: absolute;
  top: 10%;
  left: 15%;
  color: #0062b2;
  font-weight: bold;
  font-size: 230.8%;
  letter-spacing: 0.1em;
  z-index: 10;
}
.page-company-top .page-main .photo {
  z-index: 0;
}
.page-company-top .page-main .btn-link {
  position: absolute;
  display: block;
  z-index: 20;
  cursor: pointer;
}
.page-company-top .page-main .window-branch {
  display: none;
}
.page-company-top #link-jp {
  top: 51%;
  left: 43.75%;
  width: 195px;
  height: 54px;
  background: url(../images/recruit_main/company/top/area_01_jp.png) 0 0 no-repeat;
  background-size: contain;
  cursor: inherit;
}
.page-company-top #link-cn {
  top: 45.5%;
  left: 38.5%;
  width: 81px;
  height: 103px;
  background: url(../images/recruit_main/company/top/area_02_cn.png) 0 0 no-repeat;
  background-size: contain;
}
.page-company-top #link-th {
  top: 56%;
  right: 60%;
  width: 138px;
  height: 72px;
  background: url(../images/recruit_main/company/top/area_04_th.png) 0 0 no-repeat;
  background-size: contain;
}
.page-company-top #link-my {
  top: 66%;
  right: 60.8%;
  width: 190px;
  height: 42px;
  background: url(../images/recruit_main/company/top/area_05_my.png) 0 0 no-repeat;
  background-size: contain;
}
.page-company-top #link-mx {
  top: 57.5%;
  left: 64.9%;
  width: 122px;
  height: 91px;
  background: url(../images/recruit_main/company/top/area_03_mx.png) 0 0 no-repeat;
  background-size: contain;
}
.page-company-top .text-com-name p {
  font-size: 100%;
}
@media only screen and (max-width: 959px) {
  .page-company-top .page-main {
    margin-bottom: 70px;
  }
  .page-company-top .page-main h2 {
    top: 10%;
    left: 15%;
    font-size: 153.9%;
  }
  .page-company-top #link-jp {
    width: 100px;
    height: 60px;
  }
  .page-company-top #link-cn {
    width: 40px;
    height: 50px;
    top: 47%;
    left: 39%;
  }
  .page-company-top #link-th {
    width: 70px;
    height: 40px;
    top: 57.3%;
    right: 61%;
  }
  .page-company-top #link-my {
    width: 100px;
    height: 30px;
    right: 60.8%;
    top: 66.5%;
  }
  .page-company-top #link-mx {
    width: 60px;
    height: 45px;
    top: 58.5%;
    left: 65.5%;
  }
}
@media only screen and (max-width: 679px) {
  .page-company-top .page-main {
    margin-bottom: 30px;
  }
  .page-company-top .page-main h2 {
    top: 5%;
    left: 5%;
    font-size: 116%;
    line-height: 1.4;
  }
  .page-company-top .page-main .photo {
    height: 0;
    padding-bottom: 74.91%;
    position: relative;
  }
  .page-company-top .page-main .photo img {
    height: 100%;
    width: auto;
    position: absolute;
    margin: auto;
    top: -100%;
    bottom: -100%;
    right: -100%;
    left: -100%;
    max-width: none;
  }
  .page-company-top #link-jp {
    top: 51%;
    left: 42%;
  }
  .page-company-top #link-cn {
    top: auto;
    bottom: 39.5%;
    right: 58%;
    left: auto;
  }
  .page-company-top #link-th {
    top: 56%;
    left: auto;
    right: 65%;
  }
  .page-company-top #link-my {
    top: 65.5%;
    left: auto;
    right: 65%;
  }
  .page-company-top #link-mx {
    top: 60%;
    left: 79%;
  }
}
.page-company-history .block-history {
  position: relative;
  margin-top: 150px;
}
.page-company-history .block-history .row {
  width: 50%;
  margin-left: 50%;
  border-left: 5px solid #e5e5e5;
  padding-left: 50px;
  padding-bottom: 60px;
  position: relative;
}
.page-company-history .block-history .row.row-h {
  padding-bottom: 180px;
}
.page-company-history .block-history .row.row-span-s {
  padding-bottom: 30px;
}
.page-company-history .block-history .row.row-span-l {
  padding-bottom: 100px;
}
.page-company-history .block-history .row.row-span-xl {
  padding-bottom: 210px;
}
.page-company-history .block-history .row:before {
  display: block;
  content: "";
  width: 35px;
  height: 35px;
  border: 5px solid #eb361d;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: -20px;
  z-index: 10;
}
.page-company-history .block-history .row p {
  margin-bottom: 0;
}
.page-company-history .block-history .row .title {
  font-size: 138.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.page-company-history .block-history .row .title span {
  display: block;
}
.page-company-history .block-history .row .title .year {
  display: block;
  -ms-flex-preferred-size: 90px;
  flex-basis: 90px;
  width: 90px;
  color: #eb361d;
}
@media only screen and (max-width: 679px) {
  .page-company-history .block-history .row .title .year {
    width: 100%;
  }
}
.page-company-history .block-history .row .title .title-text {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.page-company-history .block-history .row .title .text-small {
  margin-top: 16px;
  line-height: 1.6;
}
.page-company-history .block-history .row .desc {
  margin-left: 90px;
}
.page-company-history .block-history .row .desc .photo {
  max-width: 300px;
}
.page-company-history .block-history .row .memory {
  width: 60%;
  position: absolute;
  margin: auto;
  left: -60%;
  right: auto;
  top: 15px;
  z-index: 0;
  border-top: 4px solid #eb361d;
}
.page-company-history .block-history .row .memory .photo {
  width: 300px;
  position: absolute;
  top: -100px;
  left: -140px;
  background-color: #ffffff;
  padding-right: 20px;
}
.page-company-history .block-history .row .caption {
  text-align: center;
  font-weight: normal;
  font-size: 108%;
  padding-top: 10px;
}
@media only screen and (max-width: 959px) {
  .page-company-history .block-history {
    margin-top: 70px;
  }
  .page-company-history .block-history .row {
    width: 100%;
    margin-left: 10px;
    padding-left: 20px;
    padding-bottom: 30px;
  }
  .page-company-history .block-history .row.row-h {
    padding-bottom: 30px;
  }
  .page-company-history .block-history .row.row-span-l {
    padding-bottom: 30px;
  }
  .page-company-history .block-history .row.row-span-xl {
    padding-bottom: 30px;
  }
  .page-company-history .block-history .row .memory {
    width: 100%;
    position: relative;
    left: 0;
    right: auto;
    top: 0;
    border-top: none;
    margin-left: 0;
  }
  .page-company-history .block-history .row .memory .photo {
    width: 100%;
    max-width: 300px;
    position: relative;
    top: 0;
    left: 0;
    background-color: #ffffff;
    padding-right: 0;
  }
  .page-company-history .block-history .row .title {
    display: block;
    font-size: 108%;
    margin-bottom: 20px;
  }
  .page-company-history .block-history .row .title .year {
    font-size: 123.1%;
  }
  .page-company-history .block-history .row .desc {
    margin-left: 0;
  }
  .page-company-history .block-history .row .photo {
    width: 95% !important;
    max-width: none !important;
    margin-bottom: 30px;
  }
  .page-company-history .block-history .row .photo img {
    width: 100%;
  }
  .page-company-history .block-history .row .photo .caption {
    font-size: 100%;
  }
}
.page-company-numbers .main-numbers {
  margin-top: 90px;
}
.page-company-numbers .main-numbers .row {
  margin-bottom: 30px;
}
.page-company-numbers .main-numbers .row.min{
  max-width: 660px;
  margin: 0 auto;
}
.page-company-numbers .main-numbers .waku-pic {
  border: 1px solid #e5e5e5;
  height: 100%;
}
.page-company-numbers .main-numbers .waku-pic h3 {
  border: none;
  text-align: center;
  padding: 10px;
  margin: 0;
  color: #000000;
  font-weight: bold;
  font-size: 230.8%;
}
.page-company-numbers .main-numbers .waku-pic .picture {
  padding: 40px 60px;
}
.page-company-numbers .main-numbers .waku-pic .picture .title {
  font-weight: bold;
  text-align: center;
  font-size: 123.1%;
}
.page-company-numbers .main-numbers .waku-pic .large {
  font-size: 153.9%;
  font-weight: bold;
}
.page-company-numbers .main-numbers .box-2col .float-left {
  padding-right: 2%;
}
.page-company-numbers .main-numbers .box-2col .float-right {
  padding-left: 2%;
}
@media only screen and (max-width: 959px) {
  .page-company-numbers .main-numbers {
    margin-top: 40px;
  }
  .page-company-numbers .main-numbers > .section-common {
    padding: 0;
  }
  .page-company-numbers .main-numbers .waku-pic h3 {
    font-size: 153.9%;
  }
  .page-company-numbers .main-numbers .waku-pic .picture {
    padding: 20px;
  }
  .page-company-numbers .main-numbers .waku-pic .picture.sp-padding {
    padding: 20px 50px;
  }
}
@media only screen and (max-width: 679px) {
  .page-company-numbers .main-numbers .box-2col .float-left {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .page-company-numbers .main-numbers .box-2col .float-right {
    padding-left: 0;
  }
}
.page-company-message .main-message {
  margin-top: 70px;
}
.page-company-message .bg-message {
  background: url(../images/recruit_main/company/message/waku_message.png) center 50% no-repeat;
  background-size: contain;
  margin-bottom: 70px;
}
.page-company-message .title-message {
  padding: 60px 0;
  text-align: center;
}
.page-company-message .title-message p {
  font-size: 167%;
}
.page-company-message .title-message p span {
  font-size: 182%;
  display: inline-block;
  margin-bottom: 10px;
}
.page-company-message .message-video {
  width: 100%;
  height: 0;
  padding-bottom: 51%;
  position: relative;
}
.page-company-message .message-video .bg-video {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 25%;
  z-index: 0;
}
.page-company-message .message-video .video {
  width: 100%;
  height: 0;
  padding-bottom: 56.27%;
  position: relative;
  margin: auto;
  z-index: 10;
}
.page-company-message .message-video .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: auto;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
}
@media only screen and (max-width: 959px) {
  .page-company-message .title-message {
    padding: 30px 0;
  }
  .page-company-message .title-message p {
    font-size: 123.1%;
  }
  .page-company-message .title-message p span {
    font-size: 138.5%;
  }
}
@media only screen and (max-width: 679px) {
  .page-company-message .main-message {
    margin-top: 30px;
  }
  .page-company-message .bg-message {
    margin-bottom: 30px;
    background: none;
  }
  .page-company-message .title-message {
    padding: 20px 0;
  }
  .page-company-message .title-message p {
    font-size: 108%;
  }
  .page-company-message .title-message p span {
    font-size: 123.1%;
  }
  .page-company-message .message-video {
    padding-bottom: 56%;
  }
}
.page-person-top .page-main {
  position: relative;
  height: auto;
  padding-bottom: 0;
  margin-bottom: 160px;
}
.page-person-top .page-main h2 {
  margin: auto;
  top: auto;
  bottom: -60px;
  left: -100%;
  right: -100%;
  max-width: 620px;
  font-size: 100%;
}
.page-person-top .page-main h2 .main {
  display: inline-block;
  font-size: 230.8%;
  margin-bottom: 10px;
}
.page-person-top .page-main h2 .desc {
  font-size: 123.1%;
}
.page-person-top .page-main .photo img {
  position: relative;
  width: 100%;
  height: auto;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.page-person-top .rows-interview {
  margin-bottom: 60px;
}
.page-person-top .rows-interview .row {
  margin-bottom: 30px;
}
.page-person-top .rows-interview .row > .float-left {
  width: 8%;
}
.page-person-top .rows-interview .row > .float-right {
  width: 92%;
}
.page-person-top .rows-interview .person-orange {
  color: #f9a43d;
}
.page-person-top .rows-interview .person-blue {
  color: #46a9e0;
}
.page-person-top .rows-interview .person-green {
  color: #73a95b;
}
.page-person-top .photo-wide .photo {
  position: absolute;
  left: 0;
  top: auto;
  width: 46.87%;
  height: 0;
  padding-bottom: 82.6%;
}
.page-person-top .photo-wide .row > .float-left {
  width: 13%;
}
.page-person-top .photo-wide .row > .float-right {
  width: 87%;
}
.page-person-top .photo-right > .float-left {
  width: 46%;
}
.page-person-top .photo-right > .float-right {
  width: 50%;
}
.page-person-top .photo-right > .float-right .photo {
  right: 0;
  left: auto;
}
.page-person-top .photo-left > .float-right {
  width: 45%;
}
.page-person-top .photo-left > .float-left {
  width: 46%;
}
.page-person-top .section-03 .rows-interview {
  margin-bottom: 0;
}
@media only screen and (max-width: 959px) {
  .page-person-top .section-common {
    margin-bottom: 70px;
  }
  .page-person-top .section-common .container-text {
    width: 100%;
  }
  .page-person-top .rows-interview {
    margin-bottom: 30px;
  }
  .page-person-top .photo-wide .photo {
    width: 40%;
  }
  .page-person-top .photo-wide .row > .float-left {
    width: 14%;
  }
  .page-person-top .photo-wide .row > .float-right {
    width: 86%;
  }
  .page-person-top .photo-right > .float-left {
    width: 55%;
  }
  .page-person-top .photo-right > .float-right {
    width: 40%;
  }
  .page-person-top .photo-left > .float-right {
    width: 55%;
  }
  .page-person-top .photo-left > .float-left {
    width: 40%;
  }
}
@media only screen and (max-width: 679px) {
  .page-person-top .page-main {
    margin-bottom: 40px;
  }
  .page-person-top .page-main h2 {
    width: 100%;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    max-width: none;
    padding: 20px;
    background-color: #eb361d;
  }
  .page-person-top .page-main h2 .main {
    font-size: 153.9%;
  }
  .page-person-top .page-main h2 .desc {
    font-size: 93%;
  }
  .page-person-top .photo-wide .photo {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 0;
  }
  .page-person-top .photo-right > .float-right {
    width: 100%;
  }
  .page-person-top .photo-left > .float-left {
    width: 100%;
  }
}
.page-person-common h3 {
  padding-left: 0;
  border-left: none;
}
.page-person-common .person-main {
  position: relative;
  margin-bottom: 160px;
}
.page-person-common .person-main .photo {
  width: 100%;
  height: 0;
  padding-bottom: 33.56%;
  overflow: hidden;
  position: relative;
}
.page-person-common .person-main .photo img {
  width: auto;
  height: 100%;
  position: absolute;
  margin: auto;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  z-index: 0;
}
.page-person-common .person-main h2 {
  width: auto;
  height: auto;
  padding: 50px;
  position: absolute;
  top: 5%;
  left: 8%;
  z-index: 10;
  background: url(../images/recruit_main/person/common/bg_main_title.png) left 50% no-repeat;
  background-size: contain;
}
.page-person-common .person-main .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 10%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}
.page-person-common .person-main .desc p {
  margin-bottom: 0;
}
.page-person-common .person-main .desc .dept {
  display: inline-block;
  border: 1px solid #ffffff;
  padding: 5px 20px;
}
.page-person-common .person-main .desc .info {
  display: inline-block;
  margin-left: 20px;
  font-size: 116%;
}
.page-person-common .person-interview {
  position: relative;
  width: 80%;
  margin: 0 auto 160px;
}
.page-person-common .person-interview.photo-right .photo {
  right: 0;
}
.page-person-common .person-interview.photo-right .text {
  margin: 0 55% 0 auto;
}
.page-person-common .person-interview .photo {
  width: 60%;
  height: 0;
  padding-bottom: 65.43%;
  overflow: hidden;
  position: absolute;
  top: -80px;
}
.page-person-common .person-interview .photo img {
  width: 100%;
  height: auto;
}
.page-person-common .person-interview .text {
  position: relative;
  z-index: 10;
  width: 50%;
  margin-left: 45%;
  padding: 6%;
}
.page-person-common .person-interview .text h3 {
  margin: 0 auto 50px;
}
.page-person-common .person-interview .text p {
  text-align: left;
  line-height: 2;
}
.page-person-common .person-schedule-qa {
  padding: 90px 12%;
}
.page-person-common .person-schedule-qa p {
  margin-bottom: 0;
}
.page-person-common .person-schedule-qa .header {
  padding-bottom: 40px;
  text-align: center;
}
.page-person-common .person-schedule-qa .header h3 {
  font-size: 230.8%;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.2em;
}
.page-person-common .person-schedule-qa .header p {
  font-size: 116%;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.page-person-common .person-schedule-qa .schedule {
  width: 32%;
  background-color: #df301b;
  padding: 50px 20px 20px;
}
.page-person-common .person-schedule-qa .schedule .time-line {
  background-color: #ffffff;
  padding: 20px 30px;
}
.page-person-common .person-schedule-qa .schedule .time-line .row {
  position: relative;
  border-left: 10px solid #dcdcdc;
  padding: 30px 0 0 25px;
  text-align: left;
}
.page-person-common .person-schedule-qa .schedule .time-line .row:after {
  clear: both;
  content: "";
  display: table;
}
.page-person-common .person-schedule-qa .schedule .time-line .row:before {
  display: block;
  width: 30px;
  height: 30px;
  content: "";
  background-color: #ffffff;
  border: 4px solid #e53730;
  border-radius: 50%;
  position: absolute;
  top: 30px;
  left: -20px;
  z-index: 10;
}
.page-person-common .person-schedule-qa .schedule .time-line .row:last-child {
  padding-bottom: 15px;
}
.page-person-common .person-schedule-qa .schedule .time-line .row .time {
  display: block;
  float: left;
  width: 30%;
  max-width: 60px;
  font-size: 116%;
}
.page-person-common .person-schedule-qa .schedule .time-line .row .desc {
  display: block;
  float: left;
  width: 70%;
  padding-top: 2px;
  font-size: 100%;
}
.page-person-common .person-schedule-qa .person-qa {
  width: 62%;
}
.page-person-common .person-schedule-qa .person-qa .header h3 {
  color: #000000;
}
.page-person-common .person-schedule-qa .person-qa p {
  margin-bottom: 10px;
}
.page-person-common .person-schedule-qa .person-qa .box-qa:after {
  clear: both;
  content: "";
  display: table;
}
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa {
  float: left;
  width: 48%;
  margin-right: 3%;
  margin-bottom: 3%;
  background-color: #ffffff;
  border-radius: 5px;
}
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa:nth-child(2n) {
  margin-right: 0;
}
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa .question {
  width: 100%;
  height: 0;
  padding-bottom: 48%;
}
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa .question p {
  padding-top: 10%;
  font-size: 33px;
  line-height: 1;
  text-align: center;
  color: #df301b;
}
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa .question h3 {
  font-size: 167%;
  font-weight: bold;
  line-height: 1.4;
  width: 80%;
  margin: 0 auto;
  color: #000000;
  letter-spacing: normal;
}
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa .answer {
  padding: 30px;
  position: relative;
}
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa .answer p {
  font-size: 100%;
}
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa .answer p:first-child {
  font-size: 153.9%;
  line-height: 1.4;
  color: #df301b;
  padding-left: 50px;
  padding-bottom: 20px;
}
.page-person-common .person-schedule-qa .person-qa .box-qa .col-qa .answer p:first-child:before {
  display: block;
  content: "A.";
  font-size: 182%;
  position: absolute;
  top: 25px;
  left: 30px;
}
.page-person-common .person-message {
  position: relative;
  padding-top: 25px;
}
.page-person-common .person-message .photo {
  width: 100%;
  height: 0;
  padding-bottom: 40.87%;
  overflow: hidden;
}
.page-person-common .person-message .photo img {
  width: 100%;
}
.page-person-common .person-message .text {
  width: 53%;
  height: auto;
  position: absolute;
  top: 20%;
  left: 5%;
  padding: 40px;
}
.page-person-common .person-message .text h3 {
  font-size: 34px;
  line-height: 1;
  color: #eb361d;
  margin-bottom: 20px;
  letter-spacing: normal;
}
.page-person-common .person-message .text p {
  font-size: 100%;
  line-height: 2;
}
.page-person-18-03 .person-message .text {
  width: 45%;
  top: 20%;
  right: 5%;
  left: auto;
}
.page-person-18-02 .person-message .text {
  width: 48%;
  top: 15%;
  left: 2%;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .page-person .person-main .photo {
    padding-bottom: 50%;
  }
  .page-person .person-main .photo img {
    max-width: none;
  }
  .page-person .person-schedule-qa {
    padding: 90px 5%;
  }
  .page-person .person-message .text h3 {
    font-size: 230.8%;
  }
  .page-person-18-01 .person-message .text,
  .page-person-18-02 .person-message .text {
    width: 50%;
    top: 2%;
    left: 0;
  }
}
@media only screen and (max-width: 959px) {
  .page-person .person-main {
    margin-bottom: 80px;
  }
  .page-person .person-main h2 {
    width: 45%;
    top: 5%;
    left: 10%;
    padding: 40px;
  }
  .page-person .person-main .photo {
    padding-bottom: 50%;
  }
  .page-person .person-main .photo img {
    max-width: none;
  }
  .page-person .person-interview {
    margin-bottom: 80px;
  }
  .page-person .person-interview.photo-right .text {
    margin: 0;
  }
  .page-person .person-interview .photo {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    position: relative;
    top: 0;
  }
  .page-person .person-interview .photo img {
    width: 100%;
  }
  .page-person .person-interview .text {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding: 40px 0 0;
  }
  .page-person .person-interview .text p {
    width: 100%;
  }
  .page-person .person-interview .text h3 {
    margin-bottom: 20px;
  }
  .page-person .person-schedule-qa .header h3 {
    font-size: 182%;
    letter-spacing: 0.1em;
  }
  .page-person .person-schedule-qa .schedule {
    float: none;
    width: 100%;
    margin-bottom: 80px;
  }
  .page-person .person-schedule-qa .person-qa {
    float: none;
    width: 100%;
  }
  .page-person .person-schedule-qa .person-qa .box-qa .col-qa {
    float: none;
    width: 100%;
  }
  .page-person .person-schedule-qa .person-qa .box-qa .col-qa .question {
    height: auto;
    padding: 0 30px;
  }
  .page-person .person-schedule-qa .person-qa .box-qa .col-qa .question h3 {
    width: 100%;
    text-align: center;
  }
  .page-person .person-schedule-qa .person-qa .box-qa .col-qa .answer p:first-child {
    font-size: 138.5%;
    padding-left: 30px;
    padding-bottom: 10px;
  }
  .page-person .person-schedule-qa .person-qa .box-qa .col-qa .answer p:first-child:before {
    font-size: 138.5%;
  }
  .page-person .person-message .text {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 20px 40px;
  }
  .page-person .person-message .text h3 {
    font-size: 197%;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 679px) {
  .page-person .person-main {
    margin-bottom: 40px;
  }
  .page-person .person-main h2 {
    width: 55%;
    top: 5%;
    left: 5%;
    padding: 20px;
  }
  .page-person .person-main .desc {
    position: relative;
    bottom: 0;
    left: 0;
    background-color: #000000;
    padding: 10px 20px;
    text-align: center;
  }
  .page-person .person-main .desc .dept {
    font-size: 93%;
    margin-bottom: 5px;
  }
  .page-person .person-main .desc .info {
    display: block;
    margin: 0;
    font-size: 93%;
  }
  .page-person .person-interview {
    margin-bottom: 40px;
  }
  .page-person .person-schedule-qa {
    padding: 0 0 40px 0;
  }
  .page-person .person-schedule-qa .header {
    padding-bottom: 20px;
  }
  .page-person .person-schedule-qa .header h3 {
    font-size: 167%;
    letter-spacing: 0.1em;
  }
  .page-person .person-schedule-qa .header p {
    font-size: 100%;
  }
  .page-person .person-schedule-qa .schedule {
    padding: 30px 20px 20px;
    margin-bottom: 40px;
  }
  .page-person .person-schedule-qa .person-qa {
    float: none;
    width: 100%;
  }
  .page-person .person-schedule-qa .person-qa .box-qa {
    padding: 0 20px;
  }
  .page-person .person-schedule-qa .person-qa .box-qa .col-qa {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .page-person .person-schedule-qa .person-qa .box-qa .col-qa .question {
    height: auto;
    padding: 0 30px;
  }
  .page-person .person-schedule-qa .person-qa .box-qa .col-qa .question h3 {
    width: 100%;
    text-align: center;
    font-size: 123.1%;
  }
  .page-person .person-schedule-qa .person-qa .box-qa .col-qa .answer p:first-child {
    font-size: 123.1%;
  }
}
.links-button ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.links-button ul > * {
  width: 48%;
}
@media only screen and (max-width: 679px) {
  .links-button ul > * {
    width: 80%;
  }
}
.links-button a {
  padding: 15px 30px;
  font-size: 123.1%;
}
@media only screen and (max-width: 679px) {
  .links-button a {
    font-size: 108%;
  }
}
.links-button a:before {
  display: inline-block;
  content: "\f0da";
  font-family: "FontAwesome";
  margin-right: 12px;
}
.page-recruit-top .page-main h2 {
  top: 50%;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: auto;
}
@media only screen and (max-width: 679px) {
  .page-recruit-top .page-main h2 {
    width: 90%;
  }
}
.page-recruit-top .section-01 .float-left,
.page-recruit-top .section-02 .float-left {
  width: 40%;
}
.page-recruit-top .section-01 .float-right,
.page-recruit-top .section-02 .float-right {
  width: 60%;
  padding-left: 0;
}
.page-recruit-top .section-01 h3,
.page-recruit-top .section-02 h3 {
  color: #000000;
}
.page-recruit-top .section-02 {
  margin-bottom: 0;
  padding-top: 120px;
  padding-bottom: 120px;
}
.page-recruit-top .section-03 {
  background: url(../images/recruit_main/recruit/bg_section03.png) no-repeat center center / cover;
  padding: 80px 0 100px;
  text-align: center;
}
.page-recruit-top .section-03 h3 {
  display: inline-block;
  font-size: 230.8%;
  line-height: 1;
  padding: 0;
  padding-bottom: 23px;
  border: none;
  border-bottom: 5px solid #eb361d;
  margin-bottom: 23px;
  color: #000000;
}
@media only screen and (max-width: 679px) {
  .page-recruit-top .section-03 {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .page-recruit-top .section-03 p {
    text-align: left;
  }
  .section-how-box h3 {
    font-size: 153.9%;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #000000;
  }
}
.page-recruit-top .section-03 .section-common {
  margin-bottom: 0;
}
.border-btn {
  max-width: 380px;
  margin: 0 auto;
  text-align: center;
}
.border-btn a {
  display: block;
  font-size: 18px;
  background: #fff;
  color: #df301b;
  border: 2px solid #df301b;
  line-height: 1;
  padding: 20px 0;
  transition: .2s;
}
.border-btn a:active,
.border-btn a:focus {
  text-decoration: none;
}
.border-btn a:hover {
  background: #df301b;
  color: #fff;
  text-decoration: none;
  opacity: 1;
}
@media only screen and (max-width: 679px) {
  .border-btn a {
    font-size: 14px;
    padding: 15px 0;
  }
  .page-recruit-top .section-02 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.section-how {
  padding: 55px 0 85px;
  background: url(../images/recruit_main/recruit/requirements/bg_how-box.png) no-repeat center center / cover;
}
.section-how-box {
  max-width: 597px;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 50px 40px 55px;
  margin: 0 auto;
  text-align: center;
}

.section-how-box p {
  text-align: center;
}
.detail-btn {
  max-width: 380px;
  margin: 0 auto;
}
.detail-btn a {
  display: block;
  border: 2px solid #141d6e;
  color: #141d6e;
  font-size: 140%;
  text-align: center;
  padding: 10px 0;
  transition: .2s;
}
.detail-btn a:active,
.detail-btn a:focus {
  text-decoration: none;
}
.detail-btn a:hover {
  background: #141d6e;
  color: #fff;
  text-decoration: none;
  opacity: 1;
}
.detail-btn a::after {
  content: "";
  display: inline-block;
  background: url(../images/recruit_main/recruit/requirements/icon_btn.png) no-repeat center center / contain;
  width: 16px;
  height: 16px;
  margin-left: 15px;
  vertical-align: middle;
  transition: .2s;
}
.detail-btn a:hover::after {
  background: url(../images/recruit_main/recruit/requirements/icon_btn_w.png) no-repeat center center / contain;

}
.section-how-box h3 {
  display: inline-block;
  font-size: 230.8%;
  line-height: 1;
  padding: 0;
  padding-bottom: 18px;
  border: none;
  border-bottom: 5px solid #eb361d;
  margin-bottom: 18px;
  color: #000000;
}

@media only screen and (max-width: 679px) {
  .section-how {
    padding: 30px 20px;
    background: url(../images/recruit_main/recruit/requirements/bg_how-box_sp.png) no-repeat center center / cover;
  }
  .section-how-box {
    max-width: 597px;
    width: 100%;
    padding: 35px 20px;
  }
  .section-how-box h3 {
    font-size: 153.9%;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #000000;
  }

  .detail-btn {
    width: 80%;
  }
  .detail-btn a {
    font-size: 100%;
  }
  .section-how-box p {
    text-align: left;
  }
}

.page-recruit-requirements .section-step {
  text-align: center;
  padding: 100px 0;
}
.page-recruit-requirements .section-step .section-common {
  margin-bottom: 0;
  padding: 0;
  width: 960px;
}
.page-recruit-requirements .section-step h3 {
  display: inline-block;
  font-size: 230.8%;
  line-height: 1;
  padding: 0;
  padding-bottom: 20px;
  border: none;
  border-bottom: 5px solid #eb361d;
  margin-bottom: 40px;
  color: #000000;
}

.section-step-text {
  margin-bottom: 45px;
}

.section-step-text span {
  color: #02198b;
}

.step-image {
  margin-bottom: 75px;
}
.step-image-sp {
  display: none;
}
.step-wrap {
  text-align: left;
}
.step-row01 {
  margin-right: 14px;
  position: relative;
  padding-bottom: 10px;
}
.step-row01::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  height: 100%;
  width: 8px;
  background: #df301b;
  right: 8px;
  top: 25px;
}
.step-row02 {
  margin-left: 25px;
  position: relative;
  padding-bottom: 10px;
}
.step-row02::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  height: 100%;
  width: 8px;
  background: #df301b;
  left: 0;
  top: 25px;
}
.step-row02 .step-cols.reverse {
  flex-direction: row-reverse;
}
.step-row03{
  margin-left: 25px;
}
.step-row03 .step-cols{
  margin-left: 65px;
}
.step-cols.reverse .box + .box {
  margin-right: 44px;
  margin-left: 0;
}
.step-img{
  position: relative;
  z-index: 3;
}
.step-cols {
  display: flex;
  margin-left: 15px;
  margin-top: -21px;
}
.step-cols .box {
  width: 260px;
}
.step-cols .box.has-img {
  position: relative;
}
.step-cols .box.has-img img {
  position: absolute;
  right: -43px;
  top: -32px;
  z-index: 4;
}
.step-cols .box .text-box {
  background: #fff;
  padding: 20px;
}
.step-cols .box .text-box p {
  font-size: 90%;
  margin-bottom: 0;
}
.step-cols .box .text-box .btn {
  margin-top: 10px;
  text-align: center;
}
.step-cols .box .text-box .btn a {
  display: block;
  color: #0162b1;
  border: 2px solid #0162b1;
  padding: 3px;
}
.step-cols .box .text-box .title {
  font-size: 180%;
  text-align: center;
  color: #df301b;
  line-height: 1.2;
  margin-bottom: 10px;
}
.step-cols .box + .box {
  margin-left: 44px;
}

.naitei-box {
  position: relative;
  margin-left: 220px;
}
.naitei-box .number {
  position: absolute;

  left: 0;
  top: -45px;
}
.naitei-box .text {
  width: 260px;
  margin: 0 auto;
  background: #df301b;
  color: #fff;
  padding: 29px 0;
  font-size: 28px;
  text-align: center;
  position: relative;
  margin-top: -20px;
}
.naitei-box .image {
  position: absolute;
  bottom: -36px;
  right: -100px;
}
.number-icon {
  display: none;
}
@media only screen and (max-width: 959px) {
  .page-recruit-requirements .section-step .section-common {

    width: 100%;
  }
  .step-image {
    margin-bottom: 50px;
  }
  .number-icon {
    display: block;
    position: absolute;
    left: 0;
    top: -23px;
    width: 58px;
    height: 58px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: #df301b;
    font-size: 20px;
    line-height: 58px;
    text-align: center;
    z-index: 1;
  }
  .section-step-text {
    text-align: left;
  }
  .step-image-sp {
    display: block;
  }
  .step-image-pc {
    display: none;
  }
  .page-recruit-requirements .section-step {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .step-img.is-pc {
    display: none;
  }
  .step-row01 {
    margin-right: 0;
    position: relative;
    padding-bottom: 0;
  }
  .step-row01 .step-cols .box:first-child .text-box::before {
    display: none;
  }
  .step-row02 {
    margin-left: 0;
    margin-top: 26px;
    padding-bottom: 0;
  }
  .step-cols {
    display: block;
    margin-left: 0;
  }
  .step-cols .box {
    width: 100%;
    padding-left: 48px;
    position: relative;
  }
  .step-cols .box::before {
    height: 110%;
    content: "";
    width: 8px;
    background: #df301b;
    position: absolute;
    left: 23px;
    top: 0%;
  }
  .step-cols .box .text-box {
    position: relative;
    padding: 20px 10px;
  }
  .step-cols .box + .box {
    margin-left: 0;
    margin-top: 26px;
  }
  .step-cols .box.has-img img {
    position: absolute;
    right: auto;
    bottom: auto;
    top: -30px;
    left: 2px;
    width: 104px;
    z-index: 2;
  }
  .step-cols .box .text-box::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -26px;
    border-top: 26px solid #df301b;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
  }

  .step-row01::after,
  .step-row02::after {
    display: none;
  }
  .step-cols .box .text-box .title {
    font-size: 18px;
  }
  .naitei-box {
    margin-top: 26px;
    margin-left: 0;
    padding-left: 48px;
  }
  .naitei-box .text {
    width: 100%;
    font-size: 18px;
    padding: 20px 0;
  }
  .naitei-box .text::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -26px;
    border-top: 26px solid #df301b;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
  }
  .naitei-box .image {
    width: 117px;
    right: -5px;
    bottom: 0;
  }
  .naitei-box .number.is-pc {
    display: none;
  }
  .step-row03{
    margin-left: 0;
    margin-top: 26px;
  }
  .step-row03 .step-cols{
    margin-left: 0;
  }
  .step-cols{
    margin-top: 0;
    position: relative;
  }
  .naitei-box .text{
    margin-top: 0;
  }
  .naitei-box-wrap{
    position: relative;
  }
}
.page-recruit-requirements .section-step li {
  display: block;
  width: 46%;
  margin: 0 auto 40px;
}
.page-recruit-requirements .section-step li:after {
  content: "";
  display: block;
  margin: 20px auto 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #eb361d transparent transparent transparent;
}
.page-recruit-requirements .section-step li:first-child a {
  display: block;
  border: 1px solid #eb361d;
  padding: 30px 0;
  background-color: #ffffff;
  text-decoration: none;
  position: relative;
  opacity: 1;
}
.page-recruit-requirements .section-step li:first-child a:hover {
  background-color: #eb361d;
  color: #ffffff;
}
.page-recruit-requirements .section-step li:first-child a:hover .step {
  color: #ffffff;
}
.page-recruit-requirements .section-step li:first-child a:hover .btn-circle {
  border-color: #ffffff;
  color: #ffffff;
}
.page-recruit-requirements .section-step li:first-child a .btn-circle {
  color: #eb361d;
}
.page-recruit-requirements .section-step li:last-child {
  color: #ffffff;
}
.page-recruit-requirements .section-step li:last-child div {
  padding: 40px 0;
  background-color: #eb361d;
}
.page-recruit-requirements .section-step li:last-child:after {
  content: "";
  border: none;
}
.page-recruit-requirements .section-step li div {
  padding: 30px 0 40px;
  background-color: #ffffff;
}
.page-recruit-requirements .section-step li div p {
  margin: 0;
}
.page-recruit-requirements .section-step li .step {
  color: #eb361d;
  font-size: 123.1%;
  margin-bottom: 10px;
}
.page-recruit-requirements .section-step li .title {
  font-size: 182%;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1;
}
@media only screen and (max-width: 959px) {
  .page-recruit-requirements .section-step li {
    width: 90%;
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 679px) {
  .page-recruit-requirements .section-step {
  }
  .page-recruit-requirements .section-step h3 {
    font-size: 153.9%;
    padding-bottom: 20px;
    margin-bottom: 40px;
    color: #000000;
  }
  .page-recruit-requirements .section-step li div {
    padding: 20px 0 30px;
  }
  .page-recruit-requirements .section-step li .title {
    font-size: 138.5%;
  }
}

.visual-box-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 60px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.visual-box {
  width: 49%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 40px 28px;
  margin-bottom: 20px;
}
.visual-box:nth-child(1) {
  background-image: url(../images/recruit_main/recruit/internship/bg_visual01.png);
}
.visual-box:nth-child(2) {
  background-image: url(../images/recruit_main/recruit/internship/bg_visual02.png);
}
.visual-box:nth-child(3) {
  background-image: url(../images/recruit_main/recruit/internship/bg_visual03.png);
}
.visual-box:nth-child(4) {
  background-image: url(../images/recruit_main/recruit/internship/bg_visual04.png);
}
.visual-box .title {
  color: #fff;
  text-align: center;
  font-size: 20px;
  background: rgba(1, 98, 177, 0.8);
  padding: 5px;
  margin-bottom: 23px;
}
.visual-box .text {
  padding: 15px 20px;
  background: rgba(255, 255, 255, 0.8);
  min-height: 238px;
}
.visual-box ul li {
  padding-left: 20px;
  text-indent: -20px;
  font-size: 14px;
  margin-bottom: 5px;
}
.visual-box ul li::before {
  content: "●";
  color: #0162b1;
  font-size: 10px;
  margin-right: 10px;
}

@media only screen and (max-width: 679px) {
  .visual-box-list {
    display: block;
    margin-top: 35px;
  }
  .visual-box {
    width: 100%;

    padding: 20px 15px;
  }
  .visual-box .title {
    font-size: 16px;
    margin-bottom: 10px;
    padding: 15px 0;
  }
  .visual-box .text {
    padding: 15px 20px;
    min-height: none;
  }
}
.course {
  padding-top: 50px;
  padding-bottom: 90px;
}
.course .section-common {
  margin-bottom: 0;
}
.course-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}

.course-box {
  width: 49%;
  text-align: center;
}
.course-box .bnr {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
  text-align: center;
  padding: 20px 0 33px;
  margin-bottom: 30px;
  background: url(../images/recruit_main/recruit/internship/bg_course01.png);
}
.course-box .bnr p {
  margin-bottom: 10px;
}
.course-box .bnr .title {
  font-size: 44px;
  line-height: 1;
  margin-bottom: 25px;
}

.course-box .bnr .label {
  width: 295px;
  background: rgba(223, 48, 27, 0.8);
  margin: 0 auto;
}
.course-box .bnr .title span {
  font-size: 26px;
}

.course-box .bnr-title {
  font-size: 20px;
  color: #df301b;
  margin-bottom: 18px;
}
.course-box .bnr-title::after {
  content: "";
  display: block;
  width: 80px;
  margin: 0 auto;
  background: #df301b;
  margin-top: 3px;
  height: 3px;
}
.course-box.metal .bnr {
  background-image: url(../images/recruit_main/recruit/internship/bg_course02.png);
}
.course-box.metal .bnr .label {
  background: rgba(1, 98, 177, 0.8);
}
.course-box.metal .bnr-title {
  color: #0162b1;
}
.course-box.metal .bnr-title::after {
  background: #0162b1;
}
@media only screen and (max-width: 679px) {
  .course-wrap {
    display: block;
  }
  .course-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .course-box {
  }
  .course-box .bnr {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .course-box .bnr .label {
    width: 85%;
  }
  .course-box .bnr .title {
    font-size: 30px;
    margin-bottom: 7px;
  }
  .course-box .bnr .title span {
    font-size: 18px;
  }
  .course-box .bnr-title {
    margin-bottom: 10px;
  }
  .course-box p {
    text-align: left;
  }
}
.page-recruit-internship .photo-full {
  margin-bottom: 35px;
}
.page-recruit-internship .photo-full h2 {
  right: auto;
  top: auto;
  bottom: 10%;
  left: 10%;
}
.page-recruit-internship .section-01 {
  padding-top: 90px;
  padding-bottom: 90px;
}
.page-recruit-internship .section-01 .desc {
  text-align: center;
  margin-bottom: 80px;
}
.page-recruit-internship .section-01 .waku {
  width: 70%;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  text-align: center;
}
.page-recruit-internship .section-01 .waku h4 {
  padding: 20px 0;
  font-size: 153.9%;
  font-weight: bold;
}
.page-recruit-internship .section-01 .waku .info {
  padding: 40px 20px;
  font-size: 123.1%;
  line-height: 2;
}
.page-recruit-internship .section-01 .waku .info .large {
  font-size: 153.9%;
}
.page-recruit-internship .section-01 .waku02 {
  width: 70%;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  text-align: center;
  -webkit-box-shadow: 0 0 5px #fff, 0 0 5px #dadada, 0 0 1px #aaa;
  box-shadow: 0 0 5px #fff, 0 0 5px #dadada, 0 0 1px #aaa;
}
.page-recruit-internship .section-01 .waku02 h4 {
  padding: 20px 0;
  color: #ffffff;
  background-color: #eb361d;
  font-size: 153.9%;
  font-weight: bold;
}
.page-recruit-internship .section-01 .waku02 .info {
  padding: 40px 20px;
  font-size: 123.1%;
  line-height: 2;
}
.page-recruit-internship .section-01 .waku02 .info .large {
  font-size: 153.9%;
}
.page-recruit-internship .section-02 h4 {
  font-size: 182%;
  color: #eb361d;
}
.page-recruit-internship .links-entry02 {
  padding: 50px;
}
@media only screen and (max-width: 679px) {
  .page-recruit-internship .links-entry02 {
    padding: 0px 20px 30px 20px;
  }
}
.page-recruit-internship .links-entry02 .links li {
  display: inline-block;
  width: 45%;
  max-width: 380px;
  margin: 0 2%;
}
@media only screen and (max-width: 679px) {
  .page-recruit-internship .links-entry02 .links li {
    width: 80%;
    max-width: none;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 679px) {
  .page-recruit-internship .photo-full h2 {
    left: 0;
  }
  .page-recruit-internship h3 {
    font-size: 153.9%;
  }
  .page-recruit-internship .section-01 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .page-recruit-internship .section-01 .desc {
    margin-bottom: 40px;
  }
  .page-recruit-internship .section-01 .waku {
    width: 100%;
  }
  .page-recruit-internship .section-01 .waku .info {
    padding: 20px;
    font-size: 108%;
  }
  .page-recruit-internship .section-01 .waku .info .large {
    font-size: 123.1%;
    font-weight: bold;
  }
  .page-recruit-internship .section-01 .waku h4 {
    padding: 10px 0;
    font-size: 123.1%;
  }
  .page-recruit-internship .section-01 .waku02 {
    width: 100%;
  }
  .page-recruit-internship .section-01 .waku02 h4 {
    padding: 10px 0;
    font-size: 123.1%;
  }
  .page-recruit-internship .section-02 h4 {
    font-size: 123.1%;
    color: #eb361d;
  }
}
.page-recruit-company-briefing .section-common {
  margin-top: 90px;
}
@media only screen and (max-width: 679px) {
  .page-recruit-company-briefing .section-common {
    margin-top: 60px;
  }
}
.page-recruit-company-briefing .section-common h3 {
  margin-bottom: 48px;
}
@media only screen and (max-width: 679px) {
  .page-recruit-company-briefing .section-common h3 {
    margin-bottom: 32px;
  }
}
.page-work-place .photo-right .float-left {
  width: 52%;
}
.page-work-place .photo-right .float-right {
  width: 36%;
}
.page-work-place .photo-right .caption {
  line-height: 1.2;
  padding: 20px 0;
  text-align: center;
  background-color: #e5e5e5;
  font-size: 108%;
  font-weight: normal;
}
.page-work-place-top .page-main.photo-full {
  margin-bottom: 0;
}
.page-work-place-top .section-desc {
  padding: 140px 0 80px 0;
}
.page-work-place-top .section-desc .section-common {
  padding: 0 14%;
  margin-bottom: 0;
}
.page-work-place-top .section-desc .section-common h3 {
  padding: 0;
  border: none;
  color: #000000;
  margin-bottom: 60px;
  text-align: center;
}
.page-work-place-top .section-desc .section-common h3 .red {
  display: inline-block;
  color: #ffffff;
  background-color: #eb361d;
  padding: 5px;
  font-size: 153.9%;
  line-height: 1;
}
.page-work-place-top .section-desc .logo {
  text-align: right;
}
.page-work-place-top .section-desc .logo img {
  width: 290px;
  height: auto;
}
.page-work-place-top .section-top-links {
  padding: 120px 0;
  margin-bottom: 0;
  text-align: center;
}
.page-work-place-top .section-top-links li {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  height: 100%;
  margin: 0 1%;
}
.page-work-place-top .section-top-links li a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-bottom: 104.5%;
  border: 5px solid #ffffff;
  position: relative;
}
.page-work-place-top .section-top-links li a:hover {
  border: 5px solid #eb361d;
  opacity: 1;
}
.page-work-place-top .section-top-links li a:hover img {
  opacity: 0.8;
}
.page-work-place-top .section-top-links li .photo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  z-index: 0;
}
.page-work-place-top .section-top-links li .photo img {
  opacity: 0.6;
}
.page-work-place-top .section-top-links li .title {
  width: 100%;
  border: none;
  padding: 0;
  font-size: 189%;
  z-index: 10;
  position: absolute;
  top: 35%;
  color: #ffffff;
}
.page-work-place-top .section-top-links li .readmore {
  width: 80%;
  padding: 5px 0;
  position: absolute;
  margin: auto;
  bottom: 10%;
  left: -100%;
  right: -100%;
  z-index: 10;
  background-color: #eb361d;
  color: #ffffff;
}
.page-work-place-global .page-main.photo-full h2 {
  right: 10%;
  top: 35%;
}
.page-work-place-global .photo-right .photo {
  padding-bottom: 73%;
}
.page-work-place-corporate-culture .page-main.photo-full h2 {
  right: 10%;
  top: auto;
  bottom: 10%;
}
.page-work-place-corporate-culture .section-01 {
  text-align: center;
  margin-bottom: 70px;
}
.page-work-place-corporate-culture .section-01 h3 {
  font-size: 40px;
  color: #000000;
  padding: 0;
  border: none;
  margin-bottom: 5px;
}
.page-work-place-corporate-culture .section-01 h4 {
  font-size: 138.5%;
  margin-bottom: 30px;
}
.page-work-place-corporate-culture .section-01 li {
  display: inline-block;
  width: 24.5%;
}
.page-work-place-corporate-culture .section-01 li img {
  width: 100%;
}
@media only screen and (max-width: 959px) {
  .page-work-place-top .page-main.photo-full {
    margin-bottom: 0;
  }
  .page-work-place-top .section-desc {
    padding: 70px 0;
  }
  .page-work-place-top .section-desc .section-common {
    padding: 0 30px;
  }
  .page-work-place-top .section-desc .section-common h3 {
    margin-bottom: 30px;
    letter-spacing: normal;
  }
  .page-work-place-top .section-desc .section-common h3 .red {
    padding: 3px;
    font-size: 123.1%;
    line-height: 1;
  }
  .page-work-place-top .section-desc .logo img {
    width: 180px;
    height: auto;
  }
  .page-work-place-top .section-top-links {
    padding: 60px 0;
  }
  .page-work-place-top .section-top-links li .title {
    font-size: 138.5%;
    top: 30%;
  }
  .page-work-place-top .section-top-links li .readmore {
    font-size: 77%;
  }
  .page-work-place-global .page-main.photo-full h2 {
    right: 5%;
    top: 10%;
  }
  .page-work-place-corporate-culture .page-main.photo-full h2 {
    top: auto;
    bottom: 10%;
  }
  .page-work-place-corporate-culture .section-01 h3 {
    font-size: 230.8%;
  }
  .page-work-place-corporate-culture .section-01 h4 {
    font-size: 108%;
  }
}
@media only screen and (max-width: 679px) {
  .page-work-place .float-left,
  .page-work-place .float-right {
    padding: 0 !important;
  }
  .page-work-place .float-left {
    margin-bottom: 30px;
  }
  .page-work-place-top .page-main.photo-full {
    margin-bottom: 0;
  }
  .page-work-place-top .section-top-links {
    padding: 60px 0;
  }
  .page-work-place-top .section-top-links li {
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }
  .page-work-place-top .section-top-links li:last-child {
    margin-bottom: 0;
  }
  .page-work-place-top .section-top-links li .title {
    font-size: 197%;
    top: 30%;
  }
  .page-work-place-top .section-top-links li .readmore {
    font-size: 77%;
  }
  .page-work-place-corporate-culture .page-main.photo-full h2 {
    top: auto;
    bottom: 0;
  }
  .page-work-place-corporate-culture .section-01 h4 {
    font-size: 108%;
    letter-spacing: -0.1em;
  }
  .page-work-place-corporate-culture .section-01 li {
    width: 48%;
  }
}
.page-work-top .page-main.photo-full {
  margin-bottom: 70px;
}
.page-work-top .page-main.photo-full h2 {
  top: 15%;
}
.page-work-top .section-common h3 {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #000000;
  padding-left: 0;
  border: none;
}
.page-work-top .section-common h3 .red {
  color: #eb361d;
}
.page-work-top .section-about .picture {
  max-width: 900px;
  margin: 0 auto;
}
.page-work-top .section-if {
  position: relative;
  text-align: center;
}
.page-work-top .section-if h3 {
  font-size: 197%;
  display: inline-block;
  position: relative;
  margin-bottom: 60px;
}
.page-work-top .section-if h3 .red {
  font-size: 40px;
  color: #eb361d;
}
.page-work-top .section-if h3 .ico-exclamation {
  display: block;
  width: 35px;
  height: 59px;
  background: url(../images/recruit_main/work/top/ico_exclamation.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: -30px;
}
.page-work-top .section-if h3 .ico-question {
  display: block;
  width: 39px;
  height: 63px;
  background: url(../images/recruit_main/work/top/ico_question.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: -50px;
}
.page-work-top .section-if .rows-if {
  text-align: left;
}
.page-work-top .section-if .rows-if .row {
  padding: 50px;
  border: 1px solid #eb361d;
  margin-bottom: 60px;
}
.page-work-top .section-if .rows-if .row h4 {
  font-size: 230.8%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eb361d;
  color: #eb361d;
  line-height: 1;
}
.page-work-top .section-if .rows-if .row h4 .number {
  font-size: 60px;
  padding-right: 10px;
}
.page-work-top .section-if .rows-if .row .float-left {
  width: 50%;
  padding-right: 4%;
}
.page-work-top .section-if .rows-if .row .float-right {
  width: 50%;
  padding-left: 4%;
}
.page-work-top .section-if .rows-if .row .photo {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
  height: 0;
  padding-bottom: 80.73%;
}
.page-work-top .section-if .rows-if .row .photo img {
  position: absolute;
  top: 0;
  left: 0;
}
.page-work-top .section-if .rows-if .row .photo img:nth-child(2) {
  display: none;
}
.page-work-top .section-if .rows-if .row .btn-yesno {
  text-align: center;
}
.page-work-top .section-if .rows-if .row .btn-yesno li {
  display: inline-block;
  width: 46%;
  margin-right: 4%;
  padding: 15px 0;
  line-height: 1;
  color: #ffffff;
  font-weight: bold;
  background-color: #eb361d;
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: 3px 3px 0px 0px #c52c16;
  -moz-box-shadow: 3px 3px 0px 0px #c52c16;
  box-shadow: 3px 3px 0px 0px #c52c16;
}
.page-work-top .section-if .rows-if .row .btn-yesno li:nth-child(2n) {
  background-color: #0090ec;
  margin-right: 0;
  -webkit-box-shadow: 3px 3px 0px 0px #0267a7;
  -moz-box-shadow: 3px 3px 0px 0px #0267a7;
  box-shadow: 3px 3px 0px 0px #0267a7;
}
@media only screen and (max-width: 959px) {
  .page-work-top .page-main.photo-full h2 {
    left: 0;
  }
}
@media only screen and (max-width: 679px) {
  .page-work-top .page-main.photo-full {
    height: 100%;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .page-work-top .page-main.photo-full h2 {
    position: relative;
    padding: 20px;
    font-size: 108%;
    background-color: #eb361d;
  }
  .page-work-top .page-main.photo-full .photo {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    position: relative;
  }
  .page-work-top .section-common h3 {
    font-size: 197%;
  }
  .page-work-top .section-if h3 {
    font-size: 100%;
    margin-bottom: 30px;
  }
  .page-work-top .section-if h3 .red {
    font-size: 153.9%;
  }
  .page-work-top .section-if h3 .ico-exclamation {
    width: 25px;
    height: 49px;
  }
  .page-work-top .section-if h3 .ico-question {
    width: 29px;
    height: 53px;
    right: -35px;
  }
  .page-work-top .section-if .rows-if .row {
    padding: 20px;
    margin-bottom: 30px;
  }
  .page-work-top .section-if .rows-if .row h4 {
    font-size: 138.5%;
    padding-bottom: 10px;
  }
  .page-work-top .section-if .rows-if .row h4 .number {
    font-size: 197%;
  }
  .page-work-top .section-if .rows-if .row .float-left {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .page-work-top .section-if .rows-if .row .float-right {
    padding-left: 0;
  }
}
.page-work-heat-treat .page-main.photo-full {
  margin-bottom: 0;
}
.page-work-heat-treat .page-main.photo-full h2 {
  top: auto;
  bottom: 10%;
}
.page-work-heat-treat .section-01 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.page-work-heat-treat .rows-photo {
  padding: 0;
}
.page-work-heat-treat .rows-photo .row-photo {
  width: 100%;
  height: 0;
  padding-bottom: 40.7%;
  position: relative;
  margin-bottom: 130px;
}
.page-work-heat-treat .rows-photo .row-photo .photo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.page-work-heat-treat .rows-photo .row-photo .title {
  width: 50%;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  margin: auto;
  right: 0;
  top: 30%;
  z-index: 10;
}
.page-work-heat-treat .rows-photo .row-photo .title .desc {
  margin-top: 20px;
  border-top: 1px solid #eb361d;
  padding-top: 20px;
}
.page-info .page-work-heat-treat .rows-photo .row-photo li,
.page-work-heat-treat .rows-photo .row-photo .btn-white,
.page-work-heat-treat .rows-photo .row-photo .links-button,
.page-work-heat-treat .rows-photo .row-photo .page-info li {
  width: 50%;
  margin: 0 auto;
}
.page-work-heat-treat .rows-photo .photo-right .photo {
  left: auto;
  right: 0;
}
.page-work-heat-treat .rows-photo .photo-right .title {
  left: 0;
  right: auto;
}
.page-work-heat-treat .section-03 {
  padding-top: 100px;
}
.page-work-heat-treat .section-03 table td,
.page-work-heat-treat .section-03 table th {
  text-align: center;
  border: 1px solid #e5e5e5;
  padding: 20px 30px;
}
.page-work-heat-treat .section-03 table .left {
  text-align: left;
}
.page-work-heat-treat .section-03 table tbody td {
  width: 18%;
}
@media only screen and (max-width: 959px) {
  .page-work-heat-treat .rows-photo {
    padding: 0;
  }
  .page-work-heat-treat .rows-photo .row-photo {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 60px;
  }
  .page-work-heat-treat .rows-photo .row-photo .photo {
    position: relative;
  }
  .page-work-heat-treat .rows-photo .row-photo .photo img {
    width: 100%;
  }
  .page-work-heat-treat .rows-photo .row-photo .title {
    width: 100%;
    padding: 30px;
    position: relative;
  }
  .page-info .page-work-heat-treat .rows-photo .row-photo li,
  .page-work-heat-treat .rows-photo .row-photo .btn-white,
  .page-work-heat-treat .rows-photo .row-photo .links-button,
  .page-work-heat-treat .rows-photo .row-photo .page-info li {
    width: 100%;
  }
}
@media only screen and (max-width: 679px) {
  .page-work-heat-treat .section-01 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-person-common .person-interview .page-work-heat-treat .section-01 .text,
  .page-person-common .person-message .page-work-heat-treat .section-01 .text,
  .page-work-heat-treat .section-01 .bg-white,
  .page-work-heat-treat .section-01 .page-person-common .person-interview .text,
  .page-work-heat-treat .section-01 .page-person-common .person-message .text {
    margin-bottom: 0;
  }
  .page-work-heat-treat .rows-photo {
    margin-bottom: 0;
  }
  .page-work-heat-treat .rows-photo .row-photo {
    margin-bottom: 0;
  }
  .page-work-heat-treat .rows-photo .title img {
    max-width: 70%;
  }
  .page-work-heat-treat .section-03 {
    padding-top: 60px;
  }
  .page-work-heat-treat .section-03 .box-table {
    width: 100%;
    overflow-x: scroll;
  }
  .page-work-heat-treat .section-03 table {
    width: auto;
    max-width: none;
  }
  .page-work-heat-treat .section-03 table td,
  .page-work-heat-treat .section-03 table th {
    padding: 10px;
  }
}