@charset "UTF-8";
/* ==========================================================================//
//
//　Layout
//
// ========================================================================== */
/** -------------------------------- **
	block
*** ----------------------------------------------------------------- ***/
.pc-block {
  display: block !important; }
  @media only screen and (max-width: 767px) {
    .pc-block {
      display: none !important; } }

/** -------------------------------- **
	margin
*** ----------------------------------------------------------------- ***/
.mt-half {
  margin-top: 0.5em !important; }

/* ==========================================================================//
//
//　Layout
//
// ========================================================================== */
/** -------------------------------- **
	Header
*** ----------------------------------------------------------------- ***/
.header-block {
  align-items: flex-end;
  padding: 1em 1.875rem; }
  @media only screen and (max-width: 767px) {
    .header-block {
      padding: 0 4%; } }

.site-title {
  padding: 0; }

.site-title-logo {
  max-width: 302px; }

.site-title-obog {
  max-width: 181px;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .site-title-obog {
      position: absolute;
      bottom: 0.5em;
      right: 4em;
      height: 1rem; } }
  @media only screen and (max-width: 767px) {
    .site-title-obog img {
      height: 100%; } }

.nav {
  display: none; }
  @media only screen and (max-width: 767px) {
    .nav {
      display: block; } }

/** -------------------------------- **
	Contents
*** ----------------------------------------------------------------- ***/
.main-block {
  margin-top: 53px; }
  @media only screen and (max-width: 767px) {
    .main-block {
      margin-top: 35px; } }

/* ==========================================================================//
//
//　OBOG会
//
// ========================================================================== */
/** -------------------------------- **
	KV
*** ----------------------------------------------------------------- ***/
.obogtop-kv {
  height: 558px;
  background: url("../images/obog/img_obogtop-kv.jpg") no-repeat center center/cover; }
  @media only screen and (max-width: 767px) {
    .obogtop-kv {
      height: calc(375 / 375 * 100vw); } }
  .obogtop-kv ._inner {
    position: relative;
    max-width: 1000px;
    height: 100%;
    margin: 0 auto; }

.obogtop-kv-title {
  position: absolute;
  left: 32px;
  bottom: 85px;
  margin: 0;
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  line-height: calc(63 / 42);
  letter-spacing: 0; }
  @media only screen and (max-width: 767px) {
    .obogtop-kv-title {
      left: calc(20 / 375 * 100vw);
      bottom: calc(55 / 375 * 100vw);
      margin: 0;
      font-size: calc(18 / 375 * 100vw); } }

/** -------------------------------- **
	section
*** ----------------------------------------------------------------- ***/
.sec + .sec {
  margin-top: 2.375em; }
  @media only screen and (max-width: 767px) {
    .sec + .sec {
      margin-top: 1.75em; } }

.page-contents {
  margin: 0; }
  .page-contents .rod-title {
    margin: 0 0 1.1em;
    padding: 11.25px 10px 11.25px 19px;
    color: #171f55;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
    border: solid #171f55;
    border-width: 0 0 4px 12px;
    background-color: #fdd000; }
    @media only screen and (max-width: 767px) {
      .page-contents .rod-title {
        margin: 0 0 0.75em;
        padding: 9px 8px 8.75px 10px;
        font-size: 21px;
        border-width: 0 0 2px 5px; } }
  .page-contents .square-title {
    margin: 0 30px 0.25em;
    padding: 0;
    color: #171f55;
    font-size: 20px !important;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    border: none; }
    @media only screen and (max-width: 767px) {
      .page-contents .square-title {
        font-size: 15px !important;
        margin: 0 3.6231884% 0.25em; } }
    .page-contents .square-title::before {
      content: '■';
      display: inline-block;
      margin-right: 0.25em; }
  .page-contents .text-box {
    margin-left: 30px;
    margin-right: 30px; }
    @media only screen and (max-width: 767px) {
      .page-contents .text-box {
        margin-right: 3.6231884%;
        margin-left: 3.6231884%; } }
    .page-contents .text-box * {
      margin: 0;
      font-size: 16px !important;
      line-height: 1.75;
      letter-spacing: 0; }
      @media only screen and (max-width: 767px) {
        .page-contents .text-box * {
          font-size: 13px !important; } }
    .page-contents .text-box + .square-title {
      margin-top: 1em; }
      @media only screen and (max-width: 767px) {
        .page-contents .text-box + .square-title {
          margin-top: 0.75em; } }
  .page-contents .text-list {
    margin-left: 1.25em;
    padding-left: 0; }
    .page-contents .text-list > li {
      display: flex;
      font-weight: normal; }
      .page-contents .text-list > li .icon {
        flex-shrink: 1; }

.card-list {
  display: flex;
  justify-content: space-between;
  margin-top: 17px;
  margin-left: 35px;
  padding-right: 1em;
  list-style: none !important; }
  @media only screen and (max-width: 767px) {
    .card-list {
      flex-wrap: wrap;
      margin-top: 10px;
      margin-right: 3.6231884%;
      margin-left: 3.6231884%;
      padding-right: 0;
      padding-left: 1.25em !important; } }
  .card-list > li {
    width: calc((100% - 20px) / 2);
    border: 1px solid #231815; }
    @media only screen and (max-width: 767px) {
      .card-list > li {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .card-list > li + li {
        margin-top: 15px; } }
  .card-list .card-title {
    margin: 0;
    padding: 11px 20px;
    color: #fff;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 0;
    background-color: #171f55; }
    @media only screen and (max-width: 767px) {
      .card-list .card-title {
        padding: 9.75px 15px;
        font-size: 17px; } }
  .card-list .card-text {
    padding: 30px 40px; }
    @media only screen and (max-width: 767px) {
      .card-list .card-text {
        padding: 20px 15px; } }
    .card-list .card-text p {
      margin: 0;
      font-size: 20px;
      font-weight: normal;
      line-height: 1.5;
      letter-spacing: 0; }
      @media only screen and (max-width: 767px) {
        .card-list .card-text p {
          font-size: 15px; } }
    .card-list .card-text .payee-title {
      margin-top: 1em;
      margin-bottom: 0.5em;
      font-weight: 600; }
    .card-list .card-text .payee-data-list .payee-data-row {
      display: flex;
      margin: 0; }
      .card-list .card-text .payee-data-list .payee-data-row + .payee-data-row {
        margin-top: 5px; }
        @media only screen and (max-width: 767px) {
          .card-list .card-text .payee-data-list .payee-data-row + .payee-data-row {
            margin-top: 3px; } }
      .card-list .card-text .payee-data-list .payee-data-row > dt,
      .card-list .card-text .payee-data-list .payee-data-row > dd {
        font-size: 18px;
        font-weight: normal;
        line-height: 1.5;
        letter-spacing: 0; }
        @media only screen and (max-width: 767px) {
          .card-list .card-text .payee-data-list .payee-data-row > dt,
          .card-list .card-text .payee-data-list .payee-data-row > dd {
            font-size: 13px; } }
      .card-list .card-text .payee-data-list .payee-data-row > dt {
        width: 6em; }
      .card-list .card-text .payee-data-list .payee-data-row > dd {
        width: calc(100% - 6em);
        margin: 0; }
  .card-list .card-pay-link {
    margin: 30px 0 0 !important; }
    @media only screen and (max-width: 767px) {
      .card-list .card-pay-link {
        margin: 20px auto 0 !important; } }
    .card-list .card-pay-link a {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 26px 30px 25.75px 30px;
      border: 1px solid #231815;
      background-color: #fdd000; }
      @media only screen and (max-width: 767px) {
        .card-list .card-pay-link a {
          margin: 0 auto;
          padding: 16.5px 10px; } }
      .card-list .card-pay-link a::after {
        content: '';
        width: 42px;
        height: 37px;
        margin-left: 1.5em;
        background: url("../images/obog/icon_card-pay-arr.svg") no-repeat center center/contain; }
        @media only screen and (max-width: 767px) {
          .card-list .card-pay-link a::after {
            width: 26px;
            height: 21.5px;
            margin-left: 1.25em; } }
      .card-list .card-pay-link a:hover {
        opacity: 0.8;
        text-decoration: none; }
      .card-list .card-pay-link a .card-pay-text > span {
        display: block;
        color: #171f55;
        font-weight: 600;
        line-height: 1.25;
        letter-spacing: 0; }
      .card-list .card-pay-link a .card-pay-text .card-pay-main {
        font-size: 28px; }
        @media only screen and (max-width: 767px) {
          .card-list .card-pay-link a .card-pay-text .card-pay-main {
            font-size: 18px; } }
      .card-list .card-pay-link a .card-pay-text .card-pay-sub {
        margin-top: 5px;
        font-size: 21px; }
        @media only screen and (max-width: 767px) {
          .card-list .card-pay-link a .card-pay-text .card-pay-sub {
            font-size: 14px; } }
  .card-list + .square-title {
    margin-top: 1.5em; }

.regist-link-list {
  display: flex;
  justify-content: space-between;
  margin: 35px 1em 0 0;
  list-style: none !important; }
  @media only screen and (max-width: 767px) {
    .regist-link-list {
      flex-wrap: wrap;
      margin: 20px 3.6231884% 0;
      padding-left: 0 !important; } }
  .regist-link-list > li {
    width: calc((100% - 20px) / 2); }
    @media only screen and (max-width: 767px) {
      .regist-link-list > li {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .regist-link-list > li + li {
        margin-top: 15px; } }
    .regist-link-list > li a {
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100px;
      color: #171f55;
      font-size: 32px;
      font-weight: 600;
      line-height: 1.25;
      letter-spacing: 0;
      border: 1px solid #231815;
      background-color: #fdd000; }
      @media only screen and (max-width: 767px) {
        .regist-link-list > li a {
          padding: 10px 15px;
          min-height: 65px;
          font-size: 18px; } }
      .regist-link-list > li a:hover {
        text-decoration: none !important;
        opacity: .8; }
      .regist-link-list > li a::after {
        content: '';
        display: inline-block;
        width: 52px;
        height: 43px;
        margin-left: 25px;
        background: url("../images/obog/icon_card-pay-arr.svg") no-repeat center center/contain; }
        @media only screen and (max-width: 767px) {
          .regist-link-list > li a::after {
            width: 26px;
            height: 21.5px;
            margin-left: 15px; } }