@charset "UTF-8";
.PageBody .PageBodyGallery .slick-arrow, .BlogBody .BlogPagenate a.page-numbers, .BlogBody .BlogNavi div a:before, .FooterContactB a, #Footer .RightNav ul.round > li a {
  background: -webkit-linear-gradient(135deg, #404040, #111111);
  background: -moz-linear-gradient(135deg, #404040, #111111);
  background: -o-linear-gradient(135deg, #404040, #111111);
  background: linear-gradient(135deg, #404040, #111111);
  background-color: #111111;
  color: #fff;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .PageBody .PageBodyGallery .slick-arrow:hover, .BlogBody .BlogPagenate a.page-numbers:hover, .BlogBody .BlogNavi div a:hover:before, .FooterContactB a:hover, #Footer .RightNav ul.round > li a:hover {
    background-color: #111111;
    color: #fff;
    background: #404040; }

.BlogBody .BlogPagenate span.page-numbers {
  background: -webkit-linear-gradient(135deg, #f0efef, #cdcdcd);
  background: -moz-linear-gradient(135deg, #f0efef, #cdcdcd);
  background: -o-linear-gradient(135deg, #f0efef, #cdcdcd);
  background: linear-gradient(135deg, #f0efef, #cdcdcd);
  background-color: #111111;
  color: #333333; }

#top #col7 .LinkList li a, .PageBody .PageBodyBtn a, .PageBody .NewsArea .NewsAreaMore a {
  border: 1px solid #4caadf;
  background-color: #fff;
  color: #4caadf;
  font-weight: 500;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  #top #col7 .LinkList li a:hover, .PageBody .PageBodyBtn a:hover, .PageBody .NewsArea .NewsAreaMore a:hover {
    color: #fff;
    background: #4caadf; }

#GlobalHeader.trprt .hamburger {
  border: 1px solid #fff;
  background-color: #114075;
  color: #fff;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  #GlobalHeader.trprt .hamburger:hover {
    opacity: 1.0;
    color: rgba(17, 64, 117, 0.8);
    background: white;
    border-color: rgba(17, 64, 117, 0.8); }

.event.archive_php .BlogMain .BlogListInner .BlogFormsend a {
  background: #df0606;
  border: 1px solid #df0606;
  border-radius: 20px;
  color: #fff;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .event.archive_php .BlogMain .BlogListInner .BlogFormsend a:hover {
    background: #fff;
    color: #df0606;
    opacity: 1.0; }

#GlobalNavi .GlobalNaviInner ul.GlobalNaviList li a {
  font-size: 18px;
  font-weight: bold;
  font-family: Helvetica;
  color: #333333;
  display: inline-block;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  #GlobalNavi .GlobalNaviInner ul.GlobalNaviList li a:after {
    content: "";
    width: 16px;
    height: 2px;
    display: block;
    background: #13b686;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }
  #GlobalNavi .GlobalNaviInner ul.GlobalNaviList li a:hover {
    color: rgba(51, 51, 51, 0.5); }
    #GlobalNavi .GlobalNaviInner ul.GlobalNaviList li a:hover:after {
      width: 100%;
      background: #13b686; }

.bg1 {
  background: white; }

.bg2 {
  background: #f9f9f9; }

.bg3 {
  background: #d1d1d1; }

.bg4 {
  background: #6d9fd1; }

.bg5 {
  background: #333333; }

.bg7 {
  background: #5c656e; }

.PageBody .PageBodyTitleA, .FooterAccess .FooterAccessTxt .FooterAccessTitle {
  margin-bottom: 60px;
  text-align: center; }
  @media (max-width: 799px) {
    .PageBody .PageBodyTitleA, .FooterAccess .FooterAccessTxt .FooterAccessTitle {
      margin-bottom: 4vh; } }
  .PageBody .PageBodyTitleA span.large, .FooterAccess .FooterAccessTxt .FooterAccessTitle span.large {
    display: block;
    font-size: 24px;
    font-family: 'Noto Sans Japanese';
    font-weight: 500;
    margin-bottom: 8px; }
    @media (max-width: 799px) {
      .PageBody .PageBodyTitleA span.large, .FooterAccess .FooterAccessTxt .FooterAccessTitle span.large {
        font-size: 5vw;
        margin-bottom: 1vh; } }
  .PageBody .PageBodyTitleA span.small, .FooterAccess .FooterAccessTxt .FooterAccessTitle span.small {
    display: block;
    font-weight: 500;
    font-size: 16px; }
    @media (max-width: 799px) {
      .PageBody .PageBodyTitleA span.small, .FooterAccess .FooterAccessTxt .FooterAccessTitle span.small {
        font-size: 4vw; } }

.PageBody .PageBodyTable .PageBodyTh, .PageBody .PageBodyTable .PageBodyTd {
  display: table-cell;
  padding: 20px;
  box-sizing: border-box;
  background: #efefef;
  border: 1px solid white; }

.PageBody .PageBodyTable.tbl2 .PageBodyTh, .PageBody .PageBodyTable.tbl2 .PageBodyTd {
  display: table-cell;
  padding: 0.7em;
  box-sizing: border-box;
  background: white;
  border: 1px solid #010101; }

.FooterAccess .FooterAccessTxt .FooterAccessTbl {
  max-width: 680px;
  border-collapse: collapse;
  margin: 0 auto;
  padding-top: 48px; }
  .FooterAccess .FooterAccessTxt .FooterAccessTbl:first-child {
    padding-top: 0; }
  .FooterAccess .FooterAccessTxt .FooterAccessTbl .FooterAccessRow {
    display: table-row;
    width: 100%;
    font-size: 13px; }
    @media (max-width: 799px) {
      .FooterAccess .FooterAccessTxt .FooterAccessTbl .FooterAccessRow {
        display: block;
        margin-top: 8px; }
        .FooterAccess .FooterAccessTxt .FooterAccessTbl .FooterAccessRow:first-child {
          margin-top: 0; } }
  .FooterAccess .FooterAccessTxt .FooterAccessTbl .FooterAccessTh {
    width: 20%;
    display: table-cell;
    padding: 8px 0;
    box-sizing: border-box;
    font-weight: 500; }
    @media (max-width: 799px) {
      .FooterAccess .FooterAccessTxt .FooterAccessTbl .FooterAccessTh {
        width: 100%;
        display: block;
        border-bottom: 0;
        padding-bottom: 0;
        text-align: left; } }
  .FooterAccess .FooterAccessTxt .FooterAccessTbl .FooterAccessTd {
    width: 80%;
    display: table-cell;
    padding: 8px 0;
    box-sizing: border-box; }
    @media (max-width: 799px) {
      .FooterAccess .FooterAccessTxt .FooterAccessTbl .FooterAccessTd {
        width: 100%;
        display: block;
        border-top: 0;
        padding-top: 8px; } }

.PageBody .BlogList.typeA li a, .PageBody .BlogList.typeB li a, .PageBody .BlogList.typeC li a, .PageBody .BlogList.typeD li a, .PageBody .LinkList.typeB li a, .PageBody .LinkList.typeC li a, .PageBody .LinkList.typeD li a {
  background: #333; }

.BlogListInner .BlogListNew, .BlogBody .BlogMain .BlogBodyHeader .BlogBodyNew {
  width: 24px;
  height: 24px;
  font-size: 8px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 24px;
  background: #e40000;
  border-radius: 24px;
  font-family: 'Lato';
  font-style: italic; }

/*mailForm*/
.contact_form {
  width: 100%; }
  .contact_form ul {
    margin: 0 auto 20px;
    width: 800px; }
    @media (max-width: 799px) {
      .contact_form ul {
        margin-bottom: 2vh;
        width: 100%; } }
    .contact_form ul.list {
      width: auto; }
    .contact_form ul li.contact__col {
      border-bottom: #ededed 1px solid;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px 0; }
      @media (max-width: 799px) {
        .contact_form ul li.contact__col {
          border-bottom: none;
          display: block;
          max-width: 100%;
          padding: 2vh 0; } }
      .contact_form ul li.contact__col .contact__col__left {
        width: 30%; }
        @media (max-width: 799px) {
          .contact_form ul li.contact__col .contact__col__left {
            display: flex;
            align-items: center;
            margin-bottom: 1vh;
            width: 100%; } }
        .contact_form ul li.contact__col .contact__col__left label {
          font-size: 16px; }
        .contact_form ul li.contact__col .contact__col__left .require {
          font-size: 10px;
          color: #e8341a;
          padding-left: 1%; }
      .contact_form ul li.contact__col .contact__col__right {
        width: 68%; }
        @media (max-width: 799px) {
          .contact_form ul li.contact__col .contact__col__right {
            display: flex;
            width: 100%; } }
        .contact_form ul li.contact__col .contact__col__right .textA, .contact_form ul li.contact__col .contact__col__right .wpcf7-free-text {
          box-sizing: border-box;
          font-size: 14px;
          padding: 12px 8px;
          width: 300px; }
          @media (max-width: 799px) {
            .contact_form ul li.contact__col .contact__col__right .textA, .contact_form ul li.contact__col .contact__col__right .wpcf7-free-text {
              width: 100%; } }
          .contact_form ul li.contact__col .contact__col__right .textA:hover, .contact_form ul li.contact__col .contact__col__right .wpcf7-free-text:hover {
            opacity: 1.0; }
          .contact_form ul li.contact__col .contact__col__right .textA::placeholder, .contact_form ul li.contact__col .contact__col__right .wpcf7-free-text::placeholder {
            color: #cfcfcf; }
        .contact_form ul li.contact__col .contact__col__right .textA.wpcf7c-conf {
          background-color: #fff;
          color: black;
          border: none; }
          .contact_form ul li.contact__col .contact__col__right .textA.wpcf7c-conf::placeholder {
            opacity: 0; }
        @media (max-width: 799px) {
          .contact_form ul li.contact__col .contact__col__right input[type="text"], .contact_form ul li.contact__col .contact__col__right input[type="email"], .contact_form ul li.contact__col .contact__col__right input[type="number"], .contact_form ul li.contact__col .contact__col__right textarea {
            -webkit-appearance: none;
            border: 1px solid #ededed;
            border-radius: 0; } }
      .contact_form ul li.contact__col #select {
        color: #333;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
        font-weight: 300; }
        .contact_form ul li.contact__col #select .nice-select .option.selected {
          font-weight: 300; }
      .contact_form ul li.contact__col--your-address .contact__col__left {
        align-self: flex-start; }
      @media (max-width: 799px) {
        .contact_form ul li.contact__col--your-address .contact__col__right {
          display: block; } }
      .contact_form ul li.contact__col--your-address .contact__col__right .wpcf7-form-control-wrap {
        display: block; }
      .contact_form ul li.contact__col--your-address .contact__col__right .postal-code {
        margin-bottom: 16px; }
        @media (max-width: 799px) {
          .contact_form ul li.contact__col--your-address .contact__col__right .postal-code {
            margin-bottom: 2vh; } }
      .contact_form ul li.contact__col--your-address .contact__col__right .address1 {
        margin-bottom: 16px; }
        @media (max-width: 799px) {
          .contact_form ul li.contact__col--your-address .contact__col__right .address1 {
            margin-bottom: 2vh; } }
      .contact_form ul li.contact__col--message {
        border-bottom: none; }
        .contact_form ul li.contact__col--message .contact__col__left {
          align-self: flex-start; }
        .contact_form ul li.contact__col--message .contact__col__right .textA {
          border: #ccc 1px solid;
          width: 100%; }
      .contact_form ul li.contact__col--family .contact__col__right {
        display: flex; }
        @media (max-width: 799px) {
          .contact_form ul li.contact__col--family .contact__col__right {
            justify-content: space-between; } }
        .contact_form ul li.contact__col--family .contact__col__right .flexbox {
          align-items: center;
          justify-content: space-between;
          width: 145px; }
          @media (max-width: 799px) {
            .contact_form ul li.contact__col--family .contact__col__right .flexbox {
              width: 45%; } }
          .contact_form ul li.contact__col--family .contact__col__right .flexbox:first-of-type {
            margin-right: 10px; }
            @media (max-width: 799px) {
              .contact_form ul li.contact__col--family .contact__col__right .flexbox:first-of-type {
                margin-right: 0; } }
          .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-family, .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-name, .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-family_kana, .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-name_kana {
            width: 85%; }
            @media (max-width: 799px) {
              .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-family, .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-name, .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-family_kana, .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-name_kana {
                width: 100%; } }
            .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-family .textA, .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-name .textA, .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-family_kana .textA, .contact_form ul li.contact__col--family .contact__col__right .flexbox .your-name_kana .textA {
              width: 100%; }
      .contact_form ul li.contact__col--subject .contact__col__left {
        align-self: flex-start; }
      .contact_form ul li.contact__col--subject .wpcf7-list-item {
        display: block;
        margin-left: 0; }
      .contact_form ul li.contact__col--condominium .contact__col__right .contact__col--condominium--first {
        margin-bottom: 10px; }
        .contact_form ul li.contact__col--condominium .contact__col__right .contact__col--condominium--first .wpcf7-list-item.first {
          margin-left: 0; }
      .contact_form ul li.contact__col.bulding {
        padding-top: 32px; }
      .contact_form ul li.contact__col--building_address {
        border-top: #ededed 1px solid; }
        .contact_form ul li.contact__col--building_address .contact__col__left {
          align-self: flex-start; }
        .contact_form ul li.contact__col--building_address .contact__col__right .wpcf7-form-control-wrap {
          display: block; }
        .contact_form ul li.contact__col--building_address .contact__col__right .building_postal-code {
          margin-bottom: 16px; }
        .contact_form ul li.contact__col--building_address .contact__col__right .building_address1 {
          margin-bottom: 16px; }
      .contact_form ul li.contact__col--moving_schedule .contact__col__left {
        align-self: flex-start; }
      .contact_form ul li.contact__col--moving_schedule .wpcf7-list-item {
        display: block;
        margin-left: 0; }
        @media (max-width: 799px) {
          .contact_form ul li.contact__col--moving_schedule .wpcf7-list-item {
            display: flex;
            align-items: center;
            margin-bottom: 1em; } }
        .contact_form ul li.contact__col--moving_schedule .wpcf7-list-item.has-free-text {
          max-width: 300px; }
          .contact_form ul li.contact__col--moving_schedule .wpcf7-list-item.has-free-text .wpcf7-free-text {
            width: auto; }
          @media (max-width: 799px) {
            .contact_form ul li.contact__col--moving_schedule .wpcf7-list-item.has-free-text input[type="radio"] {
              margin: 0 1em; } }
      .contact_form ul li.contact__col--moving_schedule .contact__col__right .moving_schedule {
        display: block; }
        .contact_form ul li.contact__col--moving_schedule .contact__col__right .moving_schedule .wpcf7-free-text {
          padding: 6px 4px; }
      .contact_form ul li.contact__col--time_schedule .contact__col__left {
        align-self: flex-start; }
      @media (max-width: 799px) {
        .contact_form ul li.contact__col--time_schedule .contact__col__right {
          display: block; } }
      .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1%;
        max-width: 100%; }
        @media (max-width: 799px) {
          .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred {
            justify-content: flex-start;
            flex-wrap: wrap; } }
        @media (max-width: 799px) {
          .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred:before {
            width: 100%; }
          .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred .preferred_num {
            margin-bottom: 2vh; }
            .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred .preferred_num input {
              width: calc(100% - 3em); }
          .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred .year {
            width: 35%; }
          .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred .month {
            width: 25%; }
          .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred .day {
            width: 25%; }
          .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred .time_start {
            width: 40%; }
            .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred .time_start input {
              width: calc(100% - 5em); }
          .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred .time_end {
            width: 40%; }
            .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred .time_end input {
              width: calc(100% - 5em); } }
        .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred:last-of-type {
          margin-bottom: 0; }
        .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred.first:before {
          content: "第一希望:"; }
        .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred.second:before {
          content: "第二希望:"; }
        .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred.third:before {
          content: "第三希望:"; }
        .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred .textA {
          width: auto; }
        .contact_form ul li.contact__col--time_schedule .contact__col__right .preferred p {
          display: initial; }
      .contact_form ul li.contact__col--building_type .wpcf7-list-item.first {
        margin-left: 0; }
      @media (max-width: 799px) {
        .contact_form ul li.contact__col--building_asking_price .contact__col__right {
          align-items: center; }
          .contact_form ul li.contact__col--building_asking_price .contact__col__right .building-asking_price {
            width: calc(50%); } }
      .contact_form ul li.contact__col--building_asking_price .contact__col__right .textA {
        margin-right: 1%;
        width: 150px; }
      .contact_form ul li.contact__col--renovation_address .contact__col__left {
        align-self: flex-start; }
      .contact_form ul li.contact__col--renovation_address .wpcf7-list-item {
        display: block;
        margin-left: 0; }
      .contact_form ul li.contact__col--renovation_address .wpcf7-list-item.first {
        margin-bottom: 1%; }
      .contact_form ul li.contact__col--renovation_address .contact__col__right .wpcf7-free-text {
        display: block; }
      .contact_form ul li.contact__col--renovation_schedule .contact__col__left {
        align-self: flex-start; }
      .contact_form ul li.contact__col--renovation_schedule .wpcf7-list-item {
        display: block;
        margin-left: 0; }
      .contact_form ul li.contact__col--renovation_schedule .wpcf7-list-item.last {
        margin-bottom: 1%; }
        .contact_form ul li.contact__col--renovation_schedule .wpcf7-list-item.last .wpcf7-list-item-label:after {
          content: "その他の場合ご予定時期をご記入ください";
          display: block; }
      .contact_form ul li.contact__col--renovation_schedule .contact__col__right .wpcf7-free-text {
        display: block; }
      @media (max-width: 799px) {
        .contact_form ul li.contact__col--agree .contact__col__right span.wpcf7-list-item.first {
          margin-right: 1em; } }
      .contact_form ul li.contact__col--agree a {
        text-decoration: underline; }
        .contact_form ul li.contact__col--agree a:hover {
          text-decoration: none; }
      .contact_form ul li.contact__col--agree .require {
        display: block; }
      .contact_form ul li.contact__col .your-count {
        color: #333;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
        font-weight: 300; }
        .contact_form ul li.contact__col .your-count .nice-select .option.selected {
          font-weight: 300; }
  .contact_form .submit-button {
    width: 100%;
    margin: 0;
    text-align: center; }
    .contact_form .submit-button input[type=submit] {
      background: #df0606;
      border: 1px solid #df0606;
      border-radius: 150px;
      box-sizing: border-box;
      color: #fff;
      cursor: pointer;
      display: block;
      font-family: 'Noto Sans Japanese', sans-serif;
      font-size: inherit;
      font-weight: 500;
      line-height: 1.0;
      max-height: 60px;
      margin: 0 auto;
      padding: calc((60px - 24px)/2);
      transition-property: background,color;
      transition-duration: 0.4s;
      width: 300px;
      -webkit-appearance: none; }
      @media (max-width: 799px) {
        .contact_form .submit-button input[type=submit] {
          border-radius: 100px;
          width: 100%; } }
      .contact_form .submit-button input[type=submit]:hover {
        background: #fff;
        color: #df0606;
        opacity: 1.0; }
  .contact_form .back-button {
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    text-align: center; }
    .contact_form .back-button input[type=button] {
      background: #fff;
      border: 1px solid #333;
      border-radius: 150px;
      box-sizing: border-box;
      color: #333;
      cursor: pointer;
      display: block;
      font-family: 'Noto Sans Japanese', sans-serif;
      font-size: inherit;
      font-weight: 500;
      line-height: 1.0;
      margin: 0 auto;
      max-height: 60px;
      padding: calc((60px - 24px)/2);
      transition-property: background,color;
      transition-duration: 0.4s;
      width: 300px;
      -webkit-appearance: none; }
      @media (max-width: 799px) {
        .contact_form .back-button input[type=button] {
          border-radius: 100px;
          width: 100%; } }
      .contact_form .back-button input[type=button]:hover {
        background: #333;
        color: #fff;
        opacity: 1.0; }
  .contact_form div.wpcf7-validation-errors {
    border-color: #e8341a;
    color: #e8341a; }
  .contact_form p {
    display: none; }

div.wpcf7-mail-sent-ok {
  display: none !important; }

.ta_R {
  text-align: right; }

* {
  outline: 0; }

body {
  line-height: 1;
  margin: 0; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

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

li {
  padding: 0; }

input, select {
  vertical-align: middle; }

a {
  border: 0;
  outline: 0; }

a {
  -webkit-tap-highlight-color: transparent; }

img {
  border: 0;
  outline: 0; }

dl, dt, dd {
  margin: 0; }

@font-face {
  font-family: 'Icon';
  src: url("../fonts/fontawesome-webfont.eot?4l0ac5");
  src: url("../fonts/fontawesome-webfont.eot?4l0ac5#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.ttf?4l0ac5") format("truetype"), url("../fonts/fontawesome-webfont.woff?4l0ac5") format("woff"), url("../fonts/fontawesome-webfont.woff2?4l0ac5") format("woff2"), url("../fonts/fontawesome-webfont.svg?4l0ac5#ico_sn") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'IconEX';
  src: url("../fonts/ico_ex.eot?4l0avs");
  src: url("../fonts/ico_ex.eot?4l0avs#iefix") format("embedded-opentype"), url("../fonts/ico_ex.ttf?4l0avs") format("truetype"), url("../fonts/ico_ex.woff?4l0avs") format("woff"), url("../fonts/ico_ex.woff2?4l0avs") format("woff2"), url("../fonts/ico_ex.svg?4l0avs#ico_sn") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format("woff"); }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format("woff"); }
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url(https://fonts.gstatic.com/s/lato/v11/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format("woff"); }
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); }
/*@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype"); }
*/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSerifCJKjp/NotoSansJP-DemiLight.woff2) format("woff2"), url(../fonts/NotoSerifCJKjp/NotoSansJP-DemiLight.woff) format("woff"); }

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight-subset.woff2) format("woff2");
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight-subset.woff) format("woff"); }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light-subset.woff2) format("woff2");
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light-subset.woff) format("woff"); }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular-subset.woff2) format("woff2");
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular-subset.woff) format("woff"); }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium-subset.woff2) format("woff2");
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium-subset.woff) format("woff"); }
/*@font-face {
  font-family: 'Noto Serif Japanese_tt';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium-subset_tt.woff2) format("woff2");
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium-subset_tt.woff) format("woff"); }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold-subset.woff2) format("woff2");
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold-subset.woff) format("woff"); }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold-subset.woff2) format("woff2");
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold-subset.woff) format("woff"); }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black-subset.woff2) format("woff2");
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black-subset.woff) format("woff"); }
*/
html {
  overflow-y: scroll; }

body {
  color: #333333;
  font-size: 16px;
  line-height: 1.6;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 300;
  background: white;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-break: strict; }

a:link, a:visited {
  color: #333333;
  text-decoration: none;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }

a:hover, a:visited:hover {
  color: rgba(51, 51, 51, 0.5);
  text-decoration: none; }

.bg7 {
  color: #fff; }

#wrap {
  width: 100%; }
  #wrap.global {
    opacity: 0.5;
    position: fixed;
    height: 100%; }

.Inner {
  max-width: 1080px;
  box-sizing: border-box;
  padding: 0 60px;
  margin: 0 auto; }
  @media (max-width: 799px) {
    .Inner {
      max-width: 100vw;
      padding: 0 4vw; } }

#breadcrumb {
  background: #fff;
  color: #4caadf;
  padding-top: 80px; }
  #breadcrumb .Inner {
    padding-bottom: 10px;
    padding-top: 10px; }
    #breadcrumb .Inner .itemscope:after {
      color: #333333;
      content: "\f105";
      font-family: "Icon";
      margin: 0 10px; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
#GlobalHeader {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  position: fixed;
  background: #fff;
  z-index: 1000;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease; }
  @media (max-width: 799px) {
    #GlobalHeader {
      background: #fff;
      max-height: 10vh;
      width: 100vw; } }
  @media (max-width: 799px) {
    #GlobalHeader.global {
      opacity: 1.0; }
      #GlobalHeader.global .hamburger {
        opacity: 1.0; }
      #GlobalHeader.global #GlobalNavi {
        opacity: 1.0; } }
  #GlobalHeader .Inner {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px; }
    @media (max-width: 799px) {
      #GlobalHeader .Inner {
        padding-top: 0vh;
        padding-bottom: 0vh; } }
    #GlobalHeader .Inner .header__nav {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-left: 144px; }
      @media (max-width: 799px) {
        #GlobalHeader .Inner .header__nav {
          display: none; } }
      #GlobalHeader .Inner .header__nav__menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 80px; }
        @media all and (-ms-high-contrast: none) {
          #GlobalHeader .Inner .header__nav__menu {
            height: 60px; } }
        #GlobalHeader .Inner .header__nav__menu li a {
          color: #000;
          font-weight: 500;
          padding: calc((80px - (16px * 1.6)) / 2) 15px; }
          #GlobalHeader .Inner .header__nav__menu li a:hover {
            background: #4caadf;
            color: #fff; }
      @media all and (-ms-high-contrast: none) {
        #GlobalHeader .Inner .header__nav *::-ms-backdrop, #GlobalHeader .Inner .header__nav .header__nav__menu {
          height: 60px; } }
      @media (max-width: 799px) {
        #GlobalHeader .Inner .header__nav {
          position: static;
          width: 100%; }
          #GlobalHeader .Inner .header__nav .header__nav__menu {
            margin-top: 0;
            text-align: center; }
            #GlobalHeader .Inner .header__nav .header__nav__menu li {
              display: inline-block; }
              #GlobalHeader .Inner .header__nav .header__nav__menu li a {
                color: white; }
              #GlobalHeader .Inner .header__nav .header__nav__menu li a:hover {
                color: rgba(255, 255, 255, 0.5); }
          #GlobalHeader .Inner .header__nav .header__nav__menu > li a {
            background: transparent; }
            #GlobalHeader .Inner .header__nav .header__nav__menu > li a:hover {
              background: transparent; } }
  #GlobalHeader .HeaderLogo {
    width: auto;
    height: 80px;
    opacity: 1;
    display: flex;
    align-items: center;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    position: absolute;
    left: 60px; }
    @media (max-width: 799px) {
      #GlobalHeader .HeaderLogo {
        height: 10vh;
        margin: 0 auto;
        width: 60vw; } }
    #GlobalHeader .HeaderLogo.global {
      z-index: -1; }
    #GlobalHeader .HeaderLogo a {
      display: block;
      width: 144px;
      height: 80px; }
      @media (max-width: 799px) {
        #GlobalHeader .HeaderLogo a {
          width: 60vw;
          height: 10vh; } }
      #GlobalHeader .HeaderLogo a img {
        height: 80px;
        object-fit: contain;
        object-position: center;
        width: 100%; }
        @media (max-width: 799px) {
          #GlobalHeader .HeaderLogo a img {
            height: 100%; } }
  @media (max-width: 799px) {
    #GlobalHeader h1.HeaderLogo {
      position: static; } }
  @media (max-width: 799px) {
    #GlobalHeader p.HeaderLogo {
      position: static; } }
  #GlobalHeader .hamburger {
    display: block;
    width: 50px;
    height: 50px;
    padding: 12px;
    box-sizing: border-box;
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 1002;
    border-radius: 100%;
    overflow: hidden; }
    @media (max-width: 799px) {
      #GlobalHeader .hamburger {
        border-radius: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); } }
    #GlobalHeader .hamburger.global .top-bar, #GlobalHeader .hamburger.global .middle-bar, #GlobalHeader .hamburger.global .bottom-bar {
      background: #000;
      margin: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    #GlobalHeader .hamburger.global .top-bar {
      top: 50%;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    #GlobalHeader .hamburger.global .middle-bar {
      top: calc(50% - 1px);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #GlobalHeader .hamburger.global .bottom-bar {
      display: none; }
    #GlobalHeader .hamburger span {
      background: #4caadf;
      display: block;
      height: 1px;
      margin: 6px 0;
      position: relative;
      transform: rotate(0);
      top: 0;
      left: 0;
      opacity: 1;
      transition: none 0.3s ease;
      transition-property: transform, top, left, opacity; }
  #GlobalHeader.trprt {
    background: transparent; }
    #GlobalHeader.trprt .HeaderLogo {
      background-image: url(../img/seca_logo_13b686.svg);
      opacity: 1.0; }
      @media (max-width: 799px) {
        #GlobalHeader.trprt .HeaderLogo {
          opacity: 0; } }
      #GlobalHeader.trprt .HeaderLogo:after {
        color: #333; }
    #GlobalHeader.trprt .Inner .header__nav__menu li a {
      color: #333; }
    @media (max-width: 799px) {
      #GlobalHeader.trprt .hamburger {
        border: none;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; } }
    #GlobalHeader.trprt .hamburger span {
      background: white; }

#top #GlobalHeader {
  display: none;
  position: absolute;
  top: -80px; }
  @media (max-width: 799px) {
    #top #GlobalHeader {
      top: -10vh; } }
  #top #GlobalHeader.scrolled {
    display: block;
    position: fixed;
    animation: slideInDown .5s forwards linear; }
  #top #GlobalHeader.global {
    display: block;
    position: fixed;
    /*top: 0;*/ }

@keyframes slideInDown {
  to {
    transform: translateY(100%); } }
.hamburger_close {
  display: block;
  width: 60px;
  height: 60px;
  padding: 12px;
  box-sizing: border-box;
  z-index: 20;
  position: relative;
  overflow: hidden; }
  .hamburger_close span {
    background: black;
    display: block;
    width: 28px;
    height: 1px;
    margin: 6px 0;
    position: absolute;
    transform: rotate(0);
    top: 0;
    left: 0; }
    .hamburger_close span.top-bar {
      transform: rotate(45deg);
      top: 50%;
      left: 50%;
      margin-top: -1px;
      margin-left: -14px; }
    .hamburger_close span.bottom-bar {
      transform: rotate(-45deg);
      top: 50%;
      left: 50%;
      margin-top: -1px;
      margin-left: -14px; }

@keyframes show {
  from {
    opacity: 0;
    left: -100%; }
  to {
    opacity: 1;
    left: 0; } }
@keyframes hide {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -100%; } }
#GlobalNavi {
  width: 118000px;
  height: 900px;
  position: absolute;
  z-index: 1001;
  background: #f6f6f6;
  top: 0;
  right: 100%;
  margin-right: -230px;
  overflow-y: auto;
  display: none; }
  @media (max-width: 799px) {
    #GlobalNavi {
      animation: hide 0.3s  linear 0s;
      height: 100vh;
      left: -100%;
      margin: 0;
      width: 60vw; } }
  #GlobalNavi.open {
    z-index: 1001; }
    @media (max-width: 799px) {
      #GlobalNavi.open {
        animation: show 0.3s  linear 0s;
        display: block;
        height: 100vh;
        left: 0; } }
  #GlobalNavi .GlobalNaviInner {
    width: 230px;
    margin-top: 9px;
    margin-left: auto;
    position: relative;
    box-sizing: border-box; }
    @media (max-width: 799px) {
      #GlobalNavi .GlobalNaviInner {
        margin-top: 0; } }
    #GlobalNavi .GlobalNaviInner ul.GlobalNaviList {
      padding: 48px 0 0 12px; }
      @media (max-width: 799px) {
        #GlobalNavi .GlobalNaviInner ul.GlobalNaviList {
          padding: 10vh 6vw 1vh; } }
      #GlobalNavi .GlobalNaviInner ul.GlobalNaviList li {
        margin-top: 28px; }
        @media (max-width: 799px) {
          #GlobalNavi .GlobalNaviInner ul.GlobalNaviList li {
            margin-top: 16px; } }
        #GlobalNavi .GlobalNaviInner ul.GlobalNaviList li:first-child {
          margin-top: 0; }
      @media (max-width: 799px) {
        #GlobalNavi .GlobalNaviInner ul.GlobalNaviList {
          padding-left: 24px; } }
    @media (max-width: 799px) {
      #GlobalNavi .GlobalNaviInner {
        width: 100%; } }
    #GlobalNavi .GlobalNaviInner .GlobalNaviLogo {
      padding-top: 100px;
      width: 120px; }
      @media (max-width: 799px) {
        #GlobalNavi .GlobalNaviInner .GlobalNaviLogo {
          padding-left: 24px; } }

#TopImg {
  width: 100%;
  height: calc((100vw / 16) *7);
  display: block;
  background: white;
  position: relative; }
  @media (max-width: 799px) {
    #TopImg {
      height: calc((100vw / 16) *9); } }
  #TopImg .PageScroll {
    display: block;
    position: absolute;
    bottom: 36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 5%;
    z-index: 102; }
    @media (max-width: 799px) {
      #TopImg .PageScroll {
        bottom: 2vh;
        margin-left: 0;
        width: 5vw; } }
    #TopImg .PageScroll .arrow1 .cls-1 path {
      fill: #f00; }
  #TopImg .SlideArea {
    display: block;
    background: white;
    position: relative;
    overflow: hidden;
    height: calc((100vw / 16) *6.5); }
    @media (max-width: 799px) {
      #TopImg .SlideArea {
        height: calc((100vw / 16) *9); } }
    #TopImg .SlideArea ul.Slide {
      height: 100%;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      #TopImg .SlideArea ul.Slide li {
        display: none;
        line-height: 1.0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; }
        #TopImg .SlideArea ul.Slide li .SlideTxtImg {
          position: absolute;
          top: 50%;
          left: 50%;
          right: 0;
          box-sizing: border-box;
          -moz-transform: translate(-50%, -40%);
          -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
          width: 100%; }
          @media (max-width: 799px) {
            #TopImg .SlideArea ul.Slide li .SlideTxtImg {
              -moz-transform: translate(-50%, -35%);
              -webkit-transform: translate(-50%, -35%);
              transform: translate(-50%, -35%); } }
        #TopImg .SlideArea ul.Slide li .SlideTxtImg p {
          line-height: 1.0;
          text-align: center;
          margin: 0 auto; }
          #TopImg .SlideArea ul.Slide li .SlideTxtImg p:not(:last-of-type) {
            margin-bottom: 30px; }
            @media (max-width: 799px) {
              #TopImg .SlideArea ul.Slide li .SlideTxtImg p:not(:last-of-type) {
                margin-bottom: 3vh; } }
          #TopImg .SlideArea ul.Slide li .SlideTxtImg p.SlideTxt {
            font-size: 36px;
            color: white; }
          #TopImg .SlideArea ul.Slide li .SlideTxtImg p img {
            width: 51vw; }
          @media (max-width: 799px) {
            #TopImg .SlideArea ul.Slide li .SlideTxtImg p.SlideTxt {
              font-size: 6vw;
              margin-top: 0; }
            #TopImg .SlideArea ul.Slide li .SlideTxtImg p img {
              width: 85vw; } }
        #TopImg .SlideArea ul.Slide li .SlideBakImg {
          text-align: center; }
          #TopImg .SlideArea ul.Slide li .SlideBakImg img {
            height: calc((100vw / 16) *6.5);
            object-fit: cover;
            object-position: center;
            width: 100%; }
            @media (max-width: 799px) {
              #TopImg .SlideArea ul.Slide li .SlideBakImg img {
                height: calc((100vw / 16) *9); } }
  #TopImg .pagiNation {
    display: flex;
    justify-content: space-between;
    margin: 20px auto 0;
    width: 100px; }
    @media (max-width: 799px) {
      #TopImg .pagiNation {
        display: none; } }
    #TopImg .pagiNation a {
      background: #afafaf;
      border-radius: 50%;
      padding: 10px; }
      #TopImg .pagiNation a.pnActive {
        background: #13b686; }

#top .index_php .section5 {
  background-attachment: fixed;
  margin-bottom: -90px;
  margin-top: -150px;
  padding-top: 150px; }
  @media (max-width: 799px) {
    #top .index_php .section5 {
      background-attachment: scroll;
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 5vh; } }
#top .index_php .section6 {
  padding-top: 100px; }
  @media (max-width: 799px) {
    #top .index_php .section6 {
      padding-top: 5vh; } }
#top #col1 .PageBodyTxts {
  text-align: center; }
  @media (max-width: 799px) {
    #top #col1 .PageBodyTxts .PageBodyTitleB {
      text-align: left; } }
  @media (max-width: 799px) {
    #top #col1 .PageBodyTxts .txtArea {
      margin-bottom: 6vh;
      text-align: left; } }
#top #col2 .PageBodyTxts {
  margin-bottom: 60px;
  text-align: center; }
  @media (max-width: 799px) {
    #top #col2 .PageBodyTxts {
      margin-bottom: 6vh; } }
#top #col2 .PageBodyParam:first-of-type .PageBodyImgs {
  display: flex;
  justify-content: space-between;
  margin: 0 5px; }
  @media (max-width: 799px) {
    #top #col2 .PageBodyParam:first-of-type .PageBodyImgs {
      display: block;
      margin: 0; } }
  #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon {
    line-height: 1.0;
    text-align: center; }
    @media (max-width: 799px) {
      #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:first-of-type {
        margin-bottom: 5vh; } }
    #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:first-of-type img {
      width: 105px; }
      @media (max-width: 799px) {
        #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:first-of-type img {
          width: 30vw; } }
    #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:first-of-type _:-ms-lang(x), #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:first-of-type img {
      width: auto; }
    @media (max-width: 799px) {
      #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:nth-of-type(2) {
        margin-bottom: 5vh; } }
    #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:nth-of-type(2) img {
      width: 75px; }
      @media (max-width: 799px) {
        #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:nth-of-type(2) img {
          width: 30vw; } }
    #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:nth-of-type(2) _:-ms-lang(x), #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:nth-of-type(2) img {
      width: auto; }
    #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:nth-of-type(3) img {
      width: 105px; }
      @media (max-width: 799px) {
        #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:nth-of-type(3) img {
          width: 30vw; } }
    #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:nth-of-type(3) _:-ms-lang(x), #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon:nth-of-type(3) img {
      width: auto; }
    #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon .img {
      line-height: 1.0;
      margin-bottom: 20px; }
      @media (max-width: 799px) {
        #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon .img {
          margin-bottom: 2vh; } }
    #top #col2 .PageBodyParam:first-of-type .PageBodyImgs .icon .txt {
      line-height: 1.6; }
#top #col4 .top_Achievements {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  @media (max-width: 799px) {
    #top #col4 .top_Achievements {
      flex-wrap: wrap; } }
  #top #col4 .top_Achievements .top_Achievements__block {
    box-sizing: border-box;
    width: 220px;
    z-index: 999; }
    @media (max-width: 799px) {
      #top #col4 .top_Achievements .top_Achievements__block {
        margin: 0 auto 2vh;
        width: 80%; } }
    #top #col4 .top_Achievements .top_Achievements__block .top_Achievements__block__head {
      background: #4caadf;
      color: #fff;
      line-height: 1.0;
      padding: 15px 0;
      text-align: center; }
      @media (max-width: 799px) {
        #top #col4 .top_Achievements .top_Achievements__block .top_Achievements__block__head {
          padding: 2vh 0; } }
    #top #col4 .top_Achievements .top_Achievements__block .top_Achievements__block__text {
      background: #fff;
      border: 1px solid #d7d7d7;
      border-top: none;
      letter-spacing: -0.06em;
      padding: 14px 14px; }
      @media (max-width: 799px) {
        #top #col4 .top_Achievements .top_Achievements__block .top_Achievements__block__text {
          padding: 2vh 2vh; } }
#top #col5 .PageBodyTitleB {
  color: #fff;
  text-align: center; }
  @media (max-width: 799px) {
    #top #col5 .PageBodyTitleB {
      text-align: left; } }
#top #col5 .PageBodyBtn a {
  background: #4caadf;
  color: #fff; }
  #top #col5 .PageBodyBtn a:hover {
    background: #fff;
    color: #4caadf; }
#top #col7 .LinkList {
  justify-content: center; }
  @media (max-width: 799px) {
    #top #col7 .LinkList {
      flex-wrap: wrap; } }
  #top #col7 .LinkList li {
    background: #fff;
    padding-left: 0;
    padding-right: 0;
    width: 340px; }
    @media (max-width: 799px) {
      #top #col7 .LinkList li {
        width: 100%; } }
    #top #col7 .LinkList li:first-of-type {
      margin-right: 60px; }
      @media (max-width: 799px) {
        #top #col7 .LinkList li:first-of-type {
          margin-bottom: 2vh;
          margin-right: 0; } }
    @media (max-width: 799px) {
      #top #col7 .LinkList li:nth-of-type(2) {
        padding-top: 0; } }
    #top #col7 .LinkList li a {
      display: flex;
      justify-content: center;
      padding: calc((90px - 25px) / 2) 0;
      position: relative; }
      #top #col7 .LinkList li a .LinkListThumb {
        display: inline-flex;
        position: absolute;
        left: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      #top #col7 .LinkList li a .LinkListTxt {
        color: #000;
        display: inline-flex;
        align-items: center;
        padding: 0; }
        #top #col7 .LinkList li a .LinkListTxt:after {
          display: none; }
      #top #col7 .LinkList li a:after {
        color: #4caadf;
        content: "→";
        position: absolute;
        right: 25px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      #top #col7 .LinkList li a:hover {
        background-color: #fff;
        color: #4caadf; }

.PageBody {
  padding-top: 60px;
  padding-bottom: 60px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  overflow: hidden; }
  .PageBody:first-of-type {
    padding-top: calc(60px - (10px + ((16px * 1.6) - 16px))); }
    @media (max-width: 799px) {
      .PageBody:first-of-type {
        padding-top: 15vh; } }
  .PageBody:last-child {
    padding-bottom: 60px; }
    @media (max-width: 799px) {
      .PageBody:last-child {
        padding-bottom: 5vh; } }
  @media (max-width: 799px) {
    .PageBody {
      padding-top: 5vh;
      padding-bottom: 5vh; } }
  .PageBody .Inner {
    margin-top: -80px;
    padding-top: 80px; }
    @media (max-width: 799px) {
      .PageBody .Inner {
        margin-top: -10vh;
        padding-top: 10vh; } }
  @media (max-width: 799px) {
    .PageBody .PageBodyTitleA {
      font-size: 5vw; } }
  .PageBody .PageBodyTitleA:after {
    background: #4caadf;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 2em; }
  .PageBody .PageBodyTitleB {
    font-size: 16px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 40px; }
    @media (max-width: 799px) {
      .PageBody .PageBodyTitleB {
        margin-bottom: 4vh; } }
  .PageBody .PageBodyBtn {
	margin-top: 20px;
	margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center; }
    @media (max-width: 799px) {
      .PageBody .PageBodyBtn {
        margin-top: 0; } }
    .PageBody .PageBodyBtn:first-child {
      margin-top: 0; }
    .PageBody .PageBodyBtn a {
      box-sizing: border-box;
      display: inline-block;
      font-size: 18px;
      padding: calc((60px - (18px * 1.6)) / 2) 0;
      position: relative;
      width: 305px; }
      .PageBody .PageBodyBtn a:after {
        content: "→";
        font-size: 16px;
        position: absolute;
        right: 35px; }
      @media (max-width: 799px) {
        .PageBody .PageBodyBtn a {
          font-size: 5vw;
          width: 100%; } }
  .PageBody .PageBodyMap {
    width: 100%;
    padding-top: 48px; }
    .PageBody .PageBodyMap.max800 {
      max-width: 800px;
      margin: 0 auto; }
    .PageBody .PageBodyMap:first-child {
      padding-top: 0; }
    .PageBody .PageBodyMap .PageBodyMapInner {
      width: 100%;
      height: 360px; }
  .PageBody .PageBodyParam {
    margin-bottom: 48px; }
    @media (max-width: 799px) {
      .PageBody .PageBodyParam {
        margin-bottom: 4vh; } }
    .PageBody .PageBodyParam.max800 {
      max-width: 800px;
      margin: 0 auto; }
    .PageBody .PageBodyParam:target {
      margin-top: -80px;
      padding-top: 80px; }
      @media (max-width: 799px) {
        .PageBody .PageBodyParam:target {
          margin-top: -10vh;
          padding-top: 10vh; } }
    .PageBody .PageBodyParam:first-child {
      padding-top: 0; }
    .PageBody .PageBodyParam:last-of-type {
      margin-bottom: 0; }
    .PageBody .PageBodyParam .PageBodyImgs {
      box-sizing: border-box;
      line-height: 0; }
      .PageBody .PageBodyParam .PageBodyImgs p {
        line-height: 0; }
        .PageBody .PageBodyParam .PageBodyImgs p a:hover img {
          opacity: 0.7; }
      .PageBody .PageBodyParam .PageBodyImgs a {
        line-height: 0; }
      .PageBody .PageBodyParam .PageBodyImgs img {
        width: 100%;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        line-height: 0; }
    .PageBody .PageBodyParam .PageBodyTxts {
      box-sizing: border-box; }
      @media (max-width: 799px) {
        .PageBody .PageBodyParam .PageBodyTxts .PageBodyTitleB {
          text-align: left; } }
      @media (max-width: 799px) {
        .PageBody .PageBodyParam .PageBodyTxts .txtArea {
          margin-bottom: 6vh;
          text-align: left; } }
    .PageBody .PageBodyParam.imgLeft .PageBodyImgs {
      width: 42%;
      float: left;
      padding-right: 20px; }
      @media (max-width: 799px) {
        .PageBody .PageBodyParam.imgLeft .PageBodyImgs {
          width: 100%;
          float: none;
          padding: 0;
          margin-bottom: 40px; } }
    .PageBody .PageBodyParam.imgLeft .PageBodyTxts {
      width: 58%;
      float: right;
      padding-left: 20px; }
      @media (max-width: 799px) {
        .PageBody .PageBodyParam.imgLeft .PageBodyTxts {
          width: 100%;
          float: none;
          padding: 0; } }
    .PageBody .PageBodyParam.imgRight .PageBodyImgs {
      width: 42%;
      float: right;
      padding-left: 20px; }
      @media (max-width: 799px) {
        .PageBody .PageBodyParam.imgRight .PageBodyImgs {
          width: 100%;
          float: none;
          padding: 0;
          margin-bottom: 40px; } }
    .PageBody .PageBodyParam.imgRight .PageBodyTxts {
      width: 58%;
      float: left;
      padding-right: 20px; }
      @media (max-width: 799px) {
        .PageBody .PageBodyParam.imgRight .PageBodyTxts {
          width: 100%;
          float: none;
          padding: 0; } }
    .PageBody .PageBodyParam.imgTop .PageBodyTitleB {
      text-align: center; }
    .PageBody .PageBodyParam.imgTop .PageBodyImgs {
      margin: 0 auto 40px; }
    .PageBody .PageBodyParam.imgTop .PageBodyTxts {
      margin: 0 auto; }
    .PageBody .PageBodyParam.imgBottom .PageBodyTitleB {
      text-align: center; }
    .PageBody .PageBodyParam.imgBottom .PageBodyImgs {
      margin: 0 auto; }
    .PageBody .PageBodyParam.imgBottom .PageBodyTxts {
      margin: 0 auto 40px; }
      @media (max-width: 799px) {
        .PageBody .PageBodyParam.imgBottom .PageBodyTxts {
          margin-bottom: 4vh; } }
  .PageBody .PageBodyGallery {
    max-width: 884px;
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0 auto;
    position: relative;
    padding-top: 48px; }
    .PageBody .PageBodyGallery:first-child {
      padding-top: 0; }
    @media (max-width: 799px) {
      .PageBody .PageBodyGallery {
        padding-left: 0;
        padding-right: 0; } }
    .PageBody .PageBodyGallery .PageBodyGalleryInner .PageBodyGalleryImgs img {
      width: 100%; }
    .PageBody .PageBodyGallery .PageBodyGalleryInner .PageBodyGalleryTitle {
      font-weight: 500;
      margin-top: 12px; }
    .PageBody .PageBodyGallery .PageBodyGalleryInner .PageBodyGalleryTxt {
      margin-top: 12px; }
    .PageBody .PageBodyGallery .slick-arrow {
      width: 40px;
      height: 40px;
      text-align: center;
      position: absolute;
      border-radius: 100%;
      color: #fff;
      font-family: "Icon";
      font-size: 24px;
      border: 0;
      outline: 0;
      margin-top: -40px;
      z-index: 100; }
      .PageBody .PageBodyGallery .slick-arrow.slick-prev {
        top: 50%;
        left: 0; }
        @media (max-width: 799px) {
          .PageBody .PageBodyGallery .slick-arrow.slick-prev {
            left: 4px; } }
      .PageBody .PageBodyGallery .slick-arrow.slick-next {
        top: 50%;
        right: 0; }
        @media (max-width: 799px) {
          .PageBody .PageBodyGallery .slick-arrow.slick-next {
            right: 4px; } }
  .PageBody .NewsArea {
    position: relative; }
    .PageBody .NewsArea:first-child {
      padding-top: 0; }
    .PageBody .NewsArea .NewsList {
      padding: 0 60px;
      margin: 0 auto;
      box-sizing: border-box; }
      @media (max-width: 799px) {
        .PageBody .NewsArea .NewsList {
          margin-bottom: 3vh;
          padding: 0;
          width: 100%; } }
      .PageBody .NewsArea .NewsList li {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        position: relative; }
        @media (max-width: 799px) {
          .PageBody .NewsArea .NewsList li {
            flex-wrap: wrap;
            margin-bottom: 2vh; } }
        .PageBody .NewsArea .NewsList li:last-of-type {
          margin-bottom: 0; }
        .PageBody .NewsArea .NewsList li .NewsListNew {
          color: #a50e14;
          margin-right: 1em; }
          @media (max-width: 799px) {
            .PageBody .NewsArea .NewsList li .NewsListNew {
              margin-right: 0;
              order: 0;
              width: 100%; } }
        .PageBody .NewsArea .NewsList li a {
          display: block;
          font-weight: 500; }
          .PageBody .NewsArea .NewsList li a:hover .TopicsNewsCat span {
            opacity: 0.7; }
        .PageBody .NewsArea .NewsList li .post_category {
          background: #4caadf;
          color: #fff;
          font-size: 12px;
          margin-right: 20px;
          /*padding: calc((20px - (12px * 1.6)) / 2) 0;*/
          text-align: center;
          width: 140px; }
          @media (max-width: 799px) {
            .PageBody .NewsArea .NewsList li .post_category {
              order: 1; } }
        .PageBody .NewsArea .NewsList li .NewsListDate {
          font-weight: 300;
          margin-right: 45px; }
          @media (max-width: 799px) {
            .PageBody .NewsArea .NewsList li .NewsListDate {
              display: block;
              margin-right: 0;
              order: 2;
              width: calc(100% - (140px + 20px)); } }
        @media (max-width: 799px) {
          .PageBody .NewsArea .NewsList li .NewsListTitle {
            order: 3;
            padding: 0;
            width: 100%; } }
    .PageBody .NewsArea .NewsAreaMore {
      position: absolute;
      top: 50%;
      right: 0; }
      @media (max-width: 999px) {
        .PageBody .NewsArea .NewsAreaMore {
          position: static;
          margin-top: 40px;
          text-align: center; } }
      .PageBody .NewsArea .NewsAreaMore a {
        padding: 8px 40px;
        display: inline-block;
        position: relative; }
        .PageBody .NewsArea .NewsAreaMore a:after {
          content: "";
          width: 20px;
          height: 6px;
          background: url(../img/kaisho_arrow_harpoon.svg);
          background-size: cover;
          position: absolute;
          right: 12px;
          top: calc(50% + 6px);
          margin-top: -4px; }
        .PageBody .NewsArea .NewsAreaMore a:hover:after {
          background: url(../img/kaisho_arrow_harpoon_fff.svg); }
  .PageBody .BlogList {
    border-collapse: collapse;
    display: flex;
    width: 100%; }
    @media (max-width: 799px) {
      .PageBody .BlogList {
        flex-wrap: wrap;
        margin-bottom: 3vh; } }
    .PageBody .BlogList:first-child {
      padding-top: 0; }
    .PageBody .BlogList.typeA li {
      box-sizing: border-box;
      width: 50%;
      display: inline-block;
      padding-top: 20px;
      vertical-align: top; }
      .PageBody .BlogList.typeA li:nth-of-type(-n+2) {
        padding-top: 0; }
      .PageBody .BlogList.typeA li:nth-of-type(2n+1) {
        padding-right: 10px; }
      .PageBody .BlogList.typeA li:nth-of-type(2n) {
        padding-left: 10px; }
      @media (max-width: 799px) {
        .PageBody .BlogList.typeA li {
          width: 100%; }
          .PageBody .BlogList.typeA li:nth-of-type(-n+2), .PageBody .BlogList.typeA li:nth-of-type(2n+1), .PageBody .BlogList.typeA li:nth-of-type(2n) {
            padding-top: 20px;
            padding-right: 0;
            padding-left: 0; }
          .PageBody .BlogList.typeA li:nth-of-type(1) {
            padding-top: 0; } }
      .PageBody .BlogList.typeA li a {
        display: block;
        color: #000; }
        .PageBody .BlogList.typeA li a:hover {
          opacity: 0.7; }
        .PageBody .BlogList.typeA li a .BlogListThumb {
          line-height: 1px; }
          .PageBody .BlogList.typeA li a .BlogListThumb img {
            width: 100%;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease; }
        .PageBody .BlogList.typeA li a .BlogListTxt {
          padding: 20px 92px 20px 20px;
          font-weight: 500;
          position: relative; }
          .PageBody .BlogList.typeA li a .BlogListTxt:after {
            width: 68px;
            height: 12px;
            content: "Read more";
            font-family: 'Lato';
            font-style: italic;
            font-size: 11px;
            background: url(../img/arrow3.svg);
            background-size: auto 6px;
            background-repeat: no-repeat;
            background-position: right center;
            line-height: 1;
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -6px; }
    .PageBody .BlogList.typeB li {
      border: 1px solid #9e9e9e;
      box-sizing: border-box;
      margin-right: 3%;
      width: 32%; }
      @media (max-width: 799px) {
        .PageBody .BlogList.typeB li {
          margin-bottom: 3vh;
          margin-right: 0;
          width: 100%; }
          .PageBody .BlogList.typeB li:last-of-type {
            margin-bottom: 0; } }
      .PageBody .BlogList.typeB li:nth-of-type(3) {
        margin-right: 0; }
      @media (max-width: 799px) {
        .PageBody .BlogList.typeB li {
          width: 100%; } }
      .PageBody .BlogList.typeB li a {
        background: transparent;
        display: block;
        color: #000; }
        .PageBody .BlogList.typeB li a:hover {
          opacity: 0.7; }
      .PageBody .BlogList.typeB li .BlogListThumb {
        padding: 20px;
        line-height: 0; }
        .PageBody .BlogList.typeB li .BlogListThumb img {
          width: 100%;
          -webkit-transition: all 0.35s ease;
          transition: all 0.35s ease; }
          @media (max-width: 799px) {
            .PageBody .BlogList.typeB li .BlogListThumb img {
              height: calc(((100vw - (4vw * 2))/16)*9);
              object-fit: cover;
              object-position: center; } }
      .PageBody .BlogList.typeB li .BlogListTxt {
        padding: 20px 30px;
        font-weight: 300;
        position: relative; }
        @media (max-width: 799px) {
          .PageBody .BlogList.typeB li .BlogListTxt {
            padding: 2vh 30px; } }
        .PageBody .BlogList.typeB li .BlogListTxt a {
          font-weight: 500;
          margin-bottom: 20px; }
          @media (max-width: 799px) {
            .PageBody .BlogList.typeB li .BlogListTxt a {
              margin-bottom: 2vh; } }
          .PageBody .BlogList.typeB li .BlogListTxt a .BlogListTxt__title {
            line-height: 1.0;
            margin-bottom: 25px; }
            @media (max-width: 799px) {
              .PageBody .BlogList.typeB li .BlogListTxt a .BlogListTxt__title {
                margin-bottom: 2vh; } }
          .PageBody .BlogList.typeB li .BlogListTxt a .BlogListTxt__contents {
            font-size: 14px;
            font-weight: 300; }
        .PageBody .BlogList.typeB li .BlogListTxt .BlogListTxt__readmore {
          color: #bec7cd;
          font-size: 12px;
          position: absolute;
          bottom: 10px;
          right: 30px; }
          .PageBody .BlogList.typeB li .BlogListTxt .BlogListTxt__readmore:after {
            color: #6cb5e7;
            content: "→";
            display: inline-block;
            margin-left: 10px; }
      .PageBody .BlogList.typeB li .BlogFormsend {
        background: #df0606;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        padding: calc((30px - (14px * 1.6)) /2) 0;
        position: relative;
        width: 120px; }
      .PageBody .BlogList.typeB li .BlogPostDate {
        color: #cacaca; }
        .PageBody .BlogList.typeB li .BlogPostDate:before {
          content: "\f017";
          font-family: "Icon";
          margin-right: 5px; }
    .PageBody .BlogList.typeC li {
      box-sizing: border-box;
      width: 25%;
      display: inline-block;
      padding-top: 16px;
      vertical-align: top; }
      .PageBody .BlogList.typeC li:nth-of-type(-n+4) {
        padding-top: 0; }
      .PageBody .BlogList.typeC li:nth-of-type(4n+1) {
        padding-right: 12px; }
      .PageBody .BlogList.typeC li:nth-of-type(4n+2) {
        padding-right: 8px;
        padding-left: 4px; }
      .PageBody .BlogList.typeC li:nth-of-type(4n+3) {
        padding-right: 4px;
        padding-left: 8px; }
      .PageBody .BlogList.typeC li:nth-of-type(4n) {
        padding-left: 12px; }
      @media (max-width: 799px) {
        .PageBody .BlogList.typeC li {
          width: 100%; }
          .PageBody .BlogList.typeC li:nth-of-type(-n+4), .PageBody .BlogList.typeC li:nth-of-type(4n+1), .PageBody .BlogList.typeC li:nth-of-type(4n+2), .PageBody .BlogList.typeC li:nth-of-type(4n+3), .PageBody .BlogList.typeC li:nth-of-type(4n) {
            padding-top: 20px;
            padding-right: 0;
            padding-left: 0; }
          .PageBody .BlogList.typeC li:nth-of-type(1) {
            padding-top: 0; } }
      .PageBody .BlogList.typeC li a {
        display: block;
        color: #000; }
        .PageBody .BlogList.typeC li a:hover {
          opacity: 0.7; }
        .PageBody .BlogList.typeC li a .BlogListThumb {
          line-height: 1px; }
          .PageBody .BlogList.typeC li a .BlogListThumb img {
            width: 100%;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease; }
        .PageBody .BlogList.typeC li a .BlogListTxt {
          padding: 20px 92px 20px 20px;
          font-weight: 500;
          position: relative; }
          .PageBody .BlogList.typeC li a .BlogListTxt:after {
            width: 68px;
            height: 12px;
            content: "Read more";
            font-family: 'Lato';
            font-style: italic;
            font-size: 11px;
            background: url(../img/arrow3.svg);
            background-size: auto 6px;
            background-repeat: no-repeat;
            background-position: right center;
            line-height: 1;
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -6px; }
    .PageBody .BlogList.typeD li {
      box-sizing: border-box;
      width: 50%;
      display: inline-block;
      padding-top: 20px;
      vertical-align: top; }
      .PageBody .BlogList.typeD li:nth-of-type(-n+2) {
        padding-top: 0; }
      .PageBody .BlogList.typeD li:nth-of-type(2n+1) {
        padding-right: 10px; }
      .PageBody .BlogList.typeD li:nth-of-type(2n) {
        padding-left: 10px; }
      @media (max-width: 799px) {
        .PageBody .BlogList.typeD li {
          width: 100%; }
          .PageBody .BlogList.typeD li:nth-of-type(-n+2), .PageBody .BlogList.typeD li:nth-of-type(2n+1), .PageBody .BlogList.typeD li:nth-of-type(2n) {
            padding-top: 20px;
            padding-right: 0;
            padding-left: 0; }
          .PageBody .BlogList.typeD li:nth-of-type(1) {
            padding-top: 0; } }
      .PageBody .BlogList.typeD li a {
        display: table;
        color: #000; }
        @media (max-width: 799px) {
          .PageBody .BlogList.typeD li a {
            display: block;
            width: 100%; } }
        .PageBody .BlogList.typeD li a:hover {
          opacity: 0.7; }
        .PageBody .BlogList.typeD li a .BlogListThumb {
          display: table-cell;
          width: 30%;
          line-height: 1px;
          vertical-align: middle; }
          @media (max-width: 799px) {
            .PageBody .BlogList.typeD li a .BlogListThumb {
              display: block;
              width: 100%; } }
          .PageBody .BlogList.typeD li a .BlogListThumb img {
            width: 100%;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease; }
        .PageBody .BlogList.typeD li a .BlogListTxt {
          display: table-cell;
          width: 70%;
          vertical-align: middle;
          padding: 20px 92px 20px 20px;
          font-weight: 500;
          position: relative; }
          @media (max-width: 799px) {
            .PageBody .BlogList.typeD li a .BlogListTxt {
              display: block;
              width: auto; } }
          .PageBody .BlogList.typeD li a .BlogListTxt:after {
            width: 68px;
            height: 12px;
            content: "Read more";
            font-family: 'Lato';
            font-style: italic;
            font-size: 11px;
            background: url(../img/arrow3.svg);
            background-size: auto 6px;
            background-repeat: no-repeat;
            background-position: right center;
            line-height: 1;
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -6px; }
  .PageBody .PageBodyTable {
    width: 100%; }
    .PageBody .PageBodyTable:first-child {
      padding-top: 0; }
    .PageBody .PageBodyTable.max800 {
      max-width: 800px;
      margin: 0 auto; }
    .PageBody .PageBodyTable .PageBodyTableInner {
      display: table;
      width: 100%;
      border-collapse: collapse; }
    .PageBody .PageBodyTable .PageBodyRow {
      display: table-row;
      width: 100%;
      border-collapse: collapse; }
      @media (max-width: 799px) {
        .PageBody .PageBodyTable .PageBodyRow {
          display: block;
          margin-bottom: 2vh; }
          .PageBody .PageBodyTable .PageBodyRow:first-child {
            display: none;
            margin-top: 0; } }
    .PageBody .PageBodyTable .PageBodyTh {
      width: 20%;
      font-weight: 500;
      text-align: center; }
      @media (max-width: 799px) {
        .PageBody .PageBodyTable .PageBodyTh {
          width: 100%;
          display: block;
          border-bottom: 0;
          padding-bottom: 0;
          text-align: left; } }
    .PageBody .PageBodyTable.tbl2 .PageBodyTh {
      width: 20%;
      font-weight: 500;
      text-align: center; }
      @media (max-width: 799px) {
        .PageBody .PageBodyTable.tbl2 .PageBodyTh {
          width: 100%;
          display: block;
          border-bottom: 0;
          padding-bottom: 0;
          text-align: left; } }
    .PageBody .PageBodyTable .PageBodyTd {
      width: 80%; }
      @media (max-width: 799px) {
        .PageBody .PageBodyTable .PageBodyTd {
          width: 100%;
          display: block;
          border-top: 0;
          padding-top: 8px; } }
    @media (max-width: 799px) {
      .PageBody .PageBodyTable.tbl2 .PageBodyTd {
        width: 100%;
        display: block;
        border-top: 0;
        padding-top: 8px; } }
  .PageBody .LinkList {
    border-collapse: collapse;
    display: flex;
    width: 100%; }
    .PageBody .LinkList:first-child {
      padding-top: 0; }
    .PageBody .LinkList.typeA li {
      box-sizing: border-box;
      width: 50%;
      display: inline-block;
      padding-top: 20px;
      vertical-align: top; }
      .PageBody .LinkList.typeA li:nth-of-type(-n+2) {
        padding-top: 0; }
      .PageBody .LinkList.typeA li:nth-of-type(2n+1) {
        padding-right: 10px; }
      .PageBody .LinkList.typeA li:nth-of-type(2n) {
        padding-left: 10px; }
      @media (max-width: 799px) {
        .PageBody .LinkList.typeA li {
          width: 100%; }
          .PageBody .LinkList.typeA li:nth-of-type(-n+2), .PageBody .LinkList.typeA li:nth-of-type(2n+1), .PageBody .LinkList.typeA li:nth-of-type(2n) {
            padding-top: 20px;
            padding-right: 0;
            padding-left: 0; }
          .PageBody .LinkList.typeA li:nth-of-type(1) {
            padding-top: 0; } }
      .PageBody .LinkList.typeA li a {
        display: block;
        color: #000; }
        .PageBody .LinkList.typeA li a:hover {
          opacity: 0.7; }
        .PageBody .LinkList.typeA li a .LinkListThumb {
          line-height: 1px; }
          .PageBody .LinkList.typeA li a .LinkListThumb img {
            width: 100%;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease; }
          .PageBody .LinkList.typeA li a .LinkListThumb _:-ms-lang(x), .PageBody .LinkList.typeA li a .LinkListThumb img {
            width: auto; }
        .PageBody .LinkList.typeA li a .LinkListTxt {
          padding: 20px;
          font-weight: 500;
          position: relative; }
          .PageBody .LinkList.typeA li a .LinkListTxt:after {
            width: 68px;
            height: 12px;
            display: block;
            content: "Read more";
            font-family: 'Lato';
            font-style: italic;
            font-size: 11px;
            background: url(../img/arrow3.svg);
            background-size: auto 6px;
            background-repeat: no-repeat;
            background-position: right center;
            line-height: 1;
            position: absolute;
            bottom: 0;
            right: 20px; }
    .PageBody .LinkList.typeB li {
      box-sizing: border-box;
      vertical-align: top;
      width: 32%;
      margin-right: 3%; }
      .PageBody .LinkList.typeB li:nth-of-type(3n) {
        margin-right: 0; }
      @media (max-width: 799px) {
        .PageBody .LinkList.typeB li {
          width: 100%; } }
      .PageBody .LinkList.typeB li a {
        display: block;
        color: #000; }
        .PageBody .LinkList.typeB li a:hover {
          opacity: 0.7; }
        .PageBody .LinkList.typeB li a .LinkListThumb {
          line-height: 1px; }
          .PageBody .LinkList.typeB li a .LinkListThumb img {
            width: 100%;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease; }
        .PageBody .LinkList.typeB li a .LinkListTxt {
          padding: 20px;
          font-weight: 500;
          position: relative; }
          .PageBody .LinkList.typeB li a .LinkListTxt:after {
            width: 68px;
            height: 12px;
            display: block;
            content: "Read more";
            font-family: 'Lato';
            font-style: italic;
            font-size: 11px;
            background: url(../img/arrow3.svg);
            background-size: auto 6px;
            background-repeat: no-repeat;
            background-position: right center;
            line-height: 1;
            position: absolute;
            bottom: 0;
            right: 20px; }
    .PageBody .LinkList.typeC li {
      box-sizing: border-box;
      width: 25%;
      display: inline-block;
      padding-top: 16px;
      vertical-align: top; }
      .PageBody .LinkList.typeC li:nth-of-type(-n+4) {
        padding-top: 0; }
      .PageBody .LinkList.typeC li:nth-of-type(4n+1) {
        padding-right: 12px; }
      .PageBody .LinkList.typeC li:nth-of-type(4n+2) {
        padding-right: 8px;
        padding-left: 4px; }
      .PageBody .LinkList.typeC li:nth-of-type(4n+3) {
        padding-right: 4px;
        padding-left: 8px; }
      .PageBody .LinkList.typeC li:nth-of-type(4n) {
        padding-left: 12px; }
      @media (max-width: 799px) {
        .PageBody .LinkList.typeC li {
          width: 100%; }
          .PageBody .LinkList.typeC li:nth-of-type(-n+4), .PageBody .LinkList.typeC li:nth-of-type(4n+1), .PageBody .LinkList.typeC li:nth-of-type(4n+2), .PageBody .LinkList.typeC li:nth-of-type(4n+3), .PageBody .LinkList.typeC li:nth-of-type(4n) {
            padding-top: 20px;
            padding-right: 0;
            padding-left: 0; }
          .PageBody .LinkList.typeC li:nth-of-type(1) {
            padding-top: 0; } }
      .PageBody .LinkList.typeC li a {
        display: block;
        color: #000; }
        .PageBody .LinkList.typeC li a:hover {
          opacity: 0.7; }
        .PageBody .LinkList.typeC li a .LinkListThumb {
          line-height: 1px; }
          .PageBody .LinkList.typeC li a .LinkListThumb img {
            width: 100%;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease; }
        .PageBody .LinkList.typeC li a .LinkListTxt {
          padding: 20px;
          font-weight: 500;
          position: relative; }
          .PageBody .LinkList.typeC li a .LinkListTxt:after {
            width: 68px;
            height: 12px;
            display: block;
            content: "Read more";
            font-family: 'Lato';
            font-style: italic;
            font-size: 11px;
            background: url(../img/arrow3.svg);
            background-size: auto 6px;
            background-repeat: no-repeat;
            background-position: right center;
            line-height: 1;
            position: absolute;
            bottom: 0;
            right: 20px; }
    .PageBody .LinkList.typeD li {
      box-sizing: border-box;
      width: 50%;
      display: inline-block;
      padding-top: 20px;
      vertical-align: top; }
      .PageBody .LinkList.typeD li:nth-of-type(-n+2) {
        padding-top: 0; }
      .PageBody .LinkList.typeD li:nth-of-type(2n+1) {
        padding-right: 10px; }
      .PageBody .LinkList.typeD li:nth-of-type(2n) {
        padding-left: 10px; }
      @media (max-width: 799px) {
        .PageBody .LinkList.typeD li {
          width: 100%; }
          .PageBody .LinkList.typeD li:nth-of-type(-n+2), .PageBody .LinkList.typeD li:nth-of-type(2n+1), .PageBody .LinkList.typeD li:nth-of-type(2n) {
            padding-top: 20px;
            padding-right: 0;
            padding-left: 0; }
          .PageBody .LinkList.typeD li:nth-of-type(1) {
            padding-top: 0; } }
      .PageBody .LinkList.typeD li a {
        display: table;
        color: #000; }
        @media (max-width: 799px) {
          .PageBody .LinkList.typeD li a {
            display: block;
            width: 100%; } }
        .PageBody .LinkList.typeD li a:hover {
          opacity: 0.7; }
        .PageBody .LinkList.typeD li a .LinkListThumb {
          display: table-cell;
          width: 30%;
          line-height: 1px;
          vertical-align: middle; }
          @media (max-width: 799px) {
            .PageBody .LinkList.typeD li a .LinkListThumb {
              display: block;
              width: 100%; } }
          .PageBody .LinkList.typeD li a .LinkListThumb img {
            width: 100%;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease; }
        .PageBody .LinkList.typeD li a .LinkListTxt {
          display: table-cell;
          width: 70%;
          vertical-align: middle;
          padding: 20px;
          font-weight: 500;
          position: relative; }
          @media (max-width: 799px) {
            .PageBody .LinkList.typeD li a .LinkListTxt {
              display: block;
              width: auto; } }
          .PageBody .LinkList.typeD li a .LinkListTxt:after {
            width: 68px;
            height: 12px;
            display: block;
            content: "Read more";
            font-family: 'Lato';
            font-style: italic;
            font-size: 11px;
            background: url(../img/arrow3.svg);
            background-size: auto 6px;
            background-repeat: no-repeat;
            background-position: right center;
            line-height: 1;
            position: absolute;
            bottom: 0;
            right: 20px; }
  .PageBody .PageBodyContact {
    width: 100%; }
    .PageBody .PageBodyContact:first-child {
      padding-top: 0; }
    .PageBody .PageBodyContact.max800 {
      max-width: 800px;
      margin: 0 auto; }
    .PageBody .PageBodyContact .ContactFrmTbl {
      width: 100%;
      display: table;
      font-size: 13px; }
      .PageBody .PageBodyContact .ContactFrmTbl .ContactFrmRow {
        width: 100%;
        display: table-row; }
        .PageBody .PageBodyContact .ContactFrmTbl .ContactFrmRow .ContactFrmTh {
          width: 24%;
          display: table-cell;
          padding: 12px;
          font-weight: 500;
          box-sizing: border-box; }
          .PageBody .PageBodyContact .ContactFrmTbl .ContactFrmRow .ContactFrmTh span {
            font-size: 11px;
            color: #e31111;
            font-weight: 300;
            display: inline-block; }
        .PageBody .PageBodyContact .ContactFrmTbl .ContactFrmRow .ContactFrmTd {
          width: 76%;
          display: table-cell;
          padding: 12px;
          box-sizing: border-box;
          vertical-align: middle; }
          .PageBody .PageBodyContact .ContactFrmTbl .ContactFrmRow .ContactFrmTd span {
            display: inline-block;
            margin-right: 4px; }
          .PageBody .PageBodyContact .ContactFrmTbl .ContactFrmRow .ContactFrmTd input[type="email"],
          .PageBody .PageBodyContact .ContactFrmTbl .ContactFrmRow .ContactFrmTd input[type="tel"],
          .PageBody .PageBodyContact .ContactFrmTbl .ContactFrmRow .ContactFrmTd input[type="text"] {
            padding: 10px;
            border: 1px solid #efefef;
            background: #efefef;
            color: #333;
            -webkit-appearance: none;
            border-radius: 0;
            box-sizing: border-box; }
          .PageBody .PageBodyContact .ContactFrmTbl .ContactFrmRow .ContactFrmTd textarea {
            resize: vertical;
            min-width: 100%;
            max-width: 100%;
            width: 100%;
            padding: 10px;
            border: 1px solid #efefef;
            background: #efefef;
            color: #333;
            -webkit-appearance: none;
            border-radius: 0;
            box-sizing: border-box; }

.contact div.wpcf7-validation-errors, .entry div.wpcf7-validation-errors {
  border-color: #e8341a; }

.thanks #col1 .PageBodyTxts {
  text-align: center;
  font-size: 18px;
  margin-bottom: 0; }
  .thanks #col1 .PageBodyTxts .PageBodyTitleB {
    border: none;
    background: none;
    color: #4caadf;
    font-size: 30px;
    font-weight: 500;
    line-height: inherit;
    margin-bottom: 60px;
    padding: 0;
    text-align: center; }
    @media (max-width: 799px) {
      .thanks #col1 .PageBodyTxts .PageBodyTitleB {
        font-size: 18px;
        margin-bottom: 3vh; } }
  .thanks #col1 .PageBodyTxts .thanks__txt {
    margin-bottom: 60px; }
    @media (max-width: 799px) {
      .thanks #col1 .PageBodyTxts .thanks__txt {
        text-align: justify;
        font-size: 16px;
        margin-bottom: 3vh; } }
  .thanks #col1 .PageBodyTxts .thanks__tel {
    border: 2px solid #4caadf;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px; }
    @media (max-width: 799px) {
      .thanks #col1 .PageBodyTxts .thanks__tel {
        display: inline-block;
        padding: 15px; } }
    .thanks #col1 .PageBodyTxts .thanks__tel .thanks__tel__txt {
      margin-right: 18px; }
      @media (max-width: 799px) {
        .thanks #col1 .PageBodyTxts .thanks__tel .thanks__tel__txt {
          margin-right: 0; } }
    .thanks #col1 .PageBodyTxts .thanks__tel .thanks__tel__number {
      font-size: 48px;
      font-weight: 500; }
      @media (max-width: 799px) {
        .thanks #col1 .PageBodyTxts .thanks__tel .thanks__tel__number {
          font-size: 30px; } }
      .thanks #col1 .PageBodyTxts .thanks__tel .thanks__tel__number:before {
        content: "\f095";
        font-family: "Icon";
        margin-right: 18px; }
        @media (max-width: 799px) {
          .thanks #col1 .PageBodyTxts .thanks__tel .thanks__tel__number:before {
            margin-right: 9px; } }

.privacy #col1 ol {
  list-style-type: decimal;
  padding-left: 1em; }
  @media (max-width: 799px) {
    .privacy #col1 ol {
      box-sizing: border-box;
      padding-left: 2em;
      width: 100%; } }
.privacy #col1 ul {
  padding-left: 1em; }

.page .PageBody .PageBodyParam .PageBodyTitleB {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 25px;
  text-align: left; }
  @media (max-width: 799px) {
    .page .PageBody .PageBodyParam .PageBodyTitleB {
      margin-bottom: 2vh; } }
.page .PageBody .PageBodyParam .txtArea {
  padding: 0 20px;
  text-align: justify; }
  @media (max-width: 799px) {
    .page .PageBody .PageBodyParam .txtArea {
      padding: 0; } }

.notfound_php {
  background: #fff;
  text-align: center; }
  .notfound_php #CatArea {
    padding-top: 128px; }
    .notfound_php #CatArea .Inner {
      margin-top: calc(-128px);
      padding-top: calc(128px);
      text-align: center; }
      @media (max-width: 799px) {
        .notfound_php #CatArea .Inner {
          margin-top: -80px;
          padding-top: 80px; } }
      .notfound_php #CatArea .Inner #Cat404 {
        margin: 60px 0; }
  .notfound_php .PageBodyArea {
    text-align: center; }
    .notfound_php .PageBodyArea .row1 {
      margin: 0 0 60px; }

.sp_only {
  display: none; }
  @media (max-width: 799px) {
    .sp_only {
      display: inline; } }

@media (max-width: 799px) {
  .sp_block {
    display: block; } }

@media (max-width: 799px) {
  .sp_none {
    display: none; } }

.NewsListInner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 28px;
  position: relative;
  padding-left: 36px; }
  @media (max-width: 799px) {
    .NewsListInner {
      padding-left: 0; } }
  .NewsListInner:first-child {
    margin-top: 0; }
  .NewsListInner .NewsListNew {
    color: #a50e14;
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 10; }
    @media (max-width: 799px) {
      .NewsListInner .NewsListNew {
        margin-right: 1em;
        position: static; } }
  .NewsListInner a {
    display: inline;
    z-index: -1; }
    .NewsListInner a:hover .BlogListThumb img {
      opacity: 0.7; }
  .NewsListInner .NewsListCategory {
    background: #4caadf;
    color: #fff;
    display: inline;
    padding: 0 1em; }
  .NewsListInner .NewsListDate {
    color: #cacaca;
    font-weight: 300;
    margin-right: 1em; }
    .NewsListInner .NewsListDate:before {
      content: "\f017";
      font-family: "Icon";
      margin-right: 5px; }
  .NewsListInner .NewsListTitle {
    font-weight: 500;
    width: 100%; }
    @media (max-width: 799px) {
      .NewsListInner .NewsListTitle {
        font-size: 4vw; } }

.BlogListInner {
  margin-top: 28px;
  position: relative; }
  @media (max-width: 799px) {
    .BlogListInner {
      margin-top: 0;
      margin-bottom: 4vh; }
      .BlogListInner:last-of-type {
        margin-bottom: 0; } }
  .BlogListInner:first-child {
    margin-top: 0; }
  .BlogListInner .BlogListNew {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10; }
  .BlogListInner a {
    display: block;
    z-index: -1; }
    .BlogListInner a:hover .BlogListThumb img {
      opacity: 0.7; }
  .BlogListInner .BlogListThumb {
    width: 25%;
    float: left;
    line-height: 0; }
    @media (max-width: 799px) {
      .BlogListInner .BlogListThumb {
        width: 100%;
        float: none;
        margin-bottom: 1vh; } }
    .BlogListInner .BlogListThumb img {
      height: calc((180px / 16) * 9);
      object-fit: cover;
      object-position: center;
      -webkit-transition: all 0.35s ease;
      transition: all 0.35s ease;
      max-width: 180px;
      max-height: 100px; }
      @media (max-width: 799px) {
        .BlogListInner .BlogListThumb img {
          height: calc(((100vw - (4vw * 2) ) /16) *9); } }
  .BlogListInner .BlogListTxt {
    background: transparent;
    width: 72%;
    float: right; }
    @media (max-width: 799px) {
      .BlogListInner .BlogListTxt {
        float: none;
        font-size: 4vw;
        width: 100%; } }
    .BlogListInner .BlogListTxt .BlogListTitle {
      font-weight: 500; }
    .BlogListInner .BlogListTxt .BlogListDate {
      color: #cacaca; }
      .BlogListInner .BlogListTxt .BlogListDate:before {
        content: "\f017";
        font-family: "Icon";
        margin-right: 5px; }

.BlogBody {
  padding-top: 0; }
  .BlogBody .BlogMain {
    width: 75%;
    float: left; }
    @media (max-width: 799px) {
      .BlogBody .BlogMain {
        width: 100%;
        float: none;
        margin-bottom: 5vh; } }
    .BlogBody .BlogMain .BlogBodyHeader {
      margin-bottom: 32px; }
      @media (max-width: 799px) {
        .BlogBody .BlogMain .BlogBodyHeader {
          margin-bottom: 3vh; } }
      .BlogBody .BlogMain .BlogBodyHeader .BlogBodyNew {
        margin-bottom: 12px; }
      .BlogBody .BlogMain .BlogBodyHeader .BlogBodyInfo {
        vertical-align: middle; }
        .BlogBody .BlogMain .BlogBodyHeader .BlogBodyInfo .BlogBodyDate {
          color: #cacaca;
          display: inline-block;
          font-size: 16px;
          font-weight: 300;
          margin-right: 8px;
          vertical-align: middle; }
          .BlogBody .BlogMain .BlogBodyHeader .BlogBodyInfo .BlogBodyDate:before {
            content: "\f017";
            font-family: "Icon";
            margin-right: 5px; }
        .BlogBody .BlogMain .BlogBodyHeader .BlogBodyInfo .BlogListTitle {
          font-weight: 500; }
        .BlogBody .BlogMain .BlogBodyHeader .BlogBodyInfo .BlogBodyCat {
          vertical-align: middle;
          display: inline-block;
          margin-left: 6px; }
          .BlogBody .BlogMain .BlogBodyHeader .BlogBodyInfo .BlogBodyCat a {
            display: block;
            font-size: 10px;
            font-weght: 400;
            line-height: 16px;
            padding: 2px 12px;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease; }
            .BlogBody .BlogMain .BlogBodyHeader .BlogBodyInfo .BlogBodyCat a:hover {
              opacity: 0.7; }
      .BlogBody .BlogMain .BlogBodyHeader .BlogBodyTitle {
        font-size: 24px;
        font-weight: 500; }
        @media (max-width: 799px) {
          .BlogBody .BlogMain .BlogBodyHeader .BlogBodyTitle {
            font-size: 4vw; } }
    .BlogBody .BlogMain .BlogBodyEntry {
      margin-bottom: 50px; }
      @media (max-width: 799px) {
        .BlogBody .BlogMain .BlogBodyEntry {
          margin-bottom: 5vh; } }
      .BlogBody .BlogMain .BlogBodyEntry p {
        margin-bottom: 1.5em;
        text-align: justify; }
        @media (max-width: 799px) {
          .BlogBody .BlogMain .BlogBodyEntry p {
            margin-bottom: 1em; } }
        .BlogBody .BlogMain .BlogBodyEntry p.has_img {
          line-height: 0;
          text-align:center;  }
          .BlogBody .BlogMain .BlogBodyEntry p.has_img img {
            /*height: calc((720px / 16) * 7);
            object-fit: scale-down;
            object-position: center;*/
            max-width: 200px;
            max-height: 200px; }
            @media (max-width: 799px) {
              .BlogBody .BlogMain .BlogBodyEntry p.has_img img {
                height: calc(((100vw - (4vw * 2)) / 16) * 7); } }
        .BlogBody .BlogMain .BlogBodyEntry p:last-of-type {
          margin-bottom: 0; }
        .BlogBody .BlogMain .BlogBodyEntry p img {
          max-width: 100%; }
        .BlogBody .BlogMain .BlogBodyEntry p a:hover img {
          opacity: 0.7; }
  .BlogBody .BlogSub {
    width: 20%;
    float: right; }
    @media (max-width: 799px) {
      .BlogBody .BlogSub {
        width: 100%;
        float: none; } }
    .BlogBody .BlogSub .BlogSideColumn {
      padding-top: 36px; }
      .BlogBody .BlogSub .BlogSideColumn:first-child {
        padding-top: 0; }
      .BlogBody .BlogSub .BlogSideColumn .BlogSideTitle {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 16px;
        border-bottom: #333333 1px solid;
        margin-bottom: 16px; }
      .BlogBody .BlogSub .BlogSideColumn .BlogSideList {
        font-weight: 500; }
        .BlogBody .BlogSub .BlogSideColumn .BlogSideList li {
          margin-bottom: 16px; }
          @media (max-width: 799px) {
            .BlogBody .BlogSub .BlogSideColumn .BlogSideList li {
              margin-bottom: 1vh; } }
          @media (max-width: 799px) {
            .BlogBody .BlogSub .BlogSideColumn .BlogSideList li a {
              font-size: 4vw; } }
          .BlogBody .BlogSub .BlogSideColumn .BlogSideList li:last-child {
            margin-bottom: 0; }
  .BlogBody .BlogPagenate {
    margin-top: 40px;
    text-align: center;
    vertical-align: top; }
    .BlogBody .BlogPagenate a.page-numbers {
      font-weight: 500;
      display: inline-block;
      width: 36px;
      height: 36px;
      text-align: center;
      border-radius: 36px;
      font-size: 14px;
      margin: 0 4px;
      line-height: 36px;
      border: 0;
      outline: 0; }
    .BlogBody .BlogPagenate span.page-numbers {
      font-weight: 500;
      display: inline-block;
      width: 36px;
      height: 36px;
      text-align: center;
      border-radius: 36px;
      font-size: 14px;
      margin: 0 4px;
      line-height: 36px;
      border: 0;
      outline: 0; }
  .BlogBody .BlogNavi {
    text-align: center;
    vertical-align: top; }
    .BlogBody .BlogNavi div {
      display: inline-block;
      vertical-align: top;
      width: 33.3333%; }
      .BlogBody .BlogNavi div a {
        font-size: 12px;
        font-weight: 500;
        display: inline-block; }
        .BlogBody .BlogNavi div a:before {
          display: block;
          width: 36px;
          height: 36px;
          text-align: center;
          border-radius: 36px;
          color: #fff;
          font-family: "Icon";
          margin-bottom: 4px;
          font-size: 14px;
          line-height: 36px;
          border: 0;
          outline: 0; }
      .BlogBody .BlogNavi div.all a:before {
        content: "\f077";
        line-height: 32px; }
      .BlogBody .BlogNavi div.prev a:before {
        content: "\f053"; }
      .BlogBody .BlogNavi div.next a:before {
        content: "\f054"; }

.BlogRecentList {
  max-width: 735px;
  margin: 0 auto;
  padding-top: 48px; }

.news .BlogBody .BlogMain .BlogBodyEntry .cal_wrapper {
  max-width: 800px;
  min-width: 300px;
  margin: 2.0833% auto; }
.news .BlogBody .BlogMain .BlogBodyEntry .googlecal {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden; }
  @media (max-width: 799px) {
    .news .BlogBody .BlogMain .BlogBodyEntry .googlecal {
      padding-bottom: 56.25%;
      padding-top: 30px; } }
@media (max-width: 799px) {
  .news .BlogBody .BlogMain .BlogBodyEntry .big-container {
    display: none; } }
.news .BlogBody .BlogMain .BlogBodyEntry .small-container {
  display: none; }
  @media (max-width: 799px) {
    .news .BlogBody .BlogMain .BlogBodyEntry .small-container {
      display: block;
      padding-bottom: 200%; } }
.news .BlogBody .BlogMain .BlogBodyEntry .googlecal iframe, .news .BlogBody .BlogMain .BlogBodyEntry .googlecal object, .news .BlogBody .BlogMain .BlogBodyEntry .googlecal embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }
@media only screen and (min-width: 768px) {
  .news .BlogBody .BlogMain .BlogBodyEntry .googlecal {
    padding-bottom: 75%; } }
.news .BlogBody .BlogMain .BlogBodyEntry a {
  text-decoration: underline; }
  .news .BlogBody .BlogMain .BlogBodyEntry a:hover {
    text-decoration: none; }
.news .BlogBody .BlogMain .BlogBodyEntry .BlogNavi a {
  text-decoration: none; }

.event.archive_php .BlogMain {
  display: flex;
  flex-wrap: wrap;
  float: none;
  width: 100%; }
  .event.archive_php .BlogMain .BlogListInner {
    flex: 0 1 450px;
    line-height: 1.0;
    margin-bottom: 60px;
    margin-left: 20px;
    margin-top: 0; }
    @media (max-width: 799px) {
      .event.archive_php .BlogMain .BlogListInner {
        flex: 0 1 100%;
        margin-bottom: 10vh;
        margin-left: 0; }
        .event.archive_php .BlogMain .BlogListInner:last-of-type {
          margin-bottom: 0; } }
    .event.archive_php .BlogMain .BlogListInner:nth-last-of-type(2n) {
      margin-right: 20px; }
      @media (max-width: 799px) {
        .event.archive_php .BlogMain .BlogListInner:nth-last-of-type(2n) {
          margin-right: 0; } }
    .event.archive_php .BlogMain .BlogListInner:target {
      margin-top: -80px;
      padding-top: 80px; }
      @media (max-width: 799px) {
        .event.archive_php .BlogMain .BlogListInner:target {
          margin-top: -10vh;
          padding-top: 10vh; } }
    .event.archive_php .BlogMain .BlogListInner .BlogListTitle {
      font-weight: 500;
      line-height: 1.6;
      margin-bottom: 30px; }
      @media (max-width: 799px) {
        .event.archive_php .BlogMain .BlogListInner .BlogListTitle {
          margin-bottom: 3vh; } }
    .event.archive_php .BlogMain .BlogListInner .BlogListThumb {
      float: none;
      line-height: 0;
      margin-bottom: 20px;
      position: relative;
      width: 100%; }
      @media (max-width: 799px) {
        .event.archive_php .BlogMain .BlogListInner .BlogListThumb {
          margin-bottom: 2vh; } }
      .event.archive_php .BlogMain .BlogListInner .BlogListThumb img {
        height: calc((450px / 16) *9);
        object-fit: cover;
        object-position: center;
        width: 100%; }
        @media (max-width: 799px) {
          .event.archive_php .BlogMain .BlogListInner .BlogListThumb img {
            height: calc(((100vw - (4vw * 2)) / 16) * 9 ); } }
      .event.archive_php .BlogMain .BlogListInner .BlogListThumb .accepting {
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        padding: calc(30px /2) 0;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        width: 120px; }
        .event.archive_php .BlogMain .BlogListInner .BlogListThumb .accepting.accepting--accepting {
          background: #df0606; }
        .event.archive_php .BlogMain .BlogListInner .BlogListThumb .accepting.accepting--fully {
          background: #999; }
        .event.archive_php .BlogMain .BlogListInner .BlogListThumb .accepting.accepting--capacity_over {
          background: #999; }
    .event.archive_php .BlogMain .BlogListInner .BlogListTxt {
      background: transparent;
      float: none;
      line-height: 1.6;
      margin-bottom: 20px;
      width: 100%; }
      @media (max-width: 799px) {
        .event.archive_php .BlogMain .BlogListInner .BlogListTxt {
          margin-bottom: 2vh; } }
      .event.archive_php .BlogMain .BlogListInner .BlogListTxt .BlogListTxt__head {
        color: #13b686; }
      .event.archive_php .BlogMain .BlogListInner .BlogListTxt dd {
        margin-bottom: 1.5em; }
        @media (max-width: 799px) {
          .event.archive_php .BlogMain .BlogListInner .BlogListTxt dd {
            margin-bottom: 1em; } }
        .event.archive_php .BlogMain .BlogListInner .BlogListTxt dd a {
          display: inline-block; }
          .event.archive_php .BlogMain .BlogListInner .BlogListTxt dd a:after {
            content: "\f2d2";
            font-family: "Icon";
            font-size: 14px; }
    .event.archive_php .BlogMain .BlogListInner .BlogFormsend a {
      font-size: 18px;
      font-weight: 500;
      margin: 0 auto;
      padding: calc((40px - 20px)/2) 0;
      position: relative;
      text-align: center;
      width: 240px;
      z-index: 1; }
      .event.archive_php .BlogMain .BlogListInner .BlogFormsend a:after {
        content: "\f105";
        font-family: "Icon";
        font-size: 16px;
        position: absolute;
        right: 12px; }
.event.sigle_php .Inner .BlogMain .BlogBodyEntry .topics__tsuna__strong {
  font-weight: 500;
  margin-bottom: 8px; }
  .event.sigle_php .Inner .BlogMain .BlogBodyEntry .topics__tsuna__strong:first-of-type {
    margin-top: 32px; }
.event.sigle_php .Inner .BlogMain .BlogBodyEntry .topics__tsuna__descp {
  margin-bottom: 32px; }

.st_22_500 {
  font-size: 22px;
  font-weight: 500; }

.st_500 {
  font-weight: 500; }

.FooterAccess .FooterAccessTxt {
  padding-top: 72px;
  padding-bottom: 72px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center; }
  @media (max-width: 799px) {
    .FooterAccess .FooterAccessTxt .FooterAccessTitle {
      font-size: 20px; } }
  .FooterAccess .FooterAccessTxt .FooterAccessBodyTxts {
    box-sizing: border-box;
    padding-top: 48px; }
    .FooterAccess .FooterAccessTxt .FooterAccessBodyTxts:first-child {
      padding-top: 0; }
    .FooterAccess .FooterAccessTxt .FooterAccessBodyTxts p {
      margin-top: 28px; }
      .FooterAccess .FooterAccessTxt .FooterAccessBodyTxts p:first-child {
        margin-top: 0; }
.FooterAccess .FooterMap {
  width: 100%;
  height: 360px; }
.FooterAccess.type2 {
  width: 100%;
  display: table; }
  @media (max-width: 799px) {
    .FooterAccess.type2 {
      display: block; } }
  .FooterAccess.type2 .FooterAccessTxt {
    width: 50%;
    display: table-cell;
    vertical-align: top; }
    @media (max-width: 799px) {
      .FooterAccess.type2 .FooterAccessTxt {
        display: block;
        width: 100%; } }
    .FooterAccess.type2 .FooterAccessTxt .Inner {
      max-width: 490px;
      padding: 0 40px;
      margin: 0; }
      @media (max-width: 799px) {
        .FooterAccess.type2 .FooterAccessTxt .Inner {
          max-width: 1080px;
          box-sizing: border-box;
          margin: 0 auto;
          padding: 0 16px; } }
    .FooterAccess.type2 .FooterAccessTxt .FooterAccessTitle {
      text-align: left; }
      @media (max-width: 799px) {
        .FooterAccess.type2 .FooterAccessTxt .FooterAccessTitle {
          text-align: center; } }
  .FooterAccess.type2 .FooterMap {
    width: 50%;
    height: 300px;
    display: table-cell;
    vertical-align: top; }
    @media (max-width: 799px) {
      .FooterAccess.type2 .FooterMap {
        display: block;
        width: 100%; } }

.FooterContactA {
  padding-top: 60px !important; }

.FooterContactB {
  padding: 0 !important; }
  .FooterContactB a {
    color: #fff !important;
    display: block;
    padding-top: 60px;
    padding-bottom: 60px; }

.FooterLink {
  padding-top: 31px;
  padding-bottom: 31px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center; }
  @media (max-width: 799px) {
    .FooterLink {
      padding-top: 3vh;
      padding-bottom: 3vh; } }
  .FooterLink .FooterLinks {
    /*display: flex;*/
    justify-content: center; }
    .FooterLink .FooterLinks li {
      margin-right: 12px;
      width: 180px;
      box-sizing: border-box;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 799px) {
        .FooterLink .FooterLinks li {
          margin-right: 0;
          width: calc((100% - 5%) / 2); } }
      .FooterLink .FooterLinks li:last-of-type {
        margin-right: 0; }
      .FooterLink .FooterLinks li a {
        width: 100%;
        box-sizing: border-box;
        background: #fff;
        text-align: center;
        display: block; }
        .FooterLink .FooterLinks li a img {
          height: auto;
          object-fit: contain;
          object-position: center;
          width: 300px; }
        .FooterLink .FooterLinks li a:hover {
          opacity: 0.7; }

#Footer {
  background: #000; }
  #Footer .Inner {
    position: relative; }
    #Footer .Inner .clearfix:after {
      content: none; }
  #Footer .RightNav {
    display: block;
    width: 50px;
    height: auto;
    padding: 12px;
    box-sizing: border-box;
    position: fixed;
    right: 2vw;
    bottom: 25vh;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
    #Footer .RightNav.active {
      z-index: 1001;
      opacity: 1; }
    #Footer .RightNav ul {
      margin-top: 30px; }
      #Footer .RightNav ul:first-child {
        margin-top: 0; }
      #Footer .RightNav ul li {
        margin-top: 8px;
        text-align: center;
        position: relative; }
        #Footer .RightNav ul li:first-child {
          margin-top: 0; }
        #Footer .RightNav ul li span {
          display: none; }
        #Footer .RightNav ul li a {
          width: 40px;
          height: 40px;
          display: block;
          position: relative; }
    #Footer .RightNav ul.round > li a {
      border-radius: 40px; }
      #Footer .RightNav ul.round > li a:before {
        border-radius: 40px;
        position: absolute;
        width: 40px;
        height: 40px;
        left: 0;
        right: 0; }
      #Footer .RightNav ul.round > li a.globe:before {
        content: "\f0ac";
        font-family: "Icon";
        font-size: 24px;
        line-height: 40px; }
      #Footer .RightNav ul.round > li a.envelope:before {
        content: "\f003";
        font-family: "Icon";
        font-size: 20px;
        line-height: 40px; }
      #Footer .RightNav ul.round > li a.rotate:before {
        content: "\f0e2";
        font-family: "Icon";
        font-size: 20px;
        line-height: 40px; }
      #Footer .RightNav ul.round > li a.up:before {
        content: "\f106";
        font-family: "Icon";
        font-size: 24px;
        line-height: 36px; }
      #Footer .RightNav ul.round > li a.twitter:before {
        content: "\f099";
        font-family: "Icon";
        font-size: 24px;
        line-height: 40px; }
      #Footer .RightNav ul.round > li a.facebook:before {
        content: "\f09a";
        font-family: "Icon";
        font-size: 24px;
        line-height: 40px; }
      #Footer .RightNav ul.round > li a.youtube:before {
        content: "\f16a";
        font-family: "Icon";
        font-size: 24px;
        line-height: 40px; }
      #Footer .RightNav ul.round > li a.Instagram:before {
        content: "\f16d";
        font-family: "Icon";
        font-size: 24px;
        line-height: 40px; }
      #Footer .RightNav ul.round > li a.line:before {
        content: "\e900";
        font-family: "IconEX";
        font-size: 24px;
        line-height: 40px; }
      #Footer .RightNav ul.round > li a.soundcloud:before {
        content: "\e901";
        font-family: "IconEX";
        font-size: 24px;
        line-height: 40px; }
      #Footer .RightNav ul.round > li a.blogger:before {
        content: "\e902";
        font-family: "IconEX";
        font-size: 20px;
        line-height: 40px; }
    #Footer .RightNav ul.plain > li a:before {
      position: absolute;
      width: 40px;
      height: 40px;
      left: 0;
      right: 0; }
    #Footer .RightNav ul.plain > li a.globe:before {
      content: "\f0ac";
      font-family: "Icon";
      font-size: 32px;
      line-height: 40px; }
    #Footer .RightNav ul.plain > li a.envelope:before {
      content: "\f003";
      font-family: "Icon";
      font-size: 24px;
      line-height: 40px; }
    #Footer .RightNav ul.plain > li a.rotate:before {
      content: "\f0e2";
      font-family: "Icon";
      font-size: 24px;
      line-height: 40px; }
    #Footer .RightNav ul.plain > li a.up:before {
      content: "\f106";
      font-family: "Icon";
      font-size: 32px;
      line-height: 36px; }
    #Footer .RightNav ul.plain > li a.twitter:before {
      content: "\f099";
      font-family: "Icon";
      font-size: 32px;
      line-height: 40px; }
    #Footer .RightNav ul.plain > li a.facebook:before {
      content: "\f09a";
      font-family: "Icon";
      font-size: 32px;
      line-height: 40px; }
    #Footer .RightNav ul.plain > li a.youtube:before {
      content: "\f16a";
      font-family: "Icon";
      font-size: 32px;
      line-height: 40px; }
    #Footer .RightNav ul.plain > li a.Instagram:before {
      content: "\f16d";
      font-family: "Icon";
      font-size: 32px;
      line-height: 40px; }
    #Footer .RightNav ul.plain > li a.line:before {
      content: "\e900";
      font-family: "IconEX";
      font-size: 32px;
      line-height: 40px; }
    #Footer .RightNav ul.plain > li a.soundcloud:before {
      content: "\e901";
      font-family: "IconEX";
      font-size: 32px;
      line-height: 40px; }
    #Footer .RightNav ul.plain > li a.blogger:before {
      content: "\e902";
      font-family: "IconEX";
      font-size: 32px;
      line-height: 40px; }
    @media (max-width: 799px) {
      #Footer .RightNav {
        position: static;
        width: 100%; }
        #Footer .RightNav ul {
          margin-top: 0;
          text-align: center; }
          #Footer .RightNav ul li {
            display: inline-block; }
            #Footer .RightNav ul li a {
              color: white; }
            #Footer .RightNav ul li a:hover {
              color: rgba(255, 255, 255, 0.5); }
        #Footer .RightNav ul.round > li a {
          background: transparent; }
          #Footer .RightNav ul.round > li a:hover {
            background: transparent; } }
  #Footer .FootCopy {
    color: white;
    font-size: 18px;
    font-family: "Myriad Pro";
    text-align: center;
    padding: 15px 0; }
    @media (max-width: 799px) {
      #Footer .FootCopy {
        padding: 2vh 0;
        font-family: inherit; } }

.FootNaviList {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 799px) {
    .FootNaviList {
      flex-wrap: wrap;
      padding-top: 0; } }
  .FootNaviList li {
    display: inline-block;
    font-size: 14px; }
    @media (max-width: 799px) {
      .FootNaviList li {
        display: block;
        margin-bottom: 5vh;
        padding: 0;
        text-align: center;
        width: 50%; }
        .FootNaviList li:after {
          content: none; } }
    .FootNaviList li a {
      color: white; }
      @media (max-width: 799px) {
        .FootNaviList li a {
          text-align: center; } }
      .FootNaviList li a:hover {
        color: rgba(255, 255, 255, 0.5); }
    @media (max-width: 799px) {
      .FootNaviList li.FootNaviList__logo {
        width: 100%; } }
    .FootNaviList li.FootNaviList__logo p {
      color: #fff;
      font-size: 12px; }
      @media (max-width: 799px) {
        .FootNaviList li.FootNaviList__logo p {
          text-align: center; } }

.b_footer__nav {
  display: block;
  background: #f9f9f9;
  position: relative;
  padding-bottom: 45px; }
  @media (max-width: 799px) {
    .b_footer__nav {
      background: #fff; } }
  .b_footer__nav__menu {
    display: flex;
    justify-content: center; }
    .b_footer__nav__menu > li:last-of-type {
      display: none;
      position: absolute;
      bottom: 0;
      right: 0;
      background: #0c3e76;
      width: 65px;
      min-height: 65px; }
      .b_footer__nav__menu > li:last-of-type a {
        margin: 0;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .b_footer__nav__menu > li:last-of-type a span {
          font-size: 12px; }
    .b_footer__nav__menu > li a {
      display: block;
      margin: 0 27px;
      padding: 0 9px;
      border-radius: 6px; }
      .b_footer__nav__menu > li a:before {
        width: 40px;
        height: 40px;
        font-size: 36px;
        color: #0c3e76; }
      .b_footer__nav__menu > li a.twitter:before {
        content: "\f099";
        font-family: "Icon"; }
      .b_footer__nav__menu > li a.facebook:before {
        content: "\f09a";
        font-family: "Icon"; }
      .b_footer__nav__menu > li a.Instagram:before {
        content: "\f16d";
        font-family: "Icon"; }
      .b_footer__nav__menu > li a.up > span:before {
        content: "\f106";
        font-family: "Icon";
        display: block;
        width: 24px;
        height: auto;
        font-size: 36px;
        color: #fff;
        margin: 0 auto;
        line-height: 0.2;
        border-top: 3px dashed #fff; }
      .b_footer__nav__menu > li a:hover {
        opacity: 0.7; }
  @media (max-width: 799px) {
    .b_footer__nav {
      position: static;
      width: 100%; }
      .b_footer__nav .header__nav__menu {
        margin-top: 0;
        text-align: center; }
        .b_footer__nav .header__nav__menu li {
          display: inline-block; }
          .b_footer__nav .header__nav__menu li a {
            color: white; }
          .b_footer__nav .header__nav__menu li a:hover {
            color: rgba(255, 255, 255, 0.5); }
        .b_footer__nav .header__nav__menu li a {
          background: transparent; }
          .b_footer__nav .header__nav__menu li a:hover {
            background: transparent; } }

.footerbody_php:last-of-type {
  padding: 0; }

.footer_php #FooterNavi {
  background: #292929;
  padding: 30px 0; }
  @media (max-width: 799px) {
    .footer_php #FooterNavi {
      padding: 2vh 0; } }

.RightNav ul li:nth-of-type(-n+3) {
  display: none; }

@media (max-width: 799px) {
  #Footer .RightNav.active {
    padding: 0; } }
@media (max-width: 799px) {
  #Footer .RightNav.active ul li {
    margin-top: 0; } }
#Footer .RightNav.active ul li:nth-of-type(-n + 3) {
  display: none; }

/*# sourceMappingURL=common.css.map */