.yellow_back { background-color: #fffdde; padding: 70px 0; }

.uni_list li.pink::before { background-color: #ffd2d2; }
.uni_list li.pink h3 { color: #ff7f7f; }
.uni_list li.blue::before { background-color: #bdd8f1; }
.uni_list li.blue h3 { color: #5a95cb; }
.uni_list li.green::before { background-color: #d8ecd8; }
.uni_list li.green h3 { color: #7eba7f; }
.uni_list li.purple::before { background-color: #dbd0e7; }
.uni_list li.purple h3 { color: #a189ba; }
.uni_list li.orange::before { background-color: #f1d8bf; }
.uni_list li.orange h3 { color: #e69d56; }

@media (min-width: 768px) { .uni_title1 { color: #ff7f7f; font-size: 60px; line-height: 1.0; font-weight: bold; position: relative; margin: 0 0 80px 0; }
  .uni_title1::before { content: ""; background-color: #ff7f7f; height: 110px; width: 100vw; display: block; position: absolute; left: -101vw; top: 7px; }
  .uni_title1::after { content: "2025"; display: block; position: absolute; right: -40px; top: -50px; font-size: 200px; color: rgba(255, 127, 127, 0.3); }
  .uni_title1 img { position: absolute; top: -30px; right: 30px; width: 214px; z-index: 2; }
  .main_img { text-align: center; margin: 0 auto 40px; }
  .main_img img { margin: 0 auto; }
  .uni_title2 { font-size: 26px; }
  .uni_p1 { font-size: 16px; margin: 0 0 80px 0; }
  .uni_list { display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; gap: 0 46px; }
  .uni_list li { width: calc(50% - 23px); height: 380px; }
  .uni_list li.left { position: relative; padding: 0 60px; margin: 50px 0 0 0; }
  .uni_list li.left::before { content: ""; width: 296px; height: 296px; display: block; border-radius: 50%; position: absolute; top: 0; left: 60px; }
  .uni_list li.left h3 { z-index: 2; position: relative; top: -52px; font-size: 18px; font-weight: bold; margin: 0 0 10px 66px; line-height: 1.4; }
  .uni_list li.left p { z-index: 2; position: relative; top: -52px; width: 296px; margin: 0 0 0 66px; line-height: 1.6; }
  .uni_list li.left .img1 { z-index: 2; position: absolute; }
  .uni_list li.left .img2 { z-index: 2; position: absolute; }
  .uni_list li.right { position: relative; padding: 0 60px 0 0; margin: 50px 0 0 0; }
  .uni_list li.right::before { content: ""; width: 296px; height: 296px; display: block; border-radius: 50%; position: absolute; top: 0; left: 60px; }
  .uni_list li.right h3 { z-index: 2; position: relative; top: -52px; font-size: 18px; font-weight: bold; margin: 0 66px 10px 0; line-height: 1.4; }
  .uni_list li.right p { z-index: 2; position: relative; top: -52px; width: 296px; margin: 0 66px 0 0; line-height: 1.6; }
  .uni_list li.right .img1 { z-index: 2; position: absolute; }
  .uni_list li.right .img2 { z-index: 2; position: absolute; }
  .uni_list li.pink .img1 { width: 114px; left: 0; right: auto; top: 0; }
  .uni_list li.pink .img2 { width: 270px; right: 50px; left: auto; top: 80px; }
  .uni_list li.blue .img1 { width: 118px; right: 40px; left: auto; top: -20px; }
  .uni_list li.blue .img2 { width: 270px; left: 20px; right: auto; top: 90px; }
  .uni_list li.green .img1 { width: 140px; left: 0; right: auto; top: 0; }
  .uni_list li.green .img2 { width: 215px; right: 70px; left: auto; top: 90px; }
  .uni_list li.purple .img1 { width: 128px; right: 40px; left: auto; top: -30px; }
  .uni_list li.purple .img2 { width: 219px; left: 20px; right: auto; top: 100px; }
  .uni_list li.orange .img1 { width: 95px; right: 60px; left: auto; top: -20px; }
  .uni_list li.orange .img2 { width: 246px; left: 20px; right: auto; top: 90px; }
  .uni_list .btn_li { display: flex; align-items: center; }
  .uni_list .btn_li .brochure_btn { background-color: #e69d56; margin: 0 auto; }
  .uniform_box { display: flex; padding: 100px 0 0 0; }
  .uniform_box .text_box { width: calc(100% - 466px); display: flex; justify-content: center; align-items: center; flex-direction: column; }
  .uniform_box .img_box { width: 466px; margin: 0; }
  .uniform_box .img_box figcaption { text-align: center; font-size: 12px; line-height: 1.4; margin: 7px 0 0 0; }
  .uniform_list_a { display: flex; padding: 100px 0 0 0; gap: 0 25px; }
  .uniform_list_a .text_box { width: calc(100% - 466px); }
  .uniform_list_a .text_box .text { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 318px; }
  .uniform_list_a .text_box .text .page_ttl_01 { color: #000; letter-spacing: 3px; }
  .uniform_list_a .img_box { width: 466px; margin: 0; }
  .uniform_list_a .img_box figcaption { text-align: center; }
  .uniform_list_a .uniform_list_b { display: flex; flex-wrap: wrap; padding: 0; gap: 0 25px; }
  .uniform_list_a .uniform_list_b figure { width: calc(50% - 19px); margin: 0 0 30px 0 !important; }
  .uniform_list_a .uniform_list_b figure img { width: 221px; }
  .uniform_list_b { display: flex; flex-wrap: wrap; padding: 0; gap: 0 25px; }
  .uniform_list_b figure { width: calc(25% - 19px); margin: 0 0 30px 0; }
  .uniform_list_b figure img { width: 221px; }
  .uniform_list_b figure figcaption { text-align: center; font-size: 12px; line-height: 1.4; margin: 7px 0 0 0; }
  .uniform_list_b figure a { position: relative; }
  .uniform_list_b figure a::after { content: ""; background-image: url("../../../common/images/mushimegane.svg"); width: 20px; height: 20px; display: block; background-size: 20px 20px; position: absolute; bottom: 5px; right: 5px; }
  .uniform_list_b figure:nth-child(4n+1):nth-last-child(-n+4), .uniform_list_b figure:nth-child(4n+1):nth-last-child(-n+4) ~ figure { margin: 0; } }
@media (max-width: 767.98px) { .uni_title1 { color: #ff7f7f; font-size: 30px; line-height: 1.0; font-weight: bold; position: relative; margin: 0 0 40px 0; }
  .uni_title1::before { content: ""; background-color: #ff7f7f; height: 110px; width: 130px; display: block; position: absolute; left: -137px; top: -9px; }
  .uni_title1::after { content: "2025"; display: block; position: absolute; right: -10px; top: -50px; font-size: 100px; color: rgba(255, 127, 127, 0.3); }
  .uni_title1 img { position: absolute; top: -50px; right: 0; width: 120px; z-index: 2; }
  .main_img { text-align: center; margin: 0 auto 30px; }
  .main_img img { margin: 0 auto; }
  .uni_title2 { font-size: 18px; }
  .uni_p1 { font-size: 13px; margin: 0 0 40px 0; }
  .uni_list { display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; gap: 0 46px; max-width: 340px; margin: 0 auto; }
  .uni_list li { width: 100%; height: 380px; margin: 0 auto; }
  .uni_list li.left { position: relative; padding: 0; margin: 50px 0 0 0; }
  .uni_list li.left::before { content: ""; width: 296px; height: 296px; display: block; border-radius: 50%; position: absolute; top: 0; left: calc(50% - 148px); }
  .uni_list li.left h3 { z-index: 2; position: relative; top: -52px; font-size: 18px; font-weight: bold; margin: 0 0 10px 116px; line-height: 1.4; }
  .uni_list li.left p { z-index: 2; position: relative; top: -52px; width: 220px; margin: 0 0 0 116px; line-height: 1.6; }
  .uni_list li.left .img1 { z-index: 2; position: absolute; }
  .uni_list li.left .img2 { z-index: 2; position: absolute; }
  .uni_list li.right { position: relative; padding: 0; margin: 50px 0 0 0; }
  .uni_list li.right::before { content: ""; width: 296px; height: 296px; display: block; border-radius: 50%; position: absolute; top: 0; left: calc(50% - 148px); }
  .uni_list li.right h3 { z-index: 2; position: relative; top: -52px; font-size: 18px; font-weight: bold; margin: 0 66px 10px 0; line-height: 1.4; }
  .uni_list li.right p { z-index: 2; position: relative; top: -52px; width: 220px; margin: 0 66px 0 0; line-height: 1.6; }
  .uni_list li.right .img1 { z-index: 2; position: absolute; }
  .uni_list li.right .img2 { z-index: 2; position: absolute; }
  .uni_list li.pink .img1 { width: 114px; left: 0; right: auto; top: 0; }
  .uni_list li.pink .img2 { width: 220px; right: 0; left: auto; top: 80px; }
  .uni_list li.blue .img1 { width: 118px; right: 0; left: auto; top: -20px; }
  .uni_list li.blue .img2 { width: 225px; left: -10px; right: auto; top: 110px; }
  .uni_list li.green .img1 { width: 140px; left: -20px; right: auto; top: 5px; }
  .uni_list li.green .img2 { width: 190px; right: 00px; left: auto; top: 90px; }
  .uni_list li.purple .img1 { width: 128px; right: 0; left: auto; top: -30px; }
  .uni_list li.purple .img2 { width: 190px; left: 5px; right: auto; top: 100px; }
  .uni_list li.orange .img1 { width: 95px; right: 0; left: auto; top: -20px; }
  .uni_list li.orange .img2 { width: 220px; left: 10px; right: auto; top: 110px; }
  .uni_list .btn_li { display: flex; align-items: center; height: auto; padding: 40px 0 10px; }
  .uni_list .btn_li .brochure_btn { background-color: #e69d56; margin: 0 auto; }
  .uniform_box { display: flex; flex-wrap: wrap; padding: 40px 0 0 0; }
  .uniform_box .text_box { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
  .uniform_box .img_box { width: 100%; margin: 0; }
  .uniform_box .img_box figcaption { text-align: center; font-size: 11px; line-height: 1.4; margin: 5px 0 0 0; }
  .uniform_list_a { display: flex; padding: 40px 0 0 0; gap: 0 25px; }
  .uniform_list_a .text_box { width: 100%; }
  .uniform_list_a .text_box .text { display: flex; justify-content: center; align-items: center; flex-direction: column; }
  .uniform_list_a .text_box .text .page_ttl_01 { color: #000; letter-spacing: 3px; }
  .uniform_list_a .img_box { width: 100%; margin: 0; }
  .uniform_list_a .img_box figcaption { text-align: center; }
  .uniform_list_a .uniform_list_b { display: flex; flex-wrap: wrap; padding: 0; gap: 0 20px; margin: 30px 0 0 0; }
  .uniform_list_a .uniform_list_b figure { width: calc(50% - 10px); margin: 0 0 20px 0 !important; }
  .uniform_list_a .uniform_list_b figure img { width: 100%; }
  .uniform_list_b { display: flex; flex-wrap: wrap; padding: 0; gap: 0 20px; }
  .uniform_list_b figure { width: calc(50% - 10px); margin: 0 0 20px 0; }
  .uniform_list_b figure img { width: 100%; }
  .uniform_list_b figure figcaption { text-align: center; font-size: 11px; line-height: 1.4; margin: 5px 0 0 0; }
  .uniform_list_b figure a { position: relative; }
  .uniform_list_b figure a::after { content: ""; background-image: url("../../../common/images/mushimegane.svg"); width: 20px; height: 20px; display: block; background-size: 20px 20px; position: absolute; bottom: 5px; right: 5px; }
  .uniform_list_b figure:nth-child(2n+1):nth-last-child(-n+2), .uniform_list_b figure:nth-child(2n+1):nth-last-child(-n+2) ~ figure { margin: 0; } }