@charset "utf-8";
/* ========================================================
	module.css => モジュール用CSS
======================================================== */
/*.topic_path 
---------------------------------------------------------------------------------------------------*/
.topic_path li {
      display: inline-block;
}
.topic_path li a:after {
      content: "/";
      margin-left: 5px;
}
.page_title_area, .page_title_area a {
      color: #fff;
}
.home {
      position: relative;
      padding-left: 1.5em;
}
.home:before {
      content: "";
      background: url("../images/midashi_01.svg") no-repeat;
      aspect-ratio: 1;
      width: 1.3rem;
      position: absolute;
      top: 0.2em;
      left: 0;
}
@media screen and (min-width: 961px), print {
      .topic_path {
            margin-top: 2em;
            font-size: 1.2rem;
            padding: 7px 0;
            margin-bottom: 0px;
            position: relative;
            z-index: 1;
      }
}
/*topic_path sp */
@media screen and (max-width: 960px) {
      /*追従あり*/
      .topic_path {
            padding: 7px 15px 7px 0;
            margin-top: 0em;
            margin-bottom: 0;
            position: relative;
            z-index: 1;
            white-space: nowrap;
            height: 20px;
            overflow: hidden;
            font-size: 1.2rem;
            -webkit-overflow-scrolling: touch;
      }
      .topic_path ul {
            white-space: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            height: 50px;
            transform: translateZ(0);
      }
      .topic_path ul li:last-child {
            margin-right: 20px;
      }
}
/*.page_title
---------------------------------------------------------------------------------------------------*/
.page_title_area {
      color: #fff;
      margin: auto;
      border-radius: 1em;
      padding: 15em 0 2em 0;
      width: calc(100% - 4em);
}
.page_title_area.contact_bg {
      background: url("../images/form/title_bg.webp")no-repeat;
      background-size: cover;
      background-position: left;
}
.page_title_w {
      width: 1100px;
      margin: auto;
}
.page_title {
      font-size: 5.5rem;
      font-weight: bold;
}
.contact_bg_02 {
      background: #FABE00;
      background: linear-gradient(156deg, rgba(250, 190, 0, 1) 0%, rgba(236, 109, 101, 1) 100%);
}
@media screen and (max-width: 1150px) {
      .page_title_w {
            width: 90%;
      }
}
@media screen and (max-width: 960px) {
      .page_title_area {
            border-radius: 0.7em;
            padding: 7em 0 2em 0;
      }
      .page_title {
            font-size: 3.2rem;
      }
}
@media screen and (max-width: 680px) {
      .page_title_area {
            width: calc(100% - 1.5em);
      }
}
/*.contact____
---------------------------------------------------------------------------------------------------*/
/*contact_lead*/
.contact_lead {
      padding-left: 2em;
      padding-top: 3em;
}
.contact_flex {
      gap: 0 5%;
      display: flex;
      justify-content: space-between;
}
.contact_title {
      width: 32%;
}
.contact_con {
      width: 68%;
}
.contact_con_inner {
      padding: 2.5em 2.5em;
}
@media screen and (max-width: 680px) {
      .contact_lead {
            padding-top: 1em;
            padding-left: 1.5em;
            padding-bottom: 1.5em;
      }
      .contact_flex {
            display: block;
      }
      .contact_title {
            width: auto;
      }
      .contact_con {
            width: auto;
      }
      .contact_con_inner {
            padding: 1.5em 1em;
      }
      .contact_lead_02 {
            padding-top: 1em;
            padding-left: 1.5em;
            padding-bottom: 1.5em;
      }
}
/*table_02*/
.table_02 table {
      table-layout: fixed;
      width: 100%;
}
.table_02 th, .table_02 td {
      padding: 0.8em 0;
      vertical-align: top;
}
.table_02 th {
      width: 28%;
}
.table_02 td {
      width: 72%;
}
/*radio_list*/
.radio_list {
      display: flex;
      flex-wrap: wrap;
      gap: 0 5%;
}
@media screen and (max-width: 680px) {
      .table_02 th, .table_02 td {
            display: block;
            padding: 0.1em 0;
      }
      .table_02 th {
            width: auto;
      }
      .table_02 td {
            width: auto;
            padding-bottom: 1.2em;
      }
}