@charset "UTF-8";
/*
 Theme Name:   Godios. Child Theme
 Theme URI:    https://godios.simmon.design/
 Description:  Godios Child Theme
 Author:       Simmon
 Author URI:   https://simmon.design/
 Template:     godios
 Version:      1.0.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Grid-Layout, Two-Columns, Left-Sidebar, Right-Sidebar, Accessibility-Ready, Custom-Background, Custom-Colors,Custom-Header, Custom-Menu, Editor-Style, Featured-Image-Header, Featured-Images, Sticky-Post, Theme-Options, Threaded-Comments, Blog
 Text Domain:  godios-child
*/
/* これより下に子テーマ用CSSをお書き下さい。 */
html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

legend {
  color: #000;
}

#yui3-css-stamp.cssreset {
  display: none;
}

.promise > .titleArea,
.promise > .list, .btmLinkWrap, .otherOffice, .frontMenu .lead, .pageContent {
  max-width: 1100px;
  width: 92%;
  margin: 0 auto;
}

.businessLink.wid, .btmBn .inner, .entry-top-page .pageHeader, #topbar, .cardList.wid {
  max-width: 1400px;
  width: 92%;
  margin: 0 auto;
}

.businessLink a .content .eng, .works li .imgs .img:after, #not-found > a, .benefits li .titleArea .num span, .circleTitle .circleNum .num, .messageImg .content .eng, .promise .list li:before, .promise .titleArea .en, body #booking-package_calendarPage .dayPanel .dayPostion, body #booking-package_calendarPage .calendarChangeButton label, body #booking-package_calendarPage .calendarData, .busBox .item .content .eng, .historyItem dt, .pageContent.staff .prof .content .eng, .staffList li .content .eng, .officeItem .content .time.full, .btmBn .item .content .eng, .hero .topNews article time, .hero .topNews > .title, .hero .content .lg, .entry-top-page .pageHeader .eng, #copyright,
#copyright > a,
#copyright > p > a, .richBtn .en, .cardList .item .menu a .en, .cardList .item .titleArea .en, .simpleTitle.eng, body #booking-package_inputFormPanel #paymentPanel .eng.btmBtn,
body #booking-package_myBookingDetails #paymentPanel .eng.btmBtn,
body #booking-package_serviceDetails #paymentPanel .eng.btmBtn,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .eng.btmBtn, body #booking-package_schedulePage button.eng#returnToCalendarButton, .eng.richBtn, .eng.btn {
  font-family: "Josefin Sans", sans-serif;
  font-style: italic;
  line-height: 1;
  padding-top: 0.1em;
}

.phiLead {
  font-family: vdl-logog, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.inspectionTable td:not(.jp), .historyTable th {
  font-family: "Futura", Century Gothic;
  font-weight: bold;
}

@font-face {
  font-family: "yakuhan";
  src: url("font/YakuHanJP-Light.woff") format("woff");
}
.inspectionTable .desc {
  font-family: yakuhan, Noto Sans JP, 游ゴシック Medium, YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

body {
  font-size: 16px;
  font-family: yakuhan, Noto Sans JP, 游ゴシック Medium, YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  width: 100%;
  color: #444;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  body {
    font-size: 12px;
  }
}

button {
  font-family: yakuhan, Noto Sans JP, 游ゴシック Medium, YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.15em;
}

p {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  p {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  p {
    font-size: 12px;
  }
}
p.mb {
  margin-bottom: 1em;
}
p a {
  color: #0069B2;
}
p a:hover {
  color: #0069B2;
  opacity: 0.7;
}

strong {
  font-weight: bold;
}

img {
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: currentColor;
}

a, button {
  cursor: pointer;
}

p {
  margin: 0;
  line-height: 2;
}
p.center {
  text-align: center;
}
p.mb {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  p.mb {
    margin-bottom: 20px;
  }
}

strong {
  font-weight: bold;
}

li {
  list-style-type: none;
}

ul {
  padding: 0;
  margin: 0;
}

table {
  table-layout: fixed;
}

#wrapper {
  overflow: hidden;
}

.wrapper {
  overflow: hidden;
  opacity: 0;
  transition: all 0.6s;
}
.wrapper.active {
  opacity: 1;
}

.br1200 {
  display: none;
}
@media screen and (max-width: 1200px) {
  .br1200 {
    display: block;
  }
}

.br1000 {
  display: none;
}
@media screen and (max-width: 1000px) {
  .br1000 {
    display: block;
  }
}

.br768 {
  display: none;
}
@media screen and (max-width: 768px) {
  .br768 {
    display: block;
  }
}

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

.br480 {
  display: none;
}
@media screen and (max-width: 480px) {
  .br480 {
    display: block;
  }
}

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

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes header {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.messageImg .impact, .pageContent.staff .interview .impact p {
  font-family: "Hiragino Mincho ProN", Georgia, 游明朝, "Yu Mincho", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;
}

.bookingOfficeList .item .img img, .businessLink a .img img, .works li .imgs .img img, .gasLead .img img, .busBox .item img, .pageContent.staff .interview .content .img img, .staffList li img, .otherOffice ul li .img img, .officeGallery figure img, .officeItem .img img, .btmBn .item .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@keyframes overlay {
  0% {
    left: 0;
    right: auto;
    width: 0;
  }
  20% {
    left: 0;
    right: auto;
    width: 100%;
  }
  21% {
    left: auto;
    right: 0;
    width: 100%;
  }
  80% {
    left: auto;
    right: 0;
    width: 100%;
  }
  100% {
    left: auto;
    right: 0;
    width: 0;
  }
}
.toggleBtn {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 30px;
  z-index: 300;
}
@media screen and (max-width: 1200px) {
  .toggleBtn {
    display: flex;
  }
}
.toggleBtn span {
  height: 4px;
  border-radius: 100px;
  background: #0069B2;
  width: 100%;
  transition: all 0.3s cubic-bezier(0.19, 0.72, 0.26, 0.79);
  position: relative !important;
  right: auto !important;
  top: auto !important;
}
.toggleBtn span:nth-of-type(1) {
  transform: translateY(-7px);
}
.toggleBtn span:nth-of-type(3) {
  transform: translateY(7px);
}
.toggleBtn.active span {
  height: 4px;
  border-radius: 100px;
  background: white;
  width: 100%;
}
.toggleBtn.active span:nth-of-type(1) {
  transform: translateY(100%) rotate(45deg);
}
.toggleBtn.active span:nth-of-type(2) {
  transform: rotate(-405deg);
}
.toggleBtn.active span:nth-of-type(3) {
  transform: translateY(-100%) rotate(-45deg);
}

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background: #fff;
  border-left: solid 2px #ececec;
}

::-webkit-scrollbar-thumb {
  background: #0069B2;
  border-radius: 15px;
  box-shadow: inset 0 0 0 4px #fff;
}

body #booking-package_inputFormPanel #paymentPanel .btmBtn,
body #booking-package_myBookingDetails #paymentPanel .btmBtn,
body #booking-package_serviceDetails #paymentPanel .btmBtn,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn, body #booking-package_schedulePage button#returnToCalendarButton, .richBtn, .btn {
  background: #0069B2;
  color: #fff;
  text-align: center;
  background-size: cover;
  position: relative;
  transition: all 0.3s;
  line-height: 50px !important;
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel #paymentPanel .btmBtn,
  body #booking-package_myBookingDetails #paymentPanel .btmBtn,
  body #booking-package_serviceDetails #paymentPanel .btmBtn,
  body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn, body #booking-package_schedulePage button#returnToCalendarButton, .richBtn, .btn {
    line-height: 40px !important;
  }
}
body #booking-package_inputFormPanel #paymentPanel .center.btmBtn,
body #booking-package_myBookingDetails #paymentPanel .center.btmBtn,
body #booking-package_serviceDetails #paymentPanel .center.btmBtn,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .center.btmBtn, body #booking-package_schedulePage button.center#returnToCalendarButton, .center.richBtn, .center.btn {
  display: block;
  margin: 0 auto;
  max-width: 370px;
  width: 80%;
}
body #booking-package_inputFormPanel #paymentPanel .eng.btmBtn,
body #booking-package_myBookingDetails #paymentPanel .eng.btmBtn,
body #booking-package_serviceDetails #paymentPanel .eng.btmBtn,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .eng.btmBtn, body #booking-package_schedulePage button.eng#returnToCalendarButton, .eng.richBtn, .eng.btn {
  font-size: 1.5em;
}
body #booking-package_inputFormPanel #paymentPanel .mb.btmBtn,
body #booking-package_myBookingDetails #paymentPanel .mb.btmBtn,
body #booking-package_serviceDetails #paymentPanel .mb.btmBtn,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .mb.btmBtn, body #booking-package_schedulePage button.mb#returnToCalendarButton, .mb.richBtn, .mb.btn {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel #paymentPanel .mb.btmBtn,
  body #booking-package_myBookingDetails #paymentPanel .mb.btmBtn,
  body #booking-package_serviceDetails #paymentPanel .mb.btmBtn,
  body #booking-package_myBookingDetailsFroVisitor #paymentPanel .mb.btmBtn, body #booking-package_schedulePage button.mb#returnToCalendarButton, .mb.richBtn, .mb.btn {
    margin-bottom: 40px;
  }
}
body #booking-package_inputFormPanel #paymentPanel .mt.btmBtn,
body #booking-package_myBookingDetails #paymentPanel .mt.btmBtn,
body #booking-package_serviceDetails #paymentPanel .mt.btmBtn,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .mt.btmBtn, body #booking-package_schedulePage button.mt#returnToCalendarButton, .mt.richBtn, .mt.btn {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel #paymentPanel .mt.btmBtn,
  body #booking-package_myBookingDetails #paymentPanel .mt.btmBtn,
  body #booking-package_serviceDetails #paymentPanel .mt.btmBtn,
  body #booking-package_myBookingDetailsFroVisitor #paymentPanel .mt.btmBtn, body #booking-package_schedulePage button.mt#returnToCalendarButton, .mt.richBtn, .mt.btn {
    margin-top: 20px;
  }
}
body #booking-package_inputFormPanel #paymentPanel .btn2.btmBtn,
body #booking-package_myBookingDetails #paymentPanel .btn2.btmBtn,
body #booking-package_serviceDetails #paymentPanel .btn2.btmBtn,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btn2.btmBtn, body #booking-package_schedulePage button.btn2#returnToCalendarButton, .btn2.richBtn, .btn2.btn {
  margin-bottom: 20px;
  background: rgb(0, 134.6666666667, 178);
}
body #booking-package_inputFormPanel #paymentPanel .btn2.btmBtn:before,
body #booking-package_myBookingDetails #paymentPanel .btn2.btmBtn:before,
body #booking-package_serviceDetails #paymentPanel .btn2.btmBtn:before,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btn2.btmBtn:before, body #booking-package_schedulePage button.btn2#returnToCalendarButton:before, .btn2.richBtn:before, .btn2.btn:before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.1%27%20viewBox%3D%270%200%20249%2053%27%3E%3Cpath%20d%3D%27M0%2C51.5H247.5V0H249V53H0Z%27%20fill%3D%27%230087b2%27%20%2F%3E%3C%2Fsvg%3E") no-repeat right bottom;
  background-size: cover;
}
body #booking-package_inputFormPanel #paymentPanel .bookingBef.btmBtn,
body #booking-package_myBookingDetails #paymentPanel .bookingBef.btmBtn,
body #booking-package_serviceDetails #paymentPanel .bookingBef.btmBtn,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .bookingBef.btmBtn, body #booking-package_schedulePage button.bookingBef#returnToCalendarButton, .bookingBef.richBtn, .bookingBef.btn {
  margin-bottom: 40px;
}
body #booking-package_inputFormPanel #paymentPanel .btmBtn:before,
body #booking-package_myBookingDetails #paymentPanel .btmBtn:before,
body #booking-package_serviceDetails #paymentPanel .btmBtn:before,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn:before, body #booking-package_schedulePage button#returnToCalendarButton:before, .richBtn:before, .btn:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate(6px, 6px);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.1%27%20viewBox%3D%270%200%20249%2053%27%3E%3Cpath%20d%3D%27M0%2C51.5H247.5V0H249V53H0Z%27%20fill%3D%27%230069b2%27%20%2F%3E%3C%2Fsvg%3E") no-repeat right bottom;
  background-size: cover;
  transition: all 0.3s;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
  body #booking-package_inputFormPanel #paymentPanel .btmBtn:before,
  body #booking-package_myBookingDetails #paymentPanel .btmBtn:before,
  body #booking-package_serviceDetails #paymentPanel .btmBtn:before,
  body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn:before, body #booking-package_schedulePage button#returnToCalendarButton:before, .richBtn:before, .btn:before {
    transform: translate(8px, 6px);
  }
}
body #booking-package_inputFormPanel #paymentPanel .btmBtn:after,
body #booking-package_myBookingDetails #paymentPanel .btmBtn:after,
body #booking-package_serviceDetails #paymentPanel .btmBtn:after,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn:after, body #booking-package_schedulePage button#returnToCalendarButton:after, .richBtn:after, .btn:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10.4 16.243"><path d="M94.363,0,92.084,2.279l5.843,5.843-5.843,5.843,2.279,2.279,8.122-8.122Z" transform="translate(-92.084)" fill="%23FFF" /></svg>') no-repeat center center;
  background-size: cover;
  transition: all 0.3s;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  body #booking-package_inputFormPanel #paymentPanel .btmBtn:hover,
  body #booking-package_myBookingDetails #paymentPanel .btmBtn:hover,
  body #booking-package_serviceDetails #paymentPanel .btmBtn:hover,
  body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn:hover, body #booking-package_schedulePage button#returnToCalendarButton:hover, .richBtn:hover, .btn:hover {
    color: #fff;
    background: rgb(0, 120.0421348315, 203.5);
  }
  body #booking-package_inputFormPanel #paymentPanel .btmBtn:hover:before,
  body #booking-package_myBookingDetails #paymentPanel .btmBtn:hover:before,
  body #booking-package_serviceDetails #paymentPanel .btmBtn:hover:before,
  body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn:hover:before, body #booking-package_schedulePage button#returnToCalendarButton:hover:before, .richBtn:hover:before, .btn:hover:before {
    transform: translate(9px, 9px);
  }
  body #booking-package_inputFormPanel #paymentPanel .btmBtn:hover:after,
  body #booking-package_myBookingDetails #paymentPanel .btmBtn:hover:after,
  body #booking-package_serviceDetails #paymentPanel .btmBtn:hover:after,
  body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn:hover:after, body #booking-package_schedulePage button#returnToCalendarButton:hover:after, .richBtn:hover:after, .btn:hover:after {
    transform: translate(50%, -50%);
  }
}

.simpleTitle {
  text-align: center;
  font-size: 50px;
  color: #0069B2;
}
@media screen and (max-width: 768px) {
  .simpleTitle {
    font-size: 9vw;
  }
}
.pageContent.edit h2, .leftLineTitle {
  padding-left: 1em;
  position: relative;
  color: #0069B2;
  margin-bottom: 1em;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .pageContent.edit h2, .leftLineTitle {
    font-size: 16px;
    padding-left: 0.7em;
  }
}
.pageContent.edit h2:before, .leftLineTitle:before {
  content: "";
  position: absolute;
  left: 0;
  width: 6px;
  height: 2em;
  background: #0069B2;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .pageContent.edit h2:before, .leftLineTitle:before {
    width: 4px;
  }
}
.pageContent.edit h2.mt, .mt.leftLineTitle {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .pageContent.edit h2.mt, .mt.leftLineTitle {
    margin-top: 40px;
  }
}

.cardList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .cardList.low .item:hover .img {
    filter: saturate(200%);
  }
  .cardList.low .item:hover .img img {
    transform: scale(1.05);
  }
}
.cardList .item {
  width: calc(50% - 15px);
  margin-bottom: 30px;
  position: relative;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .cardList .item {
    width: calc(50% - 6px);
    margin-bottom: 12px;
  }
}
.cardList .item .img {
  position: relative;
  transition: all 0.3s;
}
.cardList .item .img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 0;
  transition: all 0.6s;
}
.cardList .item .img:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
@media screen and (max-width: 768px) {
  .cardList .item .img:before {
    padding-top: 100%;
  }
}
.cardList .item .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 1.2s cubic-bezier(0.28, 0.76, 0.37, 0.99);
}
.cardList .item .titleArea {
  position: absolute;
  right: -1px;
  top: 100%;
  transform: translateY(-130%);
  background: #fff;
  width: 90%;
  max-width: 480px;
  display: flex;
  align-items: center;
  transition: all 0.8s cubic-bezier(0.28, 0.76, 0.37, 0.99);
  height: 50px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .cardList .item .titleArea {
    height: 45px;
    right: 0;
    background: #0069B2;
  }
}
@media screen and (min-width: 769px) {
  .cardList .item .titleArea:hover {
    opacity: 0.85;
  }
}
.cardList .item .titleArea .title, .cardList .item .titleArea .en {
  line-height: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .cardList .item .titleArea .title, .cardList .item .titleArea .en {
    height: 40px;
    line-height: 40px;
  }
}
.cardList .item .titleArea .title {
  width: 60%;
  color: #0069B2;
}
@media screen and (max-width: 768px) {
  .cardList .item .titleArea .title {
    width: 100%;
    text-align: right;
    font-size: 12px;
    padding-top: 6px;
    padding-right: 6px;
    color: #fff;
  }
}
.cardList .item .titleArea .en {
  font-size: 24px;
  letter-spacing: 0.1em;
  box-sizing: border-box;
  width: 40%;
  box-sizing: border-box;
  padding-left: 1em;
  background: #0069B2;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .cardList .item .titleArea .en {
    width: 100%;
    text-align: right;
    font-size: 10px;
    background: none !important;
    position: absolute;
    top: 8px;
    right: 4px;
    color: #fff;
    line-height: 1;
  }
}
.cardList .item .menu {
  position: absolute;
  right: 0;
  top: 100%;
  width: 90%;
  max-width: 480px;
  color: #fff;
  z-index: 1;
  transition: all 1s cubic-bezier(0.28, 0.76, 0.37, 0.99);
}
.cardList .item .menu li:last-child a {
  border-bottom: none;
}
.cardList .item .menu a {
  font-size: 0.9em;
  padding: 0.5em 2em;
  display: flex;
  transition: all 0.3s;
}
@media screen and (min-width: 769px) {
  .cardList .item .menu a:hover {
    color: #fff;
    text-shadow: rgba(0, 105, 178, 0.2) 2px 0px 12px, rgba(0, 105, 178, 0.2) -2px 0px 12px, rgba(0, 105, 178, 0.2) 0px -2px 12px, rgba(0, 105, 178, 0.2) 0px 2px 12px, rgba(0, 105, 178, 0.2) 2px 2px 12px, rgba(0, 105, 178, 0.2) -2px 2px 12px, rgba(0, 105, 178, 0.2) 2px -2px 12px, rgba(0, 105, 178, 0.2) -2px -2px 12px, rgba(0, 105, 178, 0.2) 1px 2px 12px, rgba(0, 105, 178, 0.2) -1px 2px 12px, rgba(0, 105, 178, 0.2) 1px -2px 12px, rgba(0, 105, 178, 0.2) -1px -2px 12px, rgba(0, 105, 178, 0.2) 2px 1px 12px, rgba(0, 105, 178, 0.2) -2px 1px 12px, rgba(0, 105, 178, 0.2) 2px -1px 12px, rgba(0, 105, 178, 0.2) -2px -1px 12px;
  }
}
.cardList .item .menu a .ja {
  width: 60%;
  text-align: right;
  box-sizing: border-box;
  padding-right: 5%;
}
.cardList .item .menu a .en {
  width: 40%;
  font-size: 1.2em;
  padding-top: 0.3em;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .cardList .item.parent:hover .img:after {
    opacity: 1;
  }
  .cardList .item.parent:hover .titleArea {
    top: 30%;
  }
  .cardList .item.parent:hover .menu {
    top: 30%;
  }
}

.frontMenu .lead {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .frontMenu .lead {
    margin-bottom: 20px;
  }
}

.otherOffice.row2 ul li h3, .hero .topNews > .title {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%20version%3D%271.1%27%20viewBox%3D%270%200%20164%2070%27%3E%3Cpath%20d%3D%27M0%2C0H146.854l17.159%2C70H0Z%27%20fill%3D%27%230069b2%27%20%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: cover;
}

.otherOffice ul li h3 {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.1" viewBox="0 0 164 70"><path d="M0,0H146.854l17.159,70H0Z" fill="%23fff" /></svg>') no-repeat center center;
  background-size: cover;
}

.globalNavi > ul > li > a.bookingLink, .cardList .item .titleArea .en {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%20version%3D%271.1%27%20viewBox%3D%270%200%20144.23%2050.62%27%3E%3Cpath%20d%3D%27M144.23%2C0H16.742L0%2C50.62H144.23Z%27%20fill%3D%27%230069b2%27%20%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: cover;
}

.pageContent.edit h2.centerTitle, .centerTitle {
  text-align: center;
  color: #0069B2;
  margin-bottom: 50px;
  font-size: 24px;
  position: relative;
}
.pageContent.edit h2.centerTitle:before, .centerTitle:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: 0 auto;
  margin-top: 20px;
  height: 2px;
  background: #0069B2;
  width: 70px;
}

.pageContent.edit h2 {
  margin-bottom: 40px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pageContent.edit h2 {
    margin-bottom: 20px;
  }
}
.pageContent.edit ul {
  margin-bottom: 2em;
  padding-left: 1em;
}
.pageContent.edit ul li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 0.5em;
}
.pageContent.edit ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #0069B2;
  border-radius: 100px;
}
.pageContent.edit figure {
  margin: 40px 0;
}
@media screen and (max-width: 768px) {
  .pageContent.edit figure {
    margin: 20px 0;
  }
}
.pageContent.edit .mb {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .pageContent.edit .mb {
    margin-bottom: 40px;
  }
}

.richBtn {
  max-width: 420px;
  display: block;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 40px auto;
}
.richBtn span {
  display: block;
  line-height: 1.2;
}
.richBtn .en {
  font-size: 24px;
}
.richBtn .ja {
  font-size: 12px;
}

.tac {
  text-align: center;
}

.lineTitle {
  color: #0069B2;
  font-size: 32px;
  padding-bottom: 0.2em;
  border-bottom: solid 4px #0069B2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .lineTitle {
    font-size: 18px;
    margin-bottom: 20px;
    border-width: 2px;
  }
}

.cardTitle {
  text-align: center;
  font-size: 22px;
  color: #0069B2;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .cardTitle {
    font-size: 18px;
  }
}

.show {
  transition: all 1.2s cubic-bezier(0.28, 0.76, 0.37, 0.99);
  opacity: 0;
  transform: translateY(50%);
}
.active.show {
  transform: translateY(0);
  opacity: 1;
}

#entry.page-car-inspection,
#entry.page-sheet-metal,
#entry.page-site-map,
#entry.page-insurance {
  background: #f5f5f5;
}

body.page-id-734 #entry,
body.page-id-735 #entry,
body.page-id-736 #entry,
body.page-id-737 #entry,
body.page-id-738 #entry,
body.page-id-739 #entry,
body.page-id-740 #entry,
body.page-id-247 #entry,
body.page-id-924 #entry,
body.page-id-925 #entry {
  background: #f5f5f5;
}

#contents > ol > li:nth-of-type(odd)::before,
#contents > ol > li:nth-of-type(odd) > ul::before,
.entry-category,
#entry-content ul > li:nth-of-type(even) li::before,
#entry-content ul > li:nth-of-type(even)::before,
#side li:nth-of-type(even) li::before,
#side li:nth-of-type(even)::before,
#entry-content h3::before {
  background: #0069B2 !important;
}

#entry-content ul > li:nth-of-type(odd) li::before,
#entry-content ul > li:nth-of-type(odd)::before,
#side li:nth-of-type(odd) li::before,
#side li:nth-of-type(odd)::before {
  background: #0069B2 !important;
}

#entry {
  padding: 0;
  padding-bottom: 10px;
}
#entry .entry-category {
  padding: 4px 8px;
  font-weight: 100;
  line-height: 1;
}
#entry #entry-content {
  counter-reset: number;
}
#entry #entry-content h2 {
  border-bottom: solid 1px;
  padding-left: 0;
  display: flex;
  align-items: center;
}
#entry #entry-content h2:before {
  position: relative;
  counter-increment: number;
  content: counter(number);
  background: none;
  border-radius: 0;
  width: auto;
  font-family: Futura, "Century Gothic";
  font-size: 2em;
  margin-right: 0.5em;
  font-weight: 100;
  display: block;
  letter-spacing: -0.1em;
}
#entry #entry-content strong {
  position: relative;
  z-index: 1;
  background: linear-gradient(transparent 0%, transparent 59%, #fff933 60%, #fff933 100%);
}

.l-wrap {
  margin-left: 20px;
}
@media screen and (max-width: 1000px) {
  .l-wrap {
    margin-left: 0;
  }
}

#fixed-side-content > div,
#side > div:not(#fixed-side-content) {
  margin-bottom: 20px;
}

.archive-head,
.search-head {
  margin-bottom: 20px;
}

.entry-list {
  margin-top: 20px;
  padding: 0;
  height: auto;
}
.entry-list > a:hover .entry-image img {
  transform: scale(1.03);
}
.entry-list .entry-image {
  float: none;
  width: 100%;
  position: relative;
}
.entry-list .entry-image:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.entry-list .entry-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.entry-list .entry-inner {
  position: relative;
  left: auto;
  width: 100%;
  transform: translateY(0);
  padding: 20px;
}
.entry-list .entry-footer {
  display: flex;
  align-items: center;
}
.entry-list .entry-footer .entry-date {
  margin-right: 1em;
}

#wrapper {
  margin-top: 0;
}

#header {
  position: absolute;
  position: fixed;
  top: 20px;
  width: 100%;
  z-index: 200;
  height: 70px;
  transition: all 0.6s cubic-bezier(0.19, 0.72, 0.26, 0.79);
}
@media screen and (max-width: 768px) {
  #header {
    height: 50px;
  }
}
.home #header {
  opacity: 0;
  transform: translateY(-200px);
}
#header.active {
  opacity: 1;
  transform: translateY(0);
  transform: none;
}
#header.fix {
  position: fixed;
}
#header.fix #topbar {
  animation: header 0.4s;
}

#topbar {
  background: #fff;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  height: 100%;
}

.globalNavi {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1200px) {
  .globalNavi {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 420px;
    background: rgba(0, 105, 178, 0.9);
    margin-right: 0;
    visibility: hidden;
    transform: translateX(100%);
    opacity: 0;
    transition: all 0.3s;
    display: flex;
    align-items: center;
  }
  .globalNavi.active {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
  }
}
.globalNavi > ul {
  display: flex;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px;
    height: auto;
    margin-top: 50px;
  }
}
.globalNavi > ul > li {
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.3s;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li {
    display: block;
    padding: 0.75em;
    background: #fff;
    margin-bottom: 15px;
    width: 100%;
  }
}
.globalNavi > ul > li.strong {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li.strong {
    width: 31.5%;
    position: relative;
    padding-bottom: 20px;
  }
  .globalNavi > ul > li.strong:before {
    content: "";
    display: block;
    margin: 0 auto 10px;
    width: 60%;
    height: 40px;
  }
  .globalNavi > ul > li.strong:nth-last-child(1):before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%271.1%27%20id%3D%27_x32_%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%20512%20512%27%20style%3D%27width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%27%20xml%3Aspace%3D%27preserve%27%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20class%3D%27st0%27%20d%3D%27M378.418%2C0H208.296h-13.174l-9.319%2C9.301L57.001%2C138.102l-9.301%2C9.309v13.175V426.1%0D%0A%09%09c0%2C47.357%2C38.534%2C85.9%2C85.9%2C85.9h244.819c47.348%2C0%2C85.882-38.542%2C85.882-85.9V85.882C464.3%2C38.524%2C425.767%2C0%2C378.418%2C0z%0D%0A%09%09%20M432.497%2C426.1c0%2C29.875-24.212%2C54.096-54.078%2C54.096H133.6c-29.875%2C0-54.096-24.221-54.096-54.096V160.587h83.719%0D%0A%09%09c24.882%2C0%2C45.073-20.183%2C45.073-45.074V31.802h170.123c29.866%2C0%2C54.078%2C24.222%2C54.078%2C54.079V426.1z%27%20style%3D%27fill%3A%20%230069B2%3B%27%3E%3C%2Fpath%3E%0D%0A%09%3Cpath%20class%3D%27st0%27%20d%3D%27M342.716%2C159.423c-7.668%2C5.367-17.004%2C8.537-27.052%2C8.537c-10.056%2C0-19.384-3.17-27.061-8.537%0D%0A%09%09c-13.418%2C5.775-21.66%2C15.902-26.688%2C24.847c-6.679%2C11.864-1.442%2C28.659%2C10.092%2C28.659c11.55%2C0%2C43.657%2C0%2C43.657%2C0s32.098%2C0%2C43.649%2C0%0D%0A%09%09c11.542%2C0%2C16.787-16.795%2C10.1-28.659C364.384%2C175.324%2C356.142%2C165.198%2C342.716%2C159.423z%27%20style%3D%27fill%3A%20%230069B2%3B%27%3E%3C%2Fpath%3E%0D%0A%09%3Cpath%20class%3D%27st0%27%20d%3D%27M315.663%2C156.722c19.723%2C0%2C35.694-15.971%2C35.694-35.685v-8.554c0-19.696-15.971-35.694-35.694-35.694%0D%0A%09%09c-19.714%2C0-35.702%2C15.998-35.702%2C35.694v8.554C279.961%2C140.751%2C295.95%2C156.722%2C315.663%2C156.722z%27%20style%3D%27fill%3A%20%230069B2%3B%27%3E%3C%2Fpath%3E%0D%0A%09%3Crect%20x%3D%27139.635%27%20y%3D%27260.373%27%20class%3D%27st0%27%20width%3D%27230.394%27%20height%3D%2722.371%27%20style%3D%27fill%3A%20%230069B2%3B%27%3E%3C%2Frect%3E%0D%0A%09%3Crect%20x%3D%27139.635%27%20y%3D%27327.488%27%20class%3D%27st0%27%20width%3D%27230.394%27%20height%3D%2722.38%27%20style%3D%27fill%3A%20%230069B2%3B%27%3E%3C%2Frect%3E%0D%0A%09%3Crect%20x%3D%27139.635%27%20y%3D%27394.61%27%20class%3D%27st0%27%20width%3D%27161.281%27%20height%3D%2722.363%27%20style%3D%27fill%3A%20%230069B2%3B%27%3E%3C%2Frect%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E") no-repeat center center;
    background-size: contain;
  }
  .globalNavi > ul > li.strong:nth-last-child(2):before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%AE%E7%84%A1%E6%96%99%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E7%B4%A0%E6%9D%90_%E3%81%9D%E3%81%AE3%27%20data-name%3D%27%E8%87%AA%E5%8B%95%E8%BB%8A%E3%81%AE%E7%84%A1%E6%96%99%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E7%B4%A0%E6%9D%90%20%E3%81%9D%E3%81%AE3%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2738%27%20height%3D%2719.079%27%20viewBox%3D%270%200%2038%2019.079%27%3E%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_16%27%20data-name%3D%27%E3%83%91%E3%82%B9%2016%27%20d%3D%27M34.659%2C135.322c-.014-.048-.019-.1-.034-.144a8.742%2C8.742%2C0%2C0%2C0-2.85-4.427%2C13.336%2C13.336%2C0%2C0%2C0-5.581-2.8%2C16.562%2C16.562%2C0%2C0%2C0-7.922%2C0%2C12.641%2C12.641%2C0%2C0%2C0-6.744%2C3.99%2C8.274%2C8.274%2C0%2C0%2C0-1.682%2C3.221H9.6c-.322%2C0-11.239.851-9.393%2C8.893H5.3c0-.087-.01-.173-.01-.26a4.357%2C4.357%2C0%2C0%2C1%2C.062-.731%2C4.2%2C4.2%2C0%2C0%2C1%2C8.34.731c0%2C.078%2C0%2C.156-.009.234%2C0%2C0%2C0%2C.006%2C0%2C.008h0c0%2C.006%2C0%2C.012%2C0%2C.018H24.376c0-.087-.01-.173-.01-.26a4.357%2C4.357%2C0%2C0%2C1%2C.062-.731%2C4.2%2C4.2%2C0%2C0%2C1%2C8.273-.019%2C4.258%2C4.258%2C0%2C0%2C1%2C.067.75c0%2C.078%2C0%2C.155-.009.233%2C0%2C0%2C0%2C.006%2C0%2C.009h0c0%2C.006%2C0%2C.012%2C0%2C.018h4.21A1.03%2C1.03%2C0%2C0%2C0%2C38%2C143.025C38.017%2C137.551%2C38.1%2C136.567%2C34.659%2C135.322Zm-22.8-.169A6.45%2C6.45%2C0%2C0%2C1%2C13%2C133.168a10.753%2C10.753%2C0%2C0%2C1%2C5.73-3.355%2C14.529%2C14.529%2C0%2C0%2C1%2C3.5-.423%2C14.265%2C14.265%2C0%2C0%2C1%2C2.886.293c.066.015.133.026.2.042l-2.21%2C5.434H14.585Zm13.331%2C0%2C1.992-4.892A10.766%2C10.766%2C0%2C0%2C1%2C30.51%2C132.2a7.1%2C7.1%2C0%2C0%2C1%2C2.055%2C2.857c.012.035.027.069.039.1H27.183Z%27%20transform%3D%27translate%28-0.001%20-127.467%29%27%20fill%3D%27%230069B2%27%2F%3E%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_17%27%20data-name%3D%27%E3%83%91%E3%82%B9%2017%27%20d%3D%27M93.479%2C310.244a2.758%2C2.758%2C0%2C0%2C0-2.716%2C2.279%2C2.627%2C2.627%2C0%2C0%2C0-.043.481%2C2.325%2C2.325%2C0%2C0%2C0%2C.014.26%2C2.757%2C2.757%2C0%2C0%2C0%2C5.49%2C0%2C2.359%2C2.359%2C0%2C0%2C0%2C.014-.26%2C2.627%2C2.627%2C0%2C0%2C0-.043-.481A2.758%2C2.758%2C0%2C0%2C0%2C93.479%2C310.244Z%27%20transform%3D%27translate%28-83.987%20-296.678%29%27%20fill%3D%27%230069B2%27%2F%3E%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_18%27%20data-name%3D%27%E3%83%91%E3%82%B9%2018%27%20d%3D%27M350.481%2C310.244a2.758%2C2.758%2C0%2C0%2C0-2.716%2C2.279%2C2.633%2C2.633%2C0%2C0%2C0-.043.481%2C2.343%2C2.343%2C0%2C0%2C0%2C.015.26%2C2.757%2C2.757%2C0%2C0%2C0%2C5.49%2C0%2C2.365%2C2.365%2C0%2C0%2C0%2C.014-.26%2C2.627%2C2.627%2C0%2C0%2C0-.043-.481A2.758%2C2.758%2C0%2C0%2C0%2C350.481%2C310.244Z%27%20transform%3D%27translate%28-321.914%20-296.678%29%27%20fill%3D%27%230069B2%27%2F%3E%3C%2Fsvg%3E") no-repeat center center;
    background-size: contain;
  }
  .globalNavi > ul > li.strong:nth-last-child(3)::before {
    background: url(./images/glonavi-car-spblue.svg) no-repeat;
    background-size: contain;
    background-position: center;
  }
}
.globalNavi > ul > li.strong.sp {
  display: none;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li.strong.sp {
    display: block;
  }
}
.globalNavi > ul > li.strong .sub-menu,
.globalNavi > ul > li.strong .openBtn {
  display: none;
}
.globalNavi > ul > li.strong > a {
  width: 100%;
  margin-right: 0;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li.strong > a {
    position: absolute !important;
    bottom: 0px;
    left: 0;
    right: 0;
    text-align: center;
    padding-top: 50px !important;
    padding-bottom: 6px !important;
  }
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li.strong > a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.globalNavi > ul > li.strong > a > span {
  margin: 0 auto;
}
.globalNavi > ul > li > a {
  padding: 0 0.75em;
  height: 70px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0069B2;
  position: relative;
  font-size: 14px;
  transition: all 0.3s;
}
@media screen and (max-width: 1400px) {
  .globalNavi > ul > li > a {
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li > a {
    height: auto;
    padding: 0;
    white-space: nowrap;
    display: block;
    width: calc(100% - 50px);
  }
}
.globalNavi > ul > li > a:after {
  content: "";
  background: #0069B2;
  position: absolute;
  top: 0;
  left: -50%;
  width: 150%;
  height: 100%;
  transform: skewX(30deg) scale(0, 1);
  transition: all 1.2s cubic-bezier(0.28, 0.76, 0.37, 0.99);
  transform-origin: left top;
}
@media screen and (min-width: 769px) {
  .globalNavi > ul > li > a:hover {
    color: #fff;
    background-color: #0069B2;
  }
  .globalNavi > ul > li > a:hover:after {
    transition: all 0.45s cubic-bezier(0.28, 0.76, 0.37, 0.99);
    transform-origin: left top;
    transform: skewX(30deg) scale(1, 1);
  }
}
.globalNavi > ul > li > a.bookingLink {
  padding: 0 20px 0 30px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transform: rotateX(180deg) translateX(1px);
  position: relative;
  margin-right: -1px;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li > a.bookingLink {
    height: auto;
    background: none;
    position: static;
    justify-content: flex-start;
    padding: 0;
    color: #0069B2;
    transform: none;
  }
}
.globalNavi > ul > li > a.bookingLink:before {
  content: "";
  display: block;
  width: 42px;
  height: 22px;
  background: url(./images/glonavi-car.svg) no-repeat;
  background-size: contain;
  transform: rotateX(180deg);
  margin-right: 7px;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li > a.bookingLink:before {
    display: none;
  }
}
.globalNavi > ul > li > a.bookingLink:after {
  display: none;
}
.globalNavi > ul > li > a.bookingLink:hover {
  background-color: unset;
}
.globalNavi > ul > li > a.bookingLink span {
  transform: rotateX(180deg);
  white-space: nowrap;
  position: relative;
  font-size: 16px;
}
.globalNavi > ul > li > a.bookingLink span::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  bottom: -1px;
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li > a.bookingLink span {
    transform: none;
  }
}
.globalNavi > ul > li > a span {
  z-index: 1;
}
.globalNavi > ul > li:nth-child(6):hover .bookingLink span::after {
  transform: scale(1, 1);
}
.globalNavi > ul > li .openBtn {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.9s cubic-bezier(0.28, 0.76, 0.37, 0.99);
}
@media screen and (min-width: 1200px) {
  .globalNavi > ul > li .openBtn {
    display: none;
  }
}
.globalNavi > ul > li .openBtn:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27arrow%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2723.428%27%20height%3D%2715%27%20viewBox%3D%270%200%2023.428%2015%27%3E%0D%0A%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4498%27%20data-name%3D%27%E3%83%91%E3%82%B9%204498%27%20d%3D%27M11.713%2C107.089%2C0%2C95.376l3.286-3.287%2C8.427%2C8.427%2C8.428-8.427%2C3.286%2C3.287Z%27%20transform%3D%27translate%280%20-92.089%29%27%20fill%3D%27%230069B2%27%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
}
.globalNavi > ul > li .sub-menu {
  background: #0069B2;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li .sub-menu {
    background: none;
    box-shadow: none;
    display: flex;
    padding: 0;
    top: auto;
    flex-wrap: wrap;
    position: relative;
  }
}
.globalNavi > ul > li .sub-menu > li {
  height: auto;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li .sub-menu > li {
    width: 100%;
    padding-right: 0;
    line-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    height: 0;
  }
}
.globalNavi > ul > li .sub-menu > li a {
  color: #fff;
  font-size: 13px;
}
@media screen and (max-width: 1200px) {
  .globalNavi > ul > li .sub-menu > li a {
    padding: 4px 0;
    font-size: 12px;
    color: #0069B2;
    padding: 0;
  }
}
.globalNavi > ul > li .sub-menu > li a:hover {
  transform: translateX(0.2em);
}
.globalNavi > ul > li.active .sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  padding-left: 20px;
  margin-top: 10px;
  transition-delay: 0.1s;
}
.globalNavi > ul > li.active .sub-menu > li {
  line-height: 1.5;
  visibility: visible;
  opacity: 1;
  height: auto;
}
.globalNavi > ul > li.active .sub-menu > li a {
  padding: 0.5em;
}
.globalNavi > ul > li.active .openBtn {
  left: auto;
  bottom: auto;
  width: 40px;
  height: 40px;
  transform: rotateX(180deg);
}
@media screen and (min-width: 1200px) {
  .globalNavi > ul > li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
  }
  .globalNavi > ul > li:hover .sub-menu > li {
    visibility: visible;
  }
}

#gnav {
  right: 0;
}

#logo .site-logo {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  #logo .site-logo {
    margin-left: 15px;
  }
}
#logo .site-logo > img {
  height: 40px;
  width: auto;
}
@media screen and (max-width: 1400px) {
  #logo .site-logo > img {
    height: 25px;
  }
}
@media all and (-ms-high-contrast: none) {
  #logo .site-logo > img {
    width: 210px;
  }
}
@media screen and (max-width: 768px) {
  #logo .site-logo > img {
    height: 30px;
  }
}

#godios-wrapper {
  width: 100%;
  margin-top: -5px;
}

#topbar-menu-btn {
  right: 0;
}

#footer {
  margin-top: 0;
  border-top: solid 2px #0069B2;
}
#footer #pages {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  #footer #pages {
    padding-top: 50px;
  }
}
#footer .pages {
  text-align: left;
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
@media screen and (max-width: 1200px) {
  #footer .pages {
    flex-wrap: wrap;
  }
  #footer .pages > li {
    width: auto;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  #footer .pages {
    margin-bottom: 50px;
  }
}
#footer .pages .sp {
  display: none;
}
#footer .pages > li > a {
  display: block;
  font-size: 14px;
  color: #0069B2;
  padding-left: 1em;
  position: relative;
  transition: all 0.3s;
  margin-bottom: 5px;
}
@media screen and (max-width: 1200px) {
  #footer .pages > li > a {
    color: #666;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  #footer .pages > li > a {
    font-size: 12px;
  }
}
#footer .pages > li > a:hover {
  opacity: 0.7;
}
#footer .pages > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4px;
  background: #0069B2;
}
@media screen and (max-width: 1200px) {
  #footer .pages > li > a:before {
    display: none;
  }
}
#footer .sub-menu {
  position: relative;
  top: auto;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  #footer .sub-menu {
    display: none;
  }
}
#footer .sub-menu li {
  width: auto;
  height: auto;
}
#footer .sub-menu li a {
  font-size: 12px;
  padding: 0;
  padding-left: 1em;
  color: #555;
  position: relative;
}
#footer .sub-menu li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5em;
  height: 1px;
  background: #555;
}
@media screen and (max-width: 1200px) {
  #footer .minWrap {
    width: 100% !important;
  }
}
@media screen and (max-width: 1200px) {
  #footer .minWrap ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 1200px) {
  #footer .minWrap ul li:last-child a {
    color: #0A7E96;
  }
}
@media screen and (max-width: 1200px) {
  #footer .minWrap ul li {
    margin: 0 15px;
  }
}
#footer .minWrap a {
  display: block;
  font-size: 14px;
  color: #0069B2;
  padding-left: 1em;
  position: relative;
  transition: all 0.3s;
  margin-bottom: 5px;
}
@media screen and (max-width: 1200px) {
  #footer .minWrap a {
    color: #666;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  #footer .minWrap a {
    font-size: 12px;
  }
}
#footer .minWrap a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4px;
  background: #0069B2;
}
@media screen and (max-width: 1200px) {
  #footer .minWrap a:before {
    display: none;
  }
}

#copyright,
#copyright > a,
#copyright > p > a {
  font-size: 12px;
  color: #0069B2;
  letter-spacing: 0.1em;
}

#breadcrumb > li:last-child,
#breadcrumb > li > a {
  color: #0069B2;
}
@media screen and (max-width: 768px) {
  #breadcrumb > li:last-child,
  #breadcrumb > li > a {
    font-size: 10px;
  }
}

#breadcrumb > li {
  position: relative;
  display: flex;
}
#breadcrumb > li:before {
  display: none !important;
}
#breadcrumb > li:after {
  content: "";
  display: block;
  right: 100%;
  width: 5px;
  height: 20px;
  margin: 0 10px;
  background: url(img/arrow-right.png) no-repeat center center/100%;
}
#breadcrumb > li:last-child:after {
  display: none;
}
#breadcrumb > li > a,
#breadcrumb > li > span {
  display: flex;
  align-items: center;
}

.entry-top-page {
  height: 500px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .entry-top-page {
    height: 400px !important;
  }
}
.entry-top-page:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(360deg, black, transparent);
  opacity: 0.5;
  z-index: 1;
}
.entry-top-page.btm {
  background-position: bottom;
}
.entry-top-page > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(100%) blur(2px);
  transition: all 1.2s cubic-bezier(0.79, 0.01, 1, 0.04);
  transition: all 1.2s cubic-bezier(0.61, 0.46, 0.91, 0.03);
  transition: all 0.9s cubic-bezier(0.72, 0.24, 0.79, 0.09);
}
.entry-top-page > img.btm {
  -o-object-position: bottom;
     object-position: bottom;
  font-family: "object-fit: cover; object-position: bottom;";
}
.entry-top-page > img.clear {
  filter: none;
}
@media all and (-ms-high-contrast: none) {
  .entry-top-page > img {
    transition: all 0s;
  }
}
.entry-top-page .pageHeader {
  padding: 0;
  top: auto;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 1;
}
.entry-top-page .pageHeader .pageTitle {
  transition: all 1.2s cubic-bezier(0.19, 0.72, 0.26, 0.79);
  font-size: 48px;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .entry-top-page .pageHeader .pageTitle {
    font-size: 6vw;
  }
}
.entry-top-page .pageHeader .eng {
  font-size: 28px;
  margin-bottom: 0.5em;
  transform: translateY(40px);
  transition: all 0.6s;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .entry-top-page .pageHeader .eng {
    font-size: 5vw;
  }
}
.entry-top-page .pageHeader .eng.active {
  transform: translateY(0);
  opacity: 1;
}
.entry-top-page .pageHeader .text {
  transform: translateY(20px);
  transition: all 0.6s;
  transition-delay: 0.6s;
  opacity: 0;
}
.entry-top-page .pageHeader .text.active {
  transform: translateY(0);
  opacity: 1;
}
.entry-top-page .pageHeader #breadcrumb {
  transform: none;
  left: 0;
  top: 100%;
  margin-top: 40px;
}
.entry-top-page .pageHeader #breadcrumb span {
  display: block;
}
@media screen and (max-width: 768px) {
  .entry-top-page .pageHeader #breadcrumb span {
    padding-bottom: 5px;
  }
}

.pageContent {
  margin-top: 140px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .pageContent {
    margin-bottom: 20px;
    margin-top: 90px;
  }
}
.pageContent.lg {
  max-width: 1400px;
}
.pageContent.min {
  max-width: 800px;
}

.hero {
  position: relative;
}
@media screen and (max-width: 768px) {
  .hero {
    height: 500px;
  }
  .hero .slick-list,
  .hero .slick-track,
  .hero .slick-slide {
    height: 100% !important;
  }
}
.hero:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0069B2;
  transition: all 0.6s;
  transition-delay: 2.5s;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .hero:before {
    position: fixed;
  }
}
.hero svg {
  width: 80% !important;
  transition: all 0.3s;
}
.hero svg.shadow {
  filter: drop-shadow(1px 1px 8px rgba(0, 0, 0, 0.5));
}
.hero svg path,
.hero svg line {
  fill: none;
  stroke: white;
  stroke-width: 30;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 1500;
  /* この行を追加 */
  stroke-dashoffset: 1500;
  /* この行を追加 */
}
.hero.active:before {
  visibility: hidden;
  opacity: 0;
}
.heroBox,
.hero .slick-list {
  height: 100%;
}
.hero .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero .content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 2;
}
.hero .content .lg {
  font-size: 100px;
  color: #fff;
  filter: blur(40px);
  transition: all 1.2s cubic-bezier(0.19, 0.72, 0.26, 0.79);
}
@media screen and (max-width: 768px) {
  .hero .content .lg {
    font-size: 50px;
  }
}
.hero .content .lg.active {
  filter: none;
}
.hero .content .lg.sd {
  text-shadow: rgba(0, 0, 0, 0.05) 2px 0px 12px, rgba(0, 0, 0, 0.05) -2px 0px 12px, rgba(0, 0, 0, 0.05) 0px -2px 12px, rgba(0, 0, 0, 0.05) 0px 2px 12px, rgba(0, 0, 0, 0.05) 2px 2px 12px, rgba(0, 0, 0, 0.05) -2px 2px 12px, rgba(0, 0, 0, 0.05) 2px -2px 12px, rgba(0, 0, 0, 0.05) -2px -2px 12px, rgba(0, 0, 0, 0.05) 1px 2px 12px, rgba(0, 0, 0, 0.05) -1px 2px 12px, rgba(0, 0, 0, 0.05) 1px -2px 12px, rgba(0, 0, 0, 0.05) -1px -2px 12px, rgba(0, 0, 0, 0.05) 2px 1px 12px, rgba(0, 0, 0, 0.05) -2px 1px 12px, rgba(0, 0, 0, 0.05) 2px -1px 12px, rgba(0, 0, 0, 0.05) -2px -1px 12px;
}
.hero .inner-rnklogo {
  position: absolute;
  bottom: 115px;
  max-width: 1400px;
  width: 92%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: right;
}
@media screen and (max-width: 768px) {
  .hero .inner-rnklogo {
    bottom: 125px;
  }
}
.hero .inner-rnklogo .container-rnklogo {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 768px) {
  .hero .inner-rnklogo .container-rnklogo {
    width: 80px;
    height: 80px;
  }
}
.hero .inner-rnklogo .container-rnklogo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero .topNews {
  position: absolute;
  bottom: 20px;
  max-width: 1400px;
  width: 92%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  display: flex;
  height: 70px;
  transition: all 0.6s cubic-bezier(0.19, 0.72, 0.26, 0.79);
  transform: translate(-50%, 200px);
  opacity: 0;
}
.hero .topNews.active {
  opacity: 1;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 768px) {
  .hero .topNews {
    flex-wrap: wrap;
    height: auto;
  }
}
.hero .topNews > .title {
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2em;
  padding-right: 2.5em;
  position: relative;
  margin-right: 20px;
  margin-left: -1px;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .hero .topNews > .title {
    width: 100%;
    height: 30px;
    margin-right: 0;
    margin-left: 0;
    background: #0069B2;
  }
  .hero .topNews > .title:before {
    display: none;
  }
}
.hero .topNews > .title:before {
  border-top-width: 70px;
}
.hero .topNews > .title span {
  line-height: 1;
  padding-top: 0.2em;
}
.hero .topNews article {
  display: flex;
  height: 100%;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .hero .topNews article {
    height: auto;
    padding: 10px;
    flex-wrap: wrap;
  }
}
.hero .topNews article time {
  font-size: 14px;
  color: #0069B2;
  margin-right: 20px;
  padding-top: 0.2em;
}
.hero .topNews article .cat {
  font-size: 12px;
  background: #0069B2;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 4px 1em;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .hero .topNews article .title {
    margin-top: 8px;
  }
}

.frontMenu {
  padding-top: 60px;
  padding-bottom: 100px;
}
.frontMenu .lead {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .frontMenu {
    padding: 30px 0 20px;
  }
}

.btmBn {
  background: #0069B2;
}
.btmBn .inner {
  padding: 60px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .btmBn .inner {
    padding: 40px 0;
  }
}
.btmBn .item {
  width: 31.5%;
  position: relative;
}
.btmBn .item:before {
  content: "";
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  border: solid;
  border-width: 30px 30px 0 0;
  border-color: transparent white transparent transparent;
}
.btmBn .item:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  z-index: 1;
  background: url(img/arrow-min-blue.png) no-repeat center center/70%;
}
.btmBn .item .img {
  position: relative;
  overflow: hidden;
}
.btmBn .item .img:before {
  content: "";
  display: block;
  padding-top: 55%;
}
@media screen and (max-width: 768px) {
  .btmBn .item .img:before {
    padding-top: 170%;
  }
}
.btmBn .item .img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.35);
  transition: all 0.6s;
}
.btmBn .item .img img {
  transition: all 0.6s;
  transform: scale(1.001);
}
.btmBn .item:hover .img:after {
  background: rgba(0, 0, 0, 0.2);
}
.btmBn .item:hover .img img {
  transform: scale(1.05);
}
.btmBn .item .content {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  color: #fff;
}
.btmBn .item .content span {
  display: block;
}
.btmBn .item .content .eng {
  font-size: 48px;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .btmBn .item .content .eng {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.officeItem {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 60px;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .officeItem {
    margin-bottom: 30px;
  }
}
.officeItem .img {
  width: 45%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .officeItem .img {
    width: 100%;
  }
}
.officeItem .img:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
@media screen and (max-width: 768px) {
  .officeItem .img:before {
    padding-top: 50%;
  }
}
.officeItem .content {
  width: 55%;
  padding: 30px 40px 20px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .officeItem .content {
    width: 100%;
    padding: 20px;
  }
}
.officeItem .content .title {
  color: #0069B2;
  border-bottom: solid 4px;
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .officeItem .content .title {
    font-size: 20px;
    border-width: 2px;
  }
}
.officeItem .content .time {
  margin-top: 10px;
  padding-left: 35px;
  background: url(img/time.svg) no-repeat left center;
  background-size: 25px 25px;
  color: #0069B2;
}
.officeItem .content .time.full {
  font-size: 1.5em;
}
.officeItem .content .container-bookingmenu {
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  .officeItem .content .container-bookingmenu {
    margin-top: 10px;
  }
}
.officeItem .content .container-bookingmenu .bookingimg-1 {
  display: inline-block;
}
@media screen and (max-width: 1200px) {
  .officeItem .content .container-bookingmenu .bookingimg-1 {
    display: block;
  }
}
.officeItem .content .container-bookingmenu .bookingimg-2 {
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 1200px) {
  .officeItem .content .container-bookingmenu .bookingimg-2 {
    display: block;
    margin-left: unset;
    margin-top: 10px;
  }
}
.officeItem .content .container-bookingmenu .bookingimg-3 {
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 1200px) {
  .officeItem .content .container-bookingmenu .bookingimg-3 {
    display: block;
    margin-left: unset;
    margin-top: 10px;
  }
}
.officeItem .content .container-bookingmenu .inspection {
  width: 135px;
  height: auto;
}
.officeItem .content .container-bookingmenu .sheetmetal {
  width: 140px;
  height: auto;
}
.officeItem .content .container-bookingmenu .car-business {
  width: 163px;
  height: auto;
}
.officeItem .content .btnBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .officeItem .content .btnBox {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }
}
.officeItem .content .btnBox > a {
  width: 47%;
  display: block;
}
@media screen and (max-width: 768px) {
  .officeItem .content .btnBox > a {
    line-height: 1.6 !important;
    padding: 10px 0;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .officeItem .content .btnBox > a:last-child {
    margin-bottom: 0;
  }
}
.officeItem .content .btnBox > a:after {
  right: 6px;
}

.single-office .officeGallery {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .single-office .officeGallery {
    margin-top: 40px;
  }
}
.officeGallery figure {
  margin: 0 !important;
}
.officeGallery figure {
  position: relative;
}
.officeGallery figure:before {
  content: "";
  padding-top: 56.25%;
  display: block;
}
@media screen and (max-width: 768px) {
  .officeGallery figure:before {
    padding-top: 80%;
  }
}
.officeGallery figure:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
}
.officeGallery figure figcaption {
  background: #0069B2;
  padding: 0.5em 2em;
  border: solid 2px white;
  color: #fff;
  position: absolute;
  left: 15px;
  top: 15px;
  bottom: auto;
  width: -moz-max-content;
  width: max-content;
  font-size: 16px;
  display: block;
}
@media screen and (max-width: 768px) {
  .officeGallery figure figcaption {
    font-size: 12px;
    text-align: center;
    min-width: 120px;
    top: 10px;
    left: 10px;
  }
}
.officeGallery figure.slick-active:after, .officeGallery figure.slick-current:after {
  opacity: 0;
}
.officeGallery .slick-prev,
.officeGallery .slick-next {
  z-index: 1;
  transition: all 0.3s;
}
.officeGallery .slick-prev:hover,
.officeGallery .slick-next:hover {
  opacity: 0.7;
}
.officeGallery .slick-prev:before,
.officeGallery .slick-next:before {
  opacity: 1;
  content: "";
  width: 45px;
  height: 45px;
  background: url(img/arrow-slide.png) no-repeat center center/100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.officeGallery .slick-prev {
  left: 19%;
}
@media screen and (max-width: 1200px) {
  .officeGallery .slick-prev {
    left: 10%;
  }
}
.officeGallery .slick-prev:before {
  transform: rotateY(180deg) translate(50%, -50%);
}
.officeGallery .slick-next {
  right: 19%;
}
@media screen and (max-width: 1200px) {
  .officeGallery .slick-next {
    right: 10%;
  }
}
.officeGallery .slick-dots {
  bottom: auto;
  top: 100%;
  margin-top: 15px;
}
.officeGallery .slick-dots li button:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100px;
  border: solid 2px #0069B2;
  background: #fff;
  opacity: 1;
}
.officeGallery .slick-dots li.slick-active button:before {
  background: #0069B2;
}

.single-office,
.page-id-260,
.page-id-282,
.page-id-2305 {
  background: #f5f5f5 !important;
}
.single-office #entry,
.page-id-260 #entry,
.page-id-282 #entry,
.page-id-2305 #entry {
  background: #f5f5f5;
}
.single-office .officeGallery,
.page-id-260 .officeGallery,
.page-id-282 .officeGallery,
.page-id-2305 .officeGallery {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .single-office .officeGallery,
  .page-id-260 .officeGallery,
  .page-id-282 .officeGallery,
  .page-id-2305 .officeGallery {
    margin-top: 60px;
  }
}
.single-office .officeTitle,
.page-id-260 .officeTitle,
.page-id-282 .officeTitle,
.page-id-2305 .officeTitle {
  color: #0069B2;
  font-size: 40px;
  border-bottom: solid 4px #0069B2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .single-office .officeTitle,
  .page-id-260 .officeTitle,
  .page-id-282 .officeTitle,
  .page-id-2305 .officeTitle {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.single-office .officeInfo,
.page-id-260 .officeInfo,
.page-id-282 .officeInfo,
.page-id-2305 .officeInfo {
  width: 100%;
  margin-bottom: 20px;
}
.single-office .officeInfo tr,
.page-id-260 .officeInfo tr,
.page-id-282 .officeInfo tr,
.page-id-2305 .officeInfo tr {
  display: flex;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .single-office .officeInfo tr,
  .page-id-260 .officeInfo tr,
  .page-id-282 .officeInfo tr,
  .page-id-2305 .officeInfo tr {
    flex-wrap: wrap;
  }
}
.single-office .officeInfo tr:last-child,
.page-id-260 .officeInfo tr:last-child,
.page-id-282 .officeInfo tr:last-child,
.page-id-2305 .officeInfo tr:last-child {
  margin-bottom: 0;
}
.single-office .officeInfo th,
.single-office .officeInfo td,
.page-id-260 .officeInfo th,
.page-id-260 .officeInfo td,
.page-id-282 .officeInfo th,
.page-id-282 .officeInfo td,
.page-id-2305 .officeInfo th,
.page-id-2305 .officeInfo td {
  padding: 1em;
}
@media screen and (max-width: 768px) {
  .single-office .officeInfo th,
  .single-office .officeInfo td,
  .page-id-260 .officeInfo th,
  .page-id-260 .officeInfo td,
  .page-id-282 .officeInfo th,
  .page-id-282 .officeInfo td,
  .page-id-2305 .officeInfo th,
  .page-id-2305 .officeInfo td {
    width: 100% !important;
  }
}
.single-office .officeInfo th,
.page-id-260 .officeInfo th,
.page-id-282 .officeInfo th,
.page-id-2305 .officeInfo th {
  background: #0069B2;
  color: #fff;
  width: 30%;
  min-width: 180px;
  text-align: center;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .single-office .officeInfo th,
  .page-id-260 .officeInfo th,
  .page-id-282 .officeInfo th,
  .page-id-2305 .officeInfo th {
    margin-right: 0;
  }
}
.single-office .officeInfo td,
.page-id-260 .officeInfo td,
.page-id-282 .officeInfo td,
.page-id-2305 .officeInfo td {
  background: #fff;
  width: 70%;
}
.single-office .officeInfo td a,
.page-id-260 .officeInfo td a,
.page-id-282 .officeInfo td a,
.page-id-2305 .officeInfo td a {
  text-decoration: underline;
  color: #0069B2;
}
.single-office .officeInfo td .eneos,
.page-id-260 .officeInfo td .eneos,
.page-id-282 .officeInfo td .eneos,
.page-id-2305 .officeInfo td .eneos {
  padding-left: 40px;
  position: relative;
}
.single-office .officeInfo td .eneos:before,
.page-id-260 .officeInfo td .eneos:before,
.page-id-282 .officeInfo td .eneos:before,
.page-id-2305 .officeInfo td .eneos:before {
  content: "";
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
  background: url(img/eneos.jpg) no-repeat center center/100%;
}
.single-office .officeInfo td .apple,
.page-id-260 .officeInfo td .apple,
.page-id-282 .officeInfo td .apple,
.page-id-2305 .officeInfo td .apple {
  width: 85px;
  height: auto;
}
.single-office .officeInfo td .carcon,
.page-id-260 .officeInfo td .carcon,
.page-id-282 .officeInfo td .carcon,
.page-id-2305 .officeInfo td .carcon {
  width: 110px;
  height: auto;
}
.single-office .officeInfo td .affiimg-1,
.page-id-260 .officeInfo td .affiimg-1,
.page-id-282 .officeInfo td .affiimg-1,
.page-id-2305 .officeInfo td .affiimg-1 {
  display: inline-block;
}
.single-office .officeInfo td .affiimg-2,
.page-id-260 .officeInfo td .affiimg-2,
.page-id-282 .officeInfo td .affiimg-2,
.page-id-2305 .officeInfo td .affiimg-2 {
  display: inline-block;
  margin-left: 20px;
}
.single-office .officeInfo td .bookingimg-1,
.page-id-260 .officeInfo td .bookingimg-1,
.page-id-282 .officeInfo td .bookingimg-1,
.page-id-2305 .officeInfo td .bookingimg-1 {
  display: inline-block;
}
.single-office .officeInfo td .bookingimg-2,
.page-id-260 .officeInfo td .bookingimg-2,
.page-id-282 .officeInfo td .bookingimg-2,
.page-id-2305 .officeInfo td .bookingimg-2 {
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 390px) {
  .single-office .officeInfo td .bookingimg-2,
  .page-id-260 .officeInfo td .bookingimg-2,
  .page-id-282 .officeInfo td .bookingimg-2,
  .page-id-2305 .officeInfo td .bookingimg-2 {
    margin-left: unset;
    margin-top: 5px;
  }
}
.single-office .officeInfo td .bookingimg-3,
.page-id-260 .officeInfo td .bookingimg-3,
.page-id-282 .officeInfo td .bookingimg-3,
.page-id-2305 .officeInfo td .bookingimg-3 {
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 480px) {
  .single-office .officeInfo td .bookingimg-3,
  .page-id-260 .officeInfo td .bookingimg-3,
  .page-id-282 .officeInfo td .bookingimg-3,
  .page-id-2305 .officeInfo td .bookingimg-3 {
    margin-left: unset;
    margin-top: 5px;
  }
}
.single-office .officeInfo td .inspection,
.page-id-260 .officeInfo td .inspection,
.page-id-282 .officeInfo td .inspection,
.page-id-2305 .officeInfo td .inspection {
  width: 135px;
  height: auto;
}
.single-office .officeInfo td .sheetmetal,
.page-id-260 .officeInfo td .sheetmetal,
.page-id-282 .officeInfo td .sheetmetal,
.page-id-2305 .officeInfo td .sheetmetal {
  width: 140px;
  height: auto;
}
.single-office .officeInfo td .car-business,
.page-id-260 .officeInfo td .car-business,
.page-id-282 .officeInfo td .car-business,
.page-id-2305 .officeInfo td .car-business {
  width: 163px;
  height: auto;
}
.single-office .officeInfo td .payImg,
.page-id-260 .officeInfo td .payImg,
.page-id-282 .officeInfo td .payImg,
.page-id-2305 .officeInfo td .payImg {
  max-width: 400px;
  margin: 10px 0;
}
.single-office .officeInfo td .payImg.min,
.page-id-260 .officeInfo td .payImg.min,
.page-id-282 .officeInfo td .payImg.min,
.page-id-2305 .officeInfo td .payImg.min {
  position: relative;
  max-width: 280px;
}
.single-office .officeInfo td .payImg.min:before,
.page-id-260 .officeInfo td .payImg.min:before,
.page-id-282 .officeInfo td .payImg.min:before,
.page-id-2305 .officeInfo td .payImg.min:before {
  content: "";
  padding-top: 12%;
  display: block;
}
.single-office .officeInfo td .payImg.min img,
.page-id-260 .officeInfo td .payImg.min img,
.page-id-282 .officeInfo td .payImg.min img,
.page-id-2305 .officeInfo td .payImg.min img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
.single-office .officeInfo td .payNote,
.page-id-260 .officeInfo td .payNote,
.page-id-282 .officeInfo td .payNote,
.page-id-2305 .officeInfo td .payNote {
  font-size: 0.9em;
  color: #666;
}
.single-office .officeInfo td .tel,
.page-id-260 .officeInfo td .tel,
.page-id-282 .officeInfo td .tel,
.page-id-2305 .officeInfo td .tel {
  color: currentColor;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .single-office .officeInfo td .tel,
  .page-id-260 .officeInfo td .tel,
  .page-id-282 .officeInfo td .tel,
  .page-id-2305 .officeInfo td .tel {
    color: #0069B2;
    text-decoration: underline;
  }
}
.single-office .officeMap,
.page-id-260 .officeMap,
.page-id-282 .officeMap,
.page-id-2305 .officeMap {
  margin-top: -20px;
}
@media screen and (max-width: 768px) {
  .single-office .officeMap,
  .page-id-260 .officeMap,
  .page-id-282 .officeMap,
  .page-id-2305 .officeMap {
    margin-top: 40px;
  }
}
.single-office .officeMap iframe,
.page-id-260 .officeMap iframe,
.page-id-282 .officeMap iframe,
.page-id-2305 .officeMap iframe {
  width: 100% !important;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .single-office .officeMap iframe,
  .page-id-260 .officeMap iframe,
  .page-id-282 .officeMap iframe,
  .page-id-2305 .officeMap iframe {
    height: 250px !important;
  }
}

.single-office .otherOffice {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .single-office .otherOffice {
    margin-top: 70px;
    margin-bottom: 50px;
  }
}

.otherOffice {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .otherOffice {
    margin-top: 40px;
  }
}
.otherOffice > .title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .otherOffice > .title {
    font-size: 18px;
  }
}
.otherOffice > .title span {
  position: relative;
  color: #0069B2;
}
.otherOffice > .title span:before {
  content: "";
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  position: absolute;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 23.158 24.936"><path id="パス_220" data-name="パス 220" d="M41.007,7.725c-.355-.415-.59-.654-1.014-1.088C38.633,5.245,37.4,4.014,37.4,4.013L36.788,3.4l-.849.829,1.756,2.666.018.037a.465.465,0,0,1,.018.138,1.015,1.015,0,0,1-.121.454l-.154.284A3.723,3.723,0,0,0,37.179,9.2a2.213,2.213,0,0,0,.249,1.022l.3.586a2.216,2.216,0,0,0,1.8,1.186l.146.046v6.177a1.522,1.522,0,0,1-.335,1.054.787.787,0,0,1-.58.275.654.654,0,0,1-.507-.241,1.618,1.618,0,0,1-.312-1.088V14.962a2.864,2.864,0,0,0-.2-1.022,3.116,3.116,0,0,0-.991-1.343,2.925,2.925,0,0,0-1.813-.611c-.083,0-.167,0-.252.011V2.336A2.335,2.335,0,0,0,32.356,0H22.11a2.336,2.336,0,0,0-2.336,2.336V22.117H18.256v2.819H36.21V22.117H34.692V13.743a1.782,1.782,0,0,1,.252-.022,1.227,1.227,0,0,1,.54.117,1.343,1.343,0,0,1,.726,1.124v3.253a3.327,3.327,0,0,0,.737,2.225,2.4,2.4,0,0,0,1.817.838,2.526,2.526,0,0,0,1.865-.844,3.247,3.247,0,0,0,.785-2.219V9.161A1.761,1.761,0,0,0,41.007,7.725Zm-9.785,3.334H23.243V3.469h7.979v7.589Zm8.457-.733a.175.175,0,0,1-.19.2.8.8,0,0,1-.678-.279,1.894,1.894,0,0,1-.224-1.839.177.177,0,0,1,.279-.072l.493.453a.983.983,0,0,1,.32.725S39.679,10.189,39.679,10.326Z" transform="translate(-18.256)" fill="%230069b2"/></svg>') no-repeat center center/100%;
  background-size: cover;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .otherOffice > .title span:before {
    width: 30px;
    height: 30px;
  }
}
.otherOffice ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.otherOffice ul li {
  width: calc((100% - 40px) / 3);
  position: relative;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .otherOffice ul li {
    width: calc((100% - 15px) / 2);
    margin-bottom: 15px;
  }
}
.otherOffice ul li .img {
  position: relative;
  overflow: hidden;
}
.otherOffice ul li .img:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
@media screen and (max-width: 768px) {
  .otherOffice ul li .img:before {
    padding-top: 70%;
  }
}
.otherOffice ul li .img img {
  transition: all 0.6s;
}
.otherOffice ul li h3 {
  position: absolute;
  width: 70%;
  box-sizing: border-box;
  padding: 0.5em 1em;
  left: -1px;
  bottom: -1px;
  color: #0069B2;
  overflow: hidden;
  transition: all 0.3s;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .otherOffice ul li h3 {
    width: 85%;
  }
}
.otherOffice ul li h3 span {
  display: inline-block;
}
.otherOffice ul li:hover img {
  transform: scale(1.05);
}
.panel .otherOffice {
  margin-top: 30px;
}
.otherOffice.row2 {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .otherOffice.row2 {
    margin-bottom: 40px;
  }
}
.otherOffice.row2 ul li {
  width: calc((100% - 20px) / 2);
}
@media screen and (max-width: 768px) {
  .otherOffice.row2 ul li {
    width: 100%;
  }
}
.otherOffice.row2 ul li .img:before {
  padding-top: 40%;
}
.otherOffice.row2 ul li h3 {
  color: #fff;
}

.faqList li {
  margin-bottom: 20px;
}
.faqList .question,
.faqList .answer {
  padding-left: 70px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .faqList .question,
  .faqList .answer {
    padding-left: 50px;
  }
}
.faqList .question:before,
.faqList .answer:before {
  content: "";
  height: 40px;
  width: 40px;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .faqList .question:before,
  .faqList .answer:before {
    height: 25px;
    width: 25px;
  }
}
.faqList .question {
  background: #0069B2;
  display: flex;
  align-items: center;
  min-height: 60px;
  cursor: pointer;
  padding-right: 60px;
}
@media screen and (max-width: 768px) {
  .faqList .question {
    padding-right: 45px;
  }
}
.faqList .question:before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 39.206 37.92"><path id="パス_282" data-name="パス 282" d="M51.224-38.36H34.451a20.038,20.038,0,0,1-4.013.36,19.447,19.447,0,0,1-8.773-2.032,16.062,16.062,0,0,1-6.586-6.046,17.759,17.759,0,0,1-2.5-9.57,20.976,20.976,0,0,1,2.341-9.467,19.892,19.892,0,0,1,6.946-7.743A19.289,19.289,0,0,1,32.8-75.92a19.447,19.447,0,0,1,8.773,2.032,16.062,16.062,0,0,1,6.586,6.046,17.759,17.759,0,0,1,2.5,9.57,20.767,20.767,0,0,1-1.929,8.567c-1.286,2.864-5.48,7.229-5.48,7.229l8.541-.772Zm-33.5-17.545A13.347,13.347,0,0,0,19.376-49.4a12.584,12.584,0,0,0,4.553,4.785,12.336,12.336,0,0,0,6.56,1.775,14.381,14.381,0,0,0,8.232-2.29,14.593,14.593,0,0,0,5.094-5.788,16.11,16.11,0,0,0,1.7-7.1,13.185,13.185,0,0,0-1.672-6.509,12.85,12.85,0,0,0-4.631-4.811,12.465,12.465,0,0,0-6.612-1.8,14.258,14.258,0,0,0-8.207,2.29,14.224,14.224,0,0,0-5.017,5.814A16.69,16.69,0,0,0,17.729-55.905Z" transform="translate(-12.584 75.92)" fill="%23fff"/></svg>') no-repeat center center;
  position: absolute;
}
.faqList .question:after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17.961 11.946"><g id="矢印ボタン_下2_1_" data-name="矢印ボタン　下2 (1)" transform="translate(-5.253 -7.645)"><path id="パス_283" data-name="パス 283" d="M141.909,199.461l-6.016-6.015-2.965,2.965,8.981,8.981,8.98-8.981-2.965-2.965Z" transform="translate(-127.675 -185.801)" fill="white"/></g></svg>') no-repeat center center;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .faqList .question:after {
    right: 15px;
  }
}
.faqList .question.active:after {
  transform: rotateX(180deg) translateY(50%);
}
.faqList .question .title {
  color: #fff;
  line-height: 1.6;
  padding: 0.5em 0;
  font-size: 1em;
}
.faqList .answer {
  display: none;
  background: #f5f5f5;
}
.faqList .answer:before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 31.262 36.897"><path id="パス_295" data-name="パス 295" d="M23.422-9.31H9.849L4.9,0H.2L20.188-36.9h.294L31.458,0H25.97ZM22.3-13.426,18.816-26.117,12.054-13.426Z" transform="translate(-0.196 36.897)" fill="%230069b2"/></svg>') no-repeat center center;
}
.faqList .answer div {
  min-height: 60px;
  display: flex;
  align-items: center;
}
.faqList .answer p {
  padding: 1em;
  padding-left: 0;
  line-height: 1.6;
}

#entry.page-contact {
  background: #f5f5f5;
  padding-bottom: 100px;
}

body #booking-package_inputFormPanel .row .name.required,
body #booking-package_myBookingDetails .row .name.required,
body #booking-package_serviceDetails .row .name.required,
body #booking-package_myBookingDetailsFroVisitor .row .name.required {
  position: relative;
  box-sizing: border-box;
}
body #booking-package_inputFormPanel .row .name.required:before,
body #booking-package_myBookingDetails .row .name.required:before,
body #booking-package_serviceDetails .row .name.required:before,
body #booking-package_myBookingDetailsFroVisitor .row .name.required:before {
  content: "";
  width: 30px;
  line-height: 30px;
  content: "必須";
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translate(0%, -50%) scale(1);
  background: #fff;
  color: #0069B2;
  font-size: 10px;
  text-align: center;
  border-radius: 100px;
  font-weight: bold;
}

.wpcf7 form.wpcf7-form.invalid {
  position: relative;
}
.wpcf7 form.wpcf7-form.invalid:before {
  display: block;
  text-align: center;
  content: "※必須項目に入力してください";
  color: red;
  margin-bottom: 10px;
}
.wpcf7 .item {
  display: flex;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .wpcf7 .item {
    flex-wrap: wrap;
  }
}
.wpcf7 .item .text {
  margin-right: 15px;
  width: 240px;
  min-width: 240px;
  background: #0069B2;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  min-height: 50px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .wpcf7 .item .text {
    width: 100%;
    margin-right: 0;
    min-height: 35px;
  }
}
@media screen and (max-width: 768px) {
  .wpcf7 .item .text br {
    display: none;
  }
}
.wpcf7 .item .labelWrap {
  width: 100%;
}
.wpcf7 .item .labelWrap > label {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .wpcf7 .item .labelWrap > label {
    display: block;
    height: 50px;
  }
}
.wpcf7 .item .labelWrap input,
.wpcf7 .item .labelWrap textarea {
  height: 100%;
  background: #fff;
  padding-left: 1em;
  padding-right: 1em;
  transition: all 0.3s;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .wpcf7 .item .labelWrap input,
  .wpcf7 .item .labelWrap textarea {
    font-size: 16px;
  }
}
.wpcf7 .item .labelWrap input:focus,
.wpcf7 .item .labelWrap textarea:focus {
  box-shadow: 0px 0px 4px rgba(0, 105, 178, 0.8);
}
.wpcf7 .item .labelWrap select {
  width: 100%;
  height: 100%;
  background: #fff;
  margin: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .wpcf7 .item .labelWrap select {
    font-size: 16px;
  }
}
.wpcf7 .item .labelWrap .wpcf7-not-valid {
  outline: red 1px solid;
}
.wpcf7 .item .labelWrap span.wpcf7-not-valid-tip {
  display: none;
}
.wpcf7 .item.textarea {
  height: 250px;
}
@media screen and (max-width: 768px) {
  .wpcf7 .item.textarea {
    height: auto;
  }
}
.wpcf7 .item.textarea label {
  height: auto;
}
.wpcf7 .item.textarea textarea {
  min-height: 250px;
}
.wpcf7 .item.drop .labelWrap {
  position: relative;
}
.wpcf7 .item.drop .labelWrap:before {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17.961 11.946"><g id="矢印ボタン_下2_1_" data-name="矢印ボタン　下2 (1)" transform="translate(-5.253 -7.645)"><path id="パス_283" data-name="パス 283" d="M141.909,199.461l-6.016-6.015-2.965,2.965,8.981,8.981,8.98-8.981-2.965-2.965Z" transform="translate(-127.675 -185.801)" fill="%230069B2"/></g></svg>') no-repeat center center;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.wpcf7 .item.split .labelWrap {
  display: flex;
  justify-content: space-between;
}
.wpcf7 .item.split .labelWrap > label {
  width: calc(50% - 7.5px);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .wpcf7 .item.split .labelWrap > label {
    width: calc(50% - 4px);
  }
}
.wpcf7 .item.file .text {
  text-align: center;
}
.wpcf7 .item.file label {
  display: flex;
  align-items: center;
}
.wpcf7 .item.file label input {
  background: none;
}
.wpcf7 .accept {
  margin: 20px 0;
  text-align: center;
}
.wpcf7 .accept label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wpcf7 .accept input[type=checkbox] {
  position: relative;
  width: auto;
}
.wpcf7 .accept input[type=checkbox]:before {
  content: "";
  width: 30px;
  height: 30px;
  border: solid 2px #0069B2;
  display: block;
  background: #fff;
}
.wpcf7 .accept input[type=checkbox]:checked:before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27check%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27512%27%20height%3D%27441.016%27%20viewBox%3D%270%200%20512%20441.016%27%3E%0D%0A%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4497%27%20data-name%3D%27%E3%83%91%E3%82%B9%204497%27%20d%3D%27M469.4%2C35.492C334.09%2C110.664%2C197.114%2C324.5%2C197.114%2C324.5L73.509%2C184.176%2C0%2C254.336%2C178.732%2C476.508l65.15-2.5C327.414%2C223.414%2C512%2C55.539%2C512%2C55.539Z%27%20transform%3D%27translate%280%20-35.492%29%27%20fill%3D%27%230069B2%27%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
}
.wpcf7 .accept span {
  color: #0069B2;
}
.wpcf7 .btnWrap {
  display: flex;
  justify-content: center;
}
.wpcf7 .btnWrap .btn {
  width: 280px;
  height: 50px;
  margin: 20px 10px;
}
.wpcf7 .btnWrap .btn:nth-of-type(2), .wpcf7 .btnWrap .btn:nth-of-type(3) {
  display: none;
}
.wpcf7 .btnWrap .btn:nth-of-type(2):after {
  right: auto;
  left: 15px;
  transform: rotateY(180deg) translateY(-50%);
}
.wpcf7 .btnWrap .btn:nth-of-type(2):hover:after {
  transform: rotateY(180deg) translate(50%, -50%);
}
.wpcf7 .btnWrap .btn input,
.wpcf7 .btnWrap .btn input[type=submit] {
  background: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 50px;
  padding: 0;
  cursor: pointer;
  font-weight: normal;
}
.wpcf7 .confirmText {
  display: none;
  text-align: center;
  background: #fff;
  padding: 1em;
  border: solid 2px #0069B2;
  margin: 20px 0;
  color: #0069B2;
}
.wpcf7 .custom-wpcf7c-confirmed .confirmText {
  display: block;
}
.wpcf7 .custom-wpcf7c-confirmed .btnWrap .btn:nth-of-type(1) {
  display: none;
}
.wpcf7 .custom-wpcf7c-confirmed .btnWrap .btn:nth-of-type(2), .wpcf7 .custom-wpcf7c-confirmed .btnWrap .btn:nth-of-type(3) {
  display: block;
}
.wpcf7 .sentWrap {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  transition: all 0.6s;
}
.wpcf7 .sentWrap.del {
  visibility: hidden;
  opacity: 0;
}
.wpcf7 div.wpcf7-mail-sent-ok {
  display: none;
  text-align: center;
  background: #fff;
  padding: 2em 1em;
  margin: 20px 0;
  color: #0069B2;
  border: solid 2px #0069B2;
  width: 90%;
  max-width: 550px;
  position: fixed !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}
.wpcf7 div.wpcf7-mail-sent-ok:before {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512"><style type="text/css">.st0{fill:white;}</style><g><polygon class="st0" points="327.41,157.358 256.009,228.759 184.608,157.358 157.366,184.591 228.776,256.009 157.366,327.409 184.608,354.651 256.009,283.233 327.41,354.651 354.651,327.409 283.242,256.009 354.651,184.591 " style="fill:white;"></polygon><path class="st0" d="M437.022,74.978C390.764,28.686,326.636-0.008,256.009,0C185.372-0.008,121.245,28.686,74.987,74.978C28.686,121.236-0.008,185.372,0,256c-0.008,70.628,28.686,134.764,74.987,181.022c46.258,46.292,110.385,74.995,181.022,74.978c70.628,0.016,134.755-28.686,181.013-74.978C483.322,390.764,512.018,326.628,512,256C512.018,185.372,483.322,121.236,437.022,74.978z M408.344,408.335c-39.052,39.019-92.787,63.1-152.335,63.116c-59.564-0.016-113.292-24.098-152.353-63.116C64.646,369.283,40.566,315.564,40.557,256c0.009-59.564,24.089-113.3,63.099-152.344c39.061-39.027,92.788-63.091,152.353-63.099c59.548,0.008,113.283,24.072,152.335,63.099c39.019,39.044,63.091,92.78,63.108,152.344C471.435,315.564,447.363,369.283,408.344,408.335z" style="fill:white;"></path></g></svg>') no-repeat center center;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 20px;
  cursor: pointer;
}
.wpcf7 .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  background: #fff;
  text-align: center;
  color: #0069B2;
  border-color: #0069B2;
  padding: 1em 0;
}

@media screen and (max-width: 768px) {
  .scrollTableWrap.price {
    margin-bottom: 40px;
  }
}

.priceTable {
  width: 100%;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .priceTable {
    margin-bottom: 0px;
    width: 640px;
  }
}
.priceTable th,
.priceTable td {
  padding: 0.8em 1em;
  border: solid 1px #eee;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .priceTable th {
    padding-left: 0;
    padding-right: 5px;
    text-align: center;
  }
}
.priceTable .origin {
  max-width: 120px;
}
.priceTable .wide {
  color: #fff;
}
.priceTable .wide:nth-of-type(2) {
  background: #0069B2;
}
.priceTable .wide:nth-of-type(3) {
  background: #00a2b2;
}
.priceTable .name {
  width: 14%;
  background: rgba(0, 105, 178, 0.1);
  border-color: white;
}
.priceTable .long {
  text-align: right;
  background: #f5f5f5;
  border-color: white;
}
@media screen and (max-width: 768px) {
  .priceTable .long {
    position: sticky;
    left: 0;
  }
}

.staffList {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .staffList {
    flex-wrap: wrap;
  }
}
.staffList li {
  width: 48%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .staffList li {
    width: 100%;
    margin-bottom: 20px;
  }
}
.staffList li > a {
  position: relative;
  display: block;
  overflow: hidden;
}
.staffList li > a:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.staffList li img {
  transition: all 0.6s;
}
.staffList li:hover img {
  transform: scale(1.03);
}
.staffList li .content {
  position: absolute;
  left: 5%;
  bottom: 5%;
  background: #0069B2;
  padding: 25px 20px 20px;
  color: #fff;
  border: solid 1px white;
  min-width: 220px;
}
.staffList li .content .eng {
  font-weight: 300;
  margin-bottom: 5px;
  font-size: 0.9em;
}
.staffList li .content .title {
  color: #fff;
  font-size: 24px;
  margin-bottom: 12px;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .staffList li .content .title {
    font-size: 22px;
  }
}
.staffList li .content .info {
  font-size: 0.9em;
}

.pageContent.staff {
  width: 100%;
}
.pageContent.staff .prof {
  padding: 60px 0;
  position: relative;
  margin-bottom: 180px;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .prof {
    margin-bottom: 60px;
    padding: 0;
  }
}
.pageContent.staff .prof .img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 70%;
}
@media screen and (max-width: 1000px) {
  .pageContent.staff .prof .img {
    width: 90%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .pageContent.staff .prof .img {
    position: relative;
  }
  .pageContent.staff .prof .img:before {
    content: "";
    display: block;
    padding-top: 80%;
  }
}
.pageContent.staff .prof .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .prof .img img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.pageContent.staff .prof .content {
  background: #0069B2;
  padding: 40px;
  box-sizing: border-box;
  width: 40%;
  z-index: 1;
  color: #fff;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .pageContent.staff .prof .content {
    width: 90%;
    margin-top: -100px;
  }
}
@media screen and (max-width: 768px) {
  .pageContent.staff .prof .content {
    margin-top: -50px;
    padding: 30px 20px;
  }
}
.pageContent.staff .prof .content .eng {
  font-size: 20px;
  letter-spacing: 0.1em;
  font-weight: 100;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .prof .content .eng {
    font-size: 16px;
  }
}
.pageContent.staff .prof .content .title {
  font-size: 50px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .prof .content .title {
    font-size: 32px;
  }
}
.pageContent.staff .interview {
  display: flex;
  position: relative;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .interview {
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
}
.pageContent.staff .interview:nth-of-type(2n-1) {
  flex-direction: row-reverse;
}
.pageContent.staff .interview .impact {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .interview .impact {
    width: 100%;
    justify-content: flex-end;
    padding-right: 20px;
    margin-bottom: 30px;
  }
}
.pageContent.staff .interview .impact p {
  writing-mode: vertical-rl;
  font-weight: bold;
  color: #0069B2;
  font-size: 50px;
  letter-spacing: 0.15em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .interview .impact p {
    writing-mode: lr-tb;
    font-size: 18px;
    white-space: pre-wrap;
    -moz-text-align-last: auto;
         text-align-last: auto;
    letter-spacing: 0.15em;
  }
}
.pageContent.staff .interview .impact p:before {
  content: "「";
}
@media screen and (max-width: 768px) {
  .pageContent.staff .interview .impact p:before {
    display: none;
  }
}
.pageContent.staff .interview .impact p:after {
  content: "」";
}
@media screen and (max-width: 768px) {
  .pageContent.staff .interview .impact p:after {
    display: none;
  }
}
.pageContent.staff .interview .impact p.md {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .interview .impact p.md {
    font-size: 20px;
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .pageContent.staff .interview .impact p span {
    padding-left: 1.1em;
    display: block;
  }
}
.pageContent.staff .interview .content {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .interview .content {
    width: 100%;
  }
}
.pageContent.staff .interview .content .img {
  position: relative;
}
.pageContent.staff .interview .content .img:before {
  content: "";
  display: block;
  padding-top: 50%;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .interview .content .img:before {
    padding-top: 60%;
  }
}
.pageContent.staff .interview .content .textArea {
  padding: 50px 40px 30px;
}
@media screen and (max-width: 768px) {
  .pageContent.staff .interview .content .textArea {
    padding: 40px 20px 20px;
  }
}
.pageContent.staff .interview .content .textArea .text + .leftLineTitle {
  margin-top: 50px;
}

.guideTable, .campanyTable {
  width: 100%;
  border-top: solid 1px #ddd;
  margin: 40px 0;
}
.guideTable th, .campanyTable th,
.guideTable td,
.campanyTable td {
  padding: 1em;
  border-bottom: solid 1px #ddd;
}
@media screen and (max-width: 768px) {
  .guideTable th, .campanyTable th,
  .guideTable td,
  .campanyTable td {
    font-size: 12px;
  }
}
.guideTable th, .campanyTable th {
  color: #0069B2;
  text-align: center;
  border-right: solid 1px #ddd;
  width: 200px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .guideTable th, .campanyTable th {
    width: 80px;
  }
}
.guideTable th:before, .campanyTable th:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #fff;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.guideTable tr:last-child th:after, .campanyTable tr:last-child th:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #fff;
  top: 100%;
  right: 0;
  transform: translate(50%, -50%);
}

.btmLinkWrap {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .btmLinkWrap {
    margin-bottom: 40px;
  }
}

.btmLinkBox {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1000px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .btmLinkBox {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .btmLinkBox.wrap {
    flex-wrap: wrap;
  }
  .btmLinkBox.wrap .wBtn {
    margin-bottom: 10px;
    width: calc(50% - 5px);
  }
  .btmLinkBox.wrap .wBtn:nth-of-type(2n) {
    margin-right: 0;
  }
}
.btmLinkBox .wBtn {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0069B2;
  border-radius: 8px;
  border: solid 2px #0069B2;
  box-shadow: 0 4px 0 rgb(0, 74.9157303371, 127);
  margin-right: 20px;
  width: 100%;
  max-width: 320px;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .btmLinkBox .wBtn {
    margin-right: 10px;
    height: 50px;
  }
}
.btmLinkBox .wBtn:last-child {
  margin-right: 0;
}
@media screen and (min-width: 769px) {
  .btmLinkBox .wBtn:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 rgb(0, 74.9157303371, 127);
  }
}

.historyItem {
  text-align: center;
  color: #0069B2;
  margin-top: 20px;
  margin-bottom: 30px;
}
.historyItem dt {
  font-size: 70px;
  line-height: 0.7;
  font-weight: 100;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .historyItem dt {
    font-size: 60px;
  }
}
.historyItem dt span {
  font-size: 12px;
}
.historyItem dd {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .historyItem dd {
    font-size: 20px;
  }
}

.historyTable {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.historyTable tr {
  display: flex;
  align-items: center;
}
.historyTable th {
  font-size: 40px;
  font-weight: 100;
  color: #0069B2;
  padding: 0.2em 0;
  padding-right: 0.8em;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .historyTable th {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .historyTable td {
    padding: 0.7em 0;
  }
}
.historyTable .anv50,
.historyTable .anv90 {
  margin-bottom: 40px;
  position: relative;
}
.historyTable .anv50:after,
.historyTable .anv90:after {
  content: "創業50周年";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #0069B2;
  text-align: center;
  color: #fff;
  line-height: 40px;
}
.historyTable .anv90:after {
  content: "創業90周年";
}

.busBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.busBox .item {
  width: 31.5%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .busBox .item {
    width: 100%;
    margin-bottom: 20px;
  }
}
.busBox .item:before {
  content: "";
  display: block;
  padding-top: 170%;
}
@media screen and (max-width: 768px) {
  .busBox .item:before {
    padding-top: 60%;
  }
}
.busBox .item img {
  transition: all 0.9s;
}
.busBox .item .content {
  position: absolute;
  left: 0;
  bottom: 5%;
  background: #0069B2;
  padding: 20px;
  padding-right: 30px;
  transition: all 0.6s cubic-bezier(0.19, 0.72, 0.26, 0.79);
  min-width: 80%;
}
@media screen and (max-width: 768px) {
  .busBox .item .content {
    padding: 15px;
  }
}
.busBox .item .content:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  margin-right: -1px;
  background: #0069B2;
  width: 100%;
}
.busBox .item .content .eng {
  color: #fff;
}
.busBox .item .content .title {
  font-size: 24px;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .busBox .item .content .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .busBox .item .content .title {
    font-size: 18px;
  }
}
@media screen and (min-width: 769px) {
  .busBox .item:hover img {
    filter: grayscale(100%);
  }
  .busBox .item:hover .content {
    transform: translateX(10%);
  }
}

@media screen and (max-width: 768px) {
  body #booking-package {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  body #booking-package button {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  body #booking-package input {
    font-size: 16px;
  }
}
body #booking-package_calendarPage {
  background: #f5f5f5 !important;
}
body #booking-package_calendarPage .calendar {
  margin-bottom: 0;
}
body #booking-package_calendarPage .calendarData {
  color: #0069B2;
  font-size: 30px;
  padding-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  body #booking-package_calendarPage .calendarData {
    font-size: 24px;
  }
}
body #booking-package_calendarPage .calendarChangeButton label {
  color: #0069B2;
  font-size: 1.5em;
}
body #booking-package_calendarPage .calendarChangeButton .arrowFont {
  font-size: 1.5em !important;
  margin-top: -5px;
}
body #booking-package_calendarPage .dayPanel {
  position: relative;
  transition: all 0.3s;
}
body #booking-package_calendarPage .dayPanel .dayPostion {
  transition: all 0.3s;
}
body #booking-package_calendarPage .dayPanel .symbolPanel.material-icons {
  position: relative;
  height: 15px;
  margin-top: 12px;
}
body #booking-package_calendarPage .dayPanel .symbolPanel.material-icons:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: white url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27%E3%82%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%82%A4%E3%83%97%E3%81%AE%E5%86%86%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27512%27%20height%3D%27512%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4503%27%20data-name%3D%27%E3%83%91%E3%82%B9%204503%27%20d%3D%27M256%2C64c105.875%2C0%2C192%2C86.125%2C192%2C192S361.875%2C448%2C256%2C448C150.141%2C448%2C64%2C361.875%2C64%2C256S150.141%2C64%2C256%2C64m0-64C114.609%2C0%2C0%2C114.625%2C0%2C256%2C0%2C397.391%2C114.609%2C512%2C256%2C512c141.375%2C0%2C256-114.609%2C256-256C512%2C114.625%2C397.375%2C0%2C256%2C0Z%27%20fill%3D%27%230069b2%27%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
  transition: all 0.3s;
}
body #booking-package_calendarPage .dayPanel.pointer {
  background: #fff;
}
@media screen and (min-width: 769px) {
  body #booking-package_calendarPage .dayPanel.pointer:hover {
    background: #0069B2 !important;
  }
  body #booking-package_calendarPage .dayPanel.pointer:hover .symbolPanel.material-icons:before {
    background: #0069B2 url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27%E3%82%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%82%A4%E3%83%97%E3%81%AE%E5%86%86%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27512%27%20height%3D%27512%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4503%27%20data-name%3D%27%E3%83%91%E3%82%B9%204503%27%20d%3D%27M256%2C64c105.875%2C0%2C192%2C86.125%2C192%2C192S361.875%2C448%2C256%2C448C150.141%2C448%2C64%2C361.875%2C64%2C256S150.141%2C64%2C256%2C64m0-64C114.609%2C0%2C0%2C114.625%2C0%2C256%2C0%2C397.391%2C114.609%2C512%2C256%2C512c141.375%2C0%2C256-114.609%2C256-256C512%2C114.625%2C397.375%2C0%2C256%2C0Z%27%20fill%3D%27%23FFF%27%2F%3E%3C%2Fsvg%3E") no-repeat center center;
    background-size: contain;
  }
  body #booking-package_calendarPage .dayPanel.pointer:hover .dayPostion {
    color: #fff;
  }
}
body #booking-package_calendarPage .dayPanel.sat {
  background: #a9d7dc;
}
body #booking-package_calendarPage .dayPanel.sat .symbolPanel.material-icons:before {
  background: #a9d7dc url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27%E3%82%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%82%A4%E3%83%97%E3%81%AE%E5%86%86%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27512%27%20height%3D%27512%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4503%27%20data-name%3D%27%E3%83%91%E3%82%B9%204503%27%20d%3D%27M256%2C64c105.875%2C0%2C192%2C86.125%2C192%2C192S361.875%2C448%2C256%2C448C150.141%2C448%2C64%2C361.875%2C64%2C256S150.141%2C64%2C256%2C64m0-64C114.609%2C0%2C0%2C114.625%2C0%2C256%2C0%2C397.391%2C114.609%2C512%2C256%2C512c141.375%2C0%2C256-114.609%2C256-256C512%2C114.625%2C397.375%2C0%2C256%2C0Z%27%20fill%3D%27%230069b2%27%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
}
body #booking-package_calendarPage .dayPanel.sun {
  background: #f6d9de;
}
body #booking-package_calendarPage .dayPanel.sun .symbolPanel.material-icons:before {
  background: #f6d9de url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27%E3%82%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%82%A4%E3%83%97%E3%81%AE%E5%86%86%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27512%27%20height%3D%27512%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4503%27%20data-name%3D%27%E3%83%91%E3%82%B9%204503%27%20d%3D%27M256%2C64c105.875%2C0%2C192%2C86.125%2C192%2C192S361.875%2C448%2C256%2C448C150.141%2C448%2C64%2C361.875%2C64%2C256S150.141%2C64%2C256%2C64m0-64C114.609%2C0%2C0%2C114.625%2C0%2C256%2C0%2C397.391%2C114.609%2C512%2C256%2C512c141.375%2C0%2C256-114.609%2C256-256C512%2C114.625%2C397.375%2C0%2C256%2C0Z%27%20fill%3D%27%230069b2%27%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
}
body #booking-package_calendarPage .dayPanel.closeDay {
  background: #4e89b2;
  border-color: #fff;
}
body #booking-package_calendarPage .dayPanel.closeDay .dayPostion {
  color: #fff;
}
body #booking-package_calendarPage .dayPanel.closeDay .symbolPanel.material-icons {
  position: relative;
}
body #booking-package_calendarPage .dayPanel.closeDay .symbolPanel.material-icons:before {
  background: #4e89b2 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27511.996%27%20height%3D%27512%27%20viewBox%3D%270%200%20511.996%20512%27%3E%3Cg%20id%3D%27%E3%83%8E%E3%83%BC%E3%83%9E%E3%83%AB%E3%81%AE%E5%A4%AA%E3%81%95%E3%81%AE%E3%83%90%E3%83%84%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%27%20transform%3D%27translate%28-0.002%29%27%3E%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4502%27%20data-name%3D%27%E3%83%91%E3%82%B9%204502%27%20d%3D%27M512%2C70.682%2C441.315%2C0%2C256%2C185.313%2C70.685%2C0%2C0%2C70.692%2C185.316%2C256.006%2C0%2C441.318%2C70.69%2C512%2C256%2C326.688%2C441.315%2C512%2C512%2C441.318%2C326.684%2C256.006Z%27%20fill%3D%27%23FFFFFF%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
}
body #booking-package_calendarPage .dayPanel.holidayPanel {
  background: #e35353 !important;
}
body #booking-package_schedulePage .selectedDate {
  background: #f5f5f5;
}
body #booking-package_schedulePage .bottomPanel {
  background: #f5f5f5;
}
body #booking-package_schedulePage .selectPanelError {
  background: #ccc;
  color: #fff;
}
body #booking-package_schedulePage .selectPanelActive {
  background: #0069B2;
  color: #fff;
}
body #booking-package_schedulePage button#returnToCalendarButton {
  display: block;
  width: 320px;
  margin: 10px auto 0;
}
body #booking-package_schedulePage button#returnToCalendarButton:after {
  right: auto;
  left: 15px;
  transform: rotateY(180deg) translateY(-50%);
}
@media screen and (min-width: 769px) {
  body #booking-package_schedulePage button#returnToCalendarButton:hover:after {
    transform: rotateY(180deg) translate(50%, -50%);
  }
}
body #booking-package_inputFormPanel,
body #booking-package_myBookingDetails,
body #booking-package_serviceDetails,
body #booking-package_myBookingDetailsFroVisitor {
  background: #f5f5f5;
}
body #booking-package_inputFormPanel .selectedDate,
body #booking-package_myBookingDetails .selectedDate,
body #booking-package_serviceDetails .selectedDate,
body #booking-package_myBookingDetailsFroVisitor .selectedDate {
  background: #f5f5f5;
  display: none;
}
body #booking-package_inputFormPanel .row,
body #booking-package_myBookingDetails .row,
body #booking-package_serviceDetails .row,
body #booking-package_myBookingDetailsFroVisitor .row {
  display: flex;
  border: none;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel .row,
  body #booking-package_myBookingDetails .row,
  body #booking-package_serviceDetails .row,
  body #booking-package_myBookingDetailsFroVisitor .row {
    flex-direction: column;
  }
}
body #booking-package_inputFormPanel .row .name,
body #booking-package_myBookingDetails .row .name,
body #booking-package_serviceDetails .row .name,
body #booking-package_myBookingDetailsFroVisitor .row .name {
  width: 240px;
  min-width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0069B2;
  color: #fff;
  margin-right: 15px;
  min-height: 50px;
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel .row .name,
  body #booking-package_myBookingDetails .row .name,
  body #booking-package_serviceDetails .row .name,
  body #booking-package_myBookingDetailsFroVisitor .row .name {
    width: 100%;
    min-height: 35px;
  }
}
body #booking-package_inputFormPanel .row .name.required:after,
body #booking-package_myBookingDetails .row .name.required:after,
body #booking-package_serviceDetails .row .name.required:after,
body #booking-package_myBookingDetailsFroVisitor .row .name.required:after {
  display: none;
}
body #booking-package_inputFormPanel .row .value,
body #booking-package_myBookingDetails .row .value,
body #booking-package_serviceDetails .row .value,
body #booking-package_myBookingDetailsFroVisitor .row .value {
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
}
body #booking-package_inputFormPanel .row .value input[type=text],
body #booking-package_inputFormPanel .row .value input[type=tel],
body #booking-package_inputFormPanel .row .value input[type=email],
body #booking-package_myBookingDetails .row .value input[type=text],
body #booking-package_myBookingDetails .row .value input[type=tel],
body #booking-package_myBookingDetails .row .value input[type=email],
body #booking-package_serviceDetails .row .value input[type=text],
body #booking-package_serviceDetails .row .value input[type=tel],
body #booking-package_serviceDetails .row .value input[type=email],
body #booking-package_myBookingDetailsFroVisitor .row .value input[type=text],
body #booking-package_myBookingDetailsFroVisitor .row .value input[type=tel],
body #booking-package_myBookingDetailsFroVisitor .row .value input[type=email] {
  width: 100%;
  border: none;
  background: none;
}
body #booking-package_inputFormPanel .row .value span.radio_title,
body #booking-package_myBookingDetails .row .value span.radio_title,
body #booking-package_serviceDetails .row .value span.radio_title,
body #booking-package_myBookingDetailsFroVisitor .row .value span.radio_title {
  cursor: pointer;
}
body #booking-package_inputFormPanel .row.rowError,
body #booking-package_myBookingDetails .row.rowError,
body #booking-package_serviceDetails .row.rowError,
body #booking-package_myBookingDetailsFroVisitor .row.rowError {
  background: none;
}
body #booking-package_inputFormPanel .row.rowError .name,
body #booking-package_myBookingDetails .row.rowError .name,
body #booking-package_serviceDetails .row.rowError .name,
body #booking-package_myBookingDetailsFroVisitor .row.rowError .name {
  background: #e35353;
}
body #booking-package_inputFormPanel .row.rowError .name.required:before,
body #booking-package_myBookingDetails .row.rowError .name.required:before,
body #booking-package_serviceDetails .row.rowError .name.required:before,
body #booking-package_myBookingDetailsFroVisitor .row.rowError .name.required:before {
  color: #e35353;
}
body #booking-package_inputFormPanel .bgNone .value,
body #booking-package_myBookingDetails .bgNone .value,
body #booking-package_serviceDetails .bgNone .value,
body #booking-package_myBookingDetailsFroVisitor .bgNone .value {
  background: #f5f5f5;
}
body #booking-package_inputFormPanel .nameWrap,
body #booking-package_myBookingDetails .nameWrap,
body #booking-package_serviceDetails .nameWrap,
body #booking-package_myBookingDetailsFroVisitor .nameWrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel .nameWrap,
  body #booking-package_myBookingDetails .nameWrap,
  body #booking-package_serviceDetails .nameWrap,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap {
    position: relative;
    flex-wrap: wrap;
  }
  body #booking-package_inputFormPanel .nameWrap:before,
  body #booking-package_myBookingDetails .nameWrap:before,
  body #booking-package_serviceDetails .nameWrap:before,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap:before {
    content: "氏名";
    background: #0069B2;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
  }
  body #booking-package_inputFormPanel .nameWrap:after,
  body #booking-package_myBookingDetails .nameWrap:after,
  body #booking-package_serviceDetails .nameWrap:after,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap:after {
    content: "";
    width: 30px;
    line-height: 30px;
    content: "必須";
    position: absolute;
    right: 4px;
    top: 5%;
    transform: scale(1);
    background: #fff;
    color: #0069B2;
    font-size: 10px;
    text-align: center;
    border-radius: 100px;
    font-weight: bold;
  }
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel .nameWrap .nameRow,
  body #booking-package_inputFormPanel .nameWrap .kanaRow,
  body #booking-package_myBookingDetails .nameWrap .nameRow,
  body #booking-package_myBookingDetails .nameWrap .kanaRow,
  body #booking-package_serviceDetails .nameWrap .nameRow,
  body #booking-package_serviceDetails .nameWrap .kanaRow,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap .nameRow,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap .kanaRow {
    width: 48%;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel .nameWrap .nameRow:nth-of-type(1) .name,
  body #booking-package_inputFormPanel .nameWrap .kanaRow:nth-of-type(1) .name,
  body #booking-package_myBookingDetails .nameWrap .nameRow:nth-of-type(1) .name,
  body #booking-package_myBookingDetails .nameWrap .kanaRow:nth-of-type(1) .name,
  body #booking-package_serviceDetails .nameWrap .nameRow:nth-of-type(1) .name,
  body #booking-package_serviceDetails .nameWrap .kanaRow:nth-of-type(1) .name,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap .nameRow:nth-of-type(1) .name,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap .kanaRow:nth-of-type(1) .name {
    display: none;
  }
}
body #booking-package_inputFormPanel .nameWrap .nameRow:nth-of-type(1) .value,
body #booking-package_inputFormPanel .nameWrap .kanaRow:nth-of-type(1) .value,
body #booking-package_myBookingDetails .nameWrap .nameRow:nth-of-type(1) .value,
body #booking-package_myBookingDetails .nameWrap .kanaRow:nth-of-type(1) .value,
body #booking-package_serviceDetails .nameWrap .nameRow:nth-of-type(1) .value,
body #booking-package_serviceDetails .nameWrap .kanaRow:nth-of-type(1) .value,
body #booking-package_myBookingDetailsFroVisitor .nameWrap .nameRow:nth-of-type(1) .value,
body #booking-package_myBookingDetailsFroVisitor .nameWrap .kanaRow:nth-of-type(1) .value {
  width: 264px;
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel .nameWrap .nameRow:nth-of-type(1) .value,
  body #booking-package_inputFormPanel .nameWrap .kanaRow:nth-of-type(1) .value,
  body #booking-package_myBookingDetails .nameWrap .nameRow:nth-of-type(1) .value,
  body #booking-package_myBookingDetails .nameWrap .kanaRow:nth-of-type(1) .value,
  body #booking-package_serviceDetails .nameWrap .nameRow:nth-of-type(1) .value,
  body #booking-package_serviceDetails .nameWrap .kanaRow:nth-of-type(1) .value,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap .nameRow:nth-of-type(1) .value,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap .kanaRow:nth-of-type(1) .value {
    width: 100%;
  }
}
body #booking-package_inputFormPanel .nameWrap .nameRow:nth-of-type(2),
body #booking-package_inputFormPanel .nameWrap .kanaRow:nth-of-type(2),
body #booking-package_myBookingDetails .nameWrap .nameRow:nth-of-type(2),
body #booking-package_myBookingDetails .nameWrap .kanaRow:nth-of-type(2),
body #booking-package_serviceDetails .nameWrap .nameRow:nth-of-type(2),
body #booking-package_serviceDetails .nameWrap .kanaRow:nth-of-type(2),
body #booking-package_myBookingDetailsFroVisitor .nameWrap .nameRow:nth-of-type(2),
body #booking-package_myBookingDetailsFroVisitor .nameWrap .kanaRow:nth-of-type(2) {
  display: flex;
  justify-content: flex-end;
}
body #booking-package_inputFormPanel .nameWrap .nameRow:nth-of-type(2) .name,
body #booking-package_inputFormPanel .nameWrap .kanaRow:nth-of-type(2) .name,
body #booking-package_myBookingDetails .nameWrap .nameRow:nth-of-type(2) .name,
body #booking-package_myBookingDetails .nameWrap .kanaRow:nth-of-type(2) .name,
body #booking-package_serviceDetails .nameWrap .nameRow:nth-of-type(2) .name,
body #booking-package_serviceDetails .nameWrap .kanaRow:nth-of-type(2) .name,
body #booking-package_myBookingDetailsFroVisitor .nameWrap .nameRow:nth-of-type(2) .name,
body #booking-package_myBookingDetailsFroVisitor .nameWrap .kanaRow:nth-of-type(2) .name {
  display: none;
}
body #booking-package_inputFormPanel .nameWrap .nameRow .value,
body #booking-package_inputFormPanel .nameWrap .kanaRow .value,
body #booking-package_myBookingDetails .nameWrap .nameRow .value,
body #booking-package_myBookingDetails .nameWrap .kanaRow .value,
body #booking-package_serviceDetails .nameWrap .nameRow .value,
body #booking-package_serviceDetails .nameWrap .kanaRow .value,
body #booking-package_myBookingDetailsFroVisitor .nameWrap .nameRow .value,
body #booking-package_myBookingDetailsFroVisitor .nameWrap .kanaRow .value {
  width: 264px;
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel .nameWrap .nameRow .value,
  body #booking-package_inputFormPanel .nameWrap .kanaRow .value,
  body #booking-package_myBookingDetails .nameWrap .nameRow .value,
  body #booking-package_myBookingDetails .nameWrap .kanaRow .value,
  body #booking-package_serviceDetails .nameWrap .nameRow .value,
  body #booking-package_serviceDetails .nameWrap .kanaRow .value,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap .nameRow .value,
  body #booking-package_myBookingDetailsFroVisitor .nameWrap .kanaRow .value {
    width: 100%;
  }
}
body #booking-package_inputFormPanel .confirm .value,
body #booking-package_myBookingDetails .confirm .value,
body #booking-package_serviceDetails .confirm .value,
body #booking-package_myBookingDetailsFroVisitor .confirm .value {
  background: none;
  position: relative;
}
body #booking-package_inputFormPanel .confirm .value:after,
body #booking-package_myBookingDetails .confirm .value:after,
body #booking-package_serviceDetails .confirm .value:after,
body #booking-package_myBookingDetailsFroVisitor .confirm .value:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
}
body #booking-package_inputFormPanel .confirm .value label,
body #booking-package_myBookingDetails .confirm .value label,
body #booking-package_serviceDetails .confirm .value label,
body #booking-package_myBookingDetailsFroVisitor .confirm .value label {
  display: flex;
  align-items: center;
}
body #booking-package_inputFormPanel .confirm .value input[type=checkbox],
body #booking-package_myBookingDetails .confirm .value input[type=checkbox],
body #booking-package_serviceDetails .confirm .value input[type=checkbox],
body #booking-package_myBookingDetailsFroVisitor .confirm .value input[type=checkbox] {
  position: relative;
}
body #booking-package_inputFormPanel .confirm .value input[type=checkbox]:before,
body #booking-package_myBookingDetails .confirm .value input[type=checkbox]:before,
body #booking-package_serviceDetails .confirm .value input[type=checkbox]:before,
body #booking-package_myBookingDetailsFroVisitor .confirm .value input[type=checkbox]:before {
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: #fff;
  border: solid 2px #0069B2;
}
body #booking-package_inputFormPanel .confirm .value input[type=checkbox]:checked:before,
body #booking-package_myBookingDetails .confirm .value input[type=checkbox]:checked:before,
body #booking-package_serviceDetails .confirm .value input[type=checkbox]:checked:before,
body #booking-package_myBookingDetailsFroVisitor .confirm .value input[type=checkbox]:checked:before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27check%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27512%27%20height%3D%27441.016%27%20viewBox%3D%270%200%20512%20441.016%27%3E%0D%0A%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4497%27%20data-name%3D%27%E3%83%91%E3%82%B9%204497%27%20d%3D%27M469.4%2C35.492C334.09%2C110.664%2C197.114%2C324.5%2C197.114%2C324.5L73.509%2C184.176%2C0%2C254.336%2C178.732%2C476.508l65.15-2.5C327.414%2C223.414%2C512%2C55.539%2C512%2C55.539Z%27%20transform%3D%27translate%280%20-35.492%29%27%20fill%3D%27%230069B2%27%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
  background-size: contain;
}
body #booking-package_inputFormPanel .policy,
body #booking-package_myBookingDetails .policy,
body #booking-package_serviceDetails .policy,
body #booking-package_myBookingDetailsFroVisitor .policy {
  text-align: center;
  color: #0069B2;
  white-space: nowrap;
}
body #booking-package_inputFormPanel .policy .name,
body #booking-package_myBookingDetails .policy .name,
body #booking-package_serviceDetails .policy .name,
body #booking-package_myBookingDetailsFroVisitor .policy .name {
  display: none;
}
body #booking-package_inputFormPanel .policy .value,
body #booking-package_myBookingDetails .policy .value,
body #booking-package_serviceDetails .policy .value,
body #booking-package_myBookingDetailsFroVisitor .policy .value {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
body #booking-package_inputFormPanel .policy .value label,
body #booking-package_myBookingDetails .policy .value label,
body #booking-package_serviceDetails .policy .value label,
body #booking-package_myBookingDetailsFroVisitor .policy .value label {
  display: flex;
  align-items: center;
}
body #booking-package_inputFormPanel .policy .value input[type=checkbox],
body #booking-package_myBookingDetails .policy .value input[type=checkbox],
body #booking-package_serviceDetails .policy .value input[type=checkbox],
body #booking-package_myBookingDetailsFroVisitor .policy .value input[type=checkbox] {
  position: relative;
}
body #booking-package_inputFormPanel .policy .value input[type=checkbox]:before,
body #booking-package_myBookingDetails .policy .value input[type=checkbox]:before,
body #booking-package_serviceDetails .policy .value input[type=checkbox]:before,
body #booking-package_myBookingDetailsFroVisitor .policy .value input[type=checkbox]:before {
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: #fff;
  border: solid 2px #0069B2;
}
body #booking-package_inputFormPanel .policy .value input[type=checkbox]:checked:before,
body #booking-package_myBookingDetails .policy .value input[type=checkbox]:checked:before,
body #booking-package_serviceDetails .policy .value input[type=checkbox]:checked:before,
body #booking-package_myBookingDetailsFroVisitor .policy .value input[type=checkbox]:checked:before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27check%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27512%27%20height%3D%27441.016%27%20viewBox%3D%270%200%20512%20441.016%27%3E%0D%0A%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4497%27%20data-name%3D%27%E3%83%91%E3%82%B9%204497%27%20d%3D%27M469.4%2C35.492C334.09%2C110.664%2C197.114%2C324.5%2C197.114%2C324.5L73.509%2C184.176%2C0%2C254.336%2C178.732%2C476.508l65.15-2.5C327.414%2C223.414%2C512%2C55.539%2C512%2C55.539Z%27%20transform%3D%27translate%280%20-35.492%29%27%20fill%3D%27%230069B2%27%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
}
body #booking-package_inputFormPanel #paymentPanel,
body #booking-package_myBookingDetails #paymentPanel,
body #booking-package_serviceDetails #paymentPanel,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel {
  display: flex;
  justify-content: center;
  justify-content: space-between;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel #paymentPanel,
  body #booking-package_myBookingDetails #paymentPanel,
  body #booking-package_serviceDetails #paymentPanel,
  body #booking-package_myBookingDetailsFroVisitor #paymentPanel {
    margin-top: 0;
  }
}
body #booking-package_inputFormPanel #paymentPanel .btmBtn,
body #booking-package_myBookingDetails #paymentPanel .btmBtn,
body #booking-package_serviceDetails #paymentPanel .btmBtn,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn {
  padding: 0;
  width: 48%;
}
@media screen and (max-width: 768px) {
  body #booking-package_inputFormPanel #paymentPanel .btmBtn,
  body #booking-package_myBookingDetails #paymentPanel .btmBtn,
  body #booking-package_serviceDetails #paymentPanel .btmBtn,
  body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn {
    font-size: 12px;
  }
}
body #booking-package_inputFormPanel #paymentPanel .btmBtn.returnBtn:after,
body #booking-package_myBookingDetails #paymentPanel .btmBtn.returnBtn:after,
body #booking-package_serviceDetails #paymentPanel .btmBtn.returnBtn:after,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn.returnBtn:after {
  right: auto;
  left: 15px;
  transform: rotateY(180deg) translateY(-50%);
}
@media screen and (min-width: 769px) {
  body #booking-package_inputFormPanel #paymentPanel .btmBtn.returnBtn:hover:after,
  body #booking-package_myBookingDetails #paymentPanel .btmBtn.returnBtn:hover:after,
  body #booking-package_serviceDetails #paymentPanel .btmBtn.returnBtn:hover:after,
  body #booking-package_myBookingDetailsFroVisitor #paymentPanel .btmBtn.returnBtn:hover:after {
    transform: rotateY(180deg) translate(50%, -50%);
  }
}
body #booking-package_inputFormPanel #paymentPanel .cartPanel,
body #booking-package_myBookingDetails #paymentPanel .cartPanel,
body #booking-package_serviceDetails #paymentPanel .cartPanel,
body #booking-package_myBookingDetailsFroVisitor #paymentPanel .cartPanel {
  display: none;
}
body #booking-package_inputFormPanel #booking_package_input_lend,
body #booking-package_myBookingDetails #booking_package_input_lend,
body #booking-package_serviceDetails #booking_package_input_lend,
body #booking-package_myBookingDetailsFroVisitor #booking_package_input_lend {
  display: flex;
}
body #booking-package_inputFormPanel #booking_package_input_lend label:nth-of-type(1),
body #booking-package_myBookingDetails #booking_package_input_lend label:nth-of-type(1),
body #booking-package_serviceDetails #booking_package_input_lend label:nth-of-type(1),
body #booking-package_myBookingDetailsFroVisitor #booking_package_input_lend label:nth-of-type(1) {
  margin-right: 10px;
}
body #booking-package_inputFormPanel input[type=radio]:checked::before,
body #booking-package_myBookingDetails input[type=radio]:checked::before,
body #booking-package_serviceDetails input[type=radio]:checked::before,
body #booking-package_myBookingDetailsFroVisitor input[type=radio]:checked::before {
  background: #0069B2;
  width: 12px;
  height: 12px;
}
body #booking-package_inputFormPanel {
  position: relative;
}
body #booking-package_inputFormPanel:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f5f5f5;
  transition: all 0.6s cubic-bezier(0.28, 0.76, 0.37, 0.99);
  z-index: 100;
}
body #booking-package_inputFormPanel.active:before {
  opacity: 0;
  visibility: hidden;
}
body #bookingBlockPanel .loader #spinner {
  stroke: #0069B2 !important;
  stroke-width: 6px;
}

.confirmWrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 800;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
.confirmWrap.active {
  opacity: 1;
  visibility: visible;
}
.confirmWrap .inner {
  background: #fff;
  padding-bottom: 20px;
  max-width: 92%;
}
.confirmWrap .inner .title {
  background: #0069B2;
  padding: 0.5em;
  color: #fff;
}
.confirmWrap .inner ul {
  padding: 1em;
  margin-bottom: 20px;
}
.confirmWrap .inner .btn {
  width: 320px;
  margin: 0 auto;
}

#entry.page-philosophy .pageContent {
  width: 100%;
  max-width: 100%;
}

.phiLead {
  margin: 140px 0;
  color: #0069B2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .phiLead {
    font-size: 4vw;
    margin: 100px 0;
  }
}
.phiLead span {
  display: block;
  position: relative;
}
.phiLead span:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: 110%;
  bottom: 100%;
  border: solid #0069B2;
  border-width: 2px 2px 0 0;
}
@media screen and (max-width: 768px) {
  .phiLead span:before {
    left: 102%;
    bottom: 105%;
  }
}
.phiLead span:nth-of-type(2) {
  padding-right: 1em;
}
.phiLead span:nth-of-type(2):before {
  left: auto;
  right: 110%;
  top: 100%;
  border-width: 0 0 2px 2px;
}
@media screen and (max-width: 768px) {
  .phiLead span:nth-of-type(2):before {
    right: 102%;
    top: 105%;
  }
}

.promise {
  background: #f5f5f5;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .promise {
    padding: 60px 0;
  }
}
.promise > .titleArea,
.promise > .list {
  max-width: 900px;
}
.promise .titleArea {
  text-align: center;
  color: #0069B2;
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .promise .titleArea {
    margin-bottom: 100px;
  }
}
.promise .titleArea .en {
  font-size: 50px;
  display: block;
  margin-bottom: 0.1em;
}
@media screen and (max-width: 768px) {
  .promise .titleArea .en {
    font-size: 32px;
  }
}
.promise .titleArea .ja {
  font-size: 28px;
  font-weight: 500;
  display: block;
}
@media screen and (max-width: 768px) {
  .promise .titleArea .ja {
    font-size: 20px;
  }
}
.promise .list {
  counter-reset: section;
}
.promise .list li {
  background: #fff;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  margin-bottom: 100px;
  width: 80%;
  margin-left: auto;
  margin-right: 0;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 768px) {
  .promise .list li {
    padding: 40px 20px 30px;
    width: 90%;
    margin-bottom: 80px;
  }
}
.promise .list li:nth-of-type(2n) {
  margin-left: auto;
  margin-left: 0;
}
.promise .list li:last-child {
  margin-bottom: 0;
}
.promise .list li:before {
  counter-increment: section;
  content: counter(section, decimal-leading-zero);
  font-size: 240px;
  color: #0069B2;
  font-weight: 100;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-40%, -40%);
}
@media screen and (max-width: 768px) {
  .promise .list li:before {
    font-size: 120px;
    transform: translate(-25%, -55%);
  }
}
.promise .list li:nth-of-type(2n):before {
  left: auto;
  right: 0;
  transform: translate(40%, -40%);
}
@media screen and (max-width: 768px) {
  .promise .list li:nth-of-type(2n):before {
    transform: translate(25%, -55%);
  }
}
.promise .list li .title {
  font-size: 28px;
  color: #0069B2;
  margin-bottom: 40px;
  position: relative;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .promise .list li .title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.promise .list li .title:before {
  content: "";
  position: absolute;
  width: 70px;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 100%;
  height: 4px;
  background: #0069B2;
  margin-top: 10px;
}
.promise .list li .text {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .promise .list li .text {
    text-align: left;
  }
}

.messageImg {
  position: relative;
}
.messageImg .img {
  position: relative;
}
@media screen and (max-width: 768px) {
  .messageImg .img:before {
    content: "";
    display: block;
    padding-top: 95%;
  }
}
@media screen and (max-width: 768px) {
  .messageImg .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.messageImg .impact {
  position: absolute;
  top: 5%;
  left: 5%;
  color: #0069B2;
  font-size: 40px;
  line-height: 1.6;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .messageImg .impact {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .messageImg .impact {
    font-size: 5vw;
  }
}
.messageImg .content {
  position: absolute;
  bottom: 5%;
  left: 5%;
  background: #0069B2;
  padding: 25px 30px;
  min-width: 330px;
}
.messageImg .content > p,
.messageImg .content > h2 {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .messageImg .content {
    padding: 10px 10px;
    bottom: 3%;
    min-width: unset;
  }
}
.messageImg .content .eng {
  font-size: 20px;
  font-weight: 100;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .messageImg .content .eng {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.messageImg .content .title {
  font-size: 40px;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .messageImg .content .title {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.messageImg .content .info {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .messageImg .content .info {
    font-size: 10px;
  }
}

.messageText {
  padding: 60px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .messageText {
    padding: 30px 20px;
  }
}
.messageText p {
  font-size: 1.1em;
  line-height: 2.5;
  margin-bottom: 2em;
}
.messageText .sign {
  width: 200px;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .messageText .sign {
    max-width: 100px;
  }
}

.pageLead {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .pageLead {
    margin-bottom: 50px;
  }
}

.tabArea {
  background: #fff;
}
.tabArea .changeBtnWrap {
  display: flex;
}
.tabArea .changeBtn {
  background: #9DB4C4;
  color: #fff;
  width: 100%;
  margin-right: 2px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .tabArea .changeBtn {
    font-size: 11px;
  }
}
.tabArea .changeBtn.active {
  background: #0069B2;
  position: relative;
}
.tabArea .changeBtn.active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-color: #0069B2 transparent transparent transparent;
  border-width: 12px 15px 0 15px;
}
.tabArea .panel {
  display: none;
  padding: 60px 80px;
}
@media screen and (max-width: 1000px) {
  .tabArea .panel {
    padding: 50px 40px;
  }
}
@media screen and (max-width: 768px) {
  .tabArea .panel {
    padding: 40px 20px;
  }
}
.tabArea .panel > .title {
  text-align: center;
  color: #0069B2;
  margin-bottom: 50px;
  font-size: 24px;
  position: relative;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .tabArea .panel > .title {
    font-size: 18px;
  }
}
.tabArea .panel > .title:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: 0 auto;
  margin-top: 20px;
  height: 2px;
  background: #0069B2;
  width: 70px;
}

.circleTitle {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .circleTitle {
    margin-bottom: 10px;
  }
}
.circleTitle .circleNum {
  width: 110px;
  height: 110px;
  background: #0069B2;
  border-radius: 999px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .circleTitle .circleNum {
    width: 60px;
    height: 60px;
    min-width: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.circleTitle .circleNum .ja {
  font-size: 12px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .circleTitle .circleNum .ja {
    font-size: 10px;
    margin-bottom: 5px;
  }
}
.circleTitle .circleNum .num {
  line-height: 0.7;
  font-size: 64px;
}
@media screen and (max-width: 768px) {
  .circleTitle .circleNum .num {
    font-size: 32px;
  }
}
.circleTitle .title {
  color: #0069B2;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .circleTitle .title {
    font-size: 14px;
  }
}

.featureList {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .featureList {
    margin-top: 40px;
  }
}
.featureList li {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .featureList li {
    margin-bottom: 40px;
  }
}
.featureList .note {
  margin: 1.5em 0;
  border-left: 4px solid #0069B2;
  padding: 0.5em 0;
  padding-left: 1em;
}
.featureList .movePanel {
  color: #0069B2;
  text-decoration: underline;
  padding: 0.5em 0;
  cursor: pointer;
  transition: all 0.3s;
}
.featureList .movePanel:hover {
  opacity: 0.7;
}
.featureList p {
  margin-bottom: 1em;
}

.inspectionFlow {
  counter-reset: section;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.inspectionFlow > li {
  position: relative;
  box-sizing: border-box;
  padding: 40px;
  width: 50%;
}
@media screen and (max-width: 1000px) {
  .inspectionFlow > li {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .inspectionFlow > li {
    width: 100%;
    margin-bottom: 30px;
    padding: 40px 10px;
  }
}
.inspectionFlow > li:before {
  counter-increment: section;
  content: "STEP" counter(section);
  text-align: center;
  display: block;
  letter-spacing: 0.15em;
  color: #0069B2;
  font-size: 24px;
  line-height: 48px;
  border: solid #0069B2;
  border-width: 1px 0;
  font-weight: 500;
}
.inspectionFlow > li:after {
  content: "";
  position: absolute;
  left: 94%;
  top: 40%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27%E7%9F%A2%E5%8D%B0%E3%83%9C%E3%82%BF%E3%83%B3_%E5%8F%B33%27%20data-name%3D%27%E7%9F%A2%E5%8D%B0%E3%83%9C%E3%82%BF%E3%83%B3%E3%80%80%E5%8F%B33%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2747%27%20height%3D%2747%27%20viewBox%3D%270%200%2047%2047%27%3E%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_303%27%20data-name%3D%27%E3%83%91%E3%82%B9%20303%27%20d%3D%27M23.5%2C0A23.5%2C23.5%2C0%2C1%2C0%2C47%2C23.5%2C23.5%2C23.5%2C0%2C0%2C0%2C23.5%2C0ZM21.316%2C35.761l-4.048-4.049L25.48%2C23.5l-8.212-8.213%2C4.048-4.048L33.578%2C23.5Z%27%20fill%3D%27%230069b2%27%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  .inspectionFlow > li:after {
    transform: translateX(-50%) rotate(90deg);
    right: auto;
    top: auto;
    left: 50%;
    bottom: 100%;
  }
}
.inspectionFlow > li:last-child:after {
  display: none;
}
.inspectionFlow > li .img {
  text-align: center;
}
.inspectionFlow > li > .title {
  font-size: 24px;
  text-align: center;
  color: #0069B2;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .inspectionFlow > li > .title {
    font-size: 18px;
  }
}
.inspectionFlow > li svg {
  fill: #0069B2;
}
.inspectionFlow > li .doc {
  background: #0069B2;
  color: #fff;
  padding: 10px;
  font-size: 0.9em;
  margin-top: 10px;
}
.inspectionFlow > li .doc .title {
  text-align: center;
  border-bottom: solid 2px white;
  margin-bottom: 5px;
}
.inspectionFlow > li .doc .note {
  font-size: 0.8em;
}

.jobItem {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .jobItem {
    margin-bottom: 80px;
  }
}

.scrollTableWrap {
  position: relative;
}
@media screen and (max-width: 768px) {
  .scrollTableWrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    background: linear-gradient(90deg, transparent, white);
    z-index: 1;
  }
}
.scrollTableWrap .inner {
  overflow: auto;
  padding-bottom: 20px;
}

.inspectionTable {
  width: 100%;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .inspectionTable {
    margin-top: 40px;
    width: 600px;
    display: block;
    padding-right: 10px;
  }
}
.inspectionTable tr:nth-of-type(2n) th,
.inspectionTable tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.inspectionTable tr:nth-of-type(2n) .charge {
  background: rgb(0, 98.9831460674, 167.8);
}
.inspectionTable th,
.inspectionTable td {
  text-align: center;
  padding: 1em;
}
@media screen and (max-width: 768px) {
  .inspectionTable th,
  .inspectionTable td {
    padding: 0.5em 0.5em;
  }
}
@media screen and (max-width: 768px) {
  .inspectionTable th:nth-of-type(1) {
    box-sizing: border-box;
    width: 90px;
    padding: 0;
  }
}
.inspectionTable td {
  color: rgb(0, 74.9157303371, 127);
  border-right: solid 1px #0069B2;
}
.inspectionTable td:last-child {
  border-right: 0;
}
.inspectionTable td:not(.jp) {
  padding: 1em;
  font-weight: 500;
  font-size: 1.3em;
}
@media screen and (max-width: 768px) {
  .inspectionTable td:not(.jp) {
    padding: 0.5em 0.5em;
  }
}
@media screen and (max-width: 768px) {
  .inspectionTable .ta {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .inspectionTable .fix {
    position: sticky;
    left: 170px;
  }
}
.inspectionTable .jp {
  font-size: 12px;
}
.inspectionTable .bef {
  text-decoration: line-through;
  color: #555;
  font-size: 0.9em;
  display: block;
}
.inspectionTable .desc {
  display: block;
  margin: 10px 0;
  position: relative;
  font-size: 12px;
  color: #fff;
  padding: 10px 0 20px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271819%27%20height%3D%27931.756%27%20viewBox%3D%270%200%201819%20931.756%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4720%27%20data-name%3D%27%E3%83%91%E3%82%B9%204720%27%20d%3D%27M0%2C0H1819V584L907.236%2C931.756%2C0%2C584Z%27%20fill%3D%27%230069b2%27%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: 100% 100%;
}
.inspectionTable .aft {
  font-weight: bold;
  color: #0069B2;
}
.inspectionTable .charge {
  background: #0069b2;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .inspectionTable .charge {
    position: sticky;
    left: 0;
    z-index: 1;
  }
}
.inspectionTable .img {
  padding: 0.5em;
  border: none;
}
@media screen and (max-width: 768px) {
  .inspectionTable .img {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.inspectionTable .img svg {
  width: 100%;
  height: auto;
}
.inspectionTable .img.weight0 > svg {
  fill: rgb(0, 135.0842696629, 229);
}
.inspectionTable .img.weight1 > svg {
  fill: rgb(0, 120.0421348315, 203.5);
}
.inspectionTable .img.weight2 > svg {
  fill: #0069b2;
}
.inspectionTable .img.weight3 > svg {
  fill: rgb(0, 89.9578651685, 152.5);
}
.inspectionTable .img.weight4 > svg {
  fill: rgb(0, 74.9157303371, 127);
}
.inspectionTable .weightWrap {
  background: #eee;
}
.inspectionTable .weight {
  color: #fff;
}
.inspectionTable .weight.weight0 {
  background: rgb(0, 135.0842696629, 229);
}
.inspectionTable .weight.weight1 {
  background: rgb(0, 120.0421348315, 203.5);
}
.inspectionTable .weight.weight2 {
  background: #0069b2;
}
.inspectionTable .weight.weight3 {
  background: rgb(0, 89.9578651685, 152.5);
}
.inspectionTable .weight.weight4 {
  background: rgb(0, 74.9157303371, 127);
}
.inspectionTable + .note {
  margin-top: 40px;
  font-size: 12px;
}

.container__img--pricetable {
  margin: 60px auto 0;
  width: 610px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .container__img--pricetable {
    margin-top: 30px;
    width: 100%;
  }
}

.benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .benefits {
    margin-bottom: 50px;
  }
}
.benefits li {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .benefits li {
    margin-top: 60px;
  }
}
.benefits li .titleArea {
  position: relative;
  color: #0069B2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .benefits li .titleArea {
    margin-bottom: 20px;
  }
}
.benefits li .titleArea.hp:before {
  content: "";
  width: 200px;
  height: 120px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(35%, -72%);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27198.811%27%20height%3D%27113.771%27%20viewBox%3D%270%200%20198.811%20113.771%27%3E%0D%0A%20%20%3Cg%20id%3D%27%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_201%27%20data-name%3D%27%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20201%27%20transform%3D%27translate%2816762.846%20-7338.402%29%27%3E%0D%0A%20%20%20%20%3Cg%20id%3D%27%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_198%27%20data-name%3D%27%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20198%27%20transform%3D%27translate%28-16762.846%207338.402%29%27%3E%0D%0A%20%20%20%20%20%20%3Cg%20id%3D%27%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%27%20data-name%3D%27%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%27%20transform%3D%27translate%2818.425%200%29%20rotate%2820%29%27%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%27%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%27%20data-name%3D%27%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%27%20transform%3D%27translate%280%200%29%27%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4666%27%20data-name%3D%27%E3%83%91%E3%82%B9%204666%27%20d%3D%27M9.324.134S22.6%2C6.52%2C47.474.448c.008%2C7.7-13.648%2C13.124-16.449%2C13.471%2C2.809%2C2.811%2C12.024%2C4.574%2C19.4%2C5.63C44.065%2C35.348-1.117%2C32.5.152%2C26.128-.542%2C21.576.908-1.978%2C9.324.134Z%27%20transform%3D%27translate%28147.957%2017.653%29%27%20fill%3D%27%23be2424%27%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4667%27%20data-name%3D%27%E3%83%91%E3%82%B9%204667%27%20d%3D%27M.091.009S-1.172%2C16.852%2C5.716%2C16.346c.351.7-4.349-4.126.9-5.871%2C3.388-1.125%2C3.426.333%2C7-1.263C15.083%2C8.545%2C14.8-.326.091.009Z%27%20transform%3D%27translate%28145.753%2030.023%29%27%20fill%3D%27%23711925%27%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4668%27%20data-name%3D%27%E3%83%91%E3%82%B9%204668%27%20d%3D%27M165.255%2C13.4c.107-2.834-1.13-12.842-19.621-13.385-16.408-.462-45.157%2C14.363-64.768%2C16.806S29.4%2C21.7%2C12.224%2C6.213c-3.5.7%2C7.021%2C21.095%2C12.98%2C23.914C15.4%2C35.387.7%2C38.888%2C0%2C39.941c6.306%2C4.926%2C32.583%2C19.009%2C73.551%2C12.023S143.5%2C30.2%2C154.212%2C32.5c6.886.258%2C4.7%2C5.506%2C3.322%2C6.909C158.939%2C40.135%2C164.234%2C41.859%2C165.255%2C13.4Z%27%20transform%3D%27translate%280%200%29%27%20fill%3D%27%23d62727%27%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4669%27%20data-name%3D%27%E3%83%91%E3%82%B9%204669%27%20d%3D%27M0%2C9.521c-.094%2C0%2C8.66%2C6.037%2C23.833%2C9.5%2C15.058%2C3.763%2C36.084%2C3.623%2C55.992-1.018%2C20.044-3.982%2C39.49-10.733%2C54.253-15.021%2C7.376-2.1%2C13.8-3.34%2C18.237-2.216%2C4.9.86%2C4.246%2C4.918%2C4.418%2C4.556-.062.42.713-3.825-4.355-4.835C147.9-.732%2C141.335.479%2C133.943%2C2.5%2C119.1%2C6.693%2C99.682%2C13.356%2C79.684%2C17.333c-19.866%2C4.646-40.72%2C4.827-55.741%2C1.2A85.7%2C85.7%2C0%2C0%2C1%2C0%2C9.521Z%27%20transform%3D%27translate%283.26%2031.437%29%27%20fill%3D%27none%27%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4670%27%20data-name%3D%27%E3%83%91%E3%82%B9%204670%27%20d%3D%27M150.705%2C12c-.036.114.609-2.833-2.26-6.446S138.865.033%2C131.319%2C0C115.831.648%2C97.292%2C9.492%2C78%2C14.368%2C58.652%2C18.726%2C38.1%2C19.3%2C23.27%2C16.826%2C8.181%2C14.393.1%2C7.48%2C0%2C7.812c-.126-.1%2C7.919%2C7.114%2C23.138%2C9.75%2C14.984%2C2.667%2C35.508%2C2.205%2C55.124-2.189C97.669%2C10.44%2C116.156%2C1.544%2C131.32.751c7.436-.05%2C13.964%2C1.65%2C16.806%2C5.087A10.824%2C10.824%2C0%2C0%2C1%2C150.705%2C12Z%27%20transform%3D%27translate%2813.487%200.596%29%27%20fill%3D%27none%27%2F%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4672%27%20data-name%3D%27%E3%83%91%E3%82%B9%204672%27%20d%3D%27M0%2C16.495H3.461V10.577H8.2v5.917h3.442V2.088H8.2V7.58H3.461V2.088H0Zm18.834%2C0H22.3V11.718h1.682c3.055%2C0%2C5.685-1.508%2C5.685-4.931%2C0-3.558-2.611-4.7-5.762-4.7H18.834Zm3.461-7.5V4.834h1.412c1.663%2C0%2C2.591.5%2C2.591%2C1.953%2C0%2C1.412-.812%2C2.2-2.495%2C2.2Zm15.973-5.7h1.083c-.271%2C1.373-.638%2C3.094-.948%2C4.254a5.053%2C5.053%2C0%2C0%2C1%2C1.16%2C3.171c0%2C.522-.1.832-.29.986a.832.832%2C0%2C0%2C1-.522.155h-.483ZM40.531.7l-.387.1H35.658V18.351h2.611V12.26a6.992%2C6.992%2C0%2C0%2C1%2C.406%2C2.069%2C8.58%2C8.58%2C0%2C0%2C0%2C1.276-.058%2C2.657%2C2.657%2C0%2C0%2C0%2C1.18-.464c.677-.483.967-1.3.967-2.707a5.971%2C5.971%2C0%2C0%2C0-1.276-3.848c.522-1.508%2C1.141-3.732%2C1.624-5.472Zm10.152%2C9.437a16.783%2C16.783%2C0%2C0%2C1-1.276%2C1.547%2C12.125%2C12.125%2C0%2C0%2C1-.541-1.547Zm-5.24-3.558h3.693v1.16H45.443Zm3.693-3.345V4.312H45.443V3.229Zm1.624%2C6.9h1.16V.832h-9.2V15.025c-.715.1-1.354.193-1.914.271l.928%2C2.727c1.818-.387%2C4.08-.87%2C6.207-1.373l-.213-2.436c-.754.135-1.528.251-2.282.387V10.133h.986c.812%2C3.751%2C2.185%2C6.613%2C5.047%2C8.141A10.482%2C10.482%2C0%2C0%2C1%2C53.293%2C15.9a6.872%2C6.872%2C0%2C0%2C1-2.727-2.166c.735-.619%2C1.566-1.373%2C2.34-2.127ZM61.531%2C4.448H72.747V7.019h2.9V1.8H68.686V0H65.669V1.8h-6.9V7.019h2.765Zm7.135%2C8.586h5.066V10.4H68.667V8.431h3.674V5.762H61.976V8.431h3.751v6.053a4.962%2C4.962%2C0%2C0%2C1-2.108-2.611%2C22.117%2C22.117%2C0%2C0%2C0%2C.406-2.4l-2.939-.29c-.29%2C3.229-1.2%2C5.879-3.268%2C7.348a16.624%2C16.624%2C0%2C0%2C1%2C2.32%2C1.934%2C9.244%2C9.244%2C0%2C0%2C0%2C2.417-3.326c1.74%2C2.495%2C4.274%2C3.036%2C7.638%2C3.036h5.047a9.631%2C9.631%2C0%2C0%2C1%2C.986-2.862c-1.508.058-4.66.058-5.879.058a15.836%2C15.836%2C0%2C0%2C1-1.682-.077Z%27%20transform%3D%27translate%2862.508%2051.414%29%27%20fill%3D%27%23fff%27%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
}
@media screen and (max-width: 768px) {
  .benefits li .titleArea.hp:before {
    background-size: contain;
    width: 130px;
    height: 80px;
    top: 10px;
  }
}
.benefits li .titleArea.min {
  max-width: 320px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .benefits li .titleArea.min {
    margin: 0 auto 20px;
  }
}
.benefits li .titleArea .num {
  text-align: center;
  font-size: 12px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.benefits li .titleArea .num span {
  display: block;
  font-size: 60px;
  line-height: 0.7em;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .benefits li .titleArea .num span {
    font-size: 40px;
  }
}
.benefits li .titleArea .title {
  font-size: 24px;
  font-weight: 500;
  color: #0069B2;
  margin-left: 80px;
}
@media screen and (max-width: 768px) {
  .benefits li .titleArea .title {
    font-size: 14px;
    margin-left: 60px;
    white-space: nowrap;
  }
}
.benefits li .titleArea .title span {
  padding: 0 0.2em;
  background: linear-gradient(180deg, transparent 0%, transparent 60%, #FFFF00 60%, #FFFF00 90%);
}
.benefits li svg {
  margin-bottom: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .benefits li svg {
    margin-bottom: 20px;
  }
}
.benefits li .text {
  text-align: center;
}

.gasLead {
  display: flex;
  max-width: 860px;
  margin: 0 auto;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .gasLead {
    margin-bottom: 60px;
    flex-wrap: wrap;
  }
}
.gasLead.oil .content .title {
  font-size: 36px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .gasLead.oil .content .title {
    font-size: 7.5vw;
  }
}
.gasLead .img {
  width: 50%;
  box-sizing: border-box;
  margin-right: 60px;
  position: relative;
  box-shadow: -24px 24px 0px #0069B2;
}
@media screen and (max-width: 768px) {
  .gasLead .img {
    margin-right: 0;
    width: 95%;
    margin-left: 5%;
    margin-bottom: 40px;
    box-shadow: -16px 16px 0px #0069B2;
  }
}
.gasLead .img:before {
  content: "";
  padding-top: 100%;
  display: block;
}
.gasLead .content {
  width: 50%;
  flex-direction: column;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .gasLead .content {
    width: 100%;
  }
}
.gasLead .content .title {
  font-size: 40px;
  font-weight: 500;
  color: #0069B2;
  margin-bottom: 30px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .gasLead .content .title {
    font-size: 8vw;
    text-align: right;
  }
}

.eneosCardBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .eneosCardBox {
    flex-wrap: wrap;
  }
}
.eneosCardBox li {
  width: 31.5%;
}
@media screen and (max-width: 768px) {
  .eneosCardBox li {
    width: 100%;
    margin-bottom: 30px;
  }
}
.eneosCardBox li .img {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .eneosCardBox li .img {
    width: 70%;
    margin: 0 auto 15px;
  }
}
.eneosCardBox li .title {
  font-size: 22px;
  color: #0069B2;
  margin-bottom: 10px;
  text-align: center;
}

.enekey {
  width: 320px;
  margin: 0 auto 20px;
}

#not-found {
  margin-top: 120px;
}
#not-found > a {
  background: #0069B2;
}
#not-found > a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  font-size: 1.2em;
  font-weight: 300;
}

.error404 #footer {
  margin-top: 0;
}

.works {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .works {
    margin-top: 60px;
  }
}
.works li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .works li {
    flex-wrap: wrap;
    margin-bottom: 50px;
    flex-direction: row-reverse;
  }
}
.works li > div {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .works li > div {
    width: 100%;
  }
}
.works li .content .leftLineTitle {
  min-height: 70px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .works li .content .leftLineTitle {
    min-height: 0;
    margin-bottom: 20px;
  }
}
.works li .content .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .works li .content .info {
    margin-bottom: 20px;
  }
}
.works li .content .info dt,
.works li .content .info dd {
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .works li .content .info dt,
  .works li .content .info dd {
    margin-bottom: 6px;
  }
}
.works li .content .info dt {
  width: 30%;
  text-align: center;
  background: #0069B2;
  color: #fff;
  padding: 0.7em 0;
}
@media screen and (max-width: 768px) {
  .works li .content .info dt {
    padding: 5px 0;
  }
}
.works li .content .info dd {
  width: 70%;
  box-sizing: border-box;
  padding-left: 1em;
}
.works li .imgs {
  position: relative;
}
.works li .imgs .img {
  position: relative;
}
.works li .imgs .img:before {
  content: "";
  display: block;
  padding-top: 49%;
}
.works li .imgs .img:after {
  content: "After";
  background: #0069B2;
  color: #fff;
  line-height: 0.7em;
  width: 180px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 26px;
  padding: 12px 0;
}
@media screen and (max-width: 768px) {
  .works li .imgs .img:after {
    font-size: 20px;
    width: 100px;
  }
}
.works li .imgs .item {
  position: relative;
}
.works li .imgs .item:nth-of-type(1):before {
  content: "";
  height: 30px;
  position: absolute;
  top: 100%;
  width: 100%;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27arrow%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2723.428%27%20height%3D%2715%27%20viewBox%3D%270%200%2023.428%2015%27%3E%0D%0A%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_4498%27%20data-name%3D%27%E3%83%91%E3%82%B9%204498%27%20d%3D%27M11.713%2C107.089%2C0%2C95.376l3.286-3.287%2C8.427%2C8.427%2C8.428-8.427%2C3.286%2C3.287Z%27%20transform%3D%27translate%280%20-92.089%29%27%20fill%3D%27%230069b2%27%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat center center;
}
.works li .imgs .item:nth-of-type(1) .img {
  margin-bottom: 30px;
}
.works li .imgs .item:nth-of-type(1) .img:after {
  background: #888;
  content: "Before";
}

.wp-block-table {
  overflow-x: visible;
}

.oilTable {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .oilTable {
    margin-bottom: 20px;
  }
}
.oilTable tr {
  position: relative;
}
.oilTable tr:nth-of-type(2n) {
  background: #fafafa;
}
.oilTable th,
.oilTable td {
  padding: 1em;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .oilTable th,
  .oilTable td {
    font-size: 10px;
    padding: 1.5em 0.5em;
  }
}
.oilTable th:nth-of-type(1),
.oilTable td:nth-of-type(1) {
  width: 100px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .oilTable th:nth-of-type(1),
  .oilTable td:nth-of-type(1) {
    width: 45px;
  }
}
.oilTable th {
  padding: 1em 0;
  text-align: center;
  background: #0069B2;
  color: #fff;
  border: solid 2px white;
}
@media screen and (max-width: 768px) {
  .oilTable th {
    white-space: nowrap;
  }
}
.oilTable th:nth-of-type(2) {
  width: 60%;
}
.oilTable th:nth-of-type(3) {
  width: 40%;
}
.oilTable th:nth-of-type(4) {
  text-align: center;
  width: 260px;
}
@media screen and (max-width: 768px) {
  .oilTable th:nth-of-type(4) {
    width: 70px;
  }
}
.oilTable td {
  border-right: solid #eee 1px;
}
.oilTable td:nth-of-type(4) {
  transform: translate(0, -0.7em);
  border-right: none;
}
.oilTable td:nth-of-type(5) {
  transform: translate(-100%, 0.7em);
}

.oilList li {
  margin-left: 1.5em;
  margin-bottom: 1em;
  line-height: 1.5;
  list-style-type: disc;
}

.bookingBtnList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bookingBtnList:after {
  content: "";
  width: 46.5%;
}
.bookingBtnList a.btn.center {
  max-width: 100%;
  margin: 0;
  width: calc(50% - 15px);
  margin-bottom: 30px;
  line-height: 1.5 !important;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .bookingBtnList a.btn.center {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .bookingBtnList a.btn.center:after {
    right: 5px;
  }
}

.businessLink.wid {
  margin: 60px auto;
}
@media screen and (max-width: 768px) {
  .businessLink.wid {
    margin: 30px auto;
  }
}
.businessLink a {
  position: relative;
  display: block;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
.businessLink a:before {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2730%27%20height%3D%2730%27%20viewBox%3D%270%200%2030%2030%27%3E%0D%0A%20%20%3Cg%20id%3D%27%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_220%27%20data-name%3D%27%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20220%27%20transform%3D%27translate%28-433%20-227%29%27%3E%0D%0A%20%20%20%20%3Cg%20id%3D%27%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_117%27%20data-name%3D%27%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20117%27%20transform%3D%27translate%288%20-1478%29%27%3E%0D%0A%20%20%20%20%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_236%27%20data-name%3D%27%E3%83%91%E3%82%B9%20236%27%20d%3D%27M30%2C0V30H0Z%27%20transform%3D%27translate%28425%201705%29%27%20fill%3D%27%23fff%27%2F%3E%0D%0A%20%20%20%20%20%20%3Cpath%20id%3D%27%E3%83%91%E3%82%B9_237%27%20data-name%3D%27%E3%83%91%E3%82%B9%20237%27%20d%3D%27M.063-.389H15.48L11.1-4.672%27%20transform%3D%27translate%28436.408%201728.5%29%27%20fill%3D%27none%27%20stroke%3D%27%230069b2%27%20stroke-width%3D%271%27%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
}
.businessLink a .img {
  position: relative;
  overflow: hidden;
}
.businessLink a .img:before {
  content: "";
  display: block;
  padding-top: 350px;
}
@media screen and (max-width: 768px) {
  .businessLink a .img:before {
    padding-top: 56%;
  }
}
.businessLink a .img:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.9s cubic-bezier(0.28, 0.76, 0.37, 0.99);
}
.businessLink a .img img {
  transition: all 0.9s cubic-bezier(0.28, 0.76, 0.37, 0.99);
}
@media screen and (min-width: 769px) {
  .businessLink a:hover .img:after {
    opacity: 0.5;
  }
  .businessLink a:hover .img img {
    transform: scale(1.03);
  }
}
.businessLink a .content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5%;
  color: #fff;
  z-index: 1;
}
.businessLink a .content .eng {
  letter-spacing: 0.1em;
  font-size: 80px;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .businessLink a .content .eng {
    font-size: 45px;
  }
}
.businessLink a .content .ja {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .businessLink a .content .ja {
    font-size: 14px;
  }
}

.policyBox {
  height: 300px;
  overflow-y: scroll;
  padding: 40px;
  background: #fff;
  margin: 20px 0;
}
@media screen and (max-width: 768px) {
  .policyBox {
    padding: 20px;
  }
}
.policyBox .title {
  text-align: center;
  font-size: 20px;
  color: #0069B2;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .policyBox .title {
    font-size: 16px;
  }
}
.policyBox p {
  font-size: 0.8em;
}

.sitemap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sitemap > li {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .sitemap > li {
    width: 100%;
  }
}
.sitemap > li > a {
  font-size: 1.1em;
  display: block;
  color: #0069B2;
}
.sitemap > li > ul {
  padding-left: 1em;
  margin-top: 10px;
}
.sitemap > li > ul > li > a {
  color: #888;
  padding: 0.5em 0;
  transition: all 0.3s;
}
@media screen and (min-width: 769px) {
  .sitemap > li > ul > li > a:hover {
    opacity: 0.7;
  }
}

.booking_completed {
  display: block !important;
}
.booking_completed .sentWrap {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  transition: all 0.6s;
}
.booking_completed .sentWrap.del {
  visibility: hidden;
  opacity: 0;
}
.booking_completed .sentWrap .compInner {
  text-align: center;
  background: #fff;
  padding: 2em 1em;
  margin: 20px 0;
  color: #0069B2;
  border: solid 2px #0069B2;
  width: 90%;
  max-width: 550px;
  position: fixed !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}
.booking_completed .sentWrap .compInner:before {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512"><style type="text/css">.st0{fill:white;}</style><g><polygon class="st0" points="327.41,157.358 256.009,228.759 184.608,157.358 157.366,184.591 228.776,256.009 157.366,327.409 184.608,354.651 256.009,283.233 327.41,354.651 354.651,327.409 283.242,256.009 354.651,184.591 " style="fill:white;"></polygon><path class="st0" d="M437.022,74.978C390.764,28.686,326.636-0.008,256.009,0C185.372-0.008,121.245,28.686,74.987,74.978C28.686,121.236-0.008,185.372,0,256c-0.008,70.628,28.686,134.764,74.987,181.022c46.258,46.292,110.385,74.995,181.022,74.978c70.628,0.016,134.755-28.686,181.013-74.978C483.322,390.764,512.018,326.628,512,256C512.018,185.372,483.322,121.236,437.022,74.978z M408.344,408.335c-39.052,39.019-92.787,63.1-152.335,63.116c-59.564-0.016-113.292-24.098-152.353-63.116C64.646,369.283,40.566,315.564,40.557,256c0.009-59.564,24.089-113.3,63.099-152.344c39.061-39.027,92.788-63.091,152.353-63.099c59.548,0.008,113.283,24.072,152.335,63.099c39.019,39.044,63.091,92.78,63.108,152.344C471.435,315.564,447.363,369.283,408.344,408.335z" style="fill:white;"></path></g></svg>') no-repeat center center;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 20px;
  cursor: pointer;
}

.bookingOfficeList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .bookingOfficeList {
    grid-template-columns: 1fr;
  }
}
.bookingOfficeList .item {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
.bookingOfficeList .item .img {
  position: relative;
}
.bookingOfficeList .item .img:before {
  content: "";
  padding-top: 50%;
  display: block;
}
@media screen and (max-width: 768px) {
  .bookingOfficeList .item .img:before {
    padding-top: 40%;
  }
}
.bookingOfficeList .item .img img {
  transition: all 0.3s;
}
@media screen and (min-width: 769px) {
  .bookingOfficeList .item:hover img {
    filter: grayscale(100%);
  }
}
.bookingOfficeList .item .content {
  padding: 10px;
}
.bookingOfficeList .item .content .title {
  font-size: 20px;
  color: #0069B2;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .bookingOfficeList .item .content .title {
    font-size: 16px;
  }
}
.bookingOfficeList .item .content .address {
  font-size: 12px;
}
.bookingOfficeList .item .content .address .code:before {
  content: "〒";
}
.bookingOfficeList .item .content .address p {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .bookingOfficeList .item .content .address p {
    font-size: 12px;
  }
}

.ie {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ie .btn {
  padding: 0 2em;
  margin-top: 20px;
}
.ie .btn:before {
  display: none;
}
.ie .btn:after {
  display: none;
}

/* ---------------------------------------
日付：2023/11/05
会社：Ignition
内容：予約フォームの予約するボタンのテキスト位置を修正
--------------------------------------- */
#booking-package .bookingButton {
  margin: 10px 0;
}

#courseMainPanel > div:nth-child(1) > div > span {
  position: relative;
}

#courseMainPanel > div:nth-child(1) > div > span > span::after {
  content: "";
  width: 30px;
  height: 30px;
  background: url(./img/eneos.jpg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: -60px;
}

/* ---------------------------------------
日付：2024/01/05
会社：Ignition
ファイル：page-office-booking-menu
内容：各店舗の予約クッションページのボタン
--------------------------------------- */
p.txt-center {
  text-align: center;
}

.container-btn-bookingmenu {
  display: flex;
  justify-content: center;
  width: 90%;
  height: auto;
  max-width: 1000px;
  margin: 70px auto 0;
}
@media screen and (max-width: 768px) {
  .container-btn-bookingmenu {
    flex-direction: column;
    align-items: center;
  }
  .container-btn-bookingmenu .br1000 {
    display: none;
  }
}
.container-btn-bookingmenu .btn-booking-menu {
  line-height: unset !important;
  height: 145px;
  width: 32%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.container-btn-bookingmenu .btn-booking-menu:nth-child(1) {
  margin-right: 18px;
}
.container-btn-bookingmenu .btn-booking-menu:nth-child(2) {
  margin-right: 18px;
}
@media screen and (max-width: 768px) {
  .container-btn-bookingmenu .btn-booking-menu {
    width: 100%;
    max-width: 325px;
    margin-top: 20px;
  }
  .container-btn-bookingmenu .btn-booking-menu:nth-child(1) {
    margin-top: 0;
    margin-right: 0;
  }
  .container-btn-bookingmenu .btn-booking-menu:nth-child(2) {
    margin-right: 0px;
  }
}
.container-btn-bookingmenu .btn-booking-menu::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate(6px, 6px);
  transition: all 0.3s;
  pointer-events: none;
}
.container-btn-bookingmenu .btn-booking-menu.inspection::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="321px" height="147px"><path fill="%230068b2" d="M 318.5,-0.5 C 319.167,-0.5 319.833,-0.5 320.5,-0.5C 320.5,48.1667 320.5,96.8333 320.5,145.5C 282.996,145.168 245.663,145.502 208.5,146.5C 138.833,146.5 69.1667,146.5 -0.5,146.5C -0.5,145.833 -0.5,145.167 -0.5,144.5C 105.835,144.487 212.168,144.154 318.5,143.5C 318.5,95.5 318.5,47.5 318.5,-0.5 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.container-btn-bookingmenu .btn-booking-menu.sheetmetal {
  background-color: #0A7E96;
}
.container-btn-bookingmenu .btn-booking-menu.sheetmetal::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="321px" height="147px"><path fill="%230A7E96" d="M 318.5,-0.5 C 319.167,-0.5 319.833,-0.5 320.5,-0.5C 320.5,48.1667 320.5,96.8333 320.5,145.5C 282.996,145.168 245.663,145.502 208.5,146.5C 138.833,146.5 69.1667,146.5 -0.5,146.5C -0.5,145.833 -0.5,145.167 -0.5,144.5C 105.835,144.487 212.168,144.154 318.5,143.5C 318.5,95.5 318.5,47.5 318.5,-0.5 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.container-btn-bookingmenu .btn-booking-menu.car-business {
  background-color: #E7AE44;
}
.container-btn-bookingmenu .btn-booking-menu.car-business::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="321px" height="147px"><path fill="%23E7AE44" d="M 318.5,-0.5 C 319.167,-0.5 319.833,-0.5 320.5,-0.5C 320.5,48.1667 320.5,96.8333 320.5,145.5C 282.996,145.168 245.663,145.502 208.5,146.5C 138.833,146.5 69.1667,146.5 -0.5,146.5C -0.5,145.833 -0.5,145.167 -0.5,144.5C 105.835,144.487 212.168,144.154 318.5,143.5C 318.5,95.5 318.5,47.5 318.5,-0.5 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.container-btn-bookingmenu .btn-booking-menu:hover::before {
  transform: translate(9px, 9px);
}
.container-btn-bookingmenu .btn-booking-menu.sheetmetal:hover {
  background: rgb(11.59375, 146.08125, 173.90625);
}
.container-btn-bookingmenu .btn-booking-menu.car-business:hover {
  background: rgb(233.9004739336, 183.7890995261, 90.5995260664);
}
.container-btn-bookingmenu .btn-booking-menu .icon {
  display: inline-block;
  width: 50px;
  height: 43px;
}
.container-btn-bookingmenu .btn-booking-menu .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.container-btn-bookingmenu .btn-booking-menu .txt {
  display: block;
  font-size: 20px;
  height: 30px;
  letter-spacing: 0.12em;
  margin-top: 5px;
}

.btn-back-office {
  margin: 80px auto 0;
  line-height: unset !important;
  width: 250px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ---------------------------------------
日付：2024/01/09
会社：Ignition
ファイル：page-booking-calendar
内容：各種予約カレンダー
--------------------------------------- */
h1.ttl-inspection {
  width: 325px;
  height: 65px;
  background-color: #0069B2;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  h1.ttl-inspection {
    width: 100%;
    max-width: 325px;
  }
}
h1.ttl-inspection::before {
  content: "";
  display: inline-block;
  width: 45px;
  height: 38px;
  background: url(./img/icon-inspection.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 5px;
}

h1.ttl-sheetmetal {
  width: 325px;
  height: 65px;
  background-color: #0A7E96;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  h1.ttl-sheetmetal {
    width: 100%;
    max-width: 325px;
  }
}
h1.ttl-sheetmetal::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 29px;
  background: url(./img/icon-sheetmetal.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 5px;
}

h1.ttl-car-business {
  width: 325px;
  height: 65px;
  background-color: #E7AE44;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  h1.ttl-car-business {
    width: 100%;
    max-width: 325px;
  }
}
h1.ttl-car-business::before {
  content: "";
  display: inline-block;
  width: 45px;
  height: 39px;
  background: url(./img/icon-car-business.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 5px;
}

ol.booking-breadcrumb {
  flex-wrap: wrap;
}

/* ---------------------------------------
日付：2024/01/10
会社：Ignition
ファイル：page-booking-inspection等
内容：見積もり店舗一覧
--------------------------------------- */
.container-btn-bookinglist {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .container-btn-bookinglist {
    flex-direction: column;
    align-items: center;
  }
  .container-btn-bookinglist .br1000 {
    display: none;
  }
}
.container-btn-bookinglist .btn-bookinglist {
  height: 65px;
  width: 32%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: unset !important;
}
@media screen and (max-width: 768px) {
  .container-btn-bookinglist .btn-bookinglist {
    width: 100%;
    max-width: 325px;
    margin-top: 15px;
  }
  .container-btn-bookinglist .btn-bookinglist:nth-child(1) {
    margin-top: 0;
  }
}
.container-btn-bookinglist .btn-bookinglist::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate(6px, 6px);
  transition: all 0.3s;
  pointer-events: none;
}
.container-btn-bookinglist .btn-bookinglist.inspection::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="367px" height="57px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path fill="%230068b1" d="M 364.5,-0.5 C 365.167,-0.5 365.833,-0.5 366.5,-0.5C 366.5,18.5 366.5,37.5 366.5,56.5C 244.167,56.5 121.833,56.5 -0.5,56.5C -0.5,55.8333 -0.5,55.1667 -0.5,54.5C 121.167,54.5 242.833,54.5 364.5,54.5C 364.5,36.1667 364.5,17.8333 364.5,-0.5 Z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.container-btn-bookinglist .btn-bookinglist.sheetmetal {
  background-color: #0A7E96;
}
.container-btn-bookinglist .btn-bookinglist.sheetmetal::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="367px" height="57px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path fill="%230A7E96" d="M 364.5,-0.5 C 365.167,-0.5 365.833,-0.5 366.5,-0.5C 366.5,18.5 366.5,37.5 366.5,56.5C 244.167,56.5 121.833,56.5 -0.5,56.5C -0.5,55.8333 -0.5,55.1667 -0.5,54.5C 121.167,54.5 242.833,54.5 364.5,54.5C 364.5,36.1667 364.5,17.8333 364.5,-0.5 Z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.container-btn-bookinglist .btn-bookinglist.car-business {
  background-color: #E7AE44;
}
.container-btn-bookinglist .btn-bookinglist.car-business::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="367px" height="57px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path fill="%23E7AE44" d="M 364.5,-0.5 C 365.167,-0.5 365.833,-0.5 366.5,-0.5C 366.5,18.5 366.5,37.5 366.5,56.5C 244.167,56.5 121.833,56.5 -0.5,56.5C -0.5,55.8333 -0.5,55.1667 -0.5,54.5C 121.167,54.5 242.833,54.5 364.5,54.5C 364.5,36.1667 364.5,17.8333 364.5,-0.5 Z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.container-btn-bookinglist .btn-bookinglist:hover::before {
  transform: translate(9px, 9px);
}
.container-btn-bookinglist .btn-bookinglist.sheetmetal:hover {
  background: rgb(11.59375, 146.08125, 173.90625);
}
.container-btn-bookinglist .btn-bookinglist.car-business:hover {
  background: rgb(233.9004739336, 183.7890995261, 90.5995260664);
}
.container-btn-bookinglist .btn-bookinglist.inspection .icon {
  display: inline-block;
  width: 45px;
  height: 38px;
  margin-right: 5px;
}
.container-btn-bookinglist .btn-bookinglist.inspection .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.container-btn-bookinglist .btn-bookinglist.sheetmetal .icon {
  display: inline-block;
  width: 50px;
  height: 29px;
  margin-right: 5px;
}
.container-btn-bookinglist .btn-bookinglist.sheetmetal .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.container-btn-bookinglist .btn-bookinglist.car-business .icon {
  display: inline-block;
  width: 45px;
  height: 39px;
  margin-right: 5px;
}
.container-btn-bookinglist .btn-bookinglist.car-business .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.container-btn-bookinglist .btn-bookinglist .txt {
  display: block;
  font-size: 16px;
  height: auto;
  letter-spacing: 0.12em;
}
.container-btn-bookinglist .btn-bookinglist.nofocus {
  background-color: #707070;
}
.container-btn-bookinglist .btn-bookinglist.nofocus::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="367px" height="57px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path fill="%23707070" d="M 364.5,-0.5 C 365.167,-0.5 365.833,-0.5 366.5,-0.5C 366.5,18.5 366.5,37.5 366.5,56.5C 244.167,56.5 121.833,56.5 -0.5,56.5C -0.5,55.8333 -0.5,55.1667 -0.5,54.5C 121.167,54.5 242.833,54.5 364.5,54.5C 364.5,36.1667 364.5,17.8333 364.5,-0.5 Z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.container-btn-bookinglist .btn-bookinglist.nofocus:hover {
  background-color: #707070 !important;
}
.container-btn-bookinglist .btn-bookinglist.focus {
  pointer-events: none;
}

/* ---------------------------------------
日付：2024/01/23
会社：Ignition
ファイル：page-booking-calendar
内容：iphoneのチェックボックスを中央へ
内容：予約フォームページの背景色変更
--------------------------------------- */
.booking-package .row.policy .value #booking_package_input_terms label input[type=checkbox] {
  -webkit-appearance: none;
  height: 30px;
}

#wpcf7-f219-p212-o1 > form > div.accept > span > span > span > label > input[type=checkbox] {
  height: 40px;
}

#wpcf7-f916-p247-o1 > form > div.accept > span > span > span > label > input[type=checkbox] {
  height: 40px;
}

.page-booking-calendar {
  background-color: #f5f5f5 !important;
}

/* ---------------------------------------
日付：2024/02/01
会社：Ignition
ファイル：固定ページの車関連事業
内容：中古車販売・査定来店予約ボタン追加
--------------------------------------- */
.btn-to-special-cars {
  width: 370px;
}

.container-btn-to-car-business {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 40px;
}
.container-btn-to-car-business .btn-bookinglist {
  height: 65px;
  width: 370px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: unset !important;
}
@media screen and (max-width: 768px) {
  .container-btn-to-car-business .btn-bookinglist {
    width: 230px;
    height: 40px;
  }
}
.container-btn-to-car-business .btn-bookinglist::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate(6px, 6px);
  transition: all 0.3s;
  pointer-events: none;
}
.container-btn-to-car-business .btn-bookinglist.car-business {
  background-color: #E7AE44;
}
.container-btn-to-car-business .btn-bookinglist.car-business::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="367px" height="57px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path fill="%23E7AE44" d="M 364.5,-0.5 C 365.167,-0.5 365.833,-0.5 366.5,-0.5C 366.5,18.5 366.5,37.5 366.5,56.5C 244.167,56.5 121.833,56.5 -0.5,56.5C -0.5,55.8333 -0.5,55.1667 -0.5,54.5C 121.167,54.5 242.833,54.5 364.5,54.5C 364.5,36.1667 364.5,17.8333 364.5,-0.5 Z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.container-btn-to-car-business .btn-bookinglist:hover::before {
  transform: translate(9px, 9px);
}
.container-btn-to-car-business .btn-bookinglist.car-business:hover {
  background: rgb(233.9004739336, 183.7890995261, 90.5995260664);
}
.container-btn-to-car-business .btn-bookinglist.car-business .icon {
  display: inline-block;
  width: 45px;
  height: 39px;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .container-btn-to-car-business .btn-bookinglist.car-business .icon {
    width: 34px;
    height: 30px;
  }
}
.container-btn-to-car-business .btn-bookinglist.car-business .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.container-btn-to-car-business .btn-bookinglist .txt {
  display: block;
  font-size: 16px;
  height: auto;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 768px) {
  .container-btn-to-car-business .btn-bookinglist .txt {
    font-size: 9px;
  }
}

/* ---------------------------------------
日付：2024/03/26
会社：Ignition
ファイル：カーコン店舗
内容：パンくずリストスマホ折り返し
--------------------------------------- */
#breadcrumb {
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .page-id-260 .officeGallery,
  .page-id-2305 .officeGallery {
    margin-top: 70px;
  }
}

/* ---------------------------------------
日付：2024/04/30
内容：保険事業ページ作成
--------------------------------------- */
main.insurance .wrapper-bgwhite {
  background: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1000px) {
  main.insurance .wrapper-bgwhite {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  main.insurance .wrapper-bgwhite {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
main.insurance .wrapper-bgwhite .privacy-policy h2, main.insurance .wrapper-bgwhite .solicitation-policy h2, main.insurance .wrapper-bgwhite .company h2, main.insurance .wrapper-bgwhite .service h2, main.insurance .wrapper-bgwhite .feature h2 {
  text-align: center;
  color: #0069B2;
  margin-bottom: 50px;
  font-size: 24px;
  position: relative;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  main.insurance .wrapper-bgwhite .privacy-policy h2, main.insurance .wrapper-bgwhite .solicitation-policy h2, main.insurance .wrapper-bgwhite .company h2, main.insurance .wrapper-bgwhite .service h2, main.insurance .wrapper-bgwhite .feature h2 {
    font-size: 18px;
  }
}
main.insurance .wrapper-bgwhite .privacy-policy h2:before, main.insurance .wrapper-bgwhite .solicitation-policy h2:before, main.insurance .wrapper-bgwhite .company h2:before, main.insurance .wrapper-bgwhite .service h2:before, main.insurance .wrapper-bgwhite .feature h2:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: 0 auto;
  margin-top: 20px;
  height: 2px;
  background: #0069B2;
  width: 70px;
}
main.insurance .wrapper-bgwhite .feature {
  padding: 0 78px;
}
@media screen and (max-width: 1000px) {
  main.insurance .wrapper-bgwhite .feature {
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  main.insurance .wrapper-bgwhite .feature {
    padding: 0 20px;
  }
}
main.insurance .wrapper-bgwhite .feature .featureList li {
  margin-bottom: 0;
}
main.insurance .wrapper-bgwhite .service {
  padding: 0 30px;
  margin-top: 100px;
}
@media screen and (max-width: 1000px) {
  main.insurance .wrapper-bgwhite .service {
    padding: 0 15px;
  }
}
@media screen and (max-width: 768px) {
  main.insurance .wrapper-bgwhite .service {
    margin-top: 50px;
    padding: 0 5px;
  }
}
main.insurance .wrapper-bgwhite .service .flexcontainer {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  main.insurance .wrapper-bgwhite .service .flexcontainer {
    display: block;
  }
}
main.insurance .wrapper-bgwhite .service .flexcontainer .flexbox {
  width: 49.1978609626%;
  height: auto;
  padding: 20px 0;
  border-radius: 10px;
  background-color: rgba(0, 105, 178, 0.1);
}
@media screen and (max-width: 480px) {
  main.insurance .wrapper-bgwhite .service .flexcontainer .flexbox {
    width: 100%;
    height: 270px;
  }
}
main.insurance .wrapper-bgwhite .service .flexcontainer .flexbox .box {
  width: 82.1739130435%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  main.insurance .wrapper-bgwhite .service .flexcontainer .flexbox .box {
    width: 94.2857142857%;
  }
}
main.insurance .wrapper-bgwhite .service .flexcontainer .flexbox .box h3 {
  font-size: 18px;
  letter-spacing: 0.12em;
  line-height: 1;
  color: #0069B2;
}
@media screen and (max-width: 480px) {
  main.insurance .wrapper-bgwhite .service .flexcontainer .flexbox .box h3 {
    font-size: 16px;
  }
}
main.insurance .wrapper-bgwhite .service .flexcontainer .flexbox .box ul {
  margin-top: 15px;
  list-style: url(./images/liststyle-blue.svg);
  padding-left: 20px;
}
main.insurance .wrapper-bgwhite .service .flexcontainer .flexbox .box ul li {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  main.insurance .wrapper-bgwhite .service .flexcontainer .flexbox .box ul li {
    font-size: 14px;
  }
}
main.insurance .wrapper-bgwhite .service .flexcontainer .item-2 {
  background-color: rgba(10, 126, 150, 0.1);
}
@media screen and (max-width: 480px) {
  main.insurance .wrapper-bgwhite .service .flexcontainer .item-2 {
    margin-top: 30px;
  }
}
main.insurance .wrapper-bgwhite .service .flexcontainer .item-2 .box h3 {
  color: #0A7E96;
}
main.insurance .wrapper-bgwhite .service .flexcontainer .item-2 .box ul {
  list-style-image: url(./images/liststyle-green.svg);
}
main.insurance .wrapper-bgwhite .service p {
  text-align: center;
  margin-top: 45px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  main.insurance .wrapper-bgwhite .service p {
    font-size: 14px;
    margin-top: 20px;
  }
}
main.insurance .company {
  padding: 0 185px;
  margin-top: 100px;
}
@media screen and (max-width: 1000px) {
  main.insurance .company {
    padding: 0 90px;
  }
}
@media screen and (max-width: 768px) {
  main.insurance .company {
    padding: 0 40px;
    margin-top: 50px;
  }
}
main.insurance .company .flexcontainer {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.insurance .company .flexcontainer {
    height: 350px;
    flex-direction: column;
    align-items: center;
  }
}
main.insurance .company .flexcontainer .sompo,
main.insurance .company .flexcontainer .aioi {
  width: 265px;
}
@media screen and (max-width: 768px) {
  main.insurance .company .flexcontainer .sompo,
  main.insurance .company .flexcontainer .aioi {
    width: 275px;
    height: auto;
  }
}
main.insurance .company .flexcontainer .imgcontainer {
  width: 100%;
  height: 85px;
}
@media screen and (max-width: 768px) {
  main.insurance .company .flexcontainer .imgcontainer {
    width: 257px;
  }
}
main.insurance .company .flexcontainer .imgcontainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
main.insurance .company .flexcontainer .txtcontainer {
  margin-top: 20px;
  list-style: url(./images/liststyle-blue.svg);
  padding-left: 20px;
}
main.insurance .company .flexcontainer .txtcontainer li {
  font-size: 16px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  main.insurance .company .flexcontainer .txtcontainer li {
    font-size: 14px;
  }
}
main.insurance .company p {
  text-align: center;
  margin-top: 50px;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  main.insurance .company p {
    font-size: 14px;
    margin-top: 40px;
  }
}
main.insurance .solicitation-policy {
  padding: 0 60px;
  margin-top: 100px;
}
@media screen and (max-width: 1000px) {
  main.insurance .solicitation-policy {
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  main.insurance .solicitation-policy {
    margin-top: 50px;
    padding: 0 15px;
  }
}
main.insurance .solicitation-policy ul li {
  margin-top: 40px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  main.insurance .solicitation-policy ul li {
    margin-top: 25px;
  }
}
main.insurance .solicitation-policy ul li:first-child {
  margin-top: 0;
}
main.insurance .privacy-policy {
  padding: 0 30px;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  main.insurance .privacy-policy {
    margin-top: 50px;
  }
}
main.insurance .privacy-policy p {
  text-align: center;
}/*# sourceMappingURL=style.css.map */