@charset "utf-8";

/* リニューアル2021 */
/* common 1カラム2カラム */
/* GOOGLEFONT Noto Sans JP 300 500 */
.page-body,
.dt-6-4 .block {
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ, Meiryo,"游ゴシック体",YuGothic,'Yu Gothic', sans-serif;
  font-weight: 300;
}
/* 見出し */
/* GOOGLEFONT Raleway 300 */
.page-body .block.ccc-gfonts .b-head.pattern1 h1,
.page-body .block.ccc-gfonts .b-head.pattern2 h1,
.page-body .block.ccc-gfonts .b-head.pattern3 h1,
.page-body .block.ccc-gfonts .b-head h1 {
  font-family: 'Raleway', 'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ, Meiryo,"游ゴシック体",YuGothic,'Yu Gothic', sans-serif !important;
  font-weight: normal !important;
}

.page-body a {
  color: rgba(216,41,48,1);
}
.page-body .base-background-red {
  background-color: rgba(216,41,48,1) !important;
  color: #FFFFFF;
}

/* パンくず */
.block-Breadcrumb .b-body .part-Breadcrumb {
  color: rgba(77,77,77,0.5);
}
.block-Breadcrumb .b-body .part-Breadcrumb a {
  white-space: nowrap;
  text-decoration: none;
  color: rgba(51,51,51,0.7);
}
.block-Breadcrumb .b-body .part-Breadcrumb a:hover {
  text-decoration: underline;
}
/* common 100% */
/*********全体最大幅 */
.page-body.device-pc[data-max-width='950-'] .layout-page .layout-body-header,
.page-body.device-pc[data-max-width='1100-'] .layout-page .layout-body-header,
.page-body.device-pc[data-max-width='1280-'] .layout-page .layout-body-header,

.page-body.device-pc[data-max-width='950-'] .layout-page .layout-body,
.page-body.device-pc[data-max-width='1100-'] .layout-page .layout-body:not(.layout-two-col-a):not(.layout-two-col-b),
.page-body.device-pc[data-max-width='1280-'] .layout-page .layout-body,

.page-body.device-pc[data-max-width='950-'] .layout-page .layout-body-footer,
.page-body.device-pc[data-max-width='1100-'] .layout-page .layout-body-footer
.page-body.device-pc[data-max-width='1280-'] .layout-page .layout-body-footer,

.page-body[data-max-width='950'].device-pc .layout-header .block,
.page-body[data-max-width='950-'].device-pc .layout-header .block,
.page-body[data-max-width='1100'].device-pc .layout-header .block,
.page-body[data-max-width='1100-'].device-pc .layout-header .block,
.page-body[data-max-width='1280'].device-pc .layout-header .block,
.page-body[data-max-width='1280-'].device-pc .layout-header .block,

.page-body[data-max-width='950'].device-pc .layout-footer .block,
.page-body[data-max-width='950-'].device-pc .layout-footer .block,
.page-body[data-max-width='950-'].device-pc .layout-footer .block,
.page-body[data-max-width='1100'].device-pc .layout-footer .block,
.page-body[data-max-width='1100-'].device-pc .layout-footer .block,
.page-body[data-max-width='1280'].device-pc .layout-footer .block,
.page-body[data-max-width='1280-'].device-pc .layout-footer .block,

.page-body.device-tablet .layout-header .block {
  max-width: 100% !important;
}

/*中のブロックを背景を残した状態で950pxに（中身と見出し） */
.page-body .layout-header .block:not(.block-HeaderSet1),
.page-body .layout-page .layout-body-header .block .b-head,
.page-body .layout-page .layout-body-header .block:not(.block-ImageSlideShow) .b-body,
.page-body .layout-page .layout-body-header .block-Heading,
.page-body .layout-page .layout-body-header .block-HeadingImage .part,
.page-body .layout-page .layout-body .block .b-head,
.page-body .layout-page .layout-body .block .b-body,
.page-body .layout-page .layout-body .block-Heading,
.page-body .layout-page .layout-body .block-HeadingImage .part,
.page-body .layout-page .layout-body-footer .block .b-body,
.page-body .layout-page .layout-body-footer .block .b-head,
.page-body .layout-page .layout-body-footer .block-Heading,
.page-body .layout-page .layout-body-footer .block-HeadingImage .part,
.page-body .layout-page .layout-footer .block:not(.block-SitemapFooter) .b-body,
.page-body .layout-page .layout-footer .block .b-head,
.page-body .layout-page .layout-footer .block-Heading,
.page-body .layout-page .layout-footer .block-HeadingImage .part,
.page-body.device-pc[data-max-width='950'] .block-Form form,
.page-body.device-pc[data-max-width='950-'] .block-Form form,
.page-body.device-pc[data-max-width='1100'] .block-Form form,
.page-body.device-pc[data-max-width='1100-'] .block-Form form,
.page-body.device-pc[data-max-width='1280'] .block-Form form,
.page-body.device-pc[data-max-width='1280-'] .block-Form form {
  margin-right: auto;
  margin-left: auto;
  max-width: 1100px !important;
}
/*IE11対策*/
.page-body[data-max-width='950-'].device-pc .layout-footer .block.ccc-footer-cvbt,
.page-body[data-max-width='1100-'].device-pc .layout-footer .block.ccc-footer-cvbt,
.page-body[data-max-width='1280-'].device-pc .layout-footer .block.ccc-footer-cvbt{
  max-width: 100% !important;
}
/*レイアウト*/
.layout-header {
  position: relative;
}
.layout-body {
  margin: 20px 0;
}
.page-body.ccc-frontpage .layout-body {
  margin: 0;
}
/*スタイル4*/
.page-body:not(.width-small) .layout-page .layout-body {
  padding: 0;
}
.page-body.width-small .layout-body .layout-contents {
  padding: 0;
}
.page-body:not(.ccc-frontpage).width-small .layout-body .layout-contents {
  padding: 0 0 60px 0;
}
.page-body.width-small .layout-page .layout-body .block {
  margin: 0 !important;
}
.page-body.width-small .layout-page .layout-body .layout-navigations .block:not(.block-LevelList) {
  margin: 20px 20px 0 !important;
}
/*マージン*/
.page-body .layout-body .block + .block {
  margin-top: 80px;
}
.layout-body .block + .block.ccc-maT40,
.layout-body.layout-two-col-a .block + .block,
.layout-body.layout-two-col-b .block + .block {
  margin-top: 40px;
}
.page-body.width-small .layout-body .block + .block,
.page-body.width-small .layout-body.layout-two-col-a .block + .block,
.page-body.width-small .layout-body.layout-two-col-b .block + .block {
  margin-top: 20px !important;
}
.layout-body .block + .block.ccc-maT80 {
  margin-top: 80px !important;
}
.layout-body.layout-two-col-a .block + .block.ccc-maT80,
.layout-body.layout-two-col-b .block + .block.ccc-maT80 {
  margin-top: 80px;
}
.layout-body .block + .block.ccc-maT20 {
  margin-top: 20px !important;
}
.layout-body .block + .block.ccc-maT0 {
  margin-top: 0;
}
.layout-footer {
  margin-top: 40px;
}
.page-body.ccc-frontpage .layout-footer {
  margin-top: 0;
}
.page-body.width-small .layout-footer {
  margin-top: 0;
}
.page-body.width-small .layout-footer > .block-Hr .b-body .part-Hr hr.piece-Hr {
  margin: 0 0 3%;
}
/* 背景 */
.dt-6-4.page-body {
  background-color: rgba(255,255,255,1);
  background-image: unset;
}
/* 1カラム ccc-re1column */
/* 2カラム ccc-re2column */
.page-body.ccc-re2column,
.page-body.ccc-re1column:not(.ccc-frontpage) {
  background: url(/var/data/u/da/2350b80b753/usr/2021_renovation/common/back_gray.png) center -200px no-repeat;
}
.page-body.width-medium.ccc-re2column,
.page-body.width-medium.ccc-re1column:not(.ccc-frontpage) {
  background: url(/var/data/u/da/2350b80b753/usr/2021_renovation/common/back_gray.png) center 200px no-repeat;
}
.page-body.width-small.ccc-re2column,
.page-body.width-small.ccc-re1column:not(.ccc-frontpage) {
  background: url(/var/data/u/da/2350b80b753/usr/2021_renovation/common/back_gray.png) 0 55px no-repeat;
}
.page-body.ccc-re1column.ccc-frontpage .layout-body .layout-contents {
  background: url(/var/data/u/da/2350b80b753/usr/2021_renovation/common/back_front.png) top center;
}

.page-body:not(.width-large).ccc-re2column,
.page-body:not(.width-large).ccc-re1column .layout-body .layout-contents {
  background-size: contain;
}

.page-body .layout-page .layout-body-header {
  background: transparent !important;
}

/* common */

.page-body .RichText span.w-f-d-underline span {
  text-decoration: underline currentColor;
}
.page-body:not(.width-small) .layout-body {
  margin: 0 0 60px 0;
}
.page-body.ccc-frontpage:not(.width-small) .layout-body {
  margin: 0;
}
.page-body:not(.width-small) .layout-body.layout-two-col-b {
  padding-bottom: 60px;
}
@media screen and (max-width: 1280px) {
  .page-body:not(.width-small) .layout-body.layout-two-col-a,
  .page-body:not(.width-small) .layout-body.layout-two-col-b {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page-body.width-small .layout-body {
  margin: 40px 0 0;
}
.page-body.ccc-frontpage.width-small .layout-body {
  margin: 0;
}
.page-body .layout-body .layout-contents .block .b-head {
  margin: 0 auto 20px auto;
}
.page-body .layout-body .layout-contents .block-News .b-head {
  margin: 0 auto;
}
.page-body .layout-body .layout-contents .block-News .b-head.pattern2 {
  margin-bottom: 20px;
}
.page-body .layout-body .layout-contents .block-News .b-head.pattern3 h1 {
  margin-bottom: 0;
}
.page-body .layout-body .layout-contents .block-SetB .b-head,
.page-body .layout-body .layout-contents .block-VerticalList .b-head  {
  margin: 0 auto;
}

.page-body.width-small .layout-body .layout-contents .block .b-body{
  padding: 0 20px;
}
.page-body.width-small .layout-body .layout-contents .block-VerticalList .b-body {
  padding: 20px 20px 0;
}
.page-body.width-small .layout-body .layout-contents .block-News .b-body{
  padding: 0;
}
.page-body.width-small .block-News .piece article.pattern1 .RichText {
  margin: 15px 20px;
}
.page-body.width-small .layout-body .layout-navigations {
  background-color: rgba(255,255,255,0);
  border-bottom: none;
  padding: 1px 0 20px;
}
/******************** リンク */
.page-body a {
  color: rgba(204, 0, 0,1);
}

/* タブレット */
.page-body.width-medium .layout-header .block {
  max-width: 100%;
}
.page-body.width-medium .layout-header .block.block-HeaderSet1 .b-body {
  margin-right: auto;
  margin-left: auto;
  max-width: 1100px !important;
}
.page-body.width-medium .layout-page .layout-body {
  padding: 0;
}
/* 2カラム */
.layout-body.layout-two-col-a .layout-contents,
.layout-body.layout-two-col-b .layout-contents {
  width: 74.21875%;
}
.page-body.width-medium .layout-body.layout-two-col-a .layout-contents,
.page-body.width-medium .layout-body.layout-two-col-b .layout-contents {
  padding-left: 10px;
  box-sizing: border-box;
}
.page-body.width-medium .layout-body.layout-two-col-a .layout-navigations,
.page-body.width-medium .layout-body.layout-two-col-b .layout-navigations {
  padding-right: 10px;
}
.page-body.width-small .layout-page .layout-body.layout-two-col-b {
  margin: 10px 0 0 0 !important;
}
.layout-body .layout-navigations {
  width: 21.875%;
}
/* リンク */
a:hover {
  text-decoration: none;
}


/* 共通ヘッダーフッターここから*/
/* header Google検索*/
body.page-body.width-small .block-MultiFunction.ccc-gkensaku {
  display: none;
}
body.page-body:not(.width-small) .block-MultiFunction.ccc-gkensaku {
  position: relative;
  z-index: 4;
}
body.page-body:not(.width-small) .block-MultiFunction.ccc-gkensaku .b-body{
  position: fixed;
  width: 100%;
  top: 8px;
  min-height: 30px;
}
@media screen and (max-width: 1100px) {
  /* スクリーンサイズが1100px以下の場合に適用 */
  body.page-body:not(.width-small) .block-MultiFunction.ccc-gkensaku .b-body{
    position: fixed;
    width: 100%;
    right: 30px;
  }
}
@media screen and (min-width: 1100px) {
  /* スクリーンサイズが1100px以上の場合に適用 */
  body.page-body:not(.width-small) .block-MultiFunction.ccc-gkensaku .b-body{
    position: fixed;
    width: 100%;
    max-width: 1036px;
    left: 0;
    right: 0;
    margin: auto;
  }
}
body.page-body .block-MultiFunction.ccc-gkensaku .b-body .part-MultiFunction {
  border: none;
  background-color: transparent;
}
body.page-body:not(.width-small) .layout-header .block-MultiFunction.ccc-gkensaku .b-body .part-MultiFunction #___gcse_0  {
  position: absolute;
  min-width: 260px;
  max-width: 260px;
  top: 0;
}

/* header */
/*ヘッダー固定 (bodyがないと、管理画面操作に影響するので注意)*/
body.page-body:not(.width-small) .layout-header {
  padding: 0 0 224px 0;
  background-color: rgba(255,255,255,1);
}
/*ヘッダーを小さな画面（スマホ）以外で固定（z-indexを指定しないと、コンテンツが上にくる） (bodyがないと、管理画面操作に影響するので注意)*/
body.page-body:not(.width-small) .block-HeaderSet1.ccc-Megamenu {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 1;
    background-color: rgba(255,255,255,1);
    background-image: none;
}

body.page-body:not(.width-small) .block-HeaderSet1.ccc-Megamenu .b-body {
  position: relative;
}

@keyframes head-color {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit1 ul.piece-SubMenu li {
  padding: 0;
}
body.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit1 ul.piece-SubMenu li a {
  color: rgba(51,51,51,1);
  font-weight: normal;
  padding: 0 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  transition:background 0.5s,color 0.5s;
}
body.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit1 ul.piece-SubMenu li a:hover { 
  background-color: rgba(0,0,0,0.15);
  text-decoration: none;
}

body.page-body .block-HeaderSet1.ccc-Megamenu.hide .b-body .part-HeaderSet1 .unit1 ul.piece-SubMenu li a:hover {
  color: rgba(51,51,51,1);
  background-color: rgba(255,255,255,1);
  text-decoration: none;
}

.page-body:not(.width-small) .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 {
  position: relative;
  margin-top: -90px;
}
/* header unit1*/
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit1 {
  background-color: unset;
  position: relative;
  max-width: 1050px;
  margin: 0 auto;
  z-index: 3;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit1 ul.piece-SubMenu {
  position: absolute;
  top: 57px;
  right: 40px;
}
@media screen and (max-width: 1100px) {
  /* スクリーンサイズが1100px以下の場合に適用 */
  .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit1 ul.piece-SubMenu {
    right: 64px;
  }
}

/* header unit2*/
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit2 {
  z-index: 3;
  border-spacing: 0;
  height: 1px;
  padding: 0;
  box-sizing: border-box;
}
/* header logo */
.page-body:not(.width-small) .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit2 h1 .piece-Image img {
  max-width: 320px;
}

.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit2 > .menu {
  margin: 95px 0 0 0;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit2 .menu .button ul.piece-ButtonList {
  display: flex;
  gap: 8px;
  margin: 0;
  width: 100%;
  min-width: 340px;
  justify-content: space-between;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit2 .menu .button {
  margin: 4px -1px 8px 0;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit2 .menu .button ul.piece-ButtonList li a {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: unset;
  padding: 8px 18px;
  text-decoration: none;
  text-align: center;
  color: rgba(216,41,48,1) !important;
  border: 1px solid rgba(216,41,48,1);
  background-color: rgba(255,255,255,1);
  width: 100%;
  box-sizing: border-box;
}

/* SP メインメニュー */
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit2 .trigger div {
  background-color: #de5a59;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.primary {
  background-color: rgba(0,0,0,0.15);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu .search,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu2 .search,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 .search {
  background-color: rgba(0,0,0,0.5);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu .search form button,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu2 .search form button,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 .search form button {
  color: rgba(51,51,51,1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu .search form button::before,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu2 .search form button::before,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 .search form button::before {
  color: rgba(51,51,51,1);
}

.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit2 .trigger div a {
  background-color: transparent;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.primary li {
  background-color: rgba(255,255,255,1);
  border-radius: 5px;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.primary {
  padding: 10px 0 10px 10px;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.primary li {
  margin-right: 2%;
  width: 31.3%;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.primary li:nth-child(n+4) {
  margin-top: 2%;
}

.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.primary li a {
  color: rgba(216,41,48,1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.primary li a::before {
  height: 50px;
  font-size: 50px;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.primary li a[data-icon]::before {
  color: rgba(216,41,48,1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu2,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 {
  background-color: transparent;
  color: rgba(255,255,255,1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu .dismiss,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu2 .dismiss,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 .dismiss {
  border-top: none;
  background-color: #de5a59;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.secondary {
  background-color: rgba(255,255,255,1);

}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.secondary li a {
  color: rgba(51,51,51,1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.secondary li a::after {
  color: rgba(51,51,51,0.5);
}
/* SP 上部 CV_bt */
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.action {
  background-color: rgba(0,0,0,0.15);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.action li:first-child {
  margin: 20px 20px 10px;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.action li a[href^="https://www.okiu.ac.jp/infomation"].button-style-white {
  display: block;
  border-radius: 0;
  padding: 0;
  text-align: left;
  color: rgba(255,255,255,1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.action li a {
  background-color: rgba(255,255,255,1);
  color: rgba(216,41,48,1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.action li a.button-style-black {
  background-color: rgba(0,0,0,1) !important;
  color: rgba(255,255,255,1) !important;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.tertiary {
  background-color: rgba(255,255,255,1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.tertiary li a {
  color: rgba(0,0,0,0.8);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .TriggerMenu3 ul.tertiary li a::before {
  border-left-color: rgba(0,0,0,0.4);
}
/* SPフッターメニュー */
.block-SphoneFooterMenu {
  background: #de5a59;
}
.block-SphoneFooterMenu .b-body .part-SphoneFooterMenu .piece-SphoneMenu {
  background-color: #de5a59;
  background-image: none;
}
.block-SphoneFooterMenu .b-body .part-SphoneFooterMenu .piece-SphoneMenu li a:before {
  border-left: none;
}
.block-SphoneFooterMenu .b-body .part-SphoneFooterMenu .piece-SphoneMenu li a:after {
  border-right: rgba(255, 255, 255, 0.9) 1px solid;
}
/* header submenu*/
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit3 {
  background: rgba(0,0,0,0.1);
  padding: 0.5em;
  color: rgba(51,51,51,1);
  position: relative;
  z-index: 3;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit3 ul.piece-SubMenu li a {
  font-weight: normal;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit3 ul.piece-SubMenu li a:before {
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  margin-top: -4px;
  border-top: rgba(51,51,51,0.3) 2px solid;
  border-right: rgba(51,51,51,0.3) 2px solid;
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(
45deg
);
  transform: rotate(
45deg
);
  width: 4px;
  height: 4px;
  content: "";
  bottom: 0;
  margin: auto;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit3 {
  animation-name: fadeIn;
  animation-duration: 0.2s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    height: 0;
  }
  75% {
    height: unset;
  }
  100% {
    opacity: 1;
  }
}
.block-HeaderSet1.ccc-Megamenu.hide .b-body .part-HeaderSet1 .unit3 {
  animation-name: fadeOut;
  animation-duration: 0.2s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  opacity: 0;
  pointer-events: none;
  height: 0;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    height: unset;
  }
  75% {
    height: unset;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}

/* header ポータルアイコン */
.page-body:not(.width-small) .block-HeaderSet1.ccc-Megamenu .b-body div.part-Image:first-child {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 2;
  pointer-events: none; /* logolinikのため */
}
.page-body.width-small .block-HeaderSet1.ccc-Megamenu .b-body {
  position: relative;
}
.page-body.width-small .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 {
  position: relative;
  z-index: 1;
}
.page-body.width-small .block-HeaderSet1.ccc-Megamenu .b-body div.part-Image:first-child {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 70px;
}
.page-body:not(.width-small) .block-HeaderSet1.ccc-Megamenu .b-body div.part-Image:first-child .piece {
  max-width: 65px;
  margin: 10px 2px 0 auto;
}
.page-body.width-small .block-HeaderSet1.ccc-Megamenu .b-body div.part-Image:first-child .piece {
  max-width: 53px;
  margin: 0;
}

.block-HeaderSet1.ccc-Megamenu .b-body div.part-Image:first-child .piece a {
  pointer-events: all;
}
.block-HeaderSet1.ccc-Megamenu div.part-Image:first-child .piece a img {
  border: 1px solid rgba(0,0,0,0.75);
}
/* header mainmenu*/
.page-body[data-max-width="1100-"].device-pc .layout-header .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4,
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 {
  margin-top: 0;
  background-color: rgba(255,255,255,1);
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 1px 2px rgba(0
  ,0,0,0.3);
  -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  z-index: 3;
}
.page-body[data-max-width="1100-"].device-pc .layout-header .block-HeaderSet1.ccc-Megamenu.hide .b-body .part-HeaderSet1 .unit4,
.block-HeaderSet1.ccc-Megamenu.hide .b-body .part-HeaderSet1 .unit4 {
  margin-top: -20px;
  animation-name: fademain;
  animation-duration: 0.2s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
}
@keyframes fademain {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -20px;
  }
}

.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu {
  height: 58px;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li {
  padding: 10px 0;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li {
  border-right: none;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu li div {
  position: absolute;
  width: 100%;
  top: 58px;
  left: 0;
  right: 0;
  box-sizing: border-box;
  background-color: rgba(216,41,48,1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li > a{
  background-color: unset;
  color: unset;
  padding: 6px 5px;
  box-sizing: border-box;
  border-left: rgba(0, 0, 0, 0.3) 1px solid;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li:last-child > a {
  border-right: rgba(0, 0, 0, 0.3) 1px solid;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu li div ul {
  position: relative;
  width: 100%;
  max-width: 1100px;
  left: auto;
  right: auto;
  margin: 0 auto;
  opacity: 0;
}
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li:hover div ul {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
body.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu li div ul:hover {
  opacity: 1;
}

/* ホバーアニメーション*/
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li > a:hover,
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li > a.open {
  color: rgba(255,255,255,0.8);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li > a.active {
  background: rgba(0,0,0,0.1);
  color: rgba(51,51,51,1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li > a:before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  content: "";

  background: rgba(216,41,48,1);

  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li > a:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li > a.active:hover:before{
display: none;
}

/* header 2階層ボタン*/

.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu li div ul li a {
  position: relative;
  padding: 5px 10px 5px 20px;
  color: rgba(255,255,255,1);
}
/* 背景色 */
.ccc-back-gray,
.ccc-back-Lblack {
  padding: 20px;
}
.ccc-back-gray.ccc-inPa0,
.ccc-back-Lblack.ccc-inPa0 {
  padding: 0;
}
.ccc-back-gray.ccc-inPaT40,
.ccc-back-Lblack.ccc-inPaT40 {
  padding: 40px 0 20px;
}
.ccc-back-gray.ccc-inPaT0B60,
.ccc-back-Lblack.ccc-inPaT0B60 {
  padding: 0 0 60px;
}
.page-body.width-small .ccc-back-gray,
.page-body.width-small .ccc-back-Lblack {
  padding: 20px 0;
}
.page-body.width-small .ccc-back-gray.ccc-setb-midashi,
.page-body.width-small .ccc-back-Lblack.ccc-setb-midashi {
  padding: 0 !important;
}
.ccc-back-gray {
  background-color: rgba(0,0,0,0.07);
}
.ccc-back-Lblack {
  background-color: rgba(0,0,0,0.5);
}


/* layout-footer */
.page-body .layout-footer {
  background-color: rgba(0,0,0,0.07);
  background-repeat: no-repeat;
}
.page-body.width-small .layout-footer {
  background-color: rgba(0,0,0,0.07) !important;
  padding: 0;
  background-image: none;
}
.page-body.width-small .layout-footer .block .b-body {
  padding: 0 5%;
}
/* submenu */
.page-body .block.ccc-submenu {
  text-align: right;
}
.page-body .block.ccc-submenu .RichText ul.w-l-ul-disc {
  list-style-type: none;
  margin: 0;
}
.page-body .block.ccc-submenu .RichText ul.w-l-ul-disc {
  float: right;
}
.page-body .block.ccc-submenu .RichText ul li {
  float: left;
  padding: 0 20px 10px 0;
}
.page-body .block.ccc-submenu .RichText ul li:last-child {
  padding-right: 0;
}
.page-body:not(.width-small) .block.ccc-submenu + .block {
  clear: both;
}
.page-body.width-small .block.ccc-submenu {
  padding: 20px 0;
}
/* layout-body-footer */
.page-body .layout-page .layout-body-footer {
  background: transparent !important;
}
/* SPの時複数あると重複して表示されるため削除  */
body.page-body.width-small .layout-page .layout-contents .block-PageTop,
body.page-body.width-small .layout-page .layout-body-footer .block-PageTop {
  display: none;
}

/* footer common a */
/* ccc-sitemap サイトマップ */
/* ccc-sitemap2 サイトマップの住所の下 */
.page-body .block.ccc-submenu .RichText,
.page-body .block.ccc-sitemap .RichText,
.page-body .block.ccc-sitemap2 .RichText {
  line-height: 1.2;
}
.page-body .block.ccc-submenu a,
.page-body .block.ccc-sitemap .RichText a,
.page-body .block.ccc-sitemap2 .RichText a {
  color: rgba(51,51,51,1);
  text-decoration: none;
}
.page-body .block.ccc-submenu a:hover,
.page-body .block.ccc-sitemap .RichText a:hover,
.page-body .block.ccc-sitemap2 .RichText a:hover {
  text-decoration: underline;
  opacity: 0.8;
}

/* sitemap */
.page-body .block.ccc-sitemap,
.page-body .block.ccc-sitemap2 {
  background: rgba(255,255,255,0.5);
}

.page-body:not(.width-small) .block.ccc-sitemap,
.page-body:not(.width-small) .block.ccc-sitemap2 {
  padding: 40px 20px 0;
}
.page-body .block.ccc-sitemap + .block.ccc-sitemap,
.page-body .block.ccc-sitemap + .block.ccc-sitemap2 {
  padding: 0 20px 40px;
}
.page-body .block.ccc-sitemap .b-head.pattern1 {
  border: none !important;
}
.page-body .layout-footer .block.ccc-sitemap .b-head.pattern1 h1 {
  padding: 0 0 16px 0;
  background-color: transparent;
}
.page-body .layout-footer .block.ccc-sitemap .b-head h1 span::after {
  display: inline-block;
  content: "サイトマップ";
  font-size: 10px;
  padding: 0 0 0 10px;
}
.page-body.width-small .layout-footer .block.ccc-sitemap .b-head.pattern1 h1 {
  padding: 20px 5%;
}
.page-body .block.ccc-sitemap .b-head.pattern1 h1:before,
.page-body .block.ccc-sitemap .b-head.pattern1 h1:after {
  display: none;
}
.page-body .block.ccc-sitemap .RichText ul {
  margin: 0 1em 15px;
}
.page-body .block.ccc-sitemap ul.w-l-ul-disc li,
.page-body .block.ccc-sitemap2 ul.w-l-ul-disc li {
  line-height: 1.1;
}
.page-body .block.ccc-sitemap ul.w-l-ul-disc li {
  margin: 0 0 8px 0;
}
.page-body .block.ccc-sitemap ul.w-l-ul-disc li:first-child {
  margin: 0 0 8px 0;
}
.page-body .block.ccc-sitemap .RichText ul:nth-child(6n+1) {
  margin: 0;
}
.page-body .block.ccc-sitemap .RichText ul.w-l-ul-disc,
.page-body .block.ccc-sitemap2 .RichText ul.w-l-ul-disc {
  list-style-type: none;
}
.page-body .block.ccc-sitemap ul.w-l-ul-disc li:first-child a {
  color: rgba(51,51,51,1);
  font-weight: bold;
}
/* sitemap2 */
.page-body .block.ccc-sitemap2 .RichText ul {
  margin: 0;
}
.page-body:not(.width-small) .block.ccc-sitemap2 .RichText ul {
  float: right;
}
.page-body .block.ccc-sitemap2 .RichText ul.w-l-ul-disc li {
  padding: 0 0 10px 0;
}
.page-body:not(.width-small) .block.ccc-sitemap2 .RichText ul.w-l-ul-disc li {
  float: left;
  padding: 0 20px 0 0;
}
.page-body.width-small .block.ccc-sitemap2 .RichText {
  text-align: right;
}
.page-body:not(.width-small) .block.ccc-sitemap2 + .block {
  clear: both;
}
/* sitemap 6列 */
.page-body:not(.width-small) .layout-footer .block-Image.ccc-sitemap .b-body {
  position: relative;
}
.page-body:not(.width-small) .layout-footer .block-Image.ccc-sitemap .b-body.SetItem6 .part {
  float: left;
  margin-right: 2%;
  margin-bottom: 30px;
  width: 18.4%;
}
.page-body:not(.width-small) .layout-footer .block-Image.ccc-sitemap .b-body.SetItem6 .part:nth-child(6n) + .part {
  clear: none;
}
.page-body:not(.width-small) .layout-footer .block-Image.ccc-sitemap .b-body.SetItem6 .part:nth-child(5n) {
  margin-right: 0;
}
.page-body:not(.width-small) .layout-footer .block-Image.ccc-sitemap .b-body.SetItem6 .part:nth-child(5n) + .part {
  clear: both;
}
.page-body.width-small .layout-footer .block.ccc-sitemap .b-body.SetItemSmall2 .part {
  margin-right: 1.8%;
  margin-bottom: 20px;
  width: 49%;
}
@media screen and (max-width: 1280px) {
  .page-body .layout-footer .block.ccc-sitemap .b-head.pattern1 h1{
    margin-bottom: 30px;
  }
  .page-body .layout-footer .block.ccc-sitemap .b-head.pattern1 h1::after {
    display: block;
    padding: 0;
  }
  .page-body .layout-footer .block.ccc-sitemap .b-head.pattern1 h1::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(left,  rgba(216,41,48,0.8) 0%, rgba(216,41,48,0.8) 50%, rgba(216,41,48,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(216,41,48,0.8) 0%,rgba(216,41,48,0.8) 50%,rgba(216,41,48,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(216,41,48,0.8) 0%,rgba(216,41,48,0.8) 50%,rgba(216,41,48,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}
@media screen and (min-width: 1280px) {
  .page-body.width-large .layout-footer .block.ccc-sitemap .b-head h1 span {
    position: absolute;
    top: 8px;
    left: 0;
  }
  .page-body .layout-footer .block.ccc-sitemap .b-head h1 span::after {
    display: block;
    padding: 0;
  }
  .page-body:not(.width-small) .layout-footer .block-Image.ccc-sitemap .b-body::before {
    display: block;
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 14%;
    background: -moz-linear-gradient(top,  rgba(216,41,48,0.8) 0%, rgba(216,41,48,0.8) 50%, rgba(216,41,48,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(216,41,48,0.8) 0%,rgba(216,41,48,0.8) 50%,rgba(216,41,48,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(216,41,48,0.8) 0%,rgba(216,41,48,0.8) 50%,rgba(216,41,48,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .page-body:not(.width-small) .layout-footer .block-Image.ccc-sitemap .b-body.SetItem6 .part {
    width: 14.6%;
  }
  .page-body:not(.width-small) .layout-footer .block-Image.ccc-sitemap .b-body.SetItem6 .part:nth-child(5n+1) {
    margin-left: 19%;
    clear: both;
  }
}
/* adress */
.page-body .block.ccc-adress {
  background: rgba(255,255,255,1);
  color: rgba(51,51,51,1);
  padding: 20px 0;
}
.block.ccc-adress .part .piece img {
  max-width: 200px;
}
.page-body:not(.width-small) .block.ccc-adress .part .piece img {
  margin-right: 40px;
}
.page-body.width-small .block.ccc-adress .part .piece img {
  margin-bottom: 10px;
}
.page-body.width-small .block.ccc-adress .part {
  text-align: center;
}
.page-body.width-small .block.ccc-adress .piece-Table tbody tr td {
  display: block;
  text-align: center;
}
.page-body:not(.width-small) .block.ccc-adress .piece-Table tbody tr td:first-child {
  text-align: right;
}

/* Copyright */
.page-body .block.block-Copyright {
  background: rgba(216,41,48,1) !important;
}
.page-body .block-Copyright .b-body .part-Copyright p {
  margin: 0.5em;
  color: rgba(255,255,255,1);
}
/* 最下部にある空き Google翻訳に関する何か */
#___gcse_1 {
  height: 0 !important;
  overflow: hidden;
}

/* 1カラム ccc-re1column */

/* ブロック共通 */
.page-body .layout-page .layout-body-header {
  min-height: 30px;
}
.page-body.width-small .layout-page .layout-body-header {
  min-height: 20px;
}
/* レイアウトヘッダー　パンくずがない時 空白を付与 トップ除外*/
.page-body:not(.ccc-frontpage) .layout-page .layout-body-header > div:last-of-type { 
  margin-bottom: 30px !important;
}
.page-body.width-small:not(.ccc-frontpage) .layout-page .layout-body-header > div:last-of-type { 
  margin-bottom: 20px !important;
}
.page-body:not(.ccc-frontpage) .layout-page .layout-body-header div.block-Breadcrumb:last-of-type { 
  margin-bottom: 0 !important;
}
.page-body.width-small:not(.ccc-frontpage) .layout-page .layout-body-header div.block-Breadcrumb:last-of-type { 
  margin-bottom: 0 !important;
}
/* ヘッダー 画像見出し */
.page-body .layout-page .layout-body-header .block-HeadingImage.ccc-header100 .part {
  max-width: 100% !important;
}
/* ヘッダー見出し */
.page-body .layout-page .layout-body-header .block-Heading {
  max-width: 100% !important;
  background-position: center top;
  background-size: 100%;
  background-repeat: repeat;
  padding: 30px 20px 30px;
}
.page-body.width-small .layout-page .layout-body-header .block-Heading {
  padding: 20px 10px 0;
}
.page-body .layout-page .layout-body-header .block-Breadcrumb + .block-Heading {
  padding: 0 20px 30px;
}
.page-body.width-small .layout-page .layout-body-header .block-Breadcrumb + .block-Heading {
  padding: 0 10px;
}

/* コンテンツ　見出し */
.page-body .layout-page div:not(.layout-body-header) .block-Heading {
  padding: 0;
  text-align: center;
  color: rgba(51,51,51,1);
  font-weight: bold;
  background: rgba(255,255,255,0.7);
}
.page-body .layout-page div:not(.layout-body-header) .block-Heading h1 {
  background: rgba(0,0,0,0.1);
  margin: 0;
  padding: 5px;
}
.page-body .layout-page div:not(.layout-body-header) .block-Heading h1.part-Heading span.piece-Heading {
  border: 2px solid #eb9a99;
  padding: 10px 0;
  font-weight: 400;
}

/* 見出し1 */
.page-body .block:not(.ccc-contentstitle) .b-head.pattern1 {
  border: rgba(0,0,0,0.2) solid 1px;
}
.page-body .block:not(.ccc-contentstitle) .b-head.pattern1 h1 {
  padding: 10px 10px 10px 30px;
  text-align: left;
  color: rgba(51,51,51,1);
  font-weight: bold;
  position: relative;
  background-color: rgba(255,255,255,1);
}
.page-body .block:not(.ccc-contentstitle) .b-head.pattern1 h1:before {
  position: absolute;
  content: "";
  vertical-align: middle;
  width: 0;
  height: 0;
  border-style: solid;
  top: -1px;
  left: -1px;
}
.page-body .block:not(.ccc-contentstitle) .b-head.pattern1 h1:before {
  border-width: 30px 30px 0 0;
  border-color: rgba(216,41,48,1) transparent transparent transparent;
}
/* 見出し2 */
.page-body .block .b-head.pattern2 h1 {
  position: relative;
  font-weight: bold;
  padding: 0 10px 0 30px;
}
.page-body .block .b-head.pattern2 h1:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 10px;
  background-color: rgba(216,41,48,1);
  width: 10px;
  height: 100%;
  content: "";
}
/* 見出し3 */
.page-body .block .b-head.pattern3 h1::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 30%;
  height: 3px;
  background-color: rgba(216,41,48,1);
}
.page-body .block .b-head.pattern3 h1 {
  font-weight: bold;
  padding: 4px;
  position: relative;
  border-bottom: #DDDDDD 4px solid;
  margin-bottom: 8px;
}

/* 2カラム sidemenu */
.page-body .layout-navigation .block-LevelList .b-head.pattern1 {
  border: none;
}
.page-body .layout-navigation .block-LevelList .b-head.pattern1 h1,
.page-body .layout-navigation .block-LevelList .b-head.pattern2 h1,
.page-body .layout-navigation .block-LevelList .b-head.pattern3 h1 {
  padding: 31px 4px !important;
  text-align: center;
  color: rgba(255,255,255,1);
  font-weight: bold;
  background: rgba(216,41,48,1);
  position: relative;
  overflow: hidden;
}
.page-body.width-small .layout-navigation .block-LevelList .b-head.pattern1 h1,
.page-body.width-small .layout-navigation .block-LevelList .b-head.pattern2 h1,
.page-body.width-small .layout-navigation .block-LevelList .b-head.pattern3 h1 {
  padding: 31px 50px 31px 20px !important;
}

.page-body .layout-navigation .block-LevelList .b-body .part-LevelList ul li{
  background: rgba(255,255,255,1);
}
.page-body .layout-navigation .block-LevelList .b-body .part-LevelList ul li a {
  transition:background 0.5s,color 0.5s;
}
.page-body .layout-navigation .block-LevelList .b-body .part-LevelList ul li a:hover {
  background-color: rgba(216,41,48,1) !important;
}
.page-body .layout-navigation .block-LevelList .b-body .part-LevelList ul li a.active {
  font-weight: bold;
  background: rgba(0,0,0,0.1);
  color: rgba(51,51,51,1);
}
.page-body .layout-navigation .block-LevelList .b-body .part-LevelList ul li a:after {
  border-top: 1px solid rgba(0,0,0,0.75);
  border-right: 1px solid rgba(0,0,0,0.75);
}
.page-body .layout-navigation .block-LevelList .b-body .part-LevelList ul li ul li a:before {
  padding: 0 5px 0 0;
  color: rgba(0,0,0,0.75);
  content: "└";
}
.page-body.width-small .layout-navigation .block.close .b-head h1:after,
.page-body.width-small .layout-navigation .block.open .b-head h1:after {
  border: none;
}

.page-body.width-small .layout-navigation .block.close .b-head h1:after,
.page-body.width-small .layout-navigation .block.open .b-head h1:after {
  top: 40px;
  right: 20px;
  margin: 0;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
/* セットABC 画像ブロック 2列～4列 margin */
/* セットABC 画像ブロック 2列 */
.page-body:not(.width-small) .block-SetA .b-body.SetItem2 .part,
.page-body:not(.width-small) .block-SetC .b-body.SetItem2 .part,
.page-body:not(.width-small) .block-Image:not(.ccc-adress) .b-body.SetItem2 .part {
  margin-right: 3.6% !important;
  margin-bottom: 3.6% !important;
  width: 48.2% !important;
}
/* セットB 1列 */
.page-body:not(.width-small) .block-SetB .b-body.SetItem1 .part {
  margin: 2% 3.6% !important;
  width: 92.8% !important;
}

/* セットB 2列 */
.page-body:not(.width-small) .block-SetB .b-body.SetItem2 .part {
  margin: 2% 0 0 3.6% !important;
  width: 44.6% !important;
}
/* セットAC 画像ブロック 3列 */
.page-body:not(.width-small) .block-SetA .b-body.SetItem3 .part,
.page-body:not(.width-small) .block-SetC .b-body.SetItem3 .part,
.page-body:not(.width-small) .block-Image .b-body.SetItem3 .part {
  margin-right: 3.6% !important;
  margin-bottom: 3.6% !important;
  width: 30.9% !important;
}
/* セットB 3列 */
.page-body:not(.width-small) .block-SetB .b-body.SetItem3 .part {
  margin: 2% 0 0 3.6% !important;
  width: 28.5% !important;
}
/* セットABC 画像ブロック 4列 */
.page-body:not(.width-small) .block-SetA .b-body.SetItem4 .part,
.page-body:not(.width-small) .block-SetC .b-body.SetItem4 .part,
.page-body:not(.width-small) .block-Image .b-body.SetItem4 .part {
  margin-right: 3.6%;
  margin-bottom: 3.6%;
  width: 22.3%;
}
/* セットB 4列 */
.page-body:not(.width-small) .block-SetB .b-body.SetItem4 .part {
  margin: 2% 0 0 3.6% !important;
  width: 20.5% !important;
}

/* セットABC 画像ブロック 最後のパーツ */
.page-body:not(.width-small) .block-SetA .b-body.SetItem2 .part:nth-child(2n),
.page-body:not(.width-small) .block-SetA .b-body.SetItem3 .part:nth-child(3n),
.page-body:not(.width-small) .block-SetA .b-body.SetItem4 .part:nth-child(4n),
.page-body:not(.width-small) .block-SetB .b-body.SetItem2 .part:nth-child(2n),
.page-body:not(.width-small) .block-SetB .b-body.SetItem3 .part:nth-child(3n),
.page-body:not(.width-small) .block-SetB .b-body.SetItem4 .part:nth-child(4n),
.page-body:not(.width-small) .block-SetC .b-body.SetItem2 .part:nth-child(2n),
.page-body:not(.width-small) .block-SetC .b-body.SetItem3 .part:nth-child(3n),
.page-body:not(.width-small) .block-SetC .b-body.SetItem4 .part:nth-child(4n),
.page-body:not(.width-small) .block-Image .b-body.SetItem2 .part:nth-child(2n),
.page-body:not(.width-small) .block-Image .b-body.SetItem3 .part:nth-child(3n),
.page-body:not(.width-small) .block-Image .b-body.SetItem4 .part:nth-child(4n) {
  margin-right: 0 !important;
}
/* セットABC 画像ブロック スマホ表示 1列*/
.page-body.width-small .block-SetA .b-body.SetItemSmall1 .part,
.page-body.width-small .block-SetB .b-body.SetItemSmall1 .part,
.page-body.width-small .block-SetC .b-body.SetItemSmall1 .part,
.page-body.width-small .block-Image .b-body.SetItemSmall1 .part {
  margin: 0 0 20px 0 !important;
}
.page-body.width-small .block-SetA .b-body.SetItemSmall1 .part:last-child,
.page-body.width-small .block-SetB .b-body.SetItemSmall1 .part:last-child,
.page-body.width-small .block-SetC .b-body.SetItemSmall1 .part:last-child,
.page-body.width-small .block-Image .b-body.SetItemSmall1 .part:last-child {
  margin-bottom: 0 !important;
}
/* セットA 中見出し*/
.page-body .block-SetA .b-body .part-SetA .piece-Heading {
  border-bottom: 4px rgba(0,0,0,0.2) double;
  margin: 0 0 20px 0;
  padding: 0 0 8px 0;
}
/* セットA 写真空き*/
.page-body .block-SetA .b-body .part-SetA.pattern1 .piece-Image {
  margin: 0 20px 3px 0;
}
.page-body .block-SetA .b-body .part-SetA.pattern2 .piece-Image {
  margin: 0 0 3px 20px;
}
/* セットA ボタン*/
.page-body .block-SetA .b-body .part-SetA .piece-Button a {
  border-radius: 4px;
  background-color: rgba(216,41,48,1);
  background-image: none;
  padding: 8px;
  color: rgba(255,255,255,1);
  border-color: transparent;
  transition:background 0.5s,color 0.5s;
}
.page-body .block-SetA .b-body .part-SetA .piece-Button a:hover {
  background-color: rgba(216,41,48,1);
}
/* セットA スマホの時写真を100％に */
.page-body.width-small .block-SetA.ccc-img-SP-100 .b-body .part-SetA.pattern1 .piece-Image,
.page-body.width-small .block-SetA.ccc-img-SP-100 .b-body .part-SetA.pattern2 .piece-Image {
    float: none;
    margin: 0 0 10px;
    width: 100% !important;
}
/* セットA スマホの時写真を70％に */
.page-body.width-small .block-SetA.ccc-img-SP-70 .b-body .part-SetA.pattern1 .piece-Image,
.page-body.width-small .block-SetA.ccc-img-SP-70 .b-body .part-SetA.pattern2 .piece-Image {
    float: none;
    margin: 0 auto 10px;
    width: 70% !important;
}
/* セットA 右・左寄せの比率 */
.block-SetA .b-body.SetItem1 .part + .part {
  margin-top: 20px;
}

/* セットA 右・左寄せの比率 */
.block-SetA.ccc-img-6 .b-body .part-SetA.pattern1 .piece-Image,
.block-SetA.ccc-img-6 .b-body .part-SetA.pattern2 .piece-Image {
  width: 6%;
}
.block-SetA.ccc-img-13 .b-body .part-SetA.pattern1 .piece-Image,
.block-SetA.ccc-img-13 .b-body .part-SetA.pattern2 .piece-Image {
  width: 13%;
}
.block-SetA.ccc-img-50 .b-body .part-SetA.pattern1 .piece-Image,
.block-SetA.ccc-img-50 .b-body .part-SetA.pattern2 .piece-Image {
  width: 50%;
}
.block-SetA.ccc-img-60 .b-body .part-SetA.pattern1 .piece-Image,
.block-SetA.ccc-img-60 .b-body .part-SetA.pattern2 .piece-Image {
  width: 60%;
}


/* セットB */
.page-body .block-SetB .b-body {
  background-color: rgba(0,0,0,0.05);
  box-sizing: border-box;
}
.block-SetB .b-body .part-SetB.SetItemImage .piece-Image {
  padding: 20px;
}
.block-SetB .b-body .part-SetB div.text h2.piece-Heading {
  margin: 20px 20px 10px;
}
.block-SetB .b-body .part-SetB div.text h2.piece-Heading:only-child {
  margin: 20px;
}
.block-SetB .b-body .part-SetB div.text .piece-RichText {
  margin: 10px 20px 20px;
}
.page-body .block-SetB .b-body .part-SetB:after {
  display: none;
}
.page-body.width-small .layout-body .layout-contents .block-SetB .b-body {
  padding: 10px;
}
.page-body .block-SetB .b-body .part-SetB > a:hover {
  opacity: 0.5;
}
.page-body .block-SetB .b-body .part-SetB > a:before {
  background-color: rgba(216,41,48,1);
}

/* セットC */
.page-body .block-SetC .b-body.SetItem1,
.page-body .block-SetC .b-body.SetItem2,
.page-body .block-SetC .b-body.SetItem3,
.page-body .block-SetC .b-body.SetItem4 {
  border: none;
  box-sizing: border-box;
  padding: 20px;
  background-color: rgba(0,0,0,0.05);
}
.page-body.width-small .layout-body .layout-contents .block-SetC .b-body {
  padding: 20px;
}
.page-body .block-SetC .b-body .part-SetC .piece-Heading {
  margin: 0 0 10px 0;
  padding: 0;
}
.page-body .block-SetC .b-body .part-SetC div.text .piece-RichText {
  color: rgba(51,51,51,1);
}
.page-body .block-SetC .b-body.SetItem1 .part {
  margin: 0 0 3.5% 0;
}

/* セットC 写真空き*/
.page-body .block-SetC .b-body .part-SetC.pattern1.SetItemImage .piece-Image {
  margin: 0 20px 0 0;
}
.page-body  .block-SetC .b-body .part-SetC.pattern2.SetItemImage .piece-Image {
  margin: 0 0 0 20px;
}
/* セットC ボタン*/
.page-body .block-SetC .b-body .part-SetC div.text .piece-VerticalList li a {
  padding: 12px 20px 12px 12px;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  border: 1px rgba(51,51,51,1) solid;
  color: rgba(51,51,51,1);
  background-color: rgba(255,255,255,1);
  transition:background 0.5s,color 0.5s;
}
/* 学科ページ ccc-setCkaisou */
.page-body .block-SetC.ccc-setCkaisou .b-body .part-SetC div.text .piece-VerticalList {
  margin: 0;
}
.page-body .block-SetC.ccc-setCkaisou .b-body .part-SetC div.text .piece-VerticalList li:nth-child(n + 2) {
  margin-top: 0;
}
.page-body .block-SetC.ccc-setCkaisou .b-body .part-SetC div.text .piece-VerticalList li:nth-child(n + 2) a {
  padding: 12px 20px 12px 36px;
  border: none;
  position: relative;
}
.page-body .block-SetC.ccc-setCkaisou .b-body .part-SetC div.text .piece-VerticalList li a::after {
  display: block;
  color: rgba(0,0,0,0.75);
  content: "└";
  position: absolute;
  top: 14px;
  left: 8px;
}
.page-body .block-SetC.ccc-setCkaisou .b-body .part-SetC div.text .piece-VerticalList li:first-child a::after {
  display: none;
}
.page-body .block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:hover {
  background-color: rgba(216,41,48,1);
  color: rgba(255,255,255,1);
}
.page-body.device-pc .block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:before {
  background-image: none;
}
.page-body.device-pc .block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:before {
  background-image: none;
}
.page-body.device-pc .block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:before {
  background-image: none;
}
.page-body .block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:before {
  border-top: 2px solid rgba(0,0,0,0.3);
  border-right: 2px solid rgba(0,0,0,0.3);
  -webkit-transform: rotate( 
45deg
);
  transform: rotate( 
45deg
);
  width: 6px;
  height: 6px;
  vertical-align: middle;
}

.page-body .block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:before {
  border-top: 2px solid rgba(0,0,0,0.3);
  border-right: 2px solid rgba(0,0,0,0.3);
  -webkit-transform: rotate(
45deg
);
  transform: rotate(
45deg
);
  width: 6px;
  height: 6px;
  vertical-align: middle;
}
.page-body .block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:hover:before {
  border-top: 2px solid rgba(255,255,255,1);
  border-right: 2px solid rgba(255,255,255,1);
  -webkit-transform: rotate(
45deg
);
  transform: rotate(
45deg
);
  width: 6px;
  height: 6px;
  vertical-align: middle;
}
/* ボタンリスト */
.page-body .block-ButtonList .b-body .part-ButtonList ul li a {
  position: relative;
  border-radius: 4px;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  color: rgba(255,255,255,1);
  border: none;
  font-weight: bold;
  background: rgba(216,41,48,1);
}
.page-body .block-VerticalList .b-body .part-VerticalList ul li a:hover {
  background-color: rgba(216,41,48,1);
}
/* 横メニュー */
.page-body .layout-contents .block-HorizontalList .b-body {
  box-sizing: border-box;
}
/* 横メニュー */
.page-body .block-HorizontalList .b-body .part-HorizontalList ul.piece-HorizontalList li a {
  border: 1px rgba(255,255,255,0.2) solid;
}

/* テーブル1,3,4 */
.page-body .piece-Table.pattern1 caption,
.page-body .piece-Table.pattern3 caption,
.page-body .piece-Table.pattern4 caption {
  background: rgba(51,51,51,0.5);
  padding: 15px;
}
/* テーブル1 */
.page-body .piece-Table.pattern1 caption {
  border-radius: 15px 15px 0 0;
}
/* テーブル2 */
.page-body .piece-Table.pattern2 thead th {
  background: rgba(51,51,51,0.5);
}
.page-body .piece-Table.pattern1 thead th,
.page-body .piece-Table.pattern2 tbody th,
.page-body .piece-Table.pattern3 thead th,
.page-body .piece-Table.pattern4 thead th {
  background: rgba(0,0,0,0.2);
  color: rgba(0,0,0,1) !important;
  border-color: rgba(255,255,255,1) !important;
}
/* テーブル リンク */
.page-body .piece-Table.pattern2 tbody th a {
  color: rgba(255, 255, 255, 1);
}

/* テーブル セル右揃え */
.page-body .block.ccc-table-right .piece-Table tbody td {
  text-align: right !important;
}
.page-body .block.ccc-table-center .piece-Table tbody td {
  text-align: center !important;
}

/* イベントブロック */
.page-body .block-EventList .b-body .part-EventList section.piece-EventList .body {
  border-radius: 0;
}
.page-body .block-EventList .b-body .part-EventList section.piece-EventList header h1 {
  padding: 15px 20px;
}
.page-body .block-EventList .b-body .part-EventList section.piece-EventList .body .data {
  margin: 20px;
}
.page-body .block-EventList .b-body .part-EventList section.piece-EventList.pattern1 .body ul.images {
  margin: 20px 0;
}
.page-body .block-EventList .b-body .part-EventList section.piece-EventList .body .text {
  margin: 20px;
}
.page-body .block-EventList .b-body .part-EventList section.piece-EventList .body .entry a {
  border-radius: 100px;
  background-color: rgba(216,41,48,1);
  background-image: none;
  padding: 14px;
  font-weight: bold;
}
.block-EventList .b-body .part-EventList section.piece-EventList {
  margin-top: 40px;
}
.page-body .block-EventList .b-body .part-EventList section.piece-EventList header h1 {
  background-color: rgba(0,0,0,0.7);
  padding: 10px 20px;
  color: #FFFFFF;
}
.page-body .block-EventList .b-body .part-EventList section.piece-EventList .body .data table tbody tr th {
  background: rgba(0,0,0,0.3);
  color: #FFFFFF;
  font-weight: bold;
}
/* ボタン */
.page-body .block-HorizontalList .b-body .part-HorizontalList ul.piece-HorizontalList li a.active {
  background: rgba(255,255,255,1);
  color: rgba(0,0,0,0.75);
  border: 1px rgba(0,0,0,0.75) solid;
}
/* インタビュー */
.page-body .block-Square .b-body .part-Square ul.piece-Square li div span.caption span {
  background-color: rgba(0,0,0,0.5) !important;
}
/* インタビュー */
.page-body .block-Interview .b-body .part + .part {
  margin: 15px 0 0 0;
  border-top: none;
  padding: 15px 0 0 0;
}
.page-body .block-Interview .b-body .part-Interview .piece-Interview .interview .description {
  margin-bottom: 10px;
}
/* インタビュー margin */
.page-body:not(.width-small) .block-Interview .b-body .part-Interview .piece-Interview .interview > * {
  margin: 10px 20px;
}
.page-body:not(.width-small) .block-Interview .b-body .part-Interview .piece-Interview .interview h2 {
  margin-bottom: 10px;
}
.page-body:not(.width-small) .block-Interview .b-body .part-Interview .piece-Interview .interview h2 + .description {
  margin: 10px 20px !important;
}

/* インタビュー 吹き出し色 */
.page-body .block-Interview .b-body .part-Interview:nth-child(2n-1) .piece-Interview .interview {
  background-color: #e5f2ff;
}
.page-body .block-Interview .b-body .part-Interview:nth-child(2n-1) .piece-Interview .interview:before {
  border-right: #e5f2ff 21px solid;
}
.page-body .block-Interview .b-body .part-Interview:nth-child(2n) .piece-Interview .interview {
  background-color: #ffeded;
}
.page-body .block-Interview .b-body .part-Interview:nth-child(2n) .piece-Interview .interview:before {
  border-left: #ffeded 21px solid;
}
.page-body .block-Interview .b-body .part-Interview:nth-child(4n-1) .piece-Interview .interview {
  background-color: #fdffd9;
}
.page-body .block-Interview .b-body .part-Interview:nth-child(4n-1) .piece-Interview .interview:before {
  border-right: #fdffd9 21px solid;
}
.page-body .block-Interview .b-body .part-Interview:nth-child(4n) .piece-Interview .interview {
  background-color: #d9ffde !important;
}
.page-body .block-Interview .b-body .part-Interview:nth-child(4n) .piece-Interview .interview:before {
  border-left: #d9ffde 21px solid !important;
}

/* 画像ブロック */
.page-body.width-small .layout-header .block-Image .b-body.SetItemSmall2 .part,
.page-body.width-small .layout-footer .block-Image .b-body.SetItemSmall2 .part,
.page-body.width-small .layout-body-header .block-Image .b-body.SetItemSmall2 .part,
.page-body.width-small .layout-body-footer .block-Image .b-body.SetItemSmall2 .part {
    margin-right: 1.8%;
    margin-bottom: 1.8%;
    width: 49%;
}
.page-body.width-small .layout-header .block-Image .b-body.SetItemSmall2 .part:nth-child(2n),
.page-body.width-small .layout-footer .block-Image .b-body.SetItemSmall2 .part:nth-child(2n),
.page-body.width-small .layout-body-header .block-Image .b-body.SetItemSmall2 .part:nth-child(2n),
.page-body.width-small .layout-body-footer .block-Image .b-body.SetItemSmall2 .part:nth-child(2n) {
    margin-right: 0;
}
/* ページトップ */
.page-body .block-PageTop .b-body .part-PageTop .piece-PageTop a {
  display: inline-block;
  margin: 1em;
  border: none;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.15);
  opacity: 0.8;
  padding: 5px 10px;
  white-space: nowrap;
  text-decoration: none;
  color: rgba(51,51,51,1);
  font-weight: bold;
}
/* ニュースイベント ページ */
.page-body .block-News .b-body .part-News article {
  margin: 0;
}
.page-body .piece article.pattern1 header h1 {
  border-top: none !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  padding: 1em 15px;
  font-weight: bold;
}
.page-body .piece article.pattern1 header div {
  background-color: rgba(51,51,51,0.5) !important;
}
.page-body .piece article.pattern1 header div span.category {
  border-radius: 0;
}
/* カテゴリを強制的に赤にする ccc-cate_red 
.page-body .block.ccc-cate_red .piece article.pattern1 header div span.category {
  background-color: rgba(216,41,48,1) !important;
  color: #FFFFFF;
}
.page-body .block.ccc-cate_red .piece table.list-article tbody tr td.category span[class^="base-background"] {
  background-color: rgba(216,41,48,1) !important;
  color: #FFFFFF;
}
*/
/* top */
/* top各ブロックマージン */

/* caution 重要なお知らせ */
.page-body .block.ccc-caution {
  background-color: rgba(255,255,255,1);
  max-width: 1280px !important;
  margin: 0 auto;
}
body.page-body:not(.width-small) .block.ccc-caution {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-align-items: top;
}
body.page-body:not(.width-small) .block.ccc-caution .b-head {
  width: 20% !important;
  min-width: 7em !important;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
  background-color:rgba(216,41,48,1);
  border: none !important;
}
.page-body:not(.width-small) .block.ccc-caution .b-body {
  width: 80% !important;
}
.page-body .block.ccc-caution .b-head.pattern1 h1 {
  padding: 10px !important;
  color: rgba(255,255,255,1);
  font-weight: bold;
  text-align: center !important;
  background-color:rgba(216,41,48,1) !important;
}
.page-body:not(.width-small) .block.ccc-caution .b-head.pattern1 h1 {
  padding: 20px 0 !important;
  min-width: 7em !important;
  width: 100%;
  box-sizing: border-box;
}
.page-body .block.ccc-caution .b-head.pattern1 h1:before,
.page-body .block.ccc-caution .b-head.pattern1 h1:after {
  display: none;
}

.page-body .block.ccc-caution .b-body {
  padding: 8px 8px 15px;
  text-align: left;
}
.page-body:not(.width-small) .block.ccc-caution .b-body {
  padding: 20px;
}
/* スライド */
.page-body.ccc-frontpage .layout-page .layout-body-header {
  background: rgba(0,0,0,0.06) !important;
}

/* bannerset01  バナー 画像ブロック */
.page-body.width-small .layout-page .layout-body .block.ccc-bannerset01 {
  margin: 0 auto !important;
}
.page-body .layout-page .layout-body .block.ccc-bannerset01 .b-body {
  max-width: 1280px !important;
  margin: 0 auto;
  padding: 0;
}
.page-body .block-Image.ccc-bannerset01 .b-body.SetItem1 .part {
  margin: 0 !important;
}
.page-body .block-Image.ccc-bannerset01 .b-body.SetItem2 .part {
  float: left;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  width: 50% !important;
}
.page-body .block-Image.ccc-bannerset01 .b-body.SetItem3 .part {
  float: left;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  width: 33.33% !important;
}
.page-body .block-Image.ccc-bannerset01 .b-body.SetItem4 .part {
  float: left;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  width: 25% !important;
}
.page-body .block-Image.ccc-bannerset01 .b-body.SetItem6 .part {
  float: left;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  width: 16.66% !important;
}
.page-body.width-small .block-Image.ccc-bannerset01 .b-body.SetItemSmall1 .part,
.page-body.width-small .block-Image.ccc-bannerset01 .b-body.SetItemSmall2 .part,
.page-body.width-small .block-Image.ccc-bannerset01 .b-body.SetItemSmall3 .part {
  margin: 0 !important;
}

/* news event */
.page-body.width-small .layout-body .layout-contents .block.ccc-common_news .b-body {
  padding: 0 !important;
}
.page-body .layout-body .block + .block.ccc-NEWS,
.page-body .layout-body .block + .block.ccc-EVENTS {
  margin-top: 0;
}
.page-body.width-small .layout-page .layout-body .block.ccc-common_news {
    margin: 0 10px !important;
}
/* ccc-common_news */
.block.ccc-common_news {
  padding: 0;
}
.page-body .layout-body .layout-contents .block.ccc-common_news .b-head {
  margin: 0 auto;
}
/* top ccc-common_news */
.ccc-frontpage.ccc-re1column .block.ccc-common_news {
  padding: 5% 0;
  background-position: center top;
  background-size: 100%;
  background-repeat: repeat;
}
.page-body.ccc-frontpage.ccc-re1column .layout-body .layout-contents .block.ccc-common_news .b-head {
  margin: 20px auto 0;
}
.page-body.ccc-frontpage.ccc-re1column:not(.width-small) .layout-body .layout-contents .block.ccc-common_news .b-head {
  margin: 0 auto;
}
.page-body.ccc-frontpage.ccc-re1column .layout-body .layout-contents .block.ccc-common_news .b-body,
.page-body .layout-body .layout-contents .block.ccc-common_news .b-head.pattern2 + .b-body{
  border-top: rgba(216,41,48,1) solid 2px;
}
.page-body .layout-body .layout-contents .block.ccc-common_news .b-head.pattern3 h1 {
  margin-bottom: 0;
}
.page-body .layout-body .layout-contents .block.ccc-common_news .b-head.pattern1 h1 {
  margin-bottom: 0;
}
.block.ccc-common_news.block-NewsList .b-body .part-NewsList .piece-NewsList table {
  box-shadow: 0 1px 10px 2px rgb(0,0,0,0.1);
}
.block.ccc-common_news .piece div.list-tab {
  background-color: transparent;
}
.block.ccc-common_news .piece table.list-article {
  box-shadow: none;
}
.block.ccc-common_news .piece table.list-article tbody tr th {
  width: 11ex;
  vertical-align: middle;
  font-weight: normal;
}
.block.ccc-common_news .piece table.list-article tbody tr th time {
  color: rgba(0,0,0,0.75);
  text-align: left;
}
.block.ccc-common_news .piece table.list-article tbody tr td.category {
  width: 11em;
}
.page-body:not(.width-small) .block.ccc-common_news .piece div.list-tab div ul {
  border-spacing: 5px 0;
  margin: 5px 0 0 -5px;
}
.block.ccc-common_news .piece table.list-article tbody tr {
  background: rgba(255,255,255,0.8);
  display: block;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
}
.page-body .block.ccc-common_news .piece table.list-article tbody tr + tr {
  border-top: #CCCCCC 1px dotted;
}
.page-body.width-small .block.ccc-common_news .piece table.list-article tbody tr {
  padding: 10px;
}
.block.ccc-common_news .piece table.list-article tbody tr:hover {
  background: rgba(255,255,255,1);
}
/* news event 見出し*/
.block.ccc-common_news .b-head.pattern2 h1:before {
  display: none;
}
.block.ccc-common_news .b-head.pattern2 h1 {
  position: relative;
  padding: 0 10px 8px 0;
}
.page-body.width-small .block.ccc-common_news .b-head.pattern2 h1 {
  text-align: center;
  background: rgba(255,255,255,0.5);
  padding: 10px 0;
}
.page-body .block.ccc-common_news .piece table.list-article tbody tr td.category span {
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 3px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 0;
}
/* ★カテゴリ色の変更 
.page-body .block.ccc-common_news .piece table.list-article tbody tr td.category span[class^="base-background"] {
  background-color: rgba(216,41,48,1) !important;
  color: #FFFFFF;
}
*/
.page-body .block.ccc-common_news .piece table.list-article tbody tr td.title {
  display: block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  line-height: 1.3;
}
.page-body .block.ccc-common_news .piece table.list-article tbody tr td.title a {
  display: block;
  padding: 8px 0 0;
  word-break: break-all;
}
.page-body .block.ccc-common_news .piece table.list-article tbody tr td.title a {
  position: relative;
  padding-right: 16px;
  text-decoration: none;
}
body.page-body.ccc-frontpage.ccc-re1column:not(.width-small) .block.ccc-NEWS,
body.page-body.ccc-frontpage.ccc-re1column:not(.width-small) .block.ccc-EVENTS {
  width: 50%;
  box-sizing: border-box;
  padding: 4% 20px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
/* 横幅1024px以上 */
  body.page-body.ccc-frontpage.ccc-re1column:not(.width-small) .block.ccc-NEWS,
  body.page-body.ccc-frontpage.ccc-re1column:not(.width-small) .block.ccc-EVENTS {
    padding: 4%;
  }
  body.page-body.ccc-frontpage.ccc-re1column .layout-page .layout-body .block.ccc-NEWS .b-head,
  body.page-body.ccc-frontpage.ccc-re1column .layout-page .layout-body .block.ccc-NEWS .b-body,
  body.page-body.ccc-frontpage.ccc-re1column .layout-page .layout-body .block.ccc-EVENTS .b-head,
  body.page-body.ccc-frontpage.ccc-re1column .layout-page .layout-body .block.ccc-EVENTS .b-body {
    max-width: 740px !important;
  }
  body.page-body.ccc-frontpage.ccc-re1column .layout-page .layout-body .block.ccc-NEWS .b-head,
  body.page-body.ccc-frontpage.ccc-re1column .layout-page .layout-body .block.ccc-NEWS .b-body {
    margin: auto 0 auto auto !important;
  }
  body.page-body.ccc-frontpage.ccc-re1column .layout-page .layout-body .block.ccc-EVENTS .b-head,
  body.page-body.ccc-frontpage.ccc-re1column .layout-page .layout-body .block.ccc-EVENTS .b-body {
    margin: auto auto auto 0 !important;
  }
}
body.page-body.ccc-frontpage.ccc-re1column:not(.width-small) .block.ccc-NEWS {
  float: left;
}
body.page-body.ccc-frontpage.ccc-re1column:not(.width-small) .block.ccc-EVENTS + .block {
  clear: both;
}
.page-body:not(.width-small) .block.ccc-NEWS {
}
.page-body .block.ccc-common_news .piece table.list-article + div.toindex,
.page-body .block.ccc-common_news .piece table.list-article-rich1 + div.toindex,
.page-body .block.ccc-common_news .piece div.list-article-rich2 + div.toindex {
  margin: 5px 0;
}
/* イベント 日付削除 */
.page-body .block.ccc-EVENTS .b-body .piece table.list-article tbody tr th {
  display: none;
}
/* ニュースイベントブロック共通 */
.page-body .piece table.list-article + div.toindex a {
  font-weight: normal;
}
.page-body .piece table.list-article + div.toindex a:before,
.page-body .piece table.list-article-rich1 + div.toindex a:before,
.page-body .piece div.list-article-rich2 + div.toindex a:before {
  border-left: rgba(216,41,48,1) 4px solid;
}

/* pickup */
.page-body .block.ccc-pickup .b-head.pattern1 {
  border: none !important;
  font-weight: normal !important;
  margin: 0 auto;
}
.page-body.width-small .block.ccc-pickup .b-head.pattern1 {
  border-bottom: 3px solid rgba(216,41,48,1) !important;
  background: rgba(255,255,255,0.5);
  margin: 0 10px;
}
.page-body.width-small .block.ccc-contentstitle.ccc-pickup .b-head.pattern1 h1 {
  padding: 10px 0 !important;
}
.page-body.width-small .block.ccc-contentstitle.block.ccc-pickup .b-head.pattern1 h1 span {
  border-bottom: none !important;
}
.page-body .layout-body .block + .block.ccc-pickup {
  margin-top: 0;
}
.page-body.width-small .layout-page .layout-body .block.ccc-pickup {
    margin: 0 auto !important;
}
.page-body .block.ccc-pickup {
  background-size: cover;
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  padding: 40px 0 20px;
}
.page-body:not(.width-small) .block.ccc-pickup {
  padding: 0 0 20px;
}
.page-body .block.ccc-pickup .b-head.pattern1 h1 {
  padding: 4px 4px !important;
  text-align: center;
  font-weight: bold;
  background-color: transparent;
}
.page-body .block.ccc-pickup .b-head.pattern1 h1:before,
.page-body .block.ccc-pickup .b-head.pattern1 h1:after {
  display: none;
}
@media screen and (max-width: 1280px) {
  .page-body:not(.width-small) .layout-page .layout-body .block.ccc-pickup .b-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .page-body .layout-page .layout-body .block.ccc-pickup .b-body {
    max-width: 85.9% !important;
    margin-right: auto;
    margin-left: auto;
  }
}
/* セットB 3列 ccc-pickup */
.page-body:not(.width-small) .block-SetB.ccc-pickup .b-body.SetItem3 .part {
  margin: 2% 0 2% 4% !important;
  width: 30.6% !important;
}
.page-body:not(.width-small) .block-SetB.ccc-pickup .b-body.SetItem3 .part:nth-child(3n-2) {
  margin: 2% 0 2% 0 !important;
}
/* セットB 画像メニュー01 */
.page-body .block-SetB.ccc-pickup {
}
.page-body .block-SetB.ccc-pickup .b-body{
  background: transparent;
}
.page-body .block-SetB.ccc-pickup .b-body .part {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(255,255,255,1);
  color: rgba(51,51,51,1);
  border: #CCCCCC solid 1px;
  box-shadow: 1px 1px 1px 1px rgb(0, 0, 0, 0.2);
}
.page-body .block-SetB.ccc-pickup .b-body .part-SetB > a {
  padding: 0;
}
.page-body .block-SetB.ccc-pickup .b-body .part-SetB > a::before,
.page-body .block-SetB.ccc-pickup .b-body .part-SetB > a:after {
  display: none;
}
.page-body .block-SetB.ccc-pickup .b-body .part-SetB.SetItemImage .piece-Image {
  padding: 0;
}
.page-body .block-SetB.ccc-pickup .b-body .part-SetB.SetItemImage .piece-Image:hover {
  opacity: 0.9;
}
.page-body .block-SetB.ccc-pickup .b-body .part-SetB div.text .piece-Heading {
  position: relative;
  background-color: rgba(216,41,48,0.8);
  margin: -60px 0 0 0;
  z-index: 2;
  padding: 16px;
  color: rgba(255,255,255,1);
  text-align: center;
}

/* Links */
.page-body .block.ccc-links .b-head.pattern1 h1 {
  padding: 0;
  margin: 40px 0 20px;
}
/* SNS */
.page-body .block.ccc-sns .b-head.pattern1 h1 {
  padding: 0;
  margin: 0;
}
.page-body.width-small .block.ccc-sns {
  margin-top: 40px;
}
/* Links SNS */
@media screen and (max-width: 1280px) {
  .page-body:not(.width-small) .layout-footer .block.ccc-links .b-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-body:not(.width-small) .layout-footer .block.ccc-sns .b-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* 見出し -moji- */
.page-body .layout-page .layout-body-header .block-Heading,
.page-body .block.ccc-contentstitle .b-head {
  margin: 0 auto 20px 0;
  text-align: center;
}
.page-body .layout-page .layout-body-header .block-Heading h1,
.page-body .block.ccc-contentstitle .b-head.pattern1 h1 {
  border-left: none;
  background: transparent;
  text-align: center;
  position: relative;
  display: inline-block;
}
.page-body .layout-page .layout-body-header .block-Heading h1 {
  margin: 0;
  padding: 0 !important;
}
.page-body.width-small .layout-page .layout-body-header .block-Heading h1 {
  padding: 10px 20px 0 !important;
}
.page-body .block.ccc-contentstitle .b-head.pattern1 h1 {
  padding: 20px 0 0 !important;
}
.page-body.width-small .block.ccc-contentstitle .b-head.pattern1 h1 {
  padding: 0 20px !important;
}
.page-body .layout-page .layout-body-header .block-Heading h1 span,
.page-body .block.ccc-contentstitle .b-head.pattern1 h1 span {
  overflow: visible;
  border-bottom: 3px solid rgba(216,41,48,1);
  padding-bottom: 5px;
}



/* 対象者  横メニュー */
.page-body .block-HorizontalList.ccc-taeget-links .b-body .part-HorizontalList ul.piece-HorizontalList li a {
  border: none;
  border-radius: 5px;
}

/* 横幅指定 */
.page-body .layout-page .layout-body-header .block.ccc-caution .b-head,
.page-body .layout-page .layout-body-header .block.ccc-caution .b-body,
.page-body .layout-page .layout-body .block.ccc-w100 .b-body {
  max-width: 100% !important;
}

/* fontsize */
/* 見出し */
.page-body .block .b-head h1,
.page-body .piece article.pattern1 header h1 {
  font-size: 150%;
}

.block.ccc-pickup .block .b-head.pattern2 h1,
.page-body .block.ccc-pickup .b-head.pattern1 h1,
.page-body .block.ccc-links .b-head.pattern1 h1,
.page-body .block.ccc-sns .b-head.pattern1 h1,
.page-body.ccc-frontpage .block.ccc-common_news .b-head.pattern2 h1,
.page-body .layout-footer .block.ccc-sitemap .b-head.pattern1 h1 {
  font-size: 160%;
}
.page-body .layout-page .layout-body-header .block-Heading h1.part-Heading {
  font-size: 200%;
}
.page-body.width-large.ccc-frontpage .block.ccc-common_news .b-head.pattern2 h1,
.page-body.width-large .block.ccc-pickup .b-head.pattern1 h1 {
  font-size: 230%;
}
.page-body.width-large .layout-footer .block.ccc-sitemap .b-head.pattern1 h1 {
  font-size: 200%;
}
/* set */
.page-body .block-SetA .b-body .part-SetA .piece-Heading,
.page-body .block-SetB .b-body .part-SetB div.text .piece-Heading,
.page-body .block-SetC .b-body .part-SetC .piece-Heading {
  font-size: 120%;
}
.page-body .block-SetA .b-body .part-SetA .piece-Button a,
.page-body .block-SetC .b-body .part-SetC div.text .piece-VerticalList li a {
  font-size: 100%;
}
/* スマホ以外で文字の大きさを変更 */
.page-body:not(.width-small) .RichText {
  font-size: 100%;
}
/* メニュー */
.block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit2 .menu .button ul.piece-ButtonList li a {
  font-size: 90%;
}
/* パンくず */
.page-body .block-Breadcrumb .b-body .part-Breadcrumb {
  font-size: 80%;
}
.page-body.width-small .block-Breadcrumb .b-body .part-Breadcrumb {
  font-size: 60%;
}

/* テーブルフォントサイズ */
.page-body .piece-Table.pattern1 caption,
.page-body .piece-Table.pattern2 caption,
.page-body .piece-Table.pattern3 caption,
.page-body .piece-Table.pattern4 caption,
.page-body .piece-Table.pattern5 caption {
  font-size: 100%;
  font-weight: bold;
}
.page-body .piece-Table thead th,
.page-body .piece-Table tbody th {
    font-size: 90%;
    font-weight: bold;
}
.page-body .piece-Table tbody td {
    font-size: 80% !important;
}
.page-body.width-small .piece-Table thead th,
.page-body.width-small .piece-Table tbody th {
    font-weight: normal;
}

/* イベント */
.page-body .block-EventList .b-body .part-EventList section.piece-EventList .body .entry a {
  font-size: 110%;
}

/* ニュース */
.page-body .block:not(.ccc-common_news) .piece table.list-article tbody tr + tr {
  border-top: none;
}
.page-body .block:not(.ccc-common_news) .piece table.list-article tbody tr {
  border-left: #e5e5e5 10px solid;
  border-right: #e5e5e5 10px solid;
  background: #e5e5e5;

}
.page-body .block:not(.ccc-common_news) .piece table.list-article tbody tr:nth-child(2n) {
  background: #FFFFFF;
  border-left: #FFFFFF 10px solid;
  border-right: #FFFFFF 10px solid;
}

/* ニュース記事 */
.page-body .piece table.list-article tbody tr td.title a {
  color: rgba(51,51,51,1) !important;
  font-weight: bold;
}
.page-body .piece table.list-article tbody tr th {
  font-size: 80%;
}
.page-body .piece table.list-article tbody tr td.title,
.page-body .piece table.list-article {
  font-size: 100%;
}

/* サイトマップ */
.page-body .block.ccc-sitemap ul.w-l-ul-disc li:first-child a {
  font-size: 100%;
}
.page-body .block.ccc-submenu .RichText a,
.page-body .block.ccc-sitemap .RichText a,
.page-body .block.ccc-sitemap2 .RichText a {
  font-size: 80%;
}
/*****************************************IE調整*/
@media all and (-ms-high-contrast:none){
  /* グローバルホバー */
  .page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li > a:before {
    display: none;
  }
  .page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li > a {
    transition:background 0.5s,color 0.5s;
    background-color: rgba(255,255,255,1);
    color: rgba(0,0,0,1);
  }
  .page-body .block-HeaderSet1.ccc-Megamenu .b-body .part-HeaderSet1 .unit4 ul.piece-GlobalMenu > li > a:hover {
    background-color: rgba(216,41,48,1);
  }
}