@charset "UTF-8";
:root {
  --innerBase:780px;
  --wrapBase:940px;
  --boxBase:1080px;
  --containerBase:1280px;
  --maxWidthBase:1440px;
  --inner:var(--innerBase);
  --wrap:var(--wrapBase);
  --box:var(--boxBase);
  --container:var(--containerBase);
  --maxWidth:var(--maxWidthBase);
  --spContainerPadding:5%;
  --pcContainerPadding:95px;
  --spHeaderHeight:60px;
  --pcHeaderHeight:85px;
  --baseColor:#ffffff;
  --mainColor:#003288;
  --subColor:#D1DDEF;
  --icuColor:#3395EA;
  --entColor:#059A78;
  --cssdColor:#375DB4;
  --othersColor:#696F7E;
  --whiteColor:#ffffff;
  --grayColor:#696F7E;
  --lightGrayColor:#BDC1CD;
  --softGrayColor:rgb(from #696F7E r g b / 15%);
  --paleBlueColor:#D4E0F5;
  --tintBlueColor:#E5ECF8;
  --lightBlueColor:#D1DDEF;
  --deepBlueColor:#375DB4;
  --softBlueColor:#BEC9E6;
  --grayBlueColor:#DCDEE6;
  --textHoverColor:#8098C4;
  --animationSpeed:0.4s;
  --ioAnimationSpeed:1s;
  --spMargin:40px;
  --pcMargin:50px;
  --fontSerif:"Shippori Mincho","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  --fontGothic:"Noto Sans JP","游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  --fontFamily:var(--fontGothic);
  --fontTitle:var(--fontSerif);
  --fontEn:"Lusitana", serif;
}

/* ==========================================================================

	roundup

========================================================================== */
/*------------------------------------------------------------
	roundup common
------------------------------------------------------------*/
/*--------------------------------
    page-nav
--------------------------------*/
#page-nav {
  gap: 1px;
  margin-bottom: 1px;
}
#page-nav li a {
  display: block;
  line-height: 1.4;
  color: var(--whiteColor);
  text-align: center;
  padding: 0.7em 0.5em;
  background-color: var(--lightGrayColor);
}
#page-nav li a[href*=or-icu].active {
  background-color: var(--icuColor);
}
#page-nav li a[href*=ent].active {
  background-color: var(--entColor);
}
#page-nav li a[href*=cssd].active {
  background-color: var(--cssdColor);
}
#page-nav li a[href*=others].active {
  background-color: var(--othersColor);
}
@media print, screen and (min-width: 813px) {
  #page-nav li a {
    font-size: min(2rem, 20px);
    padding-block: 1em;
  }
  #page-nav li a[href*=or-icu]:hover {
    background-color: var(--icuColor);
  }
  #page-nav li a[href*=ent]:hover {
    background-color: var(--entColor);
  }
  #page-nav li a[href*=cssd]:hover {
    background-color: var(--cssdColor);
  }
  #page-nav li a[href*=others]:hover {
    background-color: var(--othersColor);
  }
}

/*--------------------------------
    page-header
--------------------------------*/
#page-header {
  margin-bottom: 0;
}
@media print, screen and (max-width: 812px) {
  #page-header > .container {
    text-align: left;
  }
}
@media print, screen and (min-width: 813px) {
  #page-header > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5em 3em;
    padding: 0 3em;
  }
  #page-header > div > * {
    line-height: 1.6;
    margin-bottom: 0;
  }
  #page-header > div h1 {
    line-height: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: min(4.5rem, 45px);
    padding-bottom: 0.15em;
  }
  #page-header > div p {
    padding-right: 3em;
  }
}

/*--------------------------------
    背景
--------------------------------*/
#roundup-contents section, #salway, #journal, #topics, #qanda {
  background-color: var(--roundupBgColor);
}
/*------------------------------------------------------------
	roundup page contents
------------------------------------------------------------*/
/*--------------------------------
    salway_cnt
--------------------------------*/
@media print, screen and (min-width: 813px) {
  .salway_cnt {
    padding-block: var(--pcContainerPadding);
  }
}

/*--------------------------------
    roundup-contents
--------------------------------*/
@media print, screen and (max-width: 812px) {
  #roundup-contents > div {
    padding-top: 0;
  }
  #roundup-contents > div section {
    padding-bottom: 2em;
  }
  #roundup-contents > div section .tt_main {
    margin-bottom: 0.5em;
  }
  #roundup-contents > div > .link_btn a span {
    padding-left: 0;
  }
}
@media print, screen and (min-width: 813px) {
  #roundup-contents > div section .tt_main:not(:has(+ p)) {
    margin-bottom: 1em;
  }
  #roundup-contents > div section > p {
    margin-bottom: 2.5em;
  }
}

/*--------------------------------
    recommend
--------------------------------*/
#recommend > div > div {
  background-color: var(--roundupRecommendColor);
}
@media print, screen and (min-width: 813px) {
  #recommend > div > div .tt_main {
    margin-bottom: 1em;
  }
}

/*--------------------------------
    column_cnt
--------------------------------*/
.column_cnt {
  --leftBgColor:var(--roundupBgColor);
  --rightBgColor:var(--roundupBgColor);
}
/*--------------------------------
    journal
--------------------------------*/
.journal_cnt > div > div section {
  background-color: var(--roundupBaseColor);
}
@media print, screen and (max-width: 812px) {
  .journal_cnt > div > div section .tt_main {
    margin-bottom: 1em;
  }
}
/* ==========================================================================

	roundup ent

========================================================================== */
:root {
  --roundupBaseColor:var(--cssdColor);
  --roundupBgColor:color-mix(in srgb, var(--cssdColor) 15%, var(--whiteColor));
  --roundupHoverColor:color-mix(in srgb, var(--cssdColor) 70%, var(--whiteColor));
  --roundupRecommendColor:rgb(from var(--mainColor) r g b / 15%);
}/*# sourceMappingURL=style.css.map */