@charset "UTF-8";
/* compileNested: ../$1.css*/
/*--------------------------------------------------------------
# Function
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
html {
  background: #30353a; }
  html body {
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px; }
    @media only screen and (min-width: 768px) {
      html body .sp-box {
        display: none; } }
    @media only screen and (max-width: 767px) {
      html body .pc-box {
        display: none; } }
    html body div:focus {
      outline: none; }
    html body img {
      max-width: 100%; }
    html body .small-txt {
      font-size: 0.8em; }
    html body h2 {
      font-size: 1.3em; }
    html body h3 {
      font-size: 1.1em; }
    html body h4 {
      font-size: 1em; }
    html body a {
      outline: none;
      color: #333; }
      html body a:hover {
        color: #333;
        text-decoration: none; }
        html body a:hover img {
          opacity: 0.8;
          filter: alpha(opacity=80);
          transition: 0.2s; }
      html body a:active {
        color: #333; }
      html body a:focus {
        color: #333;
        outline: none; }
      html body a:visited {
        color: #333; }
    html body .btn a {
      display: inline-block;
      background: #66c32b;
      text-align: center;
      text-decoration: none;
      border-radius: 3px;
      padding: 0.5em 1em;
      font-size: 1.1em;
      font-weight: bold; }
      html body .btn a:hover {
        background: #509922;
        transition: 0.2s; }
    html body button, html body input, html body select, html body textarea {
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 500; }

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
body .site {
  background: #fff; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
body .site-header {
  position: relative;
  background: #2cbcb1; }
  body .site-header .corp-branding {
    background: #30353a; }
    body .site-header .corp-branding .corp-branding-content {
      width: 1200px;
      max-width: 90%;
      margin: 0 auto;
      display: flex;
      -webkit-flex-pack: justify;
      justify-content: space-between;
      align-items: center; }
      body .site-header .corp-branding .corp-branding-content .logo-corp {
        padding: 5px 0 0 0; }
      body .site-header .corp-branding .corp-branding-content .tel-contact {
        color: #f7ac3b; }
        body .site-header .corp-branding .corp-branding-content .tel-contact .tel-contact-title {
          color: #fff; }
        body .site-header .corp-branding .corp-branding-content .tel-contact .tel-contact-number {
          color: #f7ac3b;
          font-size: 1.2rem;
          font-weight: bold; }
          body .site-header .corp-branding .corp-branding-content .tel-contact .tel-contact-number a {
            color: #f7ac3b; }
  body .site-header .header-content {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    -webkit-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    body .site-header .header-content .site-branding .site-branding-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 200px;
      z-index: 1000;
      background: #fff;
      border-radius: 0 0 1rem 1rem;
      padding: 0.5rem 1rem;
      box-shadow: 0 0 8px rgba(44, 188, 177, 0.8);
      width: 200px; }
      @media only screen and (max-width: 1000px) {
        body .site-header .header-content .site-branding .site-branding-content {
          width: 180px; } }
      @media only screen and (max-width: 800px) {
        body .site-header .header-content .site-branding .site-branding-content {
          width: 140px; } }
      body .site-header .header-content .site-branding .site-branding-content .site-title {
        margin: 5px 0;
        padding: 0; }
        body .site-header .header-content .site-branding .site-branding-content .site-title a:hover img {
          opacity: 1.0;
          filter: alpha(opacity=100); }

@media only screen and (min-width: 768px) {
  body.is-fixed .site-header {
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
    left: 0; }
    body.is-fixed .site-header .corp-branding {
      display: none; }
    body.is-fixed .site-header .header-content {
      height: 52px; }
      body.is-fixed .site-header .header-content .site-branding-content {
        width: 140px; }
  body.is-fixed.admin-bar .site-header {
    top: 32px; } }

@media only screen and (max-width: 767px) {
  body .site-header {
    width: 100%;
    z-index: 10000;
    min-height: 70px; }
    body .site-header .corp-branding {
      display: none; }
    body .site-header .header-content {
      max-width: 100%; }
      body .site-header .header-content .site-branding .site-branding-content {
        width: 125px; }
        body .site-header .header-content .site-branding .site-branding-content .site-title {
          padding: 5px; } }

/*--------------------------------------------------------------
# Nav
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .main-navigation .menu-toggle {
    position: absolute;
    top: 0.8em;
    right: 0.8em;
    text-align: center;
    background: #fff;
    padding: 0.3em 0.5em; }
    .main-navigation .menu-toggle i {
      font-size: 2em;
      display: block; }
  .main-navigation ul.nav-menu {
    margin-top: 80px;
    border-top: 1px solid #e3ffea; }
    .main-navigation ul.nav-menu li {
      background: rgba(227, 255, 234, 0.2);
      list-style: none;
      border-bottom: 1px solid #e3ffea;
      display: block;
      width: 100%; }
      .main-navigation ul.nav-menu li a {
        padding: 0.7em 0;
        font-weight: normal;
        font-size: 1.1em;
        color: #fff; }
      .main-navigation ul.nav-menu li.btn-contact-pc {
        display: none; }
      .main-navigation ul.nav-menu li.btn-contact-sp a {
        font-size: 1.1em;
        font-weight: bold;
        background: #ffdb47;
        border-radius: 3px;
        width: 90%;
        margin: 0.5em auto;
        color: #333; }
        .main-navigation ul.nav-menu li.btn-contact-sp a:hover {
          background: #ffd114;
          transition: 0.2s; }
      .main-navigation ul.nav-menu li .submenu {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%; }
        .main-navigation ul.nav-menu li .submenu li {
          background: rgba(227, 255, 234, 0.3); }
          .main-navigation ul.nav-menu li .submenu li a {
            width: 100%; } }

@media only screen and (min-width: 768px) {
  .main-navigation {
    color: #fff;
    margin-left: 280px;
    position: relative; } }
  @media only screen and (min-width: 768px) and (max-width: 1000px) {
    .main-navigation {
      margin-left: 200px; } }
  @media only screen and (min-width: 768px) and (max-width: 800px) {
    .main-navigation {
      margin-left: 150px; } }

@media only screen and (min-width: 768px) {
    .main-navigation ul.nav-menu {
      display: flex;
      justify-content: space-around; } }
    @media only screen and (min-width: 768px) and (max-width: 1100px) {
      .main-navigation ul.nav-menu {
        justify-content: flex-end;
        flex-wrap: wrap; } }

@media only screen and (min-width: 768px) {
      .main-navigation ul.nav-menu li a {
        color: #fff;
        text-decoration: none;
        font-size: 1.1em;
        font-weight: bold;
        padding: 0.8em 0.5em; }
        .main-navigation ul.nav-menu li a:hover {
          border-bottom: 0.3em solid #ffdb47;
          transition: 0.1s;
          box-sizing: border-box;
          padding: 0.8em 0.5em 0.5em 0.5em; }
      .main-navigation ul.nav-menu li.btn-contact-sp {
        display: none; }
      .main-navigation ul.nav-menu li.btn-contact-pc {
        margin: 0.5em 0 0.5em 0.5em;
        width: 10rem; }
        .main-navigation ul.nav-menu li.btn-contact-pc .btn {
          cursor: pointer;
          font-weight: bold;
          background: #fff;
          border-radius: 5px;
          padding: 0.5rem 1em;
          color: #ff7830;
          width: 10rem;
          border: 2px solid #ff7830; }
          .main-navigation ul.nav-menu li.btn-contact-pc .btn:after {
            content: '▼';
            padding-left: 5px; }
          .main-navigation ul.nav-menu li.btn-contact-pc .btn:hover {
            background: #feeee1;
            transition: 0.2s; }
            .main-navigation ul.nav-menu li.btn-contact-pc .btn:hover:after {
              color: #f5970a;
              transition: 0.2s; }
          .main-navigation ul.nav-menu li.btn-contact-pc .btn.on:after {
            content: '▲';
            transition: 0.2s; }
      .main-navigation ul.nav-menu li .submenu {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
        top: 54px;
        background: #fff; }
        .main-navigation ul.nav-menu li .submenu li {
          border-bottom: 2px solid #2cbcb1;
          background: #fff; }
          .main-navigation ul.nav-menu li .submenu li a {
            color: #2cbcb1; } }

.contact-box {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 130px;
  z-index: 900; }
  .contact-box .contact-box-content {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    background: #eaeaea;
    border-radius: 3px;
    padding: 3rem 1rem 1rem 1rem;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .contact-box .contact-box-content .contact-box-list {
        display: flex; }
        .contact-box .contact-box-content .contact-box-list .contact-box-list-item {
          width: 32%; } }
    .contact-box .contact-box-content .contact-box-list .contact-box-list-item {
      margin: 2% 1%;
      background: #fff;
      border-radius: 5px;
      padding: 1rem; }
      .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-title {
        margin: 1rem auto 0.5rem auto; }
      .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-tel {
        font-size: 2rem;
        color: #ff2424;
        font-weight: bold;
        line-height: 1.4;
        text-align: center; }
        .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-tel a {
          color: #ff2424;
          font-size: 1.4rem; }
      .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-tel-sub {
        font-size: 0.7rem;
        text-align: center; }
      .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-note {
        text-align: left;
        min-height: 5rem; }
      .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-btn {
        text-align: center;
        margin: 1rem auto; }
        .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-btn a {
          display: block;
          background: #305ba0;
          color: #fff;
          text-decoration: none;
          padding: 0.5rem;
          box-sizing: border-box;
          font-size: 1.1rem;
          border-radius: 10px;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          position: relative;
          font-weight: bold;
          border: 2px solid #305ba0; }
          .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-btn a:hover {
            background: #244579;
            transition: 0.2s; }
          .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-btn a i {
            font-size: 1.5rem;
            margin-right: 0.3rem; }
        .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-btn.contact-box-list-item-btn--inquiry a {
          background: #fff;
          color: #305ba0;
          border: 2px solid #305ba0; }
          .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-btn.contact-box-list-item-btn--inquiry a:hover {
            background: #dbe5f4;
            border-color: #2a508c;
            color: #2a508c; }
        .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-btn.contact-box-list-item-btn--login a {
          background: #fff;
          color: #2cbcb1;
          border: 2px solid #2cbcb1; }
          .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-btn.contact-box-list-item-btn--login a:hover {
            background: #ecfbfa;
            border-color: #27a79e;
            color: #27a79e; }
      @media only screen and (min-width: 768px) and (max-width: 870px) {
        .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-title {
          font-size: 1rem; }
        .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-tel {
          font-size: 1.4rem; }
        .contact-box .contact-box-content .contact-box-list .contact-box-list-item .contact-box-list-item-btn a {
          font-size: 1rem; } }
    .contact-box .contact-box-content .contact-box-btn {
      text-align: center;
      margin: 0.5rem auto; }
      .contact-box .contact-box-content .contact-box-btn a {
        background: #ff7840;
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        padding: 0.4rem 1rem;
        margin: 0 auto;
        border-radius: 10px;
        text-decoration: none;
        font-weight: 700;
        width: 354px;
        max-width: 96%;
        display: block;
        font-size: 24px;
        border: 3px solid #ff7840; }
        .contact-box .contact-box-content .contact-box-btn a:hover {
          background: #ff540d;
          transition: 0.2s; }
    .contact-box .contact-box-content .contact-box-close {
      position: absolute;
      top: 1rem;
      right: 1rem; }
      .contact-box .contact-box-content .contact-box-close .contact-box-close-btn {
        cursor: pointer;
        opacity: 0.8;
        filter: alpha(opacity=80); }
        .contact-box .contact-box-content .contact-box-close .contact-box-close-btn:hover {
          opacity: 1.0;
          filter: alpha(opacity=100);
          transition: 0.2s; }

.admin-bar .contact-box {
  top: 130px; }

@media only screen and (min-width: 768px) {
  .is-fixed .contact-box {
    position: fixed;
    top: 80px; } }

/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
.breadcrumb {
  padding: 0.6em 0; }
  .breadcrumb ul.path {
    width: 980px;
    max-width: 90%;
    margin: 0 auto;
    font-size: 0.8em;
    padding: 0; }
    .breadcrumb ul.path li {
      list-style: none;
      padding: 0;
      display: inline; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.content-area {
  text-align: left; }
  .content-area .hentry {
    margin: 0 auto; }
  .content-area .site-main {
    position: relative; }
    .content-area .site-main .entry-header {
      position: relative;
      background: #e3ffea; }
      .content-area .site-main .entry-header .entry-title {
        width: 100%;
        text-align: center;
        font-size: 1.7rem;
        font-weight: bold;
        padding: 2rem 0;
        margin: 0; }
      @media only screen and (max-width: 767px) {
        .content-area .site-main .entry-header .entry-title {
          padding: 0.8em 0;
          font-size: 1.2em;
          font-weight: normal; } }
    .content-area .site-main .blank-content {
      margin: 0 auto;
      overflow: hidden; }
    .content-area .site-main .entry-content {
      width: 980px;
      max-width: 90%;
      margin: 0 auto;
      margin: 0 auto 2rem auto; }
      .content-area .site-main .entry-content h2 {
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        padding: 0.8rem 0;
        margin: 2.5rem 0 1rem 0;
        line-height: 1.5rem; }
      .content-area .site-main .entry-content h3 {
        color: #2cbcb1;
        line-height: 1.5rem; }
      .content-area .site-main .entry-content h4 {
        margin: 1rem 0 0.2rem 0; }
      .content-area .site-main .entry-content h5 {
        color: #2cbcb1;
        font-size: 1rem;
        margin: 0.6rem 0 0.2rem 0; }
      .content-area .site-main .entry-content p {
        margin: 0 0 0.6rem 0; }
      .content-area .site-main .entry-content ul {
        margin: 0.6rem 0;
        padding: 0; }
        .content-area .site-main .entry-content ul li {
          list-style: none;
          display: flex; }
          .content-area .site-main .entry-content ul li:before {
            content: '●';
            color: #2cbcb1; }
      .content-area .site-main .entry-content img {
        max-width: 100%; }
        .content-area .site-main .entry-content img.width100 {
          width: 100%; }
      .content-area .site-main .entry-content hr {
        background-color: #eaeaea;
        margin: 1.5rem 0; }
      .content-area .site-main .entry-content strong {
        color: #ff2424; }
      .content-area .site-main .entry-content .text-left {
        text-align: left; }
      .content-area .site-main .entry-content .text-right {
        text-align: right; }
      .content-area .site-main .entry-content .text-center {
        text-align: center; }
      .content-area .site-main .entry-content .text-justify {
        text-align: justify; }
      .content-area .site-main .entry-content a.btn {
        display: inline-block;
        background: #66c32b;
        border-radius: 3px;
        padding: 0.6rem 2rem;
        margin: 1rem 0;
        color: #fff;
        text-decoration: none;
        text-align: center; }
        .content-area .site-main .entry-content a.btn:hover {
          background: #55a224;
          transition: 0.2s; }
      .content-area .site-main .entry-content a.btn2 {
        display: inline-block;
        background: #00beec;
        border-radius: 3px;
        padding: 0.6rem 2rem;
        margin: 1rem 0;
        color: #fff;
        text-decoration: none;
        text-align: center; }
        .content-area .site-main .entry-content a.btn2:hover {
          background: #009dc3;
          transition: 0.2s; }
      .content-area .site-main .entry-content a.btn3 {
        display: inline-block;
        background: #ffdb47;
        border-radius: 3px;
        padding: 0.6rem 2rem;
        margin: 1rem 0;
        color: #000;
        text-decoration: none;
        text-align: center;
        font-weight: bold; }
        .content-area .site-main .entry-content a.btn3:hover {
          background: #ffd31e;
          transition: 0.2s; }
      .content-area .site-main .entry-content .gray-box {
        background: url(./images/bg_gray.png);
        border-radius: 3px;
        padding: 0.6rem 0.8rem;
        margin: 1rem auto;
        text-align: center; }
      .content-area .site-main .entry-content .blue-box {
        background: #e3ffea;
        border-radius: 3px;
        padding: 0.6rem 0.8rem;
        margin: 1rem auto;
        text-align: center; }
      @media only screen and (max-width: 767px) {
        .content-area .site-main .entry-content .alignright, .content-area .site-main .entry-content .alignleft {
          display: block;
          float: none;
          margin: 0.5em auto; } }
      .content-area .site-main .entry-content table {
        border-top: 1px solid #eaeaea;
        border-left: 1px solid #eaeaea; }
        .content-area .site-main .entry-content table tr th {
          padding: 0.5em;
          background: #e3ffea;
          border-bottom: 1px solid #eaeaea;
          border-right: 1px solid #eaeaea; }
        .content-area .site-main .entry-content table tr td {
          padding: 0.8em;
          box-sizing: border-box;
          border-bottom: 1px solid #eaeaea;
          border-right: 1px solid #eaeaea; }
        @media only screen and (min-width: 768px) {
          .content-area .site-main .entry-content table tr th {
            min-width: 180px; } }
        @media only screen and (max-width: 767px) {
          .content-area .site-main .entry-content table tr {
            width: 100%;
            display: block;
            border-bottom: 1px solid #eaeaea;
            border-right: 1px solid #eaeaea; }
            .content-area .site-main .entry-content table tr th, .content-area .site-main .entry-content table tr td {
              padding: 0.5em;
              width: 100%;
              display: block;
              box-sizing: border-box;
              border: none; } }
    .content-area .site-main .mw_wp_form {
      width: 800px;
      max-width: 100%;
      margin: 2em auto; }
      .content-area .site-main .mw_wp_form .form-item {
        padding: 0.3em 0;
        border-bottom: 1px dotted #eaeaea; }
        .content-area .site-main .mw_wp_form .form-item .must {
          color: #ff2424;
          font-size: 0.8em;
          font-weight: normal; }
        .content-area .site-main .mw_wp_form .form-item .error {
          color: #ff2424; }
        @media only screen and (min-width: 768px) {
          .content-area .site-main .mw_wp_form .form-item {
            display: flex; }
            .content-area .site-main .mw_wp_form .form-item .form-ttl {
              width: 30%; }
            .content-area .site-main .mw_wp_form .form-item .form-content {
              width: 70%; } }
        .content-area .site-main .mw_wp_form .form-item .form-ttl {
          background: #eaeaea;
          padding: 0.6em 0.4rem;
          box-sizing: border-box;
          position: relative;
          font-weight: bold; }
          .content-area .site-main .mw_wp_form .form-item .form-ttl .must {
            position: absolute;
            right: 0.5em;
            top: 1em; }
        .content-area .site-main .mw_wp_form .form-item .form-content {
          padding: 0.4em 0.7em;
          box-sizing: border-box; }
          .content-area .site-main .mw_wp_form .form-item .form-content .form-content-box {
            margin: 0.5em 0; }
          .content-area .site-main .mw_wp_form .form-item .form-content input {
            max-width: 100%; }
          .content-area .site-main .mw_wp_form .form-item .form-content select {
            height: 2em; }
          .content-area .site-main .mw_wp_form .form-item .form-content .note {
            margin: 0 0.5em; }
            .content-area .site-main .mw_wp_form .form-item .form-content .note.first-note {
              margin-left: 0; }
      .content-area .site-main .mw_wp_form .form-submit {
        text-align: center; }
        @media only screen and (min-width: 768px) {
          .content-area .site-main .mw_wp_form .form-submit {
            display: flex;
            margin: 2rem auto; } }
        .content-area .site-main .mw_wp_form .form-submit input {
          font-size: 1.4em;
          width: 300px;
          max-width: 100%;
          height: 2.6em;
          background: #66c32b;
          border-color: #66c32b;
          font-weight: normal;
          color: #fff;
          margin: 0.5em auto;
          border-radius: 0; }
          .content-area .site-main .mw_wp_form .form-submit input:hover {
            background: rgba(102, 195, 43, 0.8);
            transition: 0.2s; }
          .content-area .site-main .mw_wp_form .form-submit input.prev {
            background: #eaeaea;
            border-color: #ddd;
            color: #333; }
            .content-area .site-main .mw_wp_form .form-submit input.prev:hover {
              background: #d1d1d1;
              transition: 0.2s; }
      .content-area .site-main .mw_wp_form.mw_wp_form_complete {
        margin: 3em auto;
        padding: 2em;
        border: 1px solid #66c32b; }
    .content-area .site-main .tab-list, .content-area .site-main .page-list {
      border: 1px solid #eaeaea;
      border-radius: 10px;
      margin-top: 1rem; }
      .content-area .site-main .tab-list .tab-btn, .content-area .site-main .page-list .tab-btn {
        border-radius: 10px;
        overflow: hidden; }
        @media only screen and (min-width: 768px) {
          .content-area .site-main .tab-list .tab-btn, .content-area .site-main .page-list .tab-btn {
            display: flex;
            justify-content: space-around; }
            .content-area .site-main .tab-list .tab-btn .tab-btn-item, .content-area .site-main .page-list .tab-btn .tab-btn-item {
              border-left: 1px solid #d1d1d1; }
              .content-area .site-main .tab-list .tab-btn .tab-btn-item:first-child, .content-area .site-main .page-list .tab-btn .tab-btn-item:first-child {
                border-left: none; } }
        @media only screen and (max-width: 767px) {
          .content-area .site-main .tab-list .tab-btn .tab-btn-item, .content-area .site-main .page-list .tab-btn .tab-btn-item {
            border-top: 1px solid #d1d1d1; }
            .content-area .site-main .tab-list .tab-btn .tab-btn-item:first-child, .content-area .site-main .page-list .tab-btn .tab-btn-item:first-child {
              border-top: none; } }
        .content-area .site-main .tab-list .tab-btn .tab-btn-item, .content-area .site-main .page-list .tab-btn .tab-btn-item {
          display: block;
          background: #eaeaea;
          width: 100%;
          text-align: center;
          padding: 1em 0;
          font-size: 1.1em;
          font-weight: bold;
          cursor: pointer;
          text-decoration: none; }
          .content-area .site-main .tab-list .tab-btn .tab-btn-item.select, .content-area .site-main .page-list .tab-btn .tab-btn-item.select {
            background: #2cbcb1;
            color: #fff;
            transition: 0.5s; }
          .content-area .site-main .tab-list .tab-btn .tab-btn-item:hover, .content-area .site-main .page-list .tab-btn .tab-btn-item:hover {
            background: #d1d1d1;
            transition: 0.2s; }
    @media only screen and (min-width: 768px) {
      .content-area .site-main .flex-box {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap; }
        .content-area .site-main .flex-box .box-child {
          width: 48%;
          margin: 1% 1%; }
          .content-area .site-main .flex-box .box-child.box-child-20 {
            width: 18%;
            margin: 1% 1%; }
          .content-area .site-main .flex-box .box-child.box-child-25 {
            width: 23%;
            margin: 1% 1%; }
          .content-area .site-main .flex-box .box-child.box-child-40 {
            width: 38%;
            margin: 1% 1%; }
          .content-area .site-main .flex-box .box-child.box-child-60 {
            width: 58%;
            margin: 1% 1%; }
          .content-area .site-main .flex-box .box-child.box-child-30 {
            width: 31%;
            margin: 1% 1%; }
          .content-area .site-main .flex-box .box-child.box-child-70 {
            width: 65%;
            margin: 1% 1%; } }
    .content-area .site-main .no-entry {
      margin: 2rem auto 4rem auto; }
    .content-area .site-main .wp-pagenavi {
      margin: 1rem auto;
      text-align: center; }
      .content-area .site-main .wp-pagenavi span, .content-area .site-main .wp-pagenavi a {
        padding: 0.2rem 0.4rem; }
        .content-area .site-main .wp-pagenavi span.current, .content-area .site-main .wp-pagenavi a.current {
          border-color: #BFBFBF;
          font-weight: normal;
          background: #ececec;
          color: #717171; }
        .content-area .site-main .wp-pagenavi span.nextpostslink, .content-area .site-main .wp-pagenavi span.previouspostslink, .content-area .site-main .wp-pagenavi a.nextpostslink, .content-area .site-main .wp-pagenavi a.previouspostslink {
          border: none; }

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.side-widget-area {
  margin-bottom: 2em; }
  .side-widget-area .widget {
    margin: 0 0 1em;
    padding: 0.5em 1em 1em 1em;
    background: #e3ffea;
    border-radius: 0.5rem; }
    .side-widget-area .widget.widget_nav_menu {
      background: #c2e8f5; }
      .side-widget-area .widget.widget_nav_menu .widget-title {
        position: relative; }
      .side-widget-area .widget.widget_nav_menu ul li a {
        display: flex; }
        .side-widget-area .widget.widget_nav_menu ul li a:before {
          content: '\f00c';
          font-family: 'FontAwesome';
          color: #2cbcb1;
          min-width: 1.2rem;
          margin: 0 0.2rem; }
        .side-widget-area .widget.widget_nav_menu ul li a .menu-item-description {
          font-size: 0.9rem;
          line-height: 1.3rem;
          background: rgba(255, 255, 255, 0.84);
          padding: 0.3rem;
          border-radius: 0.5rem;
          font-weight: normal;
          margin: 0.4rem 0; }
    .side-widget-area .widget.widget_top-posts {
      background: #c2e8f5; }
      .side-widget-area .widget.widget_top-posts .widget-title {
        position: relative; }
      .side-widget-area .widget.widget_top-posts ul li a {
        display: flex; }
        .side-widget-area .widget.widget_top-posts ul li a:before {
          content: '\f005';
          font-family: 'FontAwesome';
          color: #2cbcb1;
          min-width: 1.2rem;
          margin: 0 0.2rem; }
  .side-widget-area .widget .widget-title {
    font-size: 1.1em;
    margin: 0.4em auto;
    border-radius: 5rem;
    text-align: center;
    padding: 0.2rem 0; }
  .side-widget-area .widget p {
    margin: 0.2em auto; }
  .side-widget-area .widget ul, .side-widget-area .widget ol {
    margin: 0.5rem auto;
    padding: 0; }
    .side-widget-area .widget ul li, .side-widget-area .widget ol li {
      list-style: none;
      line-height: 1.4em;
      padding: 0.4rem;
      background: #fff;
      margin: 0.4rem 0;
      border-radius: 0.3rem; }
      .side-widget-area .widget ul li:hover, .side-widget-area .widget ol li:hover {
        background: rgba(255, 255, 255, 0.4);
        transition: 0.2s; }
  .side-widget-area .widget a {
    text-decoration: none; }
  .side-widget-area .widget_recent_entries .post-date {
    display: block;
    font-size: 0.8em; }
  .side-widget-area .widget_recent_entries a {
    display: block; }
  .side-widget-area .widget_search {
    text-align: center; }
    .side-widget-area .widget_search .search-field {
      width: 90%; }
    .side-widget-area .widget_search .search-submit {
      width: 60%;
      background: #2cbcb1;
      border: none;
      margin: 0.3em auto;
      font-size: 1em;
      color: #fff; }
      .side-widget-area .widget_search .search-submit:hover {
        background: rgba(44, 188, 177, 0.8);
        transition: 0.2s; }

/*--------------------------------------------------------------
# Pagetop
--------------------------------------------------------------*/
.pagetop {
  position: fixed;
  right: 1em;
  bottom: 90px;
  width: 40px;
  height: 40px;
  z-index: 1000; }
  .pagetop a {
    display: block;
    width: 40px;
    height: 40px;
    background: #eaeaea;
    text-decoration: none;
    text-align: center;
    font-size: 2em;
    line-height: 0;
    border-radius: 50%; }
    .pagetop a:hover {
      background: #d1d1d1;
      transition: 0.2s; }
  @media only screen and (min-width: 768px) {
    .pagetop {
      width: 50px;
      height: 50px;
      right: 2em;
      bottom: 2em; }
      .pagetop a {
        width: 50px;
        height: 50px;
        padding-top: 0.2em;
        box-sizing: border-box; } }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-guide {
  width: 980px;
  max-width: 90%;
  margin: 0 auto;
  margin: 1rem auto; }
  @media only screen and (min-width: 768px) {
    .footer-guide {
      display: flex; }
      .footer-guide .footer-guide-box {
        width: 31%; } }
  .footer-guide .footer-guide-box {
    margin: 1%;
    padding: 1rem; }
    .footer-guide .footer-guide-box h3 {
      text-align: center;
      color: #2cbcb1;
      margin: 0.5rem auto; }
    .footer-guide .footer-guide-box h4 {
      margin: 0.5rem 0 0 0; }
    .footer-guide .footer-guide-box p {
      margin: 0 0 0.5rem 0; }
    .footer-guide .footer-guide-box ul {
      margin: 0.6rem 0 0 0;
      padding: 0;
      min-height: 8rem; }
      .footer-guide .footer-guide-box ul li {
        margin: 0.5rem 0;
        list-style: none;
        display: flex;
        font-weight: bold; }
        .footer-guide .footer-guide-box ul li a {
          text-decoration: none; }
          .footer-guide .footer-guide-box ul li a:hover {
            text-decoration: underline; }
        .footer-guide .footer-guide-box ul li:before {
          content: '●';
          color: #2cbcb1;
          margin-right: 0.3rem; }
    .footer-guide .footer-guide-box a.btn {
      display: block;
      background: #305ba0;
      color: #fff;
      text-decoration: none;
      padding: 0.3rem;
      margin: 0.5rem auto;
      box-sizing: border-box;
      font-size: 1.1rem;
      border-radius: 10px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      position: relative;
      font-weight: bold;
      border: 2px solid #305ba0; }
      .footer-guide .footer-guide-box a.btn:hover {
        background: #244579;
        transition: 0.2s; }
      .footer-guide .footer-guide-box a.btn i {
        font-size: 1.5rem;
        margin-right: 0.3rem; }
    .footer-guide .footer-guide-box a.btn-apply {
      background: #ff7840;
      color: #fff;
      border: 2px solid #ff7840; }
      .footer-guide .footer-guide-box a.btn-apply:hover {
        background: #ff540d;
        color: #fff; }
    .footer-guide .footer-guide-box a.btn-login {
      background: #fff;
      color: #2cbcb1;
      border: 2px solid #2cbcb1; }
      .footer-guide .footer-guide-box a.btn-login:hover {
        background: #ecfbfa;
        border-color: #27a79e;
        color: #27a79e; }
  .footer-guide .footer-guide-box-user {
    border: 3px solid #e3ffea;
    border-radius: 3px; }
  .footer-guide .footer-guide-box-customer {
    border: 3px solid #e3ffea;
    border-radius: 3px; }
  .footer-guide .footer-guide-box-support {
    text-align: left;
    background: url(./images/img_support.png) right bottom no-repeat;
    background-size: 40%; }
    .footer-guide .footer-guide-box-support h3 {
      color: #333;
      text-align: left;
      font-size: 1.3rem;
      margin: 0;
      line-height: 1.5rem; }
    .footer-guide .footer-guide-box-support .footer-guide-box-tel {
      font-size: 2rem;
      color: #ff2424;
      font-weight: bold; }
    @media only screen and (min-width: 768px) and (max-width: 870px) {
      .footer-guide .footer-guide-box-support h3 {
        font-size: 1rem; }
      .footer-guide .footer-guide-box-support .footer-guide-box-tel {
        font-size: 1.4rem; } }

.partner−recruit {
  width: 980px;
  max-width: 90%;
  margin: 0 auto;
  background: url(./images/bg_gray.png);
  border-radius: 3px;
  padding: 1rem 2rem;
  margin: 2rem auto; }
  @media only screen and (min-width: 768px) {
    .partner−recruit .partner−recruit-content {
      background: url(./images/img_partner.png) left center no-repeat;
      padding-left: 140px;
      text-align: left; }
      .partner−recruit .partner−recruit-content .partner−recruit-text {
        display: flex;
        -webkit-flex-pack: justify;
        justify-content: space-between; }
        .partner−recruit .partner−recruit-content .partner−recruit-text .partner−recruit-btn {
          min-width: 12rem;
          margin-left: 1rem; } }
  @media only screen and (max-width: 767px) {
    .partner−recruit .partner−recruit-content {
      background: url(./images/img_partner.png) center top no-repeat;
      padding-top: 80px; } }
  .partner−recruit .partner−recruit-content .partner−recruit-title {
    margin: 0.2rem 0; }
  .partner−recruit .partner−recruit-content .partner−recruit-text p {
    margin: 0 0 0.2rem 0;
    text-align: justify; }
  .partner−recruit .partner−recruit-content a.btn {
    display: block;
    background: #ffdb47;
    color: #333;
    text-decoration: none;
    padding: 0.5rem 2rem;
    font-weight: bold; }
    .partner−recruit .partner−recruit-content a.btn:hover {
      background: #ffd114;
      transition: 0.2s; }

.site-footer {
  background: #2cbcb1; }
  .site-footer .footer-nav {
    background: #e3ffea; }
    .site-footer .footer-nav .footer-nav-content {
      width: 1200px;
      max-width: 90%;
      margin: 0 auto;
      text-align: left; }
      @media only screen and (min-width: 768px) {
        .site-footer .footer-nav .footer-nav-content {
          display: flex;
          -webkit-flex-pack: justify;
          justify-content: space-between;
          align-items: center; } }
      .site-footer .footer-nav .footer-nav-content ul {
        padding: 0;
        margin: 0; }
        .site-footer .footer-nav .footer-nav-content ul li {
          margin: 0;
          list-style: none;
          display: inline-block;
          list-style: none; }
          .site-footer .footer-nav .footer-nav-content ul li a {
            text-decoration: none;
            color: #333;
            font-size: 0.8rem; }
            .site-footer .footer-nav .footer-nav-content ul li a:hover {
              text-decoration: underline; }
          .site-footer .footer-nav .footer-nav-content ul li:after {
            content: '|';
            margin: 0 0.2rem; }
          .site-footer .footer-nav .footer-nav-content ul li:last-child:after {
            content: '.';
            margin: 0;
            color: #e3ffea; }
      .site-footer .footer-nav .footer-nav-content .rights-note {
        font-size: 0.7rem;
        margin: 0; }
        @media only screen and (max-width: 767px) {
          .site-footer .footer-nav .footer-nav-content .rights-note {
            padding: 0.5rem 0; } }
  .site-footer .footer-content {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .site-footer .footer-content {
        display: flex; }
        .site-footer .footer-content .footer-sitemap {
          width: 70%; }
        .site-footer .footer-content .footer-widget {
          width: 30%; } }
    .site-footer .footer-content .footer-widget {
      margin: 1rem auto;
      padding: 0 1rem; }
    .site-footer .footer-content .footer-sitemap {
      color: #fff;
      font-size: 0.9rem;
      text-align: left; }
      .site-footer .footer-content .footer-sitemap a {
        color: #fff;
        text-decoration: none; }
        .site-footer .footer-content .footer-sitemap a:hover {
          text-decoration: underline; }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box-title {
        margin: 0.3rem 0;
        padding: 0;
        font-size: 0.9rem;
        font-weight: normal; }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content-box-title {
        margin: 0.6rem 0 0.3rem 0;
        padding: 0;
        font-size: 0.9rem;
        font-weight: normal; }
      @media only screen and (min-width: 768px) {
        .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content {
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          -webkit-flex-pack: justify;
          justify-content: flex-start;
          align-items: flex-start; }
          .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box {
            max-width: 31%;
            width: 31%;
            margin: 1%; } }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content ul {
        margin: 0 0 0 1rem;
        padding: 0;
        font-size: 0.8rem; }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content p {
        font-size: 0.8rem;
        margin: 0.3rem 0; }
      @media only screen and (max-width: 767px) {
        .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content ul {
          margin: 0 0 0 2rem; }
        .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content p {
          margin: 0.3rem 0 0.8rem 1rem; } }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box01 {
        margin: 0.5rem auto;
        border-bottom: 1px solid #fff;
        padding-bottom: 1%; }
  .site-footer .site-info {
    background: #30353a;
    text-align: center;
    padding: 1em 0; }
    .site-footer .site-info a img {
      width: 200px; }

.footer-fixed {
  background: #30353a;
  width: 100%; }
  .footer-fixed .footer-fixed-link .footer-fixed-link-content {
    width: 980px;
    max-width: 90%;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .footer-fixed .footer-fixed-link .box-child {
    width: 19%;
    margin: 1% 0.5%; }
    .footer-fixed .footer-fixed-link .box-child a {
      display: block;
      background: #305ba0;
      color: #fff;
      text-decoration: none;
      padding: 0.2rem;
      box-sizing: border-box;
      font-size: 1rem;
      border-radius: 5px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      position: relative;
      font-weight: bold;
      border: 2px solid #fff; }
      .footer-fixed .footer-fixed-link .box-child a:hover {
        background: #244579;
        transition: 0.2s; }
      .footer-fixed .footer-fixed-link .box-child a i {
        font-size: 1rem;
        margin-right: 0.3rem; }
    .footer-fixed .footer-fixed-link .box-child.footer-fixed-link-login a {
      background: #fff;
      color: #2cbcb1;
      border: 2px solid #2cbcb1; }
      .footer-fixed .footer-fixed-link .box-child.footer-fixed-link-login a:hover {
        background: #ecfbfa;
        border-color: #27a79e;
        color: #27a79e; }
    .footer-fixed .footer-fixed-link .box-child.footer-fixed-link-apply a {
      background: #ff7840; }
      .footer-fixed .footer-fixed-link .box-child.footer-fixed-link-apply a:hover {
        background: #ff540d;
        border-color: #fff;
        color: #fff; }
  @media only screen and (max-width: 767px) {
    .footer-fixed .footer-fixed-link .box-child a {
      font-size: 0.6rem;
      font-weight: normal; }
      .footer-fixed .footer-fixed-link .box-child a i {
        display: block;
        text-align: center;
        margin: 0.1rem auto;
        font-size: 1.4rem; } }

/*--------------------------------------------------------------
# renewal-info
--------------------------------------------------------------*/
.box-renewal-info {
  text-align: center;
  font-weight: bold;
  padding: 20px 5px;
  max-width: 100%;
  width: 960px;
  margin: 0 auto; }
  .box-renewal-info a {
    display: block;
    padding: 5px;
    text-decoration: none;
    border: 3px solid #ffd9d9;
    margin: 0 auto;
    font-size: 0.9em; }
    .box-renewal-info a:hover {
      border-color: #fcaeae;
      background: #fcaeae;
      transition: 0.2s; }

.header-renewal-info {
  background: #ffd9d9;
  position: relative;
  z-index: 10000; }
  .header-renewal-info .box-renewal-info {
    padding: 0 5px;
    width: 100%; }
    .header-renewal-info .box-renewal-info a {
      border: none; }
  .header-renewal-info:hover {
    background: #fcaeae;
    transition: 0.2s; }