@charset "UTF-8";
@media print, screen and (min-width:768px) {
.cooperation { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 80px auto 40px; border-top: none; border-bottom: 1px solid #a5b3d4; }
.cooperation a { width: 50%; margin: 0; }
.cooperation div { border-top: 1px solid #a5b3d4; border-bottom: none; padding: 40px 15px calc( 40px - 0.5em ) 15px; height: 224px; }
.cooperation h2 { font-size: 1.8rem; margin: 0 0 38px 0; }
.cooperation hr { margin: 0 auto calc( 40px - 0.4em ); }
.cooperation div.gyou3 { padding-bottom: calc( 20px - 0.4em ); }
.cooperation div.gyou3 hr { margin-bottom: 20px; }
.cooperation a:nth-child(odd) div { border-right: 1px solid #a5b3d4; }
.cooperation a:hover { background-color: #ECF1FF; }
.system { margin: 160px auto;  width: calc( 100% / 12 * 10 );
max-width: 800px; text-align: center; font-size: 1.6rem; }
.cooperation a.last { display: block; }
}
@media print, screen and (min-width:1160px) {
.cooperation { justify-content: flex-start; width: 100%; max-width: 1200px;}
.cooperation a { width: calc( 100% / 3 ); }
.cooperation a:nth-child(odd) div { border-right: none; }
.cooperation a:nth-child(3n+1) div, .cooperation a:nth-child(3n+2) div { border-right: 1px solid #a5b3d4; }
.cooperation a.last { display: none; }
.bordertop {border-top: 1px solid #a5b3d4;}
.borderright {border-right: 1px solid #a5b3d4;}
}