﻿/*-- ご利用案内TOP --*/

.pane-main .block-pagecategory-page-list,
.pane-main .block-pagecategory-subcategory-list{
  display: none;
}
.-guide_wrap01{
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin: 5em 0 0;
  justify-content: space-between;
}

.-guide_wrap01_box01{
  width: 55%;
  user-select: none;
}
.-guide_wrap01_box01_tit01{
  display: none;
}
.-guide_wrap01_box01_ul01{
  width: 100%;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-flow: row wrap;
}
.-guide_wrap01_box01_ul01 li{
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 -1px;
  overflow: hidden;
}
.-guide_wrap01_box01_ul01>li>ul{
  max-height: 0;
  width: 100%;
  position: relative;
  opacity: 0;
  transition: .2s ease;
  z-index: 1;
  background-color: #f9f9f9;
  /* transform-origin: 0 0;
  transform: scaleY(0); */
}
.-guide_wrap01_box01_ul01>li>ul.-on{
  max-height: 1000px;
  /* transform: scaleY(1); */
  opacity: 1;
  transition: .2s ease;
  /* margin-top: 0.5em; */
}
.-guide_wrap01_box01_ul01>li>ul>li{
  border-top: 1px dotted #ccc;
  margin: 0 0 -1px;
}
.-guide_wrap01_box01_ul01 li span,
.-guide_wrap01_box01_ul01 li a{
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  padding: 1.25em 1em;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  opacity: 1;
  transition: .5s ease;
  z-index: 10;
}
.-guide_wrap01_box01_ul01 li a{
  font-size: 14px;
}
.-guide_wrap01_box01_ul01>li>ul>li>a{
  padding-left: 3.25em;
}
.-guide_wrap01_box01_ul01 li span::after{
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/img/custom_page/pg/guide/icon_plus01.svg) no-repeat center center;
}
.-guide_wrap01_box01_ul01 li span.-on::after{
  background: url(/img/custom_page/pg/guide/icon_minus01.svg) no-repeat center center;
}
.-guide_wrap01_box01_ul01 li span.-on{
  background-color: #eee;
}
.-guide_wrap01_box01_ul01 li a::before{
  content: '';
  display: block;
  width: 6px;
  height: 15px;
  background: url(/img/custom_page/pg/guide/icon_arrow01.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 2em;
  transform: translateY(-50%);
}

.-guide_wrap01_box01_ul01 li span:hover,
.-guide_wrap01_box01_ul01 li a:hover{
  cursor: pointer;
  opacity: .66;
  transition: .2s ease;
}

.-guide_wrap01_box02{
  width: 35%;
  /* padding: 0 0 0 50px; */
}
.-guide_wrap01_box02_txt01{
  width: 100%;
  text-align: center;
  font-size: 14px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 0 3em;
}
.-guide_wrap01_box02_txt01 span{
  display: inline-block;
}

.-guide_wrap01_box02_ul01{
  width: 100%;
  margin: 0 0 3em;
}
.-guide_wrap01_box02_ul01>li{
  margin: 0 0 1em;
}
.-guide_wrap01_box02_ul01>li>a{
  width: 100%;
  border-radius: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  align-content: center;
  font-size: 16px;
  font-weight: bold;
  padding: 1em;
  transition: .5s ease;
  text-decoration: none;
}
.-guide_wrap01_box02_ul01>li>a:hover{
  opacity: .66;
  transition: .2s ease;
  text-decoration: none;
}
.-guide_wrap01_box02_ul01>li>a.-btnWh01{
  border: 1px solid #111;
  background-color: #fff;
  color: #111;
}
.-guide_wrap01_box02_ul01>li>a.-btnBL01{
  background-color: #111;
  color: #fff;
}

.-guide_wrap01_box02_ul02{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-flow: row wrap;
}
.-guide_wrap01_box02_ul02>li{
  font-size: 16px;
  margin: 0 0 1em;
  width: 100%;
  text-align: center;
  color: #111;
}
.-guide_wrap01_box02_ul02>li.-fzS01{
  font-size: 13px;
  color: #555;
}
.-guide_wrap01_box02_ul02>li>a{
  text-decoration: underline;
}
.-guide_wrap01_box02_ul02>li>a:hover{
  text-decoration: none;
}


/*-- //ご利用案内TOP --*/

/*-- ナビゲーション01 --*/
.-aside_guide01{
  width: 100%;
  margin: 0;
  padding: 0;
}
.-nav_guide01{
  width: 240px;
  user-select: none;
}
.-nav_guide01_tit01{
  display: none;
}
.-nav_guide01_ul01{
  width: 100%;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 3em;
}
.-nav_guide01_ul01 li{
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 -1px;
  overflow: hidden;
}
.-nav_guide01_ul01>li>ul{
  max-height: 0;
  width: 100%;
  position: relative;
  opacity: 0;
  transition: .2s ease;
  z-index: 1;
  background-color: #f9f9f9;
  /* transform-origin: 0 0;
  transform: scaleY(0); */
}
.-nav_guide01_ul01>li>ul.-on{
  max-height: 1000px;
  /* transform: scaleY(1); */
  opacity: 1;
  transition: .2s ease;
  /* margin-top: 0.5em; */
}
.-nav_guide01_ul01>li>ul>li{
  border-top: 1px dotted #ccc;
  margin: 0 0 -1px;
}
.-nav_guide01_ul01 li span,
.-nav_guide01_ul01 li a{
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  padding: 1.25em 1em;
  font-size: 13px;
  text-decoration: none;
  position: relative;
  opacity: 1;
  transition: .5s ease;
  z-index: 10;
}
.-nav_guide01_ul01>li>ul>li>a{
  padding-left: 3.25em;
}
.-nav_guide01_ul01 li span::after{
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/img/custom_page/pg/guide/icon_plus01.svg) no-repeat center center;
}
.-nav_guide01_ul01 li span.-on::after{
  background: url(/img/custom_page/pg/guide/icon_minus01.svg) no-repeat center center;
}
.-nav_guide01_ul01 li span.-on{
  background-color: #eee;
}
.-nav_guide01_ul01 li a::before{
  content: '';
  display: block;
  width: 6px;
  height: 15px;
  background: url(/img/custom_page/pg/guide/icon_arrow01.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 2em;
  transform: translateY(-50%);
}

.-nav_guide01_ul01 li span:hover,
.-nav_guide01_ul01 li a:hover{
  cursor: pointer;
  opacity: .66;
  transition: .2s ease;
}


.-nav_guide01_ul02{
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.-nav_guide01_ul02>li{
  width: 100%;
  margin: 0 0 1em;
}
.-nav_guide01_ul02>li>a{
  width: 100%;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  align-content: center;
  font-size: 14px;
  font-weight: bold;
  padding: 1em;
  transition: .5s ease;
  text-decoration: none;
}
.-nav_guide01_ul02>li>a:hover{
  opacity: .66;
  transition: .2s ease;
  text-decoration: none;
}
.-nav_guide01_ul02>li>a.-btnWh01{
  border: 1px solid #111;
  background-color: #fff;
  color: #111;
}
.-nav_guide01_ul02>li>a.-btnBL01{
  background-color: #111;
  color: #fff;
}
/*-- //ナビゲーション01 --*/

main.pane-main{
  margin: 0;
}
main>.block-page-caption{
  display: none;
}
main.pane-main>.block-page-block{
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}
main.pane-main>.block-page-block>.block-page-block--frame:nth-of-type(1){
  width: 740px;
  order: 10;
}
main.pane-main>.block-page-block>.block-page-block--frame:nth-of-type(2){
  width: 240px;
  order: 1;
}

.-sec_guide01{
  width: 740px;
  font-size: 13px;
  line-height: 1.7;
}
.-sec_guide01 .-mb0{
  margin-bottom: 0 !important;
}
.-sec_guide01 strong{
  font-weight: bold;
}
.-sec_guide01 .-cl_red01{
  color: #c11;
}
.-sec_guide01 .-fw_bold01{
  font-weight: bold;
}
.-sec_guide01 a{
  text-decoration: underline;
  margin-right: 1.5em;
}
.-sec_guide01 a:last-of-type{
  margin-right: 0;
}
.-sec_guide01 a:hover{
  text-decoration: none;
}


.-sec_guide01 figure,
.-sec_guide01 figure picture{
  display: block;
  line-height: 1;
}
.-sec_guide01 img{
  width: 100%;
  height: auto;
  display: inline-block;
  max-width: 100%;
}
.-sec_guide01_inner01{
  width: 100%;
  margin: 2em 0;
  /* overflow: hidden; */
}
.-sec_guide01>.-sec_guide01_inner01{
  margin: 3em 0;
  padding: 3em 0 0;
  border-top: 1px solid #ccc;
}
.-sec_guide01>.-sec_guide01_inner01:last-of-type{
  margin: 0;
  padding: 3em 0;
  border-bottom: 1px solid #ccc;
}
.-sec_guide01_inner01 .-sec_guide01_inner01 {
  margin: 2em 0em 2em 1em;
}

/* .-sec_guide01_inner01:not(:only-child) {
  margin: 1em;
} */

.-sec_guide01_inner01 .-sec_guide01_inner01:last-of-type{
  /* margin: 0; */
}

/* 見出し関連のリセット */
.-sec_guide01 h1,
.-sec_guide01 h2,
.-sec_guide01 h3,
.-sec_guide01 h4{
  padding: 0;
  border:none;
  background-color: transparent;
  height: auto;
  min-height: auto;
  max-height: none;
  line-height: 1.7;
}
/* //見出し関連のリセット */

/*-- ページタイトル [A] --*/
.-sec_guide01_tit01{
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 1em;
}
.-sec_guide01_tit01>.-stit01{
  font-size: .5em;
  order: 1;
  width: 100%;
  display: block;
  color: #555;
}
/*-- //ページタイトル [A] --*/

/*-- 見出し1～3 --*/
.-sec_guide01_stit01,
.-sec_guide01_stit02,
.-sec_guide01_stit03{
  color: #111;
  font-weight: bold;
  margin: 0 0 .5em;
}
.-sec_guide01_stit01{
  font-size: 24px;
}
.-sec_guide01_stit02{
  font-size: 18px;
}
.-sec_guide01_stit03{
  font-size: 16px;
}
/*-- 見出し1～3 --*/

/*-- 通常テキスト --*/
.-sec_guide01_txt01{
  font-size: 14px;
  line-height: 1.7;
  display: block;
  margin: 0 0 1em;
}
/*-- //通常テキスト --*/

/*-- 画像 横100% ・75%・50% --*/
.-sec_guide01_img01_100p,
.-sec_guide01_img01_75p,
.-sec_guide01_img01_50p{
  width: 100%;
  margin: 1em 0 3em;
  text-align: center;
}
.-sec_guide01_img01_100p figcaption,
.-sec_guide01_img01_75p figcaption,
.-sec_guide01_img01_50p figcaption{
  font-size: 12px;
  line-height: 1.4;
  color: #555;
  margin: .25em 0 0;
}
.-sec_guide01_img01_100p img{
  width: 100%;
  height: auto;
}
.-sec_guide01_img01_75p img{
  width: 75%;
  height: auto;
}
.-sec_guide01_img01_50p img{
  width: 50%;
  height: auto;
}
/*-- //画像 横100% ・75%・50% --*/

/*-- 定義リスト（dl dt + dd） --*/

 .-sec_guide01_dl01{
  width: auto;
  margin: 0 0 1em;
  border: 1px solid #ddd;
  display: grid;
  grid-template-rows:auto auto;
  grid-template-columns:1fr 3fr;
}
.-sec_guide01_dl01 dt{
  padding: 1.25em;
  border-bottom: 1px solid #ddd;
  background-color: #f6f6f6;
  font-weight: bold;
}
.-sec_guide01_dl01 dd{
  padding: 1.25em;
  border-left: 1px dotted #ccc;
  border-bottom: 1px solid #ddd;
}
.-sec_guide01_dl01 dt:last-of-type,
.-sec_guide01_dl01 dd:last-of-type{
  border-bottom: none;
}
/*-- //定義リスト（dl dt + dd） --*/

/*-- tableWrap01 --*/
.-sec_guide01_tableWrap01{
  width: 100%;
  margin: 0 0 1em;
}
/*-- tableWrap01 --*/

/*-- 表組01（table） --*/
.-sec_guide01_table01{
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin: 0;
}
.-sec_guide01_table01 caption{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: .25em;
}
.-sec_guide01_table01 th,
.-sec_guide01_table01 td{
  box-sizing: border-box;
  padding: 1em;
  font-size: 13px;
  text-align: center;
}
.-sec_guide01_table01 thead th{
  border-left: 1px dotted #ccc;
  font-weight: bold;
}
.-sec_guide01_table01 thead th:first-of-type{
  border-left: none;
  background-color: #f6f6f6;
}
.-sec_guide01_table01 tbody th{
  background-color: #f6f6f6;
  font-weight: bold;
  border-top: 1px solid #ddd;
}
.-sec_guide01_table01 tbody td{
  border-left: 1px dotted #ccc;
  border-top: 1px solid #ddd;
}
/*-- //表組01（table） --*/

/*-- 表組02（table） --*/
.-sec_guide01_table02{
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin: 0;
}
.-sec_guide01_table02 caption{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: .25em;
}
.-sec_guide01_table02 th,
.-sec_guide01_table02 td{
  box-sizing: border-box;
  padding: 1em;
  font-size: 13px;
  text-align: center;
}
.-sec_guide01_table02 thead th{
  border-left: 1px dotted #ccc;
  background-color: #f6f6f6;
  font-weight: bold;
}
.-sec_guide01_table02 thead th:first-of-type{
  border-left: none;
}
.-sec_guide01_table02 tbody th{
  font-weight: bold;
  border-top: 1px solid #ddd;
}
.-sec_guide01_table02 tbody td{
  border-left: 1px dotted #ccc;
  border-top: 1px solid #ddd;
}
/*-- //表組02（table） --*/

/*-- リスト ul01 --*/
.-sec_guide01_ul01{
  width: 100%;
  padding-left: 1.5em;
  margin: 0 0 1em;
}
.-sec_guide01_ul01 li{
  list-style-type: disc;
  margin: 0 0 .25em;
}
/*-- リスト ul01 --*/

/*-- リスト ul02 --*/
.-sec_guide01_ul02{
  width: 100%;
  margin: 0 0 1em;
}
.-sec_guide01_ul02 li{
  text-indent: -1em;
  margin: 0 0 .25em 1em;
}
.-sec_guide01_ul02 li::before{
  content:'※';
}
/*-- リスト ul02 --*/

/*-- リスト ol01 --*/
.-sec_guide01_ol01{
  width: 100%;
  padding-left: 2em;
  margin: 0 0 1em;
}
.-sec_guide01_ol01>li::marker{
  color: #555;
  font-weight: bold;
}
.-sec_guide01_ol01>li{
  list-style-type: decimal;
  margin: 0 0 .25em;
}
/*-- リスト ol01 --*/

/*-- フロー説明枠 [A] --*/
.-sec_guide01_ol02{
  width: 100%;
  margin: 3em 0;
  padding: 3em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.-sec_guide01_inner01 .-sec_guide01_ol02{
  border-top: none;
  border-bottom: none;
  margin: 0;
  padding: 0;
}
.-sec_guide01_ol02>li{
  width: 100%;
  margin: 0 0 3em;
  position: relative;
  list-style: none;
  padding-left: 20px;
}
.-sec_guide01_ol02>li:last-of-type{
  margin: 0;
}
.-sec_guide01_ol02>li>.-sec_guide01_stit01,
.-sec_guide01_ol02>li>.-sec_guide01_stit02,
.-sec_guide01_ol02>li>.-sec_guide01_stit03{
  margin-left: -1em;
}

/*-- フロー説明枠 [A] --*/

/*-- 電話番号・メールアドレス --*/
.-sec_guide01_address01{
  display: grid;
  grid-template-columns: max-content 1fr;
  margin: 0 0 2em;
}
.-sec_guide01_address01_box01{
  display: contents;
}
.-sec_guide01_address01_box01 .-colmu01{
  grid-column: 1;
}
.-sec_guide01_address01_box01 .-colmu02{
  grid-column: 2;
}

.-sec_guide01_address01 a[href^="tel:"] {
    pointer-events: none; /* クリック・タップを一切反応させない */
    color: inherit;        /* リンク特有の青文字を消し、通常の文字色にする */
    text-decoration: none; /* 下線を消す */
    cursor: default;       /* マウスカーソルを矢印（通常）に戻す */
}
/*-- /電話番号・メールアドレス --*/

/*-- 住所掲載用 --*/
.-sec_guide01_address02{
  margin: 0 0 2em;
}

.-sec_guide01_address02 a[href^="tel:"] {
    pointer-events: none; /* クリック・タップを一切反応させない */
    color: inherit;        /* リンク特有の青文字を消し、通常の文字色にする */
    text-decoration: none; /* 下線を消す */
    cursor: default;       /* マウスカーソルを矢印（通常）に戻す */
}
/*-- /住所掲載用 --*/

.-sec_guide01_link01{
  text-decoration: underline;
  color: #111;
}
.-sec_guide01_link01:hover{
  text-decoration: none;
}
.-sec_guide01_link01::before{
  content: '≫ ';
  text-decoration: none;
}
