html {
  font-size: 62.5%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  -webkit-text-size-adjust: 100% !important;
  text-align: justify !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1.5 !important;
  font-size: 1.6rem !important;
  color: #333333 !important;
  background: #ffffff !important;
  -webkit-print-color-adjust: exact;
}

/* ログイン中の調整 */
.body-loggedin {
  padding-top: 5.3rem;
}

/* ログアウト中の調整 */
.body-nologgedin .navbar {
  display: none;
}

/* 管理画面調整 */
.setting-mode-on #container-main .panel-default .panel-heading {
  margin-bottom: 2rem;
}

/* 非表示 */
.non {
  display: none;
}

/* コンテナ */
main .container {
  margin-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  /*width: $_width-wrapper;*/
  background-color: transparent;
}

/* 閲覧支援ツール 文字サイズ変更 */
.f-font-size-small {
  font-size: 50.8% !important;
}

.f-font-size-medium {
  font-size: 62.5% !important;
}

.f-font-size-large {
  font-size: 72.5% !important;
}

/* 閲覧支援ツール 色変更 */
/* 黒 */
.f-color-black {
  background: #000 !important;
  color: #dfde4c !important;
  border-color: #fff !important;
}

.f-color-black a, .f-color-black a .f-color-black {
  color: #fff !important;
}

.f-color-black .c-button {
  background: #fff !important;
  color: #000 !important;
}

.f-color-black .c-button:hover {
  color: #fff !important;
  background: #000 !important;
  border: 1px solid #fff !important;
}

/* 青 */
.f-color-blue {
  background: #0b24fb !important;
  color: #dfde4c !important;
  border-color: #fff !important;
}

.f-color-blue a, .f-color-blue a .f-color-blue {
  color: #fff !important;
}

.f-color-blue .c-button {
  background: #fff !important;
  color: #0b24fb !important;
}

.f-color-blue .c-button:hover {
  color: #fff !important;
  background: #0b24fb !important;
  border: 1px solid #fff !important;
}

/* 黄 */
.f-color-yellow {
  background: #fffd38 !important;
  color: #000 !important;
  border-color: #0b24fb !important;
}

.f-color-yellow a, .f-color-yellow a .f-color-yellow {
  color: #0b24fb !important;
}

.f-color-yellow .c-button {
  background: #0b24fb !important;
  color: #fffd38 !important;
}

.f-color-yellow .c-button:hover {
  color: #0b24fb !important;
  background: #fffd38 !important;
  border: 1px solid #0b24fb !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  line-height: 1.4;
  color: inherit;
}

ul, ol {
  padding-left: 0;
  list-style: none;
}

/**
 * ネストされたリストのマージンをリセットします。
 */
li > ul, li > ol {
  margin-bottom: 0;
}

/**
 * `dt`と`dd`の左端を揃えます。
 */
dd {
  margin-left: 0;
  margin-bottom: 0;
}

table {
  width: 100%;
}

th {
  text-align: left;
  padding: 1.5rem;
  font-weight: bold;
}

td {
  padding: 1.5rem;
}

a {
  text-decoration: underline;
  color: #3e8abe;
}

a:visited {
  text-decoration: underline;
  color: #800080;
}

a:hover {
  text-decoration: none;
}

a:focus, input:focus, textarea:focus, select:focus, button:focus {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}

/**
 * 日本語では斜体を使用しないためリセットします。
 */
i,
cite,
em,
address,
dfn {
  font-style: normal;
}

pre {
  padding: 2em;
  margin: 1em 0;
}

code,
pre {
  font-family: Consolas, Menlo, Courier, monospace;
}

code {
  padding: 0.2em;
  background-color: rgba(0, 0, 0, 0.06);
}

pre code {
  padding: 0;
  background-color: inherit;
}

h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-top: 0;
  margin-bottom: 0;
}

em {
  font-style: normal;
  font-weight: bold;
  color: #55709d;
}

strong {
  color: #990000;
}

/**
 * Bootstrapのオーバーライド
 */
.img-fluid img {
  max-width: 100%;
  height: auto;
}

/* #add to Bootstrap
   -------------------------------------------------------------------------- */
.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

/* bootstrap grid gap */
.row_gap > p, .row_gap > li {
  padding-right: 15px;
  padding-bottom: 15px;
}

/* グリッド幅追加
--------------------------------------------- */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/* スマホ（767px以下） */
.col-xs-1-5 {
  width: 20%;
  float: left;
}

.col-xs-2-5 {
  width: 40%;
  float: left;
}

.col-xs-3-5 {
  width: 60%;
  float: left;
}

.col-xs-4-5 {
  width: 80%;
  float: left;
}

/* タブレット（768px～991px） */
@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
  .col-sm-2-5 {
    width: 40%;
    float: left;
  }
  .col-sm-3-5 {
    width: 60%;
    float: left;
  }
  .col-sm-4-5 {
    width: 80%;
    float: left;
  }
}

/* PC（992px～1119px） */
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
  .col-md-2-5 {
    width: 40%;
    float: left;
  }
  .col-md-3-5 {
    width: 60%;
    float: left;
  }
  .col-md-4-5 {
    width: 80%;
    float: left;
  }
}

/* PC大画面（1200px以上）*/
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }
  .col-lg-2-5 {
    width: 40%;
    float: left;
  }
  .col-lg-3-5 {
    width: 60%;
    float: left;
  }
  .col-lg-4-5 {
    width: 80%;
    float: left;
  }
}

/* ガター幅（余白）指定
--------------------------------------------- */
/* lg以下 */
.row-none {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.row-none > div {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.row-small {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

.row-small > div {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.row-medium {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.row-medium > div {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.row-large {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.row-large > div {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

/* md以下 */
@media screen and (max-width: 1199px) {
  .row-md-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .row-md-none > div {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .row-md-small {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .row-md-small > div {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .row-md-medium {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .row-md-medium > div {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .row-md-large {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .row-md-large > div {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

/* sm以下 */
@media screen and (max-width: 991px) {
  .row-sm-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .row-sm-none > div {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .row-sm-small {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .row-sm-small > div {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .row-sm-medium {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .row-sm-medium > div {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .row-sm-large {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .row-sm-large > div {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg table {
    white-space: nowrap;
  }
}

/* xs以下 */
@media screen and (max-width: 767px) {
  .row-xs-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .row-xs-none > div {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .row-xs-small {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .row-xs-small > div {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .row-xs-medium {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .row-xs-medium > div {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .row-xs-large {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .row-xs-large > div {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

/* ==========================================================================
 Layout
========================================================================== */
/* conctent -------------------------------------------------------------------------- */
.l-conctent {
  margin-top: 2rem;
}

/* #Footer
   -------------------------------------------------------------------------- */
/*doc
---
title: footer
name: footer
categories: [layout]
---
`<footer>`タグのスタイルです。
コピーライトやナビゲーションのレイアウトを含むことはできますが、
コンポーネント自体はobject/projectレイヤーで定義します。
```block
<body>
	<footer class="l-footer">
		<nav class="l-footer__nav">
			<ul class="p-footer-nav">
				<li></li>
				<li></li>
			</ul>
		</nav>
		<div class="l-footer__copyright">
			<small class="p-copyright"></small>
		</div>
</body>
```
*/
/* #Header
   -------------------------------------------------------------------------- */
/*doc
---
title: header
name: header
categories: [layout]
---
`<header>`タグのスタイルです。
ロゴやグローバルナビゲーションのレイアウトを含むことはできますが、
コンポーネント自体はobject/projectレイヤーで定義します。
```block
<body>
	<header class="l-header">
		<div class="p-pc-header hidden-xs hidden-sm">
			<div class="p-pc-header__head">
				<h1 class="p-pc-header__logo">
					<a href=""></a>
				</h1>
			</div>
		</div>
		<nav class="p-pc-header__body">
			<ul class="p-global-nav">
				<li class="p-global-nav__item"></li>
				<li class="p-global-nav__item"></li>
				<li class="p-global-nav__item"></li>
			</ul>
		</nav>
	</header>
</body>
```
*/
/* sidebar -------------------------------------------------------------------------- */
.l-local-navi {
  margin-bottom: 15rem;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .l-local-navi {
    padding-right: 0;
    margin-bottom: 7rem;
  }
}

/* #main
   -------------------------------------------------------------------------- */
/*doc
---
title: main
name: main
categories: [layout]
---
*/
.l-main {
  margin-bottom: 10rem;
  overflow: hidden;
}

.l-main a[target="_blank"]::after {
  content: "\f35d";
  font-weight: 900;
  margin-left: 0.5rem;
  font-size: 1.3rem;
  color: #224a94;
  font-family: "Font Awesome 5 Free";
  background: none;
  speak: none;
}

.l-main--not-target::after {
  content: '' !important;
}

.l-main--format img {
  max-width: 100%;
  height: auto;
}

.l-main--format figcaption {
  text-align: center;
}

.home .l-main {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .l-main {
    margin-bottom: 5rem;
  }
  .l-main--format img {
    margin-top: 0.5rem;
    margin-top: 0.5rem;
  }
}

/* #Section
   -------------------------------------------------------------------------- */
/*doc
---
title: section
name: section
categories: [layout]
---
`<section>`タグを使うようなセクションの余白（`margin`）を管理します。
コンポーネント単位での余白はobject/utility/_margin.scssで管理をします。
サイズはデフォルトで3つ、最大で5つとします。
1. tiny(optional)
2. small
3. medium(default)
4. large
5. huge(optional)
Modifierなしをmedium、変更する場合にはModifierを指定します。
```block
<div class="l-section">
	<h2>見出し2</h2>
</div>
<div class="l-section l-section--small">
	<h2>見出し2</h2>
</div>
<div class="l-section l-section--large">
	<h2>見出し2</h2>
</div>
```
*/
.l-section--none {
  margin-bottom: 0;
}

.l-section--tiny {
  margin-bottom: 4rem;
}

.l-section--small {
  margin-bottom: 6rem;
}

.l-section {
  margin-bottom: 8rem;
}

.l-section--large {
  margin-bottom: 10rem;
}

.l-section--huge {
  margin-bottom: 12rem;
}

@media screen and (max-width: 767px) {
  .l-section--tiny {
    margin-bottom: 1rem;
  }
  .l-section--small {
    margin-bottom: 3rem;
  }
  .l-section {
    margin-bottom: 3rem;
  }
  .l-section--large {
    margin-bottom: 4rem;
  }
  .l-section--huge {
    margin-bottom: 5rem;
  }
}

/* #Wrapper
   -------------------------------------------------------------------------- */
/*doc
---
title: wrapper
name: wrapper
categories: [layout]
---
レイアウト全体を囲うラッパーのスタイルです。
```block
<body>
	<div class="l-wrapper">
		<header class="l-header"></header>
		<article class="l-content"></article>
		<aside class="l-sidebar"></aside>
		<footer class="l-footer"></footer>
	</div>
</body>
```
*/
/* ==========================================================================
 Object
========================================================================== */
/* google-map -------------------------------------------------------------------------- */
.c−google-map {
  position: relative;
  padding-bottom: 33%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.c−google-map iframe, .c−google-map object, .c−google-map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* btn -------------------------------------------------------------------------- */
.p-btn01, .p-btn02 {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-top: 1rem;
  padding-left: 5rem;
  padding-bottom: 1rem;
  padding-right: 5rem;
  border: 0.1rem solid #3d82b9;
  position: relative;
  border-radius: 0.8rem;
  box-shadow: 0 2px #3d82b9;
  background-color: #FFF;
  margin-top: 1rem;
}

.p-btn01::after, .p-btn02::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.8rem;
  background-image: url("../images/ico_arw01.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-btn01, .p-btn01:link, .p-btn01:visited, .p-btn01:hover, .p-btn01:active, .p-btn02, .p-btn02:link, .p-btn02:visited, .p-btn02:hover, .p-btn02:active {
  text-decoration: none !important;
}

.p-btn01, .p-btn01:link, .p-btn01:visited, .p-btn02, .p-btn02:link, .p-btn02:visited {
  color: #333333;
}

.p-btn01:hover, .p-btn01:active, .p-btn02:hover, .p-btn02:active {
  background: #3d82b9;
  color: #FFF;
}

.p-btn01:hover::after, .p-btn01:active::after, .p-btn02:hover::after, .p-btn02:active::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.8rem;
  background-image: url("../images/ico_arw02.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-btn02 {
  width: 100%;
}

.p-btn__color {
  border: 0.1rem solid #3d82b9 !important;
  box-shadow: 0 0.2rem #3d82b9 !important;
  padding: 1.2rem 5rem !important;
}

.p-btn__color:hover, .p-btn__color:active {
  background: #3d82b9 !important;
  color: #FFF !important;
}

.p-btn__color::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.8rem;
  background-image: url("../images/ico_arw01.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-btn__color--cs {
  border: 0.1rem solid #cc0d0e !important;
  box-shadow: 0 0.2rem #cc0d0e !important;
  padding: 1.2rem 5rem !important;
}

.p-btn__color--cs:hover, .p-btn__color--cs:active {
  background: #cc0d0e !important;
  color: #FFF !important;
}

.p-btn__color--cs:hover::after, .p-btn__color--cs:active::after {
  background-image: url("../images/ico_arw02.svg");
}

.p-btn__color--cs::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.95rem;
  background-image: url("../images/ico_arw03.svg");
  background-repeat: no-repeat;
  width: 1.0em;
  height: 1.6rem;
}

.p-btn__color--is {
  border: 0.1rem solid #149b38 !important;
  box-shadow: 0 0.2rem #149b38 !important;
  padding: 1.2rem 5rem !important;
}

.p-btn__color--is:hover, .p-btn__color--is:active {
  background: #149b38 !important;
  color: #FFF !important;
}

.p-btn__color--is:hover::after, .p-btn__color--is:active::after {
  background-image: url("../images/ico_arw02.svg");
}

.p-btn__color--is::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.95rem;
  background-image: url("../images/ico_arw04.svg");
  background-repeat: no-repeat;
  width: 1.0em;
  height: 1.6rem;
}

/* -------------------------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.p-common-cstitle {
  font-size: 2.3rem !important;
  font-weight: bold;
  border-bottom: 0.2rem solid #cc0d0e;
  padding-bottom: 0.25rem;
  margin-top: 3.5rem !important;
  margin-bottom: 2.5rem !important;
}

.p-common-istitle {
  font-size: 2.3rem !important;
  font-weight: bold;
  border-bottom: 0.2rem solid #149b38;
  padding-bottom: 0.25rem;
  margin-top: 3.5rem !important;
  margin-bottom: 2.5rem !important;
}

.p-common-csguide {
  background-color: #FFF;
  margin: 0;
  padding: 0;
  border: 0.1rem solid #cc0d0e;
}

.p-common-csguide__title {
  border: 0 !important;
  margin: 0 !important;
  background-color: #cc0d0e;
  text-align: center;
  padding: 1.25rem;
  font-size: 1.6rem !important;
  color: #FFF;
  font-weight: bold;
}

.p-common-csguide__item {
  text-align: center;
  padding: 3.5rem 2rem;
}

.p-common-csguide__item-link {
  font-weight: bold;
  display: inline-block;
  text-align: center;
  min-width: 18rem;
  padding-top: 1.15rem;
  padding-right: 2.5rem;
  padding-bottom: 1.21rem;
  padding-left: 2.5rem;
  position: relative;
  border-radius: 0.8rem;
  border: 0.1rem solid #cc0d0e;
  box-shadow: 0 2px #cc0d0e;
}

.p-common-csguide__item-link, .p-common-csguide__item-link:link, .p-common-csguide__item-link:visited, .p-common-csguide__item-link:hover, .p-common-csguide__item-link:active {
  text-decoration: none !important;
}

.p-common-csguide__item-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.95rem;
  background-image: url("../images/ico_arw03.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-common-csguide__item-link, .p-common-csguide__item-link:link, .p-common-csguide__item-link:visited {
  color: #333333;
  font-size: 1.4rem;
}

.p-common-csguide__item-link:hover, .p-common-csguide__item-link:active {
  background: #cc0d0e;
  color: #FFF;
}

.p-common-csguide__item-link:hover::after, .p-common-csguide__item-link:active::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.95rem;
  background-image: url("../images/ico_arw02.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-common-csguide__item-note {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.p-common-isguide {
  background-color: #FFF;
  margin: 0;
  padding: 0;
  border: 0.1rem solid #149b38;
}

.p-common-isguide__title {
  border: 0 !important;
  margin: 0 !important;
  background-color: #149b38;
  text-align: center;
  padding: 1.25rem;
  font-size: 1.6rem !important;
  color: #FFF;
  font-weight: bold;
}

.p-common-isguide__item {
  text-align: center;
  padding: 3.5rem 2rem;
}

.p-common-isguide__item-link {
  font-weight: bold;
  display: inline-block;
  text-align: center;
  min-width: 18rem;
  padding-top: 1.15rem;
  padding-right: 2.5rem;
  padding-bottom: 1.21rem;
  padding-left: 2.5rem;
  position: relative;
  border-radius: 0.8rem;
  border: 0.1rem solid #149b38;
  box-shadow: 0 2px #149b38;
}

.p-common-isguide__item-link, .p-common-isguide__item-link:link, .p-common-isguide__item-link:visited, .p-common-isguide__item-link:hover, .p-common-isguide__item-link:active {
  text-decoration: none !important;
}

.p-common-isguide__item-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.95rem;
  background-image: url("../images/ico_arw04.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-common-isguide__item-link, .p-common-isguide__item-link:link, .p-common-isguide__item-link:visited {
  color: #333333;
  font-size: 1.4rem;
}

.p-common-isguide__item-link:hover, .p-common-isguide__item-link:active {
  background: #149b38;
  color: #FFF;
}

.p-common-isguide__item-link:hover::after, .p-common-isguide__item-link:active::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.95rem;
  background-image: url("../images/ico_arw02.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-common-isguide__item-note {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* --- CS研 --- */
.r-ssken .p-common-csguide {
  margin: 4rem 3rem 3rem 3rem;
  box-shadow: 0px 0px 10px;
}

/* --- IS研 --- */
.r-isken .p-common-isguide {
  margin: 4rem 3rem 3rem 3rem;
  box-shadow: 0px 0px 10px;
}

@media screen and (max-width: 1199px) {
  .p-common-csguide__item {
    padding: 1rem 1rem;
  }
  .p-common-isguide__item {
    padding: 1rem 1rem;
  }
  .r-ssken .p-common-csguide {
    margin-top: 0.75rem;
  }
  .r-ssken .p-common-csguide__item {
    padding: 3rem 1rem;
  }
  /* --- IS研 --- */
  .r-isken .p-common-isguide {
    margin-top: 0.75rem;
  }
  .r-isken .p-common-isguide__item {
    padding: 3rem 1rem;
  }
}

@media screen and (max-width: 767px) {
  .p-common-csguide__item {
    padding: 2.5rem 1rem;
  }
  .p-common-isguide__item {
    padding: 2.5rem 1rem;
  }
  .r-ssken .p-common-csguide {
    margin: 0;
    box-shadow: none;
  }
  /* --- IS研 --- */
  .r-isken .p-common-isguide {
    margin: 0;
    box-shadow: none;
  }
}

/* footer.scss -------------------------------------------------------- */
#container-footer .panel-body {
  padding-bottom: 0;
}

/* --- CS研 IS研 共有 --- */
.p-footer {
  position: relative;
  margin-top: 10rem;
}

.p-footer__page-top-link {
  position: absolute;
  right: 3rem;
  top: -9rem;
  line-height: 1.2;
  display: block;
  padding-top: 3rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  font-size: 1.3rem;
  border-radius: 50%;
  background-color: #2d4aa4;
}

.p-footer__page-top-link, .p-footer__page-top-link:link, .p-footer__page-top-link:visited, .p-footer__page-top-link:hover, .p-footer__page-top-link:active {
  text-decoration: none !important;
}

.p-footer__page-top-link, .p-footer__page-top-link:link, .p-footer__page-top-link:visited, .p-footer__page-top-link:hover, .p-footer__page-top-link:active {
  color: #ffffff;
  font-weight: bold;
}

.p-footer__page-top-link:before {
  content: "";
  position: absolute;
  top: 0.95rem;
  right: 50%;
  margin-right: -1.3rem;
  background-image: url("../images/ico_arw05.svg");
  background-repeat: no-repeat;
  width: 2.6rem;
  height: 1.5rem;
}

.p-footer__utility {
  background-color: #2d4aa4;
}

.p-footer__utility-link {
  position: relative;
  padding-left: 1.2rem;
}

.p-footer__utility-link, .p-footer__utility-link:link, .p-footer__utility-link:visited, .p-footer__utility-link:hover, .p-footer__utility-link:active {
  color: #ffffff;
}

.p-footer__utility-link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.8rem;
  background-image: url("../images/ico_arw02.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-footer__utility-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.p-footer__utility-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.p-footer__bottom {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
  text-align: center;
}

.p-footer__logo {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.p-footer__logo-img {
  max-width: 100%;
  padding: 2rem;
}

.p-footer__info-txt {
  font-size: 1.3rem;
  margin-bottom: 3rem;
}

.p-footer__copyright {
  display: inline-block;
  width: 100%;
  background-color: #2d4aa4;
  color: white;
  font-size: 1.1rem;
  margin-bottom: 0;
}

/* --- CS研 --- */
.r-home .p-footer__bottom {
  padding: 0;
  margin: 0;
}

.r-home .p-footer__copyright {
  padding: 0;
  margin: 0;
  color: #333333;
  background-color: #FFF;
}

/* --- CS研 --- */
.r-ssken .p-footer__page-top-link {
  background-color: #cc0d0e;
}

.r-ssken .p-footer__utility {
  background-color: #cc0d0e;
}

.r-ssken .p-footer__copyright {
  background-color: #cc0d0e;
}

/* --- IS研 --- */
.r-isken .p-footer__page-top-link {
  background-color: #149b38;
}

.r-isken .p-footer__utility {
  background-color: #149b38;
}

.r-isken .p-footer__copyright {
  background-color: #149b38;
}

/* frame01.scss -------------------------------------------------------- */
.p-frame01 {
  border: 1px solid #cccccc;
  background: #ffffff;
  margin-top: 1rem;
  margin-bottom: 4rem;
}

.p-frame01__ttl {
  color: #333333;
  font-size: 1.8rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  margin-left: 2rem;
  margin-right: 2rem;
  font-weight: bold;
  border-bottom: 1px dotted #cccccc;
}

.p-frame01__body {
  padding-top: 1rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* --- CS研 --- */
.r-ssken .p-frame01 {
  border: 1px solid #cc0d0e;
}

.r-ssken .p-frame01__ttl {
  color: #333333;
  border-bottom: 1px dotted #cc0d0e;
}

/* --- IS研 --- */
.r-isken .p-frame01 {
  border: 1px solid #149b38;
}

.r-isken .p-frame01__ttl {
  color: #333333;
  border-bottom: 1px dotted #149b38;
}

/* header.scss -------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.hidehead {
  font-size: 0;
  margin: 0 0 20px 0;
  padding-bottom: 50px;
}

.p-home-header__top {
  border-top: 0.4rem solid #cc0d0e;
  padding-top: 1.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 0.4rem solid #dbdbdb;
  position: relative;
}

.p-home-header__top::after {
  content: "";
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #dbdbdb;
}

.p-home-header__logo-img {
  max-width: 100%;
}

.p-pc-header__top {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.p-pc-header__logo {
  float: left;
  margin: 1rem 0 !important;
}

.p-pc-header__utility {
  float: right;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.p-pc-header__utility-item {
  margin: 0 0.75rem;
}

.p-pc-header__utility-link {
  display: inline-block;
  text-align: center;
  padding-top: 0.5rem;
  padding-right: 3rem;
  padding-bottom: 0.5rem;
  padding-left: 5rem;
  position: relative;
  border-radius: 0.8rem;
  border: 0.1rem solid #2d4aa4;
  box-shadow: 0 2px #2d4aa4;
}

.p-pc-header__utility-link, .p-pc-header__utility-link:link, .p-pc-header__utility-link:visited, .p-pc-header__utility-link:hover, .p-pc-header__utility-link:active {
  text-decoration: none !important;
}

.p-pc-header__utility-link, .p-pc-header__utility-link:link, .p-pc-header__utility-link:visited {
  color: #333333;
  font-size: 1.4rem;
}

.p-pc-header__utility-link:hover, .p-pc-header__utility-link:active {
  background: #2d4aa4;
  color: #FFF;
}

.p-pc-header__faq-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2rem;
  margin-top: -0.9rem;
  background-image: url("../images/ico_question01.svg");
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
}

.p-pc-header__faq-link:hover::before, .p-pc-header__faq-link:active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2rem;
  margin-top: -0.9rem;
  background-image: url("../images/ico_question01w.svg");
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
}

.p-pc-header__site-map-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2rem;
  margin-top: -0.9rem;
  background-image: url("../images/ico_sitemap01.svg");
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
}

.p-pc-header__site-map-link:hover::before, .p-pc-header__site-map-link:active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2rem;
  margin-top: -0.9rem;
  background-image: url("../images/ico_sitemap01w.svg");
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
}

.p-pc-header__home-link {
  padding-left: 3rem;
}

.p-pc-header__bottom {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  position: relative;
}

.p-pc-header__bottom::before {
  content: '';
  position: absolute;
  top: -0.3rem;
  width: 100%;
}

.p-pc-header__bottom::after {
  content: '';
  position: absolute;
  bottom: -0.3rem;
  width: 100%;
}

.p-pc-header__global-nav-item {
  width: 25%;
  padding: 0.35rem;
  float: left;
  text-align: center;
  font-weight: bold;
  position: relative;
  background-color: #FFF;
}

.p-pc-header__global-nav-item:not(:last-child):after {
  content: '';
  position: absolute;
  top: 50%;
  right: -0.5rem;
  margin-top: -1.8rem;
  background-repeat: no-repeat;
  width: 1rem;
  height: 3.6rem;
  z-index: 5;
}

.p-pc-header__global-nav-link {
  text-decoration: none !important;
  font-size: 1.8rem;
  position: relative;
}

.p-pc-header__global-nav-link:link {
  text-decoration: none !important;
}

.p-pc-header__global-nav-link:visited {
  text-decoration: none !important;
}

.p-pc-header__global-nav-link:hover::after {
  content: '';
  bottom: -0.5rem;
  width: 100%;
  left: 0;
  position: absolute;
}

@media screen and (max-width: 991px) {
  .p-pc-header {
    display: none;
  }
}

.p-sp-header__top {
  display: flex;
  border-bottom: 0.8rem solid #cccccc;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.p-sp-header__logo-img {
  width: 23rem;
}

.p-sp-header__menu-btn {
  margin-left: auto;
}

.p-sp-header__menu-open, .p-sp-header__menu-close {
  width: 5rem;
  height: 5rem;
  border-radius: 0.25rem;
  background: #cccccc;
  color: #FFF;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  padding-top: 2.75rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border: none;
  position: relative;
}

.p-sp-header__menu-open::before, .p-sp-header__menu-close::before {
  font-size: 2.25rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 0.25rem;
  left: 50%;
}

.p-sp-header__menu-open::before {
  margin-left: -0.9rem;
  content: "\f0c9";
}

.p-sp-header__menu-close {
  display: none;
}

.p-sp-header__menu-close::before {
  margin-left: -0.55rem;
  content: "\f00d";
  margin-left: -0.8rem !important;
}

.p-sp-header__menu {
  background: #f5f5f5;
  padding-top: 3rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: none;
}

.p-sp-header__sub-top {
  display: flex;
  margin-bottom: 2rem;
}

.p-sp-header__sub-item {
  width: 49%;
}

.p-sp-header__sub-item:not(:last-child) {
  margin-right: 2%;
}

.p-sp-header__sub-img {
  width: 6.5rem;
  margin-left: auto;
}

.p-sp-header__link-list {
  display: flex;
  flex-wrap: wrap;
}

.p-sp-header__link-item {
  margin-right: 2rem;
}

.p-sp-header__link {
  font-size: 1.4rem;
}

.p-sp-header__link, .p-sp-header__link:link, .p-sp-header__link:visited, .p-sp-header__link:hover, .p-sp-header__link:active {
  color: #333333;
}

.p-sp-header__close-btn {
  border: none;
  background: #cccccc;
  text-align: center;
  display: block;
  color: #ffffff;
  width: 100%;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-top: 5rem;
}

.p-sp-header__global-nav {
  background: #ffffff;
  margin-bottom: 3rem;
}

.p-sp-header__global-nav-item:not(:last-child) {
  border-bottom: 0.1rem dotted #cccccc;
}

.p-sp-header__global-nav-link {
  display: block;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.p-sp-header__global-nav-link, .p-sp-header__global-nav-link:link, .p-sp-header__global-nav-link:visited, .p-sp-header__global-nav-link:hover, .p-sp-header__global-nav-link:active {
  color: #333333;
}

.p-sp-header__global-nav-link, .p-sp-header__global-nav-link:link, .p-sp-header__global-nav-link:visited, .p-sp-header__global-nav-link:hover, .p-sp-header__global-nav-link:active {
  text-decoration: none !important;
}

/* --- CS研 --- */
.r-ssken .p-pc-header__home-link {
  border: 0.1rem solid #cc0d0e;
  box-shadow: 0 2px #cc0d0e;
}

.r-ssken .p-pc-header__home-link:hover, .r-ssken .p-pc-header__home-link:active {
  background: #cc0d0e;
}

.r-ssken .p-pc-header__bottom {
  background: #cc0d0e;
}

.r-ssken .p-pc-header__bottom::before {
  content: '';
  position: absolute;
  top: -0.3rem;
  width: 100%;
  border-top: 1px solid #cc0d0e;
}

.r-ssken .p-pc-header__bottom::after {
  content: '';
  position: absolute;
  bottom: -0.3rem;
  width: 100%;
  border-bottom: 1px solid #cc0d0e;
}

.r-ssken .p-pc-header__global-nav-item {
  background-color: #FFF;
}

.r-ssken .p-pc-header__global-nav-item:not(:last-child):after {
  content: '';
  position: absolute;
  top: 50%;
  right: -0.5rem;
  margin-top: -1.8rem;
  background-image: url("../images/navi_split01.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 3.6rem;
  z-index: 5;
}

.r-ssken .p-pc-header__global-nav-link {
  color: #cc0d0e;
}

.r-ssken .p-pc-header__global-nav-link:link {
  text-decoration: none !important;
  color: #cc0d0e;
}

.r-ssken .p-pc-header__global-nav-link:visited {
  text-decoration: none !important;
  color: #cc0d0e;
}

.r-ssken .p-pc-header__global-nav-link:hover::after {
  content: '';
  border-bottom: 0.2rem solid #cc0d0e;
  bottom: -0.5rem;
  width: 100%;
  left: 0;
  position: absolute;
}

@media screen and (max-width: 991px) {
  .r-ssken .p-pc-header {
    display: none;
  }
}

.r-ssken .p-sp-header__top {
  display: flex;
  border-bottom: 0.8rem solid #cc0d0e;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.r-ssken .p-sp-header__logo-img {
  width: 23rem;
}

.r-ssken .p-sp-header__menu-btn {
  margin-left: auto;
}

.r-ssken .p-sp-header__menu-open, .r-ssken .p-sp-header__menu-close {
  width: 5rem;
  height: 5rem;
  border-radius: 0.25rem;
  background: #cc0d0e;
  color: #FFF;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  padding-top: 2.75rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border: none;
  position: relative;
}

.r-ssken .p-sp-header__menu-open::before, .r-ssken .p-sp-header__menu-close::before {
  font-size: 2.25rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 0.25rem;
  left: 50%;
}

.r-ssken .p-sp-header__menu-open::before {
  margin-left: -0.9rem;
  content: "\f0c9";
}

.r-ssken .p-sp-header__menu-close {
  display: none;
}

.r-ssken .p-sp-header__menu-close::before {
  margin-left: -0.55rem;
  content: "\f00d";
  margin-left: -0.8rem !important;
}

.r-ssken .p-sp-header__menu {
  background: #f5f5f5;
  padding-top: 3rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: none;
}

.r-ssken .p-sp-header__sub-top {
  display: flex;
  margin-bottom: 2rem;
}

.r-ssken .p-sp-header__sub-item {
  width: 49%;
}

.r-ssken .p-sp-header__sub-item:not(:last-child) {
  margin-right: 2%;
}

.r-ssken .p-sp-header__sub-img {
  width: 6.5rem;
  margin-left: auto;
}

.r-ssken .p-sp-header__link-list {
  display: flex;
  flex-wrap: wrap;
}

.r-ssken .p-sp-header__link-item {
  margin-right: 2rem;
}

.r-ssken .p-sp-header__link {
  font-size: 1.4rem;
}

.r-ssken .p-sp-header__link, .r-ssken .p-sp-header__link:link, .r-ssken .p-sp-header__link:visited, .r-ssken .p-sp-header__link:hover, .r-ssken .p-sp-header__link:active {
  color: #333333;
}

.r-ssken .p-sp-header__close-btn {
  border: none;
  background: #cc0d0e;
  text-align: center;
  display: block;
  color: #ffffff;
  width: 100%;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-top: 5rem;
}

.r-ssken .p-sp-header__global-nav {
  background: #ffffff;
  margin-bottom: 3rem;
}

.r-ssken .p-sp-header__global-nav-item:not(:last-child) {
  border-bottom: 0.1rem dotted #cc0d0e;
}

.r-ssken .p-sp-header__global-nav-link {
  display: block;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.r-ssken .p-sp-header__global-nav-link, .r-ssken .p-sp-header__global-nav-link:link, .r-ssken .p-sp-header__global-nav-link:visited, .r-ssken .p-sp-header__global-nav-link:hover, .r-ssken .p-sp-header__global-nav-link:active {
  color: #333333;
}

.r-ssken .p-sp-header__global-nav-link, .r-ssken .p-sp-header__global-nav-link:link, .r-ssken .p-sp-header__global-nav-link:visited, .r-ssken .p-sp-header__global-nav-link:hover, .r-ssken .p-sp-header__global-nav-link:active {
  text-decoration: none !important;
}

/* --- IS研 --- */
.r-isken .p-pc-header__home-link {
  border: 0.1rem solid #149b38;
  box-shadow: 0 2px #149b38;
}

.r-isken .p-pc-header__home-link:hover, .r-isken .p-pc-header__home-link:active {
  background: #149b38;
}

.r-isken .p-pc-header__bottom {
  background: #149b38;
}

.r-isken .p-pc-header__bottom::before {
  content: '';
  position: absolute;
  top: -0.3rem;
  width: 100%;
  border-top: 1px solid #149b38;
}

.r-isken .p-pc-header__bottom::after {
  content: '';
  position: absolute;
  bottom: -0.3rem;
  width: 100%;
  border-bottom: 1px solid #149b38;
}

.r-isken .p-pc-header__global-nav-item {
  background-color: #FFF;
}

.r-isken .p-pc-header__global-nav-item:not(:last-child):after {
  content: '';
  position: absolute;
  top: 50%;
  right: -0.5rem;
  margin-top: -1.8rem;
  background-image: url("../images/navi_split02.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 3.6rem;
  z-index: 5;
}

.r-isken .p-pc-header__global-nav-link {
  color: #149b38;
}

.r-isken .p-pc-header__global-nav-link:link {
  text-decoration: none !important;
  color: #149b38;
}

.r-isken .p-pc-header__global-nav-link:visited {
  text-decoration: none !important;
  color: #149b38;
}

.r-isken .p-pc-header__global-nav-link:hover::after {
  content: '';
  border-bottom: 0.2rem solid #149b38;
  bottom: -0.5rem;
  width: 100%;
  left: 0;
  position: absolute;
}

@media screen and (max-width: 991px) {
  .r-isken .p-pc-header {
    display: none;
  }
}

.r-isken .p-sp-header__top {
  border-bottom: 0.8rem solid #149b38;
}

.r-isken .p-sp-header__menu-open, .r-isken .p-sp-header__menu-close {
  background: #149b38;
  color: #FFF;
}

.r-isken .p-sp-header__close-btn {
  background: #149b38;
}

.r-isken .p-sp-header__global-nav-item:not(:last-child) {
  border-bottom: 0.1rem dotted #149b38;
}

/* heading -------------------------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
/* ページタイトル（h1） */
.p-heading01 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  position: relative;
  text-align: center;
}

.p-heading01__txt {
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-size: 3rem;
  padding: 2rem 5rem;
}

.p-heading01__txt::after {
  content: '';
  left: 0;
  position: absolute;
  bottom: 0.2rem;
  width: 100%;
}

.p-heading01__sub {
  font-size: 1.6rem;
  display: block;
}

/* リードコピー */
.p-heading-copy {
  margin-bottom: 2rem;
  text-align: center;
}

.p-heading-copy p {
  background: linear-gradient(transparent 70%, #c4dbec 0%);
  display: inline;
  padding: 0 2px 2px;
  font-size: 1.6rem;
  font-weight: bold;
}

/* 見出しパターン02 */
.p-heading02 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  position: relative;
  margin-bottom: 1rem;
}

.p-heading02::before {
  content: '';
  border-left: solid 0.3rem #cc0d0e;
  left: 0.2rem;
  position: absolute;
  top: 0;
  height: 100%;
}

.p-heading02 a {
  display: block;
}

.p-heading02 a, .p-heading02 a:link, .p-heading02 a:visited, .p-heading02 a:hover, .p-heading02 a:active {
  color: #333333;
}

/* 見出しパターン03 */
.p-heading03 {
  border-left: 0.3rem solid #cc0d0e;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.2;
  font-size: 2.0rem;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* 見出しパターン04 */
.p-heading04 {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  position: relative;
  padding-left: 1.35rem;
}

.p-heading04::before {
  content: "";
  background-color: #4c9ed9;
  border-radius: 0.25rem;
  height: 0.35rem;
  width: 1rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.225rem;
}

/* 見出しパターン05 */
.p-heading05 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fdfdfd;
  line-height: 1.2;
  margin-bottom: 0.2rem;
  margin-top: 1.5rem;
}

/* 見出しパターン06 */
.p-heading06 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.2rem;
  margin-top: 1.5rem;
}

@media screen and (max-width: 767px) {
  /* ページタイトル（h1） */
  /* リードコピー */
  /* 見出しパターン02 */
  /* 見出しパターン03 */
  /* 見出しパターン04 */
}

/* --- CS研 --- */
.r-ssken {
  /* ページタイトル（h1） */
  /* リードコピー */
  /* 見出しパターン02 */
  /* 見出しパターン03 */
  /* 見出しパターン04 */
  /* 見出しパターン05 */
  /* 見出しパターン06 */
  /* CSトップページ　見出しパターン */
}

.r-ssken .p-heading01__txt {
  border-bottom: 0.3rem solid #cc0d0e;
}

.r-ssken .p-heading01__txt::after {
  content: '';
  border-bottom: 0.1rem solid #cc0d0e;
  left: 0;
  position: absolute;
  bottom: 0.2rem;
  width: 100%;
}

.r-ssken .p-heading02 {
  border-bottom: 0.1rem solid #cc0d0e !important;
  border-left: 0.1rem solid #cc0d0e !important;
}

.r-ssken .p-heading02:before {
  border-left: solid 0.3rem #cc0d0e;
}

.r-ssken .p-heading02 a {
  display: block;
}

.r-ssken .p-heading02 a, .r-ssken .p-heading02 a:link, .r-ssken .p-heading02 a:visited, .r-ssken .p-heading02 a:hover, .r-ssken .p-heading02 a:active {
  color: #333333;
}

.r-ssken .p-heading03 {
  border-left: 0.3rem solid #4c9ed9;
  color: #fdfdfd;
}

.r-ssken .p-heading04::before {
  content: "";
  background-color: #4c9ed9;
  border-radius: 0.25rem;
  height: 0.35rem;
  width: 1rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.225rem;
}

.r-ssken .p-heading05 {
  color: #fdfdfd;
}

.r-ssken .p-heading-a {
  font-size: 2.4rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: 0.2rem solid #cc0d0e;
  border-left: none;
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .r-ssken {
    /* ページタイトル（h1） */
    /* リードコピー */
    /* 見出しパターン02 */
    /* 見出しパターン03 */
    /* 見出しパターン04 */
  }
}

/* --- IS研 --- */
.r-isken {
  /* ページタイトル（h1） */
  /* リードコピー */
  /* 見出しパターン02 */
  /* 見出しパターン03 */
  /* 見出しパターン04 */
  /* 見出しパターン05 */
  /* 見出しパターン06 */
  /* CSトップページ　見出しパターン */
}

.r-isken .p-heading01__txt {
  border-bottom: 0.3rem solid #149b38;
}

.r-isken .p-heading01__txt::after {
  content: '';
  border-bottom: 0.1rem solid #149b38;
  left: 0;
  position: absolute;
  bottom: 0.2rem;
  width: 100%;
}

.r-isken .p-heading02 {
  border-bottom: 0.1rem solid #149b38 !important;
  border-left: 0.1rem solid #149b38 !important;
}

.r-isken .p-heading02:before {
  border-left: solid 0.3rem #149b38;
}

.r-isken .p-heading02 a {
  display: block;
}

.r-isken .p-heading02 a, .r-isken .p-heading02 a:link, .r-isken .p-heading02 a:visited, .r-isken .p-heading02 a:hover, .r-isken .p-heading02 a:active {
  color: #333333;
}

.r-isken .p-heading03 {
  border-left: 0.3rem solid #4c9ed9;
  color: #fdfdfd;
}

.r-isken .p-heading04::before {
  content: "";
  background-color: #4c9ed9;
  border-radius: 0.25rem;
  height: 0.35rem;
  width: 1rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.225rem;
}

.r-isken .p-heading05 {
  color: #fdfdfd;
}

.r-isken .p-heading-a {
  font-size: 2.4rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: 0.2rem solid #149b38;
  border-left: none;
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .r-isken {
    /* ページタイトル（h1） */
    /* リードコピー */
    /* 見出しパターン02 */
    /* 見出しパターン03 */
    /* 見出しパターン04 */
  }
}

/* plugin-calendars.scss -------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.p-index01 {
  display: flex;
  flex-wrap: wrap;
}

.p-index01__item {
  width: 49%;
  margin-bottom: 1.5rem;
}

.p-index01__ttl {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: 0.1rem solid #cccccc;
  border-left: 0.1rem solid #cccccc;
  position: relative;
  margin-bottom: 2rem !important;
  margin-right: 3.5rem;
}

.p-index01__ttl::before {
  content: '';
  border-left: solid 0.3rem #cccccc;
  left: 0.2rem;
  position: absolute;
  top: 0;
  height: 100%;
}

.p-index01__link {
  /*text-decoration: none;*/
}

.p-index01__link, .p-index01__link:link, .p-index01__link:visited, .p-index01__link:hover, .p-index01__link:active {
  color: #333333;
}

.p-index01__box {
  display: flex;
}

.p-index01__img {
  width: 39%;
}

.p-index01__txt {
  width: 59%;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  line-height: 1.4;
  min-height: 11rem;
}

.p-index02 {
  display: flex;
  flex-wrap: wrap;
}

.p-index02__item {
  width: 49%;
  margin-bottom: 1.5rem;
}

.p-index02__ttl {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 2rem !important;
  border: 0 !important;
  border-bottom: 0.1rem dotted #cccccc !important;
  position: relative;
  margin-bottom: 2rem !important;
  margin-right: 3.5rem;
}

.p-index02__ttl::before {
  content: '';
  left: 0.5rem;
  position: absolute;
  top: 50%;
  height: 2rem;
  background-color: #cccccc;
  width: 0.5rem;
  margin-top: -1rem;
}

.p-index02__link {
  /*text-decoration: none;*/
}

.p-index02__link, .p-index02__link:link, .p-index02__link:visited, .p-index02__link:hover, .p-index02__link:active {
  color: #333333;
}

.p-index02__box {
  display: flex;
}

.p-index02__img {
  width: 39%;
}

.p-index02__txt {
  width: 59%;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  line-height: 1.4;
  min-height: 11rem;
}

@media screen and (max-width: 767px) {
  .p-index01__item {
    width: 100%;
  }
  .p-index02__item {
    width: 100%;
  }
}

/* --- CS研 --- */
.r-ssken .p-index01__ttl {
  border-bottom: 0.1rem solid #cc0d0e;
  border-left: 0.1rem solid #cc0d0e;
  padding-left: 1.25rem !important;
}

.r-ssken .p-index01__ttl::before {
  border-left: solid 0.3rem #cc0d0e;
}

.r-ssken .p-index01__link, .r-ssken .p-index01__link:link, .r-ssken .p-index01__link:visited, .r-ssken .p-index01__link:hover, .r-ssken .p-index01__link:active {
  color: #333333;
}

.r-ssken .p-index01__link:before {
  background: #cc0d0e;
}

.r-ssken .p-index02__ttl {
  border-bottom: 0.1rem dotted #cc0d0e !important;
}

.r-ssken .p-index02__ttl::before {
  background-color: #cc0d0e;
}

.r-ssken .p-index02__link, .r-ssken .p-index02__link:link, .r-ssken .p-index02__link:visited, .r-ssken .p-index02__link:hover, .r-ssken .p-index02__link:active {
  color: #333333;
}

.r-ssken .p-index02__link:before {
  background: #cc0d0e;
}

/* --- IS研 --- */
.r-isken .p-index01__ttl {
  border-bottom: 0.1rem solid #149b38;
  border-left: 0.1rem solid #149b38;
  padding-left: 1.25rem !important;
}

.r-isken .p-index01__ttl::before {
  border-left: solid 0.3rem #149b38;
}

.r-isken .p-index01__link, .r-isken .p-index01__link:link, .r-isken .p-index01__link:visited, .r-isken .p-index01__link:hover, .r-isken .p-index01__link:active {
  color: #333333;
}

.r-isken .p-index01__link:before {
  background: #149b38;
}

.r-isken .p-index02__ttl {
  border-bottom: 0.1rem dotted #149b38 !important;
}

.r-isken .p-index02__ttl::before {
  background-color: #149b38;
}

.r-isken .p-index02__link, .r-isken .p-index02__link:link, .r-isken .p-index02__link:visited, .r-isken .p-index02__link:hover, .r-isken .p-index02__link:active {
  color: #333333;
}

.r-isken .p-index02__link:before {
  background: #149b38;
}

/* link -------------------------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.p-link01 {
  padding-left: 1.25rem;
  position: relative;
}

.p-link01:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.8rem;
  background-image: url("../images/ico_arw01.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-link01:link {
  color: #3e8abe;
}

.p-link01:visited {
  color: #77007d;
}

.p-link01:hover, .p-link01:hover:link, .p-link01:hover:visited, .p-link01:hover:hover, .p-link01:hover:active, .p-link01:active, .p-link01:active:link, .p-link01:active:visited, .p-link01:active:hover, .p-link01:active:active {
  text-decoration: none !important;
}

/* --- CS研 --- */
/* --- IS研 --- */
/* link-list -------------------------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.p-link-list01 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.p-link-list01 li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p-link-list01 li a {
  padding-left: 1.25rem;
  position: relative;
}

.p-link-list01 li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.8rem;
  background-image: url("../images/ico_arw01.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-link-list01 li a:link {
  color: #3e8abe;
}

.p-link-list01 li a:visited {
  color: #77007d;
}

.p-link-list01 li a:hover, .p-link-list01 li a:hover:link, .p-link-list01 li a:hover:visited, .p-link-list01 li a:hover:hover, .p-link-list01 li a:hover:active, .p-link-list01 li a:active, .p-link-list01 li a:active:link, .p-link-list01 li a:active:visited, .p-link-list01 li a:active:hover, .p-link-list01 li a:active:active {
  text-decoration: none !important;
}

.p-link-list02 li a {
  border-bottom: 0.1rem dotted #4c9ed9;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1rem;
  position: relative;
}

.p-link-list02 li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.8rem;
  background-image: url("../images/ico_arw01.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-link-list02 li a:link {
  color: #3e8abe;
}

.p-link-list02 li a:visited {
  color: #77007d;
}

.p-link-list02 li a:hover, .p-link-list02 li a:active {
  background: #f5f5f5;
}

.p-link-list02 li a:hover, .p-link-list02 li a:hover:link, .p-link-list02 li a:hover:visited, .p-link-list02 li a:hover:hover, .p-link-list02 li a:hover:active, .p-link-list02 li a:active, .p-link-list02 li a:active:link, .p-link-list02 li a:active:visited, .p-link-list02 li a:active:hover, .p-link-list02 li a:active:active {
  text-decoration: none !important;
}

.p-link-list03 li {
  border-bottom: 0.1rem dotted #4c9ed9;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1rem;
  position: relative;
}

.p-link-list03 li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.8rem;
  background-image: url("../images/ico_arw01.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.6rem;
}

.p-link-list03 li a:link {
  color: #3e8abe;
}

.p-link-list03 li a:visited {
  color: #77007d;
}

.p-link-list03 li a:hover, .p-link-list03 li a:active {
  background: #f5f5f5;
}

.p-link-list03 li a:hover, .p-link-list03 li a:hover:link, .p-link-list03 li a:hover:visited, .p-link-list03 li a:hover:hover, .p-link-list03 li a:hover:active, .p-link-list03 li a:active, .p-link-list03 li a:active:link, .p-link-list03 li a:active:visited, .p-link-list03 li a:active:hover, .p-link-list03 li a:active:active {
  text-decoration: none !important;
}

.p-link-list03 li.broken-link {
  text-decoration: line-through;
}

/* --- CS研 --- */
/* --- IS研 --- */
/* main-visual -------------------------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.p-main-hvisual {
  position: relative;
}

.p-main-hvisual__link {
  font-weight: bold;
  display: inline-block;
  text-align: center;
  min-width: 18rem;
  padding-top: 1.15rem;
  padding-right: 2.5rem;
  padding-bottom: 1.21rem;
  padding-left: 2.5rem;
  position: absolute;
  border-radius: 0.8rem;
  border: 0.1rem solid #cc0d0e;
  box-shadow: 0 2px #cc0d0e;
  background-color: #FFF;
  top: 45%;
  left: 50%;
  margin-left: -14rem;
}

.p-main-hvisual__link, .p-main-hvisual__link:link, .p-main-hvisual__link:visited, .p-main-hvisual__link:hover, .p-main-hvisual__link:active {
  text-decoration: none !important;
}

.p-main-hvisual__link, .p-main-hvisual__link:link, .p-main-hvisual__link:visited {
  color: #333333;
  font-size: 1.4rem;
}

.p-main-hvisual__link:hover, .p-main-hvisual__link:active {
  background: #cc0d0e;
  color: #FFF;
}

.p-main-hvisual-bnr {
  position: relative;
}

.p-main-hvisual-bnr__link {
  font-weight: bold;
  display: inline-block;
  text-align: center;
  min-width: 18rem;
  padding-top: 1.15rem;
  padding-right: 2.5rem;
  padding-bottom: 1.21rem;
  padding-left: 2.5rem;
  position: absolute;
  border-radius: 0.8rem;
  border: 0.1rem solid #3c87be;
  box-shadow: 0 2px #3c87be;
  background-color: #FFF;
  bottom: 15%;
  right: 5%;
}

.p-main-hvisual-bnr__link, .p-main-hvisual-bnr__link:link, .p-main-hvisual-bnr__link:visited, .p-main-hvisual-bnr__link:hover, .p-main-hvisual-bnr__link:active {
  text-decoration: none !important;
}

.p-main-hvisual-bnr__link, .p-main-hvisual-bnr__link:link, .p-main-hvisual-bnr__link:visited {
  color: #333333;
  font-size: 1.4rem;
}

.p-main-hvisual-bnr__link:hover, .p-main-hvisual-bnr__link:active {
  background: #3c87be;
  color: #FFF;
}

.p-pc-main-visual__box {
  margin-bottom: 6rem;
  position: relative;
}

.p-pc-main-visual__list {
  position: relative;
}

.p-pc-main-visual__list::before {
  content: '';
  background: rgba(255, 255, 255, 0.8);
  display: block;
  height: 100%;
  width: 100%;
  left: -99%;
  top: 0;
  position: absolute;
  z-index: 1;
}

.p-pc-main-visual__list::after {
  content: '';
  background: rgba(255, 255, 255, 0.8);
  display: block;
  height: 100%;
  width: 200%;
  right: -199%;
  top: 0;
  position: absolute;
  z-index: 0;
}

.p-pc-main-visual__control {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 2.8rem;
}

.p-pc-main-visual__play, .p-pc-main-visual__pause {
  background: #FFF;
  color: #333333;
  font-weight: bold;
  font-size: 1.3rem;
  border: 0.1rem solid #cc0d0e;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.p-pc-main-visual__play::before, .p-pc-main-visual__pause::before {
  font-weight: 900;
  margin-right: 0.3rem;
  font-size: 0.9rem;
  top: 0.3rem;
  left: 1rem;
  font-family: "Font Awesome 5 Free";
}

.p-pc-main-visual__play {
  margin-right: 1rem;
}

.p-pc-main-visual__play::before {
  content: "\f04b";
}

.p-pc-main-visual__pause::before {
  content: "\f04c";
}

.p-pc-main-visual__item {
  margin: 0 0.5rem;
}

.p-pc-main-visual__link img {
  margin: 0 !important;
}

.p-pc-main-visual .slick-dots {
  display: flex;
  position: absolute;
  width: auto;
  right: 0;
  bottom: -2.3rem;
}

.p-pc-main-visual .slick-dots li {
  height: auto;
  width: auto;
  margin-right: 1rem;
}

.p-pc-main-visual .slick-dots li button {
  height: 1rem;
  width: 1rem;
  border: 0.1rem solid #cc0d0e;
  background: #FFF;
}

.p-pc-main-visual .slick-dots .slick-active button {
  background: #cc0d0e;
  opacity: 1;
}

.p-pc-main-visual .slick-list {
  width: 400%;
  margin-left: -150%;
}

.p-pc-main-visual .slick-prev {
  z-index: 1;
}

.p-pc-main-visual .slick-next {
  z-index: 1;
}

.p-pc-main-visual .prev-arrow {
  display: inline;
  position: absolute;
  z-index: 10;
  top: calc(50% - 2rem);
  left: -4rem;
}

.p-pc-main-visual .next-arrow {
  display: inline;
  position: absolute;
  z-index: 10;
  top: calc(50% - 2rem);
  right: -4rem;
}

/* --- IS研 --- */
.r-isken .p-pc-main-visual__play, .r-isken .p-pc-main-visual__pause {
  background: #FFF;
  color: #333333;
  border: 0.1rem solid #149b38;
}

.r-isken .p-pc-main-visual .slick-dots li button {
  border: 0.1rem solid #149b38;
  background: #FFF;
}

.r-isken .p-pc-main-visual .slick-dots .slick-active button {
  background: #149b38;
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .p-main-hvisual {
    margin-bottom: 2rem;
  }
  .p-pc-main-visual {
    margin-bottom: 5rem;
  }
  .p-pc-main-visual__container {
    padding: 0;
  }
  .p-pc-main-visual .slick-list {
    width: 100%;
    margin-left: 0;
  }
  .p-pc-main-visual .slide-arrow {
    display: none !important;
  }
  .p-pc-main-visual__control {
    bottom: -2.5rem;
    left: 1.75rem;
  }
}

@media screen and (max-width: 767px) {
  .p-main-hvisual {
    margin-bottom: 2rem;
  }
  .p-main-hvisual__link {
    top: 55%;
    left: 50%;
    margin-left: -10.5rem;
  }
}

@media screen and (max-width: 1199px) {
  .p-pc-main-visual__item {
    width: 60rem;
  }
}

/* slider -------------------------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.p-slider01 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.p-slider01__item {
  position: relative;
}

.p-slider01__link {
  display: block;
  margin-left: 1rem;
  margin-right: 1rem;
}

.p-slider01__link img {
  margin: 0 !important;
}

.p-slider01__ttl {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: black;
  color: #FFF;
  font-weight: bold;
  margin: 0 1rem !important;
  width: calc(100% - 2rem);
  border: 0 !important;
  padding: 0.5rem 1rem;
}

.p-slider01 .slick-dots li {
  height: auto;
  width: auto;
  margin-right: 1rem;
}

.p-slider01 .slick-dots li button {
  height: 1rem;
  width: 1rem;
  border: 0.1rem solid #cc0d0e;
  background: #FFF;
}

.p-slider01 .slick-dots .slick-active button {
  background: #cc0d0e;
  opacity: 1;
}

/* --- CS研 --- */
/* --- IS研 --- */
/* tab -------------------------------------------------------------------------- */
.p-tab01 {
  margin-top: 5rem;
}

.p-tab01__tab-list {
  display: flex;
}

.p-tab01__tab-item {
  width: 100%;
}

.p-tab01__tab-item:first-child a {
  margin-left: 0;
}

.p-tab01__tab-item:last-child a {
  margin-right: 0;
}

.p-tab01__tab-link {
  background: #FFF;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-weight: bold;
  color: #333333;
  cursor: pointer;
  border-top: 0.2rem solid #2d4aa4;
  border-right: 0.2rem solid #2d4aa4;
  border-left: 0.2rem solid #2d4aa4;
  border-radius: 1rem 1rem 0 0;
  text-align: center;
  display: block;
  margin-right: 0.4rem;
}

.p-tab01__tab-link, .p-tab01__tab-link:link, .p-tab01__tab-link:visited, .p-tab01__tab-link:hover, .p-tab01__tab-link:active {
  text-decoration: none !important;
}

.p-tab01__tab-link, .p-tab01__tab-link:link, .p-tab01__tab-link:visited, .p-tab01__tab-link:hover, .p-tab01__tab-link:active {
  color: #333333;
}

.p-tab01__tab-link--csken {
  border-top: 0.2rem solid #cc0d0e;
  border-right: 0.2rem solid #cc0d0e;
  border-left: 0.2rem solid #cc0d0e;
}

.p-tab01__tab-link--isken {
  border-top: 0.2rem solid #149b38;
  border-right: 0.2rem solid #149b38;
  border-left: 0.2rem solid #149b38;
}

.p-tab01__tab-link.is-select {
  border-bottom: 0.2rem solid #FFF;
  margin-bottom: -0.2rem;
  padding-bottom: 2.2rem;
  position: relative;
  z-index: 5;
}

.p-tab01__tab-link.is-select:before {
  position: absolute;
  content: "";
  width: 1.6rem;
  height: 1rem;
  bottom: -1rem;
  left: 50%;
  margin-left: -0.8rem;
}

.p-tab01__cont-item.is-select {
  display: block;
}

.p-tab01__cont-item.is-hide {
  display: none;
}

.p-tab01__cont-list #panel1 {
  padding: 5rem;
  border: 0.2rem solid #2d4aa4;
}

.p-tab01__cont-list #panel2 {
  padding: 5rem;
  border: 0.2rem solid #cc0d0e;
}

.p-tab01__cont-list #panel3 {
  padding: 5rem;
  border: 0.2rem solid #149b38;
}

.p-tab01__bottom {
  text-align: center;
}

.p-tab01__btn {
  font-weight: bold;
  display: inline-block;
  text-align: center;
  min-width: 18rem;
  padding-top: 1.15rem;
  padding-right: 2.5rem;
  padding-bottom: 1.21rem;
  padding-left: 2.5rem;
  position: relative;
  border-radius: 0.8rem;
  border: 0.1rem solid #3c87be;
  box-shadow: 0 2px #3c87be;
}

.p-tab01__btn, .p-tab01__btn:link, .p-tab01__btn:visited, .p-tab01__btn:hover, .p-tab01__btn:active {
  text-decoration: none !important;
}

.p-tab01__btn, .p-tab01__btn:link, .p-tab01__btn:visited {
  color: #333333;
  font-size: 1.4rem;
}

.p-tab01__btn:hover, .p-tab01__btn:active {
  background: #149b38;
  color: #FFF;
}

.p-tab01 .p-info .topic-row-outer div {
  display: flex;
}

.p-tab01 .p-info .topic-row-outer div .topic-category-name {
  order: 1;
  border: 0.1rem solid #3c87be;
  color: #3c87be;
  padding: 0;
  margin-right: 2.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  min-width: 12rem;
  text-align: center;
  display: inline-block;
}

.p-tab01 .p-info .topic-row-outer div .topic-title {
  order: 2;
}

@media screen and (max-width: 767px) {
  .p-tab01 {
    margin-top: 3rem;
  }
  .p-tab01__tab-link {
    line-height: 1;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    padding-left: 0;
    padding-right: 0;
  }
  .p-tab01__tab-link.is-select:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1rem;
    bottom: -0.5rem;
    left: 0;
    margin-left: 0;
    background-color: #FFF;
  }
  .p-tab01 .p-info .topic-row-outer div .topic-title {
    white-space: normal;
  }
  .p-tab01__cont-list #panel1 {
    padding: 1.5rem;
  }
  .p-tab01__cont-list #panel2 {
    padding: 1.5rem;
  }
  .p-tab01__cont-list #panel3 {
    padding: 1.5rem;
  }
}

/* ul-list -------------------------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.p-ul-list01 {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 25px;
}

.p-ul-list01 li {
  margin-top: 5px;
  margin-bottom: 5px;
  list-style: none;
  position: relative;
}

.p-ul-list01 li::before {
  content: '';
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background: #3d82b9;
  top: 1rem;
  left: -1rem;
}

/* --- CS研 --- */
/* --- IS研 --- */
/* #Align
   -------------------------------------------------------------------------- */
/*doc
---
title: align
name: align
categories: [utility]
---
画像などを左右や中央に配置します。
```block
<div class="c-wrapper">
	<img src="http://lorempixel.com/150/150/">
	<img src="http://lorempixel.com/150/150/" class="u-align-center">
	<img src="http://lorempixel.com/150/150/" class="u-align-right">
</div>
```
*/
.u-align-left {
  display: block !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.u-align-center {
  display: block !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.u-align-right {
  display: block !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* -----------------------------------------------------------------------------
   #Float
   -------------------------------------------------------------------------- */
/*doc
---
title: float
name: float
categories: [utility]
---

```block
```
*/
.u-float-left {
  float: left !important;
}

.u-float-right {
  float: right !important;
}

.u-clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/* #Margin
   -------------------------------------------------------------------------- */
/*doc
---
title: margin
name: margin
categories: [utility]
---
マージンで余白の管理をします。常に下方向にだけ余白をとります。
`<section>`要素を使うようなセクションの余白はlayout/_section.scssで管理します。
* `.u-mb`は常に余白をとります。
* `.u-mb-gain`は768px以上で余白を指定します。
* `.u-mb-lose`は768px以上で余白を無くします。
```block
<div class="u-mb-medium">
	<p>Lorem ipsum</p>
</div>
<div class="u-mb-gain-medium">
	<p>Lorem ipsum</p>
</div>
<div class="u-mb-lose-medium">
	<p>Lorem ipsum</p>
</div>
```
*/
/* 常に余白を指定するクラス。 */
.u-mb-none {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mb-none {
    margin-bottom: 0 !important;
  }
}

.u-mb-tiny {
  margin-bottom: 1.5rem !important;
}

@media screen and (min-width: 768px) {
  .u-mb-tiny {
    margin-bottom: 1.5rem !important;
  }
}

.u-mb-small {
  margin-bottom: 2rem !important;
}

@media screen and (min-width: 768px) {
  .u-mb-small {
    margin-bottom: 2rem !important;
  }
}

.u-mb-medium {
  margin-bottom: 1.5rem !important;
}

@media screen and (min-width: 768px) {
  .u-mb-medium {
    margin-bottom: 3rem !important;
  }
}

.u-mb-large {
  margin-bottom: 2rem !important;
}

@media screen and (min-width: 768px) {
  .u-mb-large {
    margin-bottom: 4rem !important;
  }
}

.u-mb-huge {
  margin-bottom: 2.5rem !important;
}

@media screen and (min-width: 768px) {
  .u-mb-huge {
    margin-bottom: 5rem !important;
  }
}

.u-mt-none {
  margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mt-none {
    margin-top: 0 !important;
  }
}

.u-mt-tiny {
  margin-top: 1.5rem !important;
}

@media screen and (min-width: 768px) {
  .u-mt-tiny {
    margin-top: 1.5rem !important;
  }
}

.u-mt-small {
  margin-top: 2rem !important;
}

@media screen and (min-width: 768px) {
  .u-mt-small {
    margin-top: 2rem !important;
  }
}

.u-mt-medium {
  margin-top: 1.5rem !important;
}

@media screen and (min-width: 768px) {
  .u-mt-medium {
    margin-top: 3rem !important;
  }
}

.u-mt-large {
  margin-top: 2rem !important;
}

@media screen and (min-width: 768px) {
  .u-mt-large {
    margin-top: 4rem !important;
  }
}

.u-mt-huge {
  margin-top: 2.5rem !important;
}

@media screen and (min-width: 768px) {
  .u-mt-huge {
    margin-top: 5rem !important;
  }
}

/* 768px以上で余白を指定するクラス。 */
.u-mb-gain-tiny {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mb-gain-tiny {
    margin-bottom: 1rem !important;
  }
}

.u-mb-gain-small {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mb-gain-small {
    margin-bottom: 2rem !important;
  }
}

.u-mb-gain-medium {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mb-gain-medium {
    margin-bottom: 3rem !important;
  }
}

.u-mb-gain-large {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mb-gain-large {
    margin-bottom: 4rem !important;
  }
}

.u-mb-gain-huge {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mb-gain-huge {
    margin-bottom: 5rem !important;
  }
}

.u-mt-gain-tiny {
  margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mt-gain-tiny {
    margin-top: 1rem !important;
  }
}

.u-mt-gain-small {
  margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mt-gain-small {
    margin-top: 2rem !important;
  }
}

.u-mt-gain-medium {
  margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mt-gain-medium {
    margin-top: 3rem !important;
  }
}

.u-mt-gain-large {
  margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mt-gain-large {
    margin-top: 4rem !important;
  }
}

.u-mt-gain-huge {
  margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
  .u-mt-gain-huge {
    margin-top: 5rem !important;
  }
}

/* 768px以上で余白を無くすクラス。 */
.u-mb-lose-tiny {
  margin-bottom: 1rem !important;
}

@media screen and (min-width: 768px) {
  .u-mb-lose-tiny {
    margin-bottom: 0 !important;
  }
}

.u-mb-lose-small {
  margin-bottom: 1.5rem !important;
}

@media screen and (min-width: 768px) {
  .u-mb-lose-small {
    margin-bottom: 0 !important;
  }
}

.u-mb-lose-medium {
  margin-bottom: 2rem !important;
}

@media screen and (min-width: 768px) {
  .u-mb-lose-medium {
    margin-bottom: 0 !important;
  }
}

.u-mb-lose-large {
  margin-bottom: 2.5rem !important;
}

@media screen and (min-width: 768px) {
  .u-mb-lose-large {
    margin-bottom: 0 !important;
  }
}

.u-mb-lose-huge {
  margin-bottom: 3rem !important;
}

@media screen and (min-width: 768px) {
  .u-mb-lose-huge {
    margin-bottom: 0 !important;
  }
}

.u-mt-lose-tiny {
  margin-top: 1rem !important;
}

@media screen and (min-width: 768px) {
  .u-mt-lose-tiny {
    margin-top: 0 !important;
  }
}

.u-mt-lose-small {
  margin-top: 1.5rem !important;
}

@media screen and (min-width: 768px) {
  .u-mt-lose-small {
    margin-top: 0 !important;
  }
}

.u-mt-lose-medium {
  margin-top: 2rem !important;
}

@media screen and (min-width: 768px) {
  .u-mt-lose-medium {
    margin-top: 0 !important;
  }
}

.u-mt-lose-large {
  margin-top: 2.5rem !important;
}

@media screen and (min-width: 768px) {
  .u-mt-lose-large {
    margin-top: 0 !important;
  }
}

.u-mt-lose-huge {
  margin-top: 3rem !important;
}

@media screen and (min-width: 768px) {
  .u-mt-lose-huge {
    margin-top: 0 !important;
  }
}

/* #Padding
   -------------------------------------------------------------------------- */
/*doc
---
title: padding
name: padding
categories: [utility]
---
```block

```
*/
/* 上 */
.u-pt-none {
  padding-top: 0 !important;
}

.u-pt-tiny {
  padding-top: 4rem !important;
}

@media screen and (max-width: 767px) {
  .u-pt-tiny {
    padding-top: 2rem !important;
  }
}

.u-pt-small {
  padding-top: 6rem !important;
}

@media screen and (max-width: 767px) {
  .u-pt-small {
    padding-top: 3rem !important;
  }
}

.u-pt-medium {
  padding-top: 8rem !important;
}

@media screen and (max-width: 767px) {
  .u-pt-medium {
    padding-top: 4rem !important;
  }
}

.u-pt-large {
  padding-top: 10rem !important;
}

@media screen and (max-width: 767px) {
  .u-pt-large {
    padding-top: 5rem !important;
  }
}

.u-pt-huge {
  padding-top: 12rem !important;
}

@media screen and (max-width: 767px) {
  .u-pt-huge {
    padding-top: 6rem !important;
  }
}

/* 下 */
.u-pb-none {
  padding-bottom: 0 !important;
}

.u-pb-tiny {
  padding-bottom: 4rem !important;
}

@media screen and (max-width: 767px) {
  .u-pb-tiny {
    padding-bottom: 2rem !important;
  }
}

.u-pb-small {
  padding-bottom: 6rem !important;
}

@media screen and (max-width: 767px) {
  .u-pb-small {
    padding-bottom: 3rem !important;
  }
}

.u-pb-medium {
  padding-bottom: 8rem !important;
}

@media screen and (max-width: 767px) {
  .u-pb-medium {
    padding-bottom: 4rem !important;
  }
}

.u-pb-large {
  padding-bottom: 10rem !important;
}

@media screen and (max-width: 767px) {
  .u-pb-large {
    padding-bottom: 5rem !important;
  }
}

.u-pb-huge {
  padding-bottom: 12rem !important;
}

@media screen and (max-width: 767px) {
  .u-pb-huge {
    padding-bottom: 6rem !important;
  }
}

/* 上下 */
.u-ptpb-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.u-ptpb-tiny {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

@media screen and (max-width: 767px) {
  .u-ptpb-tiny {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

.u-ptpb-small {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

@media screen and (max-width: 767px) {
  .u-ptpb-small {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

.u-ptpb-medium {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

@media screen and (max-width: 767px) {
  .u-ptpb-medium {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

.u-ptpb-large {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

@media screen and (max-width: 767px) {
  .u-ptpb-large {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

.u-ptpb-huge {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

@media screen and (max-width: 767px) {
  .u-ptpb-huge {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

/* #Percent
   -------------------------------------------------------------------------- */
/*doc
---
title: percent
name: percent
categories: [utility]
---
`width`プロパティを5%刻みで指定する汎用クラスです。
```block
<div class="c-wrapper">
	<table class="c-table">
		<tr>
			<th class="u-percent50">th1</th>
			<th>th2</th>
			<th>th3</th>
		</tr>
		<tr>
			<td>td1</td>
			<td>td2</td>
			<td>td3</td>
		</tr>
	</table>
</div>
```
*/
.u-percent5 {
  width: 5% !important;
}

.u-percent10 {
  width: 10% !important;
}

.u-percent15 {
  width: 15% !important;
}

.u-percent20 {
  width: 20% !important;
}

.u-percent25 {
  width: 25% !important;
}

.u-percent30 {
  width: 30% !important;
}

.u-percent35 {
  width: 35% !important;
}

.u-percent40 {
  width: 40% !important;
}

.u-percent45 {
  width: 45% !important;
}

.u-percent50 {
  width: 50% !important;
}

.u-percent55 {
  width: 55% !important;
}

.u-percent60 {
  width: 60% !important;
}

.u-percent65 {
  width: 65% !important;
}

.u-percent70 {
  width: 70% !important;
}

.u-percent75 {
  width: 75% !important;
}

.u-percent80 {
  width: 80% !important;
}

.u-percent85 {
  width: 85% !important;
}

.u-percent90 {
  width: 90% !important;
}

.u-percent95 {
  width: 95% !important;
}

.u-percent100 {
  width: 100% !important;
}

/* #u-row-width
   -------------------------------------------------------------------------- */
/*doc
---
title: u-row-width
name: u-row-width
categories: [utility]
---
Bootstrapのガター幅を調整します。
```block
<div class="row u-row-0 u-row-md-10 u-row-sm-20 u-row-xs-30">
    <div class="col-sm-6">
    </div>
    <div class="col-sm-6">
    </div>
</div>
```
*/
/* ガター幅（余白）指定
--------------------------------------------- */
/* lg以下 */
.u-row-none {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.u-row-none > div, .u-row-none li {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.u-row-small {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

.u-row-small > div, .u-row-small li {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.u-row-medium {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.u-row-medium > div, .u-row-medium li {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.u-row-large {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.u-row-large > div, .u-row-large li {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

/* md以下 */
@media screen and (max-width: 1199px) {
  .u-row-md-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-row-md-none > div, .u-row-md-none li {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-row-md-small {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .u-row-md-small > div, .u-row-md-small li {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .u-row-md-medium {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .u-row-md-medium > div, .u-row-md-medium li {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .u-row-md-large {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .u-row-md-large > div, .u-row-md-large li {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

/* sm以下 */
@media screen and (max-width: 991px) {
  .u-row-sm-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-row-sm-none > div, .u-row-sm-none li {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-row-sm-small {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .u-row-sm-small > div, .u-row-sm-small li {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .u-row-sm-medium {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .u-row-sm-medium > div, .u-row-sm-medium li {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .u-row-sm-large {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .u-row-sm-large > div, .u-row-sm-large li {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

/* xs以下 */
@media screen and (max-width: 767px) {
  .u-row-xs-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-row-xs-none > div, .u-row-xs-none li {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-row-xs-small {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .u-row-xs-small > div, .u-row-xs-small li {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .u-row-xs-medium {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .u-row-xs-medium > div, .u-row-xs-medium li {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .u-row-xs-large {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .u-row-xs-large > div, .u-row-xs-large li {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

/* -----------------------------------------------------------------------------
   #Text
   -------------------------------------------------------------------------- */
/*doc
---
title: text
name: text
categories: [utility]
---
テキストのスタイルを指定する汎用クラスです。
```block
<p class="u-text-light">font-weight 300</p>
<p class="u-text-normal">font-weight 400</p>
<p class="u-text-bold">font-weight 600</p>
<p class="u-text-indent">先頭の1文字目を1文字分字下げします。</p>
<p class="u-text-note">2行目以降の1文字目を1文字分字下げします。<br>2行目以降の1文字目を1文字分字下げします。</p>
<p class="u-text-nowrap">テキストを折り返させません。横幅を超えても、このテキストは折り返さずに表示されます。</p>
<p class="u-text-breakword">テキストを折り返させます。長文になっても、このテキストは必ず折り返して表示されます。</p>
<p class="u-text-justify">テキストを両端揃え（均等割り付け）させます。通常のテキストと文字間が違うのが分かると思います。</p>
<p class="u-text-none">記述した通りに表示します。</p>
<p class="u-text-lowercase">abcdEFGH すべての英単語を小文字で表示します。</p>
<p class="u-text-uppercase">abcdEFGH すべての英単語を大文字で表示します。</p>
<p class="u-text-capitalize">abcdEFGH 英単語の先頭を大文字で表示します。</p>
<p class="u-text-smallcaps">abcdEFGH スモールキャップ（小文字と同じ高さで作られた大文字）で表示します。</p>
<p class="u-text-vertical">abcdEFGH 縦書きで表示します。</p>
<p class="u-text-vertical u-text-vertical--upright">abcdEFGH 英文も縦書きにする場合はModifierを指定します。</p>
<p class="u-text-right">text-align right</p>
<p class="u-text-center">text-align center</p>
<p class="u-text-left">text-align left</p>
<p class="u-text-top">vertical-align top</p>
<p class="u-text-middle">vertical-align middle</p>
<p class="u-text-bottom">vertical-align bottom</p>
```
*/
/* font-weightを指定します。 */
/*.u-text-light {
  font-weight: $_font-weight-light !important;
}

.u-text-normal {
  font-weight: $_font-weight-normal !important;
}

.u-text-bold {
  font-weight: $_font-weight-bold !important;
}*/
/* 先頭の1文字目を1文字分字下げします。 */
.u-text-indent {
  text-indent: 1em !important;
}

/* 2行目以降の1文字目を1文字分字下げします。 */
.u-text-note {
  margin-left: 1em !important;
  text-indent: -1em !important;
}

/* テキストを改行させません。 */
.u-text-nowrap {
  white-space: nowrap !important;
}

/* テキストを改行させます。 */
.u-text-breakword {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* テキストを両端揃えさせます。 */
.u-text-justify {
  text-align: justify !important;
  text-justify: inter-ideograph !important;
}

/* 記述した通りに表示します。 */
.u-text-none {
  text-transform: none !important;
}

/* すべての英単語を小文字にします。 */
.u-text-lowercase {
  text-transform: lowercase !important;
}

/* すべての英単語を大文字にします。 */
.u-text-uppercase {
  text-transform: uppercase !important;
}

/* 英単語の先頭を大文字にします。 */
.u-text-capitalize {
  text-transform: capitalize !important;
}

/* スモールキャップ（小文字と同じ高さで作られた大文字）にします。 */
.u-text-smallcaps {
  font-variant: small-caps !important;
}

/* 縦書きにします。 */
.u-text-vertical {
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
}

/* 英文も縦書きにする場合はModifierを指定します。 */
.u-text-vertical--upright {
  text-orientation: upright !important;
}

.u-text-right {
  text-align: right !important;
}

.u-text-center {
  text-align: center !important;
}

.u-text-left {
  text-align: left !important;
}

.u-text-top {
  vertical-align: top !important;
}

.u-text-middle {
  vertical-align: middle !important;
}

.u-text-bottom {
  vertical-align: bottom !important;
}

/* ==========================================================================
 Plugin
========================================================================== */
/* plugin-announcements.scss -------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.frame.plugin-announcements {
  /* --- 共通 --- */
  /* 見出し */
  /* 強調 */
  /* リンク */
  /* リンクリスト */
  /* リンク画像 */
  /* リスト */
  /* 番号付きリスト */
  /* テーブル */
  /* 抜粋文 */
}

.frame.plugin-announcements .panel-heading h2 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: 0.1rem solid #cccccc;
  border-left: 0.1rem solid #cccccc;
  position: relative;
  margin-bottom: 1rem;
}

.frame.plugin-announcements .panel-heading h2::before {
  content: '';
  border-left: solid 0.3rem #cccccc;
  left: 0.2rem;
  position: absolute;
  top: 0;
  height: 100%;
}

.frame.plugin-announcements.panel-default .panel-heading {
  background-color: transparent;
  border-color: transparent;
}

.frame.plugin-announcements h3 {
  border-left: 0.3rem solid #cccccc;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.2;
  font-size: 2.0rem !important;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.frame.plugin-announcements h4 {
  border-bottom: 0.1rem solid #cccccc;
  padding-bottom: 0.5rem;
  line-height: 1.2;
  font-size: 1.8rem !important;
  font-weight: bold;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

.frame.plugin-announcements h5 {
  border-left: 0.3rem solid #cccccc;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: inherit;
  background: none;
  line-height: 1.2;
  font-size: 1.6rem !important;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}

.frame.plugin-announcements h6 {
  line-height: 1.2;
  font-size: 1.6rem !important;
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.frame.plugin-announcements em {
  color: #629fcd;
  font-weight: bold;
  font-style: normal;
}

.frame.plugin-announcements strong {
  color: #700000;
  font-weight: bold;
}

.frame.plugin-announcements .link-arrow {
  padding-left: 20px;
  background: url("../images/ico_arw01.svg") left 5px no-repeat;
  display: block;
  margin-top: 10px;
}

.frame.plugin-announcements ul.link-arrow {
  padding-left: 0;
  background: none;
}

.frame.plugin-announcements ul.link-arrow li {
  padding-left: 20px;
  margin-bottom: 7px;
  background: url("../images/ico_arw01.svg") left 3px no-repeat;
}

.frame.plugin-announcements a, .frame.plugin-announcements a img {
  opacity: 1;
  transition-duration: 0.3s;
}

.frame.plugin-announcements a:hover img, .frame.plugin-announcements a:focus img {
  opacity: 0.8;
}

.frame.plugin-announcements ol {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 25px;
  counter-reset: li;
  list-style: none;
}

.frame.plugin-announcements ol li {
  margin-top: 5px;
  margin-bottom: 5px;
  text-indent: -15px;
}

.frame.plugin-announcements ol li * {
  text-indent: 0;
}

.frame.plugin-announcements ol li ol {
  margin: 0;
  padding-left: 25px;
}

.frame.plugin-announcements ol > li:before {
  font-weight: bold;
  counter-increment: li;
  /* li の数を一つずつ増加 */
  content: counter(li) ". ";
  /* 数を表示 */
  color: #3d82b9;
}

.frame.plugin-announcements table {
  /*border-top: 2px solid $_color-table-border-top !important;*/
  width: 100% !important;
  /*margin:0 !important;*/
  font-size: 1em !important;
  /* 16px */
}

.frame.plugin-announcements caption {
  font-weight: bold;
  text-align: left;
}

.frame.plugin-announcements th {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #959698 !important;
  background: #ebf2f8 !important;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

.frame.plugin-announcements td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #959698 !important;
  background: #FFF !important;
  font-weight: normal;
  vertical-align: top;
}

.frame.plugin-announcements blockquote {
  border: 1px solid #959698;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  text-indent: 0;
}

/* --- CS研 --- */
.r-ssken .frame.plugin-announcements {
  /* --- 共通 --- */
  /* 見出し */
}

.r-ssken .frame.plugin-announcements .panel-heading h2 {
  border-bottom: 0.1rem solid #cc0d0e;
  border-left: 0.1rem solid #cc0d0e;
}

.r-ssken .frame.plugin-announcements .panel-heading h2::before {
  border-left: solid 0.3rem #cc0d0e;
}

.r-ssken .frame.plugin-announcements h3 {
  border-left: 0.3rem solid #cc0d0e;
}

.r-ssken .frame.plugin-announcements h4 {
  border-bottom: 0.1rem solid #cc0d0e;
}

.r-ssken .frame.plugin-announcements h5 {
  border-left: 0.3rem solid #cc0d0e;
}

/* --- IS研 --- */
.r-isken .frame.plugin-announcements {
  /* --- 共通 --- */
  /* 見出し */
}

.r-isken .frame.plugin-announcements .panel-heading h2 {
  border-bottom: 0.1rem solid #149b38;
  border-left: 0.1rem solid #149b38;
}

.r-isken .frame.plugin-announcements .panel-heading h2::before {
  border-left: solid 0.3rem #149b38;
}

.r-isken .frame.plugin-announcements h3 {
  border-left: 0.3rem solid #149b38;
}

.r-isken .frame.plugin-announcements h4 {
  border-bottom: 0.1rem solid #149b38;
}

.r-isken .frame.plugin-announcements h5 {
  border-left: 0.3rem solid #149b38;
}

/* plugin-announcements.scss -------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.frame.plugin-blogs {
  /* --- 共通 --- */
  /* 見出し */
  /* 強調 */
  /* リンク */
  /* リンクリスト */
  /* リンク画像 */
  /* リスト */
  /* 番号付きリスト */
  /* テーブル */
  /* 抜粋文 */
}

.frame.plugin-blogs h1.blogs_blogTitle {
  display: none;
}

.frame.plugin-blogs .panel-heading h2 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: 0.1rem solid #cccccc;
  border-left: 0.1rem solid #cccccc;
  position: relative;
  margin-bottom: 1rem;
}

.frame.plugin-blogs .panel-heading h2::before {
  content: '';
  border-left: solid 0.3rem #cccccc;
  left: 0.2rem;
  position: absolute;
  top: 0;
  height: 100%;
}

.frame.plugin-blogs.panel-default .panel-heading {
  background-color: transparent;
  border-color: transparent;
}

.frame.plugin-blogs h3 {
  border-left: 0.3rem solid #cccccc;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.2;
  font-size: 2.0rem;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.frame.plugin-blogs h4 {
  border-bottom: 0.1rem solid #cccccc;
  padding-bottom: 0.5rem;
  line-height: 1.2;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

.frame.plugin-blogs h5 {
  border-left: 0.3rem solid #cccccc;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: inherit;
  background: none;
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}

.frame.plugin-blogs h6 {
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.frame.plugin-blogs em {
  color: #629fcd;
  font-weight: bold;
  font-style: normal;
}

.frame.plugin-blogs strong {
  color: #700000;
  font-weight: bold;
}

.frame.plugin-blogs .link-arrow {
  padding-left: 20px;
  background: url("../images/ico_arw01.svg") left 5px no-repeat;
  display: block;
  margin-top: 10px;
}

.frame.plugin-blogs ul.link-arrow {
  padding-left: 0;
  background: none;
}

.frame.plugin-blogs ul.link-arrow li {
  padding-left: 20px;
  margin-bottom: 7px;
  background: url("../images/ico_arw01.svg") left 3px no-repeat;
}

.frame.plugin-blogs a, .frame.plugin-blogs a img {
  opacity: 1;
  transition-duration: 0.3s;
}

.frame.plugin-blogs a:hover img, .frame.plugin-blogs a:focus img {
  opacity: 0.8;
}

.frame.plugin-blogs ol {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 25px;
  counter-reset: li;
  list-style: none;
}

.frame.plugin-blogs ol li {
  margin-top: 5px;
  margin-bottom: 5px;
  text-indent: -15px;
}

.frame.plugin-blogs ol li * {
  text-indent: 0;
}

.frame.plugin-blogs ol li ol {
  margin: 0;
  padding-left: 25px;
}

.frame.plugin-blogs ol > li:before {
  font-weight: bold;
  counter-increment: li;
  /* li の数を一つずつ増加 */
  content: counter(li) ". ";
  /* 数を表示 */
  color: #3d82b9;
}

.frame.plugin-blogs table {
  /*border-top: 2px solid $_color-table-border-top !important;*/
  width: 100% !important;
  /*margin:0 !important;*/
  font-size: 1em !important;
  /* 16px */
}

.frame.plugin-blogs caption {
  font-weight: bold;
  text-align: left;
}

.frame.plugin-blogs th {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #959698 !important;
  background: #ebf2f8 !important;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

.frame.plugin-blogs td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #959698 !important;
  background: #FFF !important;
  font-weight: normal;
  vertical-align: top;
}

.frame.plugin-blogs blockquote {
  border: 1px solid #959698;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  text-indent: 0;
}

.frame.plugin-blogs .blogs_entry_body1 {
  display: none;
}

.frame.plugin-blogs .blogs_entry_reaction {
  display: none;
}

.frame.plugin-blogs .nc-content-list article {
  padding-top: 1rem;
}

.frame.plugin-blogs .blogs_entry_meta {
  margin-bottom: 0.5rem !important;
}

.frame.plugin-blogs .blogs_entry_meta a[ng-controller="Users.controller"] {
  display: none;
}

/* --- CS研 --- */
.r-ssken .frame.plugin-blogs {
  /* --- 共通 --- */
  /* 見出し */
}

.r-ssken .frame.plugin-blogs .panel-heading h2 {
  border-bottom: 0.1rem solid #cc0d0e;
  border-left: 0.1rem solid #cc0d0e;
}

.r-ssken .frame.plugin-blogs .panel-heading h2::before {
  border-left: solid 0.3rem #cc0d0e;
}

.r-ssken .frame.plugin-blogs h3 {
  border-left: 0.3rem solid #cc0d0e;
}

.r-ssken .frame.plugin-blogs h4 {
  border-bottom: 0.1rem solid #cc0d0e;
}

.r-ssken .frame.plugin-blogs h5 {
  border-left: 0.3rem solid #cc0d0e;
}

/* --- IS研 --- */
.r-isken .frame.plugin-blogs {
  /* --- 共通 --- */
  /* 見出し */
}

.r-isken .frame.plugin-blogs .panel-heading h2 {
  border-bottom: 0.1rem solid #149b38;
  border-left: 0.1rem solid #149b38;
}

.r-isken .frame.plugin-blogs .panel-heading h2::before {
  border-left: solid 0.3rem #149b38;
}

.r-isken .frame.plugin-blogs h3 {
  border-left: 0.3rem solid #149b38;
}

.r-isken .frame.plugin-blogs h4 {
  border-bottom: 0.1rem solid #149b38;
}

.r-isken .frame.plugin-blogs h5 {
  border-left: 0.3rem solid #149b38;
}

/* plugin-calendars.scss -------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.frame.plugin-calendars {
  /* カレンダーナビ */
  /* カレンダーテキストコンテナ */
  /* カレンダーイベントコンテナ */
  /* カレンダーモジュール 月表示(縮小) */
  /* カレンダーモジュール 詳細 個別設定 */
  /* calender_footer */
}

.frame.plugin-calendars .panel-heading {
  color: #333333;
  background-color: initial;
  border: initial;
}

.frame.plugin-calendars .panel-heading h2 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  position: relative;
  margin-bottom: 1rem;
}

.frame.plugin-calendars .calendar-date-move-tablist {
  display: none;
}

.frame.plugin-calendars .calendar-date-move-operations-top {
  justify-content: center;
}

.frame.plugin-calendars .calendar-col-week-head.calendar-monthly-line-0 {
  background-color: #FFF !important;
  border: 0;
  padding: 0.75rem;
}

.frame.plugin-calendars .calendar-col-day-head {
  background-color: #FFF !important;
  border: 0;
  position: relative;
  z-index: 1;
}

.frame.plugin-calendars .calendar-col-day-head span::before {
  content: "";
  background-color: #f5f5f5;
  display: inline-block;
  height: calc(100% - 0.8rem);
  width: calc(100% - 0.8rem);
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  z-index: -1;
}

.frame.plugin-calendars .calendar-col-day-head span.calendar-sunday::before {
  content: "";
  background-color: #fdeded;
}

.frame.plugin-calendars .calendar-col-day-head span.calendar-saturday::before {
  content: "";
  background-color: #eeedff;
}

.frame.plugin-calendars .calendar-col-week {
  background-color: #FFF !important;
  border: 0;
  position: relative;
  z-index: 1;
}

.frame.plugin-calendars .calendar-col-week::before {
  content: "";
  background-color: #f5f5f5;
  display: inline-block;
  height: calc(100% - 0.8rem);
  width: calc(100% - 0.8rem);
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  z-index: -1;
}

.frame.plugin-calendars .nav-tabs.calendar-date-move-tablist > li > a {
  font-size: medium !important;
}

.frame.plugin-calendars .calendar-col-day .calendar-day, .frame.plugin-calendars .calendar-weekly-table .calendar-day {
  font-size: medium !important;
}

.frame.plugin-calendars .calendar-plan-mark h3.calendar-plan-tittle {
  font-size: medium !important;
}

.frame.plugin-calendars .calendar-smonthly-div table .calendar-col-small-day-head {
  background-color: #ebf2f8 !important;
}

.frame.plugin-calendars div[data-calendar-name='repeat'],
.frame.plugin-calendars div[data-calendar-name='dispRoomForOpen'],
.frame.plugin-calendars div[data-calendar-name='writer'] {
  display: none;
}

.frame.plugin-calendars .calendar-room-legend {
  display: none;
}

.frame.plugin-calendars .calendar-eachplan-box h3 {
  border-left: 0.3rem solid #cc0d0e;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.2;
  font-size: 2.0rem !important;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box {
  /* 見出し */
  /* 強調 */
  /* リンク */
  /* リンクリスト */
  /* リンク画像 */
  /* リスト */
  /* 番号付きリスト */
  /* テーブル */
  /* 抜粋文 */
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box h3 {
  border-left: 0.3rem solid #cc0d0e;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.2;
  font-size: 2.0rem !important;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box h4 {
  border-bottom: 0.1rem solid #cc0d0e;
  padding-bottom: 0.5rem;
  line-height: 1.2;
  font-size: 1.8rem !important;
  font-weight: bold;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box h5 {
  border-left: 0.3rem solid #cc0d0e;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: inherit;
  background: none;
  line-height: 1.2;
  font-size: 1.6rem !important;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box h6 {
  line-height: 1.2;
  font-size: 1.6rem !important;
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box em {
  color: #629fcd;
  font-weight: bold;
  font-style: normal;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box strong {
  color: #700000;
  font-weight: bold;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box .link-arrow {
  padding-left: 20px;
  background: url("../images/ico_arw01.svg") left 5px no-repeat;
  display: block;
  margin-top: 10px;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box ul.link-arrow {
  padding-left: 0;
  background: none;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box ul.link-arrow li {
  padding-left: 20px;
  margin-bottom: 7px;
  background: url("../images/ico_arw01.svg") left 3px no-repeat;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box a, .frame.plugin-calendars .block-setting-body .calendar-eachplan-box a img {
  opacity: 1;
  transition-duration: 0.3s;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box a:hover img, .frame.plugin-calendars .block-setting-body .calendar-eachplan-box a:focus img {
  opacity: 0.8;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box ol {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 25px;
  counter-reset: li;
  list-style: none;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box ol li {
  margin-top: 5px;
  margin-bottom: 5px;
  text-indent: -15px;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box ol li * {
  text-indent: 0;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box ol li ol {
  margin: 0;
  padding-left: 25px;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box ol > li:before {
  font-weight: bold;
  counter-increment: li;
  /* li の数を一つずつ増加 */
  content: counter(li) ". ";
  /* 数を表示 */
  color: #3d82b9;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box table {
  /*border-top: 2px solid $_color-table-border-top !important;*/
  width: 100% !important;
  /*margin:0 !important;*/
  font-size: 1em !important;
  /* 16px */
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box caption {
  font-weight: bold;
  text-align: left;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box th {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #959698 !important;
  background: #ebf2f8 !important;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #959698 !important;
  background: #FFF !important;
  font-weight: normal;
  vertical-align: top;
}

.frame.plugin-calendars .block-setting-body .calendar-eachplan-box blockquote {
  border: 1px solid #959698;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  text-indent: 0;
}

.frame.plugin-calendars div.calendar-eachplan-box[data-calendar-name="updateUser"] {
  display: none;
}

@media screen and (max-width: 767px) {
  table.calendar-monthly-table {
    border: 1px dotted #959698 !important;
  }
  table.calendar-monthly-table td.calendar-col-day {
    border: none;
    border-top: 1px dotted #959698 !important;
  }
  table.calendar-monthly-table td.calendar-col-day.calendar-out-of-range + td {
    border-top: none;
  }
}

/* --- CS研 --- */
.r-ssken .frame.plugin-calendars .panel-heading h2 {
  border-bottom: 0.1rem solid #cc0d0e;
  border-left: 0.1rem solid #cc0d0e;
}

.r-ssken .frame.plugin-calendars .panel-heading h2::before {
  content: '';
  border-left: solid 0.3rem #cc0d0e;
  left: 0.2rem;
  position: absolute;
  top: 0;
  height: 100%;
}

/* --- IS研 --- */
.r-isken .frame.plugin-calendars .panel-heading h2 {
  border-bottom: 0.1rem solid #149b38;
  border-left: 0.1rem solid #149b38;
}

.r-isken .frame.plugin-calendars .panel-heading h2::before {
  content: '';
  border-left: solid 0.3rem #149b38;
  left: 0.2rem;
  position: absolute;
  top: 0;
  height: 100%;
}

.r-isken .frame.plugin-calendars .block-setting-body .calendar-eachplan-box {
  /* 見出し */
}

.r-isken .frame.plugin-calendars .block-setting-body .calendar-eachplan-box h3 {
  border-left: 0.3rem solid #149b38;
}

.r-isken .frame.plugin-calendars .block-setting-body .calendar-eachplan-box h4 {
  border-bottom: 0.1rem solid #149b38;
}

.r-isken .frame.plugin-calendars .block-setting-body .calendar-eachplan-box h5 {
  border-left: 0.3rem solid #149b38;
}

/* 共通  ------------------------------------------------------------ */
.panel {
  box-shadow: none;
  border-radius: 0;
}

.panel .panel-heading {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}

.panel .panel-heading .pull-right {
  margin-top: 0.5rem;
}

.panel .panel-body {
  border-radius: 0;
}

/* default  ------------------------------------------------------------ */
.panel-default {
  border: none;
}

.panel-default .panel-body {
  padding: 0;
}

/* primary  ------------------------------------------------------------ */
.panel-primary {
  border: 0.1rem solid #cc0d0e;
}

.panel-primary .panel-heading {
  border: none;
  color: #ffffff;
  background: #2d4aa4;
}

/* info  ------------------------------------------------------------ */
.panel-info {
  background: #fdfdfd;
  border: 0.1rem solid #cc0d0e;
}

.panel-info .panel-heading {
  background: none;
  border: none;
  color: #2d4aa4;
  padding-top: 1.5rem;
}

.panel-info .panel-body {
  padding-top: 0.5rem;
}

/* success  ------------------------------------------------------------ */
/* warning  ------------------------------------------------------------ */
/* danger  ------------------------------------------------------------ */
/* plugin-calendars.scss -------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.frame.plugin-faqs .panel-heading {
  color: #333333;
  background-color: initial;
  border: initial;
}

.frame.plugin-faqs .panel-heading h2 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  position: relative;
  margin-bottom: 1rem;
}

.frame.plugin-faqs .block-title {
  display: none;
}

/* --- CS研 --- */
/* plugin-menus.scss -------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
/* パンくず移動時のチラツキ防止 */
header .frame.plugin-menus .breadcrumb {
  display: none;
}

/* フッター用 */
/* トップはフッター非表示 */
.top footer .plugin-menus {
  display: none;
}

footer .plugin-menus nav > a.list-group-item {
  background-color: initial;
  color: #333333;
  border: 0;
  border-bottom: 0.1rem dotted #333333;
  padding: 0.75rem 3rem;
  text-decoration: underline;
}

footer .plugin-menus nav > a.list-group-item::before {
  content: "";
}

footer .plugin-menus nav > a.list-group-item:hover {
  background-color: inherit;
  color: #333333;
  text-decoration: none;
}

footer .plugin-menus nav > a.list-group-item .pull-right {
  display: none;
}

footer .plugin-menus nav > a.list-group-item.active {
  color: #333333;
  background: #f5f5f5;
}

footer .plugin-menus .list-group {
  background: #FFF;
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  padding-left: 3rem;
}

footer .plugin-menus .list-group a.list-group-item {
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #3d82b9;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border: 0.1rem solid #3d82b9;
  margin: 0.25rem;
  border-radius: 1rem;
  background: #FFF;
}

footer .plugin-menus .list-group a.list-group-item.active {
  color: #333333;
  background: #f5f5f5;
}

footer .plugin-menus .list-group a.list-group-item.menu-tree-3 {
  display: none;
}

footer .plugin-menus .list-group a.list-group-item.menu-tree-4 {
  display: none;
}

footer .plugin-menus .list-group a.list-group-item.menu-tree-5 {
  display: none;
}

footer .plugin-menus .list-group .pull-left {
  max-width: 100%;
}

footer .plugin-menus .list-group .pull-right {
  display: none;
}

.frame.plugin-menus {
  /* パンくず */
  /* リンク画像 */
}

.frame.plugin-menus .breadcrumb {
  background: none !important;
  font-size: 1.4rem !important;
  padding-left: 0;
}

.frame.plugin-menus a, .frame.plugin-menus a img {
  opacity: 1;
  transition-duration: 0.3s;
}

.frame.plugin-menus a:hover img, .frame.plugin-menus a:focus img {
  opacity: 0.8;
}

.frame.plugin-menus .list-group a.list-group-item.active {
  color: #333333;
  background: #edf4ff;
}

/* --- CS研 --- */
/* plugin-registrations.scss -------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.frame.plugin-registrations h1 {
  display: none;
}

.frame.plugin-registrations .panel-heading {
  color: #333333;
  background-color: initial;
  border: initial;
}

.frame.plugin-registrations .panel-heading h2 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: 0.1rem solid #cccccc;
  border-left: 0.1rem solid #cccccc;
  position: relative;
  margin-bottom: 1rem;
}

.frame.plugin-registrations .panel-heading h2::before {
  content: '';
  border-left: solid 0.3rem #cccccc;
  left: 0.2rem;
  position: absolute;
  top: 0;
  height: 100%;
}

.frame.plugin-registrations form#RegistrationAnswerViewForm {
  clear: both;
}

.frame.plugin-registrations form#RegistrationAnswerViewForm > .form-group {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 0;
  border-bottom: 0.1rem dotted #2d4aa4;
}

.frame.plugin-registrations form#RegistrationAnswerViewForm > .form-group label.control-label {
  line-height: 1.2;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #f5f5f5;
  width: 30%;
  padding: 0.5rem 1.5rem;
  margin-right: 2%;
}

.frame.plugin-registrations form#RegistrationAnswerViewForm > .form-group > div {
  width: 68%;
}

.frame.plugin-registrations form#RegistrationAnswerConfirmForm {
  clear: both;
}

.frame.plugin-registrations form#RegistrationAnswerConfirmForm div.form-control-static {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 0;
  border: 0;
  border-bottom: 0.1rem dotted #2d4aa4;
  min-height: inherit;
  margin: inherit;
  border-radius: inherit;
  box-shadow: none;
  background-color: inherit;
  margin-bottom: 1.5rem;
}

.frame.plugin-registrations form#RegistrationAnswerConfirmForm div.form-control-static > label {
  line-height: 1.2;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #f5f5f5;
  width: 30%;
  padding: 0.5rem 1.5rem;
  margin-right: 2%;
}

.frame.plugin-registrations form#RegistrationAnswerConfirmForm div.form-control-static > div {
  width: 68%;
}

.frame.plugin-registrations article#nc-registrations-answer-confirm- table.table th {
  line-height: 1.2;
  font-size: 1.4rem;
  font-weight: bold;
  width: 30%;
  padding: 1.5rem 1rem;
  margin-right: 2%;
  border-top: 1px dotted #2d4aa4;
  position: relative;
}

.frame.plugin-registrations article#nc-registrations-answer-confirm- table.table th::before {
  content: "";
  position: absolute;
  background-color: #f5f5f5;
  top: 0.5rem;
  left: -0.5rem;
  width: calc(100% - 3rem);
  height: calc(100% - 1rem);
  z-index: -1;
}

.frame.plugin-registrations article#nc-registrations-answer-confirm- table.table td {
  width: 68%;
  border-top: 1px dotted #2d4aa4;
}

@media screen and (max-width: 767px) {
  .frame.plugin-registrations form#RegistrationAnswerViewForm > .form-group {
    display: block;
  }
  .frame.plugin-registrations form#RegistrationAnswerViewForm > .form-group label.control-label {
    width: 100%;
    padding-left: 1rem;
  }
  .frame.plugin-registrations form#RegistrationAnswerViewForm > .form-group > div {
    width: 100%;
  }
  .frame.plugin-registrations form#RegistrationAnswerConfirmForm {
    clear: both;
  }
  .frame.plugin-registrations form#RegistrationAnswerConfirmForm div.form-control-static {
    display: block;
  }
  .frame.plugin-registrations form#RegistrationAnswerConfirmForm div.form-control-static > label {
    width: 100%;
  }
  .frame.plugin-registrations form#RegistrationAnswerConfirmForm div.form-control-static > div {
    width: 100%;
  }
  .frame.plugin-registrations article#nc-registrations-answer-confirm- table.table tr {
    display: block;
    margin: 0.5rem 0;
    padding: 0.5rem 0;
  }
  .frame.plugin-registrations article#nc-registrations-answer-confirm- table.table th {
    display: block;
    border: 0;
    width: 100%;
    padding-left: 1rem;
    background-color: #f5f5f5;
    padding: 0.75rem 1rem;
  }
  .frame.plugin-registrations article#nc-registrations-answer-confirm- table.table th::before {
    content: "";
    background-color: #FFF;
  }
  .frame.plugin-registrations article#nc-registrations-answer-confirm- table.table td {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px dotted #2d4aa4;
  }
}

/* --- CS研 --- */
.r-ssken .frame.plugin-registrations .panel-heading {
  color: #333333;
  background-color: initial;
  border: initial;
}

.r-ssken .frame.plugin-registrations .panel-heading h2 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  position: relative;
  margin-bottom: 1rem;
}

.r-ssken .frame.plugin-registrations form#RegistrationAnswerViewForm > .form-group label.control-label {
  background-color: #ffeded;
}

.r-ssken .frame.plugin-registrations form#RegistrationAnswerConfirmForm div.form-control-static > label {
  background-color: #ffeded;
}

.r-ssken .frame.plugin-registrations article#nc-registrations-answer-confirm- table.table th::before {
  background-color: #ffeded;
}

@media screen and (max-width: 767px) {
  .r-ssken .frame.plugin-registrations article#nc-registrations-answer-confirm- table.table th {
    background-color: #ffeded;
  }
  .r-ssken .frame.plugin-registrations article#nc-registrations-answer-confirm- table.table th::before {
    content: "";
    background-color: #FFF;
  }
}

/* --- IS研 --- */
.r-isken .frame.plugin-registrations .panel-heading {
  color: #333333;
  background-color: initial;
  border: initial;
}

.r-isken .frame.plugin-registrations .panel-heading h2 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  position: relative;
  margin-bottom: 1rem;
}

.r-isken .frame.plugin-registrations form#RegistrationAnswerViewForm > .form-group label.control-label {
  background-color: #e8f5eb;
}

.r-isken .frame.plugin-registrations form#RegistrationAnswerConfirmForm div.form-control-static > label {
  background-color: #e8f5eb;
}

.r-isken .frame.plugin-registrations article#nc-registrations-answer-confirm- table.table th::before {
  background-color: #e8f5eb;
}

@media screen and (max-width: 767px) {
  .r-isken .frame.plugin-registrations article#nc-registrations-answer-confirm- table.table th {
    background-color: #e8f5eb;
  }
  .r-isken .frame.plugin-registrations article#nc-registrations-answer-confirm- table.table th::before {
    content: "";
    background-color: #FFF;
  }
}

/* plugin-announcements.scss -------------------------------------------------------- */
/* --- CS研 IS研 共有 --- */
.frame.plugin-topics {
  /* --- 共通 --- */
  /* リンク画像 */
}

.frame.plugin-topics .panel-heading h2 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: 0.1rem solid #cccccc;
  border-left: 0.1rem solid #cccccc;
  position: relative;
  margin-bottom: 1rem;
}

.frame.plugin-topics .panel-heading h2::before {
  content: '';
  border-left: solid 0.3rem #cccccc;
  left: 0.2rem;
  position: absolute;
  top: 0;
  height: 100%;
}

.frame.plugin-topics.panel-default .panel-heading {
  background-color: transparent;
  border-color: transparent;
}

.frame.plugin-topics a, .frame.plugin-topics a img {
  opacity: 1;
  transition-duration: 0.3s;
}

.frame.plugin-topics a:hover img, .frame.plugin-topics a:focus img {
  opacity: 0.8;
}

.topic-row-outer {
  border: 0 !important;
}

.topic-row-outer > div:first-child {
  display: flex;
  border-bottom: 0.1rem dotted #333333;
  padding-bottom: 1.5rem;
}

.topic-row-outer div .topic-category-name {
  order: 1;
  border: 0.1rem solid #3c87be;
  color: #3c87be;
  padding: 0 !important;
  margin-right: 2.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  min-width: 12rem;
  text-align: center;
  display: inline-block;
  margin-right: 2.5rem !important;
}

.topic-row-outer div .topic-title {
  order: 2;
  padding: 0;
  padding: 0 !important;
}

.topic-row-outer div .topic-title a, .topic-row-outer div .topic-title a:link, .topic-row-outer div .topic-title a:visited {
  color: #3d82b9;
}

.topic-row-outer div .topic-room-name {
  border: 0.1rem solid #333333;
  padding: 0 0.5rem !important;
  display: inline-block;
  order: 1;
  font-size: 1.2rem;
  min-width: 12rem;
  text-align: center;
  display: inline-block;
  margin-right: 1rem !important;
}

.top .frame.plugin-topics .panel-heading {
  text-align: center;
}

.top .frame.plugin-topics .panel-heading h2 {
  font-size: 2.4rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: 0.2rem solid #cccccc;
  border-left: none;
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
}

.top .frame.plugin-topics .panel-heading h2::before {
  content: "";
  border: none;
}

.top .frame.plugin-topics .panel-body header {
  display: none;
}

.plugin-topics-bgchange {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f4f4ea;
  padding: 4rem 4rem 0 4rem;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .plugin-topics-bgchange .panel-heading {
    width: 750px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .plugin-topics-bgchange .panel-heading {
    width: 970px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .plugin-topics-bgchange .panel-heading {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .plugin-topics-bgchange .panel-body {
    width: 750px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .plugin-topics-bgchange .panel-body {
    width: 970px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .plugin-topics-bgchange .panel-body {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

.plugin-topics-bnr01 {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f4f4ea;
  padding: 0 4rem 6rem 4rem;
  text-align: center;
}

.plugin-topics-bnr02 {
  text-align: center;
  padding-bottom: 6rem;
}

article[ng-controller="TopicsController"] div[ng-show="paging.nextPage"] {
  display: none;
}

/* --- CS研 --- */
.r-ssken .frame.plugin-topics {
  /* --- 共通 --- */
  /* リンク画像 */
}

.r-ssken .frame.plugin-topics .panel-heading h2 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: 0.1rem solid #cc0d0e;
  border-left: 0.1rem solid #cc0d0e;
  position: relative;
  margin-bottom: 1rem;
}

.r-ssken .frame.plugin-topics .panel-heading h2::before {
  content: '';
  border-left: solid 0.3rem #cc0d0e;
  left: 0.2rem;
  position: absolute;
  top: 0;
  height: 100%;
}

.r-ssken .frame.plugin-topics.panel-default .panel-heading {
  background-color: transparent;
  border-color: transparent;
}

.r-ssken .frame.plugin-topics a, .r-ssken .frame.plugin-topics a img {
  opacity: 1;
  transition-duration: 0.3s;
}

.r-ssken .frame.plugin-topics a:hover img, .r-ssken .frame.plugin-topics a:focus img {
  opacity: 0.8;
}

.r-ssken .topic-row-outer > div:first-child {
  display: flex;
  border-bottom: 0.1rem dotted #333333;
  padding-bottom: 1.5rem;
}

.r-ssken .topic-row-outer div .topic-category-name {
  order: 1;
  border: 0.1rem solid #3c87be;
  color: #3c87be;
  margin-right: 2.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  min-width: 12rem;
  text-align: center;
  display: inline-block;
}

.r-ssken .topic-row-outer div .topic-title {
  order: 2;
  padding: 0;
}

.r-ssken .topic-row-outer div .topic-title a, .r-ssken .topic-row-outer div .topic-title a:link, .r-ssken .topic-row-outer div .topic-title a:visited {
  color: #3d82b9;
}

.r-ssken.top .frame.plugin-topics .panel-heading {
  text-align: center;
}

.r-ssken.top .frame.plugin-topics .panel-heading h2 {
  font-size: 2.4rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border-bottom: 0.2rem solid #cc0d0e;
  border-left: none;
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
}

.r-ssken.top .frame.plugin-topics .panel-heading h2::before {
  content: "";
  border: none;
}

.r-ssken.top .frame.plugin-topics .panel-body header {
  display: none;
}

.r-ssken .plugin-topics-bgchange {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f4f4ea;
  padding: 4rem 4rem 0 4rem;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .r-ssken .plugin-topics-bgchange .panel-heading {
    width: 750px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .r-ssken .plugin-topics-bgchange .panel-heading {
    width: 970px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .r-ssken .plugin-topics-bgchange .panel-heading {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .r-ssken .plugin-topics-bgchange .panel-body {
    width: 750px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .r-ssken .plugin-topics-bgchange .panel-body {
    width: 970px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .r-ssken .plugin-topics-bgchange .panel-body {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

.r-ssken .plugin-topics-bnr01 {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f4f4ea;
  padding: 0 4rem 4rem 4rem;
  text-align: center;
}

.r-ssken .plugin-topics-bnr02 {
  text-align: center;
}

/* --- IS研 --- */
.r-isken .frame.plugin-topics {
  /* --- 共通 --- */
  /* リンク画像 */
}

.r-isken .frame.plugin-topics .panel-heading h2 {
  font-size: 2.2rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: 0.1rem solid #149b38;
  border-left: 0.1rem solid #149b38;
  position: relative;
  margin-bottom: 1rem;
}

.r-isken .frame.plugin-topics .panel-heading h2::before {
  content: '';
  border-left: solid 0.3rem #149b38;
  left: 0.2rem;
  position: absolute;
  top: 0;
  height: 100%;
}

.r-isken .frame.plugin-topics.panel-default .panel-heading {
  background-color: transparent;
  border-color: transparent;
}

.r-isken .frame.plugin-topics a, .r-isken .frame.plugin-topics a img {
  opacity: 1;
  transition-duration: 0.3s;
}

.r-isken .frame.plugin-topics a:hover img, .r-isken .frame.plugin-topics a:focus img {
  opacity: 0.8;
}

.r-isken .topic-row-outer > div:first-child {
  display: flex;
  border-bottom: 0.1rem dotted #333333;
  padding-bottom: 1.5rem;
}

.r-isken .topic-row-outer div .topic-category-name {
  order: 1;
  border: 0.1rem solid #3c87be;
  color: #3c87be;
  font-size: 1.2rem;
  font-weight: bold;
  min-width: 12rem;
  text-align: center;
  display: inline-block;
}

.r-isken .topic-row-outer div .topic-title {
  order: 2;
  padding: 0;
}

.r-isken .topic-row-outer div .topic-title a, .r-isken .topic-row-outer div .topic-title a:link, .r-isken .topic-row-outer div .topic-title a:visited {
  color: #3d82b9;
}

.r-isken.top .frame.plugin-topics .panel-heading {
  text-align: center;
}

.r-isken.top .frame.plugin-topics .panel-heading h2 {
  font-size: 2.4rem !important;
  line-height: 1.2;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border-bottom: 0.2rem solid #149b38;
  border-left: none;
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
}

.r-isken.top .frame.plugin-topics .panel-heading h2::before {
  content: "";
  border: none;
}

.r-isken.top .frame.plugin-topics .panel-body header {
  display: none;
}

.r-isken .plugin-topics-bgchange {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f4f4ea;
  padding: 4rem 4rem 0 4rem;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .r-isken .plugin-topics-bgchange .panel-heading {
    width: 750px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .r-isken .plugin-topics-bgchange .panel-heading {
    width: 970px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .r-isken .plugin-topics-bgchange .panel-heading {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .r-isken .plugin-topics-bgchange .panel-body {
    width: 750px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .r-isken .plugin-topics-bgchange .panel-body {
    width: 970px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .r-isken .plugin-topics-bgchange .panel-body {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

.r-isken .plugin-topics-bnr01 {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f4f4ea;
  padding: 0 4rem 4rem 4rem;
  text-align: center;
}

.r-isken .plugin-topics-bnr02 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .frame.plugin-topics {
    /* --- 共通 --- */
  }
  .topic-row-outer > div:first-child {
    flex-wrap: wrap;
  }
  .topic-row-outer div .topic-category-name {
    margin-bottom: 0.5rem;
  }
}

/* プラグイン共通  ------------------------------------------------------------ */
.panel {
  margin-bottom: 4rem;
}

/* アクセスカウンター  ------------------------------------------------------------ */
.plugin-access-counters .label-default {
  color: #333333;
  font-size: 1.6rem;
  font-weight: bold;
  border: 0.1rem solid #959698;
  border-radius: 0.8rem;
  background-color: #ffffff;
  display: inline-block;
}

.plugin-access-counters .label-default:last-child {
  margin-right: 0;
}

/* メニュー  ------------------------------------------------------------ */
/* リセット */
.plugin-menus .list-group-item {
  margin-left: 0;
}

.plugin-menus .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.plugin-menus .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* ローカルナビ */
#container-minor .plugin-menus .list-group-item {
  border: 0.1rem solid #959698;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.5rem;
}

#container-minor .plugin-menus .list-group-item .pull-right {
  display: none;
}

#container-minor .plugin-menus .menu-tree-0 {
  background: #2d4aa4;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1.5rem;
  font-weight: bold;
  font-size: 1.9rem;
  color: #ffffff !important;
}

#container-minor .plugin-menus .menu-tree-0.active {
  color: #ffffff !important;
  background: #2d4aa4 !important;
}

#container-minor .plugin-menus .menu-tree-0.active:focus, #container-minor .plugin-menus .menu-tree-0.active :hover {
  color: #ffffff !important;
  background: #2d4aa4 !important;
}

#container-minor .plugin-menus .menu-tree-1 {
  padding-left: 3.2rem;
  background: url("../images/ico_arw01.svg") no-repeat 1.5rem 1.5rem;
  background-size: 1.4rem;
}

#container-minor .plugin-menus .menu-tree-2 {
  padding-left: 4.2rem;
  background: url("../images/ico_arw01.svg") no-repeat 2.5rem 1.5rem;
  background-size: 1.4rem;
}

#container-minor .plugin-menus .menu-tree-3 {
  padding-left: 5.2rem;
  background: url("../images/ico_arw01.svg") no-repeat 3.5rem 1.5rem;
  background-size: 1.4rem;
}

/* サイトマップ */
#container-main .plugin-menus .list-group-item {
  border: none;
  border-bottom: 0.1rem solid #959698;
  margin-bottom: 0.1rem;
}

#container-main .plugin-menus .list-group-item .pull-right > .glyphicon:before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.4rem;
  height: 1.4rem;
  display: block;
}

#container-main .plugin-menus .list-group-item .pull-right > .glyphicon-menu-right:before {
  background-image: url("/nc3-03/theme/Totec/images/plus01.svg");
}

#container-main .plugin-menus .list-group-item .pull-right > .glyphicon-menu-down:before {
  background-image: url("/nc3-03/theme/Totec/images/minus01.svg");
}

#container-main .plugin-menus .menu-tree-1 {
  padding-left: 3rem;
}

#container-main .plugin-menus .menu-tree-2 {
  padding-left: 5rem;
}

#container-main .plugin-menus .menu-tree-3 {
  padding-left: 7rem;
}

/* 新着  ------------------------------------------------------------ */
.plugin-topics .topic-row-outer {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.plugin-topics .topic-row-outer:first-child {
  padding-top: 0;
}

.plugin-topics .topic-row-outer:last-child {
  padding-bottom: 0;
}

.plugin-topics .topic-row-outer .pull-left {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.plugin-topics .topic-title {
  text-overflow: unset;
  overflow: unset;
  white-space: unset;
}

.plugin-topics .topic-datetime {
  float: right !important;
  font-size: 1.3rem;
  margin-right: 0 !important;
}

/* ログアウト中 */
.body-nologgedin .plugin-topics .panel-body > header {
  display: none;
}

/* リンクリストモジュール */
.linklist_head {
  margin-left: 15px !important;
}

.plugin-links h1.block-title {
  display: none;
}

.plugin-links article > h2 {
  border-bottom: 1px solid #3d82b9 !important;
  padding-bottom: 5px !important;
  line-height: 1.2 !important;
  font-size: 1.188em !important;
  /* 19px */
  font-weight: bold !important;
  margin-top: 30px !important;
}

.plugin-links h3 {
  border: none;
}

.plugin-links h3 > a:first-child {
  background: url("../images/ico_arw01.svg") no-repeat 0 0.05rem;
  background-size: 1.4rem;
  /* display: block; */
  font-weight: bold;
  padding-left: 17px;
}

.plugin-links li.list-group-item {
  border-top: 1px dotted #959698 !important;
  margin-left: 0;
}

.plugin-links li.list-group-item:first-child {
  border-top: none !important;
}

> .glyphicon:before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.4rem;
  height: 1.4rem;
  display: block;
}

/*	掲示板モジュール  */
.plugin-bbses .nc-content-list > article {
  border-bottom: 1px dotted #959698 !important;
}

.plugin-bbses .bbs-article-handle > a > img {
  display: none;
}

/* 通知モジュール*/
.plugin-blogs .nc-content-list > article {
  border-bottom: 1px dotted #959698 !important;
}

.plugin-blogs .blogs_entry_meta a[ng-controller='Users.controller'] > img {
  display: none;
}

/* 検索モジュール */
.plugin-searches .input[type="text"], .plugin-searches select {
  border: 1px solid #959698;
  background: #FFF;
  color: #333333 !important;
  font-weight: bold;
  border-radius: 0.8rem;
  margin-right: 5px;
  font-size: 0.813em;
  /* 13px */
}

.plugin-searches .input[type="text"]::-webkit-input-placeholder, .plugin-searches .input[type="text"]:-ms-input-placeholder, .plugin-searches .input[type="text"]::-moz-placeholder {
  color: #333333 !important;
}

/* 汎用データベースモジュール */
.plugin-multidatabases h1.block-title {
  display: none;
}

.plugin-multidatabases table.table {
  background: #FFF !important;
  border-bottom: 1px solid #959698 !important;
  border-left: 1px solid #959698 !important;
  border-right: 1px solid #959698 !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.plugin-multidatabases table.table th {
  background: #ebf2f8 !important;
  width: 150px !important;
  font-weight: bold !important;
}

.plugin-multidatabases table.table th, .plugin-multidatabases table.table td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  border-top: 1px solid #959698 !important;
  word-break: break-all;
}

.plugin-multidatabases table.table td img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.plugin-multidatabases .multidatabase-contents-search label[for="MultidatabaseContentSearchCreateUser"] {
  display: none;
}

.plugin-multidatabases .multidatabase-contents-search #MultidatabaseContentSearchCreateUser {
  display: none;
}

.plugin-multidatabases .multidatabase-contents-search label[for="MultidatabaseContentSearchStatus"] {
  display: none;
}

.plugin-multidatabases .multidatabase-contents-search #MultidatabaseContentSearchStatus {
  display: none;
}

/* 汎用データベースモジュール */
/** 一覧十余部分 **/
article.address_list dl {
  margin-bottom: 0.25em;
  overflow: hidden;
  float: left;
}

article.address_list dl:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

article.address_list dt {
  float: left;
}

article.address_list dt:after {
  content: "：";
}

article.address_list dd {
  float: left;
}