@charset "UTF-8";
/* =================================
   TopPage
==================================== */
.l-top .l-main .entry .btns {
  font-size: 2rem;
}
.l-top .l-main .inter {
  padding: 115px 0;
}
.l-top .l-main .inter .head {
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
  font-size: 4.2rem;
  font-weight: 700;
  letter-spacing: .3rem;
}
.l-top .l-main .inter .sub {
  margin-bottom: 80px;
  font-size: 2.0rem;
  text-align: center;
}
.l-top .l-main .inter .bnrs {
  margin-bottom: 80px;
}
.l-top .l-main .inter .bnrs .in {
  position: relative;
  padding: 3%;
  vertical-align: bottom;
}
.l-top .l-main .inter .bnrs .in .fa-angle-right {
  position: absolute;
  top: 50%;
  right: 3%;
  margin-top: -.5em;
}
.l-top .l-main .inter .bnrs .in .box {
  padding: 2%;
  display: inline-block;
  border-left: solid #FFF 6px;
}
.l-top .l-main .inter .bnrs .in .box .sub {
  margin-bottom: 1em;
  text-align: left;
  line-height: 1;
}
.l-top .l-main .inter .bnrs .in .box .main {
  text-align: left;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.3;
}
.l-top .l-main .inter .more a {
  border: solid 1px #b6b6b6;
  color: inherit;
  font-size: 1.8rem;
  background: #FFF;
}
.l-top .l-main .inter .more a .fa-angle-right {
  right: 2%;
}
.l-top .l-main .inter .more a:hover {
  border: solid 1px #0180ca;
  color: #0180ca;
}
.l-top .l-main .inter .more a:hover .fa-angle-right {
  right: 1.5%;
}
.l-top .l-main .point > li .box {
  width: 57.29167%;
  padding: 115px 3.125% 70px;
}
.l-top .l-main .point > li .box .l-btn {
  border: solid 1px #b6b6b6;
  max-width: 320px;
  color: inherit;
  line-height: 1;
  font-weight: 700;
  font-size: 1.8rem;
}
.l-top .l-main .point > li .box .l-btn:hover {
  border: solid 1px #0180ca;
  color: #0180ca;
}
.l-top .l-main .point > li .box .l-btn:hover .fa-angle-right {
  right: 1.5%;
}
.l-top .l-main .point > li .img {
  width: 42.70833%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.l-top .l-main .point > li .in {
  display: inline-block;
  max-width: 610px;
  text-align: left;
}
.l-top .l-main .point > li:nth-child(odd) {
  background-color: #f6f6f6;
}
.l-top .l-main .point > li:nth-child(odd) .head, .l-top .l-main .point > li:nth-child(odd) .text {
  text-shadow: 0 1px 0 #f6f6f6,1px 0 0 #f6f6f6,0 -1px 0 #f6f6f6,-1px 0 0 #f6f6f6,-1px -1px 0 #f6f6f6,1px -1px 0 #f6f6f6,-1px 1px 0 #f6f6f6,1px 1px 0 #f6f6f6;
}
.l-top .l-main .point > li:nth-child(odd) .l-btn {
  background: rgba(246, 246, 246, 0.5);
}
.l-top .l-main .point > li:nth-child(even) {
  background-color: #FFF;
}
.l-top .l-main .point > li:nth-child(even) .head, .l-top .l-main .point > li:nth-child(even) .text {
  text-shadow: 0 1px 0 #FFF,1px 0 0 #FFF,0 -1px 0 #FFF,-1px 0 0 #FFF,-1px -1px 0 #FFF,1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF;
}
.l-top .l-main .point > li:nth-child(even) .l-btn {
  background: rgba(255, 255, 255, 0.5);
}
.l-top .l-main .point > li:nth-child(even) .box {
  text-align: right;
}
.l-top .l-main .point > li:nth-child(1) .img {
  background-image: url(../img/top_point_01.jpg);
}
.l-top .l-main .point > li:nth-child(2) .img {
  background-image: url(../img/top_point_02.jpg);
}
.l-top .l-main .point > li:nth-child(3) .img {
  background-image: url(../img/top_point_03.jpg);
}
.l-top .l-main .point .head {
  margin-bottom: 30px;
  line-height: 1;
  font-size: 3rem;
  font-weight: 700;
}
.l-top .l-main .point .text {
  margin-bottom: 70px;
}
.l-top .l-main .strong {
  padding: 120px 1em;
  background: url(../img/top_strong_bg.jpg) no-repeat center center;
  background-size: cover;
}
.l-top .l-main .strong li {
  padding: 60px;
  background: #FFF;
}
.l-top .l-main .strong li:last-child{
  float: none;
}
.l-top .l-main .strong li img {
  display: block;
  margin: 0 auto 45px;
}
.l-top .l-main .strong li .head {
  margin-bottom: 1em;
  text-align: center;
  color: #0180ca;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}
.l-top .l-main .strong li .text {
  min-height: 6em;
}

/*
███████ ██████     ████████  ██████  ██████
██      ██   ██       ██    ██    ██ ██   ██
███████ ██████  █████ ██    ██    ██ ██████
     ██ ██            ██    ██    ██ ██
███████ ██            ██     ██████  ██
*/
@media screen and (max-width: 768px) {
  .l-top .l-main .entry .btns {
    font-size: 2rem;
  }
  .l-top .l-main .inter {
    padding: 60px 0 30px;
  }
  .l-top .l-main .inter .head {
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
    font-size: 3.1rem;
    font-weight: 700;
  }
  .l-top .l-main .inter .sub {
    margin-bottom: 40px;
    font-size: 1.5rem;
    text-align: center;
  }
  .l-top .l-main .inter .bnrs {
    margin-bottom: 0;
  }
  .l-top .l-main .inter .bnrs li {
    margin-bottom: 30px;
  }
  .l-top .l-main .inter .more a {
    border: solid 1px #b6b6b6;
    color: inherit;
    font-size: 1.8rem;
    background: #FFF;
  }
  .l-top .l-main .inter .more a .fa-angle-right {
    right: 2%;
  }
  .l-top .l-main .inter .more a:hover {
    border: solid 1px #0180ca;
    color: #0180ca;
  }
  .l-top .l-main .inter .more a:hover .fa-angle-right {
    right: 1.5%;
  }
  .l-top .l-main .point > li {
    background-repeat: no-repeat;
  }
  .l-top .l-main .point > li .box {
    padding: 2em 3.125%;
    width: 100%;
    max-width: 100%;
  }
  .l-top .l-main .point > li .box .l-btn {
    border: solid 1px #b6b6b6;
    max-width: 100%;
    color: inherit;
    line-height: 1;
    font-weight: 700;
    font-size: 1.8rem;
  }
  .l-top .l-main .point > li .box .l-btn:hover {
    border: solid 1px #0180ca;
    color: #0180ca;
  }
  .l-top .l-main .point > li .box .l-btn:hover .fa-angle-right {
    right: 1.5%;
  }
  .l-top .l-main .point > li .img {
    width: 100%;
  }
  .l-top .l-main .point > li .in {
    max-width: 100%;
  }
  .l-top .l-main .point > li:nth-child(odd),
  .l-top .l-main .point > li:nth-child(even) {
    background-color: #FFF;
    background-position: right center;
  }
  .l-top .l-main .point > li:nth-child(odd) .head, .l-top .l-main .point > li:nth-child(odd) .text,
  .l-top .l-main .point > li:nth-child(even) .head,
  .l-top .l-main .point > li:nth-child(even) .text {
    text-shadow: 0 1px 0 #FFF,1px 0 0 #FFF,0 -1px 0 #FFF,-1px 0 0 #FFF,-1px -1px 0 #FFF,1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF;
  }
  .l-top .l-main .point > li:nth-child(odd) .l-btn,
  .l-top .l-main .point > li:nth-child(even) .l-btn {
    background: rgba(255, 255, 255, 0.5);
  }
  .l-top .l-main .point > li:nth-child(odd) .box,
  .l-top .l-main .point > li:nth-child(even) .box {
    float: none;
  }
  .l-top .l-main .point > li:nth-child(1),
  .l-top .l-main .point > li:nth-child(2),
  .l-top .l-main .point > li:nth-child(3) {
    background-image: none;
  }
  .l-top .l-main .point .head {
    padding-top: 30px;
    margin-bottom: 30px;
    font-size: 2.2rem;
  }
  .l-top .l-main .point .text {
    margin-bottom: 30px;
  }
  .l-top .l-main .strong {
    padding: 60px 1em 30px;
    background: url(../img/top_strong_bg_sp.jpg) no-repeat center center;
    background-size: cover;
  }
  .l-top .l-main .strong li {
    margin-bottom: 30px;
    padding: 30px 3.125%;
    background: #FFF;
  }
  .l-top .l-main .strong li img {
    display: block;
    width: 50%;
    margin: 0 auto 22px;
  }
  .l-top .l-main .strong li .head {
    margin-bottom: .5em;
    text-align: center;
    color: #0180ca;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
  }
  .l-top .l-main .strong li .text {
    min-height: 6em;
  }
}