@charset "UTF-8";
/*
----------------------------------------
| 
| base & helper
|
----------------------------------------
*/
html {
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic';
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

img {
  display: inline-block;
  width: 100%;
}

a:hover {
  opacity: 0.8;
}

/*
* mixins
*/
/*
* helper
*/

.hp_lh_1 {
  line-height: 1;
}

.hp_ta_c {
  text-align: center;
}

.hp_ta_r {
  text-align: right;
}

.hp_fw_b {
  font-weight: bold;
}

.hp_dis_f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hp_jus_sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hp_jus_sa {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.hp_jus_c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hp_ais_c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hp_flex_c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hp_posA_c {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*
|----------------------------------------
| CommonStyle
|----------------------------------------
*/

@media screen and (min-width: 769px) {
  .hp_pc_none {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .hp_sp_none {
    display: none;
  }
}


.inner__960 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.header {
  background-color: #6DC790;
  color: #fff;
}
.header_inner {
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header_logo{
  display: block;
  width: 80px;
  padding-bottom: 2px;
}
.header_logo_img {
  display: block;
}
.header_nav {
  display: flex;
  column-gap: 24px;
  align-items: center;
}
.header_nav_item {
  display: block;
  font-size: 13px;
  height: fit-content;
}
.header_loginBtn {
  display: flex;
  height: 29px;
  padding: 0 20px;
  align-items: center;
  column-gap: 8px;
  background-color: #FFBD27;
  border-radius: 14px;
  border: 1px solid #fff;
}
.header_loginBtn_icon {
  display: block;
  width: 13px;
}
.header_loginBtn_txt {
  font-size: 13px;
  color: #000;
  font-weight: bold;
}
.footer {
  background-color: #6DC790;
  color: #fff;
  padding-top: 46px;
  padding-bottom: 68px;
}
.footer_top {
padding:10px 0
}
.footer_top a {
font-weight:bold;
}
.footer_inner {
  display: flex;
  column-gap: 58px;
}
.footer_nav {
  
}
.footer_nav_head {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 16px;
}
.footer_nav_list {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.footer_nav_list_item {
  display: block;
  font-size: 12px;
}
@media screen and (max-width:768px) {
  .header {
    padding-left: 16px;
    padding-right: 16px;
    position: fixed;
    width: 100%;
    z-index: 100;
  }
  .header_loginBtn {
    width: 80%;
    height: 55px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    border-radius: 27.5px;
  }
  .footer {
    padding-left: 16px;
    padding-right: 16px;
  }
  .footer_inner {
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 40px;
  }
  .footer_nav {
    width: calc(50% - 20px);
  }
}
body.js_overlay {
  /* position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: lightgray; */
}

.bl_hmbgBtn {
  cursor: pointer;
  width: 30px;
  height: 24px;
  z-index: 5;
  position: relative;
  /*
   * アクティブ中
   */
}
.bl_hmbgBtn .bl_hmbgBtn_line {
  position: absolute;
  transition: 0.3s;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 10px;
}
.bl_hmbgBtn .bl_hmbgBtn_line.bl_hmbgBtn_line__top {
  top: 0;
}
.bl_hmbgBtn .bl_hmbgBtn_line.bl_hmbgBtn_line__middle {
  top: 50%;
  transform: translateY(-50%);
}
.bl_hmbgBtn .bl_hmbgBtn_line.bl_hmbgBtn_line__bottom {
  bottom: 0;
}
.bl_hmbgBtn.js_open > .bl_hmbgBtn_line__top {
  top: calc(50% - 2px / 2);
  transform: rotate(45deg);
}
.bl_hmbgBtn.js_open > .bl_hmbgBtn_line__middle {
  opacity: 0;
}
.bl_hmbgBtn.js_open > .bl_hmbgBtn_line__bottom {
  width: 100%;
  transform: rotate(-45deg);
  bottom: calc(50% - 2px / 2);
}

/*
* ハンバガーメニュー
*/
.bl_hmbgMenu {
  position: fixed;
  background-color: #6DC790;
  width: 100vw;
  height: 100vh;
  z-index: 99;
  right: 0;
  top: 63px;
  transition: all 0.7s;
  right: -150%;
}
.bl_hmbgMenu.js_open {
  right: 0;
}
.bl_hmbgMenu .bl_hmbgMenu_list {
  padding: 30px 20px 0;
}
.bl_hmbgMenu .bl_hmbgMenu_list .bl_hmbgMenu_item {
  padding: 10px 0;
  color: #fff;
  border-bottom: 1px solid lightgray;
}
.bl_hmbgMenu .bl_hmbgMenu_list .bl_hmbgMenu_item:last-child {
  border-bottom: none;
}
.bl_hmbgMenu .bl_hmbgMenu_list .bl_hmbgMenu_item a {
  display: block;
  text-align: center;
  line-height: 2;
}



.functionsPage .breadcrumb {
  font-size: 14px;
  padding: 30px 0;
}

.functionsPage .breadcrumb a {
  color: #4285f4;
}
.functionsPage .topTxt {
  padding-bottom: 30px;
}
.functionsPage .topTtl {
  font-size: 32px;
  padding-bottom: 30px;
}
.functionsPage .content > a {
  display: block;
  margin-bottom: 36px;
}
.functionsPage .content .num {
  padding-bottom: 8px;
  padding-left: 1em;
}
.functionsPage .content > a > img {
  border: 1px solid #bbb;
}
.functionsPage .pagination {
  display: flex;
  column-gap: 50px;
  justify-content: center;
  padding-bottom: 30px;
}

.functionsPage .pagination a {
  display: block;
}
@media screen and (max-width:768px) {
  .functionsPage {
    padding-top: 70px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .functionsPage .topTtl {
    font-size: 22px;
    text-align: center;
  }
  .functionsPage .topTxt {
    font-size: 14px;
  }
}