@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

/* --------------------------------
   □ 
-------------------------------- */
h2.introtext {
   font-size: 112.5%;
   font-weight: 500;
   line-height: 2.5;
   text-align: center;
   margin-bottom: 100px;
}
.linkArea {
   margin-bottom: 75px;
}
.linkArea .flexbox {
   flex-wrap: nowrap;
   justify-content: center
}
.linkArea .flexbox li {
   width: calc(100% / 3);
   border: 1px solid #3A5EA6;
   background-color: #fff;
   margin-right: -1px;
}
   .linkArea .flexbox li:hover {
      background-color: #F9F9F9;
   }
.linkArea .flexbox li a {
   height: 95px;
   display: flex;
   justify-content: center;   
   align-items: center;
   position: relative;
}
   .linkArea .flexbox li a:after {
       content: "";
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       -webkit-transform: translateY(-50%);
       right: 8%;
       display: inline-block;
       width: 30px;
       height: 30px;
       margin-left: 5px;
       background: url(../../images/common/icon/right.svg) no-repeat right center;
       background-size: contain;            
       z-index: 1;
       transition: all 300ms 0s ease;
   }
   .linkArea .flexbox li a:hover:after {
       right: 5%;
   }



@media only screen and
(max-width : 767px) {
	
   /* --------------------------------
      □ 
   -------------------------------- */ 
   h2.introtext {
      font-size: 100%;
      text-align: left;
      line-height: 2;
      margin-bottom: 50px;
   }
   .linkArea .flexbox {
      display: block;
   }
   .linkArea .flexbox li {
      width: auto;
      margin-right: 0;
      margin-bottom: -1px;
   }
   .linkArea .flexbox li a {
      height: 50px;
   }
   .linkArea .flexbox li img {
      zoom: 0.5;
   }
      .linkArea .flexbox li.yonden img {
         zoom: 0.6;
      }

}