@charset "utf-8";
#contents section{
   padding:3rem 0;
}

h2{
   text-align: center;
   font-size: 1.6rem;
   padding:0 0 2rem;
}

#mv{
   padding: 0 0 1px;
   background: url(../images/img_kv_pc.jpg) no-repeat center center;
   background-size: cover;
   height: 330px;
}
.mv_title{
   max-width: 1100px;
   margin: 0 auto;
}
.mv_title img{
   max-width: 731px;
   padding-top: 3rem;
}
#service{
   background: #276093;
}
#service h2{
   color: #fff;
}
#service .contents__inr{
   display: -webkit-box;
   display: flex;
   flex-wrap: wrap;
}
.service__inr{
   width: 50%;
   color: #fff;
   border-bottom: 1px solid #b4b4b4;
   border-right: 1px solid #b4b4b4;
   padding: 1rem 0;
}
.service__inr:nth-child(2n){ border-right: none;}
.service__inr:nth-last-of-type(1)  { border-bottom: none;}

.service__inr h3{
   font-weight: bold;
   font-size: 1.5rem;
   margin: 0 0 1rem 1.2rem;
}
.service__inr h3 small{
   font-size: 1rem;
}
.service__inr dl{
   margin: 0 auto 0;
   display: -webkit-box;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
}
.service__inr dl dt{
   max-width: 220px;
   width: 40%;
}
.service__inr dl dd{
   text-align: center;
   width: 56%;
   line-height: 1.6;
}
#info{
   background: url(../images/img_bg.jpg) 0 0 no-repeat;
   background-size: cover;
   text-align: center;
}
#info h2{
   color: #b8282e;
}
#info p{ line-height: 2;}

#link_group{
   background: #efefef;
}
#link_group .contents__inr{
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap:wrap;
   -webkit-flex-wrap:
      wrap;
   flex-wrap: wrap;
   justify-content: space-between;
}
#link_group .contents__inr .col{
   width: 32%;
   background: #fff;
   padding: 1rem;
   margin: 0 0 1rem;
   border-radius: 5px;
}
#link_group .list_note{
   margin-top: 0.8rem;
}
.link_group_btn{
   font-weight: bold;
}
#dl{
   text-align: center;
}
#dl .qr{
   max-width: 164px;
   margin: 1rem auto;
}
#dl .dl_inr{
   display: -webkit-box;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
#dl .dl_inr dl{
   width: 48%;
   border: 1px solid #276093;
   margin-top: 2rem;
   padding-bottom: 1rem;
}
#dl .dl_inr dl dt{
   font-size: 1.3rem;
   font-weight: bold;
   background: #276093;
   color: #fff;
}
#dl .dl_inr dl dd a{
   display: block;
   max-width: 300px;
   margin: 0 auto;
}
#dl .dl_inr dl dd a img{
   display: block;
   margin: 0 auto;
}
#dl .dl_inr .dl_inr_Apple a{max-width: 243px;}

@media screen and (min-width: 768px) {
  .link_group_btn{
    pointer-events: none;
   }
   .service__inr:nth-of-type(3) {
     border-bottom: none;
   }
}
@media screen and (max-width: 767px) {
   #contents section{
      padding: 2rem 0;
   }
   h2{
      font-size: 1.4rem;
      padding: 0 1rem 1em;
   }
   #mv{
      background: none;
      height: auto;
   }
   .mv_title img{padding: 0;}
   
   .service__inr h3{
    font-size: 1.15rem;
    margin: 0 0 0.5rem;
   }
   .service__inr{
      width: 100%;
      border-right: none;
      padding: 1rem 0;
   }
   .service__inr dl dt{
      width: 43%;
   }
   .service__inr dl dd{
      width: 53%;
      text-align: left;
   }
   #link_group .contents__inr .col{
      width: 100%;
      position:relative;
   }
   #link_group .contents__inr .col::after {
    content: '';
    width: 8px;
    height: 20px;
    display: block;
    position: absolute;
    right: 15px;
    top: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-image: url(../images/icon_arrow_grey.svg);
    transition: all .4s ease-out;
    transform: rotate(88deg);
   }
   #link_group .contents__inr .col.open::after {
     transform: rotate(270deg);
    }
   #link_group .list_note{
      display: none;
   }
   #link_group .list_note li{
      margin-bottom: 1rem;
   }
   #dl .dl_inr dl{
      width: 100%;
   }
}