.fixBg{
  position: fixed;
  width: 100vw;
  height: 100dvh;
  object-fit: cover;
  left: 0;
  right: 0;
}
.bg.blur{
  backdrop-filter: saturate(100%) blur(20px);
  -webkit-backdrop-filter: saturate(100%) blur(20px);
}
.history .head img{
  margin-top: 2rem;
      width: 220px;
}
.timeline{
  position: relative;
}
.timeline img{
  width: 90%;
  /*max-width: 130px;*/
}
.timeline figcaption{
  font-size: 0.625rem;
}
.timeline::before{
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 64.6%;
  background: #484C4A;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.timeline::after{
  content: '';
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: #484C4A;
  left: 0;
  right: 0;
  top: -0.5rem;
  margin: auto;
  border-radius: 100%;
}
.history.wrapper{
  width: 940px;
  margin: 0 auto 0 auto;
  padding: 10rem 0 10rem 0;
}
.block{
  font-family: "Noto Sans JP",sans-serif;
  font-size: 0.75rem;
  border-top: 1px dotted white;
}
.block .grid{

}
.block .grid .name{
  position: relative;
}
.block .grid .inner{
  border-color: #484C4A;
}
.block .grid .inner .circle{
  width: 1rem;
  height: 1rem;
  background: #484C4A;
  border-radius: 100%;
  position: relative;
}
.block .grid .inner .arrow{
  width: 1rem;
  height: 1rem;
  border: 1px solid;
  border-color: #565656 #565656 transparent transparent;
  transform: rotate(45deg);
  position: absolute;
  left: -1.1rem;
}
.block .grid .inner .arrow.org{
  border-color: #E95D08 #E95D08 transparent transparent;
}
.block .grid .inner .arrow.down{
  transform: rotate(135deg);
  left: 0;
  right: 0;
  top: -1.2rem;
}
.block .grid.c2-3 .inner .arrow.left{
  transform: rotate(-135deg);
  left: -33%;
  top: calc(101% - 0.5rem);
}
.block .grid.c5-4 .inner .arrow.left{
  transform: rotate(-135deg);
  left: -167%;
  top: calc(100% - 0.5rem);
}
.block .grid .inner .bar{
  width: 1rem;
  height: 1px;
  background: #484C4A;
}
.year{
  font-size: 0.875rem;
  line-height: 1;
}
.year.after{
  text-align: right;
}
.year span{
  position: relative;
  top: -0.4rem;
}
.timeline img.ci-logo{
  width: 90px;
  display: block;
}

/*grid*/
.grid-container {
  width: 100%;
  display: grid;
  grid-template-columns: 5% 22.5% 22.5% 22.5% 22.5% 5%;
  grid-template-rows: 80px 80px 80px 80px 80px 80px 80px 80px 240px;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  "c1-left c1 c1 c1 c1 c1-right"
  "c2-left c2 c2 c2 c2 c2-right"
  "c3-left c3 c3 c3 c3 c3-right"
  "c4-left c4 c4 c4 c4 c4-right"
  "c5-left c5 c5 c5 c5 c5-right"
  "c6-left c6 c6 c6 c6 c6-right"
  "c7-left c7 c7 c7 c7 c7-right"
  "c8-left c8 c8 c8 c8 c8-right"
  "c9-left c9 c9 c9 c9 c9-right";
}
.c1 {  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  "c1-1 c1-2 c1-3 c1-4";
  grid-area: c1;
}
.c1.block{
  border-top: none;
}

.c1-1 { grid-area: c1-1; }

.c1-2 {
  grid-area: c1-2;
  position: relative;
}

.c1-3 { grid-area: c1-3; }

.c1-4 { grid-area: c1-4; }

.c1.block .grid{
  border-top: 1px dotted white;
}
.c1.block .grid.c1-2{
  border: none;
}
.c2 {  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  "c2-1 c2-2 c2-3 c2-4";
  grid-area: c2;
}

.c2-1 {
  grid-area: c2-1;
}

.c2-2 { grid-area: c2-2; }

.c2-3 { grid-area: c2-3; }

.c2-4 { grid-area: c2-4; }

.c3 {  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  "c3-1 c3-2 c3-3 c3-4";
  grid-area: c3;
}

.c3-1 { grid-area: c3-1; }

.c3-2 {
  grid-area: c3-2;
}

.c3-3 { grid-area: c3-3; }

.c3-4 { grid-area: c3-4; }

.c4 {  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  "c4-1 c4-2 c4-3 c4-4";
  grid-area: c4;
}

.c4-1 { grid-area: c4-1; }

.c4-2 { grid-area: c4-2; }

.c4-3 { grid-area: c4-3; }

.c4-4 { grid-area: c4-4; }

.c5 {  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  "c5-1 c5-2 c5-3 c5-4";
  grid-area: c5;
}

.c5-1 { grid-area: c5-1; }

.c5-2 { grid-area: c5-2; }

.c5-3 { grid-area: c5-3; }

.c5-4 { grid-area: c5-4; }

.c6 {  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  "c6-1 c6-2 c6-3 c6-4";
  grid-area: c6;
}

.c6-1 { grid-area: c6-1; }

.c6-2 { grid-area: c6-2; }

.c6-3 { grid-area: c6-3; }

.c6-4 { grid-area: c6-4; }

.c7 {  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  "c7-1 c7-2 c7-3 c7-4";
  grid-area: c7;
}

.c7-1 {
  grid-area: c7-1;
  position: relative;
}

.c7-2 {
  grid-area: c7-2;
}

.c7-3 {
  grid-area: c7-3;
  position: relative;
}

.c7-4 { grid-area: c7-4; }

.c8 {  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  ". . . .";
  grid-area: c8;
}

.c9 {  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  ". . . .";
  grid-area: c9;
  position: relative;
  border: none;
}
.c9::before,.c9::after{
  content: '';
  display: block;
  height: 1px;
  width: 40%;
  border-bottom: 1px dotted white;
  position: absolute;
  top: 0;
}
.c9::before{
  left: 0;
}
.c9::after{
  right: 0;
}
.c1-left { grid-area: c1-left; }

.c1-right { grid-area: c1-right; }

.c2-left { grid-area: c2-left; }

.c2-right { grid-area: c2-right; }

.c3-left { grid-area: c3-left; }

.c3-right { grid-area: c3-right; }

.c4-left { grid-area: c4-left; }

.c4-right { grid-area: c4-right; }

.c5-left { grid-area: c5-left; }

.c5-right { grid-area: c5-right; }

.c6-left { grid-area: c6-left; }

.c6-right { grid-area: c6-right; }

.c7-left { grid-area: c7-left; }

.c7-right { grid-area: c7-right; }

.c8-left { grid-area: c8-left; }

.c8-right { grid-area: c8-right; }

.c9-left { grid-area: c9-left; }

.c9-right { grid-area: c9-right; }


.c1-2 .inner .cont{
  position: relative;
  top: -0.4rem;
}
.c2-1 .inner{
  width: 100%;
  height: 125%;
  margin-left: 5%;
  margin-top: 10%;
  border-left: 1px solid;
  position: relative;
  /*border-bottom: 1px solid;*/
}
.c2-1 .inner::after{
  content: '';
  display: block;
  height: 1px;
  border-bottom: 1px solid;
  position: absolute;
  width: calc(50% - 1rem);
  bottom: 0;
}
.c2-1 .inner .cont{
  position: relative;
  top: -1rem;
  left: -0.5rem;
}
.c2-3 .inner{
  margin-left: 25%;
  height: 200%;
  margin-top: 15%;
  border-left: 1px solid;
}
.c2-3 .inner .cont{
  position: relative;
  left: -0.5rem;
}
.c2-3 #nikkosasshi.inner{
  margin-top: 0;
  height: 100%;
  border-bottom: 1px solid;
  position: relative;
}
.c2-3 #nikkosasshi.inner::after{
  content: '';
  display: block;
  height: 1px;
  width: 35%;
  border-bottom: 1px solid;
  position: absolute;
  bottom: -1px;
  left: -35%;
}

.c3-1 .inner{
  border-left: 1px solid;
  height: 175%;
  width: 100%;
  margin-top: 15%;
  margin-left:50%;
}
.c3-1 .inner .cont,
.c4-4 .inner .cont,
.c5-1 .inner .cont,
.c5-4 .inner .cont{
  position: relative;
  left: -0.5rem;
}
.c3-2 .inner{
  margin-top: 12.5%;
}
.c3-2 .inner img.ci-logo{
  margin-left: auto;
}
.c3-2 .inner .cont,
.c6-2 .inner .cont,
.c7-2 .inner .cont{
  position: relative;
  right: -0.5rem;
}
.c3-2 .inner .cont .name{
  text-align: right;
  top: 1rem;
}
.c4-4 .inner{
  height: 100%;
  margin-top: 14%;
  border-left: 1px solid;
}
.c5-1 .inner{
  border-left: 1px solid;
  width: 100%;
  height: 300%;
  margin-top: 5%;
  margin-left: 50%;
}
.c5-1 .inner img.ci-logo{
  width: 75px;
}
.c5-4 .inner{
  border-left: 1px solid;
  height: 55%;
  margin-top: 5%;
  margin-left: 25%;
  position: relative;
}
.c5-4 .inner::after{
  content: '';
  display: block;
  position: absolute;
  width: 169%;
  height: 1px;
  border-bottom: 1px solid;
  bottom: 0;
  left: -169%;
}
.c6-2 .inner,
.c7-2 .inner{
  margin-top: 5%;
}
.c6-2 .inner .name{
  top: 0.5rem;
}
.block .c7-1 .inner .arrow.down{
  top: inherit;
  bottom: -8%;
  left: calc(50% - 0.45rem);
}
.block .c7-3 .inner .arrow.down{
  top: inherit;
  bottom: -8%;
  left: -0.5rem;
}
.c8 .inner{
  width: 98%;
  background: rgb(255 255 255 / 40%);
  margin-top: 1%;
  height: 199%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  border-radius: 4px;
}
.c8 .inner::after{
  content: '';
  display: block;
  width: 1px;
  height: 3rem;
  border-right: 1px solid #E95D08;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -1.5rem;
}
.c8 .inner .cont{
  height: 100%;
}
.c8 .inner .cont img{
  width: 8rem
}
.c9 .inner{
  margin-top: 15%;
}
.c9 .inner img.ci-logo:first-child{
  width: 220px;
  margin-bottom: 0.5rem;
}
.c9 .inner h3,.c9 .inner h4{
  text-align: center;
  color: #111111;
}
.c9 .inner h3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
  font-size: 1rem;
}
.container:hover .c9 h3{
  opacity: inherit;
}
.inner .name img.ci-logo{
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 940px) {
  .history.wrapper{
    width: 100%;
    padding-left:2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 768px){
  .container .top .image.w100, .container .bottom .image.w100{
    aspect-ratio: 3 / 2;
  }
  .grid-container {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 5% 23.25% 23.25% 23.25% 23.25% 0%;
    grid-template-rows: 120px 120px 120px 120px 120px 120px 120px 120px 240px;
    grid-auto-columns: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
    "c1-left c1 c1 c1 c1 c1-right"
    "c2-left c2 c2 c2 c2 c2-right"
    "c3-left c3 c3 c3 c3 c3-right"
    "c4-left c4 c4 c4 c4 c4-right"
    "c5-left c5 c5 c5 c5 c5-right"
    "c6-left c6 c6 c6 c6 c6-right"
    "c7-left c7 c7 c7 c7 c7-right"
    "c8-left c8 c8 c8 c8 c8-right"
    "c9-left c9 c9 c9 c9 c9-right";
  }
  .history.wrapper{
    padding-left:1rem;
    padding-right: 1rem;
    padding-bottom: 20rem;
  }
  .c1-right,.c2-right,.c3-right,.c4-right,.c5-right,.c6-right,.c7-right,.c8-right,.c9-right{
    grid-area: none;
    display: none;
  }
  .year{
    font-size: 0.75rem;
  }
  .timeline::before{
    left: 4rem;
    right: inherit;
    height: 70.5%;
  }
  .timeline::after{
    left: calc((4rem - 0.5rem) + 1px);
    right: inherit;
  }
  .block .grid .inner .arrow{
    width: 0.7rem;
    height: 0.7rem;
  }
  .block .grid .inner .arrow.down{
    margin-left: auto;
    margin-right: auto;
    top: -0.75rem;
    z-index: 2;
  }
  .c1-2{
    position: static;
  }
  #myoukenya{
    width: auto;
    position: absolute;
    left: 4.5rem;
  }
  #myoukenya.inner .cont{
    flex-flow: row-reverse;
    justify-content: flex-end;
    width: 120%;
  }
  #myoukenya figure{
    width: 220px;
  }
  .c3-2 .inner .cont, .c6-2 .inner .cont, .c7-2 .inner .cont{
    right: inherit;
    flex-flow: row-reverse;
  }
  #toyosasshi,#tostem,#jyuseikatsu{
    position: absolute;
    left: calc(3.5rem + 0.5px);
    margin-top: 5%;
  }
  .c3-2 .inner .cont .name{
    text-align: left;
  }
  .c3-2 .inner img.ci-logo{
    margin-left: 0;
  }
  #nasualmi{
    position: absolute;
    right: 2rem;
    height: 9.8%;
    width: auto;
    border-left: none;
    border-right: 1px solid;
    margin-top: 3%;
  }
  .c2-1 .inner .cont,.c3-1 .inner .cont{
    flex-flow: row-reverse;
    text-align: center;
    left: 0.5rem;
  }
  .c2-1 .inner::after{
    right: 0;
    width: calc(30% - 1rem);
  }
  #nikkeialmi{
    width: auto;
    height: 49%;
    position: absolute;
    right: calc(3rem + 2px);
    margin-left: 0;
    margin-top: 2.5%;
    border-right: 1px solid;
    border-left: none;
  }
  .c3-1 .inner .cont{
    top: 2rem;
  }
  #nikkeialmi .arrow{
    margin: auto;
    top: -0.75rem;
    left: 0;
    right: 0;
    transform: rotate(135deg);
  }
  #nikkeialmi .cont,#shinnikkei .cont{
    flex-flow: row-reverse;
  }
  #shinnikkei{
    width: auto;
    position: absolute;
    right: calc(2rem + 3px);
    height: auto;
    margin-top: 2%;
    border-left: none;
  }
  #shinnikkei .arrow{
    margin: auto;
    top: -0.8rem;
  }
  .c2-3 .inner{
    margin-left: 0;
  }
  #aruna{
    position: absolute;
    left: 4rem;
    width: auto;
    margin-left: 5%;
    height: 3%;
    margin-top: 6%;
  }
  .c5-4 .inner::after{
    left: -2.4rem;
    width: 2.4rem;
  }
  #mitsuikei{
    position: absolute;
    width: auto;
    height: 6%;
    left: 45%;
    margin-top: 11%;
  }
  #mitsuikei::before{
    content: '';
    display: block;
    left: 0;
    margin-left: -35vw;
    width: calc(41vw - 3rem);
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid;
  }
  .c2-3 #nikkosasshi.inner{
    border-bottom: none;
    margin-top: 0;
    height: 30%;
  }
  .c2-3 #nikkosasshi.inner::after{
    width: 60%;
    left: -60%;
  }
  .c2-3 #nikkosasshi.inner::before{
    content: '';
    display: block;
    width: 1px;
    height: 260%;
    border-left: 1px solid;
    position: absolute;
    bottom: -260%;
    left: -60%;
  }
  .block .grid.c2-3 .inner .arrow.left{
    display: none;
  }
  .grid.c1-1{
    border-top: none;
  }
  .block .c7-1 .inner .arrow.down{
    top: inherit;
    bottom: -5%;
    left: -7.25rem;
  }
  .block .c7-3 .inner .arrow.down{
    top: inherit;
    bottom: -5%;
    right: -82%;
    left: inherit;
  }
  .c8 .inner::after{
    left: -2.5%;
  }
  .c8 .inner .cont{
    margin-left: -2.5%;
  }
  .c9 .inner{
    margin-left: -2.5%;
    margin-top: 25%;
  }
  .c9::before{
    width: 35%;
  }
  .c9::after{
    width: 38%;
  }
}
@media screen and (max-width: 540px){
  .grid-container {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 7% 23.25% 23.25% 23.25% 23.25% 0%;
    grid-template-rows: 120px 120px 120px 120px 120px 120px 120px 120px 240px;
    grid-auto-columns: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
    "c1-left c1 c1 c1 c1 c1-right"
    "c2-left c2 c2 c2 c2 c2-right"
    "c3-left c3 c3 c3 c3 c3-right"
    "c4-left c4 c4 c4 c4 c4-right"
    "c5-left c5 c5 c5 c5 c5-right"
    "c6-left c6 c6 c6 c6 c6-right"
    "c7-left c7 c7 c7 c7 c7-right"
    "c8-left c8 c8 c8 c8 c8-right"
    "c9-left c9 c9 c9 c9 c9-right";
  }
  #mitsuikei::before{
    margin-left: -130%;
    width: 130%;
  }
  .c2-3 #nikkosasshi.inner::before{
    height: 215%;
    bottom: -215%;
  }
  .c5-4 .inner::after{
    left: -25%;
    width: 25%;
  }
  .block .c7-1 .inner .arrow.down{
    left: -51%;
  }
  .block .c7-3 .inner .arrow.down{
    right: -62%;
  }
  .c8 .inner{
    width: 90%;
  }
  .c8 .inner::after{
    left: 0%;
  }
  .c9 .inner{
    margin-top: 35%;
    margin-left: auto;
    margin-right: auto;
  }
  .c9::before,.c9::after{
    width: 30%;
  }
}
@media screen and (max-width: 430px){
  .grid-container{
    grid-template-columns: 10% 22.5% 22.5% 22.5% 22.5% 0%;
  }
  .timeline::before{
    left: 3rem;
  }
  .timeline::after{
    left: calc((3rem - 0.5rem) + 1px);
  }
  #myoukenya{
    left: 3.5rem;
  }
  #toyosasshi, #tostem, #jyuseikatsu{
    left: calc(2.5rem + 0.5px);
  }
  .c1.block .grid.c1-3{
    border-top: none;
  }
  #nasualmi{
    height: 8.2%;
    margin-top: 8%;
  }
  .c2-3 .inner{
    height: 180%;
    margin-top: 50%;
  }
  .c2-3 .inner .cont{
    flex-flow: row-reverse;
    width: 120%;
    left: -111%;
  }
  .c2-3 #nikkosasshi.inner .cont{
    flex-flow:row;
    left: -0.5rem;
  }
  #nikkeialmi{
    height: 49.5%;
  }
  #mitsuikei{
    margin-top: 20%;
    left: 50%;
  }
  #aruna{
    margin-left: 2%;
    margin-top: 15%;
  }
  .c2-3 #nikkosasshi.inner::before{
    height: 270%;
    bottom: -270%;
  }
  #mitsuikei::before{
    margin-left: -120%;
    width: 120%;
  }
  .block .c7-1 .inner .arrow.down{
    left: -80%;
  }
  .block .c7-3 .inner .arrow.down{
    right: -50%;
  }
  .c8,.c9{
    width: 100vw;
    margin-left: -15.5%;
  }
  .c8{
    position: relative;
    border-top: none;
  }
  .c8::before{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    border-top: 1px dotted white;
    left: 12.5%;
    height: 1px;
    width: calc(100% - 16%);
  }
  .c8 .inner{
    width: 75%;
  }
  .c8 .inner .cont{
    margin-left: 0;
  }
  .c9 .inner{
    margin-top: 45%;
  }
  .c9::before, .c9::after{
    display: none;
  }
  .year.c9-left{
    z-index: 2;
    position: relative;
  }
  .history .head h2{
    width: 70%;
    text-align: center;
    line-height: 1.75;
  }
  .c1.block .grid.c1-1{
    border-top: none;
  }
  .c9 .inner img.ci-logo:first-child{
        width: 200px;
  }
}
@media screen and (max-width: 414px){
  #mitsuikei::before{
    margin-left: -113%;
    width: 113%;
  }
  .c2-3 #nikkosasshi.inner::before {
    height: 268%;
    bottom: -268%;
  }
  .block .c7-1 .inner .arrow.down {
    left: -76%;
  }
  .block .c7-3 .inner .arrow.down {
    right: -48%;
    bottom: -4.5%;
  }
  .c8 .inner{
    width: 72.5%;
  }
  .history .head h2{
    width: 75%;
  }
}
@media screen and (max-width: 390px){
  #nasualmi{
    height: 7.5%;
    margin-top: 11%;
  }
  #mitsuikei::before{
    margin-left: -104%;
    width: 104%;
  }
  .c2-3 #nikkosasshi.inner::before{
    height: 260%;
    bottom: -260%;
  }
  .block .c7-1 .inner .arrow.down {
    left: -69%;
  }
  .block .c7-3 .inner .arrow.down {
    right: -45%;
    bottom: -4%;
  }
  .c2-3 #nikkosasshi.inner .cont{
    width: 130%;
  }
}
@media screen and (max-width: 375px){
  .block .c7-1 .inner .arrow.down{
    left: -64.5%;
    bottom: -4%;
  }
  .block .c7-3 .inner .arrow.down{
    right: -42%;
  }
  #nikkeialmi{
    height: 49.8%;
  }
  .timeline::before{
    height: 70.6%;
  }
}
@media screen and (max-width: 320px){
  .c1.block .grid.c1-4{
    border-top: none;
  }
  .block .grid .name{
    font-size: 10px;
  }
  .c2-3 .inner .cont{
    width: 123%;
  }
  .c2-3 .inner{
    margin-top: 62%;
    height: 168%;
  }
  #toyosasshi{
    margin-top: 15%;
  }
  .c2-1 .inner::after{
    width: calc(33% - 1rem);
  }
  #nasualmi{
    right: 1rem;
  }
  #nikkeialmi{
    right: calc(2rem + 2px);
  }
  #shinnikkei{
    right: calc(1rem + 3px);
  }
  #nikkeialmi{
    height: 50.3%;
    margin-top: 0.5%;
  }
  .c2-3 #nikkosasshi.inner .cont{
    width: 145%;
  }
  #mitsuikei::before{
    margin-left: -86%;
    width: 86%;
  }
  .block .c7-1 .inner .arrow.down{
    left: -40.5%;
  }
  .block .c7-3 .inner .arrow.down{
    right: -55%;
  }
  .c9 .inner {
    margin-top: 65%;
  }
  .c9 .inner img.ci-logo:first-child{
        width: 180px;
  }
}