@charset "UTF-8";
/* 1280px〜：大型PC*/
/* 960px〜1279px：小型PC */
/* 720px〜959px：タブレット */
/* 600px〜749px：タブレット */
/* 480px〜599px：SP横 */
/* 〜479px：SP縦 */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?coml5y");
  src: url("../fonts/icomoon.eot?coml5y#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?coml5y") format("truetype"), url("../fonts/icomoon.woff?coml5y") format("woff"), url("../fonts/icomoon.svg?coml5y#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  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; }

.icon-x:before {
  content: "\e900"; }

.icon-line:before {
  content: "\e901"; }

.icon-email:before {
  content: "\e902"; }

.icon-window:after {
  content: "\e903";
  margin-left: 10px; }

.icon-BLOG:before {
  content: "\e904"; }

.icon-facebook:before {
  content: "\ea90"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-youtube:before {
  content: "\ea9d"; }

.icon-pinterest:before {
  content: "\ead1"; }

.icon-file-pdf:before {
  content: "\eadf"; }

.icon-file-word:before {
  content: "\eae1"; }

.icon-file-excel:before {
  content: "\eae2"; }

body {
  -webkit-print-color-adjust: exact;
  -webkit-text-size-adjust: 100%; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

p, h1, h2, h3, h4, h5, h6, ul, li, span, div, img, dl, dt, dd {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  list-style-type: none; }

ul li {
  list-style: none; }

strong {
  font-weight: 500; }

.ct {
  text-align: center; }

.lt {
  text-align: left !important; }

.rt {
  text-align: right !important; }

.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ""; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden; }

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

a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  transition: all 0.5s ease; }

.fr {
  float: right; }

.fl {
  float: left; }

.indent {
  text-indent: 1em; }

img {
  max-width: 100%; }

img {
  border: 0px;
  vertical-align: bottom;
  box-sizing: content-box; }

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0; }

#SiteLogo h2 a:link {
  color: #616161;
  text-decoration: none; }

#SiteLogo h2 a:visited {
  color: #616161;
  text-decoration: none; }

/*訪問済みのリンクの色*/
#SiteLogo h2 a:hover {
  color: #616161;
  text-decoration: none; }

/*カーソルが乗っているリンクの色*/
#SiteLogo h2 a:active {
  color: #616161;
  text-decoration: none; }

/*クリック中のリンクの色*/
.red {
  color: #b81c22 !important; }

.white {
  color: #fff !important; }

/*========= LoadingのためのCSS ===============*/
/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #fff;
  text-align: center;
  color: #fff; }

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width: 260px; }

/* fadeUpをするアイコンの動き */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/*全共通*/
.bgextend {
  animation-name: bgextendAnimeBase;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  position: relative;
  overflow: hidden;
  /*　はみ出た色要素を隠す　*/
  opacity: 0; }

@keyframes bgextendAnimeBase {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*中の要素*/
.bgappear {
  animation-name: bgextendAnimeSecond;
  animation-duration: 1s;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes bgextendAnimeSecond {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*左から右*/
.bgLRextend::before {
  animation-name: bgLRextendAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1f1f1f;
  /*伸びる背景色の設定*/ }

@keyframes bgLRextendAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0); }
  50% {
    transform-origin: left;
    transform: scaleX(1); }
  50.001% {
    transform-origin: right; }
  100% {
    transform-origin: right;
    transform: scaleX(0); } }
/*印象編　4-9、4-10　背景色が伸びて出現（左から・右から）　*/
.bgextend {
  animation-name: bgextendAnimeBase;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  position: relative;
  overflow: hidden;
  /*　はみ出た色要素を隠す　*/
  opacity: 0; }

@keyframes bgextendAnimeBase {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*中の要素*/
.bgappear {
  animation-name: bgextendAnimeSecond;
  animation-duration: 1s;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes bgextendAnimeSecond {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*印象編　4-9 背景色が伸びて出現（左から）*/
.bgLRextend::before {
  animation-name: bgLRextendAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #111;
  /*伸びる背景色の設定*/ }

@keyframes bgLRextendAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0); }
  50% {
    transform-origin: left;
    transform: scaleX(1); }
  50.001% {
    transform-origin: right; }
  100% {
    transform-origin: right;
    transform: scaleX(0); } }
/*印象編　4-9 背景色が伸びて出現（右から）*/
.bgRLextend::before {
  animation-name: bgRLextendAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #111;
  /*伸びる背景色の設定*/ }

@keyframes bgRLextendAnime {
  0% {
    transform-origin: right;
    transform: scaleX(0); }
  50% {
    transform-origin: right;
    transform: scaleX(1); }
  50.001% {
    transform-origin: left; }
  100% {
    transform-origin: left;
    transform: scaleX(0); } }
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,
.bgUDextendTrigger,
.bgDUextendTrigger,
.bgRLextendTrigger,
.bgLRextendTrigger {
  opacity: 0; }

.blur {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards; }

@keyframes blurAnime {
  from {
    filter: blur(20px);
    transform: scale(1.02);
    opacity: 0; }
  to {
    filter: blur(0);
    transform: scale(1);
    opacity: 1; } }
.blurTrigger {
  opacity: 0; }

.Shippori {
  font-family: 'Shippori Mincho', serif; }

/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .cursor,
  .follower {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none; }

  .cursor {
    width: 8px;
    height: 8px;
    background-color: #000;
    /*z-index: 1001;*/
    z-index: 3000; }

  .follower {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: rgba(112, 112, 112, 0.5);
    z-index: 1000;
    transition: transform ease .1s;
    text-align: center; }
    .follower span {
      display: inline-block;
      font-size: 14px;
      font-weight: bold;
      transform: scale(0); }
    .follower.is-active {
      transform: scale(3); }

  body {
    position: relative;
    cursor: none; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .cursor,
  .follower {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none; }

  .cursor {
    width: 8px;
    height: 8px;
    background-color: #000;
    /*z-index: 1001;*/
    z-index: 3000; }

  .follower {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: rgba(112, 112, 112, 0.5);
    z-index: 1000;
    transition: transform ease .1s;
    text-align: center; }
    .follower span {
      display: inline-block;
      font-size: 14px;
      font-weight: bold;
      transform: scale(0); }
    .follower.is-active {
      transform: scale(3); }

  body {
    position: relative;
    cursor: none; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  .cursor,
  .follower {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none; }

  .cursor {
    width: 8px;
    height: 8px;
    background-color: #000;
    z-index: 3000; }

  .follower {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: rgba(112, 112, 112, 0.5);
    z-index: 1000;
    transition: transform ease .1s;
    text-align: center; }
    .follower span {
      display: inline-block;
      font-size: 14px;
      font-weight: bold;
      transform: scale(0); }
    .follower.is-active {
      transform: scale(3); }

  body {
    position: relative;
    cursor: none; } }
/* 600px〜749px：タブレット */
/* 480px〜599px：SP横 */
/* 〜479px：SP縦 */
.fade {
  transition: all 2000ms;
  opacity: 0;
  visibility: hidden;
  transform: translate(0px, 50px); }

.fadein {
  opacity: 1;
  visibility: visible;
  transform: translate(0px, 0px); }

ul.ListStyle_02 li {
  position: relative;
  line-height: 2;
  margin: 0px 0px 0.7em;
  padding-left: 25px;
  font-size: 1rem;
  color: #1f1f1f;
  font-family: 'Noto Sans JP', sans-serif; }
  ul.ListStyle_02 li:last-child {
    margin-bottom: 0; }
  ul.ListStyle_02 li:before {
    display: block;
    content: '';
    position: absolute;
    top: 15px;
    left: 5px;
    width: 5px;
    height: 5px;
    background: #1f1f1f;
    border-radius: 100%; }

ol.NumberList_01 li {
  position: relative;
  line-height: 2;
  margin: 0px 0px 0.6em;
  padding-left: 25px;
  font-size: 1rem;
  color: #1f1f1f;
  font-family: 'Noto Sans JP', sans-serif;
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt; }
  ol.NumberList_01 li:last-child {
    margin-bottom: 0; }
  ol.NumberList_01 li:before {
    display: marker;
    content: "(" counter(cnt) ") "; }

.error {
  font-size: 1rem;
  font-weight: bold;
  color: #B70000;
  display: block; }

dd.is_error input[type="text"].c_formParts, dd.is_error input[type="email"].c_formParts {
  border: 2px solid #B70000;
  background-color: rgba(206, 53, 53, 0.05) !important; }
dd.is_error textarea {
  border: 2px solid #B70000;
  background-color: rgba(206, 53, 53, 0.05) !important; }
dd.is_error .Select01 {
  border: 2px solid #B70000;
  background-color: rgba(206, 53, 53, 0.05) !important; }

.scrollgress {
  z-index: 99;
  /*他のposition指定しているエリアより前に出すためz-indexの数字を大きく*/
  bottom: 0 !important;
  /* fixedで設置しているheaderの高さよりも下にバーを出す*/ }

/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .pc {
    display: none; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .pc {
    display: none !important; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  .pc {
    display: none !important; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  .sp {
    display: none !important; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .sp {
    display: none !important; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .sp {
    display: none !important; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  header#Header {
    position: relative; }
    header#Header #SiteLogo {
      position: absolute;
      top: 15px;
      left: 15px;
      z-index: 100; }
      header#Header #SiteLogo h1 {
        margin-bottom: 10px; }
        header#Header #SiteLogo h1 a {
          text-decoration: none; }
          header#Header #SiteLogo h1 a img {
            width: 12vw;
            height: auto; }
            header#Header #SiteLogo h1 a img.header_sp {
              display: none; }
      header#Header #SiteLogo h2.Corp_JP {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 0.85vw; }
  header.is-animation #Visual_bg {
    filter: grayscale(100%);
    transition: .7s; }

  .intro__img_txt {
    top: 150px;
    left: 200px;
    bottom: auto;
    font-size: 7.5rem; }

  .wrap {
    position: relative;
    height: 95vh; }
    .wrap .L_main_imgScroll {
      position: absolute;
      color: #1f1f1f;
      bottom: 100px;
      left: -65px;
      width: 220px;
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      text-align: right;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards; }
      .wrap .L_main_imgScroll .L_imgScroll_txt {
        font-size: 0.95rem;
        text-transform: uppercase;
        color: #1f1f1f;
        font-family: 'Shippori Mincho', serif; }
      .wrap .L_main_imgScroll .L_imgScroll_area_Bar {
        position: absolute;
        top: 11px;
        right: 70px;
        width: 150px;
        height: 1px;
        overflow: hidden;
        background: rgba(51, 51, 51, 0.1); }
        .wrap .L_main_imgScroll .L_imgScroll_area_Bar .L_imgScroll_Bar {
          position: absolute;
          top: 0;
          right: 0;
          width: 150px;
          height: 1px;
          background-color: #1f1f1f;
          -webkit-animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite;
          animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite; }
    .wrap #Copyright {
      position: absolute;
      letter-spacing: .1em;
      line-height: 1;
      font-size: 1.2rem;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      white-space: nowrap;
      color: #fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 0.75rem;
      right: 25px;
      top: 60%;
      z-index: 1; }

  #MainVisual {
    height: 100vh;
    position: relative; }
    #MainVisual #Visual_bg {
      width: 86%;
      height: 94.3%;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/main_visual.jpg") no-repeat center/cover;
      background-attachment: fixed;
      /*background-size: cover;*/ }
      #MainVisual #Visual_bg .textBlock {
        width: 100%;
        position: absolute; }
      #MainVisual #Visual_bg .textBlack {
        display: none; }
      #MainVisual #Visual_bg .textWhite {
        bottom: 24.7%;
        left: -6.7%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhite .text {
          color: #fff; }
      #MainVisual #Visual_bg .textWhiteJP {
        bottom: 13%;
        left: -6.6%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhiteJP .text {
          color: #fff; }
    #MainVisual .textBlack {
      position: absolute;
      width: auto;
      bottom: 29%;
      left: 8.2%; }
    #MainVisual .textBlackJP {
      position: absolute;
      width: auto;
      bottom: 18%;
      left: 8.2%; }

  .text {
    font-size: 6rem;
    text-align: left;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textWhite .text {
    color: #fff;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textBlack .text {
    color: #1f1f1f; }

  .textJP {
    font-size: 3rem;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textWhiteJP .textJP {
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textBlackJP .textJP {
    color: #1f1f1f; }

  .textInner {
    width: 100%;
    overflow: hidden; }

  .textBlack {
    display: block; }

  .textBlackJP {
    display: block; }

  .reb {
    color: #b81c22 !important;
    font-family: 'Shippori Mincho', serif; }

  .is-show {
    transform: translateY(0); } }
.isWhiteu {
  color: #fff !important; }

@-webkit-keyframes kf-scroll-bar {
  0% {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0; }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0; }
  50.1% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
  100% {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; } }
@keyframes kf-scroll-bar {
  0% {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0; }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0; }
  50.1% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
  100% {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; } }
/*========= 中ページ ローディング画面のためのCSS ===============*/
#splash_02 {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #1f1f1f;
  z-index: 9999999;
  text-align: center;
  color: #fff; }

#splashLogo_02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Shippori Mincho', serif; }

/*========= 画面遷移のためのCSS ===============*/
/*画面遷移アニメーション*/
.splashbg_02 {
  display: none; }

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg_02 {
  display: block;
  content: "";
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transform: scaleX(0);
  background-color: #1f1f1f;
  /*伸びる背景色の設定*/
  animation-name: PageAnime;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards; }

@keyframes PageAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0); }
  50% {
    transform-origin: left;
    transform: scaleX(1); }
  50.001% {
    transform-origin: right; }
  100% {
    transform-origin: right;
    transform: scaleX(0); } }
/*画面遷移の後現れるコンテンツ設定*/
#PageContainer {
  opacity: 0;
  /*はじめは透過0に*/ }

/*bodyにappearクラスがついたら出現*/
body.appear #PageContainer {
  animation-name: PageAnimeAppear;
  animation-duration: 1s;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes PageAnimeAppear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  header#Header {
    position: relative; }
    header#Header #SiteLogo {
      position: absolute;
      top: 15px;
      left: 15px;
      z-index: 100; }
      header#Header #SiteLogo h1 {
        margin-bottom: 10px; }
        header#Header #SiteLogo h1 a {
          text-decoration: none; }
          header#Header #SiteLogo h1 a img {
            width: 14vw;
            height: auto; }
            header#Header #SiteLogo h1 a img.header_sp {
              display: none; }
      header#Header #SiteLogo h2.Corp_JP {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1vw; }

  .intro__img_txt {
    top: 150px;
    left: 200px;
    bottom: auto;
    font-size: 7.5rem; }

  .wrap {
    position: relative;
    height: 75vh; }
    .wrap .L_main_imgScroll {
      position: absolute;
      color: #1f1f1f;
      bottom: 105px;
      left: -85px;
      width: 220px;
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      text-align: right;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards; }
      .wrap .L_main_imgScroll .L_imgScroll_txt {
        font-size: 0.85rem;
        text-transform: uppercase;
        color: #1f1f1f;
        font-family: 'Shippori Mincho', serif; }
      .wrap .L_main_imgScroll .L_imgScroll_area_Bar {
        position: absolute;
        top: 11px;
        right: 70px;
        width: 150px;
        height: 1px;
        overflow: hidden;
        background: rgba(51, 51, 51, 0.1); }
        .wrap .L_main_imgScroll .L_imgScroll_area_Bar .L_imgScroll_Bar {
          position: absolute;
          top: 0;
          right: 0;
          width: 150px;
          height: 1px;
          background-color: #1f1f1f;
          -webkit-animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite;
          animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite; }
    .wrap #Copyright {
      position: absolute;
      letter-spacing: .1em;
      line-height: 1;
      font-size: 1.2rem;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      white-space: nowrap;
      color: #fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 0.75rem;
      right: 25px;
      top: 60%;
      z-index: 1; }

  #MainVisual {
    height: 100vh;
    position: relative; }
    #MainVisual #Visual_bg {
      width: 82%;
      height: 74.3%;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/main_visual.jpg") no-repeat center/cover;
      background-attachment: fixed;
      /*background-size: cover;*/ }
      #MainVisual #Visual_bg .textBlock {
        width: 100%;
        position: absolute; }
      #MainVisual #Visual_bg .textBlack {
        display: none; }
      #MainVisual #Visual_bg .textWhite {
        bottom: 24.7%;
        left: -13.66%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhite .text {
          color: #fff; }
      #MainVisual #Visual_bg .textWhiteJP {
        bottom: 13%;
        left: -12.6%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhiteJP .text {
          color: #fff; }
    #MainVisual .textBlack {
      position: absolute;
      width: auto;
      bottom: 44%;
      left: 6.8%; }
    #MainVisual .textBlackJP {
      position: absolute;
      width: auto;
      bottom: 35.2%;
      left: 7.5%; }

  .text {
    font-size: 4.2rem;
    text-align: left;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textWhite .text {
    color: #fff;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textBlack .text {
    color: #1f1f1f; }

  .textJP {
    font-size: 2rem;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textWhiteJP .textJP {
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textBlackJP .textJP {
    color: #1f1f1f; }

  .textInner {
    width: 100%;
    overflow: hidden; }

  .textBlack {
    display: block; }

  .textBlackJP {
    display: block; }

  .reb {
    color: #b81c22 !important;
    font-family: 'Shippori Mincho', serif; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  header#Header {
    position: relative; }
    header#Header #SiteLogo {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 10; }
      header#Header #SiteLogo h1 a {
        text-decoration: none; }
        header#Header #SiteLogo h1 a img {
          width: 150px;
          height: auto; }
          header#Header #SiteLogo h1 a img.header_pc {
            display: none; }
      header#Header #SiteLogo h2.Corp_JP {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 0.68rem;
        margin: 10px 0 10px; }
        header#Header #SiteLogo h2.Corp_JP a {
          color: #fff; }

  .intro__img_txt {
    top: 150px;
    left: 200px;
    bottom: auto;
    font-size: 7.5rem; }

  .wrap {
    position: relative;
    height: 600px; }
    .wrap .L_main_imgScroll {
      position: absolute;
      color: #fff;
      bottom: 110px;
      left: -95px;
      width: 220px;
      z-index: 11;
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      text-align: right;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards; }
      .wrap .L_main_imgScroll .L_imgScroll_txt {
        font-size: 0.85rem;
        text-transform: uppercase;
        color: #fff;
        font-family: 'Shippori Mincho', serif; }
      .wrap .L_main_imgScroll .L_imgScroll_area_Bar {
        position: absolute;
        top: 11px;
        right: 70px;
        width: 150px;
        height: 1px;
        z-index: 11;
        overflow: hidden;
        background: rgba(51, 51, 51, 0.1); }
        .wrap .L_main_imgScroll .L_imgScroll_area_Bar .L_imgScroll_Bar {
          position: absolute;
          top: 0;
          right: 0;
          width: 150px;
          height: 1px;
          z-index: 11;
          background-color: #fff;
          -webkit-animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite;
          animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite; }
    .wrap #Copyright {
      position: absolute;
      letter-spacing: .1em;
      line-height: 1;
      font-size: 1.2rem;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      white-space: nowrap;
      color: #fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 0.65rem;
      right: 15px;
      bottom: 30%;
      z-index: 1; }

  #MainVisual {
    height: 600px;
    position: relative; }
    #MainVisual #Visual_bg {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/main_visual.jpg") no-repeat center/cover; }
      #MainVisual #Visual_bg .textBlock {
        width: 100%;
        position: absolute; }
      #MainVisual #Visual_bg .textBlack {
        display: none; }
      #MainVisual #Visual_bg .textWhite {
        bottom: 20.7%;
        left: 6.34%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhite .text {
          color: #fff; }
      #MainVisual #Visual_bg .textWhiteJP {
        bottom: 8%;
        left: 6.4%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhiteJP .text {
          color: #fff; }
    #MainVisual .textBlack {
      position: absolute;
      width: auto;
      bottom: 0%;
      left: 6.8%; }
    #MainVisual .textBlackJP {
      position: absolute;
      width: auto;
      bottom: 35.2%;
      left: 7.5%; }

  .text {
    font-size: 3.2rem;
    text-align: left;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textWhite .text {
    color: #fff;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textBlack .text {
    color: #1f1f1f; }

  .textJP {
    font-size: 2rem;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textWhiteJP .textJP {
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textBlackJP .textJP {
    color: #1f1f1f; }

  .textInner {
    width: 100%;
    overflow: hidden; }

  .textBlack {
    display: block; }

  .textBlackJP {
    display: block; }

  .reb {
    color: #b81c22 !important;
    font-family: 'Shippori Mincho', serif; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  header#Header {
    position: relative; }
    header#Header #SiteLogo {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 10; }
      header#Header #SiteLogo h1 a {
        text-decoration: none; }
        header#Header #SiteLogo h1 a img {
          width: 150px;
          height: auto; }
          header#Header #SiteLogo h1 a img.header_pc {
            display: none; }
      header#Header #SiteLogo h2.Corp_JP {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 0.68rem;
        margin: 10px 0 10px; }
        header#Header #SiteLogo h2.Corp_JP a {
          color: #fff; }

  .intro__img_txt {
    top: 150px;
    left: 200px;
    bottom: auto;
    font-size: 7.5rem; }

  .wrap {
    position: relative;
    height: 505px; }
    .wrap .L_main_imgScroll {
      position: absolute;
      color: #fff;
      bottom: 110px;
      left: -95px;
      width: 220px;
      z-index: 11;
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      text-align: right;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards; }
      .wrap .L_main_imgScroll .L_imgScroll_txt {
        font-size: 0.85rem;
        text-transform: uppercase;
        color: #fff;
        font-family: 'Shippori Mincho', serif; }
      .wrap .L_main_imgScroll .L_imgScroll_area_Bar {
        position: absolute;
        top: 11px;
        right: 70px;
        width: 150px;
        height: 1px;
        z-index: 11;
        overflow: hidden;
        background: rgba(51, 51, 51, 0.1); }
        .wrap .L_main_imgScroll .L_imgScroll_area_Bar .L_imgScroll_Bar {
          position: absolute;
          top: 0;
          right: 0;
          width: 150px;
          height: 1px;
          z-index: 11;
          background-color: #fff;
          -webkit-animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite;
          animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite; }
    .wrap #Copyright {
      position: absolute;
      letter-spacing: .1em;
      line-height: 1;
      font-size: 1.2rem;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      white-space: nowrap;
      color: #fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 0.55rem;
      right: 15px;
      bottom: 30%;
      z-index: 1; }

  #MainVisual {
    height: 505px;
    position: relative; }
    #MainVisual #Visual_bg {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/main_visual.jpg") no-repeat center/cover; }
      #MainVisual #Visual_bg .textBlock {
        width: 100%;
        position: absolute; }
      #MainVisual #Visual_bg .textBlack {
        display: none; }
      #MainVisual #Visual_bg .textWhite {
        bottom: 20.7%;
        left: 6.34%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhite .text {
          color: #fff; }
      #MainVisual #Visual_bg .textWhiteJP {
        bottom: 8%;
        left: 6.4%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhiteJP .text {
          color: #fff; }
    #MainVisual .textBlack {
      position: absolute;
      width: auto;
      bottom: 0%;
      left: 6.8%; }
    #MainVisual .textBlackJP {
      position: absolute;
      width: auto;
      bottom: 35.2%;
      left: 7.5%; }

  .text {
    font-size: 2.7rem;
    text-align: left;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textWhite .text {
    color: #fff;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textBlack .text {
    color: #1f1f1f; }

  .textJP {
    font-size: 1.7rem;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textWhiteJP .textJP {
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textBlackJP .textJP {
    color: #1f1f1f; }

  .textInner {
    width: 100%;
    overflow: hidden; }

  .textBlack {
    display: block; }

  .textBlackJP {
    display: block; }

  .reb {
    color: #b81c22 !important;
    font-family: 'Shippori Mincho', serif; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  header#Header {
    position: relative; }
    header#Header #SiteLogo {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 10; }
      header#Header #SiteLogo h1 a {
        text-decoration: none; }
        header#Header #SiteLogo h1 a img {
          width: 150px;
          height: auto; }
          header#Header #SiteLogo h1 a img.header_pc {
            display: none; }
      header#Header #SiteLogo h2.Corp_JP {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 0.68rem;
        margin: 10px 0 10px; }
        header#Header #SiteLogo h2.Corp_JP a {
          color: #fff; }

  .intro__img_txt {
    top: 150px;
    left: 200px;
    bottom: auto;
    font-size: 7.5rem; }

  .wrap {
    position: relative;
    height: 465px; }
    .wrap .L_main_imgScroll {
      position: absolute;
      color: #fff;
      bottom: 105px;
      left: -95px;
      width: 220px;
      z-index: 11;
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      text-align: right;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards; }
      .wrap .L_main_imgScroll .L_imgScroll_txt {
        font-size: 0.85rem;
        text-transform: uppercase;
        color: #fff;
        font-family: 'Shippori Mincho', serif; }
      .wrap .L_main_imgScroll .L_imgScroll_area_Bar {
        position: absolute;
        top: 11px;
        right: 70px;
        width: 150px;
        height: 1px;
        z-index: 11;
        overflow: hidden;
        background: rgba(51, 51, 51, 0.1); }
        .wrap .L_main_imgScroll .L_imgScroll_area_Bar .L_imgScroll_Bar {
          position: absolute;
          top: 0;
          right: 0;
          width: 150px;
          height: 1px;
          z-index: 11;
          background-color: #fff;
          -webkit-animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite;
          animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite; }
    .wrap #Copyright {
      position: absolute;
      letter-spacing: .1em;
      line-height: 1;
      font-size: 1.2rem;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      white-space: nowrap;
      color: #fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 0.50rem;
      right: 10px;
      bottom: 35%;
      z-index: 1; }

  #MainVisual {
    height: 465px;
    position: relative; }
    #MainVisual #Visual_bg {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/main_visual.jpg") no-repeat center/cover; }
      #MainVisual #Visual_bg .textBlock {
        width: 100%;
        position: absolute; }
      #MainVisual #Visual_bg .textBlack {
        display: none; }
      #MainVisual #Visual_bg .textWhite {
        bottom: 16.7%;
        left: 6.34%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhite .text {
          color: #fff; }
      #MainVisual #Visual_bg .textWhiteJP {
        bottom: 8%;
        left: 6.4%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhiteJP .text {
          color: #fff; }
    #MainVisual .textBlack {
      position: absolute;
      width: auto;
      bottom: 0%;
      left: 6.8%; }
    #MainVisual .textBlackJP {
      position: absolute;
      width: auto;
      bottom: 35.2%;
      left: 7.5%; }

  .text {
    font-size: 2.3rem;
    text-align: left;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textWhite .text {
    color: #fff;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textBlack .text {
    color: #1f1f1f; }

  .textJP {
    font-size: 1.3rem;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textWhiteJP .textJP {
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textBlackJP .textJP {
    color: #1f1f1f; }

  .textInner {
    width: 100%;
    overflow: hidden; }

  .textBlack {
    display: block; }

  .textBlackJP {
    display: block; }

  .reb {
    color: #b81c22 !important;
    font-family: 'Shippori Mincho', serif; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  header#Header {
    position: relative; }
    header#Header #SiteLogo {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 10; }
      header#Header #SiteLogo h1 a {
        text-decoration: none; }
        header#Header #SiteLogo h1 a img {
          width: 150px;
          height: auto; }
          header#Header #SiteLogo h1 a img.header_pc {
            display: none; }
      header#Header #SiteLogo h2.Corp_JP {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 0.68rem;
        margin: 10px 0 10px; }
        header#Header #SiteLogo h2.Corp_JP a {
          color: #fff; }

  .intro__img_txt {
    top: 150px;
    left: 200px;
    bottom: auto;
    font-size: 7.5rem; }

  .wrap {
    position: relative;
    height: 425px; }
    .wrap .L_main_imgScroll {
      position: absolute;
      color: #fff;
      bottom: 104px;
      left: -75px;
      width: 180px;
      z-index: 11;
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.4s 1 normal forwards;
      text-align: right;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards;
      animation: kf-load-scroll .6s ease-in-out 2.1s 1 normal forwards; }
      .wrap .L_main_imgScroll .L_imgScroll_txt {
        font-size: 0.55rem;
        text-transform: uppercase;
        color: #fff;
        font-family: 'Shippori Mincho', serif; }
      .wrap .L_main_imgScroll .L_imgScroll_area_Bar {
        position: absolute;
        top: 7px;
        right: 45px;
        width: 150px;
        height: 1px;
        z-index: 11;
        overflow: hidden;
        background: rgba(51, 51, 51, 0.1); }
        .wrap .L_main_imgScroll .L_imgScroll_area_Bar .L_imgScroll_Bar {
          position: absolute;
          top: 0;
          right: 0;
          width: 150px;
          height: 1px;
          z-index: 11;
          background-color: #fff;
          -webkit-animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite;
          animation: kf-scroll-bar 5s cubic-bezier(1, 0, 0, 1) infinite; }
    .wrap #Copyright {
      position: absolute;
      letter-spacing: .1em;
      line-height: 1;
      font-size: 1.2rem;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      white-space: nowrap;
      color: #fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 0.50rem;
      right: 10px;
      bottom: 30%;
      z-index: 1; }

  #MainVisual {
    height: 425px;
    position: relative; }
    #MainVisual #Visual_bg {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/main_visual.jpg") no-repeat center/cover; }
      #MainVisual #Visual_bg .textBlock {
        width: 100%;
        position: absolute; }
      #MainVisual #Visual_bg .textBlack {
        display: none; }
      #MainVisual #Visual_bg .textWhite {
        bottom: 16.7%;
        left: 6.34%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhite .text {
          color: #fff; }
      #MainVisual #Visual_bg .textWhiteJP {
        bottom: 8%;
        left: 6.4%;
        width: 100%;
        position: absolute; }
        #MainVisual #Visual_bg .textWhiteJP .text {
          color: #fff; }
    #MainVisual .textBlack {
      position: absolute;
      width: auto;
      bottom: 0%;
      left: 6.8%; }
    #MainVisual .textBlackJP {
      position: absolute;
      width: auto;
      bottom: 35.2%;
      left: 7.5%; }

  .text {
    font-size: 1.8rem;
    text-align: left;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textWhite .text {
    color: #fff;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.2; }

  .textBlack .text {
    color: #1f1f1f; }

  .textJP {
    font-size: 1.1rem;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textWhiteJP .textJP {
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2; }

  .textBlackJP .textJP {
    color: #1f1f1f; }

  .textInner {
    width: 100%;
    overflow: hidden; }

  .textBlack {
    display: block; }

  .textBlackJP {
    display: block; }

  .reb {
    color: #b81c22 !important;
    font-family: 'Shippori Mincho', serif; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #OurService {
    position: relative;
    padding: 0 0 90px;
    margin-top: 100px; }
    #OurService:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 83.06em;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
      clip-path: polygon(100% 0, 0% 100%, 100% 100%);
      opacity: 0.5; }
    #OurService .ContentsTitle {
      position: relative; }
      #OurService .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_our_service.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 201px;
        width: 740px;
        background-size: cover;
        top: -50px;
        z-index: -1; }
      #OurService .ContentsTitle span.Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 15%;
        top: 15%;
        left: 23%; }
      #OurService .ContentsTitle span.Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 11%;
        bottom: -2%;
        left: 5%; }
      #OurService .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }

  .ContentsTitle {
    position: relative;
    text-align: center; }
    .ContentsTitle span.Main_section_title_main {
      font-family: 'Shippori Mincho', serif;
      font-size: 5rem;
      position: relative; }
    .ContentsTitle span.Main_section_title_sub {
      display: block;
      margin-top: 30px; }
    .ContentsTitle span.Main_section_title_en {
      color: #f4f4f4;
      font-family: 'Babylonica', cursive;
      font-size: 12rem; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #OurService {
    position: relative;
    padding: 0 0 90px;
    margin-top: 100px; }
    #OurService:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 64.06em;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
      clip-path: polygon(100% 0, 0% 100%, 100% 100%);
      opacity: 0.5; }
    #OurService .ContentsTitle {
      position: relative; }
      #OurService .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_our_service.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 148px;
        width: 550px;
        background-size: cover;
        top: -50px;
        z-index: -1; }
      #OurService .ContentsTitle span.Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 15%;
        top: 15%;
        left: 23%; }
      #OurService .ContentsTitle span.Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 11%;
        bottom: -2%;
        left: 5%; }
      #OurService .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }

  .ContentsTitle {
    position: relative;
    text-align: center; }
    .ContentsTitle span.Main_section_title_main {
      font-family: 'Shippori Mincho', serif;
      font-size: 4rem;
      position: relative; }
    .ContentsTitle span.Main_section_title_sub {
      display: block;
      margin-top: 30px; }
    .ContentsTitle span.Main_section_title_en {
      color: #f4f4f4;
      font-family: 'Babylonica', cursive;
      font-size: 12rem; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #OurService {
    position: relative;
    padding: 0 0 20px;
    margin-top: 100px; }
    #OurService:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 45.06em;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      clip-path: polygon(100% 0, 0% 100%, 100% 100%);
      opacity: 0.5; }
    #OurService .ContentsTitle {
      position: relative;
      margin-bottom: 40px; }
      #OurService .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_our_service.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 141px;
        width: 520px;
        background-size: cover;
        top: -50px;
        z-index: -1; }
      #OurService .ContentsTitle span.Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 15%;
        top: 15%;
        left: 23%; }
      #OurService .ContentsTitle span.Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 11%;
        bottom: -2%;
        left: 5%; }
      #OurService .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }

  .ContentsTitle {
    position: relative;
    text-align: center; }
    .ContentsTitle span.Main_section_title_main {
      font-family: 'Shippori Mincho', serif;
      font-size: 3.5rem;
      position: relative; }
    .ContentsTitle span.Main_section_title_sub {
      display: block;
      margin-top: 30px; }
    .ContentsTitle span.Main_section_title_en {
      color: #f4f4f4;
      font-family: 'Babylonica', cursive;
      font-size: 12rem; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #OurService {
    position: relative;
    padding: 0 0 40px;
    margin-top: 100px; }
    #OurService:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 39.06em;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      clip-path: polygon(100% 0, 0% 100%, 100% 100%);
      opacity: 0.5; }
    #OurService .ContentsTitle {
      position: relative;
      margin-bottom: 40px; }
      #OurService .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_our_service.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 129px;
        width: 480px;
        background-size: cover;
        top: -50px;
        z-index: -1; }
      #OurService .ContentsTitle span.Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 15%;
        top: 15%;
        left: 23%; }
      #OurService .ContentsTitle span.Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 11%;
        bottom: -2%;
        left: 5%; }
      #OurService .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }

  .ContentsTitle {
    position: relative;
    text-align: center; }
    .ContentsTitle span.Main_section_title_main {
      font-family: 'Shippori Mincho', serif;
      font-size: 3.2rem;
      position: relative; }
    .ContentsTitle span.Main_section_title_sub {
      display: block;
      margin-top: 30px; }
    .ContentsTitle span.Main_section_title_en {
      color: #f4f4f4;
      font-family: 'Babylonica', cursive;
      font-size: 12rem; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #OurService {
    position: relative;
    padding: 0 0 40px;
    margin-top: 100px; }
    #OurService:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 36.06em;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      clip-path: polygon(100% 0, 0% 100%, 100% 100%);
      opacity: 0.5; }
    #OurService .ContentsTitle {
      position: relative;
      margin-bottom: 40px; }
      #OurService .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_our_service.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 103px;
        width: 380px;
        background-size: cover;
        top: -30px;
        z-index: -1; }
      #OurService .ContentsTitle span.Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 15%;
        top: 15%;
        left: 23%; }
      #OurService .ContentsTitle span.Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 11%;
        bottom: -2%;
        left: 5%; }
      #OurService .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }

  .ContentsTitle {
    position: relative;
    text-align: center; }
    .ContentsTitle span.Main_section_title_main {
      font-family: 'Shippori Mincho', serif;
      font-size: 3rem;
      position: relative; }
    .ContentsTitle span.Main_section_title_sub {
      display: block;
      margin-top: 30px; }
    .ContentsTitle span.Main_section_title_en {
      color: #f4f4f4;
      font-family: 'Babylonica', cursive;
      font-size: 12rem; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #OurService {
    position: relative;
    padding: 0 0 10px;
    margin-top: 70px; }
    #OurService:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 29.06em;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      clip-path: polygon(100% 0, 0% 100%, 100% 100%);
      opacity: 0.5; }
    #OurService .ContentsTitle {
      position: relative;
      margin-bottom: 40px; }
      #OurService .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_our_service.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 76px;
        width: 280px;
        background-size: cover;
        top: -28px;
        z-index: -1; }
      #OurService .ContentsTitle span.Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 15%;
        top: 15%;
        left: 23%; }
      #OurService .ContentsTitle span.Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 11%;
        bottom: -2%;
        left: 5%; }
      #OurService .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }

  .ContentsTitle {
    position: relative;
    text-align: center; }
    .ContentsTitle span.Main_section_title_main {
      font-family: 'Shippori Mincho', serif;
      font-size: 2.7rem;
      position: relative; }
    .ContentsTitle span.Main_section_title_sub {
      display: block;
      margin-top: 30px; }
    .ContentsTitle span.Main_section_title_en {
      color: #f4f4f4;
      font-family: 'Babylonica', cursive;
      font-size: 12rem; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  ul#ServiceMenu {
    display: flex;
    margin: 70px 0 0 0; }
    ul#ServiceMenu li {
      width: calc(100% / 3); }
      ul#ServiceMenu li .ServiceList {
        position: relative; }
        ul#ServiceMenu li .ServiceList .Thumbnail .icon img {
          position: absolute;
          width: 80px;
          height: auto;
          top: 14vw;
          right: 0;
          left: 0;
          margin: auto;
          z-index: 1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01 {
          position: relative;
          /*clip-path: polygon(0 0, 100% 0, 100% 100%, 88% 100%, 88% 81%, 0 81%, 0 26%);*/
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_01.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_02.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_03.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Text {
          padding: 0 2rem;
          margin-top: -70px; }
          ul#ServiceMenu li .ServiceList .Text h4 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2.1rem;
            position: relative;
            color: #1f1f1f;
            margin-bottom: 30px; }
            ul#ServiceMenu li .ServiceList .Text h4:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -50%;
              left: 4%; }
          ul#ServiceMenu li .ServiceList .Text p {
            color: #1f1f1f;
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            line-height: 2; }
      ul#ServiceMenu li:nth-child(2) {
        margin-top: 10vw; }
      ul#ServiceMenu li:nth-child(3) {
        margin-top: 20vw; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  ul#ServiceMenu {
    display: flex;
    margin: 70px 0 0 0; }
    ul#ServiceMenu li {
      width: calc(100% / 3); }
      ul#ServiceMenu li .ServiceList {
        position: relative; }
        ul#ServiceMenu li .ServiceList .Thumbnail .icon img {
          position: absolute;
          width: 80px;
          height: auto;
          top: 14vw;
          right: 0;
          left: 0;
          margin: auto;
          z-index: 1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01 {
          position: relative;
          /*clip-path: polygon(0 0, 100% 0, 100% 100%, 88% 100%, 88% 81%, 0 81%, 0 26%);*/
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_01.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_02.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_03.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Text {
          padding: 0 1rem;
          margin-top: -45px; }
          ul#ServiceMenu li .ServiceList .Text h4 {
            font-family: 'Shippori Mincho', serif;
            font-size: 1.5rem;
            position: relative;
            color: #1f1f1f;
            margin-bottom: 30px; }
            ul#ServiceMenu li .ServiceList .Text h4:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -50%;
              left: 4%; }
          ul#ServiceMenu li .ServiceList .Text p {
            color: #1f1f1f;
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            line-height: 2; }
      ul#ServiceMenu li:nth-child(2) {
        margin-top: 10vw; }
      ul#ServiceMenu li:nth-child(3) {
        margin-top: 20vw; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  ul#ServiceMenu {
    margin: 0 auto 70px;
    width: 71vw; }
    ul#ServiceMenu li {
      margin-bottom: 70px; }
      ul#ServiceMenu li:last-child {
        margin-bottom: 0; }
      ul#ServiceMenu li .ServiceList {
        position: relative; }
        ul#ServiceMenu li .ServiceList .Thumbnail .icon img {
          position: absolute;
          width: 70px;
          height: auto;
          top: 14vw;
          right: 0;
          left: 0;
          margin: auto;
          z-index: 1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01 {
          position: relative;
          /*clip-path: polygon(0 0, 100% 0, 100% 100%, 88% 100%, 88% 81%, 0 81%, 0 26%);*/
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_01.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_02.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_03.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Text {
          padding: 0 1rem;
          margin-top: -30px; }
          ul#ServiceMenu li .ServiceList .Text h4 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2rem;
            position: relative;
            color: #1f1f1f;
            margin-bottom: 30px; }
            ul#ServiceMenu li .ServiceList .Text h4:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 13%;
              top: -40%;
              left: 4%; }
          ul#ServiceMenu li .ServiceList .Text p {
            color: #1f1f1f;
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            line-height: 2; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  ul#ServiceMenu {
    margin: 0 auto 70px;
    width: 75vw; }
    ul#ServiceMenu li {
      margin-bottom: 70px; }
      ul#ServiceMenu li:last-child {
        margin-bottom: 0; }
      ul#ServiceMenu li .ServiceList {
        position: relative; }
        ul#ServiceMenu li .ServiceList .Thumbnail .icon img {
          position: absolute;
          width: 60px;
          height: auto;
          top: 14vw;
          right: 0;
          left: 0;
          margin: auto;
          z-index: 1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01 {
          position: relative;
          /*clip-path: polygon(0 0, 100% 0, 100% 100%, 88% 100%, 88% 81%, 0 81%, 0 26%);*/
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_01.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_02.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_03.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Text {
          padding: 0 1rem;
          margin-top: -30px; }
          ul#ServiceMenu li .ServiceList .Text h4 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2rem;
            position: relative;
            color: #1f1f1f;
            margin-bottom: 30px; }
            ul#ServiceMenu li .ServiceList .Text h4:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 13%;
              top: -23%;
              left: 4%; }
          ul#ServiceMenu li .ServiceList .Text p {
            color: #1f1f1f;
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            line-height: 2; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  ul#ServiceMenu {
    margin: 0 auto 70px;
    width: 80vw; }
    ul#ServiceMenu li {
      margin-bottom: 70px; }
      ul#ServiceMenu li:last-child {
        margin-bottom: 0; }
      ul#ServiceMenu li .ServiceList {
        position: relative; }
        ul#ServiceMenu li .ServiceList .Thumbnail .icon img {
          position: absolute;
          width: 50px;
          height: auto;
          top: 14vw;
          right: 0;
          left: 0;
          margin: auto;
          z-index: 1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01 {
          position: relative;
          /*clip-path: polygon(0 0, 100% 0, 100% 100%, 88% 100%, 88% 81%, 0 81%, 0 26%);*/
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_01.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_02.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_03.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Text {
          padding: 0 1rem;
          margin-top: -20px; }
          ul#ServiceMenu li .ServiceList .Text h4 {
            font-family: 'Shippori Mincho', serif;
            font-size: 1.6rem;
            position: relative;
            color: #1f1f1f;
            margin-bottom: 30px; }
            ul#ServiceMenu li .ServiceList .Text h4:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 13%;
              top: -33%;
              left: 4%; }
          ul#ServiceMenu li .ServiceList .Text p {
            color: #1f1f1f;
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            line-height: 2; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  ul#ServiceMenu {
    margin: 0 auto 70px;
    width: 85vw; }
    ul#ServiceMenu li {
      margin-bottom: 70px; }
      ul#ServiceMenu li:last-child {
        margin-bottom: 0; }
      ul#ServiceMenu li .ServiceList {
        position: relative; }
        ul#ServiceMenu li .ServiceList .Thumbnail .icon img {
          position: absolute;
          width: 40px;
          height: auto;
          top: 14vw;
          right: 0;
          left: 0;
          margin: auto;
          z-index: 1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01 {
          position: relative;
          /*clip-path: polygon(0 0, 100% 0, 100% 100%, 88% 100%, 88% 81%, 0 81%, 0 26%);*/
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_01:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_01.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_02:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_02.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03 {
          position: relative;
          clip-path: polygon(100% 0, 100% 100%, 88% 100%, 88% 87%, 0 88%, 0 0);
          height: 40vw; }
          ul#ServiceMenu li .ServiceList .Thumbnail .ServiceBG_03:after {
            background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/thmn_service_bg_03.jpg") no-repeat center/cover;
            height: 40vw;
            width: 100%;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1; }
        ul#ServiceMenu li .ServiceList .Text {
          padding: 0 1rem;
          margin-top: -10px; }
          ul#ServiceMenu li .ServiceList .Text h4 {
            font-family: 'Shippori Mincho', serif;
            font-size: 1.2rem;
            position: relative;
            color: #1f1f1f;
            margin-bottom: 15px; }
            ul#ServiceMenu li .ServiceList .Text h4:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 17%;
              top: -65%;
              left: 4%; }
          ul#ServiceMenu li .ServiceList .Text p {
            color: #1f1f1f;
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            line-height: 2; } }
.zoomInRotate img {
  transform: scale(1);
  transition: .3s ease-in-out;
  /*移り変わる速さを変更したい場合はこの数値を変更*/ }

.zoomInRotate a:hover img {
  /*hoverした時の変化*/
  transform: rotate(5deg) scale(1.2);
  /*拡大、回転の値を変更したい場合はこの数値を変更*/ }

.mask {
  display: block;
  line-height: 0;
  /*行の高さを0にする*/
  overflow: hidden;
  /*拡大してはみ出る要素を隠す*/ }

/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #Service_01 {
    margin-top: 250px; }
    #Service_01 #ProductionServiceArea {
      position: relative; }
      #Service_01 #ProductionServiceArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_production_service.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        bottom: 0;
        z-index: 1;
        background-attachment: fixed;
        /*background-size: cover;*/ }
      #Service_01 #ProductionServiceArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_01 #ProductionServiceArea #Service_EN_tit {
        position: relative; }
        #Service_01 #ProductionServiceArea #Service_EN_tit img {
          position: absolute;
          top: -14vw;
          left: 1vw;
          width: 30vw;
          z-index: 2; }
      #Service_01 #ProductionServiceArea .ProductionServiceContents {
        position: relative;
        height: 40vw; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR {
          position: relative; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 3.5rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:after {
              content: "01";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 6vw;
              top: -7vw;
              left: -1vw; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 35vw;
            left: 11vw;
            z-index: 5;
            width: 53vw;
            line-height: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .ImagesR {
          position: relative; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .ImagesR img {
            position: absolute;
            right: 0;
            top: 25vw;
            width: 34vw;
            height: auto;
            z-index: 6; }

  #Service_Menu {
    position: relative;
    margin: 10vw 0; }
    #Service_Menu:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 750px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
      width: 75%;
      opacity: 0.5; }
    #Service_Menu ul {
      display: flex;
      justify-content: space-around;
      width: 85%;
      margin: 0 auto;
      padding: 4vw 0 0; }
      #Service_Menu ul li {
        width: 35vw; }
        #Service_Menu ul li:nth-child(2) {
          margin-top: 10vw; }
        #Service_Menu ul li figure {
          margin-bottom: 30px; }
        #Service_Menu ul li h4 {
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 900;
          font-size: 2rem;
          margin-bottom: 20px; }
          #Service_Menu ul li h4 em {
            color: #b81c22 !important;
            font-family: 'Shippori Mincho', serif;
            display: block;
            font-size: 40%; }
        #Service_Menu ul li p {
          line-height: 2;
          font-size: 1rem;
          margin-bottom: 30px; }

  a.ButtonStyle_001 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 250px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif; }
    a.ButtonStyle_001:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
  a.ButtonStyle_002 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 250px;
    margin: 50px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    a.ButtonStyle_002:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:hover {
      text-decoration: none;
      color: #1f1f1f;
      background-color: #fff; }
  a.ButtonStyle_003 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #fff;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif;
    box-sizing: border-box; }
    a.ButtonStyle_003:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  a.ButtonStyle_001:hover::before,
  a.ButtonStyle_001:hover::after {
    right: 0.5em;
    background-color: #b81c22; }

  a.ButtonStyle_002:hover::before,
  a.ButtonStyle_002:hover::after {
    right: 0.5em;
    background-color: #1f1f1f; }

  a.ButtonStyle_003:hover::before,
  a.ButtonStyle_003:hover::after {
    right: 0.5em;
    background-color: #b81c22; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #Service_01 {
    margin-top: 250px; }
    #Service_01 #ProductionServiceArea {
      position: relative; }
      #Service_01 #ProductionServiceArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_production_service.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        bottom: 0;
        z-index: 1;
        background-attachment: fixed;
        /*background-size: cover;*/ }
      #Service_01 #ProductionServiceArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_01 #ProductionServiceArea #Service_EN_tit {
        position: relative; }
        #Service_01 #ProductionServiceArea #Service_EN_tit img {
          position: absolute;
          top: -15vw;
          left: 1vw;
          width: 40vw;
          z-index: 2; }
      #Service_01 #ProductionServiceArea .ProductionServiceContents {
        position: relative;
        height: 40vw; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR {
          position: relative; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 3rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:after {
              content: "01";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 6vw;
              top: -7vw;
              left: -1vw; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 37vw;
            left: 11vw;
            z-index: 5;
            width: 53vw;
            line-height: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .ImagesR {
          position: relative; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .ImagesR img {
            position: absolute;
            right: 0;
            top: 25vw;
            width: 26vw;
            height: auto;
            z-index: 6; }

  #Service_Menu {
    position: relative;
    margin: 10vw 0; }
    #Service_Menu:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 750px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
      width: 75%;
      opacity: 0.5; }
    #Service_Menu ul {
      display: flex;
      justify-content: space-around;
      width: 85%;
      margin: 0 auto;
      padding: 4vw 0 0; }
      #Service_Menu ul li {
        width: 35vw; }
        #Service_Menu ul li:nth-child(2) {
          margin-top: 10vw; }
        #Service_Menu ul li figure {
          margin-bottom: 30px; }
        #Service_Menu ul li h4 {
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 900;
          font-size: 2rem;
          margin-bottom: 20px; }
          #Service_Menu ul li h4 em {
            color: #b81c22 !important;
            font-family: 'Shippori Mincho', serif;
            display: block;
            font-size: 40%; }
        #Service_Menu ul li p {
          line-height: 2;
          font-size: 1rem;
          margin-bottom: 30px; }

  a.ButtonStyle_001 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 250px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif; }
    a.ButtonStyle_001:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
  a.ButtonStyle_002 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 250px;
    margin: 50px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    a.ButtonStyle_002:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:hover {
      text-decoration: none;
      color: #1f1f1f;
      background-color: #fff; }
  a.ButtonStyle_003 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #fff;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif;
    box-sizing: border-box; }
    a.ButtonStyle_003:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  a.ButtonStyle_001:hover::before,
  a.ButtonStyle_001:hover::after {
    right: 0.5em;
    background-color: #b81c22; }

  a.ButtonStyle_002:hover::before,
  a.ButtonStyle_002:hover::after {
    right: 0.5em;
    background-color: #1f1f1f; }

  a.ButtonStyle_003:hover::before,
  a.ButtonStyle_003:hover::after {
    right: 0.5em;
    background-color: #b81c22; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #Service_01 {
    margin-top: 250px; }
    #Service_01 #ProductionServiceArea {
      position: relative; }
      #Service_01 #ProductionServiceArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_production_service.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        bottom: 0;
        z-index: 1; }
      #Service_01 #ProductionServiceArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_01 #ProductionServiceArea #Service_EN_tit {
        position: relative; }
        #Service_01 #ProductionServiceArea #Service_EN_tit img {
          position: absolute;
          top: -16vw;
          left: 1vw;
          width: 45vw;
          z-index: 2; }
      #Service_01 #ProductionServiceArea .ProductionServiceContents {
        position: relative;
        height: 40vw; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR {
          position: relative; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2.1rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:after {
              content: "01";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 6vw;
              top: -7vw;
              left: -1vw; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 37vw;
            left: 11vw;
            z-index: 5;
            width: 53vw;
            line-height: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .ImagesR {
          position: relative; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .ImagesR img {
            position: absolute;
            right: 0;
            top: 25vw;
            width: 34vw;
            height: auto;
            z-index: 6; }

  #Service_Menu {
    position: relative;
    margin: 15vw 0 10vw; }
    #Service_Menu:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 750px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
      width: 85%;
      opacity: 0.5; }
    #Service_Menu ul {
      width: 90%;
      margin: 0 auto;
      padding: 4vw 0 0; }
      #Service_Menu ul li {
        width: 60vw;
        margin: 0 auto; }
        #Service_Menu ul li:nth-child(2) {
          margin-top: 10vw; }
        #Service_Menu ul li figure {
          margin-bottom: 30px; }
        #Service_Menu ul li h4 {
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 900;
          font-size: 1.8rem;
          margin-bottom: 20px; }
          #Service_Menu ul li h4 em {
            color: #b81c22 !important;
            font-family: 'Shippori Mincho', serif;
            display: block;
            font-size: 40%; }
        #Service_Menu ul li p {
          line-height: 2;
          font-size: 1rem;
          margin-bottom: 30px; }

  a.ButtonStyle_001 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 250px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif; }
    a.ButtonStyle_001:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
  a.ButtonStyle_002 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 250px;
    margin: 50px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    a.ButtonStyle_002:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:hover {
      text-decoration: none;
      color: #1f1f1f;
      background-color: #fff; }
  a.ButtonStyle_003 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #fff;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif;
    box-sizing: border-box; }
    a.ButtonStyle_003:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  a.ButtonStyle_001:hover::before,
  a.ButtonStyle_001:hover::after {
    right: 0.5em;
    background-color: #b81c22; }

  a.ButtonStyle_002:hover::before,
  a.ButtonStyle_002:hover::after {
    right: 0.5em;
    background-color: #1f1f1f; }

  a.ButtonStyle_003:hover::before,
  a.ButtonStyle_003:hover::after {
    right: 0.5em;
    background-color: #b81c22; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #Service_01 {
    margin-top: 200px; }
    #Service_01 #ProductionServiceArea {
      position: relative; }
      #Service_01 #ProductionServiceArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_production_service.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        bottom: 0;
        z-index: 1; }
      #Service_01 #ProductionServiceArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_01 #ProductionServiceArea #Service_EN_tit {
        position: relative; }
        #Service_01 #ProductionServiceArea #Service_EN_tit img {
          position: absolute;
          top: -17vw;
          left: 1vw;
          width: 60vw;
          z-index: 2; }
      #Service_01 #ProductionServiceArea .ProductionServiceContents {
        position: relative;
        height: 40vw; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR {
          position: relative; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2.4rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:after {
              content: "01";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 8vw;
              top: -9vw;
              left: -1vw; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 40vw;
            left: 11vw;
            z-index: 5;
            width: 85vw;
            line-height: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .ImagesR {
          display: none; }

  #Service_Menu {
    position: relative;
    margin: 25vw 0 10vw; }
    #Service_Menu:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 750px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
      width: 85%;
      opacity: 0.5; }
    #Service_Menu ul {
      width: 90%;
      margin: 0 auto;
      padding: 4vw 0 0; }
      #Service_Menu ul li {
        width: 60vw;
        margin: 0 auto; }
        #Service_Menu ul li:nth-child(2) {
          margin-top: 10vw; }
        #Service_Menu ul li figure {
          margin-bottom: 30px; }
        #Service_Menu ul li h4 {
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 900;
          font-size: 1.7rem;
          margin-bottom: 20px; }
          #Service_Menu ul li h4 em {
            color: #b81c22 !important;
            font-family: 'Shippori Mincho', serif;
            display: block;
            font-size: 40%; }
        #Service_Menu ul li p {
          line-height: 2;
          font-size: 1rem;
          margin-bottom: 30px; }

  a.ButtonStyle_001 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em;
    width: 270px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif; }
    a.ButtonStyle_001:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
  a.ButtonStyle_002 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em;
    width: 240px;
    margin: 50px auto;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    a.ButtonStyle_002:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:hover {
      text-decoration: none;
      color: #1f1f1f;
      background-color: #fff; }
  a.ButtonStyle_003 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em;
    width: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #fff;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif;
    box-sizing: border-box; }
    a.ButtonStyle_003:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  a.ButtonStyle_001:hover::before,
  a.ButtonStyle_001:hover::after {
    right: 0.5em;
    background-color: #b81c22; }

  a.ButtonStyle_002:hover::before,
  a.ButtonStyle_002:hover::after {
    right: 0.5em;
    background-color: #1f1f1f; }

  a.ButtonStyle_003:hover::before,
  a.ButtonStyle_003:hover::after {
    right: 0.5em;
    background-color: #b81c22; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #Service_01 {
    margin-top: 55vw; }
    #Service_01 #ProductionServiceArea {
      position: relative; }
      #Service_01 #ProductionServiceArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_production_service.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 80vw;
        bottom: 0;
        z-index: 1; }
      #Service_01 #ProductionServiceArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 270px;
        bottom: 0;
        z-index: 0; }
      #Service_01 #ProductionServiceArea #Service_EN_tit {
        position: relative; }
        #Service_01 #ProductionServiceArea #Service_EN_tit img {
          position: absolute;
          top: -48vw;
          left: 1vw;
          width: 60vw;
          z-index: 2; }
      #Service_01 #ProductionServiceArea .ProductionServiceContents {
        position: relative;
        height: 40vw; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR {
          position: relative; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:after {
              content: "01";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 10vw;
              top: -11vw;
              left: -1vw; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 43vw;
            left: 11vw;
            z-index: 5;
            width: 85vw;
            line-height: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .ImagesR {
          display: none; }

  #Service_Menu {
    position: relative;
    margin: 35vw 0 10vw; }
    #Service_Menu:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 750px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
      width: 85%;
      opacity: 0.5; }
    #Service_Menu ul {
      width: 90%;
      margin: 0 auto;
      padding: 4vw 0 0; }
      #Service_Menu ul li {
        width: 60vw;
        margin: 0 auto; }
        #Service_Menu ul li:nth-child(2) {
          margin-top: 10vw; }
        #Service_Menu ul li figure {
          margin-bottom: 30px; }
        #Service_Menu ul li h4 {
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 900;
          font-size: 1.5rem;
          margin-bottom: 20px; }
          #Service_Menu ul li h4 em {
            color: #b81c22 !important;
            font-family: 'Shippori Mincho', serif;
            display: block;
            font-size: 40%; }
        #Service_Menu ul li p {
          line-height: 2;
          font-size: 1rem;
          margin-bottom: 30px; }

  a.ButtonStyle_001 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em;
    width: 265px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif; }
    a.ButtonStyle_001:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
  a.ButtonStyle_002 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em;
    width: 240px;
    margin: 50px auto;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    a.ButtonStyle_002:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:hover {
      text-decoration: none;
      color: #1f1f1f;
      background-color: #fff; }
  a.ButtonStyle_003 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #fff;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif;
    box-sizing: border-box; }
    a.ButtonStyle_003:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  a.ButtonStyle_001:hover::before,
  a.ButtonStyle_001:hover::after {
    right: 0.5em;
    background-color: #b81c22; }

  a.ButtonStyle_002:hover::before,
  a.ButtonStyle_002:hover::after {
    right: 0.5em;
    background-color: #1f1f1f; }

  a.ButtonStyle_003:hover::before,
  a.ButtonStyle_003:hover::after {
    right: 0.5em;
    background-color: #b81c22; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #Service_01 {
    margin-top: 250px; }
    #Service_01 #ProductionServiceArea {
      position: relative; }
      #Service_01 #ProductionServiceArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_production_service.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 81vw;
        bottom: 0;
        z-index: 1; }
      #Service_01 #ProductionServiceArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 230px;
        bottom: 0;
        z-index: 0; }
      #Service_01 #ProductionServiceArea #Service_EN_tit {
        position: relative; }
        #Service_01 #ProductionServiceArea #Service_EN_tit img {
          position: absolute;
          top: -48vw;
          left: 1vw;
          width: 64vw;
          z-index: 2; }
      #Service_01 #ProductionServiceArea .ProductionServiceContents {
        position: relative;
        height: 40vw; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR {
          position: relative; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 1.8rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR h3:after {
              content: "01";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 10vw;
              top: -11vw;
              left: -1vw; }
          #Service_01 #ProductionServiceArea .ProductionServiceContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 43vw;
            left: 11vw;
            z-index: 5;
            width: 85vw;
            line-height: 2; }
        #Service_01 #ProductionServiceArea .ProductionServiceContents .ImagesR {
          display: none; }

  #Service_Menu {
    position: relative;
    margin: 55vw 0 10vw; }
    #Service_Menu:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 750px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
      width: 85%;
      opacity: 0.5; }
    #Service_Menu ul {
      width: 90%;
      margin: 0 auto;
      padding: 4vw 0 0; }
      #Service_Menu ul li {
        width: 60vw;
        margin: 0 auto; }
        #Service_Menu ul li:nth-child(2) {
          margin-top: 10vw; }
        #Service_Menu ul li figure {
          margin-bottom: 30px; }
        #Service_Menu ul li h4 {
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 900;
          font-size: 1.5rem;
          margin-bottom: 20px; }
          #Service_Menu ul li h4 em {
            color: #b81c22 !important;
            font-family: 'Shippori Mincho', serif;
            display: block;
            font-size: 40%; }
        #Service_Menu ul li p {
          line-height: 2;
          font-size: 1rem;
          margin-bottom: 30px; }

  a.ButtonStyle_001 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em;
    width: 250px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif; }
    a.ButtonStyle_001:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_001:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
  a.ButtonStyle_002 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em;
    width: 240px;
    margin: 50px auto;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    a.ButtonStyle_002:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_002:hover {
      text-decoration: none;
      color: #1f1f1f;
      background-color: #fff; }
  a.ButtonStyle_003 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em;
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #fff;
    transition: 0.3s;
    font-family: 'Shippori Mincho', serif;
    box-sizing: border-box; }
    a.ButtonStyle_003:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    a.ButtonStyle_003:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  a.ButtonStyle_001:hover::before,
  a.ButtonStyle_001:hover::after {
    right: 0.5em;
    background-color: #b81c22; }

  a.ButtonStyle_002:hover::before,
  a.ButtonStyle_002:hover::after {
    right: 0.5em;
    background-color: #1f1f1f; }

  a.ButtonStyle_003:hover::before,
  a.ButtonStyle_003:hover::after {
    right: 0.5em;
    background-color: #b81c22; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #Service_02 {
    position: relative;
    margin-top: 350px; }
    #Service_02 #DigitalContentsArea {
      position: relative; }
      #Service_02 #DigitalContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_digital_contents.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-attachment: fixed;
        /*background-size: cover;*/ }
      #Service_02 #DigitalContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_02 #DigitalContentsArea #Digital_EN_tit {
        position: relative; }
        #Service_02 #DigitalContentsArea #Digital_EN_tit img {
          position: absolute;
          top: -14vw;
          right: 1vw;
          width: 30vw;
          z-index: 2; }
      #Service_02 #DigitalContentsArea .DigitalContents {
        position: relative;
        height: 40vw; }
        #Service_02 #DigitalContentsArea .DigitalContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          left: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .TextL {
          position: relative; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 3.5rem;
            position: absolute;
            top: 29vw;
            left: 53vw;
            z-index: 5; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:after {
              content: "02";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 6vw;
              top: -7vw;
              left: -3vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 35vw;
            left: 53vw;
            z-index: 5;
            width: 30vw;
            line-height: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .ImagesList {
          position: relative;
          width: 46vw;
          height: 80vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .ImagesList li.DigitalImage img {
            position: absolute;
            z-index: 10;
            width: 20vw;
            left: 0;
            top: 19vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .ImagesList li.ExhibitionFacility img {
            position: absolute;
            left: 23vw;
            width: 20vw;
            height: auto;
            z-index: 10;
            top: 23vw; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #Service_02 {
    position: relative;
    margin-top: 300px; }
    #Service_02 #DigitalContentsArea {
      position: relative; }
      #Service_02 #DigitalContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_digital_contents.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-attachment: fixed;
        /*background-size: cover;*/ }
      #Service_02 #DigitalContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_02 #DigitalContentsArea #Digital_EN_tit {
        position: relative; }
        #Service_02 #DigitalContentsArea #Digital_EN_tit img {
          position: absolute;
          top: -14vw;
          right: 1vw;
          width: 35vw;
          z-index: 2; }
      #Service_02 #DigitalContentsArea .DigitalContents {
        position: relative;
        height: 40vw; }
        #Service_02 #DigitalContentsArea .DigitalContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          left: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .TextL {
          position: relative; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2.8rem;
            position: absolute;
            top: 29vw;
            left: 47vw;
            z-index: 5; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:after {
              content: "02";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 6vw;
              top: -7vw;
              left: -3vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 36vw;
            left: 47vw;
            z-index: 5;
            width: 40vw;
            line-height: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .ImagesList {
          position: relative;
          width: 46vw;
          height: 80vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .ImagesList li.DigitalImage img {
            position: absolute;
            z-index: 10;
            width: 20vw;
            left: 0;
            top: 19vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .ImagesList li.ExhibitionFacility img {
            position: absolute;
            left: 23vw;
            width: 20vw;
            height: auto;
            z-index: 10;
            top: 23vw; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #Service_02 {
    position: relative;
    margin-top: 300px; }
    #Service_02 #DigitalContentsArea {
      position: relative; }
      #Service_02 #DigitalContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_digital_contents.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        right: 0;
        bottom: 0;
        z-index: 1; }
      #Service_02 #DigitalContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_02 #DigitalContentsArea #Digital_EN_tit {
        position: relative; }
        #Service_02 #DigitalContentsArea #Digital_EN_tit img {
          position: absolute;
          top: -15vw;
          right: 1vw;
          width: 40vw;
          z-index: 2; }
      #Service_02 #DigitalContentsArea .DigitalContents {
        position: relative;
        height: 40vw; }
        #Service_02 #DigitalContentsArea .DigitalContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          left: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .TextL {
          position: relative; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2.4rem;
            position: absolute;
            top: 29vw;
            left: 42vw;
            z-index: 5; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:after {
              content: "02";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 6vw;
              top: -7vw;
              left: -3vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 37vw;
            left: 42vw;
            z-index: 5;
            width: 42vw;
            line-height: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .ImagesList {
          position: relative;
          width: 46vw;
          height: 80vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .ImagesList li.DigitalImage img {
            position: absolute;
            z-index: 10;
            width: 17vw;
            left: 0;
            top: 19vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .ImagesList li.ExhibitionFacility img {
            position: absolute;
            left: 19vw;
            width: 17vw;
            height: auto;
            z-index: 10;
            top: 23vw; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #Service_02 {
    position: relative;
    margin-top: 200px; }
    #Service_02 #DigitalContentsArea {
      position: relative; }
      #Service_02 #DigitalContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_digital_contents.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        right: 0;
        bottom: 0;
        z-index: 1; }
      #Service_02 #DigitalContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_02 #DigitalContentsArea #Digital_EN_tit {
        position: relative; }
        #Service_02 #DigitalContentsArea #Digital_EN_tit img {
          position: absolute;
          top: -17vw;
          right: 1vw;
          width: 54vw;
          z-index: 2; }
      #Service_02 #DigitalContentsArea .DigitalContents {
        position: relative;
        height: 40vw; }
        #Service_02 #DigitalContentsArea .DigitalContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          left: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .TextL {
          position: relative; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2.4rem;
            position: absolute;
            top: 29vw;
            left: 9vw;
            z-index: 5; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:after {
              content: "02";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 8vw;
              top: -9vw;
              left: -3vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 40vw;
            left: 9vw;
            z-index: 5;
            width: 80vw;
            line-height: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .ImagesList {
          display: none; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #Service_02 {
    position: relative;
    margin-top: 60vw; }
    #Service_02 #DigitalContentsArea {
      position: relative; }
      #Service_02 #DigitalContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_digital_contents.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 80vw;
        right: 0;
        bottom: 0;
        z-index: 1; }
      #Service_02 #DigitalContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 270px;
        bottom: 0;
        z-index: 0; }
      #Service_02 #DigitalContentsArea #Digital_EN_tit {
        position: relative; }
        #Service_02 #DigitalContentsArea #Digital_EN_tit img {
          position: absolute;
          top: -48vw;
          right: 1vw;
          width: 54vw;
          z-index: 2; }
      #Service_02 #DigitalContentsArea .DigitalContents {
        position: relative;
        height: 40vw; }
        #Service_02 #DigitalContentsArea .DigitalContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          left: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .TextL {
          position: relative; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2.1rem;
            position: absolute;
            top: 29vw;
            left: 9vw;
            z-index: 5; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:after {
              content: "02";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 8vw;
              top: -9vw;
              left: -3vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 40vw;
            left: 9vw;
            z-index: 5;
            width: 80vw;
            line-height: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .ImagesList {
          display: none; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #Service_02 {
    position: relative;
    margin-top: 75vw; }
    #Service_02 #DigitalContentsArea {
      position: relative; }
      #Service_02 #DigitalContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_digital_contents.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 81vw;
        right: 0;
        bottom: 0;
        z-index: 1; }
      #Service_02 #DigitalContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 180px;
        bottom: 0;
        z-index: 0; }
      #Service_02 #DigitalContentsArea #Digital_EN_tit {
        position: relative; }
        #Service_02 #DigitalContentsArea #Digital_EN_tit img {
          position: absolute;
          top: -48vw;
          right: 1vw;
          width: 63vw;
          z-index: 2; }
      #Service_02 #DigitalContentsArea .DigitalContents {
        position: relative;
        height: 40vw; }
        #Service_02 #DigitalContentsArea .DigitalContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          left: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .TextL {
          position: relative; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2rem;
            position: absolute;
            top: 29vw;
            left: 9vw;
            z-index: 5; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_02 #DigitalContentsArea .DigitalContents .TextL h3:after {
              content: "02";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 10vw;
              top: -11vw;
              left: -3vw; }
          #Service_02 #DigitalContentsArea .DigitalContents .TextL p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 43vw;
            left: 9vw;
            z-index: 5;
            width: 80vw;
            line-height: 2; }
        #Service_02 #DigitalContentsArea .DigitalContents .ImagesList {
          display: none; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #Service_03 {
    position: relative;
    margin-top: 28vw;
    height: 73vw; }
    #Service_03 #DirectionProgrammingArea {
      position: relative; }
      #Service_03 #DirectionProgrammingArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_web_solution.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        left: 0;
        bottom: 0;
        z-index: 1;
        background-attachment: fixed;
        /*background-size: cover;*/ }
      #Service_03 #DirectionProgrammingArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_03 #DirectionProgrammingArea #Direction_EN_tit {
        position: relative; }
        #Service_03 #DirectionProgrammingArea #Direction_EN_tit img {
          position: absolute;
          top: -14vw;
          left: 1vw;
          width: 30vw;
          z-index: 2; }
      #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents {
        position: relative;
        height: 40vw; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR {
          position: relative; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 3.5rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:after {
              content: "03";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 6vw;
              top: -7vw;
              left: -1vw; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 35vw;
            left: 11vw;
            z-index: 5;
            width: 53vw;
            line-height: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .ImagesR {
          position: relative; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .ImagesR img {
            position: absolute;
            right: 0;
            top: 25vw;
            width: 30vw;
            height: auto;
            z-index: 6; }
    #Service_03 .CorrespondingTechnology {
      position: absolute;
      left: 11vw;
      top: 45vw; }

  .Title_M {
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 2rem;
    margin-bottom: 20px; }
    .Title_M:before {
      content: "";
      width: 40px;
      height: 1px;
      background: #b81c22;
      position: absolute;
      top: -20px;
      left: 0;
      z-index: 10; }

  .Title_S {
    font-size: 1.7rem;
    margin-bottom: 20px; }

  .TowContents {
    display: flex; }
    .TowContents .LC {
      margin-right: 3vw; }

  ul.ListStyle001 li {
    position: relative;
    margin-bottom: 15px;
    font-size: 1.2rem;
    padding-left: 30px; }
    ul.ListStyle001 li:before {
      content: "";
      width: 20px;
      height: 2px;
      background: #b81c22;
      position: absolute;
      top: 13px;
      left: 0; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #Service_03 {
    position: relative;
    margin-top: 28vw;
    height: 80vw; }
    #Service_03 #DirectionProgrammingArea {
      position: relative; }
      #Service_03 #DirectionProgrammingArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_web_solution.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        left: 0;
        bottom: 0;
        z-index: 1;
        background-attachment: fixed;
        /*background-size: cover;*/ }
      #Service_03 #DirectionProgrammingArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_03 #DirectionProgrammingArea #Direction_EN_tit {
        position: relative; }
        #Service_03 #DirectionProgrammingArea #Direction_EN_tit img {
          position: absolute;
          top: -14vw;
          left: 1vw;
          width: 35vw;
          z-index: 2; }
      #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents {
        position: relative;
        height: 40vw; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR {
          position: relative; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2.5rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:after {
              content: "03";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 6vw;
              top: -7vw;
              left: -1vw; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 35vw;
            left: 11vw;
            z-index: 5;
            width: 53vw;
            line-height: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .ImagesR {
          position: relative; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .ImagesR img {
            position: absolute;
            right: 0;
            top: 25vw;
            width: 30vw;
            height: auto;
            z-index: 6; }
    #Service_03 .CorrespondingTechnology {
      position: absolute;
      left: 11vw;
      top: 48vw; }

  .Title_M {
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 2rem;
    margin-bottom: 20px; }
    .Title_M:before {
      content: "";
      width: 40px;
      height: 1px;
      background: #b81c22;
      position: absolute;
      top: -20px;
      left: 0;
      z-index: 10; }

  .Title_S {
    font-size: 1.7rem;
    margin-bottom: 20px; }

  .TowContents {
    display: flex; }
    .TowContents .LC {
      margin-right: 3vw; }

  ul.ListStyle001 li {
    position: relative;
    margin-bottom: 15px;
    font-size: 1.2rem;
    padding-left: 30px; }
    ul.ListStyle001 li:before {
      content: "";
      width: 20px;
      height: 2px;
      background: #b81c22;
      position: absolute;
      top: 13px;
      left: 0; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #Service_03 {
    position: relative;
    margin-top: 28vw;
    height: 90vw; }
    #Service_03 #DirectionProgrammingArea {
      position: relative; }
      #Service_03 #DirectionProgrammingArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_web_solution.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        left: 0;
        bottom: 0;
        z-index: 1; }
      #Service_03 #DirectionProgrammingArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_03 #DirectionProgrammingArea #Direction_EN_tit {
        position: relative; }
        #Service_03 #DirectionProgrammingArea #Direction_EN_tit img {
          position: absolute;
          top: -15vw;
          left: 1vw;
          width: 37vw;
          z-index: 2; }
      #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents {
        position: relative;
        height: 40vw; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR {
          position: relative; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2.4rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:after {
              content: "03";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 6vw;
              top: -7vw;
              left: 0vw; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 36vw;
            left: 11vw;
            z-index: 5;
            width: 60vw;
            line-height: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .ImagesR {
          position: relative; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .ImagesR img {
            position: absolute;
            right: 0;
            top: 25vw;
            width: 25vw;
            height: auto;
            z-index: 6; }
    #Service_03 .CorrespondingTechnology {
      position: absolute;
      left: 11vw;
      top: 50vw; }

  .Title_M {
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 2rem;
    margin-bottom: 20px; }
    .Title_M:before {
      content: "";
      width: 40px;
      height: 1px;
      background: #b81c22;
      position: absolute;
      top: -20px;
      left: 0;
      z-index: 10; }

  .Title_S {
    font-size: 1.7rem;
    margin-bottom: 20px; }

  .TowContents {
    display: flex; }
    .TowContents .LC {
      margin-right: 3vw; }

  ul.ListStyle001 li {
    position: relative;
    margin-bottom: 15px;
    font-size: 1.2rem;
    padding-left: 30px; }
    ul.ListStyle001 li:before {
      content: "";
      width: 20px;
      height: 2px;
      background: #b81c22;
      position: absolute;
      top: 13px;
      left: 0; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #Service_03 {
    position: relative;
    margin-top: 45vw;
    height: 105vw; }
    #Service_03 #DirectionProgrammingArea {
      position: relative; }
      #Service_03 #DirectionProgrammingArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_web_solution.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 50vw;
        left: 0;
        bottom: 0;
        z-index: 1; }
      #Service_03 #DirectionProgrammingArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 40vw;
        bottom: 0;
        z-index: 0; }
      #Service_03 #DirectionProgrammingArea #Direction_EN_tit {
        position: relative; }
        #Service_03 #DirectionProgrammingArea #Direction_EN_tit img {
          position: absolute;
          top: -17vw;
          left: 1vw;
          width: 50vw;
          z-index: 2; }
      #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents {
        position: relative;
        height: 40vw; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR {
          position: relative; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 2.4rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:after {
              content: "03";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 8vw;
              top: -9vw;
              left: 0vw; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 39vw;
            left: 11vw;
            z-index: 5;
            width: 70vw;
            line-height: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .ImagesR {
          display: none; }
    #Service_03 .CorrespondingTechnology {
      position: absolute;
      left: 11vw;
      top: 60vw; }

  .Title_M {
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 1.7rem;
    margin-bottom: 20px; }
    .Title_M:before {
      content: "";
      width: 40px;
      height: 1px;
      background: #b81c22;
      position: absolute;
      top: -20px;
      left: 0;
      z-index: 10; }

  .Title_S {
    font-size: 1.3rem;
    margin-bottom: 20px; }

  .TowContents {
    display: flex; }
    .TowContents .LC {
      margin-right: 3vw; }

  ul.ListStyle001 li {
    position: relative;
    margin-bottom: 15px;
    font-size: 1.2rem;
    padding-left: 30px; }
    ul.ListStyle001 li:before {
      content: "";
      width: 20px;
      height: 2px;
      background: #b81c22;
      position: absolute;
      top: 13px;
      left: 0; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #Service_03 {
    position: relative;
    margin-top: 75vw;
    height: 160vw; }
    #Service_03 #DirectionProgrammingArea {
      position: relative; }
      #Service_03 #DirectionProgrammingArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_web_solution.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 80vw;
        left: 0;
        bottom: 0;
        z-index: 1; }
      #Service_03 #DirectionProgrammingArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 270px;
        bottom: 0;
        z-index: 0; }
      #Service_03 #DirectionProgrammingArea #Direction_EN_tit {
        position: relative; }
        #Service_03 #DirectionProgrammingArea #Direction_EN_tit img {
          position: absolute;
          top: -48vw;
          left: 1vw;
          width: 56vw;
          z-index: 2; }
      #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents {
        position: relative;
        height: 40vw; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR {
          position: relative; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 1.9rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:after {
              content: "03";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 9vw;
              top: -10vw;
              left: 0vw; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 40vw;
            left: 11vw;
            z-index: 5;
            width: 80vw;
            line-height: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .ImagesR {
          display: none; }
    #Service_03 .CorrespondingTechnology {
      position: absolute;
      left: 11vw;
      top: 70vw; }

  .Title_M {
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    margin-bottom: 20px; }
    .Title_M:before {
      content: "";
      width: 40px;
      height: 1px;
      background: #b81c22;
      position: absolute;
      top: -20px;
      left: 0;
      z-index: 10; }

  .Title_S {
    font-size: 1.2rem;
    margin-bottom: 20px; }

  ul.ListStyle001 li {
    position: relative;
    margin-bottom: 15px;
    font-size: 1.2rem;
    padding-left: 30px; }
    ul.ListStyle001 li:before {
      content: "";
      width: 20px;
      height: 2px;
      background: #b81c22;
      position: absolute;
      top: 13px;
      left: 0; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #Service_03 {
    position: relative;
    margin-top: 100vw;
    height: 185vw; }
    #Service_03 #DirectionProgrammingArea {
      position: relative; }
      #Service_03 #DirectionProgrammingArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/img_web_solution.jpg") no-repeat center/cover;
        position: absolute;
        width: 95%;
        height: 81vw;
        left: 0;
        bottom: 0;
        z-index: 1; }
      #Service_03 #DirectionProgrammingArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 180px;
        bottom: 0;
        z-index: 0; }
      #Service_03 #DirectionProgrammingArea #Direction_EN_tit {
        position: relative; }
        #Service_03 #DirectionProgrammingArea #Direction_EN_tit img {
          position: absolute;
          top: -48vw;
          left: 1vw;
          width: 56vw;
          z-index: 2; }
      #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents {
        position: relative;
        height: 40vw; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents:after {
          content: "";
          background: #fff;
          width: 92%;
          position: absolute;
          right: 0;
          height: 12vw;
          bottom: 0;
          z-index: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR {
          position: relative; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3 {
            font-family: 'Shippori Mincho', serif;
            font-size: 1.6rem;
            position: absolute;
            top: 29vw;
            left: 11vw;
            z-index: 5; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:before {
              height: 2px;
              background: #b81c22;
              content: "";
              display: block;
              position: absolute;
              z-index: 5;
              -webkit-transform: rotate(-49deg);
              transform: rotate(-49deg);
              width: 20%;
              top: -29%;
              left: 7%; }
            #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR h3:after {
              content: "03";
              color: #b81c22 !important;
              font-family: 'Shippori Mincho', serif;
              position: absolute;
              z-index: 4;
              font-size: 9vw;
              top: -10vw;
              left: 0vw; }
          #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .TextR p {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 1rem;
            position: absolute;
            top: 40vw;
            left: 11vw;
            z-index: 5;
            width: 80vw;
            line-height: 2; }
        #Service_03 #DirectionProgrammingArea .DirectionProgrammingContents .ImagesR {
          display: none; }
    #Service_03 .CorrespondingTechnology {
      position: absolute;
      left: 11vw;
      top: 80vw; }

  .Title_M {
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    margin-bottom: 20px; }
    .Title_M:before {
      content: "";
      width: 40px;
      height: 1px;
      background: #b81c22;
      position: absolute;
      top: -20px;
      left: 0;
      z-index: 10; }

  .Title_S {
    font-size: 1.2rem;
    margin-bottom: 20px; }

  ul.ListStyle001 li {
    position: relative;
    margin-bottom: 15px;
    font-size: 1.2rem;
    padding-left: 30px; }
    ul.ListStyle001 li:before {
      content: "";
      width: 20px;
      height: 2px;
      background: #b81c22;
      position: absolute;
      top: 13px;
      left: 0; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #Works {
    position: relative;
    height: 66vw; }
    #Works:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 750px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      width: 75%;
      opacity: 0.5; }
    #Works #WorksArea {
      position: relative; }
      #Works #WorksArea .textGray {
        position: absolute;
        width: auto;
        /*top: -55.3%;
        right: 26.4%;*/
        right: 26.4vw;
        top: -4.3vw; }
      #Works #WorksArea .WorksThumbnail {
        position: absolute;
        left: 0;
        width: 60vw;
        overflow: hidden;
        z-index: 1; }
        #Works #WorksArea .WorksThumbnail .textWhite {
          top: -7.3%;
          right: -22.7%;
          position: absolute; }
          #Works #WorksArea .WorksThumbnail .textWhite .text {
            color: #fff; }
        #Works #WorksArea .WorksThumbnail .textWhiteJP {
          bottom: 13%;
          left: -6.6%;
          width: 100%;
          position: absolute; }
        #Works #WorksArea .WorksThumbnail ul {
          display: flex;
          flex-wrap: wrap; }
          #Works #WorksArea .WorksThumbnail ul li {
            width: calc(100% / 3); }
            #Works #WorksArea .WorksThumbnail ul li img {
              width: 100%;
              height: auto; }
      #Works #WorksArea .WorksRight {
        position: absolute;
        top: 12vw;
        right: 5vw;
        width: 30vw;
        height: 13vw; }
        #Works #WorksArea .WorksRight .Title_M {
          margin-bottom: 40px; }

  .textGray .text {
    color: #e5e5e5; }

  #AnimationTitle {
    background: url("../images/img_index/bg_works.png") repeat-x 0 center/auto 100%;
    -webkit-animation: SlideImage 40s linear infinite;
    animation: SlideImage 40s linear infinite;
    width: 100%;
    height: 290px;
    margin-top: 115px;
    position: absolute;
    bottom: -35px; }

  @-webkit-keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      /*! background-position:-1600px center; */ } }
  @keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      background-position: -1878px center; } } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #Works {
    position: relative;
    margin-bottom: 80px;
    height: 76vw; }
    #Works:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 750px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      width: 75%;
      opacity: 0.5; }
    #Works #WorksArea {
      position: relative; }
      #Works #WorksArea .textGray {
        position: absolute;
        width: auto;
        /*top: -55.3%;
        right: 26.4%;*/
        right: 26.4vw;
        top: -4.3vw; }
      #Works #WorksArea .WorksThumbnail {
        position: absolute;
        left: 0;
        width: 60vw;
        overflow: hidden;
        z-index: 1; }
        #Works #WorksArea .WorksThumbnail .textWhite {
          top: -7.3%;
          right: -22.7%;
          position: absolute; }
          #Works #WorksArea .WorksThumbnail .textWhite .text {
            color: #fff; }
        #Works #WorksArea .WorksThumbnail .textWhiteJP {
          bottom: 13%;
          left: -6.6%;
          width: 100%;
          position: absolute; }
        #Works #WorksArea .WorksThumbnail ul {
          display: flex;
          flex-wrap: wrap; }
          #Works #WorksArea .WorksThumbnail ul li {
            width: calc(100% / 3); }
            #Works #WorksArea .WorksThumbnail ul li img {
              width: 100%;
              height: auto; }
      #Works #WorksArea .WorksRight {
        position: absolute;
        top: 12vw;
        right: 5vw;
        width: 30vw;
        height: 13vw; }
        #Works #WorksArea .WorksRight .Title_M {
          margin-bottom: 40px; }

  .textGray .text {
    color: #e5e5e5; }

  #AnimationTitle {
    background: url("../images/img_index/bg_works.png") repeat-x 0 center/auto 100%;
    -webkit-animation: SlideImage 40s linear infinite;
    animation: SlideImage 40s linear infinite;
    width: 100%;
    height: 200px;
    margin-top: 115px;
    position: absolute;
    bottom: -35px; }

  @-webkit-keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      /*! background-position:-1600px center; */ } }
  @keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      background-position: -1295px center; } } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #Works {
    position: relative;
    margin-bottom: 80px;
    height: 65vw; }
    #Works:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 360px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      width: 75%;
      opacity: 0.5; }
    #Works #WorksArea {
      position: relative; }
      #Works #WorksArea .textGray {
        position: absolute;
        width: auto;
        /*top: -55.3%;
        right: 26.4%;*/
        left: 43.7vw;
        top: -3.3vw; }
      #Works #WorksArea .WorksThumbnail {
        position: absolute;
        left: 0;
        width: 50vw;
        overflow: hidden;
        z-index: 1; }
        #Works #WorksArea .WorksThumbnail .textWhite {
          top: -7.3%;
          right: -22.7%;
          position: absolute; }
          #Works #WorksArea .WorksThumbnail .textWhite .text {
            color: #fff; }
        #Works #WorksArea .WorksThumbnail .textWhiteJP {
          bottom: 13%;
          left: -6.6%;
          width: 100%;
          position: absolute; }
        #Works #WorksArea .WorksThumbnail ul {
          display: flex;
          flex-wrap: wrap; }
          #Works #WorksArea .WorksThumbnail ul li {
            width: calc(100% / 3); }
            #Works #WorksArea .WorksThumbnail ul li img {
              width: 100%;
              height: auto; }
      #Works #WorksArea .WorksRight {
        position: absolute;
        top: 12vw;
        right: 15vw;
        width: 30vw;
        height: 13vw; }
        #Works #WorksArea .WorksRight .Title_M {
          margin-bottom: 40px; }

  .textGray .text {
    color: #e5e5e5; }

  #AnimationTitle {
    background: url("../images/img_index/bg_works.png") repeat-x 0 center/auto 100%;
    -webkit-animation: SlideImage 40s linear infinite;
    animation: SlideImage 40s linear infinite;
    width: 100%;
    height: 190px;
    margin-top: 115px;
    position: absolute;
    bottom: 60px; }

  @-webkit-keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      /*! background-position:-1600px center; */ } }
  @keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      background-position: -1230px center; } } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #Works {
    position: relative;
    margin-bottom: 80px;
    height: 76vw; }
    #Works:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 420px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      width: 75%;
      opacity: 0.5; }
    #Works #WorksArea {
      position: relative; }
      #Works #WorksArea .textGray {
        display: none; }
      #Works #WorksArea .WorksThumbnail {
        position: absolute;
        left: 0;
        width: 100vw;
        overflow: hidden;
        z-index: 1; }
        #Works #WorksArea .WorksThumbnail .textWhite {
          top: -7.3%;
          right: -22.7%;
          position: absolute; }
          #Works #WorksArea .WorksThumbnail .textWhite .text {
            color: #fff; }
        #Works #WorksArea .WorksThumbnail .textWhiteJP {
          bottom: 13%;
          left: -6.6%;
          width: 100%;
          position: absolute; }
        #Works #WorksArea .WorksThumbnail ul {
          display: flex;
          flex-wrap: wrap; }
          #Works #WorksArea .WorksThumbnail ul li {
            width: calc(100% / 5); }
            #Works #WorksArea .WorksThumbnail ul li img {
              width: 100%;
              height: auto; }
      #Works #WorksArea .WorksRight {
        position: absolute;
        top: 46vw;
        left: 6vw;
        width: 30vw;
        height: 13vw; }
        #Works #WorksArea .WorksRight .Title_M {
          margin-bottom: 40px; }

  .textGray .text {
    color: #e5e5e5; }

  #AnimationTitle {
    background: url("../images/img_index/bg_works.png") repeat-x 0 center/auto 100%;
    -webkit-animation: SlideImage 40s linear infinite;
    animation: SlideImage 40s linear infinite;
    width: 100%;
    height: 120px;
    margin-top: 115px;
    position: absolute;
    bottom: -35px; }

  @-webkit-keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      /*! background-position:-1600px center; */ } }
  @keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      background-position: -777px center; } } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #Works {
    position: relative;
    margin-bottom: 80px;
    height: 90vw; }
    #Works:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 420px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      width: 75%;
      opacity: 0.5; }
    #Works #WorksArea {
      position: relative; }
      #Works #WorksArea .textGray {
        display: none; }
      #Works #WorksArea .WorksThumbnail {
        position: absolute;
        left: 0;
        width: 100vw;
        overflow: hidden;
        z-index: 1; }
        #Works #WorksArea .WorksThumbnail .textWhite {
          top: -7.3%;
          right: -22.7%;
          position: absolute; }
          #Works #WorksArea .WorksThumbnail .textWhite .text {
            color: #fff; }
        #Works #WorksArea .WorksThumbnail .textWhiteJP {
          bottom: 13%;
          left: -6.6%;
          width: 100%;
          position: absolute; }
        #Works #WorksArea .WorksThumbnail ul {
          display: flex;
          flex-wrap: wrap; }
          #Works #WorksArea .WorksThumbnail ul li {
            width: calc(100% / 5); }
            #Works #WorksArea .WorksThumbnail ul li img {
              width: 100%;
              height: auto; }
      #Works #WorksArea .WorksRight {
        position: absolute;
        top: 46vw;
        left: 6vw;
        width: 30vw;
        height: 13vw; }
        #Works #WorksArea .WorksRight .Title_M {
          margin-bottom: 40px; }

  .textGray .text {
    color: #e5e5e5; }

  #AnimationTitle {
    background: url("../images/img_index/bg_works.png") repeat-x 0 center/auto 100%;
    -webkit-animation: SlideImage 40s linear infinite;
    animation: SlideImage 40s linear infinite;
    width: 100%;
    height: 120px;
    margin-top: 115px;
    position: absolute;
    bottom: -35px; }

  @-webkit-keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      /*! background-position:-1600px center; */ } }
  @keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      background-position: -777px center; } } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #Works {
    position: relative;
    margin-bottom: 80px;
    height: 110vw; }
    #Works:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 420px;
      width: 100%;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      width: 75%;
      opacity: 0.5; }
    #Works #WorksArea {
      position: relative; }
      #Works #WorksArea .textGray {
        display: none; }
      #Works #WorksArea .WorksThumbnail {
        position: absolute;
        left: 0;
        width: 100vw;
        overflow: hidden;
        z-index: 1; }
        #Works #WorksArea .WorksThumbnail .textWhite {
          top: -7.3%;
          right: -22.7%;
          position: absolute; }
          #Works #WorksArea .WorksThumbnail .textWhite .text {
            color: #fff; }
        #Works #WorksArea .WorksThumbnail .textWhiteJP {
          bottom: 13%;
          left: -6.6%;
          width: 100%;
          position: absolute; }
        #Works #WorksArea .WorksThumbnail ul {
          display: flex;
          flex-wrap: wrap; }
          #Works #WorksArea .WorksThumbnail ul li {
            width: calc(100% / 5); }
            #Works #WorksArea .WorksThumbnail ul li img {
              width: 100%;
              height: auto; }
      #Works #WorksArea .WorksRight {
        position: absolute;
        top: 55vw;
        left: 6vw;
        width: 30vw;
        height: 13vw; }
        #Works #WorksArea .WorksRight .Title_M {
          margin-bottom: 40px; }

  .textGray .text {
    color: #e5e5e5; }

  #AnimationTitle {
    background: url("../images/img_index/bg_works.png") repeat-x 0 center/auto 100%;
    -webkit-animation: SlideImage 40s linear infinite;
    animation: SlideImage 40s linear infinite;
    width: 100%;
    height: 100px;
    margin-top: 115px;
    position: absolute;
    bottom: -35px; }

  @-webkit-keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      /*! background-position:-1600px center; */ } }
  @keyframes SlideImage {
    from {
      background-position: 0 center; }
    to {
      background-position: -647px center; } } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #About {
    position: relative;
    margin-top: 150px; }
    #About .ContentsTitle {
      position: relative; }
      #About .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_about.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 260px;
        width: 604px;
        background-size: cover;
        top: -70px;
        z-index: -1; }
      #About .ContentsTitle .Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 30%;
        top: 23%;
        left: 41%; }
      #About .ContentsTitle .Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 20%;
        bottom: -2%;
        left: 13%; }
      #About .ContentsTitle .Main_section_title_sub {
        display: block;
        margin-bottom: 50px; }
    #About #AboutContents {
      position: relative;
      padding-bottom: 150px; }
      #About #AboutContents .Compny_Info {
        width: 1000px;
        margin: 0 auto; }
        #About #AboutContents .Compny_Info dl {
          position: relative; }
          #About #AboutContents .Compny_Info dl dt {
            display: block;
            position: absolute;
            left: 0;
            padding: 30px 0 0;
            border-top: 1px solid #b81c22;
            width: 180px;
            font-size: 1rem; }
          #About #AboutContents .Compny_Info dl dd {
            margin-left: 185px;
            line-height: 2;
            display: block;
            border-top: 1px solid #bebebe;
            padding: 30px 0;
            font-size: 1rem; }
      #About #AboutContents:before {
        content: "";
        background: url("../images/img_index/img_logo_vertical.png") no-repeat;
        position: absolute;
        top: 100px;
        left: 20px;
        width: 100px;
        height: 569px;
        background-size: cover; }
      #About #AboutContents:after {
        background: url("../images/img_commons/mv_overlay.png");
        height: 83.06em;
        width: 100%;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        opacity: 0.5; }
    #About #AccessMap {
      position: relative;
      height: 23vw; }
      #About #AccessMap .iframeArea iframe {
        width: 80%;
        position: absolute;
        top: -4vw;
        right: 0;
        height: 25vw; }
      #About #AccessMap #Infomartion {
        position: absolute;
        background: #fff;
        padding: 40px;
        border-bottom: 20px;
        left: 6vw;
        bottom: 0; }
        #About #AccessMap #Infomartion figure {
          margin-bottom: 20px; }
          #About #AccessMap #Infomartion figure img {
            width: 180px;
            height: auto; }
        #About #AccessMap #Infomartion p {
          display: block;
          width: 300px;
          font-size: 1rem;
          line-height: 2; }

  .Title_C {
    text-align: center;
    margin-bottom: 30px;
    font-size: 2.1rem;
    color: #1f1f1f; }

  .Title_SS {
    font-family: 'Shippori Mincho', serif;
    font-size: 1.3rem;
    position: relative;
    margin-bottom: 40px; }
    .Title_SS:before {
      content: "";
      background: #b81c22;
      width: 30px;
      height: 1px;
      position: absolute;
      bottom: -12px;
      left: 0; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #About {
    position: relative;
    margin-top: 150px; }
    #About .ContentsTitle {
      position: relative; }
      #About .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_about.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 215px;
        width: 500px;
        background-size: cover;
        top: -70px;
        z-index: -1; }
      #About .ContentsTitle .Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 30%;
        top: 23%;
        left: 41%; }
      #About .ContentsTitle .Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 20%;
        bottom: -2%;
        left: 13%; }
      #About .ContentsTitle .Main_section_title_sub {
        display: block;
        margin-bottom: 50px; }
    #About #AboutContents {
      position: relative;
      padding-bottom: 150px; }
      #About #AboutContents .Compny_Info {
        width: 750px;
        margin: 0 auto; }
        #About #AboutContents .Compny_Info dl {
          position: relative; }
          #About #AboutContents .Compny_Info dl dt {
            display: block;
            position: absolute;
            left: 0;
            padding: 30px 0 0;
            border-top: 1px solid #b81c22;
            width: 180px;
            font-size: 1rem; }
          #About #AboutContents .Compny_Info dl dd {
            margin-left: 185px;
            line-height: 2;
            display: block;
            border-top: 1px solid #bebebe;
            padding: 30px 0;
            font-size: 1rem; }
      #About #AboutContents:before {
        content: "";
        background: url("../images/img_index/img_logo_vertical.png") no-repeat;
        position: absolute;
        top: 100px;
        left: 20px;
        width: 40px;
        height: 227px;
        background-size: cover; }
      #About #AboutContents:after {
        background: url("../images/img_commons/mv_overlay.png");
        height: 45.06em;
        width: 100%;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        opacity: 0.5; }
    #About #AccessMap {
      position: relative;
      height: 60vw; }
      #About #AccessMap .iframeArea iframe {
        width: 90%;
        position: absolute;
        top: -4vw;
        right: 0;
        height: 40vw; }
      #About #AccessMap #Infomartion {
        position: absolute;
        background: #fff;
        padding: 30px;
        border-bottom: 20px;
        left: 6vw;
        bottom: 12vw; }
        #About #AccessMap #Infomartion figure {
          margin-bottom: 20px; }
          #About #AccessMap #Infomartion figure img {
            width: 180px;
            height: auto; }
        #About #AccessMap #Infomartion p {
          display: block;
          font-size: 1rem;
          line-height: 2; }

  .Title_C {
    text-align: center;
    margin-bottom: 30px;
    font-size: 2.1rem;
    color: #1f1f1f; }

  .Title_SS {
    font-family: 'Shippori Mincho', serif;
    font-size: 1.3rem;
    position: relative;
    margin-bottom: 40px; }
    .Title_SS:before {
      content: "";
      background: #b81c22;
      width: 30px;
      height: 1px;
      position: absolute;
      bottom: -12px;
      left: 0; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #About {
    position: relative;
    margin-top: 150px; }
    #About .ContentsTitle {
      position: relative; }
      #About .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_about.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 173px;
        width: 400px;
        background-size: cover;
        top: -70px;
        z-index: -1; }
      #About .ContentsTitle .Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 30%;
        top: 23%;
        left: 41%; }
      #About .ContentsTitle .Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 20%;
        bottom: -2%;
        left: 13%; }
      #About .ContentsTitle .Main_section_title_sub {
        display: block;
        margin-bottom: 50px; }
    #About #AboutContents {
      position: relative;
      padding-bottom: 150px; }
      #About #AboutContents .Compny_Info {
        width: 620px;
        margin: 0 auto; }
        #About #AboutContents .Compny_Info dl {
          position: relative; }
          #About #AboutContents .Compny_Info dl dt {
            display: block;
            position: absolute;
            left: 0;
            padding: 30px 0 0;
            border-top: 1px solid #b81c22;
            width: 180px;
            font-size: 1rem; }
          #About #AboutContents .Compny_Info dl dd {
            margin-left: 185px;
            line-height: 2;
            display: block;
            border-top: 1px solid #bebebe;
            padding: 30px 0;
            font-size: 1rem; }
      #About #AboutContents:before {
        content: "";
        background: url("../images/img_index/img_logo_vertical.png") no-repeat;
        position: absolute;
        top: 100px;
        left: 20px;
        width: 40px;
        height: 227px;
        background-size: cover; }
      #About #AboutContents:after {
        background: url("../images/img_commons/mv_overlay.png");
        height: 45.06em;
        width: 100%;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        opacity: 0.5; }
    #About #AccessMap {
      position: relative;
      height: 75vw; }
      #About #AccessMap .iframeArea iframe {
        width: 90%;
        position: absolute;
        top: -4vw;
        right: 0;
        height: 50vw; }
      #About #AccessMap #Infomartion {
        position: absolute;
        background: #fff;
        padding: 10px;
        border-bottom: 20px;
        left: 6vw;
        bottom: 10vw; }
        #About #AccessMap #Infomartion figure {
          margin-bottom: 20px; }
          #About #AccessMap #Infomartion figure img {
            width: 180px;
            height: auto; }
        #About #AccessMap #Infomartion p {
          display: block;
          font-size: 1rem;
          line-height: 2; }

  .Title_C {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.7rem;
    color: #1f1f1f; }

  .Title_SS {
    font-family: 'Shippori Mincho', serif;
    font-size: 1.3rem;
    position: relative;
    margin-bottom: 40px; }
    .Title_SS:before {
      content: "";
      background: #b81c22;
      width: 30px;
      height: 1px;
      position: absolute;
      bottom: -12px;
      left: 0; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #About {
    position: relative;
    margin-top: 150px; }
    #About .ContentsTitle {
      position: relative; }
      #About .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_about.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 159px;
        width: 380px;
        background-size: cover;
        top: -70px;
        z-index: -1; }
      #About .ContentsTitle .Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 30%;
        top: 23%;
        left: 41%; }
      #About .ContentsTitle .Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 20%;
        bottom: -2%;
        left: 13%; }
      #About .ContentsTitle .Main_section_title_sub {
        display: block;
        margin-bottom: 50px; }
    #About #AboutContents {
      position: relative;
      padding-bottom: 90px; }
      #About #AboutContents .Compny_Info {
        width: 75%;
        margin: 0 auto; }
        #About #AboutContents .Compny_Info dl dt {
          display: block;
          padding: 15px 0;
          border-bottom: 1px solid #b81c22;
          width: 100%;
          font-size: 1rem;
          font-weight: bold; }
        #About #AboutContents .Compny_Info dl dd {
          line-height: 2;
          display: block;
          border-bottom: 1px solid #bebebe;
          padding: 15px 0;
          font-size: 1rem;
          margin-bottom: 20px; }
      #About #AboutContents:before {
        content: "";
        background: url("../images/img_index/img_logo_vertical.png") no-repeat;
        position: absolute;
        top: 100px;
        left: 20px;
        width: 40px;
        height: 227px;
        background-size: cover; }
      #About #AboutContents:after {
        background: url("../images/img_commons/mv_overlay.png");
        height: 30.06em;
        width: 100%;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        opacity: 0.5; }
    #About #AccessMap {
      position: relative;
      height: 90vw; }
      #About #AccessMap .iframeArea iframe {
        width: 95%;
        position: absolute;
        top: -4vw;
        right: 0;
        height: 60vw; }
      #About #AccessMap #Infomartion {
        position: absolute;
        background: #fff;
        padding: 20px;
        border-bottom: 20px;
        left: 0;
        bottom: 6vw;
        width: 62vw; }
        #About #AccessMap #Infomartion figure {
          margin-bottom: 20px; }
          #About #AccessMap #Infomartion figure img {
            width: 180px;
            height: auto; }
        #About #AccessMap #Infomartion p {
          display: block;
          font-size: 1rem;
          line-height: 2; }

  .Title_C {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.5rem;
    color: #1f1f1f; }

  .Title_SS {
    font-family: 'Shippori Mincho', serif;
    font-size: 1.3rem;
    position: relative;
    margin-bottom: 40px; }
    .Title_SS:before {
      content: "";
      background: #b81c22;
      width: 30px;
      height: 1px;
      position: absolute;
      bottom: -12px;
      left: 0; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #About {
    position: relative;
    margin-top: 150px; }
    #About .ContentsTitle {
      position: relative; }
      #About .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_about.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 129px;
        width: 320px;
        background-size: cover;
        top: -46px;
        z-index: -1; }
      #About .ContentsTitle .Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 30%;
        top: 23%;
        left: 41%; }
      #About .ContentsTitle .Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 20%;
        bottom: -2%;
        left: 13%; }
      #About .ContentsTitle .Main_section_title_sub {
        display: block;
        margin-bottom: 50px; }
    #About #AboutContents {
      position: relative;
      padding-bottom: 90px; }
      #About #AboutContents .Compny_Info {
        width: 70%;
        margin: 0 auto; }
        #About #AboutContents .Compny_Info dl dt {
          display: block;
          padding: 15px 0;
          border-bottom: 1px solid #b81c22;
          width: 100%;
          font-size: 1rem;
          font-weight: bold; }
        #About #AboutContents .Compny_Info dl dd {
          line-height: 2;
          display: block;
          border-bottom: 1px solid #bebebe;
          padding: 15px 0;
          font-size: 1rem;
          margin-bottom: 20px; }
      #About #AboutContents:before {
        content: "";
        background: url("../images/img_index/img_logo_vertical.png") no-repeat;
        position: absolute;
        top: 100px;
        left: 10px;
        width: 38px;
        height: 216px;
        background-size: cover; }
      #About #AboutContents:after {
        background: url("../images/img_commons/mv_overlay.png");
        height: 30.06em;
        width: 100%;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        opacity: 0.5; }
    #About #AccessMap {
      position: relative;
      height: 135vw; }
      #About #AccessMap .iframeArea iframe {
        width: 100%;
        position: absolute;
        top: -4vw;
        right: 0;
        height: 90vw; }
      #About #AccessMap #Infomartion {
        position: absolute;
        background: #fff;
        padding: 20px;
        border-bottom: 20px;
        left: 0;
        bottom: 3vw;
        right: 0;
        margin: auto;
        width: 70vw; }
        #About #AccessMap #Infomartion figure {
          margin-bottom: 20px; }
          #About #AccessMap #Infomartion figure img {
            width: 150px;
            height: auto; }
        #About #AccessMap #Infomartion p {
          display: block;
          font-size: 1rem;
          line-height: 2; }

  .Title_C {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.5rem;
    color: #1f1f1f; }

  .Title_SS {
    font-family: 'Shippori Mincho', serif;
    font-size: 1.3rem;
    position: relative;
    margin-bottom: 40px; }
    .Title_SS:before {
      content: "";
      background: #b81c22;
      width: 30px;
      height: 1px;
      position: absolute;
      bottom: -12px;
      left: 0; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #About {
    position: relative;
    margin-top: 150px; }
    #About .ContentsTitle {
      position: relative; }
      #About .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_about.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 129px;
        width: 320px;
        background-size: cover;
        top: -46px;
        z-index: -1; }
      #About .ContentsTitle .Main_section_title_main:before {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 30%;
        top: 23%;
        left: 41%; }
      #About .ContentsTitle .Main_section_title_main:after {
        height: 2px;
        background: #b81c22;
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        -webkit-transform: rotate(-49deg);
        transform: rotate(-49deg);
        width: 20%;
        bottom: -2%;
        left: 13%; }
      #About .ContentsTitle .Main_section_title_sub {
        display: block;
        margin-bottom: 50px; }
    #About #AboutContents {
      position: relative;
      padding-bottom: 90px; }
      #About #AboutContents .Compny_Info {
        width: 70%;
        margin: 0 auto; }
        #About #AboutContents .Compny_Info dl dt {
          display: block;
          padding: 15px 0;
          border-bottom: 1px solid #b81c22;
          width: 100%;
          font-size: 1rem;
          font-weight: bold; }
        #About #AboutContents .Compny_Info dl dd {
          line-height: 2;
          display: block;
          border-bottom: 1px solid #bebebe;
          padding: 15px 0;
          font-size: 1rem;
          margin-bottom: 20px; }
      #About #AboutContents:before {
        content: "";
        background: url("../images/img_index/img_logo_vertical.png") no-repeat;
        position: absolute;
        top: 100px;
        left: 5px;
        width: 38px;
        height: 216px;
        background-size: cover; }
      #About #AboutContents:after {
        background: url("../images/img_commons/mv_overlay.png");
        height: 30.06em;
        width: 100%;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        opacity: 0.5; }
    #About #AccessMap {
      position: relative;
      height: 145vw; }
      #About #AccessMap .iframeArea iframe {
        width: 100%;
        position: absolute;
        top: -4vw;
        right: 0;
        height: 90vw; }
      #About #AccessMap #Infomartion {
        position: absolute;
        background: #fff;
        padding: 20px;
        border-bottom: 20px;
        left: 0;
        bottom: 3vw;
        right: 0;
        margin: auto;
        width: 80vw; }
        #About #AccessMap #Infomartion figure {
          margin-bottom: 20px; }
          #About #AccessMap #Infomartion figure img {
            width: 150px;
            height: auto; }
        #About #AccessMap #Infomartion p {
          display: block;
          font-size: 1rem;
          line-height: 2; }

  .Title_C {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.5rem;
    color: #1f1f1f; }

  .Title_SS {
    font-family: 'Shippori Mincho', serif;
    font-size: 1.3rem;
    position: relative;
    margin-bottom: 40px; }
    .Title_SS:before {
      content: "";
      background: #b81c22;
      width: 30px;
      height: 1px;
      position: absolute;
      bottom: -12px;
      left: 0; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #FooterContact {
    position: relative;
    margin: 10vw 0 10vw; }
    #FooterContact #FooterContactBG {
      background: url("../images/img_index/bg_contact.jpg") no-repeat center top;
      width: 100%;
      height: 30vw;
      background-attachment: fixed;
      background-size: cover;
      position: relative;
      z-index: -1; }
      #FooterContact #FooterContactBG:before {
        content: "";
        width: 1px;
        height: 90px;
        background: #b81c22;
        position: absolute;
        left: 0;
        right: 0;
        top: -90px;
        margin: auto; }
      #FooterContact #FooterContactBG:after {
        content: "";
        width: 1px;
        height: 40px;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        z-index: 1; }
    #FooterContact #FooterContactContents {
      /*&:after {
      	content: "";
      	width: 60%;
      	background: #b81c22;
      	padding: 50px 30px 30px 30px;
      	position: absolute;
      	left: 0;
      	right: 0;
      	bottom: -10vw;
      	z-index: 2;
      }*/ }
      #FooterContact #FooterContactContents .ContentsTitle {
        position: absolute;
        top: -4vw;
        left: 0;
        right: 0;
        margin: auto; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main {
          color: #fff; }
          #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 30%;
            top: 9%;
            left: 41%; }
          #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:after {
            height: 2px;
            background: #fff;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 20%;
            bottom: -7%;
            left: 10%; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_sub {
          color: #fff; }
      #FooterContact #FooterContactContents .Contact_icon {
        text-align: center; }
        #FooterContact #FooterContactContents .Contact_icon img {
          width: 60px;
          height: auto; }
      #FooterContact #FooterContactContents .ContentsInfo {
        margin-top: 20px; }
        #FooterContact #FooterContactContents .ContentsInfo p {
          color: #fff;
          font-size: 1rem;
          line-height: 2;
          text-align: center; }

  #FooterContactContents a {
    transition: all .3s;
    display: block;
    position: relative;
    width: 80vw;
    background: #b81c22;
    padding: 140px 2vw 2vw 2vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6vw;
    z-index: 2;
    margin: 0 auto;
    height: 310px;
    box-sizing: border-box; } }
#FooterContactContents a:link {
  color: #fff;
  text-decoration: none; }

/*未訪問のリンクの色*/
#FooterContactContents a:visited {
  color: #fff;
  text-decoration: none; }

/*訪問済みのリンクの色*/
#FooterContactContents a:hover {
  color: #fff;
  text-decoration: none;
  background: #a32f34; }

/*カーソルが乗っているリンクの色*/
#FooterContactContents a:active {
  color: #fff;
  text-decoration: none;
  background: #a32f34; }

/*クリック中のリンクの色*/
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #FooterContact {
    position: relative;
    margin: 10vw 0 200px; }
    #FooterContact #FooterContactBG {
      background: url("../images/img_index/bg_contact.jpg") no-repeat center top;
      background-size: 100%;
      width: 100%;
      height: 400px;
      position: relative;
      z-index: -1; }
      #FooterContact #FooterContactBG:before {
        content: "";
        width: 1px;
        height: 90px;
        background: #b81c22;
        position: absolute;
        left: 0;
        right: 0;
        top: -90px;
        margin: auto; }
      #FooterContact #FooterContactBG:after {
        content: "";
        width: 1px;
        height: 40px;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        z-index: 1; }
    #FooterContact #FooterContactContents .ContentsTitle {
      position: absolute;
      top: -4vw;
      left: 0;
      right: 0;
      margin: auto; }
      #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main {
        color: #fff; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 9%;
          left: 41%; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:after {
          height: 2px;
          background: #fff;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -7%;
          left: 10%; }
      #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_sub {
        color: #fff; }
    #FooterContact #FooterContactContents .Contact_icon {
      text-align: center; }
      #FooterContact #FooterContactContents .Contact_icon img {
        width: 60px;
        height: auto; }
    #FooterContact #FooterContactContents .ContentsInfo {
      margin-top: 20px; }
      #FooterContact #FooterContactContents .ContentsInfo p {
        color: #fff;
        font-size: 1rem;
        line-height: 2;
        text-align: center; }

  #FooterContactContents a {
    transition: all .3s;
    display: block;
    position: relative;
    width: 880px;
    background: #b81c22;
    padding: 130px 20px 20px 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -120px;
    z-index: 2;
    margin: 0 auto;
    height: 310px;
    box-sizing: border-box; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #FooterContact {
    position: relative;
    margin: 10vw 0 200px; }
    #FooterContact #FooterContactBG {
      background: url("../images/img_index/bg_contact.jpg") no-repeat center top;
      background-size: 100%;
      width: 100%;
      height: 400px;
      position: relative;
      z-index: -1; }
      #FooterContact #FooterContactBG:before {
        content: "";
        width: 1px;
        height: 90px;
        background: #b81c22;
        position: absolute;
        left: 0;
        right: 0;
        top: -90px;
        margin: auto; }
      #FooterContact #FooterContactBG:after {
        content: "";
        width: 1px;
        height: 40px;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        z-index: 1; }
    #FooterContact #FooterContactContents .ContentsTitle {
      position: absolute;
      top: -4vw;
      left: 0;
      right: 0;
      margin: auto; }
      #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main {
        color: #fff; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 9%;
          left: 41%; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:after {
          height: 2px;
          background: #fff;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -7%;
          left: 10%; }
      #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_sub {
        color: #fff; }
    #FooterContact #FooterContactContents .Contact_icon {
      text-align: center; }
      #FooterContact #FooterContactContents .Contact_icon img {
        width: 60px;
        height: auto; }
    #FooterContact #FooterContactContents .ContentsInfo {
      margin-top: 20px; }
      #FooterContact #FooterContactContents .ContentsInfo p {
        color: #fff;
        font-size: 1rem;
        line-height: 2;
        text-align: center; }

  #FooterContactContents a {
    transition: all .3s;
    display: block;
    position: relative;
    width: 85%;
    background: #b81c22;
    padding: 130px 20px 20px 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -120px;
    z-index: 2;
    margin: 0 auto;
    height: 310px;
    box-sizing: border-box; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #FooterContact {
    position: relative;
    margin: 10vw 0 200px; }
    #FooterContact #FooterContactBG {
      background: url("../images/img_index/bg_contact.jpg") no-repeat center top;
      background-size: 100%;
      width: 100%;
      height: 400px;
      position: relative;
      z-index: -1; }
      #FooterContact #FooterContactBG:before {
        content: "";
        width: 1px;
        height: 90px;
        background: #b81c22;
        position: absolute;
        left: 0;
        right: 0;
        top: -90px;
        margin: auto; }
      #FooterContact #FooterContactBG:after {
        content: "";
        width: 1px;
        height: 40px;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        z-index: 1; }
    #FooterContact #FooterContactContents .ContentsTitle {
      position: absolute;
      top: -4vw;
      left: 0;
      right: 0;
      margin: auto; }
      #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main {
        color: #fff; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 9%;
          left: 41%; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:after {
          height: 2px;
          background: #fff;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -7%;
          left: 10%; }
      #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_sub {
        color: #fff; }
    #FooterContact #FooterContactContents .Contact_icon {
      text-align: center; }
      #FooterContact #FooterContactContents .Contact_icon img {
        width: 60px;
        height: auto; }
    #FooterContact #FooterContactContents .ContentsInfo {
      margin-top: 20px; }
      #FooterContact #FooterContactContents .ContentsInfo p {
        color: #fff;
        font-size: 1rem;
        line-height: 2;
        text-align: center; }

  #FooterContactContents a {
    transition: all .3s;
    display: block;
    position: relative;
    width: 85%;
    background: #b81c22;
    padding: 130px 20px 20px 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -120px;
    z-index: 2;
    margin: 0 auto;
    height: 290px;
    box-sizing: border-box; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #FooterContact {
    position: relative;
    margin: 10vw 0 160px; }
    #FooterContact #FooterContactBG {
      background: url("../images/img_index/bg_contact.jpg") no-repeat center top;
      background-size: 100%;
      width: 100%;
      height: 330px;
      position: relative;
      z-index: -1; }
      #FooterContact #FooterContactBG:before {
        content: "";
        width: 1px;
        height: 90px;
        background: #b81c22;
        position: absolute;
        left: 0;
        right: 0;
        top: -90px;
        margin: auto; }
      #FooterContact #FooterContactBG:after {
        content: "";
        width: 1px;
        height: 40px;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        z-index: 1; }
    #FooterContact #FooterContactContents .ContentsTitle {
      position: absolute;
      top: -40px;
      left: 0;
      right: 0;
      margin: auto; }
      #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main {
        color: #fff; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 9%;
          left: 41%; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:after {
          height: 2px;
          background: #fff;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -7%;
          left: 10%; }
      #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_sub {
        color: #fff; }
    #FooterContact #FooterContactContents .Contact_icon {
      text-align: center; }
      #FooterContact #FooterContactContents .Contact_icon img {
        width: 60px;
        height: auto; }
    #FooterContact #FooterContactContents .ContentsInfo {
      margin-top: 20px; }
      #FooterContact #FooterContactContents .ContentsInfo p {
        color: #fff;
        font-size: 0.88rem;
        line-height: 2;
        text-align: center; }

  #FooterContactContents a {
    transition: all .3s;
    display: block;
    position: relative;
    width: 85%;
    background: #b81c22;
    padding: 100px 20px 20px 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -85px;
    z-index: 2;
    margin: 0 auto;
    height: 250px;
    box-sizing: border-box; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #FooterContact {
    position: relative;
    margin: 10vw 0 90px; }
    #FooterContact #FooterContactBG {
      background: url("../images/img_index/bg_contact.jpg") no-repeat center top;
      background-size: 100%;
      width: 100%;
      height: 370px;
      position: relative;
      z-index: -1; }
      #FooterContact #FooterContactBG:before {
        content: "";
        width: 1px;
        height: 90px;
        background: #b81c22;
        position: absolute;
        left: 0;
        right: 0;
        top: -90px;
        margin: auto; }
      #FooterContact #FooterContactBG:after {
        content: "";
        width: 1px;
        height: 40px;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        z-index: 1; }
    #FooterContact #FooterContactContents .ContentsTitle {
      position: absolute;
      top: -35px;
      left: 0;
      right: 0;
      margin: auto; }
      #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main {
        color: #fff; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 9%;
          left: 41%; }
        #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_main:after {
          height: 2px;
          background: #fff;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -7%;
          left: 10%; }
      #FooterContact #FooterContactContents .ContentsTitle .Main_section_title_sub {
        color: #fff; }
    #FooterContact #FooterContactContents .Contact_icon {
      text-align: center; }
      #FooterContact #FooterContactContents .Contact_icon img {
        width: 60px;
        height: auto; }
    #FooterContact #FooterContactContents .ContentsInfo {
      margin-top: 20px; }
      #FooterContact #FooterContactContents .ContentsInfo p {
        color: #fff;
        font-size: 0.88rem;
        line-height: 2;
        text-align: center; }

  #FooterContactContents a {
    transition: all .3s;
    display: block;
    position: relative;
    width: 85%;
    background: #b81c22;
    padding: 100px 20px 20px 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    z-index: 2;
    margin: 0 auto;
    height: 260px;
    box-sizing: border-box; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #FooterArea {
    background: #181717;
    padding: 4vw 2vw;
    position: relative; }
    #FooterArea .FooterInfo {
      display: flex; }
      #FooterArea .FooterInfo .CompnyInfo {
        margin-right: 50px; }
        #FooterArea .FooterInfo .CompnyInfo .FooterLogo {
          margin-bottom: 15px; }
          #FooterArea .FooterInfo .CompnyInfo .FooterLogo img {
            max-width: 200px;
            height: auto; }
          #FooterArea .FooterInfo .CompnyInfo .FooterLogo .companyNameJP {
            color: #fff;
            display: block;
            margin-top: 10px; }
        #FooterArea .FooterInfo .CompnyInfo .LfooterInfo p {
          font-size: 1rem;
          color: #fff;
          line-height: 2; }

  .SNS_List {
    margin-top: 40px; }
    .SNS_List ul {
      display: flex; }
      .SNS_List ul:before {
        content: "Follow on";
        color: #fff;
        font-size: 1rem;
        margin-right: 20px;
        font-weight: 200; }
      .SNS_List ul li {
        margin-right: 15px; }
        .SNS_List ul li:last-child {
          margin-right: 0; }
        .SNS_List ul li a {
          transition: all .3s; }
          .SNS_List ul li a span {
            font-size: 1.3rem; }

  .related_links ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 2; }
    .related_links ul li:last-child {
      margin-bottom: 0; }
    .related_links ul li a {
      transition: all .3s; } }
.SNS_List ul li a:link {
  color: #fff;
  text-decoration: none; }

/*未訪問のリンクの色*/
.SNS_List ul li a:visited {
  color: #fff;
  text-decoration: none; }

/*訪問済みのリンクの色*/
.SNS_List ul li a:hover {
  color: #676767;
  text-decoration: none; }

/*カーソルが乗っているリンクの色*/
.SNS_List ul li a:active {
  color: #676767;
  text-decoration: none; }

/*クリック中のリンクの色*/
.related_links ul li a:link {
  color: #fff;
  text-decoration: none; }

/*未訪問のリンクの色*/
.related_links ul li a:visited {
  color: #fff;
  text-decoration: none; }

/*訪問済みのリンクの色*/
.related_links ul li a:hover {
  color: #676767;
  text-decoration: none; }

/*カーソルが乗っているリンクの色*/
.related_links ul li a:active {
  color: #676767;
  text-decoration: none; }

/*クリック中のリンクの色*/
.l_footer_pagetop {
  position: absolute;
  right: 60px;
  bottom: 0; }

.l_footer_pagetop_link {
  line-height: 1;
  display: block;
  color: #fff;
  font-size: 1rem;
  white-space: nowrap; }

/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .l_footer__pagetop_txt {
    font-family: 'Shippori Mincho', serif;
    margin-bottom: 10px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .l_footer__pagetop_txt {
    font-family: 'Shippori Mincho', serif;
    margin-bottom: 10px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 0.95rem; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  .l_footer__pagetop_txt {
    font-family: 'Shippori Mincho', serif;
    margin-bottom: 10px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 0.85rem; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  .l_footer__pagetop_txt {
    font-family: 'Shippori Mincho', serif;
    margin-bottom: 10px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 0.75rem; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .l_footer__pagetop_txt {
    font-family: 'Shippori Mincho', serif;
    margin-bottom: 10px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 0.65rem; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .l_footer__pagetop_txt {
    font-family: 'Shippori Mincho', serif;
    margin-bottom: 10px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 0.65rem; } }
.l_footer_pagetop_line {
  position: relative;
  display: block;
  width: 1px;
  height: 120px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.14); }

.l_footer_pagetop_line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 120px;
  background: #fff;
  -webkit-animation: scroll-top-bar 3s cubic-bezier(1, 0, 0, 1) infinite;
  animation: scroll-top-bar 3s cubic-bezier(1, 0, 0, 1) infinite; }

.l-footer__inner {
  padding: 40px 40px 30px 20px;
  color: #fff; }

@media all and (min-width: 768px) {
  .l_footer_pagetop_link {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .l_footer_pagetop_link:hover {
    color: #fff;
    text-decoration: none; }

  .l_footer_pagetop_line {
    height: 100px; }

  .l_footer_pagetop_line::after {
    height: 100px; }

  .l-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 74px;
    padding-bottom: 64px; } }
@media (max-width: 1550px) and (min-width: 768px) {
  .l-footer__inner {
    padding-right: 80px !important; } }
@-webkit-keyframes scroll-top-bar {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%; }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%; }
  50.1% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
  100% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; } }
@keyframes scroll-top-bar {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%; }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%; }
  50.1% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
  100% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #FooterArea {
    background: #181717;
    padding: 4vw 2vw;
    position: relative; }
    #FooterArea .FooterInfo {
      display: flex; }
      #FooterArea .FooterInfo .CompnyInfo {
        margin-right: 50px; }
        #FooterArea .FooterInfo .CompnyInfo .FooterLogo {
          margin-bottom: 15px; }
          #FooterArea .FooterInfo .CompnyInfo .FooterLogo img {
            max-width: 200px;
            height: auto; }
          #FooterArea .FooterInfo .CompnyInfo .FooterLogo .companyNameJP {
            color: #fff;
            display: block;
            margin-top: 10px; }
        #FooterArea .FooterInfo .CompnyInfo .LfooterInfo p {
          font-size: 1rem;
          color: #fff;
          line-height: 2; }

  .SNS_List {
    margin-top: 40px; }
    .SNS_List ul {
      display: flex; }
      .SNS_List ul:before {
        content: "Follow on";
        color: #fff;
        font-size: 1rem;
        margin-right: 20px;
        font-weight: 200; }
      .SNS_List ul li {
        margin-right: 15px; }
        .SNS_List ul li:last-child {
          margin-right: 0; }
        .SNS_List ul li a {
          transition: all .3s; }
          .SNS_List ul li a span {
            font-size: 1.3rem; }

  .related_links ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 2; }
    .related_links ul li:last-child {
      margin-bottom: 0; }
    .related_links ul li a {
      transition: all .3s; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #FooterArea {
    background: #181717;
    padding: 4vw 2vw;
    position: relative; }
    #FooterArea .FooterInfo {
      display: flex; }
      #FooterArea .FooterInfo .CompnyInfo {
        margin-right: 50px; }
        #FooterArea .FooterInfo .CompnyInfo .FooterLogo {
          margin-bottom: 15px; }
          #FooterArea .FooterInfo .CompnyInfo .FooterLogo img {
            max-width: 200px;
            height: auto; }
          #FooterArea .FooterInfo .CompnyInfo .FooterLogo .companyNameJP {
            color: #fff;
            display: block;
            margin-top: 10px; }
        #FooterArea .FooterInfo .CompnyInfo .LfooterInfo p {
          font-size: 1rem;
          color: #fff;
          line-height: 2; }

  .SNS_List {
    margin-top: 40px; }
    .SNS_List ul {
      display: flex; }
      .SNS_List ul:before {
        content: "Follow on";
        color: #fff;
        font-size: 1rem;
        margin-right: 20px;
        font-weight: 200; }
      .SNS_List ul li {
        margin-right: 15px; }
        .SNS_List ul li:last-child {
          margin-right: 0; }
        .SNS_List ul li a {
          transition: all .3s; }
          .SNS_List ul li a span {
            font-size: 1.3rem; }

  .related_links ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 2; }
    .related_links ul li:last-child {
      margin-bottom: 0; }
    .related_links ul li a {
      transition: all .3s; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #FooterArea {
    background: #181717;
    padding: 30px;
    position: relative; }
    #FooterArea .FooterInfo .CompnyInfo {
      margin-right: 50px; }
      #FooterArea .FooterInfo .CompnyInfo .FooterLogo {
        margin-bottom: 15px; }
        #FooterArea .FooterInfo .CompnyInfo .FooterLogo img {
          max-width: 200px;
          height: auto; }
        #FooterArea .FooterInfo .CompnyInfo .FooterLogo .companyNameJP {
          color: #fff;
          display: block;
          margin-top: 10px; }
      #FooterArea .FooterInfo .CompnyInfo .LfooterInfo p {
        font-size: 1rem;
        color: #fff;
        line-height: 2; }
    #FooterArea .FooterInfo .related_links {
      margin-top: 30px; }

  .SNS_List {
    margin-top: 40px; }
    .SNS_List ul {
      display: flex; }
      .SNS_List ul:before {
        content: "Follow on";
        color: #fff;
        font-size: 1rem;
        margin-right: 20px;
        font-weight: 200; }
      .SNS_List ul li {
        margin-right: 15px; }
        .SNS_List ul li:last-child {
          margin-right: 0; }
        .SNS_List ul li a {
          transition: all .3s; }
          .SNS_List ul li a span {
            font-size: 1.3rem; }

  .related_links ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 2; }
    .related_links ul li:last-child {
      margin-bottom: 0; }
    .related_links ul li a {
      transition: all .3s; }

  .l_footer_pagetop {
    position: absolute;
    right: 30px;
    bottom: 0; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #FooterArea {
    background: #181717;
    padding: 30px;
    position: relative; }
    #FooterArea .FooterInfo .CompnyInfo {
      margin-right: 50px; }
      #FooterArea .FooterInfo .CompnyInfo .FooterLogo {
        margin-bottom: 15px; }
        #FooterArea .FooterInfo .CompnyInfo .FooterLogo img {
          max-width: 180px;
          height: auto; }
        #FooterArea .FooterInfo .CompnyInfo .FooterLogo .companyNameJP {
          color: #fff;
          display: block;
          margin-top: 10px; }
      #FooterArea .FooterInfo .CompnyInfo .LfooterInfo p {
        font-size: 1rem;
        color: #fff;
        line-height: 2; }
    #FooterArea .FooterInfo .related_links {
      margin-top: 30px; }

  .SNS_List {
    margin-top: 40px; }
    .SNS_List ul {
      display: flex; }
      .SNS_List ul:before {
        content: "Follow on";
        color: #fff;
        font-size: 1rem;
        margin-right: 20px;
        font-weight: 200; }
      .SNS_List ul li {
        margin-right: 15px; }
        .SNS_List ul li:last-child {
          margin-right: 0; }
        .SNS_List ul li a {
          transition: all .3s; }
          .SNS_List ul li a span {
            font-size: 1.3rem; }

  .related_links ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 2; }
    .related_links ul li:last-child {
      margin-bottom: 0; }
    .related_links ul li a {
      transition: all .3s; }

  .l_footer_pagetop {
    position: absolute;
    right: 30px;
    bottom: 0; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #FooterArea {
    background: #181717;
    padding: 30px;
    position: relative; }
    #FooterArea .FooterInfo .CompnyInfo {
      margin-right: 50px; }
      #FooterArea .FooterInfo .CompnyInfo .FooterLogo {
        margin-bottom: 15px; }
        #FooterArea .FooterInfo .CompnyInfo .FooterLogo img {
          max-width: 150px;
          height: auto; }
        #FooterArea .FooterInfo .CompnyInfo .FooterLogo .companyNameJP {
          color: #fff;
          display: block;
          margin-top: 10px; }
      #FooterArea .FooterInfo .CompnyInfo .LfooterInfo p {
        font-size: 1rem;
        color: #fff;
        line-height: 2; }
    #FooterArea .FooterInfo .related_links {
      margin-top: 30px; }

  .SNS_List {
    margin-top: 40px; }
    .SNS_List ul {
      display: flex; }
      .SNS_List ul:before {
        content: "Follow on";
        color: #fff;
        font-size: 1rem;
        margin-right: 20px;
        font-weight: 200; }
      .SNS_List ul li {
        margin-right: 15px; }
        .SNS_List ul li:last-child {
          margin-right: 0; }
        .SNS_List ul li a {
          transition: all .3s; }
          .SNS_List ul li a span {
            font-size: 1.3rem; }

  .related_links ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 2; }
    .related_links ul li:last-child {
      margin-bottom: 0; }
    .related_links ul li a {
      transition: all .3s; }

  .l_footer_pagetop {
    position: absolute;
    right: 30px;
    bottom: 0; } }
#Top .pagination {
  display: none;
  opacity: 0; }

#Top.is-animation .pagination {
  display: block;
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards; }

.pagination {
  position: fixed;
  right: 25px;
  top: 20%;
  transform: translateY(-50%);
  font-size: 1em;
  z-index: 10;
  list-style: none; }

.pagination a {
  display: block;
  height: 40px;
  margin-bottom: 5px;
  color: #1f1f1f;
  position: relative;
  padding: 4px; }

.pagination a.active:after {
  box-shadow: inset 0 0 0 5px; }

/*現在地表示のテキストの設定*/
.pagination a .hover-text {
  position: absolute;
  right: 15px;
  top: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  padding-right: 15px;
  font-family: 'Shippori Mincho', serif; }

.pagination a:hover .hover-text {
  opacity: 1; }

.pagination a:after {
  -webkit-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  width: 3px;
  height: 40px;
  display: block;
  /*border-radius: 50%;*/
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  right: 5px;
  bottom: 0;
  background: #1f1f1f; }

.pagination a.current {
  color: #b81c22; }

.pagination a.current .hover-text {
  opacity: initial; }

.pagination a.current:after {
  -webkit-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  width: 3px;
  height: 40px;
  display: block;
  /*border-radius: 50%;*/
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  right: 5px;
  bottom: 0;
  transition: 0.3s;
  background: #b81c22; }

/*768px以下は現在地表示のテキストを非表示*/
@media screen and (max-width: 768px) {
  .pagination a .hover-text {
    display: none; } }
@keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0); }
  to {
    opacity: 0;
    transform: translateY(-100px); } }
@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #SiteMenu {
    width: 110px;
    display: none;
    z-index: 999; }
    #SiteMenu .hamburger {
      position: fixed;
      display: block;
      width: 60px;
      height: 20px;
      top: 26px;
      right: 16px;
      margin-top: 4px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }

  .is-animation #SiteMenu {
    display: block; }

  #Top.is-animation #SiteMenu .hamburger, #Top.is-animation .MenuWH {
    animation: DownAnime 0.5s forwards; }

  #Top #SiteMenu .hamburger, #Top .MenuWH {
    opacity: 1;
    transition: all 1s; }

  .TopMainVisual {
    background-size: cover; }

  .MenuWH {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #1f1f1f;
    width: 110px;
    height: 106px;
    z-index: 100; }

  .hamburger {
    position: fixed;
    display: block;
    width: 60px;
    height: 20px;
    top: 4%;
    right: 16px;
    margin-top: 4px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: -9px;
    width: 100%;
    height: 2px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .active em {
    color: #1f1f1f !important; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -33px;
    font-size: 13px;
    font-weight: 500; }

  .hamburger span:nth-of-type(1) {
    top: 0; }

  .hamburger span:nth-of-type(2) {
    top: 9px; }

  .hamburger span:nth-of-type(3) {
    bottom: 0; }

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards;
    background-color: #1f1f1f; }

  .active span:nth-of-type(2) {
    opacity: 0; }

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards;
    background-color: #1f1f1f; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    background-size: cover;
    opacity: 1;
    overflow-y: scroll;
    -ms-scroll-chaining: none;
    overscroll-behavior: none; }

  #navigation .navigation_inner {
    display: table;
    width: 100%;
    height: 100%; }

  #navigation .navigation_menu {
    display: table-cell;
    vertical-align: middle;
    padding: 4vw;
    box-sizing: border-box; }

  #navigation .navigation_item {
    position: relative;
    width: 40vw;
    margin: 16px auto 0 auto; }

  #navigation .navigation_item:first-child {
    margin-top: 0; }

  #navigation .navigation_item a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    font-size: 20px; }

  a.line {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    font-weight: bold; }

  ul li.navigation_item_2 {
    position: relative;
    margin-left: 20px; }

  ul li.navigation_item_2::after {
    display: block;
    content: '';
    position: absolute;
    top: .9em;
    left: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    z-index: 99999999999; }

  .cb-header .hamburger {
    position: absolute;
    display: block;
    width: 60px;
    height: 20px;
    top: 46%;
    right: 16px;
    margin-top: 4px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .MenuTop {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    width: 100%;
    height: 100vh; }
    .MenuTop .MenuContents {
      padding: 40px;
      box-sizing: border-box;
      width: 65%; }
      .MenuTop .MenuContents .MenuTitle {
        margin-bottom: 50px; }
        .MenuTop .MenuContents .MenuTitle .LogoImage {
          margin-bottom: 20px; }
          .MenuTop .MenuContents .MenuTitle .LogoImage img {
            width: 280px;
            height: auto; }
        .MenuTop .MenuContents .MenuTitle p a {
          font-size: 1.3rem; }
      .MenuTop .MenuContents ul.PageMenu li {
        margin-bottom: 15px;
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc; }
        .MenuTop .MenuContents ul.PageMenu li:last-child {
          margin-bottom: 0; }
        .MenuTop .MenuContents ul.PageMenu li a {
          font-size: 2.4rem;
          transition: all .3s;
          font-family: 'Shippori Mincho', serif;
          display: block; }
    .MenuTop .MenuImage {
      background: url("../images/img_commons/bg_menu.jpg") no-repeat center top;
      background-size: cover;
      width: 35%;
      height: auto; }

  .Menu_SNS {
    margin-top: 40px; }
    .Menu_SNS ul {
      display: flex; }
      .Menu_SNS ul li {
        margin-right: 20px; }
        .Menu_SNS ul li:last-child {
          margin-right: 0; }
        .Menu_SNS ul li a {
          font-size: 2rem;
          transition: all .3s; } }
.PageMenu li a:link {
  color: #1f1f1f;
  text-decoration: none; }

/*未訪問のリンクの色*/
.PageMenu li a:visited {
  color: #1f1f1f;
  text-decoration: none; }

/*訪問済みのリンクの色*/
.PageMenu li a:hover {
  color: #b81c22;
  text-decoration: none; }

/*カーソルが乗っているリンクの色*/
.PageMenu li a:active {
  color: #b81c22;
  text-decoration: none; }

/*クリック中のリンクの色*/
.Menu_SNS a:link {
  color: #1f1f1f;
  text-decoration: none; }

/*未訪問のリンクの色*/
.Menu_SNS a:visited {
  color: #1f1f1f;
  text-decoration: none; }

/*訪問済みのリンクの色*/
.Menu_SNS a:hover {
  color: #b81c22;
  text-decoration: none; }

/*カーソルが乗っているリンクの色*/
.Menu_SNS a:active {
  color: #b81c22;
  text-decoration: none; }

/*クリック中のリンクの色*/
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #SiteMenu {
    width: 110px;
    display: none;
    transition: all .4s; }
    #SiteMenu .hamburger {
      position: fixed;
      display: block;
      width: 60px;
      height: 20px;
      top: 26px;
      right: 16px;
      margin-top: 4px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }

  /*.is-animation #SiteMenu {
  	display: block;
  	transition: all .4s;
  }*/
  .TopMainVisual {
    background-size: cover; }

  .MenuWH {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #1f1f1f;
    width: 110px;
    height: 106px;
    z-index: 100; }

  .hamburger {
    position: fixed;
    display: block;
    width: 60px;
    height: 20px;
    top: 4%;
    right: 16px;
    margin-top: 4px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: -9px;
    width: 100%;
    height: 2px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .active em {
    color: #1f1f1f !important; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -33px;
    font-size: 13px;
    font-weight: 500; }

  .hamburger span:nth-of-type(1) {
    top: 0; }

  .hamburger span:nth-of-type(2) {
    top: 9px; }

  .hamburger span:nth-of-type(3) {
    bottom: 0; }

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .hamburgerFixation {
    position: absolute;
    display: block;
    width: 32px;
    height: 20px;
    top: 35%;
    right: 16px;
    margin-top: -10px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburgerFixation span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto; }

  .hamburgerFixation em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -20px;
    font-size: 10px;
    font-weight: 500; }

  .hamburgerFixation span:nth-of-type(1) {
    top: 0; }

  .hamburgerFixation span:nth-of-type(2) {
    top: 9px; }

  .hamburgerFixation span:nth-of-type(3) {
    bottom: 0; }

  .hamburgerFixation span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburgerFixation span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburgerFixation span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards;
    background-color: #1f1f1f; }

  .active span:nth-of-type(2) {
    opacity: 0; }

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards;
    background-color: #1f1f1f; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99998;
    background-size: cover;
    overflow-Y: scroll;
    opacity: 1; }

  #navigation .navigation_inner {
    display: table;
    width: 100%;
    height: 100%; }

  #navigation .navigation_menu {
    display: table-cell;
    vertical-align: middle;
    padding: 4vw;
    box-sizing: border-box; }

  #navigation .navigation_item {
    position: relative;
    width: 40vw;
    margin: 16px auto 0 auto; }

  #navigation .navigation_item:first-child {
    margin-top: 0; }

  #navigation .navigation_item a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    font-size: 20px; }

  a.line {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    font-weight: bold; }

  ul li.navigation_item_2 {
    position: relative;
    margin-left: 20px; }

  ul li.navigation_item_2::after {
    display: block;
    content: '';
    position: absolute;
    top: .9em;
    left: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    z-index: 99999999999; }

  .cb-header .hamburger {
    position: absolute;
    display: block;
    width: 60px;
    height: 20px;
    top: 46%;
    right: 16px;
    margin-top: 4px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .MenuTop {
    padding: 2vw; }

  .MenuContents ul.Top {
    margin-bottom: 15px; }
    .MenuContents ul.Top li {
      padding: 10px 15px; }
      .MenuContents ul.Top li a {
        display: block;
        font-size: 20px;
        padding: 0 0 15px;
        width: 28vw;
        /*未訪問のリンクの色*/
        /*訪問済みのリンクの色*/
        /*カーソルが乗っているリンクの色*/
        /*クリック中のリンクの色*/ }
        .MenuContents ul.Top li a:link {
          color: #000;
          border-bottom: 3px solid #000;
          text-decoration: none;
          transition: 0.5s; }
        .MenuContents ul.Top li a:visited {
          color: #000;
          border-bottom: 3px solid #000;
          text-decoration: none; }
        .MenuContents ul.Top li a:hover {
          color: #1f1f1f;
          border-bottom: 3px solid #1f1f1f;
          text-decoration: none; }
        .MenuContents ul.Top li a:active {
          color: #1f1f1f;
          border-bottom: 3px solid #1f1f1f;
          text-decoration: none; }
  .MenuContents ul.MessageMenu {
    display: flex;
    flex-wrap: wrap; }
    .MenuContents ul.MessageMenu li {
      padding: 10px 15px; }
      .MenuContents ul.MessageMenu li a {
        display: block;
        font-size: 20px;
        padding: 0 0 15px;
        width: 28vw; }
        .MenuContents ul.MessageMenu li a i {
          font-size: 80%;
          display: block; }
        .MenuContents ul.MessageMenu li a.welfareLink {
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          .MenuContents ul.MessageMenu li a.welfareLink:link {
            color: #000;
            border-bottom: 3px solid #000;
            text-decoration: none;
            transition: 0.5s; }
          .MenuContents ul.MessageMenu li a.welfareLink:visited {
            color: #000;
            border-bottom: 3px solid #000;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.welfareLink:hover {
            color: #ee86a5;
            border-bottom: 3px solid #ee86a5;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.welfareLink:active {
            color: #ee86a5;
            border-bottom: 3px solid #ee86a5;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.welfareLink i {
            color: #ee86a5; }
        .MenuContents ul.MessageMenu li a.clinical_psychologyLink {
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          .MenuContents ul.MessageMenu li a.clinical_psychologyLink:link {
            color: #000;
            border-bottom: 3px solid #000;
            text-decoration: none;
            transition: 0.5s; }
          .MenuContents ul.MessageMenu li a.clinical_psychologyLink:visited {
            color: #000;
            border-bottom: 3px solid #000;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.clinical_psychologyLink:hover {
            color: #93c755;
            border-bottom: 3px solid #93c755;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.clinical_psychologyLink:active {
            color: #93c755;
            border-bottom: 3px solid #93c755;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.clinical_psychologyLink i {
            color: #93c755; }
        .MenuContents ul.MessageMenu li a.life_medicalLink {
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          .MenuContents ul.MessageMenu li a.life_medicalLink:link {
            color: #000;
            border-bottom: 3px solid #000;
            text-decoration: none;
            transition: 0.5s; }
          .MenuContents ul.MessageMenu li a.life_medicalLink:visited {
            color: #000;
            border-bottom: 3px solid #000;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.life_medicalLink:hover {
            color: #a69ac5;
            border-bottom: 3px solid #a69ac5;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.life_medicalLink:active {
            color: #a69ac5;
            border-bottom: 3px solid #a69ac5;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.life_medicalLink i {
            color: #a69ac5; }
        .MenuContents ul.MessageMenu li a.medicinelLink {
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          .MenuContents ul.MessageMenu li a.medicinelLink:link {
            color: #000;
            border-bottom: 3px solid #000;
            text-decoration: none;
            transition: 0.5s; }
          .MenuContents ul.MessageMenu li a.medicinelLink:visited {
            color: #000;
            border-bottom: 3px solid #000;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.medicinelLink:hover {
            color: #43bfe3;
            border-bottom: 3px solid #43bfe3;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.medicinelLink:active {
            color: #43bfe3;
            border-bottom: 3px solid #43bfe3;
            text-decoration: none; }
          .MenuContents ul.MessageMenu li a.medicinelLink i {
            color: #43bfe3; }

  .MenuTitle .LogoImage {
    text-align: center; }
    .MenuTitle .LogoImage img {
      width: 15vw;
      height: auto; }
  .MenuTitle p {
    font-family: 'Allura', cursive;
    color: #353535;
    font-size: 35px;
    text-align: center; }

  .MenuTop {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    width: 100%;
    height: 100vh; }
    .MenuTop .MenuContents {
      padding: 40px;
      box-sizing: border-box;
      width: 65%; }
      .MenuTop .MenuContents .MenuTitle {
        margin-bottom: 50px; }
        .MenuTop .MenuContents .MenuTitle .LogoImage {
          margin-bottom: 20px; }
          .MenuTop .MenuContents .MenuTitle .LogoImage img {
            width: 280px;
            height: auto; }
        .MenuTop .MenuContents .MenuTitle p a {
          font-size: 1.3rem; }
      .MenuTop .MenuContents ul.PageMenu li {
        margin-bottom: 15px;
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc; }
        .MenuTop .MenuContents ul.PageMenu li:last-child {
          margin-bottom: 0; }
        .MenuTop .MenuContents ul.PageMenu li a {
          font-size: 2.3rem;
          transition: all .3s;
          font-family: 'Shippori Mincho', serif;
          display: block; }
    .MenuTop .MenuImage {
      background: url("../images/img_commons/bg_menu.jpg") no-repeat center top;
      background-size: cover;
      width: 35%;
      height: auto; }

  .Menu_SNS {
    margin-top: 40px; }
    .Menu_SNS ul {
      display: flex; }
      .Menu_SNS ul li {
        margin-right: 20px; }
        .Menu_SNS ul li:last-child {
          margin-right: 0; }
        .Menu_SNS ul li a {
          font-size: 2rem;
          transition: all .3s; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #SiteMenu {
    width: 110px; }
    #SiteMenu .hamburger {
      position: fixed;
      display: block;
      width: 60px;
      height: 20px;
      top: 26px;
      right: 8px;
      margin-top: 4px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }

  .TopMainVisual {
    background-size: cover; }

  .MenuWH {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #1f1f1f;
    width: 90px;
    height: 90px;
    z-index: 100; }

  .hamburger {
    position: fixed;
    display: block;
    width: 60px;
    height: 20px;
    top: 4%;
    right: 16px;
    margin-top: 4px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: -9px;
    width: 100%;
    height: 2px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .active em {
    color: #1f1f1f !important; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -33px;
    font-size: 13px;
    font-weight: 500; }

  .hamburger span:nth-of-type(1) {
    top: 0; }

  .hamburger span:nth-of-type(2) {
    top: 9px; }

  .hamburger span:nth-of-type(3) {
    bottom: 0; }

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .hamburgerFixation {
    position: absolute;
    display: block;
    width: 32px;
    height: 20px;
    top: 35%;
    right: 16px;
    margin-top: -10px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburgerFixation span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto; }

  .hamburgerFixation em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -20px;
    font-size: 10px;
    font-weight: 500; }

  .hamburgerFixation span:nth-of-type(1) {
    top: 0; }

  .hamburgerFixation span:nth-of-type(2) {
    top: 9px; }

  .hamburgerFixation span:nth-of-type(3) {
    bottom: 0; }

  .hamburgerFixation span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburgerFixation span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburgerFixation span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards;
    background-color: #1f1f1f; }

  .active span:nth-of-type(2) {
    opacity: 0; }

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards;
    background-color: #1f1f1f; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    background-size: cover;
    overflow-Y: scroll;
    opacity: 1; }

  #navigation .navigation_inner {
    display: table;
    width: 100%;
    height: 100%; }

  #navigation .navigation_menu {
    display: table-cell;
    vertical-align: middle;
    padding: 4vw;
    box-sizing: border-box; }

  #navigation .navigation_item {
    position: relative;
    width: 40vw;
    margin: 16px auto 0 auto; }

  #navigation .navigation_item:first-child {
    margin-top: 0; }

  #navigation .navigation_item a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    font-size: 20px; }

  a.line {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    font-weight: bold; }

  ul li.navigation_item_2 {
    position: relative;
    margin-left: 20px; }

  ul li.navigation_item_2::after {
    display: block;
    content: '';
    position: absolute;
    top: .9em;
    left: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    z-index: 999; }

  .cb-header .hamburger {
    position: absolute;
    display: block;
    width: 60px;
    height: 20px;
    top: 46%;
    right: 16px;
    margin-top: 4px;
    z-index: 999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .MenuTop {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    width: 100%;
    height: 100vh;
    padding: 40px;
    box-sizing: border-box; }
    .MenuTop .MenuContents {
      width: 100%; }
      .MenuTop .MenuContents .MenuTitle {
        margin-bottom: 50px; }
        .MenuTop .MenuContents .MenuTitle .LogoImage {
          margin-bottom: 10px; }
          .MenuTop .MenuContents .MenuTitle .LogoImage img {
            width: 220px;
            height: auto; }
        .MenuTop .MenuContents .MenuTitle p {
          font-size: 1rem; }
      .MenuTop .MenuContents ul.PageMenu li {
        margin-bottom: 15px;
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc; }
        .MenuTop .MenuContents ul.PageMenu li:last-child {
          margin-bottom: 0; }
        .MenuTop .MenuContents ul.PageMenu li a {
          font-size: 2.2rem;
          transition: all .3s;
          font-family: 'Shippori Mincho', serif;
          display: block; }

  .Menu_SNS {
    margin-top: 40px; }
    .Menu_SNS ul {
      display: flex; }
      .Menu_SNS ul li {
        margin-right: 20px; }
        .Menu_SNS ul li:last-child {
          margin-right: 0; }
        .Menu_SNS ul li a {
          font-size: 2rem;
          transition: all .3s; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #SiteMenu {
    width: 110px; }
    #SiteMenu .hamburger {
      position: fixed;
      display: block;
      width: 60px;
      height: 20px;
      top: 18px;
      right: 7px;
      margin-top: 4px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }

  .TopMainVisual {
    background-size: cover; }

  .MenuWH {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #1f1f1f;
    width: 90px;
    height: 90px;
    z-index: 100; }

  .hamburger {
    position: fixed;
    display: block;
    width: 60px;
    height: 20px;
    top: 18px;
    right: 7px;
    margin-top: 4px;
    z-index: 999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: -9px;
    width: 100%;
    height: 2px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .active em {
    color: #1f1f1f !important; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -33px;
    font-size: 13px;
    font-weight: 500; }

  .hamburger span:nth-of-type(1) {
    top: 0; }

  .hamburger span:nth-of-type(2) {
    top: 9px; }

  .hamburger span:nth-of-type(3) {
    bottom: 0; }

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards;
    background-color: #1f1f1f; }

  .active span:nth-of-type(2) {
    opacity: 0; }

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards;
    background-color: #1f1f1f; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    background-size: cover;
    overflow-Y: scroll;
    opacity: 1; }

  #navigation .navigation_inner {
    display: table;
    width: 100%;
    height: 100%;
    padding: 40px;
    box-sizing: border-box; }

  #navigation .navigation_menu {
    display: table-cell;
    vertical-align: middle;
    padding: 4vw;
    box-sizing: border-box; }

  #navigation .navigation_item {
    position: relative;
    width: 40vw;
    margin: 16px auto 0 auto; }

  #navigation .navigation_item:first-child {
    margin-top: 0; }

  #navigation .navigation_item a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    font-size: 20px; }

  a.line {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    font-weight: bold; }

  ul li.navigation_item_2 {
    position: relative;
    margin-left: 20px; }

  ul li.navigation_item_2::after {
    display: block;
    content: '';
    position: absolute;
    top: .9em;
    left: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    z-index: 999; }

  .cb-header .hamburger {
    position: absolute;
    display: block;
    width: 60px;
    height: 20px;
    top: 46%;
    right: 16px;
    margin-top: 4px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .MenuContents ul.Top {
    margin-bottom: 15px; }
    .MenuContents ul.Top li {
      padding: 10px 15px; }
      .MenuContents ul.Top li a {
        display: block;
        font-size: 20px;
        padding: 0 0 15px;
        width: 100%;
        /*未訪問のリンクの色*/
        /*訪問済みのリンクの色*/
        /*カーソルが乗っているリンクの色*/
        /*クリック中のリンクの色*/ }
        .MenuContents ul.Top li a:link {
          color: #000;
          border-bottom: 3px solid #000;
          text-decoration: none;
          transition: 0.5s; }
        .MenuContents ul.Top li a:visited {
          color: #000;
          border-bottom: 3px solid #000;
          text-decoration: none; }
        .MenuContents ul.Top li a:hover {
          color: #1f1f1f;
          border-bottom: 3px solid #1f1f1f;
          text-decoration: none; }
        .MenuContents ul.Top li a:active {
          color: #1f1f1f;
          border-bottom: 3px solid #1f1f1f;
          text-decoration: none; }

  .MenuTop {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    width: 100%;
    height: 100vh;
    box-sizing: border-box; }
    .MenuTop .MenuContents {
      padding: 40px;
      box-sizing: border-box;
      width: 100%; }
      .MenuTop .MenuContents .MenuTitle {
        margin-bottom: 50px; }
        .MenuTop .MenuContents .MenuTitle .LogoImage {
          margin-bottom: 10px; }
          .MenuTop .MenuContents .MenuTitle .LogoImage img {
            width: 200px;
            height: auto; }
        .MenuTop .MenuContents .MenuTitle p {
          font-size: 1rem; }
      .MenuTop .MenuContents ul.PageMenu li {
        margin-bottom: 15px;
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc; }
        .MenuTop .MenuContents ul.PageMenu li:last-child {
          margin-bottom: 0; }
        .MenuTop .MenuContents ul.PageMenu li a {
          font-size: 2.1rem;
          transition: all .3s;
          font-family: 'Shippori Mincho', serif;
          display: block; }

  .Menu_SNS {
    margin-top: 40px; }
    .Menu_SNS ul {
      display: flex; }
      .Menu_SNS ul li {
        margin-right: 20px; }
        .Menu_SNS ul li:last-child {
          margin-right: 0; }
        .Menu_SNS ul li a {
          font-size: 2rem;
          transition: all .3s; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #SiteMenu {
    width: 110px; }
    #SiteMenu .hamburger {
      position: fixed;
      display: block;
      width: 45px;
      height: 20px;
      top: 10px;
      right: 13px;
      margin-top: 4px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }

  .TopMainVisual {
    background-size: cover; }

  .MenuWH {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #1f1f1f;
    width: 70px;
    height: 70px;
    z-index: 100; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .active em {
    color: #1f1f1f !important; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -25px;
    font-size: 13px;
    font-weight: 500;
    text-align: center; }

  .hamburger span:nth-of-type(1) {
    top: 0; }

  .hamburger span:nth-of-type(2) {
    top: 9px; }

  .hamburger span:nth-of-type(3) {
    bottom: 0; }

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .hamburgerFixation {
    position: absolute;
    display: block;
    width: 32px;
    height: 20px;
    top: 35%;
    right: 16px;
    margin-top: -10px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburgerFixation span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto; }

  .hamburgerFixation em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: -4px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -20px;
    font-size: 10px;
    font-weight: 500; }

  .hamburgerFixation span:nth-of-type(1) {
    top: 0; }

  .hamburgerFixation span:nth-of-type(2) {
    top: 9px; }

  .hamburgerFixation span:nth-of-type(3) {
    bottom: 0; }

  .hamburgerFixation span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburgerFixation span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburgerFixation span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards;
    background-color: #1f1f1f; }

  .active span:nth-of-type(2) {
    opacity: 0; }

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards;
    background-color: #1f1f1f; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    background-size: cover;
    overflow-Y: scroll;
    opacity: 1; }

  #navigation .navigation_inner {
    display: table;
    width: 100%;
    height: 100%; }

  #navigation .navigation_menu {
    display: table-cell;
    vertical-align: middle;
    padding: 4vw;
    box-sizing: border-box; }

  #navigation .navigation_item {
    position: relative;
    width: 40vw;
    margin: 16px auto 0 auto; }

  #navigation .navigation_item:first-child {
    margin-top: 0; }

  #navigation .navigation_item a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    font-size: 20px; }

  a.line {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    font-weight: bold; }

  ul li.navigation_item_2 {
    position: relative;
    margin-left: 20px; }

  ul li.navigation_item_2::after {
    display: block;
    content: '';
    position: absolute;
    top: .9em;
    left: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  .cb-header .hamburger {
    position: absolute;
    display: block;
    width: 60px;
    height: 20px;
    top: 46%;
    right: 16px;
    margin-top: 4px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .MenuContents ul.Top {
    margin-bottom: 15px; }
    .MenuContents ul.Top li {
      padding: 10px 15px; }
      .MenuContents ul.Top li a {
        display: block;
        font-size: 20px;
        padding: 0 0 15px;
        width: 100%;
        /*未訪問のリンクの色*/
        /*訪問済みのリンクの色*/
        /*カーソルが乗っているリンクの色*/
        /*クリック中のリンクの色*/ }
        .MenuContents ul.Top li a:link {
          color: #000;
          border-bottom: 3px solid #000;
          text-decoration: none;
          transition: 0.5s; }
        .MenuContents ul.Top li a:visited {
          color: #000;
          border-bottom: 3px solid #000;
          text-decoration: none; }
        .MenuContents ul.Top li a:hover {
          color: #1f1f1f;
          border-bottom: 3px solid #1f1f1f;
          text-decoration: none; }
        .MenuContents ul.Top li a:active {
          color: #1f1f1f;
          border-bottom: 3px solid #1f1f1f;
          text-decoration: none; }

  .MenuTop {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding: 30px; }
    .MenuTop .MenuContents {
      box-sizing: border-box;
      width: 100%; }
      .MenuTop .MenuContents .MenuTitle {
        margin-bottom: 50px; }
        .MenuTop .MenuContents .MenuTitle .LogoImage {
          margin-bottom: 10px; }
          .MenuTop .MenuContents .MenuTitle .LogoImage img {
            width: 180px;
            height: auto; }
        .MenuTop .MenuContents .MenuTitle p a {
          font-size: 1rem; }
      .MenuTop .MenuContents ul.PageMenu li {
        margin-bottom: 15px;
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc; }
        .MenuTop .MenuContents ul.PageMenu li:last-child {
          margin-bottom: 0; }
        .MenuTop .MenuContents ul.PageMenu li a {
          font-size: 1.9rem;
          transition: all .3s;
          font-family: 'Shippori Mincho', serif;
          display: block; }

  .Menu_SNS {
    margin-top: 40px; }
    .Menu_SNS ul {
      display: flex; }
      .Menu_SNS ul li {
        margin-right: 20px; }
        .Menu_SNS ul li:last-child {
          margin-right: 0; }
        .Menu_SNS ul li a {
          font-size: 2rem;
          transition: all .3s; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #SiteMenu {
    width: 110px; }
    #SiteMenu .hamburger {
      position: fixed;
      display: block;
      width: 40px;
      height: 20px;
      top: 10px;
      right: 7px;
      margin-top: 4px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }

  .TopMainVisual {
    background-size: cover; }

  .MenuWH {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #1f1f1f;
    width: 70px;
    height: 70px;
    z-index: 100; }

  .hamburger {
    position: fixed;
    display: block;
    width: 45px;
    height: 20px;
    top: 18px;
    right: 7px;
    margin-top: 4px;
    z-index: 999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: -9px;
    width: 100%;
    height: 2px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .active em {
    color: #1f1f1f !important; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: -7px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -25px;
    font-size: 13px;
    font-weight: 500; }

  .hamburger span:nth-of-type(1) {
    top: 0; }

  .hamburger span:nth-of-type(2) {
    top: 9px; }

  .hamburger span:nth-of-type(3) {
    bottom: 0; }

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards;
    background-color: #1f1f1f; }

  .active span:nth-of-type(2) {
    opacity: 0; }

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards;
    background-color: #1f1f1f; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    background-size: cover;
    overflow-Y: scroll;
    opacity: 1; }

  #navigation .navigation_inner {
    display: table;
    width: 100%;
    height: 100%; }

  #navigation .navigation_menu {
    display: table-cell;
    vertical-align: middle;
    padding: 4vw;
    box-sizing: border-box; }

  #navigation .navigation_item {
    position: relative;
    width: 40vw;
    margin: 16px auto 0 auto; }

  #navigation .navigation_item:first-child {
    margin-top: 0; }

  #navigation .navigation_item a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    font-size: 20px; }

  a.line {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    font-weight: bold; }

  ul li.navigation_item_2 {
    position: relative;
    margin-left: 20px; }

  ul li.navigation_item_2::after {
    display: block;
    content: '';
    position: absolute;
    top: .9em;
    left: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  #navigationFixation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #fff no-repeat;
    z-index: 999;
    overflow: auto; }

  #navigationFixation .navigation_inner {
    display: table;
    width: 100%;
    height: 100%; }

  #navigationFixation .navigation_inner .navigation_menu {
    display: table-cell;
    vertical-align: middle; }

  #navigationFixation .navigation_inner .navigation_menu .navigation_menu {
    display: table-cell;
    vertical-align: middle; }

  #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item {
    position: relative;
    width: 300px;
    height: 100px;
    margin: 16px auto 0 auto; }

  #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item:first-child {
    margin-top: 0; }

  #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a {
    display: block;
    position: relative;
    text-decoration: none;
    font-size: 2.4rem;
    color: #fff;
    line-height: 40px;
    text-align: center; }

  #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #666;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

  #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_itema:hover::before {
    width: 50%; }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    z-index: 999; }

  .cb-header .hamburger {
    position: absolute;
    display: block;
    width: 60px;
    height: 20px;
    top: 46%;
    right: 16px;
    margin-top: 4px;
    z-index: 999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .MenuContents ul.Top {
    margin-bottom: 15px; }
    .MenuContents ul.Top li {
      padding: 10px 15px; }
      .MenuContents ul.Top li a {
        display: block;
        font-size: 20px;
        padding: 0 0 15px;
        width: 100%;
        /*未訪問のリンクの色*/
        /*訪問済みのリンクの色*/
        /*カーソルが乗っているリンクの色*/
        /*クリック中のリンクの色*/ }
        .MenuContents ul.Top li a:link {
          color: #000;
          border-bottom: 3px solid #000;
          text-decoration: none;
          transition: 0.5s; }
        .MenuContents ul.Top li a:visited {
          color: #000;
          border-bottom: 3px solid #000;
          text-decoration: none; }
        .MenuContents ul.Top li a:hover {
          color: #1f1f1f;
          border-bottom: 3px solid #1f1f1f;
          text-decoration: none; }
        .MenuContents ul.Top li a:active {
          color: #1f1f1f;
          border-bottom: 3px solid #1f1f1f;
          text-decoration: none; }

  .MenuTop {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding: 30px; }
    .MenuTop .MenuContents {
      box-sizing: border-box;
      width: 100%; }
      .MenuTop .MenuContents .MenuTitle {
        margin-bottom: 50px; }
        .MenuTop .MenuContents .MenuTitle .LogoImage {
          margin-bottom: 10px; }
          .MenuTop .MenuContents .MenuTitle .LogoImage img {
            width: 180px;
            height: auto; }
        .MenuTop .MenuContents .MenuTitle p a {
          font-size: 1rem; }
      .MenuTop .MenuContents ul.PageMenu li {
        margin-bottom: 15px;
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc; }
        .MenuTop .MenuContents ul.PageMenu li:last-child {
          margin-bottom: 0; }
        .MenuTop .MenuContents ul.PageMenu li a {
          font-size: 1.8rem;
          transition: all .3s;
          font-family: 'Shippori Mincho', serif;
          display: block; }

  .Menu_SNS {
    margin-top: 40px; }
    .Menu_SNS ul {
      display: flex; }
      .Menu_SNS ul li {
        margin-right: 20px; }
        .Menu_SNS ul li:last-child {
          margin-right: 0; }
        .Menu_SNS ul li a {
          font-size: 2rem;
          transition: all .3s; } }
.MenuTop .MenuContents .MenuTitle p a:link {
  color: #616161;
  text-decoration: none; }

.MenuTop .MenuContents .MenuTitle p a:visited {
  color: #616161;
  text-decoration: none; }

/*訪問済みのリンクの色*/
.MenuTop .MenuContents .MenuTitle p a:hover {
  color: #616161;
  text-decoration: none; }

/*カーソルが乗っているリンクの色*/
.MenuTop .MenuContents .MenuTitle p a:active {
  color: #616161;
  text-decoration: none; }

/*クリック中のリンクの色*/
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .ContentsPage .wrap {
    position: relative;
    height: initial; }
    .ContentsPage .wrap #Copyright {
      top: 73%; }

  #PageMenuNav {
    position: absolute;
    z-index: 11;
    top: 0;
    right: 0; }
    #PageMenuNav ul {
      display: flex;
      align-items: center; }
      #PageMenuNav ul li {
        margin: 0 25px 0 25px;
        position: relative;
        /*グローバルメニュー2つの場合*/
        /*&:first-child {
        	margin: 0 25px 0 0;
        	position: relative;
        	&:after {
        		content: "";
        		background: #fff;
        		width: 1px;
        		height: 20px;
        		position: absolute;
        		top: 10px;
        		right: -25px;
        	}
        }*/
        /*&:nth-child(2) {
        	margin: 0 40px 0 25px;
        }*/
        /*グローバルメニュー3つの場合*/ }
        #PageMenuNav ul li.ContactBut {
          position: relative;
          margin: 0; }
          #PageMenuNav ul li.ContactBut a {
            display: block;
            transition: 0.3s;
            font-family: 'Shippori Mincho', serif;
            background: #b81c22;
            padding: 16px 35px;
            /*未訪問のリンクの色*/
            /*訪問済みのリンクの色*/
            /*カーソルが乗っているリンクの色*/
            /*クリック中のリンクの色*/ }
            #PageMenuNav ul li.ContactBut a:before {
              content: "";
              background: url("../images/img_commons/icon_email.png") no-repeat center top;
              background-size: cover;
              width: 25px;
              height: 18.5px;
              display: block;
              margin: 0 auto 5px; }
            #PageMenuNav ul li.ContactBut a:link {
              background: #b81c22;
              text-decoration: none;
              transition: 0.5s; }
            #PageMenuNav ul li.ContactBut a:visited {
              background: #b81c22;
              text-decoration: none; }
            #PageMenuNav ul li.ContactBut a:hover {
              background: #1f1f1f;
              color: #fff;
              text-decoration: none; }
            #PageMenuNav ul li.ContactBut a:active {
              background: #1f1f1f;
              color: #fff;
              text-decoration: none; }
        #PageMenuNav ul li a {
          transition: 0.3s;
          font-family: 'Shippori Mincho', serif;
          font-size: 1.4rem;
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          #PageMenuNav ul li a:link {
            color: #fff;
            text-decoration: none;
            transition: 0.5s; }
          #PageMenuNav ul li a:visited {
            color: #fff;
            text-decoration: none; }
          #PageMenuNav ul li a:hover {
            color: #b81c22;
            text-decoration: none; }
          #PageMenuNav ul li a:active {
            color: #b81c22;
            text-decoration: none; }
        #PageMenuNav ul li:after {
          content: "";
          background: #fff;
          width: 1px;
          height: 20px;
          position: absolute;
          top: 10px;
          right: -25px; }
        #PageMenuNav ul li:last-child:after {
          content: none; }
        #PageMenuNav ul li:first-child {
          margin: 0 25px 0 0;
          position: relative; }
        #PageMenuNav ul li:nth-last-child(2) {
          margin: 0 40px 0 25px; }
          #PageMenuNav ul li:nth-last-child(2):after {
            content: none; }

  #PageMainVisual {
    height: 520px;
    position: relative; }
    #PageMainVisual #Contact_Visual_bg {
      width: 86%;
      height: 94.3%;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_contact/main_visual.jpg") no-repeat center/cover;
      background-attachment: fixed; }
      #PageMainVisual #Contact_Visual_bg #PageTitle_Contact {
        position: absolute;
        top: 170px;
        left: 100px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.4rem;
          margin-bottom: 20px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 2rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 50px;
            top: -30%;
            left: 40%; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 39px;
            bottom: -40%;
            left: 12%; }
    #PageMainVisual #Works_Visual_bg {
      width: 86%;
      height: 94.3%;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_works/main_visual.jpg") no-repeat center/cover;
      background-attachment: fixed; }
      #PageMainVisual #Works_Visual_bg #PageTitle_Works {
        position: absolute;
        top: 170px;
        left: 100px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.4rem;
          margin-bottom: 20px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 2rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 50px;
            top: -36%;
            left: 61%; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 39px;
            bottom: -32%;
            left: 15%; }
    #PageMainVisual #Recruit_Visual_bg {
      width: 86%;
      height: 94.3%;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_recruit/main_visual.jpg") no-repeat center/cover;
      background-attachment: fixed; }
      #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit {
        position: absolute;
        top: 170px;
        left: 100px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.4rem;
          margin-bottom: 20px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 2rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 50px;
            top: -36%;
            left: 34%; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 39px;
            bottom: -32%;
            left: 10%; }

  #Pankuzu {
    padding: 0 30px 20px; }
    #Pankuzu ul {
      display: flex;
      justify-content: flex-end; }
      #Pankuzu ul li {
        font-size: 1rem;
        margin-right: 30px;
        position: relative; }
        #Pankuzu ul li:first-child {
          padding-left: 0; }
          #Pankuzu ul li:first-child:after {
            content: none; }
        #Pankuzu ul li:last-child {
          margin-right: 0; }
        #Pankuzu ul li:after {
          display: block;
          content: '';
          position: absolute;
          top: 12px;
          left: -27px;
          width: 19px;
          height: 1px;
          background: #b81c22;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg); }
        #Pankuzu ul li a {
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          #Pankuzu ul li a:link {
            color: #1f1f1f;
            text-decoration: none;
            transition: 0.5s; }
          #Pankuzu ul li a:visited {
            color: #1f1f1f;
            text-decoration: none; }
          #Pankuzu ul li a:hover {
            color: #b81c22;
            text-decoration: none; }
          #Pankuzu ul li a:active {
            color: #b81c22;
            text-decoration: none; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .ContentsPage .wrap {
    position: relative;
    height: initial; }
    .ContentsPage .wrap #Copyright {
      top: 83%; }

  #PageMenuNav {
    position: absolute;
    z-index: 11;
    top: 0;
    right: 0; }
    #PageMenuNav ul {
      display: flex;
      align-items: center; }
      #PageMenuNav ul li {
        margin: 0 25px 0 25px;
        position: relative;
        /*グローバルメニュー2つの場合*/
        /*&:first-child {
        	margin: 0 25px 0 0;
        	position: relative;
        	&:after {
        		content: "";
        		background: #fff;
        		width: 1px;
        		height: 20px;
        		position: absolute;
        		top: 10px;
        		right: -25px;
        	}
        }
        &:nth-child(2) {
        	margin: 0 40px 0 25px;
        }*/
        /*グローバルメニュー3つの場合*/ }
        #PageMenuNav ul li.ContactBut {
          position: relative;
          margin: 0; }
          #PageMenuNav ul li.ContactBut a {
            display: block;
            transition: 0.3s;
            font-family: 'Shippori Mincho', serif;
            background: #b81c22;
            padding: 16px 25px;
            /*未訪問のリンクの色*/
            /*訪問済みのリンクの色*/
            /*カーソルが乗っているリンクの色*/
            /*クリック中のリンクの色*/ }
            #PageMenuNav ul li.ContactBut a:before {
              content: "";
              background: url("../images/img_commons/icon_email.png") no-repeat center top;
              background-size: cover;
              width: 25px;
              height: 18.5px;
              display: block;
              margin: 0 auto 5px; }
            #PageMenuNav ul li.ContactBut a:link {
              background: #b81c22;
              text-decoration: none;
              transition: 0.5s; }
            #PageMenuNav ul li.ContactBut a:visited {
              background: #b81c22;
              text-decoration: none; }
            #PageMenuNav ul li.ContactBut a:hover {
              background: #1f1f1f;
              color: #fff;
              text-decoration: none; }
            #PageMenuNav ul li.ContactBut a:active {
              background: #1f1f1f;
              color: #fff;
              text-decoration: none; }
        #PageMenuNav ul li a {
          transition: 0.3s;
          font-family: 'Shippori Mincho', serif;
          font-size: 1.2rem;
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          #PageMenuNav ul li a:link {
            color: #fff;
            text-decoration: none;
            transition: 0.5s; }
          #PageMenuNav ul li a:visited {
            color: #fff;
            text-decoration: none; }
          #PageMenuNav ul li a:hover {
            color: #b81c22;
            text-decoration: none; }
          #PageMenuNav ul li a:active {
            color: #b81c22;
            text-decoration: none; }
        #PageMenuNav ul li:first-child {
          margin: 0 25px 0 0; }
        #PageMenuNav ul li:after {
          content: "";
          background: #fff;
          width: 1px;
          height: 20px;
          position: absolute;
          top: 10px;
          right: -25px; }
        #PageMenuNav ul li:last-child:after {
          content: none; }
        #PageMenuNav ul li:nth-last-child(2) {
          margin: 0 40px 0 25px; }
          #PageMenuNav ul li:nth-last-child(2):after {
            content: none; }

  #PageMainVisual {
    height: 460px;
    position: relative; }
    #PageMainVisual #Contact_Visual_bg {
      width: 82%;
      height: 440px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_contact/main_visual.jpg") no-repeat center/cover;
      background-attachment: fixed; }
      #PageMainVisual #Contact_Visual_bg #PageTitle_Contact {
        position: absolute;
        top: 120px;
        left: 50px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.3rem;
          margin-bottom: 20px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.8rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 49px;
            top: -30%;
            left: 40%; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 20%;
            bottom: -40%;
            left: 12%; }

  #PageMainVisual {
    height: 460px;
    position: relative; }
    #PageMainVisual #Works_Visual_bg {
      width: 82%;
      height: 440px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_works/main_visual.jpg") no-repeat center/cover;
      background-attachment: fixed; }
      #PageMainVisual #Works_Visual_bg #PageTitle_Works {
        position: absolute;
        top: 120px;
        left: 50px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.3rem;
          margin-bottom: 20px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.8rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 49px;
            top: -37%;
            left: 55%; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 29%;
            bottom: -30%;
            left: 15%; }
    #PageMainVisual #Recruit_Visual_bg {
      width: 82%;
      height: 440px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_recruit/main_visual.jpg") no-repeat center/cover;
      background-attachment: fixed; }
      #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit {
        position: absolute;
        top: 120px;
        left: 50px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.3rem;
          margin-bottom: 20px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.8rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 49px;
            top: -37%;
            left: 31%; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 33px;
            bottom: -30%;
            left: 9%; }

  #Pankuzu {
    padding: 0 30px 20px; }
    #Pankuzu ul {
      display: flex;
      justify-content: flex-end; }
      #Pankuzu ul li {
        font-size: 1rem;
        margin-right: 30px;
        position: relative; }
        #Pankuzu ul li:first-child {
          padding-left: 0; }
          #Pankuzu ul li:first-child:after {
            content: none; }
        #Pankuzu ul li:last-child {
          margin-right: 0; }
        #Pankuzu ul li:after {
          display: block;
          content: '';
          position: absolute;
          top: 12px;
          left: -27px;
          width: 19px;
          height: 1px;
          background: #b81c22;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg); }
        #Pankuzu ul li a {
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          #Pankuzu ul li a:link {
            color: #1f1f1f;
            text-decoration: none;
            transition: 0.5s; }
          #Pankuzu ul li a:visited {
            color: #1f1f1f;
            text-decoration: none; }
          #Pankuzu ul li a:hover {
            color: #b81c22;
            text-decoration: none; }
          #Pankuzu ul li a:active {
            color: #b81c22;
            text-decoration: none; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  .ContentsPage .wrap {
    position: relative;
    height: initial; }
    .ContentsPage .wrap #Copyright {
      top: 90%; }

  #PageMenuNav {
    display: none; }

  #PageMainVisual {
    height: 365px;
    position: relative; }
    #PageMainVisual #Contact_Visual_bg {
      width: 100%;
      height: 350px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_contact/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Contact_Visual_bg #PageTitle_Contact {
        position: absolute;
        top: 120px;
        left: 20px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.3rem;
          margin-bottom: 20px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.6rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 39px;
            top: -30%;
            left: 40%; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 29px;
            bottom: -40%;
            left: 12%; }

  #PageMainVisual {
    height: 460px;
    position: relative; }
    #PageMainVisual #Works_Visual_bg {
      width: 82%;
      height: 440px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_works/main_visual.jpg") no-repeat center/cover;
      background-attachment: fixed; }
      #PageMainVisual #Works_Visual_bg #PageTitle_Works {
        position: absolute;
        top: 120px;
        left: 20px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.3rem;
          margin-bottom: 20px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.6rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 39px;
            top: -37%;
            left: 69px; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 29px;
            bottom: -28%;
            left: 20px; }

  #PageMainVisual {
    height: 365px;
    position: relative; }
    #PageMainVisual #Works_Visual_bg {
      width: 100%;
      height: 350px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_works/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Works_Visual_bg #PageTitle_Contact {
        position: absolute;
        top: 120px;
        left: 20px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Contact h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.3rem;
          margin-bottom: 20px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Contact h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.6rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Contact h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 39px;
            top: -30%;
            left: 69px; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Contact h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 20%;
            bottom: -40%;
            left: 20px; }
    #PageMainVisual #Recruit_Visual_bg {
      width: 100%;
      height: 350px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_recruit/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit {
        position: absolute;
        top: 120px;
        left: 20px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.3rem;
          margin-bottom: 20px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.6rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 39px;
            top: -30%;
            left: 69px; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 29px;
            bottom: -40%;
            left: 20px; }

  #Pankuzu {
    padding: 0 30px 20px; }
    #Pankuzu ul {
      display: flex;
      justify-content: flex-end; }
      #Pankuzu ul li {
        font-size: 1rem;
        margin-right: 30px;
        position: relative; }
        #Pankuzu ul li:first-child {
          padding-left: 0; }
          #Pankuzu ul li:first-child:after {
            content: none; }
        #Pankuzu ul li:last-child {
          margin-right: 0; }
        #Pankuzu ul li:after {
          display: block;
          content: '';
          position: absolute;
          top: 12px;
          left: -27px;
          width: 19px;
          height: 1px;
          background: #b81c22;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg); }
        #Pankuzu ul li a {
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          #Pankuzu ul li a:link {
            color: #1f1f1f;
            text-decoration: none;
            transition: 0.5s; }
          #Pankuzu ul li a:visited {
            color: #1f1f1f;
            text-decoration: none; }
          #Pankuzu ul li a:hover {
            color: #b81c22;
            text-decoration: none; }
          #Pankuzu ul li a:active {
            color: #b81c22;
            text-decoration: none; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  .ContentsPage .wrap {
    position: relative;
    height: initial; }
    .ContentsPage .wrap #Copyright {
      top: 90%; }

  #PageMenuNav {
    display: none; }

  #PageMainVisual {
    height: 335px;
    position: relative; }
    #PageMainVisual #Contact_Visual_bg {
      width: 100%;
      height: 320px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_contact/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Contact_Visual_bg #PageTitle_Contact {
        position: absolute;
        top: 120px;
        left: 20px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.3rem;
          margin-bottom: 20px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.6rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 39px;
            top: -30%;
            left: 58px; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 31px;
            bottom: -40%;
            left: 10px; }

  #PageMainVisual {
    height: 335px;
    position: relative; }
    #PageMainVisual #Works_Visual_bg {
      width: 100%;
      height: 320px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_works/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Works_Visual_bg #PageTitle_Works {
        position: absolute;
        top: 120px;
        left: 20px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.3rem;
          margin-bottom: 20px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.6rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 39px;
            top: -32%;
            left: 58px; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 31px;
            bottom: -34%;
            left: 10px; }
    #PageMainVisual #Recruit_Visual_bg {
      width: 100%;
      height: 320px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_recruit/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit {
        position: absolute;
        top: 120px;
        left: 20px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.3rem;
          margin-bottom: 20px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.6rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 39px;
            top: -32%;
            left: 58px; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 31px;
            bottom: -34%;
            left: 10px; }

  #Pankuzu {
    padding: 0 30px 20px; }
    #Pankuzu ul {
      display: flex;
      justify-content: flex-end; }
      #Pankuzu ul li {
        font-size: 1rem;
        margin-right: 30px;
        position: relative; }
        #Pankuzu ul li:first-child {
          padding-left: 0; }
          #Pankuzu ul li:first-child:after {
            content: none; }
        #Pankuzu ul li:last-child {
          margin-right: 0; }
        #Pankuzu ul li:after {
          display: block;
          content: '';
          position: absolute;
          top: 12px;
          left: -27px;
          width: 19px;
          height: 1px;
          background: #b81c22;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg); }
        #Pankuzu ul li a {
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          #Pankuzu ul li a:link {
            color: #1f1f1f;
            text-decoration: none;
            transition: 0.5s; }
          #Pankuzu ul li a:visited {
            color: #1f1f1f;
            text-decoration: none; }
          #Pankuzu ul li a:hover {
            color: #b81c22;
            text-decoration: none; }
          #Pankuzu ul li a:active {
            color: #b81c22;
            text-decoration: none; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .ContentsPage .wrap {
    position: relative;
    height: initial; }
    .ContentsPage .wrap #Copyright {
      top: 85%; }

  #PageMenuNav {
    display: none; }

  #PageMainVisual {
    height: 295px;
    position: relative; }
    #PageMainVisual #Contact_Visual_bg {
      width: 100%;
      height: 280px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_contact/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Contact_Visual_bg #PageTitle_Contact {
        position: absolute;
        top: 120px;
        left: 40px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.1rem;
          margin-bottom: 20px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.4rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 37px;
            top: -30%;
            left: 59px; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 24px;
            bottom: -40%;
            left: 18px; }

  #PageMainVisual {
    height: 295px;
    position: relative; }
    #PageMainVisual #Works_Visual_bg {
      width: 100%;
      height: 280px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_works/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Works_Visual_bg #PageTitle_Works {
        position: absolute;
        top: 120px;
        left: 40px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.1rem;
          margin-bottom: 20px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.4rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 37px;
            top: -34%;
            left: 59px; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 24px;
            bottom: -27%;
            left: 18px; }
    #PageMainVisual #Recruit_Visual_bg {
      width: 100%;
      height: 280px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_recruit/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit {
        position: absolute;
        top: 120px;
        left: 40px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1.1rem;
          margin-bottom: 20px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.4rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 37px;
            top: -34%;
            left: 59px; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 24px;
            bottom: -27%;
            left: 18px; }

  #Pankuzu {
    padding: 0 30px 20px; }
    #Pankuzu ul {
      display: flex;
      justify-content: flex-end; }
      #Pankuzu ul li {
        font-size: 1rem;
        margin-right: 30px;
        position: relative; }
        #Pankuzu ul li:first-child {
          padding-left: 0; }
          #Pankuzu ul li:first-child:after {
            content: none; }
        #Pankuzu ul li:last-child {
          margin-right: 0; }
        #Pankuzu ul li:after {
          display: block;
          content: '';
          position: absolute;
          top: 12px;
          left: -27px;
          width: 19px;
          height: 1px;
          background: #b81c22;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg); }
        #Pankuzu ul li a {
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          #Pankuzu ul li a:link {
            color: #1f1f1f;
            text-decoration: none;
            transition: 0.5s; }
          #Pankuzu ul li a:visited {
            color: #1f1f1f;
            text-decoration: none; }
          #Pankuzu ul li a:hover {
            color: #b81c22;
            text-decoration: none; }
          #Pankuzu ul li a:active {
            color: #b81c22;
            text-decoration: none; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .ContentsPage .wrap {
    position: relative;
    height: initial; }
    .ContentsPage .wrap #Copyright {
      top: 85%; }

  #PageMenuNav {
    display: none; }

  #PageMainVisual {
    height: 295px;
    position: relative; }
    #PageMainVisual #Contact_Visual_bg {
      width: 100%;
      height: 280px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_contact/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Contact_Visual_bg #PageTitle_Contact {
        position: absolute;
        top: 120px;
        left: 40px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1rem;
          margin-bottom: 20px; }
        #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.3rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 34px;
            top: -30%;
            left: 49px; }
          #PageMainVisual #Contact_Visual_bg #PageTitle_Contact h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 25px;
            bottom: -40%;
            left: 10px; }

  #PageMainVisual {
    height: 295px;
    position: relative; }
    #PageMainVisual #Works_Visual_bg {
      width: 100%;
      height: 280px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_works/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Works_Visual_bg #PageTitle_Works {
        position: absolute;
        top: 120px;
        left: 40px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1rem;
          margin-bottom: 20px; }
        #PageMainVisual #Works_Visual_bg #PageTitle_Works h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.3rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 34px;
            top: -42%;
            left: 49px; }
          #PageMainVisual #Works_Visual_bg #PageTitle_Works h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 25px;
            bottom: -39%;
            left: 10px; }
    #PageMainVisual #Recruit_Visual_bg {
      width: 100%;
      height: 280px;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      z-index: 1;
      background: url("../images/img_commons/mv_overlay.png"), url("../images/img_recruit/main_visual.jpg") no-repeat center/cover; }
      #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit {
        position: absolute;
        top: 120px;
        left: 40px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h2 {
          font-family: 'Shippori Mincho', serif;
          color: #b81c22 !important;
          font-size: 1rem;
          margin-bottom: 20px; }
        #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3 {
          font-family: 'Noto Serif JP', serif;
          font-size: 1.3rem;
          color: #fff;
          position: relative; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:before {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 34px;
            top: -42%;
            left: 49px; }
          #PageMainVisual #Recruit_Visual_bg #PageTitle_Recruit h3:after {
            height: 2px;
            background: #b81c22;
            content: "";
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-transform: rotate(-49deg);
            transform: rotate(-49deg);
            width: 25px;
            bottom: -39%;
            left: 10px; }

  #Pankuzu {
    padding: 0 30px 20px; }
    #Pankuzu ul {
      display: flex;
      justify-content: flex-end; }
      #Pankuzu ul li {
        font-size: 1rem;
        margin-right: 30px;
        position: relative; }
        #Pankuzu ul li:first-child {
          padding-left: 0; }
          #Pankuzu ul li:first-child:after {
            content: none; }
        #Pankuzu ul li:last-child {
          margin-right: 0; }
        #Pankuzu ul li:after {
          display: block;
          content: '';
          position: absolute;
          top: 12px;
          left: -27px;
          width: 19px;
          height: 1px;
          background: #b81c22;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg); }
        #Pankuzu ul li a {
          /*未訪問のリンクの色*/
          /*訪問済みのリンクの色*/
          /*カーソルが乗っているリンクの色*/
          /*クリック中のリンクの色*/ }
          #Pankuzu ul li a:link {
            color: #1f1f1f;
            text-decoration: none;
            transition: 0.5s; }
          #Pankuzu ul li a:visited {
            color: #1f1f1f;
            text-decoration: none; }
          #Pankuzu ul li a:hover {
            color: #b81c22;
            text-decoration: none; }
          #Pankuzu ul li a:active {
            color: #b81c22;
            text-decoration: none; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #Container {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto 100px; }

  .Container_2 {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto 100px; }

  .full {
    width: 100%;
    margin: 50px auto; }

  .Title_Center {
    font-family: 'Noto Serif JP', serif;
    font-size: 2rem;
    color: #1f1f1f;
    margin-bottom: 60px;
    text-align: center; }

  .TextStyle_01 {
    font-size: 1rem;
    line-height: 2;
    color: #1f1f1f;
    margin-bottom: 10px; }

  dl.FormContents {
    position: relative;
    border-bottom: 1px solid #bebebe; }
    dl.FormContents dt {
      width: 360px;
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #bebebe;
      position: absolute;
      left: 0;
      padding: 50px 30px 50px 0;
      box-sizing: border-box; }
      dl.FormContents dt:first-child {
        border-top: initial; }
      dl.FormContents dt:first-child + dd {
        border-top: initial; }
      dl.FormContents dt .Text {
        font-size: 1.2rem;
        color: #1f1f1f; }
      dl.FormContents dt .mark {
        background: #b81c22;
        width: 60px;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        font-size: 15px;
        color: #fff; }
      dl.FormContents dt .optional {
        background: #b0b0b0; }
    dl.FormContents dd {
      margin-left: 360px;
      line-height: 2;
      display: block;
      border-top: 1px solid #bebebe;
      padding: 30px 0; }

  #ContactCheck dl.FormContents {
    border-bottom: 1px solid #bebebe; }
    #ContactCheck dl.FormContents dd {
      padding: 40px 0; }
      #ContactCheck dl.FormContents dd p {
        font-size: 1.1rem; }

  input[type="text"].c_formParts, input[type="email"].c_formParts {
    padding: 0 39px;
    height: 60px;
    background-color: #e1e1e1;
    border: 0 solid transparent; }

  .Postcode {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .postcodeMark {
    max-width: 26px;
    -ms-flex-preferred-size: 26px;
    flex-basis: 26px;
    padding-top: 5px; }

  .formPostcode {
    max-width: 270px; }

  .formAddress {
    margin-top: 20px; }

  .Select01 {
    width: 380px;
    max-width: 100%;
    height: 70px;
    position: relative;
    max-width: 100%;
    height: 56px;
    border: 3px solid #e1e1e1;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .Select01:after {
      content: '';
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto 0;
      width: 9px;
      height: 9px;
      -webkit-transform: translateY(-2px) rotate(45deg);
      transform: translateY(-2px) rotate(45deg);
      border-right: 2px solid #333;
      border-bottom: 2px solid #333;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  .InSelect {
    font-size: 1rem;
    padding: 0 50px 0 22px;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 18px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .05em;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button, select, option {
    display: block;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    outline: none;
    border: 1px solid;
    border-radius: 0;
    background: none;
    box-sizing: border-box;
    font-size: 1rem; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none; }

  input[type="radio"], input[type="checkbox"] {
    margin: 0;
    padding: 0;
    vertical-align: middle; }

  textarea.c_formParts {
    height: 200px;
    resize: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 30px;
    font-size: 1rem;
    border: none;
    background: #e1e1e1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit; }

  /* 送信ボタン */
  .submit-btn {
    /* buttonタグのリセットCSS */
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    color: #fff;
    padding: 8px 24px;
    background-color: #3abec1;
    cursor: pointer;
    /* ポインターカーソルを表示 */ }

  .submitBtn[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
    /* クリック不可のカーソルを表示 */
    border: initial; }
    .submitBtn[disabled]:hover {
      background-color: #ccc;
      color: #fff; }
    .submitBtn[disabled]:before {
      content: none; }
    .submitBtn[disabled]:after {
      content: none; }

  .formAgreement {
    margin-top: 40px;
    text-align: center; }

  .SubmitBtnArea {
    margin-top: 100px; }

  input#agree {
    width: 24px;
    height: 24px;
    border: 1px solid #D5DBE6;
    margin: 0 15px 7px 0; }

  .checkboxText {
    font-size: 1.2rem;
    color: #1f1f1f; }

  .submitBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 380px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 40px auto; }
    .submitBtn:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
      .submitBtn:hover:before {
        right: 0.5em;
        background-color: #b81c22; }
      .submitBtn:hover:after {
        right: 0.5em;
        background-color: #b81c22; }
    .submitBtn:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    .submitBtn:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }

  .contactPolicy {
    padding: 40px;
    margin-top: 30px;
    height: 200px;
    background-color: #ebebeb !important;
    overflow-y: scroll;
    box-sizing: border-box; }

  .policyTitle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.5rem;
    color: #1f1f1f;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: center; }

  .policyList p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 2; }

  .policyListTit_02 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.1rem;
    color: #1f1f1f;
    margin-bottom: 10px;
    font-weight: 700; }

  .firstText {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 40px !important; }

  .blackBg {
    position: relative; }
    .blackBg:before {
      content: "";
      background: #1f1f1f;
      width: 100%;
      display: block;
      height: 250px;
      position: absolute;
      z-index: -1; } }
.mb30 {
  margin-bottom: 30px; }

.mb20 {
  margin-bottom: 20px; }

.mb50 {
  margin-bottom: 50px; }

/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #Container {
    width: 100%;
    max-width: 880px;
    margin: 40px auto 100px; }

  .Container_2 {
    width: 100%;
    max-width: 880px;
    margin: 40px auto 100px; }

  .full {
    width: 100%;
    margin: 50px auto; }

  .Title_Center {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.8rem;
    color: #1f1f1f;
    margin-bottom: 50px;
    text-align: center; }

  .TextStyle_01 {
    font-size: 1rem;
    line-height: 2;
    color: #1f1f1f;
    margin-bottom: 10px; }

  dl.FormContents {
    position: relative; }
    dl.FormContents dt {
      width: 310px;
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #bebebe;
      position: absolute;
      left: 0;
      padding: 50px 30px 50px 0;
      box-sizing: border-box; }
      dl.FormContents dt:first-child {
        border-top: initial; }
      dl.FormContents dt:first-child + dd {
        border-top: initial; }
      dl.FormContents dt .Text {
        font-size: 1.2rem;
        color: #1f1f1f; }
      dl.FormContents dt .mark {
        background: #b81c22;
        width: 60px;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        font-size: 15px;
        color: #fff; }
      dl.FormContents dt .optional {
        background: #b0b0b0; }
    dl.FormContents dd {
      margin-left: 310px;
      line-height: 2;
      display: block;
      border-top: 1px solid #bebebe;
      padding: 30px 0; }

  input[type="text"].c_formParts, input[type="email"].c_formParts {
    padding: 0 39px;
    height: 60px;
    background-color: #e1e1e1;
    border: 0 solid transparent; }

  .Postcode {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .postcodeMark {
    max-width: 26px;
    -ms-flex-preferred-size: 26px;
    flex-basis: 26px;
    padding-top: 5px; }

  .formPostcode {
    max-width: 270px; }

  .formAddress {
    margin-top: 20px; }

  .Select01 {
    width: 380px;
    max-width: 100%;
    height: 70px;
    position: relative;
    max-width: 100%;
    height: 56px;
    border: 3px solid #e1e1e1;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .Select01:after {
      content: '';
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto 0;
      width: 9px;
      height: 9px;
      -webkit-transform: translateY(-2px) rotate(45deg);
      transform: translateY(-2px) rotate(45deg);
      border-right: 2px solid #333;
      border-bottom: 2px solid #333;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  .InSelect {
    font-size: 1rem;
    padding: 0 50px 0 22px;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 18px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .05em;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button, select, option {
    display: block;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    outline: none;
    border: 1px solid;
    border-radius: 0;
    background: none;
    box-sizing: border-box;
    font-size: 1rem; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none; }

  input[type="radio"], input[type="checkbox"] {
    margin: 0;
    padding: 0;
    vertical-align: middle; }

  textarea.c_formParts {
    height: 200px;
    resize: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 30px;
    font-size: 1rem;
    border: none;
    background: #e1e1e1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit; }

  /* 送信ボタン */
  .submit-btn {
    /* buttonタグのリセットCSS */
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    color: #fff;
    padding: 8px 24px;
    background-color: #3abec1;
    cursor: pointer;
    /* ポインターカーソルを表示 */ }

  .submitBtn[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
    /* クリック不可のカーソルを表示 */
    border: initial; }
    .submitBtn[disabled]:hover {
      background-color: #ccc;
      color: #fff; }
    .submitBtn[disabled]:before {
      content: none; }
    .submitBtn[disabled]:after {
      content: none; }

  .formAgreement {
    margin-top: 40px;
    text-align: center; }

  .SubmitBtnArea {
    margin-top: 100px; }

  input#agree {
    width: 24px;
    height: 24px;
    border: 1px solid #D5DBE6;
    margin: 0 15px 7px 0; }

  .checkboxText {
    font-size: 1.2rem;
    color: #1f1f1f; }

  .submitBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 380px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 40px auto; }
    .submitBtn:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
      .submitBtn:hover:before {
        right: 0.5em;
        background-color: #b81c22; }
      .submitBtn:hover:after {
        right: 0.5em;
        background-color: #b81c22; }
    .submitBtn:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    .submitBtn:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }

  .contactPolicy {
    padding: 40px;
    margin-top: 30px;
    height: 200px;
    background-color: #ebebeb !important;
    overflow-y: scroll;
    box-sizing: border-box; }

  .policyTitle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.5rem;
    color: #1f1f1f;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: center; }

  .policyList p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 2; }

  .policyListTit_02 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.1rem;
    color: #1f1f1f;
    margin-bottom: 10px;
    font-weight: 700; }

  .firstText {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 40px !important; }

  .blackBg {
    position: relative; }
    .blackBg:before {
      content: "";
      background: #1f1f1f;
      width: 100%;
      display: block;
      height: 240px;
      position: absolute;
      z-index: -1; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #Container {
    width: 100%;
    max-width: 700px;
    margin: 40px auto 100px; }

  .Container_2 {
    width: 100%;
    max-width: 700px;
    margin: 40px auto 100px; }

  .full {
    width: 100%;
    margin: 40px auto; }

  .Title_Center {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.7rem;
    color: #1f1f1f;
    margin-bottom: 40px;
    text-align: center; }

  .TextStyle_01 {
    font-size: 1rem;
    line-height: 2;
    color: #1f1f1f;
    margin-bottom: 10px; }

  dl.FormContents {
    position: relative; }
    dl.FormContents dt {
      display: flex;
      justify-content: space-between;
      left: 0;
      padding: 40px 0 20px;
      box-sizing: border-box; }
      dl.FormContents dt .Text {
        font-size: 1.2rem;
        color: #1f1f1f; }
      dl.FormContents dt .mark {
        background: #b81c22;
        width: 60px;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        font-size: 15px;
        color: #fff; }
      dl.FormContents dt .optional {
        background: #b0b0b0; }
    dl.FormContents dd {
      line-height: 2;
      display: block;
      border-bottom: 1px solid #bebebe;
      padding: 10px 0 40px; }

  input[type="text"].c_formParts, input[type="email"].c_formParts {
    padding: 0 39px;
    height: 60px;
    background-color: #e1e1e1;
    border: 0 solid transparent; }

  .Postcode {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .postcodeMark {
    max-width: 26px;
    -ms-flex-preferred-size: 26px;
    flex-basis: 26px;
    padding-top: 5px; }

  .formPostcode {
    max-width: 270px; }

  .formAddress {
    margin-top: 20px; }

  .Select01 {
    width: 100%;
    max-width: 100%;
    height: 70px;
    position: relative;
    max-width: 100%;
    height: 56px;
    border: 3px solid #e1e1e1;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .Select01:after {
      content: '';
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto 0;
      width: 9px;
      height: 9px;
      -webkit-transform: translateY(-2px) rotate(45deg);
      transform: translateY(-2px) rotate(45deg);
      border-right: 2px solid #333;
      border-bottom: 2px solid #333;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  .InSelect {
    font-size: 1rem;
    padding: 0 50px 0 22px;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 18px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .05em;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button, select, option {
    display: block;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    outline: none;
    border: 1px solid;
    border-radius: 0;
    background: none;
    box-sizing: border-box;
    font-size: 1rem; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none; }

  input[type="radio"], input[type="checkbox"] {
    margin: 0;
    padding: 0;
    vertical-align: middle; }

  textarea.c_formParts {
    height: 200px;
    resize: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 30px;
    font-size: 1rem;
    border: none;
    background: #e1e1e1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit; }

  /* 送信ボタン */
  .submit-btn {
    /* buttonタグのリセットCSS */
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    color: #fff;
    padding: 8px 24px;
    background-color: #3abec1;
    cursor: pointer;
    /* ポインターカーソルを表示 */ }

  .submitBtn[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
    /* クリック不可のカーソルを表示 */
    border: initial; }
    .submitBtn[disabled]:hover {
      background-color: #ccc;
      color: #fff; }
    .submitBtn[disabled]:before {
      content: none; }
    .submitBtn[disabled]:after {
      content: none; }

  .formAgreement {
    margin-top: 40px;
    text-align: center; }

  .SubmitBtnArea {
    margin-top: 100px; }

  input#agree {
    width: 24px;
    height: 24px;
    border: 1px solid #D5DBE6;
    margin: 0 15px 7px 0; }

  .checkboxText {
    font-size: 1.2rem;
    color: #1f1f1f; }

  .submitBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 380px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 40px auto; }
    .submitBtn:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
      .submitBtn:hover:before {
        right: 0.5em;
        background-color: #b81c22; }
      .submitBtn:hover:after {
        right: 0.5em;
        background-color: #b81c22; }
    .submitBtn:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    .submitBtn:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }

  .contactPolicy {
    padding: 40px;
    margin-top: 30px;
    height: 200px;
    background-color: #ebebeb !important;
    overflow-y: scroll;
    box-sizing: border-box; }

  .policyTitle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.3rem;
    color: #1f1f1f;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: center; }

  .policyList p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 2; }

  .policyListTit_02 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.1rem;
    color: #1f1f1f;
    margin-bottom: 10px;
    font-weight: 700; }

  .firstText {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 40px !important; }

  .blackBg {
    position: relative; }
    .blackBg:before {
      content: "";
      background: #1f1f1f;
      width: 100%;
      display: block;
      height: 230px;
      position: absolute;
      z-index: -1; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #Container {
    width: 90%;
    margin: 40px auto 100px; }

  .Container_2 {
    width: 90%;
    margin: 40px auto 100px; }

  .full {
    width: 100%;
    margin: 40px auto; }

  .Title_Center {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.6rem;
    color: #1f1f1f;
    margin-bottom: 40px;
    text-align: center; }

  .TextStyle_01 {
    font-size: 1rem;
    line-height: 2;
    color: #1f1f1f;
    margin-bottom: 10px; }

  dl.FormContents {
    position: relative; }
    dl.FormContents dt {
      display: flex;
      justify-content: space-between;
      left: 0;
      padding: 40px 0 20px;
      box-sizing: border-box; }
      dl.FormContents dt .Text {
        font-size: 1.2rem;
        color: #1f1f1f; }
      dl.FormContents dt .mark {
        background: #b81c22;
        width: 60px;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        font-size: 15px;
        color: #fff; }
      dl.FormContents dt .optional {
        background: #b0b0b0; }
    dl.FormContents dd {
      line-height: 2;
      display: block;
      border-bottom: 1px solid #bebebe;
      padding: 10px 0 40px; }

  input[type="text"].c_formParts, input[type="email"].c_formParts {
    padding: 0 39px;
    height: 60px;
    background-color: #e1e1e1;
    border: 0 solid transparent; }

  .Postcode {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .postcodeMark {
    max-width: 26px;
    -ms-flex-preferred-size: 26px;
    flex-basis: 26px;
    padding-top: 5px; }

  .formPostcode {
    max-width: 270px; }

  .formAddress {
    margin-top: 20px; }

  .Select01 {
    width: 100%;
    max-width: 100%;
    height: 70px;
    position: relative;
    max-width: 100%;
    height: 56px;
    border: 3px solid #e1e1e1;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .Select01:after {
      content: '';
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto 0;
      width: 9px;
      height: 9px;
      -webkit-transform: translateY(-2px) rotate(45deg);
      transform: translateY(-2px) rotate(45deg);
      border-right: 2px solid #333;
      border-bottom: 2px solid #333;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  .InSelect {
    font-size: 1rem;
    padding: 0 50px 0 22px;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 18px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .05em;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button, select, option {
    display: block;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    outline: none;
    border: 1px solid;
    border-radius: 0;
    background: none;
    box-sizing: border-box;
    font-size: 1rem; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none; }

  input[type="radio"], input[type="checkbox"] {
    margin: 0;
    padding: 0;
    vertical-align: middle; }

  textarea.c_formParts {
    height: 200px;
    resize: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 30px;
    font-size: 1rem;
    border: none;
    background: #e1e1e1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit; }

  /* 送信ボタン */
  .submit-btn {
    /* buttonタグのリセットCSS */
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    color: #fff;
    padding: 8px 24px;
    background-color: #3abec1;
    cursor: pointer;
    /* ポインターカーソルを表示 */ }

  .submitBtn[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
    /* クリック不可のカーソルを表示 */
    border: initial; }
    .submitBtn[disabled]:hover {
      background-color: #ccc;
      color: #fff; }
    .submitBtn[disabled]:before {
      content: none; }
    .submitBtn[disabled]:after {
      content: none; }

  .formAgreement {
    margin-top: 40px;
    text-align: center; }

  .SubmitBtnArea {
    margin-top: 100px; }

  input#agree {
    width: 24px;
    height: 24px;
    border: 1px solid #D5DBE6;
    margin: 0 15px 7px 0; }

  .checkboxText {
    font-size: 1.2rem;
    color: #1f1f1f; }

  .submitBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 320px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 40px auto; }
    .submitBtn:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
      .submitBtn:hover:before {
        right: 0.5em;
        background-color: #b81c22; }
      .submitBtn:hover:after {
        right: 0.5em;
        background-color: #b81c22; }
    .submitBtn:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    .submitBtn:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }

  .contactPolicy {
    padding: 40px;
    margin-top: 30px;
    height: 200px;
    background-color: #ebebeb !important;
    overflow-y: scroll;
    box-sizing: border-box; }

  .policyTitle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.3rem;
    color: #1f1f1f;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: center; }

  .policyList p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 2; }

  .policyListTit_02 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.1rem;
    color: #1f1f1f;
    margin-bottom: 10px;
    font-weight: 700; }

  .firstText {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 40px !important; }

  .blackBg {
    position: relative; }
    .blackBg:before {
      content: "";
      background: #1f1f1f;
      width: 100%;
      display: block;
      height: 220px;
      position: absolute;
      z-index: -1; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #Container {
    width: 90%;
    margin: 40px auto 100px; }

  .Container_2 {
    width: 90%;
    margin: 40px auto 100px; }

  .full {
    width: 100%;
    margin: 30px auto; }

  .Title_Center {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.5rem;
    color: #1f1f1f;
    margin-bottom: 30px;
    text-align: center; }

  .TextStyle_01 {
    font-size: 1rem;
    line-height: 2;
    color: #1f1f1f;
    margin-bottom: 10px; }

  dl.FormContents {
    position: relative; }
    dl.FormContents dt {
      display: flex;
      justify-content: space-between;
      left: 0;
      padding: 40px 0 20px;
      box-sizing: border-box; }
      dl.FormContents dt .Text {
        font-size: 1.2rem;
        color: #1f1f1f; }
      dl.FormContents dt .mark {
        background: #b81c22;
        width: 60px;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        font-size: 15px;
        color: #fff; }
      dl.FormContents dt .optional {
        background: #b0b0b0; }
    dl.FormContents dd {
      line-height: 2;
      display: block;
      border-bottom: 1px solid #bebebe;
      padding: 10px 0 40px; }

  input[type="text"].c_formParts, input[type="email"].c_formParts {
    padding: 0 39px;
    height: 60px;
    background-color: #e1e1e1;
    border: 0 solid transparent; }

  .Postcode {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .postcodeMark {
    max-width: 26px;
    -ms-flex-preferred-size: 26px;
    flex-basis: 26px;
    padding-top: 5px; }

  .formPostcode {
    max-width: 270px; }

  .formAddress {
    margin-top: 20px; }

  .Select01 {
    width: 100%;
    max-width: 100%;
    height: 70px;
    position: relative;
    max-width: 100%;
    height: 56px;
    border: 3px solid #e1e1e1;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .Select01:after {
      content: '';
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto 0;
      width: 9px;
      height: 9px;
      -webkit-transform: translateY(-2px) rotate(45deg);
      transform: translateY(-2px) rotate(45deg);
      border-right: 2px solid #333;
      border-bottom: 2px solid #333;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  .InSelect {
    font-size: 1rem;
    padding: 0 50px 0 22px;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 18px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .05em;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button, select, option {
    display: block;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    outline: none;
    border: 1px solid;
    border-radius: 0;
    background: none;
    box-sizing: border-box;
    font-size: 1rem; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none; }

  input[type="radio"], input[type="checkbox"] {
    margin: 0;
    padding: 0;
    vertical-align: middle; }

  textarea.c_formParts {
    height: 200px;
    resize: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 30px;
    font-size: 1rem;
    border: none;
    background: #e1e1e1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit; }

  /* 送信ボタン */
  .submit-btn {
    /* buttonタグのリセットCSS */
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    color: #fff;
    padding: 8px 24px;
    background-color: #3abec1;
    cursor: pointer;
    /* ポインターカーソルを表示 */ }

  .submitBtn[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
    /* クリック不可のカーソルを表示 */
    border: initial; }
    .submitBtn[disabled]:hover {
      background-color: #ccc;
      color: #fff; }
    .submitBtn[disabled]:before {
      content: none; }
    .submitBtn[disabled]:after {
      content: none; }

  .formAgreement {
    margin-top: 40px;
    text-align: center; }

  .SubmitBtnArea {
    margin-top: 100px; }

  input#agree {
    width: 24px;
    height: 24px;
    border: 1px solid #D5DBE6;
    margin: 0 15px 7px 0; }

  .checkboxText {
    font-size: 1.2rem;
    color: #1f1f1f; }

  .submitBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 320px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 40px auto; }
    .submitBtn:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
      .submitBtn:hover:before {
        right: 0.5em;
        background-color: #b81c22; }
      .submitBtn:hover:after {
        right: 0.5em;
        background-color: #b81c22; }
    .submitBtn:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    .submitBtn:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }

  .contactPolicy {
    padding: 40px;
    margin-top: 30px;
    height: 200px;
    background-color: #ebebeb !important;
    overflow-y: scroll;
    box-sizing: border-box; }

  .policyTitle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.3rem;
    color: #1f1f1f;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: center; }

  .policyList p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 2; }

  .policyListTit_02 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.1rem;
    color: #1f1f1f;
    margin-bottom: 10px;
    font-weight: 700; }

  .firstText {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 40px !important; }

  .blackBg {
    position: relative; }
    .blackBg:before {
      content: "";
      background: #1f1f1f;
      width: 100%;
      display: block;
      height: 220px;
      position: absolute;
      z-index: -1; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #Container {
    width: 90%;
    margin: 40px auto 100px; }

  .Container_2 {
    width: 90%;
    margin: 40px auto 100px; }

  .full {
    width: 100%;
    margin: 30px auto; }

  .Title_Center {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.4rem;
    color: #1f1f1f;
    margin-bottom: 30px;
    text-align: center; }

  .TextStyle_01 {
    font-size: 1rem;
    line-height: 2;
    color: #1f1f1f;
    margin-bottom: 10px; }

  dl.FormContents {
    position: relative; }
    dl.FormContents dt {
      display: flex;
      justify-content: space-between;
      left: 0;
      padding: 40px 0 20px;
      box-sizing: border-box; }
      dl.FormContents dt .Text {
        font-size: 1.2rem;
        color: #1f1f1f; }
      dl.FormContents dt .mark {
        background: #b81c22;
        width: 60px;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        font-size: 15px;
        color: #fff; }
      dl.FormContents dt .optional {
        background: #b0b0b0; }
    dl.FormContents dd {
      line-height: 2;
      display: block;
      border-bottom: 1px solid #bebebe;
      padding: 10px 0 40px; }

  input[type="text"].c_formParts, input[type="email"].c_formParts {
    padding: 0 39px;
    height: 60px;
    background-color: #e1e1e1;
    border: 0 solid transparent; }

  .Postcode {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .postcodeMark {
    max-width: 26px;
    -ms-flex-preferred-size: 26px;
    flex-basis: 26px;
    padding-top: 5px; }

  .formPostcode {
    max-width: 270px; }

  .formAddress {
    margin-top: 20px; }

  .Select01 {
    width: 100%;
    max-width: 100%;
    height: 70px;
    position: relative;
    max-width: 100%;
    height: 56px;
    border: 3px solid #e1e1e1;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .Select01:after {
      content: '';
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto 0;
      width: 9px;
      height: 9px;
      -webkit-transform: translateY(-2px) rotate(45deg);
      transform: translateY(-2px) rotate(45deg);
      border-right: 2px solid #333;
      border-bottom: 2px solid #333;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  .InSelect {
    font-size: 1rem;
    padding: 0 50px 0 22px;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 18px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .05em;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button, select, option {
    display: block;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    outline: none;
    border: 1px solid;
    border-radius: 0;
    background: none;
    box-sizing: border-box;
    font-size: 1rem; }

  input[type="text"], input[type="email"], input[type="tel"], textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none; }

  input[type="radio"], input[type="checkbox"] {
    margin: 0;
    padding: 0;
    vertical-align: middle; }

  textarea.c_formParts {
    height: 200px;
    resize: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 30px;
    font-size: 1rem;
    border: none;
    background: #e1e1e1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit; }

  /* 送信ボタン */
  .submit-btn {
    /* buttonタグのリセットCSS */
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    color: #fff;
    padding: 8px 24px;
    background-color: #3abec1;
    cursor: pointer;
    /* ポインターカーソルを表示 */ }

  .submitBtn[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
    /* クリック不可のカーソルを表示 */
    border: initial; }
    .submitBtn[disabled]:hover {
      background-color: #ccc;
      color: #fff; }
    .submitBtn[disabled]:before {
      content: none; }
    .submitBtn[disabled]:after {
      content: none; }

  .formAgreement {
    margin-top: 40px;
    text-align: center; }

  .SubmitBtnArea {
    margin-top: 100px; }

  input#agree {
    width: 24px;
    height: 24px;
    border: 1px solid #D5DBE6;
    margin: 0 15px 7px 0; }

  .checkboxText {
    font-size: 1rem;
    color: #1f1f1f; }

  .submitBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 40px auto; }
    .submitBtn:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }
      .submitBtn:hover:before {
        right: 0.5em;
        background-color: #b81c22; }
      .submitBtn:hover:after {
        right: 0.5em;
        background-color: #b81c22; }
    .submitBtn:before {
      content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: 18px;
      transform: translateY(calc(-50% - 2px)) rotate(45deg);
      width: 12px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }
    .submitBtn:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 30px;
      height: 1px;
      background-color: #fff;
      transition: 0.3s; }

  .contactPolicy {
    padding: 40px 20px;
    margin-top: 30px;
    height: 300px;
    background-color: #ebebeb !important;
    overflow-y: scroll;
    box-sizing: border-box; }

  .policyTitle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.3rem;
    color: #1f1f1f;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: center; }

  .policyList p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 2; }

  .policyListTit_02 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.1rem;
    color: #1f1f1f;
    margin-bottom: 10px;
    font-weight: 700; }

  .firstText {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    margin-bottom: 40px !important; }

  .blackBg {
    position: relative; }
    .blackBg:before {
      content: "";
      background: #1f1f1f;
      width: 100%;
      display: block;
      height: 220px;
      position: absolute;
      z-index: -1; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .buttonArea_02 {
    text-align: center;
    margin: 60px 0;
    width: 100%; }

  .buttonSend {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 180px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .buttonSend:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  .back {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 180px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #9f9f9f;
    border: 1px solid #9f9f9f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .back:hover {
      text-decoration: none;
      color: #9f9f9f;
      background-color: #fff; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .buttonArea_02 {
    text-align: center;
    margin: 60px 0;
    width: 100%; }

  .buttonSend {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 170px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .buttonSend:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  .back {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 170px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #9f9f9f;
    border: 1px solid #9f9f9f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .back:hover {
      text-decoration: none;
      color: #9f9f9f;
      background-color: #fff; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  .buttonArea_02 {
    text-align: center;
    margin: 60px 0;
    width: 100%; }

  .buttonSend {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 160px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .buttonSend:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  .back {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 160px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    background-color: #9f9f9f;
    border: 1px solid #9f9f9f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .back:hover {
      text-decoration: none;
      color: #9f9f9f;
      background-color: #fff; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  .buttonArea_02 {
    text-align: center;
    margin: 60px 0;
    width: 100%; }

  .buttonSend {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 150px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .buttonSend:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  .back {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 150px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #9f9f9f;
    border: 1px solid #9f9f9f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .back:hover {
      text-decoration: none;
      color: #9f9f9f;
      background-color: #fff; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .buttonArea_02 {
    text-align: center;
    margin: 60px 0;
    width: 100%; }

  .buttonSend {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 140px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .buttonSend:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  .back {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 140px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background-color: #9f9f9f;
    border: 1px solid #9f9f9f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .back:hover {
      text-decoration: none;
      color: #9f9f9f;
      background-color: #fff; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .buttonArea_02 {
    text-align: center;
    margin: 60px 0;
    width: 100%; }

  .buttonSend {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 130px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background-color: #b81c22;
    border: 1px solid #b81c22;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .buttonSend:hover {
      text-decoration: none;
      color: #b81c22;
      background-color: #fff; }

  .back {
    text-decoration: none;
    position: relative;
    padding: 1em 2em;
    width: 130px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background-color: #9f9f9f;
    border: 1px solid #9f9f9f;
    transition: 0.3s;
    font-family: 'Noto Sans JP', sans-serif; }
    .back:hover {
      text-decoration: none;
      color: #9f9f9f;
      background-color: #fff; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .Box01 {
    margin: 0 auto 50px;
    width: 800px; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .Box01 {
    margin: 0 auto 50px;
    width: 800px; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  .Box01 {
    margin: 0 auto 50px;
    width: 700px; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  .Box01 {
    margin: 0 auto 50px; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .Box01 {
    margin: 0 auto 40px; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .Box01 {
    margin: 0 auto 30px; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #Portfolio ul {
    display: flex;
    flex-wrap: wrap; }
    #Portfolio ul li {
      position: relative;
      width: 31.333333%;
      height: 460px;
      margin: 0 1% 30px; }
      #Portfolio ul li .Works_text {
        width: 90%;
        background: #fff;
        position: absolute;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-top: -20px;
        display: block; }
        #Portfolio ul li .Works_text:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          top: -10%;
          left: -2%; }
        #Portfolio ul li .Works_text .client_name {
          color: #b81c22;
          font-size: 0.85rem;
          margin-bottom: 5px;
          position: relative; }
          #Portfolio ul li .Works_text .client_name:after {
            content: "様";
            color: #b81c22;
            font-size: 0.85rem;
            margin-left: 5px; }
        #Portfolio ul li .Works_text .category_title {
          color: #1f1f1f;
          margin-bottom: 20px;
          font-size: 1.1rem; }
        #Portfolio ul li .Works_text .item_category {
          font-size: 0.75rem;
          color: #888; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #Portfolio ul {
    display: flex;
    flex-wrap: wrap; }
    #Portfolio ul li {
      position: relative;
      width: 31.333333%;
      height: 460px;
      margin: 0 1% 30px; }
      #Portfolio ul li .Works_text {
        width: 90%;
        background: #fff;
        position: absolute;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-top: -20px;
        display: block; }
        #Portfolio ul li .Works_text:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          top: -10%;
          left: -2%; }
        #Portfolio ul li .Works_text .client_name {
          color: #b81c22;
          font-size: 0.85rem;
          margin-bottom: 5px;
          position: relative; }
          #Portfolio ul li .Works_text .client_name:after {
            content: "様";
            color: #b81c22;
            font-size: 0.85rem;
            margin-left: 5px; }
        #Portfolio ul li .Works_text .category_title {
          color: #1f1f1f;
          margin-bottom: 20px;
          font-size: 1.1rem; }
        #Portfolio ul li .Works_text .item_category {
          font-size: 0.75rem;
          color: #888; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #Portfolio ul {
    display: flex;
    flex-wrap: wrap; }
    #Portfolio ul li {
      position: relative;
      width: 44%;
      height: 410px;
      margin: 3%; }
      #Portfolio ul li .Works_text {
        width: 90%;
        background: #fff;
        position: absolute;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-top: -20px;
        display: block; }
        #Portfolio ul li .Works_text:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          top: -10%;
          left: -2%; }
        #Portfolio ul li .Works_text .client_name {
          color: #b81c22;
          font-size: 0.85rem;
          margin-bottom: 5px;
          position: relative; }
          #Portfolio ul li .Works_text .client_name:after {
            content: "様";
            color: #b81c22;
            font-size: 0.85rem;
            margin-left: 5px; }
        #Portfolio ul li .Works_text .category_title {
          color: #1f1f1f;
          margin-bottom: 20px;
          font-size: 1.1rem; }
        #Portfolio ul li .Works_text .item_category {
          font-size: 0.75rem;
          color: #888; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #Portfolio ul {
    display: flex;
    flex-wrap: wrap; }
    #Portfolio ul li {
      position: relative;
      width: 44%;
      height: 410px;
      margin: 3%; }
      #Portfolio ul li .Works_text {
        width: 90%;
        background: #fff;
        position: absolute;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-top: -20px;
        display: block; }
        #Portfolio ul li .Works_text:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          top: -10%;
          left: -2%; }
        #Portfolio ul li .Works_text .client_name {
          color: #b81c22;
          font-size: 0.85rem;
          margin-bottom: 5px;
          position: relative; }
          #Portfolio ul li .Works_text .client_name:after {
            content: "様";
            color: #b81c22;
            font-size: 0.85rem;
            margin-left: 5px; }
        #Portfolio ul li .Works_text .category_title {
          color: #1f1f1f;
          margin-bottom: 20px;
          font-size: 1.1rem; }
        #Portfolio ul li .Works_text .item_category {
          font-size: 0.75rem;
          color: #888; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #Portfolio ul {
    display: flex;
    flex-wrap: wrap; }
    #Portfolio ul li {
      position: relative;
      width: 100%;
      height: 520px;
      margin: 3%; }
      #Portfolio ul li .Works_text {
        width: 90%;
        background: #fff;
        position: absolute;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-top: -20px;
        display: block; }
        #Portfolio ul li .Works_text:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          top: -10%;
          left: -2%; }
        #Portfolio ul li .Works_text .client_name {
          color: #b81c22;
          font-size: 0.85rem;
          margin-bottom: 5px;
          position: relative; }
          #Portfolio ul li .Works_text .client_name:after {
            content: "様";
            color: #b81c22;
            font-size: 0.85rem;
            margin-left: 5px; }
        #Portfolio ul li .Works_text .category_title {
          color: #1f1f1f;
          margin-bottom: 20px;
          font-size: 1.1rem; }
        #Portfolio ul li .Works_text .item_category {
          font-size: 0.75rem;
          color: #888; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #Portfolio ul {
    display: flex;
    flex-wrap: wrap; }
    #Portfolio ul li {
      position: relative;
      width: 100%;
      height: 460px;
      margin: 3%; }
      #Portfolio ul li .Works_text {
        width: 90%;
        background: #fff;
        position: absolute;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-top: -20px;
        display: block; }
        #Portfolio ul li .Works_text:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          top: -10%;
          left: -2%; }
        #Portfolio ul li .Works_text .client_name {
          color: #b81c22;
          font-size: 0.85rem;
          margin-bottom: 5px;
          position: relative; }
          #Portfolio ul li .Works_text .client_name:after {
            content: "様";
            color: #b81c22;
            font-size: 0.85rem;
            margin-left: 5px; }
        #Portfolio ul li .Works_text .category_title {
          color: #1f1f1f;
          margin-bottom: 20px;
          font-size: 1.1rem; }
        #Portfolio ul li .Works_text .item_category {
          font-size: 0.75rem;
          color: #888; } }
.cookie_box a {
  transition: all .3s; }

.cookie_box a:link {
  color: #000081;
  text-decoration: none; }

.cookie_box a:visited {
  color: #000081;
  text-decoration: none; }

/*訪問済みのリンクの色*/
.cookie_box a:hover {
  color: #b3b3fe;
  text-decoration: none; }

/*カーソルが乗っているリンクの色*/
.cookie_box a:active {
  color: #b3b3fe;
  text-decoration: none; }

/*クリック中のリンクの色*/
/* --------------  初回のみクッキー案内表示  -------------- */
.cookie_area {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10; }

/*
.cookie_area.fixed{
	position: fixed;
	bottom:0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}
*/
.cookie_area {
  width: 100%; }

.cookie_box {
  min-height: 60px;
  padding: 20px 10px;
  background-color: rgba(230, 230, 230, 0.9); }

/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .cookie_box {
    width: 100%;
    margin: 0 auto; }

  /* 短いページ */
  .report .cookie_box,
  .register .cookie_box {
    /*margin: -60px auto 20px;*/ }

  .cookieContents {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .cookieContents .cookieTextArea {
      width: 780px; }
      .cookieContents .cookieTextArea p {
        font-size: 0.85rem;
        color: #505050;
        line-height: 2; }

  .cookie_box p {
    margin-bottom: 4px; }

  .cookie_box #cookie_btn {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 30px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    border-radius: 100px;
    background-color: #262626;
    margin-left: 1em; }

  .ContentsArea {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .cookie_box {
    width: 100%;
    margin: 0 auto; }

  /* 短いページ */
  .report .cookie_box,
  .register .cookie_box {
    /*margin: -60px auto 20px;*/ }

  .cookieContents {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .cookieContents .cookieTextArea {
      width: 720px; }
      .cookieContents .cookieTextArea p {
        font-size: 0.85rem;
        color: #505050;
        line-height: 2; }

  .cookie_box p {
    margin-bottom: 4px; }

  .cookie_box #cookie_btn {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 30px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    border-radius: 100px;
    background-color: #262626;
    margin-left: 1em; }

  .ContentsArea {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  .cookie_box {
    width: 100%;
    margin: 0 auto; }

  /* 短いページ */
  .report .cookie_box,
  .register .cookie_box {
    /*margin: -60px auto 20px;*/ }

  .cookieContents .cookieTextArea {
    width: 100%;
    margin-bottom: 20px; }
    .cookieContents .cookieTextArea p {
      font-size: 0.85rem;
      color: #505050;
      line-height: 2; }

  .cookie_box p {
    margin-bottom: 4px; }

  .cookie_box #cookie_btn {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    border-radius: 100px;
    background-color: #262626; }

  .ContentsArea {
    width: 100%;
    max-width: 680px;
    margin: 0 auto; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  .cookie_box {
    width: 100%;
    margin: 0 auto; }

  /* 短いページ */
  .report .cookie_box,
  .register .cookie_box {
    /*margin: -60px auto 20px;*/ }

  .cookieContents .cookieTextArea {
    width: 100%;
    margin-bottom: 20px; }
    .cookieContents .cookieTextArea p {
      font-size: 0.85rem;
      color: #505050;
      line-height: 2; }

  .cookie_box p {
    margin-bottom: 4px; }

  .cookie_box #cookie_btn {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    border-radius: 100px;
    background-color: #262626; }

  .ContentsArea {
    width: 100%;
    max-width: 550px;
    margin: 0 auto; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .cookie_box {
    width: 100%;
    margin: 0 auto; }

  /* 短いページ */
  .report .cookie_box,
  .register .cookie_box {
    /*margin: -60px auto 20px;*/ }

  .cookieContents .cookieTextArea {
    width: 100%;
    margin-bottom: 20px; }
    .cookieContents .cookieTextArea p {
      font-size: 0.85rem;
      color: #505050;
      line-height: 2; }

  .cookie_box p {
    margin-bottom: 4px; }

  .cookie_box #cookie_btn {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    border-radius: 100px;
    background-color: #262626; }

  .ContentsArea {
    width: 100%;
    max-width: 90%;
    margin: 0 auto; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .cookie_box {
    width: 100%;
    margin: 0 auto; }

  /* 短いページ */
  .report .cookie_box,
  .register .cookie_box {
    /*margin: -60px auto 20px;*/ }

  .cookieContents .cookieTextArea {
    width: 100%;
    margin-bottom: 20px; }
    .cookieContents .cookieTextArea p {
      font-size: 0.85rem;
      color: #505050;
      line-height: 2; }

  .cookie_box p {
    margin-bottom: 4px; }

  .cookie_box #cookie_btn {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    border-radius: 100px;
    background-color: #262626; }

  .ContentsArea {
    width: 100%;
    max-width: 90%;
    margin: 0 auto; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  ul.box_list {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto 100px;
    display: flex;
    flex-wrap: wrap; }
    ul.box_list li {
      border: 1px solid #1f1f1f;
      width: 47%;
      margin: 0 2% 2% 0;
      padding: 25px;
      box-sizing: border-box;
      background: #fff; }
      ul.box_list li::nth-child(2n) {
        margin-right: 0; }
      ul.box_list li figure {
        text-align: center;
        margin-bottom: 30px; }
        ul.box_list li figure img {
          width: 80px;
          height: auto; }
      ul.box_list li h4 {
        display: block;
        font-family: 'Noto Serif JP', serif;
        font-size: 1.2rem;
        color: #1f1f1f;
        text-align: center;
        font-weight: 600; }
        ul.box_list li h4 span {
          font-family: 'Noto Serif JP', serif;
          display: block;
          font-weight: 600;
          font-size: 80%; }

  .Text_content {
    width: 100%;
    margin: 50px auto;
    position: relative; }
    .Text_content:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 370px;
      width: 100%;
      content: "";
      position: absolute;
      left: 0;
      top: -50px;
      z-index: -1;
      width: 45%;
      opacity: 0.5; } }
.pt50 {
  padding-top: 50px; }

/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  ul.box_list {
    width: 100%;
    max-width: 880px;
    margin: 40px auto 100px;
    display: flex;
    flex-wrap: wrap; }
    ul.box_list li {
      border: 1px solid #1f1f1f;
      width: 48%;
      margin: 0 2% 2% 0;
      padding: 23px;
      box-sizing: border-box;
      background: #fff; }
      ul.box_list li:nth-child(2n) {
        margin-right: 0; }
      ul.box_list li figure {
        text-align: center;
        margin-bottom: 30px; }
        ul.box_list li figure img {
          width: 70px;
          height: auto; }
      ul.box_list li h4 {
        display: block;
        font-family: 'Noto Serif JP', serif;
        font-size: 1.1rem;
        color: #1f1f1f;
        text-align: center;
        font-weight: 600; }
        ul.box_list li h4 span {
          font-family: 'Noto Serif JP', serif;
          display: block;
          font-weight: 600;
          font-size: 80%; }

  .Text_content {
    width: 100%;
    margin: 50px auto;
    position: relative; }
    .Text_content:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 360px;
      width: 100%;
      content: "";
      position: absolute;
      left: 0;
      top: -50px;
      z-index: -1;
      width: 40%;
      opacity: 0.5; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  ul.box_list {
    width: 100%;
    max-width: 880px;
    margin: 40px auto 100px; }
    ul.box_list li {
      border: 1px solid #1f1f1f;
      width: 100%;
      margin: 0 2% 2% 0;
      padding: 23px;
      box-sizing: border-box;
      background: #fff; }
      ul.box_list li figure {
        text-align: center;
        margin-bottom: 30px; }
        ul.box_list li figure img {
          width: 70px;
          height: auto; }
      ul.box_list li h4 {
        display: block;
        font-family: 'Noto Serif JP', serif;
        font-size: 1.1rem;
        color: #1f1f1f;
        text-align: center;
        font-weight: 600; }
        ul.box_list li h4 span {
          font-family: 'Noto Serif JP', serif;
          display: block;
          font-weight: 600;
          font-size: 80%; }

  .Text_content {
    width: 100%;
    margin: 50px auto;
    position: relative; }
    .Text_content:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 350px;
      width: 100%;
      content: "";
      position: absolute;
      left: 0;
      top: -45px;
      z-index: -1;
      width: 40%;
      opacity: 0.5; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  ul.box_list {
    width: 100%;
    max-width: 700px;
    margin: 40px auto 100px; }
    ul.box_list li {
      border: 1px solid #1f1f1f;
      width: 100%;
      margin: 0 2% 2% 0;
      padding: 23px;
      box-sizing: border-box;
      background: #fff; }
      ul.box_list li figure {
        text-align: center;
        margin-bottom: 30px; }
        ul.box_list li figure img {
          width: 70px;
          height: auto; }
      ul.box_list li h4 {
        display: block;
        font-family: 'Noto Serif JP', serif;
        font-size: 1.1rem;
        color: #1f1f1f;
        text-align: center;
        font-weight: 600; }
        ul.box_list li h4 span {
          font-family: 'Noto Serif JP', serif;
          display: block;
          font-weight: 600;
          font-size: 80%; }

  .Text_content {
    width: 100%;
    margin: 50px auto;
    position: relative; }
    .Text_content:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 450px;
      width: 100%;
      content: "";
      position: absolute;
      left: 0;
      top: -45px;
      z-index: -1;
      width: 70%;
      opacity: 0.5; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  ul.box_list {
    width: 90%;
    margin: 40px auto 100px; }
    ul.box_list li {
      border: 1px solid #1f1f1f;
      width: 100%;
      margin: 0 2% 2% 0;
      padding: 23px;
      box-sizing: border-box;
      background: #fff; }
      ul.box_list li figure {
        text-align: center;
        margin-bottom: 30px; }
        ul.box_list li figure img {
          width: 70px;
          height: auto; }
      ul.box_list li h4 {
        display: block;
        font-family: 'Noto Serif JP', serif;
        font-size: 1.1rem;
        color: #1f1f1f;
        text-align: center;
        font-weight: 600; }
        ul.box_list li h4 span {
          font-family: 'Noto Serif JP', serif;
          display: block;
          font-weight: 600;
          font-size: 80%; }

  .Text_content {
    width: 100%;
    margin: 50px auto;
    position: relative; }
    .Text_content:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 500px;
      width: 100%;
      content: "";
      position: absolute;
      left: 0;
      top: -45px;
      z-index: -1;
      width: 80%;
      opacity: 0.5; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  ul.box_list {
    width: 90%;
    margin: 40px auto 100px; }
    ul.box_list li {
      border: 1px solid #1f1f1f;
      width: 100%;
      margin: 0 2% 2% 0;
      padding: 23px;
      box-sizing: border-box;
      background: #fff; }
      ul.box_list li figure {
        text-align: center;
        margin-bottom: 30px; }
        ul.box_list li figure img {
          width: 70px;
          height: auto; }
      ul.box_list li h4 {
        display: block;
        font-family: 'Noto Serif JP', serif;
        font-size: 1.1rem;
        color: #1f1f1f;
        text-align: center;
        font-weight: 600; }
        ul.box_list li h4 span {
          font-family: 'Noto Serif JP', serif;
          display: block;
          font-weight: 600;
          font-size: 80%; }

  .Text_content {
    width: 100%;
    margin: 50px auto;
    position: relative; }
    .Text_content:after {
      background: url("../images/img_commons/mv_overlay.png");
      height: 500px;
      width: 100%;
      content: "";
      position: absolute;
      left: 0;
      top: -45px;
      z-index: -1;
      width: 80%;
      opacity: 0.5; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #Recruit {
    position: relative;
    margin: 150px 0 260px; }
    #Recruit .ContentsTitle {
      position: relative; }
      #Recruit .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_recruit.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 273px;
        width: 680px;
        background-size: cover;
        top: -70px;
        z-index: -1; }
      #Recruit .ContentsTitle span.Main_section_title_main {
        font-family: 'Shippori Mincho', serif;
        font-size: 5rem;
        position: relative; }
        #Recruit .ContentsTitle span.Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 19%;
          left: 31%; }
        #Recruit .ContentsTitle span.Main_section_title_main:after {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -2%;
          left: 7%; }
      #Recruit .ContentsTitle span.Main_section_title_sub {
        display: block;
        margin-top: 30px; }
      #Recruit .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }
    #Recruit #RecruitContentsArea {
      position: relative;
      height: 35vw; }
      #Recruit #RecruitContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/bg_recruit.jpg") no-repeat center/cover;
        position: absolute;
        width: 80%;
        height: 30vw;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-attachment: fixed; }
      #Recruit #RecruitContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 25vw;
        bottom: -90px;
        z-index: 0; }
      #Recruit #RecruitContentsArea .RecruitBox {
        background-color: #b81c22;
        padding: 20px;
        width: 300px;
        position: absolute;
        z-index: 10;
        left: 7%;
        bottom: 2vw; }
        #Recruit #RecruitContentsArea .RecruitBox p {
          color: #fff;
          font-family: 'Shippori Mincho', serif;
          font-size: 3rem;
          margin-bottom: 30px;
          margin-left: 4vw; }
          #Recruit #RecruitContentsArea .RecruitBox p span {
            display: block;
            color: #fff;
            font-size: 1rem; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #Recruit {
    position: relative;
    margin: 150px 0 260px; }
    #Recruit .ContentsTitle {
      position: relative; }
      #Recruit .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_recruit.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 239px;
        width: 600px;
        background-size: cover;
        top: -70px;
        z-index: -1; }
      #Recruit .ContentsTitle span.Main_section_title_main {
        font-family: 'Shippori Mincho', serif;
        font-size: 4rem;
        position: relative; }
        #Recruit .ContentsTitle span.Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 19%;
          left: 31%; }
        #Recruit .ContentsTitle span.Main_section_title_main:after {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -2%;
          left: 7%; }
      #Recruit .ContentsTitle span.Main_section_title_sub {
        display: block;
        margin-top: 30px; }
      #Recruit .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }
    #Recruit #RecruitContentsArea {
      position: relative;
      height: 35vw; }
      #Recruit #RecruitContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/bg_recruit.jpg") no-repeat center/cover;
        position: absolute;
        width: 82%;
        height: 30vw;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-attachment: fixed; }
      #Recruit #RecruitContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 25vw;
        bottom: -90px;
        z-index: 0; }
      #Recruit #RecruitContentsArea .RecruitBox {
        background-color: #b81c22;
        padding: 20px;
        width: 300px;
        position: absolute;
        z-index: 10;
        left: 7%;
        bottom: 2vw; }
        #Recruit #RecruitContentsArea .RecruitBox p {
          color: #fff;
          font-family: 'Shippori Mincho', serif;
          font-size: 3rem;
          margin-bottom: 30px;
          margin-left: 4vw; }
          #Recruit #RecruitContentsArea .RecruitBox p span {
            display: block;
            color: #fff;
            font-size: 1rem; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 750px) and (max-width: 959px) {
  #Recruit {
    position: relative;
    margin: 150px 0 260px; }
    #Recruit .ContentsTitle {
      position: relative; }
      #Recruit .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_recruit.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 184px;
        width: 480px;
        background-size: cover;
        top: -70px;
        z-index: -1; }
      #Recruit .ContentsTitle span.Main_section_title_main {
        font-family: 'Shippori Mincho', serif;
        font-size: 3.5rem;
        position: relative; }
        #Recruit .ContentsTitle span.Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 19%;
          left: 31%; }
        #Recruit .ContentsTitle span.Main_section_title_main:after {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -2%;
          left: 7%; }
      #Recruit .ContentsTitle span.Main_section_title_sub {
        display: block;
        margin-top: 30px; }
      #Recruit .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }
    #Recruit #RecruitContentsArea {
      position: relative;
      height: 46vw; }
      #Recruit #RecruitContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/bg_recruit.jpg") no-repeat center/cover;
        position: absolute;
        width: 82%;
        height: 40vw;
        right: 0;
        bottom: 0;
        z-index: 1; }
      #Recruit #RecruitContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 25vw;
        bottom: -90px;
        z-index: 0; }
      #Recruit #RecruitContentsArea .RecruitBox {
        background-color: #b81c22;
        padding: 20px;
        width: 300px;
        position: absolute;
        z-index: 10;
        left: 1%;
        bottom: -5vw; }
        #Recruit #RecruitContentsArea .RecruitBox p {
          color: #fff;
          font-family: 'Shippori Mincho', serif;
          font-size: 2.4rem;
          margin-bottom: 30px;
          margin-left: 4vw; }
          #Recruit #RecruitContentsArea .RecruitBox p span {
            display: block;
            color: #fff;
            font-size: 1rem; } }
/* 600px〜749px：タブレット */
@media screen and (min-width: 600px) and (max-width: 749px) {
  #Recruit {
    position: relative;
    margin: 150px 0 260px; }
    #Recruit .ContentsTitle {
      position: relative; }
      #Recruit .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_recruit.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 184px;
        width: 480px;
        background-size: cover;
        top: -70px;
        z-index: -1; }
      #Recruit .ContentsTitle span.Main_section_title_main {
        font-family: 'Shippori Mincho', serif;
        font-size: 3.5rem;
        position: relative; }
        #Recruit .ContentsTitle span.Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 19%;
          left: 31%; }
        #Recruit .ContentsTitle span.Main_section_title_main:after {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -2%;
          left: 7%; }
      #Recruit .ContentsTitle span.Main_section_title_sub {
        display: block;
        margin-top: 30px; }
      #Recruit .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }
    #Recruit #RecruitContentsArea {
      position: relative;
      height: 46vw; }
      #Recruit #RecruitContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/bg_recruit.jpg") no-repeat center/cover;
        position: absolute;
        width: 82%;
        height: 40vw;
        right: 0;
        bottom: 0;
        z-index: 1; }
      #Recruit #RecruitContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 25vw;
        bottom: -90px;
        z-index: 0; }
      #Recruit #RecruitContentsArea .RecruitBox {
        background-color: #b81c22;
        padding: 20px;
        width: 300px;
        position: absolute;
        z-index: 10;
        left: 1%;
        bottom: -5vw; }
        #Recruit #RecruitContentsArea .RecruitBox p {
          color: #fff;
          font-family: 'Shippori Mincho', serif;
          font-size: 2.4rem;
          margin-bottom: 30px;
          margin-left: 4vw; }
          #Recruit #RecruitContentsArea .RecruitBox p span {
            display: block;
            color: #fff;
            font-size: 1rem; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #Recruit {
    position: relative;
    margin: 150px 0 210px; }
    #Recruit .ContentsTitle {
      position: relative; }
      #Recruit .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_recruit.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 135px;
        width: 350px;
        background-size: cover;
        top: -70px;
        z-index: -1; }
      #Recruit .ContentsTitle span.Main_section_title_main {
        font-family: 'Shippori Mincho', serif;
        font-size: 3rem;
        position: relative; }
        #Recruit .ContentsTitle span.Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 19%;
          left: 31%; }
        #Recruit .ContentsTitle span.Main_section_title_main:after {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -2%;
          left: 7%; }
      #Recruit .ContentsTitle span.Main_section_title_sub {
        display: block;
        margin-top: 30px; }
      #Recruit .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }
    #Recruit #RecruitContentsArea {
      position: relative;
      height: 50vw; }
      #Recruit #RecruitContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/bg_recruit.jpg") no-repeat center/cover;
        position: absolute;
        width: 97%;
        height: 45vw;
        right: 0;
        bottom: 0;
        z-index: 1; }
      #Recruit #RecruitContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 25vw;
        bottom: -90px;
        z-index: 0; }
      #Recruit #RecruitContentsArea .RecruitBox {
        background-color: #b81c22;
        padding: 20px;
        width: 80%;
        position: absolute;
        z-index: 10;
        left: 0;
        right: 0;
        bottom: -29vw;
        margin: auto; }
        #Recruit #RecruitContentsArea .RecruitBox p {
          color: #fff;
          font-family: 'Shippori Mincho', serif;
          font-size: 2.4rem;
          margin-bottom: 30px;
          margin-left: 4vw; }
          #Recruit #RecruitContentsArea .RecruitBox p span {
            display: block;
            color: #fff;
            font-size: 1rem; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #Recruit {
    position: relative;
    margin: 150px 0 210px; }
    #Recruit .ContentsTitle {
      position: relative; }
      #Recruit .ContentsTitle:after {
        content: "";
        position: absolute;
        background: url("../images/img_index/tit_recruit.png") no-repeat center top;
        left: 0;
        right: 0;
        margin: auto;
        height: 87px;
        width: 230px;
        background-size: cover;
        top: -30px;
        z-index: -1; }
      #Recruit .ContentsTitle span.Main_section_title_main {
        font-family: 'Shippori Mincho', serif;
        font-size: 2.7rem;
        position: relative; }
        #Recruit .ContentsTitle span.Main_section_title_main:before {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 30%;
          top: 19%;
          left: 31%; }
        #Recruit .ContentsTitle span.Main_section_title_main:after {
          height: 2px;
          background: #b81c22;
          content: "";
          display: block;
          position: absolute;
          z-index: 5;
          -webkit-transform: rotate(-49deg);
          transform: rotate(-49deg);
          width: 20%;
          bottom: -2%;
          left: 7%; }
      #Recruit .ContentsTitle span.Main_section_title_sub {
        display: block;
        margin-top: 30px; }
      #Recruit .ContentsTitle span.Main_section_title_en {
        color: #f4f4f4;
        font-family: 'Babylonica', cursive;
        font-size: 12rem; }
    #Recruit #RecruitContentsArea {
      position: relative;
      height: 63vw; }
      #Recruit #RecruitContentsArea:before {
        content: "";
        background: url("../images/img_commons/mv_overlay.png"), url("../images/img_index/bg_recruit.jpg") no-repeat center/cover;
        position: absolute;
        width: 97%;
        height: 52vw;
        right: 0;
        bottom: 0;
        z-index: 1; }
      #Recruit #RecruitContentsArea:after {
        content: "";
        background: #1f1f1f;
        position: absolute;
        width: 100%;
        height: 25vw;
        bottom: -90px;
        z-index: 0; }
      #Recruit #RecruitContentsArea .RecruitBox {
        background-color: #b81c22;
        padding: 20px;
        width: 80%;
        position: absolute;
        z-index: 10;
        left: 0;
        right: 0;
        bottom: -37vw;
        margin: auto; }
        #Recruit #RecruitContentsArea .RecruitBox p {
          color: #fff;
          font-family: 'Shippori Mincho', serif;
          font-size: 2.4rem;
          margin-bottom: 30px;
          margin-left: 4vw; }
          #Recruit #RecruitContentsArea .RecruitBox p span {
            display: block;
            color: #fff;
            font-size: 1rem; } }
.layer_board_bg,
.layer_board {
  position: absolute; }

.layer_board_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  /*z-index: 1000;*/
  z-index: 30;
  top: 0;
  left: 0;
  display: none;
  cursor: pointer;
  background: #000;
  box-sizing: border-box; }

.layer_board {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  /*z-index: 2000;*/
  z-index: 40;
  padding: 50px;
  max-width: 770px;
  width: 80%; }
  .layer_board h3 {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.5rem;
    color: #1f1f1f;
    margin-bottom: 20px;
    text-align: center; }
  .layer_board p {
    margin-bottom: 20px;
    text-align: left; }

.btn_close {
  display: block;
  text-decoration: none;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 20px 40px;
  width: 200px;
  margin: 0 auto; }

.period {
  /*display: flex;
  justify-content: center;*/ }
  .period p {
    /*background-color: #DCDCDC;
    padding: 20px;*/
    font-weight: 700; }

@media screen and (max-width: 920px) {
  .layer_board {
    padding: 20px; }
    .layer_board h3 {
      font-size: 1.3rem; }

  .btn_close {
    padding: 15px;
    width: 150px; } }