@charset "UTF-8";
@font-face {
  font-family: "OpenSansLight";
  src: url("../../font/OpenSans-Light.woff") format("woff"), url("../../font/OpenSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Caudex";
  src: url("../../font/Caudex-Regular.woff") format("woff"), url("../../font/Caudex-Regular.ttf") format("truetype");
}
.sp_only {
    display: none !important; }
    
#coordination {
  font-family: "quasimoda", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #000;
  /*max-width: 1200px;*/
  padding: 0 80px 0 90px;
  margin: 0 auto 120px;
  box-sizing: border-box;

 /*background-image: url(/Page/feature/coordination/200305/img/pc/atari.jpg);*/
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1400px;
    height: 14263px; 
}



#coordination .def,
#coordination .def4,
#coordination .def7,
#coordination .def10,
#coordination .def13,
#coordination .def16,
#coordination .def19,
#coordination .def22,
#coordination .credit,
#coordination .credit2,
#coordination .credit3,
#coordination .credit4,
#coordination .credit5,
#coordination .credit6,
#coordination .credit7,
#coordination .credit8 {
  margin-left: -10px;
}


/* for tablet */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
  .header,
  .footer,
  .main-area,
  .archiveArea {
    max-width: 1400px;
    min-width: 1400px;
  }

  #coordination {
    max-width: 1400px;
  }
}





/*

.bdr_effect{
      position: relative;
    margin-top: 52px;
    margin-left: -19px;
    padding: 10px;

    content: '';
    display: block;
}
.bdr_effect::after,
.bdr_effect::before,
.bdr_effect__inner::after,
.bdr_effect__inner::before {
  background-color: #d2caa5;
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;

  -ms-transition: all .5s ease;

}
.sec09 .bdr_effect::after,
.sec09 .bdr_effect::before,
.sec09 .bdr_effect__inner::after,
.sec09 .bdr_effect__inner::before {
  background-color: #d8c1b6 !important;
  content: '';
  display: block;

}
.sec11 .bdr_effect::after,
.sec11 .bdr_effect::before,
.sec11 .bdr_effect__inner::after,
.sec11 .bdr_effect__inner::before {
  background-color: #d8c1b6 !important;
  content: '';
  display: block;

}
.sec13 .bdr_effect::after,
.sec13 .bdr_effect::before,
.sec13 .bdr_effect__inner::after,
.sec13 .bdr_effect__inner::before {
  background-color: #d8c1b6 !important;
  content: '';
  display: block;

}
.sec15 .bdr_effect::after,
.sec15 .bdr_effect::before,
.sec15 .bdr_effect__inner::after,
.sec15 .bdr_effect__inner::before {
  background-color: #d8c1b6 !important;
  content: '';
  display: block;

}
.bdr_effect::after {
    height: 1px;
    left: -1px;
    top: -1px;
    width: 0px;
    transition-delay: .5s;

    -ms-transition-delay: .5s; 

content: '';
display: block;
}

.bdr_effect::before {
  bottom: -1px;
    height: 1px;
    right: -1px;
    width: 0px;
    transition-delay: .5s;
    -ms-transition-delay: .5s;
    position: absolute;
    content: '';
    display: block;
}

.bdr_effect__inner::after {
  bottom: -1px;
  height: 0px;
  left: -1px;
  width: 1px;
  transition-delay: .5s;

  -ms-transition-delay: .5s; 

  content: '';
  display: block;
}

.bdr_effect__inner::before {
  height: 0px;
  right: -1px;
  top: -1px;
  width: 1px;
  transition-delay: .5s;

  -ms-transition-delay: .5s;  

  content: '';
  display: block;
}

/* effect */
/*.bdr_effect.onView::after,
.bdr_effect.onView::before {
  width: 100%;
  width: calc(100% + 1px);
  content: '';
  display: block;
}
.bdr_effect.onView .bdr_effect__inner::after,
.bdr_effect.onView .bdr_effect__inner::before {
  height: 100%;
  height: calc(100% + 1px);
  content: '';
  display: block;
}*/






/*FADE EFFECT*/
#coordination .fade {
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px); 
  }
#coordination .fade.onView {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); 
  }
#coordination .txtFade {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    opacity: 0; 
  }
#coordination .txtFade::after {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s; 
  }
#coordination .txtFade.onView {
    opacity: 1; 
  }
#coordination .txtFade.onView::after {
    width: 0 !important; 
  }
  /*FADE EFFECT*/




#coordination .coor{
        width: 22px !important;
    position: absolute;
    top: 6px;
    right: -32px;
}
#coordination .coor2{
    width: 22px !important;
    position: absolute;
    top: 11px;
    right: -31px;
}
#coordination .coor3{
   width: 22px !important;
    position: absolute;
    top: 11px;
        right: -31px;
}
#coordination .coor4{
        width: 22px !important;
    position: absolute;
    top: 13px;
        right: -31px;
}

#coordination .coor5{
    width: 22px !important;
    position: absolute;
    top: 13px;
        right: -31px;
}
#coordination .coor6{
    width: 22px !important;
    position: absolute;
    top: 11px;
        right: -31px;
}
#coordination .coor7{
    width: 22px !important;
    position: absolute;
    top: 11px;
        right: -31px;
}
#coordination .coor8{
        width: 22px !important;
    position: absolute;
    top: 12px;
        right: -31px;
      }
/*BORDER EFFECT*/
 .border_up {
    animation: border_up 0.3s linear 0s forwards;

   



}
.pickItem_box_icon.icon_wrap .border_top {
        top: 54px;
    height: 1px;
    width: 0;
    right: 15px;
}
.border_right {
        right: 15px;
    width: 1px;
    height: 0;
    bottom: -54px;
}
.border_bottom {
   bottom: -54px;
    right: 15px;
    height: 1px;
    width: 0;
}
.border_side {
     animation: border_side 0.3s linear 0.3s forwards;

    
}


.border_left {
    bottom: -55px;
    left: -15px;
    width: 1px;
    height: 0;
}
.pickItem_box_icon.icon_wrap{
    position: relative;
        width: 470px;
    height: 695px;
}
.pickItem_box_icon.icon_wrap2{
        position: relative;
    width: 519px;
    height: 771px;
}
.pickItem_box_icon.icon_wrap3{
    position: relative;
        width: 470px;
    height: 695px;
}
.pickItem_box_icon.icon_wrap4{
    position: relative;
    width: 521px;
    height: 772px;
}
.pickItem_box_icon.icon_wrap5{
    position: relative;
        width: 470px;
    height: 695px;
}
.pickItem_box_icon.icon_wrap6{
    position: relative;
        width: 520px;
    height: 770px;
}
.pickItem_box_icon.icon_wrap7{
    position: relative;
        width: 470px;
    height: 695px;
}
.pickItem_box_icon.icon_wrap8{
    position: relative;
        width: 520px;
    height: 771px;
}
 .pickItem_box_icon.icon_wrap span {
    position: absolute;
    background-color: #d2caa5;
}
 .pickItem_box_icon .icon__wrap span {
  position: absolute;
  background-color: #d2caa5;
}
.pickItem_box_icon.icon_wrap2 span {
    position: absolute;
    background-color: #d2caa5;
}
 .pickItem_box_icon .icon__wrap2 span {
  position: absolute;
  background-color: #d2caa5;
}
.pickItem_box_icon.icon_wrap3 span {
    position: absolute;
    background-color: #d2caa5;
}
 .pickItem_box_icon .icon__wrap3 span {
  position: absolute;
  background-color: #d2caa5;
}
.pickItem_box_icon .icon__wrap4 span {
  position: absolute;
  background-color: #d2caa5;
}
.pickItem_box_icon .icon__wrap5 span {
  position: absolute;
  background-color: #d8c0b6;
}
.pickItem_box_icon .icon__wrap6 span {
  position: absolute;
  background-color: #d8c0b6;
}
.pickItem_box_icon .icon__wrap7 span {
  position: absolute;
  background-color: #d8c0b6;
}
.pickItem_box_icon .icon__wrap8 span {
  position: absolute;
  background-color: #d8c0b6;
}


.pickItem_box_icon .icon_wrap .border_top {
  top: 0;
  height: 1px;
  width: 0;
}
.pickItem_box_icon .icon_wrap .border_up {
  animation: border_up 0.3s linear 0s forwards;
}

.pickItem_box_icon .icon_wrap .border_bottom {
  bottom: 0;
  right: 0;
  height: 1px;
  width: 0;
}
.pickItem__box_icon .icon_wrap .border_left {
  bottom: 0;
  left: 0;
  width: 1px;
  height: 0;
}
.pickItem_box_icon .icon_wrap .border_side {

  animation: border_side 0.3s linear 0.3s forwards;
}

.pickItem_box_icon .icon_wrap .border_right {
  right: 0;
  width: 1px;
  height: 0;
}



.pickItem_box_icon.icon_wrap2 .border_top {
  top: 0;
  height: 1px;
  width: 0;
}

.pickItem_box_icon.icon_style .border_up {
  animation: border_up 0.3s linear 0s forwards;
}

.pickItem_box_icon.icon_wrap2 .border_bottom {
  bottom: -95px;
    right: -6px;
    height: 1px;
    width: 0;
}
.pickItem__box_icon.icon_wrap2 .border_left {
  bottom: 0;
  left: 0;
  width: 1px;
  height: 0;
}
.pickItem_box_icon.icon_wrap .border_side {

  animation: border_side 0.3s linear 0.3s forwards;
}

.pickItem_box_icon.icon_wrap2 .border_right {
  right: -7px;
    width: 1px;
    height: 0;
    top: 95px;
}
.pickItem_box_icon.icon_wrap2 .border_top {
    top: 95px;
    height: 1px;
    width: 0;
    right: -6px;
}
.pickItem_box_icon.icon_wrap2 .border_left {
   top: 95px;
    height: 1px;
    width: 1px;
    /* right: -44px; */
    left: 6px;
}







.pickItem_box_icon.icon_wrap3 .border_top {
  top: 0;
  height: 1px;
  width: 0;
}

.pickItem_box_icon.icon_wrap .border_up {
  animation: border_up 0.3s linear 0s forwards;
}

.pickItem_box_icon.icon_wrap3 .border_bottom {
      bottom: -98px;
    right: 5px;
    height: 1px;
    width: 0;
}
.pickItem__box_icon.icon_wrap3 .border_left {
  bottom: 0;
  left: 0;
  width: 1px;
  height: 0;
}
.pickItem_box_icon.icon_wrap .border_side {

  animation: border_side 0.3s linear 0.3s forwards;
}

.pickItem_box_icon.icon_wrap3 .border_right {
  right: 5px;
    width: 1px;
    height: 0;
    top: 98px;
}
.pickItem_box_icon.icon_wrap3 .border_top {
    top: 97px;
    height: 1px;
    width: 0;
    right: 5px;
}
.pickItem_box_icon.icon_wrap3 .border_left {
   top: 98px;
    height: 1px;
    width: 1px;
    /* right: -44px; */
    left: -5px;
}










.pickItem_box_icon.icon_wrap .border_up {
  animation: border_up 0.3s linear 0s forwards;
}

.pickItem_box_icon.icon_wrap4 .border_bottom {
   bottom: -92px;
    right: -8px;
    height: 1px;
    width: 0;
    position: absolute;
    background-color: #d2caa5;
}

.pickItem_box_icon.icon_wrap .border_side {

  animation: border_side 0.3s linear 0.3s forwards;
}

.pickItem_box_icon.icon_wrap4 .border_right {
  right: -8px;
    width: 1px;
    height: 0;
    top: 94px;
    position: absolute;
    background-color: #d2caa5;
}
.pickItem_box_icon.icon_wrap4 .border_top {
        top: 95px;
    height: 1px;
    width: 0;
    right: -8px;
    position: absolute;
    background-color: #d2caa5;
}
.pickItem_box_icon.icon_wrap4 .border_left {
   top: 94px;
    height: 1px;
    width: 1px;
    /* right: -44px; */
    left: 8px;
    position: absolute;
    background-color: #d2caa5;



}







.pickItem_box_icon.icon_wrap .border_up {
  animation: border_up 0.3s linear 0s forwards;
}

.pickItem_box_icon.icon_wrap5 .border_bottom {
   bottom: -55px;
    right: -8px;
    height: 1px;
    width: 0;
    position: absolute;
    background-color: #d8c0b6;
}

.pickItem_box_icon.icon_wrap .border_side {

  animation: border_side 0.3s linear 0.3s forwards;
}

.pickItem_box_icon.icon_wrap5 .border_right {
      right: -8px;
    width: 1px;
    height: 0;
    top: 55px;
    position: absolute;
    background-color: #d8c0b6;
}
.pickItem_box_icon.icon_wrap5 .border_top {
        top: 55px;
    height: 1px;
    width: 0;
    right: -7px;
    position: absolute;
    background-color: #d8c0b6;
}
.pickItem_box_icon.icon_wrap5 .border_left {
       top: 55px;
    height: 1px;
    width: 1px;
    /* right: -44px; */
    left: 8px;
    position: absolute;
    background-color: #d8c0b6;



}



.pickItem_box_icon.icon_wrap6 .border_bottom {
   bottom: -102px;
    right: -8px;
    /* height: 1px; */
    width: 520px;
    position: absolute;
    background-color: #d8c0b6;
}

.pickItem_box_icon.icon_wrap .border_side {

  animation: border_side 0.3s linear 0.3s forwards;
}

.pickItem_box_icon.icon_wrap6 .border_right {
     right: -8px;
    width: 1px;
    height: 0;
    top: 101px;
    position: absolute;
    background-color: #d8c0b6;
}
.pickItem_box_icon.icon_wrap6 .border_top {
  top: 101px;
    height: 1px;
    width: 0;
    right: -7px;
    position: absolute;
    background-color: #d8c0b6;
}
.pickItem_box_icon.icon_wrap6 .border_left {
         top: 101px;
    height: 1px;
    width: 1px;
    /* right: -44px; */
    left: 8px;
    position: absolute;
    background-color: #d8c0b6;



}




.border_effect {
  background-color: #000;
}


.pickItem_box_icon.icon_wrap7 .border_bottom {
   bottom: -96px;
    right: -8px;
    /* height: 1px; */
    width: 470px;
    position: absolute;
    background-color: #d8c0b6;
}

.pickItem_box_icon.icon_wrap .border_side {

  animation: border_side 0.3s linear 0.3s forwards;
}

.pickItem_box_icon.icon_wrap7 .border_right {
        right: -8px;
    width: 1px;
    height: 0;
    top: 96px;
    position: absolute;
    background-color: #d8c0b6;
}
.pickItem_box_icon.icon_wrap7 .border_top {
        top: 96px;
    height: 1px;
    width: 0;
    right: -7px;
    position: absolute;
    background-color: #d8c0b6;
}
.pickItem_box_icon.icon_wrap7 .border_left {
        top: 96px;
    height: 1px;
    width: 1px;
    /* right: -44px; */
    left: 8px;
    position: absolute;
    background-color: #d8c0b6;



}


.pickItem_box_icon.icon_wrap8 .border_bottom {
   bottom: -96px;
    right: -8px;
    /* height: 1px; */
    width: 470px;
    position: absolute;
    background-color: #d8c0b6;
}

.pickItem_box_icon.icon_wrap .border_side {

  animation: border_side 0.3s linear 0.3s forwards;
}

.pickItem_box_icon.icon_wrap8 .border_right {
        right: -8px;
    width: 1px;
    height: 0;
    top: 96px;
    position: absolute;
    background-color: #d8c0b6;
}
.pickItem_box_icon.icon_wrap8 .border_top {
        top: 96px;
    height: 1px;
    width: 0;
    right: -7px;
    position: absolute;
    background-color: #d8c0b6;
}
.pickItem_box_icon.icon_wrap8 .border_left {
        top: 96px;
    height: 1px;
    width: 1px;
    /* right: -44px; */
    left: 8px;
    position: absolute;
    background-color: #d8c0b6;



}



/*BORDER EFFECT*/



#coordination * {
  box-sizing: border-box;
}

#coordination img {
  width: 100%;

}
#coordination h2 .blk_1 {
 font-size: 30px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 45px;
    font-weight: 500;
    /*font-family: "YuGothic", "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
}
#coordination .type{
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.02em;
    line-height: 45px;
    font-weight: 500;
    /*font-family: "quasimoda", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
    margin-top: 55px;
}
#coordination .bold{
  font-weight: bold;
}
#coordination .marker{
      background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #d2caa6));
    background: linear-gradient(transparent 75%, #d2caa6 75%);
    width: 226px;
    margin: 0 auto;
    height: 40px;
    font-size: 27px;
    letter-spacing: 0.06em;
}
#coordination .marker .jp{
    /*font-family: "quasimoda", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
    font-size: 27px;
    letter-spacing: 0.06em;
    margin-left: 0px;
    margin-right: 12px;
    position: relative;
}
#coordination .high{
  /* font-family: "quasimoda", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
    font-size: 27px;
    letter-spacing: 0.06em;
    /* margin-left: 19px; */
    margin-right: 1px;
    position: relative;
}
#coordination .info{
    /*   font-family: "quasimoda", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
    font-size: 15px;
    letter-spacing: 0.08em;
    line-height: 30px;
    margin-top: 35px;
}
#coordination .sec01{
    width: 470px;
    margin: 0 auto;
}
#coordination .sec01 img{
    /*margin-left: -6px;
    margin-top: 63px;*/
        width: 450px;
}
#coordination .def{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
     margin-top: 16px;
    width: 450px;
    margin-left: 10px;
}
#coordination .credit{
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin-top: 9px;
    width: 418px;
    margin-left: 9px;
}
#coordination .flex {
  display: flex;
  justify-content: space-between;
}
#coordination .sec02{
    width: 821px;
    margin: 0 auto;
}
#coordination .img02{
    width: 300px;
    margin-top: 57px;
    margin-left: -6px;
}
#coordination .img03{
    width: 400px;
    margin-top: 149px;
    margin-right: 6px;
}
#coordination .def2{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
}
#coordination .def3{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
    width: 336px;
    margin-left: 72px;
    text-align: right;
}

#coordination .sec03{
    width: 522px;
    margin: 0 auto;
    margin-top: 97px;
}
#coordination .sec03 img{
      /*  margin-left: 17px;
    margin-top: 106px;*/
    width: 502px;
}
#coordination .def4{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 12px;
        margin-left: 12px;
}
#coordination .credit2{
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin-top: 9px;
    margin-left: 12px;
}
#coordination .sec04{
    width: 776px;
    margin: 0 auto;
}
#coordination .img04{
    width: 776px;
    margin-top: 57px;
    margin-left: -6px;
}
#coordination .img04 img{
  width: 400px;
}
#coordination .img05{
        width: 700px;
    margin-top: 41px;
    margin-left: 34px;
}
#coordination .img05 img{
  width: 420px;
}
#coordination .def5{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
   margin-top: 221px;
    margin-right: 0px;
}
#coordination .def6{
        font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
   margin-top: 235px;
    margin-left: -2px;
    text-align: right;
}
#coordination .sec05{
    width: 470px;
    margin: 0 auto;
    margin-top: 98px;
}
#coordination .sec05 img{
       /* margin-left: 7px;
    margin-top: 108px;*/
    width: 449px;
}
#coordination .def7{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 14px;
    margin-left: 12px;
    width: 444px;
}
#coordination .credit3{
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin-top: 9px;
   margin-left: 11px;
}
#coordination .sec06{
    width: 861px;
    margin: 0 auto;
}
#coordination .img06{
    width: 420px;
    margin-top: 256px;
    margin-left: -44px;
}
#coordination .img07{
    width: 321px;
    margin-top: 56px;
    margin-right: 45px;
}
#coordination .def8{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
}
#coordination .def9{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
    text-align: justify;
}
#coordination .sec07{
    width: 520px;
    margin: 0 auto;
    margin-top: 93px;
}
#coordination .sec07 img{
        /*margin-left: 18px;
    margin-top: 104px;*/
    width: 500px;
}
#coordination .def10{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 16px;
    margin-left: 9px;
    width: 495px;
}
#coordination .credit4{
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin-top: 9px;
    margin-left: 10px;
    margin-bottom: 96px;
}
#coordination .sec08{
    width: 781px;
    margin: 0 auto;
}
#coordination .sec08 img{
    /*margin-left: 7px;
    margin-top: 94px;*/
}
#coordination .img08{
        width: 420px;
    margin-top: -38px;
    margin-left: -11px;
}
#coordination .img09{
        width: 280px;
    margin-top: 61px;
    margin-right: 12px;
}
#coordination .img10{
    width: 554px;
    margin-top: -84px;
    margin-left: 290px;
    margin-bottom: 122px;
}
#coordination .img10 img{
    width: 320px;
}
#coordination .def11{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
        margin-left: 0px;
}
#coordination .def12{
        font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 413px;
    margin-right: 4px;
}
#coordination .marker2{
      background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #d8c1b6));
    background: linear-gradient(transparent 75%, #d8c1b6 75%);
    width: 261px;
    margin: 0 auto;
    height: 40px;
    font-size: 27px;
    letter-spacing: 0.06em;
}

#coordination .sec09{
        width: 472px;
    margin: 0 auto;
    margin: 0 auto;
}
#coordination .sec09 img{
       /* margin-left: 18px;
    margin-top: 66px;*/
    width: 452px;
}
#coordination .def13{
        font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 15px;
    margin-left: 10px;
    width: 450px;
}
#coordination .credit5{
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin-top: 11px;
   margin-left: 10px;
}
#coordination .sec10{
    width: 802px;
    margin: 0 auto;
}
#coordination .img11{
       width: 400px;
    margin-top: 54px;
    margin-left: -4px;
}
#coordination .img12{
       width: 720px;
    margin-top: 153px;
    margin-left: -181px;
}
#coordination .img12 img{
   width: 300px;
}
#coordination .def14{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
    margin-left: 1px;
        width: 439px;
}
#coordination .def15{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 383px;
    text-align: right;
    margin-left: -3px;
}
#coordination .sec11{
        width: 523px;
    margin: 0 auto;
    margin-top: 100px;
}
#coordination .sec11 img{
   /* margin-left: 17px;
    margin-top: 111px;*/
    width: 503px;
}
#coordination .def16{
        font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 14px;
    margin-left: 12px;
        width: 500px;
}
#coordination .credit6{
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin-top: 9px;
    margin-left: 12px;
}
#coordination .sec12{
    width: 724px;
    margin: 0 auto;
}
#coordination .img13{
        width: 691px;
    margin-top: 58px;
    margin-left: 12px;
}
#coordination .img13 img{
    width: 401px;
}
#coordination .img14{
        width: 724px;
    margin-top: 37px;
    margin-left: -16px;
}
#coordination .img14 img{
    width: 421px;
}
#coordination .def17{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 198px;
    text-align: right;
    margin-left: 5px;
}
#coordination .def18{
     font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 188px;
    text-align: left;
    /* margin-right: -157px; */
    margin-left: 20px;
}
#coordination .sec13{
    width: 474px;
    margin: 0 auto;
    margin-top: 96px;
}
#coordination .sec13 img{
       /* margin-left: 18px;
    margin-top: 107px;*/
    width: 454px;
}
#coordination .def19{
        font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
    margin-left: 12px;
    width: 450px;
}
#coordination .credit7{
    
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin-top: 9px;
    margin-left: 12px;
}
#coordination .sec14{
    width: 725px;
    margin: 0 auto;
}
#coordination .img15{
    width: 350px;
    margin-top: 55px;
    margin-left: -37px;
}
#coordination .img16{
        width: 301px;
    margin-top: 81px;
    margin-right: -3px;
}
#coordination .def20{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
    width: 350px;
}
#coordination .def21{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
    text-align: left;
    width: 300px;
}
#coordination .sec15{
        width: 520px;
    margin: 0 auto;
    margin-top: 95px;
}
#coordination .sec15 img{
    /*margin-left: 18px;
    margin-top: 107px;*/
    width: 500px;
}
#coordination .def22{
        font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 15px;
    margin-left: 12px;
    width: 500px;
}
#coordination .credit8{
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin-left: 12px;
    
}
#coordination .sec16{
    width: 880px;
    margin: 0 auto;
}
#coordination .img17{
        width: 381px;
    margin-top: 313px;
    margin-left: -6px;
}
#coordination .img18{
        width: 380px;
    margin-top: 56px;
    margin-right: 5px;
}
#coordination .def23{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
        width: 378px;
}
#coordination .def24{
    font-size: 13px;
    letter-spacing: 0.14em;
    line-height: 24px;
    margin-top: 13px;
    text-align: justify;
    width: 377px;
}
#coordination .staff{
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin-top: 83px;
    text-align: center;
        margin-bottom: 95px;
}
#coordination .btn{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 380px;
    height: 73px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.33333;
    letter-spacing: 0.04em;
    border: 1px solid #000;
}
#coordination .big01{
  margin-left: 10px;
}







.pos--relative {
  position: relative;
      margin-top: 52px;
}

.innerMargin a img {
  margin: 10px;
}

.border__top {
  top: 0;
  height: 1px;
  width: 0;
}

.border__right {
  right: 0;
  height: 0;
  width: 1px;
}

.border__bottom {
  bottom: 0;
  right: 0;
  height: 1px;
  width: 0;
}

.border__left {
  bottom: 0;
  left: 0;
  width: 1px;
  height: 0;
}

.border_up {
    animation: border_up 0.3s linear 0s forwards;
}

.border_side {
    animation: border_side 0.3s linear 0.3s forwards;
}

.border_effect {
  position: absolute;
}

.bgcd2caa5 {
  background-color: #d2caa5;
}

.bgcd8c1b6 {
  background-color: #d8c1b6;
}

@keyframes border_side {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

@keyframes border_up {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}