@charset "UTF-8";
/*
* Theme Name: K -hearts 株式会社
* Version: 0.0.2
* Text Domain: k-hearts
*/
html {
  color: #5e5e5e;
  font-size: 15px;
}
@media (min-width: 769px) {
  html {
    font-size: 16px;
  }
}
body {
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 1.9;
  color: #5e5e5e;
  background: #FFFFFF;
}
@media (min-width: 769px) {
  body {
    font-size: 16px;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img,
iframe {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  height: auto;
}
a {
  color: #5e5e5e;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a img {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
a:hover {
  opacity: 0.7;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
}
h2 {
  color: #212121;
  font-size: 1.5rem;
  line-height: 1.4;
}
@media (min-width: 769px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: 1.05rem;
  line-height: 1.4;
}
@media (min-width: 769px) {
  h3 {
    font-size: 1.2rem;
  }
}
@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
.section {
  position: relative;
}
.section .section-wrapper {
  width: 1120px;
  max-width: 100%;
  margin: 0 auto;
  padding: 12vw 6vw;
  position: relative;
}
.section .section-wrapper:after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
@media (min-width: 769px) {
  .section .section-wrapper {
    padding: 6rem 20px;
  }
}
.section .section-title {
  text-align: center;
  margin-bottom: 7vw;
}
@media (min-width: 769px) {
  .section .section-title {
    margin-bottom: 4rem;
  }
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-large {
  font-size: 1.5rem;
  line-height: 1.4;
}
@media (min-width: 769px) {
  .text-large {
    font-size: 2rem;
  }
}
.contents-block {
  margin-bottom: 3rem;
}
.btn {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
  padding: 1em 1em;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 700;
  background: #212121;
  margin: 0 auto;
  width: 260px;
}
.btn:hover,
.btn:focus,
.btn:active {
  opacity: .7;
}
@media (min-width: 769px) {
  .btn {
    width: 300px;
    max-width: 100%;
    font-size: 1.15rem;
  }
}
.btn-block {
  text-align: center;
  margin-top: 6vw;
}
@media (min-width: 769px) {
  .btn-block {
    margin-top: 2rem;
  }
}
#page-header {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: fixed;
  z-index: 100;
  width: 100%;
  background: #FFFFFF;
}
#page-header .section-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding: 1rem 3vw;
}
@media (min-width: 769px) {
  #page-header .section-wrapper {
    padding: 1rem 20px;
    align-items: end;
  }
}
#page-header .site-title .logo {
  display: block;
}
#page-header .site-title .logo img {
  width: 86px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 769px) {
  #page-header .site-title .logo {
    margin-bottom: .5rem;
  }
  #page-header .site-title .logo img {
    width: 130px;
  }
}
#page-header #navbar {
  width: calc(100% - 86px - 6vw);
}
@media (min-width: 769px) {
  #page-header #navbar {
    width: calc(100% - 130px);
  }
}
#page-header #btn_menu {
  position: relative;
  width: 18px;
  height: 18px;
  border: none;
  display: block;
  margin: 0 0 0 auto;
}
@media (min-width: 769px) {
  #page-header #btn_menu {
    display: none;
  }
}
#page-header #btn_menu:before,
#page-header #btn_menu:after,
#page-header #btn_menu span {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #212121;
  transition: all .4s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
#page-header #btn_menu span {
  top: 8px;
  width: 75%;
}
#page-header #btn_menu:after {
  top: auto;
  bottom: 0;
}
#page-header #btn_menu.open:before {
  -moz-transform: translateY(8px) rotate(-45deg);
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
#page-header #btn_menu.open:after {
  -moz-transform: translateY(-8px) rotate(45deg);
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}
#page-header #btn_menu.open span {
  display: none;
}
#page-header #header-menu {
  display: none;
  position: fixed;
  background: #FFFFFF;
  right: 0;
  top: 0;
  width: 80vw;
  height: 100vh;
  padding: 6vw;
}
@media (min-width: 769px) {
  #page-header #header-menu {
    display: block;
    position: relative;
    background: transparent;
    right: auto;
    top: auto;
    width: auto;
    height: auto;
    padding: 0;
  }
}
#page-header .menu {
  display: block;
}
#page-header .menu li {
  list-style-type: none;
  display: block;
  font-size: 1.1rem;
  margin: 1rem auto;
}
@media (min-width: 769px) {
  #page-header .menu {
    text-align: right;
  }
  #page-header .menu li {
    display: inline-block;
    font-size: .9rem;
    vertical-align: bottom;
    margin: 0 auto 0 1em;
  }
  #page-header .menu li.btn_contact {
    margin-left: 0;
  }
}
#page-header .btn_contact a,
#page-header .btn_recruit a {
  background: #5e5e5e;
  color: #ffffff;
  font-weight: 700;
  padding: .2em;
  text-align: center;
  display: block;
}
@media (min-width: 769px) {
  #page-header .btn_contact a,
  #page-header .btn_recruit a {
    display: inline-block;
    width: 130px;
  }
}
#page-header .btn_recruit a {
  background: #212121;
}
#page-footer #secFooter .section-wrapper {
  padding-bottom: 3rem;
}
#page-footer #secFooter .contact-list > div {
  border-top: 1px solid #dddddd;
  padding: 3vw 0;
}
#page-footer #secFooter .contact-list > div .block-title {
  margin-bottom: 3vw;
  font-size: .9rem;
}
#page-footer #secFooter .contact-list > div .block-contents {
  font-size: .9rem;
}
#page-footer #secFooter .contact-list > div p {
  margin: 1rem auto;
}
#page-footer #secFooter .contact-list > div .company-name {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #212121;
}
#page-footer #secFooter .contact-list > div:nth-of-type(2) img {
  max-width: 80%;
}
@media (min-width: 769px) {
  #page-footer #secFooter .contact-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 2px solid #dddddd;
    padding: 2rem 0;
  }
  #page-footer #secFooter .contact-list > div {
    width: 33.33%;
    border-top: none;
    border-right: 2px solid #dddddd;
    padding: 1rem 2rem;
  }
  #page-footer #secFooter .contact-list > div:nth-of-type(2) img {
    max-width: 100%;
  }
  #page-footer #secFooter .contact-list > div:last-of-type {
    border-right: 0;
  }
  #page-footer #secFooter .contact-list > div .block-title {
    margin-bottom: 2rem;
    font-size: 1rem;
  }
  #page-footer #secFooter .contact-list > div .block-contents {
    font-size: 1rem;
  }
  #page-footer #secFooter .contact-list > div .company-name {
    font-size: 1.3rem;
  }
}
#page-footer #secFooter .banner-list {
  border-top: 1px solid #dddddd;
  padding: 2rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#page-footer #secFooter .banner-list a {
  display: block;
  margin: 0 auto;
}
#page-footer #secFooter .banner-list img {
  height: 50px;
}
@media (min-width: 769px) {
  #page-footer #secFooter .banner-list {
    border-top: 2px solid #dddddd;
  }
  #page-footer #secFooter .banner-list img {
    height: auto;
  }
}
#page-footer .copyright {
  background: #212121;
  text-align: center;
  font-size: .72rem;
  color: #FFFFFF;
  padding: 1rem;
}
#to-top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 99;
  background: #00783d;
  width: 3rem;
  height: 3rem;
  opacity: 0;
  transition: all 0.65s;
}
#to-top img {
  width: 2rem;
  margin-top: .5rem;
}
#to-top.active {
  opacity: 1;
}
#page-body {
  overflow: hidden;
  width: 100%;
  min-height: calc(100vh - 150px);
  padding-top: 62px;
}
@media (min-width: 769px) {
  #page-body {
    padding-top: 69px;
  }
}
#page-body .news-list .entry-block,
#page-body .entry-list .entry-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: .9rem;
  line-height: 1.6;
  margin-bottom: 3vw;
}
#page-body .news-list .entry-block .block-images,
#page-body .entry-list .entry-block .block-images {
  width: 30%;
}
#page-body .news-list .entry-block .block-contents,
#page-body .entry-list .entry-block .block-contents {
  width: 70%;
  padding-left: 10px;
}
#page-body .news-list .entry-block .entry-date,
#page-body .entry-list .entry-block .entry-date {
  font-size: .8rem;
  text-align: right;
}
#page-body .news-list .entry-block a,
#page-body .entry-list .entry-block a {
  display: block;
}
@media (min-width: 769px) {
  #page-body .news-list,
  #page-body .entry-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
  }
  #page-body .news-list .entry-block,
  #page-body .entry-list .entry-block {
    align-items: center;
    border: 2px solid #dddddd;
    width: 49%;
    font-size: 1rem;
  }
  #page-body .news-list .entry-block .block-images,
  #page-body .entry-list .entry-block .block-images {
    width: 30%;
  }
  #page-body .news-list .entry-block .block-contents,
  #page-body .entry-list .entry-block .block-contents {
    width: 70%;
    padding: 1rem;
  }
}
#page-body #secContents .section-title {
  background: #f8f8f8;
  margin-bottom: 0;
}
#page-body #secContents .section-title .section-wrapper {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
#page-body #breadcrumb {
  border-bottom: 1px solid #dddddd;
}
#page-body #breadcrumb .section-wrapper {
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: .9rem;
}
#page-body #breadcrumb ul li {
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
}
#page-body #breadcrumb ul li:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url("assets/img/ico_arrow.svg") no-repeat center center;
  margin: 0 .5em;
  vertical-align: middle;
}
#page-body #breadcrumb ul li:first-of-type:before {
  display: none;
}
#page-body .pagination {
  text-align: center;
  margin-top: 3rem;
}
#page-body .pagination span,
#page-body .pagination a {
  display: inline-block;
  margin: 0 .5em;
  border-bottom: 2px solid #FFFFFF;
}
#page-body .pagination .current {
  border-color: #212121;
}
#page-body .input-list {
  margin-top: 10vw;
}
@media (min-width: 769px) {
  #page-body .input-list {
    margin-top: 6rem;
  }
}
@media (min-width: 769px) {
  #page-body .input-list .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #page-body .input-list .row > div {
    width: 48%;
  }
}
#page-body .input-list .input-block {
  margin-bottom: 1rem;
}
#page-body .input-list .input-block:after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
#page-body .input-list .input-block > br {
  display: none;
}
#page-body .input-list .input-block textarea {
  width: 100%;
  border-radius: 0;
}
#page-body .input-list .input-block p {
  margin-bottom: 0;
}
#page-body .input-list .input-block .input-title {
  font-weight: 700;
}
#page-body .input-list .input-block.required .input-title:after {
  content: "*必須";
  display: inline-block;
  margin-left: 1rem;
  color: #AE3939;
  font-size: .92rem;
  font-weight: 400;
}
#page-body .input-list .input-block .form-control {
  border: 1px solid #cfd8dc;
  padding: .3em .5em;
  width: 100%;
  font-size: 16px;
  background: #FFFFFF;
  border-radius: 5px;
}
@media (min-width: 769px) {
  #page-body .input-list .input-block .form-control {
    padding: .5em;
    border-radius: 3px;
  }
}
#page-body .input-list .input-block .form-control.read-only {
  border: none;
  pointer-events: none;
}
#page-body .input-list .input-block .mwform-checkbox-field {
  text-align: center;
  display: block;
}
#page-body .input-list .input-block select.form-control {
  color: #666666;
  background: url("assets/img/ico_select.svg") no-repeat 96% center #FFFFFF;
  background-size: auto 30%;
  padding-right: 10%;
}
#page-body .input-list .input-block select.form-control option {
  color: #5e5e5e;
}
#page-body .input-list .input-block select.form-control option:first-child {
  display: none;
}
#page-body .mw_wp_form_input .links {
  text-align: center;
}
#page-body .mw_wp_form_input .links a {
  color: #ffffff;
  text-decoration: underline;
}
#page-body .mw_wp_form_confirm .input-wrapper {
  background: #f8f8f8;
  padding: .3em .5em;
  min-height: 2em;
}
#page-body .mw_wp_form_confirm .form_only {
  display: none;
}
.page #page-body .entry-contents h2,
.single #page-body .entry-contents h2 {
  font-size: 1.3rem;
  font-weight: 700;
  padding-bottom: .3em;
  border-bottom: 2px solid #dddddd;
  margin-bottom: 1.5em;
  margin-top: 3em;
}
@media (min-width: 769px) {
  .page #page-body .entry-contents h2,
  .single #page-body .entry-contents h2 {
    font-size: 1.5rem;
  }
}
.page #page-body .entry-contents h3,
.single #page-body .entry-contents h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 1.5em;
}
@media (min-width: 769px) {
  .page #page-body .entry-contents h3,
  .single #page-body .entry-contents h3 {
    font-size: 1.6rem;
  }
}
.page #page-body .entry-contents a,
.single #page-body .entry-contents a {
  text-decoration: underline;
}
.page #page-body .entry-contents p,
.single #page-body .entry-contents p {
  margin-bottom: 1em;
}
.page #page-body .entry-contents ul,
.single #page-body .entry-contents ul {
  padding-left: 1.5em;
}
.page #page-body .entry-contents table,
.single #page-body .entry-contents table {
  width: 100%;
  border-top: 1px solid #dddddd;
  border-collapse: collapse;
}
.page #page-body .entry-contents table th,
.single #page-body .entry-contents table th,
.page #page-body .entry-contents table td,
.single #page-body .entry-contents table td {
  padding: .5em .3em;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
.page #page-body .entry-contents table th,
.single #page-body .entry-contents table th {
  background: #f8f8f8;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .page #page-body .entry-contents table th,
  .single #page-body .entry-contents table th,
  .page #page-body .entry-contents table td,
  .single #page-body .entry-contents table td {
    padding: 1em;
  }
}
.page #page-body .entry-contents img,
.single #page-body .entry-contents img {
  display: inline-block;
}
.page #page-body .entry-contents table.tbl-history,
.single #page-body .entry-contents table.tbl-history {
  border-top: none;
}
.page #page-body .entry-contents table.tbl-history th,
.single #page-body .entry-contents table.tbl-history th,
.page #page-body .entry-contents table.tbl-history td,
.single #page-body .entry-contents table.tbl-history td {
  padding-top: .5em;
  padding-bottom: .5em;
}
.page #page-body .entry-contents table.tbl-history td:first-of-type,
.single #page-body .entry-contents table.tbl-history td:first-of-type {
  width: 80px;
}
@media (min-width: 769px) {
  .page #page-body .entry-contents table.tbl-history td:first-of-type,
  .single #page-body .entry-contents table.tbl-history td:first-of-type {
    width: 100px;
  }
}
.single #page-body .entry-date {
  font-size: .9rem;
  text-align: right;
}
.single #page-body .entry-contents {
  margin: 10vw auto;
}
@media (min-width: 769px) {
  .single #page-body .entry-contents {
    margin: 6rem auto;
  }
}
.page-home #page-body #secMV .swiper-button-next,
.page-home #page-body #secMV .swiper-button-prev {
  color: #b41700;
}
.page-home #page-body #secMV .swiper-button-next:after,
.page-home #page-body #secMV .swiper-button-prev:after {
  font-size: 1.5rem;
}
@media (min-width: 769px) {
  .page-home #page-body #secMV .swiper-button-next:after,
  .page-home #page-body #secMV .swiper-button-prev:after {
    font-size: 2rem;
  }
}
.page-home #page-body #secMV .swiper-pagination-bullet-active {
  background: #b41700;
}
.page-home #page-body #secService {
  background: #f8f8f8;
  background-size: 100% auto;
  color: #b41700;
  text-align: center;
}
.page-home #page-body #secService .section-title h2 {
  color: #b41700;
  font-weight: 400;
}
.page-home #page-body #secService .section-contents p {
  margin: 4vw auto;
}
.page-home #page-body #secService .section-contents p:nth-of-type(3) img {
  width: calc(56.28205128%);
  margin: 10vw auto;
}
@media (min-width: 769px) {
  .page-home #page-body #secService .section-title img {
    width: calc(35.44871795%);
  }
  .page-home #page-body #secService .section-contents p {
    margin: 3rem auto;
    font-size: 1.3rem;
  }
  .page-home #page-body #secService .section-contents p:nth-of-type(3) img {
    width: calc(28.14102564%);
    margin: 6rem auto;
  }
}
.page-home #page-body #secVision {
  position: relative;
}
.page-home #page-body #secVision:before {
  content: "";
  display: block;
  width: 20%;
  height: 100%;
  background: url("assets/img/home/secVision_bg.png") no-repeat right top;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 769px) {
  .page-home #page-body #secVision:before {
    width: 50%;
  }
}
.page-home #page-body #secVision .section-title {
  margin-bottom: 1rem;
}
.page-home #page-body #secVision .section-title h2 {
  margin: 0 0 0 22%;
  padding: 0;
}
.page-home #page-body #secVision .section-title h2 img {
  width: calc(40.31339031%);
  margin-left: 0;
}
@media (min-width: 769px) {
  .page-home #page-body #secVision .section-title h2 {
    margin-left: 54%;
  }
  .page-home #page-body #secVision .section-title h2 img {
    width: calc(36.28205128%);
    margin-left: 0;
  }
}
.page-home #page-body #secVision .section-contents .vision-block {
  margin-top: 2rem;
  margin-left: 22%;
}
.page-home #page-body #secVision .section-contents .vision-block img {
  margin-left: 0;
}
.page-home #page-body #secVision .section-contents .vision-block .block-title img {
  margin-bottom: 1rem;
}
.page-home #page-body #secVision .section-contents .vision-block:nth-of-type(1) .block-title img {
  width: calc(26.33136095%);
}
.page-home #page-body #secVision .section-contents .vision-block:nth-of-type(1) .block-contents img {
  width: calc(72.07977208%);
}
.page-home #page-body #secVision .section-contents .vision-block:nth-of-type(2) .block-title img {
  width: calc(21.79487179%);
}
.page-home #page-body #secVision .section-contents .vision-block:nth-of-type(2) .block-contents img {
  width: calc(96.01139601%);
}
.page-home #page-body #secVision .section-contents .vision-block:nth-of-type(3) .block-title img {
  width: calc(19.03353057%);
}
.page-home #page-body #secVision .section-contents .vision-block:nth-of-type(3) .block-contents img {
  width: calc(66.95156695%);
}
@media (min-width: 769px) {
  .page-home #page-body #secVision .section-contents .vision-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: auto;
    margin-top: 4rem;
  }
  .page-home #page-body #secVision .section-contents .vision-block > div {
    width: 46%;
  }
  .page-home #page-body #secVision .section-contents .vision-block .block-title img {
    margin: 0 0 0 auto;
  }
  .page-home #page-body #secVision .section-contents .vision-block:nth-of-type(1) .block-title img {
    width: calc(34.23076923%);
  }
  .page-home #page-body #secVision .section-contents .vision-block:nth-of-type(1) .block-contents img {
    width: calc(64.87179487%);
  }
  .page-home #page-body #secVision .section-contents .vision-block:nth-of-type(2) .block-title img {
    width: calc(28.33333333%);
  }
  .page-home #page-body #secVision .section-contents .vision-block:nth-of-type(2) .block-contents img {
    width: calc(86.41025641%);
  }
  .page-home #page-body #secVision .section-contents .vision-block:nth-of-type(3) .block-title img {
    width: calc(24.74358974%);
  }
  .page-home #page-body #secVision .section-contents .vision-block:nth-of-type(3) .block-contents img {
    width: calc(60.25641026%);
  }
}
.page-home #page-body #secRecruit .concept-block {
  background: #f8f8f8;
}
.page-home #page-body #secRecruit .concept-block .block-contents {
  padding: 10vw 6vw;
}
.page-home #page-body #secRecruit .concept-block .block-contents h3 {
  margin-bottom: 6vw;
}
.page-home #page-body #secRecruit .concept-block .block-contents h3 img {
  width: calc(30.92948718%);
}
.page-home #page-body #secRecruit .concept-block:nth-of-type(2) .block-contents h3 img {
  width: calc(32.53205128%);
}
.page-home #page-body #secRecruit .concept-block:nth-of-type(3) .block-contents h3 img {
  width: calc(26.28205128%);
}
@media (min-width: 769px) {
  .page-home #page-body #secRecruit .concept-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  .page-home #page-body #secRecruit .concept-block > div {
    width: 50%;
  }
  .page-home #page-body #secRecruit .concept-block .block-contents {
    padding: 1rem 6%;
  }
  .page-home #page-body #secRecruit .concept-block .block-contents h3 {
    margin-bottom: 2rem;
  }
  .page-home #page-body #secRecruit .concept-block .block-contents h3 img {
    width: calc(24.74358974%);
  }
  .page-home #page-body #secRecruit .concept-block:nth-of-type(2n) {
    flex-direction: row;
  }
  .page-home #page-body #secRecruit .concept-block:nth-of-type(2) .block-contents h3 img {
    width: calc(26.02564103%);
  }
  .page-home #page-body #secRecruit .concept-block:nth-of-type(3) .block-contents h3 img {
    width: calc(21.02564103%);
  }
}
.page-home #page-body #secNews .news-list {
  margin-bottom: 10vw;
}
@media (min-width: 769px) {
  .page-home #page-body #secNews .news-list {
    margin-bottom: 4rem;
  }
}
.page-home #page-body #secCompany .contents-list .contents-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 2px solid #dddddd;
  margin-bottom: 1rem;
}
.page-home #page-body #secCompany .contents-list .contents-block .block-images {
  width: 30%;
  background: #b41700;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.page-home #page-body #secCompany .contents-list .contents-block .block-contents {
  width: 70%;
  padding: 3vw;
  text-align: center;
}
.page-home #page-body #secCompany .contents-list .contents-block h3 {
  margin-bottom: 1rem;
}
.page-home #page-body #secCompany .contents-list .contents-block a {
  display: block;
  width: 100%;
}
.page-home #page-body #secCompany .contents-list .contents-block a img {
  width: calc(30.50847458%);
}
.page-home #page-body #secCompany .contents-list .contents-block:nth-of-type(2) a img {
  width: calc(28.81355932%);
}
.page-home #page-body #secCompany .contents-list .contents-block:nth-of-type(3) a img {
  width: calc(80.50847458%);
}
.page-home #page-body #secCompany .contents-list .contents-block:nth-of-type(4) a img {
  width: calc(31.3559322%);
}
@media (min-width: 769px) {
  .page-home #page-body #secCompany .contents-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page-home #page-body #secCompany .contents-list .contents-block {
    width: 49%;
  }
  .page-home #page-body #secCompany .contents-list .contents-block .block-contents {
    padding: 2rem;
  }
}
.page-home #page-body #secFlow .flow-list .flow-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 2px solid #dddddd;
  margin-bottom: 1rem;
}
.page-home #page-body #secFlow .flow-list .flow-block .block-images {
  width: 30%;
  background: #b41700;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  color: #FFFFFF;
}
.page-home #page-body #secFlow .flow-list .flow-block .block-contents {
  width: 70%;
  padding: 3vw;
  line-height: 1.6;
}
@media (min-width: 769px) {
  .page-home #page-body #secFlow .flow-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page-home #page-body #secFlow .flow-list > div {
    width: 49%;
  }
  .page-home #page-body #secFlow .flow-list .flow-block .block-contents {
    padding: 2rem;
  }
}
.page-recruit #page-body #secMessage {
  background: url("assets/img/recruit/secMessage_01.png") no-repeat right bottom;
  background-size: 60% auto;
}
.page-recruit #page-body #secMessage .section-wrapper {
  padding-bottom: 50vw;
}
.page-recruit #page-body #secMessage .section-title {
  text-align: left;
  font-weight: 700;
}
.page-recruit #page-body #secMessage .section-title img {
  width: calc(31.15384615%);
  margin-left: 0;
  margin-bottom: 1em;
}
.page-recruit #page-body #secMessage .section-contents {
  display: none;
}
@media (min-width: 769px) {
  .page-recruit #page-body #secMessage {
    background: transparent;
  }
  .page-recruit #page-body #secMessage .section-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 6rem;
  }
  .page-recruit #page-body #secMessage .section-wrapper .section-title {
    width: 50%;
  }
  .page-recruit #page-body #secMessage .section-wrapper .section-contents {
    width: 30%;
    display: block;
  }
}
.page-recruit #page-body #secEpisode .episode-block + .episode-block {
  margin-top: 20vw;
}
.page-recruit #page-body #secEpisode .episode-block .block-contents h2 {
  color: #5e5e5e;
  margin-bottom: 1em;
  font-size: 1.2rem;
}
.page-recruit #page-body #secEpisode .episode-block .block-contents h2 img {
  height: 2rem;
  margin-left: 0;
  margin-bottom: .5rem;
}
.page-recruit #page-body #secEpisode .episode-block .block-contents p {
  margin-bottom: 1em;
}
.page-recruit #page-body #secEpisode .episode-block .block-images img {
  width: 60%;
}
@media (min-width: 769px) {
  .page-recruit #page-body #secEpisode .episode-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  .page-recruit #page-body #secEpisode .episode-block + .episode-block {
    margin-top: 10rem;
  }
  .page-recruit #page-body #secEpisode .episode-block .block-contents {
    width: 50%;
  }
  .page-recruit #page-body #secEpisode .episode-block .block-contents h2 {
    font-size: 1.5rem;
  }
  .page-recruit #page-body #secEpisode .episode-block .block-contents h2 img {
    height: 3rem;
  }
  .page-recruit #page-body #secEpisode .episode-block .block-images {
    width: 40%;
  }
  .page-recruit #page-body #secEpisode .episode-block .block-images img {
    width: auto;
  }
}
.page-recruit #page-body #secRecruit .section-wrapper {
  background: url("assets/img/recruit/secRecruit_bg_02.png") no-repeat right bottom;
  background-size: 30% auto;
  padding-bottom: 20vw;
}
.page-recruit #page-body #secRecruit p {
  margin-bottom: 1em;
}
.page-recruit #page-body #secRecruit .text-large {
  font-size: 1.05rem;
}
.page-recruit #page-body #secRecruit .btn-block {
  text-align: left;
}
.page-recruit #page-body #secRecruit .btn-block .btn {
  width: 200px;
}
@media (min-width: 769px) {
  .page-recruit #page-body #secRecruit {
    text-align: center;
    margin-top: 6rem;
  }
  .page-recruit #page-body #secRecruit .section-wrapper {
    background-image: url("assets/img/recruit/secRecruit_bg_01.png"), url("assets/img/recruit/secRecruit_bg_02.png");
    background-position: top left, top right;
    background-size: 20% auto, 20% auto;
    padding-bottom: 6rem;
  }
  .page-recruit #page-body #secRecruit .text-large {
    font-size: 1.3rem;
  }
  .page-recruit #page-body #secRecruit .btn-block {
    text-align: center;
  }
  .page-recruit #page-body #secRecruit .btn-block .btn {
    width: 300px;
  }
}
.page-recruit #page-body #secCEO {
  margin-top: 12vw;
}
.page-recruit #page-body #secCEO .section-title h2 > img {
  margin-left: 0;
  position: relative;
  z-index: 1;
  height: 3rem;
}
.page-recruit #page-body #secCEO .section-title h2 > picture {
  display: block;
  margin-left: 0;
  position: relative;
  margin-top: -1rem;
  width: 80%;
}
.page-recruit #page-body #secCEO p {
  margin-bottom: 1em;
}
.page-recruit #page-body #secCEO h3 {
  margin-top: 3em;
  margin-bottom: 1.5em;
}
@media (min-width: 769px) {
  .page-recruit #page-body #secCEO {
    margin-top: 0;
  }
  .page-recruit #page-body #secCEO .section-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page-recruit #page-body #secCEO .section-wrapper .section-title {
    width: 200px;
  }
  .page-recruit #page-body #secCEO .section-wrapper .section-title h2 > img {
    height: 3.5rem;
  }
  .page-recruit #page-body #secCEO .section-wrapper .section-title h2 > picture {
    margin-top: 1rem;
    width: auto;
  }
  .page-recruit #page-body #secCEO .section-wrapper .section-contents {
    width: calc(100% - 400px);
  }
  .page-recruit #page-body #secCEO h3 {
    margin-top: 4em;
    margin-bottom: 2em;
  }
}
.page-company #page-body .entry-contents {
  width: 740px;
  max-width: 100%;
  margin: 0 auto;
}