@import "reset.css";

/* //////////////////
PC・SP共通
////////////////// */

#topic_230502 {
         text-align: center;
}

#topic_230502 img {
         width: 100%;
}

#topic_230502 li {
         list-style: none;
}

#topic_230502 a:hover {
         text-decoration: none !important;
}

#topic_230502 .fadeIn_up {
         opacity: 0;
         transition: 1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

#topic_230502 .fadeIn_up.is-show {
         opacity: 1;
}

#topic_230502 .fadeIn_up_delay {
         opacity: 0;
         transition: 1s 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

#topic_230502 .fadeIn_up_delay.is-show {
         opacity: 1;
}

/* //////////////////
PC・SP共通
////////////////// */

/* //////////////////
PC共通
////////////////// */

#topic_230502 .center {
         text-align: center;
}

#topic_230502 .relative {
         position: relative;
}

#topic_230502 .absolute {
         position: absolute;
}

#topic_230502 .multiply {
         mix-blend-mode: multiply;
}

#topic_230502 .flex {
         display: flex;
}

#topic_230502 .flex.reverse {
         flex-direction: row-reverse;
}

#topic_230502 .flex-1 {
         flex: 1;
}

#topic_230502 .items p {
         font-size: 16px;
         line-height: 30px;
         letter-spacing: 0.08em;
         text-align: left;
         font-weight: 400;
}

#topic_230502 .items .item_info {
         margin-top: 20px;
}

#topic_230502 .items .item_info ul {
         display: flex;
         flex-wrap: wrap;
         gap: 15px;
}

#topic_230502 .items .item_info ul li {
         display: inline-block;
         font-size: 13px;
         letter-spacing: 0.08em;
}

#topic_230502 .items .item_info ul li a {
         text-decoration: underline;
         display: flex;
         gap: 12px;
         align-items: center;
}

/* ページトップ */

#topic_230502 .pagetop {
         height: 50px;
         width: 50px;
         position: fixed;
         right: 25px;
         bottom: 100px;
         background: #fff;
         border: solid 1px #bbbbbb;
         border-radius: 50%;
         display: flex;
         justify-content: center;
         align-items: center;
         z-index: 3;

         -webkit-animation: fadeIn 1s ease 0.5s 1 forwards;
         animation: fadeIn 1s ease 0.5s 1 forwards;
         opacity: 0;
}

@keyframes fadeIn {
         from {
                  opacity: 0;
         }

         to {
                  opacity: 1;
         }
}

#topic_230502 .pagetop_arrow {
         height: 10px;
         width: 10px;
         border-top: 2px solid #bbbbbb;
         border-right: 2px solid #bbbbbb;
         transform: translateY(20%) rotate(-45deg);
}

/* ページトップ */

/* サーチエリア */

#topic_230502 .search-ttl {
         font-family: "Libre Baskerville", serif !important;
         font-size: 2.8rem !important;
         line-height: 2.3rem !important;
         letter-spacing: 0.24em !important;
         text-align: center;
         font-weight: 400;
}

#topic_230502 .search-area .search-list {
         font-family: "Montserrat", "Noto Sans JP";
         display: block;
         position: relative;
         text-align: left;
         margin-bottom: 120px;
}

#topic_230502 .search-area .search-list>ul {
         max-width: 980px;
         margin: auto;
         padding: 65px 0 0;
}

#topic_230502 .search-area .search-list>ul>li>dl {
         display: flex;
         margin-bottom: 2px;
         justify-content: center;
}

#topic_230502 .search-area .search-list>ul>li>dl>dt {
         margin-right: 56px;
         font-size: 12px;
}

#topic_230502 .search-area .search-list>ul>li>dl>dd>ul~ul {
         margin-left: 62px;
}

#topic_230502 .search-area .search-list>ul>li>dl>dd {
         display: flex;
}

#topic_230502 .search-area .search-list>ul>li>dl>dd>ul>li~li {
         margin-top: 38px;
}

#topic_230502 .search-area .search-list>ul>li>dl>dd>ul>li dt {
         font-size: 12px;
         line-height: 1.2rem;
         font-weight: 700;
}

#topic_230502 .search-area .search-list>ul>li>dl>dd>ul>li dd {
         margin-top: 19px;
         font-size: 14px;
}

#topic_230502 .search-area .search-list>ul>li {
         font-size: 14px;
         line-height: 1;
         letter-spacing: 0em;
         margin-top: 16px;
}

#topic_230502 .search-area .search-list>ul>li>dl>dd>ul>li li {
         letter-spacing: 0.08em;
         line-height: 1;
}

#topic_230502 .search-area .search-list>ul>li>dl>dd>ul>li li~li {
         margin-top: 14px;
}

#topic_230502 .search-area .search-list a {
         text-decoration: none !important;
}

/* サーチエリア */

/* itemarchive */

#topic_230502 .itemarchive {
         width: 805px;
         margin: 0 auto 120px;
}

#topic_230502 .itemarchive .ttl {
         margin: 0 auto;
         margin-bottom: 64px;
}

#topic_230502 .itemarchive .ttl h2 {
         font-family: "Libre Baskerville", serif;
         font-size: 2.8rem;
         line-height: 2.3rem;
         letter-spacing: 0.24em;
         text-align: center;
         font-weight: 400;
}

#topic_230502 .itemarchive .itemlist {
         margin: 0 auto;
}

#topic_230502 .itemarchive .itemlist .itemname {
         margin-bottom: 28px;
}

#topic_230502 .itemarchive .itemlist .itemname h3 {
         font-family: "Montserrat", sans-serif;
         font-size: 20px;
         line-height: 32px;
         letter-spacing: 0.08em;
         text-align: left;
         font-weight: 500;
}

#topic_230502 .itemarchive .itemlist .box {
         border-top: solid 1px #d9d9d9;
         display: flex;
         padding: 32px 0;
}

#topic_230502 .itemarchive .itemlist .box .left-img {
         float: left;
         display: flex;
         align-items: center;
}

#topic_230502 .itemarchive .itemlist .box .left-img .itemimg {
         height: 172px;
}

#topic_230502 .itemarchive .itemlist .box .left-img .itemimg img {
         height: 100%;
         width: auto;
}

#topic_230502 .itemarchive .itemlist .box .left-img .name {
         margin-left: 24px;
}

#topic_230502 .itemarchive .itemlist .box .left-img .name h5 {
         font-size: 16px;
         line-height: 28px;
         letter-spacing: 0.08em;
         text-align: left;
         font-weight: 400;
}

#topic_230502 .itemarchive .itemlist .box .left-img .name h5 span {
         font-family: "Montserrat", sans-serif;
}

#topic_230502 .itemarchive .itemlist .box .btn {
         width: 275px;
         height: 60px;
         display: block;
         margin: auto 0 auto auto;
}

/* itemarchive */

/* //////////////////
PC共通
////////////////// */

/* //////////////////
SP共通
////////////////// */

@media screen and (max-width: 768px) {
         #topic_230502 .flex {
                  display: flex;
                  flex-direction: column;
         }

         #topic_230502 .flex.reverse {
                  flex-direction: column;
         }

         #topic_230502 .items a:hover {
                  text-decoration: none;
         }

         #topic_230502 .items .txt_info {
                  width: 325px;
         }

         #topic_230502 .index .banner {
                  margin-top: 24px;
         }

         #topic_230502 .index .banner p {
                  font-size: 13px;
                  line-height: 26px;
                  letter-spacing: 0.08em;
                  text-align: left;
                  font-weight: 300;
                  margin: 30px 25px 50px 25px;
         }

         #topic_230502 .items p {
                  font-size: 13px;
                  line-height: 24px;
                  letter-spacing: 0.08em;
                  text-align: left;
                  font-weight: 300;
                  box-sizing: border-box;
         }

         #topic_230502 .items .item_info {
                  margin-top: 40px;
         }

         #topic_230502 .items .item_info ul {
                  gap: 10px;
         }

         #topic_230502 .items .item_info ul li {
                  width: calc(50% - 5px);
                  font-size: 10px;
                  line-height: 1.8;
         }

         #topic_230502 .items .item_info ul li a img {
                  width: 90px;
         }


         #topic_230502 .link_banner {
                  margin: 0 auto 120px;
                  max-width: 965px;
                  text-align: center;
                  padding: 0 25px;
         }

         #topic_230502 .link_banner p {
                  font-size: 13px;
                  line-height: 26px;
                  letter-spacing: 0.08em;
                  margin-bottom: 14px;
                  text-align: center;
         }

         /* ページトップ */

         #topic_230502 .pagetop {
                  height: 44px;
                  width: 44px;
                  right: 8px;
                  bottom: 80px;
         }

         /* ページトップ */

         /* itemarchive */

         #topic_230502 .itemarchive {
                  width: calc(100% - 50px);
                  margin: 0 auto;
                  margin-bottom: 56px;
         }

         #topic_230502 .itemarchive .ttl {
                  margin: 0 auto;
                  margin-bottom: 24px;
         }

         #topic_230502 .itemarchive .ttl h2 {
                  font-family: "Libre Baskerville", serif;
                  font-size: 1.7rem;
                  line-height: 1.7rem;
                  letter-spacing: 0.16em;
                  text-align: center;
                  font-weight: 400;
         }

         #topic_230502 .itemarchive .itemlist {
                  margin: 0 auto;
         }

         #topic_230502 .itemarchive .itemlist .itemname {
                  margin-bottom: 14px;
         }

         #topic_230502 .itemarchive .itemlist .itemname h3 {
                  font-family: "Montserrat", sans-serif;
                  font-size: 16px;
                  line-height: 28px;
                  letter-spacing: 0.08em;
                  text-align: left;
                  font-weight: 500;
         }

         #topic_230502 .itemarchive .itemlist .box {
                  border-top: solid 1px #d9d9d9;
                  display: flex;
                  padding: 24px 0;
         }

         #topic_230502 .itemarchive .itemlist .box .left-img {
                  float: left;
         }

         #topic_230502 .itemarchive .itemlist .box .left-img .itemimg {
                  height: 92px;
         }

         #topic_230502 .itemarchive .itemlist .box .left-img .itemimg img {
                  height: 100%;
         }

         #topic_230502 .itemarchive .itemlist .box .left-img .name {
                  margin-left: 20px;
         }

         #topic_230502 .itemarchive .itemlist .box .left-img .name h5 {
                  font-size: 13px;
                  line-height: 20px;
                  letter-spacing: 0.08em;
                  text-align: left;
                  margin-top: 16px;
         }

         #topic_230502 .itemarchive .itemlist .box .left-img .name h5 span {
                  font-family: "Montserrat", sans-serif;
         }

         #topic_230502 .itemarchive .itemlist .box .btn {
                  /* width: 140px; */
                  width: 112px;
                  height: auto;
                  display: block;
                  margin: auto 0 auto auto;
         }

         /* itemarchive */
}

@media screen and (max-width: 370px) {
         #topic_230502 .items .item_info ul li a img {
                  width: 70px;
         }
}

/* //////////////////
SP共通
////////////////// */

@media screen and (max-width: 980px) {
         /* サーチエリア */

         #topic_230502 .search-ttl {
                  font-family: "Libre Baskerville", serif !important;
                  font-size: 1.7rem !important;
                  line-height: 1.7rem !important;
                  letter-spacing: 0.16em !important;
                  text-align: center;
                  font-weight: 400 !important;
                  margin-bottom: 25px;
         }

         /* サーチエリア */

         /*アコーディオン全体*/

         #topic_230502 .accordion-area {
                  list-style: none;
                  width: 100%;
                  max-width: 980px;
                  margin: 0 auto 80px;
                  border-bottom: 1px solid #ccc;
         }

         #topic_230502 .accordion-area a {
                  text-decoration: none !important;
         }

         #topic_230502 .accordion-area section {
                  border-top: 1px solid #ccc;
         }

         /*アコーディオン全体*/

         /*アコーディオンタイトル*/

         #topic_230502 .accordion-title {
                  position: relative;
                  /*+マークの位置基準とするためrelative指定*/
                  cursor: pointer;
                  font-size: 13px !important;
                  font-weight: 400 !important;
                  padding: 20px 0 20px 40px !important;
                  transition: all 0.5s ease;
                  text-align: left !important;
                  display: block !important;
                  background: #fff !important;
         }

         /*アコーディオンタイトル*/

         /*アイコンの＋と×*/

         #topic_230502 .accordion-title::before,
         #topic_230502 .accordion-title::after {
                  content: "";
                  position: absolute;
                  right: 24px;
                  top: 0;
                  bottom: 0;
                  margin: auto 0;
                  background-color: #000000;
                  width: 10px;
                  height: 1px;
                  transition: all 0.3s;
         }

         #topic_230502 .accordion-title::after {
                  transform: rotate(90deg);
         }

         /*　closeというクラスがついたら形状変化　*/

         #topic_230502 .accordion-title.close::after {
                  transform: rotate(90deg);
         }

         #topic_230502 .accordion-title.close::before {
                  transform: rotate(180deg);
         }

         #topic_230502 .accordion-title.close::after {
                  transform: rotate(180deg);
         }

         #topic_230502 .direct-link {
                  padding: 20px 0px 20px 40px !important;
                  text-align: left;
                  font-size: 13px !important;
                  font-weight: 400 !important;
                  cursor: pointer;
                  display: block !important;
                  border-top: 1px solid #ccc;
                  background: #fff !important;
         }

         /*アイコンの＋と×*/

         /*アコーディオンで現れるエリア*/

         #topic_230502 .accordion-box {
                  display: none;
                  /*はじめは非表示*/
                  background: #fafafa;
                  padding: 3%;
         }

         #topic_230502 .accordion-box {
                  padding: 0 0px 0px 0px;
                  font-size: 13px;
                  border-top: 1px solid #d9d9d9;
                  text-align: left;
                  display: none;
                  cursor: pointer;
         }

         #topic_230502 .accordion-box a {
                  text-decoration: none !important;
                  margin-left: 25px;
         }

         #topic_230502 .accordion-box ul {
                  font-size: 13px;
                  padding: 0;
         }

         #topic_230502 .accordion-box li {
                  padding: 20px 0 20px 40px;
                  border-top: 1px solid #d9d9d9;
         }

         #topic_230502 .accordion-box .list-top {
                  padding: 20px 0 20px 40px;
                  border-top: 0px;
         }

         /*アコーディオンで現れるエリア*/
}

/* //////////////////
変更箇所はここから
////////////////// */

/*PC共通*/

#topic_230502 .flex .item_txt {
         max-width: 460px;
         text-align: left;
}

/*PC個別*/
#topic_230502 .banner {
         max-width: 1142px;
         margin: 44px auto 150px;
}

#topic_230502 .banner .flex {
         align-items: center;
         justify-content: space-between;
}

#topic_230502 .banner .item_img {
         max-width: 530px;
}

#topic_230502 .banner .item_img::after {
         position: absolute;
         content: '';
         width: 160px;
         height: 160px;
         background-color: #E0F2F0;
         mix-blend-mode: multiply;
         bottom: -60px;
         right: -60px;
}

#topic_230502 .banner .item_txt {
         z-index: 1;
}

#topic_230502 .banner .item_subtitle {
         max-width: 420px;
         margin-bottom: 44px;
}

#topic_230502 .banner .item_title {
         max-width: 420px;
         margin-left: 35px;
}

#topic_230502 .banner p {
         font-size: 13px;
         text-align: center;
         margin-top: 150px;
}

#topic_230502 .wrapper {
         padding: 0 70px;
         margin-bottom: 180px;
}

#topic_230502 .section_01 {
         max-width: 1020px;
         margin: 0 auto 180px;
}

#topic_230502 .section_01 p {
         margin-top: 40px;
         text-align: center;
}

#topic_230502 .section_02 {
         max-width: 1020px;
         margin: 0 auto 180px;
}

#topic_230502 .section_02 .flex {
         align-items: center;
         justify-content: space-between;
         column-gap: 50px;
}

#topic_230502 .section_02 .flex img.absolute {
         height: 160px;
         width: auto;
         top: -30px;
         right: -70px;
}

#topic_230502 .section_02 .upper {
         max-width: 460px;
}

#topic_230502 .section_02 .upper .slick-slide {
         width: 460px;
}

#topic_230502 .section_02 .lower {
         max-width: 460px;
}

#topic_230502 .section_03 {
         max-width: 1225px;
         margin: 0 auto 180px;
}

#topic_230502 .section_03 .flex {
         align-items: flex-start;
         justify-content: space-between;
         column-gap: 50px;
}

#topic_230502 .section_03 .flex img.absolute {
         height: 160px;
         width: auto;
         top: -30px;
         left: -70px;
}

#topic_230502 .section_03 .upper {
         max-width: 460px;
}

#topic_230502 .section_03 .lower {
         margin-top: 100px;
         max-width: 705px;
         display: flex;
         flex-direction: column;
}

#topic_230502 .section_03 .lower .item_img {
         margin-bottom: 40px;
}

#topic_230502 .section_03 .lower p {
         max-width: 460px;
}

#topic_230502 .section_03 .lower .item_info {
         max-width: 400px;
}

#topic_230502 .section_04 {
         max-width: 1160px;
         margin: 0 auto 180px;
}

#topic_230502 .section_04 .flex {
         align-items: center;
         justify-content: space-between;
}

#topic_230502 .section_04 .flex img.absolute {
         height: 160px;
         width: auto;
         top: -30px;
         right: -70px;
}

#topic_230502 .section_04 .upper {
         max-width: 550px;
}

#topic_230502 .section_04 .upper .item_img {
         width: 550px;
}

#topic_230502 .section_04 .upper p {
         margin-top: 40px;
         max-width: 460px;
}

#topic_230502 .section_04 .lower {
         margin-top: -175px;
         max-width: 645px;
         z-index: 1;
         margin-right: -85px;
}

#topic_230502 .section_04 .lower .item_img {
         margin-bottom: 40px;
}

#topic_230502 .section_04 .lower p {
         max-width: 460px;
}

#topic_230502 .section_04 .lower .item_info {
         max-width: 400px;
}

#topic_230502 .section_05,
#topic_230502 .section_06 {
         max-width: 460px;
         margin: 0 auto 180px;
}

#topic_230502 .section_05 {
         transform: translateX(-280px);
}

#topic_230502 .section_06 {
         transform: translateX(280px);
         margin-top: -900px !important;
}

#topic_230502 .section_06 {
         margin: 0 auto 180px;
}

#topic_230502 .section_05 .flex,
#topic_230502 .section_06 .flex {
         flex-direction: column;
}

#topic_230502 .section_05 .flex img.absolute {
         height: 160px;
         width: auto;
         top: -30px;
         left: -70px;
}

#topic_230502 .section_06 .flex img.absolute {
         height: 160px;
         width: auto;
         top: -30px;
         right: -70px;
}

#topic_230502 .section_05 .upper,
#topic_230502 .section_06 .upper {
         max-width: 460px;
}

#topic_230502 .section_05 .upper .slick-slide,
#topic_230502 .section_06 .upper .slick-slide {
         width: 460px;
}

#topic_230502 .section_05 .lower,
#topic_230502 .section_06 .lower {
         max-width: 460px;
}

#topic_230502 .section_05 .lower p,
#topic_230502 .section_06 .lower p {
         margin-top: 40px;
}

#topic_230502 .section_05 .lower .item_info,
#topic_230502 .section_06 .lower .item_info {
         max-width: 320px;
}

#topic_230502 .section_07 {
         max-width: 1020px;
         margin: 0 auto 180px;
}

#topic_230502 .section_07 .flex {
         align-items: flex-start;
         justify-content: space-between;
         column-gap: 50px;
}

#topic_230502 .section_07 .flex img.absolute {
         height: 160px;
         width: auto;
         top: -30px;
         left: -70px;
}

#topic_230502 .section_07 .upper {
         max-width: 460px;
}

#topic_230502 .section_07 .upper .slick-slide {
         width: 460px;
}

#topic_230502 .section_07 .lower {
         max-width: 460px;
         margin-top: 100px;
}

#topic_230502 .section_08 {
         max-width: 1020px;
         margin: 0 auto 150px;
         margin-top: -400px;
}

#topic_230502 .section_08 .flex {
         align-items: flex-end;
         justify-content: space-between;
         column-gap: 50px;
}

#topic_230502 .section_08 .flex img.absolute {
         height: 160px;
         width: auto;
         top: -30px;
         right: -70px;
}

#topic_230502 .section_08 .upper {
         max-width: 460px;
}

#topic_230502 .section_08 .upper .slick-slide {
         width: 460px;
}

#topic_230502 .section_08 .lower {
         max-width: 460px;
         margin-bottom: 100px;
}

@media screen and (max-width: 1199px) {
         #topic_230502 .banner .item_img {
                  max-width: 460px;
         }

         #topic_230502 .banner .item_img:after {
                  width: 120px;
                  height: 120px;
                  bottom: -40px;
                  right: -40px;
         }

         #topic_230502 .banner .item_subtitle {
                  width: 150%;
         }

         #topic_230502 .banner .item_title {
                  width: 150%;
                  margin-left: 0;
         }

         #topic_230502 .section_04 .upper .item_img {
                  width: 460px;
         }

         #topic_230502 .section_05,
         #topic_230502 .section_06 {
                  max-width: 360px;
         }

         #topic_230502 .section_05 {
                  transform: translateX(-210px);
         }

         #topic_230502 .section_06 {
                  transform: translateX(210px);
                  margin-top: -800px !important;
         }
}

@media screen and (max-width: 980px) {
         #topic_230502 .section_02 .upper {
                  max-width: 360px;
         }

         #topic_230502 .section_02 .upper .slick-slide {
                  width: 360px;
         }

         #topic_230502 .section_03 .upper {
                  max-width: 360px;
         }

         /* #topic_230502 .section_03 .upper .slick-slide {
        width: 360px;
    } */

         #topic_230502 .section_04 .upper {
                  max-width: 360px;
         }

         #topic_230502 .section_04 .upper .item_img {
                  width: 360px;
         }

         #topic_230502 .section_04 .lower {
                  margin-right: -20px;
         }

         #topic_230502 .section_05,
         #topic_230502 .section_06 {
                  max-width: 280px;
         }

         #topic_230502 .section_05 {
                  transform: translateX(-160px);
         }

         #topic_230502 .section_06 {
                  transform: translateX(160px);
         }

         #topic_230502 .section_05 .upper,
         #topic_230502 .section_06 .upper {
                  max-width: 360px;
         }

         #topic_230502 .section_05 .upper .slick-slide,
         #topic_230502 .section_06 .upper .slick-slide {
                  width: 360px;
         }

         #topic_230502 .section_07 .upper {
                  max-width: 360px;
         }

         #topic_230502 .section_07 .upper .slick-slide {
                  width: 360px;
         }

         #topic_230502 .section_08 {
                  margin-top: -300px;
         }

         #topic_230502 .section_08 .upper {
                  max-width: 360px;
         }

         #topic_230502 .section_08 .upper .slick-slide {
                  width: 360px;
         }
}

@media screen and (max-width: 768px) {
         #topic_230502 .flex .item_img {
                  width: 100%;
                  margin-top: 0;
         }

         #topic_230502 .item_txt {
                  max-width: 510px;
                  padding: 0 25px;
         }

         /* #topic_230502 .items .item_info {
        padding: 0;
    } */

         /* #topic_230502 .items .item_info ul li {
        font-size: 10px;
        margin-right: 8px;
        margin-bottom: 10px;
    } */

         #topic_230502 .wrapper {
                  padding: 0;
                  margin-bottom: 100px;
         }

         #topic_230502 .index .banner .flex .item_img::after {
                  display: none;
         }

         #topic_230502 .index .banner .item_txt {
                  margin-top: -30px;
                  z-index: auto;
                  padding-left: 25px;
                  padding-right: 25px;
                  text-align: center;
         }

         #topic_230502 .index .banner .item_subtitle {
                  max-width: 295px;
                  width: 100%;
                  transform: translateX(-40px);
                  margin-bottom: 20px;
         }

         #topic_230502 .index .banner p {
                  margin-top: 40px;
                  margin-bottom: 0;
         }

         #topic_230502 .index .banner .item_title {
                  max-width: 310px;
                  width: 100%;
         }

         #topic_230502 .index .banner {
                  max-width: 460px;
                  margin-bottom: 80px;
         }

         #topic_230502 .index .banner .flex {
                  align-items: center;
                  column-gap: 0;
                  justify-content: normal;
         }

         #topic_230502 .index .banner .flex .item_img .absolute {
                  width: 100px;
                  bottom: 20px;
                  right: 20px;
         }

         #topic_230502 .section_01 {
                  max-width: 460px;
                  margin: 0 auto 160px;
                  padding: 0 25px;
         }

         #topic_230502 .section_01 p {
                  margin-top: 30px;
                  text-align: left;
         }

         #topic_230502 .section_01 .flex {
                  align-items: center;
                  margin-top: 0;
         }

         #topic_230502 .section_01 .flex .item_img {
                  max-width: 460px;
         }

         #topic_230502 .section_02 {
                  max-width: 460px;
                  margin: 0 auto 160px;
         }

         #topic_230502 .section_02 .flex {
                  align-items: center;
                  column-gap: 0;
                  justify-content: normal;
         }

         #topic_230502 .section_02 .flex .upper {
                  margin-bottom: 30px;
                  padding-right: 50px;
         }

         #topic_230502 .section_02 .upper {
                  max-width: 460px;
         }

         #topic_230502 .section_02 .upper .slick-slide {
                  width: 460px;
         }

         #topic_230502 .section_02 .flex img.absolute {
                  height: 130px;
                  top: -80px;
                  right: 0;
         }

         #topic_230502 .section_03 {
                  max-width: 460px;
                  margin: 0 auto 160px;
         }

         #topic_230502 .section_03 .flex {
                  align-items: center;
                  column-gap: 0;
                  justify-content: normal;
         }

         #topic_230502 .section_03 .flex .upper {
                  margin-bottom: 30px;
                  padding-left: 50px;
         }

         #topic_230502 .section_03 .upper {
                  max-width: 460px;
         }

         /* #topic_230502 .section_03 .upper .slick-slide {
        width: 460px;
    } */

         #topic_230502 .section_03 .flex img.absolute {
                  height: 130px;
                  top: -80px;
                  left: 0;
         }

         #topic_230502 .section_03 .lower {
                  margin-top: 0;
         }

         #topic_230502 .section_03 .lower p {
                  order: -1;
         }

         #topic_230502 .section_03 .lower .item_img {
                  margin-left: -25px;
                  margin-right: -25px;
                  margin-top: 40px;
                  margin-bottom: 0;
                  width: auto;
         }

         #topic_230502 .section_04 {
                  max-width: 460px;
                  margin: 0 auto 160px;
         }

         #topic_230502 .section_04 .flex {
                  align-items: center;
                  column-gap: 0;
                  justify-content: normal;
         }

         #topic_230502 .section_04 .upper {
                  max-width: 460px;
         }

         #topic_230502 .section_04 .upper .item_img {
                  width: auto;
                  padding-right: 50px;
         }

         #topic_230502 .section_04 .upper p {
                  margin-top: 30px;
                  max-width: unset;
                  padding: 0 25px;
         }

         #topic_230502 .section_04 .flex img.absolute {
                  height: 130px;
                  top: -80px;
                  right: 0;
         }

         #topic_230502 .section_04 .lower {
                  margin-top: 0;
                  margin-right: 0;
         }

         #topic_230502 .section_04 .lower .item_img {
                  margin-left: -25px;
                  margin-right: -25px;
                  margin-top: 40px;
                  margin-bottom: 0;
                  width: auto;
         }

         #topic_230502 .section_05,
         #topic_230502 .section_06 {
                  max-width: 460px;
                  margin: 0 auto 160px;
         }

         #topic_230502 .section_05 {
                  transform: translateX(0);
         }

         #topic_230502 .section_06 {
                  transform: translateX(0);
                  margin-top: 0 !important;
         }

         #topic_230502 .section_05 .flex .upper {
                  margin-bottom: 30px;
                  padding-left: 50px;
         }

         #topic_230502 .section_06 .flex .upper {
                  margin-bottom: 30px;
                  padding-right: 50px;
         }

         #topic_230502 .section_05 .upper,
         #topic_230502 .section_06 .upper {
                  max-width: 460px;
         }

         #topic_230502 .section_05 .upper .slick-slide,
         #topic_230502 .section_06 .upper .slick-slide {
                  width: 460px;
         }

         #topic_230502 .section_05 .flex img.absolute {
                  height: 130px;
                  top: -80px;
                  left: 0;
         }

         #topic_230502 .section_06 .flex img.absolute {
                  height: 130px;
                  top: -80px;
                  right: 0;
         }

         #topic_230502 .section_05 .lower p,
         #topic_230502 .section_06 .lower p {
                  margin-top: 0;
         }

         #topic_230502 .section_05 .lower .item_info,
         #topic_230502 .section_06 .lower .item_info {
                  max-width: 460px;
         }

         #topic_230502 .section_07 {
                  max-width: 460px;
                  margin: 0 auto 160px;
         }

         #topic_230502 .section_07 .flex {
                  align-items: center;
                  column-gap: 0;
                  justify-content: normal;
         }

         #topic_230502 .section_07 .flex .upper {
                  margin-bottom: 30px;
                  padding-left: 50px;
         }

         #topic_230502 .section_07 .upper {
                  max-width: 460px;
         }

         #topic_230502 .section_07 .upper .slick-slide {
                  width: 460px;
         }

         #topic_230502 .section_07 .flex img.absolute {
                  height: 130px;
                  top: -80px;
                  left: 0;
         }

         #topic_230502 .section_07 .lower {
                  margin-top: 0;
         }

         #topic_230502 .section_08 {
                  max-width: 460px;
                  margin: 0 auto 100px;
         }

         #topic_230502 .section_08 .flex {
                  align-items: center;
                  column-gap: 0;
                  justify-content: normal;
         }

         #topic_230502 .section_08 .flex .upper {
                  margin-bottom: 30px;
                  padding-right: 50px;
         }

         #topic_230502 .section_08 .upper {
                  max-width: 460px;
         }

         #topic_230502 .section_08 .upper .slick-slide {
                  width: 460px;
         }

         #topic_230502 .section_08 .flex img.absolute {
                  height: 130px;
                  top: -80px;
                  right: 0;
         }

         #topic_230502 .section_08 .lower {
                  margin-bottom: 0;
         }
}

/* //////////////////
ここまで
////////////////// */

.pc {
         display: block;
}

.sp {
         display: none;
}

@media only screen and (max-width: 768px) {
         .pc {
                  display: none;
         }

         .sp {
                  display: block;
         }
}