@charset "utf-8";

/* ==============================
    固定ページ
    PC版
============================== */
/* --------------------
  全体
-------------------- */
.page_container {
  font-weight: 300;
  font-size: 1.0em;
  padding: 5.0rem 0 6.0rem;
}

.page_container h1 {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.5;
  margin: 2em 0;
}

.page_container p {
  font-size: 1.0em;
  line-height: 1.8;
}

.page_container.thanks {
  text-align: center;
}

.page_container.thanks ._btn {
  margin: 6.0rem auto 0;
}

/* ==============================
    固定ページ
    スマホ版
============================== */

@media screen and (max-width:800px) {

  /* --------------------
    パンくずリスト
  -------------------- */
  .breadcrumb {
    background: #F0F0F0;
  }

  /* --------------------
    全体
  -------------------- */
  .page_container article {
    margin: 28px 0 60px;
  }
}

/* ==============================
    会社概要
    PC版
============================== */
/* --------------------
  全体
-------------------- */
.page_container.about {
  margin: 22px 0 60px;
}

/* --------------------
  企業情報
-------------------- */
.page_container.about section.sec_info .section_inner {
  display: flex;
  justify-content: space-between;
}

/*===== ロゴ画像 =====*/
.page_container.about figure.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43%;
  border: solid 1px #000;
}

.page_container.about figure.logo img {
  max-width: 250px;
  max-height: 60px;
  object-fit: contain;
}

/*===== 企業情報 =====*/
.page_container.about .sec_info ._infomation {
  width: 48%;
}

/*----- 社名 -----*/
.page_container.about .sec_info p.__name {
  font-size: 15px;
  line-height: 26px;
}

.page_container.about .sec_info p.__info {
  font-size: 12px;
  line-height: 21px;
}

/*----- SNS -----*/
.page_container.about .sec_info .__sns {
  display: flex;
  align-items: center;
  margin: 32px 0 30px;
}

.page_container.about .sec_info .__sns li:not(:last-child) {
  margin-right: 32px;
}

.page_container.about .sec_info .__sns li a {
  display: block;
  width: 28px;
}

/*----- マップ -----*/
.page_container.about .sec_info .__map a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  text-align: center;
  width: 223px;
  height: 52.5px;
  border: solid 1px currentColor;
}

/*===== 事業内容 =====*/
.page_container.about section.sec_content {
  margin-top: 58px;
}

.page_container.about section.sec_content h2 {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 0.5em;
}

.page_container.about section.sec_content p {
  font-size: 12px;
  line-height: 21px;
  margin-bottom: calc(1em / 12 * 21);
}

/* ==============================
    会社概要
    スマホ版
============================== */

@media screen and (max-width:800px) {

  /* --------------------
    全体
  -------------------- */
  .page_container.about {
    margin: 30px 0 100px;
  }

  /* --------------------
    企業情報
  -------------------- */
  .page_container.about section.sec_info .section_inner {
    display: block;
  }

  /*===== ロゴ画像 =====*/
  .page_container.about figure.logo {
    width: 100%;
    padding: 55px 0;
  }

  .page_container.about figure.logo img {
    max-width: 250px;
    max-height: 60px;
    object-fit: contain;
  }

  /*===== 企業情報 =====*/
  .page_container.about .sec_info ._infomation {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }

  /*----- 社名 -----*/
  .page_container.about .sec_info p.__name {
    font-size: 15px;
    line-height: 26px;
  }

  .page_container.about .sec_info p.__info {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 1.5em;
  }

  .page_container.about .sec_info p.__info span {
    display: block;
  }

  /*----- SNS -----*/
  .page_container.about .sec_info .__sns {
    order: -1;
    justify-content: center;
    margin: 40px 0 18px;
  }

  .page_container.about .sec_info .__sns li:not(:last-child) {
    margin-right: 22px;
  }

  .page_container.about .sec_info .__sns li a {
    display: block;
    width: 28px;
  }

  /*===== 事業内容 =====*/
  .page_container.about section.sec_content {
    margin-top: 38px;
  }

  .page_container.about section.sec_content h2 {
    text-align: center;
  }

  .page_container.about section.sec_content p {
    font-size: 12px;
    line-height: 21px;
    margin-bottom: calc(1em / 12 * 21);
  }
}


/* ==============================
    お問合せ
    PC版
============================== */
/* --------------------
    全体
-------------------- */
.contact_container form {
  font-weight: 500;
  padding: 30px 0 120px;
}

.contact_container dl {
  margin-bottom: 40px;
}

.contact_container dl dt {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0.5em;
}

/*===== 入力ボックス =====*/
.contact_container input:not([type=submit]):not([type="checkbox"]):not([type="radio"]), .contact_container textarea {
  resize: vertical;
  background-clip: padding-box;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #7F7F7F;
  border-radius: 4px;
  color: #000000;
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 25px;
  padding: 12px 12px;
  width: 100%;
  -webkit-background-clip: padding-box;
}

/*===== チェックボックス・ラジオボタン =====*/
.contact_container input[type="checkbox"], .contact_container input[type="radio"] {
  -webkit-appearance: auto;
  appearance: auto;
  margin-right: 0.5em;
}

.contact_container ul.checklist {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5em;
  padding: 0 14px;
}

.contact_container ul.checklist li {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 17px;
  margin-right: 16px;
  margin-bottom: 6px;
}

.contact_container label.form-submit {
  display: block;
  cursor: pointer;
  width: 100%;
  background: #252525;
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 12px 12px;
  transition: all 0.3s ease;
}

/* ==============================
    特定商取引法
    PC版
============================== */
.law-table {
  margin: 2.0em 0;
  border-top: solid 1px #BEBEBE;
}

.law-table .law-table_item {
  display: flex;
  padding: 0 1.5em;
  border-bottom: solid 1px #BEBEBE;
}

.law-table .law-table_item:nth-child(odd) {
  background: #f5f5f5;
}

.law-table .law-table_item>div {
  line-height: 1.6;
  padding: 1.5em 0;
}

.law-table .law-table_item .law-table_head {
  width: 30%;
  padding-right: 1.5em;
}

.law-table .law-table_item .law-table_cont {
  width: 70%;
}

/* ==============================
    特定商取引法
    スマホ版
============================== */

@media screen and (max-width:800px) {
  .law-table .law-table_item {
    display: block;
  }

  .law-table .law-table_item .law-table_head {
    width: 100%;
    padding-bottom: 0;
  }

  .law-table .law-table_item .law-table_cont {
    width: 100%;
    padding-top: 0.5em;
  }
}