@charset "UTF-8";

/*--------------------------------------------------------

キャンペーンページ

--------------------------------------------------------*/

#kosodate-fair .l_container_cp {
  max-width: 1240px;/*l_container枠_1200*/
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

@media screen and (max-width: 1240px) {
  #kosodate-fair .l_container_cp {
    padding: 0 calc(20/1240*100%);
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .l_container_cp {
    padding: 0 calc(16/375*100%);
  }
}

#kosodate-fair .cp_container {
  display: flex;
  flex-direction: column;
  gap:64px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .cp_container {
    gap:6.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .cp_container {
    gap:10.666vw;
  } 
}

#kosodate-fair .cp_ttl {
  width: calc(1042/960*100%);
  margin: 0 0 0 -41px;
  padding-top: calc(64/960*100%);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .cp_ttl {
    width: 100%;
    margin: 0 auto;
  } 
}

@media screen and (max-width: 750px) {
  #kosodate-fair .cp_ttl {
    width: calc(365/343*100%);
    margin: 0 0 0 -2.9333vw;
    padding-top: calc(12/343*100%);
  } 
}

#kosodate-fair .cp_day {
  margin-top: calc(60/960*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .cp_day {
    margin-top: calc(16/343*100%);
  }
}

#kosodate-fair .couse_image {
  position: relative;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .couse_image {
    position: relative;
    margin-top: calc(20/343*100%);
  }
}

#kosodate-fair .couse01 {
  position: absolute;
  width: calc(306/960*100%);
  top: 0;
  left:0;
  margin: calc(-30/960*100%) 0 0 calc(-18/960*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .couse01 {
    width: calc(172/343*100%); 
    margin: calc(-30/343*100%) 0 0 calc(-15/343*100%);
  }
}

#kosodate-fair .couse02 {
  position: absolute;
  width: calc(398/960*100%);
  top: 0;
  left:0;
  margin: calc(-37/960*100%) 0 0 calc(-18/960*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .couse02 {
    width: calc(234/343*100%); 
    margin: calc(-38/343*100%) 0 0 calc(-15/343*100%);
  }
}

#kosodate-fair .couse03 {
  position: absolute;
  width: calc(336/960*100%);
  top: 0;
  left:0;
  margin: calc(-30/960*100%) 0 0 calc(-18/960*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .couse03 {
    width: calc(222/343*100%); 
    margin: calc(-40/343*100%) 0 0 calc(-15/343*100%);
  }
}

#kosodate-fair .kiyaku_container {  
  padding: calc(64/960*100%) calc(64/960*100%) calc(80/960*100%);
  border-radius: 16px;
  background: var(--BASE-TRUE-WHITE, #FFF);
  box-shadow:3px 3px 3px rgba(120,100,60,0.08);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_container {  
    padding: calc(24/343*100%) calc(24/343*100%) calc(40/343*100%);
  }
}

#kosodate-fair .kiyaku_wrapper {
  margin-bottom: calc(24/832*100%);
  padding-bottom: calc(24/832*100%);

  background-image: repeating-linear-gradient(90deg, #b8b5a6, #b8b5a6 3px, transparent 3px, transparent 6px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_wrapper {
    margin-bottom: calc(24/295*100%);
    padding-bottom: calc(24/295*100%);
  }
}

#kosodate-fair .kiyaku_ttl {  
  color: var(--campaign-campaign-brown, #6A3906);
  text-align: center;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 150%; /* 33px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kiyaku_ttl {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_ttl {  
    font-size: clamp(1.0rem, 5.3333vw, 4.0rem);
  }
}

#kosodate-fair .kiyaku_ttl02 {  
  color: var(--TEXT-text-black, #4C4B45);
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 167.5%; /* 26.8px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kiyaku_ttl02 {  
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_ttl02 {  
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
  }
}

#kosodate-fair .kiyaku_lead {
  margin-top: calc(16/832*100%);
  color: var(--TEXT-text-black-strong, #383733);
  font-size: 1.6rem;
  line-height: 167.5%; /* 26.8px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kiyaku_lead {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_lead {
    margin-top: calc(16/295*100%);
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
  }
}

#kosodate-fair .kiyaku_text {
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 1.4rem;
  line-height: 167.5%; /* 23.45px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kiyaku_text {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_text {
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
  }
}

#kosodate-fair .kiyaku_notes {
  color: var(--TEXT-text-black-light, #7A7A76);
  font-size: 1.2rem;
  line-height: 150%; /* 18px */
  margin-top: calc(10/832*100%);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kiyaku_notes {
    font-size: 1.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_notes {
    font-size: clamp(1.0rem, 3.2vw, 2.4rem);
    margin-top: calc(10/295*100%);
  }
}

#kosodate-fair .kiyaku_notes li {
  text-indent: -1em;
  padding-left: 1em;
}

#kosodate-fair .kiyaku_btn_wrap {
  max-width: 478px;
  margin: calc(56/832*100%) auto 0;
  padding: calc(24/832*100%) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap:48px;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_btn_wrap {
    max-width: 100%;
    width: 100%;
    margin: calc(16/295*100%) auto 0;
    padding: calc(24/295*100%) 0;
    gap:12.8vw;
  }
}

#kosodate-fair .kiyaku_btn_ttl {
  color: var(--TEXT-text-black-strong, #383733);
  text-align: center;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 100%; /* 20px */
  margin: 0 auto calc(14/478*100%);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kiyaku_btn_ttl {
    font-size: 2.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_btn_ttl {
    font-size: clamp(1.0rem, 5.333vw, 4.0rem);
    margin: 0 auto calc(14/295*100%);
  }
}

#kosodate-fair .kiyaku_web_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap:20px;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_web_wrapper {
    gap:5.333vw;
    padding: 0 3.2vw;
  }
}

#kosodate-fair .kiyaku_btn_orange,
#kosodate-fair .kiyaku_btn_red,
#kosodate-fair .kiyaku_btn_green,
#kosodate-fair .kiyaku_btn_blue {
  width: 100%;
  display: block;
  gap: 10px;
  padding: 28px 0 ;
  color: var(--BASE-TRUE-WHITE, #FFF);
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  line-height: 100%; /* 22px */
  text-decoration: none;
  border-radius: 2000px;
  border: 4px solid var(--BASE-safety-orange-tint, #FFF4E5);
  box-sizing: border-box;
  background: var(--BASE-accent-orange, #FF9305);
  box-shadow:3px 3px 3px rgba(120,100,60,0.08);
  margin: 0 auto;
}

#kosodate-fair .kiyaku_btn_orange span,
#kosodate-fair .kiyaku_btn_red span,
#kosodate-fair .kiyaku_btn_green span,
#kosodate-fair .kiyaku_btn_blue span {
  font-size: 81.8181%;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kiyaku_btn_orange,
  #kosodate-fair .kiyaku_btn_red,
  #kosodate-fair .kiyaku_btn_green,
  #kosodate-fair .kiyaku_btn_blue {
    gap: 1.0vw;
    padding: 2,8vw 0 ;
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_btn_orange,
  #kosodate-fair .kiyaku_btn_red,
  #kosodate-fair .kiyaku_btn_green,
  #kosodate-fair .kiyaku_btn_blue {
    gap: 5.333vw;
    padding: 5.333vw 0 ;
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
  }

  #kosodate-fair .kiyaku_btn_orange span,
  #kosodate-fair .kiyaku_btn_red span,
  #kosodate-fair .kiyaku_btn_green span,
  #kosodate-fair .kiyaku_btn_blue span {
    font-size: 75%;
  }
}

#kosodate-fair .kiyaku_btn_orange{
  width: 100%;
  background: var(--BASE-accent-orange, #FF9305);
}

#kosodate-fair .kiyaku_btn_red{
  max-width: 406px;
  background: #FA6975;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_btn_red{
    max-width: 100%;
  }
}

#kosodate-fair .kiyaku_btn_green{
  max-width: 406px;
  background: #22AC38;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_btn_greend{
    max-width: 100%;
  }
}

#kosodate-fair .kiyaku_btn_blue{
  max-width: 406px;
  background: #00A0E9;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_btn_blue{
    max-width: 100%;
  }
}

#kosodate-fair .kiyaku_toiawase_wrap {
  max-width: 640px;
  display: flex;
  padding:calc(48/832*100%) calc(96/832*100%);
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-radius: 19px;
  border: 4px solid #C1A88E;
  margin: calc(64/832*100%) auto 0;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_toiawase_wrap {
    max-width: 100%;
    padding:calc(32/295*100%) calc(20/295*100%) calc(24/295*100%);
    gap: 8.5333vw;
    border-radius: 10px;
    border: 2px solid #C1A88E;
    margin: calc(40/295*100%) auto 0;
  }
}

#kosodate-fair .kiyaku_toiawase_ttl {
  position: absolute;
  color: var(--campaign-campaign-brown, #6A3906);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 150%;
  top:0;
  left: 0;
  right:0;
  margin: calc(-23/640*100%) auto 0;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kiyaku_toiawase_ttl {
    font-size: 2.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_toiawase_ttl {
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
    margin: calc(-11/208*100%) auto 0;
  }
}

#kosodate-fair .kiyaku_toiawase_ttl p {
  background: var(--BASE-TRUE-WHITE);
  padding: 0 20px;
  display: inline-block;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_toiawase_ttl p {
    padding: 0 2.13333vw;
  }
}

#kosodate-fair .kiyaku_toiawase_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap:20px;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kiyaku_toiawase_box {
    gap:4.266vw;
  }
}

#kosodate-fair .toiawase_ttl,
#kosodate-fair .toiawase_ttl02 {
  width: 100%;
  display: flex;
  padding: 12px 0;
  justify-content: center;
  align-items: center;
  border-radius: 2000px;
  background: var(--campaign-campaign-brown, #6A3906);
  color: var(--BASE-TRUE-WHITE, #FFF);
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 100%; /* 16px */
  letter-spacing: 0.8px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .toiawase_ttl,
  #kosodate-fair .toiawase_ttl02 {
    padding: 1.2vw 0;
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .toiawase_ttl {
    padding: 3.2vw 0;
    font-size: clamp(1.0rem, 4.2666vw, 3.2rem);
  }

  #kosodate-fair .toiawase_ttl02 {
    padding: 2.133vw 0;
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
    line-height: 167.5%; /* 23.45px */
    letter-spacing: 0.7px;
  }
}

#kosodate-fair .toiawase_text01 {
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 100%; /* 28px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .toiawase_text01 {
    font-size: 2.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .toiawase_text01 {
    font-size: clamp(1.0rem, 5.8vw, 4.4rem);
  }
}

#kosodate-fair .toiawase_text02 {
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 1,8rem;
  font-weight: 700;
  line-height: 100%; /* 18px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .toiawase_text02 {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .toiawase_text02 {
    font-size: clamp(1.0rem, 4.8vw, 3.6rem);
    line-height: 150%;
    text-align: left;
    margin: 0 auto;
  }
}

/*--------------------------------------------------------

中ページ_メソッド

--------------------------------------------------------*/

:root {
  --ff_inter: "Inter", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.service_bg {background-color: #40A677;}
.service {color: #40A677;}

.timeper_bg {background-color: var(--BASE-time-per-blue, #429EEB);}
.timeper {color: var(--BASE-time-per-blue, #429EEB);}

.safety_bg {background-color: var(--BASE-safety-orange, #FF8605);}
.safety {color: #FF8605;}

.kindness_bg {background-color: #FF5E6C;}
.kindness {color: #FF5E6C;}

#kosodate-fair .content_container {
  display: flex;
  flex-direction: column;
  gap: 120px;
  padding: calc(96/960*100%) 0 0;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .content_container {
    gap: 12vw; 
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_container {
    padding: calc(48/335*100%) 0 calc(80/335*100%);
    gap: 12.8vw;
  }
}

#kosodate-fair .content_wrapper {
  overflow: hidden;
  box-shadow:3px 3px 3px rgba(120,100,60,0.08);
  border-radius: 32px;
  background: var(--BASE-TRUE-WHITE);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .content_wrapper {
    border-radius: 3.2vw;
  }
}

#kosodate-fair .contents_ttl {
  color: var(--BASE-TRUE-WHITE, #FFF);
  text-align: center;
  font-size: 34px;
  font-weight: 700; 
  line-height: 100%; /* 34px */
  letter-spacing: 1.7px;
  padding: 24px 0;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .contents_ttl {
    font-size: 3.4vw;
    padding: 2.4vw 0;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .contents_ttl {
    font-size: clamp(1.0rem, 5.333vw, 4.0rem);
    line-height: 150%; /* 30px */
    letter-spacing: 1px;
    padding: 4.8vw 0;
  }
}

#kosodate-fair .content_ttl_box {
  padding: 48px 0 59px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .content_ttl_box {
    padding: 4.8vw 0 5.9vw;
    gap: 2.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_ttl_box {
    padding: calc(32/335*100%) calc(24/335*100%);
    gap: 6.4vw;
  }
}

#kosodate-fair .contents_ttl_company {
  text-align: center;
  font-size: 44px;
  font-weight: 700;
  line-height: 150%; /* 66px */
  letter-spacing: 2.2px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .contents_ttl_company {
    font-size: 4.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .contents_ttl_company {
    font-size: 6.4vw;
  }
}

#kosodate-fair .content_ttl_text {
  color: var(--TEXT-text-black, #4C4B45);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 167.6%; /* 33.52px */
  letter-spacing: 1px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .content_ttl_text {
    font-size: 2.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_ttl_text {
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
    letter-spacing: 0.28px;
  }
}

#kosodate-fair .content_ttl_text + .content_ttl_text {
  margin-top: 1em;
}

#kosodate-fair .content_box {
  padding: 0 calc(72/960*100%) calc(64/940*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_box {
    padding: 0 calc(28/335*100%) calc(40/335*100%);
  }
}

#kosodate-fair .content_box_ttl {
  padding: 6px 0;
  color: var(--BASE-TRUE-WHITE, #FFF);
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 150%; /* 33px */
  letter-spacing: 1.1px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .content_box_ttl {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_box_ttl {
    padding: calc(10/279*100%) 0;
    font-size: 16px;
    font-size: clamp(1.0rem, 4.2666vw, 3.2rem);
    line-height: 167.5%; /* 26.8px */
    letter-spacing: 0.8px;
    border-radius: 1.066vw;
  }
}

#kosodate-fair .service_btn_detail {
  max-width: 644px;
  border-radius: 9999px;
  padding: 24px 0;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 52px auto 0;
  background: var(--BASE-service-green, #40A677);
  border: 6px solid var(--BASE-service-border-green, #D9ECE3);
  box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .service_btn_detail  {
    padding: 2.4vw 0;
    margin: 5.2vw auto 0;
    border: 0.6vw solid var(--BASE-service-border-green, #D9ECE3);
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .service_btn_detail {
    width: calc(239/279*100%);
    padding: calc(12/279*100%) 0;
    margin: calc(24/279*100%) auto 0;
    border: 1.0666vw solid var(--BASE-service-border-green, #D9ECE3);
  }
}

#kosodate-fair .service_btn_detail p {
  color: var(--BASE-TRUE-WHITE, #FFF);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:8px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .service_btn_detail p {
    font-size: 2.4vw;
    gap:0.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .service_btn_detail p {
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
    gap:2.1333vw;
  }
}

#kosodate-fair .service_btn_detail p::after {
  content: url('/kosodate-fair/images/icon_arrow_right.svg');
  display: block;
  margin-top: 2.5px;
  width: 26px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .service_btn_detail p::after {
    margin-top: 0.25vw;
    width: 2.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .service_btn_detail p::after {
    margin-top: 0.6666vw;
    width: 4.8vw;
  }
}

#kosodate-fair .content_box .notes {
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 14px;
  font-weight: 700;
  line-height: 167.5%; /* 23.45px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .content_box .notes {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_box .notes {
    color: var(--TEXT-text-black-light, #7A7A76);
    font-size: clamp(1.0rem, 3.2vw, 2.4rem);
    font-weight: 400;
    line-height: 150%; /* 18px */
  }
}

#kosodate-fair .content_box .notes li {
  text-indent: -1em;
  padding-left: 1em;
}


/*----------------------------
アコーディオン
----------------------------*/

/* ========== PC（751px以上）========== */
@media (min-width:  751px) {
  .accordion-trigger {
    pointer-events: none; /* クリック無効 */
    cursor: default;
  }

  .accordion-content {
    display: block !important; /* 常に表示 */
    height: auto !important;
    overflow: visible !important;
  }
}

/* ========== SP（750px以下）========== */
@media (max-width: 750px) {
  .accordion-trigger {
    display: flex;
    align-items: center;
    border: none;
    cursor: pointer;
    text-align: center;
    font-size: clamp(1.0rem, 4.8vw, 3.6rem);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.9px;
    background: none;
    margin: 13.333vw auto 0;
  }

  /* クリック後に非表示 */
  .accordion-trigger[aria-expanded="true"] {
    display: none;
  }

  .accordion-content {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
  }
}

/*--------------------------------------------------------

施設・サービスページ

--------------------------------------------------------*/

#kosodate-fair .survice_lead {
  max-width: 822px;
  margin: 0 auto;
  padding: calc(96/960*100%) 0;
}


@media screen and (max-width: 750px) {
  #kosodate-fair .survice_lead {
    width: calc(305/335*100%);
    margin: 0 auto;
    padding: calc(40/335*100%) 0;
  }
}

/*----------------------------
イオンシネマ
----------------------------*/
/* #kosodate-fair #service_ac,
#kosodate-fair #service_af,
#kosodate-fair #service_kandu,
#kosodate-fair #service_kajitaku,
#kosodate-fair #service_shirokujityu,
#kosodate-fair #service_kr {
  scroll-margin-top: 92px;
} */

#kosodate-fair .content_ttl_box .aeon_cinema_logo {
  max-width: 288px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_ttl_box .aeon_cinema_logo {
    width: calc(216/287*100%);
  }
}

#kosodate-fair .content_box .aeon_cinema_box {
  margin-top: 32px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .content_box .aeon_cinema_box {
    margin-top: 3.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_box .aeon_cinema_box {
    margin-top: calc(24/279*100%);
  }
}

#kosodate-fair .aeon_cinema_box .main_box {
  padding: 16px;
  display: flex;
  justify-content: center;
  gap: 32px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_cinema_box .main_box {
    padding: 1.6vw;
    gap: 3.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_cinema_box .main_box {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}

#kosodate-fair .image_aeon_cinema01 {
  width: calc(328/784*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .image_aeon_cinema01 {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .image_aeon_cinema01 .main_box_text {
    font-size: clamp(1.0rem, 4.2666vw, 3.2rem);
    color: var(--TEXT-text-black, #4C4B45);
    text-align: center;
    font-weight: 700;
    line-height: 175.5%; /* 28.08px */
    letter-spacing: 0.32px;
    margin-bottom: calc(24/279*100%);
  }
}


#kosodate-fair .image_aeon_cinema01 img {
  border-radius: 6px;
}


#kosodate-fair .image_aeon_cinema01 p {
  font-family: var(--ff_inter);
  color: var(--TEXT-text-black-light, #7A7A76);
  font-size: 6.75px;
  font-weight: 700;
  line-height: 100%; /* 6.75px */
  margin-top: 7px;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .image_aeon_cinema01 p {
    font-size: clamp(0.9rem, 2.4vw, 1.8rem);
  }
}

#kosodate-fair .main_box .text_aeon_cinema {
  display: flex;
  flex-direction: column;
  margin-bottom: 13px;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .main_box .text_aeon_cinema {
    margin-bottom: calc(46/279*100%);
    margin-bottom: calc(24/279*100%);
    margin-bottom: 0;
  }
}

#kosodate-fair .text_aeon_cinema .cinema_name {
  flex:1;
  margin-top: calc(24/424*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .text_aeon_cinema .cinema_name {
    flex:1;
    margin-top: calc(16/279*100%);
  }
}

#kosodate-fair .text_aeon_cinema .cinema_name p {
  color: var(--TEXT-text-black, #4C4B45);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 175.5%; /* 31.59px */
  letter-spacing: 0.36px;
}

#kosodate-fair .text_aeon_cinema .cinema_name p + p {
  margin-top: 1em;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .text_aeon_cinema .cinema_name p + p {
    margin-top: 0em;
  }
}

#kosodate-fair .text_aeon_cinema .cinema_name p span {
  color: var(--TEXT-text-black-strong, #383733);
  font-size: 20px;
  font-weight: 700;
  line-height: 175.5%;
  letter-spacing: 0.4px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .text_aeon_cinema .cinema_name p span {
    font-size: 2.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .text_aeon_cinema .cinema_name p span {
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
    letter-spacing: 0.32px;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .text_aeon_cinema .cinema_caution {
    margin-top: calc(16/279*100%);
    padding: calc(10/279*100%) calc(4/279*100%);
  }
}

#kosodate-fair .aeon_cinema_box02 {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 32px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_cinema_box02 {
    gap: 0.1vw;
    margin-top: 3.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_cinema_box02 {
    flex-direction: column;
    gap: 8.5vw;
    margin-top: 0;
  }
}

#kosodate-fair .aeon_cinema_box02_list {
  width: calc(403/816*100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:20px;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_cinema_box02_list {
    width: 100%;
    gap:5.333vw;
  }
}

#kosodate-fair .aeon_cinema_box02_list p {
  color: var(--TEXT-text-black-strong, #383733);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%; /* 24px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_cinema_box02_list p {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_cinema_box02_list p {
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
  }
}

#kosodate-fair .aeon_cinema_box02_list img {
  max-width: 260px;
  border-radius: 6px;
  margin: 0 auto;
}

#kosodate-fair .aeon_cinema_box02_list .copy {
  color: var(--TEXT-text-black-light, #7A7A76);
  font-family: var(--ff_inter);
  font-size: 10px;
  font-weight: 700;
  line-height: 100%; /* 10px */
  margin-top: 12px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_cinema_box02_list .copy {
    font-size: 1.0vw;
    margin-top: 1.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_cinema_box02_list .copy {
    font-size: clamp(1.0rem, 2.6vw, 2.0rem);
    margin-top: 3.2vw;
    text-align: left;
  }
}

/*----------------------------
イオンファンタジー
----------------------------*/
#kosodate-fair .content_ttl_box .aeon_fantasy_logo {
  max-width: 150px;
  margin: 0 auto;
}

#kosodate-fair .aeon_fantasy_box .main_box {
  padding: 0 20px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_fantasy_box .main_box {
    padding: 0 2.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_box .main_box {
    padding: 0;
  }
}

#kosodate-fair .aeon_fantasy_container {
  display: flex;
  flex-direction: column;
}

#kosodate-fair .mt_aeon_fantasy {
  margin-top: calc(56/776*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .mt_aeon_fantasy {
    margin-top: calc(24/279*100%);
  }
}

#kosodate-fair .aeon_fantasy_ttl,
#kosodate-fair .aeon_fantasy_ttl02 {
  padding: 8px 0;
  border-radius: 4px;
  background: var(--BASE-service-bg-green, #EFF9F4);
  color: var(--TEXT-text-black-strong, #383733);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
  text-align: center;
  margin-bottom: calc(24/776*100%);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_fantasy_ttl,
  #kosodate-fair .aeon_fantasy_ttl02 {
    padding: .8vw 0;
    border-radius: .4vw;
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 750px) { 
  #kosodate-fair .aeon_fantasy_ttl,
  #kosodate-fair .aeon_fantasy_ttl02 {
    padding: 2.1333vw 0;
    font-size: clamp(1.0rem, 4.8vw, 3.6rem);
    margin-bottom: calc(24/279*100%);
  }
}

#kosodate-fair .aeon_fantasy_ttl02 {
  margin-top: 48px;
}


@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_fantasy_ttl02 {
    margin-top: 4.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_ttl02 {
    margin-top: 12.8vw;
  }
}

#kosodate-fair .aeon_fantasy_block {
  display: flex;
  justify-content: center;
  gap: 20px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_fantasy_block {
    gap: 2.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_block {
    flex-direction: column;
    gap: 0vw;
  }
}

#kosodate-fair .aeon_fantasy_image {
  width: calc(277/776*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_image {
    width: 100%;
  }
}

#kosodate-fair .aeon_fantasy_image img {
  border-radius: 6px;
}

#kosodate-fair .aeon_fantasy_contents {
  width: calc(479/776*100%);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_contents {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4.266vw;
  }
}

#kosodate-fair .aeon_fantasy_contents_ttl_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_contents_ttl_wrap {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top:calc(20/279*100%);
    gap:2.66666vw;
  }
}

#kosodate-fair .aeon_fantasy_contents_ttl {
  flex: 1;
  color: var(--BASE-service-green, #40A677);
  font-size: 26px;
  font-weight: 700;
  line-height: 150%; /* 39px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_fantasy_contents_ttl {
    font-size: 2.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_contents_ttl {
    font-size: clamp(1.0rem, 6.9vw, 5.2rem);
  }
}

#kosodate-fair .aeon_fantasy_contents_logo01 {
  width: 120px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_fantasy_contents_logo01 {
    width: 1.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_contents_logo01 {
    width: calc(120/279*100%);
  }
}

#kosodate-fair .aeon_fantasy_contents_logo02 {
  width: 73px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_fantasy_contents_logo02 {
    width: 7.3vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_contents_logo02 {
    width: calc(73/279*100%);
  }
}

#kosodate-fair .aeon_fantasy_contents_logo03 {
  width: 98px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_fantasy_contents_logo03 {
    width: 9.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_contents_logo03 {
    width: calc(98/279*100%);
  }
}

#kosodate-fair .aeon_fantasy_contents p {
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 167.5%; /* 23.45px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeon_fantasy_contents p {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeon_fantasy_contents p {
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
  }
}

/*----------------------------
カンドゥー
----------------------------*/
#kosodate-fair .content_ttl_box .kandu_logo {
  max-width: 111px;
  margin: 0 auto;
}

#kosodate-fair .kandu_container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap:20px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kandu_container {
    gap:2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kandu_container {
    flex-direction: column;
    gap:4.266vw;
  }
}

#kosodate-fair .kandu_container .kandu_image {
  width: calc(371/816*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kandu_container .kandu_image {
    width: 100%;
  }
}

#kosodate-fair .kandu_container .kandu_lead {
  width: calc(425/816*100%);
  color: var(--TEXT-text-black-light, #7A7A76);
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 220%; /* 30.8px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kandu_container .kandu_lead {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kandu_container .kandu_lead {
    width: 100%;
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
  }
}

#kosodate-fair .kandu_contents_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: calc(30/816*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kandu_contents_wrapper {
    flex-direction: column;
    margin-top: 8.533vw;
    gap:8.533vw;
  }
}

#kosodate-fair .kandu_contents_wrapper li {
  width: calc(392/816*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kandu_contents_wrapper li {
    width: 100%;
  }
}

#kosodate-fair .kandu_contents_ttl {
  padding: 6px 0;
  border-radius: 4px;
  background: var(--BASE-service-bg-green, #EFF9F4);
  color: var(--TEXT-text-black-strong, #383733);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: 0.32px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kandu_contents_ttl {
    padding: 0.6vw 0;
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kandu_contents_ttl {
    padding: 1.6vw 0;
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
  }
}

#kosodate-fair .kandu_contents_text {
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 14px;
  font-weight: 700;
  line-height: 167.5%; /* 23.45px */
  margin-top: 16px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kandu_contents_text {
    font-size: 1.4vw;
    margin-top: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kandu_contents_text {
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
    margin-top: 4.266vw;
  }
}

/*----------------------------
未来屋書店
----------------------------*/
#kosodate-fair .content_ttl_box .miraiya_logo {
  max-width: 256px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_ttl_box .miraiya_logo {
    max-width: calc(181/287*100%);
    margin: 0 auto;
  }
}

#kosodate-fair .miraiya_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:16px;
  margin-bottom: calc(56/816*100%);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .miraiya_container {
    gap:1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_container {
    gap:4.266vw;
    margin-bottom: calc(32/287*100%);
  }
}

#kosodate-fair .miraiya_image {
  max-width: 360px;
}

#kosodate-fair .miraiya_lead {
  color: var(--TEXT-text-black, #4C4B45);
  text-align: center;
  font-size: 22px;  
  font-weight: 700;
  line-height: 167.6%; /* 36.872px */
  letter-spacing: 1.1px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .miraiya_lead {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_lead {
    font-size: clamp(1.0rem, 4.8vw, 3.6rem);
    letter-spacing: 0px;
  }
}

#kosodate-fair .miraiya_contents_wrapper {
  display: flex;
  flex-direction: column;
  gap:48px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .miraiya_contents_wrapper {
    gap:4.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_contents_wrapper {
    gap:12.8vw;
  }
}

#kosodate-fair .miraiya_contents_wrapper li {
  display: flex;
  flex-direction: column;
  gap:24px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .miraiya_contents_wrapper li {
    gap:2.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_contents_wrapper li {
    gap:6.4vw;
  }
}

#kosodate-fair .miraiya_contents_place {
  padding: 8px 0;
  border-radius: 4px;
  background: var(--BASE-service-bg-green, #EFF9F4);
  color: var(--TEXT-text-black-strong, #383733);
  font-size: 18px;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .miraiya_contents_place {
    padding: 0.8vw 0;
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_contents_place {
    padding: 2.133vw 0;
    font-size: clamp(1.0rem, 4.8vw, 3.6rem);
  }
}

#kosodate-fair .miraiya_contents_box {
  display: flex;
  justify-content: center;
  gap:20px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .miraiya_contents_box {
    gap:2.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_contents_box {
    flex-direction: column;
    gap:5.333vw;
  }
}

#kosodate-fair .miraiya_contents_image {
  width: calc(277/816*100%);
  border-radius: 6px;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_contents_image {
    width: 100%;
  }
}

#kosodate-fair .miraiya_contents_text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap:16px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .miraiya_contents_text {
    gap:1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_contents_text {
    flex: 0;
    gap:3.2vw;
  }
}

#kosodate-fair .miraiya_contents_ttl {
  color: var(--BASE-service-green, #40A677);
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 150%; /* 39px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .miraiya_contents_ttl {
    font-size: 2.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_contents_ttl {
    font-size: clamp(1.0rem, 6.9333vw, 5.2rem);
    text-align: center;
  }
}

#kosodate-fair .miraiya_contents_lead {
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 14px;
  font-weight: 700;
  line-height: 167.5%; /* 23.45px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .miraiya_contents_lead {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_contents_lead {
    font-size: 3.7333vw;
  }
}

#kosodate-fair .miraiya_contents_lead span {
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 12px;
  font-weight: 400;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .miraiya_contents_lead {
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
  }
}

#kosodate-fair .miraiya_contents_lead a {
  color: var(--BASE-service-green, #40A677);
  text-decoration: none;
}

/*----------------------------
カジタク
----------------------------*/
#kosodate-fair .content_ttl_box .kajitaku_logo {
  max-width: 90px;
  margin: 0 auto;
}

#kosodate-fair .kajitaku_contents_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap:32px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_contents_wrapper {
    gap:3.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_contents_wrapper {
    flex-direction: column;
    gap:8.533vw;
    margin-top: 8.5333vw;
  }
}

#kosodate-fair .kajitaku_contents_wrapper li {
  width: calc(392/816*100%);
  display: flex;
  flex-direction: column;
  /* gap:16px; */
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_contents_wrapper li {
    width: 100%;
    /* gap:4.266vw; */
  }
}

#kosodate-fair .kajitaku_contents_wrapper li.pc {
  display:block;
}

#kosodate-fair .kajitaku_contents_wrapper li.sp {
  display:none;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_contents_wrapper li.pc {
    display:none;
  }

  #kosodate-fair .kajitaku_contents_wrapper li.sp {
    display:block;
  }
}

#kosodate-fair .kajitaku_contents_copy {
  padding: 6px 0;
  border-radius: 4px;
  background: var(--BASE-service-bg-green, #EFF9F4);
  color: var(--TEXT-text-black-strong, #383733);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: 0.32px;
  text-align: center;
  margin-bottom: 16px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_contents_copy {
    padding: 0.6vw 0;
    font-size: 1,6vw;
    margin-bottom: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_contents_copy {
    padding: 1.6vw 0;
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
    margin-bottom:4.266vw;
  }
}

#kosodate-fair .kajitaku_contents_box {
  display: flex;
  gap: 20px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_contents_box {
    gap: .2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_contents_box {
    flex-direction: column;
    align-items: center;
    gap: 5.333vw;
  }
}

#kosodate-fair .kajitaku_contents_image {
  width: calc(128/392*100%);
  border-radius: 6px;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_contents_image {
    width: 42.6vw;
    margin: 0 auto;
  }
}

#kosodate-fair .kajitaku_contents_text {
  flex: 1;
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 167.5%; /* 23.45px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_contents_text {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_contents_text {
    font-size: clamp(1.0rem, 3.733vw, 2.8rem);
  }
}

#kosodate-fair .kajitaku_contents_text p + p {
  margin-top: 1em;
}

#kosodate-fair .kajitaku_contents_text span {
  color: var(--TEXT-text-black-light, #7A7A76);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 167.5%;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_contents_text span {
    font-size:1.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_contents_text span {
    font-size:clamp(1.0rem, 3.2vw, 2.4rem);
  }
}

#kosodate-fair .kajitaku_contents_text a {
  color: var(--BASE-service-green, #40A677);
  text-decoration: none;
}

#kosodate-fair .kajitaku_service_container {
  margin-top: calc(20/816*100%);    
  display: flex;
  flex-direction: column;
  gap:24px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_service_container {
    gap:2.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_service_container {
    margin-top: 5.3333vw;
    gap:6.4vw;
  }
}

#kosodate-fair .kajitaku_service_container_ttl {
  padding: 10px 0;
  border-radius: 6px;
  background: var(--BASE-service-green, #40A677);
  color: var(--BASE-TRUE-WHITE, #FFF);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: 0.32px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_service_container_ttl {
    padding: 0.1vw 0;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_service_container_ttl {
    padding: 2.666vw 0;
    font-size: clamp(1.0rem, 4.2666vw, 3.2rem);
  }
}

#kosodate-fair .kajitaku_service_contents {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap:8px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_service_contents {
    gap:.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_service_contents {
    gap:3.2vw 2.1333vw;
  }
}

#kosodate-fair .kajitaku_service_contents li {
  padding: 8px 24px;
  border-radius: 2000px;
  background: var(--BASE-service-bg-green, #EFF9F4);
  color: var(--BASE-service-green, #40A677);
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%; /* 14px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_service_contents li {
    padding: .8vw 2.4vw;
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_service_contents li {
    padding: 1.6vw 4.2666vw;
    font-size: clamp(1.0rem, 3.2vw, 2.4rem);
  }
}

#kosodate-fair .kajitaku_movie_container {
  max-width: 672px;
  margin: calc(72/816*100%) auto calc(64/816*100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_movie_container {
    gap: 3.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_movie_container {
    margin: 19.2vw auto 6.4;
    gap: 8.5333vw;
  }
}

#kosodate-fair .kajitaku_movie_ttl {
  width: 100%;
  display: flex;
  padding: 12px 0;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-top: 2px solid var(--BASE-service-border-green, #D9ECE3);
  border-bottom: 3px solid var(--BASE-service-border-green, #D9ECE3);
  color: var(--BASE-service-green, #40A677);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: 0.4px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kajitaku_movie_ttl {
    padding: 1.2vw 0;
    font-size: 2.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kajitaku_movie_ttl {
    padding: 3.2vw 0;
    border-top: 2px solid var(--BASE-service-border-green, #D9ECE3);
    border-bottom: 2px solid var(--BASE-service-border-green, #D9ECE3);
    font-size: clamp(1.0rem, 4.9333vw, 4.0rem);
    letter-spacing: 0px;
  }
}

#kosodate-fair .kajitaku_movie {
  max-width: 440px;
  margin: 0 auto;
  border-radius: 6px;
  overflow: hidden;
}

/*----------------------------
四六時中
----------------------------*/
#kosodate-fair .content_ttl_box .shirokujityu_logo {
  max-width: 174px;
  margin: 0 auto;
}

/*----------------------------
イオンモール
----------------------------*/
#kosodate-fair .content_ttl_box .aeonmall_logo{
  max-width:  300px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_ttl_box .aeonmall_logo{
    width: calc(268/287*100%);
    margin: 0 auto;
  }
  }

#kosodate-fair .aeonmall_contents_wrapper {
  display: flex;
  flex-direction: column;
  gap:32px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeonmall_contents_wrapper {
    gap:3.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeonmall_contents_wrapper {
    gap:8.5333vw;
  }
}

#kosodate-fair .aeonmall_ttl01 {
  padding: 10px 0;
  border-radius: 4px;
  background: var(--BASE-service-green, #40A677);
  color: var(--BASE-TRUE-WHITE, #FFF);
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 150%; /* 33px */
  letter-spacing: 0.44px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeonmall_ttl01 {
    padding: 1.0vw 0;
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeonmall_ttl01 {
    padding: 2.666vw 0;
    font-size: clamp(1.0rem, 4.2666vw, 3.2rem);
    letter-spacing: 0.8px;
  }
}

#kosodate-fair .aeonmall_contents_main {
  display: flex;
  justify-content: center;
  gap: 32px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeonmall_contents_main {
    gap: 3.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeonmall_contents_main {
    flex-direction: column;
    gap: 6.4vw;
  }
}

#kosodate-fair .aeonmall_contents_main_wrapper {
  width: calc(490/816*100%);
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeonmall_contents_main_wrapper {
    width: 100%;
    flex-direction: column;
    gap:5.333vw;
  }
}

#kosodate-fair .aeonmall_contents_main_wrapper img {
  width: calc(236/490*100%);
  border-radius: 6px;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeonmall_contents_main_wrapper img {
    width: 49.333vw;
    margin: 0 auto;
  }
}

#kosodate-fair .aeonmall_contents_main_text {
  width: calc(300/816*100%);
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 167.5%; /* 26.8px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aeonmall_contents_main_text {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aeonmall_contents_main_text {
    width: 100%;
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
  }
}

/*----------------------------
ブランシェス
----------------------------*/
#kosodate-fair .content_ttl_box .branshes_logo {
  max-width: 90px;
  margin: 0 auto;
}

/*----------------------------
ジーフット
----------------------------*/
#kosodate-fair .content_ttl_box .gfoot_logo {
  max-width: 170px;
  margin: 0 auto;
}

#kosodate-fair .kajitaku_contents_image .gfoot {
  border: 1px solid var(--BORDER-border-light, #E0DED0);
  box-sizing: border-box;
  border-radius: 6px;
}

/*----------------------------
グリーンビーンズ
----------------------------*/
#kosodate-fair .content_ttl_box .gb_logo {
  max-width: 145px;
  margin: 0 auto;
}

#kosodate-fair .gb_image {
  max-width: 560px;
  margin: 0 auto;
  border-radius: 6px;
  overflow: hidden;
}

/*----------------------------
キッズリパブリック
----------------------------*/
#kosodate-fair .content_ttl_box .kr_logo {
  max-width: 121px;
  margin: 0 auto;
}

#kosodate-fair .kr_app_container {
  margin-top: calc(32/816*100%);
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kr_app_container {
    gap: 2.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kr_app_container {
    margin-top: 8.5333vw;
    gap: 6.4vw;
  }
}

#kosodate-fair .kr_app_wrapper_ttl {
  padding: 10px 0;
  border-radius: 6px;
  background: var(--BASE-service-green, #40A677);
  color: var(--BASE-TRUE-WHITE, #FFF);
  font-size: 18px;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kr_app_wrapper_ttl {
    padding: 1.0vw 0;
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kr_app_wrapper_ttl {
    padding: 2.6666vw 0;
    font-size: 4.8vw;
  }
}

#kosodate-fair .kr_app_wrappeer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kr_app_wrappeer {
    gap:4.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kr_app_wrappeer {
    flex-direction: column;
    gap: 4.2666vw;
  }
}

#kosodate-fair .kr_app_image {
  width: calc(403/816*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kr_app_image {
    width: 100%;
    margin: 0 auto;
  }
}

#kosodate-fair .kr_app_text {
  width: calc(373/816*100%);
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 14px;
  font-weight: 700;
  line-height: 167.5%; /* 23.45px */
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kr_app_text {
    width: 100%;
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
  }
}

#kosodate-fair .kr_app_text p + p {
  margin-top: 10px;
}

#kosodate-fair .kr_app_text a {
  color: var(--BASE-service-green, #40A677);
  font-size: 16px;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kr_app_text a {
    font-size: clamp(1.0rem, 4.266vw, 2.8rem);
  }
}

/*----------------------------
イオンスタイルオンライン
----------------------------*/
#kosodate-fair .content_ttl_box .aso_logo {
  max-width: 306px;
  margin: 0 auto;
}

#kosodate-fair .aso_wrapper {
  display: flex;
  flex-direction: column;
  gap:16px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aso_wrapper {
    gap:1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aso_wrapper {
    gap:4.266vw;
    margin-top: 8.5333vw;
  }
}

#kosodate-fair .aso_ttl01 {
  padding: 6px 0;
  border-radius: 4px;
  background: var(--BASE-service-bg-green, #EFF9F4);
  color: var(--TEXT-text-black-strong, #383733);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: 0.32px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aso_ttl01 {
    padding: 0.6vw 0;
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aso_ttl01 {
    padding: 1.6vw 0;
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
  }
}

#kosodate-fair .aso_main  {
  display: flex;
  justify-content: center;
  gap: 20px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aso_main  {
    gap: 2.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aso_main  {
    flex-direction: column;
    gap: 5.333vw;
  }
}

#kosodate-fair .aso_main_wrapper {
  width: calc(320/816*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aso_main_wrapper {
    width: 100%;
  }
}

#kosodate-fair .aso_main_text {
  flex: 1;
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 14px;
  font-weight: 700;
  line-height: 167.5%; /* 23.45px */
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aso_main_text {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aso_main_text {
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
  }
}

#kosodate-fair .aso_contents_wrapper {
  display: flex;
  flex-direction: column;
  gap:24px;
  margin-top: calc(20/816*100%);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aso_contents_wrapper {
    gap:2.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aso_contents_wrapper {
    gap:6.4vw;
    margin-top: 5.333vw;
  }
}

#kosodate-fair .aso_contents_copy {
  padding: 10px 0;
  border-radius: 6px;
  background: var(--BASE-service-green, #40A677);
  color: var(--BASE-TRUE-WHITE, #FFF);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: 0.32px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .aso_contents_copy {
    padding: 0.1vw 0;
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aso_contents_copy {
    padding: 2.666vw 0;
    font-size: clamp(1.0rem, 4.2666vw, 3.2rem);
  }
}

#kosodate-fair .aso_contents_list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aso_contents_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aso_contents_list {
    flex-wrap: wrap;
    gap: 4.266vw;
  }
}

#kosodate-fair .aso_contents_list li {
  width: calc(144/816*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .aso_contents_list li {
    width: 30.933vw;
  }
}

/*----------------------------
イオンネットスーパー
----------------------------*/
#kosodate-fair .content_ttl_box .ans_logo {
  max-width: 319px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_ttl_box .ans_logo {
    max-width: 65.066vw;
  }
}


/*--------------------------------------------------------

タイパ

--------------------------------------------------------*/

#kosodate-fair .timeper_lead {
  max-width: 758px;
  margin: 0 auto;
  padding: calc(96/960*100%) 0;
}


@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_lead {
    width: calc(293/335*100%);
    margin: 0 auto;
    padding: calc(96/335*100%) 0;
  }
}

#kosodate-fair .timeper_lead_illust01 {
  position: absolute;
  width: calc(188/960*100%);
  top:0;
  left:0;
  margin: calc(-115/960*100%) 0 0 calc(-112/960*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_lead_illust01 {
    width: calc(94/335*100%);
    margin: calc(-70/335*100%) 0 0 calc(5/335*100%);
  }
}

#kosodate-fair .timeper_lead_illust02 {
  position: absolute;
  width: calc(158/960*100%);
  top:0;
  right:0;
  margin: calc(-115/960*100%) calc(-107/960*100%) 0 0;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_lead_illust02 {
    width: calc(79/335*100%);
    margin: calc(-62/335*100%) calc(6/335*100%) 0 0;
  }
}

#kosodate-fair .content_container_timeper {
  padding: calc(96/960*100%) 0 0;
} 


@media screen and (max-width: 750px) {
  #kosodate-fair .content_container_timeper {
    padding: calc(56/335*100%) 0 calc(24/335*100%);
  }
}

#kosodate-fair .content_wrapper_timeper {
  overflow: hidden;
  box-shadow:3px 3px 3px rgba(120,100,60,0.08);
  border-radius: 20px;
  background: var(--BASE-TRUE-WHITE);
  padding: calc(64/960*100%) calc(44/960*100%);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .content_wrapper_timeper {
    border-radius: 2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .content_wrapper_timeper {
    /* padding: 0 calc(16/335*100%) calc(40/335*100%); */
    padding: 0 calc(24/335*100%) calc(40/335*100%);
    border-radius: 3.777vw;
  }
}

#kosodate-fair .timeper_ttl {
  display: flex;
  align-items: center;
  gap:24px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .timeper_ttl {
    gap:2.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_ttl {
    flex-direction: column;
    gap:0;
    padding-top: calc(28/303*100%); 
  }
}

#kosodate-fair .timeper_ttl_logo {
  padding-right: calc(10/872*100%);
  width: calc(93/872*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_ttl_logo {
    padding-right: 0;
    width: 24.8vw;
  }
}

#kosodate-fair .timeper_ttl_text,
#kosodate-fair .timeper_ttl_text_safety,
#kosodate-fair .timeper_ttl_text_kindness {
  flex:1;
  padding-bottom: calc(8/872*100%);
  border-bottom: 3px solid var(--BASE-time-per-blue, #429EEB);
}

#kosodate-fair .timeper_ttl_text_safety {
  border-bottom: 3px solid var(--BASE-safety-orange, #FF8605);
}

#kosodate-fair .timeper_ttl_text_kindness {
  border-bottom: 3px solid var(--BASE-kindness-pink, #FF5E6C);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_ttl_text,
  #kosodate-fair .timeper_ttl_text_safety,
  #kosodate-fair .timeper_ttl_text_kindness {
    padding-bottom: calc(12/303*100%);
    width: 100%;
  }
}

#kosodate-fair .timeper_ttl_text h2,
#kosodate-fair .timeper_ttl_text_safety h2,
#kosodate-fair .timeper_ttl_text_kindness h2 {
  color: var(--TEXT-text-black-strong, #383733);
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 167.5%; /* 36.85px */
  letter-spacing: 0.44px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .timeper_ttl_text h2,
  #kosodate-fair .timeper_ttl_text_safety h2,
  #kosodate-fair .timeper_ttl_text_kindness h2 {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_ttl_text h2,
  #kosodate-fair .timeper_ttl_text_safety h2,
  #kosodate-fair .timeper_ttl_text_kindness h2 {
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
    letter-spacing: 0.32px;
  }
}

#kosodate-fair .timeper_ttl_copy {
  padding: 12px 0;
  border-radius: 2000px;
  background: var(--BASE-time-per-blue-tint, #ECF6FE);
  color: var(--TEXT-text-black, #4C4B45);
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: 0.48px;
  width: 100%;
  margin: calc(56/872*100%) auto 0;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .timeper_ttl_copy {
    padding: 1.2vw 0;
    font-size: 2.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_ttl_copy {
    margin-top: calc(48/303*100%);
    border-radius: 6px;
    text-align: center;
    font-size: clamp(1.0rem, 4.8vw, 3.6rem);
    letter-spacing: 0.36px;
  }
}

#kosodate-fair .timeper_container01 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap:79px;
  margin-top: calc(32/872*100%);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .timeper_container01 {
    gap:7.9vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_container01 {
    flex-direction: column;
    gap:4.266vw;
    margin-top: calc(56/303*100%);
  }
}

#kosodate-fair .timeper_container01_image,
#kosodate-fair .timeper_container01_image_hc {
  width: calc(462/872*100%);
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_container01_image,
  #kosodate-fair .timeper_container01_image_hc {
    width: 100%;
    display: block;
    padding: calc(32/303*100%) calc(47/303*100%) calc(45/303*100%);
    position: relative;
  }

  #kosodate-fair .timeper_container01_image::before,
  #kosodate-fair .timeper_container01_image_hc::before {
    content: "";
    position: absolute;
    background: url('/kosodate-fair/images/timeper/img_logo_bestprice.png') no-repeat center / contain;
    width: 22.9vw;
    padding-top: 22.9vw;
    top:0;
    left:0;
  }

  #kosodate-fair .timeper_container01_image_hc::before{
    background: url('/kosodate-fair/images/timeper/img_logo_homecoody.png') no-repeat center / contain;
  }
}

#kosodate-fair .timeper_container01_image .logo_bp,
#kosodate-fair .timeper_container01_image_hc .logo_bp {
  width: calc(80/462*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_container01_image .logo_bp,
  #kosodate-fair .timeper_container01_image_hc .logo_bp {
    display: none;
  }
}

#kosodate-fair .timeper_container01_image .sku,
#kosodate-fair .timeper_container01_image_hc .sku {
  width: calc(307/462*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_container01_image .sku,
  #kosodate-fair .timeper_container01_image_hc .sku {
    width: 100%;
    margin: 0 auto;
  }
}

#kosodate-fair .timeper_container01_contents {
  width: calc(332/872*100%); 
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_container01_contents {
    width: 100%;
  }
}

#kosodate-fair .text_brand {
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 18px;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .text_brand {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .text_brand {
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
    letter-spacing: 0.32px;
  }
}

#kosodate-fair .text_products {
  color: var(--TEXT-text-black-strong, #383733);
  font-size: 18px;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
  margin-top: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid var(--BASE-time-per-blue-boredr, #D0E1F1);


}

@media screen and (max-width: 1000px) {
  #kosodate-fair .text_products {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .text_products {
    font-size: clamp(1.0rem, 4.8vw, 3.6rem);
    margin-top: 3.2vw;
    padding-bottom: 3.2vw;
    border-bottom: 2px solid var(--BASE-time-per-blue-boredr, #D0E1F1);

  }
}

.timer_contents_text {
  margin-top: 16px;
  color: var(--TEXT-text-black, #4C4B45);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 167.5%; /* 26.8px */
  flex:1;
}

@media screen and (max-width: 1000px) {
  .timer_contents_text {
    margin-top: 1.6vw;
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  .timer_contents_text {
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
    margin-top: 6.4vw;
  }
}

/* カードリスト */
    .card-list {
      display: flex;
      gap: 40px;
      align-items: stretch; /* カード同士の高さを揃える */
      color: var(--TEXT-text-black-strong, #383733);
    }

    @media screen and (max-width: 1000px) {
      .card-list {
        gap: 4.0vw;
      }
    }

    @media screen and (max-width: 1000px) {
      .card-list {
        gap: 4.0vw;
      }
    }

    /* カード */
    .card {
      flex: 1;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }

    @media screen and (max-width: 1000px) {
      .card-list {
        gap: 4.0vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card-list {
        flex-direction: column;
        gap: 12.8vw;
      }
    }

    /* 画像＋テキストの横並びエリア */
    .card-inner {
      display: flex;
      flex: 1; /* カードの残り高さをすべて使う */
      justify-content: center;
      gap: 32px;
    }

    @media screen and (max-width: 1000px) {
      .card-inner {
        gap: 3.2vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card-inner {
        flex-direction: column;
        gap: 3.2vw;
      }
    }

    /* 画像エリア */
    .card-image,
    .card-image_bp,
    .card-image_tv {
      width: calc(194/420*100%);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    @media screen and (max-width: 1000px) {
      .card-image,
      .card-image_bp,
      .card-image_tv {
        width: 19.4vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card-image,
      .card-image_bp,
      .card-image_tv {
        width: 100%;
        margin: 0 auto;
      }

      .image_sp01 {
        width: calc(258/303*100%);
        margin-top: 6.66vw;
      }

      .image_sp02 {
        width: calc(199/303*100%);
        margin-top: 24.66vw;
      }

      .image_sp03 {
        width: 100%;
        margin-top: 10.66vw;
      }

      .image_sp04 {
        width: calc(208/303*100%);
        margin-top: 24.66vw;
      }
    }

    .card-image_bp::before,
    .card-image_tv::before {
      content: "";
      background: url('/kosodate-fair/images/timeper/img_logo_bestprice.png') no-repeat center / contain;
      width: 80px;
      padding-top:80px;
      position: absolute;
      top: 0;
      left: 0;    
    }

    .card-image_bp::before {background: url('/kosodate-fair/images/timeper/img_logo_bestprice.png') no-repeat center / contain;}
    .card-image_tv::before {
      background: url('/kosodate-fair/images/timeper/img_logo_topvaluu_l.svg') no-repeat center / contain;
      width: 56px;
      padding-top:56px;
    }

    @media screen and (max-width: 1000px) {
      .card-image_bp::before,
      .card-image_tv::before {
        width: 8vw;
        padding-top:8vw;
      }

      .card-image_tv::before {
        width: 5.6vw;
        padding-top:5,6vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card-image_bp::before,
      .card-image_tv::before {
        width: 25.6vw;
        padding-top:25.6vw;
      }

      .card-image_tv::before {
        width: 20.6vw;
        padding-top:20,6vw;
      }
    }

    /* .card-image img {
      width: 100%;
      height: auto;
      display: block;
    } */

    /* テキスト側：縦にflexで3分割 */
    .card-body {
      display: flex;
      flex-direction: column;
      flex: 1;
      width: calc(192/420*100%);
    }

    @media screen and (max-width: 1000px) {
      .card-body {
        width: 19.2vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card-body {
        width: 100%;
      }
    }

    /* ▼ 紫エリア：flex:1 で均等に伸びる */
    .card-brand, .card-brand02 {
      flex: 1; /* ← ここがポイント */
      display: flex;
      align-items: center;
      color: var(--TEXT-text-black, #4C4B45);
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%; /* 27px */
      letter-spacing: 0.36px;
    }

    @media screen and (max-width: 1000px) {
      .card-brand, .card-brand02 {
        font-size: 1.8rem;
      }
    }

    @media screen and (max-width: 750px) {
      .card-brand, .card-brand02 {
        font-size: clamp(1.0rem, 4.2vw, 3.2rem);
        letter-spacing: 0.32px;
      }
    }

    /* ▼ 緑エリア：flex:2 で少し広め */
    .card-title, .card-title02 {
      flex: 2; /* ← ブランド名より広めに */
      display: flex;
      align-items: center;
      color: var(--TEXT-text-black-strong, #383733);
      font-size: 18px;
      font-weight: 700;
      line-height: 150%; /* 27px */
      letter-spacing: 0.36px;
      margin-top: 10px;
      padding-bottom: 5px;
      border-bottom: 2px solid var(--BASE-time-per-blue-boredr, #D0E1F1);

    }

    @media screen and (max-width: 1000px) {
      .card-title, .card-title02 {
        font-size: 1.8rem;
        margin-top: 1.0vw;
        padding-bottom: .5vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card-title, .card-title02 {
        font-size: clamp(1.0rem, 4.8vw, 3.6rem);
        margin-top:3.2vw;
        padding-bottom: 3.2vw;
        border-bottom: 2px solid var(--BASE-time-per-blue-boredr, #D0E1F1);

      }
    }

    /* 説明文：flex:3 で一番広く */
    .card-desc {
      flex: 3;
      color: var(--TEXT-text-black, #4C4B45);
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 167.5%; /* 26.8px */
      margin-top: 16px;
    }

    @media screen and (max-width: 1000px) {
      .card-desc {
        font-size: 1.6vw;
        margin-top: 1.6vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card-desc {
        font-size: clamp(1.0rem, 4.266vw, 3.2rem);
        margin-top: 6.4vw;
      }
    }

    .card-desc span {
      color: var(--TEXT-text-black-strong, #383733);
      font-size: 12px;
      font-weight: 600;
      line-height: 100%; /* 12px */
      letter-spacing: 0.24px;
      display: flex;
      width: 96px;
      padding: 8px 0;
      justify-content: center;
      align-items: center;
      border-radius: 2000px;
      background: var(--BASE-time-per-blue-tint, #ECF6FE);
      margin-bottom: 10px;
    }

    @media screen and (max-width: 1000px) {
      .card-desc span {
        font-size: 1.2vw;
        width: 9.6vw;
        padding: 0.8vw 0;
        margin-bottom: 1.0vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card-desc span {
        font-size: clamp(1.0rem, 3.7vw, 2.8rem);
        width: 25.6vw;
        padding: 2.1333vw 0;
        margin-bottom: 2.666vw;
      }
    }

    /* ボタン：card-bodyの中に移動 */
    .card-footer {
      display: flex;
      justify-content: flex-end;
    }


/* カードリスト02 */
    .card-list02 {
      display: flex;
      gap: 32px;
      align-items: stretch; /* カード同士の高さを揃える */
    }

    @media screen and (max-width: 1000px) {
      .card-list02 {
        gap: 3.2vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card-list02 {
        flex-direction: column;
        gap: 12.8vw;
        margin-top: 10.666vw;
      }
    }

    /* カード */
    .card02 {
      flex: 1;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }

    /* 画像＋テキストの横並びエリア */
    .card02-inner {
      display: flex;
      flex: 1; /* カードの残り高さをすべて使う */
      justify-content: center;
      gap: 16px;
    }

    @media screen and (max-width: 1000px) {
      .card02-inner {
        gap: 1.6vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card02-inner {
        flex-direction: column;
        gap: 2.133vw;
      }
    }

    /* 画像エリア */
    .card02-image,
    .card02-image_bp,
    .card02-image_tv,
    .card02-image_tvge,
    .card02-image_hc {
      width: calc(140/420*100%);
      display: flex;
      align-items: flex-end;
      justify-content: center;
      position: relative;
    }

    .void {
      opacity: 0;
      pointer-events: none;
    }
    
     @media screen and (max-width: 750px) {
       .void {
         opacity: 0;
         display: none;
         pointer-events: none;
       }
     }

    .image_sp06 {
        margin-top: 4vw;
      }
  
    .safety_image_sp01 {
        width: calc(255/303*100%);
        margin-top: 3.5vw;
      }

    .safety_image_sp02 {
        width: calc(255/303*100%);
        margin-top: 3.0vw;
      }

    .kindness_image_sp01 {
        margin-top: 4.0vw;
      }

    .kindness_image_sp02 {
        margin-top: 6.0vw;
        border-radius: 6px;
        overflow: hidden;
      }

      .kindness_image_sp03 {
        margin-top: 4.0vw;
      }

    @media screen and (max-width: 750px) {
      .card02-image,
      .card02-image_bp,
      .card02-image_tv,
      .card02-image_tvge,
      .card02-image_hc {
        width: 100%;
        display: flex;
        align-items: center;
      }

      .image_sp05 {
        width: calc(255/303*100%);
        margin-top: 20vw;
      }

      .image_sp06 {
        width: calc(255/303*100%);
        margin-top: 20vw;
      }

      .safety_image_sp01 {
        width: calc(255/303*100%);
        margin-top: 25vw;
      }

      .safety_image_sp02 {
        width: calc(255/303*100%);
        margin-top: 20vw;
      }

      .safety_image_sp03 {
        width: 100%;
        margin-top: 20vw;
      }

      .kindness_image_sp01 {
        margin-top: 14.0vw;
      }

      .kindness_image_sp02 {
        margin-top: 24vw;
        border-radius: 6px;
        overflow: hidden;
      }

      .kindness_image_sp03 {
        margin-top: 14.0vw;
      }

      .kindness_image_sp04 {
        margin-top: 22vw;
        width: calc(255/303*100%);
      }
      
    }

    .card02-image_bp::before,
    .card02-image_tv::before,
    .card02-image_tvge::before,
    .card02-image_hc::before {
      content: "";
      width: 56px;
      padding-top:56px;
      position: absolute;
      top: 0;
      left: 0;    
    }

    @media screen and (max-width: 1000px) {
      .card02-image_bp::before,
      .card02-image_tv::before,
      .card02-image_tvge::before,
      .card02-image_hc::before {
        width: 5.6vw;
        padding-top:5.6vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card02-image_bp::before,
      .card02-image_tv::before,
      .card02-image_tvge::before,
      .card02-image_hc::before {
        width: 2.1333vw;
        padding-top:2.1333vw;
      }
    }

    .card02-image_bp::before {background: url('/kosodate-fair/images/timeper/img_logo_bestprice.png') no-repeat center / contain;}
    .card02-image_tv::before {
      background: url('/kosodate-fair/images/timeper/img_logo_topvaluu_l.svg') no-repeat center / contain;
      width: 50px;
      padding-top:50px;
    }
    .card02-image_tvge::before {
      background: url('/kosodate-fair/images/timeper/img_logo_topvalu_greeneye.png') no-repeat center / contain;
      width: 50px;
      padding-top:50px;
    }
    .card02-image_hc::before {
      background: url('/kosodate-fair/images/timeper/img_logo_homecoody.png') no-repeat center / contain;
      width: 50px;
      padding-top:50px;
    }

    @media screen and (max-width: 1000px) {
      .card02-image_bp::before,
      .card02-image_tv::before,
      .card02-image_tvge::before {
        width: 5.0vw;
        padding-top:5.0vw;
      }
      .card02-image_hc::before {
        width: 5.0vw;
        padding-top:5.0vw;
      }
    }

    @media screen and (max-width:750px) {
      .card02-image_bp::before,
      .card02-image_tv::before,
      .card02-image_tvge::before {
        width: 19.7vw;
        padding-top:19.7vw;
      }
      .card02-image_hc::before {
        width: 19.7vw;
        padding-top:19.7vw;
      }
    }

    /* .card-image img {
      width: 100%;
      height: auto;
      display: block;
    } */

    /* テキスト側：縦にflexで3分割 */
    .card02-body {
      display: flex;
      flex-direction: column;
      flex: 1;
      width: calc(260/420*100%);
    }

    @media screen and (max-width: 1000px) {
      .card02-body {
        width: 26vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card02-body {
        width: 100%;
      }
    }

    /* ▼ 紫エリア：flex:1 で均等に伸びる */
    .card02-brand {
      flex: 1; /* ← ここがポイント */
      display: flex;
      align-items: center;
      color: var(--TEXT-text-black, #4C4B45);
      font-size: 14px;
      font-weight: 700;
      line-height: 150%; /* 21px */
      letter-spacing: 0.28px;
    }

    @media screen and (max-width: 1000px) {
      .card02-brand {
        font-size: 1.4vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card02-brand {
        font-size: clamp(1.0rem, 3.733vw, 2.8rem);
      }
    }

    /* ▼ 緑エリア：flex:2 で少し広め */
    .card02-title {
      flex: 2; /* ← ブランド名より広めに */
      display: flex;
      align-items: center;
      color: var(--TEXT-text-black-strong, #383733);
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%; /* 24px */
      letter-spacing: 0.32px;
      margin-top: 8px;
    }

    @media screen and (max-width: 1000px) {
      .card02-title {
        font-size: 1.6vw;
        margin-top: .8vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card02-title {
        color: var(--TEXT-text-black-strong, #383733);
        font-size: 4.8vw;
        border-bottom: 2px solid var(--BASE-time-per-blue-boredr, #D0E1F1);
        padding-bottom: 2.133vw;
      }
    }

    /* 説明文：flex:3 で一番広く */
    .card02-desc {
      flex: 3;
      color: var(--TEXT-text-black-light, #7A7A76);
      font-size: 12px;
      font-weight: 700;
      line-height: 167.5%; /* 20.1px */
      margin-top: 20px;
    }

    @media screen and (max-width: 1000px) {
      .card02-desc {
        font-size: 1.2vw;
        margin-top: 2.0vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card02-desc {
        font-size: clamp(1.0rem, 4.266vw, 3.2rem);
        margin-top: 5.333vw;
      }
    }

    .card02-desc .card02-desc_point_wrap {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap:0 10px;
    }

    .card02-desc span,
    .card02-desc span.safety,
    .card02-desc span.kindness {
      color: var(--TEXT-text-black, #4C4B45);
      font-size: 12px;
      font-weight: 700;
      line-height: 150%; /* 18px */
      letter-spacing: 0.24px;
      display: flex;
      width: 93px;
      padding: 2px 0;
      justify-content: center;
      align-items: center;
      border-radius: 2000px;
      background: var(--BASE-time-per-blue-tint, #ECF6FE);
      margin-bottom: 10px;
    }

    .card02-desc span.safety {
      background: var(--BASE-safety-orange-tint, #FFF4E5);
    }

    .card02-desc span.kindness{
      background: var(--BASE-kindness-pink-tint, #FFF2F3);
    }

    @media screen and (max-width: 1000px) {
      .card02-desc span,
      .card02-desc span.safety,
      .card02-desc span.kindness {
        font-size: 1.2vw;
        width: 9.3vw;
        padding: .2vw 0;
        margin-bottom: 1.0vw;
      }
    }

    @media screen and (max-width: 750px) {
      .card02-desc span,
      .card02-desc span.safety,
      .card02-desc span.kindness {
        font-size: clamp(1.0rem, 3.2vw, 2.4rem);
        width: 25.6vw;
        padding: 2.133vw 0;
        margin-bottom: 2.133vw;
      }
    }



#kosodate-fair .timeper_btn_detail,
#kosodate-fair .timeper_btn_detail02 {
  width: 100%;
  border-radius: 9999px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 10px auto 0;
  background: var(--BASE-time-per-blue, #429EEB);
  box-sizing: border-box;
}

#kosodate-fair .timeper_btn_detail02 {
  max-width: 192px;
  margin: 40px auto 0 0;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .timeper_btn_detail,
  #kosodate-fair .timeper_btn_detail02  {
    padding: 1.0vw 0;
    margin: 1.0vw auto 0;
  }

  #kosodate-fair .timeper_btn_detail02 {
    margin: 4.0vw auto 0 0;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_btn_detail,
  #kosodate-fair .timeper_btn_detail02 {
    max-width: 100%;
    padding: 4.266vw 0;
    margin: 8.533vw auto 0;
  }
}

#kosodate-fair .timeper_btn_detail p,
#kosodate-fair .timeper_btn_detail02 p {
  color: var(--BASE-TRUE-WHITE, #FFF); 
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:10px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .timeper_btn_detail p,
  #kosodate-fair .timeper_btn_detail02 p {
    font-size: 1.4vw;
    gap:1.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_btn_detail p,
  #kosodate-fair .timeper_btn_detail02 p {
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
    gap:2.666vw;
  }
}

#kosodate-fair .timeper_btn_detail p::after,
#kosodate-fair .timeper_btn_detail02 p::after {
  content: url('/kosodate-fair/images/icon_arrow_right.svg');
  display: block;
  margin-top: 2.5px;
  width: 16px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .timeper_btn_detail p::after,
  #kosodate-fair .timeper_btn_detail02 p::after {
    margin-top: 0.25vw;
    width: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .timeper_btn_detail p::after,
  #kosodate-fair .timeper_btn_detail02 p::after {
    margin-top: 0.6666vw;
    width: 4.8vw;
  }
}

#kosodate-fair .other_theme_ttl {
  max-width: 301px;
  margin: 0 auto;
  padding-top: calc(144/960*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .other_theme_ttl {
    max-width: 48.8vw;
    padding-top: 12.8vw;
  }
}

#kosodate-fair .other_theme_wrapper {
  margin: 48px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .other_theme_wrapper {
    margin: 4.8vw auto 0;
    gap: 3.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .other_theme_wrapper {
    margin: 4.8vw auto 0;
    flex-direction: column;    
    gap: 6.4vw;
  }
}

#kosodate-fair .other_theme_wrapper li {
  max-width: 352px;
  background: var(--BASE-TRUE-WHITE);
  border-radius: 9999px;
  display: block;
  box-shadow:3px 3px 3px rgba(120,100,60,0.08);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .other_theme_wrapper li {
    max-width: 35.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .other_theme_wrapper li {
    max-width: 100%;
  }
}

/*--------------------------------------------------------

安心・安全

--------------------------------------------------------*/

#kosodate-fair .safety_lead {
  max-width: 592px;
  margin: 0 auto;
  padding: calc(96/960*100%) 0;
}


@media screen and (max-width: 750px) {
  #kosodate-fair .safety_lead {
    width: calc(190/335*100%);
    margin: 0 auto;
    padding: calc(96/335*100%) 0;
  }
}

#kosodate-fair .safety_lead_illust01 {
  position: absolute;
  width: calc(188/960*100%);
  top:0;
  left:0;
  margin: calc(-115/960*100%) 0 0 calc(-112/960*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .safety_lead_illust01 {
    width: calc(94/335*100%);
    margin: calc(-70/335*100%) 0 0 calc(5/335*100%);
  }
}

#kosodate-fair .safety_lead_illust02 {
  position: absolute;
  width: calc(158/960*100%);
  top:0;
  right:0;
  margin: calc(-115/960*100%) calc(-107/960*100%) 0 0;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .safety_lead_illust02 {
    width: calc(79/335*100%);
    margin: calc(-62/335*100%) calc(6/335*100%) 0 0;
  }
}

#kosodate-fair .safety_btn_detail {
  max-width: 322px;
  border-radius: 9999px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 24px auto 0;
  background: var(--BASE-safety-orange, #FF8605);
  box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .safety_btn_detail  {
    padding: 1.0vw 0;
    margin: 2.4vw auto 0;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .safety_btn_detail {
    max-width: 100%;
    padding: 4.266vw 0;
    margin: 8.533vw auto 0;
  }
}

#kosodate-fair .safety_btn_detail p{
  color: var(--BASE-TRUE-WHITE, #FFF); 
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:10px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .safety_btn_detail p {
    font-size: 1.4vw;
    gap:1.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .safety_btn_detail p {
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
    gap:2.666vw;
  }
}

#kosodate-fair .safety_btn_detail p::after {
  content: url('/kosodate-fair/images/icon_arrow_right.svg');
  display: block;
  margin-top: 2.5px;
  width: 16px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .safety_btn_detail p::after {
    margin-top: 0.25vw;
    width: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .safety_btn_detail p::after {
    margin-top: 0.6666vw;
    width: 4.8vw;
  }
}

#kosodate-fair .safety_fanfan_ttl {
  margin: calc(56/872*100%) auto 0;
}


@media screen and (max-width: 750px) {
  #kosodate-fair .safety_fanfan_ttl {
    margin-top: calc(48/303*100%);
  }
}

#kosodate-fair .safety_container01 {
  display: flex;
  justify-content: center;
  gap: 52px;
  margin-top: calc(28/872*100%);
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .safety_container01 {
    display: flex;
    justify-content: center;
    gap: 5.2vw;
    margin-top: 8.533vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .safety_container01 {
    flex-direction: column;
    gap: 10.666vw;
    margin-top: 8.533vw;
  }
}

#kosodate-fair .safety_box {
  display: flex;
  justify-content: center;
  gap: 32px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .safety_box {
    gap: 3.2vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .safety_box {
    flex-direction: column;
    gap: 2.133vw;
  }
}

#kosodate-fair .safety_box_image {
  width: calc(166/410*100%);
}

@media screen and (max-width: 750px) {
  #kosodate-fair .safety_box_image {
    width: 100%;
  }
}

#kosodate-fair .safety_box_text {
  width: calc(212/410*100%);
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .safety_box_text {
    width: 100%;
  }
}

.safety_box_ttl {
  color: var(--TEXT-text-black, #4C4B45);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
}

@media screen and (max-width: 1000px) {
  .safety_box_ttl {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 750px) {
  .safety_box_ttl {
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
  }
}

.safety_box_products {
  color: var(--TEXT-text-black-strong, #383733);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 2px solid var(--BASE-safety-orange-border, #F0DFCE);
}

@media screen and (max-width: 1000px) {
  .safety_box_products {
    font-size: 1.8vw;
    padding-bottom: 1.2vw;
    margin-bottom: 2.0vw;
  }
}

@media screen and (max-width: 750px) {
  .safety_box_products {
    font-size: clamp(1.0rem, 4.8vw, 3.6rem);
    padding-bottom: 2.133vw;
    margin-bottom: 5.3333vw;
  }
}

.safety_box_lead {
  color: var(--TEXT-text-black, #4C4B45);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 167.5%; /* 26.8px */
}

@media screen and (max-width: 1000px) {
  .safety_box_lead {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  .safety_box_lead {
    font-size: clamp(1.0rem, 4.2666vw, 3.2rem);
  }
}

.safty_combi_wrapper {
  display: flex;
  justify-content: center;
  gap:60px;
}

@media screen and (max-width: 1000px) {
  .safty_combi_wrapper {
    gap:6.0vw;
  }
}

@media screen and (max-width: 750px) {
  .safty_combi_wrapper {
    flex-direction: column;
    gap:2,1333vw;
    padding-top: 6.4vw;
  }
}

.safty_combi_image {
  width: calc(485/875*100%);
}

@media screen and (max-width: 750px) {
  .safty_combi_image {
    width: 100%;
  }
}

.safty_combi_text {
  width: calc(329/875*100%);
}

@media screen and (max-width: 750px) {
  .safty_combi_text {
    width: 100%;
  }
}

/*--------------------------------------------------------

いたわり

--------------------------------------------------------*/

#kosodate-fair .kindness_lead {
  max-width: 592px;
  margin: 0 auto;
  padding: calc(96/960*100%) 0;
}


@media screen and (max-width: 750px) {
  #kosodate-fair .kindness_lead {
    width: calc(190/335*100%);
    margin: 0 auto;
    padding: calc(96/335*100%) 0;
  }
}

#kosodate-fair .kindness_wrapper,
#kosodate-fair .kindness_wrapper02 {
  display: flex;
  justify-content: space-between;
  margin-top: calc(40/872*100%);
}

#kosodate-fair .kindness_wrapper02 {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kindness_wrapper,
  #kosodate-fair .kindness_wrapper02 {
    display: flex;
    flex-direction: column;
    margin-top: 10.666vw;
    gap: 6.4vw;
  }

  #kosodate-fair .kindness_wrapper02 {
    margin-top: 0;
  }
}

#kosodate-fair .kindness_box01 {
  width: calc(420/872*100%);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kindness_box01 {
    width: 100%;
  }
}

#kosodate-fair .kindness_box02,
#kosodate-fair .kindness_box03 {
  width: calc(408/872*100%);
  display: flex;
  flex-direction: column;
  gap:32px;
}

#kosodate-fair .kindness_box03 {
  gap:24px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kindness_box02,
  #kosodate-fair .kindness_box03 {
    gap:3.2vw;
  }

  #kosodate-fair .kindness_box03 {
    gap:2.4vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kindness_box02,
  #kosodate-fair .kindness_box03 {
    width: 100%;
    gap:6.4vw;
  }

  #kosodate-fair .kindness_box03 {
    gap:5.3vw;
  }
}

.kindness_box_ttl {
  color: var(--TEXT-text-black, #4C4B45);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
}

@media screen and (max-width: 1000px) {
  .kindness_box_ttl {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 750px) {
  .kindness_box_ttl {
    font-size: clamp(1.0rem, 3.7333vw, 2.8rem);
  }
}

.kindness_box_products {
  display: flex;
  padding-bottom: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  border-bottom: 2px solid var(--BASE-kindness-pink-border, #F0CED1);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
}

@media screen and (max-width: 1000px) {
  .kindness_box_products {
    padding-bottom: 1.0vw;
    gap: .5vw;
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 750px) {
  .kindness_box_products {
    font-size: clamp(1.0rem, 4.8vw, 3.6rem);
  }
}

.kindness_box_lead {
  color: var(--TEXT-text-black, #4C4B45);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 167.5%; /* 26.8px */
}

@media screen and (max-width: 1000px) {
  .kindness_box_lead {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  .kindness_box_lead {
    font-size: clamp(1.0rem, 4.2666vw, 3.2rem);
  }
}

#kosodate-fair .kindness_btn_detail {
  max-width: 316px;
  border-radius: 9999px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 24px auto 0;
  background: var(--BASE-kindness-pink, #FF5E6C);
  box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kindness_btn_detail  {
    padding: 1.0vw 0;
    margin: 2.4vw auto 0;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kindness_btn_detail {
    max-width: 100%;
    padding: 4.266vw 0;
    margin: 8.533vw auto 0;
  }
}

#kosodate-fair .kindness_btn_detail p{
  color: var(--BASE-TRUE-WHITE, #FFF); 
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:10px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kindness_btn_detail p {
    font-size: 1.4vw;
    gap:1.0vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kindness_btn_detail p {
    font-size: clamp(1.0rem, 4.266vw, 3.2rem);
    gap:2.666vw;
  }
}

#kosodate-fair .kindness_btn_detail p::after {
  content: url('/kosodate-fair/images/icon_arrow_right.svg');
  display: block;
  margin-top: 2.5px;
  width: 16px;
}

@media screen and (max-width: 1000px) {
  #kosodate-fair .kindness_btn_detail p::after {
    margin-top: 0.25vw;
    width: 1.6vw;
  }
}

@media screen and (max-width: 750px) {
  #kosodate-fair .kindnes_btn_detail p::after {
    margin-top: 0.6666vw;
    width: 4.8vw;
  }
}

.kindness_notes {
  margin-top:calc(10/872*100%);
  color: var(--TEXT-text-black-light, #7A7A76);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 167.5%; /* 20.1px */
  text-indent: -1em;
  padding-left: 1em;
}

.product_notes {
  margin-top:calc(10/872*100%);
  color: var(--TEXT-text-black-light, #7A7A76);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 167.5%; /* 18.370001px */
}

@media screen and (max-width: 1000px) {
  .kindness_notes {
    font-size: 1.2vw;
  }
}

@media screen and (max-width: 750px) {
  .kindness_notes {
    margin-top: 6.4vw;
    font-size: clamp(1.0rem, 2.9vw, 2.2rem);
  }
}