@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

:root {
  --main-bg-color: white;
  --font-size: 16px;
  --font-family-serif: "Noto Serif JP", serif;
  --font-family-sans: "Noto Sans JP", sans-serif;
}

html {
  overflow-x: hidden;
}

body {
  font-size: var(--font-size);
  font-family: var(--font-family-serif);
  font-weight: 400;
  font-style: normal;
  background-color: #fff;
  color: #000;
  overflow-x: hidden;
  line-height: 2;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

.note_sans {
  font-family: var(--font-family-sans);
}

a {
  color: #fff;
  text-decoration: none;
  opacity: 1;
  transition: 0.3s;
}
a:hover {
  text-decoration: none;
  opacity: 0.8;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
  vertical-align: bottom;
}

.sp_only {
  display: block;
}
@media screen and (min-width: 768px) {
  .sp_only {
    display: none;
  }
}

.pc_only {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc_only {
    display: block;
  }
}

/* conversion */
.conversion {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .conversion {
    flex-direction: row;
  }
}
.conversion ul.conversion_item {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  font-family: var(--font-family-sans);
  font-weight: 400;
  white-space: nowrap;
}
.conversion ul.conversion_item:nth-of-type(1) {
  background-color: #8d733d;
  color: #8d733d;
  font-size: 18px;
}
@media screen and (min-width: 960px) {
  .conversion ul.conversion_item:nth-of-type(1) {
    font-size: 22px;
  }
}
.conversion ul.conversion_item:nth-of-type(2) {
  background: url(../images/convesion/bgr.webp);
  color: #8d733d;
  justify-content: center;
  font-size: 16px;
}
@media screen and (min-width: 960px) {
  .conversion ul.conversion_item:nth-of-type(2) {
    font-size: 20px;
  }
}
.conversion ul.conversion_item li {
  height: 80px;
  display: grid;
  place-items: center;
  width: 100%;
}
.conversion ul.conversion_item .item1 {
  letter-spacing: -1px;
  padding: 0.5rem;
}
.conversion ul.conversion_item .item2 a {
  text-align: center;
  width: 90%;
  transition: filter 0.2s ease;
  filter: brightness(1);
}
.conversion ul.conversion_item .item2 a:hover {
  filter: brightness(1.2);
}
@media screen and (min-width: 1280px) {
  .conversion ul.conversion_item .item2 a {
    width: 80%;
  }
}
.conversion ul.conversion_item .item2 a span {
  line-height: 1;
  width: 100%;
  text-align: left;
  height: 60px;
  padding: 0 1.5rem 0 0.5rem;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversion ul.conversion_item .item2 a span:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 15px;
  margin-left: 0.5rem;
  background-image: url(../images/icn/icn_click_wh.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.conversion ul.conversion_item .item3 a {
  width: 100%;
  text-align: center;
  border-right: 1px solid #fff;
  line-height: 1;
  width: 100%;
  text-align: left;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: filter 0.2s ease;
  filter: brightness(1);
}
@media screen and (min-width: 768px) {
  .conversion ul.conversion_item .item3 a {
    flex-direction: row;
  }
}
.conversion ul.conversion_item .item3 a:hover {
  filter: brightness(1.2);
}
.conversion ul.conversion_item .item3 a span {
  content: "";
  display: block;
  width: 55px;
  height: 15px;
  margin-top: 0.5rem;
  background-image: url(../images/icn/icn_click_wh.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .conversion ul.conversion_item .item3 a span {
    display: inline-block;
    margin-left: 0.5rem;
    margin-top: 0;
    background-image: url(../images/icn/icn_click_wh.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.conversion ul.conversion_item .item4 a {
  width: 100%;
  text-align: center;
  line-height: 1;
  width: 100%;
  text-align: left;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: filter 0.2s ease;
  filter: brightness(1);
}
@media screen and (min-width: 768px) {
  .conversion ul.conversion_item .item4 a {
    flex-direction: row;
  }
}
.conversion ul.conversion_item .item4 a:hover {
  filter: brightness(1.2);
}
.conversion ul.conversion_item .item4 a span {
  content: "";
  display: block;
  width: 55px;
  height: 15px;
  margin-top: 0.5rem;
  background-image: url(../images/icn/icn_click_wh.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .conversion ul.conversion_item .item4 a span {
    display: inline-block;
    margin-left: 0.5rem;
    margin-top: 0;
    background-image: url(../images/icn/icn_click_wh.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}

/* section01 */
.section01 {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.section01 .bgr_image {
  display: block;
  position: relative;
}
@media screen and (min-width: 960px) {
  .section01 .bgr_image img {
    height: 100vh;
    width: 100%;
    object-position: top;
    object-fit: cover;
  }
}
.section01 .container {
  max-width: 1366px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .section01 .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
.section01 .container .item_lead {
  position: absolute;
  bottom: 2rem;
  right: 1rem;
}
@media screen and (min-width: 960px) {
  .section01 .container .item_lead {
    bottom: 120px;
    right: 1rem;
  }
}
.section01 .container .item_lead img {
  width: 60vw;
}
@media screen and (min-width: 960px) {
  .section01 .container .item_lead img {
    max-width: 560px;
    width: 40vw;
  }
}
.section01 .container .item_level {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 100;
}
@media screen and (min-width: 960px) {
  .section01 .container .item_level {
    bottom: 90px;
    left: 360px;
  }
}
.section01 .container .item_level img {
  width: 28vw;
}
@media screen and (min-width: 960px) {
  .section01 .container .item_level img {
    width: 150px;
  }
}
.section01 .container .item01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 164px;
  z-index: 1;
}
@media screen and (min-width: 960px) {
  .section01 .container .item01 {
    width: 280px;
    top: 0;
    left: 0;
  }
}
.section01 .container .item02 {
  position: absolute;
  top: 0;
  left: calc(100% - (131px + 1rem));
  width: 131px;
  margin: 0;
  z-index: 1;
}
@media screen and (min-width: 960px) {
  .section01 .container .item02 {
    top: 0;
    left: calc(100% - (230px + 1rem));
    width: 230px;
  }
}
.section01 .container .item04 {
  display: none;
}
.section01 .container .item04.pcOnly {
  display: none;
}
@media screen and (min-width: 960px) {
  .section01 .container .item04.pcOnly {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .section01 .container .item04 {
    display: block;
    position: absolute;
    bottom: 100px;
    left: 0;
    width: auto;
  }
}
.section01 .container .item04 img {
  width: 100%;
  display: grid;
  margin: auto;
}
@media screen and (min-width: 960px) {
  .section01 .container .item04 img {
    max-width: 360px;
    margin: 0;
  }
}
.section01 .container .item04 a {
  transition: filter 0.2s ease;
  filter: brightness(1);
}
.section01 .container .item04 a:hover {
  filter: brightness(1.2);
}
.section01 .container .btn_next_bk {
  display: none;
}
@media screen and (min-width: 960px) {
  .section01 .container .btn_next_bk {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 94%;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1;
  }
}

/* section02 */
.section02 {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.section02 .section02_container {
  max-width: 1366px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.section02 .section02_container .wrap_title {
  padding: 3rem 1rem;
  width: 90vw;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .section02 .section02_container .wrap_title {
    width: 50vw;
  }
}
.section02 .section02_container2 {
  background-color: #b79e64;
  margin: auto;
  padding: 2rem 1rem;
}
@media screen and (min-width: 960px) {
  .section02 .section02_container2 {
    padding: 3rem 1rem;
  }
}
.section02 .section02_container2 .wrap_content {
  margin: auto;
}
.section02 .section02_container2 .wrap_content .title {
  max-width: 726px;
  width: 100%;
  margin: auto;
  display: block;
  padding: 0 1rem;
}
.section02 .section02_container2 .icns {
  margin: 1rem auto;
  padding: 0 1rem;
  width: min(1100px, 100%);
  list-style-type: none;
  display: flex;
  gap: 0 1rem;
  justify-content: center;
}
@media screen and (min-width: 960px) {
  .section02 .section02_container2 .icns {
    margin: 3rem auto;
    gap: 0 5rem;
  }
}
@media screen and (min-width: 1300px) {
  .section02 .section02_container2 .icns {
    gap: 0 6rem;
  }
}
.section02 .section02_container2 .items {
  margin: 0 auto 1rem;
  padding: 0;
  width: min(1300px, 100%);
  list-style-type: none;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 960px) {
  .section02 .section02_container2 .items {
    flex-direction: row;
  }
}
.section02 .section02_container2 .items li {
  display: grid;
  place-content: center;
  padding: 0 1rem;
  background-color: #604b25;
}
.section02 .section02_container2 .items li img {
  width: 100%;
  margin: auto;
  display: block;
}
@media screen and (min-width: 960px) {
  .section02 .section02_container2 .items li img {
    width: 100%;
  }
}
.section02 .section02_container2 .items li:nth-child(odd) {
  background-color: #856835;
}
@media screen and (min-width: 960px) {
  .section02 .section02_container2 .items li {
    padding: 1rem 0;
  }
}
.section02 .section02_container2 .btn {
  margin: 0 auto 3rem;
  width: min(1300px, 100%);
  background-color: #604b25;
}
.section02 .section02_container2 .btn:nth-child(odd) {
  background-color: #856835;
}
.section02 .section02_container2 .btn a {
  padding: 1rem;
  display: block;
}
.section02 .section02_container2 .btn a img {
  display: block;
  width: 100%;
  max-width: 634px;
  margin: 0 auto;
}
.section02 .btn_next_bk {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .section02 .btn_next_bk {
    width: 40px;
    height: 40px;
  }
}

/* section03 */
.section03 {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .section03 {
    background-color: #000;
  }
}
.section03 .container {
  max-width: 1366px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 1rem 1rem;
  display: block;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .section03 .container {
    padding: 1rem 1rem;
  }
}
@media screen and (min-width: 960px) {
  .section03 .container.spOnly {
    display: none;
  }
}
.section03 .container.pcOnly {
  display: none;
}
@media screen and (min-width: 960px) {
  .section03 .container.pcOnly {
    display: block;
  }
}
.section03 .container a {
  display: block;
}
.section03 .container .title {
  width: min(526px, 100%);
  margin: 2rem auto;
}
.section03 .container .btn {
  width: min(885px, 100%);
  margin: 2rem auto;
  display: block;
}
.section03 .container .items {
  width: min(1300px, 100%);
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
}
.section03 .btn_next_bk {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .section03 .btn_next_bk {
    margin: 2rem auto;
    width: 40px;
    height: 40px;
  }
}

/* section04 */
.section04 {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-bottom: 4rem;
}
.section04 .container {
  max-width: 1366px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  .section04 .container {
    padding: 0 1rem;
  }
}
.section04 .lead {
  text-align: center;
  flex-basis: 50%;
  font-size: clamp(1rem, 0.7323rem + 1.3384vw, 1.875rem);
  line-height: 1.5;
  color: #000;
  padding: 0 1rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .section04 .lead {
    padding: 1rem;
  }
}
.section04 .lead h3 {
  font-weight: 500;
}
.section04 .content_item {
  max-width: 1158px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  color: #000;
  gap: 0 2rem;
}
@media screen and (min-width: 960px) {
  .section04 .content_item {
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
  }
}
.section04 .content_item .item {
  flex-basis: calc(50% - 2rem);
}
.section04 .content_item .item .item_ttl {
  font-size: clamp(1rem, 0.8807rem + 0.5967vw, 1.3125rem);
  background-color: #000;
  padding: 0.5rem;
  line-height: 1.5;
  color: #fff;
  font-weight: 500;
  text-align: center;
  letter-spacing: -1px;
  word-break: auto-phrase;
}
.section04 .content_item .item .blk {
  display: flex;
  flex-direction: column;
  gap: 0 1rem;
}
@media screen and (min-width: 768px) {
  .section04 .content_item .item .blk {
    flex-direction: row;
  }
}
.section04 .content_item .item .blk_ex {
  flex-direction: row;
}
.section04 .content_item .item .blk > div {
  flex-basis: 50%;
  display: grid;
  place-content: center;
}
.section04 .content_item .item .blk > div p {
  font-weight: 600;
  text-align: justify;
  margin: 0;
  padding: 0 0 1rem;
  line-height: 1.5;
  letter-spacing: -1px;
}
.section04 .content_item .item .blk > div .img_ex {
  width: 60%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .section04 .content_item .item .blk > div .img_ex {
    width: 100%;
  }
}
.section04 .btn_next_bk {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .section04 .btn_next_bk {
    bottom: 6rem;
    width: 40px;
    height: 40px;
  }
}

/* section05 */
.section05 {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .section05 {
    padding-bottom: 0;
  }
}
.section05 .section_header {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 100vh;
  background: url(../images/section05/bgr_sp.webp) no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .section05 .section_header {
    background: url(../images/section05/bgr.webp) no-repeat;
    background-position: center center;
    background-size: cover;
  }
}
.section05 .section_header .container {
  max-width: 1300px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.section05 .section_header .container .btn {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 350px;
}
@media screen and (min-width: 960px) {
  .section05 .section_header .container .btn {
    width: 415px;
    left: auto;
    right: 1rem;
  }
}
.section05 .section_header .container .item02 {
  position: absolute;
  top: 20%;
  right: 1rem;
  width: 276px;
}
.section05 .section_header .container .item03 {
  width: 182px;
  height: 162px;
  position: absolute;
  bottom: 180px;
  right: 1rem;
}
@media screen and (min-width: 768px) {
  .section05 .section_header .container .item03 {
    bottom: 90px;
  }
}
.section05 .section_header .container .btn_next_bk {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 90%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .section05 .section_header .container .btn_next_bk {
    width: 40px;
    height: 40px;
  }
}
.section05 .section_body {
  padding: 2rem 0;
}
@media screen and (min-width: 960px) {
  .section05 .section_body {
    padding: 2rem 1rem;
  }
}
.section05 .section_body .lead {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto 2rem;
  gap: 1rem;
  font-size: clamp(1rem, 0.8853rem + 0.5736vw, 1.375rem);
  line-height: 1.5;
  color: #000;
  font-weight: 500;
}
@media screen and (min-width: 960px) {
  .section05 .section_body .lead {
    flex-direction: row;
  }
}
.section05 .section_body .lead.pcOnly {
  display: none;
}
@media screen and (min-width: 960px) {
  .section05 .section_body .lead.pcOnly {
    display: flex;
    flex-direction: row;
  }
}
.section05 .section_body .lead.spOnly {
  display: block;
}
.section05 .section_body .lead.spOnly img {
  margin: auto;
  display: block;
}
@media screen and (min-width: 960px) {
  .section05 .section_body .lead.spOnly {
    display: none;
  }
}
.section05 .section_body .lead .icn_hometact {
  width: 468px;
}
.section05 .section_body .lead .title_sp {
  width: 80vw;
}
.section05 .section_body .content_item {
  padding: 0;
  max-width: 1162px;
  width: 100%;
  margin: 0 auto 1rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: 1rem 1rem;
}
@media screen and (min-width: 1200px) {
  .section05 .section_body .content_item {
    gap: 2rem 2rem;
  }
}
.section05 .section_body .content_item li {
  position: relative;
  list-style: none;
  flex-basis: calc(50% - 2rem);
}
@media screen and (min-width: 768px) {
  .section05 .section_body .content_item li {
    flex: 1;
  }
}
.section05 .section_body .content_item li .icn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .section05 .section_body .content_item li .icn {
    left: 0;
    right: auto;
  }
}
.section05 .section_body .content_item li figure {
  display: grid;
  place-content: center;
  padding: 0;
  margin: 0;
  color: #000;
}
.section05 .section_body .content_item li figure img {
  transition: filter 0.2s ease;
  filter: brightness(1);
}
.section05 .section_body .content_item li figure img:hover {
  filter: brightness(1.2);
}
.section05 .section_body .content_item li figure figcaption {
  font-size: 14px;
  line-height: 1.25;
  text-align: left;
  font-weight: 400;
  letter-spacing: -1px;
  padding: 3px 0;
}
.section05 .section_body .content_item li.img00 {
  display: flex;
  align-items: flex-start;
}
.section05 .section_body .content_item li.img00 figure {
  position: relative;
  width: 100%;
  height: 100%;
}
.section05 .section_body .content_item li.img00 figure figcaption {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  text-align: center;
  padding: 1rem;
  font-size: 14px;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .section05 .section_body .content_item li.img00 {
    display: none;
  }
}
.section05 .section_body .btn_next_bk {
  width: 30px;
  height: 30px;
  margin: 0 auto 2rem;
}
@media screen and (min-width: 768px) {
  .section05 .section_body .btn_next_bk {
    width: 40px;
    height: 40px;
  }
}
.section05 .section_bottom {
  background-color: #000;
  color: #fff;
  padding: 3rem;
}
@media screen and (min-width: 960px) {
  .section05 .section_bottom {
    padding: 1rem;
  }
}
.section05 .section_bottom .container {
  width: min(1162px, 100%);
  margin: 0 auto;
}

/* section06 */
.section06 {
  padding-bottom: 2rem;
}
.section06 .section_header {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 640px;
  background: url(../images/section06/bgr_sp.webp) no-repeat;
  background-position: center top -10px;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .section06 .section_header {
    height: 720px;
    background: url(../images/section06/bgr.webp) no-repeat;
    background-position: center top -100px;
    background-size: cover;
  }
}
.section06 .section_header .container {
  max-width: 1366px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.section06 .section_header .container .item01 {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 310px;
}
@media screen and (min-width: 768px) {
  .section06 .section_header .container .item01 {
    width: 485px;
  }
}
.section06 .section_header .container .item02 {
  position: absolute;
  top: 6rem;
  right: 1rem;
  width: 197px;
}
@media screen and (min-width: 768px) {
  .section06 .section_header .container .item02 {
    width: 276px;
    top: 1rem;
  }
}
.section06 .section_header .container .item03 {
  width: 182px;
  height: 162px;
  position: absolute;
  bottom: 180px;
  right: 1rem;
}
@media screen and (min-width: 768px) {
  .section06 .section_header .container .item03 {
    bottom: 90px;
  }
}
.section06 .section_header .container .btn_next_bk {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .section06 .section_header .container .btn_next_bk {
    width: 40px;
    height: 40px;
  }
}
.section06 .section_present {
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  .section06 .section_present {
    padding: 3rem 1rem 0;
  }
}
.section06 .section_present .container {
  width: 100%;
  max-width: 1366px;
  text-align: center;
  margin-inline: auto;
}
.section06 .section_present .present_ttl {
  text-align: center;
  font-size: 19px;
  letter-spacing: -1px;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
  font-weight: 500;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .section06 .section_present .present_ttl {
    font-size: 32px;
  }
}
.section06 .section_present .present_img {
  margin-bottom: 2rem;
}
.section06 .section_present .present_warning {
  margin: 0 auto;
  max-width: 840px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  text-align: left;
}
.section06 .section_present .present_warning span {
  display: block;
  padding: 0;
  margin: 0;
  text-indent: -1em;
  padding-left: 1em;
}

/* section07 */
.section07 {
  padding: 0 1rem;
}
.section07 .container {
  max-width: 1366px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.section07 .lead {
  text-align: center;
  font-size: clamp(1.5625rem, 1.2757rem + 1.434vw, 2.5rem);
  line-height: 1.5;
  font-weight: 500;
  margin: 0 auto;
  padding: 0.5rem;
  color: #980f09;
}
.section07 .date {
  text-align: center;
  font-size: clamp(1.125rem, 0.8956rem + 1.1472vw, 1.875rem);
  line-height: 1.5;
  font-weight: 500;
  margin: 0 auto 1rem;
  padding: 0.5rem;
  color: #000;
}
.section07 .blk {
  display: flex;
  flex-direction: column;
  gap: 1rem 1rem;
}
@media screen and (min-width: 768px) {
  .section07 .blk {
    flex-direction: row;
  }
}
.section07 .btn_next_bk {
  width: 30px;
  height: 30px;
  margin: 2rem auto 2rem;
}
@media screen and (min-width: 768px) {
  .section07 .btn_next_bk {
    width: 40px;
    height: 40px;
  }
}

/* section08 */
.section08 {
  color: #000;
  padding: 0 1rem;
  margin-bottom: 180px;
}
@media screen and (min-width: 768px) {
  .section08 {
    margin-bottom: 90px;
  }
}
.section08 .container {
  max-width: 1366px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.section08 .container .wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .section08 .container .wrap {
    flex-direction: row;
  }
}
.section08 .container .wrap .wrap_01 {
  width: 100%;
}
.section08 .container .blk_01 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .section08 .container .blk_01 {
    flex-direction: row;
  }
}
.section08 .container .blk_01 > div a {
  opacity: 1;
  transition: 0.2s;
}
.section08 .container .blk_01 > div a:hover {
  opacity: 0.8;
}
.section08 .container .blk_01 > div img {
  width: 100%;
  margin: 0 auto;
}
.section08 .container .lead {
  font-size: clamp(0.9375rem, 0.8037rem + 0.6692vw, 1.375rem);
  font-weight: 500;
  text-align: center;
  margin: 1rem auto;
  width: 100%;
  line-height: 1;
}
.section08 .container .btk_03 .blk_ttl {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: clamp(0.8125rem, 0.6978rem + 0.5736vw, 1.1875rem);
}
.section08 .container .btk_03 .blk_tel {
  text-align: center;
  font-size: clamp(2.5rem, 2.175rem + 1.6252vw, 3.5625rem);
  font-weight: 400px;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.section08 .container .btk_03 .blk_tel a {
  color: #b3090b;
}
@media (min-width: 768px) {
  .section08 .container .btk_03 .blk_tel a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.section08 .container .btk_03 .blk_time {
  font-size: clamp(0.75rem, 0.6735rem + 0.3824vw, 1rem);
  text-align: center;
  margin: 0;
  padding: 0;
}
.section08 .container .small {
  font-size: 10px;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* story */
.story {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  line-height: 2;
  width: 100%;
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .story {
    padding-bottom: 4rem;
  }
}
.story p.logo_m-home {
  margin: 2rem auto 0;
  width: 100%;
  display: grid;
  place-content: center;
}
.story p.logo_m-home img {
  width: 230px;
}
.story .container {
  max-width: 1366px;
  height: 100%;
  width: 100%;
  margin: 1rem auto 3rem;
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  .story .container {
    position: relative;
  }
}
.story .content_ttl {
  background-color: #e5e5e5;
  max-width: 1142px;
  width: 100%;
  padding: 1rem;
  margin: 1rem auto 0;
  text-align: center;
}
.story .content_ttl .content_img {
  padding: 0;
  margin: 1rem auto;
}
.story .content_ttl .content_img img {
  width: 492px;
  display: block;
  margin: 0 auto;
}
.story .content_ttl .content_comment {
  font-size: 0.875rem;
  padding: 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .story .content_ttl .content_comment {
    font-size: 1rem;
  }
}
.story .content {
  font-family: "Noto Sans JP", sans-serif;
  max-width: 1142px;
  width: 100%;
  margin: 0 auto 3rem;
  color: #4d4d4d;
}
@media screen and (min-width: 768px) {
  .story .content {
    margin: 0 auto 6rem;
  }
}
.story .content > p {
  text-align: justify;
  font-size: clamp(0.8125rem, 0.5523rem + 1.11vw, 1.5rem);
}
.story .content .content_logo {
  width: 300px;
  margin-left: -65px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .story .content .content_logo {
    width: 595px;
    margin-left: -130px;
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}
.story .content .content_ttl2 {
  font-size: clamp(0.875rem, 0.2601rem + 2.6236vw, 2.5rem);
  text-align: justify;
  color: #000;
  line-height: 1.5;
  letter-spacing: -1px;
  font-weight: 700;
  margin: 0;
}
.story .content .content_txt {
  font-size: clamp(1rem, 0.7706rem + 1.1472vw, 1.75rem);
}
.story .content .content_imgs {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .story .content .content_imgs {
    margin-bottom: 4rem;
  }
}
.story .content .content_imgs figure {
  margin: 0;
  padding: 0;
}
.story .content .content_imgs figure figcaption {
  display: flex;
  justify-content: center;
  margin: 0.5rem auto;
  padding: 0.25rem 0;
  font-size: clamp(0.75rem, 0.5608rem + 0.8073vw, 1.25rem);
  line-height: 1.25;
  padding: 0 0.5rem;
  letter-spacing: -1px;
}
.story .content .content_imgs figure figcaption p {
  border-left: #4d4d4d 6px solid;
  padding: 0 0 0 10px;
  margin: 10px 0;
  line-height: 1.5;
}
.story .content .content_subttl {
  font-size: clamp(0.9375rem, 0.4881rem + 1.9173vw, 2.125rem);
  border-left: #b30001 12px solid;
  color: #000;
  position: relative;
  padding: 0 0 0 1rem;
  line-height: 1.25;
  margin: 0;
}
.story .content .content_subttl:before {
  position: absolute;
  content: "";
  background-color: #fff;
  height: 100%;
  width: 3px;
  margin: 0 0 0 -1.4rem;
  display: block;
  padding: 0;
  top: 0;
}
.story .content > p * + * {
  margin-top: 1rem;
  font-size: clamp(0.8125rem, 0.5523rem + 1.11vw, 1.5rem);
}
.story .content p.small {
  font-size: 13px;
  text-align: right;
}

.detail {
  background-color: #000;
  color: #fff;
}
.detail .container {
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
}
.detail .container .content_detail {
  max-width: 1142px;
  width: 100%;
  margin: 0 auto;
  padding: 2rem 0 4rem;
}
@media screen and (min-width: 768px) {
  .detail .container .content_detail {
    padding: 2rem 0 4rem;
  }
}
.detail .container .content_detail > p {
  font-size: clamp(1.1875rem, 0.8564rem + 1.4127vw, 2.0625rem);
  margin: 0 0 1rem;
  padding: 0;
}
.detail .container .content_detail .wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem 2rem;
}
@media screen and (min-width: 768px) {
  .detail .container .content_detail .wrap {
    flex-direction: row;
  }
}
.detail .container .content_detail .detail_ttl {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
}
.detail .container .content_detail dl {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
}
.detail .container .content_detail dl dt {
  margin: 0;
  padding: 0;
}
.detail .container .content_detail dl dt:after {
  content: "：";
  display: inline-block;
  margin-right: -0.5rem;
  padding-right: 0.5rem;
  color: #fff;
}
.detail .container .content_detail dl dd {
  flex: 1;
  text-align: left;
  margin: 0;
  padding: 0;
}

.nav_bottom {
  background-color: #ccc;
  margin-bottom: 8rem;
}
@media screen and (min-width: 768px) {
  .nav_bottom {
    margin-bottom: 0;
  }
}
.nav_bottom .container {
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
}
.nav_bottom .container .content {
  max-width: 1142px;
  width: 100%;
  margin: 0 auto;
  padding: 2rem 0;
}
@media screen and (min-width: 768px) {
  .nav_bottom .container .content {
    padding: 2rem 0 3rem;
  }
}
.nav_bottom .container .content a {
  opacity: 1;
  transition: 0.3s;
  max-width: 585px;
  width: 100%;
  display: block;
}
.nav_bottom .container .content a:hover {
  opacity: 0.8;
}
.nav_bottom .container .content a img {
  width: 100%;
}

/* entry_login */
.entry_login {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  line-height: 2;
  font-family: var(--font-family-serif);
  width: 100%;
  padding: 1rem;
  color: #000;
}
.entry_login .container {
  max-width: 1366px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .entry_login .container {
    padding: 0;
    position: relative;
  }
}
.entry_login header .content_ttl {
  border: 1px solid #808080;
  max-width: 1070px;
  width: 100%;
  padding: 1rem;
  margin: 0 auto;
  text-align: center;
}
.entry_login header .content_ttl .content_img {
  padding: 0;
  margin: 1rem auto;
}
.entry_login header .content_ttl .content_img img {
  width: 492px;
  display: block;
  margin: 0 auto;
}
.entry_login header .content_ttl .content_comment {
  font-size: 0.875rem;
  padding: 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .entry_login header .content_ttl .content_comment {
    font-size: 1rem;
  }
}
.entry_login .btn_entry {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 260px;
  height: 54px;
  padding: 0.5rem 1.5rem;
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #980f09;
  border: 1px solid #980f09;
  margin: 0 auto;
}
@media (any-hover: hover) {
  .entry_login .btn_entry {
    transition: background-color 0.2s;
  }
  .entry_login .btn_entry:hover {
    background-color: #fff;
    color: #980f09;
  }
}
.entry_login .btn_login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 260px;
  height: 54px;
  padding: 0.5rem 1.5rem;
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #071846;
  border: 1px solid #071846;
  margin: 0 auto;
  cursor: pointer;
  font-family: var(--font-family-serif);
}
@media (any-hover: hover) {
  .entry_login .btn_login {
    transition: background-color 0.2s;
  }
  .entry_login .btn_login:hover {
    color: #071846;
    background-color: #fff;
  }
}
.entry_login .entry .content {
  max-width: 1070px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #808080;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .entry_login .entry .content {
    font-size: 1rem;
  }
}
.entry_login .entry .content .content_subttl {
  color: #980f09;
  font-size: clamp(1.375rem, 1.2401rem + 0.5755vw, 1.625rem);
}
.entry_login .login .content {
  max-width: 1070px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .entry_login .login .content {
    font-size: 1rem;
  }
}
.entry_login .login .content .content_subttl {
  color: #071846;
  font-size: clamp(1.375rem, 1.2401rem + 0.5755vw, 1.625rem);
}
.entry_login .content_input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin: 1rem auto;
}
@media screen and (min-width: 768px) {
  .entry_login .content_input {
    flex-direction: row;
  }
}
.entry_login .content_input label {
  display: flex;
  align-items: center;
}
.entry_login .content_input label span {
  display: inline-block;
  width: 40px;
}
.entry_login .content_input .entry_field {
  padding: 1rem;
  margin: 0;
  text-align: left;
  border: 1px solid #aaa;
  border-radius: 2px;
  color: #000;
  width: 100%;
  max-width: 260px;
  font-size: 16px;
  position: relative;
}

/* story_index */
.story_index {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  line-height: 2;
  font-family: var(--font-family-serif);
  width: 100%;
  padding: 1rem;
  color: #fff;
  background-color: #000;
  height: 100%;
  display: grid;
  place-items: center;
}
@media screen and (min-width: 960px) {
  .story_index {
    height: 100svh;
  }
}
.story_index .container {
  max-width: 1366px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}
@media screen and (min-width: 960px) {
  .story_index .container {
    padding: 0 3rem;
  }
}
.story_index .blk {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
@media screen and (min-width: 960px) {
  .story_index .blk {
    flex-direction: row;
  }
}
.story_index .blk > div:nth-of-type(1) {
  width: 100%;
  display: grid;
  place-content: center;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .story_index .blk > div:nth-of-type(1) {
    flex-basis: 26%;
    padding: 0 1rem;
  }
}
.story_index .blk > div:nth-of-type(1) .blk_title {
  margin: 0 0 0.25rem;
  text-align: left;
  width: 100%;
}
.story_index .blk > div:nth-of-type(1) .content_logo {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .story_index .blk > div:nth-of-type(1) .content_logo {
    margin-inline: auto;
    max-width: 352px;
  }
}
.story_index .blk > div:nth-of-type(1) .content_logo img {
  width: 100%;
}
.story_index .blk > div:nth-of-type(2) {
  flex-basis: 44%;
}
.story_index .blk > div:nth-of-type(2) .blk_title {
  margin: 0 0 0.25rem;
  text-align: left;
  width: 100%;
}
.story_index .blk > div:nth-of-type(2) .blk_title img {
  max-width: 210px;
  width: 100%;
}
.story_index .blk > div:nth-of-type(2) .content {
  background-color: #fff;
}
.story_index .blk > div:nth-of-type(2) .content .content_story_logo {
  width: 257px;
  padding: 1rem 0;
}
.story_index .blk > div:nth-of-type(2) .content .content_story_ttl {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 1.5;
  margin: 0;
  padding: 0 1.5rem;
  text-align: justify;
}
.story_index .blk > div:nth-of-type(2) .content .content_image {
  padding: 0 1.5rem 1.5rem;
  margin-bottom: 0;
  text-align: center;
}
.story_index .blk > div:nth-of-type(2) .content a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transition: filter 0.2s ease;
  filter: brightness(1);
}
.story_index .blk > div:nth-of-type(2) .content a:hover {
  filter: brightness(1.2);
}
.story_index .blk > div:nth-of-type(3) {
  flex-basis: 30%;
}
@media screen and (min-width: 960px) {
  .story_index .blk > div:nth-of-type(3) {
    padding: 0 1rem;
  }
}
.story_index .blk > div:nth-of-type(3) .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.story_index .blk > div:nth-of-type(3) .blk_title {
  margin: 0 0 0.25rem;
  text-align: left;
  width: 100%;
}
.story_index .blk > div:nth-of-type(3) .content_item {
  height: 100%;
  list-style-type: none;
  margin: auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem;
}
@media screen and (min-width: 960px) {
  .story_index .blk > div:nth-of-type(3) .content_item {
    display: flex;
    flex-direction: row;
    flex-direction: column;
  }
}
.story_index .blk > div:nth-of-type(3) .content_item li {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .story_index .blk > div:nth-of-type(3) .content_item li {
    margin: 0 auto;
  }
}
.story_index .blk > div:nth-of-type(3) .content_item li:not(:last-child) {
  margin: 0 auto;
}
.story_index .blk > div:nth-of-type(3) .content_item li a {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  transition: filter 0.2s ease;
  filter: brightness(1);
}
.story_index .blk > div:nth-of-type(3) .content_item li a img {
  margin-inline: center;
}
.story_index .blk > div:nth-of-type(3) .content_item li a:hover {
  filter: brightness(1.2);
}

/* hometact */
.hometact {
  font-family: var(--font-family-sans);
  width: min(1920px, 100%);
  margin: 0 auto 12rem;
  padding: 0;
}
@media screen and (min-width: 960px) {
  .hometact {
    margin: 0 auto 6rem;
  }
}
.hometact .spOnly {
  display: block;
}
@media screen and (min-width: 960px) {
  .hometact .spOnly {
    display: none;
  }
}
.hometact .pcOnly {
  display: none;
}
@media screen and (min-width: 960px) {
  .hometact .pcOnly {
    display: block;
  }
}
.hometact a {
  opacity: 1;
  transition: 0.2s;
}
.hometact a:hover {
  opacity: 0.8;
}
.hometact .hometact_btn {
  position: relative;
  margin: 3rem auto;
  width: min(636px, 100%);
  padding: 0 2rem;
}
.hometact .hometact_btn:after {
  position: absolute;
  top: -2rem;
  left: 0;
  right: 0;
  content: attr(data-title);
  display: block;
  color: #000;
  width: 100%;
  text-align: center;
  margin-top: 5px;
  z-index: 1;
  display: grid;
  place-content: center;
}

.hometact01 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .hometact01 {
    margin-bottom: 60px;
  }
}
.hometact01 .container {
  width: min(1352px, 100%);
  margin: 0 auto;
  text-align: center;
  line-height: 2;
  padding: 0 1rem;
}
.hometact01 .subtitle {
  font-size: 16px;
  font-weight: 500;
  list-style: 1;
  padding: 1rem 0;
  margin: 0;
}
@media screen and (min-width: 960px) {
  .hometact01 .subtitle {
    font-size: 24px;
  }
}
.hometact01 .section_title {
  max-width: 519px;
  width: 100%;
  margin: auto;
}
.hometact01 .section_title_text {
  font-size: 28px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 960px) {
  .hometact01 .section_title_text {
    font-size: 42px;
  }
}
.hometact01 .section_title_image img {
  width: 144px;
}
.hometact01 .section_title_description {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (min-width: 960px) {
  .hometact01 .section_title_description {
    font-size: 27px;
  }
}

.hometact02 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .hometact02 {
    margin-bottom: 60px;
  }
}
.hometact02 .section_title {
  padding: 1rem 0;
  width: 25vw;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .hometact02 .section_title {
    width: 16.6vw;
  }
}
.hometact02 .container.header {
  background-color: rgba(1, 112, 139, 0.8);
}
.hometact02 .container .wrap {
  margin: auto;
  width: min(1352px, 100%);
  display: grid;
  place-items: center;
}
@media screen and (min-width: 960px) {
  .hometact02 .container .wrap {
    display: grid;
    grid-template-columns: 44% 56%;
  }
}
.hometact02 .container .wrap .image {
  width: 100%;
  margin: 0 auto;
}
.hometact02 .container .wrap .image img {
  width: 100%;
}
.hometact02 .container .wrap .content {
  height: 100%;
  margin: auto;
  color: #fff;
  padding: 1rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .hometact02 .container .wrap .content {
    padding: 2rem;
    width: 100%;
  }
}
.hometact02 .container .wrap .content .detail {
  background-color: transparent;
  margin-bottom: 3rem;
}
@media screen and (min-width: 960px) {
  .hometact02 .container .wrap .content .detail {
    margin-bottom: 0;
  }
}
.hometact02 .container .wrap .content .detail .title {
  font-size: clamp(1.75rem, 1.193rem + 2.38vw, 3.125rem);
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.hometact02 .container .wrap .content .detail .text {
  font-size: clamp(1rem, 0.721rem + 1.19vw, 1.688rem);
  line-height: 2;
}
.hometact02 .container .wrap .content .detail .text small {
  font-size: 12px;
}
.hometact02 .container .wrap .content .example {
  width: 100%;
}
.hometact02 .container .wrap .content .example .example_text {
  margin: 0;
  line-height: 1.25;
  padding: 0;
  font-size: clamp(0.938rem, 0.76rem + 0.76vw, 1.375rem);
}
.hometact02 .container .wrap .content .example .example_image {
  width: min(521px, 100%);
}
.hometact02 .container.items {
  padding: 2rem 1rem;
}
.hometact02 .container.items .parent {
  width: min(1140px, 100%);
  margin: auto;
  list-style-type: none;
  margin: auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  gap: 1rem 1rem;
}
.hometact02 .container.items .parent .child1 {
  grid-area: 1/1/2/2;
}
.hometact02 .container.items .parent .child2 {
  grid-area: 1/2/2/3;
}
.hometact02 .container.items .parent .child3 {
  grid-area: 2/1/3/2;
}
.hometact02 .container.items .parent .child4 {
  grid-area: 2/2/3/3;
}
.hometact02 .container.items .parent .child5 {
  grid-area: 3/1/4/3;
  place-content: center;
}
@media screen and (min-width: 960px) {
  .hometact02 .container.items .parent {
    gap: 2rem 2rem;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 2rem 2rem;
  }
  .hometact02 .container.items .parent .child1 {
    grid-area: 1/1/2/2;
  }
  .hometact02 .container.items .parent .child2 {
    grid-area: 1/2/2/3;
  }
  .hometact02 .container.items .parent .child3 {
    grid-area: 1/3/2/4;
  }
  .hometact02 .container.items .parent .child4 {
    grid-area: 2/1/3/2;
  }
  .hometact02 .container.items .parent .child5 {
    grid-area: 2/2/3/4;
    place-content: center;
  }
}
.hometact02 .container.items li h3 {
  color: rgba(1, 112, 139, 0.8);
  font-size: clamp(0.875rem, 0.596rem + 1.19vw, 1.563rem);
  margin: 0 0 0.5rem;
  padding: 0;
  line-height: 1.25;
}
.hometact02 .container.items li figure {
  margin: 0;
  padding: 0;
}
.hometact02 .container.items li figure figcaption {
  padding: 0.5rem 0;
  font-size: clamp(0.75rem, 0.522rem + 0.97vw, 1.313rem);
  line-height: 1.5;
  letter-spacing: -1px;
}
.hometact02 .container.items li figure.sub {
  display: grid;
  grid-template-columns: auto 40%;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .hometact02 .container.items li figure.sub {
    grid-template-columns: auto 1fr;
    padding: 2rem;
  }
}
.hometact02 .container.items li figure.sub figcaption {
  place-content: center;
  letter-spacing: -1px;
}

.hometact03 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .hometact03 {
    margin-bottom: 60px;
  }
}
.hometact03 .section_title {
  padding: 1rem 0;
  width: 25vw;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .hometact03 .section_title {
    width: 16.6vw;
  }
}
.hometact03 .container.header {
  background-color: rgba(7, 56, 113, 0.8);
}
.hometact03 .container .wrap {
  margin: auto;
  width: min(1352px, 100%);
  display: grid;
  place-items: center;
}
@media screen and (min-width: 960px) {
  .hometact03 .container .wrap {
    display: grid;
    grid-template-columns: 44% 56%;
  }
}
.hometact03 .container .wrap .image {
  width: 100%;
  margin: 0 auto;
}
.hometact03 .container .wrap .image img {
  width: 100%;
}
.hometact03 .container .wrap .content {
  height: 100%;
  margin: auto;
  color: #fff;
  padding: 1rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .hometact03 .container .wrap .content {
    padding: 2rem;
    width: 100%;
  }
}
.hometact03 .container .wrap .content .detail {
  background-color: transparent;
  margin-bottom: 3rem;
}
@media screen and (min-width: 960px) {
  .hometact03 .container .wrap .content .detail {
    margin-bottom: 0;
  }
}
.hometact03 .container .wrap .content .detail .title {
  font-size: clamp(1.75rem, 1.193rem + 2.38vw, 3.125rem);
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.hometact03 .container .wrap .content .detail .text {
  font-size: clamp(1rem, 0.721rem + 1.19vw, 1.688rem);
  line-height: 2;
}
.hometact03 .container .wrap .content .detail .text small {
  font-size: 12px;
}
.hometact03 .container .wrap .content .example {
  width: 100%;
}
.hometact03 .container .wrap .content .example .example_text {
  margin: 0;
  line-height: 1.25;
  padding: 0;
  font-size: clamp(0.938rem, 0.76rem + 0.76vw, 1.375rem);
}
.hometact03 .container .wrap .content .example .example_image {
  width: min(668px, 100%);
}
.hometact03 .container.items {
  padding: 2rem 1rem;
}
.hometact03 .container.items .parent {
  width: min(746px, 100%);
  margin: auto;
  list-style-type: none;
  margin: auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  gap: 1rem 1rem;
}
.hometact03 .container.items .parent .child1 {
  grid-area: 1/1/2/2;
}
.hometact03 .container.items .parent .child2 {
  grid-area: 1/2/2/3;
}
.hometact03 .container.items .parent .child3 {
  grid-area: 2/1/3/3;
  place-content: center;
}
@media screen and (min-width: 960px) {
  .hometact03 .container.items .parent {
    gap: 2rem 2rem;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 2rem 2rem;
  }
  .hometact03 .container.items .parent .child1 {
    grid-area: 1/1/2/2;
  }
  .hometact03 .container.items .parent .child2 {
    grid-area: 1/2/2/3;
  }
  .hometact03 .container.items .parent .child3 {
    grid-area: 2/1/3/3;
    place-content: center;
  }
}
.hometact03 .container.items li h3 {
  color: rgba(7, 56, 113, 0.8);
  font-size: clamp(0.875rem, 0.596rem + 1.19vw, 1.563rem);
  margin: 0 0 0.5rem;
  padding: 0;
  line-height: 1.25;
}
.hometact03 .container.items li figure {
  margin: 0;
  padding: 0;
}
.hometact03 .container.items li figure figcaption {
  padding: 0.5rem 0;
  font-size: clamp(0.75rem, 0.522rem + 0.97vw, 1.313rem);
  line-height: 1.5;
  letter-spacing: -1px;
}
.hometact03 .container.items li figure figcaption > p {
  padding: 0;
  margin: 0;
}
.hometact03 .container.items li figure.sub {
  display: grid;
}
@media screen and (min-width: 768px) {
  .hometact03 .container.items li figure.sub {
    display: grid;
    place-items: center;
    grid-template-columns: 55% 45%;
  }
}
.hometact03 .container.items li figure.sub img {
  width: 60vw;
}
@media screen and (min-width: 768px) {
  .hometact03 .container.items li figure.sub img {
    width: auto;
  }
}
.hometact03 .container.items li figure.sub figcaption {
  place-content: center;
}

.hometact04 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .hometact04 {
    margin-bottom: 60px;
  }
}
.hometact04 .section_title {
  padding: 1rem 0;
  width: 25vw;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .hometact04 .section_title {
    width: 16.6vw;
  }
}
.hometact04 .container.header {
  background-color: rgba(179, 36, 0, 0.8);
}
.hometact04 .container .wrap {
  margin: auto;
  width: min(1352px, 100%);
  display: grid;
  place-items: center;
}
@media screen and (min-width: 960px) {
  .hometact04 .container .wrap {
    display: grid;
    grid-template-columns: 44% 56%;
  }
}
.hometact04 .container .wrap .image {
  width: 100%;
  margin: 0 auto;
}
.hometact04 .container .wrap .image img {
  width: 100%;
}
.hometact04 .container .wrap .content {
  height: 100%;
  margin: auto;
  color: #fff;
  padding: 1rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .hometact04 .container .wrap .content {
    padding: 2rem;
    width: 100%;
  }
}
.hometact04 .container .wrap .content .detail {
  background-color: transparent;
  margin-bottom: 3rem;
}
@media screen and (min-width: 960px) {
  .hometact04 .container .wrap .content .detail {
    margin-bottom: 0;
  }
}
.hometact04 .container .wrap .content .detail .title {
  font-size: clamp(1.75rem, 1.193rem + 2.38vw, 3.125rem);
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.hometact04 .container .wrap .content .detail .text {
  font-size: clamp(1rem, 0.721rem + 1.19vw, 1.688rem);
  line-height: 2;
}
.hometact04 .container .wrap .content .detail .text small {
  font-size: 12px;
}
.hometact04 .container .wrap .content .example {
  width: 100%;
}
.hometact04 .container .wrap .content .example .example_text {
  margin: 0;
  line-height: 1.25;
  padding: 0;
  font-size: clamp(0.938rem, 0.76rem + 0.76vw, 1.375rem);
}
.hometact04 .container .wrap .content .example .example_image {
  max-width: 455px;
  width: 100%;
}
.hometact04 .container.items {
  padding: 2rem 1rem;
}
.hometact04 .container.items .parent {
  width: min(746px, 100%);
  margin: auto;
  list-style-type: none;
  margin: auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0px;
  gap: 1rem 1rem;
}
.hometact04 .container.items .parent .child1 {
  grid-area: 1/1/2/2;
}
.hometact04 .container.items .parent .child2 {
  grid-area: 1/2/2/3;
}
@media screen and (min-width: 960px) {
  .hometact04 .container.items .parent {
    gap: 2rem 2rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 2rem 2rem;
  }
  .hometact04 .container.items .parent .child1 {
    grid-area: 1/1/2/2;
  }
  .hometact04 .container.items .parent .child2 {
    grid-area: 1/2/2/3;
  }
}
.hometact04 .container.items li h3 {
  color: rgba(179, 36, 0, 0.8);
  font-size: clamp(0.875rem, 0.596rem + 1.19vw, 1.563rem);
  margin: 0 0 0.5rem;
  padding: 0;
  line-height: 1.25;
}
.hometact04 .container.items li figure {
  margin: 0;
  padding: 0;
}
.hometact04 .container.items li figure figcaption {
  padding: 0.5rem 0;
  font-size: clamp(0.75rem, 0.522rem + 0.97vw, 1.313rem);
  line-height: 1.5;
  letter-spacing: -1px;
}
.hometact04 .container.items li figure.sub {
  display: grid;
  grid-template-columns: auto 40%;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .hometact04 .container.items li figure.sub {
    grid-template-columns: auto 1fr;
    padding: 2rem;
  }
}
.hometact04 .container.items li figure.sub figcaption {
  place-content: center;
}

.hometact05 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .hometact05 {
    margin-bottom: 60px;
  }
}
.hometact05 .section_title {
  padding: 1rem 0;
  width: 25vw;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .hometact05 .section_title {
    width: 16.6vw;
  }
}
.hometact05 .container.header {
  background-color: rgba(128, 64, 0, 0.8);
}
.hometact05 .container .wrap {
  margin: auto;
  width: min(1352px, 100%);
  display: grid;
  place-items: center;
}
@media screen and (min-width: 960px) {
  .hometact05 .container .wrap {
    display: grid;
    grid-template-columns: 44% 1fr;
  }
}
.hometact05 .container .wrap .image {
  width: 100%;
  margin: 0 auto;
}
.hometact05 .container .wrap .image img {
  width: 100%;
}
.hometact05 .container .wrap .content {
  height: 100%;
  margin: auto;
  color: #fff;
  padding: 1rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .hometact05 .container .wrap .content {
    padding: 2rem;
    width: 100%;
  }
}
.hometact05 .container .wrap .content .detail {
  background-color: transparent;
  margin-bottom: 3rem;
}
@media screen and (min-width: 960px) {
  .hometact05 .container .wrap .content .detail {
    margin-bottom: 0;
  }
}
.hometact05 .container .wrap .content .detail .title {
  font-size: clamp(1.75rem, 1.193rem + 2.38vw, 3.125rem);
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.hometact05 .container .wrap .content .detail .text {
  font-size: clamp(1rem, 0.721rem + 1.19vw, 1.688rem);
  line-height: 2;
}
.hometact05 .container .wrap .content .detail .text small {
  font-size: 12px;
}
.hometact05 .container .wrap .content .example {
  width: 100%;
}
.hometact05 .container .wrap .content .example .example_text {
  margin: 0;
  line-height: 1.25;
  padding: 0;
  font-size: clamp(0.938rem, 0.76rem + 0.76vw, 1.375rem);
}
.hometact05 .container .wrap .content .example .example_image img {
  max-width: 644px;
  width: 100%;
}
.hometact05 .container .wrap .content .example .example_image2 img {
  max-width: 306px;
  width: 100%;
}
.hometact05 .container.items {
  padding: 2rem 1rem;
}
.hometact05 .container.items .parent {
  width: min(746px, 100%);
  margin: auto;
  list-style-type: none;
  margin: auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  gap: 1rem 1rem;
}
.hometact05 .container.items .parent .child1 {
  grid-area: 1/1/2/2;
}
.hometact05 .container.items .parent .child2 {
  grid-area: 1/2/2/3;
}
.hometact05 .container.items .parent .child3 {
  grid-area: 2/1/3/3;
  place-content: center;
}
@media screen and (min-width: 960px) {
  .hometact05 .container.items .parent {
    gap: 2rem 2rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 2rem 2rem;
  }
  .hometact05 .container.items .parent .child1 {
    grid-area: 1/1/2/2;
  }
  .hometact05 .container.items .parent .child2 {
    grid-area: 1/2/2/3;
  }
  .hometact05 .container.items .parent .child3 {
    grid-area: 2/1/3/3;
    place-content: center;
  }
}
.hometact05 .container.items li h3 {
  color: rgba(128, 64, 0, 0.8);
  font-size: clamp(0.875rem, 0.596rem + 1.19vw, 1.563rem);
  margin: 0 0 0.5rem;
  padding: 0;
  line-height: 1.25;
}
.hometact05 .container.items li figure {
  margin: 0;
  padding: 0;
  width: 100%;
}
.hometact05 .container.items li figure figcaption {
  padding: 0.5rem 0;
  font-size: clamp(0.75rem, 0.522rem + 0.97vw, 1.313rem);
  line-height: 1.5;
  letter-spacing: -1px;
}
.hometact05 .container.items li figure figcaption > p {
  padding: 0;
  margin: 0;
}
.hometact05 .container.items li figure.sub {
  position: relative;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .hometact05 .container.items li figure.sub:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0 0 0;
    z-index: 1;
    width: 332px;
    height: 174px;
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/hometact/hometact05_item03.webp);
  }
}
.hometact05 .container.items li figure .image {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .hometact05 .container.items li figure .image {
    display: none;
  }
}

.hometact06 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .hometact06 {
    margin-bottom: 60px;
  }
}
.hometact06 .section_title {
  padding: 1rem 0;
  width: 25vw;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .hometact06 .section_title {
    width: 16.6vw;
  }
}
.hometact06 .container.header {
  background-color: rgba(0, 68, 2, 0.8);
}
.hometact06 .container .wrap {
  margin: auto;
  width: min(1352px, 100%);
  display: grid;
  place-items: center;
}
@media screen and (min-width: 960px) {
  .hometact06 .container .wrap {
    display: grid;
    grid-template-columns: 44% 1fr;
  }
}
.hometact06 .container .wrap .image {
  width: 100%;
  margin: 0 auto;
}
.hometact06 .container .wrap .image img {
  width: 100%;
}
.hometact06 .container .wrap .content {
  height: 100%;
  margin: auto;
  color: #fff;
  padding: 1rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .hometact06 .container .wrap .content {
    padding: 2rem;
    width: 100%;
  }
}
.hometact06 .container .wrap .content .detail {
  background-color: transparent;
  margin-bottom: 3rem;
}
@media screen and (min-width: 960px) {
  .hometact06 .container .wrap .content .detail {
    margin-bottom: 0;
  }
}
.hometact06 .container .wrap .content .detail .title {
  font-size: clamp(1.75rem, 1.193rem + 2.38vw, 3.125rem);
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.hometact06 .container .wrap .content .detail .text {
  font-size: clamp(1rem, 0.721rem + 1.19vw, 1.688rem);
  line-height: 2;
}
.hometact06 .container .wrap .content .detail .text small {
  font-size: 12px;
}
.hometact06 .container .wrap .content .example {
  width: 100%;
}
.hometact06 .container .wrap .content .example .example_text {
  margin: 0;
  line-height: 1.25;
  padding: 0;
  font-size: clamp(0.938rem, 0.76rem + 0.76vw, 1.375rem);
}
.hometact06 .container .wrap .content .example .example_image img {
  max-width: 306px;
  width: 100%;
}
.hometact06 .container.items {
  padding: 2rem 1rem;
}
.hometact06 .container.items .parent {
  width: min(746px, 100%);
  margin: auto;
  list-style-type: none;
  margin: auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  gap: 1rem 1rem;
}
.hometact06 .container.items .parent .child1 {
  grid-area: 1/1/2/2;
}
.hometact06 .container.items .parent .child2 {
  grid-area: 1/2/2/3;
}
.hometact06 .container.items .parent .child3 {
  grid-area: 2/1/3/3;
  place-content: center;
}
@media screen and (min-width: 960px) {
  .hometact06 .container.items .parent {
    gap: 2rem 2rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 2rem 2rem;
  }
  .hometact06 .container.items .parent .child1 {
    grid-area: 1/1/2/2;
  }
  .hometact06 .container.items .parent .child2 {
    grid-area: 1/2/2/3;
  }
  .hometact06 .container.items .parent .child3 {
    grid-area: 2/1/3/3;
    place-content: center;
  }
}
.hometact06 .container.items li h3 {
  color: rgba(0, 68, 2, 0.8);
  font-size: clamp(0.875rem, 0.596rem + 1.19vw, 1.563rem);
  margin: 0 0 0.5rem;
  padding: 0;
  line-height: 1.25;
}
.hometact06 .container.items li figure {
  margin: 0;
  padding: 0;
  width: 100%;
}
.hometact06 .container.items li figure figcaption {
  padding: 0.5rem 0;
  font-size: clamp(0.75rem, 0.522rem + 0.97vw, 1.313rem);
  line-height: 1.5;
  letter-spacing: -1px;
}
.hometact06 .container.items li figure figcaption > p {
  padding: 0;
  margin: 0;
}
.hometact06 .container.items li figure.sub {
  position: relative;
  place-content: center;
}
.hometact06 .container.items li figure.sub:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto auto 0 0;
  z-index: 1;
  width: 295px;
  height: 151px;
  background-position: right bottom;
  background-size: 164px 84px;
  background-repeat: no-repeat;
  background-image: url(../images/hometact/hometact06_item03.webp);
}
@media screen and (min-width: 640px) {
  .hometact06 .container.items li figure.sub:after {
    background-size: 295px 151px;
  }
}

.hometact07 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .hometact07 {
    margin-bottom: 60px;
  }
}
.hometact07 .section_title {
  padding: 1rem 0;
  width: 25vw;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .hometact07 .section_title {
    width: 16.6vw;
  }
}
.hometact07 .container.header {
  background-color: rgba(10, 34, 102, 0.8);
}
.hometact07 .container .wrap {
  margin: auto;
  width: min(1352px, 100%);
  display: grid;
  place-items: center;
}
@media screen and (min-width: 960px) {
  .hometact07 .container .wrap {
    display: grid;
    grid-template-columns: 44% 1fr;
  }
}
.hometact07 .container .wrap .image {
  width: 100%;
  margin: 0 auto;
}
.hometact07 .container .wrap .image img {
  width: 100%;
}
.hometact07 .container .wrap .content {
  height: 100%;
  margin: auto;
  color: #fff;
  padding: 1rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .hometact07 .container .wrap .content {
    padding: 2rem;
    width: 100%;
  }
}
.hometact07 .container .wrap .content .detail {
  background-color: transparent;
}
.hometact07 .container .wrap .content .detail .title {
  font-size: clamp(1.75rem, 1.193rem + 2.38vw, 3.125rem);
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.hometact07 .container .wrap .content .detail .text {
  font-size: clamp(1rem, 0.721rem + 1.19vw, 1.688rem);
  line-height: 2;
  letter-spacing: -1px;
}
.hometact07 .container .wrap .content .detail .text small {
  font-size: 12px;
}
.hometact07 .container .wrap .content .example {
  width: 100%;
}
.hometact07 .container .wrap .content .example .wrap {
  display: grid;
}
@media screen and (min-width: 768px) {
  .hometact07 .container .wrap .content .example .wrap {
    grid-template-columns: 60% 40%;
  }
}
.hometact07 .container .wrap .content .example .wrap .wrap_content {
  order: 2;
}
@media screen and (min-width: 768px) {
  .hometact07 .container .wrap .content .example .wrap .wrap_content {
    order: 1;
  }
}
.hometact07 .container .wrap .content .example .wrap .wrap_content .example_text {
  margin: 0;
  line-height: 1.25;
  padding: 0;
  font-size: clamp(0.938rem, 0.76rem + 0.76vw, 1.375rem);
}
.hometact07 .container .wrap .content .example .wrap .wrap_content .example_image img {
  max-width: 306px;
  width: 100%;
}
.hometact07 .container .wrap .content .example .wrap .wrap_image {
  order: 1;
  width: 50vw;
}
@media screen and (min-width: 768px) {
  .hometact07 .container .wrap .content .example .wrap .wrap_image {
    width: 100%;
    order: 2;
  }
}

.hometact08 .section_title {
  padding: 1rem 0;
  width: 25vw;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .hometact08 .section_title {
    width: 16.6vw;
  }
}
.hometact08 .container.header {
  background-color: rgba(91, 2, 88, 0.8);
}
.hometact08 .container .wrap {
  margin: auto;
  width: min(1352px, 100%);
  display: grid;
  place-items: center;
}
@media screen and (min-width: 960px) {
  .hometact08 .container .wrap {
    display: grid;
    grid-template-columns: 44% 56%;
  }
}
.hometact08 .container .wrap .image {
  width: 100%;
  margin: 0 auto;
}
.hometact08 .container .wrap .image img {
  width: 100%;
}
.hometact08 .container .wrap .content {
  height: 100%;
  margin: auto;
  color: #fff;
  padding: 1rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .hometact08 .container .wrap .content {
    padding: 2rem;
    width: 100%;
  }
}
.hometact08 .container .wrap .content .detail {
  background-color: transparent;
  margin-bottom: 3rem;
}
@media screen and (min-width: 960px) {
  .hometact08 .container .wrap .content .detail {
    margin-bottom: 0;
  }
}
.hometact08 .container .wrap .content .detail .title {
  font-size: clamp(1.75rem, 1.193rem + 2.38vw, 3.125rem);
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.hometact08 .container .wrap .content .detail .text {
  font-size: clamp(1rem, 0.721rem + 1.19vw, 1.688rem);
  line-height: 2;
}
.hometact08 .container .wrap .content .detail .text small {
  font-size: 12px;
}
.hometact08 .container .wrap .content .example {
  width: 100%;
}
.hometact08 .container .wrap .content .example .example_text {
  margin: 0;
  line-height: 1.25;
  padding: 0;
  font-size: clamp(0.938rem, 0.76rem + 0.76vw, 1.375rem);
}
.hometact08 .container .wrap .content .example .example_image {
  width: min(495px, 100%);
}
.hometact08 .container.items {
  padding: 2rem 1rem;
}
.hometact08 .container.items .parent {
  width: min(1140px, 100%);
  margin: auto;
  list-style-type: none;
  margin: auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  gap: 1rem 1rem;
}
.hometact08 .container.items .parent .child1 {
  grid-area: 1/1/2/2;
}
.hometact08 .container.items .parent .child2 {
  grid-area: 1/2/2/3;
}
.hometact08 .container.items .parent .child3 {
  grid-area: 2/1/3/2;
}
@media screen and (min-width: 960px) {
  .hometact08 .container.items .parent {
    gap: 2rem 2rem;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 2rem 2rem;
  }
  .hometact08 .container.items .parent .child1 {
    grid-area: 1/1/2/2;
  }
  .hometact08 .container.items .parent .child2 {
    grid-area: 1/2/2/3;
  }
  .hometact08 .container.items .parent .child3 {
    grid-area: 1/3/2/4;
  }
}
.hometact08 .container.items li h3 {
  color: rgba(91, 2, 88, 0.8);
  font-size: clamp(0.875rem, 0.596rem + 1.19vw, 1.563rem);
  margin: 0 0 0.5rem;
  padding: 0;
  line-height: 1.25;
}
.hometact08 .container.items li figure {
  margin: 0;
  padding: 0;
}
.hometact08 .container.items li figure figcaption {
  padding: 0.5rem 0;
  font-size: clamp(0.75rem, 0.522rem + 0.97vw, 1.313rem);
  line-height: 1.5;
  letter-spacing: -1px;
}
.hometact08 .container.items li figure.sub {
  display: grid;
  grid-template-columns: auto 40%;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .hometact08 .container.items li figure.sub {
    grid-template-columns: auto 1fr;
    padding: 2rem;
  }
}
.hometact08 .container.items li figure.sub figcaption {
  place-content: center;
  letter-spacing: -1px;
}

.content_slider {
  max-width: 1142px;
  margin: 3rem auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.content_slider img {
  max-width: 100%;
  height: auto;
}

.content_slider .swiper {
  height: 100%;
  max-width: 1142px;
  padding: 0 8%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .content_slider .swiper {
    padding: 0 6%;
  }
}

.content_slider .swiper .swiper-slide figure {
  padding: 0;
  margin: 0 auto;
  color: #4d4d4d;
}
.content_slider .swiper .swiper-slide figure figcaption {
  display: flex;
  justify-content: center;
  margin: 0.5rem auto;
  padding: 0.25rem 0;
  font-size: clamp(0.75rem, 0.5608rem + 0.8073vw, 1.25rem);
  line-height: 1.25;
  padding: 0 0.5rem;
  letter-spacing: -1px;
}
.content_slider .swiper .swiper-slide figure figcaption > p {
  border-left: #4d4d4d 6px solid;
  padding: 0 0 0 5px;
  margin: 10px 0;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .content_slider .swiper .swiper-slide figure figcaption > p {
    padding: 0 0 0 10px;
  }
}

.swiper-button-prev,
.swiper-button-next {
  height: 68px;
  width: 68px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "" !important;
  height: 68px;
  margin: auto;
  width: 68px;
}

.swiper-button-prev::after {
  display: none;
}

.swiper-button-next::after {
  background-image: url(../images/buttons/btn_next.svg);
  background-position: center right;
  background-repeat: no-repeat;
}

.swiper-slide img {
  height: auto;
  width: 100%;
}

.content_slider .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  top: -20px;
}

.content_slider .swiper-pagination-bullet-active {
  background-color: #808080;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
  margin-bottom: 2rem;
}

.swiper-button-next {
  right: 0 !important;
}

/*# sourceMappingURL=style.css.map */