@charset "UTF-8";



/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  background: #fff;
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 5%;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(/images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  display: inline-block;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #ffffff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  line-height: 1;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
  color: rgb(255, 255, 255);
}

.bx-wrapper .bx-prev {
  left: 3%;
}

.bx-wrapper .bx-prev:before {
  content: "\f060";
}

.bx-wrapper .bx-next {
  right: 3%;
}

.bx-wrapper .bx-next:before {
  content: "\f061";
}

.bx-wrapper .bx-controls-direction a {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 30px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.bx-wrapper .bx-controls-direction a:hover {
  text-decoration: none;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(/images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9 ;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.popup-modal-wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  width: 555px;
  background: #ffffff;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.c-main-visual-type01-wrap .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type01-wrap .slick-slide {
    display: block;
  }
}

.c-main-visual-type02-wrap.slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  /*display: none;*/
}

.slick-arrow.slick-hidden:before {
  color: #cccccc;
  opacity: 1;
  cursor: default;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("../images/fonts/slick.eot");
  src: url("../images/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../images/fonts/slick.woff") format("woff"), url("../images/fonts/slick.ttf") format("truetype"), url("../images/fonts/slick.svg#slick") format("svg");
}
/************************ Arrows ************************/
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  z-index: 100;
  display: block;
  width: 50px;
  height: 50px;
  margin-top: -23px;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
  color: transparent;
  border: none;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.slick-prev:hover,
.slick-next:hover {
  background: #81d8d0;
}
.slick-prev.slick-hidden,
.slick-next.slick-hidden {
  display: none;
}

.slick-prev:before,
.slick-next:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.slick-prev:before {
  left: 50%;
  margin-left: -4px;
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
}

.slick-next:before {
  right: 50%;
  margin-right: -4px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.slick-prev {
  left: 0;
}

[dir=rtl] .slick-prev {
  right: -30px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 0;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -30px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/*タイプ01*/
.c-main-visual-type01-wrap {
  /* Arrows */
}
.c-main-visual-type01-wrap .slick-prev,
.c-main-visual-type01-wrap .slick-next {
  width: 65px;
  height: 65px;
  margin-top: -32px;
  background: transparent;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type01-wrap .slick-prev,
  .c-main-visual-type01-wrap .slick-next {
    width: 45px;
    height: 45px;
    margin-top: -22px;
  }
}
.c-main-visual-type01-wrap .slick-prev:before,
.c-main-visual-type01-wrap .slick-next:before {
  top: 50%;
  margin-top: -20px;
  width: 35px;
  height: 35px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type01-wrap .slick-prev:before,
  .c-main-visual-type01-wrap .slick-next:before {
    margin-top: -13px;
    width: 25px;
    height: 25px;
  }
}
.c-main-visual-type01-wrap .slick-prev:before {
  left: 50%;
  margin-left: -10px;
  border-left: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
}
.c-main-visual-type01-wrap .slick-next:before {
  right: 50%;
  margin-right: -10px;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}
.c-main-visual-type01-wrap .slick-prev {
  left: 15px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type01-wrap .slick-prev {
    left: 10px;
  }
}
.c-main-visual-type01-wrap .slick-next {
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type01-wrap .slick-next {
    right: 10px;
  }
}

/*タイプ02*/
.c-main-visual-type02 {
  /* Arrows */
}
.c-main-visual-type02 .slick-prev,
.c-main-visual-type02 .slick-next {
  width: 65px;
  height: 65px;
  margin-top: -32px;
  background: transparent;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type02 .slick-prev,
  .c-main-visual-type02 .slick-next {
    width: 45px;
    height: 45px;
    margin-top: -22px;
  }
}
.c-main-visual-type02 .slick-prev:before,
.c-main-visual-type02 .slick-next:before {
  top: 50%;
  margin-top: -20px;
  width: 35px;
  height: 35px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type02 .slick-prev:before,
  .c-main-visual-type02 .slick-next:before {
    margin-top: -13px;
    width: 25px;
    height: 25px;
  }
}
.c-main-visual-type02 .slick-prev:before {
  left: 50%;
  margin-left: -10px;
  border-left: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
}
.c-main-visual-type02 .slick-next:before {
  right: 50%;
  margin-right: -10px;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}
.c-main-visual-type02 .slick-prev {
  left: 15px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type02 .slick-prev {
    left: 10px;
  }
}
.c-main-visual-type02 .slick-next {
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type02 .slick-next {
    right: 10px;
  }
}

/* メニューページカルーセル */
.menu-list-type01-wrap .slick-prev,
.menu-list-type01-wrap .slick-next {
  display: none !important;
  width: 65px;
  height: 65px;
  margin-top: -32px;
  background: transparent;
}
@media only screen and (max-width: 767px) {
  .menu-list-type01-wrap .slick-prev,
  .menu-list-type01-wrap .slick-next {
    display: inline-block !important;
    width: 45px;
    height: 45px;
    margin-top: -22px;
  }
}
.menu-list-type01-wrap .slick-prev:before,
.menu-list-type01-wrap .slick-next:before {
  top: 50%;
  margin-top: -20px;
  width: 35px;
  height: 35px;
}
@media only screen and (max-width: 767px) {
  .menu-list-type01-wrap .slick-prev:before,
  .menu-list-type01-wrap .slick-next:before {
    margin-top: -13px;
    width: 25px;
    height: 25px;
  }
}
.menu-list-type01-wrap .slick-prev:before {
  left: 50%;
  margin-left: -10px;
  border-left: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
}
.menu-list-type01-wrap .slick-next:before {
  right: 50%;
  margin-right: -10px;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}
.menu-list-type01-wrap .slick-prev {
  left: 15px;
}
@media only screen and (max-width: 767px) {
  .menu-list-type01-wrap .slick-prev {
    left: 0;
  }
}
.menu-list-type01-wrap .slick-next {
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .menu-list-type01-wrap .slick-next {
    right: 0;
  }
}

/************************ Dots ************************/
.slick-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  display: block;
  padding: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  overflow: hidden;
  white-space: nowrap;
  text-indent: -99999px;
  font-size: 0;
  display: block;
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  border: 0;
  background: #eeeeee;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  background: #81d8d0;
}

.slick-dots li.slick-active button {
  background: #81d8d0;
}

/* タイプ01 */
.c-main-visual-type01-wrap .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 15px;
  height: 30px;
  line-height: 1;
  width: calc(100% - 30px);
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type01-wrap .slick-dots {
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 30px;
  }
}
@media (min-width: 1360px) {
  .c-main-visual-type01-wrap .slick-dots {
    left: 0;
    width: 100%;
  }
}
.c-main-visual-type01-wrap .slick-dots li {
  display: block;
  margin: 0 10px;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type01-wrap .slick-dots li {
    margin: 0 5px;
  }
}
.c-main-visual-type01-wrap .slick-dots li button {
  width: 15px;
  height: 15px;
  background: #cccccc;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type01-wrap .slick-dots li button {
    width: 15px;
    height: 15px;
  }
}
.c-main-visual-type01-wrap .slick-dots li button:hover,
.c-main-visual-type01-wrap .slick-dots li button:focus {
  background: #555555;
}
.c-main-visual-type01-wrap .slick-dots li.slick-active button {
  background: #555555;
}

.menu-list-type01-wrap .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 15px;
  height: 20px;
  margin-left: -240px;
  margin-right: -240px;
  width: calc(100% + 480px);
  padding: 0;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .menu-list-type01-wrap .slick-dots {
    bottom: -30px;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 30px;
  }
}
.menu-list-type01-wrap .slick-dots li {
  display: block;
  margin: 0 10px;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .menu-list-type01-wrap .slick-dots li {
    margin: 0 5px;
  }
}
.menu-list-type01-wrap .slick-dots li button {
  width: 80px;
  height: 6px;
  border-radius: 0;
  background: #cccccc;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .menu-list-type01-wrap .slick-dots li button {
    width: 60px;
    height: 15px;
  }
}
.menu-list-type01-wrap .slick-dots li button:hover,
.menu-list-type01-wrap .slick-dots li button:focus {
  background: #555555;
}
.menu-list-type01-wrap .slick-dots li.slick-active button {
  background: #555555;
}

.carousel-box {
  padding: 0 30px;
}

.carousel-list__item {
  margin: 0 5px;
}

@media (max-width: 768px) {
  .carousel-box {
    font-size: 10px;
  }
}
/*************** ヘッダー ***************/
#l-header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
@media only screen and (max-width: 767px) {
  #l-header {
    z-index: 1000;
  }
  #l-header.is-open {
    height: 100%;
    overflow-y: auto;
  }
}

.l-header__copy-wrap {
  overflow: hidden;
  background: #EEEEEE;
}

.l-header__copy {
  position: relative;
  width: 1020px;
  min-width: 320px;
  margin: 0 auto;
  padding-top: 3px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
  font-size: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .l-header__copy {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 3px;
    padding-bottom: 2px;
    width: auto;
    min-width: auto;
    height: 24px;
    text-align: left;
  }
}

.l-header-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .l-header-main {
    display: block;
    height: auto;
    position: relative;
  }
}

.l-header-main__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header-main__logo img {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .l-header-main__logo {
    height: 45px;
  }
  .l-header-main__logo img {
    width: 204px;
  }
}

/*************** ログイン中 ***************/
.l-header-login-now {
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  padding: 3px 0;
  font-size: 0.875rem;
  background: #2b991f;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .l-header-login-now {
    font-size: 0.75rem;
  }
}
.l-header-login-now a {
  color: #ffffff;
  text-decoration: underline;
}

.l-header-login-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .l-header-login-message {
    display: block;
  }
}

.l-header-login-message__btn {
  padding: 0;
  border: none;
  background: transparent;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .l-header-login-message__btn {
    float: right;
  }
}
.l-header-login-message__btn:hover {
  text-decoration: underline;
}

/*************** メインナビ ***************/
.l-main-navi-btn {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-main-navi-btn {
    display: block;
    position: absolute;
    top: 10px;
    right: 0px;
    padding: 0;
    border: 0;
    width: 20px;
    background: transparent;
  }
  .l-main-navi-btn img {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  }
}

.l-main-navi {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 767px) {
  .l-main-navi {
    margin: 0;
    width: 100%;
  }
}

.l-main-navi .l-container {
  position: relative;
}

.l-main-navi-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  height: 70px;
}
@media only screen and (max-width: 767px) {
  .l-main-navi-wrap {
    display: none;
    position: relative;
    z-index: 1;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 0;
    padding-bottom: 30px;
    height: auto;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (min-width: 768px) {
  .l-main-navi-wrap {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.l-main-navi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .l-main-navi-list {
    display: block;
    margin-top: 0;
    padding: 0 15px;
    background-color: #81d8d0;
  }
}

.l-main-navi-list__item {
  position: relative;
  margin-left: 30px;
  min-width: 75px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .l-main-navi-list__item {
    margin-left: 0;
    min-width: 0;
    text-align: left;
    border-bottom: 1px solid #696969;
  }
}

.l-main-navi-list__link {
  display: block;
  position: relative;
  font-size: 0.9375rem;
  color: #393939;
}
@media only screen and (max-width: 767px) {
  .l-main-navi-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 7px 0px;
    padding-left: 10px;
    font-size: 1.0625rem;
  }
  .l-main-navi-list__link:after {
    display: block;
    position: absolute;
    right: 10px;
    content: "";
    margin-top: 0px;
    margin-left: auto;
    width: 10px;
    height: 10px;
    border-right: 1px solid #696969;
    border-bottom: 1px solid #696969;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .l-main-navi-list__link.is-active:after {
    top: 18px;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}
.l-main-navi-list__link:hover, .l-main-navi-list__link.is-on, .l-main-navi-list__link.is-active {
  color: #81d8d0;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .l-main-navi-list__link:hover, .l-main-navi-list__link.is-on, .l-main-navi-list__link.is-active {
    color: #393939;
  }
}
.l-main-navi-list__link:hover span, .l-main-navi-list__link.is-on span, .l-main-navi-list__link.is-active span {
  color: #81d8d0;
}
@media only screen and (max-width: 767px) {
  .l-main-navi-list__link:hover span, .l-main-navi-list__link.is-on span, .l-main-navi-list__link.is-active span {
    color: #393939;
  }
}

.l-main-navi-list__main {
  display: block;
  font-weight: bold;
}

.l-main-navi-list__sub {
  display: block;
  margin-top: 2px;
  font-size: 0.5rem;
  color: #777777;
}
@media only screen and (max-width: 767px) {
  .l-main-navi-list__sub {
    margin-top: 0;
    margin-left: 15px;
    font-size: 0.75rem;
  }
}

.l-main-navi-contact {
  margin-top: 22px;
  margin-left: 30px;
  width: 135px;
  -webkit-font-feature-settings: "pkna";
          font-feature-settings: "pkna";
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.l-main-navi-contact:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
@media only screen and (max-width: 767px) {
  .l-main-navi-contact {
    margin: 22px 15px 15px 15px;
    width: calc(100% - 30px);
    font-size: 1.125rem;
  }
}
.l-main-navi-contact i {
  margin-right: 15px;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .l-main-navi-contact i {
    margin-right: 15px;
  }
}

.l-main-navi-contact__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  max-width: 252px;
  line-height: 30px;
  border-radius: 23px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fc007e), to(#f5666f));
  background: linear-gradient(to bottom, #fc007e, #f5666f);
  font-size: 0.9375rem;
  color: #ffffff;
}
.l-main-navi-contact__link:hover {
  text-decoration: none;
  color: #ffffff;
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.l-main-navi-btn-close {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-main-navi-btn-close {
    display: block;
    margin: 15px auto 0 auto;
    padding: 4px 15px;
    width: 252px;
    border: 1px solid #dddddd;
    border-radius: 23px;
    background: #cccccc;
    color: #393939;
    font-size: 0.75rem;
    text-align: center;
  }
  .l-main-navi-btn-close img {
    margin-right: 10px;
    margin-bottom: 2px;
    width: 12px;
  }
}

/*************** ドロップダウンメニュー ***************/
/*************** ヘルプナビ ***************/
.l-help-navi-list {
  position: absolute;
  top: -78px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .l-help-navi-list {
    position: static;
    display: block;
    padding: 10px;
    background-color: #81d8d0;
  }
}

.l-help-navi-list__item {
  position: relative;
  font-size: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .l-help-navi-list__item {
    padding-left: 0;
    font-size: 0.875rem;
  }
}
.l-help-navi-list__item:first-child {
  padding-right: 15px;
}
@media only screen and (max-width: 767px) {
  .l-help-navi-list__item:first-child {
    padding-bottom: 5px;
    padding-right: 0;
  }
}

.l-help-navi-list__link {
  color: #81d8d0;
}
@media only screen and (max-width: 767px) {
  .l-help-navi-list__link {
    display: inline-block;
    position: relative;
    padding-right: 15px;
    padding-left: 35px;
  }
  .l-help-navi-list__link:hover {
    color: #393939;
    text-decoration: underline;
  }
}

/*************** 電話 ***************/
.l-header-tel {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-header-tel {
    display: block;
    position: static;
    margin: 15px 15px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .l-header-tel__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 30px;
    margin: 0 auto;
    max-width: 252px;
    border: 1px solid #81d8d0;
    border-radius: 23px;
    font-size: 0.9375rem;
    background: #81d8d0;
    color: #ffffff;
  }
  .l-header-tel__link:hover {
    text-decoration: none;
    color: #ffffff;
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
  }
  .l-header-tel__link i {
    margin-right: 15px;
  }
}
.l-header-tel__link:hover {
  text-decoration: none;
}

/*************** カート ***************/
.l-header-cart {
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .l-header-cart {
    position: static;
    margin: 30px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .l-header-cart__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 45px;
    border: 1px solid #81d8d0;
    border-radius: 23px;
    font-size: 1.125rem;
    background: #81d8d0;
    color: #ffffff;
  }
  .l-header-cart__link:hover {
    text-decoration: none;
    background: #007ae5;
    color: #ffffff;
  }
  .l-header-cart__link i {
    margin-right: 15px;
  }
}
.l-header-cart__link:hover {
  text-decoration: none;
}

.l-header-cart__item {
  display: inline-block;
  margin-left: 5px;
  border-radius: 5px;
  min-width: 20px;
  line-height: 20px;
  background: #81d8d0;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .l-header-cart__item {
    background: #ffffff;
    color: #81d8d0;
  }
}

.dropdown-menu-list {
  position: relative;
  z-index: 999;
}

/*************** 新ヘッダー ***************/
/* h1 */
.l-hd-copy-wrap {
  overflow: hidden;
  background: #eeeeee;
}

.l-hd-copy {
  position: relative;
  padding: 10px 15px;
  margin: 0 auto;
  width: 1020px;
  min-width: 320px;
  font-size: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .l-hd-copy {
    padding-top: 3px;
    padding-bottom: 2px;
    width: auto;
    min-width: auto;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
  }
}

/* ロゴとメインナビ */
.l-hd-main-wrap {
  position: relative;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  background: #ffffff;
}

.l-hd-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  margin: 0 auto;
  width: 1020px;
  min-width: 320px;
}
@media only screen and (max-width: 767px) {
  .l-hd-main {
    display: block;
    padding: 0;
    width: 100%;
    min-width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .l-hd-main__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 15px;
    padding-left: 15px;
    height: 45px;
  }
}
.l-hd-main__logo a {
  display: block;
  padding-bottom: 5px;
}
.l-hd-main__logo img {
  width: 240px;
}

/* メインナビ */
.l-hd-main-navi-wrap {
  padding: 25px 0;
}
@media only screen and (max-width: 767px) {
  .l-hd-main-navi-wrap {
    padding: 0;
  }
}

.l-hd-main-navi-btn {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-hd-main-navi-btn {
    display: block;
    padding: 0;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0;
    background: transparent;
  }
}

.l-hd-main-navi {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-hd-main-navi {
    display: none;
    padding-bottom: 170px;
    width: 100%;
    position: absolute;
    z-index: 2000;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    overflow-y: scroll;
  }
}

.l-hd-main-navi-list {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-hd-main-navi-list {
    display: block;
    margin: 0;
    background-color: #81d8d0;
  }
}

.l-hd-main-navi-list-box {
  padding-bottom: 20px;
  margin-left: 8px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .l-hd-main-navi-list-box {
    padding: 0 12px;
    margin-left: 0;
    min-width: 0;
    text-align: left;
    border-bottom: 1px solid #696969;
  }
}
@media only screen and (max-width: 767px) {
  .l-hd-main-navi-list-box.is-contact, .l-hd-main-navi-list-box.is-tel {
    margin-left: calc((100% - 30px) / 2 * -1);
    padding: 0;
    width: calc(100% - 30px);
    position: absolute;
    left: 50%;
    border: none;
    white-space: nowrap;
  }
}
.l-hd-main-navi-list-box.is-contact i, .l-hd-main-navi-list-box.is-tel i {
  margin-right: 15px;
  font-size: 1.125rem;
}
.l-hd-main-navi-list-box.is-contact {
  width: 130px;
}
@media only screen and (max-width: 767px) {
  .l-hd-main-navi-list-box.is-contact {
    display: block;
    width: calc(100% - 30px);
    bottom: 120px;
    text-align: center;
  }
}
.l-hd-main-navi-list-box.is-tel {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-hd-main-navi-list-box.is-tel {
    display: block;
    bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .is-contact.is-active {
    color: #ffffff !important;
    border-radius: 23px !important;
    line-height: 30px !important;
  }
}

.l-hd-main-navi-list-box__link {
  display: block;
  padding: 0 8px;
  position: relative;
  font-size: 15px;
  color: #393939;
  letter-spacing: 0;
}
.l-hd-main-navi-list-box__link.is-on, .l-hd-main-navi-list-box__link.is-active, .l-hd-main-navi-list-box__link:hover {
  margin: 5 auto;
  max-width: 252px;
  border-radius: 23px;
  color: #ffffff;
  text-decoration: none;
  background-color: #81d8d0;
}
.l-hd-main-navi-list-box__link.is-contact, .l-hd-main-navi-list-box__link.is-tel, .l-hd-main-navi-list-box__link.is-contact:hover, .l-hd-main-navi-list-box__link.is-tel:hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  max-width: 252px;
  line-height: 30px;
  border-radius: 23px;
  font-size: 0.9375rem;
  color: #ffffff;
}
.l-hd-main-navi-list-box__link.is-contact, .l-hd-main-navi-list-box__link.is-contact:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#79c6ef), to(#1995e8));
  background: linear-gradient(to top, #79c6ef, #1995e8);
}
@media only screen and (max-width: 767px) {
  .l-hd-main-navi-list-box__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 7px 0px;
    padding-left: 10px;
    position: relative;
    font-size: 1.0625rem;
  }
  .l-hd-main-navi-list-box__link.js-dropdown:after {
    content: "";
    display: block;
    margin-top: 0px;
    margin-left: auto;
    position: absolute;
    right: 10px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #696969;
    border-bottom: 1px solid #696969;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .l-hd-main-navi-list-box__link.js-dropdown.is-on:after, .l-hd-main-navi-list-box__link.js-dropdown.is-active:after {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .l-hd-main-navi-list-box__link.is-on, .l-hd-main-navi-list-box__link.is-active, .l-hd-main-navi-list-box__link:hover {
    margin: 0;
    max-width: none;
    line-height: 1.5;
    border-radius: 0;
    color: #393939;
    text-decoration: none;
  }
  .l-hd-main-navi-list-box__link.is-contact, .l-hd-main-navi-list-box__link.is-tel, .l-hd-main-navi-list-box__link.is-contact:hover, .l-hd-main-navi-list-box__link.is-tel:hover {
    padding: 0;
    max-width: none;
  }
  .l-hd-main-navi-list-box__link.is-tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    line-height: 30px;
    border-radius: 23px;
    font-size: 0.9375rem;
    color: #ffffff;
    background-color: #81d8d0;
  }
}

.l-hd-main-navi-list__main {
  white-space: nowrap;
}

.l-hd-main-navi-btn-close {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-hd-main-navi-btn-close {
    display: block;
    padding: 4px 15px;
    margin-left: calc((100% - 30px) / 2 * -1);
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: calc(100% - 30px);
    border: 1px solid #dddddd;
    border-radius: 23px;
    font-size: 0.75rem;
    text-align: center;
    background: #cccccc;
    color: #393939;
  }
  .l-hd-main-navi-btn-close img {
    width: 15px;
  }
}

/* サブナビ */
.l-hd-sub-navi-wrap {
  display: none;
  /*
  position: absolute;
  left: 0;
  bottom: -80px !important;
  z-index: 1000;
  width: 100%;
  height: 80px !important;
  background: #81d8d0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  */
}
@media only screen and (max-width: 767px) {
  .l-hd-sub-navi-wrap {
    padding: 0 10px;
    position: static;
    width: 100%;
    height: auto !important;
    background: #81d8d0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .l-hd-sub-navi-wrap:before {
    display: none !important;
  }
}
.l-hd-sub-navi-wrap:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -18px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 19px solid #81d8d0;
  border-left: 10px solid transparent;
}
.l-hd-sub-navi-wrap.is-school:before {
  margin-left: -165px;
}
.l-hd-sub-navi-wrap.is-about:before {
  margin-left: -26px;
}
.l-hd-sub-navi-wrap.is-shop:before {
  margin-left: 82px;
}
.l-hd-sub-navi-wrap.is-business:before {
  margin-left: 195px;
}
.l-hd-sub-navi-wrap.is-news:before {
  margin-left: 333px;
}
.l-hd-sub-navi-wrap.is-campany:before {
  margin-left: 447px;
}
.l-hd-sub-navi-wrap.is-hide:before {
  display: none;
}
.l-hd-sub-navi-wrap.is-on {
  display: block;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-name: slideDown;
          animation-name: slideDown;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media only screen and (max-width: 767px) {
  .l-hd-sub-navi-wrap.is-on {
    display: block;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
    -webkit-animation-name: slideDown;
            animation-name: slideDown;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .l-hd-sub-navi-wrap.is-on .l-hd-sub-navi-list-box {
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
    -webkit-animation-name: slideDownSp;
            animation-name: slideDownSp;
  }
}

.l-hd-sub-navi-pc-wrap {
  pointer-events: auto;
  display: none;
  position: absolute;
  left: calc(50% - 495px);
  top: 65px;
  z-index: 1000;
  width: 990px;
}
@media only screen and (max-width: 767px) {
  .l-hd-sub-navi-pc-wrap {
    display: none;
  }
}
.l-hd-sub-navi-pc-wrap:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -18px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 19px solid #81d8d0;
  border-left: 10px solid transparent;
}
.l-hd-sub-navi-pc-wrap.is-school:before {
  margin-left: -225px;
}
.l-hd-sub-navi-pc-wrap.is-about:before {
  margin-left: -95px;
}
.l-hd-sub-navi-pc-wrap.is-shop:before {
  margin-left: 45px;
}
.l-hd-sub-navi-pc-wrap.is-business:before {
  margin-left: 190px;
}
.l-hd-sub-navi-pc-wrap.is-news:before {
  margin-left: 333px;
}
.l-hd-sub-navi-pc-wrap.is-campany:before {
  margin-left: 450px;
}
.l-hd-sub-navi-pc-wrap.is-hide:before {
  display: none;
}
.l-hd-sub-navi-pc-wrap:hover {
  display: block;
}

.l-hd-sub-navi-pc-wrap:hover ~ .l-hd-main-navi-list-box__link-pc {
  color: #ffffff;
}
.l-hd-sub-navi-pc-wrap:hover ~ .l-hd-main-navi-list-box__link-pc::before {
  opacity: 1;
}

.l-hd-sub-navi-inner {
  position: relative;
  padding: 45px 60px;
  border: 6px solid #81d8d0;
  border-radius: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.l-hd-sub-navi-inner.is-school {
  background-image: url(/images/hd-sub-navi-inner-school-bg.svg);
  background-size: 200px;
  background-position: bottom 15px right 15px;
  background-repeat: no-repeat;
  padding-bottom: 120px;
}
.l-hd-sub-navi-inner.is-school::before {
  display: block;
  position: absolute;
  right: 130px;
  bottom: 50px;
  width: 600px;
  height: 38px;
  background: url(/images/hd-sub-navi-inner-school-bg-img.svg) no-repeat;
  background-size: contain;
  content: "";
}
.l-hd-sub-navi-inner.is-news {
  min-height: 260px;
}
.l-hd-sub-navi-inner.is-news::before {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  height: 226px;
  border-bottom-left-radius: 14px;
  background: url(/images/hd-sub-navi-inner-news-bg-img.png) no-repeat;
  background-size: contain;
  opacity: 0.3;
  content: "";
}
.l-hd-sub-navi-inner.is-company {
  padding-bottom: 150px;
}
.l-hd-sub-navi-inner.is-company::before {
  display: block;
  position: absolute;
  right: 60px;
  bottom: 40px;
  width: 500px;
  height: 65px;
  background: url(/images/logo.svg) no-repeat;
  background-size: contain;
  content: "";
}

@-webkit-keyframes slideDownSp {
  0% {
    height: 0;
    opacity: 0.3;
  }
  100% {
    height: 34px;
    opacity: 1;
  }
}

@keyframes slideDownSp {
  0% {
    height: 0;
    opacity: 0.3;
  }
  100% {
    height: 34px;
    opacity: 1;
  }
}
.l-hd-sub-navi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: auto;
  margin-left: auto;
  min-width: 320px;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .l-hd-sub-navi-list {
    display: block;
    height: auto;
    padding: 0;
    margin: 0;
    width: 100%;
  }
}

.l-hd-sub-navi-list-box {
  line-height: 25px;
}
.l-hd-sub-navi-list-box:not(:last-of-type):after {
  content: "|";
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .l-hd-sub-navi-list-box {
    padding-top: 10px;
    padding-left: 1em;
    margin-bottom: 10px;
    line-height: 1.5;
  }
  .l-hd-sub-navi-list-box:not(:last-of-type):after {
    display: none;
  }
  .l-hd-sub-navi-list-box:before {
    content: ">";
    display: inline-block;
    margin-right: 0.5em;
  }
}
.l-hd-sub-navi-list-box.is-school {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-hd-sub-navi-list-box.is-school {
    display: block;
  }
}

.l-hd-sub-navi-list-box-img {
  display: block;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-right: 40px;
}
.l-hd-sub-navi-list-box-img img {
  width: 250px;
}
@media only screen and (max-width: 767px) {
  .l-hd-sub-navi-list-box-img {
    display: none;
  }
}

.l-hd-sub-navi-list-box__link {
  font-size: 0.9375rem;
  color: #393939;
  text-decoration: none;
  white-space: nowrap;
}
.l-hd-sub-navi-list-box__link.is-school-navi {
  font-size: 0.9375rem;
}
@media only screen and (max-width: 767px) {
  .l-hd-sub-navi-list-box__link {
    padding-right: 0;
  }
}
.l-hd-sub-navi-list-box__link:hover {
  color: #ffffff;
  text-decoration: none;
}
.l-hd-sub-navi-list-box__link.is-active {
  color: #ffffff;
  text-decoration: none;
}
.l-hd-sub-navi-list-box__link span {
  position: relative;
  top: -1px;
  margin-right: 8px;
  padding: 2px 5px;
  font-size: 0.75rem;
  border-radius: 10px;
  background: #ffffff;
  color: #f56e6e;
}

.l-help-navi {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .l-help-navi {
    bottom: 0;
  }
}

.l-help-navi-list-box {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .l-help-navi-list-box {
    padding: 3px 0;
  }
  .l-help-navi-list-box:before {
    content: ">";
    display: inline-block;
    margin-right: 0.5em;
  }
}
.l-help-navi-list-box__link {
  display: block;
  color: #393939;
  white-space: nowrap;
  padding: 5px 1.5em;
  border-radius: 50vw;
  background: #00a9d0;
  font-size: 0.625rem;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .l-help-navi-list-box__link {
    display: inline-block;
    padding: 0.3em 1.5em;
    font-size: 0.875rem;
  }
}
.l-help-navi-list-box__link.is-entry {
  background: #00a9d0;
}
.l-help-navi-list-box__link.is-form {
  background: #f56e6e;
}
.l-help-navi-list-box__link.is-reserve {
  background: #3f598c;
}
.l-help-navi-list-box__link:hover {
  color: #ffffff;
}
.l-help-navi-list-box__link.is-recruit {
  background: #81d8d0;
}
@media only screen and (max-width: 767px) {
  .l-help-navi-list-box__link.is-recruit {
    background: #ffffff;
    color: #00a9d0;
  }
}
@media only screen and (max-width: 767px) {
  .l-help-navi-list-box__link.is-recruit:hover {
    color: #00a9d0;
  }
}

.l-hd-navi-content-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .l-hd-navi-content-list-wrap {
    display: block;
  }
}
.l-hd-navi-content-list-wrap.is-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-hd-navi-content-sub-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .l-hd-navi-content-sub-list {
    display: block;
  }
}
.l-hd-navi-content-sub-list.is-first {
  padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .l-hd-navi-content-sub-list.is-first {
    padding-bottom: 0;
  }
}

.l-hd-main-navi-list-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 -25px;
}

.l-hd-main-navi-list-box-pc {
  pointer-events: none;
}
.l-hd-main-navi-list-box-pc:hover .l-hd-main-navi-list-box__link-pc {
  text-decoration: none;
  color: #ffffff;
}
.l-hd-main-navi-list-box-pc:hover .l-hd-main-navi-list-box__link-pc::before {
  opacity: 1;
}

.l-hd-main-navi-list-box__link-pc {
  pointer-events: auto;
  display: block;
  position: relative;
  padding-bottom: 25px;
  text-decoration: none;
  font-size: 15px;
  color: #393939;
  letter-spacing: 0;
  white-space: nowrap;
}
.l-hd-main-navi-list-box__link-pc:hover {
  text-decoration: none;
  color: #ffffff;
}
.l-hd-main-navi-list-box__link-pc:hover::before {
  opacity: 1;
}
.l-hd-main-navi-list-box__link-pc:hover ~ .l-hd-sub-navi-pc-wrap {
  display: block;
}
.l-hd-main-navi-list-box__link-pc::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 22px;
  border-radius: 50vw;
  background: #81d8d0;
  opacity: 0;
  content: "";
}

.l-hd-main-navi-list__main-pc {
  display: block;
  padding: 0 8px;
  position: relative;
}
/*
.l-hd-main-navi-list-box__link-pc ~ .l-hd-sub-navi-pc-wrap {
    transition: all 0s;
}
.l-hd-main-navi-list-box__link-pc:hover ~ .l-hd-sub-navi-pc-wrap:hover {
    transition: all 0.3s;
}
*/
/*************** フッター ***************/
#l-footer + iframe {
  display: none;
}

#l-footer {
  position: relative;
  z-index: 2;
}

.l-footer-main-box {
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 120px;
  margin-top: 30px;
}
.l-footer-main-box.is-intersect {
  background-image: url("../images/footer-bg-img.svg");
}
@media only screen and (max-width: 767px) {
  .l-footer-main-box {
    padding-top: 50px;
  }
}

.l-footer-main {
  position: relative;
  padding: 0 0 35px 0;
  background: #81d8d0;
}
@media only screen and (max-width: 767px) {
  .l-footer-main {
    padding: 0 0 30px 0;
    font-size: 0.9375rem;
  }
}

.l-footer-navi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .l-footer-navi-list {
    display: block;
  }
}

.l-footer-navi-list__item {
  width: 25%;
  padding-right: 25px;
  padding-left: 25px;
  border-right: 1px solid #696969;
}
.l-footer-navi-list__item:first-child {
  padding-left: 0;
  width: 30%;
}
.l-footer-navi-list__item:last-child {
  border-right: none;
  padding-right: 0;
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .l-footer-navi-list__item {
    width: auto;
    padding-top: 40px;
    padding-bottom: 60px;
    padding-right: 0;
    padding-left: 0;
    border-right: none;
    border-bottom: 1px solid #696969;
  }
  .l-footer-navi-list__item:first-child {
    width: auto;
  }
  .l-footer-navi-list__item:last-child {
    border: none;
    width: auto;
  }
  .l-footer-navi-list__item.is-about {
    padding-bottom: 77px;
  }
  .l-footer-navi-list__item.is-school {
    padding-top: 35px;
    padding-bottom: 5px;
  }
  .l-footer-navi-list__item.is-news {
    padding-top: 18px;
    padding-bottom: 5px;
  }
}

.l-footer-navi-list__item-wrap {
  margin-bottom: 45px;
}
.l-footer-navi-list__item-wrap.is-s {
  margin-bottom: 30px;
}
.l-footer-navi-list__item-wrap.is-bottom {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .l-footer-navi-list__item-wrap {
    margin-bottom: 25px;
  }
  .l-footer-navi-list__item-wrap.is-s {
    margin-bottom: 22px;
  }
}

.l-footer-navi-list__item-ttl {
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .l-footer-navi-list__item-ttl {
    margin-bottom: 0;
  }
}

.l-footer-navi-list__link {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-size: 0.75rem;
  color: #393939;
  text-decoration: none;
}
.l-footer-navi-list__link:before {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
.l-footer-navi-list__link:hover {
  color: #393939;
  text-decoration: none;
}
.l-footer-navi-list__link:hover:before {
  left: 2px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.l-footer-navi-list__sub-link-wrap {
  padding-left: 30px;
}

.l-footer-navi-list__sub-link {
  color: #393939;
  font-size: 0.75rem;
}
.l-footer-navi-list__sub-link:hover {
  color: #393939;
}

.l-footer-copy {
  margin-bottom: 30px;
  font-size: 0.75rem;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .l-footer-copy {
    font-size: 0.625rem;
  }
}

.l-footer-main-wrap {
  width: 100%;
  border-bottom: 1px solid #696969;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .l-footer-main-wrap {
    margin-bottom: 0;
  }
}

.l-footer-logo-sns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .l-footer-logo-sns-wrap {
    display: block;
  }
}

.l-footer-logo {
  margin-bottom: 45px;
  width: 400px;
}
@media only screen and (max-width: 767px) {
  .l-footer-logo {
    margin-bottom: 30px;
    width: 100%;
  }
}
.l-footer-logo img {
  width: 100%;
}

.l-footer-sns-wrap {
  margin-left: 45px;
}
@media only screen and (max-width: 767px) {
  .l-footer-sns-wrap {
    margin-left: 0;
    margin-bottom: 30px;
  }
}

.l-footer-sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-footer-sns-list__item {
  margin-right: 15px;
}

.l-footer-sns-list__link i {
  font-size: 30px;
  color: #393939;
}
.l-footer-sns-list__link:hover i {
  color: #696969;
}
.l-footer-sns-list__link img {
  width: auto;
  height: 24px;
  margin-top: 3px;
}
.l-footer-sns-list__link img:hover {
  opacity: 0.7;
}

.l-footer-main-info {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .l-footer-main-info {
    margin-bottom: 36px;
  }
}

.l-footer-main-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .l-footer-main-info-list {
    display: block;
  }
}

.l-footer-main-info-list__item {
  padding-right: 20px;
  font-size: 0.75rem;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .l-footer-main-info-list__item {
    margin-bottom: 3px;
    padding-right: 0;
  }
}

.l-footer-info__address {
  font-size: 0.75rem;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .l-footer-info__address {
    margin-bottom: 28px;
  }
}
.l-footer-info__address.is-last {
  margin-bottom: 0;
}

.l-footer-info__address-ttl {
  font-size: 0.9375rem;
}

.l-footer-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .l-footer-info-list {
    display: block;
  }
}

.l-footer-info-list__item {
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .l-footer-info-list__item {
    margin-right: 0;
  }
}

.l-copyright {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #696969;
  font-size: 0.75rem;
  text-align: center;
}

/*************** ボトム バナー ***************/
.l-bottom-bnr {
  padding-top: 60px;
  padding-bottom: 30px;
  border-top: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .l-bottom-bnr {
    padding-top: 30px;
    padding-bottom: 25px;
  }
}

.l-bottom-bnr-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 767px) {
  .l-bottom-bnr-list {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}

.l-bottom-bnr-list__item {
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .l-bottom-bnr-list__item {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    text-align: center;
  }
}

.l-bottom-bnr-list__img {
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .l-bottom-bnr-list__img img {
    max-width: 330px;
  }
}

/*************** 固定フッター ***************/
.l-fix-link {
  display: block;
  position: fixed;
  right: 45px;
  bottom: 30px;
  width: 285px;
  z-index: 100;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .l-fix-link {
    display: none;
  }
}
.l-fix-link .c-btn-pink {
  letter-spacing: 0;
}

.l-fix-wrap {
  position: relative;
}
.l-fix-wrap:before {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 2px;
  width: 2px;
  height: 45px;
  background-color: #19448e;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  z-index: -1;
}
.l-fix-wrap:after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 2px;
  width: 2px;
  height: 45px;
  background-color: #19448e;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  z-index: -1;
}

.l-fix-img {
  display: inline-block;
  position: absolute;
  bottom: 3px;
  left: 20px;
}

.l-fix-ttl {
  display: inline-block;
  position: relative;
  padding-left: 55px;
  padding-bottom: 5px;
  font-size: 1.5rem;
  text-align: center;
  color: #19448e;
  line-height: 1.3;
  z-index: 3;
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}

.c-btn-pink {
  display: block;
  margin: 0 auto;
  padding: 2px 0;
  border: 3px solid #ffffff;
  border-radius: 40px;
  width: 274px;
  line-height: 1.4;
  background: -webkit-gradient(linear, left top, left bottom, from(#fc007e), to(#f5666f));
  background: linear-gradient(to bottom, #fc007e, #f5666f);
  color: #ffffff;
  font-size: 0.9375rem;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.c-btn-pink:first-line {
  font-size: 1.375rem;
}
.c-btn-pink:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#48b5f0), to(#1995e8));
  background: linear-gradient(to top, #48b5f0, #1995e8);
  color: #ffffff;
  text-decoration: none;
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.l-fix-tel {
  width: 267px;
  margin: 0 auto;
  margin-top: 3px;
  color: #231815;
  background-color: #81d8d0;
  font-size: 1.375rem;
}
.l-fix-tel i {
  margin-right: 5px;
}
.l-fix-tel span {
  display: block;
  font-size: 0.875rem;
}

.l-fix-link-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-fix-link-sp {
    display: block;
    position: fixed;
    padding: 10px 15px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    min-width: 345px;
    width: 100%;
    background: rgba(48, 177, 191, 0.8);
    color: #ffffff;
    text-align: center;
  }
}

.fix-link-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fix-link__body {
  width: 100%;
  font-size: 1rem;
}

.fix-link__tel {
  margin-left: 10px;
  width: 50px;
  height: 45px;
  border-radius: 23px;
  background-color: #ffffff;
  font-size: 1.8125rem;
}
.fix-link__tel a {
  color: rgba(48, 177, 191, 0.8);
}

.fix-link-contact {
  width: 100%;
  margin-top: 5px;
}

.fix-link-tel {
  padding-top: 10px;
  font-size: 1.125rem;
}
.fix-link-tel a {
  color: #ffffff;
}
.fix-link-tel a:hover {
  color: #ffffff;
  text-decoration: none;
}

.fix-link-contact__link {
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  border: 3px solid #ffffff;
  border-radius: 40px;
  width: 100%;
  line-height: 1.4;
  background: -webkit-gradient(linear, left top, left bottom, from(#fc007e), to(#f5666f));
  background: linear-gradient(to bottom, #fc007e, #f5666f);
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.fix-link-contact__link:hover {
  color: #ffffff;
  text-decoration: none;
}
.fix-link-contact__link span {
  font-size: 0.75rem;
}

/*************** パンくず ***************/
.breadcrumbs {
  padding: 10px 0;
  font-size: 12px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs {
    padding: 7px 0;
    font-size: 10px;
  }
}
.breadcrumbs.second {
  margin-top: 93px;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs.second {
    margin-top: 0;
  }
}

.breadcrumbs-list__item {
  position: relative;
  display: inline-block;
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs-list__item {
    margin-top: 3px;
    margin-bottom: 3px;
  }
}
.breadcrumbs-list__item a {
  color: #888888;
  white-space: nowrap;
}
.breadcrumbs-list__item:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  margin-top: -4px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.breadcrumbs-list__item:last-child {
  margin-right: 0;
}
.breadcrumbs-list__item:last-child a {
  color: #393939;
}
.breadcrumbs-list__item:last-child:before {
  content: none;
}

#top .breadcrumbs-list__item:before {
  content: none;
}

/*************** サイド ***************/
.l-side-bnr-list__item {
  margin-bottom: 15px;
}

.l-side-box {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .l-side-box {
    margin-bottom: 30px;
  }
}

.l-side-ttl {
  margin-bottom: 20px;
  font-size: 15px;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .l-side-ttl {
    margin-bottom: 10px;
  }
}

.l-side-list__item {
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .l-side-list__item {
    margin-bottom: 2px;
  }
}

.l-side-list__link {
  color: #696969;
}
@media only screen and (max-width: 767px) {
  .l-side-list__link {
    display: block;
    padding: 11px 15px;
    background: #fafafa;
    color: #696969;
  }
  .l-side-list__link:hover {
    background: #f0f0f0;
    text-decoration: none;
  }
}
.l-side-list__link:before {
  content: "- ";
}
@media only screen and (max-width: 767px) {
  .l-side-list__link:before {
    content: none;
  }
}

/*************** スタイルガイド サイドナビ ***************/
.c-side-index-list__item {
  margin-bottom: 30px;
}

.c-side-index-list__link {
  display: block;
  padding: 0;
  border: none;
  font-size: 1rem;
  font-weight: bold;
  background: transparent;
}

.c-side-index-sub-list {
  margin-top: 10px;
}

.c-side-index-sub-list__item {
  line-height: 2;
}

.c-side-index-sub-list__link {
  display: block;
}
.c-side-index-sub-list__link.is-current {
  font-weight: bold;
}

/*************** コンテンツレイアウト ***************/
.l-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 768px) {
  .l-container {
    width: 1020px;
    min-width: 320px;
  }
}

@media (orientation: portrait) {
  .l-main {
    min-height: 800px;
  }
}
@media only screen and (orientation: portrait) and (max-width: 767px) {
  .l-main {
    min-height: inherit;
  }
}
.l-main {
  min-height: 600px;
}

.l-contents-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .l-contents-wrap {
    display: block;
  }
}

.l-contents-side {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  width: 165px;
}
@media only screen and (max-width: 767px) {
  .l-contents-side {
    margin-right: 0;
    width: auto;
  }
}

.l-contents-main {
  width: 780px;
}
@media only screen and (max-width: 767px) {
  .l-contents-main {
    width: auto;
  }
}

/***** フルサイズコンテンツ(スタイルガイドページ) *****/
.l-full-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #dddddd;
  min-width: 1290px;
}
@media only screen and (max-width: 767px) {
  .l-full-container {
    display: block;
    min-width: inherit;
  }
}

.l-full-container__side {
  padding: 30px;
  width: 240px;
  background: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .l-full-container__side {
    width: auto;
  }
}

.l-full-container__main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 30px;
  padding-top: 30px;
  width: 1050px;
}
@media only screen and (max-width: 767px) {
  .l-full-container__main {
    padding: 0 15px;
    width: auto;
  }
}

/*************** コンテンツ間の余白 ***************/
.l-contents {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .l-contents {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
.l-contents.is-bg {
  background: #EEEEEE;
}
.l-contents.is-border {
  border-top: 1px solid #dddddd;
}
.l-contents .l-contents-box:last-child {
  margin-bottom: 0;
}
.l-contents.is-a {
  padding-bottom: 0;
}
.l-contents.is-low {
  padding-top: 45px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .l-contents.is-low {
    padding-top: 30px;
    padding-bottom: 10px;
  }
}

.l-contents-box {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .l-contents-box {
    margin-bottom: 45px;
  }
}

.is-hidden {
  overflow: hidden;
}

/*********************************************/
/* Components title */
/*********************************************/
.c-ttl-main {
  margin-bottom: 30px;
  line-height: 1.2;
  font-size: 2.5rem;
  color: #393939;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-ttl-main {
    font-size: 1.875rem;
  }
}
.c-ttl-main span {
  display: block;
  margin-top: 15px;
  font-size: 1.875rem;
}
.c-ttl-main.is-left {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .c-ttl-main.is-a {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.c-ttl-main.is-r {
  color: #ffffff;
  font-weight: normal;
}
.c-ttl-main.is-s {
  margin-bottom: 30px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .c-ttl-main.is-s {
    font-size: 1.75rem;
  }
}

.c-ttl-sub {
  position: relative;
  margin-bottom: 60px;
  font-size: 2.25rem !important;
  color: #393939;
  text-align: center;
}
.c-ttl-sub.is-reason {
  letter-spacing: 5px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .c-ttl-sub {
    font-size: 1.75rem !important;
    margin-bottom: 45px;
  }
}
.c-ttl-sub:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  margin-left: -15px;
  width: 30px;
  height: 1px;
  background: #81d8d0;
}
@media only screen and (max-width: 767px) {
  .c-ttl-sub:before {
    bottom: -10px;
  }
}
.c-ttl-sub.is-left {
  text-align: left;
}
.c-ttl-sub.is-left:before {
  left: 0;
  margin-left: 0;
}
.c-ttl-sub.is-non {
  margin-bottom: 30px;
}
.c-ttl-sub.is-non:before {
  content: none;
}

.c-ttl-sub-s {
  margin-bottom: 30px;
  font-size: 1.375rem;
  line-height: 1.8;
  line-height: 1.8;
  text-align: center;
}
.c-ttl-sub-s.is-odaiba-margin {
  margin-top: 30px;
}
.c-ttl-sub-s span {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .c-ttl-sub-s {
    margin-bottom: 30px;
    font-size: 1rem;
  }
}
.c-ttl-sub-s.is-nowrap {
  letter-spacing: -1px;
}
@media only screen and (max-width: 767px) {
  .c-ttl-sub-s.is-nowrap {
    letter-spacing: inherit;
  }
}
.c-ttl-sub-s.is-left {
  text-align: left;
}

.c-ttl-sub-s-min {
  display: block;
  margin-top: 30px;
  color: #696969;
  font-size: 1rem;
  font-weight: normal !important;
}

.c-ttl-sub-inst {
  margin-bottom: 60px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-ttl-sub-inst {
    margin-bottom: 30px;
    font-size: 1rem;
  }
}
.c-ttl-sub-inst.is-voice {
  line-height: 32px;
}

.c-ttl-sub-ss {
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}

.c-lead {
  margin-bottom: 22px;
  font-size: 1.375rem;
  line-height: 1.8;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-lead {
    margin-bottom: 30px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-lead.is-a {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.c-lead.is-s {
  font-size: 1rem;
  font-weight: bold;
}

/*********************************************/
/* Components button */
/*********************************************/
.c-btn {
  display: inline-block;
  padding: 12px 30px;
  margin: 0 2px 2px 0;
  border: 3px solid #ffffff;
  border-radius: 40px;
  min-width: 16.875rem;
  line-height: 1.4;
  background: -webkit-gradient(linear, left top, left bottom, from(#79c6ef), to(#1995e8));
  background: linear-gradient(to bottom, #79c6ef, #1995e8);
  color: #ffffff;
  font-size: 1.375rem;
  cursor: pointer;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 100ms 0s ease;
  transition: all 100ms 0s ease;
}
.c-btn.is-ent {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffc168), to(#ff9524));
  background: linear-gradient(to bottom, #ffc168, #ff9524);
}
@media only screen and (max-width: 767px) {
  .c-btn.is-min {
    min-width: 17.5rem;
  }
}
.c-btn:hover {
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 0;
  margin-bottom: 0;
  color: #ffffff;
  background-color: transparent;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .c-btn {
    margin: 0;
    padding: 10px 15px;
    min-width: 20rem;
    border: 3px solid #ffffff;
    border-radius: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: -webkit-gradient(linear, left top, right top, from(#79c6ef), to(#1995e8));
    background: linear-gradient(to right, #79c6ef, #1995e8);
    font-size: 1rem;
  }
  .c-btn:hover {
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.c-btn.is-nowrap {
  white-space: nowrap;
}
.c-btn.is-graduate {
  padding: 6px 15px;
  min-width: 220px;
  font-size: 1rem;
}
.c-btn.is-height {
  padding: 10px 30px;
}
.c-btn.is-shop-about {
  padding: 6px 15px;
  min-width: 220px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .c-btn.is-shop-about {
    min-width: 250px;
  }
}
.c-btn.is-shop-review {
  padding: 5px 15px;
  min-width: 180px;
  font-size: 0.9375rem;
}
@media only screen and (max-width: 767px) {
  .c-btn.is-shop-review {
    font-size: 0.75rem;
    min-width: 160px;
  }
}
.c-btn.is-form {
  position: relative;
  padding: 20px 30px;
  width: 80%;
  background: #4472c4;
  position: relative;
}
.c-btn.is-form:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 45px;
  left: auto;
  margin-top: -7.5px;
  width: 15px;
  height: 15px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-trial {
  width: 400px;
}
@media only screen and (max-width: 767px) {
  .c-btn.is-trial {
    max-width: 400px;
    width: 100%;
  }
}
.c-btn.is-trial span {
  display: block;
  margin-top: 5px;
  font-size: 0.75rem;
}
.c-btn.is-pink {
  background: -webkit-gradient(linear, left top, left bottom, from(#fc007e), to(#f5666f));
  background: linear-gradient(to bottom, #fc007e, #f5666f);
}
.c-btn.is-blue {
  background: -webkit-gradient(linear, left top, left bottom, from(#1462e1), to(#1bc5c5));
  background: linear-gradient(to bottom, #1462e1, #1bc5c5);
}
.c-btn.is-no-link:hover {
  margin: 0 2px 2px 0;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  cursor: default;
}

.btn-more-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .btn-more-review {
    margin-top: 10px;
    display: block;
    text-align: center;
  }
}
.btn-more-review.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/***** ボタン 状態 *****/
.c-btn.is-primary {
  border-color: transparent;
  background: #81d8d0;
  color: #ffffff;
  position: relative;
}
.c-btn.is-primary:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-primary.is-no-arrow {
  position: relative;
}
.c-btn.is-primary.is-no-arrow:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 0px;
  margin-top: 0px;
  width: 0px;
  height: 0px;
  border-right: 0px solid #696969;
  border-bottom: 0px solid #696969;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-primary:hover {
  background: rgba(129, 216, 208, 0.9);
  color: #ffffff;
}
.c-btn.is-success {
  border-color: #398439;
  background: #449d44;
  color: #ffffff;
}
.c-btn.is-success:hover {
  background: #398439;
  color: #ffffff;
}
.c-btn.is-link {
  border-color: #81d8d0;
  border-width: 1px;
  background: #ffffff;
  color: #81d8d0;
  position: relative;
}
.c-btn.is-link:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #81d8d0;
  border-bottom: 1px solid #81d8d0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-link:hover {
  position: relative;
}
.c-btn.is-link:hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-link:hover {
  background: #81d8d0;
  color: #ffffff;
}
.c-btn.is-disable {
  border-color: #dddddd;
  background: #e5e5e5;
  color: #aaaaaa;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
}
.c-btn.is-disable:hover {
  margin: 0 2px 2px 0;
}
.c-btn.is-arrow {
  position: relative;
}
.c-btn.is-arrow:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-arrow::after {
  content: none;
}
.c-btn.is-arrow:hover {
  position: relative;
}
.c-btn.is-arrow:hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-arrow-bottom {
  padding-right: 30px;
  position: relative;
}
.c-btn.is-arrow-bottom:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-no-arrow {
  position: relative;
}
.c-btn.is-no-arrow:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 0px;
  margin-top: 0px;
  width: 0px;
  height: 0px;
  border-right: 0px solid #ffffff;
  border-bottom: 0px solid #ffffff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-back {
  position: relative;
}
.c-btn.is-back:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 20px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-back:hover {
  position: relative;
}
.c-btn.is-back:hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 20px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.c-btn.is-form-send, .c-btn.is-form-back {
  padding: 12px 40px;
}
@media only screen and (max-width: 767px) {
  .c-btn.is-form-send, .c-btn.is-form-back {
    padding: 12px 25px;
  }
}
.c-btn.is-secondary {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e6e6e6));
  background: linear-gradient(to bottom, #f5f5f5, #e6e6e6);
  color: #888888;
}
.c-btn.is-secondary::before {
  border-color: #888888;
}
.c-btn.is-secondary:hover {
  color: #888888;
}
.c-btn.is-secondary:hover::before {
  border-color: #888888;
}

/***** ボタン サイズ *****/
.c-btn.is-s {
  padding: 4px 5px;
  font-size: 0.75rem;
}
.c-btn.is-m {
  padding: 11px 30px;
}
.c-btn.is-l {
  padding: 15px 30px;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .c-btn.is-l {
    padding: 11px 30px;
    font-size: 1rem;
  }
}

/*********************************************/
/* Components alert */
/*********************************************/
.c-alert {
  padding: 15px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.c-alert.is-s {
  padding: 5px 10px;
  font-size: 0.875rem;
}
.c-alert.is-m {
  padding: 15px;
  font-size: 1rem;
}
.c-alert.is-l {
  padding: 15px;
  font-size: 1.3125rem;
}
.c-alert.is-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.c-alert.is-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.c-alert.is-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.c-alert.is-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.c-error {
  margin-top: 5px;
  padding: 5px 10px;
  border-radius: 5px;
  border: 2px solid #ffcfcf;
  background: #fff0f0;
  color: #ff0000;
}

.u-em,
.c-em {
  font-weight: bold;
  color: #ff6600;
}

/*********************************************/
/* Components table */
/*********************************************/
/*** テーブル風リスト 01 ***/
.c-tbl-list-type01 {
  width: 100%;
}

.c-tbl-list-type01__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #dddddd;
}
.c-tbl-list-type01__tr:last-child {
  border-bottom: 1px solid #dddddd;
}

.c-tbl-list-type01__th,
.c-tbl-list-type01__td {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.c-tbl-list-type01__th {
  padding: 10px;
  width: 180px;
  border-right: 1px solid #dddddd;
  background-color: #d1eded;
}
@media only screen and (max-width: 767px) {
  .c-tbl-list-type01__th {
    padding: 10px;
    width: 90px;
    font-size: 0.75rem;
  }
}
.c-tbl-list-type01__th.is-corporation {
  width: 145px;
  background: linear-gradient(45deg, #81d8d0, #00a9d0);
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .c-tbl-list-type01__th.is-corporation {
    width: 90px;
  }
}

.c-tbl-list-type01__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 10px 10px 15px;
  color: #393939;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .c-tbl-list-type01__td {
    padding: 10px;
    font-size: 0.75rem;
  }
}

/*** テーブル風リスト 02 ***/
.c-tbl-list-type02 {
  width: 100%;
}

.c-tbl-list-type02__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #dddddd;
}
.c-tbl-list-type02__tr:last-child {
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .c-tbl-list-type02__tr {
    display: block;
    margin-bottom: 30px;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
  }
  .c-tbl-list-type02__tr:last-child {
    border-bottom: 0;
  }
}

.c-tbl-list-type02__th,
.c-tbl-list-type02__td {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.c-tbl-list-type02__th {
  padding: 15px;
  width: 180px;
  border-right: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .c-tbl-list-type02__th {
    margin-bottom: 10px;
    padding: 0;
    width: auto;
    border-right: 0;
    color: #000000;
    text-align: left;
  }
}

.c-tbl-list-type02__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .c-tbl-list-type02__td {
    padding: 0;
  }
}

/*** ２項目テーブル風リスト ***/
.c-tbl-second-list {
  border-top: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .c-tbl-second-list {
    border-top: 0;
  }
}

.c-tbl-second-list__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #dddddd;
}

.c-tbl-second-list__th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  width: 180px;
  border-right: 1px solid #dddddd;
  background-color: #d1eded;
}
@media only screen and (max-width: 767px) {
  .c-tbl-second-list__th {
    display: block;
    padding: 5px 15px;
    width: 100%;
    border-bottom: 0;
    font-size: 0.75rem;
  }
}

.c-tbl-second-list__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px;
  border-right: 1px solid #dddddd;
  color: #393939;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .c-tbl-second-list__td {
    padding: 10px 15px;
    font-size: 0.75rem;
  }
}
.c-tbl-second-list__td.is-02 {
  border-right: 0;
}

/*** 横並びテーブル風リスト ***/
.c-tbl-list-double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .c-tbl-list-double {
    display: block;
  }
}

.c-tbl-list-double__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -1px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #dddddd;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .c-tbl-list-double__tr {
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 0;
    border-right: 0;
    width: auto;
  }
}
.c-tbl-list-double__tr:nth-child(even) {
  border-left: 0;
}

.c-tbl-list-double__th,
.c-tbl-list-double__td {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.c-tbl-list-double__th {
  padding: 10px 15px;
  width: 120px;
  border-right: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .c-tbl-list-double__th {
    padding: 5px 10px;
    width: 90px;
    font-size: 0.75rem;
  }
}

.c-tbl-list-double__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 15px;
  color: #696969;
}
@media only screen and (max-width: 767px) {
  .c-tbl-list-double__td {
    padding: 5px 10px;
    font-size: 0.75rem;
  }
}

/*************** table ***************/
.c-tbl {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .c-tbl {
    font-size: 0.75rem;
  }
}

.c-tbl__th {
  padding: 10px 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #EEEEEE;
  width: 165px;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .c-tbl__th {
    padding: 5px 10px;
    width: 105px;
  }
}

.c-tbl__td {
  padding: 10px 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .c-tbl__td {
    padding: 5px 10px;
  }
}

/*********************************************/
/* Components pager */
/*********************************************/
.pager-list {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pager-list__item {
  margin-left: 10px;
  margin-right: 10px;
  width: 45px;
  line-height: 43px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .pager-list__item {
    margin-left: 5px;
    margin-right: 5px;
    width: 40px;
    line-height: 38px;
    font-size: 0.875rem;
  }
}
.pager-list__item span {
  display: block;
  border: 1px solid #007ae5;
  border-radius: 50%;
  background: #007ae5;
  color: #ffffff;
  text-decoration: none;
}
.pager-list__item.pager_omit span {
  border-color: #aaaaaa;
  background: #ffffff;
  color: #393939;
}

.pager-list__link {
  display: block;
  border: 1px solid #007ae5;
  border-radius: 50%;
  background: #ffffff;
  color: #007ae5;
  text-decoration: none;
}
.pager-list__link:hover {
  background: #007ae5;
  color: #ffffff;
  text-decoration: none;
}

/***** ページャー 四角 *****/
.pager.is-square .pager-list__item span {
  border-radius: 0;
}
.pager.is-square .pager-list__link {
  border-radius: 0;
}

/***** ページャー 角丸 *****/
.pager.is-square-r .pager-list__item span {
  border-radius: 5px;
}
.pager.is-square-r .pager-list__link {
  border-radius: 5px;
}

/*********************************************/
/* Components main-visual */
/*********************************************/
/* メインビジュアル 01 */
.main-visual.is-school {
  background-color: #ebf6f7;
}

#sound_button {
  display: block;
  position: absolute;
  top: 90px;
  right: 15px;
  z-index: 10000;
  border: none;
  width: 50px;
  font-size: 30px;
  background: transparent;
  color: #ffffff;
  text-align: center;
}

.main-visual__video {
  display: block;
}

.main-visual__pc {
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .main-visual__pc {
    display: none;
  }
}
.main-visual__pc.is-school {
  position: relative;
  background-color: #dddddd;
}
@media only screen and (max-width: 767px) {
  .main-visual__pc.is-school {
    display: block;
    background-image: url("../images/sp_mainvisual__school.jpg");
    background-position: center;
    padding-top: 110px;
    padding-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .main-visual__pc.is-school .main-visual__video {
    display: none;
  }
}
.main-visual__pc.is-corporation {
  display: block;
  height: 700px;
}
.main-visual__pc.is-corporation img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .main-visual__pc.is-corporation {
    height: auto;
  }
  .main-visual__pc.is-corporation img {
    min-height: 320px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.main-visual__wrap {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.main-visual__wrap.is-school {
  width: 90%;
}
@media only screen and (max-width: 767px) {
  .main-visual__wrap.is-school {
    position: relative;
    top: auto;
    left: auto;
    z-index: 3;
    width: auto;
    -webkit-transform: none;
            transform: none;
  }
}

.main-visual__sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .main-visual__sp {
    display: block;
    padding: 0 15px;
    background-image: url("../images/sp_mainvisual2.jpg");
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
  }
  .main-visual__sp.is-school {
    display: none;
  }
}

.main-visual__img {
  width: 120px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .main-visual__img {
    margin: 0 auto;
    width: 70%;
    padding-top: 30px;
  }
  .main-visual__img.is-top-sp {
    width: 25%;
  }
}
.main-visual__img.is-school {
  width: auto;
}
@media only screen and (max-width: 767px) {
  .main-visual__img.is-school {
    margin: 0 auto;
    padding-top: 0;
    width: 75%;
  }
}

.main-visual-ttl__img {
  padding-top: 30px;
  width: 680px;
}
@media only screen and (max-width: 1280px) {
  .main-visual-ttl__img {
    width: 560px;
  }
}
@media only screen and (max-width: 767px) {
  .main-visual-ttl__img {
    width: auto;
    padding: 20px 0;
  }
}

.main-visual-badge__img {
  margin: auto;
  width: 500px;
}
@media screen and (max-width: 1400px) {
  .main-visual-badge__img {
    width: 400px;
  }
}
@media screen and (max-width: 1100px) {
  .main-visual-badge__img {
    width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .main-visual-badge__img {
    padding-top: 15px;
    width: auto;
    padding-bottom: 45px;
  }
}
.main-visual-badge__img.is-pc {
  position: absolute;
  left: 15px;
  top: 680px;
}
@media screen and (max-width: 1550px) {
  .main-visual-badge__img.is-pc {
    top: auto;
    bottom: 20px;
  }
}

.main-visual__txt {
  padding-top: 30px;
  font-size: 1.125rem;
  color: #ffffff;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .main-visual__txt-sp {
    font-size: 0.875rem;
    color: #ffffff;
    text-align: center;
  }
}

.mainvisual-school-btn-wrap {
  padding-top: 45px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .mainvisual-school-btn-wrap {
    padding-top: 30px;
  }
}

.mainvisual-school-btn {
  display: inline-block;
  padding: 6px 45px 6px 30px;
  border: 1px solid #ffffff;
  border-radius: 0px;
  min-width: 210px;
  line-height: 1.4;
  background: transparent;
  color: #ffffff;
  font-size: 1.375rem;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.mainvisual-school-btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 767px) {
  .mainvisual-school-btn {
    margin: 0 auto;
    padding: 3px 15px;
    background: rgba(0, 169, 208, 0.5);
    font-size: 1rem;
    position: relative;
  }
  .mainvisual-school-btn:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    left: auto;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: all 200ms 0s ease;
    transition: all 200ms 0s ease;
  }
}
.mainvisual-school-btn:hover {
  color: #ffffff;
  text-decoration: none;
}

/****** メインビジュアル 02 ******/
.c-main-visual-type02 {
  position: relative;
  height: 600px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type02 {
    height: auto;
    min-height: 330px;
  }
}

.c-main-visual-type02-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 600px;
  background: url(../images/main-visual-01.jpg) no-repeat center center;
  background-size: cover;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type02-wrap {
    padding: 30px;
    height: auto;
    min-height: 330px;
    background-size: cover;
  }
}

.c-main-visual-type02__ttl {
  margin-bottom: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.8;
}
.c-main-visual-type02__ttl a {
  color: #ffffff;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type02__ttl {
    margin-bottom: 15px;
    font-size: 1.5rem;
  }
}

.c-main-visual-type02__ttl-s {
  display: block;
  margin-bottom: 20px;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type02__ttl-s {
    margin-bottom: 15px;
    font-size: 1.125rem;
  }
}

.c-main-visual-type02__body {
  line-height: 1.8;
}

/****** メインビジュアル 03 ******/
.shop-main-visual {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 990px;
}
@media (min-width: 1260px) {
  .shop-main-visual {
    width: 1200px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-main-visual {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .shop-main-visual .slick-prev {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .shop-main-visual .slick-next {
    display: none !important;
  }
}

.c-main-visual-type03-wrap .c-main-visual-type03__img:not(:first-child) {
  display: none;
}
.c-main-visual-type03-wrap.slick-initialized .c-main-visual-type03__img:not(:first-child) {
  display: block;
}

/****** メインビジュアル 04 ******/
.c-main-visual-type04 {
  position: relative;
  height: 600px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type04 {
    height: auto;
    min-height: 330px;
  }
}

.c-main-visual-type04-wrap {
  position: relative;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type04-wrap {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 60px 0 30px 0;
    height: auto;
    min-height: 330px;
    background-size: cover;
  }
}
.c-main-visual-type04-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.c-main-visual-type04-wrap .l-container {
  z-index: 10;
}

.c-main-visual-type04-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 600px;
}

.c-main-visual-type04__ttl {
  margin-bottom: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.8;
}
.c-main-visual-type04__ttl a {
  color: #ffffff;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type04__ttl {
    margin-bottom: 15px;
    font-size: 1.5rem;
  }
}

.c-main-visual-type04__ttl-s {
  display: block;
  margin-bottom: 20px;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type04__ttl-s {
    margin-bottom: 15px;
    font-size: 1.125rem;
  }
}

.c-main-visual-type04__body {
  line-height: 1.8;
}

.c-main-visual-type04__bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  will-change: transform;
}
.c-main-visual-type04__bg.is-slick-zoom {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  /*
  transform: matrix3d(
  	1, 0, 0, 0,
  	0, 1, 0, 0,
  	0, 0, 1, 0,
  	0, 0, 0, 0.9
  );
  */
}

.slick-active .is-slick-zoom {
  -webkit-animation-name: bg-zoom;
          animation-name: bg-zoom;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform: scale(1);
          transform: scale(1);
  /*
  transform: matrix3d(
  	1, 0, 0, 0,
  	0, 1, 0, 0,
  	0, 0, 1, 0,
  	0, 0, 0, 1
  );
  */
}

@-webkit-keyframes bg-zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes bg-zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
/****** メインビジュアル 05 ******/
.c-main-visual-type05 .slick-prev {
  display: none !important;
}
.c-main-visual-type05 .slick-next {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type05 img {
    height: 200px;
  }
}

/***** メインビジュアル ページャー *****/
.c-main-visual-type01-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 0;
  background: #ffffff;
}

.c-main-visual-type01-list__item {
  margin-left: 10px;
  margin-right: 10px;
  width: 80px;
  line-height: 1;
  height: 6px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-type01-list__item {
    margin-left: 5px;
    margin-right: 5px;
    width: 50px;
  }
}

.c-main-visual-type01-list__btn {
  white-space: nowrap;
  text-indent: -99999px;
  overflow: hidden;
  padding: 0;
  border: 0;
  width: 100%;
  height: 6px;
  background: #cccccc;
  vertical-align: top;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.c-main-visual-type01-list__btn.is-on {
  background: #888888;
}
.c-main-visual-type01-list__btn:hover {
  background: #888888;
}

/***** メインビジュアル コントロール *****/
.c-main-visual-control__item {
  position: absolute;
  top: 50%;
}
.c-main-visual-control__item.is-prev {
  left: 15px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-control__item.is-prev {
    left: 10px;
  }
}
.c-main-visual-control__item.is-next {
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-control__item.is-next {
    right: 10px;
  }
}

.c-main-visual-control__btn {
  overflow: hidden;
  white-space: nowrap;
  text-indent: -99999px;
  position: relative;
  width: 65px;
  height: 65px;
  border: 0;
  background: transparent;
}
@media only screen and (max-width: 767px) {
  .c-main-visual-control__btn {
    width: 45px;
    height: 45px;
  }
}
.c-main-visual-control__btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -7px;
  width: 40px;
  height: 40px;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media only screen and (max-width: 767px) {
  .c-main-visual-control__btn:before {
    margin-top: -13px;
    margin-left: -7px;
    width: 25px;
    height: 25px;
  }
}
.c-main-visual-control__btn.is-next:before {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -7px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*********************************************/
/* Components card */
/*********************************************/
/* カードリスト 1 */
.c-card-list-type01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -22px;
  margin-right: -22px;
}
@media only screen and (max-width: 767px) {
  .c-card-list-type01 {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.c-card-list-type01__item {
  padding-left: 22px;
  padding-right: 22px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .c-card-list-type01__item {
    margin-top: -30px;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
  }
  .c-card-list-type01__item:first-child {
    margin-top: 0;
  }
}

.c-card-list-type01__link {
  display: block;
  position: relative;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-card-list-type01__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.c-card-list-type01__link:hover {
  text-decoration: none;
}

.c-card-list-type01-txt {
  position: relative;
  top: -75px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 15px;
  background: #EEEEEE;
}
.c-card-list-type01-txt:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 0px;
  height: 0px;
  border: solid transparent;
  border-right-color: #81d8d0;
  border-bottom-color: #81d8d0;
  border-width: 7px;
}

.c-card-list-type01-txt__ttl {
  margin-bottom: 15px;
  color: #000000;
}

.c-card-list-type01-txt__body {
  color: #393939;
}

/* カードリスト 2 */
.c-card-list-type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -22px;
  margin-right: -22px;
}
@media only screen and (max-width: 767px) {
  .c-card-list-type02 {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.c-card-list-type02__item {
  margin-bottom: 60px;
  padding-left: 22px;
  padding-right: 22px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .c-card-list-type02__item {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
  }
}

.c-card-list-type02__link {
  display: block;
  position: relative;
  padding: 30px 20px 20px 20px;
  border-radius: 30px;
  background: #eeeeee;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-card-list-type02__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.c-card-list-type02__link:hover {
  text-decoration: none;
}
.c-card-list-type02__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -37%;
  width: 75%;
  height: 2px;
  background: #81d8d0;
}

.c-card-list-type02__ttl {
  margin-bottom: 15px;
  font-size: 1.125rem;
  color: #000000;
}

.c-card-list-type02__img {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
}

.c-card-list-type02__body {
  color: #393939;
}

/* カードリスト 3 */
.c-card-list-type03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -22px;
  margin-right: -22px;
}
@media only screen and (max-width: 767px) {
  .c-card-list-type03 {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.c-card-list-type03__item {
  margin-bottom: 60px;
  padding-left: 22px;
  padding-right: 22px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .c-card-list-type03__item {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
  }
}

.c-card-list-type03__link {
  position: relative;
  display: block;
  padding: 20px 15px;
  border-top: 2px solid #81d8d0;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-card-list-type03__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.c-card-list-type03__link:hover {
  text-decoration: none;
}
.c-card-list-type03__link:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 0px;
  height: 0px;
  border: solid transparent;
  border-right-color: #81d8d0;
  border-bottom-color: #81d8d0;
  border-width: 7px;
}

.c-card-list-type03__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  font-size: 1.125rem;
  color: #000000;
}

.c-card-list-type03__img {
  margin-bottom: 25px;
}

.c-card-list-type03__body {
  color: #393939;
}

/* カードリスト 4 */
.c-card-list-type04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .c-card-list-type04 {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.c-card-list-type04__item {
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .c-card-list-type04__item {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
  }
}

.c-card-list-type04__link {
  overflow: hidden;
  display: block;
  height: 100%;
  border: 1px solid #dddddd;
  border-radius: 5px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-card-list-type04__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.c-card-list-type04__link:hover {
  text-decoration: none;
}

.c-card-list-type04__txt {
  padding: 15px;
}

.c-card-list-type04__ttl {
  margin-bottom: 15px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #000000;
}

.c-card-list-type04__body {
  color: #393939;
}

/* カードリスト 5 */
.c-card-list-type05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .c-card-list-type05 {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.c-card-list-type05__item {
  margin-top: -1px;
  margin-left: -1px;
  width: 33.3333%;
  padding: 15px 15px 30px 0px;
}
@media only screen and (max-width: 767px) {
  .c-card-list-type05__item {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 15px;
    width: auto;
  }
}

.c-card-list-type05__link {
  display: block;
  -webkit-box-shadow: 1px 1px 10px #cccccc;
          box-shadow: 1px 1px 10px #cccccc;
  border-radius: 15px;
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-card-list-type05__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.c-card-list-type05__link:hover {
  text-decoration: none;
}

.c-card-list-type05__img {
  padding: 0px 15px;
}

.c-card-list-type05__txt {
  padding: 15px 15px 40px 15px;
}

.c-card-list-type05__label {
  width: 85px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  background-color: #81d8d0;
  padding: 0px 10px;
  border-radius: 15px;
  color: #ffffff;
  font-weight: normal;
}

.c-card-list-type05__ttl {
  position: relative;
  font-size: 1.125rem;
  font-weight: bold;
  color: #000000;
  text-align: center;
  line-height: 32px;
}
.c-card-list-type05__ttl:after {
  content: "";
  position: absolute;
  left: 47%;
  bottom: -15px;
  width: 30px;
  height: 1px;
  background: #81d8d0;
}

.c-card-list-type05__body {
  color: #393939;
}

/**********  **********/
.c-tile-list {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  margin-left: -5px;
  margin-right: -5px;
}
@media only screen and (max-width: 767px) {
  .c-tile-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

.c-tile-list__item {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  padding: 5px;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

/*********************************************/
/* Components */
/*********************************************/
/*************** カテゴリーリスト ***************/
/* カテゴリーリスト 1 */
.c-category-list-type01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (max-width: 767px) {
  .c-category-list-type01 {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}

.c-category-list-type01__item {
  margin-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .c-category-list-type01__item {
    margin-bottom: 45px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
}

.c-category-list-type01__item-in {
  -webkit-box-shadow: 15px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 15px 15px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .c-category-list-type01__item-in {
    margin-bottom: 40px;
    width: auto;
    -webkit-box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1);
  }
}

.c-category-list-type01__link {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-category-list-type01__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.c-category-list-type01__img {
  position: relative;
  border-top: 3px solid #81d8d0;
  border-bottom: 3px solid #81d8d0;
}

.c-category-list-type01__ttl {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 2.25rem;
  line-height: 1.2;
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-category-list-type01__ttl {
    font-size: 1.5rem;
  }
}
.c-category-list-type01__ttl span {
  display: block;
  margin-top: 10px;
  width: 105px;
  height: 1px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .c-category-list-type01__ttl span {
    width: 75px;
  }
}

.c-category-list-type01__body {
  padding: 15px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background: #ffffff;
}

/* カテゴリーリスト 2 */
.c-category-list-type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 767px) {
  .c-category-list-type02 {
    display: block;
  }
}

.c-category-list-type02__item {
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .c-category-list-type02__item {
    margin-bottom: 30px;
    width: auto;
  }
}

.c-category-list-type02__link {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-category-list-type02__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.c-category-list-type02__img {
  position: relative;
  margin-bottom: 10px;
}

.c-category-list-type02__ttl {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.875rem;
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
  .c-category-list-type02__ttl {
    font-size: 1.125rem;
  }
}

/* カテゴリーリスト 3 */
.c-category-list-type03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 767px) {
  .c-category-list-type03 {
    display: block;
  }
}

.c-category-list-type03__item {
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .c-category-list-type03__item {
    margin-bottom: 30px;
    width: auto;
  }
}

.c-category-list-type03__link {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-category-list-type03__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.c-category-list-type03__link:hover {
  text-decoration: none;
}

.c-category-list-type03-txt {
  position: relative;
  padding: 30px 15px;
  border: 1px solid #dddddd;
  background: #ffffff;
}

.c-category-list-type03-txt__ttl {
  margin-bottom: 15px;
  font-size: 1.125rem;
  color: #000000;
}

.c-category-list-type03-txt__category {
  position: absolute;
  top: -15px;
  right: -1px;
  padding: 5px 15px;
  min-width: 120px;
  background: #81d8d0;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
}

.c-category-list-type03-txt__body {
  color: #393939;
}

/*************** メディア ***************/
/* メディア 01 */
.c-media-type01__img {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .c-media-type01__img {
    margin-bottom: 15px;
  }
}

.c-media-type01__body {
  line-height: 1.8;
}

/* メディア 02 (画像左右) */
.c-media-type02-box:nth-child(even) .c-media-type02__txt {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-left: 0;
  margin-right: 60px;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .c-media-type02-box:nth-child(even) .c-media-type02__txt {
    margin-right: 0;
  }
}

.c-media-type02-box {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .c-media-type02-box {
    margin-bottom: 45px;
  }
}

.c-media-type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .c-media-type02 {
    display: block;
  }
}
.c-media-type02.is-no-image .c-media-type02__txt, .c-media-type02.is-no-image .c-media-page-type02__txt {
  margin-left: 0;
}
.c-media-type02.is-media {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.c-media-type02__img {
  width: 435px;
}
@media only screen and (max-width: 767px) {
  .c-media-type02__img {
    margin-bottom: 15px;
    width: auto;
  }
}
.c-media-type02__img.is-media {
  width: 430px;
}
@media only screen and (max-width: 767px) {
  .c-media-type02__img.is-media {
    margin-bottom: 30px;
    width: auto;
  }
}
.c-media-type02__img.is-media img {
  width: 100%;
}

.c-media-type02__txt,
.c-media-page-type02__txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 60px;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .c-media-type02__txt,
  .c-media-page-type02__txt {
    margin-left: 0;
  }
}

.c-media-type02__body {
  line-height: 1.8;
}

/*************** 吹き出しボックス ***************/
.c-msg-box {
  padding: 15px;
  border-radius: 10px;
  background: #cccccc;
}

.c-msg-box.is-arrow-bottom {
  position: relative;
}
.c-msg-box.is-arrow-bottom:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  margin-left: -20px;
  left: 50%;
  width: 0px;
  height: 0px;
  border: solid transparent;
  border-top-color: #666666;
  border-width: 20px;
}

.c-msg-box.is-arrow-left {
  position: relative;
}
.c-msg-box.is-arrow-left:before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  margin-left: -10px;
  right: 100%;
  width: 0px;
  height: 0px;
  border: solid transparent;
  border-top-color: #666666;
  border-right-color: #666666;
  border-width: 10px;
}

/*************** ギャラリーリスト ***************/
.c-galley-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .c-galley-list {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.c-galley-list__item {
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .c-galley-list__item {
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
  }
}

.c-galley-list__img figcaption {
  margin-top: 10px;
  font-size: 0.875rem;
}

/*************** 画像リスト ***************/
.c-img-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .c-img-list {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.c-img-list__item {
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .c-img-list__item {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
  }
}

.c-img-list__img figcaption {
  margin-top: 5px;
  font-size: 0.875rem;
}
.c-img-list__img img {
  border: 5px solid #81d8d0;
}

/*************** テキストリスト ***************/
.c-list__item {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #dddddd;
  font-size: 1.125rem;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .c-list__item {
    padding: 10px;
    font-size: 1.125rem;
  }
}
.c-list__item:first-child {
  border-top: 1px solid #dddddd;
}

/*************** フローリスト ***************/
.c-flow-list {
  counter-reset: item;
}

.c-flow-list__item {
  margin-bottom: 60px;
  padding: 30px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  position: relative;
}
.c-flow-list__item:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + -5px);
  left: 50%;
  width: 30px;
  height: 30px;
  border-style: solid;
  border-color: transparent transparent #81d8d0 #81d8d0;
  border-width: 4px;
  -webkit-transform: rotate(-45deg) translateX(-50%);
          transform: rotate(-45deg) translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .c-flow-list__item {
    padding: 15px;
  }
}
.c-flow-list__item:last-child:before {
  content: none;
}

.c-flow-list__ttl {
  margin-bottom: 25px;
  font-size: 1.3125rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .c-flow-list__ttl {
    margin-bottom: 15px;
  }
}

.c-flow-list__ttl-step {
  display: inline-block;
  margin-right: 15px;
  padding: 3px 10px;
  font-size: 1rem;
  background: #f56e6e;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .c-flow-list__ttl-step {
    margin-bottom: 5px;
    font-size: 0.875rem;
  }
}
.c-flow-list__ttl-step:after {
  counter-increment: item;
  content: counter(item);
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .c-flow-list__ttl-txt {
    display: block;
  }
}

.c-flow-list__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .c-flow-list__box {
    display: block;
  }
}

.c-flow-list__img {
  margin-right: 30px;
  width: 240px;
}
@media only screen and (max-width: 767px) {
  .c-flow-list__img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
}

.c-flow-list__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.8;
}

/*************** メディア掲載ページ用 フローリスト ***************/
.c-media-flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
@media only screen and (max-width: 767px) {
  .c-media-flow-list {
    display: block;
    margin: 0;
  }
}

.c-media-flow-list__item {
  margin-bottom: 30px;
  padding: 0 15px;
  width: 33.333%;
}
@media only screen and (max-width: 767px) {
  .c-media-flow-list__item {
    padding: 0;
    width: auto;
  }
}

.c-media-flow-list__wrap {
  padding: 25px 15px 30px 15px;
  border-radius: 15px;
  background-color: #81d8d0;
}

.c-media-flow-list__ttl {
  font-size: 1.375rem;
}

.c-media-flow-list__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 15px;
  border-radius: 10px;
  background-color: #ffffff;
  line-height: 1.8;
}
.c-media-flow-list__box.is-wide {
  padding: 30px;
}

.c-media-flow-list__body {
  display: inline-block;
  font-size: 1.125rem;
}

/*************** カラーリスト ***************/
.c-color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.c-color-list__item {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  width: 20%;
  font-size: 0.75rem;
}

.c-color-list__bg {
  margin-bottom: 10px;
  background: #cccccc;
  height: 90px;
}

.c-color-list__bg.is-main {
  background: #81d8d0;
}

.c-color-list__bg.is-base {
  background: #ffffff;
}

.c-color-list__bg.is-accent {
  background: #f56e6e;
}

.c-color-list__bg.is-danger {
  background: #ff0000;
}

.c-color-list__bg.is-warning {
  background: #8a6d3b;
}

.c-color-list__bg.is-success {
  background: #3c763d;
}

.c-color-list__bg.is-info {
  background: #31708f;
}

.c-color-list__bg.is-link {
  background: #007ae5;
}

.c-color-list__ttl {
  margin-bottom: 10px;
  font-weight: bold;
}

.c-color-list__body.is-main {
  color: #81d8d0;
}

.c-color-list__body.is-base {
  color: #ffffff;
}

.c-color-list__body.is-accent {
  color: #f56e6e;
}

.c-color-list__body.is-danger {
  color: #ff0000;
}

.c-color-list__body.is-warning {
  color: #8a6d3b;
}

.c-color-list__body.is-success {
  color: #3c763d;
}

.c-color-list__body.is-info {
  color: #31708f;
}

.c-color-list__body.is-link {
  color: #007ae5;
}

/*************** カテゴリーリスト ***************/
.c-contents-category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .c-contents-category-list {
    display: block;
    margin-bottom: 45px;
  }
}

.c-contents-category-list__item {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .c-contents-category-list__item {
    width: auto;
    margin-bottom: 2px;
  }
}

.c-contents-category-list__link {
  display: block;
  padding: 12px;
  background: #fafafa;
  color: #393939;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-contents-category-list__link {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
  }
}
.c-contents-category-list__link:hover, .c-contents-category-list__link.is-on {
  background: #eeeeee;
  text-decoration: none;
}
.c-contents-category-list__link.is-page-link {
  position: relative;
}
.c-contents-category-list__link.is-page-link:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #777777;
  border-bottom: 1px solid #777777;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/***** カテゴリーリスト 02 *****/
.c-contents-category-type02-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .c-contents-category-type02-list {
    display: block;
    margin-bottom: 45px;
  }
}

.c-contents-category-type02-list__item {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .c-contents-category-type02-list__item {
    width: auto;
    margin-bottom: 2px;
  }
}

.c-contents-category-type02-list__link {
  display: block;
  padding: 12px;
  border-radius: 5px;
  border: 1px solid #007ae5;
  background: #ffffff;
  color: #007ae5;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-contents-category-type02-list__link {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
  }
}
.c-contents-category-type02-list__link:hover {
  background: rgba(0, 122, 229, 0.8);
  color: #ffffff;
  text-decoration: none;
}
.c-contents-category-type02-list__link.is-on {
  background: #007ae5;
  color: #ffffff;
  text-decoration: none;
}

/***** カテゴリーリスト 03 *****/
.c-contents-category-type03-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .c-contents-category-type03-list {
    display: block;
    margin-bottom: 45px;
  }
}

.c-contents-category-type03-list__item {
  border-right: 1px solid #dddddd;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .c-contents-category-type03-list__item {
    margin-bottom: 1px;
    border-right: 0;
    border-bottom: 1px solid #dddddd;
    width: auto;
  }
}
.c-contents-category-type03-list__item:first-child {
  border-left: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .c-contents-category-type03-list__item:first-child {
    border-top: 1px solid #dddddd;
    border-left: 0;
  }
}

.c-contents-category-type03-list__link {
  display: block;
  padding: 12px;
  background: #ffffff;
  color: #007ae5;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-contents-category-type03-list__link {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
  }
}
.c-contents-category-type03-list__link:hover {
  background: rgba(0, 122, 229, 0.8);
  color: #ffffff;
  text-decoration: none;
}
.c-contents-category-type03-list__link.is-on {
  background: #007ae5;
  color: #ffffff;
  text-decoration: none;
}

/***** タブメニュー *****/
.c-tab-navi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-tab-navi-list__item {
  margin-right: 5px;
}

.c-tab-navi-list__btn {
  padding: 10px 15px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: #ffffff;
  text-align: center;
}
.c-tab-navi-list__btn.is-active, .c-tab-navi-list__btn[aria-selected=true] {
  background: #81d8d0;
  color: #ffffff;
}
.c-tab-navi-list__btn:hover {
  background: rgba(129, 216, 208, 0.8);
  color: #ffffff;
}

.c-tab-contents {
  padding: 15px;
  border: 1px solid #cccccc;
}

.c-tab-contents-box {
  display: none;
  opacity: 1;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.c-tab-contents-box.is-active {
  display: block;
}
.c-tab-contents-box.is-fadeout {
  opacity: 0;
}
.c-tab-contents-box.is-fadein {
  opacity: 1;
}

.c-tab-contents__item[aria-hidden=true] {
  display: none;
}

.form-list .c-check-list {
  margin-top: 10px;
}

.c-check-list__item {
  margin-bottom: 15px;
}
.c-check-list__item:last-child {
  margin-bottom: 0;
}

.c-check-list__attention {
  color: #f56e6e;
}

/*********************************************/
/* Utility */
/*********************************************/
/* clearfix */
.u-cl:before, .u-cl:after {
  content: " ";
  display: table;
}

.u-cl:after {
  clear: both;
}

.u-cl {
  *zoom: 1;
}

/* font関連 */
.u-bold {
  font-weight: bold !important;
}

.u-through {
  text-decoration: line-through;
}

.u-fss {
  font-size: 10px !important;
}

.u-fs {
  font-size: 12px !important;
}

.u-fm {
  font-size: 14px !important;
}

.u-fl {
  font-size: 18px !important;
}

.u-fll {
  font-size: 24px !important;
}

.u-fxl {
  font-size: 30px !important;
}

.u-mincho {
  font-family: YakuHanMPs, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
}

.u-mincho-noto {
  font-family: YakuHanMPs, "Noto Serif JP", serif;
}

.u-mincho-sawarabi {
  font-family: YakuHanMPs, "Sawarabi Mincho", serif;
}

.u-gothic-noto {
  font-family: YakuHanJPs, "Noto Sans Japanese", sans-serif;
}

.u-gothic-rounded {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

/* float */
.u-float-l {
  float: left;
}

.u-float-r {
  float: right;
}

/* text-align */
.u-tl {
  text-align: left !important;
}

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

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

/* vertical-align */
.u-vat {
  vertical-align: top !important;
}

.u-vam {
  vertical-align: middle !important;
}

.u-vab {
  vertical-align: bottom !important;
}

/* bottom-margin */
.u-mb0 {
  margin-bottom: 0px !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-mbxs {
  margin-bottom: 5px !important;
}

.u-mbss {
  margin-bottom: 10px !important;
}

.u-mbs {
  margin-bottom: 15px !important;
}

.u-mbm {
  margin-bottom: 45px !important;
}

.u-mbl {
  margin-bottom: 60px !important;
}

.u-mbll {
  margin-bottom: 120px !important;
}

.u-mbxl {
  margin-bottom: 240px !important;
}

/* padding */
.u-plrs {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.u-plrm {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* 幅 */
.u-ws {
  width: 50px;
}

.u-wm {
  width: 100px;
}

.u-wl {
  width: 200px;
}

.u-w-half {
  width: 50%;
}

.u-w-max {
  width: 100%;
}

/* 色 */
.u-red {
  color: #eb0800;
}

.u-required {
  color: #eb0800;
} /* 必須 */
.u-date {
  color: #888888;
} /* 日付 */
.u-dpn {
  display: none;
}

.u-pc-only {
  display: block;
}

.u-sp-only {
  display: none;
}

img.u-pc-only {
  display: inline;
}

img.u-sp-only {
  display: none;
}

@media only screen and (max-width: 767px) {
  .u-pc-only {
    display: none;
  }
  .u-sp-only {
    display: block;
  }
  img.u-pc-only {
    display: none;
  }
  img.u-sp-only {
    display: inline;
  }
}
/* opacity */
.u-opa a img,
.u-opa-img img,
.u-opa-box {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.u-opa a img:hover,
.u-opa-img img:hover,
.u-opa-box:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.u-spr {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 150%;
  border: 0;
  cursor: pointer;
}

.u-spr::-moz-focus-inner {
  padding: 0;
  border: none;
}

.u-pre {
  padding: 15px;
  background: #333333;
  color: #ffffff;
}

/***** 画像 *****/
.u-img {
  margin-bottom: 15px;
}

/***** テキスト *****/
.u-txt {
  line-height: 1.8;
}

@media only screen and (max-width: 767px) {
  .u-list-txt {
    padding-left: 0;
  }
}
/* input画像ボタンにつける */
.u-input-img {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}

.u-input-img:hover {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* inputテキストボタンにつける */
.u-input-txt {
  padding: 0;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.u-input-txt:hover {
  padding: 0;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  text-decoration: underline;
}

.u-hidden {
  overflow: hidden;
}

.u-overbg {
  margin-left: -500%;
  margin-right: -500%;
  padding-left: 500%;
  padding-right: 500%;
}

.u-overframe {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
}

/***** iframeの高さをレスポンシブ対応 *****/
.iframe-content {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0 0;
}

.iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/***** 見た目を隠したいとき *****/
.u-visually-hidden {
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
  border: 0;
  padding: 0;
  width: 4px;
  height: 4px;
}

/**************************************************/
/* アクセス */
/**************************************************/
.access-main__img {
  text-align: center;
}

.access-info-tbl .c-tbl-list-type01__th, .access-info-tbl .c-tbl-list-type02__th {
  width: 240px;
}
@media only screen and (max-width: 767px) {
  .access-info-tbl .c-tbl-list-type01__th, .access-info-tbl .c-tbl-list-type02__th {
    width: 90px;
  }
}

/**************************************************/
/* お問い合わせ・プライバシーポリシー */
/**************************************************/
.contact-body {
  margin-bottom: 60px;
  padding: 20px;
  background: #fafafa;
}

.contact {
  overflow: hidden;
}

.contact-comment {
  color: #f56e6e;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .contact-comment {
    font-size: 0.75rem;
    text-align: left;
  }
}

.form-list {
  margin-bottom: 30px;
}

.form-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .form-list__item {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.form-list__item:first-child {
  border-top: 1px solid #dddddd;
}

.form-list__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 24px 15px 15px 15px;
  min-height: 75px;
  width: 315px;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .form-list__ttl {
    margin-bottom: 15px;
    padding: 0;
    width: auto;
    min-height: inherit;
    background: transparent;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.form-list__ttl.is-confirm {
  padding-top: 15px;
  min-height: inherit;
}
@media only screen and (max-width: 767px) {
  .form-list__ttl.is-confirm {
    padding-top: 0;
    font-size: 12px;
    color: #777777;
  }
}

.form-list__name {
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .form-list__name.is-confirm {
    font-size: 12px;
  }
}
.form-list__name.is-wrap {
  white-space: normal;
}

.form-required {
  padding: 2px 15px;
  border-radius: 3px;
  font-size: 12px;
  background: #e86b6a;
  color: #ffffff;
}

.form-list__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .form-list__body {
    padding: 0;
  }
}
.form-list__body.is-confirm {
  font-size: 18px;
}
.form-list__body.is-mail-confirm {
  font-size: 18px;
}

.form-list__box {
  margin-bottom: 10px;
}

.form-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .form-btn-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.form-btn-box__item {
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .form-btn-box__item {
    margin-bottom: 30px;
  }
  .form-btn-box__item.is-next {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.textarea-box {
  height: 150px;
}
@media only screen and (max-width: 767px) {
  .textarea-box {
    height: 180px;
  }
}

.contact-complete {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .contact-complete {
    text-align: left;
  }
}

.contact-complete_icon {
  margin-bottom: 30px;
  font-size: 72px;
  color: #aaaaaa;
  text-align: center;
}

.form-txt__red {
  color: #f56e6e;
  padding-top: 3px;
}

/**************************************************/
/* プライバシーポリシー */
/**************************************************/
.privacy-body {
  margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  .privacy-body {
    margin-bottom: 45px;
  }
}

.privacy-box {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .privacy-box {
    margin-bottom: 45px;
  }
}

/**************************************************/
/* 物件 */
/**************************************************/
/*************** 物件リスト ***************/
/* 物件リストタイプ 01 */
.estate-list-type01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .estate-list-type01 {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}

.estate-list-type01__item {
  margin-bottom: 45px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .estate-list-type01__item {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
}
.estate-list-type01__item.is-no-frame {
  margin-bottom: 45px;
}

.estate-list-type01__item-in {
  position: relative;
  padding: 15px;
  border: 1px solid #dddddd;
  background: #ffffff;
}

.estate-list-type01__img {
  margin-bottom: 15px;
  height: 180px;
  line-height: 180px;
  text-align: center;
  background: #cccccc;
  overflow: hidden;
}
.estate-list-type01__img img {
  vertical-align: middle;
  max-width: 101%;
  max-height: 101%;
  width: auto;
  height: auto;
}

.estate-list-type01-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}

.estate-list-type01__category {
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: #81d8d0;
  color: #ffffff;
}

.estate-list-type01__state {
  padding-left: 10px;
  padding-right: 10px;
  background: #81d8d0;
  color: #ffffff;
}
.estate-list-type01__state.is-sale {
  background: #f56e6e;
}
.estate-list-type01__state.is-soldout {
  background: #cccccc;
}

.estate-list-type01__copy {
  margin-top: 15px;
  font-size: 21px;
  font-weight: bold;
  color: #81d8d0;
}

.estate-list-type01__name {
  margin-top: 10px;
}

.estate-list-type01__body {
  margin-top: 10px;
  font-size: 14px;
}

.estate-list-type01__price {
  font-size: 14px;
  text-align: right;
}

.estate-list-type01__price-num {
  margin-left: 3px;
  margin-right: 3px;
  font-size: 18px;
  font-weight: bold;
  color: #f56e6e;
}

.estate-list-point-list {
  margin-top: 15px;
}

.estate-list-point-list__item {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
}
.estate-list-point-list__item:before {
  position: absolute;
  top: 2px;
  left: 0;
  font-weight: 900;
  font-family: "Font Awesome 5 free";
  content: "\f00c";
  color: #81d8d0;
  font-size: 12px;
}

/* 物件リストタイプ 02 */
.estate-list-type02__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 3px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .estate-list-type02__item {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 3px solid #dddddd;
  }
}

.estate-list-type02-img {
  width: 360px;
}
@media only screen and (max-width: 767px) {
  .estate-list-type02-img {
    width: auto;
  }
}

.estate-list-type02-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 45px;
}
@media only screen and (max-width: 767px) {
  .estate-list-type02-txt {
    margin-left: 0;
  }
}

.estate-list-type02-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .estate-list-type02-head {
    margin-top: 10px;
  }
}

.estate-list-type02__category {
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: #81d8d0;
  color: #ffffff;
}

.estate-list-type02__state {
  padding-left: 10px;
  padding-right: 10px;
  background: #81d8d0;
  color: #ffffff;
}
.estate-list-type02__state.is-sale {
  background: #81d8d0;
}
.estate-list-type02__state.is-soldout {
  background: #cccccc;
}

.estate-list-type02__copy {
  margin-top: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #81d8d0;
}
@media only screen and (max-width: 767px) {
  .estate-list-type02__copy {
    font-size: 21px;
  }
}

.estate-list-type02__name {
  margin-top: 15px;
}

.estate-list-type02__body {
  margin-top: 10px;
  font-size: 14px;
}

.estate-list-type02__price {
  text-align: right;
}

.estate-list-type02__price-num {
  margin-left: 3px;
  margin-right: 3px;
  font-size: 21px;
  font-weight: bold;
  color: #68b962;
}

.estate-list-tbl {
  margin-top: 15px;
  width: 100%;
}

.estate-list-tbl__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #dddddd;
}
.estate-list-tbl__tr:last-child {
  border-bottom: 1px solid #dddddd;
}

.estate-list-tbl__th,
.estate-list-tbl__td {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.estate-list-tbl__th {
  padding: 5px 15px 5px 2px;
  width: 120px;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .estate-list-tbl__th {
    padding: 10px;
    width: 90px;
    font-size: 12px;
  }
}

.estate-list-tbl__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px 0px 5px 15px;
  font-size: 14px;
  color: #696969;
}
@media only screen and (max-width: 767px) {
  .estate-list-tbl__td {
    padding: 10px;
    font-size: 12px;
  }
}

/******************** 物件詳細 ********************/
.estate-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 15px;
}

.estate-head__category {
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: #81d8d0;
  color: #ffffff;
}

.estate-head__state {
  padding-left: 10px;
  padding-right: 10px;
  background: #81d8d0;
  color: #ffffff;
}
.estate-head__state.is-sale {
  background: #f56e6e;
}
.estate-head__state.is-soldout {
  background: #cccccc;
}

.estate-gallery {
  margin-bottom: 60px;
}

.estate-gallery__main {
  background: #eeeeee;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .estate-gallery__main {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.estate-gallery__main img {
  max-width: 920px;
}
@media only screen and (max-width: 767px) {
  .estate-gallery__main img {
    max-width: 100%;
    max-height: 100%;
  }
}

.estate-gallery-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
  margin-left: -8px;
  margin-right: -8px;
}
@media only screen and (max-width: 767px) {
  .estate-gallery-thumb {
    margin-top: 4px;
    margin-left: -13px;
    margin-right: -13px;
  }
}

.estate-gallery-thumb__item {
  margin-bottom: 15px;
  padding-left: 8px;
  padding-right: 8px;
  width: 20%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-backface-visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .estate-gallery-thumb__item {
    margin-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    width: 25%;
  }
}
.estate-gallery-thumb__item a:hover, .estate-gallery-thumb__item a.active {
  opacity: 0.8;
}

.estate-txt {
  margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  .estate-txt {
    margin-bottom: 60px;
  }
}

.estate-txt__point {
  margin-bottom: 45px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .estate-txt__point {
    margin-bottom: 30px;
    font-size: 1.125rem;
  }
}

.estate-txt__body {
  line-height: 1.8;
}

.estate-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (max-width: 960px) {
  .estate-info {
    display: block;
  }
}

.estate-info-box {
  margin-bottom: 75px;
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .estate-info-box {
    margin-bottom: 60px;
    width: auto;
  }
}
.estate-info-box.is-col1 {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .estate-info-box.is-col1 {
    width: auto;
  }
}

.estate-info-tbl {
  width: 100%;
}

.estate-info-tbl__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .estate-info-tbl__tr {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.estate-info-tbl__tr:last-child {
  border-bottom: 1px solid #dddddd;
}

.estate-info-tbl__th,
.estate-info-tbl__td {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.estate-info-tbl__th {
  padding: 10px 15px 10px 2px;
  width: 120px;
  border-right: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .estate-info-tbl__th {
    padding: 5px 10px;
    width: 90px;
    font-size: 12px;
  }
}

.estate-info-tbl__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 0px 10px 15px;
  color: #696969;
}
@media only screen and (max-width: 767px) {
  .estate-info-tbl__td {
    padding: 5px 10px;
    font-size: 12px;
  }
}

.estate-access-map {
  margin-bottom: 30px;
}
.estate-access-map iframe {
  width: 100%;
  height: 450px;
}
@media only screen and (max-width: 767px) {
  .estate-access-map iframe {
    height: 100%;
  }
}

.estate-access-box {
  margin-bottom: 15px;
}

.estate-access-box__ttl {
  margin-bottom: 5px;
  font-weight: bold;
}

.estate-box {
  margin-bottom: 75px;
}

.estate-gallery-box {
  margin-bottom: 30px;
}

/**************************************************/
/* よくある質問 */
/**************************************************/
.faq-list {
  border-top: 1px solid #dddddd;
}

.faq-list__item {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dddddd;
}

.faq-list__ttl {
  position: relative;
  margin-bottom: 30px;
  padding-left: 35px;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .faq-list__ttl {
    margin-bottom: 20px;
  }
}
.faq-list__ttl:before {
  content: "Q";
  position: absolute;
  top: 0;
  left: 0;
  color: #81d8d0;
}

.faq-list-answer__ttl {
  position: relative;
  margin-bottom: 20px;
  padding-left: 35px;
  font-size: 18px;
  color: #696969;
}
@media only screen and (max-width: 767px) {
  .faq-list-answer__ttl {
    margin-bottom: 20px;
  }
}
.faq-list-answer__ttl:before {
  content: "A";
  position: absolute;
  top: 0;
  left: 0;
  color: #81d8d0;
}

.faq-list-answer__body {
  line-height: 1.8;
  color: #696969;
}

/**************************************************/
/* メニュー */
/**************************************************/
.menu-main {
  margin-bottom: 60px;
}

.menu-main__img {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .menu-main__img {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
  }
}

.menu-main__body {
  line-height: 1.8;
  font-size: 18px;
  text-align: center;
}

.menu-box:nth-child(even) {
  background: #EEEEEE;
}

.menu-box-wrap + .menu-box-wrap {
  margin-top: 45px;
}

.menu-box__ttl {
  margin-bottom: 20px;
  font-size: 21px;
  text-align: center;
}

.menu-box__body {
  margin-bottom: 25px;
  text-align: center;
}

.menu-list-type01-wrap {
  margin-left: -240px;
  margin-right: -240px;
  margin-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .menu-list-type01-wrap {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 60px;
  }
}

.menu-list-type01 {
  margin-left: auto;
  margin-right: auto;
  width: 485px;
}
@media only screen and (max-width: 767px) {
  .menu-list-type01 {
    width: auto;
  }
}
.menu-list-type01 .slick-list {
  overflow: inherit;
}

.menu-img-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 767px) {
  .menu-img-list {
    margin-left: -3px;
    margin-right: -3px;
    margin-bottom: 30px;
  }
}

.menu-img-list__item {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .menu-img-list__item {
    margin-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
  }
}

.menu-txt-list {
  border-top: 1px solid #dddddd;
}

.menu-txt-list__item {
  padding: 20px 0;
  border-bottom: 1px solid #dddddd;
}

.menu-txt-list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .menu-txt-list-head {
    display: block;
  }
}

.menu-txt-list-head__price {
  color: #81d8d0;
}
@media only screen and (max-width: 767px) {
  .menu-txt-list-head__price {
    text-align: right;
  }
}

.menu-txt-list__body {
  margin-top: 10px;
  font-size: 0.875rem;
  color: #696969;
}
@media only screen and (max-width: 767px) {
  .menu-txt-list__body {
    margin-top: 10px;
  }
}

/**************************************************/
/* NEWS・イベント */
/**************************************************/
/***** NEWS 一覧 *****/
@media only screen and (max-width: 767px) {
  .news-index {
    margin-bottom: 45px;
  }
}

.news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .news-list {
    display: block;
  }
}

.news-list__item {
  margin-bottom: 45px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .news-list__item {
    margin-bottom: 60px;
    width: auto;
  }
}

.news-list__link:hover {
  text-decoration: none;
}
.news-list__link .news-list__ttl {
  color: #000000;
}
.news-list__link:hover .news-list__ttl {
  color: #007ae5;
}

.news-list__img {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .news-list__img {
    margin-left: auto;
    margin-right: auto;
    max-width: 290px;
  }
}

.news-list__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.news-list__category {
  margin-left: 10px;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 12px;
  line-height: 15px;
  background: #00a0e9;
  color: #ffffff;
  white-space: nowrap;
}
.news-list__category.is-school {
  margin-left: 0;
}

.news-list__date {
  color: #696969;
}

/***** NEWS 一覧 02 *****/
.news-list-type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .news-list-type02 {
    display: block;
  }
}

.news-list-type02__item {
  margin-bottom: 45px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .news-list-type02__item {
    margin-bottom: 60px;
    width: auto;
  }
}

.news-list-type02__link {
  display: block;
  border: 1px solid #dddddd;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.news-list-type02__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.news-list-type02__link:hover {
  text-decoration: none;
}
.news-list-type02__link .news-list-type02__ttl {
  color: #000000;
}
.news-list-type02__link:hover .news-list-type02__ttl {
  color: #007ae5;
}

@media only screen and (max-width: 767px) {
  .news-list-type02__img {
    margin-left: auto;
    margin-right: auto;
  }
}

.news-list-type02__txt {
  padding: 15px;
}

.news-list-type02__ttl {
  margin-bottom: 10px;
  font-size: 18px;
}

.news-list-type02__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.news-list-type02__category {
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 12px;
  line-height: 15px;
  background: #00a0e9;
  color: #ffffff;
}

.news-list-type02__date {
  margin-left: 10px;
  font-size: 12px;
  color: #777777;
}

/***** NEWS 一覧 03 *****/
.news-list-type03 {
  border-top: 1px solid #dddddd;
}

.news-list-type03__item {
  border-bottom: 1px solid #dddddd;
}

.news-list-type03__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 15px;
  padding-bottom: 15px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.news-list-type03__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.news-list-type03__link:hover {
  text-decoration: none;
}
.news-list-type03__link .news-list-type03__ttl {
  color: #000000;
}
.news-list-type03__link:hover .news-list-type03__ttl {
  color: #007ae5;
}

.news-list-type03__img {
  margin-right: 30px;
  width: 300px;
}
@media only screen and (max-width: 767px) {
  .news-list-type03__img {
    margin-right: 10px;
    width: 105px;
  }
}

.news-list-type03__txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.news-list-type03__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.news-list-type03__ttl {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .news-list-type03__ttl {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.news-list-type03__category {
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 14px;
  background: #00a0e9;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .news-list-type03__category {
    font-size: 10px;
  }
}

.news-list-type03__date {
  margin-left: 10px;
  font-size: 14px;
  color: #777777;
}
@media only screen and (max-width: 767px) {
  .news-list-type03__date {
    font-size: 12px;
  }
}

/* イベント */
.event-over-view__item {
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .event-over-view__item {
    font-size: 0.875rem;
  }
}

.event-over-view__ttl {
  display: inline;
  font-weight: bold;
  color: #000000;
}

.event-over-view__body {
  display: inline;
  color: #393939;
}

.event-over-view__date {
  display: inline;
}

.event-update {
  margin-top: 20px;
  font-size: 0.875rem;
  color: #696969;
}
@media only screen and (max-width: 767px) {
  .event-update {
    margin-top: 15px;
    font-size: 0.75rem;
  }
}

/***** NEWS 詳細 *****/
.news-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.news-head__date {
  margin-right: 45px;
}
@media only screen and (max-width: 767px) {
  .news-head__date {
    margin-right: 15px;
  }
}

.news-head__category {
  min-width: 105px;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 10px;
  background: #81d8d0;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .news-head__category {
    border-radius: 5px;
    line-height: 20px;
    font-size: 12px;
  }
}

.news-body {
  margin-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .news-body {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .news-detail {
    margin-bottom: 45px;
  }
}

.news-detail-box {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .news-detail-box {
    margin-bottom: 45px;
  }
}

.news-detail__img {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .news-detail__img {
    margin-bottom: 30px;
  }
}

.news-detail__body {
  margin-bottom: 30px;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .news-detail__body {
    margin-bottom: 15px;
  }
}

.news-detail-tbl {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .news-detail-tbl {
    margin-bottom: 30px;
  }
}
.news-detail-tbl .c-tbl__th {
  width: 240px;
}
@media only screen and (max-width: 767px) {
  .news-detail-tbl .c-tbl__th {
    width: 105px;
  }
}

.news-galley-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .news-galley-list {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.news-galley-list__item {
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .news-galley-list__item {
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
  }
}

.news-galley-list__img figcaption {
  margin-top: 10px;
}

/***** 商品一覧 *****/
.shop-item-box {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .shop-item-box {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 0;
  }
}
.shop-item-box:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .item-list {
    margin-top: 45px;
    display: block;
  }
}

.item-list__item {
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .item-list__item {
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    width: auto;
  }
  .item-list__item:first-child {
    border-top: 1px solid #eeeeee;
  }
}

@media only screen and (max-width: 767px) {
  .item-list__item-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0px;
    width: auto;
  }
}

.item-list__img {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .item-list__img {
    margin-bottom: 0;
    width: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .item-list__txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 15px;
  }
}

.item-list__name {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .item-list__name {
    margin-bottom: 5px;
    font-size: 16px;
  }
}

.item-price {
  color: #ec4949;
}

.original-price { /*値引き前価格*/
  font-weight: normal;
  color: #888888;
  text-decoration: line-through;
}

.new-item__list {
  font-size: 12px;
}

/***** カートサイド *****/
.shop-side-box {
  margin: 0 0 30px 0;
}

.shop-side__ttl {
  padding: 5px 10px;
  background: #dddddd;
  color: #000000;
}

.shop-side-list__item a {
  display: block;
  position: relative;
  padding: 10px 10px;
  border-bottom: 1px dotted #cccccc;
  position: relative;
}
.shop-side-list__item a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}

.shop-side-list__item a:hover:after {
  border-color: #337ab7;
}

/***** 下部カテゴリー *****/
.shop-bottom {
  margin-top: 120px;
  border-top: 1px solid #cccccc;
}

.shop-bottom-box {
  padding-top: 30px;
  padding-bottom: 30px;
  border-right: 1px dotted #cccccc;
}

.shop-bottom__box:last-child {
  border-right: none;
}

.shop-bottom__ttl {
  margin-bottom: 10px;
  font-weight: bold;
}

.shop-bottom-list {
  font-size: 0;
}

.shop-bottom-list__item {
  display: inline-block;
  margin-bottom: 5px;
  width: 50%;
  font-size: 12px;
}

/***** ショップ下部 特商法 *****/
.shop-bottom-astc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .shop-bottom-astc {
    display: block;
  }
}

.shop-bottom-astc__box {
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .shop-bottom-astc__box {
    width: auto;
  }
}

.shop-bottom-astc-list__item {
  margin-bottom: 30px;
}

.shop-bottom-astc__ttl {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
}

.shop-bottom-astc__in {
  line-height: 1.6;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .shop-bottom-astc__in {
    font-size: 12px;
  }
}

/* 送料 */
.astc-postage-tbl {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}

.astc-postage-tbl__th {
  padding: 3px 5px;
  border: 1px solid #cccccc;
}

.astc-postage-tbl__td {
  padding: 3px 5px;
  border: 1px solid #cccccc;
  width: 120px;
  text-align: right;
}

/* お支払い */
.astc-payment-list__ttl {
  font-weight: bold;
}

.astc-payment-list__data {
  margin-bottom: 15px;
}

.astc-payment-account {
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

/***** 商品詳細 *****/
.item-detail__ttl {
  margin-bottom: 40px;
  line-height: 1.2;
  font-size: 2.25rem;
  color: #000000;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .item-detail__ttl {
    font-size: 1.5rem;
  }
}
.item-detail__ttl span {
  display: block;
  margin-top: 10px;
  font-size: 0.9375rem;
}

.item-detail-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -22px;
  margin-right: -22px;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .item-detail-main {
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 45px;
  }
}

.item-detail-img {
  padding-left: 22px;
  padding-right: 22px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .item-detail-img {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
}

.item-detail-info {
  padding-left: 22px;
  padding-right: 22px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .item-detail-info {
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
}

.item-detail-info__category {
  display: inline-block;
  margin-bottom: 30px;
  padding: 0 15px;
  border-radius: 10px;
  line-height: 30px;
  background: #e86b6a;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .item-detail-info__category {
    border-radius: 5px;
    line-height: 20px;
    font-size: 12px;
  }
}

.item-detail-info__body {
  margin-bottom: 30px;
  line-height: 1.8;
}

/* 商品 サムネイル */
.item-thumb-list__item {
  margin-bottom: 20px;
}

.item-thumb-list__item:first-child {
  width: 100%;
}

.item-detail__price {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}

.item-detail__cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

.item-detail__cart-item-count {
  display: none;
  width: 80px;
}

.item-detail__cart-item-select {
  padding-top: 8px;
  padding-bottom: 8px;
}

.item-detail__cart-item-in {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.item-detail__cart-item-in button {
  position: relative;
  width: 100%;
  font-size: 30px;
}
@media only screen and (max-width: 767px) {
  .item-detail__cart-item-in button {
    font-size: 18px;
  }
}

.item-remail {
  margin-bottom: 30px;
}

.item-remail__txt {
  margin-bottom: 10px;
  padding: 15px;
  background: #f0f0f0;
  color: #666666;
  text-align: center;
}

.item-remail__btn a {
  display: block;
  padding: 15px;
  border-radius: 5px;
  background: #aaaaaa;
  color: #ffffff;
  text-align: center;
}

.item-remail__btn a:hover {
  background: #bbbbbb;
  text-decoration: none;
}

.item-detail__body {
  margin-bottom: 30px;
}

/***** バリエーション商品 *****/
.item-variation {
  margin-top: 45px;
}

.item-variation__ttl {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: bold;
}

.item-variation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -7px;
  margin-right: -7px;
}

.item-variation-list__item {
  margin-bottom: 15px;
  padding-left: 7px;
  padding-right: 7px;
  width: 33.3333%;
}

.item-variation-list__img {
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .item-variation-list__txt {
    font-size: 12px;
  }
}

.item-sell-message {
  margin-bottom: 30px;
  font-size: 12px;
}

.item-discount-message {
  margin-bottom: 30px;
  color: #ff0000;
}

.item-delivery-mail__info {
  color: #666666;
  font-size: 12px;
}

/* 商品のステータス */
.item-states-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
  margin-left: -2px;
  margin-right: -2px;
}
.item-states-list.is-detail {
  margin-bottom: 30px;
}

.item-states-list__item {
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 4px;
  padding: 2px;
  border: 1px solid #81d8d0;
  border-radius: 3px;
  width: 100px;
  font-size: 12px;
  background: #ffffff;
  color: #81d8d0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .item-states-list__item {
    width: 90px;
    font-size: 10px;
  }
}

/***** 関連商品 *****/
.recent-item-list {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .recent-item-list {
    margin-bottom: 60px;
  }
}
.recent-item-list .slick-dots {
  bottom: -20px;
}
@media only screen and (max-width: 767px) {
  .recent-item-list .slick-next {
    right: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .recent-item-list .slick-prev {
    left: -10px;
  }
}

.recent-item-list__item {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 767px) {
  .recent-item-list__item {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/***** カートの中身 *****/
.cart-list {
  margin-bottom: 30px;
  border-top: 1px solid #cccccc;
}
.cart-list .c-btn {
  padding: 10px 15px;
}
@media only screen and (max-width: 767px) {
  .cart-list .c-btn {
    font-size: 12px;
    height: 35px;
  }
}
.cart-list select {
  padding: 8px 15px;
}
@media only screen and (max-width: 767px) {
  .cart-list select {
    font-size: 12px;
    height: 35px;
  }
}

.cart-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 0;
  border-bottom: 1px solid #cccccc;
}
@media only screen and (max-width: 767px) {
  .cart-list__item {
    position: relative;
  }
}

.cart-list__img {
  width: 90px;
}
@media only screen and (max-width: 767px) {
  .cart-list__img {
    width: 60px;
  }
}

.cart-list__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .cart-list__txt {
    display: block;
    margin-left: 15px;
  }
}

.cart-list-name {
  padding-right: 15px;
  width: 240px;
}
@media only screen and (max-width: 767px) {
  .cart-list-name {
    width: auto;
  }
}

.cart-list-name__ttl {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .cart-list-name__ttl {
    margin-bottom: 5px;
    font-size: 16px;
  }
}

.cart-list-variation__name {
  color: #247453;
}

.cart-list-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 300px;
}
@media only screen and (max-width: 767px) {
  .cart-list-price {
    display: block;
    width: auto;
  }
}

.cart-list-price__price {
  padding-right: 15px;
  width: 120px;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .cart-list-price__price {
    margin-bottom: 10px;
    padding-right: 0;
    width: auto;
    font-size: 12px;
  }
}

.cart-list-num__edit {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .cart-list-num__edit {
    margin-right: 0;
  }
}
.cart-list-num__edit .c-btn {
  min-width: inherit;
}

.cart-list-total {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .cart-list-total {
    margin-top: 10px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-list-delete {
    position: absolute;
    bottom: 15px;
    right: 0;
  }
}
.cart-list-delete .c-btn {
  min-width: inherit;
}
@media only screen and (max-width: 767px) {
  .cart-list-delete .c-btn {
    margin: 0;
    border: 0;
    background: transparent;
    padding: 0;
    height: auto;
    font-size: 12px;
    color: #007ae5;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .cart-list-delete .c-btn:hover {
    margin: 0;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-decoration: underline;
  }
}

.carousel-list__img {
  margin-bottom: 5px;
}

/* カート 合計金額 */
.cart-total-box {
  margin-left: auto;
  width: 390px;
}
@media only screen and (max-width: 767px) {
  .cart-total-box {
    width: auto;
  }
}

.cart-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #cccccc;
}

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

.cart-total__body {
  text-align: right;
}

.cart-total-price {
  font-size: 24px;
  font-weight: bold;
}

.recent-item {
  margin-bottom: 60px;
}

/********** 購入フロー **********/
/***** ボタン *****/
.shop-pager {
  margin: 30px 0;
}

.shop-pager__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.shop-pager__item {
  margin-left: 15px;
  margin-right: 15px;
  width: 300px;
}
@media only screen and (max-width: 767px) {
  .shop-pager__item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
  }
}
.shop-pager__item a, .shop-pager__item button {
  width: 100%;
  min-width: inherit;
}
@media only screen and (max-width: 767px) {
  .shop-pager__item:last-child {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

/***** 購入フローナビ *****/
@media (min-width: 993px) {
  .shop-flow-navi {
    margin-bottom: 60px;
    text-align: center;
  }
  .shop-flow-navi__item {
    position: relative;
    display: inline-block;
    margin-right: 23px;
    padding: 0 10px 0 5px;
    height: 40px;
    line-height: 40px;
    background: #eeeeee;
    text-align: center;
    text-decoration: none;
  }
  .shop-flow-navi__item:first-child {
    padding-left: 15px;
    border-radius: 4px 0 0 4px;
  }
  .shop-flow-navi__item:first-child:before {
    border: none;
  }
  .shop-flow-navi__item:last-child {
    margin-right: 0;
    padding-right: 15px;
    border-radius: 0 4px 4px 0;
  }
  .shop-flow-navi__item:last-child:after {
    border: none;
  }
  .shop-flow-navi__item:before,
  .shop-flow-navi__item:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #eeeeee;
    border-width: 20px 10px;
    width: 0;
    height: 0;
  }
  .shop-flow-navi__item:before {
    left: -20px;
    border-left-color: transparent;
  }
  .shop-flow-navi__item:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #eeeeee;
  }
  /* 現在状態 */
  .shop-flow-navi__item.is-bc-now {
    background-color: #81d8d0;
    color: #ffffff;
  }
  .shop-flow-navi__item.is-bc-now:after {
    border-left-color: #81d8d0;
  }
  .shop-flow-navi__item.is-bc-now:before {
    border-color: #81d8d0;
    border-left-color: transparent;
  }
  /* 完了状態 */
  .shop-flow-navi__item.is-bc-on {
    background-color: #81d8d0;
    color: #ffffff;
  }
  .shop-flow-navi__item.is-bc-on:after {
    border-left-color: #81d8d0;
  }
  .shop-flow-navi__item.is-bc-on:before {
    border-color: #81d8d0;
    border-left-color: transparent;
  }
}
@media (max-width: 992px) {
  .shop-flow-navi {
    margin-top: 15px;
    margin-bottom: 25px;
  }
  .shop-flow-navi ul {
    position: relative;
    margin-left: 12%;
  }
  .shop-flow-navi ul:before {
    content: "";
    position: absolute;
    top: 5px;
    width: 84%;
    border-bottom: 1px solid #cccccc;
  }
  .shop-flow-navi__item {
    position: relative;
    float: left;
    width: 16.66666666%;
  }
  .shop-flow-navi__item:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid #cccccc;
    background: #ffffff;
  }
  .shop-flow-navi span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-indent: -9999px;
  }
  .shop-flow-navi i {
    position: absolute;
    top: -18px;
    left: -1px;
    color: #81d8d0;
  }
  .shop-flow-navi__item.is-bc-now:before {
    border-color: #81d8d0;
  }
  .shop-flow-navi__item.is-bc-on:before {
    border-color: #81d8d0;
  }
}
#ad-address {
  margin-bottom: 24px;
  padding: 12px;
  border: 1px solid #cccccc;
  border-radius: 8px;
  background: #f5f5f5;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}

#ad-address:hover {
  background: #dddddd;
}

.cart-form-comment {
  color: #61b430;
}

.send-edit-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 15px;
}

.send-edit-btn-box__item {
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
.send-edit-btn-box__item .c-btn {
  min-width: inherit;
}

.delivery-alert {
  margin-top: 10px;
}

/* カード情報 */
.shop-card-list__item {
  margin-bottom: 25px;
}

.shop-card-list__ttl {
  margin-bottom: 5px;
  font-size: 12px;
  color: #666666;
}

.shop-card-list__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media only screen and (max-width: 767px) {
  .shop-card-list__term {
    display: block;
    margin-bottom: 5px;
  }
}

/***** 完了 *****/
.cart-complete__icon {
  margin-bottom: 30px;
  font-size: 90px;
  color: #aaaaaa;
}

/**************************************************/
/* LP_ドローンショップお台場 */
/**************************************************/
/***** ドローンショップお台場 メインヴィジュアル *****/
.shop-main-bg {
  background: #ebf6f7;
}

.shop-main-visual {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 990px;
}
@media only screen and (max-width: 767px) {
  .shop-main-visual {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .shop-main-visual .slick-prev {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .shop-main-visual .slick-next {
    display: none !important;
  }
}

.c-main-visual-type03-wrap .c-main-visual-type03__img:not(:first-child) {
  display: none;
}
.c-main-visual-type03-wrap.slick-initialized .c-main-visual-type03__img:not(:first-child) {
  display: block;
}

.shop-main-visual-txt {
  position: absolute;
  bottom: 30px;
  right: 30px;
  line-height: 1.8;
  font-size: 1.5rem;
  color: #000000;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .shop-main-visual-txt {
    position: static;
    padding: 15px 0 20px 0;
    font-size: 0.9375rem;
    text-align: center;
  }
}
.shop-main-visual-txt span {
  display: inline-block;
  margin-top: 10px;
  padding: 3px 10px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .shop-main-visual-txt span {
    padding: 0;
    background: transparent;
  }
}

/***** 初回h2のみー *****/
.shop-contents {
  padding-top: 70px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .shop-contents {
    padding-top: 50px;
  }
}

/***** ショップ アフター *****/
.shop-concept {
  padding-top: 45px;
  padding-bottom: 80px;
}

.shop-after {
  background-image: url("../images/school-bg.svg");
  background-position: center;
  background-size: 46px;
}

/***** コンセプト *****/
.shop-concept-wrap {
  margin-top: 30px;
  padding: 40px 70px 50px 70px;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  background-color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .shop-concept-wrap {
    padding: 25px 15px 35px 15px;
  }
}

.shop-concept-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shop-concept-box img {
  width: 350px;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .shop-concept-box {
    display: block;
  }
}

.shop-concept-ttl {
  border: 3px solid #81d8d0;
  border-radius: 30px;
  font-size: 1.375rem;
  margin-bottom: 40px;
  width: 380px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .shop-concept-ttl {
    font-size: 1.125rem;
    width: 280px;
    margin-bottom: 20px;
  }
}

.shop-concept-txt {
  padding-left: 40px;
  padding-top: 15px;
  line-height: 30px;
  font-size: 1rem;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .shop-concept-txt {
    padding-left: 0px;
    line-height: 25px;
  }
}

/***** ドローンショップお台場 テーブル *****/
.shop-odaiba-tbl-map-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .shop-odaiba-tbl-map-wrap {
    display: block;
    margin: 0 auto;
  }
}

.shop-odaiba-tbl-list,
.shop-odaiba-wrap {
  width: 50%;
  padding-left: 15px;
}
@media only screen and (max-width: 767px) {
  .shop-odaiba-tbl-list,
  .shop-odaiba-wrap {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 30px;
  }
}

.shop-about-th {
  width: 105px;
}

.shop-odaiba-wrap {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .shop-odaiba-wrap {
    width: 100%;
  }
}

.shop-odaiba-map {
  width: 100%;
  padding-top: 45px;
}
@media only screen and (max-width: 767px) {
  .shop-odaiba-map {
    padding-top: 0px;
  }
}
.shop-odaiba-map a {
  font-size: 0.75rem;
  text-align: right;
}

.shop-odaiba-img-wrap img {
  width: 100%;
  height: 275px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .shop-odaiba-img-wrap img {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .shop-odaiba-map-wrap {
    position: relative;
    padding-bottom: 60%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .shop-odaiba-map-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.about-tbl-main-ttl {
  padding: 6px 25px;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#79c6ef), to(#1995e8));
  background: linear-gradient(to bottom, #79c6ef, #1995e8);
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .about-tbl-main-ttl {
    padding: 6px 10px;
  }
}

/***** ショップ できること *****/
.shop-about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .shop-about-list {
    display: block;
  }
}

.shop-about-list__item {
  height: 385px;
  background-color: #ffffff;
  border-radius: 30px;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .shop-about-list__item {
    height: auto;
    width: 100%;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 45px;
    margin-left: 0px;
  }
}

.shop-about-list__ttl {
  font-weight: bold;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-more-about {
  text-align: center;
  padding-top: 20px;
}
.btn-more-about:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 58px);
  left: 50%;
  width: 25px;
  height: 25px;
  border-style: solid;
  border-color: transparent transparent #cccccc #cccccc;
  border-width: 4px;
  -webkit-transform: rotate(-45deg) translateX(-50%);
          transform: rotate(-45deg) translateX(-50%);
}

/***** 取扱商品 *****/
.shop-bg {
  position: relative;
  z-index: 20;
  background: #81d8d0;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

.shop-product-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  border-radius: 30px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .shop-product-top {
    display: block;
    text-align: center;
    padding: 20px;
  }
}
.shop-product-top img {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 70px;
  width: 345px;
  height: 170px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .shop-product-top img {
    margin-left: 0px;
    width: 250px;
    height: 110px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.shop-product-category {
  text-align: center;
  margin: auto;
}

.shop-category-ttl {
  font-size: 1.75rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #81d8d0;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .shop-category-ttl {
    font-size: 1.375rem;
  }
}

.shop-category-sub {
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .shop-category-sub {
    font-size: 1rem;
  }
}

.shop-product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media only screen and (max-width: 767px) {
  .shop-product-list {
    display: block;
  }
}

.shop-product-wrap {
  position: relative;
  width: calc(50% - 30px);
  background: #ffffff;
  border-radius: 30px;
  margin: 15px;
}
@media only screen and (max-width: 767px) {
  .shop-product-wrap {
    width: calc(100% - 30px);
  }
}
.shop-product-wrap.is-width {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .shop-product-wrap.is-width {
    width: calc(100% - 30px);
  }
}

.shop-product-wrap__toy {
  position: relative;
  width: calc(33.3333333333% - 30px);
  margin: 15px;
  background: #ffffff;
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .shop-product-wrap__toy {
    width: calc(100% - 30px);
    margin-bottom: 15px;
  }
}

.shop-product-wrap__wide {
  width: calc(100% - 30px);
  margin-top: 15px;
  background: #ffffff;
  border-radius: 30px;
  margin-left: auto;
  margin-right: auto;
}

.shop-product-box {
  padding: 25px 40px;
}
@media only screen and (max-width: 767px) {
  .shop-product-box {
    padding: 25px;
  }
}
.shop-product-box .shop-product-price {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.shop-product-box.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .shop-product-box.is-flex {
    display: block;
  }
}

.shop-product-center {
  text-align: center;
}
.shop-product-center img {
  height: 260px;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .shop-product-center img {
    width: auto;
    height: auto;
  }
}
.shop-product-center.is-width {
  padding-right: 30px;
  width: 35%;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .shop-product-center.is-width {
    padding-right: 0;
    width: 100%;
    text-align: center;
  }
}
.shop-product-center.is-width img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .shop-product-center.is-width img {
    max-width: 400px;
  }
}

.shop-product-txt__wrap {
  position: relative;
}
.shop-product-txt__wrap.is-width {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.shop-product-ttl {
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 1.375rem;
  padding-top: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
}

.shop-product-txt {
  font-size: 0.75rem;
  line-height: 24px;
}

.is-red {
  color: red;
}

.shop-product-price {
  padding-top: 10px;
  text-align: right;
  font-size: 0.75rem;
}
.shop-product-price span {
  font-size: 1rem;
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}

/***** minidrone *****/
.shop-contents-only {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .shop-contents-only {
    padding-bottom: 35px;
  }
}

.y-back-color {
  position: relative;
  z-index: 15;
  background-image: url(../images/y-back-color.jpg);
  padding-top: 90px;
  padding-bottom: 90px;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px) {
  .y-back-color {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.b-back-color {
  position: relative;
  z-index: 10;
  background-image: url(../images/b-back-color.jpg);
  padding-top: 90px;
  padding-bottom: 90px;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px) {
  .b-back-color {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.is-back-y {
  background-color: #ffffff;
  border-radius: 30px;
  border: 5px solid #d9d082;
  padding-right: 60px;
  padding-left: 60px;
}
@media only screen and (max-width: 767px) {
  .is-back-y {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 15px;
    margin-left: 15px;
  }
}

.is-back-b {
  background-color: #ffffff;
  border-radius: 30px;
  border: 5px solid #a2dbdb;
  padding-right: 60px;
  padding-left: 60px;
}
@media only screen and (max-width: 767px) {
  .is-back-b {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 15px;
    margin-left: 15px;
  }
}

.shop-minidrone-content {
  padding-top: 45px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .shop-minidrone-content {
    padding-top: 15px;
    padding-bottom: 0;
  }
}

.shop-minidrone-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media only screen and (max-width: 767px) {
  .shop-minidrone-list {
    display: block;
    margin: 0 auto;
  }
}

.shop-minidrone-list__item {
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: auto;
  margin-bottom: auto;
}
@media only screen and (max-width: 767px) {
  .shop-minidrone-list__item {
    width: auto;
    padding-right: 0;
    padding-left: 0;
  }
  .shop-minidrone-list__item img {
    width: 100%;
  }
}

.shop-minidrone-txt-main {
  padding-bottom: 45px;
  font-size: 1.375rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .shop-minidrone-txt-main {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.shop-minidrone-contents-desc {
  line-height: 30px;
}
.shop-minidrone-contents-desc p {
  padding-top: 45px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .shop-minidrone-contents-desc p {
    padding-bottom: 30px;
  }
}

/***** 体験・特徴 *****/
.shop-minidrone-point__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media only screen and (max-width: 767px) {
  .shop-minidrone-point__wrap {
    margin: 0px;
  }
}

.shop-minidrone-point__list {
  width: calc(33.3333333333% - 30px);
  padding: 20px;
  border: 5px solid #81d8d0;
  border-radius: 20px;
  background-color: #81d8d0;
  margin: 30px 15px 0px 15px;
}
@media only screen and (max-width: 767px) {
  .shop-minidrone-point__list {
    width: calc(50% - 10px);
    border: 3px solid #81d8d0;
    padding: 10px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

.shop-minidrone {
  text-align: center;
}

.shop-point__txt {
  font-size: 1.125rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .shop-point__txt {
    padding-top: 5px;
    font-size: 0.875rem;
  }
}

.point__min {
  font-size: 0.875rem;
  padding-top: 5px;
}

.shop-minidrone-point {
  padding-top: 15px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .shop-minidrone-point {
    padding-top: 5px;
  }
}

/***** 体験できるドローン *****/
.shop-experience-wrap {
  background-color: #ffffff;
  border: 5px solid #eeeeee;
  padding: 30px 30px 40px 30px;
  border-radius: 30px;
}

.shop-experience-ttl {
  font-size: 1.375rem;
  margin-bottom: 30px;
  color: #393939;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 500px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 30px;
  border: 3px solid #81d8d0;
}
@media only screen and (max-width: 767px) {
  .shop-experience-ttl {
    margin-bottom: 15px;
    width: auto;
    font-size: 1.125rem;
  }
}

.shop-experience-list {
  padding-right: 70px;
  padding-left: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .shop-experience-list {
    display: block;
    padding: 0px;
  }
}

.shop-experience-list__02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .shop-experience-list__02 {
    display: block;
  }
}

.shop-experience-img img {
  height: 175px;
  padding: 10px 0px;
}
@media only screen and (max-width: 767px) {
  .shop-experience-img img {
    height: auto;
  }
}

/***** 4つのポイント *****/
.shop-point-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .shop-point-list__wrap {
    display: block;
  }
}

.shop-point-list {
  width: calc(50% - 20px);
  padding: 30px;
  margin: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border: 3px solid #81d8d0;
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .shop-point-list {
    width: 100%;
    margin: 15px 0px;
  }
}

.shop-icon__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: center;
}
.shop-icon__ttl p {
  font-size: 1.375rem;
  padding-left: 20px;
  margin-top: auto;
  margin-bottom: auto;
}
.shop-icon__ttl img {
  width: 50px;
}

.shop-point-txt {
  font-size: 0.75rem;
}
.shop-point-txt img {
  padding-top: 15px;
  padding-bottom: 15px;
}

/**************************************************/
/* top */
/**************************************************/
.l-main {
  position: relative;
}

.main-visual-bg {
  position: relative;
  z-index: 2;
  max-height: 876px;
  background: #EEEEEE;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .main-visual-bg {
    max-height: inherit;
  }
}
@media (min-width: 1360px) {
  .main-visual-bg {
    overflow: hidden;
  }
}

/***** TOP RECRUITMENT *****/
.recruit {
  overflow: hidden;
}

.l-recruitment-link {
  position: relative;
  z-index: 3;
  width: 100%;
  margin-top: -86px;
  padding: 12px 0;
  background: -webkit-gradient(linear, left top, right top, from(#7bc7ef), to(#1995e8));
  background: linear-gradient(to right, #7bc7ef, #1995e8);
}
@media only screen and (max-width: 767px) {
  .l-recruitment-link {
    position: static;
    margin-top: 0;
    padding: 3px 0;
    padding-bottom: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#7bc7ef), to(#1995e8));
    background: linear-gradient(to bottom, #7bc7ef, #1995e8);
    text-align: center;
  }
}

.l-recruitment-main-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .l-recruitment-main-wrap {
    display: inline-block;
  }
}

.l-recruitment-contents-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .l-recruitment-contents-wrap {
    display: inline-block;
    height: auto;
    position: relative;
  }
}

.l-recruitment-wrap {
  position: relative;
  height: 60px;
}
@media only screen and (max-width: 767px) {
  .l-recruitment-wrap {
    display: inline-block;
    height: auto;
  }
}
.l-recruitment-wrap:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 12px;
  bottom: -10px;
  width: 3px;
  height: 55px;
  background-color: #ffffff;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
@media only screen and (max-width: 767px) {
  .l-recruitment-wrap:before {
    left: -8px;
  }
}
.l-recruitment-wrap:after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -10px;
  width: 3px;
  height: 55px;
  background-color: #ffffff;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
@media only screen and (max-width: 767px) {
  .l-recruitment-wrap:after {
    right: -15px;
  }
}

.l-recruitment-img {
  position: absolute;
  top: -75px;
  left: 20px;
  width: 127px;
  z-index: 1;
}
.l-recruitment-img img {
  max-width: initial;
  width: 135px;
}
@media only screen and (max-width: 767px) {
  .l-recruitment-img {
    top: -10px;
    left: -8px;
  }
  .l-recruitment-img img {
    width: 70px;
  }
}

.l-recruitment-ttl {
  position: relative;
  padding-left: 80px;
  color: #ffffff;
  font-size: 1.875rem;
  z-index: 2;
  text-align: center;
}
.l-recruitment-ttl:first-line {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .l-recruitment-ttl {
    padding-left: 65px;
    padding-bottom: 30px;
    font-size: 0.75rem;
    white-space: nowrap;
  }
  .l-recruitment-ttl:first-line {
    font-size: 0.75rem;
  }
}

.c-btn-recruitment {
  display: block;
  margin: 0 auto;
  padding: 2px 15px;
  border: 3px solid #ffffff;
  border-radius: 40px;
  width: 274px;
  line-height: 1.4;
  background: -webkit-gradient(linear, left top, left bottom, from(#fc007e), to(#f5666f));
  background: linear-gradient(to bottom, #fc007e, #f5666f);
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 1rem;
}
.c-btn-recruitment:first-line {
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .c-btn-recruitment:first-line {
    font-size: 0.9375rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-btn-recruitment {
    width: auto;
    font-size: 0.9375rem;
  }
}
.c-btn-recruitment:hover {
  color: #ffffff;
  text-decoration: none;
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.l-recruitment-tel {
  padding-left: 70px;
  font-size: 2.5rem;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .l-recruitment-tel {
    position: absolute;
    left: 20px;
    top: 28px;
    margin-top: -3px;
    padding-left: 50px;
    font-size: 1.375rem;
    white-space: nowrap;
  }
}
.l-recruitment-tel i {
  margin-right: 5px;
}

/***** TOP TOPICS *****/
.top-topics {
  background: #ffffff;
}

.top-news-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 23px;
  padding-left: 30px;
  padding-bottom: 23px;
  border-bottom: 1px dashed #cbcbcb;
}
@media only screen and (max-width: 767px) {
  .top-news-list__item {
    padding-top: 23px;
    padding-left: 0;
    padding-bottom: 23px;
  }
}
.top-news-list__item:first-child {
  border-top: 1px dashed #cbcbcb;
}
.top-news-list__item.is-topics {
  padding-top: 15px;
  padding-bottom: 15px;
  border: 0;
}
.top-news-list__item.is-topics a {
  color: #393939;
}

.top-news-list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .top-news-list-head {
    margin-right: 0;
  }
}

.top-news-list__date {
  margin-right: 42px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .top-news-list__date {
    margin-right: 15px;
    font-size: 1.125rem;
  }
}
.top-news-list__date.is-t {
  color: #f56e6e;
  font-size: 0.9375rem;
}

.top-news-list__category {
  width: 75px;
  font-size: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .top-news-list__category {
    min-width: 80px;
    width: auto;
    font-size: 0.75rem;
  }
}
.top-news-list__category span {
  display: block;
  padding: 3px 10px;
  border-radius: 5px;
  background: #81d8d0;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .top-news-list__category span {
    border-radius: 10px;
  }
}

.top-news-list__ttl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 2px;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .top-news-list__ttl {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    margin-top: 20px;
    width: 100%;
  }
}
.top-news-list__ttl a {
  color: #393939;
}
.top-news-list__ttl a:hover {
  color: #393939;
}
@media only screen and (max-width: 767px) {
  .top-news-list__ttl.is-t {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    margin-top: 5px;
    width: 100%;
  }
}
.top-news-list__ttl.is-t a {
  color: #f56e6e;
  font-size: 0.9375rem;
}

.btn-more {
  margin-top: 45px;
  text-align: center;
}
.btn-more.is-pink {
  margin-top: -4px;
}
.btn-more.is-recruitment {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .btn-more.is-recruitment {
    position: relative;
    margin-top: 5px;
    z-index: 2;
  }
}

.topics-modal-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}
.topics-modal-wrap.is-campain {
  padding-top: 15px;
  padding-bottom: 15px;
  background: #f56e6e;
}
.topics-modal-wrap a {
  color: #f56e6e;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .topics-modal-wrap a {
    font-size: 1rem;
  }
}
.topics-modal-wrap.is-form {
  background: #ffffff;
  padding-top: 15px;
  padding-bottom: 35px;
}
.topics-modal-wrap.is-p-bottom {
  padding-bottom: 0;
}

.wall-bnr img:hover {
  opacity: 0.8;
}

.topics-modal {
  background: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 3px solid #f56e6e;
  border-radius: 50px;
}
@media only screen and (max-width: 767px) {
  .topics-modal {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: -50px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 80px 10px 10px 10px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .modal-wrapper {
    top: 0px;
  }
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  vertical-align: middle;
  content: "";
}

.modal-wrapper .modal-window {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 800px;
  padding: 30px;
  border: 5px solid #81d8d0;
  border-radius: 20px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .modal-wrapper .modal-window {
    width: 95%;
    padding: 30px 15px 15px;
  }
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left;
}
.modal-wrapper .modal-window .modal-content.is-wall {
  text-align: center;
}

.modal-content img {
  width: 100%;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important;
}

.modal-ttl {
  font-size: 1.125rem;
  background: #81d8d0;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 50px;
  margin-bottom: 20px;
  margin-right: 25px;
}
.modal-ttl .is-white {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .modal-ttl {
    font-size: 1rem;
    border-radius: 20px;
    margin-right: 10px;
  }
}

.modal-body {
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .modal-body {
    margin-right: 10px;
    font-size: 0.875rem;
  }
}

.modal-content__ttl {
  background: #eeeeee;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 5px;
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .modal-content__ttl {
    margin-right: 10px;
    font-size: 0.875rem;
  }
}
.modal-content__ttl i {
  color: #81d8d0;
}

.modal-check__list {
  padding-top: 15px;
  padding-bottom: 20px;
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .modal-check__list {
    margin-right: 10px;
    font-size: 0.875rem;
  }
}
.modal-check__list li {
  padding-bottom: 5px;
}
.modal-check__list li i {
  font-size: 0.75rem;
}

.modal-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .modal-img-wrap {
    margin-right: 10px;
  }
}
.modal-img-wrap li {
  padding: 10px;
}

.modal-img-logo {
  width: 50%;
  opacity: 0.2;
  margin: 15px auto 15px auto;
}
@media only screen and (max-width: 767px) {
  .modal-img-logo {
    width: 90%;
    margin: 5px auto 20px auto;
  }
}

/*スクロールバー全体*/
.is-inner ::-webkit-scrollbar {
  width: 8px;
}
.is-inner {
  /*スクロールバーの軌道*/
}
.is-inner ::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
.is-inner {
  /*スクロールバーの動く部分*/
}
.is-inner ::-webkit-scrollbar-thumb {
  background-color: #696969;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 767px) {
  .is-inner ::-webkit-scrollbar-thumb {
    background-color: #696969;
  }
}

/***** TOP DRON *****/
.top-drone-wrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.top-drone-wrap.is-intersect {
  background-image: url("../images/top_drone_img.jpg");
}
@media only screen and (max-width: 767px) {
  .top-drone-wrap {
    background-image: none;
  }
  .top-drone-wrap.is-intersect {
    background-image: none;
  }
}

.top-drone-main-img {
  display: block;
}
.top-drone-main-img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .top-drone-main-img {
    display: none;
  }
}

.top-drone-main-img-sp {
  display: none;
}
.top-drone-main-img-sp img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .top-drone-main-img-sp {
    display: block;
  }
}

.top-drone-box-height {
  padding-top: 192px;
  padding-left: 560px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .top-drone-box-height {
    padding: 0;
  }
}

.top-drone-box {
  width: 450px;
  margin: 0 auto;
  padding: 30px;
  background-color: #81d8d0;
}
@media only screen and (max-width: 767px) {
  .top-drone-box {
    position: static;
    width: auto;
  }
}

.top-drone-text1 {
  margin-bottom: 10px;
  font-size: 1.375rem;
  line-height: 1.5;
  color: #231815;
}
@media only screen and (max-width: 767px) {
  .top-drone-text1 {
    font-size: 1rem;
  }
}

.top-drone-text2 {
  margin-bottom: 15px;
  font-size: 1.875rem;
  line-height: 1.6;
  color: #231815;
}
@media only screen and (max-width: 767px) {
  .top-drone-text2 {
    font-size: 1.375rem;
  }
}

.top-drone-text3 {
  margin-bottom: 5px;
  font-size: 1rem;
  line-height: 1.7;
  color: #231815;
}
@media only screen and (max-width: 767px) {
  .top-drone-text3 {
    margin-bottom: 22px;
    font-size: 0.75rem;
  }
}

.top-drone-box-logo {
  width: 60px;
}
@media only screen and (max-width: 767px) {
  .top-drone-box-logo {
    margin-bottom: 15px;
  }
}

.top-drone-box-btn {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .top-drone-box-btn {
    display: block;
  }
}

.top-drone-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse nowrap;
          flex-flow: row-reverse nowrap;
}
@media only screen and (max-width: 767px) {
  .top-drone-box-wrap {
    display: block;
    text-align: center;
  }
}

.top-drone-btn {
  display: inline-block;
  padding: 3px 15px;
  border: 1px solid #ffffff;
  border-radius: 0px;
  min-width: 210px;
  line-height: 1.4;
  background: transparent;
  color: #ffffff;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.top-drone-btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.top-drone-btn:hover {
  text-decoration: none;
  color: #81d8d0;
  background-color: #ffffff;
  position: relative;
}
.top-drone-btn:hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #81d8d0;
  border-bottom: 1px solid #81d8d0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}

.top-drone-box-logo {
  display: inline-block;
}

/***** TOP about *****/
.top-about {
  background-color: #EEEEEE;
}

.top-about-wrap {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .top-about-wrap {
    padding-top: 45px;
  }
}

.top-about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 78%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .top-about-list {
    width: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.top-about-list__item {
  margin-bottom: 45px;
  padding-left: 13px;
  padding-right: 13px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .top-about-list__item {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
  }
}
.top-about-list__item.is-new {
  position: relative;
}
.top-about-list__item.is-new::before {
  display: block;
  position: absolute;
  top: -15px;
  right: -10px;
  width: 150px;
  height: 95px;
  background: url(/images/top-about-list__item_new-icon.png) no-repeat;
  background-size: contain;
  content: "";
}
@media only screen and (max-width: 1280px) {
  .top-about-list__item.is-new::before {
    width: 120px;
    height: 76px;
  }
}
@media only screen and (max-width: 767px) {
  .top-about-list__item.is-new::before {
    top: -20px;
    right: 20px;
  }
}
.top-about-list__item.is-inspection {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .top-about-list__item.is-inspection {
    padding-top: 55px;
  }
}
.top-about-list__item.is-inspection .top-about-list__inspection-copy {
  display: block;
  position: absolute;
  top: -55px;
  right: 13px;
  padding: 10px 15px;
  border-radius: 10px;
  background: #81d8d0;
  font-size: 1rem;
  color: #ffffff;
  letter-spacing: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 1280px) {
  .top-about-list__item.is-inspection .top-about-list__inspection-copy {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .top-about-list__item.is-inspection .top-about-list__inspection-copy {
    top: 0;
  }
}
.top-about-list__item.is-inspection .top-about-list__inspection-copy::before {
  display: block;
  position: absolute;
  bottom: -20px;
  right: 40px;
  width: 12px;
  height: 20px;
  background: #81d8d0;
  clip-path: polygon(100% 0, 0 0, 30% 100%);
  content: "";
}

.top-about-list__link {
  display: block;
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
.top-about-list__link:hover {
  text-decoration: none;
}

.top-about-list__img {
  margin-bottom: 25px;
}
.top-about-list__img img {
  border-radius: 15px 15px 0 0;
}

.top-about-list__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 20px;
  font-size: 1.375rem;
  color: #393939;
}
@media only screen and (max-width: 1400px) {
  .top-about-list__ttl {
    font-size: 1.125rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 1100px) {
  .top-about-list__ttl {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .top-about-list__ttl {
    font-size: 1rem;
    white-space: nowrap;
  }
}

/***** TOP RECRUIT *****/
.top-recruit {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.top-recruit.is-intersect {
  background-image: url("../images/top_recruit_img.jpg");
}

@media only screen and (max-width: 767px) {
  .top-recruit-wrap {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.top-recruit-txt1 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 1.375rem;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .top-recruit-txt1 {
    font-size: 1rem;
  }
}

.top-recruit-txt2 {
  margin-bottom: 60px;
  font-size: 1rem;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .top-recruit-txt2 {
    font-size: 0.75rem;
  }
}

.top-recruit-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .top-recruit-list {
    display: block;
  }
}

.top-recruit-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 22px;
  margin-left: 22px;
  width: 299px;
  height: 360px;
  text-align: center;
}
.top-recruit-list__item:hover {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}
.top-recruit-list__item.is-1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.top-recruit-list__item.is-1.is-intersect {
  background-image: url("../images/top_recruit_img1.jpg");
}
.top-recruit-list__item.is-2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.top-recruit-list__item.is-2.is-intersect {
  background-image: url("../images/top_recruit_img2.jpg");
}
.top-recruit-list__item.is-3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.top-recruit-list__item.is-3.is-intersect {
  background-image: url("../images/top_recruit_img3.jpg");
}
@media only screen and (max-width: 767px) {
  .top-recruit-list__item {
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .top-recruit-list__item:last-child {
    margin-bottom: 0;
  }
}

.top-recruit-list__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top-recruit-list__link:hover {
  color: #ffffff;
  text-decoration: none;
}

.top-recruit-list__ttl {
  margin-top: 123px;
  color: #ffffff;
  font-size: 2.5rem;
}
.top-recruit-list__ttl.is-1 {
  margin-top: 107px;
  letter-spacing: -5px;
  line-height: 1.2;
}

.top-recruit-list__mini {
  display: block;
  color: #ffffff;
  font-size: 1.5rem;
}

.top-recruit-btn {
  display: inline-block;
  margin-top: 84px;
  padding: 3px 15px;
  border: 1px solid #ffffff;
  border-radius: 0px;
  min-width: 210px;
  line-height: 1.4;
  background: transparent;
  color: #ffffff;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.top-recruit-btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
.top-recruit-btn:hover {
  text-decoration: none;
  color: #ffffff;
}
.top-recruit-btn.is-1 {
  margin-top: 28px;
}

/***** TOP SNS *****/
.top-sns {
  padding-top: 75px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .top-sns {
    padding: 45px 30px;
  }
}

.top-sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 57px;
  margin-left: 57px;
}
@media only screen and (max-width: 767px) {
  .top-sns-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-right: 0;
    margin-left: 0;
  }
}

.top-sns-list__item {
  padding-right: 57px;
  padding-left: 57px;
}
@media only screen and (max-width: 767px) {
  .top-sns-list__item {
    padding-right: 0;
    padding-left: 0;
  }
}

.top-sns-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 42px;
  height: 42px;
  color: #ffffff;
  background-color: #000000;
  border-radius: 23px;
}
.top-sns-icon a {
  color: #ffffff;
}
.top-sns-icon.is-f {
  font-size: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .top-sns-icon.is-f {
    padding-left: 1px;
    font-size: 1.125rem;
  }
}
.top-sns-icon.is-t {
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .top-sns-icon.is-t {
    font-size: 0.875rem;
  }
}
.top-sns-icon.is-i {
  font-size: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .top-sns-icon.is-i {
    padding-left: 1px;
    font-size: 1.125rem;
  }
}
.top-sns-icon.is-y {
  padding-right: 1px;
}
.top-sns-icon.is-y img {
  width: 25px;
}
@media only screen and (max-width: 767px) {
  .top-sns-icon.is-y img {
    padding-bottom: 5px;
    width: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .top-sns-icon {
    width: 24px;
    height: 24px;
  }
}

/**************************************************/
/* media */
/**************************************************/
.top-media-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: -15px;
  margin-left: -15px;
}
.top-media-list.is-corporation .top-media-list__item {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .top-media-list.is-corporation .top-media-list__item {
    width: 50%;
  }
}

.top-media-list__item {
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 30px;
  width: 20%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .top-media-list__item {
    width: 50%;
  }
}
.top-media-list__item.is-small img {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .top-media-list__item.is-small img {
    width: 50%;
  }
}
.top-media-list__item.is-medium img {
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .top-media-list__item.is-medium img {
    width: 70%;
  }
}

/*** 2023/03/06追加 by ninomiya ***/
.ttl-collaboration-with-government {
  width: 100%;
  height: 56px;
  position: relative;
  display: inline-block;
  margin-top: 45px;
  margin-bottom: 20px;
}
.ttl-collaboration-with-government span {
  width: calc(100% - 80px);
  height: 56px;
  color: #393939;
  background: #81d8d0;
  font-size: 22px;
  line-height: 56px;
  display: inline-block;
  text-align: center;
  position: relative;
  left: 40px;
}
.ttl-collaboration-with-government::before {
  content: "";
  width: 0px;
  height: 0px;
  border-width: 28px 0 28px 40px;
  border-color: #81d8d0 #81d8d0 #81d8d0 transparent;
  border-style: solid;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.ttl-collaboration-with-government::after {
  content: "";
  width: 0px;
  height: 0px;
  border-width: 28px 40px 28px 0;
  border-color: #81d8d0 transparent #81d8d0 #81d8d0;
  border-style: solid;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .ttl-collaboration-with-government {
    height: 74px;
  }
  .ttl-collaboration-with-government span {
    width: calc(100% - 40px);
    height: 74px;
    font-size: 1rem;
    line-height: 1.2em;
    padding: 8px 0;
    left: 20px;
  }
  .ttl-collaboration-with-government::before {
    border-width: 37px 0 37px 20px;
  }
  .ttl-collaboration-with-government::after {
    border-width: 37px 20px 37px 0;
  }
}

.government-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .government-wrap {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.government-inner {
  width: calc(25% - 30px);
  padding: 20px 3%;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.government-inner img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .government-inner {
    width: calc(50% - 30px);
    padding: 30px 5%;
  }
}
.government-inner.is-Wide {
  padding: 20px 0;
}
@media only screen and (max-width: 767px) {
  .government-inner.is-Wide {
    padding: 30px 0;
  }
}

/**************************************************/
/* TOPバナースライド */
/**************************************************/
.p-top-banner {
  padding: 45px;
}
@media only screen and (max-width: 767px) {
  .p-top-banner {
    padding: 30px 15px;
  }
}

.p-top-banner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  max-height: calc((100vw - 150px) / 3 * 370 / 750);
  margin-bottom: 40px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-top-banner-list {
    max-height: calc((100vw - 30px) * 370 / 750);
  }
}
.p-top-banner-list.slick-initialized {
  max-height: calc((100vw - 150px) / 3 * 370 / 750 + 40px);
  margin-bottom: 0;
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .p-top-banner-list.slick-initialized {
    max-height: calc((100vw - 30px) * 370 / 750 + 40px);
  }
}

.p-top-banner-list__item {
  padding-left: 15px;
  padding-right: 15px;
  width: 33.33333%;
}
@media only screen and (max-width: 767px) {
  .p-top-banner-list__item {
    width: 100%;
  }
}

.p-top-banner-modal {
  text-align: center;
}

.p-top-banner-modal-bg {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 800px;
  padding: 30px;
  border: 5px solid #81d8d0;
  border-radius: 20px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .p-top-banner-modal-bg {
    width: 95%;
    border: 3px solid #81d8d0;
    padding: 30px 15px 15px;
  }
}
.p-top-banner-modal-bg.is-wide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: none;
  padding: 30px 0 0;
}
.p-top-banner-modal-bg.is-wide .p-top-banner-modal-contents {
  max-height: none;
  overflow-y: unset;
}
@media only screen and (max-width: 767px) {
  .p-top-banner-modal-bg.is-wide .p-renewal-modal-bg {
    padding: 0 0 30px;
  }
}

.p-top-banner-modal-contents {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left;
}

.p-top-banner-modal-close a {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 10px;
  color: #95979c;
  font-size: 1rem;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
}
@media only screen and (max-width: 767px) {
  .p-top-banner-modal-close a {
    right: 20px;
  }
}
.p-top-banner-modal-close a:hover {
  color: #81d8d0;
}

.p-top-google-kuchikomi {
  position: relative;
  background: #EEEEEE;
  overflow: hidden;
}
.p-top-google-kuchikomi::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 250px;
  background: url(/images/p-top-google-kuchikomi__bg.svg) no-repeat;
  background-size: contain;
  content: "";
}
.p-top-google-kuchikomi::after {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 660px;
  height: 250px;
  background: url(/images/p-top-google-kuchikomi__bg.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-top-google-kuchikomi::after {
    content: none;
  }
}

.p-top-google-kuchikomi__img {
  position: relative;
  z-index: 2;
}

.p-top-google-kuchikomi__link {
  display: block;
  position: relative;
}
.p-top-google-kuchikomi__link:hover .p-top-google-kuchikomi__hover-item {
  opacity: 1;
}

.p-top-google-kuchikomi__hover-item {
  display: -ms-grid;
  display: grid;
  place-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.p-top-google-kuchikomi__hover-txt {
  font-size: 1.75rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 500;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-top-google-kuchikomi__hover-txt {
    font-size: 0.875rem;
  }
}

.p-instagram-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
  row-gap: 1px;
}
@media only screen and (max-width: 767px) {
  .p-instagram-list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

.p-instagram-list__link {
  display: block;
  position: relative;
}
.p-instagram-list__link:hover .p-instagram-list__hover-item {
  opacity: 1;
}

.p-instagram-list__hover-item {
  display: -ms-grid;
  display: grid;
  place-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  font-size: 1.125rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 500;
  color: #ffffff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-instagram-list__hover-item {
    font-size: 0.6875rem;
  }
}

/**************************************************/
/* COMPANY */
/**************************************************/
.company-contents {
  margin-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .company-contents {
    margin-bottom: 60px;
  }
}
.company-contents:nth-child(even) {
  padding: 60px 500%;
  margin-right: -500%;
  margin-left: -500%;
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .company-contents:nth-child(even) {
    padding: 30px 500%;
  }
}

.company-main__img {
  margin-bottom: 30px;
}

.company-map iframe {
  width: 100%;
}

/**************************************************/
/* ABOUT */
/**************************************************/
/***** ABOUT 詳細 *****/
.about-article,
.about-media-article {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .about-article,
  .about-media-article {
    margin-bottom: 45px;
  }
}
.about-article.is-media:nth-child(even),
.about-media-article.is-media:nth-child(even) {
  padding: 90px 500%;
  margin-right: -500%;
  margin-left: -500%;
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .about-article.is-media:nth-child(even),
  .about-media-article.is-media:nth-child(even) {
    padding: 45px 15px;
    margin-right: -15px;
    margin-left: -15px;
  }
}

.about-article:nth-child(even) {
  padding: 90px 500%;
  margin-right: -500%;
  margin-left: -500%;
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .about-article:nth-child(even) {
    padding: 45px 15px;
    margin-right: -15px;
    margin-left: -15px;
  }
}

.about-main {
  margin-bottom: 90px;
}

.about-box {
  margin-bottom: 90px;
}

.about-img {
  margin-bottom: 15px;
}

.about-body {
  margin-bottom: 30px;
  line-height: 1.8;
}

/***** スクール アバウト *****/
.school-about {
  border-top: 1px solid #EEEEEE;
}

.school-about__body {
  margin-bottom: 45px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-about__body {
    margin-bottom: 0;
    font-size: 14px;
    text-align: left;
  }
}

.school-about-contents {
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .school-about-contents2 {
    margin-top: 45px;
  }
}

.school-about-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.school-about-contents-list__item {
  width: 50%;
}

/***** スクール リクルート *****/
.school-reason-contents {
  position: relative;
}

.school-reason-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .school-reason-contents-list {
    display: block;
  }
}

.school-reason-contents-list__item {
  position: relative;
  width: 460px;
}
@media only screen and (max-width: 767px) {
  .school-reason-contents-list__item {
    width: auto;
  }
}
.school-reason-contents-list__item:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 767px) {
  .school-reason-contents-list__item:last-child {
    margin-top: 75px;
    margin-bottom: 75px;
  }
}
.school-reason-contents-list__item:last-child img {
  width: 100%;
}

.school-reason-txt {
  position: relative;
  z-index: 1;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .school-reason-txt {
    text-align: center;
  }
}

.school-reason-number1 {
  position: absolute;
  top: 35px;
  right: 0;
  width: 120px;
}
@media only screen and (max-width: 767px) {
  .school-reason-number1 {
    top: -15px;
    right: 0;
  }
}

.school-reason-contents-img {
  margin-top: 240px;
}
@media only screen and (max-width: 767px) {
  .school-reason-contents-img {
    margin-top: 90px;
    margin-bottom: 30px;
  }
}

.school-reason-contents-txt {
  position: relative;
}

.school-reason-contents-desc {
  position: absolute;
  top: 120px;
}
@media only screen and (max-width: 767px) {
  .school-reason-contents-desc {
    position: static;
  }
}

.school-btn {
  position: absolute;
  right: 230px;
  top: -25px;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .school-btn {
    position: static;
    margin-top: 35px;
  }
}

.btn-more-school {
  margin-top: 15px;
  text-align: center;
}
.btn-more-school.is-course {
  margin-top: 55px;
}
.btn-more-school.is-a {
  margin-top: 40px;
}
.btn-more-school.is-entry {
  margin-bottom: 20px;
}
.btn-more-school.is-mt-20 {
  margin-top: 20px;
}

.c-btn-school {
  display: inline-block;
  padding: 12px 15px;
  border: 2px solid #ffffff;
  border-radius: 40px;
  min-width: 270px;
  line-height: 1.4;
  background: -webkit-gradient(linear, left top, left bottom, from(#79c6ef), to(#1995e8));
  background: linear-gradient(to bottom, #79c6ef, #1995e8);
  color: #ffffff;
  font-size: 1.375rem;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 100ms 0s ease;
  transition: all 100ms 0s ease;
}
.c-btn-school:hover {
  color: #ffffff;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .c-btn-school {
    margin: 0;
    padding: 7px 20px;
    min-width: 270px;
    border: 3px solid #ffffff;
    border-radius: 23px;
    font-size: 1rem;
  }
  .c-btn-school:hover {
    margin: 0;
  }
}

/***** スクール タイム *****/
@media only screen and (max-width: 767px) {
  .school-time {
    padding-bottom: 15px;
  }
}

.school-time-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
@media only screen and (max-width: 767px) {
  .school-time-contents-list {
    display: block;
  }
}

.school-time-contents-list__item {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-time-contents-list__item {
    width: auto;
  }
}

.school-time-contents-img {
  margin-bottom: 15px;
  text-align: left;
}
.school-time-contents-img img {
  width: 422px;
}
@media only screen and (max-width: 767px) {
  .school-time-contents-img {
    width: auto;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .school-time-contents-img-wrap {
    margin-top: 90px;
  }
}

.school-time-contents {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .school-time-contents {
    margin-top: 50px;
  }
}

.school-reason-number2 {
  position: absolute;
  top: 160px;
  left: 800px;
  width: 147px;
}
@media only screen and (max-width: 767px) {
  .school-reason-number2 {
    top: -50px;
    left: auto;
    right: 0;
  }
}

.school-time-contents-ttl {
  position: relative;
  z-index: 888;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .school-time-contents-ttl {
    text-align: center;
  }
}

.school-time-txt {
  position: absolute;
  left: 510px;
  top: 215px;
}
@media only screen and (max-width: 767px) {
  .school-time-txt {
    position: static;
    padding-top: 45px;
    text-align: center;
  }
}

/***** スクール サポート *****/
.school-support-contents-ttl {
  position: relative;
  z-index: 888;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .school-support-contents-ttl {
    text-align: center;
  }
}

.school-support-contents {
  position: relative;
}

.school-support-number3 {
  position: absolute;
  width: 147px;
  top: 212px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .school-support-number3 {
    top: -15px;
    left: auto;
    right: 0;
  }
}

.school-support-contents-img {
  width: 460px;
}
@media only screen and (max-width: 767px) {
  .school-support-contents-img {
    padding-top: 30px;
    width: auto;
    text-align: center;
  }
}

.school-support-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .school-support-contents-list {
    display: block;
  }
}

.school-support-contents-list__item {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-support-contents-list__item {
    width: auto;
  }
}

.school-support-txt {
  position: absolute;
  top: 100px;
}
@media only screen and (max-width: 767px) {
  .school-support-txt {
    position: static;
    padding-top: 30px;
  }
}

/***** スクール コース *****/
.school-course.is-06 {
  padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .school-course.is-06 {
    padding-bottom: 30px;
  }
}
.school-course.is-bg {
  background-color: #ebf6f7;
}

.school-course-contents-ttl {
  position: relative;
  z-index: 888;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-ttl {
    text-align: center;
  }
}

.school-course-contents {
  position: relative;
}

.school-course-number4 {
  position: absolute;
  width: 147px;
  top: 190px;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .school-course-number4 {
    top: -15px;
    right: 0;
  }
}

.school-course-number6 {
  position: absolute;
  width: 147px;
  top: 225px;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .school-course-number6 {
    top: -15px;
    right: 0;
  }
}

.school-course-contents-img {
  width: 460px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-img {
    padding-top: 30px;
    width: auto;
    text-align: center;
  }
}
.school-course-contents-img img {
  width: 415px;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-img img {
    width: auto;
  }
}

.school-course-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-list {
    display: block;
  }
}

.school-course-contents-list__item {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-list__item {
    width: auto;
  }
}

.school-course-txt {
  position: absolute;
  top: 145px;
  left: 495px;
}
@media only screen and (max-width: 767px) {
  .school-course-txt {
    position: static;
    padding-top: 30px;
  }
}

/***** スクール インストラクター *****/
.school-instructor {
  padding-bottom: 145px;
  background-color: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .school-instructor {
    padding-bottom: 20px;
  }
}

.school-instructor-contents-ttl {
  position: relative;
  z-index: 888;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .school-instructor-contents-ttl {
    text-align: center;
  }
}

.school-instructor-contents {
  position: relative;
}

.school-instructor-number5 {
  position: absolute;
  width: 147px;
  top: 290px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .school-instructor-number5 {
    top: -15px;
    left: auto;
    right: 0;
  }
}

.school-instructor-contents-img {
  width: 460px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .school-instructor-contents-img {
    padding-top: 30px;
    width: auto;
    text-align: center;
  }
}
.school-instructor-contents-img img {
  width: 415px;
}
@media only screen and (max-width: 767px) {
  .school-instructor-contents-img img {
    width: auto;
  }
}

.school-instructor-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .school-instructor-contents-list {
    display: block;
  }
}

.school-instructor-contents-list__item {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-instructor-contents-list__item {
    width: auto;
  }
}

.school-instructor-txt {
  position: absolute;
  top: 200px;
  left: 0px;
}
@media only screen and (max-width: 767px) {
  .school-instructor-txt {
    position: static;
    padding-top: 30px;
  }
}

/***** スクール 受講コース *****/
.school-attendance-contents {
  position: relative;
}

.school-attendance-contents-img {
  text-align: right;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-img {
    padding-top: 15px;
    width: auto;
    text-align: center;
  }
}
.school-attendance-contents-img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-img img {
    width: auto;
  }
}

.school-attendance-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: -10px;
  margin-left: -10px;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-list {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
}
.school-attendance-contents-list:has(> :nth-child(2):last-child) .school-attendance-contents-list__item {
  width: 38%;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-list:has(> :nth-child(2):last-child) .school-attendance-contents-list__item {
    width: auto;
  }
}
.school-attendance-contents-list:has(> :nth-child(2):last-child) .school-attendance-contents-list__item.is-Big {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-list:has(> :nth-child(2):last-child) .school-attendance-contents-list__item.is-Big {
    width: auto;
  }
}
.school-attendance-contents-list:has(> :nth-child(2):last-child) .school-attendance-contents-list__item.is-Small {
  width: 32%;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-list:has(> :nth-child(2):last-child) .school-attendance-contents-list__item.is-Small {
    width: auto;
  }
}

.school-attendance-contents-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}
.school-attendance-contents-list__item img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-list__item {
    display: block;
    width: auto;
    padding-right: 0;
    padding-left: 0;
  }
}
.school-attendance-contents-list__item.is-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-list__item.is-text {
    display: block;
  }
}

.school-attendance-contents-wrap {
  margin-top: 60px;
  padding: 60px 15px;
  text-align: center;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-wrap {
    margin-top: 65px;
    padding: 30px 15px !important;
  }
}
.school-attendance-contents-wrap.is-corporation {
  margin-top: 0;
  border-radius: 60px;
}

.school-attendance-contents-img-wrap {
  width: 590px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-img-wrap {
    width: auto !important;
  }
}
.school-attendance-contents-img-wrap.is-corporation {
  width: 840px;
}
.school-attendance-contents-img-wrap.is-wide {
  width: 650px;
}

.school-attendance-contents-wrap2 {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .school-attendance-contents-wrap2 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}

.school-attendance-table-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: -10px;
  margin-left: -10px;
}
@media only screen and (max-width: 767px) {
  .school-attendance-table-list {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
}
.school-attendance-table-list.is-padding {
  margin-right: 0;
  margin-left: 0;
}
.school-attendance-table-list.is-corporation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: -10px;
  margin-left: -10px;
}
.school-attendance-table-list:has(> :nth-child(2):last-child) .school-attendance-table-list__item {
  width: 38%;
}
@media only screen and (max-width: 767px) {
  .school-attendance-table-list:has(> :nth-child(2):last-child) .school-attendance-table-list__item {
    width: auto;
  }
}

.school-attendance-contents__txt {
  margin-top: 15px;
  font-size: 0.75rem;
  text-align: center;
}

.school-attendance-table-list__item {
  width: 33.33%;
  padding-right: 10px;
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .school-attendance-table-list__item {
    width: auto;
    padding-top: 15px;
    padding-right: 0;
    padding-left: 0;
  }
}
.school-attendance-table-list__item img {
  width: 100%;
}
.school-attendance-table-list__item p {
  width: 100%;
  font-size: 0.75rem;
  text-align: right;
}
.school-attendance-table-list__item.is-padding {
  padding-right: 0;
  padding-left: 0;
}
.school-attendance-table-list__item.is-corporation {
  padding-right: 10px;
  padding-left: 10px;
}
.school-attendance-table-list__item.is-corporation p {
  margin-top: 15px;
  font-size: 1.375rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-attendance-table-list__item.is-corporation p {
    font-size: 1rem;
  }
}

/***** スクール 他との違い *****/
.school-difference-contents {
  overflow-x: auto;
  white-space: nowrap;
}

.school-comparison-table {
  padding-top: 60px;
  text-align: center;
}
.school-comparison-table img {
  width: 100%;
}

/***** スクール アフター *****/
.school-after {
  background-image: url("../images/school-bg.svg");
  background-position: center;
  background-size: 46px;
}

.school-after-contents {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .school-after-contents {
    padding-top: 0;
  }
}

/* // 20241010 修正指示にて表示方法を後述に変更
.school-after-list {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	left: 30px;
	@include media(sp) {
		display: block;
		left: 10px;
	}
}
.school-after-list__item {
	width: 33.3333%;
	@include media(sp) {
		width: auto;
	}
	& img {
		width: 100%;
	}
}
*/
.school-after-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .school-after-list {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .school-after-list.is-about .school-after-list__item:nth-child(n+2) {
    margin-top: 20px;
  }
}

.school-after-list__item {
  width: 33.3333%;
  text-align: center;
}
.school-after-list__item:nth-child(n+4) {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .school-after-list__item {
    width: 100%;
  }
  .school-after-list__item:nth-child(n+4) {
    margin-top: 0;
  }
}

.school-after-list__txt {
  letter-spacing: 0;
}

.school-after-list__img {
  margin: 10px 20px 0;
}
@media only screen and (max-width: 767px) {
  .school-after-list__img {
    width: 80%;
    margin: 10px auto 0;
  }
}
.school-after-list__img img {
  width: auto;
  height: auto;
  border-radius: 15px;
}

/***** スクール 卒業生 *****/
.school-graduate-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .school-graduate-list {
    display: block;
  }
}

.school-graduate-list__item {
  position: relative;
  width: 33.333%;
}
@media only screen and (max-width: 767px) {
  .school-graduate-list__item {
    margin: 0 auto;
    width: 330px;
    text-align: center;
  }
}

.btn-more-graduate {
  position: absolute;
  left: 48px;
  bottom: 60px;
}

.school-graduate-contents2 {
  margin-top: 75px;
}
@media only screen and (max-width: 767px) {
  .school-graduate-contents2 {
    margin-top: 60px;
  }
}

.school-graduate-list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .school-graduate-list2 {
    display: block;
  }
}

.school-graduate-list__item2 {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-graduate-list__item2 {
    width: auto;
    text-align: center;
  }
}

.school-graduate-ttl {
  margin-bottom: 45px;
  font-size: 1.75rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .school-graduate-ttl {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 1.125rem;
    text-align: center;
  }
}
.school-graduate-ttl.is-center {
  text-align: center;
}

.school-graduate-txt {
  font-size: 1rem;
  line-height: 1.6;
}

.school-graduate-contents3 {
  margin-top: 75px;
}

.school-graduate-list3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -5px;
}
@media only screen and (max-width: 767px) {
  .school-graduate-list3 {
    display: block;
    margin: 0;
  }
}

.school-graduate-list__item3 {
  width: 33.333%;
  padding: 0 5px;
}
@media only screen and (max-width: 767px) {
  .school-graduate-list__item3 {
    width: auto;
    padding: 0;
    padding-bottom: 15px;
    text-align: center;
  }
}

.school-graduate-desc {
  padding-top: 5px;
  font-size: 1rem;
  text-align: center;
}

.second-middle-ttl {
  margin-top: 45px;
  font-size: 1.75rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .second-middle-ttl {
    margin-top: 30px;
    font-size: 0.875rem;
  }
}

.second-small-ttl {
  margin-top: 60px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .second-small-ttl {
    margin-top: 30px;
    font-size: 0.875rem;
  }
}
.second-small-ttl.is-center {
  text-align: center;
}
.second-small-ttl.is-bg {
  padding: 10px;
  background-color: #ffffff;
  border-radius: 23px;
  font-size: 1.375rem;
  text-align: center;
}
.second-small-ttl.is-height {
  margin-top: 0;
  line-height: 1.875rem;
}

/***** スクール 市場 *****/
.school-market-contents {
  margin: 0 auto;
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .school-market-contents {
    width: auto;
  }
}

.school-market-ttl {
  margin-top: 45px;
  font-size: 1.75rem;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .school-market-ttl {
    font-size: 0.875rem;
  }
}
.school-market-ttl span {
  display: block;
  font-weight: bold;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .school-market-ttl span {
    font-size: 0.75rem;
  }
}

.school-market-graph1 {
  margin-top: 30px;
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .school-market-graph1 {
    margin-bottom: 60px;
  }
}

/***** スクール サービス *****/
.school-service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 45px;
  margin-right: -10px;
  margin-left: -10px;
}
@media only screen and (max-width: 767px) {
  .school-service-list {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
}

.school-service-list__item {
  width: 33.333%;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .school-service-list__item {
    width: auto;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 15px;
  }
}
.school-service-list__item img {
  width: 100%;
}

.school-service-ttl {
  padding-top: 10px;
  font-size: 1rem;
  font-weight: bold;
}

.school-service-desc {
  padding-top: 8px;
  font-size: 0.75rem;
}

/***** スクール 質問 *****/
.school-question-list {
  padding-top: 15px;
}

.school-question-list__item {
  position: relative;
  margin-bottom: 30px;
  padding: 15px 60px 15px 105px;
  background-color: #ffffff;
  border: 2px solid #00b39e;
  border-radius: 23px;
}
@media only screen and (max-width: 767px) {
  .school-question-list__item {
    position: static;
    padding: 15px;
  }
}

.school-question-number {
  display: block;
  position: absolute;
  top: 8px;
  left: 15px;
  color: #00b39e;
  font-size: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .school-question-number {
    position: static;
    font-size: 1.875rem;
    text-align: center;
  }
}

.school-question-q {
  color: #00b39e;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .school-question-q {
    text-align: center;
  }
}

.school-question-a {
  padding-top: 5px;
  font-size: 1rem;
}

/***** スクール PV *****/
.school-pv-movie-wrap {
  overflow: hidden;
  position: relative;
  margin-top: 45px;
  margin-bottom: 50px;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
}
.school-pv-movie-wrap iframe {
  border: 10px solid #d1f6ff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/***** スクール 体験会 *****/
.school-experience {
  background-image: linear-gradient(-45deg, #fef823 20%, #ffffff 20%, #ffffff 45%, #fef823 45%, #fef823 70%, #ffffff 70%, #ffffff);
  background-size: 15px 15px;
  background-attachment: fixed;
  background-position: center;
  margin-bottom: -120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .school-experience {
    padding-bottom: 50px;
    margin-bottom: -50px;
  }
}
.school-experience.is-middle {
  margin: 0;
  padding: 0;
}

.school-experience-label {
  margin: 0 auto;
  margin-bottom: 30px;
  width: 360px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-experience-label {
    width: auto;
  }
}

.school-experience-contents {
  background-color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 767px) {
  .school-experience-contents {
    padding: 30px 15px 45px 15px;
  }
}

.school-experience-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .school-experience-contents-list {
    display: block;
    position: static;
  }
}

.school-experience-contents-list__item:last-child {
  padding: 140px 0 30px 30px;
}
@media only screen and (max-width: 767px) {
  .school-experience-contents-list__item:last-child {
    padding: 0;
  }
}
.school-experience-contents-list__item.is-1 {
  width: 375px;
}
@media only screen and (max-width: 767px) {
  .school-experience-contents-list__item.is-1 {
    width: auto;
  }
}
.school-experience-contents-list__item.is-2 {
  width: 615px;
}
@media only screen and (max-width: 767px) {
  .school-experience-contents-list__item.is-2 {
    width: auto;
  }
}

.school-experience-img-list {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .school-experience-img-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -3px;
    margin-left: -3px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 15px;
  }
}

.school-experience-img {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .school-experience-img {
    padding-right: 3px;
    padding-left: 3px;
    width: 50%;
    text-align: left;
  }
}

.school-experience-supplement-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  top: 30px;
  left: 25px;
  width: 580px;
  margin-right: -10px;
  margin-left: -10px;
}
@media only screen and (max-width: 767px) {
  .school-experience-supplement-wrap {
    position: static;
    width: auto;
    margin-right: -5px;
    margin-left: -5px;
    padding-bottom: 15px;
  }
}

.school-experience-supplement {
  margin-bottom: 10px;
  width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .school-experience-supplement {
    padding-right: 5px;
    padding-left: 5px;
  }
}

.school-experience-txt-wrap1 {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .school-experience-txt-wrap1 {
    margin-bottom: 45px;
  }
}

.school-experience-ttl {
  margin-bottom: 15px;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .school-experience-ttl {
    text-align: center;
  }
}

.school-experience-txt {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .school-experience-txt {
    text-align: center;
  }
}

.school-entry__txt {
  padding-bottom: 5px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .school-entry__txt {
    font-weight: normal;
  }
}
.school-entry__txt i {
  padding-top: 5px;
  font-size: 1.5rem;
  color: #00a1e9;
}

/***** スクール ニュース *****/
.school-news_column {
  background-image: url("../images/school-bg.svg");
  background-position: center;
  background-size: 46px;
}

.school-news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .school-news-list {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
}

.school-news-list__item {
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .school-news-list__item {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
    width: auto;
  }
}

.school-news-list__link {
  display: block;
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
.school-news-list__link:hover {
  text-decoration: none;
}
.school-news-list__link:hover img {
  opacity: 0.8;
}
.school-news-list__link.is-match-height {
  height: 100%;
}

.school-news-list__img {
  margin-bottom: 15px;
}
.school-news-list__img img {
  border-radius: 15px 15px 0 0;
}

.news-list__head {
  padding-right: 15px;
  padding-left: 15px;
}

.school-news-list__ttl {
  padding: 0 15px 30px 15px;
  text-align: center;
  color: #393939;
}

.school-column {
  padding-top: 90px;
}
@media only screen and (max-width: 767px) {
  .school-column {
    padding-top: 60px;
  }
}

/***** スクール スペシャルサンクス *****/
.school-thanks_pc {
  display: block;
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .school-thanks_pc {
    display: none;
  }
}

.school-thanks_sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .school-thanks_sp {
    display: block;
  }
}

/***** スクール アバウト 特徴 *****/
.school-about-card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin-right: -12px;
  margin-left: -12px;
  margin-bottom: 90px;
}
.school-about-card-list:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 5px);
  left: 50%;
  width: 50px;
  height: 50px;
  border-style: solid;
  border-color: transparent transparent #81d8d0 #81d8d0;
  border-width: 5px;
  -webkit-transform: rotate(-45deg) translateX(-50%);
          transform: rotate(-45deg) translateX(-50%);
}

.school-about-card-list__item {
  width: 33.333%;
  padding-right: 12px;
  padding-left: 12px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .school-about-card-list__item {
    width: 50%;
    padding-bottom: 15px;
  }
}

/***** スクール アバウト コース *****/
.school-about-contents-wrap {
  margin-top: 60px;
  padding: 60px 0;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  background-color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-about-contents-wrap {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.school-about-txt {
  font-size: 1.75rem;
}
.school-about-txt i {
  margin-right: 5px;
  color: #81d8d0;
}

.school-about-desc {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .school-about-desc {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.school-about-desc p {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .school-about-desc img {
    width: auto;
    height: auto;
  }
}

.school-about-contents-box {
  position: relative;
  padding-bottom: 90px;
}
.school-about-contents-box:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 68px);
  left: 50%;
  width: 50px;
  height: 50px;
  border-style: solid;
  border-color: transparent transparent #81d8d0 #81d8d0;
  border-width: 5px;
  -webkit-transform: rotate(-45deg) translateX(-50%);
          transform: rotate(-45deg) translateX(-50%);
}
.school-about-contents-box.is-corporation:after {
  top: calc(100% - 100px);
}

.school-about-environment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
@media only screen and (max-width: 767px) {
  .school-about-environment {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
}

.school-about-environment__item {
  width: 25%;
  padding-right: 5px;
  padding-left: 5px;
}
@media only screen and (max-width: 767px) {
  .school-about-environment__item {
    width: auto;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 15px;
  }
}

.school-about-environment__name {
  margin-top: 5px;
  font-size: 0.75rem;
  text-align: right;
}

.school-about-schedule-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}
@media only screen and (max-width: 767px) {
  .school-about-schedule-list {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
}

.school-about-schedule-list__item {
  width: 50%;
  padding-right: 12px;
  padding-left: 12px;
}
@media only screen and (max-width: 767px) {
  .school-about-schedule-list__item {
    width: auto;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 15px;
  }
}

.school-about-contents-img-wrap {
  padding: 0 75px;
}
@media only screen and (max-width: 767px) {
  .school-about-contents-img-wrap {
    padding: 0;
  }
}

.school-about-schedule-note {
  padding-top: 30px;
  color: #ff0000;
}

/***** スクール アバウト 資格 *****/
.school-about-qualification-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -60px;
  margin-left: -60px;
}
@media only screen and (max-width: 767px) {
  .school-about-qualification-list {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
}

.school-about-qualification-list__item {
  width: 50%;
  padding-right: 60px;
  padding-left: 60px;
}
.school-about-qualification-list__item:first-child {
  position: relative;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .school-about-qualification-list__item:first-child {
    padding-bottom: 90px;
    text-align: center;
  }
}
.school-about-qualification-list__item:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 50px);
  right: 10px;
  width: 50px;
  height: 50px;
  border-style: solid;
  border-color: transparent transparent #81d8d0 #81d8d0;
  border-width: 5px;
  -webkit-transform: rotate(-130deg) translateX(-50%);
          transform: rotate(-130deg) translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .school-about-qualification-list__item:first-child:after {
    top: calc(100% - 98px);
    right: auto;
    left: 50%;
    -webkit-transform: rotate(-45deg) translateX(-50%);
            transform: rotate(-45deg) translateX(-50%);
  }
}
.school-about-qualification-list__item:first-child.is-dpa:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 158px);
  right: 2px;
  width: 50px;
  height: 50px;
  border-style: solid;
  border-color: transparent transparent #81d8d0 #81d8d0;
  border-width: 5px;
  -webkit-transform: rotate(-130deg) translateX(-50%);
          transform: rotate(-130deg) translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .school-about-qualification-list__item:first-child.is-dpa:after {
    top: calc(100% - 102px);
    right: auto;
    left: 50%;
    -webkit-transform: rotate(-45deg) translateX(-50%);
            transform: rotate(-45deg) translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .school-about-qualification-list__item {
    width: auto;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
}

.school-about-qualification-txt {
  padding-bottom: 30px;
}

/***** スクール お台場 メインヴィジュアル *****/
.school-odaiba-main-visual__slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 655px;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-main-visual__slide {
    display: none;
  }
}

.school-odaiba-main-visual {
  position: relative;
  z-index: 15;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-main-visual {
    background-image: url("../images/school-odaiba-bg-img.jpg");
    background-size: cover;
  }
}

.school-odaiba-main-visual-wrap {
  padding: 120px 168px 114px 168px;
  position: relative;
  z-index: 30;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-main-visual-wrap {
    position: static;
    padding: 45px 0;
    background-image: none;
  }
}

.school-odaiba-main-visual-logo,
.school-kisarazu-main-visual-logo,
.school-yokkaichi-main-visual-logo,
.school-osaka-main-visual-logo,
.school-saitama-main-visual-logo {
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-main-visual-logo,
  .school-kisarazu-main-visual-logo,
  .school-yokkaichi-main-visual-logo,
  .school-osaka-main-visual-logo,
  .school-saitama-main-visual-logo {
    width: auto;
    padding-bottom: 50px;
  }
}

.school-odaiba-main-visual-txt {
  text-align: center;
}

.school-odaiba-main-visual-list,
.school-main-visual-points-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 45px;
  margin-right: -10px;
  margin-left: -10px;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-main-visual-list,
  .school-main-visual-points-list {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding-top: 60px;
  }
}

.school-odaiba-main-visual-list__item,
.school-main-visual-points-list__item {
  width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-main-visual-list__item,
  .school-main-visual-points-list__item {
    width: auto;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 30px;
  }
}

.school-odaiba-main-visual__list img {
  -webkit-filter: opacity(55%);
          filter: opacity(55%);
}

.school-odaiba__attention {
  color: #f56e6e;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 60px;
}

/***** スクール お台場 テーブル *****/
.school-odaiba-tbl-map-wrap,
.school-profile-tbl-map-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -6px;
  margin-left: -6px;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-tbl-map-wrap,
  .school-profile-tbl-map-wrap {
    display: block;
    margin: 0 auto;
    padding-top: 60px;
  }
}

.school-odaiba-tbl-list,
.school-odaiba-map,
.school-profile-tbl-list,
.school-profile-map {
  width: 50%;
  padding-right: 6px;
  padding-left: 6px;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-tbl-list,
  .school-odaiba-map,
  .school-profile-tbl-list,
  .school-profile-map {
    width: auto;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 30px;
  }
}

.school-odaiba-map,
.school-profile-map {
  text-align: right;
}
.school-odaiba-map a,
.school-profile-map a {
  font-size: 0.75rem;
}

.school-odaiba-map-wrap,
.school-profile-map-wrap {
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-map-wrap,
  .school-profile-map-wrap {
    height: 360px;
  }
}
.school-odaiba-map-wrap iframe,
.school-profile-map-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about-tbl-main-ttl {
  padding: 6px 25px;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#79c6ef), to(#1995e8));
  background: linear-gradient(to bottom, #79c6ef, #1995e8);
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .about-tbl-main-ttl {
    padding: 6px 10px;
  }
}

/***** スクール お台場 特徴 *****/
.school-reason-contents-list {
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .school-reason-contents-list {
    margin-right: 0;
  }
}

.school-odaiba-contents-list__item,
.school-shibuya-contents-list__item,
.school-contents-list__item {
  position: relative;
  margin-bottom: 30px;
  padding-right: 15px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-contents-list__item,
  .school-shibuya-contents-list__item,
  .school-contents-list__item {
    padding-right: 0;
    width: auto;
    text-align: center;
  }
}
.school-odaiba-contents-list__item.is-vr,
.school-shibuya-contents-list__item.is-vr,
.school-contents-list__item.is-vr {
  margin-bottom: 15px;
}
.school-odaiba-contents-list__item.is-vr img,
.school-shibuya-contents-list__item.is-vr img,
.school-contents-list__item.is-vr img {
  width: 100%;
}

.school-odaiba-contents-list__txt {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 25px;
  background-color: #ffffff;
  line-height: 1.875rem;
  white-space: nowrap;
}
.school-odaiba-contents-list__txt.is-blue {
  background-color: #ebf6f7;
}

.school-odaiba-movie,
.school-shibuya-movie {
  background-image: linear-gradient(-45deg, #fef823 20%, #ffffff 20%, #ffffff 45%, #fef823 45%, #fef823 70%, #ffffff 70%, #ffffff);
  background-size: 15px 15px;
  background-attachment: fixed;
  margin-bottom: -120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-movie,
  .school-shibuya-movie {
    padding-bottom: 50px;
    margin-bottom: -50px;
  }
}

.school-odaiba-movie-wrap,
.school-shibuya-movie-wrap {
  overflow: hidden;
  position: relative;
  margin-top: 45px;
  margin-bottom: 50px;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
}
.school-odaiba-movie-wrap iframe,
.school-shibuya-movie-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
}
.school-odaiba-movie-wrap.is-rental,
.school-shibuya-movie-wrap.is-rental {
  margin-bottom: 10px;
}

/***** スクール 渋谷 メインヴィジュアル *****/
.school-shibuya-main-visual {
  background-image: url("../images/school-shibuya-bg.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .school-shibuya-main-visual {
    background-image: url("../images/school/shibuya-bg-img.jpg");
    background-size: auto 100%;
    background-position: top center;
  }
}

.school-shibuya-main-visual-wrap {
  padding: 60px 168px 114px 168px;
  background-image: url("../images/school/shibuya-bg-img.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .school-shibuya-main-visual-wrap {
    padding: 0;
    padding-top: 68px;
    padding-bottom: 45px;
    background-image: none;
  }
}

.school-shinjuku-main-visual {
  background-image: url("../images/school-shinjuku-bg2.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .school-shinjuku-main-visual {
    background-image: url("../images/school-shinjuku-bg-img2.jpg");
    background-size: auto 100%;
    background-position: top center;
  }
}

.school-shinjuku-main-visual-wrap {
  padding: 60px 168px 114px 168px;
  background-image: url("../images/school-shinjuku-bg-img2.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .school-shinjuku-main-visual-wrap {
    padding: 0;
    padding-top: 68px;
    padding-bottom: 45px;
    background-image: none;
  }
}

.school-chibamakuhari-main-visual {
  background: url("../images/school/chibamakuhari-fv-bg.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-chibamakuhari-main-visual {
    background: url("../images/school/chibamakuhari-fv-main.jpg") center center no-repeat;
    background-size: cover;
  }
}

.school-chibamakuhari-main-visual-wrap {
  padding: 60px 168px 114px 168px;
  background: url("../images/school/chibamakuhari-fv-main.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-chibamakuhari-main-visual-wrap {
    padding: 68px 0 45px 0;
    background: none;
  }
}

.school-yokohama-main-visual {
  background: url("../images/school/yokohama-fv-bg.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-yokohama-main-visual {
    background: url("../images/school/yokohama-fv-main.jpg") center center no-repeat;
    background-size: cover;
  }
}

.school-yokohama-main-visual-wrap {
  padding: 60px 168px 114px 168px;
  background: url("../images/school/yokohama-fv-main.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-yokohama-main-visual-wrap {
    padding: 68px 0 45px 0;
    background: none;
  }
}

.school-shimonoseki-main-visual {
  background: url("../images/school/shimonoseki-fv-bg.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-shimonoseki-main-visual {
    background: url("../images/school/shimonoseki-fv-main.jpg") center center no-repeat;
    background-size: cover;
  }
}

.school-shimonoseki-main-visual-wrap {
  padding: 60px 168px 114px 168px;
  background: url("../images/school/shimonoseki-fv-main.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-shimonoseki-main-visual-wrap {
    padding: 68px 0 45px 0;
    background: none;
  }
}

.school-kisarazu-main-visual {
  background: url("../images/school/kisarazu-fv-bg.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-kisarazu-main-visual {
    background: url("../images/school/kisarazu-fv-main.jpg") center center no-repeat;
    background-size: cover;
  }
}

.school-kisarazu-main-visual-wrap {
  padding: 120px 168px 114px 168px;
  background: url("../images/school/kisarazu-fv-main.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-kisarazu-main-visual-wrap {
    padding: 68px 0 45px 0;
    background: none;
  }
}

.school-yokkaichi-main-visual {
  background: url("../images/school/yokkaichi-fv-bg.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-yokkaichi-main-visual {
    background: url("../images/school/yokkaichi-fv-main.jpg") center center no-repeat;
    background-size: cover;
  }
}

.school-yokkaichi-main-visual-wrap {
  padding: 120px 168px 114px 168px;
  background: url("../images/school/yokkaichi-fv-main.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-yokkaichi-main-visual-wrap {
    padding: 68px 0 45px 0;
    background: none;
  }
}

.school-osaka-main-visual {
  background: url("../images/school/osaka-fv-bg.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-osaka-main-visual {
    background: url("../images/school/osaka-fv-main.jpg") 10% center no-repeat;
    background-size: cover;
  }
}

.school-osaka-main-visual-wrap {
  padding: 120px 168px 114px 168px;
  background: url("../images/school/osaka-fv-main.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-osaka-main-visual-wrap {
    padding: 68px 0 45px 0;
    background: none;
  }
}

.school-saitama-main-visual {
  background: url("../images/school/saitama-fv-bg.jpg") no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-saitama-main-visual {
    background: url("../images/school/saitama-fv-main.jpg") center center no-repeat;
    background-size: cover;
  }
}

.school-saitama-main-visual-wrap {
  padding: 120px 168px 114px 168px;
  background: url("../images/school/saitama-fv-main.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .school-saitama-main-visual-wrap {
    padding: 68px 0 45px 0;
    background: none;
  }
}

.school-about-th {
  width: 105px;
}

/***** スクール サポート *****/
.school-support-white {
  background-color: #ffffff;
}

.school-support-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media only screen and (max-width: 767px) {
  .school-support-list {
    display: block;
    margin: 0 auto;
  }
}

.school-support-list__item {
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (max-width: 767px) {
  .school-support-list__item {
    width: auto;
    padding-right: 0;
    padding-left: 0;
  }
  .school-support-list__item img {
    width: 100%;
  }
}
.school-support-list__item.is-left {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .school-support-list__item.is-left {
    width: auto;
    padding-bottom: 30px;
  }
}
.school-support-list__item.is-right {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .school-support-list__item.is-right {
    width: auto;
  }
}

.school-support-txt-main {
  padding-bottom: 45px;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .school-support-txt-main {
    padding-top: 15px;
    padding-bottom: 30px;
  }
}

.school-support-contents-desc p {
  padding-top: 45px;
  font-size: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .school-support-contents-desc p {
    padding-bottom: 30px;
  }
}

.school-support-content {
  padding-top: 45px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .school-support-content {
    padding-top: 15px;
    padding-bottom: 0;
  }
}

.school-support-desc-wrap {
  padding: 30px;
  width: 450px;
  min-height: 165px;
  background-color: #EEEEEE;
}
@media only screen and (max-width: 767px) {
  .school-support-desc-wrap {
    margin-top: 15px;
    width: auto;
  }
}

.school-support-list-in-txt {
  padding-top: 30px;
}

.l-second-youtube-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -5px;
}
@media only screen and (max-width: 767px) {
  .l-second-youtube-wrap {
    display: block;
    margin: 0;
  }
}
.l-second-youtube-wrap .l-contents-box {
  margin-bottom: 30px;
  padding: 0 5px;
  width: 33.333%;
}
@media only screen and (max-width: 767px) {
  .l-second-youtube-wrap .l-contents-box {
    margin-bottom: 60px;
    padding: 0;
    width: auto;
  }
}
.l-second-youtube-wrap .l-contents-box.is-voice {
  margin: auto;
  width: 75%;
}
.l-second-youtube-wrap.is-voice {
  display: block;
}

/***** 改・卒業後のサポート *****/
.school-support-number__wrap {
  text-align: center;
}

.school-support-number {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding: 5px 15px;
  min-width: 270px;
  border-radius: 15px;
  background-color: #ffe000;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .school-support-number {
    min-width: inherit;
    font-size: 1.125rem;
    padding: 5px 30px;
  }
}

/*support01*/
.school-support-setup__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px -15px 45px -15px;
}
@media only screen and (max-width: 767px) {
  .school-support-setup__list {
    display: block;
    margin: 15px 0px;
  }
}

.school-support-setup__item {
  width: 50%;
  margin: 0px 15px;
  background: #ffffff;
  padding: 30px;
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .school-support-setup__item {
    width: 100%;
    margin: 0px 0px 30px 0px;
    padding: 15px;
  }
}

.school-setup__ttl {
  max-width: 360px;
  padding: 5px 0px;
  background-color: #81d8d0;
  border-radius: 10px;
  text-align: center;
  font-size: 1.25rem;
  margin: 15px auto;
}

.school-setup-aircraft__box {
  text-align: center;
}

.school-setup-aircraft__img {
  width: auto;
}

.school-setup__aircraft {
  font-size: 1.25rem;
}

.school-setup-scene__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #cccccc;
}

.school-setup-scene__list {
  width: 50%;
  margin-top: 30px;
}

.school-setup-scene__txt {
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .school-setup-scene__txt {
    font-size: 0.75rem;
  }
}

.school-setup-txt {
  font-size: 1.25rem;
  text-align: center;
}
.school-setup-txt span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 204, 255, 0)), color-stop(60%, #ffe000));
  background: linear-gradient(rgba(255, 204, 255, 0) 50%, #ffe000 60%);
}

/*support02*/
.school-support-flow__img {
  margin-top: 65px;
}

/*support03*/
.school-support-plan__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -30px;
}
@media only screen and (max-width: 767px) {
  .school-support-plan__list {
    display: block;
    margin-right: 0px;
  }
}

.school-support-plan__item {
  width: 50%;
  padding-right: 30px;
}
@media only screen and (max-width: 767px) {
  .school-support-plan__item {
    width: 100%;
    padding-right: 0px;
  }
}

.school-support-plan__img img {
  width: 100%;
}

.about-tbl-main-ttl {
  padding: 6px 25px;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#79c6ef), to(#1995e8));
  background: linear-gradient(to bottom, #79c6ef, #1995e8);
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .about-tbl-main-ttl {
    padding: 6px 10px;
  }
}

.school-support-plan-tbl__wrap {
  background: #ffffff;
  padding: 30px;
}

.school-support-plan-tbl__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -30px;
}
@media only screen and (max-width: 767px) {
  .school-support-plan-tbl__box {
    display: block;
    margin-right: 0px;
  }
}

.school-support-plan-box__item {
  width: 50%;
  padding-right: 30px;
  padding-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .school-support-plan-box__item {
    width: 100%;
    padding-right: 0px;
  }
}

.school-support-plan-item__ttl {
  font-size: 1.375rem;
}

.plan-item__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .plan-item__wrap {
    display: block;
  }
}

.plan-item__item {
  width: 50%;
}
.plan-item__item img {
  padding-right: 15px;
}
@media only screen and (max-width: 767px) {
  .plan-item__item img {
    padding-right: 0px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .plan-item__item {
    width: 100%;
  }
}

/*support04 ベースはsupport03を流用*/
.school-support-plan__ttl {
  background: #ffffff;
  padding: 5px 10px;
  margin-bottom: 15px;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .school-support-plan__ttl {
    margin-right: 0px;
  }
}

/*support05*/
.school-support-study__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px -15px;
}
@media only screen and (max-width: 767px) {
  .school-support-study__list {
    display: block;
    margin: 0px;
  }
}

.school-support-study__item {
  width: 25%;
  padding: 0px 15px;
}
@media only screen and (max-width: 767px) {
  .school-support-study__item {
    width: 100%;
    padding-bottom: 45px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
  }
}

.school-support-study__case {
  background: #81d8d0;
  text-align: center;
  padding: 5px 0px;
  font-size: 1.25rem;
}

.school-support-study__ttl {
  background: #ebf6f7;
  text-align: center;
  padding: 5px 0px;
  font-size: 1rem;
  margin-bottom: 15px;
}

.school-support-study__img {
  text-align: center;
}

.school-support-study__subttl {
  padding: 15px 0px;
  font-size: 1.25rem;
}

/*support06*/
.school-support-trip__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -30px;
}
@media only screen and (max-width: 767px) {
  .school-support-trip__list {
    display: block;
    margin-right: 0;
  }
}

.school-support-trip__item {
  width: 50%;
  background-color: #ebf6f7;
  padding: 30px 15px;
  margin-right: 25px;
}
.school-support-trip__item.is-white {
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .school-support-trip__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.school-support-trip__ttl {
  font-size: 1.25rem;
  padding-bottom: 15px;
}

.school-support-voice__txt {
  font-size: 1.5rem;
  text-align: center;
}
.school-support-voice__txt span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 204, 255, 0)), color-stop(55%, #ffe000));
  background: linear-gradient(rgba(255, 204, 255, 0) 50%, #ffe000 55%);
}
.school-support-voice__txt i {
  position: relative;
  top: 20px;
  font-size: 1.875rem;
  color: #00a1e9;
}

/***** スクール コース トップ *****/
.school-course-name-wrap {
  margin-top: 90px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .school-course-name-wrap {
    margin-top: 45px;
    margin-bottom: 30px;
  }
}
.school-course-name-wrap.is-top {
  margin-top: 0;
}

.school-course-name {
  padding: 10px 15px;
  background-color: #ebf6f7;
  font-size: 1.75rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-course-name {
    font-size: 1.375rem;
  }
}
.school-course-name.is-left {
  padding: 10px 60px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .school-course-name.is-left {
    padding: 10px 15px;
    text-align: center;
  }
}
.school-course-name.is-large {
  font-size: 2.25rem;
}
@media only screen and (max-width: 767px) {
  .school-course-name.is-large {
    font-size: 1.75rem;
  }
}

.school-course-contents-list__item2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  margin-bottom: 30px;
  padding-right: 10px;
  padding-left: 10px;
}
.school-course-contents-list__item2 img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-list__item2 {
    display: block;
    margin-bottom: 30px;
    padding-right: 0;
    padding-left: 0;
    width: auto;
  }
}
.school-course-contents-list__item2.is-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.school-course-contents-list__item2.is-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-list__item2.is-text {
    display: block;
  }
}
.school-course-contents-list__item2.is-img {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 30px;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-list__item2.is-img {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
}
.school-course-contents-list__item2.is-img img {
  padding-bottom: 15px;
}
.school-course-contents-list__item2.is-img .center-img {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-list__item2.is-img .center-img {
    width: 100%;
  }
}
.school-course-contents-list__item2 p {
  padding-top: 10px;
  width: 100%;
  font-size: 0.75rem;
  text-align: right;
}
.school-course-contents-list__item2.is-first {
  width: 56%;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-list__item2.is-first {
    width: auto;
  }
}
.school-course-contents-list__item2.is-second {
  width: 44%;
}
@media only screen and (max-width: 767px) {
  .school-course-contents-list__item2.is-second {
    width: auto;
  }
}
.school-course-contents-list__item2.is-bottom {
  margin-bottom: 0;
}

.school-overview {
  font-size: 1rem;
  display: inline-block;
  padding: 4px 15px;
  border-radius: 40px;
  min-width: 88px;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, right top, from(#79c6ef), to(#1995e8));
  background: linear-gradient(to right, #79c6ef, #1995e8);
}
.school-overview.is-corporation {
  background: #d1eded;
  color: #393939;
}

.school-overview-txt {
  padding-top: 10px;
  padding-bottom: 20px;
  line-height: 2;
}

.remarks-txt {
  padding-top: 15px;
}

.stamp-relative {
  position: relative;
}

.stamp-wrap {
  position: absolute;
  top: -30px;
  right: 15px;
  width: 216px;
}
@media only screen and (max-width: 767px) {
  .stamp-wrap {
    position: static;
    padding-bottom: 30px;
    width: 100%;
  }
}
.stamp-wrap.is-vr {
  right: -90px;
}

.stamp-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.stamp-list.is-vr {
  display: block;
}

.stamp-list__item {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .stamp-list__item {
    margin: auto;
  }
}

.text-left {
  font-size: 1rem;
  text-align: left;
}
.text-left span {
  display: block;
  padding-top: 30px;
  padding-left: 60px;
}
@media only screen and (max-width: 767px) {
  .text-left span {
    padding-left: 0;
  }
}

.text-link {
  margin-top: 15px;
  padding-left: 60px;
}

.contents-width {
  margin: 0 auto;
  margin-bottom: 45px;
  width: 545px;
}
@media only screen and (max-width: 767px) {
  .contents-width {
    margin: 0;
    width: auto;
  }
}

.border-contents-wrap {
  padding: 10px 15px;
  border: 1px solid #cccccc;
}

.border-contents-img {
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .border-contents-img {
    text-align: center;
    padding-top: 25px;
  }
}

.border-contents-img-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .border-contents-img-item {
    display: block;
  }
}

.border-contents-img_01 {
  width: 270px;
}
@media only screen and (max-width: 767px) {
  .border-contents-img_01 {
    margin: 0 auto;
  }
}

.border-contents-img_02 {
  width: 153px;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .border-contents-img_02 {
    margin: 15px auto 0;
  }
}

.btn-drone-image {
  margin: 0 auto;
}
.btn-drone-image img {
  width: 600px;
}
@media only screen and (max-width: 767px) {
  .btn-drone-image img {
    width: auto;
  }
}

.school-label-img {
  margin: 0 auto;
  padding-bottom: 45px;
  width: 750px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-label-img {
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    width: auto;
  }
}

.school-label-box {
  text-align: center;
  font-size: 1.375rem;
  line-height: 40px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .school-label-box {
    font-size: 1rem;
  }
}

.school-slider-wrap {
  margin-top: -60px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .school-slider-wrap {
    padding-bottom: 15px;
  }
}
.school-slider-wrap.is-business {
  margin-top: 120px;
}
@media only screen and (max-width: 767px) {
  .school-slider-wrap.is-business {
    margin-top: 60px;
  }
}

.school-slide-wrap {
  overflow: hidden;
  position: relative;
  margin-bottom: 45px;
}
.school-slide-wrap.is-site-top {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .school-slide-wrap.is-site-top {
    margin-bottom: 45px;
  }
}

.school-slide-wrap-in {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 1980px;
}

.school-slide-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/***** 共通スタイル *****/
.school-bg-color {
  background-color: #ebf6f7;
}

.text-left-space {
  padding-left: 20px;
}

.contents-margin-top {
  padding-top: 60px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .contents-margin-top {
    padding-top: 30px;
  }
}
.contents-margin-top.is-left {
  padding-left: 15px;
}

/**************************************************/
/* 外壁調査ページ */
/**************************************************/
/***** メインビジュアル *****/
.wall-main-visual__wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}

.wall-main-visual__img {
  width: 900px;
}
@media only screen and (max-width: 767px) {
  .wall-main-visual__img {
    margin: 0px auto;
    width: 80%;
  }
}

.is-wall-bg02 {
  background: #ebf6f7;
}

.is-merit {
  padding-top: 30px;
}

.is-wall-s {
  padding-top: 90px;
}
@media only screen and (max-width: 767px) {
  .is-wall-s {
    padding-top: 60px;
  }
}

.wall-main-visual__sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .wall-main-visual__sp {
    display: block;
    background-image: url("../images/sp_wall-mainvisual.jpg");
    background-size: auto 100%;
    background-position: top left;
    background-repeat: no-repeat;
  }
  .wall-main-visual__sp.is-wall {
    background-image: url("../images/sp_wall-mainvisual.jpg");
    padding-top: 60px;
    padding-bottom: 75px;
  }
}

/***** ターゲット *****/
.wall-target-list {
  position: relative;
  background-color: #ffe000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px;
}
.wall-target-list::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  left: 0px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #ffe000 transparent transparent transparent;
  border-width: 75px 48vh;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .wall-target-list {
    margin: 0px -15px;
  }
  .wall-target-list::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 95%;
    left: 0px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #ffe000 transparent transparent transparent;
    border-width: 50px 10vh;
    border-radius: 10px;
  }
}

.wall-target-list_txt {
  width: calc(50% - 30px);
  background-color: #ffffff;
  text-align: center;
  font-size: 1.375rem;
  border-radius: 15px;
  padding: 15px 0px;
  margin: 10px;
}
@media only screen and (max-width: 767px) {
  .wall-target-list_txt {
    width: 100%;
    font-size: 1rem;
  }
}

/***** メリット *****/
.is-wall-bg {
  background: #caf1ec;
}

.wall-merit-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px;
  margin-top: 15px;
  background-color: #ffffff;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .wall-merit-list {
    display: block;
  }
}
.wall-merit-list.is-corporation {
  display: block;
  margin-top: 0;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .wall-merit-icon {
    text-align: center;
    padding-bottom: 15px;
  }
}
.wall-merit-icon img {
  width: 170px;
}

.wall-merit-txt__box {
  width: 750px;
  display: block;
  padding-left: 15px;
}
@media only screen and (max-width: 767px) {
  .wall-merit-txt__box {
    width: auto;
    padding-left: 0px;
  }
}

.wall-merit-ttl {
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 3px solid #81d8d0;
}
@media only screen and (max-width: 767px) {
  .wall-merit-ttl {
    font-size: 1.375rem;
    padding-bottom: 10px;
  }
}

.wall-merit-txt {
  padding-top: 15px;
}

/***** ドローン点検２種 *****/
.wall-about-wrap {
  background-color: #ffffff;
  padding: 45px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .wall-about-wrap {
    padding: 30px 15px;
  }
}

.wall-about-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .wall-about-ttl.is-disaster {
    display: block;
  }
}

.about-number {
  position: relative;
  background: #81d8d0;
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 2.25rem;
  color: #ffffff;
  padding-left: 15px;
  width: 120px;
  z-index: 25;
}
.about-number:after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent transparent #81d8d0;
  border-width: 54px 0px 0px 54px;
}
@media only screen and (max-width: 767px) {
  .about-number {
    width: 80px;
    font-size: 1.75rem;
  }
  .about-number:after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 100%;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: transparent transparent transparent #81d8d0;
    border-width: 46px 0px 0px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .about-number.is-disaster {
    width: 100%;
    text-align: center;
  }
  .about-number.is-disaster:after {
    content: none;
  }
}

.about-ttl {
  font-size: 1.75rem;
  padding-top: 5px;
  background: #eeeeee;
  width: 100%;
  text-align: center;
  border-bottom: 3px solid #81d8d0;
}
@media only screen and (max-width: 767px) {
  .about-ttl {
    font-size: 1.125rem;
    padding-top: 10px;
  }
}
.about-ttl.is-disaster {
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .about-ttl.is-disaster {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.wall-about-txt {
  padding-top: 30px;
  padding-bottom: 30px;
}

.wall-about-box img {
  width: 100%;
}

.wall-about-img {
  padding-bottom: 90px;
}
.wall-about-img:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 35px;
  height: 35px;
  border-style: solid;
  border-color: transparent transparent #81d8d0 #81d8d0;
  border-width: 5px;
  -webkit-transform: rotate(-45deg) translateX(-50%);
          transform: rotate(-45deg) translateX(-50%);
}

.wall-about-list {
  margin-top: 45px;
  background: #d7f5f2;
  border-radius: 10px;
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .wall-about-list {
    padding: 15px;
  }
}
.wall-about-list p {
  font-size: 1.75rem;
  text-align: center;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .wall-about-list p {
    font-size: 1.375rem;
  }
}

.wall-about-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .wall-about-list__wrap {
    display: block;
  }
}

.wall-about-list__box {
  width: calc(50% - 30px);
  background-color: #ffffff;
  padding: 15px;
  border-radius: 10px;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .wall-about-list__box {
    width: calc(100% - 30px);
  }
}

.wall-about-law {
  background: #eeeeee;
  padding: 30px;
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .wall-about-law {
    padding: 15px;
  }
}

.wall-about-law__ttl {
  font-size: 1.75rem;
  text-align: center;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .wall-about-law__ttl {
    font-size: 1.375rem;
  }
}

.wall-about-law__txt {
  padding-bottom: 30px;
}

.wall-about-law__box {
  background: #cccccc;
  padding: 15px;
}
.wall-about-law__box p {
  font-size: 1rem;
}

.wall-table__ttl {
  font-size: 1.75rem;
  text-align: center;
  padding: 30px 0px;
}
@media only screen and (max-width: 767px) {
  .wall-table__ttl {
    font-size: 1.375rem;
    padding-bottom: 15px;
  }
}

/*ハミングバードの特徴*/
.wall-point-bg {
  background: #81d8d0;
}

.wall-company-point {
  position: relative;
  background: #ffffff;
  padding: 45px;
  border-radius: 20px;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.wall-company-point::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 40px;
  left: 50px;
  width: 200px;
  height: 100px;
  background-image: url(../images/wall-drone.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .wall-company-point {
    padding: 30px;
  }
  .wall-company-point::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 25px;
    left: 10px;
    width: 150px;
    height: 80px;
    background-image: url(../images/wall-drone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
}

.wall-campany-point__txt {
  position: relative;
  z-index: 25;
  font-size: 1.75rem;
  letter-spacing: 3px;
}
.wall-campany-point__txt span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(60%, #ffe000));
  background: linear-gradient(transparent 55%, #ffe000 60%);
}

.wall-company-point__box {
  background: #ffffff;
  padding-top: 20px;
  padding-bottom: 30px;
  padding-right: 40px;
  padding-left: 40px;
  margin-top: 60px;
  border-top: 10px solid #ffe000;
}
@media only screen and (max-width: 767px) {
  .wall-company-point__box {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.wall-company-point__01 {
  font-size: 1.75rem;
}
.wall-company-point__01::before {
  content: "01";
  position: relative;
  top: 3px;
  font-size: 2.5rem;
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #81d8d0;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .wall-company-point__01 {
    font-weight: bold;
    font-size: 1.375rem;
  }
}

.wall-company-point__02 {
  font-size: 1.75rem;
}
.wall-company-point__02::before {
  content: "02";
  position: relative;
  top: 3px;
  font-size: 2.5rem;
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #81d8d0;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .wall-company-point__02 {
    font-weight: bold;
    font-size: 1.375rem;
  }
}

.wall-company-point__03 {
  font-size: 1.75rem;
}
.wall-company-point__03::before {
  content: "03";
  position: relative;
  top: 3px;
  font-size: 2.5rem;
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #81d8d0;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .wall-company-point__03 {
    font-weight: bold;
    font-size: 1.375rem;
  }
}

.wall-company-point__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .wall-company-point__wrap {
    display: block;
  }
}

.wall-company-point__txt {
  line-height: 30px;
  padding: 15px 0px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .wall-company-point__txt {
    width: 100%;
  }
}

.wall-company-point__img img {
  width: 450px;
  padding-top: 15px;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .wall-company-point__img img {
    padding-left: 0px;
    width: 100%;
  }
}

.wall-company-point__lisence {
  position: relative;
  bottom: 225px;
  border: 3px solid #eeeeee;
  border-radius: 20px;
  text-align: center;
  margin-bottom: -225px;
}
@media only screen and (max-width: 767px) {
  .wall-company-point__lisence {
    position: static;
    margin-bottom: 0px;
    margin-top: 15px;
    border-radius: 10px;
  }
}
.wall-company-point__lisence img {
  width: 90%;
}

/*** 許可証*/
.Permit-certificate-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .Permit-certificate-wrap {
    display: block;
  }
}
.Permit-certificate-wrap img {
  width: 50%;
  margin-right: 90px;
  border: 1px solid #eeeeee;
}
@media only screen and (max-width: 767px) {
  .Permit-certificate-wrap img {
    width: 100%;
    margin-right: 0px;
  }
}

.Permit-certificate-box {
  display: block;
}

.Permit-certificate-ttl {
  font-size: 1.75rem;
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .Permit-certificate-ttl {
    font-size: 1.375rem;
  }
}

.Permit-certificate-txt {
  padding-top: 30px;
  line-height: 30px;
}

/*** レポート*/
.wall-report-ttl {
  text-align: center;
  background: #ffffff;
  font-size: 1.75rem;
  border-bottom: 5px solid #81d8d0;
  padding: 5px 0px;
}
.wall-report-ttl.is-last {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .wall-report-ttl {
    font-size: 1.375rem;
  }
}

.wall-report-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 30px;
  margin-top: 15px;
  background: #ffffff;
}

.wall-report-box {
  padding-right: 15px;
  padding-left: 15px;
}

.wall-report-txt {
  text-align: center;
  padding-top: 5px;
}
@media only screen and (max-width: 767px) {
  .wall-report-txt {
    font-size: 0.75rem;
  }
}

/*** 外壁調査費用について ***/
.wall-tbl-type01__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px -15px;
}
@media only screen and (max-width: 767px) {
  .wall-tbl-type01__wrap {
    display: block;
  }
}

.wall-tbl-type01 {
  width: 100%;
}

.wall-tbl-type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .wall-tbl-type02 {
    display: block;
  }
}

.wall-tbl-ttl {
  font-size: 1.375rem;
  line-height: 1.8;
  line-height: 1.4;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#81d8d0), to(#00a9d0));
  background: linear-gradient(to bottom, #81d8d0, #00a9d0);
  padding: 5px 0px;
  color: #ffffff;
  margin: 0px 15px;
}
.wall-tbl-ttl.is-ttl-02 {
  margin-top: 30px;
  margin-left: 0px;
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .wall-tbl-ttl {
    font-size: 1rem;
  }
}

.wall-tbl-type01__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #81d8d0;
  border-right: 1px solid #81d8d0;
  border-left: 1px solid #81d8d0;
  margin-right: 15px;
  margin-left: 15px;
}
.wall-tbl-type01__tr:last-child {
  border-bottom: 1px solid #81d8d0;
}

.wall-tbl-type02__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 50%;
  border-right: 1px solid #81d8d0;
  border-bottom: 1px solid #81d8d0;
  border-left: 1px solid #81d8d0;
}
@media only screen and (max-width: 767px) {
  .wall-tbl-type02__tr {
    width: 100%;
  }
}

.wall-tbl-type01__th,
.wall-tbl-type01__td {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.wall-tbl-type01__th {
  padding: 10px;
  width: 130px;
  border-right: 1px solid #81d8d0;
  background-color: #d1eded;
}
@media only screen and (max-width: 767px) {
  .wall-tbl-type01__th {
    padding: 10px;
    width: 90px;
    font-size: 0.75rem;
  }
}

.wall-tbl-type02__th {
  padding: 10px;
  width: 200px;
  border-right: 1px solid #81d8d0;
  background-color: #d1eded;
}
@media only screen and (max-width: 767px) {
  .wall-tbl-type02__th {
    padding: 10px;
    width: 150px;
    font-size: 0.75rem;
  }
}

.wall-tbl-type01__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 10px 10px 15px;
  color: #393939;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .wall-tbl-type01__td {
    padding: 10px;
    font-size: 0.75rem;
  }
}

/*** 事例 ***/
.wall-case__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px -10px;
}
@media only screen and (max-width: 767px) {
  .wall-case__wrap {
    display: block;
  }
}

.wall-case-card {
  padding: 30px 10px;
  margin: 0px 10px;
  background-color: #ffffff;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .wall-case-card {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
}

.wall-case-ttl {
  width: 90px;
  background: #ffe000;
  border-radius: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
}
.wall-case-ttl.is-corporation {
  margin-bottom: 10px;
  width: 75px;
  background: #ebf6f7;
  color: #80d7cf;
  line-height: 30px;
  font-weight: bold;
}

.wall-case-card__ttl {
  padding-bottom: 10px;
}

.wall-case-card__price {
  background: #ebf6f7;
  padding: 10px auto;
  margin-bottom: 15px;
}
.wall-case-card__price span {
  font-size: 1.375rem;
}

.wall-case-tbl__wrap {
  margin-top: 15px;
}

.wall-case-tbl__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #dddddd;
}
.wall-case-tbl__list:last-child {
  border-bottom: 1px solid #dddddd;
}

.wall-case-tbl_list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .wall-case-tbl_list__wrap {
    text-align: left;
  }
}

.wall-case-tbl__ttl {
  width: 100px;
  background: #eeeeee;
  padding: 10px 0px;
}
@media only screen and (max-width: 767px) {
  .wall-case-tbl__ttl {
    padding-left: 15px;
  }
}

.wall-case-tbl__txt {
  padding: 10px 0px 10px 10px;
}
@media only screen and (max-width: 767px) {
  .wall-case-tbl__txt {
    min-width: 185px;
  }
}

/***** ドローンスクールお台場 アクセス *****/
.wall-odaiba-tbl-map-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .wall-odaiba-tbl-map-wrap {
    display: block;
    margin: 0 auto;
  }
}

.wall-odaiba-tbl-list,
.wall-odaiba-wrap {
  width: 50%;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .wall-odaiba-tbl-list,
  .wall-odaiba-wrap {
    width: 100%;
  }
}

.wall-about-th {
  width: 105px;
}

.wall-odaiba-wrap {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .wall-odaiba-wrap {
    width: 100%;
  }
}

.wall-odaiba-map {
  width: 100%;
  padding-top: 45px;
}
@media only screen and (max-width: 767px) {
  .wall-odaiba-map {
    padding-top: 0px;
  }
}
.wall-odaiba-map a {
  font-size: 0.75rem;
  text-align: right;
}

.wall-odaiba-img-wrap img {
  width: 100%;
  height: 275px;
  padding-right: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .wall-odaiba-img-wrap img {
    height: auto;
    padding-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .wall-odaiba-map-wrap {
    position: relative;
    padding-bottom: 60%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .wall-odaiba-map-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.about-tbl-main-ttl {
  padding: 6px 10px;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#79c6ef), to(#1995e8));
  background: linear-gradient(to bottom, #79c6ef, #1995e8);
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .about-tbl-main-ttl {
    padding: 6px 10px;
    font-size: 1rem;
  }
}

.is-wall {
  padding-bottom: 30px;
}

/**************************************************/
/* 家屋調査ページ */
/**************************************************/
/***** メインビジュアル *****/
.house-main-visual {
  position: relative;
}

.main-visual__pc img {
  width: 100%;
}

.main-visual__key {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.main-visual__key.is-corporation {
  top: 48.5%;
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .main-visual__key.is-corporation {
    top: auto;
    bottom: 30px;
    width: 75%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .main-visual__key.is-corporation img {
    display: block;
  }
}
.main-visual__key img {
  width: 900px;
}
@media only screen and (max-width: 767px) {
  .main-visual__key img {
    display: none;
  }
}
.main-visual__key.p-school-business {
  top: 60%;
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .main-visual__key.p-school-business {
    top: auto;
    bottom: 30px;
    width: 75%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .main-visual__key.p-school-business img {
    display: block;
  }
}

.is-house-bg02 {
  background: #ebf6f7;
}

.is-merit {
  padding-top: 30px;
}

.is-house-s {
  padding-top: 90px;
}
@media only screen and (max-width: 767px) {
  .is-house-s {
    padding-top: 60px;
  }
}

.house-main-visual__sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .house-main-visual__sp {
    display: block;
    background-image: url("../images/house-main-visuial-sp.jpg");
    background-size: auto 100%;
    background-position: top left;
    background-repeat: no-repeat;
  }
  .house-main-visual__sp.is-house {
    background-image: url("../images/house-main-visuial-sp.jpg");
    padding-top: 60px;
    padding-bottom: 75px;
  }
}

/***** 点検とは？ *****/
.house-about-box {
  position: relative;
  background: #ffffff;
  border-radius: 30px;
  padding: 45px 60px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px) {
  .house-about-box {
    padding: 30px 30px;
  }
}
.house-about-box.is-corporation {
  padding: 60px;
}

.house-about-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: -15px;
  margin-left: -15px;
}
@media only screen and (max-width: 767px) {
  .house-about-wrap {
    display: block;
  }
}

.house-about-list {
  width: 33.3333333333%;
  background-color: #faeeee;
  border-radius: 15px;
  padding: 15px 30px;
  margin-right: 15px;
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .house-about-list {
    width: 80%;
    margin: auto;
    margin-bottom: 30px;
  }
}

.house-about-icon img {
  padding: 10px;
}

.house-about-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: #ffffff;
  padding: 10px;
  margin: 0px auto;
  border-radius: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}

.house-about-copy {
  font-size: 1.75rem;
  color: #ffffff;
  border-radius: 30px;
  background-color: #32bfea;
  text-align: center;
  padding: 5px 0px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .house-about-copy {
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 1.375rem;
  }
}

/***** 家屋点検・ターゲット *****/
.house-ttl {
  margin-right: auto;
  margin-left: auto;
  font-size: 1.75rem;
  padding-bottom: 30px;
  font-weight: bold;
}

.house-target-list {
  position: relative;
  background-color: #f9b2b2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px 15px;
  text-align: center;
}
.house-target-list::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 99%;
  left: 0px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #f9b2b2 transparent transparent transparent;
  border-width: 60px 10vh;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .house-target-list {
    margin: 0px -15px;
  }
  .house-target-list::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 95%;
    left: 0px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #f9b2b2 transparent transparent transparent;
    border-width: 50px 10vh;
    border-radius: 10px;
  }
}

.house-target-list_txt {
  width: calc(50% - 30px);
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.375rem;
  border-radius: 15px;
  padding: 15px 0px;
  margin: 10px 15px;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .house-target-list_txt {
    width: 100%;
    font-size: 1rem;
  }
}

.house-movie-wrap {
  background-color: #ffffff;
  padding: 60px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .house-movie-wrap {
    padding: 30px;
  }
}

.house-txt-line {
  font-size: 1.375rem;
  text-align: center;
  letter-spacing: 3px;
  line-height: 45px;
}
.house-txt-line span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(25%, #32bfea));
  background: linear-gradient(transparent 60%, #32bfea 25%);
  padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .house-txt-line {
    font-size: 1.375rem;
    letter-spacing: 2px;
  }
}

.is-bottom {
  margin-bottom: 30px;
}

.house-movie {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .house-movie iframe {
    height: 270px;
  }
}

.house-movie-txt {
  text-align: right;
  font-size: 0.75rem;
}

/***** 選ばれる理由 *****/
.is-house-bg {
  position: relative;
  background: #81d8d0;
}

.is-house-top {
  background-image: url(../images/house-contents-bg.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

.house-reason-list {
  background-color: #ffffff;
  border-radius: 20px;
}
.house-reason-list.is-last {
  display: block;
}

.house-reason-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 30px 40px 30px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .house-reason-list {
    display: block;
  }
}

.house-reason-img {
  width: 180px;
}
.house-reason-img img {
  width: 180px;
  padding-bottom: 15px;
}
.house-reason-img.is-last img {
  padding-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .house-reason-img {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 15px;
  }
}

.house-reason-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .house-reason-img-wrap {
    display: block;
  }
}
.house-reason-img-wrap img {
  width: calc(33.3333333333% - 9px);
}
@media only screen and (max-width: 767px) {
  .house-reason-img-wrap img {
    margin-bottom: 10px;
  }
}

.house-reason-txt__box {
  width: 750px;
  display: block;
  padding-left: 30px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .house-reason-txt__box {
    width: auto;
    padding-left: 0px;
  }
}

.house-reason-ttl {
  padding-bottom: 10px;
  width: 100%;
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 3px solid #81d8d0;
}
@media only screen and (max-width: 767px) {
  .house-reason-ttl {
    font-size: 1.375rem;
    padding-bottom: 10px;
  }
}
.house-reason-ttl.is-corporation {
  padding-left: 15px;
  padding-bottom: 0;
  border-bottom: 5px solid #81d8d0;
  font-weight: normal;
  text-align: left;
}

.house-reason-ttl_04 {
  width: 79%;
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 3px solid #81d8d0;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .house-reason-ttl_04 {
    width: 100%;
    margin-left: 0px;
    font-size: 1.375rem;
    padding-bottom: 10px;
  }
}

.house-reason-ttl__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .house-reason-ttl__box {
    display: block;
  }
}

.house-reason-txt {
  padding-top: 15px;
}
.house-reason-txt.is-btm {
  padding-bottom: 15px;
  line-height: 30px;
}

.house-reason-p__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .house-reason-p__wrap {
    display: block;
  }
}

.house-reason-txt__p {
  margin: 15px 15px;
  width: 300px;
  background-color: #eaf5f6;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .house-reason-txt__p {
    width: auto;
    margin: 15px auto;
  }
}

/*火災保険の仕組み*/
.house-how-bg {
  background: #faeeee;
}

.house-how-point {
  position: relative;
  background: #ffffff;
  padding: 45px;
  border-radius: 20px;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.house-how-point::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 40px;
  left: 50px;
  width: 200px;
  height: 100px;
  background-image: url(../images/house-drone.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .house-how-point {
    padding: 30px;
  }
  .house-how-point::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 25px;
    left: 10px;
    width: 150px;
    height: 80px;
    background-image: url(../images/house-drone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
}

.house-campany-point__txt {
  position: relative;
  z-index: 25;
  font-size: 1.75rem;
  letter-spacing: 3px;
}
.house-campany-point__txt span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(60%, #ffe000));
  background: linear-gradient(transparent 55%, #ffe000 60%);
}

.house-how-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .house-how-img {
    display: block;
  }
}
.house-how-img img {
  width: calc(50% - 10px);
}
@media only screen and (max-width: 767px) {
  .house-how-img img {
    width: 100%;
    padding-bottom: 10px;
  }
}

.house-how-txt__box {
  font-size: 1.375rem;
  margin-top: 30px;
  padding: 30px;
  background-color: #eaf5f6;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
}
@media only screen and (max-width: 767px) {
  .house-how-txt__box {
    padding: 15px;
    font-size: 1.125rem;
  }
}
.house-how-txt__box p span {
  border-bottom: 5px solid #32bfea;
}

.house-how-point__box {
  background: #ffffff;
  padding-top: 20px;
  padding-bottom: 30px;
  padding-right: 40px;
  padding-left: 40px;
  border-top: 10px solid #f9b2b2;
}
@media only screen and (max-width: 767px) {
  .house-how-point__box {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.house-how-point__box.is-half {
  width: calc(50% - 30px);
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .house-how-point__box.is-half {
    width: 100%;
    margin-left: 0px;
  }
}

.house-how-box__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
}
@media only screen and (max-width: 767px) {
  .house-how-box__wrap {
    display: block;
    margin: 0px;
  }
}

.house-how-point__ttl {
  background: #32bfea;
  font-size: 1.375rem;
  color: #ffffff;
  text-align: center;
  width: 280px;
  border-radius: 5px;
  margin: 10px auto;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .house-how-point__ttl {
    width: auto;
  }
}

.house-how-point__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .house-how-point__wrap {
    display: block;
  }
}

.house-how-p {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-top: 15px;
  font-size: 1.375rem;
}

.house-how-point__txt {
  line-height: 30px;
  padding: 15px 0px;
}
.house-how-point__txt p {
  margin: 12px auto;
  width: 300px;
  background-color: #eeeeee;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .house-how-point__txt p {
    width: auto;
  }
}
.house-how-point__txt span.txt-color {
  color: #fa3285;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .house-how-point__txt {
    width: 100%;
  }
}

.house-how-point__img img {
  width: 450px;
  padding-top: 15px;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .house-how-point__img img {
    padding-left: 0px;
  }
}

.house-how-point__lisence {
  position: relative;
  bottom: 225px;
  border: 3px solid #eeeeee;
  border-radius: 20px;
  text-align: center;
  margin-bottom: -225px;
}
@media only screen and (max-width: 767px) {
  .house-how-point__lisence {
    position: static;
    margin-bottom: 0px;
    margin-top: 15px;
    border-radius: 10px;
  }
}
.house-how-point__lisence img {
  width: 90%;
}

.house-flow-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .house-flow-wrap {
    display: block;
  }
}

.house-flow-step {
  position: relative;
  width: calc(33.3333333333% - 45px);
  text-align: center;
  padding: 15px 30px;
  background-color: #ffffff;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px) {
  .house-flow-step {
    width: 100%;
    margin-top: 15px;
  }
}
.house-flow-step.is-indoor {
  padding: 15px 10px;
}
@media only screen and (max-width: 767px) {
  .house-flow-step.is-indoor {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 20px 15px 30px 15px;
  }
}
.house-flow-step.is-disaster {
  width: calc(33.3333333333% - 15px);
}
@media only screen and (max-width: 767px) {
  .house-flow-step.is-disaster {
    width: 100%;
  }
}

.is-arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 30px);
  width: 35px;
  height: 35px;
  right: -30px;
  border-style: solid;
  border-color: transparent transparent #32bfea #32bfea;
  border-width: 7px;
  -webkit-transform: rotate(-130deg) translateX(-50%);
          transform: rotate(-130deg) translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .is-arrow::after {
    display: none;
  }
}
.is-arrow.is-indoor:after {
  border-color: transparent transparent #80beb6 #80beb6;
}

.flow-step-icon img {
  width: 40px;
  padding-bottom: 10px;
}

.flow-step-ttl {
  position: relative;
  font-size: 1.375rem;
  padding-bottom: 15px;
}

.flow-step-txt {
  padding-top: 15px;
  line-height: 1.8;
}
.flow-step-txt.is-indoor {
  letter-spacing: -1.5px;
}
@media only screen and (max-width: 767px) {
  .flow-step-txt.is-indoor {
    letter-spacing: 0;
  }
}

/***** ドローン調査の主な流れ*****/
.house-survey {
  font-size: 1.75rem;
  text-align: center;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .house-survey.is-rental {
    font-size: 1.5rem;
  }
}

.house-survey-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #eeeeee;
  padding: 30px;
  border-top: 10px solid #32bfea;
}
@media only screen and (max-width: 767px) {
  .house-survey-flow {
    display: block;
    padding: 15px;
  }
}
.house-survey-flow.is-corporation {
  margin-bottom: 30px;
  border-radius: 30px;
  border: none;
}
@media only screen and (max-width: 767px) {
  .house-survey-flow.is-corporation {
    padding: 30px 15px;
  }
}

.house-survey-flow__img.is-corporation {
  margin-right: 45px;
}
@media only screen and (max-width: 767px) {
  .house-survey-flow__img.is-corporation {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .house-survey-flow__img img {
    width: 100%;
  }
}

.house-survey-flow__wrap {
  display: block;
  width: 50%;
  background-color: #ffffff;
  padding: 60px 30px;
  margin-right: 30px;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .house-survey-flow__wrap {
    width: 100%;
    padding: 15px 30px;
    margin-bottom: 30px;
  }
}
.house-survey-flow__wrap.is-corporation {
  margin-right: 0;
  padding: 30px 30px 75px 30px;
}
@media only screen and (max-width: 767px) {
  .house-survey-flow__wrap.is-corporation {
    margin-bottom: 0;
  }
}
.house-survey-flow__wrap.is-rental {
  padding: 45px;
}
@media only screen and (max-width: 767px) {
  .house-survey-flow__wrap.is-rental {
    padding: 15px 30px;
  }
}

.house-survey-flow__ttl {
  font-size: 1.25rem;
  border-bottom: 1px solid #cccccc;
  margin-top: 10px;
  margin-bottom: 15px;
}
.house-survey-flow__ttl span {
  font-family: "Fredoka One", cursive, sans-serif;
  color: #ffffff;
  background: #f9b2b2;
  padding: 7px;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
}
.house-survey-flow__ttl.is-corporation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 15px;
}
.house-survey-flow__ttl.is-corporation span {
  margin-right: 15px;
  height: 40px;
  width: 40px;
  background: #ffe000;
  line-height: 30px;
}
.house-survey-flow__ttl.is-rental {
  margin-top: 0;
  border: none;
}

.house-survey-flow__txt {
  line-height: 30px;
}

.house-survey-flow__box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-left: -30px;
}
@media only screen and (max-width: 767px) {
  .house-survey-flow__box-wrap {
    display: block;
    margin-left: 0px;
  }
}

.is-survey {
  display: block;
  width: calc(50% - 30px);
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .is-survey {
    width: 100%;
    margin-top: 30px;
    margin-left: 0px;
  }
}

.house-survey-flow__wrap02 {
  background-color: #ffffff;
  padding: 15px 30px;
  border-radius: 20px;
}

.is-img-top img {
  padding-top: 30px;
}

.house-survey-flow__wrap03 {
  background-color: #ffffff;
  padding: 15px 15px;
  border-radius: 20px;
}

.house-survey-flow__ttl02 {
  font-size: 1.375rem;
}
.house-survey-flow__ttl02 span {
  font-family: "Fredoka One", cursive, sans-serif;
  color: #ffffff;
  background: #f9b2b2;
  padding: 5px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
}

.house-survey__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -30px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .house-survey__wrap {
    display: block;
    margin-right: 0px;
  }
}

.is-three {
  display: block;
  width: 33.3333333333%;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .is-three {
    width: 100%;
    margin-top: 30px;
    margin-right: 0px;
  }
}

.house-survey-comment {
  text-align: right;
  padding-top: 10px;
  font-size: 0.75rem;
}

/***** ドローンスクールお台場 アクセス *****/
.house-odaiba-tbl-map-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .house-odaiba-tbl-map-wrap {
    display: block;
    margin: 0 auto;
  }
}

.house-odaiba-tbl-list,
.house-odaiba-wrap {
  width: 50%;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .house-odaiba-tbl-list,
  .house-odaiba-wrap {
    width: 100%;
  }
}

.house-about-th {
  width: 105px;
}

.house-odaiba-wrap {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .house-odaiba-wrap {
    width: 100%;
  }
}

.house-odaiba-map {
  width: 100%;
  padding-top: 45px;
}
@media only screen and (max-width: 767px) {
  .house-odaiba-map {
    padding-top: 0px;
  }
}
.house-odaiba-map a {
  font-size: 0.75rem;
  text-align: right;
}

.house-odaiba-img-wrap img {
  width: 100%;
  height: 275px;
  padding-right: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .house-odaiba-img-wrap img {
    height: auto;
    padding-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .house-odaiba-map-wrap {
    position: relative;
    padding-bottom: 60%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .house-odaiba-map-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.about-tbl-main-ttl {
  padding: 6px 10px;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#79c6ef), to(#1995e8));
  background: linear-gradient(to bottom, #79c6ef, #1995e8);
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .about-tbl-main-ttl {
    padding: 6px 10px;
    font-size: 1rem;
  }
}

.is-house {
  padding-bottom: 30px;
}

#school-form {
  margin-top: -90px;
  padding-top: 180px;
}

/**************************************************/
/* 法人ページ */
/**************************************************/
.corporation-concept-txt {
  line-height: 30px;
  font-size: 1rem;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .corporation-concept-txt {
    line-height: 25px;
  }
}

.corporation-frame-wrap {
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .corporation-frame-wrap {
    padding: 0 15px;
  }
}
.corporation-frame-wrap.is-position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.corporation-frame-txt {
  display: inline-block;
  position: relative;
  padding: 12px 30px 8px 30px;
  min-width: 560px;
  border-radius: 15px;
  background-color: #ffe000;
  font-size: 1.375rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .corporation-frame-txt {
    min-width: inherit;
    font-size: 1.125rem;
  }
}
.corporation-frame-txt:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -14px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #ffe000 transparent transparent transparent;
  border-width: 15px 15px 0 15px;
}
.corporation-frame-txt.is-big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.25rem;
}
@media only screen and (max-width: 767px) {
  .corporation-frame-txt.is-big {
    font-size: 1.375rem;
  }
}
.corporation-frame-txt.is-big p {
  display: inline;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 15px;
  background-color: #ffffff;
  font-size: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .corporation-frame-txt.is-big p {
    font-size: 1rem;
  }
}
.corporation-frame-txt.is-rental {
  min-width: 150px;
}
.corporation-frame-txt.is-indoor {
  min-width: 405px;
}
@media only screen and (max-width: 767px) {
  .corporation-frame-txt.is-indoor {
    padding: 12px 15px 8px 15px;
    min-width: 300px;
    white-space: nowrap;
  }
}

.corporation-bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.corporation-bg-img.is-intersect {
  background-image: url(../images/corporation-bg-img.jpg);
}

.corporation-txt {
  margin-bottom: 15px;
  font-size: 1.375rem !important;
  text-align: center !important;
}
@media only screen and (max-width: 767px) {
  .corporation-txt {
    font-size: 1rem !important;
  }
}

.accent-text-wrap {
  text-align: center;
}
.accent-text-wrap p {
  display: inline;
  font-size: 1.875rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#e76a6a), to(#eda0a0));
  background-image: linear-gradient(90deg, #e76a6a, #eda0a0);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 40%;
}
@media only screen and (max-width: 767px) {
  .accent-text-wrap p {
    font-size: 1.375rem;
  }
}

.border-bg {
  border-top: 8px solid #81d8d0;
  overflow: hidden;
}

.gray-bg-ttl {
  position: relative;
  margin-bottom: 120px;
  padding-top: 30px;
  background-color: #aaaaaa;
  font-size: 2.25rem;
  text-align: center;
}
.gray-bg-ttl:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90px 50vw 0 50vw;
  border-color: #aaaaaa transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

/* お悩み */
.second-about-trouble-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 75px -10px 30px -10px;
}
.second-about-trouble-list.is-four .second-about-trouble-list__item {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .second-about-trouble-list.is-four .second-about-trouble-list__item {
    width: 50%;
  }
}
.second-about-trouble-list.is-four .second-about-trouble-list__item-wrap {
  padding: 30px;
  width: 232px;
  height: 232px;
}
@media only screen and (max-width: 767px) {
  .second-about-trouble-list.is-four .second-about-trouble-list__item-wrap {
    width: 100%;
    height: 40vw;
  }
}

.second-about-trouble-list__item {
  padding-right: 10px;
  padding-left: 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .second-about-trouble-list__item {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 50%;
  }
}

.second-about-trouble-list__item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 45px;
  width: 316px;
  height: 316px;
  background-image: url(../images/about-trouble.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media only screen and (max-width: 767px) {
  .second-about-trouble-list__item-wrap {
    margin: 0 auto;
    padding: 0 6vw;
    width: 100%;
    height: 40vw;
  }
}

.second-about-trouble-img {
  text-align: center;
}
.second-about-trouble-img img {
  height: 75px;
}
@media only screen and (max-width: 767px) {
  .second-about-trouble-img img {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .second-about-trouble-img {
    width: 50%;
  }
}

.second-about-trouble-txt {
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .second-about-trouble-txt {
    margin-bottom: 10px;
    font-size: 0.75rem;
  }
}

.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.three-colum-arrow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
@media only screen and (max-width: 767px) {
  .three-colum-arrow-list {
    display: block;
    margin: 0;
  }
}

.three-colum-arrow-list__item {
  position: relative;
  padding: 0 15px;
  width: 33.3333%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .three-colum-arrow-list__item {
    margin-bottom: 30px;
    padding: 0;
    width: auto;
  }
}

.space-bottom {
  padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .space-bottom {
    padding-top: 30px;
  }
}

.space-contents {
  padding-bottom: 90px;
}

.hidden-wrap {
  overflow: hidden;
}

.bg-blue-contents {
  margin: 60px -500%;
  padding: 60px 500%;
  background-color: #ebf6f7;
}

.corporation-flex-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .corporation-flex-list {
    display: block;
  }
}
.corporation-flex-list.is-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.corporation-flex-list.is-reverse .corporation-flex-list__txt {
  margin-left: 0;
}
.corporation-flex-list.is-reverse.corporation-flex-list__img {
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .corporation-flex-list.is-reverse.corporation-flex-list__img {
    margin-right: 0;
  }
}

.corporation-flex-list__img,
.corporation-flex-list__txt {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .corporation-flex-list__img,
  .corporation-flex-list__txt {
    width: auto;
  }
}

.corporation-flex-list__txt {
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .corporation-flex-list__txt {
    margin-left: 0;
  }
}
.corporation-flex-list__txt.is-pr-20 {
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  .corporation-flex-list__txt.is-pr-20 {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .corporation-flex-list__img {
    margin-bottom: 15px;
  }
}

.mb-top {
  margin-top: 15px;
}

.corporation-flex-arrow-ttl {
  position: relative;
  margin-bottom: 15px;
  padding-left: 30px;
  font-size: 1.375rem;
}
.corporation-flex-arrow-ttl:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 10px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 13px transparent;
  border-left: solid 18px #80d7cf;
}

.corporation-flex-arrow-sub-ttl {
  margin-bottom: 5px;
  padding: 0 5px;
  border-radius: 8px;
  width: 220px;
  background-color: #eaf5f6;
  font-size: 1.375rem;
}

/**************************************************/
/* コース料金 追加修正分 */
/**************************************************/
.table-3column-list {
  border-top: 1px solid #dddddd;
}

.table-3column-list__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .table-3column-list__tr {
    display: block;
  }
}

.table-3column-list__th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  width: 180px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background: #d1eded;
}
@media only screen and (max-width: 767px) {
  .table-3column-list__th {
    width: 100%;
  }
}

.table-3column-list__ttl {
  white-space: nowrap;
}

.table-td-data-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.table-td-data-flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dddddd;
}

.table-3column-list__td {
  padding: 10px;
  color: #393939;
  background-color: #ffffff;
}
.table-3column-list__td.is-01 {
  width: 120px;
  border-right: 1px solid #dddddd;
  background-color: #ebf6f7;
  text-align: center;
}
.table-3column-list__td.is-02 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 30px;
}

.arrow-bttom-wrap {
  position: relative;
  margin-bottom: 90px;
}
.arrow-bttom-wrap:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -55px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #80d7cf transparent transparent transparent;
  border-width: 30px 30px 0 30px;
}
.arrow-bttom-wrap.is-course:before {
  border-width: 20px 20px 0 20px;
}

.course-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -5px;
}

.course-img-wrap__item {
  margin-bottom: 10px;
  padding: 0 5px;
  padding-bottom: 0 !important;
  width: 50%;
}

.table-icon-wrap {
  position: relative;
}

.table-icon-img {
  position: absolute;
  top: -45px;
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .table-icon-img {
    right: auto;
    left: -10px;
  }
  .table-icon-img img {
    width: 70px;
  }
}

/**************************************************/
/* コートレンタルページ */
/**************************************************/
.rental-main-visual {
  background-color: #ebf6f7;
}

.rental-main-visual-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 525px;
  background-image: url(../images/second-rental-bg-img.jpg);
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .rental-main-visual-wrap {
    margin: 0 -15px;
    height: 600px;
  }
}

.rental-main-visual-contents {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .rental-main-visual-contents {
    width: 80%;
  }
}

.rental-main-visual-ttl {
  margin-bottom: 60px;
  width: 496px;
}
@media only screen and (max-width: 767px) {
  .rental-main-visual-ttl {
    margin: 0 auto;
    margin-bottom: 60px;
    width: 260px;
  }
}

.rental-main-visual-txt {
  color: #ffffff;
  font-size: 1.375rem;
  line-height: 2.25rem;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 767px) {
  .rental-main-visual-txt {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}

.rental-first-contents {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .rental-first-contents {
    margin-top: 45px;
  }
}

.rental-flex-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -30px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .rental-flex-list {
    display: block;
    margin: 0;
    margin-bottom: 45px;
  }
}
.rental-flex-list.is-10 {
  margin: 0 -10px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .rental-flex-list.is-10 {
    margin: 0;
    margin-bottom: 45px;
  }
}
.rental-flex-list.is-45 {
  margin: 0 -22px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .rental-flex-list.is-45 {
    margin: 0;
    margin-bottom: 45px;
  }
}

.rental-flex-list__item {
  padding: 0 30px;
  width: 33.333%;
}
@media only screen and (max-width: 767px) {
  .rental-flex-list__item {
    margin-bottom: 30px;
    padding: 0;
    width: auto;
  }
  .rental-flex-list__item:last-child {
    margin-bottom: 0;
  }
}
.rental-flex-list__item.is-10 {
  padding: 0 10px;
}
@media only screen and (max-width: 767px) {
  .rental-flex-list__item.is-10 {
    padding: 0;
  }
}
.rental-flex-list__item.is-45 {
  padding: 0 22px;
}
@media only screen and (max-width: 767px) {
  .rental-flex-list__item.is-45 {
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 460px;
    padding: 0;
  }
}
.rental-flex-list__item.is-two {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .rental-flex-list__item.is-two {
    width: auto;
  }
}

.rental-top {
  margin-top: 60px !important;
}

.rental-features-img {
  text-align: center;
}
.rental-features-img img {
  width: 450px;
}
@media only screen and (max-width: 767px) {
  .rental-features-img img {
    width: auto;
  }
}

.rental-features-movie {
  margin-top: 105px;
}

.rental-graph-ttl {
  margin-bottom: 30px;
  padding: 14px 0;
  width: 100%;
  background-color: #ffffff;
  font-size: 1.375rem;
  text-align: center;
}

.rental-graph-txt {
  margin-top: 10px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .rental-graph-txt.is-rental {
    font-size: 0.75rem;
    text-align: left;
  }
}

.school-rental-attention {
  padding: 45px 30px;
  border-radius: 30px;
  background-color: #81d8d0;
}
@media only screen and (max-width: 767px) {
  .school-rental-attention {
    padding: 30px 15px;
  }
}

.school-rental-attention-contents {
  padding: 30px 45px;
  border-radius: 30px;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .school-rental-attention-contents {
    padding: 30px 15px;
  }
}

.school-rental-contact-btn-wrap {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .school-rental-contact-btn-wrap {
    margin-top: 60px;
  }
}

.school-rental-contact-btn {
  display: block;
  position: relative;
  padding: 39px 15px;
  color: #393939;
  background-color: #ffe000;
  font-size: 1.75rem;
  text-align: center;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .school-rental-contact-btn {
    font-size: 1rem;
  }
}
.school-rental-contact-btn:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.school-rental-contact-btn:hover {
  color: #393939;
  text-decoration: none;
}
.school-rental-contact-btn:hover:before {
  left: 100%;
}

.position-logo:before {
  content: "";
  position: absolute;
  top: 50px;
  left: 20;
  background-repeat: no-repeat;
  background-size: 120px;
  width: 120px;
  height: 121px;
}
@media only screen and (max-width: 767px) {
  .position-logo:before {
    content: none;
  }
}
.position-logo.is-odaiba:before {
  background-image: url(../images/position-odaiba-logo.svg);
}
.position-logo.is-shinjuku:before {
  background-image: url(../images/position-shinjuku-logo.svg);
}
.position-logo.is-shibuya:before {
  background-image: url(../images/position-shibuya-logo.svg);
}
.position-logo.is-chibamakuhari:before {
  height: 130px;
  background-image: url(../images/school/chiba-logo-square.svg);
}
.position-logo.is-yokohama:before {
  top: 60px;
  background-image: url(../images/school/yokohama-logo-square.svg);
}
.position-logo.is-shimonoseki:before {
  background-image: url(../images/school/shimonoseki-logo-square.svg);
}
.position-logo.is-vr:before {
  background-image: url(../images/position-vr-logo.svg);
}
.position-logo.is-kisarazu:before {
  background-image: url(../images/school/kisarazu-logo-square.svg);
}
.position-logo.is-yokkaichi:before {
  background-image: url(../images/school/yokkaichi-logo-square.svg);
}
.position-logo.is-osaka:before {
  background-image: url(../images/school/osaka-logo-square.svg);
}
.position-logo.is-saitama:before {
  background-image: url(../images/school/saitama-logo-square.svg);
}

.school-outdoor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 30px;
}
@media only screen and (max-width: 767px) {
  .school-outdoor-list {
    display: block;
    margin: 0;
  }
}

.school-outdoor-list__item {
  padding: 0 30px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-outdoor-list__item {
    padding: 0;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .school-outdoor-list__item img {
    width: 100%;
  }
}

.school-outdoor-list__txt {
  margin-bottom: 15px;
}
.school-outdoor-list__txt span {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.school-images-column-top,
.school-images-column-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}

.school-images-column-two {
  padding: 0 8px;
  width: 50%;
}
.school-images-column-two img {
  width: 100%;
}

.school-odaiba-parking-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-parking-list {
    display: block;
  }
}

.school-odaiba-parking-list__item {
  margin-right: 15px;
  width: 46%;
}
.school-odaiba-parking-list__item:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .school-odaiba-parking-list__item {
    margin-bottom: 30px;
    margin-right: 0;
    width: auto;
  }
  .school-odaiba-parking-list__item:last-child {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
.school-odaiba-parking-list__item img {
  width: 100%;
}

.school-form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -30px;
}
@media only screen and (max-width: 767px) {
  .school-form-wrap {
    display: block;
    margin: 0;
  }
}
.school-form-wrap.is-3clm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin: 0 0 60px;
}
@media only screen and (max-width: 767px) {
  .school-form-wrap.is-3clm {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.school-form-wrap.is-3clm .school-form-item {
  margin-bottom: 0;
  padding: 0;
  width: auto;
}
.school-form-wrap.is-3clm .school-form-item__txt {
  padding: 10px;
  font-size: 0.75rem;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .school-form-wrap.is-3clm .school-form-item__txt {
    font-size: 0.875rem;
  }
}
.school-form-wrap.is-3clm .school-form-item-btn {
  width: 90%;
  padding: 15px;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .school-form-wrap.is-3clm .school-form-item-btn {
    width: 80%;
    padding: 10px 15px;
    font-size: 1.125rem;
  }
}

.school-form-item {
  position: relative;
  margin-bottom: 60px;
  padding: 0 30px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-form-item {
    margin-bottom: 30px;
    padding: 0;
    width: auto;
  }
}
.school-form-item.is-tachikawa::before {
  display: block;
  -ms-flex-line-pack: center;
      align-content: center;
  position: absolute;
  top: 20%;
  left: 50%;
  z-index: 10;
  width: 75%;
  height: 70%;
  background: rgba(204, 0, 0, 0.8);
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "開校準備中";
}

a.school-form-item__link {
  color: #393939;
}
a.school-form-item__link:hover .school-form-item-btn {
  color: #ffffff;
  text-decoration: none;
}
a.school-form-item__link:hover .school-form-item-btn i {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
a.school-form-item__link:hover img {
  opacity: 0.8;
}

.school-form-item__wrap {
  position: relative;
}

.school-form-item__img img {
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.school-form-item__txt {
  position: absolute;
  top: 55px;
  left: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .school-form-item__txt {
    padding: 10px;
    font-size: 0.875rem;
  }
}
.school-form-item__txt span {
  display: block;
  font-size: 0.75rem;
  line-height: 1.5em;
}

.school-form-item__btn {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .school-form-item__btn {
    bottom: 15px;
  }
}

.school-form__txt {
  text-align: center;
  padding: 3px 10px;
  background: #81d8d0;
  font-size: 1.125rem;
  margin-bottom: 10px;
  max-width: 350px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .school-form__txt {
    font-size: 1rem;
  }
}

.school-form-item-btn {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 15px 15px 15px 40px;
  width: 80%;
  border: 3px solid #ffffff;
  border-radius: 45px;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fc007e), to(#f5666f));
  background: linear-gradient(to bottom, #fc007e, #f5666f);
  font-size: 1.5rem;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-form-item-btn {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 520px) {
  .school-form-item-btn {
    padding: 10px 15px;
  }
}
.school-form-item-btn i {
  -webkit-transition: -webkit-transform 0.3s 0s ease;
  transition: -webkit-transform 0.3s 0s ease;
  transition: transform 0.3s 0s ease;
  transition: transform 0.3s 0s ease, -webkit-transform 0.3s 0s ease;
}
.school-form-item-btn.is-pink {
  background: -webkit-gradient(linear, left top, left bottom, from(#fc007e), to(#f5666f));
  background: linear-gradient(to bottom, #fc007e, #f5666f);
}
.school-form-item-btn.is-disable {
  padding: 20px 15px;
  font-size: 14px;
  background: #bbbbbb;
}
@media only screen and (max-width: 520px) {
  .school-form-item-btn.is-disable {
    padding: 10px 15px;
    line-height: 1.3em;
  }
}
.school-form-item-btn.is-odaiba {
  padding: 20px 10px;
}
@media only screen and (max-width: 520px) {
  .school-form-item-btn.is-odaiba {
    padding: 10px 15px;
    line-height: 1.3em;
  }
}
@media only screen and (max-width: 520px) {
  .school-form-item-btn.is-yokohama {
    padding: 10px 15px 10px 50px;
  }
}
.school-form-item-btn.is-tachikawa {
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .school-form-item-btn.is-tachikawa {
    font-size: 1rem;
  }
}

.school-form-item-btn__new {
  position: absolute;
  top: 50%;
  left: 30px;
  padding: 3px 10px;
  border-radius: 15px;
  font-size: 14px;
  background: #ffffff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #f56e6e;
}

.school-form-item-txt {
  margin-top: 10px;
  text-align: center;
}

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

/**************************************************/
/* メディア掲載ページ */
/**************************************************/
.media-icon-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 45px;
}
.media-icon-ttl-wrap.is-flow {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .media-icon-ttl-wrap.is-contents {
    display: block;
  }
}
.media-icon-ttl-wrap .c-ttl-sub-s, .media-icon-ttl-wrap .c-flow-list__ttl {
  margin-bottom: 0;
}
.media-icon-ttl-wrap .c-ttl-sub-s {
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .media-icon-ttl-wrap .c-ttl-sub-s {
    font-size: 1.375rem;
  }
}

.media-icon-ttl-img {
  margin-right: 15px;
}
.media-icon-ttl-img img {
  width: 60px;
}
@media only screen and (max-width: 767px) {
  .media-icon-ttl-img img {
    width: 55px;
  }
}
.media-icon-ttl-img.is-flow {
  margin-right: 5px;
}
.media-icon-ttl-img.is-flow img {
  width: 50px;
}
@media only screen and (max-width: 767px) {
  .media-icon-ttl-img.is-flow img {
    width: 45px;
  }
}
.media-icon-ttl-img.is-wide {
  margin-right: 5px;
}
.media-icon-ttl-img.is-wide img {
  width: 55px;
}
@media only screen and (max-width: 767px) {
  .media-icon-ttl-img.is-wide img {
    width: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .media-icon-ttl-img.is-contents {
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
  }
}

.btn-media-more {
  margin-top: 60px;
  text-align: center;
}

.school-form-txt {
  margin-bottom: 15px;
  font-size: 1.375rem;
  text-align: center;
}

.school-form-txt__ttl {
  margin-bottom: 30px;
  font-size: 30px;
}
@media only screen and (max-width: 767px) {
  .school-form-txt__ttl {
    margin-bottom: 15px;
    font-size: 21px;
  }
}

.school-form-txt__bg {
  margin: 0 calc(50% - 50vw);
  padding: 120px calc(50vw - 50%);
  width: 100vw;
  background: url(../images/school/campaign-bg.jpg) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 960px) {
  .school-form-txt__bg {
    width: auto;
    margin: 0;
    padding: 120px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .school-form-txt__bg {
    width: auto;
    margin: 0 -15px;
    padding: 60px 15px;
  }
}

.school-form-txt__badge {
  margin-right: 60px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .school-form-txt__badge {
    margin-right: 0;
  }
}
.school-form-txt__badge img {
  width: 150px;
}

.school-form-txt__btn {
  text-align: center;
}
.school-form-txt__btn a {
  font-size: 30px;
}
@media only screen and (max-width: 767px) {
  .school-form-txt__btn a {
    font-size: 20px;
  }
}

.c-btn.is-school-form-txt__btn {
  min-width: none;
}

#form-410,
#form-926 {
  margin-bottom: 0;
  padding-bottom: 90px;
}
#form-410 .about-contents,
#form-926 .about-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #form-410 .about-contents,
  #form-926 .about-contents {
    display: block;
  }
}
#form-410 .l-contents-box,
#form-926 .l-contents-box {
  margin: 0 10px 20px 10px;
  padding: 20px 30px 25px 30px;
  width: calc(50% - 20px);
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  #form-410 .l-contents-box,
  #form-926 .l-contents-box {
    margin: 0 0 15px 0;
    padding: 15px 15px 15px 15px;
    width: auto;
  }
}
#form-410 .c-ttl-sub-s,
#form-926 .c-ttl-sub-s {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 3px solid #81d8d0;
  font-size: 18px;
  text-align: left;
}
#form-410 .about-body,
#form-926 .about-body {
  margin-bottom: 0;
  font-size: 14px;
}

#form-411,
#form-942 {
  padding: 5px 500% 90px 500%;
  margin-right: -500%;
  margin-left: -500%;
  background: #ebf6f7;
}

/**************************************************/
/* VR */
/**************************************************/
.school-vr-main-visual,
.school-vr-main-visual-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.school-vr-main-visual {
  margin-top: 43px;
  background-image: url(../images/school-vr-main-visual-img.jpg);
}
@media only screen and (max-width: 767px) {
  .school-vr-main-visual {
    margin-top: 0;
  }
}

.school-vr-main-visual-bg {
  height: 556px;
  background-image: url(../images/school-vr-main-visual-bg-img.jpg);
}
@media only screen and (max-width: 767px) {
  .school-vr-main-visual-bg {
    margin: 0 -15px;
    height: auto;
  }
}
@media only screen and (max-width: 520px) {
  .school-vr-main-visual-bg {
    background-position: center left 25%;
  }
}

.school-vr-main-visual-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 30px;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .school-vr-main-visual-contents {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0;
    padding: 30px 15px;
  }
}

.school-vr-main-visual-logo {
  margin-bottom: 30px;
  width: 520px;
}
@media only screen and (max-width: 767px) {
  .school-vr-main-visual-logo {
    width: 80%;
  }
}
@media only screen and (max-width: 520px) {
  .school-vr-main-visual-logo {
    width: 100%;
  }
}
.school-vr-main-visual-logo img {
  width: 100%;
}

.school-vr-main-visual-txt {
  margin-bottom: 45px;
  font-size: 1.125rem;
  text-align: center;
}
@media only screen and (max-width: 520px) {
  .school-vr-main-visual-txt {
    margin-bottom: 30px;
  }
}

.school-vr-main-visual-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 520px) {
  .school-vr-main-visual-icon {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.school-vr-main-visual-icon__item {
  padding: 0 8px;
}
@media only screen and (max-width: 520px) {
  .school-vr-main-visual-icon__item {
    margin-bottom: 15px;
    width: 50%;
  }
  .school-vr-main-visual-icon__item:first-child {
    width: 100%;
    text-align: center;
  }
  .school-vr-main-visual-icon__item:first-child img {
    width: 50%;
  }
}
.school-vr-main-visual-icon__item img {
  width: 150px;
}
@media only screen and (max-width: 520px) {
  .school-vr-main-visual-icon__item img {
    width: 100%;
  }
}

/* ドット背景 */
.school-vr-dots-bg {
  padding: 45px 60px;
  border-radius: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(119, 119, 119, 0.5);
          box-shadow: 0 0 5px rgba(119, 119, 119, 0.5);
}
@media only screen and (max-width: 767px) {
  .school-vr-dots-bg {
    padding: 30px 30px 45px 30px;
  }
}

.school-vr-dots-fukidashi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .school-vr-dots-fukidashi {
    margin: 0 -8px;
    margin-bottom: 45px;
  }
}

.school-vr-dots-fukidashi__item {
  padding: 0 15px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-vr-dots-fukidashi__item {
    padding: 0 8px;
  }
}

.school-vr-dots-fukidashi__txt {
  position: relative;
  padding: 15px;
  border-radius: 15px;
  width: 100%;
  background-color: #d8d8d8;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-vr-dots-fukidashi__txt {
    padding: 15px 10px;
    font-size: 0.75rem;
  }
}
.school-vr-dots-fukidashi__txt:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.school-vr-dots-fukidashi__txt.is-01:before {
  border-width: 0 20px 20px 0;
  border-color: transparent #d8d8d8 transparent transparent;
}
.school-vr-dots-fukidashi__txt.is-02:before {
  border-width: 20px 20px 0 0;
  border-color: #d8d8d8 transparent transparent transparent;
}

.school-vr-dots-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media only screen and (max-width: 767px) {
  .school-vr-dots-wrap {
    display: block;
    margin: 0;
  }
}

.school-vr-dots-img,
.school-vr-dots-txt {
  padding: 0 15px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-vr-dots-img,
  .school-vr-dots-txt {
    padding: 0;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .school-vr-dots-img {
    margin-bottom: 15px;
  }
}
.school-vr-dots-img img {
  width: 100%;
}

.school-vr-dots-txt {
  font-size: 1.125rem;
}

/* 水色背景 */
.school-vr-bg-contents-img-list__txt {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ffffff;
}

.school-vr-bg-contents-white {
  margin: 0 auto;
  margin-bottom: 75px;
  padding: 0 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 23px;
  background-color: #ffffff;
  line-height: 2.8125rem;
}
@media only screen and (max-width: 767px) {
  .school-vr-bg-contents-white {
    padding: 15px 30px;
    border-radius: 60px;
    font-size: 0.75rem;
    line-height: inherit;
  }
}

.school-vr-bg-contents-school {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -15px;
}
@media only screen and (max-width: 767px) {
  .school-vr-bg-contents-school {
    display: block;
    margin: 0;
  }
}

.school-vr-bg-contents-school__item {
  padding: 0 15px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-vr-bg-contents-school__item {
    padding: 0;
    width: auto;
  }
  .school-vr-bg-contents-school__item:first-child {
    margin-bottom: 30px;
  }
}

.school-vr-bg-contents-school__wrap {
  padding: 30px 45px 45px 45px;
  border-radius: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(119, 119, 119, 0.5);
          box-shadow: 0 0 5px rgba(119, 119, 119, 0.5);
}
@media only screen and (max-width: 767px) {
  .school-vr-bg-contents-school__wrap {
    padding: 30px 30px 45px 30px;
  }
}

.school-vr-bg-contents-school__logo {
  margin-bottom: 15px;
  text-align: center;
}

.school-vr-bg-contents-school__txt {
  margin-bottom: 15px;
  font-size: 1.375rem;
  text-align: center;
}

.school-vr-bg-contents-school__img img {
  width: 100%;
}

/* グラデーションコンテンツ */
.school-vr-two-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -15px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .school-vr-two-list {
    display: block;
    margin: 0;
    margin-bottom: 30px;
  }
}

.school-vr-two-list__item {
  padding: 0 15px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-vr-two-list__item {
    margin-bottom: 30px;
    padding: 0;
    width: auto;
  }
}

.school-vr-three-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -8px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .school-vr-three-list {
    display: block;
    margin: 0;
    margin-bottom: 30px;
  }
}

.school-vr-three-list__item {
  padding: 0 8px;
  width: 33.333%;
}
@media only screen and (max-width: 767px) {
  .school-vr-three-list__item {
    margin-bottom: 30px;
    padding: 0;
    width: auto;
  }
}

.school-vr-column-list__wrap {
  background: rgb(128, 201, 193);
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgb(128, 201, 193)), to(rgb(0, 154, 193)));
  background: linear-gradient(90deg, rgb(128, 201, 193) 35%, rgb(0, 154, 193) 100%);
}

.school-vr-column-list__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 15px 5px 15px;
  color: #ffffff;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__ttl {
    font-size: 1.125rem;
    white-space: nowrap;
  }
}
.school-vr-column-list__ttl img {
  margin-right: 15px;
}

.school-vr-column-list__contents {
  padding: 3px;
}

.school-vr-column-list__white {
  padding: 30px;
  min-height: 165px;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__white {
    padding: 30px 15px;
    min-height: inherit;
  }
}
.school-vr-column-list__white.is-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__white.is-three {
    margin-top: 0;
  }
}
.school-vr-column-list__white.is-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.school-vr-column-list__gray {
  padding: 30px 20px;
  min-height: 150px;
  background-color: #dfdfdf;
  letter-spacing: -1px;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__gray {
    min-height: inherit;
    letter-spacing: inherit;
  }
}
.school-vr-column-list__gray.is-three {
  padding: 15px 20px;
  width: 100%;
  min-height: 120px;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__gray.is-three {
    margin-top: 0;
    min-height: inherit;
  }
}

.school-vr-column-list__txt {
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__txt {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .school-vr-column-list__mintxt {
    font-size: 0.75rem;
  }
}

.school-vr-column-list__large-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__large-txt {
    font-size: 1.125rem;
    white-space: nowrap;
  }
}
.school-vr-column-list__large-txt.is-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.school-vr-column-list__large-txt span {
  font-size: 0.75rem;
}
.school-vr-column-list__large-txt img {
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__large-txt img {
    margin-right: 10px;
    width: 18px;
  }
}

.school-vr-column-list__school_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__school_wrap {
    margin: 0 -30px;
  }
}
@media only screen and (max-width: 460px) {
  .school-vr-column-list__school_wrap {
    margin: 0 -15px;
  }
}

.school-vr-column-list__school {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__school {
    padding: 0 30px;
    width: 50%;
  }
  .school-vr-column-list__school img {
    width: 100%;
    max-width: 105px;
  }
}
@media only screen and (max-width: 460px) {
  .school-vr-column-list__school {
    padding: 0 15px;
  }
}
.school-vr-column-list__school span {
  display: block;
  margin-top: 5px;
  font-size: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .school-vr-column-list__school span {
    margin-top: 15px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 460px) {
  .school-vr-column-list__school span {
    font-size: 0.75rem;
  }
}

/**************************************************/
/* 屋内点検 */
/**************************************************/
.school-indoor-main-visual {
  margin-top: 45px;
  padding-bottom: 45px;
  background-image: url(../images/school-indoor-main-visual-bg-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .school-indoor-main-visual {
    margin-top: 0;
  }
}

.school-indoor-main-visual-img {
  margin-bottom: 45px;
}
.school-indoor-main-visual-ttl {
  margin: 0 auto;
  margin-bottom: -25px;
  padding: 15px 90px 0 90px;
  width: 720px;
  border-radius: 20px 20px 0 0;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .school-indoor-main-visual-ttl {
    padding: 15px 45px 0 45px;
    width: 80%;
    border-radius: 15px 15px 0 0;
  }
}
@media only screen and (max-width: 520px) {
  .school-indoor-main-visual-ttl {
    padding: 15px 30px 0 30px;
    width: 85%;
  }
}
.school-indoor-main-visual-ttl img {
  width: 100%;
}

.school-indoor-main-visual-wrap {
  padding: 45px 30px 30px 30px;
  border-radius: 20px;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .school-indoor-main-visual-wrap {
    border-radius: 15px;
  }
}

.school-indoor-main-visual-txt {
  font-size: 1.375rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-indoor-main-visual-txt {
    font-size: 1.125rem;
  }
}

/* 特徴 */
.school-indoor-features {
  margin-top: 195px;
  padding-top: 195px;
  padding-bottom: 45px;
  background-color: #81d8d0;
}
@media only screen and (max-width: 767px) {
  .school-indoor-features {
    margin-top: 160px;
    padding-top: 160px;
  }
}

.school-indoor-features-position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  position: absolute;
  top: -320px;
  right: 14px;
}
@media only screen and (max-width: 767px) {
  .school-indoor-features-position {
    display: block;
    top: -280px;
    right: auto;
    left: 0;
    width: 100%;
  }
}

.school-indoor-features-position-txt {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-bottom: 1px solid #9e9e9e;
}
@media only screen and (max-width: 767px) {
  .school-indoor-features-position-txt {
    margin: 0 15px 30px auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 0.75rem;
    white-space: nowrap;
  }
}
.school-indoor-features-position-txt:before {
  content: "";
  position: absolute;
  left: -50px;
  bottom: -22px;
  height: 1px;
  width: 60px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  background-color: #9e9e9e;
}
@media only screen and (max-width: 767px) {
  .school-indoor-features-position-txt:before {
    left: -63px;
    bottom: -28px;
    width: 75px;
    z-index: -1;
  }
}
.br-indoor {
  display: none;
}
@media only screen and (max-width: 520px) {
  .br-indoor {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .school-indoor-features-position-img {
    width: 100%;
    text-align: center;
  }
  .school-indoor-features-position-img img {
    max-width: 300px;
    width: 100%;
  }
}

.school-indoor-features-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}
@media only screen and (max-width: 767px) {
  .school-indoor-features-list {
    display: block;
    margin: 0;
  }
}

.school-indoor-features-list__item {
  margin-bottom: 30px;
  padding: 0 10px;
  width: 33.333%;
}
@media only screen and (max-width: 767px) {
  .school-indoor-features-list__item {
    margin-bottom: 30px;
    padding: 0;
    width: auto;
  }
}

.school-indoor-features-list__wrap {
  padding: 20px 0;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(119, 119, 119, 0.5);
          box-shadow: 0 0 5px rgba(119, 119, 119, 0.5);
}
.school-indoor-features-list__ttl {
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 0 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 23px;
  background-color: #ffdb00;
  line-height: 1.75rem;
  white-space: nowrap;
}
.school-indoor-features-list__ttl span {
  display: inline-block;
  margin-left: 5px;
}

.school-indoor-features-list__txt {
  font-size: 1.375rem;
  line-height: 1.8;
  text-align: center;
}
.school-indoor-features-list__txt span {
  display: block;
  margin-top: 10px;
  font-size: 0.75rem;
}

/* これまでの点検業務受託実績 */
.school-indoor-achieve {
  position: relative;
  padding-top: 75px;
  padding-bottom: 60px;
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .school-indoor-achieve {
    padding-top: 45px;
    padding-bottom: 30px;
  }
}
.school-indoor-achieve::before {
  content: "";
  position: absolute;
  top: 165px;
  left: 0;
  right: 0;
  width: 100%;
  height: 300px;
  background: url(../images/indoor/indoor-achieve-bg.jpg) no-repeat center center;
  background-size: cover;
}

.school-indoor-achieve-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 225px;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 767px) {
  .school-indoor-achieve-list {
    display: block;
    margin-top: 225px;
    margin-left: 0;
    margin-right: 0;
  }
}

.school-indoor-achieve-list__item {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  width: calc(25% - 20px);
  border-radius: 15px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(119, 119, 119, 0.5);
          box-shadow: 0 0 5px rgba(119, 119, 119, 0.5);
}
@media only screen and (max-width: 767px) {
  .school-indoor-achieve-list__item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
    padding: 20px;
    width: auto;
  }
}

.school-indoor-achieve-list__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid #81d8d0;
  font-size: 21px;
  text-align: center;
}
.school-indoor-achieve-list__ttl span {
  font-size: 12px;
}

.school-indoor-achieve-list__body {
  font-size: 14px;
}

/* IBIS */
.school-indoor-exercise {
  padding: 75px 0;
}
@media only screen and (max-width: 767px) {
  .school-indoor-exercise {
    padding: 45px 0 30px 0;
  }
}

.school-indoor-exercise-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}
@media only screen and (max-width: 520px) {
  .school-indoor-exercise-list {
    display: block;
    margin: 0;
  }
}

.school-indoor-exercise-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 40px;
  padding: 0 10px;
  width: 33.333%;
}
@media only screen and (max-width: 767px) {
  .school-indoor-exercise-list__item {
    width: 50%;
  }
}
@media only screen and (max-width: 520px) {
  .school-indoor-exercise-list__item {
    padding: 0;
    width: auto;
  }
}
.school-indoor-exercise-list__item img {
  width: 100%;
}

.school-indoor-exercise-list__caption {
  margin-top: 15px;
  text-align: center;
}

/* レポート */
.school-indoor-dots-txt {
  margin-bottom: 30px;
  font-size: 1.375rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-indoor-dots-txt {
    font-size: 1.125rem;
  }
}
.school-indoor-dots-txt span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffdb00));
  background: linear-gradient(transparent 60%, #ffdb00 60%);
}

.school-indoor-dots-wrap {
  position: relative;
  text-align: center;
}
.school-indoor-dots-wrap:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #80beb6;
  z-index: 0;
}

.school-indoor-dots-border-txt {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
  padding: 0 15px;
  background-color: #ffffff;
  z-index: 1;
  white-space: nowrap;
}

.school-indoor-flow-step {
  margin-bottom: 10px;
  color: #81d8d0;
  font-size: 1.75rem;
  line-height: 1.5rem;
}
.school-indoor-flow-step span {
  display: block;
  font-size: 0.75rem;
}

.school-indoor-dialogue-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -45px;
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .school-indoor-dialogue-wrap {
    display: block;
    margin: 0;
  }
}

.school-indoor-dialogue-img,
.school-indoor-dialogue-contents {
  padding: 0 45px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-indoor-dialogue-img,
  .school-indoor-dialogue-contents {
    margin-bottom: 30px;
    padding: 0;
    width: auto;
  }
}

.school-indoor-dialogue-img img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .school-indoor-dialogue-contents {
    margin-bottom: 60px;
  }
}

.school-indoor-dialogue-contents-txt {
  margin-bottom: 15px;
  line-height: 1.8;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .school-indoor-dialogue-contents-txt {
    margin-bottom: 10px;
  }
  .school-indoor-dialogue-contents-txt span {
    display: block;
    text-align: center;
  }
}

.school-indoor-contact-txt {
  position: relative;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 0 45px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .school-indoor-contact-txt {
    padding: 0 30px;
    font-size: 1.125rem;
  }
}
.school-indoor-contact-txt:before, .school-indoor-contact-txt:after {
  content: "";
  position: absolute;
  bottom: 20px;
  height: 2px;
  width: 45px;
  background-color: #80beb6;
}
@media only screen and (max-width: 767px) {
  .school-indoor-contact-txt:before, .school-indoor-contact-txt:after {
    width: 30px;
  }
}
.school-indoor-contact-txt:before {
  left: -5px;
  -webkit-transform: rotate(-130deg);
          transform: rotate(-130deg);
}
.school-indoor-contact-txt:after {
  right: 10px;
  -webkit-transform: rotate(130deg);
          transform: rotate(130deg);
}
@media only screen and (max-width: 767px) {
  .school-indoor-contact-txt:after {
    right: -5px;
  }
}

@media only screen and (max-width: 767px) {
  .school-indoor-btn {
    text-align: center;
  }
}

/* 屋内点検 調査実施までの流れ */
.indoor-flow__ttl {
  margin-bottom: 30px;
  text-align: center;
}
.indoor-flow__ttl span {
  display: inline-block;
  padding: 5px 30px;
  border-radius: 20px;
  font-size: 18px;
  background: #00b39e;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .indoor-flow__ttl span {
    padding: 5px 15px;
  }
}
.indoor-flow__ttl.is-white span {
  background: #ffffff;
  color: #000000;
}

.indoor-flow-recommend {
  margin-left: auto;
  margin-right: auto;
  max-width: 760px;
  padding: 30px;
  border-radius: 15px;
  background: #00b39e;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .indoor-flow-recommend {
    padding: 30px 15px;
  }
}

.indoor-flow-recommend-list {
  text-align: center;
}
.indoor-flow-recommend-list li {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  padding-left: 35px;
  font-size: 28px;
}
.indoor-flow-recommend-list li::before {
  content: "\f058";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 28px;
  font-weight: 900;
  font-family: "Font Awesome 5 free";
}

.indoor-flow__body {
  margin-top: 45px;
  margin-bottom: 45px;
  line-height: 2;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .indoor-flow__body {
    text-align: left;
  }
}

.indoor-flow-service {
  padding: 45px 60px;
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .indoor-flow-service {
    padding: 30px 30px;
  }
}

.indoor-flow-service-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .indoor-flow-service-list__item {
    display: block;
    margin-bottom: 15px;
  }
}
.indoor-flow-service-list__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.indoor-flow-service-list__item:last-child {
  margin-bottom: 0;
}

.indoor-flow-service-list__img {
  width: 270px;
}
@media only screen and (max-width: 767px) {
  .indoor-flow-service-list__img {
    width: auto;
    text-align: center;
  }
}

.indoor-flow-service-list__txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 40px;
}
@media only screen and (max-width: 767px) {
  .indoor-flow-service-list__txt {
    padding: 20px 15px;
  }
}

.indoor-flow-service-list__ttl {
  display: inline-block;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #81d8d0;
  font-size: 21px;
}

.indoor-flow-use {
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  max-width: 850px;
}

.indoor-flow-use-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  position: relative;
  margin-bottom: 40px;
  padding: 20px 20px 20px 40px;
  border-radius: 15px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(119, 119, 119, 0.5);
          box-shadow: 0 0 5px rgba(119, 119, 119, 0.5);
}
@media only screen and (max-width: 767px) {
  .indoor-flow-use-list__item {
    display: block;
    margin-bottom: 30px;
    padding: 15px 30px 20px 30px;
  }
}
.indoor-flow-use-list__item::before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  border-right: 3px solid #81d8d0;
  border-bottom: 3px solid #81d8d0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
  .indoor-flow-use-list__item::before {
    bottom: -20px;
  }
}
.indoor-flow-use-list__item:last-child {
  margin-bottom: 0;
}
.indoor-flow-use-list__item:last-child::before {
  content: none;
}

.indoor-flow-use-list__img {
  width: 210px;
}
@media only screen and (max-width: 767px) {
  .indoor-flow-use-list__img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}

.indoor-flow-use-list__txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .indoor-flow-use-list__txt {
    margin-right: 0;
  }
}

.indoor-flow-use-list__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.indoor-flow-use-list__num {
  margin-right: 30px;
  line-height: 1.2;
  font-size: 14px;
  color: #00b39e;
}
.indoor-flow-use-list__num span {
  display: block;
  font-size: 30px;
}

.indoor-flow-use-list__ttl {
  font-size: 21px;
  color: #000000;
}

/**************************************************/
/* 災害支援 */
/**************************************************/
.school-disaster-main-visual-wrap {
  position: relative;
  background-color: #ebf6f7;
}

.school-disaster-main-visual {
  background-image: url(../images/school-disaster-main-visual-img.jpg);
}
@media only screen and (max-width: 767px) {
  .school-disaster-main-visual {
    margin-top: 0;
  }
}

.school-disaster-main-visual-bg {
  height: 680px;
  background-image: url(../images/school-disaster-main-visual-bg-img.jpg);
}
@media only screen and (max-width: 767px) {
  .school-disaster-main-visual-bg {
    margin: 0 -15px;
    height: 500px;
    background-position: 70% 40%;
  }
}

.school-disaster-main-visual-txt-wrap {
  position: absolute;
  top: 30px;
  left: 0;
}
.school-disaster-main-visual-ttl {
  margin: 0 auto;
  margin-bottom: -25px;
  padding: 15px 60px 0 60px;
  width: 810px;
  border-radius: 20px 20px 0 0;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .school-disaster-main-visual-ttl {
    padding: 15px 30px 0 30px;
    width: 80%;
    border-radius: 15px 15px 0 0;
  }
}
@media only screen and (max-width: 520px) {
  .school-disaster-main-visual-ttl {
    padding: 15px 30px 0 30px;
    width: 85%;
  }
}
.school-disaster-main-visual-ttl img {
  width: 100%;
}

.school-disaster-main-visual-white-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 20px;
  padding: 45px 30px 30px 30px;
  border-radius: 20px;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .school-disaster-main-visual-white-wrap {
    display: block;
    margin: 0;
    padding: 45px 20px 10px 20px;
    border-radius: 15px;
  }
}

.school-disaster-main-visual-img {
  margin-right: 45px;
  width: 220px;
}
@media only screen and (max-width: 767px) {
  .school-disaster-main-visual-img {
    margin: 0 auto 15px auto;
    width: 40%;
    max-width: 200px;
  }
}
.school-disaster-main-visual-img img {
  width: 100%;
}

.school-disaster-main-visual-txt {
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .school-disaster-main-visual-txt {
    font-size: 1.125rem;
  }
}

.school-disaster-flow-step {
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 0 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 23px;
  color: #ffffff;
  background-color: #80d2ca;
  line-height: 1.75rem;
  white-space: nowrap;
}

.school-disaster-tec {
  padding: 30px;
  border-radius: 20px;
  background-color: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .school-disaster-tec {
    padding: 30px 15px 15px 15px;
  }
}

.school-disaster-tec-txt {
  margin-bottom: 30px;
  font-size: 1.75rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-disaster-tec-txt {
    padding: 0 15px;
    font-size: 1.375rem;
  }
}

.school-disaster-tec-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
}
@media only screen and (max-width: 767px) {
  .school-disaster-tec-list {
    display: block;
  }
}

.school-disaster-tec-list__item {
  padding: 0 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .school-disaster-tec-list__item {
    margin: 0 auto;
    padding: 0;
  }
}
.school-disaster-tec-list__item span {
  display: inline-block;
  padding: 15px 35px;
  border-radius: 10px;
  font-size: 1.375rem;
  background-color: #ffffff;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .school-disaster-tec-list__item span {
    margin-bottom: 15px;
    padding: 15px;
    min-width: 270px;
    font-size: 1rem;
    text-align: center;
  }
}

.school-disaster-job-bg-gray {
  margin-bottom: 60px;
  padding: 30px 15px;
  background-color: #eaeaea;
  font-size: 1.375rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-bg-gray {
    margin-bottom: 45px;
    font-size: 1rem;
  }
}

.school-disaster-job-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-list {
    display: block;
  }
}
.school-disaster-job-list:nth-child(2n) {
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
}
.school-disaster-job-list:nth-child(2n) .school-disaster-job-list__img {
  margin-left: 0;
  margin-right: 60px;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-list:nth-child(2n) .school-disaster-job-list__img {
    margin-right: 0;
  }
}

.school-disaster-job-list__left {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-list__left {
    width: auto;
  }
}

.school-disaster-job-list__img {
  margin-left: 60px;
  width: 50%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-list__img {
    margin-left: 0;
    margin-bottom: 30px;
    width: auto;
  }
}
.school-disaster-job-list__img span {
  display: inline-block;
  margin-top: 15px;
  text-align: center;
}
.school-disaster-job-list__img img {
  width: 100%;
}

.school-disaster-job-list__link {
  letter-spacing: 0;
}

.school-disaster-job-list__ttl,
.school-disaster-job-contents-txt {
  margin-bottom: 30px;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-list__ttl,
  .school-disaster-job-contents-txt {
    font-size: 1.125rem;
  }
}

.school-disaster-job-list__txt {
  display: block;
  margin-bottom: 15px;
}

.school-disaster-job-contents-wrap {
  margin: 0 auto;
  max-width: 800px;
}

.school-disaster-job-contents-min-txt span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

.school-disaster-job-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -5px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-contents-list {
    display: block;
  }
}

.school-disaster-job-contents-list__item {
  padding: 0 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-contents-list__item {
    margin: 0 auto;
    padding: 0;
  }
}
.school-disaster-job-contents-list__item span {
  display: inline-block;
  margin-bottom: 15px;
  padding: 8px 38px;
  border-radius: 10px;
  background-color: #ebf6f7;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-contents-list__item span {
    margin-bottom: 15px;
    padding: 15px;
    min-width: 300px;
    font-size: 1rem;
    letter-spacing: 0;
    text-align: center;
  }
}

.school-disaster-job-contents-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-contents-img-wrap {
    display: block;
  }
}

.school-disaster-job-contents-img {
  margin-bottom: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-contents-img img {
    width: 100%;
  }
}
.school-disaster-job-contents-img.is-position {
  margin-top: -91px;
}
@media only screen and (max-width: 767px) {
  .school-disaster-job-contents-img.is-position {
    margin-top: 0;
  }
}

.school-disaster-job-contact {
  padding: 45px 0;
}

.is-lineheight {
  line-height: 1.8;
}

.attention-center-txt {
  margin-bottom: 30px;
  color: #ff0000;
  font-size: 1rem;
  text-align: center;
}

.attention-txt {
  margin-top: 10px;
  font-size: 0.75rem;
  text-align: right;
}
.attention-txt.is-center {
  margin-top: 30px;
  text-align: center;
}

.school-topics-img {
  background-color: #45c1cd;
}

.school-topics-img-wrap {
  margin: 0 auto;
  max-width: 720px;
}

.news-campain-img {
  margin: 0 auto;
  margin-bottom: 60px;
  max-width: 620px;
}
@media only screen and (max-width: 767px) {
  .news-campain-img {
    margin-bottom: 30px;
  }
}

.news-contents-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .news-contents-btn {
    display: block;
    margin-bottom: 60px;
  }
}

.news-contents-btn-wrap {
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .news-contents-btn-wrap {
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
  }
}

/***** 屋内点検追加コンテンツ *****/
.school-indoor-top {
  background-color: #dddddd;
}

.school-indoor-top-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media only screen and (max-width: 767px) {
  .school-indoor-top-list {
    display: block;
    margin: 0;
  }
}

.school-indoor-top-list__item {
  position: relative;
  padding: 0 15px;
  width: 33.333%;
}
@media only screen and (max-width: 767px) {
  .school-indoor-top-list__item {
    margin-bottom: 30px;
    padding: 0;
    width: auto;
  }
}

.school-indoor-top-list__wrap {
  padding: 15px;
  background-color: #ffffff;
  text-align: center;
}

.school-indoor-top-list__trouble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 5px 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 22px;
  color: #ffffff;
  background-color: #393939;
  font-size: 0.75rem;
  text-align: center;
}
.school-indoor-top-list__trouble strong {
  display: block;
  margin-left: 5px;
  font-size: 1.125rem;
  line-height: 1.2em;
}

.school-indoor-top-list__ttl {
  font-size: 1.125rem;
}

.school-indoor-top-list__img {
  margin-bottom: 15px;
}
.school-indoor-top-list__img img {
  height: 135px;
}

.school-indoor-top-list__contents {
  padding: 15px;
  background-color: #81d8d0;
  text-align: center;
}

.school-indoor-top-list__marker {
  position: relative;
  margin-bottom: 15px;
  font-size: 1.125rem;
}
.school-indoor-top-list__marker span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffdb00));
  background: linear-gradient(transparent 60%, #ffdb00 60%);
}

.school-indoor-top-list__check {
  padding-left: 1.4em;
}

.school-indoor-top-list__check_item {
  margin-bottom: 5px;
  text-indent: -1.4em;
  text-align: left;
}
.school-indoor-top-list__check_item:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
}

.school-indoor-top-txt {
  margin-top: 30px;
  padding: 30px;
  border: 1px solid #81d8d0;
  font-size: 1.875rem;
  background-color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-indoor-top-txt {
    font-size: 1.375rem;
  }
}
.school-indoor-top-txt span {
  color: #81d8d0;
  font-weight: bold;
}

.school-form-item__ttl {
  background: #81d8d0;
  border-radius: 50vh;
  display: inline-block;
  padding: 0.3em 1em;
  position: absolute;
  top: 15px;
  left: 15px;
}

/*****------ 国家資格ページ ------******/
.national-license-main-visual {
  position: relative;
  background: url(../images/school/national-license-main-visual-img.png) center top 58% no-repeat;
  background-size: cover;
  padding: 45px 0;
}
@media only screen and (max-width: 767px) {
  .national-license-main-visual {
    padding: 60px 0 40px;
  }
}

.national-license-main-visual-ttl {
  font-size: 2.5rem;
  font-weight: 900;
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #ffffff;
  text-shadow: 3px 3px 3px #81d8d0, -3px -3px 3px #81d8d0, -3px 3px 3px #81d8d0, 3px -3px 3px #81d8d0, 3px 0px 3px #81d8d0, -3px 0px 3px #81d8d0, 0px 3px 3px #81d8d0, 0px -3px 3px #81d8d0;
  padding-bottom: 300px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .national-license-main-visual-ttl {
    font-size: 1.75rem;
    padding-bottom: 60px;
  }
}

.national-license-merit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.national-license-merit-card {
  width: 32%;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  border: 5px solid #81d8d0;
  padding: 25px 20px 15px 20px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .national-license-merit-card {
    width: 100%;
  }
  .national-license-merit-card:not(:last-child) {
    margin-bottom: 40px;
  }
}
.national-license-merit-card:nth-of-type(1)::before {
  content: "1";
}
.national-license-merit-card:nth-of-type(2)::before {
  content: "2";
}
.national-license-merit-card:nth-of-type(3)::before {
  content: "3";
}
.national-license-merit-card::before {
  content: "";
  color: #ffffff;
  font-size: 2rem;
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 900;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(45deg, #81d8d0, #00a9d0);
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 25px);
  top: -30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .national-license-merit-card::before {
    font-size: 2rem;
  }
}

.national-license-merit-card-ttl {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .national-license-merit-card-ttl {
    font-size: 1.25rem;
  }
}

.national-license-difference-list {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 60px auto;
  padding: 20px 30px;
  border: 1px solid #81d8d0;
}
@media only screen and (max-width: 767px) {
  .national-license-difference-list {
    width: 100%;
    display: block;
    margin: 30px 0;
    padding: 20px;
  }
}

.national-license-difference-list-term {
  width: 160px;
  color: #ffffff;
  font-weight: 600;
  line-height: 30px;
  background: linear-gradient(45deg, #81d8d0, #00a9d0);
  padding: 0 3em;
  border-radius: 15px;
  margin-right: 20px;
  margin-bottom: 10px;
  position: relative;
}
.national-license-difference-list-term:last-of-type {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .national-license-difference-list-term:last-of-type {
    margin-bottom: 10px;
  }
}

.national-license-difference-list-desc {
  width: calc(100% - 180px);
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .national-license-difference-list-desc {
    width: 100%;
    line-height: 1.5em;
  }
  .national-license-difference-list-desc:not(:last-of-type) {
    margin-bottom: 10px;
  }
}

.national-license-difference-img-box {
  width: 100%;
  margin-top: 60px;
}
.national-license-difference-img-box img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .national-license-difference-img-box {
    margin-top: 40px;
  }
}

.small-txt {
  font-size: 0.75rem;
  margin-top: 10px;
}

.national-license-flow-img-box {
  width: 100%;
  background: #ffffff;
  border-radius: 20px;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  margin-top: 60px;
  padding: 30px;
}
.national-license-flow-img-box img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .national-license-flow-img-box {
    margin-top: 40px;
    padding: 15px;
  }
}

.national-license .school-experience {
  margin-bottom: -160px;
  padding-bottom: 160px;
}

/*****------ 助成金制度ページ ------******/
.subsidy-main-visual {
  position: relative;
  background: url(../images/school/subsidy-main-visual-img.png) top 8% center no-repeat;
  background-size: cover;
  padding: 100px 0 60px;
  text-align: center;
  min-height: 615px;
}
@media only screen and (max-width: 767px) {
  .subsidy-main-visual {
    padding: 60px 0 90px;
    min-height: auto;
  }
}

.subsidy-main-visual-ttl {
  font-size: 2.5rem;
  font-weight: 900;
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #ffffff;
  text-shadow: 3px 3px 3px #81d8d0, -3px -3px 3px #81d8d0, -3px 3px 3px #81d8d0, 3px -3px 3px #81d8d0, 3px 0px 3px #81d8d0, -3px 0px 3px #81d8d0, 0px 3px 3px #81d8d0, 0px -3px 3px #81d8d0;
  padding-bottom: 300px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .subsidy-main-visual-ttl {
    font-size: 1.75rem;
    padding-bottom: 90px;
  }
}

.subsidy-main-visual-txt {
  font-size: 2.5rem;
  font-weight: 900;
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #ffffff;
  background-color: rgba(3, 51, 97, 0.7);
  border: 1px solid #ffffff;
  padding: 0.3em 1em;
  text-shadow: 2px 2px 2px #033361, -2px -2px 2px #033361, -2px 2px 2px #033361, 2px -2px 2px #033361, 2px 0px 2px #033361, -2px 0px 2px #033361, 0px 2px 2px #033361, 0px -2px 2px #033361;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .subsidy-main-visual-txt {
    width: 100%;
    padding: 0.3em;
    font-size: 1.75rem;
  }
}

.br-wide {
  content: "";
  display: block;
  margin: 1.5em 0;
}

.txt-yellow-mark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(60%, #ffe000));
  background: linear-gradient(transparent 40%, #ffe000 60%);
}

.subsidy-requirement-list {
  background: #ffffff;
  border: 1px solid #81d8d0;
  padding: 30px 50px;
}
@media only screen and (max-width: 767px) {
  .subsidy-requirement-list {
    padding: 20px;
  }
}

.subsidy-requirement-list-item {
  position: relative;
  margin-bottom: 1em;
}
.subsidy-requirement-list-item:last-child {
  margin-bottom: 0;
}
.subsidy-requirement-list-item::before {
  content: "\f14a";
  color: #81d8d0;
  font-size: 20px;
  font-weight: 900;
  font-family: "Font Awesome 5 free";
  position: relative;
  top: 0;
  left: 0;
  margin-right: 0.6em;
}

.subsidy-img-box {
  width: 100%;
  margin-top: 60px;
}
.subsidy-img-box img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .subsidy-img-box {
    margin-top: 40px;
  }
}

.subsidy-cost-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .subsidy-cost-wrap {
    display: block;
    margin-top: 40px;
  }
}

.subsidy-cost-item {
  width: 480px;
}
@media only screen and (max-width: 767px) {
  .subsidy-cost-item {
    width: 100%;
  }
  .subsidy-cost-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.subsidy-cost-item img {
  width: 100%;
  height: auto;
}

.subsidy-flow-list {
  margin-top: 60px;
}

.subsidy-flow-list-item {
  background: #ffffff;
  border-radius: 20px;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  list-style: none;
  position: relative;
  margin-bottom: 40px;
}

.subsidy-flow-list-item-ttl {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
  background: linear-gradient(45deg, #81d8d0, #00a9d0);
  border-radius: 20px 20px 0 0;
  display: block;
  padding: 15px 30px;
  position: relative;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .subsidy-flow-list-item-ttl {
    font-size: 1.25rem;
    padding: 10px 20px;
  }
}

.subsidy-flow-list-item-txt {
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .subsidy-flow-list-item-txt {
    padding: 20px;
  }
}

.subsidy-flow-list-link {
  font-size: 1rem;
  position: relative;
  text-decoration: underline;
  line-height: 1.2em;
}
@media only screen and (max-width: 767px) {
  .subsidy-flow-list-link {
    font-size: 0.75rem;
  }
}
.subsidy-flow-list-link::before {
  content: "\f35d";
  color: #81d8d0;
  font-weight: 600;
  font-family: "Font Awesome 5 free";
  margin-right: 0.4em;
  text-decoration: none;
  display: inline-block;
}

.subsidy-flow-inner-ul-list {
  margin-bottom: 1.5em;
}

.subsidy-flow-inner-ul-list-item {
  position: relative;
}
.subsidy-flow-inner-ul-list-item::before {
  content: "●";
  color: #81d8d0;
  font-size: 0.6rem;
  margin-right: 0.4em;
  position: relative;
  top: -0.2em;
}

.is-3rd-flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .is-3rd-flex-box {
    display: block;
  }
}

.subsidy-flow-fukidashi {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 60px;
  background: -webkit-gradient(linear, left bottom, left top, from(#f77062), to(#fe5196));
  background: linear-gradient(to top, #f77062 0%, #fe5196 100%);
  padding: 0 3em;
  border-radius: 30px;
  position: relative;
  margin-left: 120px;
}
@media only screen and (max-width: 767px) {
  .subsidy-flow-fukidashi {
    font-size: 1rem;
    display: block;
    margin-left: 0;
    margin-top: 15px;
    text-align: center;
    line-height: 1.2em;
    padding: 0.6em 1em;
    border-radius: 50vw;
  }
}
.subsidy-flow-fukidashi::before {
  content: "";
  border: 10px solid transparent;
  border-right: 30px solid #f77062;
  position: absolute;
  left: -35px;
  top: 20px;
}
@media only screen and (max-width: 767px) {
  .subsidy-flow-fukidashi::before {
    display: none;
  }
}

.subsidy-flow-last-txt {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .subsidy-flow-last-txt {
    font-size: 1rem;
    margin-top: 40px;
  }
}

.is-subsidy-flow-i {
  position: relative;
  top: 8px;
  color: #00a1e9;
  margin-bottom: 15px;
}

.is-subsidy-flow-bg {
  margin-bottom: -260px;
  padding-bottom: 350px;
}
@media only screen and (max-width: 767px) {
  .is-subsidy-flow-bg {
    margin-bottom: -260px;
    padding-bottom: 280px;
  }
}

.is-img_001 {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .is-img_001 {
    margin-bottom: 40px;
  }
}

.dorone-jo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .dorone-jo-wrap {
    display: block;
  }
}
.dorone-jo-wrap.is-margin-top {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .dorone-jo-wrap.is-margin-top {
    margin-top: 60px;
  }
}

.dorone-jo-img {
  margin-right: 30px;
  width: 320px;
}
@media only screen and (max-width: 767px) {
  .dorone-jo-img {
    margin-right: 0;
    margin-bottom: 15px;
    width: auto;
  }
}
.dorone-jo-img img {
  height: auto;
  width: 100%;
}

.dorone-jo-link:hover {
  opacity: 0.8;
}

.dorone-jo-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*****------ 全国スクールマップページ ------******/
.school-map {
  background-image: url(/images/map/school-map_bg-L.png), url(/images/map/school-map_bg-R.png), url(/images/map/school-map_bg-B.png);
  background-position: calc(50% - 350px) top, calc(50% + 600px) calc(0% + 420px), calc(50% + 370px) calc(100% - 60px);
  background-repeat: no-repeat, no-repeat, no-repeat;
  color: #000000;
}

.school-map-main-visual {
  position: relative;
  height: 790px;
}
@media only screen and (max-width: 767px) {
  .school-map-main-visual {
    height: auto;
  }
}

.school-map-main-visual-ttl {
  padding-top: 60px;
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .school-map-main-visual-ttl {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    padding-top: 15px;
    padding-left: 15px;
    font-size: 1.75rem;
  }
}
.school-map-main-visual-ttl img {
  display: block;
  width: 400px;
  height: 268px;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .school-map-main-visual-ttl img {
    width: 30%;
    height: auto;
    margin-top: 10px;
  }
}

.school-map-maparea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .school-map-maparea {
    position: relative;
    padding: 0;
  }
}

.school-map-map {
  /*
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  */
}
.school-map-map img {
  width: 100%;
  height: auto;
}

.school-map-pin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .school-map-pin {
    padding: 0;
  }
}
.school-map-pin img {
  width: 100%;
  height: auto;
}

.school-map-tokyo-ttl {
  position: absolute;
  top: 380px;
  right: 35px;
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .school-map-tokyo-ttl {
    display: none;
  }
}

.school-map-top-ttl {
  background: #000000;
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #ffffff;
  line-height: 3.125rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-map-top-ttl {
    padding: 8px;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
.school-map-top-ttl.is-news {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .school-map-top-ttl.is-news {
    margin-top: 60px;
  }
}

.school-map-top-ttl__name {
  color: #81d8d0;
}

.school-map-top-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .school-map-top-list {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.school-map-top-list.is-not-form .school-map-top-list__item:nth-child(3) {
  position: relative;
}
.school-map-top-list.is-not-form .school-map-top-list__item:nth-child(3)::before {
  position: absolute;
  top: 100px;
  left: 50%;
  z-index: 91;
  padding: 30px 80px;
  background: #cc0000;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "改装中";
}
@media only screen and (max-width: 767px) {
  .school-map-top-list.is-not-form .school-map-top-list__item:nth-child(3)::before {
    top: 60px;
    padding: 15px 40px;
    font-size: 0.9375rem;
  }
}

.school-map-top-list__item {
  margin-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .school-map-top-list__item {
    width: calc(50% - 5px);
    padding-left: 0;
    padding-right: 0;
  }
}

.school-map-top-list__link:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.school-map-top-list__link:hover .school-map-top-list__ttl_en {
  color: #81d8d0;
}
.school-map-top-list__link:hover .school-map-top-list__img img {
  opacity: 0.7;
}
.school-map-top-list__link .school-map-top-list__ttl_en,
.school-map-top-list__link .school-map-top-list__ttl_ja {
  color: #000000;
}
.school-map-top-list__link {
  /*
  &:hover {
  	& .school-map-top-list__ttl_en,
  	.school-map-top-list__ttl_ja {
  		color: $link-color;
  	}
  }
  */
}

.school-map-top-list__ttl_en {
  position: relative;
  height: 52px;
  padding-top: 5px;
  padding-left: 50px;
  font-size: 1.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  letter-spacing: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .school-map-top-list__ttl_en {
    height: 39px;
    padding-left: 36px;
    font-size: 1rem;
  }
}
.school-map-top-list__ttl_en::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 52px;
  content: "";
}
@media only screen and (max-width: 767px) {
  .school-map-top-list__ttl_en::before {
    width: 30px;
    height: 39px;
  }
}
.school-map-top-list__ttl_en.is-intersect::before {
  background: url(/images/map/school-map-top-list__ttl-icon.svg) no-repeat;
}

.school-map-top-list__img {
  position: relative;
  border: 10px solid #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /*
  @include media(sp) {
  	margin-left: auto;
  	margin-right: auto;
  	max-width: 290px;
  }
  */
}
@media only screen and (max-width: 767px) {
  .school-map-top-list__img {
    border: 6px solid #000000;
  }
}
.school-map-top-list__img img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.school-map-top-list__ttl_ja {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-left: 15px;
  font-size: 1.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #000000;
  line-height: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .school-map-top-list__ttl_ja {
    padding-left: 10px;
    font-size: 0.9375rem;
    line-height: 1.875rem;
    letter-spacing: 0;
  }
}
.school-map-top-list__ttl_ja span {
  position: relative;
  z-index: 100;
}
.school-map-top-list__ttl_ja::before {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(129, 216, 208, 0.6)), to(rgba(0, 169, 208, 0.6)));
  background: linear-gradient(90deg, rgba(129, 216, 208, 0.6), rgba(0, 169, 208, 0.6));
  content: "";
}
@media only screen and (max-width: 767px) {
  .school-map-top-list__ttl_ja::before {
    height: 30px;
  }
}

.school-map-news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 767px) {
  .school-map-news-list {
    display: block;
  }
}

.school-map-news-list__item {
  margin-top: 50px;
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .school-map-news-list__item {
    margin-top: 30px;
    width: auto;
  }
}

.school-map-news-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.school-map-news-list__link:hover {
  text-decoration: none;
}
.school-map-news-list__link:hover .school-map-news-list__ttl {
  color: #81d8d0;
}
.school-map-news-list__link:hover .school-map-news-list__img img {
  opacity: 0.7;
}
.school-map-news-list__link .school-map-news-list__ttl,
.school-map-news-list__link .school-map-news-list__date {
  color: #000000;
}

.school-map-news-list__img {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .school-map-news-list__img {
    margin-left: auto;
    margin-right: auto;
    max-width: 40%;
  }
}
.school-map-news-list__img img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .school-map-news-list__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.school-map-news-list__head {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.school-map-news-list__category {
  width: 160px;
  margin-top: 10px;
  padding-left: 15px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  background: #000000;
  font-size: 1rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  line-height: 1.75rem;
  color: #81d8d0;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .school-map-news-list__category {
    width: 100%;
    margin-top: 0;
  }
}

.school-map-news-list__date {
  margin-top: 15px;
  margin-left: 15px;
}

.school-map-news-list__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 8px;
  margin-left: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.school-map-news-list__btn {
  position: relative;
  margin-top: 120px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-map-news-list__btn {
    margin-top: 45px;
  }
}
.school-map-news-list__btn::before {
  display: inline-block;
  position: absolute;
  top: -90px;
  left: -40px;
  width: 270px;
  height: 169px;
  background: url(/images/map/school-map-news-list__btn-bg.svg) no-repeat;
  content: "";
}
@media only screen and (max-width: 767px) {
  .school-map-news-list__btn::before {
    top: -30px;
    left: -40px;
    width: 200px;
    height: 125px;
  }
}

.school-map-news-list__btn-link {
  display: inline-block;
  position: relative;
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #000000;
  line-height: 2.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .school-map-news-list__btn-link {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.school-map-news-list__btn-link::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: -95px;
  width: 70px;
  height: 40px;
  -webkit-mask-image: url(/images/map/school-map-news-list__btn-link_img_L.svg);
          mask-image: url(/images/map/school-map-news-list__btn-link_img_L.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #000000;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .school-map-news-list__btn-link::before {
    left: -67px;
    width: 49px;
    height: 28px;
  }
}
.school-map-news-list__btn-link::after {
  display: inline-block;
  position: absolute;
  top: 0;
  right: -95px;
  width: 70px;
  height: 40px;
  -webkit-mask-image: url(/images/map/school-map-news-list__btn-link_img_R.svg);
          mask-image: url(/images/map/school-map-news-list__btn-link_img_R.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #000000;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .school-map-news-list__btn-link::after {
    right: -67px;
    width: 49px;
    height: 28px;
  }
}
.school-map-news-list__btn-link:hover {
  text-decoration: none;
}
.school-map-news-list__btn-link:hover::before, .school-map-news-list__btn-link:hover::after {
  background-color: #81d8d0;
}

/*****------ 全国スクールマップ各校ページ ------******/
.school-map-item {
  padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .school-map-item {
    padding-bottom: 45px;
  }
}

.school-map-item-main-visual {
  position: relative;
  width: 100%;
  height: 360px;
}
@media only screen and (max-width: 767px) {
  .school-map-item-main-visual {
    height: auto;
    padding: 0 15px 60px;
  }
}

.school-map-item-main-visual__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .school-map-item-main-visual__bg {
    height: 100%;
  }
}
.school-map-item-main-visual__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.school-map-item-main-visual__bg::after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  content: "";
}

.school-map-item-main-visual__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  z-index: 3;
  width: 655px;
  height: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .school-map-item-main-visual__inner {
    width: auto;
  }
}

.school-map-item-main-visual__logo {
  padding-top: 60px;
}
.school-map-item-main-visual__logo img {
  width: 100%;
  height: auto;
}

.school-map-item-main-visual__txt {
  width: 100%;
  margin-top: 40px;
  text-align: center;
  color: #000000;
  text-shadow: 1px 1px 5px #fff;
}

.school-map-item-access {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  padding: 0 10px;
  border-top: 10px solid #000000;
}
@media only screen and (max-width: 767px) {
  .school-map-item-access {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
  }
}

.school-map-item-access__btn {
  width: 210px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .school-map-item-access__btn {
    width: auto;
  }
  .school-map-item-access__btn:last-of-type {
    margin-right: 0;
  }
}

.school-map-item-access__btn-link {
  display: inline-block;
  width: 100%;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #000000;
  font-size: 1.25rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  line-height: 2.5rem;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .school-map-item-access__btn-link {
    width: auto;
    padding: 0 12px;
    font-size: 0.9375rem;
    line-height: 2.5rem;
  }
}
.school-map-item-access__btn-link.is-entry {
  color: #81d8d0;
}
.school-map-item-access__btn-link.is-inquiry {
  color: #99ccff;
}
.school-map-item-access__btn-link:hover {
  color: #ffffcc;
  text-decoration: none;
}

.school-map-item-basic-info {
  margin-top: 40px;
  color: #000000;
}

.school-map-item-basic-info__ttl {
  position: relative;
  padding-left: 45px;
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  line-height: 2.25rem;
}
@media only screen and (max-width: 767px) {
  .school-map-item-basic-info__ttl {
    padding-left: 32px;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.school-map-item-basic-info__ttl::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  content: "";
}
@media only screen and (max-width: 767px) {
  .school-map-item-basic-info__ttl::before {
    width: 24px;
    height: 24px;
  }
}
.school-map-item-basic-info__ttl.is-intersect::before {
  background: url(/images/map/school-map-item-basic-info__ttl_icon.svg) no-repeat;
}

.school-map-item-basic-info__list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .school-map-item-basic-info__list-wrap {
    display: block;
  }
}

.school-map-item-basic-info__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 46%;
  border-bottom: 1px solid #cccccc;
}
@media only screen and (max-width: 767px) {
  .school-map-item-basic-info__list {
    width: 100%;
  }
  .school-map-item-basic-info__list:not(:first-of-type) {
    margin-top: -1px;
  }
}

.school-map-item-basic-info__list-ttl {
  width: 5em;
  padding: 8px 0.5em;
  border-top: 1px solid #cccccc;
  background: #d1eded;
  letter-spacing: 0;
}

.school-map-item-basic-info__list-body {
  width: calc(100% - 5em);
  padding: 8px 0.6em;
  border-top: 1px solid #cccccc;
}

.school-map-item-basic-info__list-body__only-hp {
  font-size: 90%;
}

.school-map-item-basic-info__course-list {
  padding: 5px 0;
}

.school-map-item-basic-info__course-list__item {
  position: relative;
  width: 240px;
  border-radius: 50vw;
  font-size: 0.9375rem;
  line-height: 30px;
  text-align: center;
}
.school-map-item-basic-info__course-list__item:not(:first-child) {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .school-map-item-basic-info__course-list__item {
    width: 210px;
    font-size: 0.8125rem;
  }
}
.school-map-item-basic-info__course-list__item.is-01 {
  background: #2fbad0;
}
.school-map-item-basic-info__course-list__item.is-02 {
  background: #ade080;
}
.school-map-item-basic-info__course-list__item.is-03 {
  background: #91ce5b;
}
.school-map-item-basic-info__course-list__item.is-04 {
  background: #fcc963;
}
.school-map-item-basic-info__course-list__item.is-05 {
  background: #fcb651;
}

.about-article.is-school-map-item {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .about-article.is-school-map-item {
    margin-top: 50px;
  }
}
.about-article.is-school-map-item .c-ttl-sub {
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
}
.about-article.is-school-map-item .c-ttl-sub-inst {
  margin-bottom: 30px;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  text-align: left;
}

.school-map-item-news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .school-map-item-news-list {
    display: block;
    margin-top: 30px;
  }
}

.school-map-item-news-list__item {
  width: 46%;
  padding: 15px 0;
  border-bottom: 1px solid #cccccc;
}
.school-map-item-news-list__item:nth-of-type(-n+2) {
  border-top: 1px solid #cccccc;
}
@media only screen and (max-width: 767px) {
  .school-map-item-news-list__item {
    width: auto;
  }
}

.school-map-item-news-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .school-map-item-news-list__link {
    display: block;
  }
}
.school-map-item-news-list__link:hover {
  text-decoration: none;
}
.school-map-item-news-list__link:hover .school-map-item-news-list__ttl,
.school-map-item-news-list__link:hover .school-map-item-news-list__readmore {
  color: #81d8d0;
}
.school-map-item-news-list__link:hover .school-map-item-news-list__img {
  opacity: 0.7;
}
.school-map-item-news-list__img {
  width: 200px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .school-map-item-news-list__img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 290px;
  }
}

.school-map-item-news-list__body {
  position: relative;
  width: calc(100% - 200px);
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .school-map-item-news-list__body {
    width: auto;
    padding-left: 0;
    padding-top: 15px;
  }
}

.school-map-item-news-list__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.school-map-item-news-list__category {
  margin-left: 10px;
  padding: 4px 8px;
  font-size: 0.875rem;
  line-height: 15px;
  background: #81d8d0;
  color: #ffffff;
  white-space: nowrap;
}
.school-map-item-news-list__category.is-school {
  margin-left: 0;
}

.school-map-item-news-list__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.school-map-item-news-list__readmore {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.875rem;
  color: #007ae5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .school-map-item-news-list__readmore {
    position: static;
    margin-top: 10px;
    text-align: right;
  }
}
.school-map-item-news-list__readmore::after {
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  border: 1px solid;
  border-color: #007ae5 #007ae5 transparent transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.school-map .pager-list,
.school-map-item .pager-list {
  margin-top: 30px;
  /*
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  */
}
@media only screen and (max-width: 767px) {
  .school-map .pager-list,
  .school-map-item .pager-list {
    margin-top: 0;
  }
}
.school-map .pager-list__item,
.school-map-item .pager-list__item {
  /*
  margin-left: 10px;
  margin-right: 10px;
  width: 45px;
  line-height: 43px;
  font-size: rem(18px);
  font-weight: bold;
  text-align: center;
  @include media(sp) {
  	margin-left: 5px;
  	margin-right: 5px;
  	width: 40px;
  	line-height: 38px;
  	font-size: rem(14px);
  }
  */
}
.school-map .pager-list__item span,
.school-map-item .pager-list__item span {
  display: block;
  border: 1px solid #000000;
  border-radius: 50%;
  background: #000000;
  color: #81d8d0;
  text-decoration: none;
}
.school-map .pager-list__item.pager_omit span,
.school-map-item .pager-list__item.pager_omit span {
  border-color: #aaaaaa;
  background: #ffffff;
  color: #393939;
}
.school-map .pager-list__link,
.school-map-item .pager-list__link {
  display: block;
  border: 1px solid #000000;
  border-radius: 50%;
  background: #ffffff;
  color: #81d8d0;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.school-map .pager-list__link:hover,
.school-map-item .pager-list__link:hover {
  background: #81d8d0;
  color: #000000;
  text-decoration: none;
}

/*****------ 全国スクールマップ お知らせTOPページ ------******/
.school-map-news-visual {
  position: relative;
}

.school-map-news-visual-ttl {
  width: 400px;
  padding-top: 60px;
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .school-map-news-visual-ttl {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    padding-top: 15px;
    padding-left: 15px;
    font-size: 1.75rem;
  }
}
.school-map-news-visual-ttl img {
  display: block;
  width: 400px;
  height: 268px;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .school-map-news-visual-ttl img {
    width: 30%;
    height: auto;
    margin-top: 10px;
  }
}

.school-map-news-map {
  position: absolute;
  top: 0;
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .school-map-news-map {
    position: relative;
    right: auto;
    height: 200px;
    overflow: hidden;
  }
}
.school-map-news-map img {
  width: 560px;
  height: auto;
  opacity: 0.7;
}

.is-map-news {
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .is-map-news {
    padding-top: 0;
  }
}

.school-map-news .news-head__category {
  border-radius: 0;
}
.school-map-news .l-contents-main {
  margin: 0 auto;
}
.school-map-news .c-ttl-sub {
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
}
.school-map-news .c-ttl-sub::before {
  display: none;
}
.school-map-news .c-ttl-sub::after {
  display: inline-block;
  opacity: 0.3;
  position: absolute;
  top: -20px;
  left: 0;
  z-index: -1;
  width: 228px;
  height: 128px;
  background: url(/images/map/school-map_bg-B.png) no-repeat;
  content: "";
}

/*****インストラクターページ*****/
.p-instructor-top-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 60px;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 767px) {
  .p-instructor-top-list {
    margin-top: 40px;
    margin-left: -5px;
    margin-right: -5px;
  }
}

.p-instructor-top-list__item {
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .p-instructor-top-list__item {
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
  }
}

.p-instructor-top-list__link {
  overflow: hidden;
  display: block;
  position: relative;
  height: 100%;
  border: 1px solid #dddddd;
  border-radius: 5px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.p-instructor-top-list__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.p-instructor-top-list__link:hover {
  text-decoration: none;
}

.p-instructor-top-list__txt {
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .p-instructor-top-list__txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: rgba(255, 255, 255, 0.5);
    padding: 5px 8px;
  }
}

.p-instructor-top-list__ttl {
  margin-top: 15px;
  font-size: 1rem;
  font-weight: bold;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .p-instructor-top-list__ttl {
    margin-top: 0;
    font-size: 0.8125rem;
  }
}

.p-instructor-top-list__body {
  color: #393939;
}
@media only screen and (max-width: 767px) {
  .p-instructor-top-list__body {
    display: none;
  }
}

/*****メンバーページ*****/
.p-member-list-ttl {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 4px solid #000000;
  font-size: 1.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .p-member-list-ttl {
    font-size: 1.25rem;
  }
}
.p-member-list-ttl:not(:first-of-type) {
  margin-top: 90px;
}
.p-member-list-ttl span {
  position: absolute;
  bottom: -5px;
  left: 50%;
  z-index: -1;
  font-size: 3.125rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: transparent;
  line-height: 1;
  white-space: nowrap;
  -webkit-text-stroke: 1px #eeeeee;
  text-stroke: 1px #eeeeee;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .p-member-list-ttl span {
    bottom: 10px;
    font-size: 2rem;
  }
}

.p-member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}
@media only screen and (max-width: 767px) {
  .p-member-list {
    margin: 0 -7px;
  }
}

.p-member-list__item {
  width: 33.3333%;
  padding: 0 10px;
  margin-top: 20px;
}
.p-member-list__item:nth-child(-n+3) {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .p-member-list__item {
    width: 50%;
    padding: 0 7px;
  }
  .p-member-list__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .p-member-list__item:nth-child(n+3) {
    margin-top: 20px;
  }
}

.p-member-list__inner {
  position: relative;
}

.p-member-list__body {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px 10px;
}
@media only screen and (max-width: 767px) {
  .p-member-list__body {
    position: static;
    padding: 5px 0;
  }
}

.p-member-list__ttl {
  font-size: 0.875rem;
  color: #ffffff;
  text-shadow: 1px 1px 3px #000;
}
@media only screen and (max-width: 767px) {
  .p-member-list__ttl {
    font-size: 0.75rem;
    color: #393939;
    text-shadow: none;
  }
}

.p-member-list__lead {
  font-size: 0.9375rem;
  color: #ffffff;
  text-shadow: 1px 1px 3px #000;
}
@media only screen and (max-width: 767px) {
  .p-member-list__lead {
    font-size: 0.75rem;
    color: #393939;
    letter-spacing: 0;
    text-shadow: none;
  }
}

/*****チームハミングバード利用規約*****/
.p-team-hb-terms-list__ttl {
  margin-bottom: 30px;
  font-size: 1.375rem;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .p-team-hb-terms-list__ttl {
    margin-bottom: 30px;
    font-size: 1.125rem;
  }
}

.p-team-hb-terms-list {
  list-style-type: decimal;
  padding-left: 2em;
  margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  .p-team-hb-terms-list {
    margin-bottom: 45px;
  }
}
.p-team-hb-terms-list.is-no-mg {
  margin-bottom: 0;
}

.p-team-hb-terms-list__item {
  margin-bottom: 1.5em;
  line-height: 1.8;
}

.p-team-hb-terms-head {
  margin-top: -90px;
  padding: 45px 0;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .p-team-hb-terms-head {
    margin-top: -70px;
    padding: 25px 0;
  }
}

.p-team-hb-terms-head-txt {
  font-size: 1.375rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-team-hb-terms-head-txt {
    font-size: 1.125rem;
  }
}

.p-team-hb-terms-foot {
  border-top: 1px solid #dddddd;
  background: #f1f1f1;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-team-hb-terms-foot {
    margin-bottom: -70px;
  }
}
.p-team-hb-terms-foot:hover {
  background: #545454;
}

.p-team-hb-terms-foot__link {
  display: block;
  padding: 45px 0;
  text-decoration: none;
  pointer-events: auto;
}
.p-team-hb-terms-foot__link:hover {
  text-decoration: none;
}
.p-team-hb-terms-foot__link:hover .p-team-hb-terms-foot-txt {
  color: #ffffff;
}
.p-team-hb-terms-foot__link:hover .p-team-hb-terms-foot-txt i {
  color: #fdd35c;
}

.p-team-hb-terms-foot-txt {
  font-size: 1.75rem;
  font-weight: bold;
  color: #393939;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-team-hb-terms-foot-txt {
    font-size: 1.125rem;
  }
}

/*
.recruit {
	& .company-contents-wrap {
		padding-top: 100px;
		@include media(sp) {
			padding-top: 30px;
		}
		&:nth-child(even){
			& .company-contents {
				padding-left: 500%;
				padding-right: 500%;
				margin-right: -500%;
				margin-left: -500%;
				background: $base-color3;
				@include media(sp) {
					padding: 30px 500%;
					margin-bottom: 0;
				}
			}
		}
	}
	& .company-contents {
		padding-top: 100px;
		margin-top:-100px;
		@include media(sp) {
			padding-top: 0;
			margin-top: 0;
			margin-bottom: 0;
		}
	}
}
*/
.recruit .company-contents-wrap {
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .recruit .company-contents-wrap {
    padding-top: 80px;
  }
}
.recruit .company-contents-wrap:nth-child(even) {
  padding: 100px 500%;
  margin-right: -500%;
  margin-left: -500%;
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .recruit .company-contents-wrap:nth-child(even) {
    padding: 80px 500%;
    margin-bottom: 0;
  }
}
.recruit .company-contents-wrap:nth-child(even) .company-contents {
  margin-bottom: 0;
}
.recruit .company-contents {
  padding-top: 100px;
  margin-top: -100px;
}
@media only screen and (max-width: 767px) {
  .recruit .company-contents {
    padding-top: 80px;
    padding-bottom: 0;
    margin-top: -80px;
    margin-bottom: 30px;
  }
}

.school-about-subsidy {
  background-image: url("../images/school-bg.svg");
  background-position: center;
  background-size: 46px;
}

.p-school-business-course-list {
  margin-bottom: 10px;
}

.p-school-business-course-list_item {
  position: relative;
  padding-left: 1.5em;
}
.p-school-business-course-list_item::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0.5em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #81d8d0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}

.p-school-form-franchise {
  padding-top: 0;
}

.p-school-form-franchise-btn {
  margin: 15px 0 30px;
}

.p-school-form-franchise-btn__link {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 10px 15px 10px 40px;
  border: 3px solid #ffffff;
  border-radius: 45px;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fc007e), to(#f5666f));
  background: linear-gradient(to bottom, #fc007e, #f5666f);
  font-size: 1.25rem;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-form-franchise-btn__link {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 520px) {
  .p-school-form-franchise-btn__link {
    padding: 10px 15px;
  }
}
.p-school-form-franchise-btn__link i {
  -webkit-transition: -webkit-transform 0.3s 0s ease;
  transition: -webkit-transform 0.3s 0s ease;
  transition: transform 0.3s 0s ease;
  transition: transform 0.3s 0s ease, -webkit-transform 0.3s 0s ease;
}
.p-school-form-franchise-btn__link:hover {
  color: #ffffff;
  text-decoration: none;
}
.p-school-form-franchise-btn__link:hover i {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.p-school-form-franchise-btn__link.is-saitama {
  padding: 10px;
  letter-spacing: 0;
}
.p-school-form-franchise-btn__link.is-tachikawa {
  padding: 10px 5px 10px 10px;
}

@media only screen and (max-width: 767px) {
  .p-school-form-franchise .school-map-top-list {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-form-franchise .school-map-top-list__item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.p-school-course-national-beginner-ttl {
  display: inline-block;
  position: relative;
}
.p-school-course-national-beginner-ttl::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 39px;
  height: 50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
.p-school-course-national-beginner-ttl.is-intersect::before {
  background: url(/images/school-course-national-beginner-ttl-icon.svg) no-repeat;
  background-size: contain;
}

.p-school-course-national-advanced-ttl {
  display: inline-block;
  position: relative;
  padding-left: 65px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-national-advanced-ttl {
    padding-left: 45px;
  }
}
.p-school-course-national-advanced-ttl::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  height: 50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
.p-school-course-national-advanced-ttl.is-intersect::before {
  background: url(/images/school-course-national-advanced-ttl-icon.svg) no-repeat;
  background-size: contain;
}

.p-school-course-private-ttl {
  display: inline-block;
  position: relative;
  padding-left: 55px;
}
.p-school-course-private-ttl::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 39px;
  height: 50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
.p-school-course-private-ttl.is-intersect::before {
  background: url(/images/school-course-private-ttl-icon.svg) no-repeat;
  background-size: contain;
}

.p-school-course-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
  row-gap: 45px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list {
    display: block;
  }
}

.p-school-course-list__item {
  position: relative;
  padding: 30px;
  border: 1px solid #dddddd;
  border-radius: 20px;
  background: #fbfaf5;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__item {
    padding: 20px 20px 15px;
  }
  .p-school-course-list__item:not(:first-child) {
    margin-top: 20px;
  }
}
.p-school-course-list__item.is-wide {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
  padding: 40px 60px 30px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__item.is-wide {
    display: block;
    padding: 20px;
  }
}
.p-school-course-list__item.is-wide .p-school-course-list__ttl {
  margin-left: -60px;
  padding: 10px 10px 10px 60px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__item.is-wide .p-school-course-list__ttl {
    margin-left: -20px;
    padding: 10px 10px 10px 10px;
  }
}
.p-school-course-list__item.is-national-beginner .p-school-course-list__ttl, .p-school-course-list__item.is-national-beginner .p-school-course-list__info-list__ttl, .p-school-course-list__item.is-national-beginner .p-school-course-list__info-list__body-list__item::before {
  background: #F6AA1C;
}
.p-school-course-list__item.is-national-advanced-2ndclass {
  background: #ffffff;
}
.p-school-course-list__item.is-national-advanced-2ndclass .p-school-course-list__ttl, .p-school-course-list__item.is-national-advanced-2ndclass .p-school-course-list__info-list__ttl, .p-school-course-list__item.is-national-advanced-2ndclass .p-school-course-list__info-list__body-list__item::before {
  background: #19448e;
}
.p-school-course-list__item.is-national-advanced-1stclass {
  background: #ffffff;
}
.p-school-course-list__item.is-national-advanced-1stclass .p-school-course-list__ttl, .p-school-course-list__item.is-national-advanced-1stclass .p-school-course-list__info-list__ttl, .p-school-course-list__item.is-national-advanced-1stclass .p-school-course-list__info-list__body-list__item::before {
  background: #0090c1;
}
.p-school-course-list__item.is-private .p-school-course-list__ttl, .p-school-course-list__item.is-private .p-school-course-list__info-list__ttl, .p-school-course-list__item.is-private .p-school-course-list__info-list__body-list__item::before {
  background: #98CE00;
}
.p-school-course-list__item.is-other .p-school-course-list__ttl, .p-school-course-list__item.is-other .p-school-course-list__info-list__ttl, .p-school-course-list__item.is-other .p-school-course-list__info-list__body-list__item::before {
  background: #AA1155;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__item.is-option-industrial, .p-school-course-list__item.is-option-FPV, .p-school-course-list__item.is-option-editing {
    padding: 35px 20px 20px;
  }
}
.p-school-course-list__item.is-option-industrial .p-school-course-list__ttl, .p-school-course-list__item.is-option-industrial .p-school-course-list__info-list__ttl, .p-school-course-list__item.is-option-industrial .p-school-course-list__info-list__body-list__item::before, .p-school-course-list__item.is-option-FPV .p-school-course-list__ttl, .p-school-course-list__item.is-option-FPV .p-school-course-list__info-list__ttl, .p-school-course-list__item.is-option-FPV .p-school-course-list__info-list__body-list__item::before, .p-school-course-list__item.is-option-editing .p-school-course-list__ttl, .p-school-course-list__item.is-option-editing .p-school-course-list__info-list__ttl, .p-school-course-list__item.is-option-editing .p-school-course-list__info-list__body-list__item::before {
  background: #7c77b9;
}

.p-school-course-list__item-inner.is-align-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.p-school-course-list__ttl {
  margin-left: -30px;
  padding: 10px 10px 10px 30px;
  background: #19448e;
  font-size: 1.5rem;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__ttl {
    margin-left: -20px;
    padding: 10px 5px 10px 20px;
    font-size: 1.25rem;
    letter-spacing: 0;
  }
}

.p-school-course-list__price {
  margin-top: 30px;
  font-size: 2rem;
  text-align: center;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__price {
    margin-top: 15px;
    font-size: 1.75rem;
  }
}
.p-school-course-list__price strong {
  font-size: 110%;
  font-weight: bold;
}
.p-school-course-list__price span.is-m-size {
  font-size: 1.5rem;
}
.p-school-course-list__price span.is-tax {
  font-size: 0.875rem;
}
.p-school-course-list__price.is-right {
  margin-top: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__price.is-right {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__price.is-with-crown {
    margin-left: 70px;
  }
}
.p-school-course-list__price.is-campaign {
  position: relative;
  margin-left: 90px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__price.is-campaign {
    margin-left: 80px;
  }
}
.p-school-course-list__price.is-campaign::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  width: 180px;
  height: 3px;
  background: #ab0853;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  content: "";
}
.p-school-course-list__price.is-campaign::after {
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  width: 180px;
  height: 3px;
  background: #ab0853;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  content: "";
}

.p-school-course-list__img {
  margin-top: 20px;
  padding: 0 80px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__img {
    margin-top: 10px;
  }
}
.p-school-course-list__img.is-big {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__img.is-with-crown {
    margin-left: 70px;
    padding: 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__img.is-option {
    margin-bottom: 20px;
  }
}

.p-school-course-list__info-list__ttl {
  display: inline-block;
  padding: 0.2em 1.5em;
  border-radius: 50vw;
  background: #19448e;
  color: #ffffff;
}
.p-school-course-list__info-list__ttl:not(:first-child) {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__info-list__ttl:not(:first-child) {
    margin-top: 20px;
  }
}

.p-school-course-list__info-list__body {
  margin-top: 15px;
}

.p-school-course-list__info-list__body-list__item {
  position: relative;
  padding-left: 1em;
}
.p-school-course-list__info-list__body-list__item:not(:first-child) {
  margin-top: 5px;
}
.p-school-course-list__info-list__body-list__item::before {
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #19448e;
  opacity: 0.5;
  content: "";
}

.p-school-course-list__item-inner-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__item-inner-half {
    margin-top: 10px;
  }
}

.p-school-course-list__img-half {
  width: 140px;
  margin-top: 0;
  margin-right: 10px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__img-half {
    width: 100px;
  }
}

.p-school-course-list__info-list-half {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-school-course-national-advanced {
  background: #ebf6f7;
}

.p-school-course-list__item-inner-wide {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.2fr 20px 1fr;
  grid-template-columns: 1.2fr 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 20px;
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__item-inner-wide {
    display: block;
    margin-top: 20px;
  }
}
.p-school-course-list__item-inner-wide.is-option {
  -ms-grid-columns: 1fr 1.1fr;
  grid-template-columns: 1fr 1.1fr;
}

.p-school-course-list__data-list {
  padding: 20px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__data-list {
    padding: 15px;
  }
  .p-school-course-list__data-list:not(:first-child) {
    margin-top: 15px;
  }
}
.p-school-course-list__data-list.is-2row {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
.p-school-course-list__data-list.is-3row {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
}

.p-school-course-list__data-list__ttl {
  width: 8em;
  padding: 0.2em;
  background: #f8f4e6;
  text-align: center;
}
.p-school-course-list__data-list__ttl:not(:first-child) {
  margin-top: 20px;
}

.p-school-course-list__data-list__txt {
  margin-top: 10px;
}
.p-school-course-list__data-list__txt.is-in-date {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
}
.p-school-course-list__data-list__txt span.is-date {
  display: inline-block;
  width: 4em;
  text-align: left;
}

.p-school-course-list__crown {
  position: absolute;
  top: 110px;
  left: 30px;
  width: 100px;
  height: 100px;
  padding-top: 45px;
  font-size: 1.75rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__crown {
    left: 10px;
    width: 80px;
    height: 80px;
    padding-top: 36px;
    font-size: 1.375rem;
  }
}
.p-school-course-list__crown::before {
  display: block;
  position: absolute;
  top: 15px;
  left: 50%;
  width: 36px;
  height: 25px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__crown::before {
    top: 12px;
    width: 29px;
    height: 20px;
  }
}
.p-school-course-list__crown.is-intersect {
  background: url(/images/school-course-list__crown-bg.svg) no-repeat;
  background-size: contain;
}
.p-school-course-list__crown.is-intersect::before {
  background: url(/images/school-course-list__crown.svg) no-repeat;
  background-size: contain;
}

.p-school-course-about-subsidy {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 116px, #ebf6f7 117px, #ebf6f7 100%);
  text-align: center;
  overflow: hidden;
}
.p-school-course-about-subsidy::before {
  display: block;
  position: absolute;
  left: calc(50% + 200px);
  bottom: 0;
  width: 300px;
  height: 170px;
  background-position: right bottom;
  background-size: contain;
  -webkit-filter: drop-shadow(-2px -2px 2px #ccc);
          filter: drop-shadow(-2px -2px 2px #ccc);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-school-course-about-subsidy::before {
    content: none;
  }
}
.p-school-course-about-subsidy.is-intersect::before {
  background: url(/images/school-course-about-subsidy-img.png) no-repeat;
}

.p-school-course-about-subsidy-ttl {
  display: inline-block;
  position: relative;
  padding: 12px 30px 8px 30px;
  min-width: 560px;
  border-radius: 15px;
  background-color: #ffe000;
  font-size: 1.375rem;
  color: #AA1155;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-course-about-subsidy-ttl {
    min-width: inherit;
    font-size: 1.125rem;
  }
}
.p-school-course-about-subsidy-ttl:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -14px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #ffe000 transparent transparent transparent;
  border-width: 15px 15px 0 15px;
}

.p-school-course-about-subsidy-catch {
  margin-top: 45px;
  font-size: 2.5rem;
  font-weight: bold;
  color: #AA1155;
  text-align: center;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .p-school-course-about-subsidy-catch {
    font-size: 1.875rem;
  }
}

.p-school-option-list__ttl {
  position: relative;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  margin-bottom: 30px;
  font-size: 2.25rem;
  color: #393939;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-option-list__ttl {
    font-size: 1.75rem;
    margin-bottom: 10px;
  }
}
.p-school-option-list__ttl:before {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 300px;
  height: 15px;
  background: #7c77b9;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-school-option-list__ttl:before {
    top: -35px;
    width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-option-list__ttl.is-apartment {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-option-list__ttl.is-apartment {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.p-school-option-list__ttl.is-apartment::before {
  background: #19448e;
}

.p-school-option-txt {
  margin-top: 60px;
  font-size: 1.375rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-option-txt {
    margin-top: 30px;
    font-size: 1rem;
  }
}

.p-school-option-FPV {
  background: #ebf6f7;
}

.p-school-option-ttl {
  display: inline-block;
  position: relative;
}
.p-school-option-ttl::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
.p-school-option-ttl.is-industrial {
  padding-left: 100px;
}
.p-school-option-ttl.is-industrial::before {
  width: 80px;
  height: 51px;
  background: url(/images/school-option-ttl-icon-industrial.svg) no-repeat;
  background-size: contain;
}
.p-school-option-ttl.is-FPV {
  padding-left: 100px;
}
.p-school-option-ttl.is-FPV::before {
  width: 80px;
  height: 50px;
  background: url(/images/school-option-ttl-icon-FPV.svg) no-repeat;
  background-size: contain;
}
.p-school-option-ttl.is-editing {
  padding-left: 70px;
}
.p-school-option-ttl.is-editing::before {
  width: 50px;
  height: 50px;
  background: url(/images/school-option-ttl-icon-editing.png) no-repeat;
  background-size: contain;
}

.p-school-course-list__data-list__img-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__data-list__img-wrap {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.p-school-course-list__data-list__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
  padding: 10px 20px 10px 0;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__data-list__img {
    width: auto;
    padding: 10px 15px 10px 0;
  }
}

.p-pesticide-main-visual-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 400px;
  padding: 60px 0;
  background: url(/images/pesticide-main-visual-bg.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-main-visual-bg {
    background: url(/images/pesticide-main-visual-bg-sp.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
  }
}

.p-pesticide-main-visual-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-pesticide-main-visual-logo {
  width: 160px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-main-visual-logo {
    width: 100px;
  }
}

.p-pesticide-main-visual-ttl {
  padding-left: 40px;
  font-size: 3.125rem;
  font-weight: 900;
  font-family: YakuHanJPs, "Roboto", verdana, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #459b47;
  text-shadow: 3px 3px 3px #ffffff, -3px -3px 3px #ffffff, -3px 3px 3px #ffffff, 3px -3px 3px #ffffff, 3px 0px 3px #ffffff, -3px 0px 3px #ffffff, 0px 3px 3px #ffffff, 0px -3px 3px #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-main-visual-ttl {
    padding-left: 20px;
    font-size: 1.75rem;
  }
}

.p-pesticide-sub-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-sub-ttl-wrap {
    display: block;
  }
}
.p-pesticide-sub-ttl-wrap.with-mt {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-sub-ttl-wrap.with-mt {
    margin-top: 45px;
  }
}

.p-pesticide-sub-ttl {
  position: relative;
  height: 50px;
  padding: 0 50px 0 80px;
  background-image: url(/images/pesticide_spraying-logo-border.svg);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 1.375rem;
  color: #ffffff;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-sub-ttl {
    font-size: 1.125rem;
  }
}
.p-pesticide-sub-ttl::before {
  display: block;
  position: absolute;
  top: 2px;
  left: 25px;
  z-index: -1;
  width: calc(100% - 25px);
  height: 46px;
  border-radius: 0 50vw 50vw 0;
  background: #459b47;
  content: "";
}

.p-pesticide-sub-ttl-cap {
  margin-left: 20px;
  border-bottom: 1px dashed #cccccc;
  font-size: 1.375rem;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-sub-ttl-cap {
    font-size: 1rem;
  }
}
.p-pesticide-sub-ttl-cap span {
  color: #459b47;
}

.p-pesticide-example-img-list__ttl {
  margin-top: 20px;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-example-img-list__ttl {
    font-size: 1.125rem;
  }
}
.p-pesticide-example-img-list__ttl span {
  font-weight: bold;
  color: #459b47;
}

.p-pesticide-example-img-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-example-img-list {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
  }
}

.p-pesticide-Big-txt {
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-Big-txt {
    font-size: 1rem;
  }
}
.p-pesticide-Big-txt.is-mt-20 {
  margin-top: 20px;
}
.p-pesticide-Big-txt.is-mt-60 {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-Big-txt.is-mt-60 {
    margin-top: 30px;
  }
}

.p-pesticide-example-others-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px 1fr 45px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-column-gap: 45px;
     -moz-column-gap: 45px;
          column-gap: 45px;
  row-gap: 30px;
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-example-others-list {
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    row-gap: 20px;
    margin-top: 20px;
  }
}

.p-pesticide-example-others-list__txt {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-example-others-list__txt {
    font-size: 0.875rem;
  }
}
.p-pesticide-example-others-list__txt span {
  font-weight: bold;
  color: #459b47;
}

.p-pesticide-area-list {
  margin-top: 10px;
  margin-left: 50px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-area-list {
    margin-left: 0;
  }
}

.p-pesticide-area-list__item {
  position: relative;
  padding-left: 1em;
  font-size: 1.375rem;
  line-height: 1.8em;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-area-list__item {
    font-size: 1rem;
  }
}
.p-pesticide-area-list__item::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #a8cb39;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-pesticide-area-list__item::before {
    width: 8px;
    height: 8px;
  }
}

.p-pesticide-area-map-list {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-area-map-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 40px;
    margin-top: 20px;
  }
}

.p-pesticide-area-map-list__item {
  text-align: center;
}
.p-pesticide-area-map-list__item:not(:first-child) {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-area-map-list__item:not(:first-child) {
    margin-top: 40px;
  }
}

.p-pesticide-area-map-list__ttl {
  width: 260px;
  margin: 0 auto;
  padding: 0.2em 0.5em;
  border-radius: 50vw;
  background: #8cc63f;
  font-size: 1.125rem;
  color: #ffffff;
  text-align: center;
}

.p-pesticide-area-map-list__img {
  margin-top: 20px;
}
.p-pesticide-area-map-list__img.is-chiba img {
  width: 459px;
}
.p-pesticide-area-map-list__img.is-saitama img {
  width: 726px;
}
.p-pesticide-area-map-list__img.is-ibarak img {
  width: 487px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-area-map-list__img {
    margin-top: 15px;
    text-align: center;
  }
  .p-pesticide-area-map-list__img img {
    max-height: 400px;
  }
  .p-pesticide-area-map-list__img.is-chiba img, .p-pesticide-area-map-list__img.is-saitama img, .p-pesticide-area-map-list__img.is-ibarak img {
    width: auto;
  }
}

.p-pesticide-area-map-list__txt {
  margin-top: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-area-map-list__txt {
    margin-top: 10px;
  }
}
.p-pesticide-area-map-list__txt span {
  font-weight: bold;
  color: #459b47;
}

.p-pesticide-equipment-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-equipment-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 40px;
    margin-top: 20px;
  }
}

.p-pesticide-equipment-list__ttl {
  padding: 0.2em 0.5em;
  border-radius: 50vw;
  background: #8cc63f;
  font-size: 1.125rem;
  color: #ffffff;
  text-align: center;
}

.p-pesticide-equipment-list__img {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-equipment-list__img {
    margin-top: 15px;
  }
}

.p-pesticide-equipment-data-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 15px 1fr;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: 20px;
  font-size: 0.9375rem;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-equipment-data-list {
    margin-top: 15px;
    font-size: 0.875rem;
  }
}

.p-pesticide-equipment-data-list__ttl,
.p-pesticide-equipment-data-list__txt {
  padding: 0.2em 0;
}
.p-pesticide-equipment-data-list__ttl:not(:first-child),
.p-pesticide-equipment-data-list__txt:not(:first-child) {
  margin-top: 5px;
}

.p-pesticide-equipment-data-list__ttl {
  padding: 0.2em 0.5em;
  background: #e1f4a4;
}

.p-pesticide-price-list {
  margin-top: 45px;
  margin-left: 50px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-price-list {
    margin-top: 20px;
    margin-left: 0;
  }
}

.p-pesticide-price-list__item {
  position: relative;
  padding-left: 1em;
  line-height: 1.8em;
}
.p-pesticide-price-list__item::before {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #a8cb39;
  content: "";
}

.p-pesticide-flow-upto-list,
.p-pesticide-flow-theday-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px 1fr;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 50px;
  position: relative;
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-flow-upto-list,
  .p-pesticide-flow-theday-list {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    row-gap: 30px;
    margin-top: 20px;
  }
}
.p-pesticide-flow-upto-list::before,
.p-pesticide-flow-theday-list::before {
  display: block;
  position: absolute;
  top: 30px;
  left: 89px;
  z-index: -1;
  width: 3px;
  height: calc(100% - 60px);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(140, 198, 63)), to(rgb(0, 51, 42)));
  background: linear-gradient(180deg, rgb(140, 198, 63) 0%, rgb(0, 51, 42) 100%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-pesticide-flow-upto-list::before,
  .p-pesticide-flow-theday-list::before {
    top: 25px;
    left: 68px;
    height: calc(100% - 25px);
  }
}

.p-pesticide-flow-upto-list__ttl,
.p-pesticide-flow-theday-list__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-pesticide-flow-upto-list__ttl span.step,
.p-pesticide-flow-theday-list__ttl span.step {
  font-size: 1.125rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-flow-upto-list__ttl span.step,
  .p-pesticide-flow-theday-list__ttl span.step {
    font-size: 0.9375rem;
  }
}
.p-pesticide-flow-upto-list__ttl span.num,
.p-pesticide-flow-theday-list__ttl span.num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60px;
  height: 60px;
  margin-left: 15px;
  border-radius: 50%;
  font-size: 1.75rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-flow-upto-list__ttl span.num,
  .p-pesticide-flow-theday-list__ttl span.num {
    width: 50px;
    height: 50px;
    margin-left: 6px;
    font-size: 1.5rem;
  }
}
.p-pesticide-flow-upto-list__ttl.is-01 span.step,
.p-pesticide-flow-theday-list__ttl.is-01 span.step {
  color: #8cc63f;
}
.p-pesticide-flow-upto-list__ttl.is-01 span.num,
.p-pesticide-flow-theday-list__ttl.is-01 span.num {
  background: #8cc63f;
}
.p-pesticide-flow-upto-list__ttl.is-02 span.step,
.p-pesticide-flow-theday-list__ttl.is-02 span.step {
  color: #69a139;
}
.p-pesticide-flow-upto-list__ttl.is-02 span.num,
.p-pesticide-flow-theday-list__ttl.is-02 span.num {
  background: #69a139;
}
.p-pesticide-flow-upto-list__ttl.is-03 span.step,
.p-pesticide-flow-theday-list__ttl.is-03 span.step {
  color: #467d35;
}
.p-pesticide-flow-upto-list__ttl.is-03 span.num,
.p-pesticide-flow-theday-list__ttl.is-03 span.num {
  background: #467d35;
}
.p-pesticide-flow-upto-list__ttl.is-04 span.step,
.p-pesticide-flow-theday-list__ttl.is-04 span.step {
  color: #23582f;
}
.p-pesticide-flow-upto-list__ttl.is-04 span.num,
.p-pesticide-flow-theday-list__ttl.is-04 span.num {
  background: #23582f;
}
.p-pesticide-flow-upto-list__ttl.is-05 span.step, .p-pesticide-flow-upto-list__ttl.is-06 span.step,
.p-pesticide-flow-theday-list__ttl.is-05 span.step,
.p-pesticide-flow-theday-list__ttl.is-06 span.step {
  color: #00332a;
}
.p-pesticide-flow-upto-list__ttl.is-05 span.num, .p-pesticide-flow-upto-list__ttl.is-06 span.num,
.p-pesticide-flow-theday-list__ttl.is-05 span.num,
.p-pesticide-flow-theday-list__ttl.is-06 span.num {
  background: #00332a;
}

.p-pesticide-flow-theday-list__ttl.is-01 span.step {
  color: #8cc63f;
}
.p-pesticide-flow-theday-list__ttl.is-01 span.num {
  background: #8cc63f;
}
.p-pesticide-flow-theday-list__ttl.is-02 span.step {
  color: #5d9538;
}
.p-pesticide-flow-theday-list__ttl.is-02 span.num {
  background: #5d9538;
}
.p-pesticide-flow-theday-list__ttl.is-03 span.step {
  color: #2e6431;
}
.p-pesticide-flow-theday-list__ttl.is-03 span.num {
  background: #2e6431;
}
.p-pesticide-flow-theday-list__ttl.is-04 span.step {
  color: #23582f;
}
.p-pesticide-flow-theday-list__ttl.is-04 span.num {
  background: #23582f;
}

.p-pesticide-flow-upto-list__body,
.p-pesticide-flow-theday-list__body {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.p-pesticide-flow-upto-list__body-05-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-flow-upto-list__body-05-wrap {
    display: block;
  }
}

.p-pesticide-flow-upto-list__body-05-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-pesticide-flow-upto-list__body-05-img {
  width: 260px;
  margin-left: 40px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-flow-upto-list__body-05-img {
    width: auto;
    margin-top: 20px;
    margin-left: 0;
  }
}
.p-pesticide-flow-upto-list__body-05-img img {
  width: 100%;
  height: auto;
}

.p-pesticide-flow-upto-list__body-05-img-cap {
  margin-top: 10px;
  font-size: 0.875rem;
}

.p-pesticide-flow-upto-list__ttl-wrap.is-06,
.p-pesticide-flow-upto-list__body.is-06 {
  margin-top: -30px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-flow-upto-list__ttl-wrap.is-06,
  .p-pesticide-flow-upto-list__body.is-06 {
    margin-top: 0;
  }
}

.p-pesticide-flow-theday-txt {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-flow-theday-txt {
    margin-top: 20px;
  }
}

.p-pesticide-form-ttl-wrap {
  margin-bottom: 45px;
  padding: 20px 0 20px 160px;
  background-image: url(/images/pesticide_spraying-logo.svg);
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .p-pesticide-form-ttl-wrap {
    margin-bottom: 30px;
    padding: 90px 0 20px;
    background-size: 80px;
    background-position: center top;
  }
}

.c-ttl-sub-s.p-pesticide-form-ttl {
  margin-bottom: 15px;
  text-align: left;
}

.p-pesticide-form-terms__link {
  padding: 8px 15px;
  border: 1px solid #459b47;
  color: #459b47;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.p-pesticide-form-terms__link:hover {
  background: #459b47;
  color: #ffffff;
  text-decoration: none;
}

.p-pesticide-terms-intro-txt {
  margin-top: 60px;
}

.p-pesticide-terms-word-list {
  margin-top: 60px;
  counter-reset: wordnumber 0;
}

.p-pesticide-terms-list__item:not(:first-child) {
  margin-top: 45px;
}

.p-pesticide-terms-word-list__ttl {
  position: relative;
  font-size: 1.375rem;
}
.p-pesticide-terms-word-list__ttl::before {
  counter-increment: wordnumber;
  content: counter(wordnumber) ".";
}

.p-pesticide-terms-list {
  margin-top: 60px;
  counter-reset: number 0;
}

.p-pesticide-terms-list__ttl {
  position: relative;
  font-size: 1.375rem;
}
.p-pesticide-terms-list__ttl::before {
  counter-increment: number;
  content: "第" counter(number) "条";
}

.p-pesticide-terms-list__txt {
  margin-top: 20px;
}

.p-pesticide-terms-list-sub {
  margin-top: 20px;
  counter-reset: subnumber 0;
}

.p-pesticide-terms-list-sub__item {
  position: relative;
  padding-left: 2em;
}
.p-pesticide-terms-list-sub__item::before {
  counter-increment: subnumber;
  content: counter(subnumber) "）";
  margin-left: -2em;
}
.p-pesticide-terms-list-sub__item span {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}

.p-hachidori-main-visual-bg {
  position: relative;
  height: 600px;
  padding: 30px 0;
  background: url(/images/hachidori-main-visual-bg.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-main-visual-bg {
    height: 400px;
    background: url(/images/hachidori-main-visual-bg-sp.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
  }
}
.p-hachidori-main-visual-bg::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 74, 146, 0.8)), color-stop(35%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(50, 74, 146, 0.8) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%);
  content: "";
}

.p-hachidori-main-visual-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-hachidori-main-visual-logo {
  width: 80px;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-main-visual-logo {
    width: 60px;
  }
}

.p-hachidori-main-visual-ttl {
  padding-left: 20px;
  font-size: 1.75rem;
  font-family: YakuHanMPs, "Sawarabi Mincho", serif;
  color: #cbd3ec;
  text-shadow: 1px 1px 1px #324a92, -1px -1px 1px #324a92, -1px 1px 1px #324a92, 1px -1px 1px #324a92, 1px 0px 1px #324a92, -1px 0px 1px #324a92, 0px 1px 1px #324a92, 0px -1px 1px #324a92;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-main-visual-ttl {
    padding-left: 10px;
    font-size: 1.25rem;
  }
}

.p-hachidori-main-visual-catch {
  margin-top: 10px;
  font-size: 3.4375rem;
  font-family: YakuHanMPs, "Sawarabi Mincho", serif;
  color: #ffffff;
  text-align: center;
  text-shadow: 2px 2px 2px #324a92, -2px -2px 2px #324a92, -2px 2px 2px #324a92, 2px -2px 2px #324a92, 2px 0px 2px #324a92, -2px 0px 2px #324a92, 0px 2px 2px #324a92, 0px -2px 2px #324a92;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-main-visual-catch {
    margin-top: 30px;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}

.p-hachidori-intro-container {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-intro-container {
    padding-bottom: 120px;
  }
}

.p-hachidori-ttl {
  font-size: 2rem;
  font-weight: bold;
  font-family: YakuHanMPs, "Sawarabi Mincho", serif;
  color: #324a92;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-ttl {
    font-size: 1.375rem;
  }
}

.p-hachidori-lead-txt {
  margin-top: 30px;
  font-size: 1.125rem;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-lead-txt {
    margin-top: 20px;
    font-size: 1rem;
  }
}
.p-hachidori-lead-txt.is-mt45 {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-lead-txt.is-mt45 {
    margin-top: 30px;
  }
}

.p-hachidori-lead-logo {
  position: absolute;
  right: 0;
  bottom: 45px;
  width: 260px;
  height: 260px;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-lead-logo {
    right: 15px;
    bottom: 25px;
    width: 120px;
    height: 120px;
  }
}

.p-hachidori-mission-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px 1fr 45px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 45px;
     -moz-column-gap: 45px;
          column-gap: 45px;
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-mission-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-top: 30px;
  }
}

.p-hachidori-mission-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height: 320px;
  padding: 30px 25px;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-mission-list__item {
    height: auto;
    padding: 20px;
  }
}
.p-hachidori-mission-list__item::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  content: "";
}
.p-hachidori-mission-list__item:nth-child(1)::before {
  background: rgba(40, 126, 166, 0.8);
}
.p-hachidori-mission-list__item:nth-child(2)::before {
  background: rgba(45, 99, 156, 0.8);
}
.p-hachidori-mission-list__item:nth-child(3)::before {
  background: rgba(50, 74, 146, 0.8);
}
.p-hachidori-mission-list__item.is-intersect:nth-child(1) {
  background: url(/images/hachidori-mission-list__item-bg_01.jpg) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-mission-list__item.is-intersect:nth-child(1) {
    background: url(/images/hachidori-mission-list__item-bg_01-sp.jpg) no-repeat;
    background-size: cover;
    background-position: right bottom;
  }
}
.p-hachidori-mission-list__item.is-intersect:nth-child(2) {
  background: url(/images/hachidori-mission-list__item-bg_02.jpg) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-mission-list__item.is-intersect:nth-child(2) {
    background: url(/images/hachidori-mission-list__item-bg_02-sp.jpg) no-repeat;
    background-size: cover;
    background-position: right center;
  }
}
.p-hachidori-mission-list__item.is-intersect:nth-child(3) {
  background: url(/images/hachidori-mission-list__item-bg_03.jpg) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-mission-list__item.is-intersect:nth-child(3) {
    background: url(/images/hachidori-mission-list__item-bg_03-sp.jpg) no-repeat;
    background-size: cover;
    background-position: right top;
  }
}

.p-hachidori-mission-list__ttl {
  position: relative;
  z-index: 2;
  font-size: 3.125rem;
  font-weight: bold;
  font-family: YakuHanMPs, "Sawarabi Mincho", serif;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-mission-list__ttl {
    font-size: 2.5rem;
    line-height: 1;
  }
}
.p-hachidori-mission-list__ttl::before {
  display: block;
  position: absolute;
  bottom: -35px;
  left: 50%;
  width: 1px;
  height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(226, 241, 250)), to(rgb(24, 210, 199)));
  background: linear-gradient(180deg, rgb(226, 241, 250) 0%, rgb(24, 210, 199) 100%);
  -webkit-transform: translateX(-50%) rotate(20deg);
          transform: translateX(-50%) rotate(20deg);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-hachidori-mission-list__ttl::before {
    bottom: -28px;
    height: 20px;
  }
}

.p-hachidori-mission-list__txt {
  position: relative;
  z-index: 2;
  font-size: 1.125rem;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-mission-list__txt {
    margin-top: 30px;
    font-size: 1rem;
  }
}

.p-hachidori-support-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px 1fr 45px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 45px;
     -moz-column-gap: 45px;
          column-gap: 45px;
  row-gap: 30px;
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-support-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-top: 30px;
  }
}

.p-hachidori-support-list__item {
  border: 3px solid #324a92;
  border-radius: 20px;
  background: #ebf6f7;
}

.p-hachidori-support-list__ttl {
  position: relative;
  padding: 8px 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(50, 74, 146)), to(rgb(68, 117, 218)));
  background: linear-gradient(180deg, rgb(50, 74, 146) 0%, rgb(68, 117, 218) 100%);
  font-size: 1.375rem;
  color: #fdf7af;
  text-align: center;
}
.p-hachidori-support-list__ttl::before {
  display: block;
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 20px;
  height: 14px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(68, 117, 218)), to(rgb(174, 200, 255)));
  background: linear-gradient(180deg, rgb(68, 117, 218) 0%, rgb(174, 200, 255) 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  content: "";
}
.p-hachidori-support-list__txt {
  padding: 25px 10px 20px;
  font-size: 1rem;
  color: #324a92;
  line-height: 1.8;
  text-align: center;
}
.p-hachidori-training-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 45px;
     -moz-column-gap: 45px;
          column-gap: 45px;
  row-gap: 45px;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .p-hachidori-training-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
}

.p-hachidori-under {
  position: relative;
  overflow: hidden;
}
.p-hachidori-under::before {
  display: block;
  position: absolute;
  top: 400px;
  left: calc(50% + 440px);
  z-index: -1;
  width: 400px;
  height: 393px;
  opacity: 0.15;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-hachidori-under::before {
    content: none;
  }
}
.p-hachidori-under::after {
  display: block;
  position: absolute;
  top: 1090px;
  right: calc(50% + 380px);
  z-index: -1;
  width: 600px;
  height: 590px;
  opacity: 0.15;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-hachidori-under::after {
    content: none;
  }
}
.p-hachidori-under.is-intersect::before, .p-hachidori-under.is-intersect::after {
  background: url(/images/hachidori-section-bg.png) no-repeat;
  background-size: contain;
}

.l-hd-sub-navi-ttl {
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  text-align: left;
}

.l-hd-sub-navi-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.l-hd-sub-navi-list-wrap.is-company {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.l-hd-sub-navi-droneschool-img {
  width: 300px;
  margin-right: 60px;
}
.l-hd-sub-navi-droneschool-img img {
  border-radius: 15px;
}

.l-hd-sub-navi-pc-list {
  text-align: left;
}
.l-hd-sub-navi-pc-list.is-3clm-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr 60px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
}
.l-hd-sub-navi-pc-list.is-4clm-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 10px;
}
.l-hd-sub-navi-pc-list.with-Rowgap-20 {
  row-gap: 20px;
}

.l-hd-sub-navi-pc-list__item {
  padding: 5px 0;
}
.l-hd-sub-navi-pc-list__item.is-school-about-support {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
}
.l-hd-sub-navi-pc-list__item.is-company {
  padding: 10px 0;
}
.l-hd-sub-navi-pc-list__item.is-new {
  position: relative;
}
.l-hd-sub-navi-pc-list__item.is-new::before {
  display: block;
  position: absolute;
  top: 18px;
  right: -10px;
  z-index: 2;
  width: 82px;
  height: 26px;
  background: url(/images/hd-sub-navi-pc-list__item_new-icon.svg) no-repeat;
  background-size: contain;
  content: "";
}

.l-hd-sub-navi-pc-list__link {
  display: block;
}
.l-hd-sub-navi-pc-list__link.is-Small .l-hd-sub-navi-pc-list__link-txt {
  font-size: 1rem;
}
.l-hd-sub-navi-pc-list__link.is-Small .l-hd-sub-navi-pc-list__link-txt.is-S {
  margin: 0 -20px;
  letter-spacing: 0;
}
.l-hd-sub-navi-pc-list__link.is-Center {
  text-align: center;
}
.l-hd-sub-navi-pc-list__link.with-Img {
  display: block;
}
.l-hd-sub-navi-pc-list__link.with-Img:hover .l-hd-sub-navi-pc-list__link-txt {
  color: #81d8d0;
}
.l-hd-sub-navi-pc-list__link.with-Img:hover .l-hd-sub-navi-pc-list__link-txt::before {
  color: #00a9d0;
}
.l-hd-sub-navi-pc-list__link.with-Img:hover .l-hd-sub-navi-pc-list__link-txt::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.l-hd-sub-navi-pc-list__link.with-Img:hover .l-hd-sub-navi-pc-list__img {
  opacity: 0.7;
}
.l-hd-sub-navi-pc-list__link.is-inspection {
  position: relative;
}
.l-hd-sub-navi-pc-list__link.is-inspection .l-hd-sub-navi-pc-list__inspection-txt {
  display: -ms-grid;
  display: grid;
  place-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  font-size: 0.875rem;
  color: #ffffff;
}
.l-hd-sub-navi-pc-list__link.is-inspection .l-hd-sub-navi-pc-list__inspection-txt span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.l-hd-sub-navi-pc-list__link.is-inspection .l-hd-sub-navi-pc-list__inspection-txt::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  border-radius: 0 10px 0 0;
  background: #81d8d0;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  content: "";
}

.l-hd-sub-navi-pc-list__link-txt {
  display: inline-block;
  position: relative;
  padding: 2px 1.4em 2px 0;
  border-bottom: 1px dashed #81d8d0;
  font-size: 1.25rem;
  color: #393939;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-hd-sub-navi-pc-list__link-txt::before {
  content: "\f0a9";
  position: absolute;
  top: 50%;
  right: 0;
  font-weight: 900;
  font-family: "Font Awesome 5 free";
  color: #81d8d0;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-hd-sub-navi-pc-list__link-txt::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #81d8d0;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  content: "";
}
.l-hd-sub-navi-pc-list__link-txt:hover {
  text-decoration: none;
  color: #81d8d0;
}
.l-hd-sub-navi-pc-list__link-txt:hover::before {
  color: #00a9d0;
}
.l-hd-sub-navi-pc-list__link-txt:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.l-hd-sub-navi-pc-list__img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-hd-sub-navi-pc-list__img img {
  border-radius: 10px;
}

.l-hd-sub-navi-inner-inner {
  position: relative;
  z-index: 2;
}

.l-hd-sub-navi-pc-round-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 20px;
}

.l-hd-sub-navi-pc-round-list__item:not(:first-child) {
  margin-left: 45px;
}

.l-hd-sub-navi-pc-round-list__link {
  display: block;
  padding: 10px 40px;
  border: 4px solid #81d8d0;
  border-radius: 50vw;
  background: #ffffff;
}
.l-hd-sub-navi-pc-round-list__link:hover {
  background: #81d8d0;
}
.l-hd-sub-navi-pc-round-list__link:hover .l-hd-sub-navi-pc-round-list__link-txt {
  text-decoration: none;
  color: #ffffff;
}
.l-hd-sub-navi-pc-round-list__link:hover .l-hd-sub-navi-pc-round-list__link-txt::before {
  color: #ffffff;
}

.l-hd-sub-navi-pc-round-list__link-txt {
  display: inline-block;
  position: relative;
  min-width: 240px;
  padding: 2px 1.4em 2px 0;
  font-size: 1.5rem;
  color: #81d8d0;
  text-align: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-hd-sub-navi-pc-round-list__link-txt::before {
  content: "\f0a9";
  position: absolute;
  top: 50%;
  right: 0;
  font-weight: 900;
  font-family: "Font Awesome 5 free";
  color: #81d8d0;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.p-school-support-freecourt-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media only screen and (max-width: 767px) {
  .p-school-support-freecourt-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}

.p-school-support-freecourt-list__item-img img {
  width: 100%;
  height: auto;
}

.p-school-support-freecourt-list__item-ttl {
  position: relative;
  width: 160px;
  margin: -20px auto 0;
  border-radius: 50vw;
  background: #81d8d0;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}

.p-school-support-freecourt-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 30px;
  font-size: 0.9375rem;
}
@media only screen and (max-width: 767px) {
  .p-school-support-freecourt-txt {
    display: block;
    margin-top: 20px;
  }
}

.c-ttl-sub.p-school-support-teamHB-ttl {
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .c-ttl-sub.p-school-support-teamHB-ttl {
    font-size: 1.125rem;
    text-align: left;
  }
}

.p-school-support-teamHB-img {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-img {
    margin-bottom: 45px;
  }
}
.p-school-support-teamHB-img img {
  width: 100%;
  height: auto;
}

.p-school-support-teamHB-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-list {
    -ms-grid-columns: auto 15px auto;
    grid-template-columns: repeat(2, auto);
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    row-gap: 35px;
  }
}

.p-school-support-teamHB-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 140px;
  border-radius: 8px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#cfd9df), to(#e2ebf0));
  background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
  font-size: 1.125rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-list__item {
    height: 100px;
    font-size: 0.875rem;
    letter-spacing: 0;
  }
}
.p-school-support-teamHB-list__item::before {
  display: block;
  position: absolute;
  bottom: -25px;
  left: 50%;
  width: 24px;
  height: 26px;
  background: #cfd9df;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}

.p-school-support-teamHB-list-under-txt {
  margin-top: 60px;
  font-size: 2.25rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-list-under-txt {
    margin-top: 45px;
    font-size: 1.75rem;
  }
}
.p-school-support-teamHB-list-under-txt span {
  padding-bottom: 0.2em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ffffff));
  background: linear-gradient(transparent 50%, #ffffff 50%);
}

.p-school-support-teamHB-under-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-under-list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10px;
  }
}

.p-school-support-teamHB-under-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 240px;
  border-radius: 50%;
  background-image: linear-gradient(120deg, #46D0C0 0%, #B2DE7D 100%);
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-under-list__item {
    height: auto;
    padding: 30px 0;
    border-radius: 15px;
  }
}
.p-school-support-teamHB-under-list__item::before {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border: 2px solid #ffffff;
  border-radius: 50%;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-under-list__item::before {
    border-radius: 7px;
  }
}

.p-school-support-teamHB-under-list__item-txt {
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-under-list__item-txt {
    font-size: 1rem;
  }
}
.p-school-support-teamHB-under-list__item-txt span {
  font-size: 1.5rem;
  font-weight: bold;
  color: #028760;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-under-list__item-txt span {
    font-size: 1.125rem;
  }
}

.p-school-support-teamHB-under-list__cap {
  margin-top: 30px;
  margin-bottom: 120px;
  font-size: 1.5rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-under-list__cap {
    margin-bottom: 60px;
    font-size: 1.125rem;
    text-align: left;
  }
}

.p-school-support-teamHB-service-ttl-sub {
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-service-ttl-sub {
    display: block;
    padding-top: 0.2em;
    font-size: 0.9375rem;
  }
}

.p-school-support-teamHB-service-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 30px;
  margin-bottom: 120px;
  padding: 45px;
  border-radius: 20px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-service-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 25px;
    margin-bottom: 60px;
    padding: 30px 25px;
  }
}

.p-school-support-teamHB-service-list__item-img img {
  width: 100%;
  height: auto;
}

.p-school-support-teamHB-service-list__item-txt {
  margin-top: 10px;
  text-align: center;
}

.p-school-support-teamHB-service-price-list__item {
  position: relative;
  padding-left: 1.2em;
  font-size: 1.5rem;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-service-price-list__item {
    font-size: 1.125rem;
  }
}
.p-school-support-teamHB-service-price-list__item:not(:first-child) {
  margin-top: 15px;
}
.p-school-support-teamHB-service-price-list__item::before {
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background: #81d8d0;
  content: "";
}
.p-school-support-teamHB-service-price-list__item.is-cap {
  padding-left: 0;
  font-size: 1.125rem;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .p-school-support-teamHB-service-price-list__item.is-cap {
    font-size: 0.9375rem;
  }
}
.p-school-support-teamHB-service-price-list__item.is-cap::before {
  content: none;
}

.p-contact-intro-wrap .p-part-campain-wrap,
.p-school-course-campain .p-part-campain-wrap {
  padding: 0 0 60px;
  background: transparent;
}
.p-contact-intro-wrap .p-part-campain-container,
.p-school-course-campain .p-part-campain-container {
  width: auto;
  padding: 0;
}
.p-contact-intro-wrap .topics-modal,
.p-school-course-campain .topics-modal {
  background: #f56e6e;
  color: #ffffff;
}
.p-contact-intro-wrap .topics-modal:hover,
.p-school-course-campain .topics-modal:hover {
  text-decoration: underline;
}

.p-school-course-campain {
  padding-bottom: 0;
}

.p-board-member-list__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 317px 45px 1fr;
  grid-template-columns: 317px 1fr;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  -webkit-column-gap: 45px;
     -moz-column-gap: 45px;
          column-gap: 45px;
}

.p-board-member-list__item > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.p-board-member-list__item > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.p-board-member-list__item > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.p-board-member-list__item > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
@media only screen and (max-width: 767px) {
  .p-board-member-list__item {
    display: block;
  }
}
.p-board-member-list__item.is-ceo {
  -ms-grid-columns: 450px 1fr;
  grid-template-columns: 450px 1fr;
}
.p-board-member-list__item:not(:first-child) {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .p-board-member-list__item:not(:first-child) {
    margin-top: 45px;
  }
}

.p-board-member-list__ttl {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  position: relative;
}
.p-board-member-list__ttl span.p-board-member-list__position {
  display: block;
  font-size: 1.125rem;
}
.p-board-member-list__ttl span.p-board-member-list__name {
  display: block;
  font-size: 1.5rem;
  font-family: YakuHanMPs, "Sawarabi Mincho", serif;
  color: #000000;
}
.p-board-member-list__ttl span.is-en {
  font-size: 0.75rem;
  color: #000000;
}
.p-board-member-list__ttl::before {
  display: block;
  position: absolute;
  bottom: -17px;
  left: 0;
  width: 50px;
  height: 4px;
  background: #000000;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-board-member-list__ttl::before {
    bottom: auto;
    top: 50%;
    left: auto;
    right: 0;
  }
}

.p-board-member-list__img {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
@media only screen and (max-width: 767px) {
  .p-board-member-list__img {
    margin-top: 15px;
  }
}

.p-board-member-list__txt {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  margin-top: 30px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .p-board-member-list__txt {
    margin-top: 15px;
  }
}

/*** ドローン点検スペシャリスト育成コース ***/
.p-inspection-main-visual {
  overflow: hidden;
}

.p-inspection-main-visual-logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 45px 0 60px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-logo-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-inspection-main-visual-logo__img.is-tokyu {
  width: 260px;
}
.p-inspection-main-visual-logo__img.is-hb {
  width: 300px;
}
.p-inspection-main-visual-logo__img.is-juida {
  width: 160px;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-logo__img.is-juida {
    padding-top: 0;
  }
}
.p-inspection-main-visual-logo__img.is-cross {
  width: 25px;
  margin: 0 20px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-logo__img.is-cross {
    margin: 15px 0;
  }
}

.p-inspection-main-visual-ttl-wrap {
  position: relative;
  height: 500px;
  background-image: repeating-linear-gradient(0deg, #dcedf9, #dcedf9 1px, transparent 1px, transparent 6px);
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-ttl-wrap {
    height: 400px;
  }
}
.p-inspection-main-visual-ttl-wrap::before {
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 280px);
  width: 1250px;
  height: 500px;
  border-radius: 50vw 0 0 50vw;
  background: url(/images/inspection-main-visual-bg__img.jpg) no-repeat;
  background-size: cover;
  background-position: left center;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-ttl-wrap::before {
    left: 80px;
    width: calc(100% - 80px);
    height: 400px;
    border-radius: 0;
    background: url(/images/inspection-main-visual-bg__img-sp.jpg) no-repeat;
    background-size: cover;
    background-position: left center;
  }
}

.p-inspection-main-visual-ttl-inner {
  position: relative;
  height: 500px;
  padding-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-ttl-inner {
    height: 400px;
    padding-top: 30px;
  }
}

.p-inspection-main-visual-ttl__sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 10px;
  background: #263e87;
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  color: #ffffff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-ttl__sub {
    font-size: 1.125rem;
  }
}

.p-inspection-main-visual-ttl {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
  padding: 10px 10px 10px 0;
  background: rgba(255, 255, 255, 0.8);
  font-size: 3.4375rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #263e87;
  line-height: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-text-stroke: 2px #ffffff;
  text-stroke: 2px #ffffff;
  paint-order: stroke;
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-ttl {
    margin-top: 15px;
    padding: 5px 10px 5px 0;
    font-size: 1.75rem;
    line-height: 1.3;
    -webkit-text-stroke: vw(2px) #ffffff;
    text-stroke: vw(2px) #ffffff;
    paint-order: stroke;
  }
}

.p-inspection-main-visual-ttl__catch {
  position: absolute;
  right: 0;
  bottom: 45px;
  z-index: 2;
  padding: 4px 10px;
  background: #1c80c4;
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  color: #ffffff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-ttl__catch {
    bottom: 30px;
    font-size: 1rem;
  }
}

.p-inspection-main-visual-ttl__img-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 360px;
  -webkit-filter: drop-shadow(-10px 0px 0px rgba(0, 51, 102, 0.1));
          filter: drop-shadow(-10px 0px 0px rgba(0, 51, 102, 0.1));
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-ttl__img-01 {
    width: 280px;
  }
}

.p-inspection-main-visual-ttl__img-02 {
  position: absolute;
  top: -40px;
  left: 360px;
  width: 240px;
  -webkit-filter: drop-shadow(-10px 0px 0px rgba(0, 51, 102, 0.1));
          filter: drop-shadow(-10px 0px 0px rgba(0, 51, 102, 0.1));
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-visual-ttl__img-02 {
    left: auto;
    right: 10px;
    width: 160px;
  }
}

.p-inspection-main-ttl {
  font-size: 2.25rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #263e87;
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-ttl {
    font-size: 1.375rem;
  }
}
.p-inspection-main-ttl span.is-Small {
  font-size: 1.25rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-ttl span.is-Small {
    font-size: 1rem;
  }
}
.p-inspection-main-ttl.is-hidden {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-ttl.is-hidden {
    display: none;
  }
}

.p-inspection-main-ttl-sub {
  margin-top: 10px;
  font-size: 1.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .p-inspection-main-ttl-sub {
    font-size: 1.125rem;
  }
}

.p-inspection-feature {
  padding-top: 45px;
}

.p-inspection-feature-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px 1fr 45px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 45px;
     -moz-column-gap: 45px;
          column-gap: 45px;
  margin-top: 30px;
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-feature-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-bottom: 45px;
  }
}

.p-inspection-feature-list__item {
  position: relative;
  border: 2px solid #263e87;
  background-color: hsl(0, 0%, 100%);
  background-image: radial-gradient(circle at 5% 5%, hsl(56, 100%, 91%) 0%, transparent 50%), radial-gradient(circle at 95% 5%, hsl(202.641509434, 100%, 89%) 0%, transparent 37.3743789384%), radial-gradient(circle at 3% 95%, hsl(24.3956043956, 100%, 82%) 4.6685340803%, transparent 50%), radial-gradient(circle at 70% 68%, hsl(180, 100%, 96%) 0%, transparent 50%);
  background-blend-mode: normal, normal, normal, normal;
}
.p-inspection-feature-list__item::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #ffffff 1px, transparent 1px), radial-gradient(circle, #ffffff 1px, transparent 1px);
  background-position: 0 0, 3px 6px;
  background-size: 6px 12px;
  opacity: 0.5;
  content: "";
}

.p-inspection-feature-list__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 20px;
  background: #263e87;
  font-size: 1.5rem;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-inspection-feature-list__ttl {
    padding: 0 15px;
    font-size: 1.125rem;
  }
}
.p-inspection-feature-list__ttl span {
  padding-left: 0.2em;
  font-size: 2.5rem;
  font-weight: bold;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  color: #fea743;
}
@media only screen and (max-width: 767px) {
  .p-inspection-feature-list__ttl span {
    font-size: 2rem;
  }
}

.p-inspection-feature-list__txt {
  position: relative;
  z-index: 3;
  padding: 15px 20px;
  font-size: 1.25rem;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .p-inspection-feature-list__txt {
    padding: 15px;
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.p-inspection-feature-list__txt span {
  font-weight: bold;
  color: #263e87;
}

.p-inspection-issue-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px 1fr 45px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 45px;
     -moz-column-gap: 45px;
          column-gap: 45px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-issue-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 45px;
  }
}

.p-inspection-issue-list__item {
  position: relative;
  border: 2px solid #263e87;
  background-color: hsl(204, 0%, 100%);
  background-image: radial-gradient(circle at 0% 0%, hsla(37.4285714286, 91%, 54%, 0.3) 3.1210986267%, transparent 40%), radial-gradient(circle at 20% 0%, hsla(55.3636363636, 75%, 55%, 0.3) 3.1210986267%, transparent 40%), radial-gradient(circle at 40% 0%, hsla(352.7184466019, 78%, 48%, 0.2) 3.1210986267%, transparent 40%), radial-gradient(circle at 60% 0%, hsla(37.4285714286, 91%, 54%, 0.3) 3.1210986267%, transparent 40%), radial-gradient(circle at 80% 0%, hsla(17.2058823529, 72%, 48%, 0.3) 3.1210986267%, transparent 40%), radial-gradient(circle at 100% 0%, hsla(23.8235294118, 100%, 37%, 0.25) 3%, transparent 40%);
  background-blend-mode: normal, normal, normal, normal, normal, normal;
}
.p-inspection-issue-list__item::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #ffffff 1px, transparent 1px), radial-gradient(circle, #ffffff 1px, transparent 1px);
  background-position: 0 0, 3px 6px;
  background-size: 6px 12px;
  opacity: 0.5;
  content: "";
}
.p-inspection-issue-list__item:nth-child(1)::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -56px;
  z-index: 2;
  width: 56px;
  height: 46px;
  background: url(/images/inspection-issue-list__arrow-right.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-inspection-issue-list__item:nth-child(1)::after {
    top: auto;
    bottom: -43px;
    left: 50%;
    right: auto;
    width: 46px;
    height: 38px;
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
  }
}
.p-inspection-issue-list__item:nth-child(2)::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -54px;
  z-index: 2;
  width: 59px;
  height: 46px;
  background: url(/images/inspection-issue-list__arrow-both.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-inspection-issue-list__item:nth-child(2)::after {
    top: auto;
    bottom: -43px;
    left: 50%;
    right: auto;
    width: 46px;
    height: 36px;
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
  }
}

.p-inspection-issue-list__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 70px;
  padding: 5px 15px;
  background: #263e87;
  font-size: 1.25rem;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-inspection-issue-list__ttl {
    min-height: auto;
  }
}

.p-inspection-issue-list__txt {
  position: relative;
  z-index: 3;
  padding: 15px 20px;
  font-size: 1rem;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .p-inspection-issue-list__txt {
    padding: 15px;
    line-height: 1.7;
    letter-spacing: 0;
  }
}
.p-inspection-issue-list__txt span {
  font-weight: bold;
  color: #263e87;
}

.p-inspection-issue-list__under-txt {
  position: relative;
  width: 600px;
  margin: 20px 0 0 auto;
  padding: 20px 15px;
  border-radius: 15px;
  background: #263e87;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-inspection-issue-list__under-txt {
    width: auto;
    margin-top: 20px;
  }
}
.p-inspection-issue-list__under-txt::before {
  display: block;
  position: absolute;
  top: -39px;
  right: 306px;
  width: 30px;
  height: 40px;
  background: #263e87;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-inspection-issue-list__under-txt::before {
    top: -29px;
    right: auto;
    left: 50%;
    width: 24px;
    height: 30px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.p-inspection-issue-last-txt {
  margin-top: 60px;
  font-size: 1.25rem;
  line-height: 2;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-inspection-issue-last-txt {
    font-size: 1.125rem;
    line-height: 1.75;
    text-align: left;
  }
}
.p-inspection-issue-last-txt span.is-color {
  font-weight: bold;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  color: #fea743;
}
.p-inspection-issue-last-txt span.is-border {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fea743));
  background: linear-gradient(transparent 60%, #fea743 60%);
}

.p-inspection-main-ttl__under-txt {
  margin-top: 30px;
}

.p-inspection-curriculum {
  position: relative;
}
.p-inspection-curriculum::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 990px;
  height: 1px;
  border-top: 2px dashed #dcedf9;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-inspection-curriculum::before {
    left: 15px;
    width: calc(100% - 30px);
    -webkit-transform: none;
            transform: none;
  }
}

.p-inspection-curriculum-tbl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 3px auto 3px auto 3px 1fr;
  grid-template-columns: auto auto auto 1fr;
  -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
          column-gap: 3px;
  row-gap: 3px;
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-curriculum-tbl {
    -ms-grid-columns: auto 2px auto 2px 1fr;
    grid-template-columns: auto auto 1fr;
    -webkit-column-gap: 2px;
       -moz-column-gap: 2px;
            column-gap: 2px;
    row-gap: 2px;
  }
}
.p-inspection-curriculum-tbl div {
  place-content: center;
  padding: 10px 20px;
  background: #fbfbfb;
}
@media only screen and (max-width: 767px) {
  .p-inspection-curriculum-tbl div {
    padding: 10px;
    font-size: 0.875rem;
  }
}
.p-inspection-curriculum-tbl {
  /*
  & tbody,
  & thead,
  & tr,
  & tfoot {
  	display: contents;
  }
  & th, 
  & td {
  	place-content: center;
  	padding: 10px 20px;
  }
  & td {
  	background: #fbfbfb;
  }
  */
}
.p-inspection-curriculum-tbl .is-th-head {
  background: #263e87;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-inspection-curriculum-tbl .is-th-head-day {
    display: none;
  }
}
.p-inspection-curriculum-tbl .is-th-day {
  grid-row: auto/span 2;
  font-size: 1.25rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767px) {
  .p-inspection-curriculum-tbl .is-th-day {
    grid-row: auto/span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    text-align: center;
  }
}
.p-inspection-curriculum-tbl .is-th-day.is-01 {
  background: #edf6fc;
}
.p-inspection-curriculum-tbl .is-th-day.is-02 {
  background: #dcedf9;
}
@media only screen and (max-width: 767px) {
  .p-inspection-curriculum-tbl .is-td-hour {
    display: -ms-grid;
    display: grid;
    place-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-inspection-curriculum-tbl .is-tilde {
    display: block;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}
.p-inspection-curriculum-tbl .is-bg-f5 {
  background: #f5f5f5;
}
.p-inspection-curriculum-tbl .is-lecture {
  font-size: 1.25rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #263e87;
}
@media only screen and (max-width: 767px) {
  .p-inspection-curriculum-tbl .is-lecture {
    font-size: 1rem;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}
.p-inspection-curriculum-tbl .is-practical {
  font-size: 1.25rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #fea743;
}
@media only screen and (max-width: 767px) {
  .p-inspection-curriculum-tbl .is-practical {
    font-size: 1rem;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}
.p-inspection-curriculum-tbl .p-inspection-curriculum-td-list__item {
  position: relative;
  padding: 0.2em 0 0.2em 1em;
}
.p-inspection-curriculum-tbl .p-inspection-curriculum-td-list__item::before {
  display: block;
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1c80c4;
  content: "";
}

.p-inspection-curriculum-tbl__under-txt {
  margin-top: 15px;
  font-size: 0.875rem;
  color: #696969;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .p-inspection-curriculum-tbl__under-txt {
    font-size: 0.75rem;
  }
}

.p-inspection-other {
  position: relative;
}
.p-inspection-other::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 990px;
  height: 1px;
  border-top: 2px dashed #dcedf9;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-inspection-other::before {
    left: 15px;
    width: calc(100% - 30px);
    -webkit-transform: none;
            transform: none;
  }
}

.p-inspection-other-skill-list {
  margin-top: 30px;
  counter-reset: number 0;
}
@media only screen and (max-width: 767px) {
  .p-inspection-other-skill-list {
    padding: 0 10px;
  }
}

.p-inspection-other-skill-list__item {
  position: relative;
  padding: 15px 15px 15px 140px;
  background-image: -webkit-gradient(linear, left top, right top, from(#accbee), to(#e7f0fd));
  background-image: linear-gradient(90deg, #accbee 0%, #e7f0fd 100%);
  font-size: 1.5rem;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
@media only screen and (max-width: 767px) {
  .p-inspection-other-skill-list__item {
    padding: 10px 10px 10px 60px;
    font-size: 1.125rem;
    letter-spacing: 0;
  }
}
.p-inspection-other-skill-list__item:not(:first-child) {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-other-skill-list__item:not(:first-child) {
    margin-top: 15px;
  }
}
.p-inspection-other-skill-list__item::before {
  position: absolute;
  top: 50%;
  left: 20px;
  font-size: 6.25rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: bold;
  color: #ffffff;
  opacity: 0.5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero) " ";
}
@media only screen and (max-width: 767px) {
  .p-inspection-other-skill-list__item::before {
    left: 10px;
    font-size: 2.25rem;
    opacity: 0.7;
  }
}

.p-inspection-other-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 90px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 90px;
     -moz-column-gap: 90px;
          column-gap: 90px;
  row-gap: 90px;
  margin-top: 90px;
}
@media only screen and (max-width: 960px) {
  .p-inspection-other-list {
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
    row-gap: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .p-inspection-other-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 45px;
    margin-top: 60px;
  }
}

.p-inspection-other-list__item.is-col2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media only screen and (max-width: 767px) {
  .p-inspection-other-list__item.is-col2 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}

.p-inspection-other-list__item-inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.p-inspection-other-list__txt {
  margin-top: 20px;
}
.p-inspection-other-list__txt span.is-card-cap {
  display: block;
  margin-top: 20px;
  font-size: 0.875rem;
  color: #696969;
}
.p-inspection-other-list__txt span.is-square {
  padding-right: 0.2em;
  color: #1c80c4;
}
.p-inspection-other-list__txt span.is-red {
  color: #e03448;
}

.p-inspection-other-list__img-card {
  width: 360px;
  margin: 20px auto 0 0;
}
@media only screen and (max-width: 767px) {
  .p-inspection-other-list__img-card {
    width: 260px;
    margin: 20px auto 0;
  }
}

.p-inspection-other-list__location-cap {
  margin: 15px -540px 0 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-inspection-other-list__location-cap {
    margin: 15px 0 0 0;
    font-size: 0.875rem;
    letter-spacing: 0;
  }
}
.p-inspection-other-list__location-cap.is-2nd {
  display: none;
}
@media only screen and (max-width: 767px) {
  .p-inspection-other-list__location-cap.is-2nd {
    display: block;
  }
}

.p-inspection-other-terms-list {
  margin-top: 20px;
  counter-reset: terms 0;
}

.p-inspection-other-terms-list__item {
  position: relative;
  padding: 0.5em 0 0.5em 1.5em;
}
.p-inspection-other-terms-list__item::before {
  position: absolute;
  top: 0.5em;
  left: 0;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #1c80c4;
  counter-increment: terms 1;
  content: counter(terms) ".";
}

.p-inspection-other-place-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  row-gap: 0.5em;
  margin-top: 15px;
}

.p-inspection-other-place-list__ttl {
  padding-right: 0.6em;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #1c80c4;
}

.p-inspection-other-place-list__txt {
  word-break: break-all;
}

.p-inspection-other-place-img {
  margin-top: 20px;
}

.p-inspection-other-price {
  margin-top: 20px;
  border-bottom: 1px solid #dddddd;
  text-align: center;
}
.p-inspection-other-price span.is-num {
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #1c80c4;
}
.p-inspection-other-price span.is-yen {
  padding-left: 0.2em;
  font-size: 1.25rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: bold;
  color: #1c80c4;
}

.p-inspection-other-photo-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-other-photo-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 15px;
    margin-top: 45px;
  }
}

.p-inspection-form {
  position: relative;
}
.p-inspection-form::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 990px;
  height: 1px;
  border-top: 2px dashed #dcedf9;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-inspection-form::before {
    left: 15px;
    width: calc(100% - 30px);
    -webkit-transform: none;
            transform: none;
  }
}

.p-inspection-form-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 45px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-form-ttl-wrap {
    display: block;
  }
}

.p-inspection-form-ttl__logo {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .p-inspection-form-ttl__logo {
    margin: 0 auto;
  }
}

.p-inspection-form-ttl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 45px;
  font-size: 1.375rem;
  font-weight: bold;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  color: #263e87;
}
@media only screen and (max-width: 767px) {
  .p-inspection-form-ttl {
    margin-top: 25px;
    margin-left: 0;
    font-size: 1rem;
  }
}

.p-inspection-2nd-ttl {
  margin-bottom: 30px;
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #263e87;
  line-height: 1.3;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-inspection-2nd-ttl {
    font-size: 1.75rem;
  }
}

.p-inspection-movie-ttl {
  font-size: 1.75rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
  color: #263e87;
}
@media only screen and (max-width: 767px) {
  .p-inspection-movie-ttl {
    font-size: 1.125rem;
  }
}

.p-inspection-movie-wrap {
  overflow: hidden;
  position: relative;
  margin-top: 20px;
  margin-bottom: 50px;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
}
@media only screen and (max-width: 767px) {
  .p-inspection-movie-wrap {
    margin-top: 15px;
  }
}
.p-inspection-movie-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*****登録更新講習機関とは*****/
body:has(#p-proficiency) .l-fix-link, body:has(#p-proficiency) .l-fix-link-sp {
  display: none;
}
body:has(#p-proficiency) .go-top {
  bottom: 50px;
}
@media only screen and (max-width: 767px) {
  body:has(#p-proficiency) .go-top {
    bottom: 80px;
  }
}

.p-proficiency-main-visual {
  position: relative;
  background: url(/images/proficiency-main-visual__bg-02.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-main-visual {
    background: url(/images/proficiency-main-visual__bg-02-sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
}

.p-proficiency-main-visual-wrap {
  position: relative;
  height: 500px;
  padding-top: 145px;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-main-visual-wrap {
    height: 400px;
    padding-top: 100px;
  }
}

.p-proficiency-main-visual__img {
  position: absolute;
  top: 0;
  right: -300px;
}

.p-proficiency-main-visual__body {
  position: relative;
  z-index: 2;
}

.p-proficiency-main-visual__ttl {
  font-size: 3.375rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #3450a4;
  -webkit-text-stroke: 4px #ffffff;
  text-stroke: 4px #ffffff;
  paint-order: stroke;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-main-visual__ttl {
    font-size: 1.75rem;
    letter-spacing: 0;
    -webkit-text-stroke: 2px #ffffff;
    text-stroke: 2px #ffffff;
  }
}
@media only screen and (max-width: 767px) {
  .p-proficiency-main-visual__ttl span {
    font-size: 1rem;
  }
}

.p-proficiency-main-visual__lead {
  position: relative;
  margin-top: 50px;
  font-size: 1.375rem;
  font-weight: bold;
  color: #213d91;
  -webkit-text-stroke: 2px #ffffff;
  text-stroke: 2px #ffffff;
  paint-order: stroke;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-main-visual__lead {
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.p-proficiency-main-visual__lead::before {
  display: block;
  position: absolute;
  top: -30px;
  left: 0;
  width: 200px;
  height: 8px;
  background: #00a9d0;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-proficiency-main-visual__lead::before {
    width: 120px;
    height: 5px;
  }
}

.p-proficiency-intro-img-wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 45px 60px;
  border-radius: 15px;
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-intro-img-wrap {
    padding: 30px 20px 20px;
  }
}

.p-proficiency-intro-img-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 45px 1fr;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: 45px;
     -moz-column-gap: 45px;
          column-gap: 45px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-intro-img-inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.p-proficiency-intro-img {
  width: 430px;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-intro-img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .p-proficiency-intro-img {
    width: auto;
  }
}

.p-proficiency-intro-txt {
  position: relative;
  margin-top: 40px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #c00034;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-intro-txt {
    margin-top: 20px;
    text-align: center;
  }
}
.p-proficiency-intro-txt::before {
  display: block;
  position: absolute;
  top: 10px;
  left: -60px;
  width: 50px;
  height: 4px;
  background: #c00034;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-proficiency-intro-txt::before {
    content: none;
  }
}
.p-proficiency-intro-txt::after {
  display: block;
  position: absolute;
  top: 0px;
  left: -170px;
  width: 110px;
  height: 30px;
  border: 3px solid #c00034;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-proficiency-intro-txt::after {
    content: none;
  }
}

.p-proficiency-basic-txt {
  line-height: 1.65;
}
.p-proficiency-basic-txt span {
  color: #00a9d0;
}

.p-proficiency-point {
  background: #ebf6f7;
}

.p-proficiency-point-list {
  margin: 20px 0;
  padding: 20px 30px;
  border: 1px solid #dddddd;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-point-list {
    padding: 20px 15px;
  }
}

.p-proficiency-point-list__item {
  position: relative;
  padding-left: 1.2em;
}
.p-proficiency-point-list__item:not(:first-child) {
  margin-top: 15px;
}
.p-proficiency-point-list__item::before {
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background: #81d8d0;
  content: "";
}
.p-proficiency-point-list__item span {
  color: #00a9d0;
}

.p-proficiency-flow-lead-txt {
  margin-top: -10px;
  color: #c00034;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-lead-txt {
    text-align: left;
  }
}

.p-proficiency-flow-list {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list {
    margin-top: 30px;
  }
}

.p-proficiency-flow-list__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  position: relative;
  padding: 20px 30px;
  border: 2px solid #81d8d0;
  border-radius: 15px;
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__item {
    display: block;
    padding: 20px 15px;
  }
}
.p-proficiency-flow-list__item:not(:first-child) {
  margin-top: 30px;
}
.p-proficiency-flow-list__item:not(:last-child)::before {
  display: block;
  position: absolute;
  bottom: -25px;
  left: 50%;
  width: 40px;
  height: 25px;
  background: #81d8d0;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}

.p-proficiency-flow-list__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__body {
    margin-left: 0;
  }
}

.p-proficiency-flow-list__num {
  display: inline-block;
  width: 100px;
  background: #81d8d0;
  font-size: 1.125rem;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__num {
    font-size: 0.9375rem;
  }
}

.p-proficiency-flow-list__ttl {
  margin-top: 10px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #00a9d0;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__ttl {
    font-size: 1.25rem;
  }
}

.p-proficiency-flow-list__txt {
  margin-top: 20px;
  font-size: 1.125rem;
}
.p-proficiency-flow-list__txt.is-strong {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 1.5rem;
  color: #c00034;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__txt.is-strong {
    margin-bottom: 10px;
    font-size: 1.125rem;
  }
}
.p-proficiency-flow-list__txt.is-strong span {
  position: relative;
}
.p-proficiency-flow-list__txt.is-strong span::before, .p-proficiency-flow-list__txt.is-strong span::after {
  display: block;
  position: absolute;
  top: 50%;
  width: 60px;
  height: 2px;
  background: #ed829f;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__txt.is-strong span::before, .p-proficiency-flow-list__txt.is-strong span::after {
    content: none;
  }
}
.p-proficiency-flow-list__txt.is-strong span::before {
  left: -80px;
}
.p-proficiency-flow-list__txt.is-strong span::after {
  right: -80px;
}

.p-proficiency-flow-list__cap {
  display: inline-block;
  margin-top: 15px;
  padding: 0.2em 0.6em;
  border-radius: 4px;
  background: #ffffff;
  font-size: 0.9375rem;
  color: #696969;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__cap {
    font-size: 0.875rem;
    letter-spacing: 0;
  }
}
.p-proficiency-flow-list__cap span.is-yajirushi {
  padding: 0 0.5em;
  font-weight: bold;
  color: #00a9d0;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__cap span.is-yajirushi {
    padding: 0 0.3em;
  }
}
.p-proficiency-flow-list__cap span.is-blue {
  font-weight: bold;
  color: #00a9d0;
}
.p-proficiency-flow-list__cap.is-no-bg {
  padding: 0;
  background: transparent;
}
.p-proficiency-flow-list__cap.is-blue {
  background: #ebf6f7;
}
.p-proficiency-flow-list__cap.is-min-mt {
  margin-top: 5px;
}

.p-proficiency-flow-list__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 160px;
  height: 160px;
  padding: 20px;
  border-radius: 50%;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__img {
    display: none;
  }
}

.p-proficiency-flow-list__03-under-wrap {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[6];
  grid-template-columns: repeat(6, auto);
  row-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  padding: 20px;
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__03-under-wrap {
    display: block;
  }
}

.p-proficiency-flow-list__03-under__ttl {
  font-size: 1.25rem;
  font-weight: bold;
  color: #00a9d0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__03-under__ttl {
    margin-bottom: 20px;
  }
}

.p-proficiency-flow-list__03-under__img-cap {
  text-align: center;
}
.p-proficiency-flow-list__03-under__img-cap.is-Small {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 15px;
  font-size: 0.875rem;
  text-align: left;
}

.p-proficiency-flow-list__03-under__img {
  width: 120px;
  margin: 10px auto 0;
}

.p-proficiency-flow-list__03-under__connect {
  font-size: 1.25rem;
  font-weight: bold;
  color: #00a9d0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__03-under__connect {
    margin: 15px 0;
  }
}
.p-proficiency-flow-list__03-under__connect.is-plus {
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__03-under__connect.is-plus {
    margin: 0;
  }
}

.p-proficiency-flow-list__03-under__caution {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/7;
  margin: 0 -20px -20px -20px;
  padding: 15px 20px;
  background: #ffc000;
  font-size: 1.125rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-flow-list__03-under__caution {
    margin: 20px -20px -20px -20px;
    padding: 15px 15px;
    font-size: 0.9375rem;
    text-align: left;
  }
}
.p-proficiency-flow-list__03-under__caution i {
  color: #f00000;
}

.p-proficiency-when {
  background: #ebf6f7;
}

.p-proficiency-when-list.is-check .p-proficiency-when-list__item::before {
  background-image: url(/images/proficiency-when-list-icon_check.svg);
}
.p-proficiency-when-list.is-mt {
  margin-top: 15px;
}

.p-proficiency-when-list__item {
  position: relative;
  padding-left: 1.8em;
}
.p-proficiency-when-list__item:not(:first-child) {
  margin-top: 15px;
}
.p-proficiency-when-list__item::before {
  display: block;
  position: absolute;
  top: 0.1em;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(/images/proficiency-when-list-icon_null.svg) no-repeat;
  background-size: contain;
  content: "";
}

.p-proficiency-when-cap {
  margin-top: 15px;
}

.p-proficiency-when-txt {
  margin: 40px 0 15px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #00a9d0;
}

.p-proficiency-when-img {
  margin-top: 30px;
  padding: 10px 0;
  border-radius: 15px;
  background: #ffffff;
}

.p-proficiency-curriculum-tbl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  border-bottom: 1px solid #dddddd;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-curriculum-tbl {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    font-size: 0.875rem;
    letter-spacing: 0;
  }
}
.p-proficiency-curriculum-tbl tr, .p-proficiency-curriculum-tbl tbody, .p-proficiency-curriculum-tbl thead, .p-proficiency-curriculum-tbl tfoot {
  display: contents;
}
.p-proficiency-curriculum-tbl th, .p-proficiency-curriculum-tbl td {
  padding: 10px 20px;
  border-top: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-curriculum-tbl th, .p-proficiency-curriculum-tbl td {
    padding: 10px 10px;
  }
}
.p-proficiency-curriculum-tbl th {
  background: #0071bc;
  color: #ffffff;
  text-align: center;
}
.p-proficiency-target {
  background: #ebf6f7;
}

.p-proficiency-target-img-wrap {
  position: relative;
  margin-top: 45px;
  padding: 15px;
  background: #ffffff;
}

.p-proficiency-target-img-cap {
  display: inline-block;
  position: relative;
  margin-top: 20px;
  padding: 20px 30px;
  border-radius: 15px;
  background: #c00034;
  font-size: 1.125rem;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-target-img-cap {
    padding: 15px;
    font-size: 1rem;
  }
}
.p-proficiency-target-img-cap::before {
  display: block;
  position: absolute;
  top: -146px;
  left: 150px;
  width: 6px;
  height: 146px;
  background: #c00034;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-proficiency-target-img-cap::before {
    top: -30px;
    left: 100px;
    width: 3px;
    height: 30px;
  }
}

.p-proficiency-target-strong-txt {
  margin: 20px 0;
  font-size: 1.125rem;
  font-weight: bold;
  color: #c00034;
}

.p-proficiency-next-btn {
  margin-top: 30px;
  text-align: center;
}

.p-proficiency-next-btn__link {
  display: inline-block;
  padding: 15px 30px;
  border-radius: 50vw;
  background: -webkit-gradient(linear, right top, left top, from(#ff8177), color-stop(0%, #ff867a), color-stop(21%, #ff8c7f), color-stop(52%, #f99185), color-stop(78%, #cf556c), to(#b12a5b));
  background: linear-gradient(to left, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
  background-size: 200% 100%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff9b3;
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
          filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-next-btn__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.p-proficiency-next-btn__link i {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-next-btn__link i {
    font-size: 1.5rem;
  }
}
.p-proficiency-next-btn__link:hover {
  background-position: 100% 0;
  color: #ffffff;
  text-decoration: none;
}
.p-proficiency-next-btn__link:hover i {
  color: #b12a5b;
}

.p-proficiency-next-btn-wrap {
  position: relative;
  margin-top: 75px;
}
.p-proficiency-next-btn-wrap .p-proficiency-next-btn__link {
  -webkit-filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.2));
}

.p-proficiency-next {
  position: relative;
  padding-bottom: 240px;
  margin-bottom: -150px;
  background: url(https://ds-chiba.jp/wp-content/uploads/2026/04/proficiency-next_bg.jpg) no-repeat;
  background-size: cover;
  background-position: 30% 50%;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-next {
    padding-top: 90px;
    padding-bottom: 100px;
    margin-bottom: -80px;
    background: url(https://ds-chiba.jp/wp-content/uploads/2026/04/renewal-main-visual__bg-sp.jpg) no-repeat;
    background-size: cover;
    background-position: 30% 50%;
  }
}
.p-proficiency-next::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(48, 207, 208)), color-stop(50%, rgb(28, 158, 184)), to(rgb(0, 91, 151)));
  background: linear-gradient(90deg, rgb(48, 207, 208) 0%, rgb(28, 158, 184) 50%, rgb(0, 91, 151) 100%);
  mix-blend-mode: multiply;
  content: "";
}

.p-proficiency-next__link {
  display: block;
}
.p-proficiency-next__link:hover {
  text-decoration: none;
}

.p-proficiency-next__body {
  position: relative;
  z-index: 2;
}

.p-proficiency-next__ttl {
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffffff;
  -webkit-text-stroke: 6px #40c7c9;
  text-stroke: 6px #40c7c9;
  paint-order: stroke;
  text-align: center;
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
          filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
}
@media only screen and (max-width: 767px) {
  .p-proficiency-next__ttl {
    font-size: 1.5rem;
    -webkit-text-stroke: 1px #40c7c9;
    text-stroke: 1px #40c7c9;
    paint-order: stroke;
  }
}

.p-proficiency-next-btn-campaign {
  position: absolute;
  right: 135px;
  bottom: 30px;
  width: 80px;
  height: 80px;
  background-color: #ffcc00;
  margin: 20px 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-next-btn-campaign {
    top: -75px;
    right: auto;
    left: calc(50% - 180px);
    bottom: auto;
    width: 65px;
    height: 65px;
  }
}
.p-proficiency-next-btn-campaign.is-bottom {
  right: 150px;
  bottom: -30px;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-next-btn-campaign.is-bottom {
    top: -95px;
    bottom: auto;
  }
}

.p-proficiency-next-btn-campaign-inner,
.p-proficiency-next-btn-campaign-inner:after,
.p-proficiency-next-btn-campaign-inner:before,
.p-proficiency-next-btn-campaign-inner span {
  content: "";
  position: absolute;
  top: 0px;
  width: 80px;
  height: 80px;
  background-color: #ffcc00;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-next-btn-campaign-inner,
  .p-proficiency-next-btn-campaign-inner:after,
  .p-proficiency-next-btn-campaign-inner:before,
  .p-proficiency-next-btn-campaign-inner span {
    width: 65px;
    height: 65px;
  }
}

.p-proficiency-next-btn-campaign,
.p-proficiency-next-btn-campaign-inner,
.p-proficiency-next-btn-campaign-inner:after,
.p-proficiency-next-btn-campaign-inner:before {
  -webkit-transform: rotate(22.5deg);
  -moz-transform: rotate(22.5deg);
}

.p-proficiency-next-btn-campaign-inner span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  text-align: center;
  z-index: 999;
  line-height: 1.4;
  color: #393939;
  font-size: 0.75rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .p-proficiency-next-btn-campaign-inner span {
    font-size: 0.625rem;
  }
}

/*****国家資格（技能証明）の更新希望の方へ*****/
body:has(#p-renewal) .l-fix-link, body:has(#p-renewal) .l-fix-link-sp {
  display: none;
}
body:has(#p-renewal) .go-top {
  bottom: 50px;
}
@media only screen and (max-width: 767px) {
  body:has(#p-renewal) .go-top {
    bottom: 80px;
  }
}

.p-renewal-basic-txt.is-center {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-renewal-basic-txt.is-center {
    text-align: left;
  }
}

.p-renewal-main-visual {
  position: relative;
  background: url(https://ds-chiba.jp/wp-content/uploads/2026/04/proficiency-next_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-renewal-main-visual {
    background: url(https://ds-chiba.jp/wp-content/uploads/2026/04/renewal-main-visual__bg-sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
}

.p-renewal-main-visual-wrap {
  position: relative;
  height: 500px;
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .p-renewal-main-visual-wrap {
    height: 400px;
    padding-top: 100px;
  }
}

.p-renewal-main-visual__img {
  position: absolute;
  top: 0;
  right: -300px;
}

.p-renewal-main-visual__body {
  position: relative;
  z-index: 2;
}

.p-renewal-main-visual__ttl {
  font-size: 3.375rem !important;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #3450a4;
  -webkit-text-stroke: 4px #ffffff;
  text-stroke: 4px #ffffff;
  paint-order: stroke;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .p-renewal-main-visual__ttl {
    font-size: 1.75rem !important;
    letter-spacing: 0;
    -webkit-text-stroke: 2px #ffffff;
    text-stroke: 2px #ffffff;
  }
}
@media only screen and (max-width: 767px) {
  .p-renewal-main-visual__ttl span {
    font-size: 1rem !important;
  }
}

.p-renewal-main-visual__lead {
	line-height:1.8;
  position: relative;
  margin-top: 50px;
  font-size: 1.375rem;
  font-weight: bold;
  color: #3450a4;
  -webkit-text-stroke: 2px #ffffff;
  text-stroke: 2px #ffffff;
  paint-order: stroke;
}
@media only screen and (max-width: 767px) {
  .p-renewal-main-visual__lead {
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.p-renewal-main-visual__lead::before {
  display: block;
  position: absolute;
  top: -30px;
  left: 0;
  width: 200px;
  height: 8px;
  background: #00a9d0;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-renewal-main-visual__lead::before {
    width: 120px;
    height: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .p-renewal-intro-lead {
    text-align: left;
  }
}

.p-renewal-intro-txt {
  margin-top: -30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-renewal-intro-txt {
    text-align: left;
  }
}

.p-renewal-link-btn-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .p-renewal-link-btn-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
}

.p-renewal-link-btn-list__link {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 10px 65px 10px 30px;
  border-radius: 50vw;
  border-bottom: 5px solid #b84c00;
  background-size: 200% 100%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  -webkit-filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.2));
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-renewal-link-btn-list__link {
    padding: 10px 40px 10px 20px;
    font-size: 1rem;
  }
}
.p-renewal-link-btn-list__link.is-1st {
  border-color: #2c6090;
  background-image: -webkit-gradient(linear, left top, right top, from(#6B8DD6), color-stop(50%, #2CD8D5), to(#86FCFA));
  background-image: linear-gradient(90deg, #6B8DD6 0%, #2CD8D5 50%, #86FCFA 100%);
}
.p-renewal-link-btn-list__link.is-2nd {
  border-color: #54a720;
  background-image: -webkit-gradient(linear, left top, right top, from(#0fd850), color-stop(50%, #AEF24E), to(#f9f047));
  background-image: linear-gradient(90deg, #0fd850 0%, #AEF24E 50%, #f9f047 100%);
}
.p-renewal-link-btn-list__link.is-1st-modal, .p-renewal-link-btn-list__link.is-2nd-modal {
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .p-renewal-link-btn-list__link.is-1st-modal, .p-renewal-link-btn-list__link.is-2nd-modal {
    font-size: 1rem;
  }
}
.p-renewal-link-btn-list__link.is-1st-modal {
  border-color: #0060b8;
  background-image: -webkit-gradient(linear, left top, right top, from(#0648d8), color-stop(50%, #03e0dc), to(#00fffb));
  background-image: linear-gradient(90deg, #0648d8 0%, #03e0dc 50%, #00fffb 100%);
}
.p-renewal-link-btn-list__link.is-2nd-modal {
  border-color: #2f7b00;
  background-image: -webkit-gradient(linear, left top, right top, from(#00a335), color-stop(50%, #84e100), to(#fff200));
  background-image: linear-gradient(90deg, #00a335 0%, #84e100 50%, #fff200 100%);
}
.p-renewal-link-btn-list__link:hover {
  background-position: 100% 0;
  color: #28487c;
  text-decoration: none;
}
.p-renewal-link-btn-list__link:hover::before {
  color: #28487c;
}
.p-renewal-link-btn-list__link span {
  display: block;
  font-size: 1.125rem;
  font-weight: normal;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-renewal-link-btn-list__link span {
    font-size: 0.875rem;
  }
}
.p-renewal-link-btn-list__link::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  font-family: "Font Awesome 5 free";
  content: "\f0a9";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .p-renewal-link-btn-list__link::before {
    right: 15px;
    font-size: 1.5rem;
  }
}

.p-renewal-detail {
  background: #ebf6f7;
}

.p-renewal-detail-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-renewal-detail-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}

.p-renewal-detail-list__img img {
  border-radius: 15px 15px 0 0;
}

.p-renewal-detail-list__body {
  position: relative;
  height: 200px;
  padding: 20px 15px;
  border-radius: 0 0 15px 15px;
  background: linear-gradient(45deg, #ff5858 0%, #f09819 30%, #f09819 100%);
}
@media only screen and (max-width: 767px) {
  .p-renewal-detail-list__body {
    height: auto;
  }
}
.p-renewal-detail-list__body::before {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 110px;
  height: 100px;
  background: url(https://ds-chiba.jp/wp-content/uploads/2026/04/renewal-detail-list__body-bg.svg) no-repeat;
  background-size: 120px;
  background-position: top right;
  opacity: 0.15;
  content: "";
}

.p-renewal-detail-list__ttl {
  font-size: 1.75rem;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-renewal-detail-list__ttl {
    font-size: 1.5rem;
  }
}

.p-renewal-detail-list__txt {
  margin-top: 10px;
  text-align: center;
  line-height: 1.75;
}
.p-renewal-detail-list__txt.is-left {
  text-align: left;
}
.p-renewal-detail-list__txt span {
  display: block;
  margin-top: 10px;
  font-size: 0.6875rem;
}
@media only screen and (max-width: 767px) {
  .p-renewal-detail-list__txt span {
    font-size: 0.75rem;
  }
}

.p-renewal-info {
  background: #ebf6f7;
}

.p-renewal-info-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  margin: 45px auto 0;
}
@media only screen and (max-width: 767px) {
  .p-renewal-info-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 15px;
    margin: 30px auto 0;
  }
}

.p-renewal-info-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  border: 1px solid #dddddd;
  background: #fdfde2;
}
@media only screen and (max-width: 767px) {
  .p-renewal-info-list__item {
    padding: 15px 15px 15px 25px;
  }
}
.p-renewal-info-list__item i {
  font-size: 1.75rem;
  color: #00a9d0;
}
@media only screen and (max-width: 767px) {
  .p-renewal-info-list__item i {
    font-size: 1.25rem;
  }
}

.p-renewal-info-list__txt {
  margin-left: 20px;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .p-renewal-info-list__txt {
    margin-left: 15px;
    font-size: 1rem;
  }
}

.p-renewal-info-ttl {
  margin-top: 45px;
  margin-bottom: 64px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #00a9d0;
}
@media only screen and (max-width: 767px) {
  .p-renewal-info-ttl {
    font-size: 1.25rem;
  }
}

.p-renewal-price-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 15px -15px 0 -15px;
}
@media only screen and (max-width: 767px) {
  .p-renewal-price-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-right: 0;
    margin-left: 0;
  }
}

.p-renewal-price-list-bnr {
  position: absolute;
  top: -30px;
  right: -10px;
  width: 110px;
  height: 110px;
}
@media only screen and (max-width: 767px) {
  .p-renewal-price-list-bnr {
    top: -20px;
    right: -10px;
    width: 90px;
  }
}

.p-renewal-price-list__item {
  position: relative;
  padding: 0 15px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .p-renewal-price-list__item {
    padding: 0;
    width: auto;
  }
}

.p-renewal-price-list__wrap {
  padding: 20px 15px;
  border: 1px solid #dddddd;
  background: #fdfde2;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-renewal-price-list__wrap {
    padding: 15px 30px;
  }
}

.p-renewal-price-list__ttl {
  font-size: 1.25rem;
  text-align: center;
}
@media only screen and (max-width: 400px) {
  .p-renewal-price-list__ttl.is-left {
    text-align: left;
  }
}

.p-renewal-price-list__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 10px;
  line-height: 1;
}
.p-renewal-price-list__num.is-strikethrough {
  position: relative;
  margin-bottom: 45px;
  font-size: 1.25rem;
}
.p-renewal-price-list__num.is-strikethrough:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -35px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  border-top: 22px solid #e95902;
  border-bottom: 0;
}
.p-renewal-price-list__num span.is-Big {
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 900;
}
.p-renewal-price-list__num span.is-bold {
  padding-bottom: 0.2em;
  font-size: 1.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
}
.p-renewal-price-list__num span.is-Small {
  padding-bottom: 0.2em;
  font-size: 1rem;
}
.p-renewal-price-list__num span.is-bk {
  color: #393939 !important;
}
.p-renewal-price-list__num span.is-red {
  color: #c00034;
}
@media only screen and (max-width: 400px) {
  .p-renewal-price-list__num.is-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.p-renewal-price-before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  font-size: 1.5rem;
  text-decoration: line-through;
}
@media screen and (max-width: 400px) {
  .p-renewal-price-before {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.p-renewal-price-before::after {
  display: block;
  width: 24px;
  height: 16px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #81d8d0;
  content: "";
}

.p-renewal-price-list__txt {
  margin-top: 10px;
  color: #696969;
  text-align: center;
}

.p-renewal-preparation {
  background: #ebf6f7;
}

.p-renewal-preparation-list {
  margin-top: 30px;
  counter-reset: renewal-preparation 0;
}

.p-renewal-preparation-list__item:not(:first-child) {
  margin-top: 40px;
}

.p-renewal-preparation-list__ttl {
  position: relative;
  padding-left: 50px;
  font-size: 1.25rem;
}
.p-renewal-preparation-list__ttl::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #00a9d0;
  font-size: 1.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 400;
  color: #ffffff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  counter-increment: renewal-preparation 1;
  content: counter(renewal-preparation);
}
@media only screen and (max-width: 767px) {
  .p-renewal-preparation-list__ttl::before {
    font-size: 1.125rem;
  }
}

.p-renewal-preparation-list__body {
  margin-top: 15px;
  padding: 20px;
  background: #ffffff;
}

.p-renewal-preparation-list__ttl-sub {
  margin-top: 15px;
  font-weight: bold;
  color: #00a9d0;
}
.p-renewal-preparation-list__ttl-sub.is-no-mt {
  margin-top: 0;
}

.p-renewal-preparation-inner-list__item {
  position: relative;
  padding-left: 1em;line-height:1.8;
}
.p-renewal-preparation-inner-list__item:not(:first-child) {
  margin-top: 10px;
}
.p-renewal-preparation-inner-list__item::before {
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00a9d0;
  content: "";
}

.p-renewal-preparation-inner-inner-list {
  padding-left: 45px;
}
@media only screen and (max-width: 767px) {
  .p-renewal-preparation-inner-inner-list {
    padding-left: 0;
  }
}

.p-renewal-preparation-inner-inner-list__item {
  position: relative;
  padding-left: 1em;
}
.p-renewal-preparation-inner-inner-list__item::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #00a9d0;
  content: "-";
}

.p-renewal-preparation-inner-inner-list__under-cap {
  margin-top: 10px;
  color: #c00034;
  letter-spacing: 0;
}

.p-renewal-flow {
  background: #ebf6f7;
}

.p-renewal-flow-list {
  margin-top: 45px;
  margin-bottom: 45px;
  counter-reset: renewal-flow 0;
}

.p-renewal-flow-list__item {
  position: relative;
  padding: 15px 30px 15px 140px;
  border: 2px solid #00a9d0;
  border-radius: 15px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-renewal-flow-list__item {
    padding: 40px 15px 20px;
  }
}
.p-renewal-flow-list__item::before {
  position: absolute;
  top: 50%;
  left: 25px;
  font-size: 1.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #00a9d0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  counter-increment: renewal-flow 1;
  content: "STEP " counter(renewal-flow, decimal-leading-zero);
}
@media only screen and (max-width: 767px) {
  .p-renewal-flow-list__item::before {
    top: 25px;
    left: 15px;
    font-size: 1.125rem;
  }
}
.p-renewal-flow-list__item:not(:first-child) {
  margin-top: 30px;
}
.p-renewal-flow-list__item:not(:last-child)::after {
  display: block;
  position: absolute;
  bottom: -25px;
  left: 50%;
  width: 40px;
  height: 25px;
  background: #00a9d0;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}
.p-renewal-flow-list__item span {
  font-weight: bold;
}
.p-renewal-flow-list__item span.is-color {
  color: #00a9d0;
}
.p-renewal-flow-list__item.is-with-link {
  background: #fdfde2;
  font-size: 1.125rem;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-renewal-flow-list__item.is-with-link {
    font-size: 1rem;
    text-align: left;
  }
}
.p-renewal-flow-list__item.is-last {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-renewal-flow-list__item.is-last {
    font-size: 1rem;
  }
}

.p-renewal-flow-list__link {
  display: block;
  margin: -15px -30px -15px 0;
  padding: 15px 30px 15px 0;
  color: #393939;
}
@media only screen and (max-width: 767px) {
  .p-renewal-flow-list__link {
    margin: -40px -15px -20px;
    padding: 40px 15px 20px;
  }
}
.p-renewal-flow-list__link p span {
  font-weight: bold;
}
.p-renewal-flow-list__link:hover {
  color: #393939;
  text-decoration: none;
}
.p-renewal-flow-list__link:hover .p-renewal-flow-list__link-btn {
  color: #fefeeb;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.p-renewal-flow-list__link-btn {
  display: inline-block;
  width: 600px;
  margin: 15px auto 10px;
  padding: 10px 30px;
  border-radius: 50vw;
  background: #c00034;
  font-size: 1.25rem;
  font-weight: bold;
  color: #ffffff;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(51, 0, 0, 0.15));
          filter: drop-shadow(5px 5px 5px rgba(51, 0, 0, 0.15));
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-renewal-flow-list__link-btn {
    width: auto;
    font-size: 1.125rem;
  }
}

.p-renewal-flow-tbl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  margin: 10px 0;
  border: 1px solid #dddddd;
  border-width: 0 0 1px 1px;
}
@media only screen and (max-width: 767px) {
  .p-renewal-flow-tbl {
    display: block;
  }
}

.p-renewal-flow-tbl__ttl,
.p-renewal-flow-tbl__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
  border: 1px solid #dddddd;
  border-width: 1px 1px 0 0;
}
.p-renewal-flow-tbl__ttl.is-top,
.p-renewal-flow-tbl__body.is-top {
  background: #ebf6f7;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-renewal-flow-tbl__ttl,
  .p-renewal-flow-tbl__body {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 767px) {
  .p-renewal-flow-tbl__ttl {
    font-weight: bold;
  }
}

@media only screen and (max-width: 767px) {
  .p-renewal-flow-tbl__body {
    position: relative;
    border-top: none;
  }
  .p-renewal-flow-tbl__body::before {
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    border-top: 1px dashed #dddddd;
    content: "";
  }
}

.p-renewal-faq-list {
  border-top: 1px solid #dddddd;
	line-height:1.6;
}

.p-renewal-faq-list__ttl {
  position: relative;
  padding: 30px 30px 15px 100px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #00a9d0;
}
@media only screen and (max-width: 767px) {
  .p-renewal-faq-list__ttl {
    padding: 20px 0 10px 40px;
    font-size: 1rem;
  }
}
.p-renewal-faq-list__ttl::before {
  position: absolute;
  top: calc(50% + 7px);
  left: 30px;
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #00a9d0;
  line-height: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "Q";
}
@media only screen and (max-width: 767px) {
  .p-renewal-faq-list__ttl::before {
    top: 20px;
    left: 10px;
    font-size: 1.25rem;
    -webkit-transform: none;
            transform: none;
  }
}

.p-renewal-faq-list__txt {
  position: relative;
  padding: 15px 30px 30px 100px;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .p-renewal-faq-list__txt {
    padding: 10px 0 20px 40px;
    font-size: 0.9375rem;
  }
}
.p-renewal-faq-list__txt::before {
  position: absolute;
  top: calc(50% - 7px);
  left: 30px;
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #c00034;
  line-height: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "A";
}
@media only screen and (max-width: 767px) {
  .p-renewal-faq-list__txt::before {
    top: 10px;
    left: 10px;
    font-size: 1.25rem;
    -webkit-transform: none;
            transform: none;
  }
}

.p-renewal-shinjuku-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 45px 1fr;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: 45px;
     -moz-column-gap: 45px;
          column-gap: 45px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .p-renewal-shinjuku-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 45px;
  }
}

.p-renewal-shinjuku-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  border-bottom: 1px solid #dddddd;
}

.p-renewal-shinjuku-list__ttl,
.p-renewal-shinjuku-list__txt {
  padding: 12px 0;
  border-top: 1px solid #dddddd;
}

.p-renewal-shinjuku-list__ttl {
  padding-right: 20px;
  font-weight: bold;
  color: #00a9d0;
}

.p-renewal-shinjuku-list__txt-link {
  color: #393939;
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .p-renewal-commerce_law-btn {
    text-align: center;
  }
}

.p-renewal-commerce_law-btn__link {
  padding-bottom: 0.3em;
  border-bottom: 1px dashed #cccccc;
  color: #393939;
}
.p-renewal-commerce_law-btn__link:hover {
  color: #81d8d0;
  text-decoration: none;
}

/*****特定商取引法に基づく表記*****/
.p-commerce_law-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 220px 1fr;
  grid-template-columns: 220px 1fr;
  margin-top: 90px;
  line-height: 1.75;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .p-commerce_law-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 45px;
  }
}

.p-commerce_law-list__ttl {
  padding: 20px 0;
  border-top: 2px solid #00a9d0;
  font-weight: bold;
  color: #00a9d0;
}
@media only screen and (max-width: 767px) {
  .p-commerce_law-list__ttl {
    padding: 10px 0;
    border: none;
    background: #ebf6f7;
    text-align: center;
  }
}

.p-commerce_law-list__txt {
  padding: 20px 0 20px 20px;
  border-top: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .p-commerce_law-list__txt {
    padding: 20px 0;
    border: none;
  }
}
.p-commerce_law-list__txt span.is-indent {
  padding-left: 1em;
  text-indent: -1em;
}
.p-commerce_law-list__txt span.is-sub-ttl {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
}
.p-commerce_law-list__txt img {
  width: auto;
}

.p-commerce_law__inner-list__item {
  position: relative;
  padding-left: 1em;
}
.p-commerce_law__inner-list__item:not(:first-child) {
  margin-top: 10px;
}
.p-commerce_law__inner-list__item::before {
  display: block;
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 8px;
  height: 8px;
  background: #cccccc;
  border-radius: 50%;
  content: "";
}

.p-school-top-main-visual__logo {
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 2;
  width: 100px;
}
@media only screen and (max-width: 767px) {
  .p-school-top-main-visual__logo {
    top: 15px;
    left: 15px;
    width: 70px;
  }
}

.p-school-top-main-visual__txt-sub {
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffffff;
  -webkit-text-stroke: 8px #555555;
  text-stroke: 8px #555555;
  paint-order: stroke;
  line-height: 1.4;
}
@media only screen and (max-width: 1280px) {
  .p-school-top-main-visual__txt-sub {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-top-main-visual__txt-sub {
    font-size: 1.25rem;
    -webkit-text-stroke: 2px #555555;
    text-stroke: 2px #555555;
  }
}
.p-school-top-main-visual__txt-sub span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(30%, #b8dd50));
  background: linear-gradient(transparent 30%, #b8dd50 30%);
  padding: 0.2em 0.1em;
}

.p-school-top-main-visual__txt-main {
  display: inline-block;
  margin-top: 45px;
  padding: 0.2em 0.5em;
  background: #7fd8d0;
  font-size: 3.125rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffffff;
  -webkit-text-stroke: 8px #555555;
  text-stroke: 8px #555555;
  paint-order: stroke;
  line-height: 1;
}
@media only screen and (max-width: 1280px) {
  .p-school-top-main-visual__txt-main {
    margin-top: 30px;
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-top-main-visual__txt-main {
    font-size: 1.5rem;
    -webkit-text-stroke: 2px #555555;
    text-stroke: 2px #555555;
  }
}

.p-school-top-main-visual-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 15px auto 15px auto 15px auto 15px auto;
  grid-template-columns: repeat(5, auto);
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}
@media only screen and (max-width: 1280px) {
  .p-school-top-main-visual-list {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-top-main-visual-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}

.p-school-top-main-visual-list__item {
  position: relative;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1d262e 0%, #183d5c 100%);
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 1280px) {
  .p-school-top-main-visual-list__item {
    width: 140px;
    height: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-top-main-visual-list__item {
    width: 110px;
    height: 110px;
  }
}
.p-school-top-main-visual-list__item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  border-radius: inherit;
  background: -webkit-gradient(linear, left top, right top, from(#b39855), color-stop(50%, #fff9e6), to(#b39855));
  background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%);
  content: "";
}
@media only screen and (max-width: 1280px) {
  .p-school-top-main-visual-list__item::before {
    width: 140px;
    height: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-top-main-visual-list__item::before {
    width: 110px;
    height: 110px;
  }
}
.p-school-top-main-visual-list__item::after {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  background-image: linear-gradient(-45deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);
  border-radius: inherit;
  content: "";
}
@media only screen and (max-width: 1280px) {
  .p-school-top-main-visual-list__item::after {
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
}

.p-school-top-main-visual-list__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  width: 156px;
  height: 156px;
  padding-top: 10px;
  border-radius: 50%;
  border: solid 1px #b8860b;
  color: #ffffff;
  line-height: 1.4;
}
@media only screen and (max-width: 1280px) {
  .p-school-top-main-visual-list__txt {
    top: 10px;
    left: 10px;
    width: 120px;
    height: 120px;
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-top-main-visual-list__txt {
    top: 6px;
    left: 6px;
    width: 98px;
    height: 98px;
    font-size: 0.625rem;
  }
}
.p-school-top-main-visual-list__txt span {
  font-size: 1.5rem;
  font-family: YakuHanMPs, "Sawarabi Mincho", serif;
  color: #ded4b1;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 1280px) {
  .p-school-top-main-visual-list__txt span {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-top-main-visual-list__txt span {
    font-size: 0.9375rem;
  }
}
.p-school-top-main-visual-list__txt::before {
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  font-size: 0.75rem;
  color: #ded4b1;
  text-align: center;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
  content: "★★★";
}
@media only screen and (max-width: 1280px) {
  .p-school-top-main-visual-list__txt::before {
    top: 10px;
    font-size: 0.625rem;
  }
}

.p-school-top-slide {
  position: relative;
  padding-bottom: 0;
  overflow: hidden;
}
.p-school-top-slide::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background: #81d8d0;
  clip-path: polygon(0 26%, 100% 0%, 100% 100%, 0% 100%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-school-top-slide::before {
    height: 200px;
    clip-path: polygon(0 45%, 100% 0%, 100% 100%, 0% 100%);
  }
}

.p-school-top-slide-under {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .p-school-top-slide-under {
    margin-top: 45px;
  }
}

.p-school-top-slide-under__ttl {
  width: 700px;
  -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
}
@media only screen and (max-width: 767px) {
  .p-school-top-slide-under__ttl {
    width: 100%;
  }
}

.p-school-top-slide-under-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px auto;
  grid-template-columns: 1fr auto;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 30px;
  margin: 15px 0 0;
  padding: 40px;
  background: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 767px) {
  .p-school-top-slide-under-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 0;
    background: transparent;
  }
}

.p-school-top-slide-under__lead {
  display: inline-block;
  position: relative;
  margin-top: 45px;
  padding: 10px 50px;
  font-size: 1.75rem;
  color: #000000;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .p-school-top-slide-under__lead {
    display: block;
    margin-top: 30px;
    padding: 10px 20px;
    font-size: 1.25rem;
  }
}
.p-school-top-slide-under__lead::before {
  position: absolute;
  top: -10px;
  left: -60px;
  z-index: -1;
  font-size: 6.25rem;
  color: #ebf6f7;
  content: "“";
}
.p-school-top-slide-under__lead::after {
  position: absolute;
  right: -55px;
  top: 20px;
  z-index: -1;
  font-size: 6.25rem;
  color: #ebf6f7;
  content: "”";
}
@media only screen and (max-width: 767px) {
  .p-school-top-slide-under__lead::after {
    right: -65px;
  }
}

.p-school-top-slide-under__txt span {
  padding: 0.15em 0.2em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #d3ebee));
  background: linear-gradient(transparent 60%, #d3ebee 60%);
  font-weight: bold;
  color: #000000;
}

.p-school-top-slide-under__img {
  width: 420px;
}
@media only screen and (max-width: 767px) {
  .p-school-top-slide-under__img {
    width: auto;
  }
}

.p-school-top-reason-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 60px;
  counter-reset: school-top-reason-number 0;
}
@media only screen and (max-width: 767px) {
  .p-school-top-reason-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}

.p-school-top-reason-list__item {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #ebf6f7), to(#ebf6f7));
  background: linear-gradient(180deg, transparent 0%, transparent 50%, #ebf6f7 50%, #ebf6f7 100%);
}
.p-school-top-reason-list__item::before {
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 3;
  font-size: 6.25rem;
  font-family: "Alumni Sans", sans-serif;
  font-weight: 500;
  line-height: 1;
  -webkit-text-stroke: 1px #ffffff;
  text-stroke: 1px #ffffff;
  paint-order: stroke;
  counter-increment: school-top-reason-number 1;
  content: counter(school-top-reason-number, decimal-leading-zero) "";
}
@media only screen and (max-width: 767px) {
  .p-school-top-reason-list__item::before {
    font-size: 4.375rem;
  }
}
.p-school-top-reason-list__item::after {
  display: block;
  position: absolute;
  top: 15px;
  left: 95px;
  width: 1px;
  height: 80px;
  background: #000000;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-school-top-reason-list__item::after {
    top: 10px;
    left: 70px;
    height: 60px;
  }
}
.p-school-top-reason-list__item.is-07::after {
  left: 85px;
}
@media only screen and (max-width: 767px) {
  .p-school-top-reason-list__item.is-07::after {
    left: 60px;
  }
}
.p-school-top-reason-list__item.is-07 .p-school-top-reason-list__ttl {
  padding: 15px 0 15px 100px;
  letter-spacing: -0.05em;
}
@media only screen and (max-width: 767px) {
  .p-school-top-reason-list__item.is-07 .p-school-top-reason-list__ttl {
    padding: 10px 0 15px 75px;
    letter-spacing: -0.07em;
  }
}

.p-school-top-reason-list__ttl {
  padding: 15px 0 15px 110px;
  font-size: 1.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #000000;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .p-school-top-reason-list__ttl {
    padding: 10px 0 15px 85px;
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-top-reason-list__ttl.is-sp-tight {
    font-size: 1.125rem;
  }
}

.p-school-top-reason-list__img {
  position: relative;
  border: 8px solid #ebf6f7;
}
.p-school-top-reason-list__img::before, .p-school-top-reason-list__img::after {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  border: 8px solid #00a9d0;
  content: "";
}
.p-school-top-reason-list__img::before {
  top: 0;
  left: 0;
  border-width: 8px 0 0 8px;
}
.p-school-top-reason-list__img::after {
  right: 0;
  bottom: 0;
  border-width: 0 8px 8px 0;
}

.p-school-top-reason-list__body {
  padding: 15px;
}
.p-school-top-reason-list__body span {
  padding: 0.15em 0.2em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #d3ebee));
  background: linear-gradient(transparent 60%, #d3ebee 60%);
  font-weight: bold;
  color: #000000;
}

.p-school-top-goto-subsidy {
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy .l-contents {
    padding: 0;
  }
}

.p-school-top-goto-subsidy__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 300px;
  background: url(/images/school-top-goto-subsidy__link-bg.jpg) no-repeat;
  background-size: cover;
  background-position: 30% 50%;
  padding: 30px 20px 45px;
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__link {
    height: auto;
    padding: 45px 20px;
    background-position: top right;
  }
}
.p-school-top-goto-subsidy__link::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0;
  content: "";
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__link::before {
    opacity: 0.6;
  }
}
.p-school-top-goto-subsidy__link:hover {
  text-decoration: none;
}
.p-school-top-goto-subsidy__link:hover::before {
  opacity: 0.3;
}
.p-school-top-goto-subsidy__link:hover .p-school-top-goto-subsidy__cap {
  color: #3b617a;
}
.p-school-top-goto-subsidy__link:hover .p-school-top-goto-subsidy__cap::before, .p-school-top-goto-subsidy__link:hover .p-school-top-goto-subsidy__cap::after {
  background: #3b617a;
}

.p-school-top-goto-subsidy__body {
  position: relative;
  z-index: 3;
  padding: 30px 0 0 30px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__body {
    padding: 0;
  }
}

.p-school-top-goto-subsidy__catch {
  font-size: 1.75rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0, 12, 41, 0.4);
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__catch {
    font-size: 1.25rem;
    color: #3b617a;
    text-shadow: none;
  }
}
.p-school-top-goto-subsidy__catch span.is-num {
  padding-left: 0.1em;
  font-size: 3.75rem;
  font-weight: 900;
  color: #ffcc00;
  -webkit-text-stroke: 6px #3b617a;
  text-stroke: 6px #3b617a;
  paint-order: stroke;
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__catch span.is-num {
    font-size: 2.5rem;
    -webkit-text-stroke: 2px #3b617a;
    text-stroke: 2px #3b617a;
    paint-order: stroke;
  }
}
.p-school-top-goto-subsidy__catch span.is-off {
  font-size: 2.5rem;
  font-weight: 900;
  color: #ffcc00;
  -webkit-text-stroke: 6px #3b617a;
  text-stroke: 6px #3b617a;
  paint-order: stroke;
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__catch span.is-off {
    font-size: 2rem;
    -webkit-text-stroke: 2px #3b617a;
    text-stroke: 2px #3b617a;
    paint-order: stroke;
  }
}

.p-school-top-goto-subsidy__cap {
  position: relative;
  margin-top: -15px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  color: #ffffff;
  text-align: right;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__cap {
    font-size: 0.625rem;
    color: #3b617a;
  }
}
.p-school-top-goto-subsidy__cap::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ffffff;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__cap::before {
    background: #3b617a;
  }
}
.p-school-top-goto-subsidy__cap::after {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ffffff;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__cap::after {
    background: #3b617a;
  }
}

.p-school-top-goto-subsidy__lead {
  position: relative;
  margin-top: 30px;
  font-size: 1.75rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0, 12, 41, 0.4);
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__lead {
    font-size: 1.25rem;
    color: #3b617a;
    text-shadow: none;
  }
}

.p-school-top-goto-subsidy__ttl {
  margin-top: 15px;
  font-size: 3.25rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffcc00;
  -webkit-text-stroke: 6px #3b617a;
  text-stroke: 6px #3b617a;
  paint-order: stroke;
}
@media only screen and (max-width: 767px) {
  .p-school-top-goto-subsidy__ttl {
    font-size: 2rem;
    -webkit-text-stroke: 1px #3b617a;
    text-stroke: 1px #3b617a;
    paint-order: stroke;
  }
}

/***** ドローン国家資格の更新をご希望の方はこちら *****/
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training {
    margin: 0;
    padding: 0;
  }
}
.p-goto-renewal_training.is-school-top {
  background: #ebf6f7;
}

@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-wrap {
    margin: 0 -15px;
  }
}

.p-goto-renewal_training__link {
  display: block;
  position: relative;
  background: url(/images/proficiency-next_bg.jpg) no-repeat;
  background-size: cover;
  background-position: 30% 50%;
  padding: 30px 20px 45px;
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training__link {
    background: url(/images/proficiency-next_bg-sp.jpg) no-repeat;
    background-size: cover;
    background-position: 30% 50%;
    padding: 90px 20px 45px 20px;
  }
}
.p-goto-renewal_training__link::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(48, 207, 208)), color-stop(50%, rgb(28, 158, 184)), to(rgb(0, 91, 151)));
  background: linear-gradient(90deg, rgb(48, 207, 208) 0%, rgb(28, 158, 184) 50%, rgb(0, 91, 151) 100%);
  mix-blend-mode: multiply;
  content: "";
}
.p-goto-renewal_training__link:hover {
  text-decoration: none;
}
.p-goto-renewal_training__link:hover::before {
  background: -webkit-gradient(linear, left top, right top, from(rgb(28, 158, 184)), to(rgb(0, 91, 151)));
  background: linear-gradient(90deg, rgb(28, 158, 184) 0%, rgb(0, 91, 151) 100%);
}
.p-goto-renewal_training__link:hover .p-goto-renewal_training__ttl {
  color: #fff9b3;
}
.p-goto-renewal_training__link:hover .p-goto-renewal_training-btn__link {
  background-position: 100% 0;
  color: #ffffff;
}
.p-goto-renewal_training__link:hover .p-goto-renewal_training-btn__link i {
  color: #b12a5b;
}

.p-goto-renewal_training-campaign-bnr {
  position: absolute;
  top: -35px;
  right: -30px;
  width: 120px;
}
@media only screen and (max-width: 1280px) {
  .p-goto-renewal_training-campaign-bnr {
    top: -30px;
    right: -10px;
    width: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-campaign-bnr {
    right: 0;
  }
}

.p-goto-renewal_training__body {
  position: relative;
  z-index: 2;
}

.p-goto-renewal_training__ttl {
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffffff;
  -webkit-text-stroke: 6px #40c7c9;
  text-stroke: 6px #40c7c9;
  paint-order: stroke;
  text-align: center;
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
          filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training__ttl {
    font-size: 1.5rem;
    -webkit-text-stroke: 1px #40c7c9;
    text-stroke: 1px #40c7c9;
    paint-order: stroke;
  }
}

.p-goto-renewal_training__txt {
  margin-top: 20px;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
}

.p-goto-renewal_training-btn {
  margin-top: 30px;
  text-align: center;
}

.p-goto-renewal_training-btn__link {
  display: inline-block;
  padding: 15px 30px;
  border-radius: 50vw;
  background: -webkit-gradient(linear, right top, left top, from(#ff8177), color-stop(0%, #ff867a), color-stop(21%, #ff8c7f), color-stop(52%, #f99185), color-stop(78%, #cf556c), to(#b12a5b));
  background: linear-gradient(to left, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
  background-size: 200% 100%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff9b3;
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
          filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-btn__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.p-goto-renewal_training-btn__link i {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-btn__link i {
    font-size: 1.5rem;
  }
}

.p-goto-renewal_training-campaign {
  position: absolute;
  right: 45px;
  bottom: 45px;
  width: 105px;
  height: 105px;
  background-color: #ffcc00;
  margin: 20px 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-campaign {
    top: 0;
    right: auto;
    left: 0;
    bottom: auto;
    width: 80px;
    height: 80px;
  }
}

.p-goto-renewal_training-campaign-inner,
.p-goto-renewal_training-campaign-inner:after,
.p-goto-renewal_training-campaign-inner:before,
.p-goto-renewal_training-campaign-inner span {
  content: "";
  position: absolute;
  top: 0px;
  width: 105px;
  height: 105px;
  background-color: #ffcc00;
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-campaign-inner,
  .p-goto-renewal_training-campaign-inner:after,
  .p-goto-renewal_training-campaign-inner:before,
  .p-goto-renewal_training-campaign-inner span {
    width: 80px;
    height: 80px;
  }
}

.p-goto-renewal_training-campaign,
.p-goto-renewal_training-campaign-inner,
.p-goto-renewal_training-campaign-inner:after,
.p-goto-renewal_training-campaign-inner:before {
  -webkit-transform: rotate(22.5deg);
  -moz-transform: rotate(22.5deg);
}

.p-goto-renewal_training-campaign-inner span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  text-align: center;
  z-index: 999;
  line-height: 1.4;
  color: #393939;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-campaign-inner span {
    font-size: 0.75rem;
  }
}

@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-wrap.is-site-top {
    margin: 0;
  }
}
.p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training__link {
  padding: 30px 20px;
}
@media screen and (max-width: 1400px) {
  .p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training__link {
    padding: 30px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training__link {
    padding: 90px 20px 45px 20px;
  }
}
.p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training__ttl {
  font-size: 2rem;
  -webkit-text-stroke: 4px #40c7c9;
  text-stroke: 4px #40c7c9;
  text-align: left;
}
@media screen and (max-width: 1400px) {
  .p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training__ttl {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training__ttl {
    font-size: 1.5rem;
    -webkit-text-stroke: 1px #40c7c9;
    text-stroke: 1px #40c7c9;
    paint-order: stroke;
    text-align: center;
  }
}
.p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training__txt {
  text-align: left;
}
@media screen and (max-width: 1400px) {
  .p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training__txt {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training__txt {
    text-align: center;
  }
}
.p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training-btn__link {
  display: block;
  padding: 10px 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 1400px) {
  .p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training-btn__link {
    padding: 10px;
    font-size: 0.9375rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training-btn__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training-campaign {
  bottom: auto;
  top: -25px;
  right: 35px;
}
@media screen and (max-width: 1400px) {
  .p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training-campaign {
    top: -30px;
    right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training-campaign {
    top: 0;
    right: auto;
    left: 0;
    bottom: auto;
    width: 80px;
    height: 80px;
  }
}
.p-goto-renewal_training-wrap.is-site-top .p-goto-renewal_training-btn {
  margin-top: 20px;
}

.p-goto-form-and-renewal-container {
  width: calc(78% - 26px);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .p-goto-form-and-renewal-container {
    width: auto;
  }
}

.p-goto-form-and-renewal-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
@media screen and (max-width: 1400px) {
  .p-goto-form-and-renewal-inner {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .p-goto-form-and-renewal-inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

.p-goto-registration-form__link {
  display: block;
  position: relative;
  background-image: url(/images/goto-registration-form__link-bg.png), -webkit-gradient(linear, right top, left top, from(#abecd6), to(#fbed96));
  background-image: url(/images/goto-registration-form__link-bg.png), linear-gradient(to left, #abecd6 0%, #fbed96 100%);
  background-repeat: no-repeat, repeat;
  background-size: 35%, cover;
  background-position: 98% 25%;
  padding: 30px 20px;
}
@media only screen and (max-width: 767px) {
  .p-goto-registration-form__link {
    padding: 45px 20px;
  }
}
.p-goto-registration-form__link::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#fff 1px, transparent 0), linear-gradient(90deg, #fff 1px, transparent 0);
  background-size: 10px 10px;
  opacity: 0.4;
  content: "";
}
.p-goto-registration-form__link:hover {
  text-decoration: none;
  background-image: url(/images/goto-registration-form__link-bg.png), -webkit-gradient(linear, right top, left top, from(#1c9eb8), to(#abecd6));
  background-image: url(/images/goto-registration-form__link-bg.png), linear-gradient(to left, #1c9eb8 0%, #abecd6 100%);
}
.p-goto-registration-form__link:hover .p-goto-registration-form__ttl {
  color: #fff9b3;
}
.p-goto-registration-form__link:hover .p-goto-registration-form-btn__link {
  background-position: 100% 0;
  color: #ffffff;
}
.p-goto-registration-form__link:hover .p-goto-registration-form-btn__link i {
  color: #b12a5b;
}

.p-goto-registration-form__body {
  position: relative;
  z-index: 2;
}

.p-goto-registration-form__ttl {
  font-size: 2rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffffff;
  -webkit-text-stroke: 4px #336699;
  text-stroke: 4px #336699;
  paint-order: stroke;
  -webkit-filter: drop-shadow(5px 5px 10px rgba(51, 102, 153, 0.6));
          filter: drop-shadow(5px 5px 10px rgba(51, 102, 153, 0.6));
}
@media screen and (max-width: 1400px) {
  .p-goto-registration-form__ttl {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-goto-registration-form__ttl {
    font-size: 1.5rem;
    -webkit-text-stroke: 1px #336699;
    text-stroke: 1px #336699;
    paint-order: stroke;
  }
}

.p-goto-registration-form__txt {
  margin-top: 20px;
  font-size: 1.25rem;
  color: #336699;
}
@media screen and (max-width: 1400px) {
  .p-goto-registration-form__txt {
    font-size: 1rem;
  }
}

.p-goto-registration-form-btn {
  margin-top: 20px;
  text-align: center;
}

.p-goto-registration-form-btn__link {
  display: block;
  padding: 10px 20px;
  border-radius: 50vw;
  background: -webkit-gradient(linear, right top, left top, from(#ff8177), color-stop(0%, #ff867a), color-stop(21%, #ff8c7f), color-stop(52%, #f99185), color-stop(78%, #cf556c), to(#b12a5b));
  background: linear-gradient(to left, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
  background-size: 200% 100%;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff9b3;
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
          filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
}
@media screen and (max-width: 1400px) {
  .p-goto-registration-form-btn__link {
    padding: 10px;
    font-size: 0.9375rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-goto-registration-form-btn__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.p-goto-registration-form-btn__link i {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-goto-registration-form-btn__link i {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .p-school-top-difference-lead {
    text-align: left;
  }
}

.p-school-top-service {
  background: #ebf6f7;
}

.p-school-shibuya-school-closure {
  position: absolute;
  top: 240px;
  left: 50%;
  z-index: 10;
  padding: 45px 90px;
  background: #cc0000;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .p-school-shibuya-school-closure {
    top: 200px;
    width: 86%;
    padding: 45px 15px;
    font-size: 1.125rem;
  }
}
.p-school-shibuya-school-closure span {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .p-school-shibuya-school-closure span {
    width: 90%;
    padding: 45px 15px;
    font-size: 0.9375rem;
  }
}

.p-school-experience-btn-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .p-school-experience-btn-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 45px;
    margin-top: 60px;
  }
}

.p-school-experience-btn-list__link {
  display: block;
  position: relative;
  padding: 25px 30px 15px 30px;
  border: 3px solid #ffffff;
  border-radius: 50vw;
  line-height: 1.4;
  cursor: pointer;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-school-experience-btn-list__link {
    padding: 15px 20px;
  }
}
.p-school-experience-btn-list__link.is-form {
  background: -webkit-gradient(linear, left top, left bottom, from(#fc007e), color-stop(50%, #f5666f), to(#f5666f));
  background: linear-gradient(to bottom, #fc007e 0%, #f5666f 50%, #f5666f 100%);
  background-size: 100% 200%;
}
.p-school-experience-btn-list__link.is-entry {
  background: -webkit-gradient(linear, left top, left bottom, from(#1462e1), color-stop(50%, #1bc5c5), to(#00c6fb));
  background: linear-gradient(to bottom, #1462e1 0%, #1bc5c5 50%, #00c6fb 100%);
  background-size: 100% 200%;
}
.p-school-experience-btn-list__link:hover {
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}
.p-school-experience-btn-list__link:hover.is-form {
  background-position: 0 100%;
}
.p-school-experience-btn-list__link:hover.is-form .p-school-experience-btn-list__txt i {
  color: #c71585;
}
.p-school-experience-btn-list__link:hover.is-entry {
  background-position: 0 100%;
}
.p-school-experience-btn-list__link:hover.is-entry .p-school-experience-btn-list__txt i {
  color: #1772e8;
}

.p-school-experience-btn-list__txt {
  font-size: 1.5rem;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-school-experience-btn-list__txt {
    font-size: 1.25rem;
  }
}

.p-school-experience-btn-list__cap {
  position: absolute;
  top: -35px;
  left: 45px;
  padding: 8px 60px;
  border-radius: 50vw;
  font-size: 1.25rem;
  color: #ffffff;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .p-school-experience-btn-list__cap {
    padding: 8px 40px;
    font-size: 1rem;
  }
}
.p-school-experience-btn-list__cap::before {
  display: block;
  position: absolute;
  bottom: -11px;
  left: 50%;
  width: 12px;
  height: 12px;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}
.p-school-experience-btn-list__cap.is-form {
  background: #c71585;
}
.p-school-experience-btn-list__cap.is-form::before {
  background: #c71585;
}
.p-school-experience-btn-list__cap.is-entry {
  background: #224dce;
}
.p-school-experience-btn-list__cap.is-entry::before {
  background: #224dce;
}

.p-school-form-go-entry-btn__link {
  display: block;
  position: relative;
  width: 80%;
  margin: 0 auto;
  padding: 20px;
  border: 3px solid #ffffff;
  border-radius: 10px;
  line-height: 1.4;
  background: -webkit-gradient(linear, left top, left bottom, from(#005bea), color-stop(50%, #00c6fb), to(#00c6fb));
  background: linear-gradient(to bottom, #005bea 0%, #00c6fb 50%, #00c6fb 100%);
  background-size: 100% 200%;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-school-form-go-entry-btn__link {
    width: auto;
    padding: 20px 10px;
  }
}
.p-school-form-go-entry-btn__link::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: url(/images/school-form-go-entry-btn__link-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center right;
  mix-blend-mode: multiply;
  opacity: 0.5;
  content: "";
}
.p-school-form-go-entry-btn__link:hover {
  background-position: 0 100%;
  color: #ffffff;
  text-decoration: none;
}
.p-school-form-go-entry-btn__link:hover .p-school-form-go-entry-btn__txt {
  color: #ffff99;
}
.p-school-form-go-entry-btn__link:hover .p-school-form-go-entry-btn__txt::before, .p-school-form-go-entry-btn__link:hover .p-school-form-go-entry-btn__txt::after {
  border-color: #1152a7;
}

.p-school-form-go-entry-btn__txt {
  display: inline-block;
  position: relative;
  z-index: 2;
  padding-left: 60px;
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffffff;
  -webkit-text-stroke: 4px #1152a7;
  text-stroke: 4px #1152a7;
  paint-order: stroke;
}
@media only screen and (max-width: 767px) {
  .p-school-form-go-entry-btn__txt {
    padding-left: 25px;
    font-size: 1.25rem;
  }
}
.p-school-form-go-entry-btn__txt::before, .p-school-form-go-entry-btn__txt::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border: 3px solid #ffffff;
  border-width: 3px 3px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-school-form-go-entry-btn__txt::before, .p-school-form-go-entry-btn__txt::after {
    width: 10px;
    height: 10px;
    border-width: 2px 2px 0 0;
  }
}
.p-school-form-go-entry-btn__txt::after {
  left: 13px;
}
@media only screen and (max-width: 767px) {
  .p-school-form-go-entry-btn__txt::after {
    left: 8px;
  }
}

/***** 国家資格（技能証明）の更新希望の方へ 店舗画像 *****/
.p-renewal-school-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media only screen and (max-width: 767px) {
  .p-renewal-school-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.p-renewal-school-list .p-renewal-school-item {
  margin-bottom: 0;
  padding: 0;
  width: auto;
}
.p-renewal-school-list .p-renewal-school-item__txt {
  padding: 10px;
  font-size: 0.75rem;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .p-renewal-school-list .p-renewal-school-item__txt {
    font-size: 0.875rem;
  }
}

.p-renewal-school-item {
  position: relative;
  margin-bottom: 60px;
  padding: 0 30px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .p-renewal-school-item {
    margin-bottom: 30px;
    padding: 0;
    width: auto;
  }
}
.p-renewal-school-item.is-tachikawa::before {
  display: block;
  -ms-flex-line-pack: center;
      align-content: center;
  position: absolute;
  top: 20%;
  left: 50%;
  z-index: 10;
  width: 75%;
  height: 70%;
  background: rgba(204, 0, 0, 0.8);
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "開校準備中";
}

.p-renewal-school-item__wrap {
  position: relative;
}

.p-renewal-school-item__img img {
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.p-renewal-school-item__ttl {
  background: #81d8d0;
  border-radius: 50vh;
  display: inline-block;
  padding: 0.3em 1em;
  position: absolute;
  top: 15px;
  left: 15px;
}

.p-renewal-school-item__txt {
  position: absolute;
  top: 55px;
  left: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .p-renewal-school-item__txt {
    padding: 10px;
    font-size: 0.875rem;
  }
}
.p-renewal-school-item__txt span {
  display: block;
  font-size: 0.75rem;
  line-height: 1.5em;
}

.p-renewal-school__txt {
  text-align: center;
  padding: 3px 10px;
  background: #81d8d0;
  font-size: 1.125rem;
  margin-bottom: 10px;
  max-width: 350px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .p-renewal-school__txt {
    font-size: 1rem;
  }
}

.p-renewal-school-item-txt {
  margin-top: 10px;
  text-align: center;
}

.p-renewal-school-item__address {
  margin-top: 10px;
}

/***** 更新講習早割キャンペーン *****/
.p-renewal-modal .mfp-close {
  top: 15px;
  right: calc(50% - 465px);
  color: #00a9d0;
  font-size: 3.75rem;
}
@media only screen and (max-width: 767px) {
  .p-renewal-modal .mfp-close {
    right: 30px;
  }
}

.p-renewal-modal-bg {
  padding: 60px 30px;
  max-height: 90vh;
  background: #ffffff;
  overflow-y: scroll;
}
@media only screen and (max-width: 767px) {
  .p-renewal-modal-bg {
    padding: 30px 15px;
  }
}

.p-renewal-modal-ttl {
  margin-bottom: 30px;
  font-size: 1.75rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-renewal-modal-ttl {
    font-size: 1.5rem;
  }
}

.p-renewal-modal-close {
  margin-top: 75px;
  text-align: center;
}
.p-renewal-modal-close a {
  color: #393939;
  font-size: 1.25rem;
}

.p-renewal-modal-btn-more {
  margin-top: 75px;
}
.p-renewal-modal-btn-more.is-bottom {
  margin-bottom: 45px;
}
.p-renewal-modal-btn-more .c-btn {
  padding: 30px 0;
  width: 100%;
  min-width: inherit;
  border-radius: 50vw;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa76f), to(#ec7600));
  background: linear-gradient(to bottom, #ffa76f, #ec7600);
}

/***** 受講生向け講習予約ページ /reservation_for_students/ *****/
.p-reservation-ttl {
  position: relative;
  padding: 60px 0;
  background-image: linear-gradient(-45deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.45;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-reservation-ttl {
    padding: 40px 0;
    font-size: 1.5rem;
  }
}
.p-reservation-ttl::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 70px;
  width: 160px;
  height: 160px;
  background: url(/images/logo-mark-white.svg) no-repeat;
  background-size: 160px;
  background-position: center;
  opacity: 0.15;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-reservation-ttl::before {
    top: 20px;
    left: 20px;
    width: 80px;
    height: 80px;
    background-size: 80px;
    -webkit-transform: none;
            transform: none;
  }
}

.p-reservation-body__txt {
  line-height: 2;
}
.p-reservation-body__txt span {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
  color: #eb0800;
}

.p-reservation-body-list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 35px;
}

.p-reservation-body-list__item {
  position: relative;
  padding-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
  border-bottom: 1px dashed #cccccc;
}
.p-reservation-body-list__item:not(:first-child) {
  margin-top: 10px;
}
.p-reservation-body-list__item::before {
  content: "※";
  font-weight: bold;
  color: #999999;
}

.p-reservation-list__upper-ttl {
  margin-top: 90px;
  font-size: 1.75rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #3584A7;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-reservation-list__upper-ttl {
    margin-top: 45px;
    font-size: 1.5rem;
  }
}

.p-reservation-list__upper-cap {
  margin-top: 10px;
  font-size: 0.875rem;
  color: #3584A7;
  text-align: center;
}

.p-reservation-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .p-reservation-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}

.p-reservation-list__link {
  display: block;
  position: relative;
  border: 5px solid #3584A7;
  color: #393939;
}
.p-reservation-list__link:hover .p-reservation-list__ttl {
  background: #3584A7;
  color: #ffffff;
}
.p-reservation-list__link:hover .p-reservation-list__btn {
  color: #ffffff;
  text-decoration: none;
}
.p-reservation-list__link:hover .p-reservation-list__btn i {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.p-reservation-list__link:hover .p-reservation-list__img img {
  opacity: 0.8;
}

.p-reservation-list__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
}

.p-reservation-list__img img {
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.p-reservation-list__ttl {
  display: inline-block;
  padding: 0.3em 1em;
  border-radius: 50vh;
  background-color: #81d8d0;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.p-reservation-list__txt {
  margin-top: 5px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.75rem;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .p-reservation-list__txt {
    font-size: 0.875rem;
  }
}

.p-reservation-list__btn {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 80%;
  margin: 0 auto;
  padding: 10px 15px 10px 40px;
  border: 3px solid #ffffff;
  border-radius: 50vw;
  background-image: linear-gradient(-45deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);
  font-size: 1.125rem;
  color: #ffffff;
  text-align: center;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
          box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .p-reservation-list__btn {
    bottom: 15px;
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 520px) {
  .p-reservation-list__btn {
    padding: 10px 15px;
  }
}
.p-reservation-list__btn i {
  -webkit-transition: -webkit-transform 0.3s 0s ease;
  transition: -webkit-transform 0.3s 0s ease;
  transition: transform 0.3s 0s ease;
  transition: transform 0.3s 0s ease, -webkit-transform 0.3s 0s ease;
}

.l-footer-navi-list__reserve-btn {
  margin-top: 30px;
}

.l-footer-navi-list__reserve-btn__link {
  display: block;
  padding: 5px 0;
  border-radius: 50vw;
  background: #3f598c;
  font-size: 0.75rem;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .l-footer-navi-list__reserve-btn__link {
    display: inline-block;
    padding: 0.3em 1.5em;
  }
}
.l-footer-navi-list__reserve-btn__link:hover {
  background: #4f6fb0;
  color: #fff;
  text-decoration: none;
}

.p-school-course-list__price-campaign {
  margin-left: 90px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__price-campaign {
    margin-left: 80px;
  }
}

.p-school-course-list__price-campaign__ttl {
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  background: #ab0853;
  font-weight: bold;
  color: #ffff99;
}

.p-school-course-list__price-campaign__price {
  margin-top: 15px;
  font-size: 2.5rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__price-campaign__price {
    font-size: 1.75rem;
  }
}
.p-school-course-list__price-campaign__price strong {
  font-size: 110%;
  font-weight: bold;
}
.p-school-course-list__price-campaign__price span.is-tax {
  font-size: 0.875rem;
}
.p-school-course-list__price-campaign__price span.is-m-size {
  font-size: 1.5rem;
}
.p-school-course-list__price-campaign__price span.is-color {
  color: #ab0853;
}

.p-school-course-list__price-campaign__cap a {
  display: block;
  margin-left: -0.5em;
  font-size: 1.125rem;
  color: #b46b22;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media (max-width: 430px) {
  .p-school-course-list__price-campaign__cap a {
    margin-left: -90px;
    text-align: right;
  }
}
.p-school-course-list__price-campaign__cap a:hover {
  color: #ab0853;
}

.p-school-course-2rows-btn {
  width: 460px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-2rows-btn {
    width: 21.25rem;
  }
}

.p-school-support-hidden-ttl {
  width: 0;
  height: 0;
  opacity: 0;
}

.p-school-support-lead {
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .p-school-support-lead {
    font-size: 1.375rem;
  }
}

.p-top-banner-modal button.mfp-close {
  display: none;
}

.p-entry-course-cap {
  display: block;
  padding-left: 2em;
  color: #eb0800;
}
@media only screen and (max-width: 767px) {
  .p-entry-course-cap {
    padding-left: 0;
  }
}

.p-entry-course-item {
  padding-right: 200px;
}
@media only screen and (max-width: 767px) {
  .p-entry-course-item {
    padding-right: 0;
  }
}

/*** 特定一般教育訓練給付金ページ ***/
.p-tokuteikyufu-main-visual {
  position: relative;
  background: url(/images/tokuteikyufu-main-visual__bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-main-visual {
    background: url(/images/tokuteikyufu-main-visual__bg-sp.jpg) no-repeat;
    background-size: cover;
    background-position: right bottom;
  }
}
.p-tokuteikyufu-main-visual::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3387a3;
  opacity: 0.4;
  content: "";
}

.p-tokuteikyufu-main-visual-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 400px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-main-visual-wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 250px;
    padding-top: 65px;
  }
}
.p-tokuteikyufu-main-visual-wrap::before {
  display: block;
  position: absolute;
  bottom: -80px;
  left: -80px;
  width: 640px;
  height: 460px;
  background: url(/images/tokuteikyufu-main-visual__woman.png) no-repeat;
  background-size: contain;
  background-position: center bottom;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-main-visual-wrap::before {
    bottom: -30px;
    left: -40px;
    width: 334px;
    height: 240px;
  }
}

.p-tokuteikyufu-main-visual__body {
  position: relative;
}

.p-tokuteikyufu-main-visual__ttl {
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #3387a3;
  -webkit-text-stroke: 4px #ffffff;
  text-stroke: 4px #ffffff;
  paint-order: stroke;
  line-height: 1.3;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-main-visual__ttl {
    font-size: 1.25rem;
    letter-spacing: 0;
    -webkit-text-stroke: 2px #ffffff;
    text-stroke: 2px #ffffff;
    text-align: right;
  }
}
.p-tokuteikyufu-main-visual__ttl span.is-num {
  font-size: 4.375rem;
  font-weight: 800;
  color: #ED3F27;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-main-visual__ttl span.is-num {
    font-size: 2rem;
  }
}
.p-tokuteikyufu-main-visual__ttl span.is-off {
  font-weight: 800;
  color: #ED3F27;
}
.p-tokuteikyufu-main-visual__ttl span.is-Big {
  margin-right: -0.6em;
  font-size: 3.75rem;
  color: #a0522d;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-main-visual__ttl span.is-Big {
    font-size: 1.625rem;
  }
}

.p-tokuteikyufu-main-visual__ttl-sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
  padding: 4px 30px;
  background: #3387a3;
  font-size: 1.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 500;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-main-visual__ttl-sub {
    margin: 15px auto 0;
    font-size: 1rem;
    letter-spacing: 0;
  }
}

.p-tokuteikyufu-intro-txt {
  font-size: 1.25rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-intro-txt {
    font-size: 1rem;
    text-align: left;
  }
}
.p-tokuteikyufu-intro-txt span {
  font-weight: bold;
  color: #ED3F27;
}

.p-tokuteikyufu-about {
  background: #ebf6f7;
}

.p-tokuteikyufu-hidden-ttl {
  width: 0;
  height: 0;
  opacity: 0;
}

.p-tokuteikyufu-about-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.15fr 1fr;
  grid-template-columns: 1fr 1.15fr 1fr;
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-about-list {
    display: block;
    margin-top: 30px;
  }
}

.p-tokuteikyufu-about-list__item {
  border: 8px solid transparent;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-about-list__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
.p-tokuteikyufu-about-list__item.is-01, .p-tokuteikyufu-about-list__item.is-03 {
  border-width: 8px 0 8px 0;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-about-list__item.is-01, .p-tokuteikyufu-about-list__item.is-03 {
    border-width: 0 8px 0 8px;
  }
}
.p-tokuteikyufu-about-list__item.is-02 {
  border-color: #fff170;
}

.p-tokuteikyufu-about-list__ttl {
  padding: 10px;
  background: #3387a3;
  font-size: 1.25rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-about-list__ttl {
    font-size: 1.125rem;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}
.p-tokuteikyufu-about-list__ttl.ttl-02 {
  color: #fff170;
}

.p-tokuteikyufu-about-body-list {
  display: -ms-grid;
  display: grid;
  row-gap: 2px;
  margin-top: 2px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-about-body-list {
    row-gap: 0;
    margin-top: 0;
  }
}

.p-tokuteikyufu-about-body-list__item {
  padding: 10px 15px;
  background: #ffffff;
}
.p-tokuteikyufu-about-body-list__item.is-ratio {
  background: #f5f5f5;
}
.p-tokuteikyufu-about-body-list__item.is-ratio, .p-tokuteikyufu-about-body-list__item.is-limit {
  font-size: 1.25rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-about-body-list__item.is-ratio, .p-tokuteikyufu-about-body-list__item.is-limit {
    font-size: 1rem;
    text-align: left;
  }
}

.p-tokuteikyufu-about-movie {
  position: relative;
  width: 100%;
  margin-top: 90px;
  padding: 56.25% 0 0 0;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-about-movie {
    margin-top: 45px;
  }
}
.p-tokuteikyufu-about-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-tokuteikyufu-beneficiary-list {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-beneficiary-list {
    margin-bottom: 60px;
  }
}

.p-tokuteikyufu-beneficiary-list__item:not(:first-child) {
  margin-top: 30px;
}

.p-tokuteikyufu-beneficiary-list__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  color: #3387a3;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-beneficiary-list__ttl {
    font-size: 1.125rem;
  }
}
.p-tokuteikyufu-beneficiary-list__ttl span.is-num {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  border-radius: 50%;
  background: #3387a3;
  font-size: 1.5rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-beneficiary-list__ttl span.is-num {
    margin-right: 10px;
    font-size: 1.25rem;
  }
}
.p-tokuteikyufu-beneficiary-list__ttl span.is-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-tokuteikyufu-beneficiary-body-list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 15px 0 0 60px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-beneficiary-body-list {
    margin: 15px 0 0 0;
  }
}

.p-tokuteikyufu-beneficiary-body-list__item {
  position: relative;
  padding: 0 0 0.3em 1.2em;
  border-bottom: 1px dashed #cccccc;
}
.p-tokuteikyufu-beneficiary-body-list__item:not(:first-child) {
  margin-top: 10px;
}
.p-tokuteikyufu-beneficiary-body-list__item::before {
  display: block;
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b1d9e7;
  content: "";
}
.p-tokuteikyufu-beneficiary-body-list__item span {
  font-weight: bold;
}

.p-tokuteikyufu-cource-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr 60px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-cource-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}

.p-tokuteikyufu-cource-list__item {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 20px 10px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-cource-list__item {
    display: block;
    padding: 15px 10px 15px 15px;
  }
}
.p-tokuteikyufu-cource-list__item:not(:last-child)::before {
  display: block;
  position: absolute;
  top: 50%;
  right: -60px;
  width: 60px;
  font-size: 2.5rem;
  font-weight: bold;
  color: #3387a3;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "＋";
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-cource-list__item:not(:last-child)::before {
    top: auto;
    bottom: -40px;
    right: auto;
    left: 50%;
    width: auto;
    line-height: 40px;
    font-size: 2rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.p-tokuteikyufu-cource-list__body {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: -5px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-cource-list__body {
    width: 100%;
    margin-right: 0;
  }
}

.p-tokuteikyufu-cource-list__ttl {
  font-size: 1.5rem;
  color: #3387a3;
  text-indent: -0.4em;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-cource-list__ttl {
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.p-tokuteikyufu-cource-list__ttl span {
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-cource-list__ttl span {
    font-size: 0.875rem;
  }
}

.p-tokuteikyufu-cource-list__price {
  margin-top: 15px;
  font-size: 1.5rem;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-cource-list__price {
    margin-top: 10px;
    font-size: 1rem;
  }
}
.p-tokuteikyufu-cource-list__price span {
  font-size: 0.875rem;
}

.p-tokuteikyufu-cource-txt {
  position: relative;
  margin-top: 35px;
  padding: 10px;
  border-radius: 50vw;
  background: #3387a3;
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-cource-txt {
    font-size: 1.25rem;
  }
}
.p-tokuteikyufu-cource-txt span.is-space {
  display: inline;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-cource-txt span.is-space {
    display: none;
  }
}
.p-tokuteikyufu-cource-txt span.is-tax {
  font-size: 0.875rem;
}
.p-tokuteikyufu-cource-txt::before {
  display: block;
  position: absolute;
  top: -30px;
  left: 50%;
  width: 16px;
  height: 30px;
  background: #3387a3;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}

.p-tokuteikyufu-cource-cap {
  margin-top: 20px;
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-cource-cap {
    margin-bottom: 60px;
  }
}

.p-tokuteikyufu-payment {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-payment {
    display: block;
  }
}
.p-tokuteikyufu-payment .is-ttl-01 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.p-tokuteikyufu-payment .is-body-01 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
.p-tokuteikyufu-payment .is-ttl-02 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-payment .is-ttl-02 {
    margin-top: 30px;
  }
}
.p-tokuteikyufu-payment .is-body-02 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.p-tokuteikyufu-payment__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.125rem;
  color: #3387a3;
}
.p-tokuteikyufu-payment__ttl span.is-num {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  border-radius: 50%;
  background: #3387a3;
  font-size: 1.5rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-payment__ttl span.is-num {
    margin-right: 10px;
    font-size: 1.25rem;
  }
}
.p-tokuteikyufu-payment__ttl span.is-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-tokuteikyufu-payment__body {
  margin-top: 15px;
}

.p-tokuteikyufu-payment-list__wrap {
  position: relative;
  margin-top: 10px;
}

.p-tokuteikyufu-payment-list__catch {
  display: -ms-grid;
  display: grid;
  place-items: center;
  position: absolute;
  top: 20px;
  left: 110px;
  width: 90px;
  height: 90px;
  background: #ED3F27;
  font-size: 0.9375rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
  text-align: center;
  clip-path: polygon(50% 0%, 57.8% 13.3%, 70.3% 4.3%, 72% 19.7%, 87.2% 16.5%, 82.5% 31.3%, 97.6% 34.5%, 87.3% 46.1%, 99.7% 55.2%, 85.7% 61.6%, 93.3% 75%, 77.9% 75.1%, 79.4% 90.5%, 65.3% 84.3%, 60.4% 98.9%, 50% 87.5%, 39.6% 98.9%, 34.7% 84.3%, 20.6% 90.5%, 22.1% 75.1%, 6.7% 75%, 14.3% 61.6%, 0.3% 55.2%, 12.7% 46.1%, 2.4% 34.5%, 17.5% 31.3%, 12.8% 16.5%, 28% 19.7%, 29.7% 4.3%, 42.2% 13.3%);
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-payment-list__catch {
    top: 5px;
    left: 70px;
    width: 80px;
    height: 80px;
    font-size: 0.875rem;
  }
}

.p-tokuteikyufu-payment-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 140px 1fr;
  grid-template-columns: 140px 1fr;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-payment-list {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}

.p-tokuteikyufu-payment-list__ttl,
.p-tokuteikyufu-payment-list__txt {
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: 15px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.p-tokuteikyufu-payment-list__ttl {
  background: #ebf6f7;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-payment-list__ttl {
    padding: 10px;
    font-size: 0.875rem;
  }
}

.p-tokuteikyufu-payment-list__txt {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-payment-list__txt {
    padding: 10px 5px;
    font-size: 0.875rem;
  }
}
.p-tokuteikyufu-payment-list__txt.is-col2 {
  min-height: 110px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-payment-list__txt.is-col2 {
    min-height: auto;
  }
}
.p-tokuteikyufu-payment-list__txt.is-result {
  font-size: 1.25rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ED3F27;
}
.p-tokuteikyufu-payment-list__txt span.is-strong {
  display: contents;
  font-size: 1.25rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
}
.p-tokuteikyufu-payment-list__txt span.is-tax {
  display: contents;
  font-size: 0.875rem;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: normal;
}
.p-tokuteikyufu-payment-list__txt span.is-Small-14 {
  display: contents;
  font-size: 0.875rem;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: normal;
}
.p-tokuteikyufu-payment-list__txt span.is-Small-12 {
  display: contents;
  font-size: 0.75rem;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: normal;
}
.p-tokuteikyufu-payment-list__txt span.is-blue {
  display: contents;
  color: #3387a3;
}

.p-tokuteikyufu-flow {
  background: #ebf6f7;
}

.p-tokuteikyufu-flow-list__item:not(:first-child) {
  margin-top: 30px;
}

.p-tokuteikyufu-flow-list__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  color: #3387a3;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-flow-list__ttl {
    font-size: 1.125rem;
  }
}
.p-tokuteikyufu-flow-list__ttl span.is-num {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  border-radius: 50%;
  background: #3387a3;
  font-size: 1.5rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-flow-list__ttl span.is-num {
    margin-right: 10px;
    font-size: 1.25rem;
  }
}
.p-tokuteikyufu-flow-list__ttl span.is-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-tokuteikyufu-flow-list__txt {
  margin: 15px 0 0 60px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-flow-list__txt {
    margin: 15px 0 0 0;
  }
}
.p-tokuteikyufu-flow-list__txt span.is-dot {
  display: inline-block;
  position: relative;
  padding-left: 1.2em;
}
.p-tokuteikyufu-flow-list__txt span.is-dot::before {
  display: block;
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b1d9e7;
  content: "";
}

.p-tokuteikyufu-trial {
  position: relative;
  background-image: url(/images/tokuteikyufu-trial__bg-01.jpg), url(/images/tokuteikyufu-trial__bg-02.jpg);
  background-repeat: no-repeat, no-repeat;
  background-size: 500px 599px, 500px 553px;
  background-position: top 100px left -100px, top 580px right -100px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial {
    background-size: 240px 287px, 240px 265px;
    background-position: top 30px left -80px, bottom 240px right -100px;
  }
}

.p-tokuteikyufu-trial-wrap {
  margin: 0 -30px;
  padding: 30px;
  background: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-wrap {
    padding: 0 30px;
    background: rgba(255, 255, 255, 0.8);
  }
}

.p-tokuteikyufu-trial-upper-txt {
  font-size: 1.25rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-upper-txt {
    font-size: 1rem;
    text-align: left;
  }
}
.p-tokuteikyufu-trial-upper-txt span {
  font-weight: bold;
  color: #3387a3;
}

.p-tokuteikyufu-trial-worry-ttl {
  margin-top: 60px;
  font-size: 1.75rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #a0522d;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-worry-ttl {
    margin-top: 45px;
    font-size: 1.25rem;
  }
}

.p-tokuteikyufu-trial-worry-list {
  margin-top: 20px;
  text-align: center;
}

.p-tokuteikyufu-trial-worry-list__item:not(:first-child) {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-worry-list__item:not(:first-child) {
    margin-top: 15px;
  }
}
.p-tokuteikyufu-trial-worry-list__item span {
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  border-radius: 50vw;
  background: #a2d2e2;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-worry-list__item span {
    font-size: 1rem;
  }
}
.p-tokuteikyufu-trial-worry-list__item span::before {
  display: block;
  position: absolute;
  width: 30px;
  height: 16px;
  background: #a2d2e2;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  content: "";
}
.p-tokuteikyufu-trial-worry-list__item:nth-child(1) {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-worry-list__item:nth-child(1) {
    display: block;
    text-align: left;
  }
}
.p-tokuteikyufu-trial-worry-list__item:nth-child(1) span::before {
  top: -20px;
  left: 30%;
  -webkit-transform: rotate(-80deg);
          transform: rotate(-80deg);
}
.p-tokuteikyufu-trial-worry-list__item:nth-child(2) {
  display: inline-block;
  padding-left: 15%;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-worry-list__item:nth-child(2) {
    display: block;
    padding-left: 0;
    text-align: right;
  }
}
.p-tokuteikyufu-trial-worry-list__item:nth-child(2) span {
  background: #adeade;
}
.p-tokuteikyufu-trial-worry-list__item:nth-child(2) span::before {
  top: -17px;
  left: 30%;
  background: #adeade;
  -webkit-transform: rotate(-110deg);
          transform: rotate(-110deg);
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-worry-list__item:nth-child(2) span::before {
    left: 60%;
  }
}
.p-tokuteikyufu-trial-worry-list__item:nth-child(3) {
  padding-right: 10%;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-worry-list__item:nth-child(3) {
    padding-right: 0;
    text-align: left;
  }
}
.p-tokuteikyufu-trial-worry-list__item:nth-child(3) span {
  background: #bcebce;
}
.p-tokuteikyufu-trial-worry-list__item:nth-child(3) span::before {
  top: -20px;
  left: 60%;
  background: #bcebce;
  -webkit-transform: rotate(-85deg);
          transform: rotate(-85deg);
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-worry-list__item:nth-child(3) span::before {
    left: 25%;
  }
}
.p-tokuteikyufu-trial-worry-list__item:nth-child(4) {
  padding-left: 30%;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-worry-list__item:nth-child(4) {
    padding-left: 0;
    text-align: right;
  }
}
.p-tokuteikyufu-trial-worry-list__item:nth-child(4) span::before {
  top: -17px;
  left: 55%;
  -webkit-transform: rotate(-120deg);
          transform: rotate(-120deg);
}

.p-tokuteikyufu-trial-middle-txt {
  margin-top: 60px;
  font-size: 1.25rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-middle-txt {
    margin-top: 45px;
    font-size: 1rem;
    text-align: left;
  }
}

.p-tokuteikyufu-trial-btn {
  margin: 45px 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-btn {
    margin: 30px 0;
  }
}

.p-tokuteikyufu-trial-btn__link {
  display: inline-block;
  padding: 15px 30px;
  border: 3px solid #ffffff;
  border-radius: 50vw;
  background: -webkit-gradient(linear, left top, left bottom, from(#fc007e), color-stop(50%, #f5666f), to(#f5666f));
  background: linear-gradient(to bottom, #fc007e 0%, #f5666f 50%, #f5666f 100%);
  background-size: 100% 200%;
  line-height: 1.4;
  cursor: pointer;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-btn__link {
    font-size: 1.125rem;
  }
}
.p-tokuteikyufu-trial-btn__link:hover {
  background-position: 0 100%;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}
.p-tokuteikyufu-trial-btn__link:hover i {
  color: #c71585;
}

.p-tokuteikyufu-trial-bottom-txt {
  font-size: 1.25rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-tokuteikyufu-trial-bottom-txt {
    font-size: 1rem;
    text-align: left;
  }
}

/*** 助成金ページ・給付金ページへのリンクボタン ***/
.p-school-josei-kyufu-link-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 45px auto;
  grid-template-columns: repeat(2, auto);
  -webkit-column-gap: 45px;
     -moz-column-gap: 45px;
          column-gap: 45px;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .p-school-josei-kyufu-link-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-top: 45px;
  }
}
.p-school-josei-kyufu-link-list.is-school-flow {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px dashed #ccc;
}
@media only screen and (max-width: 767px) {
  .p-school-josei-kyufu-link-list.is-school-flow {
    margin-bottom: 45px;
    padding-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .c-btn.p-school-josei-kyufu-link-list__link {
    display: block;
    padding: 12px 10px;
  }
}

/*** カスタマーハラスメントに対する基本方針 ***/
.p-customer-harassment-list {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .p-customer-harassment-list {
    margin-top: 45px;
  }
}

.p-customer-harassment-list__item:not(:first-child) {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .p-customer-harassment-list__item:not(:first-child) {
    margin-top: 45px;
  }
}

.p-customer-harassment-list__ttl {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dddddd;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .p-customer-harassment-list__ttl {
    font-size: 1.125rem;
  }
}
.p-customer-harassment-list__ttl::before {
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 120px;
  height: 4px;
  background: #81d8d0;
  content: "";
}

.p-customer-harassment-body-list.is-02 {
  margin: 15px 0;
}

.p-customer-harassment-body-list__item {
  position: relative;
  padding: 5px 0 5px 1em;
}
.p-customer-harassment-body-list__item::before {
  display: block;
  position: absolute;
  top: 0.75em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #81d8d0;
  content: "";
}

.p-school-course-list__price-campaign__circle {
  display: -ms-grid;
  display: grid;
  place-items: center;
  position: absolute;
  top: 170px;
  left: 330px;
  width: 160px;
  height: 100px;
  border-radius: 50%;
  background: #ab0853;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-course-list__price-campaign__circle {
    top: 300px;
    left: 10px;
  }
}

.p-school-goto-registration-form {
  background: #ebf6f7;
}

.p-school-goto-registration-form__link {
  display: block;
  position: relative;
  position: relative;
  background-image: url(/images/goto-registration-form__link-bg.png), -webkit-gradient(linear, right top, left top, from(#abecd6), to(#fbed96));
  background-image: url(/images/goto-registration-form__link-bg.png), linear-gradient(to left, #abecd6 0%, #fbed96 100%);
  background-repeat: no-repeat, repeat;
  background-size: 25%, cover;
  background-position: 98% 60%;
  padding: 30px 20px;
}
@media only screen and (max-width: 767px) {
  .p-school-goto-registration-form__link {
    padding: 55px 20px 30px;
    background-size: 40%, cover;
    background-position: 98% 6%;
  }
}
.p-school-goto-registration-form__link::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#fff 1px, transparent 0), linear-gradient(90deg, #fff 1px, transparent 0);
  background-size: 10px 10px;
  opacity: 0.4;
  content: "";
}
.p-school-goto-registration-form__link:hover {
  text-decoration: none;
  background-image: url(/images/goto-registration-form__link-bg.png), -webkit-gradient(linear, right top, left top, from(#1c9eb8), to(#abecd6));
  background-image: url(/images/goto-registration-form__link-bg.png), linear-gradient(to left, #1c9eb8 0%, #abecd6 100%);
}
.p-school-goto-registration-form__link:hover .p-school-goto-registration-form__ttl {
  color: #fff9b3;
}
.p-school-goto-registration-form__link:hover .p-school-goto-registration-form-btn__link {
  background-position: 100% 0;
  color: #ffffff;
}
.p-school-goto-registration-form__link:hover .p-school-goto-registration-form-btn__link i {
  color: #b12a5b;
}

.p-school-goto-registration-form__body {
  position: relative;
  z-index: 2;
}

.p-school-goto-registration-form__ttl {
  font-size: 2.5rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 600;
  color: #ffffff;
  -webkit-text-stroke: 6px #336699;
  text-stroke: 6px #336699;
  paint-order: stroke;
  -webkit-filter: drop-shadow(5px 5px 10px rgba(51, 102, 153, 0.6));
          filter: drop-shadow(5px 5px 10px rgba(51, 102, 153, 0.6));
  text-align: center;
}
@media screen and (max-width: 1400px) {
  .p-school-goto-registration-form__ttl {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-goto-registration-form__ttl {
    font-size: 1.5rem;
    -webkit-text-stroke: 1px #336699;
    text-stroke: 1px #336699;
    paint-order: stroke;
  }
}

.p-school-goto-registration-form__txt {
  margin-top: 20px;
  font-size: 1.25rem;
  color: #336699;
  text-align: center;
}
@media screen and (max-width: 1400px) {
  .p-school-goto-registration-form__txt {
    font-size: 1rem;
  }
}

.p-school-goto-registration-form-btn {
  margin-top: 20px;
  text-align: center;
}

.p-school-goto-registration-form-btn__link {
  display: inline-block;
  padding: 15px 20px;
  border-radius: 50vw;
  background: -webkit-gradient(linear, right top, left top, from(#ff8177), color-stop(0%, #ff867a), color-stop(21%, #ff8c7f), color-stop(52%, #f99185), color-stop(78%, #cf556c), to(#b12a5b));
  background: linear-gradient(to left, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
  background-size: 200% 100%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff9b3;
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
          filter: drop-shadow(5px 5px 10px rgba(0, 7, 45, 0.6));
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
}
@media screen and (max-width: 1400px) {
  .p-school-goto-registration-form-btn__link {
    padding: 10px;
    font-size: 0.9375rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-school-goto-registration-form-btn__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.p-school-goto-registration-form-btn__link i {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .p-school-goto-registration-form-btn__link i {
    font-size: 1.5rem;
  }
}

.p-school-attendance-course-list li:not(:first-child) {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-school-attendance-course-list li:not(:first-child) {
    margin-top: 20px;
  }
}

.c-check-list__item.is-entry-form-nowrap {
  margin-right: -20px;
}
@media only screen and (max-width: 767px) {
  .c-check-list__item.is-entry-form-nowrap {
    margin-right: 0;
  }
}
.c-check-list__item.is-entry-form-nowrap span {
  color: #ff0000;
}

.p-school-form-campain-wrap {
  margin-bottom: 60px;
}

.p-school-form-campain-img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.p-top-company-slider-wrap {
  padding-top: 90px;
}
@media only screen and (max-width: 767px) {
  .p-top-company-slider-wrap {
    padding-top: 45px;
  }
}

.p-contact-intro-wrap {
  padding-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-contact-intro-wrap {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .p-school-form-ttl-main {
    font-size: 1.5rem;
  }
}

.p-school-form-lead {
  font-size: 1.75rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-form-lead {
    font-size: 1.25rem;
  }
}
.p-school-form-lead span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fcd4cf));
  background: linear-gradient(transparent 50%, #fcd4cf 50%);
}

.p-school-form-lead-cap {
  margin-top: 10px;
  margin-bottom: 60px;
  font-size: 1rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-school-form-lead-cap {
    margin-top: 15px;
    font-size: 1rem;
    text-align: left;
  }
}

.p-parts-optioncourse {
  position: relative;
}
.p-parts-optioncourse::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/top-optioncourse_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center top;
  opacity: 0.2;
  content: "";
}
@media only screen and (max-width: 767px) {
  .p-parts-optioncourse::before {
    background-position: 70% top;
  }
}

.p-parts-optioncourse-ttl {
  font-size: 1.5rem;
  color: #393939;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-parts-optioncourse-ttl {
    font-size: 1.25rem;
    text-align: left;
  }
}

.p-parts-optioncourse-img {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .p-parts-optioncourse-img {
    margin-top: 30px;
  }
}
.p-parts-optioncourse-img img {
  -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
}

.p-parts-optioncourse-btn {
  display: none;
  margin-top: 60px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-parts-optioncourse-btn {
    margin-top: 30px;
  }
}

body:has(.p-school-course-index) .p-parts-optioncourse-btn {
  display: block;
}

.p-parts-optioncourse-btn__link {
  display: inline-block;
  padding: 15px 45px;
  border: 3px solid #ffffff;
  border-radius: 50vw;
  background: -webkit-gradient(linear, left top, left bottom, from(#81D8D0), color-stop(50%, #15A9D0), to(#15A9D0));
  background: linear-gradient(to bottom, #81D8D0 0%, #15A9D0 50%, #15A9D0 100%);
  background-size: 100% 200%;
  line-height: 1.4;
  cursor: pointer;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .p-parts-optioncourse-btn__link {
    padding: 15px 20px;
    font-size: 1.125rem;
  }
}
.p-parts-optioncourse-btn__link:hover {
  background-position: 0 100%;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}

.p-school-course-list__data-list__txt__inner-list__item {
  position: relative;
  padding-left: 1em;
}
.p-school-course-list__data-list__txt__inner-list__item::before {
  display: block;
  position: absolute;
  top: 8px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #696969;
  content: "";
}

.p-school-disaster-job-01-map {
  position: relative;
  max-width: 520px;
  margin: 30px auto;
}

.p-school-disaster-job-01-map__ttl {
  font-size: 1.5rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .p-school-disaster-job-01-map__ttl {
    font-size: 1.25rem;
  }
}
.p-school-disaster-job-01-map__ttl span {
  font-size: 0.875rem;
  font-weight: normal;
  color: #696969;
}
@media only screen and (max-width: 767px) {
  .p-school-disaster-job-01-map__ttl span {
    display: block;
  }
}

.p-part-double-banner-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .p-part-double-banner-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}

.p-school-index-double-banner-list-wrap {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .p-school-index-double-banner-list-wrap {
    margin-bottom: 20px;
  }
}

.p-school-course-double-banner-list-wrap {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .p-school-course-double-banner-list-wrap {
    margin-top: 40px;
  }
}

.p-school-about-companyschool-double-banner-list-wrap {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .p-school-about-companyschool-double-banner-list-wrap {
    margin-top: 40px;
  }
}

.p-school-form-campain-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .p-school-form-campain-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}
.l-main p{line-height:1.8;}