@charset "utf-8";
body,
tooltip,
popover {
}
_:lang(x)::-ms-backdrop,
.selector {
  /* IE11でのみ有効 */
}
@font-face {
  font-family: "CorporateLogo";
  src: url("../Corporate-Logo-Medium-ver2.woff2") format("woff2"), url("../Corporate-Logo-Medium-ver2.woff") format("woff"), url("../Corporate-Logo-Medium-ver2.ttf") format("ttf");
}
@font-face {
  font-family: "CorporateLogoB";
  src: url("../Corporate-Logo-Bold-ver2.woff2") format("woff2"), url("../Corporate-Logo-Bold-ver2.woff") format("woff"), url("../Corporate-Logo-Bold-ver2.ttf") format("ttf");
}

.gothic {
  font-family: "Barlow", "Noto Sans JP", "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: normal;
}
.CorporateLogo {
  font-family: "Barlow", "CorporateLogo", "Noto Sans JP", "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: normal !important;
}
.CorporateLogoB {
  font-family: "CorporateLogoB", "Noto Sans JP", "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: normal !important;
}
.mincho {
  font-family: "游明朝", "YuMincho", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
  font-weight: normal;
  font-weight: 400;
  color: #111111;
}
html {
  background: #ffffff;
  scroll-behavior: smooth;
}
body {
  letter-spacing: -0.01em;
  line-height: 1.7;
  z-index: -9999;
  color: #333333;
  background-color: #ffffff;
  font-family: "Barlow", "Noto Sans JP", "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400;
}
img {
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}
table {
  text-align: left;
}
table ol {
  margin-bottom: 0;
}
a {
  color: #555555;
  text-decoration: none;
}
a:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
  text-decoration: none;
  color: #8b008b;
}
b,
strong,
.font-weight-bold,
.bold {
  font-weight: 700;
}
b,
strong,
.font-weight-black,
.black {
  font-weight: 900;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  line-height: 1.6;
}
h1,
.h1 {
  font-size: 2rem;
}
h2,
.h2 {
  font-size: 1.65rem;
}
h3,
.h3 {
  font-size: 1.4rem;
}
h4,
.h4 {
  font-size: 1.2rem;
}
h5,
.h5 {
  font-size: 1.1rem;
}
h6,
.h6 {
  font-size: 1rem;
}
.small {
  font-size: 80%;
}
.xsmall {
  font-size: 11px;
}
.large {
  font-size: 130%;
}
.xlarge {
  font-size: 170%;
}
.line-h10 {
  line-height: 1;
}
.line-h11 {
  line-height: 1.1;
}
.line-h12 {
  line-height: 1.2;
}
.line-h13 {
  line-height: 1.3;
}
.line-h14 {
  line-height: 1.4;
}
.line-h15 {
  line-height: 1.5;
}

.pc-none {
  display: none; /*SPのコンテンツPCの時は非表示*/
}

/* テキストインデント */
.text-indent {
  text-indent: -1em;
  padding-left: 1em;
}

/* ########### 991px以下 ＞lg ########### */
@media (max-width: 991px) {
  .pc-none {
    display: none; /*SPのコンテンツPCの時は非表示*/
  }
}

/* ########### 767px以下 ＞md ########### */
@media (max-width: 767px) {
  .sp-none {
    display: none; /*SPのコンテンツ PCの時は非表示*/
  }
}

/* ########### 575px以下 ＞sm ########### */
@media (max-width: 575px) {
  body {
    font-size: 0.875rem;
  }
  h1,
  .h1 {
    font-size: 1.65rem;
  }
  h2,
  .h2 {
    font-size: 1.4rem;
  }
  h3,
  h4,
  .h3,
  .h4 {
    font-size: 1.2rem;
  }
  .sp-none {
    display: none; /*PCのコンテンツ SPの時は非表示*/
  }
  .pc-none {
    display: contents; /*SPのコンテンツSPの時は表示*/
  }
}

/*テンプレート設定*/
#wrapper {
  /*overflow: hidden;*/
}
.comingsoon {
  text-align: center;
  color: #999;
  padding: 10em 0 15em;
}
.comingsoon i {
  font-size: 300%;
  margin-bottom: 1rem;
}

/*ヘッダー設定*/
#HeaderWrapper .hLogo {
  max-width: 75%;
}
#HeaderWrapper .navbar {
  position: relative;
  padding: 0.7rem 1rem;
}
#HeaderWrapper .navbar button.navbar-toggler {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  color: #000000;
  padding: 0.7rem 0.7rem 0.8rem 1.2rem;
  background-color: #ffffff;
  border-radius: 0 0 0 0;
}
#HeaderWrapper .navbar button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url(../../img/2025/toggle_x.svg);
}
#HeaderWrapper .navbar .navbar-collapse {
  position: absolute;
  top: 100%;
  right: 0;
  width: auto;
  max-width: 100%;
  min-width: 350px;
  z-index: 1000;
}
#HeaderWrapper .navbar .navbar-collapse li.nav-item {
  border-bottom: #ffffff 1px solid;
}
#HeaderWrapper .navbar .navbar-collapse li.nav-item a {
  color: rgba(255, 255, 255, 0.9);
  padding: 0.6rem 1rem;
}
#HeaderWrapper .navbar .navbar-collapse li.nav-item a::after {
  float: right;
  border: none;
  line-height: 1;
  content: url(../../img/2025/toggle_arrow.svg);
  padding-top: 0.3rem;
}
#HeaderWrapper .navbar .navbar-collapse li.nav-item a.dropdown-toggle::after {
  content: url(../../img/2025/toggle_plus.svg);
}
#HeaderWrapper .navbar .navbar-collapse li.nav-item a.dropdown-toggle[aria-expanded="true"]::after {
  content: url(../../img/2025/toggle_minus.svg);
}
#HeaderWrapper .navbar .navbar-collapse li.nav-item .dropdown-menu {
  margin: 0;
  padding: 0;
  background-color: #d8bfd8;
  border: none;
  border-radius: 0;
}
#HeaderWrapper .navbar .navbar-collapse li.nav-item .dropdown-menu a {
  border-top: #ffffff 1px solid;
  color: #000000;
}
#HeaderWrapper .navbar .navbar-collapse li.nav-item .dropdown-menu a::after {
  content: "";
}

/* ########### 767px(md)以下 ########### */
@media (max-width: 767px) {
  #HeaderWrapper .navbar .navbar-collapse {
    top: 100%;
  }
}
/* ########### 575px(sm)以下 ########### */
@media (max-width: 575px) {
  #HeaderWrapper .navbar .navbar-collapse {
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  #HeaderWrapper .navbar .navbar-collapse #h-submenu {
    height: 100%;
  }
}
/*ヘッダー設定　ここまで*/

/*フッター設定*/
#footerFixedMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1500;
}
#footerMenu h5 {
  border-bottom: #8b008b 1px solid;
  margin: 0;
}
#footerMenu h5 a {
  color: #8b008b;
}
#footerBase ul {
  padding-right: 2rem;
}
#footerBase ul#footerSubMenu li {
  margin: 0.3rem 0;
  font-size: 80%;
}
#footerBase ul#footerSubMenu li a {
  padding: 0 1rem;
  white-space: nowrap;
}
#footerBase ul#footerSubMenu li + li {
  border-left: #333333 1px solid;
}
#footerFixedBtn {
  position: fixed;
  right: 0;
  top: 145px; /*2025年度の内容帯入れる前 top: 110px; */
  width: 40px;
  display: flex;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#footerFixedBtn div a {
  padding: 8px 10px;
  border: none;
  border-radius: 0;
  margin-bottom: 5px;
}
#footerFixedBtn div:first-child a {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#footerFixedBtn div:last-child a {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
div.toTop {
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 9999;
  /*デフォルトは非表示*/
  opacity: 0;
}
div.toTop a {
  display: inline-block;
  text-align: center;
}
/* ########### 767px(md)以下 ########### */
@media (max-width: 767px) {
  #footerFixedBtn {
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    /*display: none;*/
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    z-index: 99;
  }
  #footerFixedBtn div {
    width: 50%;
  }
  #footerFixedBtn div a {
    padding: 10px 2px;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
  }
  #footerFixedBtn div:first-child a {
    border-radius: 0;
  }
  #footerFixedBtn div:last-child a {
    border-radius: 0;
  }
  div.toTop {
    bottom: 60px;
  }
}
/* ########### 575px(sm)以下 ########### */
@media (max-width: 575px) {
  #footerMenu h5 {
    background-color: #8b008b;
    border: none;
    border-top: #ffffff 1px solid;
    margin: 0;
    padding: 0.3rem 1rem;
    font-size: 1rem;
  }
  #footerMenu h5 a {
    color: #ffffff;
  }
  #footerMenu div[role="tab"] h5 a::after {
    float: right;
    border: none;
    line-height: 1;
    content: url(../../img/2025/toggle_plus.svg);
    padding-top: 0.25rem;
  }
  #footerMenu div[role="tab"] h5 a[aria-expanded="true"]::after {
    content: url(../../img/2025/toggle_minus.svg);
    padding-top: 0;
  }
  #footerMenu ul {
    margin: 0;
    padding: 0;
    background-color: #d8bfd8;
    border: none;
    border-radius: 0;
  }
  #footerMenu ul li {
    border-top: #ffffff 1px solid;
  }
  #footerMenu ul li a {
    padding: 0.8rem 1rem;
  }
  #footerBase ul#footerSubMenu li + li {
    border-left: none;
  }
  #footerBase ul#footerSubMenu li:first-child {
    border-right: #333333 1px solid;
  }
}
/*フッター設定　ここまで*/

/*全ページ共通*/

/* 5 Columns */
.col-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xl-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .col-sm-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 768px) {
  .col-md-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 992px) {
  .col-lg-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 1200px) {
  .col-xl-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}

.img-responsive {
  width: 100%;
  max-width: 100%;
}
img.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
img.gray:hover {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
.title {
  letter-spacing: 1px;
  line-height: 1.2;
}
.lead {
  font-size: 1.25rem;
  font-weight: 500;
}
.h2_Title {
  letter-spacing: 2px;
  line-height: 1.2;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
}
.h2_Title::after {
  content: "･････････";
  display: block;
  margin: 0.5rem 0 1rem;
  font-weight: bold;
}
.h2_Title em {
  display: block;
}
.midashi {
  line-height: 1.4;
}
h2.midashi {
  font-size: 2.3rem;
  letter-spacing: 1px;
}
h3.midashi {
  letter-spacing: 1px;
}
.midashi:first-letter {
  font-size: 130%;
}

.titleTip {
  letter-spacing: 1px;
  border-width: 15px !important;
  padding: 0.3rem 1rem;
  display: inline-block;
  background-color: #f9f7ef;
  transform: rotate(-5deg);
}
.circleTip {
  position: relative; /* ←文字の親要素に指定 */
  width: 64px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
}
.circleTip_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 1.2;
  font-size: 90%;
}
.circleTip_inner span {
  font-size: 150%;
}

.position-base {
  position: absolute;
  top: 0;
  left: 0;
}
.titleTip.position-base {
  left: 15px;
}
.btn {
  font-weight: 500 !important;
}
.btn-sm {
  font-weight: normal !important;
}
.btn-arrow,
.btn-arrow-sm {
  color: #ffffff;
}
a.btn-arrow,
a.btn-arrow-sm,
a.btn-arrow-gray {
  position: relative;
}
a.btn-arrow::after,
a.btn-arrow-sm::after,
a.btn-arrow-gray::after {
  position: absolute;
  /* float: right; */
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border: none;
  line-height: 1;
  content: url(../../img/2025/toggle_arrow.svg);
  /* padding-top: 0.3rem; */
}
a.btn-arrow-sm::after {
  content: url(../../img/2025/btn_arrow_sm.svg);
  padding-top: 0.1rem;
}
a.btn-arrow-gray::after {
  content: url(../../img/2025/toggle_arrow_gray.svg);
}
a.btn-arrow-sm.btn-arrow-gray::after {
  content: url(../../img/2025/btn_arrow_sm_gray.svg);
}
.btn-210 {
  width: 210px;
  max-width: 100%;
}
.btn-280 {
  width: 280px;
  max-width: 100%;
}
.btn-330 {
  width: 330px;
  max-width: 100%;
}
.btn-360 {
  width: 360px;
  max-width: 100%;
}
.btn-lg {
  font-weight: bold;
  font-size: 1.1rem;
}
.btn-xlg {
  padding: 1rem 1rem;
  font-weight: bold;
  font-size: 1.2rem;
}
.btn-upper-text {
  padding: 0.5rem 0.8rem;
  max-width: 100%;
  margin-top: 40px;
  position: relative;
}
.btn-upper-text span {
  position: absolute;
  top: -30px;
  left: 0;
  font-size: 0.9rem;
  width: 100%;
  text-align: center;
  color: #333;
}
.btn-upper-text span::before,
.btn-upper-text span::after {
  display: inline-block;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #333333;
  margin: 0 0.6rem -0.3rem;
}
.btn-upper-text span::before {
  transform: rotate(-40deg);
}
.btn-upper-text span::after {
  transform: rotate(40deg);
}
.btn-dbook,
.btn-outsite {
  position: relative;
}
.btn-dbook::after {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "\f518";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.btn-outsite::after {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.btn-movie,
.btn-file {
  position: relative;
}

.btn-movie::after {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "\f144";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn-file::after {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "\f15c";
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
}

.rounded-lg {
  border-radius: 0.8rem !important;
}
.underline {
  background: linear-gradient(transparent 60%, #f9e600 30%);
}
.frame-ha {
  text-align: center;
  display: inline-block;
  position: relative;
}
.frame-ha::before,
.frame-ha::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #333333;
  margin: -0.3rem 0.6rem 0;
  position: absolute;
  top: 0;
}
.frame-ha::before {
  left: -2.3rem;
  transform: rotate(-30deg);
}
.frame-ha::after {
  right: -2.3rem;
  transform: rotate(30deg);
}

.upper-text {
  position: relative;
  display: inline-block;
  padding: 0 30px 0;
  margin-bottom: 1em;
  margin-top: 3rem;
}
.upper-text::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #333;
  border-radius: 3px;
  transform: rotate(-40deg);
}
.upper-text::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 1px;
  height: 80%;
  background: #333;
  border-radius: 3px;
  transform: rotate(40deg);
}

.midashi-upper-text {
  padding: 0.5rem 0.8rem;
  max-width: 100%;
  margin-top: 40px;
  position: relative;
}

.midashi-upper-text span {
  position: absolute;
  top: -15px;
  left: 0;
  font-size: 0.6em;
  width: 100%;
  text-align: center;
  color: #333;
}

.midashi-upper-text span::before,
.midashi-upper-text span::after {
  display: inline-block;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #333333;
  margin: 0 0.6rem -0.3rem;
}

.midashi-upper-text span::before {
  transform: rotate(-40deg);
}

.midashi-upper-text span::after {
  transform: rotate(40deg);
}

#Otoiawase .otoiawase {
  border: solid 4px !important;
  box-sizing: border-box;
}

/*　コンテンツエリア設定 */
#PageHeader {
  text-align: center;
}
#PageHeader h1 {
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 1.3;
}
#PageHeader h1 span {
  display: block;
  font-size: 1rem;
}

#Mokuji #mokujimenu.collapse:not(.show) {
  display: block;
  max-height: 70px;
  overflow: hidden;
}
#Mokuji #mokujimenu {
  list-style-type: none;
  margin: 0;
  padding: 0.5rem 0 2rem 2rem;
}
#Mokuji #mokujimenu li {
  position: relative;
  margin-bottom: 0.5em;
  font-size: 90%;
}
#Mokuji #mokujimenu li:before {
  position: absolute;
  left: -1.5rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f14a";
}
#Mokuji a#mokujiBtn {
  position: absolute;
  display: block;
  padding: 0.5rem 1rem 1rem;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
}
#Mokuji a#mokujiBtn::before,
#Mokuji a#mokujiBtn::after {
  padding: 0 0.5rem;
  content: "▼";
}
#Mokuji a#mokujiBtn[aria-expanded="true"]::before,
#Mokuji a#mokujiBtn[aria-expanded="true"]::after {
  content: "▲";
}

/*高さを制限しているコンテンツの要素*/
.mokujicontainer {
  position: relative;
  height: 150px;
  padding: 20px;
  margin: 20px auto;
  overflow: hidden;
  transition: 0.4s;
  box-sizing: border-box;
}
/*グラデーションで隠す擬似要素*/
.mokujicontainer:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
  transition: 0.4s;
}
/*クラス付与時のスタイル*/
.mokujicontainer.active:before {
  opacity: 0;
  visibility: hidden;
}
/*ボタンのスタイル*/
button.more_btn {
  position: absolute;
  display: block;
  padding: 0.5rem 1rem 1rem;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  background: none;
  border: none;
  z-index: 1;
}
@media (max-width: 991px) {
  .mokujicontainer {
    height: 136px;
  }
}

#newsList a::after {
  float: right;
  border: none;
  line-height: 1;
  content: url(../../img/2025/btn_arrow_sm_white.svg);
  padding-top: 0.1rem;
}

/* Q&Aアコーディオン */
#qanda .card-header {
  background-color: #fff;
}
#qanda .card-body {
  background-color: #f2edf4;
}
#qanda .card h5 img {
  margin-top: 0.2rem;
}
#qanda .card-header h5 a::after {
  content: "";
  font-size: 130%;
  color: #785094;
  line-height: 1.1;
  padding-left: 0.5rem;
}
#qanda .card-header h5 a[aria-expanded="false"]::after {
  content: "+";
}
#qanda .card-header h5 a[aria-expanded="true"]::after {
  content: "ー";
}
/*全ページ共通ここまで*/
/* カテゴリ別カラー */
/* 加入 */
.page_kanyu #PageHeader {
  background: #f3e9ec;
}
.page_kanyu #PageHeader h1 span {
  color: #7d488f;
}
.page_kanyu .mokujicontainer {
  background-color: #f3e9ec;
}
.page_kanyu .mokujicontainer:before {
  background-color: #f3e9ec;
  background: linear-gradient(to top, #f3e9ec 75%, rgba(233, 246, 250, 0) 100%);
  z-index: 1;
}
.page_kanyu #Mokuji #mokujimenu li:before,
.page_kanyu #mokujiBtn,
.page_kanyu #Mokuji li a:hover,
.page_kanyu .midashi:first-letter {
  color: #7d488f;
}
/* 学び */
.page_pc #PageHeader {
  background: #d4edf4;
}
.page_pc #PageHeader h1 span {
  color: #28a3ca;
}
.page_pc #Mokuji #Window {
  background-color: #e9f6fa;
}
.page_pc .mokujicontainer {
  background-color: #e9f6fa;
}
.page_pc .mokujicontainer:before {
  background-color: #e9f6fa;
  background: linear-gradient(to top, #e9f6fa 75%, rgba(233, 246, 250, 0) 100%);
  z-index: 1;
}
.page_pc #Mokuji #mokujimenu li:before,
.page_pc #mokujiBtn,
.page_pc #Mokuji li a:hover,
.page_pc .midashi:first-letter {
  color: #28a3ca;
}
.page_pc .midashi:first-letter {
  color: #28a3ca;
}
/* 同志社女子大学カラー */
.page_pc-dw #PageHeader {
  background: #f8e6f0;
}
.page_pc-dw #PageHeader h1 span {
  color: #da69a4;
}
.page_pc-dw #Mokuji #Window {
  background-color: #f8e6f0;
}
.page_pc-dw .mokujicontainer {
  background-color: #f8e6f0;
}
.page_pc-dw .mokujicontainer:before {
  background-color: #f8e6f0;
  background: linear-gradient(to top, #f8e6f0 75%, rgba(233, 246, 250, 0) 100%);
  z-index: 1;
}
.page_pc-dw #Mokuji #mokujimenu li:before,
.page_pc-dw #mokujiBtn,
.page_pc-dw #Mokuji li a:hover,
.page_pc-dw .midashi:first-letter {
  color: #da69a4;
}
/* 一人暮らし */
.bg-sumai {
  background: #f9f8ef !important;
}
.page_sumai #PageHeader {
  background: #f9f8ef;
}
.page_sumai #PageHeader h1 span {
  color: #b6af00;
}
.page_sumai .mokujicontainer {
  background-color: #f9f8ef;
}
.page_sumai .mokujicontainer:before {
  background-color: #f9f8ef;
  background: linear-gradient(to top, #f9f8ef 75%, rgba(233, 246, 250, 0) 100%);
  z-index: 1;
}
.page_sumai #Mokuji #mokujimenu li:before {
  color: #b6af00;
}
.page_sumai #mokujiBtn,
.page_sumai #Mokuji li a:hover {
  color: #b6af00;
}
.page_sumai .midashi:first-letter {
  color: #b6af00;
}
/* カテゴリ別カラー ここまで */
/*特殊レイアウト*/
#Content5-box-first {
  margin-top: -2rem;
}
/* ########### 991px(lg)以下 ########### */
@media (max-width: 991px) {
  #Content5-box-first {
    margin-top: -0.5rem;
  }
}
/* ########### 575px(sm)以下 ########### */
@media (max-width: 575px) {
  #PageHeader h1 {
    font-size: 2rem;
  }
  .lead {
    font-size: 0.875rem;
  }
  .h2_Title {
    font-size: 1.5rem;
  }
  h2.midashi {
    font-size: 1.8rem;
  }
  .btn-lg {
    font-weight: bold;
    font-size: 1rem;
  }
  .btn-xlg {
    padding: 1rem 1rem;
    font-weight: bold;
    font-size: 1.1rem;
  }
}

/*---------------------------------------------------------
パンくずデザイン
---------------------------------------------------------*/
.breadcrumb {
  width: auto;
  max-width: 1200px;
  text-align: right;
  margin: 5px auto 25px;
  color: #aaa;
}
ol.breadcrumb li {
  display: inline-block;
  text-align: left;
  margin-left: 10px;
}
ol.breadcrumb li:before {
  content: "» ";
}
ol.breadcrumb li a {
  color: #aaa;
  color: #0e438a;
}

/*secondCommentBox
-------------------------------------------------------------------*/
.secondCommentBox {
  box-sizing: border-box;
  margin: 1.6em 0;
  padding: 1em;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto auto;
  width: 100%;
  gap: 0.8em;
  border: 1px solid #999999;
  background: #fff;
  border-radius: 16px;
  position: relative;
  z-index: 0;
}
.secondCommentBox::before {
  content: "";
  width: 2px;
  height: 2em;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 80%;
  left: 0px;
  transform: translateX(-50%);
}
.secondCommentBox::after {
  content: "";
  width: 2px;
  height: 2em;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 10%;
  right: -2px;
  transform: translateX(-50%);
  z-index: 1;
}
.secondCommentBox p {
  margin-bottom: 0;
}
.secondCommentBox .clm01 {
  grid-column: 1;
}
.secondCommentBox .clm02 {
  grid-column: 2;
}
.secondCommentBox .clm03 {
  grid-column: 1 / 3;
  grid-row: 2;
}
@media only screen and (min-width: 1001px) {
  .secondCommentBox {
    grid-template-columns: 1fr 4fr;
  }
  .secondCommentBox .clm01 {
    grid-column: 1;
    grid-row: 1 / 3;
  }
  .secondCommentBox .clm03 {
    grid-column: 2;
    grid-row: 2;
  }
}

.secondCommentBox .clm02 {
  align-self: center;
}
@media only screen and (min-width: 1001px) {
  .secondCommentBox .clm02 {
    align-self: end;
  }
}