@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;
}

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

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

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

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

.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: 28px;
  }
}

.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 #ffffff;
  background-size: clamp(48px, 65%, 280px);
}

/*  共通パーツ
------------------------------------ */
.com-bg {
  background: url(../img/ptn.png);
}
.com-bg02 {
  background: url(../img/top/mission-bg.png) repeat-x center top, url(../img/top/blog-bg.png);
}

.com-futi {
  text-shadow: rgb(0, 0, 0) 4px 0px 0px, rgb(0, 0, 0) 3.87565px 0.989616px 0px, rgb(0, 0, 0) 3.51033px 1.9177px 0px, rgb(0, 0, 0) 2.92676px 2.72656px 0px, rgb(0, 0, 0) 2.16121px 3.36588px 0px, rgb(0, 0, 0) 1.26129px 3.79594px 0px, rgb(0, 0, 0) 0.282949px 3.98998px 0px, rgb(0, 0, 0) -0.712984px 3.93594px 0px, rgb(0, 0, 0) -1.66459px 3.63719px 0px, rgb(0, 0, 0) -2.51269px 3.11229px 0px, rgb(0, 0, 0) -3.20457px 2.39389px 0px, rgb(0, 0, 0) -3.69721px 1.52664px 0px, rgb(0, 0, 0) -3.95997px 0.56448px 0px, rgb(0, 0, 0) -3.97652px -0.432781px 0px, rgb(0, 0, 0) -3.74583px -1.40313px 0px, rgb(0, 0, 0) -3.28224px -2.28625px 0px, rgb(0, 0, 0) -2.61457px -3.02721px 0px, rgb(0, 0, 0) -1.78435px -3.57996px 0px, rgb(0, 0, 0) -0.843183px -3.91012px 0px, rgb(0, 0, 0) 0.150409px -3.99717px 0px, rgb(0, 0, 0) 1.13465px -3.8357px 0px, rgb(0, 0, 0) 2.04834px -3.43574px 0px, rgb(0, 0, 0) 2.83468px -2.82216px 0px, rgb(0, 0, 0) 3.44477px -2.03312px 0px, rgb(0, 0, 0) 3.84068px -1.11766px 0px, rgb(0, 0, 0) 3.9978px -0.132717px 0px;
}

.com-arw {
  display: flex;
  align-items: center;
  position: relative;
}
.com-arw::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-right: 10px;
  border-style: solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
  border-right: 0;
}
.com-arw-lg::before {
  margin-right: 24px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 20px solid white;
}
.com-arw-md::before {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 13px solid #fff;
}
.com-arw-black::before {
  border-left-color: #000000 !important;
}

.com-box {
  background: #000000;
  position: relative;
}
.com-box::before {
  content: "";
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  margin: auto;
  border: 6px solid #fff;
  border-radius: 9px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.com-box02 {
  background: #fff;
  border: 8px solid #000000;
  border-radius: 35px;
}
.com-box03 {
  margin: 50px auto 0;
  border-radius: 11px;
  background: #fff;
  border: 8px solid #2065f1;
  outline: 2px solid #000000;
}
.com-box03-bg {
  padding: 0 28px;
  border: 2px solid #000000;
}

.news-post {
  width: 100%;
}
.news-post-item:nth-of-type(n+2) {
  margin: 10px auto 0;
}
.news-post-link {
  display: block;
  padding: 33px 57px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .news-post-link:hover time, .news-post-link:hover li, .news-post-link:hover h4, .news-post-link:hover div {
    color: #fccf00 !important;
  }
  .news-post-link:hover .com-arw::before {
    border-left-color: #fccf00 !important;
  }
}
.news-post-flx {
  position: static;
  align-items: flex-start;
}
.news-post-flx::before {
  position: absolute;
  top: 38px;
  left: 40px;
}
.news-post-time, .news-post-tag-txt, .news-post-ttl {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .news-post-time, .news-post-tag-txt, .news-post-ttl {
    font-size: 1.5rem;
  }
}
.news-post-time, .news-post-tag-txt, .news-post-ttl {
  letter-spacing: 0;
  line-height: 1.2;
  color: #fff;
}
.news-post-time {
  display: block;
  margin-bottom: 18px;
  flex-shrink: 0;
}
.news-post-tag {
  display: flex;
  margin-left: 18px;
  flex-wrap: wrap;
  line-height: 1.1;
}
.news-post-tag-txt {
  margin: 0 18px 18px 0;
}
.news-post-time, .news-post-tag-txt, .news-post-ttl {
  transition: all 0 ease;
}

.com-tag {
  display: flex;
  margin-left: 25px;
  flex-wrap: wrap;
}
.com-tag-box {
  display: flex;
  margin: 50px auto 0;
  padding: 30px 30px 10px;
  align-items: flex-start;
  line-height: 1.3;
}
.com-tag-box-ttl {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .com-tag-box-ttl {
    font-size: 1.5rem;
  }
}
.com-tag-box-ttl {
  letter-spacing: 0.05em;
  color: #2065f1;
  flex-shrink: 0;
}
.com-tag-item {
  margin: 0 20px 20px 0;
}
.com-tag-link {
  padding: 10px 20px;
  background: #2065f1;
  border-radius: 5px;
  text-align: center;
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.1rem;
}
@media screen and (max-width: 768px) {
  .com-tag-link {
    font-size: 1.5rem;
  }
}
.com-tag-link {
  letter-spacing: 0;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .com-tag-link:hover {
    background-color: #fccf00;
    color: #000000;
  }
}

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

  main layout  all

========================================= */
/* top-about  PC
------------------------------------ */
#top-about {
  background: url(../img/top/mission-bg-illu.png) no-repeat calc(100% + 100px) calc(100% + 120px), url(../img/top/mission-bg.png) no-repeat center top/cover;
}
#top-about .about-box {
  padding: 70px;
  text-align: center;
}
#top-about .about-box-illu::before, #top-about .about-box-illu::after {
  content: "";
  display: block;
  position: absolute;
}
#top-about .about-box-illu::before {
  width: 211px;
  height: 320px;
  background: url(../img/top/mission-l.png) no-repeat left top/contain;
  left: -90px;
  top: 200px;
}
#top-about .about-box-illu::after {
  width: 164px;
  height: 148px;
  background: url(../img/top/mission-rt.png) no-repeat left top/contain;
  right: -35px;
  top: -70px;
}
#top-about .about-ttl {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 5.2rem;
}
@media screen and (max-width: 768px) {
  #top-about .about-ttl {
    font-size: 2.6rem;
  }
}
#top-about .about-ttl {
  letter-spacing: 0;
  color: #fff;
}
#top-about .about-txt {
  font-size: 2.1rem;
}
@media screen and (max-width: 768px) {
  #top-about .about-txt {
    font-size: 1.5rem;
  }
}
#top-about .about-txt {
  color: #fff;
}
#top-about .about-txt-box {
  margin: 43px auto 0;
}
#top-about .about-txt-box p:nth-of-type(n+2) {
  margin: 20px auto 0;
}
#top-about .about-txt-lg {
  margin-top: 30px !important;
  font-size: 3.8rem;
}
@media screen and (max-width: 768px) {
  #top-about .about-txt-lg {
    font-size: 1.9rem;
  }
}

/* top-mission  PC
------------------------------------ */
#top-mission::before {
  content: "";
  display: block;
  width: 100%;
  height: 90px;
  background: url(../img/top/mission-bg-line.png) repeat-x left top/cover;
}
#top-mission .mission-bg {
  background: url(../img/top/mission-bg02.png) no-repeat center bottom;
}
@media screen and (min-width: 1921px) {
  #top-mission .mission-bg {
    background-size: 100%;
  }
}
#top-mission .mission-box {
  margin: 57px auto 0;
  padding: 55px 0;
  text-align: center;
  background: url(../img/top/mission-box-ico.png) no-repeat 42px 33px, url(../img/top/mission-box-ico.png) no-repeat calc(100% - 42px) 33px, url(../img/top/mission-box-ico.png) no-repeat 32px calc(100% - 33px), url(../img/top/mission-box-ico.png) no-repeat calc(100% - 42px) calc(100% - 33px) #fff;
}
#top-mission .mission-box-list {
  max-width: 670px;
  margin: 47px auto 40px;
  padding: 40px 0 40px 100px;
}
#top-mission .mission-box-item:nth-of-type(n+2) {
  margin-top: 24px;
}
#top-mission .mission-box-ttl {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  #top-mission .mission-box-ttl {
    font-size: 1.5rem;
  }
}
#top-mission .mission-box-ttl {
  letter-spacing: 0.08em;
  color: #fff;
  line-height: 1.3;
}

/* top-play  PC
------------------------------------ */
#top-play {
  background: url(../img/top/player-bg.png) no-repeat center bottom #212e55;
}
@media screen and (min-width: 1921px) {
  #top-play {
    background-repeat: repeat-x;
  }
}
#top-play .play-box {
  padding-bottom: 40px;
  background: url(../img/top/player-rail.png) no-repeat center 71px;
  position: relative;
  z-index: 0;
}
#top-play .play-box::before, #top-play .play-box::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
#top-play .play-box::before {
  width: 243px;
  height: 336px;
  background: url(../img/top/player-l.png) no-repeat center/contain;
  left: 22px;
  top: -37px;
}
#top-play .play-box::after {
  width: 206px;
  height: 301px;
  background: url(../img/top/player-r.png) no-repeat center/contain;
  right: 57px;
  top: -37px;
}
#top-play .play-list {
  margin: 38px auto 0;
}
#top-play .play-list-item {
  display: flex;
  width: 49%;
  padding-top: 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
}
#top-play .play-list-item::before {
  content: "";
  width: 64px;
  height: 64px;
  margin: auto;
  background: url(../img/top/player-check.png) no-repeat center/contain;
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  #top-play .play-list-item {
    max-width: 250px;
    height: 250px;
  }
  #top-play .play-list-item:nth-of-type(n+2) {
    margin-left: 27px;
  }
}
#top-play .play-list-txt {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  #top-play .play-list-txt {
    font-size: 1.5rem;
  }
}
#top-play .play-list-txt {
  letter-spacing: 0.08em;
  color: #fff;
  line-height: 1.6;
}
#top-play .play-list-txt .ac01 {
  color: #f2ac4a;
}
#top-play .play-list-txt .ac02 {
  color: #7de887;
}

/* top-job  PC
------------------------------------ */
#top-job {
  background: url(../img/top/flow-bg-illu.png) no-repeat right bottom, url(../img/top/flow-bg.png) repeat-x center bottom;
}
#top-job .job-inner {
  position: relative;
}
#top-job .job-inner::before {
  content: "";
  width: 265px;
  height: 420px;
  background: url(../img/top/flow-illu.png) no-repeat center top/contain;
  position: absolute;
  top: 328px;
  right: -123px;
  z-index: 10;
}
#top-job .job-list {
  margin: 65px auto 0;
}
@media screen and (min-width: 768px) {
  #top-job .job-list {
    position: relative;
  }
  #top-job .job-list::before {
    content: "";
    width: 4px;
    height: 868px;
    margin: auto;
    background: #000000;
    position: absolute;
    left: 0;
    right: 0;
    top: 130px;
  }
}
#top-job .job-list-item {
  position: relative;
}
#top-job .job-list-item::before, #top-job .job-list-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#top-job .job-list-item::before {
  width: 40px;
  height: 4px;
  background-color: #000000;
}
#top-job .job-list-item::after {
  width: 42px;
  height: 42px;
  background: url(../img/top/flow-ico01.png) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  #top-job .job-list-item {
    max-width: 480px;
    min-height: 290px;
    padding: 42px;
  }
  #top-job .job-list-item:nth-of-type(n+2) {
    margin-top: -128px;
  }
  #top-job .job-list-item:nth-of-type(2n-1)::before {
    right: -40px;
  }
  #top-job .job-list-item:nth-of-type(2n-1)::after {
    right: -82px;
  }
  #top-job .job-list-item:nth-of-type(2n)::before {
    left: -40px;
  }
  #top-job .job-list-item:nth-of-type(2n)::after {
    left: -82px;
  }
}
#top-job .job-list-item {
  background: #cdcdcd;
  border: 2px solid #000000;
  border-radius: 23px;
}
#top-job .job-list-item:nth-of-type(2n) {
  margin-left: auto;
}
#top-job .job-list-item02::after {
  background-image: url(../img/top/flow-ico02.png);
}
#top-job .job-list-item03::after {
  background-image: url(../img/top/flow-ico03.png);
}
#top-job .job-list-item04::after {
  background-image: url(../img/top/flow-ico04.png);
}
#top-job .job-list-item05::after {
  background-image: url(../img/top/flow-ico05.png);
}
#top-job .job-list-item06::after {
  background-image: url(../img/top/flow-ico06.png);
}
#top-job .job-list-txt {
  margin-top: 20px;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  #top-job .job-list-txt {
    font-size: 1.5rem;
  }
}

/* top-staff  PC
------------------------------------ */
#top-staff .staff-ttl {
  margin-bottom: 87px;
}
#top-staff .staff-list-item {
  padding: 120px 0 127px;
}
#top-staff .staff-list-item:nth-of-type(n+2) {
  position: relative;
}
#top-staff .staff-list-item:nth-of-type(n+2)::before {
  content: "";
  display: block;
  width: 336px;
  height: 322px;
  margin: auto;
  position: absolute;
  top: -180px;
  left: 0;
  right: 0;
  z-index: 10;
}
#top-staff .staff-list-item01 {
  background: url(../img/top/level01.png) no-repeat right bottom, url(../img/top/staff-bg01.png) no-repeat center top/cover;
}
#top-staff .staff-list-item02 {
  background: url(../img/top/level02-03.png) no-repeat left bottom, url(../img/top/staff-bg02.png) no-repeat center top/cover;
}
#top-staff .staff-list-item02::before {
  background: url(../img/top/staff-dot01.png) no-repeat center/contain;
}
#top-staff .staff-list-item03 {
  background: url(../img/top/level04.png) no-repeat right bottom, url(../img/top/staff-bg03.png) no-repeat center top/cover;
}
#top-staff .staff-list-item03::before {
  background: url(../img/top/staff-dot02.png) no-repeat center/contain;
}
#top-staff .staff-list-box {
  max-width: 1280px;
  margin: auto;
  padding: 65px 105px 60px;
  position: relative;
}
#top-staff .staff-list-img {
  position: absolute;
  z-index: 20;
}
#top-staff .staff-list-img01 {
  top: -23px;
  left: -30px;
}
#top-staff .staff-list-img02 {
  top: -129px;
  right: -63px;
}
#top-staff .staff-list-img03 {
  top: -50px;
  left: -53px;
}
#top-staff .staff-list-con {
  max-width: 652px;
}
#top-staff .staff-list-con-r {
  margin-left: auto;
}
#top-staff .staff-list-year {
  display: flex;
  padding-left: 11px;
  padding-bottom: 19px;
  align-items: center;
  border-bottom: 2px solid #fff;
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 5rem;
}
@media screen and (max-width: 768px) {
  #top-staff .staff-list-year {
    font-size: 2.5rem;
  }
}
#top-staff .staff-list-year {
  letter-spacing: 0;
  line-height: 1;
}
#top-staff .staff-list-year .lv {
  margin-right: 28px;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  #top-staff .staff-list-year .lv {
    font-size: 1.5rem;
  }
}
#top-staff .staff-list-year .lv {
  color: #fff;
}
#top-staff .staff-list-year .lv::before {
  margin-right: 19px;
}
#top-staff .staff-list-year .ac01 {
  color: #fccf00;
}
#top-staff .staff-list-year .ac02 {
  color: #82d726;
}
#top-staff .staff-list-year .ac03 {
  color: #3fb3fe;
}
#top-staff .staff-list-ttl {
  height: 114px;
  margin-top: 34px;
  padding-top: 20px;
  text-align: center;
  border-radius: 23px;
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  #top-staff .staff-list-ttl {
    font-size: 1.6rem;
  }
}
#top-staff .staff-list-ttl {
  letter-spacing: 0;
  color: #000000;
  line-height: 1;
}
#top-staff .staff-list-ttl .md {
  font-size: 4.2rem;
}
@media screen and (max-width: 768px) {
  #top-staff .staff-list-ttl .md {
    font-size: 2.1rem;
  }
}
#top-staff .staff-list-ttl .lg {
  font-size: 6.2rem;
}
@media screen and (max-width: 768px) {
  #top-staff .staff-list-ttl .lg {
    font-size: 3.1rem;
  }
}
#top-staff .staff-list-ttl01 {
  background: url(../img/top/staff-price01.png) no-repeat center top/cover;
}
#top-staff .staff-list-ttl02 {
  background: url(../img/top/staff-price02.png) no-repeat center top/cover;
}
#top-staff .staff-list-ttl03 {
  background: url(../img/top/staff-price03.png) no-repeat center top/cover;
}
#top-staff .staff-list-txt {
  margin-top: 24px;
  color: #fff;
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  #top-staff .staff-list-txt {
    font-size: 1.5rem;
  }
}
#top-staff .staff-list-txt {
  letter-spacing: 0;
  line-height: 1.9;
}
#top-staff .staff-list-txt .lg {
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  #top-staff .staff-list-txt .lg {
    font-size: 1.6rem;
  }
}

/* top-item  PC
------------------------------------ */
#top-item {
  background: url(../img/top/item-illu.png) no-repeat calc(50% + 413px) calc(100% - 170px), url(../img/top/item-bg.png) repeat-x center bottom;
}
#top-item .item-list {
  margin: 64px auto 0;
}
@media screen and (min-width: 768px) {
  #top-item .item-list-item:not(:nth-of-type(3n-2)) {
    margin-left: 36px;
  }
  #top-item .item-list-item:nth-of-type(n+4) {
    margin-top: 37px;
  }
  #top-item .item-list-item:nth-of-type(5) {
    margin-right: 250px;
  }
  #top-item .item-list-item:nth-of-type(6) {
    margin-left: 0;
  }
  #top-item .item-list-item:nth-of-type(7) {
    margin-left: 36px;
  }
}

/* top-flow  PC
------------------------------------ */
#top-flow {
  background: url(../img/top/entry-bg-train.png) no-repeat right bottom, url(../img/top/recruit-bg.png) no-repeat center top #8befaf;
}
@media screen and (min-width: 1921px) {
  #top-flow {
    background-size: auto, 100%;
  }
}
#top-flow .flow-list {
  margin: 64px auto 0;
  position: relative;
}
#top-flow .flow-list::before, #top-flow .flow-list::after {
  content: "";
  display: block;
  position: absolute;
}
#top-flow .flow-list::before {
  width: 235px;
  height: 252px;
  background: url(../img/top/recruit-l.png) no-repeat left top/contain;
  left: -133px;
  top: -140px;
}
#top-flow .flow-list::after {
  width: 298px;
  height: 472px;
  background: url(../img/top/recruit-r.png) no-repeat left top/contain;
  right: -145px;
  top: -285px;
}
#top-flow .flow-list-item {
  width: 100%;
  max-width: 354px;
  height: 290px;
  padding: 36px 70px 0 35px;
  background: url(../img/top/recruit-box01.png) no-repeat left top/cover;
  border-radius: 23px;
}
#top-flow .flow-list-item02 {
  max-width: 320px;
  padding-right: 35px;
  background-image: url(../img/top/recruit-box02.png);
}
#top-flow .flow-list-ttl {
  text-align: center;
}
#top-flow .flow-list-ttl .en {
  color: #ffa95d;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  #top-flow .flow-list-ttl .en {
    font-size: 1.5rem;
  }
}
#top-flow .flow-list-ttl .ja {
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  #top-flow .flow-list-ttl .ja {
    font-size: 1.6rem;
  }
}
#top-flow .flow-list-txt {
  margin: 25px auto 0;
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  #top-flow .flow-list-txt {
    font-size: 1.5rem;
  }
}
#top-flow .flow-list-txt {
  letter-spacing: 0;
  color: #000000;
  line-height: 1.9;
}
#top-flow .entry {
  margin: 100px auto 0;
}
#top-flow .entry-box {
  margin: 60px auto 0;
  padding: 16px 28px 100px;
  border-radius: 10px;
  position: relative;
}
#top-flow .entry-box::before {
  content: "";
  width: 225px;
  height: 360px;
  background: url(../img/top/entry-illu.png) no-repeat left top/contain;
  position: absolute;
  left: -137px;
  bottom: -167px;
}
#top-flow .contact-form-table tr:nth-of-type(n+2) {
  border-top: 2px solid #000000;
}
#top-flow .contact-form-table th, #top-flow .contact-form-table td {
  padding: 18px;
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  #top-flow .contact-form-table th, #top-flow .contact-form-table td {
    font-size: 1.5rem;
  }
}
#top-flow .contact-form-table th, #top-flow .contact-form-table td {
  letter-spacing: 0;
  color: #000000;
  line-height: 1.9;
}
#top-flow .contact-form-table th {
  color: #2065f1;
}

/* top-blog  PC
------------------------------------ */
#top-blog {
  background: url(../img/top/blog-top.png) no-repeat right -551px, url(../img/top/blog-illu.png) no-repeat calc(50% - 584px) 20px, url(../img/top/blog-bottom.png) no-repeat left calc(100% + 405px), url(../img/top/blog-bg.png);
}
#top-blog .news-post {
  margin: 43px auto 0;
}
#top-blog .news-btn {
  margin: 76px auto 0;
}

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

  sub layout  all

========================================= */
/* blog  PC
------------------------------------ */
#blog .com-news-item:nth-of-type(n+2) {
  margin: 20px auto 0;
}
#blog .com-news-con {
  padding-left: 20px;
  position: relative;
}
#blog .com-news-txt {
  margin: 20px auto 0;
  color: #Fff;
}
#blog .news-post-link {
  padding: 50px;
}
#blog .news-post-flx::before {
  top: 6px;
  left: 0px;
}
#blog .news-post-ttl {
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  #blog .news-post-ttl {
    font-size: 1.5rem;
  }
}
#blog .news-post-txt {
  color: #fff;
}
#blog .detail-box {
  padding: 50px;
}
#blog .detail-ttl {
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  #blog .detail-ttl {
    font-size: 1.6rem;
  }
}
#blog .detail-ttl {
  line-height: 1.6;
}
#blog .detail-flx {
  margin: auto;
}

/* site  PC
------------------------------------ */
#site .site-box {
  padding: 50px;
}
#site .site-li:nth-of-type(n+2) {
  border-top: 2px solid #fff;
}
#site .site-link {
  color: #fff;
}/*# sourceMappingURL=all.css.map */