@charset "UTF-8";
/* CSS Document */

.pc {
  display: none
}

.sp {
  display: block
}

#contents {
  max-width: inherit;
}

@media screen and (min-width: 751px) {
  .pc {
    display: block
  }

  .sp {
    display: none
  }

  .hover {
    transition: all 0.3s;
  }

  .hover:hover {
    opacity: .7;
  }
}



/* ここからarchivesのCSS */

/* archivesのカラーリング */
:root {
  --category_01_primary: #4682B4;
  --category_01_secondary: #EDF3F8;
  --category_02_primary: #E56764;
  --category_02_secondary: #fff1f1;
  --category_03_primary: #54A884;
  --category_03_secondary: #F0F7F4;
  --category_04_primary: #9D67BF;
  --category_04_secondary: #FCF8FF;
  --category_05_primary: #e77a21;
  --category_05_secondary: #fff7e8;
  --category_06_primary: #147bb7;
  --category_06_secondary: #e9f2f8;
  --category_07_primary: #5b48ae;
  --category_07_secondary: #f0edf7;
  --category_08_primary: #31a0ac;
  --category_08_secondary: #e4f3f2;
  --category_09_primary: #6ab538;
  --category_09_secondary: #edf4e5;
  --category_10_primary: #a86954;
  --category_10_secondary: #f4e7e2;
  --category_11_primary: #499c9f;
  --category_11_secondary: #deeef1;
  --category_12_primary: #56823e;
  --category_12_secondary: #e6eee0;
  --category_13_primary: #3a8956;
  --category_13_secondary: #e7f6ec;
  --category_14_primary: #008eca;
  --category_14_secondary: #ebf4f7;
  --category_15_primary: #735e3b;
  --category_15_secondary: #f3eee4;
  --category_16_primary: #645c91;
  --category_16_secondary: #eeecf9;
  --category_17_primary: #3f5cab;
  --category_17_secondary: #f0f3fb;
  --category_18_primary: #3CB371;
  --category_18_secondary: #effaf4;
  --category_19_primary: #4caec6;
  --category_19_secondary: #e6f3f6;
}

.archives {
  padding: 0;
}

@media screen and (min-width: 751px) {
  .archives {
    padding: 0 0 96px 0;
  }
}

/* mv */

.mv {
  position: relative;
  width: 100%;
  height: 336px;
  margin-top: -20px;
}

#tokyotower .mv {
  background-color: var(--category_01_primary);
}

#sensoji .mv {
  background-color: var(--category_02_primary);
}

#asobiba .mv {
  background-color: var(--category_03_primary);
}

#shitunai .mv {
  background-color: var(--category_04_primary);
}

#goshuin .mv {
  background-color: var(--category_05_primary);
}

#fujisan .mv {
  background-color: var(--category_06_primary);
}

#tokyoyakei .mv {
  background-color: var(--category_07_primary);
}

#harukas .mv {
  background-color: var(--category_08_primary);
}

#shinryoku .mv {
  background-color: var(--category_09_primary);
}

#arashiyama .mv {
  background-color: var(--category_10_primary);
}

#aomomiji .mv {
  background-color: var(--category_11_primary);
}

#kokedera .mv {
  background-color: var(--category_12_primary);
}



#category_01 .mv {
  background-color: var(--category_01_primary);
}

#category_02 .mv {
  background-color: var(--category_02_primary);
}

#category_03 .mv {
  background-color: var(--category_03_primary);
}

#category_04 .mv {
  background-color: var(--category_04_primary);
}

#category_05 .mv {
  background-color: var(--category_05_primary);
}

#category_06 .mv {
  background-color: var(--category_06_primary);
}

#category_07 .mv {
  background-color: var(--category_07_primary);
}

#category_08 .mv {
  background-color: var(--category_08_primary);
}

#category_09 .mv {
  background-color: var(--category_09_primary);
}

#category_10 .mv {
  background-color: var(--category_10_primary);
}

#category_11 .mv {
  background-color: var(--category_11_primary);
}

#category_12 .mv {
  background-color: var(--category_12_primary);
}

#category_13 .mv {
  background-color: var(--category_13_primary);
}

#category_14 .mv {
  background-color: var(--category_14_primary);
}

#category_15 .mv {
  background-color: var(--category_15_primary);
}

#category_16 .mv {
  background-color: var(--category_16_primary);
}

#category_17 .mv {
  background-color: var(--category_17_primary);
}

#category_18 .mv {
  background-color: var(--category_18_primary);
}

#category_19 .mv {
  background-color: var(--category_19_primary);
}

.mv::before {
  content: '';
  position: absolute;
  background-image: url("/plan/images/img_bg_worn_dots.webp");
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
  mix-blend-mode: color-burn;
  opacity: 1;
  background-size: 30%;
}

.mv_ttl {
  position: absolute;
  z-index: 1;
  bottom: 9%;
  left: 0;
  color: #fff;
  font-weight: bold;
  font-feature-settings: "palt"
}

.mv_ttl span {
  display: inline-block;
  font-size: 18px;
  padding: .15em .6em;
  background-color: #fff;
  border-radius: 0 8px 8px 0;
}

.mv_ttl span:nth-child(n+2) {
  margin-top: .2em;
}

#tokyotower .mv_ttl span {
  color: var(--category_01_primary);
}

#sensoji .mv_ttl span {
  color: var(--category_02_primary);
}

#asobiba .mv_ttl span {
  color: var(--category_03_primary);
}

#shitunai .mv_ttl span {
  color: var(--category_04_primary);
}

#goshuin .mv_ttl span {
  color: var(--category_05_primary);
}

#fujisan .mv_ttl span {
  color: var(--category_06_primary);
}

#tokyoyakei .mv_ttl span {
  color: var(--category_07_primary);
}

#harukas .mv_ttl span {
  color: var(--category_08_primary);
}

#shinryoku .mv_ttl span {
  color: var(--category_09_primary);
}

#arashiyama .mv_ttl span {
  color: var(--category_10_primary);
}

#aomomiji .mv_ttl span {
  color: var(--category_11_primary);
}

#kokedera .mv_ttl span {
  color: var(--category_12_primary);
}

#category_01 .mv_ttl span {
  color: var(--category_01_primary);
}

#category_02 .mv_ttl span {
  color: var(--category_02_primary);
}

#category_03 .mv_ttl span {
  color: var(--category_03_primary);
}

#category_04 .mv_ttl span {
  color: var(--category_04_primary);
}

#category_05 .mv_ttl span {
  color: var(--category_05_primary);
}

#category_06 .mv_ttl span {
  color: var(--category_06_primary);
}

#category_07 .mv_ttl span {
  color: var(--category_07_primary);
}

#category_08 .mv_ttl span {
  color: var(--category_08_primary);
}

#category_09 .mv_ttl span {
  color: var(--category_09_primary);
}

#category_10 .mv_ttl span {
  color: var(--category_10_primary);
}

#category_11 .mv_ttl span {
  color: var(--category_11_primary);
}

#category_12 .mv_ttl span {
  color: var(--category_12_primary);
}

#category_13 .mv_ttl span {
  color: var(--category_13_primary);
}

#category_14 .mv_ttl span {
  color: var(--category_14_primary);
}

#category_15 .mv_ttl span {
  color: var(--category_15_primary);
}

#category_16 .mv_ttl span {
  color: var(--category_16_primary);
}

#category_17 .mv_ttl span {
  color: var(--category_17_primary);
}

#category_18 .mv_ttl span {
  color: var(--category_18_primary);
}

#category_19 .mv_ttl span {
  color: var(--category_19_primary);
}

.mv_img {
  position: absolute;
  top: 24px;
  right: 0;
  width: 90%;
  height: 204px;
}

.mv_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 0 0 8px;
}
.tag {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.tag span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 2px 10px;
  height: 26px;
  border: solid 1px #fff;
  border-radius: 50px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: bold;
}

.tag span+span {
  margin: 0 0 0 .3em;
}

.mv_date {
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: #fff;
  font-size: 12px;
}

@media screen and (min-width: 751px) {
  .mv {
    max-width: 1040px;
    width: 96%;
    height: 376px;
    margin: 0 auto;
    border-radius: 16px;
  }

  .mv::before {
    background-size: 20%;
  }

  .mv_ttl {
    font-size: initial;
    margin: 0;
    top: 50%;
    bottom: initial;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
  }

  .mv_ttl span {
    font-size: 26px;
  }

  .mv_img {
    top: 0;
    width: 560px;
    height: 336px;
  }

  .mv_img img {
    border-radius: 0 8px 0 8px;
  }

  .tag {
    bottom: 16px;
    left: 16px;
    padding: 6px 14px;
    height: 32px;
    font-size: 14px;
  }

  .mv_date {
    font-size: 14px;
    text-shadow: 0 0 3px #000000;
  }

}

@media screen and (min-width: 1024px) {

  .mv_ttl span {
    font-size: 40px;
  }
}

/* 目次 */
.contents_list {
  max-width: 1040px;
  margin: 0 auto;
  padding: 32px 0;
  background-color: #F6F3ED;
}

.contents_list a {
  position: relative;
  padding: 0 20px 0 0;
  text-decoration: none;
  transition: all 0.3s;
}

.contents_list a:hover {
  opacity: .7;
}

.contents_list a::after {
  display: none;
}

@media screen and (min-width: 1024px) {
  .contents_list a::after {
    content: "";
    position: absolute;
    top: 24%;
    right: 0;
    border: 6px solid transparent;
    border-top: 7px solid #ccc;
    display: block;
  }
}

.contents_list_heading {
  display: block;
  position: relative;
  padding: 0 2.5em;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 160px;
  margin: 0 auto;
}

#tokyotower .contents_list_heading {
  color: var(--category_01_primary);
}

#sensoji .contents_list_heading {
  color: var(--category_02_primary);
}

#asobiba .contents_list_heading {
  color: var(--category_03_primary);
}

#shitunai .contents_list_heading {
  color: var(--category_04_primary);
}

#goshuin .contents_list_heading {
  color: var(--category_05_primary);
}

#fujisan .contents_list_heading {
  color: var(--category_06_primary);
}

#tokyoyakei .contents_list_heading {
  color: var(--category_07_primary);
}

#harukas .contents_list_heading {
  color: var(--category_08_primary);
}

#shinryoku .contents_list_heading {
  color: var(--category_09_primary);
}

#arashiyama .contents_list_heading {
  color: var(--category_10_primary);
}

#aomomiji .contents_list_heading {
  color: var(--category_11_primary);
}

#kokedera .contents_list_heading {
  color: var(--category_12_primary);
}



#category_01 .contents_list_heading {
  color: var(--category_01_primary);
}

#category_02 .contents_list_heading {
  color: var(--category_02_primary);
}

#category_03 .contents_list_heading {
  color: var(--category_03_primary);
}

#category_04 .contents_list_heading {
  color: var(--category_04_primary);
}

#category_05 .contents_list_heading {
  color: var(--category_05_primary);
}

#category_06 .contents_list_heading {
  color: var(--category_06_primary);
}

#category_07 .contents_list_heading {
  color: var(--category_07_primary);
}

#category_08 .contents_list_heading {
  color: var(--category_08_primary);
}

#category_09 .contents_list_heading {
  color: var(--category_09_primary);
}

#category_10 .contents_list_heading {
  color: var(--category_10_primary);
}

#category_11 .contents_list_heading {
  color: var(--category_11_primary);
}

#category_12 .contents_list_heading {
  color: var(--category_12_primary);
}

#category_13 .contents_list_heading {
  color: var(--category_13_primary);
}

#category_14 .contents_list_heading {
  color: var(--category_14_primary);
}

#category_15 .contents_list_heading {
  color: var(--category_15_primary);
}

#category_16 .contents_list_heading {
  color: var(--category_16_primary);
}

#category_17 .contents_list_heading {
  color: var(--category_17_primary);
}

#category_18 .contents_list_heading {
  color: var(--category_18_primary);
}

#category_19 .contents_list_heading {
  color: var(--category_19_primary);
}

.contents_list_heading::before,
.contents_list_heading::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 45px;
  height: 1px;
  background-color: #004EA2;
}

#tokyotower .contents_list_heading::before,
#tokyotower .contents_list_heading::after {
  background-color: var(--category_01_primary);
}

#sensoji .contents_list_heading::before,
#sensoji .contents_list_heading::after {
  background-color: var(--category_02_primary);
}

#asobiba .contents_list_heading::before,
#asobiba .contents_list_heading::after {
  background-color: var(--category_03_primary);
}

#shitunai .contents_list_heading::before,
#shitunai .contents_list_heading::after {
  background-color: var(--category_04_primary);
}

#goshuin .contents_list_heading::before,
#goshuin .contents_list_heading::after {
  background-color: var(--category_05_primary);
}

#fujisan .contents_list_heading::before,
#fujisan .contents_list_heading::after {
  background-color: var(--category_06_primary);
}

#tokyoyakei .contents_list_heading::before,
#tokyoyakei .contents_list_heading::after {
  background-color: var(--category_07_primary);
}

#harukas .contents_list_heading::before,
#harukas .contents_list_heading::after {
  background-color: var(--category_08_primary);
}

#shinryoku .contents_list_heading::before,
#shinryoku .contents_list_heading::after {
  background-color: var(--category_09_primary);
}

#arashiyama .contents_list_heading::before,
#arashiyama .contents_list_heading::after {
  background-color: var(--category_10_primary);
}

#aomomiji .contents_list_heading::before,
#aomomiji .contents_list_heading::after {
  background-color: var(--category_11_primary);
}

#kokedera .contents_list_heading::before,
#kokedera .contents_list_heading::after {
  background-color: var(--category_12_primary);
}





#category_01 .contents_list_heading::before,
#category_01 .contents_list_heading::after {
  background-color: var(--category_01_primary);
}

#category_02 .contents_list_heading::before,
#category_02 .contents_list_heading::after {
  background-color: var(--category_02_primary);
}

#category_03 .contents_list_heading::before,
#category_03 .contents_list_heading::after {
  background-color: var(--category_03_primary);
}

#category_04 .contents_list_heading::before,
#category_04 .contents_list_heading::after {
  background-color: var(--category_04_primary);
}

#category_05 .contents_list_heading::before,
#category_05 .contents_list_heading::after {
  background-color: var(--category_05_primary);
}

#category_06 .contents_list_heading::before,
#category_06 .contents_list_heading::after {
  background-color: var(--category_06_primary);
}

#category_07 .contents_list_heading::before,
#category_07 .contents_list_heading::after {
  background-color: var(--category_07_primary);
}

#category_08 .contents_list_heading::before,
#category_08 .contents_list_heading::after {
  background-color: var(--category_08_primary);
}

#category_09 .contents_list_heading::before,
#category_09 .contents_list_heading::after {
  background-color: var(--category_09_primary);
}

#category_10 .contents_list_heading::before,
#category_10 .contents_list_heading::after {
  background-color: var(--category_10_primary);
}

#category_11 .contents_list_heading::before,
#category_11 .contents_list_heading::after {
  background-color: var(--category_11_primary);
}

#category_12 .contents_list_heading::before,
#category_12 .contents_list_heading::after {
  background-color: var(--category_12_primary);
}

#category_13 .contents_list_heading::before,
#category_13 .contents_list_heading::after {
  background-color: var(--category_13_primary);
}

#category_14 .contents_list_heading::before,
#category_14 .contents_list_heading::after {
  background-color: var(--category_14_primary);
}

#category_15 .contents_list_heading::before,
#category_15 .contents_list_heading::after {
  background-color: var(--category_15_primary);
}

#category_16 .contents_list_heading::before,
#category_16 .contents_list_heading::after {
  background-color: var(--category_16_primary);
}

#category_17 .contents_list_heading::before,
#category_17 .contents_list_heading::after {
  background-color: var(--category_17_primary);
}

#category_18 .contents_list_heading::before,
#category_18 .contents_list_heading::after {
  background-color: var(--category_18_primary);
}

#category_19 .contents_list_heading::before,
#category_19 .contents_list_heading::after {
  background-color: var(--category_19_primary);
}

.contents_list_heading::before {
  left: 0;
}

.contents_list_heading::after {
  right: 0;
}

.contents_list .toc_h2 {
  text-decoration: none;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  margin: 24px 0 0;
  padding-left: 1em;
  text-indent: -1em;
}

.contents_list .toc_h2 a {
  transition: all 0.3s;
}

#tokyotower .toc_h2 a {
  color: var(--category_01_primary);
}

#sensoji .toc_h2 a {
  color: var(--category_02_primary);
}

#asobiba .toc_h2 a {
  color: var(--category_03_primary);
}

#shitunai .toc_h2 a {
  color: var(--category_04_primary);
}

#goshuin .toc_h2 a {
  color: var(--category_05_primary);
}

#fujisan .toc_h2 a {
  color: var(--category_06_primary);
}

#tokyoyakei .toc_h2 a {
  color: var(--category_07_primary);
}

#harukas .toc_h2 a {
  color: var(--category_08_primary);
}

#shinryoku .toc_h2 a {
  color: var(--category_09_primary);
}

#arashiyama .toc_h2 a {
  color: var(--category_10_primary);
}

#aomomiji .toc_h2 a {
  color: var(--category_11_primary);
}

#kokedera .toc_h2 a {
  color: var(--category_12_primary);
}





#category_01 .toc_h2 a {
  color: var(--category_01_primary);
}

#category_02 .toc_h2 a {
  color: var(--category_02_primary);
}

#category_03 .toc_h2 a {
  color: var(--category_03_primary);
}

#category_04 .toc_h2 a {
  color: var(--category_04_primary);
}

#category_05 .toc_h2 a {
  color: var(--category_05_primary);
}

#category_06 .toc_h2 a {
  color: var(--category_06_primary);
}

#category_07 .toc_h2 a {
  color: var(--category_07_primary);
}

#category_08 .toc_h2 a {
  color: var(--category_08_primary);
}

#category_09 .toc_h2 a {
  color: var(--category_09_primary);
}

#category_10 .toc_h2 a {
  color: var(--category_10_primary);
}

#category_11 .toc_h2 a {
  color: var(--category_11_primary);
}

#category_12 .toc_h2 a {
  color: var(--category_12_primary);
}


#category_13 .toc_h2 a {
  color: var(--category_13_primary);
}

#category_14 .toc_h2 a {
  color: var(--category_14_primary);
}

#category_15 .toc_h2 a {
  color: var(--category_15_primary);
}

#category_16 .toc_h2 a {
  color: var(--category_16_primary);
}

#category_17 .toc_h2 a {
  color: var(--category_17_primary);
}

#category_18 .toc_h2 a {
  color: var(--category_18_primary);
}

#category_19 .toc_h2 a {
  color: var(--category_19_primary);
}



.contents_list .toc_h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 8px 0 0;
  padding-left: 1.1em;
}

.contents_list .toc_h3 a {
  color: #333;
  transition: all 0.3s;
  font-feature-settings: "palt"
}

@media screen and (min-width: 751px) {
  .contents_list {
    max-width: 800px;
    margin: 48px auto 0;
    padding: 48px 28px;
    border-radius: 16px;
  }

  .contents_list_heading {
    font-size: 24px;
    width: 176px;
  }

  .contents_list .toc_h2 {
    font-size: 20px;
    margin: 32px 0 0;
  }

  .contents_list .toc_h3 {
    font-size: 16px;
    margin: 8px 0 0;
    padding-left: 1.1em;
  }

  .contents_list .toc_h3 a {
    font-feature-settings: normal;
  }
}

/* イントロ */
.intro {
  margin: 40px 0 0;
  padding: 0 8px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.7;
}

@media screen and (min-width: 751px) {
  .intro {
    max-width: 800px;
    margin: 64px auto 0;
    padding: 0 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
  }
}


/* 記事 */
article {
  margin: 0 auto;
  padding: 48px 0 0 0;
}

.article_heading {
  padding: .5em .7em;
  font-size: 21px;
  font-weight: bold;
  text-align: left;
  border-radius: 0 8px 8px 0;
  margin: 16px 0 0;
}

#tokyotower .article_heading {
  border-left: 5px solid var(--category_01_primary);
  background-color: var(--category_01_secondary);
  color: var(--category_01_primary);
}

#sensoji .article_heading {
  border-left: 5px solid var(--category_02_primary);
  background-color: var(--category_02_secondary);
  color: var(--category_02_primary);
}

#asobiba .article_heading {
  border-left: 5px solid var(--category_03_primary);
  background-color: var(--category_03_secondary);
  color: var(--category_03_primary);
}

#shitunai .article_heading {
  border-left: 5px solid var(--category_04_primary);
  background-color: var(--category_04_secondary);
  color: var(--category_04_primary);
}

#goshuin .article_heading {
  border-left: 5px solid var(--category_05_primary);
  background-color: var(--category_05_secondary);
  color: var(--category_05_primary);
}

#fujisan .article_heading {
  border-left: 5px solid var(--category_06_primary);
  background-color: var(--category_06_secondary);
  color: var(--category_06_primary);
}

#tokyoyakei .article_heading {
  border-left: 5px solid var(--category_07_primary);
  background-color: var(--category_07_secondary);
  color: var(--category_07_primary);
}

#harukas .article_heading {
  border-left: 5px solid var(--category_08_primary);
  background-color: var(--category_08_secondary);
  color: var(--category_08_primary);
}

#shinryoku .article_heading {
  border-left: 5px solid var(--category_09_primary);
  background-color: var(--category_09_secondary);
  color: var(--category_09_primary);
}

#arashiyama .article_heading {
  border-left: 5px solid var(--category_10_primary);
  background-color: var(--category_10_secondary);
  color: var(--category_10_primary);
}

#aomomiji .article_heading {
  border-left: 5px solid var(--category_11_primary);
  background-color: var(--category_11_secondary);
  color: var(--category_11_primary);
}

#kokedera .article_heading {
  border-left: 5px solid var(--category_12_primary);
  background-color: var(--category_12_secondary);
  color: var(--category_12_primary);
}




#category_01 .article_heading {
  border-left: 5px solid var(--category_01_primary);
  background-color: var(--category_01_secondary);
  color: var(--category_01_primary);
}

#category_02 .article_heading {
  border-left: 5px solid var(--category_02_primary);
  background-color: var(--category_02_secondary);
  color: var(--category_02_primary);
}

#category_03 .article_heading {
  border-left: 5px solid var(--category_03_primary);
  background-color: var(--category_03_secondary);
  color: var(--category_03_primary);
}

#category_04 .article_heading {
  border-left: 5px solid var(--category_04_primary);
  background-color: var(--category_04_secondary);
  color: var(--category_04_primary);
}

#category_05 .article_heading {
  border-left: 5px solid var(--category_05_primary);
  background-color: var(--category_05_secondary);
  color: var(--category_05_primary);
}

#category_06 .article_heading {
  border-left: 5px solid var(--category_06_primary);
  background-color: var(--category_06_secondary);
  color: var(--category_06_primary);
}

#category_07 .article_heading {
  border-left: 5px solid var(--category_07_primary);
  background-color: var(--category_07_secondary);
  color: var(--category_07_primary);
}

#category_08 .article_heading {
  border-left: 5px solid var(--category_08_primary);
  background-color: var(--category_08_secondary);
  color: var(--category_08_primary);
}

#category_09 .article_heading {
  border-left: 5px solid var(--category_09_primary);
  background-color: var(--category_09_secondary);
  color: var(--category_09_primary);
}

#category_10 .article_heading {
  border-left: 5px solid var(--category_10_primary);
  background-color: var(--category_10_secondary);
  color: var(--category_10_primary);
}

#category_11 .article_heading {
  border-left: 5px solid var(--category_11_primary);
  background-color: var(--category_11_secondary);
  color: var(--category_11_primary);
}

#category_12 .article_heading {
  border-left: 5px solid var(--category_12_primary);
  background-color: var(--category_12_secondary);
  color: var(--category_12_primary);
}



#category_13 .article_heading {
  border-left: 5px solid var(--category_13_primary);
  background-color: var(--category_13_secondary);
  color: var(--category_13_primary);
}

#category_14 .article_heading {
  border-left: 5px solid var(--category_14_primary);
  background-color: var(--category_14_secondary);
  color: var(--category_14_primary);
}

#category_15 .article_heading {
  border-left: 5px solid var(--category_15_primary);
  background-color: var(--category_15_secondary);
  color: var(--category_15_primary);
}

#category_16 .article_heading {
  border-left: 5px solid var(--category_16_primary);
  background-color: var(--category_16_secondary);
  color: var(--category_16_primary);
}

#category_17 .article_heading {
  border-left: 5px solid var(--category_17_primary);
  background-color: var(--category_17_secondary);
  color: var(--category_17_primary);
}

#category_18 .article_heading {
  border-left: 5px solid var(--category_18_primary);
  background-color: var(--category_18_secondary);
  color: var(--category_18_primary);
}

#category_19 .article_heading {
  border-left: 5px solid var(--category_19_primary);
  background-color: var(--category_19_secondary);
  color: var(--category_19_primary);
}


.article_sub_heading {
  padding: .5em 0;
  font-size: 20px;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.3;
  text-align: left;
  margin: 0;
  border-bottom: 1px solid #333;
}

#tokyotower .article_sub_heading {
  color: var(--category_01_primary);
  border-bottom: 1px solid var(--category_01_primary);
}

#sensoji .article_sub_heading {
  color: var(--category_02_primary);
  border-bottom: 1px solid var(--category_02_primary);
}

#asobiba .article_sub_heading {
  color: var(--category_03_primary);
  border-bottom: 1px solid var(--category_03_primary);
}

#shitunai .article_sub_heading {
  color: var(--category_04_primary);
  border-bottom: 1px solid var(--category_04_primary);
}

#goshuin .article_sub_heading {
  color: var(--category_05_primary);
  border-bottom: 1px solid var(--category_05_primary);
}

#fujisan .article_sub_heading {
  color: var(--category_06_primary);
  border-bottom: 1px solid var(--category_06_primary);
}

#tokyoyakei .article_sub_heading {
  color: var(--category_07_primary);
  border-bottom: 1px solid var(--category_07_primary);
}

#harukas .article_sub_heading {
  color: var(--category_08_primary);
  border-bottom: 1px solid var(--category_08_primary);
}

#shinryoku .article_sub_heading {
  color: var(--category_09_primary);
  border-bottom: 1px solid var(--category_09_primary);
}

#arashiyama .article_sub_heading {
  color: var(--category_10_primary);
  border-bottom: 1px solid var(--category_10_primary);
}

#aomomiji .article_sub_heading {
  color: var(--category_11_primary);
  border-bottom: 1px solid var(--category_11_primary);
}

#kokedera .article_sub_heading {
  color: var(--category_12_primary);
  border-bottom: 1px solid var(--category_12_primary);
}



#category_01 .article_sub_heading {
  color: var(--category_01_primary);
  border-bottom: 1px solid var(--category_01_primary);
}

#category_02 .article_sub_heading {
  color: var(--category_02_primary);
  border-bottom: 1px solid var(--category_02_primary);
}

#category_03 .article_sub_heading {
  color: var(--category_03_primary);
  border-bottom: 1px solid var(--category_03_primary);
}

#category_04 .article_sub_heading {
  color: var(--category_04_primary);
  border-bottom: 1px solid var(--category_04_primary);
}

#category_05 .article_sub_heading {
  color: var(--category_05_primary);
  border-bottom: 1px solid var(--category_05_primary);
}

#category_06 .article_sub_heading {
  color: var(--category_06_primary);
  border-bottom: 1px solid var(--category_06_primary);
}

#category_07 .article_sub_heading {
  color: var(--category_07_primary);
  border-bottom: 1px solid var(--category_07_primary);
}

#category_08 .article_sub_heading {
  color: var(--category_08_primary);
  border-bottom: 1px solid var(--category_08_primary);
}

#category_09 .article_sub_heading {
  color: var(--category_09_primary);
  border-bottom: 1px solid var(--category_09_primary);
}

#category_10 .article_sub_heading {
  color: var(--category_10_primary);
  border-bottom: 1px solid var(--category_10_primary);
}

#category_11 .article_sub_heading {
  color: var(--category_11_primary);
  border-bottom: 1px solid var(--category_11_primary);
}

#category_12 .article_sub_heading {
  color: var(--category_12_primary);
  border-bottom: 1px solid var(--category_12_primary);
}

#category_13 .article_sub_heading {
  color: var(--category_13_primary);
  border-bottom: 1px solid var(--category_13_primary);
}

#category_14 .article_sub_heading {
  color: var(--category_14_primary);
  border-bottom: 1px solid var(--category_14_primary);
}

#category_15 .article_sub_heading {
  color: var(--category_15_primary);
  border-bottom: 1px solid var(--category_15_primary);
}

#category_16 .article_sub_heading {
  color: var(--category_16_primary);
  border-bottom: 1px solid var(--category_16_primary);
}

#category_17 .article_sub_heading {
  color: var(--category_17_primary);
  border-bottom: 1px solid var(--category_17_primary);
}

#category_18 .article_sub_heading {
  color: var(--category_18_primary);
  border-bottom: 1px solid var(--category_18_primary);
}

#category_19 .article_sub_heading {
  color: var(--category_19_primary);
  border-bottom: 1px solid var(--category_19_primary);
}



.article_sub_heading_small {
  padding: .5em 0;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}


.article_img {
  margin: 24px auto 0;
  max-width: 800px;
}

.article_txt {
  margin: 24px 0 0;
  font-size: 13px;
  line-height: 1.7;
}

.article_txt a {
  text-decoration: underline;
}

.note_txt {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.3;
}

.info {
  margin: 24px 0 0;
  padding: 16px;
  border-radius: 8px;
  text-align: center;
}

#tokyotower .info {
  background-color: var(--category_01_secondary);
}

#sensoji .info {
  background-color: var(--category_02_secondary);
}

#asobiba .info {
  background-color: var(--category_03_secondary);
}

#shitunai .info {
  background-color: var(--category_04_secondary);
}

#goshuin .info {
  background-color: var(--category_05_secondary);
}

#fujisan .info {
  background-color: var(--category_06_secondary);
}

#tokyoyakei .info {
  background-color: var(--category_07_secondary);
}

#harukas .info {
  background-color: var(--category_08_secondary);
}

#shinryoku .info {
  background-color: var(--category_09_secondary);
}

#arashiyama .info {
  background-color: var(--category_10_secondary);
}

#aomomiji .info {
  background-color: var(--category_11_secondary);
}

#kokedera .info {
  background-color: var(--category_12_secondary);
}



#category_01 .info {
  background-color: var(--category_01_secondary);
}

#category_02 .info {
  background-color: var(--category_02_secondary);
}

#category_03 .info {
  background-color: var(--category_03_secondary);
}

#category_04 .info {
  background-color: var(--category_04_secondary);
}

#category_05 .info {
  background-color: var(--category_05_secondary);
}

#category_06 .info {
  background-color: var(--category_06_secondary);
}

#category_07 .info {
  background-color: var(--category_07_secondary);
}

#category_08 .info {
  background-color: var(--category_08_secondary);
}

#category_09 .info {
  background-color: var(--category_09_secondary);
}

#category_10 .info {
  background-color: var(--category_10_secondary);
}

#category_11 .info {
  background-color: var(--category_11_secondary);
}

#category_12 .info {
  background-color: var(--category_12_secondary);
}

#category_13 .info {
  background-color: var(--category_13_secondary);
}

#category_14 .info {
  background-color: var(--category_14_secondary);
}

#category_15 .info {
  background-color: var(--category_15_secondary);
}

#category_16 .info {
  background-color: var(--category_16_secondary);
}

#category_17 .info {
  background-color: var(--category_17_secondary);
}

#category_18 .info {
  background-color: var(--category_18_secondary);
}

#category_19 .info {
  background-color: var(--category_19_secondary);
}


.info_heading {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}

.info dl {
  display: flex;
  margin-top: 4px;
}

.info dt {
  background-color: #fff;
  border: solid 1px #CCCCCC;
  padding: 0.1em 0.4em;
  border-radius: 4px;
  font-size: 10px;
  color: #333333;
  width: 72px;
  height: fit-content;
  text-align: center;
  margin-right: 6px;
}

.info dd {
  font-size: 11px;
  color: #333333;
  width: 100%;
}

.info_btn a {
  display: inline-block;
  position: relative;
  min-height: 32px;
  padding: 1em;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  border-radius: 8px;
  color: #fff;
  width: 100%;
  margin-top: 8px;
  text-decoration: none;
}

#tokyotower .info_btn a {
  background-color: var(--category_01_primary);
}

#sensoji .info_btn a {
  background-color: var(--category_02_primary);
}

#asobiba .info_btn a {
  background-color: var(--category_03_primary);
}

#shitunai .info_btn a {
  background-color: var(--category_04_primary);
}

#goshuin .info_btn a {
  background-color: var(--category_05_primary);
}

#fujisan .info_btn a {
  background-color: var(--category_06_primary);
}

#tokyoyakei .info_btn a {
  background-color: var(--category_07_primary);
}

#harukas .info_btn a {
  background-color: var(--category_08_primary);
}

#shinryoku .info_btn a {
  background-color: var(--category_09_primary);
}

#arashiyama .info_btn a {
  background-color: var(--category_10_primary);
}

#aomomiji .info_btn a {
  background-color: var(--category_11_primary);
}

#kokedera .info_btn a {
  background-color: var(--category_12_primary);
}


#category_01 .info_btn a {
  background-color: var(--category_01_primary);
}

#category_02 .info_btn a {
  background-color: var(--category_02_primary);
}

#category_03 .info_btn a {
  background-color: var(--category_03_primary);
}

#category_04 .info_btn a {
  background-color: var(--category_04_primary);
}

#category_05 .info_btn a {
  background-color: var(--category_05_primary);
}

#category_06 .info_btn a {
  background-color: var(--category_06_primary);
}

#category_07 .info_btn a {
  background-color: var(--category_07_primary);
}

#category_08 .info_btn a {
  background-color: var(--category_08_primary);
}

#category_09 .info_btn a {
  background-color: var(--category_09_primary);
}

#category_10 .info_btn a {
  background-color: var(--category_10_primary);
}

#category_11 .info_btn a {
  background-color: var(--category_11_primary);
}

#category_12 .info_btn a {
  background-color: var(--category_12_primary);
}

#category_13 .info_btn a {
  background-color: var(--category_13_primary);
}

#category_14 .info_btn a {
  background-color: var(--category_14_primary);
}

#category_15 .info_btn a {
  background-color: var(--category_15_primary);
}

#category_16 .info_btn a {
  background-color: var(--category_16_primary);
}

#category_17 .info_btn a {
  background-color: var(--category_17_primary);
}

#category_18 .info_btn a {
  background-color: var(--category_18_primary);
}

#category_19 .info_btn a {
  background-color: var(--category_19_primary);
}



.info_btn a::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  background: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
}

.info_btn a::after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%) rotate(45deg);
}

#tokyotower .info_btn a::after {
  border-top: 2px solid var(--category_01_primary);
  border-right: 2px solid var(--category_01_primary);
}

#sensoji .info_btn a::after {
  border-top: 2px solid var(--category_02_primary);
  border-right: 2px solid var(--category_02_primary);
}

#asobiba .info_btn a::after {
  border-top: 2px solid var(--category_03_primary);
  border-right: 2px solid var(--category_03_primary);
}

#shitunai .info_btn a::after {
  border-top: 2px solid var(--category_04_primary);
  border-right: 2px solid var(--category_04_primary);
}

#goshuin .info_btn a::after {
  border-top: 2px solid var(--category_05_primary);
  border-right: 2px solid var(--category_05_primary);
}

#fujisan .info_btn a::after {
  border-top: 2px solid var(--category_06_primary);
  border-right: 2px solid var(--category_06_primary);
}

#tokyoyakei .info_btn a::after {
  border-top: 2px solid var(--category_07_primary);
  border-right: 2px solid var(--category_07_primary);
}

#harukas .info_btn a::after {
  border-top: 2px solid var(--category_08_primary);
  border-right: 2px solid var(--category_08_primary);
}

#shinryoku .info_btn a::after {
  border-top: 2px solid var(--category_09_primary);
  border-right: 2px solid var(--category_09_primary);
}

#arashiyama .info_btn a::after {
  border-top: 2px solid var(--category_10_primary);
  border-right: 2px solid var(--category_10_primary);
}

#aomomiji .info_btn a::after {
  border-top: 2px solid var(--category_11_primary);
  border-right: 2px solid var(--category_11_primary);
}

#kokedera .info_btn a::after {
  border-top: 2px solid var(--category_12_primary);
  border-right: 2px solid var(--category_12_primary);
}



#category_01 .info_btn a::after {
  border-top: 2px solid var(--category_01_primary);
  border-right: 2px solid var(--category_01_primary);
}

#category_02 .info_btn a::after {
  border-top: 2px solid var(--category_02_primary);
  border-right: 2px solid var(--category_02_primary);
}

#category_03 .info_btn a::after {
  border-top: 2px solid var(--category_03_primary);
  border-right: 2px solid var(--category_03_primary);
}

#category_04 .info_btn a::after {
  border-top: 2px solid var(--category_04_primary);
  border-right: 2px solid var(--category_04_primary);
}

#category_05 .info_btn a::after {
  border-top: 2px solid var(--category_05_primary);
  border-right: 2px solid var(--category_05_primary);
}

#category_06 .info_btn a::after {
  border-top: 2px solid var(--category_06_primary);
  border-right: 2px solid var(--category_06_primary);
}

#category_07 .info_btn a::after {
  border-top: 2px solid var(--category_07_primary);
  border-right: 2px solid var(--category_07_primary);
}

#category_08 .info_btn a::after {
  border-top: 2px solid var(--category_08_primary);
  border-right: 2px solid var(--category_08_primary);
}

#category_09 .info_btn a::after {
  border-top: 2px solid var(--category_09_primary);
  border-right: 2px solid var(--category_09_primary);
}

#category_10 .info_btn a::after {
  border-top: 2px solid var(--category_10_primary);
  border-right: 2px solid var(--category_10_primary);
}

#category_11 .info_btn a::after {
  border-top: 2px solid var(--category_11_primary);
  border-right: 2px solid var(--category_11_primary);
}

#category_12 .info_btn a::after {
  border-top: 2px solid var(--category_12_primary);
  border-right: 2px solid var(--category_12_primary);
}

#category_13 .info_btn a::after {
  border-top: 2px solid var(--category_13_primary);
  border-right: 2px solid var(--category_13_primary);
}

#category_14 .info_btn a::after {
  border-top: 2px solid var(--category_14_primary);
  border-right: 2px solid var(--category_14_primary);
}

#category_15 .info_btn a::after {
  border-top: 2px solid var(--category_15_primary);
  border-right: 2px solid var(--category_15_primary);
}

#category_16 .info_btn a::after {
  border-top: 2px solid var(--category_16_primary);
  border-right: 2px solid var(--category_16_primary);
}

#category_17 .info_btn a::after {
  border-top: 2px solid var(--category_17_primary);
  border-right: 2px solid var(--category_17_primary);
}

#category_18 .info_btn a::after {
  border-top: 2px solid var(--category_18_primary);
  border-right: 2px solid var(--category_18_primary);
}

#category_19 .info_btn a::after {
  border-top: 2px solid var(--category_19_primary);
  border-right: 2px solid var(--category_19_primary);
}

.cv_txt {
  margin: 24px 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}


.cv_btn a {
  display: inline-block;
  position: relative;
  min-height: 32px;
  padding: 1em;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  border-radius: 8px;
  color: #fff;
  background-color: #CC0000;
  width: 100%;
  margin-top: 8px;
  text-decoration: none;
}



.cv_btn a::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  background: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
}

.cv_btn a::after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #CC0000;
  border-right: 2px solid #CC0000;
}

.bn_img {
  margin-top: 16px;
}

@media screen and (min-width: 751px) {
  article {
    max-width: 800px;
    margin: 0 auto;
    padding: 64px 0 0 0;
  }

  .article_heading {
    padding: .5em .7em;
    font-size: 28px;
    border-radius: 0 8px 8px 0;
    margin: 32px 0 0;
  }

  .article_sub_heading {
    font-size: 26px;
  }

  .article_sub_heading_small {
    font-size: 20px;
  }

  .article_txt {
    margin: 24px 0 0;
    font-size: 16px;
    line-height: 2;
  }

  .info {
    margin: 24px 0 0;
    padding: 24px;
    border-radius: 8px;
  }

  .info_heading {
    font-size: 16px;
  }

  .info dl {
    margin-top: 8px;
  }

  .info dt {
    padding: 0.2em 0.6em;
    font-size: 12px;
    width: 72px;
    margin-right: 8px;
  }

  .info dd {
    font-size: 15px;
  }

  .info_btn {
    max-width: 320px;
    margin: 0 auto;
  }

  .cv_txt {
    margin: 24px 0 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
  }

  .cv_btn {
    max-width: 540px;
    margin: 0 auto;
  }

  .cv_btn a {
    display: inline-block;
    position: relative;
    min-height: 40px;
    padding: 1em;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    background-color: #CC0000;
    width: 100%;
    margin-top: 8px;
    text-decoration: none;
  }
}




table,
td,
th {
  border: 1px solid #595959;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  padding: 8px;
  width: auto;
  height: 25px;
  text-align: center;
}

th {
  background: #e5e5e5;
}

.even {
  background: #fbf8f0;
}

.odd {
  background: #fefcf9;
}

.bn_wrap {
  display: block;
  width: 100%;
  padding: 0 14px;
  margin: 40px auto 0;
  transition: all 0.3s;
}

.bn_wrap:hover {
  opacity: .7;
}

@media screen and (min-width: 751px) {
  .bn_wrap {
    max-width: 800px;
    padding: 0;
    margin: 64px auto 0;
  }
}

/* 引用 */
.quote_txt {
  margin-top: 16px;
  font-size: 12px;
  line-height: normal;
  text-align: center;
}

/* cv_txt_link */
.cv_txt_link {
  margin: 24px 0 0;
  text-align: center;
}

.cv_txt_link a {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}

.cv_txt_link_small {
  margin: 24px 0 0;
  text-align: center;
}

.cv_txt_link_small a {
  text-decoration: underline;
}

@media screen and (min-width: 751px) {
  .cv_txt_link a {
    font-size: 24px;
    transition: all 0.3s;
  }

  .cv_txt_link a:hover {
    opacity: .7;
  }

  .cv_txt_link_small a {
    transition: all 0.3s;
  }

  .cv_txt_link_small a:hover {
    opacity: .7;
  }
}

/* other_info */
.other_info {
  margin: 24px 0 0;
  padding: 16px;
  border-radius: 8px;
  text-align: center;
  background-color: #eeeeee;
  ;
}

.other_info li {
  font-size: 12px;
  line-height: 1.3;
}

.other_info li a {
  text-decoration: underline;
  transition: all 0.3s;
}

.other_info li+li {
  margin-top: 8px;
}

@media screen and (min-width: 751px) {
  .other_info li {
    font-size: 14px;
  }

  .other_info li a:hover {
    opacity: .7;
  }
}

.img_caption {
  font-size: 12px;
  margin-top: 4px;
  text-align: right;
}

.block_h4 {
  max-width: 800px;
  margin: 0 auto;
  padding: 16px 0 0 0;
}

.block_other_info {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
}

@media screen and (min-width: 751px) {
  .block_h4 {
    padding: 32px 0 0 0;
  }

  .block_other_info {
    padding: 16px 0 0 0;
  }
}

/* model-course_txt */
.model-course_txt {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  background-color: #ccffff;
  display: inline-block;
  padding: .4em .8em;
  border-radius: 8px;
  margin-bottom: 1.5em;
}

.model-course_txt:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 10px solid transparent;
  border-top: 16px solid #ccffff;
  width: 0;
  height: 0;
}

@media screen and (min-width: 751px) {
  .model-course_txt {
    font-size: 24px;
  }
}

/* 汎用テーブル設定 */

.table_wrap {
  width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  margin-top: 16px;
}

.tg {
  border-collapse: collapse;
  border-spacing: 0;
  width: 680px;
  line-height: 1.3;
  font-size: 13px;
}

@media screen and (min-width: 751px) {
  .table_wrap {
    overflow-x: initial;
  }

  .tg {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    line-height: 1.3;
    font-size: 16px;
  }
}

.tg td {
  border-color: #aaaaaa;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  padding: 6px 8px;
  word-break: normal;
  text-align: left;
  vertical-align: middle;
}

.tg th {
  border-color: #aaaaaa;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  overflow: hidden;
  padding: 6px 8px;
  word-break: normal;
  text-align: left;
  vertical-align: middle;
}

.tg .bg_grey {
  font-weight: bold;
  background-color: #ececec;
}

.tg .wid_txt {
  width: 0;
  white-space: nowrap;
}

.point_article {
  padding: 32px 14px;
  background: linear-gradient(135deg, #ffffff 0%, #f0f0f8 100%);
  border: 1px solid #acb9ce;
  border-radius: 8px;
  margin: 16px;
}

.point_article_hedding {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1C4E9C;
  font-size: 18px;
  font-weight: bold;
}

.point_article_hedding::before,
.point_article_hedding::after {
  width: 2px;
  height: 24px;
  background-color: #1C4E9C;
  content: '';
}

.point_article_hedding::before {
  transform: rotate(-35deg);
  margin-right: 16px;
}

.point_article_hedding::after {
  transform: rotate(35deg);
  margin-left: 16px;
}

.point_article_list {
  margin-top: 16px;
}

.point_article_list_item {
  font-size: 14px;
  font-weight: bold;
  padding-left: 1em;
  text-indent: -1em;
}

.point_article_list_item+.point_article_list_item {
  margin-top: 16px;
}

@media screen and (min-width: 751px) {
  .point_article {
    max-width: 800px;
    margin: 32px auto 0;
    padding: 40px 32px;
    border-radius: 16px;
  }

  .point_article_hedding {
    font-size: 24px;
  }

  .point_article_list {
    margin-top: 24px;
  }

  .point_article_list_item {
    font-size: 16px;
  }

  .point_article_list_item+.point_article_list_item {
    margin-top: 16px;
  }

}

.faq {
  max-width: 800px;
  margin: 0 auto;
  background: linear-gradient(135deg, #ffffff 0%, #efefef 100%);
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  margin-top: 96px;
}

.faq_hedding {
  font-size: 24px;
  font-weight: bold;
  color: #1C4E9C;
  margin-bottom: 32px;
  text-align: center;
  border-bottom: 1px solid #1C4E9C;
  padding-bottom: 15px;
}

.faq-item {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e0e0e0;
}

.faq-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.question {
  font-size: 18px;
  font-weight: bold;
  color: #1C4E9C;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-start;
}

.question::before {
  content: "Q";
  display: inline-block;
  background-color: #1C4E9C;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  margin-right: 10px;
  flex-shrink: 0;
  font-size: 16px;
}

.answer {
  font-size: 16px;
  color: #555;
  padding-left: 38px;
  display: flex;
  align-items: flex-start;
}

.answer::before {
  content: "A";
  display: inline-block;
  background-color: #95a5a6;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  margin-right: 10px;
  flex-shrink: 0;
  font-size: 16px;
  margin-left: -38px;
}

@media (max-width: 751px) {
  .faq {
    padding: 16px;
    margin-top: 48px;
  }

  .faq_hedding {
    font-size: 20px;
  }

  .question {
    font-size: 15px;
  }

  .answer {
    font-size: 14px;
  }
}