@charset 'utf-8';

/*スマホ*/
.toggle_contents { padding:0;}
.toggle_title .div_torihiki { width:90%; margin:0 0 0 5%; text-align:left; font-size:15px; font-weight:500; letter-spacing:0.1em; position:relative; padding:15px 0;}
.toggle_title .div_torihiki span { font-weight:600; transition: 0.3s;}

.toggle_title .div_torihiki strong { font-size:37px; margin:0 10px; }
.toggle_txt { display: block; width:95%; margin:0 auto; }
.toggle_title.no_arrow::after { background: url();}
.ul_result { display:flex; margin:10px 0;flex-wrap:wrap; }
@media screen and (min-width:960px) {
  .ul_result { margin-bottom:20px; }
}
.toggle_contents_wrap { margin-bottom:50px; }
.contents { margin-bottom:0; }

.title .title_in .pagetitle{font-size:20px; font-weight:bold; }
@media screen and (min-width:960px) {
  .title .title_in .pagetitle{font-size:26px; font-weight:bold; }
}

/*タブレット*/
@media screen and (min-width:600px) {
  .toggle_contents_wrap { width:90%; margin:0 auto;}
  .toggle_title .div_torihiki { text-align:center; font-size:17px; }
  }


/*PC*/
  @media screen and (min-width:960px) {
  .ul_result li { width: calc(100% / 3);}
  .contents { margin-bottom:50px; }
}

.toggle_title:after { top:30px; }


/*文字に下線*/
.toggle_title .div_torihiki .sp_kasen {
  width: auto;
  display: inline-block; /* 必要に応じて追加 */
  position: relative; /* 必要に応じて追加 */
  z-index:1;

}

.toggle_title .div_torihiki .sp_kasen::after {
  content: "";
  position: absolute;
  bottom:0;
  left: 0;
  width: 100%;
  height:9px; /* text-decoration-thicknessと同じ値に設定 */
  background-color: #DBDBDB; /* text-decoration-colorと同じ色に設定 */
  z-index:-1;
}
.toggle_title .div_torihiki .sp_kasen strong { font-size:37px; font-weight:bold; }


.toggle_contents a:hover { opacity:0.7; }
.toggle_title {  transition: 0.3ms;}
.toggle_title:after {
  content: "";
  display: inline-block;
  width:15px;
  background: url('../img/icon_arrow_black.svg') no-repeat center center;
  /* 中央に配置 */
  position: absolute;
  top: 15px;
  right: 3%;
  transition: right 0.3s ease;
}
.toggle_title:hover:after {
  right: 2%; 
  transition: 0.3ms;
}

.ul_result li { margin-bottom:5px; }
.a_back { width:100%; text-align:right; display:inline-block; }
.a_back:hover { text-decoration:underline; }