@charset "UTF-8";
/*********************************************/
/* Components alert */
/*********************************************/
.c-alert {
  padding: 15px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.c-alert.is-s {
  padding: 5px 10px;
  font-size: 0.875rem;
}
.c-alert.is-m {
  padding: 15px;
  font-size: 1rem;
}
.c-alert.is-l {
  padding: 15px;
  font-size: 1.3125rem;
}
.c-alert.is-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.c-alert.is-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.c-alert.is-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.c-alert.is-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.c-error {
  margin-top: 5px;
  padding: 5px 10px;
  border-radius: 5px;
  border: 2px solid #ffcfcf;
  background: #fff0f0;
  color: #ff0000;
}

.u-em,
.c-em {
  font-weight: bold;
  color: #ff6600;
}

/*********************************************/
/* Components button */
/*********************************************/
.c-btn {
  display: inline-block;
  text-align: center;
  background-color: #ffffff;
  padding: 10px 45px 10px 15px;
  line-height: 1.4;
  color: #333333;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 100ms 0s ease;
  transition: all 100ms 0s ease;
  font-weight: bold;
  border: none;
  position: relative;
}
.c-btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn:before {
    right: vw(20px);
    margin-top: vw(-5px);
    width: vw(10px);
    height: vw(10px);
    border-right: vw(1px) solid #333333;
    border-bottom: vw(1px) solid #333333;
  }
}
.c-btn:hover {
  color: #ffffff;
  background-color: #ed8537;
  text-decoration: none;
  position: relative;
}
.c-btn:hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn:hover:before {
    right: vw(20px);
    margin-top: vw(-5px);
    width: vw(10px);
    height: vw(10px);
    border-right: vw(1px) solid #ffffff;
    border-bottom: vw(1px) solid #ffffff;
  }
}
.c-btn.is-color {
  background-color: #f9f8f7;
}
.c-btn.is-color:hover {
  color: #ffffff;
  background-color: #ed8537;
  text-decoration: none;
  position: relative;
}
.c-btn.is-color:hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-color:hover:before {
    right: vw(20px);
    margin-top: vw(-5px);
    width: vw(10px);
    height: vw(10px);
    border-right: vw(1px) solid #ffffff;
    border-bottom: vw(1px) solid #ffffff;
  }
}
.c-btn.is-orange {
  color: #ffffff;
  background-color: #ed8537;
  position: relative;
}
.c-btn.is-orange:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-orange:before {
    right: vw(20px);
    margin-top: vw(-5px);
    width: vw(10px);
    height: vw(10px);
    border-right: vw(1px) solid #ffffff;
    border-bottom: vw(1px) solid #ffffff;
  }
}
.c-btn.is-orange:hover {
  background-color: #f9f8f7;
  color: #ed8537;
  position: relative;
}
.c-btn.is-orange:hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ed8537;
  border-bottom: 1px solid #ed8537;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-orange:hover:before {
    right: vw(20px);
    margin-top: vw(-5px);
    width: vw(10px);
    height: vw(10px);
    border-right: vw(1px) solid #ed8537;
    border-bottom: vw(1px) solid #ed8537;
  }
}

/***** ボタン 状態 *****/
.c-btn.is-primary {
  border-color: transparent;
  background: #ed8537;
  color: #ffffff;
  position: relative;
}
.c-btn.is-primary:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-primary:before {
    right: vw(20px);
    margin-top: vw(-5px);
    width: vw(10px);
    height: vw(10px);
    border-right: vw(1px) solid #ffffff;
    border-bottom: vw(1px) solid #ffffff;
  }
}
.c-btn.is-primary.is-no-arrow {
  position: relative;
}
.c-btn.is-primary.is-no-arrow:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 0px;
  margin-top: 0px;
  width: 0px;
  height: 0px;
  border-right: 0px solid #696969;
  border-bottom: 0px solid #696969;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-primary.is-no-arrow:before {
    left: vw(0px);
    margin-top: vw(0px);
    width: vw(0px);
    height: vw(0px);
    border-right: vw(0px) solid #696969;
    border-bottom: vw(0px) solid #696969;
  }
}
.c-btn.is-primary:hover {
  background: rgba(237, 133, 55, 0.9);
  color: #ffffff;
}
.c-btn.is-success {
  border-color: #398439;
  background: #449d44;
  color: #ffffff;
}
.c-btn.is-success:hover {
  background: #398439;
  color: #ffffff;
}
.c-btn.is-link {
  border-color: #ed8537;
  border-width: 1px;
  background: #ffffff;
  color: #ed8537;
  position: relative;
}
.c-btn.is-link:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ed8537;
  border-bottom: 1px solid #ed8537;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-link:before {
    right: vw(20px);
    margin-top: vw(-5px);
    width: vw(10px);
    height: vw(10px);
    border-right: vw(1px) solid #ed8537;
    border-bottom: vw(1px) solid #ed8537;
  }
}
.c-btn.is-link:hover {
  position: relative;
  background: #ed8537;
  color: #ffffff;
}
.c-btn.is-link:hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-link:hover:before {
    right: vw(20px);
    margin-top: vw(-5px);
    width: vw(10px);
    height: vw(10px);
    border-right: vw(1px) solid #ffffff;
    border-bottom: vw(1px) solid #ffffff;
  }
}
.c-btn.is-disable {
  border-color: #dddddd;
  background: #e5e5e5;
  color: #aaaaaa;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
}
.c-btn.is-disable:hover {
  margin: 0 2px 2px 0;
}
.c-btn.is-arrow {
  padding-right: 30px;
  position: relative;
}
.c-btn.is-arrow:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-arrow:before {
    right: vw(15px);
    margin-top: vw(-4px);
    width: vw(8px);
    height: vw(8px);
    border-right: vw(2px) solid #666666;
    border-bottom: vw(2px) solid #666666;
  }
}
.c-btn.is-arrow-bottom {
  padding-right: 30px;
  position: relative;
}
.c-btn.is-arrow-bottom:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-arrow-bottom:before {
    right: vw(12px);
    margin-top: vw(-4px);
    width: vw(8px);
    height: vw(8px);
    border-right: vw(2px) solid #666666;
    border-bottom: vw(2px) solid #666666;
  }
}
.c-btn.is-no-arrow {
  position: relative;
}
.c-btn.is-no-arrow:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 0px;
  margin-top: 0px;
  width: 0px;
  height: 0px;
  border-right: 0px solid #696969;
  border-bottom: 0px solid #696969;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-no-arrow:before {
    left: vw(0px);
    margin-top: vw(0px);
    width: vw(0px);
    height: vw(0px);
    border-right: vw(0px) solid #696969;
    border-bottom: vw(0px) solid #696969;
  }
}
.c-btn.is-back {
  padding: 10px 15px 10px 45px;
  color: #888888;
  position: relative;
}
.c-btn.is-back:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 20px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-back:before {
    left: vw(20px);
    margin-top: vw(-5px);
    width: vw(10px);
    height: vw(10px);
    border-right: vw(1px) solid #888888;
    border-bottom: vw(1px) solid #888888;
  }
}
.c-btn.is-back:hover {
  color: #ffffff;
  position: relative;
}
.c-btn.is-back:hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 20px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-back:hover:before {
    left: vw(20px);
    margin-top: vw(-5px);
    width: vw(10px);
    height: vw(10px);
    border-right: vw(1px) solid #ffffff;
    border-bottom: vw(1px) solid #ffffff;
  }
}
.c-btn.is-pdf {
  padding: 12px 45px;
}
.c-btn.is-form-send, .c-btn.is-form-back {
  min-width: 210px;
}

/***** ボタン サイズ *****/
.c-btn.is-s {
  padding: 4px 5px;
  font-size: 0.75rem;
}
.c-btn.is-m {
  padding: 11px 30px;
}
.c-btn.is-l {
  padding: 15px 30px;
  font-size: 1.125rem;
}
@media only screen and (max-width: 520px) {
  .c-btn.is-l {
    padding: 11px 30px;
    font-size: 1rem;
  }
}

/*********************************************/
/* Components card */
/*********************************************/
/*********************************************/
/* Components */
/*********************************************/
/*************** 汎用リスト ***************/
.c-card-list-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 520px) {
  .c-card-list-type {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.c-card-list-type__item {
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
}
@media only screen and (max-width: 520px) {
  .c-card-list-type__item {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
  }
}

.c-card-list-type__link {
  overflow: hidden;
  display: block;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-card-list-type__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.c-card-list-type__link:hover {
  text-decoration: none;
}

.c-card-list-type__img {
  --imgWidth: 540;
  --imgHeight: 360;
  --imgRatio: calc(var(--imgHeight) / var(--imgWidth));
  min-height: 205px;
}
@media only screen and (max-width: 520px) {
  .c-card-list-type__img {
    --containerWidth: calc(100vw - (15px * 2) - 20px);
    --imgShowHeight: calc(var(--containerWidth) * var(--imgRatio));
    min-height: var(--imgShowHeight);
  }
}

.c-card-list-type__txt {
  padding: 15px;
}

.c-card-list-type__ttl {
  margin-bottom: 15px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #000000;
}

.c-card-list-type__body {
  color: #333333;
}

/*************** カテゴリーリスト ***************/
/* カテゴリ用 */
.c-category-list-type01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 520px) {
  .c-category-list-type01 {
    display: block;
  }
}

.c-category-list-type01__item {
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 520px) {
  .c-category-list-type01__item {
    margin-bottom: 30px;
    width: auto;
  }
}

.c-category-list-type01__link {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-category-list-type01__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.c-category-list-type01__img {
  position: relative;
  margin-bottom: 10px;
  --imgWidth: 580;
  --imgHeight: 385;
  --imgRatio: calc(var(--imgHeight) / var(--imgWidth));
  min-height: 210px;
}
@media only screen and (max-width: 960px) {
  .c-category-list-type01__img {
    --containerWidth: calc((100vw - (15px * 4)) / 3);
    --imgShowHeight: calc(var(--containerWidth) * var(--imgRatio));
    min-height: auto;
  }
}
@media only screen and (max-width: 520px) {
  .c-category-list-type01__img {
    --containerWidth: calc(100vw - (15px * 2) - 20px);
    --imgShowHeight: calc(var(--containerWidth) * var(--imgRatio));
    min-height: var(--imgShowHeight);
  }
}

.c-category-list-type01__ttl {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  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;
  font-size: 1.875rem;
  letter-spacing: 5px;
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 520px) {
  .c-category-list-type01__ttl {
    font-size: 1.125rem;
  }
}

/* 内容用 */
.c-category-list-type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 520px) {
  .c-category-list-type02 {
    display: block;
  }
}

.c-category-list-type02__item {
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 520px) {
  .c-category-list-type02__item {
    margin-bottom: 30px;
    width: auto;
  }
}

.c-category-list-type02__link {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-category-list-type02__link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.c-category-list-type02__link:hover {
  text-decoration: none;
}

.c-category-list-type02__img {
  --imgWidth: 580;
  --imgHeight: 385;
  --imgRatio: calc(var(--imgHeight) / var(--imgWidth));
  min-height: 210px;
}
@media only screen and (max-width: 960px) {
  .c-category-list-type02__img {
    --containerWidth: calc((100vw - (15px * 4)) / 3);
    --imgShowHeight: calc(var(--containerWidth) * var(--imgRatio));
    min-height: auto;
  }
}
@media only screen and (max-width: 520px) {
  .c-category-list-type02__img {
    --containerWidth: calc(100vw - (15px * 2) - 20px);
    --imgShowHeight: calc(var(--containerWidth) * var(--imgRatio));
    min-height: var(--imgShowHeight);
  }
}

.c-category-list-type02-txt {
  position: relative;
  padding: 30px 15px;
  border: 1px solid #c7c7c7;
  background: #ffffff;
}

.c-category-list-type02-txt__ttl {
  margin-bottom: 15px;
  font-size: 1.125rem;
  color: #000000;
}

.c-category-list-type02-txt__category {
  position: absolute;
  top: -15px;
  right: -1px;
  padding: 5px 15px;
  min-width: 120px;
  background: #ed8537;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
}

.c-category-list-type02-txt__body {
  color: #333333;
}

/*********************************************/
/* Components */
/*********************************************/
/********** タイトルリスト **********/
.c-tile-list {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  margin-left: -5px;
  margin-right: -5px;
}
@media only screen and (max-width: 520px) {
  .c-tile-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

.c-tile-list__item {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  padding: 5px;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

/*************** メディア ***************/
/* メディア 01 */
.c-media-type01__img {
  margin-bottom: 30px;
}
@media only screen and (max-width: 520px) {
  .c-media-type01__img {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
  }
}

.c-media-type01__body {
  line-height: 1.8;
}

/* メディア 02 (画像左右) */
.c-media-type02-box:nth-child(even) .c-media-type02__txt {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-left: 0;
  margin-right: 60px;
  line-height: 1.8;
}
@media only screen and (max-width: 960px) {
  .c-media-type02-box:nth-child(even) .c-media-type02__txt {
    margin-right: 0;
  }
}

.c-media-type02-box {
  margin-bottom: 60px;
}
@media only screen and (max-width: 520px) {
  .c-media-type02-box {
    margin-bottom: 45px;
  }
}

.c-media-type02 {
  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 only screen and (max-width: 960px) {
  .c-media-type02 {
    display: block;
  }
}
.c-media-type02.is-no-image .c-media-type02__txt {
  margin-left: 0;
}

.c-media-type02__img {
  width: 435px;
}
@media only screen and (max-width: 960px) {
  .c-media-type02__img {
    margin: 0 auto;
    margin-bottom: 15px;
    max-width: 600px;
    width: auto;
  }
}

.c-media-type02__txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 60px;
  line-height: 1.8;
}
@media only screen and (max-width: 960px) {
  .c-media-type02__txt {
    margin-left: 0;
  }
}

.c-media-type02__body {
  line-height: 1.8;
}

/*************** 吹き出しボックス ***************/
.c-msg-box {
  padding: 15px;
  border-radius: 10px;
  background: #cccccc;
}

.c-msg-box.is-arrow-bottom {
  position: relative;
}
.c-msg-box.is-arrow-bottom:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  margin-left: -20px;
  left: 50%;
  width: 0px;
  height: 0px;
  border: solid transparent;
  border-top-color: #666666;
  border-width: 20px;
}
@media only screen and (max-width: 520px) {
  .c-msg-box.is-arrow-bottom:before {
    margin-left: vw(-20px);
    border-width: vw(20px);
  }
}

.c-msg-box.is-arrow-left {
  position: relative;
}
.c-msg-box.is-arrow-left:before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  margin-left: -10px;
  right: 100%;
  width: 0px;
  height: 0px;
  border: solid transparent;
  border-top-color: #666666;
  border-right-color: #666666;
  border-width: 10px;
}
@media only screen and (max-width: 520px) {
  .c-msg-box.is-arrow-left:before {
    margin-left: vw(-10px);
    border-width: vw(10px);
  }
}

/*************** ギャラリーリスト ***************/
.c-galley-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 520px) {
  .c-galley-list {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.c-galley-list__item {
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  width: 25%;
}
@media only screen and (max-width: 520px) {
  .c-galley-list__item {
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
  }
}

.c-galley-list__img figcaption {
  margin-top: 10px;
  font-size: 0.875rem;
}

/*************** 画像リスト ***************/
.c-img-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 520px) {
  .c-img-list {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.c-img-list__item {
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  width: 25%;
}
@media only screen and (max-width: 520px) {
  .c-img-list__item {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
  }
}

.c-img-list__img figcaption {
  margin-top: 5px;
  font-size: 0.875rem;
}

/*************** テキストリスト ***************/
.c-list__item {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #c7c7c7;
  font-size: 1.125rem;
  color: #000000;
}
@media only screen and (max-width: 520px) {
  .c-list__item {
    padding: 10px;
    font-size: 1.125rem;
  }
}
.c-list__item:first-child {
  border-top: 1px solid #c7c7c7;
}

/*************** フローリスト ***************/
.c-flow-list {
  counter-reset: item;
}

.c-flow-list__item {
  margin-bottom: 60px;
  padding: 30px 45px;
  border: 1px solid #c7c7c7;
  position: relative;
}
.c-flow-list__item:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + -5px);
  left: 50%;
  width: 30px;
  height: 30px;
  border-style: solid;
  border-color: transparent transparent #ed8537 #ed8537;
  border-width: 4px;
  -webkit-transform: rotate(-45deg) translateX(-50%);
      -ms-transform: rotate(-45deg) translateX(-50%);
          transform: rotate(-45deg) translateX(-50%);
}
@media only screen and (max-width: 520px) {
  .c-flow-list__item:before {
    top: calc(100% + vw(-5px));
    width: vw(30px);
    height: vw(30px);
    border-width: vw(4px);
  }
}
@media only screen and (max-width: 520px) {
  .c-flow-list__item {
    padding: 15px;
  }
}
.c-flow-list__item:last-child:before {
  content: none;
}
.c-flow-list__item.is-voice {
  position: relative;
  border: none;
  border-radius: 30px;
  background-color: #ececec;
}
.c-flow-list__item.is-voice:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -40px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 40px 20px;
  border-color: transparent transparent #ececec transparent;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  z-index: 2;
}

.c-flow-list__ttl {
  margin-bottom: 25px;
  font-size: 1.3125rem;
  font-weight: bold;
}
@media only screen and (max-width: 520px) {
  .c-flow-list__ttl {
    margin-bottom: 15px;
  }
}

.c-flow-list__ttl-step {
  display: inline-block;
  margin-right: 15px;
  padding: 3px 10px;
  font-size: 1rem;
  background: #ed8537;
  color: #ffffff;
  letter-spacing: 2px;
}
@media only screen and (max-width: 520px) {
  .c-flow-list__ttl-step {
    margin-bottom: 5px;
    font-size: 0.875rem;
  }
}
.c-flow-list__ttl-step:after {
  counter-increment: item;
  content: counter(item);
  margin-left: 5px;
  font-weight: bold;
}

@media only screen and (max-width: 520px) {
  .c-flow-list__ttl-txt {
    display: block;
  }
}

.c-flow-list__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 520px) {
  .c-flow-list__box {
    display: block;
  }
}

.c-flow-list__img {
  margin-right: 30px;
  width: 240px;
}
@media only screen and (max-width: 520px) {
  .c-flow-list__img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
}

.c-flow-list__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.8;
}

/*************** カラーリスト ***************/
.c-color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.c-color-list__item {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  width: 20%;
  font-size: 0.75rem;
}

.c-color-list__bg {
  margin-bottom: 10px;
  background: #cccccc;
  height: 90px;
}

.c-color-list__bg.is-main {
  background: #ed8537;
}

.c-color-list__bg.is-base {
  background: #ffffff;
}

.c-color-list__bg.is-accent {
  background: #f9f8f7;
}

.c-color-list__bg.is-danger {
  background: #ff0000;
}

.c-color-list__bg.is-warning {
  background: #8a6d3b;
}

.c-color-list__bg.is-success {
  background: #3c763d;
}

.c-color-list__bg.is-info {
  background: #31708f;
}

.c-color-list__bg.is-link {
  background: #007ae5;
}

.c-color-list__ttl {
  margin-bottom: 10px;
  font-weight: bold;
}

.c-color-list__body.is-main {
  color: #ed8537;
}

.c-color-list__body.is-base {
  color: #ffffff;
}

.c-color-list__body.is-accent {
  color: #f9f8f7;
}

.c-color-list__body.is-danger {
  color: #ff0000;
}

.c-color-list__body.is-warning {
  color: #8a6d3b;
}

.c-color-list__body.is-success {
  color: #3c763d;
}

.c-color-list__body.is-info {
  color: #31708f;
}

.c-color-list__body.is-link {
  color: #007ae5;
}

/*************** カテゴリーリスト ***************/
.c-contents-category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 520px) {
  .c-contents-category-list {
    display: block;
    margin-bottom: 45px;
  }
}

.c-contents-category-list__item {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 33.3333%;
}
@media only screen and (max-width: 520px) {
  .c-contents-category-list__item {
    width: auto;
    margin-bottom: 2px;
  }
}

.c-contents-category-list__link {
  display: block;
  padding: 12px;
  background: #fafafa;
  color: #333333;
  text-align: center;
}
@media only screen and (max-width: 520px) {
  .c-contents-category-list__link {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
  }
}
.c-contents-category-list__link:hover, .c-contents-category-list__link.is-on {
  background: #eeeeee;
  text-decoration: none;
}
.c-contents-category-list__link.is-page-link {
  position: relative;
}
.c-contents-category-list__link.is-page-link:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #777777;
  border-bottom: 1px solid #777777;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/***** カテゴリーリスト 02 *****/
.c-contents-category-type02-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 520px) {
  .c-contents-category-type02-list {
    display: block;
    margin-bottom: 45px;
  }
}

.c-contents-category-type02-list__item {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 33.3333%;
}
@media only screen and (max-width: 520px) {
  .c-contents-category-type02-list__item {
    width: auto;
    margin-bottom: 2px;
  }
}

.c-contents-category-type02-list__link {
  display: block;
  padding: 12px;
  border-radius: 5px;
  border: 1px solid #007ae5;
  background: #ffffff;
  color: #007ae5;
  text-align: center;
}
@media only screen and (max-width: 520px) {
  .c-contents-category-type02-list__link {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
  }
}
.c-contents-category-type02-list__link:hover {
  background: rgba(0, 122, 229, 0.8);
  color: #ffffff;
  text-decoration: none;
}
.c-contents-category-type02-list__link.is-on {
  background: #007ae5;
  color: #ffffff;
  text-decoration: none;
}

/***** カテゴリーリスト 03 *****/
.c-contents-category-type03-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 45px;
}
@media only screen and (max-width: 520px) {
  .c-contents-category-type03-list {
    display: block;
    margin-bottom: 45px;
  }
}

.c-contents-category-type03-list__item {
  border-right: 1px solid #c7c7c7;
  width: 33.3333%;
}
@media only screen and (max-width: 520px) {
  .c-contents-category-type03-list__item {
    margin-bottom: 1px;
    border-right: 0;
    border-bottom: 1px solid #c7c7c7;
    width: auto;
  }
}
.c-contents-category-type03-list__item:first-child {
  border-left: 1px solid #c7c7c7;
}
@media only screen and (max-width: 520px) {
  .c-contents-category-type03-list__item:first-child {
    border-top: 1px solid #c7c7c7;
    border-left: 0;
  }
}

.c-contents-category-type03-list__link {
  display: block;
  padding: 12px;
  background: #ffffff;
  color: #007ae5;
  text-align: center;
}
@media only screen and (max-width: 520px) {
  .c-contents-category-type03-list__link {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
  }
}
.c-contents-category-type03-list__link:hover {
  background: rgba(0, 122, 229, 0.8);
  color: #ffffff;
  text-decoration: none;
}
.c-contents-category-type03-list__link.is-on {
  background: #007ae5;
  color: #ffffff;
  text-decoration: none;
}

/***** タブメニュー *****/
.c-tab-navi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-tab-navi-list__item {
  margin-right: 5px;
}

.c-tab-navi-list__btn {
  padding: 10px 15px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: #ffffff;
  text-align: center;
}
.c-tab-navi-list__btn.is-active, .c-tab-navi-list__btn[aria-selected=true] {
  background: #ed8537;
  color: #ffffff;
}
.c-tab-navi-list__btn:hover {
  background: rgba(237, 133, 55, 0.8);
  color: #ffffff;
}

.c-tab-contents {
  padding: 15px;
  border: 1px solid #cccccc;
}

.c-tab-contents-box {
  display: none;
  opacity: 1;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.c-tab-contents-box.is-active {
  display: block;
}
.c-tab-contents-box.is-fadeout {
  opacity: 0;
}
.c-tab-contents-box.is-fadein {
  opacity: 1;
}

.c-tab-contents__item[aria-hidden=true] {
  display: none;
}

/***** ドロップダウンメニュー *****/
.c-dropdown-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-dropdown-list__item {
  position: relative;
  margin-right: 5px;
}

.c-dropdown-list__btn {
  display: block;
  padding: 10px 20px;
  border: 1px solid #007ae5;
  border-radius: 5px;
  font-size: 1rem;
  background: #f5f5f5;
  color: #007ae5;
  text-decoration: none;
}

.c-dropdown-child-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000;
  width: 100%;
  border-radius: 5px;
  background: #f5f5f5;
  opacity: 0;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
}
.c-dropdown-child-list[aria-hidden=false] {
  display: block;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  -webkit-animation: fadeIn 0.2s ease 0s;
          animation: fadeIn 0.2s ease 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.c-dropdown-child-list.is-panel1 {
  width: 300px;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: rotateX(-30deg);
            transform: rotateX(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: rotateX(-30deg);
            transform: rotateX(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
}
.c-dropdown-child-list__link {
  display: block;
  padding: 15px;
}
.c-dropdown-child-list__link:hover {
  background: #007ae5;
  color: #ffffff;
}

.form-list .c-check-list {
  margin-top: 10px;
}

.c-check-list__item {
  margin-bottom: 15px;
}
.c-check-list__item:last-child {
  margin-bottom: 0;
}

/*********************************************/
/* Components pager */
/*********************************************/
.pager-list {
  padding: 20px 0;
  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;
}

.pager-list__item {
  margin-left: 10px;
  margin-right: 10px;
  width: 45px;
  line-height: 43px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 520px) {
  .pager-list__item {
    margin-left: 5px;
    margin-right: 5px;
    width: 40px;
    line-height: 38px;
    font-size: 0.875rem;
  }
}
.pager-list__item span {
  display: block;
  border: 1px solid #ed8537;
  border-radius: 50%;
  background: #ed8537;
  color: #ffffff;
  text-decoration: none;
}
.pager-list__item.pager_omit span {
  border-color: #aaaaaa;
  background: #ffffff;
  color: #333333;
}

.pager-list__link {
  display: block;
  border: 1px solid #ed8537;
  border-radius: 50%;
  background: #ffffff;
  color: #ed8537;
  text-decoration: none;
}
.pager-list__link:hover {
  background: #ed8537;
  color: #ffffff;
  text-decoration: none;
}

/***** ページャー 四角 *****/
.pager.is-square .pager-list__item span {
  border-radius: 0;
}
.pager.is-square .pager-list__link {
  border-radius: 0;
}

/***** ページャー 角丸 *****/
.pager.is-square-r .pager-list__item span {
  border-radius: 5px;
}
.pager.is-square-r .pager-list__link {
  border-radius: 5px;
}

/*********************************************/
/* Components table */
/*********************************************/
/*** テーブル風リスト 01 ***/
.c-tbl-list-type01 {
  width: 100%;
}

.c-tbl-list-type01__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px dashed #c7c7c7;
}
.c-tbl-list-type01__tr:last-child {
  border-bottom: 1px dashed #c7c7c7;
}

.c-tbl-list-type01__th,
.c-tbl-list-type01__td {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.c-tbl-list-type01__th {
  padding: 15px;
  width: 200px;
  color: #ffffff;
  background-color: #ed8537;
  font-size: 1.125rem;
}
.c-tbl-list-type01__th.is-price {
  text-align: center;
}
@media only screen and (max-width: 520px) {
  .c-tbl-list-type01__th.is-price {
    padding: 10px 5px;
  }
}
@media only screen and (max-width: 520px) {
  .c-tbl-list-type01__th {
    padding: 10px;
    width: 90px;
    font-size: 0.75rem;
  }
}

.c-tbl-list-type01__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px 15px 15px 30px;
  font-size: 1.125rem;
  background-color: #ffffff;
}
@media only screen and (max-width: 520px) {
  .c-tbl-list-type01__td {
    padding: 10px;
    font-size: 0.75rem;
  }
}

/*** テーブル風リスト 02 ***/
.c-tbl-list-type02 {
  width: 100%;
}

.c-tbl-list-type02__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #c7c7c7;
}
.c-tbl-list-type02__tr:last-child {
  border-bottom: 1px solid #c7c7c7;
}
@media only screen and (max-width: 520px) {
  .c-tbl-list-type02__tr {
    display: block;
    margin-bottom: 30px;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
  }
  .c-tbl-list-type02__tr:last-child {
    border-bottom: 0;
  }
}

.c-tbl-list-type02__th,
.c-tbl-list-type02__td {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.c-tbl-list-type02__th {
  padding: 15px;
  width: 180px;
  border-right: 1px solid #c7c7c7;
}
@media only screen and (max-width: 520px) {
  .c-tbl-list-type02__th {
    margin-bottom: 10px;
    padding: 0;
    width: auto;
    border-right: 0;
    color: #000000;
    text-align: left;
  }
}

.c-tbl-list-type02__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px;
}
@media only screen and (max-width: 520px) {
  .c-tbl-list-type02__td {
    padding: 0;
  }
}

/*** ２項目テーブル風リスト ***/
.c-tbl-second-list {
  border-top: 1px solid #c7c7c7;
}
@media only screen and (max-width: 520px) {
  .c-tbl-second-list {
    border-top: 0;
  }
}

.c-tbl-second-list__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #c7c7c7;
}

.c-tbl-second-list__th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  width: 240px;
  background: #cccccc;
}
@media only screen and (max-width: 520px) {
  .c-tbl-second-list__th {
    display: block;
    padding: 5px 15px;
    width: 100%;
    border-bottom: 0;
    font-size: 0.75rem;
  }
}

.c-tbl-second-list__ttl {
  font-weight: bold;
  color: #ffffff;
}

.c-tbl-second-list__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px;
  border-right: 1px solid #c7c7c7;
}
@media only screen and (max-width: 520px) {
  .c-tbl-second-list__td {
    padding: 10px 15px;
    font-size: 0.75rem;
  }
}
.c-tbl-second-list__td.is-02 {
  border-right: 0;
}

/*** 横並びテーブル風リスト ***/
.c-tbl-list-double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width: 520px) {
  .c-tbl-list-double {
    display: block;
  }
}

.c-tbl-list-double__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -1px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #c7c7c7;
  width: 50%;
}
@media only screen and (max-width: 520px) {
  .c-tbl-list-double__tr {
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 0;
    border-right: 0;
    width: auto;
  }
}
.c-tbl-list-double__tr:nth-child(even) {
  border-left: 0;
}

.c-tbl-list-double__th,
.c-tbl-list-double__td {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.c-tbl-list-double__th {
  padding: 10px 15px;
  width: 120px;
  border-right: 1px solid #c7c7c7;
}
@media only screen and (max-width: 520px) {
  .c-tbl-list-double__th {
    padding: 5px 10px;
    width: 90px;
    font-size: 0.75rem;
  }
}

.c-tbl-list-double__td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 15px;
  color: #555555;
}
@media only screen and (max-width: 520px) {
  .c-tbl-list-double__td {
    padding: 5px 10px;
    font-size: 0.75rem;
  }
}

/*************** table ***************/
.c-tbl {
  width: 100%;
}
@media only screen and (max-width: 520px) {
  .c-tbl {
    font-size: 0.75rem;
  }
}

.c-tbl__th {
  padding: 10px 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #eeeeee;
  width: 165px;
  vertical-align: top;
}
@media only screen and (max-width: 520px) {
  .c-tbl__th {
    padding: 5px 10px;
    width: 105px;
  }
}

.c-tbl__td {
  padding: 10px 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #ffffff;
}
@media only screen and (max-width: 520px) {
  .c-tbl__td {
    padding: 5px 10px;
  }
}

/*********************************************/
/* Components title */
/*********************************************/
.c-ttl-main {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  line-height: 1.2;
  font-size: 1.875rem;
  font-weight: bold;
  letter-spacing: 5px;
}
@media only screen and (max-width: 520px) {
  .c-ttl-main {
    text-align: center;
  }
  .c-ttl-main.is-left {
    text-align: left;
  }
}
.c-ttl-main span {
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: normal;
  letter-spacing: 2px;
  margin: 15px 0px;
}
.c-ttl-main.is-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.c-ttl-main.is-min {
  font-size: 1.375rem;
  margin-bottom: 30px;
}
.c-ttl-main.is-min span {
  position: relative;
  padding: 0 20px;
  margin-bottom: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-ttl-main.is-min span:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 1px;
  height: 16px;
  background: #333333;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.c-ttl-main.is-min span:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 5px;
  width: 1px;
  height: 16px;
  background: #333333;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
@media only screen and (max-width: 520px) {
  .c-ttl-main.is-min span {
    padding: 0px 10px 10px 10px;
    text-align: center;
  }
}
.c-ttl-main.is-lesson span {
  position: relative;
  margin-bottom: 20px;
  padding-left: 45px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.9375rem;
}
.c-ttl-main.is-lesson span:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 0;
  width: 40px;
  height: 23px;
  background-image: url(../images/lesson-icon.svg);
  background-size: 40px;
  background-repeat: no-repeat;
}

.c-ttl-sub {
  position: relative;
  margin-bottom: 45px;
  font-size: 1.375rem;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: center;
}
@media only screen and (max-width: 520px) {
  .c-ttl-sub {
    margin-bottom: 30px;
  }
}
.c-ttl-sub:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  margin-left: -15px;
  width: 30px;
  height: 1px;
  background: #ed8537;
}
@media only screen and (max-width: 520px) {
  .c-ttl-sub:before {
    bottom: -10px;
  }
}
.c-ttl-sub.is-left {
  text-align: left;
}
.c-ttl-sub.is-left:before {
  left: 0;
  margin-left: 0;
}

.c-ttl-sub-s {
  margin-bottom: 30px;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 3px;
  font-weight: bold;
  text-align: center;
}
.c-ttl-sub-s.is-news {
  text-align: left;
  padding-left: 20px;
  border-left: 2px solid #ed8537;
}
@media only screen and (max-width: 520px) {
  .c-ttl-sub-s {
    margin-bottom: 20px;
    padding-left: 15px;
  }
}

.c-ttl-sub-ss {
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}

.c-lead {
  margin-bottom: 30px;
  line-height: 26px;
  text-align: center;
}
@media only screen and (max-width: 520px) {
  .c-lead {
    padding: 0px 15px;
  }
}

/**************************************************/
/* 会社概要 */
/**************************************************/
.company-contents {
  margin-bottom: 120px;
}
@media only screen and (max-width: 520px) {
  .company-contents {
    margin-bottom: 60px;
  }
}

.company-main__img {
  margin-bottom: 30px;
}

.company-map iframe {
  width: 100%;
}
/*# sourceMappingURL=style-voice.css.map */