@charset "UTF-8";
/*===============================
scss 変数ファイル
================================*/
/*
カラー
================================*/
/*
メディアクエリ
================================*/
#short .short__back {
 position: relative;
 height: 200px;
 background: #006ab6;
 margin-top: 65.06px;
}
@media screen and (min-width: 640px) {
 #short .short__back {
  margin-top: 85.06px;
  height: 300px;
  background-size: 200% auto;
 }
}
@media screen and (min-width: 768px) {
 #short .short__back {
  height: 350px;
 }
}
@media screen and (min-width: 1024px) {
 #short .short__back {
  background-size: 150% auto;
 }
}
#short .short__back__inner {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 padding: 30px 0;
 background-color: #fff;
 width: 85%;
 margin: auto;
 text-align: center;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
  rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
 border-radius: 5px;
 max-width: 500px;
}
@media screen and (min-width: 640px) {
 #short .short__back__inner {
  padding: 50px 0;
 }
}
#short .short__back__inner--heading {
 color: #006ab6;
 font-size: 2.4rem;
}
@media screen and (min-width: 640px) {
 #short .short__back__inner--heading {
  font-size: 2.8rem;
 }
}
@media screen and (min-width: 768px) {
 #short .short__back__inner--heading {
  font-size: 3.2rem;
 }
}
@media screen and (min-width: 1024px) {
 #short .short__back__inner--heading {
  font-size: 3.6rem;
 }
}
#short .short__back__inner--subHeading {
 font-weight: 900;
 margin-top: 5px;
 font-size: 2rem;
}
@media screen and (min-width: 640px) {
 #short .short__back__inner--subHeading {
  margin-top: 8px;
 }
}
@media screen and (min-width: 768px) {
 #short .short__back__inner--subHeading {
  font-size: 2.4rem;
 }
}
@media screen and (min-width: 1024px) {
 #short .short__back__inner--subHeading {
  margin-top: 10px;
  font-size: 2.8rem;
 }
}

@media screen and (min-width: 640px) {
 #short .p_short__container .layout-flex {
  display: flex;
 }
}
@media screen and (min-width: 640px) {
 #short .p_short__container .layout-flex .heading-style1 {
  margin-right: 50px;
 }
}
@media screen and (min-width: 768px) {
 #short .p_short__container .layout-flex .heading-style1 {
  margin-right: 80px;
 }
}
@media screen and (min-width: 1024px) {
 #short .p_short__container .layout-flex .heading-style1 {
  writing-mode: horizontal-tb;
  margin-right: 100px;
 }
}
@media screen and (min-width: 640px) {
 #short .p_short__container__overview__list {
  flex: 1;
  transform: translateY(-3px);
 }
}
@media screen and (min-width: 768px) {
 #short .p_short__container__overview__list dl {
  display: flex;
 }
}
#short .p_short__container__overview__list dl:not(:first-child) {
 margin-top: 40px;
}
@media screen and (min-width: 768px) {
 #short .p_short__container__overview__list dl:not(:first-child) {
  margin-top: 50px;
 }
}
#short .p_short__container__overview__list dl dt,
#short .p_short__container__overview__list dl dd {
 line-height: 1.6em;
}
#short .p_short__container__overview__list dl dt {
 font-weight: bold;
}
@media screen and (min-width: 768px) {
 #short .p_short__container__overview__list dl dt {
  width: 100%;
  margin-right: 50px;
 }
}
@media screen and (min-width: 1024px) {
 #short .p_short__container__overview__list dl dt {
  margin-right: 80px;
 }
}
#short .p_short__container__overview__list dl dd {
 margin-top: 10px;
}
@media screen and (min-width: 768px) {
 #short .p_short__container__overview__list dl dd {
  margin-top: 0;
  flex: 1;
 }
}
#short .p_short__container__overview__list dl dd .short_thumb,
#short .p_short__container__overview__list dl dd .gmap {
 margin-top: 15px;
}
@media screen and (min-width: 768px) {
 #short .p_short__container__overview__list dl dd .short_thumb,
 #short .p_short__container__overview__list dl dd .gmap {
  margin-top: 20px;
 }
}
#short .p_short__container__overview__list dl dd .gmap {
 position: relative;
}
#short .p_short__container__overview__list dl dd .gmap img {
 display: block;
}
#short .p_short__container__overview__list dl dd .gmap__btn {
 position: absolute;
 bottom: 10px;
 right: 0;
}
@media screen and (min-width: 768px) {
 #short .p_short__container__overview__list dl dd .gmap__btn {
  bottom: 15px;
 }
}
#short .p_short__container__overview__list dl dd .gmap__btn a {
 background: #006ab6;
 font-weight: bold;
 padding: 10px 15px;
 color: #fff;
}
@media screen and (min-width: 768px) {
 #short .p_short__container__overview__list dl dd .gmap__btn a {
  padding: 15px 20px;
 }
}
#short .p_short__container__overview__list dl dd ul li:not(:first-child) {
 margin-top: 10px;
}
#short .p_short__container__client__list {
 display: flex;
 flex-wrap: wrap;
}
@media screen and (min-width: 640px) {
 #short .p_short__container__client__list {
  flex: 1;
 }
}
#short .p_short__container__client__list .item {
 width: calc(50% - 10px);
 margin-right: 20px;
}
@media screen and (min-width: 640px) {
 #short .p_short__container__client__list .item {
  width: calc(20% - 16px);
 }
}
#short .p_short__container__client__list .item:nth-child(2n) {
 margin-right: 0;
}
@media screen and (min-width: 640px) {
 #short .p_short__container__client__list .item:nth-child(2n) {
  margin-right: 20px;
 }
}
@media screen and (min-width: 640px) {
 #short .p_short__container__client__list .item:nth-child(5n) {
  margin-right: 0;
 }
}
#short .p_short__container__client__list .item img {
 width: 100%;
}