@charset "UTF-8";
/*RESET
--------------------------------------------------*/
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}
ul[role="list"], ol[role="list"] {
  list-style: none;
}
html {
  scroll-behavior: smooth;
}
body {
  line-height: 1.5;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
}
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}
img, picture {
  display: block;
  max-width: 100%;
}
input, button, textarea, select {
  font: inherit;
}
/*default
----------------------------------------*/
* {
  font-size: 100%;
  margin: 0;
  padding: 0;
}
html, body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  min-width: 375px;
  letter-spacing: 0;
  color: #000;
  background: #f4f4f4;
}
body {
  height: auto;
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
.container {
  position: relative;
  max-width: calc(1160px + 60px);
  margin: auto;
  padding: 0 30px;
}
#main {
  margin-top: 100px;
}
/*Link Config
----------------------------------------*/
a:link {
  color: #0064b3;
}
a:visited {
  color: #0064b3;
}
a:active {
  color: #014c86;
}
a:hover {
  color: #014c86;
}
/*パンくずリスト
----------------------------------------*/
.topic-path {
  font-size: 0.75rem;
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 -20px;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.topic-path .wrap {
  padding: 16px 20px;
}
.topic-path a {
  text-decoration: none;
  color: #0064b3;
}
.topic-path a:hover {
  text-decoration: underline;
}
/*表示
----------------------------------------*/
.disp-block-md {
  display: none;
}
.disp-inline-sm {
  display: none;
}
/*BRの表示
----------------------------------------*/
.br-show-lg {
  display: none;
}
.br-show-md {
  display: none;
}
br.sp, .br-show-sm {
  display: none;
}
br.pc, .br-hide-sm {
  display: inline;
}
/*text-align
----------------------------------------*/
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
/*youtube
----------------------------------------*/
.youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*--------------------------------------------------------------
Common styling
--------------------------------------------------------------*/
/*.page-ttl
----------------------------------------*/
.page-ttl {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 320px;
  padding: 0 15px;
  color: white;
  background-image: url(../img/common/page-ttl-bg-blog.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.page-ttl:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(18, 54, 230, 0.5);
  mix-blend-mode: multiply;
}
.page-ttl h2 {
  font-size: 2.625rem;
  position: relative;
  text-align: center;
}
.page-ttl h2 span {
  font-size: 1rem;
  position: relative;
  display: block;
  margin-top: 10px;
  text-align: center;
}
.page-ttl.bg-blog {
  background-image: url(../img/common/page-ttl-bg-blog.jpg);
}
.page-ttl.bg-ad_truck {
  background-image: url(../img/common/page-ttl-bg-ad_truck.jpg?2);
}
.page-ttl.bg-led_vision {
  background-image: url(../img/common/page-ttl-bg-led_vision.jpg?2);
}
.page-ttl-large {
  height: 500px;
}
/*.contents-flex
----------------------------------------*/
.contents-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.contents-flex .contents-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.contents-flex .contents-right {
  max-width: 300px;
  margin-left: 70px;
}
/*.swiper-logos
----------------------------------------*/
.swiper-logos .swiper-wrapper {
  max-width: 1090px;
  margin: auto;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.swiper-logos ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.swiper-logos ul li {
  font-size: 1rem;
  width: 25%;
  padding: 10px 0;
}
.swiper-logos ul li img {
  margin-bottom: 30px;
}
.swiper-logos ul li img:nth-child(odd) {
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px);
}
.swiper-logos ul li img:nth-child(even) {
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
}
/*.swiper-entries
----------------------------------------*/
.swiper-entries .swiper-wrapper {
  padding: 0;
  list-style: none;
}
.swiper-entries .swiper-wrapper .swiper-slide {
  padding: 0 10px;
}
.swiper-entries .swiper-wrapper .swiper-slide a {
  display: block;
  margin-bottom: 10px;
  padding: 27px 27px 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  color: #000;
  border: 1px solid #dedede;
  background: white;
}
.swiper-entries .swiper-wrapper .swiper-slide a:hover {
  -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.05);
}
.swiper-entries .swiper-wrapper .swiper-slide a .img {
  position: relative;
  margin-bottom: 17px;
}
.swiper-entries .swiper-wrapper .swiper-slide a .img:before {
  display: block;
  padding-top: 68.75%;
  content: "";
}
.swiper-entries .swiper-wrapper .swiper-slide a .img.noimg:after {
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 5px;
  display: block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  content: "";
  border: 4px solid #fff;
}
.swiper-entries .swiper-wrapper .swiper-slide a .img img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  -o-object-fit: cover;
}
.swiper-entries .swiper-wrapper .swiper-slide a .body .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 20px;
}
.swiper-entries .swiper-wrapper .swiper-slide a .body .head .category {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1em;
  display: inline-block;
  padding: 8px 10px;
  color: white;
  background: #fab90a;
}
.swiper-entries .swiper-wrapper .swiper-slide a .body .head .date {
  font-size: 1rem;
  font-weight: bold;
  color: #919191;
}
.swiper-entries .swiper-wrapper .swiper-slide a .body .ttl {
  font-size: 1rem;
  line-height: 1em;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: underline;
  text-overflow: ellipsis;
}
.swiper-entries .swiper-button-prev, .swiper-entries .swiper-button-next {
  width: 56px;
  height: 56px;
  margin-top: -28px;
  background-size: 56px 56px;
}
.swiper-entries .swiper-button-prev {
  left: 13.3%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij4KICAgIDxnIGlkPSJhcnJvdyIgc3R5bGU9Imlzb2xhdGlvbjogaXNvbGF0ZSI+CiAgICAgIDxnPgogICAgICAgIDxwYXRoIGQ9Ik0yOCwwQTI4LDI4LDAsMSwwLDU2LDI4LDI4LDI4LDAsMCwwLDI4LDBaIiBmaWxsPSIjZjRmNGY0IiBvcGFjaXR5PSIwLjkiLz4KICAgICAgICA8cGF0aCBkPSJNMjguMDEsMy43MjlIMEw2LjUxNS0yLjc4NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuNDkgMjYuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L3N2Zz4KICA=");
}
.swiper-entries .swiper-button-next {
  right: 13.3%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij4KICAgIDxwYXRoIGQ9Ik0yOCwwQTI4LDI4LDAsMSwxLDAsMjgsMjgsMjgsMCwwLDEsMjgsMFoiIGZpbGw9IiNmNGY0ZjQiIG9wYWNpdHk9IjAuOSIvPgogICAgPHBhdGggZD0iTTAsMy43MjlIMjguMDFMMjEuNDk1LTIuNzg1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy41IDI2LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMSIvPgogIDwvc3ZnPgogIA==");
}
/*.swiper-prices
----------------------------------------*/
.swiper-prices .swiper-wrapper {
  padding: 0;
  list-style: none;
}
.swiper-prices .swiper-wrapper .swiper-slide {
  padding: 0 20px;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 50px;
  border: 1px solid #dedede;
  background: white;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .case {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .case .wrap {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2;
  position: absolute;
  top: 10px;
  left: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-align: center;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .case .wrap span {
  font-size: 0.875rem;
  display: block;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .case:before {
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 42px solid transparent;
  border-top: 42px solid #fab90a;
  border-left: 42px solid #fab90a;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .img {
  width: 52%;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .img .wrap {
  position: relative;
  padding-top: 69%;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .img .wrap img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  -o-object-fit: cover;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 50px;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .body ul {
  list-style: none;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .body ul li {
  font-size: 1.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 20px;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .body ul li span {
  font-size: 0.875rem;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 130px;
  margin-right: 38px;
  padding: 5px 0;
  background: #f4f4f4;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .body .price {
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 2px solid #000;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .body .price .head {
  font-size: 1.25rem;
  margin-bottom: 5px;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .body .price .val {
  font-size: 1.75rem;
}
.swiper-prices .swiper-wrapper .swiper-slide > .wrap .body .price .val span {
  font-size: 2.5rem;
  margin: 0 3px;
  color: #dc000c;
}
.swiper-prices .swiper-button-prev, .swiper-prices .swiper-button-next {
  width: 56px;
  height: 56px;
  margin-top: -28px;
  background-size: 56px 56px;
}
.swiper-prices .swiper-button-prev {
  left: 13.3%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij4KICAgIDxnIGlkPSJhcnJvdyIgc3R5bGU9Imlzb2xhdGlvbjogaXNvbGF0ZSI+CiAgICAgIDxnPgogICAgICAgIDxwYXRoIGQ9Ik0yOCwwQTI4LDI4LDAsMSwwLDU2LDI4LDI4LDI4LDAsMCwwLDI4LDBaIiBmaWxsPSIjZjRmNGY0IiBvcGFjaXR5PSIwLjkiLz4KICAgICAgICA8cGF0aCBkPSJNMjguMDEsMy43MjlIMEw2LjUxNS0yLjc4NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuNDkgMjYuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L3N2Zz4KICA=");
}
.swiper-prices .swiper-button-next {
  right: 13.3%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij4KICAgIDxwYXRoIGQ9Ik0yOCwwQTI4LDI4LDAsMSwxLDAsMjgsMjgsMjgsMCwwLDEsMjgsMFoiIGZpbGw9IiNmNGY0ZjQiIG9wYWNpdHk9IjAuOSIvPgogICAgPHBhdGggZD0iTTAsMy43MjlIMjguMDFMMjEuNDk1LTIuNzg1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy41IDI2LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMSIvPgogIDwvc3ZnPgogIA==");
}
/*#swiper-gallery
----------------------------------------*/
#swiper-gallery .gallery-top {
  margin-bottom: 20px;
}
#swiper-gallery .gallery-top .swiper-slide {
  position: relative;
  padding-top: 60%;
}
#swiper-gallery .gallery-top .swiper-slide .wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
#swiper-gallery .gallery-top .swiper-slide .wrap img {
  font-family: "object-fit: contain;";
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
#swiper-gallery .gallery-thumbs .swiper-slide {
  cursor: pointer;
}
#swiper-gallery .gallery-thumbs .swiper-slide .wrap {
  position: relative;
  padding-top: 60%;
}
#swiper-gallery .gallery-thumbs .swiper-slide .wrap .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
#swiper-gallery .gallery-thumbs .swiper-slide .wrap .img img {
  font-family: "object-fit: contain;";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  object-fit: contain;
  -o-object-fit: contain;
}
#swiper-gallery .gallery-thumbs .swiper-slide.active .wrap .img img {
  opacity: 1;
}
/*.contact-box お問い合わせ
----------------------------------------*/
.contact-box {
  padding: 65px 0 60px;
  color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#5caae0), color-stop(10.31%, #52a2db), color-stop(27.45%, #398fce), color-stop(49.18%, #1070ba), color-stop(56.74%, #0064b3), to(#003d91));
  background: -webkit-linear-gradient(#5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(#5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
.contact-box h3 {
  font-size: 2.625rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 30px;
  text-align: center;
}
.contact-box .ttl {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 15px;
  text-align: center;
}
.contact-box .ttl span {
  font-size: 1.125rem;
  line-height: 36px;
  position: relative;
  display: block;
  width: 170px;
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
  background: #fab90a;
}
.contact-box .ttl span:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  display: inline-block;
  margin-left: -15px;
  content: "";
  border: 10px solid transparent;
  border-right: 10px solid #fab90a;
}
.contact-box .txt-1 {
  margin-bottom: 30px;
  text-align: center;
}
.contact-box .bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  max-width: 910px;
  margin: 0 auto;
}
.contact-box .bottom > div {
  width: 262px;
}
.contact-box .bottom > div a {
  font-weight: bold;
  line-height: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 60px;
  text-decoration: none;
  color: #0064b3;
  border: 2px solid white;
  background: white;
}
.contact-box .bottom > div a:hover {
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #0064b3 0%, #00347b 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #0064b3 0%, #00347b 100%);
}
.contact-box .bottom .tel .num span:nth-child(1) {
  font-size: 1.375rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 5px;
}
.contact-box .bottom .tel .num span:nth-child(1):before {
  width: 17px;
  height: 22px;
  margin-right: 8px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi41NjYiIGhlaWdodD0iMjEuNjg0IiB2aWV3Qm94PSIwIDAgMTYuNTY2IDIxLjY4NCI+CiAgPHBhdGggZD0iTTIxNi44MjYsODEuMTY1YTUuMTg5LDUuMTg5LDAsMCwwLTEuODA2LTEuOTE5LDIuMTU3LDIuMTU3LDAsMCwwLTIuMjcyLjE0OSw1LjExLDUuMTEsMCwwLDAtMS42LDEuNjc4LDEwLjIwNiwxMC4yMDYsMCwwLDEtNS42NDktOS4xNTUsNS4xLDUuMSwwLDAsMCwyLjE5NC0uNjc4LDIuMTU3LDIuMTU3LDAsMCwwLDEuMTQ2LTEuOTY4LDYuNjEsNi42MSwwLDAsMC0yLjcyLTQuMzkxLDIuMTU2LDIuMTU2LDAsMCwwLTIuMjcyLjE0OSw1LjQwOSw1LjQwOSwwLDAsMC0yLjAxNSwyLjUwNiw0Ljg2LDQuODYsMCwwLDAtLjI2Ljg2Myw2LjY3Niw2LjY3NiwwLDAsMC0uMywxLjNjLS4zNjgsMi44Mi4yNCw1LjksMi41NzUsOS42MzhzNC44MzgsNS42MzQsNy41MzQsNi41MzlhNi42NDcsNi42NDcsMCwwLDAsMS4zNzMuMzA3LDQuOTc2LDQuOTc2LDAsMCwwLC43LjEsNS40MSw1LjQxLDAsMCwwLDMuMTQxLS42ODcsMi4xNTcsMi4xNTcsMCwwLDAsMS4xNDYtMS45NjhBNS4xODYsNS4xODYsMCwwLDAsMjE2LjgyNiw4MS4xNjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAxLjE3NCAtNjQuNjI1KSIgZmlsbD0iIzAwNjRiMyIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.contact-box .bottom .tel .num span:nth-child(2) {
  font-size: 0.8125rem;
  font-weight: normal;
  display: block;
  text-align: center;
}
.contact-box .bottom .tel a:hover .num span:nth-child(1):before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi41NjYiIGhlaWdodD0iMjEuNjg0IiB2aWV3Qm94PSIwIDAgMTYuNTY2IDIxLjY4NCI+CiAgICA8cGF0aCBkPSJNMjE2LjgyNiw4MS4xNjVhNS4xODksNS4xODksMCwwLDAtMS44MDYtMS45MTksMi4xNTcsMi4xNTcsMCwwLDAtMi4yNzIuMTQ5LDUuMTEsNS4xMSwwLDAsMC0xLjYsMS42NzgsMTAuMjA2LDEwLjIwNiwwLDAsMS01LjY0OS05LjE1NSw1LjEsNS4xLDAsMCwwLDIuMTk0LS42NzgsMi4xNTcsMi4xNTcsMCwwLDAsMS4xNDYtMS45NjgsNi42MSw2LjYxLDAsMCwwLTIuNzItNC4zOTEsMi4xNTYsMi4xNTYsMCwwLDAtMi4yNzIuMTQ5LDUuNDA5LDUuNDA5LDAsMCwwLTIuMDE1LDIuNTA2LDQuODYsNC44NiwwLDAsMC0uMjYuODYzLDYuNjc2LDYuNjc2LDAsMCwwLS4zLDEuM2MtLjM2OCwyLjgyLjI0LDUuOSwyLjU3NSw5LjYzOHM0LjgzOCw1LjYzNCw3LjUzNCw2LjUzOWE2LjY0Nyw2LjY0NywwLDAsMCwxLjM3My4zMDcsNC45NzYsNC45NzYsMCwwLDAsLjcuMSw1LjQxLDUuNDEsMCwwLDAsMy4xNDEtLjY4NywyLjE1NywyLjE1NywwLDAsMCwxLjE0Ni0xLjk2OEE1LjE4Niw1LjE4NiwwLDAsMCwyMTYuODI2LDgxLjE2NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDEuMTc0IC02NC42MjUpIiBmaWxsPSIjZmZmIi8+CiAgPC9zdmc+CiAg");
}
.contact-box .bottom .mail a:before {
  width: 34px;
  height: 24px;
  margin-right: 15px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC40MzkiIGhlaWdodD0iMjQuMzI4IiB2aWV3Qm94PSIwIDAgMzQuNDM5IDI0LjMyOCI+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+CiAgICAgIDxwYXRoIGQ9Ik01MDMuOTYxLDMxMy40bC02LjY3LTExLjgzMkw1MDguNiwyOTQuODR2MTYuNTgzYTEuOTczLDEuOTczLDAsMCwxLTEuOTcsMS45NzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDc0LjE1OCAtMjg5LjA2OCkiIGZpbGw9IiMwMDY0YjMiLz4KICAgICAgPHBhdGggZD0iTTExOC42NjUsMzEzLjRhMS45NzMsMS45NzMsMCwwLDEtMS45Ny0xLjk3MlYyOTQuODRMMTI4LDMwMS41NjRsLTYuNjcsMTEuODMyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNi42OTUgLTI4OS4wNjgpIiBmaWxsPSIjMDA2NGIzIi8+CiAgICAgIDxwYXRoIGQ9Ik0xMzMuOTA5LDIxMy45MzRhMi45NzcsMi45NzcsMCwwLDEtMS4yNDQtLjU0M2wtLjAxMy0uMDA4LTE1Ljk1OC05LjQ5di0yLjA0OGExLjk3NSwxLjk3NSwwLDAsMSwxLjk3LTEuOTc1aDMwLjVhMS45NzUsMS45NzUsMCwwLDEsMS45NywxLjk3NXYyLjA0OGwtMTUuOTQyLDkuNDgxYy0uMTE1LjA2LS4yMjYuMTIyLS4zMzIuMTgyYTIuMzE0LDIuMzE0LDAsMCwxLS45MzkuMzc4aC0uMDExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNi42OTUgLTE5OS44NykiIGZpbGw9IiMwMDY0YjMiLz4KICAgICAgPHBhdGggZD0iTTIyMS4yNzIsNDI5LjE0NGw2LjI0LTExLjA2NSwzLjU1NCwyLjExNC4wMTQuMDA3YTIuNTA5LDIuNTA5LDAsMCwwLDEuMDQyLjMxN2guMDI4YTIuNDQ0LDIuNDQ0LDAsMCwwLDEuMDM5LS4zMTZsLjAxNS0uMDA3LDMuNTU2LTIuMTE1TDI0Myw0MjkuMTQ0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxNC45MTYgLTQwNC44MTYpIiBmaWxsPSIjMDA2NGIzIi8+CiAgICA8L2c+CiAgPC9zdmc+CiAg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.contact-box .bottom .mail a:hover:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC40MzgiIGhlaWdodD0iMjQuMzI4IiB2aWV3Qm94PSIwIDAgMzQuNDM4IDI0LjMyOCI+CiAgICA8cGF0aCBkPSJNNTAzLjk2MSwzMTMuNGwtNi42Ny0xMS44MzJMNTA4LjYsMjk0Ljg0djE2LjU4M2ExLjk3MywxLjk3MywwLDAsMS0xLjk3LDEuOTcyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ3NC4xNTggLTI4OS4wNjgpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBkPSJNMTE4LjY2NSwzMTMuNGExLjk3MywxLjk3MywwLDAsMS0xLjk3LTEuOTcyVjI5NC44NEwxMjgsMzAxLjU2NGwtNi42NywxMS44MzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE2LjY5NSAtMjg5LjA2OCkiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGQ9Ik0xMzMuOTA5LDIxMy45MzRhMi45NzcsMi45NzcsMCwwLDEtMS4yNDQtLjU0M2wtLjAxMy0uMDA4LTE1Ljk1OC05LjQ5di0yLjA0OGExLjk3NSwxLjk3NSwwLDAsMSwxLjk3LTEuOTc1aDMwLjVhMS45NzUsMS45NzUsMCwwLDEsMS45NywxLjk3NXYyLjA0OGwtMTUuOTQyLDkuNDgxYy0uMTE1LjA2LS4yMjYuMTIyLS4zMzIuMTgyYTIuMzE0LDIuMzE0LDAsMCwxLS45MzkuMzc4aC0uMDExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNi42OTUgLTE5OS44NykiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGQ9Ik0yMjEuMjcyLDQyOS4xNDRsNi4yNC0xMS4wNjUsMy41NTQsMi4xMTQuMDE0LjAwN2EyLjUwOSwyLjUwOSwwLDAsMCwxLjA0Mi4zMTdoLjAyOGEyLjQ0NCwyLjQ0NCwwLDAsMCwxLjAzOS0uMzE2bC4wMTUtLjAwNywzLjU1Ni0yLjExNUwyNDMsNDI5LjE0NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTQuOTE2IC00MDQuODE2KSIgZmlsbD0iI2ZmZiIvPgogIDwvc3ZnPgogIA==");
}
.contact-box .bottom .line a {
  color: #22b900;
}
.contact-box .bottom .line a:before {
  width: 40px;
  height: 38px;
  margin-right: 15px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MSIgaGVpZ2h0PSIzOS4xMTIiIHZpZXdCb3g9IjAgMCA0MSAzOS4xMTIiPgogICAgPGcgaWQ9IlRZUEVfQSIgZGF0YS1uYW1lPSJUWVBFIEEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjQuNTU3IC0yNzIuNDA0KSI+CiAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2NS4wNTcgMjcyLjkwNCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xOC45LDM4LjExMmgwYS42NjcuNjY3LDAsMCwxLS41MzgtLjIwOCwxLjQ2OCwxLjQ2OCwwLDAsMS0uMS0xLjEwOWwuMDA4LS4wNDZjLjA1My0uMzA2LjI4NS0xLjcwNi4yODYtMS43MTFhMy44MzMsMy44MzMsMCwwLDAtLjA2NC0xLjgwOGMtLjIyLS41NDgtMS4wODEtLjgzOS0xLjc2NC0uOTg3YTIzLjAzLDIzLjAzLDAsMCwxLTYuNjY3LTEuOTA5LDE5LjUzMiwxOS41MzIsMCwwLDEtNS4zLTMuNTY0LDE1LjgwNywxNS44MDcsMCwwLDEtMy41LTQuODNBMTMuNTc4LDEzLjU3OCwwLDAsMSwwLDE2LjIzMUMwLDcuMjgxLDguOTczLDAsMjAsMFM0MCw3LjI4MSw0MCwxNi4yMzFhMTIuNzg3LDEyLjc4NywwLDAsMS0xLjA1Niw1LjE0NCwxNy4zNTYsMTcuMzU2LDAsMCwxLTMuMjMxLDQuODQyQTQ3LjIxMiw0Ny4yMTIsMCwwLDEsMjcuMDg0LDMzLjUsNTMuNjI0LDUzLjYyNCwwLDAsMSwyMCwzNy44MjcsMy4wMjIsMy4wMjIsMCwwLDEsMTguOSwzOC4xMTJabTguODM0LTI2LjIwNmEuMzg2LjM4NiwwLDAsMC0uMjcuMTFsMCwwLS4wMDUuMDA3YS4zOTIuMzkyLDAsMCwwLS4xMDcuMjY4djguNzE0YS4zOTMuMzkzLDAsMCwwLC4xMDcuMjdsLjAwNS4wMDUuMDA3LjAwNWEuMzgyLjM4MiwwLDAsMCwuMjY4LjEwOGg1LjZhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg4di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg5SDI5LjUyN1YxNy43NDJoMy44MTJhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg5di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg4SDI5LjUyN1YxNC4wODloMy44MTJhLjM5LjM5LDAsMCwwLC4zODktLjM5di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg5Wm0tNy44NjMsMy45MjdoMGw0LDUuNGEuNDEyLjQxMiwwLDAsMCwuMS4xbC4wMDUsMGEuMTUxLjE1MSwwLDAsMCwuMDIzLjAxNGwuMDEyLjAwN2EuMDUyLjA1MiwwLDAsMCwuMDE4LjAwOWwuMDA5LDAsLjAxMSwwLC4wMTEsMCwuMDExLDBoMGwuMDEyLDAsLjAwNywwYS40NTEuNDUxLDAsMCwwLC4xLjAxMmgxLjRhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg4VjEyLjI5NWEuMzg5LjM4OSwwLDAsMC0uMzg5LS4zODloLTEuNGEuMzkuMzksMCwwLDAtLjM5MS4zODl2NS4xNzdMMTkuODA3LDEyLjA4YS4zNjQuMzY0LDAsMCwwLS4wMjItLjAzbC0uMDA4LS4wMTEsMCwwLS4wMTUtLjAxNywwLDAsMCwwLS4wMDctLjAwNWEuMTcxLjE3MSwwLDAsMC0uMDIxLS4wMThsLS4wMDktLjAwOS0uMDIxLS4wMTQtLjAxMi0uMDA3LS4wMTgtLjAxLS4wMTUtLjAwNi0uMDIyLS4wMTEtLjAxMywwLS4wMSwwaDBsLS4wMTEsMC0uMDE0LDBoLS4wMDZsLS4wMTcsMC0uMDE2LDBoLS4wMjFhLjA2MS4wNjEsMCwwLDAtLjAxOSwwSDE4LjA4YS4zOS4zOSwwLDAsMC0uMzkuMzg5djguNzE0YS4zOS4zOSwwLDAsMCwuMzkuMzg4aDEuNGEuMzkuMzksMCwwLDAsLjM5MS0uMzg4VjE1LjgzNVptLTUuMzM4LTMuOTI3YS4zOS4zOSwwLDAsMC0uMzkxLjM4OXY4LjcxNGEuMzkuMzksMCwwLDAsLjM5MS4zODhoMS40YS4zOS4zOSwwLDAsMCwuMzktLjM4OFYxMi4yOTVhLjM5LjM5LDAsMCwwLS4zOS0uMzg5Wm0tNy41ODIsMGEuMzkuMzksMCwwLDAtLjM5LjM4OXY4LjcxNGEuMzkuMzksMCwwLDAsLjEwOS4yN2wwLC4wMDUuMDA1LjAwNWEuMzg5LjM4OSwwLDAsMCwuMjY4LjEwOGg1LjZhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg4di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg5SDguNzQ0VjEyLjI5NWEuMzkuMzksMCwwLDAtLjM5LS4zODlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iIzIyYjkwMCIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9zdmc+CiAg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.contact-box .bottom .line a:hover:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIzOC4xMTIiIHZpZXdCb3g9IjAgMCA0MCAzOC4xMTIiPgogICAgPGcgaWQ9IlRZUEVfQSIgZGF0YS1uYW1lPSJUWVBFIEEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjUuMDU4IC0yNzIuOTA0KSI+CiAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2NS4wNTcgMjcyLjkwNCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xOC45LDM4LjExMmgwYS42NjcuNjY3LDAsMCwxLS41MzgtLjIwOCwxLjQ2OCwxLjQ2OCwwLDAsMS0uMS0xLjEwOWwuMDA4LS4wNDZjLjA1My0uMzA2LjI4NS0xLjcwNi4yODYtMS43MTFhMy44MzMsMy44MzMsMCwwLDAtLjA2NC0xLjgwOGMtLjIyLS41NDgtMS4wODEtLjgzOS0xLjc2NC0uOTg3YTIzLjAzLDIzLjAzLDAsMCwxLTYuNjY3LTEuOTA5LDE5LjUzMiwxOS41MzIsMCwwLDEtNS4zLTMuNTY0LDE1LjgwNywxNS44MDcsMCwwLDEtMy41LTQuODNBMTMuNTc4LDEzLjU3OCwwLDAsMSwwLDE2LjIzMUMwLDcuMjgxLDguOTczLDAsMjAsMFM0MCw3LjI4MSw0MCwxNi4yMzFhMTIuNzg3LDEyLjc4NywwLDAsMS0xLjA1Niw1LjE0NCwxNy4zNTYsMTcuMzU2LDAsMCwxLTMuMjMxLDQuODQyQTQ3LjIxMiw0Ny4yMTIsMCwwLDEsMjcuMDg0LDMzLjUsNTMuNjI0LDUzLjYyNCwwLDAsMSwyMCwzNy44MjcsMy4wMjIsMy4wMjIsMCwwLDEsMTguOSwzOC4xMTJabTguODM0LTI2LjIwNmEuMzg2LjM4NiwwLDAsMC0uMjcuMTFsMCwwLS4wMDUuMDA3YS4zOTIuMzkyLDAsMCwwLS4xMDcuMjY4djguNzE0YS4zOTMuMzkzLDAsMCwwLC4xMDcuMjdsLjAwNS4wMDUuMDA3LjAwNWEuMzgyLjM4MiwwLDAsMCwuMjY4LjEwOGg1LjZhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg4di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg5SDI5LjUyN1YxNy43NDJoMy44MTJhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg5di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg4SDI5LjUyN1YxNC4wODloMy44MTJhLjM5LjM5LDAsMCwwLC4zODktLjM5di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg5Wm0tNy44NjMsMy45MjdoMGw0LDUuNGEuNDEyLjQxMiwwLDAsMCwuMS4xbC4wMDUsMGEuMTUxLjE1MSwwLDAsMCwuMDIzLjAxNGwuMDEyLjAwN2EuMDUyLjA1MiwwLDAsMCwuMDE4LjAwOWwuMDA5LDAsLjAxMSwwLC4wMTEsMCwuMDExLDBoMGwuMDEyLDAsLjAwNywwYS40NTEuNDUxLDAsMCwwLC4xLjAxMmgxLjRhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg4VjEyLjI5NWEuMzg5LjM4OSwwLDAsMC0uMzg5LS4zODloLTEuNGEuMzkuMzksMCwwLDAtLjM5MS4zODl2NS4xNzdMMTkuODA3LDEyLjA4YS4zNjQuMzY0LDAsMCwwLS4wMjItLjAzbC0uMDA4LS4wMTEsMCwwLS4wMTUtLjAxNywwLDAsMCwwLS4wMDctLjAwNWEuMTcxLjE3MSwwLDAsMC0uMDIxLS4wMThsLS4wMDktLjAwOS0uMDIxLS4wMTQtLjAxMi0uMDA3LS4wMTgtLjAxLS4wMTUtLjAwNi0uMDIyLS4wMTEtLjAxMywwLS4wMSwwaDBsLS4wMTEsMC0uMDE0LDBoLS4wMDZsLS4wMTcsMC0uMDE2LDBoLS4wMjFhLjA2MS4wNjEsMCwwLDAtLjAxOSwwSDE4LjA4YS4zOS4zOSwwLDAsMC0uMzkuMzg5djguNzE0YS4zOS4zOSwwLDAsMCwuMzkuMzg4aDEuNGEuMzkuMzksMCwwLDAsLjM5MS0uMzg4VjE1LjgzNVptLTUuMzM4LTMuOTI3YS4zOS4zOSwwLDAsMC0uMzkxLjM4OXY4LjcxNGEuMzkuMzksMCwwLDAsLjM5MS4zODhoMS40YS4zOS4zOSwwLDAsMCwuMzktLjM4OFYxMi4yOTVhLjM5LjM5LDAsMCwwLS4zOS0uMzg5Wm0tNy41ODIsMGEuMzkuMzksMCwwLDAtLjM5LjM4OXY4LjcxNGEuMzkuMzksMCwwLDAsLjEwOS4yN2wwLC4wMDUuMDA1LjAwNWEuMzg5LjM4OSwwLDAsMCwuMjY4LjEwOGg1LjZhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg4di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg5SDguNzQ0VjEyLjI5NWEuMzkuMzksMCwwLDAtLjM5LS4zODlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2ZmZiIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9zdmc+CiAg");
}
.contact-box .alert {
  max-width: 876px;
  margin: 50px auto 0;
  padding: 30px 60px 10px;
  background: #02387f;
}
.contact-box .alert .ttl {
  font-size: 1.375rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 25px;
}
.contact-box .alert .ttl:before {
  display: block;
  width: 28px;
  height: 25px;
  margin-right: 10px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy41NzQiIGhlaWdodD0iMjQuNjI3IiB2aWV3Qm94PSIwIDAgMjcuNTc0IDI0LjYyNyI+CiAgPHBhdGggZD0iTS0xODIuOC03My4xODhsLTExLTE5LjA2MWEyLjc5MiwyLjc5MiwwLDAsMC0yLjQxMS0xLjM5MiwyLjc5LDIuNzksMCwwLDAtMi40MSwxLjM5MmwtMTEsMTkuMDZhMi43OTEsMi43OTEsMCwwLDAsMCwyLjc4NCwyLjc5MSwyLjc5MSwwLDAsMCwyLjQxLDEuMzkyaDIyLjAxYTIuNzksMi43OSwwLDAsMCwyLjQxMS0xLjM5MkEyLjc4OSwyLjc4OSwwLDAsMC0xODIuOC03My4xODhabS0xMy40MTUsMS4wNGExLjcyNCwxLjcyNCwwLDAsMS0xLjcyNC0xLjcyNCwxLjcyNCwxLjcyNCwwLDAsMSwxLjcyNC0xLjcyMywxLjcyNCwxLjcyNCwwLDAsMSwxLjcyMywxLjcyM0ExLjcyNCwxLjcyNCwwLDAsMS0xOTYuMjEyLTcyLjE0OFptMS4wNjItNS41MTZhMS4wNjIsMS4wNjIsMCwwLDEtMS4wNjIsMS4wNjEsMS4wNjEsMS4wNjEsMCwwLDEtMS4wNjItMS4wNjFsLS42NjItNy43OTRhMS43MjQsMS43MjQsMCwwLDEsMS43MjQtMS43MjQsMS43MjQsMS43MjQsMCwwLDEsMS43MjMsMS43MjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDkuOTk5IDkzLjY0MSkiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.contact-box .alert ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 500px;
  margin: auto;
  list-style: none;
  justify-content: center;
}
.contact-box .alert ul li {
  font-size: 1rem;
  position: relative;
  /*width: 50%;*/
  margin: 0 20px 20px;
  padding: 0 20px;
}
.contact-box .alert ul li:before {
  position: absolute;
  left: 5px;
  content: "・";
}
/*download-banner 資料無料配布中！
	----------------------------------------*/
#download-banner {
  position: fixed;
  z-index: 10;
  right: 10px;
  bottom: 10px;
}
#download-banner a {
  display: block;
  width: 220px;
  padding: 10px 10px 0;
  text-decoration: none;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
#download-banner a .ttl {
  font-size: 1.1875rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px;
  text-align: center;
  color: white;
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-left: 1px solid white;
}
#download-banner a .bottom {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 40px;
  position: relative;
  margin: 0 -10px;
  text-align: center;
  color: white;
  background: #fab90a;
}
#download-banner a .bottom:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-top: -3.5px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA2IDgiPgogICAgPHBhdGggZD0iTTQsMCw4LDZIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz4KICA8L3N2Zz4KICA=");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
/*.video
	----------------------------------------*/
.video {
  position: relative;
  max-width: 1000px;
  margin: auto;
}
.video video {
  display: block;
  width: 100%;
}
.video video[poster] {
  width: 100%;
  height: 100%;
}
.video .video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video .video-cover img {
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.video .video-play {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.2);
}
.video .video-play img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video.playing .video-cover {
  opacity: 0;
}
.video.playing .video-play {
  background: rgba(0, 0, 0, 0);
}
.video.playing .video-play img {
  opacity: 0;
}
.video.pause .video-cover {
  opacity: 0;
}
#google-map {
  position: relative;
  width: 100%;
  padding-top: 520px;
}
#google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-head {
  padding: 90px 0 60px;
}
.page-head .txt {
  line-height: 2;
}
/*.articles
----------------------------------------*/
.articles-1 article {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 480px;
  margin-bottom: 80px;
}
.articles-1 article .img {
  position: relative;
  width: 50%;
  height: 100%;
}
.articles-1 article .img:before {
  display: block;
  height: 100%;
  content: "";
}
.articles-1 article .img img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  -o-object-fit: cover;
}
.articles-1 article .body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 680px;
  padding: 0 100px;
}
.articles-1 article .body .ttl {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 2px solid #000;
}
.articles-1 article .body .ttl .ttl-head {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 10px;
  color: #0064b3;
}
.articles-1 article .body .ttl .ttl-main {
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.4em;
  position: relative;
  z-index: 2;
  margin-bottom: 12px;
}
.articles-1 article .body .ttl .num {
  font-weight: bold;
  position: absolute;
  top: -8px;
  right: -4px;
  width: 100px;
  text-align: center;
  color: #f4f4f4;
}
.articles-1 article .body .ttl .num span {
  line-height: 1em;
  display: block;
}
.articles-1 article .body .ttl .num span:nth-child(1) {
  font-size: 1.25rem;
}
.articles-1 article .body .ttl .num span:nth-child(2) {
  font-size: 4.875rem;
}
.articles-1 article .body .txt-1 {
  margin-bottom: 40px;
}
.articles-1 article .body .btns .btn-1 {
  width: 280px;
}
.articles-1 article .body .btns .btn-1:after {
  width: 41px;
}
.articles-1 article.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.articles-1 article.reverse .img {
  right: 0;
  left: auto;
}
.articles-1 article.reverse .body {
  margin-left: auto;
}
.articles-1 article:last-child {
  margin-bottom: 0;
}
.articles-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 1360px;
  margin: 0 auto;
}
.articles-2:before {
  position: absolute;
  top: 140px;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% - 280px);
  content: "";
  background: #f4f4f4;
}
.articles-2 article {
  position: relative;
  width: 370px;
  margin: 20px 12.5px;
  background: white;
}
.articles-2 article .img {
  position: relative;
  padding-top: 65%;
}
.articles-2 article .img img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.articles-2 article .body {
  padding: 0 24px 35px;
}
.articles-2 article .body .ttl {
  position: relative;
  margin-bottom: 15px;
  padding-top: 26px;
}
.articles-2 article .body .ttl > .num {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1em;
  position: absolute;
  top: -0.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  color: #003d91;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(0.9%, rgba(255, 255, 255, 0)), color-stop(1%, #5caae0), color-stop(10.31%, #52a2db), color-stop(27.45%, #398fce), color-stop(49.18%, #1070ba), color-stop(56.74%, #0064b3), color-stop(99%, #003d91), color-stop(99.1%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0.9%, #5caae0 1%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 99%, rgba(255, 255, 255, 0) 99.1%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0.9%, #5caae0 1%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 99%, rgba(255, 255, 255, 0) 99.1%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.articles-2 article .body .ttl .feature {
  font-weight: bold;
  position: relative;
  width: 94px;
  margin: -50px auto 5px;
  text-align: center;
  color: #0064b3;
  background: white;
}
.articles-2 article .body .ttl .feature:before {
  position: absolute;
  top: -27px;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-right: 47px solid transparent;
  border-bottom: 27px solid white;
  border-left: 47px solid transparent;
}
.articles-2 article .body .ttl .feature .head {
  font-size: 0.75rem;
}
.articles-2 article .body .ttl .feature .num {
  font-size: 2rem;
}
.articles-2 article .body .ttl .ttl-head {
  font-size: 0.875rem;
  font-weight: bold;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  text-align: center;
  color: #0064b3;
}
.articles-2 article .body .ttl .ttl-main {
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.45455;
  text-align: center;
}
.articles-2 article .body .ttl .ttl-main:after {
  display: block;
  width: 120px;
  margin: auto;
  margin-top: 10px;
  content: "";
  border-bottom: 3px solid #fab90a;
}
.articles-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.articles-3 article {
  width: 193px;
  margin: 0 20px;
}
.articles-3 article .img {
  max-width: 200px;
  margin: 0 auto 30px;
}
.articles-3 article .txt {
  font-size: 0.9375rem;
  line-height: 2;
  text-align: center;
  color: #707070;
}
.articles-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 1000px;
  margin: auto;
}
.articles-4 article {
  width: 400px;
  margin: 0 50px 100px;
}
.articles-4 article .img {
  width: 200px;
  margin: 0 auto 50px;
}
.articles-4 article .ttl-head {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.8em;
  margin-bottom: 16px;
  text-align: center;
  color: #0064b3;
}
.articles-4 article .ttl-head span {
  font-size: 2.25rem;
}
.articles-4 article .ttl-head:after {
  display: block;
  width: 58px;
  margin: auto;
  content: "";
  border-bottom: 3px solid #fab90a;
}
.articles-4 article .ttl {
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 18px;
  text-align: center;
}
.articles-4 article .txt {
  font-size: 1rem;
  line-height: 2;
}
.articles-5 {
  overflow: hidden;
}
.articles-5 article {
  position: relative;
  margin-bottom: 80px;
  padding: 100px 0;
}
.articles-5 article:last-child {
  margin-bottom: 0;
}
.articles-5 article:before {
  position: absolute;
  top: 0;
  left: calc(50% - 680px);
  display: block;
  width: calc(50% + 680px);
  height: 100%;
  content: "";
  background: white;
}
.articles-5 article > * {
  position: relative;
}
.articles-5 article .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 25px;
}
.articles-5 article .body .img {
  width: 50%;
}
.articles-5 article .body .img .wrap {
  position: relative;
  padding-top: 480px;
}
.articles-5 article .body .img .wrap img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.articles-5 article .body .details {
  max-width: 488px;
  margin-right: 92px;
  margin-left: 30px;
}
.articles-5 article .body .details .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 35px;
}
.articles-5 article .body .details .head .voice {
  font-weight: bold;
  width: 103px;
  height: 103px;
  margin-top: 5px;
  margin-left: 30px;
  padding-top: 15px;
  text-align: center;
  color: white;
  background: #02387f;
}
.articles-5 article .body .details .head .voice span:nth-child(1) {
  font-size: 1.0625rem;
  line-height: 1em;
  display: block;
}
.articles-5 article .body .details .head .voice span:nth-child(2) {
  font-size: 3.75rem;
  line-height: 1em;
  display: block;
}
.articles-5 article .body .details .head .company {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.articles-5 article .body .details .head .company .name {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 10px;
  color: #0064b3;
}
.articles-5 article .body .details > .ttl {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.articles-5 article .body .details .comment {
  padding: 45px 40px 40px;
  background: #fafafa;
}
.articles-5 article .body .details .comment .ttl {
  font-size: 1.125rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 20px;
  margin-left: -40px;
  padding-bottom: 5px;
  padding-left: 40px;
  border-bottom: 2px solid #000;
}
.articles-5 article .body .details .comment .ttl:before {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyNy43NTIiIHZpZXdCb3g9IjAgMCAzMCAyNy43NTIiPgogIDxwYXRoIGQ9Ik0xNS4wNjcsMS4xMjRDNi4wOTIsMS4xMjQsMCw1LjcsMCwxMi44MThBMTEuNDUyLDExLjQ1MiwwLDAsMCw1LjMzOCwyMi45NjVjLjIzNS4xNTEuNTExLjE3NC40MDguNjA3QzUuMzI2LDI1LjMyNyw0LjYsMjguNDUyLDQuNiwyOC40NTJhLjM0Ni4zNDYsMCwwLDAsLjUuMzgzczUuMTQ4LTMuMDUxLDUuODM1LTMuNDMyYTcuODQ3LDcuODQ3LDAsMCwxLDQuMDE3LTEuMDkzQzIyLjA2OCwyNC4zMSwzMCwyMS40NjIsMzAsMTIuNzQyLDMwLDUuOTc5LDI0LjU0OSwxLjEyNCwxNS4wNjcsMS4xMjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xLjEyNCkiIGZpbGw9IiNmYWI5MGEiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.articles-5 article .body .details .comment .txt {
  font-size: 1rem;
  line-height: 2;
}
.articles-5 article .bottom {
  max-width: 1160px;
  margin: auto;
}
.articles-5 article .bottom .ttl {
  font-size: 1.625rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-transform: translateY(18px);
  transform: translateY(18px);
  color: #0064b3;
}
.articles-5 article .bottom .ttl:before, .articles-5 article .bottom .ttl:after {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  content: "";
  border-bottom: 2px solid #0064b3;
}
.articles-5 article .bottom .ttl:before {
  margin-right: 30px;
}
.articles-5 article .bottom .ttl:after {
  margin-left: 30px;
}
.articles-5 article .bottom .txt {
  line-height: 2;
  padding: 35px 40px;
  border: 2px solid #0064b3;
  border-top: none;
}
.articles-5 article:nth-child(even):before {
  left: 0;
}
.articles-5 article:nth-child(even) .body {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.articles-5 article:nth-child(even) .body .details {
  margin-left: 92px;
}
.articles-5 article.noimg .body {
  display: block;
  max-width: 1160px;
  margin: auto;
}
.articles-5 article.noimg .body .img {
  display: none;
}
.articles-5 article.noimg .body .details {
  width: auto;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}
.articles-5 article.noimg .body .details .head {
  max-width: 488px;
}
.articles-6 {
  overflow: hidden;
  padding-bottom: 30px;
}
.articles-6 article {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
.articles-6 article:before {
  position: absolute;
  top: 30px;
  left: 0;
  display: block;
  width: calc(50% + 680px);
  height: 100%;
  content: "";
  background: #f4f4f4;
}
.articles-6 article:last-child {
  margin-bottom: 0;
}
.articles-6 article > * {
  position: relative;
}
.articles-6 article .img {
  width: 50%;
}
.articles-6 article .img .wrap {
  position: relative;
  padding-top: 480px;
}
.articles-6 article .img .wrap img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.articles-6 article .body {
  max-width: 510px;
  margin-top: 100px;
  margin-left: 70px;
}
.articles-6 article .body .ttl {
  margin-bottom: 30px;
}
.articles-6 article .body .ttl .ttl-head {
  font-size: 1rem;
  font-weight: bold;
  color: #fab90a;
}
.articles-6 article .body .ttl .ttl-main {
  font-size: 2.25rem;
  font-weight: bold;
  color: #0064b3;
}
.articles-6 article .body ul {
  margin-bottom: 50px;
  padding: 35px 30px;
  list-style: none;
  background: white;
}
.articles-6 article .body ul li {
  font-size: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.articles-6 article .body ul li span {
  font-weight: bold;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #0064b3;
}
.articles-6 article .body ul li span:after {
  display: inline-block;
  content: " ： ";
  color: #000;
}
.articles-6 article.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.articles-6 article.reverse:before {
  left: calc(50% - 680px);
}
.articles-6 article.reverse .body {
  margin-right: 70px;
  margin-left: 0;
}
.articles-7 article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.articles-7 article .step {
  position: relative;
  width: 275px;
}
.articles-7 article .step:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  margin-left: -1px;
  content: "";
  border-right: 2px solid #0064b3;
}
.articles-7 article .step .wrap {
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  z-index: 2;
  width: 100px;
  height: 100px;
  margin: auto;
  padding-top: 20px;
  text-align: center;
  color: white;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#5caae0), color-stop(10.31%, #52a2db), color-stop(27.45%, #398fce), color-stop(49.18%, #1070ba), color-stop(56.74%, #0064b3), to(#003d91));
  background: -webkit-linear-gradient(#5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(#5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
.articles-7 article .step .wrap:before {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 90px;
  height: 90px;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.articles-7 article .step .wrap span {
  font-size: 1.125rem;
  display: block;
  margin-bottom: 5px;
}
.articles-7 article .body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 65px;
}
.articles-7 article .body .ttl {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
  color: #0064b3;
}
.articles-7 article .body .txt {
  line-height: 2;
}
.articles-7 article:last-child .step:before {
  display: none;
}
.articles-8 article {
  margin-bottom: 36px;
  background: white;
}
.articles-8 article .q {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 19px 40px 19px 37px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.articles-8 article .q:after {
  width: 58px;
  height: 58px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTgiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA1OCA1OCI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjEiIHgyPSIwIiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1Y2FhZTAiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjEwMyIgc3RvcC1jb2xvcj0iIzUyYTJkYiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuMjc0IiBzdG9wLWNvbG9yPSIjMzk4ZmNlIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC40OTIiIHN0b3AtY29sb3I9IiMxMDcwYmEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjU2NyIgc3RvcC1jb2xvcj0iIzAwNjRiMyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDNkOTEiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjgyIC0xMTczNykiPgogICAgPHJlY3Qgd2lkdGg9IjU4IiBoZWlnaHQ9IjU4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjgyIDExNzM3KSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIi8+CiAgICA8cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI5NiAxMTc2NCkiIGZpbGw9IiNmZmYiLz4KICAgIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzEzIDExNzUxKSByb3RhdGUoOTApIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.articles-8 article .q .head {
  font-size: 3.125rem;
  font-weight: bold;
  margin-right: 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0064b3;
}
.articles-8 article .q .body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 20px;
}
.articles-8 article .q .body .ttl {
  font-size: 1.25rem;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0064b3;
}
.articles-8 article .q .body .txt {
  line-height: 2;
}
.articles-8 article .a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 0;
  padding: 0 37px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.articles-8 article .a .head {
  font-size: 3.125rem;
  font-weight: bold;
  margin-top: -4px;
  margin-right: 30px;
  color: #0064b3;
}
.articles-8 article .a .body {
  margin-top: 15px;
}
.articles-8 article .a .body .ttl {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 25px;
  color: #0064b3;
}
.articles-8 article .a .body .txt {
  line-height: 2;
}
.articles-8 article.open .q {
  background: #0064b3;
}
.articles-8 article.open .q:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTgiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA1OCA1OCI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAuNSIgeDI9IjAuNSIgeTI9IjEiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNWNhYWUwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4xMDMiIHN0b3AtY29sb3I9IiM1MmEyZGIiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjI3NCIgc3RvcC1jb2xvcj0iIzM5OGZjZSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNDkyIiBzdG9wLWNvbG9yPSIjMTA3MGJhIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC41NjciIHN0b3AtY29sb3I9IiMwMDY0YjMiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAzZDkxIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI4MiAtMTE3MzcpIj4KICAgIDxyZWN0IHdpZHRoPSI1OCIgaGVpZ2h0PSI1OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI4MiAxMTczNykiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGQ9Ik0tMzU2NiwxM2gzMHY0aC0zMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4NjIgMTE3NTEpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiLz4KICA8L2c+Cjwvc3ZnPgo=");
}
.articles-8 article.open .q .head {
  color: white;
}
.articles-8 article.open .q .ttl {
  color: white;
}
.articles-8 article.open .a {
  height: auto;
  padding: 19px 37px;
  opacity: 1;
}
.articles-9 {
  padding: 10px 70px 30px;
  background: white;
}
.articles-9 article {
  padding: 40px 0 20px;
  border-bottom: 1px solid #dedede;
}
.articles-9 article:last-child {
  border-bottom: none;
}
.articles-9 article .ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 10px;
}
.articles-9 article .ttl .ttl-head {
  font-size: 1rem;
  font-weight: bold;
  line-height: 40px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
  margin-right: 20px;
  text-align: center;
  color: white;
  border-radius: 20px;
  background: #02387f;
}
.articles-9 article .ttl .ttl-head .num {
  font-size: 1.25rem;
}
.articles-9 article .ttl .ttl-main {
  font-size: 1.75rem;
  font-weight: bold;
  color: #02387f;
}
.articles-9 article .txt {
  line-height: 2;
}
.articles-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -40px;
}
.articles-10 article {
  width: 50%;
}
.articles-10 article > .wrap {
  height: 100%;
  padding: 0 40px;
}
.articles-10 article .img {
  position: relative;
  z-index: 3;
  max-width: 383px;
  margin: auto;
  margin-bottom: -110px;
}
.articles-10 article .body {
  position: relative;
  height: calc(100% - 400px);
  margin: 0 30px;
}
.articles-10 article .body:before, .articles-10 article .body:after {
  position: absolute;
  width: 115px;
  height: 170px;
  content: "";
  background: #d3e3f0;
}
.articles-10 article .body:before {
  z-index: 0;
  top: -30px;
  right: -30px;
}
.articles-10 article .body:after {
  bottom: -30px;
  left: -30px;
}
.articles-10 article .body .wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 145px 35px 35px;
  text-align: center;
  background: white;
}
.articles-10 article .body .wrap > .ttl {
  font-size: 1.4375rem;
  font-weight: bold;
  display: inline-block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 35px;
  padding-bottom: 5px;
  border-bottom: 8px solid #fab90a;
}
.articles-10 article .body .box .ttl {
  font-size: 1.1875rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: -13px;
  color: #0064b3;
}
.articles-10 article .body .box .ttl:before, .articles-10 article .body .box .ttl:after {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  content: "";
  border-bottom: 2px solid #0064b3;
}
.articles-10 article .body .box .ttl:before {
  margin-right: 20px;
}
.articles-10 article .body .box .ttl:after {
  margin-left: 20px;
}
.articles-10 article .body .box .txt {
  line-height: 2;
  padding: 30px;
  text-align: left;
  border: 2px solid #0064b3;
  border-top: none;
}
/*.box-1
----------------------------------------*/
.box-1 {
  position: relative;
}
.box-1 > * {
  position: relative;
}
.box-1:before {
  position: absolute;
  top: 0;
  left: calc(50% - 680px);
  display: block;
  width: calc(50% + 680px);
  height: 100%;
  content: "";
  background: white;
}
.box-2 {
  position: relative;
}
.box-2 > * {
  position: relative;
}
.box-2:before {
  position: absolute;
  top: 0;
  left: calc(50% - 680px);
  display: block;
  width: 1360px;
  height: 100%;
  content: "";
  background: white;
}
.box-3 {
  position: relative;
}
.box-3 > * {
  position: relative;
}
.box-3:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(50% + 680px);
  height: 100%;
  content: "";
  background: white;
}
.box-4 {
  position: relative;
  padding: 40px;
}
.box-4 > * {
  position: relative;
  z-index: 2;
}
.box-4:before, .box-4:after {
  position: absolute;
  display: block;
  width: 300px;
  height: 300px;
  content: "";
}
.box-4:before {
  top: 0;
  left: 0;
  background: white;
}
.box-4:after {
  right: 0;
  bottom: 0;
  background: #d3e3f0;
}
.box-5 {
  position: relative;
}
.box-5 > * {
  position: relative;
}
.box-5:before {
  position: absolute;
  top: 0;
  left: calc(50% - 680px);
  display: block;
  width: calc(50% + 680px);
  height: 100%;
  content: "";
  border-top: 6px solid #d3e3f0;
  border-bottom: 6px solid #d3e3f0;
  background: white;
}
.box-6 {
  color: #0064b3;
}
.box-6 .ttl {
  font-size: 1rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
}
.box-6 .ttl:before, .box-6 .ttl:after {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  content: "";
  border-bottom: 2px solid #0064b3;
}
.box-6 .ttl:before {
  margin-right: 25px;
}
.box-6 .ttl:after {
  margin-left: 25px;
}
.box-6 .txt {
  line-height: 2;
  padding: 25px 30px 15px;
  border: 2px solid #0064b3;
  border-top: none;
}
.box-6 .txt .txt-main {
  font-size: 1rem;
  line-height: 1.75;
}
.box-6 .txt .txt-bottom {
  font-size: 0.875rem;
  line-height: 2;
}
.box-7 {
  position: relative;
}
.box-7:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 300px;
  height: 300px;
  content: "";
  -webkit-transform: translate(40px, 40px);
  transform: translate(40px, 40px);
  background: #d3e3f0;
}
.box-7 > .wrap {
  position: relative;
  z-index: 1;
  padding: 80px 50px 50px 80px;
  background: white;
}
/*.btn
----------------------------------------*/
.btn-1, a.btn-1 {
  font-size: 1rem;
  line-height: 70px;
  position: relative;
  display: inline-block;
  width: 360px;
  text-align: center;
  text-decoration: none;
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
.btn-1:after, a.btn-1:after {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-block;
  width: 52px;
  height: 6px;
  margin-top: -3px;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: skew(45deg) translateX(-9px);
  transform: skew(45deg) translateX(-9px);
  border-right: 2px solid white;
  border-bottom: 1px solid white;
}
.btn-1:hover, a.btn-1:hover {
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #0064b3 0%, #00347b 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #0064b3 0%, #00347b 100%);
}
.btn-1:hover:after, a.btn-1:hover:after {
  right: 7px;
}
.btn-2, a.btn-2 {
  font-size: 1rem;
  line-height: 66px;
  position: relative;
  position: relative;
  display: inline-block;
  width: 320px;
  text-align: center;
  text-decoration: none;
  color: white;
  border: 2px solid white;
}
.btn-2:after, a.btn-2:after {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-block;
  width: 52px;
  height: 6px;
  margin-top: -3px;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: skew(45deg) translateX(-9px);
  transform: skew(45deg) translateX(-9px);
  border-right: 2px solid white;
  border-bottom: 1px solid white;
}
.btn-2:hover:after, a.btn-2:hover:after {
  right: 7px;
}
.btn-3, a.btn-3 {
  font-size: 0.75rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 48px;
  padding: 0 34px;
  text-decoration: none;
  color: white;
  background: #fab90a;
}
.btn-3:before, a.btn-3:before {
  width: 12px;
  height: 12px;
  margin-right: 10px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy4wNDIgLTUuOTU4KSI+CiAgICA8cGF0aCBkPSJNMTQuNjI1LDYuNUgxOS41djQuODc1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjA4MyIvPgogICAgPHBhdGggZD0iTTE3LjMzMywxNC4wODN2NC4zMzNINy41ODNWOC42NjdoNC4zMzMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuMDgzIi8+CiAgICA8bGluZSB5MT0iNS45NTgiIHgyPSI1Ljk1OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMgNy4wNDIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjA4MyIvPgogIDwvZz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.btn-3:hover, a.btn-3:hover {
  opacity: 0.7;
}
.btn-4, a.btn-4 {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 720px;
  height: 140px;
  padding: 0 50px;
  text-decoration: none;
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
.btn-4:after, a.btn-4:after {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-block;
  width: 52px;
  height: 6px;
  margin-top: -3px;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: skew(45deg) translateX(-9px);
  transform: skew(45deg) translateX(-9px);
  border-right: 2px solid white;
  border-bottom: 1px solid white;
}
.btn-4:hover, a.btn-4:hover {
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #0064b3 0%, #00347b 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #0064b3 0%, #00347b 100%);
}
.btn-4:hover:after, a.btn-4:hover:after {
  right: 7px;
}
.btn-4 .wrap, a.btn-4 .wrap {
  font-size: 1.625rem;
  font-weight: bold;
}
.btn-4 .wrap span, a.btn-4 .wrap span {
  font-size: 0.875rem;
  display: block;
  margin-top: 5px;
}
/*.table-1
----------------------------------------*/
.table-1 {
  width: 100%;
}
.table-1 td, .table-1 th {
  line-height: 1.75;
  border-bottom: 1px solid #dedede;
}
.table-1 th {
  font-size: 1.125rem;
  font-weight: bold;
  width: 30%;
  padding: 31px 55px;
  text-align: left;
  vertical-align: top;
  color: #0064b3;
}
.table-1 td {
  font-size: 1rem;
  padding: 31px 23px;
}
/*.ttl
----------------------------------------*/
.ttl-1 {
  font-size: 2.625rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 40px;
  text-align: center;
  color: #0064b3;
}
.ttl-1 span:not([class]) {
  font-size: 1rem;
  line-height: 1.4em;
  display: block;
  margin-top: 12px;
  color: #000;
}
.ttl-1 .head {
  font-size: 1.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: black;
}
.ttl-1 .head:before, .ttl-1 .head:after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0;
  height: 35px;
  content: "";
  border-right: 1px solid #000;
}
.ttl-1 .head:before {
  margin-right: 22px;
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg);
}
.ttl-1 .head:after {
  margin-left: 22px;
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
}
.ttl-2 {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 25px;
  text-align: center;
}
.ttl-3 {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 2.5rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 40px;
  text-align: center;
}
.ttl-3 > div {
  padding: 0 15px 0 10px;
}
.ttl-3 > div > span {
  padding-bottom: 4px;
  border-bottom: 8px solid #fab90a;
}
.ttl-3 > div > span > span {
  font-size: 2.5rem;
  display: inline-block;
  padding-left: 2px;
  letter-spacing: 0.05em;
  background: -webkit-gradient(linear, right top, left top, from(#5caae0), color-stop(10.31%, #52a2db), color-stop(27.45%, #398fce), color-stop(49.18%, #1070ba), color-stop(56.74%, #0064b3), to(#003d91));
  background: -webkit-linear-gradient(right, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-90deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ttl-3:before, .ttl-3:after {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.ttl-3:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS45NzMiIGhlaWdodD0iMzcuMzI2IiB2aWV3Qm94PSIwIDAgMjUuOTczIDM3LjMyNiI+CiAgPHBhdGggZD0iTTAsMEg2LjQ3NFYzOS42NTVINC45ODhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDMuMzM0KSByb3RhdGUoLTMxKSIvPgo8L3N2Zz4K");
}
.ttl-3:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS45NzQiIGhlaWdodD0iMzcuMzI2IiB2aWV3Qm94PSIwIDAgMjUuOTc0IDM3LjMyNiI+CiAgPHBhdGggZD0iTTAsMzkuNjU1SDYuNDc0VjBINC45ODhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjU1IDM3LjMyNikgcm90YXRlKC0xNDkpIi8+Cjwvc3ZnPgo=");
}
.ttl-4 {
  font-size: 1.75rem;
  position: relative;
  margin-bottom: 44px;
  padding-bottom: 10px;
  text-align: center;
}
.ttl-4:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 120px;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom: 6px solid #0064b3;
}
.ttl-5 {
  text-align: center;
}
.ttl-5 > span {
  font-size: 1.75rem;
  line-height: 2.4em;
  position: relative;
  display: inline-block;
  padding: 0 20px;
  color: white;
  background: #0064b3;
}
.ttl-5 > span > span {
  font-size: 2.25rem;
}
.ttl-5 > span:before, .ttl-5 > span:after {
  position: absolute;
  top: 0;
  display: block;
  width: 15px;
  height: 100%;
  content: "";
}
.ttl-5 > span:before {
  left: 0;
  margin-left: -15px;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, transparent), color-stop(51%, #0064b3)) no-repeat top left/100% 100%;
  background: -webkit-linear-gradient(top left, transparent 50%, #0064b3 51%) no-repeat top left/100% 100%;
  background: linear-gradient(to bottom right, transparent 50%, #0064b3 51%) no-repeat top left/100% 100%;
}
.ttl-5 > span:after {
  right: 0;
  margin-right: -15px;
  background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, transparent), color-stop(51%, #0064b3)) no-repeat top left/100% 100%;
  background: -webkit-linear-gradient(bottom right, transparent 50%, #0064b3 51%) no-repeat top left/100% 100%;
  background: linear-gradient(to top left, transparent 50%, #0064b3 51%) no-repeat top left/100% 100%;
}
.ttl-6 {
  margin-bottom: 30px;
  text-align: center;
}
.ttl-6 > span {
  position: relative;
  display: inline-block;
}
.ttl-6 > span > span {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  padding-bottom: 6px;
  color: white;
  border-bottom: 8px solid #fab90a;
}
.ttl-6 > span:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 27px;
  height: 35px;
  margin-top: -4px;
  margin-left: -34px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi4yNzYiIGhlaWdodD0iMzEuMjc0IiB2aWV3Qm94PSIwIDAgMjYuMjc2IDMxLjI3NCI+CiAgPHBhdGggZD0iTTAsMCwzNC45MTUsNC41MzQsMzUsNkgwWiIgdHJhbnNmb3JtPSJtYXRyaXgoMC42MTYsIDAuNzg4LCAtMC43ODgsIDAuNjE2LCA0LjcyOCwgMCkiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.ttl-6 > span:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 27px;
  height: 35px;
  margin-top: -4px;
  margin-right: -34px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi4yNzYiIGhlaWdodD0iMzEuMjc0IiB2aWV3Qm94PSIwIDAgMjYuMjc2IDMxLjI3NCI+CiAgPHBhdGggZD0iTTAsNiwzNC45MTUsMS40NjYsMzUsMEgwWiIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNjE2LCAwLjc4OCwgLTAuNzg4LCAtMC42MTYsIDI2LjI3NiwgMy42OTQpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.ttl-7 {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 50px;
  text-align: center;
  color: #0064b3;
}
.ttl-7 span {
  font-size: 1rem;
  line-height: 1.4em;
  display: block;
  margin-top: 12px;
  color: #000;
}
.ttl-8 {
  margin-bottom: 20px;
  text-align: center;
}
.ttl-8 span {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 47px;
  position: relative;
  display: inline-block;
  padding: 0 20px;
  color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#5caae0), color-stop(10.31%, #52a2db), color-stop(27.45%, #398fce), color-stop(49.18%, #1070ba), color-stop(56.74%, #0064b3), to(#003d91));
  background: -webkit-linear-gradient(#5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(#5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
.ttl-8 span:before {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid #003d91;
}
.ttl-9 {
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
.ttl-9:before {
  display: block;
  width: 0;
  height: 123px;
  margin: 0 auto 25px;
  content: "";
  border-right: 2px solid #000;
}
.ttl-9 .ttl-large {
  font-size: 2.25rem;
  margin-top: 12px;
  color: #0064b3;
}
.ttl-9 .ttl-en {
  font-size: 1rem;
  display: block;
  margin-top: 12px;
  color: #000;
}
.ttl-10 {
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
  color: #0064b3;
}
.ttl-10 .ttl-head {
  font-size: 2.25rem;
  margin-bottom: 18px;
}
.ttl-10 .ttl-main {
  font-size: 2.625rem;
  display: inline-block;
  border-bottom: 10px solid #fab90a;
}
.ttl-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 25px;
  -webkit-transform: translateY(-32px);
  transform: translateY(-32px);
}
.ttl-11 span {
  font-size: 1.75rem;
  padding: 16px 72px;
  text-align: center;
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
.ttl-11:before {
  content: "";
  border-bottom: 32px solid #003d91;
  border-left: 23px solid transparent;
}
.ttl-11:after {
  content: "";
  border-right: 23px solid transparent;
  border-bottom: 32px solid #003d91;
}
/*.txt
----------------------------------------*/
.txt-1 {
  font-size: 1rem;
  line-height: 2;
}
.txt-2 {
  font-size: 1rem;
  line-height: 1.875;
}
/*.list
----------------------------------------*/
.list-1 {
  list-style: none;
}
.list-1 li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #d2d2d2;
}
.list-1 li.dense {
  padding: 10px 0;
}
.list-1 li .head {
  font-size: 0.9375rem;
  font-weight: bold;
  display: block;
  width: 130px;
  margin-right: 38px;
  padding: 4px 0;
  text-align: center;
  background: #f4f4f4;
}
.list-1 li .body {
  font-size: 1.125rem;
  line-height: 1.88889;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.list-1 li .body .txt-price {
  font-size: 2rem;
  font-weight: bold;
  margin-right: 5px;
  color: #dc000c;
}
.list-1 li .body .txt-yen {
  font-size: 1.125rem;
  font-weight: bold;
}
.list-1 li .body .txt-s {
  font-size: 1rem;
}
.list-1 li .body .txt-xs {
  font-size: 0.875rem;
}
.list-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
}
.list-2 li {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.list-2 li:before {
  font-size: 0.875rem;
  margin-right: 10px;
  content: "●";
  color: #dedede;
}
.list-3 li {
  font-size: 1.375rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 32px;
  letter-spacing: 0.2em;
}
.list-3 li:last-child {
  margin-bottom: 0;
}
.list-3 li:before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 38px;
  margin-right: 15px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMi40MDIiIGhlaWdodD0iMzcuNDA2IiB2aWV3Qm94PSIwIDAgMzIuNDAyIDM3LjQwNiI+DQogIDxnIGlkPSJPcmlvbl9jaGVja2JveC1zcXVhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjAwOCAtMC41OTQpIj4NCiAgICA8cmVjdCBpZD0i6ZW35pa55b2iXzk5MSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgOTkxIiB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuMDA4IDEyKSIgZmlsbD0iI2Y2ZGY1NiIvPg0KICAgIDxwYXRoIGlkPSJsYXllcjIiIGQ9Ik0xNiwxNmw2LDdMMzksMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuOTk2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTIzNmU2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogICAgPHBhdGggaWQ9ImxheWVyMSIgZD0iTTI4LDIxbDAsMTVoLTI2VjEwSDIwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogIDwvZz4NCjwvc3ZnPg0K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
/*.form
----------------------------------------*/
#mfp_hidden {
  display: none;
}
#mfp_err {
  padding: 10px;
  color: red;
  background: #ffdfdf;
}
.mfp_err {
  color: red;
}
#mfp_phase_confirm_inner.confirm {
  padding: 40px;
  background: white;
}
#mfp_phase_confirm_inner h4 {
  font-size: 1.25rem;
  margin-bottom: 15px;
}
#mfp_phase_confirm_inner table {
  width: 100%;
  margin-bottom: 60px;
}
#mfp_phase_confirm_inner table th, #mfp_phase_confirm_inner table td {
  padding: 15px 0;
  text-align: left;
}
#mfp_phase_confirm_inner table th {
  width: 30%;
  padding-right: 10px;
}
#mfp_phase_confirm_inner .mfp_buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#mfp_phase_confirm_inner .mfp_buttons button {
  font-size: 1rem;
  line-height: 70px;
  position: relative;
  display: inline-block;
  width: 360px;
  margin: 0 5px;
  cursor: pointer;
  text-align: center;
  color: white;
  border: none;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
#mfp_phase_confirm_inner .mfp_buttons button:hover {
  opacity: 0.7;
}
#mfp_phase_confirm_inner .mfp_buttons #mfp_button_cancel {
  color: #0064b3;
  border: 2px solid #0064b3;
  background: white;
}
/*.form-step
----------------------------------------*/
.form-step {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
.form-step:before {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 2px solid #0064b3;
}
.form-step li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 33.333%;
  height: 55px;
  color: #0064b3;
  background: white;
}
.form-step li span:nth-child(1) {
  font-size: 0.875rem;
  line-height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 20px;
  padding: 0 15px;
  border: 1px solid #0064b3;
}
.form-step li span:nth-child(2) {
  font-size: 1.125rem;
  font-weight: bold;
  display: block;
}
.form-step li:after {
  position: absolute;
  z-index: 2;
  top: 8px;
  right: -20px;
  display: block;
  width: 39px;
  height: 39px;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #0064b3;
  border-right: 2px solid #0064b3;
  background: white;
}
.form-step li:last-child:after {
  display: none;
}
.form-step li.active {
  color: white;
  background: #0064b3;
}
.form-step li.active span:nth-child(1) {
  border: 1px solid white;
}
.form-step li.active:after {
  background: #0064b3;
}
.form-wrap {
  margin-bottom: 40px;
}
.form-wrap .ttl {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 90px;
  position: relative;
  text-align: center;
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
.form-wrap .ttl:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% - 20px);
  content: "";
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.form-wrap .body {
  border: 4px solid #0064b3;
  border-top: none;
}
.form {
  background: white;
}
.form dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 898px;
  margin: 0 auto;
  padding: 70px 30px 60px;
}
.form dl dt, .form dl dd {
  padding: 22px 0;
}
.form dl dt {
  font-size: 1rem;
  line-height: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 37%;
  padding-right: 30px;
}
.form dl dt .req-label {
  font-size: 0.875rem;
  line-height: 30px;
  display: inline-block;
  padding: 0 10px;
  color: white;
  background: #fab90a;
}
.form dl dd {
  width: 63%;
  text-align: left;
}
.form dl dd select, .form dl dd textarea, .form dl dd input {
  font-size: 0.9375rem;
  width: 100%;
  padding: 7px;
  border: 1px solid #dedede;
}
.form dl dd select.problem, .form dl dd textarea.problem, .form dl dd input.problem {
  border: 1px solid red;
}
.form dl dd textarea {
  width: 100% !important;
  height: 128px !important;
}
.form dl dd select {
  max-width: 320px;
}
.form dl dd .checkbox span {
  display: block;
  margin-bottom: 20px;
}
.form dl dd .checkbox span label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.form dl dd .checkbox span input[type="checkbox"] {
  display: none;
}
.form dl dd .checkbox span input[type="checkbox"] + input + label:before, .form dl dd .checkbox span input[type="checkbox"] + label:before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  margin-right: 8px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4NCiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1MiAtMTg2OSkiPg0KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1MiAxODY5KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiBzdHJva2U9Im5vbmUiLz4NCiAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.form dl dd .checkbox span input[type="checkbox"]:checked + input + label:before, .form dl dd .checkbox span input[type="checkbox"]:checked + label:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4NCiAgPGcgaWQ9IuODgeOCp+ODg+OCr+ODnOODg+OCr+OCuSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1MiAtMTg2OSkiPg0KICAgIDxnIGlkPSLplbfmlrnlvaJfODgzIiBkYXRhLW5hbWU9IumVt+aWueW9oiA4ODMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1MiAxODY5KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiBzdHJva2U9Im5vbmUiLz4NCiAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg3IC0yMzI2KSI+DQogICAgICA8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NDEuODE4IDQyMDMuNzMyKSByb3RhdGUoLTQ1KSIgZmlsbD0iIzAwNjRiMyIvPg0KICAgICAgPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc1MS44OSA0MTk5LjQ5KSByb3RhdGUoNDUpIiBmaWxsPSIjMDA2NGIzIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
}
/*.pp-box
----------------------------------------*/
.pp-box {
  line-height: 2;
  overflow-y: auto;
  height: 200px;
  margin-bottom: 30px;
  padding: 40px 50px;
  background: white;
}
.pp-box h2 {
  font-size: 1.125rem;
  margin-bottom: 30px;
  text-align: center;
}
/*.submit-box
----------------------------------------*/
.submit-box {
  text-align: center;
}
.submit-box .ttl {
  font-size: 0.9375rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 25px;
  color: black;
}
.submit-box .ttl span {
  border-bottom: 6px solid #fab90a;
}
.submit-box .ttl:before, .submit-box .ttl:after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0;
  height: 30px;
  content: "";
  border-right: 1px solid #000;
}
.submit-box .ttl:before {
  margin-right: 22px;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.submit-box .ttl:after {
  margin-left: 22px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
.submit-box .agree {
  margin-bottom: 40px;
}
.submit-box .agree {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.submit-box .agree .req-label {
  font-size: 0.875rem;
  line-height: 30px;
  display: inline-block;
  margin-right: 20px;
  padding: 0 10px;
  color: white;
  background: #fab90a;
}
.submit-box .agree .mfp_err {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  text-align: center;
  color: red;
}
.submit-box .agree label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.submit-box .agree input[type="checkbox"] {
  display: none;
}
.submit-box .agree input[type="checkbox"] + input + label:before, .submit-box .agree input[type="checkbox"] + label:before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  margin-right: 8px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4NCiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1MiAtMTg2OSkiPg0KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1MiAxODY5KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiBzdHJva2U9Im5vbmUiLz4NCiAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.submit-box .agree input[type="checkbox"]:checked + input + label:before, .submit-box .agree input[type="checkbox"]:checked + label:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4NCiAgPGcgaWQ9IuODgeOCp+ODg+OCr+ODnOODg+OCr+OCuSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1MiAtMTg2OSkiPg0KICAgIDxnIGlkPSLplbfmlrnlvaJfODgzIiBkYXRhLW5hbWU9IumVt+aWueW9oiA4ODMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1MiAxODY5KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiBzdHJva2U9Im5vbmUiLz4NCiAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg3IC0yMzI2KSI+DQogICAgICA8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NDEuODE4IDQyMDMuNzMyKSByb3RhdGUoLTQ1KSIgZmlsbD0iIzAwNjRiMyIvPg0KICAgICAgPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc1MS44OSA0MTk5LjQ5KSByb3RhdGUoNDUpIiBmaWxsPSIjMDA2NGIzIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
}
.submit-box #confirm {
  font-size: 1rem;
  line-height: 70px;
  position: relative;
  position: relative;
  display: inline-block;
  width: 360px;
  cursor: pointer;
  text-align: center;
  color: white;
  border: none;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
.submit-box #confirm:hover {
  opacity: 0.7;
}
.submit-box #confirm.disable {
  pointer-events: none;
  background: #ccc;
}
/*--------------------------------------------------------------
The header styling
--------------------------------------------------------------*/
header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
}
header .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100px;
  max-width: 1540px;
  padding: 0 15px;
}
header h1 a {
  display: block;
  width: 291px;
}
header h1 a:hover {
  opacity: 0.7;
}
/* contact -page toggle */
#contact #toggle-btn {
  display: none;
}
/* contact -page toggle */
header #toggle-btn {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
header #toggle-btn span {
  display: block;
  width: 24px;
  height: 1px;
  margin: 4px 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: white;
}
header #drawer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header #drawer nav#nav-global > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
header #drawer nav#nav-global > ul > li {
  position: relative;
  width: auto;
  padding: 0 15px;
}
header #drawer nav#nav-global > ul > li > a {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1em;
  position: relative;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  text-decoration: none;
  color: #626262;
}
header #drawer nav#nav-global > ul > li > a span {
  font-size: 0.9rem;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  color: #000;
}
header #drawer nav#nav-global > ul > li > a:hover {
  color: #0064b3;
}
header #drawer nav#nav-global > ul > li > a:hover span {
  color: #0064b3;
}
header #drawer nav#nav-global > ul > li:after {
  position: absolute;
  top: 8px;
  right: 0;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1Ljk1OSIgaGVpZ2h0PSIxNy4yODIiIHZpZXdCb3g9IjAgMCA1Ljk1OSAxNy4yODIiPgogIDxsaW5lIHgxPSI1IiB5Mj0iMTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNDggMC4xNDEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNkMGQwZDAiIHN0cm9rZS13aWR0aD0iMSIvPgo8L3N2Zz4K");
}
header #drawer nav#nav-global > ul > li.no-slash:after {
  content: "";
}
header #drawer nav#nav-global > ul > li > ul {
  margin-left: 40px;
  padding-bottom: 5px;
  list-style: none;
}
header #drawer nav#nav-global > ul > li > ul li {
  margin-bottom: 12px;
}
header #drawer nav#nav-global > ul > li > ul li a {
  font-size: 0.875rem;
  font-weight: bold;
  display: block;
  text-decoration: none;
  color: white;
}
header #drawer nav#nav-global > ul > li > ul li a:before {
  display: inline-block;
  margin-right: 10px;
  content: "-";
  color: #98bedb;
}
header #drawer nav#nav-global > ul > li.add-minus:after {
  position: absolute;
  top: 21px;
  right: 32px;
  display: block;
  height: 20px;
  content: "";
  border-right: 2px solid white;
}
header #drawer nav#nav-global > ul > li.add-minus > a:after {
  position: absolute;
  top: 30px;
  right: 15px;
  width: 20px;
  content: "";
  border-bottom: 2px solid white;
}
header #drawer nav#nav-global > ul > li.add-minus > ul {
  height: 0;
  max-height: 0;
  padding-bottom: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
header #drawer nav#nav-global > ul > li.add-minus.open:after {
  display: none;
}
header #drawer nav#nav-global > ul > li.add-minus.open > ul {
  height: auto;
  max-height: 500px;
  padding-bottom: 5px;
  opacity: 1;
}
header #drawer .sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin-left: 25px;
}
header #drawer .sub > div {
  width: 200px;
  padding: 10px;
}
header #drawer .sub > div a {
  line-height: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 50px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  color: white;
}
header #drawer .sub .tel a {
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
header #drawer .sub .tel .num span:nth-child(1) {
  font-size: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 6px;
  margin-bottom: 3px;
}
header #drawer .sub .tel .num span:nth-child(1):before {
  display: inline-block;
  width: 12px;
  height: 16px;
  margin-right: 7px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNS43MDciIHZpZXdCb3g9IjAgMCAxMiAxNS43MDciPgogIDxwYXRoIGQ9Ik0yMTIuNTEyLDc2LjYwNmEzLjc1OCwzLjc1OCwwLDAsMC0xLjMwOC0xLjM5LDEuNTYyLDEuNTYyLDAsMCwwLTEuNjQ2LjEwOCwzLjcsMy43LDAsMCwwLTEuMTU1LDEuMjE1LDcuMzkzLDcuMzkzLDAsMCwxLTQuMDkyLTYuNjMxLDMuNywzLjcsMCwwLDAsMS41ODktLjQ5MSwxLjU2MiwxLjU2MiwwLDAsMCwuODMtMS40MjUsNC43ODgsNC43ODgsMCwwLDAtMS45Ny0zLjE4MSwxLjU2MiwxLjU2MiwwLDAsMC0xLjY0Ni4xMDgsMy45MTgsMy45MTgsMCwwLDAtMS40NTksMS44MTUsMy41MTksMy41MTksMCwwLDAtLjE4OC42MjUsNC44MzQsNC44MzQsMCwwLDAtLjIyLjk0NSwxMC4zMDcsMTAuMzA3LDAsMCwwLDEuODY1LDYuOTgyLDEwLjMwNiwxMC4zMDYsMCwwLDAsNS40NTgsNC43MzcsNC44MTQsNC44MTQsMCwwLDAsLjk5NS4yMjIsMy42LDMuNiwwLDAsMCwuNS4wNzYsMy45MTksMy45MTksMCwwLDAsMi4yNzUtLjUsMS41NjIsMS41NjIsMCwwLDAsLjgzLTEuNDI2QTMuNzU3LDMuNzU3LDAsMCwwLDIxMi41MTIsNzYuNjA2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwMS4xNzQgLTY0LjYyNSkiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
header #drawer .sub .tel .num span:nth-child(2) {
  font-size: 0.625rem;
  display: block;
  text-align: center;
}
header #drawer .sub .mail a {
  font-size: 1rem;
  font-weight: bold;
  background: #fab90a;
}
header #drawer .sub .mail a:hover {
  background: #fa940a;
}
header #drawer .sub .mail a:before {
  display: inline-block;
  width: 24px;
  height: 17px;
  margin-right: 8px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy44MTQiIGhlaWdodD0iMTYuODIyIiB2aWV3Qm94PSIwIDAgMjMuODE0IDE2LjgyMiI+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE2LjY5NSAtMTk5Ljg3KSI+CiAgICAgIDxwYXRoIGQ9Ik01MDEuOSwzMDcuNjcxbC00LjYxMi04LjE4Miw3LjgxOC00LjY0OXYxMS40NjdhMS4zNjQsMS4zNjQsMCwwLDEtMS4zNjIsMS4zNjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzY0LjYgLTkwLjk3OSkiIGZpbGw9IiNmZmYiLz4KICAgICAgPHBhdGggZD0iTTExOC4wNTcsMzA3LjY3MWExLjM2NCwxLjM2NCwwLDAsMS0xLjM2Mi0xLjM2NFYyOTQuODRsNy44MTgsNC42NDktNC42MTIsOC4xODJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC05MC45NzkpIiBmaWxsPSIjZmZmIi8+CiAgICAgIDxwYXRoIGQ9Ik0xMjguNiwyMDkuNTk1YTIuMDU5LDIuMDU5LDAsMCwxLS44Ni0uMzc1bC0uMDA5LS4wMDUtMTEuMDM0LTYuNTYydi0xLjQxNmExLjM2NSwxLjM2NSwwLDAsMSwxLjM2Mi0xLjM2NmgyMS4wOWExLjM2NSwxLjM2NSwwLDAsMSwxLjM2MiwxLjM2NnYxLjQxNmwtMTEuMDI0LDYuNTU2Yy0uMDc5LjA0MS0uMTU2LjA4NC0uMjMuMTI2YTEuNiwxLjYsMCwwLDEtLjY0OS4yNjFIMTI4LjZaIiBmaWxsPSIjZmZmIi8+CiAgICAgIDxwYXRoIGQ9Ik0yMjEuMjcyLDQyNS43M2w0LjMxNS03LjY1MSwyLjQ1OCwxLjQ2Mi4wMSwwYTEuNzM1LDEuNzM1LDAsMCwwLC43Mi4yMTloLjAxOWExLjY5LDEuNjksMCwwLDAsLjcxOS0uMjE4bC4wMS0uMDA1LDIuNDU5LTEuNDYyLDQuMzE0LDcuNjUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMC4xODIgLTIwOS4wMzgpIiBmaWxsPSIjZmZmIi8+CiAgICA8L2c+CiAgPC9zdmc+CiAg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
header #drawer .sub-sp {
  display: none;
}
header #drawer .sub-sp .download a {
  display: block;
  width: 280px;
  margin: auto;
  padding: 10px 10px 0;
  text-decoration: none;
  border: 3px solid white;
}
header #drawer .sub-sp .download a .ttl {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.75;
  padding: 13px 0;
  text-align: center;
  color: white;
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-left: 1px solid white;
}
header #drawer .sub-sp .download a .bottom {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 40px;
  position: relative;
  margin: 0 -10px;
  text-align: center;
  color: white;
  background: #fab90a;
}
header #drawer .sub-sp .download a .bottom:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-top: -3.5px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA2IDgiPgogICAgPHBhdGggZD0iTTQsMCw4LDZIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz4KICA8L3N2Zz4KICA=");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
header #drawer .sub-sp .sns ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
  list-style: none;
}
header #drawer .sub-sp .sns ul li {
  padding: 13px;
}
header #drawer .sub-sp .sns ul li a {
  position: relative;
  display: block;
  overflow: hidden;
  width: 48px;
  height: 48px;
  text-decoration: none;
  text-indent: -9999px;
  border-radius: 50%;
  background: white;
}
header #drawer .sub-sp .sns ul li a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 29px;
  height: 29px;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
header #drawer .sub-sp .sns ul li a.line:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS43ODkiIGhlaWdodD0iMjguNDMiIHZpZXdCb3g9IjAgMCAyOS43ODkgMjguNDMiPgogICAgPGcgaWQ9IlRZUEVfQSIgZGF0YS1uYW1lPSJUWVBFIEEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSAwLjUpIj4KICAgICAgPGc+CiAgICAgICAgPHBhdGggZD0iTTEzLjYsMjcuNDNoMGEuNDguNDgsMCwwLDEtLjM4OC0uMTUsMS4wNTYsMS4wNTYsMCwwLDEtLjA3NC0uOGwuMDA2LS4wMzNjLjAzOC0uMjIuMjA1LTEuMjI4LjIwNi0xLjIzMWEyLjc1OSwyLjc1OSwwLDAsMC0uMDQ2LTEuM2MtLjE1OS0uMzk1LS43NzgtLjYtMS4yNjktLjcxYTE2LjU3NSwxNi41NzUsMCwwLDEtNC44LTEuMzc0LDE0LjA1NywxNC4wNTcsMCwwLDEtMy44MTQtMi41NjVBMTEuMzc3LDExLjM3NywwLDAsMSwuOTA4LDE1Ljc5LDkuNzcyLDkuNzcyLDAsMCwxLDAsMTEuNjgyQzAsNS4yNCw2LjQ1OCwwLDE0LjQsMFMyOC43ODksNS4yNCwyOC43ODksMTEuNjgyYTkuMiw5LjIsMCwwLDEtLjc2LDMuN0ExMi40OTEsMTIuNDkxLDAsMCwxLDI1LjcsMTguODY4YTMzLjk4LDMzLjk4LDAsMCwxLTYuMjEsNS4yMzksMzguNTk0LDM4LjU5NCwwLDAsMS01LjEsMy4xMThBMi4xNzUsMi4xNzUsMCwwLDEsMTMuNiwyNy40M1pNMTkuOTYyLDguNTY5YS4yNzguMjc4LDAsMCwwLS4xOTUuMDc5bDAsMCwwLDBhLjI4Mi4yODIsMCwwLDAtLjA3Ny4xOTN2Ni4yNzJhLjI4My4yODMsMCwwLDAsLjA3Ny4xOTRsMCwwLDAsMGEuMjc1LjI3NSwwLDAsMCwuMTkzLjA3N0gyNGEuMjguMjgsMCwwLDAsLjI4LS4yOFYxNC4xMWEuMjguMjgsMCwwLDAtLjI4LS4yOEgyMS4yNTJWMTIuNzdIMjRhLjI4LjI4LDAsMCwwLC4yOC0uMjhWMTEuNDhBLjI4LjI4LDAsMCwwLDI0LDExLjJIMjEuMjUyVjEwLjE0SDI0YS4yODEuMjgxLDAsMCwwLC4yOC0uMjgxVjguODQ5YS4yOC4yOCwwLDAsMC0uMjgtLjI4Wk0xNC4zLDExLjRoMGwyLjg3NywzLjg4NWEuMy4zLDAsMCwwLC4wNzEuMDdoMGwuMDE2LjAxLjAwOS4wMDVhLjAzNy4wMzcsMCwwLDAsLjAxMy4wMDZsLjAwNiwwLC4wMDgsMCwuMDA4LDAsLjAwOCwwaDBsLjAwOSwwaC4wMDVhLjMyNS4zMjUsMCwwLDAsLjA3MS4wMDloMS4wMWEuMjguMjgsMCwwLDAsLjI4LS4yOFY4Ljg0OWEuMjguMjgsMCwwLDAtLjI4LS4yOEgxNy40MWEuMjgxLjI4MSwwLDAsMC0uMjgxLjI4djMuNzI2TDE0LjI1Niw4LjY5NGwtLjAxNi0uMDIxLS4wMDYtLjAwOGgwbC0uMDExLS4wMTIsMCwwLDAsMC0uMDA1LDAtLjAxNS0uMDEzLS4wMDYtLjAwNi0uMDE1LS4wMS0uMDA4LS4wMDVMMTQuMTUxLDguNmwtLjAxMSwwLS4wMTYtLjAwOC0uMDA5LDAtLjAwNywwaDBsLS4wMDgsMC0uMDEsMGgwbC0uMDEyLDBoLTEuMDZhLjI4MS4yODEsMCwwLDAtLjI4MS4yOHY2LjI3MmEuMjguMjgsMCwwLDAsLjI4MS4yOGgxLjAwOWEuMjgxLjI4MSwwLDAsMCwuMjgxLS4yOFYxMS40Wk0xMC40NjEsOC41NjlhLjI4MS4yODEsMCwwLDAtLjI4MS4yOHY2LjI3MmEuMjgxLjI4MSwwLDAsMCwuMjgxLjI4SDExLjQ3YS4yOC4yOCwwLDAsMCwuMjgxLS4yOFY4Ljg0OWEuMjgxLjI4MSwwLDAsMC0uMjgxLS4yOFpNNSw4LjU2OWEuMjgxLjI4MSwwLDAsMC0uMjgxLjI4djYuMjcyYS4yODEuMjgxLDAsMCwwLC4wNzkuMTk0bDAsMCwwLDBBLjI4LjI4LDAsMCwwLDUsMTUuNEg5LjAzNmEuMjguMjgsMCwwLDAsLjI4LS4yOFYxNC4xMWEuMjguMjgsMCwwLDAtLjI4LS4yOEg2LjI5M1Y4Ljg0OWEuMjgxLjI4MSwwLDAsMC0uMjgxLS4yOFoiIGZpbGw9IiMyMmI5MDAiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvc3ZnPgogIA==");
}
header #drawer .sub-sp .sns ul li a.mail:before {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40NzkiIGhlaWdodD0iMTkuMzUiIHZpZXdCb3g9IjAgMCAyMy40NzkgMTkuMzUiPgogICAgPHBhdGggZD0iTTUwMS44MzgsMzA5LjZsLTQuNTQ3LTkuNDExTDUwNSwyOTQuODR2MTMuMTlhMS40NzEsMS40NzEsMCwwLDEtMS4zNDMsMS41NjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDgxLjUyIC0yOTAuMjQ5KSIgZmlsbD0iIzAwNjRiMyIvPgogICAgPHBhdGggZD0iTTExOC4wMzgsMzA5LjZhMS40NzEsMS40NzEsMCwwLDEtMS4zNDMtMS41NjlWMjk0Ljg0bDcuNzA4LDUuMzQ4LTQuNTQ3LDkuNDExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNi42OTUgLTI5MC4yNDkpIiBmaWxsPSIjMDA2NGIzIi8+CiAgICA8cGF0aCBkPSJNMTI4LjQzMSwyMTEuMDU2YTEuODkzLDEuODkzLDAsMCwxLS44NDgtLjQzMmwtLjAwOS0uMDA2LTEwLjg3OS03LjU0OHYtMS42MjlhMS40NzIsMS40NzIsMCwwLDEsMS4zNDMtMS41NzFoMjAuNzkzYTEuNDcyLDEuNDcyLDAsMCwxLDEuMzQzLDEuNTcxdjEuNjI5bC0xMC44NjksNy41NDFjLS4wNzguMDQ4LS4xNTQuMS0uMjI3LjE0NWExLjQ1NSwxLjQ1NSwwLDAsMS0uNjQuM2gtLjAwOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTYuNjk1IC0xOTkuODcpIiBmaWxsPSIjMDA2NGIzIi8+CiAgICA8cGF0aCBkPSJNMjIxLjI3Miw0MjYuODhsNC4yNTQtOC44LDIuNDIzLDEuNjgxLjAwOS4wMDZhMS41MzksMS41MzksMCwwLDAsLjcxLjI1MmguMDE5YTEuNSwxLjUsMCwwLDAsLjcwOC0uMjUxbC4wMS0uMDA2LDIuNDI0LTEuNjgyLDQuMjU0LDguOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTYuOTM5IC00MDcuNTMpIiBmaWxsPSIjMDA2NGIzIi8+CiAgPC9zdmc+CiAg");
}
header #drawer .sub-sp .sns ul li a.tel:before {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4zMzYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOC4zMzYgMjQiPgogICAgPHBhdGggZD0iTTIxOC41LDgyLjkzMmE1Ljc0Myw1Ljc0MywwLDAsMC0yLTIuMTI0LDIuMzg3LDIuMzg3LDAsMCwwLTIuNTE1LjE2NSw1LjY1Nyw1LjY1NywwLDAsMC0xLjc2NiwxLjg1N0ExMS4zLDExLjMsMCwwLDEsMjA1Ljk2Niw3Mi43YTUuNjQ2LDUuNjQ2LDAsMCwwLDIuNDI4LS43NTEsMi4zODcsMi4zODcsMCwwLDAsMS4yNjgtMi4xNzgsNy4zMTYsNy4zMTYsMCwwLDAtMy4wMS00Ljg2LDIuMzg2LDIuMzg2LDAsMCwwLTIuNTE1LjE2NSw1Ljk4Niw1Ljk4NiwwLDAsMC0yLjIzLDIuNzc0LDUuMzc3LDUuMzc3LDAsMCwwLS4yODcuOTU2LDcuMzg5LDcuMzg5LDAsMCwwLS4zMzYsMS40NDNjLS40MDcsMy4xMjEuMjY1LDYuNTMxLDIuODUsMTAuNjY4czUuMzU1LDYuMjM2LDguMzM5LDcuMjM4YTcuMzU4LDcuMzU4LDAsMCwwLDEuNTIuMzM5LDUuNTA3LDUuNTA3LDAsMCwwLC43NzEuMTE2LDUuOTg4LDUuOTg4LDAsMCwwLDMuNDc3LS43NiwyLjM4NywyLjM4NywwLDAsMCwxLjI2OC0yLjE3OEE1Ljc0LDUuNzQsMCwwLDAsMjE4LjUsODIuOTMyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwMS4xNzQgLTY0LjYyNSkiIGZpbGw9IiMwMDY0YjMiLz4KICA8L3N2Zz4KICA=");
}
/*header.scrolled
----------------------------------------*/
header.scrolled {
  margin-top: -66px;
  /* ========= lg ========== */
}
header.scrolled.scrollView {
  margin-top: 0;
}
/*header.open
----------------------------------------*/
header.open #toggle-btn {
  background: none;
}
header.open #toggle-btn span:nth-child(1) {
  -webkit-transform: translateY(9px) rotate(135deg);
  transform: translateY(9px) rotate(135deg);
}
header.open #toggle-btn span:nth-child(2) {
  width: 0;
}
header.open #toggle-btn span:nth-child(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}
header.open #drawer {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
/*--------------------------------------------------------------
The footer styling
--------------------------------------------------------------*/
footer {
  position: relative;
  z-index: 11;
  padding: 80px 0 0;
  background: white;
}
footer .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
footer .row .col:nth-child(1) .logo {
  width: 365px;
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: -20px;
}
footer .row .col:nth-child(1) .logo img {
  width: 100%;
  height: auto;
}
footer .row .col:nth-child(1) .logo .pc {
  display: block;
}
footer .row .col:nth-child(1) .logo .sp {
  display: none;
}
footer .row .col:nth-child(1) .addr {
  font-size: 0.875rem;
  line-height: 2;
}
footer .row .col:nth-child(2) nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
footer .row .col:nth-child(2) nav > ul {
  width: 215px;
  list-style: none;
}
footer .row .col:nth-child(2) nav > ul > li {
  line-height: 1em;
  position: relative;
  padding-left: 18px;
}
footer .row .col:nth-child(2) nav > ul > li > a {
  font-size: 0.875rem;
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin-bottom: 18px;
  text-decoration: none;
  color: #000;
}
footer .row .col:nth-child(2) nav > ul > li > a:hover {
  color: #0064b3;
}
footer .row .col:nth-child(2) nav > ul > li > a:before {
  top: 0;
  left: 0;
  display: inline-block;
  margin-right: 5px;
  content: "・";
  color: #0064b3;
}
footer .row .col:nth-child(2) nav > ul > li > ul {
  padding-left: 15px;
  list-style: none;
}
footer .row .col:nth-child(2) nav > ul > li > ul > li {
  line-height: 1em;
  position: relative;
  padding-left: 18px;
}
footer .row .col:nth-child(2) nav > ul > li > ul > li a {
  font-size: 0.875rem;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 18px;
  text-decoration: none;
  color: #000;
}
footer .row .col:nth-child(2) nav > ul > li > ul > li a:hover {
  color: #0064b3;
}
footer .row .col:nth-child(2) nav > ul > li > ul > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}
footer .row .col:nth-child(2) nav > ul > li.add-minus.open > ul {
  max-height: 500px;
  padding-top: 10px;
  opacity: 1;
}
footer .btns {
  margin-bottom: 50px;
  text-align: right;
}
footer .btns a {
  font-size: 1rem;
  line-height: 1em;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 272px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
footer .btns a span:nth-child(1) {
  font-size: 0.875rem;
  display: block;
  margin-bottom: 7px;
}
footer .btns a span:nth-child(2) {
  font-size: 1rem;
  display: block;
}
footer .btns a:before {
  font-weight: bold;
  line-height: 1em;
  position: absolute;
  top: 10px;
  left: 30px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSI+CiAgICA8ZGVmcz4KICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICAgIDxjaXJjbGUgY3g9IjE3LjUiIGN5PSIxNy41IiByPSIxNy41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0ODUgNjYzLjI1MSkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzEyMzZlNiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgIDwvY2xpcFBhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDg1IC02NjMuMjUxKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0ODUgNjYzLjI1MSkiPgogICAgICAgIDxwYXRoIGQ9Ik0xNy41LDQuNDcxYS41NjIuNTYyLDAsMCwwLC41NjItLjUyM0wxOC4yODcuNmEuNTYuNTYsMCwwLDAtLjU1OC0uNkwxNy4zLDBhLjU2MS41NjEsMCwwLDAtLjU2Mi42bC4yMDcsMy4zNDlBLjU2MS41NjEsMCwwLDAsMTcuNSw0LjQ3MVoiIGZpbGw9IiNmZmYiLz4KICAgICAgICA8cGF0aCBkPSJNMTIuMDExLDYuNzI1YS41Ni41NiwwLDAsMCwuMDI3LS43NjZMOS44MzEsMy40M0EuNTYxLjU2MSwwLDAsMCw5LjAxMywzLjRsLS4zMDguMzA2YS41NjIuNTYyLDAsMCwwLC4wMjQuODE4bDIuNTE1LDIuMjIyQS41NjEuNTYxLDAsMCwwLDEyLjAxMSw2LjcyNVoiIGZpbGw9IiNmZmYiLz4KICAgICAgICA8cGF0aCBkPSJNMjYuMywzLjc2MWwtLjMwNi0uMzA4YS41NjEuNTYxLDAsMCwwLS44MTguMDI0TDIyLjk1MSw1Ljk5MmEuNTYxLjU2MSwwLDAsMCwuNzg5Ljc5NGwyLjUyOC0yLjIwN0EuNTYxLjU2MSwwLDAsMCwyNi4zLDMuNzYxWiIgZmlsbD0iI2ZmZiIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNS4wMTQsMjMuMTgzbC0zLjUsMCwwLDBIMTEuNWwuOTI0LDIuMDVoMEwxMy40LDI3LjR2Mi45NzlsLjQ2OS44MDloLjI5NGwuNDQ1LDIuMDE2Ljk1MiwxLjhoMy44NzRsLjk1Ni0xLjguNDQxLTIuMDE2aC4zbC40NzMtLjgwOVYyNy40bC45NzQtMi4xNy42NTItMS40NTEuMjY3LS41ODNoMGwwLS4wMTFIMTUuMDE0Wm00LjM0MSw4LjNMMTkuMSwzMi42NTJsLS40Ni44NTlIMTYuMzYybC0uNDYtLjg1OUwxNS42NSwzMS40OEgxOC43MVptLTQuMTgyLTIuODQ3LS42OTQtMy43MTRhLjIxNy4yMTcsMCwwLDEsLjItLjI2M2gxLjM4M2EuMjEyLjIxMiwwLDAsMSwuMi4yNjNsLS42ODksMy43MTRBLjIuMiwwLDAsMSwxNS4xNzIsMjguNjM1WiIgZmlsbD0iI2ZmZiIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNy40MzksOS42QTcuOTM5LDcuOTM5LDAsMCwwLDkuNTc1LDE3LjU5YTcuODE1LDcuODE1LDAsMCwwLDEuNTE1LDQuNTgzaDEyLjlhOC4xMzQsOC4xMzQsMCwwLDAsMS40MzgtNC43MUE3LjkyOSw3LjkyOSwwLDAsMCwxNy40MzksOS42Wk0yMi40NTgsMjAuMDJIMTIuNTdhNS4yLDUuMiwwLDAsMS0uNjMzLTIuNDQ4LDUuNTY2LDUuNTY2LDAsMCwxLDExLjEzMS0uMDkxQTUuNDksNS40OSwwLDAsMSwyMi40NTgsMjAuMDJaIiBmaWxsPSIjZmZmIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L3N2Zz4KICA=");
}
footer .btns a:after {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-block;
  width: 35px;
  height: 6px;
  margin-top: -3px;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: skew(45deg) translateX(-9px);
  transform: skew(45deg) translateX(-9px);
  border-right: 2px solid white;
  border-bottom: 1px solid white;
}
footer .btns a:hover {
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #0064b3 0%, #00347b 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #0064b3 0%, #00347b 100%);
}
footer .btns a:hover:after {
  right: 7px;
}
footer .pagetop {
  position: absolute;
  top: 210px;
  right: 45px;
}
footer .pagetop a {
  font-size: 0.875rem;
  font-weight: bold;
  writing-mode: vertical-rl;
  line-height: 1em;
  position: relative;
  display: inline-block;
  padding: 0 5px 30px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  text-decoration: none;
  -ms-writing-mode: tb-rl;
  color: #000;
  -webkit-writing-mode: vertical-rl;
}
footer .pagetop a:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 100%;
  content: "";
  -webkit-transform: skew(0, -45deg) translateY(-9px);
  transform: skew(0, -45deg) translateY(-9px);
  border-bottom: 2px solid #000;
  border-left: 1px solid #000;
}
footer .sp-bottom {
  display: none;
}
footer .copyright {
  font-size: 0.875rem;
  line-height: 54px;
  text-align: center;
  background: #f4f4f4;
}
/*--------------------------------------------------------------
FrontPage html's elements styling and resets
--------------------------------------------------------------*/
#home {
  /*mv
	----------------------------------------*/
  /*about トラックTVとは
	----------------------------------------*/
  /*performance これまでに導入なさった企業様1万社以上
	----------------------------------------*/
  /*result 豊富な導入実績から事例をご紹介
	----------------------------------------*/
  /*service 目的に合わせた2つのサービス
	----------------------------------------*/
  /*reason トラックTVが選ばれる理由
	----------------------------------------*/
  /*column トラックTV集客コラム
	----------------------------------------*/
  /*nationwide トラックTVは全国対応
	----------------------------------------*/
  /*company 運営会社紹介
	----------------------------------------*/
}
#home #mv {
  position: relative;
  background: white;
}
#home #mv .flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 861px;
}
#home #mv .wrap {
  width: 100%;
  margin-top: 15px;
}
#home #mv .bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/home/mv.jpg?2);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#home #mv .head {
  position: relative;
  margin-bottom: 72px;
}
#home #mv .head .copy {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.333;
  margin-bottom: 35px;
  text-align: center;
  color: white;
}
#home #mv .head span {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1em;
  display: block;
  text-align: center;
  color: white;
}
#home #mv .body {
  position: relative;
}
#home #mv .body .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#home #mv .body .row .col {
  max-width: 360px;
  text-align: center;
}
#home #mv .body .row .col .ttl {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.33333;
  margin-bottom: 20px;
  text-align: center;
  color: white;
  white-space: nowrap;
}
#home #mv .body .row .col .btns a {
  font-size: 1.1875rem;
  font-weight: bold;
  line-height: 80px;
  position: relative;
  position: relative;
  display: inline-block;
  width: 360px;
  padding-right: 35px;
  text-align: center;
  text-decoration: none;
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
#home #mv .body .row .col .btns a:after {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-block;
  width: 35px;
  height: 6px;
  margin-top: -3px;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: skew(45deg) translateX(-9px);
  transform: skew(45deg) translateX(-9px);
  border-right: 2px solid white;
  border-bottom: 1px solid white;
}
#home #mv .body .row .col .btns a:hover {
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #0064b3 0%, #00347b 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #0064b3 0%, #00347b 100%);
}
#home #mv .body .row .col .btns a:hover:after {
  right: 7px;
}
#home #mv .attention {
  margin: 50px auto 0;
  padding: 20px 50px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
#home #about {
  padding: 90px 0 80px;
}
#home #about .container {
  max-width: calc(980px + 60px);
}
#home #performance {
  position: relative;
  overflow: hidden;
  padding: 100px 0 95px 0;
}
#home #performance .txt-1 {
  margin-bottom: 25px;
  text-align: center;
}
#home #performance .bottom {
  max-width: 876px;
  margin: auto;
  padding: 30px 68px;
  background: #fafafa;
}
#home #performance .bottom .ttl {
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 15px;
  text-align: center;
}
#home #performance .bottom .ttl:before {
  font-weight: bold;
  line-height: 1em;
  display: inline-block;
  height: 24.63px;
  margin-right: 8px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy41NzQiIGhlaWdodD0iMjQuNjI3IiB2aWV3Qm94PSIwIDAgMjcuNTc0IDI0LjYyNyI+CiAgPHBhdGggZD0iTS0xODIuOC03My4xODhsLTExLTE5LjA2MWEyLjc5MiwyLjc5MiwwLDAsMC0yLjQxMS0xLjM5MiwyLjc5LDIuNzksMCwwLDAtMi40MSwxLjM5MmwtMTEsMTkuMDZhMi43OTEsMi43OTEsMCwwLDAsMCwyLjc4NCwyLjc5MSwyLjc5MSwwLDAsMCwyLjQxLDEuMzkyaDIyLjAxYTIuNzksMi43OSwwLDAsMCwyLjQxMS0xLjM5MkEyLjc4OSwyLjc4OSwwLDAsMC0xODIuOC03My4xODhabS0xMy40MTUsMS4wNGExLjcyNCwxLjcyNCwwLDAsMS0xLjcyNC0xLjcyNCwxLjcyNCwxLjcyNCwwLDAsMSwxLjcyNC0xLjcyMywxLjcyNCwxLjcyNCwwLDAsMSwxLjcyMywxLjcyM0ExLjcyNCwxLjcyNCwwLDAsMS0xOTYuMjEyLTcyLjE0OFptMS4wNjItNS41MTZhMS4wNjIsMS4wNjIsMCwwLDEtMS4wNjIsMS4wNjEsMS4wNjEsMS4wNjEsMCwwLDEtMS4wNjItMS4wNjFsLS42NjItNy43OTRhMS43MjQsMS43MjQsMCwwLDEsMS43MjQtMS43MjQsMS43MjQsMS43MjQsMCwwLDEsMS43MjMsMS43MjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDkuOTk5IDkzLjY0MSkiIGZpbGw9IiMwMDY0YjMiLz4KPC9zdmc+Cg==");
}
#home #performance .bottom ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 500px;
  margin: auto;
  padding: 0;
  list-style: none;
  justify-content: center;
}
#home #performance .bottom ul li {
  line-height: 1.4em;
  position: relative;
  /*width: 50%;*/
  margin: 0 20px;
  padding: 9px 10px 9px 15px;
}
#home #performance .bottom ul li:before {
  position: absolute;
  top: 9px;
  left: 0;
  display: inline-block;
  content: "・";
}
#home #result {
  padding: 110px 0 80px 0;
}
#home #result .ttl-1 {
  margin-bottom: 70px;
}
#home #result .swiper-container {
  margin-bottom: 70px;
}
#home #result .btns {
  text-align: center;
}
#home #service {
  position: relative;
  overflow: hidden;
  margin-bottom: 140px;
  padding: 115px 0 300px;
}
#home .container.toramiru {
  margin-top: -330px;
  margin-bottom: 100px;
}

#home #service:before {
  position: absolute;
  top: 0;
  right: calc(50% - 680px);
  display: block;
  width: calc(50% + 680px);
  height: 100%;
  content: "";
  background: white;
}
#home #service .ttl-1 {
  margin-bottom: 80px;
}
#home #reason {
  position: relative;
  padding: 0 0 50px;
  background: white;
}
#home #reason .ttl-1 {
  margin-bottom: 30px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
#home #column {
  position: relative;
  margin-bottom: 220px;
  padding: 110px 0 100px;
}
#home #column:before {
  position: absolute;
  top: 0;
  left: calc(50% - 680px);
  display: block;
  width: calc(50% + 680px);
  height: 100%;
  content: "";
  background: white;
}
#home #column .ttl-1 {
  margin-bottom: 65px;
}
#home #column .btns {
  padding-top: 70px;
  text-align: center;
}
#home #nationwide {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 90px;
}
#home #nationwide:before {
  position: absolute;
  top: -100px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: white;
}
#home #nationwide .imgs {
  position: relative;
  width: 50%;
  padding-right: 40px;
}
#home #nationwide .imgs .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -16px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
#home #nationwide .imgs .row .col {
  width: 50%;
  padding: 0 16px;
}
#home #nationwide .imgs .row .col:last-child {
  margin-top: -110px;
}
#home #nationwide .body {
  position: relative;
  width: 50%;
}
#home #nationwide .body .wrap {
  max-width: 542px;
  margin-left: 40px;
}
#home #nationwide .body .wrap .ttl {
  font-size: 2.25rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 40px;
  color: #0064b3;
}
#home #nationwide .body .wrap .ttl:after {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  margin-left: 40px;
  content: "";
  border-bottom: 2px solid #000;
}
#home #nationwide .body .wrap .txt-1 {
  margin-bottom: 40px;
}
#home #nationwide .body .wrap .btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -9px;
}
#home #nationwide .body .wrap .btns > div {
  width: 50%;
  margin: 0 9px;
}
#home #nationwide .body .wrap .btns > div a {
  font-weight: bold;
  line-height: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 70px;
  text-decoration: none;
}
#home #nationwide .body .wrap .btns .mail a {
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
#home #nationwide .body .wrap .btns .mail a:before {
  width: 34px;
  height: 24px;
  margin-right: 15px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC40MzgiIGhlaWdodD0iMjQuMzI4IiB2aWV3Qm94PSIwIDAgMzQuNDM4IDI0LjMyOCI+CiAgICA8cGF0aCBkPSJNNTAzLjk2MSwzMTMuNGwtNi42Ny0xMS44MzJMNTA4LjYsMjk0Ljg0djE2LjU4M2ExLjk3MywxLjk3MywwLDAsMS0xLjk3LDEuOTcyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ3NC4xNTggLTI4OS4wNjgpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBkPSJNMTE4LjY2NSwzMTMuNGExLjk3MywxLjk3MywwLDAsMS0xLjk3LTEuOTcyVjI5NC44NEwxMjgsMzAxLjU2NGwtNi42NywxMS44MzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE2LjY5NSAtMjg5LjA2OCkiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGQ9Ik0xMzMuOTA5LDIxMy45MzRhMi45NzcsMi45NzcsMCwwLDEtMS4yNDQtLjU0M2wtLjAxMy0uMDA4LTE1Ljk1OC05LjQ5di0yLjA0OGExLjk3NSwxLjk3NSwwLDAsMSwxLjk3LTEuOTc1aDMwLjVhMS45NzUsMS45NzUsMCwwLDEsMS45NywxLjk3NXYyLjA0OGwtMTUuOTQyLDkuNDgxYy0uMTE1LjA2LS4yMjYuMTIyLS4zMzIuMTgyYTIuMzE0LDIuMzE0LDAsMCwxLS45MzkuMzc4aC0uMDExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNi42OTUgLTE5OS44NykiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGQ9Ik0yMjEuMjcyLDQyOS4xNDRsNi4yNC0xMS4wNjUsMy41NTQsMi4xMTQuMDE0LjAwN2EyLjUwOSwyLjUwOSwwLDAsMCwxLjA0Mi4zMTdoLjAyOGEyLjQ0NCwyLjQ0NCwwLDAsMCwxLjAzOS0uMzE2bC4wMTUtLjAwNywzLjU1Ni0yLjExNUwyNDMsNDI5LjE0NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTQuOTE2IC00MDQuODE2KSIgZmlsbD0iI2ZmZiIvPgogIDwvc3ZnPgogIA==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#home #nationwide .body .wrap .btns .mail a:hover {
  color: #0064b3;
  border: 2px solid #0064b3;
  background: white;
}
#home #nationwide .body .wrap .btns .mail a:hover:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC40MzkiIGhlaWdodD0iMjQuMzI4IiB2aWV3Qm94PSIwIDAgMzQuNDM5IDI0LjMyOCI+DQogIDxnIGlkPSLjgrDjg6vjg7zjg5dfMTMzOSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTMzOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiPg0KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTUwIiBkYXRhLW5hbWU9IuODkeOCuSAxNTAiIGQ9Ik01MDMuOTYxLDMxMy40bC02LjY3LTExLjgzMkw1MDguNiwyOTQuODR2MTYuNTgzYTEuOTczLDEuOTczLDAsMCwxLTEuOTcsMS45NzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDc0LjE1OCAtMjg5LjA2OCkiIGZpbGw9IiMwMDY0YjMiLz4NCiAgICA8cGF0aCBpZD0i44OR44K5XzE1MSIgZGF0YS1uYW1lPSLjg5HjgrkgMTUxIiBkPSJNMTE4LjY2NSwzMTMuNGExLjk3MywxLjk3MywwLDAsMS0xLjk3LTEuOTcyVjI5NC44NEwxMjgsMzAxLjU2NGwtNi42NywxMS44MzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE2LjY5NSAtMjg5LjA2OCkiIGZpbGw9IiMwMDY0YjMiLz4NCiAgICA8cGF0aCBpZD0i44OR44K5XzE1MiIgZGF0YS1uYW1lPSLjg5HjgrkgMTUyIiBkPSJNMTMzLjkwOSwyMTMuOTM0YTIuOTc3LDIuOTc3LDAsMCwxLTEuMjQ0LS41NDNsLS4wMTMtLjAwOC0xNS45NTgtOS40OXYtMi4wNDhhMS45NzUsMS45NzUsMCwwLDEsMS45Ny0xLjk3NWgzMC41YTEuOTc1LDEuOTc1LDAsMCwxLDEuOTcsMS45NzV2Mi4wNDhsLTE1Ljk0Miw5LjQ4MWMtLjExNS4wNi0uMjI2LjEyMi0uMzMyLjE4MmEyLjMxNCwyLjMxNCwwLDAsMS0uOTM5LjM3OGgtLjAxMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTYuNjk1IC0xOTkuODcpIiBmaWxsPSIjMDA2NGIzIi8+DQogICAgPHBhdGggaWQ9IuODkeOCuV8xNTMiIGRhdGEtbmFtZT0i44OR44K5IDE1MyIgZD0iTTIyMS4yNzIsNDI5LjE0NGw2LjI0LTExLjA2NSwzLjU1NCwyLjExNC4wMTQuMDA3YTIuNTA5LDIuNTA5LDAsMCwwLDEuMDQyLjMxN2guMDI4YTIuNDQ0LDIuNDQ0LDAsMCwwLDEuMDM5LS4zMTZsLjAxNS0uMDA3LDMuNTU2LTIuMTE1TDI0Myw0MjkuMTQ0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxNC45MTYgLTQwNC44MTYpIiBmaWxsPSIjMDA2NGIzIi8+DQogIDwvZz4NCjwvc3ZnPg0K");
}
#home #nationwide .body .wrap .btns .line a {
  color: #22b900;
  border: 2px solid #22b900;
  background: white;
}
#home #nationwide .body .wrap .btns .line a:before {
  width: 40px;
  height: 38px;
  margin-right: 15px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MSIgaGVpZ2h0PSIzOS4xMTIiIHZpZXdCb3g9IjAgMCA0MSAzOS4xMTIiPgogICAgPGcgaWQ9IlRZUEVfQSIgZGF0YS1uYW1lPSJUWVBFIEEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjQuNTU3IC0yNzIuNDA0KSI+CiAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2NS4wNTcgMjcyLjkwNCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xOC45LDM4LjExMmgwYS42NjcuNjY3LDAsMCwxLS41MzgtLjIwOCwxLjQ2OCwxLjQ2OCwwLDAsMS0uMS0xLjEwOWwuMDA4LS4wNDZjLjA1My0uMzA2LjI4NS0xLjcwNi4yODYtMS43MTFhMy44MzMsMy44MzMsMCwwLDAtLjA2NC0xLjgwOGMtLjIyLS41NDgtMS4wODEtLjgzOS0xLjc2NC0uOTg3YTIzLjAzLDIzLjAzLDAsMCwxLTYuNjY3LTEuOTA5LDE5LjUzMiwxOS41MzIsMCwwLDEtNS4zLTMuNTY0LDE1LjgwNywxNS44MDcsMCwwLDEtMy41LTQuODNBMTMuNTc4LDEzLjU3OCwwLDAsMSwwLDE2LjIzMUMwLDcuMjgxLDguOTczLDAsMjAsMFM0MCw3LjI4MSw0MCwxNi4yMzFhMTIuNzg3LDEyLjc4NywwLDAsMS0xLjA1Niw1LjE0NCwxNy4zNTYsMTcuMzU2LDAsMCwxLTMuMjMxLDQuODQyQTQ3LjIxMiw0Ny4yMTIsMCwwLDEsMjcuMDg0LDMzLjUsNTMuNjI0LDUzLjYyNCwwLDAsMSwyMCwzNy44MjcsMy4wMjIsMy4wMjIsMCwwLDEsMTguOSwzOC4xMTJabTguODM0LTI2LjIwNmEuMzg2LjM4NiwwLDAsMC0uMjcuMTFsMCwwLS4wMDUuMDA3YS4zOTIuMzkyLDAsMCwwLS4xMDcuMjY4djguNzE0YS4zOTMuMzkzLDAsMCwwLC4xMDcuMjdsLjAwNS4wMDUuMDA3LjAwNWEuMzgyLjM4MiwwLDAsMCwuMjY4LjEwOGg1LjZhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg4di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg5SDI5LjUyN1YxNy43NDJoMy44MTJhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg5di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg4SDI5LjUyN1YxNC4wODloMy44MTJhLjM5LjM5LDAsMCwwLC4zODktLjM5di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg5Wm0tNy44NjMsMy45MjdoMGw0LDUuNGEuNDEyLjQxMiwwLDAsMCwuMS4xbC4wMDUsMGEuMTUxLjE1MSwwLDAsMCwuMDIzLjAxNGwuMDEyLjAwN2EuMDUyLjA1MiwwLDAsMCwuMDE4LjAwOWwuMDA5LDAsLjAxMSwwLC4wMTEsMCwuMDExLDBoMGwuMDEyLDAsLjAwNywwYS40NTEuNDUxLDAsMCwwLC4xLjAxMmgxLjRhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg4VjEyLjI5NWEuMzg5LjM4OSwwLDAsMC0uMzg5LS4zODloLTEuNGEuMzkuMzksMCwwLDAtLjM5MS4zODl2NS4xNzdMMTkuODA3LDEyLjA4YS4zNjQuMzY0LDAsMCwwLS4wMjItLjAzbC0uMDA4LS4wMTEsMCwwLS4wMTUtLjAxNywwLDAsMCwwLS4wMDctLjAwNWEuMTcxLjE3MSwwLDAsMC0uMDIxLS4wMThsLS4wMDktLjAwOS0uMDIxLS4wMTQtLjAxMi0uMDA3LS4wMTgtLjAxLS4wMTUtLjAwNi0uMDIyLS4wMTEtLjAxMywwLS4wMSwwaDBsLS4wMTEsMC0uMDE0LDBoLS4wMDZsLS4wMTcsMC0uMDE2LDBoLS4wMjFhLjA2MS4wNjEsMCwwLDAtLjAxOSwwSDE4LjA4YS4zOS4zOSwwLDAsMC0uMzkuMzg5djguNzE0YS4zOS4zOSwwLDAsMCwuMzkuMzg4aDEuNGEuMzkuMzksMCwwLDAsLjM5MS0uMzg4VjE1LjgzNVptLTUuMzM4LTMuOTI3YS4zOS4zOSwwLDAsMC0uMzkxLjM4OXY4LjcxNGEuMzkuMzksMCwwLDAsLjM5MS4zODhoMS40YS4zOS4zOSwwLDAsMCwuMzktLjM4OFYxMi4yOTVhLjM5LjM5LDAsMCwwLS4zOS0uMzg5Wm0tNy41ODIsMGEuMzkuMzksMCwwLDAtLjM5LjM4OXY4LjcxNGEuMzkuMzksMCwwLDAsLjEwOS4yN2wwLC4wMDUuMDA1LjAwNWEuMzg5LjM4OSwwLDAsMCwuMjY4LjEwOGg1LjZhLjM4OS4zODksMCwwLDAsLjM4OS0uMzg4di0xLjRhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg5SDguNzQ0VjEyLjI5NWEuMzkuMzksMCwwLDAtLjM5LS4zODlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iIzIyYjkwMCIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9zdmc+CiAg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#home #nationwide .body .wrap .btns .line a:hover {
  color: white;
  background: #22b900;
}
#home #nationwide .body .wrap .btns .line a:hover:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MSIgaGVpZ2h0PSIzOS4xMTIiIHZpZXdCb3g9IjAgMCA0MSAzOS4xMTIiPg0KICA8ZyBpZD0iVFlQRV9BIiBkYXRhLW5hbWU9IlRZUEUgQSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2NC41NTcgLTI3Mi40MDQpIj4NCiAgICA8ZyBpZD0i44Kw44Or44O844OXXzEzNDMiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDEzNDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2NS4wNTcgMjcyLjkwNCkiPg0KICAgICAgPHBhdGggaWQ9IuWJjemdouOCquODluOCuOOCp+OCr+ODiOOBp+Wei+aKnOOBjV8xIiBkYXRhLW5hbWU9IuWJjemdouOCquODluOCuOOCp+OCr+ODiOOBp+Wei+aKnOOBjSAxIiBkPSJNMTguOSwzOC4xMTJoMGEuNjY3LjY2NywwLDAsMS0uNTM4LS4yMDgsMS40NjgsMS40NjgsMCwwLDEtLjEtMS4xMDlsLjAwOC0uMDQ2Yy4wNTMtLjMwNi4yODUtMS43MDYuMjg2LTEuNzExYTMuODMzLDMuODMzLDAsMCwwLS4wNjQtMS44MDhjLS4yMi0uNTQ4LTEuMDgxLS44MzktMS43NjQtLjk4N2EyMy4wMywyMy4wMywwLDAsMS02LjY2Ny0xLjkwOSwxOS41MzIsMTkuNTMyLDAsMCwxLTUuMy0zLjU2NCwxNS44MDcsMTUuODA3LDAsMCwxLTMuNS00LjgzQTEzLjU3OCwxMy41NzgsMCwwLDEsMCwxNi4yMzFDMCw3LjI4MSw4Ljk3MywwLDIwLDBTNDAsNy4yODEsNDAsMTYuMjMxYTEyLjc4NywxMi43ODcsMCwwLDEtMS4wNTYsNS4xNDQsMTcuMzU2LDE3LjM1NiwwLDAsMS0zLjIzMSw0Ljg0MkE0Ny4yMTIsNDcuMjEyLDAsMCwxLDI3LjA4NCwzMy41LDUzLjYyNCw1My42MjQsMCwwLDEsMjAsMzcuODI3LDMuMDIyLDMuMDIyLDAsMCwxLDE4LjksMzguMTEyWm04LjgzNC0yNi4yMDZhLjM4Ni4zODYsMCwwLDAtLjI3LjExbDAsMC0uMDA1LjAwN2EuMzkyLjM5MiwwLDAsMC0uMTA3LjI2OHY4LjcxNGEuMzkzLjM5MywwLDAsMCwuMTA3LjI3bC4wMDUuMDA1LjAwNy4wMDVhLjM4Mi4zODIsMCwwLDAsLjI2OC4xMDhoNS42YS4zODkuMzg5LDAsMCwwLC4zODktLjM4OHYtMS40YS4zODkuMzg5LDAsMCwwLS4zODktLjM4OUgyOS41MjdWMTcuNzQyaDMuODEyYS4zODkuMzg5LDAsMCwwLC4zODktLjM4OXYtMS40YS4zODkuMzg5LDAsMCwwLS4zODktLjM4OEgyOS41MjdWMTQuMDg5aDMuODEyYS4zOS4zOSwwLDAsMCwuMzg5LS4zOXYtMS40YS4zODkuMzg5LDAsMCwwLS4zODktLjM4OVptLTcuODYzLDMuOTI3aDBsNCw1LjRhLjQxMi40MTIsMCwwLDAsLjEuMWwuMDA1LDBhLjE1MS4xNTEsMCwwLDAsLjAyMy4wMTRsLjAxMi4wMDdhLjA1Mi4wNTIsMCwwLDAsLjAxOC4wMDlsLjAwOSwwLC4wMTEsMCwuMDExLDAsLjAxMSwwaDBsLjAxMiwwLC4wMDcsMGEuNDUxLjQ1MSwwLDAsMCwuMS4wMTJoMS40YS4zODkuMzg5LDAsMCwwLC4zODktLjM4OFYxMi4yOTVhLjM4OS4zODksMCwwLDAtLjM4OS0uMzg5aC0xLjRhLjM5LjM5LDAsMCwwLS4zOTEuMzg5djUuMTc3TDE5LjgwNywxMi4wOGEuMzY0LjM2NCwwLDAsMC0uMDIyLS4wM2wtLjAwOC0uMDExLDAsMC0uMDE1LS4wMTcsMCwwLDAsMC0uMDA3LS4wMDVhLjE3MS4xNzEsMCwwLDAtLjAyMS0uMDE4bC0uMDA5LS4wMDktLjAyMS0uMDE0LS4wMTItLjAwNy0uMDE4LS4wMS0uMDE1LS4wMDYtLjAyMi0uMDExLS4wMTMsMC0uMDEsMGgwbC0uMDExLDAtLjAxNCwwaC0uMDA2bC0uMDE3LDAtLjAxNiwwaC0uMDIxYS4wNjEuMDYxLDAsMCwwLS4wMTksMEgxOC4wOGEuMzkuMzksMCwwLDAtLjM5LjM4OXY4LjcxNGEuMzkuMzksMCwwLDAsLjM5LjM4OGgxLjRhLjM5LjM5LDAsMCwwLC4zOTEtLjM4OFYxNS44MzVabS01LjMzOC0zLjkyN2EuMzkuMzksMCwwLDAtLjM5MS4zODl2OC43MTRhLjM5LjM5LDAsMCwwLC4zOTEuMzg4aDEuNGEuMzkuMzksMCwwLDAsLjM5LS4zODhWMTIuMjk1YS4zOS4zOSwwLDAsMC0uMzktLjM4OVptLTcuNTgyLDBhLjM5LjM5LDAsMCwwLS4zOS4zODl2OC43MTRhLjM5LjM5LDAsMCwwLC4xMDkuMjdsMCwuMDA1LjAwNS4wMDVhLjM4OS4zODksMCwwLDAsLjI2OC4xMDhoNS42YS4zODkuMzg5LDAsMCwwLC4zODktLjM4OHYtMS40YS4zODkuMzg5LDAsMCwwLS4zODktLjM4OUg4Ljc0NFYxMi4yOTVhLjM5LjM5LDAsMCwwLS4zOS0uMzg5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiIGZpbGw9IiNmZmYiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
}
#home #company {
  margin-bottom: 100px;
}
#home #company .container {
  max-width: 1040px;
}
#home #company article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: white;
  background: #338bcb;
}
#home #company article .body {
  width: 440px;
  padding: 44px 30px 30px 77px;
}
#home #company article .body .ttl {
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 10px;
}
#home #company article .body .txt {
  font-size: 0.75rem;
  margin-bottom: 25px;
}
/*下層ページ
----------------------------------------*/
#sidebar {
  margin-bottom: 100px;
}
.search-form {
  margin-bottom: 37px;
}
.search-form form {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dedede;
  background: white;
}
.search-form form input[type="text"] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 45px;
  padding: 0 10px;
  border: none;
}
.search-form form button {
  position: relative;
  overflow: hidden;
  width: 45px;
  height: 45px;
  white-space: nowrap;
  text-indent: 100%;
  border: none;
  background: white;
}
.search-form form button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 21px;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi40ODMiIGhlaWdodD0iMjIuNDgzIiB2aWV3Qm94PSIwIDAgMjIuNDgzIDIyLjQ4MyI+CiAgPGcgaWQ9ImZpbmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgPGNpcmNsZSBpZD0ibGF5ZXIxIiBjeD0iNy40MjUiIGN5PSI3LjQyNSIgcj0iNy40MjUiIGZpbGw9InJnYmEoMCwwLDAsMCkiIHN0cm9rZT0iIzAwNjRiMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHBhdGggaWQ9ImxheWVyMS0yIiBkYXRhLW5hbWU9ImxheWVyMSIgZD0iTTM5LjksMzkuOWw3LjM5Miw3LjM5MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3LjIyMyAtMjcuMjIzKSIgZmlsbD0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlPSIjMDA2NGIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.rank-box h2, .menu-list h2 {
  font-size: 1.125rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 5px;
  color: #0064b3;
  border-bottom: 2px solid #0064b3;
}
.rank-box h2 .en, .menu-list h2 .en {
  font-size: 0.9375rem;
}
.rank-box .rank-list {
  margin-top: 23px;
  margin-bottom: 60px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rank-box .rank-list .post {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-bottom: 15px;
  counter-increment: number;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
.rank-box .rank-list .post:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  content: counter(number);
  color: white;
  background: #887562;
}
.rank-box .rank-list .post:nth-child(1):before {
  background: #c2b27c;
}
.rank-box .rank-list .post:nth-child(2):before {
  background: #a9afb4;
}
.rank-box .rank-list .post:nth-child(3):before {
  background: #887562;
}
.rank-box .rank-list .post .thumb {
  position: relative;
  margin-bottom: 10px;
}
.rank-box .rank-list .post .thumb.noimg {
  border: 1px solid white;
}
.rank-box .rank-list .post .thumb.noimg:before {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  content: "";
  border: 4px solid white;
}
.rank-box .rank-list .post .thumb img {
  width: 100%;
}
.rank-box .rank-list .post .txt time {
  font-weight: bold;
  display: block;
  margin-bottom: 7px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #919191;
}
.rank-box .rank-list .post .txt .ttl {
  font-size: 0.9375rem;
  line-height: 1.8;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  max-height: 3.6em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: underline;
  color: #000;
  -webkit-line-clamp: 2;
}
.rank-box .rank-list .post:hover .txt time {
  color: black;
}
.rank-box .rank-list .post:hover .txt .ttl {
  color: #0064b3;
}
.menu-list ul {
  margin-bottom: 60px;
  list-style: none;
}
.menu-list ul li {
  border-bottom: 1px solid #ccc;
}
.menu-list ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 19px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  color: black;
}
.menu-list ul li a:after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 7px;
  height: 11px;
  margin-left: 15px;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCA2LjQgMTEiPgogIDxwYXRoIGlkPSJhbmdsZS1yaWdodC1saWdodCIgZD0iTTI3LjcyMiwxMzMuODRsLTUuMDYxLDQuOTgzYS41MTYuNTE2LDAsMCwxLS43MywwbC0uMzA1LS4zMDVhLjUxNi41MTYsMCwwLDEsMC0uNzNsNC4zOTUtNC4zMTMtNC4zOTEtNC4zMTNhLjUxNi41MTYsMCwwLDEsMC0uNzNsLjMwNS0uMzA1YS41MTYuNTE2LDAsMCwxLC43MywwbDUuMDYxLDQuOTgzQS41Mi41MiwwLDAsMSwyNy43MjIsMTMzLjg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjQ3NSAtMTI3Ljk3NSkiIGZpbGw9IiMzMzMiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.menu-list ul li a:hover {
  background: rgba(255, 255, 255, 0.4);
}
.menu-list ul li a:hover:after {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
/*--------------------------------------------------------------
The Blog styling
--------------------------------------------------------------*/
#index .contents-flex, #blog .contents-flex {
  margin-top: 40px;
}
.search-msg {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #dedede;
  background: white;
}
/*.post-list
----------------------------------------*/
.post-list-1 article a {
  display: block;
  margin-bottom: 31px;
  padding: 38px 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  color: black;
  border: 1px solid #dedede;
  background: white;
}
.post-list-1 article a:hover {
  -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.05);
}
.post-list-1 article a .post-header {
  margin-bottom: 20px;
}
.post-list-1 article a .post-header .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 15px;
}
.post-list-1 article a .post-header .head .cat-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 15px;
  list-style: none;
}
.post-list-1 article a .post-header .head .cat-list li {
  font-size: 0.875rem;
  font-weight: bold;
  display: inline-block;
  margin-right: 4px;
  padding: 4px 11px;
  text-decoration: none;
  color: white;
  background: #fab90a;
}
.post-list-1 article a .post-header .head .date {
  font-weight: bold;
  color: #919191;
}
.post-list-1 article a .post-header h2 {
  font-size: 1.625rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  max-height: 2.8em;
  -webkit-line-clamp: 2;
}
.post-list-1 article a .post-body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
}
.post-list-1 article a .post-body .thumb {
  position: relative;
  width: 305px;
  margin-right: 20px;
}
.post-list-1 article a .post-body .thumb.noimg:before {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  content: "";
  border: 4px solid white;
}
.post-list-1 article a .post-body .thumb img {
  width: 100%;
  height: auto;
}
.post-list-1 article a .post-body .txt {
  line-height: 1.8;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 2em;
}
.post-list-1 article a .post-body .txt .more {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: -6px;
}
.post-list-1 article a .post-body .txt .more span {
  font-size: 0.9375rem;
  padding-bottom: 1px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  color: #0064b3;
  border-bottom: 1px solid #0064b3;
}
.post-list-1 article a .post-body .txt .more span:after {
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjM5OSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDYuMzk5IDExIj4KICA8cGF0aCBpZD0iYW5nbGUtcmlnaHQtbGlnaHQiIGQ9Ik0yNy43MjIsMTMzLjg0bC01LjA2MSw0Ljk4M2EuNTE2LjUxNiwwLDAsMS0uNzMsMGwtLjMwNS0uMzA1YS41MTYuNTE2LDAsMCwxLDAtLjczbDQuMzk1LTQuMzEzLTQuMzkxLTQuMzEzYS41MTYuNTE2LDAsMCwxLDAtLjczbC4zMDUtLjMwNWEuNTE2LjUxNiwwLDAsMSwuNzMsMGw1LjA2MSw0Ljk4M0EuNTIuNTIsMCwwLDEsMjcuNzIyLDEzMy44NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMS40NzUgLTEyNy45NzUpIiBmaWxsPSIjMDA2NGIzIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.post-list-1 article a .post-body .txt .more span:hover {
  opacity: 0.7;
}
/*.pagination
----------------------------------------*/
.pagination {
  margin: 0 -20px;
  margin-bottom: 120px;
}
.pagination ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
  list-style: none;
}
.pagination ul li a, .pagination ul li span {
  font-size: 1.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 10px;
  text-decoration: none;
  color: #000;
  background: #e5e5e5;
}
.pagination ul li span {
  font-weight: bold;
  color: white;
  background: #0064b3;
}
.pagination ul li a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagination ul li a:hover {
  background: white;
}
.pagination ul li a.next, .pagination ul li a.prev {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: white;
}
.pagination ul li a.next:hover, .pagination ul li a.prev:hover {
  background: #e5e5e5;
}
.pagination ul li a.next:before, .pagination ul li a.prev:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 16px;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.pagination ul li a.next:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjY4NCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDguNjg0IDE2Ij4KICA8cGF0aCBpZD0iY2hldnJvbi1yaWdodC1saWdodCIgZD0iTTcuMzE5LDMzLjA3NmwtLjI1NC4yNTRhLjQzLjQzLDAsMCwwLDAsLjYwOWw3LjAxMiw3LjAxMkw3LjA2Niw0Ny45NjFhLjQzLjQzLDAsMCwwLDAsLjYwOWwuMjU0LjI1NGEuNDMuNDMsMCwwLDAsLjYwOSwwbDcuNTctNy41N2EuNDMuNDMsMCwwLDAsMC0uNjA5bC03LjU3LTcuNTdBLjQzLjQzLDAsMCwwLDcuMzE5LDMzLjA3NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02Ljk0IC0zMi45NSkiIGZpbGw9IiMwMDY0YjMiLz4KPC9zdmc+Cg==");
}
.pagination ul li a.prev:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjY4NCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDguNjg0IDE2Ij4KICA8cGF0aCBpZD0iY2hldnJvbi1yaWdodC1saWdodCIgZD0iTTE1LjI0NCwzMy4wNzZsLjI1NC4yNTRhLjQzLjQzLDAsMCwxLDAsLjYwOUw4LjQ4Niw0MC45NSwxNS41LDQ3Ljk2MWEuNDMuNDMsMCwwLDEsMCwuNjA5bC0uMjU0LjI1NGEuNDMuNDMsMCwwLDEtLjYwOSwwbC03LjU3LTcuNTdhLjQzLjQzLDAsMCwxLDAtLjYwOWw3LjU3LTcuNTdBLjQzLjQzLDAsMCwxLDE1LjI0NCwzMy4wNzZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi45NCAtMzIuOTUpIiBmaWxsPSIjMDA2NGIzIi8+Cjwvc3ZnPgo=");
}
/*#blog
----------------------------------------*/
#blog article {
  margin-bottom: 60px;
  padding: 50px 30px;
  background: white;
}
#blog article .post-header {
  margin-bottom: 20px;
}
#blog article .post-header .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 15px;
}
#blog article .post-header .head .cat-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 15px;
  list-style: none;
}
#blog article .post-header .head .cat-list li a {
  font-size: 0.875rem;
  font-weight: bold;
  display: inline-block;
  margin-right: 4px;
  padding: 4px 11px;
  text-decoration: none;
  color: white;
  background: #fab90a;
}
#blog article .post-header .head .cat-list li a:hover {
  opacity: 0.7;
}
#blog article .post-header .head .date {
  font-weight: bold;
  color: #919191;
}
#blog article .post-header h1 {
  font-size: 1.75rem;
  margin-bottom: 35px;
}
#blog article .post-header h1 a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  color: #000;
}
#blog article .post-header h1 a:hover {
  color: #0064b3;
}
/*#toc_container
----------------------------------------*/
#toc_container {
  font-size: 100% !important;
  width: 100% !important;
  margin-bottom: 60px !important;
  padding: 25px 30px !important;
  border: none !important;
  background: #f4f4f4 !important;
}
#toc_container .toc_title {
  font-size: 1.375rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 26px !important;
  color: #0064b3;
}
#toc_container .toc_title:before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 27px;
  height: 20px;
  margin-right: 13px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9pbmRleCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNyAyMCI+CiAgICA8Y2lyY2xlIGN4PSIyIiBjeT0iMiIgcj0iMiIgZmlsbD0iIzAwNjRiMyIvPgogICAgPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjQiIHJ4PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3KSIgZmlsbD0iIzAwNjRiMyIvPgogICAgPGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOCkiIGZpbGw9IiMwMDY0YjMiLz4KICAgIDxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSI0IiByeD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNyA4KSIgZmlsbD0iIzAwNjRiMyIvPgogICAgPGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTYpIiBmaWxsPSIjMDA2NGIzIi8+CiAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iNCIgcng9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcgMTYpIiBmaWxsPSIjMDA2NGIzIi8+CiAgPC9zdmc+CiAg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#toc_container ul {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  padding-left: 15px !important;
}
#toc_container ul li {
  display: block !important;
  margin-bottom: 0 !important;
}
#toc_container ul li:before {
  display: none;
}
#toc_container ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  text-decoration: underline;
  color: #626262;
}
#toc_container ul li a:hover {
  color: #0064b3;
}
#toc_container ul li a .toc_number {
  position: relative;
  display: inline-block;
  height: 1.1em;
  margin-right: 10px;
  text-decoration: none !important;
  color: #0064b3;
}
#toc_container ul li a .toc_number:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: -4px;
  content: "";
  border-bottom: 5px solid #f4f4f4;
}
/*#blog .post-body
----------------------------------------*/
#blog .post-body h1 {
  font-size: 1.75rem;
  margin-bottom: 35px;
}
#blog .post-body h1 a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  color: #000;
}
#blog .post-body h1 a:hover {
  color: #0064b3;
}
#blog .post-body strong {
  font-weight: bold;
}
#blog .post-body hr {
  margin: 40px 0;
}
#blog .post-body p {
  line-height: 2;
  clear: both;
  margin-bottom: 1.5em;
}
#blog .post-body p:before, #blog .post-body p:after {
  display: table;
  content: "";
}
#blog .post-body p:after {
  clear: both;
}
#blog .post-body img.aligncenter {
  margin: auto;
}
#blog .post-body img.alignleft {
  float: left;
  margin: 0 2rem 1rem 0;
}
#blog .post-body img.alignright {
  float: right;
  margin: 0 0 1rem 2rem;
}
#blog .post-body ul, #blog .post-body ol {
  clear: both;
  margin-bottom: 40px;
  margin-left: 20px;
}
#blog .post-body ul {
  list-style: none;
}
#blog .post-body ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 1em;
}
#blog .post-body ul li:before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin: 0 10px 0 5px;
  content: "";
  border-radius: 50%;
  background: #0064b3;
}
#blog .post-body ol {
  list-style: none;
}
#blog .post-body ol li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 1em;
  counter-increment: number;
}
#blog .post-body ol li:before {
  font-size: 0.75rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0 10px 0 5px;
  content: counter(number, decimal-leading-zero);
  color: white;
  border-radius: 50%;
  background: #0064b3;
}
#blog .post-body blockquote {
  position: relative;
  clear: both;
  margin-bottom: 40px;
  padding: 30px 30px 10px 60px;
  border-radius: 8px;
  background: #fafbfc;
}
#blog .post-body blockquote:before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 35px;
  height: 22px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC4yNTkiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzNC4yNTkgMjIiPgogIDxwYXRoIGQ9Ik0xOC4xODQtNzcuMXYzLjE0M2E2LjA0MSw2LjA0MSwwLDAsMC0zLjQwNiwyLjkwOSwxMS42NTksMTEuNjU5LDAsMCwwLTEuMTM1LDUuNTQydi45NzdoNi4xNjRWLTU1LjFINS40di03LjA1cTAtNi40MTMsMy4xNzktMTAuMTUxVDE4LjE4NC03Ny4xWm0tMTkuODU1LDB2My4xNDNhNi4wNDEsNi4wNDEsMCwwLDAtMy40MDYsMi45MDksMTEuNjU5LDExLjY1OSwwLDAsMC0xLjEzNSw1LjU0MnYuOTc3SC0uMDQ5Vi01NS4xaC0xNC40di03LjA1cTAtNi40MTMsMy4xNzktMTAuMTUxVC0xLjY3MS03Ny4xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuNDUzIDc3LjEpIiBmaWxsPSIjMDA2NGIzIiBvcGFjaXR5PSIwLjUiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#blog .post-body table {
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
#blog .post-body table th, #blog .post-body table td {
  padding: 13px 30px;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
#blog .post-body table th {
  font-weight: normal;
  color: #0064b3;
  background: #f5faff;
}
#blog .post-body h2, #blog .post-body h3, #blog .post-body h4, #blog .post-body h5 {
  margin-top: 2em;
}
#blog .post-body h2 {
  font-size: 1.5rem;
  font-weight: bold;
  font-weight: bold;
  position: relative;
  margin-bottom: 23px;
  margin-bottom: 1.4em;
  padding: 19px 20px 19px 43px;
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
#blog .post-body h2:before {
  position: absolute;
  top: 10px;
  left: 17px;
  height: calc(100% - 20px);
  content: "";
  border-right: 5px solid white;
}
#blog .post-body h3 {
  font-size: 1.375rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 1.4em;
  padding-bottom: 5px;
  border-bottom: 2px solid #80b1d9;
}
#blog .post-body h3:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  width: 100%;
  content: "";
  border-bottom: 2px solid #80b1d9;
}
#blog .post-body h4 {
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 0.7em;
  padding: 7px 20px;
  border-left: 5px solid #0064b3;
}
#blog .post-body h5 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.7em;
  color: #0064b3;
}
#sns-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 84px;
  max-width: 520px;
  margin: auto;
  margin-bottom: 60px;
  background: white;
}
#sns-share .ttl {
  font-size: 1.125rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 230px;
  height: 50px;
  border-right: 1px solid #d0d0d0;
}
#sns-share .btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
}
#sns-share .btns a {
  display: block;
  width: 35px;
  height: 35px;
  margin: 0 10px;
}
#sns-share .btns a:hover {
  opacity: 0.7;
}
.author-box {
  margin-bottom: 50px;
  padding: 30px;
  background: white;
}
.author-box h3 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid #0064b3;
}
.author-box .flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.author-box .flex figure {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 155px;
  margin-right: 60px;
}
.author-box .flex .txt .flex .info {
  padding-bottom: 2.5em;
}
.author-box .flex .txt .flex .info h4 {
  font-size: 1.125rem;
  margin: 5px 0 20px;
}
.author-box .flex .txt .flex .info .read {
  line-height: 1.75;
}
.author-box .flex .txt .flex .btn-set {
  position: absolute;
  right: 0;
  bottom: 0;
}
.author-box .flex .txt .flex .btn-set .flex .sns ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}
.author-box .flex .txt .flex .btn-set .flex .sns ul li {
  margin-left: 10px;
}
.author-box .flex .txt .flex .btn-set .flex .sns ul li a {
  display: block;
  width: 30px;
  height: 30px;
}
.author-box .flex .txt .flex .btn-set .flex .sns ul li a:hover {
  opacity: 0.7;
}
.post-nav {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 100px;
}
.post-nav .prev, .post-nav .next {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.post-nav .prev a, .post-nav .next a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.post-nav .prev a .ttl, .post-nav .next a .ttl {
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  max-height: 3.5em;
  -webkit-line-clamp: 2;
}
.post-nav .prev a:hover, .post-nav .next a:hover {
  opacity: 0.7;
}
.post-nav .prev a:before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 9px;
  height: 16px;
  margin-right: 26px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjY4NCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDguNjg0IDE2Ij4KICA8cGF0aCBpZD0iY2hldnJvbi1yaWdodC1saWdodCIgZD0iTTE1LjI0NCwzMy4wNzZsLjI1NC4yNTRhLjQzLjQzLDAsMCwxLDAsLjYwOUw4LjQ4Niw0MC45NSwxNS41LDQ3Ljk2MWEuNDMuNDMsMCwwLDEsMCwuNjA5bC0uMjU0LjI1NGEuNDMuNDMsMCwwLDEtLjYwOSwwbC03LjU3LTcuNTdhLjQzLjQzLDAsMCwxLDAtLjYwOWw3LjU3LTcuNTdBLjQzLjQzLDAsMCwxLDE1LjI0NCwzMy4wNzZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi45NCAtMzIuOTUpIiBmaWxsPSIjMDA2NGIzIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.post-nav .next a:after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 9px;
  height: 16px;
  margin-left: 26px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjY4NCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDguNjg0IDE2Ij4KICA8cGF0aCBpZD0iY2hldnJvbi1yaWdodC1saWdodCIgZD0iTTcuMzE5LDMzLjA3NmwtLjI1NC4yNTRhLjQzLjQzLDAsMCwwLDAsLjYwOWw3LjAxMiw3LjAxMkw3LjA2Niw0Ny45NjFhLjQzLjQzLDAsMCwwLDAsLjYwOWwuMjU0LjI1NGEuNDMuNDMsMCwwLDAsLjYwOSwwbDcuNTctNy41N2EuNDMuNDMsMCwwLDAsMC0uNjA5bC03LjU3LTcuNTdBLjQzLjQzLDAsMCwwLDcuMzE5LDMzLjA3NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjkzOSAtMzIuOTUpIiBmaWxsPSIjMDA2NGIzIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.post-nav .back-link a {
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 140px;
  height: 50px;
  margin: 0 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
.post-nav .back-link a:hover {
  opacity: 0.7;
}
.relation-post {
  margin-bottom: 120px;
}
.relation-post h2 {
  font-size: 1.375rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 30px;
  color: #0064b3;
}
.relation-post h2:before, .relation-post h2:after {
  width: 140px;
  content: "";
  border-bottom: 2px solid #000;
}
.relation-post h2:before {
  margin-right: 50px;
}
.relation-post h2:after {
  margin-left: 50px;
}
.relation-post .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
}
.relation-post .flex .post {
  width: 33.333%;
  padding: 0 5px;
}
.relation-post .flex .post .wrap {
  height: 100%;
  padding: 18px;
  border: 1px solid #dedede;
  background: white;
}
.relation-post .flex .post .wrap .thumb {
  position: relative;
  margin-bottom: 12px;
  padding-top: 69%;
}
.relation-post .flex .post .wrap .thumb img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  -o-object-fit: cover;
}
.relation-post .flex .post .wrap .thumb.noimg:after {
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 5px;
  display: block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  content: "";
  border: 4px solid #fff;
}
.relation-post .flex .post .wrap .txt .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 5px;
}
.relation-post .flex .post .wrap .txt .head .cat-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 15px;
  list-style: none;
}
.relation-post .flex .post .wrap .txt .head .cat-list li a {
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-decoration: none;
  color: white;
  background: #fab90a;
}
.relation-post .flex .post .wrap .txt .head .cat-list li a:hover {
  opacity: 0.7;
}
.relation-post .flex .post .wrap .txt .head .date {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #919191;
}
.relation-post .flex .post .wrap .txt h3 a {
  font-weight: normal;
  line-height: 2;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  max-height: 4em;
  color: black;
  -webkit-line-clamp: 2;
}
.relation-post .flex .post .wrap .txt h3 a:hover {
  color: #0064b3;
}
/*--------------------------------------------------------------
contact
--------------------------------------------------------------*/
#contact-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 0 115px;
}
#contact-info .wrap {
  width: 50%;
  padding: 0 30px;
}
#contact-info .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 132px;
  background: white;
}
#contact-info .card .ttl {
  font-size: 1.125rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 180px;
  height: 77px;
  border-right: 1px solid #d0d0d0;
}
#contact-info .card .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#contact-info .card.tel .ttl {
  line-height: 1.77778;
  color: #0064b3;
}
#contact-info .card.tel .tel a {
  font-size: 2rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  text-decoration: none;
}
#contact-info .card.tel .tel a:before {
  width: 24px;
  height: 32px;
  margin-right: 15px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy43NzQiIGhlaWdodD0iMzEuMTE5IiB2aWV3Qm94PSIwIDAgMjMuNzc0IDMxLjExOSI+CiAgPHBhdGggZD0iTTIyMy42MzcsODguMzYyYTcuNDQ3LDcuNDQ3LDAsMCwwLTIuNTkyLTIuNzU0LDMuMSwzLjEsMCwwLDAtMy4yNjEuMjE0LDcuMzM0LDcuMzM0LDAsMCwwLTIuMjg5LDIuNDA4LDEyLjk0MiwxMi45NDIsMCwwLDEtNS44ODktNS4zNTUsMTIuODQzLDEyLjg0MywwLDAsMS0yLjIxOS03Ljc4Myw3LjMyLDcuMzIsMCwwLDAsMy4xNDgtLjk3NCwzLjEsMy4xLDAsMCwwLDEuNjQ1LTIuODI0LDkuNDg2LDkuNDg2LDAsMCwwLTMuOS02LjMsMy4wOTQsMy4wOTQsMCwwLDAtMy4yNjEuMjE0LDcuNzYyLDcuNzYyLDAsMCwwLTIuODkxLDMuNiw2Ljk3Myw2Ljk3MywwLDAsMC0uMzczLDEuMjM5LDkuNTgsOS41OCwwLDAsMC0uNDM1LDEuODcxYy0uNTI4LDQuMDQ3LjM0NCw4LjQ2OSwzLjcsMTMuODMyczYuOTQzLDguMDg2LDEwLjgxMyw5LjM4NWE5LjU0LDkuNTQsMCwwLDAsMS45NzEuNDQsNy4xNDIsNy4xNDIsMCwwLDAsMSwuMTUsNy43NjQsNy43NjQsMCwwLDAsNC41MDgtLjk4NiwzLjEsMy4xLDAsMCwwLDEuNjQ0LTIuODI1QTcuNDQzLDcuNDQzLDAsMCwwLDIyMy42MzcsODguMzYyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwMS4xNzQgLTY0LjYyNSkiIGZpbGw9IiMwMDY0YjMiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#contact-info .card.tel .tel .bottom {
  display: block;
  text-align: center;
  color: #0064b3;
}
#contact-info .card.line .ttl {
  line-height: 1.77778;
  color: #22b900;
}
#contact-info .card.line a {
  font-size: 1.25rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 70px;
  padding: 0 15px;
  text-decoration: none;
  color: white;
  border-radius: 8px;
  background: #22b900;
}
#contact-info .card.line a:before {
  width: 28px;
  height: 28px;
  margin-right: 5px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4wMiIgaGVpZ2h0PSIyNy42OTciIHZpZXdCb3g9IjAgMCAyOS4wMiAyNy42OTciPgogIDxnIGlkPSJUWVBFX0EiIGRhdGEtbmFtZT0iVFlQRSBBIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY0LjU1NyAtMjcyLjQwNCkiPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTY1LjA1NyAyNzIuOTA0KSI+CiAgICAgIDxwYXRoIGQ9Ik0xMy4yNCwyNi43aDBhLjQ2Ny40NjcsMCwwLDEtLjM3Ny0uMTQ2LDEuMDI4LDEuMDI4LDAsMCwxLS4wNzItLjc3N2wuMDA1LS4wMzJjLjAzNy0uMjE0LjItMS4yLjItMS4yYTIuNjg1LDIuNjg1LDAsMCwwLS4wNDUtMS4yNjdjLS4xNTQtLjM4NC0uNzU3LS41ODgtMS4yMzUtLjY5MWExNi4xMzIsMTYuMTMyLDAsMCwxLTQuNjctMS4zMzcsMTMuNjgyLDEzLjY4MiwwLDAsMS0zLjcxMi0yLjVBMTEuMDczLDExLjA3MywwLDAsMSwuODg0LDE1LjM2OGE5LjUxMSw5LjUxMSwwLDAsMS0uODg0LTRDMCw1LjEsNi4yODUsMCwxNC4wMTEsMFMyOC4wMiw1LjEsMjguMDIsMTEuMzdhOC45NTcsOC45NTcsMCwwLDEtLjc0LDMuNiwxMi4xNTgsMTIuMTU4LDAsMCwxLTIuMjYzLDMuMzkxLDMzLjA3MiwzMy4wNzIsMCwwLDEtNi4wNDQsNS4xQTM3LjU2MywzNy41NjMsMCwwLDEsMTQuMDExLDI2LjUsMi4xMTcsMi4xMTcsMCwwLDEsMTMuMjQsMjYuN1pNMTkuNDI4LDguMzRhLjI3LjI3LDAsMCwwLS4xODkuMDc3bDAsMCwwLDBhLjI3NC4yNzQsMCwwLDAtLjA3NS4xODh2Ni4xYS4yNzYuMjc2LDAsMCwwLC4wNzUuMTg5bDAsMCwwLDBhLjI2OC4yNjgsMCwwLDAsLjE4OC4wNzVoMy45MjZhLjI3My4yNzMsMCwwLDAsLjI3Mi0uMjcydi0uOTgzYS4yNzMuMjczLDAsMCwwLS4yNzItLjI3MmgtMi42N1YxMi40MjhoMi42N2EuMjczLjI3MywwLDAsMCwuMjcyLS4yNzJ2LS45ODNhLjI3My4yNzMsMCwwLDAtLjI3Mi0uMjcyaC0yLjY3VjkuODY5aDIuNjdhLjI3My4yNzMsMCwwLDAsLjI3Mi0uMjczVjguNjEyYS4yNzMuMjczLDAsMCwwLS4yNzItLjI3MlpNMTMuOTIsMTEuMDkxaDBsMi44LDMuNzgyYS4yODkuMjg5LDAsMCwwLC4wNjkuMDY4aDBsLjAxNi4wMS4wMDksMGEuMDM2LjAzNiwwLDAsMCwuMDEzLjAwNmwuMDA2LDAsLjAwNywwLC4wMDcsMCwuMDA4LDBoMGwuMDA5LDBoLjAwNWEuMzE2LjMxNiwwLDAsMCwuMDY5LjAwOWguOTgzYS4yNzIuMjcyLDAsMCwwLC4yNzItLjI3MnYtNi4xYS4yNzIuMjcyLDAsMCwwLS4yNzItLjI3MmgtLjk4M2EuMjczLjI3MywwLDAsMC0uMjc0LjI3MnYzLjYyN2wtMi44LTMuNzc3LS4wMTUtLjAyMS0uMDA2LS4wMDhoMGwtLjAxMS0uMDEyLDAsMCwwLDAtLjAwNSwwTDEzLjgxNSw4LjRsLS4wMDYtLjAwNi0uMDE1LS4wMS0uMDA4LDAtLjAxMy0uMDA3LS4wMSwwLS4wMTYtLjAwNy0uMDA5LDAtLjAwNywwaDBsLS4wMDgsMC0uMDEsMGgwbC0uMDEyLDBIMTIuNjY1YS4yNzMuMjczLDAsMCwwLS4yNzMuMjcydjYuMWEuMjczLjI3MywwLDAsMCwuMjczLjI3MmguOTgyYS4yNzMuMjczLDAsMCwwLC4yNzQtLjI3MlYxMS4wOTJaTTEwLjE4MSw4LjM0YS4yNzMuMjczLDAsMCwwLS4yNzQuMjcydjYuMWEuMjczLjI3MywwLDAsMCwuMjc0LjI3MmguOTgyYS4yNzMuMjczLDAsMCwwLC4yNzMtLjI3MnYtNi4xYS4yNzMuMjczLDAsMCwwLS4yNzMtLjI3MlptLTUuMzExLDBhLjI3My4yNzMsMCwwLDAtLjI3My4yNzJ2Ni4xYS4yNzMuMjczLDAsMCwwLC4wNzcuMTg5bDAsMCwwLDBhLjI3Mi4yNzIsMCwwLDAsLjE4OC4wNzVIOC43OTRhLjI3My4yNzMsMCwwLDAsLjI3Mi0uMjcydi0uOTgzYS4yNzMuMjczLDAsMCwwLS4yNzItLjI3Mkg2LjEyNVY4LjYxMmEuMjczLjI3MywwLDAsMC0uMjczLS4yNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#contact-notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin: 0 30px;
  margin-bottom: 70px;
  padding: 20px 0;
  background: white;
}
#contact-notice .ttl {
  font-size: 1.25rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 280px;
  height: 120px;
  color: #0064b3;
  border-right: 1px solid #d0d0d0;
}
#contact-notice .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 30px;
}
#contact-notice .body ul {
  list-style: none;
}
#contact-notice .body ul li {
  font-size: 0.9375rem;
  line-height: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2px;
}
#contact-notice .body ul li:last-child {
  margin-bottom: 0;
}
#contact-notice .body ul li:before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  content: "※";
}
#contact-form {
  margin-bottom: 120px;
  padding: 30px 30px;
}
#contact-form .form {
  margin-bottom: 50px;
}
/*--------------------------------------------------------------
download
--------------------------------------------------------------*/
#download-head {
  padding: 55px 0 42px;
}
#download-head .ttl-1 {
  margin-bottom: 50px;
}
#download-head .txt {
  line-height: 2;
  text-align: center;
}
#download-titles {
  margin-bottom: 120px;
}
#download-form {
  margin: 0 30px 120px;
}
#download-form .form dl {
  max-width: 835px;
  padding-top: 20px;
  padding-bottom: 10px;
}
#download-form .form#mfp_phase_confirm_inner {
  padding-top: 0;
}
/*--------------------------------------------------------------
company
--------------------------------------------------------------*/
#company #page-ttl {
  padding: 55px 0;
}
#company-head {
  position: relative;
  margin-bottom: 120px;
  padding: 90px 0 75px;
}
#company-head > * {
  position: relative;
}
#company-head .img {
  position: relative;
  width: calc(100% - 120px);
  height: 0;
  margin-bottom: 70px;
  padding-top: 320px;
  -webkit-box-shadow: 30px 30px 0 #d3e3f0;
  box-shadow: 30px 30px 0 #d3e3f0;
}
#company-head .img img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
#company-head .txt {
  line-height: 2;
}
#company-details {
  position: relative;
  margin-bottom: 120px;
  padding-bottom: 100px;
}
#company-details h2 {
  -webkit-transform: translateY(-0.7em);
  transform: translateY(-0.7em);
}
#company-details .btn-3 {
  margin-left: 80px;
}
/*--------------------------------------------------------------
area
--------------------------------------------------------------*/
#area-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-top: 60px;
  padding: 80px 0;
}
#area-head .img {
  width: 50%;
  -webkit-box-shadow: 30px 30px 0 #d3e3f0;
  box-shadow: 30px 30px 0 #d3e3f0;
}
#area-head .img .wrap {
  position: relative;
  padding-top: 480px;
}
#area-head .img .wrap img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
#area-head .body {
  width: 50%;
}
#area-head .body .wrap {
  max-width: 480px;
  margin-left: 100px;
}
#area-head .body .ttl {
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 30px;
  padding-bottom: 7px;
  border-bottom: 2px solid #000;
}
#area-head .body .ttl span {
  font-size: 2.25rem;
  color: #0064b3;
}
#area-head .body .txt {
  line-height: 2;
}
#area-result {
  padding: 110px 0 80px 0;
}
#area-result .ttl-1 {
  margin-bottom: 70px;
}
#area-result .swiper-container {
  margin-bottom: 70px;
}
#area-result .btns {
  text-align: center;
}
#area-voice {
  padding: 30px 0 0;
}
#area-voice .ttl-1 {
  margin-bottom: 60px;
}
#area-reason {
  position: relative;
  padding: 80px 0 180px;
  background: white;
}
#area-reason .ttl-1 {
  margin-bottom: 60px;
}
#area-reason .articles-2:before {
  height: calc(100% - 120px);
}
#area-feature {
  position: relative;
  padding: 140px 0 50px;
}
#area-feature .ttl-1 {
  margin-bottom: 40px;
}
#area-flow {
  position: relative;
  margin-top: 120px;
  padding-bottom: 10px;
}
#area-flow > * {
  position: relative;
}
#area-flow .ttl-1 {
  margin-bottom: 50px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
/*--------------------------------------------------------------
result
--------------------------------------------------------------*/
#result-nav {
  max-width: 900px;
  margin: 0 auto;
  padding: 63px 0 97px;
}
#result-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  list-style: none;
}
#result-nav ul li {
  width: 33.333%;
  padding: 0 10px;
}
#result-nav ul li a {
  font-weight: bold;
  line-height: 1.3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 70px;
  text-align: center;
  text-decoration: none;
  border: 2px solid #0064b3;
  background: white;
}
#result-nav ul li a:hover {
  color: white;
  border: none;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
#result-nav ul li.active a {
  color: white;
  border: none;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
.post-list-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -10px;
}
.post-list-2 article {
  width: 33.333%;
  margin-bottom: 30px;
  padding: 0 10px;
}
.post-list-2 article a {
  position: relative;
  display: block;
  height: 100%;
  padding: 27px 27px 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  color: black;
  border: 1px solid #dedede;
  background: white;
}
.post-list-2 article a:hover {
  -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.05);
}
.post-list-2 article a .post-header .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 17px;
  padding-top: 69%;
}
.post-list-2 article a .post-header .thumb img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.post-list-2 article a .post-header .head .cat-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  list-style: none;
}
.post-list-2 article a .post-header .head .cat-list li {
  font-size: 0.875rem;
  font-weight: bold;
  display: inline-block;
  margin-right: 4px;
  padding: 4px 11px;
  text-decoration: none;
  color: white;
  background: #fab90a;
}
.post-list-2 article a .post-header .company {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 5px;
  color: #0064b3;
}
.post-list-2 article a .post-header h2 {
  font-weight: normal;
  line-height: 1.8;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  max-height: 3.6em;
  margin-bottom: 20px;
  -webkit-line-clamp: 2;
}
.post-list-2 article a .post-body {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.post-list-2 article a .post-body .txt {
  text-align: center;
}
.post-list-2 article a .post-body .txt .more {
  font-size: 0.9375rem;
  line-height: 1.1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  text-decoration: none;
  color: #0064b3;
  border-bottom: 1px solid #0064b3;
}
.post-list-2 article a .post-body .txt .more:after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 7px;
  height: 11px;
  margin-left: 10px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjM5OSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDYuMzk5IDExIj4KICA8cGF0aCBpZD0iYW5nbGUtcmlnaHQtbGlnaHQiIGQ9Ik0yNy43MjIsMTMzLjg0bC01LjA2MSw0Ljk4M2EuNTE2LjUxNiwwLDAsMS0uNzMsMGwtLjMwNS0uMzA1YS41MTYuNTE2LDAsMCwxLDAtLjczbDQuMzk1LTQuMzEzLTQuMzkxLTQuMzEzYS41MTYuNTE2LDAsMCwxLDAtLjczbC4zMDUtLjMwNWEuNTE2LjUxNiwwLDAsMSwuNzMsMGw1LjA2MSw0Ljk4M0EuNTIuNTIsMCwwLDEsMjcuNzIyLDEzMy44NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMS40NzUgLTEyNy45NzUpIiBmaWxsPSIjMDA2NGIzIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#result-head {
  margin-top: 60px;
}
#result-head.has-gallery {
  min-height: 640px;
}
#result-head .container > .wrap {
  position: relative;
  padding: 100px 0 110px;
}
#result-head .wrap > .head {
  width: 50%;
  padding-right: 60px;
}
#result-head .wrap > .head .category {
  font-size: 0.875rem;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 20px;
  padding: 6px 15px;
  text-decoration: none;
  color: white;
  background: #fab90a;
}
#result-head .wrap > .head .company {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: #0064b3;
}
#result-head .wrap > .head h1 {
  font-size: 1.625rem;
  line-height: 1.80769;
  margin-bottom: 5px;
}
#result-head .gallery {
  position: absolute;
  top: 100px;
  right: 0;
  width: 50%;
}
#result-head .wrap > .bottom {
  width: 50%;
  padding-right: 60px;
}
#result-head .wrap > .bottom ul {
  margin-bottom: 25px;
  list-style: none;
}
#result-head .wrap > .bottom ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #d2d2d2;
}
#result-head .wrap > .bottom ul li .head {
  font-size: 1rem;
  font-weight: bold;
  display: block;
  width: 110px;
  margin-right: 58px;
  padding: 4px 0;
  text-align: center;
  background: #f4f4f4;
}
#result-head .wrap > .bottom ul li .body {
  font-size: 1.125rem;
  line-height: 1.88889;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#result-head .wrap > .bottom .price {
  text-align: right;
}
#result-head .wrap > .bottom .price .head {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 12px;
}
#result-head .wrap > .bottom .price .num {
  font-size: 2.5rem;
  font-weight: bold;
  margin-right: 5px;
  color: #dc000c;
}
#result-head .wrap > .bottom .price .yen {
  font-size: 1.75rem;
  font-weight: bold;
}
#result-kekka {
  padding-bottom: 110px;
}
#result-kekka .ttl {
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 50px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  text-align: center;
}
#result-kekka .ttl:before {
  display: block;
  width: 0;
  height: 80px;
  margin: 0 auto 25px;
  content: "";
  border-right: 2px solid #000;
}
#result-kekka .ttl .ttl-large {
  font-size: 1.75rem;
}
#result-kekka .ttl .ttl-primary {
  color: #0064b3;
}
#result-kekka ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  list-style: none;
}
#result-kekka ul li {
  position: relative;
  margin: 0 10px;
}
#result-kekka ul li .head {
  font-weight: bold;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 135px;
  height: 37px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
  background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
}
#result-kekka ul li .body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 320px;
  height: 100px;
  background: white;
}
#result-kekka ul li .body:before {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #dedede;
}
#result-kekka ul li .body .bdb {
  font-size: 1.3125rem;
  font-weight: bold;
  color: #0064b3;
  border-bottom: 5px solid #fab90a;
}
#result-kekka ul li .body .bdb span {
  font-size: 2.25rem;
}
#result-details {
  padding-bottom: 80px;
  background: white;
}
#result-details .ttl {
  font-size: 2.25rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 18px;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  text-align: center;
  color: #0064b3;
}
#result-details .ttl:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 120px;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom: 4px solid #0064b3;
}
#result-details > .body {
  max-width: 1360px;
  margin: auto;
  padding: 45px 0 80px;
  background: #f4f4f4;
}
#result-details ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -40px;
  list-style: none;
}
#result-details ul li {
  width: 50%;
  padding: 0 40px;
}
#result-details ul li .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 100%;
  padding: 30px 0 10px;
  border-bottom: 1px solid #d2d2d2;
}
#result-details ul li .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 120px;
  margin-right: 48px;
  padding: 5px;
  text-align: center;
  color: white;
  background: #0064b3;
}
#result-onayami {
  padding: 60px 0;
}
#result-onayami .onayami .ttl, #result-onayami .voice .ttl {
  font-size: 1.75rem;
  font-weight: bold;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 60px;
  max-width: 320px;
  margin: 0 auto -30px;
  text-align: center;
  color: white;
  background: #919191;
}
#result-onayami .onayami .body, #result-onayami .voice .body {
  line-height: 2;
  padding: 70px 80px 50px;
  background: white;
  -webkit-box-shadow: 10px 10px 0 #c5c5c5;
  box-shadow: 10px 10px 0 #c5c5c5;
}
#result-onayami .arrow {
  width: 60px;
  margin: 25px auto 20px;
}
#result-onayami .voice .ttl {
  max-width: 590px;
  background: #fab90a;
}
#result-onayami .voice .body {
  -webkit-box-shadow: -10px 10px 0 #f9d981;
  box-shadow: -10px 10px 0 #f9d981;
}
#result-movie {
  padding: 60px 0 80px;
}
#result-movie .video {
  max-width: 980px;
}
.banner {
  max-width: 980px;
  margin: 0 auto 110px;
}
.banner .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  color: white;
  background: #338bcb;
}
.banner .body {
  margin-right: 40px;
}
.banner .body .ttl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.banner .body .btn a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  width: 320px;
  height: 70px;
  padding-left: 30px;
  text-align: center;
  text-decoration: none;
  color: white;
  border: 2px solid white;
}
.banner .body .btn a:after {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-block;
  width: 52px;
  height: 6px;
  margin-top: -3px;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: skew(45deg) translateX(-9px);
  transform: skew(45deg) translateX(-9px);
  border-right: 2px solid white;
  border-bottom: 1px solid white;
}
.banner .body .btn a:hover:after {
  right: 7px;
}
#relation-result {
  margin-bottom: 100px;
}
#relation-result > .container > h2 {
  font-size: 1.75rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 40px;
  padding-bottom: 2px;
  color: #0064b3;
  border-bottom: 4px solid #0064b3;
}
#relation-result > .container > h2:before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 42px;
  height: 28px;
  margin-right: 20px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSIyNy40NDMiIHZpZXdCb3g9IjAgMCA0MiAyNy40NDMiPgogIDxwYXRoIGQ9Ik00MS41OSw5OS4wMmEyLjI2NCwyLjI2NCwwLDAsMC0xLjg2OS0xSDE2LjgwOGEzLjA0MiwzLjA0MiwwLDAsMC0yLjg1NCwyLjA1MmwtMy4yLDkuMjU2YS45NTcuOTU3LDAsMCwxLTEuNDYzLjQ2NGwtLjQ3NC0uMzQxYTEuMTQ1LDEuMTQ1LDAsMCwxLS40MTQtMS4zbDMuMjM1LTkuNDU2QTQuNjcyLDQuNjcyLDAsMCwxLDE2LDk1LjU0OUgzMC4yNmwtLjQ3OC0xLjUxM2EzLjA0OSwzLjA0OSwwLDAsMC0yLjg5MS0yLjE2MkgxMS4xNTZhMi40MjYsMi40MjYsMCwwLDEtMi4yLTEuNDM5LDIuODgzLDIuODgzLDAsMCwwLTIuNjE0LTEuNzA4SDIuMjhhMi4yNjIsMi4yNjIsMCwwLDAtMS44NDUuOTY5QTIuNDA3LDIuNDA3LDAsMCwwLC4xMTMsOTEuOEw3LDExNC4yYTIuODE3LDIuODE3LDAsMCwwLDIuNjg2LDEuOTY3SDM0LjI0N0EyLjgxOCwyLjgxOCwwLDAsMCwzNi45LDExNC4zbDQuOTYtMTMuMTI0QTIuNDExLDIuNDExLDAsMCwwLDQxLjU5LDk5LjAyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtODguNzI2KSIgZmlsbD0iIzAwNjRiMyIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
/*--------------------------------------------------------------
signboard
--------------------------------------------------------------*/
#signboard-intro {
  padding: 60px 0 85px;
}
#signboard-intro .txt {
  line-height: 2;
  text-align: center;
}
#signboard-service {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 153px;
  padding: 90px 0 100px;
}
#signboard-service .img {
  width: 50%;
}
#signboard-service .img .wrap {
  position: relative;
  padding-top: 480px;
}
#signboard-service .img .wrap img {
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
#signboard-service > .body {
  width: 50%;
  padding-left: 100px;
}
#signboard-service > .body > .ttl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  border-bottom: 4px solid #0064b3;
}
#signboard-service > .body .wrap {
  max-width: 480px;
}
#signboard-sponsors {
  margin-bottom: 170px;
  padding-bottom: 60px;
}
#signboard-sponsors .container > .body {
  max-width: 1034px;
  margin: 0 auto 30px;
}
#signboard-sponsors .container > .body .bottom {
  font-size: 0.875rem;
  text-align: right;
}
#signboard-sponsors .container > .bottom {
  max-width: 876px;
  margin: auto;
  padding: 40px 120px 20px;
  background: #f4f4f4;
}
#signboard-sponsors .container > .bottom .ttl {
  font-size: 1.375rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 8px;
  color: #0064b3;
}
#signboard-sponsors .container > .bottom .ttl:before {
  width: 29px;
  height: 29px;
  margin-right: 10px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy41NzQiIGhlaWdodD0iMjQuNjI3IiB2aWV3Qm94PSIwIDAgMjcuNTc0IDI0LjYyNyI+CiAgPHBhdGggZD0iTS0xODIuOC03My4xODhsLTExLTE5LjA2MWEyLjc5MiwyLjc5MiwwLDAsMC0yLjQxMS0xLjM5MiwyLjc5LDIuNzksMCwwLDAtMi40MSwxLjM5MmwtMTEsMTkuMDZhMi43OTEsMi43OTEsMCwwLDAsMCwyLjc4NCwyLjc5MSwyLjc5MSwwLDAsMCwyLjQxLDEuMzkyaDIyLjAxYTIuNzksMi43OSwwLDAsMCwyLjQxMS0xLjM5MkEyLjc4OSwyLjc4OSwwLDAsMC0xODIuOC03My4xODhabS0xMy40MTUsMS4wNGExLjcyNCwxLjcyNCwwLDAsMS0xLjcyNC0xLjcyNCwxLjcyNCwxLjcyNCwwLDAsMSwxLjcyNC0xLjcyMywxLjcyNCwxLjcyNCwwLDAsMSwxLjcyMywxLjcyM0ExLjcyNCwxLjcyNCwwLDAsMS0xOTYuMjEyLTcyLjE0OFptMS4wNjItNS41MTZhMS4wNjIsMS4wNjIsMCwwLDEtMS4wNjIsMS4wNjEsMS4wNjEsMS4wNjEsMCwwLDEtMS4wNjItMS4wNjFsLS42NjItNy43OTRhMS43MjQsMS43MjQsMCwwLDEsMS43MjQtMS43MjQsMS43MjQsMS43MjQsMCwwLDEsMS43MjMsMS43MjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDkuOTk5IDkzLjY0MSkiIGZpbGw9IiMwMDY0YjMiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#signboard-sponsors .container > .bottom .ttl-bottom {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
#signboard-sponsors .container > .bottom ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
#signboard-sponsors .container > .bottom ul li {
  font-size: 1rem;
  position: relative;
  width: 50%;
  margin-bottom: 20px;
  padding: 0 20px;
}
#signboard-sponsors .container > .bottom ul li:before {
  position: absolute;
  left: 5px;
  content: "・";
}
#signboard-feature {
  padding-bottom: 55px;
}
#signboard-feature .ttl-1 {
  margin-bottom: 30px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
#signboard-feature .articles-2 {
  max-width: none;
  margin: 0 -20px;
}
#signboard-feature .articles-2:before {
  display: none;
}
#signboard-feature .articles-2 .ttl-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 3.5em;
  text-align: center;
}
#signboard-feature .articles-2 .ttl-main:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*--------------------------------------------------------------
ad_truck
--------------------------------------------------------------*/
#ad_truck-intro {
  padding: 100px 0 85px;
}
#ad_truck-intro h3 {
  position: relative;
  z-index: 3;
}
#ad_truck-intro .box-7 {
  max-width: 1020px;
  margin: auto;
  margin-top: -35px;
}
#ad_truck-intro-swiper {
  margin: 0 -30px;
}
#ad_truck-resolve {
  position: relative;
  padding: 110px 30px 95px;
  background-image: url(../img/ad_truck/ad_truck-resolve-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#ad_truck-resolve:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(18, 54, 230, 0.5);
  mix-blend-mode: multiply;
}
#ad_truck-resolve .wrap {
  position: relative;
  max-width: 800px;
  margin: auto;
}
#ad_truck-resolve .txt {
  line-height: 2;
  color: white;
}
#ad_truck-difference {
  position: relative;
  overflow: hidden;
  padding: 110px 0 100px;
}
#ad_truck-difference > * {
  position: relative;
}
#ad_truck-difference .ttl-1 {
  margin-bottom: 124px;
}
#ad_truck-difference .arrow {
  width: 58px;
  margin: -20px auto 28px;
}
#ad_truck-difference .video {
  border: 10px solid #0064b3;
}
#ad_truck-voice {
  padding: 120px 0 0;
}
#ad_truck-voice .ttl-1 {
  margin-bottom: 80px;
}
#ad_truck-price {
  padding: 120px 0 150px;
}
#ad_truck-price > .txt {
  line-height: 2;
  max-width: 990px;
  margin: auto;
  margin-bottom: 75px;
  text-align: center;
}
#ad_truck-price .swiper-prices {
  margin-bottom: 72px;
}
#ad_truck-price .bottom {
  text-align: center;
}
#ad_truck-spec {
  background: white;
}
#ad_truck-spec .ttl-1 {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
#add_truck-flow {
  position: relative;
  margin-top: 140px;
  padding-bottom: 10px;
}
#add_truck-flow > * {
  position: relative;
}
#add_truck-flow .ttl-1 {
  margin-bottom: 50px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
#ad_truck-qa {
  padding: 120px 0 90px;
}
/*--------------------------------------------------------------
led_vision
--------------------------------------------------------------*/
#led_vision-movie {
  padding: 90px 0 120px;
}
#led_vision-movie .box-4 {
  max-width: 1060px;
  margin: auto;
}
#led_vision-spec {
  background: white;
}
#led_vision-spec .ttl-1 {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
#led_vision-feature {
  position: relative;
  overflow: hidden;
  padding: 110px 0 30px;
}
#led_vision-feature > * {
  position: relative;
}
#led_vision-feature .ttl-1 {
  margin-bottom: 124px;
}
#led_vision-feature .articles-4 {
  max-width: 1200px;
}
#led_vision-feature .articles-4 article {
  width: 386px;
  margin: 0 0 60px;
}
#led_vision-feature .articles-4 article .ttl {
  font-size: 1.25rem;
  margin-top: 30px;
  margin-bottom: 10px;
}
#led_vision-feature .articles-4 article .txt {
  width: 320px;
  margin: auto;
}
#led_vision-voice {
  padding: 120px 0 0;
}
#led_vision-voice .ttl-1 {
  margin-bottom: 80px;
}
#led_vision-price {
  padding: 120px 0 100px;
}
#led_vision-price > .txt {
  line-height: 2;
  max-width: 990px;
  margin: auto;
  margin-bottom: 75px;
  text-align: center;
}
#led_vision-price .swiper-prices {
  margin-bottom: 72px;
}
#led_vision-price .bottom {
  text-align: center;
}
#led_vision-scene {
  padding-bottom: 60px;
  background: white;
}
#led_vision-scene .ttl-9 {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}
#led_vision-flow {
  position: relative;
  margin-top: 140px;
  padding-bottom: 10px;
}
#led_vision-flow > * {
  position: relative;
}
#led_vision-flow .ttl-1 {
  margin-bottom: 50px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
#led_vision-qa {
  padding: 120px 0 90px;
}
/*--------------------------------------------------------------
The 404 styling
--------------------------------------------------------------*/
/*--------------------------------------------------------------
The Print styling
--------------------------------------------------------------*/
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
@media only screen and (max-width: 1490px) {
  .container {
    padding: 0 30px;
  }
  .box-3:before {
    width: 100%;
  }
  header #drawer nav#nav-global > ul > li {
    width: auto;
    padding: 0 13px;
  }
  header #drawer .sub {
    margin-left: 0;
  }
  header #drawer .sub > div {
    width: 180px;
    padding: 5px;
  }
  footer .btns {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 1380px) {
  header #drawer nav#nav-global > ul > li > a {
    font-size: 0.5rem;
  }
  header #drawer nav#nav-global > ul > li > a span {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 1280px) {
  .container {
    padding: 0 30px;
  }
  #main {
    margin-top: 80px;
  }
  .br-show-lg {
    display: inline;
  }
  .br-hide-lg {
    display: none;
  }
  .contents-flex .contents-right {
    margin-left: 30px;
  }
  .swiper-entries .swiper-button-prev {
    left: 20px;
  }
  .swiper-entries .swiper-button-next {
    right: 20px;
  }
  .swiper-prices .swiper-button-prev {
    left: 20px;
  }
  .swiper-prices .swiper-button-next {
    right: 20px;
  }
  .articles-1 article .body {
    padding: 0 50px;
  }
  .articles-1 article .body .ttl .ttl-head {
    font-size: 1.1875rem;
  }
  .articles-1 article .body .ttl .ttl-main {
    font-size: 2rem;
  }
  .articles-5 article .body .details {
    width: 50%;
    margin-right: 30px;
  }
  .articles-5 article .bottom {
    max-width: none;
    margin: 0 30px;
  }
  .articles-5 article:nth-child(even) .body .details {
    width: 50%;
    margin-left: 30px;
  }
  .articles-5 article.noimg .body {
    max-width: none;
    margin: 0 30px;
  }
  .articles-5 article.noimg .body .details {
    width: auto;
    margin: 0;
  }
  .articles-6 article:before {
    width: 100%;
  }
  .box-2:before {
    left: 0;
    width: 100%;
  }
  header .container {
    height: 80px;
    padding: 0 15px;
  }
  header h1 a {
    width: 220px;
  }
  header #drawer nav#nav-global > ul > li {
    padding: 0 10px;
  }
  header #drawer .sub > div {
    width: 140px;
  }
  header #drawer .sub .tel .num span:nth-child(1) {
    font-size: 0.9rem;
  }
  header #drawer .sub .tel .num span:nth-child(1):before {
    width: 10px;
    margin-right: 4px;
  }
  header #drawer .sub .mail a {
    font-size: 0.875rem;
  }
  header #drawer .sub .mail a:before {
    width: 18px;
    margin-right: 5px;
  }
  footer .pagetop {
    right: 20px;
  }
  #home #mv .body .row {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  #home #mv .attention {
    top: 70vw;
  }
  #home #nationwide .body .wrap {
    width: auto;
    margin: 0 auto;
    padding: 0 20px;
  }
  #contact-info .wrap {
    padding: 0 15px;
  }
  #contact-info .card .ttl {
    width: 160px;
  }
  #company-head .img {
    width: calc(100% - 30px);
    margin-bottom: 50px;
    padding-top: 22%;
    -webkit-box-shadow: 15px 15px 0 #d3e3f0;
    box-shadow: 15px 15px 0 #d3e3f0;
  }
  #area-head .img {
    -webkit-box-shadow: 15px 15px 0 #d3e3f0;
    box-shadow: 15px 15px 0 #d3e3f0;
  }
  #area-head .img .wrap {
    padding-top: 60%;
  }
  #area-head .body .wrap {
    max-width: none;
    margin: 0 40px;
  }
  #result-details > .body {
    margin: 0 20px;
    padding: 45px 10px 80px;
  }
  #result-details ul {
    margin: 0 -20px;
  }
  #result-details ul li {
    padding: 0 20px;
  }
  #result-details ul li .head {
    font-size: 0.9375rem;
    margin-right: 20px;
  }
  #result-details ul li .body {
    font-size: 0.9375rem;
  }
  #signboard-service > .body {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1080px) {
  .container {
    padding: 0 20px;
  }
  #main {
    margin-top: 60px;
  }
  .disp-none-md {
    display: none;
  }
  .disp-block-md {
    display: block;
  }
  .br-show-md {
    display: inline;
  }
  .br-hide-md {
    display: none;
  }
  .page-ttl {
    height: 40vw;
  }
  .page-ttl h2 {
    font-size: 1.875rem;
  }
  .contents-flex {
    display: block;
  }
  .contents-flex .contents-body {
    max-width: 700px;
    margin: auto;
  }
  .contents-flex .contents-right {
    max-width: 500px;
    margin: auto;
  }
  .swiper-logos {
    margin: 0 -20px !important;
  }
  .swiper-logos ul {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .swiper-logos ul li img {
    margin-bottom: 24px;
  }
  .swiper-logos ul li img:nth-child(odd) {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
  .swiper-logos ul li img:nth-child(even) {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  .swiper-logos ul li {
    width: auto;
    padding: 0;
  }
  .swiper-entries .swiper-button-prev {
    left: 10px;
  }
  .swiper-entries .swiper-button-next {
    right: 10px;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap {
    display: block;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap .img {
    width: auto;
    margin-bottom: 20px;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap .body {
    padding-left: 0;
  }
  .swiper-prices .swiper-button-prev {
    left: 10px;
  }
  .swiper-prices .swiper-button-next {
    right: 10px;
  }
  .contact-box .txt-1 {
    margin-bottom: 25px;
  }
  .contact-box .bottom {
    max-width: 500px;
  }
  .contact-box .bottom > div {
    width: 50%;
    margin-bottom: 10px;
    padding: 0 5px;
  }
  .contact-box .bottom > div:first-child {
    width: 100%;
  }
  .contact-box .bottom .mail a:before {
    width: 26px;
    height: 17px;
    margin-right: 10px;
  }
  .contact-box .bottom .line a:before {
    width: 26px;
    height: 25px;
    margin-right: 10px;
  }
  .contact-box .alert {
    max-width: 700px;
    margin: 30px auto 0;
  }
  .contact-box .alert .ttl {
    font-size: 1.125rem;
  }
  .contact-box .alert .ttl {
    font-size: 1.0625rem;
    display: block;
  }
  .contact-box .alert .ttl:before {
    margin: 0 auto 10px;
  }
  .contact-box .alert ul li {
    width: auto;
  }
  #download-banner {
    display: none;
  }
  .articles-1 {
    max-width: 500px;
    margin: auto;
  }
  .articles-1 article {
    display: block;
    height: auto;
    margin-bottom: 10px;
  }
  .articles-1 article .img {
    width: auto;
  }
  .articles-1 article .img:before {
    height: 0;
    padding-top: 60%;
  }
  .articles-1 article .body {
    padding: 30px 20px;
  }
  .articles-1 article .body .ttl .ttl-head {
    font-size: 1.125rem;
  }
  .articles-1 article .body .ttl .ttl-main {
    font-size: 1.625rem;
    margin-bottom: 15px;
  }
  .articles-1 article .body .ttl .num {
    top: 5px;
    right: -10px;
    width: 80px;
  }
  .articles-1 article .body .ttl .num span:nth-child(1) {
    font-size: 0.875rem;
  }
  .articles-1 article .body .ttl .num span:nth-child(2) {
    font-size: 3.375rem;
  }
  .articles-1 article .body .txt-1 {
    margin-bottom: 30px;
  }
  .articles-1 article .body .btns {
    text-align: center;
  }
  .articles-2 article {
    width: 335px;
    margin: 15px 12.5px;
  }
  .articles-2 article .body {
    padding: 0 24px 25px;
  }
  .articles-2 article .body .ttl {
    padding-top: 20px;
  }
  .articles-2 article .body .ttl > .num {
    font-size: 1.75rem;
  }
  .articles-2 article .body .ttl .ttl-main {
    font-size: 1.125rem;
    line-height: 1.77778;
  }
  .articles-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 800px;
    margin: auto;
  }
  .articles-3 article {
    margin-bottom: 40px;
  }
  .articles-3 article .img {
    margin: 0 auto 20px;
  }
  .articles-3 article .txt {
    font-size: 0.875rem;
    line-height: 1.6;
  }
  .articles-4 article {
    margin: 0 25px 60px;
  }
  .articles-5 article {
    max-width: 600px;
    margin: 0 auto 60px;
    padding: 30px 0;
  }
  .articles-5 article:before {
    left: -30px;
    width: calc(100% + 60px);
  }
  .articles-5 article .body {
    display: block;
  }
  .articles-5 article .body .img {
    width: auto;
    margin-bottom: 30px;
  }
  .articles-5 article .body .img .wrap {
    padding-top: 60%;
  }
  .articles-5 article .body .details {
    width: auto;
    max-width: none;
    margin: 0;
  }
  .articles-5 article .bottom {
    margin: 0;
  }
  .articles-5 article:nth-child(even):before {
    left: -30px;
  }
  .articles-5 article:nth-child(even) .body .details {
    width: auto;
    max-width: none;
    margin: 0;
  }
  .articles-5 article.noimg .body {
    margin: 0;
  }
  .articles-5 article.noimg .body .details .head {
    max-width: none;
  }
  .articles-6 article {
    display: block;
    max-width: 700px;
    margin: 0 auto 40px;
    padding: 30px;
  }
  .articles-6 article:before {
    top: 0;
  }
  .articles-6 article .img {
    width: auto;
    margin-bottom: 20px;
  }
  .articles-6 article .img .wrap {
    padding-top: 60%;
  }
  .articles-6 article .body {
    max-width: none;
    margin-top: 0;
    margin-left: 0;
  }
  .articles-6 article .body ul {
    margin-bottom: 0;
  }
  .articles-6 article.reverse:before {
    left: 0;
  }
  .articles-6 article.reverse .body {
    margin-right: 0;
  }
  .articles-7 article .step {
    width: 140px;
  }
  .articles-10 {
    display: block;
    max-width: 800px;
    margin: 0 auto;
  }
  .articles-10 article {
    width: auto;
    margin-bottom: 60px;
  }
  .box-4:before, .box-4:after {
    width: 200px;
    height: 200px;
  }
  .box-5:before {
    left: 0;
    width: 100%;
  }
  .box-7:after {
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
  .box-7 > .wrap {
    padding: 50px;
  }
  .btn-2, a.btn-2 {
    line-height: 50px;
  }
  .btn-2:after, a.btn-2:after {
    width: 24px;
  }
  .table-1 th {
    font-size: 1rem;
    padding: 20px 5px;
  }
  .table-1 td {
    font-size: 0.875rem;
    padding: 20px 5px;
  }
  .ttl-1 {
    font-size: 2.25rem;
  }
  .ttl-1 span:not([class]) {
    font-size: 0.875rem;
  }
  .ttl-1 .head {
    font-size: 1.5625rem;
  }
  .ttl-1 .head:before, .ttl-1 .head:after {
    height: 30px;
  }
  .ttl-4 {
    font-size: 1.375rem;
    line-height: 1.6;
    padding-bottom: 15px;
  }
  .ttl-5 > span {
    font-size: 1.25rem;
  }
  .ttl-5 > span > span {
    font-size: 1.75rem;
  }
  .ttl-6 > span > span {
    font-size: 1.75rem;
    border-bottom: 6px solid #fab90a;
  }
  .ttl-8 {
    margin-bottom: 15px;
  }
  .ttl-8 span {
    font-size: 1.25rem;
    line-height: 40px;
  }
  .ttl-9 {
    font-size: 1.25rem;
  }
  .ttl-9 .ttl-large {
    font-size: 1.75rem;
  }
  .ttl-9 .ttl-en {
    font-size: 0.875rem;
  }
  .ttl-10 .ttl-head {
    font-size: 1.75rem;
    margin-bottom: 10px;
  }
  .ttl-10 .ttl-main {
    font-size: 2.125rem;
    border-bottom: 8px solid #fab90a;
  }
  .ttl-11 span {
    font-size: 1.5rem;
  }
  .list-1 li {
    padding: 15px 0;
  }
  .list-1 li.dense {
    padding: 8px 0;
  }
  .list-1 li .head {
    font-size: 0.875rem;
    width: 115px;
    margin-right: 20px;
  }
  .list-1 li .body {
    font-size: 1rem;
  }
  .list-1 li .body .txt-price {
    font-size: 1.75rem;
  }
  .list-3 li {
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
  .form-wrap .ttl {
    font-size: 1.5rem;
  }
  .submit-box .ttl:before, .submit-box .ttl:after {
    height: 30px;
  }
  header {
    background: none;
  }
  header .container {
    height: 60px;
    padding: 0 10px;
    background: white;
  }
  header h1 a {
    width: 220px;
  }
  header #toggle-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  header #drawer {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow-y: auto;
    width: 100%;
    height: 100vh;
    max-width: 400px;
    padding-bottom: 200px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background: -webkit-linear-gradient(240deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
    background: linear-gradient(-150deg, #5caae0 0%, #52a2db 10.31%, #398fce 27.45%, #1070ba 49.18%, #0064b3 56.74%, #003d91 100%);
  }
  header #drawer nav#nav-global {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  header #drawer nav#nav-global > ul {
    display: block;
  }
  header #drawer nav#nav-global > ul > li {
    padding: 0 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  header #drawer nav#nav-global > ul > li > a {
    font-size: 0.75rem;
    line-height: 60px;
    text-align: left;
    color: white;
  }
  header #drawer nav#nav-global > ul > li > a span {
    font-size: 1.0625rem;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
    color: white;
  }
  header #drawer nav#nav-global > ul > li > a span:before {
    content: "・";
    color: #98bedb;
  }
  header #drawer nav#nav-global > ul > li > a:hover {
    opacity: 0.7;
    color: white;
  }
  header #drawer nav#nav-global > ul > li > a:hover span {
    opacity: 0.7;
    color: white;
  }
  header #drawer nav#nav-global > ul > li:after {
    display: none;
  }
  header #drawer .sub {
    display: none;
  }
  header #drawer .sub-sp {
    display: block;
  }
  footer {
    padding: 15px 0 0;
  }
  footer .container {
    padding: 0 0 80px;
  }
  footer .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    max-width: 500px;
    margin: auto;
  }
  footer .row .col:nth-child(1) .logo {
    width: 190px;
    margin: auto;
    margin-bottom: 35px;
  }
  footer .row .col:nth-child(1) .logo .pc {
    display: none;
  }
  footer .row .col:nth-child(1) .logo .sp {
    display: block;
  }
  footer .row .col:nth-child(1) .addr {
    margin-bottom: 35px;
    text-align: center;
  }
  footer .row .col:nth-child(2) nav {
    display: block;
    margin-bottom: 60px;
  }
  footer .row .col:nth-child(2) nav > ul {
    width: auto;
  }
  footer .row .col:nth-child(2) nav > ul > li {
    border-bottom: 1px solid #dedede;
  }
  footer .row .col:nth-child(2) nav > ul > li > a {
    font-size: 1rem;
    line-height: 45px;
    display: block;
    margin-bottom: 0;
  }
  footer .row .col:nth-child(2) nav > ul > li > ul {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
  }
  footer .row .col:nth-child(2) nav > ul > li.add-minus:after {
    position: absolute;
    top: 11px;
    right: 24px;
    height: 20px;
    content: "";
    border-right: 2px solid #0064b3;
  }
  footer .row .col:nth-child(2) nav > ul > li.add-minus > a:after {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 20px;
    content: "";
    border-bottom: 2px solid #0064b3;
  }
  footer .row .col:nth-child(2) nav > ul > li.add-minus.open:after {
    opacity: 0;
  }
  footer .row .col:nth-child(2) nav > ul:nth-child(2) {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  footer .row .col:nth-child(2) nav > ul:nth-child(2):after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    content: "";
    border-bottom: 1px solid #dedede;
  }
  footer .row .col:nth-child(2) nav > ul:nth-child(2) li {
    width: 50%;
    border-bottom: 1px solid #dedede;
  }
  footer .row .col:nth-child(2) nav > ul:nth-child(2) li:nth-child(odd) {
    border-right: 1px solid #dedede;
  }
  footer .row .col:nth-child(2) nav > ul:nth-child(2) li:nth-child(1), footer .row .col:nth-child(2) nav > ul:nth-child(2) li:nth-child(2) {
    border-top: none;
  }
  footer .row .col:nth-child(2) nav > ul:nth-child(2) li a {
    font-size: 0.875rem;
    position: relative;
    display: block;
  }
  footer .row .col:nth-child(2) nav > ul:nth-child(2) li a:before {
    display: none;
  }
  footer .row .col:nth-child(2) nav > ul:nth-child(2) li a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 5px;
    height: 9px;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjAwMSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNS4wMDEgOSI+CiAgPHBhdGggZD0iTTEwMzczLDRsLTQsNFptLTQtNCw0LDRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAzNjguNDk5IDAuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2I5YjliOSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  footer .btns {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  footer .pagetop {
    top: auto;
    bottom: 270px;
  }
  footer .sp-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    background: white;
  }
  footer .sp-bottom ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    list-style: none;
  }
  footer .sp-bottom ul li {
    width: 33.333%;
  }
  footer .sp-bottom ul li a {
    font-size: 0.75rem;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 70px;
    text-align: center;
    text-decoration: none;
    color: #0064b3;
    border: 1px solid #f4f4f4;
  }
  footer .sp-bottom ul li a:before {
    height: 30px;
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS40MiIgaGVpZ2h0PSIyOC4wNzkiIHZpZXdCb3g9IjAgMCAyOS40MiAyOC4wNzkiPgogICAgPGcgaWQ9IlRZUEVfQSIgZGF0YS1uYW1lPSJUWVBFIEEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSAwLjUpIj4KICAgICAgPGc+CiAgICAgICAgPHBhdGggZD0iTTEzLjQyOSwyNy4wNzloMGEuNDc0LjQ3NCwwLDAsMS0uMzgzLS4xNDgsMS4wNDMsMS4wNDMsMCwwLDEtLjA3My0uNzg4bC4wMDYtLjAzM2MuMDM3LS4yMTcuMi0xLjIxMi4yLTEuMjE2YTIuNzI0LDIuNzI0LDAsMCwwLS4wNDUtMS4yODVjLS4xNTctLjM5LS43NjgtLjYtMS4yNTMtLjdhMTYuMzYzLDE2LjM2MywwLDAsMS00LjczNy0xLjM1NywxMy44NzcsMTMuODc3LDAsMCwxLTMuNzY1LTIuNTMzQTExLjIzMSwxMS4yMzEsMCwwLDEsLjksMTUuNTg3LDkuNjQ3LDkuNjQ3LDAsMCwxLDAsMTEuNTMyQzAsNS4xNzMsNi4zNzUsMCwxNC4yMTEsMFMyOC40Miw1LjE3MywyOC40MiwxMS41MzJhOS4wODUsOS4wODUsMCwwLDEtLjc1MSwzLjY1NSwxMi4zMzEsMTIuMzMxLDAsMCwxLTIuMywzLjQ0QTMzLjU0NSwzMy41NDUsMCwwLDEsMTkuMjQzLDIzLjhhMzguMSwzOC4xLDAsMCwxLTUuMDMyLDMuMDc4QTIuMTQ3LDIuMTQ3LDAsMCwxLDEzLjQyOSwyNy4wNzlaTTE5LjcwNiw4LjQ2YS4yNzQuMjc0LDAsMCwwLS4xOTIuMDc4bDAsMCwwLDBhLjI3OC4yNzgsMCwwLDAtLjA3Ni4xOTF2Ni4xOTFhLjI3OS4yNzksMCwwLDAsLjA3Ni4xOTJsMCwwLDAsMGEuMjcxLjI3MSwwLDAsMCwuMTkxLjA3NmgzLjk4MmEuMjc2LjI3NiwwLDAsMCwuMjc2LS4yNzZ2LTFhLjI3Ny4yNzcsMCwwLDAtLjI3Ni0uMjc2SDIwLjk3OVYxMi42MDZoMi43MDhhLjI3Ny4yNzcsMCwwLDAsLjI3Ni0uMjc2di0xYS4yNzYuMjc2LDAsMCwwLS4yNzYtLjI3NkgyMC45NzlWMTAuMDFoMi43MDhhLjI3Ny4yNzcsMCwwLDAsLjI3Ni0uMjc3di0xYS4yNzcuMjc3LDAsMCwwLS4yNzYtLjI3NlptLTUuNTg3LDIuNzloMGwyLjg0LDMuODM2YS4yOTMuMjkzLDAsMCwwLC4wNy4wNjloMGwuMDE2LjAxLjAwOS4wMDVhLjAzNy4wMzcsMCwwLDAsLjAxMy4wMDZsLjAwNiwwLC4wMDgsMCwuMDA4LDAsLjAwOCwwaDBsLjAwOSwwaC4wMDVhLjMyMS4zMjEsMCwwLDAsLjA3LjAwOWgxYS4yNzYuMjc2LDAsMCwwLC4yNzYtLjI3NlY4LjczNmEuMjc2LjI3NiwwLDAsMC0uMjc2LS4yNzZoLTFhLjI3Ny4yNzcsMCwwLDAtLjI3OC4yNzZ2My42NzhMMTQuMDczLDguNTgzbC0uMDE2LS4wMjEtLjAwNi0uMDA4aDBsLS4wMTEtLjAxMiwwLDAsMCwwLS4wMDUsMC0uMDE1LS4wMTMtLjAwNi0uMDA2LS4wMTUtLjAxTDEzLjk4Myw4LjUsMTMuOTcsOC40OWwtLjAxLDAtLjAxNi0uMDA4LS4wMDksMC0uMDA3LDBoMGwtLjAwOCwwLS4wMSwwaDBsLS4wMTIsMEgxMi44NDZhLjI3Ny4yNzcsMCwwLDAtLjI3Ny4yNzZ2Ni4xOTFhLjI3Ny4yNzcsMCwwLDAsLjI3Ny4yNzZoMWEuMjc3LjI3NywwLDAsMCwuMjc4LS4yNzZWMTEuMjUxWk0xMC4zMjcsOC40NmEuMjc3LjI3NywwLDAsMC0uMjc4LjI3NnY2LjE5MWEuMjc3LjI3NywwLDAsMCwuMjc4LjI3NmgxYS4yNzcuMjc3LDAsMCwwLC4yNzctLjI3NlY4LjczNmEuMjc3LjI3NywwLDAsMC0uMjc3LS4yNzZabS01LjM4NywwYS4yNzcuMjc3LDAsMCwwLS4yNzcuMjc2djYuMTkxYS4yNzcuMjc3LDAsMCwwLC4wNzguMTkybDAsMCwwLDBhLjI3Ni4yNzYsMCwwLDAsLjE5MS4wNzZIOC45MmEuMjc2LjI3NiwwLDAsMCwuMjc2LS4yNzZ2LTFhLjI3Ny4yNzcsMCwwLDAtLjI3Ni0uMjc2SDYuMjEzVjguNzM2YS4yNzcuMjc3LDAsMCwwLS4yNzctLjI3NloiIGZpbGw9IiMyMmI5MDAiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvc3ZnPgogIA==");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  footer .sp-bottom ul li.line a {
    color: #22b900;
  }
  footer .sp-bottom ul li.line a:before {
    width: 28px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS40MiIgaGVpZ2h0PSIyOC4wNzkiIHZpZXdCb3g9IjAgMCAyOS40MiAyOC4wNzkiPgogICAgPGcgaWQ9IlRZUEVfQSIgZGF0YS1uYW1lPSJUWVBFIEEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSAwLjUpIj4KICAgICAgPGc+CiAgICAgICAgPHBhdGggZD0iTTEzLjQyOSwyNy4wNzloMGEuNDc0LjQ3NCwwLDAsMS0uMzgzLS4xNDgsMS4wNDMsMS4wNDMsMCwwLDEtLjA3My0uNzg4bC4wMDYtLjAzM2MuMDM3LS4yMTcuMi0xLjIxMi4yLTEuMjE2YTIuNzI0LDIuNzI0LDAsMCwwLS4wNDUtMS4yODVjLS4xNTctLjM5LS43NjgtLjYtMS4yNTMtLjdhMTYuMzYzLDE2LjM2MywwLDAsMS00LjczNy0xLjM1NywxMy44NzcsMTMuODc3LDAsMCwxLTMuNzY1LTIuNTMzQTExLjIzMSwxMS4yMzEsMCwwLDEsLjksMTUuNTg3LDkuNjQ3LDkuNjQ3LDAsMCwxLDAsMTEuNTMyQzAsNS4xNzMsNi4zNzUsMCwxNC4yMTEsMFMyOC40Miw1LjE3MywyOC40MiwxMS41MzJhOS4wODUsOS4wODUsMCwwLDEtLjc1MSwzLjY1NSwxMi4zMzEsMTIuMzMxLDAsMCwxLTIuMywzLjQ0QTMzLjU0NSwzMy41NDUsMCwwLDEsMTkuMjQzLDIzLjhhMzguMSwzOC4xLDAsMCwxLTUuMDMyLDMuMDc4QTIuMTQ3LDIuMTQ3LDAsMCwxLDEzLjQyOSwyNy4wNzlaTTE5LjcwNiw4LjQ2YS4yNzQuMjc0LDAsMCwwLS4xOTIuMDc4bDAsMCwwLDBhLjI3OC4yNzgsMCwwLDAtLjA3Ni4xOTF2Ni4xOTFhLjI3OS4yNzksMCwwLDAsLjA3Ni4xOTJsMCwwLDAsMGEuMjcxLjI3MSwwLDAsMCwuMTkxLjA3NmgzLjk4MmEuMjc2LjI3NiwwLDAsMCwuMjc2LS4yNzZ2LTFhLjI3Ny4yNzcsMCwwLDAtLjI3Ni0uMjc2SDIwLjk3OVYxMi42MDZoMi43MDhhLjI3Ny4yNzcsMCwwLDAsLjI3Ni0uMjc2di0xYS4yNzYuMjc2LDAsMCwwLS4yNzYtLjI3NkgyMC45NzlWMTAuMDFoMi43MDhhLjI3Ny4yNzcsMCwwLDAsLjI3Ni0uMjc3di0xYS4yNzcuMjc3LDAsMCwwLS4yNzYtLjI3NlptLTUuNTg3LDIuNzloMGwyLjg0LDMuODM2YS4yOTMuMjkzLDAsMCwwLC4wNy4wNjloMGwuMDE2LjAxLjAwOS4wMDVhLjAzNy4wMzcsMCwwLDAsLjAxMy4wMDZsLjAwNiwwLC4wMDgsMCwuMDA4LDAsLjAwOCwwaDBsLjAwOSwwaC4wMDVhLjMyMS4zMjEsMCwwLDAsLjA3LjAwOWgxYS4yNzYuMjc2LDAsMCwwLC4yNzYtLjI3NlY4LjczNmEuMjc2LjI3NiwwLDAsMC0uMjc2LS4yNzZoLTFhLjI3Ny4yNzcsMCwwLDAtLjI3OC4yNzZ2My42NzhMMTQuMDczLDguNTgzbC0uMDE2LS4wMjEtLjAwNi0uMDA4aDBsLS4wMTEtLjAxMiwwLDAsMCwwLS4wMDUsMC0uMDE1LS4wMTMtLjAwNi0uMDA2LS4wMTUtLjAxTDEzLjk4Myw4LjUsMTMuOTcsOC40OWwtLjAxLDAtLjAxNi0uMDA4LS4wMDksMC0uMDA3LDBoMGwtLjAwOCwwLS4wMSwwaDBsLS4wMTIsMEgxMi44NDZhLjI3Ny4yNzcsMCwwLDAtLjI3Ny4yNzZ2Ni4xOTFhLjI3Ny4yNzcsMCwwLDAsLjI3Ny4yNzZoMWEuMjc3LjI3NywwLDAsMCwuMjc4LS4yNzZWMTEuMjUxWk0xMC4zMjcsOC40NmEuMjc3LjI3NywwLDAsMC0uMjc4LjI3NnY2LjE5MWEuMjc3LjI3NywwLDAsMCwuMjc4LjI3NmgxYS4yNzcuMjc3LDAsMCwwLC4yNzctLjI3NlY4LjczNmEuMjc3LjI3NywwLDAsMC0uMjc3LS4yNzZabS01LjM4NywwYS4yNzcuMjc3LDAsMCwwLS4yNzcuMjc2djYuMTkxYS4yNzcuMjc3LDAsMCwwLC4wNzguMTkybDAsMCwwLDBhLjI3Ni4yNzYsMCwwLDAsLjE5MS4wNzZIOC45MmEuMjc2LjI3NiwwLDAsMCwuMjc2LS4yNzZ2LTFhLjI3Ny4yNzcsMCwwLDAtLjI3Ni0uMjc2SDYuMjEzVjguNzM2YS4yNzcuMjc3LDAsMCwwLS4yNzctLjI3NloiIGZpbGw9IiMyMmI5MDAiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvc3ZnPgogIA==");
  }
  footer .sp-bottom ul li.mail a:before {
    width: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy45MDkiIGhlaWdodD0iMTkuNzA0IiB2aWV3Qm94PSIwIDAgMjMuOTA5IDE5LjcwNCI+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj4KICAgICAgPHBhdGggZD0iTTUwMS45MjEsMzA5Ljg2OWwtNC42My05LjU4Myw3Ljg0OS01LjQ0NnYxMy40MzJhMS41LDEuNSwwLDAsMS0xLjM2OCwxLjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDgxLjIzMSAtMjkwLjE2NSkiIGZpbGw9IiMwMDY0YjMiLz4KICAgICAgPHBhdGggZD0iTTExOC4wNjIsMzA5Ljg2OWExLjUsMS41LDAsMCwxLTEuMzY3LTEuNlYyOTQuODRsNy44NDksNS40NDYtNC42Myw5LjU4M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTYuNjk1IC0yOTAuMTY1KSIgZmlsbD0iIzAwNjRiMyIvPgogICAgICA8cGF0aCBkPSJNMTI4LjY0NiwyMTEuMjYxYTEuOTI4LDEuOTI4LDAsMCwxLS44NjMtLjQ0bC0uMDA5LS4wMDYtMTEuMDc4LTcuNjg2VjIwMS40N2ExLjUsMS41LDAsMCwxLDEuMzY3LTEuNmgyMS4xNzRhMS41LDEuNSwwLDAsMSwxLjM2NywxLjZ2MS42NTlsLTExLjA2OCw3LjY3OWMtLjA4LjA0OS0uMTU3LjEtLjIzMS4xNDdhMS40ODIsMS40ODIsMCwwLDEtLjY1Mi4zMDZoLS4wMDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE2LjY5NSAtMTk5Ljg3KSIgZmlsbD0iIzAwNjRiMyIvPgogICAgICA8cGF0aCBkPSJNMjIxLjI3Miw0MjcuMDQxbDQuMzMyLTguOTYyLDIuNDY4LDEuNzEyLjAxLjAwNmExLjU2NywxLjU2NywwLDAsMCwuNzIzLjI1N2guMDE5YTEuNTI0LDEuNTI0LDAsMCwwLC43MjEtLjI1NmwuMDEtLjAwNiwyLjQ2OS0xLjcxMyw0LjMzMiw4Ljk2MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTYuODU5IC00MDcuMzM3KSIgZmlsbD0iIzAwNjRiMyIvPgogICAgPC9nPgogIDwvc3ZnPgogIA==");
  }
  footer .sp-bottom ul li.tel a:before {
    width: 18.34px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4zMzYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOC4zMzYgMjQiPgogIDxwYXRoIGQ9Ik0yMTguNSw4Mi45MzJhNS43NDMsNS43NDMsMCwwLDAtMi0yLjEyNCwyLjM4NywyLjM4NywwLDAsMC0yLjUxNS4xNjUsNS42NTYsNS42NTYsMCwwLDAtMS43NjYsMS44NTdBMTEuMywxMS4zLDAsMCwxLDIwNS45NjYsNzIuN2E1LjY0Niw1LjY0NiwwLDAsMCwyLjQyOC0uNzUxLDIuMzg3LDIuMzg3LDAsMCwwLDEuMjY4LTIuMTc4LDcuMzE2LDcuMzE2LDAsMCwwLTMuMDEtNC44NiwyLjM4NiwyLjM4NiwwLDAsMC0yLjUxNS4xNjUsNS45ODYsNS45ODYsMCwwLDAtMi4yMywyLjc3NCw1LjM3OCw1LjM3OCwwLDAsMC0uMjg3Ljk1Niw3LjM4OCw3LjM4OCwwLDAsMC0uMzM2LDEuNDQzYy0uNDA3LDMuMTIxLjI2NSw2LjUzMSwyLjg1LDEwLjY2OHM1LjM1NSw2LjIzNiw4LjMzOSw3LjIzOGE3LjM1OCw3LjM1OCwwLDAsMCwxLjUyLjMzOSw1LjUwOSw1LjUwOSwwLDAsMCwuNzcxLjExNiw1Ljk4OCw1Ljk4OCwwLDAsMCwzLjQ3Ny0uNzYsMi4zODcsMi4zODcsMCwwLDAsMS4yNjgtMi4xNzhBNS43NCw1Ljc0LDAsMCwwLDIxOC41LDgyLjkzMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDEuMTc0IC02NC42MjUpIiBmaWxsPSIjMDA2NGIzIi8+Cjwvc3ZnPgo=");
  }
  footer .copyright {
    display: none;
  }
  #home #mv .flex {
    height: 800px;
  }
  #home #mv .head .copy {
    font-size: 1.875rem;
    margin-bottom: 25px;
  }
  #home #mv .head span {
    font-size: 1.25rem;
  }
  #home #mv .head span {
    font-size: 0.875rem;
  }
  #home #mv .body .row {
    margin: 0 -10px;
  }
  #home #mv .body .row .col .ttl {
    font-size: 1.25rem;
    margin-bottom: 15px;
  }
  #home #mv .body .row .col .btns a {
    font-size: 0.9375rem;
    width: 300px;
  }
  #home #mv .body .row .col .btns a:after {
    width: 30px;
  }
  #home #mv .attention {
    font-size: 1.2rem;
    position: absolute;
    top: 70vw;
    width: 100%;
    height: 130px;
    margin: 0;
    padding: 10px 30px;
  }
  #home #service {
    margin-bottom: 70px;
    padding: 55px 0 230px;
  }
  #home .container.toramiru {
    margin-top: -250px;
  }
  #home #service .ttl-1 {
    margin-bottom: 35px;
  }
  #home #reason {
    padding: 0;
  }
  #home #reason .ttl-1 {
    margin-bottom: 0;
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px);
  }
  #home #column {
    margin-bottom: 120px;
    padding: 55px 0 40px;
  }
  #home #column .ttl-1 {
    margin-bottom: 35px;
  }
  #home #column .btns {
    padding-top: 30px;
  }
  #home #nationwide {
    display: block;
    margin-bottom: 0;
    padding-bottom: 43px;
  }
  #home #nationwide:before {
    top: 0;
  }
  #home #nationwide .imgs {
    width: auto;
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
  }
  #home #nationwide .imgs .row {
    margin: 0 -7.5px;
  }
  #home #nationwide .imgs .row .col {
    padding: 0 7.5px;
  }
  #home #nationwide .imgs .row .col:last-child {
    margin-top: -48px;
  }
  #home #nationwide .body {
    width: auto;
  }
  #home #nationwide .body .wrap .ttl {
    font-size: 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
  }
  #home #nationwide .body .wrap .ttl:after {
    width: 130px;
    margin-top: 5px;
    margin-left: 0;
  }
  #home #nationwide .body .wrap .btns {
    margin: 0 -5px;
  }
  #home #nationwide .body .wrap .btns > div {
    margin: 0 5px;
  }
  #home #nationwide .body .wrap .btns > div a {
    height: 60px;
  }
  #home #nationwide .body .wrap .btns .mail a:before {
    width: 26px;
    height: 17px;
    margin-right: 10px;
  }
  #home #nationwide .body .wrap .btns .line a:before {
    width: 26px;
    height: 25px;
    margin-right: 10px;
  }
  #home #company article .body {
    width: 50%;
    min-width: 340px;
    padding: 30px 47px;
  }
  #home #company article .body .ttl {
    font-size: 1.25rem;
  }
  #home #company article .body .txt {
    font-size: 0.9375rem;
    margin-bottom: 15px;
  }
  #home #company article .body .btns a.btn-2 {
    display: block;
    width: auto;
  }
  .post-list-1 article a .post-body .thumb {
    width: 280px;
  }
  #blog .post-body table th, #blog .post-body table td {
    font-size: 0.9375rem;
    padding: 13px 12px;
  }
  .author-box .flex figure {
    margin-right: 20px;
  }
  .relation-post .flex {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  .relation-post .flex .post {
    width: auto;
    margin-bottom: 20px;
    padding: 0;
  }
  #contact-info {
    display: block;
    max-width: 600px;
    margin: auto;
  }
  #contact-info .wrap {
    width: auto;
    margin-bottom: 20px;
    padding: 0;
  }
  #contact-info .card {
    padding: 0 15px;
  }
  #contact-notice {
    display: block;
  }
  #contact-notice .ttl {
    width: auto;
    height: auto;
    margin-bottom: 20px;
    text-align: center;
    border: none;
  }
  #company-details .table-1 {
    max-width: 800px;
    margin: auto;
  }
  #company-details .btn-3 {
    margin-left: 0;
  }
  #area-head {
    display: block;
  }
  #area-head .img {
    width: auto;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  #area-head .body {
    width: auto;
  }
  #area-head .body .ttl {
    font-size: 1.5rem;
  }
  #area-head .body .ttl span {
    font-size: 1.75rem;
  }
  #area-flow .ttl-1 {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  .post-list-2 article {
    width: 50%;
  }
  .post-list-2 article a {
    padding: 15px 15px 40px;
  }
  #result-head .container > .wrap {
    display: block;
    max-width: 700px;
    margin: 0 auto;
    padding: 60px 0;
  }
  #result-head .wrap > .head {
    width: auto;
    margin-bottom: 15px;
    padding-right: 0;
  }
  #result-head .wrap > .head .category {
    font-size: 0.75rem;
    margin-bottom: 10px;
  }
  #result-head .wrap > .head .company {
    font-size: 1rem;
    margin-bottom: 5px;
  }
  #result-head .wrap > .head h1 {
    font-size: 1.25rem;
  }
  #result-head .gallery {
    position: relative;
    top: 0;
    width: auto;
    margin-bottom: 15px;
  }
  #result-head .wrap > .bottom {
    width: auto;
    margin-bottom: 30px;
    padding-right: 0;
  }
  #result-head .wrap > .bottom ul li .head {
    font-size: 0.875rem;
    width: 115px;
    margin-right: 20px;
  }
  #result-head .wrap > .bottom ul li .body {
    font-size: 1rem;
  }
  #result-head .wrap > .bottom .price .num {
    font-size: 1.75rem;
  }
  #result-head .wrap > .bottom .price .yen {
    font-size: 1.5rem;
  }
  #result-kekka .ttl {
    font-size: 1.25rem;
  }
  #result-kekka .ttl .ttl-large {
    font-size: 1.5rem;
  }
  #result-kekka ul li {
    margin: 0 5px;
  }
  #result-kekka ul li .body {
    width: 240px;
  }
  #result-kekka ul li .body .bdb {
    font-size: 1.125rem;
  }
  #result-kekka ul li .body .bdb span {
    font-size: 1.875rem;
  }
  #result-details .ttl {
    font-size: 2rem;
    -webkit-transform: translateY(-22px);
    transform: translateY(-22px);
  }
  #result-details > .body {
    padding: 45px 10px 60px;
  }
  #result-details ul li .wrap {
    padding: 10px 0;
  }
  #result-onayami .onayami .ttl, #result-onayami .voice .ttl {
    font-size: 1.5rem;
  }
  #result-onayami .voice .ttl {
    max-width: 480px;
  }
  .banner {
    max-width: 540px;
  }
  .banner .wrap {
    display: block;
  }
  .banner .body {
    margin: 0;
    padding: 30px;
  }
  .banner .body .ttl {
    font-size: 1.75rem;
    margin-bottom: 15px;
    text-align: center;
  }
  .banner .body .btn a {
    margin: auto;
  }
  #relation-result > .container > h2 {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
  #signboard-service {
    display: block;
    max-width: 700px;
    margin: 0 auto 100px;
    padding: 90px 30px 100px;
  }
  #signboard-service .img {
    width: auto;
  }
  #signboard-service .img .wrap {
    padding-top: 60%;
  }
  #signboard-service > .body {
    width: auto;
    padding: 20px;
  }
  #signboard-service > .body > .ttl {
    font-size: 1.75rem;
  }
  #signboard-service > .body .wrap {
    max-width: none;
  }
  #signboard-sponsors .container > .bottom {
    max-width: 700px;
    padding: 40px 120px 20px;
  }
  #signboard-sponsors .container > .bottom ul {
    display: block;
  }
  #signboard-sponsors .container > .bottom ul li {
    width: auto;
  }
  #signboard-feature .ttl-1 {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  #signboard-feature .articles-2 .ttl-main {
    height: 4.2em;
  }
  #ad_truck-intro .box-7 {
    margin-top: -25px;
  }
  #ad_truck-intro-swiper {
    margin: 0 -20px;
  }
  #ad_truck-resolve {
    background-position: center left 25%;
  }
  #ad_truck-spec .ttl-1 {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  #add_truck-flow .ttl-1 {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  #led_vision-spec .ttl-1 {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  #led_vision-flow .ttl-1 {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}
@media only screen and (max-width: 768px) {
  #contact #contact-info {
    display: none;
  }
  .container {
    padding: 0 20px;
  }
  .disp-none-sm {
    display: none;
  }
  .disp-inline-sm {
    display: inline;
  }
  br.sp, .br-show-sm {
    display: inline;
  }
  br.pc, .br-hide-sm {
    display: none;
  }
  .page-ttl h2 {
    font-size: 1.625rem;
  }
  .page-ttl.bg-ad_truck h2 {
    font-size: 1.425rem;
  }
  .page-ttl.bg-led_vision h2 {
    font-size: 1.425rem;
  }
  .swiper-entries .swiper-wrapper .swiper-slide {
    padding: 0 20px;
  }
  .swiper-entries .swiper-wrapper .swiper-slide a {
    padding: 27px 27px 20px;
  }
  .swiper-entries .swiper-wrapper .swiper-slide a .img:before {
    padding-top: 78.29%;
  }
  .swiper-entries .swiper-wrapper .swiper-slide a .body .head {
    margin-bottom: 10px;
  }
  .swiper-entries .swiper-wrapper .swiper-slide a .body .ttl {
    line-height: 2em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    height: 4em;
    white-space: normal;
    -webkit-line-clamp: 2;
  }
  .swiper-entries .swiper-button-prev, .swiper-entries .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size: 40px 40px;
  }
  .swiper-prices .swiper-wrapper .swiper-slide {
    padding: 0 20px;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap {
    padding: 40px;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap .case .wrap {
    font-size: 0.8125rem;
    top: 7px;
    left: 5px;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap .case .wrap span {
    font-size: 0.6875rem;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap .case:before {
    border: 34px solid transparent;
    border-top: 34px solid #fab90a;
    border-left: 34px solid #fab90a;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap .body ul li {
    font-size: 0.875rem;
    margin-bottom: 10px;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap .body ul li span {
    font-size: 0.75rem;
    width: 110px;
    margin-right: 20px;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap .body .price .head {
    font-size: 1.125rem;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap .body .price .val {
    font-size: 1.5rem;
  }
  .swiper-prices .swiper-wrapper .swiper-slide > .wrap .body .price .val span {
    font-size: 1.875rem;
  }
  .swiper-prices .swiper-button-prev, .swiper-prices .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size: 40px 40px;
  }
  .contact-box {
    padding: 55px 0 50px;
  }
  .contact-box h3 {
    font-size: 1.5rem;
    margin-bottom: 22px;
  }
  .contact-box .ttl {
    font-size: 1.125rem;
  }
  .contact-box .ttl span {
    font-size: 1rem;
    line-height: 32px;
    width: 160px;
    margin-bottom: 30px;
  }
  .contact-box .ttl span:after {
    margin-left: -14px;
    border-right: 12px solid #fab90a;
  }
  .contact-box .bottom {
    max-width: none;
    margin: 0 -5px;
  }
  .contact-box .alert {
    padding: 30px 15px 10px;
    text-align: center;
  }
  .contact-box .alert ul {
    display: inline-block;
  }
  .contact-box .alert ul li {
    font-size: 0.875rem;
    margin: 0 0 15px;
    text-align: left;
  }
  .page-head {
    padding: 60px 0 40px;
  }
  .articles-3 {
    display: block;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    max-width: none;
    margin: 0;
  }
  .articles-3 article {
    width: auto;
    margin: 0;
    padding: 0;
  }
  .articles-5 article .body .img {
    padding-right: 20px;
  }
  .articles-5 article .body .details {
    padding: 0 20px;
  }
  .articles-5 article .body .details .head .voice {
    width: 80px;
    height: 80px;
  }
  .articles-5 article .body .details .head .voice span:nth-child(1) {
    font-size: 0.875rem;
  }
  .articles-5 article .body .details .head .voice span:nth-child(2) {
    font-size: 2.5rem;
  }
  .articles-5 article .body .details .head .company .name {
    font-size: 1.125rem;
  }
  .articles-5 article .body .details > .ttl {
    font-size: 1.25rem;
  }
  .articles-5 article .body .details .comment {
    padding: 25px 20px 20px;
  }
  .articles-5 article .body .details .comment .ttl {
    font-size: 1rem;
    margin-left: -20px;
    padding-left: 20px;
  }
  .articles-5 article .body .details .comment .txt {
    font-size: 0.875rem;
  }
  .articles-5 article .bottom {
    padding: 0 20px;
  }
  .articles-5 article .bottom .ttl {
    font-size: 1rem;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }
  .articles-5 article .bottom .ttl:before {
    margin-right: 10px;
  }
  .articles-5 article .bottom .ttl:after {
    margin-left: 10px;
  }
  .articles-5 article .bottom .txt {
    font-size: 0.875rem;
    padding: 25px 20px;
  }
  .articles-5 article:nth-child(even) .body .img {
    padding-right: 0;
    padding-left: 20px;
  }
  .articles-5 article.noimg .body {
    padding: 0 20px;
  }
  .articles-6 article {
    padding: 20px;
  }
  .articles-6 article .img {
    margin-left: -20px;
  }
  .articles-6 article .body .ttl {
    margin-bottom: 15px;
  }
  .articles-6 article .body .ttl .ttl-head {
    font-size: 0.875rem;
  }
  .articles-6 article .body .ttl .ttl-main {
    font-size: 1.75rem;
  }
  .articles-6 article .body ul {
    padding: 20px 15px;
  }
  .articles-6 article .body ul li {
    font-size: 0.8125rem;
  }
  .articles-6 article.reverse .img {
    margin-right: -20px;
    margin-left: 0;
  }
  .articles-7 article .step {
    width: 80px;
    margin-right: 10px;
    margin-left: -10px;
  }
  .articles-7 article .step .wrap {
    font-size: 1.25rem;
    width: 70px;
    height: 70px;
    padding-top: 12px;
  }
  .articles-7 article .step .wrap:before {
    width: 60px;
    height: 60px;
  }
  .articles-7 article .step .wrap span {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  .articles-7 article .body .ttl {
    font-size: 1.125rem;
    margin-top: 26px;
  }
  .articles-7 article .body .txt {
    font-size: 0.875rem;
  }
  .articles-8 {
    margin: 0 -5px;
  }
  .articles-8 article {
    margin-bottom: 15px;
  }
  .articles-8 article .q {
    padding: 19px 20px 19px 17px;
  }
  .articles-8 article .q:after {
    width: 25px;
    height: 25px;
  }
  .articles-8 article .q .head {
    font-size: 1.5rem;
    margin-right: 10px;
  }
  .articles-8 article .q .body {
    padding-right: 10px;
  }
  .articles-8 article .q .body .ttl {
    font-size: 1rem;
  }
  .articles-8 article .a {
    padding: 0 17px;
  }
  .articles-8 article .a .head {
    font-size: 1.5rem;
    margin-right: 10px;
  }
  .articles-8 article .a .body {
    margin-top: 2px;
  }
  .articles-8 article .a .body .ttl {
    font-size: 1rem;
  }
  .articles-8 article .a .body .txt {
    font-size: 0.875rem;
  }
  .articles-8 article.open .a {
    padding: 19px 17px;
  }
  .articles-9 {
    padding: 10px 20px 30px;
  }
  .articles-9 article .ttl .ttl-head {
    font-size: 0.8125rem;
    line-height: 30px;
    width: 80px;
    margin-right: 10px;
    border-radius: 15px;
  }
  .articles-9 article .ttl .ttl-head .num {
    font-size: 0.9375rem;
  }
  .articles-9 article .ttl .ttl-main {
    font-size: 1.125rem;
  }
  .articles-9 article .txt {
    font-size: 0.9375rem;
  }
  .articles-10 article > .wrap {
    padding: 0;
  }
  .articles-10 article .img {
    width: 280px;
  }
  .articles-10 article .body {
    margin: 0 10px;
  }
  .articles-10 article .body .wrap {
    padding: 145px 20px 20px;
  }
  .articles-10 article .body .wrap > .ttl {
    font-size: 1.25rem;
  }
  .articles-10 article .body .box .ttl {
    font-size: 1.0625rem;
  }
  .articles-10 article .body .box .txt {
    font-size: 0.9375rem;
    padding: 20px;
  }
  .box-4 {
    padding: 20px;
  }
  .box-4:before, .box-4:after {
    width: 100px;
    height: 100px;
  }
  .box-6 .ttl {
    font-size: 0.875rem;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }
  .box-6 .ttl:before {
    margin-right: 10px;
  }
  .box-6 .ttl:after {
    margin-left: 10px;
  }
  .box-6 .txt {
    font-size: 0.875rem;
    padding: 25px 20px;
  }
  .box-7 > .wrap {
    padding: 50px 20px;
  }
  .btn-1, a.btn-1 {
    line-height: 50px;
    width: 280px;
  }
  .btn-1:after, a.btn-1:after {
    width: 24px;
  }
  .btn-4, a.btn-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 120px;
    margin: 0 30px 60px;
  }
  .btn-4:after, a.btn-4:after {
    width: 24px;
  }
  .btn-4 .wrap, a.btn-4 .wrap {
    font-size: 1.25rem;
  }
  .btn-4 .wrap span, a.btn-4 .wrap span {
    display: none;
  }
  .ttl-1 {
    font-size: 1.5rem;
    margin-bottom: 35px;
  }
  .ttl-1 span:not([class]) {
    font-size: 0.75rem;
  }
  .ttl-1 .head {
    font-size: 1.25rem;
  }
  .ttl-1 .head:before, .ttl-1 .head:after {
    height: 20px;
  }
  .ttl-1 .head:before {
    margin-right: 15px;
  }
  .ttl-1 .head:after {
    margin-left: 15px;
  }
  .ttl-2 {
    font-size: 1.425rem;
    margin-bottom: 27px;
  }
  .ttl-3 {
    font-size: 1.125rem;
    line-height: 2.25rem;
    margin-bottom: 30px;
  }
  .ttl-3 > div > span {
    border-bottom: none;
  }
  .ttl-3 > div > span > span {
    font-size: 1.875rem;
    padding-bottom: 4px;
    border-bottom: 8px solid #fab90a;
  }
  .ttl-3:before, .ttl-3:after {
    margin-top: 34px;
  }
  .ttl-5 > span {
    font-size: 1.125rem;
    line-height: 1.6em;
    padding: 10px 20px;
  }
  .ttl-5 > span > span {
    font-size: 1.5rem;
  }
  .ttl-6 > span > span {
    font-size: 1.5rem;
    line-height: 2;
    border-bottom: 5px solid #fab90a;
  }
  .ttl-7 {
    font-size: 1.5rem;
    margin-bottom: 35px;
  }
  .ttl-7 span {
    font-size: 0.75rem;
  }
  .ttl-9 {
    font-size: 1.125rem;
    margin-bottom: 35px;
  }
  .ttl-9 .ttl-large {
    font-size: 1.375rem;
  }
  .ttl-9 .ttl-en {
    font-size: 0.75rem;
  }
  .ttl-10 .ttl-head {
    font-size: 1.25rem;
    margin-bottom: 5px;
  }
  .ttl-10 .ttl-main {
    font-size: 1.5rem;
    border-bottom: 5px solid #fab90a;
  }
  .ttl-11 span {
    font-size: 1.25rem;
    padding: 16px 30px;
  }
  .txt-1 {
    line-height: 1.75;
  }
  .txt-2 {
    line-height: 1.75;
  }
  .list-1 li {
    padding: 10px 0;
  }
  .list-1 li.dense {
    padding: 5px 0;
  }
  .list-1 li .head {
    font-size: 0.8125rem;
    width: 100px;
    margin-right: 10px;
  }
  .list-1 li .body {
    font-size: 0.875rem;
  }
  .list-1 li .body .txt-price {
    font-size: 1.5rem;
  }
  .list-1 li .body .txt-s {
    font-size: 0.875rem;
  }
  .list-1 li .body .txt-xs {
    font-size: 0.75rem;
  }
  .list-1 li.cm .body {
    line-height: 1.2em;
    padding-top: 5px;
  }
  .list-1 li.price .body {
    line-height: 1.7em;
    padding-top: 5px;
  }
  .list-2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .list-2 li {
    font-size: 1rem;
    margin-right: 10px;
  }
  .list-2 li:before {
    margin-right: 5px;
  }
  .list-3 li {
    font-size: 1rem;
    margin-bottom: 25px;
  }
  #mfp_phase_confirm_inner.confirm {
    padding: 20px;
  }
  #mfp_phase_confirm_inner h4 {
    font-size: 1.125rem;
  }
  #mfp_phase_confirm_inner table th, #mfp_phase_confirm_inner table td {
    font-size: 0.9375rem;
    display: block;
    width: auto;
    padding: 0;
  }
  #mfp_phase_confirm_inner table td {
    margin-bottom: 15px;
  }
  #mfp_phase_confirm_inner .mfp_buttons {
    display: block;
  }
  #mfp_phase_confirm_inner .mfp_buttons button {
    width: 100%;
    margin: 0;
  }
  .form-step {
    margin-bottom: 30px;
  }
  .form-step li {
    display: block;
    padding-left: 10px;
  }
  .form-step li span:nth-child(1) {
    font-size: 0.625rem;
    line-height: 16px;
    display: none;
    width: 44px;
    margin: auto;
    margin-top: 6px;
    margin-bottom: 2px;
    padding: 0;
    text-align: center;
  }
  .form-step li span:nth-child(2) {
    font-size: 0.9375rem;
    margin-top: 16px;
    text-align: center;
  }
  .form-wrap .ttl {
    font-size: 1.25rem;
  }
  .form dl {
    padding: 20px 20px;
  }
  .form dl dt {
    line-height: 1.3;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 5px;
    padding: 0;
  }
  .form dl dt .req-label {
    font-size: 0.75rem;
    line-height: 20px;
    margin-left: 10px;
  }
  .form dl dd {
    width: 100%;
    padding: 0 0 20px;
  }
  .form dl dd .checkbox span {
    margin-bottom: 10px;
  }
  .pp-box {
    font-size: 0.875rem;
    height: 120px;
    padding: 20px 20px;
  }
  .pp-box h2 {
    margin-bottom: 10px;
  }
  .submit-box .ttl {
    font-size: 0.875rem;
  }
  .submit-box .ttl:before, .submit-box .ttl:after {
    height: 20px;
  }
  .submit-box .ttl:before {
    margin-right: 15px;
  }
  .submit-box .ttl:after {
    margin-left: 15px;
  }
  .submit-box .agree {
    font-size: 0.875rem;
  }
  .submit-box .agree .req-label {
    font-size: 0.75rem;
    line-height: 20px;
  }
  .submit-box #confirm {
    width: 320px;
  }
  #home #mv .flex {
    display: block;
    height: auto;
    padding-bottom: 92px;
  }
  #home #mv .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 124.629vw;
    margin-top: 0;
  }
  #home #mv .bg {
    height: 124.629vw;
    background-image: url(../img/home/mv.jpg?2);
  }
  #home #mv .head {
    margin-bottom: 0;
  }
  #home #mv .head .copy {
    font-size: 1.625rem;
    line-height: 1.46154;
    margin-bottom: 15px;
  }
  #home #mv .body {
    position: absolute;
    top: 124.629vw;
    width: 100%;
    height: 92px;
  }
  #home #mv .body .row .col {
    padding: 0 5px;
  }
  #home #mv .body .row .col .ttl {
    font-size: 0.6875rem;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #0064b3;
    white-space: normal;
  }
  #home #mv .body .row .col .btns a {
    font-size: 0.875rem;
    line-height: 1.28571;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 160px;
    height: 50px;
    padding-right: 0;
  }
  #home #mv .body .row .col .btns a:after {
    right: 0;
    width: 14px;
    height: 4px;
    margin-top: -2px;
  }
  #home #mv .body .row .col .btns a:hover:after {
    right: -3px;
  }
  #home #mv .attention {
    font-size: 0.8rem;
    top: 80vw;
    margin: 0;
    padding: 10px 30px;
  }
  #home #about {
    padding: 65px 0 55px;
  }
  #home #performance {
    padding: 55px 0 35px;
  }
  #home #performance .swiper-logos {
    padding-bottom: 10px;
  }
  #home #performance .bottom {
    padding: 35px 18px;
    text-align: center;
  }
  #home #performance .bottom .ttl {
    font-size: 1.125rem;
    line-height: 1.77778;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
  }
  #home #performance .bottom .ttl:before {
    margin-bottom: 10px;
  }
  #home #performance .bottom ul {
    display: inline-block;
  }
  #home #performance .bottom ul li {
    width: auto;
    margin: 0;
    padding: 9px 10px 12px 15px;
    text-align: left;
  }
  #home #result {
    padding: 60px 0 60px 0;
  }
  #home #result .ttl-1 {
    margin-bottom: 40px;
  }
  #home #result .swiper-container {
    margin-bottom: 30px;
  }
  #home #company {
    margin-bottom: 40px;
  }
  #home #company .container {
    max-width: 500px;
    padding: 0;
  }
  #home #company article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #home #company article .body {
    width: auto;
    text-align: center;
  }
  #index .contents-flex, #blog .contents-flex {
    margin-top: 0;
  }
  .post-list-1 article a {
    max-width: 500px;
    margin: 0 auto 20px;
    padding: 15px;
  }
  .post-list-1 article a .post-header {
    margin-bottom: 10px;
  }
  .post-list-1 article a .post-header .head {
    margin-bottom: 10px;
  }
  .post-list-1 article a .post-header .head .cat-list {
    margin-right: 10px;
  }
  .post-list-1 article a .post-header .head .cat-list li {
    font-size: 0.75rem;
  }
  .post-list-1 article a .post-header .head .date {
    font-size: 0.8125rem;
  }
  .post-list-1 article a .post-header h2 {
    font-size: 1.25rem;
  }
  .post-list-1 article a .post-body {
    display: block;
  }
  .post-list-1 article a .post-body .thumb {
    width: auto;
    margin: 0 0 20px;
  }
  .post-list-1 article a .post-body .txt {
    font-size: 0.9375rem;
  }
  .pagination {
    margin-bottom: 60px;
  }
  .pagination ul li a, .pagination ul li span {
    width: 45px;
    height: 45px;
    margin: 0 4px;
  }
  #blog article {
    max-width: 500px;
    margin: 0 auto 50px;
    padding: 15px;
  }
  #blog article .post-header {
    margin-bottom: 10px;
  }
  #blog article .post-header .head {
    margin-bottom: 10px;
  }
  #blog article .post-header .head .cat-list {
    margin-right: 10px;
  }
  #blog article .post-header .head .cat-list li a {
    font-size: 0.75rem;
  }
  #blog article .post-header .head .date {
    font-size: 0.8125rem;
  }
  #blog article .post-header h1 {
    font-size: 1.25rem;
  }
  #toc_container {
    padding: 15px 20px !important;
  }
  #toc_container .toc_title {
    font-size: 1.125rem;
  }
  #toc_container .toc_title:before {
    width: 20px;
    height: 15px;
    margin-right: 8px;
  }
  #toc_container .toc_list {
    padding-left: 0 !important;
  }
  #toc_container ul li a {
    font-size: 0.875rem;
  }
  #blog .post-body h1 {
    font-size: 1.25rem;
  }
  #blog .post-body img.alignleft {
    float: none;
    margin: 0 auto 1rem;
  }
  #blog .post-body img.alignright {
    float: none;
    margin: 0 auto 1rem;
  }
  #blog .post-body blockquote {
    padding: 40px 20px 10px 20px;
  }
  #blog .post-body table th, #blog .post-body table td {
    font-size: 0.875rem;
    padding: 13px 8px;
  }
  #blog .post-body h2 {
    font-size: 1.25rem;
    padding: 14px 15px 14px 23px;
  }
  #blog .post-body h2:before {
    top: 8px;
    left: 10px;
    height: calc(100% - 16px);
    border-right: 3px solid white;
  }
  #blog .post-body h3 {
    font-size: 1.1875rem;
  }
  #blog .post-body h4 {
    font-size: 1.1875rem;
  }
  #blog .post-body h5 {
    font-size: 1.0625rem;
  }
  #sns-share .ttl {
    font-size: 1rem;
    width: 160px;
  }
  #sns-share .btns a {
    margin: 0 6px;
  }
  .author-box {
    padding: 20px;
  }
  .author-box h3 {
    font-size: 1.125rem;
  }
  .author-box .flex {
    display: block;
  }
  .author-box .flex figure {
    margin: 0 auto 10px;
  }
  .author-box .flex .txt .flex .info h4 {
    font-size: 1rem;
    text-align: center;
  }
  .author-box .flex .txt .flex .info .read {
    font-size: 0.875rem;
  }
  .post-nav {
    margin-bottom: 160px;
  }
  .post-nav .prev a .ttl, .post-nav .next a .ttl {
    font-size: 0.75rem;
  }
  .post-nav .prev {
    margin-right: 10px;
  }
  .post-nav .prev a:before {
    margin-right: 10px;
  }
  .post-nav .next {
    margin-left: 10px;
  }
  .post-nav .next a:after {
    margin-left: 10px;
  }
  .post-nav .back-link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 auto -80px;
  }
  .post-nav .back-link a {
    margin: 0 auto;
  }
  .relation-post h2 {
    font-size: 1.125rem;
  }
  .relation-post h2:before, .relation-post h2:after {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .relation-post h2:before {
    margin-right: 20px;
  }
  .relation-post h2:after {
    margin-left: 20px;
  }
  .relation-post .flex .post .wrap .txt .head .cat-list {
    margin-right: 10px;
  }
  .relation-post .flex .post .wrap .txt .head .cat-list li a {
    font-size: 0.75rem;
  }
  #contact-info {
    max-width: 400px;
    padding: 30px 0 40px;
  }
  #contact-info .card {
    height: 100px;
    padding: 0 5px;
  }
  #contact-info .card .ttl {
    font-size: 0.875rem;
    width: 35%;
    height: 60px;
  }
  #contact-info .card.tel .tel a {
    font-size: 1.25rem;
  }
  #contact-info .card.tel .tel a:before {
    width: 14px;
    height: 18px;
    margin-right: 5px;
  }
  #contact-info .card.tel .tel .bottom {
    font-size: 0.75rem;
  }
  #contact-info .card.line a {
    font-size: 0.9375rem;
    height: 60px;
    border-radius: 5px;
  }
  #contact-info .card.line a:before {
    margin-right: 8px;
  }
  #contact-notice {
    margin: 0 0 30px;
  }
  #contact-form {
    padding: 0;
  }
  #download-titles {
    margin-bottom: 80px;
  }
  #download-form {
    margin: 0 0 60px;
  }
  #company #page-ttl {
    padding: 30px 0;
  }
  #company-head {
    margin-bottom: 60px;
  }
  #company-details {
    margin-bottom: 60px;
    padding-bottom: 50px;
  }
  #area-head {
    margin-top: 30px;
    padding: 40px 0;
  }
  #area-head .body .wrap {
    margin: 0 20px;
  }
  #area-head .body .ttl {
    font-size: 1.25rem;
  }
  #area-head .body .ttl span {
    font-size: 1.5rem;
  }
  #area-result {
    padding: 60px 0 60px 0;
  }
  #area-result .ttl-1 {
    margin-bottom: 40px;
  }
  #area-result .swiper-container {
    margin-bottom: 30px;
  }
  #area-reason {
    padding: 80px 0 80px;
  }
  #area-feature {
    padding: 40px 0 30px;
  }
  #area-flow {
    margin-top: 60px;
  }
  #area-flow .ttl-1 {
    margin-bottom: 30px;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  #result-nav {
    padding: 30px 0 50px;
  }
  #result-nav ul {
    margin: 0 -10px;
  }
  #result-nav ul li {
    padding: 0 4px;
  }
  #result-nav ul li a {
    font-size: 0.875rem;
  }
  .post-list-2 {
    display: block;
    margin: 0;
  }
  .post-list-2 article {
    width: auto;
  }
  .post-list-2 article a .post-header .head .cat-list li {
    font-size: 0.75rem;
  }
  #result-head {
    margin-top: 0;
  }
  #result-head .wrap > .bottom ul li .head {
    font-size: 0.8125rem;
    width: 100px;
    margin-right: 10px;
  }
  #result-head .wrap > .bottom ul li .body {
    font-size: 0.875rem;
  }
  #result-head .wrap > .bottom .price .num {
    font-size: 1.5rem;
    margin-right: 0;
  }
  #result-head .wrap > .bottom .price .yen {
    font-size: 1.25rem;
  }
  #result-kekka {
    padding-bottom: 40px;
  }
  #result-kekka .ttl {
    font-size: 1.125rem;
    margin-bottom: 35px;
  }
  #result-kekka .ttl .ttl-large {
    font-size: 1.375rem;
  }
  #result-kekka ul {
    display: block;
  }
  #result-kekka ul li {
    margin-bottom: 40px;
  }
  #result-kekka ul li .body {
    width: 320px;
    margin: auto;
  }
  #result-details .ttl {
    font-size: 1.5rem;
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  #result-details ul {
    display: block;
  }
  #result-details ul li {
    width: auto;
  }
  #result-onayami .onayami .ttl, #result-onayami .voice .ttl {
    font-size: 1.25rem;
    height: auto;
    max-width: 300px;
    padding: 10px 0;
  }
  #result-onayami .onayami .body, #result-onayami .voice .body {
    font-size: 0.9375rem;
    padding: 40px 40px 20px;
  }
  #result-onayami .voice .ttl {
    max-width: 300px;
  }
  #result-movie {
    padding: 40px 0 60px;
  }
  .banner .body .ttl {
    font-size: 1.375rem;
  }
  .banner .body .btn a {
    font-size: 0.9375rem;
    width: 280px;
  }
  .banner .body .btn a:after {
    width: 30px;
  }
  #relation-result > .container > h2 {
    font-size: 1.25rem;
    margin-bottom: 20px;
  }
  #relation-result > .container > h2:before {
    width: 30px;
    height: 20px;
    margin-right: 10px;
  }
  #signboard-intro {
    padding: 40px 0 60px;
  }
  #signboard-service {
    padding: 40px 30px 60px;
  }
  #signboard-service .img {
    margin-left: -30px;
  }
  #signboard-service > .body {
    padding: 20px 0;
  }
  #signboard-service > .body > .ttl {
    font-size: 1.375rem;
  }
  #signboard-sponsors {
    margin-bottom: 60px;
  }
  #signboard-sponsors .container > .body .bottom {
    text-align: center;
  }
  #signboard-sponsors .container > .bottom {
    padding: 40px 30px 20px;
  }
  #signboard-sponsors .container > .bottom ul li {
    font-size: 0.875rem;
    margin-bottom: 15px;
  }
  #signboard-feature {
    padding-bottom: 40px;
  }
  #signboard-feature .ttl-1 {
    margin-bottom: 10px;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  #signboard-feature .articles-2 .ttl-main {
    height: auto;
    padding-bottom: 10px;
  }
  #ad_truck-intro {
    padding: 40px 0 60px;
  }
  #ad_truck-resolve {
    background-image: url(../img/ad_truck/ad_truck-resolve-bg-sp.jpg);
  }
  #ad_truck-difference {
    padding: 60px 0;
  }
  #ad_truck-difference .ttl-1 {
    margin-bottom: 60px;
  }
  #ad_truck-voice {
    padding: 60px 0;
  }
  #ad_truck-voice .ttl-1 {
    margin-bottom: 40px;
  }
  #ad_truck-price {
    padding: 60px 0;
  }
  #ad_truck-price > .txt {
    margin-bottom: 40px;
  }
  #ad_truck-price .swiper-prices {
    margin-bottom: 40px;
  }
  #ad_truck-spec .ttl-1 {
    margin-bottom: 0;
    -webkit-transform: translateY(-48px);
    transform: translateY(-48px);
  }
  #add_truck-flow {
    margin-top: 60px;
  }
  #add_truck-flow .ttl-1 {
    margin-bottom: 30px;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  #ad_truck-qa {
    padding: 60px 0;
  }
  #led_vision-movie {
    padding: 60px 0 90px;
  }
  #led_vision-spec .ttl-1 {
    margin-bottom: 0;
    -webkit-transform: translateY(-48px);
    transform: translateY(-48px);
  }
  #led_vision-feature {
    padding: 60px 0 30px;
  }
  #led_vision-feature .ttl-1 {
    margin-bottom: 60px;
  }
  #led_vision-voice {
    padding: 60px 0 0;
  }
  #led_vision-voice .ttl-1 {
    margin-bottom: 40px;
  }
  #led_vision-price {
    padding: 60px 0 40px;
  }
  #led_vision-price > .txt {
    margin-bottom: 40px;
  }
  #led_vision-price .swiper-prices {
    margin-bottom: 40px;
  }
  #led_vision-scene {
    padding-bottom: 20px;
  }
  #led_vision-scene .ttl-9 {
    margin-bottom: -20px;
  }
  #led_vision-flow {
    margin-top: 60px;
  }
  #led_vision-flow .ttl-1 {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  #led_vision-qa {
    padding: 60px 0;
  }
}
@media all and (-ms-high-contrast: none) {
  body {
    /* IE11 only */
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .articles-2 article .body .ttl > .num {
    color: #0064b3;
    background-image: none;
  }
  .ttl-3 > div > span > span {
    color: #0064b3;
    background-image: none;
  }
}
@media screen and (-ms-high-contrast: none) {
  footer .pagetop a:after {
    /* IE11 only */
    -webkit-transform: skew(0, -45deg) translateY(35px);
    transform: skew(0, -45deg) translateY(35px);
  }
}
@media print {
  header {
    position: absolute;
  }
  #mainvisual {
    height: 30vh;
  }
  #mainvisual .photos {
    height: 30vh;
  }
  @page {
    size: 380mm 537mm;
  }
  body {
    -webkit-print-color-adjust: exact;
  }
}
/* 2023.12.21 add */
#home #company {
  margin-bottom: 0;
  background: #fff;
  padding: 50px 0;
}
#home #company .ttl-1 {
  margin-bottom: 30px;
}
.company-text {
  font-size: 1rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 60px;
}
.company-maps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin-bottom: 70px;
  overflow: hidden;
}

#home .company-maps {
  display: block;
}

#home .card-map > .card-map-wrapper {
  aspect-ratio: 3 / 1;
}

.card-map {
  width: 100%;
  overflow: hidden;
}
.card-map > .card-map-ttl {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.4em;
  text-align: center;
  margin-bottom: 12px;
}
.card-map > .card-map-address {
  font-size: 1rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 24px;
}
.card-map > .card-map-wrapper {
  width: 100%;
  aspect-ratio: 4 / 3;
}
.card-map > .card-map-wrapper > iframe {
  width: 100%;
  height: 100%;
}
#company .btns {
  text-align: center;
}
@media only screen and (max-width: 1080px) {
  .company-maps {
    gap: 50px;
    margin-bottom: 50px;
  }
  .company-text {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .company-maps {
    grid-template-columns: 1fr;
  }
  #home #company .container {
    max-width: 500px;
    padding: 0 20px;
  }
  .company-text {
    margin-bottom: 30px;
  }
  .card-map > .card-map-ttl {
    font-size: 1.425rem;
  }
}
/* add 2024.01.05 */
#home #mv .bg {
  background-position: center bottom;
}
#home #mv .body {
  margin: 0 0 180px;
}
#home #mv .attention {
  margin: 0 auto;
  position: absolute;
  bottom: -75px;
  left: 0;
  right: 0;
  width: 100%;
}
#home #about {
  padding: 180px 0 80px;
}
#home #mv .attention {
  top: auto;
  font-size: 1.2rem;
}
@media only screen and (max-width: 1080px) {
  #home #mv .attention {
    font-size: 1.1rem;
    top: auto;
  }
  #home #mv .bg {
    background-position: -60px bottom;
  }
}
@media only screen and (max-width: 768px) {
  #home .container {
    padding: 0 10px;
  }
  #home #mv .wrap {
    position: relative;
  }
  #home #mv .bg {
    background-image: url(../img/home/mv.jpg?2);
    background-position: -60px -60px;
  }
  #home #mv .attention {
    font-size: 12px;
    top: auto;
    bottom: 10px;
    padding: 10px;
    height: auto;
  }
  #home #about {
    padding: 65px 0 80px;
  }
}
/* add 2024.10.09 */
.sec-bnr {
  position: relative;
  overflow: hidden;
  padding-top: 100px;
  width: 100%;
}
#ad_truck .sec-bnr {
  padding-bottom: 150px;
  padding-top: 0;
  margin-top: -50px;
}
#led_vision .sec-bnr {
  margin-bottom: -40px;
}
.sec-bnr a {
  transition: all ease 0.33s;
}
.sec-bnr a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 1080px) {
  .sec-bnr {
    padding-top: 60px;
  }
  #ad_truck .sec-bnr {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .sec-bnr {
    padding-top: 40px;
  }
  #led_vision .sec-bnr {
    margin-bottom: 0px;
  }
}
.company-led-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 375px;
  overflow: hidden;
  aspect-ratio: 35 / 6;
  transition: all ease 0.33s;
}
.company-led-logo:hover {
  opacity: 0.6;
}
.company-led-logo > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/*お客様の声非表示*/
section#led_vision-voice {
  display: none;
}
#led_vision-feature {
  margin-bottom: 60px;
}
/*様々なイベントや催事で大活躍！非表示*/
#led_vision section#led_vision-movie {
  display: none;
}
#led_vision #led_vision-spec .ttl-1 {
  padding-top: 120px;
}
#led_vision .container.container_led_vision {
  max-width: 100%;
  background: #fff;
}
#led_vision .topic-path {
  max-width: calc(1160px + 60px);
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #led_vision .topic-path {
    max-width: 100%;
    margin-left: -20px;
  }
}
/* 2025.02.25 */
.privacy-group {
  width: 100%;
  position: relative;
  padding: 100px 0;
  margin-bottom: 120px;
  display: flex;
  flex-flow: column;
  gap: 30px;
  align-items: flex-start;
}
.privacy-group > p {
  width: 100%;
  line-height: 2;
}
.privacy-group > div {
  display: flex;
  flex-flow: column;
  width: 100%;
  gap: 10px;
  align-items: flex-start;
}
.privacy-group > div > h3 {
  font-size: 20px;
}
.privacy-group > div > p {
  width: 100%;
  line-height: 2;
}
.privacy-group > div > ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 5px;
  line-height: 2;
  margin-left: 17px;
}
.privacy-group > div .address-box {
  width: 100%;
  line-height: 2;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .privacy-group {
    padding: 50px 0;
    margin-bottom: 60px;
  }
  .privacy-group > p {
    font-size: 14px;
  }
  .privacy-group > div > p {
    font-size: 14px;
  }
  .privacy-group > div > h3 {
    font-size: 18px;
  }
  .privacy-group > div > ul {
    font-size: 14px;
  }
  .privacy-group > div .address-box {
    font-size: 14px;
  }
}
/* 2025.05.14 */
#effect {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 80px;
  padding-top: 86px;
}
#home #effect {
  margin-bottom: 140px;
  padding-top: 0;
}
#ad_truck #effect {
  margin-bottom: 0px;
}
#effect > .container > .txt-1 {
  margin-bottom: 80px;
}
.effect-cont {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 60px;
  position: relative;
}
.effect-cont-item {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.effect-cont-item > h3 {
  position: absolute;
  margin: 0 auto;
  width: auto;
  text-align: center;
  font-size: 36px;
  color: #0064b3;
  font-weight: bold;
  top: -18px;
  z-index: 10;
  line-height: 1;
}
.effect-cont-item > h3::after {
  content: "";
  width: 120px;
  height: 4px;
  background: #0064b3;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -20px;
}
.effect-cont-item-flex {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  z-index: 0;
  padding: 5.5%;
  padding-top: 82px;
  padding-bottom: 64px;
  gap: 6%;
}
.effect-info-box {
  width: 43.5%;
  display: flex;
  flex-flow: column;
  gap: 35px;
  align-items: center;
  max-width: 458px;
  flex-shrink: 0;
}
.effect-graph {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 500px;
}
@media only screen and (max-width: 768px) {
  #home #effect {
    margin-bottom: 70px;
  }
  #effect > .container > .txt-1 {
    margin-bottom: 60px;
    padding: 0 10px;
  }
  .effect-cont {
    gap: 40px;
  }
  .effect-cont-item > h3 {
    font-size: 22px;
    top: -11px;
  }
  .effect-cont-item > h3::after {
    width: 65px;
    height: 2px;
    bottom: -20px;
  }
  .effect-cont-item-flex {
    flex-flow: column;
    padding-top: 60px;
    padding-bottom: 40px;
    gap: 40px;
  }
  .effect-info-box {
    width: 100%;
  }
  .effect-graph {
    width: 100%;
  }
}
/* 2025.06.05 */
.icon-fv-price {
  position: absolute;
  width: 240px;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  left: 0;
  top: 50px;
  z-index: 10;
}
.icon-fv-price img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 1280px) {
  .icon-fv-price {
    width: 200px;
    left: 20px;
  }
}
@media only screen and (max-width: 999px) {
  .icon-fv-price {
    width: 180px;
  }
}
@media only screen and (max-width: 750px) {
  .icon-fv-price {
    width: 150px;
    top: 30px;
  }
}
@media only screen and (max-width: 750px) {
  .icon-fv-price {
    width: 150px;
  }
}
@media only screen and (max-width: 500px) {
  figure.icon-fv-price {
    width: 110px;
    top: 20px;
  }
}
/* add 2025.09.24 */
.toramiru a {
  transition: all ease 0.33s;
}
.toramiru a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 768px) {
  #home #service {
    padding: 55px 0 90px;
  }
  #home .container.toramiru {
    margin-top: -130px;
  }
}
#ad_truck-difference .toramiru {
  margin-top: -40px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1080px) {
	#ad_truck-difference .toramiru {
    margin-top: -20px;
    margin-bottom: 60px;
}
}
@media only screen and (max-width: 768px) {
    #ad_truck-difference .toramiru {
        margin-top: -30px;
        margin-bottom: 50px;
    }
}