@charset "UTF-8";
/*reset*/
* {
  margin: 0;
  padding: 0; }

html, body {
  -webkit-text-size-adjust: 100%; }

body {
  color: #262626;
  margin: 0;
  padding: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 14px; }
  @media screen and (max-width: 900px) {
    body {
      font-size: 13px; } }

body#home {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form,
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
  border: none;
  font-feature-settings: "palt";
  list-style-type: none;
  text-align: justify;
  letter-spacing: 1px; }

header h1, header h2, header h3, header h4, header h5, header h6, header p, header address, header ul, header ol, header li, header dl, header dt, header dd, header table, header caption, header th, header td, header img, header form,
header article, header aside, header details, header figcaption, header figure, header footer, header header, header hgroup, header menu, header nav, header section,
#footer-info h1,
#footer-info h2,
#footer-info h3,
#footer-info h4,
#footer-info h5,
#footer-info h6,
#footer-info p,
#footer-info address,
#footer-info ul,
#footer-info ol,
#footer-info li,
#footer-info dl,
#footer-info dt,
#footer-info dd,
#footer-info table,
#footer-info caption,
#footer-info th,
#footer-info td,
#footer-info img,
#footer-info form,
#footer-info article,
#footer-info aside,
#footer-info details,
#footer-info figcaption,
#footer-info figure,
#footer-info footer,
#footer-info header,
#footer-info hgroup,
#footer-info menu,
#footer-info nav,
#footer-info section,
#footer-menu h1,
#footer-menu h2,
#footer-menu h3,
#footer-menu h4,
#footer-menu h5,
#footer-menu h6,
#footer-menu p,
#footer-menu address,
#footer-menu ul,
#footer-menu ol,
#footer-menu li,
#footer-menu dl,
#footer-menu dt,
#footer-menu dd,
#footer-menu table,
#footer-menu caption,
#footer-menu th,
#footer-menu td,
#footer-menu img,
#footer-menu form,
#footer-menu article,
#footer-menu aside,
#footer-menu details,
#footer-menu figcaption,
#footer-menu figure,
#footer-menu footer,
#footer-menu header,
#footer-menu hgroup,
#footer-menu menu,
#footer-menu nav,
#footer-menu section,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer address,
footer ul,
footer ol,
footer li,
footer dl,
footer dt,
footer dd,
footer table,
footer caption,
footer th,
footer td,
footer img,
footer form,
footer article,
footer aside,
footer details,
footer figcaption,
footer figure,
footer footer,
footer header,
footer hgroup,
footer menu,
footer nav,
footer section {
  letter-spacing: 0px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }

th {
  font-weight: normal;
  text-align: inherit; }

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

select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }

select {
  cursor: pointer; }

select::-ms-expand {
  display: none; }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  outline: none; }

*:focus {
  outline: none; }

img[src$=".svg"] {
  width: 100%; }

hr {
  display: none; }

a {
  color: #262626;
  text-decoration: none;
  outline: none; }

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

/**, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}*/
.pc {
  display: block; }

.sp {
  display: none; }

@media screen and (max-width: 900px) {
  .pc {
    display: none; }

  .sp {
    display: block; } }
ul {
  font-size: 0; }
  ul li {
    font-size: 14px; }
  @media screen and (max-width: 900px) {
    ul li {
      font-size: 13px; } }

.width-max img {
  width: 100%; }

.parallax-text {
  color: rgba(237, 237, 237, 0.9);
  font-weight: bold;
  white-space: nowrap; }

.tate-text {
  -webkit-writing-mode: vertical-rl;
  /*-ms-writing-mode: tb-rl;*/
  writing-mode: vertical-rl; }

/***********************************************************************
media queries setting
**********************************************************************/
/***********************************************************************
home
**********************************************************************/
#video {
  min-height: 100vh;
  min-height: 100%;
  min-width: 100%;
  min-width: 100vw;
  position: absolute;
  top: 0;
  z-index: -1; }

#main-gra {
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1; }

.news-list {
  background: #fff;
  position: relative; }
  .news-archive .news-list {
    margin: 0; }
  .news-list .item1,
  .news-list .item2 {
    position: absolute; }
  .news-list .item1 {
    bottom: 70px;
    left: 50%;
    margin-left: -720px;
    font-size: 92px; }
    .news-list .item1 span {
      font-size: 140px; }
  .news-list .item2 {
    bottom: 60px;
    right: 50%;
    margin-right: -720px;
    font-size: 58px; }
    .news-list .item2 span {
      font-size: 110px; }
  .news-list .inner {
    padding: 100px 0;
    position: relative;
    margin: 0 auto;
    max-width: 720px;
    width: 90%; }
    .news-archive .news-list .inner {
      padding: 42px 0 0; }
    @media (max-width: 480px) {
      .news-list .inner {
        padding: 42px 0; } }
    .news-list .inner .head {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 80px;
      position: relative;
      text-align: center; }
      @media (max-width: 480px) {
        .news-list .inner .head {
          font-size: 18px;
          margin-bottom: 60px; } }
      .news-list .inner .head:before {
        content: "";
        background: #262626;
        height: 32px;
        width: 1px;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%); }
    .news-list .inner ul {
      margin-bottom: 42px;
      text-indent: -8.8em;
      padding-left: 8.8em; }
      @media (max-width: 480px) {
        .news-list .inner ul {
          margin-bottom: 24px; } }
    .news-list .inner li {
      margin-bottom: 1em; }
      .news-list .inner li span {
        margin-right: 2.5em; }
        @media (max-width: 480px) {
          .news-list .inner li span {
            display: block; } }
      .news-list .inner li a:hover {
        text-decoration: underline; }

.link-btn {
  text-align: center; }
  .link-btn a {
    border-bottom: 1px solid #262626;
    padding-bottom: 8px;
    position: relative; }
    .link-btn a:before {
      content: "";
      background: #262626;
      height: 2px;
      width: 50%;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s; }
    .link-btn a:hover:before {
      left: 50%; }

.motto .link-btn {
  background: #fff;
  padding: 12px 42px 19px;
  position: absolute;
  bottom: 3%;
  left: 50%;
  z-index: 999;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media (max-width: 680px) {
    .motto .link-btn {
      bottom: -10vw;
      width: 75%; } }
  .motto .link-btn a {
    background: #fff; }

.service-link-btn {
  margin: 0 auto;
  width: 90%;
  max-width: 1062px; }
  .service-link-btn li {
    background: #fff;
    float: left;
    margin-bottom: 0.2%;
    max-width: 530px;
    width: 49.9%; }
    .service-link-btn li:nth-child(even) {
      margin-left: 0.2%; }
    .service-link-btn li:nth-child(7) {
      clear: both;
      float: none;
      margin-left: 0;
      margin: 0 auto; }
  .service-link-btn a {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    padding: 60px 0;
    position: relative;
    text-align: center;
    width: 100%;
    transition: 0.8s; }
    @media (max-width: 680px) {
      .service-link-btn a {
        padding: 40px 0; } }
    .service-link-btn a:after {
      content: "";
      background: #fff;
      height: 1px;
      width: 90px;
      position: absolute;
      bottom: 42px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media (max-width: 680px) {
        .service-link-btn a:after {
          bottom: 24px; } }
    .service-link-btn a:before {
      content: "";
      background: #fff;
      height: 2px;
      width: 45px;
      position: absolute;
      bottom: 42px;
      left: calc(50% - 45px);
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s; }
      @media (max-width: 680px) {
        .service-link-btn a:before {
          bottom: 24px; } }
    .service-link-btn a:hover {
      opacity: .85; }
    .service-link-btn a:hover:before {
      left: 50%; }
  .service-link-btn a span {
    color: #fff;
    padding-bottom: 8px;
    position: relative; }

.setsubi li:nth-child(1) a {
  background-image: url(../images/service-btn/btn01.jpg); }
.setsubi li:nth-child(2) a {
  background-image: url(../images/service-btn/btn02.jpg); }
.setsubi li:nth-child(3) a {
  background-image: url(../images/service-btn/btn03.jpg); }
.setsubi li:nth-child(4) a {
  background-image: url(../images/service-btn/btn04.jpg); }

#service-list.setsubi li:nth-child(1) a {
  background-image: url(../images/service-btn/btn05.jpg); }
#service-list.setsubi li:nth-child(2) a {
  background-image: url(../images/service-btn/btn06.jpg); }
#service-list.setsubi li:nth-child(3) a {
  background-image: url(../images/service-btn/btn07.jpg); }
#service-list.setsubi li:nth-child(4) a {
  background-image: url(../images/service-btn/btn08.jpg); }
#service-list.setsubi li:nth-child(5) a {
  background-image: url(../images/service-btn/btn09.jpg); }
#service-list.setsubi li:nth-child(6) a {
  background-image: url(../images/service-btn/btn10.jpg); }
#service-list.setsubi li:nth-child(7) a {
  background-image: url(../images/service-btn/btn11.jpg); }

.motto {
  background: #fff;
  position: relative;
  width: 100%; }
  .motto:before {
    content: "";
    background: #d5dbdd;
    height: 340px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .motto .item1 {
    background: rgba(213, 219, 221, 0.6);
    height: 90px;
    width: 90px;
    position: absolute;
    top: 85px;
    right: 2%; }
  .motto .inner {
    margin: 0 auto;
    position: relative;
    width: 90%;
    max-width: 1480px;
    z-index: 1; }
    @media (max-width: 680px) {
      .motto .inner {
        width: 100%; } }
    .motto .inner .left-img {
      float: left;
      height: 640px;
      width: 50%;
      overflow: hidden; }
      .motto .inner .left-img .inner-img {
        background: url(../images/top/img01.jpg) no-repeat 0 0;
        background-size: cover;
        background-position: center right;
        width: 100%;
        height: 100vh; }
    .motto .inner .right-img {
      background: #000;
      float: right;
      height: 640px;
      position: relative;
      width: 50%;
      overflow: hidden; }
      .motto .inner .right-img .inner-img {
        background: url(../images/top/img02.jpg) no-repeat 0 0;
        background-size: cover;
        background-position: top;
        width: 100%;
        height: 100vh; }
  .motto .tate-text {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .motto .tate-text .sub-head {
      font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
      font-size: 16px; }
      @media (max-width: 680px) {
        .motto .tate-text .sub-head {
          font-size: 14px; } }
    .motto .tate-text .head {
      font-size: 34px;
      letter-spacing: 10px;
      white-space: nowrap; }
      @media (max-width: 680px) {
        .motto .tate-text .head {
          font-size: 24px; } }
      @media (max-width: 680px) {
        .motto .tate-text .head {
          font-size: 18px; } }
    .motto .tate-text .en {
      font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
      font-size: 13px;
      margin-left: 4em;
      text-indent: 4em; }
      @media (max-width: 680px) {
        .motto .tate-text .en {
          font-size: 11px;
          margin-left: 2em; } }
    .motto .tate-text .desc {
      font-size: 15px;
      height: 410px;
      line-height: 200%;
      padding-top: 100px; }
      @media screen and (max-width: 1120px) {
        .motto .tate-text .desc {
          font-size: 14px;
          padding-top: 0px; } }

.skill {
  background: #fff;
  padding: 42px 0 185px;
  position: relative;
  width: 100%; }
  @media (max-width: 680px) {
    .skill {
      padding: 62px 0 24px; } }
  .skill .head {
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 62px;
    position: relative;
    text-align: center;
    /*width: 1.25em;*/ }
    @media (max-width: 680px) {
      .skill .head {
        font-size: 18px; } }
    .skill .head:before {
      content: "";
      background: #262626;
      height: 32px;
      width: 1px;
      position: absolute;
      bottom: -10px;
      left: 44%;
      -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
      transform: translate(-50%, 100%); }
  .skill .band.curtain-box {
    height: 390px;
    overflow: hidden; }
    @media (max-width: 680px) {
      .skill .band.curtain-box {
        height: auto; } }
    .skill .band.curtain-box .curtain-left,
    .skill .band.curtain-box .curtain-inner,
    .skill .band.curtain-box img {
      width: 100%; }
  .skill .desc {
    display: inline-block;
    position: relative;
    margin: -140px 0 0 15%; }
    @media (max-width: 680px) {
      .skill .desc {
        margin: 0 0 0 15%; } }
    .skill .desc .tate-text {
      background: #fff;
      height: 400px;
      margin-bottom: 42px;
      padding: 42px 42px 0;
      font-size: 15px;
      line-height: 200%; }
      @media (max-width: 680px) {
        .skill .desc .tate-text {
          height: 260px;
          font-size: 14px;
          padding: 18px 18px 0; } }
  .skill .float-img-box {
    position: absolute; }
    @media (max-width: 680px) {
      .skill .float-img-box {
        position: relative; } }
    .skill .float-img-box.gra1 {
      top: 59%;
      right: 50%;
      margin-right: -350px; }
      @media (max-width: 680px) {
        .skill .float-img-box.gra1 {
          top: inherit;
          right: inherit;
          margin-right: 0;
          width: 70%;
          margin: 10% auto 0; } }
    .skill .float-img-box.gra2 {
      top: 77%;
      right: 50%;
      margin-right: -550px; }
      @media (max-width: 680px) {
        .skill .float-img-box.gra2 {
          top: inherit;
          right: inherit;
          margin-right: 0;
          width: 40%;
          margin: -10% 0 0 55%; } }
  .skill .item1 {
    position: absolute;
    bottom: -5vw;
    left: 50%;
    margin-left: -720px;
    font-size: 60px; }
    .skill .item1 span {
      font-size: 80px; }

.hfm-banner {
  margin: 1em auto 4em;
  position: relative;
  max-width: 930px;
  width: 90%;
  transition: .2s; }
  @media (max-width: 680px) {
    .hfm-banner {
      margin: 0em auto 2em; } }
  .hfm-banner:hover {
    opacity: .8; }

.ninshou-box.maker-logo-area {
  background: #FFF;
  font-weight: bold;
  margin: 83vh auto 0;
  padding: 52px 80px 0;
  position: relative;
  max-width: 920px;
  width: 80%;
  filter: drop-shadow(7px -10px 5px rgba(0, 0, 0, 0.35)); }
  @media (max-width: 680px) {
    .ninshou-box.maker-logo-area {
      padding: 18px 42px;
      margin: 90vh auto 0; } }
  .ninshou-box.maker-logo-area .head {
    font-size: 24px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 2.5em;
    text-align: center; }
    @media (max-width: 680px) {
      .ninshou-box.maker-logo-area .head {
        font-size: 16px; } }
    .ninshou-box.maker-logo-area .head span {
      background: url(../images/ninshou/head.jpg) no-repeat 0 center;
      background-size: 50px 38px;
      background-size: contain;
      padding-left: 46px; }

/*ninshou-box.maker-logo-area*/
.ninshou-box {
  background: #FFF;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  font-weight: bold;
  margin-top: -1px; }
  @media (max-width: 680px) {
    .ninshou-box {
      padding: 18px 0; } }
  .ninshou-box .band.curtain-box {
    height: 280px;
    overflow: hidden; }
    @media (max-width: 680px) {
      .ninshou-box .band.curtain-box {
        height: auto; } }
    .ninshou-box .band.curtain-box .curtain-left,
    .ninshou-box .band.curtain-box .curtain-inner,
    .ninshou-box .band.curtain-box img {
      width: 100%; }
  .ninshou-box .inner {
    margin: 0 auto 0;
    padding: 92px 0 92px;
    position: relative;
    max-width: 1000px;
    width: 85%; }
    @media (max-width: 680px) {
      .ninshou-box .inner {
        padding: 18px 0 52px; } }
  .ninshou-box .head {
    font-size: 18px;
    margin-bottom: 1.5em;
    text-align: center; }
    @media (max-width: 680px) {
      .ninshou-box .head {
        font-size: 14px; } }
  .ninshou-box ul {
    border-top: 1px solid #ccc;
    display: table;
    margin: 0 auto 24px; }
    @media (max-width: 680px) {
      .ninshou-box ul {
        margin: 0 auto 24px; } }
  .ninshou-box li {
    background: url(../images/ninshou/circle.jpg) no-repeat 0 center;
    background-size: 16px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    line-height: 300%;
    padding-left: 20px;
    letter-spacing: 2px; }
    @media (max-width: 680px) {
      .ninshou-box li {
        background-size: 12px;
        font-size: 12px;
        line-height: 240%;
        letter-spacing: 0; } }
  .ninshou-box .link-btn {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px; }

.setsubi {
  background: url(../images/top/img06.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: center bottom;
  color: #fff;
  margin-top: -220px;
  padding-top: 220px;
  padding-bottom: 20vw;
  width: 100%; }
  .setsubi .head {
    font-size: 24px;
    font-weight: bold;
    padding-top: 42px;
    margin: 0 auto 62px;
    position: relative;
    text-align: center;
    /*width: 1.25em;*/ }
    @media (max-width: 680px) {
      .setsubi .head {
        font-size: 18px; } }
    .setsubi .head:before {
      content: "";
      background: #fff;
      height: 32px;
      width: 1px;
      position: absolute;
      bottom: -10px;
      left: 50%;
      -webkit-transform: translate(-50%, 100%);
      transform: translate(-50%, 100%); }
  .setsubi .head + p {
    line-height: 200%;
    margin: 0 auto 42px;
    max-width: 500px;
    width: 80%; }
    @media (max-width: 680px) {
      .setsubi .head + p {
        margin: 0 auto 24px; } }
  .setsubi .item1,
  .setsubi .item2 {
    color: rgba(237, 237, 237, 0.2);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -640px;
    font-size: 60px; }
    .setsubi .item1 span,
    .setsubi .item2 span {
      font-size: 80px; }
  .setsubi .item2 {
    left: inherit;
    right: 5%;
    bottom: -15vw; }

@-moz-document url-prefix() {
  .setsubi .head,
  .skill .head {
    width: 1.25em; } }
@media screen and (max-width: 948px) {
  .motto .inner .left-img {
    display: none;
    float: none;
    height: 640px;
    width: 100%; }
  .motto .inner .right-img {
    float: none;
    height: 640px;
    padding-top: 1px;
    width: 100%; } }
/********************************************************************************
default
********************************************************************************/
.mincho {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN" !important;
  font-weight: bold; }

#main {
  padding: 223.5px 0;
  text-align: center; }
  #main.small {
    padding: 127.5px 0; }
  #features #main {
    background: url(../images/features/main.jpg) center/cover; }
  #service #main {
    background: url(../images/service/service/main.jpg) center/cover; }
  #bankin #main {
    background: url(../images/service/bankin/main.jpg) center/cover; }
  #craftsman #main {
    background: url(../images/craftsman/main.jpg) center/cover; }
  #syaken #main {
    background: url(../images/service/syaken/main.jpg) center/cover; }
  #seibi #main {
    background: url(../images/service/seibi/main.jpg) center/cover; }
  #four-rin #main {
    background: url(../images/service/4rin/main.jpg) center/cover; }
  #hoken #main {
    background: url(../images/service/hoken/main.jpg) center/cover;
    margin-bottom: 105px; }
    @media screen and (max-width: 900px) {
      #hoken #main {
        margin-bottom: 20px; } }
  #daisya #main {
    background: url(../images/service/daisya/main.jpg) center/cover; }
  #nousya #main {
    background: url(../images/service/nousya/main.jpg) center/cover;
    margin-bottom: 105px; }
    @media screen and (max-width: 900px) {
      #nousya #main {
        margin-bottom: 20px; } }
  #works #main {
    background: url(../images/works/main.jpg) center/cover; }
  #main.works {
    background: url(../images/works/main.jpg) center/cover; }
  #voice #main {
    background: url(../images/works/main.jpg) center/cover; }
  #company #main {
    background: url(../images/company/main.jpg) center/cover; }
  #recruit #main {
    background: url(../images/recruit/main.jpg) center/cover; }
  #repair-skill #main {
    background: url(../images/repair-skill/main.jpg) center/cover; }
  #media #main {
    background: url(../images/media/main.jpg) center/cover; }
  #hfm-movie #main {
    background: url(../images/hfm-movie/main.jpg) center/cover; }
  #facility #main {
    background: url(../images/facility/main.jpg) center/cover; }
  #main.news {
    background: url(../images/news/main.jpg) center/cover; }
  #faq #main, #sitemap #main, #privacy #main {
    background: url(../images/faq/main.jpg) center/cover; }
  #contact #main, #confirm #main, #thanks #main, #reserve-contact #main, #reserve-confirm #main, #reserve-thanks #main, #repair-contact #main, #repair-confirm #main, #repair-thanks #main, #syaken-contact #main, #syaken-confirm #main, #syaken-thanks #main, #recruit-thanks #main, #rescue-thanks #main {
    background: url(../images/contact/main.jpg) center/cover; }
  #main h1 {
    background: #fff;
    display: inline-block;
    font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho ProN";
    font-size: 24px;
    padding: 2px 45px 0; }
  @media screen and (max-width: 900px) {
    #main {
      padding: 48.5px 0; }
      #main.small {
        padding: 48.5px 0; }
      #main h1 {
        font-size: 17px; } }

.page-nav {
  margin: 50px 0 55px;
  text-align: center; }
  .page-nav li {
    display: inline-block;
    margin-right: 9%; }
    #works .page-nav li {
      margin-right: 6%; }
    .page-nav li:last-child {
      margin-right: 0; }
    .page-nav li a {
      font-size: 15px;
      font-weight: bold;
      letter-spacing: 0.3em;
      padding-left: 21px;
      position: relative; }
      .page-nav li a::before {
        background: url(../images/common/arrow-blue.png);
        background-size: contain;
        content: "";
        height: 6px;
        position: absolute;
        left: 0;
        top: 7px;
        width: 11px; }
  @media screen and (max-width: 900px) {
    .page-nav {
      background: #e5e5e5;
      margin: 0;
      padding: 16px 0 10px;
      text-align: inherit; }
      .page-nav li {
        letter-spacing: 0;
        margin-bottom: 4px;
        margin-right: 0;
        width: 47%; }
        .page-nav li:nth-child(odd) {
          margin-right: 5%; }
        .page-nav li a {
          font-size: 12px; } }

.inner {
  margin: 0 auto;
  max-width: 860px;
  position: relative;
  width: 90%; }
  footer .inner {
    max-width: 977px; }
  .navy-box .inner {
    max-width: 465px; }
  #flow .inner {
    width: 75%; }
  #craftsman .inner {
    max-width: 1050px; }
  #works-list .inner {
    max-width: 1000px;
    width: 95%; }
  .contact .inner, .confirm .inner, .thanks .inner, .reserve-contact .inner, .reserve-confirm .inner, .reserve-thanks .inner, .repair-contact .inner, .repair-confirm .inner, .repair-thanks .inner, .syaken-contact .inner, .syaken-confirm .inner, .syaken-thanks .inner {
    max-width: 725px; }
  #facility .inner, .wp-editor .facility-tinymce .inner {
    max-width: 1010px; }
  #company #greeting .inner {
    max-width: 535px; }
  @media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #company #greeting .inner {
      max-width: 700px; } }
  .wp-editor .company-tinymce #greeting .inner {
    max-width: 535px; }
  #recruit #allowance .inner, .wp-editor .recruit-tinymce #allowance .inner {
    max-width: 970px; }
  #recruit #raise .inner, .wp-editor .recruit-tinymce #raise .inner {
    max-width: 1015px; }
  #recruit #point .inner, .wp-editor .recruit-tinymce #point .inner {
    max-width: 1050px; }
  #recruit #message .inner, .wp-editor .recruit-tinymce #message .inner {
    max-width: 990px; }
  #recruit #reason .inner, .wp-editor .recruit-tinymce #reason .inner {
    max-width: 1050px; }
  #recruit #difference .inner, .wp-editor .recruit-tinymce #difference .inner {
    max-width: 960px; }
  #recruit #equipment .inner, .wp-editor .recruit-tinymce #equipment .inner {
    max-width: 1050px; }
  #recruit #event .inner, .wp-editor .recruit-tinymce #event .inner {
    max-width: 1050px; }
  #repair-skill .inner {
    max-width: 1010px; }
  #media .inner {
    max-width: 1010px; }

.text-center {
  text-align: center !important; }

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

.mb {
  margin-bottom: 1.5em; }

.head-border {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho ProN";
  font-size: 24px;
  margin-bottom: 50px;
  padding-bottom: 9px;
  position: relative;
  text-align: center;
  /*page*/ }
  .head-border::after {
    border-bottom: 1px solid #05637C;
    content: "";
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 43px; }
  .head-border.white {
    background: #fff;
    margin-top: -50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 860px;
    padding-top: 63px;
    position: relative;
    width: 90%; }
  .head-border.blue {
    background: #D7E7E6;
    margin: -50px auto 0;
    max-width: 860px;
    padding-top: 63px;
    position: relative;
    width: 90%; }
    .head-border.blue + .back-blue {
      margin-top: -60px;
      padding-top: 110px; }
  @media screen and (max-width: 900px) {
    .head-border {
      font-size: 18px;
      margin-bottom: 25px; }
      .head-border.white {
        padding-top: 20px; }
      .head-border.blue {
        padding-top: 20px; }
        .head-border.blue + .back-blue {
          margin-top: -22px;
          padding-top: 55px; } }
  #works #small-damage .head-border, #works #major-damage .head-border, #works #zentosou .head-border {
    margin-bottom: 25px; }

.back-blue {
  background: #D7E7E6;
  padding-top: 60px; }
  @media screen and (max-width: 900px) {
    .back-blue {
      padding-top: 30px; } }

.table {
  border: 1px double #262626;
  border-collapse: collapse;
  margin-bottom: 12px;
  width: 100%; }
  .table th, .table td {
    border: 1px solid #A6A6A6;
    padding: 10px 20px; }
  .table td {
    background: #fff; }
  .table th {
    background: #D7E7E6; }
  .table strong {
    letter-spacing: 0.4em; }
  @media screen and (max-width: 900px) {
    .table th, .table td {
      padding: 10px; }
    .table th {
      white-space: nowrap; }
    .table strong {
      letter-spacing: 0; } }

.link-btn.blue-btn {
  display: inline-block;
  text-align: center; }
  .link-btn.blue-btn a {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .13em;
    padding-bottom: 11px;
    position: relative; }
    .link-btn.blue-btn a:before {
      content: "";
      background: #fff;
      height: 2px;
      width: 50%;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s; }
    .link-btn.blue-btn a:hover:before {
      left: 50%; }

.blue-btn {
  background: #05637C;
  box-shadow: 4.49px 4.49px 5px rgba(4, 0, 0, 0.75);
  padding: 21px 59px 38px; }
  .blue-btn a {
    background: #05637C; }

@media screen and (max-width: 900px) {
  .blue-btn {
    padding: 12px 27px 28px; } }
.link-btn-list {
  margin: 0 auto;
  max-width: 777px;
  width: 90%; }
  .link-btn-list .link-btn {
    padding: 38px 0;
    width: 49.75%; }
    .link-btn-list .link-btn:nth-child(odd) {
      margin-right: 0.5%; }
    #works .link-btn-list .link-btn:first-child {
      background: url(../images/works/btn1.jpg) no-repeat;
      background-size: cover; }
    #works .link-btn-list .link-btn:nth-child(2) {
      background: url(../images/works/btn2.jpg) no-repeat;
      background-size: cover; }

.blue-box {
  background: #D7E7E6;
  display: inline-block;
  padding: 8px 30px; }
  .blue-box li {
    font-weight: bold;
    padding-left: 14px;
    position: relative; }
    .blue-box li::before {
      background: url(../images/common/circle-bk.png) no-repeat;
      background-size: contain;
      content: "";
      height: 8px;
      position: absolute;
      left: 0;
      top: 7.5px;
      width: 7px; }

.text-blue {
  color: #05637C;
  font-weight: bold; }

.date {
  color: #0D6078; }

@media screen and (max-width: 900px) {
  .obi-image img {
    min-height: 120px;
    object-fit: cover; } }
.flow-list li {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 40px;
  padding-bottom: 75px;
  position: relative; }
  .flow-list li .image {
    width: 277px; }
  .flow-list li .desc {
    background: #fff;
    padding: 30px 35px;
    width: 513px; }
    .flow-list li .desc.image-none {
      width: 100%; }
    .flow-list li .desc h3 {
      border-bottom: 1px solid #A6A6A6;
      font-size: 18px;
      letter-spacing: .17em;
      margin-bottom: 13px;
      padding-bottom: 8px; }
  .flow-list li::before {
    background: #D7E7E6;
    color: #05637C;
    font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho ProN";
    font-size: 16px;
    font-weight: bold;
    padding: 6px 9px;
    position: absolute;
    top: -17px;
    left: -25px;
    z-index: 100; }
  .flow-list li:first-child::before {
    content: "Step.1"; }
  .flow-list li:nth-child(2)::before {
    content: "Step.2"; }
  .flow-list li:nth-child(3)::before {
    content: "Step.3"; }
  .flow-list li:nth-child(4)::before {
    content: "Step.4"; }
  .flow-list li:nth-child(5)::before {
    content: "Step.5"; }
  .flow-list li:nth-child(6)::before {
    content: "Step.6"; }
  .flow-list li:nth-child(7)::before {
    content: "Step.7"; }
  .flow-list li:nth-child(8)::before {
    content: "Step.8"; }
  .flow-list li::after {
    background: url(../images/common/flow-arrow.png) no-repeat;
    background-size: contain;
    content: "";
    height: 36px;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 70px; }
  .flow-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }
    .flow-list li:last-child::after {
      content: none; }
@media screen and (max-width: 900px) {
  .flow-list li {
    display: inherit;
    margin: 0 auto 23px;
    max-width: 600px;
    padding-bottom: 40px; }
    .flow-list li .image {
      display: inherit;
      width: 100%; }
    .flow-list li .desc {
      padding: 15px 5%;
      width: 90%; }
      .flow-list li .desc.image-none {
        padding-top: 30px;
        width: 90%; }
      .flow-list li .desc h3 {
        font-size: 15px;
        margin-bottom: 10px;
        padding-bottom: 4px; }
    .flow-list li::after {
      height: 23px;
      width: 45px; } }

/*anim*/
.curtain-right,
.curtain-left {
  display: inline-block;
  position: relative;
  overflow: hidden; }

.curtain-right:after,
.curtain-left:after {
  content: '';
  position: absolute;
  opacity: 1;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #0d6078; }

.curtain-right:after {
  transform: translate3d(-101%, 0, 0); }

.curtain-left:after {
  transform: translate3d(101%, 0, 0); }

.curtain-box.show .curtain-right:after,
.curtain-box.show .curtain-left:after {
  transition-property: transform, opacity;
  transition-duration: 0.9s;
  transition-timing-function: cubic-bezier(0.3, 1, 0.2, 1);
  transform: translate3d(0, 0, 0); }

.curtain-box.done .curtain-right:after,
.curtain-box.done .curtain-left:after {
  transition-property: transform;
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.3, 1, 0.2, 1); }

.curtain-box.done .curtain-right:after {
  transform: translate3d(103%, 0, 0); }

.curtain-box.done .curtain-left:after {
  transform: translate3d(-103%, 0, 0); }

.curtain-right .curtain-inner,
.curtain-left .curtain-inner {
  display: inline-block;
  opacity: 0; }

.curtain-box.done .curtain-right .curtain-inner,
.curtain-box.done .curtain-left .curtain-inner {
  opacity: 1; }

/********************************************************************************
header
********************************************************************************/
header {
  background: #fff;
  position: relative;
  width: 100%; }
  header .wrapper {
    background: #fff;
    margin: 0 auto;
    padding: 35px 0;
    max-width: 1400px;
    position: relative;
    width: 97%; }
  header #logo {
    margin: 0 2% 0 0;
    float: left;
    /*-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);*/ }
  header nav {
    float: left;
    width: 438px; }
    header nav li {
      font-weight: bold;
      float: left;
      margin: 0 44px 4.8px 0;
      padding-left: 11px;
      position: relative;
      width: 91px; }
      header nav li::before {
        border: 0.5px solid;
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 4px; }
    header nav .consider-btn {
      border: 1px solid;
      margin-right: 0;
      padding: 0 9px;
      text-align: center;
      width: 120px; }
      header nav .consider-btn::before {
        content: none; }
  header .contact-point {
    width: 460px;
    position: absolute;
    right: 0px;
    top: 15px; }
  header .info {
    margin-bottom: 8px; }
    @media (max-width: 480px) {
      header .info {
        margin-bottom: 0; } }
    header .info div {
      float: left;
      margin-right: 12px; }
    header .info p {
      float: left;
      font-weight: bold;
      line-height: 1.2;
      margin-top: 4px; }
      header .info p small {
        font-size: 13px; }
      header .info p span {
        color: #05637C;
        font-size: 32px; }
    header .info .open-time {
      border-left: 1px solid #ccc;
      margin-left: 1em;
      padding-left: 1em; }
  header .contact-btn {
    position: relative; }
    header .contact-btn::after {
      background: url(../images/common/arrow-wh.png);
      background-size: contain;
      content: "";
      height: 10px;
      position: absolute;
      right: 10%;
      top: 50%;
      margin-top: -5px;
      width: 11px; }
    header .contact-btn select {
      background: #A21F24;
      border: none;
      color: #fff;
      font-size: 13px;
      font-weight: bold;
      padding: 16px 0 16px 38%;
      width: 95%; }
      header .contact-btn select option {
        background: #fff;
        color: #000;
        font-size: 13px; }
  @media screen and (max-width: 1290px) {
    header nav {
      left: 255px;
      width: 364px; }
      header nav li {
        margin: 0 10px 8px 0; } }
  @media screen and (max-width: 1210px) {
    header .info {
      right: 170px; }
    header .contact-btn::after {
      right: 10%; } }
  @media screen and (max-width: 1120px) {
    header {
      padding: 0; }
      header .wrapper {
        padding: 18px 0; }
      header .contact-point {
        top: 31px; }
      header #logo {
        margin-top: 30px; }
      header nav {
        width: 224px; }
        header nav li {
          margin: 0 10px 8px 0; }
        header nav .consider-btn {
          margin-top: 4px; }
      header .info {
        top: 32px; }
      header .info .tel-btn {
        margin: 6px 0 0; } }
  @media screen and (max-width: 980px) {
    header #logo {
      width: 180px; }
    header nav {
      left: 191px; } }
  @media screen and (max-width: 900px) {
    header .wrapper {
      padding: 0;
      width: 100%; }
    header #logo {
      margin: 9px 0 9px 8px;
      width: 135px; }
    header nav {
      left: inherit; }
      header nav li {
        float: inherit;
        margin: 10px;
        width: inherit; }
    header .info {
      background: #05637C;
      height: 47px;
      padding: 5px 8px 4px;
      position: absolute;
      right: 0;
      top: 0; }
      header .info p {
        color: #fff;
        float: left;
        margin: 9px 8px 0 0; }
    header .tel-btn p {
      color: #05637C;
      font-size: 12px;
      font-weight: bold;
      text-align: center; } }

.sp-nav ul {
  margin: 10% 0 0 5%; }
.sp-nav li {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 1em -11px;
  position: relative;
  text-align: center; }
  .sp-nav li a {
    color: #fff;
    padding-left: 11px;
    position: relative; }
  .sp-nav li a::before {
    border: 0.5px solid #fff;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px; }
.sp-nav .consider-btn {
  border: 1px solid #fff;
  margin: 16px auto 0;
  padding: 0 9px;
  text-align: center;
  width: 150px; }
  .sp-nav .consider-btn a::before {
    content: none; }

/********************************************************************************
footer
********************************************************************************/
#footer-info {
  background: #D7E7E6;
  padding: 50px 0;
  position: relative;
  letter-spacing: inherit; }
  #footer-info h2 {
    font-size: 24px;
    line-height: 1.9;
    margin-bottom: 40px;
    text-align: center; }
  #footer-info ul {
    background: #fff;
    margin: 0 auto 60px;
    padding: 23px 33px 11px;
    width: 460.5px; }
  #footer-info li {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.4em;
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative; }
    #footer-info li::before {
      background: url(../images/common/circle-bk.png) no-repeat;
      background-size: contain;
      content: "";
      height: 9px;
      position: absolute;
      left: 0;
      top: 7.5px;
      width: 8px; }
  #footer-info .box {
    margin: 0 auto;
    width: 600px; }
  #footer-info .info {
    margin-bottom: 8px; }
    #footer-info .info div {
      float: left;
      margin-right: 18px; }
    #footer-info .info p {
      float: left;
      font-size: 21px;
      font-weight: bold;
      /*letter-spacing: 0.18em;*/
      line-height: 1.2;
      margin-top: 4px; }
      #footer-info .info p small {
        font-size: 19px; }
      #footer-info .info p span {
        color: #05637C;
        font-size: 48px; }
    #footer-info .info .open-time {
      font-size: 16px;
      border-left: 1px solid #ccc;
      line-height: 155%;
      margin-left: 1em;
      padding-left: 1em; }
  #footer-info .contact-btn {
    margin: 0 auto;
    position: relative;
    width: 65%; }
    #footer-info .contact-btn::after {
      background: url(../images/common/arrow-wh.png);
      background-size: contain;
      content: "";
      height: 10px;
      position: absolute;
      right: 18px;
      top: 50%;
      margin-top: -5px;
      width: 11px; }
    #footer-info .contact-btn select {
      background: #A21F24;
      border: none;
      color: #fff;
      font-size: 13px;
      font-weight: bold;
      padding: 16px 0 16px 38%;
      width: 100%; }
      #footer-info .contact-btn select option {
        background: #fff;
        color: #000;
        font-size: 13px; }
  #footer-info .top-btn a {
    display: block;
    font-size: 12px;
    padding-top: 28px;
    position: absolute;
    top: 35px;
    right: 100px; }
    #footer-info .top-btn a::before {
      background: url(../images/common/arrow-bk.png);
      background-size: contain;
      content: "";
      height: 15px;
      position: absolute;
      left: 3.4px;
      top: 0;
      width: 17px; }

footer {
  letter-spacing: inherit;
  margin: 15px auto 25px; }
  footer .footer-nav {
    margin-bottom: 15px;
    text-align: center; }
    footer .footer-nav li {
      display: inline-block;
      font-size: 13px;
      font-weight: bold;
      position: relative; }
      footer .footer-nav li:nth-child(2) {
        margin: 0 22px;
        padding: 0 22px; }
        @media (max-width: 480px) {
          footer .footer-nav li:nth-child(2) {
            margin: 0 10px;
            padding: 0 10px; } }
        footer .footer-nav li:nth-child(2)::before {
          border-top: 15px solid;
          content: "";
          width: 1px;
          position: absolute;
          left: 0;
          top: 3px; }
        footer .footer-nav li:nth-child(2)::after {
          border-top: 15px solid;
          content: "";
          width: 1px;
          position: absolute;
          right: 0;
          top: 3px; }
  footer .box h1, footer .box p {
    float: left; }
  footer .box h1 {
    margin-right: 30px;
    text-align: center; }
  footer .box .address {
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 1.4;
    margin: 14px 70px 0 0; }
  footer .box .copyright {
    font-size: 12px;
    margin-top: 27px; }

@media screen and (max-width: 900px) {
  footer {
    background: #D7E7E6;
    margin: 0;
    padding: 15px 0 82px;
    text-align: center; }
    footer h1 {
      margin-bottom: 25px;
      text-align: center; }
    footer .box p {
      float: inherit;
      text-align: center; }
    footer .box .address {
      font-size: 14px;
      margin: 0;
      text-align: center; }
    footer .box .copyright {
      font-size: 11px;
      float: inherit;
      text-align: center; }

  #footer-menu {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%; }
    #footer-menu li {
      display: inline-block;
      padding: 12px 0 9px;
      text-align: center;
      width: 20%; }
    #footer-menu p {
      color: #05637C;
      font-size: 12px;
      font-weight: bold;
      padding-top: 4px;
      text-align: center;
      white-space: nowrap; } }
/********************************************************************************
service
********************************************************************************/
#service-about {
  margin-bottom: 88px;
  position: relative; }
  #service-about .curtain-box {
    height: 545px;
    width: 60%; }
    #service-about .curtain-box .curtain-inner img {
      object-fit: cover;
      height: 545px; }
  #service-about .desc {
    background: #fff;
    letter-spacing: 0.04em;
    max-width: 500px;
    padding: 30px 4% 55px;
    position: absolute;
    left: 49%;
    top: 0;
    width: 40%; }
    #service-about .desc h2 {
      font-size: 24px;
      margin-bottom: 30px;
      letter-spacing: 5px; }
    #service-about .desc p {
      line-height: 2;
      margin-bottom: 1em; }
    #service-about .desc a {
      color: #0D6078;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
      padding-left: 14px;
      position: relative;
      text-decoration: underline; }
      #service-about .desc a::before {
        background: url(../images/common/circle-blue.png) no-repeat;
        background-size: contain;
        content: "";
        height: 8px;
        position: absolute;
        left: 0;
        top: 4.5px;
        width: 7px; }
  #service-about::before {
    background: #D7E7E6;
    content: "";
    height: 480px;
    position: absolute;
    right: 0;
    top: 22px;
    width: 100%;
    z-index: -10; }
  @media screen and (max-width: 900px) {
    #service-about {
      margin-bottom: 0; }
      #service-about .curtain-box {
        height: inherit;
        width: 100%; }
        #service-about .curtain-box .curtain-inner img {
          height: inherit;
          max-height: 350px;
          object-fit: cover;
          width: 100%; }
      #service-about .desc {
        margin: -62px auto 15px;
        padding: 15px 5%;
        position: relative;
        left: inherit;
        width: 80%; }
        #service-about .desc h2 {
          font-size: 17px;
          margin-bottom: 15px;
          letter-spacing: 1px; }
        #service-about .desc p {
          margin-bottom: 16px;
          line-height: 1.8; }
      #service-about::before {
        content: none; } }

#service-list {
  margin-top: 0;
  padding: 8% 0 550px; }
  #service-list .head-border:after {
    border-bottom: 1px solid #fff; }
  #service-list .head-border + p {
    font-size: 15px;
    line-height: 220%;
    margin: 0 auto 5%;
    width: 85%;
    max-width: 510px; }

#loanercar-about {
  margin-bottom: 88px; }
  #loanercar-about p {
    line-height: 2.2;
    margin-bottom: 45px; }
  @media screen and (max-width: 900px) {
    #loanercar-about {
      margin-bottom: 35px; }
      #loanercar-about p {
        margin-bottom: 20px; } }

/*service*/
#service #area, .wp-editor .service-tinymce #area {
  background: #D7E7E6;
  position: relative; }
  #service #area .desc, .wp-editor .service-tinymce #area .desc {
    background: #fff;
    letter-spacing: 0.04em;
    max-width: 532px;
    padding: 30px 4% 45px;
    position: absolute;
    right: 49%;
    top: 0;
    width: 40%; }
    #service #area .desc h2, .wp-editor .service-tinymce #area .desc h2 {
      font-size: 24px;
      margin-bottom: 30px; }
    #service #area .desc h3, .wp-editor .service-tinymce #area .desc h3 {
      color: #9A2224;
      font-size: 16px;
      margin-bottom: 30px; }
    #service #area .desc h4, .wp-editor .service-tinymce #area .desc h4 {
      color: #0D6078;
      margin-bottom: 7px; }
    #service #area .desc p, .wp-editor .service-tinymce #area .desc p {
      line-height: 2.3; }
      #service #area .desc p:not(.list), .wp-editor .service-tinymce #area .desc p:not(.list) {
        margin-bottom: 30px; }
    #service #area .desc .list, .wp-editor .service-tinymce #area .desc .list {
      border: 1px solid #ADADAD;
      padding: 15px; }
  #service #area .image, .wp-editor .service-tinymce #area .image {
    text-align: right; }
#service #list, .wp-editor .service-tinymce #list {
  background: #040000;
  height: 100px; }
@media screen and (max-width: 900px) {
  #service #area .desc, .wp-editor .service-tinymce #area .desc {
    margin: 0 auto;
    max-width: inherit;
    padding: 15px 5%;
    position: relative;
    right: inherit;
    width: 90%; }
    #service #area .desc h2, .wp-editor .service-tinymce #area .desc h2 {
      font-size: 18px;
      margin-bottom: 15px; }
    #service #area .desc h3, .wp-editor .service-tinymce #area .desc h3 {
      font-size: 14px;
      margin-bottom: 15px; }
    #service #area .desc h4, .wp-editor .service-tinymce #area .desc h4 {
      margin-bottom: 0; }
    #service #area .desc p, .wp-editor .service-tinymce #area .desc p {
      line-height: 2; }
      #service #area .desc p:not(.list), .wp-editor .service-tinymce #area .desc p:not(.list) {
        margin-bottom: 15px; }
    #service #area .desc .list, .wp-editor .service-tinymce #area .desc .list {
      border: 1px solid #ADADAD;
      padding: 15px; }
  #service #area .image, .wp-editor .service-tinymce #area .image {
    text-align: right; } }

#forte .flex-box {
  display: -webkit-flex;
  display: flex; }
#forte .image {
  margin-right: 5%;
  width: 60%; }
#forte .desc {
  background: #fff;
  max-width: 415px;
  width: 35%; }
  #forte .desc h3 {
    font-size: 24px;
    letter-spacing: 0.14em;
    line-height: 1.8;
    margin: 17px 0 57px;
    position: relative; }
    #forte .desc h3::before {
      background: #05637C;
      border-radius: 50%;
      color: #fff;
      font-size: 30px;
      height: 70px;
      line-height: 70px;
      position: absolute;
      right: -35px;
      top: -30px;
      text-align: center;
      width: 70px; }
  #forte .desc p {
    margin-bottom: 17px; }
  #forte .desc .blue-box {
    color: #05637C;
    padding: 20px 23px; }
    #forte .desc .blue-box li {
      font-size: 15px;
      letter-spacing: 0.09em;
      margin-bottom: 6px; }
      #forte .desc .blue-box li::before {
        background: url(../images/common/circle-blue.png) no-repeat;
        background-size: contain; }
#forte .image2 {
  width: 90%; }
#forte .forte-list > li {
  margin-bottom: 145px;
  width: 82.5%; }
  #forte .forte-list > li:nth-child(even) {
    margin: 0 0 145px auto; }
    #forte .forte-list > li:nth-child(even) .flex-box {
      flex-flow: row-reverse; }
    #forte .forte-list > li:nth-child(even) .image {
      margin-right: 0;
      margin-left: 5%; }
    #forte .forte-list > li:nth-child(even) .desc h3::before {
      right: 0;
      left: -110px; }
  #forte .forte-list > li:first-child h3::before {
    content: "1"; }
  #forte .forte-list > li:first-child .image2 {
    margin: 55px 26px 0 auto;
    max-width: 800px; }
  #forte .forte-list > li:nth-child(2) h3::before {
    content: "2"; }
  #forte .forte-list > li:nth-child(2) .image2 {
    margin: -12px 0 0 65px;
    max-width: 510px;
    position: relative;
    z-index: 9; }
  #forte .forte-list > li:nth-child(3) h3::before {
    content: "3"; }
  #forte .forte-list > li:nth-child(3) .image2 {
    margin: 55px 26px 0 auto;
    max-width: 800px; }
  #forte .forte-list > li:nth-child(4) h3::before {
    content: "4"; }
  #forte .forte-list > li:nth-child(4) .image2 {
    margin: 55px 0 0 24px;
    max-width: 800px; }

@media screen and (max-width: 900px) {
  #forte .flex-box {
    display: block; }
  #forte .image {
    margin-right: 0;
    width: 100%; }
  #forte .desc {
    max-width: inherit;
    width: 100%; }
    #forte .desc h3 {
      font-size: 18px;
      line-height: 1.5;
      margin: 10px 0;
      padding-left: 57px; }
      #forte .desc h3::before {
        font-size: 22.5px;
        height: 50px;
        line-height: 50px;
        right: inherit;
        left: 0;
        top: 0;
        width: 50px; }
    #forte .desc p {
      margin-bottom: 16px; }
    #forte .desc .blue-box {
      padding: 8px 10px;
      margin-bottom: 12px;
      width: calc(100% - 20px); }
      #forte .desc .blue-box li {
        font-size: 13px;
        letter-spacing: 0.05em;
        margin-bottom: 2px; }
  #forte .image2 {
    width: 100%; }
  #forte .forte-list > li {
    margin: 0 auto 32px;
    width: 90%; }
    #forte .forte-list > li:nth-child(even) {
      margin: 0 auto 32px; }
      #forte .forte-list > li:nth-child(even) .image {
        margin-left: 0; }
      #forte .forte-list > li:nth-child(even) .desc h3::before {
        left: 0; }
    #forte .forte-list > li:first-child .image2, #forte .forte-list > li:nth-child(2) .image2, #forte .forte-list > li:nth-child(3) .image2, #forte .forte-list > li:nth-child(4) .image2 {
      margin: 12px auto 0; } }
/*bankin*/
#bankin-price {
  margin-bottom: 100px; }

#zentosou-price {
  margin-bottom: 130px; }
  #zentosou-price p, #zentosou-price ul {
    margin-bottom: 20px; }
  #zentosou-price .navy-box {
    background: #05637C;
    margin-bottom: -6vw;
    padding: 47px 0 7vw; }
    #zentosou-price .navy-box li {
      background: #FFF67F;
      color: #4C4948;
      font-weight: bold;
      margin-bottom: 10px;
      padding: 4px 0 3px;
      text-align: center; }
    #zentosou-price .navy-box p {
      color: #fff;
      line-height: 2.3; }

#flow {
  margin-bottom: 80px; }
  #flow .back-blue {
    padding-bottom: 100px; }

@media screen and (max-width: 900px) {
  #bankin-price {
    margin-bottom: 40px; }

  #zentosou-price {
    margin-bottom: 85px; }
    #zentosou-price p, #zentosou-price ul {
      margin-bottom: 13px; }
    #zentosou-price .navy-box {
      margin-bottom: -27vw;
      padding: 47px 0 28vw; }
      #zentosou-price .navy-box p {
        line-height: 1.8; }

  #flow {
    margin-bottom: 30px; }
    #flow .back-blue {
      padding-bottom: 50px; } }
/*syaken*/
.table-2column {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }
  .table-2column table {
    float: left;
    width: 45%; }
  .table-2column .plus {
    float: left;
    width: 10%; }
  .table-2column table + table {
    float: right;
    height: 100%; }
  .table-2column th {
    text-align: center; }

.syaken-table {
  border: 1px double #262626;
  border-collapse: collapse;
  margin: 24px 0 12px;
  width: 100%;
  display: block; }
  .syaken-table th, .syaken-table td {
    border: 1px solid #A6A6A6;
    padding: 10px 20px;
    text-align: center;
    line-height: 140%; }
    @media (max-width: 680px) {
      .syaken-table th, .syaken-table td {
        padding: 5px 8px; } }
  .syaken-table thead th {
    font-size: 16px;
    text-align: center; }
  .syaken-table tbody th {
    background: #D7E7E6;
    font-weight: bold; }
  .syaken-table tbody .subtotal th,
  .syaken-table tbody .subtotal td {
    background: #fce3d4; }
  .syaken-table tbody .total th,
  .syaken-table tbody .total td {
    background: #f8c1a3; }

#tokuten {
  padding-top: 80px; }
  @media (max-width: 680px) {
    #tokuten {
      padding-top: 32px; } }

.tokuten-list {
  margin-bottom: 10%; }
  .tokuten-list li {
    border: 1px solid #05637c;
    float: left;
    margin-bottom: 4%;
    padding: 12px 0;
    width: 48%; }
    .tokuten-list li p {
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      position: relative; }
      .tokuten-list li p:before {
        content: "";
        background: #4c4948;
        height: 20px;
        width: 1px;
        position: absolute;
        bottom: -20px;
        left: 50%; }
    .tokuten-list li p.price {
      color: #9a2224;
      font-size: 24px;
      margin-top: 20px; }
      .tokuten-list li p.price:before {
        content: none; }
      .tokuten-list li p.price span {
        font-size: 20px; }
  .tokuten-list li:nth-child(even) {
    float: right; }

@media screen and (max-width: 900px) {
  #syaken #service-about {
    margin-bottom: 52px; }

  .table-2column {
    display: inherit; }
    .table-2column table {
      float: none;
      width: 100%; }
    .table-2column .plus {
      margin: 0 auto 12px;
      float: none;
      width: 10%; }
    .table-2column table + table {
      float: none; }

  .syaken-table {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .syaken-table thead th {
      text-align: left; }

  .tokuten-list li {
    float: none;
    margin-bottom: 2%;
    width: 100%; }
    .tokuten-list li p {
      font-size: 14px; }
      .tokuten-list li p.price {
        font-size: 18px; }
        .tokuten-list li p.price span {
          font-size: 14px; }
  .tokuten-list li:nth-child(even) {
    float: none; } }
/*seibi*/
.seibi-table {
  border: 1px double #262626;
  background: #fff;
  border-collapse: collapse;
  margin: 24px 0 12px;
  width: 100%;
  display: block; }
  .seibi-table th, .seibi-table td {
    border: 1px solid #A6A6A6;
    padding: 10px 20px;
    text-align: center; }
  .seibi-table thead th {
    background: #D7E7E6;
    font-size: 16px;
    text-align: center; }
  .seibi-table tbody th {
    font-weight: bold;
    text-align: left; }
    .seibi-table tbody th span {
      font-weight: normal; }

#seibi .navy-box {
  background: #05637C;
  margin-top: -8vw;
  margin-bottom: 80px;
  padding: 10vw 0 47px; }
  #seibi .navy-box ul {
    margin-bottom: 20px; }
  #seibi .navy-box li {
    background: #FFF67F;
    color: #4C4948;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px 0 3px;
    text-align: center; }
  #seibi .navy-box p {
    color: #fff;
    line-height: 2.3; }

@media screen and (max-width: 900px) {
  .seibi-table th, .seibi-table td {
    padding: 8px 8px; }
  .seibi-table thead th {
    font-size: 14px; }

  #seibi .navy-box {
    margin-bottom: 30px; } }
/*4rin*/
#four-rin .illust {
  margin-bottom: 80px; }
#four-rin .alignment {
  margin-bottom: 80px; }
  #four-rin .alignment .left {
    float: left;
    width: 48%; }
  #four-rin .alignment .right {
    float: right;
    width: 48%; }
  #four-rin .alignment h3 {
    margin-bottom: 1em;
    position: relative;
    padding-left: 16px; }
  #four-rin .alignment h3:before {
    content: "■";
    color: #0d6078;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
  #four-rin .alignment .strong {
    color: #0d6078;
    font-weight: bold;
    margin-bottom: .5em; }
  #four-rin .alignment ul li {
    padding-left: 2em;
    text-indent: -1.5em;
    list-style-type: disc;
    list-style-position: inside; }

@media screen and (max-width: 900px) {
  #four-rin .illust {
    margin-bottom: 30px; }
  #four-rin .alignment {
    margin-bottom: 30px; }
    #four-rin .alignment .left,
    #four-rin .alignment .right {
      float: none;
      width: 100%; } }
/*hoken*/
.hoken-list li {
  float: left;
  width: 35%; }
  .hoken-list li p {
    margin-bottom: 0 !important;
    position: relative;
    padding-left: 16px; }
  .hoken-list li p:before {
    content: "●";
    color: #0d6078;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
.hoken-list li + li {
  margin-left: 5%; }

@media screen and (max-width: 900px) {
  #hoken #service-about {
    margin-bottom: 120px; }

  .hoken-list li {
    width: 45%; } }
/*daisya*/
#service-about .border-box {
  border: 1px solid #a6a6a6;
  padding: 16px;
  letter-spacing: 0; }

.car-list ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 70px; }
.car-list li {
  background: #fff;
  margin-bottom: 8%;
  margin-right: 5%;
  width: 30%; }
  .car-list li:nth-child(3n) {
    margin-right: 0; }
  .car-list li table.spec {
    border-collapse: collapse;
    margin-top: 16px;
    width: 100%; }
    .car-list li table.spec th, .car-list li table.spec td {
      border-bottom: 1px solid #b2b2b2;
      padding: 6px; }
      @media (max-width: 680px) {
        .car-list li table.spec th, .car-list li table.spec td {
          padding: 3px 8px; } }
    .car-list li table.spec th {
      background: #d7e7e6;
      font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN";
      width: 75px; }
    .car-list li table.spec tr:last-child th,
    .car-list li table.spec tr:last-child td {
      border: none; }
@media screen and (max-width: 900px) {
  .car-list {
    padding-bottom: 16px; }
    .car-list li {
      margin-right: 2.5%;
      width: 48.75%; }
      .car-list li:nth-child(3n) {
        margin-right: 2.5%; }
      .car-list li:nth-child(even) {
        margin-right: 0; } }

/********************************************************************************
craftsman
********************************************************************************/
#craftsman .intro {
  letter-spacing: 0.04em;
  line-height: 2.5;
  margin: 70px 0 65px; }
#craftsman .main-list {
  margin: 0 auto 40px;
  max-width: 1050px;
  width: 90%; }
  #craftsman .main-list li {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 95px; }
    #craftsman .main-list li .profile-box {
      width: 43.5%; }
    #craftsman .main-list li .profile {
      border-bottom: 1px solid #05637C; }
      #craftsman .main-list li .profile p {
        font-weight: bold;
        line-height: 1; }
      #craftsman .main-list li .profile strong {
        display: block;
        font-size: 24px;
        margin: 35px 0 30px; }
    #craftsman .main-list li .working-image {
      padding: 17% 12% 0 12%; }
    #craftsman .main-list li .desc-box {
      width: 56.5%; }
    #craftsman .main-list li .desc {
      padding: 4% 8% 0 8%; }
      #craftsman .main-list li .desc p {
        line-height: 2; }
    #craftsman .main-list li:nth-child(even) {
      flex-flow: row-reverse; }
      #craftsman .main-list li:nth-child(even) .profile {
        padding-left: 12%; }
#craftsman .sub-list {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  #craftsman .sub-list li {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 70px;
    width: 49%; }
    #craftsman .sub-list li:nth-child(odd) {
      margin-right: 2%; }
    #craftsman .sub-list li .image {
      width: 39%; }
    #craftsman .sub-list li .desc-box {
      width: 61%; }
    #craftsman .sub-list li .profile {
      border-bottom: 1px solid #05637C;
      padding: 0 4.5% 5%; }
      #craftsman .sub-list li .profile p {
        font-size: 10px; }
      #craftsman .sub-list li .profile strong {
        font-size: 16px; }
    #craftsman .sub-list li .desc {
      padding: 4.5% 4.5% 0; }
      #craftsman .sub-list li .desc h2 {
        color: #0A6078;
        font-size: 14px;
        letter-spacing: 0.1em;
        margin-bottom: 2px;
        padding-left: 12px;
        position: relative; }
        #craftsman .sub-list li .desc h2::before {
          background: #0A6078;
          content: "";
          height: 7.5px;
          position: absolute;
          left: 0;
          top: 7px;
          width: 7.5px; }
      #craftsman .sub-list li .desc p + h2 {
        margin-top: 15px; }
#craftsman .artisan-list {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  #craftsman .artisan-list li {
    margin-bottom: 45px;
    width: 19%; }
    #craftsman .artisan-list li:not(:nth-child(5n)) {
      margin-right: 1.25%; }
    #craftsman .artisan-list li img {
      margin-bottom: 10px; }
    #craftsman .artisan-list li p {
      font-size: 10px; }
    #craftsman .artisan-list li strong {
      font-size: 15px; }
@media screen and (max-width: 900px) {
  #craftsman .intro {
    letter-spacing: 0;
    line-height: 2;
    margin: 25px 0 30px; }
  #craftsman .main-list {
    margin: 0 0 55px;
    width: 100%; }
    #craftsman .main-list li {
      display: block;
      margin-bottom: 30px; }
      #craftsman .main-list li .profile-box {
        margin: 0 auto;
        width: 90%; }
      #craftsman .main-list li .profile {
        border-bottom: none; }
        #craftsman .main-list li .profile strong {
          font-size: 18px;
          margin: 10px 0; }
      #craftsman .main-list li .desc-box {
        width: 100%; }
      #craftsman .main-list li .desc {
        margin: 0 auto;
        padding: 2% 0 0 0;
        width: 90%; }
      #craftsman .main-list li:nth-child(even) .profile {
        padding-left: 0; }
      #craftsman .main-list li:not(:last-child) {
        border-bottom: 1px solid #05637C;
        padding-bottom: 22px; }
  #craftsman .sub-list li {
    flex-wrap: wrap;
    margin-bottom: 40px;
    width: 100%; }
    #craftsman .sub-list li:nth-child(odd) {
      margin-right: 0; }
    #craftsman .sub-list li .profile strong {
      font-size: 15px; }
    #craftsman .sub-list li .desc {
      padding: 2% 0 0; }
      #craftsman .sub-list li .desc h2 {
        font-size: 13px;
        margin-bottom: 0; }
        #craftsman .sub-list li .desc h2::before {
          top: 6px; }
      #craftsman .sub-list li .desc p + h2 {
        margin-top: 10px; }
  #craftsman .artisan-list li {
    margin-bottom: 20px;
    width: 49%; }
    #craftsman .artisan-list li:not(:nth-child(5n)) {
      margin-right: 0; }
    #craftsman .artisan-list li:nth-child(odd) {
      margin-right: 2%; }
    #craftsman .artisan-list li img {
      margin-bottom: 3px; }
    #craftsman .artisan-list li strong {
      font-size: 14px; } }

.craftman-btn {
  position: relative;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s; }
  .craftman-btn .hover-btn {
    background: #000;
    padding: 16px 32px 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .8; }
    .craftman-btn .hover-btn a {
      border-bottom: 1px solid #fff;
      color: #fff; }
      .craftman-btn .hover-btn a:before {
        background: #fff; }

@media screen and (max-width: 900px) {
  .craftman-btn .hover-btn {
    width: 65%; } }
.media-btn {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s; }
  .media-btn:hover {
    opacity: .9; }

/********************************************************************************
works
********************************************************************************/
.works-list {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 70px; }
  .works-list li {
    background: #fff;
    margin-bottom: 30px;
    margin-right: 2.6%;
    width: 23%; }
    .works-list li:nth-child(4n) {
      margin-right: 0; }
    .works-list li .desc {
      padding: 15px; }
    .works-list li .date {
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 5px; }
  @media screen and (max-width: 900px) {
    .works-list {
      padding-bottom: 30px; }
      .works-list li {
        margin-bottom: 2.5%;
        margin-right: 2.5%;
        width: 48.75%; }
        .works-list li:nth-child(even) {
          margin-right: 0; } }

#works .damage-menu {
  position: relative;
  text-align: center; }
  #works .damage-menu li {
    position: absolute;
    transition: .8; }
    #works .damage-menu li:hover {
      opacity: .7; }
    #works .damage-menu li.menu-bumper {
      width: 195px;
      top: 44.5%;
      left: 1%; }
    #works .damage-menu li.menu-headlight {
      width: 96px;
      top: -20%;
      left: 19%; }
    #works .damage-menu li.menu-fender {
      width: 80px;
      top: -38%;
      left: 30.5%; }
    #works .damage-menu li.menu-mirror {
      width: 80px;
      top: -54%;
      left: 39%; }
    #works .damage-menu li.menu-door {
      width: 95px;
      top: -15%;
      left: 48%; }
    #works .damage-menu li.menu-reaquarter {
      width: 158px;
      top: -13%;
      right: 14.5%; }
    #works .damage-menu li.menu-rearbumper {
      width: 158px;
      top: 44.5%;
      right: 6%; }
    #works .damage-menu li.menu-wheel {
      width: 94px;
      bottom: -15%;
      right: 22%; }
    #works .damage-menu li.menu-bonnet {
      width: 195px;
      top: 44.5%;
      left: 26%; }
    #works .damage-menu li.menu-collision1 {
      width: 94px;
      top: 44.5%;
      left: 12.5%; }
    #works .damage-menu li.menu-collision2 {
      width: 110px;
      top: 44.5%;
      right: 11.5%; }
    #works .damage-menu li.menu-side {
      width: 78px;
      bottom: -14%;
      left: 49.5%; }
#works #small-damage {
  margin-bottom: 100px; }
  #works #small-damage h2 + p {
    margin-bottom: 185px; }
#works #major-damage {
  margin-bottom: 90px; }
  #works #major-damage h2 + p {
    margin-bottom: 45px; }
#works #zentosou {
  margin-bottom: 80px; }
  #works #zentosou .link-btn {
    padding: 0;
    float: left;
    margin-right: 0;
    max-width: 530px;
    width: 49.9%;
    transition: 0.8s; }
    #works #zentosou .link-btn + li {
      float: right; }
    #works #zentosou .link-btn:hover {
      opacity: .85; }
    #works #zentosou .link-btn a {
      color: #fff;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      display: block;
      padding: 60px 0;
      position: relative;
      text-align: center;
      width: 100%; }
      #works #zentosou .link-btn a:before {
        content: "";
        background: #fff;
        height: 2px;
        width: 45px;
        position: absolute;
        bottom: 42px;
        left: calc(50% - 45px);
        -webkit-transition: 0.25s;
        -moz-transition: 0.25s;
        -ms-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s; }
      #works #zentosou .link-btn a:after {
        content: "";
        background: #fff;
        height: 1px;
        width: 90px;
        position: absolute;
        bottom: 42px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      #works #zentosou .link-btn a:hover {
        opacity: .85; }
      #works #zentosou .link-btn a:hover:before {
        left: 50%; }
@media screen and (max-width: 900px) {
  #works .damage-menu {
    text-align: inherit; }
    #works .damage-menu li {
      display: inline-block;
      position: static;
      width: 25%; }
      #works .damage-menu li a {
        color: #085D74;
        font-size: 16px;
        padding-left: 18px;
        position: relative;
        text-decoration: underline; }
        #works .damage-menu li a::before {
          background: url(../images/common/circle2-blue.png) no-repeat;
          background-size: contain;
          content: "";
          height: 14px;
          position: absolute;
          left: 0;
          top: 3px;
          width: 14px; }
  #works #small-damage {
    margin-top: 24px;
    margin-bottom: 24px; }
  #works #major-damage {
    margin-bottom: 24px; }
  #works #zentosou {
    margin-bottom: 40px; } }
@media screen and (max-width: 670px) {
  #works .damage-menu {
    margin-left: 20%; }
    #works .damage-menu li {
      width: 80%; } }

/********************************************************************************
company
********************************************************************************/
#company #greeting, .wp-editor .company-tinymce #greeting {
  margin-bottom: 115px; }
  #company #greeting h3, .wp-editor .company-tinymce #greeting h3 {
    font-size: 24px;
    margin-bottom: 35px;
    text-align: center; }
  #company #greeting .desc, .wp-editor .company-tinymce #greeting .desc {
    letter-spacing: 0.06em;
    line-height: 2.4;
    margin-bottom: 22px; }
  #company #greeting .name, .wp-editor .company-tinymce #greeting .name {
    font-size: 15px;
    margin-bottom: 75px;
    text-align: right; }
    #company #greeting .name span, .wp-editor .company-tinymce #greeting .name span {
      font-size: 13px;
      padding-right: 15px; }
  #company #greeting .image, .wp-editor .company-tinymce #greeting .image {
    width: 100%; }
#company .quality, .wp-editor .company-tinymce .quality {
  max-width: 1115px;
  margin: 0 auto 180px;
  width: 90%; }
  #company .quality .desc, .wp-editor .company-tinymce .quality .desc {
    background: #fff;
    border: 1px solid #C9CACA;
    margin: -65px auto 0;
    padding: 30px;
    position: relative;
    width: 525px; }
  #company .quality h2, .wp-editor .company-tinymce .quality h2 {
    border-bottom: 1px solid #4C4948;
    color: #4C4948;
    font-size: 18px;
    margin-bottom: 25px;
    padding-bottom: 7px;
    text-align: center; }
  #company .quality p, .wp-editor .company-tinymce .quality p {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.1;
    text-align: center; }
#company #profile, .wp-editor .company-tinymce #profile {
  margin-bottom: 100px; }
  #company #profile table, .wp-editor .company-tinymce #profile table {
    margin-top: 45px; }
    #company #profile table tr:nth-child(even), .wp-editor .company-tinymce #profile table tr:nth-child(even) {
      background: rgba(255, 255, 255, 0.8); }
  #company #profile .map, .wp-editor .company-tinymce #profile .map {
    font-size: 0;
    margin-top: 75px; }
    #company #profile .map iframe, .wp-editor .company-tinymce #profile .map iframe {
      height: 375px;
      width: 100%; }
#company #history, .wp-editor .company-tinymce #history {
  margin-bottom: 100px; }
  #company #history table tr:nth-child(even), .wp-editor .company-tinymce #history table tr:nth-child(even) {
    background: #D7E7E6; }
#company table, .wp-editor .company-tinymce table {
  border-collapse: collapse;
  width: 100%; }
  #company table th, #company table td, .wp-editor .company-tinymce table th, .wp-editor .company-tinymce table td {
    padding: 16px 30px; }
  #company table th, .wp-editor .company-tinymce table th {
    font-size: 16px;
    font-weight: bold;
    width: 170px; }
@media screen and (max-width: 900px) {
  #company #greeting, .wp-editor .company-tinymce #greeting {
    margin-top: 32px;
    margin-bottom: 50px; }
    #company #greeting h3, .wp-editor .company-tinymce #greeting h3 {
      font-size: 18px;
      margin-bottom: 20px; }
    #company #greeting .desc, .wp-editor .company-tinymce #greeting .desc {
      line-height: 2;
      margin-bottom: 16px; }
    #company #greeting .name, .wp-editor .company-tinymce #greeting .name {
      font-size: 14px;
      margin-bottom: 30px; }
      #company #greeting .name span, .wp-editor .company-tinymce #greeting .name span {
        padding-right: 10px; }
  #company .quality, .wp-editor .company-tinymce .quality {
    margin-bottom: 100px;
    width: 100%; }
    #company .quality .desc, .wp-editor .company-tinymce .quality .desc {
      margin: -20px auto 0;
      padding: 3%;
      width: 84%; }
    #company .quality h2, .wp-editor .company-tinymce .quality h2 {
      font-size: 16px;
      margin-bottom: 15px;
      padding-bottom: 5px; }
    #company .quality p, .wp-editor .company-tinymce .quality p {
      font-size: 12px;
      line-height: 1.8; }
  #company #profile, .wp-editor .company-tinymce #profile {
    margin-bottom: 50px; }
    #company #profile table, .wp-editor .company-tinymce #profile table {
      margin-top: 20px; }
    #company #profile .map, .wp-editor .company-tinymce #profile .map {
      margin-top: 40px; }
      #company #profile .map iframe, .wp-editor .company-tinymce #profile .map iframe {
        height: 200px; }
  #company #history, .wp-editor .company-tinymce #history {
    margin-bottom: 50px; }
  #company table th, #company table td, .wp-editor .company-tinymce table th, .wp-editor .company-tinymce table td {
    padding: 10px; }
  #company table td, .wp-editor .company-tinymce table td {
    font-size: 13px; }
  #company table th, .wp-editor .company-tinymce table th {
    font-size: 13px;
    font-weight: bold;
    width: inherit;
    white-space: nowrap; } }

/********************************************************************************
recruit
********************************************************************************/
#recruit .head-en, .wp-editor .recruit-tinymce .head-en {
  color: #185A6E;
  font-size: 54px;
  font-style: italic;
  font-weight: bold;
  text-align: center; }
  #recruit .head-en span, .wp-editor .recruit-tinymce .head-en span {
    display: inline-block;
    padding: 0 178px 0 166px;
    position: relative; }
    #recruit .head-en span::before, #recruit .head-en span::after, .wp-editor .recruit-tinymce .head-en span::before, .wp-editor .recruit-tinymce .head-en span::after {
      background: #185A6E;
      content: "";
      height: 2px;
      position: absolute;
      top: 38px;
      width: 152px; }
    #recruit .head-en span::before, .wp-editor .recruit-tinymce .head-en span::before {
      left: 0; }
    #recruit .head-en span::after, .wp-editor .recruit-tinymce .head-en span::after {
      right: 0; }
  #recruit .head-en + h3, .wp-editor .recruit-tinymce .head-en + h3 {
    background: rgba(24, 90, 110, 0.4);
    border-radius: 25px;
    color: #185A6E;
    display: inline-block;
    padding: 11px 38px; }
#recruit .recruit-list, .wp-editor .recruit-tinymce .recruit-list {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  #recruit .recruit-list li, .wp-editor .recruit-tinymce .recruit-list li {
    padding-bottom: 40px;
    width: 22%; }
    #recruit .recruit-list li:not(:nth-child(4n)), .wp-editor .recruit-tinymce .recruit-list li:not(:nth-child(4n)) {
      margin-right: 4%; }
    #recruit .recruit-list li h4, .wp-editor .recruit-tinymce .recruit-list li h4 {
      background: #185A6E;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0.03em;
      line-height: 1.1;
      margin-bottom: 10px;
      padding: 12px 0;
      text-align: center; }
      #recruit .recruit-list li h4.line2, .wp-editor .recruit-tinymce .recruit-list li h4.line2 {
        padding: 3.5px 0; }
#recruit #allowance, .wp-editor .recruit-tinymce #allowance {
  background: #E0E0E0;
  padding: 15px 0 0; }
  #recruit #allowance .image, .wp-editor .recruit-tinymce #allowance .image {
    float: left;
    width: 51%; }
  #recruit #allowance .desc, .wp-editor .recruit-tinymce #allowance .desc {
    float: left;
    width: 49%; }
  #recruit #allowance h2, .wp-editor .recruit-tinymce #allowance h2 {
    margin: 52px 0 43px; }
  #recruit #allowance ul, .wp-editor .recruit-tinymce #allowance ul {
    margin-bottom: 40px; }
  #recruit #allowance li, .wp-editor .recruit-tinymce #allowance li {
    background: #fff;
    border: 1px solid #185A6E;
    color: #185A6E;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 2px 0;
    text-align: center; }
    #recruit #allowance li span, .wp-editor .recruit-tinymce #allowance li span {
      padding-left: 30px;
      position: relative; }
      #recruit #allowance li span::before, .wp-editor .recruit-tinymce #allowance li span::before {
        background: url(../images/recruit/beginner.png) no-repeat;
        background-size: contain;
        content: "";
        height: 33px;
        position: absolute;
        left: 0;
        top: 1px;
        width: 20px; }
  #recruit #allowance p:not(.name), .wp-editor .recruit-tinymce #allowance p:not(.name) {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.8;
    margin-bottom: 26px; }
  #recruit #allowance .name, .wp-editor .recruit-tinymce #allowance .name {
    font-size: 20px;
    text-align: right; }
    #recruit #allowance .name span, .wp-editor .recruit-tinymce #allowance .name span {
      font-size: 17px;
      margin-right: 25px; }
#recruit #raise, .wp-editor .recruit-tinymce #raise {
  background-image: linear-gradient(-57deg, #035A72 53.9%, #005068 53.9%, #005068 54%, #05637C 54%, #05637C 100%);
  margin-bottom: -38px;
  padding-top: 65px; }
  #recruit #raise h2, .wp-editor .recruit-tinymce #raise h2 {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 45px;
    text-align: center;
    text-decoration: underline; }
  #recruit #raise ul, .wp-editor .recruit-tinymce #raise ul {
    margin: 0 auto;
    width: 350px; }
  #recruit #raise li, .wp-editor .recruit-tinymce #raise li {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 13px;
    padding-left: 38px;
    position: relative; }
    #recruit #raise li span, .wp-editor .recruit-tinymce #raise li span {
      color: #FFF100; }
    #recruit #raise li:not(:last-child), .wp-editor .recruit-tinymce #raise li:not(:last-child) {
      margin-bottom: 18px; }
    #recruit #raise li::before, .wp-editor .recruit-tinymce #raise li::before {
      background: url(../images/recruit/check.png) no-repeat;
      background-size: contain;
      content: "";
      height: 24px;
      position: absolute;
      left: 0;
      width: 26px; }
#recruit #point, .wp-editor .recruit-tinymce #point {
  background: #fff;
  margin-bottom: 90px;
  padding-top: 75px; }
  #recruit #point .greetings, .wp-editor .recruit-tinymce #point .greetings {
    margin-bottom: 85px; }
    #recruit #point .greetings h2, .wp-editor .recruit-tinymce #point .greetings h2 {
      color: #9A2224;
      font-size: 55px;
      font-weight: bold;
      line-height: 1;
      margin-bottom: 5px;
      text-align: center; }
      #recruit #point .greetings h2 span, .wp-editor .recruit-tinymce #point .greetings h2 span {
        background: linear-gradient(transparent 60%, #FFF100 60%, #FFF100 84%, transparent 84%); }
    #recruit #point .greetings h3, .wp-editor .recruit-tinymce #point .greetings h3 {
      font-size: 24px;
      font-weight: bold;
      text-align: center; }
    #recruit #point .greetings p, .wp-editor .recruit-tinymce #point .greetings p {
      font-size: 16px;
      line-height: 1.85;
      margin: 53px 0 30px;
      text-align: center; }
  #recruit #point li, .wp-editor .recruit-tinymce #point li {
    background: #185A6E;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 45px;
    padding-top: 22px; }
    #recruit #point li .desc, .wp-editor .recruit-tinymce #point li .desc {
      margin-left: 5%;
      margin-right: 6%;
      padding-bottom: 30px;
      width: 43%; }
    #recruit #point li h4, .wp-editor .recruit-tinymce #point li h4 {
      font-size: 13px;
      font-weight: normal;
      position: relative; }
      #recruit #point li h4::after, .wp-editor .recruit-tinymce #point li h4::after {
        border-top: 1px solid #fff;
        content: "";
        margin: auto;
        position: absolute;
        bottom: 50%;
        right: 0;
        width: calc(100% - 150px); }
    #recruit #point li h2, .wp-editor .recruit-tinymce #point li h2 {
      font-size: 34px;
      font-weight: bold;
      line-height: 1.6; }
    #recruit #point li h3, .wp-editor .recruit-tinymce #point li h3 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 7px; }
    #recruit #point li p, .wp-editor .recruit-tinymce #point li p {
      background: rgba(255, 255, 255, 0.2);
      padding: 8px 10px; }
    #recruit #point li .image, .wp-editor .recruit-tinymce #point li .image {
      margin-right: 2%;
      width: 44%; }
    #recruit #point li:last-child, .wp-editor .recruit-tinymce #point li:last-child {
      background: #fff;
      border: 1px solid #185A6E;
      color: #185A6E; }
      #recruit #point li:last-child h4::after, .wp-editor .recruit-tinymce #point li:last-child h4::after {
        border-top: 1px solid #185A6E; }
#recruit #message, .wp-editor .recruit-tinymce #message {
  margin-bottom: 90px;
  padding-bottom: 48px; }
  #recruit #message ul, .wp-editor .recruit-tinymce #message ul {
    letter-spacing: 0;
    margin-top: 47px; }
  #recruit #message li, .wp-editor .recruit-tinymce #message li {
    display: inline-block;
    vertical-align: top;
    width: 30%; }
    #recruit #message li:not(:last-child), .wp-editor .recruit-tinymce #message li:not(:last-child) {
      margin-right: 5%; }
    #recruit #message li .desc, .wp-editor .recruit-tinymce #message li .desc {
      border-top: 5px solid #185A6E;
      padding: 11px 13px 0;
      position: relative; }
      #recruit #message li .desc::before, .wp-editor .recruit-tinymce #message li .desc::before {
        background: url(../images/recruit/message-arrow.png) no-repeat;
        background-size: contain;
        content: "";
        height: 35px;
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: -35px;
        width: 31px; }
    #recruit #message li h4, .wp-editor .recruit-tinymce #message li h4 {
      color: #185A6E;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 5px; }
    #recruit #message li p, .wp-editor .recruit-tinymce #message li p {
      line-height: 1.8; }
#recruit #reason, .wp-editor .recruit-tinymce #reason {
  margin-bottom: 105px;
  position: relative;
  text-align: center; }
  #recruit #reason::after, .wp-editor .recruit-tinymce #reason::after {
    background: #EE7800;
    content: "";
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 5px;
    z-index: -10; }
  #recruit #reason h2, .wp-editor .recruit-tinymce #reason h2 {
    background: #fff;
    border: 5px solid #EE7800;
    color: #EA5504;
    display: inline-block;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 75px;
    padding: 17px 38px 9px;
    text-align: center; }
  #recruit #reason .reason-list li, .wp-editor .recruit-tinymce #reason .reason-list li {
    border: 5px solid #EE7800;
    margin-bottom: 50px;
    position: relative; }
  #recruit #reason .reason-list h3, .wp-editor .recruit-tinymce #reason .reason-list h3 {
    background: #EA5703;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: auto;
    padding: 3px 0;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    text-align: center;
    transform: skewX(-12deg);
    width: 127px;
    z-index: 10; }
    #recruit #reason .reason-list h3::after, .wp-editor .recruit-tinymce #reason .reason-list h3::after {
      background: url(../images/recruit/arrow-orange.png) no-repeat;
      background-size: contain;
      content: "";
      height: 11px;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 34px;
      width: 15px; }
  #recruit #reason .reason-list .ac-title, .wp-editor .recruit-tinymce #reason .reason-list .ac-title {
    background: #FDE3B5;
    color: #EA5504;
    cursor: pointer;
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding: 23px 0 11px;
    position: relative;
    text-align: center; }
    #recruit #reason .reason-list .ac-title::after, .wp-editor .recruit-tinymce #reason .reason-list .ac-title::after {
      background: url(../images/recruit/open.png) no-repeat;
      background-size: contain;
      content: "";
      display: block;
      height: 24px;
      margin: auto;
      position: absolute;
      bottom: 0;
      right: 22px;
      top: 0;
      width: 24px; }
    #recruit #reason .reason-list .ac-title.open::after, .wp-editor .recruit-tinymce #reason .reason-list .ac-title.open::after {
      background: url(../images/recruit/close.png) no-repeat;
      background-size: contain;
      height: 5px; }
  #recruit #reason .reason-list .ac-desc, .wp-editor .recruit-tinymce #reason .reason-list .ac-desc {
    background: #fff;
    display: none;
    margin: auto;
    padding: 23px 0;
    width: 700px; }
    #recruit #reason .reason-list .ac-desc .image, .wp-editor .recruit-tinymce #reason .reason-list .ac-desc .image {
      float: left;
      margin-right: 6%;
      width: 28%; }
    #recruit #reason .reason-list .ac-desc .desc, .wp-editor .recruit-tinymce #reason .reason-list .ac-desc .desc {
      float: left;
      width: 66%; }
    #recruit #reason .reason-list .ac-desc p, .wp-editor .recruit-tinymce #reason .reason-list .ac-desc p {
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0.06em; }
#recruit #difference, .wp-editor .recruit-tinymce #difference {
  margin-bottom: 90px; }
  #recruit #difference h2, .wp-editor .recruit-tinymce #difference h2 {
    background: #185A6E;
    border-radius: 10px;
    color: #FFFBC7;
    font-size: 29px;
    font-weight: bold;
    margin-bottom: 75px;
    padding: 15px 0 13px;
    position: relative;
    text-align: center;
    transform: skewX(-12deg); }
    #recruit #difference h2 span, .wp-editor .recruit-tinymce #difference h2 span {
      display: inline-block;
      transform: skewX(12deg); }
    #recruit #difference h2::after, .wp-editor .recruit-tinymce #difference h2::after {
      background: url(../images/recruit/arrow-blue.png) no-repeat;
      background-size: contain;
      content: "";
      height: 17px;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 75px;
      width: 24px; }
  #recruit #difference table, .wp-editor .recruit-tinymce #difference table {
    border: 5px solid #8F8F8F;
    border-collapse: collapse;
    width: 100%; }
    #recruit #difference table th, #recruit #difference table td, .wp-editor .recruit-tinymce #difference table th, .wp-editor .recruit-tinymce #difference table td {
      border: 1px solid #8F8F8F;
      font-weight: bold;
      padding: 11px 0;
      position: relative;
      white-space: nowrap; }
    #recruit #difference table th, .wp-editor .recruit-tinymce #difference table th {
      font-size: 16px;
      letter-spacing: 0.35em;
      text-align: center; }
    #recruit #difference table td, .wp-editor .recruit-tinymce #difference table td {
      font-size: 15px; }
    #recruit #difference table tr:first-child th, .wp-editor .recruit-tinymce #difference table tr:first-child th {
      background: #D7E7E6; }
    #recruit #difference table tr:first-child th:nth-of-type(2), .wp-editor .recruit-tinymce #difference table tr:first-child th:nth-of-type(2) {
      background: #EA5703;
      border-bottom: 1px solid #EA5703;
      border-left: 5px solid #EA5703;
      border-right: 5px solid #EA5703;
      border-top: 5px solid #EA5703;
      color: #fff;
      font-size: 20px;
      padding: 0 0 15px;
      position: relative; }
      #recruit #difference table tr:first-child th:nth-of-type(2)::before, .wp-editor .recruit-tinymce #difference table tr:first-child th:nth-of-type(2)::before {
        background: #EA5703;
        border-left: 5px solid #EA5703;
        border-right: 5px solid #EA5703;
        content: "";
        height: 25px;
        position: absolute;
        top: -25px;
        left: -5px;
        width: 100%; }
    #recruit #difference table tr td:nth-of-type(1), .wp-editor .recruit-tinymce #difference table tr td:nth-of-type(1) {
      background: #FFFBC7;
      border-left: 5px solid #EA5703;
      border-right: 5px solid #EA5703;
      padding: 0 10%; }
      #recruit #difference table tr td:nth-of-type(1)::before, .wp-editor .recruit-tinymce #difference table tr td:nth-of-type(1)::before {
        background: url(../images/recruit/circle.png) no-repeat;
        background-size: contain;
        content: "";
        height: 16px;
        position: absolute;
        left: 17%;
        top: 15px;
        width: 16px; }
    #recruit #difference table tr:last-child td:nth-of-type(1), .wp-editor .recruit-tinymce #difference table tr:last-child td:nth-of-type(1) {
      border-bottom: 5px solid #EA5703; }
    #recruit #difference table tr td:nth-of-type(2), .wp-editor .recruit-tinymce #difference table tr td:nth-of-type(2) {
      padding: 0 6%; }
      #recruit #difference table tr td:nth-of-type(2)::before, .wp-editor .recruit-tinymce #difference table tr td:nth-of-type(2)::before {
        background: url(../images/recruit/triangle.png) no-repeat;
        background-size: contain;
        content: "";
        height: 12px;
        position: absolute;
        left: 9%;
        top: 17px;
        width: 15px; }
#recruit #equipment, .wp-editor .recruit-tinymce #equipment {
  margin-bottom: 75px; }
  #recruit #equipment h2, .wp-editor .recruit-tinymce #equipment h2 {
    color: #185A6E;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 50px;
    text-align: center; }
#recruit #event, .wp-editor .recruit-tinymce #event {
  margin-bottom: 55px; }
  #recruit #event p, .wp-editor .recruit-tinymce #event p {
    font-size: 16px;
    font-weight: bold;
    margin: 27px 0 50px;
    text-align: center; }
#recruit #guide, .wp-editor .recruit-tinymce #guide {
  margin-bottom: 80px; }
  #recruit #guide h2, .wp-editor .recruit-tinymce #guide h2 {
    color: #185A6E;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center; }
  #recruit #guide p, .wp-editor .recruit-tinymce #guide p {
    color: #BA0006;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center; }
  #recruit #guide table, .wp-editor .recruit-tinymce #guide table {
    border: 5px solid #98B6B5;
    border-collapse: collapse;
    width: 100%; }
    #recruit #guide table tr:nth-child(odd), .wp-editor .recruit-tinymce #guide table tr:nth-child(odd) {
      background: #D7E7E6; }
    #recruit #guide table th, #recruit #guide table td, .wp-editor .recruit-tinymce #guide table th, .wp-editor .recruit-tinymce #guide table td {
      padding: 19px 8px 19px 25px; }
    #recruit #guide table th, .wp-editor .recruit-tinymce #guide table th {
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0.35em;
      vertical-align: top; }
    #recruit #guide table td, .wp-editor .recruit-tinymce #guide table td {
      letter-spacing: 0.05em; }
#recruit #contact .tel, .wp-editor .recruit-tinymce #contact .tel {
  background: #185A6E;
  padding: 50px 0 65px;
  position: relative;
  text-align: center; }
  #recruit #contact .tel::after, .wp-editor .recruit-tinymce #contact .tel::after {
    background: url(../images/recruit/arrow-contact.png) no-repeat;
    background-size: contain;
    content: "";
    height: 41px;
    margin: auto;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    width: 83px; }
  #recruit #contact .tel .desc, .wp-editor .recruit-tinymce #contact .tel .desc {
    color: #fff;
    font-size: 23.5px;
    font-weight: bold;
    margin-bottom: 45px;
    text-align: center; }
    #recruit #contact .tel .desc span, .wp-editor .recruit-tinymce #contact .tel .desc span {
      color: #FFF799;
      font-size: 42px;
      line-height: 2.1; }
  #recruit #contact .tel .tel-btn a, .wp-editor .recruit-tinymce #contact .tel .tel-btn a {
    background: #FFF799;
    border-radius: 15px;
    display: inline-block;
    padding: 20px 45px 15px; }
  #recruit #contact .tel .tel-btn img, .wp-editor .recruit-tinymce #contact .tel .tel-btn img {
    vertical-align: inherit; }
  #recruit #contact .tel .tel-btn span, .wp-editor .recruit-tinymce #contact .tel .tel-btn span {
    display: inline-block;
    padding-left: 35px;
    position: relative; }
    #recruit #contact .tel .tel-btn span::before, .wp-editor .recruit-tinymce #contact .tel .tel-btn span::before {
      background: url(../images/recruit/tel-icon.png) no-repeat;
      background-size: contain;
      content: "";
      height: 33px;
      position: absolute;
      left: 0;
      top: 2px;
      width: 30px; }
#recruit #contact .form, .wp-editor .recruit-tinymce #contact .form {
  background: #ACCFCD;
  padding: 90px 0 95px;
  text-align: center; }
  #recruit #contact .form h2, .wp-editor .recruit-tinymce #contact .form h2 {
    background: #fff;
    border: 5px solid #185A6E;
    color: #185A6E;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.35;
    margin: 0px auto 35px;
    padding: 10px 70px;
    text-align: center;
    width: 60%;
    max-width: 510px; }
  #recruit #contact .form table, .wp-editor .recruit-tinymce #contact .form table {
    border-collapse: collapse;
    margin: 0 auto 10px;
    max-width: 465px;
    width: 90%; }
  #recruit #contact .form th, #recruit #contact .form td, .wp-editor .recruit-tinymce #contact .form th, .wp-editor .recruit-tinymce #contact .form td {
    padding-bottom: 20px; }
  #recruit #contact .form th, .wp-editor .recruit-tinymce #contact .form th {
    font-size: 16px;
    font-weight: bold;
    width: 140px; }
    #recruit #contact .form th span, .wp-editor .recruit-tinymce #contact .form th span {
      background: #EA5703;
      color: #fff;
      display: inline-block;
      margin-right: 10px;
      padding: 5px 7px; }
  #recruit #contact .form input[type="text"], .wp-editor .recruit-tinymce #contact .form input[type="text"] {
    background: #fff;
    border: none;
    padding: 4% 3%;
    width: 94%; }
  #recruit #contact .form input[type="email"], .wp-editor .recruit-tinymce #contact .form input[type="email"] {
    background: #fff;
    border: none;
    padding: 4% 3%;
    width: 94%; }
  #recruit #contact .form p, .wp-editor .recruit-tinymce #contact .form p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 21px;
    text-align: center; }
  #recruit #contact .form input[type="submit"], .wp-editor .recruit-tinymce #contact .form input[type="submit"] {
    background: #EA5703;
    border: none;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 88px; }
    #recruit #contact .form input[type="submit"]:hover, .wp-editor .recruit-tinymce #contact .form input[type="submit"]:hover {
      background: #990000;
      cursor: pointer; }
  #recruit #contact .form .submit-btn, .wp-editor .recruit-tinymce #contact .form .submit-btn {
    text-align: center; }
@media screen and (max-width: 900px) {
  #recruit .head-en, .wp-editor .recruit-tinymce .head-en {
    font-size: 24px; }
    #recruit .head-en span, .wp-editor .recruit-tinymce .head-en span {
      padding: 0 32%; }
      #recruit .head-en span::before, #recruit .head-en span::after, .wp-editor .recruit-tinymce .head-en span::before, .wp-editor .recruit-tinymce .head-en span::after {
        top: 50%;
        width: 29%; }
    #recruit .head-en + h3, .wp-editor .recruit-tinymce .head-en + h3 {
      border-radius: 25px;
      font-size: 14px;
      letter-spacing: 0;
      padding: 4px 20px; }
  #recruit .recruit-list li, .wp-editor .recruit-tinymce .recruit-list li {
    padding-bottom: 20px;
    width: 49%; }
    #recruit .recruit-list li:not(:nth-child(4n)), .wp-editor .recruit-tinymce .recruit-list li:not(:nth-child(4n)) {
      margin-right: 0; }
    #recruit .recruit-list li:not(:nth-child(even)), .wp-editor .recruit-tinymce .recruit-list li:not(:nth-child(even)) {
      margin-right: 2%; }
    #recruit .recruit-list li h4, .wp-editor .recruit-tinymce .recruit-list li h4 {
      font-size: 14px;
      letter-spacing: 0;
      margin-bottom: 7px;
      padding: 11px 0; }
  #recruit #allowance, .wp-editor .recruit-tinymce #allowance {
    padding: 12px 0 0; }
    #recruit #allowance .image, .wp-editor .recruit-tinymce #allowance .image {
      margin-bottom: 25px;
      width: 40%; }
    #recruit #allowance .desc, .wp-editor .recruit-tinymce #allowance .desc {
      width: 60%; }
    #recruit #allowance h2, .wp-editor .recruit-tinymce #allowance h2 {
      margin: 28px 0 25px; }
    #recruit #allowance ul, .wp-editor .recruit-tinymce #allowance ul {
      clear: both;
      margin: 0 auto 18px;
      max-width: 600px; }
    #recruit #allowance li, .wp-editor .recruit-tinymce #allowance li {
      font-size: 16px;
      margin-bottom: 7px;
      padding: 1px 0 0; }
      #recruit #allowance li span, .wp-editor .recruit-tinymce #allowance li span {
        padding-left: 20px; }
        #recruit #allowance li span::before, .wp-editor .recruit-tinymce #allowance li span::before {
          height: 21px;
          top: 1px;
          width: 13px; }
    #recruit #allowance p:not(.name), .wp-editor .recruit-tinymce #allowance p:not(.name) {
      font-size: 14px;
      margin: 0 auto 14px;
      max-width: 600px; }
    #recruit #allowance .name, .wp-editor .recruit-tinymce #allowance .name {
      font-size: 14px;
      text-align: left; }
      #recruit #allowance .name span, .wp-editor .recruit-tinymce #allowance .name span {
        font-size: 12px;
        margin-right: 10px; }
  #recruit #raise, .wp-editor .recruit-tinymce #raise {
    margin-bottom: -12px;
    padding-top: 35px; }
    #recruit #raise h2, .wp-editor .recruit-tinymce #raise h2 {
      font-size: 22px;
      margin-bottom: 20px; }
    #recruit #raise ul, .wp-editor .recruit-tinymce #raise ul {
      margin-bottom: 15px;
      max-width: 350px;
      width: 100%; }
    #recruit #raise li, .wp-editor .recruit-tinymce #raise li {
      font-size: 16px;
      padding-bottom: 6px;
      padding-left: 28px; }
      #recruit #raise li:not(:last-child), .wp-editor .recruit-tinymce #raise li:not(:last-child) {
        margin-bottom: 10px; }
      #recruit #raise li::before, .wp-editor .recruit-tinymce #raise li::before {
        height: 20px;
        width: 22px; }
  #recruit #point, .wp-editor .recruit-tinymce #point {
    margin-bottom: 70px;
    padding-top: 45px; }
    #recruit #point .greetings, .wp-editor .recruit-tinymce #point .greetings {
      margin-bottom: 40px; }
      #recruit #point .greetings h2, .wp-editor .recruit-tinymce #point .greetings h2 {
        font-size: 30px; }
      #recruit #point .greetings h3, .wp-editor .recruit-tinymce #point .greetings h3 {
        font-size: 17px; }
      #recruit #point .greetings p, .wp-editor .recruit-tinymce #point .greetings p {
        font-size: 14px;
        letter-spacing: 0.07em;
        line-height: 1.6;
        margin: 25px 0 15px; }
    #recruit #point li, .wp-editor .recruit-tinymce #point li {
      display: block;
      margin: 0 auto 17px;
      max-width: 600px;
      padding-top: 0; }
      #recruit #point li .desc, .wp-editor .recruit-tinymce #point li .desc {
        margin: 0;
        padding: 5%;
        width: 90%; }
      #recruit #point li h4, .wp-editor .recruit-tinymce #point li h4 {
        font-size: 10px;
        margin-bottom: 5px; }
        #recruit #point li h4::after, .wp-editor .recruit-tinymce #point li h4::after {
          width: calc(100% - 125px); }
      #recruit #point li h2, .wp-editor .recruit-tinymce #point li h2 {
        font-size: 17px;
        line-height: 1.4;
        margin-bottom: 7px; }
      #recruit #point li h3, .wp-editor .recruit-tinymce #point li h3 {
        font-size: 15px;
        line-height: 1.4; }
      #recruit #point li p, .wp-editor .recruit-tinymce #point li p {
        font-size: 13px;
        letter-spacing: 0.01em; }
      #recruit #point li .image, .wp-editor .recruit-tinymce #point li .image {
        margin-right: 0;
        width: 100%; }
      #recruit #point li .play-btn img, .wp-editor .recruit-tinymce #point li .play-btn img {
        width: 50px; }
  #recruit #message, .wp-editor .recruit-tinymce #message {
    margin-bottom: 45px;
    padding-bottom: 15px; }
    #recruit #message ul, .wp-editor .recruit-tinymce #message ul {
      margin-top: 25px; }
    #recruit #message li, .wp-editor .recruit-tinymce #message li {
      display: -webkit-flex;
      display: flex;
      width: 100%; }
      #recruit #message li:not(:last-child), .wp-editor .recruit-tinymce #message li:not(:last-child) {
        margin-right: 0; }
      #recruit #message li .image, .wp-editor .recruit-tinymce #message li .image {
        max-width: 250px;
        width: 43%; }
      #recruit #message li .desc, .wp-editor .recruit-tinymce #message li .desc {
        border-top: none;
        padding: 25px 0 0;
        width: 57%; }
        #recruit #message li .desc::before, .wp-editor .recruit-tinymce #message li .desc::before {
          content: none; }
      #recruit #message li h4, .wp-editor .recruit-tinymce #message li h4 {
        font-size: 16px;
        letter-spacing: 0.02em;
        line-height: 1.4;
        margin-bottom: 13px; }
      #recruit #message li p, .wp-editor .recruit-tinymce #message li p {
        letter-spacing: 0.02em;
        line-height: 1.4; }
  #recruit #reason, .wp-editor .recruit-tinymce #reason {
    margin-bottom: 55px; }
    #recruit #reason h2, .wp-editor .recruit-tinymce #reason h2 {
      border: 3px solid #EE7800;
      font-size: 25px;
      margin-bottom: 50px;
      padding: 13px 32px 9px; }
    #recruit #reason .reason-list li, .wp-editor .recruit-tinymce #reason .reason-list li {
      border: 3px solid #EE7800;
      margin-bottom: 35px; }
    #recruit #reason .reason-list h3, .wp-editor .recruit-tinymce #reason .reason-list h3 {
      border-radius: 7px;
      font-size: 14px;
      padding: 3px 0 2px;
      width: 90px; }
      #recruit #reason .reason-list h3::after, .wp-editor .recruit-tinymce #reason .reason-list h3::after {
        height: 9px;
        top: 26px;
        width: 13px; }
    #recruit #reason .reason-list .ac-title, .wp-editor .recruit-tinymce #reason .reason-list .ac-title {
      font-size: 16px;
      line-height: 1.3;
      padding: 16px 45px 9px 10px; }
      #recruit #reason .reason-list .ac-title::after, .wp-editor .recruit-tinymce #reason .reason-list .ac-title::after {
        height: 20px;
        right: 15px;
        width: 20px; }
      #recruit #reason .reason-list .ac-title.open::after, .wp-editor .recruit-tinymce #reason .reason-list .ac-title.open::after {
        height: 4px; }
    #recruit #reason .reason-list .ac-desc, .wp-editor .recruit-tinymce #reason .reason-list .ac-desc {
      padding: 5% 0;
      width: 90%; }
      #recruit #reason .reason-list .ac-desc p, .wp-editor .recruit-tinymce #reason .reason-list .ac-desc p {
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0.02em; }
  #recruit #difference, .wp-editor .recruit-tinymce #difference {
    margin-bottom: 50px; }
    #recruit #difference h2, .wp-editor .recruit-tinymce #difference h2 {
      font-size: 20px;
      line-height: 1.45;
      margin-bottom: 35px;
      padding: 11px 0 10px; }
      #recruit #difference h2::after, .wp-editor .recruit-tinymce #difference h2::after {
        top: 78px; }
    #recruit #difference .scroll-box, .wp-editor .recruit-tinymce #difference .scroll-box {
      overflow-x: scroll;
      padding: 20px 0 7px; }
      #recruit #difference .scroll-box::-webkit-scrollbar, .wp-editor .recruit-tinymce #difference .scroll-box::-webkit-scrollbar {
        height: 10px; }
      #recruit #difference .scroll-box::-webkit-scrollbar-thumb, .wp-editor .recruit-tinymce #difference .scroll-box::-webkit-scrollbar-thumb {
        background: #8F8F8F;
        border-radius: 0; }
      #recruit #difference .scroll-box::-webkit-scrollbar-track-piece, .wp-editor .recruit-tinymce #difference .scroll-box::-webkit-scrollbar-track-piece {
        background: #efefef; }
    #recruit #difference table, .wp-editor .recruit-tinymce #difference table {
      border: 3px solid #8F8F8F;
      width: 700px; }
      #recruit #difference table th, #recruit #difference table td, .wp-editor .recruit-tinymce #difference table th, .wp-editor .recruit-tinymce #difference table td {
        padding: 8px 0; }
      #recruit #difference table th, .wp-editor .recruit-tinymce #difference table th {
        font-size: 13px;
        letter-spacing: 0.15em; }
      #recruit #difference table td, .wp-editor .recruit-tinymce #difference table td {
        font-size: 13px; }
      #recruit #difference table tr:first-child th:nth-of-type(2), .wp-editor .recruit-tinymce #difference table tr:first-child th:nth-of-type(2) {
        border-left: 3px solid #EA5703;
        border-right: 3px solid #EA5703;
        border-top: 3px solid #EA5703;
        font-size: 16px; }
        #recruit #difference table tr:first-child th:nth-of-type(2)::before, .wp-editor .recruit-tinymce #difference table tr:first-child th:nth-of-type(2)::before {
          border-left: 3px solid #EA5703;
          border-right: 3px solid #EA5703;
          height: 20px;
          left: -3px;
          top: -20px; }
      #recruit #difference table tr td:nth-of-type(1), .wp-editor .recruit-tinymce #difference table tr td:nth-of-type(1) {
        border-left: 3px solid #EA5703;
        border-right: 3px solid #EA5703;
        padding: 0 5%; }
        #recruit #difference table tr td:nth-of-type(1)::before, .wp-editor .recruit-tinymce #difference table tr td:nth-of-type(1)::before {
          left: 5%;
          top: 10px; }
      #recruit #difference table tr:last-child td:nth-of-type(1), .wp-editor .recruit-tinymce #difference table tr:last-child td:nth-of-type(1) {
        border-bottom: 3px solid #EA5703; }
      #recruit #difference table tr td:nth-of-type(2), .wp-editor .recruit-tinymce #difference table tr td:nth-of-type(2) {
        padding: 0 5%; }
        #recruit #difference table tr td:nth-of-type(2)::before, .wp-editor .recruit-tinymce #difference table tr td:nth-of-type(2)::before {
          left: 6%;
          top: 12px; }
  #recruit #equipment, .wp-editor .recruit-tinymce #equipment {
    margin-bottom: 45px; }
    #recruit #equipment h2, .wp-editor .recruit-tinymce #equipment h2 {
      font-size: 18px;
      margin-bottom: 15px; }
  #recruit #event, .wp-editor .recruit-tinymce #event {
    margin-bottom: 30px; }
    #recruit #event p, .wp-editor .recruit-tinymce #event p {
      font-size: 14px;
      margin: 15px 0 25px; }
  #recruit #guide, .wp-editor .recruit-tinymce #guide {
    margin-bottom: 40px; }
    #recruit #guide h2, .wp-editor .recruit-tinymce #guide h2 {
      font-size: 24px; }
    #recruit #guide p, .wp-editor .recruit-tinymce #guide p {
      font-size: 16px;
      margin-bottom: 10px; }
    #recruit #guide table, .wp-editor .recruit-tinymce #guide table {
      border: 3px solid #98B6B5; }
      #recruit #guide table th, #recruit #guide table td, .wp-editor .recruit-tinymce #guide table th, .wp-editor .recruit-tinymce #guide table td {
        padding: 10px 5px; }
      #recruit #guide table th, .wp-editor .recruit-tinymce #guide table th {
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0.15em;
        vertical-align: top; }
      #recruit #guide table td, .wp-editor .recruit-tinymce #guide table td {
        font-size: 13px;
        letter-spacing: 0.05em; }
  #recruit #contact .tel, .wp-editor .recruit-tinymce #contact .tel {
    padding: 30px 0; }
    #recruit #contact .tel::after, .wp-editor .recruit-tinymce #contact .tel::after {
      height: 28px;
      bottom: -27px;
      width: 55px; }
    #recruit #contact .tel .desc, .wp-editor .recruit-tinymce #contact .tel .desc {
      font-size: 16px;
      margin-bottom: 25px; }
      #recruit #contact .tel .desc span, .wp-editor .recruit-tinymce #contact .tel .desc span {
        font-size: 22px;
        line-height: 1.8; }
    #recruit #contact .tel .tel-btn a, .wp-editor .recruit-tinymce #contact .tel .tel-btn a {
      border-radius: 13px;
      padding: 10px 30px 5px; }
    #recruit #contact .tel .tel-btn span, .wp-editor .recruit-tinymce #contact .tel .tel-btn span {
      padding-left: 28px; }
      #recruit #contact .tel .tel-btn span::before, .wp-editor .recruit-tinymce #contact .tel .tel-btn span::before {
        height: 24px;
        top: 1px;
        width: 23px; }
  #recruit #contact .form, .wp-editor .recruit-tinymce #contact .form {
    padding: 45px 0; }
    #recruit #contact .form h2, .wp-editor .recruit-tinymce #contact .form h2 {
      border: 3px solid #185A6E;
      font-size: 25px;
      margin-bottom: 30px;
      padding: 7px 35px; }
    #recruit #contact .form th, .wp-editor .recruit-tinymce #contact .form th {
      font-size: 14px;
      width: 130px; }
      #recruit #contact .form th span, .wp-editor .recruit-tinymce #contact .form th span {
        margin-right: 8px;
        padding: 4px 7px; }
    #recruit #contact .form p, .wp-editor .recruit-tinymce #contact .form p {
      font-size: 14px;
      margin-bottom: 10px; }
    #recruit #contact .form input[type="submit"], .wp-editor .recruit-tinymce #contact .form input[type="submit"] {
      font-size: 20px;
      padding: 13px 50px; } }

#media #point,
#hfm-movie #point {
  background: #fff;
  margin: 0 auto 90px;
  padding-top: 75px;
  max-width: 1050px;
  width: 90%; }
  #media #point .greetings,
  #hfm-movie #point .greetings {
    margin-bottom: 85px; }
    #media #point .greetings h2,
    #hfm-movie #point .greetings h2 {
      color: #9A2224;
      font-size: 55px;
      font-weight: bold;
      line-height: 1;
      margin-bottom: 5px;
      text-align: center; }
      #media #point .greetings h2 span,
      #hfm-movie #point .greetings h2 span {
        background: linear-gradient(transparent 60%, #FFF100 60%, #FFF100 84%, transparent 84%); }
    #media #point .greetings h3,
    #hfm-movie #point .greetings h3 {
      font-size: 24px;
      font-weight: bold;
      text-align: center; }
    #media #point .greetings p,
    #hfm-movie #point .greetings p {
      font-size: 16px;
      line-height: 1.85;
      margin: 53px 0 30px;
      text-align: center; }
  #media #point li,
  #hfm-movie #point li {
    background: #185A6E;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 45px;
    padding-top: 22px; }
    #media #point li .desc,
    #hfm-movie #point li .desc {
      margin-left: 5%;
      margin-right: 6%;
      padding-bottom: 30px;
      width: 43%; }
    #media #point li h4,
    #hfm-movie #point li h4 {
      font-size: 13px;
      font-weight: normal;
      position: relative; }
      #media #point li h4::after,
      #hfm-movie #point li h4::after {
        border-top: 1px solid #fff;
        content: "";
        margin: auto;
        position: absolute;
        bottom: 50%;
        right: 0;
        width: calc(100% - 150px); }
    #media #point li h2,
    #hfm-movie #point li h2 {
      font-size: 34px;
      font-weight: bold;
      line-height: 1.6; }
    #media #point li h3,
    #hfm-movie #point li h3 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 7px; }
    #media #point li p,
    #hfm-movie #point li p {
      background: rgba(255, 255, 255, 0.2);
      padding: 8px 10px; }
    #media #point li .image,
    #hfm-movie #point li .image {
      margin-right: 2%;
      width: 44%; }
    #media #point li:last-child,
    #hfm-movie #point li:last-child {
      background: #fff;
      border: 1px solid #185A6E;
      color: #185A6E; }
      #media #point li:last-child h4::after,
      #hfm-movie #point li:last-child h4::after {
        border-top: 1px solid #185A6E; }

@media screen and (max-width: 900px) {
  #media #point {
    margin-bottom: 70px;
    padding-top: 45px; }
    #media #point li {
      display: block;
      margin: 0 auto 17px;
      max-width: 600px;
      padding-top: 0; }
      #media #point li .desc {
        margin: 0;
        padding: 5%;
        width: 90%; }
      #media #point li h4 {
        font-size: 10px;
        margin-bottom: 5px; }
        #media #point li h4::after {
          width: calc(100% - 125px); }
      #media #point li h2 {
        font-size: 17px;
        line-height: 1.4;
        margin-bottom: 7px; }
      #media #point li h3 {
        font-size: 15px;
        line-height: 1.4; }
      #media #point li p {
        font-size: 13px;
        letter-spacing: 0.01em; }
      #media #point li .image {
        margin-right: 0;
        width: 100%; }
      #media #point li .play-btn img {
        width: 50px; } }
/********************************************************************************
repair-skill media
********************************************************************************/
#repair-skill #about,
#media #about,
#hfm-movie #about {
  margin: 70px 0; }
  #repair-skill #about h2,
  #media #about h2,
  #hfm-movie #about h2 {
    font-size: 24px;
    line-height: 1.9;
    margin-bottom: 40px;
    text-align: center; }
  #repair-skill #about p,
  #media #about p,
  #hfm-movie #about p {
    font-size: 15px;
    line-height: 2.54;
    text-align: center; }
#repair-skill #certification h2,
#media #certification h2,
#hfm-movie #certification h2 {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 55px;
  padding-left: 45px;
  position: relative; }
  #repair-skill #certification h2::before,
  #media #certification h2::before,
  #hfm-movie #certification h2::before {
    background: url(../images/repair-skill/skill-icon.png) no-repeat;
    background-size: contain;
    content: "";
    height: 38px;
    position: absolute;
    left: 0;
    top: -5px;
    width: 39.5px; }
#repair-skill #certification ul,
#media #certification ul,
#hfm-movie #certification ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 25px; }
  #repair-skill #certification ul li,
  #media #certification ul li,
  #hfm-movie #certification ul li {
    background: #fff;
    margin-bottom: 50px;
    width: 47.5%; }
    #repair-skill #certification ul li:nth-child(odd),
    #media #certification ul li:nth-child(odd),
    #hfm-movie #certification ul li:nth-child(odd) {
      margin-right: 5%; }
    #repair-skill #certification ul li .desc,
    #media #certification ul li .desc,
    #hfm-movie #certification ul li .desc {
      padding: 30px 42px 26px;
      position: relative; }
  #repair-skill #certification ul h3,
  #media #certification ul h3,
  #hfm-movie #certification ul h3 {
    border-bottom: 1px solid #7D7D7D;
    font-size: 14px;
    margin-bottom: 17px;
    padding-bottom: 12px;
    padding-left: 25px;
    position: relative; }
    #repair-skill #certification ul h3::before,
    #media #certification ul h3::before,
    #hfm-movie #certification ul h3::before {
      background: url(../images/repair-skill/circle.png) no-repeat;
      background-size: contain;
      content: "";
      height: 16px;
      position: absolute;
      left: 0;
      top: 3px;
      width: 16px; }
  #repair-skill #certification ul p,
  #media #certification ul p,
  #hfm-movie #certification ul p {
    line-height: 2;
    margin-bottom: 1em; }
  #repair-skill #certification ul a,
  #media #certification ul a,
  #hfm-movie #certification ul a {
    color: #0A6078;
    position: absolute;
    bottom: 22px;
    right: 42px;
    text-align: right;
    text-decoration: underline; }
@media screen and (max-width: 900px) {
  #repair-skill #about,
  #media #about,
  #hfm-movie #about {
    margin: 40px 0; }
    #repair-skill #about h2,
    #media #about h2,
    #hfm-movie #about h2 {
      font-size: 18px;
      line-height: 1.5;
      margin-bottom: 25px; }
    #repair-skill #about p,
    #media #about p,
    #hfm-movie #about p {
      font-size: 14px;
      letter-spacing: 0.05em;
      line-height: 2; }
  #repair-skill #certification h2,
  #media #certification h2,
  #hfm-movie #certification h2 {
    font-size: 16px;
    margin-bottom: 20px;
    padding-left: 35px; }
    #repair-skill #certification h2::before,
    #media #certification h2::before,
    #hfm-movie #certification h2::before {
      height: 29px;
      top: -3px;
      width: 30px; }
  #repair-skill #certification ul,
  #media #certification ul,
  #hfm-movie #certification ul {
    display: block;
    padding-bottom: 25px; }
    #repair-skill #certification ul li,
    #media #certification ul li,
    #hfm-movie #certification ul li {
      margin-bottom: 20px;
      width: 100%; }
      #repair-skill #certification ul li:nth-child(odd),
      #media #certification ul li:nth-child(odd),
      #hfm-movie #certification ul li:nth-child(odd) {
        margin-right: 0; }
      #repair-skill #certification ul li .desc,
      #media #certification ul li .desc,
      #hfm-movie #certification ul li .desc {
        padding: 10px; }
    #repair-skill #certification ul h3,
    #media #certification ul h3,
    #hfm-movie #certification ul h3 {
      margin-bottom: 10px;
      padding-bottom: 3px; }
    #repair-skill #certification ul p,
    #media #certification ul p,
    #hfm-movie #certification ul p {
      line-height: 1.8;
      margin-bottom: 5px; }
    #repair-skill #certification ul a,
    #media #certification ul a,
    #hfm-movie #certification ul a {
      display: block;
      position: static;
      bottom: inherit;
      right: inherit; } }

#top-certification {
  background: #fff;
  border-bottom: 1px solid #ccc;
  padding: 86px 0 86px;
  /* 次ページボタンのスタイル */
  /* 前ページボタンのスタイル */ }
  #top-certification .inner {
    max-width: 930px; }
  #top-certification .head-wrapper p {
    text-align: center; }
    @media (max-width: 480px) {
      #top-certification .head-wrapper p img {
        width: 50%; } }
  #top-certification .head-wrapper .head {
    font-size: 24px;
    font-weight: bold;
    margin: 24px 0 80px;
    padding-top: 24px;
    position: relative;
    text-align: center; }
    @media (max-width: 480px) {
      #top-certification .head-wrapper .head {
        font-size: 18px;
        margin: 20px 0 24px; } }
    #top-certification .head-wrapper .head:before {
      content: "";
      background: #000;
      height: 5px;
      width: 50px;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -25px; }
  #top-certification h2 {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 55px;
    padding-left: 45px;
    position: relative; }
    #top-certification h2::before {
      background: url(../images/repair-skill/skill-icon.png) no-repeat;
      background-size: contain;
      content: "";
      height: 38px;
      position: absolute;
      left: 0;
      top: -5px;
      width: 39.5px; }
  #top-certification .swiper-area {
    position: relative; }
  #top-certification .swiper-button-prev,
  #top-certification .swiper-button-next {
    width: 24px;
    /* ボタンの幅 */
    height: 48px;
    /* ボタンの高さ */
    background-size: 24px 48px;
    /* 表示したいサイズ */
    transform: translateY(-50%);
    margin-top: 0;
    top: 35%; }
  #top-certification .swiper-button-next {
    background-image: url("../images/top/arrow.svg");
    right: -36px; }
    @media (max-width: 480px) {
      #top-certification .swiper-button-next {
        right: -15px; } }
  #top-certification .swiper-button-prev {
    background-image: url("../images/top/arrow.svg");
    transform: translateY(-50%) scale(-1, 1);
    /* 左右反転 */
    left: -36px; }
    @media (max-width: 480px) {
      #top-certification .swiper-button-prev {
        left: -15px; } }
  #top-certification .swiper-button-prev:after,
  #top-certification .swiper-button-next:after {
    display: none; }
  #top-certification .swiper {
    width: 100%; }
  #top-certification .swiper-wrapper {
    /*display: -webkit-flex;
    display: flex;*/
    /*flex-wrap: wrap;*/
    padding-bottom: 25px; }
    #top-certification .swiper-wrapper .swiper-slide {
      background: #fff;
      padding: 14px 0 26px;
      /*width: 32%!important;*/ }
      @media (max-width: 480px) {
        #top-certification .swiper-wrapper .swiper-slide {
          padding: 14px 0 0;
          margin-bottom: 0; } }
      #top-certification .swiper-wrapper .swiper-slide:nth-child(even) {
        /*margin: 0 2%;*/ }
      #top-certification .swiper-wrapper .swiper-slide a {
        color: #000; }
      #top-certification .swiper-wrapper .swiper-slide .desc {
        padding: 16px 0px 0;
        position: relative; }
    #top-certification .swiper-wrapper h3 {
      font-size: 14px;
      padding-left: 25px;
      position: relative; }
      #top-certification .swiper-wrapper h3::before {
        background: url(../images/repair-skill/circle.png) no-repeat;
        background-size: contain;
        content: "";
        height: 16px;
        position: absolute;
        left: 0;
        top: 3px;
        width: 16px; }
    #top-certification .swiper-wrapper p {
      line-height: 2;
      margin-bottom: 1em; }
    #top-certification .swiper-wrapper a {
      color: #0A6078;
      /*position: absolute;
      bottom: 22px;
      right: 42px;
      text-align: right;
      text-decoration: underline;*/ }
  #top-certification .link-btn {
    position: relative;
    z-index: 9; }

@media screen and (max-width: 900px) {
  #top-certification {
    padding: 10px 0 62px; }
    #top-certification h2 {
      font-size: 16px;
      margin-bottom: 20px;
      padding-left: 35px; }
      #top-certification h2::before {
        height: 29px;
        top: -3px;
        width: 30px; }
    #top-certification ul {
      padding-bottom: 25px; }
      #top-certification ul li {
        margin-bottom: 0px;
        width: 100%; }
        #top-certification ul li:nth-child(odd) {
          margin-right: 0; }
        #top-certification ul li .desc {
          padding: 10px; }
      #top-certification ul h3 {
        margin-bottom: 10px;
        padding-bottom: 3px; }
      #top-certification ul p {
        line-height: 1.8;
        margin-bottom: 5px; }
      #top-certification ul a {
        display: block;
        position: static;
        bottom: inherit;
        right: inherit; } }
/********************************************************************************
facility
********************************************************************************/
#facility .number, .wp-editor .facility-tinymce .number {
  background: #0D6078;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  height: 38px;
  letter-spacing: 0;
  line-height: 38px;
  text-align: center;
  width: 38px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s; }
  #facility .number:hover, .wp-editor .facility-tinymce .number:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
#facility #facility-info, .wp-editor .facility-tinymce #facility-info {
  margin: 70px auto 110px;
  max-width: 980px;
  width: 74%; }
  #facility #facility-info h2, .wp-editor .facility-tinymce #facility-info h2 {
    margin-bottom: 35px;
    text-align: center; }
    #facility #facility-info h2 span, .wp-editor .facility-tinymce #facility-info h2 span {
      border: 1px solid #0D6078;
      color: #0D6078;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      padding: 16px 30px; }
  #facility #facility-info .floor-plan, .wp-editor .facility-tinymce #facility-info .floor-plan {
    position: relative; }
  #facility #facility-info .number-list li, .wp-editor .facility-tinymce #facility-info .number-list li {
    position: absolute; }
    #facility #facility-info .number-list li:first-child, .wp-editor .facility-tinymce #facility-info .number-list li:first-child {
      top: 51.5%;
      right: 5%; }
    #facility #facility-info .number-list li:nth-child(2), .wp-editor .facility-tinymce #facility-info .number-list li:nth-child(2) {
      top: 29%;
      right: 43.5%; }
    #facility #facility-info .number-list li:nth-child(3), .wp-editor .facility-tinymce #facility-info .number-list li:nth-child(3) {
      bottom: 13%;
      left: 17%; }
    #facility #facility-info .number-list li:nth-child(4), .wp-editor .facility-tinymce #facility-info .number-list li:nth-child(4) {
      top: 1%;
      left: 4%; }
    #facility #facility-info .number-list li:nth-child(5), .wp-editor .facility-tinymce #facility-info .number-list li:nth-child(5) {
      bottom: 17%;
      right: 4%; }
    #facility #facility-info .number-list li:nth-child(6), .wp-editor .facility-tinymce #facility-info .number-list li:nth-child(6) {
      bottom: 13%;
      right: 42%; }
    #facility #facility-info .number-list li:nth-child(7), .wp-editor .facility-tinymce #facility-info .number-list li:nth-child(7) {
      top: 40%;
      left: 3%; }
    #facility #facility-info .number-list li:nth-child(8), .wp-editor .facility-tinymce #facility-info .number-list li:nth-child(8) {
      bottom: 30%;
      left: 14%; }
    #facility #facility-info .number-list li:nth-child(9), .wp-editor .facility-tinymce #facility-info .number-list li:nth-child(9) {
      top: 14%;
      left: 15%; }
    #facility #facility-info .number-list li:nth-child(10), .wp-editor .facility-tinymce #facility-info .number-list li:nth-child(10) {
      top: 23%;
      left: 15%; }
  #facility #facility-info .floor-list, .wp-editor .facility-tinymce #facility-info .floor-list {
    background: #0D6078;
    margin: 5% auto 0;
    padding: 2%;
    width: 80%; }
    #facility #facility-info .floor-list li, .wp-editor .facility-tinymce #facility-info .floor-list li {
      float: left;
      margin: 10px 30px 10px 0; }
    #facility #facility-info .floor-list a, .wp-editor .facility-tinymce #facility-info .floor-list a {
      color: #fff;
      font-size: 15px;
      font-weight: bold; }
      #facility #facility-info .floor-list a span, .wp-editor .facility-tinymce #facility-info .floor-list a span {
        background: #fff;
        border-radius: 50%;
        color: #0D6078;
        display: inline-block;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 12px;
        height: 20px;
        letter-spacing: 0;
        line-height: 20px;
        margin-right: 5px;
        text-align: center;
        width: 20px; }
#facility .facility-box, .wp-editor .facility-tinymce .facility-box {
  padding: 70px 0 105px; }
#facility .facility-white, .wp-editor .facility-tinymce .facility-white {
  background: #fff; }
#facility .facility-blue, .wp-editor .facility-tinymce .facility-blue {
  background: #D7E7E6; }
#facility h3, .wp-editor .facility-tinymce h3 {
  color: #0D6078;
  font-size: 24px;
  margin: 17px 0;
  text-align: center; }
#facility .title, .wp-editor .facility-tinymce .title {
  text-align: center; }
#facility .image-box, .wp-editor .facility-tinymce .image-box {
  display: -webkit-flex;
  display: flex; }
  #facility .image-box img, .wp-editor .facility-tinymce .image-box img {
    width: 49.8%; }
    #facility .image-box img:first-child, .wp-editor .facility-tinymce .image-box img:first-child {
      margin-right: 0.4%; }
#facility .desc, .wp-editor .facility-tinymce .desc {
  padding: 45px 68px; }
  #facility .desc h4, .wp-editor .facility-tinymce .desc h4 {
    border-bottom: 1px solid #0D6078;
    color: #0D6078;
    font-size: 20px;
    margin-bottom: 17px;
    padding-bottom: 7px; }
  #facility .desc p, .wp-editor .facility-tinymce .desc p {
    line-height: 1.95; }
    #facility .desc p + h4, .wp-editor .facility-tinymce .desc p + h4 {
      margin-top: 27px; }
#facility .facility-flex, .wp-editor .facility-tinymce .facility-flex {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  #facility .facility-flex section, .wp-editor .facility-tinymce .facility-flex section {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 47.5%; }
    #facility .facility-flex section:first-child, .wp-editor .facility-tinymce .facility-flex section:first-child {
      margin-right: 5%; }
    #facility .facility-flex section .title, .wp-editor .facility-tinymce .facility-flex section .title {
      width: 100%; }
#facility #facility2 .facility-blue, .wp-editor .facility-tinymce #facility2 .facility-blue {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between; }
  #facility #facility2 .facility-blue .image, .wp-editor .facility-tinymce #facility2 .facility-blue .image {
    width: 58%; }
  #facility #facility2 .facility-blue .desc, .wp-editor .facility-tinymce #facility2 .facility-blue .desc {
    width: 42%; }
#facility #facility6 .facility-white, .wp-editor .facility-tinymce #facility6 .facility-white {
  margin-top: -26px; }
#facility #facility7 .facility-blue, .wp-editor .facility-tinymce #facility7 .facility-blue {
  margin-top: -102px; }
#facility #facility8 .facility-white, .wp-editor .facility-tinymce #facility8 .facility-white {
  display: -webkit-flex;
  display: flex;
  margin-top: 30px; }
  #facility #facility8 .facility-white .image, .wp-editor .facility-tinymce #facility8 .facility-white .image {
    width: 42%; }
  #facility #facility8 .facility-white .desc, .wp-editor .facility-tinymce #facility8 .facility-white .desc {
    padding: 15px;
    width: 58%; }
  #facility #facility8 .facility-white p, .wp-editor .facility-tinymce #facility8 .facility-white p {
    color: #0D6078;
    font-size: 16px; }
@media screen and (max-width: 900px) {
  #facility #facility-info, .wp-editor .facility-tinymce #facility-info {
    margin: 30px auto 50px;
    width: 90%; }
    #facility #facility-info h2, .wp-editor .facility-tinymce #facility-info h2 {
      margin-bottom: 25px; }
      #facility #facility-info h2 span, .wp-editor .facility-tinymce #facility-info h2 span {
        font-size: 14px;
        padding: 11px 23px; }
    #facility #facility-info .floor-list, .wp-editor .facility-tinymce #facility-info .floor-list {
      padding: 2% 3%; }
      #facility #facility-info .floor-list li, .wp-editor .facility-tinymce #facility-info .floor-list li {
        margin: 5px 30px 5px 0; }
      #facility #facility-info .floor-list a, .wp-editor .facility-tinymce #facility-info .floor-list a {
        font-size: 12px; }
  #facility .facility-box, .wp-editor .facility-tinymce .facility-box {
    padding: 40px 0 50px; }
  #facility h3, .wp-editor .facility-tinymce h3 {
    font-size: 18px;
    margin: 10px 0; }
  #facility .image-box, .wp-editor .facility-tinymce .image-box {
    display: block; }
    #facility .image-box img, .wp-editor .facility-tinymce .image-box img {
      width: 100%; }
      #facility .image-box img:first-child, .wp-editor .facility-tinymce .image-box img:first-child {
        margin-bottom: 3px;
        margin-right: 0; }
  #facility .desc, .wp-editor .facility-tinymce .desc {
    padding: 20px; }
    #facility .desc h4, .wp-editor .facility-tinymce .desc h4 {
      font-size: 16px;
      margin-bottom: 10px;
      padding-bottom: 4px; }
    #facility .desc p, .wp-editor .facility-tinymce .desc p {
      line-height: 1.5; }
      #facility .desc p + h4, .wp-editor .facility-tinymce .desc p + h4 {
        margin-top: 15px; }
  #facility .facility-flex, .wp-editor .facility-tinymce .facility-flex {
    display: block; }
    #facility .facility-flex section, .wp-editor .facility-tinymce .facility-flex section {
      display: block;
      width: 100%; }
      #facility .facility-flex section:first-child, .wp-editor .facility-tinymce .facility-flex section:first-child {
        margin-bottom: 20px;
        margin-right: 0; }
  #facility #facility2 .facility-blue, .wp-editor .facility-tinymce #facility2 .facility-blue {
    display: block; }
    #facility #facility2 .facility-blue .image, .wp-editor .facility-tinymce #facility2 .facility-blue .image {
      width: 100%; }
    #facility #facility2 .facility-blue .desc, .wp-editor .facility-tinymce #facility2 .facility-blue .desc {
      width: inherit; }
  #facility #facility6 .facility-white, .wp-editor .facility-tinymce #facility6 .facility-white {
    margin-top: -0px; }
  #facility #facility7 .facility-blue, .wp-editor .facility-tinymce #facility7 .facility-blue {
    margin-top: 0; }
  #facility #facility8 .facility-white p, .wp-editor .facility-tinymce #facility8 .facility-white p {
    font-size: 15px; } }

/********************************************************************************
faq
********************************************************************************/
.trouble-site {
  margin: 100px auto;
  max-width: 650px;
  width: 90%; }

.faq-list {
  margin: 0 auto 42px;
  max-width: 725px;
  width: 90%; }
  .faq-list dt {
    background: #d7e7e6;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 12px 12px 3em;
    position: relative; }
  .faq-list dt:before {
    content: "Q";
    color: #0d6078;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 86px;
    position: absolute;
    top: -76px;
    left: -37px; }
  .faq-list dd {
    padding: 1em 3em; }
  .faq-list dd + dt {
    margin-top: 3em; }

@media screen and (max-width: 900px) {
  .trouble-site {
    margin: 32px auto; }

  .faq-list dt {
    font-size: 14px;
    padding: 12px 12px 12px 2em; }
  .faq-list dt:before {
    font-size: 38px;
    top: -25px;
    left: -8px; }
  .faq-list dd {
    padding: 1em 2em; }
  .faq-list dd + dt {
    margin-top: 2em; } }
/********************************************************************************
sitemap
********************************************************************************/
.sitemap-list {
  margin: 62px auto 42px;
  max-width: 860px;
  width: 90%; }
  @media (max-width: 480px) {
    .sitemap-list {
      margin: 24px auto; } }
  .sitemap-list ul {
    float: left;
    width: 48%; }
    @media (max-width: 480px) {
      .sitemap-list ul {
        float: none;
        width: 100%; } }
    .sitemap-list ul + ul {
      float: right; }
      @media (max-width: 480px) {
        .sitemap-list ul + ul {
          float: none;
          margin-top: 20px; } }
    .sitemap-list ul .mt {
      margin-top: 1em; }
    .sitemap-list ul li a {
      background: #0d6078 url(../images/sitemap/arrow.svg) no-repeat 95% center;
      background-size: 18px 18px;
      color: #fff;
      display: block;
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 1em;
      padding: 16px;
      width: calc(100% - 32px); }
      @media (max-width: 480px) {
        .sitemap-list ul li a {
          font-size: 14px;
          padding: 8px;
          width: calc(100% - 16px); } }
      .sitemap-list ul li a:hover {
        background-color: #003342; }
    .sitemap-list ul .none-link span {
      background: #0d6078;
      background-size: 18px;
      color: #fff;
      display: block;
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 1em;
      padding: 16px;
      width: calc(100% - 32px); }
      @media (max-width: 480px) {
        .sitemap-list ul .none-link span {
          font-size: 14px;
          padding: 8px;
          width: calc(100% - 16px); } }
  .sitemap-list .sub {
    float: none;
    width: auto; }
    .sitemap-list .sub li {
      text-indent: 2em; }
      @media (max-width: 480px) {
        .sitemap-list .sub li {
          text-indent: 1em; } }
    .sitemap-list .sub li a {
      background: #fff url(../images/sitemap/arrow.svg) no-repeat 1.5em center;
      background-size: 10px 10px;
      color: #4c4948;
      display: block;
      font-weight: normal;
      font-size: 14px;
      margin-bottom: 0;
      padding: 4px 0 4px 12px;
      width: calc(100% - 12px); }
      @media (max-width: 480px) {
        .sitemap-list .sub li a {
          background-position: 0.5em center;
          padding: 2px 0 2px 12px; } }
      .sitemap-list .sub li a:hover {
        background: #fff url(../images/sitemap/arrow.svg) no-repeat 1.5em center;
        background-size: 10px 10px;
        text-decoration: underline; }

/********************************************************************************
privacy
********************************************************************************/
#privacy .inner, .wp-editor .privacy-tinymce .inner {
  margin: 62px auto 42px;
  max-width: 860px;
  width: 90%; }
  @media (max-width: 480px) {
    #privacy .inner, .wp-editor .privacy-tinymce .inner {
      margin: 24px auto; } }
  #privacy .inner h3, .wp-editor .privacy-tinymce .inner h3 {
    background: #0d6078;
    color: #fff;
    font-weight: bold;
    padding: 12px 24px;
    margin: 2em 0 1em; }
    @media (max-width: 480px) {
      #privacy .inner h3, .wp-editor .privacy-tinymce .inner h3 {
        padding: 6px 12px; } }
  #privacy .inner p, .wp-editor .privacy-tinymce .inner p {
    margin-bottom: 1em; }

/********************************************************************************
single
********************************************************************************/
.single {
  background: #f4f4f4; }
  .single .inner {
    background: #fff;
    max-width: 680px;
    padding: 5% 5%; }
    .single .inner img {
      border-radius: 5px;
      margin: 12px 0; }
      @media (max-width: 680px) {
        .single .inner img {
          margin: 12px auto; } }
  .single .main-image img {
    border: 1px solid #05637C;
    display: block;
    margin: 0 auto 2em;
    padding: 8px;
    width: 75%; }
  .single .date {
    margin-bottom: 5px; }
  .single h2 {
    border-bottom: 3px solid #05637C;
    color: #05637C;
    font-size: 24px;
    padding-bottom: 12px;
    margin-bottom: 8%; }
  .single p {
    font-size: 15px;
    line-height: 180%; }
  .single .square-ico-title {
    color: #05637C;
    margin-bottom: 1em; }
  .single img {
    margin-bottom: 24px; }
  @media screen and (max-width: 900px) {
    .single {
      margin: 30px 0 40px;
      padding: 0; }
      .single h2 {
        font-size: 16px; }
      .single p {
        font-size: 14px;
        line-height: 1.4; }
      .single img {
        margin: 0 auto 20px;
        display: block; } }

.pagenation {
  display: table;
  width: 100%;
  margin-top: 5%;
  padding: 5px 0;
  border: 1px dotted;
  border-width: 1px 0; }
  .pagenation a {
    text-decoration: none;
    color: #004CA0; }

.pagenation li {
  letter-spacing: 0;
  width: 30%;
  line-height: 1.6; }
  .pagenation li:nth-child(2) {
    margin: 0 5%; }

.cell {
  display: table-cell; }

.padding5 {
  padding: 5px; }

.text-left {
  text-align: left; }

.text-left {
  text-align: left; }

.center {
  text-align: center; }

.pagenation .center a {
  border: 1px solid #333;
  border-width: 0 1px;
  padding: 0 10px; }

@media screen and (max-width: 900px) {
  .pagenation li:nth-child(1) {
    display: none; }
  .pagenation li:nth-child(3) {
    display: none; } }
.list-prev a {
  display: inline-block;
  margin: 0px auto;
  padding: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #004ea2;
  color: white;
  width: 10em;
  text-align: center; }

.news-archive .pagination {
  text-align: center;
  background-color: #eee;
  padding: 10px; }
  .news-archive .pagination a {
    background-color: white;
    text-decoration: none; }
  .news-archive .pagination a, .news-archive .pagination .current {
    padding: 0px 7px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 0px 3px; }
  .news-archive .pagination .pages {
    padding: 0px 7px;
    font-size: 80%; }
  .news-archive .pagination .current {
    background-color: #004ea2;
    color: white; }

/********************************************************************************
contact
********************************************************************************/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px; }

.contact .contact-info, .confirm .contact-info, .thanks .contact-info,
.reserve-contact .contact-info, .reserve-confirm .contact-info, .reserve-thanks .contact-info,
.repair-contact .contact-info, .repair-confirm .contact-info, .repair-thanks .contact-info,
.syaken-contact .contact-info, .syaken-confirm .contact-info, .syaken-thanks .contact-info {
  margin: 80px 0 60px;
  text-align: center; }
  .contact .contact-info .text, .confirm .contact-info .text, .thanks .contact-info .text,
  .reserve-contact .contact-info .text, .reserve-confirm .contact-info .text, .reserve-thanks .contact-info .text,
  .repair-contact .contact-info .text, .repair-confirm .contact-info .text, .repair-thanks .contact-info .text,
  .syaken-contact .contact-info .text, .syaken-confirm .contact-info .text, .syaken-thanks .contact-info .text {
    color: #4C4948;
    font-size: 18px;
    margin-bottom: 40px; }
  .contact .contact-info .blue-box, .confirm .contact-info .blue-box, .thanks .contact-info .blue-box,
  .reserve-contact .contact-info .blue-box, .reserve-confirm .contact-info .blue-box, .reserve-thanks .contact-info .blue-box,
  .repair-contact .contact-info .blue-box, .repair-confirm .contact-info .blue-box, .repair-thanks .contact-info .blue-box,
  .syaken-contact .contact-info .blue-box, .syaken-confirm .contact-info .blue-box, .syaken-thanks .contact-info .blue-box {
    margin-bottom: 25px; }
    .contact .contact-info .blue-box p:first-child, .confirm .contact-info .blue-box p:first-child, .thanks .contact-info .blue-box p:first-child,
    .reserve-contact .contact-info .blue-box p:first-child, .reserve-confirm .contact-info .blue-box p:first-child, .reserve-thanks .contact-info .blue-box p:first-child,
    .repair-contact .contact-info .blue-box p:first-child, .repair-confirm .contact-info .blue-box p:first-child, .repair-thanks .contact-info .blue-box p:first-child,
    .syaken-contact .contact-info .blue-box p:first-child, .syaken-confirm .contact-info .blue-box p:first-child, .syaken-thanks .contact-info .blue-box p:first-child {
      font-size: 18px;
      font-weight: bold;
      margin: -20px 0 25px; }
    .contact .contact-info .blue-box .tel, .confirm .contact-info .blue-box .tel, .thanks .contact-info .blue-box .tel,
    .reserve-contact .contact-info .blue-box .tel, .reserve-confirm .contact-info .blue-box .tel, .reserve-thanks .contact-info .blue-box .tel,
    .repair-contact .contact-info .blue-box .tel, .repair-confirm .contact-info .blue-box .tel, .repair-thanks .contact-info .blue-box .tel,
    .syaken-contact .contact-info .blue-box .tel, .syaken-confirm .contact-info .blue-box .tel, .syaken-thanks .contact-info .blue-box .tel {
      color: #9A2224;
      font-size: 34px;
      letter-spacing: 0.075em;
      line-height: 0.6; }
      .contact .contact-info .blue-box .tel span, .confirm .contact-info .blue-box .tel span, .thanks .contact-info .blue-box .tel span,
      .reserve-contact .contact-info .blue-box .tel span, .reserve-confirm .contact-info .blue-box .tel span, .reserve-thanks .contact-info .blue-box .tel span,
      .repair-contact .contact-info .blue-box .tel span, .repair-confirm .contact-info .blue-box .tel span, .repair-thanks .contact-info .blue-box .tel span,
      .syaken-contact .contact-info .blue-box .tel span, .syaken-confirm .contact-info .blue-box .tel span, .syaken-thanks .contact-info .blue-box .tel span {
        font-size: 26px; }
    .contact .contact-info .blue-box p, .confirm .contact-info .blue-box p, .thanks .contact-info .blue-box p,
    .reserve-contact .contact-info .blue-box p, .reserve-confirm .contact-info .blue-box p, .reserve-thanks .contact-info .blue-box p,
    .repair-contact .contact-info .blue-box p, .repair-confirm .contact-info .blue-box p, .repair-thanks .contact-info .blue-box p,
    .syaken-contact .contact-info .blue-box p, .syaken-confirm .contact-info .blue-box p, .syaken-thanks .contact-info .blue-box p {
      font-size: 16px;
      margin-bottom: 9px; }
  .contact .contact-info .menu, .confirm .contact-info .menu, .thanks .contact-info .menu,
  .reserve-contact .contact-info .menu, .reserve-confirm .contact-info .menu, .reserve-thanks .contact-info .menu,
  .repair-contact .contact-info .menu, .repair-confirm .contact-info .menu, .repair-thanks .contact-info .menu,
  .syaken-contact .contact-info .menu, .syaken-confirm .contact-info .menu, .syaken-thanks .contact-info .menu {
    display: -webkit-flex;
    display: flex; }
    .contact .contact-info .menu li, .confirm .contact-info .menu li, .thanks .contact-info .menu li,
    .reserve-contact .contact-info .menu li, .reserve-confirm .contact-info .menu li, .reserve-thanks .contact-info .menu li,
    .repair-contact .contact-info .menu li, .repair-confirm .contact-info .menu li, .repair-thanks .contact-info .menu li,
    .syaken-contact .contact-info .menu li, .syaken-confirm .contact-info .menu li, .syaken-thanks .contact-info .menu li {
      align-items: center;
      background: #05637C;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      margin-right: 3.5%;
      padding: 1.7%;
      position: relative;
      /*width: 27.6%;*/
      width: 45%; }
      .contact .contact-info .menu li:last-child, .confirm .contact-info .menu li:last-child, .thanks .contact-info .menu li:last-child,
      .reserve-contact .contact-info .menu li:last-child, .reserve-confirm .contact-info .menu li:last-child, .reserve-thanks .contact-info .menu li:last-child,
      .repair-contact .contact-info .menu li:last-child, .repair-confirm .contact-info .menu li:last-child, .repair-thanks .contact-info .menu li:last-child,
      .syaken-contact .contact-info .menu li:last-child, .syaken-confirm .contact-info .menu li:last-child, .syaken-thanks .contact-info .menu li:last-child {
        margin-right: 0; }
      .contact .contact-info .menu li span, .confirm .contact-info .menu li span, .thanks .contact-info .menu li span,
      .reserve-contact .contact-info .menu li span, .reserve-confirm .contact-info .menu li span, .reserve-thanks .contact-info .menu li span,
      .repair-contact .contact-info .menu li span, .repair-confirm .contact-info .menu li span, .repair-thanks .contact-info .menu li span,
      .syaken-contact .contact-info .menu li span, .syaken-confirm .contact-info .menu li span, .syaken-thanks .contact-info .menu li span {
        color: #fff;
        font-weight: bold;
        padding-left: 20px;
        position: relative; }
        .contact .contact-info .menu li span::before, .confirm .contact-info .menu li span::before, .thanks .contact-info .menu li span::before,
        .reserve-contact .contact-info .menu li span::before, .reserve-confirm .contact-info .menu li span::before, .reserve-thanks .contact-info .menu li span::before,
        .repair-contact .contact-info .menu li span::before, .repair-confirm .contact-info .menu li span::before, .repair-thanks .contact-info .menu li span::before,
        .syaken-contact .contact-info .menu li span::before, .syaken-confirm .contact-info .menu li span::before, .syaken-thanks .contact-info .menu li span::before {
          background: url(../images/common/arrow2-wh.png) no-repeat;
          background-size: contain;
          content: "";
          height: 12px;
          position: absolute;
          left: 0;
          top: 5px;
          width: 7px; }
      .contact .contact-info .menu li a, .confirm .contact-info .menu li a, .thanks .contact-info .menu li a,
      .reserve-contact .contact-info .menu li a, .reserve-confirm .contact-info .menu li a, .reserve-thanks .contact-info .menu li a,
      .repair-contact .contact-info .menu li a, .repair-confirm .contact-info .menu li a, .repair-thanks .contact-info .menu li a,
      .syaken-contact .contact-info .menu li a, .syaken-confirm .contact-info .menu li a, .syaken-thanks .contact-info .menu li a {
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        text-indent: 100%;
        white-space: nowrap;
        width: 100%; }
.contact .form p, .confirm .form p, .thanks .form p,
.reserve-contact .form p, .reserve-confirm .form p, .reserve-thanks .form p,
.repair-contact .form p, .repair-confirm .form p, .repair-thanks .form p,
.syaken-contact .form p, .syaken-confirm .form p, .syaken-thanks .form p {
  color: #4C4948; }
  .contact .form p span, .confirm .form p span, .thanks .form p span,
  .reserve-contact .form p span, .reserve-confirm .form p span, .reserve-thanks .form p span,
  .repair-contact .form p span, .repair-confirm .form p span, .repair-thanks .form p span,
  .syaken-contact .form p span, .syaken-confirm .form p span, .syaken-thanks .form p span {
    color: #B60005; }
.contact .form .note, .confirm .form .note, .thanks .form .note,
.reserve-contact .form .note, .reserve-confirm .form .note, .reserve-thanks .form .note,
.repair-contact .form .note, .repair-confirm .form .note, .repair-thanks .form .note,
.syaken-contact .form .note, .syaken-confirm .form .note, .syaken-thanks .form .note {
  border-bottom: 1px solid #B2B2B2;
  margin-bottom: 55px;
  padding-bottom: 15px; }
.contact .form .note-yellow, .confirm .form .note-yellow, .thanks .form .note-yellow,
.reserve-contact .form .note-yellow, .reserve-confirm .form .note-yellow, .reserve-thanks .form .note-yellow,
.repair-contact .form .note-yellow, .repair-confirm .form .note-yellow, .repair-thanks .form .note-yellow,
.syaken-contact .form .note-yellow, .syaken-confirm .form .note-yellow, .syaken-thanks .form .note-yellow {
  background: #FFF125;
  color: #231815;
  display: inline-block;
  font-weight: bold;
  padding: 5px 10px; }
.contact .form table, .confirm .form table, .thanks .form table,
.reserve-contact .form table, .reserve-confirm .form table, .reserve-thanks .form table,
.repair-contact .form table, .repair-confirm .form table, .repair-thanks .form table,
.syaken-contact .form table, .syaken-confirm .form table, .syaken-thanks .form table {
  border-collapse: collapse;
  width: 100%; }
  .contact .form table th, .confirm .form table th, .thanks .form table th,
  .reserve-contact .form table th, .reserve-confirm .form table th, .reserve-thanks .form table th,
  .repair-contact .form table th, .repair-confirm .form table th, .repair-thanks .form table th,
  .syaken-contact .form table th, .syaken-confirm .form table th, .syaken-thanks .form table th {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 23px;
    text-align: left;
    vertical-align: top;
    width: 29%; }
    .contact .form table th span, .confirm .form table th span, .thanks .form table th span,
    .reserve-contact .form table th span, .reserve-confirm .form table th span, .reserve-thanks .form table th span,
    .repair-contact .form table th span, .repair-confirm .form table th span, .repair-thanks .form table th span,
    .syaken-contact .form table th span, .syaken-confirm .form table th span, .syaken-thanks .form table th span {
      color: #fff;
      font-weight: bold;
      margin-right: 10px;
      padding: 4px 16px; }
      .contact .form table th span.optional, .confirm .form table th span.optional, .thanks .form table th span.optional,
      .reserve-contact .form table th span.optional, .reserve-confirm .form table th span.optional, .reserve-thanks .form table th span.optional,
      .repair-contact .form table th span.optional, .repair-confirm .form table th span.optional, .repair-thanks .form table th span.optional,
      .syaken-contact .form table th span.optional, .syaken-confirm .form table th span.optional, .syaken-thanks .form table th span.optional {
        background: #5E5E5E; }
      .contact .form table th span.required, .confirm .form table th span.required, .thanks .form table th span.required,
      .reserve-contact .form table th span.required, .reserve-confirm .form table th span.required, .reserve-thanks .form table th span.required,
      .repair-contact .form table th span.required, .repair-confirm .form table th span.required, .repair-thanks .form table th span.required,
      .syaken-contact .form table th span.required, .syaken-confirm .form table th span.required, .syaken-thanks .form table th span.required {
        background: #B60005; }
  .contact .form table td, .confirm .form table td, .thanks .form table td,
  .reserve-contact .form table td, .reserve-confirm .form table td, .reserve-thanks .form table td,
  .repair-contact .form table td, .repair-confirm .form table td, .repair-thanks .form table td,
  .syaken-contact .form table td, .syaken-confirm .form table td, .syaken-thanks .form table td {
    padding-bottom: 23px; }
.contact .form input[type="text"] + p, .confirm .form input[type="text"] + p, .thanks .form input[type="text"] + p,
.reserve-contact .form input[type="text"] + p, .reserve-confirm .form input[type="text"] + p, .reserve-thanks .form input[type="text"] + p,
.repair-contact .form input[type="text"] + p, .repair-confirm .form input[type="text"] + p, .repair-thanks .form input[type="text"] + p,
.syaken-contact .form input[type="text"] + p, .syaken-confirm .form input[type="text"] + p, .syaken-thanks .form input[type="text"] + p {
  margin-top: 20px; }
.contact .form input[type="file"], .confirm .form input[type="file"], .thanks .form input[type="file"],
.reserve-contact .form input[type="file"], .reserve-confirm .form input[type="file"], .reserve-thanks .form input[type="file"],
.repair-contact .form input[type="file"], .repair-confirm .form input[type="file"], .repair-thanks .form input[type="file"],
.syaken-contact .form input[type="file"], .syaken-confirm .form input[type="file"], .syaken-thanks .form input[type="file"] {
  margin-top: 16px; }
.contact .form input[type="text"], .contact .form textarea, .contact .form input[type="email"], .confirm .form input[type="text"], .confirm .form textarea, .confirm .form input[type="email"], .thanks .form input[type="text"], .thanks .form textarea, .thanks .form input[type="email"],
.reserve-contact .form input[type="text"],
.reserve-contact .form textarea,
.reserve-contact .form input[type="email"], .reserve-confirm .form input[type="text"], .reserve-confirm .form textarea, .reserve-confirm .form input[type="email"], .reserve-thanks .form input[type="text"], .reserve-thanks .form textarea, .reserve-thanks .form input[type="email"],
.repair-contact .form input[type="text"],
.repair-contact .form textarea,
.repair-contact .form input[type="email"], .repair-confirm .form input[type="text"], .repair-confirm .form textarea, .repair-confirm .form input[type="email"], .repair-thanks .form input[type="text"], .repair-thanks .form textarea, .repair-thanks .form input[type="email"],
.syaken-contact .form input[type="text"],
.syaken-contact .form textarea,
.syaken-contact .form input[type="email"], .syaken-confirm .form input[type="text"], .syaken-confirm .form textarea, .syaken-confirm .form input[type="email"], .syaken-thanks .form input[type="text"], .syaken-thanks .form textarea, .syaken-thanks .form input[type="email"] {
  background: #DBDCDC;
  border: none;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  padding: 2% 3%;
  width: 94%; }
.contact .form input[type="submit"], .confirm .form input[type="submit"], .thanks .form input[type="submit"],
.reserve-contact .form input[type="submit"], .reserve-confirm .form input[type="submit"], .reserve-thanks .form input[type="submit"],
.repair-contact .form input[type="submit"], .repair-confirm .form input[type="submit"], .repair-thanks .form input[type="submit"],
.syaken-contact .form input[type="submit"], .syaken-confirm .form input[type="submit"], .syaken-thanks .form input[type="submit"] {
  background: #B60005;
  border: none;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 88px 18px;
  margin-bottom: 42px; }
  .contact .form input[type="submit"]:hover, .confirm .form input[type="submit"]:hover, .thanks .form input[type="submit"]:hover,
  .reserve-contact .form input[type="submit"]:hover, .reserve-confirm .form input[type="submit"]:hover, .reserve-thanks .form input[type="submit"]:hover,
  .repair-contact .form input[type="submit"]:hover, .repair-confirm .form input[type="submit"]:hover, .repair-thanks .form input[type="submit"]:hover,
  .syaken-contact .form input[type="submit"]:hover, .syaken-confirm .form input[type="submit"]:hover, .syaken-thanks .form input[type="submit"]:hover {
    background: #990000;
    cursor: pointer; }
.contact .form .submit-btn, .confirm .form .submit-btn, .thanks .form .submit-btn,
.reserve-contact .form .submit-btn, .reserve-confirm .form .submit-btn, .reserve-thanks .form .submit-btn,
.repair-contact .form .submit-btn, .repair-confirm .form .submit-btn, .repair-thanks .form .submit-btn,
.syaken-contact .form .submit-btn, .syaken-confirm .form .submit-btn, .syaken-thanks .form .submit-btn {
  text-align: center; }
@media screen and (max-width: 900px) {
  .contact .contact-info, .confirm .contact-info, .thanks .contact-info,
  .reserve-contact .contact-info, .reserve-confirm .contact-info, .reserve-thanks .contact-info,
  .repair-contact .contact-info, .repair-confirm .contact-info, .repair-thanks .contact-info,
  .syaken-contact .contact-info, .syaken-confirm .contact-info, .syaken-thanks .contact-info {
    margin: 40px 0 30px; }
    .contact .contact-info .text, .confirm .contact-info .text, .thanks .contact-info .text,
    .reserve-contact .contact-info .text, .reserve-confirm .contact-info .text, .reserve-thanks .contact-info .text,
    .repair-contact .contact-info .text, .repair-confirm .contact-info .text, .repair-thanks .contact-info .text,
    .syaken-contact .contact-info .text, .syaken-confirm .contact-info .text, .syaken-thanks .contact-info .text {
      font-size: 15px;
      margin-bottom: 20px; }
    .contact .contact-info .blue-box, .confirm .contact-info .blue-box, .thanks .contact-info .blue-box,
    .reserve-contact .contact-info .blue-box, .reserve-confirm .contact-info .blue-box, .reserve-thanks .contact-info .blue-box,
    .repair-contact .contact-info .blue-box, .repair-confirm .contact-info .blue-box, .repair-thanks .contact-info .blue-box,
    .syaken-contact .contact-info .blue-box, .syaken-confirm .contact-info .blue-box, .syaken-thanks .contact-info .blue-box {
      margin-bottom: 20px; }
      .contact .contact-info .blue-box p:first-child, .confirm .contact-info .blue-box p:first-child, .thanks .contact-info .blue-box p:first-child,
      .reserve-contact .contact-info .blue-box p:first-child, .reserve-confirm .contact-info .blue-box p:first-child, .reserve-thanks .contact-info .blue-box p:first-child,
      .repair-contact .contact-info .blue-box p:first-child, .repair-confirm .contact-info .blue-box p:first-child, .repair-thanks .contact-info .blue-box p:first-child,
      .syaken-contact .contact-info .blue-box p:first-child, .syaken-confirm .contact-info .blue-box p:first-child, .syaken-thanks .contact-info .blue-box p:first-child {
        font-size: 15px;
        margin: -20px 0 15px; }
      .contact .contact-info .blue-box .tel, .confirm .contact-info .blue-box .tel, .thanks .contact-info .blue-box .tel,
      .reserve-contact .contact-info .blue-box .tel, .reserve-confirm .contact-info .blue-box .tel, .reserve-thanks .contact-info .blue-box .tel,
      .repair-contact .contact-info .blue-box .tel, .repair-confirm .contact-info .blue-box .tel, .repair-thanks .contact-info .blue-box .tel,
      .syaken-contact .contact-info .blue-box .tel, .syaken-confirm .contact-info .blue-box .tel, .syaken-thanks .contact-info .blue-box .tel {
        font-size: 28px;
        letter-spacing: 0.07em;
        line-height: 1; }
        .contact .contact-info .blue-box .tel span, .confirm .contact-info .blue-box .tel span, .thanks .contact-info .blue-box .tel span,
        .reserve-contact .contact-info .blue-box .tel span, .reserve-confirm .contact-info .blue-box .tel span, .reserve-thanks .contact-info .blue-box .tel span,
        .repair-contact .contact-info .blue-box .tel span, .repair-confirm .contact-info .blue-box .tel span, .repair-thanks .contact-info .blue-box .tel span,
        .syaken-contact .contact-info .blue-box .tel span, .syaken-confirm .contact-info .blue-box .tel span, .syaken-thanks .contact-info .blue-box .tel span {
          font-size: 20px; }
      .contact .contact-info .blue-box p, .confirm .contact-info .blue-box p, .thanks .contact-info .blue-box p,
      .reserve-contact .contact-info .blue-box p, .reserve-confirm .contact-info .blue-box p, .reserve-thanks .contact-info .blue-box p,
      .repair-contact .contact-info .blue-box p, .repair-confirm .contact-info .blue-box p, .repair-thanks .contact-info .blue-box p,
      .syaken-contact .contact-info .blue-box p, .syaken-confirm .contact-info .blue-box p, .syaken-thanks .contact-info .blue-box p {
        font-size: 14px;
        margin-bottom: 5px; }
    .contact .contact-info .menu li span, .confirm .contact-info .menu li span, .thanks .contact-info .menu li span,
    .reserve-contact .contact-info .menu li span, .reserve-confirm .contact-info .menu li span, .reserve-thanks .contact-info .menu li span,
    .repair-contact .contact-info .menu li span, .repair-confirm .contact-info .menu li span, .repair-thanks .contact-info .menu li span,
    .syaken-contact .contact-info .menu li span, .syaken-confirm .contact-info .menu li span, .syaken-thanks .contact-info .menu li span {
      padding-left: 10px; }
  .contact .form .note, .confirm .form .note, .thanks .form .note,
  .reserve-contact .form .note, .reserve-confirm .form .note, .reserve-thanks .form .note,
  .repair-contact .form .note, .repair-confirm .form .note, .repair-thanks .form .note,
  .syaken-contact .form .note, .syaken-confirm .form .note, .syaken-thanks .form .note {
    margin-bottom: 30px; }
  .contact .form table th, .contact .form table td, .confirm .form table th, .confirm .form table td, .thanks .form table th, .thanks .form table td,
  .reserve-contact .form table th,
  .reserve-contact .form table td, .reserve-confirm .form table th, .reserve-confirm .form table td, .reserve-thanks .form table th, .reserve-thanks .form table td,
  .repair-contact .form table th,
  .repair-contact .form table td, .repair-confirm .form table th, .repair-confirm .form table td, .repair-thanks .form table th, .repair-thanks .form table td,
  .syaken-contact .form table th,
  .syaken-contact .form table td, .syaken-confirm .form table th, .syaken-confirm .form table td, .syaken-thanks .form table th, .syaken-thanks .form table td {
    display: block;
    width: 100%; }
  .contact .form table th, .confirm .form table th, .thanks .form table th,
  .reserve-contact .form table th, .reserve-confirm .form table th, .reserve-thanks .form table th,
  .repair-contact .form table th, .repair-confirm .form table th, .repair-thanks .form table th,
  .syaken-contact .form table th, .syaken-confirm .form table th, .syaken-thanks .form table th {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    vertical-align: top;
    white-space: nowrap; }
    .contact .form table th span, .confirm .form table th span, .thanks .form table th span,
    .reserve-contact .form table th span, .reserve-confirm .form table th span, .reserve-thanks .form table th span,
    .repair-contact .form table th span, .repair-confirm .form table th span, .repair-thanks .form table th span,
    .syaken-contact .form table th span, .syaken-confirm .form table th span, .syaken-thanks .form table th span {
      color: #fff;
      font-weight: bold;
      margin-right: 3px;
      padding: 2px 10px; }
  .contact .form table td, .confirm .form table td, .thanks .form table td,
  .reserve-contact .form table td, .reserve-confirm .form table td, .reserve-thanks .form table td,
  .repair-contact .form table td, .repair-confirm .form table td, .repair-thanks .form table td,
  .syaken-contact .form table td, .syaken-confirm .form table td, .syaken-thanks .form table td {
    padding-bottom: 15px; }
  .contact .form input[type="text"] + p, .confirm .form input[type="text"] + p, .thanks .form input[type="text"] + p,
  .reserve-contact .form input[type="text"] + p, .reserve-confirm .form input[type="text"] + p, .reserve-thanks .form input[type="text"] + p,
  .repair-contact .form input[type="text"] + p, .repair-confirm .form input[type="text"] + p, .repair-thanks .form input[type="text"] + p,
  .syaken-contact .form input[type="text"] + p, .syaken-confirm .form input[type="text"] + p, .syaken-thanks .form input[type="text"] + p {
    margin-top: 3px; }
  .contact .form input[type=text], .contact .form textarea, .confirm .form input[type=text], .confirm .form textarea, .thanks .form input[type=text], .thanks .form textarea,
  .reserve-contact .form input[type=text],
  .reserve-contact .form textarea, .reserve-confirm .form input[type=text], .reserve-confirm .form textarea, .reserve-thanks .form input[type=text], .reserve-thanks .form textarea,
  .repair-contact .form input[type=text],
  .repair-contact .form textarea, .repair-confirm .form input[type=text], .repair-confirm .form textarea, .repair-thanks .form input[type=text], .repair-thanks .form textarea,
  .syaken-contact .form input[type=text],
  .syaken-contact .form textarea, .syaken-confirm .form input[type=text], .syaken-confirm .form textarea, .syaken-thanks .form input[type=text], .syaken-thanks .form textarea {
    border-radius: 0;
    font-size: initial; } }

.mw_wp_form_confirm {
  margin-top: 42px; }
  .mw_wp_form_confirm table {
    border: 1px solid #ccc;
    margin-bottom: 1.5em; }
  .mw_wp_form_confirm .required, .mw_wp_form_confirm .optional, .mw_wp_form_confirm .note, .mw_wp_form_confirm .note-yellow {
    display: none; }
  .mw_wp_form_confirm .form th, .mw_wp_form_confirm .form td {
    border: 1px solid #ccc;
    font-size: 14px !important;
    padding: 8px !important;
    width: auto !important; }
    .mw_wp_form_confirm .form th table, .mw_wp_form_confirm .form td table {
      border: none;
      margin-bottom: 0; }
      .mw_wp_form_confirm .form th table th, .mw_wp_form_confirm .form td table th {
        border: none;
        width: 20% !important; }
      .mw_wp_form_confirm .form th table td, .mw_wp_form_confirm .form td table td {
        border: none;
        width: 80% !important; }
  @media (max-width: 480px) {
    .mw_wp_form_confirm .form th {
      background: #e5e5e5;
      border-bottom: 1px dashed #ccc; } }
  @media (max-width: 480px) {
    .mw_wp_form_confirm .form td {
      border-bottom: 1px solid #ccc; } }
  .mw_wp_form_confirm .conf-none {
    display: none; }

.conf-none {
  font-weight: bold; }
  .conf-none a {
    background: #FFF125;
    text-decoration: underline; }

.thanks-message {
  font-size: 16px;
  line-height: 200%;
  margin: 42px auto;
  max-width: 760px;
  width: 90%; }
  @media (max-width: 480px) {
    .thanks-message {
      font-size: 14px; } }
  .thanks-message .box {
    border: 2px solid #298612;
    padding: 8px;
    margin-bottom: 1em;
    text-align: center; }

/********************************************************************************
rescue
********************************************************************************/
#rescue header, .wp-editor .rescue-tinymce header {
  position: relative; }
  #rescue header .wrapper, .wp-editor .rescue-tinymce header .wrapper {
    padding: 25px 0 35px;
    max-width: 98%; }
  #rescue header #logo, .wp-editor .rescue-tinymce header #logo {
    margin: 0 1.5% 0 0; }
  #rescue header h2, .wp-editor .rescue-tinymce header h2 {
    float: left;
    margin-top: 1%; }
  @media screen and (max-width: 1120px) {
    #rescue header #logo, .wp-editor .rescue-tinymce header #logo {
      margin-top: 0; } }
  @media screen and (max-width: 980px) {
    #rescue header h2, .wp-editor .rescue-tinymce header h2 {
      margin-top: 0; } }
  @media screen and (max-width: 900px) {
    #rescue header .wrapper, .wp-editor .rescue-tinymce header .wrapper {
      padding: 10px 0 25px; }
    #rescue header #logo, .wp-editor .rescue-tinymce header #logo {
      margin: 0 5px 0 0; }
    #rescue header h2, .wp-editor .rescue-tinymce header h2 {
      max-width: 300px;
      width: calc(100% - 140px); } }
#rescue .head-diagonal, .wp-editor .rescue-tinymce .head-diagonal {
  background: #E52C0F;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  position: relative;
  text-align: center;
  transform: skewX(-12deg); }
  #rescue .head-diagonal span, .wp-editor .rescue-tinymce .head-diagonal span {
    display: inline-block;
    transform: skewX(12deg); }
  #rescue .head-diagonal::after, .wp-editor .rescue-tinymce .head-diagonal::after {
    background: url(../images/rescue/arrow.png) no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    margin: auto;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    transform: skewX(12deg);
    width: 17px; }
#rescue .contact-btn, .wp-editor .rescue-tinymce .contact-btn {
  letter-spacing: 0; }
  #rescue .contact-btn li, .wp-editor .rescue-tinymce .contact-btn li {
    display: inline-block;
    margin-bottom: 20px;
    width: 48%; }
    #rescue .contact-btn li:nth-child(odd), .wp-editor .rescue-tinymce .contact-btn li:nth-child(odd) {
      margin-right: 4%; }
  #rescue .contact-btn a, .wp-editor .rescue-tinymce .contact-btn a {
    background: #fff;
    border: 6px solid #E52C0F;
    border-radius: 30px;
    color: #E52C0F;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    max-width: 326px;
    padding: 22px 0;
    text-align: center;
    width: 100%; }
#rescue ul.contact-btn, .wp-editor .rescue-tinymce ul.contact-btn {
  margin: 0 auto 60px;
  max-width: 698px;
  width: 90%; }
#rescue #main-rescue .image, .wp-editor .rescue-tinymce #main-rescue .image {
  position: relative;
  top: -7vw;
  z-index: 1; }
#rescue #main-rescue .copy, .wp-editor .rescue-tinymce #main-rescue .copy {
  background: #FFFF00;
  padding: 28px 0 10px;
  position: relative;
  margin-top: -14vw; }
  @media (max-width: 480px) {
    #rescue #main-rescue .copy, .wp-editor .rescue-tinymce #main-rescue .copy {
      padding: 10px 0 10px; } }
  #rescue #main-rescue .copy .inner, .wp-editor .rescue-tinymce #main-rescue .copy .inner {
    max-width: 1070px; }
    #rescue #main-rescue .copy .inner .copy1, .wp-editor .rescue-tinymce #main-rescue .copy .inner .copy1 {
      float: left;
      margin-right: 1%;
      width: 46.5%;
      padding-top: 8%;
      position: relative;
      z-index: 1; }
    #rescue #main-rescue .copy .inner .copy2, .wp-editor .rescue-tinymce #main-rescue .copy .inner .copy2 {
      float: left;
      width: 52.5%;
      position: relative;
      z-index: 1; }
#rescue #campaign, .wp-editor .rescue-tinymce #campaign {
  background: rgba(243, 255, 0, 0.4);
  padding: 15px 0 22px; }
  #rescue #campaign .inner, .wp-editor .rescue-tinymce #campaign .inner {
    max-width: 1050px; }
  #rescue #campaign .title, .wp-editor .rescue-tinymce #campaign .title {
    float: left;
    margin-right: 2%;
    margin-top: 1%;
    width: 46%; }
  #rescue #campaign .desc, .wp-editor .rescue-tinymce #campaign .desc {
    float: left;
    width: 52%; }
#rescue #intro, .wp-editor .rescue-tinymce #intro {
  border-top: 11px solid #2593A7; }
  #rescue #intro .image, .wp-editor .rescue-tinymce #intro .image {
    background: url(../images/rescue/intro-image.jpg) no-repeat center/cover;
    height: 485px;
    position: relative; }
  #rescue #intro .repair, .wp-editor .rescue-tinymce #intro .repair {
    position: absolute;
    left: 70px;
    top: 67px;
    transform: rotate(-10deg);
    width: 226px; }
  #rescue #intro .desc, .wp-editor .rescue-tinymce #intro .desc {
    background: #fff;
    border-radius: 15px;
    margin: -75px auto 0;
    padding: 28px 70px 20px;
    position: relative;
    width: 535px; }
  #rescue #intro h2, .wp-editor .rescue-tinymce #intro h2 {
    color: #2593A7;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 33px;
    text-align: center; }
    #rescue #intro h2 span, .wp-editor .rescue-tinymce #intro h2 span {
      background: linear-gradient(transparent 60%, #FBE0B0 60%, #FBE0B0 87%, transparent 87%); }
  #rescue #intro h3, .wp-editor .rescue-tinymce #intro h3 {
    color: #4C4948;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.036em;
    line-height: 2.1;
    margin-bottom: 20px; }
  #rescue #intro p:not(.name), .wp-editor .rescue-tinymce #intro p:not(.name) {
    color: #4C4948;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.85;
    margin-bottom: 28px; }
  #rescue #intro .name, .wp-editor .rescue-tinymce #intro .name {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    text-align: right; }
    #rescue #intro .name span, .wp-editor .rescue-tinymce #intro .name span {
      font-size: 13px;
      letter-spacing: 0;
      margin-right: 5px; }
#rescue #feature, .wp-editor .rescue-tinymce #feature {
  background: linear-gradient(to right, #007A8B 0%, #007A8B 50%, #2593A7 50%, #2593A7 100%);
  margin-bottom: 110px;
  padding-bottom: 110px;
  position: relative; }
  #rescue #feature .inner, .wp-editor .rescue-tinymce #feature .inner {
    max-width: 1210px; }
  #rescue #feature h2, .wp-editor .rescue-tinymce #feature h2 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    text-align: center; }
    #rescue #feature h2 span, .wp-editor .rescue-tinymce #feature h2 span {
      background: linear-gradient(transparent 60%, #FBE0B0 60%, #FBE0B0 87%, transparent 87%);
      background-blend-mode: multiply; }
  #rescue #feature h2 + div, .wp-editor .rescue-tinymce #feature h2 + div {
    display: -webkit-flex;
    display: flex; }
  #rescue #feature .feature-box, .wp-editor .rescue-tinymce #feature .feature-box {
    width: 40.5%; }
    #rescue #feature .feature-box:first-child, .wp-editor .rescue-tinymce #feature .feature-box:first-child {
      margin-right: 9.5%; }
    #rescue #feature .feature-box + .feature-box, .wp-editor .rescue-tinymce #feature .feature-box + .feature-box {
      margin-left: 9.5%; }
  #rescue #feature .image, .wp-editor .rescue-tinymce #feature .image {
    margin: -20px auto 18px;
    max-width: 160px; }
  #rescue #feature h3, .wp-editor .rescue-tinymce #feature h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center; }
  #rescue #feature ul, .wp-editor .rescue-tinymce #feature ul {
    background: #FFF9C5;
    border-radius: 25px;
    padding: 25px 30px; }
    #rescue #feature ul li, .wp-editor .rescue-tinymce #feature ul li {
      font-weight: bold;
      letter-spacing: 0.1em;
      margin-bottom: 2px;
      padding-left: 10px;
      position: relative; }
      #rescue #feature ul li::before, .wp-editor .rescue-tinymce #feature ul li::before {
        background: #231815;
        border-radius: 50%;
        content: "";
        height: 7px;
        position: absolute;
        left: 0;
        top: 8px;
        width: 7px; }
  #rescue #feature .building-image, .wp-editor .rescue-tinymce #feature .building-image {
    margin: auto;
    max-width: 661px;
    position: absolute;
    bottom: -65px;
    left: 0;
    right: 0;
    width: 60%; }
#rescue #syaken, .wp-editor .rescue-tinymce #syaken {
  margin-bottom: 60px; }
  #rescue #syaken .inner, .wp-editor .rescue-tinymce #syaken .inner {
    max-width: 1050px; }
  #rescue #syaken .head-diagonal, .wp-editor .rescue-tinymce #syaken .head-diagonal {
    margin-bottom: 50px;
    padding: 15px 95px 13px; }
  #rescue #syaken li, .wp-editor .rescue-tinymce #syaken li {
    border-radius: 15px;
    color: #fff;
    margin-bottom: 20px;
    padding: 2% 5% 0 3%; }
    #rescue #syaken li:nth-child(odd), .wp-editor .rescue-tinymce #syaken li:nth-child(odd) {
      background: #2593A7; }
      #rescue #syaken li:nth-child(odd) h4 span, .wp-editor .rescue-tinymce #syaken li:nth-child(odd) h4 span {
        background: #2593A7; }
    #rescue #syaken li:nth-child(even), .wp-editor .rescue-tinymce #syaken li:nth-child(even) {
      background: #007A8B; }
      #rescue #syaken li:nth-child(even) h4 span, .wp-editor .rescue-tinymce #syaken li:nth-child(even) h4 span {
        background: #007A8B; }
  #rescue #syaken h4, .wp-editor .rescue-tinymce #syaken h4 {
    font-size: 13px;
    font-weight: normal;
    margin: 0 1% 10px;
    position: relative; }
    #rescue #syaken h4::before, .wp-editor .rescue-tinymce #syaken h4::before {
      border-top: 1px solid #fff;
      content: "";
      margin: auto;
      position: absolute;
      right: 0;
      top: 50%;
      width: 100%; }
    #rescue #syaken h4 span, .wp-editor .rescue-tinymce #syaken h4 span {
      padding-right: 5px;
      position: inherit; }
  #rescue #syaken .image, .wp-editor .rescue-tinymce #syaken .image {
    float: left;
    margin-right: 2%;
    width: 15%; }
  #rescue #syaken .desc, .wp-editor .rescue-tinymce #syaken .desc {
    float: left;
    margin-bottom: 30px;
    width: 83%; }
  #rescue #syaken h3, .wp-editor .rescue-tinymce #syaken h3 {
    color: #FFEF00;
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 10px; }
  #rescue #syaken p, .wp-editor .rescue-tinymce #syaken p {
    font-size: 16px;
    letter-spacing: 0; }
#rescue #daisya, .wp-editor .rescue-tinymce #daisya {
  margin-bottom: 80px;
  position: relative; }
  #rescue #daisya::before, .wp-editor .rescue-tinymce #daisya::before {
    background: #D3E2E2;
    content: "";
    height: 255px;
    margin: auto;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%; }
  #rescue #daisya .head-diagonal, .wp-editor .rescue-tinymce #daisya .head-diagonal {
    margin-bottom: 28px;
    padding: 15px 55px 13px; }
  #rescue #daisya p, .wp-editor .rescue-tinymce #daisya p {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.9;
    margin-bottom: 17px;
    text-align: center; }
  #rescue #daisya .tel, .wp-editor .rescue-tinymce #daisya .tel {
    margin: 0 auto 23px;
    max-width: 400px; }
#rescue #contact, .wp-editor .rescue-tinymce #contact {
  background: #D3E2E2;
  padding: 90px 0 60px;
  text-align: center; }
  #rescue #contact .inner, .wp-editor .rescue-tinymce #contact .inner {
    max-width: 600px; }
  #rescue #contact h2, .wp-editor .rescue-tinymce #contact h2 {
    background: #fff;
    border: 6px solid #E52C0F;
    color: #E52C0F;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 35px;
    padding: 8px 0 7px;
    text-align: center; }
  #rescue #contact table, .wp-editor .rescue-tinymce #contact table {
    border-collapse: collapse;
    margin: 0 auto 5px;
    max-width: 465px;
    width: 90%; }
    #rescue #contact table th, #rescue #contact table td, .wp-editor .rescue-tinymce #contact table th, .wp-editor .rescue-tinymce #contact table td {
      padding-bottom: 20px; }
    #rescue #contact table th, .wp-editor .rescue-tinymce #contact table th {
      font-size: 16px;
      font-weight: bold;
      padding-top: 7px;
      vertical-align: top;
      width: 140px; }
      #rescue #contact table th span, .wp-editor .rescue-tinymce #contact table th span {
        background: #E52C0F;
        color: #fff;
        display: inline-block;
        margin-right: 10px;
        padding: 5px 7px; }
    #rescue #contact table input[type="text"],
    #rescue #contact table input[type="email"],
    #rescue #contact table textarea, .wp-editor .rescue-tinymce #contact table input[type="text"],
    .wp-editor .rescue-tinymce #contact table input[type="email"],
    .wp-editor .rescue-tinymce #contact table textarea {
      background: #fff;
      border: none;
      padding: 4% 3%;
      width: 94%; }
  #rescue #contact p, .wp-editor .rescue-tinymce #contact p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 21px;
    text-align: center; }
  #rescue #contact input[type="submit"], .wp-editor .rescue-tinymce #contact input[type="submit"] {
    background: #E52C0F;
    border: none;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 123px; }
    #rescue #contact input[type="submit"]:hover, .wp-editor .rescue-tinymce #contact input[type="submit"]:hover {
      background: #990000;
      cursor: pointer; }
  #rescue #contact .submit-btn, .wp-editor .rescue-tinymce #contact .submit-btn {
    text-align: center; }
  #rescue #contact .error, .wp-editor .rescue-tinymce #contact .error {
    color: red; }
@media screen and (max-width: 900px) {
  #rescue .head-diagonal, .wp-editor .rescue-tinymce .head-diagonal {
    font-size: 18px; }
  #rescue .contact-btn li, .wp-editor .rescue-tinymce .contact-btn li {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    width: 100%; }
    #rescue .contact-btn li:nth-child(odd), .wp-editor .rescue-tinymce .contact-btn li:nth-child(odd) {
      margin-right: 0; }
  #rescue .contact-btn a, .wp-editor .rescue-tinymce .contact-btn a {
    border: 4px solid #E52C0F;
    border-radius: 20px;
    font-size: 18px;
    padding: 15px 0; }
  #rescue ul.contact-btn, .wp-editor .rescue-tinymce ul.contact-btn {
    margin: 0 auto 30px; }
  #rescue #campaign, .wp-editor .rescue-tinymce #campaign {
    padding: 15px 0 22px; }
    #rescue #campaign .title, .wp-editor .rescue-tinymce #campaign .title {
      margin-bottom: 10px;
      margin-right: 0;
      margin-top: 0;
      width: 100%; }
    #rescue #campaign .desc, .wp-editor .rescue-tinymce #campaign .desc {
      width: 100%; }
  #rescue #intro, .wp-editor .rescue-tinymce #intro {
    border-top: 6px solid #2593A7; }
    #rescue #intro .image, .wp-editor .rescue-tinymce #intro .image {
      height: 200px; }
    #rescue #intro .repair, .wp-editor .rescue-tinymce #intro .repair {
      max-width: 226px;
      left: 10px;
      top: 10px;
      width: 27%; }
    #rescue #intro .desc, .wp-editor .rescue-tinymce #intro .desc {
      margin: -45px auto 0;
      max-width: 535px;
      padding: 15px 4% 20px;
      width: 82%; }
    #rescue #intro h2, .wp-editor .rescue-tinymce #intro h2 {
      font-size: 22px;
      margin-bottom: 20px; }
    #rescue #intro h3, .wp-editor .rescue-tinymce #intro h3 {
      font-size: 16px;
      line-height: 1.8;
      margin-bottom: 15px; }
    #rescue #intro p:not(.name), .wp-editor .rescue-tinymce #intro p:not(.name) {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.4;
      margin-bottom: 20px; }
    #rescue #intro .name, .wp-editor .rescue-tinymce #intro .name {
      font-size: 13px; }
      #rescue #intro .name span, .wp-editor .rescue-tinymce #intro .name span {
        font-size: 12px; }
  #rescue #feature, .wp-editor .rescue-tinymce #feature {
    background: none;
    margin-bottom: 60px;
    padding-bottom: 0; }
    #rescue #feature .inner, .wp-editor .rescue-tinymce #feature .inner {
      width: 100%; }
    #rescue #feature h2, .wp-editor .rescue-tinymce #feature h2 {
      font-size: 22px;
      top: 15px; }
    #rescue #feature h2 + div, .wp-editor .rescue-tinymce #feature h2 + div {
      display: block; }
    #rescue #feature .feature-box, .wp-editor .rescue-tinymce #feature .feature-box {
      width: 100%; }
      #rescue #feature .feature-box:first-child, .wp-editor .rescue-tinymce #feature .feature-box:first-child {
        background: #007A8B;
        margin-right: 0;
        padding: 70px 0 20px; }
      #rescue #feature .feature-box + .feature-box, .wp-editor .rescue-tinymce #feature .feature-box + .feature-box {
        background: #2593A7;
        margin-left: 0;
        padding: 20px 0; }
    #rescue #feature .image, .wp-editor .rescue-tinymce #feature .image {
      margin: 0 auto 10px; }
    #rescue #feature h3, .wp-editor .rescue-tinymce #feature h3 {
      font-size: 18px;
      margin: 0 auto 15px;
      width: 90%; }
    #rescue #feature ul, .wp-editor .rescue-tinymce #feature ul {
      margin: 0 auto;
      padding: 5%;
      width: 80%; }
      #rescue #feature ul li::before, .wp-editor .rescue-tinymce #feature ul li::before {
        top: 6px; }
  #rescue #syaken, .wp-editor .rescue-tinymce #syaken {
    margin-bottom: 40px; }
    #rescue #syaken .head-diagonal, .wp-editor .rescue-tinymce #syaken .head-diagonal {
      margin-bottom: 30px;
      padding: 12px 40px; }
    #rescue #syaken li, .wp-editor .rescue-tinymce #syaken li {
      margin-bottom: 10px;
      padding: 5%; }
    #rescue #syaken .image, .wp-editor .rescue-tinymce #syaken .image {
      float: inherit;
      margin: 0 auto 10px;
      max-width: 290px;
      width: 50%; }
    #rescue #syaken .desc, .wp-editor .rescue-tinymce #syaken .desc {
      float: inherit;
      margin-bottom: 0;
      width: 100%; }
    #rescue #syaken h3, .wp-editor .rescue-tinymce #syaken h3 {
      font-size: 17px;
      margin-bottom: 5px; }
    #rescue #syaken p, .wp-editor .rescue-tinymce #syaken p {
      font-size: 14px; }
  #rescue #daisya, .wp-editor .rescue-tinymce #daisya {
    margin-bottom: 50px; }
    #rescue #daisya .head-diagonal, .wp-editor .rescue-tinymce #daisya .head-diagonal {
      margin-bottom: 20px; }
    #rescue #daisya p, .wp-editor .rescue-tinymce #daisya p {
      font-size: 16px;
      line-height: 1.5; }
    #rescue #daisya .tel, .wp-editor .rescue-tinymce #daisya .tel {
      margin: 0 auto 20px;
      max-width: 300px; }
  #rescue #contact, .wp-editor .rescue-tinymce #contact {
    padding: 45px 0; }
    #rescue #contact h2, .wp-editor .rescue-tinymce #contact h2 {
      border: 3px solid #E52C0F;
      font-size: 25px;
      margin-bottom: 30px;
      padding: 8px 0; }
    #rescue #contact table, .wp-editor .rescue-tinymce #contact table {
      width: 100%; }
      #rescue #contact table th, .wp-editor .rescue-tinymce #contact table th {
        font-size: 14px;
        padding-top: 3px;
        width: 130px; }
        #rescue #contact table th span, .wp-editor .rescue-tinymce #contact table th span {
          margin-right: 8px;
          padding: 4px 7px; }
    #rescue #contact p, .wp-editor .rescue-tinymce #contact p {
      font-size: 14px;
      margin-bottom: 10px; }
    #rescue #contact input[type="submit"], .wp-editor .rescue-tinymce #contact input[type="submit"] {
      font-size: 20px;
      padding: 13px 50px; }
  #rescue footer, .wp-editor .rescue-tinymce footer {
    padding: 15px 0; } }

/***********************************************************************
catch animation animation
**********************************************************************/
/**, *:before, *:after {
  box-sizing: border-box; 
}*/
.sep {
  border: 0;
  width: 3em;
  height: 1px;
  margin: 1em 0;
  background-color: rgba(255, 255, 255, 0.4); }

.mast {
  position: relative;
  align-items: center;
  width: 100%;
  height: 100vh;
  color: #fff; }
  .mast:after {
    z-index: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(17, 17, 17, 0.2); }
  .mast > div {
    z-index: 2;
    position: relative; }
  .mast__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: 50%; }
  .mast__header {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .mast__title {
    background: url(../images/top/top-logo.svg) no-repeat center center;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    text-align: center; }
  .mast__title span {
    animation: letter-glow 0.7s 0s ease both; }
    .mast__title span:nth-child(1) {
      animation-delay: 0.05s; }
    .mast__title span:nth-child(2) {
      animation-delay: 0.1s; }
    .mast__title span:nth-child(3) {
      animation-delay: 0.15s; }
    .mast__title span:nth-child(4) {
      animation-delay: 0.2s; }
    .mast__title span:nth-child(5) {
      animation-delay: 0.25s; }
    .mast__title span:nth-child(6) {
      animation-delay: 0.3s; }
    .mast__title span:nth-child(7) {
      animation-delay: 0.35s; }
    .mast__title span:nth-child(8) {
      animation-delay: 0.4s; }
    .mast__title span:nth-child(9) {
      animation-delay: 0.45s; }
    .mast__title span:nth-child(10) {
      animation-delay: 0.5s; }
    .mast__title span:nth-child(11) {
      animation-delay: 0.55s; }
    .mast__title span:nth-child(12) {
      animation-delay: 0.6s; }
    .mast__title span:nth-child(13) {
      animation-delay: 0.65s; }
    .mast__title span:nth-child(14) {
      animation-delay: 0.7s; }
    .mast__title span:nth-child(15) {
      animation-delay: 0.75s; }
    .mast__title span:nth-child(16) {
      animation-delay: 0.8s; }
    .mast__title span:nth-child(17) {
      animation-delay: 0.85s; }
    .mast__title span:nth-child(18) {
      animation-delay: 0.9s; }
    .mast__title span:nth-child(19) {
      animation-delay: 0.95s; }
    .mast__title span:nth-child(20) {
      animation-delay: 1s; }
    .mast__title span:nth-child(21) {
      animation-delay: 1.05s; }
    .mast__title span:nth-child(22) {
      animation-delay: 1.1s; }
    .mast__title span:nth-child(23) {
      animation-delay: 1.15s; }
    .mast__title span:nth-child(24) {
      animation-delay: 1.2s; }
    .mast__title span:nth-child(25) {
      animation-delay: 1.25s; }
  .mast__text {
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    font-size: 23px;
    margin: 0 0 2em;
    line-height: 2.5;
    white-space: pre-line;
    text-align: center; }
    @media (max-width: 680px) {
      .mast__text {
        font-size: 15px; } }
  .mast__text span {
    border-bottom: 3px solid #fff;
    animation: letter-glow 0.7s 0s ease both; }
    .mast__text span:nth-child(1) {
      animation-delay: 0.05s; }
    .mast__text span:nth-child(2) {
      animation-delay: 0.1s; }
    .mast__text span:nth-child(3) {
      animation-delay: 0.15s; }
    .mast__text span:nth-child(4) {
      animation-delay: 0.2s; }
    .mast__text span:nth-child(5) {
      animation-delay: 0.25s; }
    .mast__text span:nth-child(6) {
      animation-delay: 0.3s; }
    .mast__text span:nth-child(7) {
      animation-delay: 0.35s; }
    .mast__text span:nth-child(8) {
      animation-delay: 0.4s; }
    .mast__text span:nth-child(9) {
      animation-delay: 0.45s; }
    .mast__text span:nth-child(10) {
      animation-delay: 0.5s; }
    .mast__text span:nth-child(11) {
      animation-delay: 0.55s; }
    .mast__text span:nth-child(12) {
      animation-delay: 0.6s; }
    .mast__text span:nth-child(13) {
      animation-delay: 0.65s; }
    .mast__text span:nth-child(14) {
      animation-delay: 0.7s; }
    .mast__text span:nth-child(15) {
      animation-delay: 0.75s; }
    .mast__text span:nth-child(16) {
      animation-delay: 0.8s; }
    .mast__text span:nth-child(17) {
      animation-delay: 0.85s; }
    .mast__text span:nth-child(18) {
      animation-delay: 0.9s; }
    .mast__text span:nth-child(19) {
      animation-delay: 0.95s; }
    .mast__text span:nth-child(20) {
      animation-delay: 1s; }
    .mast__text span:nth-child(21) {
      animation-delay: 1.05s; }
    .mast__text span:nth-child(22) {
      animation-delay: 1.1s; }
    .mast__text span:nth-child(23) {
      animation-delay: 1.15s; }
    .mast__text span:nth-child(24) {
      animation-delay: 1.2s; }
    .mast__text span:nth-child(25) {
      animation-delay: 1.25s; }
    .mast__text span:nth-child(26) {
      animation-delay: 1.3s; }
    .mast__text span:nth-child(27) {
      animation-delay: 1.35s; }
    .mast__text span:nth-child(28) {
      animation-delay: 1.4s; }
    .mast__text span:nth-child(29) {
      animation-delay: 1.45s; }
    .mast__text span:nth-child(30) {
      animation-delay: 1.5s; }
    .mast__text span:nth-child(31) {
      animation-delay: 1.55s; }
    .mast__text span:nth-child(32) {
      animation-delay: 1.6s; }
    .mast__text span:nth-child(33) {
      animation-delay: 1.65s; }
    .mast__text span:nth-child(34) {
      animation-delay: 1.7s; }
    .mast__text span:nth-child(35) {
      animation-delay: 1.75s; }
    .mast__text span:nth-child(36) {
      animation-delay: 1.8s; }
    .mast__text span:nth-child(37) {
      animation-delay: 1.85s; }
    .mast__text span:nth-child(38) {
      animation-delay: 1.9s; }
    .mast__text span:nth-child(39) {
      animation-delay: 1.95s; }
    .mast__text span:nth-child(40) {
      animation-delay: 2s; }
    .mast__text span:nth-child(41) {
      animation-delay: 2.05s; }
    .mast__text span:nth-child(42) {
      animation-delay: 2.1s; }
    .mast__text span:nth-child(43) {
      animation-delay: 2.15s; }
    .mast__text span:nth-child(44) {
      animation-delay: 2.2s; }
    .mast__text span:nth-child(45) {
      animation-delay: 2.25s; }
    .mast__text span:nth-child(46) {
      animation-delay: 2.3s; }
    .mast__text span:nth-child(47) {
      animation-delay: 2.35s; }
    .mast__text span:nth-child(48) {
      animation-delay: 2.4s; }
    .mast__text span:nth-child(49) {
      animation-delay: 2.45s; }
    .mast__text span:nth-child(50) {
      animation-delay: 2.5s; }
    .mast__text span:nth-child(51) {
      animation-delay: 2.55s; }
    .mast__text span:nth-child(52) {
      animation-delay: 2.6s; }
    .mast__text span:nth-child(53) {
      animation-delay: 2.65s; }
    .mast__text span:nth-child(54) {
      animation-delay: 2.7s; }
    .mast__text span:nth-child(55) {
      animation-delay: 2.75s; }
    .mast__text span:nth-child(56) {
      animation-delay: 2.8s; }
    .mast__text span:nth-child(57) {
      animation-delay: 2.85s; }
    .mast__text span:nth-child(58) {
      animation-delay: 2.9s; }
    .mast__text span:nth-child(59) {
      animation-delay: 2.95s; }
    .mast__text span:nth-child(60) {
      animation-delay: 3s; }
    .mast__text span:nth-child(61) {
      animation-delay: 3.05s; }
    .mast__text span:nth-child(62) {
      animation-delay: 3.1s; }
    .mast__text span:nth-child(63) {
      animation-delay: 3.15s; }
    .mast__text span:nth-child(64) {
      animation-delay: 3.2s; }
    .mast__text span:nth-child(65) {
      animation-delay: 3.25s; }
    .mast__text span:nth-child(66) {
      animation-delay: 3.3s; }
    .mast__text span:nth-child(67) {
      animation-delay: 3.35s; }
    .mast__text span:nth-child(68) {
      animation-delay: 3.4s; }
    .mast__text span:nth-child(69) {
      animation-delay: 3.45s; }
    .mast__text span:nth-child(70) {
      animation-delay: 3.5s; }
    .mast__text span:nth-child(71) {
      animation-delay: 3.55s; }
    .mast__text span:nth-child(72) {
      animation-delay: 3.6s; }
    .mast__text span:nth-child(73) {
      animation-delay: 3.65s; }
    .mast__text span:nth-child(74) {
      animation-delay: 3.7s; }
    .mast__text span:nth-child(75) {
      animation-delay: 3.75s; }
    .mast__text span:nth-child(76) {
      animation-delay: 3.8s; }
    .mast__text span:nth-child(77) {
      animation-delay: 3.85s; }
    .mast__text span:nth-child(78) {
      animation-delay: 3.9s; }
    .mast__text span:nth-child(79) {
      animation-delay: 3.95s; }
    .mast__text span:nth-child(80) {
      animation-delay: 4s; }
    .mast__text span:nth-child(81) {
      animation-delay: 4.05s; }
    .mast__text span:nth-child(82) {
      animation-delay: 4.1s; }
    .mast__text span:nth-child(83) {
      animation-delay: 4.15s; }
    .mast__text span:nth-child(84) {
      animation-delay: 4.2s; }
    .mast__text span:nth-child(85) {
      animation-delay: 4.25s; }
    .mast__text span:nth-child(86) {
      animation-delay: 4.3s; }
    .mast__text span:nth-child(87) {
      animation-delay: 4.35s; }
    .mast__text span:nth-child(88) {
      animation-delay: 4.4s; }
    .mast__text span:nth-child(89) {
      animation-delay: 4.45s; }
    .mast__text span:nth-child(90) {
      animation-delay: 4.5s; }
    .mast__text span:nth-child(91) {
      animation-delay: 4.55s; }
    .mast__text span:nth-child(92) {
      animation-delay: 4.6s; }
    .mast__text span:nth-child(93) {
      animation-delay: 4.65s; }
    .mast__text span:nth-child(94) {
      animation-delay: 4.7s; }
    .mast__text span:nth-child(95) {
      animation-delay: 4.75s; }
    .mast__text span:nth-child(96) {
      animation-delay: 4.8s; }
    .mast__text span:nth-child(97) {
      animation-delay: 4.85s; }
    .mast__text span:nth-child(98) {
      animation-delay: 4.9s; }
    .mast__text span:nth-child(99) {
      animation-delay: 4.95s; }
    .mast__text span:nth-child(100) {
      animation-delay: 5s; }
    .mast__text span:nth-child(101) {
      animation-delay: 5.05s; }
    .mast__text span:nth-child(102) {
      animation-delay: 5.1s; }
    .mast__text span:nth-child(103) {
      animation-delay: 5.15s; }
    .mast__text span:nth-child(104) {
      animation-delay: 5.2s; }
    .mast__text span:nth-child(105) {
      animation-delay: 5.25s; }
    .mast__text span:nth-child(106) {
      animation-delay: 5.3s; }
    .mast__text span:nth-child(107) {
      animation-delay: 5.35s; }
    .mast__text span:nth-child(108) {
      animation-delay: 5.4s; }
    .mast__text span:nth-child(109) {
      animation-delay: 5.45s; }
    .mast__text span:nth-child(110) {
      animation-delay: 5.5s; }
    .mast__text span:nth-child(111) {
      animation-delay: 5.55s; }
    .mast__text span:nth-child(112) {
      animation-delay: 5.6s; }
    .mast__text span:nth-child(113) {
      animation-delay: 5.65s; }
    .mast__text span:nth-child(114) {
      animation-delay: 5.7s; }
    .mast__text span:nth-child(115) {
      animation-delay: 5.75s; }
    .mast__text span:nth-child(116) {
      animation-delay: 5.8s; }
    .mast__text span:nth-child(117) {
      animation-delay: 5.85s; }
    .mast__text span:nth-child(118) {
      animation-delay: 5.9s; }
    .mast__text span:nth-child(119) {
      animation-delay: 5.95s; }
    .mast__text span:nth-child(120) {
      animation-delay: 6s; }
    .mast__text span:nth-child(121) {
      animation-delay: 6.05s; }
    .mast__text span:nth-child(122) {
      animation-delay: 6.1s; }
    .mast__text span:nth-child(123) {
      animation-delay: 6.15s; }
    .mast__text span:nth-child(124) {
      animation-delay: 6.2s; }
    .mast__text span:nth-child(125) {
      animation-delay: 6.25s; }
    .mast__text span:nth-child(126) {
      animation-delay: 6.3s; }
    .mast__text span:nth-child(127) {
      animation-delay: 6.35s; }
    .mast__text span:nth-child(128) {
      animation-delay: 6.4s; }
    .mast__text span:nth-child(129) {
      animation-delay: 6.45s; }
    .mast__text span:nth-child(130) {
      animation-delay: 6.5s; }
    .mast__text span:nth-child(131) {
      animation-delay: 6.55s; }
    .mast__text span:nth-child(132) {
      animation-delay: 6.6s; }
    .mast__text span:nth-child(133) {
      animation-delay: 6.65s; }
    .mast__text span:nth-child(134) {
      animation-delay: 6.7s; }
    .mast__text span:nth-child(135) {
      animation-delay: 6.75s; }
    .mast__text span:nth-child(136) {
      animation-delay: 6.8s; }
    .mast__text span:nth-child(137) {
      animation-delay: 6.85s; }
    .mast__text span:nth-child(138) {
      animation-delay: 6.9s; }
    .mast__text span:nth-child(139) {
      animation-delay: 6.95s; }
    .mast__text span:nth-child(140) {
      animation-delay: 7s; }
    .mast__text span:nth-child(141) {
      animation-delay: 7.05s; }
    .mast__text span:nth-child(142) {
      animation-delay: 7.1s; }
    .mast__text span:nth-child(143) {
      animation-delay: 7.15s; }
    .mast__text span:nth-child(144) {
      animation-delay: 7.2s; }
    .mast__text span:nth-child(145) {
      animation-delay: 7.25s; }
    .mast__text span:nth-child(146) {
      animation-delay: 7.3s; }
    .mast__text span:nth-child(147) {
      animation-delay: 7.35s; }
    .mast__text span:nth-child(148) {
      animation-delay: 7.4s; }
    .mast__text span:nth-child(149) {
      animation-delay: 7.45s; }
    .mast__text span:nth-child(150) {
      animation-delay: 7.5s; }
    .mast__text span:nth-child(151) {
      animation-delay: 7.55s; }
    .mast__text span:nth-child(152) {
      animation-delay: 7.6s; }
    .mast__text span:nth-child(153) {
      animation-delay: 7.65s; }
    .mast__text span:nth-child(154) {
      animation-delay: 7.7s; }
    .mast__text span:nth-child(155) {
      animation-delay: 7.75s; }
    .mast__text span:nth-child(156) {
      animation-delay: 7.8s; }
    .mast__text span:nth-child(157) {
      animation-delay: 7.85s; }
    .mast__text span:nth-child(158) {
      animation-delay: 7.9s; }
    .mast__text span:nth-child(159) {
      animation-delay: 7.95s; }
    .mast__text span:nth-child(160) {
      animation-delay: 8s; }
    .mast__text span:nth-child(161) {
      animation-delay: 8.05s; }
    .mast__text span:nth-child(162) {
      animation-delay: 8.1s; }
    .mast__text span:nth-child(163) {
      animation-delay: 8.15s; }
    .mast__text span:nth-child(164) {
      animation-delay: 8.2s; }
    .mast__text span:nth-child(165) {
      animation-delay: 8.25s; }
    .mast__text span:nth-child(166) {
      animation-delay: 8.3s; }
    .mast__text span:nth-child(167) {
      animation-delay: 8.35s; }
    .mast__text span:nth-child(168) {
      animation-delay: 8.4s; }
    .mast__text span:nth-child(169) {
      animation-delay: 8.45s; }
    .mast__text span:nth-child(170) {
      animation-delay: 8.5s; }
    .mast__text span:nth-child(171) {
      animation-delay: 8.55s; }
    .mast__text span:nth-child(172) {
      animation-delay: 8.6s; }
    .mast__text span:nth-child(173) {
      animation-delay: 8.65s; }
    .mast__text span:nth-child(174) {
      animation-delay: 8.7s; }
    .mast__text span:nth-child(175) {
      animation-delay: 8.75s; }
    .mast__text span:nth-child(176) {
      animation-delay: 8.8s; }
    .mast__text span:nth-child(177) {
      animation-delay: 8.85s; }
    .mast__text span:nth-child(178) {
      animation-delay: 8.9s; }
    .mast__text span:nth-child(179) {
      animation-delay: 8.95s; }
    .mast__text span:nth-child(180) {
      animation-delay: 9s; }

@keyframes letter-glow {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1); }
  66% {
    opacity: 1;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9); }
  77% {
    opacity: 1; }
  100% {
    opacity: 0.7;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0); } }
@media all and (-ms-high-contrast: none) {
  #forte .curtain-inner img {
    max-width: 60%; }

  #forte .desc {
    background: #fff;
    padding: 0 4%;
    position: relative; }

  .motto .tate-text {
    width: 90%; }
    .motto .tate-text .head {
      font-size: 24px; }
    .motto .tate-text .en {
      margin-left: 0;
      text-indent: 0; }
    .motto .tate-text .desc {
      padding-top: 24px; }

  .skill .head::before {
    left: 50%; }

  .tate-text {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb; } }
@supports (-ms-ime-align: auto) {
  header .contact-btn select {
    padding: 24px 42px; }

  .motto .tate-text {
    width: 90%; }
    .motto .tate-text .head {
      font-size: 24px; }
    .motto .tate-text .en {
      margin-left: 0;
      text-indent: 0; }
    .motto .tate-text .desc {
      padding-top: 24px; }

  .skill .head::before {
    left: 50%; }

  .tate-text {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb; } }