@charset "utf-8";

#baseBlock14,
#baseBlock15,
#baseBlock16,
#baseBlock17 {
  display: none;
}

/* 基本 */
[data-area="content"] strong {
  font-weight: 700;
}
[data-area="content"] em {
  font-style: italic;
}
[data-area="content"] sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
body.en [data-area="content"] sup {
  font-size: 50%;
  vertical-align: top;
  position: relative;
  top: 1.0em;
}
[data-area="content"] sub {
  font-size: 70%;
  vertical-align: bottom;
  position: relative;
  bottom: -0.1em;
}
[data-area="content"]  ul{
  list-style: disc;
  margin-left: 25px;
  word-break: break-word;
}
[data-area="content"]  ol{
  list-style: decimal;
  margin-left: 25px;
  word-break: break-word;
}

[data-area="content"] .button1,
[data-area="content"] .button2,
[data-area="content"] .button3 {
  display: flex;
  width: 100%;
}
[data-area="content"] .cp-all + .button1 {
  margin-top: -30px;
}

[data-area="content"] .button1 {
  justify-content: flex-start;
}

[data-area="content"] .button2 {
  justify-content: center;
}

[data-area="content"] .button3 {
  justify-content: flex-end;
}

[data-area="content"] .button1 .button-inner,
[data-area="content"] .button2 .button-inner,
[data-area="content"] .button3 .button-inner {
  position: relative;
  margin-top: 8px;
}
[data-area="content"] .button1 .button-inner:hover::before,
[data-area="content"] .button2 .button-inner:hover::before,
[data-area="content"] .button3 .button-inner:hover::before {
  background: #113364;
}
[data-area="content"] .button1 .button-inner:hover::after,
[data-area="content"] .button2 .button-inner:hover::after,
[data-area="content"] .button3 .button-inner:hover::after {
  border-color: #113364;
}
[data-area="content"] .button1 .button-inner::before,
[data-area="content"] .button2 .button-inner::before,
[data-area="content"] .button3 .button-inner::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 11px;
  top: 23px;
  display: block;
  width: 13px;
  height: 1px;
  background: #fff;
  transition: .2s;
}
[data-area="content"] .button1 .button-inner::after,
[data-area="content"] .button2 .button-inner::after,
[data-area="content"] .button3 .button-inner::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 18px;
  top: 21px;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  transition: .2s;
}

@media screen and (max-width: 1200px) {
  [data-area="content"] .button1 .button-inner,
  [data-area="content"] .button2 .button-inner,
  [data-area="content"] .button3 .button-inner {
    width: 100%;
  }
}

[data-area="content"] .button1 a,
[data-area="content"] .button2 a,
[data-area="content"] .button3 a {
  display: -ms-flexbox;
  display: flex !important;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-top: 6px;
  font-weight: 700;
  color: #333 !important;
  font-size: 1.6rem;
}
[data-area="content"] .button1 a:hover,
[data-area="content"] .button2 a:hover,
[data-area="content"] .button3 a:hover {
  text-decoration: none;
}
[data-area="content"] .button1 a:hover::before,
[data-area="content"] .button2 a:hover::before,
[data-area="content"] .button3 a:hover::before {
  background: #fff;
}
[data-area="content"] .button1 a:before,
[data-area="content"] .button2 a:before,
[data-area="content"] .button3 a:before {
  content: "";
  position: relative;
  z-index: 1;
  top: 0;
  display: block;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-right: 12px;
  border-radius: 50%;
  background: #113364;
  border: 1px solid #113364;
}

[data-area="content"] .FF-1{
  font-family: "Noto Sans JP", sans-serif;
}
[data-area="content"] .FF-2{
  font-family: "Noto Serif JP", serif;
}
[data-area="content"] .FF-3{
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-area="content"] .FF-4{
  font-family: "Yusei Magic", sans-serif;
}
[data-area="content"] .FF-5{
  font-family: "Shippori Mincho B1", serif;
}

/* 基本ブロック全て */
.cp-all {
  position: relative;
  z-index: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
.cp-all::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: -20px;
  left: calc(50% - 50vw);
  width: 100vw;
  height: calc(100% + 40px);
  pointer-events: none;
}
.cp-all .button1 a,
.cp-all .button2 a,
.cp-all .button3 a {
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .cp-all {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

/* 見出し */
.cp-h1-text {
  margin-top: 80px;
  margin-bottom: 40px;
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.3;
}
.cp-h2-text {
  margin-top: 80px;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 1.4;
  word-break: break-word;
}
[data-area="content"] > .cp-h2-text:first-child {
  margin-top: 30px;
}
.cp-h3-text {
  margin-top: 55px;
  margin-bottom: 30px;
  padding: 7px 18px;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
  background-color: #113364;
  color: #fff;
  word-break: break-word;
}
.cp-h3-text span[style*="background-color"] {
  display: block;
  margin: -7px -18px;
  padding: 7px 18px;
}
.cp-h4-text {
  margin-top: 30px;
  margin-bottom: 14px;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.7;
  word-break: break-word;
}
.cp-h5-text {
  margin-top: 18px;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.8;
  word-break: break-word;
}
.cp-h3-text + .cp-all {
  margin-top: 30px;
}
.cp-h4-text + .cp-all {
  margin-top: 14px;
}
.cp-h5-text + .cp-all {
  margin-top: 8px;
}
@media screen and (max-width: 1200px) {
  .cp-h1-text {
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 3.5rem;
  }
  .cp-h2-text {
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 2.4rem;
  }
  body.index .cp-h2-text {
    margin-top: 40px;
    font-size: 2.4rem;
  }
  .cp-h3-text {
    margin-top: 30px;
    margin-bottom: 25px;
    padding: 8px 12px;
    font-size: 2.2rem;
  }
  .cp-h3-text span[style*="background-color"] {
    margin: -8px -12px;
    padding: 8px 12px;
  }
  .cp-h3-text + .cp-all {
    margin-top: 25px;
  }
}
.cp-all .cp-inner .cp-h1-text:first-child,
.cp-all .cp-inner .cp-h2-text:first-child,
.cp-all .cp-inner .cp-h3-text:first-child,
.cp-all .cp-inner .cp-h4-text:first-child,
.cp-all .cp-inner .cp-h5-text:first-child,
.cp-all .cp-inner .lead1:first-child,
.cp-all .cp-inner .lead2:first-child,
.cp-all .cp-inner .lead3:first-child {
  margin-top: 0;
}
.cp-all .cp-inner .cp-h1-text:last-child,
.cp-all .cp-inner .cp-h2-text:last-child,
.cp-all .cp-inner .cp-h3-text:last-child,
.cp-all .cp-inner .cp-h4-text:last-child,
.cp-all .cp-inner .cp-h5-text:last-child,
.cp-all .cp-inner .lead1:last-child,
.cp-all .cp-inner .lead2:last-child,
.cp-all .cp-inner .lead3:last-child {
  /*margin-bottom: 0;*/
}
.lead1{
  margin-top: 100px;
  margin-bottom: 90px;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.5;
}
.lead2{
  margin-top: 60px;
  margin-bottom: 40px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8;
}
.lead3{
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 1.8rem;
  line-height: 1.777;
  color: #222;
}
.lead3 + .cp-all {
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  .lead1 {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 2.7rem;
  }
  .lead2 {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .lead3 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .lead3 + .cp-all {
    margin-top: 15px;
  }
}

.cp-h1-text hr,
.cp-h2-text hr,
.cp-h3-text hr,
.cp-h4-text hr,
.cp-h5-text hr {
  display: none;
}

.cp-hr-100{
  border-width: 0;
  border-style: solid;
  border-top: 1px solid #ccc;
}
.cp-hr-400{
  border-width: 0;
  border-style: solid;
  border-top: 4px solid #ccc;
}
.cp-hr-800{
  border-width: 0;
  border-style: solid;
  border-top: 8px solid #ccc;
}
.cp-hr-dashed{
  border-width: 0;
  border-top: 1px dashed #ccc;
}
.cp-hr-100 + br,
.cp-hr-400 + br,
.cp-hr-800 + br,
.cp-hr-dashed + br {
  display: none;
}

/* ブロック内ボタン */
.cp-link-btn{
  display: table;
  margin: 20px 0;
  padding: 4px 20px;
  background-color: #333;
  color: #fff;
  text-decoration: none;
}
.cp-link-btn:hover{
  opacity: 0.7;
}

/* 囲み */
.cp-wp{
  padding: 30px 40px;
  border: none;
  background-color: #F2F4F3;
}
.cp-wp::before{
  top: -30px;
  height: calc(100% + 60px);
}
@media screen and (max-width: 1200px) {
  .cp-wp{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 25px 4vw;
  }
  .cp-wp::before{
    top: -25px;
    height: calc(100% + 50px);
  }
}

/* テーブル */
[data-area="content"] table{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
  word-break: break-word;
  background-color: #fff;
  font-size: 1.4rem;
}
.ie11 [data-area="content"] table {
  table-layout: fixed;
}
[data-area="content"] .cp-text-item table,
[data-area="content"] .cp-it-text table:first-child,
[data-area="content"] .cp-ti-text table:first-child{
  margin-top: 0;
}
[data-area="content"] .cp-text-item table:last-child,
[data-area="content"] .cp-it-text table:last-child,
[data-area="content"] .cp-ti-text table:last-child{
  margin-bottom: 0;
}
[data-area="content"] table th{
  padding: 5px 10px;
  border: 1px solid #999;
  line-height: 1.4;
  background: #f2f4f3;
}
[data-area="content"] table td{
  padding: 5px 10px;
  border: 1px solid #999;
  line-height: 1.4;
}
[data-area="content"] table.fr-dashed-borders {
  border-style: dashed !important;
  border-width: inherit !important;
}

[data-area="content"] table.fr-dashed-borders td,
[data-area="content"] table.fr-dashed-borders th {
  border-style: dashed !important;
}

[data-area="content"] table.fr-alternate-rows tbody tr {
  border-bottom: 1px solid #ccc;
}

[data-area="content"] table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5 !important;
}

[data-area="content"] table.fr-table-border-vertical {
  border: none !important;
}

[data-area="content"] table.fr-table-border-vertical th,
[data-area="content"] table.fr-table-border-vertical td {
  border-top: 0px !important;
  border-bottom: 0px !important;
}

[data-area="content"] table.fr-table-border-horizontal {
  border: none !important;
}

[data-area="content"] table.fr-table-border-horizontal th,
[data-area="content"] table.fr-table-border-horizontal td {
  border-left: 0px !important;
  border-right: 0px !important;
}

[data-area="content"] table.fr-table-border-none {
  border: none !important;
}

[data-area="content"] table.fr-table-border-none th,
[data-area="content"] table.fr-table-border-none td {
  border: none !important;
}

[data-area="content"] table.fr-table-border-1px th,
[data-area="content"] table.fr-table-border-1px td {
  border-width: 1px !important;
}

[data-area="content"] table.fr-table-border-2px th,
[data-area="content"] table.fr-table-border-2px td {
  border-width: 2px !important;
}

[data-area="content"] table.fr-table-border-3px th,
[data-area="content"] table.fr-table-border-3px td {
  border-width: 3px !important;
}

[data-area="content"] table.fr-table-cellPadding-10 th,
[data-area="content"] table.fr-table-cellPadding-10 td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

[data-area="content"] table.fr-table-cellPadding-20 th,
[data-area="content"] table.fr-table-cellPadding-20 td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

[data-area="content"] table.fr-table-cellPadding-30 th,
[data-area="content"] table.fr-table-cellPadding-30 td {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

[data-area="content"] table.fr-table-cellPadding-40 th,
[data-area="content"] table.fr-table-cellPadding-40 td {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

[data-area="content"] table.fr-table-cellPadding-50 th,
[data-area="content"] table.fr-table-cellPadding-50 td {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

[data-area="content"] table.fr-table-cellPadding-60 th,
[data-area="content"] table.fr-table-cellPadding-60 td {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

[data-area="content"] table.fr-table-cellPadding-70 th,
[data-area="content"] table.fr-table-cellPadding-70 td {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

[data-area="content"] table.fr-table-cellPadding-80 th,
[data-area="content"] table.fr-table-cellPadding-80 td {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

[data-area="content"] table.fr-table-cellPadding-90 th,
[data-area="content"] table.fr-table-cellPadding-90 td {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

[data-area="content"] table.fr-table-cellPadding-100 th,
[data-area="content"] table.fr-table-cellPadding-100 td {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

[data-area="content"] table td.fr-highlighted,
[data-area="content"] table th.fr-highlighted {
  border: 1px double red;
}

[data-area="content"] table td.fr-thick,
[data-area="content"] table th.fr-thick {
  border-width: 2px;
}

[data-area="content"] table td.fr-highlighted,
[data-area="content"] table th.fr-highlighted {
      border: 1px double red;
}

[data-area="content"] table td.fr-thick,
[data-area="content"] table th.fr-thick {
      border-width: 2px;
}

/* テキスト */
[data-area="content"] .cp-text{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.ie11 [data-area="content"] .cp-text.cp-text-col2 .cp-text-item{
  width: calc((100% - 60px)/2);
}
.ie11 [data-area="content"] .cp-text.cp-text-col3 .cp-text-item{
  width: calc((100% - 120px)/3);
}
.ie11 [data-area="content"] .cp-text.cp-text-col4 .cp-text-item{
  width: calc((100% - 180px)/4);
}
[data-area="content"] .cp-text .cp-text-item{
  width: 100%;
}
[data-area="content"] .cp-text .cp-text-l{
  margin-right: 60px;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .cp-text{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [data-area="content"] .cp-text .cp-text-l{
    margin-right: 0;
    margin-bottom: 30px;
  }
  [data-area="content"] .cp-text + .cp-text {
    margin-top: -30px;
  }
  [data-area="content"] .cp-text-col2 .cp-inner .cp-h2-text {
    margin-top: 50px;
  }
  .ie11 [data-area="content"] .cp-text.cp-text-col2 .cp-text-item{
    width: 100%;
  }
  .ie11 [data-area="content"] .cp-text.cp-text-col3 .cp-text-item{
    width: 100%;
  }
  .ie11 [data-area="content"] .cp-text.cp-text-col4 .cp-text-item{
    width: 100%;
  }
}

/* 画像 */
[data-area="content"] span.fr-img-caption{
  position: relative;
  display: block;
  max-width: 100%;
  margin: 0 auto !important;
  vertical-align: top;
  text-align: center;
}
[data-area="content"] span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
[data-area="content"] span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
[data-area="content"] span.fr-img-caption .fr-img-wrap {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  vertical-align: top;
  text-align: center;
}
[data-area="content"] span.fr-img-caption .fr-img-wrap span.fr-inner {
  position: relative;
  z-index: 1;
  display: block;
  padding-top: 15px;
}
[data-area="content"] span.fr-img-caption .fr-img-wrap img {
  max-width: 100%;
  overflow: hidden;
}

[data-area="content"] .cp-img{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
[data-area="content"] .cp-img + .cp-img {
  margin-top: 0;
}
[data-area="content"] .cp-img img{
  max-width: 100%;
  height: auto;
}
[data-area="content"] .cp-img-item{
  width: 100%;
}
[data-area="content"] .cp-img-col2 .cp-img-item {
  width: calc(50% - 30px);
}
[data-area="content"] .cp-img-col2 .cp-img-l {
  margin-right: 60px;
}
[data-area="content"] .cp-img-col3 .cp-img-item {
  width: calc(33.33% - 20px);
}
[data-area="content"] .cp-img-col3 .cp-img-l {
  margin-right: 30px;
}
[data-area="content"] .cp-img-col4 .cp-img-item {
  width: calc(25% - 7px);
}
[data-area="content"] .cp-img-col4 .cp-img-l {
  margin-right: 28px;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .cp-img{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [data-area="content"] .cp-img .cp-img-l{
    margin-right: 0;
    margin-bottom: 20px;
  }
  [data-area="content"] .cp-img-col2 .cp-img-item,
  [data-area="content"] .cp-img-col3 .cp-img-item,
  [data-area="content"] .cp-img-col4 .cp-img-item,
  [data-area="content"] .cp-img-item {
    width: 100%;
  }
}

/* 画像（縦） */
[data-area="content"] .cp-vertical{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
[data-area="content"] .cp-vertical img{
  max-width: 100%;
  height: auto;
}
[data-area="content"] .cp-vertical .cp-vertical-item{
  width: 100%;
  text-align: left;
}

.ie11 [data-area="content"] .cp-vertical.cp-ti-vertical-col2 .cp-vertical-item{
  width: calc((100% - 60px)/2);
}
.ie11 [data-area="content"] .cp-vertical.cp-ti-vertical-col3 .cp-vertical-item{
  width: calc((100% - 120px)/3);
}
.ie11 [data-area="content"] .cp-vertical.cp-ti-vertical-col4 .cp-vertical-item{
  width: calc((100% - 180px)/4);
}
[data-area="content"] .cp-vertical .cp-vertical-text{

}
[data-area="content"] .cp-vertical .cp-vertical-l{
  margin-right: 60px;
}
[data-area="content"] .cp-ti.cp-vertical .cp-vertical-text{
  margin-bottom: 24px;
}
[data-area="content"] .cp-it.cp-vertical .cp-vertical-text{
  margin-top: 10px;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .cp-vertical{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [data-area="content"] .cp-vertical .cp-vertical-l{
    margin-right: 0;
    margin-bottom: 20px;
  }
  .ie11 [data-area="content"] .cp-vertical.cp-ti-vertical-col3 .cp-vertical-item{
    width: 100%;
  }
  .ie11 [data-area="content"] .cp-vertical.cp-ti-vertical-col3 .cp-vertical-item{
    width: 100%;
  }
  .ie11 [data-area="content"] .cp-vertical.cp-ti-vertical-col4 .cp-vertical-item{
    width: 100%;
  }
}

/* 画像（横） */
[data-area="content"] .cp-horizontal{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
[data-area="content"] .cp-horizontal img{
  max-width: 100%;
  height: auto;
}
[data-area="content"] .cp-horizontal .cp-horizontal-item{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width: 100%;
}
[data-area="content"] .cp-horizontal .cp-horizontal-l{
  margin-right: 60px;
}
[data-area="content"] .cp-horizontal .cp-horizontal-text{

}
[data-area="content"] .cp-horizontal .cp-horizontal-img,
[data-area="content"] .cp-horizontal .cp-horizontal-text{
  width: calc(50% - 30px);
}
[data-area="content"] .cp-ti.cp-horizontal .cp-horizontal-text{
  margin-right: 60px;
}
[data-area="content"] .cp-it.cp-horizontal .cp-horizontal-text{
  margin-left: 60px;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .cp-horizontal{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [data-area="content"] .cp-horizontal .cp-horizontal-item{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [data-area="content"] .cp-horizontal .cp-horizontal-img,
  [data-area="content"] .cp-horizontal .cp-horizontal-text{
    width: 100%;
  }
  [data-area="content"] .cp-horizontal .cp-horizontal-l{
    margin-right: 0;
    margin-bottom: 20px;
  }
  [data-area="content"] .cp-ti.cp-horizontal .cp-horizontal-text{
    margin-right: 0;
    margin-bottom: 30px;
  }
  [data-area="content"] .cp-it.cp-horizontal .cp-horizontal-text{
    margin-left: 0;
    margin-top: 30px;
  }
}

/* 画像（PC/SP切替） */
[data-area="content"] .cp-img-change img{
  max-width: 100%;
  height: auto;
}
[data-area="content"] .cp-img-change .cp-img-item > *:last-child{
  display: none;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .cp-img-change .cp-img-item > *:first-child{
    display: none;
  }
  [data-area="content"] .cp-img-change .cp-img-item > *:last-child{
    display: inline-block;
  }
}


/* 線 */
.cp-border{
  border-top: 1px solid #ccc;
}
.cp-border hr{
  display: none;
}

/* 余白 */
.cp-space{
  height: 80px;
}

/* アンカーリンクメニュー */
[data-area="content"] .cp-anchor-menu ul,
[data-area="content"] .cp-anchor-menu ol{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -6px -1px;
  padding: 0;
  list-style: none;
}
[data-area="content"] .cp-anchor-menu li {
  width: calc(16.66% - 2px);
  margin: 6px 1px;
  line-height: 1.3;
}
[data-area="content"] .cp-anchor-menu a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  min-height: 60px;
  padding: 10px;
  background-color: #E8ECED;
  text-align: center;
  color: #333;
  text-decoration: none;
}
.ie11 [data-area="content"] .cp-anchor-menu a {
  height: 60px;
}
[data-area="content"] .cp-anchor-menu a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .cp-anchor-menu li {
    width: calc(33.3333% - 2px);
  }
  [data-area="content"] .cp-anchor-menu a {
    padding: 10px;
  }
}

/* ボタン */
.cp-btn{

}
.cp-btn + .cp-btn{
  margin-top: -20px;
}
.cp-btn ul,
.cp-btn ol{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cp-btn li{
  margin-left: 28px;
  margin-bottom: 20px;
}
.cp-btn.cp-btn-01 li{
  width: 100%;
}
.cp-btn.cp-btn-02 li{
  width: calc( 50% - 14px );
}
.cp-btn.cp-btn-03 li{
  width: calc( ( 100% - 56px ) / 3);
}
.cp-btn.cp-btn-04 li{
  width: calc( 25% - 21px );
}
.cp-btn.cp-btn-05 li{
  width: calc( 20% - 23px );
}
.cp-btn.cp-btn-01 li,
.cp-btn.cp-btn-02 li:nth-child(2n+1),
.cp-btn.cp-btn-03 li:nth-child(3n+1),
.cp-btn.cp-btn-04 li:nth-child(4n+1),
.cp-btn.cp-btn-05 li:nth-child(5n+1){
  margin-left: 0;
}
.cp-btn li a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
  padding: 20px 10px;
  border: 1px solid #113364;
  background-color: #113364;
  word-break: break-all;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 1.8rem;
}
.cp-btn li a:hover{
  border-color: #113364;
  background-color: #fff;
  color: #333;
}
.cp-btn.cp-btn-column ul,
.cp-btn.cp-btn-column ol{
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cp-btn.cp-btn-column ul li,
.cp-btn.cp-btn-column ol li{
  margin-left: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .cp-btn li{
    margin-left: 0;
    margin-bottom: 10px;
  }
  .cp-btn.cp-btn-02 li{
    width: 100%;
  }
  .cp-btn.cp-btn-03 li{
    width: 100%;
  }
  .cp-btn.cp-btn-04 li{
    width: 100%;
  }
  .cp-btn.cp-btn-05 li{
    width: 100%;
  }
  .cp-btn li a {
    padding: 10px 5px;
    font-size: 1.6rem;
  }
}

.ie11 .cp-btn.cp-btn-02 li{
  width: calc( 50% - 15px );
}
.ie11 .cp-btn.cp-btn-03 li{
  width: calc( ( 100% - 57px ) / 3);
}
.ie11 .cp-btn.cp-btn-04 li{
  width: calc( 25% - 22px );
}
.ie11 .cp-btn.cp-btn-05 li{
  width: calc( 20% - 24px );
}
.ie11 .cp-btn.cp-btn-01 li,
.ie11 .cp-btn.cp-btn-02 li:nth-child(2n+1),
.ie11 .cp-btn.cp-btn-03 li:nth-child(3n+1),
.ie11 .cp-btn.cp-btn-04 li:nth-child(4n+1),
.ie11 .cp-btn.cp-btn-05 li:nth-child(5n+1){
  margin-left: 0;
}

.ie11 .cp-btn.cp-btn-01 li,
.ie11 .cp-btn.cp-btn-02 li:nth-child(2n+1),
.ie11 .cp-btn.cp-btn-03 li:nth-child(3n+1),
.ie11 .cp-btn.cp-btn-04 li:nth-child(4n+1),
.ie11 .cp-btn.cp-btn-05 li:nth-child(5n+1){
  margin-left: 0;
}

@media screen and (max-width: 1200px) {
  .ie11 .cp-btn.cp-btn-02 li{
    width: 100%;
  }
  .ie11 .cp-btn.cp-btn-03 li{
    width: 100%;
  }
  .ie11 .cp-btn.cp-btn-04 li{
    width: 100%;
  }
  .ie11 .cp-btn.cp-btn-05 li{
    width: 100%;
  }
}

/* タブ */
.cp-tab-menu {
  margin-bottom: 10px;
}
[data-area="content"] .cp-tab-menu ul,
[data-area="content"] .cp-tab-menu ol {
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0 1px;
  list-style: none;
  border-bottom: 1px solid #113364;
}
[data-area="content"] .cp-tab-menu li {
  position: relative;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  margin: 0 -1px;
  padding: 10px 5px;
  font-size: 1.5rem;
  font-weight: 500;
  background-color: #F2F4F3;
  border-bottom: none;
  word-break: break-word;
  cursor: pointer;
  transition: .2s;
  line-height: 1.25;
  min-height: 68px;
}
.cp-tab-menu li:hover,
.cp-tab-menu li.is-active {
  z-index: 1;
  background-color: #113364;
  color: #fff;
}
.cp-tab-menu li a {
  display: block;
  width: calc(100% + 10px);
  margin: -15px -5px;
  padding: 15px 5px;
  color: #333;
}
.cp-tab-menu li a:hover {
  text-decoration: none;
}
.cp-tab-content > div {
  display: none;
}
.cp-tab-content > div.is-active {
  display: block;
}
@media screen and (max-width: 1200px) {
  /*.cp-tab-menu {
    overflow-x: auto;
  }
  [data-area="content"] .cp-tab-menu li {
    min-width: 100px;
  }*/
  [data-area="content"] .cp-tab-menu ul {
    flex-wrap: wrap;
  }
  [data-area="content"] .cp-tab-menu li {
    flex-grow: unset;
    flex-basis: unset;
    width: calc( (100% / 3) + 2px);
    margin: -1px;
    border: 1px solid #113364;
  }
}
.cp-tab-content > div:before,
.cp-tab-content > div:after {
  content: "";
  display: table;
}
.cp-tab-content > div:after {
  clear: both;
}

/* 開閉式 */
.cp-accordion-content > div:before,
.cp-accordion-content > div:after {
  content: "";
  display: table;
}
.cp-accordion-content > div:after {
  clear: both;
}
.cp-accordion {
  margin-top: 40px;
  margin-bottom: 30px;
}
.cp-accordion-head + .cp-accordion {
  margin-top: 10px;
}
.cp-accordion + .cp-accordion {
  margin-top: -23px;
}
.cp-accordion-title {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 54px;
  margin-bottom: 25px;
  padding: 12px 60px 12px 20px;
  background-color: #E8ECED;
  font-weight: 500;
  font-size: 1.8rem;
  color: #333;
  cursor: pointer;
  line-height: 1.6;
}
.cp-accordion-title .cp-inner::before {
  content: "";
  position: absolute;
  top: calc(50% - 0px);
  right: 29px;
  width: 13px;
  height: 1px;
  background-color: #333;
  transition: transform .2s;
}
.cp-accordion-title .cp-inner::after {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  right: 35px;
  width: 1px;
  height: 13px;
  background-color: #333;
  transition: .2s;
}
.cp-accordion.is-active .cp-accordion-title .cp-inner::after {
  transform: rotate(90deg);
}
@media screen and (max-width: 1200px) {
  .cp-accordion-title {
    min-height: 50px;
    padding: 10px 45px 10px 10px;
    font-size: 1.6rem;
  }
  .cp-accordion-title .cp-inner::before {
    top: calc(50% - 1px);
    right: 14px;
    width: 13px;
    height: 1px;
  }
  .cp-accordion-title .cp-inner::after {
    top: calc(50% - 7px);
    right: 20px;
    width: 1px;
    height: 13px;
  }
}
.cp-accordion-head {
  display: table;
  margin-left: auto;
  margin-top: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {

}
.cp-accordion-content {
  padding-bottom: 40px;
}

/* フォトアルバム */
.cp-photos{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
 .cp-photos + .cp-photos{
  margin-top: -20px;
}
.cp-photos-item{
  width: 100%;
}
.cp-photos-item img{
  max-width: 100%;
  height: auto;
}
.cp-photos-item p{
  margin: 10px 0 0 0;
}
 .cp-photos-item p:empty{
  display: none;
}
.cp-photos .cp-photos-l{
  margin-right: 20px;
}
@media screen and (max-width: 1200px) {
  .cp-photos{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cp-photos .cp-photos-l{
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* テーブル横スクロールの処理 */
table.table-scroll {
  margin: 0;
}
.table-scroll-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .table-scroll-wrap{
    overflow: auto;
    white-space: nowrap;
  }
  .table-scroll-wrap::-webkit-scrollbar{
    height: 5px;
  }
  .table-scroll-wrap::-webkit-scrollbar-track{
    background: #F1F1F1;
  }
   .table-scroll-wrap::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}

/* 動画アルバム */
.cp-videos{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.cp-videos .code {
  display: none;
}

.cms .fr-editor .cp-videos:not(.cp-basic-block__outer-codes){
  width: 100%;
}

.fr-editor .cp-videos  .code {
  display: block;
}
.cp-videos + .cp-videos{
  margin-top: -20px;
}
.cp-videos-item{
  width: 100%;
}
.cp-videos-item.is-hide {
  height: 0;
  overflow: hidden;
}
.cp-videos-item .cp-videos-thumb{
  position: relative;
  padding-top: 56.25%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.cp-videos-item .cp-videos-thumb::before{
  content: "";
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 30px);
  display: block;
  height: 38px;
  width: 60px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSIzNy41IiB2aWV3Qm94PSIwIDAgNjAgMzcuNSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2M5MDAwMDt9LmJ7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+44Ki44K744OD44OIIDczPC90aXRsZT48cmVjdCBjbGFzcz0iYSIgd2lkdGg9IjYwIiBoZWlnaHQ9IjM3LjUiIHJ4PSI2IiByeT0iNiIvPjxwb2x5Z29uIGNsYXNzPSJiIiBwb2ludHM9IjIxLjk2IDkuNzUgMzcuOTYgMTguNzUgMjEuOTYgMjcuNzUgMjEuOTYgOS43NSIvPjwvc3ZnPg==) no-repeat center center;
}
.fr-block .cp-videos-item .cp-videos-thumb iframe {
  visibility: visible;
}
.cp-videos .cp-videos-l{
  margin-right: 60px;
}
.cp-videos-02 .cp-videos-item {
  width: calc(50% - 30px);
}
.cp-videos-02 .cp-videos-l {
  margin-right: 60px;
}
.cp-videos-03 .cp-videos-item {
  width: calc(33.33% - 20px);
}
.cp-videos-03 .cp-videos-l {
  margin-right: 30px;
}
.cp-videos-04 .cp-videos-item {
  width: calc(25% - 7px);
}
.cp-videos-04 .cp-videos-l {
  margin-right: 28px;
}
.cp-videos-text-top {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.6;
}
.cp-videos-text-bottom {
  margin-top: 10px;
  line-height: 1.6;
}

.cp-videos-item .cp-videos-thumb iframe {
  visibility: hidden;
}
.cp-videos-item .cp-videos-thumb.is-not-youtube iframe {
  visibility: visible;
  pointer-events: none;
}
.cp-videos-item p{
  margin: 10px 0 0 0;
}
.cp-videos-item p:empty{
  display: none;
}
@media screen and (max-width: 1200px) {
  .cp-videos{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cp-videos-02 .cp-videos-item,
  .cp-videos-03 .cp-videos-item,
  .cp-videos-04 .cp-videos-item,
  .cp-videos-item {
    width: 100%;
  }
  .cp-videos .cp-videos-l{
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* 外部サービスコード */
.cp-external iframe{
  margin: 0 auto;
  display: block;
}
.cp-external-text-area {
  display: none;
  border: 1px solid #999;
}
@media screen and (max-width: 1200px) {
  .cp-external{
    position: relative;
  }
  .cp-external::after{
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  .cp-external.cypochiform-wrap::after {
    display: none;
  }
  .cp-external iframe{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}
/* テキスト装飾 */
.fr-text-gray {
  color: #aaa !important;
}
.fr-text-bordered {
  border-top: solid 1px #333;
  border-bottom: solid 1px #333;
  padding: 10px 0;
}
li.fr-text-bordered + li.fr-text-bordered {
  border-top: 0px;
}
.fr-text-spaced {
  letter-spacing: 1px;
}
.fr-text-uppercase {
  text-transform: uppercase;
}
.fr-class-highlighted {
  background-color: #ffff00;
}
.fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
}
.fr-class-transparency {
  opacity: 0.5;
}
span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
  display: inline;
  line-height: 0;
}
span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle;
}
/* 画像の角を丸くする */
img.fr-rounded,
.fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* 画像に境界線を追加 */
img.fr-bordered,
.fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}

img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* 画像にドロップシャドウ */
img.fr-shadow,
.fr-img-caption.fr-shadow img {
    -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
    -moz-box-shadow: 10px 10px 5px 0px #cccccc;
    box-shadow: 10px 10px 5px 0px #cccccc;
}


[data-area="content"] .cp-horizontal.cp-it--1-2 .cp-it-img {
  width: calc(32.69231% - 25px);
}
[data-area="content"] .cp-horizontal.cp-it--1-2 .cp-it-text {
  width: calc(67.30769% - 25px);
  margin-left: 50px;
}
[data-area="content"] .cp-horizontal.cp-it--1-3 .cp-it-img {
  width: calc(24.46154% - 14px);
}
[data-area="content"] .cp-horizontal.cp-it--1-3 .cp-it-text {
  width: calc(75.53846% - 14px);
  margin-left: 28px;
}
[data-area="content"] .cp-horizontal.cp-ti--2-1 .cp-ti-img {
  width: calc(32.69231% - 25px);
}
[data-area="content"] .cp-horizontal.cp-ti--2-1 .cp-ti-text {
  width: calc(67.30769% - 25px);
  margin-right: 50px;
}
[data-area="content"] .cp-horizontal.cp-ti--3-1 .cp-ti-img {
  width: calc(24.46154% - 14px);
}
[data-area="content"] .cp-horizontal.cp-ti--3-1 .cp-ti-text {
  width: calc(75.53846% - 14px);
  margin-right: 28px;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .cp-horizontal.cp-it--1-2 .cp-it-img,
  [data-area="content"] .cp-horizontal.cp-it--1-2 .cp-it-text,
  [data-area="content"] .cp-horizontal.cp-it--1-3 .cp-it-img,
  [data-area="content"] .cp-horizontal.cp-it--1-3 .cp-it-text,
  [data-area="content"] .cp-horizontal.cp-ti--2-1 .cp-ti-img,
  [data-area="content"] .cp-horizontal.cp-ti--2-1 .cp-ti-text,
  [data-area="content"] .cp-horizontal.cp-ti--3-1 .cp-ti-img,
  [data-area="content"] .cp-horizontal.cp-ti--3-1 .cp-ti-text {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.max-image {
  display: -ms-flex;
  display: flex;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 40px;
  margin-bottom: 40px;
}
.main > .max-image:first-child {
  margin-top: -40px;
}
.max-image__item {
  flex: 1 1 auto;
}
.max-image__item img {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .max-image {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .main > .max-image:first-child {
    margin-top: -30px;
  }
  .max-image .max-image__item {
    overflow: hidden;
  }
  .max-image--col1 .max-image__item img {
    width: 128%;
    max-width: 128%;
    margin-left: -14%;
  }
  .max-image--col2 .max-image__item img {
    width: 128%;
    max-width: 128%;
    margin-left: -14%;
  }
  .max-image--col3 .max-image__item img {
    width: 128%;
    max-width: 128%;
    margin-left: -14%;
  }
  .max-image--col4 .max-image__item img {
    width: 133.33%;
    max-width:  133.33%;
    margin-left: -16.666666%;
  }
}

/*  動画＋テキスト  */
.video-text {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
.video-text__video-item {
  position: relative;
  width: calc(50% - 30px);
  padding-top: 27%;
}
.video-text__video-item iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-text__video-item .cp-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.video-text__text-item {
  width: calc(50% - 30px);
  margin-right: 60px;
}
@media screen and (max-width: 1200px) {
  .video-text {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .video-text__video-item {
    width: 100%;
    margin-top: 20px;
    padding-top: 0;
  }
  .video-text__video-item .cp-inner {
    position: relative;
    padding-top: 56.25%;
  }
  .video-text__text-item {
    width: 100%;
    margin-right: 4vw;
  }
}

/*  動画＋画像  */
.video-image {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
.video-image__video-item {
  width: calc(50% - 14px);
  margin-right: 28px;
}
.video-image__video-item .cp-inner {
  position: relative;
  padding-top: 56.25%;
}
.video-image__video-item iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-image__img-item {
  width: calc(25% - 21px);
  margin-right: 28px;
}
.video-image__img-item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1200px) {
  .video-image {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .video-image__video-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .video-image__video-item .cp-inner {
    position: relative;
    padding-top: 56.25%;
  }
  .video-image__img-item {
    width: calc(50% - 2vw);
    margin-right: 4vw;
  }
}

/*  利用者の声  */
.user-voice {
  background-color: #F2F4F3;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px 40px 80px 40px;
}
.user-voice__head {
  padding-bottom: 10px;
  border-bottom: 1px solid #707070;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
.user-voice__body {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 50px;
}
.user-voice__text {
  width: calc(50% - 30px);
}
.user-voice__text:last-child {
  width: 50%;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #999;
}
.user-voice__text-top,
.user-voice .cp-h4-text {
  margin-bottom: 35px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.42;
}
.user-voice .cp-h4-text {
  margin-top: 45px;
}
.user-voice .cp-h4-text:first-child {
  margin-top: 0;
}
.user-voice__img {
  margin-left: 60px;
  width: calc(50% - 30px);
  padding: 20px;
  background-color: #fff;
}
@media screen and (max-width: 1200px) {
  .user-voice {
    margin: 30px -4vw;
    padding: 30px 4vw 40px 4vw;
  }
  .user-voice__head {
    padding-bottom: 10px;
  }
  .user-voice__body {
    display: block;
    margin-top: 30px;
  }
  .user-voice__text {
    width: 100%;
  }
  .user-voice__text:last-child {
    width: 100%;
    margin-top: 35px;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  .user-voice__text-top,
  .user-voice .cp-h4-text {
    margin-bottom: 25px;
    font-size: 2.2rem;
  }
  .user-voice .cp-h4-text {
    margin-top: 35px;
  }
  .user-voice .cp-h4-text:first-child {
    margin-top: 0;
  }
  .user-voice__img {
    margin-left: 0;
    margin-top: 25px;
    width: 100%;
    padding: 20px 4vw;
  }
}

/*  学部・大学院  */
.cp-wp--bdr-red {
  background-color: #fff;
  border: 3px solid #f00;
}
@media screen and (max-width: 1200px) {
  .cp-wp--bdr-red {
    border-width: 2px;
  }
}
.study-life {
  margin-top: 40px;
  margin-bottom: 40px;
}
.study-life__item {
  display: -ms-flex;
  display: flex;
  margin-top: 20px;
}
.study-life__img {
  width: 200px;
  border-radius: 50%;
  overflow: hidden;
}
.study-life__text-area {
  width: calc(100% - 245px);
  margin-left: 45px;
  padding-top: 40px;
}
.study-life__head {
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .study-life {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .study-life__item {
    display: block;
  }
  .study-life__img {
    display: table;
    margin: 0 auto;
  }
  .study-life__text-area {
    width: 100%;
    margin-left: 0;
    padding-top: 15px;
  }
  .study-life__head {
    margin-bottom: 15px;
    font-size: 2.2rem;
    font-weight: 700;
  }
}
.career-data {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 50px 10px 50px;
  border: 3px solid #113364;
  background-color: #F2F6F7;
}
@media screen and (max-width: 1200px) {
  .study-life {
    border-width: 2px;
  }
}
.cp-h3-text + .career-data {
  margin-top: -20px;
}
.career-data__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.career-data__head-left {
  font-weight: 700;
}
.career-data__head-center {
  font-size: 4.8rem;
  font-weight: 900;
  text-align: center;
}
.career-data__head-center .cp-inner::after {
  content: "%";
  font-size: 3.2rem;
}
.career-data__head-right {
  text-align: right;
  font-size: 1.4rem;
}
.career-data__body {
  display: flex;
}
[data-area="content"] .career-data__body table {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: transparent;
}
[data-area="content"] .career-data__body table th,
[data-area="content"] .career-data__body table td {
  padding: 4px 0;
  border: none;
  vertical-align: top;
}
[data-area="content"] .career-data__body table th:last-child,
[data-area="content"] .career-data__body table td:last-child {
  text-align: right;
}
.career-data__body-left {
  width: calc(50% - 45px);
  margin-right: 90px;
}
.career-data__body-right {
  width: calc(50% - 45px);
}
@media screen and (max-width: 1200px) {
  .career-data {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px 4vw 20px 4vw;
    border: 2px solid #113364;
  }
  .cp-h3-text + .career-data {
    margin-top: -15px;
  }
  .career-data__head-center {
    font-size: 4rem;
  }
  .career-data__head-center .cp-inner::after {
    font-size: 2.8rem;
  }
  .career-data__body {
    display: block;
  }
  [data-area="content"] .career-data__body table {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  [data-area="content"] .career-data__body-left table {
    margin-bottom: 0;
  }
  [data-area="content"] .career-data__body-right table {
    margin-top: 0;
  }
  .career-data__body-left {
    width: 100%;
    margin-right: 0;
  }
  .career-data__body-right {
    width: 100%;
  }
}

.education-ti {
  position: relative;
  display: -ms-flex;
  display: flex;
  margin-top: 140px;
  margin-bottom: 100px;
  padding-top: 80px;
}
.education-ti::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100vw;
  height: calc(100% - 80px);
  margin-left: calc(50% - 50vw);
}
.education-ti__text-area {
  width: calc(50% + 30px);
}
.education-ti__head {
  padding-bottom: 25px;
  padding-right: 60px;
}
.education-ti__head-ja {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1.6;
}
.education-ti__head-en {
  font-size: 2rem;
  font-weight: 900;
}
.education-ti__text {
  padding-right: 60px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.417;
}
.education-ti__text-top {
  margin-bottom: 120px;
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.2;
}
.education-ti__text-bottom {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2;
}
.education-ti__img {
  width: calc(50% - 30px);
}
.education-ti--bg-blue {
  color: #fff;
}
.education-ti--bg-blue::before {
  background-color: #113364;
}
.education-ti--bg-blue .education-ti__head {
  margin-bottom: 130px;
  padding-top: 38px;
  border-bottom: 1px solid #ccc;
}
.education-ti--bg-yellow::before {
  background-color: #FEC12F;
}
.education-ti--bg-yellow .education-ti__head {
  margin-bottom: 60px;
  padding-top: 19px;
  border-bottom: 1px solid #777;
}
@media screen and (max-width: 1200px) {
  .education-ti {
    display: block;
    margin-top: 40px;
    margin-bottom: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .education-ti::before {
    height: 100%;
  }
  .education-ti__text-area {
    width: 100%;
  }
  .education-ti__head {
    padding-bottom: 25px;
    padding-right: 0;
  }
  .education-ti__head-ja {
    font-size: 2.8rem;
  }
  .education-ti__head-en {
    font-size: 1.8rem;
  }
  .education-ti__text {
    padding-right: 0;
    font-size: 2.2rem;
  }
  .education-ti__text-top {
    margin-bottom: 30px;
    font-size: 3rem;
  }
  .education-ti__img {
    width: 100%;
    margin-top: 30px;
  }
  .education-ti--bg-blue .education-ti__head {
    margin-bottom: 30px;
    padding-top: 10px;
  }
  .education-ti--bg-yellow .education-ti__head {
    margin-bottom: 30px;
    padding-top: 10px;
  }
}

/*  TOPトップページ  */
.top-topics {
  max-width: 1380px;
  margin: 105px auto 50px auto;
  padding: 0 40px;
}
.top-topics__head {
  margin-bottom: 30px;
  font-size: 8rem;
  font-weight: 900;
  letter-spacing: -0.3rem;
  line-height: 1.25;
}
.top-topics__tab-menu.cp-tab-menu {
  margin-bottom: 45px;
}
.top-topics__tab-menu.cp-tab-menu ul {
  border-bottom: none;
}
.top-topics__tab-menu.cp-tab-menu li {
  min-height: 60px;
  border: 2px solid #fff;
  font-weight: 700;
}
.top-topics__tab-menu.cp-tab-menu li:nth-child(6) {
  background-color: #1A8CF6;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .top-topics {
    padding: 0 4vw;
    margin-top: 50px;
  }
  .top-topics__head {
    margin-bottom: 20px;
    font-size: 3.8rem;
    letter-spacing: -0.1rem;
  }
  .top-topics__tab-menu.cp-tab-menu {
    margin-bottom: 10px;
    overflow: visible;
  }
  .top-topics__tab-menu.cp-tab-menu ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-topics__tab-menu.cp-tab-menu li {
    width: 33.33%;
    min-width: 0;
    margin-top: -1px;
    margin-bottom: -1px;
    flex: 1 1 auto;
    font-size: 1.4rem;
  }
}

.top-why-nittai {
  padding: 0 40px;
  background: url(/albums/css/basic3-blocks3/abm00002101.jpg) no-repeat center center;
  background-size: cover;
}
.top-why-nittai__inner {
  display: -ms-flex;
  display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.top-why-nittai__head {
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 450px;
}
.top-why-nittai__body {
  position: relative;
  width: calc(100% - 450px);
  margin-top: 200px;
  padding-top: 65px;
  padding-bottom: 70px;
}
.top-why-nittai__body::before {
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  background-color: #113364;
  mix-blend-mode: multiply;
}
@media all and (-ms-high-contrast:none){
  .top-why-nittai__body::before {
    opacity: .7;
  }
}
.top-why-nittai__body > * {
  position: relative;
  z-index: 1;
}
.top-why-nittai__caption {
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1.6;
  color: #fff;
}
.top-why-nittai__title {
  margin-bottom: 40px;
  font-size: 9.8rem;
  font-weight: 900;
  line-height: 1.2;
  color: #FFFE37;
}
.top-why-nittai__list {
  padding-right: 310px;
}
.top-why-nittai__list .cp-inner ul {
  margin: 0;
  list-style: none;
}
.top-why-nittai__list .cp-inner li {
  position: relative;
  display: table;
  margin-top: 4px;
  font-size: 1.6rem;
}
.top-why-nittai__list .cp-inner li::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 11px;
  top: 23px;
  display: block;
  width: 13px;
  height: 1px;
  background: #113364;
  transition: .2s;
}
.top-why-nittai__list .cp-inner li::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 18px;
  top: 21px;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #113364;
  border-right: 1px solid #113364;
  transform: rotate(45deg);
  transition: .2s;
}
.top-why-nittai__list .cp-inner li:hover::before {
  background: #fff;
}
.top-why-nittai__list .cp-inner li:hover::after {
  border-color: #fff;
}
.top-why-nittai__list a {
  display: -ms-flexbox;
  display: flex !important;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-top: 6px;
  font-weight: 700;
  color: #fff !important;
  font-size: 1.6rem;
}
.top-why-nittai__list a:before {
  content: "";
  position: relative;
  z-index: 1;
  top: 0;
  display: block;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-right: 12px;
  border-radius: 50%;
  background: #fff;
}
.top-why-nittai__list a:hover {
  text-decoration: none;
}
.top-why-nittai__list a:hover::before {
  background: #113364;
}
.top-why-nittai__image {
  position: absolute;
  right: 85px;
  bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .top-why-nittai {
    padding: 0;
    background-size: 100% auto;
    background-position: center top;
  }
  .top-why-nittai__inner {
    display: block;
  }
  .top-why-nittai__head {
    width: 100%;
    height: calc(37.4vw - 17px);
    padding: 0 15vw;
  }
  .top-why-nittai__body {
    width: 100%;
    margin-top: 0;
    padding: 20px 2vw 50px 4vw;
  }
  .top-why-nittai__body::before {
    mix-blend-mode: normal;
  }
  .top-why-nittai__caption {
    font-size: 1.8rem;
  }
  .top-why-nittai__title {
    margin-bottom: 20px;
    font-size: 5.6rem;
  }
  .top-why-nittai__list {
    padding-right: 0;
  }
  .top-why-nittai__image {
    position: absolute;
    right: 4vw;
    bottom: 50px;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-pack: end;
  	-ms-flex-pack: end;
  	justify-content: flex-end;
  	-webkit-box-align: end;
  	-ms-flex-align: end;
  	align-items: flex-end;
    width: 36vw;
    height: 31.2vw;
  }
}

.top-news-area {
  padding: 80px 40px;
}
.top-news-area__inner {
  max-width: 1300px;
  margin: 0 auto;
}
.top-news-area__head {
  margin-bottom: 40px;
  font-size: 8rem;
  font-weight: 900;
  letter-spacing: -0.3rem;
  line-height: 1.25;
}
@media screen and (max-width: 1200px) {
  .top-news-area {
    padding: 40px 4vw;
  }
  .top-news-area__head {
    margin-bottom: 20px;
    font-size: 3.8rem;
    letter-spacing: -0.1rem;
  }
}

.top-visual {
  position: relative;
  z-index: 99;
  /*max-height: calc(100vh - 140px);*/
  overflow: hidden;
}
.top-visual:not(.is-load) {
  /*min-height: calc(100vh - 140px);*/
}
.top-visual::before {
  content: "";
  position: absolute;
  z-index: 101;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/albums/css/basic3-blocks3/abm00002121.jpg) no-repeat center center;
  background-size: cover;
  transition: opacity 1s ease 2s;
}
.top-visual::after {
  content: none;
  position: absolute;
  z-index: 101;
  left: 0;
  bottom: 0;
  width: 630px;
  height: 302px;
  background: url(/albums/css/basic3-blocks3/abm00003712.svg) no-repeat center center;
  background-size: 630px 302px;
  transform: translateX(-100%);
  transition: transform 1s ease 3s;
  pointer-events: none;
}
.top-visual__logo {
  position: absolute;
  z-index: 102;
  left: 50%;
  top: 50%;
  margin-top: -167px;
  margin-left: -212px;
  width: 424px;
  height: 334px;
  background: url(/albums/css/basic3-blocks3/abm00002116.svg) no-repeat center center;
  background-size: 424px 334px;
  opacity: 0;
  pointer-events: none;
}
.top-visual__text {
  position: absolute;
  z-index: 101;
  left: 50%;
  top: 50%;
  width: 100%;
  margin-top: -25px;
  transform: translate(-50%,-50%);
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: 1rem;
  text-align: center;
  color: #fff;
  opacity: 0;
}
.top-visual__item img {
  width: 100%;
  /*
  max-height: calc(100vh - 140px);
  object-fit: cover;
  */
}
@media all and (-ms-high-contrast:none){
  .top-visual__item img {
  　max-height: none;
  } 
}

.top-visual__item.is-img .cp-inner {
  height: auto !important;
}



.top-visual__item-title {
  display: none;
  padding: 40px 0 20px;
  font-size: 2.4rem;
  font-weight: 600;
}

.cms .top-visual__item-title {
  display: block;
}

.top-visual .slick-dots {
  z-index: 102;
  opacity: 0;
  margin: 0;
}
.top-visual .slick-dots li {
  margin: 0 4px;
}
.top-visual .slick-dots button {
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  background-color: #113364;
}
.top-visual .slick-active button {
  background-color: #fff;
}
@media screen and (max-width: 1400px) {
  .top-visual::after {
    width: 73vw;
    height: 37vw;
    background-size: contain;
  }
}
@media screen and (max-width: 1200px) {
  .top-visual {
    padding-top: 80%;
    max-height: none;
  }
  .top-visual:not(.is-load) {
    min-height: auto;
  }
  .top-visual__inner.slick-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .top-visual .slick-list,
  .top-visual .slick-track,
  .top-visual .cp-inner {
    height: 100%;
  }
  .top-visual__logo {
    margin-top: -21.8vw;
    margin-left: -27.7vw;
    width: 55.4vw;
    height: 43.6vw;
    background-size: 55.4vw 43.6vw;
  }
  .top-visual__text {
    margin-top: -6vw;
    font-size: 7vw;
    letter-spacing: 1vw;
  }
  .top-visual__item img {
    /*height: 100%;*/
    max-height: none;
  }
}
.top-visual.is-load::before {
  opacity: 0;
}
.top-visual.is-load.is-load2::before {
  display: none;
}



.top-visual.is-load::after {
  transform: translateX(0);
}
.top-visual.is-load .top-visual__logo {
  animation-delay: .5s;
  animation-duration: 3s;
  animation-name: topVisualLogo;
  animation-fill-mode: both;
}
.top-visual.is-load .top-visual__text,
.top-visual.is-load .slick-dots {
  animation-delay: 4s;
  animation-duration: 1s;
  animation-name: topVisualAnime;
  animation-fill-mode: both;
}
@keyframes topVisualLogo {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes topVisualAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.top-bnr {
  margin-bottom: 50px;
  padding: 32px 40px;
  background: #F2F4F3;
}
.top-bnr__inner {
  max-width: 1846px;
  margin: 0 auto;
  padding: 5px;
  background: #fff;
  position: relative;
}
.top-bnr__inner .slick-prev,
.top-bnr__inner .slick-next{
  position: absolute;
  z-index: 3;
  top: calc(50% - 18px);
  width: 36px;
  height: 36px;
}
.top-bnr__inner .slick-prev svg,
.top-bnr__inner .slick-next svg {
  width: 100%;
  height: auto;
}
.top-bnr__inner .slick-prev {
  left: 0;
}
.top-bnr__inner .slick-next {
  right: 0;
}
.top-bnr__item {
  margin: 5px;
  background: #000;
}
.top-bnr__item a {
  display: block;
}
.top-bnr__item a:hover {
  opacity: 1.0;
}
@media screen and (max-width: 1200px) {
  .top-bnr {
    margin-bottom: 30px;
    padding: 20px 0;
  }
  .top-bnr__inner {
    padding: 5px 0;
  }
  .top-bnr__item {
    max-width: 40vw;
    transform: translateX(-50%) translateX(-5px);
  }
}

.top-big-bnr {
  padding: 25px 40px;
  background-color: #F2F4F3;
}
.top-big-bnr__inner {
  text-align: center;
}
.top-big-bnr__item {
  display: inline-block;
  background: #000;
}
.top-big-bnr__item a:hover {
  opacity: .8;
}
@media screen and (max-width: 1200px) {
  .top-big-bnr {
    padding: 20px 4vw;
    background-color: #FFF;
  }
}

.top-ti-bnr {
  padding: 64px 40px 44px 40px;
  background-color: #113364;
}
.top-ti-bnr__inner {
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1250px;
  margin: 0 auto;
}
.top-ti-bnr__item {
  width: calc(25% - 12.5px);
  margin-right: 16px;
  margin-bottom: 20px;
  background-color: #000;
}
body.system.cms.apps .top-ti-bnr__item {
  background-color: transparent;
}
.top-ti-bnr__item:nth-child(4n) {
  margin-right: 0;
}
.top-ti-bnr__item a {
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
  font-weight: 500;
  color: #333;
  background-color: #fff;
}
.top-ti-bnr__item a[target="_blank"]::after {
  content: none;
}
.top-ti-bnr a:hover {
  text-decoration: none;
  opacity: .8;
}
.top-ti-bnr__text {
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
  width: calc(100% - 86px);
  padding: 5px 15px;
  line-height: 1.4667;
}
.top-ti-bnr__img {
  width: 86px;
}
.top-ti-bnr__img img {
  object-fit: cover;
}
@media screen and (max-width: 1200px) {
  .top-ti-bnr {
    padding: 50px 4vw 34px 4vw;
  }
  .top-ti-bnr__inner {
    max-width: 1250px;
    margin: 0 auto;
  }
  .top-ti-bnr__item {
    width: calc(50% - 8px);
    margin-right: 16px;
    margin-bottom: 16px;
  }
  .top-ti-bnr__item:nth-child(2n) {
    margin-right: 0;
  }
  .top-ti-bnr a {
    
  }
  .top-ti-bnr a:hover {
    
  }
  .top-ti-bnr__text {
    width: calc(100% - 86px);
  }
  .top-ti-bnr__img {
    width: 86px;
  }
}
@media screen and (max-width: 600px) {
  .top-ti-bnr__item {
    width: 100%;
    margin-right: 0;
  }
}

.top-movie {
  position: relative;
  padding: 60px 0 50px 0;
  background-color: #0E0E0E;
}
.top-movie__head {
  position: relative;
  display: -ms-flex;
  display: flex;
  max-width: 1380px;
  margin: 0 auto 30px auto;
  padding: 0 40px;
  font-size: 8rem;
  font-weight: 900;
  line-height: 1;
  color: #fff;
}
body.system.cms.apps .top-movie__head {
  color: #333;
}
.top-movie__head-arrows {
  position: relative;
  top: 28px;
  left: 34px;
  width: 74px;
  height: 34px;
}
.top-movie__head-arrows .slick-prev {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 34px;
  height: 34px;
  background-color: #fff;
  border-radius: 50%;
  font-size: 0;
  color: transparent;
  transition: .2s;
}
.top-movie__head-arrows .slick-prev::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 13px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #113364;
  border-left: 1px solid #113364;
  transform: rotate(-45deg);
  transition: .2s;
}
.top-movie__head-arrows .slick-next {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 34px;
  height: 34px;
  background-color: #fff;
  border-radius: 50%;
  font-size: 0;
  color: transparent;
  transition: .2s;
}
.top-movie__head-arrows .slick-next::before {
  content: "";
  position: absolute;
  right: 15px;
  top: 13px;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #113364;
  border-right: 1px solid #113364;
  transform: rotate(-45deg);
  transition: .2s;
}
.top-movie__head-arrows .slick-prev:hover,
.top-movie__head-arrows .slick-next:hover {
  background-color: #113364;
}
.top-movie__head-arrows .slick-prev:hover::before,
.top-movie__head-arrows .slick-next:hover::before {
  border-color: #fff;
}
.top-movie__head .cp-inner {
  display: inline-block;
}
.top-movie__item {
  width: calc(33.33vw - 60px);
  max-width: 514px;
  margin: 0 10px;
}
.top-movie__item a {
  display: block;
  color: #fff;
}
.top-movie__item a::after {
  content: none !important;
}
body.system.cms.apps .top-movie__item a {
  color: #333;
}
.top-movie__image {
  position: relative;
}
.top-movie__image::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  mix-blend-mode: multiply;
  pointer-events: none;
  transition: background .2s;
}
.top-movie__image::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 34px;
  height: 34px;
  margin-left: -17px;
  margin-top: -17px;
  background: url(/albums/css/basic3-blocks3/abm00002200.svg) no-repeat center center;
  background-size: 34px 34px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s;
}
a:hover .top-movie__image::before {
  background-color: rgba(0,0,0,0.4);
}
a:hover .top-movie__image::after {
  opacity: 1;
}
.top-movie__item a:hover {
  text-decoration: none;
}
.top-movie__text {
  margin-top: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
}
.top-movie__btn {
  position: absolute;
  left: 50%;
  top: 88px;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1380px;
  padding: 0 40px 0 450px;
}
.top-movie__btn .cp-inner {
  position: relative;
  display: table;
  font-size: 1.6rem;
  font-weight: 700;
}
.top-movie__btn .cp-inner:hover::before {
  background: #fff;
}
.top-movie__btn .cp-inner:hover::after {
  border-color: #fff;
}
.top-movie__btn .cp-inner::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 11px;
  top: 17px;
  display: block;
  width: 13px;
  height: 1px;
  background: #113364;
  transition: .2s;
}
.top-movie__btn .cp-inner::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 18px;
  top: 15px;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #113364;
  border-right: 1px solid #113364;
  transform: rotate(45deg);
  transition: .2s;
}
.top-movie__btn .cp-inner a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #fff;
}
.top-movie__btn .cp-inner a:hover {
  text-decoration: none;
}
.top-movie__btn .cp-inner a:hover::before {
  background: #113364;
}
.top-movie__btn .cp-inner a::before {
  content: "";
  position: relative;
  z-index: 1;
  top: 0;
  display: block;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-right: 12px;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 1200px) {
  .top-movie {
    padding: 40px 0;
  }
  .top-movie__head {
    padding: 0 4vw;
    font-size: 5rem;
  }
  .top-movie__body {
    position: relative;
    margin-bottom: 20px;
    padding: 0 4vw;
  }
  .top-movie__body .slick-prev {
    position: absolute;
    left: 0;
    top: 25vw;
    z-index: 1;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    background-color: #113364;
    border-radius: 50%;
    font-size: 0;
    color: transparent;
  }
  .top-movie__body .slick-prev::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 13px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
  }
  .top-movie__body .slick-next {
    position: absolute;
    right: 0;
    top: 25vw;
    z-index: 1;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    background-color: #113364;
    border-radius: 50%;
    font-size: 0;
    color: transparent;
  }
  .top-movie__body .slick-next::before {
    content: "";
    position: absolute;
    right: 15px;
    top: 13px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
  }
  .top-movie__item {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .top-movie__btn {
    position: relative;
    left: 0;
    top: 0;
    transform: translateX(0);
    padding: 0 4vw;
  }
}

.top-academics {
  padding: 100px 0 95px 0;
  background-color: #0E0E0E;
}
.top-academics__head {
  display: -ms-flex;
  display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
  max-width: 1380px;
  margin: 0 auto 60px auto;
  padding: 0 40px;
  font-weight: 900;
  line-height: 1;
  color: #fff;
}
.top-academics__head-en {
  font-size: 8rem;
}
.top-academics__head-ja {
  margin-left: 25px;
  padding-bottom: 5px;
  font-size: 2rem;
}
.top-academics__item {
  position: relative;
  width: calc(33.33vw - 60px);
  max-width: 514px;
  margin: 0 30px 35px 30px;
}
.top-academics__item a {
  color: #fff;
}
.top-academics__item a:hover {
  text-decoration: none;
}
.top-academics__item a::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  mix-blend-mode: multiply;
  pointer-events: none;
}
.top-academics__item a:hover::before {
  background-color: rgba(0,0,0,.4);
}
.top-academics__image img {
  width: 100%;
}
.top-academics__text {
  padding: 70px 40px 50px 40px;
}
.top-academics__top-text {
  min-height: 90px;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.3;
}
.top-academics__top-text .cp-inner {
  
}
.top-academics__bottom-text {
  min-height: 84px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
}
[data-area="content"] .top-academics__bottom-text ul {
  margin-left: 0;
  list-style: none;
}
[data-area="content"] .top-academics__bottom-text li {
  margin-top: 6px;
}
[data-area="content"] .top-academics__bottom-text li:first-child {
  margin-top: 0;
}
.top-academics__en-text {
  position: absolute;
  left: 40px;
  bottom: -35px;
  width: calc(100% - 60px);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}
.top-academics__more {
  position: relative;
  margin-top: 4px;
}
.top-academics__more::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 11px;
  top: 23px;
  display: block;
  width: 13px;
  height: 1px;
  background: #113364;
}
.top-academics__more::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 18px;
  top: 21px;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #113364;
  border-right: 1px solid #113364;
  transform: rotate(45deg);
}
.top-academics__more .cp-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 6px;
  font-weight: 700;
  color: #fff !important;
  font-size: 1.6rem;
}
.top-academics__more .cp-inner::before {
  content: "";
  position: relative;
  z-index: 1;
  top: 0;
  display: block;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-right: 12px;
  border-radius: 50%;
  background: #fff;
}
[data-area="content"] .top-academics__item--1 {
  background-color: #0D3257;
}
[data-area="content"] .top-academics__item--2 {
  background-color: #735B28;
}
[data-area="content"] .top-academics__item--3 {
  background-color: #CF643B;
}
[data-area="content"] .top-academics__item--4 {
  background-color: #E76D71;
}
[data-area="content"] .top-academics__item--5 {
  background-color: #477F5C;
}
[data-area="content"] .top-academics__item--6 {
  background-color: #1AA3DA;
}
@media screen and (max-width: 1200px) {
  .top-academics { 
    padding: 50px 0 0 0;
  }
  .top-academics__head {
    display: block;
    margin-bottom: 30px;
    padding: 0 4vw;
  }
  .top-academics__head-en {
    font-size: 5rem;
  }
  .top-academics__head-ja {
    margin-left: 0;
    margin-top: 10px;
    padding-bottom: 0;
    font-size: 1.5rem;
  }
  .top-academics__body-inner {
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-academics__item {
    width: 50%;
    max-width: 50%;
    margin: 0 0 0 0;
  }
  .top-academics__text {
    padding: 30px 4vw 20px 4vw;
  }
  .top-academics__top-text {
    min-height: 0;
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .top-academics__top-text .cp-inner {
    
  }
  .top-academics__bottom-text {
    min-height: 0;
    margin-bottom: 20px;
  }
  [data-area="content"] .top-academics__bottom-text li {
    
  }
  .top-academics__en-text {
    left: 4vw;
    bottom: 3vw;
    width: calc(100% - 8vw);
    font-size: 2vw;
  }
}
.top-topics__tab-content > div {
  display: block;
  visibility: hidden;
  height: 0;
}
.top-topics__tab-content > div.is-active {
  display: block;
  visibility: visible;
  height: auto;
}

/*  NEWS一覧  */
.event-list .slick-prev,
.topics-list--top .slick-prev,
.topics-list--load .slick-prev {
  position: absolute;
  left: -4vw;
  top: 25vw;
  z-index: 1;
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  background-color: #113364;
  border-radius: 50%;
  font-size: 0;
  color: transparent;
}
.event-list .slick-prev::before,
.topics-list--top .slick-prev::before,
.topics-list--load .slick-prev::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 13px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(-45deg);
}
.event-list .slick-next,
.topics-list--top .slick-next,
.topics-list--load .slick-next {
  position: absolute;
  right: -4vw;
  top: 25vw;
  z-index: 1;
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  background-color: #113364;
  border-radius: 50%;
  font-size: 0;
  color: transparent;
}
.event-list .slick-next::before,
.topics-list--top .slick-next::before,
.topics-list--load .slick-next::before {
  content: "";
  position: absolute;
  right: 15px;
  top: 13px;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(-45deg);
}

.event-list {
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 80px;
}
.event-list__item {
  width: calc(33.3333% - 34px);
  margin-right: 50px;
  margin-bottom: 40px;
}
.event-list__item:nth-child(3n) {
  margin-right: 0;
}
.event-list__item a {
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #333;
}
.event-list__item a[target="_blank"]::after {
  content: none;
}
.event-list__item a:hover {
  text-decoration: none;
}
.event-list__item a:hover .event-list__title {
  text-decoration: underline;
}
.event-list__item.is-hide {
  display: none;
}
.event-list__thumbnail {
  position: relative;
  margin-bottom: -24px;
  padding-top: 59%;
  background: url(/albums/css/basic3-blocks3/abm00002177.svg) no-repeat center center #ddd;
  background-size: cover;
}
.event-list__thumbnail[style*="/null"] {
  background-image: url(/albums/css/basic3-blocks3/abm00002177.svg) !important;
}
.event-list__calendar {
  position: absolute;
  left: 0;
  top: 0;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 80px;
  height: 80px;
  background-color: #113364;
  border-radius: 0 0 8px 0;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
}
.event-list__calendar-02 {
  margin-bottom: 10px;
}
.event-list__calendar-02-day {
  position: relative;
  top: 4px;
  font-size: 2.4rem;
  font-weight: 700;
}
.event-list__calendar-03 {
  margin-bottom: 4px;
}
.event-list__category {
  position: relative;
  min-height: 24px;
}
.event-list__category span {
  display: block;
  width: 96px;
  min-height: 24px;
  padding: 4px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.2;
}
.event-list__title {
  min-height: 60px;
  margin-right: 15%;
  padding: 13px 20px 13px 0;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.625;
}
.event-list__schedule {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.833;
}
.event-list__schedule .event-schedule {
  display: inline-block;
  margin-right: 0.25em;
}
.event-list__schedule .hour {
  margin-left: 12px;
}
.event-list__schedule .hour:empty {
  display: none;
}
.event-list__venue {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.833;
}
.event-list__sponsorship {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.833;
}
@media screen and (max-width: 1200px) {
  .event-list {
    margin-top: 30px;
  }
  .event-list__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.event-list.is-sort-schedule {
  opacity: 0;
  transition: .2s;
}
.event-list.is-sort-schedule.is-sorted {
  opacity: 1;
  transition: .2s;
}

.topics-list {
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.topics-list__item {
  width: calc(33.3333% - 34px);
  margin-right: 50px;
  margin-bottom: 50px;
}
.topics-list__item:nth-child(3n) {
  margin-right: 0;
}
.topics-list__item a {
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #333;
}
.topics-list__item a[target="_blank"]::after {
  content: none;
}
.topics-list__item a:hover {
  text-decoration: none;
}
.topics-list__item a:hover .topics-list__title {
  text-decoration: underline;
}
.topics-list__thumbnail {
  margin-bottom: -84px;
  padding-top: 59%;
  background: url(/albums/css/basic3-blocks3/abm00002177.svg) no-repeat center center #ddd;
  background-size: cover;
}
.topics-list__thumbnail[style*="/null"] {
  background-image: url(/albums/css/basic3-blocks3/abm00002177.svg) !important;
}
.topics-list__category {
  min-height: 24px;
}
.topics-list__category span {
  display: block;
  width: 96px;
  min-height: 24px;
  padding: 4px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.2;
}
.topics-list__title {
  min-height: 60px;
  margin-right: 15%;
  padding: 13px 20px 13px 0;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.625;
}
.topics-list__date {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 700;
}
.topics-list__item--top:nth-child(1) {
  width: calc(50% - 30px);
  margin-right: 60px;
}
.topics-list__item--top:nth-child(2) {
  width: calc(50% - 30px);
  margin-right: 0;
}
.topics-list__item--top:nth-child(3) {
  margin-right: 50px;
}
.topics-list__item--top:nth-child(5) {
  margin-right: 0;
}
.topics-list__item--top:nth-child(1) .topics-list__thumbnail,
.topics-list__item--top:nth-child(2) .topics-list__thumbnail {
  margin-bottom: -108px;
}
.topics-list__item--top:nth-child(1) .topics-list__title,
.topics-list__item--top:nth-child(2) .topics-list__title {
  min-height: 84px;
  margin-right: 29%;
  font-size: 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .topics-list {
    
  }
  .topics-list__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .topics-list__thumbnail {
    margin-bottom: -24px;
  }
  .topics-list__title {
    margin-right: 0;
    padding-right: 0;
  }
  .topics-list__item--top:nth-child(1) {
    width: 100%;
    margin-right: 0;
  }
  .topics-list__item--top:nth-child(2) {
    width: 100%;
  }
  .topics-list__item--top:nth-child(3) {
    margin-right: 0;
  }
  .topics-list__item--top:nth-child(1) .topics-list__thumbnail,
  .topics-list__item--top:nth-child(2) .topics-list__thumbnail {
    margin-bottom: -24px;
  }
  .topics-list__item--top:nth-child(1) .topics-list__title,
  .topics-list__item--top:nth-child(2) .topics-list__title {
    min-height: 60px;
    margin-right: 0;
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

.news-list {
  margin-bottom: 15px;
}
.news-list__item {
  display: -ms-flex;
  display: flex;
  padding: 30px 12px;
  border-bottom: 1px solid #ccc;
}
.news-list__item:first-child {
  border-top: 1px solid #ccc;
}
.news-list__category {
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-top: 2px;
}
.news-list__category span {
  display: block;
  width: 100px;
  padding: 4px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.2;
}
.news-list__date {
  margin-left: 20px;
  padding-top: 1px;
  font-weight: 700;
  font-size: 1.2rem;
}
.news-list__title {
  padding-left: 20px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.6;
}
.news-list__title a {
  display: inline-block;
  color: #333;
}
.cp-h2-text + .news-all-wrap .news-list {
  margin-top: -40px;
}
.cp-h2-text + .news-all-wrap .news-list__item:first-child {
  border-top: none;
}
@media screen and (max-width: 1200px) {
  .news-list {
    margin-bottom: 5px;
  }
  .news-list__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0;
  }
  .news-list__category {
    width: 100px;
  }
  .news-list__date {
    width: calc(100% - 110px);
    margin-left: 10px;
  }
  .news-list__title {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
  }
  .cp-h2-text + .news-all-wrap .news-list {
    margin-top: -30px;
  }
}

.important-news {
  display: -ms-flex;
  display: flex;
  margin-bottom: 50px;
  padding: 8px;
  border: 3px solid #333;
}
.important-news__head {
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 180px;
  min-height: 140px;
  text-align: center;
  background-color: #C3082F;
  color: #fff;
  font-weight: 700;
}
.important-news__inner {
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: calc(100% - 180px);
  padding: 25px 20px 20px 20px;
}
.important-news__item {
  display: -ms-flex;
  display: flex;
  margin-bottom: 5px;
}
.important-news__date {
  padding-top: 1px;
  font-weight: 700;
  font-size: 1.2rem;
}
.important-news__title {
  padding-left: 20px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.6;
}
.important-news__title a {
  display: inline-block;
  color: #333;
}
@media screen and (max-width: 1200px) {
  .important-news {
    display: block;
    border-width: 2px;
    margin-bottom: 30px;
    padding: 20px 4vw;
  }
  .important-news__head {
    width: 100%;
    min-height: 60px;
  }
  .important-news__inner {
    width: 100%;
    padding: 10px 0 0 0;
  }
  .important-news__item {
    display: block;
  }
  .important-news__title {
    padding-left: 0;
  }
}


.cp-img-col3--variable {
  margin: 40px auto 0 auto;
}
.cp-img-item-variable {
  margin-bottom: 40px;
}
.cp-img-item-variable.cp-img-item-variable--col-1 {
  width: calc(25% - 21px);
}
.cp-img-item-variable.cp-img-item-variable--col-2 {
  width: calc(50% - 14px);
}
.cp-img-item-variable--img {
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .cp-img-col3--variable {
    width: auto !important;
    height: auto !important;
    margin: 30px auto 0 auto;
  }
  .cp-img-item-variable {
    position: static !important;
    transform: none !important;
    margin-bottom: 20px;
  }
  .cp-img-item-variable.cp-img-item-variable--col-1 {
    width: 100%;
  }
  .cp-img-item-variable.cp-img-item-variable--col-2 {
    width: 100%;
  }
  .cp-img-item-variable--img {
    margin-bottom: 8px;
    text-align: center;
  }
}

/* メインビジュアル */
.under-visual {
  display: none;
  position: relative;
  min-height: 700px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
body.system.cms.apps .under-visual,
body > .under-visual {
  display: block;
}
/*.under-visual::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(17,51,100,.5);
  pointer-events: none;
  mix-blend-mode: multiply;
}*/
.under-visual__inner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}
.under-visual__image img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.under-visual__title {
  max-width: 1300px;
  height: 160px;
  margin: 0 auto;
}
.under-visual__title--center {
  max-width: 960px;
  margin: 0 auto;
}
.under-visual__title-inner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 160px;
  padding: 0 40px 0 0;
  max-width: 940px;
  width: 100%;
}
.under-visual__title-inner--center {
  padding: 38px;
  text-align: center;
  background-color: #fff;
}
.under-visual__title-inner::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100vw;
  height: 100%;
  background: #fff;
}
.under-visual__text {
  position: relative;
  z-index: 1;
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.3;
}
@media only screen and (max-width: 1200px) {
  .under-visual {
    min-height: 320px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }
  .under-visual__inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .under-visual__image img {
    height: calc(100% - 120px);
  }
  .under-visual__image--no-title img {
    height: 100%;
  }
  .under-visual__title {
    height: 120px;
  }
  .under-visual__title-inner {
    max-width: none;
    height: 120px;
    padding: 0;
  }
  .under-visual__title-inner--center {
    padding: 25px;
  }
  .under-visual__title-inner::before {
    right: -4vw;
  }
  .under-visual__text {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 380px) {
  .under-visual__text {
    line-height: 1.2;
  }
}

.under-slider {
  width: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.main .under-slider:first-child {
  margin-top: -40px;
}
.under-slider img {
  width: 100%;
}
[data-area="content"] ul.slick-dots {
  margin-left: 0;
}
@media screen and (max-width: 1200px) {
  .under-slider {
    width: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .main .under-slider:first-child {
    margin-top: -30px;
  }
}

/*  広報誌  */
.pr-magazine {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
[data-area="content"] .pr-magazine .fr-img-caption {
  margin: 0 2.222% 40px 0 !important;
  width: 23.3335%;
  line-height: 1.6;
}
[data-area="content"] .pr-magazine .fr-img-caption:nth-child(4n) {
  margin-right: 0 !important;
}

[data-area="content"] .pr-magazine span.fr-img-caption .fr-img-wrap span.fr-inner {
  padding: 0 !important;
  margin-top: 10px;
}

[data-area="content"] .pr-magazine .fr-inner {
  margin-top: 15px;
  text-align: left;
}
[data-area="content"] .pr-magazine a {
  font-weight: 500;
}
@media screen and (max-width: 1279px) {
  [data-area="content"] .pr-magazine .fr-img-caption {
    width: 48%;
    margin: 0 4% 30px 0 !important;
  }
  [data-area="content"] .pr-magazine .fr-img-caption:nth-child(2n) {
    margin-right: 0 !important;
  }
  [data-area="content"] .pr-magazine .fr-img-caption .fr-img-wrap {
    display: block;
  }
  [data-area="content"] .pr-magazine .fr-img-caption .fr-img-wrap img {
    flex-shrink: 0;
  }
}

/*  建学の精神  */
[data-area="content"] .about-profile--01 {
  position: relative;
  margin-top: -40px;
  padding: 110px 0 80px 0;
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
}
.about-profile--01::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  margin-left: calc(50% - 50vw);
  background: url(/albums/css/basic3-blocks3/abm00002649.jpg) no-repeat center center #113364;
  background-size: cover;
}
.about-profile--01 .cp-all {
  max-width: 960px;
  margin: 0 auto;
}
.about-profile--01 .fr-inner {
  font-size: 1.5rem;
  text-align: left;
}
[data-area="content"] .about-profile--01 .cp-h2-text {
  padding: 0;
  border-bottom: none;
  text-align: center;
  font-size: 4.4rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
[data-area="content"] .about-profile--01 .cp-h3-text {
  margin-bottom: 50px;
  padding: 0;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  line-height: 2;
  background-color: transparent;
}
[data-area="content"] .about-profile--01 .lead1 {
  margin-top: 0;
  margin-bottom: 80px;
  padding-left: 1.5rem;
  text-align: center;
  font-size: 10rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  line-height: 1;
  letter-spacing: 1.5rem;
}
[data-area="content"] .about-profile--01 .lead2 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
[data-area="content"] .about-profile--02 {
  position: relative;
  padding: 40px 0 100px 0;
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
}
.about-profile--02::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  margin-left: calc(50% - 50vw);
  background-color: #113364;
}
.about-profile--02__inner {
  max-width: 960px;
  margin: 0 auto;
}
[data-area="content"] .about-profile--02 .cp-h2-text {
  margin-top: 40px;
  margin-bottom: 50px;
  padding: 0;
  border-bottom: none;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
[data-area="content"] .about-profile--02 .cp-h3-text {
  position: relative;
  margin-top: 80px;
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
  background-color: transparent;
  font-size: 3.6rem;
  font-weight: 700;
  font-family: "Noto Serif JP", serif;
}
[data-area="content"] .about-profile--02 .cp-h3-text::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -65px;
  width: 1px;
  height: 0;
  background-color: #fff;
}
[data-area="content"] .about-profile--02 .cp-h3-text.is-visible::before {
  height: 56px;
  transition-delay: 800ms;
  transition-property: height;
  transition-duration: 800ms;
}

[data-area="content"] .about-profile--02 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="1"]::before {
  height: 56px;
  transition-delay: 1600ms;
  transition-property: height;
  transition-duration: 800ms;
}

[data-area="content"] .about-profile--02 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="2"]::before {
  height: 56px;
  transition-delay: 2400ms;
  transition-property: height;
  transition-duration: 800ms;
}

[data-area="content"] .about-profile--02 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="3"]::before {
  height: 56px;
  transition-delay: 3200ms;
  transition-property: height;
  transition-duration: 800ms;
}

[data-area="content"] .about-profile--02 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="4"]::before {
  height: 56px;
  transition-delay: 4000ms;
  transition-property: height;
  transition-duration: 800ms;
}


[data-area="content"] .about-profile--02 .lead1 {
  margin-top: 0;
  margin-bottom: 40px;
  text-align: center;
  font-size: 12rem;
  font-weight: 500;
  font-style: italic;
  font-family: 'Cormorant Garamond', serif;
  line-height: 1;
}
[data-area="content"] .about-profile--02 .lead2 {
  margin-bottom: 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
[data-area="content"] .about-profile--03 {
  position: relative;
  margin-bottom: -160px;
  padding: 40px 0 210px 0;
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
}
.about-profile--03::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  margin-left: calc(50% - 50vw);
  background: url(/albums/css/basic3-blocks3/abm00002650.jpg) no-repeat center center #113364;
  background-size: cover;
}
.about-profile--03__inner {
  max-width: 960px;
  margin: 0 auto;
}
[data-area="content"] .about-profile--03 .cp-h2-text {
  margin-top: 40px;
  margin-bottom: 50px;
  padding: 0;
  border-bottom: none;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
[data-area="content"] .about-profile--03 .cp-h3-text {
  position: relative;
  margin-top: 80px;
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
  background-color: transparent;
  font-size: 2.8rem;
  font-weight: 700;
  font-family: "Noto Serif JP", serif;
}
[data-area="content"] .about-profile--03 .cp-h3-text::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -65px;
  width: 1px;
  height: 0;
  background-color: #fff;
}
[data-area="content"] .about-profile--03 .cp-h3-text.is-visible::before {
  height: 56px;
  transition-delay: 800ms;
  transition-property: height;
  transition-duration: 800ms;
}

[data-area="content"] .about-profile--03 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="1"]::before {
  height: 56px;
  transition-delay: 1600ms;
  transition-property: height;
  transition-duration: 800ms;
}

[data-area="content"] .about-profile--03 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="2"]::before {
  height: 56px;
  transition-delay: 2400ms;
  transition-property: height;
  transition-duration: 800ms;
}

[data-area="content"] .about-profile--03 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="3"]::before {
  height: 56px;
  transition-delay: 3200ms;
  transition-property: height;
  transition-duration: 800ms;
}

[data-area="content"] .about-profile--03 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="4"]::before {
  height: 56px;
  transition-delay: 4000ms;
  transition-property: height;
  transition-duration: 800ms;
}



[data-area="content"] .about-profile--03 .lead1 {
  margin-top: 0;
  margin-bottom: 40px;
  text-align: center;
  font-size: 12rem;
  font-weight: 500;
  font-style: italic;
  font-family: 'Cormorant Garamond', serif;
  line-height: 1;
}
[data-area="content"] .about-profile--03 .lead2 {
  margin-bottom: 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .about-profile--01 {
    margin-top: -30px;
    padding: 40px 0 60px 0;
    font-size: 1.6rem;
  }
  .about-profile--01 .fr-inner {
    font-size: 1.5rem;
  }
  [data-area="content"] .about-profile--01 .cp-h2-text {
    font-size: 3rem;
  }
  [data-area="content"] .about-profile--01 .cp-h3-text {
    margin-bottom: 30px;
    font-size: 2.1rem;
  }
  [data-area="content"] .about-profile--01 .lead1 {
    margin-bottom: 50px;
    padding-left: 0.2rem;
    letter-spacing: 0.2rem;
    font-size: 5.2rem;
  }
  [data-area="content"] .about-profile--01 .lead2 {
    margin-bottom: 5px;
    font-size: 1.8rem;
  }
  [data-area="content"] .about-profile--02 {
    padding: 20px 0 100px 0;
    font-size: 1.6rem;
  }
  [data-area="content"] .about-profile--02 .cp-h2-text {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 2.1rem;
  }
  [data-area="content"] .about-profile--02 .cp-h3-text {
    margin-top: 70px;
    margin-bottom: 10px;
    font-size: 3rem;
  }
  [data-area="content"] .about-profile--02 .cp-h3-text::before {
    top: -55px;
    height: 0;
  }
  [data-area="content"] .about-profile--02 .lead1 {
    margin-bottom: 20px;
    font-size: 8rem;
  }
  [data-area="content"] .about-profile--02 .lead2 {
    font-size: 1.5rem;
  }
  [data-area="content"] .about-profile--03 {
    margin-bottom: -80px;
    padding: 20px 0 100px 0;
    font-size: 1.6rem;
  }
  [data-area="content"] .about-profile--03 .cp-h2-text {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 2.1rem;
  }
  [data-area="content"] .about-profile--03 .cp-h3-text {
    margin-top: 70px;
    margin-bottom: 10px;
    font-size: 2.1rem;
  }
  [data-area="content"] .about-profile--03 .cp-h3-text::before {
    top: -55px;
    height: 0;
  }
  [data-area="content"] .about-profile--02 .cp-h3-text.is-visible::before,
  [data-area="content"] .about-profile--02 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="1"]::before,
  [data-area="content"] .about-profile--02 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="2"]::before, 
  [data-area="content"] .about-profile--02 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="3"]::before,
  [data-area="content"] .about-profile--02 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="4"]::before,
  [data-area="content"] .about-profile--03 .cp-h3-text.is-visible::before,
  [data-area="content"] .about-profile--03 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="1"]::before,
  [data-area="content"] .about-profile--03 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="2"]::before,
  [data-area="content"] .about-profile--03 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="3"]::before,
  [data-area="content"] .about-profile--03 .cp-h3-text.is-visible ~ .cp-h3-text[data-index="4"]::before {
    height: 40px;
  }

  [data-area="content"] .about-profile--03 .lead1 {
    margin-bottom: 20px;
    font-size: 8rem;
  }
  [data-area="content"] .about-profile--03 .lead2 {
    font-size: 1.5rem;
  }
}


/*  Why NITTAI  */
body.why-nittai-message .container {
  background-color: #D8EBF4;
}
body.why-nittai-qa .container {
  background-color: #F5D230;
}

.what-nittai-img-col3__text {
  margin-top: 20px;
}
[data-area="content"] .what-nittai-img-col3__text strong {
  font-size: 2rem;
}

.why-nittai-number {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 80px auto 0 auto;
  color: #fff;
}
.why-nittai-number__item {
  width: calc(33.33% - 26px);
  margin-right: 38px;
}
.why-nittai-number__item:nth-child(3n) {
  margin-right: 0;
}
.why-nittai-number__item-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;nd;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
  font-size: 2.8rem;
  line-height: 1.2;
}
.why-nittai-number__item-top .cp-inner {
  width: 100%;
  min-height: 120px;
  border-top: 1px solid #fff;
}
.why-nittai-number__item--large .why-nittai-number__item-top strong {
  display: inline-block;
  margin-right: 5px;
  font-size: 10rem;
}
.why-nittai-number__item--small .why-nittai-number__item-top strong {
  display: inline-block;
  margin-right: 15px;
  font-size: 6rem;
}
.why-nittai-number__item-bottom {
  padding-right: 60px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}
.why-nittai-number__item-bottom .cp-inner {
  min-height: 130px;
  margin-bottom: 25px;
  padding-top: 50px;
}
@media screen and (max-width: 1200px) {
  .why-nittai-number {
    margin: 40px auto 0 auto;
  }
  .why-nittai-number__item {
    width: 100%;
    margin-right: 0;
  }
  .why-nittai-number__item-top {
    font-size: 2.1rem;
  }
  .why-nittai-number__item-top .cp-inner {
    min-height: 0;
    padding-top: 20px;
  }
  .why-nittai-number__item--large .why-nittai-number__item-top strong {
    font-size: 6rem;
  }
  .why-nittai-number__item--small .why-nittai-number__item-top strong {
    margin-right: 10px;
    font-size: 4rem;
  }
  .why-nittai-number__item-bottom {
    padding-right: 4vw;
    font-size: 1.8rem;
  }
  .why-nittai-number__item-bottom .cp-inner {
    min-height: 0;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .why-nittai-number__item-top .cp-inner:empty,
  .why-nittai-number__item-bottom .cp-inner:empty {
    display: none;
  }
}

.why-nittai-02-image {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.why-nittai-02-image .cp-inner {
  margin-left: -150px;
  margin-right: -150px;
}
.why-nittai-02-image + .button1 {
  margin-top: -170px;
  margin-bottom: 170px;
}
@media screen and (max-width: 1500px) {
  .why-nittai-02-image .cp-inner {
    margin-left: -7vw;
    margin-right: -7vw;
  }
}
@media screen and (max-width: 1200px) {
  .why-nittai-02-image + .button1 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.why-nittai-03-image {
  margin-top: -330px;
}
@media screen and (max-width: 1200px) {
  .why-nittai-03-image {
    margin-top: 0;
  }
}

.why-nittai-border {
  margin-bottom: 30px;
  text-align: center;
}
[data-area="content"] .why-nittai-border ul {
  margin-left: 0;
  list-style-type: none;
  border-bottom: 1px dashed #707070;
}
.why-nittai-border li {
  padding: 30px 0;
  border-top: 1px dashed #707070;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1200px) {
  .why-nittai-border {
    margin-bottom: 20px;
  }
  .why-nittai-border li {
    padding: 15px 0;
    font-size: 2.1rem;
  }
}

.why-nittai-top-lead {
  margin-bottom: 20px;
  text-align: center;
}
.why-nittai-top-lead__top {
  margin-bottom: 80px;
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.4;
}
.why-nittai-top-lead__bottom {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .why-nittai-top-lead {
    margin-bottom: 10px;
  }
  .why-nittai-top-lead__top {
    margin-bottom: 30px;
    font-size: 3rem;
  }
  .why-nittai-top-lead__bottom {
    font-size: 1.6rem;
  }
}

[data-area="content"] .why-nittai-bg-color {
  position: relative;
  margin-top: -40px;
  margin-bottom: -160px;
  padding-top: 60px;
  padding-bottom: 80px;
}
.why-nittai-bg-color::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 0px;
  display: block;
  height: 100%;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background-color: #113364;
}
.why-nittai-bg-color .why-nittai-top-head {
  background-image: url(/albums/css/basic3-blocks3/abm00002976.png);
}
.why-nittai-bg-color .why-nittai-top-head__top {
  color: #fff;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .why-nittai-bg-color {
    margin-top: -30px;
    margin-bottom: -80px;
  }
}

.why-nittai-top-head {
  max-width: 1000px;
  height: 345px;
  margin: 50px auto 40px auto;
  background: url(/albums/css/basic3-blocks3/abm00002904.png) no-repeat center center;
  background-size: contain;
  text-align: center;
  font-weight: 900;
}
.why-nittai-top-head__top {
  height: 91px;
  padding-top: 20px;
  font-size: 2.8rem;
  line-height: 1.6;
}
.why-nittai-top-head__bottom {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  height: 188px;
  font-size: 3.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 1200px) {
  .why-nittai-top-head {
    height: 31vw;
    margin: 30px auto 20px auto;
  }
  .why-nittai-top-head__top {
    height: 8vw;
    padding-top: 1vw;
    font-size: 3vw;
  }
  .why-nittai-top-head__bottom {
    height: 17vw;
    font-size: 4vw;
  }
}

.why-nittai-qa__item {
  position: relative;
  margin-top: 90px;
  margin-bottom: 90px;
}
.why-nittai-qa__inner {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  max-width: 960px;
  margin: 0 auto;
}
.why-nittai-qa__head {
  width: 360px;
  height: 306px;
  padding-top: 40px;
  background: url(/albums/css/basic3-blocks3/abm00002840.png) no-repeat center center;
  background-size: contain;
  text-align: center;
  font-weight: 900;
}
.why-nittai-qa__head-q {
  margin-bottom: 5px;
  font-size: 3.6rem;
}
.why-nittai-qa__head-text {
  font-size: 2.4rem;
  line-height: 1.33;
  letter-spacing: .2rem;
  padding-left: .2rem;
}
.why-nittai-qa__list {
  width: calc(100% - 400px);
  margin-left: 40px;
  padding-top: 50px;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.4;
}
[data-area="content"] .why-nittai-qa__list ul {
  margin-left: 0;
  list-style: none;
  border-bottom: 2px dashed #a89954;
}
[data-area="content"] .why-nittai-qa__list li {
  margin-left: 0;
  padding: 15px 5px 15px 15px;
  list-style: none;
  border-top: 2px dashed #a89954;
}
.why-nittai-qa__table {
  width: calc(100% - 400px);
  margin-left: 40px;
  padding-top: 50px;
  font-weight: 700;
  font-size: 2rem;
}
[data-area="content"] .why-nittai-qa__table table {
  height: 680px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}
[data-area="content"] .why-nittai-qa__table th {
  width: 28%;
  padding: 8px 15px;
  color: #fff;
  border-color: #000;
  line-height: 1.3;
}
[data-area="content"] .why-nittai-qa__table th strong {
  font-size: 3.2rem;
}
[data-area="content"] .why-nittai-qa__table td {
  position: relative;
  width: 72%;
  padding: 8px 15px;
  border: none;
  border-top: 1px solid #707070;
  line-height: 1.3;
}
[data-area="content"] .why-nittai-qa__table td::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 3px;
  height: 1px;
  background-color: #fff;
}
[data-area="content"] .why-nittai-qa__table tr:first-child td {
  border-top: none;
}
.why-nittai-qa__img--01-01 {
  display: table;
  margin: 35px auto 0 auto;
  text-align: center;
}
.why-nittai-qa__item--02 .why-nittai-qa__inner {
  position: relative;
}
.why-nittai-qa__img--02-01 {
  position: absolute;
  bottom: 0;
  right: 740px;
  min-width: 307px;
}
.why-nittai-qa__item--03 .why-nittai-qa__inner {
  position: relative;
  padding-bottom: 70px;
}
.why-nittai-qa__img--03-01 {
  position: absolute;
  bottom: 0;
  right: 649px;
  min-width: 440px;
}
.why-nittai-qa__item--04 .why-nittai-qa__inner {
  position: relative;
  padding-bottom: 100px;
}
.why-nittai-qa__img--04-01 {
  position: absolute;
  bottom: 0;
  right: 718px;
  min-width: 431px;
}
.why-nittai-qa__img--04-02 {
  position: absolute;
  top: 50px;
  left: 1024px;
  min-width: 164px;
}
.why-nittai-qa__item--05 .why-nittai-qa__inner {
  position: relative;
  padding-bottom: 15px;
}
.why-nittai-qa__img--05-01 {
  position: absolute;
  bottom: 0;
  right: 823px;
  min-width: 327px;
}
.why-nittai-qa__img--05-02 {
  position: absolute;
  top: 75px;
  left: 994px;
  min-width: 370px;
}
.why-nittai-qa__item--06 .why-nittai-qa__inner {
  position: relative;
}
.why-nittai-qa__img--06-01 {
  position: absolute;
  bottom: 10px;
  left: 1030px;
  min-width: 220px;
}
.why-nittai-qa__item--07 .why-nittai-qa__inner {
  position: relative;
}
[data-area="content"] .why-nittai-qa__item--07 .why-nittai-qa__table tr:first-child td {
  font-size: 3.2rem;
}
.why-nittai-qa__img--07-01 {
  position: absolute;
  top: 120px;
  left: 821px;
  min-width: 372px;
}
.why-nittai-qa__item--08 .why-nittai-qa__inner {
  position: relative;
  padding-bottom: 15px;
}
.why-nittai-qa__img--08-01 {
  position: absolute;
  bottom: 0;
  right: 720px;
  min-width: 448px;
}
[data-area="content"] .why-nittai-qa__item--08 .why-nittai-qa__table tr:first-child td {
  font-size: 3.2rem;
}
.why-nittai-qa__img--09-01 {
  display: table;
  margin: 80px auto 0 auto;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .why-nittai-qa__item {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .why-nittai-qa__inner {
    display: block;
  }
  .why-nittai-qa__head {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .why-nittai-qa__list {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    font-size: 1.8rem;
  }
  .why-nittai-qa__table {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    font-size: 1.8rem;
  }
  [data-area="content"] .why-nittai-qa__table table {
    height: 500px;
  }
  [data-area="content"] .why-nittai-qa__table th strong {
    font-size: 2.4rem;
  }
  .why-nittai-qa__item--03 .why-nittai-qa__inner,
  .why-nittai-qa__item--04 .why-nittai-qa__inner,
  .why-nittai-qa__item--05 .why-nittai-qa__inner,
  .why-nittai-qa__item--08 .why-nittai-qa__inner {
    padding-bottom: 0;
  }
  [data-area="content"] .why-nittai-qa__item--07 .why-nittai-qa__table tr:first-child td {
    font-size: 2.4rem;
  }
  [data-area="content"] .why-nittai-qa__item--08 .why-nittai-qa__table tr:first-child td {
    font-size: 2.4rem;
  }
  .why-nittai-qa__img {
    min-width: 0;
    margin-top: 30px;
  }
  .why-nittai-qa__img--02-01,
  .why-nittai-qa__img--03-01,
  .why-nittai-qa__img--04-01,
  .why-nittai-qa__img--05-01,
  .why-nittai-qa__img--06-01,
  .why-nittai-qa__img--07-01,
  .why-nittai-qa__img--08-01 {
    position: static;
    display: table;
    margin: 30px auto 0 auto;
  }
  .why-nittai-qa__img--04-02,
  .why-nittai-qa__img--05-02 {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .why-nittai-qa__head {
    width: 74vw;
    height: 62.8vw;
    padding-top: 8.2vw;
  }
  .why-nittai-qa__head-q {
    margin-bottom: 1vw;
    font-size: 7.5vw;
  }
  .why-nittai-qa__head-text {
    font-size: 5vw;
    letter-spacing: 0;
    padding-left: 0;
  }
}
[data-area="content"] .why-nittai-head {
  margin-top: 55px;
  margin-bottom: 40px;
  text-align: center;
}
.why-nittai-head__top {
  margin-bottom: 15px;
  padding-left: .4rem;
  font-size: 3.6rem;
  font-weight: 900;
  letter-spacing: .4rem;
}
.why-nittai-head__bottom {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .why-nittai-head {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
  }
  .why-nittai-head__top {
    margin-bottom: 10px;
    padding-left: .2rem;
    font-size: 3rem;
    letter-spacing: .2rem;
  }
  .why-nittai-head__bottom {
    font-size: 1.6rem;
  }
}

.why-nittai-bottom-btn {
  margin-top: 150px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.why-nittai-bottom-btn__btn {
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
}
.why-nittai-bottom-btn a {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 370px;
  height: 100px;
  color: #333;
}
.why-nittai-bottom-btn a::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 1px;
  background-color: #333;
}
.why-nittai-bottom-btn a::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}
.why-nittai-bottom-btn a:hover {
  text-decoration: none;
}
.why-nittai-bottom-btn--prev::before {
  content: "";
  position: absolute;
  right: 0;
  width: 100vw;
  height: 100%;
  background-color: #fff;
  border-radius: 0 50px 50px 0;
}
.why-nittai-bottom-btn--prev a {
  padding-left: 70px;
}
.why-nittai-bottom-btn--prev a::before {
  left: 0;
  top: 50px;
  transition: left .2s;
}
.why-nittai-bottom-btn--prev a::after {
  left: 1px;
  top: 45px;
  transform: rotate(45deg);
  transition: left .2s;
}
.why-nittai-bottom-btn--prev a:hover::before {
  left: -10px
}
.why-nittai-bottom-btn--prev a:hover::after {
  left: -9px;
}
.why-nittai-bottom-btn--next::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #fff;
  border-radius: 50px 0 0 50px;
}
.why-nittai-bottom-btn--next a {
  padding-left: 90px;
}
.why-nittai-bottom-btn--next a::before {
  right: 0;
  top: 50px;
  transition: right .2s;
}
.why-nittai-bottom-btn--next a::after {
  right: 1px;
  top: 45px;
  transform: rotate(225deg);
  transition: right .2s;
}
.why-nittai-bottom-btn--next a:hover::before {
  right: -10px
}
.why-nittai-bottom-btn--next a:hover::after {
  right: -9px;
}
@media screen and (max-width: 1200px) {
  .why-nittai-bottom-btn {
    margin-top: 60px;
  }
}
@media screen and (max-width: 900px) {
  .why-nittai-bottom-btn {
    display: block;
  }
  .why-nittai-bottom-btn a {
    width: 100%;
    height: 80px;
  }
  .why-nittai-bottom-btn__btn {
    max-width: 370px;
  }
  .why-nittai-bottom-btn--prev a {
    padding-left: 50px;
  }
  .why-nittai-bottom-btn--prev a::before {
    top: 40px;
  }
  .why-nittai-bottom-btn--prev a::after {
    top: 35px;
  }
  .why-nittai-bottom-btn--next {
    margin-left: auto;
    margin-top: 20px;
  }
  .why-nittai-bottom-btn--next a {
    padding-left: 70px;
  }
  .why-nittai-bottom-btn--next a::before {
    top: 40px;
  }
  .why-nittai-bottom-btn--next a::after {
    top: 35px;
  }
}

.why-nittai-message__item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 0 15px 0;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}
.why-nittai-message__item + .why-nittai-message__item {
  border-top: none;
}
.why-nittai-message__img {
  width: 112px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
}
.why-nittai-message__text {
  width: calc(100% - 112px);
  padding-left: 50px;
  font-size: 1.8rem;
  line-height: 1.777;
}
@media screen and (max-width: 1200px) {
  .why-nittai-message__item {
    padding: 15px 0 10px 0;
  }
  .why-nittai-message__img {
    width: 80px;
    border: 1px solid #fff;
  }
  .why-nittai-message__text {
    width: calc(100% - 80px);
    padding-left: 4vw;
    font-size: 1.6rem;
  }
}

.why-nittai-large-bnr {
  display: -ms-flex;
  display: flex;
  margin-top: 40px;
  margin-bottom: 40px;
}
.why-nittai-large-bnr:last-child {
  margin-bottom: 90px;
}
.cp-btn + .why-nittai-large-bnr {
  margin-top: -20px;
}
.why-nittai-large-bnr__item {
  width: calc(33.33% - 8px);
  margin-right: 12px;
  box-shadow: 8px 8px 8px rgba(0,0,0,0.16);
}
.why-nittai-large-bnr__item:nth-child(3n) {
  margin-right: 0;
}
.why-nittai-large-bnr__item svg {
  max-width: 100%;
}
.why-nittai-large-bnr__item svg path {
  fill: #333;
  transition: fill .2s;
}
.why-nittai-large-bnr__item svg rect {
  transition: fill .2s;
}
.why-nittai-large-bnr__item--01 a:hover svg rect:nth-child(1) {
  fill: #50B15B !important;
}
.why-nittai-large-bnr__item--01 a:hover svg path:nth-child(2),
.why-nittai-large-bnr__item--01 a:hover svg path:nth-child(3),
.why-nittai-large-bnr__item--01 a:hover svg path:nth-child(4) {
  fill: #fff !important;
}
.why-nittai-large-bnr__item--01 a:hover svg path:nth-child(5) {
  fill: #50B15B !important;
}
.why-nittai-large-bnr__item--02 a:hover svg rect:nth-child(1) {
  fill: #E55252 !important;
}
.why-nittai-large-bnr__item--02 a:hover svg path:nth-child(2),
.why-nittai-large-bnr__item--02 a:hover svg path:nth-child(3),
.why-nittai-large-bnr__item--02 a:hover svg path:nth-child(4) {
  fill: #fff !important;
}
.why-nittai-large-bnr__item--02 a:hover svg path:nth-child(5) {
  fill: #E55252 !important;
}
.why-nittai-large-bnr__item--03 a:hover svg rect:nth-child(1) {
  fill: #113364 !important;
}
.why-nittai-large-bnr__item--03 a:hover svg path:nth-child(2),
.why-nittai-large-bnr__item--03 a:hover svg path:nth-child(3){
  fill: #fff !important;
}
@media screen and (max-width: 1200px) {
  .why-nittai-large-bnr {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .why-nittai-large-bnr:last-child {
    margin-bottom: 40px;
  }
  .cp-btn + .why-nittai-large-bnr {
    margin-top: -10px;
  }
  .why-nittai-large-bnr__item {
    width: 100%;
    max-width: 426px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}

[data-area="content"] .why-nittai-nav {
  display: -ms-flex;
  display: flex;
  margin-top: 20px;
  margin-bottom: 90px;
}
.why-nittai-nav__item {
  width: calc(33.33% - 33px);
  margin-right: 50px;
}
.why-nittai-nav__item:nth-child(3n) {
  margin-right: 0;
}
.why-nittai-nav__item a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  min-height: 120px;
  padding: 10px 20px 10px 22px;
  background: url(/albums/css/basic3-blocks3/abm00003055.png) #fff no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  font-size: 2rem;
  font-weight: 900;
  color: #333;
  letter-spacing: .2rem;
  box-shadow: inset 1px 1px 1px #ccc, inset -1px -1px 1px #ccc;
}
.why-nittai-nav__item a[href=""],
.why-nittai-nav__item a:hover {
  text-decoration: none;
  background-color: #113364;
  color: #fff;
  box-shadow: none;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .why-nittai-nav {
    display: block;
    margin-bottom: 50px;
  }
  .why-nittai-nav__item,
  .why-nittai-nav__item:nth-child(3n) {
    width: 100%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
  .why-nittai-nav__item a {
    min-height: 100px;
    padding: 10px 20px 10px 21px;
    font-size: 1.8rem;
    letter-spacing: .1rem;
    line-height: 1.6;
  }
}

.ob-message-wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ob-message {
  width: calc(33.33% - 34px);
  margin-right: 51px;
  margin-bottom: 50px;
}
.ob-message:nth-child(3n) {
  margin-right: 0;
}
.ob-message-item {
  cursor: pointer;
}
.ob-message-item__head {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.666;
}
.ob-message-item__body {
  line-height: 1.666;
}
.ob-message-popup {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  padding: 80px 100px 120px 100px;
  background-color: #fff;
}
.mfp-auto-cursor .mfp-content {
  padding: 40px;
}
.mfp-close-btn-in .ob-message-popup .mfp-close,
.mfp-close-btn-in .ob-message-popup .mfp-close:active {
  position: absolute;
  bottom: 40px;
  top: auto;
  right: auto;
  left: 50%;
  margin-left: -22px;
  font-size: 3.6rem;
  color: #222;
}
@media screen and (max-width: 1200px) {
  .ob-message {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .ob-message-item__head {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 1.6rem;
  }
  .ob-message-popup {
    padding: 40px 4vw 60px 4vw;
  }
  .mfp-auto-cursor .mfp-content {
    padding: 20px 0;
  }
  .mfp-close-btn-in .ob-message-popup .mfp-close,
  .mfp-close-btn-in .ob-message-popup .mfp-close:active {
    bottom: 10px;
  }
}


.oc-schedule {
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.oc-schedule + .oc-schedule {
  margin-top: -41px;
}
.cp-h2-text + .oc-schedule {
  margin-top: -41px;
}
.oc-schedule__month {
  width: 62px;
  border-right: 1px solid #333;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
}
.oc-schedule__day {
  width: 62px;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
}
.oc-schedule__place {
  width: calc(47.5% - 174px);
  padding-left: 57px;
}
.oc-schedule__week {
  width: 50px;
  text-align: center;
}
.oc-schedule__week .cp-inner::before {
  content: "（";
}
.oc-schedule__week .cp-inner::after {
  content: "）";
}
.oc-schedule__program {
  width: 17.5%;
  padding-left: 10px;
}
.oc-schedule__program .cp-inner {
  padding: 19px 5px 20px 5px;
  background-color: #F2F4F3;
  border-radius: 50px;
  text-align: center;
  line-height: 1.4
}
.oc-schedule__program a {
  display: block;
  margin: -19px -5px -20px -5px;
  padding: 18px 4px 19px 4px;
  border: 1px solid #FFFE37;
  border-radius: 50px;
  background-color: #FFFE37;
  color: #333;
}
.oc-schedule__program a:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #666;
}
.oc-schedule__request {
  width: 17.5%;
  padding-left: 10px;
}
.oc-schedule__request .cp-inner {
  padding: 19px 5px 20px 5px;
  background-color: #F2F4F3;
  border-radius: 50px;
  text-align: center;
  line-height: 1.4
}
.oc-schedule__request a {
  display: block;
  margin: -19px -5px -20px -5px;
  padding: 18px 4px 19px 4px;
  border: 1px solid #113364;
  border-radius: 50px;
  background-color: #113364;
  color: #fff;
}
.oc-schedule__request a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #113364;
}
@media screen and (max-width: 1200px) {
  .oc-schedule {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .oc-schedule + .oc-schedule {
    margin-top: -31px;
  }
  .cp-h2-text + .oc-schedule {
    margin-top: -31px;
  }
  .oc-schedule__place {
    width: calc(100% - 174px);
    padding-left: 20px;
    line-height: 1.4;
  }
  .oc-schedule__program {
    width: 33.33%;
    min-width: 130px;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .oc-schedule__program .cp-inner {
    padding: 9px 5px 10px 5px;
  }
  .oc-schedule__program a {
    margin: -9px -5px -10px -5px;
    padding: 8px 4px 9px 4px;
  }
  .oc-schedule__request {
    width: 33.33%;
    min-width: 130px;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .oc-schedule__request .cp-inner {
    padding: 9px 5px 10px 5px;
  }
  .oc-schedule__request a {
    margin: -9px -5px -10px -5px;
    padding: 8px 4px 9px 4px;
  }
}

.what-type {
  margin-top: 40px;
  margin-bottom: 40px;
}
.what-type__head {
  display: -ms-flex;
  display: flex;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
}
.what-type__head-left,
.what-type__head-right {
  width: 50%;
  padding: 5px;
  background-color: #333;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.what-type__item {
  display: -ms-flex;
  display: flex;
  border-bottom: 1px solid #ddd;
}
.what-type__title {
  position: relative;
  width: 50%;
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 30px;
  font-size: 2rem;
  font-weight: 700;
}
.what-type__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: calc(100% - 14px);
  background-color: #113364;
}
.what-type__title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  border-left: 17px solid #113364;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.what-type__text {
  width: 50%;
  line-height: 1.2;
  padding-top: 28px;
  padding-bottom: 8px;
}
.what-type__text .cp-inner {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.cp-all .what-type__text a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: calc(50% - 21px);
  margin-left: 14px;
  margin-right: 14px;
  margin-bottom: 20px;
  background-color: #FFFE37;
  color: #333;
  text-align: center;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 8px;
  border: 1px solid #FFFE37;
  text-decoration: none;
}
.cp-all .what-type__text a:nth-child(2n) {
  margin-right: 0;
}
.what-type__text a:hover {
  background-color: #fff;
  border-color: #FBB400;
}
@media screen and (max-width: 1200px) {
  .what-type {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .what-type__head {
    display: none;
  }
  .what-type__item {
    display: block;
    border-bottom: none;
  }
  .what-type__title {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.6;
  }
  .what-type__text {
    width: 100%;
    padding-top: 14px;
  }
  .cp-all .what-type__text a {
    width: calc(50% - 7px);
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.campus-facilities-detail__head {
  margin-bottom: 30px;
}
.campus-facilities-detail__head-item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 8px;
}
.campus-facilities-detail__head-icon {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 60px;
  height: 24px;
  margin-right: 10px;
  color: #fff;
  background-color: #333;
  border-radius: 2px;
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
.campus-facilities-detail__head-icon--yellow {
  background-color: #FBB400;
}
.campus-facilities-detail__head-icon--blue {
  background-color: #5654DE;
}
.campus-facilities-detail__head-text {
  width: calc(100% - 70px);
  line-height: 1.6;
}
.campus-facilities-detail__body {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.campus-facilities-detail__item {
  width: calc(25% - 21px);
  margin-right: 28px;
  margin-bottom: 30px;
}
.campus-facilities-detail__item:nth-child(4n) {
  margin-right: 0;
}
.campus-facilities-detail__title {
  margin-top: 12px;
  font-weight: 700;
}
.campus-facilities-detail__btn {
  margin-top: 5px;
}
.campus-facilities-detail__btn a[target="_blank"]::after {
  content: none;
}
.campus-facilities-detail__btn > * {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.campus-facilities-detail__btn a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 60px;
  height: 24px;
  margin-right: 10px;
  border: 1px solid #333;
  color: #fff;
  background-color: #333;
  border-radius: 2px;
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
.campus-facilities-detail__btn a:hover {
  text-decoration: none;
}
.campus-facilities-detail__btn--360 a,
.campus-facilities-detail__btn--360-3d a:nth-child(1) {
  background-color: #FBB400;
  border-color: #FBB400;
}
.campus-facilities-detail__btn--360 a:hover,
.campus-facilities-detail__btn--360-3d a:nth-child(1):hover {
  color: #FBB400;
  background-color: #fff;
}
.campus-facilities-detail__btn--3d a,
.campus-facilities-detail__btn--360-3d a:nth-child(2) {
  background-color: #5654DE;
  border-color: #5654DE;
}
.campus-facilities-detail__btn--3d a:hover,
.campus-facilities-detail__btn--360-3d a:nth-child(2):hover {
  color: #5654DE;
  background-color: #fff;
}
@media screen and (max-width: 1200px) {
  .campus-facilities-detail__body {
    display: block;
  }
  .campus-facilities-detail__item {
    width: 100%;
    margin-right: 0;
  }
}

.campus-calendar {
  margin-top: 40px;
}
.campus-calendar__head {
  display: -ms-flex;
  display: flex;
  margin-bottom: 20px;
  background-color: #333;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.campus-calendar__month-head {
  width: 15.2%;
  padding: 5px;
  border-right: 2px solid #fff;
}
.campus-calendar__event-head {
  width: 42.4%;
  padding: 5px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
.campus-calendar__training-head {
  width: 42.4%;
  padding: 5px;
  border-left: 2px solid #fff;
}
.camspus-calendar__item {
  display: -ms-flex;
  display: flex;
  margin-bottom: 40px;
}
.camspus-calendar__month {
  width: 15.2%;
  padding: 20px 30px 20px 0;
  font-weight: 700;
}
.camspus-calendar__month strong {
  display: inline-block;
  margin-right: 16px;
  font-size: 6rem;
  line-height: 1;
}
.camspus-calendar__event {
  width: 42.4%;
  padding: 20px 30px;
  border-left: 1px solid #999;
}
.camspus-calendar__event img {
  margin-top: 30px;
  margin-bottom: 10px;
}
.camspus-calendar__training {
  width: 42.4%;
  padding: 20px 30px;
  border-left: 1px solid #999;
}
@media screen and (max-width: 1200px) {
  .campus-calendar {
    margin-top: 30px;
  }
  .campus-calendar__head {
    display: none;
  }
  .camspus-calendar__item {
    display: block;
    margin-bottom: 30px;
  }
  .camspus-calendar__month {
    width: 100%;
    padding: 0;
  }
  .camspus-calendar__event {
    width: 100%;
    padding: 20px 0;
    border-left: none;
  }
  .camspus-calendar__event::before {
    content: "行事・イベント";
    display: block;
    margin-bottom: 20px;
    padding: 5px;
    background-color: #333;
    color: #fff;
    text-align: center;
    font-weight: 700;
  }
  .camspus-calendar__training {
    width: 100%;
    padding: 20px 0;
    border-left: none;
  }
  .camspus-calendar__training::before {
    content: "実習";
    display: block;
    margin-bottom: 20px;
    padding: 5px;
    background-color: #333;
    color: #fff;
    text-align: center;
    font-weight: 700;
  }
}

.bg-color {
  position: relative;
  padding-top: 1px;
  padding-bottom: 1px;
}
[data-area="content"] .bg-color:first-child {
  margin-top: -40px;
}
[data-area="content"] .bg-color:last-child {
  margin-bottom: -160px;
}
.bg-color::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 0px;
  display: block;
  height: 100%;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: #F2F4F3;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .bg-color:first-child {
    margin-top: -30px;
  }
  [data-area="content"] .bg-color:last-child {
    margin-bottom: -80px;
  }
}

.campus-facilities-list {
  display: -ms-flex;
  display: flex;
  counter-reset: campus-facilities-list;
  margin-top: 40px;
  margin-bottom: 40px;
}
.campus-facilities-list__item {
  width: 25%;
}
.campus-facilities-list__head {
  margin-bottom: 20px;
  padding: 22px 10px;
  color: #fff;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
.campus-facilities-list__head--01 {
  background-color: #299C3B;
}
.campus-facilities-list__head--02 {
  background-color: #6E50A2;
}
.campus-facilities-list__head--03 {
  background-color: #199CDA;
}
.campus-facilities-list__head--04 {
  background-color: #FBB400;
}
.campus-facilities-list__list {
  padding-right: 20px;
}
[data-area="content"] .campus-facilities-list__list ul {
  margin-left: 0;
  list-style: none;
  line-height: 1.6;
}
[data-area="content"] .campus-facilities-list__list li {
  position: relative;
  padding-left: 25px;
  margin-top: 4px;
}
[data-area="content"] .campus-facilities-list__list li::before {
  counter-increment: campus-facilities-list;
  content: counter(campus-facilities-list);
  position: absolute;
  left: 0;
  top: 3px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: #333;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  .campus-facilities-list {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .campus-facilities-list__item {
    width: 100%;
    margin-top: 20px;
  }
  .campus-facilities-list__head {
    margin-bottom: 10px;
    padding: 15px 10px;
  }
  .campus-facilities-list__list {
    padding-right: 0;
  }
  [data-area="content"] .campus-facilities-list__list li {
    padding-left: 25px;
  }
}

.campus-overview {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.campus-overview__left {
  width: 50%;
  padding-top: 6px;
  padding-left: 25px;
  border-left: 1px solid #333;
  font-weight: 700;
  font-size: 2rem;
}
.campus-overview__right {
  width: 50%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 25px;
  border-left: 1px solid #333;
  line-height: 1.6666;
}
@media screen and (max-width: 1200px) {
  .campus-overview {
    display: block;
  }
  .campus-overview__left {
    width: 100%;
    padding-top: 6px;
    padding-left: 4vw;
    font-size: 1.8rem;
  }
  .campus-overview__right {
    width: 100%;
    padding-left: 4vw;
  }
}

.campus-map {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-top: 40px;
	margin-bottom: 40px;
}
.campus-map__img {
  width: calc(67.3% - 25px);
}
.campus-map__inner {
  width: calc(32.7% - 25px);
  margin-left: 50px;
}
.campus-map__head {
  font-weight: 700;
  font-size: 2rem;
}
.campus-map__body {
  
}
.campus-map__video {
  position: relative;
  margin-top: 20px;
  padding-top: 56.25%;
}
.campus-map__video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.campus-map__video .cp-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1200px) {
  .campus-map {
    display: block;
  	margin-top: 30px;
  	margin-bottom: 30px;
  }
  .campus-map__img {
    width: 100%;
  }
  .campus-map__inner {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
  }
}

[data-area="content"] .document-table td {
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 10px 20px;
}
.document-table tr:first-child td {
  background-color: #333;
  color: #fff;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
}
.document-table td:nth-child(1) {
  width: 31%;
}
.document-table td:nth-child(2) {
  width: 31%;
}
.document-table td:nth-child(3) {
  width: 38%;
}
.document-table tr:nth-child(2) td:nth-child(1) {
  text-align: center;
  background-color: #F2F4F3;
  font-size: 2rem;
  font-weight: 700;
}
[data-area="content"] .document-table td a {
  background-color: #FFFE37;
  color: #333;
  max-width: 240px;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 8px;
  border: 1px solid #FFFE37;
}
[data-area="content"] .document-table td a:hover {
  background-color: #fff;
  border-color: #FBB400;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] .document-table td {
    padding: 8px 16px;
  }
  .document-table tr:first-child td {
    padding: 8px;
  }
  .document-table td:nth-child(1)[rowspan] {
    font-size: 1.8rem;
  }
  [data-area="content"] .document-table td a {
    padding: 6px;
    font-size: 1.5rem;
  }
}

.oc-program {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 40px;
}
.oc-program__item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width: calc(50% - 30px);
  margin-bottom: 20px;
  padding: 30px 20px;
  overflow: hidden;
  border-radius: 10px;
  color: #fff;
}
.oc-program__item:nth-child(2n) {
  margin-left: 60px;
}
.oc-program__inner {
  width: calc(50% - 10px);
}
.oc-program__head {
  margin-bottom: 25px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
}
.oc-program__image {
  width: calc(50% - 10px);
  margin-left: 20px;
}
@media screen and (max-width: 1200px) {
  .oc-program {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .oc-program__item {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 20px 4vw;
    border-radius: 6px;
  }
  .oc-program__item:nth-child(2n) {
    margin-left: 0;
  }
  .oc-program__inner {
    width: 100%;
  }
  .oc-program__head {
    margin-bottom: 15px;
    font-size: 2.2rem;
  }
  .oc-program__image {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
}

.web-oc-bnr {
  display: -ms-flex;
  display: flex;
}
.web-oc-bnr__img {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 50%;
  text-align: center;
  background-color: #113364;
}
.web-oc-bnr__inner {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 50%;
  padding: 20px 50px;
  border-top: 2px solid #113364;
  border-right: 2px solid #113364;
  border-bottom: 2px solid #113364;
}
.web-oc-bnr__head {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1.6;
}
.web-oc-bnr__body li {
  margin-top: 5px;
  font-weight: 500;
  line-height: 1.6;
}
.web-oc-bnr__body a {
  color: #333;
}
@media screen and (max-width: 1200px) {
  .web-oc-bnr {
    display: block;
  }
  .web-oc-bnr__img {
    width: 100%;
    padding: 0 2vw;
  }
  .web-oc-bnr__inner {
    display: block;
    width: 100%;
      padding: 20px 4vw;
    border-top: none;
    border-left: 2px solid #113364;
  }
  .web-oc-bnr__head {
      margin-top: 5px;
      margin-bottom: 20px;
    font-size: 2rem;
  }
  .web-oc-bnr__body li {
      margin-top: 5px;
  }
}


.opencampus-qa {
  margin-bottom: 50px; 
}
.opencampus-qa__q {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 25px;
  font-weight: 700;
}
.opencampus-qa__q::before {
  content: "Q";
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 12px;
  padding-bottom: 4px;
  background-color: #113364;
  color: #fff;
  border-radius: 6px;
  font-size: 2.4rem;
  line-height: 1;
}
.opencampus-qa__q .cp-inner {
  padding-top: 14px;
  font-size: 2rem;
  line-height: 1.6;
}
.opencampus-qa__a::before {
  content: "A : ";
  font-size: 2rem;
  font-weight: 900;
}
.opencampus-qa__a .cp-inner {
  display: inline;
}
@media screen and (max-width: 1200px) {
  .opencampus-qa {
    margin-bottom: 30px; 
  }
  .opencampus-qa__q {
    margin-bottom: 15px;
  }
  .opencampus-qa__q::before {
    width: 45px;
    min-width: 45px;
    height: 45px;
    border-radius: 4px;
    font-size: 2.2rem;
  }
  .opencampus-qa__q .cp-inner {
    padding-top: 8px;
    font-size: 1.8rem;
  }
}

/*　専任教員　*/
#kananoList {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #333;
}
.kananoList__body {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  max-width: 650px;
  margin: 0 auto;
}
.kananoList__inner {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: 50%;
}
.kananoList__inner > div {
  width: calc(20% + 2px);
  margin: -1px;
  border: 1px solid #333;
}
.kananoList__inner a:hover,
.kananoList__inner > div.current a {
  text-decoration: none;
  background-color: #113364;
  font-weight: 500;
  color: #fff;
}
.kananoList__inner > div.nasi a,
.kananoList__inner > div.nasi a:hover,
.kananoList__hidden {
  background-color: #ccc;
  font-weight: 400;
  color: #333;
}
.kananoList__inner a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  height: 40px;
  background-color: #fff;
  color: #333;
}
.kyouin-nav-gakka {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.kyouin-nav-gakka > div {
  width: calc(16.67% - 9px);
  margin-bottom: 10px;
  margin-right: 10px;
  font-weight: 500;
}
.kyouin-nav-gakka > div:nth-child(6n) {
  margin-right: 0;
}
.kyouin-nav-gakka a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  min-height: 60px;
  padding: 10px;
  border: 1px solid #333;
  text-align: center;
  color: #333;
  line-height: 1.2;
}
.kyouin-nav-gakka .current a,
.kyouin-nav-gakka a:hover {
  text-decoration: none;
  background-color: #333;
  color: #fff;
}
.kyouin-nav {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-top: 10px;
}
.kyouin-nav > div {
  width: calc(33.33% - 8px);
  margin-right: 10px;
}
.kyouin-nav > div:nth-child(3n) {
  margin-right: 0;
}
.kyouin-nav a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  min-height: 40px;
  padding: 5px;
  border: 1px solid #333;
  text-align: center;
  color: #333;
  line-height: 1.2;
}
.kyouin-nav a[target="_blank"]::after {
  content: none;
}
.kyouin-nav .current a,
.kyouin-nav a:hover {
  text-decoration: none;
  background-color: #333;
  color: #fff;
}
.kyoin-item__wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.kyoin-item {
  width: calc(25% - 18px);
  margin-right: 24px;
  margin-bottom: 20px;
}
.kyoin-item:nth-child(4n) {
  margin-right: 0;
}
.kyoin-item a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.kyoin-item a:hover {
  text-decoration: none;
  opacity: .8;
}
.kyoin-item a[target="_blank"]::after {
  content: none;
}
.kyoin-item__img {
  width: 100px;
}
.kyoin-item__inner {
  width: calc(100% - 100px);
  padding-left: 12px;
  line-height: 1.6;
}
.kyoin-item__kana {
  color: #333;
  font-size: 1.3rem;
}
.kyoin-item__roma,
.kyoin-item__ka1,
.kyoin-item__ka2 {
  display: none;
}
body.system.cms.apps .kyoin-item__roma,
body.system.cms.apps .kyoin-item__ka1,
body.system.cms.apps .kyoin-item__ka2 {
  display: block;
}
body.system.cms.apps .kyoin-item {
  width: 100%;
}
body.system.cms.apps .kyoin-item a {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .kyouin-nav-gakka {
    display: block;
  }
  .kyouin-nav-gakka > div {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .kyouin-nav-gakka a {
    min-height: 40px;
  }
  .kyouin-nav {
    display: block;
    margin-top: 20px;
  }
  .kyouin-nav > div {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .kananoList__body {
    display: block;
  }
  .kananoList__inner {
    width: 100%;
  }
  .kyoin-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.text-img-banners__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.text-img-banners__column {
  width: 25%;
  position: relative;
}

.text-img-banners__text .cp-inner {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.text-img-banners__text {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.text-img-banners__text a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.text-img-banners__color {
  position: relative;
  z-index: 0;
}

.text-img-banners__color::before {
  content: '';
  display: block;
  padding-top: 75%;
  background-color: #333333;
  transition: .3s;
}

.text-img-banners__img {
  position: relative;
  z-index: 0;
}

.text-img-banners__img::before {
  content: '';
  display: block;
  padding-top: 75%;
}

.text-img-banners__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.fr-html .text-img-banners__text,
.fr-html .text-img-banners__img,
.fr-html .text-img-banners__img img {
  position: relative;
  width: auto;
  height: auto;
  top: auto;
  left: auto;
}

.fr-html .text-img-banners__text {
  background-color: #333;
}

.text-img-banners__text .img-wrap-link::before {
  content: none;
}

.text-img-banners__column:hover .text-img-banners__color::before {
  background-color: #113364;
  transition: .3s;
}

.text-img-banners__text::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: .3s;
  z-index: 0;
}

.text-img-banners__column:hover .text-img-banners__text::after {
  background-color: #113364;
  transition: .3s;
}

.fr-html .text-img-banners__text::after {
  content: none !important;
}

.fr-html .text-img-banners__text .img-wrap-link::before {
  content: none !important;
}

@media screen and (max-width: 1200px) {
  .text-img-banners__row {
    margin-right: auto;
    margin-left: auto;
    flex-wrap: wrap;
  }
  .text-img-banners__column {
    width: 100%;
  }
}

basic-header:empty {
  height: 140px;
  display: block;
}

@media screen and (max-width: 1200px) {
  basic-header:empty {
    height: 60px;
  }
}

.olympics-tab__menu {
  display: flex;
  justify-content: center;
  width: 100%;
  border-bottom: 4px solid #113364;
}

.olympics-tab__menu-text {
  width: 360px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #113364;
  border-right: 1px solid #113364;
  color: #113364;
  flex-direction: column;
  cursor: pointer;
  transition: .2s;
}

@media screen and (max-width: 1200px) {
  .olympics-tab__menu-text {
    width: 30%;
    height: 70px;
  }
}

.olympics-tab__menu-text.is-active,
.olympics-tab__menu-text:hover {
  color: #fff;
  background-color: #113364;
  transition: .2s;
}

.olympics-tab__menu-text-above {
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1.0;
  margin-bottom: 5px;
}

@media screen and (max-width: 1200px) {
  .olympics-tab__menu-text-above {
    font-size: 1.4rem;
    
  }
}

.olympics-tab__menu-text-bottom {
  font-size: 10.0rem;
  font-weight: 900;
  line-height: 1.0;
}

@media screen and (max-width: 1200px) {
  .olympics-tab__menu-text-bottom {
    font-size: 3.0rem;
  }
}


.olympics-tab__menu .olympics-tab__menu-text:first-child {
  border-left: 1px solid #113364;
  border-radius: 20px 0 0 0 / 20px 0 0 0;
}

.olympics-tab__menu .olympics-tab__menu-text:last-child {
  border-radius: 0 20px 0 0 / 0 20px 0 0;
}

.olympics-tab__contents {
  padding-top: 20px;
}

.olympics-tab__content {
  display: none;
}

.olympics-tab__content.is-active {
  display: block;
}

.fr-html .olympics-tab__content {
  display: block;
}

[data-area="content"] .olympics-tab__content table td {
  border: none;
}

[data-area="content"] .olympics-tab__content table tr:nth-child(even) {
  background-color: #F2F4F3;
}

[data-area="content"] .olympics-tab__content table tr {
  border-bottom: 1px solid #ccc;
}

[data-area="content"] .olympics-tab__content table td {
  border: none;
  padding: 8px 10px;
}

[data-area="content"] .olympics-tab__content table tr:nth-child(even) {
  background-color: #F2F4F3;
}

[data-area="content"] .olympics-tab__content table  {
  font-size: 1.5rem;
  font-weight: 500;
}

.club-block__wrap.cp-img-col4 {
  flex-wrap: wrap;
}

[data-area="content"] .club-block__wrap.cp-img-col4 .cp-img-l {
  margin-right: 9px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1200px) {
  [data-area="content"] .club-block__wrap.cp-img-col4 .cp-img-l {
    margin-right: 0;
  }
}

[data-area="content"] .club-block__wrap.cp-img-col4 .cp-img-l:nth-child(4n) {
  margin-right: 0;
}

/**CYPOCHI_AIR_AUTO_STYLE__START**/
.cp-basic-block {
  position: relative;
  margin: 40px 0;
  line-height: 1.8;
  z-index: 0;
}
.cp-basic-block:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: -20px;
  left: calc(50% - 50vw);
  width: 100vw;
  height: calc(100% + 40px);
  pointer-events: none;
}

.cp-basic-block .cp-inner .cp-h1-text:first-child,
.cp-basic-block .cp-inner .cp-h2-text:first-child,
.cp-basic-block .cp-inner .cp-h3-text:first-child,
.cp-basic-block .cp-inner .cp-h4-text:first-child,
.cp-basic-block .cp-inner .cp-h5-text:first-child {
  margin-top: 0;
}

.cp-basic-block .cp-inner img {
  max-width: 100%;
  height: auto;
}

.cp-basic-block__row {
  display: flex;
  flex-wrap: wrap;
}
.cp-basic-block__row.is-float {
  display: block;
}

.cp-basic-block__col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  word-break: break-all;
}
.cp-basic-block__col + .cp-basic-block__col {
  margin-left: 30px;
}
.cp-basic-block__col.is-float-left {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
.cp-basic-block__col.is-float-right {
  float: right;
  margin-left: 30px;
  margin-bottom: 10px;
}

.cp-basic-block__row.is-float .cp-basic-block__col + .cp-basic-block__col {
  margin-left: 0;
}

.cp-basic-block__row[data-ratio="1-2"] .cp-basic-block__col:last-child,
.cp-basic-block__row[data-ratio="2-1"] .cp-basic-block__col:first-child {
  flex-grow: 2;
}

.cp-basic-block__row[data-ratio="3-1"] .cp-basic-block__col:first-child,
.cp-basic-block__row[data-ratio="1-3"] .cp-basic-block__col:last-child {
  flex-grow: 3;
}

@media screen and (max-width: 959px) {
  .cp-basic-block__row:not(.is-no-step-down) .cp-basic-block__col {
    flex-basis: 100%;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .cp-basic-block__row:not(.is-no-step-down) .cp-basic-block__col:last-child {
    margin-bottom: 0;
  }

  .cp-basic-block__row:not(.is-no-step-down) .cp-basic-block__col.is-float-left, .cp-basic-block__row:not(.is-no-step-down) .cp-basic-block__col.is-float-right {
    float: none;
    margin: 0 auto 30px;
  }
}
.cp-basic-block__col .cp-inner:empty:before, .cp-basic-block__col .cp-inner:empty:after {
  pointer-events: none;
  font-size: 15px;
  display: block;
}
.cp-basic-block__col .cp-inner:empty:focus:before, .cp-basic-block__col .cp-inner:empty:focus:after {
  content: none;
}

.cp-basic-block__image-text-wrap > * {
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #f4f4f4;
}
.cp-basic-block__image-text-wrap:before {
  top: -21px;
  height: calc(100% + 42px);
}

.cp-basic-block__tab-contents {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.cp-basic-block__tab-contents .cp-basic-block__child-label {
  padding: 10px 25px;
  flex: 1;
  order: -1;
  background: #F5F5F5;
  transition: 0.5s;
  cursor: pointer;
  border: 1px solid #1A5948;
}

.cp-basic-block__tab-contents .cp-basic-block__child-label:hover {
  color: #fff;
  background: #1A5948;
  transition: 0.2s;
}

.cp-basic-block__tab-contents input.cp-basic-block__child-input {
  display: none !important;
}

.cp-basic-block__tab-contents .cp-basic-block__child-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.cp-basic-block__tab-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  color: #fff;
  background: #1A5948;
}

.cp-basic-block__tab-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label + .cp-basic-block__child-content {
  padding: 10px;
  height: auto;
  overflow: hidden;
  transition: 0.5s opacity;
  opacity: 1;
}

@media screen and (max-width: 959px) {
  .cp-basic-block__tab-contents {
    flex-direction: column;
  }
}
.cp-basic-block__tab-contents {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.cp-basic-block__tab-contents .cp-basic-block__child-label {
  padding: 10px 25px;
  flex: 1;
  order: -1;
  background: #F5F5F5;
  transition: 0.5s;
  cursor: pointer;
  border: 1px solid #1A5948;
}

.cp-basic-block__tab-contents .cp-basic-block__child-label:hover {
  color: #fff;
  background: #1A5948;
  transition: 0.2s;
}

.cp-basic-block__tab-contents input.cp-basic-block__child-input {
  display: none !important;
}

.cp-basic-block__tab-contents .cp-basic-block__child-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.cp-basic-block__tab-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  color: #fff;
  background: #1A5948;
}

.cp-basic-block__tab-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label + .cp-basic-block__child-content {
  padding: 10px;
  height: auto;
  overflow: hidden;
  transition: 0.5s opacity;
  opacity: 1;
}

@media screen and (max-width: 959px) {
  .cp-basic-block__tab-contents {
    flex-direction: column;
  }
}
.cp-basic-block__accordion-contents {
  width: 100%;
}

.cp-basic-block__accordion-contents .cp-basic-block__child-label {
  padding: 10px 25px;
  display: block;
  width: 100%;
  background: #F5F5F5;
  transition: 0.5s;
  cursor: pointer;
  border: 1px solid #1A5948;
}


.cp-basic-block__accordion-contents .cp-basic-block__child-label {
  position: relative;
}
.cp-basic-block__accordion-contents .cp-basic-block__child-label::before,
.cp-basic-block__accordion-contents .cp-basic-block__child-label::after {
  content: "";
  width: 24px;
  height: 1px;
  position: absolute;
  right: 20px;
  top: calc(50% - 1px);
  transition: 0.3s;
  background-color: #333;
}

.cp-basic-block__accordion-contents .cp-basic-block__child-label::after {
  transform: rotate(-90deg);
}

.cp-basic-block__accordion-contents .cp-basic-block__child-label:hover {

  color: #fff;
  background: #1A5948;
  transition: 0.2s;
}


.cp-basic-block__accordion-contents .cp-basic-block__child-label:hover::after {
  transform: rotate(0deg);
  background-color: #fff;
  transition: 0.2s;
}

.cp-basic-block__accordion-contents input.cp-basic-block__child-input {

  display: none !important;
}

.cp-basic-block__accordion-contents .cp-basic-block__child-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  color: #fff;
  background: #1A5948;
}


.cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked+.cp-basic-block__child-label::after {
  transform: rotate(0deg);
  background-color: #fff;
  transition: 0.2s;
}

.cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label + .cp-basic-block__child-content {

  padding: 10px;
  height: auto;
  overflow: hidden;
  transition: 0.5s opacity;
  opacity: 1;
}

.cp-basic-block__accordion-all-toggle-button-wrap {
  display: flex;
  justify-content: flex-end;
}

.cp-basic-block__accordion-all-toggle-button {
  cursor: pointer;
  padding-left: 25px;
  margin-bottom: 10px;
  position: relative;
}

.cp-basic-block__accordion-all-toggle-button:before {
  content: "全て開く";
}

.cp-basic-block__accordion-all-toggle-button[data-is-active="1"]:before {
  content: "全て閉じる";
}

.cp-basic-block__accordion-all-toggle-button-icon {
  position:absolute;
  top: 50%;
  left: 0;
}

.cp-basic-block__accordion-all-toggle-button-icon:after {
  content: ';
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 2px;
  background-color: #000;
}

.cp-basic-block__accordion-all-toggle-button-icon:before {
  content: ';
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 2px;
  background-color: #000;
  transform: rotate(90deg);
  transition: .2s;
}

.cp-basic-block__accordion-all-toggle-button[data-is-active="1"] .cp-basic-block__accordion-all-toggle-button-icon:before {
  transform: rotate(0);
  transition: .2s;
}

[data-area="content"] .cp-basic-block__buttons ul {
  list-style: none;
  margin: 0;
}

.cp-basic-block__buttons ul {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  counter-reset: number;
  display: flex;
  flex-wrap: wrap;
}

.cp-basic-block__buttons li {
  margin-bottom: 20px;
  width: 100%;
  counter-increment: number 1;
}

.cp-basic-block__buttons li a {
  position: relative;
  display: block;
  text-align: inherit;
  padding: 10px 5px;
  border: 1px solid #0000FF;
  background-color: #fff;
  word-break: break-all;
  cursor: pointer;
  color: #000;
  text-decoration: none;
  border-radius: 8px;
}

.cp-basic-block__row[data-position="center"] .cp-basic-block__buttons ul {
  justify-content: center;
}

.cp-basic-block__row[data-position="right"] .cp-basic-block__buttons ul {
  justify-content: flex-end;
}

.cp-basic-block__buttons ul.cp-basic-block__buttons-col2 > li {
  width: calc(50% - 15px);
  margin-right: 30px;
  &:nth-child(2n) {
    margin-right: 0;
  }
}

.cp-basic-block__buttons ul.cp-basic-block__buttons-col3 > li {
  width: calc( ( 100% - 60px ) / 3 );
  margin-right: 30px;
  &:nth-child(3n) {
    margin-right: 0;
  }
}

.cp-basic-block__buttons ul.cp-basic-block__buttons-col4 > li {
  width: calc( ( 100% - 90px ) / 4 );
  margin-right: 30px;
  &:nth-child(4n) {
    margin-right: 0;
  }
}

.cp-basic-block__buttons ul.cp-basic-block__buttons-col5 > li {
  width: calc( ( 100% - 120px ) / 5 );
  margin-right: 30px;
  &:nth-child(5n) {
    margin-right: 0;
  }
}

 .cp-basic-block__buttons ul.cp-basic-block__buttons-col6 > li {
  width: calc( ( 100% - 150px ) / 6 );
  margin-right: 30px;
  &:nth-child(6n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 959px) {
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col2 > li,
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col3 > li,
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col4 > li,
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col5 > li,
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col6 > li  {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    &:nth-child(2n),
    &:nth-child(3n),
    &:nth-child(4n),
    &:nth-child(5n) ,
    &:nth-child(6n) {
      margin-right: auto;
    }
  }
}


[data-area=content] .cp-basic-block__anchors ul {
  list-style: none;
  margin: 0;
}

.cp-basic-block__anchors ul {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  counter-reset: number;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 0;
  background-color: #F5F5F5;
}

.cp-basic-block__anchors li {
  margin-bottom: 0;
  padding: 0 2em;
  counter-increment: number 1;
  font-size: 14px;
}

.cp-basic-block__anchors li a {
  position: relative;
  display: block;
  text-align: inherit;
  word-break: break-all;
  cursor: pointer;
  color: #000;
  text-decoration: none;
  font-size: 14px;
}

.cp-basic-block__outer-codes-text-middle {
  margin: 40px 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.cp-basic-block__outer-codes-text-middle::after {
  position: absolute;
  content: ';
  top: calc(50% - 16px);
  left: calc(50% - 30px);
  width: 60px;
  height: 38px;
  background-repeat: no-repaet;
  background-position: center center;
  background-size: 60px auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2238%22%20viewBox%3D%220%200%2060%2038%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3018%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203018%22%20transform%3D%22translate(-493%20-642)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2456%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202456%22%20width%3D%2260%22%20height%3D%2238%22%20rx%3D%226%22%20transform%3D%22translate(493%20642)%22%20fill%3D%22%23f10000%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_12%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2012%22%20d%3D%22M9%2C0l9%2C15.545H0Z%22%20transform%3D%22translate(530.545%20652)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-basic-block__outer-codes-text-middle:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.cp-basic-block__outer-codes-text-middle iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cp-basic-block__outer-codes.cp-videos,
.cp-basic-block__outer-codes-wrap.cp-videos {
  display: block;
}

.cp-basic-block__outer-codes-wrap > * {
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #f4f4f4;
}
.cp-basic-block__outer-codes-wrap:before {
  top: -21px;
  height: calc(100% + 42px);
}

.cp-basic-block__image-album-text {
  margin-top: 10px;
}

@media screen and (max-width: 959px) {
  .cp-basic-block__row.is-step-down-reverse {
    flex-direction: column-reverse;
    display: flex;
  }

  .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col:first-child {
    margin-bottom: 0;
  }

  .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col:last-child {
    margin-bottom: 30px;
  }
}

.cp-basic-block__buttons .cp-basic-block__row[data-position="center"] ul {
  justify-content: center;
}

.cp-basic-block__buttons .cp-basic-block__row[data-position="right"] ul {
  justify-content: flex-end;
}

.cp-basic-block__buttons li {
  max-width: 350px;
}

.cp-basic-block__buttons li a {
  padding: 7px 5px;
  border-radius: 0;
  border: 1px solid #A5A5A5;
}

.cp-basic-block__outer-codes-text-middle.is-inline-insert {
  margin-top: 0;
}
.cp-basic-block__outer-codes-text-middle.is-inline-insert::after {
  content: none;
}

.cp-basic-block__news-ul {
  margin: 0 !important;
  list-style: none !important;
}

.cp-basic-block__news-link {
  display: flex;
  transition: 0.3s;
  text-decoration: none;
}

.cp-basic-block__news-ul[data-cp-news-layout="standard"] .cp-basic-block__news-link {
  padding: 26px 0;
}

.cp-basic-block__news-link:hover {
  text-decoration: none;
  transition: 0.3s;
}

.cp-basic-block__news-ul[data-cp-news-layout="standard"] .cp-basic-block__news-link:hover {
  background-color: #EFEDEB;
}

@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-link,
  .cp-basic-block__news-ul[data-cp-news-layout="standard"] .cp-basic-block__news-link {
    flex-direction: column;
    padding: 20px;
  }
}

.cp-basic-block__news-li {
  border-top: 1px solid #EBEBEB;
}
.cp-basic-block__news-li:last-child {
  border-bottom: 1px solid #EBEBEB;
}

.cp-basic-block__news-date-area {
  display: flex;
  flex-wrap: wrap;
  padding-top: 5px;
}

.cp-basic-block__news-ul[data-cp-news-layout="standard"] .cp-basic-block__news-date-area {
  width: 170px;
  border-right: 1px solid #CCCCCC;
  padding-left: 20px;
}

@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-date-area,
  .cp-basic-block__news-ul[data-cp-news-layout="standard"] .cp-basic-block__news-date-area {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
    border: none;
    flex-direction: row;
  }
}
.cp-basic-block__news-category {
  line-height: 1;
  margin-top: 3px;
}

@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-category {
    margin-left: 20px;
  }
}

.cp-basic-block__news-ul[data-cp-news-layout="standard"] .cp-basic-block__news-title-area {
  padding-left: 37px;
  width: calc(100% - 170px);
}

@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-title-area,
  .cp-basic-block__news-ul[data-cp-news-layout="standard"] .cp-basic-block__news-title-area {
    width: 100%;
    padding-left: 0;
  }
}
.cp-basic-block__news-date {
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
}

.cp-basic-block__news-category {
  font-size: 1.3rem;
  line-height: 1.5;
  background-color: #666666;
  color: #fff;
  font-weight: 500;
  padding: 0 14px;
  height: 21px;
  display: inline-block;
}

.cp-basic-block__news-title-area {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.56;
  padding-top: 5px;
}

@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-title-area {
    font-size: 1.5rem;
  }
}

.cp-basic-block__news-tags {
  margin-top: 5px;
  font-size: 1.2rem;
  color: #333333;
}

@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-tags {
    font-size: 1.1rem;
  }
}

.cp-basic-block__news-tag {
  padding: 2px 5px;
  display: inline-block;
  margin-right: 5px;
}

.cp-basic-block__news-ul[data-cp-news-layout="thumbnail"] {
  display: flex;
  flex-wrap: wrap;
}

.cp-basic-block__news-ul[data-cp-news-layout="thumbnail"] .cp-basic-block__news-li {
  border: none;
  width: calc( (100% - 60px) / 4);
  margin-right: 20px;
  margin-bottom: 20px;
}

.cp-basic-block__news-ul[data-cp-news-layout="thumbnail"] .cp-basic-block__news-li:nth-child(4n) {
  margin-right: 0;
}

.cp-basic-block__news-ul[data-cp-news-layout="thumbnail"] .cp-basic-block__news-link {
  flex-direction: column;
}

.cp-basic-block__news-ul[data-cp-news-layout="thumbnail"] .cp-basic-block__news-title-area {
  padding: 10px;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cp-basic-block__news-ul[data-cp-news-layout="thumbnail"] .cp-basic-block__news-date-area {
  justify-content: space-between;
  align-items: center;
}

.cp-basic-block__news-thumbnail-area {
  padding-top: 56.25%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cp-basic-block__news-thumbnail-area .cp-basic-block__news-category {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 1;
}

.cp-basic-block__news-thumbnail-area img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transform: scale(1.0);
  transition: .3s;
}

.cp-basic-block__news-ul[data-cp-news-layout="thumbnail"] .cp-basic-block__news-link:hover .cp-basic-block__news-thumbnail-area img {
  transform: scale(1.1);
  transition: .3s;
}

.cp-basic-block__news-ul[data-cp-news-layout="thumbnail"][data-cp-slick="true"] {
  visibility: hidden;
  max-height: 350px;
  overflow: hidden;
}
.cp-basic-block__news-ul[data-cp-news-layout="thumbnail"][data-cp-slick="true"].slick-initialized {
  visibility: visible;
  max-height: none;
  overflow: visible;
}
.cp-basic-block__news-ul.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.cp-basic-block__news-ul .slick-list {
  position: relative;
  overflow: visible;
  display: block;
  margin: 0;
  padding: 0;
}

.cp-basic-block__news-ul .slick-list:focus {
  outline: none;
}

.cp-basic-block__news-ul .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.cp-basic-block__news-ul.slick-slider .slick-track,
.cp-basic-block__news-ul.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.cp-basic-block__news-ul .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cp-basic-block__news-ul .slick-track:before,
.cp-basic-block__news-ul .slick-track:after {
  content: "";
  display: table;
}

.cp-basic-block__news-ul .slick-track:after {
  clear: both;
}

.cp-basic-block__news-ul .slick-loading .slick-track {
  visibility: visible;
}

.cp-basic-block__news-ul .slick-slide {
  position: relative;
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  max-width: 320px;
  width: 100%;
  margin-right: 20px;
}

.cp-basic-block__news-ul[dir="rtl"] .slick-slide {
  float: right;
}

.cp-basic-block__news-ul .slick-disabled {
  .cp-basic-block__news-ul opacity: .3;
}

.cp-basic-block__news-ul .slick-slide img {
  display: block;
}

.cp-basic-block__news-ul .slick-slide.slick-loading img {
  display: none;
}

.cp-basic-block__news-ul .slick-slide.dragging img {
  pointer-events: none;
}

.cp-basic-block__news-ul.slick-initialized .slick-slide {
  display: block;
}

.cp-basic-block__news-ul.slick-loading .slick-slide {
  visibility: hidden;
}

.cp-basic-block__news-ul.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.cp-basic-block__news-ul .slick-arrow.slick-hidden {
  display: none;
}

.cp-basic-block__news-ul .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  list-style: none;
}

@media screen and (max-width: 959px) {
    .cp-basic-block__news-ul .slick-dots {
    bottom: 20px;
  }
}

.cp-basic-block__news-ul .slick-dots li {
  margin: 0 10px;
  list-style-type: none;
}

@media screen and (max-width: 959px) {
.cp-basic-block__news-ul .slick-dots li {
    margin: 0 6px;
  }
}

.cp-basic-block__news-ul .slick-dots li.slick-active button {
  background: #fff;
}

.cp-basic-block__news-ul .slick-dots li button {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  background: transparent;
  border-radius: 50%;
  font-size: 0;
  color: transparent;
  .cp-basic-block__news-ul transition: .2s;
  vertical-align: bottom;
}

@media screen and (max-width: 959px) {
.cp-basic-block__news-ul .slick-dots li button {
    width: 16px;
    height: 16px;
  }
}

.cp-basic-block__news-ul .slick-arrow {
  position: absolute;
  top: calc(50% - 22px);
  z-index: 2;
}

.cp-basic-block__news-ul .slick-prev {
  left: 0;
}

.cp-basic-block__news-ul .slick-next {
  right: 0;
}

.cp-basic-block__news-ul[data-cp-news-layout="events"] .cp-basic-block__news-link {
  flex-direction: column;
  padding: 20px 10px;
  position: relative;
  transition: 0.3s;
}

.cp-basic-block__news-ul[data-cp-news-layout="events"] .cp-basic-block__news-link:hover {
  background-color: #EFEDEB;
}

.cp-basic-block__news-ul[data-cp-news-layout="events"] .cp-basic-block__news-category {
  font-size: 1.4rem;
  height: auto;
  background: none;
  padding: 0;
  color: #222;
  margin: 0;
  font-weight: 400;
  margin-bottom: 5px;
}

.cp-basic-block__news-schedule-lists {
  display: flex;
}

.cp-basic-block__news-schedule-date {
  font-size: 3.2rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
}
@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-schedule-date {
    font-size: 2rem;
  }
}

.cp-basic-block__news-schedule-day {
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  display: inline-block;
  position: relative;
  top: 1px;
}
@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-schedule-day {
    font-size: 1rem;
  }
}
.cp-basic-block__news-ul[data-cp-news-layout="events"] .cp-basic-block__news-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.56;
  margin-top: 29px;
}
@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-ul[data-cp-news-layout="events"] .cp-basic-block__news-title {
    font-size: 1.6rem;
    margin-top: 5px;
  }
  .cp-basic-block__news-ul[data-cp-news-layout="standard"] .cp-basic-block__news-title {
    margin-top: 0;
    margin-bottom: 10px;
  }
}

.cp-basic-block__news-venue {
  margin-top: 17px;
  font-size: 1.4rem;
  color: #555555;
}
@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-venue {
    font-size: 1.3rem;
  }
}

.cp-basic-block__news-venue::before {
  content: "場所：";
}

.cp-basic-block__news-subjects {
  font-size: 1.4rem;
  color: #555555;
}
@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-subjects {
    font-size: 1.3rem;
  }
}
.cp-basic-block__news-subjects::before {
  content: "対象：";
}

.cp-basic-block__news-schedule::after {
  content: " / ";
  font-size: 1.6rem;
  font-weight: 300;
  padding-right: 10px;
}

.cp-basic-block__news-schedule:last-child::after {
  content: none;
}

.cp-basic-block__news-border {
  height: 6px;
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
}

.cp-basic-block__news-form {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  align-items: flex-start;
}

.cp-basic-block__news-select {
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}

@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-select {
    width: calc(50% - 20px);
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.cp-basic-block__news-select label {
  position: relative;
  display: inline-block;
  width: 169px;
  border: 1px solid #999;
  overflow: hidden;
  background: #fff;
}

@media only screen and (max-width: 1280px) {
  .cp-basic-block__news-select label {
    width: 100%;
  }
}

.cp-basic-block__news-select select {
  display: block;
  width: calc(100% + 50px);
  margin: 0 auto;
  padding: 8px 27px 5px 10px;
  border: none;
  background-color: #fff;
  font-size: 1.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.cp-basic-block__news-select label::after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg);
  right: 10px;
  top: 50%;
  margin-top: -5px;
}

.cp-basic-block__news-button {
  background-color: #222;
  color: #fff;
  border: none;
  width: 120px;
  height: 32px;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  margin-left: 20px;
  justify-content: center;
  cursor: pointer;
}

.cp-basic-block__news-checkbox-wrap {
  display: flex;
}

.cp-basic-block__news-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 10px;
}
.cp-basic-block__news-checkbox-input {
  margin: 0;
  width: 0;
  opacity: 0;
}

.cp-basic-block__news-checkbox-input:focus + .cp-basic-block__news-checkbox-icon {
  background: #DDDDDD !important;
  border: solid 2px #333333;
}
.cp-basic-block__news-checkbox-input:checked + .cp-basic-block__news-checkbox-icon {
  border: solid 2px #333333;
  background: #FFFFFF;
}
.cp-basic-block__news-checkbox-input:checked + .cp-basic-block__news-checkbox-icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;
  background-size: contain;
}
.cp-basic-block__news-checkbox-icon {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  border: solid 2px #888888;
  background: #FFFFFF;
  border-radius: 4px;
}
.cp-basic-block__news-checkbox-text {
  margin-left: 5px;
  display: block;
  font-size: 1.6rem;
}

.cp-basic-block__news-paging {
  margin-left: 0 !important;
  margin-right: 0 !important;
  list-style: none !important;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
  padding: 16px 4vw;
}

.cp-basic-block__news-paging-item {
  position: relative;
  display: block;
  margin: 4px;
}

.cp-basic-block__news-paging-item a,
.cp-basic-block__news-paging-item span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  background: #555;
  border-radius: 4px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  line-height: 1.5;
}

.cp-basic-block__news-paging-item a:hover {
  text-decoration: none;
  opacity: .7;
}

.cp-basic-block__news-paging-item span.is-active {
  background: #222;
}

.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-left > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-right > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-left > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-right > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-left > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-right > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-left > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-right > .cp-inner {
  width: 100%;
}
.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-left > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-right > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-left > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-right > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-left > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-right > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-left > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-right > .cp-inner img {
  max-width: none;
  width: 100%;
}

.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-right {
  width: calc(100% / 3);
}

.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-right {
  width: calc(100% / 3 * 2);
}

.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-right {
  width: 25%;
}

.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-right {
  width: 75%;
}

@media screen and (max-width: 959px) {
  .cp-basic-block__row.is-float[data-ratio="1-2"]:not(.is-no-step-down) .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="2-1"]:not(.is-no-step-down) .cp-basic-block__col.is-float-right,
.cp-basic-block__row.is-float[data-ratio="2-1"]:not(.is-no-step-down) .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="1-2"]:not(.is-no-step-down) .cp-basic-block__col.is-float-right,
.cp-basic-block__row.is-float[data-ratio="1-3"]:not(.is-no-step-down) .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="3-1"]:not(.is-no-step-down) .cp-basic-block__col.is-float-right,
.cp-basic-block__row.is-float[data-ratio="3-1"]:not(.is-no-step-down) .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="1-3"]:not(.is-no-step-down) .cp-basic-block__col.is-float-right {
    width: 100%;
  }
}


.cp-basic-block__outer-codes-text-middle--relative {
  margin: 10px 0;
  position: relative;
}

.cp-basic-block__outer-codes-text-middle--relative iframe {
	position: relative;
	max-width: 100%;
}


.cp-basic-block__outer-codes .cp-videos-thumb {
	padding-top: 56.25%;
}
/**CYPOCHI_AIR_AUTO_STYLE__END**/

/**NEW_EDITOR_BLOCK__START**/
:root {
  --main-color: #0E0E0E;
  --main-bg-color:#F2F4F3;
  --sub-bg-color: #F6F6F8;
  --main-text-color: #222222;
  --sub-text-color: #333333;
  --main-border-color: #cccccc;
  --sub-border-color: #999999;
  --main-link-color: #0E67B4;
}

.cp-basic-block {
  margin: 40px 0;
  line-height: 1.933;
}
@media screen and (max-width: 1200px) {
  .cp-basic-block {
    margin: 32px 0;
  }
}
.cp-basic-block__row {
  display: grid;
}
.cp-basic-block__row.is-no-step-down {
  display: flex;
}
.cp-basic-block__row[data-ratio="1-1"], .cp-basic-block__row[data-ratio="1-2"], .cp-basic-block__row[data-ratio="1-3"], .cp-basic-block__row[data-ratio="2-1"], .cp-basic-block__row[data-ratio="3-1"] {
  display: flex;
}
.cp-basic-block__col2 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="1"] {
  grid-row: 2/3;
}
.cp-basic-block__col2 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="2"] {
  grid-row: 1/2;
}
.cp-basic-block__col3 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="1"] {
  grid-row: 3/4;
}
.cp-basic-block__col3 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="2"] {
  grid-row: 2/3;
}
.cp-basic-block__col3 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="3"] {
  grid-row: 1/2;
}
.cp-basic-block__col4 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="1"] {
  grid-row: 4/5;
}
.cp-basic-block__col4 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="2"] {
  grid-row: 3/4;
}
.cp-basic-block__col4 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="3"] {
  grid-row: 2/3;
}
.cp-basic-block__col4 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="4"] {
  grid-row: 1/2;
}
.cp-basic-block__col2 .cp-basic-block__row {
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
@media screen and (max-width: 1200px) {
  .cp-basic-block__col2 .cp-basic-block__row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.cp-basic-block__col3 .cp-basic-block__row {
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}
@media screen and (max-width: 1200px) {
  .cp-basic-block__col3 .cp-basic-block__row {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.cp-basic-block__col4 .cp-basic-block__row {
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
}
@media screen and (max-width: 1200px) {
  .cp-basic-block__col4 .cp-basic-block__row {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.cp-basic-block__col {
  margin-left: 0;
  margin-bottom: 0;
  word-break: normal;
}
.cp-basic-block__col + .cp-basic-block__col {
  margin-left: 0;
  margin-bottom: 0px;
}
@media screen and (max-width: 1200px) {
  .cp-basic-block__row:not(.is-no-step-down) .cp-basic-block__col {
    margin-bottom: 0;
  }
  .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col:last-child {
    margin-bottom: 0;
  }
}
.cp-basic-block__image-text-wrap > * {
  background-color: var(--main-bg-color);
  border: none;
  padding: 30px 40px;
}
@media screen and (max-width: 1200px) {
  .cp-basic-block__image-text-wrap > * {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 25px 4vw;
  }
}
.cp-basic-block__tab-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  color: #fff;
  background-color: var(--main-color);
}
.cp-basic-block__tab-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label a {
  color: #fff;
}
.cp-basic-block__tab-contents .cp-basic-block__child-label {
  border: 1px solid var(--main-color);
  background: var(--main-bg-color);
  color: var(--main-text-colorcolor);
}
.cp-basic-block__tab-contents .cp-basic-block__child-label a {
  color: var(-main-text-color);
  text-decoration: none !important;
}
@media screen and (min-width: 1201px) {
  .cp-basic-block__tab-contents .cp-basic-block__child-label:hover {
    color: #fff;
    background-color: var(--main-color);
  }
  .cp-basic-block__tab-contents .cp-basic-block__child-label:hover a {
    color: #fff;
  }
}
.cp-basic-block__accordion-contents .cp-basic-block__child-label {
  border: 1px solid var(--main-color);
  background: var(--main-bg-color);
  color: var(--main-text-colorcolor);
}
@media screen and (min-width: 1201px) {
  .cp-basic-block__accordion-contents .cp-basic-block__child-label:hover {
    background-color: var(--main-color);
    color: #fff;
  }
}
.cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  background-color: var(--main-color);
  color: #fff;
}
.cp-basic-block__buttons li a {
  display: flex;
  align-items: center;
  height: 100%;
  color: var(--main-text-color);
  border: 1px solid var(--main-color);
  background-color: var(--main-bg-color);
  text-decoration: none;
}
.cp-basic-block__buttons li a:hover {
  color: #fff;
  background-color: var(--main-color);
}

.cp-basic-block__buttons a[target=_blank]::after {
  width: 35px;
  margin-left: 9px;
}

.cp-basic-block__tab-contents .cp-basic-block__child-label:hover {
  background: var(--main-color);
}

.cp-basic-block__accordion-contents .cp-basic-block__child-label:hover {
  background: var(--main-color);
}

@media screen and (max-width: 1200px) {
  .cp-basic-block__row.is-step-down-reverse {
    flex-direction: column-reverse;
    display: flex;
  }
}

/**NEW_EDITOR_BLOCK___END**/