/* #mainImg
================================================ */
 #mainImg { background: url("/img/mail/bg_cv01_sp.png") no-repeat top center/cover; margin-top: 0; padding-top: 50px; }

 #mainImg .inner { position: static; }

 #mainImg .inner:before { display: none; }

@media all and (min-width: 600px) {
  #mainImg { background: url("/img/mail/bg_cv01_pc.png") no-repeat top center/cover; margin-top: 95px; padding-top: 0; }
  #mainImg .inner:before { display: none; } }



/*  #signup
================================================== */
#signup .inner { padding-top: 43px; }

#signup .tit { margin-bottom: 26px; }

#signup .list .item { /* a{ color: $clr_blue; } */ }

#signup .list .item .itemlink { display: block; padding: 14px 20px 23px; border: 1px solid #016cb1; text-decoration: none; position: relative; }

#signup .list .item .itemlink:before { -webkit-transition: all 750ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 750ms cubic-bezier(0.165, 0.84, 0.44, 1); width: 100%; height: 100%; padding-bottom: 1px; position: absolute; content: ''; top: -1px; left: 0; background-color: transparent; -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }

#signup .list .item .itemlink:after { position: absolute; top: 50%; right: 0; content: ""; display: block; width: 14px; border-top: 1px solid; }

#signup .list .item + .item { margin-top: 10px; }

#signup .list .item .subTit { margin-bottom: 16px; position: relative; z-index: 1; }

#signup .list .item .txt { position: relative; z-index: 1; }

@media all and (min-width: 600px) {
  #signup .inner { padding-top: 35px; margin-bottom: 30px; }
  #signup .tit { margin-bottom: 35px; }
  #signup .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #signup .list .item { width: calc(100% - 10px); }
  #signup .list .item .itemlink { box-sizing: border-box; padding: 29px 35px 27px; }
  #signup .list .item .itemlink:hover { border-color: #016cb1; }
  #signup .list .item .itemlink:hover .subTit { color: #ffe156; }
  #signup .list .item .itemlink:hover:before { color: #ffe156; /* background-color: $clr_blue; -webkit-transform: rotateX(0); transform: rotateX(0); */ }
  #signup .list .item .itemlink:after { width: 30px; }
  #signup .list .item .itemlink:hover:before { border-top: 1px solid #fff; }
  #signup .list .item + .item { margin-top: 0; }
  #signup .list .item:nth-child(even) { margin-left: 20px; }
  #signup .list .item:nth-child(n+3) { margin-top: 20px; }
  #signup .list .item .subTit { margin-bottom: 13px; } 
}

/*  #changestop
================================================== */
#changestop .inner { padding-top: 41px; padding-bottom: 22px; }

#changestop .tit { margin-bottom: 27px; }

#changestop .list .item { /* a{ color: $clr_blue; } */ }

#changestop .list .item .itemlink { display: block; padding: 14px 20px 23px; border: 1px solid #016cb1; text-decoration: none; position: relative; }

#changestop .list .item .itemlink:before { -webkit-transition: all 750ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 750ms cubic-bezier(0.165, 0.84, 0.44, 1); width: 100%; height: 100%; padding-bottom: 1px; position: absolute; content: ''; top: -1px; left: 0; background-color: transparent; -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }

#changestop .list .item .itemlink:after { position: absolute; top: 50%; right: 0; content: ""; display: block; width: 14px; border-top: 1px solid; }

#changestop .list .item + .item { margin-top: 10px; }

#changestop .list .item .subTit { margin-bottom: 16px; position: relative; z-index: 1; }

#changestop .list .item .txt { position: relative; z-index: 1; }

@media all and (min-width: 600px) { #changestop .inner { padding-top: 91px; padding-bottom: 8px; }
  #changestop .tit { margin-bottom: 35px; }
  #changestop .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #changestop .list .item { width: calc(50% - 10px); }
  #changestop .list .item .itemlink { box-sizing: border-box; padding: 29px 35px 27px; }
  #changestop .list .item .itemlink:hover { border-color: #016cb1; }
  #changestop .list .item .itemlink:hover .subTit { color: #ffe156; }
  #changestop .list .item .itemlink:hover:before { color: #ffe156; /* background-color: $clr_blue; -webkit-transform: rotateX(0); transform: rotateX(0); */ }
  #changestop .list .item .itemlink:after { width: 30px; }
  #changestop .list .item .itemlink:hover:before { border-top: 1px solid #fff; }
  #changestop .list .item + .item { margin-top: 0; }
  #changestop .list .item:nth-child(even) { margin-left: 20px; }
  #changestop .list .item:nth-child(n+3) { margin-top: 20px; }
  #changestop .list .item .subTit { margin-bottom: 13px; } }