@charset "UTF-8";

/* ===============================================
CSS Information

FileName:what.css
Author:Isao Kobashi
Last edit:20190918

=============================================== */

.what .float-left{
  width:48%;
  float:left;
  margin-bottom: 40px;
}
.what .float-left p{
  margin-bottom:40px;
  line-height: 1.7em;
}
.what .float-right{
  width:48%;
  float:right;
  margin-bottom: 40px;
}
.what .ico_enjoy{
  margin-left:50px;
}
.what .ico_study{
  margin-left:50px;
}
.what .ico_join{
  margin-top:50px;
  margin-left:50px;
}
.what .ico_use{
  margin-left:50px;
}
.what .ico_ear { width: 5%; }
.what .ico_ear img { max-width: 100%; }
.img-map{
  width: 100%;
}
.img-map img{
  margin:0 auto;
}
.btn-blk {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  .btn-blk a {
    display: block;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #005bac;
    transition: all 0.5s;
    box-sizing: border-box;
    position: relative; }
.btn-blk a:hover {
      background-color: #288ae2; }
.btn-blk a::after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 10px 10px;
      border-color: transparent transparent #bef0ff transparent;
      position: absolute;
      bottom: 10px;
      right: 10px; }

@media screen and (max-width: 767px) {
/* ------- What index ---------- */
.what .float-left{
  width:100%;
}
.what .float-right{
  width:100%;
  margin-top: 0 auto;
  text-align: center;
  float: none;
}
.what .ico_enjoy{
  margin-top: 0px;
  margin-left: 0px;
  display: inline-block;
}
.what .ico_study{
  margin-left:10px;
  display: inline-block;
}
.what .ico_join{
  margin-top:20px;
  margin-left:0px;
  display: inline-block;
}
.what .ico_use{
  margin-left:10px;
	display: inline-block;}
.what .ico_ear { width: 20%; }
}