@charset "UTF-8";
/* Scss Document */
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
お問い合わせ
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */
.introTxt {
  line-height: 2.0; }

.telNum {
  margin: 30px 0 0;
  font-size: 80px;
  font-family: "Crimson Text", serif;
  font-weight: 700;
  color: #92ab23;
  line-height: 1.0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  transition: 0.1s linear; }
  .telNum img {
    margin: 0 20px 0 0; }

.system {
  width: 100%;
  margin: 60px 0 0;
  padding: 40px 50px;
  border-top: 1px solid #1e120a;
  border-bottom: 1px solid #1e120a;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .system__title {
    position: absolute;
    top: -23px;
    left: 0; }
  .system__dl {
    margin: 0;
    padding: 0 400px 0 0; }
  .system__dt {
    margin: 0 0 20px;
    padding: 0;
    font-size: 24px;
    font-weight: 700; }
  .system__dd {
    margin: 0;
    padding: 0; }
    .system__dd p {
      color: #c8152d;
      font-size: 18px;
      line-height: 2.0; }
  .system__image {
    position: absolute;
    top: -21px;
    right: 0; }

.time {
  margin: 80px 0 0;
  padding: 0;
  border: 1px solid #1e120a; }
  .time__dt {
    margin: 0;
    padding: 7px 35px;
    color: #FFF;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
    display: inline-block;
    background-color: #1e120a; }
    .time__dt span {
      padding: 0 0 0 18px;
      position: relative; }
      .time__dt span::before {
        content: '';
        width: 10px;
        height: 10px;
        background-color: #FFF;
        position: absolute;
        top: 8px;
        left: 0; }
  .time__dd {
    margin: 0;
    padding: 0 0 30px; }
    .time__dd--list {
      margin: 0;
      padding: 20px 30px;
      list-style: none; }
    .time__dd--item {
      margin: 0 0 10px;
      padding: 0 0 0 12px;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      position: relative; }
      .time__dd--item::before {
        content: '';
        width: 6px;
        height: 6px;
        background-color: #1e120a;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 11px;
        left: 0; }
      .time__dd--item:last-of-type {
        margin: 0; }
      .time__dd--item span {
        color: #c8152d;
        font-size: 18px;
        font-weight: 700; }
    .time__dd--txt {
      margin: 0 0 0 30px;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif; }

@media (max-width: 1230px) {
  .system__dd p br {
    display: none; } }
@media (max-width: 1000px) {
  .system__dl {
    padding: 0 0 180px; }
  .system__image {
    top: auto;
    right: auto;
    position: absolute;
    bottom: 0;
    left: 0; } }
@media (max-width: 700px) {
  .telNum {
    font-size: 60px; }
    .telNum img {
      margin: 0 10px 0 0; } }
@media (max-width: 600px) {
  .system {
    padding: 30px 20px; }

  .time__dt {
    padding: 7px 20px; }
  .time__dd--list {
    padding: 20px; } }
@media (max-width: 420px) {
  .telNum {
    font-size: 40px; }
    .telNum img {
      width: 30px;
      height: 24px;
      margin: 0 10px 0 0; }

  .system__image {
    width: 100%;
    height: auto; } }
