@charset "UTF-8";
/* CSS Document */

.cogicogi img{
width: 100%;
}

.section_01{
width: 980px;
margin: 0 auto;
margin-top: 70px;
}



.slider {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-top: 50px;
}

.slider-track {
  display: flex;
  width: calc((150px + 25px) * 24); /* 175px × 24 = 4200px */
  animation: scroll 30s linear infinite;
}

.slider-track img {
  width: 150px;
  height: auto;
  margin-right: 25px;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-2100px); /* 175px × 12 = 2100px */
  }
}

.section_02{
width: 100%;
background: url("../img/cogicogi/ba_01.jpg") no-repeat center bottom;
background-size: 120%;
padding: 5% 0 600px 0;
margin: 50px 0;
}

.cogicogi_midashi_01{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  color: #611163;
  font-size: 4.2rem;
}

.cogicogi_midashi_01 b{
  font-size: 6.0rem;
}

.cogicogi_copy{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.5rem;
  text-align: center;
  line-height: 200%;
  margin-top: 30px;
}

.cogicogi_copy span{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  background:linear-gradient(transparent 65%, #FFE200 65%);
  }

.cogicogi_midashi_02{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.5rem;
  border-bottom: #621163 7px solid;
  display: inline-block;
  margin-bottom: 30px;
}

.cogicogi_text_01{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.5rem;
  text-align: center;
  position: relative;
  padding-left: 63px;
}

.cogicogi_text_01 b{
background: #621163;
color: #fff;
margin: 0 0.2em;
padding: 0.5% 0.5em;
border-radius: 10px;
}

.cogicogi_text_01::before{
content: "";
width: 63px;
height: 85px;
display: block;
background: url("../img/cogicogi/sp01.jpg") no-repeat center center;
background-size: 100%;
position: absolute;
top: -25px;
left: 153px;
}

.cogicogi_list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 30px;
margin-bottom: 10px;
}

.cogicogi_list_01 li{
width: 31%;
border: #621163 2px solid;
text-align: center;
background: #fff;
position: relative;
padding: 5% 0 4% 0;
border-radius: 20px;
}

.cogicogi_list_01 li img{
height: 92px;
width: auto;
margin-bottom: 3%;
}

.cogicogi_list_01 li p:nth-of-type(1){
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.0rem;
  background: #621163;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 1% 5% 2% 5%;
  line-height: 120%;
border-radius: 16px 0 16px 0;
}


.cogicogi_list_01 li p:nth-of-type(2){
text-align: center;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.0rem;
  color: #621163;
}

.note_text{
text-align: center;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
}

.section_03{
background: #621163;
width: 100%;
position: relative;
margin-bottom: 130px;
}

.section_03 div{
width: 980px;
margin: 0 auto;
}

.cogi_img_04 {
margin-bottom: -30px;
}

.cogi_img_05{
width: 153px !important;
position: absolute;
bottom: 40px;
left: 400px;
}

.cogi_img_06{
width: 153px !important;
position: absolute;
bottom: 40px;
left: 600px;
}

.cogicogi_list_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.cogicogi_list_02 li{
width: 29%;
}

.cogicogi_list_02 li dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.cogicogi_list_02 li dl dt{
background: #FFE200;
text-align: center;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.6rem;
  padding: 5% 0 5% 0;
  border-radius: 10px;
  width: 120px;
}

.cogicogi_list_02 li dl dt b{
  font-size: 3.9rem;
}

.cogicogi_list_02 li dl dd{
text-align: center;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.9rem;
}

.cogicogi_list_02 li dl dd b{
  font-size: 4.6rem;
}

.cogicogi_text_02{
text-align: center;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 2.0rem;
  margin-top: 20px;
}

.cogicogi_text_03{
text-align: center;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.0rem;
  margin-top: 50px;
  background: url("../img/cogicogi/img_07.png") no-repeat center bottom;
  background-size: 100%;
  display: inline-block;
  padding: 0 25px;
}

.cogicogi_div{
background: #621163;
width: 854px;
padding: 3% 0;
text-align: center;
border-radius: 90px;
  margin-top: 20px;
  margin-bottom: 150px;
}

.cogicogi_div p{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.0rem;
  color: #FFE200;
  text-align: center;
}

.cogicogi_div p b{
font-size: 4.7rem;
}

.cogicogi_div ul{
margin-left: 180px;
margin-bottom: 10px;
}

.cogicogi_div ul li{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 2.0rem;
  color: #fff;
  margin-top: 10px;
}

.cogicogi_list_03{

}

.cogicogi_list_03 li{
border-bottom: #707070 1px dotted;
padding: 4% 0 2% 0;
}

.cogicogi_list_03 li:last-child{
border-bottom: none;
}

.q_dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.q_dl dt{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.8rem;
  color: #fff;
  background: #621163;
  width: 5%;
  text-align: center;
  line-height: 100%;
  padding: 0% 0 1% 0;
  border-radius: 10px;
}
.q_dl dd{
width: 93%;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.0rem;
  margin-top: 14px;
  margin-bottom: 35px;
}

.a_dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.a_dl dt{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.8rem;
  color: #621163;
  background: #FFE200;
  width: 5%;
  text-align: center;
  line-height: 100%;
  padding: 0% 0 1% 0;
  border-radius: 10px;
}
.a_dl dd{
width: 93%;
  margin-top: 5px;
}

.a_dl dd h6{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.5rem;
  color: #621163;
}
.a_dl dd p{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8rem;
  margin-bottom: 20px;
  }

.cogicogi_list_04{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 30px;
}

.cogicogi_list_04 li{
width: 47%;
background: #FFE200;
text-align: center;
margin-bottom: 30px;
padding: 2% 0;
border-radius: 20px;
}

.cogicogi_list_04 li img{
width: 131px;
display: block;
margin: 0 auto;
}

.cogicogi_list_04 li p{
text-align: center;
}

.cogicogi_list_04 li p:nth-of-type(1){
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.6rem;
  color: #000000;
  margin-bottom: 15px;
}

.cogicogi_list_04 li p:nth-of-type(2){
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 2.0rem;
  color: #000000;
  margin-top: 15px;
}