@charset "utf-8";

body {
  padding: 0 !important;
}

html {
  /*
  font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  */
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif !important;
}
body {
  /*
  font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  */
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif !important;
}
* {
  /*
  font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  */
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif !important;
  letter-spacing: 0.1rem;
}
*:focus {
  outline: none !important;
}
a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}
.font-noto-g {
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif !important;
}

.font-noto-m {
  font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

.container-fluid {
  width: 100%;
  max-width: 100vw !important;
}
.container {
  width: 100%;
  max-width: 1440px !important;
}

/*
------------------------------
トップ
------------------------------
*/

/*
------------------------------
ヘッダー
------------------------------
*/

/*
------------------------------
記事部
メインカラー：#47bcc6
------------------------------
*/
main {
  position: relative;
}
section.tomo {
  background: #c9caca;
  padding-top: 30px;
  padding-bottom: 30px;
}
#read-end {
  display: none !important;
}
.underline {
  border-bottom: 1px solid #212121;
  padding-bottom: 2px;
}
.thead-origin {
  background: #47bcc6;
}
.btn-platform {
  border-radius: 30px !important;
}
.top__title {
  /*
  font-size: clamp(1.5rem, 1.214rem + 1.43vw, 2.5rem);
  */
  font-size: 1.35rem;
  font-weight: 700;
  position: relative;
  margin: 15px auto;
}
@media (min-width: 768px) {
  .top__title {
    /*
    font-size: clamp(1.5rem, 1.214rem + 1.43vw, 2.5rem);
    */
    font-size: 2.5rem;
    font-weight: 700;
    position: relative;
    margin: 45px auto;
  }
}
.content__title-main {
  border-left: 10px solid #47bcc6;
  color: #47bcc6;
  padding-left: 1.25rem;
  margin: 15px auto;
  font-size: 1.35rem;
  font-weight: 700;
  position: relative;
}
@media (min-width: 768px) {
  .content__title-main {
    border-left: 10px solid #47bcc6;
    color: #47bcc6;
    padding-left: 1.5rem;
    margin: 15px auto;
    /*
    font-size: clamp(1.5rem, 1.357rem + 0.71vw, 2rem);
    */
    font-size: 2rem;
    font-weight: 700;
    position: relative;
  }
}

.content__title-main-tomo {
  padding: 5px 15px;
  margin: 15px auto;
  font-size: 1.35rem;
  font-weight: 700;
  position: relative;
  background: #ffffff;
}
@media (min-width: 768px) {
  .content__title-main-tomo {
    padding: 5px 15px;
    margin: 15px auto;
    /*
    font-size: clamp(1.5rem, 1.357rem + 0.71vw, 2rem);
    */
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    background: #ffffff;
  }
}

.content__item__title {
  margin: 30px 0 15px 0;
  font-weight: 700;
  font-size: 1.15rem;
}
@media (min-width: 768px) {
  .content__item__title {
    margin: 30px 0 15px 0;
    font-weight: 700;
    font-size: 1.5rem;
    /*
    font-size: clamp(1.125rem, 1.018rem + 0.54vw, 1.5rem);
    */
  }
}

.content__item__title-tomo {
  padding: 5px 15px;
  margin: 15px auto;
  font-size: 1.15rem;
  font-weight: 700;
  position: relative;
  background: #ffffff;
}
@media (min-width: 768px) {
  .content__item__title-tomo {
    padding: 5px 15px;
    margin: 15px auto;
    font-size: 1.5rem;
    /*
    font-size: clamp(1.125rem, 1.018rem + 0.54vw, 1.5rem);
    */
    font-weight: 700;
    position: relative;
    background: #ffffff;
  }
}

.content__item__article {
  font-size: 0.875rem;
  line-height: 175%;
}
@media (min-width: 768px) {
  .content__item__article {
    /*
    font-size: clamp(0.875rem, 0.804rem + 0.36vw, 1.125rem);
    */
    font-size: 1.125rem;
    line-height: 200%;
}
}
.content__item__article li {
  list-style: disc;
  margin: 0.5rem 0 0.5rem 1.5rem;
}
.content__item__article-caution li {
  list-style: disc;
  margin: 0.5rem 0;
  font-weight: 700;
  color: #c30d23;
}

.content__item__article__title {
  font-weight: 700;
  /*
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  */
  font-size: 1.0rem;
  background: #c9caca;
  border-radius: 30px;
  padding: 5px 30px;
  margin: 15px auto;
}
@media (min-width: 768px) {
  .content__item__article__title {
    font-weight: 700;
    font-size: 1.15rem;
    /*
    font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
    */
    background: #c9caca;
    border-radius: 30px;
    padding: 5px 30px;
    margin: 15px auto;
  }
}
.content__item__caution {
  border: 6px solid #47bcc6;
  border-radius: 30px;
  margin: 1.5rem 0;
  padding: 10px 15px;
}
@media (min-width: 768px) {
  .content__item__caution {
    border: 6px solid #47bcc6;
    border-radius: 30px;
    margin: 1.5rem 0;
    padding: 15px 30px;
  }
}
.content__item__caution__title {
  margin: 15px auto;
  font-weight: 700;
  font-size: 1.15rem;
}
@media (min-width: 768px) {
  .content__item__caution__title {
    margin: 15px auto;
    font-weight: 700;
    font-size: 1.5rem;
    /*
    font-size: clamp(1.125rem, 1.018rem + 0.54vw, 1.5rem);
    */
  }
}
.content__item__caution__article {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 6px solid #47bcc6;
}

/*
------------------------------
トップへ戻る
------------------------------
*/
.page-top-image {
  width: 45px;
}
#page_top {
  display: none;
  position: fixed;
  bottom: 1.25rem;
  right: 0.75rem;
}

/*
------------------------------
フッター
------------------------------
*/
footer {
  background: #212121;
  color: #ffffff;
  font-weight: bold;
}