/*------------------------------------共通パーツ------------------------------------*/
/*タイトルフォント変更*/
/* @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
h1, h2, h3, h4, h5{
  font-family: 'M PLUS Rounded 1c', sans-serif;
} */
/*フォントカラー*/
body, ul, ol, td, th, p, ul, ol, li,
p.phrase.phrase-secondary,
.content .contactTable .contactTable__header,
.content .outline__link {
  color:#555;
}
/*プライマリボタンのカスタマイズ*/
.content .btn__link-primary {
  width: 100%;
}

/*セカンダリボタンのカスタマイズ*/
.content .btn__link-secondary {
}

/*ノーマルボタンのカスタマイズ*/
.content .btn__link-normal {
}

/*------------------------------------ヘッダー------------------------------------*/
/*グローバルメニュー*/
@media screen and (min-width:992px) {
  .globalNavi__list{
    margin: 20px 0 0 0;
  }
}
.globalNavi__list li a{
	padding: 5px 0;
}
@media screen and (max-width: 992px) {
  .globalNavi__list li a{
    padding: 0;
  }
}
.globalNavi__list .current_page_item > a, 
.globalNavi__list .current-menu-item > a, 
.globalNavi__list .current-menu-parent > a,
.globalNavi__list .page_item a:hover,
.globalNavi__list .menu-item a:hover {
  border-bottom:2px solid #55A6CB; 
  color:#55A6CB;
}
/* ハンバーガーメニューの背景色変更 */
.menuBtn__link:hover{
	background:#DDD;
	color:#FFF;
}

/*------------------------------------フッター------------------------------------*/
/* フッターエリアの背景色 */
.l-footer .bottomFooter {
  background: #1878A3;
 }
/* フッターエリアのコピーライトの文字色 */
 .bottomFooter__copyright{
  color:#fff;
 }
/* フッターSNSボタン */
 .snsFooter__link{
   font-size: 200%;
   margin: 0 20px;
   color:#fff;
 }
/* ページの先頭へボタン */
 #bottomFooter__topBtn{
   background: #1878A3;
 }
 #bottomFooter__topBtn:hover{
   background: #55A6CB;
 }
 /* フッター下付 */
 body{
   min-height: 100vh;
   position: relative;
   padding-bottom: 266px; /* ←フッターの高さを指定 */
   box-sizing: border-box;
 }
 .l-footer{
   position: absolute;
   bottom: 0;
 }
 @media screen and (max-width: 992px) {
  body{
    padding-bottom: 223px; /* ←フッターの高さを指定 */
  }
}
 @media screen and (max-width: 768px) {
  body{
    padding-bottom: 240px; /* ←フッターの高さを指定 */
  }
}
 @media screen and (max-width: 480px) {
  .snsFooter__link{
    margin: 0 10px;
  }
  /* フッターメニュー縦並び */
  .bottomFooter__list li {
    margin-bottom: 20px;
    display: block;
    text-align: left;
  }
  body{
    position: static;
    padding-bottom: 0; /* ←フッターの高さを指定 */
  }
  .l-footer{
    position: static;
  }
}

/*------------------------------------トップページ------------------------------------*/
/*カルーセル背景*/
.swiper-wrapper-bg{
  width: 100%;
  padding: 10px 0;
  background: rgb(85, 166, 203,0.1);
}
/*ピックアップ*/
.pickup3,
.pickup3 > .container,
.pickup3__item{
  width: 100%;
	padding:0;
  margin: 0;
}
.heading-pickup3{
	font-size:1.8rem;
  padding: 10px 20px 20px 20px;
}


/*------------------------------------投稿ページ------------------------------------*/
/* この記事は約何分で読めます。 */
.countdown{
  padding: 15px;
  margin-bottom: 50px;
  border: solid 2px #55A6CB;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
}

/* タグ管理の外部リンクボタンの色 */
.afTagBox__btnList > a.afTagBox__btnAf{
  background: #76C8B6;
}

/* こんな方におすすめです！ */
.content .reco_balloon_box{
  padding: 20px 20px 20px 80px;
  border-radius: 10px 10px 10px 10px;
  color: #fff;
  background: #55A6CB url(img/icon_reco_w.png) no-repeat;
  background-position: 20px center;
  background-size: 50px auto;
  font-size: 150%;
  font-weight: bold;
}
.content .reco_balloon_box:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 7%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #55A6CB;
}
.content .reco_txt_box{
  padding: 20px 20px 20px 80px;
  border-radius: 10px 10px 10px 10px;
  border: solid #55A6CB 2px;
  background: url(img/icon_reco_b.png) no-repeat;
  background-position: 20px 20px;
  background-size: 50px auto;
}
.content .pro_box{
  padding: 20px 20px 20px 80px;
  border-radius: 10px 10px 10px 10px;
  border: solid #55A6CB 2px;
  background: #E8F8FF url(img/icon_pro.png) no-repeat;
  background-position: 20px 20px;
  background-size: 50px auto;
  font-size: 150%;
  font-weight: bold;
  color: #55A6CB;
}
.content .pro_box .pro_txt{
  padding: 0px;
  margin: 10px 0 0 0;
  font-size: 66%;
  font-weight: normal;
  color: #555;
  background: none;
}
.content .title_txt_box{
  padding: 0 10px;
  background: #55A6CB;
  font-size: 120%;
  color: #fff;
}
/* 目次　枠の幅を100% */
.content .outline {
  width: 100%;
}
/* 目次　番号部分　インデント */
.content .outline__item { margin-left: 30px;}
.content .outline__number{ margin-left: -30px;}
.content li ul li{
  padding-left:0em;
}
.content .outline__number{
  width:1.8em;
  height:1.8em;
  padding:0;
  line-height:1.8em;
  text-align:center;
  background:#55A6CB;
  color:#ffffff;
}
.content li ul li .outline__number{
  font-weight:bold;
  background:transparent;
  color:#55A6CB;
  width:auto;
}

/*------------------------------------固定ページ------------------------------------*/
/* タイトル H1 */
.page-title {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.page-title:before {
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 5px solid #ddd;
}
.page-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 35%;
  border-bottom: 5px solid #55A6CB;
}
/* タイトル H2〜H5 */
.pageContents .partsH2-24 h2,
.pageContents .partsH3-25 h3,
.pageContents .partsH4-21 h4,
.pageContents .partsH5-1 h5{
  padding: 0px;
  background: none;
	border-left: none;
	border-bottom: none;
}
.pageContents .partsH3-25 h3:before ,
.pageContents .partsH3-25 h3:after {
  content: none;
}
/* お問い合わせ送信のリンクボタン色 */
.btn-center button.btn__link-primary{
  width: 30%;
  background: #55A6CB;
}
@media screen and (max-width: 768px) {
  .btn-center button.btn__link-primary{
    width: 100%;
  }
}
/* 運営会社 */
.company_list{
	border-top: 1px dashed #555;
}
.company_list dt{
	padding: 30px 10px;
  margin: 0;
  color: #55A6CB;
	float:left;
	font-weight: bold;
  background: none;
}
.company_list dd{
	padding:30px 10px 30px 8em;
  border: none;
	border-bottom: 1px dashed #555;
}
@media screen and (max-width: 768px) {
  .company_list dt{
    padding: 10px 10px 0;
    float:none;
  }
  .company_list dd{
    padding: 0 10px 10px;
  }
}
/* リストタグ背景　直接クラス追加　プライバシーポリシー */
.content ol.list_bg{
  padding: 20px;
  background: #F2F2F2;
}
.content ol>li:before {
    background: none;
}