@charset "UTF-8";
/*　*/
/*=========================================
		common
=========================================*/
.l-pagettl_container {
  background-image: url(../img/group/bg_pagettl.jpg);
}

/*=========================================
		index
=========================================*/
@media only screen and (max-width: 767px) {
  .index_ttl01 {
    font-size: 2rem;
  }
}
.index_txt01 {
  margin-bottom: 3.5rem;
}
@media print, screen and (min-width: 768px) {
  .index_txt01 {
    margin-bottom: 7rem;
    text-align: center;
  }
}
.index_img01 {
  margin-bottom: 3rem;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .index_img01 {
    margin-bottom: 6rem;
  }
}
.index_img01 img {
  width: 35.5rem;
}
@media print, screen and (min-width: 768px) {
  .index_img01 img {
    width: 100rem;
  }
}
.index_list01 {
  margin-bottom: 2.5rem;
}
@media print, screen and (min-width: 768px) {
  .index_list01 {
    margin-bottom: 4.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .index_btn01 {
    margin: 0 0 4rem 0;
  }
}
@media print, screen and (min-width: 768px) {
  .index_btn01 {
    margin-bottom: 8rem;
  }
}
@media only screen and (max-width: 767px) {
  .index_btn01 > li {
    margin: 0 0 1rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .index_btn01 .m-btn02 {
    width: 28rem;
  }
}
.index_ttl02 {
  margin-bottom: 1rem;
  color: #D55252;
}

/*=========================================
		list
=========================================*/
@media print, screen and (min-width: 768px) {
  .list_list01 {
    display: flex;
    margin: -0.5rem;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .list_list01 > li:not(:last-child) {
    margin-bottom: 2rem;
  }
}
@media print, screen and (min-width: 768px) {
  .list_list01 > li {
    margin: 0.5rem;
    width: calc(33.333% - 1rem - 0.1px);
  }
}
.list_list01_box01 {
  padding: 2rem 2rem 3rem 2rem;
}
@media print, screen and (min-width: 768px) {
  .list_list01_box01 {
    display: flex;
    flex-direction: column;
  }
}
.list_list01_ttl01 {
  margin-bottom: 0;
  text-align: center;
}
.list_list01_ttl01 .icon {
  display: inline-block;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 6rem;
  background: #81AACA;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .list_list01_ttl01 .icon {
    min-width: 8rem;
    font-size: 1.4rem;
  }
}
.list_list01_ttl01 .main {
  display: block;
}
.list_list01_img01 {
  display: flex;
  margin-top: 1.5rem;
  border-radius: 1rem;
  height: 9rem;
  background: #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 768px) {
  .list_list01_img01 {
    margin-top: 2rem;
    height: 12rem;
  }
}
.list_list01_img01 > li {
  margin: 0 1rem;
  max-width: 6rem;
}
@media print, screen and (min-width: 768px) {
  .list_list01_img01 > li {
    max-width: 8rem;
  }
}
.list_list01_img01 .m-img01 {
  padding-bottom: 0;
  width: 16rem;
  max-width: 100%;
  height: 6rem;
}
@media print, screen and (min-width: 768px) {
  .list_list01_img01 .m-img01 {
    width: 20rem;
    height: 8rem;
  }
}
.list_list01_list01 {
  margin-top: 2rem;
  border-top: 1px solid #81AACA;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 768px) {
  .list_list01_list01 {
    flex: 1;
  }
}
.list_list01_list01 > li {
  padding: 1rem;
  border-bottom: 1px dotted #707070;
}
.list_list01_list01 dl {
  display: flex;
}
.list_list01_list01 dt {
  width: 10rem;
}
.list_list01_list01 dd {
  flex: 1;
}
.list_list01_btn01 {
  margin-top: 2rem;
}
@media print, screen and (min-width: 768px) {
  .list_list01_btn01 > li:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.list_list01_btn01 .m-btn02 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .list_list01_btn01 .m-btn02 {
    font-size: 1.6rem;
  }
}
.list_btn01 {
  position: fixed;
  right: 1rem;
  bottom: 1.5rem;
  z-index: 50;
}
@media print, screen and (min-width: 768px) {
  .list_btn01 {
    right: 6rem;
    bottom: 4rem;
  }
}
.list_btn01 a {
  display: flex;
  padding-bottom: 0.5rem;
  border: 0.5rem solid #5863AB;
  border-radius: 100%;
  width: 8rem;
  height: 8rem;
  background: #4653A2;
  font-size: 1.2rem;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Yu Mincho", "游明朝", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 1.5rem 0.5rem rgba(31, 41, 98, 0.45) inset;
}
@media (hover: hover) {
  .list_btn01 a:hover {
    opacity: 0.7;
  }
}
.d-ie .list_btn01 a:hover {
  opacity: 0.7;
}
@media print, screen and (min-width: 768px) {
  .list_btn01 a {
    border-width: 1rem;
    width: 14rem;
    height: 14rem;
    font-size: 2rem;
  }
}
.list_btn01 a span {
  display: block;
  position: relative;
}
.list_btn01 a span::before, .list_btn01 a span::after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1.2rem;
  border-top: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent;
  border-left: 0.6rem solid #fff;
  border-right: 0;
  content: "";
}
@media print, screen and (min-width: 768px) {
  .list_btn01 a span::before, .list_btn01 a span::after {
    bottom: -1.5rem;
    border-top-width: 0.4rem;
    border-bottom-width: 0.4rem;
    border-left-width: 0.8rem;
  }
}
.list_btn01 a span::after {
  margin-left: 1rem;
}
@media print, screen and (min-width: 768px) {
  .list_btn01 a span::after {
    margin-left: 1.5rem;
  }
}
.list_btn01 a span span::before {
  margin-left: -1rem;
}
@media print, screen and (min-width: 768px) {
  .list_btn01 a span span::before {
    margin-left: -1.5rem;
  }
}
.list_btn01 a span span::after {
  display: none;
}