@charset "UTF-8";
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
/*	layout
------------------------------------ */
/*	font-size  cmn
------------------------------------ */
/*	com parts  PC
------------------------------------ */
.sns-none {
  display: none !important;
}

.over {
  overflow: hidden;
}

.spxs-only {
  display: none;
}
@media screen and (max-width: 390px) {
  .spxs-only {
    display: inherit;
  }
}

.com-ib {
  display: inline-block;
}

.f26 {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .f26 {
    font-size: 1.5rem;
  }
}

.pre {
  white-space: pre-line;
}

.com-anchor {
  scroll-margin-top: 120px; /* ヘッダーの高さ分 */
}

.nowrap {
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .nowrap {
    white-space: nowrap;
  }
}
.no-sb {
  margin: 50px auto 0;
}

@media screen and (min-width: 768px) {
  .com-txt-box p:nth-of-type(n+2) {
    margin-top: 35px;
  }
}
.com-txt .border {
  padding-bottom: 5px;
  border-bottom: 1px solid #aeaeae;
}

.marker {
  position: relative;
  z-index: 1;
}
.marker::before {
  display: block;
  width: 100%;
  height: 14px;
  background: rgba(113, 186, 47, 0.3);
  border-radius: 5.5px;
  position: absolute;
  bottom: -5px;
  left: 0;
  z-index: -1;
  content: "";
}

.clamp1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.clamp2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.clamp3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.clamp4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

@media screen and (min-width: 768px) {
  .com-pd {
    padding: 130px 0;
  }
}

.com-noimage {
  background: url(../img/top/logo.png) no-repeat center rgba(0, 0, 0, 0.1);
  background-size: clamp(48px, 65%, 209px);
}

/*  共通パーツ
------------------------------------ */
.com-box {
  border: 6px solid #000000;
  background: #fff;
}
.com-box02 {
  border-radius: 2px;
  outline: 2px solid #fff;
  border: 5px solid #000000;
}

.com-bg01 {
  background: #000000;
}
.com-bg02 {
  background: url(../img/about/concept-bg.png) no-repeat center bottom;
}
@media screen and (min-width: 1921px) {
  .com-bg02 {
    background-size: 100%;
  }
}

.com-info {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.com-info > li:nth-of-type(2) {
  margin-left: 14px;
}
.com-info > li:nth-of-type(n+3) {
  margin-left: 24px;
}
.com-info-btn {
  display: flex;
  width: 200px;
  height: 50px;
  border-radius: 999px;
  text-align: center;
  box-shadow: 0 4px #000000;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .com-info-btn {
    font-size: 1.5rem;
  }
}
.com-info-btn {
  letter-spacing: 0.08em;
  color: #fff;
  justify-content: center;
  align-items: center;
  transform: translateY(0);
}
@media screen and (min-width: 768px) {
  .com-info-btn:hover {
    transform: translateY(4px);
    box-shadow: none;
  }
}
.com-info-contact {
  background: #f09600;
}
.com-info-contact::before {
  content: "";
  display: block;
  width: 18px;
  height: 11px;
  margin-right: 10px;
  background: url(../img/top/info-mail.png) no-repeat center/contain;
}
.com-info-line {
  background-color: #06c755;
}

.com-tel {
  padding-left: 44px;
  background: url(../img/top/info-tel.png) no-repeat left center;
  line-height: 1;
}
.com-tel-link {
  display: block;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .com-tel-link {
    font-size: 1.5rem;
  }
}
.com-tel-link {
  letter-spacing: 0.08em;
  color: #f09600;
}
@media screen and (min-width: 768px) and (max-width: 1364px) {
  .com-tel-link {
    font-size: 2.4rem;
  }
}
.com-tel-note {
  display: block;
}

.com-time {
  padding: 7px 13px;
  background: #000000;
  text-align: center;
  border-radius: 10px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
}

.news-post {
  width: 100%;
  max-width: 670px;
}
.news-post-item:first-of-type a {
  padding-top: 0;
}
.news-post-item:nth-of-type(n+2) {
  background-size: 12px 4px;
  background-image: linear-gradient(to right, #aeaeae, #aeaeae 4px, transparent 4px, transparent 12px);
  background-repeat: repeat-x;
  background-position: left top;
}
.news-post-link {
  display: block;
  padding: 18px 0 13px;
}
.news-post-time {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .news-post-time {
    font-size: 1.5rem;
  }
}
.news-post-time {
  letter-spacing: 0.15em;
  color: #000000;
  line-height: 1.4;
  flex-shrink: 0;
}
.news-post-tag {
  display: flex;
  margin-left: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  line-height: 1.3;
}
.news-post-tag-txt {
  margin: 0 5px 5px 0;
  padding: 2px 11px;
  border-radius: 13px;
  text-align: center;
  background: #000000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  color: #fff;
  line-height: 1.3;
}
.news-post-ttl {
  margin-top: 5px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .news-post-ttl {
    font-size: 1.5rem;
  }
}
.news-post-ttl {
  letter-spacing: 0.15em;
  line-height: 1.75;
}
.news-post-time, .news-post-tag-txt, .news-post-ttl {
  transition: all 0.3s ease;
}

.com-tag {
  padding: 60px 0;
  background: #000000;
}
.com-tag-list > li:nth-of-type(n+2) {
  margin-left: 78px;
}
.com-tag-item {
  width: 100%;
  max-width: 450px;
}
.com-tag-link {
  background-color: #fff;
  background-image: url(../img/other/arw.png);
  color: #000000;
}

/* =========================================

  main layout  all

========================================= */
/* top-check  PC
------------------------------------ */
#top-check {
  background: url(../img/top/check-bg.png) no-repeat center bottom/100%;
}
#top-check .check-link {
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #top-check .check-link:hover .check-read {
    background-position-x: calc(100% - 17px);
  }
}
#top-check .check-box {
  margin: -40px auto 0;
  padding-top: 48px;
  border: 8px solid #000000;
  background: url(../img/ptn/ptn02.png);
  position: relative;
}
#top-check .check-box::before {
  content: "";
  display: block;
  width: 416px;
  height: 414px;
  background: url(../img/top/check-img.png) no-repeat left bottom/contain;
  position: absolute;
  left: 0;
  bottom: 0;
}
#top-check .check-ttl {
  display: inline-block;
  margin: auto;
  padding: 0 27px;
  border: 4px solid #fff;
  background-color: #000000;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  #top-check .check-ttl {
    font-size: 1.6rem;
  }
}
#top-check .check-ttl {
  letter-spacing: 0.04em;
  color: #fff;
  position: relative;
  z-index: 10;
}
#top-check .check-ttl-lg {
  margin: 13px auto 0;
  position: relative;
}
#top-check .check-shape {
  display: inline-block;
  padding: 0 39px;
  background: url(../img/top/check-ttl-l.png) no-repeat left center, url(../img/top/check-ttl-r.png) no-repeat right center;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  #top-check .check-shape {
    font-size: 1.5rem;
  }
}
#top-check .check-shape {
  letter-spacing: 0.04em;
  line-height: 1.2;
}
#top-check .check-read {
  margin: 32px auto 0;
  padding-right: 65px;
  text-align: right;
  background: url(../img/top/check-arw.png) no-repeat calc(100% - 22px) center #000000;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  #top-check .check-read {
    font-size: 1.5rem;
  }
}
#top-check .check-read {
  letter-spacing: 0.04em;
  color: #fff;
  transition: all 0.3s ease;
}

#chart {
  margin: auto !important;
  padding: 57px 69px 70px;
}
#chart::before {
  content: none !important;
}
#chart .chart_question_title {
  padding: 15px 30px;
  background: #000000;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  #chart .chart_question_title {
    font-size: 1.5rem;
  }
}
#chart .chart_question_title {
  letter-spacing: 0.04em;
  color: #fff;
  position: relative;
}
#chart .chart_question_title .question_title_icon {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 999px;
  background: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  #chart .chart_question_title .question_title_icon {
    font-size: 2rem;
  }
}
#chart .chart_question_title .question_title_icon {
  color: #000000;
  letter-spacing: 0;
  line-height: 47px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
#chart .chart_question_title .question_title_text {
  width: 100%;
  display: block;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  #chart .chart_question_title .question_title_text {
    font-size: 1.5rem;
  }
}
#chart .chart_question_title .question_title_text {
  letter-spacing: 0.04em;
  line-height: 1.6;
}
#chart .chart_question_inner {
  margin: 50px auto 0;
}
#chart .chart_question_button_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #chart .chart_question_button_list > li:nth-of-type(2n) {
    margin-left: 30px;
  }
  #chart .chart_question_button_list > li:nth-of-type(n+3) {
    margin-top: 30px;
  }
}
#chart .chart_question_button_item {
  width: 100%;
  max-width: 380px;
  text-align: center;
}
#chart .chart_question_button_item a {
  height: 60px;
  background: #f09600;
  display: grid;
  place-content: center;
  border-radius: 999px;
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  #chart .chart_question_button_item a {
    font-size: 1.5rem;
  }
}
#chart .chart_question_button_item a {
  line-height: 1.54;
}
#chart .chart_back_button {
  display: block;
  width: 250px;
  height: 60px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #chart .chart_back_button {
    padding-right: 15px;
  }
}
#chart .chart_back_button {
  background: url(../img/top/com-btn-arw.png) no-repeat calc(100% - 15px) center/20px #000000;
  border-radius: 999px;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  #chart .chart_back_button {
    font-size: 1.5rem;
  }
}
#chart .chart_back_button {
  letter-spacing: 0.15em;
  color: #fff;
  line-height: 60px;
}
#chart .chart_back_button_wrp {
  margin: 50px auto 0;
}
#chart .chart_result_title {
  text-align: center;
}
#chart .chart_result_title_icon {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 7rem;
}
@media screen and (max-width: 768px) {
  #chart .chart_result_title_icon {
    font-size: 3.5rem;
  }
}
#chart .chart_result_title_icon {
  letter-spacing: 0.04em;
  color: #fff;
  line-height: 1;
  text-shadow: rgb(0, 0, 0) 10px 0px 0px, rgb(0, 0, 0) 9.95004px 0.998334px 0px, rgb(0, 0, 0) 9.80067px 1.98669px 0px, rgb(0, 0, 0) 9.55336px 2.9552px 0px, rgb(0, 0, 0) 9.21061px 3.89418px 0px, rgb(0, 0, 0) 8.77583px 4.79426px 0px, rgb(0, 0, 0) 8.25336px 5.64642px 0px, rgb(0, 0, 0) 7.64842px 6.44218px 0px, rgb(0, 0, 0) 6.96707px 7.17356px 0px, rgb(0, 0, 0) 6.2161px 7.83327px 0px, rgb(0, 0, 0) 5.40302px 8.41471px 0px, rgb(0, 0, 0) 4.53596px 8.91207px 0px, rgb(0, 0, 0) 3.62358px 9.32039px 0px, rgb(0, 0, 0) 2.67499px 9.63558px 0px, rgb(0, 0, 0) 1.69967px 9.8545px 0px, rgb(0, 0, 0) 0.707372px 9.97495px 0px, rgb(0, 0, 0) -0.291995px 9.99574px 0px, rgb(0, 0, 0) -1.28844px 9.91665px 0px, rgb(0, 0, 0) -2.27202px 9.73848px 0px, rgb(0, 0, 0) -3.2329px 9.463px 0px, rgb(0, 0, 0) -4.16147px 9.09297px 0px, rgb(0, 0, 0) -5.04846px 8.63209px 0px, rgb(0, 0, 0) -5.88501px 8.08496px 0px, rgb(0, 0, 0) -6.66276px 7.45705px 0px, rgb(0, 0, 0) -7.37394px 6.75463px 0px, rgb(0, 0, 0) -8.01144px 5.98472px 0px, rgb(0, 0, 0) -8.56889px 5.15501px 0px, rgb(0, 0, 0) -9.04072px 4.2738px 0px, rgb(0, 0, 0) -9.42222px 3.34988px 0px, rgb(0, 0, 0) -9.70958px 2.39249px 0px, rgb(0, 0, 0) -9.89993px 1.4112px 0px, rgb(0, 0, 0) -9.99135px 0.415807px 0px, rgb(0, 0, 0) -9.98295px -0.583741px 0px, rgb(0, 0, 0) -9.8748px -1.57746px 0px, rgb(0, 0, 0) -9.66798px -2.55541px 0px, rgb(0, 0, 0) -9.36457px -3.50783px 0px, rgb(0, 0, 0) -8.96758px -4.4252px 0px, rgb(0, 0, 0) -8.481px -5.29836px 0px, rgb(0, 0, 0) -7.90968px -6.11858px 0px, rgb(0, 0, 0) -7.25932px -6.87766px 0px, rgb(0, 0, 0) -6.53644px -7.56803px 0px, rgb(0, 0, 0) -5.74824px -8.18277px 0px, rgb(0, 0, 0) -4.90261px -8.71576px 0px, rgb(0, 0, 0) -4.00799px -9.16166px 0px, rgb(0, 0, 0) -3.07333px -9.51602px 0px, rgb(0, 0, 0) -2.10796px -9.7753px 0px, rgb(0, 0, 0) -1.12153px -9.93691px 0px, rgb(0, 0, 0) -0.123887px -9.99923px 0px, rgb(0, 0, 0) 0.87499px -9.96165px 0px, rgb(0, 0, 0) 1.86512px -9.82453px 0px, rgb(0, 0, 0) 2.83662px -9.58924px 0px, rgb(0, 0, 0) 3.77978px -9.25815px 0px, rgb(0, 0, 0) 4.68517px -8.83455px 0px, rgb(0, 0, 0) 5.54374px -8.32267px 0px, rgb(0, 0, 0) 6.34693px -7.72764px 0px, rgb(0, 0, 0) 7.0867px -7.0554px 0px, rgb(0, 0, 0) 7.75566px -6.31267px 0px, rgb(0, 0, 0) 8.34713px -5.50686px 0px, rgb(0, 0, 0) 8.8552px -4.64602px 0px, rgb(0, 0, 0) 9.27478px -3.73877px 0px, rgb(0, 0, 0) 9.6017px -2.79415px 0px, rgb(0, 0, 0) 9.83268px -1.82162px 0px, rgb(0, 0, 0) 9.96542px -0.830894px 0px;
}
#chart .chart_result_title_main {
  display: block;
  margin: 30px auto 0;
  padding: 15px 30px;
  background: #000000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  #chart .chart_result_title_main {
    font-size: 1.5rem;
  }
}
#chart .chart_result_title_main {
  letter-spacing: 0.04em;
  line-height: 1.5;
  color: #fff;
}
#chart .chart_result_inner {
  display: flex;
  max-width: 925px;
  margin: 44px auto 0;
  justify-content: space-between;
  align-items: flex-start;
}
#chart .chart_result_inner_content {
  width: 100%;
  max-width: 440px;
}
#chart .chart_result_inner_content p {
  white-space: pre-line;
}
#chart .chart_result_img {
  width: 420px;
  height: 0;
  padding-top: 320px;
  position: relative;
}
#chart .chart_result_button_list {
  display: flex;
  margin: 40px auto 0;
  justify-content: center;
}
#chart .chart_result_button_list li {
  width: 100%;
  max-width: 450px;
}
#chart .chart_result_button_list li:nth-of-type(n+2) {
  margin-left: 25px;
}
#chart .chart_result_button_list li:nth-of-type(n+2) a {
  background-color: #fcac00;
}

/* top-about  PC
------------------------------------ */
#top-about {
  background: url(../img/top/about-l.png) no-repeat left bottom/27.2%, url(../img/top/about-r.png) no-repeat right bottom/27%;
}
@media screen and (min-width: 768px) and (max-width: 1322px) {
  #top-about {
    background-size: 22.2%, 22%;
  }
}
#top-about .about-ttl {
  text-align: center;
}
#top-about .about-ttl .en {
  max-width: 738px;
  margin: auto;
  padding: 7px;
  background: #000000;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  #top-about .about-ttl .en {
    font-size: 1.5rem;
  }
}
#top-about .about-ttl .en {
  letter-spacing: 0.04em;
  color: #fff;
  line-height: 1;
}
#top-about .about-ttl .ja {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 7.1rem;
}
@media screen and (max-width: 768px) {
  #top-about .about-ttl .ja {
    font-size: 3.55rem;
  }
}
#top-about .about-ttl .ja {
  letter-spacing: 0.04em;
  color: #000000;
  line-height: 1.4;
}
#top-about .about-ttl .ac {
  display: inline-block;
  background: #dddddd;
  line-height: 1.1;
}
#top-about .about-ttl .lg01 {
  font-size: 7.8rem;
}
@media screen and (max-width: 768px) {
  #top-about .about-ttl .lg01 {
    font-size: 3.9rem;
  }
}
#top-about .about-ttl .lg02 {
  font-size: 9.2rem;
}
@media screen and (max-width: 768px) {
  #top-about .about-ttl .lg02 {
    font-size: 4.6rem;
  }
}
#top-about .about-ttl .lg02 {
  line-height: 1;
}
#top-about .about-txt-box {
  margin: 50px auto 0;
}
@media screen and (min-width: 768px) {
  #top-about .about-txt-box {
    text-align: center;
  }
}

/* top-reason  PC
------------------------------------ */
#top-reason {
  background: url(../img/top/reason-bg.jpg) no-repeat center bottom;
}
@media screen and (min-width: 768px) {
  #top-reason {
    background-size: 100%;
  }
}
#top-reason .reason-box {
  padding: 60px 0 72px;
  border: 6px solid #000000;
  background: #fff;
  text-align: center;
}
#top-reason .reason-ttl {
  display: inline-block;
  padding: 6px 70px 0;
  background: url(../img/top/reason-l.png) no-repeat left bottom, url(../img/top/reason-r.png) no-repeat right bottom;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 7rem;
}
@media screen and (max-width: 768px) {
  #top-reason .reason-ttl {
    font-size: 3.5rem;
  }
}
#top-reason .reason-ttl {
  letter-spacing: 0.04em;
  color: #fff;
  line-height: 1;
  text-shadow: rgb(0, 0, 0) 10px 0px 0px, rgb(0, 0, 0) 9.95004px 0.998334px 0px, rgb(0, 0, 0) 9.80067px 1.98669px 0px, rgb(0, 0, 0) 9.55336px 2.9552px 0px, rgb(0, 0, 0) 9.21061px 3.89418px 0px, rgb(0, 0, 0) 8.77583px 4.79426px 0px, rgb(0, 0, 0) 8.25336px 5.64642px 0px, rgb(0, 0, 0) 7.64842px 6.44218px 0px, rgb(0, 0, 0) 6.96707px 7.17356px 0px, rgb(0, 0, 0) 6.2161px 7.83327px 0px, rgb(0, 0, 0) 5.40302px 8.41471px 0px, rgb(0, 0, 0) 4.53596px 8.91207px 0px, rgb(0, 0, 0) 3.62358px 9.32039px 0px, rgb(0, 0, 0) 2.67499px 9.63558px 0px, rgb(0, 0, 0) 1.69967px 9.8545px 0px, rgb(0, 0, 0) 0.707372px 9.97495px 0px, rgb(0, 0, 0) -0.291995px 9.99574px 0px, rgb(0, 0, 0) -1.28844px 9.91665px 0px, rgb(0, 0, 0) -2.27202px 9.73848px 0px, rgb(0, 0, 0) -3.2329px 9.463px 0px, rgb(0, 0, 0) -4.16147px 9.09297px 0px, rgb(0, 0, 0) -5.04846px 8.63209px 0px, rgb(0, 0, 0) -5.88501px 8.08496px 0px, rgb(0, 0, 0) -6.66276px 7.45705px 0px, rgb(0, 0, 0) -7.37394px 6.75463px 0px, rgb(0, 0, 0) -8.01144px 5.98472px 0px, rgb(0, 0, 0) -8.56889px 5.15501px 0px, rgb(0, 0, 0) -9.04072px 4.2738px 0px, rgb(0, 0, 0) -9.42222px 3.34988px 0px, rgb(0, 0, 0) -9.70958px 2.39249px 0px, rgb(0, 0, 0) -9.89993px 1.4112px 0px, rgb(0, 0, 0) -9.99135px 0.415807px 0px, rgb(0, 0, 0) -9.98295px -0.583741px 0px, rgb(0, 0, 0) -9.8748px -1.57746px 0px, rgb(0, 0, 0) -9.66798px -2.55541px 0px, rgb(0, 0, 0) -9.36457px -3.50783px 0px, rgb(0, 0, 0) -8.96758px -4.4252px 0px, rgb(0, 0, 0) -8.481px -5.29836px 0px, rgb(0, 0, 0) -7.90968px -6.11858px 0px, rgb(0, 0, 0) -7.25932px -6.87766px 0px, rgb(0, 0, 0) -6.53644px -7.56803px 0px, rgb(0, 0, 0) -5.74824px -8.18277px 0px, rgb(0, 0, 0) -4.90261px -8.71576px 0px, rgb(0, 0, 0) -4.00799px -9.16166px 0px, rgb(0, 0, 0) -3.07333px -9.51602px 0px, rgb(0, 0, 0) -2.10796px -9.7753px 0px, rgb(0, 0, 0) -1.12153px -9.93691px 0px, rgb(0, 0, 0) -0.123887px -9.99923px 0px, rgb(0, 0, 0) 0.87499px -9.96165px 0px, rgb(0, 0, 0) 1.86512px -9.82453px 0px, rgb(0, 0, 0) 2.83662px -9.58924px 0px, rgb(0, 0, 0) 3.77978px -9.25815px 0px, rgb(0, 0, 0) 4.68517px -8.83455px 0px, rgb(0, 0, 0) 5.54374px -8.32267px 0px, rgb(0, 0, 0) 6.34693px -7.72764px 0px, rgb(0, 0, 0) 7.0867px -7.0554px 0px, rgb(0, 0, 0) 7.75566px -6.31267px 0px, rgb(0, 0, 0) 8.34713px -5.50686px 0px, rgb(0, 0, 0) 8.8552px -4.64602px 0px, rgb(0, 0, 0) 9.27478px -3.73877px 0px, rgb(0, 0, 0) 9.6017px -2.79415px 0px, rgb(0, 0, 0) 9.83268px -1.82162px 0px, rgb(0, 0, 0) 9.96542px -0.830894px 0px;
}
#top-reason .reason-list {
  width: 95%;
  max-width: 1400px;
  margin: -48px auto 0;
  padding: 75px 10px 55px;
  background: #eeeeee;
}
#top-reason .reason-list-item {
  width: 100%;
  max-width: 250px;
  text-align: center;
}
#top-reason .reason-list-item:nth-of-type(n+2) {
  margin-left: 26px;
}
#top-reason .reason-list-ttl {
  margin: 29px auto 0;
  padding: 13px 0;
  border: 5px solid #000000;
  background: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  #top-reason .reason-list-ttl {
    font-size: 1.5rem;
  }
}
#top-reason .reason-list-ttl {
  letter-spacing: 0.04em;
  color: #000000;
  line-height: 1.33;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  #top-reason .reason-list-ttl {
    font-size: 2.1rem;
  }
}
#top-reason .reason-list-ttl::before {
  content: "";
  display: block;
  width: 24px;
  height: 25px;
  margin: auto;
  background: url(../img/top/reason-arw.png) no-repeat center/contain;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
}
#top-reason .reason-btn {
  margin: -51px auto 0;
}

/* top-service  PC
------------------------------------ */
#top-service {
  background: url(../img/top/service-bg.png) no-repeat center/cover;
}
#top-service .service-inner {
  max-width: 1920px;
}
#top-service .service-list {
  margin: 37px auto 0;
}
#top-service .service-list-item {
  width: 28.125%;
}
#top-service .service-list-item:nth-of-type(n+2) {
  margin-left: 2.5%;
}
#top-service .service-list-link {
  display: block;
  padding: 120px 0;
  border: 6px solid #000000;
  border-radius: 25px;
  box-shadow: 10px 10px #000000;
  transform: translate(0, 0);
}
@media screen and (min-width: 768px) {
  #top-service .service-list-link:hover {
    transform: translate(10px, 10px);
    box-shadow: none;
    opacity: 1;
  }
}
#top-service .service-list-link01 {
  background: url(../img/top/service-img01.jpg) no-repeat center/cover;
}
#top-service .service-list-link02 {
  background: url(../img/top/service-img02.jpg) no-repeat center/cover;
}
#top-service .service-list-link03 {
  background: url(../img/top/service-img03.jpg) no-repeat center/cover;
}
#top-service .service-list-btn {
  width: 85.1%;
  margin: auto;
  font-size: clamp(20px, 2.08vw, 40px);
}
@media screen and (max-width: 1708px) {
  #top-service .service-list-btn {
    font-size: 1.8vw;
    background-size: 22px;
    background-position-x: calc(100% - 15px);
  }
}
#top-service .service-list-btn {
  color: #000000;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-shadow: rgb(255, 255, 255) 6px 0px 0px, rgb(255, 255, 255) 5.91686px 0.995377px 0px, rgb(255, 255, 255) 5.66974px 1.96317px 0px, rgb(255, 255, 255) 5.2655px 2.87655px 0px, rgb(255, 255, 255) 4.71532px 3.71022px 0px, rgb(255, 255, 255) 4.03447px 4.44106px 0px, rgb(255, 255, 255) 3.24181px 5.04883px 0px, rgb(255, 255, 255) 2.35931px 5.51667px 0px, rgb(255, 255, 255) 1.41143px 5.83163px 0px, rgb(255, 255, 255) 0.424423px 5.98497px 0px, rgb(255, 255, 255) -0.574341px 5.97245px 0px, rgb(255, 255, 255) -1.55719px 5.79441px 0px, rgb(255, 255, 255) -2.49688px 5.45578px 0px, rgb(255, 255, 255) -3.36738px 4.96596px 0px, rgb(255, 255, 255) -4.14455px 4.33852px 0px, rgb(255, 255, 255) -4.80686px 3.59083px 0px, rgb(255, 255, 255) -5.33596px 2.74364px 0px, rgb(255, 255, 255) -5.71718px 1.8204px 0px, rgb(255, 255, 255) -5.93995px 0.84672px 0px, rgb(255, 255, 255) -5.99811px -0.150428px 0px, rgb(255, 255, 255) -5.89004px -1.14341px 0px, rgb(255, 255, 255) -5.61874px -2.1047px 0px, rgb(255, 255, 255) -5.19172px -3.00766px 0px, rgb(255, 255, 255) -4.62082px -3.82727px 0px, rgb(255, 255, 255) -3.92186px -4.54081px 0px, rgb(255, 255, 255) -3.11421px -5.12852px 0px, rgb(255, 255, 255) -2.22026px -5.57409px 0px, rgb(255, 255, 255) -1.26477px -5.86518px 0px, rgb(255, 255, 255) -0.274238px -5.99373px 0px, rgb(255, 255, 255) 0.723898px -5.95617px 0px, rgb(255, 255, 255) 1.70197px -5.75355px 0px, rgb(255, 255, 255) 2.63288px -5.39147px 0px, rgb(255, 255, 255) 3.49082px -4.87998px 0px, rgb(255, 255, 255) 4.25202px -4.23324px 0px, rgb(255, 255, 255) 4.89538px -3.46919px 0px, rgb(255, 255, 255) 5.40307px -2.60899px 0px, rgb(255, 255, 255) 5.76102px -1.67649px 0px, rgb(255, 255, 255) 5.95932px -0.697531px 0px;
  pointer-events: none;
}

/* top-flow  PC
------------------------------------ */
#top-flow .flow-list {
  margin: 60px auto 0;
}
#top-flow .flow-list-item {
  width: 100%;
  max-width: 322px;
  padding-bottom: 20px;
  background: #fff;
  border-radius: 2px;
  outline: 2px solid #fff;
  border: 5px solid #000000;
}
@media screen and (min-width: 768px) {
  #top-flow .flow-list-item:not(#top-flow .flow-list-item:nth-of-type(3n-2)) {
    margin-left: 50px;
    position: relative;
  }
  #top-flow .flow-list-item:not(#top-flow .flow-list-item:nth-of-type(3n-2))::before {
    content: "";
    display: block;
    width: 23px;
    height: 95px;
    background: url(../img/top/flow-arw.png) no-repeat center/contain;
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
  }
  #top-flow .flow-list-item:nth-of-type(n+4) {
    margin-top: 40px;
  }
}
#top-flow .flow-list-step {
  width: 144px;
  height: 40px;
  text-align: center;
  background: #000000;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  #top-flow .flow-list-step {
    font-size: 1.5rem;
  }
}
#top-flow .flow-list-step {
  letter-spacing: 0.04em;
  color: #fff;
  line-height: 35px;
  position: relative;
  z-index: 1;
}
#top-flow .flow-list-ico {
  margin: -10px auto 0;
  text-align: center;
}
#top-flow .flow-list-ttl {
  max-width: 270px;
  margin: 15px auto 0;
  padding-bottom: 17px;
  background: url(../img/top/flow-border.png) no-repeat left bottom;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  #top-flow .flow-list-ttl {
    font-size: 1.5rem;
  }
}
#top-flow .flow-list-ttl {
  letter-spacing: 0.04em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  #top-flow .flow-list-ttl {
    white-space: nowrap;
  }
}
#top-flow .flow-list-txt {
  max-width: 270px;
  margin: 13px auto 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  #top-flow .flow-list-txt {
    font-size: 1.5rem;
  }
}
#top-flow .flow-list-txt {
  letter-spacing: 0.04em;
  line-height: 1.89;
}
#top-flow .flow-list-note {
  margin: 55px auto 0;
  text-align: center;
  color: #fff;
}

/* top-news  PC
------------------------------------ */
#top-news {
  background: url(../img/ptn/ptn.png);
}
#top-news .news-inner {
  position: relative;
}
#top-news .news-ttl {
  position: absolute;
  top: -69px;
  left: 0;
  pointer-events: none;
}
#top-news .news-box {
  margin: auto;
  padding: 43px 41px 35px 131px;
  background: url(../img/top/news-bg.png) no-repeat right top/cover;
  position: relative;
}
#top-news .news-box::before {
  content: "";
  display: block;
  width: 308px;
  height: 214px;
  background: url(../img/top/news-img.png) no-repeat left bottom/contain;
  position: absolute;
  left: 11px;
  bottom: -60px;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #top-news .news-box {
    width: 1087px;
    height: 342px;
  }
}
#top-news .news-left {
  padding-top: 79px;
}
#top-news .news-btn {
  padding: 5px 52px 5px 0;
  background: url(../img/top/news-btn.png) no-repeat calc(100% - 10px) center;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  #top-news .news-btn {
    font-size: 1.5rem;
  }
}
#top-news .news-btn {
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #top-news .news-btn:hover {
    background-position-x: 100%;
  }
}

/* =========================================

  sub layout  all

========================================= */
/* about  PC
------------------------------------ */
#about .concept-bg {
  background: url(../img/about/concept-img-l.png) no-repeat left calc(100% - 97px)/31.5%, url(../img/about/concept-img-r.png) no-repeat right calc(100% - 97px)/31.5%;
}
@media screen and (min-width: 768px) and (max-width: 1656px) {
  #about .concept-bg {
    background-size: 25%;
  }
}
#about .concept-box {
  width: 100%;
  max-width: 1048px;
  margin: 47px auto 0;
  padding: 13px 40px 30px 215px;
  border: 8px solid #000000;
  background: url(../img/about/concept-logo.png) no-repeat 40px center #ededed;
}
#about .concept-box-ttl {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 6.2rem;
}
@media screen and (max-width: 768px) {
  #about .concept-box-ttl {
    font-size: 3.1rem;
  }
}
#about .concept-box-ttl {
  letter-spacing: 0.04em;
  line-height: 1.3;
}
#about .concept-box-txt {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  #about .concept-box-txt {
    font-size: 1.6rem;
  }
}
#about .concept-box-txt {
  letter-spacing: 0.04em;
  line-height: 1.2;
}
#about .concept-txt-box {
  margin: 47px auto 0;
}
@media screen and (min-width: 768px) {
  #about .concept-txt-box {
    text-align: center;
  }
}
#about .reason-list {
  margin: 35px auto 0;
}
#about .reason-list-item {
  width: 100%;
  max-width: 520px;
}
@media screen and (min-width: 768px) {
  #about .reason-list-item:nth-of-type(n+3) {
    margin-top: 32px;
  }
}
#about .reason-list-num {
  text-align: center;
  position: relative;
}
#about .reason-list-num img {
  position: relative;
  left: -17px;
}
@media screen and (min-width: 768px) {
  #about .reason-list-box {
    height: 482px;
  }
}
#about .reason-list-box {
  margin: -82px auto 0;
  padding: 85px 32px 0;
  outline: 2px solid #fff;
  border: 5px solid #000000;
  background: #fff;
}
#about .reason-list-txt {
  margin: 7px auto 0;
}
#about .greeting {
  background: url(../img/about/greeting-bg.png) no-repeat center/cover;
}
#about .greeting-flx {
  margin: 42px auto 0;
}
#about .greeting-img {
  position: relative;
}
#about .greeting-img img {
  border: 6px solid #000000;
  box-shadow: 10px 10px #000000;
}
#about .greeting-name {
  display: inline-block;
  padding: 5px 20px;
  background: #000000;
  text-align: center;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  #about .greeting-name {
    font-size: 1.5rem;
  }
}
#about .greeting-name {
  letter-spacing: 0.04em;
  color: #fff;
  line-height: 1.2;
  position: absolute;
  left: 0;
  bottom: 0;
}
#about .greeting-txt-box {
  width: 100%;
  max-width: 680px;
}
#about .company-box {
  margin: 50px auto 0;
  padding: 30px 46px;
}

/* management_shutter  PC
------------------------------------ */
.com-about {
  background-image: url(../img/management_shutter/about-bg.png);
  position: relative;
}
.com-about .about-img {
  position: absolute;
  top: 132px;
  right: calc(50% - 931px);
}
.com-about .about-txt-box {
  margin-top: 35px;
}
@media screen and (min-width: 768px) {
  .com-about .about-txt-box {
    max-width: 696px;
  }
}

.com-ex .ex-list {
  margin: 60px auto 0;
  outline: 2px solid #fff;
  padding: 30px 62px;
  background: #fff;
  border: 5px solid #000000;
}
.com-ex .ex-list-item {
  width: 100%;
  padding-bottom: 17px;
  padding-left: 57px;
  background-size: 12px 4px;
  background-image: linear-gradient(to right, #aeaeae, #aeaeae 5px, transparent 5px, transparent 12px);
  background-repeat: repeat-x;
  background-position: left bottom;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .com-ex .ex-list-item {
    font-size: 1.5rem;
  }
}
.com-ex .ex-list-item {
  letter-spacing: 0.04em;
  color: #000000;
  line-height: 1.5;
  position: relative;
}
.com-ex .ex-list-item::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: url(../img/management_shutter/com-check.png) no-repeat left top/contain;
  position: absolute;
  left: 18px;
  top: -1px;
}
@media screen and (min-width: 768px) {
  .com-ex .ex-list-item {
    max-width: 450px;
  }
  .com-ex .ex-list-item:nth-of-type(n+3) {
    margin-top: 12px;
  }
  .com-ex .ex-list-item:nth-last-child(-n+2) {
    background: none;
    padding-bottom: 0;
  }
}

.com-case {
  background: url(../img/management_shutter/case-bg.png) no-repeat center/cover;
}
.com-case .ja {
  font-size: 5.6rem;
}
@media screen and (max-width: 768px) {
  .com-case .ja {
    font-size: 2.8rem;
  }
}
.com-case .case-txt {
  margin: 30px auto 0;
}
@media screen and (min-width: 768px) {
  .com-case .case-txt {
    text-align: center;
  }
}
.com-case .case-list {
  margin: 45px auto 0;
}
.com-case .case-list-item01 {
  max-width: 454px;
}
.com-case .case-list-item02 {
  max-width: 554px;
  position: relative;
}
.com-case .case-list-item02::before {
  content: "";
  width: 37px;
  height: 128px;
  background: url(../img/management_shutter/arw.png) no-repeat center/contain;
  position: absolute;
  left: -51px;
  top: 50%;
  transform: translateY(-50%);
}
.com-case .case-list-img {
  border: 6px solid #000000;
  position: relative;
}
.com-case .case-list-ttl {
  width: 180px;
  height: 42px;
  background: #000000;
  text-align: center;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .com-case .case-list-ttl {
    font-size: 1.5rem;
  }
}
.com-case .case-list-ttl {
  letter-spacing: 0.04em;
  color: #fff;
  line-height: 42px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.com-work .work-box {
  margin: 53px auto 0;
  padding: 27px 35px;
}
.com-work .work-box-list-item {
  padding: 3px;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .com-work .work-box-list-item {
    font-size: 1.5rem;
  }
}
.com-work .work-box-list-item {
  letter-spacing: 0.04em;
  color: #000000;
}
.com-work .work-box-list-item:nth-of-type(n+2) {
  margin: 12px auto 0;
}
.com-work .work-box-list-item:nth-of-type(2n-1) {
  background: #eaeaea;
}
.com-work .work-box-list-item:nth-of-type(2n) {
  background-color: #d4d4d4;
}
.com-work .work-box-note {
  margin: 15px auto 0;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .com-work .work-box-note {
    font-size: 1.5rem;
  }
}
.com-work .work-box-note {
  letter-spacing: 0.04em;
}

.com-area {
  background-color: #e9e9e9;
}
.com-area .area-box {
  margin: 50px auto 0;
  padding: 44px 70px 44px 390px;
  background: url(../img/management_shutter/area.png) no-repeat 35px 8px #ffffff;
}
.com-area .area-box-txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .com-area .area-box-txt {
    font-size: 1.5rem;
  }
}
.com-area .area-box-txt {
  letter-spacing: 0.04em;
  line-height: 1.88;
}

.com-bnr .bnr-list-item {
  width: 100%;
  max-width: 520px;
}
.com-bnr .bnr-list-link {
  display: block;
  padding: 81px 0;
}
.com-bnr .bnr-list-link01 {
  background: url(../img/management_shutter/price.jpg) no-repeat center/cover;
}
.com-bnr .bnr-list-link02 {
  background: url(../img/management_shutter/case.jpg) no-repeat center/cover;
}
.com-bnr .bnr-list-btn {
  max-width: 360px;
  height: 56px;
  margin: auto;
  line-height: 56px;
}

/* other  PC
------------------------------------ */
#other .com-about .about-img {
  top: auto;
  bottom: 134px;
}
#other .com-about .about-con {
  margin-top: 46px;
}
#other #anchor02 {
  background-image: url(../img/other/bg02.png);
}

/* news  PC
------------------------------------ */
#news .com-box {
  padding: 50px;
}
#news .com-news-ttl {
  font-size: 2.3rem;
}
@media screen and (max-width: 768px) {
  #news .com-news-ttl {
    font-size: 1.5rem;
  }
}
#news .detail-tag {
  margin: 30px 0 0;
}

/* site  PC
------------------------------------ */
#site .site-box {
  padding: 30px;
}/*# sourceMappingURL=all.css.map */