/* Generated by less 2.5.1 */
@charset "UTF-8";
@import "normalize.css";
@import url("//aidemcp.sharepoint.com///aidemcp.sharepoint.com///fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic");
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="fa-"],
[class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-uniE003:before {
  content: "\e003";
}
.fa-uniE021:before {
  content: "\e021";
}
.fa-uniE023:before {
  content: "\e023";
}
.fa-uniE079:before {
  content: "\e079";
}
.fa-uniE080:before {
  content: "\e080";
}
.fa-uniE091:before {
  content: "\e091";
}
.fa-uniE092:before {
  content: "\e092";
}
.fa-uniE093:before {
  content: "\e093";
}
.fa-uniE094:before {
  content: "\e094";
}
.fa-uniE095:before {
  content: "\e095";
}
.fa-uniE113:before {
  content: "\e113";
}
.fa-uniE114:before {
  content: "\e114";
}
.fa-uniE131:before {
  content: "\e131";
}
.fa-uniE132:before {
  content: "\e132";
}
.fa-uniE133:before {
  content: "\e133";
}
.fa-uniE134:before {
  content: "\e134";
}
.fa-uniE164:before {
  content: "\e164";
}
.fa-uniE183:before {
  content: "\e183";
}
.fa-uniE250:before {
  content: "\e250";
}
.fa-uniE251:before {
  content: "\e251";
}
.fa-uniE252:before {
  content: "\e252";
}
.fa-uniE253:before {
  content: "\e253";
}
.fa-uniE257:before {
  content: "\e257";
}
.fa-uniE258:before {
  content: "\e258";
}
.fa-uniE259:before {
  content: "\e259";
}
.fa-uniE260:before {
  content: "\e260";
}
/* ================================================== *
 *    Compornent
 * ================================================== */
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-bottom: 0.5rem;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-bottom: 0.5rem;
}
h1,
.h1 {
  font-size: 25px;
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 20px;
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 17.5px;
  font-size: 1.75rem;
}
h4,
.h4 {
  font-size: 15px;
  font-size: 1.5rem;
}
h5,
.h5 {
  font-size: 12.5px;
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1px;
  font-size: 1rem;
}
/* ================================================== *
 *    Base
 * ================================================== */
/* Reset the box-sizing */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* Reset HTML, body, and more */
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 992px) {
  html {
    font-size: 65.5%;
  }
}
@media (min-width: 1500px) {
  html {
    font-size: 68.5%;
  }
}
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", YuGothic, '游ゴシック',"Lucida Grande", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #282828;
  background-color: #fff;
}
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}
/* Links */
a {
  text-decoration: none;
  /*color: #1c7bd1;*/
}
a:hover,
a:active,
a:focus {
  /*color: #52a0e8;*/
}
/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
/* Print */
@media print {
  a[href]:after {
    content: "" !important;
  }
  abbr[title]:after {
    content: "" !important;
  }
}
/* Figures */
figure {
  margin: 0 0 1rem;
}
/* Images */
img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
/* iOS "clickable elements" fix for role="button" */
[role="button"] {
  cursor: pointer;
}
.clearfix {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
@media (max-width: 543px) {
  .xs-hidden {
    display: none;
  }
}
@media (min-width: 544px) {
  .visible-xs-inline {
    display: none;
  }
}
/* プラスアイコン */
.icon-plus {
  position: relative;
  width: 0.4em;
  height: 1.6em;
  background-color: #1c7bd1;
}
.icon-plus::before {
  position: absolute;
  top: 0.6em;
  left: -0.6em;
  width: 1.6em;
  height: 0.4em;
  content: "";
  background-color: #1c7bd1;
}
/* マイナスアイコン */
.icon-minus {
  position: relative;
  width: 0.4em;
  height: 1.6em;
  background-color: transparent;
}
.icon-minus::before {
  position: absolute;
  top: 0.6em;
  left: -0.6em;
  width: 1.6em;
  height: 0.4em;
  content: "";
  background-color: #1c7bd1;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-xxs {
  margin-bottom: 0.25rem !important;
}
.mb-xs {
  margin-bottom: .5rem !important;
}
@media (min-width: 544px) {
  .mb-xs {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .mb-xs {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .mb-xs {
    margin-bottom: 2rem !important;
  }
}
.mb-sm {
  margin-bottom: 1.5rem !important;
}
@media (min-width: 544px) {
  .mb-sm {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 768px) {
  .mb-sm {
    margin-bottom: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .mb-sm {
    margin-bottom: 3rem !important;
  }
}
.mb-md {
  margin-bottom: 2.5rem !important;
}
@media (min-width: 544px) {
  .mb-md {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 768px) {
  .mb-md {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 992px) {
  .mb-md {
    margin-bottom: 4rem !important;
  }
}
.mb-lg {
  margin-bottom: 3.5rem !important;
}
@media (min-width: 544px) {
  .mb-lg {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 768px) {
  .mb-lg {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 992px) {
  .mb-lg {
    margin-bottom: 5rem !important;
  }
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-xxs {
  margin-top: 0.25rem !important;
}
.mt-xs {
  margin-top: .5rem !important;
}
@media (min-width: 544px) {
  .mt-xs {
    margin-top: 1rem !important;
  }
}
@media (min-width: 768px) {
  .mt-xs {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .mt-xs {
    margin-top: 2rem !important;
  }
}
.mt-sm {
  margin-top: 1.5rem !important;
}
@media (min-width: 544px) {
  .mt-sm {
    margin-top: 2rem !important;
  }
}
@media (min-width: 768px) {
  .mt-sm {
    margin-top: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .mt-sm {
    margin-top: 3rem !important;
  }
}
.mt-md {
  margin-top: 2.5rem !important;
}
@media (min-width: 544px) {
  .mt-md {
    margin-top: 3rem !important;
  }
}
@media (min-width: 768px) {
  .mt-md {
    margin-top: 3.5rem !important;
  }
}
@media (min-width: 992px) {
  .mt-md {
    margin-top: 4rem !important;
  }
}
.mt-lg {
  margin-top: 3.5em !important;
}
@media (min-width: 544px) {
  .mt-lg {
    margin-top: 4em !important;
  }
}
@media (min-width: 768px) {
  .mt-lg {
    margin-top: 4.5em !important;
  }
}
@media (min-width: 992px) {
  .mt-lg {
    margin-top: 5em !important;
  }
}
.reset_list {
  list-style: none;
  padding: 0;
}
.btn_area {
  text-align: center;
}
@media (max-width: 543px) {
  .btn_area--row {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }
}
.btn_area.btn_area--sm {
  padding: .75rem 0;
}
.btn_area.btn_area--md {
  padding: 1rem 0;
}
@media (min-width: 544px) {
  .btn_area.btn_area--md {
    padding: 1.25rem 0;
  }
}
.btn_area.btn_area--lg {
  padding: 1.5rem 1.5rem;
}
@media (min-width: 544px) {
  .btn_area.btn_area--lg {
    padding: 1.75rem 1.75rem;
  }
}
.btn {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  background-image: none;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*-------------- btn_more ---------------*/

.btn.btn_more {
  display: block;
  color: #8F0F08;
  padding: .5em .5em;
  margin: 0 auto 0;
}
@media (max-width: 543px) {
  .btn.btn_more {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 544px) {
  .btn.btn_more {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .btn.btn_more {
  width: 50%;
  transition: 0.6s;
  background-size: 16px;
  background-position: 16% center;
  background-color: #fbfbfb;
  }
}
.btn.btn_more:hover {
  color: #8F0F08;
  background-size: 16px;
  background-position: 18% center;
  background-color: #f0f8ff;
}

/*.btn.btn_more:after {
  font-family: 'icomoon';
  content: "\e258";
  position: relative;
  margin-left: .2em;
}*/

.btn.btn_more.btn_more--next {
  width: 60%;
  margin-bottom: 1.5em;
}

/*------------- btn_common --------------*/
/* navy */
.btn.btn_common {
  display: block;
  color: #8F0F08;
  padding: .5em .5em;
  margin: 0 auto 0;
}
.btn.btn_common {
  width: 100%;
  transition: 0.6s;
  background-size: 16px;
  background-position: 16% center;
  background-color: #fbfbfb;
  }
.btn.btn_common:hover {
  color: #8F0F08;
  background-size: 16px;
  background-position: 18% center;
  background-color: #f0f8ff;
}
@media (max-width: 543px) {
  .btn.btn_common {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 544px) {
  .btn.btn_common {
  width: 100%;
  transition: 0.6s;
  background-size: 16px;
  background-position: 16% center;
  background-color: #fbfbfb;
  }
}
@media (min-width: 992px) {

}
.btn.btn_common:hover {
  color: #8F0F08;
  background-size: 16px;
  background-position: 18% center;
  background-color: #f0f8ff;
}

/* MoreContents */
.btn.btn_common02 {
  display: block;
  color: #fff;
  padding: .5em .5em;
  margin: 1rem auto 0;
  transition: 0.6s;
}
@media (max-width: 543px) {
  .btn.btn_common02 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 544px) {
  .btn.btn_common02 {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .btn.btn_common02 {
  width: 24%;
  background-size: 16px;
  background-position: 16% center;
  background-color: #fbfbfb;
  }
}
.btn.btn_common02:hover {
  background-size: 16px;
  background-position: 18% center;
  background-color: #f0f8ff;
}

/*---------------------------------------*/


.btn.btn_recruit {
  color: #fff;
  border: 2px solid #fff;
  width: 35%;
  padding: .85em .85em;
  box-shadow: 0px 0px 2px rgba(138, 138, 138, 0.35);
  font-weight: bold;
  margin: 0 .25rem;
}
@media (max-width: 543px) {
  .btn.btn_recruit {
    font-size: 16px;
    font-size: 1.6rem;
    width: 46%;
  }
}
@media (min-width: 544px) {
  .btn.btn_recruit {
    font-size: 17px;
    font-size: 1.7rem;
    margin: 0 .5rem;
  }
}
@media (min-width: 992px) {
  .btn.btn_recruit {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.btn.btn_tel {
  width: 35%;
  margin: 0 .25rem;
  line-height: 1.44;
}
@media (max-width: 543px) {
  .btn.btn_tel {
    font-size: 16px;
    font-size: 1.6rem;
    width: 46%;
  }
}
@media (min-width: 544px) {
  .btn.btn_tel {
    font-size: 17px;
    font-size: 1.7rem;
    margin: 0 .5rem;
  }
}
@media (min-width: 992px) {
  .btn.btn_tel {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.btn.btn_change {
  color: #fff;
  padding: .5em .85em;
  font-weight: bold;
  border: 2px solid #fff;
  width: 35%;
  box-shadow: 0px 0px 2px rgba(138, 138, 138, 0.35);
}

@media (max-width: 543px) {
  .btn.btn_change {
    width: 46%;
  }
}
@media (min-width: 544px) {
  .btn.btn_change {
    font-size: 1.7rem;
    padding: .85em .85em;
  }
}
@media (min-width: 992px) {
  .btn.btn_change {
    font-size: 1.8rem;
  }
}

.btn.btn_contents {
  font-size: 1.9rem;
  line-height: 1.33;
  font-weight: bold;
  padding: 1.25em .85em;
  color: #fff;
  border: 2px solid #fff;
  width: 100%;
  max-width: 640px;
  box-shadow: 0px 0px 2px rgba(138, 138, 138, 0.35);
}
/* TOPボタン */
.jumbotron .inner .jumbotron__btn.bottom .btn_area .btn.btn_contents {
  padding: .65em .85em;
}

@media (min-width: 544px) {
  .btn.btn_contents {
    font-size: 2.1rem;
  }
}
@media (min-width: 992px) {
  .btn.btn_contents {
    font-size: 2.4rem;
  }
}


/* ホバーボタン */
.btn.btn_sticky {
  font-size: 1.7rem;
  line-height: 1.33;
  font-weight: bold;
  padding: 1em .85em;
  color: #fff;
  border: 2px solid #fff;
  width: 100%;
  max-width: 640px;
  box-shadow: 0px 0px 2px rgba(138, 138, 138, 0.35);
}
@media (min-width: 544px) {
  .btn.btn_sticky {
    font-size: 1.9rem;
    padding: 1em .85em;
  }
}
@media (min-width: 992px) {
  .btn.btn_sticky {
    font-size: 2.1rem;
    padding: 1em .85em;
  }
}
@media (min-width: 1500px) {
  .btn.btn_sticky {
    font-size: 2.4rem;
    padding: 1.25em .85em;
  }
}
.btn.btn_detail {
  background: #dedede;
  transition: .3s;
}
.btn.btn_detail:hover {
  background: #9aa5b9;
}
.btn.btn_main {
  background: #fa9f0c;
  transition: .3s;
}
.btn.btn_main:hover {
  background: #fba925;
}
.btn.btn_entry {
  background: #fbbca0;
  transition: .3s;
}
.btn.btn_entry:hover {
  background: #fa9f0c;
}
.marker {
  background: -moz-linear-gradient(transparent 60%, #fff100 0%);
  background: -webkit-linear-gradient(transparent 60%, #fff100 0%);
  background: -ms-linear-gradient(transparent 60%, #fff100 0%);
  background: -o-linear-gradient(transparent 60%, #fff100 0%);
  background: linear-gradient(transparent 60%, #fff100 0%);
}
.thumbnail_wrapper {
  position: relative;
  width: 100%;
}
.thumbnail_wrapper:before {
  content: "";
  display: block;
  padding-top: 64%;
}
.thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}
.thumbnail__inner {
  padding: .2em;
  height: 100%;
  width: 100%;
  border: 1px solid #e1e1e1;
}
@media (min-width: 544px) {
  .thumbnail__inner {
    padding: .5em;
  }
}
@media (min-width: 544px) {
  .card .thumbnail__inner {
    padding: .5em;
  }
}
.thumbnail__image_bg {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*------------- promoBnr --------------*/

.promotion-banner {
/*  padding: 2em .8em 6em;*/
  padding: 4em .8em 2em;
  clear: both;
}

.promotion-banner-inner {
  max-width: 640px;
  margin: 0 auto;
}

.load-searchform .promotion-banner-inner {
  max-width: 1200px;
  margin: 0 auto;
}




@media (max-width: 543px) {
.promotion-banner-inner{
	display: none;
}
}

@media (min-width: 544px) {
.promotion-banner-inner_sp{
	display: none;
}
}

@media (max-width: 543px) {
.promotion-banner-inner_sp img{
	width:50%;
	display: block;
	margin: 0 auto;
}

.load-searchform .promotion-banner-inner_sp img{
	width:100%;
	display: block;
	margin: 0 auto;
}
}


.promotion-banner-inner a {
  display: block;
  border: 1px solid #8F0F08;
}

@media (max-width: 543px) {
.promotion-banner {
  padding: 1.5em .5em .5em;
  clear: both;
}
}
@media (min-width: 544px) {
.promotion-banner {
  padding: 2em .5em .8em;
}
}
@media (min-width: 768px) {
.promotion-banner {
  padding: 2.5em .5em;
}
}
@media (min-width: 1200px) {
.promotion-banner {
  padding: 0 .8em 2em;
}

.load-searchform .promotion-banner {
  padding: 2em .8em;
}
}


/* ================================================== *
 *    Layout
 * ================================================== */
hr.headerBar {
  height: 12px;
  margin: 0;
}

.l_header {
  width: 100%;
/*  border-bottom: 1px solid #e1e1e1;*/
}
.l_header__inner {
  clear: both;
}

.l_header {
  background: #fff;
}

.l_header.top {
  position: fixed;
  height: 80px;
  top: 0;
  z-index: 100;
  border-bottom: 0;
}
.l_header.top.headerBar {
  top: 0;
  height: 92px;
  z-index: 100;
  border-bottom: 0;
  border-top: 12px solid #fff;
}
.l_header__mobile_head_wrapper {
  position: relative;
}
.l_header__logo {
  margin: 0;
  height: 100%;
}
.l_header__logo_image {
  width: auto;
}
.l_header__navi_list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.navi_global__item a {
  display: block;
/*  color: #000000;*/
  border-left: 0 !important;
}
.navi_global__item a:hover {
  background: #f7f7f7;
}
@media (max-width: 1199px) {
.l_header.top {
  position: relative;
  height: auto;
}
.l_header.top.headerBar {
  position: relative;
  height: auto;
}
}
@media (max-width: 543px) {
  .navi_global__item a:hover {
    color: #4e4e4e;
  }
}
@media (min-width: 544px) {
  .navi_global__item a:hover {
    color: #fff;
    background: #1c7bd1;
  }
}
.navi_global__item.is_current a {
  background: #f7f7f7;
}

/* custom
.navi_global__item.is_current a,
.navi_global__item a:hover {
  color: #000 !important;
  background: none !important;
}

@media (min-width: 544px) {
  .navi_global__item.is_current a {
    color: #fff;
    background: #1c7bd1;
  }
}*/


/* Toggle Button */
.toggle_menu {
  font-size: 1.4rem;
  font-weight: bold;
  display: none;
  position: absolute;
  right: .75em;
  top: 50%;
  margin-top: -20px;
  width: 84px;
  height: 40px;
  line-height: 40px;
  border-radius: .2em;
  text-align: center;
  color: #1c7bd1;
  border: 1px solid #1c7bd1;
  cursor: pointer;
}
@media (min-width: 544px) {
  .toggle_menu {
    right: 2%;
  }
}
.open .toggle_menu {
  background: #1c7bd1;
  color: #fff;
}
/*

main image

*/
.jumbotron {
  display: none;
}
.jumbotron .inner {
/*  max-width: 1500px;*/
  position: relative;
  margin-top: 92px;
}

/*.jumbotron__image {
  background:url(../images/bg-dot.png) repeat;
}*/
.jumbotron .inner .jumbotron__btn.bottom .btn_area {
  background: rgba(247, 247, 247, 0.6);
}
.pattern {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background:url(../images_common/bg-dot.png) repeat;
}

.pattern_w {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background:url(../images_common/bg-dot_w.png) repeat;
}
@media (max-width: 543px) {
.jumbotron .inner {
  margin-top: 0;
}
.jumbotron .inner.no-bar {
  margin-top: 0;
}
}

@media (min-width: 544px) {
.jumbotron .inner {
  margin-top: 0;
}
.jumbotron .inner.no-bar {
  margin-top: 0;
}
  .jumbotron .inner .jumbotron__btn {
    position: absolute;
    width: 50%;
  }
}
@media (min-width: 544px) {
  .jumbotron .inner .jumbotron__btn.left {
    left: 1em;
  }
}
@media (min-width: 992px) {
  .jumbotron .inner .jumbotron__btn.left {
    left: 1.5em;
  }
}
@media (min-width: 1200px) {
.jumbotron .inner {
  position: relative;
  margin-top: 92px;
}
.jumbotron .inner.no-bar {
  margin-top: 80px;
}
  .jumbotron .inner .jumbotron__btn.left {
    left: 2em;
  }
}
@media (min-width: 544px) {
  .jumbotron .inner .jumbotron__btn.center {
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
@media (min-width: 544px) {
  .jumbotron .inner .jumbotron__btn.right {
    right: 1em;
  }
}
@media (min-width: 992px) {
  .jumbotron .inner .jumbotron__btn.right {
    right: 1.5em;
  }
}
@media (min-width: 1200px) {
  .jumbotron .inner .jumbotron__btn.right {
    right: 2em;
  }
}
@media (min-width: 544px) {
  .jumbotron .inner .jumbotron__btn.top {
    top: 1em;
  }
}
@media (min-width: 992px) {
  .jumbotron .inner .jumbotron__btn.top {
    top: 1.5em;
  }
}
@media (min-width: 1200px) {
  .jumbotron .inner .jumbotron__btn.top {
    top: 2em;
  }
}
@media (min-width: 544px) {
  .jumbotron .inner .jumbotron__btn.middle {
    top: 50%;
    margin-top: -3.5em;
  }
}
@media (max-width: 543px) {
  .jumbotron .inner .jumbotron__btn.bottom {
  width: 100%;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 10;
  }
}
@media (min-width: 544px) {
  .jumbotron .inner .jumbotron__btn.bottom {
  width: 100%;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 10;
  }
}
@media (min-width: 992px) {
  .jumbotron .inner .jumbotron__btn.bottom {
  }
}
@media (min-width: 1200px) {
  .jumbotron .inner .jumbotron__btn.bottom {
  }
}
/*

  page_navigate

*/
.page_navigate {
  padding: .5em 0;
}
.page_navigate .pager > a.btn_more--next {
  display: none;
}
/*

  back_list

*/
.back_list {
  margin-top: 1em;
}
@media (max-width: 543px) {
  .back_list {
    padding: 0 .75em;
  }
}
.back_list a:before {
  font-family: 'icomoon';
  content: "\e091";
  position: relative;
  margin-right: .2em;
}
@media (min-width: 544px) {
  .top .backtolist {
    text-align: right;
  }
}
/*

  footer

*/
@media (max-width: 543px) {
  .l_footer.top {
    border-bottom: 6em solid $footerBgColor;
  }
}
@media (min-width: 544px) {
  .l_footer {
    text-align: center;
  }
  .l_footer.top {
    padding-bottom: 0;
  }
}

@media (max-width: 543px) {
  .l_footer_pagetop a {
  }
  .l_footer a {
    color: #ccc;
  }
  .l_footer a:hover,
  .l_footer a a:active,
  .l_footer a a:focus {
    color: #f2f2f2;
  }
}
@media (max-width: 543px) {
  .l_footer_pagetop {
    display: block;
    padding: 0.75em 0;
    text-align: center;
    border-bottom: 1px solid #666;
  }
}
.l_footer__inner {
  position: relative;
}
@media (min-width: 544px) {
  .l_footer__inner {
    padding: 1.5em;
  }
}
@media (min-width: 544px) {
  .navi_footer {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
  }
  .navi_footer > li {
    display: inline-block;
    padding-right: .75em;
    padding-left: .75em;
  }
}
@media (max-width: 543px) {
  .navi_footer__item a {
    display: block;
    padding: 0.75em ;
    color: #ccc;
    border-bottom: 1px solid #666;
  }
}
@media (min-width: 544px) {
  .navi_footer__item a:before {
    font-family: 'icomoon';
    content: "\e250";
    position: relative;
    top: -0.2em;
    margin-right: .2em;
    font-size: .6em;
  }
}
@media (max-width: 543px) {
  .l_footer__corporate,
  .l_footer__copyright {
    padding: 0.75em ;
  }
}
@media (min-width: 544px) {
  .l_footer__corporate {
    margin-bottom: .5em;
  }
}
@media (min-width: 992px) {
  .l_footer__corporate {
    position: absolute;
    right: 1.5em;
    bottom: 1.5em;
    margin-bottom: 0;
  }
}
.pagetop {
  display: block;
  padding: 1em;
  font-weight: bold;
}
@media (min-width: 544px) {
  .pagetop {
    background: #e1eaf9;
  }
}
.pagetop__current_title {
  line-height: 1.66;
  display: block;
}
.pagetop__text:before {
  font-family: 'icomoon';
  content: "\e113";
  margin-right: .2em;
}
.l_main {
  /*max-width: 1500px;*/
}

@media (min-width: 544px) {
  .l_main {
    /*width: 96%;*/
    width: 100%;
  }
}
.l_main__inner {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 544px) {
  .l_main__inner {
    background: #fff;
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media (min-width: 1200px) {
  .l_main__inner {
    padding-top: 3.5em;
    padding-bottom: 3.5em;
  }
}
.l_main__inner_content {
  max-width: 1200px /*992px*/;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 544px) {
  .l_main__inner_content {
    width: 94%;
  }
}
/* ================================================== *
 *    Module
 * ================================================== */
/*

header

*/
/*

  l_section

*/

.l_section {
/*  background: url(../images/bg-headline.png) -216px 24px no-repeat;
  background-size: 120% 56%;*/
}

@media (min-width: 544px) {
.l_section {
/*  background: url(../images/bg-headline.png) -112px 24px no-repeat;
  background-size: 130% 40%;
  height: auto;*/
}
}
@media (min-width: 992px) {
.l_section {
/*  background: url(../images/bg-headline.png) -160px 24px no-repeat;
  background-size: 125% 48%;*/
}
}
@media (min-width: 1200px) {
.l_section {
/*  background: url(../images/bg-headline.png) -216px 24px no-repeat;
  background-size: 130% 56%;*/
}
}

@media (max-width: 543px) {
.l_section {
  height: auto;
  background-position: -60px 45px;
  background-size: 128%;
  padding-top: 6px;
}
}
@media (min-width: 544px) {
  .top_l_section_ajax_wrap > div {
    margin-bottom: 1.85em;
  }
}
.top_l_section_ajax_wrap > div:last-child {
  margin-bottom: 0;
}
@media (min-width: 544px) {
  .top_l_section_ajax_wrap .load-topCont1 {
    margin-bottom: 1.35em !important;
  }
}
@media (min-width: 544px) {
  .top_l_section_ajax_wrap .load-topCont2 {
    margin-bottom: 1.35em !important;
  }
}
@media (max-width: 543px) {
  .top_l_section_ajax_wrap .load-topCont2 .content__box.content__box--btn {
    margin-bottom: 0;
  }
}
@media (min-width: 544px) {
  .top_l_section_ajax_wrap .load-whatsnew {
    margin-bottom: 3.35em !important;
  }
}
@media (max-width: 543px) {
  .all_index_list.padding_wrapper--all,
  .all_detail.padding_wrapper--all {
    padding-top: 1.5em;
    padding-left: .75em;
    padding-right: .75em;
    padding-bottom: 1.5em;
  }
}
@media (max-width: 543px) {
  .all_index_list.padding_wrapper--no_bottom,
  .all_detail.padding_wrapper--no_bottom {
    padding-top: 1.5em;
    padding-left: .75em;
    padding-right: .75em;
  }
}

/*
.all_detail,
.all_index_list {
  overflow: hidden;
}
*/
.all_detail {
  background: #fff;
}
@media (max-width: 1499px) {
  .all_index_list {
    margin: 0 auto;
  }
}



.top_index_list {
  max-width: 1200px;
  margin: 0 auto;
}

.card {
  position: relative;
}

@media (min-width: 544px) {
  .card {
    margin-bottom: 1em;
  }
}
.card__link-block {
  display: block;
  padding: 1em .75rem;
}
@media (min-width: 544px) {
  .card__link-block {
    width: 25%;
    padding: .5em;
    float: left;
    transition:0.6s;
  }
}

@media (min-width: 992px) {
 .card__link-block {
    padding: 1em;
  }
}

@media (max-width: 543px) {
  .card__link-block.card__link-block--spn_no_padding {
    padding-left: 0;
    padding-right: 0;
  }
}
.card__link-block:hover {
  background: rgba(251, 248, 248, 0.6);
}
.card__inner {
  display: table !important;
  width: 100%;
}
/*写真なし*/
.card.image_none .card__image {
  display: none;
}
/*写真あり-デフォルト*/
.card.image_default .card__image {
  width: 100%;
/*  max-width: 220px;*/
}
@media (min-width: 544px) {
.card.image_default .card__image {
   width: 100%;
}
  
.top_index_list {
  width: 100%;
}
}
@media (min-width: 768px) {
  .card.image_default .card__image {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .card.image_default .card__image {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .card.image_default .card__image {
    width: 100%;
  }
}
@media (min-width: 1500px) {
  .card.image_default .card__image {
    width: 100%;
  }
}
.card.image_default .card__text {
  padding-left: .75em;
}
@media (min-width: 544px) {
.card.image_default .card__text {
  padding-left: 0.5em;
  padding-top: 1em;
}
}
.card__heading {
  font-size: 1.4rem;
  line-height: 1.44;
  font-weight: bold;
  color: #282828;
}
@media (min-width: 544px) {
  .card__heading {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .card__heading {
    font-size: 1.6rem;
  }
}
.card__link-block:hover .card__heading {
  color: #4e4e4e;
}
.card__body {
  font-size: 1.2rem;
  line-height: 2;
  margin-top: .75em;
}
@media (min-width: 544px) {
  .card__body {
    font-size: 1.3rem;
  }
}
@media (min-width: 1200px) {
  .card__body {
    font-size: 1.3rem;
  }
}
.card__body .card__item_title {
  color: #9c9c9c;
}
.card__body .card__item_body {
  margin-right: .75em;
}
.card__time {
  font-size: 1.2rem;
  color: #9c9c9c;
}
.card__time span:before {
  font-family: 'icomoon';
  content: "\e023";
  margin-right: .2em;
}
@media (min-width: 544px) {
  .card__time {
    font-size: 1.3rem;
  }
}
@media (min-width: 1200px) {
  .card__time {
    display: block;
    margin-top: 1.5em;
    font-size: 1.4rem;
  }
}
.card__link-block span {
  display: block;
}

/* attention */
.attention {
  background: #f7f7f7;
  width: 100%;
  margin: 8em 0;
}
/* attention 写真が1枚の場合*/
/*
.attention.t_1 {
  background: #bebebe;
  width: 100%;
  margin: 0 0 8em;
  color: #fff;
}
*/
.attention .box-attention {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 8em 1em;
}
.attention .box-attention .ttl-att {
  font-size: 2rem;
  padding: .8em;
}
.attention .box-attention .txt-att {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media (max-width: 767px) {
.attention {
  margin: 4em 0;
}
.attention .box-attention {
  padding: 4em 1em;
}
}


/*

  recruit

*/
.recruit {
  margin: 0 .75rem 1.5em;
}
@media (min-width: 544px) {
  .recruit {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 2em;
  }
}
.recruit__inner {
  background: #fff;
  border: 1px solid #e1e1e1;
}
.recruit__heading {
  width: 100%;
  padding: 1em .75em;
}
@media (min-width: 544px) {
  .recruit__heading {
    padding: 1em;
  }
}
.recruit__shop_name {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.44;
}
@media (min-width: 544px) {
  .recruit__shop_name {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .recruit__shop_name {
    font-size: 1.6rem;
  }
}
.recruit__post_meta.tag_list {
  margin-top: .5em;
}
.tag_list__item {
  display: block;
  float: left;
  color: #fa9f0c;
  border: 1px solid #fa9f0c;
  background: #fff;
  font-size: 1rem;
  padding: .1rem .5rem;
  margin-right: .5em;
  margin-bottom: .5em;
}
.tag_list__item.size_lg {
  font-size: .7em;
  padding: .25em .5em;
}
.ico_new {
  text-transform: uppercase;
  font-weight: normal;
  color: #fff;
  background: #ff5252;
  border-radius: .2em;
  letter-spacing: .1em;
  margin-right: .5em;
}
.ico_new.size_sm {
  font-size: .5em;
  position: relative;
  top: -0.2em;
  padding: .25em .5em;
}
.ico_new.size_lg {
  font-size: .5em;
  position: relative;
  top: -0.4em;
  padding: .25em .5em;
}
/*写真なし*/
.recruit.image_none .recruit__box_image {
  display: none;
}
/*写真あり-デフォルト*/
.recruit.image_default .recruit__box_image {
  width: 30%;
  max-width: 640px;
  float: left;
  margin: 0;
}
@media (min-width: 544px) {
  .recruit.image_default .recruit__box_image {
    width: 30%;
  }
}
@media (min-width: 1200px) {
  .recruit.image_default .recruit__box_image {
    width: 25%;
  }
}
.recruit.image_default .recruit__box_text {
  float: right;
  width: 70%;
  padding-left: 1em;
}
@media (min-width: 544px) {
  .recruit.image_default .recruit__box_text {
    width: 70%;
    padding-left: 1.5em;
  }
}
@media (min-width: 1200px) {
  .recruit.image_default .recruit__box_text {
    width: 75%;
    padding-left: 1.75em;
  }
}
/*写真あり-2カラム*/
.recruit.image_2column .recruit__box_image {
  max-width: 380px;
  margin: 0 auto 1em;
}
@media (min-width: 544px) {
  .recruit.image_2column .recruit__box_image {
    width: 28%;
    max-width: 640px;
    float: left;
    margin: 0;
  }
}
@media (min-width: 544px) {
  .recruit.image_2column .recruit__box_text {
    float: right;
    width: 72%;
    padding-left: 1.5em;
  }
}
@media (min-width: 1200px) {
  .recruit.image_2column .recruit__box_text {
    padding-left: 1.75em;
  }
}
/* /image-イメージあり */
.recruit__heading__intro {
  position: relative;
  margin-bottom: 1em;
}
.recruit__shokushu {
  display: inline-block;
  color: #1c7bd1;
  padding: .5em .75em;
  line-height: 1.44;
  font-weight: bold;
  border: 1px solid #1c7bd1;
}
@media (max-width: 543px) {
  .recruit__shokushu {
    font-size: 1.4rem;
  }
}
.recruit__time {
  color: #999;
  padding: .5em 0;
  line-height: 1.44;
}
@media (max-width: 543px) {
  .recruit__time {
    font-size: 1.1rem;
  }
}
.recruit__time span:before {
  font-family: 'icomoon';
  content: "\e023";
  margin-right: .2em;
}
.recruit__time.recruit__time--outer {
  text-align: right;
  padding-top: 0;
}
@media (min-width: 544px) {
  .recruit__time.recruit__time--outer {
    display: none;
  }
}
.recruit__time.recruit__time--inner {
  float: right;
}
@media (max-width: 543px) {
  .recruit__time.recruit__time--inner {
    float: none;
  }
}
.recruit__body {
  padding: 0 1em;
}
@media (max-width: 543px) {
  .recruit__body {
    padding: 0 .75em;
  }
}
.recruit__message {
  padding: 0.75em 1em;
  background: #f7f7f7;
  margin-bottom: 1em;
}
@media (max-width: 543px) {
  .recruit__message {
    font-size: .95em;
    line-height: 1.55;
  }
}
@media (min-width: 544px) {
  .recruit__message {
    padding: 1.25em 1.5em;
  }
}
@media (min-width: 1200px) {
  .recruit__message {
    padding: 1.5em 1.75em;
  }
}
@media (max-width: 543px) {
  .dl_wrapper_default.recruit__dl_wrapper dl:last-child {
    border-bottom: none;
  }
  .dl_wrapper_default.recruit__dl_wrapper dl dd {
    line-height: 1.66;
  }
}
.text_more_link {
  margin-left: .5em;
  color: #333;
  font-weight: bold;
}
.text_more_link:hover {
  color: #595959;
}
.btn_area {
  background: #f7f7f7;
}
/*

  recruit_article

*/
.recruit_article_title--heading {
  font-size: 1.44em;
  line-height: 1.33;
  font-weight: bold;
  margin-top: .2em;
  margin-bottom: .75em;
}
@media (min-width: 544px) {
  .recruit_article_title--heading {
    font-size: 1.7em;
  }
}
.recruit_article_title--eyecatch {
  max-width: 380px;
  margin: 0 auto 1.5em;
}
@media (min-width: 768px) {
  .recruit_article_title--eyecatch {
    max-width: 640px;
  }
}
@media (min-width: 1200px) {
  .recruit_article_title--eyecatch {
    max-width: 640px;
  }
}
.recruit_article_body--pr {
  margin-bottom: 1.75em;
}
.recruit_article_body--guide {
  margin-bottom: 1.85em;
}
@media (min-width: 544px) {
  .dl_wrapper_default {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
}
.dl_wrapper_default dl {
  width: 100%;
}
@media (max-width: 543px) {
  .dl_wrapper_default dl {
    margin-bottom: 0;
    border-bottom: 1px dotted #cccccc;
    padding: 1.25rem 0;
  }
  .dl_wrapper_default dl:first-child {
    padding-top: 0;
  }
}
@media (min-width: 544px) {
  .dl_wrapper_default dl {
    display: table;
    border-collapse: separate;
    border-spacing: 1.5rem 0;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 543px) {
  .dl_wrapper_default dl dt {
    margin-bottom: .75rem;
  }
  .dl_wrapper_default dl dt span {
    font-size: 1.4rem;
    background: #1c7bd1;
    padding: .25rem 1.5rem;
    padding-right: 1rem;
    position: relative;
    color: #fff;
    border-radius: .2rem;
  }
  .dl_wrapper_default dl dt span:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 50%;
    left: .5rem;
    margin-top: -0.25rem;
  }
}
@media (min-width: 544px) {
  .dl_wrapper_default dl dt {
    display: table-cell;
    font-weight: normal;
    width: 20%;
    background: #f7f7f7;
    padding: 2rem;
  }
}
.dl_wrapper_default dl dd {
  margin-bottom: 0;
}
@media (min-width: 544px) {
  .dl_wrapper_default dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 2rem;
    background: #fff;
    border: 1px solid #e1e1e1;
  }
}
.btn_area__tel {
  padding: 1em 0px;
}
/*

  search_form

*/


@media (max-width: 543px) {
.dl_wrapper--search_form {
  width: 100%;
  padding: 1em;
}
}

@media (min-width: 1200px) {
.dl_wrapper--search_form {
  max-width: 1200px;
  margin: 0 auto;
}
}

.dl_wrapper--search_form dl {
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px dotted #cccccc;
}
@media (max-width: 543px) {
  .dl_wrapper--search_form dl {
    padding: 1.25rem 1rem;
  }
}
@media (min-width: 544px) {
  .dl_wrapper--search_form dl {
    display: table;
  }
}
.dl_wrapper--search_form dl dt span {
  display: block;
  padding: 5px 3em;
  font-weight: 900;
  font-size: 1.4rem;
  color: #8F0F08;

}

.dl_wrapper--search_form dl dt .shokushu {
  background:url(../images_common/icon-search-01.png) 0 0 no-repeat;
  background-size: 32px;
}
.dl_wrapper--search_form dl dt .kinmu-place {
  background:url(../images_common/icon-search-02.png) 0 5px no-repeat;
  background-size: 27px;
}
.dl_wrapper--search_form dl dt .koyo-type {
  background:url(../images_common/icon-search-03.png) 0 0 no-repeat;
  background-size: 32px;
}
.dl_wrapper--search_form dl dt .word-search {
  background:url(../images_common/icon-search-04.png) 0 0 no-repeat;
  background-size: 32px;
}

@media (max-width: 543px) {
  .dl_wrapper--search_form dl dt {
    margin-bottom: 1rem;
  }
}
@media (min-width: 544px) {
  .dl_wrapper--search_form dl dt {
    display: table-cell;
    vertical-align: middle;
    font-weight: normal;
    width: 25%;
    padding: 0 0 0 0.5em;
  }
}
@media (min-width: 768px) {
  .dl_wrapper--search_form dl dt {
    width: 19%;
  }
}
@media (min-width: 992px) {
  .dl_wrapper--search_form dl dt {
    width: 16%;
  }
}
.dl_wrapper--search_form dl dd {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
}
@media (min-width: 544px) {
  .dl_wrapper--search_form dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 1.2em 0 0.8em;
  }
}
/*CheckBoxとText */
label.checkbox_label {
  cursor: pointer;
  position: relative;
  padding-left: 2em;
  margin-right: 2em;
  overflow: hidden;
  display: inline-block;
  line-height: 1.55;
}
@media (max-width: 543px) {
  label.checkbox_label {
    display: block;
  }
}
label.checkbox_label:before {
  content: '';
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  left: 0px;
  top: 0;
  border: 1px solid #e1e1e1;
  z-index: 3;
}
label.checkbox_label.focus:before {
  border-color: #1c7bd1;
}
label.checkbox_label:after {
  content: '';
  position: absolute;
  top: .7em;
  left: .5em;
  display: block;
  margin-top: -0.5em;
  width: .5em;
  height: .8em;
  border-right: 3px solid #1c7bd1;
  border-bottom: 3px solid #1c7bd1;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  z-index: 1;
}
label.checkbox_label input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  left: -1.5em;
  width: 1.5em;
  height: 1.5em;
  display: block;
  box-shadow: 1.5em 0px 1px #fff;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  background: #fff;
  border-radius: 0;
  border: none;
}
label.checkbox_label input:checked {
  box-shadow: none;
}
label.checkbox_label input:checked:focus {
  box-shadow: 1.5em 0px 1px #1c7bd1;
  opacity: .05;
}
label.checkbox_label input:focus {
  box-shadow: 1.5em 0px 1px #f2f3f4;
}
.search_form_wrapper {
  position: relative;
  /*background: #fbfbfb;*/
  background: rgba(251, 251, 251, 0.8);
  margin-bottom: 3.8em;
}
@media (max-width: 543px) {
  .search_form_wrapper {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
  }
}
@media (min-width: 544px) {
  .search_form_wrapper {
    margin-bottom: 1em;
  }
}
@media (min-width: 768px) {
  .search_form_wrapper {
    margin-bottom: 2em;
  }
}

.search_form_wrapper--title {
  position: relative;
  background: #e1eaf9;
  padding: 1em;
}
@media (min-width: 544px) {
  .search_form_wrapper--title {
    background: #fbfbfb;
  }
}
.search_form_wrapper--title:before {
  font-family: 'icomoon';
  content: "\e003";
  margin-right: .2em;
  color: #1c7bd1;
}
.search_form_wrapper--body {
  display: none;
}
@media (max-width: 543px) {
  .search_form_wrapper--body {
    display: none;
    border-top: 1px solid #e1e1e1;
  }
}
.search_form_wrapper--body.open {
  display: block;
}
.btn_menu {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
.btn_menu span {
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
  width: 70px;
  padding: .5em;
  border-radius: .2em;
  border: 1px solid #1c7bd1;
  background: #fff;
  color: #1c7bd1;
  font-weight: normal;
  text-align: center;
  position: absolute;
  top: 50%;
  right: .75em;
  margin-top: -1.4em;
}
@media (min-width: 544px) {
  .btn_menu span {
    font-size: 1.5rem;
  }
}
@media (min-width: 544px) {
  .btn_menu span {
    font-size: 1.6rem;
    width: 100px;
  }
}
.btn_menu.open span {
  background: #1c7bd1;
  color: #fff;
}

.search_form__btn_area {
  text-align: center;
  padding: 1em;
}
@media (min-width: 544px) {
.search_form__btn_area {
  text-align: center;
  padding: 3em 0;
}
}
/*

content

*/
.content {
  background: #fff;
}

/* work content部分
===========================================*/
.all_detail padding_wrapper--no_bottom.work {
}
.content.work {
  margin-top: 4em;
}

.content__box img {
  max-width: 640px;
}
.comment_wrapper {
  padding: 1em;
  margin-top: .8em;
  background: #f7f7f7;
}
@media (max-width: 543px) {
.all_detail padding_wrapper--no_bottom.work {
  padding-top: 0;
}
.content.work {
  margin-top: 2em;
}
}
@media (min-width: 544px) {
  .comment_wrapper {
    padding: 1.25em;
  }
}
@media (min-width: 1200px) {
.content.work {
  margin-top: 6em;
}
  .comment_wrapper {
    padding: 1.5em;
  }
}
.comment_wrapper .comment_title {
  font-weight: bold;
  line-height: 1.44;
}
.comment_wrapper .comment_text {
  font-size: .8em;
  line-height: 1.66;
}
.comment_wrapper .comment_title + .comment_text {
  margin-top: .5em;
}

/* work comment部分
===========================================*/
.comment_wrapper.work {
  background: none;
}

.content__box_text__inner .text .info_link_title {
  display: block;
}
.content__box_text__inner .text .info_link_title:before {
  font-family: 'icomoon';
  content: "\e250";
  position: relative;
  top: -0.2em;
  margin-right: .2em;
  font-size: .6em;
}
/*.content__box_text__inner .text:last-child p {
  margin-bottom: 0;
}*/
/*写真なし*/
.content__box.image_none .content__box_image {
  display: none;
}
/*写真あり-縦*/
.content__box.image_vertical .content__box_image {
  max-width: 380px;
  margin: 0 auto 1.5em;
}
@media (min-width: 768px) {
  .content__box.image_vertical .content__box_image {
    max-width: 480px;
  }
}
@media (min-width: 1200px) {
  .content__box.image_vertical .content__box_image {
    max-width: 640px;
  }
}



/* --- 画像の設定 --- */

/* 左の画像 */

/*写真あり-流し込み共通*/
/*写真あり-流し込み*/
/*スマホも流し込み*/
.content__box.image_horizon .content__box_image {
  width: 42%;
  float: left;
  margin-right: 1em;
  margin-bottom: .5em;
}
@media (max-width: 543px) {
  .content__box.image_horizon .content__box_image{
  width: 100%;
  float: none;
  margin-left: 0;
  margin-bottom: .5em;
}
}
@media (min-width: 544px) {
  .content__box.image_horizon .content__box_image {
    width: 38%;
    margin-right: 1.5em;
  }
}
@media (min-width: 1200px) {
  .content__box.image_horizon .content__box_image {
    margin-right: 1.75em;
  }
}

/* 右の画像 */

/*スマホはたて*/
/*写真あり-流し込み逆*/
/*スマホも流し込み*/
.content__box.image_horizon_reverse .content__box_image {
  width: 42%;
  float: right;
  margin-left: 1em;
  margin-bottom: .5em;
}

@media (max-width: 543px) {
.content__box.image_horizon_reverse .content__box_image {
  width: 100%;
  float: none;
  margin-left: 0;
  margin-bottom: .5em;
}
}
@media (min-width: 544px) {
  .content__box.image_horizon_reverse .content__box_image {
    width: 38%;
    margin-left: 1.5em;
  }
}
@media (min-width: 1200px) {
  .content__box.image_horizon_reverse .content__box_image {
    margin-left: 1.75em;
  }
}

/* --- スマホはたて ---*/
/* --- 写真あり-2カラム ---*/
.content__box.image_2column .content__box_image {
  max-width: 380px;
  margin: 0 auto 1.5em;
}
@media (min-width: 544px) {
  .content__box.image_2column .content__box_image {
    width: 38%;
    max-width: 640px;
    float: left;
    margin: 0;
  }
}
@media (min-width: 544px) {
  .content__box.image_2column .content__box_text {
    float: right;
    width: 62%;
    padding-left: 1.5em;
  }
}
@media (min-width: 1200px) {
  .content__box.image_2column .content__box_text {
    padding-left: 1.75em;
  }
}
/* interview */
.content__box.image_2column.interview .content__box_image {
  max-width: 100%;
}
@media (min-width: 544px) {
  .content__box.image_2column.interview .content__box_image {
    width: 38%;
    max-width: 640px;
    float: left;
    margin: 0;
  }
}
@media (min-width: 544px) {
  .content__box.image_2column.interview .content__box_text {
    float: right;
    width: 62%;
    padding-left: 1.5em;
  }
}
@media (min-width: 1200px) {
  .content__box.image_2column.interview .content__box_text {
    padding-left: 1.75em;
  }
}


/* --- 写真あり-2カラム --- */
.content__box.image_2column_reverse .content__box_image {
  max-width: 380px;
  margin: 0 auto 1.5em;
}
@media (min-width: 544px) {
  .content__box.image_2column_reverse .content__box_image {
    width: 38%;
    max-width: 640px;
    float: right;
    margin: 0;
  }
}
@media (min-width: 544px) {
  .content__box.image_2column_reverse .content__box_text {
    float: left;
    width: 62%;
    padding-right: 1.5em;
  }
}
@media (min-width: 1200px) {
  .content__box.image_2column_reverse .content__box_text {
    padding-right: 1.75em;
  }
}

/* interview */
.content__box.image_2column_reverse.interview .content__box_image {
  max-width: 100%;
}
@media (min-width: 544px) {
.content__box.image_2column_reverse.interview .content__box_image {
  max-width: 100%;
}
}
@media (min-width: 544px) {
  .content__box.image_2column_reverse .content__box_text {
    float: left;
    width: 62%;
    padding-right: 1.5em;
  }
}
@media (min-width: 1200px) {
  .content__box.image_2column_reverse .content__box_text {
    padding-right: 1.75em;
  }
}



/* workの写真設定
===========================================*/
/* --- サムネイル --- */
.content__box_image.work .thumbnail__inner {
  padding: 0;
}
.content__box_image.work .thumbnail__image_bg {
  background-size: 100%;
}

/* --- 左画像 --- */

.content__box.image_horizon.work .content__box_image {
  width: 50%;
  float: left;
  margin-right: 0;
  margin-bottom: .5em;
}

@media (max-width: 543px) {
.content__box.image_horizon.work .content__box_image {
  width: 100%;
  float: none;
  margin-right: 0;
  margin-bottom: .5em;
}
}
@media (min-width: 544px) {
  .content__box.image_horizon.work .content__box_image {
    width: 50%;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .content__box.image_horizon.work .content__box_image {
    margin-right: 0;
  }
}

/* --- 右画像 --- */

.content__box.image_horizon_reverse.work .content__box_image {
  width: 50%;
  float: right;
  margin-left: 0;
  margin-bottom: .5em;
}
@media (max-width: 543px) {
.content__box.image_horizon_reverse.work .content__box_image {
  width: 100%;
  float: none;
  margin-left: 0;
  margin-bottom: .5em;
}
}
@media (min-width: 544px) {
  .content__box.image_horizon_reverse.work .content__box_image {
  width: 50%;
  float: right;
  margin-left: 0;
  margin-bottom: .5em;
  }
}
@media (min-width: 1200px) {
  .content__box.image_horizon_reverse.work .content__box_image {
    margin-left: 0;
  }
}


/* --- センター --- */
/*写真あり-縦*/
.content__box.image_vertical.work .content__box_image {
  max-width: 100%;
  margin: 0 auto 1.5em;
}
@media (max-width: 543px) {
.content__box.image_vertical.work .content__box_image {
  margin: 0 auto .5em;
  max-width: 100%;
}
}
@media (min-width: 768px) {
  .content__box.image_vertical.work .content__box_image {
  }
}
@media (min-width: 1200px) {
  .content__box.image_vertical.work .content__box_image {
    max-width: 984px;
  }
}

.content__box.image_vertical.work {
  margin-top: 6em;
}
.content__box.image_vertical.work .content__box_text {
  max-width: 800px;
  background: rgba(245, 245, 245, 0.8);
  padding: 1.5em;
  margin: 0 auto;
  position: relative;
  top: -6em;
}

.content__box.image_vertical.work .content__heading--lg {
  margin-right: 1.5em;
}

.content__box_text.work .content__heading--lg {
  color: #e8630c;
  background: none;
  font-weight: normal;
  padding: 0;
}
.content__box_text.work .content__heading--md {
  margin-bottom: 2em;
}

@media (max-width: 543px) {
.content__box.image_vertical.work {
  margin-top: 0;
}
.content__box.image_vertical.work .content__box_text {
  max-width: 640px;
  background: rgba(245, 245, 245, 0.8);
  padding: 1.5em;
  margin: 0 auto;
  position: relative;
  top: 0;
}
.content__box.image_vertical.work .content__heading--lg {
  float: none;
  margin-right: 1.5em;
}
}
@media (min-width: 544px) {
.content__box.image_vertical.work .content__box_text {
  max-width: 96%;
}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
.content__box.image_vertical.work .content__box_text {
  max-width: 800px;
  background: rgba(245, 245, 245, 0.8);
  padding: 1.5em;
  margin: 0 auto;
  position: relative;
  top: -6em;
}
}


/* --- 矢印のON・OFF --- */
.content__box.arrow_on:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 120px 0 120px;
  border-color: #1c7bd1 transparent transparent transparent;
  margin: 1.5em auto 0;
}
@media (min-width: 544px) {
  .content__box.arrow_on:after {
    border-width: 40px 170px 0 170px;
  }
}
@media (min-width: 1200px) {
  .content__box.arrow_on:after {
    border-width: 50px 220px 0 220px;
  }
}

/* --- 補足説明ブロック --- */
.content__box_body__card_block {
  display: inline-block;
  padding: 1em;
  margin: 1.5em auto 0;
  background: #f7f7f7;
}
@media (max-width: 543px) {
  .content__box_body__card_block {
    font-size: .9em;
    line-height: 1.66;
  }
}
@media (min-width: 544px) {
  .content__box_body__card_block {
    padding: 1.5em;
  }
}
@media (min-width: 1200px) {
  .content__box_body__card_block {
    padding: 1.75em;
  }
}
.content__box_body__card_block.card_block--confirm {
  margin-top: 0;
  display: block;
}

/* workの補足説明ブロック
===========================================*/
.content__box_body__card_block.work {
  width: 100%;
  margin: 2.5em auto;
}

@media (max-width: 543px) {
.content__box_body__card_block.work {
  width: 100%;
  margin: 2em auto 0;
}
}
@media (min-width: 544px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


/* --- 時計とボーダー　---*/
/* 画像左 */
.content__box.image_horizon.work {
  position: relative;
  margin: 0;
  border-top: 1px solid #cecdcd;
  border-right: 1px solid #cecdcd;
}
.content__box.image_horizon.work .deco_bg_present,
.content__box.image_horizon.work .deco_bg_watch {
  width: 360px;
  height: 100%;
  position: absolute;
  right: -1%;
  top: -4em;
  background: url(../images_common/bg-watch_g.jpg) top right no-repeat;
  background-size: contain;
  z-index: 5;
}
.content__box.image_horizon.work .deco_bg_present {
  background: url(../images_common/bg-present_g.jpg) top right no-repeat;
  background-size: contain;
}
.content__box.image_horizon.work .content__box_body {
  padding: 6em 3em;
  position: relative;
  z-index: 10;
}
.content__box.image_horizon.work .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  float: left;
  width: 50%;
  padding: 4em;
}

@media (max-width: 543px) {
.content__box.image_horizon.work {
  position: relative;
  margin: 0;
  border-top: 0;
  border-right: 0;
}
.content__box.image_horizon.work .deco_bg_present,
.content__box.image_horizon.work .deco_bg_watch {
  display: none;
}
.content__box.image_horizon.work .content__box_body {
  padding: 0;
  position: relative;
  z-index: 10;
}
.content__box.image_horizon.work .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  float: none;
  width: 100%;
  padding: 1em;
}
}
@media (min-width: 544px) {
.content__box.image_horizon.work .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  float: left;
  width: 50%;
  padding: 1em;
}
.content__box.image_horizon.work .content__box_body {
  padding: 6em 1em;
  position: relative;
  z-index: 10;
}
.content__box.image_horizon.work .deco_bg_present,
.content__box.image_horizon.work .deco_bg_watch {
  width: 216px;
  height: 100%;
  position: absolute;
  right: -1%;
  top: -4em;
  background: url(../images/bg-watch_g.jpg) top right no-repeat;
  background-size: contain;
  z-index: 5;
}
.content__box.image_horizon.work .deco_bg_present {
  background: url(../images/bg-present_g.jpg) top right no-repeat;
  background-size: contain;
}
}
@media (min-width: 768px) {
.content__box.image_horizon.work .content__box_body {
  padding: 6em 2em;
}
.content__box.image_horizon.work .content__box_text {
  padding: 2em;
}
.content__box.image_horizon.work .deco_bg_present,
.content__box.image_horizon.work .deco_bg_watch {
  width: 272px;
}
}
@media (min-width: 992px) {
.content__box.image_horizon.work .content__box_body {
  padding: 6em 2.5em;
}
.content__box.image_horizon.work .content__box_text {
  padding: 3em;
}
}
@media (min-width: 1200px) {
.content__box.image_horizon.work .content__box_body {
  padding: 6em 3em;
}
.content__box.image_horizon.work .content__box_text {
  padding: 4em;
}
.content__box.image_horizon.work .deco_bg_present,
.content__box.image_horizon.work .deco_bg_watch {
  width: 360px;
}
}


/* 画像右 */
.content__box.image_horizon_reverse.work {
  position: relative;
  margin: 0;
  border-top: 1px solid #cecdcd;
  border-left: 1px solid #cecdcd;
}
.content__box.image_horizon_reverse.work .deco_bg_present,
.content__box.image_horizon_reverse.work .deco_bg_watch {
  width: 360px;
  height: 100%;
  position: absolute;
  left: -1%;
  top: -4em;
  background: url(../images_common/bg-watch_g.jpg) top right no-repeat;
  background-size: contain;
  z-index: 5;
}
.content__box.image_horizon_reverse.work .deco_bg_present {
  background: url(../images_common/bg-present_g.jpg) top right no-repeat;
  background-size: contain;
}

.content__box.image_horizon_reverse.work .content__box_body {
  padding: 6em 3em;
  position: relative;
  z-index: 10;
}

.content__box.image_horizon_reverse.work .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  width: 50%;
  padding: 4em;
}

@media (max-width: 543px) {
.content__box.image_horizon_reverse.work {
  position: relative;
  margin: 0;
  border-top: 0;
  border-left: 0;
}
.content__box.image_horizon_reverse.work .deco_bg_present,
.content__box.image_horizon_reverse.work .deco_bg_watch {
  display: none;
}

.content__box.image_horizon_reverse.work .content__box_body {
  padding: 0;
  position: relative;
  z-index: 10;
}

.content__box.image_horizon_reverse.work .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  width: 100%;
  padding: 1em;
}
}
@media (min-width: 544px) {
.content__box.image_horizon_reverse.work {
  position: relative;
  margin: 0;
  border-top: 1px solid #cecdcd;
  border-left: 1px solid #cecdcd;
}
.content__box.image_horizon_reverse.work .deco_bg_present,
.content__box.image_horizon_reverse.work .deco_bg_watch {
  width: 216px;
  height: 100%;
  position: absolute;
  left: -1%;
  top: -4em;
  background: url(../images/bg-watch_g.jpg) top right no-repeat;
  background-size: contain;
  z-index: 5;
}
.content__box.image_horizon_reverse.work .deco_bg_present {
  background: url(../images/bg-present_g.jpg) top right no-repeat;
  background-size: contain;
}
.content__box.image_horizon_reverse.work .content__box_body {
  padding: 6em 1em;
  position: relative;
  z-index: 10;
}
.content__box.image_horizon_reverse.work .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  width: 50%;
  padding: 1em;
}
}
@media (min-width: 768px) {
.content__box.image_horizon_reverse.work .content__box_body {
  padding: 6em 2em;
}
.content__box.image_horizon_reverse.work .content__box_text {
  padding: 2em;
}
.content__box.image_horizon_reverse.work .deco_bg_present,
.content__box.image_horizon_reverse.work .deco_bg_watch {
  width: 272px;
}
}
@media (min-width: 992px) {
.content__box.image_horizon_reverse.work .content__box_body {
  padding: 6em 2.5em;
}
.content__box.image_horizon_reverse.work .content__box_text {
  padding: 3em;
}
}
@media (min-width: 1200px) {
.content__box.image_horizon_reverse.work .content__box_body {
  padding: 6em 3em;
}
.content__box.image_horizon_reverse.work .content__box_text {
  padding: 4em;
}
.content__box.image_horizon_reverse.work .deco_bg_present,
.content__box.image_horizon_reverse.work .deco_bg_watch {
  width: 360px;
}
}


hr {
  display: block;
  -webkit-margin-before: 0.5em;
  -webkit-margin-after: 0.5em;
  -webkit-margin-start: auto;
  -webkit-margin-end: auto;
  border-style: inset;
  border-width: 0;
}

hr.border_work {
  width: 80%;
  margin: 3em auto ;
  height: 1px;
  background: #cecdcd;
}

/*

  heading

*/
.content__heading--sm {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: .75em;
  line-height: 1.66;
}
@media (min-width: 544px) {
  .content__heading--sm {
    font-size: 1.7rem;
  }
}
@media (min-width: 1200px) {
  .content__heading--sm {
    font-size: 1.8rem;
  }
}
.content__heading--md {
  font-size: 1.8rem;
  line-height: 1.44;
  font-weight: bold;
  margin-bottom: .75em;
}
@media (min-width: 544px) {
  .content__heading--md {
    font-size: 2.0rem;
  }
}
@media (min-width: 1200px) {
  .content__heading--md {
    font-size: 2.2rem;
  }
}
.content__heading--lg {
  font-size: 1.9rem;
  line-height: 1.33;
  font-weight: bold;
  margin-bottom: 1em;
  padding: .95em .85em;
  color: #54617a;
  background: #e1eaf9;
}
@media (min-width: 544px) {
  .content__heading--lg {
    font-size: 2.1rem;
  }
}
@media (min-width: 1200px) {
  .content__heading--lg {
    font-size: 2.4rem;
  }
}

/* 仕事内容 work */
.content__box_text.work {
}
.content__box_text.work .content__heading--lg {
  color: #e8630c;
  background: none;
  font-weight: normal;
  padding: 0;
}
.content__box_text.work .content__heading--md {
  margin-bottom: 2em;
}
/* 求人詳細ページ */
.content__box.kjd .content__heading--lg {
  background: none /*#fbbca0*/;
  color: #282828;
}

@media (max-width: 543px) {
}
@media (min-width: 544px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}



/* ボタン　*/
.content__box_text.work .btn.btn_more {
  width: 80%;
}


/*******************************************
*
* 		    インタビュー一覧
*
********************************************/

/* interview content部分
===========================================*/
.all_detail.padding_wrapper--no_bottom.interview {
}
.content.interview {
  margin-top: 4em;
}
.content.interview .content__box_body {
  padding: 1em;
  background: #f7f7f7;
}
.content.interview .content__heading--lg {
  background: none;
  color: #282828;
  width: 100%;
  border-bottom: 1px solid #8F0F08;
}
@media (max-width: 543px) {
.all_detail.padding_wrapper--no_bottom.interview {
  padding-top: 0;
}
.content.interview {
  margin-top: 2em;
}
.content.interview .content__heading--lg{
  padding: .95em 0;
  font-size: 1.6rem;
}
}
@media (min-width: 1200px) {
.content.interview {
  margin-top: 2em;
}
}


/* interview comment部分
===========================================*/
/* 画像が右 */
.comment_wrapper.interview {
  background: none;
  padding: 0;
  margin: 0;
  width: 40%;
  text-align: right;
}
.comment_wrapper.interview .comment_title {
}
.comment_wrapper.interview .comment_text {
  line-height: 1.6;
}


/* 画像が左 */
.content__box.image_2column .content__box_image.interview .thumbnail_wrapper {
  float: left;
}
.content__box.image_2column .comment_wrapper.interview {
  float: right;
  text-align: left;
}
@media (max-width: 543px) {
/* 画像が右 */
.comment_wrapper.interview {
  margin: .8em 0;
  width: 100%;
  text-align: left;
}
.comment_wrapper.interview .comment_title {
}
.comment_wrapper.interview .comment_text {
  line-height: 1.6;
}

/* 画像が左 */
.content__box.image_2column .content__box_image.interview .thumbnail_wrapper {
  float: none;
}
.content__box.image_2column .comment_wrapper.interview {
  float: none;
  text-align: left;
}
}
@media (min-width: 544px) {
/* 画像が右 */
.comment_wrapper.interview {
  width: 100%;
  text-align: left;
  margin: 1em 0;
}
.comment_wrapper.interview .comment_title {
}
.comment_wrapper.interview .comment_text {
  line-height: 1.6;
}

/* 画像が左 */
.content__box.image_2column .content__box_image.interview .thumbnail_wrapper {
  float: left;
}
.content__box.image_2column .comment_wrapper.interview {
  float: right;
  text-align: left;
}
}
@media (min-width: 768px) {
.comment_wrapper.interview {
  background: none;
  padding: 0;
  margin: 0;
  width: 40%;
  text-align: right;
}
.comment_wrapper.interview .comment_title {
}
.comment_wrapper.interview .comment_text {
  line-height: 1.6;
}


/* 画像が左 */
.content__box.image_2column .content__box_image.interview .thumbnail_wrapper {
  float: left;
}
.content__box.image_2column .comment_wrapper.interview {
  float: right;
  text-align: left;
}
}
@media (min-width: 1200px) {
}



/* interviewの写真設定
===========================================*/
/* --- サムネイル --- */
.content__box_image.interview .thumbnail_wrapper {
  float: right;
  width: 54%;
}
.content__box_image.interview .thumbnail__inner {
  padding: 0;
}
.content__box_image.interview .thumbnail__image_bg {
  background-size: 100%;
}

/* interview
===========================================*/
.thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}
/*.thumbnail__inner {
  padding: .5em;
  height: 100%;
  width: 100%;
}*/

@media (max-width: 543px) {
/* --- サムネイル --- */
.content__box_image.interview .thumbnail_wrapper {
  float: none;
  width: 100%;
}
.content__box_image.interview .thumbnail__inner {
  padding: 0;
}
.content__box_image.interview .thumbnail__image_bg {
  background-size: 100%;
}
}
@media (min-width: 544px) {
/* --- サムネイル --- */
.content__box_image.interview .thumbnail_wrapper {
  float: none;
  width: 100%;
}

.thumbnail__inner {
  padding: .5em;
}
}
@media (min-width: 768px) {
/* --- サムネイル --- */
.content__box_image.interview .thumbnail_wrapper {
  float: right;
  width: 54%;
}
.content__box_image.interview .thumbnail__inner {
  padding: 0;
}
.content__box_image.interview .thumbnail__image_bg {
  background-size: 100%;
}
}
@media (min-width: 1200px) {
}
@media (min-width: 544px) {
  .card .thumbnail__inner {
    padding: .5em;
  }
}





.thumbnail__image_bg {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*写真あり-2カラム画像左*/
@media (min-width: 544px) {
  .content__box.image_2column .content__box_image.interview {
    width: 44%;
    margin: 0;
  }
}
@media (min-width: 544px) {
  .content__box.image_2column .content__box_text.interview {
    width: 56%;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .content__box.image_2column .content__box_text.interview {
  }
}


/*写真あり-2カラム画像右*/

@media (min-width: 544px) {
  .content__box.image_2column_reverse .content__box_image.interview {
    width: 44%;
    float: right;
    margin: 0;
  }
}
@media (min-width: 544px) {
.content__box.image_2column_reverse .content__box_text.interview {
  float: left;
  width: 56%;
  padding: 0 1.2em;
}
}
@media (min-width: 1200px) {
  .content__box.image_2column_reverse .content__box_text.interview {
  }
}


/* --- 左画像 --- */

.content__box.image_horizon.interview .content__box_image {
  width: 50%;
  float: left;
  margin-right: 0;
  margin-bottom: .5em;
}

@media (max-width: 543px) {
.content__box.image_horizon.interview .content__box_image {
  width: 100%;
  float: none;
  margin-right: 0;
  margin-bottom: .5em;
}
}
@media (min-width: 544px) {
  .content__box.image_horizon.interview .content__box_image {
    width: 50%;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .content__box.image_horizon.interview .content__box_image {
    margin-right: 0;
  }
}

/* --- 右画像 --- */

.content__box.image_horizon_reverse.interview .content__box_image {
  width: 50%;
  float: right;
  margin-left: 0;
  margin-bottom: .5em;
}
@media (max-width: 543px) {
.content__box.image_horizon_reverse.interview .content__box_image {
  width: 100%;
  float: none;
  margin-left: 0;
  margin-bottom: .5em;
}
}
@media (min-width: 544px) {
  .content__box.image_horizon_reverse.interview .content__box_image {
  width: 50%;
  float: right;
  margin-left: 0;
  margin-bottom: .5em;
  }
}
@media (min-width: 1200px) {
  .content__box.image_horizon_reverse.interview .content__box_image {
    margin-left: 0;
  }
}


/* --- センター --- */
/*写真あり-縦*/
.content__box.image_vertical.interview .thumbnail_wrapper {
  float: none;
  width: 100%;
  margin: 0 auto;
}
.content__box.image_vertical.interview .content__box_image {
  max-width: 100%;
  margin: 0 auto 1em;
  position: relative;
}

.content__box.image_vertical.interview .comment_wrapper.interview {
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  bottom: 0;
  background: rgba(255,255,255,0.8);
  width: 24%;
  padding: 2em;
}
@media (max-width: 543px) {
.content__box.image_vertical.interview .content__box_image {
  margin: 0 auto .5em;
}
.content__box.image_vertical.interview .comment_wrapper.interview {
  position: static;
  text-align: left;
  background: none;
  width: 100%;
  padding: 0;
}
}
@media (min-width: 544px) {
.content__box.image_vertical.interview .content__box_image {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.content__box.image_vertical.interview .comment_wrapper.interview {
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  bottom: 0;
  background: rgba(255,255,255,0.8);
  width: 40%;
  padding: 2em 1em;
  margin: 0;
}
}
@media (min-width: 768px) {
.content__box.image_vertical.interview .content__box_image {
    max-width: 100%;
}
.content__box.image_vertical.interview .comment_wrapper.interview {
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  bottom: 0;
  background: rgba(255,255,255,0.8);
  width: 24%;
  padding: 2em 1em;
  margin: 0;
}
}
@media (min-width: 1200px) {
  .content__box.image_vertical.interview .content__box_image {
    max-width: 100%;
  }
}

.content__box.image_vertical.interview {
  margin-top: 6em;
}
.content__box.image_vertical.interview .content__box_text {
  max-width: 100%;
  background: #fff;
  padding: 1.5em;
  margin: 0 auto;
  position: relative;
  top: 0;
}

.content__box.image_vertical.interview .content__heading--lg {
  float: none;
  margin-right: 1.5em;
}

.content__box_text.interview .content__heading--lg {
  color: #e8630c;
  background: none;
  font-weight: normal;
  padding: 0;
}
.content__box_text.interview .content__heading--md {
  margin-bottom: 2em;
}
.content__box_text.interview .text {
  color: #9c9c9c;
}

@media (max-width: 543px) {
.content__box.image_vertical.interview {
  margin-top: 0;
}
.content__box.image_vertical.interview .content__box_text {
  max-width: 640px;
  background: rgba(245, 245, 245, 0.8);
  padding: 0;
  margin: 0 auto;
  position: relative;
  top: 0;
}
.content__box.image_vertical.interview .content__heading--lg {
  float: none;
  margin-right: 1.5em;
}
}
@media (min-width: 544px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


/* --- 矢印のON・OFF --- */
.content__box.arrow_on:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 120px 0 120px;
  border-color: #1c7bd1 transparent transparent transparent;
  margin: 1.5em auto 0;
}
@media (min-width: 544px) {
  .content__box.arrow_on:after {
    border-width: 40px 170px 0 170px;
  }
}
@media (min-width: 1200px) {
  .content__box.arrow_on:after {
    border-width: 50px 220px 0 220px;
  }
}

/* interviewの補足説明ブロック
===========================================*/
.content__box_body__card_block.interview {
  width: 100%;
  margin: 2.5em auto;
}

@media (max-width: 543px) {
.content__box_body__card_block.interview {
  width: 100%;
  margin: 2em auto 0;
}
}
@media (min-width: 544px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


/*

  heading

*/
/*.content__heading--sm {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: .75em;
  line-height: 1.66;
}
@media (min-width: 544px) {
  .content__heading--sm {
    font-size: 1.7rem;
  }
}
@media (min-width: 1200px) {
  .content__heading--sm {
    font-size: 1.8rem;
  }
}
.content__heading--md {
  font-size: 1.8rem;
  line-height: 1.44;
  font-weight: bold;
  margin-bottom: .75em;
}
@media (min-width: 544px) {
  .content__heading--md {
    font-size: 2.0rem;
  }
}
@media (min-width: 1200px) {
  .content__heading--md {
    font-size: 2.2rem;
  }
}
.content__heading--lg {
  font-size: 1.9rem;
  line-height: 1.33;
  font-weight: bold;
  margin-bottom: 1em;
  padding: .95em .85em;
  color: #54617a;
  background: #e1eaf9;
}
@media (min-width: 544px) {
  .content__heading--lg {
    font-size: 2.1rem;
  }
}
@media (min-width: 1200px) {
  .content__heading--lg {
    font-size: 2.4rem;
  }
}*/



/* 画像左 */
.content__box.image_horizon.interview {
  position: relative;
  margin: 0;
  border-top: 1px solid #cecdcd;
  border-right: 1px solid #cecdcd;
}
.content__box.image_horizon.interview .content__box_body {
  padding: 6em 3em;
  position: relative;
  z-index: 10;
}
.content__box.image_horizon.interview .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  float: right;
  width: 50%;
  padding: 4em;
}

@media (max-width: 543px) {
.content__box.image_horizon.interview {
  position: relative;
  margin: 0;
  border-top: 0;
  border-right: 0;
}
.content__box.image_horizon.interview .content__box_body {
  padding: 0;
  position: relative;
  z-index: 10;
}
.content__box.image_horizon.interview .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  float: none;
  width: 100%;
  padding: 1em;
}
}
@media (min-width: 544px) {
.content__box.image_horizon.interview .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  float: left;
  width: 50%;
  padding: 1em;
}
.content__box.image_horizon.interview .content__box_body {
  padding: 6em 1em;
  position: relative;
  z-index: 10;
}
}
@media (min-width: 768px) {
.content__box.image_horizon.interview .content__box_body {
  padding: 6em 2em;
}
.content__box.image_horizon.interview .content__box_text {
  padding: 2em;
}
}
@media (min-width: 992px) {
.content__box.image_horizon.interview .content__box_body {
  padding: 6em 2.5em;
}
.content__box.image_horizon.interview .content__box_text {
  padding: 3em;
}
}
@media (min-width: 1200px) {
.content__box.image_horizon.interview .content__box_body {
  padding: 6em 3em;
}
.content__box.image_horizon.interview .content__box_text {
  padding: 4em;
}
}


/* 画像右 */
.content__box.image_horizon_reverse.interview {
  position: relative;
  margin: 0;
  border-top: 1px solid #cecdcd;
  border-left: 1px solid #cecdcd;
}
.content__box.image_horizon_reverse.interview .content__box_body {
  padding: 6em 3em;
  position: relative;
  z-index: 10;
}

.content__box.image_horizon_reverse.interview .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  width: 50%;
  padding: 4em;
}

@media (max-width: 543px) {
.content__box.image_horizon_reverse.interview {
  position: relative;
  margin: 0;
  border-top: 0;
  border-left: 0;
}
.content__box.image_horizon_reverse.interview .content__box_body {
  padding: 0;
  position: relative;
  z-index: 10;
}

.content__box.image_horizon_reverse.interview .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  width: 100%;
  padding: 1em;
}
}
@media (min-width: 544px) {
.content__box.image_horizon_reverse.interview {
  position: relative;
  margin: 0;
  border-top: 1px solid #cecdcd;
  border-left: 1px solid #cecdcd;
}
.content__box.image_horizon_reverse.interview .content__box_body {
  padding: 6em 1em;
  position: relative;
  z-index: 10;
}
.content__box.image_horizon_reverse.interview .content__box_text {
  background: rgba(245, 245, 245, 0.8);
  width: 50%;
  padding: 1em;
}
}
@media (min-width: 768px) {
.content__box.image_horizon_reverse.interview .content__box_body {
  padding: 6em 2em;
}
.content__box.image_horizon_reverse.interview .content__box_text {
  padding: 2em;
}
}
@media (min-width: 992px) {
.content__box.image_horizon_reverse.interview .content__box_body {
  padding: 6em 2.5em;
}
.content__box.image_horizon_reverse.interview .content__box_text {
  padding: 3em;
}
}
@media (min-width: 1200px) {
.content__box.image_horizon_reverse.interview .content__box_body {
  padding: 6em 3em;
}
.content__box.image_horizon_reverse.interview .content__box_text {
  padding: 4em;
}
}


hr {
  display: block;
  -webkit-margin-before: 0.5em;
  -webkit-margin-after: 0.5em;
  -webkit-margin-start: auto;
  -webkit-margin-end: auto;
  border-style: inset;
  border-width: 0;
}
/* 1 */
hr.border_interview01 {
  width: 80%;
  margin: 3em auto ;
  height: 1px;
  background: #cecdcd;
}

/* 2 */
hr.border_interview02 {
  height: 3px;
  background-image: radial-gradient(
    closest-side,
    hsla(0, 0%, 80%, 1.0),
    hsla(0, 0%, 80%, 0) 100%);
  position: relative;
  margin: 2.5em 0;
}
hr.border_interview02:after {
  content: '';
  position: absolute;
  top:  50%;
  left: 50%;
  display:block;
  background-color: hsl(0, 0%, 75%);
  height: 12px;
  width:  12px;
  transform: rotate(45deg);
  margin-top:  -10px;
  margin-left: -10px;
  border-radius: 4px 0;
  border: 4px solid hsla(0, 0%, 60%, 0.35);
  background-clip: padding-box;
  box-shadow: -10px 10px 0 hsla(0, 0%, 40%, 0.15), 10px -10px 0 hsla(0, 0%, 40%, 0.15);
}


/* --- heading --- */
.content__box_text.interview {
  padding: 0 1.35em;
}
.content__box_text.interview .content__heading--lg {
  color: #e8630c;
  background: none;
  font-weight: normal;
  padding: 0;
  font-size: 2.4rem;
}
.content__box_text.interview .content__heading--md {
  color: #8F0F08;
  font-size: 1.8rem;
  margin-bottom: 1em;
}
.content__box_text.interview .content__heading--sm {
  color: #282828;
}
.content__box_text.interview .text {
  color: #9c9c9c;
}

@media (max-width: 543px) {
.content__box_text.interview {
  padding: 0;
}
.content__box_text.interview .content__heading--md {
  font-size: 1.6rem;
}
.content__box_text.interview .content__heading--sm {
  font-size: 1.4rem;
}
.content__box_text.interview .text {
  font-size: 1.4rem;
}
}
@media (min-width: 544px) {
.content__box_text.interview .content__heading--md {
  font-size: 1.8rem;
}
.content__box_text.interview .content__heading--sm {
  font-size: 1.6rem;
}
.content__box_text.interview .text {
  font-size: 1.6rem;
}
}
@media (min-width: 768px) {
.content__box_text.interview .content__heading--md {
  font-size: 2.0rem;
}
.content__box_text.interview .content__heading--sm {
  font-size: 1.8rem;
}
}
@media (min-width: 1200px) {
.content__box_text.interview .content__heading--md {
  font-size: 2.4rem;
}
.content__box_text.interview .content__heading--sm {
  font-size: 2.0rem;
}
}

/* ボタン　*/
.morecontents_btn_area.interview {
  width: 248px;
  padding: .8em 0 0;
  float: right;
}
@media (max-width: 543px) {
.morecontents_btn_area.interview {
  float: none;
  margin: 0 auto;
}
}
@media (min-width: 544px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1200px) {
}

.morecontents_btn_area.interview .btn.btn_common {
  width: 100%;
  padding: .3em .3em;
  background: url(../images_common/icon-arrow-glay9c.png) no-repeat;
  background-position: 8% center;
  background-size: 14px;
  background-color: #fff;
  color: #9c9c9c;
}
.morecontents_btn_area.interview .btn.btn_common:hover {
  background: url(../images_common/icon-arrow-white.png) no-repeat;
  background-position: 10% center;
  background-size: 14px;
  background-color: #9c9c9c;
  color: #fff;
}

.content__box.image_vertical.interview .morecontents_btn_area.interview {
  float: none;
  margin: 0 auto;
}
.content__box.image_vertical.interview .morecontents_btn_area.interview .btn.btn_common { 
  width: 100%;
  padding: .3em .3em;
  background: url(../images_common/icon-arrow-bk.png) no-repeat;
  background-position: 8% center;
  background-size: 14px;
  background-color: #f7f7f7;
  color: #282828;
}
.content__box.image_vertical.interview .morecontents_btn_area.interview .btn.btn_common:hover {
  background: url(../images_common/icon-arrow-bk.png) no-repeat;
  background-position: 10% center;
  background-size: 14px;
  background-color: #f7f7f7;
  color: #282828;
}
@media (max-width: 543px) {
.content__box.image_vertical.interview .morecontents_btn_area.interview .btn.btn_common { 
  background: url(../images_common/icon-arrow-glay9c.png) no-repeat;
  background-position: 8% center;
  background-size: 14px;
  background-color: #fff;
  color: #9c9c9c;
}
.content__box.image_vertical.interview .morecontents_btn_area.interview .btn.btn_common:hover {
  background: url(../images_common/icon-arrow-white.png) no-repeat;
  background-position: 10% center;
  background-size: 14px;
  background-color: #9c9c9c;
  color: #fff;
}
}
@media (min-width: 544px) {
.content__box.image_vertical.interview .morecontents_btn_area.interview .btn.btn_common { 
  width: 100%;
  padding: .3em .3em;
  background: url(../images_common/icon-arrow-bk.png) no-repeat;
  background-position: 8% center;
  background-size: 14px;
  background-color: #f7f7f7;
  color: #282828;
}
.content__box.image_vertical.interview .morecontents_btn_area.interview .btn.btn_common:hover {
  background: url(../images_common/icon-arrow-bk.png) no-repeat;
  background-position: 10% center;
  background-size: 14px;
  background-color: #f7f7f7;
  color: #282828;
}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/*******************************************
*
* 			      インタビューここまで
*
********************************************/

/* インタビュー詳細ページ
===========================================*/
/* コンテンツトップ */
.content.interview_d .ttl-wrapper {
  position: relative;
  margin-bottom: 8em;
  z-index: 1;
}
/*
.content.interview_d .ttl-wrapper::after {
  content: '';
  width: 250px;
  background: #fffaf6;
  height: 350px;
  display: block;
  position: absolute;
  top: -30px;
  z-index: -1;
  right: 0;
}
*/
.content.interview_d .ttl-box {
  width: 96%;
  font-size: 2.4rem;
  border-bottom: 1px solid #8F0F08;
  margin-bottom: .8em;
}
.content.interview_d .ttl-box::after {
  content: 'Profile';
  font-size: 1.2rem;
  color: #8F0F08;
  float: right;
  margin-top: 1.5em;
}
.content.interview_d .ttl-box::after::after{
}
.content.interview_d .caption-box {
  font-size: 1.6rem;
  line-height: 1.6;
}

/* コンテンツ */
.content__box_text.interview_d .content__heading--md {
  width: 80%;
  margin: 0 auto;
  padding: 3em 2em;
  color: #8F0F08;
}

.content__box_text.interview_d .content__heading--sm {
  width: 60%;
  font-size: 1.8rem;
  font-weight: normal;
  margin: 2em 0;
  color: #8F0F08;
}
.content__box_text.interview_d .text {
  border-bottom: 1px solid #8F0F08;
  margin-bottom: 6em;
  padding-bottom: 2.5em;
}
@media (max-width: 543px) {
.content.interview_d .ttl-wrapper {
  margin-bottom: 0;
  margin-top: 1em;
}
.content__box_text.interview_d .content__heading--md {
  width: 90%;
  padding: 1.5em 0;
}
.content__box_text.interview_d .content__heading--sm {
  width: 100%;
  font-size: 1.6rem;
  margin: 1em 0;
}
.content__box_text.interview_d .text {
  margin-bottom: 3em;
  padding-bottom: 1.5em;
  font-size: 1.4rem;
}
/*.content.interview_d .ttl-wrapper::after {
  content: '';
  width: 128px;
  background: #fffaf6;
  height: 280px;
  display: block;
  position: absolute;
  top: -16px;
  z-index: -1;
  right: 0;
}*/
}
@media (min-width: 544px) {
.content.interview_d .ttl-wrapper {
  position: relative;
  margin-bottom: 4em;
  z-index: 1;
}
/*.content.interview_d .ttl-wrapper::after {
  content: '';
  width: 250px;
  background: #fffaf6;
  height: 350px;
  display: block;
  position: absolute;
  top: -30px;
  z-index: -1;
  right: 0;
}*/
.content.interview_d .ttl-box {
  width: 96%;
  font-size: 2.4rem;
  border-bottom: 1px solid #8F0F08;
  margin-bottom: .8em;
}
.content.interview_d .ttl-box::after {
  content: 'Profile';
  font-size: 1.2rem;
  color: #8F0F08;
  float: right;
  margin-top: 1.5em;
}
.content.interview_d .ttl-box::after::after{
}
.content.interview_d .caption-box {
  font-size: 1.6rem;
  line-height: 1.6;
}
/* コンテンツ */
.content__box_text.interview_d .content__heading--md {
  width: 80%;
  margin: 0 auto;
  padding: 3em 2em;
  color: #8F0F08;
  text-align: center;
}

.content__box_text.interview_d .content__heading--sm {
  width: 60%;
  font-size: 1.8rem;
  font-weight: normal;
  margin: 2em 0;
  color: #8F0F08;
}
.content__box_text.interview_d .text {
  border-bottom: 1px solid #8F0F08;
  margin-bottom: 6em;
  padding-bottom: 2.5em;
}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


/* 見出しデザイン */

.content__heading--xl {
  margin: 0;
  font-size: 1.8rem;
/*  padding: 0 0 .75em;*/
  padding: 0;
}
@media (max-width: 543px) {
  .content__heading--xl {
    color: #282828;
    text-align: center;
    font-weight: normal;
    margin-bottom: 1em;
  }
}
@media (min-width: 544px) {
  .content__heading--xl {
    margin-bottom: 3.25em;
    font-size: 2.0rem;
    text-align: center;
    letter-spacing: 8px;
  }
}
@media (min-width: 1200px) {
  .content__heading--xl {
    font-size: 2.2rem;
    margin-bottom: 4em;
  }
}
/*

count_box

*/
.count_box {
  text-align: center;
  margin-bottom: .5em;
}
@media (min-width: 768px) {
  .count_box {
    text-align: left;
    float: left;
    width: 25%;
    margin-bottom: 0;
  }
}
.count_box span.count_box__total_count {
  margin: 0 .25em;
  font-weight: bold;
  color: #1c7bd1;
}
.search_navigate {
  background: #fff;
  padding: 1em;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.66;
}
@media (min-width: 544px) {
  .search_navigate {
    font-size: 1.5rem;
    margin-bottom: 1.5em;
    background: #e1eaf9;
  }
}
@media (min-width: 1200px) {
  .search_navigate {
    font-size: 1.6rem;
  }
}
/*

  breadcrumbs

*/
.breadcrumbs {
  font-size: 1.2rem;
  padding: .75em 0;
  line-height: 1.66;
  padding-left: 20px;
  max-width: 1200px;
  width: auto;
  margin: 0 auto;
}

.breadcrumbs.top_page {
  display: none;
}

/* 求人詳細ページ　bread */
.breadcrumbs.kjd {
  max-width: 100%;
}


@media (max-width: 543px) {
  .breadcrumbs {
    padding: .5em 0;
    padding-left: .75em;
    padding-right: .75em;
    font-weight: bold;
    background: #e1eaf9;
  }
}
@media (min-width: 544px) {
  .breadcrumbs {
    font-size: 1.4rem;
  }
}
.breadcrumbs ol {
  margin-bottom: 0;
  display: inline-block;
}
.breadcrumbs ol li {
  display: inline;
}
@media (max-width: 543px) {
  .breadcrumbs.top_page {
    display: block;
  }
}
/*

  pager

*/
.pager {
  text-align: center;
}
.pager .inner {
  display: inline-block;
}
@media (max-width: 543px) {
  .pager.pager--contents_l {
    margin-top: 1.5em;
  }
}
@media (min-width: 544px) {
  .pager.pager--btn_on {
    margin-top: 2em;
  }
}
@media (min-width: 768px) {
  .pager.pager--right {
    text-align: right;
  }
}
.page {
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0;
  float: left;
  margin-right: 5px;
  text-align: center;
  display: block;
  background: #fff;
  color: #000000;
}
.page:hover {
  color: #4e4e4e;
}
.page.current {
  color: #fff;
  background: #1c7bd1;
}
@media (max-width: 543px) {
  .page {
    text-decoration: none;
    border: 1px solid #e1e1e1;
  }
  .page:hover {
    background: #f7f7f7;
  }
  .page.current:hover {
    background: #2588e2;
  }
  .page.prev,
  .page.next {
    width: 28px;
  }
}
@media (min-width: 544px) {
  .page {
    width: 40px;
    height: 30px;
    line-height: 30px;
    margin-right: 0px;
    background: #fff;
    border-left: 1px solid #e1e1e1;
  }
  .page.right {
    border-right: 1px solid #e1e1e1;
  }
  .page.current {
    color: #1c7bd1;
    background: #fff;
  }
  .page.current:hover {
    color: #52a0e8;
  }
  .page.prev {
    border-left: none;
  }
}
/*

  pager

*/
.sticky_bottom {
  position: fixed;
  bottom: -150px;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  -webkit-transition: bottom 0.25s;
  -moz-transition: bottom 0.25s;
  -ms-transition: bottom 0.25s;
  -o-transition: bottom 0.25s;
  transition: bottom 0.25s;
  z-index: 100;
}
.sticky_bottom.visible {
  position: fixed;
  bottom: 0;
}
.sticky_bottom__btn_area {
  padding: 15px;
  text-align: center;
}
@media (max-width: 543px) {
  .sticky_bottom__btn_area {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
  }
}
.footer-btn {
  font-size: 24px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 543px) {
  .footer-btn {
    font-size: 16px;
    width: 240px;
  }
}
@media (min-width: 544px) {
  .footer-btn {
    font-size: 20px;
    width: 400px;
  }
}
@media (min-width: 992px) {
  .footer-btn {
    font-size: 24px;
    width: 500px;
  }
}
small,
.small {
  font-size: 80%;
  font-weight: normal;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: .75em;
  padding-left: .75em;
}
/***********************************************************************************************************************************************/
.content__box {
  margin-bottom: 4em;
}
.content__box.main {
  margin: 2em 0;
  background-color: #f7f7f7;
  padding: 1em;
}
.content__box.main p {
  font-weight: 900;
}
.content__box.content__box--end {
  margin: 2em 0 0;
}
.whatsnew_btn_area {
  overflow: hidden;
  padding-top: 5em;
  clear: both;
}
@media (max-width: 543px) {
  .whatsnew_btn_area {
    padding-bottom: 1em;
  }
}
.morecontents_btn_area {
  overflow: hidden;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.free_word {
  width: 100%;
}
@media (min-width: 768px) {
  .free_word {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .free_word {
    width: 50%;
  }
}
input[type="search"] {
  width: 100%;
  box-sizing: border-box;
  padding: .5em .75em;
  border: 1px solid #e1e1e1;
  line-height: 1.8;
  border-radius: 0;
  -webkit-appearance: none;
  font-weight: normal;
}
.pseudo_select {
  font-weight: normal;
  padding: .5em .75em;
  width: 100%;
  background: #fff;
  border: 1px solid #e1e1e1;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .pseudo_select {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .pseudo_select {
    width: 50%;
  }
}
.pseudo_select select {
  -webkit-appearance: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}
.pseudo_select.focus {
  border: 1px solid #1c7bd1;
}
.pseudo_select:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}
.pseudo_select:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #333;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 15px;
}
.notfound {
  text-align: center;
}
@media (min-width: 544px) {
  .notfound.notfound--kyujin_l {
    padding-top: 1em;
  }
}
/* web font position */
.navi_global__item .font_ico {
  position: relative;
  top: -0.1em;
}
.pagetop .font_ico {
  position: relative;
  top: .25em;
}
.navi_footer__item .font_ico {
  position: relative;
  top: -0.15em;
}
.l_footer__corporate .font_ico {
  font-size: .65em;
  position: relative;
  top: -0.15em;
}
a.spn_call:before {
  font-family: 'icomoon';
  content: "\e183";
  position: relative;
  top: -0.1em;
  margin-right: .3em;
  font-size: .9em;
}



.link_set{
    border: 1px solid #e1e1e1;
    padding:20px 15px 15px 25px;
    margin-top: 30px;
}
.link_set p{
    font-size: 0.8em;
    margin-bottom:0px;
}

.link_set #splitlink_kcd,
.link_set #splitlink_scd{
    padding-left:0;
}


.link_set #splitlink_kcd:after,
.link_set #splitlink_scd:after{
    content: "";
    clear: both;
    display: block;
}

.link_set #splitlink_kcd li,
.link_set #splitlink_scd li{
    float: left;
    list-style: none;
    font-size: 0.8em;
}

.link_set #splitlink_kcd li:after,
.link_set #splitlink_scd li:after{
    content: " / ";
    color:#aaa;
}

.link_set #splitlink_kcd li:after:last-child,
.link_set #splitlink_scd li:after:last-child{
    display: none;
}

/*******************************************
*
* 			      customize
*
********************************************/

/* topPage
===========================================*/
/* --- hero --- */
.visual-box {
  position: absolute;
  top: 0;
  left:0;
  margin: 0;
  padding: 0;
  z-index: 5;
  color: #fff;
}
.visual-box.ty1 {
  background: url(../images/visualTxtBg01.png) 0 0 no-repeat;
  background-size: contain;
  font-size: 1.8em;
  padding: 0 3em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  height: 100%;
}
.visual-box.ty2 {
  background: url(../images/visualTxtBg02.png) 0 0 no-repeat;
  background-size: contain;
  font-size: 1.8em;
  padding: 3em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  height: 100%;
}
.visual-box.ty3 {
  background: url(../images/visualTxtBg03.png) right 0 no-repeat;
  background-size: 60%;
  font-size: 1.8em;
  padding: 2em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  height: 100%;
}

.visual-box.ty4 span {
  display: block;
  padding: .8em;
  border: 1px solid #9c9c9c;
  font-size: 1.8em;
}
.visual-box.ty4 {
  top: 50%;
  left: 24%;
  background: rgba(255,255,255,.3);
  padding: .5em;
}
.visual-box.ty4 .inn {
  position:relative;
}
.visual-box.ty4 .mcDeco {
  width: 120px;
  height: 120px;
  position: absolute;
  top:-1.5em;
  right: -1.5em;
  background:url(../images_common/deco-bar.png) no-repeat;
  background-size: 100%;
}
.visual-box.ty5 span {
  display: block;
  padding: .8em;
  border: 1px solid #9c9c9c;
  font-size: 1.8em;
}
.visual-box.ty5 {
  top: 50%;
  left: 24%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.3);
  padding: .5em;
}
@media (max-width: 543px) {
.visual-box {
  position: absolute;
  top: 0;
  left: 0;
}
.visual-box.ty1 {
  font-size: .8em;
  padding: 1em;
  margin-top:1em;
  height: 92%;
}
.visual-box.ty2 {
  font-size: .8em;
  padding: 1em;
  margin-top:1em;
  height: 92%;
}

.visual-box.ty3 {
  font-size: .8em;
  padding: 1em;
  margin-top:1em;
  height: 92%;
}

.visual-box.ty4 span {
  display: block;
  padding: .8em;
  border: 1px solid #9c9c9c;
  font-size: .5em;
}
.visual-box.ty4 {
  top: 20%;
  left: 10%;
  background: rgba(255,255,255,.3);
  padding: .5em;
}
.visual-box.ty4 .inn {
  position:relative;
}
.visual-box.ty4 .mcDeco {
  width: 54px;
  height: 54px;
  position: absolute;
  top: -1em;
  right: -1em;
  background: url(../images/deco-bar.png) no-repeat;
  background-size: 100%;
}
.visual-box.ty5 span {
  display: block;
  padding: .8em;
  border: 1px solid #9c9c9c;
  font-size: 1.8em;
}
.visual-box.ty5 {
  top: 50%;
  left: 24%;
  background: rgba(255,255,255,.3);
  padding: .5em;
}
}
@media (min-width: 544px) {
.visual-box.ty1 {
  font-size: 1.3em;
  padding: 1.5em;
  margin-top: 1em;
  height: 94%;
}
.visual-box.ty2 {
  font-size: 1.3em;
  padding: 1.5em;
  margin-top: 1em;
  height: 94%;
}
.visual-box.ty3 {
  font-size: 1.3em;
  padding: 1.5em;
  margin-top: 1em;
  height: 94%;
}

.visual-box.ty4 span {
  display: block;
  padding: .8em;
  border: 1px solid #9c9c9c;
  font-size: 1em;
}
.visual-box.ty4 {
  top: 20%;
  left: 15%;
  background: rgba(255,255,255,.3);
  padding: .5em;
}
.visual-box.ty4 .inn {
  position:relative;
}
.visual-box.ty4 .mcDeco {
  width: 72px;
  height: 72px;
  position: absolute;
  top: -1.2em;
  right: -1.2em;
  background: url(../images/deco-bar.png) no-repeat;
  background-size: 100%;
}


.visual-box.ty5 span {
  display: block;
  padding: .8em;
  border: 1px solid #9c9c9c;
  font-size: 1.8em;
}
.visual-box.ty5 {
  top: 50%;
  left: 24%;
  background: rgba(255,255,255,.3);
  padding: .5em;
}
}
@media (min-width: 768px) {
.visual-box {
  top: 0;
  left: 8%;
}
.visual-box.ty1 {
  font-size: 1.5em;
  padding: 1.5em 1.5em 1em;
  margin-top: 2em;
  height: 87%;
}
.visual-box.ty2 {
  font-size: 1.5em;
  padding: 1.5em 1.5em 1em;
  margin-top: 2em;
  height: 87%;
}
.visual-box.ty3 {
  font-size: 1.5em;
  padding: 1.5em 1.5em 1em;
  margin-top: 2em;
  height: 87%;
}

/* 4 */
.visual-box.ty4 span {
  display: block;
  padding: .8em;
  border: 1px solid #9c9c9c;
  font-size: 1.4em;
}
.visual-box.ty4 {
  top: 25%;
  left: 12%;
  background: rgba(255,255,255,.3);
  padding: .5em;
}
.visual-box.ty4 .inn {
  position:relative;
}
.visual-box.ty4 .mcDeco {
  width: 88px;
  height: 88px;
  position: absolute;
  top: -1.4em;
  right: -1.4em;
  background: url(../images/deco-bar.png) no-repeat;
  background-size: 100%;
}


.visual-box.ty5 span {
  display: block;
  padding: .8em;
  border: 1px solid #9c9c9c;
  font-size: 1.8em;
}
.visual-box.ty5 {
  top: 50%;
  left: 24%;
  background: rgba(255,255,255,.3);
  padding: .5em;
}
}
@media (min-width: 992px) {
.visual-box {
  top: 0;
  left: 8%;
}
.visual-box.ty1 {
  font-size: 1.7em;
  padding: 1em 1.5em .8em;
  margin-top: 1.5em;
  height: 91%;
}
.visual-box.ty2 {
  font-size: 1.7em;
  padding: 1em 1.5em .8em;
  margin-top: 1.5em;
  height: 91%;
}
.visual-box.ty3 {
  font-size: 1.7em;
  padding: 1em 1.5em .8em;
  margin-top: 1.5em;
  height: 91%;
}

/* 4 */
.visual-box.ty4 span {
  display: block;
  padding: .8em;
  border: 1px solid #9c9c9c;
  font-size: 1.6em;
}
.visual-box.ty4 {
  top: 30%;
  left: 10%;
  background: rgba(255,255,255,.3);
  padding: .5em;
}
.visual-box.ty4 .inn {
  position:relative;
}
.visual-box.ty4 .mcDeco {
  width: 104px;
  height: 104px;
  position: absolute;
  top: -1.5em;
  right: -1.5em;
  background: url(../images/deco-bar.png) no-repeat;
  background-size: 100%;
}
}
@media (min-width: 1200px) {
.visual-box {
  top: 0;
  left: 8%;
}
.visual-box.ty1 {
  font-size: 1.7em;
  padding: 1em 3em .8em;
  margin-top: 12%;
  height: 76%;
}
.visual-box.ty2 {
  font-size: 1.7em;
  padding: 1em 3em .8em;
  margin-top: 12%;
  height: 76%;
}
.visual-box.ty3 {
  font-size: 1.7em;
  padding: 1em 3em .8em;
  margin-top: 12%;
  height: 76%;
}

/* 4 */
.visual-box.ty4 span {
  display: block;
  padding: .8em 1.5em;
  border: 1px solid #9c9c9c;
  font-size: 1.8em;
}
.visual-box.ty4 {
  top: 0;
  background: none;
  padding: .5em;
  bottom: 0;
  margin: auto;
  width: auto;
  height: 40%;
}
.visual-box.ty4 .inn {
  position:relative;
  padding: .8em;
  background: rgba(255,255,255,.3);
}
.visual-box.ty4 .mcDeco {
  width: 120px;
  height: 120px;
  position: absolute;
  top: -1.5em;
  right: -1.5em;
  background: url(../images/deco-bar.png) no-repeat;
  background-size: 100%;
}


.visual-box.ty5 span {
  display: block;
  padding: .8em;
  border: 1px solid #9c9c9c;
  font-size: 1.8em;
}
.visual-box.ty5 {
  top: 50%;
  left: 24%;
  background: rgba(255,255,255,.3);
  padding: .5em;
}
}

/* --- headline --- */

p.headline_sub {
  margin: 2em 0 0;
  text-align: center;
  font-size: 1.1em;
  letter-spacing: 8px;
}

@media (max-width: 543px) {
p.headline_sub {
  margin: 1em 0 0;
  font-size: .8em;
  letter-spacing: 6px;
}
}
@media (min-width: 544px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1200px) {
}

/* --- Moreコンテンツ --- */

/* background */

.more-cont-inn {
  position: relative;
  background: #fbfbfb;
}
.more-cont-01 {
  max-width: 1600px;
  margin: 0 auto;
}
.more-cont-02 {
  width:auto;
  background: url(../images/mrContBg01.jpg) no-repeat;
  background-size: cover;
}
.more-cont-03 {
  width:auto;
  background: url(../images/mrContBg02.jpg) no-repeat;
  background-size: cover;
}
.more-cont-04 {
  width:auto;
  background: url(../images/mrContBg03.jpg) no-repeat;
  background-size: cover;
}
.more-cont-05 {
  width:auto;
  background: url(../images/mrContBg.jpg) no-repeat;
  background-size: cover;
}
/* parallax */
.more-cont-01p {
  width:auto;
  background: #fbfbfb;
  background-attachment: fixed;
}
.more-cont-02p {
  width:auto;
  background: url(../images/mrContBg01_pl.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.more-cont-03p {
  width:auto;
  background: url(../images/mrContBg02_pl.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.more-cont-04p {
  width:auto;
  background: url(../images/mrContBg03_pl.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.more-cont-05p {
  width:auto;
  background: url(../images/mrContBg_pl.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
@media (max-width: 543px) {
.more-cont-05,
.more-cont-04,
.more-cont-03,
.more-cont-02,
.more-cont-01 {
  width:auto;
  height:auto;
  background: #fbfbfb;
  margin-bottom: 8em;
}
.more-cont-02 {
  background: url(../images/mrContBg01.jpg) no-repeat;
  background-size: cover;
  margin-bottom: 8em;
}
.more-cont-03 {
  background: url(../images/mrContBg02.jpg) no-repeat;
  background-size: cover;
  margin-bottom: 8em;
}
.more-cont-04 {
  background: url(../images/mrContBg03.jpg) no-repeat;
  background-size: cover;
  margin-bottom: 8em;
}
.more-cont-05 {
  background: url(../images/mrContBg.jpg) no-repeat;
  background-size: cover;
  margin-bottom: 8em;
}
/* parallax */
.more-cont-05p,
.more-cont-04p,
.more-cont-03p,
.more-cont-02p,
.more-cont-01p {
  width:auto;
  height:auto;
  background: #fbfbfb;
  background-attachment: fixed;
  margin-bottom: 8em;
}
.more-cont-02p {
  background: url(../images/mrContBg01_pl.jpg) repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  margin-bottom: 8em;
}
.more-cont-03p {
  background: url(../images/mrContBg02_pl.jpg) repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  margin-bottom: 8em;
}
.more-cont-04p {
  background: url(../images/mrContBg03_pl.jpg) repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  margin-bottom: 8em;
}
.more-cont-05p {
  background: url(../images/mrContBg_pl.jpg) repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  margin-bottom: 8em;
}
}
@media (min-width: 544px) {
.more-cont {
  position: relative;
  margin: 6em 0 8em;
}
.more-cont-01 {
  max-width: 1600px;
  width:0 auto;
}
.more-cont-02 {
  width:auto;
  background: url(../images/mrContBg01.jpg) no-repeat;
  background-size: cover;
}
.more-cont-03 {
  width:auto;
  background: url(../images/mrContBg02.jpg) no-repeat;
  background-size: cover;
}
.more-cont-04 {
  width:auto;
  background: url(../images/mrContBg03.jpg) no-repeat;
  background-size: cover;
}
.more-cont-05 {
  width:auto;
  background: url(../images/mrContBg.jpg) no-repeat;
  background-size: cover;
}
/* parallax */
.more-cont-01p {
  width:auto;
  background: #fbfbfb;
  background-attachment: fixed;
  margin-bottom: 8em;
}
.more-cont-02p {
  width:auto;
  background: url(../images/mrContBg01_pl.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  margin-bottom: 8em;
}
.more-cont-03p {
  width:auto;
  background: url(../images/mrContBg02_pl.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  margin-bottom: 8em;
}
.more-cont-04p {
  width:auto;
  background: url(../images/mrContBg03_pl.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  margin-bottom: 8em;
}
.more-cont-05p {
  width:auto;
  background: url(../images/mrContBg_pl.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  margin-bottom: 8em;
}
}

/* single */
.message-container {
  position: relative;
  z-index: 2;
  color: #fff;
}

.message-container .btn.btn_common02 {
  width: 100%;
  background-color: rgba(251, 251, 251, 0.5);
}
.message-container .btn.btn_common02:hover {
  background-color: rgba(21, 15, 121, 0.35);
}

.message-container .mcInn {
  position: relative;
  padding: 3em;
  background-color: rgba(255,255,255,0.25);
}

.message-container .mcDeco {
  width: 120px;
  height: 120px;
  position: absolute;
  top:-1em;
  right: -1em;
  background:url(../images_common/deco-bar.png) no-repeat;
  background-size: 100%;
}

.message-container .mcInn p {
  text-align: center;
}
@media (max-width: 543px) {
.message-container {
  position: relative;
  max-width: 386px;
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
  z-index: 2;
  font-size: .8em;
  color: #fff;
  padding: 4em 2em;
  left:0;
}
.message-container .mcInn {
  padding: 1em;
}
.message-container .mcDeco {
  display: none;
}
}
@media (min-width: 544px) {
.message-container {
  position: relative;
  left: 0;
  width: auto;
  height: auto;
  margin: 0 auto;
  z-index: 2;
  font-size: .8em;
  color: #fff;
  padding: 4em 2em;
  top: 50%;
}
.message-container .mcDeco {
  display:block;
}
}
@media (min-width: 768px) {
.message-container {
  max-width: 432px;
  top: inherit;
  -webkit-transform: inherit;
  transform: inherit;
  position: relative;
  left: 16%;
  margin: 0;
  z-index: 2;
  color: #fff;
  font-size: 1em;
}
}
@media (min-width: 1200px) {
.message-container {
  max-width: 480px;
  position: relative;
  left: 10%;
}
}


/* triple */
.message-container-wrap {
  max-width: 100%;
  margin: 0 auto;
  display: table;
}

.message-container.triple {
  display: table-cell;
  vertical-align: middle;
}

.message-container.triple a {
  display: block;
}

.message-container.triple a .imgbox {
  position: relative;
  overflow: hidden;
  margin-bottom: .8em;
}

.message-container.triple a .imgbox img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.message-container.triple a:hover .imgbox img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.message-container.triple .mcInn2 a .exp {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1em;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}

.message-container.triple .mcInn2 a:hover .exp {
  opacity: 1;
}

.message-container.triple a:hover .btn.btn_common02 {
   background-color: rgba(21, 15, 121, 0.35); 
   background-position: 18% center;
}

.message-container.triple h3 {
  text-align: center;
  font-size: 1em;
  letter-spacing: 6px;
}

.message-container.triple h3 span {
  font-size: 0.8em;
}

.message-container.triple .mcInn2 {
  position: relative;
  margin: .8em;
  padding: 1em;
}

@media (max-width: 543px) {
.message-container-wrap {
  display: block;
}
.message-container.triple {
  position: relative;
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0 auto;
  z-index: 2;
  font-size: .8em;
  color: #fff;
  padding: 0;
  left: 0;
}
.message-container.triple .mcInn2 {
  margin: 0;
  padding: 0;
}
.message-container.triple h3 {
  width: 100%;
  position: absolute;
  top: 20%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
  text-align: center;
  font-size: 1em;
  letter-spacing: 6px;
}
.message-container.triple a .imgbox {
  margin-bottom: 0;
}
.message-container.triple .mcInn2 a .exp {
  display:none;
}

/* btn */
.message-container.triple .btn.btn_common02 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  padding: .5em;
  height: 3em;
}
.message-container.triple .btn.btn_common02:hover {

}
}
@media (min-width: 544px) {
.message-container-wrap {
  max-width: 100%;
  margin: 0 auto;
  display: table;
}
.message-container.triple {
  padding: 2em .5em;
  left: auto;
  max-width: 90%;
  display: block;
  vertical-align: middle;
}
.message-container.triple a .imgbox {
  position: relative;
  overflow: hidden;
  margin-bottom: .8em;
}
.message-container.triple .mcInn2 {
  position: relative;
  margin: .8em;
  padding: 0;
}
.message-container.triple h3 {
  text-align: center;
  font-size: 1em;
  letter-spacing: 6px;
}
.message-container.triple .mcInn2 a .exp {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 1em;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}

.message-container.triple .mcInn2 a .exp p {
  font-size: 14px;
  font-size:1.4rem;
}

.message-container.triple .mcInn2 a:hover .exp {
  opacity: 1;
}

/* btn */
.message-container.triple .mcInn2 a:hover .exp {
  opacity: 1;
}

.message-container.triple a:hover .btn.btn_common02 {
   background-color: rgba(21, 15, 121, 0.35); 
   background-position: 18% center;
}
}
@media (min-width: 768px) {
.message-container.triple {
  padding: 2em 1em;
}
.message-container.triple {
  padding: 2em 0;
  left: auto;
  width: 33%;
  display: table-cell;
  vertical-align: middle;
}
.message-container.triple .mcInn2 a .exp p {
  font-size: 12px;
  font-size:1.2rem;
}
}
@media (min-width: 992px) {
.message-container.triple {
  padding: 2em 1.5em;
}
.message-container.triple .mcInn2 a .exp p {
  font-size: 14px;
  font-size:1.4rem;
}
}
@media (min-width: 1200px) {
.message-container.triple {
  padding: 2em 3em;
}
.message-container.triple .mcInn2 a .exp p {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 0;
  display: block;
  text-align: left;
  width: 80%;
}	
}

.l_section.cont-01 {
  margin-bottom: 10em;
}

/* 丸型 */
.message-container-wrap {
  max-width: 100%;
  margin: 0 auto;
  display: table;
}

.message-container.type02 {
  display: table-cell;
  vertical-align: middle;
  left:0;
}

.message-container.type02 a {
  display: block;
}

.message-container.type02 a .imgbox {
  position: relative;
  overflow: hidden;
  margin-bottom: .8em;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  margin: 0 auto;
}

.message-container.type02 a .imgbox .inn {
  height: 280px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.message-container.type02 a:hover .imgbox .inn {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.message-container.type02 .mcInn2 a .exp {
  padding: 1em;
  z-index: 2;
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
}

.message-container.type02 a:hover .btn.btn_common02 {
   background-color: rgba(21, 15, 121, 0.35); 
   background-position: 18% center;
}

.message-container.type02 h3 {
  text-align: center;
  font-size: 1em;
  letter-spacing: 6px;
}

.message-container.type02 h3 span {
  font-size: 0.8em;
}

.message-container.type02 .mcInn2 {
  position: relative;
  margin: .8em;
}

@media (max-width: 543px) {
.message-container-wrap {
  display: block;
}
.message-container.type02 {
  position: relative;
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 2% auto;
  z-index: 2;
  font-size: .8em;
  padding: 1em;
  left: 0;
}
.message-container.type02 .mcInn2 {
  margin: 0;
  padding: 0;
}
.message-container.type02 h3 {
  width: 100%;
  position: absolute;
  top: 20%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
  text-align: center;
  font-size: 1em;
  letter-spacing: 6px;
}
.message-container.type02 a .imgbox {
  margin-bottom: 0;
}
.message-container.type02 .mcInn2 a .exp {
  display:none;
}

/* btn */
.message-container.type02 .btn.btn_common02 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  padding: .5em;
  height: 3em;
}
.message-container.type02 .btn.btn_common02:hover {
  background: none;
  background-color: rgba(21, 15, 121, 0.35); 
}
}
@media (min-width: 544px) {
.message-container-wrap {
  max-width: 100%;
  margin: 0 auto;
}

.message-container.type02 {
  display: block;
  vertical-align: middle;
  left:0;
  width: 100%;
  margin: 0;
}

.message-container.type02 a {
  display: block;
}

.message-container.type02 a .imgbox {
  position: relative;
  overflow: hidden;
  margin-bottom: .8em;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  margin: 0 auto;
}

.message-container.type02 a .imgbox .inn {
  height: 400px;
  -webkit-transform: none;
  transform: none;
}

.message-container.type02 a:hover .imgbox .inn {
  -webkit-transform: none;
  transform: none;
}

.message-container.type02 .mcInn2 a .exp {
  padding: 1em;
  z-index: 2;
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
  font-size: 1em;
}

.message-container.type02 h3 {
  text-align: center;
  font-size: 1em;
  letter-spacing: 6px;
}

.message-container.type02 h3 span {
  font-size: .8em;
}

.message-container.type02 .mcInn2 {
  position: relative;
  margin: .8em;
}

/* btn */
.message-container.type02 .mcInn2 a:hover .exp {
  opacity: 1;
}

.message-container.type02 a:hover .btn.btn_common02 {
  background: none;
  background-color: rgba(21, 15, 121, 0.35); 
}
}
@media (min-width: 768px) {
/* 丸型 */
.message-container-wrap {
  max-width: 1600px;
  margin: 0 auto;
  display: table;
}

.message-container.type02 {
  display: table-cell;
  vertical-align: middle;
  left:0;
  width: 33%;
}
.message-container.type02 a .imgbox {
  width: 176px;
  height: 176px;
}
.message-container.type02 a .imgbox .inn {
  height: 176px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.message-container.type02 a:hover .imgbox .inn {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.message-container.type02 .mcInn2 a .exp {
  padding: 1em;
  z-index: 2;
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
}
.message-container.type02 h3 {
  text-align: center;
  letter-spacing: 6px;
}

.message-container.type02 h3 span {
  font-size: 0.8em;
}

.message-container.type02 .mcInn2 {
  position: relative;
  margin: .8em;
}

.message-container.type02 {
  padding: 2em 1.5em;
}
}
@media (min-width: 992px) {
.message-container.type02 a .imgbox {
  width: 240px;
  height: 240px;
}
.message-container.type02 a .imgbox .inn {
  height: 240px;
}
.message-container.type02 a .btn.btn_common02 {
  background: url(../images_common/icon-arrow-white.png) no-repeat;
  background-size: 16px;
  background-position: 16% center;
  background-color: rgba(251, 251, 251, 0.5);

}
.message-container.type02 a:hover .btn.btn_common02 {
  background: url(../images_common/icon-arrow-white.png) no-repeat;
  background-size: 16px;
  background-position: 18% center;
  background-color: rgba(21, 15, 121, 0.35); 
}
}
@media (min-width: 1200px) {
.message-container.type02 a .imgbox {
  width: 280px;
  height: 280px;
}
.message-container.type02 a .imgbox .inn {
  height: 280px;
}
.message-container.type02 {
  padding: 2em 3%;
  width: 536px;
}
}

.l_section.cont-01 {
  margin-bottom: 10em;
}
/*　ここまで　*/

/* interviewコンテンツ
===========================================*/
/* --- ノーマルタイプ：1つ --- */

/* 1つの場合  */
/*.l_section.cont-01.t_1 {
  margin-bottom: 0;
}*/
.l_section.cont-01 .iv-sec.t_1 {
  width: 100%;
  background: url(../images_common/bg-like_cloth.gif);
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4em .8em;  
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img {
  max-width: 720px;
  position: relative;
  border: 12px solid #fff;
  overflow: hidden;
  min-height: 256px;
  height: 368px;
  margin: 0 auto;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .img-place {
  height: 100%;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .img-place {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* ---------- > hover */
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img:hover .img-place	{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*Mask*/
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, .4);
  transition: .3s;
  color: #fff;
}
/* ---------- > Mask hover */
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img:hover .onMask {
  opacity: 1;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask .onMask-inn {
  padding: 2em;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask p{
  font-size: 2.4rem;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask .text {
  font-size: 1.8rem;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask .link-text {
  width: 112px;
  margin: 1em auto;
  transition: .3s;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask .link-text:hover {
  color: #39F;
}

@media (max-width: 543px) {
.l_section.cont-01.t_1 {
  margin-bottom: 5em;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 {
  padding: 2em .8em 0;  
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img {
  min-height: 256px;
  height: 0;
  overflow: hidden;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .img-place {
  height: 100%;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img:hover .img-place	{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
/*Mask*/
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask {
  display: none;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .onMask-inn {
  padding: 1em 2em;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .onMask-inn .link-text {
  width: 112px;
  display: block;
  margin: 1em auto;
  color: #39F;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask p{
  font-size: 2.4rem;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask .text {
  font-size: 1.8rem;
}
}
@media (min-width: 544px) {
.l_section.cont-01.t_1 {
  margin-bottom: 10em;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4em .8em;  
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img {
  max-width: 720px;
  position: relative;
  border: 12px solid #fff;
  overflow: hidden;
  min-height: 256px;
  height: 368px;
  margin: 0 auto;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .img-place {
  height: 100%;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .img-place {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* ---------- > hover */
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img:hover .img-place	{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*Mask*/
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, .4);
  transition: .3s;
  color: #fff;
}
/* ---------- > Mask hover */
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img:hover .onMask {
  opacity: 1;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask .onMask-inn {
  padding: 2em;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask p{
  font-size: 2.4rem;
}
.l_section.cont-01 .iv-sec.t_1 .iv-box01 .lay-img .onMask .text {
  font-size: 1.8rem;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1200px) {
}

/* --- タイプ　1 --- */

.l_section.cont-01 {
  margin-bottom: 10em;
}
.l_section.cont-01 .interview-container {
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  display: table;
  padding: .8em;
}
.l_section.cont-01 .interview-container .iv-box {
  display: table-cell;
  width: 50%;
}
.l_section.cont-01 .interview-container .iv-box .inn {
  width: 80%;
  margin: 0 auto;
  padding: .8em;
  box-shadow: 10px 10px 20px rgba(0,0,0,0.15);
  transition: box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* ---------- > hover */
.l_section.cont-01 .interview-container .iv-box .inn:hover a ,
.l_section.cont-01 .interview-container .iv-box .inn:hover {
  -ms-transform: translate(3px, 3px);
      transform: translate(3px, 3px);
  box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
  color: #282828;
}
.l_section.cont-01 .interview-container .iv-box .inn .btn.btn_common {
  margin: 1em auto 0;
}
.l_section.cont-01 .interview-container .iv-box .inn:hover .btn.btn_common {
  background-position: 18% center;
  background-color: #f0f8ff;
}

.l_section.cont-01 .interview-container .iv-box .inn .lay-img {
  width: 100%;
  overflow: hidden;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-img img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container .iv-box .inn:hover .lay-img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text {
  padding: 1em;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text h3 {
  color: #8F0F08;
  font-size: 2.4rem;
}

@media (max-width: 543px) {
.l_section.cont-01 {
  margin-bottom: 4em;
}
.l_section.cont-01 .interview-container .iv-box {
  display: block;
  width: 100%;
}
.l_section.cont-01 .interview-container .iv-box .inn {
  width: 96%;
  box-shadow: none;
  transition: inherit;
}
.l_section.cont-01 .interview-container .iv-box .inn:hover a ,
.l_section.cont-01 .interview-container .iv-box .inn:hover {
  transform: inherit;
  -ms-transform: inherit;
      transform: inherit;
  box-shadow: none;
  color: #282828;
}
.l_section.cont-01 .interview-container .iv-box .inn .btn.btn_common {
  margin: 0 auto;
}
.l_section.cont-01 .interview-container .iv-box .inn:hover .btn.btn_common {
  background-position: 16% center;
  background-color: #f0f8ff;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text {
  padding: 0;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text .lay-text-inn {
  padding: 1em;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text h3 {
  color: #8F0F08;
  font-size: 1.8rem;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text p {
  font-size: 1.4rem;
  margin: 0;
}
}
@media (min-width: 544px) {
.l_section.cont-01 {
  margin-bottom: 5em;
  background-size: 130%;
}
.l_section.cont-01 .interview-container .iv-box {
  display: table-cell;
  width: 50%;
}
.l_section.cont-01 .interview-container .iv-box .inn {
  width: 96%;
}
.l_section.cont-01 .interview-container .iv-box .inn .btn.btn_common {
  margin: 1em auto 0;
}
.l_section.cont-01 .interview-container .iv-box .inn:hover .btn.btn_common {
  background-position: 18% center;
  background-color: #f0f8ff;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text {
  padding: 1em;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text .lay-text-inn {
  padding: 0;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text h3 {
  font-size: 2.0rem;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text p {
  font-size: 1.6rem;
  margin: 0;
}
}
@media (min-width: 768px) {
.l_section.cont-01 {
  margin-bottom: 7em;
  background-size: 130%;
}
.l_section.cont-01 .interview-container .iv-box .inn {
  width: 88%;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text h3 {
  font-size: 2.4rem;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text p {
  font-size: 1.6rem;
  margin: 0;
}
}
@media (min-width: 1200px) {
.l_section.cont-01 {
  margin-bottom: 10em;
}
.l_section.cont-01 .interview-container .iv-box .inn {
  width: 80%;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text h3 {
  font-size: 2.8rem;
}
.l_section.cont-01 .interview-container .iv-box .inn .lay-text p {
  font-size: 1.6rem;
  margin: 0;
}
}



/* --- タイプ　2　 --- */
.l_section.cont-01 .interview-container-d {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}
.l_section.cont-01 .interview-container-d .iv-box {
  display: table-cell;
  width: 50%;
}
.l_section.cont-01 .interview-container-d .iv-box .inn {
  transition: .3s;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d .iv-box .inn:hover a ,
.l_section.cont-01 .interview-container-d .iv-box .inn:hover {
  color: #282828;
  opacity: .8;
}
.l_section.cont-01 .interview-container-d .iv-box .inn .btn.btn_common {
  margin: 1em auto 0;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d .iv-box .inn:hover .btn.btn_common {
  background-position: 18% center;
  background-color: #f0f8ff;
}
.l_section.cont-01 .interview-container-d .iv-box .inn .lay-img {
  width: 100%;
  overflow: hidden;
}
.l_section.cont-01 .interview-container-d .iv-box .inn .lay-img img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d .iv-box .inn:hover .lay-img img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.l_section.cont-01 .interview-container-d .iv-box .inn .lay-text {
  padding: 1em;
}
.l_section.cont-01 .interview-container-d .iv-box .inn .lay-text .lay-text-inn {
  text-align: left;
}
.l_section.cont-01 .interview-container-d .iv-box .inn .lay-text h3 {
  color: #8F0F08;
  font-size: 2.4rem;
}

@media (max-width: 543px) {
.l_section.cont-01 .interview-container-d .iv-box {
  display: block;
  width: 100%;
}
.l_section.cont-01 .interview-container-d h3 {
  font-size:1.8rem !important;
}
.l_section.cont-01 .interview-container-d p {
  font-size:1.4rem;
}
}
@media (min-width: 544px) {
.l_section.cont-01 .interview-container-d .iv-box {
  display: table-cell;
  width: 50%;
}
.l_section.cont-01 .interview-container-d h3 {
  font-size:2.0rem !important;
}
.l_section.cont-01 .interview-container-d p {
  font-size:1.6rem;
}
}
@media (min-width: 768px) {

.l_section.cont-01 .interview-container-d h3 {
  font-size:2.4rem !important;
}
}
@media (min-width: 1200px) {
}


/* --- タイプ 3 --- */
.l_section.cont-01 .interview-container-d3-inn {
  display: table;
  width: 100%;
  position: relative;
}

.l_section.cont-01 .interview-container-d3 .iv-box {
  display: table-cell;
  position: relative;
  overflow:hidden;
}
.l_section.cont-01 .interview-container-d3 .iv-box .lay-img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d3 .iv-box:hover .lay-img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* mask */
.l_section.cont-01 .interview-container-d3 .iv-box .mask {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
  opacity:0 ;
  height:0 ;
  transition: all 0.3s ease-in-out;
  z-index: 5;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d3 .iv-box:hover .mask {
  opacity:1;
  height: 100%;
}
.l_section.cont-01 .interview-container-d3 .iv-box .lay-text {
  color: #fff;
  padding: .8em;
}
.l_section.cont-01 .interview-container-d3 .iv-box .lay-text .btn.btn_common {
  border: 1px solid #fff;
  color: #fff;
  background: url(../images_common/icon-arrow-white.png) no-repeat;
  background-size: 16px;
  background-position: 18% center;
  background-color: rgba(255, 255, 255, 0.4);
  width: 40%;
  margin: 8% auto;
  opacity: 0;
  transition: .2s linear .3s;
}
.l_section.cont-01 .interview-container-d3 .iv-box:hover .lay-text .btn.btn_common {
  opacity: 1;
}

/* センターラベル */
.l_section.cont-01 .interview-container-d3 .label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 320px;
  height: 320px;
  background: url(../images_common/icon-arrow-glay9c.png) 50% 72% no-repeat;
  background-size: 24px;
  transition: .3s;
  background-color: #fff;
  border-radius: 50%;
}
.l_section.cont-01 .interview-container-d3 .label span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 40%;
  margin: auto;
  text-align: center;
  transition: .3s;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d3 .label:hover {
  background: url(../images_common/icon-arrow-navy.png) 52% 72% no-repeat;
  background-size: 24px;
  background-color: #fff;
}
.l_section.cont-01 .interview-container-d3 .label:hover span {
  color: #8F0F08;
}

@media (max-width: 543px) {
.l_section.cont-01 .interview-container-d3 .label {
  display: none;
}
.l_section.cont-01 .interview-container-d3 .iv-box.n_4 {
  display: block;
  width: 94%;
  margin: 0 auto;
}
.l_section.cont-01 .interview-container-d3 .iv-box .mask {
  position: relative;
  overflow: hidden;
  bottom: auto;
  background: none;
  opacity: 1;
  height: auto;
  transition: all 0.3s ease-in-out;
}
.l_section.cont-01 .interview-container-d3 .iv-box .mask .lay-text {
  color: #282828;
}
.l_section.cont-01 .interview-container-d3 .iv-box {
  display: table-cell;
  position: relative;
}
.l_section.cont-01 .interview-container-d3 .iv-box .lay-img {
  overflow:hidden;
}
.l_section.cont-01 .interview-container-d3 .iv-box .lay-img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d3 .iv-box:hover .lay-img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.l_section.cont-01 .interview-container-d3 h3 {
  font-size:1.8rem;
}
.l_section.cont-01 .interview-container-d3 p {
  font-size:1.4rem;
}
.l_section.cont-01 .interview-container-d3 .iv-box .lay-text .btn.btn_common {
  border: 1px solid #8F0F08;
  color: #8F0F08;
  background: url(../images_common/icon-arrow-navy.png) no-repeat;
  background-size: 16px;
  background-position: 16% center;
  width: 100%;
  margin: 8% auto;
  opacity: 1;
}
}
@media (max-width: 767px) {
.l_section.cont-01 .interview-container-d3 .label {
  display: none;
}
.l_section.cont-01 .interview-container-d3 .iv-box.n_4 {
  display: block;
  width: 94%;
  margin: 0 auto;
}
.l_section.cont-01 .interview-container-d3 .iv-box .mask {
  position: relative;
  overflow: hidden;
  bottom: auto;
  background: none;
  opacity: 1;
  height: auto;
  transition: all 0.3s ease-in-out;
}

.l_section.cont-01 .interview-container-d3 .iv-box .lay-img {
  overflow:hidden;
}
.l_section.cont-01 .interview-container-d3 .iv-box .lay-img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d3 .iv-box:hover .lay-img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.l_section.cont-01 .interview-container-d3 .iv-box .mask .lay-text {
  color: #282828;
}
.l_section.cont-01 .interview-container-d3 h3 {
  font-size:2.0rem;
}
.l_section.cont-01 .interview-container-d3 p {
  font-size:1.6rem;
}
.l_section.cont-01 .interview-container-d3 .iv-box .lay-text .btn.btn_common {
  border: 1px solid #8F0F08;
  color: #8F0F08;
  background: url(../images_common/icon-arrow-navy.png) no-repeat;
  background-size: 16px;
  background-position: 16% center;
  width: 100%;
  margin: 8% auto;
  opacity: 1;
}
}
@media (min-width: 768px) {
/* mask */
.l_section.cont-01 .interview-container-d3 .iv-box .mask {
  position: absolute;
  overflow: hidden;
  width: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
  opacity:0 ;
  height:0 ;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d3 .iv-box:hover .mask {
  opacity:1;
  height: 100%;
  width: 100%;
}
.l_section.cont-01 .interview-container-d3 .iv-box .lay-text {
  color: #fff;
  padding: 8%;
  height: 80%;
  overflow: hidden;
  text-align: left;
}
.l_section.cont-01 .interview-container-d3 .iv-box .lay-text .btn.btn_common {
  border: 1px solid #fff;
  color: #fff;
  background: url(../images_common/icon-arrow-white.png) no-repeat;
  background-size: 16px;
  background-position: 18% center;
  background-color: rgba(255, 255, 255, 0.4);
  width: 100%;
  margin: 8% auto;
  opacity: 0;
  transition: .2s ease-in-out .3s;
  position: absolute;
  bottom: 0;
  margin: 0;
  left: 0;
}
.l_section.cont-01 .interview-container-d3 .iv-box:hover .lay-text .btn.btn_common {
  opacity: 1;
}

/* センターラベル */
.l_section.cont-01 .interview-container-d3 .label {
  display: block;
}
.l_section.cont-01 .interview-container-d3 .label {
  width: 160px;
  height: 160px;
  background: url(../images_common/icon-arrow-glay9c.png) 50% 80% no-repeat;
  background-size: 16px;
  background-color: #fff;
}
.l_section.cont-01 .interview-container-d3 .label span {
  height: 48%;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d3 .label:hover {
  background: url(../images_common/icon-arrow-navy.png) 52% 80% no-repeat;
  background-size: 16px;
  background-color: #fff;
}
.l_section.cont-01 .interview-container-d3 .label:hover span {
  color: #8F0F08;
}


/* フォント調整 */
.l_section.cont-01 .interview-container-d3 h3 {
  font-size:1.6rem;
}
.l_section.cont-01 .interview-container-d3 p {
  font-size:1.4rem;
}
.l_section.cont-01 .interview-container-d3 .label span {
  font-size: 1.8rem;
}
}
@media (min-width: 992px) {
/* ---------- > hover */
.l_section.cont-01 .interview-container-d3 .iv-box .lay-text {
  color: #fff;
  padding: 1em;
}

/* ---------- > mask hover */
.l_section.cont-01 .interview-container-d3 .iv-box:hover .mask {
  opacity:1;
  height: 60%;
}
/* センターラベル */
.l_section.cont-01 .interview-container-d3 .label {
  width: 240px;
  height: 240px;
  background: url(../images_common/icon-arrow-glay9c.png) 50% 76% no-repeat;
  background-size: 22px;
  background-color: #fff;
}
.l_section.cont-01 .interview-container-d3 .label span {
  height: 48%;
}
.l_section.cont-01 .interview-container-d3 .label:hover {
  background: url(../images_common/icon-arrow-navy.png) 52% 76% no-repeat;
  background-size: 22px;
  background-color: #fff;
}
/* フォント調整 */
.l_section.cont-01 .interview-container-d3 h3 {
  font-size:2.0rem;
}
.l_section.cont-01 .interview-container-d3 p {
  font-size:1.6rem;
}
.l_section.cont-01 .interview-container-d3 .label span {
  font-size: 2.0rem;
}
}
@media (min-width: 1200px) {
/* ---------- > mask hover */
.l_section.cont-01 .interview-container-d3 .iv-box:hover .mask {
  opacity:1;
  height: 55%;
}
/* センターラベル */
.l_section.cont-01 .interview-container-d3 .label {
  width: 320px;
  height: 320px;
  background: url(../images_common/icon-arrow-glay9c.png) 50% 72% no-repeat;
  background-size: 24px;
  background-color: #fff;
}
.l_section.cont-01 .interview-container-d3 .label:hover {
  background: url(../images_common/icon-arrow-navy.png) 52% 72% no-repeat;
  background-size: 24px;
  background-color: #fff;
}
/* フォント調整 */
.l_section.cont-01 .interview-container-d3 h3 {
  font-size:2.4rem;
}
.l_section.cont-01 .interview-container-d3 p {
  font-size:1.6rem;
}
.l_section.cont-01 .interview-container-d3 .label span {
  font-size: 2.4rem;
}
}

/* --- タイプ 4 --- */
.l_section.cont-01 .interview-container-d4 {
  text-align: center;
  position: relative;
}
.l_section.cont-01 .interview-container-d4-inn {
  display: inline-block;
  width: 42%;
  position: relative;
  overflow: hidden;
}

.l_section.cont-01 .interview-container-d4 .iv-box {
  position: relative;
  overflow:hidden;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  margin: 0 auto;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-img {
  position: relative;
  height: 460px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-img img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d4 .iv-box:hover .lay-img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* mask */
.l_section.cont-01 .interview-container-d4 .iv-box .mask {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, .6);
  opacity:0 ;
  transition: all 0.3s ease-in-out;
  z-index: 5;
  height: 100%;
  width: 100%;
  padding: 4em;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d4 .iv-box:hover .mask {
  opacity:1;
  overflow: hidden;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-text {
  color: #fff;
  padding: .8em;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 340px;
  height: 340px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-text .btn.btn_common {
  border: 1px solid #fff;
  width: 172px;
  color: #fff;
  background:none;
  background-color: rgba(255, 255, 255, 0.4);
  margin: 4% auto;
  opacity: 0;
  padding: 1%;
  transition: .2s linear .3s;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}
.l_section.cont-01 .interview-container-d4 .iv-box:hover .lay-text .btn.btn_common {
  opacity: 1;
}

@media (max-width: 767px) {
.l_section.cont-01 .interview-container-d4-inn {
  display: block;
  width: 94%;
  margin: 3em auto;
}

.l_section.cont-01 .interview-container-d4 .iv-box {
  width: 460px;
  height: 460px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .mask {
  background: none;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-img {
   height: 460px;
}
/* ---------- > hover */
.l_section.cont-01 .interview-container-d4 .iv-box:hover .lay-img {
  -webkit-transform: none;
  transform: none;
}
.l_section.cont-01 .interview-container-d4 h3 {
  font-size:2.0rem;
}
.l_section.cont-01 .interview-container-d4 p {
  font-size:1.6rem;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-text {
  width: 240px;
  height: 160px;
}
}
@media (max-width: 543px) {
.l_section.cont-01 .interview-container-d4 .iv-box {
  width: 280px;
  height: 280px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-img {
  height: 280px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .mask {
  padding: 1em;
}
.l_section.cont-01 .interview-container-d4 h3 {
  font-size:1.6rem;
}
.l_section.cont-01 .interview-container-d4 p {
  font-size:1.2rem;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-text {
  height: 136px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-text .btn.btn_common {
  width: 128px;
}
}
@media (min-width: 768px) {
.l_section.cont-01 .interview-container-d4-inn {
  width: 48%;
}
.l_section.cont-01 .interview-container-d4 .iv-box {
  width: 360px;
  height: 360px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-img {
  height: 360px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .mask {
  padding: 3em;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-text .btn.btn_common {
  border: 1px solid #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0;
  transition: .2s ease-in-out .3s;
}
.l_section.cont-01 .interview-container-d4 .iv-box:hover .lay-text .btn.btn_common {
  opacity: 1;
}

/* フォント調整 */
.l_section.cont-01 .interview-container-d4 h3 {
  font-size:1.6rem;
}
.l_section.cont-01 .interview-container-d4 p {
  font-size:1.4rem;
}
.l_section.cont-01 .interview-container-d4 .label span {
  font-size: 1.8rem;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-text {
  width: 240px;
  height: 160px;
}
}
@media (min-width: 992px) {
.l_section.cont-01 .interview-container-d4-inn {
  width: 42%;
}
.l_section.cont-01 .interview-container-d4 .iv-box {
  width: 400px;
  height: 400px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-img {
  height: 400px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-text .btn.btn_common {
  margin: 4% auto;
}
/* フォント調整 */
.l_section.cont-01 .interview-container-d4 h3 {
  font-size:2.0rem;
}
.l_section.cont-01 .interview-container-d4 p {
  font-size:1.6rem;
}
.l_section.cont-01 .interview-container-d4 .label span {
  font-size: 2.0rem;
}
}
@media (min-width: 1200px) {
.l_section.cont-01 .interview-container-d4 .iv-box {
  width: 420px;
  height: 420px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-img {
  height: 420px;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-text .btn.btn_common {
  margin: 8% auto;
}
/* フォント調整 */
.l_section.cont-01 .interview-container-d4 h3 {
  font-size:2.4rem;
}
.l_section.cont-01 .interview-container-d4 p {
  font-size:1.6rem;
}
.l_section.cont-01 .interview-container-d4 .label span {
  font-size: 2.4rem;
}
.l_section.cont-01 .interview-container-d4 .iv-box .lay-text {
  width: 320px;
  height: 160px;
}
}



/* --- cont-02／メッセージ --- */

.l_section.cont-02 {
/*  background: url(../images/bg-headline.png) -216px 24px repeat;
  background-size: 120% 56%;*/
}
@media (min-width: 544px) {
.l_section.cont-02 {
/*  background: url(../images/bg-headline.png) -112px 24px repeat;
  background-size: 130% 40%;
  height: auto;*/
}
}
@media (min-width: 992px) {
.l_section.cont-02 {
/*  background: url(../images/bg-headline.png) -160px 24px repeat;
  background-size: 125% 48%;*/
}
}
@media (min-width: 1200px) {
.l_section.cont-02 {
/*  background: url(../images/bg-headline.png) -216px 24px repeat;
  background-size: 130% 54%;*/
}
}

/* con01 */
.con01 {
  padding: 1.5em 0 0;
  width: 100%;
  height: 480px;
}
.con01 .lay-img {
  width: 50%;
  height: 100%;
  float: right;
}
.con01 .lay-img .inn {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.con01 .img-place {
  width: auto;
  height: 100%;
}
.con01 .lay-text {
  width: 50%;
  height: 100%;
  float: left;

/*left to right
  background: -moz-linear-gradient(left, rgba(215,215,215,0.4) 0%, rgba(215,215,215,0.4) 80%, rgba(215,215,215,0) 100%);
  background: -webkit-linear-gradient(left, rgba(215,215,215,0.4) 0%,rgba(215,215,215,0.4) 80%,rgba(215,215,215,0) 100%);
  background: linear-gradient(to right, rgba(215,215,215,0.4) 0%,rgba(215,215,215,0.4) 80%,rgba(215,215,215,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d7d7d7', endColorstr='#00d7d7d7',GradientType=1 );
*/
  background: -moz-linear-gradient(left, rgba(215,215,215,0) 0%, rgba(215,215,215,0.4) 40%, rgba(215,215,215,0.4) 100%);
  background: -webkit-linear-gradient(left, rgba(215,215,215,0) 0%,rgba(215,215,215,0.4) 40%,rgba(215,215,215,0.4) 100%);
  background: linear-gradient(to right, rgba(215,215,215,0) 0%,rgba(215,215,215,0.4) 40%,rgba(215,215,215,0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d7d7d7', endColorstr='#66d7d7d7',GradientType=1 );
}
.con01 .lay-text .lay-text-inn {
/*  margin: 10px 10px 10px 0; */
/*left to right
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.83) 80%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.83) 80%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.83) 80%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
*/
  height: 100%;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.con01 .lay-text .inn {
  padding: 2em 1.5em 0;
  height: 100%;
}
.con01 .lay-text .inn h3 {
  font-size: 2.6rem;
  color: #8F0F08;
}
.con01 .lay-text .inn .text {
  color: #9c9c9c;
}

@media (max-width: 543px) {
.con01 {
  padding: 1.5em 0 0;
  width: 100%;
}
.con01 .lay-img {
  width: 100%;
  height: 320px;
  float: none;
}
.con01 .lay-img .inn {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.con01 .img-place {
  width: auto;
  height: 100%;
  background-position: center !important;
}
.con01 .lay-text {
  width: 100%;
  height: auto;
  float: left;
}
.con01 .lay-text .inn {
  padding: 2em 1.5em 0;
}
.con01 .lay-text .inn h3 {
  font-size: 1.8rem;
}
.con01 .lay-text .inn .text {
  font-size: 1.4rem;
}
}
@media (min-width: 544px) {
.con01 {
  padding: 1.5em 0 0;
  width: 100%;
  height: 320px;
}
.con01 .lay-img {
  width: 100%;
  float: none;
}
.con01 .lay-img .inn {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.con01 .img-place {
  width: auto;
  height: 100%;
  background-position: center !important;
}
.con01 .lay-text {
  width: 100%;
  height: auto;
  float: left;
}
.con01 .lay-text .inn {
  padding: 2em 1.5em 0;
  height: 100%;
}
.con01 .lay-text .inn h3 {
  font-size: 1.8rem;
}
.con01 .lay-text .inn .text {
  font-size: 1.4rem;
}
}
@media (min-width: 768px) {
.con01 {
  padding: 1.5em 0 0;
  width: 100%;
  height: 480px;
}
.con01 .lay-img {
  width: 50%;
  height: 100%;
  float: right;
}
.con01 .lay-img .inn {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.con01 .img-place {
  width: auto;
  height: 100%;
}
.con01 .lay-text {
  width: 50%;
  height: 100%;
  float: left;

/*left to right
  background: -moz-linear-gradient(left, rgba(215,215,215,0.4) 0%, rgba(215,215,215,0.4) 80%, rgba(215,215,215,0) 100%);
  background: -webkit-linear-gradient(left, rgba(215,215,215,0.4) 0%,rgba(215,215,215,0.4) 80%,rgba(215,215,215,0) 100%);
  background: linear-gradient(to right, rgba(215,215,215,0.4) 0%,rgba(215,215,215,0.4) 80%,rgba(215,215,215,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d7d7d7', endColorstr='#00d7d7d7',GradientType=1 );
*/
  background: -moz-linear-gradient(left, rgba(215,215,215,0) 0%, rgba(215,215,215,0.4) 40%, rgba(215,215,215,0.4) 100%);
  background: -webkit-linear-gradient(left, rgba(215,215,215,0) 0%,rgba(215,215,215,0.4) 40%,rgba(215,215,215,0.4) 100%);
  background: linear-gradient(to right, rgba(215,215,215,0) 0%,rgba(215,215,215,0.4) 40%,rgba(215,215,215,0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d7d7d7', endColorstr='#66d7d7d7',GradientType=1 );
}
.con01 .lay-text .lay-text-inn {
/*  margin: 10px 10px 10px 0; */
/*left to right
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.83) 80%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.83) 80%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.83) 80%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
*/
  height: 100%;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.con01 .lay-text .inn {
  padding: 2em 1.5em 0;
  height: 100%;
}
.con01 .lay-text .inn h3 {
  font-size: 2rem;
  color: #8F0F08;
}
.con01 .lay-text .inn .text {
  color: #9c9c9c;
}
}
@media (min-width: 992px) {
.con01 .lay-text .inn h3 {
  font-size: 2.6rem;
}
}
@media (min-width: 1200px) {
}

/* con02 */
.con02 {
  padding: 0 0 3em;
  width: 100%;
  height: 480px;
}
.con02 .lay-img {
  width: 50%;
  height: 100%;
  float: left;
}
.con02 .lay-img .inn {
  position: relative;
  height: 100%;
}
.con02 .img-place {
  width: auto;
  height: 100%;
}
.con02 .lay-text {
  width: 50%;
  height: 100%;
  float: left;
  background: -moz-linear-gradient(left, rgba(215,215,215,0.4) 0%, rgba(215,215,215,0.4) 60%, rgba(215,215,215,0) 100%);
  background: -webkit-linear-gradient(left, rgba(215,215,215,0.4) 0%,rgba(215,215,215,0.4) 60%,rgba(215,215,215,0) 100%);
  background: linear-gradient(to right, rgba(215,215,215,0.4) 0%,rgba(215,215,215,0.4) 60%,rgba(215,215,215,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d7d7d7', endColorstr='#00d7d7d7',GradientType=1 );
}	
.con02 .lay-text .lay-text-inn {
/*  margin: 10px 0 10px 10px;*/
  height: 100%;
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.con02 .lay-text .inn {
  padding: 2em 1.5em 0;
  height: 100%;
}
.con02 .lay-text .inn h3 {
  font-size: 2.6rem;
  color: #8F0F08;
}
.con02 .lay-text .inn .text {
  color: #9c9c9c;
}

@media (max-width: 543px) {
.con02 {
  padding: 1.5em 0 0;
  width: 100%;
}
.con02 .lay-img {
  width: 100%;
  height: 320px;
  float: none;
}
.con02 .lay-img .inn {
  position: relative;
  height: 100%;
}
.con02 .img-place {
  width: auto;
  height: 100%;
  background-position: center !important;
}
.con02 .lay-text {
  width: 100%;
  height: auto;
  float: left;
  clear:both;
}
.con02 .lay-text .inn {
  padding: 2em 1.5em 0;
}
.con02 .lay-text .inn h3 {
  font-size: 1.8rem;
}
.con02 .lay-text .inn .text {
  font-size: 1.4rem;
}
}
@media (min-width: 544px) {
.con02 {
  padding: 1.5em 0 0;
  width: 100%;
  height: 320px;
}
.con02 .lay-img {
  width: 100%;
  float: none;
}
.con02 .lay-img .inn {
  position: relative;
  height: 100%;
}
.con02 .img-place {
  width: auto;
  height: 100%;
  background-position: center !important;
}
.con02 .lay-text {
  width: 100%;
  height: auto;
  float: left;
}
.con02 .lay-text .inn {
  padding: 2em 1.5em 0;
  height: 100%;
}
.con02 .lay-text .inn h3 {
  font-size: 1.8rem;
}
.con02 .lay-text .inn .text {
  font-size: 1.4rem;
}
}
@media (min-width: 768px) {
.con02 {
  padding: 0 0 3em;
  width: 100%;
  height: 480px;
}
.con02 .lay-img {
  width: 50%;
  height: 100%;
  float: left;
}
.con02 .lay-img .inn {
  position: relative;
  height: 100%;
}
.con02 .img-place {
  width: auto;
  height: 100%;
}
.con02 .lay-text {
  width: 50%;
  height: 100%;
  float: left;
  background: -moz-linear-gradient(left, rgba(215,215,215,0.4) 0%, rgba(215,215,215,0.4) 60%, rgba(215,215,215,0) 100%);
  background: -webkit-linear-gradient(left, rgba(215,215,215,0.4) 0%,rgba(215,215,215,0.4) 60%,rgba(215,215,215,0) 100%);
  background: linear-gradient(to right, rgba(215,215,215,0.4) 0%,rgba(215,215,215,0.4) 60%,rgba(215,215,215,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d7d7d7', endColorstr='#00d7d7d7',GradientType=1 );
}	
.con02 .lay-text .lay-text-inn {
/*  margin: 10px 0 10px 10px;*/
  height: 100%;
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.con02 .lay-text .inn {
  padding: 2em 1.5em 0;
  height: 100%;
}
.con02 .lay-text .inn h3 {
  font-size: 2rem;
  color: #8F0F08;
}
.con02 .lay-text .inn .text {
  color: #9c9c9c;
}
}
@media (min-width: 992px) {
.con02 .lay-text .inn h3 {
  font-size: 2.6rem;
}
}
@media (min-width: 1200px) {
}

/* --- kyujin_btn_area --- */
.kyujinList_btn_area {
  position: relative;
}

.kyujinList_btn_area_inn {
  width: auto;
  height: 256px;
  background: url(../images/bgFooterDeco.jpg) 0 0 repeat;
  background-position: center;
}

@media (max-width: 543px) {
.kyujinList_btn_area_inn {
  width: auto;
  height: 120px;
  background: url(../images/bgFooterDeco.jpg) 0 0 repeat;
  background-position: center;
  background-size: cover;
}
}


.kyujinList_btn_area .lay-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: 50px;
}

.kyujinList_btn_area .lay-btn .btn.btn_common {
  background-color: rgba(251, 251, 251, 0.4);
  width: 24%;
}

.kyujinList_btn_area .lay-btn .btn.btn_common:hover {
  background-color: rgba(149, 184, 214, 0.5);
}

@media (max-width: 543px) {
.kyujinList_btn_area .lay-btn .btn.btn_common {
  width: 72%;
}
}
@media (min-width: 544px) {
.kyujinList_btn_area .lay-btn .btn.btn_common {
  width: 64%;
}
}
@media (min-width: 768px) {
.kyujinList_btn_area .lay-btn .btn.btn_common {
  width: 48%;
}
}
@media (min-width: 992px) {
.kyujinList_btn_area .lay-btn .btn.btn_common {
  width: 32%;
}
}
@media (min-width: 1200px) {
.kyujinList_btn_area .lay-btn .btn.btn_common {
  width: 24%;
}
}

/*******************************************
*
* 			      customize
*
********************************************/

/* --- sub-visual --- */
.sub-visual-box {
  background-size: cover !important;
}
.sub-visual-box .inner {
  width: 100%;
  position: relative;
  height: 432px;
}
.bg_carpet {
  position: relative;
  top: 25%;
  width: 50%;
  height: 50%;
}

.l_main.top.interview .content__heading--xl.interview,
.l_main.top.work .content__heading--xl.work {
  position: absolute;
  top: 10%;
  right: 25%;
  z-index: 5;
}

.sub-visual-box .text {
  position: absolute;
  width: 100%;
  background:rgba(255,255,255,.7);
  padding: 4em 4em 0;
}
.sub-visual-box .text p {
  width: 64%;
  float: right;
  padding-top: .5em;
}
.deco-headerbox {
  position: absolute;
  right: -1.5em;
  top: -1.5em;
  z-index: 5;
}

/* sub-visual interview detail */
.sub-visual-box.interview_d {
  position: relative;
  background: #fffaf6 /*url(../images/bg-headline.png)*/ -88px 0 no-repeat;
  background-size: 124% 100% !important;
}
.sub-visual-box.interview_d .img-box {
  position: absolute;
  top: 0;
  right: 8%;
  width: 480px;
  height: 100%;
}
.sub-visual-box.interview_d .inner {
}

/* sub-visual kyujin detail */
.l_main.kjd .bg_carpet{
  position: relative;
  top: 0;
  width: 100%;
  left: 0;
}
.l_main.kjd .content__heading--xl.kjd {
  background: rgba(255,255,255,.7);
  padding: 1em;
}

@media (max-width: 543px) {
.sub-visual-box {
  background-size: cover !important;
  background-position: 0 0 !important;
  height: auto;
  padding-top: 28%;
}
.sub-visual-box.kjd {
  background-size: cover !important;
}
.sub-visual-box .inner {
  width: 100%;
  position: relative;
  height: auto;
}
.bg_carpet {
  position: relative;
  width: 90%;
  padding-top: 16%;
  margin: 0 auto 1em;
}
.l_main.kjd .bg_carpet{
  height: auto;
  padding-top: 32%;
}
.l_main.kjl .content__heading--xl.kjl,
.l_main.top.interview .content__heading--xl.interview,
.l_main.top.work .content__heading--xl.work {
  position: relative;
  text-align: center;
  z-index: 5;
  top: 1em;
  left: 0;
	
}
.sub-visual-box .text {
  position: static;
  width: 96%;
  background: rgba(245, 245, 245, 0.8);
  padding: 1.8em 1em .5em;
  margin: -2.5em auto .5em;
}
.sub-visual-box .text p {
  width: 94%;
  float: none;
  padding-top: 1.5em;
  font-size: 1.2rem;
  margin: 0 auto;
}
.deco-headerbox {
  display: none;
}

/* sub-visual interview detail */
.sub-visual-box.interview_d .img-box {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 0;
  padding: 32%;
  background-size: cover !important;
}
.sub-visual-box.interview_d {
  padding: 0;
  margin: 0;
  background: none !important;
}
.sub-visual-box.interview_d .bg_carpet {
  position: absolute;
  width: 100%;
  padding-top: 0;
  margin: 0;
}
.sub-visual-box.interview_d .text {
  position: absolute;
  width: 100%;
  background: rgba(245, 245, 245, 0.8);
  padding: 0;
  margin: 0;
  bottom: 0;
}
.sub-visual-box.interview_d .text h1 {
  position: static;
  text-align: center;
  font-size: 1.6rem;
  z-index: 5;
  padding: .5em;
  margin-bottom: 0;
}
/*.content.interview_d .ttl-wrapper::after {
  content: '';
  width: 128px;
  background: #fffaf6;
  height: 280px;
  display: block;
  position: absolute;
  top: -16px;
  z-index: -1;
  right: 0;
}*/
}
@media (min-width: 544px) {
/* 20190902　修正前
.sub-visual-box {
  background-size: cover !important;
}
.sub-visual-box .inner {
  width: 100%;
  position: relative;
  height: 432px;
}
*/
.sub-visual-box {
  background-size: cover !important;
  background-position: left top !important;
}
.sub-visual-box .inner {
  width: 100%;
  position: relative;
  height: auto;
  padding-top: 28%;
}
.bg_carpet{
  position: relative;
  top: 25%;
  width: 60%;
  height: 50%;
}
.l_main.kjl .content__heading--xl.kjl,
.l_main.top.interview .content__heading--xl.interview,
.l_main.top.work .content__heading--xl.work  {
  position: absolute;
  top: 10%;
  right: 0;
  left: 0;
  z-index: 5;
}
.sub-visual-box .text {
  padding: 4em 2em 0;
}
.sub-visual-box .text p {
  width: 88%;
  float: none;
  padding-top: .5em;
  font-size: 1.4rem;
  margin: 0 auto 1em;
}
.deco-headerbox {
  position: absolute;
  right: -1em;
  top: -1em;
  z-index: 5;
  max-width: 32%;
}
/* sub-visual interview detail */
.sub-visual-box.interview_d .img-box {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 0;
  padding: 32%;
  background-size: cover !important;
}
.sub-visual-box.interview_d {
  padding: 0;
  margin: 0;
  background: none !important;
}
.sub-visual-box.interview_d .inner {
  height: 0;
}
.sub-visual-box.interview_d .bg_carpet {
  position: absolute;
  width: 100%;
  padding-top: 0;
  margin: 0;
}
.sub-visual-box.interview_d .bg_carpet .deco-headerbox {
  display: none;
}
.sub-visual-box.interview_d .text {
  position: absolute;
  width: 100%;
  background: rgba(245, 245, 245, 0.8);
  padding: 0;
  margin: 0;
  bottom: 0;
}
.sub-visual-box.interview_d .text h1 {
  position: static;
  text-align: center;
  font-size: 1.6rem;
  z-index: 5;
  padding: 1.5em;
  margin-bottom: 0;
}

/* sub-visual kyujin detail */
.l_main.kjd .bg_carpet{
  position: relative;
  top: 34.5%;
  width: 50%;
  left: 0;
}
.l_main.kjd .content__heading--xl.kjd {
  background: rgba(255,255,255,.7);
  padding: 2em;
}
}
@media (min-width: 768px) {
.bg_carpet{
  position: relative;
  top: 25%;
  width: 60%;
  height: 50%;
}
.deco-headerbox {
  right: -1.25em;
  top: -1.25em;
  max-width: 24%;
}

/* sub-visual interview detail */
.sub-visual-box.interview_d {
  position: relative;
  background: #fffaf6 /*url(../images/bg-headline.png)*/ -88px 0 no-repeat !important;
  background-size: 124% 100% !important;
}
.sub-visual-box.interview_d .img-box {
  position: absolute;
  top: 0;
  right: 8%;
  width: 480px;
  height: 100%;
  background-size: contain !important;
  padding: 0;
}
.sub-visual-box.interview_d .bg_carpet {
  position: relative;
  width: 50%;
  padding-top: 0;
  margin: 0;
  top: 32%;
}
.sub-visual-box.interview_d .bg_carpet .deco-headerbox {
  display: block;
  position: absolute;
  right: -1.5em;
  top: -1.5em;
  z-index: 5;
  max-width: 24%;
}
.sub-visual-box.interview_d .inner {
  width: 100%;
  position: relative;
  height: 432px;
  border-bottom: 1px solid #e1e1e1;
}
.sub-visual-box.interview_d .text {
  position: absolute;
  width: 100%;
  background: rgba(245, 245, 245, 0.8);
  padding: 1em 4em;
  margin: auto;
  bottom: auto;
}
.sub-visual-box.interview_d .text h1 {
  padding: 1em;
}
}
@media (min-width: 992px) {
.bg_carpet {
  position: relative;
  top: 25%;
  width: 50%;
}
.l_main.kjl .content__heading--xl.kjl,
.l_main.top.interview .content__heading--xl.interview,
.l_main.top.work .content__heading--xl.work {
  position: absolute;
  top: 10%;
  right: 0;
  left: 16%;
  z-index: 5;
}
.sub-visual-box .text {
  padding: 4em 4em 0;
}

.sub-visual-box .text p {
  width: 80%;
  float: right;
  font-size: 14px;
  font-size: 1.4rem;
}

/* sub-visual interview detail */
.sub-visual-box.interview_d .text {
  padding: 1.5em 5em 1em;
}
}
@media (min-width: 1200px) {
.l_main.kjl .content__heading--xl.kjl,
.l_main.top.interview .content__heading--xl.interview,
.l_main.top.work .content__heading--xl.work {
  right: 0;
  left: 24%;
}
.sub-visual-box .text p {
  width: 72%;
}
}

/* 求人一覧ページ
===========================================*/

/* ボタン回り */
.btn_area.kjl {
  background: #f7f7f7 !important;
}

/* サムネイル */
/*.thumbnail_wrapper.kjl {
  border: 1px solid #e1e1e1;
}*/
.thumbnail_wrapper.kjl:before {
  content: "";
  display: block;
  padding-top: 69%;
}

/* 求人詳細ページ
===========================================*/

/* ボタン回り */
.btn_area.kjd {
  background: #f7f7f7 !important;
}


/* corporate.htm
===========================================*/
.content__box_body__float_block.corporate {
  margin-bottom: 4em;
}
.content__box_body__float_block.corporate .content__heading--md {
  color: #8F0F08;
}

@media (max-width: 543px) {
}
@media (min-width: 544px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/*-- font --*/

/* ゴシック */
.gc {
/*  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", YuGothic, '游ゴシック',"Lucida Grande", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-family: "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* 明朝 */
.mc {
/*  font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
  font-family: "游明朝","Yu Mincho",YuMincho, Georgia,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/*-- display --*/
.pcview {
  display: block;
}
.spview {
  display: none;
}

@media (max-width: 543px) {
.pcview {
  display: none;
}
.spview {
  display: block;
}
}
@media (min-width: 544px) {
.pcview {
  display: block;
}
.spview {
  display: none;
}
}

/* --- tabview --- */
.pcview_for_tab {
  display: block;
}
.tabview {
  display: none;
}
@media (max-width: 767px) {
.pcview_for_tab {
  display: none;
}
.tabview {
  display: block;
}
}