@charset "UTF-8";
/* --------------------------------
[コーディングルール]
・SMACSSでCSS設計
・基本classのみ使用し、idはアンカーやJSで使用
・class名、フォルダ名、ファイル名はハイフン(-）区切り
・メディアクエリーはPCファーストで、 @include max {} または @include min {} を使用
-------------------------------- */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*:focus {
  outline: none;
}

main {
  display: block;
}

html {
  font-size: 10px;
  margin-top: 0 !important;
}

body {
  line-height: 1.5;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1.3rem;
  color: #000;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
}

a {
  color: #000;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  a:hover {
    color: #000;
  }
}

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

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

ul, ol {
  list-style-type: none;
}

th, strong, b {
  font-weight: normal;
}

em, i {
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .remodal-wrapper {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .remodal {
    padding: 10px;
  }
}

.remodal-close {
  left: auto;
  right: 0;
  top: -40px;
  width: 40px;
  height: 40px;
}

.remodal-close:before, .remodal-close:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.remodal-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.slick-prev,
.slick-next {
  width: 30px;
  height: 70px;
}

@media screen and (max-width: 767px) {
  .slick-prev,
  .slick-next {
    width: 30px;
    height: 30px;
  }
}

.slick-prev:before, .slick-prev:after,
.slick-next:before,
.slick-next:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: calc(50% + 13px);
  width: 30px;
  height: 2px;
  background-color: #c30d23;
  -webkit-transform: translate(-50%, -50%) rotate(60deg);
          transform: translate(-50%, -50%) rotate(60deg);
}

@media screen and (max-width: 767px) {
  .slick-prev:before,
  .slick-next:before {
    width: 30px;
    height: 30px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(../img/slider/prev-sp.png) no-repeat center center;
    background-size: contain;
    opacity: 1;
  }
}

.slick-prev:after,
.slick-next:after {
  top: calc(50% - 13px);
  -webkit-transform: translate(-50%, -50%) rotate(-60deg);
          transform: translate(-50%, -50%) rotate(-60deg);
}

@media screen and (max-width: 767px) {
  .slick-prev:after,
  .slick-next:after {
    display: none;
  }
}

.slick-prev {
  left: -30px;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .slick-prev {
    left: -20px;
  }
}

.slick-next {
  right: -30px;
}

@media screen and (max-width: 767px) {
  .slick-next {
    right: -20px;
  }
}

.slick-next:before {
  -webkit-transform: translate(-50%, -50%) rotate(-60deg);
          transform: translate(-50%, -50%) rotate(-60deg);
}

@media screen and (max-width: 767px) {
  .slick-next:before {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(../img/slider/next-sp.png);
  }
}

.slick-next:after {
  -webkit-transform: translate(-50%, -50%) rotate(60deg);
          transform: translate(-50%, -50%) rotate(60deg);
}

.slick-slider.is-home .slick-prev:before, .slick-slider.is-home .slick-prev:after,
.slick-slider.is-home .slick-next:before,
.slick-slider.is-home .slick-next:after {
  top: calc(50% + 10px);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.slick-slider.is-home .slick-prev:after,
.slick-slider.is-home .slick-next:after {
  top: calc(50% - 10px);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.slick-slider.is-home .slick-next:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.slick-slider.is-home .slick-next:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.slick-slider.is-wt .slick-prev:before, .slick-slider.is-wt .slick-prev:after,
.slick-slider.is-wt .slick-next:before,
.slick-slider.is-wt .slick-next:after {
  background-color: #fff;
}

.slick-slider.-arrows .slick-prev,
.slick-slider.-arrows .slick-next {
  width: 64px;
  height: 64px;
  top: 50%;
}

@media screen and (max-width: 767px) {
  .slick-slider.-arrows .slick-prev,
  .slick-slider.-arrows .slick-next {
    width: 40px;
    height: 40px;
  }
}

.slick-slider.-arrows .slick-prev::before,
.slick-slider.-arrows .slick-next::before {
  left: 0;
  top: 0;
  opacity: 1;
  width: 64px;
  height: 64px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  -webkit-transform: none;
          transform: none;
}

@media screen and (max-width: 767px) {
  .slick-slider.-arrows .slick-prev::before,
  .slick-slider.-arrows .slick-next::before {
    width: 40px;
    height: 40px;
  }
}

.slick-slider.-arrows .slick-prev::after,
.slick-slider.-arrows .slick-next::after {
  display: none;
}

.slick-slider.-arrows .slick-prev {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.slick-slider.-arrows .slick-prev::before {
  background-image: url(../img/icon/slider-prev.png);
}

.slick-slider.-arrows .slick-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.slick-slider.-arrows .slick-next::before {
  background-image: url(../img/icon/slider-next.png);
}

.slick-slider.-arrowsSm .slick-prev,
.slick-slider.-arrowsSm .slick-next {
  width: 48px;
  height: 48px;
  top: 50%;
}

@media screen and (max-width: 767px) {
  .slick-slider.-arrowsSm .slick-prev,
  .slick-slider.-arrowsSm .slick-next {
    width: 40px;
    height: 40px;
  }
}

.slick-slider.-arrowsSm .slick-prev::before,
.slick-slider.-arrowsSm .slick-next::before {
  left: 0;
  top: 0;
  opacity: 1;
  width: 48px;
  height: 48px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  -webkit-transform: none;
          transform: none;
}

@media screen and (max-width: 767px) {
  .slick-slider.-arrowsSm .slick-prev::before,
  .slick-slider.-arrowsSm .slick-next::before {
    width: 40px;
    height: 40px;
  }
}

.slick-slider.-arrowsSm .slick-prev::after,
.slick-slider.-arrowsSm .slick-next::after {
  display: none;
}

.slick-slider.-arrowsSm .slick-prev {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.slick-slider.-arrowsSm .slick-prev::before {
  background-image: url(../img/icon/slider-prev-sm.png);
}

.slick-slider.-arrowsSm .slick-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.slick-slider.-arrowsSm .slick-next::before {
  background-image: url(../img/icon/slider-next-sm.png);
}

.slick-slider.-latest .slick-prev,
.slick-slider.-latest .slick-next {
  top: 97px;
}

@media screen and (max-width: 767px) {
  .slick-slider.-latest .slick-prev,
  .slick-slider.-latest .slick-next {
    top: 100px;
  }
}

.slick-slider.-latest .slick-prev {
  left: 15px;
}

.slick-slider.-latest .slick-next {
  right: 15px;
}

.slick-slider.-wide .slick-prev,
.slick-slider.-wide .slick-next {
  top: 109px;
}

@media screen and (max-width: 767px) {
  .slick-slider.-wide .slick-prev,
  .slick-slider.-wide .slick-next {
    top: 90px;
  }
}

.slick-slider.-wide .slick-prev {
  left: 0;
}

.slick-slider.-wide .slick-next {
  right: 0;
}

.slick-slider.-wide2 .slick-prev,
.slick-slider.-wide2 .slick-next {
  top: 144px;
}

@media screen and (max-width: 767px) {
  .slick-slider.-wide2 .slick-prev,
  .slick-slider.-wide2 .slick-next {
    top: 92px;
  }
}

.slick-slider.-wide2 .slick-prev {
  left: 0;
}

.slick-slider.-wide2 .slick-next {
  right: 0;
}

.slick-dots li {
  margin: 0 2px;
}

.slick-dots li.slick-active button:before {
  color: #c30d23;
}

.text-red {
  color: #c30d23 !important;
}

.text-bold {
  font-weight: bold !important;
}

.wp-pagenavi {
  text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
  color: #c30d23;
  border: 1px solid #c30d23;
  font-size: 16px;
  margin: 5px;
  padding: 5px 8px;
}

.wp-pagenavi a:hover, .wp-pagenavi a.current,
.wp-pagenavi span:hover,
.wp-pagenavi span.current {
  color: #fff;
  background-color: #c30d23;
  border: 1px solid #c30d23;
}

.gm-style .gm-style-iw-c {
  border-radius: 0;
  padding: 10px 20px !important;
}

.gm-style .gm-style-iw-d {
  overflow: visible !important;
}

.infowin {
  font-size: 12px;
}

.infowin__img {
  width: 200px;
  margin: -10px -20px 5px;
}

.infowin__img img {
  width: 100%;
}

.infowin__ttl {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 7px;
  max-width: 160px;
}

.infowin__cat {
  display: inline-block;
  color: #c30d23;
  text-align: center;
  padding: 1px 0;
  font-size: 11px;
  font-weight: bold;
}

.infowin__btn {
  text-align: center;
}

.infowin__btn a {
  display: inline-block;
  background-color: #c30d23;
  border-radius: 30px;
  color: #fff;
  padding: 2px 25px;
  text-decoration: none;
}

.l-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
}

.l-header-wrap {
  height: 90px;
}

@media screen and (max-width: 767px) {
  .l-header-wrap {
    height: 60px;
  }
}

.l-header-inner {
  position: relative;
  height: 90px;
}

@media screen and (max-width: 767px) {
  .l-header-inner {
    height: 60px;
  }
}

.l-main {
  overflow: hidden;
  margin: 0 auto;
}

.l-footer {
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.l-casePosts {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

@media screen and (min-width: 768px) {
  .l-casePosts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .l-casePosts.-home {
    max-width: 1330px;
  }
  .l-casePosts.-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.l-casePosts.is-hide {
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.l-casePosts-post {
  padding: 0 20px;
  margin-bottom: 60px;
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media screen and (min-width: 768px) {
  .l-casePosts-post {
    width: 33.33%;
  }
}

@media screen and (max-width: 767px) {
  .l-casePosts-post {
    margin-bottom: 30px;
  }
}

.l-casePosts-post.is-hide {
  display: none;
}

.l-casePosts-post.is-moreHide {
  display: none;
}

.l-casePosts-post.is-moreShow {
  opacity: 0;
}

.l-casePosts-post.is-moreShow2 {
  opacity: 1;
}

.u-over {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media screen and (min-width: 768px) {
  .u-over:hover {
    opacity: 0.7;
  }
}

.u-inline {
  display: inline;
}

.u-inlineBlock {
  display: inline-block;
}

.u-block {
  display: block;
}

.u-table {
  display: table;
}

.u-tableCell {
  display: table-cell;
}

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

.u-txtCenter {
  text-align: center;
}

.u-txtRight {
  text-align: right;
}

.u-imgCover {
  display: block;
  height: 0;
  padding-top: 70.75%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.u-imgCover2 {
  display: block;
  height: 0;
  padding-top: 66.66%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.u-imgCover3 {
  display: block;
  height: 0;
  padding-top: 55.91%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.u-imgCover4 {
  display: block;
  height: 0;
  padding-top: 75.95%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.u-imgCover5 {
  display: block;
  height: 0;
  padding-top: 81.81%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.u-imgCover100 {
  display: block;
  height: 0;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}

@media screen and (max-width: 575px) {
  .u-pcSm {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .u-pcLg {
    display: none !important;
  }
}

@media screen and (max-width: 1199px) {
  .u-pcXl {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .u-sp {
    display: none !important;
  }
}

@media screen and (min-width: 576px) {
  .u-spSm {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .u-spLg {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-spXl {
    display: none !important;
  }
}

.format a {
  color: #03c;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .format a:hover {
    color: #69f;
  }
}

.format h2 {
  margin: 30px 0 20px;
  font-size: 24px;
  font-weight: bold;
}

.format h3 {
  margin: 30px 0 20px;
  font-size: 18px;
  font-weight: bold;
}

.format p, .format ul, .format ol, .format table {
  margin-bottom: 20px;
}

.format li {
  margin-bottom: 10px;
}

.format ul {
  list-style-type: disc;
  padding-left: 1.5em;
}

.format ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}

.format hr {
  margin: 20px 0;
  border: none;
  border-top: 1px solid #999;
}

.format table {
  width: 100%;
}

.format th {
  width: 150px;
  padding: 10px 20px;
  border: 1px solid #999;
  background-color: #eee;
}

.format td {
  padding: 10px 20px;
  border: 1px solid #999;
}

.wp-classic-editor .aligncenter {
  display: block;
  margin: 0 auto;
}

.wp-classic-editor .alignright {
  float: right;
}

.wp-classic-editor .alignleft {
  float: left;
}

.wp-classic-editor img[class*="wp-image-"],
.wp-classic-editor img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}

.wp-caption {
  width: auto !important;
}

#wpadminbar {
  opacity: 0.8;
}

.is-login-sc #wpadminbar {
  display: none;
}

.btn-yado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-yado.-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.btn-yado a {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  width: 360px;
  background-color: #c30d23;
  text-align: center;
  border-radius: 35px;
  padding: 16px;
}

@media screen and (max-width: 767px) {
  .btn-yado a {
    width: 250px;
    font-size: 13px;
  }
}

.btn-yado a::before {
  content: '';
  display: block;
  position: absolute;
  right: 25px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.btn-yado.-noArrow a::before {
  display: none;
}

.btn-yado.-reArrow a::before {
  right: auto;
  left: 25px;
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}

.btn-yado.-bl a {
  background-color: #008CD6;
}

.btn-yado.-wt a {
  background-color: #fff;
  color: #000;
  border: 2px solid #c30d23;
  color: #c30d23;
}

.btn-yado.-wt a:before {
  border-color: #c30d23;
}

.btn-yado.-sm a {
  width: 280px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .btn-yado.-sm a {
    width: 200px;
    font-size: 12px;
  }
}

.btnBack {
  margin: 20px auto 50px;
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .btnBack {
    font-size: 12px;
  }
}

.btnBack a {
  display: inline-block;
  padding: 8px 40px;
  background-color: #c30d23;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .btnBack a {
    padding: 8px 20px;
  }
}

.ttl-yado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
}

.ttl-yado.-mg {
  margin: 60px 0 40px;
}

@media screen and (max-width: 767px) {
  .ttl-yado.-mg {
    margin: 40px 0 30px;
  }
}

.ttl-yado h2 {
  position: relative;
  font-size: 28px;
  font-weight: 500;
  padding: 15px 40px;
}

@media screen and (max-width: 767px) {
  .ttl-yado h2 {
    font-size: 19px;
    padding: 5px 20px;
    letter-spacing: -0.02em;
  }
}

.ttl-yado h2:before, .ttl-yado h2:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 40px;
  height: 5px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .ttl-yado h2:before, .ttl-yado h2:after {
    width: 20px;
    height: 3px;
  }
}

.ttl-yado h2:after {
  width: 5px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .ttl-yado h2:after {
    width: 3px;
    height: 20px;
  }
}

.ttl-yado h2 span {
  display: block;
  position: relative;
}

.ttl-yado h2 span:before, .ttl-yado h2 span:after {
  content: '';
  position: absolute;
  display: block;
  right: -40px;
  bottom: -10px;
  width: 40px;
  height: 5px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .ttl-yado h2 span:before, .ttl-yado h2 span:after {
    right: -20px;
    bottom: -5px;
    width: 20px;
    height: 3px;
  }
}

.ttl-yado h2 span:after {
  width: 5px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .ttl-yado h2 span:after {
    width: 3px;
    height: 20px;
  }
}

.ttl-yado.is-wt h2:before, .ttl-yado.is-wt h2:after {
  background-color: #fff;
}

.ttl-yado.is-wt h2 span:before, .ttl-yado.is-wt h2 span:after {
  background-color: #fff;
}

.ttl-yado.is-wt2 h2 {
  color: #fff;
}

.ttl-yado.is-wt2 h2:before, .ttl-yado.is-wt2 h2:after {
  background-color: #fff;
}

.ttl-yado.is-wt2 h2 span:before, .ttl-yado.is-wt2 h2 span:after {
  background-color: #fff;
}

.ttl-travel-agency {
  margin: 10px 0 40px;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .ttl-travel-agency {
    margin: 5px 0 30px;
    font-size: 19px;
  }
}

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

.h-desc {
  position: absolute;
  left: 30px;
  top: 12px;
  color: #999;
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  .h-desc {
    left: 10px;
    top: 6px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    letter-spacing: -0.01em;
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
}

.h-logo {
  position: relative;
  z-index: 1;
  padding: 34px 0 0 30px;
}

@media screen and (max-width: 767px) {
  .h-logo {
    padding: 22px 0 0 10px;
  }
}

.h-logo img {
  display: inline-block;
}

.h-logo img.-n1 {
  width: 255px;
}

@media screen and (max-width: 1385px) {
  .h-logo img.-n1 {
    width: 204px;
  }
}

@media screen and (max-width: 850px) {
  .h-logo img.-n1 {
    width: 204px;
  }
}

@media screen and (max-width: 767px) {
  .h-logo img.-n1 {
    width: 152px;
  }
}

.h-logo img.-n2 {
  width: 88px;
  margin: 0 0 18px 8px;
}

@media screen and (max-width: 1385px) {
  .h-logo img.-n2 {
    display: block;
    position: absolute;
    right: 0;
    bottom: -5px;
    width: 70px;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .h-logo img.-n2 {
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 52px;
    margin: 0 0 10px 10px;
  }
}

.h-menu {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.h-menu a {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .h-menu a {
    width: 60px;
    height: 60px;
  }
}

.h-menu span {
  display: block;
  position: absolute;
  left: 25px;
  top: 15px;
  width: 40px;
  height: 5px;
  background-color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media screen and (max-width: 767px) {
  .h-menu span {
    left: 15px;
    height: 3px;
    width: 30px;
  }
}

.h-menu span:nth-child(1) {
  top: 31px;
}

@media screen and (max-width: 767px) {
  .h-menu span:nth-child(1) {
    top: 21px;
  }
}

.h-menu span:nth-child(2) {
  top: 43px;
  width: 28px;
}

@media screen and (max-width: 767px) {
  .h-menu span:nth-child(2) {
    top: 29px;
    width: 20px;
  }
}

.h-menu span:nth-child(3) {
  top: 54px;
  width: 19px;
}

@media screen and (max-width: 767px) {
  .h-menu span:nth-child(3) {
    top: 37px;
    width: 13px;
  }
}

.h-menu.is-on span {
  left: 25px;
}

@media screen and (max-width: 767px) {
  .h-menu.is-on span {
    left: 15px;
  }
}

.h-menu.is-on span:nth-child(1) {
  top: 50%;
  width: 40px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .h-menu.is-on span:nth-child(1) {
    width: 30px;
  }
}

.h-menu.is-on span:nth-child(2) {
  opacity: 0;
}

.h-menu.is-on span:nth-child(3) {
  top: 50%;
  width: 40px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .h-menu.is-on span:nth-child(3) {
    width: 30px;
  }
}

.h-nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  z-index: 1;
}

.h-nav.is-show {
  opacity: 1;
  pointer-events: auto;
}

.h-nav-inner {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  width: 340px;
  max-width: 100%;
  height: 100%;
  padding: 60px 20px 20px 35px;
  overflow-y: auto;
}

@media screen and (min-width: 1520px) {
  .h-nav-inner {
    width: calc((100vw - 1520px) / 2 + 340px);
  }
}

@media screen and (max-width: 767px) {
  .h-nav-inner {
    width: 280px;
    padding: 30px 20px 20px 30px;
  }
}

.h-nav ul {
  padding: 45px 0 55px;
}

@media screen and (max-width: 767px) {
  .h-nav ul {
    padding: 30px 0 30px;
  }
}

.h-nav a {
  position: relative;
  display: block;
  font-size: 18px;
  padding: 12px 0 12px 20px;
}

@media screen and (max-width: 767px) {
  .h-nav a {
    font-size: 16px;
    padding: 8px 0 8px 15px;
  }
}

.h-nav a:before {
  content: '';
  display: block;
  position: absolute;
  left: -5px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border: 2px solid #c30d23;
  border-left: none;
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .h-nav a:before {
    width: 8px;
    height: 8px;
  }
}

.h-nav a.-bdr {
  margin-top: 15px;
  padding: 10px;
  color: #c30d23;
  display: inline-block;
  min-width: 260px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .h-nav a.-bdr {
    min-width: 200px;
    margin-top: 10px;
  }
}

.h-nav a.-bdr:before {
  display: none;
}

.h-nav a.-bdr::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #c30d23;
  border-radius: 50px;
}

.h-nav a.-bg {
  margin-top: 15px;
  padding: 10px;
  color: #fff;
  background-color: #c30d23;
  border: 1px solid #c30d23;
  display: inline-block;
  min-width: 260px;
  text-align: center;
  border-radius: 50px;
}

@media screen and (max-width: 767px) {
  .h-nav a.-bg {
    min-width: 200px;
    margin-top: 10px;
  }
}

.h-nav a.-bg:before {
  display: none;
}

.h-nav-logo img {
  width: 150px;
}

@media screen and (max-width: 767px) {
  .h-nav-logo img {
    width: 120px;
  }
}

.h-nav__parent.is-open::before {
  left: -2px;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
}

.h-nav__children {
  display: none;
  padding-left: 20px;
}

.h-nav__children p {
  margin-bottom: 0.5em;
}

.h-nav__children p a {
  font-size: 14px;
  display: block;
  position: relative;
  padding: .5em 1em;
  line-height: 1.1;
}

@media screen and (max-width: 767px) {
  .h-nav__children p a {
    font-size: 13px;
  }
}

.h-nav__children p a::before {
  display: none;
}

.h-nav__children p a::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 14px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #c30d23;
}

.h-nav__children p a:hover {
  text-decoration: underline;
}

.h-com {
  position: absolute;
  right: 0;
  top: 0;
  padding: 17px 15px 0 0;
}

.h-com img {
  width: 72px;
}

.h-gnav {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 0 130px 0 360px;
}

@media screen and (max-width: 1385px) {
  .h-gnav {
    padding: 0 110px 0 240px;
  }
}

@media screen and (max-width: 1000px) {
  .h-gnav {
    margin-top: -20px;
    padding: 0 110px 0 280px;
  }
}

@media screen and (max-width: 767px) {
  .h-gnav {
    display: none;
  }
}

.h-gnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.h-gnav li {
  margin-left: 2em;
}

.h-gnav li.-mlSm {
  margin-left: 1.5em;
}

@media screen and (max-width: 1000px) {
  .h-gnav li {
    margin-bottom: 5px;
  }
}

.h-gnav a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 18px;
  position: relative;
}

.h-gnav a::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #c30d23;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media screen and (max-width: 1385px) {
  .h-gnav a {
    font-size: 13px;
  }
}

@media screen and (max-width: 1200px) {
  .h-gnav a {
    font-size: 13px;
  }
}

@media screen and (max-width: 1000px) {
  .h-gnav a {
    padding-bottom: 5px;
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) {
  .h-gnav a:hover::before {
    opacity: 1;
  }
}

.h-gnav a.-bdr {
  padding-left: 25px;
  padding-right: 25px;
  color: #c30d23;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media screen and (max-width: 1000px) {
  .h-gnav a.-bdr {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.h-gnav a.-bdr:hover {
  opacity: .7;
}

.h-gnav a.-bdr::before {
  display: none;
}

.h-gnav a.-bdr::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -7px;
  right: 0;
  bottom: 11px;
  border: 1px solid #c30d23;
  border-radius: 50px;
}

@media screen and (max-width: 1000px) {
  .h-gnav a.-bdr::after {
    top: -2px;
    bottom: 2px;
  }
}

.h-gnav a.-bg {
  padding-left: 25px;
  padding-right: 25px;
  color: #fff;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media screen and (max-width: 1000px) {
  .h-gnav a.-bg {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.h-gnav a.-bg:hover {
  opacity: .7;
}

.h-gnav a.-bg::before {
  display: none;
}

.h-gnav a.-bg::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -7px;
  right: 0;
  bottom: 11px;
  background-color: #c30d23;
  border-radius: 50px;
  z-index: -1;
}

@media screen and (max-width: 1000px) {
  .h-gnav a.-bg::after {
    top: -2px;
    bottom: 2px;
  }
}

.h-gnav a.-bg span {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.h-snav {
  position: absolute;
  right: 130px;
  top: 14px;
}

@media screen and (max-width: 1385px) {
  .h-snav {
    right: 110px;
  }
}

@media screen and (max-width: 1000px) {
  .h-snav {
    top: 7px;
  }
}

@media screen and (max-width: 767px) {
  .h-snav {
    display: none;
  }
}

.h-snav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.h-snav li {
  margin-left: 2em;
}

.h-snav a {
  display: block;
  font-size: 11px;
  color: #888;
}

@media screen and (min-width: 768px) {
  .h-snav a:hover {
    text-decoration: underline;
  }
}

.h-taisaku-modalCon {
  border: 2px solid #c30d23;
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .h-taisaku-modalCon {
    padding: 15px;
    font-size: 13px;
  }
}

.h-taisaku-modalCon h3 {
  font-size: 1.1em;
  margin: 1em 0 0;
  font-weight: bold;
  color: #c30d23;
}

.h-taisaku-modalCon a {
  color: #c30d23;
}

.h-taisaku-modalCon a:hover {
  text-decoration: underline;
}

.h-taisaku-modalCon p {
  word-break: break-all;
}

.h-taisaku-modalCon p.is-first {
  font-weight: bold;
}

.h-taisaku-modalCon p.is-ind {
  padding-left: 1em;
}

.h-fixBtn {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 11;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 60px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

@media screen and (max-width: 575px) {
  .h-fixBtn {
    width: 40px;
  }
}

.h-fixBtn.is-show {
  -webkit-transform: translate(-500px, -50%);
          transform: translate(-500px, -50%);
}

@media screen and (max-width: 575px) {
  .h-fixBtn.is-show {
    -webkit-transform: translate(calc(-100vw + 40px), -50%);
            transform: translate(calc(-100vw + 40px), -50%);
  }
}

.f-gotop {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 90;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.f-gotop.is-show {
  opacity: 1;
  pointer-events: auto;
}

.f-gotop img {
  width: 40px;
}

.f-nav {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

.f-nav-inner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 60px 20px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .f-nav-inner {
    display: block;
    padding: 30px 20px;
  }
}

.f-nav-logo {
  width: 35%;
}

@media screen and (max-width: 991px) {
  .f-nav-logo {
    width: 20%;
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .f-nav-logo {
    width: auto;
    text-align: center;
    margin-bottom: 30px;
  }
}

.f-nav-logo img {
  width: 256px;
}

@media screen and (max-width: 991px) {
  .f-nav-logo img {
    width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .f-nav-logo img {
    width: 200px;
  }
}

.f-nav nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (max-width: 767px) {
  .f-nav nav {
    max-width: 320px;
    margin: 0 auto;
  }
}

.f-nav nav ul.-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .f-nav nav ul.-parent > li:nth-child(1) {
    width: 30%;
  }
  .f-nav nav ul.-parent > li:nth-child(2) {
    width: 22%;
  }
  .f-nav nav ul.-parent > li:nth-child(3) {
    width: 23%;
  }
  .f-nav nav ul.-parent > li:nth-child(4) {
    width: 25%;
  }
}

@media screen and (max-width: 767px) {
  .f-nav nav ul.-parent > li {
    margin-bottom: 1em;
  }
  .f-nav nav ul.-parent > li:nth-child(1) {
    width: 55%;
  }
  .f-nav nav ul.-parent > li:nth-child(2) {
    width: 45%;
  }
  .f-nav nav ul.-parent > li:nth-child(3) {
    width: 55%;
  }
  .f-nav nav ul.-parent > li:nth-child(4) {
    width: 45%;
  }
}

.f-nav nav ul.-child {
  margin-top: 1em;
}

.f-nav nav ul.-child > li {
  margin-bottom: .8em;
}

@media screen and (max-width: 767px) {
  .f-nav nav ul.-child > li {
    margin-right: 10px;
  }
}

.f-nav nav ul.-child > li a {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 0;
}

@media screen and (max-width: 767px) {
  .f-nav nav ul.-child > li a {
    font-size: 11px;
    padding: 3px 0;
  }
}

.f-nav nav ul.child2 {
  margin-top: 1em;
}

.f-nav nav a {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .f-nav nav a {
    font-size: 13px;
  }
}

.f-nav nav a:hover {
  text-decoration: underline;
}

.f-nav nav a:before {
  content: '>';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale(0.7, 1.6);
          transform: scale(0.7, 1.6);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  color: #c30d23;
  font-weight: normal;
  display: none !important;
}

.f-by {
  padding: 38px 20px 18px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .f-by {
    padding: 20px 20px 0;
  }
}

.f-by small {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 20px;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .f-by small {
    top: 0;
    font-size: 10px;
  }
}

.f-by img {
  width: 267px;
}

@media screen and (max-width: 767px) {
  .f-by img {
    width: 180px;
  }
}

#comFooter {
  width: 100% !important;
  max-width: 1000px;
}

.f-nav2 {
  border-bottom: 1px solid #CCCCCC;
}

.f-nav2__inner {
  background-color: #1d1d1d;
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding: 70px 20px;
}

@media screen and (max-width: 767px) {
  .f-nav2__inner {
    padding: 35px 20px;
  }
}

.f-nav2__inner a {
  color: #fff;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .f-nav2__inner a:hover {
    text-decoration: none;
  }
}

.f-nav2__cols {
  max-width: 1128px;
  margin: 0 auto 35px;
}

@media screen and (min-width: 768px) {
  .f-nav2__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .f-nav2__cols {
    margin-bottom: 20px;
  }
}

.f-nav2__cols:last-child {
  margin-bottom: 0;
}

.f-nav2__ttl {
  width: 200px;
}

@media screen and (max-width: 767px) {
  .f-nav2__ttl {
    width: auto;
    margin-bottom: 10px;
  }
}

.f-nav2__ttl h2 {
  line-height: 1.3;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .f-nav2__ttl h2 {
    font-size: 14px;
  }
}

.f-nav2__con {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px solid #3C3C3C;
  padding: 1px 0 1px 55px;
}

@media screen and (max-width: 767px) {
  .f-nav2__con {
    padding-left: 20px;
  }
}

.f-nav2__con h3 {
  line-height: 1.3;
  font-size: 16px;
  font-weight: bold;
  margin: 1em 0 1em;
}

@media screen and (max-width: 767px) {
  .f-nav2__con h3 {
    font-size: 13px;
    margin: 1em 0 0.5em;
  }
}

.f-nav2__con ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.f-nav2__con ul li {
  margin: 0 1em 1.5em 0;
}

@media screen and (max-width: 767px) {
  .f-nav2__con ul li {
    margin: 0 1em .5em 0;
  }
}

.f-nav2__con ul li a {
  line-height: 1.3;
  font-size: 13px;
  color: #dedede;
}

@media screen and (max-width: 767px) {
  .f-nav2__con ul li a {
    font-size: 12px;
  }
}

.f-nav2__logo {
  text-align: center;
  padding: 40px 20px;
}

@media screen and (max-width: 767px) {
  .f-nav2__logo {
    padding: 20px 20px;
  }
}

.f-nav2__logo img {
  width: 255px;
}

@media screen and (max-width: 767px) {
  .f-nav2__logo img {
    width: 200px;
  }
}

.page-ttl {
  background-color: #c30d23;
  color: #fff;
}

.page-ttl-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  max-width: 1320px;
  padding: 20px 20px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .page-ttl.-cols .page-ttl-inner {
    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;
  }
}

.page-ttl-bread {
  width: 40%;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .page-ttl-bread {
    display: none;
  }
}

.page-ttl-bread li {
  display: inline-block;
}

.page-ttl-bread a {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .page-ttl-bread a:hover {
    text-decoration: underline;
  }
}

.page-ttl h1,
.page-ttl p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  margin-right: 1em;
}

@media screen and (max-width: 767px) {
  .page-ttl h1,
  .page-ttl p {
    font-size: 19px;
  }
}

.page-ttl small {
  font-size: 10px;
  font-weight: normal;
  display: block;
  margin-bottom: -3px;
}

.page-ttl small.-yado {
  position: absolute;
  left: 0;
  top: -10px;
  display: block;
  font-size: 10px;
  font-weight: normal;
}

.page-ttl-sub {
  display: block;
  max-width: 350px;
  font-size: 13px;
}

.page-ttl-sub a {
  color: #fff;
}

.page-ttl-sub a:hover {
  text-decoration: underline;
}

.page-ttl2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 90px 0 35px;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .page-ttl2 {
    margin: 45px 0 15px;
  }
}

.page-ttl2 h2 {
  position: relative;
  font-size: 28px;
  font-weight: 500;
  padding: 15px 40px;
}

@media screen and (max-width: 767px) {
  .page-ttl2 h2 {
    font-size: 19px;
    padding: 5px 20px;
    letter-spacing: -0.02em;
  }
}

.page-ttl2 h2:before, .page-ttl2 h2:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 40px;
  height: 5px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .page-ttl2 h2:before, .page-ttl2 h2:after {
    width: 20px;
    height: 3px;
  }
}

.page-ttl2 h2:after {
  width: 5px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .page-ttl2 h2:after {
    width: 3px;
    height: 20px;
  }
}

.page-ttl2 h2 span {
  display: block;
  position: relative;
}

.page-ttl2 h2 span:before, .page-ttl2 h2 span:after {
  content: '';
  position: absolute;
  display: block;
  right: -40px;
  bottom: -10px;
  width: 40px;
  height: 5px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .page-ttl2 h2 span:before, .page-ttl2 h2 span:after {
    right: -20px;
    bottom: -5px;
    width: 20px;
    height: 3px;
  }
}

.page-ttl2 h2 span:after {
  width: 5px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .page-ttl2 h2 span:after {
    width: 3px;
    height: 20px;
  }
}

.page-search {
  min-height: 100px;
}

.page-conWrapFix {
  padding-right: 400px;
}

@media screen and (max-width: 1199px) {
  .page-conWrapFix {
    padding-right: 300px;
  }
}

@media screen and (max-width: 767px) {
  .page-conWrapFix {
    padding-right: 0;
  }
}

.page-con {
  max-width: 1000px;
  margin: 0 auto;
  padding: 35px 20px 80px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .page-con {
    font-size: 12px;
    padding: 25px 20px 40px;
  }
}

.page-conWrapFix .page-con {
  max-width: 1060px;
}

.page-con2 {
  max-width: 1220px;
  margin: 0 auto;
  padding: 35px 20px 80px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .page-con2 {
    font-size: 12px;
    padding: 25px 20px 40px;
  }
}

.page-cols {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .page-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.page-cols-main {
  padding: 35px 0 80px;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .page-cols-main {
    width: 66.1%;
  }
}

@media screen and (max-width: 767px) {
  .page-cols-main {
    font-size: 12px;
    padding: 25px 0 40px;
  }
}

.page-cols-side {
  padding: 35px 0 80px;
}

@media screen and (min-width: 768px) {
  .page-cols-side {
    width: 26.2%;
  }
}

@media screen and (max-width: 767px) {
  .page-cols-side {
    padding: 0 0 40px;
  }
}

.page-searchCols {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .page-searchCols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.page-searchCols-side {
  padding: 55px 0;
}

@media screen and (min-width: 768px) {
  .page-searchCols-side {
    width: 18.75%;
  }
}

@media screen and (max-width: 767px) {
  .page-searchCols-side {
    padding-bottom: 30px;
  }
}

.page-searchCols-main {
  padding: 55px 0;
}

@media screen and (min-width: 768px) {
  .page-searchCols-main {
    width: 75%;
  }
}

@media screen and (max-width: 767px) {
  .page-searchCols-main {
    padding-top: 0;
  }
}

.pubBnr {
  position: relative;
  z-index: 10;
  background-color: #c30d23;
  overflow: hidden;
}

.pubBnr-inner {
  padding: 90px 20px;
}

.pubBnr-colsWrap {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
}

.pubBnr-deco1 {
  position: absolute;
  right: -160px;
  bottom: -61px;
}

@media screen and (max-width: 767px) {
  .pubBnr-deco1 {
    right: -50px;
    bottom: -60px;
  }
}

.pubBnr-deco1 img {
  width: 193px;
}

@media screen and (max-width: 767px) {
  .pubBnr-deco1 img {
    width: 144px;
  }
}

.pubBnr-deco2 {
  position: absolute;
  left: -150px;
  top: -48px;
}

@media screen and (max-width: 767px) {
  .pubBnr-deco2 {
    left: -25px;
    top: -64px;
  }
}

.pubBnr-deco2 img {
  width: 121px;
}

@media screen and (max-width: 767px) {
  .pubBnr-deco2 img {
    width: 90px;
  }
}

.pubBnr-cols {
  position: relative;
}

@media screen and (min-width: 768px) {
  .pubBnr-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.pubBnr-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  padding: 30px 50px;
}

@media screen and (min-width: 768px) {
  .pubBnr-col {
    width: 50%;
  }
  .pubBnr-col:nth-child(1) {
    margin-right: 80px;
  }
}

@media screen and (max-width: 767px) {
  .pubBnr-col {
    padding: 20px;
  }
  .pubBnr-col:nth-child(1) {
    margin-bottom: 40px;
  }
}

.pubBnr-colTtl {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .pubBnr-colTtl {
    font-size: 19px;
  }
}

.pubBnr-colTtl span {
  display: inline-block;
  position: relative;
  padding: 10px 40px;
}

@media screen and (max-width: 767px) {
  .pubBnr-colTtl span {
    padding: 5px 20px;
  }
}

.pubBnr-colTtl span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-top: 5px solid #c30d23;
  border-left: 5px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .pubBnr-colTtl span::before {
    width: 20px;
    height: 20px;
    border-width: 3px;
  }
}

.pubBnr-colTtl span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-bottom: 5px solid #c30d23;
  border-right: 5px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .pubBnr-colTtl span::after {
    width: 20px;
    height: 20px;
    border-width: 3px;
  }
}

.pubBnr-colTxt {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .pubBnr-colTxt {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

.pubBnr-colBtn {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pubBnr-colBtn a {
  position: relative;
  display: block;
  width: 340px;
  border: 2px solid #c30d23;
  border-radius: 50px;
  padding: 15px 40px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #c30d23;
}

.pubBnr-colBtn a::before {
  content: '';
  display: block;
  position: absolute;
  right: 25px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid #c30d23;
  border-right: 1px solid #c30d23;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.biglobeFooter {
  padding-top: 60px;
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer {
    padding-bottom: 40px;
  }
}

.biglobeFooter .c-footer__gotop {
  position: fixed;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 9998;
}

.biglobeFooter .c-footer__gotop.is-shown {
  display: block;
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__gotop > a > img {
    width: 70px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__gotop > a > img {
    width: 45px;
  }
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 80px 0 60px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__content {
    margin-bottom: 20px;
  }
}

.biglobeFooter .c-footer__content__item {
  overflow: hidden;
}

.biglobeFooter .c-footer__content__item:nth-child(1) {
  background-color: #000;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__content__item:nth-child(1) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 406px;
  }
  .biglobeFooter .c-footer__content__item:nth-child(1)::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-width: 390px 124px;
    border-style: solid;
    border-color: transparent #fff #fff transparent;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__content__item:nth-child(1) {
    padding-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__content__item:nth-child(1) > div {
    width: 100%;
    max-width: 535px;
    padding: 80px 15px 20px;
  }
}

.biglobeFooter .c-footer__content__item:nth-child(1) a {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__content__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__content__item:nth-child(2) {
    display: none;
  }
}

.biglobeFooter .c-footer__logo {
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__logo {
    text-align: center;
  }
}

.biglobeFooter .c-footer__logo > a {
  position: relative;
  display: block;
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__logo > a > img {
    width: 274px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__logo > a > img {
    width: 206px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__logo > a > span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    letter-spacing: 1px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__logo > a > span {
    display: block;
    font-size: 10px;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__text {
    max-width: 350px;
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__text {
    width: 320px;
    font-size: 10px;
    text-align: center;
    margin: 0 auto 40px;
  }
}

.biglobeFooter .c-footer__text__h {
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__link-list {
    display: none;
  }
}

.biglobeFooter .c-footer__link-list li {
  margin-bottom: 20px;
}

.biglobeFooter .c-footer__link-list li > a {
  text-decoration: underline;
}

.biglobeFooter .c-footer__link-list li > a:hover {
  text-decoration: none;
}

.biglobeFooter .c-footer__category-list li {
  position: relative;
  margin-bottom: 14px;
}

.biglobeFooter .c-footer__category-list li:nth-child(5) {
  padding-left: calc(27px * 1);
}

.biglobeFooter .c-footer__category-list li:nth-child(4) {
  padding-left: calc(27px * 2);
}

.biglobeFooter .c-footer__category-list li:nth-child(3) {
  padding-left: calc(27px * 3);
}

.biglobeFooter .c-footer__category-list li:nth-child(2) {
  padding-left: calc(27px * 4);
}

.biglobeFooter .c-footer__category-list li:nth-child(1) {
  padding-left: calc(27px * 5);
}

.biglobeFooter .c-footer__category-list__link {
  position: relative;
  display: block;
  width: 346px;
  height: 70px;
  padding-left: 56px;
}

.biglobeFooter .c-footer__category-list__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 38px;
  height: 70px;
  background-color: #000;
  -webkit-transform: skewX(-18deg);
          transform: skewX(-18deg);
  margin-right: 18px;
  z-index: -1;
}

.biglobeFooter .c-footer__category-list__link::after {
  content: "";
  position: absolute;
  left: 370px;
  top: 0;
  display: block;
  width: 100vw;
  height: 70px;
  background-color: #000;
  -webkit-transform: skewX(-18deg);
          transform: skewX(-18deg);
  margin-right: 18px;
}

.biglobeFooter .c-footer__category-list__link:hover::before {
  width: 380px;
  -webkit-animation: line-in 0.2s linear 0s;
          animation: line-in 0.2s linear 0s;
}

@-webkit-keyframes line-in {
  0% {
    width: 38px;
  }
  100% {
    width: 380px;
  }
}

@keyframes line-in {
  0% {
    width: 38px;
  }
  100% {
    width: 380px;
  }
}

.biglobeFooter .c-footer__category-list__link--tech::before {
  background-color: #ff4031;
}

.biglobeFooter .c-footer__category-list__link--tech::after {
  background-color: #ff4031;
}

.biglobeFooter .c-footer__category-list__link--it::before {
  background-color: #fc7ae3;
}

.biglobeFooter .c-footer__category-list__link--it::after {
  background-color: #fc7ae3;
}

.biglobeFooter .c-footer__category-list__link--owner::before {
  background-color: #22e07c;
}

.biglobeFooter .c-footer__category-list__link--owner::after {
  background-color: #22e07c;
}

.biglobeFooter .c-footer__category-list__link--news::before {
  background-color: #27bdff;
}

.biglobeFooter .c-footer__category-list__link--news::after {
  background-color: #27bdff;
}

.biglobeFooter .c-footer__category-list__link--oasis::before {
  background-color: #ffbe00;
}

.biglobeFooter .c-footer__category-list__link--oasis::after {
  background-color: #ffbe00;
}

.biglobeFooter .c-footer__category-list__link > img {
  position: relative;
  top: 5px;
  width: 60px;
}

.biglobeFooter .c-footer__category-list__link > p {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
}

.biglobeFooter .c-footer__category-list__link > p > span {
  display: block;
  font-size: 11px;
}

.biglobeFooter .c-footer__tools {
  margin: 0 auto 50px;
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1120px;
  }
}

.biglobeFooter .c-footer__tools__h {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__tools__h {
    -ms-flex-preferred-size: 250px;
        flex-basis: 250px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__tools__h {
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__tools__list {
    -ms-flex-preferred-size: 250px;
        flex-basis: 250px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__tools__list {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

.biglobeFooter .c-footer__tools__list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__tools__list-container {
    -ms-flex-preferred-size: 500px;
        flex-basis: 500px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__tools__list-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 20px 40px;
  }
}

.biglobeFooter .c-footer__tools__list li {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__tools__list li {
    font-size: 10px;
  }
}

.biglobeFooter .c-footer__tools__list li > a {
  position: relative;
}

.biglobeFooter .c-footer__tools__list li > a > img {
  position: absolute;
  top: 0;
  display: block;
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__tools__list li > a > img {
    right: -20px;
    width: 11px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__tools__list li > a > img {
    right: -16px;
    width: 9px;
  }
}

.biglobeFooter .c-footer__biz-logo {
  text-align: center;
}

.biglobeFooter .c-footer__biz-logo > a > span {
  font-weight: 700;
  margin-right: 20px;
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__biz-logo > a > span {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__biz-logo > a > span {
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) {
  .biglobeFooter .c-footer__biz-logo > a > img {
    width: 194px;
  }
}

@media screen and (max-width: 767px) {
  .biglobeFooter .c-footer__biz-logo > a > img {
    width: 145px;
  }
}

.home {
  /* hanjo */
}

.home-kv {
  max-width: 1330px;
  margin: 0 auto 90px;
}

@media screen and (max-width: 767px) {
  .home-kv {
    margin-bottom: 45px;
  }
}

.home-kv-inner {
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .home-kv-sliderWrap {
    position: relative;
  }
}

.home-kv-slide {
  position: relative;
}

@media screen and (max-width: 767px) {
  .home-kv-slide::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  }
}

.home-kv-slideImg {
  padding-left: 140px;
}

@media screen and (max-width: 767px) {
  .home-kv-slideImg {
    padding-left: 0;
  }
}

.home-kv-slideImg span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 600px;
}

@media screen and (max-width: 767px) {
  .home-kv-slideImg span {
    height: 70vh;
    max-height: 400px;
  }
}

.home-kv-slideBtn {
  position: absolute;
  left: 50px;
  top: calc(50% + 190px);
  width: 282px;
}

@media screen and (max-width: 767px) {
  .home-kv-slideBtn {
    top: auto;
    left: 15px;
    bottom: 15px;
  }
  .home-kv-slideBtn .home-mBtn a {
    width: 215px;
  }
}

.home-kv-info {
  position: absolute;
  left: 50px;
  top: 50%;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .home-kv-info {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .home-kv-info {
    left: 15px;
    top: auto;
    bottom: 80px;
  }
}

.home-kv-ttl {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.7;
  letter-spacing: 0.1em;
  width: 90px;
  overflow: hidden;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .home-kv-ttl {
    font-size: 25px;
    width: 0;
    letter-spacing: 0;
    margin-bottom: 5px;
    line-height: 1.6;
  }
}

.home-kv-ttl2 {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.7;
  letter-spacing: 0.1em;
  color: #fff;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .home-kv-ttl2 {
    font-size: 25px;
    letter-spacing: 0;
    margin-bottom: 5px;
    line-height: 1.6;
  }
}

.home-kv-msg span {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 2px 10px 2px 0;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 13px;
}

@media screen and (max-width: 767px) {
  .home-kv-msg span {
    font-size: 12px;
    font-weight: normal;
    background: none;
    color: #fff;
    margin-bottom: 5px;
  }
}

.home-kv-sc {
  display: none;
  position: absolute;
  left: 37px;
  bottom: 17px;
}

@media screen and (max-width: 767px) {
  .home-kv-sc {
    left: auto;
    right: 15px;
    bottom: 20px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    color: #fff;
  }
}

.home-kv-sc span {
  display: block;
  position: absolute;
  left: -18px;
  top: -140px;
  font-size: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.home-kv-sc::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -100px;
  width: 1px;
  height: 100px;
  background-color: #000;
  -webkit-animation: home-kv-sc 2s infinite;
          animation: home-kv-sc 2s infinite;
}

@media screen and (max-width: 767px) {
  .home-kv-sc::before {
    background-color: #fff;
  }
}

@-webkit-keyframes home-kv-sc {
  0% {
    height: 0;
  }
  50% {
    top: -100px;
    height: 100px;
  }
  100% {
    top: 100%;
    height: 0;
  }
}

@keyframes home-kv-sc {
  0% {
    height: 0;
  }
  50% {
    top: -100px;
    height: 100px;
  }
  100% {
    top: 100%;
    height: 0;
  }
}

.home-kv-news {
  position: absolute;
  right: 30px;
  bottom: 20px;
}

@media screen and (max-width: 767px) {
  .home-kv-news {
    position: relative;
    right: auto;
    bottom: auto;
    top: 10px;
    margin-right: -15px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

.home-kv-news i {
  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;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  width: 40px;
  height: 40px;
  background-color: #c30d23;
  color: #fff;
  font-size: 11px;
}

.home-kv-news i span {
  display: inline-block;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.home-kv-newsLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 463px;
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  padding: 20px 54px 20px 20px;
}

@media screen and (max-width: 767px) {
  .home-kv-newsLink {
    width: auto;
    padding-bottom: 18px;
  }
}

.home-kv-newsLink::before {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 7px;
  height: 7px;
  border-top: 1px solid #c30d23;
  border-right: 1px solid #c30d23;
}

.home-kv-newsThumb {
  width: 120px;
  margin-right: 20px;
}

.home-kv-newsThumb span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 75%;
}

.home-kv-newsInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.home-kv-newsDate {
  color: #999;
  font-size: 12px;
  padding-top: 7px;
  margin-bottom: 5px;
}

.home-kv-newsTtl {
  overflow: hidden;
  height: 60px;
  font-size: 15px;
  text-decoration: underline;
  line-height: 2;
}

.home-kv2 {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .home-kv2 {
    margin-bottom: 40px;
  }
}

.home-kv2-inner {
  background-image: url(../img/home/kv2-bg.jpg?3);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .home-kv2-inner {
    background-image: url(../img/home/kv2-bg-sp.jpg?3);
    background-position: 10% center;
  }
}

.home-kv2-cols {
  padding: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home-kv2-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 400px;
  }
}

@media screen and (max-width: 767px) {
  .home-kv2-cols {
    padding: 20px 30px;
  }
}

@media screen and (min-width: 768px) {
  .home-kv2-col {
    width: 48%;
  }
  .home-kv2-col:nth-child(1) {
    margin-right: 4%;
  }
}

.home-kv2-ttl {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .home-kv2-ttl {
    margin-bottom: 20px;
  }
}

.home-kv2-ttl h2 {
  font-size: 56px;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .home-kv2-ttl h2 {
    line-height: 1.3;
    font-size: 28px;
  }
}

.home-kv2-ttl h2 em {
  color: #c30d23;
}

.home-kv2-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.home-kv2-btns p {
  margin-right: 10px;
  margin-bottom: 10px;
}

.home-kv2-msg {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
  .home-kv2-msg {
    font-size: 15px;
  }
}

.home-kv2-msg em {
  font-size: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial;
}

@media screen and (max-width: 767px) {
  .home-kv2-msg em {
    font-size: 13px;
  }
}

.home-kv2-msg b {
  font-weight: bold;
}

.home-kv2-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 500px;
}

@media screen and (max-width: 767px) {
  .home-kv2-tags {
    max-width: 280px;
  }
}

.home-kv2-tags li {
  font-size: 22px;
  font-weight: bold;
  margin: 0 10px 10px 0;
  padding: 10px 15px;
  border: 1px solid #c30d23;
  background-color: #fff;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .home-kv2-tags li {
    font-size: 11px;
    margin: 0 5px 5px 0;
    padding: 4px 5px;
  }
}

.home-service {
  position: relative;
  max-width: 1330px;
  margin: 0 auto;
}

.home-service::before {
  content: "";
  position: absolute;
  top: 22%;
  left: 0;
  width: 55%;
  height: calc(78% + 20px);
  background-color: #f3f0e9;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .home-service::before {
    width: 100%;
    height: 75%;
  }
}

.home-service-inner {
  max-width: 1205px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .home-service-inner {
    padding: 0 20px 30px;
  }
}

.home-service-cols {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .home-service-cols {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .home-service-cols {
    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;
  }
}

@media screen and (min-width: 768px) {
  .home-service-img {
    width: 625px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .home-service-img {
    margin-bottom: 40px;
  }
}

.home-service-img p {
  position: relative;
}

.home-service-img p::before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: -1;
  width: 65%;
  height: 55%;
  background-color: #c30d23;
}

.home-service-img p img {
  display: block;
}

.home-service-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.home-service-info h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .home-service-info h2 {
    font-size: 26px;
    text-align: center;
  }
}

.home-service-info p {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .home-service-info p {
    font-size: 14px;
  }
}

.home-service-info .home-mBtn {
  margin-top: 50px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .home-service-info .home-mBtn {
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .home-service-info .home-mBtn a {
    margin: 0 auto;
  }
}

.home-service-info .home-mBtn.new a::after {
  content: "NEW";
  position: absolute;
  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;
  top: -15px;
  left: -15px;
  width: 40px;
  height: 40px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #c30d23;
  background-color: #fdf41d;
  border-radius: 50%;
}

.home-service-info .home-tLink {
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .home-service-info .home-tLink {
    margin-top: 25px;
  }
}

.home-service-info .home-tLink a {
  position: relative;
  text-decoration: underline;
}

.home-service-info .home-tLink a::before {
  content: '';
  display: block;
  position: absolute;
  right: -15px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.home-service-info .home-tLink a:hover {
  text-decoration: none;
}

.home-service-info-btns {
  display: inline-block;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home-service-info-btns {
    width: 100%;
  }
}

.home-mTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
}

.home-mTtl h2 {
  position: relative;
  font-size: 28px;
  font-weight: bold;
  padding: 15px 40px;
}

@media screen and (max-width: 767px) {
  .home-mTtl h2 {
    font-size: 19px;
    padding: 5px 20px;
    letter-spacing: -0.02em;
  }
}

.home-mTtl h2:before, .home-mTtl h2:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 40px;
  height: 5px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .home-mTtl h2:before, .home-mTtl h2:after {
    width: 20px;
    height: 3px;
  }
}

.home-mTtl h2:after {
  width: 5px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .home-mTtl h2:after {
    width: 3px;
    height: 20px;
  }
}

.home-mTtl h2 span {
  display: block;
  position: relative;
}

.home-mTtl h2 span:before, .home-mTtl h2 span:after {
  content: '';
  position: absolute;
  display: block;
  right: -40px;
  bottom: -10px;
  width: 40px;
  height: 5px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .home-mTtl h2 span:before, .home-mTtl h2 span:after {
    right: -20px;
    bottom: -5px;
    width: 20px;
    height: 3px;
  }
}

.home-mTtl h2 span:after {
  width: 5px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .home-mTtl h2 span:after {
    width: 3px;
    height: 20px;
  }
}

.home-mTtl.is-wt h2:before, .home-mTtl.is-wt h2:after {
  background-color: #fff;
}

.home-mTtl.is-wt h2 span:before, .home-mTtl.is-wt h2 span:after {
  background-color: #fff;
}

.home-mTtl.is-wt2 h2 {
  color: #fff;
}

.home-mTtl.is-wt2 h2:before, .home-mTtl.is-wt2 h2:after {
  background-color: #fff;
}

.home-mTtl.is-wt2 h2 span:before, .home-mTtl.is-wt2 h2 span:after {
  background-color: #fff;
}

.home .home-mLead p {
  line-height: 2;
  font-size: 18px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home .home-mLead p {
    line-height: 1.8;
    font-size: 13px;
  }
}

.home-mBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home-mBtn a {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  width: 340px;
  background-color: #c30d23;
  text-align: center;
  border-radius: 35px;
  padding: 16px;
}

@media screen and (max-width: 767px) {
  .home-mBtn a {
    width: 250px;
    font-size: 13px;
  }
}

.home-mBtn a.is-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home-mBtn a.is-search span {
  display: block;
  position: relative;
  padding-left: 33px;
}

.home-mBtn a.is-search span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  background: url(../img/icon/search-wt.png) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .home-mBtn a.is-search span:before {
    top: 1px;
  }
}

.home-mBtn a::before {
  content: '';
  display: block;
  position: absolute;
  right: 25px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.home-mBtn.is-service {
  position: relative;
}

.home-mBtn.is-service::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  height: 300px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(white));
  background: linear-gradient(rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.8) 50%, white 100%);
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .home-mBtn.is-service::before {
    width: calc(100% + 40px);
  }
}

.home-mBtn.is-service a {
  margin-top: -30px;
}

.home-mBtn.is-service a::before {
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
}

.home-mBtn.is-wt a {
  background-color: #fff;
  color: #000;
  border: 2px solid #c30d23;
  color: #c30d23;
}

.home-mBtn.is-wt a:before {
  border-color: #c30d23;
}

.home-mBtn.is-wt a.is-search span:before {
  background-image: url(../img/icon/search.png);
}

@media screen and (max-width: 767px) {
  .home-mBtn.is-wt a.is-search span:before {
    top: -1px;
  }
}

.home-mBtn.is-s a {
  width: 240px;
}

@media screen and (max-width: 767px) {
  .home-mBtn.is-s a {
    width: 200px;
  }
}

.home-mBtn.is-ss a {
  width: 280px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .home-mBtn.is-ss a {
    width: 200px;
    font-size: 12px;
  }
}

.home-mBtn.is-sss a {
  width: 230px;
  font-size: 16px;
  padding: 14px;
  border: 2px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .home-mBtn.is-sss a {
    width: 120px;
    font-size: 10px;
    padding: 5px;
  }
  .home-mBtn.is-sss a::before {
    right: 10px;
  }
  .home-mBtn.is-sss a span {
    display: inline-block;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.home-mBtn.is-l a {
  width: 340px;
  font-size: 20px;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .home-mBtn.is-l a {
    width: 250px;
    font-size: 16px;
    padding: 8px;
  }
}

.home-mBtn.is-l a.is-search span:before {
  top: 7px;
}

@media screen and (max-width: 767px) {
  .home-mBtn.is-l a.is-search span:before {
    top: 3px;
  }
}

.home-mBtn.is-campaign a {
  width: 600px;
  font-size: 18px;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .home-mBtn.is-campaign a {
    width: 300px;
    font-size: 14px;
    padding: 10px;
  }
}

.home-recom {
  background-color: #c30d23;
  color: #fff;
}

.home-recom-inner {
  padding-bottom: 80px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .home-recom-inner {
    padding-bottom: 50px;
  }
}

.home-recom-sliderWrap {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  padding: 10px 60px 0;
}

.home-recom-bg {
  position: absolute;
  right: -73px;
  bottom: 48px;
}

.home-recom-bg img {
  width: 185px;
}

.home-recom-slider {
  position: relative;
}

.home-recom-posts {
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .home-recom-posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .home-recom-posts {
    padding-bottom: 10px;
  }
}

.home-recom-posts .yadoIndex-post-inner {
  padding-bottom: 1px;
}

.home-feature-cols {
  max-width: 1040px;
  margin: 0 auto;
  padding: 20px 20px 45px;
}

@media screen and (min-width: 768px) {
  .home-feature-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .home-feature-cols {
    padding: 0 0 50px;
  }
}

@media screen and (min-width: 768px) {
  .home-feature-img {
    width: 59%;
  }
}

@media screen and (max-width: 767px) {
  .home-feature-img {
    text-align: center;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 767px) {
  .home-feature-img img {
    width: 315px;
  }
}

.home-feature-icons {
  width: 33%;
  height: 519px;
  background-size: 44px auto;
}

@media screen and (max-width: 767px) {
  .home-feature-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-size: 335px auto;
    height: 200px;
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
  }
}

.home-feature-icons li {
  position: relative;
  height: 51px;
  border-bottom: 1px solid #bfbfbf;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 0 0 53px;
}

.home-feature-icons li:last-child {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .home-feature-icons li {
    width: 50%;
    font-size: 12px;
    height: 40px;
    padding: 10px 0 0 45px;
    border-right: 1px solid #bfbfbf;
  }
  .home-feature-icons li:nth-child(2n) {
    border-right: none;
  }
  .home-feature-icons li:nth-last-child(2) {
    border-bottom: none;
  }
}

@media screen and (max-width: 373px) {
  .home-feature-icons li {
    font-size: 10px;
  }
}

.home-feature-icons li i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .home-feature-icons li i {
    left: 4px;
    width: 32px;
    height: 40px;
  }
}

.home-health {
  background-color: #f3f0e9;
}

.home-health-inner {
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .home-health-inner {
    padding-bottom: 40px;
  }
}

.home-health-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  margin: 0 auto 40px;
  padding: 5px 5px 0;
}

@media screen and (max-width: 767px) {
  .home-health-sliderSpWrap {
    padding: 0 40px 20px;
  }
}

@media screen and (max-width: 767px) {
  .home-health-sliderSp .slick-prev,
  .home-health-sliderSp .slick-next {
    top: 25vw;
  }
}

.home-health-item {
  width: 33.33%;
  padding: 0 15px;
}

@media screen and (max-width: 767px) {
  .home-health-item {
    width: auto;
    padding: 0;
  }
}

.home-health-itemInner {
  height: 100%;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .home-health-itemInner {
    background: none;
  }
}

.home-health-info {
  padding: 10px 10px 15px;
}

@media screen and (max-width: 767px) {
  .home-health-info {
    padding: 10px 0 0;
  }
}

.home-health-info h3 {
  font-size: 18px;
  color: #c30d23;
  font-weight: 500;
  margin: 0 0 5px;
}

@media screen and (max-width: 767px) {
  .home-health-info h3 {
    font-size: 16px;
    text-align: center;
  }
}

.home-health-info p.is-note {
  font-size: 12px;
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .home-health-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.home-health-btns p {
  margin: 0 10px;
}

@media screen and (max-width: 767px) {
  .home-health-btns p {
    margin-bottom: 10px;
  }
}

.home-search {
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .home-search {
    margin-bottom: 50px;
  }
}

.home-search-cols {
  max-width: 1330px;
  margin: 35px auto 0;
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .home-search-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .home-search-tags {
    width: 50%;
    margin-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .home-search-tags {
    margin-bottom: 40px;
  }
}

.home-search-tags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.home-search-tags li {
  /*         @include max {
          width: calc((100% - 15px) / 2);
          margin-right: 15px;
          margin-bottom: 15px;
          &:nth-child(2n) {
            margin-right: 0;
          }
        } */
}

@media screen and (min-width: 768px) {
  .home-search-tags li {
    width: calc((100% - 21px * 2) / 3);
    margin-right: 21px;
    margin-bottom: 21px;
  }
  .home-search-tags li:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .home-search-tags li {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .home-search-tags li:nth-child(3n) {
    margin-right: 0;
  }
}

.home-search-tags a {
  display: block;
  position: relative;
}

.home-search-tags a::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(50%, rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 50%);
}

.home-search-tags span {
  display: block;
  padding-top: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.home-search-tags b {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .home-search-tags b {
    left: 5px;
    bottom: 5px;
    font-size: 10px;
  }
}

.home-search-map {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.home-search-map-sp{
  max-width: 50%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .home-search-map-sp{
    max-width: 100%;
  }
}

.home-search-map h3 {
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home-search-map h3 {
    top: -8px;
  }
}

.home-search-map h3 img {
  width: 190px;
}

@media screen and (max-width: 767px) {
  .home-search-map h3 img {
    width: 150px;
  }
}

.home-search-mapArea {
  position: absolute;
  -webkit-transform: translate(-50px, -14px);
          transform: translate(-50px, -14px);
}

@media screen and (max-width: 767px) {
  .home-search-mapArea {
    -webkit-transform: translate(-50px, -14px) scale(0.7);
            transform: translate(-50px, -14px) scale(0.7);
  }
}

.home-search-mapArea.-n1 {
  left: calc(1010 / 12 * 1%);
  top: calc(207 / 9.82 * 1%);
}

.home-search-mapArea.-n2 {
  left: calc( 965 / 12 * 1%);
  top: calc(400 / 9.82 * 1%);
}

.home-search-mapArea.-n3 {
  left: calc( 933 / 12 * 1%);
  top: calc(595 / 9.82 * 1%);
}

.home-search-mapArea.-n4 {
  left: calc( 586 / 12 * 1%);
  top: calc(427 / 9.82 * 1%);
}

.home-search-mapArea.-n5 {
  left: calc( 756 / 12 * 1%);
  top: calc(724 / 9.82 * 1%);
}

.home-search-mapArea.-n6 {
  left: calc( 454 / 12 * 1%);
  top: calc(566 / 9.82 * 1%);
}

.home-search-mapArea.-n7 {
  left: calc( 480 / 12 * 1%);
  top: calc(843 / 9.82 * 1%);
}

.home-search-mapArea.-n8 {
  left: calc( 177 / 12 * 1%);
  top: calc(673 / 9.82 * 1%);
}

.home-search-mapArea h4 {
  position: relative;
  background-color: #c30d23;
  color: #fff;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 500;
  width: 100px;
  height: 28px;
  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;
  text-align: center;
  cursor: pointer;
}

.home-search-mapArea h4 i {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background-color: #760D23;
}

.home-search-mapArea h4 i::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: calc(50% - 1px);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.home-search-mapArea.is-cr {
  z-index: 1;
}

.home-search-mapArea.is-cr h4 i::before {
  top: calc(50% + 1px);
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
          transform: translate(-50%, -50%) rotate(-135deg);
}

.home-search-mapArea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 160px;
}

.home-search-mapArea li {
  width: 80px;
  margin: 0 -1px -1px 0;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.home-search-mapArea li a {
  display: block;
  border: 1px solid #c30d23;
  background-color: #fff;
  padding: 7px 10px;
  text-align: center;
  font-size: 14px;
  text-align: justify;
  text-justify: inter-ideograph;
  -moz-text-align-last: justify;
       text-align-last: justify;
  pointer-events: auto;
}

.home-search-mapAreaList {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  pointer-events: none;
}

.home-latest {
  margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .home-latest {
    margin-bottom: 60px;
  }
}

.home-latest-sliderWrap {
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 0 30px;
}

@media screen and (max-width: 767px) {
  .home-latest-sliderWrap {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 10px;
  }
}

.home-latest-slider {
  max-width: 1320px;
  margin: 0 auto;
}

.home-latest-slide {
  width: 330px;
  padding: 0 15px;
}

.home-enjoy {
  margin-bottom: 90px;
}

@media screen and (max-width: 767px) {
  .home-enjoy {
    margin-bottom: 50px;
  }
}

.home-enjoy-colsSet {
  padding-top: 40px;
  padding-bottom: 22px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .home-enjoy-colsSet {
    padding-bottom: 10px;
    padding-top: 0;
  }
}

.home-enjoy-cols {
  position: relative;
  max-width: 1160px;
  margin: 0 auto 78px;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .home-enjoy-cols {
    margin-bottom: 50px;
  }
}

.home-enjoy-bg {
  position: absolute;
}

.home-enjoy-cols:nth-child(1) .home-enjoy-bg {
  left: -110px;
  top: -50px;
  width: 32%;
}

.home-enjoy-cols:nth-child(1) .home-enjoy-bg img {
  width: 100%;
}

.home-enjoy-cols:nth-child(2) .home-enjoy-bg {
  right: -110px;
  top: -204px;
  width: 32%;
}

.home-enjoy-cols:nth-child(2) .home-enjoy-bg img {
  width: 100%;
}

.home-enjoy-cols:nth-child(3) .home-enjoy-bg:nth-child(1) {
  left: -110px;
  top: -175px;
  width: 32%;
}

.home-enjoy-cols:nth-child(3) .home-enjoy-bg:nth-child(1) img {
  width: 100%;
}

.home-enjoy-cols:nth-child(3) .home-enjoy-bg:nth-child(2) {
  right: -110px;
  bottom: 30px;
  width: 16%;
}

.home-enjoy-cols:nth-child(3) .home-enjoy-bg:nth-child(2) img {
  width: 100%;
}

.home-enjoy-bg1Sp {
  position: absolute;
  right: -46%;
  top: 6vw;
}

.home-enjoy-cols:nth-child(2n) .home-enjoy-bg1Sp {
  right: auto;
  left: -46%;
}

.home-enjoy-bg1Sp img {
  width: 292px;
}

.home-enjoy-bg2Sp {
  position: absolute;
  left: 0;
  top: 33vw;
}

.home-enjoy-cols:nth-child(2n) .home-enjoy-bg2Sp {
  left: auto;
  right: 0;
}

.home-enjoy-bg2Sp img {
  width: 85px;
}

.home-enjoy-colsInner {
  position: relative;
}

@media screen and (min-width: 768px) {
  .home-enjoy-colsInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.home-enjoy-cols:nth-child(2) .home-enjoy-colsInner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.home-enjoy-colsInner .home-mBtn {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .home-enjoy-colsInner .home-mBtn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .home-enjoy-img {
    width: 54%;
    margin-right: 4%;
  }
}

@media screen and (max-width: 767px) {
  .home-enjoy-img {
    margin-right: 12%;
    margin-bottom: 45px;
  }
}

@media screen and (min-width: 768px) {
  .home-enjoy-cols:nth-child(2) .home-enjoy-img {
    margin-right: 0;
    margin-left: 4%;
  }
}

@media screen and (max-width: 767px) {
  .home-enjoy-cols:nth-child(2) .home-enjoy-img {
    margin-right: 0;
    margin-left: 12%;
  }
}

@media screen and (min-width: 768px) {
  .home-enjoy-info {
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 130px;
  }
}

.home-enjoy-info h3 {
  font-size: 24px;
  color: #c30d23;
  font-weight: 500;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .home-enjoy-info h3 {
    font-size: 16px;
    margin-bottom: 5px;
    text-align: center;
  }
}

.home-enjoy-info p {
  font-size: 16px;
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .home-enjoy-info p {
    font-size: 13px;
  }
}

.home-enjoy .home-mTtl {
  margin-bottom: 30px;
}

.home-enjoy-items {
  padding: 0 20px;
}

.home-enjoy-item {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.home-enjoy-item:not(.is-cr) {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.home-enjoy-itemInner {
  position: relative;
  max-width: 1425px;
  margin: 0 auto;
  padding-bottom: 130px;
}

@media screen and (max-width: 767px) {
  .home-enjoy-itemInner {
    padding-bottom: 50px;
  }
}

.home-enjoy-itemInner::before {
  content: '';
  display: block;
  position: absolute;
  left: 90px;
  top: 220px;
  right: 0;
  bottom: 0;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .home-enjoy-itemInner::before {
    left: -20px;
    right: -20px;
    top: 100px;
    bottom: 0;
  }
}

.home-enjoy-itemInner2 {
  position: relative;
}

.home-enjoy-itemImg {
  width: 59.9278%;
}

@media screen and (max-width: 767px) {
  .home-enjoy-itemImg {
    width: auto;
  }
}

.home-enjoy-itemImg span {
  display: block;
  height: 440px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .home-enjoy-itemImg span {
    height: auto;
    padding-top: 53.012%;
  }
}

.home-enjoy-itemInfo {
  position: absolute;
  right: 75px;
  bottom: -55px;
  width: 540px;
  padding: 60px 75px;
  background-color: #fff;
  min-height: 340px;
}

@media screen and (max-width: 991px) {
  .home-enjoy-itemInfo {
    padding: 40px 40px 30px;
    min-height: 290px;
  }
}

@media screen and (max-width: 767px) {
  .home-enjoy-itemInfo {
    position: relative;
    width: auto;
    right: auto;
    bottom: auto;
    padding: 30px;
    min-height: 0;
  }
}

.home-enjoy-itemInfo h3 {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
  .home-enjoy-itemInfo h3 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .home-enjoy-itemInfo h3 {
    font-size: 16px;
  }
}

.home-enjoy-itemInfo p {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .home-enjoy-itemInfo p {
    font-size: 13px;
  }
}

.home-enjoy-itemInfo i {
  display: block;
  position: absolute;
  right: -44px;
  top: -98px;
}

@media screen and (max-width: 767px) {
  .home-enjoy-itemInfo i {
    display: none;
  }
}

.home-enjoy-itemInfo i img {
  width: 200px;
}

.home-about {
  margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .home-about {
    margin-bottom: 70px;
  }
}

.home-about-kv {
  background: url(../img/home/about-kv.jpg) no-repeat center center;
  background-size: cover;
  min-height: 420px;
  padding: 55px 20px;
}

@media screen and (max-width: 767px) {
  .home-about-kv {
    min-height: 300px;
  }
}

.home-about-kvLogo {
  text-align: center;
  margin-bottom: 10px;
}

.home-about-kvLogo img {
  width: 230px;
}

@media screen and (max-width: 767px) {
  .home-about-kvLogo img {
    width: 150px;
  }
}

.home-about-deco {
  text-align: center;
  margin: 60px 0 40px;
}

.home-about-deco img {
  width: 186px;
}

.home-about-txts {
  max-width: 670px;
  margin: 0 auto 40px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .home-about-txts {
    font-size: 14px;
  }
}

.home-about-txts h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home-about-txts h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .home-about-txts p.-center {
    text-align: center;
  }
}

.home-merit {
  background-color: #f3f0e9;
}

.home-merit-inner {
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .home-merit-inner {
    padding-bottom: 40px;
  }
}

.home-merit-sliderWrap {
  max-width: 1060px;
  margin: 0 auto;
  padding: 20px 40px 0;
}

@media screen and (min-width: 768px) {
  .home-merit-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 35px;
  }
}

@media screen and (max-width: 767px) {
  .home-merit-cols {
    padding: 0 20px;
  }
}

.home-merit-inCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .home-merit-inCols {
    width: 33%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .home-merit-inCols {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .home-merit-img {
    width: 120px;
  }
}

.home-merit-img img {
  width: 180px;
}

@media screen and (max-width: 767px) {
  .home-merit-img img {
    width: 100px;
  }
}

.home-merit-info {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .home-merit-info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.home-merit-info h2 {
  padding-top: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #c30d23;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home-merit-info h2 {
    font-size: 16px;
    margin-bottom: 5px;
    padding-top: 0;
    text-align: left;
  }
}

.home-dl {
  background-color: #c30d23;
  color: #fff;
}

.home-dl-inner {
  max-width: 880px;
  margin: 0 auto;
  padding: 50px 20px 65px;
}

@media screen and (max-width: 767px) {
  .home-dl-inner {
    padding: 50px 20 40px;
  }
}

.home-dl-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-dl-img {
  width: 39%;
  opacity: .8;
}

@media screen and (max-width: 767px) {
  .home-dl-img {
    width: 45%;
    margin-left: -15%;
  }
}

.home-dl-img img {
  width: 313px;
}

@media screen and (max-width: 767px) {
  .home-dl-img img {
    width: 100%;
  }
}

.home-dl-info {
  width: 52%;
}

@media screen and (max-width: 767px) {
  .home-dl-info {
    width: 64%;
  }
}

.home-dl-info h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.3077;
  padding: 20px 0 20px;
}

@media screen and (max-width: 767px) {
  .home-dl-info h2 {
    padding: 0 0 15px;
    font-size: 16px;
  }
}

.home-dl-txt p {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .home-dl-txt p {
    font-size: 13px;
  }
}

.home-dl-btn {
  margin-top: 40px;
}

.home-dl-btn a {
  display: block;
  font-size: 18px;
  background-color: #fff;
  width: 260px;
  padding: 5px;
  text-align: center;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .home-dl-btn a {
    width: 200px;
    margin: 0 auto;
    padding: 10px;
    font-size: 12px;
  }
}

.home-bnrSec-inner {
  max-width: 1120px;
  margin: 0 auto 80px;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .home-bnrSec-inner {
    margin-bottom: 40px;
  }
}

.home-bnrSec-bnr {
  margin-bottom: 40px;
}

.home-bnrs {
  margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .home-bnrs {
    margin-bottom: 60px;
  }
}

.home-bnrs ul {
  max-width: 1140px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home-bnrs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .home-bnrs ul {
    padding: 0 20px;
  }
}

@media screen and (min-width: 768px) {
  .home-bnrs ul li {
    width: 50%;
    margin: 0 30px;
  }
}

@media screen and (max-width: 767px) {
  .home-bnrs ul li {
    margin-bottom: 20px;
  }
}

.home-bnrs ul a {
  position: relative;
  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;
  text-align: center;
}

.home-bnrs ul span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  width: 210px;
  padding: 7px;
  border-radius: 20px;
}

.home-news-inner {
  max-width: 1000px;
  margin: 0 auto 70px;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .home-news-inner {
    margin-bottom: 50px;
  }
}

.home-news-posts {
  margin-bottom: 30px;
}

.home-news-post {
  font-size: 16px;
  border-bottom: 1px solid #bfbfbf;
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .home-news-post {
    font-size: 13px;
  }
}

.home-news-post:last-child {
  border-bottom: none;
}

.home-news-post h3 {
  font-weight: 500;
  color: #c30d23;
}

.home-news-post h3 span {
  margin-left: 1em;
  color: #000;
}

.home-column-posts {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .home-column-posts {
    margin-top: 30px;
  }
}

.home-hanjo {
  padding-bottom: 90px;
}

.home-hanjo-logo {
  margin: 10px 20px 15px;
  text-align: center;
}

.home-hanjo-logo img {
  width: 186px;
}

.home-hanjo-lead {
  font-size: 16px;
  text-align: center;
  margin-bottom: 40px;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .home-hanjo-lead {
    font-size: 14px;
  }
}

.home-hanjo-itemsWrap {
  padding: 0 50px;
}

@media screen and (max-width: 767px) {
  .home-hanjo-itemsWrap {
    padding: 0;
  }
}

.home-wideSlider {
  position: relative;
  padding: 0 85px 37px;
}

@media screen and (max-width: 767px) {
  .home-wideSlider {
    padding: 0 25px 37px;
  }
}

.home-wideSlider-wrap {
  position: relative;
}

.home-wideSlider-wrap::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  top: 110px;
  background-color: #1d1d1d;
}

.home-wideSlider-wrap.-about::before {
  background-color: #c30d23;
}

.home-wideSlider-bar {
  display: none;
  background-color: #3c3c3c;
  height: 3px;
  position: relative;
  margin-top: 30px;
}

.home-wideSlider-wrap.-about .home-wideSlider-bar {
  background-color: #fff;
}

.home-wideSlider-bar span {
  display: block;
  position: absolute;
  left: 30px;
  top: 0;
  width: 160px;
  height: 100%;
  background-color: #999;
}

.home-wideSlider-wrap.-about .home-wideSlider-bar span {
  background-color: #760D23;
}

.home-wideSlider-slide {
  position: relative;
  width: 290px;
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  .home-wideSlider-slide {
    width: 170px;
    padding-right: 15px;
  }
}

.home-wideSlider-slide a {
  position: relative;
  display: block;
}

.home-wideSlider-imgWrap {
  position: relative;
}

.home-wideSlider-imgWrap::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.home-wideSlider-img {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 83.76%;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.home-wideSlider-wrap.-about .home-wideSlider-img {
  padding-top: 115.38%;
}

.home-wideSlider-info {
  font-size: 12px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .home-wideSlider-info {
    font-size: 11px;
  }
}

.home-wideSlider-info h2 {
  font-size: 15px;
  font-weight: 500;
  margin-top: 8px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .home-wideSlider-info h2 {
    font-size: 13px;
  }
}

.home-wideSlider-info2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 50%);
  padding: 20px 25px;
}

@media screen and (max-width: 767px) {
  .home-wideSlider-info2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.5)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 80%);
  }
}

.home-wideSlider-info2 h2 {
  font-size: 20px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .home-wideSlider-info2 h2 {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .home-wideSlider a:hover .home-wideSlider-img {
    opacity: 0.7;
  }
}

.home-start {
  background-color: #f3f0e9;
}

.home-start-inner {
  padding: 0 0 80px;
}

.home-start-slider {
  margin-bottom: 40px;
}

.home-start-area {
  padding: 0 20px;
  width: 340px;
}

@media screen and (max-width: 767px) {
  .home-start-area {
    width: 170px;
    padding: 0 10px;
  }
}

.home-start-area a {
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.home-start-area a:hover {
  opacity: .8;
}

@media screen and (max-width: 767px) {
  .home-start-areaImg {
    width: 150px;
  }
}

.home-start-areaImg span {
  display: block;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
}

.home-start-areaName {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #c30d23;
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .home-start-areaName {
    width: 150px;
    margin-top: 5px;
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .home-start .home-mBtn a {
    font-size: 16px;
    padding: 10px;
  }
}

.home-mes-inner {
  max-width: 1020px;
  margin: 0 auto;
  padding: 80px 20px 100px;
}

@media screen and (max-width: 767px) {
  .home-mes-inner {
    padding: 45px 20px 65px;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .home-mes-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .home-mes-img {
    width: 49%;
  }
}

@media screen and (max-width: 767px) {
  .home-mes-img {
    margin-bottom: 30px;
  }
}

.home-mes-img img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .home-mes-img img {
    width: 243px;
  }
}

@media screen and (min-width: 768px) {
  .home-mes-info {
    width: 46%;
  }
}

.home-mes h2 {
  margin-top: 20px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .home-mes h2 {
    max-width: 273px;
    margin: 0 auto 30px;
  }
}

.home-mes-txt p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 1em;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .home-mes-txt p {
    font-size: 14px;
  }
}

.home-mes-logo {
  margin-top: 35px;
}

.home-mes-logo img {
  width: 153px;
}

@media screen and (max-width: 767px) {
  .home-mes-logo img {
    width: 142px;
  }
}

.home-kv-comingsoon-wrap {
  position: relative;
  overflow: hidden;
}

.home-kv-comingsoon {
  position: absolute;
  top: 92px;
  left: -94px;
  width: 450px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #c30d23;
  background-color: #ffff00;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .home-kv-comingsoon {
    top: 60px;
    left: -127px;
    font-size: 3.4666vw;
  }
}

.home-comingsoon {
  width: 670px;
  margin: 0 auto;
  padding: 5px 20px;
  font-size: 28px;
  font-weight: bold;
  color: #c30d23;
  background-color: #ffff00;
}

@media screen and (max-width: 767px) {
  .home-comingsoon {
    width: 90%;
    text-align: center;
    font-size: 4.5333vw;
  }
}

.home-feaBlock2 {
  padding: 0 20px;
}

.home-prog {
  margin-bottom: 100px;
  padding: 0 20px;
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .home-prog {
    margin-bottom: 50px;
  }
}

.home-prog .home-mTtl {
  margin-bottom: 10px;
}

.home-prog .home-mLead {
  margin-bottom: 30px;
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex .home-prog .home-mLead {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .home-prog .home-mLead {
    margin-bottom: 20px;
  }
}

.home-prog-items {
  max-width: 1050px;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .home-prog-items {
    margin: 0 auto 20px;
  }
}

.home-prog-item {
  display: block;
  width: 25%;
  padding: 20px 5px 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #c30d23;
  border-bottom: 1px solid #c30d23;
}

@media screen and (min-width: 768px) {
  .home-prog-item:hover {
    text-decoration: underline;
    color: #c30d23;
  }
  .home-prog-item:nth-child(4n) {
    border-right-color: transparent;
  }
  .home-prog-item:nth-child(n+5) {
    border-bottom-color: transparent;
  }
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex .home-prog-item {
    width: 50%;
    padding: 15px 5px 15px 15px;
  }
  .home-prog.-planIndex .home-prog-item:nth-child(2n) {
    border-right-color: transparent;
  }
  .home-prog.-planIndex .home-prog-item:nth-child(n+7) {
    border-bottom-color: transparent;
  }
  .home-prog.-planIndex .home-prog-item:nth-child(n+5) {
    border-bottom-color: #c30d23;
  }
}

@media screen and (max-width: 767px) {
  .home-prog-item {
    width: 50%;
    padding: 15px 5px 15px 15px;
  }
  .home-prog-item:nth-child(2n) {
    border-right-color: transparent;
  }
  .home-prog-item:nth-child(n+7) {
    border-bottom-color: transparent;
  }
}

.home-prog-itemImg {
  width: 73px;
  margin-right: 15px;
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex .home-prog-itemImg {
    width: 40px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .home-prog-itemImg {
    width: 40px;
    margin-right: 10px;
  }
}

.home-prog-itemName {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  line-height: 1.5;
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex .home-prog-itemName {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .home-prog-itemName {
    font-size: 13px;
  }
}

.home-prog-items2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 33px;
}

.home-prog-item2 {
  margin: 0 15px 15px 0;
}

@media screen and (max-width: 767px) {
  .home-prog-item2 {
    margin: 0 10px 10px 0;
  }
}

.home-prog-item2Name {
  font-size: 15px;
  display: block;
  border: 1px solid #c30d23;
  padding: 12px;
}

@media screen and (min-width: 768px) {
  .home-prog-item2Name:hover {
    text-decoration: underline;
    color: #c30d23;
  }
}

@media screen and (max-width: 767px) {
  .home-prog-item2Name {
    font-size: 14px;
    padding: 10px;
  }
}

.home-prog.-planIndex {
  padding: 20px 2px 5px;
  margin-bottom: 60px;
  border-top: #c30d23 2px solid;
  border-bottom: #c30d23 2px solid;
}

.home-prog.-planIndex .home-prog-items2 {
  margin-bottom: 0;
}

.home-case-inner {
  margin-bottom: 85px;
}

@media screen and (max-width: 767px) {
  .home-case-inner {
    margin-bottom: 50px;
  }
}

.home-case.-plan .home-case-inner {
  margin-bottom: 25px;
}

.home-case .home-mTtl {
  margin-top: 20px;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .home-case .home-mTtl {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.home-case .home-mBtn {
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .home-case .home-mBtn {
    padding-top: 50px;
  }
}

.home-case .home-mBtn.is-moreHide {
  display: none;
}

.home-case-logosTtl {
  margin: 90px 0 40px;
  padding: 0 20px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home-case-logosTtl {
    margin: 50px 0 20px;
    font-size: 15px;
  }
}

.home-case-logos {
  padding: 0 20px;
  max-width: 1080px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.home-case-logos p {
  width: 20%;
  padding: 5px;
}

@media screen and (max-width: 767px) {
  .home-case-logos p {
    width: 33.33%;
  }
}

.home-case-logos p span {
  display: block;
  padding-top: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.home-case-slider .slick-prev {
  left: 10px;
}

.home-case-slider .slick-next {
  right: 10px;
}

.home-case-slider .slick-slide {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.home-case-slider .slick-slide:not(.slick-current) {
  opacity: 0.5;
}

.home-case-slide {
  width: 74.66vw;
  margin: 0 10px;
}

.home-case-items {
  position: relative;
  margin-bottom: 65px;
  padding: 0 20px;
}

.home-case-items::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 90px;
  right: 0;
  bottom: 0;
  background-color: #F3F0E9;
}

.home-case-item {
  position: relative;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 40px;
}

@media screen and (max-width: 767px) {
  .home-case-item {
    padding-left: 0;
  }
}

.home-case-item:not(.is-cr) {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.home-media {
  margin-bottom: 90px;
}

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

.home-media-ttl {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .home-media-ttl {
    font-size: 18px;
  }
}

.home-media-logos {
  max-width: 1080px;
  margin: 0 auto;
  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;
}

.home-media-logos p {
  margin: 0 35px 20px;
}

@media screen and (max-width: 767px) {
  .home-media-logos p {
    margin: 0 20px 15px;
  }
}

.home-media-logos p img {
  width: auto;
  height: 80px;
}

@media screen and (max-width: 767px) {
  .home-media-logos p img {
    height: 50px;
  }
}

.home-solu {
  background: #f3f0e9 url(../img/home/solu-bg.png) no-repeat center top;
  background-size: 1868px auto;
  padding: 60px 0 80px;
}

@media screen and (max-width: 767px) {
  .home-solu {
    background-size: 800px auto;
  }
}

.home-solu-subTtl {
  margin-bottom: 30px;
  padding: 0 20px;
  text-align: center;
}

.home-solu-subTtl span {
  display: inline-block;
  background-color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 7px 40px;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .home-solu-subTtl span {
    font-size: 16px;
  }
}

.home-solu-lead {
  font-size: 16px;
  line-height: 2;
  text-align: center;
  margin: 10px 20px 50px;
}

@media screen and (max-width: 767px) {
  .home-solu-lead {
    font-size: 14px;
  }
}

.home-solu-items {
  max-width: 1290px;
  margin: 0 auto 60px;
}

@media screen and (min-width: 768px) {
  .home-solu-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .home-solu-items {
    max-width: 500px;
    padding: 0 20px;
  }
}

.home-solu-item {
  position: relative;
}

@media screen and (min-width: 768px) {
  .home-solu-item {
    width: 25%;
    margin: 0 21px;
  }
}

@media screen and (max-width: 767px) {
  .home-solu-item {
    margin-bottom: 40px;
  }
}

.home-solu-item::before {
  content: '';
  display: block;
  position: absolute;
  right: -35px;
  top: 50%;
  width: 30px;
  height: 3px;
  background-color: #c30d23;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .home-solu-item::before {
    right: 50%;
    top: auto;
    bottom: -22px;
    -webkit-transform: translateX(50%) rotate(45deg);
            transform: translateX(50%) rotate(45deg);
  }
}

.home-solu-item::after {
  content: '';
  display: block;
  position: absolute;
  right: -35px;
  top: 50%;
  width: 30px;
  height: 3px;
  background-color: #c30d23;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .home-solu-item::after {
    right: 50%;
    top: auto;
    bottom: -22px;
    -webkit-transform: translateX(50%) rotate(-45deg);
            transform: translateX(50%) rotate(-45deg);
  }
}

.home-solu-item:last-child::before, .home-solu-item:last-child::after {
  display: none;
}

.home-solu-itemInfo {
  background-color: #fff;
  padding: 20px 20px 25px;
}

.home-solu-itemInfo h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}

.home-solu-itemInfo p {
  line-height: 2;
  font-size: 14px;
}

.fade {
  opacity: 0;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

.home-media {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .home-media {
    margin: 75px 0;
  }
}

.home-media__inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.home-media__posts {
  max-width: 1100px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home-media__post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.home-media__post:hover .home-media__postTtl {
  text-decoration: underline;
}

.home-media__postImg {
  position: relative;
  text-align: center;
  padding: 0 40px;
}

@media screen and (min-width: 768px) {
  .home-media__postImg {
    width: 400px;
    margin-right: 80px;
  }
}

@media screen and (max-width: 767px) {
  .home-media__postImg {
    padding: 0 20px;
    margin-bottom: 30px;
  }
}

.home-media__postImg::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 30px;
  right: 0;
  bottom: 50px;
  background-color: #F2F3F4;
}

.home-media__postImg img {
  display: inline-block;
  width: 320px;
  position: relative;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .home-media__postImg img {
    width: 250px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  }
}

.home-media__postInfo {
  position: relative;
}

@media screen and (min-width: 768px) {
  .home-media__postInfo {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .home-media__postInfo {
    max-width: 400px;
    margin: 0 auto;
    padding-right: 40px;
  }
}

.home-media__postCat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .home-media__postCat {
    margin-bottom: 5px;
  }
}

.home-media__postCat span {
  font-size: 14px;
  color: #fff;
  background-color: #c30d23;
  border-radius: 30px;
  margin: 0 10px 10px 0;
  padding: 1px 15px;
}

@media screen and (max-width: 767px) {
  .home-media__postCat span {
    font-size: 11px;
    margin: 0 5px 5px 0;
  }
}

.home-media__postDate {
  font-size: 13px;
  color: #999;
  margin-bottom: .5em;
}

.home-media__postMedia {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1.5em;
  padding-bottom: 1.2em;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .home-media__postMedia {
    margin-right: -40px;
    font-size: 14px;
  }
}

.home-media__postTtl {
  position: relative;
  padding-right: 60px;
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .home-media__postTtl {
    padding: 0;
    font-size: 15px;
  }
}

.home-media__postTtl::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-image: url(../img/lp001/media-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .home-media__postTtl::before {
    right: -40px;
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .yadoIndex-search.is-fix {
    position: fixed;
    left: 0;
    top: 165px;
    z-index: 1;
    width: 100%;
    background-color: #fff;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    top: 110px;
    max-height: calc(100vh - 110px);
    overflow: auto;
  }
}

.yadoIndex-search.is-fix2 {
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search.is-fix2 {
    padding: 20px;
  }
}

.yadoIndex-search.is-fix2.is-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-inner:not(.is-selsShow) {
    overflow: hidden;
  }
}

.yadoIndex-search-topTtl {
  font-size: 20px;
  font-weight: 500;
  border-bottom: 3px solid #c30d23;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-topTtl {
    font-size: 18px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-width: 2px;
  }
}

.yadoIndex-search hr {
  border-top: 1px solid #ccc;
  margin: 20px 0;
}

.yadoIndex-search h2 {
  font-size: 15px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search h2 {
    font-size: 13px;
  }
}

.yadoIndex-search-ttl {
  position: relative;
  color: #c30d23;
  cursor: pointer;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .yadoIndex-search-ttl {
    margin-top: 20px;
  }
}

.yadoIndex-search-ttl.-noBtn {
  pointer-events: none;
}

.yadoIndex-search-ttl i {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 14px;
  height: 14px;
}

.yadoIndex-search-ttl i::before, .yadoIndex-search-ttl i::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 14px;
  height: 3px;
  background-color: #c30d23;
}

.yadoIndex-search-ttl i::after {
  display: none;
  width: 3px;
  height: 14px;
}

.yadoIndex-search-ttl.is-off i::after {
  display: block;
}

.yadoIndex-search-ttl2 {
  font-size: 12px;
  font-weight: bold;
  padding: 15px 0 10px;
}

.yadoIndex-search-sels {
  position: relative;
}

.yadoIndex-search-selsNow {
  width: 240px;
  height: 45px;
  max-width: 100%;
  border: 1px solid #CFCFCF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
}

.yadoIndex-search-selsNow p {
  font-size: 15px;
  font-weight: bold;
}

.yadoIndex-search-selsNow i {
  display: block;
  position: absolute;
  right: 7px;
  top: calc(50%);
  -webkit-transform: translateY(-50%) rotate(90deg) scaleX(0.5);
          transform: translateY(-50%) rotate(90deg) scaleX(0.5);
  font-size: 12px;
  color: #c30d23;
}

.yadoIndex-search-sels.is-disabled .yadoIndex-search-selsNow {
  opacity: 0.3;
  pointer-events: none;
}

.yadoIndex-search-sels.is-disabled .yadoIndex-search-selsNow::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.yadoIndex-search-selsNav {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  z-index: 2;
  width: 440px;
  max-width: calc(100vw - 40px);
  border: 2px solid #c30d23;
  background-color: #fff;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.yadoIndex-search-selsNav:not(.is-show) {
  opacity: 0;
  pointer-events: none;
}

.yadoIndex-search-selsNav::before {
  content: '';
  display: block;
  position: absolute;
  left: 30px;
  top: -12px;
  width: 20px;
  height: 12px;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: #c30d23;
}

.yadoIndex-search-selsNav::after {
  content: '';
  display: block;
  position: absolute;
  left: 33px;
  top: -9px;
  width: 14px;
  height: 9px;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: #fff;
}

.yadoIndex-search-selsAll {
  border-bottom: 1px solid #c5c5c5;
  padding: 10px 30px 10px 15px;
}

.yadoIndex-search-selsAll a {
  font-size: 15px;
}

.yadoIndex-search-selsAll a i {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  color: #c30d23;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  font-weight: bold;
  position: relative;
  top: -1px;
}

.yadoIndex-search-selsClose {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.yadoIndex-search-selsClose::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  width: 20px;
  height: 2px;
  background-color: #c30d23;
}

.yadoIndex-search-selsClose::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  width: 20px;
  height: 2px;
  background-color: #c30d23;
}

.yadoIndex-search-selsList {
  padding: 15px 10px 15px 15px;
}

.yadoIndex-search-selsList h3 {
  font-size: 12px;
  font-weight: bold;
  color: #c30d23;
  margin: 1.5em 0 .5em;
}

.yadoIndex-search-selsList h3:first-child {
  margin-top: 0;
}

.yadoIndex-search-selsList h3.-hide {
  display: none;
}

.yadoIndex-search-selsList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px 10px;
}

.yadoIndex-search-selsList ul li a {
  font-size: 15px;
}

.yadoIndex-search-selsList ul li.is-disabled a {
  pointer-events: none;
  opacity: 0.3;
}

.yadoIndex-search-selsList ul li.is-cr a {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .yadoIndex-search-catsWrap {
    max-height: 200px;
    overflow-y: scroll;
  }
}

.yadoIndex-search-cats li {
  margin-right: 20px;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-cats li {
    min-width: 50%;
    margin: 0 0 7px;
    padding: 0 3px;
  }
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-cats li.all {
    width: 100%;
  }
}

.yadoIndex-search-cats a {
  position: relative;
  display: block;
  padding: 0 0 0 30px;
  font-size: 14px;
  color: #4c4c4c;
}

.yadoIndex-search-cats a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../img/yadoindex/search-check2.png) no-repeat center center;
  background-size: contain;
}

.yadoIndex-search-cats li.is-none {
  display: none;
}

.yadoIndex-search-cats li.is-cr a:before {
  background-image: url(../img/yadoindex/search-check1.png);
}

.yadoIndex-search-cats li.is-off a {
  color: #c9c9c9;
  cursor: unset;
}

.yadoIndex-search-cats li.is-off a:hover {
  opacity: 1;
}

.yadoIndex-search-cats li.is-off a:before {
  opacity: 0.3;
}

.yadoIndex-search-conditionWrap {
  position: relative;
}

.yadoIndex-search-conditionBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-conditionBtn {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 25px;
  }
}

.yadoIndex-search-conditionBtn a {
  position: relative;
  display: block;
  width: 300px;
  border-radius: 30px;
  border: 1px solid #c30d23;
  color: #c30d23;
  text-align: center;
  padding: 4px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-conditionBtn a {
    font-size: 12px;
    width: calc(50% - 2px);
    min-width: 150px;
    padding: 5px 5px 5px 25px;
  }
}

.yadoIndex-search-conditionBtn a:before {
  content: '';
  display: block;
  position: absolute;
  left: 12px;
  top: 6px;
  width: 20px;
  height: 20px;
  background: url(../img/yadoindex/search-icon4.png) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-conditionBtn a:before {
    left: 10px;
    top: 7px;
    width: 15px;
    height: 15px;
  }
}

.yadoIndex-search-conditionBtn2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-conditionBtn2 {
    margin-top: 10px;
  }
}

.yadoIndex-search-conditionBtn2 a {
  position: relative;
  display: block;
  width: 300px;
  border-radius: 30px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  padding: 4px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-conditionBtn2 a {
    font-size: 13px;
    width: 50%;
    padding: 5px 5px 5px 25px;
  }
}

.yadoIndex-search-conditionBtn2 a:before {
  content: '';
  display: block;
  position: absolute;
  left: 12px;
  top: 6px;
  width: 20px;
  height: 20px;
  background: url(../img/yadoindex/search-icon5.png) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-conditionBtn2 a:before {
    width: 15px;
    height: 15px;
  }
}

.yadoIndex-search-conditionNav {
  position: absolute;
  left: calc((100vw - 100%) / -2);
  top: 0;
  z-index: 10;
  width: 100vw;
  background-color: rgba(169, 0, 20, 0.8);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  padding: 20px 0 60px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-conditionNav {
    padding: 5px 0 30px;
  }
}

.yadoIndex-search-conditionNav.is-show {
  opacity: 1;
  pointer-events: auto;
}

.yadoIndex-search-conditionNav li a {
  color: #fff;
  border-color: #fff;
}

.yadoIndex-search-conditionNav li a:before {
  background-image: url(../img/yadoindex/search-icon7.png);
}

.yadoIndex-search-conditionNav li.is-cr a {
  background-color: #fff;
  color: #c30d23;
}

.yadoIndex-search-conditionNav li.is-cr a:before {
  background-image: url(../img/yadoindex/search-icon6.png);
}

.yadoIndex-search-conditionNavInner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  color: #fff;
}

.yadoIndex-search-reloadBtn a {
  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;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  width: 240px;
  max-width: 100%;
  height: 56px;
  background-color: #c30d23;
  border-radius: 56px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-reloadBtn a {
    margin: 0 auto;
  }
}

.yadoIndex-search-reloadBtn a i {
  background-image: url(../img/yadoindex/icon-search.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}

.yadoIndex-search-reset {
  margin-top: 10px;
  text-align: center;
}

.yadoIndex-search-reset a {
  text-decoration: underline;
}

.yadoIndex-search-reset a:hover {
  text-decoration: none;
}

.yadoIndex-posts {
  position: relative;
}

.yadoIndex-posts-inner {
  position: relative;
  margin: 0 -15px;
  padding: 85px 0 35px;
  min-height: 300px;
}

@media screen and (min-width: 768px) {
  .yadoIndex-posts-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .yadoIndex-posts-inner {
    padding: 100px 20px 35px;
  }
}

.yadoIndex-postCnt {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 75px;
  font-size: 16px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt {
    height: 60px;
    padding-top: 20px;
  }
}

.yadoIndex-postCnt.is-fix {
  position: fixed;
  left: auto;
  right: 0;
  top: 90px;
  width: calc((100% - 40px) * .75 + 20px);
}

@media screen and (min-width: 1320px) {
  .yadoIndex-postCnt.is-fix {
    width: calc((100% - 1280px) / 2 + 1280px * .75);
  }
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt.is-fix {
    top: 60px;
    width: 100%;
  }
}

.yadoIndex-postCnt-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0 0;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-inner {
    padding: 0;
  }
}

@media screen and (max-width: 374px) {
  .yadoIndex-postCnt-inner {
    padding: 0 10px 0 5px;
  }
}

.yadoIndex-postCnt.is-fix .yadoIndex-postCnt-inner {
  max-width: 960px;
  padding: 0 20px;
}

.yadoIndex-postCnt-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.yadoIndex-postCnt-nowWrapSp {
  position: absolute;
  left: 0;
  top: 20px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.yadoIndex-postCnt.is-fix .yadoIndex-postCnt-nowWrapSp {
  display: none;
}

.yadoIndex-postCnt-nowWrap {
  margin-right: 20px;
}

.yadoIndex-postCnt-now {
  line-height: 1;
  font-size: 31px;
  color: #c30d23;
  margin-right: 0.1em;
}

.yadoIndex-postCnt-btn {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-btn {
    margin-left: 0;
  }
}

.yadoIndex-postCnt-btn a {
  position: relative;
  display: block;
  background-color: #fff;
  font-weight: bold;
  font-size: 13px;
  padding: 5px 20px;
  border-radius: 30px;
  border: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-btn a {
    font-size: 12px;
    letter-spacing: -0.02em;
  }
}

@media screen and (max-width: 374px) {
  .yadoIndex-postCnt-btn a {
    font-size: 10px;
  }
}

.yadoIndex-postCnt-btn a.is-disabled {
  opacity: .3;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .yadoIndex-postCnt-btn.type-1 {
    display: none;
  }
}

.yadoIndex-postCnt-btn.type-1 a {
  color: #c30d23;
  padding: 5px 38px 5px 32px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.yadoIndex-postCnt-btn.type-1 a.is-show {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-btn.type-1 a {
    padding: 5px 20px 5px 23px;
  }
}

.yadoIndex-postCnt-btn.type-1 a:before {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  width: 15px;
  height: 15px;
  background: url(../img/yadoindex/search-icon2.png) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-btn.type-1 a:before {
    width: 12px;
    height: 12px;
    top: 9px;
    left: 5px;
  }
}

.yadoIndex-postCnt-btn.type-1 a:after {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 10px;
  height: 10px;
  border: 2px solid #c30d23;
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  -webkit-transform-origin: 60% 40%;
          transform-origin: 60% 40%;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-btn.type-1 a:after {
    width: 7px;
    height: 7px;
    right: 8px;
    border-width: 1px;
  }
}

.yadoIndex-postCnt-btn.type-1 a.is-on:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-btn.type-2 {
    margin-right: 5px;
  }
}

.yadoIndex-postCnt-btn.type-2 a {
  padding: 5px 30px 5px 20px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-btn.type-2 a {
    padding: 5px 15px 5px 5px;
  }
}

.yadoIndex-postCnt-btn.type-2 a:after {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 10px;
  height: 10px;
  border: 2px solid #c30d23;
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transform-origin: 60% 40%;
          transform-origin: 60% 40%;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-btn.type-2 a:after {
    width: 7px;
    height: 7px;
    right: 8px;
    border-width: 1px;
  }
}

.yadoIndex-postCnt-btn.type-3 a {
  padding: 5px 30px 5px 20px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-btn.type-3 a {
    padding: 5px 20px 5px 5px;
  }
}

.yadoIndex-postCnt-btn.type-3 a:after {
  content: 'X';
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .yadoIndex-postCnt-btn.type-3 a:after {
    right: 5px;
  }
}

.yadoIndex-search-conditionNav .yadoIndex-postCnt {
  position: relative;
  left: auto;
  top: auto;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-search-conditionNav .yadoIndex-postCnt {
    text-align: center;
    margin-bottom: 10px;
  }
}

.yadoIndex-search-conditionNav .yadoIndex-postCnt b {
  color: #fff;
}

.yadoIndex-post {
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.yadoIndex-post.is-hide {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .yadoIndex-post {
    width: 33.33%;
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .yadoIndex-post {
    margin-bottom: 20px;
  }
}

.yadoIndex-post a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.yadoIndex-post-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  padding: 10px 0 0;
}

.yadoIndex-post-tags {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.yadoIndex-post-tags:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 16px;
  background: url(../img/icon/tag.png) no-repeat center center;
  background-size: contain;
  display: none;
}

@media screen and (max-width: 767px) {
  .yadoIndex-post-tags:before {
    top: 2px;
  }
}

.yadoIndex-post-tags li {
  margin-right: 5px;
  margin-bottom: 4px;
}

.yadoIndex-post-tags span {
  display: block;
  border-radius: 30px;
  padding: 7px 7px;
  font-size: 10px;
  border: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  .yadoIndex-post-tags span {
    padding: 0 5px 1px;
  }
}

.yadoIndex-post-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.yadoIndex-post-area li {
  padding-right: 1em;
}

.yadoIndex-post-area span {
  display: block;
  font-size: 12px;
  color: #5C5C5C;
}

.yadoIndex-post-ttl {
  font-size: 18px;
  font-weight: bold;
  margin: 3px 0 8px;
}

.yadoIndex-post-catch {
  color: #d56d12;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px;
}

.yadoIndex-post-txt {
  margin-bottom: 20px;
}

.yadoIndex-post-btn {
  display: none;
  background-color: #c30d23;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  margin-top: auto;
  padding: 1px 10px 3px;
}

@media screen and (max-width: 767px) {
  .yadoIndex-post-btn {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    padding: 8px;
  }
}

.yadoIndex-post-compare {
  position: absolute;
  right: 20px;
  top: 5px;
}

body.body-areas .yadoIndex-post-compare {
  display: none;
}

.yadoIndex-post-compare a {
  position: relative;
  display: block;
  background-color: #fff;
  border-radius: 30px;
  font-size: 11px;
  color: #e6b5ba;
  padding: 3px 8px 3px 22px;
}

.yadoIndex-post-compare a:before {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 13px;
  height: 13px;
  background: url(../img/yadoindex/search-icon2.png) no-repeat center center;
  background-size: contain;
}

.yadoIndex-post-compare a.is-max {
  display: none;
}

.yadoIndex-post-compare a.is-on {
  display: block;
  background-color: #c30d23;
  color: #fff;
}

.yadoIndex-post-compare a.is-on:before {
  background-image: url(../img/yadoindex/search-icon1.png);
}

.yadoIndex-post-caseTtl {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}

.yadoIndex-post-caseTxt {
  font-size: 13px;
  margin-bottom: 15px;
}

.yadoIndex-post-caseTaget span {
  display: inline-block;
  margin-right: 5px;
  font-size: 11px;
  color: #fff;
  padding: 2px 8px;
}

.yadoIndex-post-caseTaget span.-n1 {
  background-color: #d56d12;
}

.yadoIndex-post-caseTaget span.-n2 {
  background-color: #DC3B4F;
}

.yadoIndex-post-caseTaget span.-n3 {
  background-color: #999999;
}

.yadoIndex-post-thumb {
  position: relative;
}

.yadoIndex-post-thumbCampaign {
  position: absolute;
  left: 15px;
  top: -8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#B71717), to(#C30D23));
  background-image: linear-gradient(180deg, #B71717 0%, #C30D23 100%);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 11px;
  padding: 8px 10px;
  line-height: 1.1;
}

@media screen and (max-width: 1070px) and (min-width: 768px) {
  .yadoIndex-post-thumbCampaign {
    font-size: 10px;
    padding: 4px 5px;
  }
}

@media screen and (max-width: 767px) {
  .yadoIndex-post-thumbCampaign {
    font-size: 10px;
  }
}

.yadoIndex-post-thumbCampaign br {
  display: none;
}

@media screen and (max-width: 1070px) and (min-width: 768px) {
  .yadoIndex-post-thumbCampaign br {
    display: inline;
  }
}

.yadoIndex-post-thumbCampaign::before {
  content: '';
  display: block;
  position: absolute;
  left: -8px;
  top: 0;
  border-style: solid;
  border-width: 4px;
  border-color: transparent #92000f #92000f transparent;
}

.yadoIndex-post-thumbCampaign::after {
  content: '';
  display: block;
  position: absolute;
  right: -8px;
  top: 0;
  border-style: solid;
  border-width: 4px;
  border-color: transparent transparent #92000f #92000f;
}

.yadoIndex-loading {
  width: 100%;
  height: 100px;
  background: url(../img/yadoindex/loading.gif) no-repeat center center;
  background-size: 29px auto;
}

.yadoIndex-contactInfo {
  margin-bottom: 130px;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0;
}

.yadoIndex-posts-inner.is-loaded + .yadoIndex-contactInfo {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .yadoIndex-contactInfo {
    margin-bottom: 80px;
  }
}

.yadoIndex-contactInfo__txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .yadoIndex-contactInfo__txt {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .yadoIndex-contactInfo__txt {
    font-size: 16px;
  }
}

.yadoIndex-contactInfo__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.yadoIndex-contactInfo__btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 440px;
  height: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background-color: #c30d23;
  position: relative;
  border-radius: 60px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .yadoIndex-contactInfo__btn a {
    font-size: 14px;
    height: 50px;
  }
}

.yadoIndex-contactInfo__btn a::before {
  content: '＞';
  color: #fff;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleX(0.5);
          transform: translateY(-50%) scaleX(0.5);
  font-size: 14px;
}

.yado {
  /* 	&-secBgWrap {
		& > section:nth-child(2n) {
			background-color: #f3f0e9;
			@include max {
				&.yado-facility {
					.yado-facility-txt2Wrap {
						&:nth-child(1) {
							background-color: #fff;
						}
					}
				}
			}
			.yado-workspace-itemInfo {
				background-color: #fff;
				@include max {
				}
			}
		}
		& > section:nth-child(2n+1) {
			@include max {
				&.yado-facility {
					.yado-facility-txt2Wrap {
						&:nth-child(1) {
							background-color: #f3f0e9;
						}
					}
				}
			}
		}
	} */
}

.yado-post {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .yado-post {
    font-size: 13px;
  }
}

.yado-ttl-inner {
  max-width: 1220px;
  padding: 25px 20px 20px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .yado-ttl-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.yado-ttl-inner2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.yado-ttl h1 {
  position: relative;
  font-size: 28px;
  font-weight: bold;
  margin-right: 1em;
  line-height: 1.1;
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .yado-ttl h1 {
    font-size: 22px;
  }
}

.yado-ttl h1 small {
  position: absolute;
  left: 0;
  top: -10px;
  display: block;
  font-size: 11px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .yado-ttl h1 small {
    font-size: 10px;
    top: -5px;
  }
}

.yado-ttl-btn {
  width: 240px;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .yado-ttl-btn {
    margin: 20px auto 0;
  }
}

.yado-ttl-btn a {
  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;
  text-align: center;
  width: 240px;
  background-color: #c30d23;
  color: #fff;
  height: 50px;
  border-radius: 50px;
  font: 15px;
  font-weight: 500;
}

.yado-ttl-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .yado-ttl-area {
    padding-top: 12px;
  }
}

.yado-ttl-area li {
  position: relative;
  padding-right: 1em;
  padding-left: 20px;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .yado-ttl-area li {
    font-size: 12px;
  }
}

.yado-ttl-area li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 12px;
  height: 16px;
  background: url(../img/icon/marker.svg) no-repeat center center;
  background-size: contain;
}

.yado-ttl-area span {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .yado-ttl-area a:hover {
    text-decoration: underline;
  }
}

.yado-fixRes {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.yado-fixRes img {
  width: 60px;
}

@media screen and (max-width: 767px) {
  .yado-fixRes img {
    width: 40px;
  }
}

.yado-imgs-inner {
  position: relative;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .yado-imgs-inner {
    padding: 0;
  }
}

.yado-imgs-imgWrap {
  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;
}

@media screen and (max-width: 767px) {
  .yado-imgs-imgWrap {
    display: block;
  }
}

.yado-imgs-imgCol1 {
  width: 52.5424%;
}

@media screen and (max-width: 767px) {
  .yado-imgs-imgCol1 {
    width: auto;
  }
}

.yado-imgs-imgCol2 {
  width: 47.1186%;
  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 screen and (max-width: 767px) {
  .yado-imgs-imgCol2 {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.yado-imgs-img a {
  display: block;
}

.yado-imgs-img span {
  display: block;
  padding-top: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .yado-imgs-img span {
    padding-top: 55.33%;
  }
}

@media screen and (min-width: 768px) {
  .yado-imgs-img.is-2, .yado-imgs-img.is-3, .yado-imgs-img.is-4, .yado-imgs-img.is-5 {
    width: 49.64%;
    margin-bottom: 0.72%;
  }
  .yado-imgs-img.is-2 span, .yado-imgs-img.is-3 span, .yado-imgs-img.is-4 span, .yado-imgs-img.is-5 span {
    padding-top: 83.5%;
  }
}

@media screen and (max-width: 767px) {
  .yado-imgs-img.is-2, .yado-imgs-img.is-3, .yado-imgs-img.is-4, .yado-imgs-img.is-5 {
    width: 50%;
  }
}

.yado-imgs-more {
  position: absolute;
  right: 35px;
  bottom: 15px;
}

@media screen and (max-width: 767px) {
  .yado-imgs-more {
    right: 10px;
    bottom: 10px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}

.yado-imgs-more a {
  display: block;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 50px;
  padding: 5px 15px;
  font-weight: bold;
}

.yado-imgs-more a::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url(../img/icon/img.svg) no-repeat center center;
  background-size: contain;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.yado-imgs-campaign {
  position: absolute;
  left: 20px;
  right: 20px;
  top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .yado-imgs-campaign {
    left: auto;
    right: 0;
    top: 7px;
  }
}

.yado-imgs-campaign li {
  background-color: #c30d23;
  color: #fff;
  font-weight: bold;
  margin-right: 20px;
  padding: 7px 10px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .yado-imgs-campaign li {
    font-size: 12px;
    padding: 4px 10px 5px;
    margin: 0 0 0 10px;
  }
}

.yado-imgs-campaign li:before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  top: 0;
  border: 10px solid #760d23;
  border-top-color: transparent;
  border-right-color: transparent;
  -webkit-transform: scale(0.7, 1);
          transform: scale(0.7, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

@media screen and (max-width: 767px) {
  .yado-imgs-campaign li:before {
    right: auto;
    left: -14px;
    border: 7px solid #760d23;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}

.yado-imgs-slider {
  margin-bottom: 0 !important;
}

.yado-imgs-slider .slick-dots {
  position: relative;
  bottom: 0;
}

.yado-imgs-slide {
  padding: 0 1px;
}

.yado-imgs-slideImg span {
  display: block;
  padding-top: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.yado-imgs-slideTtl {
  padding: 10px;
}

.yado-catch-inner {
  max-width: 1220px;
  padding: 25px 20px 0;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .yado-catch-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .yado-catch-col {
    width: 47.45%;
  }
}

.yado-catch-col h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .yado-catch-col h2 {
    font-size: 16px;
  }
}

.yado-catch-txt {
  font-size: 15px;
  line-height: 2;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .yado-catch-txt {
    font-size: 13px;
  }
}

.yado-catch-txt p {
  margin-bottom: 0.5em;
}

.yado-catch-img p {
  padding: 20px 20px 0 0;
  position: relative;
}

.yado-catch-img p::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  left: 160px;
  bottom: 125px;
  background-color: #c30d23;
}

.yado-catch-img p img {
  display: block;
  position: relative;
  width: 100%;
}

.yado-catch-img span {
  display: block;
  font-size: 13px;
  text-align: right;
  margin-top: 15px;
  padding-right: 20px;
}

.yado-tags {
  max-width: 1220px;
  margin: 10px auto 30px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.yado-tags ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 22px;
}

.yado-tags ul:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 20px;
  background: url(../img/icon/tag.png) no-repeat center center;
  background-size: contain;
}

.yado-tags li {
  margin-left: 4px;
}

.yado-tags span,
.yado-tags a {
  display: block;
  padding: 0 5px;
  text-decoration: underline;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .yado-tags span,
  .yado-tags a {
    font-size: 12px;
  }
}

.yado-tags a:hover {
  text-decoration: none;
}

.yado-thumbTxt {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px 40px;
}

.yado-measures {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .yado-measures {
    padding: 0;
  }
}

.yado-measures-inner {
  border: 4px solid #c30d23;
  padding: 20px 20px 50px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .yado-measures-inner {
    padding: 20px 20px 60px;
  }
}

.yado-measures h2 {
  font-size: 18px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .yado-measures h2 {
    font-size: 17px;
    text-align: center;
  }
}

.yado-measures-txt {
  position: relative;
  height: 9em;
  overflow: hidden;
}

.yado-measures-txt:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, white 10%, rgba(255, 255, 255, 0));
}

@media screen and (max-width: 767px) {
  .yado-measures-txt:before {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0));
  }
}

.yado-measures-txt.yado-measures-txt.is-open:before {
  display: none;
}

.yado-measures-more {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
}

.yado-measures-more a {
  position: relative;
  display: block;
  background-color: #c30d23;
  color: #fff;
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  padding: 5px;
  text-align: center;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .yado-measures-more a {
    font-size: 12px;
    padding: 10px;
  }
}

.yado-measures-more a::after {
  content: "もっと見る";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.yado-measures-more a.close::after {
  content: "閉じる";
}

.yado-mTtl h2 {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  margin: 2.5em 0 1.5em;
  padding: 6px 0 16px 22px;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .yado-mTtl h2 {
    font-size: 16px;
    padding: 9px 0 13px 15px;
  }
}

.yado-mTtl h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 24px;
  background-color: #c30d23;
  border-bottom: 12px solid #E9E4D9;
}

.yado-mTtl h3 {
  font-size: 18px;
  font-weight: bold;
  color: #c30d23;
  margin: 40px 0 15px;
}

@media screen and (max-width: 767px) {
  .yado-mTtl h3 {
    font-size: 17px;
    margin: 25px 0 15px;
  }
}

.yado-amenity-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px 80px;
}

@media screen and (max-width: 767px) {
  .yado-amenity-inner {
    padding: 0 20px 40px;
  }
}

@media screen and (min-width: 768px) {
  .yado-amenity-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .yado-amenity-col {
    width: 47.4576%;
  }
}

.yado-amenity-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -15px 0;
}

@media screen and (max-width: 767px) {
  .yado-amenity-icons {
    margin: 0 0 35px;
  }
}

.yado-amenity-icons li {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .yado-amenity-icons li {
    width: 50%;
    margin: 0;
    padding: 0;
  }
}

.yado-amenity-icons li.is-off {
  display: none;
  opacity: 0.2;
}

@media screen and (max-width: 767px) {
  .yado-amenity-icons li.is-off {
    opacity: 1;
  }
}

.yado-amenity-icons li p {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 38px;
  height: 44px;
  font-size: 13px;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .yado-amenity-icons li p {
    font-size: 12px;
    height: 40px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .yado-amenity-icons li.is-off p {
    color: #ccc;
  }
}

.yado-amenity-icons li i {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .yado-amenity-icons li i {
    width: 25px;
    height: 25px;
    left: 5px;
  }
}

@media screen and (max-width: 767px) {
  .yado-amenity-icons li.is-off i {
    opacity: 0.2;
  }
}

.yado-amenity-etc {
  width: 34%;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .yado-amenity-etc {
    width: auto;
    padding-right: 0;
  }
}

.yado-amenity-rent {
  width: 66%;
}

@media screen and (max-width: 767px) {
  .yado-amenity-rent {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .yado-amenity-info {
    margin-bottom: 15px;
  }
  .yado-amenity-info h3 {
    border: 1px solid #d2d2d2;
    font-size: 13px;
    color: #000;
    font-weight: normal;
    margin: 0;
    padding: 10px;
    position: relative;
  }
  .yado-amenity-info h3:before {
    content: '＋';
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 20px;
    color: #c30d23;
  }
  .yado-amenity-info h3.is-on:before {
    content: 'ー';
  }
  .yado-amenity-info p {
    display: none;
    border: 1px solid #d2d2d2;
    border-top: none;
    font-size: 13px;
    color: #000;
    font-weight: normal;
    margin: 0;
    padding: 10px;
    background-color: #eee;
  }
}

.yado-plan {
  background-color: #f3f0e9;
  padding: 1px 0;
}

.yado-plan-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px 60px;
}

@media screen and (max-width: 767px) {
  .yado-plan-inner {
    padding: 0 20px 10px;
  }
}

.yado-plan-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .yado-plan-items {
    display: block;
  }
}

.yado-plan-item {
  width: 50%;
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .yado-plan-item {
    width: auto;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.yado-plan-item:nth-child(2n) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .yado-plan-item:nth-child(2n) {
    border-bottom: none;
    margin-bottom: 0;
  }
}

.yado-plan-item h3 {
  font-size: 16px;
  margin: 20px 0 10px;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .yado-plan-item h3 {
    font-size: 13px;
    margin: 0 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .yado-plan-itemImg {
    width: 35%;
  }
}

.yado-plan-itemImg span {
  display: block;
}

@media screen and (max-width: 767px) {
  .yado-plan-itemInfo {
    width: 65%;
    padding-left: 18px;
  }
}

.yado-plan-itemTxt {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .yado-plan-itemTxt {
    font-size: 12px;
  }
}

.yado-example {
  background-color: #c30d23;
}

.yado-example-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 60px 20px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .yado-example-inner {
    padding: 25px 20px 40px;
    font-size: 13px;
  }
}

.yado-example h2 {
  font-size: 24px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .yado-example h2 {
    font-size: 17px;
  }
}

.yado-example-txt {
  margin-bottom: 25px;
}

.yado-example-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.yado-example-btn a {
  display: block;
  background-color: #fff;
  padding: 8px 30px;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .yado-example-btn a {
    font-size: 15px;
    width: 94%;
  }
}

.yado-ryoko-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 55px 20px 60px;
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .yado-ryoko-inner {
    font-size: 13px;
    padding: 25px 20px 40px;
  }
}

.yado-ryoko h2 {
  font-size: 22px;
  margin-bottom: 40px;
  color: #c30d23;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .yado-ryoko h2 {
    font-size: 17px;
    margin-bottom: 20px;
  }
}

.yado-ryoko-logo {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .yado-ryoko-logo {
    margin-bottom: 15px;
  }
}

.yado-ryoko-logo img {
  width: 347px;
}

@media screen and (max-width: 767px) {
  .yado-ryoko-logo img {
    width: 205px;
  }
}

.yado-ryoko-txt {
  margin-bottom: 27px;
}

@media screen and (max-width: 767px) {
  .yado-ryoko-txt {
    margin-bottom: 10px;
  }
}

.yado-ryoko-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.yado-ryoko-btn a {
  display: block;
  background-color: #c30d23;
  color: #fff;
  width: 280px;
  padding: 8px 30px;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .yado-ryoko-btn a {
    width: 200px;
  }
}

.yado-demonstration {
  background-color: #f3f0e9;
}

.yado-demonstration-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 55px 20px 60px;
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .yado-demonstration-inner {
    font-size: 13px;
    padding: 25px 20px 40px;
  }
}

.yado-demonstration h2 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #c30d23;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .yado-demonstration h2 {
    font-size: 17px;
    margin-bottom: 10px;
  }
}

.yado-demonstration-logo {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .yado-demonstration-logo {
    margin-bottom: 15px;
  }
}

.yado-demonstration-logo img {
  width: 347px;
}

@media screen and (max-width: 767px) {
  .yado-demonstration-logo img {
    width: 205px;
  }
}

.yado-demonstration-txt {
  margin-bottom: 27px;
}

@media screen and (max-width: 767px) {
  .yado-demonstration-txt {
    margin-bottom: 10px;
  }
}

.yado-demonstration-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.yado-demonstration-btn a {
  display: block;
  background-color: #c30d23;
  color: #fff;
  width: 280px;
  padding: 8px 30px;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .yado-demonstration-btn a {
    width: 200px;
  }
}

.yado-workspace {
  background-color: #E9E4D9;
}

.yado-workspace-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 60px 20px;
}

@media screen and (max-width: 767px) {
  .yado-workspace-inner {
    padding: 40px 20px;
  }
}

.yado-workspace-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}

@media screen and (max-width: 767px) {
  .yado-workspace-items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.yado-workspace-item {
  width: 33.33%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .yado-workspace-item {
    width: 86.666666666%;
  }
}

.yado-workspace-sliderWrap {
  margin: 0 -15px;
}

@media screen and (max-width: 767px) {
  .yado-workspace-sliderWrap {
    margin: 0;
    padding: 0 5px;
  }
}

.yado-workspace-slide {
  padding: 0 15px;
}

.yado-workspace-itemImg {
  position: relative;
}

.yado-workspace-itemImg-bg {
  display: block;
  padding-top: 66.66%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.yado-workspace-itemImg-kinrin {
  position: absolute;
  display: block;
  padding: 5px 10px;
  left: 0;
  bottom: 0;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.yado-workspace-itemInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  overflow: hidden;
  padding: 15px 10px 25px 20px;
  background-color: #fff;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .yado-workspace-itemInfo {
    font-size: 12px;
    padding: 10px 15px;
  }
}

.yado-workspace-itemName {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .yado-workspace-itemName {
    font-size: 14px;
  }
}

.yado-workspace-itemTxt1 {
  margin-bottom: 20px;
  letter-spacing: -0.01em;
  font-size: 13px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .yado-workspace-itemTxt1 {
    font-size: 12px;
  }
}

.yado-workspace-itemTbl {
  border-top: 1px solid #ccc;
}

.yado-workspace-itemTblRow {
  border-bottom: 1px solid #ccc;
  padding: 15px 15px 15px 17px;
}

@media screen and (max-width: 767px) {
  .yado-workspace-itemTblRow {
    padding: 5px;
  }
}

.yado-workspace-itemTblRow dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.yado-workspace-itemTblRow dt {
  width: 8em;
  font-weight: bold;
}

.yado-workspace-itemTblRow dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.yado-workspace-itemTblCols3 {
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.yado-workspace-itemTblCols3 p {
  width: 33.33%;
  padding: 15px;
  border-right: 1px solid #ccc;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .yado-workspace-itemTblCols3 p {
    padding: 5px;
  }
}

.yado-workspace-itemTblCols3 p:last-child {
  border: none;
}

.yado-workspace-itemTblCols3 p b {
  font-weight: bold;
}

.yado-workspace-itemTblCols3 p span.-ng {
  color: #c30d23;
}

.yado-workspace-itemTblCols3 p span.-ok {
  color: #008CD6;
}

.yado-workspace-itemTag {
  position: absolute;
  right: 25px;
  bottom: 25px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #c30d23;
  -webkit-transform: translate(50%, 50%) rotate(-45deg);
          transform: translate(50%, 50%) rotate(-45deg);
  font-weight: bold;
  width: 100px;
}

.yado-onsen-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 40px 20px 60px;
}

@media screen and (max-width: 767px) {
  .yado-onsen-inner {
    padding: 20px 20px 30px;
  }
}

.yado-onsen-img {
  max-width: 1120px;
  margin: 0 auto 60px;
  padding: 0 70px;
}

@media screen and (max-width: 767px) {
  .yado-onsen-img {
    padding: 0;
  }
}

.yado-onsen-imgInner {
  position: relative;
}

.yado-onsen-imgInner::before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 400px;
  height: 200px;
  background-color: #c30d23;
}

.yado-onsen-imgInner p {
  position: relative;
}

.yado-onsen-imgInner img {
  width: 100%;
}

.yado-onsen-deco2 {
  position: absolute !important;
  left: -57px;
  top: -30px;
  poiinter-events: none;
}

@media screen and (max-width: 767px) {
  .yado-onsen-deco2 {
    display: none;
  }
}

.yado-onsen-deco2 img {
  width: 78px;
}

@media screen and (max-width: 767px) {
  .yado-onsen-deco2 img {
    width: 58px;
  }
}

@media screen and (min-width: 768px) {
  .yado-onsen-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .yado-onsen-col:nth-child(1) {
    width: 43.0508%;
  }
  .yado-onsen-col:nth-child(1).-none {
    display: none;
  }
  .yado-onsen-col:nth-child(2) {
    width: 49.322%;
  }
  .yado-onsen-col.-none + .yado-onsen-col:nth-child(2) {
    width: auto;
  }
}

.yado-onsen-col h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

.yado-onsen-txt2 {
  font-size: 15px;
  line-height: 2;
  margin-bottom: 40px;
}

.yado-onsen-txt2 p {
  margin-bottom: 0.5em;
}

.yado-onsen-txtTtl {
  font-size: 18px;
  font-weight: bold;
  color: #c30d23;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .yado-onsen-txtTtl {
    font-size: 17px;
    margin-bottom: 15px;
  }
}

.yado-onsen-txt dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #bfbfbf;
  padding: 8px 0;
}

.yado-onsen-txt dl:first-child {
  border-top: 1px solid #bfbfbf;
}

.yado-onsen-txt dt {
  width: 185px;
  font-weight: bold;
  padding: 10px 0 10px 25px;
}

@media screen and (max-width: 767px) {
  .yado-onsen-txt dt {
    width: 110px;
    padding: 10px 0 10px 10px;
  }
}

.yado-onsen-txt dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px;
}

.yado-onsen-txt a {
  color: #c30d23;
}

.yado-onsen-txt a:hover {
  text-decoration: underline;
}

.yado-facility-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 1px 20px 50px;
}

@media screen and (max-width: 767px) {
  .yado-facility-inner {
    padding: 1px 0 1px;
  }
  .yado-facility-inner .yado-mTtl h2 {
    padding-left: 20px;
  }
}

.yado-facility-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .yado-facility-cols {
    display: block;
  }
}

.yado-facility-cols.is-w {
  display: block;
}

.yado-facility-col {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .yado-facility-col {
    width: auto;
  }
}

.yado-facility-cols.is-w .yado-facility-col {
  width: auto;
}

.yado-facility-col:nth-child(1) {
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .yado-facility-col:nth-child(1) {
    margin-right: 0;
    padding: 1px 20px 20px;
  }
}

.yado-facility-col .yado-mTtl:first-child h3 {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .yado-facility-col .yado-mTtl:first-child h3 {
    margin-top: 25px;
  }
}

.yado-facility-txt.-wifi {
  margin-top: -25px;
}

.yado-facility-txt dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #bfbfbf;
  padding: 20px 0 20px 15px;
}

@media screen and (max-width: 767px) {
  .yado-facility-txt dl {
    padding: 20px 0 20px 10px;
  }
}

.yado-facility-txt dl:first-child {
  border-top: 1px solid #bfbfbf;
}

.yado-facility-txt dt {
  width: 160px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .yado-facility-txt dt {
    width: 110px;
  }
}

.yado-facility-txt dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.yado-facility-txt dd.check {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.yado-facility-txt dd.check:before {
  display: none;
}

.yado-facility-txt dd.check:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  background-image: url("../img/icon/check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.yado-facility-txt a {
  color: #c30d23;
}

.yado-facility-txt a:hover {
  text-decoration: underline;
}

.yado-facility-txt .check {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}

.yado-facility-txt .check:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background-image: url("../img/icon/check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.yado-facility-txt .whtats-wifi {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}

.yado-facility-txt .whtats-wifi:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background-image: url("../img/icon/info.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.yado-facility-txt .note {
  margin-top: 10px;
  font-size: 12px;
  color: #6a6a6a;
}

.yado-facility-txt2Wrap {
  padding: 1px 20px 20px;
}

.yado-facility-txt2 p {
  line-height: 2;
  font-size: 13px;
}

.yado-facility-txt2 a {
  color: #c30d23;
}

.yado-facility-txt2 a:hover {
  text-decoration: underline;
}

.yado-res {
  padding: 1px 20px 40px;
  background-color: #f3f0e9;
  background-image: url("../img/yado/res-bg.png");
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 767px) {
  .yado-res {
    padding: 1px 20px 20px;
  }
}

.yado-res-items {
  max-width: 1040px;
  margin: 0 auto;
}

.yado-res-item {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 20px #EDE1D3;
          box-shadow: 0 2px 20px #EDE1D3;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .yado-res-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.yado-res-itemTtl {
  background-color: #c30d23;
  color: #fff;
  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;
  text-align: center;
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .yado-res-itemTtl {
    width: 23%;
  }
}

.yado-res-item.-bl .yado-res-itemTtl {
  background-color: #008CD6;
}

.yado-res-itemTtl h3 {
  font-size: 20px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .yado-res-itemTtl h3 {
    font-size: 17px;
  }
}

.yado-res-itemTtl h3 img {
  position: relative;
  top: -3px;
  display: inline-block;
  margin-right: 5px;
}

.yado-res-itemTtl h3 img.-ko {
  width: 26px;
}

@media screen and (max-width: 767px) {
  .yado-res-itemTtl h3 img.-ko {
    width: 20px;
  }
}

.yado-res-itemTtl h3 img.-ho {
  width: 24px;
}

@media screen and (max-width: 767px) {
  .yado-res-itemTtl h3 img.-ho {
    width: 19px;
  }
}

.yado-res-itemTxt {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 20px 10px 50px;
}

@media screen and (max-width: 767px) {
  .yado-res-itemTxt {
    padding: 20px;
  }
}

.yado-res-itemTxt h4 {
  font-size: 20px;
  color: #c30d23;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .yado-res-itemTxt h4 {
    font-size: 16px;
  }
}

.yado-res-item.-bl .yado-res-itemTxt h4 {
  color: #008CD6;
}

.yado-res-itemTxt p {
  margin-bottom: 1em;
}

.yado-res-itemTxt p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .yado-res-itemTxt p.-logo {
    text-align: center;
  }
}

.yado-res-itemTxt p.-logo img {
  width: 226px;
}

@media screen and (max-width: 767px) {
  .yado-res-itemTxt p.-logo img {
    width: 150px;
  }
}

.yado-res-itemBtn {
  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;
  padding: 30px 20px 30px 0;
}

@media screen and (min-width: 768px) {
  .yado-res-itemBtn {
    width: 31%;
  }
}

@media screen and (max-width: 767px) {
  .yado-res-itemBtn {
    padding: 0 0 20px 0;
  }
  .yado-res-itemBtn .btn-yado {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.yado-rela-inner {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .yado-rela-inner {
    margin-bottom: 50px;
  }
}

.yado-campaign {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px 80px;
}

@media screen and (max-width: 767px) {
  .yado-campaign {
    padding: 0 20px 40px;
  }
}

.wifi-info .title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.wifi-info .lead {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.wifi-info table {
  margin: 20px auto;
  width: 100%;
}

.wifi-info table th {
  padding: 10px 15px;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  color: #c30d23;
  border-top: #c30d23 1px solid;
  border-bottom: #c30d23 1px solid;
}

@media screen and (max-width: 767px) {
  .wifi-info table th {
    padding: 10px 5px;
  }
}

.wifi-info table th:nth-child(1) {
  width: 55%;
}

@media screen and (max-width: 767px) {
  .wifi-info table th:nth-child(1) {
    width: 53%;
  }
}

.wifi-info table th:nth-child(2) {
  width: 27%;
}

.wifi-info table th:nth-child(3) {
  width: 18%;
}

@media screen and (max-width: 767px) {
  .wifi-info table th:nth-child(3) {
    width: 17%;
  }
}

.wifi-info table td {
  padding: 10px 15px;
  border-bottom: #ccc 1px solid;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .wifi-info table td {
    padding: 10px 5px;
  }
}

.wifi-info table td span {
  display: block;
  font-size: 12px;
  color: #6a6a6a;
}

.wifi-info .check-biglobe {
  text-align: right;
  color: #008CD6;
}

.stretch-con h2 {
  font-size: 22px;
  color: #c30d23;
  font-weight: 500;
  margin: 30px 0;
}

@media screen and (max-width: 767px) {
  .stretch-con h2 {
    font-size: 17px;
    margin: 20px 0;
  }
}

.stretch-con h3 {
  font-size: 18px;
  color: #c30d23;
  font-weight: 500;
  margin: 30px 0 12px;
}

@media screen and (max-width: 767px) {
  .stretch-con h3 {
    font-size: 13px;
    margin: 20px 0 10px;
  }
}

.stretch-con hr {
  margin: 30px 0;
  border: none;
  border-top: 1px solid #d2d2d2;
}

.stretch-kv {
  margin-top: -35px;
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .stretch-kv {
    margin: -25px -20px 0;
    padding-bottom: 40px;
  }
}

.stretch-kv-img {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .stretch-kv-img {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .stretch-kv-info {
    padding: 0 20px;
  }
}

.stretch-kv-txt {
  margin-top: -10px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .stretch-kv-txt {
    font-size: 13px;
    margin-top: -5px;
    line-height: 1.8;
  }
}

@media screen and (min-width: 768px) {
  .stretch-kv-spNav {
    display: none;
  }
}

.stretch-kv-spNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.stretch-kv-spNav li {
  width: 50%;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}

.stretch-kv-spNav li:nth-child(2n) {
  border-right: none;
}

.stretch-kv-spNav a {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 25px;
}

.stretch-kv-spNav a:before {
  content: '＞';
  display: block;
  position: absolute;
  right: 5px;
  top: 50%;
  color: #c30d23;
  -webkit-transform: translateY(-50%) scaleX(0.5);
          transform: translateY(-50%) scaleX(0.5);
  font-size: 22px;
}

.stretch-action {
  background-color: #f3f0e9;
  margin: 0 calc((100vw - 100%) / -2);
}

@media screen and (max-width: 767px) {
  .stretch-action {
    margin: 0 -20px;
  }
}

.stretch-action-inner {
  padding: 1px 20px;
  max-width: 1000px;
  margin: 0 auto;
}

.stretch-action-cols {
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .stretch-action-cols {
    display: block;
    padding-bottom: 10px;
  }
}

.stretch-action-col {
  width: 27.3333%;
  margin-right: 9%;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .stretch-action-col {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
  }
}

.stretch-action-col:nth-of-type(3n) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .stretch-action-col h3 {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .stretch-action-img {
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  .stretch-action-info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 20px;
  }
}

.stretch-bath-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 40px;
}

.stretch-bath-cols h3.is-3 {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .stretch-bath-cols h3.is-3 {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .stretch-bath-cols h3:first-child {
    margin-top: 0;
  }
}

.stretch-bath-col:nth-child(1) {
  width: 60%;
}

@media screen and (max-width: 767px) {
  .stretch-bath-col:nth-child(1) {
    width: auto;
  }
}

.stretch-bath-col:nth-child(2) {
  width: 36%;
  margin-top: -30px;
}

@media screen and (max-width: 767px) {
  .stretch-bath-col:nth-child(2) {
    width: auto;
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .stretch-bath-spBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .stretch-bath-spInfo {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 20px;
  }
}

.stretch-bath-img {
  padding: 35px 0 0 100px;
}

@media screen and (max-width: 767px) {
  .stretch-bath-img {
    padding: 35px 0 0 0;
  }
}

.stretch-bath-img img {
  width: 256px;
}

@media screen and (max-width: 767px) {
  .stretch-bath-img img {
    width: 100%;
  }
}

.stretch-bath-img2 img {
  width: 234px;
}

@media screen and (max-width: 767px) {
  .stretch-bath-img3 {
    width: 40%;
  }
}

.stretch-room {
  background-color: #f3f0e9;
  margin: 0 calc((100vw - 100%) / -2);
}

@media screen and (max-width: 767px) {
  .stretch-room {
    margin: 0 -20px;
  }
}

.stretch-room-inner {
  padding: 1px 20px;
  max-width: 1000px;
  margin: 0 auto;
}

.stretch-room-ttl {
  position: relative;
  background-color: #c30d23;
  color: #fff;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .stretch-room-ttl {
    padding: 15px;
    border-radius: 5px;
  }
  .stretch-room-ttl:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background-color: #c30d23;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
            transform: translate(-50%, 0) rotate(45deg);
  }
}

.stretch-room-ttl h3 {
  color: #fff;
  font-size: 20px;
  margin: 0 0 5px;
}

@media screen and (max-width: 767px) {
  .stretch-room-ttl h3 {
    font-size: 14px;
  }
}

.stretch-room-cols {
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .stretch-room-cols {
    display: block;
    padding-bottom: 10px;
  }
}

.stretch-room-col {
  width: 27.3333%;
  margin-right: 9%;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .stretch-room-col {
    width: auto;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.stretch-room-col:nth-of-type(3n) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .stretch-room-col h3 {
    margin-top: 0;
  }
}

.stretch-room-col p.is-w {
  margin-right: -60%;
}

@media screen and (max-width: 767px) {
  .stretch-room-col p.is-w {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .stretch-room-img {
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  .stretch-room-info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 20px;
  }
}

.stretch-room-cols2 {
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .stretch-room-cols2 {
    display: block;
  }
}

.stretch-room-cols2Col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .stretch-room-cols2Col {
    width: auto;
    margin-bottom: 25px;
  }
}

.stretch-room-cols2Col .stretch-room-img {
  width: 49%;
}

@media screen and (max-width: 767px) {
  .stretch-room-cols2Col .stretch-room-img {
    width: 40%;
  }
}

.stretch-room-cols2Col .stretch-room-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .stretch-room-cols2Col .stretch-room-info {
    padding-right: 0;
  }
}

.stretch-room-cols2Col h3 {
  margin-top: 0;
  margin-right: -0.5em;
  letter-spacing: -0.03em;
}

.stretch-note {
  font-size: 12px;
  text-align: right;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .stretch-note {
    margin-bottom: 30px;
  }
}

.stretch-st {
  text-align: center;
  margin: 0 calc((100vw - 100%) / -2);
  padding: 75px 0 20px;
}

@media screen and (max-width: 767px) {
  .stretch-st {
    margin: 0 -20px;
    padding: 195px 0 185px;
  }
}

.stretch-st-inner {
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
}

.stretch-st h2 {
  font-size: 24px;
  color: #c30d23;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .stretch-st h2 {
    font-size: 18px;
  }
}

.stretch-st-txt {
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .stretch-st-txt {
    text-align: left;
    padding: 0 20px;
  }
}

.stretch-st-txt p {
  font-size: 14px;
}

.stretch-st-btn a {
  display: block;
  width: 280px;
  margin: 0 auto;
  border-radius: 30px;
  background-color: #c30d23;
  color: #fff;
  font-size: 16px;
  padding: 7px;
}

.stretch-st-img1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .stretch-st-img1 {
    left: 20px;
    top: -185px;
  }
}

.stretch-st-img1::before {
  content: "";
  display: block;
  position: absolute;
  left: -50px;
  bottom: -30px;
  width: 230px;
  height: 150px;
  background-color: #c30d23;
  z-index: -1;
}

@media screen and (max-width: 991px) {
  .stretch-st-img1::before {
    left: -5.0403vw;
    bottom: -3.0241vw;
    width: 23.1854vw;
    height: 15.1209vw;
  }
}

@media screen and (max-width: 767px) {
  .stretch-st-img1::before {
    left: -5.0403vw;
    bottom: -4.0241vw;
    width: 65vw;
    height: 34vw;
  }
}

.stretch-st-img1 img {
  width: 270px;
}

@media screen and (max-width: 991px) {
  .stretch-st-img1 img {
    width: 27.2177vw;
  }
}

@media screen and (max-width: 767px) {
  .stretch-st-img1 img {
    width: 70vw;
  }
}

.stretch-st-img2 {
  position: absolute;
  right: 0;
  bottom: -20px;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .stretch-st-img2 {
    right: 20px;
    bottom: -195px;
  }
}

.stretch-st-img2::before {
  content: "";
  display: block;
  position: absolute;
  right: -50px;
  top: -30px;
  width: 230px;
  height: 150px;
  background-color: #c30d23;
  z-index: -1;
}

@media screen and (max-width: 991px) {
  .stretch-st-img2::before {
    right: -5.0403vw;
    top: -3.0241vw;
    width: 23.1854vw;
    height: 15.1209vw;
  }
}

@media screen and (max-width: 767px) {
  .stretch-st-img2::before {
    right: -5.0403vw;
    top: -4.0241vw;
    width: 65vw;
    height: 34vw;
  }
}

.stretch-st-img2 img {
  width: 270px;
}

@media screen and (max-width: 991px) {
  .stretch-st-img2 img {
    width: 27.2177vw;
  }
}

@media screen and (max-width: 767px) {
  .stretch-st-img2 img {
    width: 70vw;
  }
}

.published-con {
  max-width: 580px;
  margin: 0 auto;
}

.published-logo {
  text-align: center;
  margin-bottom: 30px;
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .published-logo {
    padding-top: 0;
  }
}

.published-logo img {
  width: 328px;
}

@media screen and (max-width: 767px) {
  .published-logo img {
    width: 196px;
  }
}

.published-txt {
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .published-txt {
    text-align: left;
    margin-bottom: 15px;
  }
}

.published-txt h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .published-txt h3 {
    font-size: 16px;
    text-align: center;
  }
}

.published-txt p {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .published-txt p {
    font-size: 13px;
  }
}

.published-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .published-btn {
    margin-bottom: 40px;
  }
}

.published-btn a {
  display: block;
  font-size: 16px;
  color: #fff;
  width: 380px;
  border-radius: 30px;
  background-color: #c30d23;
  text-align: center;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .published-btn a {
    width: 300px;
    font-size: 14px;
    padding: 11px;
  }
}

.published-btn span {
  display: inline-block;
  position: relative;
  padding-left: 50px;
}

.published-btn span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 34px;
  background: url(../img/icon/book.png) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .published-btn span:before {
    width: 34px;
  }
}

.published-contact {
  text-align: center;
  border: 2px solid #c30d23;
  padding: 20px 20px 30px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .published-contact {
    text-align: left;
    border-width: 1px;
    padding: 15px 15px 15px;
  }
}

.published-contact h3 {
  color: #c30d23;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .published-contact h3 {
    margin-bottom: 5px;
    font-size: 14px;
  }
}

.published-contact a:hover {
  text-decoration: underline;
}

.published-contact img.is-email {
  width: 230px;
}

.demonstration-logo {
  text-align: center;
  margin-bottom: 30px;
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .demonstration-logo {
    padding-top: 0;
  }
}

.demonstration-logo img {
  width: 328px;
}

@media screen and (max-width: 767px) {
  .demonstration-logo img {
    width: 196px;
  }
}

.demonstration-txt {
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .demonstration-txt {
    text-align: left;
    margin-bottom: 30px;
  }
}

.demonstration-txt p {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .demonstration-txt p {
    font-size: 13px;
  }
}

.demonstration-list {
  display: inline-block;
  margin: 50px auto 0;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .demonstration-list {
    display: block;
    margin: 10px auto 0;
    width: 95%;
  }
}

.demonstration-list li {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .demonstration-list li {
    margin-bottom: 5px;
    font-size: 14px;
  }
}

.demonstration-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .demonstration-btn {
    margin-bottom: 40px;
  }
}

.demonstration-btn a {
  display: block;
  font-size: 16px;
  color: #fff;
  width: 380px;
  border-radius: 30px;
  background-color: #c30d23;
  text-align: center;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .demonstration-btn a {
    width: 300px;
    font-size: 14px;
    padding: 11px;
  }
}

.demonstration-btn span {
  display: inline-block;
  position: relative;
  padding-left: 50px;
}

.demonstration-btn span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 34px;
  background: url(../img/icon/book.png) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .demonstration-btn span:before {
    width: 34px;
  }
}

.demonstration-contact {
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
  border: 2px solid #c30d23;
  padding: 20px 20px 30px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .demonstration-contact {
    text-align: center;
    border-width: 1px;
    padding: 15px 15px 15px;
  }
}

.demonstration-contact h3 {
  color: #c30d23;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .demonstration-contact h3 {
    margin-bottom: 5px;
    font-size: 14px;
  }
}

.demonstration-contact a:hover {
  text-decoration: underline;
}

.demonstration-contact img.is-email {
  width: 230px;
}

.policy-con h2 {
  font-size: 18px;
  font-weight: 500;
  margin: 40px 0 25px;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .policy-con h2 {
    margin: 30px 0 10px;
    font-size: 15px;
  }
}

.policy-con h2:first-child {
  margin-top: 0;
}

.policy-con ol {
  counter-reset: ol_li;
}

.policy-con ol li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 1.2em;
}

.policy-con ol li:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5em;
  counter-increment: ol_li;
  content: counter(ol_li);
  color: #c30d23;
}

.policy-con ol li:first-child:before {
  opacity: 0;
}

.faq-con h2 {
  font-size: 22px;
  font-weight: 500;
  margin: 40px 0 25px;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .faq-con h2 {
    margin: 30px 0 10px;
    font-size: 17px;
  }
}

.faq-con h2:first-child {
  margin-top: 0;
}

.faq-con dl {
  margin-bottom: 10px;
}

.faq-con dl a {
  color: #c30d23;
}

.faq-con dl a:hover {
  text-decoration: underline;
}

.faq-con dt {
  position: relative;
  border: 1px solid #d2d2d2;
  font-size: 18px;
  padding: 10px 10px 10px 45px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .faq-con dt {
    font-size: 13px;
    padding: 10px 30px 10px 45px;
  }
}

.faq-con dt:before {
  content: 'Q.';
  display: block;
  position: absolute;
  left: 15px;
  top: 9px;
  color: #c30d23;
  font-weight: 500;
}

.faq-con dt:after {
  content: '＋';
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 22px;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .faq-con dt:after {
    font-size: 20px;
  }
}

.faq-con dt.is-on:after {
  content: 'ー';
}

.faq-con dd {
  display: none;
  position: relative;
  border: 1px solid #d2d2d2;
  border-top: none;
}

.faq-con dd:before {
  content: 'A.';
  display: block;
  position: absolute;
  left: 15px;
  top: 9px;
  color: #c30d23;
  font-weight: 500;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .faq-con dd:before {
    font-size: 13px;
  }
}

.faq-con dd p {
  padding: 10px 10px 10px 45px;
  font-size: 16px;
  background-color: #eee;
}

@media screen and (max-width: 767px) {
  .faq-con dd p {
    font-size: 13px;
  }
}

.faq-sideTtl {
  font-size: 22px;
  font-weight: 500;
  border-bottom: 3px solid #c30d23;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .faq-sideTtl {
    font-size: 18px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-width: 2px;
  }
}

.faq-sideNav a {
  display: block;
  font-size: 15px;
  padding: 5px 10px 5px 0;
  position: relative;
}

.faq-sideNav a::before {
  content: '';
  display: block;
  position: absolute;
  right: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 7px;
  height: 7px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}

@media screen and (min-width: 768px) {
  .faq-sideNav a:hover {
    text-decoration: underline;
  }
}

.contact-con {
  margin: -35px 0 -80px;
}

@media screen and (max-width: 767px) {
  .contact-con {
    margin: -25px 0 -40px;
  }
}

.contact-con .home-mTtl {
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .contact-con .home-mTtl {
    margin-bottom: 20px;
  }
}

.contact-sec {
  margin: 0 calc((100vw - 100%) / -2);
  padding: 25px 20px 80px;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .contact-sec {
    font-size: 13px;
    padding: 15px 15px 55px;
    text-align: left;
  }
}

.contact-sec:nth-child(even) {
  background-color: #f3f0e9;
}

.contact-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
}

.contact-btn a {
  display: block;
  width: 280px;
  padding: 10px;
  color: #fff;
  background-color: #c30d23;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .contact-btn a {
    width: 100%;
    text-align: center;
  }
}

.contact-txt {
  max-width: 580px;
  margin: 0 auto;
  text-align: left;
}

.contact-contact {
  text-align: center;
  border: 2px solid #c30d23;
  max-width: 580px;
  margin: 30px auto -0;
  padding: 20px 20px 30px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .contact-contact {
    border-width: 1px;
    padding: 15px 15px 15px;
  }
}

.contact-contact h3 {
  color: #c30d23;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .contact-contact h3 {
    margin-bottom: 5px;
    font-size: 14px;
  }
}

.contact-contact a:hover {
  text-decoration: underline;
}

.contact-contact img.is-email {
  width: 230px;
}

.choose-kv {
  margin: 0 calc((100vw - 100%) / -2);
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .choose-kv {
    margin: 0 -20px;
  }
}

.choose-kv-imgWrap {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 120px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .choose-kv-imgWrap {
    padding: 0 20px;
  }
}

.choose-kv-img {
  height: 350px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .choose-kv-img {
    height: 200px;
  }
}

.choose-kv-icon1 {
  position: absolute;
  left: -20px;
  bottom: 80px;
}

@media screen and (max-width: 767px) {
  .choose-kv-icon1 {
    left: -40px;
  }
}

.choose-kv-icon1 img {
  width: 216px;
}

@media screen and (max-width: 767px) {
  .choose-kv-icon1 img {
    width: 108px;
  }
}

.choose-kv-icon2 {
  position: absolute;
  right: 5px;
  top: 30px;
}

@media screen and (max-width: 767px) {
  .choose-kv-icon2 {
    right: -30px;
  }
}

.choose-kv-icon2 img {
  width: 169px;
}

@media screen and (max-width: 767px) {
  .choose-kv-icon2 img {
    width: 85px;
  }
}

.choose-kv-lead {
  font-size: 16px;
  line-height: 1.8;
  margin: 30px 0 30px;
  text-align: center;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .choose-kv-lead {
    font-size: 13px;
  }
}

.choose-mes-items {
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .choose-mes-items {
    padding-bottom: 20px;
  }
}

.choose-mes-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0 20px;
}

@media screen and (max-width: 767px) {
  .choose-mes-item {
    display: block;
    padding: 25px 0 20px;
  }
}

.choose-mes-item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.choose-mes-img {
  width: 54%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .choose-mes-img {
    width: auto;
  }
}

.choose-mes-img:before {
  content: '';
  display: block;
  position: absolute;
  left: -130px;
  top: -50px;
  width: 350px;
  height: 250px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .choose-mes-img:before {
    top: -25px;
    height: 0;
    padding-top: 40%;
  }
}

.choose-mes-item:nth-child(2n) .choose-mes-img:before {
  left: auto;
  right: -130px;
}

.choose-mes-img img {
  display: block;
  position: relative;
}

.choose-mes-info {
  width: 46%;
  padding-left: 50px;
}

@media screen and (max-width: 767px) {
  .choose-mes-info {
    width: auto;
    padding-left: 0;
  }
}

.choose-mes-item:nth-child(2n) .choose-mes-info {
  padding-left: 0;
  padding-right: 50px;
}

@media screen and (max-width: 767px) {
  .choose-mes-item:nth-child(2n) .choose-mes-info {
    padding-right: 0;
  }
}

.choose-mes-info h2 {
  font-size: 22px;
  font-weight: 500;
  color: #c30d23;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .choose-mes-info h2 {
    margin-top: 20px;
    font-size: 16px;
  }
}

.choose-mes-info p {
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .choose-mes-info p {
    font-size: 13px;
  }
}

.choose-txt {
  margin: 0 calc((100vw - 100%) / -2);
}

@media screen and (max-width: 767px) {
  .choose-txt {
    margin: 0 -20px;
  }
}

.choose-txt-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 1px 20px 70px;
}

@media screen and (max-width: 767px) {
  .choose-txt-inner {
    padding: 1px 20px 35px;
  }
}

.choose-txt:nth-child(2n+1) {
  background-color: #f3f0e9;
}

.choose-txt h2 {
  font-size: 18px;
  color: #c30d23;
  font-weight: 500;
  margin: 50px 0 15px;
}

@media screen and (max-width: 767px) {
  .choose-txt h2 {
    font-size: 16px;
    margin: 25px 0 15px;
  }
}

.choose-txt h3 {
  font-size: 16px;
  margin: 30px 0 10px;
}

.choose-txt p {
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .choose-txt p {
    font-size: 13px;
  }
}

.choose-txt p.is-note {
  font-size: 12px;
  margin-top: 10px;
}

.choose-txt-tb {
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .choose-txt-tb {
    border-bottom: 1px solid #dcdcdc;
  }
}

.choose-txt-tb.is-1 td {
  width: 33%;
}

@media screen and (max-width: 767px) {
  .choose-txt-tb.is-2 table {
    border: none;
  }
}

@media screen and (max-width: 767px) {
  .choose-txt-tb.is-2 tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .choose-txt-tb.is-2 th:nth-child(1) {
    width: 100%;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .choose-txt-tb.is-2 th:nth-child(2) {
    width: 50%;
    border-right: none;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .choose-txt-tb.is-2 th:nth-child(3) {
    width: 50%;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .choose-txt-tb.is-2 td:nth-child(1) {
    width: 100%;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .choose-txt-tb.is-2 td:nth-child(2) {
    width: 50%;
    border-right: none;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .choose-txt-tb.is-2 td:nth-child(3) {
    width: 50%;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .choose-txt-tb.is-3 th {
    width: 50%;
  }
}

.choose-txt-tb.is-4 th:nth-child(1) {
  width: 35%;
}

.choose-txt-tb.is-4 th:nth-child(2) {
  width: 65%;
}

@media screen and (max-width: 767px) {
  .choose-txt-tb.is-5 th {
    width: 50%;
  }
}

.choose-txt table {
  border: 1px solid #dcdcdc;
  background-color: #fff;
  width: 100%;
}

.choose-txt th {
  padding: 18px 20px;
  background-color: #eee;
  text-align: left;
  border: 1px solid #dcdcdc;
}

@media screen and (max-width: 767px) {
  .choose-txt th {
    padding: 10px 10px;
  }
}

.choose-txt td {
  padding: 18px 20px;
  border: 1px solid #dcdcdc;
}

@media screen and (max-width: 767px) {
  .choose-txt td {
    padding: 10px 10px;
  }
}

.choose-note {
  font-size: 12px;
  text-align: right;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .choose-note {
    margin-bottom: 30px;
  }
}

.choose-wimg {
  text-align: center;
  background: url(../img/choose/wimg-img.jpg) no-repeat center center;
  background-size: cover;
  margin: 0 calc((100vw - 100%) / -2);
  height: 360px;
  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;
}

@media screen and (max-width: 767px) {
  .choose-wimg {
    margin: 0 -20px;
  }
}

.choose-wimg-inner {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  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;
}

.choose-wimg p {
  color: #fff;
  font-size: 18px;
  line-height: 2;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .choose-wimg p {
    font-size: 15px;
  }
}

.choose-st {
  text-align: center;
  margin: 0 calc((100vw - 100%) / -2);
  padding: 75px 0 20px;
}

@media screen and (max-width: 767px) {
  .choose-st {
    margin: 0 -20px;
  }
}

.choose-st-inner {
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}

.choose-st h2 {
  font-size: 24px;
  color: #c30d23;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .choose-st h2 {
    font-size: 18px;
  }
}

.choose-st-txt {
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .choose-st-txt {
    text-align: left;
    padding: 0 20px;
  }
}

.choose-st-txt p {
  font-size: 14px;
}

.choose-st-btn a {
  display: block;
  width: 280px;
  margin: 0 auto;
  border-radius: 30px;
  background-color: #c30d23;
  color: #fff;
  font-size: 16px;
  padding: 7px;
}

.choose-st-img1 {
  position: absolute;
  left: 15px;
  top: 55px;
}

@media screen and (max-width: 991px) {
  .choose-st-img1 {
    display: none;
  }
}

.choose-st-img1 img {
  width: 157px;
}

.choose-st-img2 {
  position: absolute;
  right: 0;
  top: 40px;
}

@media screen and (max-width: 991px) {
  .choose-st-img2 {
    display: none;
  }
}

.choose-st-img2 img {
  width: 224px;
}

.choose-st-img3Wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
  .choose-st-img3Wrap {
    display: none;
  }
}

.choose-st-img3 {
  margin-right: 20px;
}

.choose-st-img3 img {
  width: 94.2px;
}

.choose-st-img4 img {
  width: 134.4px;
}

.iroha-index-cols {
  padding: 30px 0 40px;
}

@media screen and (min-width: 768px) {
  .iroha-index-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.iroha-index-post {
  margin: 0 20px 50px;
}

@media screen and (min-width: 768px) {
  .iroha-index-post {
    width: calc((100% - 120px) / 3);
  }
}

.iroha-index-post a {
  display: block;
}

.iroha-index-postCat span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin: 0 10px 10px 0;
  color: #c30d23;
}

.iroha-index-postCat span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 17px;
  background: url(../img/icon/bookmark.png) no-repeat center center;
  background-size: contain;
}

.iroha-index-postThumb span {
  display: block;
  padding-top: 55.4645%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.iroha-index-postTtl {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}

.iroha-index-postTxt {
  line-height: 2;
}

/* .body-service .page-con {
  max-width: 1220px;
} */
.service-kv {
  margin-bottom: 70px;
}

@media screen and (max-width: 991px) {
  .service-kv {
    margin: 0 -20px 40px;
  }
}

.service-ttl {
  margin: 90px 0 30px;
}

@media screen and (max-width: 991px) {
  .service-ttl {
    margin: 45px 0 20px;
  }
}

.service-ttl h2 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  padding-top: 90px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .service-ttl h2 {
    padding-top: 45px;
    font-size: 18px;
  }
}

.service-ttl h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 187px;
  height: 61px;
  background-image: url(../img/service/ttl-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 991px) {
  .service-ttl h2::before {
    width: 81px;
    height: 36px;
  }
}

.service-ttl__lead {
  font-size: 18px;
  font-weight: bold;
  color: #c30d23;
  text-align: center;
  margin-top: 0.2em;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 991px) {
  .service-ttl__lead {
    font-size: 16px;
  }
}

.service-ttl__lead2 {
  margin-top: 1em;
  text-align: center;
  font-size: 16px;
}

.service-ttl__lead3 {
  margin-top: 1em;
  text-align: center;
  font-size: 13px;
}

.service-about__inner {
  padding-top: 20px;
}

@media screen and (max-width: 991px) {
  .service-about__inner {
    padding-top: 10px;
  }
}

.service-about__txt {
  text-align: center;
  font-size: 20px;
}

@media screen and (max-width: 991px) {
  .service-about__txt {
    font-size: 16px;
  }
}

.service-about__txt p {
  margin-bottom: 0.5em;
}

.service-about__txt span {
  display: inline-block;
  border-bottom: 8px solid rgba(167, 13, 31, 0.15);
  line-height: .4;
}

@media screen and (max-width: 991px) {
  .service-about__txt span {
    border-width: 5px;
  }
}

.service-nayami__items {
  padding-top: 20px;
}

@media screen and (min-width: 992px) {
  .service-nayami__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 992px) {
  .service-nayami__item {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .service-nayami__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .service-nayami__item {
    margin-bottom: 40px;
  }
}

.service-nayami__item h3 {
  font-size: 16.5px;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .service-nayami__item h3 {
    font-size: 16px;
  }
}

.service-nayami__itemImg {
  text-align: center;
  margin-bottom: 30px;
}

.service-nayami__itemImg img.-n1 {
  width: 183px;
}

.service-nayami__itemImg img.-n2 {
  width: 276px;
}

.service-nayami__itemImg img.-n3 {
  width: 216px;
}

@media screen and (max-width: 991px) {
  .service-nayami__itemImg img.-n1 {
    width: 146.4px;
  }
  .service-nayami__itemImg img.-n2 {
    width: 220.8px;
  }
  .service-nayami__itemImg img.-n3 {
    width: 172.8px;
  }
}

.service-nayami__itemTxt {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 991px) {
  .service-nayami__itemTxt {
    font-size: 14px;
  }
}

#program {
  padding-top: 86px;
  margin-top: -86px;
}

@media screen and (max-width: 991px) {
  #program {
    padding-top: 60px;
    margin-top: -60px;
  }
}

.service-pg {
  margin-bottom: 70px;
}

@media screen and (max-width: 991px) {
  .service-pg {
    margin-bottom: 50px;
  }
}

.service-pg__block {
  margin-bottom: 70px;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 991px) {
  .service-pg__block {
    margin-bottom: 60px;
  }
}

.service-pg__block::before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 400px;
  height: 200px;
  background-color: #c30d23;
  z-index: -1;
}

@media screen and (max-width: 991px) {
  .service-pg__block::before {
    bottom: -20px;
    height: 250px;
  }
}

.service-pg__block h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px 10px 10px 20px;
  border-left: 5px solid #c30d23;
  background-color: #F3F0E9;
}

@media screen and (max-width: 991px) {
  .service-pg__block h3 {
    font-size: 18px;
  }
}

.service-pg__lead {
  font-size: 15px;
  line-height: 2;
  padding: 0 20px 15px;
}

@media screen and (max-width: 991px) {
  .service-pg__lead {
    font-size: 13px;
    padding: 0 0 15px;
  }
}

.service-pg__cols {
  border: 1px solid #ccc;
  padding: 40px;
}

@media screen and (min-width: 992px) {
  .service-pg__cols {
    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;
  }
}

@media screen and (max-width: 991px) {
  .service-pg__cols {
    padding: 15px;
  }
}

@media screen and (min-width: 992px) {
  .service-pg__img {
    width: 50%;
    margin-left: 40px;
  }
}

.service-pg__img p {
  position: relative;
}

.service-pg__img p span {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  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;
  padding: 15px 25px;
  color: #fff;
  font-size: 14px;
}

@media screen and (max-width: 991px) {
  .service-pg__img p span {
    font-size: 11px;
    padding: 10px 15px;
  }
}

.service-pg__img.-gra p span {
  height: 50%;
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0));
}

.service-pg__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 30px;
}

.service-pg__case {
  font-size: 16px;
  color: #c30d23;
  margin-bottom: .6em;
}

@media screen and (max-width: 991px) {
  .service-pg__case {
    font-size: 14px;
  }
}

.service-pg__name {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.8;
}

@media screen and (max-width: 991px) {
  .service-pg__name {
    font-size: 16px;
  }
}

.service-pg__name span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #E8E4D9));
  background: linear-gradient(transparent 70%, #E8E4D9 70%);
}

.service-pg__txt {
  line-height: 2;
  font-size: 15px;
}

@media screen and (max-width: 991px) {
  .service-pg__txt {
    font-size: 13px;
  }
}

.service-pg__txt p {
  margin-bottom: 0.5em;
}

.service-pg__btn .home-mBtn a {
  width: 440px;
}

.service-plan {
  margin-bottom: 60px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 767px) {
  .service-plan {
    margin-bottom: 30px;
  }
}

.service-plan__inner {
  padding: 30px 30px 25px;
}

@media screen and (max-width: 767px) {
  .service-plan__inner {
    padding: 15px;
  }
}

.service-plan__ttl {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px 10px 10px 20px;
  border-left: 3px solid #c30d23;
  background-color: #F3F0E9;
}

@media screen and (max-width: 991px) {
  .service-plan__ttl {
    font-size: 16px;
    padding: 8px 8px 8px 15px;
    margin-bottom: 10px;
  }
}

.service-plan__lead {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 1em;
}

@media screen and (max-width: 991px) {
  .service-plan__lead {
    font-size: 14px;
    line-height: 1.8;
  }
}

.service-plan__cols {
  margin-bottom: 28px;
}

@media screen and (min-width: 992px) {
  .service-plan__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .service-plan__cols {
    margin-bottom: 15px;
  }
}

.service-plan__info {
  background-color: #f2f3f4;
  padding: 20px 30px 1px;
}

@media screen and (min-width: 992px) {
  .service-plan__info {
    width: 62.74%;
    margin-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .service-plan__info {
    margin-bottom: 15px;
    padding: 10px 15px 1px;
  }
}

.service-plan__taskTtl {
  font-size: 20px;
  color: #c30d23;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #c30d23;
  letter-spacing: 0.01em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

@media screen and (max-width: 991px) {
  .service-plan__taskTtl {
    font-size: 16px;
  }
}

.service-plan__task p {
  padding: 3px 0 0 55px;
  position: relative;
  margin-bottom: .7em;
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .service-plan__task p {
    font-size: 14px;
    padding: 2px 0 0 30px;
  }
}

.service-plan__task p::before {
  content: '';
  display: block;
  position: absolute;
  left: 13px;
  top: 4px;
  width: 25px;
  height: 22px;
  background-image: url(../img/plan-single/icon-check.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .service-plan__task p::before {
    left: 2px;
    top: 3px;
    width: 20px;
    height: 18px;
  }
}

.service-plan__task p em {
  color: #c30d23;
  border-bottom: 3px dotted #c30d23;
}

@media screen and (min-width: 992px) {
  .service-plan__img {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.service-plan__img img {
  width: 100%;
}

.service-plan__img span {
  display: block;
  font-size: 13px;
  color: #5c5c5c;
  line-height: 1.8em;
  margin-top: 0.5em;
}

@media screen and (max-width: 991px) {
  .service-plan__img span {
    font-size: 11px;
  }
}

.service-plan__btn p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.service-plan__btn p a {
  width: 440px;
  height: 60px;
  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;
  text-align: center;
  position: relative;
  background-color: #c30d23;
  color: #fff;
  border-radius: 60px;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 30px;
}

@media screen and (max-width: 991px) {
  .service-plan__btn p a {
    font-size: 14px;
    height: 40px;
  }
}

.service-plan__btn p a::before {
  content: '>';
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleX(0.5);
          transform: translateY(-50%) scaleX(0.5);
}

.service-effect__lead {
  font-size: 18px;
  text-align: center;
  margin: -10px 0 30px;
  line-height: 2;
}

@media screen and (min-width: 992px) {
  .service-effect__lead {
    font-size: 16px;
    text-align: left;
  }
}

.service-effect__items {
  padding-top: 20px;
  padding-bottom: 0;
}

@media screen and (min-width: 992px) {
  .service-effect__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 991px) {
  .service-effect__items {
    padding: 10px 0 0;
  }
}

@media screen and (min-width: 992px) {
  .service-effect__item {
    width: calc((100% - 100px) / 3);
    margin-right: 50px;
    margin-bottom: 30px;
  }
  .service-effect__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .service-effect__item {
    margin-bottom: 40px;
  }
}

.service-effect__item h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
  color: #c30d23;
}

@media screen and (max-width: 991px) {
  .service-effect__item h3 {
    font-size: 16px;
    margin-bottom: 0.7em;
  }
}

.service-effect__itemImg {
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .service-effect__itemImg {
    margin-bottom: 10px;
  }
}

.service-effect__itemImg img.-n1 {
  width: 304px;
}

.service-effect__itemImg img.-n2 {
  width: 271px;
}

.service-effect__itemImg img.-n3 {
  width: 299px;
}

.service-effect__itemTxt {
  font-size: 16px;
  line-height: 2;
  margin-bottom: .8em;
}

@media screen and (max-width: 991px) {
  .service-effect__itemTxt {
    font-size: 14px;
  }
}

.service-effect__itemNote {
  font-size: 12px;
  line-height: 2;
  padding-left: 1em;
  text-indent: -1em;
}

.service-effect__voice {
  position: relative;
  border: 2px solid #F3F0E9;
  border-radius: 2px;
  margin-top: 1.5em;
  padding: 28px 22px 22px;
}

.service-effect__voice h4 {
  text-align: center;
  line-height: 1;
  position: absolute;
  left: 0;
  top: -.6em;
  width: 100%;
}

.service-effect__voice h4 span {
  display: inline-block;
  background-color: #fff;
  padding: 0 20px;
  font-weight: bold;
  font-size: 14px;
}

.service-effect__voice li {
  font-size: 13px;
  background-color: #f3f0e9;
  padding: 8px 12px;
  line-height: 1.8;
  margin-bottom: 15px;
}

.service-effect__voice li:last-child {
  margin-bottom: 0;
}

.service-flow {
  background-image: url(../img/service/flow-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-left: calc((100vw - 1180px) / -2);
  margin-right: calc((100vw - 1180px) / -2);
}

@media screen and (max-width: 1220px) {
  .service-flow {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.service-flow__inner {
  padding: 1px 20px 60px;
  max-width: 1154px;
  margin: 0 auto;
}

.service-flow .service-ttl {
  margin-top: 50px;
}

.service-flow__img {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .service-flow__img {
    padding-top: 20px;
  }
}

@media screen and (max-width: 991px) {
  .service-flow__img img {
    width: 150px;
  }
}

.service-contact {
  margin: 80px 0 60px;
}

@media screen and (max-width: 991px) {
  .service-contact {
    margin: 40px 0;
  }
}

.about-container {
  padding: 0 20px;
}

.about-kv {
  position: relative;
  background-image: url(../img/about/kv-img.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.about-kv::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.about-kv__inner {
  position: relative;
  height: 420px;
  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;
}

@media screen and (max-width: 767px) {
  .about-kv__inner {
    height: 300px;
  }
}

.about-kv__logo {
  text-align: center;
}

.about-kv__logo img {
  width: 230px;
}

@media screen and (max-width: 767px) {
  .about-kv__logo img {
    width: 150px;
  }
}

.about-kv__ttl h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  .about-kv__ttl h2 {
    line-height: 1.3;
    font-size: 18px;
  }
}

.about-kv__ttl h2 span {
  display: inline-block;
  position: relative;
  padding: 10px 40px;
}

@media screen and (max-width: 767px) {
  .about-kv__ttl h2 span {
    padding: 7px 30px;
  }
}

.about-kv__ttl h2 span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
}

@media screen and (max-width: 767px) {
  .about-kv__ttl h2 span::before {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.about-kv__ttl h2 span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
}

@media screen and (max-width: 767px) {
  .about-kv__ttl h2 span::after {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.about-msg__txts h2 {
  margin: 50px 0 25px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .about-msg__txts h2 {
    margin: 30px 0 20px;
    font-size: 18px;
    line-height: 1.8;
  }
}

.about-msg__txtsTxt {
  max-width: 640px;
  margin: 0 auto;
}

.about-msg__txtsTxt p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .about-msg__txtsTxt p {
    line-height: 1.8;
    font-size: 14px;
  }
}

.about-enjoy {
  margin: 0 0 140px;
}

@media screen and (max-width: 767px) {
  .about-enjoy {
    margin: 0 0 70px;
  }
}

.about-enjoy__ttl h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .about-enjoy__ttl h2 {
    margin: 50px 0 35px;
    line-height: 1.3;
    font-size: 18px;
  }
}

.about-enjoy__ttl h2 span {
  display: inline-block;
  position: relative;
  padding: 10px 40px;
}

@media screen and (max-width: 767px) {
  .about-enjoy__ttl h2 span {
    padding: 7px 30px;
  }
}

.about-enjoy__ttl h2 span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-top: 5px solid #C30D23;
  border-left: 5px solid #C30D23;
}

@media screen and (max-width: 767px) {
  .about-enjoy__ttl h2 span::before {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.about-enjoy__ttl h2 span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-right: 5px solid #C30D23;
  border-bottom: 5px solid #C30D23;
}

@media screen and (max-width: 767px) {
  .about-enjoy__ttl h2 span::after {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.about-merit {
  overflow: hidden;
}

.about-wide {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .about-wide {
    margin-bottom: 0;
  }
}

.about-wide-inner {
  position: relative;
}

.about-wide-bg span {
  display: block;
  height: 262px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .about-wide-bg span {
    height: 200px;
  }
}

.about-wide-bg.-sm span {
  height: 264px;
}

@media screen and (max-width: 767px) {
  .about-wide-bg.-sm span {
    height: 160px;
  }
}

.about-wide-info {
  display: block;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .about-wide-info {
    position: absolute;
    left: 0;
    bottom: -95px;
  }
}

.about-wide-infoInner {
  position: relative;
  width: 470px;
  padding: 25px 40px 20px 20px;
}

@media screen and (min-width: 1200px) {
  .about-wide-infoInner {
    margin-left: calc((100vw - 1180px) / 2);
  }
}

@media screen and (max-width: 767px) {
  .about-wide-infoInner {
    width: auto;
    padding: 30px 20px 20px 20px;
  }
}

.about-wide-infoInner.-sm {
  padding: 30px 20px 5px 20px;
}

@media screen and (max-width: 767px) {
  .about-wide-infoInner.-sm {
    padding: 25px 20px 10px 20px;
  }
}

.about-wide-deco {
  position: absolute;
  left: 20px;
  top: -50px;
}

@media screen and (max-width: 767px) {
  .about-wide-deco {
    top: -30px;
  }
}

.about-wide-deco img {
  width: 186px;
}

@media screen and (max-width: 767px) {
  .about-wide-deco img {
    width: 140px;
  }
}

.about-wide-deco.-iroha {
  left: 110px;
}

@media screen and (max-width: 767px) {
  .about-wide-deco.-iroha {
    left: 20px;
  }
}

.about-wide-deco2 {
  position: absolute;
  left: 0;
  bottom: -60px;
  width: 100%;
  poiinter-events: none;
}

@media screen and (max-width: 767px) {
  .about-wide-deco2 {
    display: none;
  }
}

.about-wide-deco2 span {
  display: block;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: right;
}

.about-wide-deco2 img {
  width: 78px;
}

@media screen and (max-width: 767px) {
  .about-wide-deco2 img {
    width: 58px;
  }
}

.about-wide-ttl {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .about-wide-ttl {
    font-size: 18px;
  }
}

.flexCon-wide-infoInner.-sm .about-wide-ttl {
  font-size: 22px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-infoInner.-sm .about-wide-ttl {
    font-size: 17px;
  }
}

.about-wide-txt {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .about-wide-txt {
    font-size: 13px;
  }
}

.about-wide-txt2 {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 20px 0;
}

.about-wide-txt2 p {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .about-wide-txt2 p {
    font-size: 13px;
  }
}

.download-ttl {
  padding: 90px 20px 70px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .download-ttl {
    padding: 45px 20px 35px;
  }
}

.download-ttl__lead {
  font-size: 16px;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .download-ttl__lead {
    font-size: 14px;
  }
}

.download-ttl__lead .trial-message {
  display: inline-block;
  margin-top: 40px;
  padding: 20px;
  font-size: 18px;
  border: #c30d23 1px solid;
}

@media screen and (max-width: 767px) {
  .download-ttl__lead .trial-message {
    margin-top: 20px;
    padding: 10px;
    font-size: 16px;
  }
}

.download-ttl__lead .trial-message a {
  color: #008cd6;
  text-decoration: underline;
}

.download-ttl__lead .trial-message a:hover {
  text-decoration: none;
}

.download-posts {
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 20px 40px;
}

@media screen and (min-width: 768px) {
  .download-posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.download-post {
  margin-bottom: 65px;
}

@media screen and (min-width: 768px) {
  .download-post {
    width: 28.5%;
    margin-right: 7.25%;
    margin-bottom: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .download-post:nth-child(3n) {
    margin-right: 0;
  }
}

.download-post__img {
  padding-top: 58.82%;
  position: relative;
}

.download-post__img::before {
  content: '';
  display: block;
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: -1;
  width: 100px;
  height: 100px;
  background-color: #c30d23;
}

.download-post__img img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: #ccc solid 1px;
}

.download-post__ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 1em 0 .7em;
}

@media screen and (max-width: 767px) {
  .download-post__ttl {
    font-size: 14px;
  }
}

.download-post__txt {
  font-size: 13px;
  line-height: 2;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .download-post__txt {
    font-size: 12px;
  }
}

.download-post__check {
  position: relative;
}

@media screen and (min-width: 768px) {
  .download-post__check {
    margin-top: auto;
  }
}

.download-post__check input {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}

.download-post__check label {
  position: relative;
  display: block;
  border: 1px solid #ccc;
  padding: 12px;
  text-align: center;
  font-size: 14px;
}

.download-post__check label span {
  display: inline-block;
}

.download-post__check label span::before {
  content: '';
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 10px;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-image: url(../img/icon/check-off.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.download-post__check input:checked + label span::before {
  background-image: url(../img/icon/check-on.svg);
}

.download-post__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .download-post__data {
    margin-top: auto;
  }
}

.download-post__data a {
  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;
  text-align: center;
  width: 100%;
  padding: 15px;
  border: 1px solid #c30d23;
  border-radius: 50px;
  color: #c30d23;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

@media screen and (min-width: 768px) {
  .download-post__data a:hover {
    background-color: #c30d23;
    color: #fff;
  }
  .download-post__data a:hover span::before {
    background-image: url(../img/icon/docs-wt.png);
  }
}

.download-post__data a span {
  display: block;
  padding-left: 25px;
  position: relative;
}

.download-post__data a span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  width: 15px;
  height: 20px;
  background-image: url(../img/icon/docs.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 10px;
}

.download-fixBtn {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 11;
  width: 100%;
  height: 160px;
  background-color: rgba(0, 0, 0, 0.6);
  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-transition: opacity .3s;
  transition: opacity .3s;
}

.download-fixBtn:not(.is-show) {
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .download-fixBtn {
    height: 90px;
  }
}

.body-campaign202210 .pubBnr,
.body-parent-service__campaign202210 .pubBnr {
  display: none;
}

.campaign-kv {
  position: relative;
  min-height: 320px;
}

@media screen and (max-width: 991px) {
  .campaign-kv {
    min-height: 0;
  }
}

.campaign-kv__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.campaign-kv__inner {
  position: relative;
  max-width: 1190px;
  margin: 0 auto;
  padding: 30px 20px 130px;
}

@media screen and (max-width: 991px) {
  .campaign-kv__inner {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}

.campaign-kv__ttl {
  margin-bottom: 15px;
  padding-right: 290px;
}

@media screen and (max-width: 991px) {
  .campaign-kv__ttl {
    padding-right: 0;
  }
}

.campaign-kv__ttl span {
  display: block;
  margin-bottom: 15px;
}

.campaign-kv__ttl b {
  display: inline-block;
  padding: 4px 10px;
  font-size: 30px;
  font-weight: 500;
  background-color: #c30d23;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .campaign-kv__ttl b {
    font-size: 20px;
  }
}

.campaign-kv__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 991px) {
  .campaign-kv__info {
    margin-bottom: 20px;
  }
}

.campaign-kv__infoInner {
  background-color: #fff;
  font-size: 13px;
  padding: 5px 10px 8px;
  line-height: 1.3;
}

@media screen and (max-width: 991px) {
  .campaign-kv__infoInner {
    font-size: 11px;
  }
}

.campaign-kv__date {
  margin-bottom: 0.3em;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .campaign-kv__date {
    text-align: center;
    font-size: 14px;
  }
}

.campaign-kv__balloon {
  position: absolute;
  right: 20px;
  top: 30px;
  width: 280px;
  height: 230px;
  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;
}

@media screen and (max-width: 991px) {
  .campaign-kv__balloon {
    right: 3vw;
    top: 3vw;
    margin: 0 auto;
    width: 120px;
    height: auto;
  }
}

.campaign-kv__balloonTxt1 {
  margin-bottom: 0.5em;
}

.campaign-kv__balloonTxt2 {
  font-size: 16px;
}

.campaign-kv__balloonTxt3 {
  font-size: 27px;
  margin-bottom: 0.2em;
}

.campaign-kv__balloonTxt3 em {
  font-size: 40px;
}

.campaign-kv__balloonTxt4 {
  margin-bottom: 0.5em;
}

.campaign-kv__balloonTxt5 {
  color: #c30d23;
}

.campaign-lead {
  position: relative;
  margin-top: -75px;
  margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .campaign-lead {
    margin: 0 0 10px;
  }
}

.campaign-lead__inner {
  max-width: 1040px;
  margin: 0 auto;
  padding: 40px 20px;
  background-color: #fff;
  font-size: 20px;
  line-height: 2;
}

@media screen and (max-width: 991px) {
  .campaign-lead__inner {
    font-size: 14px;
    padding-bottom: 20px;
  }
}

.campaign-lead__inner2 {
  max-width: 780px;
  margin: 0 auto;
}

.campaign-lead p {
  margin-bottom: 1em;
}

.campaign-bg {
  background-color: #f2f3f4;
}

.campaign-plans__ttl {
  background-color: #c30d23;
  padding: 50px 20px;
  text-align: center;
}

.campaign-plans__ttl h2 {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .campaign-plans__ttl h2 {
    font-size: 22px;
  }
}

.campaign-plans__inner {
  background-color: #f2f3f4;
  position: relative;
  padding: 45px 0 1px;
}

.campaign-plans__inner::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 95px;
  background-color: #fff;
}

.campaign-plans__inner2 {
  position: relative;
}

.campaign-plans__plans {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}

.campaign-plan {
  background-color: #fff;
  margin-bottom: 50px;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 991px) {
  .campaign-plan {
    margin-bottom: 25px;
  }
}

.campaign-plan__inner {
  padding: 30px;
}

@media screen and (max-width: 991px) {
  .campaign-plan__inner {
    padding: 15px;
  }
}

.campaign-plan__ttlWrap {
  margin-bottom: 18px;
}

@media screen and (min-width: 992px) {
  .campaign-plan__ttlWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media screen and (max-width: 991px) {
  .campaign-plan__ttlWrap {
    margin-bottom: 20px;
  }
}

.campaign-plan__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.3;
}

@media screen and (min-width: 992px) {
  .campaign-plan__ttl {
    width: 46%;
  }
}

@media screen and (max-width: 991px) {
  .campaign-plan__ttl {
    margin-bottom: 10px;
  }
}

.campaign-plan__ttl span {
  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;
  width: 40px;
  height: 40px;
  line-height: 1;
  background-color: #c30d23;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .campaign-plan__ttl span {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.campaign-plan__ttl span b {
  font-size: 10px;
}

.campaign-plan__ttl span i {
  font-size: 22px;
  font-weight: bold;
}

.campaign-plan__ttl h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 3px 0 0 15px;
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .campaign-plan__ttl h2 {
    padding: 7px 0 0 5px;
    font-size: 18px;
  }
}

.campaign-plan__priceWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.campaign-plan__price {
  line-height: 1.3;
  text-align: right;
}

.campaign-plan__price span {
  font-size: 18px;
  font-weight: bold;
  color: #c30d23;
  position: relative;
}

@media screen and (max-width: 991px) {
  .campaign-plan__price span {
    font-size: 14px;
    display: inline-block;
  }
}

.campaign-plan__price span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  bottom: 0;
  height: 10px;
  background-color: rgba(195, 13, 35, 0.1);
}

.campaign-plan__price span b {
  font-weight: bold;
}

.campaign-plan__price em {
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .campaign-plan__price em {
    font-size: 18px;
  }
}

.campaign-plan__priceNote {
  margin-top: 0.5em;
  line-height: 1.3;
  text-align: right;
  font-size: 12px;
}

@media screen and (max-width: 991px) {
  .campaign-plan__priceNote {
    font-size: 11px;
  }
}

@media screen and (min-width: 992px) {
  .campaign-plan__cols {
    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: 20px;
  }
}

@media screen and (min-width: 992px) {
  .campaign-plan__colsCol:nth-child(1) {
    width: 43%;
    margin-left: 30px;
  }
  .campaign-plan__colsCol:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.campaign-plan__fea {
  background-color: #f2f3f4;
  position: relative;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 24px;
  padding: 5px 30px;
}

@media screen and (max-width: 991px) {
  .campaign-plan__fea {
    margin-top: 40px;
    padding: 8px 15px;
  }
}

.campaign-plan__fea i {
  display: block;
  position: absolute;
  left: -8px;
  top: -20px;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  font-size: 18px;
  color: #c30d23;
}

@media screen and (max-width: 991px) {
  .campaign-plan__fea i {
    font-size: 16px;
  }
}

.campaign-plan__fea em {
  display: inline;
  line-height: 1;
  padding-bottom: 0;
  border-bottom: #E9DD8E 6px solid;
}

@media screen and (max-width: 991px) {
  .campaign-plan__fea em {
    border-bottom: #E9DD8E 5px solid;
  }
}

.campaign-plan__info {
  border-top: 1px solid #c30d23;
  border-bottom: 1px solid #c30d23;
  padding: 8px 3px;
}

@media screen and (max-width: 991px) {
  .campaign-plan__info {
    margin-bottom: 10px;
  }
}

.campaign-plan__info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.7;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .campaign-plan__info dl {
    display: block;
    font-size: 14px;
  }
}

.campaign-plan__info dl dt {
  width: 8em;
  color: #880A19;
  font-weight: bold;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .campaign-plan__info dl dt {
    width: 100%;
    margin-bottom: 0;
  }
}

.campaign-plan__info dl dd {
  margin-bottom: 0.5em;
  width: calc(100% - 8em);
}

@media screen and (max-width: 767px) {
  .campaign-plan__info dl dd {
    width: 100%;
    padding-left: 1em;
  }
}

.campaign-plan__info dl dd p.-ind {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
}

.campaign-plan__more a {
  display: block;
  background-color: #c30d23;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 10px 20px;
}

@media screen and (max-width: 991px) {
  .campaign-plan__more a {
    font-size: 14px;
  }
}

.campaign-plan__more a i {
  display: inline-block;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  margin-left: .5em;
}

@media screen and (max-width: 991px) {
  .campaign-planSlider {
    max-width: 400px;
    margin: 0 auto;
  }
}

.campaign-planSlider .slick-prev,
.campaign-planSlider .slick-next {
  opacity: 0.6;
}

.campaign-planSlider .slick-prev:before, .campaign-planSlider .slick-prev:after,
.campaign-planSlider .slick-next:before,
.campaign-planSlider .slick-next:after {
  background-color: #fff;
  height: 4px;
  width: 24px;
  top: calc(50% + 7px);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.campaign-planSlider .slick-prev:after,
.campaign-planSlider .slick-next:after {
  top: calc(50% - 7px);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.campaign-planSlider .slick-prev {
  left: 5px;
}

.campaign-planSlider .slick-next {
  right: 5px;
}

.campaign-planSlider .slick-next:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.campaign-planSlider .slick-next:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.campaign-com {
  padding-bottom: 80px;
}

@media screen and (max-width: 991px) {
  .campaign-com {
    padding-bottom: 40px;
  }
}

.campaign-com__ttl h2 {
  margin: 2em 0 1em;
  line-height: 1.3;
  letter-spacing: 0.3em;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .campaign-com__ttl h2 {
    font-size: 18px;
  }
}

.campaign-com__items {
  max-width: 852px;
  margin: 0 auto;
  padding: 0 20px;
}

.campaign-com__item {
  margin-bottom: 15px;
  background-color: #fff;
}

@media screen and (min-width: 992px) {
  .campaign-com__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.campaign-com__itemTtl {
  background-color: #c30d23;
  padding: 15px 5px 15px 25px;
}

@media screen and (min-width: 992px) {
  .campaign-com__itemTtl {
    width: 32%;
  }
}

@media screen and (max-width: 991px) {
  .campaign-com__itemTtl {
    padding: 15px;
  }
}

.campaign-com__itemTtl h3 {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .campaign-com__itemTtl h3 {
    font-size: 14px;
  }
}

.campaign-com__itemInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px 15px 20px 35px;
}

@media screen and (max-width: 991px) {
  .campaign-com__itemInfo {
    padding: 15px;
  }
}

.campaign-com__itemInfo h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 991px) {
  .campaign-com__itemInfo h4 {
    font-size: 14px;
  }
}

.campaign-com__itemInfo p {
  line-height: 2;
  font-size: 12px;
}

@media screen and (max-width: 991px) {
  .campaign-com__itemInfo p {
    font-size: 11px;
  }
}

.campaign-com__itemInfo p.-addr {
  font-size: 14px;
}

@media screen and (max-width: 991px) {
  .campaign-com__itemInfo p.-addr {
    font-size: 12px;
  }
}

.campaign-com__itemInfo p.-addr2 {
  font-size: 14px;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 991px) {
  .campaign-com__itemInfo p.-addr2 {
    font-size: 12px;
  }
}

.campaign-com__itemInfo p.-mb {
  margin-bottom: 0.2em;
}

.campaign-com__itemInfo p.-ind {
  padding-left: 1em;
  text-indent: -1em;
}

.campaign-com__itemInfo p a {
  color: #008cd6;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .campaign-com__itemInfo p a:hover {
    text-decoration: none;
  }
}

.campaign-com__itemInfo > *:last-child {
  margin-bottom: 0 !important;
}

.campaign-contact {
  background-color: #c30d23;
}

.campaign-contact__inner {
  padding: 50px 20px 60px;
}

.campaign-contact__ttl {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .campaign-contact__ttl {
    margin-bottom: 10px;
  }
}

.campaign-contact__ttl h2 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .campaign-contact__ttl h2 {
    font-size: 16px;
  }
}

.campaign-contact__info {
  max-width: 640px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  border-radius: 300px;
  padding: 40px 40px 35px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .campaign-contact__info {
    padding: 30px 30px 35px;
  }
}

.campaign-contact__info::before {
  content: '';
  display: block;
  position: absolute;
  left: 4px;
  top: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 300px;
  border: 5px solid #c30d23;
  pointer-events: none;
}

.campaign-contact__info h3 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.2em;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 991px) {
  .campaign-contact__info h3 {
    font-size: 18px;
  }
}

.campaign-contact__info p {
  font-size: 12px;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .campaign-contact__info p {
    font-size: 11px;
  }
}

.campaign-contact__info p.-email {
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .campaign-contact__info p.-email {
    font-size: 15px;
  }
}

@media screen and (min-width: 992px) {
  .campaign-contact__info p.-email a:hover {
    text-decoration: underline;
  }
}

.campaignSingle-pTtl {
  margin: 20px 0 55px;
}

@media screen and (max-width: 991px) {
  .campaignSingle-pTtl {
    margin: 45px 0 25px;
  }
}

.campaignSingle-pTtl h2 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding-top: 75px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .campaignSingle-pTtl h2 {
    padding-top: 40px;
    font-size: 18px;
  }
}

.campaignSingle-pTtl h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 187px;
  height: 61px;
  background-image: url(../img/campaign/icon-ttl.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 991px) {
  .campaignSingle-pTtl h2::before {
    width: 81px;
    height: 36px;
  }
}

.campaignSingle-pTtl__lead {
  font-size: 18px;
  font-weight: bold;
  color: #c30d23;
  text-align: center;
  margin-top: 0.2em;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 991px) {
  .campaignSingle-pTtl__lead {
    font-size: 16px;
  }
}

.campaignSingle-about {
  position: relative;
  margin-top: -55px;
  margin-bottom: 85px;
}

@media screen and (max-width: 991px) {
  .campaignSingle-about {
    margin: 0 0 40px;
  }
}

.campaignSingle-about__inner {
  max-width: 1040px;
  margin: 0 auto;
  padding: 40px 20px 0;
  background-color: #fff;
}

@media screen and (max-width: 991px) {
  .campaignSingle-about__inner {
    padding: 1px 20px 0;
  }
}

.campaignSingle-about__inner2 {
  max-width: 780px;
  margin: 0 auto;
}

.campaignSingle-con__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.campaignSingle-con h3 {
  font-size: 24px;
  color: #c30d23;
  font-weight: bold;
  margin: 2em 0 1.5em;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) {
  .campaignSingle-con h3.-about {
    font-size: 22px;
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .campaignSingle-con h3.-about {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) {
  .campaignSingle-con h3.-center {
    text-align: center;
  }
}

.campaignSingle-con ul {
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con ul {
    margin-bottom: 30px;
  }
}

.campaignSingle-con ul li {
  padding-left: 50px;
  position: relative;
  margin-bottom: 1em;
  font-size: 16px;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con ul li {
    font-size: 14px;
    padding-left: 30px;
  }
}

.campaignSingle-con ul li::before {
  content: '';
  display: block;
  position: absolute;
  left: 13px;
  top: 4px;
  width: 25px;
  height: 22px;
  background-image: url(../img/campaign/icon-check.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con ul li::before {
    left: 2px;
    top: 3px;
    width: 20px;
    height: 18px;
  }
}

.campaignSingle-con ul.-lg li {
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con ul.-lg li {
    font-size: 16px;
  }
}

.campaignSingle-con p {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con p {
    font-size: 14px;
  }
}

@media screen and (min-width: 992px) {
  .campaignSingle-con dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.campaignSingle-con dl dt {
  font-size: 16px;
  background-color: #c30d23;
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 20px 15px;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .campaignSingle-con dl dt {
    width: 215px;
  }
}

@media screen and (max-width: 991px) {
  .campaignSingle-con dl dt {
    font-size: 14px;
    margin-bottom: 0;
    padding: 15px;
  }
}

.campaignSingle-con dl dd {
  font-size: 14px;
  background-color: #f2f3f4;
  margin-bottom: 10px;
  padding: 22px 40px 20px;
}

@media screen and (min-width: 992px) {
  .campaignSingle-con dl dd {
    width: calc(100% - 215px);
  }
}

@media screen and (max-width: 991px) {
  .campaignSingle-con dl dd {
    font-size: 13px;
    padding: 15px;
  }
}

.campaignSingle-con__dlNote p {
  font-size: 13px;
  text-align: right;
}

@media screen and (min-width: 992px) {
  .campaignSingle-con__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 90px;
  }
  .campaignSingle-con__cols.-re {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (min-width: 992px) {
  .campaignSingle-con__colsCol:nth-child(1) {
    width: 50%;
    margin-right: 85px;
  }
  .campaignSingle-con__cols.-re .campaignSingle-con__colsCol:nth-child(1) {
    margin-right: 0;
    margin-left: 85px;
  }
  .campaignSingle-con__colsCol:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .campaignSingle-con__colsCol > *:first-child {
    margin-top: 0;
  }
  .campaignSingle-con__colsCol > *:last-child {
    margin-bottom: 0;
  }
}

.campaignSingle-con__img {
  position: relative;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con__img {
    max-width: 500px;
    margin: 0 auto 20px;
  }
}

.campaignSingle-con__img::before {
  content: '';
  display: block;
  position: absolute;
  left: -20px;
  top: -20px;
  width: 68%;
  height: 55%;
  background-color: #c30d23;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con__img::before {
    left: -10px;
    top: -10px;
  }
}

.campaignSingle-con__img img {
  display: block;
  position: relative;
}

.campaignSingle-con__cols.-re .campaignSingle-con__img::before {
  left: auto;
  right: -20px;
  top: -20px;
  width: 68%;
  height: 55%;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con__cols.-re .campaignSingle-con__img::before {
    right: -10px;
    top: -10px;
  }
}

.campaignSingle-con__yadoArea p {
  font-size: 14px;
  color: #5c5c5c;
  padding-left: 20px;
  position: relative;
  margin-bottom: .5em;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con__yadoArea p {
    font-size: 13px;
  }
}

.campaignSingle-con__yadoArea p::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 12px;
  height: 16px;
  background-image: url(../img/campaign/icon-pin.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.campaignSingle-con__yadoName p {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: .5em;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con__yadoName p {
    font-size: 18px;
  }
}

.campaignSingle-con__yadoCatch p {
  font-size: 18px;
  font-weight: bold;
  color: #c30d23;
  margin-bottom: .7em;
}

@media screen and (max-width: 991px) {
  .campaignSingle-con__yadoCatch p {
    font-size: 15px;
  }
}

.campaignSingle-details__ttl {
  background-color: #c30d23;
  padding: 50px 20px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .campaignSingle-details__ttl {
    margin-top: 50px;
    padding: 30px 20px;
  }
}

.campaignSingle-details__ttl h2 {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .campaignSingle-details__ttl h2 {
    font-size: 22px;
  }
}

.campaignSingle-details__inner {
  background-color: #f3f0e9;
  padding: 50px 20px 40px;
}

@media screen and (max-width: 991px) {
  .campaignSingle-details__inner {
    padding: 30px 20px 20px;
  }
}

.campaignSingle-details__inner2 {
  max-width: 1040px;
  margin: 0 auto;
}

.campaignSingle-detail {
  background-color: #fff;
  margin-bottom: 50px;
  padding: 1px 20px 30px;
}

@media screen and (max-width: 991px) {
  .campaignSingle-detail {
    padding: 1px 15px 15px;
  }
}

.campaignSingle-detail__inner {
  max-width: 930px;
  margin: 0 auto;
}

.campaignSingle-detail h3 {
  font-size: 20px;
  font-weight: bold;
  padding-left: 30px;
  position: relative;
  margin: 2em 0 1.5em;
  padding-bottom: 1.2em;
  border-bottom: 2px solid #c30d23;
}

@media screen and (max-width: 991px) {
  .campaignSingle-detail h3 {
    font-size: 16px;
    padding-left: 20px;
    margin: 1.5em 0 1.2em;
    padding-bottom: 1em;
  }
}

.campaignSingle-detail h3::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 24px;
  background-color: #c30d23;
  border-bottom: 12px solid #E9E4D9;
}

@media screen and (max-width: 991px) {
  .campaignSingle-detail h3::before {
    width: 8px;
    height: 20px;
    border-bottom-width: 10px;
  }
}

.campaignSingle-detail dl {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 992px) {
  .campaignSingle-detail dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 991px) {
  .campaignSingle-detail dl {
    padding-bottom: 0;
    margin-bottom: 15px;
  }
}

.campaignSingle-detail dl dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  padding: 22px 10px;
  background-color: #f3f0e9;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 992px) {
  .campaignSingle-detail dl dt {
    width: 180px;
  }
}

@media screen and (max-width: 991px) {
  .campaignSingle-detail dl dt {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
  }
}

.campaignSingle-detail dl dd {
  font-size: 15px;
  line-height: 2;
  padding: 23px 0 22px 40px;
}

@media screen and (min-width: 992px) {
  .campaignSingle-detail dl dd {
    width: calc(100% - 180px);
  }
}

@media screen and (max-width: 991px) {
  .campaignSingle-detail dl dd {
    font-size: 13px;
    padding: 15px 10px;
  }
}

@media screen and (min-width: 992px) {
  .campaignSingle-detail dl dd.align-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.campaignSingle-detail dl dd em {
  font-weight: bold;
}

.campaignSingle-detail dl dd p {
  margin-bottom: .5em;
}

.campaignSingle-detail dl dd p.-ind {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  margin-bottom: 0;
}

.campaignSingle-detail dl dd p .-trial {
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  color: #fff;
  background-color: #c30d23;
}

.campaignSingle-detail dl dd p strong {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .campaignSingle-detail dl dd p strong {
    font-size: 16px;
  }
}

.campaignSingle-detail dl dd > *:last-child {
  margin-bottom: 0;
}

.campaignSingle-detail dl dd h4 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 1em;
}

@media screen and (max-width: 991px) {
  .campaignSingle-detail dl dd h4 {
    font-size: 15px;
  }
}

.campaignSingle-detail dl dd h4 + h4 {
  margin-top: -0.5em;
}

@media screen and (max-width: 991px) {
  .campaignSingle-detail dl dd h4.-spCenter {
    text-align: center;
    margin-bottom: .5em;
  }
}

.campaignSingle-detail dl dd a {
  color: #008cd6;
  text-decoration: underline;
}

.campaignSingle-detail dl dd a:hover {
  text-decoration: none;
}

.campaignSingle-detail dl dd ul {
  margin-bottom: 1.5em;
}

@media screen and (max-width: 991px) {
  .campaignSingle-detail dl dd ul {
    margin-bottom: 1em;
  }
}

.campaignSingle-detail dl dd ul li {
  position: relative;
  margin-bottom: 0.2em;
  padding-left: 1em;
}

.campaignSingle-detail dl dd ul li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0.2em;
  top: .9em;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #000;
}

@media screen and (min-width: 992px) {
  .campaignSingle-detail__profCols {
    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;
  }
}

.campaignSingle-detail__profImgs {
  width: 157px;
}

@media screen and (min-width: 992px) {
  .campaignSingle-detail__profImgs {
    margin-left: 25px;
  }
}

@media screen and (max-width: 991px) {
  .campaignSingle-detail__profImgs {
    margin: 0 auto 15px;
  }
}

.campaignSingle-detail__profInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (min-width: 992px) {
  .campaignSingle-detail__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.campaignSingle-detail__timeNum {
  width: 5em;
  font-weight: bold;
}

.campaignSingle-detail__timeTxt ul {
  margin-bottom: .8em !important;
}

.campaignSingle-detail__plan {
  margin-bottom: 1.5em;
}

.campaignSingle-detail__plan p {
  color: #3c3c3c;
  margin-bottom: 2em;
  padding-left: 4em;
  text-indent: -1em;
}

.campaignSingle-detail__planTtl p {
  font-weight: bold;
  color: #3c3c3c;
  padding-left: 3em;
}

.newsIndex-ttl {
  margin-top: 70px;
  margin-bottom: -5px;
  border-bottom: 1px solid #ddd;
}

.newsIndex-ttl:first-child {
  margin-top: 0;
}

.newsIndex-ttl h3 {
  font-size: 23px;
  font-weight: bold;
  padding-bottom: 20px;
}

.newsIndex-ttl h3 img {
  position: relative;
  top: 3px;
  width: 38px;
  margin-right: 15px;
}

.newsIndex-posts {
  margin-top: 40px;
  margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
  .newsIndex-posts.-pickup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .newsIndex-posts {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.newsIndex-post a:hover h2 {
  text-decoration: underline;
}

.newsIndex-post h2 {
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .newsIndex-post h2 {
    font-size: 13px;
  }
}

@media screen and (min-width: 768px) {
  .newsIndex-post.-pickup {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .newsIndex-post.-pickup:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .newsIndex-post.-pickup {
    margin-bottom: 30px;
  }
}

.newsIndex-postInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
  padding: 0 50px 25px;
  border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
  .newsIndex-postInner {
    margin-bottom: 20px;
    padding: 0 20px 20px;
  }
}

.newsIndex-post.-pickup .newsIndex-postInner {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
}

.newsIndex-thumb {
  display: none;
  width: 150px;
  margin-right: 60px;
}

@media screen and (max-width: 767px) {
  .newsIndex-thumb {
    width: 80px;
    margin-right: 20px;
  }
}

.newsIndex-thumb .is-noimg {
  border: 1px solid #ccc;
  background-size: contain;
}

.newsIndex-post.-pickup .newsIndex-thumb {
  display: block;
  width: auto;
  margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
  .newsIndex-post.-pickup .newsIndex-thumb {
    width: auto;
    margin: 0 0 10px;
  }
}

.newsIndex-post.-pickup .newsIndex-thumb span {
  display: block;
  padding-top: 58.88%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.newsIndex-post.-pickup .newsIndex-thumb span.is-noimg {
  background-size: contain;
}

.newsIndex-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
}

.newsIndex-date {
  font-size: 13px;
  color: #999;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .newsIndex-date {
    font-size: 11px;
  }
}

.newsSingle-date {
  font-size: 14px;
  margin-bottom: 15px;
  color: #999;
}

@media screen and (max-width: 767px) {
  .newsSingle-date {
    font-size: 13px;
  }
}

.newsSingle h1 {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 3px solid #c30d23;
  margin-bottom: 40px;
  padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .newsSingle h1 {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

.newsSingle-con {
  padding-bottom: 50px;
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .newsSingle-con {
    font-size: 14px;
    padding-bottom: 40px;
  }
}

.newsSingle-con h2 {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  margin: 2.5em -0 1.5em;
  padding: 6px 0 6px 22px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .newsSingle-con h2 {
    font-size: 17px;
    padding-left: 10px;
  }
}

.newsSingle-con h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 24px;
  background-color: #c30d23;
  border-bottom: 12px solid #E9E4D9;
}

.newsSingle-con p {
  margin-bottom: 1em;
}

.newsSingle-con .wp-caption-text {
  font-size: 12px;
  color: #999;
}

@media screen and (max-width: 767px) {
  .newsSingle-con .wp-caption-text {
    font-size: 11px;
  }
}

.newsSingle-con img {
  width: 100%;
}

.newsSingle-mokuji {
  margin: 3em 0;
  padding: 30px 30px 30px 50px;
  background: url(../img/news/mokuji-bg.png) no-repeat left center;
  background-size: cover;
  border-left: 3px solid #c30d23;
}

.newsSingle-mokuji p {
  font-weight: 500;
  color: #c30d23;
}

.newsSingle-mokuji ul {
  margin-top: 0.75em;
}

.newsSingle-mokuji li {
  margin-bottom: 1em;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .newsSingle-mokuji li {
    padding-left: 10px;
  }
}

.newsSingle-mokuji a:hover {
  text-decoration: underline;
}

.newsSide-ttl {
  margin-top: 50px;
  margin-bottom: -5px;
  border-bottom: 3px solid #c30d23;
}

.newsSide-ttl:first-child {
  margin-top: 0;
}

.newsSide-ttl h3 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}

.newsSide-ttl h3 img {
  position: relative;
  top: 3px;
  width: 38px;
  margin-right: 15px;
}

.newsSide-posts {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .newsSide-posts {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.newsSide-post a:hover h2 {
  text-decoration: underline;
}

.newsSide-post h2 {
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .newsSide-post h2 {
    font-size: 12px;
  }
}

.newsSide-postInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #ddd;
}

.newsSide-post.-pickup .newsSide-postInner {
  border: none;
  padding-bottom: 0;
}

.newsSide-thumb {
  display: none;
  width: 40%;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .newsSide-thumb {
    width: 80px;
    margin-right: 20px;
  }
}

.newsSide-thumb span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 75%;
}

.newsSide-thumb .is-noimg {
  border: 1px solid #ccc;
  background-size: contain;
}

.newsSide-post.-pickup .newsSide-thumb {
  display: block;
}

.newsSide-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
}

.newsSide-date {
  font-size: 12px;
  color: #999;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .newsSide-date {
    font-size: 11px;
  }
}

.newsSide-bnrs {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .newsSide-bnrs {
    max-width: 310px;
    margin: 0 auto;
  }
}

.newsSide-bnrs ul li {
  margin-bottom: 20px;
}

.newsSide-bnrs ul a {
  position: relative;
  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;
  text-align: center;
  border: 4px solid #E9E4D9;
}

.newsSide-bnrs ul span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  width: 210px;
  padding: 7px;
  border-radius: 20px;
}

.caseIndex-more {
  padding: 30px 0 90px;
}

.caseIndex-more .home-mBtn a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.caseIndex-more .home-mBtn a:not(.is-show) {
  opacity: 0;
  pointer-events: none;
}

.caseIndex-none {
  display: none;
}

.caseIndex-none.is-show {
  display: block;
  opacity: 0;
}

.caseIndex-none.is-show2 {
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.caseIndex-none p {
  text-align: center;
  font-size: 1.2em;
}

.caseIndex-searchTtl {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .caseIndex-searchTtl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
  }
}

.caseIndex-searchTtl h2 {
  font-size: 17px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .caseIndex-searchTtl h2 {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) {
  .caseIndex-search-cols {
    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;
  }
}

@media screen and (min-width: 768px) {
  .caseIndex-search-selectWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.caseIndex-search-select {
  position: relative;
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .caseIndex-search-select {
    width: 25%;
    margin-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .caseIndex-search-select {
    margin-top: 20px;
  }
}

.caseIndex-search-select select {
  width: 100%;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-bottom: 1px solid #c30d23;
  font-size: 14px;
  font-weight: bold;
  color: #c30d23;
  padding: 10px 25px 10px 0;
}

.caseIndex-search-select select::-ms-expand {
  display: none;
}

.caseIndex-search-select::before {
  position: absolute;
  content: '';
  right: 10px;
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  height: 10px;
  border-right: 2px solid #c30d23;
  border-bottom: 2px solid #c30d23;
}

@media screen and (min-width: 768px) {
  .caseIndex-search-clear {
    width: 120px;
  }
}

.caseIndex-search-clear a {
  position: relative;
  color: #c30d23;
  border: 1px solid #c30d23;
  width: 90px;
  height: 30px;
  margin-left: auto;
  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;
  text-align: center;
  border-radius: 30px;
  font-weight: bold;
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .caseIndex-search-clear a {
    width: 80px;
  }
}

.caseIndex-search-clear a:after {
  content: '✖';
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .caseIndex-search-clear a:after {
    right: 5px;
  }
}

.caseIndex-sliderWrap {
  background-color: #E9E4D9;
  padding: 50px 20px;
}

@media screen and (max-width: 767px) {
  .caseIndex-sliderWrap {
    padding: 40px 10px;
  }
}

.caseIndex-slider {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
}

.caseIndex-slide {
  padding: 0 40px 40px 20px;
}

@media screen and (min-width: 768px) {
  .caseIndex-slide {
    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;
  }
}

@media screen and (max-width: 767px) {
  .caseIndex-slide {
    padding: 0 20px 20px 20px;
  }
}

@media screen and (min-width: 768px) {
  .caseIndex-slideThumb {
    width: 56.8%;
    margin-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .caseIndex-slideThumb {
    margin-bottom: 20px;
  }
}

.caseIndex-slideThumb span {
  position: relative;
  display: block;
}

.caseIndex-slideThumb span::before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 59.7015%;
  height: 47.619%;
  background-color: #000;
}

@media screen and (max-width: 767px) {
  .caseIndex-slideThumb span::before {
    right: -10px;
    bottom: -10px;
  }
}

.caseIndex-slideThumb img {
  display: block;
  position: relative;
}

.caseIndex-slideInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.caseIndex-slide.-home .caseIndex-slideInfo {
  padding-top: 130px;
}

@media screen and (max-width: 767px) {
  .caseIndex-slide.-home .caseIndex-slideInfo {
    padding-top: 10px;
  }
}

.caseIndex-slideTarget span {
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  color: #fff;
  padding: 5px 20px;
}

@media screen and (max-width: 767px) {
  .caseIndex-slideTarget span {
    font-size: 12px;
    padding: 3px 10px;
  }
}

.caseIndex-slideTarget span.-n1 {
  background-color: #d56d12;
}

.caseIndex-slideTarget span.-n2 {
  background-color: #DC3B4F;
}

.caseIndex-slideTarget span.-n3 {
  background-color: #999999;
}

.caseIndex-slideTtl {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .caseIndex-slideTtl {
    font-size: 18px;
    margin-top: 10px;
    line-height: 1.5;
  }
}

.caseIndex-slideComWrap {
  font-size: 13px;
  line-height: 2;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .caseIndex-slideComWrap {
    font-size: 12px;
    margin-bottom: 10px;
  }
}

.caseIndex-slideLead {
  font-size: 14px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .caseIndex-slideLead {
    font-size: 13px;
  }
}

.caseIndex-slideBtn {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .caseIndex-slideBtn {
    margin-top: 25px;
  }
}

.caseSingle-kv {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .caseSingle-kv {
    margin-bottom: 20px;
  }
}

.caseSingle-kv img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .caseSingle-innerCols {
    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;
    padding-bottom: 20px;
  }
  .caseSingle-innerCols-side {
    width: 310px;
    margin-left: 60px;
  }
  .caseSingle-innerCols-main {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media screen and (max-width: 767px) {
  .caseSingle-innerCols {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .caseSingle-comLogoWrap {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
  }
}

.caseSingle-comLogo {
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .caseSingle-comLogo {
    width: 120px;
    margin: 0 0 0 10px;
  }
}

.caseSingle-comLogo span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border: 1px solid #dadada;
  padding-top: 63.6364%;
}

@media screen and (max-width: 767px) {
  .caseSingle-comTxtWrap {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
}

.caseSingle-comTxt dt {
  margin: 20px 0 5px;
  font-size: 15px;
  color: #858585;
}

@media screen and (max-width: 767px) {
  .caseSingle-comTxt dt {
    font-size: 12px;
  }
}

.caseSingle-comTxt dd {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .caseSingle-comTxt.-com {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .caseSingle-comTxt.-com dt {
    margin-top: 0;
  }
  .caseSingle-comTxt.-com dd {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .caseSingle-comTxt.-txt {
    width: 50%;
  }
  .caseSingle-comTxt.-txt:nth-child(2n+1) {
    padding-right: 20px;
  }
}

.caseSingle h1 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.84;
  margin-top: -10px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .caseSingle h1 {
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 0;
  }
}

.caseSingle-conCom {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 40px;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .caseSingle-conCom {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

.caseSingle-lead {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
  .caseSingle-lead {
    font-size: 13px;
    margin-bottom: 25px;
  }
}

.caseSingle-person {
  padding-bottom: 30px;
  margin-bottom: 45px;
  border-bottom: 1px solid #dadada;
}

@media screen and (max-width: 767px) {
  .caseSingle-person {
    padding-bottom: 15px;
  }
}

.caseSingle-personTtl {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .caseSingle-personTtl {
    font-size: 13px;
    margin-bottom: 15px;
  }
}

.caseSingle-personTtl::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  height: 1px;
  background-color: #dadada;
}

.caseSingle-personTtl span {
  display: inline-block;
  background-color: #fff;
  padding-right: 20px;
  position: relative;
}

.caseSingle-personCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.caseSingle-personImg {
  width: 160px;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .caseSingle-personImg {
    width: 85px;
    height: 85px;
    margin-right: 20px;
  }
}

.caseSingle-personInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.caseSingle-personJob {
  color: #858585;
  margin: 10px 0 5px;
}

@media screen and (max-width: 767px) {
  .caseSingle-personJob {
    font-size: 11px;
    margin: 0 0 5px;
  }
}

.caseSingle-personName {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .caseSingle-personName {
    font-size: 14px;
    margin-bottom: 7px;
  }
}

.caseSingle-personTxt {
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .caseSingle-personTxt {
    font-size: 11px;
  }
}

.caseSingle-con {
  padding-bottom: 60px;
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .caseSingle-con {
    font-size: 13px;
    padding-bottom: 40px;
  }
}

.caseSingle-con h2 {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  margin: 2.5em -0 1.5em;
  padding: 6px 0 6px 22px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .caseSingle-con h2 {
    font-size: 17px;
    padding-left: 10px;
  }
}

.caseSingle-con h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 24px;
  background-color: #c30d23;
  border-bottom: 12px solid #E9E4D9;
}

.caseSingle-con p {
  margin-bottom: 1.5em;
  line-height: 2;
}

.caseSingle-con p strong {
  font-weight: bold;
}

.caseSingle-con .wp-caption-text {
  color: #858585;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .caseSingle-con .wp-caption-text {
    font-size: 11px;
  }
}

.caseSingle-con img {
  width: 100%;
}

.caseSingle-gallery {
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .caseSingle-gallery {
    padding-bottom: 30px;
    border-bottom: 1px solid #dadada;
  }
}

.caseSingle-galleryTtl {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .caseSingle-galleryTtl {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

.caseSingle-galleryTtl::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  height: 1px;
  background-color: #dadada;
}

.caseSingle-galleryTtl span {
  display: inline-block;
  background-color: #fff;
  padding-right: 20px;
  position: relative;
}

.caseSingle-galleryTtl2 {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 6px 0 6px 22px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .caseSingle-galleryTtl2 {
    font-size: 17px;
    padding-left: 10px;
  }
}

.caseSingle-galleryTtl2::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 24px;
  background-color: #c30d23;
  border-bottom: 12px solid #E9E4D9;
}

.caseSingle-galleryImgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -2%;
}

.caseSingle-galleryImg {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.caseSingle-galleryImg:nth-child(4n) {
  margin-right: 0;
}

.caseSingle-galleryImg a {
  display: block;
}

.caseSingle-galleryImg span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 75%;
}

@media screen and (max-width: 767px) {
  .caseSingle-galleryModal-slider {
    padding: 0 15px;
  }
}

.caseSingle-galleryModal-slide span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 75%;
}

.caseSingle-yado {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dadada;
}

@media screen and (max-width: 767px) {
  .caseSingle-yado {
    padding-bottom: 20px;
  }
}

.caseSingle-yadoTtl {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .caseSingle-yadoTtl {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

.caseSingle-yadoTtl::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  height: 1px;
  background-color: #dadada;
}

.caseSingle-yadoTtl span {
  display: inline-block;
  background-color: #fff;
  padding-right: 20px;
  position: relative;
}

.caseSingle-yadoCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.caseSingle-yadoImg {
  width: 260px;
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .caseSingle-yadoImg {
    width: 130px;
    margin-right: 20px;
  }
}

.caseSingle-yadoImg span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 66.53%;
}

.caseSingle-yadoInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.caseSingle-yadoCat {
  color: #c30d23;
  margin-bottom: 5px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .caseSingle-yadoCat {
    font-size: 11px;
  }
}

.caseSingle-yadoName {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .caseSingle-yadoName {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

.caseSingle-yadoTxt {
  line-height: 1.7;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .caseSingle-yadoTxt {
    font-size: 11px;
    margin-bottom: 15px;
  }
}

.caseSingle-yadoBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.caseSingle-yadoBtn a {
  width: 240px;
  padding: 8px;
  text-align: center;
  color: #c30d23;
  font-size: 14px;
  font-weight: 500;
  border-radius: 30px;
  border: 2px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .caseSingle-yadoBtn a {
    width: 150px;
    font-size: 12px;
    padding: 5px;
  }
}

.caseSingle-interviewer {
  background-color: #f3f0e9;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .caseSingle-interviewer {
    padding: 10px;
  }
}

.caseSingle-interviewerCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.caseSingle-interviewerImg {
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .caseSingle-interviewerImg {
    width: 65px;
    height: 56px;
    margin-right: 10px;
  }
}

.caseSingle-interviewerInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.caseSingle-interviewerJob {
  color: #858585;
  margin-bottom: 3px;
  font-size: 11px;
}

@media screen and (max-width: 767px) {
  .caseSingle-interviewerJob {
    font-size: 10px;
  }
}

.caseSingle-interviewerName {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .caseSingle-interviewerName {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

.caseSingle-interviewerTxt {
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .caseSingle-interviewerTxt {
    font-size: 11px;
  }
}

.caseSingle-etc {
  padding-top: 70px;
  padding-bottom: 30px;
  border-top: 1px solid #dadada;
}

@media screen and (max-width: 767px) {
  .caseSingle-etc {
    padding-top: 35px;
  }
}

.caseSingle-etc .home-mTtl span {
  padding: 0 .75em;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .caseSingle-etc .home-mTtl span {
    margin-bottom: 20px;
  }
}

.casePost-link {
  display: block;
}

.casePost-thumb span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 66.6667%;
}

.casePost-ttl {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 13px;
}

.casePost-industry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}

.casePost-industry b {
  display: block;
  background-color: #c30d23;
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px 5px;
}

.casePost-industry span {
  display: block;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px 5px;
  background-color: #f3f0e9;
}

.casePost-lead {
  line-height: 1.7;
  margin-bottom: 15px;
}

.casePost-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.casePost-tags span {
  display: block;
  font-size: 10px;
  color: #c30d23;
  border: 1px solid #c30d23;
  border-radius: 20px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  padding: 1px 8px 2px;
}

.area {
  /* kv */
  /* kvSlider */
  /* kvThumb */
  /* kvBar */
  /* fea */
  /* report */
  /* recom */
  /* spot */
  /* plan */
  /* planSlider */
  /* planSlide */
  /* info */
  /* rela */
}

@media screen and (max-width: 767px) {
  .area-page-ttl {
    display: none;
  }
}

.area-kv {
  padding: 20px;
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .area-kv {
    padding: 10px;
  }
}

.area-kv-inner {
  max-width: 1360px;
  margin: 0 auto;
}

.area-kvSlider {
  position: relative;
}

.area-kvSlider-slideInner {
  position: relative;
}

.area-kvSlider-bg {
  position: relative;
  padding-top: 44%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .area-kvSlider-bg {
    padding-top: 112.6761%;
  }
}

.area-kvSlider-bg::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 400px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

@media screen and (max-width: 767px) {
  .area-kvSlider-bg::before {
    height: 65%;
  }
}

.area-kvSlider-info {
  position: absolute;
  left: 60px;
  bottom: 65px;
  color: #fff;
  max-width: 600px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 1199px) {
  .area-kvSlider-info {
    bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .area-kvSlider-info {
    left: 10px;
    right: 10px;
    bottom: 70px;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }
}

.area-kvSlider-info h2 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .area-kvSlider-info h2 {
    margin-bottom: 12px;
    font-size: 23px;
  }
}

.area-kvSlider-info h2 small {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .area-kvSlider-info h2 small {
    font-size: 11px;
  }
}

.area-kvSlider-info p {
  font-size: 16px;
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .area-kvSlider-info p {
    font-size: 11px;
    font-weight: bold;
  }
}

.area-kvThumb {
  position: absolute;
  right: 55px;
  bottom: 35px;
}

@media screen and (max-width: 767px) {
  .area-kvThumb {
    right: auto;
    left: 10px;
    bottom: 22px;
  }
}

.area-kvThumb-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.area-kvThumb-img {
  display: block;
  width: 75px;
  height: 50px;
  margin-left: 8px;
  border: 1px solid #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.7;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

@media screen and (max-width: 767px) {
  .area-kvThumb-img {
    width: 52px;
    height: 35px;
    margin-left: 0;
    margin-right: 5px;
  }
}

.area-kvThumb-img.is-cr, .area-kvThumb-img:hover {
  opacity: 1;
}

.area-kvBar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 767px) {
  .area-kvBar {
    height: 2px;
  }
}

.area-kvBar span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #c30d23;
}

.area-kvBar span.is-ani {
  -webkit-animation: kvBar 4.5s linear;
          animation: kvBar 4.5s linear;
}

@-webkit-keyframes kvBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes kvBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.area-fea {
  padding: 0 20px 100px;
}

@media screen and (max-width: 767px) {
  .area-fea {
    padding-bottom: 10px;
  }
}

.area-fea-inner {
  max-width: 980px;
  margin: 0 auto;
}

.area-fea-colsWrap {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .area-fea-colsWrap {
    margin-top: 20px;
  }
}

.area-fea-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .area-fea-cols {
    display: block;
  }
}

.area-fea-cols:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.area-fea-colsCol {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .area-fea-colsCol {
    width: auto;
  }
}

.area-fea-colsCol:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 50px;
}

@media screen and (max-width: 767px) {
  .area-fea-colsCol:nth-child(2) {
    padding: 25px 0 0;
  }
}

.area-fea-cols:nth-child(2n) .area-fea-colsCol:nth-child(2) {
  padding-left: 0;
  padding-right: 50px;
}

@media screen and (max-width: 767px) {
  .area-fea-cols:nth-child(2n) .area-fea-colsCol:nth-child(2) {
    padding: 25px 0 0;
  }
}

.area-fea-info {
  position: relative;
}

.area-fea-info i {
  position: absolute;
  left: -90px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  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: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #c30d23;
  font-size: 37px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .area-fea-info i {
    font-size: 27px;
    width: 60px;
    height: 60px;
    left: 0;
    top: 24px;
  }
}

.area-fea-cols:nth-child(2n) .area-fea-info i {
  left: auto;
  right: -90px;
}

@media screen and (max-width: 767px) {
  .area-fea-cols:nth-child(2n) .area-fea-info i {
    right: auto;
    left: 0;
  }
}

.area-fea-info h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4167;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .area-fea-info h2 {
    font-size: 17px;
    padding-left: 70px;
    min-height: 55px;
  }
}

.area-fea-info p {
  font-size: 16px;
  line-height: 2.125;
}

@media screen and (max-width: 767px) {
  .area-fea-info p {
    font-size: 13px;
  }
}

.area-report {
  padding: 0 20px 80px;
}

@media screen and (max-width: 767px) {
  .area-report {
    padding-bottom: 60px;
  }
}

.area-report-inner {
  max-width: 980px;
  margin: 0 auto;
}

.area-report-ttl {
  margin-bottom: 30px;
}

.area-report-ttl h2 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .area-report-ttl h2 {
    font-size: 19px;
    margin-top: 10px;
  }
}

.area-report-ttlImg {
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .area-report-ttlImg {
    padding: 0;
    text-align: center;
  }
}

.area-report-ttlImg img {
  width: 287px;
}

@media screen and (max-width: 767px) {
  .area-report-ttlImg img {
    width: 215px;
  }
}

@media screen and (max-width: 767px) {
  .area-report-img {
    margin: 0 -20px;
  }
}

.area-report-info {
  padding: 70px 0 60px;
  max-width: 620px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .area-report-info {
    padding: 35px 0 30px;
  }
}

.area-report-info h3 {
  font-size: 26px;
  line-height: 1.6923;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .area-report-info h3 {
    font-size: 16px;
    margin-bottom: 25px;
  }
}

.area-report-info p {
  font-size: 16px;
  line-height: 2.125;
}

@media screen and (max-width: 767px) {
  .area-report-info p {
    font-size: 13px;
  }
}

.area-report-btn a {
  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: 300px;
  height: 60px;
  margin: 0 auto;
  border-radius: 60px;
  border: 2px solid #c30d23;
  color: #c30d23;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .area-report-btn a {
    font-size: 12px;
    font-weight: normal;
    width: 180px;
    height: 35px;
    border-width: 1px;
  }
}

.area-report-btn i {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .area-report-btn i {
    margin-left: 5px;
  }
}

.area-report-btn i img {
  vertical-align: -11%;
}

@media screen and (max-width: 767px) {
  .area-report-btn i img {
    width: 7px;
  }
}

.area-recom {
  background-color: #c30d23;
  padding: 60px 20px;
}

@media screen and (max-width: 767px) {
  .area-recom {
    padding: 40px 20px;
  }
}

.area-recom-inner {
  background-color: #fff;
  max-width: 980px;
  margin: 0 auto;
  padding: 55px 20px 45px;
}

@media screen and (max-width: 767px) {
  .area-recom-inner {
    padding: 31px 20px 15px;
  }
}

@media screen and (max-width: 767px) {
  .area-recom .home-mTtl {
    text-align: center;
    margin-top: -10px;
  }
}

.area-recom-list {
  max-width: 780px;
  margin: 0 auto;
  padding-left: 50px;
}

@media screen and (max-width: 767px) {
  .area-recom-list {
    padding-left: 0;
  }
}

.area-recom-list p {
  font-size: 22px;
  position: relative;
  padding-left: 50px;
  letter-spacing: 0.04em;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .area-recom-list p {
    font-size: 15px;
    padding-left: 30px;
    margin-bottom: 25px;
  }
}

.area-recom-list p::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 35px;
  height: 28px;
  background: url(../img/area/icon-check.svg) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .area-recom-list p::before {
    width: 22px;
    height: 17px;
  }
}

.area-recom-list p strong {
  font-weight: bold;
}

.area-spot {
  padding: 50px 0;
}

@media screen and (max-width: 767px) {
  .area-spot {
    padding: 40px 0;
  }
}

@media screen and (max-width: 767px) {
  .area-spot .home-mTtl {
    text-align: center;
  }
}

.area-spot-cols {
  position: relative;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .area-spot-cols {
    display: block;
    margin-top: 0;
  }
}

.area-spot-colsCol:nth-child(1) {
  position: relative;
  width: 59%;
}

@media screen and (min-width: 1190px) {
  .area-spot-colsCol:nth-child(1) {
    width: 700px;
  }
}

@media screen and (max-width: 767px) {
  .area-spot-colsCol:nth-child(1) {
    width: auto;
  }
}

.area-spot-colsCol:nth-child(2) {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 41%;
  height: 0;
  -webkit-transition: width .3s;
  transition: width .3s;
}

@media screen and (min-width: 1190px) {
  .area-spot-colsCol:nth-child(2) {
    width: calc(100% - 700px);
  }
}

@media screen and (max-width: 767px) {
  .area-spot-colsCol:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}

.area-spot-colsCol:nth-child(2).is-zoom {
  width: 100%;
}

.area-spot-colsCol1Inner {
  overflow-y: auto;
  height: 940px;
}

@media screen and (max-width: 767px) {
  .area-spot-colsCol1Inner {
    height: auto;
    overflow: visibility;
  }
}

.area-spot-menuSp {
  background-color: #c30d23;
  margin-top: 20px;
  padding: 15px 20px;
}

.area-spot-menuSp ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.area-spot-menuSp a {
  position: relative;
  display: block;
  border-radius: 30px;
  border: 1px solid #d6d6d6;
  color: #c30d23;
  text-align: center;
  padding: 3px 20px 3px 30px;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .area-spot-menuSp a {
    font-size: 12px;
    width: 100%;
    padding: 5px 10px 5px 30px;
  }
}

.area-spot-menuSp a:before {
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  top: 6px;
  width: 15px;
  height: 15px;
  background: url(../img/yadoindex/search-icon2.png) no-repeat center center;
  background-size: contain;
}

.area-spot-menuSp a.is-map .open {
  display: inline;
}

.area-spot-menuSp a.is-map .close {
  display: none;
}

.area-spot-menuSp a.is-map.is-open .open {
  display: none;
}

.area-spot-menuSp a.is-map.is-open .close {
  display: inline;
}

.area-spot-menuSp a.is-map:before {
  background-image: url(../img/area/icon-map.svg);
}

@media screen and (max-width: 767px) {
  .area-spot-tagsWrap2 {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .area-spot-tagsWrap2.is-show {
    opacity: 1;
    pointer-events: auto;
  }
}

.area-spot-tagsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 40px 5px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .area-spot-tagsWrap {
    display: block;
    padding: 0;
  }
}

.area-spot-tagsWrap.is-op {
  opacity: 0;
  pointer-events: none;
}

.area-spot-tagsWrap.is-ab {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .area-spot-tagsWrap.is-ab {
    position: relative;
  }
}

.area-spot-tags {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -3px;
}

@media screen and (max-width: 767px) {
  .area-spot-tags {
    padding: 20px 20px 12px;
  }
}

.area-spot-tags li {
  margin-right: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .area-spot-tags li {
    margin: 0 0 8px;
    padding: 0 4px;
  }
}

@media screen and (max-width: 767px) {
  .area-spot-tags li.all {
    width: 100%;
  }
}

.area-spot-tags a {
  position: relative;
  display: block;
  border-radius: 30px;
  border: 1px solid #d6d6d6;
  color: #c30d23;
  text-align: center;
  padding: 3px 20px 3px 30px;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .area-spot-tags a {
    font-size: 12px;
    width: 100%;
    padding: 5px 10px 5px 30px;
  }
}

.area-spot-tags a:before {
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  top: 6px;
  width: 15px;
  height: 15px;
  background: url(../img/yadoindex/search-icon2.png) no-repeat center center;
  background-size: contain;
}

.area-spot-tags a.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.area-spot-tags li.is-cr a {
  background-color: #c30d23;
  color: #fff;
}

.area-spot-tags li.is-cr a:before {
  background-image: url(../img/yadoindex/search-icon1.png);
}

.area-spot-tags li.is-off a {
  position: relative;
  display: block;
  width: 220px;
  border-radius: 30px;
  border: 1px solid #c9c9c9;
  color: #c9c9c9;
  text-align: center;
  padding: 5px;
}

@media screen and (max-width: 767px) {
  .area-spot-tags li.is-off a {
    width: 100%;
    padding: 5px 5px 5px 25px;
  }
}

.area-spot-tags li.is-off a:before {
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  top: 6px;
  width: 15px;
  height: 15px;
  background: url(../img/yadoindex/search-icon3.png) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .area-spot-tagsClearWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 15px;
    border-top: 1px solid #ccc;
  }
}

.area-spot-tagsClear {
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .area-spot-tagsClear {
    margin-right: 8px;
  }
}

.area-spot-tagsClear a {
  position: relative;
  display: block;
  border-radius: 30px;
  border: 1px solid #d6d6d6;
  text-align: center;
  padding: 3px 10px 3px 15px;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .area-spot-tagsClear a {
    font-size: 12px;
    width: 100%;
    padding: 5px 10px 5px 15px;
  }
}

.area-spot-tagsClear a::after {
  content: '✖';
  display: inline-block;
  margin-left: 0.5em;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .area-spot-tagsClear a::after {
    color: #333;
  }
}

@media screen and (max-width: 767px) {
  .area-spot-tagsClose {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.area-spot-tagsClose a {
  position: relative;
  display: block;
  border-radius: 30px;
  border: 1px solid #c30d23;
  background-color: #c30d23;
  color: #fff;
  text-align: center;
  padding: 3px 10px 3px 15px;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .area-spot-tagsClose a {
    font-size: 12px;
    width: 100%;
    padding: 5px 10px 5px 15px;
  }
}

@media screen and (max-width: 767px) {
  .area-spot-postsWrap.is-map {
    padding-top: calc(100vh - 120px);
  }
}

.area-spot-posts {
  padding: 25px 40px 0;
}

@media screen and (max-width: 767px) {
  .area-spot-posts {
    padding: 20px 20px 0;
  }
}

.area-spot-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d6d6d6;
}

@media screen and (max-width: 767px) {
  .area-spot-post {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.area-spot-post:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.area-spot-postThumb {
  width: 38.23%;
}

@media screen and (max-width: 767px) {
  .area-spot-postThumb {
    width: auto;
    margin-bottom: 12px;
  }
}

.area-spot-postInfo {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .area-spot-postInfo {
    padding: 0;
  }
}

.area-spot-postTtlWrap {
  position: relative;
  padding-left: 50px;
  min-height: 66px;
  padding-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .area-spot-postTtlWrap {
    padding-left: 40px;
  }
}

.area-spot-postPin {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
}

@media screen and (max-width: 767px) {
  .area-spot-postPin {
    width: 32px;
  }
}

.area-spot-postPin i {
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-family: 'Roboto';
}

.area-spot-postArea {
  font-size: 12px;
  color: #c30d23;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .area-spot-postArea {
    font-size: 11px;
  }
}

.area-spot-postTtl {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .area-spot-postTtl {
    font-size: 18px;
  }
}

.area-spot-postTxt {
  font-size: 12px;
  margin-bottom: 11px;
}

@media screen and (max-width: 767px) {
  .area-spot-postTxt {
    font-size: 11px;
  }
}

.area-spot-postBtn {
  margin-top: auto;
}

.area-spot-postBtn a {
  font-size: 12px;
  display: block;
  width: 220px;
  color: #fff;
  text-align: center;
  padding: 2px;
  border-radius: 20px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .area-spot-postBtn a {
    width: 180px;
    padding: 10px;
    margin: 0 auto;
  }
}

.area-gmap {
  height: 940px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .area-gmap {
    height: calc(100vh - 120px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .area-gmap.is-show {
    opacity: 1;
    pointer-events: auto;
  }
}

.area-gmap-close {
  position: absolute;
  left: 10px;
  top: 10px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.area-gmap-close.is-show {
  opacity: 1;
  pointer-events: auto;
}

.area-gmap-close a {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  background-color: #fff;
  position: relative;
}

.area-gmap-close a i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  width: 27px;
  height: 2px;
  background-color: #333;
}

.area-gmap-close a i:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.area-gmap-zoom {
  position: absolute;
  left: 20px;
  top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .area-gmap-zoom {
    margin-right: 8px;
  }
}

.area-gmap-zoom a {
  position: relative;
  display: block;
  border-radius: 30px;
  border: 1px solid #d6d6d6;
  text-align: center;
  padding: 8px 12px 8px 35px;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .area-gmap-zoom a {
    font-size: 12px;
    width: 100%;
    padding: 5px 10px 5px 30px;
  }
}

.area-gmap-zoom a:before {
  content: '';
  display: block;
  position: absolute;
  left: 13px;
  top: 10px;
  width: 15px;
  height: 15px;
  background: url(../img/area/icon-search.svg) no-repeat center center;
  background-size: contain;
}

.area-gmap-zoom a.is-zoom {
  padding: 8px 12px 8px 12px;
}

.area-gmap-zoom a.is-zoom:before {
  display: none;
}

.area-gmap-zoom a.is-zoom:after {
  content: '✖';
}

.area-gmap-zoom a.is-zoom span {
  display: none;
}

.area-plan {
  background-color: #f3f0e9;
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .area-plan {
    padding-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .area-plan .home-mTtl {
    text-align: center;
  }
}

.area-planSlider {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 75px 115px;
}

@media screen and (max-width: 767px) {
  .area-planSlider {
    padding: 0 0 55px;
  }
  .area-planSlider .slick-prev {
    left: 10px;
  }
  .area-planSlider .slick-next {
    right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .area-planSlide {
    opacity: .5;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
}

@media screen and (max-width: 767px) {
  .area-planSlide.slick-current {
    opacity: 1;
  }
}

.area-planSlide-inner {
  width: 310px;
  padding: 10px 10px 0;
}

.area-planSlide-inner a {
  display: block;
  position: relative;
}

.area-planSlide-ttl {
  position: absolute;
  left: 10px;
  top: -10px;
  font-size: 14px;
  color: #c30d23;
  font-weight: bold;
  background-color: #fff;
  padding: 2px 8px;
}

@media screen and (max-width: 767px) {
  .area-planSlide-ttl {
    font-size: 12px;
  }
}

.area-planSlide-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px 20px 1px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .area-planSlide-info {
    padding: 15px 10px 1px;
  }
}

.area-planSlide-info .yadoIndex-post-tags {
  margin-top: auto;
}

.area-planSlide-txt {
  font-size: 14px;
  font-weight: bold;
}

.area-planSlide-price {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  margin-top: 1em;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .area-planSlide-price {
    font-size: 14px;
  }
}

.area-planSlide-price b {
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .area-planSlide-price b {
    font-size: 18px;
  }
}

.area-info-colsWrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .area-info-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .area-info-colsCol:nth-child(1) {
    width: 540px;
    height: 540px;
    margin-right: 20px;
  }
  .area-info-colsCol:nth-child(2) {
    width: 400px;
    height: 540px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.area-info-item {
  position: relative;
}

@media screen and (min-width: 768px) {
  .area-info-item.-num1 {
    height: 100%;
  }
  .area-info-item.-num2 {
    height: 260px;
    margin-bottom: 20px;
  }
  .area-info-item.-num3 {
    height: 260px;
  }
}

@media screen and (max-width: 767px) {
  .area-info-item {
    margin-bottom: 20px;
  }
}

.area-info-item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.area-info-item a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.area-info-img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .area-info-img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .area-info-img {
    padding-top: 64.1791%;
  }
}

.area-info-info {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 10px 20px 20px;
}

@media screen and (max-width: 767px) {
  .area-info-info {
    font-size: 11px;
  }
}

.area-info-info h2 {
  font-size: 20px;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .area-info-info h2 {
    font-size: 14px;
  }
}

.area-rela {
  padding: 0 20px;
}

.area-rela-inner {
  max-width: 960px;
  margin: 0 auto;
}

.area-rela-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 30px -15px 0;
}

@media screen and (max-width: 767px) {
  .area-rela-posts {
    margin: 20px -8px 0;
  }
}

.area-rela-noPosts {
  height: 50px;
}

.area-rela-post {
  width: 25%;
  padding: 0 15px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .area-rela-post {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 25px;
  }
}

.area-rela-post a {
  display: block;
}

.area-rela-postTtl {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .area-rela-postTtl {
    font-size: 12px;
    margin-top: 8px;
  }
}

.area-rela-all {
  padding: 30px 0 100px;
}

@media screen and (max-width: 767px) {
  .area-rela-all {
    padding: 15px 0 50px;
  }
}

.area-rela-all h3 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #666;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .area-rela-all h3 {
    font-size: 13px;
  }
}

.area-rela-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.area-rela-list ul {
  width: 220px;
}

@media screen and (max-width: 767px) {
  .area-rela-list ul {
    width: 50%;
  }
}

.area-rela-list a {
  display: block;
  padding: 8px 0;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .area-rela-list a {
    font-size: 11px;
  }
}

.area-rela-list a:hover {
  text-decoration: underline;
}

.compare-conditions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1198px;
  margin: 0 auto;
  padding: 30px 20px 20px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .compare-conditions {
    padding: 20px 20px 20px;
  }
}

.compare-conditions-fix.is-fix {
  position: fixed;
  left: 0;
  top: 162px;
  z-index: 1;
  width: 100%;
  background-color: #fff;
  -webkit-transform: translateY(-105%);
          transform: translateY(-105%);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .compare-conditions-fix.is-fix {
    top: 120px;
    max-height: calc(100vh - 120px);
    overflow: auto;
  }
}

.compare-conditions-fix.is-fix2 {
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.compare-conditions-fix.is-fix2.is-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.compare-conditions-inner {
  width: 100%;
  max-width: 1000px;
}

@media screen and (max-width: 767px) {
  .compare-conditions-inner {
    max-width: 650px;
  }
}

.compare-conditions h2 {
  font-size: 20px;
  font-weight: bold;
  color: #c30d23;
  border-bottom: 1px solid #c30d23;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .compare-conditions h2 {
    margin-bottom: 10px;
    padding-bottom: 4px;
    font-size: 14px;
  }
}

.compare-conditions h3 {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #c30d23;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .compare-conditions h3 {
    font-size: 14px;
    margin-top: 20px;
    cursor: pointer;
  }
  .compare-conditions h3:before {
    content: '＋';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .compare-conditions h3.is-on:before {
    content: 'ー';
    right: 1px;
  }
}

.compare-conditions-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .compare-conditions-cols {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .compare-conditions-col:nth-child(1) {
    width: 23%;
  }
  .compare-conditions-col:nth-child(2) {
    width: 18%;
  }
  .compare-conditions-col:nth-child(3) {
    width: 17%;
  }
  .compare-conditions-col:nth-child(4) {
    width: 20%;
  }
  .compare-conditions-col:nth-child(5) {
    width: 19%;
  }
  .compare-conditions-col:nth-child(6) {
    width: 19%;
  }
}

@media screen and (max-width: 767px) {
  .compare-conditions-col:nth-child(1) h3 {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .compare-conditions ul {
    padding-left: 5px;
    display: none;
  }
}

.compare-conditions li a {
  display: block;
  padding: 3px 3px 3px 23px;
  position: relative;
}

.compare-conditions li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 7px;
  width: 12px;
  height: 12px;
  border: 1px solid #c30d23;
}

.compare-conditions li a.is-on:after {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 7px;
  width: 13px;
  height: 10px;
  background: url(../img/compare/condition-check.svg) no-repeat center center;
  background-size: contain;
}

.compare-row.is-hide {
  display: none;
}

.compare-row.compare-row3 {
  text-align: left;
}

.compare-posts {
  position: relative;
  max-width: 1158px;
  margin: 50px auto 50px;
  padding-left: 158px;
  min-height: 1000px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .compare-posts {
    padding-left: 80px;
    margin: 30px 0;
  }
}

.compare-posts-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}

.compare-post {
  width: 200px;
  min-width: 200px;
  border-right: 1px solid #e0dacc;
}

@media screen and (max-width: 767px) {
  .compare-post {
    width: 130px;
    min-width: 130px;
  }
}

.compare-post-top {
  height: 37px;
  background-color: #c30d23;
  position: relative;
}

@media screen and (max-width: 767px) {
  .compare-post-top {
    height: 26px;
  }
}

.compare-post-top:before {
  content: '';
  display: block;
  position: absolute;
  right: -1px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #c30d23;
}

.compare-post-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  min-height: 250px;
  border-bottom: 1px solid #e0dacc;
}

@media screen and (max-width: 767px) {
  .compare-post-inner {
    min-height: 190px;
    padding: 15px 5px;
  }
}

.compare-post-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  border-bottom: 1px solid #e0dacc;
}

@media screen and (max-width: 767px) {
  .compare-post-bottom {
    padding: 10px 15px;
  }
}

.compare-post-ttl {
  font-size: 14px;
  font-weight: bold;
  margin: 15px 0 15px;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .compare-post-ttl {
    font-size: 10px;
    margin: 10px 0 10px;
  }
}

.compare-post-btn {
  margin-top: auto;
}

.compare-post-btn a {
  display: block;
  color: #c30d23;
  text-align: center;
  border: 1px solid #c30d23;
  border-radius: 30px;
  padding: 2px;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .compare-post-btn a {
    font-size: 10px;
  }
}

.compare-post-btn a i {
  display: inline-block;
  -webkit-transform: scale(0.5, 1);
          transform: scale(0.5, 1);
  margin-left: 3px;
}

@media screen and (max-width: 767px) {
  .compare-post-btn a i {
    margin-left: 2px;
  }
}

.compare-post-box {
  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: 15px 5px;
  min-height: 52px;
  text-align: center;
  border-bottom: 1px solid #e0dacc;
  line-height: 1.2857;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .compare-post-box {
    font-size: 10px;
  }
}

.compare-loading {
  width: 100%;
  height: 100px;
  background: url(../img/yadoindex/loading.gif) no-repeat center center;
  background-size: 29px auto;
}

.compare-labels {
  position: absolute;
  left: 0;
  top: 37px;
  border-right: 1px solid #e0dacc;
}

@media screen and (max-width: 767px) {
  .compare-labels {
    top: 27px;
  }
}

.compare-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 5px 15px 20px;
  min-height: 52px;
  border-bottom: 1px solid #fff;
  line-height: 1.2857;
  width: 158px;
  font-size: 14px;
  background-color: #f1ede6;
}

@media screen and (max-width: 767px) {
  .compare-label {
    width: 80px;
    font-size: 10px;
    padding: 15px 10px 15px 15px;
  }
}

.compare-label:last-child {
  border-bottom: 1px solid #e0dacc;
}

.compare-label:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: -1px;
  width: 10px;
  background-color: #e0dacc;
}

@media screen and (max-width: 767px) {
  .compare-label:before {
    width: 5px;
  }
}

.compare-label.type-1 {
  font-weight: bold;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.compare-label.type-1:before {
  display: none;
}

.compare-h3 {
  height: 38px;
  background-color: #e0dacc;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 5px 0 20px;
}

@media screen and (max-width: 767px) {
  .compare-h3 {
    font-size: 12px;
    padding: 5px 0 0 5px;
    height: 28px;
  }
}

.compare-h3.is-hide {
  display: none;
}

.compare-sel.is-bgRow {
  background-color: #ffebed;
}

.compare-sel.is-bgCol {
  background-color: #ffebed;
}

.compare-sel.is-bgRow.is-bgCol {
  background-color: #efcdd4;
}

.compare-moveBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.compare-moveBtns-label {
  color: #fff;
  font-size: 14px;
  padding: 8px 6px 0 10px;
}

@media screen and (max-width: 767px) {
  .compare-moveBtns-label {
    font-size: 10px;
    padding: 5px 4px 0 5px;
  }
}

.compare-moveBtns-l {
  display: block;
  width: 22px;
  height: 100%;
  background: url(../img/compare/move-l.svg) no-repeat center center;
  background-size: 15px 13px;
}

@media screen and (max-width: 767px) {
  .compare-moveBtns-l {
    width: 17px;
    background-size: 12px 11px;
  }
}

.compare-post:first-child .compare-moveBtns-l {
  pointer-events: none;
  background-image: url(../img/compare/move-l2.svg);
}

.compare-moveBtns-r {
  display: block;
  width: 22px;
  height: 100%;
  background: url(../img/compare/move-r.svg) no-repeat center center;
  background-size: 15px 13px;
}

@media screen and (max-width: 767px) {
  .compare-moveBtns-r {
    width: 17px;
    background-size: 12px 11px;
  }
}

.compare-post:last-child .compare-moveBtns-r {
  pointer-events: none;
  background-image: url(../img/compare/move-r2.svg);
}

.compare-moveBtns-close {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 100%;
  background: url(../img/compare/move-close.svg) no-repeat center center;
  background-size: 18px 18px;
}

@media screen and (max-width: 767px) {
  .compare-moveBtns-close {
    width: 25px;
    background-size: 12.6px 12.6px;
  }
}

.compare-scWrap {
  position: fixed;
  left: 0;
  top: 90px;
  width: 100%;
  z-index: 10;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

@media screen and (max-width: 767px) {
  .compare-scWrap {
    top: 60px;
  }
}

.compare-scWrap.is-sc {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.compare-scWrap.is-hide {
  pointer-events: none;
}

.compare-scNav {
  position: relative;
  z-index: 2;
  background-color: #c30d23;
  pointer-events: auto;
}

.compare-scNav-inner {
  height: 72px;
  max-width: 975px;
  margin: 0 auto;
  padding: 21px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .compare-scNav-inner {
    height: 60px;
    padding: 15px 15px 0;
  }
}

.compare-scNav-btn {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .compare-scNav-btn {
    margin-left: 5px;
  }
}

.compare-scNav-btn a {
  position: relative;
  display: block;
  background-color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 20px;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .compare-scNav-btn a {
    font-size: 12px;
    letter-spacing: -0.02em;
  }
}

@media screen and (max-width: 374px) {
  .compare-scNav-btn a {
    font-size: 10px;
  }
}

.compare-scNav-btn.type-1 a {
  color: #c30d23;
  padding: 5px 38px 5px 32px;
}

@media screen and (max-width: 767px) {
  .compare-scNav-btn.type-1 a {
    padding: 5px 23px 5px 23px;
  }
}

.compare-scNav-btn.type-1 a:before {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  width: 15px;
  height: 15px;
  background: url(../img/yadoindex/search-icon2.png) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .compare-scNav-btn.type-1 a:before {
    width: 12px;
    height: 12px;
    top: 9px;
    left: 5px;
  }
}

.compare-scNav-btn.type-1 a:after {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 10px;
  height: 10px;
  border: 2px solid #c30d23;
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  -webkit-transform-origin: 60% 40%;
          transform-origin: 60% 40%;
}

@media screen and (max-width: 767px) {
  .compare-scNav-btn.type-1 a:after {
    width: 7px;
    height: 7px;
    right: 8px;
    border-width: 1px;
  }
}

.compare-scNav-btn.type-1 a.is-on:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.compare-scNav-btn.type-2 a {
  padding: 5px 30px 5px 20px;
}

@media screen and (max-width: 767px) {
  .compare-scNav-btn.type-2 a {
    padding: 5px 15px 5px 5px;
  }
}

.compare-scNav-btn.type-2 a:after {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 10px;
  height: 10px;
  border: 2px solid #c30d23;
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transform-origin: 60% 40%;
          transform-origin: 60% 40%;
}

@media screen and (max-width: 767px) {
  .compare-scNav-btn.type-2 a:after {
    width: 7px;
    height: 7px;
    right: 8px;
    border-width: 1px;
  }
}

.compare-scNav-btn.type-3 a {
  padding: 5px 30px 5px 20px;
}

@media screen and (max-width: 767px) {
  .compare-scNav-btn.type-3 a {
    padding: 5px 20px 5px 10px;
  }
}

.compare-scNav-btn.type-3 a:after {
  content: '✖';
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .compare-scNav-btn.type-3 a:after {
    right: 5px;
  }
}

.compare-scPosts {
  max-width: 1158px;
  margin: 0 auto;
  background-color: #fff;
  padding-left: 158px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .compare-scPosts {
    padding-left: 80px;
  }
}

.compare-scPosts-wrap {
  position: relative;
  z-index: 1;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.compare-scPosts-wrap.is-hide {
  -webkit-transform: translateY(-105%);
          transform: translateY(-105%);
}

.compare-scPosts-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  position: relative;
}

.compare-scPosts-inner:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #e0dacc;
}

.compare-scPost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 200px;
  min-width: 200px;
  border-right: 1px solid #e0dacc;
  padding: 10px 5px 10px;
}

@media screen and (max-width: 767px) {
  .compare-scPost {
    width: 130px;
    min-width: 130px;
    padding: 5px;
  }
}

.compare-scPost-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}

.compare-scPost-thumb {
  width: 50px;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .compare-scPost-thumb {
    width: 40px;
  }
}

.compare-scPost-ttl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2143;
}

@media screen and (max-width: 767px) {
  .compare-scPost-ttl {
    font-size: 10px;
  }
}

.compare-scPost-btn {
  margin-top: auto;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .compare-scPost-btn {
    padding: 0 10px;
  }
}

.compare-scPost-btn a {
  display: block;
  color: #c30d23;
  text-align: center;
  border: 1px solid #c30d23;
  border-radius: 30px;
  padding: 2px;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .compare-scPost-btn a {
    font-size: 10px;
  }
}

.compare-scPost-btn a i {
  display: inline-block;
  -webkit-transform: scale(0.5, 1);
          transform: scale(0.5, 1);
  margin-left: 3px;
}

@media screen and (max-width: 767px) {
  .compare-scPost-btn a i {
    margin-left: 2px;
  }
}

.body-try .pubBnr,
.body-try .f-nav {
  display: none;
}

.try-kv__inner {
  position: relative;
}

.try-kv__bg span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 800px;
}

@media screen and (max-width: 767px) {
  .try-kv__bg span {
    height: 280px;
  }
}

.try-kv__info {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
}

@media screen and (max-width: 767px) {
  .try-kv__info {
    -webkit-transform: translateY(-37%);
            transform: translateY(-37%);
  }
}

.try-kv__ttl {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .try-kv__ttl {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 767px) {
  .try-kv__ttl img {
    width: 325px;
  }
}

.try-kv__date {
  margin: 0 auto;
  width: 280px;
}

@media screen and (max-width: 767px) {
  .try-kv__date img {
    width: 160px;
  }
}

.try-lnav__inner {
  position: relative;
}

.try-lnav__list {
  position: relative;
  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: 40px 0;
}

@media screen and (max-width: 767px) {
  .try-lnav__list {
    width: 66.66%;
    padding: 10px 0;
  }
}

.try-lnav__list li {
  padding: 0 35px;
}

@media screen and (max-width: 767px) {
  .try-lnav__list li {
    width: 50%;
    padding: 1px;
  }
}

.try-lnav__list a {
  position: relative;
  display: block;
  font-size: 20px;
  color: #c30d23;
  font-weight: bold;
  padding: 10px 0 25px 0;
  letter-spacing: -.01em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .try-lnav__list a {
    font-size: 12px;
    background-color: #f9e7e9;
    padding: 20px 0 23px 0;
  }
}

.try-lnav__list a::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 11px;
  width: 13px;
  height: 13px;
  border-top: 2px solid #c30d23;
  border-right: 2px solid #c30d23;
  -webkit-transform: translateX(-50%) rotate(135deg);
          transform: translateX(-50%) rotate(135deg);
}

@media screen and (max-width: 767px) {
  .try-lnav__list a::before {
    width: 8px;
    height: 8px;
    border-width: 1px;
    bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .try-lnav__list li.-contact {
    display: none;
  }
}

.try-lnav__list li.-contact a {
  background-color: #c30d23;
  color: #fff;
}

.try-lnav__list li.-contact a::before {
  border-color: #fff;
}

.try-lnav__list li.-contact span {
  display: block;
  padding: 0 40px 0 40px;
}

.try-lnav__spContact a {
  position: relative;
  display: block;
  font-size: 20px;
  background-color: #c30d23;
  color: #fff;
  font-weight: bold;
  padding: 10px 0 25px 0;
  letter-spacing: -.01em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .try-lnav__spContact a {
    position: absolute;
    right: 1px;
    top: 11px;
    bottom: 11px;
    width: calc(33.33% - 2px);
    font-size: 12px;
    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;
  }
}

.try-lnav__spContact a::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 11px;
  width: 13px;
  height: 13px;
  border-top: 2px solid #c30d23;
  border-right: 2px solid #c30d23;
  border-color: #fff;
  -webkit-transform: translateX(-50%) rotate(135deg);
          transform: translateX(-50%) rotate(135deg);
}

@media screen and (max-width: 767px) {
  .try-lnav__spContact a::before {
    width: 8px;
    height: 8px;
    border-width: 1px;
    bottom: 50%;
    -webkit-transform: translate(-50%, 10px) rotate(135deg);
            transform: translate(-50%, 10px) rotate(135deg);
  }
}

.try-secTtl {
  background-color: #c30d23;
  padding: 50px 20px 50px;
}

@media screen and (max-width: 767px) {
  .try-secTtl {
    padding: 30px 20px;
  }
}

.try-secTtl h2 {
  font-size: 36px;
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .try-secTtl h2 {
    font-size: 18px;
  }
}

.try-secTtl__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .try-secTtl__contact {
    margin: 20px 0;
  }
}

.try-secTtl__contactInner {
  width: 735px;
  background-color: #fff;
  border-radius: 100px;
  text-align: center;
  position: relative;
  padding: 40px 20px 40px;
}

@media screen and (max-width: 767px) {
  .try-secTtl__contactInner {
    padding: 20px;
  }
}

.try-secTtl__contactInner::before {
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border: 5px solid #c30d23;
  pointer-events: none;
  border-radius: 100px;
}

@media screen and (max-width: 767px) {
  .try-secTtl__contactInner::before {
    border-width: 2px;
  }
}

.try-secTtl__contactTxt1 {
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .try-secTtl__contactTxt1 {
    font-size: 13px;
    margin-bottom: 5px;
  }
}

.try-secTtl__contactTxt2 {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .try-secTtl__contactTxt2 {
    font-size: 10px;
  }
}

.try-secTtl__contactTxt3 {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .try-secTtl__contactTxt3 {
    font-size: 12px;
  }
}

.try-secTtl__contactTxt3 a {
  font-weight: bold;
}

.try-secTtl__contactTxt3 a:hover {
  text-decoration: underline;
}

.try-lead__inner {
  padding: 55px 20px 100px;
}

@media screen and (max-width: 767px) {
  .try-lead__inner {
    padding: 30px 20px 40px;
  }
}

.try-prog__txt1 {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .try-prog__txt1 {
    font-size: 10px;
  }
}

.try-prog__txt2 {
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .try-prog__txt2 {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

.try-prog__ttl {
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .try-prog__ttl {
    margin-bottom: 20px;
  }
  .try-prog__ttl img {
    width: 320px;
  }
}

.try-prog__cols {
  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;
}

@media screen and (max-width: 767px) {
  .try-prog__cols {
    display: block;
  }
}

.try-prog__colsImg {
  width: 510px;
  margin-right: 70px;
}

@media screen and (max-width: 767px) {
  .try-prog__colsImg {
    width: auto;
    margin-right: 0;
    margin-bottom: 25px;
  }
}

.try-prog__colsPoints {
  width: 530px;
}

@media screen and (max-width: 767px) {
  .try-prog__colsPoints {
    width: 280px;
    margin: 0 auto;
  }
}

.try-prog__colsPoints dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.try-prog__colsPoints dl:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .try-prog__colsPoints dl {
    margin-bottom: 10px;
  }
}

.try-prog__colsPoints dt {
  width: 63px;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .try-prog__colsPoints dt {
    width: 39px;
    margin-right: 10px;
  }
}

.try-prog__colsPoints dd {
  padding-top: 10px;
}

.try-prog__colsPoints dd p {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .try-prog__colsPoints dd p {
    font-size: 15px;
  }
}

.try-prog__colsPoints dd p small {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .try-prog__colsPoints dd p small {
    font-size: 11px;
  }
}

.try-prog__colsPoints dd span {
  display: block;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .try-prog__colsPoints dd span {
    font-size: 9px;
  }
}

.try-prog__btn {
  margin-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .try-prog__btn {
    margin-top: 30px;
  }
}

.try-prog__btn a {
  display: block;
  width: 480px;
  height: 80px;
  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: 22px;
  font-weight: bold;
  color: #fff;
  background-color: #c30d23;
  border-radius: 50px;
}

@media screen and (max-width: 767px) {
  .try-prog__btn a {
    font-size: 13px;
    right: 270px;
    height: 50px;
  }
}

.try-task {
  background-color: #f3f0e9;
}

.try-task__inner {
  padding: 45px 20px 210px;
}

@media screen and (max-width: 767px) {
  .try-task__inner {
    padding: 1px 20px 100px;
  }
}

.try-task h2 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin: 40px 0 60px;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .try-task h2 {
    font-size: 15px;
    margin: 50px 0 40px;
  }
}

.try-task__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .try-task__cols {
    display: block;
  }
}

.try-task__cols.-num2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.try-task__txts {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 30px 40px;
}

@media screen and (max-width: 767px) {
  .try-task__txts {
    padding: 0;
  }
}

.try-task__txts ul {
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .try-task__txts ul {
    padding-left: 15px;
    margin-top: 25px;
  }
}

.try-task__txts li {
  position: relative;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 500;
  padding: 8px 0 10px 50px;
}

@media screen and (max-width: 767px) {
  .try-task__txts li {
    font-size: 12px;
    padding: 2px 0 12px 30px;
  }
}

.try-task__txts li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background: url(../img/try/task-check.svg) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .try-task__txts li::before {
    width: 22px;
    height: 22px;
  }
}

.try-task__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .try-task__ttl {
    margin-bottom: 20px;
  }
}

.try-task__ttl p {
  width: 70px;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .try-task__ttl p {
    width: 43px;
    margin-right: 15px;
  }
}

.try-task__ttl h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4615;
  letter-spacing: 0.04em;
  position: relative;
  top: -5px;
}

@media screen and (max-width: 767px) {
  .try-task__ttl h3 {
    font-size: 15px;
    top: 0;
  }
}

.try-task__cols.-num1 .try-task__img {
  width: 57.6577%;
}

@media screen and (max-width: 767px) {
  .try-task__cols.-num1 .try-task__img {
    width: auto;
  }
}

.try-task__cols.-num2 .try-task__img {
  width: 45.9459%;
}

@media screen and (max-width: 767px) {
  .try-task__cols.-num2 .try-task__img {
    width: auto;
  }
}

.try-ow {
  overflow: hidden;
  padding-top: 100px;
  margin-top: -100px;
}

.try-ow__bg {
  position: relative;
}

.try-ow__bg span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 496px;
}

@media screen and (max-width: 767px) {
  .try-ow__bg span {
    height: 163px;
  }
}

.try-ow__ttl {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .try-ow__ttl {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
  .try-ow__ttl img {
    width: 335px;
  }
}

.try-ow__txts {
  position: relative;
  text-align: center;
  padding: 0 20px 100px;
}

@media screen and (max-width: 767px) {
  .try-ow__txts {
    padding: 0 20px 50px;
  }
}

.try-ow__txts p {
  font-size: 22px;
  line-height: 2;
  font-weight: bold;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .try-ow__txts p {
    font-size: 12px;
  }
}

.try-ow__il {
  margin: 55px 0;
}

@media screen and (max-width: 767px) {
  .try-ow__il {
    margin: 10px 0 25px;
  }
  .try-ow__il img {
    width: 301px;
  }
}

.try-ow__icon1 {
  position: absolute;
  left: 50%;
  top: -205px;
  -webkit-transform: translateX(-704px);
          transform: translateX(-704px);
}

@media screen and (max-width: 767px) {
  .try-ow__icon1 {
    left: -39px;
    top: -63px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .try-ow__icon1 img {
    width: 100px;
  }
}

.try-ow__icon2 {
  position: absolute;
  left: 50%;
  top: -115px;
  -webkit-transform: translateX(470px);
          transform: translateX(470px);
}

@media screen and (max-width: 767px) {
  .try-ow__icon2 {
    left: auto;
    right: -8px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .try-ow__icon2 img {
    width: 77px;
  }
}

.try-merit {
  background-color: #f3f0e9;
}

.try-merit__inner {
  padding: 50px 20px 10px;
}

@media screen and (max-width: 767px) {
  .try-merit__inner {
    padding: 30px 20px 20px;
  }
}

.try-merit__ttl {
  text-align: center;
  margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
  .try-merit__ttl {
    margin-bottom: 25px;
  }
  .try-merit__ttl img {
    width: 283px;
  }
}

.try-merit__nums {
  max-width: 680px;
  margin: 0 auto;
  margin-bottom: 40px;
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .try-merit__nums {
    max-width: 328px;
    margin-bottom: 25px;
    padding-left: 10px;
  }
}

.try-merit__numIcon {
  width: 140px;
  margin-right: 25px;
}

@media screen and (max-width: 767px) {
  .try-merit__numIcon {
    width: 70px;
    margin-right: 15px;
  }
}

.try-merit__numTxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 22px;
  letter-spacing: 0.05em;
  font-weight: bold;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .try-merit__numTxt {
    font-size: 12px;
  }
}

.try-meritMsg {
  padding: 100px 20px;
}

@media screen and (max-width: 767px) {
  .try-meritMsg {
    padding: 40px 20px;
  }
}

.try-meritMsg p {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6667;
  text-align: center;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .try-meritMsg p {
    font-size: 15px;
  }
}

.try-yado__inner {
  padding: 60px 20px 80px;
}

@media screen and (max-width: 767px) {
  .try-yado__inner {
    padding: 30px 20px 40px;
  }
}

.try-yado__btn {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .try-yado__btn {
    margin-bottom: 20px;
  }
}

.try-yado__btn a {
  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;
  border-radius: 30px;
  width: 680px;
  height: 60px;
  border: 2px solid #c30d23;
  color: #c30d23;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}

@media screen and (max-width: 767px) {
  .try-yado__btn a {
    font-size: 12px;
    height: 35px;
  }
}

.try-yado__btn a::before {
  content: '';
  display: block;
  position: absolute;
  right: 25px;
  top: 0;
  height: 100%;
  width: 26px;
  background: url(../img/try/yado-btn.svg) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .try-yado__btn a::before {
    right: 15px;
    width: 15px;
  }
}

.try-yado__btn a.is-on {
  background-color: #c30d23;
  color: #fff;
}

.try-yado__btn a.is-on::before {
  background-image: url(../img/try/yado-btn2.svg);
}

.try-yado__txt {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 1px 0 30px;
}

@media screen and (max-width: 767px) {
  .try-yado__txt {
    font-size: 12px;
    padding-bottom: 20px;
  }
}

.try-yado__tabCon {
  display: none;
}

.try-yado__posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .try-yado__posts {
    display: block;
    padding-bottom: 20px;
  }
}

.try-yado__post {
  width: 50%;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .try-yado__post {
    width: auto;
    padding: 0 0 20px;
  }
}

.try-yado__postInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #c30d23;
  padding: 20px 10px 15px;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .try-yado__postInner {
    padding: 10px 10px 15px;
  }
}

.try-yado__postCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.try-yado__postThumb {
  width: 50%;
  padding-right: 15px;
}

.try-yado__postInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.try-yado__postCat {
  font-size: 12px;
  color: #c30d23;
  font-weight: bold;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
  .try-yado__postCat {
    font-size: 10px;
  }
}

.try-yado__postTtl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .try-yado__postTtl {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .try-yado__postTxt {
    font-size: 9px;
  }
}

.try-yado__postLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: auto;
  padding-top: 20px;
}

.try-yado__postLink a {
  display: block;
  background-color: #c30d23;
  color: #fff;
  text-align: center;
  padding: 1px 10px 2px;
  width: 250px;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .try-yado__postLink a {
    font-size: 12px;
    width: 180px;
    padding: 10px;
  }
}

.try-flow__inner {
  max-width: 1034px;
  margin: 0 auto;
  padding: 1px 20px 100px;
}

@media screen and (max-width: 767px) {
  .try-flow__inner {
    padding-bottom: 50px;
  }
}

.try-flow h3 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  margin: 2em 0 1.2em;
}

@media screen and (max-width: 767px) {
  .try-flow h3 {
    margin: 2em 0 1.5em;
    font-size: 13px;
  }
}

.try-flow__nums {
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .try-flow__nums {
    margin-top: 30px;
    margin-bottom: 40px;
    display: block;
  }
}

.try-flow__nums ul {
  width: 46%;
}

@media screen and (max-width: 767px) {
  .try-flow__nums ul {
    width: auto;
  }
}

.try-flow__nums li {
  margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
  .try-flow__nums li {
    margin-bottom: 10px;
  }
}

.try-flow__nums dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.try-flow__nums dt {
  width: 70px;
  margin-right: 10px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .try-flow__nums dt {
    width: 37px;
  }
}

.try-flow__nums dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.try-flow__nums dd h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
  .try-flow__nums dd h4 {
    font-size: 12px;
  }
}

.try-flow__nums dd p {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .try-flow__nums dd p {
    font-size: 9px;
  }
}

.try-flow__nums i {
  display: block;
  width: 70px;
  text-align: center;
  padding-right: 4px;
}

@media screen and (max-width: 767px) {
  .try-flow__nums i {
    width: 37px;
    padding-right: 2px;
  }
}

.try-flow__nums i img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .try-flow__nums i img {
    width: 12px;
  }
}

.try-method__inner {
  padding: 70px 20px 80px;
}

@media screen and (max-width: 767px) {
  .try-method__inner {
    padding: 30px 20px 40px;
  }
}

.try-method__txts {
  max-width: 750px;
  margin: 0 auto;
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .try-method__txts {
    margin-top: 50px;
  }
}

.try-method__txts h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  position: relative;
  margin: 2em 0 1em;
}

@media screen and (max-width: 767px) {
  .try-method__txts h3 {
    font-size: 14px;
  }
}

.try-method__txts h3:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.try-method__txts h3 span {
  display: inline-block;
  padding: 0 30px;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 767px) {
  .try-method__txts h3 span {
    padding: 0 15px;
  }
}

.try-method__txts p {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .try-method__txts p {
    font-size: 11px;
  }
}

.try-method__txts p.-lg {
  font-size: 24px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .try-method__txts p.-lg {
    font-size: 13px;
  }
}

.try-method__txts p b {
  margin-top: 10px;
  display: block;
  font-weight: bold;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .try-method__txts p b {
    font-size: 12px;
  }
}

.try-method__program {
  margin: 60px auto 0;
  padding: 30px;
  max-width: 750px;
  background-color: #f3f0e9;
}

@media screen and (max-width: 767px) {
  .try-method__program {
    margin-top: 10px;
    padding: 20px;
  }
}

.try-method__program h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #c30d23;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .try-method__program h3 {
    font-size: 14px;
  }
}

.try-method__program p {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .try-method__program p {
    font-size: 11px;
  }
}

.try-method__program p.title {
  margin-top: 20px;
  font-weight: bold;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .try-method__program p.title {
    font-size: 12px;
  }
}

.try-contact__faq {
  background-color: #f3f0e9;
}

.try-contact__faq h3 {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .try-contact__faq h3 {
    font-size: 13px;
    margin-bottom: 30px;
  }
}

.try-contact__faq dl {
  font-size: 16px;
  margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
  .try-contact__faq dl {
    font-size: 10px;
    margin-bottom: 30px;
  }
}

.try-contact__faq dt {
  position: relative;
  font-weight: bold;
  padding-left: 35px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .try-contact__faq dt {
    padding-left: 25px;
    margin-bottom: 10px;
  }
}

.try-contact__faq dt::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  background: url(../img/try/faq-q.svg) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .try-contact__faq dt::before {
    top: 1px;
    width: 13px;
    height: 13px;
  }
}

.try-contact__faq dd {
  position: relative;
  padding-left: 35px;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
  .try-contact__faq dd {
    padding-bottom: 15px;
    padding-left: 25px;
  }
}

.try-contact__faq dd::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  background: url(../img/try/faq-a.svg) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .try-contact__faq dd::before {
    top: 1px;
    width: 13px;
    height: 13px;
  }
}

.try-contact__faqInner {
  max-width: 840px;
  margin: 0 auto;
  padding: 50px 20px 20px;
}

@media screen and (max-width: 767px) {
  .try-contact__faqInner {
    padding: 30px 20px 20px;
  }
}

/*

.try- {
  @include max {
  }
  &__ {
    @include max {
    }
  }
}

*/
.tryWorkation-kv__inner {
  position: relative;
}

.tryWorkation-kv__bg span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 620px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-kv__bg span {
    height: 220px;
  }
}

.tryWorkation-kv__info {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
}

@media screen and (max-width: 767px) {
  .tryWorkation-kv__info {
    -webkit-transform: translateY(-37%);
            transform: translateY(-37%);
  }
}

.tryWorkation-kv__ttl img {
  width: 820px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-kv__ttl img {
    width: 325px;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkation-kv__date img {
    width: 160px;
  }
}

.tryWorkation-lnav__inner {
  position: relative;
}

.tryWorkation-lnav__list {
  position: relative;
  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: 40px 0;
}

@media screen and (max-width: 767px) {
  .tryWorkation-lnav__list {
    width: 66.66%;
    padding: 10px 0;
  }
}

.tryWorkation-lnav__list li {
  padding: 0 35px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-lnav__list li {
    width: 50%;
    padding: 1px;
  }
}

.tryWorkation-lnav__list a {
  position: relative;
  display: block;
  font-size: 20px;
  color: #c30d23;
  font-weight: bold;
  padding: 10px 0 25px 0;
  letter-spacing: -.01em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tryWorkation-lnav__list a {
    font-size: 12px;
    background-color: #f9e7e9;
    padding: 20px 0 23px 0;
  }
}

.tryWorkation-lnav__list a::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 11px;
  width: 13px;
  height: 13px;
  border-top: 2px solid #c30d23;
  border-right: 2px solid #c30d23;
  -webkit-transform: translateX(-50%) rotate(135deg);
          transform: translateX(-50%) rotate(135deg);
}

@media screen and (max-width: 767px) {
  .tryWorkation-lnav__list a::before {
    width: 8px;
    height: 8px;
    border-width: 1px;
    bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkation-lnav__list li.-contact {
    display: none;
  }
}

.tryWorkation-lnav__list li.-contact a {
  background-color: #c30d23;
  color: #fff;
}

.tryWorkation-lnav__list li.-contact a::before {
  border-color: #fff;
}

.tryWorkation-lnav__list li.-contact span {
  display: block;
  padding: 0 40px 0 40px;
}

.tryWorkation-lnav__spContact a {
  position: relative;
  display: block;
  font-size: 20px;
  background-color: #c30d23;
  color: #fff;
  font-weight: bold;
  padding: 10px 0 25px 0;
  letter-spacing: -.01em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tryWorkation-lnav__spContact a {
    position: absolute;
    right: 1px;
    top: 11px;
    bottom: 11px;
    width: calc(33.33% - 2px);
    font-size: 12px;
    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;
  }
}

.tryWorkation-lnav__spContact a::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 11px;
  width: 13px;
  height: 13px;
  border-top: 2px solid #c30d23;
  border-right: 2px solid #c30d23;
  border-color: #fff;
  -webkit-transform: translateX(-50%) rotate(135deg);
          transform: translateX(-50%) rotate(135deg);
}

@media screen and (max-width: 767px) {
  .tryWorkation-lnav__spContact a::before {
    width: 8px;
    height: 8px;
    border-width: 1px;
    bottom: 50%;
    -webkit-transform: translate(-50%, 10px) rotate(135deg);
            transform: translate(-50%, 10px) rotate(135deg);
  }
}

.tryWorkation-secTtl {
  background-color: #c30d23;
  padding: 48px 20px 48px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-secTtl {
    padding: 30px 20px;
  }
}

.tryWorkation-secTtl h2 {
  font-size: 30px;
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tryWorkation-secTtl h2 {
    font-size: 18px;
  }
}

.tryWorkation-secTtl__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-secTtl__contact {
    margin: 20px 0;
  }
}

.tryWorkation-secTtl__contactInner {
  width: 735px;
  background-color: #fff;
  border-radius: 100px;
  text-align: center;
  position: relative;
  padding: 40px 20px 40px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-secTtl__contactInner {
    padding: 20px;
  }
}

.tryWorkation-secTtl__contactInner::before {
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border: 5px solid #c30d23;
  pointer-events: none;
  border-radius: 100px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-secTtl__contactInner::before {
    border-width: 2px;
  }
}

.tryWorkation-secTtl__contactTxt1 {
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .tryWorkation-secTtl__contactTxt1 {
    font-size: 13px;
    margin-bottom: 5px;
  }
}

.tryWorkation-secTtl__contactTxt2 {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-secTtl__contactTxt2 {
    font-size: 10px;
  }
}

.tryWorkation-secTtl__contactTxt3 {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-secTtl__contactTxt3 {
    font-size: 12px;
  }
}

.tryWorkation-secTtl__contactTxt3 a {
  font-weight: bold;
}

.tryWorkation-secTtl__contactTxt3 a:hover {
  text-decoration: underline;
}

.tryWorkation-lead__inner {
  padding: 55px 20px 100px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-lead__inner {
    padding: 30px 20px 40px;
  }
}

.tryWorkation-prog__txt1 {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__txt1 {
    font-size: 10px;
  }
}

.tryWorkation-prog__txt2 {
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__txt2 {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

.tryWorkation-prog__ttl {
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__ttl {
    margin-bottom: 20px;
  }
  .tryWorkation-prog__ttl img {
    width: 320px;
  }
}

.tryWorkation-prog__cols {
  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;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__cols {
    display: block;
  }
}

.tryWorkation-prog__colsImg {
  width: 510px;
  margin-right: 70px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__colsImg {
    width: auto;
    margin-right: 0;
    margin-bottom: 25px;
  }
}

.tryWorkation-prog__colsPoints {
  width: 530px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__colsPoints {
    width: 280px;
    margin: 0 auto;
  }
}

.tryWorkation-prog__colsPoints dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tryWorkation-prog__colsPoints dl:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__colsPoints dl {
    margin-bottom: 10px;
  }
}

.tryWorkation-prog__colsPoints dt {
  width: 63px;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__colsPoints dt {
    width: 39px;
    margin-right: 10px;
  }
}

.tryWorkation-prog__colsPoints dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tryWorkation-prog__colsPoints dd p {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__colsPoints dd p {
    font-size: 15px;
  }
}

.tryWorkation-prog__colsPoints dd p small {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__colsPoints dd p small {
    font-size: 11px;
  }
}

.tryWorkation-prog__colsPoints dd span {
  display: block;
  font-size: 13px;
  color: #000;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__colsPoints dd span {
    font-size: 9px;
  }
}

.tryWorkation-prog__btn {
  margin-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__btn {
    margin-top: 30px;
  }
}

.tryWorkation-prog__btn a {
  display: block;
  width: 480px;
  height: 80px;
  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: 20px;
  font-weight: bold;
  color: #fff;
  background-color: #c30d23;
  border-radius: 50px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-prog__btn a {
    font-size: 13px;
    right: 270px;
    height: 50px;
  }
}

.tryWorkation-task {
  background-color: #f3f0e9;
}

.tryWorkation-task__inner {
  padding: 60px 20px 80px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__inner {
    padding: 30px 20px 30px;
  }
}

.tryWorkation-task h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task h2 {
    line-height: 1.3;
    font-size: 18px;
  }
}

.tryWorkation-task h2 span {
  display: inline-block;
  position: relative;
  padding: 10px 40px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task h2 span {
    padding: 7px 30px;
  }
}

.tryWorkation-task h2 span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-top: 5px solid #C30D23;
  border-left: 5px solid #C30D23;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task h2 span::before {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.tryWorkation-task h2 span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-right: 5px solid #C30D23;
  border-bottom: 5px solid #C30D23;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task h2 span::after {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.tryWorkation-task h3 {
  line-height: 2;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 60px 0 40px;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task h3 {
    font-size: 14px;
    margin: 30px 0 30px;
    line-height: 1.8;
  }
}

.tryWorkation-task h2 + h3 {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task h2 + h3 {
    margin-top: 20px;
  }
}

.tryWorkation-task__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__cols {
    display: block;
    padding: 0;
  }
}

.tryWorkation-task__cols.-num2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.tryWorkation-task__txts {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 30px 40px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__txts {
    padding: 0;
  }
}

.tryWorkation-task__txts ul {
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__txts ul {
    padding-left: 15px;
    margin-top: 25px;
  }
}

.tryWorkation-task__txts li {
  position: relative;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 500;
  padding: 8px 0 10px 50px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__txts li {
    font-size: 12px;
    padding: 2px 0 12px 30px;
  }
}

.tryWorkation-task__txts li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background: url(../img/try-workation/task-check.svg) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__txts li::before {
    width: 22px;
    height: 22px;
  }
}

.tryWorkation-task__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__ttl {
    margin-bottom: 20px;
  }
}

.tryWorkation-task__ttl p {
  width: 70px;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__ttl p {
    width: 43px;
    margin-right: 15px;
  }
}

.tryWorkation-task__ttl h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4615;
  letter-spacing: 0.04em;
  position: relative;
  top: -5px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__ttl h4 {
    font-size: 15px;
    top: 0;
  }
}

.tryWorkation-task__cols.-num1 .tryWorkation-task__img {
  width: 57.6577%;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__cols.-num1 .tryWorkation-task__img {
    width: auto;
  }
}

.tryWorkation-task__cols.-num2 .tryWorkation-task__img {
  width: 45.9459%;
}

@media screen and (max-width: 767px) {
  .tryWorkation-task__cols.-num2 .tryWorkation-task__img {
    width: auto;
  }
}

.tryWorkation-ow {
  overflow: hidden;
  padding-top: 110px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-ow {
    padding-top: 55px;
  }
}

.tryWorkation-ow__bg {
  position: relative;
}

.tryWorkation-ow__bg span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 496px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-ow__bg span {
    height: 163px;
  }
}

.tryWorkation-ow__ttl {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .tryWorkation-ow__ttl {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
  .tryWorkation-ow__ttl img {
    width: 335px;
  }
}

.tryWorkation-ow__txts {
  position: relative;
  text-align: center;
  padding: 50px 20px 30px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-ow__txts {
    padding: 30px 20px 30px;
  }
}

.tryWorkation-ow__txts p {
  font-size: 20px;
  line-height: 2;
  font-weight: bold;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .tryWorkation-ow__txts p {
    font-size: 12px;
  }
}

.tryWorkation-ow__il {
  margin: 35px 0;
}

@media screen and (max-width: 767px) {
  .tryWorkation-ow__il {
    margin: 10px 0 0;
  }
  .tryWorkation-ow__il img {
    width: 301px;
  }
}

.tryWorkation-ow__icon1 {
  position: absolute;
  left: 50%;
  top: -295px;
  -webkit-transform: translateX(-654px);
          transform: translateX(-654px);
}

@media screen and (max-width: 767px) {
  .tryWorkation-ow__icon1 {
    left: -39px;
    top: -63px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .tryWorkation-ow__icon1 img {
    width: 100px;
  }
}

.tryWorkation-ow__icon2 {
  position: absolute;
  left: 50%;
  top: -65px;
  -webkit-transform: translateX(450px);
          transform: translateX(450px);
}

@media screen and (max-width: 767px) {
  .tryWorkation-ow__icon2 {
    left: auto;
    right: -8px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .tryWorkation-ow__icon2 img {
    width: 77px;
  }
}

.tryWorkation-merit__img img {
  width: 100%;
}

.tryWorkation-merit__inner {
  padding: 80px 20px 10px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__inner {
    padding: 30px 20px 40px;
  }
}

.tryWorkation-merit h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit h2 {
    line-height: 1.3;
    font-size: 18px;
  }
}

.tryWorkation-merit h2 span {
  display: inline-block;
  position: relative;
  padding: 10px 40px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit h2 span {
    padding: 7px 30px;
  }
}

.tryWorkation-merit h2 span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-top: 5px solid #C30D23;
  border-left: 5px solid #C30D23;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit h2 span::before {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.tryWorkation-merit h2 span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-right: 5px solid #C30D23;
  border-bottom: 5px solid #C30D23;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit h2 span::after {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.tryWorkation-merit__lead {
  text-align: center;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__lead {
    font-size: 14px;
  }
}

.tryWorkation-merit__nums {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__nums {
    max-width: 328px;
    margin-bottom: 25px;
  }
}

.tryWorkation-merit__numIcon {
  width: 120px;
  margin-right: 25px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__numIcon {
    width: 70px;
    margin-right: 15px;
  }
}

.tryWorkation-merit__numTxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 2;
}

.tryWorkation-merit__numTxt h3 {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__numTxt h3 {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__numTxt {
    font-size: 12px;
    line-height: 1.6;
  }
}

.tryWorkation-merit__colsWrap {
  position: relative;
}

.tryWorkation-merit__cols {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.tryWorkation-merit__cols:not(.is-cr) {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .tryWorkation-merit__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px 90px;
  }
}

@media screen and (min-width: 768px) {
  .tryWorkation-merit__colsCol:nth-child(1) {
    width: 47.5%;
  }
  .tryWorkation-merit__colsCol:nth-child(2) {
    width: 44%;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__fig {
    max-width: 500px;
    margin: 30px auto 0;
  }
}

.tryWorkation-merit__fig img {
  width: 100%;
}

.tryWorkation-merit__nav {
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__nav {
    margin-bottom: 25px;
  }
}

.tryWorkation-merit__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tryWorkation-merit__nav li {
  margin: 10px 15px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__nav li {
    margin: 5px 10px;
  }
}

.tryWorkation-merit__nav a, .tryWorkation-merit__nav span {
  display: block;
  padding: 0 5px 12px;
  font-size: 15px;
  color: #aaa;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__nav a, .tryWorkation-merit__nav span {
    font-size: 12px;
    line-height: 1.3;
    padding: 0 5px 8px;
    text-align: center;
  }
}

.tryWorkation-merit__nav a:hover, .tryWorkation-merit__nav a.is-cr, .tryWorkation-merit__nav span:hover, .tryWorkation-merit__nav span.is-cr {
  color: #C30D23;
}

.tryWorkation-merit__nav a::before, .tryWorkation-merit__nav span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2px;
  background-color: #aaa;
}

.tryWorkation-merit__nav a::after, .tryWorkation-merit__nav span::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: #C30D23;
}

@media screen and (max-width: 767px) {
  .tryWorkation-merit__nav a::after, .tryWorkation-merit__nav span::after {
    right: 15px;
  }
}

.tryWorkation-merit__nav a.is-cr::after, .tryWorkation-merit__nav span.is-cr::after {
  -webkit-animation: tryWorkation-merit__nav 10s linear;
          animation: tryWorkation-merit__nav 10s linear;
}

@-webkit-keyframes tryWorkation-merit__nav {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes tryWorkation-merit__nav {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.tryWorkation-meritMsg {
  padding: 100px 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-meritMsg {
    padding: 40px 20px;
  }
}

.tryWorkation-meritMsg p {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6667;
  text-align: center;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .tryWorkation-meritMsg p {
    font-size: 15px;
  }
}

.tryWorkation-yado__inner {
  padding: 60px 20px 80px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__inner {
    padding: 30px 20px 40px;
  }
}

.tryWorkation-yado__btn {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__btn {
    margin-bottom: 20px;
  }
}

.tryWorkation-yado__btn a {
  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;
  border-radius: 30px;
  width: 680px;
  height: 60px;
  border: 2px solid #c30d23;
  color: #c30d23;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__btn a {
    font-size: 12px;
    height: 35px;
  }
}

.tryWorkation-yado__btn a::before {
  content: '';
  display: block;
  position: absolute;
  right: 25px;
  top: 0;
  height: 100%;
  width: 26px;
  background: url(../img/try-workation/yado-btn.svg) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__btn a::before {
    right: 15px;
    width: 15px;
  }
}

.tryWorkation-yado__btn a.is-on {
  background-color: #c30d23;
  color: #fff;
}

.tryWorkation-yado__btn a.is-on::before {
  background-image: url(../img/try-workation/yado-btn2.svg);
}

.tryWorkation-yado__txt {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 1px 0 30px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__txt {
    font-size: 12px;
    padding-bottom: 20px;
  }
}

.tryWorkation-yado__tabCon {
  display: none;
}

.tryWorkation-yado__posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__posts {
    display: block;
    padding-bottom: 20px;
  }
}

.tryWorkation-yado__post {
  width: 50%;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__post {
    width: auto;
    padding: 0 0 20px;
  }
}

.tryWorkation-yado__postInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #c30d23;
  padding: 20px 10px 15px;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__postInner {
    padding: 10px 10px 15px;
  }
}

.tryWorkation-yado__postCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tryWorkation-yado__postThumb {
  width: 50%;
  padding-right: 15px;
}

.tryWorkation-yado__postInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tryWorkation-yado__postCat {
  font-size: 12px;
  color: #c30d23;
  font-weight: bold;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__postCat {
    font-size: 10px;
  }
}

.tryWorkation-yado__postTtl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__postTtl {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__postTxt {
    font-size: 9px;
  }
}

.tryWorkation-yado__postLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: auto;
  padding-top: 20px;
}

.tryWorkation-yado__postLink a {
  display: block;
  background-color: #c30d23;
  color: #fff;
  text-align: center;
  padding: 1px 10px 2px;
  width: 250px;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-yado__postLink a {
    font-size: 12px;
    width: 180px;
    padding: 10px;
  }
}

.tryWorkation-flow__inner {
  max-width: 1034px;
  margin: 0 auto;
  padding: 1px 20px 100px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-flow__inner {
    padding-bottom: 50px;
  }
}

.tryWorkation-flow h3 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  margin: 2em 0 1.2em;
}

@media screen and (max-width: 767px) {
  .tryWorkation-flow h3 {
    margin: 2em 0 1.5em;
    font-size: 13px;
  }
}

.tryWorkation-flow__nums {
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .tryWorkation-flow__nums {
    margin-top: 30px;
    margin-bottom: 40px;
    display: block;
  }
}

.tryWorkation-flow__nums ul {
  width: 46%;
}

@media screen and (max-width: 767px) {
  .tryWorkation-flow__nums ul {
    width: auto;
  }
}

.tryWorkation-flow__nums li {
  margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-flow__nums li {
    margin-bottom: 10px;
  }
}

.tryWorkation-flow__nums dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tryWorkation-flow__nums dt {
  width: 70px;
  margin-right: 10px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .tryWorkation-flow__nums dt {
    width: 37px;
  }
}

.tryWorkation-flow__nums dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tryWorkation-flow__nums dd h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
  .tryWorkation-flow__nums dd h4 {
    font-size: 12px;
  }
}

.tryWorkation-flow__nums dd p {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-flow__nums dd p {
    font-size: 9px;
  }
}

.tryWorkation-flow__nums i {
  display: block;
  width: 70px;
  text-align: center;
  padding-right: 4px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-flow__nums i {
    width: 37px;
    padding-right: 2px;
  }
}

.tryWorkation-flow__nums i img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .tryWorkation-flow__nums i img {
    width: 12px;
  }
}

.tryWorkation-method__inner {
  padding: 50px 20px 80px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__inner {
    padding: 30px 20px 40px;
  }
}

.tryWorkation-method__info {
  text-align: center;
  padding: 0 0 40px;
}

.tryWorkation-method__ttl {
  margin-bottom: 20px;
  font-size: 46px;
  font-weight: bold;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__ttl {
    font-size: 23px;
  }
}

.tryWorkation-method__date {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__date {
    font-size: 13px;
  }
}

.tryWorkation-method__date small {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__date small {
    font-size: 12px;
  }
}

.tryWorkation-method__lead {
  margin: 0 auto;
  max-width: 840px;
  padding: 0 20px;
  font-size: 16px;
  text-align: left;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__lead {
    padding: 0;
    text-align: left;
    font-size: 13px;
  }
}

.tryWorkation-method__lead small {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__lead small {
    font-size: 12px;
  }
}

.tryWorkation-method__ttl2 {
  margin-top: 55px;
  margin-bottom: 30px;
}

.tryWorkation-method__ttl2 h3 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__ttl2 h3 {
    line-height: 1.3;
    font-size: 18px;
  }
}

.tryWorkation-method__ttl2 h3 span {
  display: inline-block;
  position: relative;
  padding: 10px 40px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__ttl2 h3 span {
    padding: 7px 30px;
  }
}

.tryWorkation-method__ttl2 h3 span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-top: 5px solid #C30D23;
  border-left: 5px solid #C30D23;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__ttl2 h3 span::before {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.tryWorkation-method__ttl2 h3 span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-right: 5px solid #C30D23;
  border-bottom: 5px solid #C30D23;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__ttl2 h3 span::after {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

@media screen and (min-width: 768px) {
  .tryWorkation-method__yados {
    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;
    max-width: 1000px;
    margin: 0 auto;
  }
}

.tryWorkation-method__yados.layoutB {
  display: block;
}

.tryWorkation-method__yados.layoutB .layoutB-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tryWorkation-method__yado {
  width: 48%;
  max-width: 460px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__yado {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 40px;
  }
}

.layoutB .tryWorkation-method__yado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 50px auto 0;
}

@media screen and (max-width: 767px) {
  .layoutB .tryWorkation-method__yado {
    display: block;
    margin: 0 auto;
  }
}

.tryWorkation-method__yadoImg {
  position: relative;
  margin-bottom: 10px;
  padding: 0 10px 10px 0;
}

.tryWorkation-method__yadoImg::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 86.9565%;
  height: 66.6666%;
  background-color: #c30d23;
  z-index: -1;
}

.layoutB .tryWorkation-method__yadoImg {
  padding: 0;
  width: 48%;
  max-width: 480px;
  margin-right: 65px;
}

@media screen and (max-width: 767px) {
  .layoutB .tryWorkation-method__yadoImg {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 20px;
  }
}

.layoutB .tryWorkation-method__yadoImg::before {
  right: auto;
  bottom: auto;
  left: -20px;
  top: -20px;
  height: 38.6666%;
}

@media screen and (max-width: 767px) {
  .layoutB .tryWorkation-method__yadoImg::before {
    left: -10px;
    top: -10px;
  }
}

.tryWorkation-method__yadoCat {
  font-size: 14px;
  color: #5c5c5c;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__yadoCat {
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) {
  .layoutB .tryWorkation-method__yadoCat {
    line-height: 1;
    margin-bottom: 20px;
  }
}

.tryWorkation-method__yadoName {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__yadoName {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .layoutB .tryWorkation-method__yadoName {
    margin-bottom: 30px;
  }
}

.tryWorkation-method__yadoCatch {
  font-size: 18px;
  color: #d56d12;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__yadoCatch {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) {
  .layoutB .tryWorkation-method__yadoCatch {
    line-height: 2;
    margin-bottom: 30px;
  }
}

.tryWorkation-method__yadoTxt {
  font-size: 13px;
  color: #3c3c3c;
  line-height: 1.8;
  margin-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__yadoTxt {
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) {
  .layoutB .tryWorkation-method__yadoTxt {
    font-size: 15px;
    line-height: 2;
    margin-bottom: 30px;
    letter-spacing: .1em;
  }
}

.tryWorkation-method__yadoTxt a {
  text-decoration: underline;
}

.tryWorkation-method__yadoTxt a:hover {
  text-decoration: none;
}

.tryWorkation-method__yadoTags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tryWorkation-method__yadoTags li {
  font-size: 12px;
  color: #3c3c3c;
  border: 1px solid #ccc;
  border-radius: 50px;
  margin-right: 5px;
  padding: 5px 8px 6px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-method__yadoTags li {
    font-size: 10px;
  }
}

.tryWorkation-contact .home-mes {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.tryWorkation-contact__bnrs {
  padding: 60px 0 80px;
  max-width: 1135px;
  margin: 0 auto;
}

.tryWorkation-contact__bnr {
  width: 100%;
  margin: 0 0 20px;
}

.tryWorkation-contact__faq {
  background-color: #f3f0e9;
}

.tryWorkation-contact__faq h3 {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-contact__faq h3 {
    font-size: 13px;
    margin-bottom: 30px;
  }
}

.tryWorkation-contact__faq dl {
  font-size: 16px;
  margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-contact__faq dl {
    font-size: 10px;
    margin-bottom: 30px;
  }
}

.tryWorkation-contact__faq dt {
  position: relative;
  font-weight: bold;
  padding-left: 35px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-contact__faq dt {
    padding-left: 25px;
    margin-bottom: 10px;
  }
}

.tryWorkation-contact__faq dt::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  background: url(../img/try-workation/faq-q.svg) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .tryWorkation-contact__faq dt::before {
    top: 1px;
    width: 13px;
    height: 13px;
  }
}

.tryWorkation-contact__faq dd {
  position: relative;
  padding-left: 35px;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
  .tryWorkation-contact__faq dd {
    padding-bottom: 15px;
    padding-left: 25px;
  }
}

.tryWorkation-contact__faq dd::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  background: url(../img/try-workation/faq-a.svg) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .tryWorkation-contact__faq dd::before {
    top: 1px;
    width: 13px;
    height: 13px;
  }
}

.tryWorkation-contact__faqInner {
  max-width: 840px;
  margin: 0 auto;
  padding: 50px 20px 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkation-contact__faqInner {
    padding: 30px 20px 20px;
  }
}

/*

.tryWorkation- {
  @include max {
  }
  &__ {
    @include max {
    }
  }
}

*/
.tryWorkationDetail-secTtl {
  background-color: #c30d23;
  padding: 48px 20px 48px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-secTtl {
    padding: 30px 20px;
  }
}

.tryWorkationDetail-secTtl h2 {
  font-size: 30px;
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-secTtl h2 {
    font-size: 18px;
  }
}

.tryWorkationDetail-secBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-secBtn {
    margin-top: 30px;
  }
}

.tryWorkationDetail-secBtn a {
  display: block;
  width: 480px;
  height: 80px;
  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: 20px;
  font-weight: bold;
  color: #fff;
  background-color: #c30d23;
  border-radius: 50px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-secBtn a {
    font-size: 13px;
    right: 270px;
    height: 50px;
  }
}

.tryWorkationDetail-secBtn a.is-close {
  position: relative;
  pointer-events: none;
  background-color: #bbb;
  padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-secBtn a.is-close {
    left: auto;
    right: auto;
    padding-bottom: 15px;
  }
}

.tryWorkationDetail-secBtn a.is-close::after {
  content: "（応募を締め切りました）";
  display: block;
  position: absolute;
  font-size: 18px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-secBtn a.is-close::after {
    font-size: 12px;
    bottom: 8px;
  }
}

.tryWorkationDetail-secBackBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tryWorkationDetail-secBackBtn a {
  position: relative;
  display: block;
  width: 360px;
  height: 60px;
  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: 16px;
  font-weight: bold;
  color: #c30d23;
  background-color: #fff;
  border: 2px solid #c30d23;
  border-radius: 50px;
}

.tryWorkationDetail-secBackBtn a::before {
  content: '';
  display: block;
  position: absolute;
  left: 28px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  width: 8px;
  height: 8px;
  border-top: 1px solid #c30d23;
  border-left: 1px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-secBackBtn a::before {
    left: 17px;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-secBackBtn a {
    font-size: 13px;
    width: 270px;
  }
  .tryWorkationDetail-fixbnr .tryWorkationDetail-secBackBtn a {
    font-size: 11px;
    width: 240px;
    height: 40px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .is-initial.tryWorkationDetail-fixbnr .tryWorkationDetail-secBackBtn a {
    font-size: 13px;
    width: 270px;
    height: 60px;
  }
}

.tryWorkationDetail-secSendBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tryWorkationDetail-secSendBtn a {
  position: relative;
  display: block;
  width: 360px;
  height: 60px;
  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: 16px;
  font-weight: bold;
  color: #c30d23;
  background-color: #fff;
  border: 2px solid #c30d23;
  border-radius: 50px;
}

.tryWorkationDetail-secSendBtn a::before {
  content: '';
  display: block;
  position: absolute;
  right: 28px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  width: 8px;
  height: 8px;
  border-top: 1px solid #c30d23;
  border-left: 1px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-secSendBtn a::before {
    right: 17px;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-secSendBtn a {
    font-size: 13px;
    width: 270px;
  }
  .tryWorkationDetail-fixbnr .tryWorkationDetail-secSendBtn a {
    font-size: 11px;
    width: 240px;
    height: 40px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .is-initial.tryWorkationDetail-fixbnr .tryWorkationDetail-secSendBtn a {
    font-size: 13px;
    width: 270px;
    height: 60px;
  }
}

.tryWorkationDetail-kv__inner {
  position: relative;
  padding: 0 0 60px;
}

@media screen and (max-width: 991px) {
  .tryWorkationDetail-kv__inner {
    padding-bottom: 30px;
  }
}

.tryWorkationDetail-kv__bg {
  position: relative;
}

.tryWorkationDetail-kv__bg1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__bg1 {
    height: 250px;
    background-size: 250px top;
  }
}

.postid-2335 .tryWorkationDetail-kv__bg1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 63%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .postid-2335 .tryWorkationDetail-kv__bg1 {
    height: 50%;
  }
}

@media screen and (min-width: 1480px) {
  .postid-2335 .tryWorkationDetail-kv__bg1 {
    height: auto;
    padding-top: 53.58%;
  }
}

.tryWorkationDetail-kv__bg2 {
  position: relative;
  display: block;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__bg2 {
    height: 250px;
    background-size: 767px auto;
  }
}

.postid-2335 .tryWorkationDetail-kv__bg2 {
  height: 793px;
  background-image: url(../img/try-workation/detail/kv-bg.png);
}

@media screen and (min-width: 1480px) {
  .postid-2335 .tryWorkationDetail-kv__bg2 {
    height: auto;
    padding-top: 53.58%;
  }
}

@media screen and (max-width: 767px) {
  .postid-2335 .tryWorkationDetail-kv__bg2 {
    height: 400px;
  }
}

.tryWorkationDetail-kv__info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.tryWorkationDetail-kv__infoCols {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .tryWorkationDetail-kv__infoCols {
    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;
  }
}

.tryWorkationDetail-kv__infoThumbWrap {
  position: absolute;
  max-width: 290px;
  width: 30.357142857%;
  top: 50%;
  right: 30px;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__infoThumbWrap {
    position: relative;
    padding-top: 20px;
    margin-left: 50px;
    width: 100%;
    max-width: 250px;
  }
}

.postid-2335 .tryWorkationDetail-kv__infoThumbWrap {
  position: relative;
  width: auto;
  max-width: 100%;
  padding-top: 220px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (max-width: 767px) {
  .postid-2335 .tryWorkationDetail-kv__infoThumbWrap {
    padding-top: 50px;
    max-width: 300px;
    margin: 0 auto;
  }
}

.tryWorkationDetail-kv__infoThumbWrap::before {
  content: '';
  display: block;
  position: absolute;
  left: -15px;
  bottom: -11px;
  width: 90%;
  height: 90%;
  background-color: #c30d23;
  z-index: -1;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}

.postid-2335 .tryWorkationDetail-kv__infoThumbWrap::before {
  display: none;
}

.tryWorkationDetail-kv__infoThumb {
  overflow: hidden;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}

.postid-2335 .tryWorkationDetail-kv__infoThumb {
  -webkit-transform: skewY(-5deg);
          transform: skewY(-5deg);
}

.tryWorkationDetail-kv__infoThumb span {
  display: block;
  margin: 0 -10%;
  padding-top: 70%;
  -webkit-transform: skewX(10deg);
          transform: skewX(10deg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.postid-2335 .tryWorkationDetail-kv__infoThumb span {
  margin: -5% 0;
  -webkit-transform: skewY(5deg);
          transform: skewY(5deg);
  padding-top: 76.7782%;
}

.tryWorkationDetail-kv__infoTxts {
  width: 100%;
  padding-top: 30px;
  word-break: keep-all;
  z-index: 1;
}

.postid-2335 .tryWorkationDetail-kv__infoTxts {
  width: 600px;
  word-break: break-word;
}

.tryWorkationDetail-kv__infoEn {
  font-size: 50px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
}

.postid-2335 .tryWorkationDetail-kv__infoEn {
  font-size: 56px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__infoEn {
    font-size: 28px;
  }
}

.tryWorkationDetail-kv__infoEn img {
  width: 593px;
}

.tryWorkationDetail-kv__infoEn2 {
  margin-bottom: 20px;
  font-size: 70px;
  color: #fff;
  font-weight: bold;
  line-height: 1.1;
}

.postid-2335 .tryWorkationDetail-kv__infoEn2 {
  font-size: 99px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__infoEn2 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .postid-2335 .tryWorkationDetail-kv__infoEn2 {
    font-size: 50px;
  }
}

.tryWorkationDetail-kv__infoTtl1 {
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__infoTtl1 {
    margin-bottom: 10px;
  }
}

.tryWorkationDetail-kv__infoTtl1 span {
  display: inline-block;
  background-color: #c30d23;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  padding: 5px 10px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__infoTtl1 span {
    font-size: 13px;
  }
}

.tryWorkationDetail-kv__infoTtl2 {
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__infoTtl2 {
    margin-bottom: 10px;
  }
}

.tryWorkationDetail-kv__infoTtl2 span {
  display: inline-block;
  background-color: #c30d23;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  padding: 5px 10px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__infoTtl2 span {
    font-size: 16px;
  }
}

.tryWorkationDetail-kv__infoTtl3 {
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__infoTtl3 {
    margin-bottom: 10px;
  }
}

.tryWorkationDetail-kv__infoTtl3 span {
  display: inline-block;
  background-color: #c30d23;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  padding: 5px 10px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__infoTtl3 span {
    font-size: 16px;
  }
}

.tryWorkationDetail-kv__infoDate span {
  display: inline-block;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 10px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__infoDate span {
    font-size: 13px;
  }
}

.tryWorkationDetail-kv__infoDate span small {
  font-size: 12px;
  font-weight: normal;
}

.tryWorkationDetail-kv__lead {
  position: relative;
  background-color: #fff;
  max-width: 1040px;
  margin: -90px auto 0;
  padding: 30px 30px 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__lead {
    font-size: 13px;
    text-align: left;
    margin-top: 0;
    padding: 30px 20px 10px;
  }
}

.tryWorkationDetail-kv__lead p {
  margin-bottom: 0.75em;
}

.tryWorkationDetail-kv__lead p small {
  display: inline-block;
  font-size: 0.75em;
  font-weight: normal;
  text-align: left;
  line-height: 1.5;
}

.tryWorkationDetail-kv__lead p a {
  text-decoration: underline;
}

.tryWorkationDetail-kv__lead p a:hover {
  text-decoration: none;
}

.tryWorkationDetail-kv__btn {
  padding: 50px 20px 0;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__btn {
    padding: 30px 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-kv__btn .tryWorkationDetail-secBtn {
    margin-top: 0;
  }
}

.tryWorkationDetail-areas__inner {
  margin: 0 auto;
  max-width: 1000px;
  padding: 80px 0 100px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-areas__inner {
    padding: 40px 20px 40px;
  }
}

.tryWorkationDetail-area {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-area {
    margin-bottom: 30px;
  }
}

.tryWorkationDetail-area:last-child {
  margin-bottom: 0;
}

.tryWorkationDetail-area__img {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-area__img {
    margin-bottom: 10px;
  }
}

.tryWorkationDetail-area__ttl {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-area__ttl {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.tryWorkationDetail-area__txt {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-area__txt {
    font-size: 14px;
    line-height: 1.5;
  }
}

.tryWorkationDetail-area__txt a {
  text-decoration: underline;
}

.tryWorkationDetail-area__txt a:hover {
  text-decoration: none;
}

.tryWorkationDetail-yado__inner {
  padding: 80px 0 100px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-yado__inner {
    padding: 40px 20px 20px;
  }
}

.tryWorkationDetail-yado__yados {
  max-width: 1230px;
  margin: 0 auto;
  padding: 70px 20px 30px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-yado__yados {
    padding: 40px 20px 10px;
  }
}

.tryWorkationDetail-yado__yado {
  margin-bottom: 80px;
}

@media screen and (min-width: 768px) {
  .tryWorkationDetail-yado__yado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .tryWorkationDetail-yado__yado:nth-child(2n+1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-yado__yado {
    margin-bottom: 40px;
  }
}

.tryWorkationDetail-yado__yadoImg {
  padding: 20px 20px 0 0;
  position: relative;
}

@media screen and (min-width: 768px) {
  .tryWorkationDetail-yado__yadoImg {
    width: 51%;
    margin-left: 7%;
  }
}

.tryWorkationDetail-yado__yado:nth-child(2n) .tryWorkationDetail-yado__yadoImg {
  margin: 0 7% 0 0;
  padding: 20px 0 0 20px;
}

.tryWorkationDetail-yado__yadoImg::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 69%;
  height: 52%;
  background-color: #c30d23;
}

.tryWorkationDetail-yado__yado:nth-child(2n) .tryWorkationDetail-yado__yadoImg::before {
  right: auto;
  left: 0;
}

.tryWorkationDetail-yado__yadoImg img {
  display: block;
  position: relative;
  width: 100%;
}

.tryWorkationDetail-yado__yadoInfo {
  padding-top: 30px;
}

@media screen and (min-width: 768px) {
  .tryWorkationDetail-yado__yadoInfo {
    width: 42%;
  }
}

.tryWorkationDetail-yado__yadoCat {
  font-size: 14px;
  color: #5c5c5c;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-yado__yadoCat {
    font-size: 13px;
    margin-bottom: 10px;
  }
}

.tryWorkationDetail-yado__yadoName {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-yado__yadoName {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

.tryWorkationDetail-yado__yadoCatch {
  font-size: 18px;
  color: #d56d12;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-yado__yadoCatch {
    font-size: 15px;
    margin-bottom: 5px;
  }
}

.tryWorkationDetail-yado__yadoTxt {
  font-size: 15px;
  color: #3c3c3c;
  line-height: 2.2;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-yado__yadoTxt {
    font-size: 13px;
  }
}

.tryWorkationDetail-method__inner {
  background-color: #F3F0E9;
  padding: 90px 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__inner {
    padding: 40px 10px;
  }
}

.tryWorkationDetail-method__block {
  max-width: 1080px;
  margin: 0 auto;
  background-color: #fff;
  padding: 60px 20px 40px;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__block {
    padding: 40px 20px 30px;
    margin-bottom: 40px;
  }
}

.tryWorkationDetail-method__block:last-child {
  margin-bottom: 0;
}

.tryWorkationDetail-method__block h3 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #c30d23;
  padding: 0 0 30px 30px;
  margin-bottom: 40px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__block h3 {
    font-size: 17px;
    margin-bottom: 30px;
    padding: 0 0 20px 20px;
  }
}

.tryWorkationDetail-method__block h3::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 10px;
  height: 24px;
  background-color: #c30d23;
  border-bottom: 12px solid #F3F0E9;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__block h3::before {
    width: 8px;
    height: 18px;
    border-width: 9px;
  }
}

.tryWorkationDetail-method__block hr {
  border-top: 1px solid #ccc;
  margin: 25px 0;
}

.tryWorkationDetail-method__blockInner {
  max-width: 930px;
  margin: 0 auto;
}

.tryWorkationDetail-method__blockInner:nth-child(n + 2) {
  margin-top: 60px;
}

.tryWorkationDetail-method__info {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__info {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.tryWorkationDetail-method__info:last-child {
  margin-bottom: 0;
}

.tryWorkationDetail-method__info.-noBdr {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .tryWorkationDetail-method__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.tryWorkationDetail-method__infoLabel {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.18em;
  background-color: #F3F0E9;
  text-align: center;
  padding: 25px 10px 25px;
  width: 185px;
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__infoLabel {
    width: auto;
    font-size: 15px;
    margin: 0 0 10px 0;
    padding: 15px 10px;
  }
}

.tryWorkationDetail-method__infoTxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 22px 0;
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__infoTxt {
    font-size: 14px;
    padding: 15px 0;
  }
}

.tryWorkationDetail-method__infoTxt em {
  font-weight: bold;
}

.tryWorkationDetail-method__infoTxt a {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .tryWorkationDetail-method__infoTxt a:hover {
    text-decoration: none;
  }
}

.tryWorkationDetail-method__infoTxt ul li {
  padding-left: 1.5em;
  position: relative;
  margin-bottom: 0.2em;
}

.tryWorkationDetail-method__infoTxt ul li::before {
  content: '';
  display: block;
  position: absolute;
  left: .5em;
  top: 1em;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
}

.tryWorkationDetail-method__infoYado {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .tryWorkationDetail-method__infoYado {
    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;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__infoYado {
    text-align: center;
  }
}

.tryWorkationDetail-method__infoYadoImg {
  width: 180px;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__infoYadoImg {
    margin: 0 auto;
    width: 220px;
  }
}

.tryWorkationDetail-method__infoYadoTxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 10px;
}

.tryWorkationDetail-method__infoYadoTxt p {
  margin-bottom: 0.2em;
}

.tryWorkationDetail-method__infoYadoNote {
  margin-top: 1.5em;
}

.tryWorkationDetail-method__infoYadoHtml .shizuoka2022 {
  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;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__infoYadoHtml .shizuoka2022 {
    display: block;
    margin-top: 20px;
  }
}

.tryWorkationDetail-method__infoYadoHtml .shizuoka2022-img {
  width: 180px;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__infoYadoHtml .shizuoka2022-img {
    margin: 0 auto;
  }
}

.tryWorkationDetail-method__infoYadoHtml .shizuoka2022-img figure {
  width: 150px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__infoYadoHtml .shizuoka2022-img figure {
    margin: 0 auto;
  }
}

.tryWorkationDetail-method__infoYadoHtml .shizuoka2022-img figure figcaption {
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__infoYadoHtml .shizuoka2022-img figure figcaption {
    text-align: center;
  }
}

.tryWorkationDetail-method__infoYadoHtml .shizuoka2022-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tryWorkationDetail-method__infoYadoHtml .shizuoka2022-txt dl dt {
  font-weight: bold;
}

.tryWorkationDetail-method__infoYadoHtml .shizuoka2022-txt dl dd {
  margin-bottom: 20px;
  line-height: 1.8;
}

.tryWorkationDetail-method__infoYadoHtml .shizuoka2022-txt a {
  display: block;
  margin: 20px 0 30px;
}

.tryWorkationDetail-method__infoOr {
  margin: 10px 0;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__infoOr {
    text-align: center;
    margin-bottom: 15px;
  }
}

.tryWorkationDetail-method__infoOr span {
  display: inline-block;
  background-color: #9c9c9c;
  color: #fff;
  font-size: 14px;
  border-radius: 30px;
  padding: 0 20px;
}

.tryWorkationDetail-method__infoProg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tryWorkationDetail-method__infoProg p:nth-child(1) {
  width: 7.5em;
  padding-right: .5em;
  margin-right: 0.5em;
  position: relative;
}

.tryWorkationDetail-method__infoProg p:nth-child(1) i {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.tryWorkationDetail-method__infoProg p:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tryWorkationDetail-method__infoProg p.-none {
  display: none;
}

.tryWorkationDetail-method__infoProg p.-none + p {
  line-height: 1.5;
  margin-bottom: 10px;
}

.tryWorkationDetail-method__infoProg.-label6e p:nth-child(1) {
  width: 7.5em;
}

.tryWorkationDetail-method__txts {
  margin: 25px 0;
  padding: 0 30px;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__txts {
    font-size: 14px;
    padding: 0;
  }
}

.tryWorkationDetail-method__txts.-noPd {
  padding: 0;
}

.tryWorkationDetail-method__txts p {
  line-height: 2;
}

.tryWorkationDetail-method__txts p.-lg {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__txts p.-lg {
    font-size: 14px;
  }
}

.tryWorkationDetail-method__txts p.-mb {
  margin-bottom: 1em;
}

.tryWorkationDetail-method__txts p.-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__txts p.-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.tryWorkationDetail-method__txts em {
  font-weight: bold;
  min-width: 100px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__txts em {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}

.tryWorkationDetail-method__txts span {
  margin-left: 40px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-method__txts span {
    margin-left: 0;
  }
}

.tryWorkationDetail-method__txts ol {
  counter-reset: item;
}

.tryWorkationDetail-method__txts ol li {
  padding-left: 1.8em;
  position: relative;
  margin-bottom: 0.2em;
  line-height: 2;
  margin-bottom: 1em;
}

.tryWorkationDetail-method__txts ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5em;
  text-align: right;
}

.tryWorkationDetail-method__txts a {
  color: #00aae7;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .tryWorkationDetail-method__txts a:hover {
    text-decoration: none;
  }
}

.tryWorkationDetail-method__txts a.-email {
  color: #000;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .tryWorkationDetail-method__txts a.-email:hover {
    text-decoration: underline;
  }
}

.tryWorkationDetail-method__entry {
  margin-bottom: 45px;
}

.tryWorkationDetail-method__entry h4 {
  font-size: 16px;
  font-weight: bold;
  margin: .6em 0 0.2em;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 2;
}

.tryWorkationDetail-method__entry p {
  line-height: 2;
}

.tryWorkationDetail-method__entry p.-note {
  font-size: 13px;
  padding-left: 1.3em;
}

.tryWorkationDetail-bottom {
  padding: 60px 0;
  border-bottom: 1px solid #D8D8D8;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-bottom {
    padding: 40px 0;
  }
}

.tryWorkationDetail-bottom__banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 60px;
  max-width: 600px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-bottom__banner {
    margin: 0 auto 40px;
  }
}

.tryWorkationDetail-fixbnr {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 20px 0;
  background-color: #c30d23;
  z-index: 11;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-fixbnr {
    padding: 10px 0;
  }
}

.tryWorkationDetail-fixbnr ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-fixbnr ul {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-fixbnr ul li:nth-child(2) {
    margin-top: 5px;
  }
}

.tryWorkationDetail-fixbnr.is-initial {
  position: initial;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-fixbnr.is-initial {
    padding: 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-fixbnr.is-initial ul li:nth-child(2) {
    margin-top: 20px;
  }
}

.tryWorkationDetail-fixbnr.is-hide {
  bottom: -100px;
}

@media screen and (max-width: 767px) {
  .tryWorkationDetail-fixbnr.is-hide {
    bottom: -105px;
  }
}

.flexCon-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  margin: 90px 0 40px;
}

@media screen and (max-width: 767px) {
  .flexCon-ttl {
    margin: 45px 0 30px;
  }
}

.flexCon-ttl h2 {
  position: relative;
  font-size: 28px;
  font-weight: 500;
  padding: 15px 40px;
}

@media screen and (max-width: 767px) {
  .flexCon-ttl h2 {
    font-size: 19px;
    padding: 5px 20px;
    letter-spacing: -0.02em;
  }
}

.flexCon-ttl h2:before, .flexCon-ttl h2:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 40px;
  height: 5px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .flexCon-ttl h2:before, .flexCon-ttl h2:after {
    width: 20px;
    height: 3px;
  }
}

.flexCon-ttl h2:after {
  width: 5px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .flexCon-ttl h2:after {
    width: 3px;
    height: 20px;
  }
}

.flexCon-ttl h2 span {
  display: block;
  position: relative;
}

.flexCon-ttl h2 span:before, .flexCon-ttl h2 span:after {
  content: '';
  position: absolute;
  display: block;
  right: -40px;
  bottom: -10px;
  width: 40px;
  height: 5px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .flexCon-ttl h2 span:before, .flexCon-ttl h2 span:after {
    right: -20px;
    bottom: -5px;
    width: 20px;
    height: 3px;
  }
}

.flexCon-ttl h2 span:after {
  width: 5px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .flexCon-ttl h2 span:after {
    width: 3px;
    height: 20px;
  }
}

.flexCon-ttl.is-wt h2:before, .flexCon-ttl.is-wt h2:after {
  background-color: #fff;
}

.flexCon-ttl.is-wt h2 span:before, .flexCon-ttl.is-wt h2 span:after {
  background-color: #fff;
}

.flexCon-ttl.is-wt2 h2 {
  color: #fff;
}

.flexCon-ttl.is-wt2 h2:before, .flexCon-ttl.is-wt2 h2:after {
  background-color: #fff;
}

.flexCon-ttl.is-wt2 h2 span:before, .flexCon-ttl.is-wt2 h2 span:after {
  background-color: #fff;
}

.flexCon-ttl2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  margin: 90px 0 40px;
}

@media screen and (max-width: 767px) {
  .flexCon-ttl2 {
    margin: 45px 0 30px;
  }
}

.flexCon-ttl2-deco {
  text-align: center;
}

.flexCon-ttl2-deco img {
  width: 186px;
}

@media screen and (max-width: 767px) {
  .flexCon-ttl2-deco img {
    width: 140px;
  }
}

.flexCon-ttl2 h2 {
  position: relative;
  font-size: 22px;
  font-weight: 500;
  padding: 15px 40px;
}

@media screen and (max-width: 767px) {
  .flexCon-ttl2 h2 {
    font-size: 18px;
    padding: 5px 20px;
    letter-spacing: -0.02em;
  }
}

.flexCon-wide {
  margin-bottom: 90px;
}

@media screen and (max-width: 767px) {
  .flexCon-wide {
    margin-bottom: 40px;
  }
}

.flexCon-wide-inner {
  position: relative;
}

.flexCon-wide-bg span {
  display: block;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-bg span {
    height: 200px;
  }
}

.flexCon-wide-bg.-sm span {
  height: 264px;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-bg.-sm span {
    height: 160px;
  }
}

.flexCon-wide-info {
  display: block;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .flexCon-wide-info {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

.flexCon-wide-infoInner {
  position: relative;
  width: 470px;
  padding: 40px 40px 20px 20px;
}

@media screen and (min-width: 1200px) {
  .flexCon-wide-infoInner {
    margin-left: calc((100vw - 1180px) / 2);
  }
}

@media screen and (max-width: 767px) {
  .flexCon-wide-infoInner {
    width: auto;
    padding: 30px 20px 20px 20px;
  }
}

.flexCon-wide-infoInner.-sm {
  padding: 30px 20px 5px 20px;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-infoInner.-sm {
    padding: 25px 20px 10px 20px;
  }
}

.flexCon-wide-deco {
  position: absolute;
  left: 20px;
  top: -40px;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-deco {
    top: -30px;
  }
}

.flexCon-wide-deco img {
  width: 186px;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-deco img {
    width: 140px;
  }
}

.flexCon-wide-deco.-iroha {
  left: 110px;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-deco.-iroha {
    left: 20px;
  }
}

.flexCon-wide-deco2 {
  position: absolute;
  left: 0;
  bottom: -60px;
  width: 100%;
  poiinter-events: none;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-deco2 {
    display: none;
  }
}

.flexCon-wide-deco2 span {
  display: block;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: right;
}

.flexCon-wide-deco2 img {
  width: 78px;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-deco2 img {
    width: 58px;
  }
}

.flexCon-wide-ttl {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: .75em;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-ttl {
    font-size: 18px;
  }
}

.flexCon-wide-infoInner.-sm .flexCon-wide-ttl {
  font-size: 22px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-infoInner.-sm .flexCon-wide-ttl {
    font-size: 17px;
  }
}

.flexCon-wide-txt {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-txt {
    font-size: 13px;
  }
}

.flexCon-wide-txt2 {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 20px 0;
}

.flexCon-wide-txt2 p {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .flexCon-wide-txt2 p {
    font-size: 13px;
  }
}

.flexCon-lgImgTxt {
  overflow: hidden;
}

.flexCon-lgImgTxt-inner {
  max-width: 1400px;
  margin: 0 auto 100px;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .flexCon-lgImgTxt-inner {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-lgImgTxt-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .flexCon-lgImgTxt.-re .flexCon-lgImgTxt-cols {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-lgImgTxt-col:nth-child(1) {
    width: 50%;
  }
  .flexCon-lgImgTxt-col:nth-child(2) {
    width: 43.5%;
    padding-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-lgImgTxt-col:nth-child(1) {
    margin-bottom: 30px;
  }
}

.flexCon-lgImgTxt-img {
  position: relative;
}

.flexCon-lgImgTxt.-re .flexCon-lgImgTxt-img {
  margin-left: 0;
}

.flexCon-lgImgTxt-img b {
  display: block;
  position: relative;
}

.flexCon-lgImgTxt-img b::before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 54%;
  height: 43.5%;
  background-color: #c30d23;
}

.flexCon-lgImgTxt.-re .flexCon-lgImgTxt-img b::before {
  right: auto;
  left: -20px;
}

.flexCon-lgImgTxt-img img {
  display: block;
  position: relative;
  margin-left: auto;
}

.flexCon-lgImgTxt.-re .flexCon-lgImgTxt-img img {
  margin-left: 0;
}

.flexCon-lgImgTxt-img span {
  display: block;
  font-size: 13px;
  margin-top: .75em;
  padding: 0 20px;
}

.flexCon-lgImgTxt.-re .flexCon-lgImgTxt-img span {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .flexCon-lgImgTxt-img span {
    font-size: 11px;
    margin-top: 0.5em;
  }
}

.flexCon-lgImgTxt-ttl {
  font-size: 22px;
  font-weight: bold;
  margin: 0.5em 0;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .flexCon-lgImgTxt-ttl {
    margin: 1.5em 0 0.5em;
    font-size: 16px;
  }
}

.flexCon-lgImgTxt-txt {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .flexCon-lgImgTxt-txt {
    font-size: 13px;
  }
}

.flexCon-lgImgTxt-txt a {
  color: #c30d23;
  text-decoration: underline;
}

.flexCon-lgImgTxt-txt a:hover {
  text-decoration: none;
}

.flexCon-imgTxt + .flexCon-imgTxt {
  margin-top: -10px;
}

.flexCon-imgTxt-inner {
  max-width: 1220px;
  margin: 0 auto 70px;
  padding: 0 40px;
}

@media screen and (min-width: 768px) {
  .flexCon-imgTxt-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .flexCon-imgTxt.-re .flexCon-imgTxt-cols {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-imgTxt-col:nth-child(1) {
    width: 47%;
  }
  .flexCon-imgTxt-col:nth-child(2) {
    width: 48%;
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-imgTxt-col:nth-child(1) {
    margin-bottom: 20px;
  }
}

.flexCon-imgTxt-img {
  position: relative;
}

.flexCon-imgTxt-img b {
  display: block;
  position: relative;
}

.flexCon-imgTxt-img b::before {
  content: '';
  display: block;
  position: absolute;
  left: -20px;
  top: -20px;
  width: 75%;
  height: 60%;
  background-color: #c30d23;
}

.flexCon-imgTxt.-re .flexCon-imgTxt-img b::before {
  left: auto;
  right: -20px;
  top: -20px;
}

.flexCon-imgTxt-img img {
  display: block;
  position: relative;
}

.flexCon-imgTxt-img span {
  display: block;
  font-size: 13px;
  margin-top: .75em;
}

.flexCon-imgTxt.-re .flexCon-imgTxt-img span {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .flexCon-imgTxt-img span {
    font-size: 11px;
    margin-top: 0.5em;
  }
}

.flexCon-imgTxt-ttl {
  font-size: 22px;
  font-weight: bold;
  margin: 0.5em 0;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .flexCon-imgTxt-ttl {
    font-size: 16px;
  }
}

.flexCon-imgTxt-txt {
  font-size: 15px;
  line-height: 2;
}

.flexCon-imgTxt-txt.-mb {
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .flexCon-imgTxt-txt {
    font-size: 13px;
  }
}

.flexCon-imgTxt-txt a {
  color: #c30d23;
  text-decoration: underline;
}

.flexCon-imgTxt-txt a:hover {
  text-decoration: none;
}

.flexCon-cols1-inner {
  max-width: 1220px;
  margin: 0 auto 70px;
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .flexCon-cols1-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-cols1-col {
    width: 100%;
  }
}

.flexCon-cols1-ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 0.5em 0;
}

.flexCon-cols1-txt {
  margin-top: .5em;
  font-size: 13px;
  line-height: 2;
}

.flexCon-cols2-inner {
  max-width: 1220px;
  margin: 0 auto 70px;
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .flexCon-cols2-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-cols2-col {
    width: calc((100% - 50px * 1) / 2);
    margin-right: 50px;
  }
  .flexCon-cols2-col:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-cols2-col {
    margin-bottom: 30px;
  }
}

.flexCon-cols2-ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 0.5em 0;
}

.flexCon-cols2-txt {
  margin-top: .5em;
  font-size: 13px;
  line-height: 2;
}

.flexCon-cols3-inner {
  max-width: 1220px;
  margin: 0 auto 70px;
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .flexCon-cols3-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-cols3-col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flexCon-cols3-col:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-cols3-col {
    margin-bottom: 30px;
  }
}

.flexCon-cols3-ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 0.5em 0;
}

.flexCon-cols3-txt {
  margin-top: .5em;
  font-size: 13px;
  line-height: 2;
}

.flexCon-cols4-inner {
  max-width: 1220px;
  margin: 0 auto 70px;
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .flexCon-cols4-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-cols4-col {
    width: calc((100% - 40px * 3) / 4);
    margin-right: 40px;
  }
  .flexCon-cols4-col:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-cols4-col {
    margin-bottom: 30px;
  }
}

.flexCon-cols4-ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 0.5em 0;
}

.flexCon-cols4-txt {
  margin-top: .5em;
  font-size: 13px;
  line-height: 2;
}

.flexCon-container {
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.flexCon-format {
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .flexCon-format {
    font-size: 13px;
  }
}

.flexCon-format h4 {
  position: relative;
  font-size: 22px;
  font-weight: 500;
  margin: 2.5em -0 1.5em;
  padding: 4px 0 6px 22px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .flexCon-format h4 {
    font-size: 18px;
    padding: 8px 0 6px 15px;
  }
}

.flexCon-format h4:first-child {
  margin-top: 0;
}

.flexCon-format h4::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 24px;
  background-color: #c30d23;
  border-bottom: 12px solid #E9E4D9;
}

@media screen and (min-width: 768px) {
  .flexCon-format h4.-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.flexCon-format h4.-cols small {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-top: 0.5em;
  margin-left: 1em;
}

@media screen and (max-width: 767px) {
  .flexCon-format h4.-cols small {
    margin: 0.5em 0 0 0;
    font-size: 12px;
  }
}

.flexCon-format h5 {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  margin: 2.5em -0 1.5em;
  padding: 8px 0 6px 22px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .flexCon-format h5 {
    font-size: 15px;
    padding: 10px 0 6px 15px;
  }
}

.flexCon-format h5:first-child {
  margin-top: 0;
}

.flexCon-format h5::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 24px;
  background-color: #c30d23;
  border-bottom: 12px solid #E9E4D9;
}

.flexCon-format h6 {
  font-size: 16px;
  font-weight: 500;
  margin: .75em 0;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .flexCon-format h6 {
    font-size: 14px;
  }
}

.flexCon-format p {
  line-height: 2;
  margin-bottom: 0.5em;
}

.flexCon-format p:last-child {
  margin-bottom: 0;
}

.flexCon-format p.-credit {
  font-size: 13px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .flexCon-format p.-credit {
    font-size: 11px;
  }
}

.flexCon-format p.-hrCredit {
  font-size: 13px;
  text-align: right;
  margin-top: -40px;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .flexCon-format p.-hrCredit {
    margin-top: -20px;
    margin-bottom: 25px;
    font-size: 11px;
  }
}

.flexCon-format p.-tblCredit {
  margin-top: -40px;
  margin-bottom: 50px;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .flexCon-format p.-tblCredit {
    margin-top: -20px;
    margin-bottom: 25px;
    font-size: 10px;
  }
}

.flexCon-format em {
  font-weight: bold;
}

.flexCon-format table {
  width: 100%;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .flexCon-format table {
    margin-bottom: 30px;
  }
  .flexCon-format table.-spBlock {
    display: block;
  }
  .flexCon-format table.-spBlock tbody,
  .flexCon-format table.-spBlock tr {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-format table.-chooseTbl1 tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flexCon-format table.-chooseTbl1 th:nth-child(2),
  .flexCon-format table.-chooseTbl1 td:nth-child(2) {
    width: 50% !important;
    border-right: none;
  }
  .flexCon-format table.-chooseTbl1 th:nth-child(3),
  .flexCon-format table.-chooseTbl1 td:nth-child(3) {
    width: 50% !important;
  }
}

.flexCon-format th {
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  padding: 20px 45px;
  font-size: 14px;
  vertical-align: top;
  text-align: left;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .flexCon-format th {
    font-size: 12px;
    padding: 10px;
  }
}

.flexCon-format th.-center {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .flexCon-format table.-spBlock th {
    display: block;
    width: 100% !important;
    margin-bottom: -1px;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-format table.-noLRBdr th {
    border-left: none;
    border-right: none;
  }
}

.flexCon-format table.-noLRBdr th:first-child {
  border-left: none;
}

.flexCon-format table.-noLRBdr th:last-child {
  border-right: none;
}

.flexCon-format td {
  border: 1px solid #ccc;
  padding: 20px 45px;
  font-size: 14px;
  vertical-align: top;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .flexCon-format td {
    font-size: 12px;
    padding: 10px;
  }
}

.flexCon-format td.-blank {
  border-bottom: none;
}

.flexCon-format td a {
  text-decoration: underline;
}

.flexCon-format td a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .flexCon-format table.-spBlock td {
    display: block;
    width: 100% !important;
    margin-bottom: -1px;
  }
}

.flexCon-format hr {
  border-top: 1px solid #ccc;
  margin: 60px 0;
}

@media screen and (max-width: 767px) {
  .flexCon-format hr {
    margin: 30px 0;
  }
}

.flexCon-format hr.-mgS {
  margin: 35px 0;
}

@media screen and (max-width: 767px) {
  .flexCon-format hr.-mgS {
    margin: 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-format table.-noLRBdr td {
    border-left: none;
    border-right: none;
  }
}

.flexCon-format table.-noLRBdr td:first-child {
  border-left: none;
}

.flexCon-format table.-noLRBdr td:last-child {
  border-right: none;
}

.flexCon-img {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .flexCon-img {
    margin-bottom: 30px;
  }
}

.flexCon-img-img {
  position: relative;
}

.flexCon-img-img b {
  display: block;
  position: relative;
}

.flexCon-img-img b::before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 34%;
  height: 44%;
  background-color: #c30d23;
}

.flexCon-img-img img {
  display: block;
  position: relative;
}

.flexCon-lead {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .flexCon-lead {
    margin-bottom: 30px;
  }
}

.flexCon-lead h4 {
  padding: 0;
  text-align: center;
}

.flexCon-lead h4::before {
  display: none;
}

.flexCon-lead-inner {
  max-width: 800px;
  margin: 0 auto;
}

.flexCon-lineCols {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .flexCon-lineCols {
    margin-bottom: 30px;
  }
}

.flexCon-lineCols.-noMb {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .flexCon-lineCols-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-lineCols-col {
    width: 50%;
  }
  .flexCon-lineCols-col:nth-child(1) {
    border-right: 1px solid #ccc;
    padding-right: 80px;
  }
  .flexCon-lineCols-col:nth-child(2) {
    padding-left: 80px;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-lineCols-col:nth-child(1) {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-inCols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-inCols-col:nth-child(1) {
    width: 50%;
    margin-right: 20px;
  }
  .flexCon-inCols-col:nth-child(2) {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-inCols-col:nth-child(1) {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-inColsTxtImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-inColsTxtImg-col:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .flexCon-inColsTxtImg-col:nth-child(2) {
    width: 42%;
    margin-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-inColsTxtImg-col:nth-child(1) {
    margin-bottom: 20px;
  }
}

.flexCon-bottomTxt {
  font-size: 15px;
  margin-bottom: 60px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .flexCon-bottomTxt {
    margin-bottom: 30px;
  }
}

.flexCon-bottomTxt h2 {
  position: relative;
  font-size: 22px;
  font-weight: 500;
  padding: 15px 40px;
}

@media screen and (max-width: 767px) {
  .flexCon-bottomTxt h2 {
    font-size: 18px;
    padding: 5px 20px;
    letter-spacing: -0.02em;
  }
}

.flexCon-bottomTxt-inner {
  max-width: 800px;
  margin: 0 auto;
}

.flexCon-pageNav {
  margin: 80px 0;
}

@media screen and (max-width: 767px) {
  .flexCon-pageNav {
    margin: 40px 0;
  }
}

@media screen and (min-width: 768px) {
  .flexCon-pageNav-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .flexCon-pageNav-btn {
    margin-bottom: 20px;
  }
}

.megaMenu {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  width: 100%;
  background-color: #c30d23;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 880px) {
  .megaMenu {
    display: none !important;
  }
}

.megaMenu-parent:hover .megaMenu, .megaMenu.is-show {
  opacity: 1;
  pointer-events: auto;
}

.megaMenu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 300px;
}

.megaMenu-visual {
  width: 24%;
}

.megaMenu-visual span {
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.megaMenu-nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding: 35px;
}

.megaMenu-nav h2 a {
  position: relative;
  display: inline-block !important;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
  padding: 0 40px 0 0;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .megaMenu-nav h2 a:hover {
    text-decoration: none;
  }
  .megaMenu-nav h2 a::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    left: auto;
    bottom: auto;
    width: 26px;
    height: 26px;
    background-color: #A70D1F;
    border-radius: 50%;
    opacity: 1;
  }
  .megaMenu-nav h2 a::after {
    content: '';
    display: block;
    position: absolute;
    right: 11px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

.megaMenu-nav h2.-area a {
  padding: 0 0 6px 30px;
  font-size: 16px;
}

.megaMenu-nav h2.-area a::before {
  display: none;
}

.megaMenu-nav h2.-area a::after {
  right: auto;
  left: 0;
  top: 2px;
  width: 20px;
  height: 23px;
  background: url(../img/megamenu/icon-area.svg) no-repeat center center;
  background-size: contain;
  border: none;
  -webkit-transform: none;
          transform: none;
}

.megaMenu-nav p a {
  display: inline-block;
  padding: 0 20px 0 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .megaMenu-nav p a:hover {
    text-decoration: underline !important;
  }
}

.megaMenu-nav p a img.-thumb {
  display: block;
  margin-bottom: 5px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media screen and (min-width: 768px) {
  .megaMenu-nav p a:hover img.-thumb {
    opacity: 0.8;
  }
}

.megaMenu-nav p a span {
  position: relative;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  padding: 10px 15px 10px 0;
}

.megaMenu-nav p a span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 18px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #880A19;
  border-right: 1px solid #880A19;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.megaMenu-nav p a span.megaMenu-navCol-caseImg {
  width: 100%;
  height: 0;
  padding-top: 55.438596491%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.megaMenu-navCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 915px;
}

.megaMenu-navCol {
  width: 33.33%;
  margin-right: 35px;
}

.megaMenu-navCols2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1100px;
}

.megaMenu-navCols2Col:nth-child(1) {
  width: 36%;
}

.megaMenu-navCols2Col:nth-child(2) {
  width: 64%;
}

.megaMenu-iconWrap {
  position: relative;
  padding-left: 75px !important;
  margin-bottom: 25px;
}

.megaMenu-icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.megaMenu-navIrohaList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 930px;
}

.megaMenu-navIrohaList p {
  width: 33.33%;
}

.megaMenu-navYadoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 990px;
}

.megaMenu-navYadoList p {
  width: 23%;
}

.megaMenu-navYadoList p:nth-child(4n+3) {
  width: 31%;
}

.megaMenu-navAreaList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1000px;
}

.megaMenu-navAreaList p {
  width: 25%;
}

.megaMenu2 {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  width: 100%;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 880px) {
  .megaMenu2 {
    display: none !important;
  }
}

.megaMenu-parent:hover .megaMenu2, .megaMenu2.is-show {
  opacity: 1;
  pointer-events: auto;
}

.megaMenu2-inner {
  position: relative;
}

.megaMenu2-visual {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.megaMenu2-visual span {
  position: relative;
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.megaMenu2-visual span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(18, 1, 3, 0.5);
}

.megaMenu2-nav {
  position: relative;
  padding: 25px 20px;
  max-width: 1120px;
  margin: 0 auto;
}

.megaMenu2-nav__block {
  margin-bottom: 20px;
}

.megaMenu2-nav__block:last-child {
  margin-bottom: 0;
}

.megaMenu2-nav__block h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.megaMenu2-nav__block h2 span {
  background-color: #c30d23;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding: 10px 25px 4px 20px;
  position: relative;
}

.megaMenu2-nav__list {
  background-color: #fff;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.megaMenu2-nav__list p {
  width: 260px;
}

.megaMenu2-nav__list p a {
  font-size: 14px;
  display: block;
  position: relative;
  padding: .5em 1em;
  line-height: 1.1;
}

.megaMenu2-nav__list p a::before {
  display: none;
}

.megaMenu2-nav__list p a::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 14px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #c30d23;
}

.megaMenu2-nav__list p a:hover {
  text-decoration: underline;
}

.megaMenu2-navCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 915px;
}

.megaMenu2-navCol {
  width: 33.33%;
  margin-right: 35px;
}

.megaMenu2-navCols2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1100px;
}

.megaMenu2-navCols2Col:nth-child(1) {
  width: 36%;
}

.megaMenu2-navCols2Col:nth-child(2) {
  width: 64%;
}

.megaMenu2-iconWrap {
  position: relative;
  padding-left: 75px !important;
  margin-bottom: 25px;
}

.megaMenu2-icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.megaMenu2-navIrohaList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 930px;
}

.megaMenu2-navIrohaList p {
  width: 33.33%;
}

.megaMenu2-navYadoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 990px;
}

.megaMenu2-navYadoList p {
  width: 23%;
}

.megaMenu2-navYadoList p:nth-child(4n+3) {
  width: 31%;
}

.megaMenu2-navAreaList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1000px;
}

.megaMenu2-navAreaList p {
  width: 25%;
}

.form-fix {
  position: fixed;
  right: 0;
  top: 90px;
  height: calc(100vh - 90px);
  overflow-y: auto;
  z-index: 11;
  width: 100%;
  max-width: 400px;
  background-color: #f3f4f5;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
  /*   &:not(.is-show) {
    transform: translateX(100%);
  } */
}

.form-fix.is-hide {
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 1199px) {
  .form-fix {
    max-width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .form-fix {
    top: 60px;
    height: calc(100vh - 60px);
  }
}

@media screen and (max-width: 575px) {
  .form-fix {
    max-width: calc(100vw - 40px);
  }
}

.form-fix__inner {
  padding: 50px 40px;
  max-width: 500px;
  margin: 0 auto;
}

@media screen and (max-width: 1199px) {
  .form-fix__inner {
    padding: 30px 20px;
    max-width: 380px;
  }
}

.form-fix__ttl {
  text-align: center;
}

.form-fix__ttlLogo {
  margin-bottom: 25px;
}

.form-fix__ttlLogo img {
  width: 160px;
}

@media screen and (max-width: 767px) {
  .form-fix__ttlLogo img {
    width: 130px;
  }
}

.form-fix__ttlTxt {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .form-fix__ttlTxt {
    font-size: 22px;
  }
}

.form-con {
  max-width: 840px;
  margin: 0 auto;
  padding: 0 15px;
}

.form-reqNote {
  text-align: center;
  margin: -40px 0 50px;
}

@media screen and (max-width: 767px) {
  .form-reqNote {
    margin: 0 0 30px;
  }
}

.form-fix .form-reqNote {
  margin: 0 0 20px;
}

.form-reqNote span.-req {
  color: #c30d23;
}

.form-items {
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .form-items {
    margin-bottom: 20px;
  }
}

.form-fix .form-items {
  margin-bottom: 10px;
}

.form-item {
  border-bottom: 1px solid #d8d8d8;
  padding: 25px 60px;
}

@media screen and (min-width: 768px) {
  .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .form-item {
    padding: 15px 0;
  }
}

.form-fix .form-item {
  display: block;
  padding: 7px 0;
  border: none;
}

.form-item__label {
  font-weight: bold;
  padding-top: 10px;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .form-item__label {
    width: 27%;
  }
}

@media screen and (max-width: 767px) {
  .form-item__label {
    padding-top: 0;
    margin-bottom: 5px;
  }
}

.form-fix .form-item__label {
  display: block;
  width: auto;
  font-size: 12px;
  margin-bottom: 5px;
  padding: 0;
}

.form-item__label span.-req {
  color: #c30d23;
}

.form-item__inputs {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.form-item__input {
  position: relative;
  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;
}

.form-item__input input,
.form-item__input select,
.form-item__input textarea {
  display: block;
  width: 100%;
  max-width: 340px;
  border: 1px solid #ccc;
  font-size: 16px;
  font-weight: normal;
  padding: 10px;
}

.form-item__input input::-webkit-input-placeholder,
.form-item__input select::-webkit-input-placeholder,
.form-item__input textarea::-webkit-input-placeholder {
  color: #ccc;
}

.form-item__input input::-moz-placeholder,
.form-item__input select::-moz-placeholder,
.form-item__input textarea::-moz-placeholder {
  color: #ccc;
}

.form-item__input input:-ms-input-placeholder,
.form-item__input select:-ms-input-placeholder,
.form-item__input textarea:-ms-input-placeholder {
  color: #ccc;
}

.form-item__input input::-ms-input-placeholder,
.form-item__input select::-ms-input-placeholder,
.form-item__input textarea::-ms-input-placeholder {
  color: #ccc;
}

.form-item__input input::placeholder,
.form-item__input select::placeholder,
.form-item__input textarea::placeholder {
  color: #ccc;
}

.form-item__input.is-err input,
.form-item__input.is-err select,
.form-item__input.is-err textarea {
  border-color: #c30d23;
}

.form-item__input textarea {
  max-width: 500px;
}

.form-item__input #detail_exp {
  margin-top: 2em;
}

.form-item__valiCheck {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/icon/form-vali.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-left: 1.5em;
}

@media screen and (max-width: 767px) {
  .form-item__valiCheck {
    position: absolute;
    right: 0;
    top: -20px;
    width: 15px;
    height: 15px;
    margin-left: 0;
  }
}

.form-fix .form-item__valiCheck {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form-item__errMsg {
  color: #c30d23;
  margin-left: 1.5em;
}

@media screen and (max-width: 767px) {
  .form-item__errMsg {
    margin-left: 0;
  }
}

.form-fix .form-item__errMsg {
  font-size: 12px;
  margin: 0;
  position: absolute;
  right: 0;
  top: -2em;
}

.form-item__errMsg2 {
  color: #c30d23;
  margin-left: 1.5em;
}

.form-fix .form-item__errMsg2 {
  font-size: 12px;
  margin: 0;
  right: 0;
  top: -2em;
}

.form-privacy {
  margin-bottom: 40px;
}

.form-fix .form-privacy {
  margin-bottom: 20px;
}

.form-privacy__input {
  margin-left: 24%;
  padding: 0 60px;
}

@media screen and (max-width: 767px) {
  .form-privacy__input {
    margin-left: 0;
    padding: 0;
  }
}

.form-fix .form-privacy__input {
  margin-left: 0;
  padding: 0;
}

.form-privacy__input p {
  position: relative;
  display: block;
}

.form-privacy__input p.info {
  margin-bottom: 20px;
  font-size: 12px;
}

.form-privacy__input a {
  font-size: 15px;
  color: #14407b;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .form-privacy__input a:hover {
    text-decoration: none;
  }
}

.form-fix .form-privacy__input a {
  font-size: 12px;
}

.form-privacy__input input {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}

.form-privacy__input label {
  position: relative;
  display: block;
  padding: 12px;
  font-size: 14px;
}

.form-fix .form-privacy__input label {
  text-align: center;
}

.form-privacy__input label span {
  position: relative;
  display: inline-block;
  padding-left: 1em;
}

.form-privacy__input label span::before {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: -12px;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-image: url(../img/icon/check-off.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.form-privacy__input input:checked + label span::before {
  background-image: url(../img/icon/check-on.svg);
}

.form-submit {
  margin-bottom: 100px;
}

#detail_exp p {
  font-size: 90%;
}

#detail_exp p {
  line-height: 1.2;
}

#detail_exp dl {
  border: 1px solid #cccccc;
}

#detail_exp dl {
  padding: 10px;
}

#detail_exp dl {
  margin: 10px 0px;
}

#detail_exp dl {
  background: #f8f8f8;
}

#detail_exp dl {
  width: 100%;
}

#detail_exp dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#detail_exp dl {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#detail_exp dl {
  font-size: 80%;
}

#detail_exp dl {
  line-height: 1.3;
}

#detail_exp dl dt {
  width: 30%;
}

#detail_exp dl dt {
  margin: 0px 0px 5px 0px;
}

#detail_exp dl dt {
  position: relative;
}

#detail_exp dl dt {
  font-weight: bold;
}

#detail_exp dl span {
  right: 0px;
}

#detail_exp dl span {
  top: 0px;
}

#detail_exp dl span {
  position: absolute;
}

#detail_exp dl dd {
  width: 70%;
}

#detail_exp dl dd {
  color: #ababab;
}

#detail_exp dl dd {
  margin: 0px 0px 5px 0px;
}

#detail_exp dl dd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.planIndex-kv {
  margin-bottom: 40px;
}

.planIndex-kv__inner {
  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;
  gap: 60px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 991px) {
  .planIndex-kv__inner {
    display: block;
  }
}

.planIndex-kv__desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.planIndex-kv__desc h2 {
  font-size: 30px;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .planIndex-kv__desc h2 {
    margin-top: 20px;
    font-size: 20px;
  }
}

.planIndex-kv__desc p {
  margin-top: 50px;
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 991px) {
  .planIndex-kv__desc p {
    margin-top: 20px;
    font-size: 14px;
  }
}

.planIndex-kv__img {
  width: 50%;
  max-width: 510px;
}

@media screen and (max-width: 991px) {
  .planIndex-kv__img {
    width: 100%;
  }
}

.planIndex-page {
  padding: 0 30px 50px;
}

@media screen and (max-width: 991px) {
  .planIndex-page {
    padding: 0 20px 30px;
  }
}

.planIndex-page__leadWrap {
  margin-bottom: 30px;
}

@media screen and (min-width: 992px) {
  .planIndex-page__leadWrap {
    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;
  }
  .planIndex-page__leadWrap.-noCols {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .planIndex-page__leadWrap {
    margin-bottom: 15px;
  }
}

.planIndex-page__lead {
  font-size: 16px;
  line-height: 1.9;
}

@media screen and (min-width: 992px) {
  .planIndex-page__lead {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media screen and (max-width: 991px) {
  .planIndex-page__lead {
    font-size: 14px;
    line-height: 1.8;
  }
}

@media screen and (min-width: 992px) {
  .planIndex-page__leadImg {
    width: 38%;
    margin-left: 50px;
  }
  .planIndex-list__leadWrap.-noCols .planIndex-page__leadImg {
    width: auto;
    margin-left: 0;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 991px) {
  .planIndex-page__leadImg {
    margin-bottom: 15px;
    text-align: center;
  }
}

.planIndex-page-ttl {
  max-width: 1080px;
  margin: 50px auto 60px;
}

@media screen and (max-width: 991px) {
  .planIndex-page-ttl {
    margin: 20px auto 30px;
  }
}

.planIndex-page-ttl h2 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: bold;
  border-bottom: #c30d23 4px solid;
}

@media screen and (max-width: 991px) {
  .planIndex-page-ttl h2 {
    padding-bottom: 10px;
    font-size: 20px;
    border-bottom: #c30d23 2px solid;
  }
}

.planIndex-list {
  max-width: 1080px;
  margin: 0 auto 60px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 991px) {
  .planIndex-list {
    margin-bottom: 30px;
  }
}

.planIndex-list__wrap.-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (max-width: 991px) {
  .planIndex-list__wrap.-category {
    display: block;
  }
}

.planIndex-list__wrap.-category .planIndex-list {
  width: 48%;
  margin: 0 0 4%;
}

@media screen and (min-width: 992px) {
  .planIndex-list__wrap.-category .planIndex-list {
    position: relative;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 991px) {
  .planIndex-list__wrap.-category .planIndex-list {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .planIndex-list__wrap.-category .planIndex-list .planIndex-list__btn {
    position: absolute;
    width: calc(100% - 60px);
    bottom: 30px;
  }
}

.planIndex-list__inner {
  padding: 30px 30px 25px;
}

@media screen and (max-width: 991px) {
  .planIndex-list__inner {
    padding: 15px;
  }
}

.planIndex-list__ttl {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px 10px 10px 20px;
  border-left: 3px solid #c30d23;
  background-color: #F3F0E9;
}

@media screen and (min-width: 992px) {
  .planIndex-list__ttl {
    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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .service-page .planIndex-list__ttl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (max-width: 991px) {
  .planIndex-list__ttl {
    font-size: 16px;
    padding: 8px 8px 8px 15px;
    margin-bottom: 10px;
  }
}

.planIndex-list__ttl a {
  position: relative;
  display: block;
}

@media screen and (min-width: 992px) {
  .planIndex-list__ttl a {
    width: 75%;
  }
}

.planIndex-list__ttl a:hover {
  color: #c30d23;
  text-decoration: underline;
}

.planIndex-list__ttl a:hover::after {
  border-color: #c30d23;
}

@media screen and (min-width: 992px) {
  .planIndex-list__ttl a span {
    display: -webkit-box;
    height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}

.planIndex-list__category {
  padding: 2px 15px;
  font-size: 14px;
  background-color: #fff;
  border-radius: 16px;
}

@media screen and (max-width: 991px) {
  .planIndex-list__category {
    display: inline-block;
    margin-bottom: 5px;
  }
}

.planIndex-list__leadWrap {
  margin-bottom: 30px;
}

@media screen and (min-width: 992px) {
  .planIndex-list__leadWrap {
    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;
  }
  .planIndex-list__leadWrap.-noCols {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .planIndex-list__leadWrap {
    margin-bottom: 15px;
  }
}

.planIndex-list__lead {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 1em;
}

@media screen and (min-width: 992px) {
  .planIndex-list__lead {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media screen and (max-width: 991px) {
  .planIndex-list__lead {
    font-size: 14px;
    line-height: 1.8;
  }
}

@media screen and (min-width: 992px) {
  .planIndex-list__leadImg {
    width: 28%;
    margin-left: 30px;
  }
  .planIndex-list__leadWrap.-noCols .planIndex-list__leadImg {
    width: auto;
    margin-left: 0;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 991px) {
  .planIndex-list__leadImg {
    margin-bottom: 15px;
  }
}

.planIndex-list__cols {
  margin-bottom: 28px;
}

@media screen and (min-width: 1200px) {
  .planIndex-list__cols {
    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;
    gap: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .planIndex-list__cols {
    margin-bottom: 15px;
  }
}

.planIndex-list__info {
  margin-bottom: 28px;
  background-color: #f2f3f4;
  padding: 20px 30px;
}

@media screen and (max-width: 991px) {
  .planIndex-list__info {
    margin-bottom: 15px;
    padding: 10px 15px 1px;
  }
}

.planIndex-list__taskTtl {
  font-size: 20px;
  color: #c30d23;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #c30d23;
  letter-spacing: 0.01em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

@media screen and (max-width: 991px) {
  .planIndex-list__taskTtl {
    font-size: 16px;
  }
}

.planIndex-list__task p {
  padding: 3px 0 0 55px;
  position: relative;
  margin-bottom: .7em;
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .planIndex-list__task p {
    font-size: 14px;
    padding: 2px 0 0 30px;
  }
}

.planIndex-list__task p::before {
  content: '';
  display: block;
  position: absolute;
  left: 13px;
  top: 4px;
  width: 25px;
  height: 22px;
  background-image: url(../img/plan-single/icon-check.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .planIndex-list__task p::before {
    left: 2px;
    top: 3px;
    width: 20px;
    height: 18px;
  }
}

.planIndex-list__task p em {
  color: #c30d23;
  border-bottom: 3px dotted #c30d23;
}

@media screen and (min-width: 1200px) {
  .planIndex-list__img {
    width: 350px;
    height: 210px;
  }
  .planIndex-list__img img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 1199px) {
  .planIndex-list__img {
    margin-bottom: 15px;
  }
}

.planIndex-list__img img {
  width: 100%;
}

.planIndex-list__img span {
  display: block;
  font-size: 13px;
  color: #5c5c5c;
  line-height: 1.8em;
  margin-top: 0.5em;
}

@media screen and (max-width: 991px) {
  .planIndex-list__img span {
    font-size: 11px;
  }
}

.planIndex-list__tags {
  margin-bottom: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}

@media screen and (max-width: 991px) {
  .planIndex-list__tags {
    gap: 5px;
  }
}

.planIndex-list__tags li a {
  display: inline-block;
  padding: 2px 10px;
  min-width: 80px;
  font-size: 15px;
  border: #979797 1px solid;
  border-radius: 20px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .planIndex-list__tags li a {
    padding: 2px 10px;
    min-width: 70px;
    font-size: 14px;
  }
}

.planIndex-list__tags li a:hover {
  color: #fff;
  background-color: #c30d23;
  border-color: #c30d23;
}

.planIndex-list__btn p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.planIndex-list__btn p a {
  width: 580px;
  min-height: 60px;
  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;
  text-align: center;
  position: relative;
  background-color: #c30d23;
  color: #fff;
  border-radius: 60px;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 30px;
}

@media screen and (max-width: 991px) {
  .planIndex-list__btn p a {
    font-size: 14px;
    height: auto;
  }
}

.planIndex-list__btn p a::before {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.planIndex-sche__inner {
  max-width: 890px;
  margin: 0 auto;
}

.planIndex-sche__purpose {
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purpose {
    margin-bottom: 30px;
  }
}

.planIndex-sche__purposeBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f3f0e9;
  padding: 20px;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBoxWrap {
    padding: 15px;
    display: block;
  }
}

.planIndex-sche__purposeBox {
  position: relative;
  border: 5px solid #c30d23;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 27px 20px 27px 165px;
  margin-bottom: 30px;
  background-color: #fff;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBox {
    padding: 50px 15px 10px 15px;
    margin-bottom: 15px;
  }
}

.planIndex-sche__purposeBox.-n2 {
  margin-bottom: 0;
  padding: 38px 10px 19px 20px;
  width: calc((100% - 80px) * .5);
  border-color: #C8B48A;
  color: #855f10;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBox.-n2 {
    width: auto;
    padding: 40px 15px 10px 15px;
    margin-bottom: 40px;
  }
}

.planIndex-sche__purposeBox.-n2::before {
  content: '';
  display: block;
  position: absolute;
  right: -68px;
  bottom: 23px;
  width: 46px;
  height: 46px;
  background-image: url(../img/planindex/sche-plus.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBox.-n2::before {
    width: 23px;
    height: 23px;
    bottom: -37px;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}

.planIndex-sche__purposeBox.-n2 h3 {
  font-size: 24px;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBox.-n2 h3 {
    font-size: 18px;
  }
}

.planIndex-sche__purposeBox.-n3 {
  margin-bottom: 0;
  padding: 38px 10px 19px 20px;
  width: calc((100% - 80px) * .5);
  border-color: #E3A6B3;
  color: #CF274F;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBox.-n3 {
    width: auto;
    padding: 40px 15px 10px 15px;
  }
}

.planIndex-sche__purposeBox h3 {
  font-size: 26px;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBox h3 {
    font-size: 18px;
  }
}

.planIndex-sche__purposeBox h3 span {
  font-size: 20px;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBox h3 span {
    font-size: 14px;
  }
}

.planIndex-sche__purposeBox.-n2 h3,
.planIndex-sche__purposeBox.-n3 h3 {
  font-size: 24px;
}

@media screen and (min-width: 992px) {
  .planIndex-sche__purposeBox.-n2 h3,
  .planIndex-sche__purposeBox.-n3 h3 {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBox.-n2 h3,
  .planIndex-sche__purposeBox.-n3 h3 {
    font-size: 18px;
  }
}

.planIndex-sche__purposeBox i {
  display: block;
  position: absolute;
  left: -14px;
  top: 19px;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBox i {
    left: -12px;
  }
}

.planIndex-sche__purposeBox.-n1 i {
  width: 140px;
}

.planIndex-sche__purposeBox.-n2 i {
  width: 110px;
  top: 5px;
}

.planIndex-sche__purposeBox.-n3 i {
  width: 120px;
  top: 5px;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__purposeBox.-n1 i {
    width: 105px;
    top: 5px;
  }
  .planIndex-sche__purposeBox.-n2 i {
    width: 105px;
    top: 5px;
  }
  .planIndex-sche__purposeBox.-n3 i {
    width: 112.5px;
    top: 5px;
  }
}

.planIndex-sche__dayTtl {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial;
  color: rgba(195, 13, 35, 0.4);
  letter-spacing: 0.1em;
  line-height: 1.1;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayTtl {
    font-size: 26px;
    text-align: left;
  }
}

.planIndex-sche__dayTtl b {
  font-weight: bold;
  font-size: 60px;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayTtl b {
    font-size: 34px;
  }
}

.planIndex-sche__dayItems {
  position: relative;
  padding-left: 50%;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayItems {
    padding-left: 0;
  }
}

.planIndex-sche__dayItemLine {
  border: none;
  width: 6px;
  height: 50px;
  background-color: #f4edef;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayItemLine {
    width: 4px;
    margin-bottom: .5em;
  }
}

.planIndex-sche__dayItemLine2 {
  margin: -15px 0 -10px;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayItemLine2 {
    margin-bottom: 0;
  }
}

.planIndex-sche__dayItemLine2 span {
  display: block;
  width: 6px;
  height: 10px;
  background-color: #f4edef;
  margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayItemLine2 span {
    width: 4px;
  }
}

.planIndex-sche__dayItem {
  position: relative;
  padding: 0 0 40px 68px;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayItem {
    padding: 0 0 20px 20px;
  }
}

.planIndex-sche__dayItem::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 70px;
  bottom: 20px;
  width: 6px;
  background-color: #f4edef;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayItem::before {
    width: 4px;
    top: 60px;
    bottom: 10px;
  }
}

.planIndex-sche__dayItem.-noBdr::before {
  display: none;
}

.planIndex-sche__dayItemDate {
  position: relative;
  padding: 9px 0;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayItemDate {
    padding: 9px 0 9px 30px;
  }
}

.planIndex-sche__dayItemDate i {
  display: block;
  position: absolute;
  left: -90px;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 4px solid #c30d23;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayItemDate i {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    left: -42px;
  }
}

.planIndex-sche__dayItemDate i::before {
  content: '';
  display: block;
  position: absolute;
  right: -30px;
  top: 19px;
  width: 30px;
  height: 2px;
  background-color: #c30d23;
}

.planIndex-sche__dayItemDate i span {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  width: 34px;
  height: 34px;
  background-color: #c30d23;
  border-radius: 50%;
}

.planIndex-sche__dayItemDate b {
  font-size: 20px;
  font-weight: bold;
  color: #c30d23;
  font-family: "Helvetica Neue", Helvetica, Arial;
}

.planIndex-sche__dayItemTtl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayItemTtl {
    font-size: 14px;
  }
}

.planIndex-sche__dayItemTtl span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #F3CFD2));
  background: linear-gradient(transparent 60%, #F3CFD2 60%);
}

.planIndex-sche__dayItemTxt p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 0.75em;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayItemTxt p {
    font-size: 13px;
    line-height: 1.8;
  }
}

@media screen and (min-width: 992px) {
  .planIndex-sche__dayImg {
    position: absolute;
    left: -100%;
    top: 0;
    width: calc(100% - 60px);
  }
  .planIndex-sche__dayImg.-n1 {
    top: -53px;
  }
  .planIndex-sche__dayImg.-n2 {
    top: -30px;
  }
  .planIndex-sche__dayImg.-n3 {
    top: -53px;
  }
  .planIndex-sche__dayImg.-n4 {
    top: 25px;
  }
  .planIndex-sche__dayImg.-n5 {
    top: -53px;
  }
  .planIndex-sche__dayImg.-n6 {
    top: -40px;
  }
}

.planIndex-sche__dayImgImg {
  margin-bottom: 1em;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayImgImg {
    margin-bottom: 0.5em;
  }
}

.planIndex-sche__dayImgCap {
  margin-bottom: 1em;
  line-height: 2;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayImgCap {
    font-size: 11px;
  }
}

.planIndex-sche__dayBtn {
  margin-bottom: 1em;
}

.planIndex-sche__dayBtn a {
  display: block;
  font-size: 15px;
  font-weight: bold;
  border-radius: 50px;
  padding: 10px 20px;
  text-align: center;
  position: relative;
  border: 1px solid #CFAFB2;
}

@media screen and (max-width: 991px) {
  .planIndex-sche__dayBtn a {
    font-size: 13px;
  }
}

.planIndex-sche__dayBtn a::before {
  content: '>';
  display: block;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleX(0.5);
          transform: translateY(-50%) scaleX(0.5);
  color: #c30d23;
  font-size: 18px;
  font-weight: normal;
}

.planIndex-sche__dayBtn a i {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 10px;
}

.planIndex-sche__dayBtn a i.-s {
  background-image: url(../img/planindex/sche-day-search.png);
  width: 15px;
  height: 15px;
}

.planIndex-sche__dayBtn.-noArrow a::before {
  display: none;
}

.planIndex-sche .home-mBtn {
  margin-top: 20px;
}

.planIndex-sche .is-moreHide {
  display: none;
}

.planIndex-voice {
  margin: 80px 0;
}

.planIndex-voice__inner {
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 20px;
}

.planIndex-voice__figs {
  margin-top: 40px;
  margin-bottom: 5px;
}

@media screen and (min-width: 992px) {
  .planIndex-voice__figs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
  }
}

@media screen and (min-width: 992px) {
  .planIndex-voice__figs p {
    width: calc((100% - 40px) / 2);
  }
}

@media screen and (max-width: 991px) {
  .planIndex-voice__figs p {
    margin-bottom: 40px;
  }
}

.planIndex-voice__note {
  font-size: 12px;
  margin-bottom: 40px;
}

.planIndex-voice__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FFFDF2;
  margin-bottom: 35px;
  padding: 35px 40px 25px 40px;
  position: relative;
  border-top: 5px solid #F7C300;
  -webkit-box-shadow: 0 0 8px 0 #ccc;
          box-shadow: 0 0 8px 0 #ccc;
}

@media screen and (max-width: 991px) {
  .planIndex-voice__box {
    padding: 25px 20px;
  }
}

.planIndex-voice__box::before {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: -21px;
  width: 29px;
  height: 41px;
  background-image: url(../img/icon/clip.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.planIndex-voice__boxTxt {
  font-size: 17px;
  line-height: 2;
  margin-bottom: .5em;
}

@media screen and (max-width: 991px) {
  .planIndex-voice__boxTxt {
    font-size: 16px;
  }
}

.planIndex-voice__boxDate {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  margin-top: auto;
}

@media screen and (max-width: 991px) {
  .planIndex-voice__boxDate {
    font-size: 14px;
  }
}

body.single-plan .pubBnr {
  display: none;
}

body.single-plan .planSingle-page-ttl {
  max-width: 1080px;
  margin: 50px auto 60px;
}

@media screen and (max-width: 991px) {
  body.single-plan .planSingle-page-ttl {
    margin: 20px auto 30px;
    padding: 0 20px;
  }
}

body.single-plan .planSingle-page-ttl h2 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: bold;
  border-bottom: #c30d23 4px solid;
}

@media screen and (max-width: 991px) {
  body.single-plan .planSingle-page-ttl h2 {
    padding-bottom: 10px;
    font-size: 20px;
    border-bottom: #c30d23 2px solid;
  }
}

body.single-plan .planSingle-page-ttl .planTtl-label {
  position: relative;
  display: inline-block;
  padding: 7px 10px;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  background-color: #008CD6;
}

@media screen and (min-width: 992px) {
  body.single-plan .planSingle-page-ttl .planTtl-label {
    top: -4px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 991px) {
  body.single-plan .planSingle-page-ttl .planTtl-label {
    margin-bottom: 5px;
  }
}

body.single-plan .planSingle-page-ttl .planTtl-label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: 3px solid #3080AA;
  border-right: 5px solid #fff;
  border-bottom: 3px solid #fff;
  border-left: 5px solid #3080AA;
}

body.single-plan .planSingle-page-ttl .planSingle-page-lead {
  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;
  padding-bottom: 20px;
  border-bottom: 1px solid #c30d23;
}

@media screen and (max-width: 991px) {
  body.single-plan .planSingle-page-ttl .planSingle-page-lead {
    display: block;
    padding-bottom: 15px;
  }
}

body.single-plan .planSingle-page-ttl .planSingle-page-lead .planSingle-page-lead-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 1.9;
}

@media screen and (max-width: 991px) {
  body.single-plan .planSingle-page-ttl .planSingle-page-lead .planSingle-page-lead-text {
    margin-top: 15px;
  }
}

body.single-plan .planSingle-page-ttl .planSingle-page-lead .planSingle-page-lead-image {
  width: 38%;
  margin-left: 50px;
}

@media screen and (max-width: 991px) {
  body.single-plan .planSingle-page-ttl .planSingle-page-lead .planSingle-page-lead-image {
    margin: 0;
    width: 100%;
    text-align: center;
  }
}

.planSingle-tags {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}

@media screen and (max-width: 991px) {
  .planSingle-tags {
    gap: 5px;
  }
}

.planSingle-tags li a {
  display: inline-block;
  padding: 2px 10px;
  min-width: 80px;
  font-size: 15px;
  border: #979797 1px solid;
  border-radius: 20px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .planSingle-tags li a {
    padding: 2px 10px;
    min-width: 70px;
    font-size: 14px;
  }
}

.planSingle-tags li a:hover {
  color: #fff;
  background-color: #c30d23;
  border-color: #c30d23;
}

.planSingle-kv {
  position: relative;
  min-height: 500px;
}

@media screen and (min-width: 992px) {
  .planSingle-kv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-kv {
    min-height: 0;
  }
}

.planSingle-kv__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.planSingle-kv__inner {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  padding: 60px 20px 130px;
}

@media screen and (max-width: 991px) {
  .planSingle-kv__inner {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}

.planSingle-kv__inner2 {
  max-width: 1010px;
  margin: 0 auto;
}

.planSingle-kv__ttl {
  position: relative;
  margin-bottom: -35px;
}

@media screen and (max-width: 991px) {
  .planSingle-kv__ttl {
    max-width: 90%;
  }
}

.planSingle-kv__ttl span {
  display: block;
  margin-bottom: 15px;
}

.planSingle-kv__ttl b {
  display: inline-block;
  padding: 4px 35px;
  font-size: 34px;
  font-weight: 500;
  background-color: #c30d23;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .planSingle-kv__ttl b {
    font-size: 22px;
  }
}

.planSingle-kv__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 35px;
}

@media screen and (max-width: 991px) {
  .planSingle-kv__info {
    margin-bottom: 20px;
    padding: 0 15px;
  }
}

.planSingle-kv__infoInner {
  background-color: #fff;
  font-size: 16px;
  line-height: 2;
  padding: 30px 50px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 991px) {
  .planSingle-kv__infoInner {
    font-size: 12px;
    padding: 30px 20px 30px;
  }
}

.planSingle-kv__date {
  margin-bottom: 0.3em;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .planSingle-kv__date {
    text-align: center;
    font-size: 14px;
  }
}

.planSingle-kv__balloon {
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (min-width: 992px) {
  .planSingle-kv__balloon {
    width: 200px;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-kv__balloon {
    right: 4vw;
    top: 4vw;
  }
  .planSingle-kv__balloon img {
    width: 120px;
  }
}

.planSingle-pTtl {
  margin: 20px 0 55px;
}

@media screen and (max-width: 991px) {
  .planSingle-pTtl {
    margin: 45px 0 25px;
  }
}

.planSingle-pTtl h2 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  padding-top: 75px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .planSingle-pTtl h2 {
    padding-top: 40px;
    font-size: 18px;
  }
}

.planSingle-pTtl h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 187px;
  height: 61px;
  background-image: url(../img/plan-single/icon-ttl.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 991px) {
  .planSingle-pTtl h2::before {
    width: 81px;
    height: 36px;
  }
}

.planSingle-pTtl__lead {
  font-size: 15px;
  text-align: center;
  padding: 0 20px;
  margin-top: 1.5em;
}

@media screen and (max-width: 991px) {
  .planSingle-pTtl__lead {
    font-size: 12px;
  }
}

.planSingle-case {
  background-image: url(../img/plan-single/case-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.planSingle-case__inner {
  padding: 40px 20px 20px;
}

@media screen and (max-width: 991px) {
  .planSingle-case__inner {
    padding: 30px 0 50px;
  }
}

.planSingle-case__ils {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 35px;
}

@media screen and (min-width: 992px) {
  .planSingle-case__ils {
    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;
  }
  .planSingle-case__ils::after {
    content: "";
    width: 32%;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-case__ils {
    max-width: 500px;
  }
}

@media screen and (min-width: 992px) {
  .planSingle-case__il {
    width: 32%;
    margin: 0 0 70px;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-case__il {
    margin: 0 20px 50px;
  }
}

.planSingle-case__ilInner {
  position: relative;
  background-color: #fff;
  padding: 98px 20px 20px;
  height: 100%;
}

.planSingle-case__ilIcon {
  position: absolute;
  left: calc(50% - 70px);
  top: -35px;
  width: 140px;
  height: 115px;
  background-image: url(../img/plan-single/case-il-bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 140px auto;
  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;
}

.planSingle-case__ilIcon span {
  display: block;
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.planSingle-case__ilCat {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}

.planSingle-case__ilTxt {
  font-size: 14px;
  padding: 10px 35px 30px;
  line-height: 1.8;
  background-image: url(../img/plan-single/case-il-lt.png), url(../img/plan-single/case-il-rb.png);
  background-position: left top, right bottom;
  background-size: 24px 45px, 24px 45px;
  background-repeat: no-repeat, no-repeat;
}

.planSingle-case__items {
  max-width: 1180px;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .planSingle-case__items {
    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;
  }
  .planSingle-case__items::after {
    content: "";
    width: 32%;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-case__items {
    max-width: 500px;
  }
}

@media screen and (min-width: 992px) {
  .planSingle-case__item {
    width: 32%;
    margin: 0 0 70px;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-case__item {
    margin: 0 20px 30px;
  }
}

.planSingle-case__itemImg {
  position: relative;
}

.planSingle-case__itemImg span {
  display: block;
  padding-top: 66.6667%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.planSingle-case__itemCat {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(195, 13, 35, 0.65);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 30px;
}

@media screen and (max-width: 991px) {
  .planSingle-case__itemCat {
    padding: 5px 15px;
    font-size: 11px;
  }
}

.planSingle-case__info {
  padding: 12px 20px 20px;
  background-color: #fff;
}

@media screen and (max-width: 991px) {
  .planSingle-case__info {
    padding: 10px 15px 15px;
  }
}

.planSingle-case__ttl {
  margin-bottom: 0.5em;
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .planSingle-case__ttl {
    font-size: 16px;
  }
}

.planSingle-case__txt {
  font-size: 14px;
  line-height: 1.8;
}

@media screen and (max-width: 991px) {
  .planSingle-case__txt {
    font-size: 13px;
  }
}

.planSingle-about {
  position: relative;
  margin-top: -40px;
  margin-bottom: 85px;
}

@media screen and (max-width: 991px) {
  .planSingle-about {
    margin: 0 0 40px;
  }
}

.planSingle-about__inner {
  max-width: 1040px;
  margin: 0 auto;
  padding: 40px 20px 0;
  background-color: #fff;
}

@media screen and (max-width: 991px) {
  .planSingle-about__inner {
    padding: 1px 20px 0;
  }
}

.planSingle-about__inner2 {
  max-width: 780px;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .planSingle-about__inner2 {
    text-align: center;
  }
}

.planSingle-about__task {
  margin-bottom: 50px;
}

@media screen and (min-width: 992px) {
  .planSingle-about__task {
    display: inline-block;
    text-align: left;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-about__task {
    margin-bottom: 30px;
  }
}

.planSingle-about__task p {
  padding: 3px 0 0 55px;
  position: relative;
  margin-bottom: 1.3em;
  font-size: 20px;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .planSingle-about__task p {
    font-size: 16px;
    padding: 0 0 0 30px;
  }
}

.planSingle-about__task p::before {
  content: '';
  display: block;
  position: absolute;
  left: 13px;
  top: 4px;
  width: 30px;
  height: 25px;
  background-image: url(../img/plan-single/icon-check.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .planSingle-about__task p::before {
    left: 2px;
    top: 3px;
    width: 20px;
    height: 18px;
  }
}

.planSingle-about__task p strong {
  font-weight: bold;
  color: #c30d23;
  border-bottom: 3px dotted #c30d23;
}

.planSingle-con__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.planSingle-con h3 {
  font-size: 24px;
  color: #c30d23;
  font-weight: bold;
  margin: 2em 0 1.5em;
}

@media screen and (max-width: 991px) {
  .planSingle-con h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) {
  .planSingle-con h3.-about {
    font-size: 22px;
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-con h3.-about {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) {
  .planSingle-con h3.-center {
    text-align: center;
  }
}

.planSingle-con ul {
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .planSingle-con ul {
    margin-bottom: 30px;
  }
}

.planSingle-con ul li {
  padding: 3px 0 0 55px;
  position: relative;
  margin-bottom: 1.3em;
  font-size: 20px;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .planSingle-con ul li {
    font-size: 16px;
    padding: 0 0 0 30px;
  }
}

.planSingle-con ul li::before {
  content: '';
  display: block;
  position: absolute;
  left: 13px;
  top: 4px;
  width: 30px;
  height: 25px;
  background-image: url(../img/plan-single/icon-check.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .planSingle-con ul li::before {
    left: 2px;
    top: 3px;
    width: 20px;
    height: 18px;
  }
}

.planSingle-con ul li strong {
  font-weight: bold;
  color: #c30d23;
  border-bottom: 3px dotted #c30d23;
}

.planSingle-con p {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 991px) {
  .planSingle-con p {
    font-size: 14px;
  }
}

@media screen and (min-width: 992px) {
  .planSingle-con dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.planSingle-con dl dt {
  font-size: 16px;
  background-color: #c30d23;
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 20px 15px;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .planSingle-con dl dt {
    width: 215px;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-con dl dt {
    font-size: 14px;
    margin-bottom: 0;
    padding: 15px;
  }
}

.planSingle-con dl dd {
  font-size: 14px;
  background-color: #f2f3f4;
  margin-bottom: 10px;
  padding: 22px 40px 20px;
}

@media screen and (min-width: 992px) {
  .planSingle-con dl dd {
    width: calc(100% - 215px);
  }
}

@media screen and (max-width: 991px) {
  .planSingle-con dl dd {
    font-size: 13px;
    padding: 15px;
  }
}

.planSingle-con__dlNote p {
  font-size: 13px;
  text-align: right;
}

@media screen and (min-width: 992px) {
  .planSingle-con__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 90px;
  }
  .planSingle-con__cols.-re {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (min-width: 992px) {
  .planSingle-con__colsCol:nth-child(1) {
    width: 50%;
    margin-right: 85px;
  }
  .planSingle-con__cols.-re .planSingle-con__colsCol:nth-child(1) {
    margin-right: 0;
    margin-left: 85px;
  }
  .planSingle-con__colsCol:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .planSingle-con__colsCol > *:first-child {
    margin-top: 0;
  }
  .planSingle-con__colsCol > *:last-child {
    margin-bottom: 0;
  }
}

.planSingle-con__img {
  position: relative;
}

@media screen and (max-width: 991px) {
  .planSingle-con__img {
    max-width: 500px;
    margin: 0 auto 20px;
  }
}

.planSingle-con__img::before {
  content: '';
  display: block;
  position: absolute;
  left: -20px;
  top: -20px;
  width: 68%;
  height: 55%;
  background-color: #c30d23;
}

@media screen and (max-width: 991px) {
  .planSingle-con__img::before {
    left: -10px;
    top: -10px;
  }
}

.planSingle-con__img img {
  display: block;
  position: relative;
}

.planSingle-con__cols.-re .planSingle-con__img::before {
  left: auto;
  right: -20px;
  top: -20px;
  width: 68%;
  height: 55%;
}

@media screen and (max-width: 991px) {
  .planSingle-con__cols.-re .planSingle-con__img::before {
    right: -10px;
    top: -10px;
  }
}

.planSingle-con__yadoArea p {
  font-size: 14px;
  color: #5c5c5c;
  padding-left: 20px;
  position: relative;
  margin-bottom: .5em;
}

@media screen and (max-width: 991px) {
  .planSingle-con__yadoArea p {
    font-size: 13px;
  }
}

.planSingle-con__yadoArea p::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 12px;
  height: 16px;
  background-image: url(../img/plan-single/icon-pin.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.planSingle-con__yadoName p {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: .5em;
}

@media screen and (max-width: 991px) {
  .planSingle-con__yadoName p {
    font-size: 18px;
  }
}

.planSingle-con__yadoCatch p {
  font-size: 18px;
  font-weight: bold;
  color: #c30d23;
  margin-bottom: .7em;
}

@media screen and (max-width: 991px) {
  .planSingle-con__yadoCatch p {
    font-size: 15px;
  }
}

.planSingle-fea {
  margin-bottom: 100px;
}

.planSingle-fea__cols {
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 992px) {
  .planSingle-fea__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 992px) {
  .planSingle-fea__colsCol:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .planSingle-fea__colsCol:nth-child(2) {
    width: 31.3725%;
    margin-left: 30px;
  }
}

.planSingle-fea__list {
  counter-reset: number 0;
}

@media screen and (max-width: 991px) {
  .planSingle-fea__list {
    margin-bottom: 50px;
  }
}

.planSingle-fea__list p {
  margin-bottom: 20px;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 15px 15px 15px 90px;
  position: relative;
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 991px) {
  .planSingle-fea__list p {
    font-size: 13px;
    padding: 10px 10px 10px 50px;
  }
}

.planSingle-fea__list p::before {
  counter-increment: number 1;
  content: counter(number) "";
  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;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  background-color: #c30d23;
}

@media screen and (max-width: 991px) {
  .planSingle-fea__list p::before {
    width: 40px;
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-fea__imgs {
    max-width: 500px;
    margin: 0 auto;
  }
}

.planSingle-fea__imgs p {
  margin-bottom: 20px;
}

.planSingle-details__ttl {
  background-color: #c30d23;
  padding: 50px 20px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .planSingle-details__ttl {
    margin-top: 50px;
    padding: 30px 20px;
  }
}

.planSingle-details__ttl h2 {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .planSingle-details__ttl h2 {
    font-size: 22px;
  }
}

.planSingle-details__inner {
  background-color: #f3f0e9;
  padding: 50px 20px 40px;
}

@media screen and (max-width: 991px) {
  .planSingle-details__inner {
    padding: 30px 20px 20px;
  }
}

.planSingle-details__inner2 {
  max-width: 1040px;
  margin: 0 auto;
}

.planSingle-detail {
  background-color: #fff;
  margin-bottom: 50px;
  padding: 1px 20px 30px;
}

@media screen and (max-width: 991px) {
  .planSingle-detail {
    padding: 1px 15px 15px;
  }
}

.planSingle-detail__inner {
  max-width: 930px;
  margin: 0 auto;
}

.planSingle-detail h3 {
  font-size: 20px;
  font-weight: bold;
  padding-left: 30px;
  position: relative;
  margin: 2em 0 1.5em;
  padding-bottom: 1.2em;
  border-bottom: 2px solid #c30d23;
}

@media screen and (max-width: 991px) {
  .planSingle-detail h3 {
    font-size: 16px;
    padding-left: 20px;
    margin: 1.5em 0 1.2em;
    padding-bottom: 1em;
  }
}

.planSingle-detail h3::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 24px;
  background-color: #c30d23;
  border-bottom: 12px solid #E9E4D9;
}

@media screen and (max-width: 991px) {
  .planSingle-detail h3::before {
    width: 8px;
    height: 20px;
    border-bottom-width: 10px;
  }
}

.planSingle-detail dl {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 992px) {
  .planSingle-detail dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-detail dl {
    padding-bottom: 0;
    margin-bottom: 15px;
  }
}

.planSingle-detail dl dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  padding: 22px 10px;
  background-color: #f3f0e9;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 992px) {
  .planSingle-detail dl dt {
    width: 180px;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-detail dl dt {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
  }
}

.planSingle-detail dl dd {
  font-size: 16px;
  line-height: 2;
  padding: 23px 0 22px 40px;
}

@media screen and (min-width: 992px) {
  .planSingle-detail dl dd {
    width: calc(100% - 180px);
  }
}

@media screen and (max-width: 991px) {
  .planSingle-detail dl dd {
    font-size: 13px;
    padding: 15px 10px;
  }
}

@media screen and (min-width: 992px) {
  .planSingle-detail dl dd.align-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.planSingle-detail dl dd strong {
  font-weight: bold;
  font-weight: bold;
}

.planSingle-detail dl dd .txt-indent {
  padding-left: 1em;
}

@media screen and (max-width: 991px) {
  .planSingle-detail dl dd .txt-indent {
    padding-left: 0;
  }
}

.planSingle-detail dl dd p {
  margin-bottom: .5em;
}

.planSingle-detail dl dd p.-ind {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  margin-bottom: 0;
}

.planSingle-detail dl dd p .-trial {
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  color: #fff;
  background-color: #c30d23;
}

.planSingle-detail dl dd p strong {
  font-weight: bold;
}

.planSingle-detail dl dd > *:last-child {
  margin-bottom: 0;
}

.planSingle-detail dl dd h4 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 1em;
}

@media screen and (max-width: 991px) {
  .planSingle-detail dl dd h4 {
    font-size: 14px;
    margin-bottom: .5em;
  }
}

.planSingle-detail dl dd h4 + h4 {
  margin-top: -0.5em;
}

@media screen and (max-width: 991px) {
  .planSingle-detail dl dd h4.-spCenter {
    text-align: center;
    margin-bottom: .5em;
  }
}

.planSingle-detail dl dd a {
  color: #008cd6;
  text-decoration: underline;
}

.planSingle-detail dl dd a:hover {
  text-decoration: none;
}

.planSingle-detail dl dd ul {
  margin-bottom: 1.5em;
}

@media screen and (max-width: 991px) {
  .planSingle-detail dl dd ul {
    margin-bottom: 1em;
  }
}

.planSingle-detail dl dd ul li {
  position: relative;
  line-height: 1.8;
  margin-bottom: 0.4em;
  padding-left: 1em;
}

.planSingle-detail dl dd ul li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0.2em;
  top: .9em;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #000;
}

.planSingle-detail dl dd img {
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .planSingle-detail dl dd img {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 992px) {
  .planSingle-detail__profCols {
    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;
  }
}

.planSingle-detail__profImgs {
  width: 157px;
}

@media screen and (min-width: 992px) {
  .planSingle-detail__profImgs {
    margin-left: 25px;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-detail__profImgs {
    margin: 0 auto 15px;
  }
}

.planSingle-detail__profInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (min-width: 992px) {
  .planSingle-detail__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.planSingle-detail__timeNum {
  width: 5em;
  font-weight: bold;
}

.planSingle-detail__timeTxt ul {
  margin-bottom: .8em !important;
}

.planSingle-detail__plan {
  margin-bottom: 1.5em;
}

.planSingle-detail__plan p {
  color: #3c3c3c;
  margin-bottom: 2em;
  padding-left: 4em;
  text-indent: -1em;
}

.planSingle-detail__planTtl p {
  font-weight: bold;
  color: #3c3c3c;
  padding-left: 3em;
}

.planSingle-related__inner {
  margin: 80px auto;
}

@media screen and (max-width: 991px) {
  .planSingle-related__inner {
    margin: 45px auto;
  }
}

.planSingle-related .planSingle-pTtl {
  margin: 20px 0 10px;
}

.planSingle-related .planSingle-related-sliderWrap {
  margin-bottom: 95px;
}

@media screen and (max-width: 991px) {
  .planSingle-related .planSingle-related-sliderWrap {
    margin-bottom: 45px;
  }
}

.planSingle-related .planSingle-related-slider {
  max-width: 1110px;
  margin: 0 auto;
}

.planSingle-related .planSingle-related-slider .slick-slider.-latest .slick-prev,
.planSingle-related .planSingle-related-slider .slick-slider.-latest .slick-next {
  top: 50%;
}

.planSingle-related-slide {
  width: 370px;
  height: 250px;
  padding: 0 25px;
}

@media screen and (max-width: 991px) {
  .planSingle-related-slide {
    width: 320px;
    height: auto;
    padding: 0 15px;
  }
}

.planSingle-related-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  height: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 10px;
}

@media screen and (max-width: 991px) {
  .planSingle-related-slide a {
    display: block;
    padding: 15px;
  }
}

.planSingle-related-slide a:hover h3 {
  color: #c30d23;
  text-decoration: underline;
}

.planSingle-related-slide__txt {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.8;
}

.planSingle-related-slide__txt span {
  color: #666666;
  font-size: 15px;
}

@media screen and (max-width: 991px) {
  .planSingle-related-slide__txt span {
    display: block;
    font-size: 12px;
  }
}

.planSingle-related-slide__txt h3 {
  display: -webkit-box;
  margin-top: 5px;
  max-height: 65px;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media screen and (max-width: 991px) {
  .planSingle-related-slide__txt h3 {
    font-size: 16px;
  }
}

.planSingle-related-slide__txt p {
  display: -webkit-box;
  position: absolute;
  bottom: 0;
  max-height: 76px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media screen and (max-width: 991px) {
  .planSingle-related-slide__txt p {
    margin-top: 10px;
    position: relative;
  }
}

.planSingle-related .planSingle-related-slickSlide {
  margin: 20px 0;
}

.planSingle-category {
  background-color: #F3F0E9;
}

.planSingle-category__inner {
  max-width: 1150px;
  padding: 20px 20px 40px;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .planSingle-category__inner {
    padding: 10px 20px 50px;
  }
}

.planSingle-category__ttl {
  margin: 30px 0 20px;
}

@media screen and (max-width: 991px) {
  .planSingle-category__ttl {
    margin: 30px 0 15px;
  }
}

.planSingle-category__ttl h2 {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 2px solid #c30d23;
}

@media screen and (max-width: 991px) {
  .planSingle-category__ttl h2 {
    font-size: 16px;
  }
}

.planSingle-category__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
}

.planSingle-category__list {
  font-size: 14px;
  text-decoration: underline;
}

.planSingle-category__list:hover {
  text-decoration: none;
}

.planSingle-contact {
  background-image: url(../img/plan-single/contact-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.planSingle-contact::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
}

.planSingle-contact__inner {
  text-align: center;
  padding: 55px 20px;
  color: #fff;
  position: relative;
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .planSingle-contact__inner {
    padding: 40px 20px;
    font-size: 14px;
  }
}

.planSingle-contact__txt1 {
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .planSingle-contact__txt1 {
    margin-bottom: 20px;
  }
}

.planSingle-contact__txt1 span {
  padding: 10px 30px;
  display: inline-block;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.planSingle-contact__ttl {
  font-size: 34px;
  font-weight: bold;
  line-height: 2.1;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .planSingle-contact__ttl {
    font-size: 20px;
  }
}

.planSingle-contact__txt2 {
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .planSingle-contact__txt2 {
    margin-bottom: 15px;
  }
}

.planSingle-contact__txt2 p {
  line-height: 2.5em;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .planSingle-contact__txt2 p {
    font-size: 13px;
    line-height: 1.8;
  }
}

.planSingle-contact__catch {
  display: inline-block;
  font-size: 20px;
  margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .planSingle-contact__catch {
    font-size: 16px;
  }
}

.planSingle-contact__catch span {
  position: relative;
  display: block;
  padding: 0 15px;
}

.planSingle-contact__catch span::before {
  content: '';
  display: block;
  width: 2px;
  height: 22px;
  background-color: #fff;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  position: absolute;
  bottom: 4px;
  left: 0;
}

@media screen and (max-width: 991px) {
  .planSingle-contact__catch span::before {
    height: 18px;
    bottom: 2px;
  }
}

.planSingle-contact__catch span::after {
  content: '';
  display: block;
  width: 2px;
  height: 22px;
  background-color: #fff;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  position: absolute;
  bottom: 4px;
  right: 0;
}

@media screen and (max-width: 991px) {
  .planSingle-contact__catch span::after {
    height: 18px;
    bottom: 2px;
  }
}

.planSingle-contact__btn p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.planSingle-contact__btn p a {
  width: 440px;
  height: 80px;
  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;
  text-align: center;
  position: relative;
  background-color: #c30d23;
  color: #fff;
  border-radius: 60px;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 30px;
}

@media screen and (max-width: 991px) {
  .planSingle-contact__btn p a {
    font-size: 16px;
    height: 60px;
  }
}

.planSingle-contact__btn p a::before {
  content: '>';
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  font-weight: normal;
  -webkit-transform: translateY(-50%) scaleX(0.5);
          transform: translateY(-50%) scaleX(0.5);
}

.planSingle-relaYado {
  margin: 50px 0;
}

.planSingle-relaYado__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 992px) {
  .planSingle-relaYado__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 40px;
  }
}

.planSingle-relaYado__item {
  border-top: 1px solid #ccc;
}

.planSingle-relaYado__item:last-child {
  border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 992px) {
  .planSingle-relaYado__item {
    width: calc((100% - 40px) / 2);
  }
  .planSingle-relaYado__item:nth-last-child(2) {
    border-bottom: 1px solid #ccc;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-relaYado__item {
    max-width: 500px;
    margin: 0 auto;
  }
}

.planSingle-relaYado__item a {
  display: block;
  padding: 30px 20px;
}

@media screen and (min-width: 992px) {
  .planSingle-relaYado__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-relaYado__item a {
    padding: 20px 0;
  }
}

@media screen and (min-width: 992px) {
  .planSingle-relaYado__itemImg {
    width: 41%;
    margin-right: 25px;
  }
}

@media screen and (max-width: 991px) {
  .planSingle-relaYado__itemImg {
    margin-bottom: 15px;
  }
}

.planSingle-relaYado__itemInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.planSingle-relaYado__itemArea {
  font-size: 13px;
  font-weight: bold;
  color: #c30d23;
  margin-bottom: .5em;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .planSingle-relaYado__itemArea {
    font-size: 12px;
  }
}

.planSingle-relaYado__itemTtl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: .5em;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .planSingle-relaYado__itemTtl {
    font-size: 15px;
  }
}

.planSingle-relaYado__itemTxt {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .planSingle-relaYado__itemTxt {
    font-size: 13px;
  }
}

.planSingle-relaCase {
  margin: 50px 0;
}

.planSingle-relaCase__inner {
  max-width: 1120px;
  margin: 0 auto;
}

body.body-campaign202211 .pubBnr {
  display: none;
}

.planCampaign-kv {
  background-image: url(../img/plan-campaign/kv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 55px;
}

@media screen and (max-width: 991px) {
  .planCampaign-kv {
    background-image: url(../img/plan-campaign/kv-bg-sp.jpg);
  }
}

.planCampaign-kv__inner {
  padding: 32px 20px 46px;
  max-width: 1120px;
  margin: 0 auto;
}

.planCampaign-kv__ttl {
  margin-bottom: 30px;
}

.planCampaign-kv__ttl h2 {
  font-size: 47px;
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .planCampaign-kv__ttl h2 {
    font-size: 28px;
  }
}

.planCampaign-kv__ttl h2 img {
  width: 510px;
}

@media screen and (max-width: 991px) {
  .planCampaign-kv__ttl h2 img {
    width: 300px;
  }
}

.planCampaign-kv__ttl p {
  font-size: 35px;
  font-weight: bold;
  line-height: 1.7;
}

@media screen and (max-width: 991px) {
  .planCampaign-kv__ttl p {
    font-size: 20px;
    text-shadow: #fff 1px 1px 10px;
  }
}

.planCampaign-kv__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.planCampaign-kv__dateInner {
  background-color: #fff;
  padding: 15px 25px;
  font-weight: bold;
  font-size: 15px;
}

@media screen and (max-width: 991px) {
  .planCampaign-kv__dateInner {
    padding: 10px 15px;
    font-size: 14px;
  }
}

.planCampaign-kv__dateInner p {
  margin-bottom: 0.5em;
}

@media screen and (max-width: 991px) {
  .planCampaign-kv__dateInner p {
    padding-left: 5em;
    text-indent: -5em;
  }
}

.planCampaign-kv__dateInner p:last-child {
  margin-bottom: 0;
}

.planCampaign-kv__btn p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 991px) {
  .planCampaign-kv__btn p {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.planCampaign-kv__btn p a {
  width: 390px;
  height: 65px;
  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;
  text-align: center;
  position: relative;
  background-color: #c30d23;
  color: #fff;
  border-radius: 60px;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 30px;
}

@media screen and (max-width: 991px) {
  .planCampaign-kv__btn p a {
    width: 300px;
    font-size: 14px;
    height: 46px;
  }
}

.planCampaign-kv__btn p a::before {
  content: '>';
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  font-weight: normal;
  -webkit-transform: translateY(-50%) scaleX(0.5);
          transform: translateY(-50%) scaleX(0.5);
}

.planCampaign-kv__btn p a.is-close {
  position: relative;
  pointer-events: none;
  background-color: #bbb;
  padding-bottom: 34px;
  height: auto;
}

.planCampaign-kv__btn p a.is-close::before {
  display: none;
}

.planCampaign-kv__btn p a.is-close::after {
  content: "（応募を締め切りました）";
  display: block;
  position: absolute;
  font-size: 18px;
  bottom: 10px;
}

.planCampaign-catch__inner {
  padding: 0 20px;
}

.planCampaign-catch__box {
  max-width: 980px;
  margin: 0 auto;
  background-color: #f3f0e9;
}

.planCampaign-catch__boxInner {
  padding: 35px 30px 40px;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__boxInner {
    padding: 20px 15px 20px;
  }
}

.planCampaign-catch__ttl {
  background-color: #e0d1b0;
  padding: 10px 20px 15px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__ttl {
    padding: 15px 15px 5px;
  }
}

.planCampaign-catch__ttl h2 {
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.1;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__ttl h2 {
    font-size: 18px;
    line-height: 1.2;
  }
}

.planCampaign-catch__ttl h2 span {
  position: relative;
  display: block;
  padding: 0 15px;
}

.planCampaign-catch__ttl h2 span::before {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #000;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  position: absolute;
  bottom: 7px;
  left: 0;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__ttl h2 span::before {
    height: 40px;
    bottom: 10px;
  }
}

.planCampaign-catch__ttl h2 span::after {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #000;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  position: absolute;
  bottom: 7px;
  right: 0;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__ttl h2 span::after {
    height: 40px;
    bottom: 10px;
  }
}

.planCampaign-catch__ttl h2 span sup {
  position: relative;
  top: -1em;
  font-size: 10px;
}

.planCampaign-catch__ttl h2 em {
  font-weight: bold;
  color: #c30d23;
}

.planCampaign-catch__ttl h2 em b {
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-size: 58px;
  font-weight: bold;
}

.planCampaign-catch__prices {
  max-width: 820px;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .planCampaign-catch__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.planCampaign-catch__price {
  border: 5px solid #e0d1b0;
  padding: 10px;
  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;
  text-align: center;
  background-color: #fff;
  width: 50%;
  margin: 0 5px;
  height: 100px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__price {
    width: 300px;
    margin: 0 auto 10px;
    height: 80px;
  }
}

.planCampaign-catch__price p {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.1;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__price p {
    font-size: 18px;
  }
}

.planCampaign-catch__price p em {
  color: #c30d23;
  font-size: 40px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial;
  position: relative;
  top: 0.1em;
  margin: 0 0.1em;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__price p em {
    font-size: 30px;
  }
}

.planCampaign-catch__price p b {
  font-size: 25px;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__price p b {
    font-size: 18px;
  }
}

.planCampaign-catch__price.-n1::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  right: -33px;
  top: calc(50% - 23px);
  width: 46px;
  height: 46px;
  background-image: url(../img/plan-campaign/catch-plus.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__price.-n1::before {
    right: auto;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    top: calc(100% - 13px);
    left: calc(50% - 23px);
  }
}

.planCampaign-catch__price.-n2 {
  border-color: #e7b5c0;
}

.planCampaign-catch__plans {
  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;
}

.planCampaign-catch__plan {
  width: 400px;
  margin: 0 10px 20px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__plan {
    margin: 0 5px 10px;
  }
}

.planCampaign-catch__planImg {
  width: 100px;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__planImg {
    width: 60px;
  }
}

.planCampaign-catch__planImg span {
  display: block;
  padding-top: 85.7143%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.planCampaign-catch__planTtl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  position: relative;
  line-height: 1.3;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__planTtl {
    font-size: 13px;
    line-height: 1.2;
  }
}

.planCampaign-catch__planTtl::before {
  content: '＞';
  display: block;
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleX(0.5);
          transform: translateY(-50%) scaleX(0.5);
  color: #c30d23;
  font-size: 14px;
}

.planCampaign-catch__note {
  max-width: 980px;
  margin: 10px auto 0;
  text-align: left;
  font-size: 12px;
}

@media screen and (max-width: 991px) {
  .planCampaign-catch__note {
    font-size: 10px;
  }
}

.planCampaign-date__inner {
  padding-bottom: 90px;
}

@media screen and (max-width: 991px) {
  .planCampaign-date__inner {
    padding: 0 20px 20px;
  }
}

.planCampaign-fea__inner {
  padding: 0 20px 90px;
}

@media screen and (max-width: 767px) {
  .planCampaign-fea__inner {
    padding: 0 20px 5px;
  }
}

.planCampaign-fea__ttl {
  margin-bottom: 55px;
}

@media screen and (max-width: 991px) {
  .planCampaign-fea__ttl {
    margin-bottom: 30px;
  }
}

.planCampaign-fea__ttl h3 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.1;
  margin-bottom: -14px;
}

@media screen and (max-width: 991px) {
  .planCampaign-fea__ttl h3 {
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 0;
  }
}

.planCampaign-fea__ttl h3 em {
  font-weight: bold;
  display: inline-block;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(50%, rgba(243, 207, 210, 0.75)));
  background: linear-gradient(transparent 80%, rgba(243, 207, 210, 0.75) 50%);
  margin-bottom: 14px;
}

@media screen and (max-width: 991px) {
  .planCampaign-fea__ttl h3 em {
    line-height: 1.1;
    margin-bottom: 0;
  }
}

.planCampaign-fea__ttl h3 em b {
  font-size: 32px;
  color: #c30d23;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .planCampaign-fea__ttl h3 em b {
    font-size: 20px;
  }
}

.planCampaign-feaBlock1 {
  max-width: 1080px;
  margin: 0 auto;
  border-top: 2px solid #c30d23;
  padding: 50px 0;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock1 {
    padding: 30px 0 10px;
  }
}

.planCampaign-feaBlock1.-plan {
  border-bottom: 2px solid #c30d23;
}

@media screen and (min-width: 992px) {
  .planCampaign-feaBlock1__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock1__items {
    max-width: 280px;
    margin: 0 auto;
  }
}

.planCampaign-feaBlock1__item {
  position: relative;
}

@media screen and (min-width: 992px) {
  .planCampaign-feaBlock1__item {
    width: 25%;
    padding: 0 25px;
  }
  .planCampaign-feaBlock1__item::before {
    content: '';
    display: block;
    position: absolute;
    right: -12px;
    top: 135px;
    width: 24px;
    height: 24px;
    background-image: url(../img/plan-campaign/fea-x.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  .planCampaign-feaBlock1__item:last-child::before {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock1__item {
    margin-bottom: 40px;
  }
}

.planCampaign-feaBlock1__itemTtl {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.4em;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock1__itemTtl {
    font-size: 18px;
  }
}

.planCampaign-feaBlock1__itemImg {
  max-width: 180px;
  margin: 0 auto;
}

.planCampaign-feaBlock1__itemImg span {
  display: block;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.planCampaign-feaBlock1__itemTxt {
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock1__itemTxt {
    font-size: 13px;
  }
}

.planCampaign-feaBlock2 {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 0 90px;
}

.planCampaign-feaBlock2.-home::before {
  display: none;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock2 {
    padding: 0 0 40px;
  }
}

.planCampaign-feaBlock2.-home {
  padding-top: 0;
}

@media screen and (min-width: 992px) {
  .planCampaign-feaBlock2__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 30px;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock2__cols {
    max-width: 500px;
    margin: 0 auto;
  }
}

.planCampaign-feaBlock2.-home .planCampaign-feaBlock2__cols {
  margin-bottom: 30px;
}

.planCampaign-feaBlock2 h3 {
  width: 100%;
  padding: 0 25px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1em;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock2 h3 {
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: .5em;
  }
}

@media screen and (min-width: 992px) {
  .body-service .planCampaign-feaBlock2 h3 {
    text-align: center;
  }
}

.planCampaign-feaBlock2 h3 span {
  display: block;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock2 h3 span {
    display: inline;
  }
}

.planCampaign-feaBlock2 h3 span:last-child {
  margin-bottom: 0;
}

.planCampaign-feaBlock2 h3 em {
  font-weight: bold;
  display: inline-block;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(50%, rgba(243, 207, 210, 0.75)));
  background: linear-gradient(transparent 80%, rgba(243, 207, 210, 0.75) 50%);
  line-height: 1.1;
}

.planCampaign-feaBlock2 h3 em b {
  font-size: 32px;
  color: #c30d23;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock2 h3 em b {
    font-size: 20px;
  }
}

.planCampaign-feaBlock2__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 25px;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock2__info {
    margin-bottom: 30px;
    padding: 0;
  }
}

@media screen and (min-width: 992px) {
  .body-service .planCampaign-feaBlock2__info {
    text-align: center;
  }
}

.planCampaign-feaBlock2__info p {
  font-size: 18px;
  line-height: 2;
  padding-right: 30px;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock2__info p {
    padding-right: 0;
    font-size: 14px;
  }
}

@media screen and (min-width: 992px) {
  .planCampaign-feaBlock2__img {
    width: 45%;
    margin-left: 10px;
  }
}

.planCampaign-feaBlock3 {
  max-width: 1080px;
  margin: 0 auto;
  border-top: 2px solid #c30d23;
  padding: 50px 0 0;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock3 {
    padding: 30px 0 0;
  }
}

.planCampaign-feaBlock3.-plan {
  border-top: none;
  padding-top: 0;
}

.planCampaign-feaBlock3__items {
  padding-top: 25px;
}

@media screen and (min-width: 992px) {
  .planCampaign-feaBlock3__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock3__items {
    max-width: 280px;
    margin: 0 auto;
  }
}

.planCampaign-feaBlock3__item {
  position: relative;
}

@media screen and (min-width: 992px) {
  .planCampaign-feaBlock3__item {
    width: 33.33%;
    padding: 0 25px;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock3__item {
    margin-bottom: 40px;
  }
  .planCampaign-feaBlock3__item:last-child {
    margin-bottom: 0;
  }
}

.planCampaign-feaBlock3__itemImg {
  max-width: 280px;
  margin: 0 auto;
}

.planCampaign-feaBlock3__itemImg span {
  display: block;
  padding-top: 62.5%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.planCampaign-feaBlock3__itemTtl {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.6em;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock3__itemTtl {
    font-size: 18px;
  }
}

.planCampaign-feaBlock3__itemTxt {
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock3__itemTxt {
    font-size: 13px;
  }
}

.planCampaign-feaBlock3__note {
  font-size: 12px;
}

@media screen and (max-width: 991px) {
  .planCampaign-feaBlock3__note {
    font-size: 10px;
  }
}

.planCampaign-feaBlock3__note a {
  color: #008cd6;
  text-decoration: underline;
}

.planCampaign-feaBlock3__note a:hover {
  text-decoration: none;
}

.planCampaign-reason__inner {
  padding-top: 90px;
}

@media screen and (max-width: 767px) {
  .planCampaign-reason__inner {
    padding: 60px 20px 0;
  }
}

.planCampaign-reason.-plan .planCampaign-reason__inner {
  padding-top: 30px;
}

.planCampaign-reason__items {
  max-width: 1230px;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .planCampaign-reason__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-reason__items {
    max-width: 500px;
  }
}

.planCampaign-reason__item {
  display: block;
}

@media screen and (min-width: 992px) {
  .planCampaign-reason__item {
    width: calc((100% - 150px) / 3);
    margin: 0 25px;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-reason__item {
    margin-bottom: 40px;
  }
}

.planCampaign-reason__itemInner {
  position: relative;
  padding: 40px 20px 30px;
  background-color: #f4edef;
  height: 100%;
}

.planCampaign-reason__itemNum {
  position: absolute;
  top: -30px;
  left: calc(50% - 30px);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #c30d23;
  color: #fff;
  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;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial;
}

@media screen and (max-width: 991px) {
  .planCampaign-reason__itemNum {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

.planCampaign-reason__itemTtl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .planCampaign-reason__itemTtl {
    font-size: 16px;
  }
}

.planCampaign-reason__itemImg {
  margin-bottom: 5px;
}

.planCampaign-reason__itemImg span {
  display: block;
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.planCampaign-reason__itemTxt {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .planCampaign-reason__itemTxt {
    font-size: 13px;
  }
}

.planCampaign-case__inner {
  padding: 0 20px 98px;
}

@media screen and (max-width: 991px) {
  .planCampaign-case__inner {
    padding: 0 20px 20px;
  }
}

.planCampaign-case__items {
  max-width: 1230px;
  margin: 0 auto 55px;
}

@media screen and (min-width: 992px) {
  .planCampaign-case__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-case__items {
    max-width: 500px;
  }
}

.planCampaign-case__item {
  display: block;
}

@media screen and (min-width: 992px) {
  .planCampaign-case__item {
    width: calc((100% - 150px) / 3);
    margin: 0 25px;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-case__item {
    margin-bottom: 30px;
  }
}

.planCampaign-case__itemImg span {
  display: block;
  padding-top: 66.6667%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.planCampaign-case__itemTtl {
  font-size: 18px;
  font-weight: bold;
  margin: 1em 0;
}

@media screen and (max-width: 991px) {
  .planCampaign-case__itemTtl {
    font-size: 14px;
  }
}

.planCampaign-case__itemTxt {
  position: relative;
  font-size: 12px;
  line-height: 2;
  background-color: #f3f0e9;
  padding: 5px 20px 5px 40px;
  margin-left: 20px;
}

@media screen and (min-width: 992px) {
  .planCampaign-case__itemTxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 115px;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-case__itemTxt {
    padding: 5px 15px 5px 20px;
  }
}

.planCampaign-case__itemTxt span {
  display: block;
  position: absolute;
  left: -20px;
  top: 15px;
  font-weight: bold;
  font-size: 13px;
  background-color: #c30d23;
  color: #fff;
  padding: 0 10px;
}

@media screen and (max-width: 991px) {
  .planCampaign-case__itemTxt span {
    top: 10px;
    font-size: 11px;
    padding: 0 5px;
  }
}

.planCampaign-case__itemTxt b {
  display: block;
  text-align: right;
  font-size: 13px;
  color: #999;
  margin-top: auto;
}

@media screen and (max-width: 991px) {
  .planCampaign-case__itemTxt b {
    margin-top: .5em;
    font-size: 11px;
  }
}

.planCampaign-case__itemCat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 10px;
}

.planCampaign-case__itemCat span {
  display: block;
  font-size: 11px;
  color: #999;
  border: 1px solid #999;
  border-radius: 30px;
  padding: 2px 10px;
  margin-left: 10px;
}

@media screen and (max-width: 991px) {
  .planCampaign-case__itemCat span {
    font-size: 10px;
  }
}

.planCampaign-pTtl {
  background-color: #c30d23;
  padding: 50px 20px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl {
    margin-top: 50px;
    padding: 30px 20px;
  }
}

.planCampaign-pTtl h2 {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl h2 {
    font-size: 22px;
  }
}

.planCampaign-pTtl2 {
  margin: 90px 0 30px;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl2 {
    margin: 45px 0 20px;
  }
}

.planCampaign-pTtl2 h2 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  padding-top: 90px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl2 h2 {
    padding-top: 45px;
    font-size: 18px;
  }
}

.planCampaign-pTtl2 h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 187px;
  height: 61px;
  background-image: url(../img/service/ttl-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl2 h2::before {
    width: 81px;
    height: 36px;
  }
}

.planCampaign-pTtl2__lead {
  font-size: 18px;
  font-weight: bold;
  color: #c30d23;
  text-align: center;
  margin-top: 0.2em;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl2__lead {
    font-size: 16px;
  }
}

.planCampaign-pTtl2__lead2 {
  text-align: center;
  margin-top: 1em;
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl2__lead2 {
    font-size: 13px;
  }
}

.planCampaign-pTtl3 {
  margin: 40px 0 20px;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl3 {
    margin: 30px 0 15px;
  }
}

.planCampaign-pTtl3 h3 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl3 h3 {
    font-size: 16px;
  }
}

.planCampaign-pTtl3 h3 span {
  display: inline-block;
  position: relative;
  padding: 20px 40px;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl3 h3 span {
    padding: 15px 20px;
  }
}

.planCampaign-pTtl3 h3 span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 40px;
  height: 40px;
  border-top: 5px solid #c30d23;
  border-left: 5px solid #c30d23;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl3 h3 span::before {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.planCampaign-pTtl3 h3 span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  width: 40px;
  height: 40px;
  border-right: 5px solid #c30d23;
  border-bottom: 5px solid #c30d23;
}

@media screen and (max-width: 991px) {
  .planCampaign-pTtl3 h3 span::after {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.planCampaign-plan__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 55px 20px 40px;
}

.planCampaign-com__inner {
  padding: 65px 20px 105px;
}

@media screen and (max-width: 991px) {
  .planCampaign-com__inner {
    padding: 40px 20px 60px;
  }
}

.planCampaign-com__ttl h2 {
  margin-bottom: 1.2em;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.3em;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .planCampaign-com__ttl h2 {
    font-size: 18px;
  }
}

.planCampaign-com__items {
  max-width: 812px;
  margin: 0 auto;
}

.planCampaign-com__item {
  margin-bottom: 15px;
  background-color: #f2f3f4;
}

@media screen and (min-width: 992px) {
  .planCampaign-com__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.planCampaign-com__itemLabel {
  padding: 15px 30px;
  font-size: 18px;
  line-height: 2;
  text-align: center;
  background-color: #c30d23;
  color: #fff;
}

@media screen and (min-width: 992px) {
  .planCampaign-com__itemLabel {
    width: 31.4039%;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-com__itemLabel {
    line-height: 1.6;
    font-size: 14px;
  }
}

.planCampaign-com__itemLabel h3 {
  font-weight: 500;
}

.planCampaign-com__itemInfo {
  padding: 20px 20px 20px 30px;
}

@media screen and (min-width: 992px) {
  .planCampaign-com__itemInfo {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media screen and (max-width: 991px) {
  .planCampaign-com__itemInfo {
    padding: 20px 10px 20px 10px;
  }
}

.planCampaign-com__itemInfo h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: .3em;
}

.planCampaign-com__itemInfo p {
  font-size: 16px;
  line-height: 2;
}

.planCampaign-com__itemInfo p.-addr {
  font-size: 18px;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 991px) {
  .planCampaign-com__itemInfo p.-addr {
    font-size: 14px;
  }
}

.planCampaign-com__itemInfo p.-cat {
  margin-bottom: 0.2em;
}

.planCampaign-com__itemInfo p.-ind {
  padding-left: 1em;
  text-indent: -1em;
}

.planCampaign-com__itemInfo p a {
  color: #008cd6;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .planCampaign-com__itemInfo p a:hover {
    text-decoration: none;
  }
}

.tourPlanning-kv__img img {
  width: 100%;
}

.tourPlanning-pTtl {
  margin: 80px 0 50px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-pTtl {
    margin: 50px 0 30px;
  }
}

.tourPlanning-pTtl h2 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 13px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-pTtl h2 {
    font-size: 20px;
  }
}

.tourPlanning-pTtl h2 span {
  display: block;
}

.tourPlanning-pTtl h2 span.-mb {
  margin-bottom: 0.8em;
}

.tourPlanning-pTtl h2 span.-sm {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-pTtl h2 span.-sm {
    font-size: 18px;
  }
}

.tourPlanning-pTtl h2 span.-lg {
  font-size: 40px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-pTtl h2 span.-lg {
    font-size: 22px;
  }
}

.tourPlanning-pTtl i {
  display: block;
  background-image: url(../img/tour-planning/pttl-bdr.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding-top: 6.1017%;
  max-width: 590px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .tourPlanning-pTtl i {
    max-width: 320px;
  }
}

.tourPlanning-pTtl2 {
  margin: 70px 0 50px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-pTtl2 {
    margin: 50px 0 30px;
  }
}

.tourPlanning-pTtl2 h2 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .tourPlanning-pTtl2 h2 {
    font-size: 20px;
  }
}

.tourPlanning-pTtl2 h2 span {
  display: block;
  padding: 20px 35px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .tourPlanning-pTtl2 h2 span {
    padding: 15px 20px;
  }
}

.tourPlanning-pTtl2 h2 span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-top: 5px solid #c30d23;
  border-left: 5px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .tourPlanning-pTtl2 h2 span::before {
    width: 20px;
    height: 20px;
    border-width: 3px;
  }
}

.tourPlanning-pTtl2 h2 span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-right: 5px solid #c30d23;
  border-bottom: 5px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .tourPlanning-pTtl2 h2 span::after {
    width: 20px;
    height: 20px;
    border-width: 3px;
  }
}

.tourPlanning-cBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tourPlanning-cBtn a {
  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;
  text-align: center;
  width: 320px;
  border: 1px solid #CFAFB2;
  border-radius: 50px;
  padding: 13px 30px;
  font-size: 15px;
  font-weight: bold;
  position: relative;
}

@media screen and (max-width: 767px) {
  .tourPlanning-cBtn a {
    width: 290px;
    font-size: 13px;
    padding: 10px 20px;
  }
}

.tourPlanning-cBtn a::before {
  content: '>';
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleX(0.5);
          transform: translateY(-50%) scaleX(0.5);
  font-size: 18px;
  font-weight: normal;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .tourPlanning-cBtn a::before {
    right: 15px;
  }
}

.tourPlanning-lead {
  margin-bottom: 50px;
}

.tourPlanning-lead__items {
  max-width: 1070px;
  margin: 0 auto;
  padding: 0 15px;
}

@media screen and (min-width: 768px) {
  .tourPlanning-lead__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8%;
  }
}

@media screen and (min-width: 768px) {
  .tourPlanning-lead__item {
    width: calc((100% - 16%) / 3);
  }
}

@media screen and (max-width: 767px) {
  .tourPlanning-lead__item {
    margin-bottom: 50px;
  }
}

.tourPlanning-lead__itemImg {
  text-align: center;
  margin-bottom: 18px;
}

@media screen and (min-width: 768px) {
  .tourPlanning-lead__itemImg {
    min-height: 200px;
    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;
  }
}

@media screen and (max-width: 767px) {
  .tourPlanning-lead__itemImg {
    max-width: 280px;
    margin: 0 auto 15px;
  }
}

.tourPlanning-lead__itemTxt {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tourPlanning-lead__itemTxt {
    font-size: 16px;
  }
}

.tourPlanning-point {
  background-image: url(../img/tour-planning/point-bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 1270px;
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point {
    background-size: 200% 1270px;
    padding-top: 90px;
  }
}

.tourPlanning-point__inner {
  position: relative;
  background-color: #F3F0E9;
  padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__inner {
    padding-bottom: 50px;
  }
}

.tourPlanning-point__inner::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -40px;
  width: 100%;
  height: 100%;
  background-image: url(../img/tour-planning/point-bg2.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 1480px auto;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__inner::before {
    background-size: 500px auto;
  }
}

.tourPlanning-point__inner2 {
  max-width: 1030px;
  margin: 0 auto;
  position: relative;
  padding: 0 45px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__inner2 {
    padding: 0 15px;
  }
}

.tourPlanning-point__ttl {
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__ttl {
    margin: 0 0 50px;
  }
}

.tourPlanning-point__ttl img {
  width: 922px;
}

.tourPlanning-point__item {
  position: relative;
  background-color: #fff;
  padding: 30px 90px 25px 100px;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__item {
    padding: 35px 15px 20px;
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 768px) {
  .tourPlanning-point__item.-note {
    padding-right: calc(36% + 50px);
  }
}

.tourPlanning-point__item i {
  display: block;
  position: absolute;
  left: -60px;
  top: calc(50% - 60px);
  width: 120px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__item i {
    left: calc(50% - 30px);
    width: 60px;
    top: -30px;
  }
}

.tourPlanning-point__item h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__item h3 {
    font-size: 18px;
    text-align: center;
  }
}

.tourPlanning-point__item h3 span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(50%, rgba(243, 207, 210, 0.75)));
  background: linear-gradient(transparent 60%, rgba(243, 207, 210, 0.75) 50%);
}

.tourPlanning-point__item p {
  font-size: 17px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__item p {
    font-size: 13px;
    line-height: 1.8;
  }
}

.tourPlanning-point__itemNote {
  position: relative;
  background-color: #f2f3f4;
  padding: 15px 15px 15px 30px;
}

@media screen and (min-width: 768px) {
  .tourPlanning-point__itemNote {
    position: absolute;
    right: 0;
    top: 0;
    width: 36%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__itemNote {
    margin-top: 20px;
    padding: 15px;
  }
}

.tourPlanning-point__itemNote::before {
  content: '';
  display: block;
  position: absolute;
  left: -40px;
  top: calc(50% - 20px);
  border-width: 20px;
  border-color: transparent #f2f3f4 transparent transparent;
  border-style: solid;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__itemNote::before {
    left: calc(50% - 16px);
    top: -32px;
    border-width: 16px;
    border-color: transparent transparent #f2f3f4 transparent;
  }
}

.tourPlanning-point__itemNote h4 {
  font-weight: bold;
  color: #c30d23;
  font-size: 14px;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__itemNote h4 {
    font-size: 13px;
  }
}

.tourPlanning-point__itemNote p {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__itemNote p {
    font-size: 13px;
  }
}

.tourPlanning-point__itemNote p em {
  font-weight: bold;
}

.tourPlanning-point__action {
  background-color: #fff;
  border: 6px solid #9CCDD5;
  margin-top: 60px;
  padding: 30px;
}

@media screen and (min-width: 768px) {
  .tourPlanning-point__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__action {
    margin-top: 40px;
    padding: 15px;
    border-width: 3px;
  }
}

.tourPlanning-point__actionLogo {
  width: 163px;
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__actionLogo {
    margin: 10px auto 15px;
  }
}

.tourPlanning-point__actionTxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tourPlanning-point__actionTxt p {
  font-size: 19px;
  font-weight: bold;
  color: #12a1b4;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .tourPlanning-point__actionTxt p {
    font-size: 15px;
    line-height: 1.8;
  }
}

.tourPlanning-perf {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf {
    margin-bottom: 50px;
  }
}

.tourPlanning-perf__inner2 {
  max-width: 970px;
  margin: 0 auto;
  padding: 0 15px;
}

.tourPlanning-perf__items {
  margin-top: -20px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__items {
    margin-top: 0;
  }
}

.tourPlanning-perf__item {
  position: relative;
  margin-bottom: 60px;
  padding-left: 32%;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__item {
    padding-left: 0;
    margin-bottom: 40px;
  }
}

.tourPlanning-perf__itemImg {
  position: relative;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 768px) {
  .tourPlanning-perf__itemImg {
    position: absolute;
    left: 0;
    top: -20px;
    width: 36%;
  }
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__itemImg {
    margin-right: 15px;
  }
}

.tourPlanning-perf__itemImg img {
  width: 100%;
}

.tourPlanning-perf__itemInfo {
  padding: 30px 30px 35px 90px;
  background-color: #f3f0e9;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__itemInfo {
    margin: -15px 0 0 15px;
    padding: 30px 15px 20px 15px;
  }
}

.tourPlanning-perf__itemInfo h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0.3em;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__itemInfo h3 {
    font-size: 16px;
  }
}

.tourPlanning-perf__itemInfo h3 span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(50%, rgba(243, 207, 210, 0.75)));
  background: linear-gradient(transparent 60%, rgba(243, 207, 210, 0.75) 50%);
}

.tourPlanning-perf__itemTxts {
  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;
}

@media screen and (min-width: 768px) {
  .tourPlanning-perf__itemTxts {
    letter-spacing: 0.1em;
  }
}

.tourPlanning-perf__itemTxt1 {
  position: relative;
  top: 0.4em;
  padding-right: 95px;
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__itemTxt1 {
    font-size: 13px;
    padding-right: 40px;
  }
}

.tourPlanning-perf__itemTxt1::before {
  content: '';
  display: block;
  position: absolute;
  right: 30px;
  bottom: 12px;
  width: 30px;
  height: 18px;
  background-image: url(../img/tour-planning/perf-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__itemTxt1::before {
    right: 15px;
    bottom: 10px;
    width: 15px;
    height: 9px;
  }
}

.tourPlanning-perf__itemTxt1 em {
  font-size: 30px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial;
  margin: 0 7px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__itemTxt1 em {
    font-size: 22px;
  }
}

.tourPlanning-perf__itemTxt2 {
  font-size: 24px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__itemTxt2 {
    font-size: 16px;
  }
}

.tourPlanning-perf__itemTxt2 em {
  font-size: 50px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial;
  margin: 0 7px;
  color: #c30d23;
  border-bottom: 6px double #c30d23;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__itemTxt2 em {
    font-size: 34px;
  }
}

.tourPlanning-perf__btn {
  margin-top: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .tourPlanning-perf__btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -10px;
  }
}

.tourPlanning-contact {
  background-image: url(../img/tour-planning/contact-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.tourPlanning-contact__inner {
  background-color: rgba(238, 238, 238, 0.8);
}

.tourPlanning-contact__inner2 {
  padding: 45px 15px 40px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-contact__inner2 {
    padding: 40px 0 35px;
  }
}

.tourPlanning-contact__catch {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #c30d23;
}

@media screen and (max-width: 767px) {
  .tourPlanning-contact__catch {
    font-size: 14px;
  }
}

.tourPlanning-contact__catch span {
  display: inline-block;
  position: relative;
  padding: 5px 30px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-contact__catch span {
    padding: 5px 25px;
  }
}

.tourPlanning-contact__catch span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 21px;
  height: 19px;
  background-image: url(../img/tour-planning/contact-catch-l.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .tourPlanning-contact__catch span::before {
    width: 16px;
  }
}

.tourPlanning-contact__catch span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 7px;
  width: 21px;
  height: 19px;
  background-image: url(../img/tour-planning/contact-catch-r.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .tourPlanning-contact__catch span::after {
    width: 16px;
  }
}

.tourPlanning-contact__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 658px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .tourPlanning-contact__btn {
    max-width: 340px;
  }
}

.tourPlanning-contact__btn a {
  display: block;
  width: 100%;
  margin: -3% 0;
  padding-top: 25.6839%;
  background-image: url(../img/tour-planning/contact-btn.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
}

.tourPlanning-contact__btn a i {
  display: block;
  position: absolute;
  left: 90px;
  top: calc(50% - 37px);
  width: 62px;
  height: 63px;
  background-image: url(../img/tour-planning/contact-btn-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .tourPlanning-contact__btn a i {
    left: 26px;
    top: calc(50% - 19px);
    width: 31px;
    height: 31px;
  }
}

.tourPlanning-contact__btn a span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  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;
  text-align: center;
}

.tourPlanning-contact__btn a span b {
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-left: 45px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-contact__btn a span b {
    font-size: 14px;
    padding-left: 25px;
  }
}

.tourPlanning-voice__inner2 {
  max-width: 1022px;
  margin: 0 auto;
  padding: 0 15px;
}

.tourPlanning-voice__txts {
  margin-top: -30px;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-voice__txts {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.tourPlanning-voice__txt.-n2 {
  margin-top: -30px;
}

.tourPlanning-voice__txt.-n3 {
  margin-top: -15px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-voice__txt.-n2 {
    margin-top: -20px;
  }
  .tourPlanning-voice__txt.-n3 {
    margin-top: -10px;
  }
}

.tourPlanning-voice__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .tourPlanning-voice__btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.tourPlanning-faq {
  margin-bottom: 130px;
}

@media screen and (max-width: 767px) {
  .tourPlanning-faq {
    margin-bottom: 70px;
  }
}

.tourPlanning-faq__qas {
  max-width: 800px;
  margin: -2.5em auto 0;
}

@media screen and (max-width: 767px) {
  .tourPlanning-faq__qas {
    padding: 0 15px;
  }
}

.tourPlanning-faq__qa {
  border-bottom: 1px solid #D8D8D8;
  padding: 2.5em 1.5em;
}

@media screen and (max-width: 767px) {
  .tourPlanning-faq__qa {
    padding: 1.5em 0;
  }
}

.tourPlanning-faq__qa dt {
  position: relative;
  padding-left: 1.5em;
  font-size: 19px;
  font-weight: bold;
  color: #c30d23;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .tourPlanning-faq__qa dt {
    font-size: 14px;
  }
}

.tourPlanning-faq__qa dt i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.tourPlanning-faq__qa dd {
  position: relative;
  padding-left: 1.5em;
  font-size: 18px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .tourPlanning-faq__qa dd {
    font-size: 13px;
    line-height: 1.8;
  }
}

.tourPlanning-faq__qa dd i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 19px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .tourPlanning-faq__qa dd i {
    font-size: 14px;
  }
}

.lp001-kv1 {
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .lp001-kv1 {
    margin-bottom: 75px;
  }
}

.lp001-kv1__inner {
  background-image: url(../img/lp001/kv1-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .lp001-kv1__inner {
    background-image: url(../img/lp001/kv1-bg-sp.jpg);
    background-position: 10% center;
  }
}

.lp001-kv1__cols {
  padding: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .lp001-kv1__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 400px;
  }
}

@media screen and (max-width: 767px) {
  .lp001-kv1__cols {
    padding: 20px 30px;
  }
}

@media screen and (min-width: 768px) {
  .lp001-kv1__col {
    width: 48%;
  }
  .lp001-kv1__col:nth-child(1) {
    margin-right: 4%;
  }
}

.lp001-kv1__ttl {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .lp001-kv1__ttl {
    margin-bottom: 20px;
  }
}

.lp001-kv1__ttl h2 {
  font-size: 56px;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .lp001-kv1__ttl h2 {
    line-height: 1.3;
    font-size: 28px;
  }
}

.lp001-kv1__ttl h2 em {
  color: #c30d23;
}

.lp001-kv1__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lp001-kv1__btns p {
  margin-right: 10px;
  margin-bottom: 10px;
}

.lp001-kv1__msg {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
  .lp001-kv1__msg {
    font-size: 15px;
  }
}

.lp001-kv1__msg em {
  font-size: 26px;
  font-family: "Helvetica Neue", Helvetica, Arial;
}

@media screen and (max-width: 767px) {
  .lp001-kv1__msg em {
    font-size: 13px;
  }
}

.lp001-kv1__msg b {
  font-weight: bold;
}

.lp001-kv1__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 500px;
}

@media screen and (max-width: 767px) {
  .lp001-kv1__tags {
    max-width: 280px;
  }
}

.lp001-kv1__tags li {
  font-size: 22px;
  font-weight: bold;
  margin: 0 10px 10px 0;
  padding: 10px 15px;
  border: 1px solid #c30d23;
  background-color: #fff;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .lp001-kv1__tags li {
    font-size: 11px;
    margin: 0 5px 5px 0;
    padding: 4px 5px;
  }
}

.lp001-kv2 {
  margin-bottom: 100px;
  padding-bottom: 50px;
  background-image: url(../img/lp001/kv2-bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2177px auto;
}

@media screen and (max-width: 1500px) {
  .lp001-kv2 {
    background-size: 149% auto;
  }
}

@media screen and (max-width: 767px) {
  .lp001-kv2 {
    background-image: url(../img/lp001/kv2-bg-sp.jpg);
    margin-bottom: 0;
    background-size: 100% auto;
  }
}

.lp001-kv2__inner {
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .lp001-kv2__inner {
    padding: 0;
  }
}

.lp001-kv2__txt1 {
  text-align: center;
}

.lp001-kv2__txt1 img {
  width: 1449px;
}

.lp001-kv2__txt2 {
  text-align: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .lp001-kv2__txt2 {
    margin-top: 10px;
  }
}

.lp001-kv2__txt2 img {
  width: 1449px;
}

.lp001-cTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 100px 0 35px;
}

@media screen and (max-width: 767px) {
  .lp001-cTtl {
    margin: 55px 0 35px;
  }
}

.lp001-cTtl span {
  position: relative;
  font-size: 38px;
  font-weight: bold;
  padding: 10px 40px;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .lp001-cTtl span {
    font-size: 25px;
    padding: 5px 25px;
  }
}

.lp001-cTtl span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  pointer-events: none;
  border-top: 5px solid #c30d23;
  border-left: 5px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .lp001-cTtl span::before {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.lp001-cTtl span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  pointer-events: none;
  border-right: 5px solid #c30d23;
  border-bottom: 5px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .lp001-cTtl span::after {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.lp001-cTtl.-sm span {
  font-size: 35px;
}

.lp001-cTtl.-sm2 span {
  font-size: 34px;
}

.lp001-cTtl.-sm3 span {
  font-size: 32px;
}

@media screen and (max-width: 767px) {
  .lp001-cTtl.-sm span {
    font-size: 22px;
  }
  .lp001-cTtl.-sm2 span {
    font-size: 21px;
  }
  .lp001-cTtl.-sm3 span {
    font-size: 19px;
  }
}

.lp001-cTtl__lead {
  text-align: center;
  font-size: 18px;
  margin-top: -10px;
  margin-bottom: 50px;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .lp001-cTtl__lead {
    font-size: 14px;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .lp001-cTtl__lead.-spC {
    text-align: center;
  }
}

.lp001-cTtl2 {
  margin: 100px 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .lp001-cTtl2 {
    margin: 55px 0 35px;
  }
}

.lp001-cTtl2 span {
  text-align: center;
  position: relative;
  font-size: 30px;
  font-weight: bold;
  padding-top: 80px;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .lp001-cTtl2 span {
    padding-top: 60px;
    font-size: 20px;
  }
}

.lp001-cTtl2 span::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(50% - 93px);
  top: 0;
  width: 187px;
  height: 60px;
  background-image: url(../img/lp001/cttl2-deco.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .lp001-cTtl2 span::before {
    left: calc(50% - 60px);
    width: 120px;
    height: 40px;
  }
}

.lp001-cTtl2__lead {
  text-align: center;
  font-size: 18px;
  margin-top: -10px;
  margin-bottom: 50px;
  line-height: 1.7;
  font-weight: bold;
  color: #A70D1F;
}

@media screen and (max-width: 767px) {
  .lp001-cTtl2__lead {
    font-size: 14px;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .lp001-cTtl2__lead.-spC {
    text-align: center;
  }
}

.lp001-cBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lp001-cBtn a {
  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: 700px;
  height: 100px;
  border: 3px solid #A70D1F;
  border-radius: 100px;
  font-size: 30px;
  color: #c30d23;
  font-weight: bold;
  letter-spacing: .1em;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media screen and (min-width: 768px) {
  .lp001-cBtn a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .lp001-cBtn a {
    width: 300px;
    height: 60px;
    font-size: 16px;
    border-width: 2px;
  }
}

.lp001-cBtn a span i {
  position: relative;
  top: -3px;
  display: inline-block;
  width: 10px;
  height: 16px;
  margin-left: 20px;
  background-image: url(../img/lp001/cbtn-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .lp001-cBtn a span i {
    top: -1px;
    margin-left: 10px;
    width: 7px;
    height: 12px;
  }
}

.lp001-cBtn2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lp001-cBtn2 a {
  width: 700px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media screen and (min-width: 768px) {
  .lp001-cBtn2 a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .lp001-cBtn2 a {
    width: 93.333333333vw;
  }
}

.lp001-catch {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp001-catch {
    margin: 75px 0;
  }
}

.lp001-catch__inner {
  padding: 0 20px 20px;
}

@media screen and (max-width: 767px) {
  .lp001-catch__inner {
    padding-bottom: 0;
  }
}

.lp001-catch__txt1 {
  text-align: center;
  margin-bottom: 25px;
}

.lp001-catch__txt1 img {
  width: 914px;
}

.lp001-catch__txt2 {
  text-align: center;
}

.lp001-catch__txt2 img {
  width: 914px;
}

.lp001-problem {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp001-problem {
    margin: 75px 0;
  }
}

.lp001-problem__bg {
  background-image: url(../img/lp001/problem-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  padding: 50px 20px 100px;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .lp001-problem__bg {
    background-image: url(../img/lp001/problem-bg-sp.png);
    padding: 30px 20px 50px;
    margin-bottom: 40px;
  }
}

.lp001-problem__txt1 {
  text-align: center;
}

.lp001-problem__txt1 img {
  width: 1100px;
}

.lp001-problem__inner {
  padding: 0 20px;
}

.lp001-problem__contactTxt {
  text-align: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .lp001-problem__contactTxt {
    margin-bottom: 40px;
  }
}

.lp001-problem__contactTxt img {
  width: 936px;
}

.lp001-assist {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp001-assist {
    margin: 75px 0;
  }
}

.lp001-assist__inner {
  padding: 0 20px;
}

.lp001-assist__items {
  max-width: 1180px;
  margin: 0 auto;
  border-top: 3px solid #A70D1F;
  border-bottom: 3px solid #A70D1F;
  padding: 50px 0 30px;
}

@media screen and (min-width: 768px) {
  .lp001-assist__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .lp001-assist__items {
    max-width: 400px;
    padding: 30px 0;
  }
}

.lp001-assist__item {
  position: relative;
}

@media screen and (min-width: 768px) {
  .lp001-assist__item {
    width: calc((100% - 180px) / 4);
    margin-right: 60px;
  }
  .lp001-assist__item:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .lp001-assist__item {
    margin-bottom: 70px;
  }
  .lp001-assist__item:last-child {
    margin-bottom: 0;
  }
}

.lp001-assist__item:before {
  content: '';
  display: block;
  position: absolute;
  right: -43px;
  top: 150px;
  width: 26px;
  height: 26px;
  background-image: url(../img/lp001/assist-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .lp001-assist__item:before {
    right: calc(50% - 10px);
    top: auto;
    bottom: -45px;
    width: 20px;
    height: 20px;
  }
}

.lp001-assist__item:last-child::before {
  display: none;
}

.lp001-assist__itemImg {
  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;
  text-align: center;
  min-height: 180px;
}

.lp001-assist__itemImg img {
  width: 180px;
}

.lp001-assist__itemTtl {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .lp001-assist__itemTtl {
    font-size: 18px;
  }
}

.lp001-assist__itemImg {
  margin-bottom: 20px;
}

.lp001-assist__itemTxt {
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .lp001-assist__itemTxt {
    font-size: 14px;
  }
}

.lp001-flow {
  margin: 100px 0;
  background-color: #F3F0E9;
}

@media screen and (min-width: 768px) {
  .lp001-flow {
    background-image: url(../img/lp001/flow-bg.png);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 767px) {
  .lp001-flow {
    margin: 75px 0;
  }
}

.lp001-flow__inner {
  padding: 1px 20px 65px;
}

.lp001-flow__ttl {
  margin-top: -50px;
}

@media screen and (max-width: 767px) {
  .lp001-flow__ttl {
    margin-top: -30px;
  }
}

.lp001-flow__img {
  margin-bottom: 45px;
  text-align: center;
}

.lp001-flow__img img {
  width: 1114px;
}

@media screen and (max-width: 767px) {
  .lp001-flow__img img {
    width: 150px;
  }
}

.lp001-facility {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp001-facility {
    margin: 75px 0;
  }
}

.lp001-facility__inner {
  padding: 0 20px;
}

.lp001-facility__txt1 p {
  margin: 1.7em 0;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .lp001-facility__txt1 p {
    text-align: left;
    font-size: 15px;
    margin: 2em 0;
  }
}

.lp001-program {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp001-program {
    margin: 75px 0;
  }
}

.lp001-program__inner {
  padding: 0 20px;
}

.lp001-program__items {
  max-width: 1120px;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .lp001-program__items {
    margin: 0 auto 20px;
  }
}

.lp001-program__item {
  display: block;
  width: 25%;
  padding: 20px 5px 20px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #c30d23;
  border-bottom: 1px solid #c30d23;
}

@media screen and (min-width: 768px) {
  .lp001-program__item:hover {
    text-decoration: underline;
    color: #c30d23;
  }
  .lp001-program__item:nth-child(4n) {
    border-right-color: transparent;
  }
  .lp001-program__item:nth-child(n+5) {
    border-bottom-color: transparent;
  }
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex .lp001-program__item {
    width: 50%;
    padding: 15px 5px 15px 15px;
  }
  .home-prog.-planIndex .lp001-program__item:nth-child(2n) {
    border-right-color: transparent;
  }
  .home-prog.-planIndex .lp001-program__item:nth-child(n+7) {
    border-bottom-color: transparent;
  }
  .home-prog.-planIndex .lp001-program__item:nth-child(n+5) {
    border-bottom-color: #c30d23;
  }
}

@media screen and (max-width: 767px) {
  .lp001-program__item {
    width: 50%;
    padding: 15px 5px 15px 15px;
  }
  .lp001-program__item:nth-child(2n) {
    border-right-color: transparent;
  }
  .lp001-program__item:nth-child(n+7) {
    border-bottom-color: transparent;
  }
}

.lp001-program__itemImg {
  width: 73px;
  margin-right: 15px;
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex .lp001-program__itemImg {
    width: 40px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .lp001-program__itemImg {
    width: 40px;
    margin-right: 10px;
  }
}

.lp001-program__itemName {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  line-height: 1.5;
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex .lp001-program__itemName {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .lp001-program__itemName {
    font-size: 13px;
  }
}

.lp001-media {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp001-media {
    margin: 75px 0;
  }
}

.lp001-media__inner {
  padding: 0 20px;
}

.lp001-media__posts {
  max-width: 1100px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .lp001-media__post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.lp001-media__postImg {
  position: relative;
  text-align: center;
  padding: 0 80px;
}

@media screen and (min-width: 768px) {
  .lp001-media__postImg {
    width: 570px;
  }
}

@media screen and (max-width: 767px) {
  .lp001-media__postImg {
    padding: 0 20px;
    margin-bottom: 30px;
  }
}

.lp001-media__postImg::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 30px;
  right: 0;
  bottom: 50px;
  background-color: #F2F3F4;
}

.lp001-media__postImg img {
  display: inline-block;
  width: 350px;
  position: relative;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .lp001-media__postImg img {
    width: 250px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  }
}

.lp001-media__postInfo {
  position: relative;
}

@media screen and (min-width: 768px) {
  .lp001-media__postInfo {
    margin-left: -60px;
    padding-bottom: 70px;
    padding-right: 90px;
  }
}

@media screen and (max-width: 767px) {
  .lp001-media__postInfo {
    max-width: 400px;
    margin: 0 auto;
    padding-right: 40px;
  }
}

.lp001-media__postInfo::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 66px;
  height: 66px;
  background-image: url(../img/lp001/media-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .lp001-media__postInfo::before {
    width: 30px;
    height: 30px;
  }
}

.lp001-media__postCat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .lp001-media__postCat {
    margin-bottom: 5px;
  }
}

.lp001-media__postCat span {
  font-size: 14px;
  color: #fff;
  background-color: #c30d23;
  border-radius: 30px;
  margin: 0 10px 10px 0;
  padding: 1px 15px;
}

@media screen and (max-width: 767px) {
  .lp001-media__postCat span {
    font-size: 11px;
    margin: 0 5px 5px 0;
  }
}

.lp001-media__postTtl {
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .lp001-media__postTtl {
    font-size: 15px;
  }
}

.lp001-voice {
  margin: 100px 0;
  background-image: url(../img/lp001/voice-bg.png);
  background-repeat: repeat;
  background-position: center center;
  background-size: 16px;
}

@media screen and (max-width: 767px) {
  .lp001-voice {
    margin: 75px 0;
  }
}

.lp001-voice__inner {
  padding: 1px 20px 100px;
}

@media screen and (max-width: 767px) {
  .lp001-voice__inner {
    padding: 1px 20px 50px;
  }
}

.lp001-voice__catch {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .lp001-voice__catch {
    margin-bottom: 30px;
  }
}

.lp001-voice__catch p {
  text-align: center;
}

.lp001-voice__catch p img {
  width: 743px;
}

.lp001-voice__catch small {
  display: block;
  text-align: center;
  margin-top: 1em;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .lp001-voice__catch small {
    font-size: 12px;
    line-height: 1.8;
  }
}

.lp001-voice__imgs p {
  text-align: center;
  margin-bottom: 70px;
}

.lp001-voice__imgs p img {
  width: 1080px;
}

.lp001-voice__boxs {
  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;
  gap: 40px;
  max-width: 1120px;
  margin: 0 auto;
}

.lp001-voice__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 540px;
  background-color: #FFFDF2;
  padding: 25px 30px 25px 30px;
  position: relative;
  border-top: 15px solid #F7C300;
  -webkit-box-shadow: 0 0 8px 0 #ccc;
          box-shadow: 0 0 8px 0 #ccc;
}

.lp001-voice__box::before {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: -21px;
  width: 29px;
  height: 41px;
  background-image: url(../img/lp001/voice-box-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.lp001-voice__boxTxt {
  font-size: 18px;
  line-height: 2;
  margin-bottom: .5em;
}

@media screen and (max-width: 767px) {
  .lp001-voice__boxTxt {
    font-size: 16px;
  }
}

.lp001-voice__boxDate {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  margin-top: auto;
}

@media screen and (max-width: 767px) {
  .lp001-voice__boxDate {
    font-size: 14px;
  }
}

.lp001-case {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp001-case {
    margin: 75px 0;
  }
}

.lp001-case__itemsWrap {
  margin-bottom: 60px;
  padding: 0 20px;
}

.lp001-case__items {
  max-width: 1180px;
  margin: 0 auto;
  gap: 50px;
  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;
}

.lp001-case__item {
  width: 360px;
}

.lp001-case__itemTtl {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 1em 0 1.5em;
}

@media screen and (max-width: 767px) {
  .lp001-case__itemTtl {
    font-size: 16px;
  }
}

.lp001-case__itemPurpose dl {
  position: relative;
  margin-bottom: 20px;
}

.lp001-case__itemPurpose dl:last-child {
  margin-bottom: 0;
}

.lp001-case__itemPurpose dl dt {
  font-size: 15px;
  position: absolute;
  left: 0;
  top: -10px;
  background: linear-gradient(120deg, #9C0B1C, #D80F27);
  width: 80px;
  height: 30px;
  text-align: center;
  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;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .lp001-case__itemPurpose dl dt {
    font-size: 13px;
  }
}

.lp001-case__itemPurpose dl dt::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(100% + 0px);
  top: 0;
  border-color: transparent transparent #c30d23 #c30d23;
  border-style: solid;
  border-width: 5px;
}

.lp001-case__itemPurpose dl dd {
  font-size: 17px;
  text-align: center;
  border: 2px solid #c30d23;
  padding: 25px 15px 15px;
}

@media screen and (max-width: 767px) {
  .lp001-case__itemPurpose dl dd {
    font-size: 15px;
  }
}

.lp001-faq {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp001-faq {
    margin: 75px 0;
  }
}

.lp001-faq__qas {
  max-width: 1020px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .lp001-faq__qas {
    padding: 0 20px;
  }
}

.lp001-faq__qa {
  margin-bottom: 15px;
  -webkit-box-shadow: 0 5px 5px 0px #ccc;
          box-shadow: 0 5px 5px 0px #ccc;
}

@media screen and (max-width: 767px) {
  .lp001-faq__qa {
    margin: 0 -1px 15px;
    -webkit-box-shadow: 0 2px 5px 0px #ccc;
            box-shadow: 0 2px 5px 0px #ccc;
  }
}

.lp001-faq__qa i {
  display: block;
  width: 65px;
}

@media screen and (max-width: 767px) {
  .lp001-faq__qa i {
    width: 35px;
  }
}

.lp001-faq__qa i img {
  width: 37px;
}

@media screen and (max-width: 767px) {
  .lp001-faq__qa i img {
    width: 20px;
  }
}

.lp001-faq__qa p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.lp001-faq__q {
  border: 1px solid #DDDDDD;
  padding: 25px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .lp001-faq__q {
    padding: 15px 30px 15px 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.lp001-faq__q::before {
  content: '';
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url(../img/lp001/faq-open.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .lp001-faq__q::before {
    right: 10px;
    width: 10px;
    height: 10px;
    top: 22px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.lp001-faq__q.is-open::before {
  background-image: url(../img/lp001/faq-open2.png);
}

.lp001-faq__q p {
  font-size: 18px;
  font-weight: bold;
}

.lp001-faq__qa.-open .lp001-faq__q p {
  color: #A70D1F;
}

@media screen and (max-width: 767px) {
  .lp001-faq__q p {
    font-size: 16px;
  }
}

.lp001-faq__a {
  display: none;
}

.lp001-faq__a p {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .lp001-faq__a p {
    font-size: 14px;
  }
}

.lp001-faq__aInner {
  border: 1px solid #DDDDDD;
  border-top: none;
  background-color: #efefef;
  padding: 25px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .lp001-faq__aInner {
    padding: 15px 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.lp001-company {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp001-company {
    margin: 75px 0;
  }
}

.lp001-company__info {
  position: relative;
  background-image: url(../img/lp001/company-info-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 50px 20px 50px;
}

@media screen and (max-width: 767px) {
  .lp001-company__info {
    padding: 30px 20px;
  }
}

.lp001-company__info::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

.lp001-company__info h3 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  padding-bottom: 30px;
  margin-bottom: 40px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .lp001-company__info h3 {
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
}

.lp001-company__info h3::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(50% - 30px);
  bottom: 0;
  width: 60px;
  height: 3px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .lp001-company__info h3::before {
    width: 30px;
    height: 2px;
  }
}

.lp001-company__infoInner {
  position: relative;
}

.lp001-company__infoCols {
  max-width: 980px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .lp001-company__infoCols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.lp001-company__infoCols dl {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .lp001-company__infoCols dl:nth-child(1) {
    width: 46%;
  }
  .lp001-company__infoCols dl:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media screen and (max-width: 767px) {
  .lp001-company__infoCols dl {
    font-size: 12px;
  }
}

.lp001-company__infoCols dl dt {
  width: 5em;
  margin-bottom: 1.2em;
}

.lp001-company__infoCols dl dd {
  width: calc(100% - 5em);
  margin-bottom: 1.2em;
}

@media screen and (min-width: 768px) {
  .lp001-company__infoCols dl.-lg dt {
    width: 5em;
  }
  .lp001-company__infoCols dl.-lg dd {
    width: calc(100% - 5em);
  }
}

.lp001-company__comsWrap {
  padding: 0 20px;
}

.lp001-company__coms {
  border-bottom: 2px solid #A70D1F;
  padding: 35px 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1180px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .lp001-company__coms {
    padding: 30px 0 40px;
    gap: 30px;
  }
}

.lp001-company__com {
  width: 560px;
  border: 1px solid #c30d23;
}

.lp001-company__com h3 {
  background-color: #c30d23;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 30px;
}

@media screen and (max-width: 767px) {
  .lp001-company__com h3 {
    padding: 10px 15px;
    font-size: 15px;
  }
}

.lp001-company__comInner {
  padding: 25px 30px;
}

@media screen and (max-width: 767px) {
  .lp001-company__comInner {
    padding: 15px;
  }
}

.lp001-company__comInner h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.3em;
}

@media screen and (max-width: 767px) {
  .lp001-company__comInner h4 {
    font-size: 15px;
  }
}

.lp001-company__comInner p {
  font-size: 12px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .lp001-company__comInner p {
    font-size: 11px;
  }
}

.lp001-company__comInner p.-mb {
  margin-bottom: 1.2em;
}

.lp001-company__comInner p.-addr {
  font-size: 14px;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
  .lp001-company__comInner p.-addr {
    font-size: 12px;
  }
}

.lp001-company__comInner p.-note {
  padding-left: 1em;
  text-indent: -1em;
}

.lp001-company__comInner p a {
  color: #008CD6;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .lp001-company__comInner p a:hover {
    text-decoration: none;
  }
}

.lp001-contact {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp001-contact {
    margin: 75px 0;
  }
}

.lp001-contact__inner {
  padding: 0 20px;
}

.lp001-contact__lead {
  text-align: center;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .lp001-contact__lead {
    font-size: 13px;
    text-align: left;
  }
}

.lp002-kv1 {
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .lp002-kv1 {
    margin-bottom: 75px;
  }
}

.lp002-kv1__inner {
  background-image: url(../img/lp002/kv1-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__inner {
    position: relative;
    background-image: url(../img/lp002/kv1-bg-sp.jpg);
    background-position: 10% center;
    min-height: 110vw;
  }
}

.lp002-kv1__cols {
  padding: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .lp002-kv1__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 450px;
  }
}

@media screen and (max-width: 767px) {
  .lp002-kv1__cols {
    position: absolute;
    bottom: 0;
    padding: 20px 30px;
  }
}

.lp002-kv1__ttl {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__ttl {
    margin-bottom: 20px;
  }
}

.lp002-kv1__ttl h2 {
  color: #c30d23;
  font-size: 36px;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.4;
  text-shadow: #fff 0 0 7px;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__ttl h2 {
    line-height: 1.3;
    font-size: 32px;
  }
}

.lp002-kv1__ttl p {
  font-size: 30px;
  font-weight: bold;
  text-shadow: #fff 0 0 7px;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__ttl p {
    font-size: 26px;
  }
}

.lp002-kv1__ttl p em {
  font-size: 33px;
  font-family: "Helvetica Neue", Helvetica, Arial;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__ttl p em {
    font-size: 26px;
  }
}

.lp002-kv1__txt {
  margin-top: 13px;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__txt {
    margin-top: 0;
    padding: 20px;
  }
}

.lp002-kv1__txt p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
  text-shadow: #fff 0 0 7px;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__txt p {
    font-size: 14px;
    font-weight: normal;
  }
}

.lp002-kv1__btns {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__btns {
    margin-top: 10px;
  }
}

.lp002-kv1__btns p {
  margin-right: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__btns p {
    margin: 0 auto;
  }
}

.lp002-kv1__msg {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__msg {
    font-size: 15px;
  }
}

.lp002-kv1__msg em {
  font-size: 26px;
  font-family: "Helvetica Neue", Helvetica, Arial;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__msg em {
    font-size: 13px;
  }
}

.lp002-kv1__msg b {
  font-weight: bold;
}

.lp002-kv1__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 500px;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__tags {
    max-width: 280px;
  }
}

.lp002-kv1__tags li {
  font-size: 22px;
  font-weight: bold;
  margin: 0 10px 10px 0;
  padding: 10px 15px;
  border: 1px solid #c30d23;
  background-color: #fff;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .lp002-kv1__tags li {
    font-size: 11px;
    margin: 0 5px 5px 0;
    padding: 4px 5px;
  }
}

.lp002-cTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 100px 0 35px;
}

@media screen and (max-width: 767px) {
  .lp002-cTtl {
    margin: 55px 0 35px;
  }
}

.lp002-cTtl span {
  position: relative;
  font-size: 38px;
  font-weight: bold;
  padding: 10px 40px;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .lp002-cTtl span {
    font-size: 25px;
    padding: 5px 25px;
  }
}

.lp002-cTtl span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  pointer-events: none;
  border-top: 5px solid #c30d23;
  border-left: 5px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .lp002-cTtl span::before {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.lp002-cTtl span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  pointer-events: none;
  border-right: 5px solid #c30d23;
  border-bottom: 5px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .lp002-cTtl span::after {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
}

.lp002-cTtl.-sm span {
  font-size: 35px;
}

.lp002-cTtl.-sm2 span {
  font-size: 34px;
}

.lp002-cTtl.-sm3 span {
  font-size: 32px;
}

@media screen and (max-width: 767px) {
  .lp002-cTtl.-sm span {
    font-size: 22px;
  }
  .lp002-cTtl.-sm2 span {
    font-size: 21px;
  }
  .lp002-cTtl.-sm3 span {
    font-size: 19px;
  }
}

.lp002-cTtl__lead {
  text-align: center;
  font-size: 18px;
  margin-top: -10px;
  margin-bottom: 50px;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .lp002-cTtl__lead {
    font-size: 14px;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .lp002-cTtl__lead.-spC {
    text-align: center;
  }
}

.lp002-cTtl2 {
  margin: 100px 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .lp002-cTtl2 {
    margin: 55px 0 35px;
  }
}

.lp002-cTtl2 span {
  text-align: center;
  position: relative;
  font-size: 30px;
  font-weight: bold;
  padding-top: 80px;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .lp002-cTtl2 span {
    padding-top: 60px;
    font-size: 20px;
  }
}

.lp002-cTtl2 span::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(50% - 93px);
  top: 0;
  width: 187px;
  height: 60px;
  background-image: url(../img/lp002/cttl2-deco.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .lp002-cTtl2 span::before {
    left: calc(50% - 60px);
    width: 120px;
    height: 40px;
  }
}

.lp002-cTtl2__lead {
  text-align: center;
  font-size: 18px;
  margin-top: -10px;
  margin-bottom: 50px;
  line-height: 1.7;
  font-weight: bold;
  color: #A70D1F;
}

@media screen and (max-width: 767px) {
  .lp002-cTtl2__lead {
    font-size: 14px;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .lp002-cTtl2__lead.-spC {
    text-align: center;
  }
}

.lp002-cBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lp002-cBtn a {
  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: 700px;
  height: 100px;
  border: 3px solid #A70D1F;
  border-radius: 100px;
  font-size: 30px;
  color: #c30d23;
  font-weight: bold;
  letter-spacing: .1em;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media screen and (min-width: 768px) {
  .lp002-cBtn a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .lp002-cBtn a {
    width: 300px;
    height: 60px;
    font-size: 16px;
    border-width: 2px;
  }
}

.lp002-cBtn a span i {
  position: relative;
  top: -3px;
  display: inline-block;
  width: 10px;
  height: 16px;
  margin-left: 20px;
  background-image: url(../img/lp002/cbtn-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .lp002-cBtn a span i {
    top: -1px;
    margin-left: 10px;
    width: 7px;
    height: 12px;
  }
}

.lp002-cBtn2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lp002-cBtn2 a {
  width: 700px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media screen and (min-width: 768px) {
  .lp002-cBtn2 a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .lp002-cBtn2 a {
    width: 93.333333333vw;
  }
}

.lp002-catch {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp002-catch {
    margin: 75px 0;
  }
}

.lp002-catch__inner {
  padding: 0 20px 20px;
}

@media screen and (max-width: 767px) {
  .lp002-catch__inner {
    padding-bottom: 0;
  }
}

.lp002-catch__txt1 {
  text-align: center;
  margin-bottom: 25px;
}

.lp002-catch__txt1 img {
  width: 914px;
}

.lp002-catch__txt2 {
  text-align: center;
}

.lp002-catch__txt2 img {
  width: 914px;
}

.lp002-problem {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp002-problem {
    margin: 75px 0;
  }
}

.lp002-problem__bg {
  background-image: url(../img/lp002/problem-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  padding: 50px 20px 100px;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .lp002-problem__bg {
    background-image: url(../img/lp002/problem-bg-sp.png);
    padding: 30px 20px 50px;
    margin-bottom: 40px;
  }
}

.lp002-problem__txt1 {
  text-align: center;
}

.lp002-problem__txt1 img {
  width: 1100px;
}

.lp002-problem__inner {
  padding: 0 20px;
}

.lp002-problem__contactTxt {
  text-align: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .lp002-problem__contactTxt {
    margin-bottom: 40px;
  }
}

.lp002-problem__contactTxt img {
  width: 936px;
}

.lp002-assist {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp002-assist {
    margin: 75px 0;
  }
}

.lp002-assist__inner {
  padding: 0 20px;
}

.lp002-assist__items {
  max-width: 1180px;
  margin: 0 auto;
  border-top: 3px solid #A70D1F;
  border-bottom: 3px solid #A70D1F;
  padding: 50px 0 30px;
}

@media screen and (min-width: 768px) {
  .lp002-assist__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .lp002-assist__items {
    max-width: 400px;
    padding: 30px 0;
  }
}

.lp002-assist__item {
  position: relative;
}

@media screen and (min-width: 768px) {
  .lp002-assist__item {
    width: calc((100% - 180px) / 4);
    margin-right: 60px;
  }
  .lp002-assist__item:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .lp002-assist__item {
    margin-bottom: 70px;
  }
  .lp002-assist__item:last-child {
    margin-bottom: 0;
  }
}

.lp002-assist__item:before {
  content: '';
  display: block;
  position: absolute;
  right: -43px;
  top: 150px;
  width: 26px;
  height: 26px;
  background-image: url(../img/lp002/assist-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .lp002-assist__item:before {
    right: calc(50% - 10px);
    top: auto;
    bottom: -45px;
    width: 20px;
    height: 20px;
  }
}

.lp002-assist__item:last-child::before {
  display: none;
}

.lp002-assist__itemImg {
  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;
  text-align: center;
  min-height: 180px;
}

.lp002-assist__itemImg img {
  width: 180px;
}

.lp002-assist__itemTtl {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .lp002-assist__itemTtl {
    font-size: 18px;
  }
}

.lp002-assist__itemImg {
  margin-bottom: 20px;
}

.lp002-assist__itemTxt {
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .lp002-assist__itemTxt {
    font-size: 14px;
  }
}

.lp002-flow {
  margin: 100px 0;
  background-color: #F3F0E9;
}

@media screen and (min-width: 768px) {
  .lp002-flow {
    background-image: url(../img/lp002/flow-bg.png);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 767px) {
  .lp002-flow {
    margin: 75px 0;
  }
}

.lp002-flow__inner {
  padding: 1px 20px 65px;
}

.lp002-flow__ttl {
  margin-top: -50px;
}

@media screen and (max-width: 767px) {
  .lp002-flow__ttl {
    margin-top: -30px;
  }
}

.lp002-flow__img {
  margin-bottom: 45px;
  text-align: center;
}

.lp002-flow__img img {
  width: 1114px;
}

@media screen and (max-width: 767px) {
  .lp002-flow__img img {
    width: 150px;
  }
}

.lp002-facility {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp002-facility {
    margin: 75px 0;
  }
}

.lp002-facility__inner {
  padding: 0 20px;
}

.lp002-facility__txt1 p {
  margin: 1.7em 0;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .lp002-facility__txt1 p {
    text-align: left;
    font-size: 15px;
    margin: 2em 0;
  }
}

.lp002-program {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp002-program {
    margin: 75px 0;
  }
}

.lp002-program__inner {
  padding: 0 20px;
}

.lp002-program__items {
  max-width: 1120px;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .lp002-program__items {
    margin: 0 auto 20px;
  }
}

.lp002-program__item {
  display: block;
  width: 25%;
  padding: 20px 5px 20px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #c30d23;
  border-bottom: 1px solid #c30d23;
}

@media screen and (min-width: 768px) {
  .lp002-program__item:hover {
    text-decoration: underline;
    color: #c30d23;
  }
  .lp002-program__item:nth-child(4n) {
    border-right-color: transparent;
  }
  .lp002-program__item:nth-child(n+5) {
    border-bottom-color: transparent;
  }
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex .lp002-program__item {
    width: 50%;
    padding: 15px 5px 15px 15px;
  }
  .home-prog.-planIndex .lp002-program__item:nth-child(2n) {
    border-right-color: transparent;
  }
  .home-prog.-planIndex .lp002-program__item:nth-child(n+7) {
    border-bottom-color: transparent;
  }
  .home-prog.-planIndex .lp002-program__item:nth-child(n+5) {
    border-bottom-color: #c30d23;
  }
}

@media screen and (max-width: 767px) {
  .lp002-program__item {
    width: 50%;
    padding: 15px 5px 15px 15px;
  }
  .lp002-program__item:nth-child(2n) {
    border-right-color: transparent;
  }
  .lp002-program__item:nth-child(n+7) {
    border-bottom-color: transparent;
  }
}

.lp002-program__itemImg {
  width: 73px;
  margin-right: 15px;
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex .lp002-program__itemImg {
    width: 40px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .lp002-program__itemImg {
    width: 40px;
    margin-right: 10px;
  }
}

.lp002-program__itemName {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  line-height: 1.5;
}

@media screen and (max-width: 1199px) {
  .home-prog.-planIndex .lp002-program__itemName {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .lp002-program__itemName {
    font-size: 13px;
  }
}

.lp002-media {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp002-media {
    margin: 75px 0;
  }
}

.lp002-media__inner {
  padding: 0 20px;
}

.lp002-media__posts {
  max-width: 1100px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .lp002-media__post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.lp002-media__postImg {
  position: relative;
  text-align: center;
  padding: 0 80px;
}

@media screen and (min-width: 768px) {
  .lp002-media__postImg {
    width: 570px;
  }
}

@media screen and (max-width: 767px) {
  .lp002-media__postImg {
    padding: 0 20px;
    margin-bottom: 30px;
  }
}

.lp002-media__postImg::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 30px;
  right: 0;
  bottom: 50px;
  background-color: #F2F3F4;
}

.lp002-media__postImg img {
  display: inline-block;
  width: 350px;
  position: relative;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .lp002-media__postImg img {
    width: 250px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  }
}

.lp002-media__postInfo {
  position: relative;
}

@media screen and (min-width: 768px) {
  .lp002-media__postInfo {
    margin-left: -60px;
    padding-bottom: 70px;
    padding-right: 90px;
  }
}

@media screen and (max-width: 767px) {
  .lp002-media__postInfo {
    max-width: 400px;
    margin: 0 auto;
    padding-right: 40px;
  }
}

.lp002-media__postInfo::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 66px;
  height: 66px;
  background-image: url(../img/lp002/media-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .lp002-media__postInfo::before {
    width: 30px;
    height: 30px;
  }
}

.lp002-media__postCat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .lp002-media__postCat {
    margin-bottom: 5px;
  }
}

.lp002-media__postCat span {
  font-size: 14px;
  color: #fff;
  background-color: #c30d23;
  border-radius: 30px;
  margin: 0 10px 10px 0;
  padding: 1px 15px;
}

@media screen and (max-width: 767px) {
  .lp002-media__postCat span {
    font-size: 11px;
    margin: 0 5px 5px 0;
  }
}

.lp002-media__postTtl {
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .lp002-media__postTtl {
    font-size: 15px;
  }
}

.lp002-voice {
  margin: 100px 0;
  background-image: url(../img/lp002/voice-bg.png);
  background-repeat: repeat;
  background-position: center center;
  background-size: 16px;
}

@media screen and (max-width: 767px) {
  .lp002-voice {
    margin: 75px 0;
  }
}

.lp002-voice__inner {
  padding: 1px 20px 100px;
}

@media screen and (max-width: 767px) {
  .lp002-voice__inner {
    padding: 1px 20px 50px;
  }
}

.lp002-voice__catch {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .lp002-voice__catch {
    margin-bottom: 30px;
  }
}

.lp002-voice__catch p {
  text-align: center;
}

.lp002-voice__catch p img {
  width: 743px;
}

.lp002-voice__catch small {
  display: block;
  text-align: center;
  margin-top: 1em;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .lp002-voice__catch small {
    font-size: 12px;
    line-height: 1.8;
  }
}

.lp002-voice__imgs p {
  text-align: center;
  margin-bottom: 70px;
}

.lp002-voice__imgs p img {
  width: 1080px;
}

.lp002-voice__boxs {
  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;
  gap: 40px;
  max-width: 1120px;
  margin: 0 auto;
}

.lp002-voice__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 540px;
  background-color: #FFFDF2;
  padding: 25px 30px 25px 30px;
  position: relative;
  border-top: 15px solid #F7C300;
  -webkit-box-shadow: 0 0 8px 0 #ccc;
          box-shadow: 0 0 8px 0 #ccc;
}

.lp002-voice__box::before {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: -21px;
  width: 29px;
  height: 41px;
  background-image: url(../img/lp002/voice-box-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.lp002-voice__boxTxt {
  font-size: 18px;
  line-height: 2;
  margin-bottom: .5em;
}

@media screen and (max-width: 767px) {
  .lp002-voice__boxTxt {
    font-size: 16px;
  }
}

.lp002-voice__boxDate {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  margin-top: auto;
}

@media screen and (max-width: 767px) {
  .lp002-voice__boxDate {
    font-size: 14px;
  }
}

.lp002-case {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp002-case {
    margin: 75px 0;
  }
}

.lp002-case__itemsWrap {
  margin-bottom: 60px;
  padding: 0 20px;
}

.lp002-case__items {
  max-width: 1180px;
  margin: 0 auto;
  gap: 50px;
  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;
}

.lp002-case__item {
  width: 360px;
}

.lp002-case__itemImg {
  aspect-ratio: 16 / 9;
}

.lp002-case__itemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.lp002-case__itemTtl {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 1em 0 1.5em;
}

@media screen and (max-width: 767px) {
  .lp002-case__itemTtl {
    font-size: 16px;
  }
}

.lp002-case__itemPurpose dl {
  position: relative;
  margin-bottom: 20px;
}

.lp002-case__itemPurpose dl:last-child {
  margin-bottom: 0;
}

.lp002-case__itemPurpose dl dt {
  font-size: 15px;
  position: absolute;
  left: 0;
  top: -10px;
  background: linear-gradient(120deg, #9C0B1C, #D80F27);
  width: 80px;
  height: 30px;
  text-align: center;
  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;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .lp002-case__itemPurpose dl dt {
    font-size: 13px;
  }
}

.lp002-case__itemPurpose dl dt::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(100% + 0px);
  top: 0;
  border-color: transparent transparent #c30d23 #c30d23;
  border-style: solid;
  border-width: 5px;
}

.lp002-case__itemPurpose dl dd {
  font-size: 17px;
  text-align: center;
  border: 2px solid #c30d23;
  padding: 25px 15px 15px;
}

@media screen and (max-width: 767px) {
  .lp002-case__itemPurpose dl dd {
    font-size: 15px;
  }
}

.lp002-faq {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp002-faq {
    margin: 75px 0;
  }
}

.lp002-faq__qas {
  max-width: 1020px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .lp002-faq__qas {
    padding: 0 20px;
  }
}

.lp002-faq__qa {
  margin-bottom: 15px;
  -webkit-box-shadow: 0 5px 5px 0px #ccc;
          box-shadow: 0 5px 5px 0px #ccc;
}

@media screen and (max-width: 767px) {
  .lp002-faq__qa {
    margin: 0 -1px 15px;
    -webkit-box-shadow: 0 2px 5px 0px #ccc;
            box-shadow: 0 2px 5px 0px #ccc;
  }
}

.lp002-faq__qa i {
  display: block;
  width: 65px;
}

@media screen and (max-width: 767px) {
  .lp002-faq__qa i {
    width: 35px;
  }
}

.lp002-faq__qa i img {
  width: 37px;
}

@media screen and (max-width: 767px) {
  .lp002-faq__qa i img {
    width: 20px;
  }
}

.lp002-faq__qa p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.lp002-faq__q {
  border: 1px solid #DDDDDD;
  padding: 25px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .lp002-faq__q {
    padding: 15px 30px 15px 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.lp002-faq__q::before {
  content: '';
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url(../img/lp002/faq-open.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .lp002-faq__q::before {
    right: 10px;
    width: 10px;
    height: 10px;
    top: 22px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.lp002-faq__q.is-open::before {
  background-image: url(../img/lp002/faq-open2.png);
}

.lp002-faq__q p {
  font-size: 18px;
  font-weight: bold;
}

.lp002-faq__qa.-open .lp002-faq__q p {
  color: #A70D1F;
}

@media screen and (max-width: 767px) {
  .lp002-faq__q p {
    font-size: 16px;
  }
}

.lp002-faq__a {
  display: none;
}

.lp002-faq__a p {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .lp002-faq__a p {
    font-size: 14px;
  }
}

.lp002-faq__aInner {
  border: 1px solid #DDDDDD;
  border-top: none;
  background-color: #efefef;
  padding: 25px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .lp002-faq__aInner {
    padding: 15px 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.lp002-company {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp002-company {
    margin: 75px 0;
  }
}

.lp002-company__info {
  position: relative;
  background-image: url(../img/lp002/company-info-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 50px 20px 50px;
}

@media screen and (max-width: 767px) {
  .lp002-company__info {
    padding: 30px 20px;
  }
}

.lp002-company__info::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

.lp002-company__info h3 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  padding-bottom: 30px;
  margin-bottom: 40px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .lp002-company__info h3 {
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
}

.lp002-company__info h3::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(50% - 30px);
  bottom: 0;
  width: 60px;
  height: 3px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .lp002-company__info h3::before {
    width: 30px;
    height: 2px;
  }
}

.lp002-company__infoInner {
  position: relative;
}

.lp002-company__infoCols {
  max-width: 980px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .lp002-company__infoCols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.lp002-company__infoCols dl {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .lp002-company__infoCols dl:nth-child(1) {
    width: 46%;
  }
  .lp002-company__infoCols dl:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media screen and (max-width: 767px) {
  .lp002-company__infoCols dl {
    font-size: 12px;
  }
}

.lp002-company__infoCols dl dt {
  width: 5em;
  margin-bottom: 1.2em;
}

.lp002-company__infoCols dl dd {
  width: calc(100% - 5em);
  margin-bottom: 1.2em;
}

@media screen and (min-width: 768px) {
  .lp002-company__infoCols dl.-lg dt {
    width: 5em;
  }
  .lp002-company__infoCols dl.-lg dd {
    width: calc(100% - 5em);
  }
}

.lp002-company__comsWrap {
  padding: 0 20px;
}

.lp002-company__coms {
  border-bottom: 2px solid #A70D1F;
  padding: 35px 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1180px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .lp002-company__coms {
    padding: 30px 0 40px;
    gap: 30px;
  }
}

.lp002-company__com {
  width: 560px;
  border: 1px solid #c30d23;
}

.lp002-company__com h3 {
  background-color: #c30d23;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 30px;
}

@media screen and (max-width: 767px) {
  .lp002-company__com h3 {
    padding: 10px 15px;
    font-size: 15px;
  }
}

.lp002-company__comInner {
  padding: 25px 30px;
}

@media screen and (max-width: 767px) {
  .lp002-company__comInner {
    padding: 15px;
  }
}

.lp002-company__comInner h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.3em;
}

@media screen and (max-width: 767px) {
  .lp002-company__comInner h4 {
    font-size: 15px;
  }
}

.lp002-company__comInner p {
  font-size: 12px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .lp002-company__comInner p {
    font-size: 11px;
  }
}

.lp002-company__comInner p.-mb {
  margin-bottom: 1.2em;
}

.lp002-company__comInner p.-addr {
  font-size: 14px;
  margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
  .lp002-company__comInner p.-addr {
    font-size: 12px;
  }
}

.lp002-company__comInner p.-note {
  padding-left: 1em;
  text-indent: -1em;
}

.lp002-company__comInner p a {
  color: #008CD6;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .lp002-company__comInner p a:hover {
    text-decoration: none;
  }
}

.lp002-contact {
  margin: 100px 0;
}

@media screen and (max-width: 767px) {
  .lp002-contact {
    margin: 75px 0;
  }
}

.lp002-contact__inner {
  padding: 0 20px;
}

.lp002-contact__lead {
  text-align: center;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .lp002-contact__lead {
    font-size: 13px;
    text-align: left;
  }
}

.column-index-sec {
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 20px;
}

.column-index-sec h3 {
  font-size: 20px;
  font-weight: bold;
  padding-left: 30px;
  position: relative;
  margin: 1em 0 2.2em;
  padding-bottom: 1.2em;
  border-bottom: 3px solid #c30d23;
}

@media screen and (max-width: 991px) {
  .column-index-sec h3 {
    font-size: 16px;
    padding-left: 20px;
    margin: 1.5em 0 1.2em;
    padding-bottom: 1em;
  }
}

.column-index-sec h3::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 24px;
  background-color: #c30d23;
  border-bottom: 12px solid #E9E4D9;
}

@media screen and (max-width: 991px) {
  .column-index-sec h3::before {
    width: 8px;
    height: 20px;
    border-bottom-width: 10px;
  }
}

.column-index-cols {
  margin: 0 -20px;
}

@media screen and (min-width: 768px) {
  .column-index-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.column-index-post {
  margin: 0 20px 50px;
}

@media screen and (min-width: 768px) {
  .column-index-post {
    width: calc((100% - 120px) / 3);
  }
}

.column-index-post a {
  display: block;
}

.column-index-postThumb {
  position: relative;
  margin-bottom: 13px;
}

.column-index-postThumb::before {
  content: '';
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 100px;
  height: 100px;
  background-color: #c30d23;
}

@media screen and (max-width: 767px) {
  .column-index-postThumb::before {
    right: -7px;
    top: -7px;
    width: 75px;
    height: 75px;
  }
}

.column-index-postThumb span {
  position: relative;
  display: block;
  padding-top: 55.4645%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.column-index-postMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.column-index-postDate {
  font-weight: 500;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .column-index-postDate {
    font-size: 13px;
  }
}

.column-index-postCat span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin: 0 10px 10px 0;
  color: #c30d23;
}

.column-index-postCat span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 17px;
  background: url(../img/icon/bookmark.png) no-repeat center center;
  background-size: contain;
}

.column-index-postTtl {
  margin-top: .2em;
  margin-bottom: 0.5em;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .column-index-post a:hover .column-index-postTtl {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .column-index-postTtl {
    font-size: 14px;
  }
}

.column-index-postTxt {
  font-size: 14px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .column-index-postTxt {
    font-size: 13px;
  }
}

.column-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 90px;
  max-width: 1180px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .column-single {
    display: block;
  }
}

.column-single-inner {
  padding: 75px 20px 120px;
  max-width: 820px;
}

@media screen and (max-width: 767px) {
  .column-single-inner {
    padding-bottom: 50px;
  }
}

.column-single-postMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.column-single-postDate {
  font-size: 14px;
  color: #999;
}

@media screen and (max-width: 767px) {
  .column-single-postDate {
    font-size: 13px;
  }
}

.column-single-postDate::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-image: url(../img/icon/time.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  top: 3px;
}

.column-single-postCat span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin: 0 10px 10px 0;
  color: #c30d23;
}

.column-single-postCat span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 17px;
  background: url(../img/icon/bookmark.png) no-repeat center center;
  background-size: contain;
}

.column-single-postTtl {
  margin-top: .3em;
  padding: 0 0 1em 0.3em;
  margin-bottom: 0.7em;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 3px solid #c30d23;
}

@media screen and (max-width: 767px) {
  .column-single-postTtl {
    font-size: 18px;
  }
}

.column-single-con h2 {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  margin: 3em 0 1em;
  line-height: 1.3;
  padding-left: 23px;
}

@media screen and (max-width: 767px) {
  .column-single-con h2 {
    font-size: 18px;
  }
}

.column-single-con h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 11px);
  width: 10px;
  border-top: 12px solid #c30d23;
  border-bottom: 12px solid #E9E4D9;
}

@media screen and (min-width: 768px) {
  .column-single-con .column-single-conCols2 h2 {
    font-size: 16px;
    font-weight: 500;
  }
}

.column-single-con h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: .5em;
}

@media screen and (max-width: 767px) {
  .column-single-con h3 {
    font-size: 16px;
  }
}

.column-single-con h4 {
  font-size: 16px;
  font-weight: 500;
  color: #c30d23;
  margin: 1.5em 0 .75em;
}

@media screen and (max-width: 767px) {
  .column-single-con h4 {
    font-size: 14px;
  }
}

.column-single-con p {
  font-size: 15px;
  line-height: 2;
  margin-bottom: 1.5em;
}

@media screen and (max-width: 767px) {
  .column-single-con p {
    font-size: 14px;
  }
}

.column-single-con p a {
  color: #c30d23;
  text-decoration: underline;
}

.column-single-con p a:hover {
  text-decoration: none;
}

.column-single-con .wp-caption-text {
  display: block;
  font-size: 12px;
  color: #5c5c5c;
  margin-top: 0.5em;
}

@media screen and (max-width: 767px) {
  .column-single-con .wp-caption-text {
    font-size: 11px;
  }
}

.column-single-con table {
  margin-bottom: 40px;
}

.column-single-con table th, .column-single-con table td {
  border: 1px solid #ccc;
  padding: 15px 20px;
}

@media screen and (min-width: 768px) {
  .column-single-con table th, .column-single-con table td {
    height: 70px;
  }
}

@media screen and (max-width: 767px) {
  .column-single-con table th, .column-single-con table td {
    padding: 10px;
  }
}

.column-single-con table th h4, .column-single-con table td h4 {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .column-single-con table th h4, .column-single-con table td h4 {
    font-size: 12px;
  }
}

.column-single-con table th p, .column-single-con table td p {
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .column-single-con table th p, .column-single-con table td p {
    font-size: 12px;
  }
}

.column-single-con table th > *:first-child, .column-single-con table td > *:first-child {
  margin-top: 0;
}

.column-single-con table th > *:last-child, .column-single-con table td > *:last-child {
  margin-bottom: 0;
}

.column-single-con table th {
  text-align: left;
  background-color: #f1f1f1;
  font-weight: bold;
  vertical-align: middle;
}

.column-single-conKv {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .column-single-conKv {
    margin-bottom: 20px;
  }
}

.column-single-conLead {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .column-single-conLead {
    margin-bottom: 20px;
  }
}

.column-single-conLead p {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .column-single-conLead p {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) {
  .column-single-conImgTxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
  }
  .column-single-conImgTxt:nth-child(2n+1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .column-single-conImgTxtImg {
    width: 50%;
  }
}

.column-single-conImgTxt:nth-child(2n+1) .column-single-conImgTxtImg .wp-caption-text {
  text-align: right;
}

.column-single-conImgTxtImg p {
  position: relative;
}

.column-single-conImgTxtImg p::before {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  top: -10px;
  right: 30%;
  bottom: 50%;
  background-color: #c30d23;
}

.column-single-conImgTxtImg p img {
  position: relative;
}

.column-single-conImgTxt:nth-child(2n+1) .column-single-conImgTxtImg p::before {
  left: 30%;
  top: -10px;
  right: -10px;
  bottom: 50%;
}

@media screen and (min-width: 768px) {
  .column-single-conImgTxtTxt {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .column-single-conCols2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    margin: 50px 0;
  }
}

@media screen and (min-width: 768px) {
  .column-single-conCols2.-line {
    position: relative;
    gap: 80px;
  }
  .column-single-conCols2.-line::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ccc;
  }
}

@media screen and (min-width: 768px) {
  .column-single-conCols2Col {
    width: 50%;
  }
  .column-single-conCols2Col > *:first-child {
    margin-top: 0;
  }
  .column-single-conCols2Col > *:last-child {
    margin-bottom: 0;
  }
}

.column-single-conLabels {
  margin-bottom: 40px;
}

.column-single-conLabelsCols {
  border-bottom: 1px solid #ccc;
  padding: 25px 0;
}

@media screen and (max-width: 767px) {
  .column-single-conLabelsCols {
    padding: 15px 0;
  }
}

.column-single-conLabelsCols:first-child {
  border-top: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .column-single-conLabelsCols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.column-single-conLabelsLabel {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .column-single-conLabelsLabel {
    width: 220px;
    text-align: center;
    margin-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .column-single-conLabelsLabel {
    margin-bottom: 10px;
  }
}

.column-single-conLabelsLabel > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .column-single-conLabelsTxt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.column-single-conLabelsTxt > *:last-child {
  margin-bottom: 0;
}

.column-single-conSImgTxt {
  margin-bottom: 40px;
}

.column-single-conSImgTxtCols {
  border-bottom: 1px solid #ccc;
}

.column-single-conSImgTxtCols:first-child {
  border-top: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .column-single-conSImgTxtCols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.column-single-conSImgTxtImg {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .column-single-conSImgTxtImg {
    width: 270px;
    margin-right: 60px;
  }
  .column-single-conSImgTxtImg > *:first-child {
    margin-top: 0;
  }
  .column-single-conSImgTxtImg > *:last-child {
    margin-bottom: 0;
  }
}

.column-single-conSImgTxtImg img {
  width: 200px;
}

.column-single-conSImgTxtTxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (min-width: 768px) {
  .column-single-conSImgTxtTxt {
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .column-single-conSImgTxtTxt > *:first-child {
    margin-top: 0;
  }
  .column-single-conSImgTxtTxt > *:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .column-single-conSImgTxtTxt {
    padding-bottom: 10px;
  }
}

.column-single-conSImgTxtTxt p {
  font-size: 14px;
  margin-bottom: .5em;
}

.column-single-conSImgTxtCrecit p {
  font-size: 12px;
  margin-top: 1em;
  text-align: right;
}

.column-single-conTImgTxt {
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .column-single-conTImgTxtItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
  }
  .column-single-conTImgTxtItems::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ccc;
  }
}

.column-single-conTImgTxtItem {
  border-bottom: 1px solid #ccc;
  padding: 20px 40px 30px 40px;
}

@media screen and (max-width: 767px) {
  .column-single-conTImgTxtItem {
    padding: 10px 0 15px 0;
  }
}

.column-single-conTImgTxtItem:first-child {
  border-top: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .column-single-conTImgTxtItem {
    width: 50%;
  }
  .column-single-conTImgTxtItem:nth-child(2) {
    border-top: 1px solid #ccc;
  }
}

.column-single-conTImgTxtImg {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .column-single-conTImgTxtImg > *:first-child {
    margin-top: 0;
  }
  .column-single-conTImgTxtImg > *:last-child {
    margin-bottom: 0;
  }
}

.column-single-conTImgTxtImg img {
  width: 260px;
}

@media screen and (max-width: 767px) {
  .column-single-conTImgTxtImg img {
    width: 220px;
  }
}

@media screen and (min-width: 768px) {
  .column-single-conTImgTxtTxt > *:first-child {
    margin-top: 0;
  }
  .column-single-conTImgTxtTxt > *:last-child {
    margin-bottom: 0;
  }
}

.column-single-conTImgTxtTxt p {
  font-size: 14px;
  margin-bottom: .5em;
}

.column-single-conTImgTxtCrecit p {
  font-size: 12px;
  margin-top: 1em;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .column-single-conTImgTxtCrecit p {
    font-size: 11px;
  }
}

.column-single-conRelated {
  margin-top: 100px;
  padding: 30px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 767px) {
  .column-single-conRelated {
    margin-top: 50px;
    padding: 20px 15px;
  }
}

.column-single-conRelated h2 {
  margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
  .column-single-conRelated h2 {
    margin-bottom: 15px;
  }
}

.column-single-conRelated hr {
  border-top: 3px solid #c30d23;
  margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
  .column-single-conRelated hr {
    margin-bottom: 15px;
  }
}

.column-single-conRelatedSlider {
  margin: 0 -8px;
}

.column-single-conRelatedSlider.-arrowsSm .slick-prev {
  left: 9px;
  top: 62px;
}

.column-single-conRelatedSlider.-arrowsSm .slick-next {
  right: 9px;
  top: 62px;
}

.column-single-conRelatedPost {
  width: 228px;
  margin: 0 9px;
}

@media screen and (max-width: 767px) {
  .column-single-conRelatedPost {
    width: 200px;
  }
}

.column-single-conRelatedPost a {
  display: block;
}

.column-single-conRelatedPostThumb {
  position: relative;
  margin-bottom: 13px;
}

.column-single-conRelatedPostThumb span {
  position: relative;
  display: block;
  padding-top: 55.4645%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.column-single-conRelatedPostMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.column-single-conRelatedPostDate {
  font-weight: 500;
  font-size: 12px;
  color: #999;
  text-align: right;
  margin-top: 10px;
}

.column-single-conRelatedPostDate::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-image: url(../img/icon/time.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  top: 3px;
}

.column-single-conRelatedPostCat span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin: 0 10px 10px 0;
  color: #c30d23;
}

.column-single-conRelatedPostCat span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 17px;
  background: url(../img/icon/bookmark.png) no-repeat center center;
  background-size: contain;
}

.column-single-conRelatedPostTtl {
  margin-top: .2em;
  margin-bottom: 0.3em;
  font-size: 15px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .column-single-conRelatedPost a:hover .column-single-conRelatedPostTtl {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .column-single-conRelatedPostTtl {
    font-size: 13px;
  }
}

.column-single-conRelatedPostTxt {
  font-size: 13px;
  line-height: 1.75;
  color: #5c5c5c;
}

@media screen and (max-width: 767px) {
  .column-single-conRelatedPostTxt {
    font-size: 12px;
  }
}

.column-single-conBack {
  margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .column-single-conBack {
    margin-top: 50px;
  }
}

.column-single-conBack p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.column-single-conBack p a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 280px;
  height: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #c30d23;
  border: 2px solid #c30d23;
  border-radius: 50px;
  position: relative;
}

.column-single-conBack p a::before {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  width: 7px;
  height: 7px;
  font-size: 18px;
  border-top: 1px solid #c30d23;
  border-right: 1px solid #c30d23;
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}

.column-side-inner {
  padding-top: 75px;
  width: 310px;
}

@media screen and (max-width: 767px) {
  .column-side-inner {
    width: 100%;
    padding: 0 20px 100px;
  }
}

.column-side-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 18px;
  border-bottom: #c30d23 solid 3px;
}

@media screen and (max-width: 767px) {
  .column-side-heading {
    font-size: 16px;
    padding-bottom: 15px;
    border-bottom: #c30d23 solid 2px;
  }
}

.column-side-headingLogo {
  width: 38px;
}

@media screen and (max-width: 767px) {
  .column-side-headingLogo {
    width: 28px;
  }
}

.column-side-posts {
  margin-top: 30px;
}

.column-side-post {
  margin-bottom: 20px;
}

.column-side-post a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.column-side-post a:hover .column-side-postTitle {
  text-decoration: underline;
}

.column-side-postThumb {
  width: 37.5%;
}

.column-side-postThumb span {
  display: block;
  padding-top: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.column-side-postDescription {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.column-side-postDate {
  color: #999;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .column-side-postDate {
    font-size: 14px;
  }
}

.column-side-postTitle {
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .column-side-postTitle {
    margin-top: 10px;
    font-size: 14px;
  }
}

/* --------------------------------
[サンプルコード]
-----------------------------------
    白文字が太いとき
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

    画像文字を縮小してぼやけるとき
    backface-visibility;
    -webkit-backface-visibility;

    自動カーニング
    font-feature-settings : 'palt';

    両端揃え
    text-align: justify;
    text-justify: inter-ideograph;

    クリアーフィックス
    .clearfix {zoom: 1;}
    .clearfix:after {
      content: "";
      display: block;
      clear: both;
    }

    スマホ画像切り替え
    <picture>
      <source media="(max-width:767px)" srcset="image_sp.jpg">
      <img src="image.jpg" alt="">
    </picture>

    ダミー画像 GIF形式（39bytes）
    <img src="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7" alt="" height="1" width="1">

    Noto Sans JP
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">

    Noto Serif JP
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">

-------------------------------- */

/*# sourceMappingURL=styles.css.map */