@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");
}

.pc_only {
    display: none !important; }

#coordination {
  font-family: "quasimoda", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #000;
  width: 100%;
  margin: 0 auto 120px;
  box-sizing: border-box;

 /*background-image: url(/Page/feature/coordination/200305/img/sp/atarisp.jpg);*/
    background-repeat: no-repeat;
    background-size: 100%;
}




.bdr_effect{
    position: relative;
    margin-top: calc(52 * (100vw / 750));
    /* margin-left: calc(1 * (100vw / 750)); */
    padding: calc(20 * (100vw / 750));
}
.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;

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

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

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

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

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

}

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

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

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

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









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

#coordination img {
  width: 100%;
}
#coordination .coor{
       width: calc(40 * (100vw / 750)) !important;
    position: absolute;
    top: calc(460 * (100vw / 750)) !important;
    right: calc(610 * (100vw / 750)) !important;

}
#coordination .coor2{
        width: calc(40 * (100vw / 750)) !important;
    position: absolute;
    top: calc(50 * (100vw / 750)) !important;
    right: calc(630 * (100vw / 750)) !important;

}
#coordination .coor3{
   width: calc(40 * (100vw / 750)) !important;
    position: absolute;
    top: calc(50 * (100vw / 750)) !important;
    right: calc(610 * (100vw / 750)) !important;
}
#coordination .coor4{
    width: calc(40 * (100vw / 750)) !important;
    position: absolute;
    top: calc(50 * (100vw / 750)) !important;
    right: calc(630 * (100vw / 750)) !important;
}

#coordination .coor5{
    width: calc(40 * (100vw / 750)) !important;
    position: absolute;
    top: calc(460 * (100vw / 750)) !important;
    right: calc(610 * (100vw / 750)) !important;
}
#coordination .coor6{
    width: calc(40 * (100vw / 750)) !important;
    position: absolute;
    top: calc(50 * (100vw / 750)) !important;
    right: calc(630 * (100vw / 750)) !important;
}
#coordination .coor7{
     width: calc(40 * (100vw / 750)) !important;
    position: absolute;
    top: calc(460 * (100vw / 750)) !important;
    right: calc(610 * (100vw / 750)) !important;
}
#coordination .coor8{
    width: calc(40 * (100vw / 750)) !important;
    position: absolute;
    top: calc(50 * (100vw / 750)) !important;
    right: calc(630 * (100vw / 750)) !important;
}


/*BORDER EFFECT*/
 .border_up {
    animation: border_up 0.3s linear 0s forwards;

   



}
.pickItem_box_icon.icon_wrap .border_top {
    top: calc(-17 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
    right: calc(19 * (100vw / 750));
}


}
.border_right {
        right: calc(15 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    height: 0;
    bottom: calc(-54 * (100vw / 750));
}
.border_bottom {
   bottom: calc(16 * (100vw / 750));
    right: calc(15 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
}
.border_side {
     animation: border_side 0.3s linear 0.3s forwards;

    
}
.border_left {
    bottom: calc(-1 * (100vw / 750));
    left: calc(2 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    height: 0;
}
.pickItem_box_icon.icon_wrap{
    position: relative;
    width: calc(695 * (100vw / 750));
    height: calc(1023 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap2{
    position: relative;
    width: calc(715 * (100vw / 750));
    height: calc(1052 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap3{
    position: relative;
    width: calc(695 * (100vw / 750));
    height: calc(1023 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap4{
    position: relative;
    width: calc(715 * (100vw / 750));
    height: calc(1052 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap5{
    position: relative;
    width: calc(695 * (100vw / 750));
    height: calc(1023 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap6{
    position: relative;
    width: calc(715 * (100vw / 750));
    height: calc(1052 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap7{
   position: relative;
    width: calc(695 * (100vw / 750));
    height: calc(1023 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap8{
    position: relative;
    width: calc(715 * (100vw / 750));
    height: calc(1052 * (100vw / 750));
}
 .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__wrap4 span {
  position: absolute;
  background-color: #d8c0b6;
}
.pickItem_box_icon.icon_wrap5 span {
    position: absolute;
    background-color: #d8c0b6;
}
.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__wrap6 span {
  position: absolute;
  background-color: #d8c0b6;
}
.pickItem_box_icon.icon_wrap7 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__wrap8 span {
  position: absolute;
  background-color: #d8c0b6;
}

#coordination .sec03 img {
    width: calc(675 * (100vw / 750));
    /*margin-left: calc(20 * (100vw / 750));
    margin-top: calc(20 * (100vw / 750));*/

}
#coordination .sec05 img {
    width: calc(654 * (100vw / 750));
    /*margin-left: calc(20 * (100vw / 750));
    margin-top: calc(20 * (100vw / 750));
*/
}
#coordination .sec07 img {
    width: calc(675 * (100vw / 750));
    /*margin-left: calc(20 * (100vw / 750));
    margin-top: calc(20 * (100vw / 750));*/

}
#coordination .sec09 img {
    width: calc(655 * (100vw / 750));
    /*margin-left: calc(20 * (100vw / 750));
    margin-top: calc(20 * (100vw / 750));*/

}
#coordination .sec11 img {
    width: calc(675 * (100vw / 750));
   /* margin-left: calc(20 * (100vw / 750));
    margin-top: calc(20 * (100vw / 750));*/

}
#coordination .sec13 img {
    width: calc(655 * (100vw / 750));
   /* margin-left: calc(20 * (100vw / 750));
    margin-top: calc(20 * (100vw / 750));*/

}
#coordination .sec15 img {
    width: calc(675 * (100vw / 750));
   /* margin-left: calc(20 * (100vw / 750));
    margin-top: calc(20 * (100vw / 750));*/

}

.pickItem_box_icon .icon_wrap .border_side {
  top: 0;
  height: 1px;
  width: 0;
}
.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;
}
@keyframes border_up {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.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;
}
@keyframes border_side {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}


.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;
}
@keyframes border_up {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.pickItem_box_icon.icon_wrap2 .border_bottom {
  bottom: calc(1 * (100vw / 750));
    right:  calc(1 * (100vw / 750));
    height:  calc(1 * (100vw / 750));
    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;
}
@keyframes border_side {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.pickItem_box_icon.icon_wrap2 .border_right {
 right: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    height: 0;
    top: calc(2 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap2 .border_top {
    top: calc(3 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
    right: calc(-2 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap2 .border_left {
       top: calc(2 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    left: calc(0 * (100vw / 750));
}





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




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

.pickItem_box_icon.icon_style .border_up {
  animation: border_up 0.3s linear 0s forwards;
}
@keyframes border_up {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.pickItem_box_icon.icon_wrap3 .border_bottom {
  bottom: calc(1 * (100vw / 750));
    right:  calc(1 * (100vw / 750));
    height:  calc(1 * (100vw / 750));
    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;
}
@keyframes border_side {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.pickItem_box_icon.icon_wrap3 .border_right {
 right: calc(0 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    height: 0;
    top: calc(0 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap3 .border_top {
    top: calc(3 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
    right: calc(-2 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap3 .border_left {
       top: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    left: calc(1 * (100vw / 750));
}






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

.pickItem_box_icon.icon_style .border_up {
  animation: border_up 0.3s linear 0s forwards;
}
@keyframes border_up {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.pickItem_box_icon.icon_wrap4 .border_bottom {
      bottom: calc(-4 * (100vw / 750));
    right: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
}
.pickItem__box_icon.icon_wrap4 .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;
}
@keyframes border_side {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.pickItem_box_icon.icon_wrap4 .border_right {
 right: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    top: calc(2 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap4 .border_top {
    top: calc(3 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
    right: calc(-2 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap4 .border_left {
       top: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    left: calc(1 * (100vw / 750));
}








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

.pickItem_box_icon.icon_style .border_up {
  animation: border_up 0.3s linear 0s forwards;
}
@keyframes border_up {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.pickItem_box_icon.icon_wrap5 .border_bottom {
  bottom: calc(1 * (100vw / 750));
    right:  calc(1 * (100vw / 750));
    height:  calc(1 * (100vw / 750));
    width: 0;
}
.pickItem__box_icon.icon_wrap5 .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;
}
@keyframes border_side {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.pickItem_box_icon.icon_wrap5 .border_right {
 right: calc(0 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    height: 0;
    top: calc(0 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap5 .border_top {
    top: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
    right: calc(-2 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap5 .border_left {
       top: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    left: calc(1 * (100vw / 750));
}




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

.pickItem_box_icon.icon_style .border_up {
  animation: border_up 0.3s linear 0s forwards;
}
@keyframes border_up {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.pickItem_box_icon.icon_wrap6 .border_bottom {
  bottom: calc(-2 * (100vw / 750));
    right: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
}
.pickItem__box_icon.icon_wrap6 .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;
}
@keyframes border_side {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.pickItem_box_icon.icon_wrap6 .border_right {
 right: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    height: 0;
}
.pickItem_box_icon.icon_wrap6 .border_top {
  /* top: calc(4 * (100vw / 750));*/
    height: calc(1 * (100vw / 750));
    width: 0;
    /*right: calc(-2 * (100vw / 750));*/
}
.pickItem_box_icon.icon_wrap6 .border_left {
    top: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    left: calc(2 * (100vw / 750));
}










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

.pickItem_box_icon.icon_style .border_up {
  animation: border_up 0.3s linear 0s forwards;
}
@keyframes border_up {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.pickItem_box_icon.icon_wrap7 .border_bottom {
  bottom: calc(0 * (100vw / 750));
    right:  calc(1 * (100vw / 750));
    height:  calc(1 * (100vw / 750));
    width: 0;
}
.pickItem__box_icon.icon_wrap7 .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;
}
@keyframes border_side {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.pickItem_box_icon.icon_wrap7 .border_right {
 right: calc(0 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    height: 0;
    top: calc(0 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap7 .border_top {
    top: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
    right: calc(-2 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap7 .border_left {
       top: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    left: calc(1 * (100vw / 750));
}





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

.pickItem_box_icon.icon_style .border_up {
  animation: border_up 0.3s linear 0s forwards;
}
@keyframes border_up {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.pickItem_box_icon.icon_wrap8 .border_bottom {
  bottom: calc(-6 * (100vw / 750));
    right: calc(1 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
}
.pickItem__box_icon.icon_wrap8 .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;
}
@keyframes border_side {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.pickItem_box_icon.icon_wrap8 .border_right {
 right: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    height: 0;
    top: calc(4 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap8 .border_top {
    top: calc(3 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: 0;
    right: calc(-2 * (100vw / 750));
}
.pickItem_box_icon.icon_wrap8 .border_left {
    top: calc(2 * (100vw / 750));
    height: calc(1 * (100vw / 750));
    width: calc(1 * (100vw / 750));
    left: calc(2 * (100vw / 750));
}


/*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 h2 .blk_1 {
 font-size: calc(46 * (100vw / 750));
    text-align: center;
    letter-spacing: 0.1em;
    line-height: calc(70 * (100vw / 750));
    font-weight: 500;
  }


  #coordination .type{
    font-size: calc(32 * (100vw / 750));
    text-align: center;
    letter-spacing: 0.02em;
    line-height: calc(40 * (100vw / 750));
    font-weight: 500;
    /*font-family: "quasimoda", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
    margin-top: calc(110 * (100vw / 750));
}
#coordination .bold{
  font-weight: bold;
}
#coordination .marker{
      background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(55%, #d2caa6));
    background: linear-gradient(transparent 55%, #d2caa6 55%);
        width: calc(440 * (100vw / 750));
    margin: 0 auto;
    font-size: calc(50 * (100vw / 750));
    letter-spacing: 0.06em;
      height: calc(58 * (100vw / 750));
    margin-top: calc(25 * (100vw / 750)); 
}
#coordination .jp{ /*font-family: "quasimoda", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
    font-size: calc(50 * (100vw / 750));
    margin-right: calc(30 * (100vw / 750));
    position: relative;
    letter-spacing: 0.06em;
}
#coordination .high{
    font-size: calc(50 * (100vw / 750));
    position: relative;
    letter-spacing: 0.06em;
}
#coordination .info{
    /*   font-family: "quasimoda", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
    font-size: calc(28 * (100vw / 750));
    letter-spacing: 0.08em;
    line-height: calc(52 * (100vw / 750));
    margin-top: calc(60 * (100vw / 750));
}
#coordination .sec01{
    width: calc(694 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc(90 * (100vw / 750));
}
#coordination .sec01 img{
    /*width: calc(698 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc(88 * (100vw / 750));*/
    width: calc(653 * (100vw / 750));
    margin: 0 auto; 
}
#coordination .def{
     font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.2rem;
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));
    /* width: calc(678 * (100vw / 750)); */
    text-align: justify;
}
#coordination .credit{
           font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.1em;
    line-height: calc(36 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));

   
}
 #coordination .img02{
    width: calc(414 * (100vw / 750));
    margin-top: calc(97 * (100vw / 750));
    margin-left: calc(36 * (100vw / 750));
}
#coordination .def2{
        font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
}
#coordination .img03{
    width: calc(600 * (100vw / 750));
    margin-top: calc(117 * (100vw / 750));
    margin-left: calc(114 * (100vw / 750));
}
#coordination .def3{
    font-size: calc(24 * (100vw / 750));
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: right;
    letter-spacing: 0.2rem;
    width: calc(600 * (100vw / 750));
}
#coordination .sec03{
     width: calc(716 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc(90 * (100vw / 750));
}
#coordination .def4{
    font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    width: calc(680 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
}
#coordination .credit2{
        font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.1em;
    line-height: calc(36 * (100vw / 750));
    margin-top: calc(25 * (100vw / 750));
    margin-left: calc(25 * (100vw / 750));
}
#coordination .img04{
    width: calc(640 * (100vw / 750));
    margin-top: calc(102 * (100vw / 750));
    margin-left: calc(84 * (100vw / 750));
}
#coordination .def5{
    font-size: calc(24 * (100vw / 750));
   
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
   /* width: calc(664 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));*/
}
#coordination .img05{
      width: calc(675 * (100vw / 750));
    margin-top: calc(70 * (100vw / 750));
}
#coordination .def6{
    font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    margin-left: calc(20 * (100vw / 750));
}
#coordination .sec05{
   width: calc(696 * (100vw / 750));
    padding-top: calc(40 * (100vw / 750));
    margin: 0 auto;
}
#coordination .def7{
    font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.2rem;
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: right;
       text-align: left;
    margin-left: calc(20 * (100vw / 750));
    width: calc(665 * (100vw / 750));
}
#coordination .credit3{
        font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.1em;
    line-height: calc(36 * (100vw / 750));
    margin-top: calc(22 * (100vw / 750));
    margin-left: calc(25 * (100vw / 750));
}
#coordination .img06{
    width: calc(450 * (100vw / 750));
    margin-top: calc(100 * (100vw / 750));
    margin-left: calc(240 * (100vw / 750));
}
#coordination .def8{
    font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
}
#coordination .img07{
   width: calc(640 * (100vw / 750));
    margin-top: calc(70 * (100vw / 750));
    margin-left: calc(27 * (100vw / 750));
}
#coordination .def9{
    font-size: calc(24 * (100vw / 750));
   
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
}
#coordination .sec07{
    width: calc(715 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc(86 * (100vw / 750));
}
#coordination .def10{
    font-size: calc(24 * (100vw / 750));
    width: calc(680 * (100vw / 750));
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    margin-left: calc(18 * (100vw / 750));
}
#coordination .credit4{
        font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.1em;
    line-height: calc(36 * (100vw / 750));
        margin-top: calc(25 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));
}
#coordination .img08{
       width: calc(600 * (100vw / 750));
    margin-left: calc(17 * (100vw / 750));
    margin-top: calc(100 * (100vw / 750));
}
#coordination .img09{
        width: calc(413 * (100vw / 750));
    margin-left: calc(320 * (100vw / 750));
    margin-top: calc(40 * (100vw / 750));
}
#coordination .def11{
        font-size: calc(24 * (100vw / 750));
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: right;
    letter-spacing: 0.2rem;
    margin-left: calc(-283 * (100vw / 750));
    width: calc(700 * (100vw / 750));
}
#coordination .img10{
        width: calc(489 * (100vw / 750));
    margin-left: calc(59 * (100vw / 750));
    margin-top: calc(70 * (100vw / 750));
}
#coordination .def12{
    font-size: calc(24 * (100vw / 750));
    l
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    width: calc(490 * (100vw / 750));
        margin-bottom: calc(208 * (100vw / 750));
}
#coordination .marker2{
      background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(45%, #d8c1b6));
    background: linear-gradient(transparent 55%, #d8c1b6 55%);
         width: calc(500 * (100vw / 750));
    margin: 0 auto;
        height: calc(58 * (100vw / 750));
    margin-top: calc(25 * (100vw / 750)); 
    font-size: calc(50 * (100vw / 750));
    letter-spacing: 0.06em;

    
}
#coordination .sec09{
    width: calc(696 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc(91 * (100vw / 750));
}
#coordination .def13{
        font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    margin-left: calc(20 * (100vw / 750));
}
#coordination .credit5{
        font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.1em;
    line-height: calc(36 * (100vw / 750));
        margin-top: calc(25 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));
}
#coordination .img11{
    width: calc(562 * (100vw / 750));
    margin-left: calc(27 * (100vw / 750));
    margin-top: calc(100 * (100vw / 750));
}
#coordination .def14{
        font-size: calc(24 * (100vw / 750));
   
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
}
#coordination .img12{
       width: calc(451 * (100vw / 750));
    margin-left: calc(240 * (100vw / 750));
    margin-top: calc(70 * (100vw / 750));
}
#coordination .def15{
        font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
   text-align: justify;
    letter-spacing: 0.2rem;
}
#coordination .sec11{
    width: calc(716 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc(90 * (100vw / 750));
}
#coordination .def16{
        font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    margin-left: calc(20 * (100vw / 750));
    width: calc(670 * (100vw / 750));
}
#coordination .credit6{
        font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.1em;
    line-height: calc(36 * (100vw / 750));
        margin-top: calc(25 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));
}
#coordination .img13{
       width: calc(600 * (100vw / 750));
    margin-left: calc(124 * (100vw / 750));
    margin-top: calc(100 * (100vw / 750));
}
#coordination .def17{
    font-size: calc(24 * (100vw / 750));
    line-height: calc(48 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    text-align: right;
    letter-spacing: 0.2rem;
}
#coordination .img14{
       width: calc(675 * (100vw / 750));
    margin-top: calc(100 * (100vw / 750));
}
#coordination .def18{
    font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.05em;
    line-height: calc(48 * (100vw / 750));
    text-align: left;
    margin-left: calc(20 * (100vw / 750));
        margin-top: calc(30 * (100vw / 750));
}
#coordination .sec13{
    width: calc(696 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc(90 * (100vw / 750));
}
#coordination .def19{
    font-size: calc(24 * (100vw / 750));
    width: calc(650 * (100vw / 750));
    line-height: calc(48 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    margin-left: calc(20 * (100vw / 750));
    margin-top: calc(25 * (100vw / 750));
}
#coordination .credit7{
        font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.1em;
    line-height: calc(36 * (100vw / 750));
        margin-top: calc(25 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));
}
#coordination .img15{
       width: calc(412 * (100vw / 750));
       margin-left: calc(278 * (100vw / 750));
    margin-top: calc(105 * (100vw / 750));
}
#coordination .def20{
       font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    margin-top: calc(32 * (100vw / 750));
}
#coordination .img16{
       width: calc(525 * (100vw / 750));
       margin-left: calc(27 * (100vw / 750));
    margin-top: calc(117 * (100vw / 750));
}
#coordination .def21{
       font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    margin-top: calc(32 * (100vw / 750));
}
#coordination .sec15{
    width: calc(716 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc(86 * (100vw / 750));
}
#coordination .credit8{
        font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.1em;
    line-height: calc(36 * (100vw / 750));
        margin-top: calc(25 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));
}
#coordination .def22{
         font-size: calc(24 * (100vw / 750));
    width: calc(680 * (100vw / 750));
    line-height: calc(48 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    margin-top: calc(30 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));
}
#coordination .img17{
      width: calc(600 * (100vw / 750));
    margin-left: calc(74 * (100vw / 750));
    margin-top: calc(105 * (100vw / 750));
}
#coordination .def23{
         font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    margin-top: calc(30 * (100vw / 750));
    /*margin-left: calc(20 * (100vw / 750));*/
}
#coordination .img18{
       width: calc(600 * (100vw / 750));
      margin: 0 auto;
    margin-top: calc(70 * (100vw / 750));
}
#coordination .def24{
         font-size: calc(24 * (100vw / 750));
    
    line-height: calc(48 * (100vw / 750));
    text-align: justify;
    letter-spacing: 0.2rem;
    margin-top: calc(30 * (100vw / 750));
    
}

#coordination .staff{
    font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.1em;
    line-height: calc(42 * (100vw / 750));
    margin-top: calc(140 * (100vw / 750));
    text-align: center;
    margin-bottom: calc(153 * (100vw / 750));
}
#coordination .btn{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(676 * (100vw / 750));
    height: calc(160 * (100vw / 750));
    margin: 0 auto;
    font-size: calc(44 * (100vw / 750));
    line-height: calc(26 * (100vw / 750));
    letter-spacing: 0.05em;
    border: 1px solid #000;
}