@charset "UTF-8";
/* ------------------------------------------------- *
 *        ＠レイアウトCSS　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
html {
  font-size: 100%;
  font-size: 62.5%;
  word-break: break-all; }

body {
  color: #231815;
  font-family: 'Zen Maru Gothic', serif;
  font-weight: 500; }

a:link, a:active, a:visited {
  color: #231815;
  text-decoration: none; }

a:hover {
  color: #666; }

table {
  border-collapse: collapse; }

.wrapper,
header nav ul,
.wrap-footer,
.wrap-footer2 {
  margin: 0 auto;
  max-width: 1100px; }

#single-column,
#archive-articles,
#single-supervision,
#archive-supervision,
#single-interview,
#single-details,
#author {
  margin-bottom: 5rem;
  margin-top: 3rem;
  width: 62%; }
  @media only screen and (max-width: 767px) {
    #single-column,
    #archive-articles,
    #single-supervision,
    #archive-supervision,
    #single-interview,
    #single-details,
    #author {
      padding: 0 1.5rem;
      width: 100%; } }

.wrapper img {
  display: block;
  height: auto;
  max-width: 100%; }
.wrapper a img:hover {
  opacity: 0.8;
  transition: 0.3s; }

main {
  display: flex;
  flex-wrap: wrap; }

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

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

/* ------------------------------------------------- *
 *        ＠ヘッダー　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
header .wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end; }
  header .wrapper .logo {
    margin-right: auto;
    padding: .8rem 0 0; }
    @media only screen and (max-width: 767px) {
      header .wrapper .logo {
        padding: 0; } }
    header .wrapper .logo img {
      width: 230px; }
      @media only screen and (max-width: 767px) {
        header .wrapper .logo img {
          width: 200px; } }
  header .wrapper .box-line {
    display: flex;
    flex-wrap: wrap;
    width: 23%; }
    header .wrapper .box-line .img-line {
      width: 15%; }
    header .wrapper .box-line .text-line {
      font-size: 1.4rem;
      font-weight: 700;
      padding-left: .5rem;
      width: 85%; }
      header .wrapper .box-line .text-line a {
        color: #06c755; }
      header .wrapper .box-line .text-line small {
        color: #231815;
        display: block; }
  header .wrapper .box-line-sp {
    font-size: 1rem;
    padding: .5rem 0;
    text-align: center;
    width: 15%; }
    header .wrapper .box-line-sp img {
      margin: .2rem auto .4rem;
      width: 40px; }
  header .wrapper .box-tel {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    margin-right: 2rem;
    padding: .5rem 0; }
    @media only screen and (max-width: 767px) {
      header .wrapper .box-tel {
        line-height: 1;
        margin-right: 0; } }
    header .wrapper .box-tel strong {
      background: url(../img/icon/icon-freedial.png;) no-repeat left center;
      background-size: 25px;
      color: #357ac3;
      font-size: 2.4rem;
      padding-left: 3rem; }
    header .wrapper .box-tel .text-01 i {
      margin-right: .5rem; }
    header .wrapper .box-tel .text-02 {
      font-size: 1.2rem; }
  header .wrapper .box-tel-sp {
    font-size: 1rem;
    padding: .5rem 0;
    text-align: center;
    width: 13%; }
    header .wrapper .box-tel-sp i {
      color: #357ac3;
      display: block;
      font-size: 2.6rem;
      line-height: 4.6rem;
      text-align: center; }
  @media only screen and (max-width: 767px) {
    header .wrapper .incart-btn {
      display: none; } }
  header .wrapper .incart-btn a {
    background: #357ac3;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    padding: .8rem 1rem;
    position: relative; }
    @media only screen and (max-width: 767px) {
      header .wrapper .incart-btn a {
        font-size: 1.3rem;
        margin: 0.8rem 1.3rem 0; } }
    header .wrapper .incart-btn a i {
      margin-right: .3rem; }
    header .wrapper .incart-btn a .total-quant {
      background: #ffcd0e;
      border-radius: 15px;
      color: #231815;
      padding: 0.1rem 0.8rem;
      position: absolute;
      right: -.8rem;
      top: -.5rem; }
  header .wrapper .box-incart-sp {
    font-size: 1rem;
    padding: .5rem 0;
    text-align: center;
    width: 13%; }
    header .wrapper .box-incart-sp i {
      color: #357ac3;
      display: block;
      font-size: 2.5rem;
      line-height: 4.6rem;
      text-align: center; }
header nav {
  background: #f9f9f9;
  border-bottom: 1px solid #eeeded;
  border-top: 1px solid #eeeded; }
  header nav ul {
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    padding: 1rem; }
    @media only screen and (max-width: 767px) {
      header nav ul {
        justify-content: flex-start;
        overflow-x: auto; } }
    header nav ul li {
      list-style: none;
      padding: 0 3rem; }
      @media only screen and (max-width: 767px) {
        header nav ul li {
          display: inline-block;
          flex: 0 0 auto;
          padding: 0 1.5rem 0 1rem; } }

.breadcrumbs {
  color: #888;
  font-size: 1.1rem;
  padding: 1rem 0; }
  @media only screen and (max-width: 767px) {
    .breadcrumbs {
      padding: 1rem; } }

/* ------------------------------------------------- *
 *        ＠トップページ　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
.mainvisual-interview {
  margin: 2rem 0 5rem;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .mainvisual-interview {
      margin: 0; } }
  .mainvisual-interview .thumb {
    box-shadow: 0 1px 4px #ddd; }
    .mainvisual-interview .thumb img {
      width: 100%; }
  .mainvisual-interview .slick {
    overflow: hidden;
    position: relative; }
  .mainvisual-interview .dots .slick-dots {
    margin-top: 1rem;
    text-align: center; }
    .mainvisual-interview .dots .slick-dots li {
      display: inline-block; }
    .mainvisual-interview .dots .slick-dots button {
      background: #bcbcbc;
      border: 0;
      border-radius: 50%;
      cursor: pointer;
      display: block;
      font-size: 0;
      height: 10px;
      margin: 6px;
      padding: 0;
      outline: none;
      width: 10px; }
    .mainvisual-interview .dots .slick-dots .slick-active button {
      background: #061D2D; }

@media only screen and (max-width: 767px) {
  #front-page {
    padding: 0 1.5rem; } }
#front-page h2 {
  font-size: 2.8rem;
  margin: 4rem 0;
  position: relative;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #front-page h2 {
      font-size: 2.2rem;
      margin: 3rem 0; } }
  #front-page h2::before {
    background-color: #061D2D;
    border-radius: 4px;
    bottom: -1rem;
    content: "";
    display: inline-block;
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 3rem;
    -webkit-transform: translateX(-50%); }
#front-page main {
  display: block; }
#front-page #top-lic .list-lic {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6rem; }
  @media only screen and (max-width: 767px) {
    #front-page #top-lic .list-lic {
      margin-bottom: 3rem; } }
  #front-page #top-lic .list-lic li {
    border: 1px solid #eee;
    border-radius: 5px;
    list-style: none;
    margin-bottom: 2rem;
    margin-right: 2%;
    padding: 0 1rem 1rem;
    width: 23.5%; }
    @media only screen and (max-width: 767px) {
      #front-page #top-lic .list-lic li {
        margin-bottom: 1.3rem;
        margin-right: 0;
        width: 31.3%; } }
    #front-page #top-lic .list-lic li:nth-child(4n) {
      margin-right: 0; }
    @media only screen and (max-width: 767px) {
      #front-page #top-lic .list-lic li:nth-child(3n) {
        margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      #front-page #top-lic .list-lic li:nth-child(3n-1) {
        margin-left: 3%;
        margin-right: 3%; } }
    #front-page #top-lic .list-lic li img {
      display: block;
      margin: auto;
      width: 80%; }
      @media only screen and (max-width: 767px) {
        #front-page #top-lic .list-lic li img {
          width: 100%; } }
    #front-page #top-lic .list-lic li h3 {
      font-size: 1.6rem;
      font-weight: 700;
      position: relative;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #front-page #top-lic .list-lic li h3 {
          font-size: 1.4rem; } }
      #front-page #top-lic .list-lic li h3 i {
        margin-right: .5rem; }
#front-page #top-lic-number {
  display: flex;
  justify-content: end;
  margin-bottom: 5rem; }
  #front-page #top-lic-number .list-lic-number {
    color: #b5b5b5;
    font-size: 1rem;
    list-style: none; }
    #front-page #top-lic-number .list-lic-number .text-lic-number {
      font-weight: 700;
      margin-bottom: .5rem; }
#front-page #top-ranking {
  background: #f9f9f9;
  border-radius: 5px;
  padding: 2rem 1rem .5rem; }
  @media only screen and (max-width: 767px) {
    #front-page #top-ranking {
      border-radius: 0;
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding: 2rem 1.5rem .5rem; } }
  #front-page #top-ranking .wrap-ranking {
    display: flex;
    flex-wrap: wrap; }
    #front-page #top-ranking .wrap-ranking .box-ranking {
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 5px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-bottom: 1.5rem;
      padding: 1rem;
      width: 32%; }
      @media only screen and (max-width: 767px) {
        #front-page #top-ranking .wrap-ranking .box-ranking {
          width: 100%; } }
      #front-page #top-ranking .wrap-ranking .box-ranking:nth-child(3n-1) {
        margin-left: 2%;
        margin-right: 2%; }
        @media only screen and (max-width: 767px) {
          #front-page #top-ranking .wrap-ranking .box-ranking:nth-child(3n-1) {
            margin-left: 0;
            margin-right: 0; } }
      #front-page #top-ranking .wrap-ranking .box-ranking h3 {
        font-size: 1.6rem;
        margin-bottom: 1.5rem; }
        #front-page #top-ranking .wrap-ranking .box-ranking h3 a {
          display: block; }
      #front-page #top-ranking .wrap-ranking .box-ranking .list-ranking li {
        align-items: center;
        border-bottom: 1px solid #eeeded;
        display: flex;
        flex-wrap: wrap;
        font-size: 1.4rem;
        list-style: none;
        margin-bottom: 1rem;
        padding-left: 3rem; }
        #front-page #top-ranking .wrap-ranking .box-ranking .list-ranking li.rank-01 {
          background: url(../img/icon/icon-rank01.png;) no-repeat left center;
          background-size: 25px 25px; }
        #front-page #top-ranking .wrap-ranking .box-ranking .list-ranking li.rank-02 {
          background: url(../img/icon/icon-rank02.png;) no-repeat left center;
          background-size: 25px 25px; }
        #front-page #top-ranking .wrap-ranking .box-ranking .list-ranking li.rank-03 {
          background: url(../img/icon/icon-rank03.png;) no-repeat left center;
          background-size: 25px 25px; }
        #front-page #top-ranking .wrap-ranking .box-ranking .list-ranking li:last-child {
          border-bottom: none;
          margin-bottom: 0; }
        #front-page #top-ranking .wrap-ranking .box-ranking .list-ranking li .thumb {
          width: 30%; }
        #front-page #top-ranking .wrap-ranking .box-ranking .list-ranking li .title {
          font-weight: 700;
          padding-left: 1rem;
          width: 70%; }
        #front-page #top-ranking .wrap-ranking .box-ranking .list-ranking li a {
          color: #26a6e5;
          text-decoration: underline; }
      #front-page #top-ranking .wrap-ranking .box-ranking .btn-more {
        margin: auto 0 1rem;
        padding-top: 1rem;
        text-align: center; }
        #front-page #top-ranking .wrap-ranking .box-ranking .btn-more a {
          background: #357ac3;
          border-radius: 20px;
          color: #fff;
          font-size: 1.4rem;
          font-weight: 700;
          padding: .5rem 2rem; }
          @media only screen and (max-width: 767px) {
            #front-page #top-ranking .wrap-ranking .box-ranking .btn-more a {
              font-size: 1.3rem; } }
#front-page .top-special {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 5rem 0; }
  @media only screen and (max-width: 767px) {
    #front-page .top-special {
      margin: 3rem 0 5rem; } }
  #front-page .top-special .wrap-special {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 1.5rem;
    width: 100%; }
    #front-page .top-special .wrap-special .ttl-special {
      margin-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        #front-page .top-special .wrap-special .ttl-special {
          margin-bottom: 1rem; } }
      #front-page .top-special .wrap-special .ttl-special h5 {
        font-size: 1.6rem;
        font-weight: 700; }
        #front-page .top-special .wrap-special .ttl-special h5 a {
          color: #26a6e5;
          text-decoration: underline; }
      #front-page .top-special .wrap-special .ttl-special p {
        font-size: 1.3rem;
        margin-bottom: 0.5rem; }
    #front-page .top-special .wrap-special .box-special {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        #front-page .top-special .wrap-special .box-special {
          display: inherit; } }
      #front-page .top-special .wrap-special .box-special .img-special {
        width: 30%; }
        @media only screen and (max-width: 767px) {
          #front-page .top-special .wrap-special .box-special .img-special {
            margin: 0 auto .5rem;
            width: 70%; } }
      #front-page .top-special .wrap-special .box-special .text-special {
        font-size: 1.5rem;
        line-height: 1.8;
        padding-left: 2rem;
        width: 70%; }
        @media only screen and (max-width: 767px) {
          #front-page .top-special .wrap-special .box-special .text-special {
            padding-left: 0;
            width: 100%; } }
        #front-page .top-special .wrap-special .box-special .text-special .btn-special {
          text-align: center; }
          #front-page .top-special .wrap-special .box-special .text-special .btn-special a {
            background: #357ac3;
            border-radius: 25px;
            color: #fff;
            font-size: 1.6rem;
            font-weight: 700;
            margin: auto;
            margin-top: 1rem;
            padding: .5rem 1rem;
            display: block;
            width: 30%; }
            @media only screen and (max-width: 767px) {
              #front-page .top-special .wrap-special .box-special .text-special .btn-special a {
                width: 60%; } }
#front-page .top-consultation {
  margin-bottom: 6rem; }
  #front-page .top-consultation .wrap-top-consultation {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem; }
    @media only screen and (max-width: 767px) {
      #front-page .top-consultation .wrap-top-consultation {
        margin-top: 2rem;
        display: inherit; } }
    #front-page .top-consultation .wrap-top-consultation .img-consultation {
      padding-right: 4rem;
      width: 40%; }
      @media only screen and (max-width: 767px) {
        #front-page .top-consultation .wrap-top-consultation .img-consultation {
          margin: 0 auto 1.5rem;
          padding-right: 0;
          width: 95%; } }
    #front-page .top-consultation .wrap-top-consultation .box-consultation {
      padding-left: 4rem;
      width: 60%; }
      @media only screen and (max-width: 767px) {
        #front-page .top-consultation .wrap-top-consultation .box-consultation {
          padding-left: 0;
          width: 100%; } }
      #front-page .top-consultation .wrap-top-consultation .box-consultation p {
        font-size: 1.6rem;
        line-height: 1.8; }
      #front-page .top-consultation .wrap-top-consultation .box-consultation .btn-consultation {
        margin: 3rem 0 0;
        text-align: center; }
        #front-page .top-consultation .wrap-top-consultation .box-consultation .btn-consultation a {
          background: #357ac3;
          border-radius: 25px;
          color: #fff;
          font-size: 2rem;
          font-weight: 700;
          margin: auto;
          padding: 1rem 3rem;
          display: block;
          width: 60%; }
          @media only screen and (max-width: 767px) {
            #front-page .top-consultation .wrap-top-consultation .box-consultation .btn-consultation a {
              width: 80%; } }
#front-page #archive-articles {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3rem;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    #front-page #archive-articles {
      padding: 0; } }
  #front-page #archive-articles .box-media {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 1.5rem;
    padding: 1rem;
    width: 100%;
    /*width: 31%;
    @include media(sp){width: 100%;}
    &:nth-child(3n-1) {
      margin-left: 2%;
      margin-right: 2%;
      @include media(sp){
        margin-left: 0;
        margin-right: 0;
      }
    }*/ }
    #front-page #archive-articles .box-media h3 {
      font-size: 1.6rem;
      margin-bottom: 1.5rem; }
    #front-page #archive-articles .box-media .block-archive-articles {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0; }
      #front-page #archive-articles .box-media .block-archive-articles li {
        margin-bottom: 3rem;
        width: 48%; }
        @media only screen and (max-width: 767px) {
          #front-page #archive-articles .box-media .block-archive-articles li {
            width: 100%; } }
        #front-page #archive-articles .box-media .block-archive-articles li:nth-child(odd) {
          margin-right: 4%; }
          @media only screen and (max-width: 767px) {
            #front-page #archive-articles .box-media .block-archive-articles li:nth-child(odd) {
              margin-right: 0; } }
        #front-page #archive-articles .box-media .block-archive-articles li .thumb {
          padding-right: 1rem;
          width: 30%; }
        #front-page #archive-articles .box-media .block-archive-articles li .title {
          font-size: 1.5rem;
          font-weight: 500;
          width: 70%; }
  #front-page #archive-articles .btn-more {
    width: 100%; }
    #front-page #archive-articles .btn-more a {
      font-size: 1.4rem;
      padding: .5rem 2rem; }
      @media only screen and (max-width: 767px) {
        #front-page #archive-articles .btn-more a {
          font-size: 1.3rem; } }

/* ------------------------------------------------- *
 *        ＠コラム　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#single-column p {
  font-size: 1.8rem;
  line-height: 2.1;
  margin: 1.5rem 0 6rem; }
  @media only screen and (max-width: 767px) {
    #single-column p {
      font-size: 1.6rem;
      margin: 1.5rem 0 4rem; } }
  #single-column p small {
    font-size: 1.2rem; }
#single-column .text-pr {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 32px; }

#single-column,
#single-interview {
  font-size: 1.8rem;
  line-height: 2.1; }
  @media only screen and (max-width: 767px) {
    #single-column,
    #single-interview {
      font-size: 1.6rem; } }
  #single-column a:link, #single-column a:active, #single-column a:visited,
  #single-interview a:link,
  #single-interview a:active,
  #single-interview a:visited {
    color: #26a6e5;
    text-decoration: underline; }
  #single-column a:hover,
  #single-interview a:hover {
    text-decoration: none; }
  #single-column .box-cat,
  #single-interview .box-cat {
    margin-bottom: 1.5rem;
    overflow: hidden; }
    #single-column .box-cat .time,
    #single-interview .box-cat .time {
      font-size: 1.4rem;
      font-weight: 700;
      float: left;
      margin-right: 2rem; }
      #single-column .box-cat .time i,
      #single-interview .box-cat .time i {
        margin-right: .3rem; }
    #single-column .box-cat .category,
    #single-interview .box-cat .category {
      align-items: flex-start;
      display: flex;
      float: left;
      list-style: none;
      margin: .3rem 0 0; }
      #single-column .box-cat .category li,
      #single-interview .box-cat .category li {
        background: #061D2D;
        border-radius: 15px;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1;
        margin: 0 1rem 0 0;
        padding: .5rem 1.3rem .6rem; }
  #single-column .main-visual,
  #single-interview .main-visual {
    margin-bottom: 1rem; }
    #single-column .main-visual img,
    #single-interview .main-visual img {
      width: 100%; }
  #single-column h1,
  #single-interview h1 {
    clear: left;
    font-size: 3rem;
    line-height: 1.6;
    margin-bottom: 4rem; }
    @media only screen and (max-width: 767px) {
      #single-column h1,
      #single-interview h1 {
        font-size: 1.9rem;
        line-height: 1.3;
        margin-bottom: 3rem; } }
  #single-column h2,
  #single-interview h2 {
    border-top: 2px solid #061D2D;
    border-bottom: 2px solid #061D2D;
    font-size: 2.8rem;
    line-height: 1.3;
    margin: 5rem 0 6rem;
    padding: 1.5rem 0; }
    @media only screen and (max-width: 767px) {
      #single-column h2,
      #single-interview h2 {
        font-size: 1.8rem;
        margin-bottom: 3rem; } }
  #single-column h3,
  #single-interview h3 {
    border-left: 5px solid #061D2D;
    font-size: 2.4rem;
    line-height: 1.5;
    margin: 4rem 0 5rem;
    padding-left: 1.5rem; }
    @media only screen and (max-width: 767px) {
      #single-column h3,
      #single-interview h3 {
        font-size: 1.9rem;
        margin-bottom: 3rem; } }
  #single-column h4, #single-column h5,
  #single-interview h4,
  #single-interview h5 {
    font-size: 2.2rem;
    margin: 0 0 5rem; }
    @media only screen and (max-width: 767px) {
      #single-column h4, #single-column h5,
      #single-interview h4,
      #single-interview h5 {
        font-size: 2rem;
        margin-bottom: 3rem; } }
  #single-column .txt-big,
  #single-interview .txt-big {
    font-size: 2.4rem; }
    @media only screen and (max-width: 767px) {
      #single-column .txt-big,
      #single-interview .txt-big {
        font-size: 2rem; } }
  #single-column ul, #single-column ol,
  #single-interview ul,
  #single-interview ol {
    font-size: 1.8rem;
    line-height: 2.1;
    margin: 0 0 6rem; }
    @media only screen and (max-width: 767px) {
      #single-column ul, #single-column ol,
      #single-interview ul,
      #single-interview ol {
        font-size: 1.6rem;
        margin: 0 0 4rem; } }
    #single-column ul li, #single-column ol li,
    #single-interview ul li,
    #single-interview ol li {
      font-size: 1.8rem;
      line-height: 2.1;
      margin: 0 0 1.5rem 2rem; }
      @media only screen and (max-width: 767px) {
        #single-column ul li, #single-column ol li,
        #single-interview ul li,
        #single-interview ol li {
          font-size: 1.6rem; } }
      #single-column ul li:last-child, #single-column ol li:last-child,
      #single-interview ul li:last-child,
      #single-interview ol li:last-child {
        margin-bottom: 0; }
  #single-column ol,
  #single-interview ol {
    background: #f1f1f1;
    margin-bottom: 6rem;
    padding: 2.5rem; }
  #single-column ol.flow,
  #single-interview ol.flow {
    background: #f1f1f1;
    padding: 1.5rem 2rem .5rem; }
    #single-column ol.flow li,
    #single-interview ol.flow li {
      margin: 0 0 1.5rem 2rem; }
      #single-column ol.flow li::after,
      #single-interview ol.flow li::after {
        background-image: url(../img/icon/icon-arrow-bottom2.png);
        background-size: contain;
        content: "";
        display: block;
        height: 16px;
        margin-left: 10%;
        margin-top: 1rem;
        vertical-align: middle;
        width: 16px; }
      #single-column ol.flow li:last-child,
      #single-interview ol.flow li:last-child {
        margin: 0 0 0 2rem; }
        #single-column ol.flow li:last-child:after,
        #single-interview ol.flow li:last-child:after {
          background: none;
          margin-top: 0; }
  #single-column dl,
  #single-interview dl {
    font-size: 1.8rem;
    margin: 0 0 6rem; }
    @media only screen and (max-width: 767px) {
      #single-column dl,
      #single-interview dl {
        font-size: 1.6rem;
        margin: 0 0 4rem; } }
    #single-column dl dt,
    #single-interview dl dt {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1.5rem; }
      @media only screen and (max-width: 767px) {
        #single-column dl dt,
        #single-interview dl dt {
          font-size: 1.6rem; } }
    #single-column dl dd,
    #single-interview dl dd {
      background: #f1f1f1;
      font-size: 1.8rem;
      line-height: 2.1;
      margin-bottom: 3rem;
      padding: 2rem; }
      @media only screen and (max-width: 767px) {
        #single-column dl dd,
        #single-interview dl dd {
          font-size: 1.6rem; } }
  #single-column center,
  #single-column .center,
  #single-interview center,
  #single-interview .center {
    font-size: 1.8rem;
    line-height: 2.1;
    text-align: center; }
    #single-column center img,
    #single-column .center img,
    #single-interview center img,
    #single-interview .center img {
      margin: auto; }
    #single-column center .wp-caption,
    #single-column .center .wp-caption,
    #single-interview center .wp-caption,
    #single-interview .center .wp-caption {
      margin: auto; }
  #single-column .txt-waku,
  #single-interview .txt-waku {
    background: #f1f1f1;
    padding: 2.5rem;
    margin-bottom: 6rem;
    line-height: 2.1; }
  #single-column .balloon,
  #single-interview .balloon {
    margin-bottom: 2.5rem;
    margin-left: 4%;
    margin-right: 4%;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #single-column .balloon,
      #single-interview .balloon {
        margin-bottom: 1.5rem;
        margin-left: 0;
        margin-right: 0; } }
    #single-column .balloon::before, #single-column .balloon::after,
    #single-interview .balloon::before,
    #single-interview .balloon::after {
      display: block;
      clear: both;
      content: ""; }
    #single-column .balloon .balloon-img,
    #single-interview .balloon .balloon-img {
      height: 100px;
      width: 100px; }
      @media only screen and (max-width: 767px) {
        #single-column .balloon .balloon-img,
        #single-interview .balloon .balloon-img {
          height: 65px;
          width: 65px; } }
      #single-column .balloon .balloon-img img,
      #single-interview .balloon .balloon-img img {
        height: 100%;
        margin: 0;
        width: 100%; }
    #single-column .balloon p,
    #single-interview .balloon p {
      margin-bottom: 0; }
      #single-column .balloon p:last-child,
      #single-interview .balloon p:last-child {
        margin-bottom: 0; }
    #single-column .balloon .balloon-img-left,
    #single-interview .balloon .balloon-img-left {
      float: left;
      margin-right: 2rem; }
    #single-column .balloon .balloon-img-right,
    #single-interview .balloon .balloon-img-right {
      float: right;
      margin-left: 2rem; }
    #single-column .balloon .balloon-txt-right,
    #single-interview .balloon .balloon-txt-right {
      border: 2px solid #aaa;
      border-radius: 10px;
      display: inline-block;
      max-width: -webkit-calc(100% - 140px);
      max-width: calc(100% - 140px);
      padding: 20px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        #single-column .balloon .balloon-txt-right,
        #single-interview .balloon .balloon-txt-right {
          max-width: -webkit-calc(100% - 85px);
          max-width: calc(100% - 85px); } }
      #single-column .balloon .balloon-txt-right p,
      #single-interview .balloon .balloon-txt-right p {
        margin: 0; }
      #single-column .balloon .balloon-txt-right::before,
      #single-interview .balloon .balloon-txt-right::before {
        border: 10px solid transparent;
        border-right: 10px solid #aaa;
        content: "";
        left: -21px;
        position: absolute;
        top: 15px; }
      #single-column .balloon .balloon-txt-right::after,
      #single-interview .balloon .balloon-txt-right::after {
        border: 10px solid transparent;
        border-right: 10px solid #fff;
        content: "";
        left: -19px;
        position: absolute;
        top: 15px; }
    #single-column .balloon .balloon-txt-left,
    #single-interview .balloon .balloon-txt-left {
      border: 2px solid #aaa;
      border-radius: 10px;
      display: inline-block;
      max-width: -webkit-calc(100% - 140px);
      max-width: calc(100% - 140px);
      padding: 2rem;
      position: relative; }
      @media only screen and (max-width: 767px) {
        #single-column .balloon .balloon-txt-left,
        #single-interview .balloon .balloon-txt-left {
          max-width: -webkit-calc(100% - 85px);
          max-width: calc(100% - 85px); } }
      #single-column .balloon .balloon-txt-left p,
      #single-interview .balloon .balloon-txt-left p {
        margin: 0; }
      #single-column .balloon .balloon-txt-left::before,
      #single-interview .balloon .balloon-txt-left::before {
        border: 10px solid transparent;
        border-left: 10px solid #aaa;
        content: "";
        right: -21px;
        position: absolute;
        top: 15px; }
      #single-column .balloon .balloon-txt-left::after,
      #single-interview .balloon .balloon-txt-left::after {
        border: 10px solid transparent;
        border-left: 10px solid #fff;
        content: "";
        right: -19px;
        position: absolute;
        top: 15px; }
  #single-column .article-card,
  #single-interview .article-card {
    border: 5px solid #DDD;
    margin-bottom: 3rem;
    padding: 3rem 3rem 0 3rem; }
    @media only screen and (max-width: 767px) {
      #single-column .article-card,
      #single-interview .article-card {
        border: 1px solid #DDD;
        border-top: 5px solid #061D2D;
        margin-bottom: 1.5rem;
        padding: 1.5rem 1.5rem 0 1.5rem; } }
    #single-column .article-card .card,
    #single-interview .article-card .card {
      background: #EFEFEF;
      margin-bottom: 1.5rem;
      padding: 1.5rem 0; }
      @media only screen and (max-width: 767px) {
        #single-column .article-card .card,
        #single-interview .article-card .card {
          margin-bottom: .8rem;
          padding: .8rem 0; } }
      #single-column .article-card .card img,
      #single-interview .article-card .card img {
        display: block;
        margin: 0 auto;
        max-width: 250px; }
        @media only screen and (max-width: 767px) {
          #single-column .article-card .card img,
          #single-interview .article-card .card img {
            max-width: 150px; } }
    #single-column .article-card table,
    #single-interview .article-card table {
      margin: 1.5rem 0; }
      #single-column .article-card table th,
      #single-interview .article-card table th {
        font-size: 1.3rem;
        padding: .6rem; }
        @media only screen and (max-width: 767px) {
          #single-column .article-card table th,
          #single-interview .article-card table th {
            font-size: 1rem;
            padding: .4rem; } }
      #single-column .article-card table td,
      #single-interview .article-card table td {
        font-size: 1.3rem;
        padding: .6rem;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          #single-column .article-card table td,
          #single-interview .article-card table td {
            font-size: 1rem;
            padding: .4rem; } }
    #single-column .article-card .name,
    #single-interview .article-card .name {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1.5rem; }
      @media only screen and (max-width: 767px) {
        #single-column .article-card .name,
        #single-interview .article-card .name {
          font-size: 1.4rem;
          margin-bottom: .8rem; } }
    #single-column .article-card p,
    #single-interview .article-card p {
      font-size: 1.5rem;
      margin-bottom: 2.5rem; }
      @media only screen and (max-width: 767px) {
        #single-column .article-card p,
        #single-interview .article-card p {
          font-size: 1.2rem;
          margin-bottom: 2.5rem; } }
    #single-column .article-card .txt,
    #single-interview .article-card .txt {
      background: #fff3f0;
      border: 4px dotted #ffc3b3;
      font-size: 1.6rem;
      line-height: 1.95;
      margin-bottom: 1.5rem;
      padding: 3rem;
      position: relative; }
      @media only screen and (max-width: 767px) {
        #single-column .article-card .txt,
        #single-interview .article-card .txt {
          font-size: 1.3rem;
          padding: 1.5rem; } }
    #single-column .article-card .cv-link,
    #single-interview .article-card .cv-link {
      margin-bottom: 3rem;
      text-align: right; }
      @media only screen and (max-width: 767px) {
        #single-column .article-card .cv-link,
        #single-interview .article-card .cv-link {
          font-size: 1.2rem;
          margin-bottom: 1.5rem; } }
  #single-column .box-specialist,
  #single-interview .box-specialist {
    border: 1px solid #ddd;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    margin: 1.5rem 0 6rem;
    padding: 1rem 1.5rem; }
    @media only screen and (max-width: 767px) {
      #single-column .box-specialist,
      #single-interview .box-specialist {
        display: block; } }
    #single-column .box-specialist .wrap-img-specialist,
    #single-interview .box-specialist .wrap-img-specialist {
      padding-right: 1.5rem;
      width: 20%; }
      @media only screen and (max-width: 767px) {
        #single-column .box-specialist .wrap-img-specialist,
        #single-interview .box-specialist .wrap-img-specialist {
          width: 100%; } }
      #single-column .box-specialist .wrap-img-specialist .ttl-specialist,
      #single-interview .box-specialist .wrap-img-specialist .ttl-specialist {
        font-size: 1.4rem;
        font-weight: 700;
        margin: 0 0 1rem; }
        @media only screen and (max-width: 767px) {
          #single-column .box-specialist .wrap-img-specialist .ttl-specialist,
          #single-interview .box-specialist .wrap-img-specialist .ttl-specialist {
            font-size: 1.5rem; } }
      #single-column .box-specialist .wrap-img-specialist img,
      #single-interview .box-specialist .wrap-img-specialist img {
        display: block;
        margin: auto;
        width: 80%; }
        @media only screen and (max-width: 767px) {
          #single-column .box-specialist .wrap-img-specialist img,
          #single-interview .box-specialist .wrap-img-specialist img {
            display: none; } }
    #single-column .box-specialist .wrap-specialist-info,
    #single-interview .box-specialist .wrap-specialist-info {
      padding-left: 1rem;
      width: 80%; }
      @media only screen and (max-width: 767px) {
        #single-column .box-specialist .wrap-specialist-info,
        #single-interview .box-specialist .wrap-specialist-info {
          padding-left: 0;
          width: 100%; } }
      #single-column .box-specialist .wrap-specialist-info .specialist-info,
      #single-interview .box-specialist .wrap-specialist-info .specialist-info {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          #single-column .box-specialist .wrap-specialist-info .specialist-info,
          #single-interview .box-specialist .wrap-specialist-info .specialist-info {
            display: flex;
            flex-wrap: wrap; } }
        #single-column .box-specialist .wrap-specialist-info .specialist-info .job,
        #single-interview .box-specialist .wrap-specialist-info .specialist-info .job {
          font-size: 1.2rem; }
        #single-column .box-specialist .wrap-specialist-info .specialist-info a,
        #single-interview .box-specialist .wrap-specialist-info .specialist-info a {
          color: #231815; }
        #single-column .box-specialist .wrap-specialist-info .specialist-info .specialist-img,
        #single-interview .box-specialist .wrap-specialist-info .specialist-info .specialist-img {
          display: none; }
          @media only screen and (max-width: 767px) {
            #single-column .box-specialist .wrap-specialist-info .specialist-info .specialist-img,
            #single-interview .box-specialist .wrap-specialist-info .specialist-info .specialist-img {
              display: block;
              width: 15%; } }
        @media only screen and (max-width: 767px) {
          #single-column .box-specialist .wrap-specialist-info .specialist-info .specialist-name,
          #single-interview .box-specialist .wrap-specialist-info .specialist-info .specialist-name {
            padding-left: 1.5rem;
            width: 85%; } }
    #single-column .box-specialist .text-specialist-comment,
    #single-interview .box-specialist .text-specialist-comment {
      font-size: 1.4rem;
      line-height: 1.8; }
      @media only screen and (max-width: 767px) {
        #single-column .box-specialist .text-specialist-comment,
        #single-interview .box-specialist .text-specialist-comment {
          font-size: 1.3rem; } }
      #single-column .box-specialist .text-specialist-comment .text-more,
      #single-interview .box-specialist .text-specialist-comment .text-more {
        font-size: 1.2rem;
        font-weight: 700;
        text-align: right; }
        #single-column .box-specialist .text-specialist-comment .text-more i,
        #single-interview .box-specialist .text-specialist-comment .text-more i {
          margin-left: .3rem; }
  #single-column .btn-column,
  #single-interview .btn-column {
    background: #357ac3;
    border-radius: 4px;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.3) inset;
    margin: 3rem auto 5rem auto;
    position: relative;
    text-align: center;
    text-shadow: 2px 2px 2px #023865;
    width: 60%;
    -webkit-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.3) inset; }
    @media only screen and (max-width: 767px) {
      #single-column .btn-column,
      #single-interview .btn-column {
        width: 80%; } }
    #single-column .btn-column a,
    #single-interview .btn-column a {
      color: #FFF;
      display: block;
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.5;
      padding: 1rem 1.5rem 1.5rem;
      text-decoration: none; }
  #single-column .txt-point,
  #single-interview .txt-point {
    background: #fff3e6;
    font-size: 1.6rem;
    line-height: 1.95;
    letter-spacing: 0.05rem;
    margin-bottom: 6rem;
    padding: 2.5rem 1.5rem 1.5rem;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #single-column .txt-point,
      #single-interview .txt-point {
        margin-bottom: 5rem; } }
    #single-column .txt-point::before,
    #single-interview .txt-point::before {
      background: url(../img/icon/icon-txt-point.png) no-repeat;
      background-size: contain;
      content: '';
      display: inline-block;
      height: 31px;
      left: 16px;
      position: absolute;
      top: -10px;
      vertical-align: middle;
      width: 90px; }
  #single-column .item-compact,
  #single-interview .item-compact {
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 3rem 0;
    overflow: hidden;
    padding: 3rem; }
    @media only screen and (max-width: 767px) {
      #single-column .item-compact,
      #single-interview .item-compact {
        display: block;
        padding: 1.5rem; } }
    #single-column .item-compact .img,
    #single-interview .item-compact .img {
      width: 30%; }
      @media only screen and (max-width: 767px) {
        #single-column .item-compact .img,
        #single-interview .item-compact .img {
          background: #F3F3F3;
          margin-bottom: .8rem;
          padding: 1.5rem;
          width: 100%; } }
      #single-column .item-compact .img img,
      #single-interview .item-compact .img img {
        height: auto;
        width: 100%;
        -webkit-box-reflect: below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.7, transparent), to(rgba(0, 0, 0, 0.3))); }
        @media only screen and (max-width: 767px) {
          #single-column .item-compact .img img,
          #single-interview .item-compact .img img {
            display: block;
            margin: 0 auto;
            width: 50%;
            -webkit-box-reflect: initial; } }
    #single-column .item-compact .item-compact-right,
    #single-interview .item-compact .item-compact-right {
      width: 66%; }
      @media only screen and (max-width: 767px) {
        #single-column .item-compact .item-compact-right,
        #single-interview .item-compact .item-compact-right {
          width: 100%; } }
      #single-column .item-compact .item-compact-right a,
      #single-interview .item-compact .item-compact-right a {
        color: #222;
        display: block;
        text-decoration: none; }
      #single-column .item-compact .item-compact-right p,
      #single-interview .item-compact .item-compact-right p {
        margin-bottom: 0; }
      #single-column .item-compact .item-compact-right .name,
      #single-interview .item-compact .item-compact-right .name {
        color: #333;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 1rem;
        text-decoration: underline; }
      #single-column .item-compact .item-compact-right .catch,
      #single-interview .item-compact .item-compact-right .catch {
        color: #e35e3a;
        font-weight: 700;
        margin-bottom: 1rem; }
      #single-column .item-compact .item-compact-right .txt,
      #single-interview .item-compact .item-compact-right .txt {
        line-height: 1.4;
        margin-bottom: 2rem; }
      #single-column .item-compact .item-compact-right .check,
      #single-interview .item-compact .item-compact-right .check {
        background: #e35e3a;
        border-radius: 5px 5px 0 5px;
        color: #FFF;
        font-weight: 700;
        padding: 15px;
        position: relative;
        text-align: center; }
        #single-column .item-compact .item-compact-right .check i,
        #single-interview .item-compact .item-compact-right .check i {
          padding-right: 1rem; }
        #single-column .item-compact .item-compact-right .check::after,
        #single-interview .item-compact .item-compact-right .check::after {
          border-style: solid;
          border-width: 0 0 1.333em 1.333em;
          border-color: transparent transparent #ff9e84 transparent;
          bottom: 3px;
          content: "";
          position: absolute;
          right: 3px; }
  #single-column .box-category,
  #single-interview .box-category {
    border-radius: 5px;
    margin-bottom: 5rem; }
    #single-column .box-category ul,
    #single-interview .box-category ul {
      display: flex;
      list-style: none;
      flex-wrap: wrap;
      margin-bottom: 0; }
      #single-column .box-category ul li,
      #single-interview .box-category ul li {
        background: #EFEFEF;
        border-radius: 5px;
        color: #fff;
        font-size: 1.5rem;
        margin: .5rem 1rem .5rem 0;
        padding: .2rem 1rem; }
        @media only screen and (max-width: 767px) {
          #single-column .box-category ul li,
          #single-interview .box-category ul li {
            font-size: 1.3rem;
            margin: .3rem .6rem .3rem 0; } }
        #single-column .box-category ul li a:link, #single-column .box-category ul li a:active, #single-column .box-category ul li a:visited,
        #single-interview .box-category ul li a:link,
        #single-interview .box-category ul li a:active,
        #single-interview .box-category ul li a:visited {
          color: #231815;
          text-decoration: none; }
        #single-column .box-category ul li a:hover,
        #single-interview .box-category ul li a:hover {
          color: #231815; }
  #single-column table,
  #single-interview table {
    border: 1px solid #ccc;
    margin: 5rem 0;
    width: 100%; }
    #single-column table caption,
    #single-interview table caption {
      font-size: 1.6rem;
      font-weight: 700;
      margin-bottom: 1rem; }
    #single-column table th,
    #single-interview table th {
      background: #f9f9f9;
      border-left: 1px solid #ccc;
      border-top: 1px solid #ccc;
      font-size: 1.6rem;
      line-height: 1.6;
      padding: 1rem 1.5rem; }
      @media only screen and (max-width: 767px) {
        #single-column table th,
        #single-interview table th {
          font-size: 1.4rem;
          padding: 1rem; } }
      #single-column table th center,
      #single-column table th .center,
      #single-interview table th center,
      #single-interview table th .center {
        font-size: 1.6rem; }
        @media only screen and (max-width: 767px) {
          #single-column table th center,
          #single-column table th .center,
          #single-interview table th center,
          #single-interview table th .center {
            font-size: 1.4rem; } }
    #single-column table td,
    #single-interview table td {
      border-left: 1px solid #ccc;
      border-top: 1px solid #ccc;
      font-size: 1.6rem;
      line-height: 1.6;
      padding: 1rem 1.5rem; }
      @media only screen and (max-width: 767px) {
        #single-column table td,
        #single-interview table td {
          font-size: 1.4rem;
          padding: 1rem; } }
      #single-column table td center,
      #single-column table td .center,
      #single-interview table td center,
      #single-interview table td .center {
        font-size: 1.6rem; }
        @media only screen and (max-width: 767px) {
          #single-column table td center,
          #single-column table td .center,
          #single-interview table td center,
          #single-interview table td .center {
            font-size: 1.4rem; } }
      #single-column table td .btn-cv,
      #single-interview table td .btn-cv {
        margin: 0; }
        #single-column table td .btn-cv a,
        #single-interview table td .btn-cv a {
          font-size: 1.6rem;
          line-height: 1.5;
          margin-bottom: 0;
          padding: 2rem 4rem 2rem 1.5rem;
          width: 100%; }
          @media only screen and (max-width: 767px) {
            #single-column table td .btn-cv a,
            #single-interview table td .btn-cv a {
              background-size: 13px;
              background-position: 93%;
              font-size: 1.3rem;
              padding: 1.5rem 3rem 1.5rem 1rem; } }
    #single-column table .good,
    #single-interview table .good {
      background: url(../img/icon/img-good.png) no-repeat center center;
      background-size: 40px;
      display: block;
      min-height: 40px;
      padding: .6rem 0 0; }
    #single-column table .usually,
    #single-interview table .usually {
      background: url(../img/icon/img-usually.png) no-repeat center center;
      background-size: 40px;
      display: block;
      min-height: 40px;
      padding: .7rem 0 0; }
    #single-column table .well,
    #single-interview table .well {
      background: url(../img/icon/img-well.png) no-repeat center center;
      background-size: 40px;
      display: block;
      min-height: 40px;
      padding: .8rem 0 0; }
  @media only screen and (max-width: 767px) {
    #single-column .table-big,
    #single-interview .table-big {
      display: block;
      overflow-x: auto;
      width: 100%;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap; } }
  @media only screen and (max-width: 767px) {
    #single-column .table-big table,
    #single-interview .table-big table {
      width: auto; } }
  #single-column .table-big table th,
  #single-interview .table-big table th {
    font-size: 1.4rem;
    padding: 1rem; }
    @media only screen and (max-width: 767px) {
      #single-column .table-big table th,
      #single-interview .table-big table th {
        font-size: 1rem; } }
  #single-column .table-big table td,
  #single-interview .table-big table td {
    font-size: 1.4rem;
    padding: 1rem; }
    @media only screen and (max-width: 767px) {
      #single-column .table-big table td,
      #single-interview .table-big table td {
        font-size: 1rem; } }
    #single-column .table-big table td img,
    #single-interview .table-big table td img {
      display: block; }
  #single-column .small-table th,
  #single-interview .small-table th {
    font-size: 1.2rem;
    padding: .8rem; }
    @media only screen and (max-width: 767px) {
      #single-column .small-table th,
      #single-interview .small-table th {
        font-size: 1rem; } }
    #single-column .small-table th center,
    #single-column .small-table th .center,
    #single-interview .small-table th center,
    #single-interview .small-table th .center {
      font-size: 1.2rem; }
      @media only screen and (max-width: 767px) {
        #single-column .small-table th center,
        #single-column .small-table th .center,
        #single-interview .small-table th center,
        #single-interview .small-table th .center {
          font-size: 1rem; } }
  #single-column .small-table td,
  #single-interview .small-table td {
    font-size: 1.2rem;
    padding: .8rem; }
    @media only screen and (max-width: 767px) {
      #single-column .small-table td,
      #single-interview .small-table td {
        font-size: 1rem; } }
    #single-column .small-table td center,
    #single-column .small-table td .center,
    #single-interview .small-table td center,
    #single-interview .small-table td .center {
      font-size: 1.2rem; }
      @media only screen and (max-width: 767px) {
        #single-column .small-table td center,
        #single-column .small-table td .center,
        #single-interview .small-table td center,
        #single-interview .small-table td .center {
          font-size: 1rem; } }
  #single-column .card-center,
  #single-interview .card-center {
    background: #f5f5f5;
    margin-bottom: 3rem;
    padding: 1.5rem 0; }
    #single-column .card-center img,
    #single-interview .card-center img {
      display: block;
      margin: 0 auto; }
  #single-column .box-supervision,
  #single-interview .box-supervision {
    border: 1px solid #061D2D;
    border-radius: 5px;
    margin-bottom: 3rem;
    padding: 1rem 1.5rem 1.5rem; }
    #single-column .box-supervision .title,
    #single-interview .box-supervision .title {
      font-size: 1.5rem;
      margin: 0 0 1rem;
      padding-left: 2.3rem;
      position: relative; }
      #single-column .box-supervision .title::before,
      #single-interview .box-supervision .title::before {
        background-color: #061D2D;
        content: "";
        display: inline-block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 50%;
        width: 15px; }
    #single-column .box-supervision ul,
    #single-interview .box-supervision ul {
      list-style: none;
      margin-bottom: 0; }
      #single-column .box-supervision ul li,
      #single-interview .box-supervision ul li {
        display: flex;
        flex-wrap: wrap;
        margin: 0; }
        #single-column .box-supervision ul li .img,
        #single-interview .box-supervision ul li .img {
          padding-right: 2rem;
          width: 20%; }
          @media only screen and (max-width: 767px) {
            #single-column .box-supervision ul li .img,
            #single-interview .box-supervision ul li .img {
              padding-right: 1rem;
              width: 35%; } }
          #single-column .box-supervision ul li .img img,
          #single-interview .box-supervision ul li .img img {
            border-radius: 50%;
            height: 110px;
            object-fit: cover;
            width: 110px; }
            @media only screen and (max-width: 767px) {
              #single-column .box-supervision ul li .img img,
              #single-interview .box-supervision ul li .img img {
                height: 85px;
                margin-bottom: 1rem;
                width: 85px; } }
        #single-column .box-supervision ul li .profile,
        #single-interview .box-supervision ul li .profile {
          width: 80%; }
          @media only screen and (max-width: 767px) {
            #single-column .box-supervision ul li .profile,
            #single-interview .box-supervision ul li .profile {
              width: 65%; } }
          #single-column .box-supervision ul li .profile .name,
          #single-interview .box-supervision ul li .profile .name {
            font-size: 1.6rem;
            font-weight: 700;
            margin-bottom: 1rem; }
            #single-column .box-supervision ul li .profile .name .job,
            #single-interview .box-supervision ul li .profile .name .job {
              font-size: 1.3rem;
              font-weight: normal;
              margin: .5rem 0 1rem; }
        #single-column .box-supervision ul li .introduction,
        #single-interview .box-supervision ul li .introduction {
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            #single-column .box-supervision ul li .introduction,
            #single-interview .box-supervision ul li .introduction {
              font-size: 1.4rem; } }
          #single-column .box-supervision ul li .introduction p,
          #single-interview .box-supervision ul li .introduction p {
            font-size: 1.5rem; }
            @media only screen and (max-width: 767px) {
              #single-column .box-supervision ul li .introduction p,
              #single-interview .box-supervision ul li .introduction p {
                font-size: 1.4rem; } }
        #single-column .box-supervision ul li .license,
        #single-interview .box-supervision ul li .license {
          margin: 1rem 0 0; }
          #single-column .box-supervision ul li .license dt,
          #single-interview .box-supervision ul li .license dt {
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: .5rem; }
          #single-column .box-supervision ul li .license dd,
          #single-interview .box-supervision ul li .license dd {
            background: none;
            font-size: 1.4rem;
            line-height: 1.8;
            margin-bottom: 0;
            padding: 0; }
  #single-column .box-editor,
  #single-interview .box-editor {
    box-shadow: 3px 3px #f5f5f5;
    margin: 6rem 0; }
    @media only screen and (max-width: 767px) {
      #single-column .box-editor,
      #single-interview .box-editor {
        margin: 4rem 0; } }
    #single-column .box-editor .tab-group,
    #single-interview .box-editor .tab-group {
      display: flex;
      justify-content: center;
      margin-bottom: 0; }
      #single-column .box-editor .tab-group .tab,
      #single-interview .box-editor .tab-group .tab {
        background: #f9f9f9;
        border: 1px solid #ddd;
        cursor: pointer;
        flex-grow: 1;
        font-size: 1.4rem;
        font-weight: 700;
        list-style: none;
        margin: 0;
        padding: .8rem;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          #single-column .box-editor .tab-group .tab,
          #single-interview .box-editor .tab-group .tab {
            padding: .5rem; } }
        #single-column .box-editor .tab-group .tab:nth-child(1),
        #single-interview .box-editor .tab-group .tab:nth-child(1) {
          border-right: none;
          border-radius: 5px 0 0 0; }
        #single-column .box-editor .tab-group .tab:nth-child(2),
        #single-interview .box-editor .tab-group .tab:nth-child(2) {
          border-left: none;
          border-radius: 0 5px 0 0; }
      #single-column .box-editor .tab-group .tab.is-active,
      #single-interview .box-editor .tab-group .tab.is-active {
        background: #061D2D;
        border: 1px solid #061D2D;
        color: #FFF;
        transition: all 0.2s ease-out; }
    #single-column .box-editor .panel-group,
    #single-interview .box-editor .panel-group {
      border: 1px solid #ddd;
      border-radius: 0 0 5px 5px;
      border-top: none; }
    #single-column .box-editor .panel,
    #single-interview .box-editor .panel {
      display: none;
      padding: 1.5rem 2rem; }
      #single-column .box-editor .panel .editor-detail,
      #single-interview .box-editor .panel .editor-detail {
        display: flex;
        flex-wrap: wrap; }
        #single-column .box-editor .panel .editor-detail .img-avatar,
        #single-interview .box-editor .panel .editor-detail .img-avatar {
          padding-right: 2rem;
          width: 20%; }
        #single-column .box-editor .panel .editor-detail dl,
        #single-interview .box-editor .panel .editor-detail dl {
          margin: 0;
          width: 80%; }
          #single-column .box-editor .panel .editor-detail dl dt,
          #single-interview .box-editor .panel .editor-detail dl dt {
            font-size: 1.4rem;
            font-weight: 700;
            margin-bottom: 1rem; }
          #single-column .box-editor .panel .editor-detail dl dd,
          #single-interview .box-editor .panel .editor-detail dl dd {
            background: none;
            font-size: 1.4rem;
            line-height: 1.8;
            margin-bottom: 0;
            padding: 0; }
      #single-column .box-editor .panel .title-editor,
      #single-interview .box-editor .panel .title-editor {
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 1rem; }
      #single-column .box-editor .panel ul,
      #single-interview .box-editor .panel ul {
        list-style: none;
        margin-bottom: 0; }
        #single-column .box-editor .panel ul li,
        #single-interview .box-editor .panel ul li {
          font-size: 1.4rem;
          margin: 0 0 .5rem; }
      #single-column .box-editor .panel .btn-content,
      #single-interview .box-editor .panel .btn-content {
        font-size: 1.3rem;
        margin-bottom: 0;
        text-align: right; }
    #single-column .box-editor .panel.is-show,
    #single-interview .box-editor .panel.is-show {
      display: block; }
  #single-column .box-flex-img,
  #single-interview .box-flex-img {
    display: flex;
    justify-content: space-around; }
  #single-column .box-review,
  #single-interview .box-review {
    margin: 5rem 0; }
    #single-column .box-review .item,
    #single-interview .box-review .item {
      border: 2px solid #061D2D;
      margin: 0 0 2rem;
      padding: 1.5rem 2rem; }
      #single-column .box-review .item p,
      #single-interview .box-review .item p {
        font-size: 1.6rem;
        line-height: 1.8;
        margin: 1.5rem 0 0; }
        @media only screen and (max-width: 767px) {
          #single-column .box-review .item p,
          #single-interview .box-review .item p {
            font-size: 1.4rem; } }
      #single-column .box-review .item .wrap-spec,
      #single-interview .box-review .item .wrap-spec {
        display: flex;
        flex-wrap: wrap; }
        #single-column .box-review .item .wrap-spec .img-spec,
        #single-interview .box-review .item .wrap-spec .img-spec {
          width: 13%; }
          @media only screen and (max-width: 767px) {
            #single-column .box-review .item .wrap-spec .img-spec,
            #single-interview .box-review .item .wrap-spec .img-spec {
              width: 20%; } }
        #single-column .box-review .item .wrap-spec .box-spec,
        #single-interview .box-review .item .wrap-spec .box-spec {
          padding: 1rem 0 0 2rem;
          width: 87%; }
          @media only screen and (max-width: 767px) {
            #single-column .box-review .item .wrap-spec .box-spec,
            #single-interview .box-review .item .wrap-spec .box-spec {
              line-height: 1.8;
              padding: 0 0 0 2rem;
              width: 80%; } }
          #single-column .box-review .item .wrap-spec .box-spec .text-spec,
          #single-interview .box-review .item .wrap-spec .box-spec .text-spec {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: .5rem; }
          #single-column .box-review .item .wrap-spec .box-spec .star,
          #single-interview .box-review .item .wrap-spec .box-spec .star {
            display: block;
            height: 21px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_0,
          #single-interview .box-review .item .wrap-spec .box-spec .star_0 {
            background: url(../img/icon/rate-0.png) left center/120px no-repeat;
            background-size: 100px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_05,
          #single-interview .box-review .item .wrap-spec .box-spec .star_05 {
            background: url(../img/icon/rate-0.5.png) left center/120px no-repeat;
            background-size: 100px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_10,
          #single-interview .box-review .item .wrap-spec .box-spec .star_10 {
            background: url(../img/icon/rate-1.png) left center/120px no-repeat;
            background-size: 100px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_15,
          #single-interview .box-review .item .wrap-spec .box-spec .star_15 {
            background: url(../img/icon/rate-1.5.png) left center/120px no-repeat;
            background-size: 100px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_20,
          #single-interview .box-review .item .wrap-spec .box-spec .star_20 {
            background: url(../img/icon/rate-2.png) left center/120px no-repeat;
            background-size: 100px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_25,
          #single-interview .box-review .item .wrap-spec .box-spec .star_25 {
            background: url(../img/icon/rate-2.5.png) left center/120px no-repeat;
            background-size: 100px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_30,
          #single-interview .box-review .item .wrap-spec .box-spec .star_30 {
            background: url(../img/icon/rate-3.png) left center/120px no-repeat;
            background-size: 100px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_35,
          #single-interview .box-review .item .wrap-spec .box-spec .star_35 {
            background: url(../img/icon/rate-3.5.png) left center/120px no-repeat;
            background-size: 100px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_40,
          #single-interview .box-review .item .wrap-spec .box-spec .star_40 {
            background: url(../img/icon/rate-4.png) left center/120px no-repeat;
            background-size: 100px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_45,
          #single-interview .box-review .item .wrap-spec .box-spec .star_45 {
            background: url(../img/icon/rate-4.5.png) left center/120px no-repeat;
            background-size: 100px; }
          #single-column .box-review .item .wrap-spec .box-spec .star_50,
          #single-interview .box-review .item .wrap-spec .box-spec .star_50 {
            background: url(../img/icon/rate-5.png) left center/120px no-repeat;
            background-size: 100px; }
  #single-column .blog-card,
  #single-interview .blog-card {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 1px 4px #ddd;
    margin: 6rem 0;
    padding: 3rem 2rem 1.5rem 2rem;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #single-column .blog-card,
      #single-interview .blog-card {
        padding: 3rem 1.5rem 1.5rem 1.5rem; } }
    #single-column .blog-card .blog-card-kanren,
    #single-interview .blog-card .blog-card-kanren {
      background: #061D2D;
      border-radius: 3px;
      color: #fff;
      display: inline-block;
      font-size: 1.3rem;
      font-weight: 700;
      left: 2rem;
      padding: .1rem 1rem;
      position: absolute;
      top: -1.5rem; }
    #single-column .blog-card a,
    #single-interview .blog-card a {
      display: flex;
      flex-wrap: wrap;
      text-decoration: none; }
    #single-column .blog-card .blog-card-thumbnail,
    #single-interview .blog-card .blog-card-thumbnail {
      padding-right: 2rem;
      width: 26%; }
      @media only screen and (max-width: 767px) {
        #single-column .blog-card .blog-card-thumbnail,
        #single-interview .blog-card .blog-card-thumbnail {
          padding-right: 0;
          width: 30%; } }
    #single-column .blog-card .blog-card-content,
    #single-interview .blog-card .blog-card-content {
      line-height: 1.6;
      width: 74%; }
      @media only screen and (max-width: 767px) {
        #single-column .blog-card .blog-card-content,
        #single-interview .blog-card .blog-card-content {
          padding-left: 1.5rem;
          width: 70%; } }
      #single-column .blog-card .blog-card-content .blog-card-day,
      #single-interview .blog-card .blog-card-content .blog-card-day {
        color: #888;
        display: block;
        font-size: 1.2rem;
        margin-bottom: .5rem; }
      #single-column .blog-card .blog-card-content .blog-card-title,
      #single-interview .blog-card .blog-card-content .blog-card-title {
        font-size: 1.7rem;
        font-weight: 700; }
        @media only screen and (max-width: 767px) {
          #single-column .blog-card .blog-card-content .blog-card-title,
          #single-interview .blog-card .blog-card-content .blog-card-title {
            font-size: 1.5rem; } }
      #single-column .blog-card .blog-card-content .more,
      #single-interview .blog-card .blog-card-content .more {
        font-size: 1.3rem;
        margin-top: .5rem;
        text-align: right; }
        @media only screen and (max-width: 767px) {
          #single-column .blog-card .blog-card-content .more,
          #single-interview .blog-card .blog-card-content .more {
            font-size: 1.2rem; } }
  #single-column .box-ranking,
  #single-interview .box-ranking {
    background: #f9f9f9;
    border-radius: 5px;
    margin: 5rem 0;
    padding: 1.5rem; }
    @media only screen and (max-width: 767px) {
      #single-column .box-ranking,
      #single-interview .box-ranking {
        margin: 5rem -1.5rem; } }
    #single-column .box-ranking .ttl-ranking,
    #single-interview .box-ranking .ttl-ranking {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.8;
      margin-bottom: 1.5rem; }
      #single-column .box-ranking .ttl-ranking small,
      #single-interview .box-ranking .ttl-ranking small {
        font-size: 1.3rem;
        display: block; }
    #single-column .box-ranking ul,
    #single-interview .box-ranking ul {
      display: flex;
      flex-wrap: wrap;
      gap: 13px;
      justify-content: flex-start;
      list-style: none;
      margin-bottom: 3rem; }
      @media only screen and (max-width: 767px) {
        #single-column .box-ranking ul,
        #single-interview .box-ranking ul {
          display: grid;
          flex-wrap: nowrap;
          grid-template-columns: repeat(6, 1fr);
          grid-gap: 10px;
          gap: 10px;
          overflow-x: scroll;
          overflow-y: hidden;
          scrollbar-width: none; } }
      #single-column .box-ranking ul li,
      #single-interview .box-ranking ul li {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 1rem;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          #single-column .box-ranking ul li,
          #single-interview .box-ranking ul li {
            width: 148px; } }
        #single-column .box-ranking ul li .wrap-rank,
        #single-interview .box-ranking ul li .wrap-rank {
          flex-grow: 1; }
        #single-column .box-ranking ul li .company,
        #single-interview .box-ranking ul li .company {
          display: flex;
          font-size: 1.5rem;
          line-height: 1.5;
          margin-bottom: 1rem; }
          @media only screen and (max-width: 767px) {
            #single-column .box-ranking ul li .company,
            #single-interview .box-ranking ul li .company {
              flex: 1;
              height: 100%;
              min-height: 0%; } }
          #single-column .box-ranking ul li .company .icon-rank,
          #single-interview .box-ranking ul li .company .icon-rank {
            margin: .5rem .5rem 0 0;
            width: 13%; }
        #single-column .box-ranking ul li .thumb,
        #single-interview .box-ranking ul li .thumb {
          margin: 0 auto 1rem;
          width: 90%; }
          @media only screen and (max-width: 767px) {
            #single-column .box-ranking ul li .thumb,
            #single-interview .box-ranking ul li .thumb {
              flex: 1;
              height: 100%;
              min-height: 0%; } }
        #single-column .box-ranking ul li .text-detail,
        #single-interview .box-ranking ul li .text-detail {
          font-size: 1.3rem;
          font-weight: 700;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            #single-column .box-ranking ul li .text-detail,
            #single-interview .box-ranking ul li .text-detail {
              flex: 1;
              height: 100%;
              min-height: 0%; } }
          #single-column .box-ranking ul li .text-detail i,
          #single-interview .box-ranking ul li .text-detail i {
            margin-left: .5rem; }
        #single-column .box-ranking ul li .btn-cv, #single-column .box-ranking ul li .text-cv,
        #single-interview .box-ranking ul li .btn-cv,
        #single-interview .box-ranking ul li .text-cv {
          margin: 0 0 1rem; }
          #single-column .box-ranking ul li .btn-cv a, #single-column .box-ranking ul li .text-cv a,
          #single-interview .box-ranking ul li .btn-cv a,
          #single-interview .box-ranking ul li .text-cv a {
            background: #ffa700;
            border-radius: 15px;
            font-size: 1.4rem;
            font-weight: 700;
            margin: 0 auto;
            padding: .5rem 1rem;
            width: 95%; }
        #single-column .box-ranking ul li .skubutton,
        #single-interview .box-ranking ul li .skubutton {
          background: #357ac3;
          border-radius: 15px;
          color: #fff;
          display: block;
          font-size: 1.4rem;
          font-weight: 700;
          line-height: 1.5;
          margin: 0 auto .5rem;
          padding: .5rem 1rem;
          width: 95%; }
    #single-column .box-ranking .btn-ranking,
    #single-interview .box-ranking .btn-ranking {
      margin-bottom: 3rem;
      text-align: center; }
      #single-column .box-ranking .btn-ranking a,
      #single-interview .box-ranking .btn-ranking a {
        background: #fff;
        border: 1px solid #26a6e5;
        border-radius: 5px;
        display: inline-block;
        font-weight: 700;
        font-size: 1.6rem;
        padding: .5rem 3rem;
        text-decoration: none; }
        #single-column .box-ranking .btn-ranking a i,
        #single-interview .box-ranking .btn-ranking a i {
          margin-left: .8rem; }
    #single-column .box-ranking .about-ranking,
    #single-interview .box-ranking .about-ranking {
      color: #9f9f9f;
      font-size: 1.2rem;
      line-height: 1.6; }
  #single-column #toc_container,
  #single-interview #toc_container {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 6rem;
    padding: 1rem 1.5rem;
    width: 100%; }
    #single-column #toc_container .toc_list ul,
    #single-interview #toc_container .toc_list ul {
      margin-top: 1rem; }
    #single-column #toc_container .toc_list li,
    #single-interview #toc_container .toc_list li {
      font-size: 1.5rem;
      margin-bottom: .5rem;
      margin-left: 0; }
      @media only screen and (max-width: 767px) {
        #single-column #toc_container .toc_list li,
        #single-interview #toc_container .toc_list li {
          font-size: 1.4rem; } }
  #single-column .block-recommend,
  #single-interview .block-recommend {
    margin: 8rem 0 5rem; }
    #single-column .block-recommend .title-recommend,
    #single-interview .block-recommend .title-recommend {
      text-align: center; }
      #single-column .block-recommend .title-recommend span,
      #single-interview .block-recommend .title-recommend span {
        display: inline-block;
        font-size: 2rem;
        font-weight: 700;
        margin: 3rem 0 5rem;
        position: relative;
        text-align: center; }
        #single-column .block-recommend .title-recommend span::after,
        #single-interview .block-recommend .title-recommend span::after {
          background-color: #061D2D;
          border-radius: 2px;
          bottom: -1rem;
          content: "";
          display: inline-block;
          height: 4px;
          left: 50%;
          position: absolute;
          transform: translateX(-50%);
          width: 3rem;
          -webkit-transform: translateX(-50%); }
    #single-column .block-recommend .list-recommend,
    #single-interview .block-recommend .list-recommend {
      display: flex;
      flex-wrap: wrap;
      list-style: none; }
      #single-column .block-recommend .list-recommend li,
      #single-interview .block-recommend .list-recommend li {
        line-height: 1.6;
        margin-bottom: 2rem;
        margin-left: 0;
        width: 30%; }
        @media only screen and (max-width: 767px) {
          #single-column .block-recommend .list-recommend li,
          #single-interview .block-recommend .list-recommend li {
            display: flex;
            flex-wrap: wrap;
            width: 100%; } }
        #single-column .block-recommend .list-recommend li:nth-child(3n-1),
        #single-interview .block-recommend .list-recommend li:nth-child(3n-1) {
          margin-left: 3%;
          margin-right: 3%; }
        #single-column .block-recommend .list-recommend li .thumb,
        #single-interview .block-recommend .list-recommend li .thumb {
          margin-bottom: 1rem; }
          @media only screen and (max-width: 767px) {
            #single-column .block-recommend .list-recommend li .thumb,
            #single-interview .block-recommend .list-recommend li .thumb {
              width: 35%; } }
        #single-column .block-recommend .list-recommend li .title,
        #single-interview .block-recommend .list-recommend li .title {
          font-size: 1.4rem; }
          @media only screen and (max-width: 767px) {
            #single-column .block-recommend .list-recommend li .title,
            #single-interview .block-recommend .list-recommend li .title {
              padding-left: 1.5rem;
              width: 65%; } }
          #single-column .block-recommend .list-recommend li .title time,
          #single-interview .block-recommend .list-recommend li .title time {
            color: #888;
            display: block;
            font-size: 1.2rem;
            margin-top: .5rem; }
  #single-column .btn-cv a, #single-column .text-cv a,
  #single-interview .btn-cv a,
  #single-interview .text-cv a {
    line-height: 1.5;
    margin-bottom: 6rem; }

/* ------------------------------------------------- *
 *        ＠コラム一覧　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#archive-articles h2 {
  border-bottom: 3px solid #061D2D;
  font-size: 2.2rem;
  margin-bottom: 2rem;
  padding: 1rem; }
#archive-articles .block-archive-articles {
  margin-bottom: 6rem; }
#archive-articles .btn-more {
  margin: 2rem 0;
  text-align: center; }
  #archive-articles .btn-more a {
    background: #eee;
    border-radius: 20px;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0.8rem 2rem; }

.block-taxonomy-column,
.block-archive-articles {
  list-style: none; }
  .block-taxonomy-column li,
  .block-archive-articles li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem; }
    .block-taxonomy-column li .thumb,
    .block-archive-articles li .thumb {
      padding-right: 2rem;
      width: 25%; }
      @media only screen and (max-width: 767px) {
        .block-taxonomy-column li .thumb,
        .block-archive-articles li .thumb {
          width: 30%; } }
    .block-taxonomy-column li .title,
    .block-archive-articles li .title {
      font-size: 1.6rem;
      font-weight: 700;
      width: 75%; }
      @media only screen and (max-width: 767px) {
        .block-taxonomy-column li .title,
        .block-archive-articles li .title {
          width: 70%; } }
      .block-taxonomy-column li .title time,
      .block-archive-articles li .title time {
        color: #888;
        display: block;
        font-size: 1.4rem;
        margin-top: .5rem; }

.wp-pagenavi {
  margin-bottom: 5rem;
  text-align: center; }
  .wp-pagenavi span.current {
    background: #061D2D;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 1;
    padding: 0.4rem 0;
    text-align: center;
    width: 30px; }
  .wp-pagenavi a {
    border: 1px solid #061D2D !important;
    color: #061D2D !important;
    display: inline-block;
    height: 30px;
    line-height: 1;
    padding: 0.4rem 0 !important;
    text-align: center;
    width: 30px;
    text-decoration: none !important; }
    .wp-pagenavi a.first, .wp-pagenavi a.last {
      width: 60px; }

/* ------------------------------------------------- *
 *        ＠インタビュー　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#single-interview .main-visual {
  margin-bottom: 0; }
#single-interview h1 {
  margin-bottom: 2rem; }
#single-interview h2 {
  font-size: 2.4rem;
  margin: 0 0 4rem; }
  @media only screen and (max-width: 767px) {
    #single-interview h2 {
      font-size: 1.8rem; } }
#single-interview h3 {
  border: 2px solid #ddd;
  border-radius: 5px;
  color: #666;
  font-size: 1.6rem;
  margin: 0 0 4rem;
  padding: 1.5rem;
  position: relative; }
  #single-interview h3::before {
    background: url(../img/icon/icon-interview.png;) no-repeat 1rem center #fff;
    background-size: 20px;
    content: "グッドカミング編集部";
    color: #888;
    font-size: 1.4rem;
    left: 2rem;
    padding: .5rem 1rem .5rem 3.5rem;
    position: absolute;
    top: -1.6rem; }
#single-interview p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 1.5rem 0 4rem; }
  @media only screen and (max-width: 767px) {
    #single-interview p {
      font-size: 1.5rem;
      margin: 1.5rem 0 3rem; } }
  #single-interview p small {
    font-size: 1.2rem; }
#single-interview .box-editor {
  margin: 4rem 0; }
#single-interview #toc_container {
  margin-bottom: 4rem; }
#single-interview .dl-interview {
  border: 2px solid #357ac3;
  border-radius: 5px;
  margin: 0 0 4rem;
  padding: 1.5rem; }
  #single-interview .dl-interview dt {
    color: #357ac3;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 1rem; }
  #single-interview .dl-interview dd {
    background: none;
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 0;
    padding: 0; }
#single-interview .img-interviewee {
  float: left;
  margin-right: 2rem;
  width: 85px; }
#single-interview .name {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1; }
#single-interview .box-recommend-lic ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 1rem; }
  #single-interview .box-recommend-lic ul li {
    margin: 0 0 1rem;
    width: 48%; }
    #single-interview .box-recommend-lic ul li img {
      border: 1px solid #ddd;
      border-radius: 5px; }
#single-interview .text-number {
  list-style: none;
  text-align: right; }
  #single-interview .text-number li {
    color: #b5b5b5;
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 0;
    text-align: right; }

/* ------------------------------------------------- *
 *        ＠案件詳細　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#single-details a:link, #single-details a:active, #single-details a:visited {
  color: #26a6e5;
  text-decoration: underline; }
#single-details a:hover {
  text-decoration: none; }
#single-details .box-company {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem; }
  #single-details .box-company .logo {
    width: 10%; }
    @media only screen and (max-width: 767px) {
      #single-details .box-company .logo {
        width: 20%; } }
  #single-details .box-company .title {
    padding-left: 2rem;
    width: 90%; }
    @media only screen and (max-width: 767px) {
      #single-details .box-company .title {
        width: 80%; } }
    #single-details .box-company .title .company {
      font-size: 1.4rem;
      margin-bottom: .5rem; }
    #single-details .box-company .title h1 {
      font-size: 2.4rem; }
      @media only screen and (max-width: 767px) {
        #single-details .box-company .title h1 {
          font-size: 2.2rem; } }
#single-details .box-price {
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3rem;
  padding: 1rem 1.5rem; }
  @media only screen and (max-width: 767px) {
    #single-details .box-price {
      padding: 1rem; } }
  #single-details .box-price .banner {
    width: 30%; }
    @media only screen and (max-width: 767px) {
      #single-details .box-price .banner {
        width: 35%; } }
  #single-details .box-price .price {
    padding-left: 2rem;
    width: 70%; }
    @media only screen and (max-width: 767px) {
      #single-details .box-price .price {
        padding-left: 1rem;
        width: 65%; } }
    #single-details .box-price .price .wrap-price {
      align-items: baseline;
      background: #f6f6f6;
      border-radius: 5px;
      display: flex;
      justify-content: center;
      padding: 1rem 1.5rem;
      flex-wrap: wrap; }
      @media only screen and (max-width: 767px) {
        #single-details .box-price .price .wrap-price {
          padding: 1rem 0; } }
      #single-details .box-price .price .wrap-price .text-age {
        background: url(../img/icon/icon-person.png;) no-repeat left center;
        background-size: 15px 15px;
        color: #666;
        font-size: 1.5rem;
        font-weight: 700;
        margin-right: 1rem;
        padding-left: 2rem; }
        @media only screen and (max-width: 767px) {
          #single-details .box-price .price .wrap-price .text-age {
            background: url(../img/icon/icon-person.png;) no-repeat left center;
            background-size: 13px 13px;
            color: #666;
            font-size: 1.2rem;
            font-weight: 700;
            margin-right: .5rem;
            padding-left: 1.5rem; } }
      #single-details .box-price .price .wrap-price #select {
        background: #fff;
        border: 1px solid #666;
        border-radius: 3px;
        font-size: 1.5rem;
        margin-right: 1rem;
        padding: .1rem .3rem .2rem .5rem;
        -moz-appearance: menulist;
        -webkit-appearance: menulist; }
        @media only screen and (max-width: 767px) {
          #single-details .box-price .price .wrap-price #select {
            font-size: 1.3rem;
            margin-right: .5rem;
            padding: .1rem .2rem .2rem .3rem; } }
      #single-details .box-price .price .wrap-price .price-list {
        list-style: none; }
        #single-details .box-price .price .wrap-price .price-list li {
          color: #ef2626;
          font-size: 3rem;
          font-weight: 700;
          line-height: 1; }
          @media only screen and (max-width: 767px) {
            #single-details .box-price .price .wrap-price .price-list li {
              font-size: 2.2rem; } }
          #single-details .box-price .price .wrap-price .price-list li .txt-red {
            color: #ef2626;
            font-size: 1.8rem; }
          #single-details .box-price .price .wrap-price .price-list li small {
            color: #666;
            font-size: 1.5rem; }
            @media only screen and (max-width: 767px) {
              #single-details .box-price .price .wrap-price .price-list li small {
                font-size: 1.2rem; } }
          #single-details .box-price .price .wrap-price .price-list li:nth-of-type(n+2) {
            display: none; }
  #single-details .box-price .text-date {
    color: #9f9f9f;
    font-size: 1rem;
    margin-top: .3rem;
    text-align: right; }
  #single-details .box-price .text-conditions {
    color: #9f9f9f;
    font-size: 1.1rem;
    margin-top: .8rem; }
#single-details .wrap-feature {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 4rem 0; }
  @media only screen and (max-width: 767px) {
    #single-details .wrap-feature {
      display: block;
      margin: 3rem 0; } }
  #single-details .wrap-feature .box-feature {
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 4px #ddd;
    padding: 0 1.5rem 1rem;
    width: 78%; }
    @media only screen and (max-width: 767px) {
      #single-details .wrap-feature .box-feature {
        width: 100%; } }
    #single-details .wrap-feature .box-feature dt {
      background: #ffcd0e;
      border-radius: 0 0 5px 5px;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
      padding: .5rem 1.5rem; }
    #single-details .wrap-feature .box-feature dd {
      font-size: 1.5rem;
      line-height: 1.8; }
  #single-details .wrap-feature .box-ranking {
    align-items: center;
    border: 2px solid #357ac3;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    padding: .5rem;
    text-align: center;
    width: 18%; }
    @media only screen and (max-width: 767px) {
      #single-details .wrap-feature .box-ranking {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 1.5rem 0;
        padding: 0;
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      #single-details .wrap-feature .box-ranking dl {
        align-items: center;
        display: flex;
        justify-content: center; } }
    #single-details .wrap-feature .box-ranking dt {
      font-size: 1.2rem;
      font-weight: 700;
      line-height: 1.3; }
      @media only screen and (max-width: 767px) {
        #single-details .wrap-feature .box-ranking dt {
          font-size: 1.3rem;
          padding-right: 2rem; } }
      @media only screen and (max-width: 767px) {
        #single-details .wrap-feature .box-ranking dt br {
          display: none; } }
    #single-details .wrap-feature .box-ranking dd {
      color: #ef2626;
      font-size: 3rem;
      font-weight: 700;
      line-height: 1.3; }
      #single-details .wrap-feature .box-ranking dd small {
        color: #231815;
        font-size: 1.5rem;
        padding-left: .3rem; }
#single-details .box-point .ttl-point {
  background: url(../img/icon/icon-checkmark.png;) no-repeat 1rem 60% #061D2D;
  background-size: 22px 22px;
  border-radius: 5px 5px 0 0;
  color: #fff;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  padding: .5rem 1.5rem .6rem 4.5rem; }
#single-details .box-point ol {
  border-top: 2px solid #061D2D;
  counter-reset: count1;
  list-style-type: none;
  margin-bottom: 3rem;
  padding-top: .3rem; }
#single-details .box-point li {
  border-bottom: 1px solid #ddd;
  counter-increment: count1;
  font-size: 1.5rem;
  line-height: 1.6;
  padding: 1rem 1.5rem 1rem 4.5rem;
  position: relative; }
  #single-details .box-point li::before {
    background: #061D2D;
    border-radius: 10px;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    content: counter(count1);
    left: 1.3rem;
    line-height: 1;
    padding: .3rem .7rem;
    position: absolute;
    top: 1.3rem; }
#single-details .bnr-interview {
  margin: 4rem 0; }
#single-details .box-content .itemimg, #single-details .box-content .field, #single-details .box-content .skuform, #single-details .box-content .itemsubimg {
  display: none; }
#single-details .box-content h3 {
  display: none; }
#single-details .box-content .exp h3 {
  display: block; }
#single-details .box-content span {
  color: #ff3469; }
#single-details .box-content .bold {
  font-weight: 700; }
#single-details .box-content .hosoku {
  font-weight: 700;
  margin-right: 1rem; }
#single-details .box-content .price {
  font-size: 2.5rem;
  font-weight: 700; }
#single-details .box-content .bikou {
  color: #231815;
  font-size: 1.2rem; }
#single-details .box-content h4 {
  border-left: 5px solid #061D2D;
  font-size: 2rem;
  margin: 4rem 0 1.5rem;
  padding: .3rem 1rem; }
#single-details .box-content h5 {
  background: #357ac3;
  border-radius: 5px;
  color: #fff;
  font-size: 1.6rem;
  margin: 2rem 0;
  padding: .8rem 1rem; }
#single-details .box-content p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 2rem; }
#single-details .box-content .text-plan {
  color: #357ac3;
  font-weight: 700;
  margin: 2rem 0; }
#single-details .box-content .img-plan {
  margin-bottom: 1rem; }
  #single-details .box-content .img-plan img {
    display: block;
    margin: auto;
    width: 35%; }
    @media only screen and (max-width: 767px) {
      #single-details .box-content .img-plan img {
        width: 50%; } }
#single-details .box-content dl dt {
  background: #efefef;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.8;
  padding: .8rem 1.5rem; }
#single-details .box-content dl dd {
  background: #f9f9f9;
  font-size: 1.4rem;
  line-height: 1.8;
  padding: .8rem 1.5rem; }
#single-details .box-content table {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 3rem 0;
  width: 100%; }
  #single-details .box-content table caption {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: left; }
  #single-details .box-content table th {
    background: #f9f9f9;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 1.4rem;
    padding: .8rem 1.3rem;
    width: 20%; }
    @media only screen and (max-width: 767px) {
      #single-details .box-content table th {
        font-size: 1.3rem;
        padding: .8rem .5rem;
        width: 30%; } }
  #single-details .box-content table td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 1.4rem;
    padding: .8rem 1.3rem; }
#single-details .wrap-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 4rem 0; }
  @media only screen and (max-width: 767px) {
    #single-details .wrap-btn {
      margin: 3rem 0; } }
  #single-details .wrap-btn .btn-cv, #single-details .wrap-btn .text-cv {
    margin: 0;
    width: 48%; }
    @media only screen and (max-width: 767px) {
      #single-details .wrap-btn .btn-cv, #single-details .wrap-btn .text-cv {
        margin-bottom: 2rem;
        width: 100%; } }
    #single-details .wrap-btn .btn-cv a, #single-details .wrap-btn .text-cv a {
      background: url(../img/icon/icon-arrow-white.png;) no-repeat right center #ffa700;
      background-position: 96%;
      background-size: 25px;
      border-radius: 35px;
      font-size: 2rem;
      font-weight: 700;
      padding: 2rem 4.5rem 2rem 2rem;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        #single-details .wrap-btn .btn-cv a, #single-details .wrap-btn .text-cv a {
          padding: 1.5rem 5rem 1.5rem 2rem; } }
  #single-details .wrap-btn .btn-form {
    width: 48%; }
    @media only screen and (max-width: 767px) {
      #single-details .wrap-btn .btn-form {
        width: 100%; } }
    #single-details .wrap-btn .btn-form .cart-button input[type=submit] {
      margin: 0;
      width: 100%; }
  @media only screen and (max-width: 767px) {
    #single-details .wrap-btn .skubutton {
      padding: 1.5rem 5rem 1.5rem 2rem; } }
#single-details .box-specialist {
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 1.5rem; }
  @media only screen and (max-width: 767px) {
    #single-details .box-specialist {
      display: block; } }
  #single-details .box-specialist .wrap-img-specialist {
    padding-right: 1.5rem;
    width: 20%; }
    @media only screen and (max-width: 767px) {
      #single-details .box-specialist .wrap-img-specialist {
        width: 100%; } }
    #single-details .box-specialist .wrap-img-specialist .ttl-specialist {
      font-size: 1.4rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media only screen and (max-width: 767px) {
        #single-details .box-specialist .wrap-img-specialist .ttl-specialist {
          font-size: 1.5rem; } }
    #single-details .box-specialist .wrap-img-specialist img {
      display: block;
      margin: auto;
      width: 80%; }
      @media only screen and (max-width: 767px) {
        #single-details .box-specialist .wrap-img-specialist img {
          display: none; } }
  #single-details .box-specialist .wrap-specialist-info {
    padding-left: 1rem;
    width: 80%; }
    @media only screen and (max-width: 767px) {
      #single-details .box-specialist .wrap-specialist-info {
        padding-left: 0;
        width: 100%; } }
    #single-details .box-specialist .wrap-specialist-info .specialist-info {
      font-size: 1.6rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media only screen and (max-width: 767px) {
        #single-details .box-specialist .wrap-specialist-info .specialist-info {
          display: flex;
          flex-wrap: wrap; } }
      #single-details .box-specialist .wrap-specialist-info .specialist-info .job {
        font-size: 1.2rem; }
      #single-details .box-specialist .wrap-specialist-info .specialist-info a {
        color: #231815; }
      #single-details .box-specialist .wrap-specialist-info .specialist-info .specialist-img {
        display: none; }
        @media only screen and (max-width: 767px) {
          #single-details .box-specialist .wrap-specialist-info .specialist-info .specialist-img {
            display: block;
            width: 15%; } }
      @media only screen and (max-width: 767px) {
        #single-details .box-specialist .wrap-specialist-info .specialist-info .specialist-name {
          padding-left: 1.5rem;
          width: 85%; } }
  #single-details .box-specialist .text-specialist-comment {
    font-size: 1.4rem;
    line-height: 1.8; }
    @media only screen and (max-width: 767px) {
      #single-details .box-specialist .text-specialist-comment {
        font-size: 1.3rem; } }
    #single-details .box-specialist .text-specialist-comment .text-more {
      font-size: 1.2rem;
      font-weight: 700;
      text-align: right; }
      #single-details .box-specialist .text-specialist-comment .text-more i {
        margin-left: .3rem; }
#single-details .box-expert {
  margin: 5rem 0; }
  #single-details .box-expert .ttl-expert {
    background: #061D2D;
    border-radius: 5px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    padding: .8rem 1.5rem; }
  #single-details .box-expert .wrap-expert-info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0; }
    #single-details .box-expert .wrap-expert-info .expert-info {
      width: 82%; }
      @media only screen and (max-width: 767px) {
        #single-details .box-expert .wrap-expert-info .expert-info {
          width: 80%; } }
      #single-details .box-expert .wrap-expert-info .expert-info dt {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 1.5rem; }
        #single-details .box-expert .wrap-expert-info .expert-info dt a {
          color: #231815; }
        #single-details .box-expert .wrap-expert-info .expert-info dt .job {
          font-size: 1.3rem; }
        #single-details .box-expert .wrap-expert-info .expert-info dt .license {
          font-size: 1.2rem;
          font-weight: 500; }
      #single-details .box-expert .wrap-expert-info .expert-info dd {
        font-size: 1.3rem; }
    #single-details .box-expert .wrap-expert-info .img-expert {
      padding-left: 2.5rem;
      width: 18%; }
      @media only screen and (max-width: 767px) {
        #single-details .box-expert .wrap-expert-info .img-expert {
          padding-left: 1.5rem;
          width: 20%; } }
    #single-details .box-expert .wrap-expert-info .text-expert {
      font-size: 1.3rem;
      line-height: 1.8; }
  #single-details .box-expert .wrap-lic {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0;
    padding: 1rem; }
    #single-details .box-expert .wrap-lic .img-lic {
      width: 25%; }
    #single-details .box-expert .wrap-lic .box-lic {
      font-weight: 700;
      padding-left: 1rem;
      width: 75%; }
      #single-details .box-expert .wrap-lic .box-lic dt {
        font-size: 1.3rem;
        margin: .5rem 0; }
      #single-details .box-expert .wrap-lic .box-lic dd {
        font-size: 1.8rem; }
  #single-details .box-expert .box-point3 {
    background: #f5f5f5;
    border-radius: 5px;
    margin: 2rem 0;
    padding: 1.5rem 1.5rem 1.5rem 3rem; }
    #single-details .box-expert .box-point3 li {
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 1.8;
      margin-bottom: 1rem; }
      #single-details .box-expert .box-point3 li:last-child {
        margin-bottom: 0; }
  #single-details .box-expert .box-comment {
    font-size: 1.6rem;
    line-height: 1.8; }
    #single-details .box-expert .box-comment p {
      margin-bottom: 2rem; }
    #single-details .box-expert .box-comment span {
      color: #ff3469; }
    #single-details .box-expert .box-comment .bold {
      font-weight: 700; }
    #single-details .box-expert .box-comment .hosoku {
      font-weight: 700;
      margin-right: 1rem; }
    #single-details .box-expert .box-comment .price {
      font-size: 2.5rem;
      font-weight: 700; }
    #single-details .box-expert .box-comment .bikou {
      color: #231815;
      font-size: 1.2rem; }
#single-details .text-number {
  color: #b5b5b5;
  text-align: right; }

#single-details-special {
  margin: 3rem auto 5rem;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #single-details-special {
      padding: 0 1.5rem;
      width: 100%; } }
  #single-details-special .wrap-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 4rem 0; }
    @media only screen and (max-width: 767px) {
      #single-details-special .wrap-btn {
        margin: 3rem 0; } }
    #single-details-special .wrap-btn .btn-cv, #single-details-special .wrap-btn .text-cv {
      margin: 0;
      width: 48%; }
      @media only screen and (max-width: 767px) {
        #single-details-special .wrap-btn .btn-cv, #single-details-special .wrap-btn .text-cv {
          margin-bottom: 2rem;
          width: 100%; } }
      #single-details-special .wrap-btn .btn-cv a, #single-details-special .wrap-btn .text-cv a {
        background: url(../img/icon/icon-arrow-white.png;) no-repeat right center #ffa700;
        background-position: 96%;
        background-size: 25px;
        border-radius: 35px;
        font-size: 2rem;
        font-weight: 700;
        padding: 2rem 5rem 2rem 2rem;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          #single-details-special .wrap-btn .btn-cv a, #single-details-special .wrap-btn .text-cv a {
            padding: 1.5rem 5rem 1.5rem 2rem; } }
    #single-details-special .wrap-btn .btn-form {
      background: url(../img/icon/icon-arrow-white.png) no-repeat right center #357ac3;
      background-size: 25px;
      background-position: 96%;
      border-radius: 35px;
      color: #FFF !important;
      cursor: pointer;
      display: block;
      font-size: 2rem;
      font-weight: 700;
      margin: 0 auto;
      padding: 2rem 5rem 2rem 2rem;
      text-align: center;
      text-decoration: none !important;
      width: 48%; }
      @media only screen and (max-width: 767px) {
        #single-details-special .wrap-btn .btn-form {
          font-size: 1.8rem;
          margin: 0 0 2rem 0;
          padding: 2rem 5rem 2rem 2rem;
          width: 100%; } }
  #single-details-special .text-number {
    color: #b5b5b5;
    text-align: right; }
  #single-details-special .wrap-agency {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 6rem; }
    #single-details-special .wrap-agency .box-agency {
      font-size: 1.3rem;
      line-height: 1.8;
      width: 48%; }
      @media only screen and (max-width: 767px) {
        #single-details-special .wrap-agency .box-agency {
          margin-bottom: 2rem;
          width: 100%; } }

.unit-link h1 {
  text-align: center; }
  .unit-link h1 img {
    margin: auto; }
.unit-link h2 {
  font-size: 2rem;
  margin: 5rem 0 3rem 0;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .unit-link h2 {
      margin: 3rem 0; } }
.unit-link h3 {
  background: #ef598e;
  color: #fff;
  font-size: 1.8rem;
  margin: 2rem 0;
  padding: .5rem 1.5rem; }
.unit-link h4 {
  background: #005bab;
  color: #fff;
  font-size: 1.8rem;
  margin: 2rem 0 0;
  padding: .5rem 1.5rem; }
.unit-link h5 {
  color: #005bab;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 4rem 0 1rem; }
.unit-link .box-features {
  align-items: center;
  color: #ef598e;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3rem auto 5rem;
  width: 85%; }
  @media only screen and (max-width: 767px) {
    .unit-link .box-features {
      align-items: start;
      width: 100%; } }
  .unit-link .box-features dt {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 2rem;
    width: 10%; }
    @media only screen and (max-width: 767px) {
      .unit-link .box-features dt {
        width: 15%; } }
  .unit-link .box-features dd {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    width: 90%; }
    @media only screen and (max-width: 767px) {
      .unit-link .box-features dd {
        width: 82%; } }
.unit-link .wrap-features02 {
  padding: 2rem; }
  @media only screen and (max-width: 767px) {
    .unit-link .wrap-features02 {
      padding: 0; } }
  .unit-link .wrap-features02 p {
    font-size: 1.4rem;
    line-height: 1.8; }
  .unit-link .wrap-features02 .box-features02 {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 767px) {
      .unit-link .wrap-features02 .box-features02 {
        display: inherit; } }
    .unit-link .wrap-features02 .box-features02:last-child {
      margin-bottom: 0; }
    .unit-link .wrap-features02 .box-features02 dt {
      background: #ef598e;
      color: #fff;
      font-size: 1.4rem;
      font-weight: 700;
      padding: 1rem;
      text-align: center;
      width: 8%; }
      @media only screen and (max-width: 767px) {
        .unit-link .wrap-features02 .box-features02 dt {
          margin-bottom: 1rem;
          padding: .5rem 1rem;
          width: 30%; } }
    .unit-link .wrap-features02 .box-features02 dd {
      font-size: 1.4rem;
      width: 88%; }
      @media only screen and (max-width: 767px) {
        .unit-link .wrap-features02 .box-features02 dd {
          width: 100%; } }
      .unit-link .wrap-features02 .box-features02 dd .ttl-features {
        color: #005bab;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.8;
        margin-bottom: 1rem; }
      .unit-link .wrap-features02 .box-features02 dd p {
        line-height: 1.8; }
        .unit-link .wrap-features02 .box-features02 dd p span {
          color: #ff260d; }
        .unit-link .wrap-features02 .box-features02 dd p .text-blue {
          color: #005bab; }
        .unit-link .wrap-features02 .box-features02 dd p .text-lblue {
          color: #5ea9de; }
        .unit-link .wrap-features02 .box-features02 dd p .text-pink {
          color: #ef598e; }
      .unit-link .wrap-features02 .box-features02 dd ul {
        margin-top: 1.5rem;
        padding-left: 2rem; }
        .unit-link .wrap-features02 .box-features02 dd ul li {
          font-size: 1.4rem;
          margin-bottom: .5rem; }
          .unit-link .wrap-features02 .box-features02 dd ul li span {
            color: #ff260d; }
      .unit-link .wrap-features02 .box-features02 dd .list-security {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        list-style: none;
        margin-top: 0;
        padding-left: 0; }
        .unit-link .wrap-features02 .box-features02 dd .list-security li {
          background: #0fb3c6;
          border-radius: 15px;
          color: #fff;
          font-weight: 700;
          padding: .5rem 1rem;
          text-align: center; }
          .unit-link .wrap-features02 .box-features02 dd .list-security li.w30 {
            width: 29%; }
          .unit-link .wrap-features02 .box-features02 dd .list-security li.w70 {
            width: 69%; }
          .unit-link .wrap-features02 .box-features02 dd .list-security li.w100 {
            width: 100%; }
      .unit-link .wrap-features02 .box-features02 dd .list-situation {
        list-style: none;
        margin-bottom: 1.5rem;
        margin-top: 0;
        padding-left: 0; }
        .unit-link .wrap-features02 .box-features02 dd .list-situation li {
          padding-left: 1.5rem;
          position: relative; }
          .unit-link .wrap-features02 .box-features02 dd .list-situation li::before {
            background: #0fb3c6;
            border-radius: 50%;
            content: "";
            display: block;
            height: 5px;
            left: 0;
            position: absolute;
            top: .6rem;
            width: 5px; }
.unit-link .wrap-caution {
  border: 1px solid #005bab;
  line-height: 1.8;
  margin-bottom: 5rem;
  padding: 2rem; }
  .unit-link .wrap-caution .text-caution {
    border: 1px solid #ff260d;
    color: #ff260d;
    font-size: 1.3rem;
    margin-bottom: 3rem;
    padding: 1rem; }
  .unit-link .wrap-caution ul {
    padding-left: 2rem; }
    .unit-link .wrap-caution ul li {
      font-size: 1.4rem;
      margin-bottom: .5rem; }
      .unit-link .wrap-caution ul li span {
        color: #ff260d; }
      .unit-link .wrap-caution ul li:last-child {
        margin-bottom: 0; }
  .unit-link .wrap-caution .box-caution {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 767px) {
      .unit-link .wrap-caution .box-caution {
        display: inherit; } }
    .unit-link .wrap-caution .box-caution:last-child {
      margin-bottom: 0; }
    .unit-link .wrap-caution .box-caution dt {
      background: #005bab;
      color: #fff;
      font-size: 1.4rem;
      font-weight: 700;
      padding: 1rem;
      text-align: center;
      width: 8%; }
      @media only screen and (max-width: 767px) {
        .unit-link .wrap-caution .box-caution dt {
          margin-bottom: 1rem;
          padding: .5rem 1rem;
          width: 30%; } }
    .unit-link .wrap-caution .box-caution dd {
      font-size: 1.4rem;
      width: 88%; }
      @media only screen and (max-width: 767px) {
        .unit-link .wrap-caution .box-caution dd {
          width: 100%; } }
      .unit-link .wrap-caution .box-caution dd .ttl-caution {
        color: #005bab;
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 1rem; }
      .unit-link .wrap-caution .box-caution dd ul {
        margin-top: 1.5rem;
        padding-left: 2rem; }
        .unit-link .wrap-caution .box-caution dd ul li {
          font-size: 1.4rem;
          margin-bottom: .5rem; }
          .unit-link .wrap-caution .box-caution dd ul li span {
            color: #ff260d; }
.unit-link .box-example {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 2rem; }
  @media only screen and (max-width: 767px) {
    .unit-link .box-example {
      display: inherit;
      padding: 0; } }
  .unit-link .box-example ul {
    padding-left: 2rem;
    width: 48%; }
    @media only screen and (max-width: 767px) {
      .unit-link .box-example ul {
        width: 100%; } }
    .unit-link .box-example ul li {
      font-size: 1.4rem;
      margin-bottom: 1rem; }
@media only screen and (max-width: 767px) {
  .unit-link .wrap-table-example {
    overflow-x: scroll; } }
.unit-link .table-example {
  border: 1px solid #888;
  font-size: 1.4rem;
  margin: 3rem 0 1rem;
  text-align: center;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .unit-link .table-example {
      white-space: nowrap; } }
  .unit-link .table-example caption {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    text-align: right; }
  .unit-link .table-example td {
    border-bottom: 1px solid #fff;
    padding: .8rem 1rem; }
    .unit-link .table-example td.bg-gray {
      background: #dcdcde; }
    .unit-link .table-example td.bg-green {
      background: #c4da60; }
    .unit-link .table-example td.bg-blue {
      background: #5476b3;
      color: #fff; }
    .unit-link .table-example td.bg-pink {
      background: #ef598e;
      color: #fff; }
    .unit-link .table-example td.bg-white {
      border-bottom: 1px solid #888;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff; }
    .unit-link .table-example td.bg-dblue {
      background: #005bab;
      color: #fff; }
    .unit-link .table-example td.bd-none {
      border-bottom: none;
      font-size: 1.3rem;
      padding: .8rem 0 0; }
    .unit-link .table-example td.bb-gray {
      border-bottom: 1px solid #888; }
.unit-link .text-example {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 3rem; }

/* ------------------------------------------------- *
 *        ＠保険会社一覧　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#archive-lic {
  margin: 3rem auto 5rem; }
  @media only screen and (max-width: 767px) {
    #archive-lic {
      padding: 0 1.5rem; } }
  #archive-lic a:link, #archive-lic a:active, #archive-lic a:visited {
    color: #26a6e5;
    text-decoration: underline; }
  #archive-lic a:hover {
    text-decoration: none; }
  #archive-lic h1 {
    font-size: 2.8rem;
    margin-bottom: 3rem; }
  #archive-lic h3 {
    font-size: 1.8rem; }
  #archive-lic .table-lic {
    border: 1px solid #ccc; }
    @media only screen and (max-width: 767px) {
      #archive-lic .table-lic .tr-campany {
        display: none; } }
    #archive-lic .table-lic th {
      background: #f9f9f9;
      border-bottom: 1px solid #ccc;
      border-right: 1px solid #ccc;
      font-size: 1.6rem;
      font-weight: 700;
      padding: 1rem 1.5rem; }
      #archive-lic .table-lic th.th-campany {
        width: 38%; }
    #archive-lic .table-lic td {
      border-bottom: 1px solid #ccc;
      border-right: 1px dashed #ccc;
      font-size: 1.6rem;
      padding: 1rem 1.5rem; }
      @media only screen and (max-width: 767px) {
        #archive-lic .table-lic td {
          border-right: none;
          display: block;
          padding: .5rem 1rem;
          width: 100%; } }
      #archive-lic .table-lic td .wrap {
        align-items: center;
        display: flex;
        flex-wrap: wrap; }
        #archive-lic .table-lic td .wrap .thumb {
          padding-right: 2rem;
          width: 50%; }
          @media only screen and (max-width: 767px) {
            #archive-lic .table-lic td .wrap .thumb {
              width: 30%; } }
          @media only screen and (max-width: 767px) {
            #archive-lic .table-lic td .wrap .thumb img {
              height: 25px;
              object-fit: cover; } }
        #archive-lic .table-lic td .wrap .title {
          font-size: 1.5rem;
          font-weight: 700;
          width: 50%; }
          @media only screen and (max-width: 767px) {
            #archive-lic .table-lic td .wrap .title {
              width: 70%; } }
      #archive-lic .table-lic td .list-lic {
        display: flex;
        flex-wrap: wrap;
        list-style: none; }
        #archive-lic .table-lic td .list-lic li {
          margin: 1rem 0;
          padding: 0 1rem;
          width: 32%; }
          @media only screen and (max-width: 767px) {
            #archive-lic .table-lic td .list-lic li {
              padding: 0 .5rem; } }
          #archive-lic .table-lic td .list-lic li .box-title {
            text-align: center; }
            #archive-lic .table-lic td .list-lic li .box-title .thumb img {
              border: 1px solid #ddd;
              border-radius: 5px;
              padding: .5rem; }
            #archive-lic .table-lic td .list-lic li .box-title .title {
              font-size: 1.4rem; }

/* ------------------------------------------------- *
 *        ＠保険会社詳細　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#single-insurance {
  margin: 3rem auto 5rem;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #single-insurance {
      padding: 0 1.5rem;
      width: 100%; } }
  #single-insurance .wrap-button {
    align-items: center;
    border: 2px solid #357ac3;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 2rem auto;
    padding: .5rem 1.5rem;
    width: 48%; }
    @media only screen and (max-width: 767px) {
      #single-insurance .wrap-button {
        width: 100%; } }
    #single-insurance .wrap-button .text-button {
      font-size: 1.4rem;
      font-weight: 700;
      margin-right: 2rem; }
      @media only screen and (max-width: 767px) {
        #single-insurance .wrap-button .text-button {
          font-size: 1.3rem;
          margin-right: 1rem; } }
    #single-insurance .wrap-button .list-button {
      background: #edf1f5;
      border-radius: 5px;
      font-size: 1.4rem;
      font-weight: 700;
      padding: .2rem; }
      @media only screen and (max-width: 767px) {
        #single-insurance .wrap-button .list-button {
          font-size: 1.3rem; } }
      #single-insurance .wrap-button .list-button .man, #single-insurance .wrap-button .list-button .woman {
        padding: .5rem 2rem; }
        @media only screen and (max-width: 767px) {
          #single-insurance .wrap-button .list-button .man, #single-insurance .wrap-button .list-button .woman {
            padding: .5rem 1.5rem; } }
        #single-insurance .wrap-button .list-button .man.active, #single-insurance .wrap-button .list-button .woman.active {
          background: #357ac3;
          border-radius: 5px;
          color: #fff; }
  #single-insurance .box-insurance .list-insurance {
    justify-content: space-between; }
    #single-insurance .text-number {
    	color: #666666;
    	font-size: 12px;
    	font-size: 0.75rem;
    	font-weight: 400;
    	line-height: 1.4166666667;
    	margin-top: 40px;
    	margin-top: 2.5rem;
    	text-align: right;
    }

#single-insurance a:link, #single-insurance a:active, #single-insurance a:visited,
#category a:link,
#category a:active,
#category a:visited {
  color: #26a6e5;
  text-decoration: underline; }
#single-insurance a:hover,
#category a:hover {
  text-decoration: none; }
#single-insurance .box-title,
#category .box-title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem; }
  #single-insurance .box-title .thumbnail,
  #category .box-title .thumbnail {
    width: 30%; }
    #single-insurance .box-title .thumbnail img,
    #category .box-title .thumbnail img {
      border: 1px solid #ddd;
      border-radius: 5px; }
  #single-insurance .box-title h1,
  #category .box-title h1 {
    font-size: 2.4rem;
    padding-left: 2rem;
    width: 70%; }
    @media only screen and (max-width: 767px) {
      #single-insurance .box-title h1,
      #category .box-title h1 {
        font-size: 2rem; } }
#single-insurance h2,
#category h2 {
  border-bottom: 2px solid #061D2D;
  border-top: 2px solid #061D2D;
  font-size: 1.8rem;
  margin: 5rem 0 3rem;
  padding: 1rem 1.5rem;
  text-align: center; }
#single-insurance .box-data,
#category .box-data {
  margin-bottom: 3rem; }
  #single-insurance .box-data dl,
  #category .box-data dl {
    align-items: stretch;
    display: flex;
    margin-bottom: 1rem; }
  #single-insurance .box-data dt,
  #category .box-data dt {
    align-items: center;
    background: #eef6ff;
    border: 1px solid #357ac3;
    border-radius: 5px 0 0 5px;
    border-right: none;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.3;
    padding: 1rem 1.5rem .8rem 1.5rem;
    text-align: center;
    width: 50%; }
    @media only screen and (max-width: 767px) {
      #single-insurance .box-data dt,
      #category .box-data dt {
        width: 60%; } }
    #single-insurance .box-data dt small,
    #category .box-data dt small {
      font-size: 1.1rem;
      font-weight: normal; }
  #single-insurance .box-data dd,
  #category .box-data dd {
    align-items: center;
    border: 1px solid #357ac3;
    border-left: none;
    border-radius: 0 5px 5px 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.6rem;
    font-weight: 700;
    justify-content: center;
    padding: 1rem 1.5rem;
    text-align: center;
    width: 50%; }
    @media only screen and (max-width: 767px) {
      #single-insurance .box-data dd,
      #category .box-data dd {
        width: 40%; } }
    #single-insurance .box-data dd small,
    #category .box-data dd small {
      font-size: 1.1rem;
      font-weight: normal;
      width: 100%; }
#single-insurance .box-information,
#category .box-information {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3rem; }
  #single-insurance .box-information dt,
  #category .box-information dt {
    background: #f9f9f9;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 1rem 1.5rem;
    width: 20%; }
    @media only screen and (max-width: 767px) {
      #single-insurance .box-information dt,
      #category .box-information dt {
        width: 30%; } }
  #single-insurance .box-information dd,
  #category .box-information dd {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 1.5rem;
    padding: 1rem 1.5rem;
    width: 80%; }
    @media only screen and (max-width: 767px) {
      #single-insurance .box-information dd,
      #category .box-information dd {
        width: 70%; } }
#single-insurance .box-content,
#category .box-content {
  font-size: 1.6rem;
  margin-bottom: 5rem; }
  #single-insurance .box-content p,
  #category .box-content p {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 2rem; }
#single-insurance .box-insurance .list-insurance,
#category .box-insurance .list-insurance {
  display: flex;
  flex-wrap: wrap;
  list-style: none; }
  #single-insurance .box-insurance .list-insurance li,
  #category .box-insurance .list-insurance li {
    border: 1px solid #ddd;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding: 1rem 1rem 2rem;
    width: 48.5%; }
    @media only screen and (max-width: 767px) {
      #single-insurance .box-insurance .list-insurance li,
      #category .box-insurance .list-insurance li {
        width: 100%; } }
    #single-insurance .box-insurance .list-insurance li i,
    #category .box-insurance .list-insurance li i {
      margin-right: .3rem; }
    #single-insurance .box-insurance .list-insurance li .box-category a,
    #category .box-insurance .list-insurance li .box-category a {
      border: 1px solid #26a6e5;
      border-radius: 3px;
      display: inline-block;
      font-size: 1.3rem;
      margin-bottom: .5rem;
      padding: .1rem .3rem;
      text-decoration: none; }
      #single-insurance .box-insurance .list-insurance li .box-category a:hover,
      #category .box-insurance .list-insurance li .box-category a:hover {
        border: 1px solid #4cc4ff;
        color: #4cc4ff; }
    #single-insurance .box-insurance .list-insurance li .box-title,
    #category .box-insurance .list-insurance li .box-title {
      display: flex;
      flex-wrap: wrap; }
      #single-insurance .box-insurance .list-insurance li .box-title .thumb,
      #category .box-insurance .list-insurance li .box-title .thumb {
        width: 32%; }
      #single-insurance .box-insurance .list-insurance li .box-title .title,
      #category .box-insurance .list-insurance li .box-title .title {
        font-size: 1.8rem;
        font-weight: 700;
        padding-left: 1.5rem;
        width: 68%; }
        #single-insurance .box-insurance .list-insurance li .box-title .title .company a,
        #category .box-insurance .list-insurance li .box-title .title .company a {
          color: #888;
          font-size: 1.4rem;
          text-decoration: none; }
    #single-insurance .box-insurance .list-insurance li .wrap-price,
    #category .box-insurance .list-insurance li .wrap-price {
      align-items: baseline;
      background: #f6f6f6;
      border-radius: 5px;
      display: flex;
      justify-content: center;
      padding: 1rem 1.5rem;
      flex-wrap: wrap; }
      @media only screen and (max-width: 767px) {
        #single-insurance .box-insurance .list-insurance li .wrap-price,
        #category .box-insurance .list-insurance li .wrap-price {
          padding: .5rem 0 1rem 0; } }
      #single-insurance .box-insurance .list-insurance li .wrap-price .text-age,
      #category .box-insurance .list-insurance li .wrap-price .text-age {
        background: url(../img/icon/icon-person.png;) no-repeat left center;
        background-size: 15px 15px;
        color: #666;
        font-size: 1.5rem;
        font-weight: 700;
        padding-left: 2rem; }
      #single-insurance .box-insurance .list-insurance li .wrap-price .box-man,
      #single-insurance .box-insurance .list-insurance li .wrap-price .box-woman,
      #category .box-insurance .list-insurance li .wrap-price .box-man,
      #category .box-insurance .list-insurance li .wrap-price .box-woman {
        color: #ef2626;
        font-size: 3rem;
        font-weight: 700;
        line-height: 1; }
        @media only screen and (max-width: 767px) {
          #single-insurance .box-insurance .list-insurance li .wrap-price .box-man,
          #single-insurance .box-insurance .list-insurance li .wrap-price .box-woman,
          #category .box-insurance .list-insurance li .wrap-price .box-man,
          #category .box-insurance .list-insurance li .wrap-price .box-woman {
            font-size: 2.6rem; } }
        #single-insurance .box-insurance .list-insurance li .wrap-price .box-man .txt-red,
        #single-insurance .box-insurance .list-insurance li .wrap-price .box-woman .txt-red,
        #category .box-insurance .list-insurance li .wrap-price .box-man .txt-red,
        #category .box-insurance .list-insurance li .wrap-price .box-woman .txt-red {
          color: #ef2626;
          font-size: 1.8rem; }
        #single-insurance .box-insurance .list-insurance li .wrap-price .box-man small,
        #single-insurance .box-insurance .list-insurance li .wrap-price .box-woman small,
        #category .box-insurance .list-insurance li .wrap-price .box-man small,
        #category .box-insurance .list-insurance li .wrap-price .box-woman small {
          color: #666;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            #single-insurance .box-insurance .list-insurance li .wrap-price .box-man small,
            #single-insurance .box-insurance .list-insurance li .wrap-price .box-woman small,
            #category .box-insurance .list-insurance li .wrap-price .box-man small,
            #category .box-insurance .list-insurance li .wrap-price .box-woman small {
              font-size: 1.4rem; } }
        #single-insurance .box-insurance .list-insurance li .wrap-price .box-man .mr1,
        #single-insurance .box-insurance .list-insurance li .wrap-price .box-woman .mr1,
        #category .box-insurance .list-insurance li .wrap-price .box-man .mr1,
        #category .box-insurance .list-insurance li .wrap-price .box-woman .mr1 {
          margin-right: 1rem; }
      #single-insurance .box-insurance .list-insurance li .wrap-price .box-man,
      #category .box-insurance .list-insurance li .wrap-price .box-man {
        display: none; }
    #single-insurance .box-insurance .list-insurance li .box-price,
    #category .box-insurance .list-insurance li .box-price {
      margin-bottom: 1rem; }
      #single-insurance .box-insurance .list-insurance li .box-price .text-date,
      #category .box-insurance .list-insurance li .box-price .text-date {
        color: #9f9f9f;
        font-size: 1rem;
        margin-top: .3rem;
        text-align: right; }
      #single-insurance .box-insurance .list-insurance li .box-price .text-conditions,
      #category .box-insurance .list-insurance li .box-price .text-conditions {
        color: #9f9f9f;
        font-size: 1rem;
        margin-top: .8rem; }
    #single-insurance .box-insurance .list-insurance li .box-route,
    #category .box-insurance .list-insurance li .box-route {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      list-style: none;
      margin: 0 0 1.5rem 0; }
      #single-insurance .box-insurance .list-insurance li .box-route li,
      #category .box-insurance .list-insurance li .box-route li {
        background: #e7e7e7;
        border: none;
        border-radius: 15px;
        color: #a5a5a5;
        cursor: pointer;
        display: block;
        font-size: 1.2rem;
        font-weight: 700;
        margin: 0;
        padding: .3rem 0 .5rem;
        position: relative;
        text-align: center;
        text-decoration: underline;
        width: 32%; }
        #single-insurance .box-insurance .list-insurance li .box-route li.on,
        #category .box-insurance .list-insurance li .box-route li.on {
          background: #357ac3;
          color: #fff; }
      #single-insurance .box-insurance .list-insurance li .box-route .optionBox,
      #category .box-insurance .list-insurance li .box-route .optionBox {
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid #231815;
        border-radius: 5px;
        color: #231815;
        display: none;
        font-size: 1.1rem;
        margin-top: 1.5rem;
        margin-left: 0;
        padding: 1rem;
        position: absolute;
        text-align: left;
        width: 15vw;
        z-index: 1; }
        @media only screen and (max-width: 767px) {
          #single-insurance .box-insurance .list-insurance li .box-route .optionBox,
          #category .box-insurance .list-insurance li .box-route .optionBox {
            margin-top: 1.3rem;
            margin-left: 0;
            width: 50vw; } }
        #single-insurance .box-insurance .list-insurance li .box-route .optionBox b,
        #category .box-insurance .list-insurance li .box-route .optionBox b {
          background-image: linear-gradient(transparent 50%, #efff04 50%);
          display: inline-block;
          margin-bottom: .3rem; }
      @media only screen and (max-width: 767px) {
        #single-insurance .box-insurance .list-insurance li .box-route .left85,
        #category .box-insurance .list-insurance li .box-route .left85 {
          margin-left: -8.5rem; } }
    #single-insurance .box-insurance .list-insurance li .box-point,
    #category .box-insurance .list-insurance li .box-point {
      border: 1px solid #ddd;
      border-radius: 5px;
      box-shadow: 0 1px 4px #ddd;
      list-style: none;
      margin-bottom: 1.5rem;
      padding: 1rem; }
      #single-insurance .box-insurance .list-insurance li .box-point li,
      #category .box-insurance .list-insurance li .box-point li {
        background: url(../img/icon/icon-checkmark-red.png) no-repeat left 0.5rem;
        background-size: 13px 13px;
        border: none;
        font-size: 1.4rem;
        margin: 0;
        padding: 0 0 .8rem 2rem;
        width: 100%; }
        #single-insurance .box-insurance .list-insurance li .box-point li:last-child,
        #category .box-insurance .list-insurance li .box-point li:last-child {
          padding-bottom: 0; }
    #single-insurance .box-insurance .list-insurance li .btn-cv, #single-insurance .box-insurance .list-insurance li .text-cv,
    #category .box-insurance .list-insurance li .btn-cv,
    #category .box-insurance .list-insurance li .text-cv {
      margin: auto 0 1rem;
      padding-top: 2rem; }
      #single-insurance .box-insurance .list-insurance li .btn-cv a, #single-insurance .box-insurance .list-insurance li .text-cv a,
      #category .box-insurance .list-insurance li .btn-cv a,
      #category .box-insurance .list-insurance li .text-cv a {
        background: #ffa700;
        border-radius: 25px;
        font-size: 1.8rem;
        font-weight: 700;
        padding: 1rem;
        width: 100%; }
    #single-insurance .box-insurance .list-insurance li .skubutton,
    #category .box-insurance .list-insurance li .skubutton {
      background: #357ac3;
      border-radius: 25px;
      color: #fff;
      cursor: pointer;
      display: block;
      font-size: 1.8rem;
      font-weight: 700;
      padding: 1rem;
      width: 100%; }
    #single-insurance .box-insurance .list-insurance li .text-number,
    #category .box-insurance .list-insurance li .text-number {
      color: #b5b5b5;
      margin-top: 1rem;
      text-align: right; }

/* ------------------------------------------------- *
 *        ＠ランキング（カテゴリー）　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#category {
  margin-bottom: 5rem;
  margin-top: 3rem;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    #category {
      padding: 0 1rem; } }
  #category h1 {
    font-size: 2.8rem;
    margin-bottom: 3rem; }
    #category h1 small {
      background: #357ac3;
      border-radius: 20px;
      color: #fff;
      display: inline-block;
      font-weight: 700;
      margin-bottom: .5rem;
      padding: 0 2.5rem .3rem 2.5rem; }
  #category .wrap-button {
    align-items: center;
    border: 2px solid #357ac3;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 2rem auto;
    padding: .5rem 1.5rem;
    width: 38%; }
    @media only screen and (max-width: 767px) {
      #category .wrap-button {
        width: 100%; } }
    #category .wrap-button .text-button {
      font-size: 1.4rem;
      font-weight: 700;
      margin-right: 2rem; }
      @media only screen and (max-width: 767px) {
        #category .wrap-button .text-button {
          font-size: 1.3rem;
          margin-right: 1rem; } }
    #category .wrap-button .list-button {
      background: #edf1f5;
      border-radius: 5px;
      font-size: 1.4rem;
      font-weight: 700;
      padding: .2rem; }
      @media only screen and (max-width: 767px) {
        #category .wrap-button .list-button {
          font-size: 1.3rem; } }
      #category .wrap-button .list-button .man, #category .wrap-button .list-button .woman {
        padding: .5rem 2rem; }
        @media only screen and (max-width: 767px) {
          #category .wrap-button .list-button .man, #category .wrap-button .list-button .woman {
            padding: .5rem 1.5rem; } }
        #category .wrap-button .list-button .man.active, #category .wrap-button .list-button .woman.active {
          background: #357ac3;
          border-radius: 5px;
          color: #fff; }
  #category .box-navi .tab-group {
    display: flex;
    list-style: none;
    margin-bottom: 2rem; }
    #category .box-navi .tab-group .tab {
      border: 1px solid #357ac3;
      border-radius: 5px;
      color: #357ac3;
      cursor: pointer;
      font-size: 1.5rem;
      font-weight: 700;
      margin-right: 1rem;
      padding: .5rem 1rem; }
    #category .box-navi .tab-group .tab.is-active {
      background: #357ac3;
      color: #fff; }
  #category .panel-group .panel {
    display: none; }
  #category .panel-group .panel.is-show {
    display: block; }
  #category .box-insurance .list-insurance li {
    width: 32%; }
    #category .box-insurance .list-insurance li:nth-child(3n-1) {
      margin-left: 2%;
      margin-right: 2%; }
    @media only screen and (max-width: 767px) {
      #category .box-insurance .list-insurance li {
        width: 100%; } }
    #category .box-insurance .list-insurance li .box-title {
      align-items: start; }
      #category .box-insurance .list-insurance li .box-title .icon-ranking {
        padding-top: .5rem;
        width: 10%; }
      #category .box-insurance .list-insurance li .box-title .thumb {
        width: 30%; }
      #category .box-insurance .list-insurance li .box-title .title {
        padding-left: 1rem;
        width: 60%; }

/* ------------------------------------------------- *
 *        ＠投稿者ページ　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#author h1 {
  font-size: 2.8rem;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 767px) {
    #author h1 {
      font-size: 2.4rem;
      margin-bottom: 2rem; } }
#author .editor-detail {
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 2rem;
  display: flex;
  flex-wrap: wrap; }
  #author .editor-detail .img-avatar {
    width: 15%; }
  #author .editor-detail dl {
    padding-left: 2rem;
    width: 85%; }
    #author .editor-detail dl dt {
      font-size: 1.8rem;
      font-weight: 700;
      margin-bottom: 2rem; }
    #author .editor-detail dl dd {
      font-size: 1.4rem;
      line-height: 1.8; }
#author .panel {
  margin: 5rem 0; }
  #author .panel .title-editor {
    border-left: 5px solid #061D2D;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 2rem;
    padding: .3rem 1rem; }
  #author .panel ul {
    list-style: none; }
    #author .panel ul li {
      border-bottom: 1px solid #ddd;
      display: flex;
      flex-wrap: nowrap;
      padding: 1.5rem; }
      @media only screen and (max-width: 767px) {
        #author .panel ul li {
          padding: 1.5rem 0; } }
      #author .panel ul li .thumb {
        width: 25%; }
      #author .panel ul li .title {
        font-size: 1.5rem;
        padding-left: 2rem;
        width: 75%; }
        #author .panel ul li .title time {
          color: #888;
          display: block;
          font-size: 1.4rem;
          margin-top: .5rem; }

/* ------------------------------------------------- *
 *        ＠監修者詳細　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#single-supervision .box-supervision,
#archive-supervision .box-supervision {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 3rem;
  padding: 2rem; }
  @media only screen and (max-width: 767px) {
    #single-supervision .box-supervision,
    #archive-supervision .box-supervision {
      padding: 1.5rem; } }
  #single-supervision .box-supervision .title,
  #archive-supervision .box-supervision .title {
    font-size: 1.5rem;
    margin-bottom: 1rem; }
  #single-supervision .box-supervision ul,
  #archive-supervision .box-supervision ul {
    list-style: none; }
    #single-supervision .box-supervision ul li,
    #archive-supervision .box-supervision ul li {
      display: flex;
      flex-wrap: wrap; }
      #single-supervision .box-supervision ul li .img,
      #archive-supervision .box-supervision ul li .img {
        padding-right: 2rem;
        width: 20%; }
        @media only screen and (max-width: 767px) {
          #single-supervision .box-supervision ul li .img,
          #archive-supervision .box-supervision ul li .img {
            width: 32%; } }
        #single-supervision .box-supervision ul li .img img,
        #archive-supervision .box-supervision ul li .img img {
          border-radius: 50%;
          height: 105px;
          object-fit: cover;
          width: 105px; }
          @media only screen and (max-width: 767px) {
            #single-supervision .box-supervision ul li .img img,
            #archive-supervision .box-supervision ul li .img img {
              height: 80px;
              width: 80px; } }
      #single-supervision .box-supervision ul li .profile,
      #archive-supervision .box-supervision ul li .profile {
        width: 80%; }
        @media only screen and (max-width: 767px) {
          #single-supervision .box-supervision ul li .profile,
          #archive-supervision .box-supervision ul li .profile {
            width: 68%; } }
        #single-supervision .box-supervision ul li .profile .name,
        #archive-supervision .box-supervision ul li .profile .name {
          font-size: 1.8rem;
          font-weight: 700;
          margin-bottom: 2rem; }
          #single-supervision .box-supervision ul li .profile .name a,
          #archive-supervision .box-supervision ul li .profile .name a {
            text-decoration: underline; }
          #single-supervision .box-supervision ul li .profile .name .job,
          #archive-supervision .box-supervision ul li .profile .name .job {
            font-size: 1.3rem;
            font-weight: normal;
            margin: .5rem 0 1rem; }
      #single-supervision .box-supervision ul li .introduction,
      #archive-supervision .box-supervision ul li .introduction {
        font-size: 1.5rem;
        line-height: 1.6; }
        @media only screen and (max-width: 767px) {
          #single-supervision .box-supervision ul li .introduction,
          #archive-supervision .box-supervision ul li .introduction {
            margin-top: 1rem; } }
        #single-supervision .box-supervision ul li .introduction p,
        #archive-supervision .box-supervision ul li .introduction p {
          font-size: 1.5rem; }
        #single-supervision .box-supervision ul li .introduction .text-link,
        #archive-supervision .box-supervision ul li .introduction .text-link {
          margin-top: 1rem; }
          #single-supervision .box-supervision ul li .introduction .text-link a,
          #archive-supervision .box-supervision ul li .introduction .text-link a {
            color: #26a6e5;
            text-decoration: underline; }
      #single-supervision .box-supervision ul li .license,
      #archive-supervision .box-supervision ul li .license {
        margin-top: 3rem; }
        @media only screen and (max-width: 767px) {
          #single-supervision .box-supervision ul li .license,
          #archive-supervision .box-supervision ul li .license {
            margin-top: 2rem; } }
        #single-supervision .box-supervision ul li .license dt,
        #archive-supervision .box-supervision ul li .license dt {
          font-size: 1.3rem;
          font-weight: 700;
          margin-bottom: .5rem; }
        #single-supervision .box-supervision ul li .license dd,
        #archive-supervision .box-supervision ul li .license dd {
          font-size: 1.4rem; }
#single-supervision .list-articles ul,
#archive-supervision .list-articles ul {
  list-style: none; }
  #single-supervision .list-articles ul li,
  #archive-supervision .list-articles ul li {
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-wrap: nowrap;
    padding: 1.5rem; }
    @media only screen and (max-width: 767px) {
      #single-supervision .list-articles ul li,
      #archive-supervision .list-articles ul li {
        padding: 1.5rem 0; } }
    #single-supervision .list-articles ul li .thumb,
    #archive-supervision .list-articles ul li .thumb {
      width: 25%; }
    #single-supervision .list-articles ul li .title,
    #archive-supervision .list-articles ul li .title {
      font-size: 1.5rem;
      padding-left: 2rem;
      width: 75%; }
      #single-supervision .list-articles ul li .title time,
      #archive-supervision .list-articles ul li .title time {
        color: #888;
        display: block;
        font-size: 1.4rem;
        margin-top: .5rem; }
  #single-supervision .list-articles ul .list-comment,
  #archive-supervision .list-articles ul .list-comment {
    align-items: center; }
    #single-supervision .list-articles ul .list-comment .title,
    #archive-supervision .list-articles ul .list-comment .title {
      font-weight: 700; }
  #single-supervision .list-articles ul p,
  #archive-supervision .list-articles ul p {
    font-size: 1.6rem; }
#single-supervision h2,
#archive-supervision h2 {
  border-left: 5px solid #061D2D;
  font-size: 2rem;
  font-weight: 700;
  margin: 5rem 0 2rem;
  padding: .3rem 1rem; }

/* ------------------------------------------------- *
 *        ＠固定ページ　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#page-content {
  margin: auto;
  padding: 3rem 0 5rem;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #page-content {
      padding: 0 1.5rem 5rem;
      width: 100%; } }
  #page-content a:link, #page-content a:active, #page-content a:visited {
    color: #33aef9;
    text-decoration: underline; }
  #page-content a:hover {
    color: #258ecd; }
  #page-content h1 {
    border-bottom: 3px solid #061D2D;
    font-size: 2.4rem;
    margin: 2rem 0;
    padding: .5rem 1rem; }
  #page-content h2 {
    font-size: 2rem;
    border-left: 5px solid #061D2D;
    padding: .3rem 1rem;
    margin: 3rem 0; }
  #page-content h3 {
    font-size: 2rem;
    margin: 4rem 0 2rem; }
  #page-content ul {
    margin: 3rem 0;
    padding-left: 2rem; }
    #page-content ul li {
      font-size: 1.6rem;
      line-height: 1.8;
      margin-bottom: 1rem; }
  #page-content dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5rem; }
    #page-content dl dt {
      background: #f9f9f9;
      font-size: 1.6rem;
      font-weight: 700;
      margin-bottom: 1rem;
      padding: 1rem;
      text-align: center;
      width: 20%; }
    #page-content dl dd {
      font-size: 1.6rem;
      margin-bottom: 1rem;
      padding: 1rem 2rem;
      width: 80%; }
  #page-content p {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 2rem; }
  #page-content #page-re {
    font-size: 1.6rem;
    margin: 10rem auto;
    text-align: center;
    width: 50%; }
    @media only screen and (max-width: 767px) {
      #page-content #page-re {
        width: 100%; } }
    #page-content #page-re .page-re-content {
      padding: 0 1.5rem; }
    #page-content #page-re h1 {
      border-bottom: none;
      margin-bottom: 4rem; }
    #page-content #page-re .logo {
      margin: 3rem auto; }
      #page-content #page-re .logo img {
        width: 300px; }
    #page-content #page-re .loading {
      display: block;
      margin: 3rem auto; }

@media only screen and (max-width: 767px) {
  .wrap-consultation {
    padding: 0 0 5rem !important; } }

.page-category {
  margin-bottom: 6rem; }

#contact-form .req {
  background: #ff3469;
  border-radius: 5px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  margin-left: 1rem;
  padding: .1rem .5rem; }
#contact-form input[type=text],
#contact-form input[type=email],
#contact-form textarea {
  border: 1px solid #ccc;
  border-radius: 5px;
  display: block;
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  width: 50%; }
  @media only screen and (max-width: 767px) {
    #contact-form input[type=text],
    #contact-form input[type=email],
    #contact-form textarea {
      width: 100%; } }
#contact-form textarea {
  width: 100%; }
  #contact-form textarea::placeholder {
    color: #ddd; }
#contact-form .under-contact-title .under-contact-text {
  margin-bottom: 0; }
#contact-form .wpcf7-list-item {
  display: block;
  margin: 0; }
#contact-form .item-sex .wpcf7-list-item {
  border: 1px solid #666;
  border-radius: 5px;
  display: inline-block;
  margin-right: 2rem;
  padding: .5rem 5rem; }
  @media only screen and (max-width: 767px) {
    #contact-form .item-sex .wpcf7-list-item {
      padding: .5rem 4rem; } }
#contact-form .wpcf7-form-control-wrap select {
  appearance: auto;
  border: 1px solid #666;
  border-radius: 5px;
  padding: .5rem 1rem;
  margin-right: 1rem;
  -webkit-appearance: auto; }
  @media only screen and (max-width: 767px) {
    #contact-form .wpcf7-form-control-wrap select {
      width: 100%; } }
@media only screen and (max-width: 767px) {
  #contact-form .item-birthday .wpcf7-form-control-wrap select {
    padding: .5rem;
    width: 22%; } }
#contact-form .under-contact-checkbox {
  text-align: center; }
#contact-form input[type=button] {
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #888;
  display: block;
  margin: 3rem auto 0;
  padding: .2rem 2rem;
  text-align: center;
  width: 8rem; }
#contact-form input[type=submit] {
  background: #ffa500;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 2rem;
  font-weight: 700;
  margin: auto;
  padding: 1rem 1rem;
  width: 30%; }
  @media only screen and (max-width: 767px) {
    #contact-form input[type=submit] {
      width: 60%; } }
#contact-form .form-consultation {
  margin: 5rem 0; }
  #contact-form .form-consultation dt p, #contact-form .form-consultation dd p {
    margin-bottom: 0; }
  #contact-form .form-consultation dt {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 30%; }
    @media only screen and (max-width: 767px) {
      #contact-form .form-consultation dt {
        justify-content: left;
        width: 100%; } }
    #contact-form .form-consultation dt small {
      display: block; }
      @media only screen and (max-width: 767px) {
        #contact-form .form-consultation dt small {
          display: inline; } }
  #contact-form .form-consultation dd {
    width: 70%; }
    @media only screen and (max-width: 767px) {
      #contact-form .form-consultation dd {
        padding: 1rem 1rem 2rem;
        width: 100%; } }
  #contact-form .form-consultation input[type=text],
  #contact-form .form-consultation input[type=email],
  #contact-form .form-consultation input[type=tel] {
    border: 1px solid #666;
    border-radius: 5px;
    display: block;
    margin-top: 1rem;
    padding: .5rem 1rem;
    width: 70%; }
    @media only screen and (max-width: 767px) {
      #contact-form .form-consultation input[type=text],
      #contact-form .form-consultation input[type=email],
      #contact-form .form-consultation input[type=tel] {
        width: 100%; } }

.title-consultation {
  background: url(../img/mainvisual/mainvisual-consultation-pc.png;) no-repeat left center;
  background-size: contain;
  display: block;
  height: 352px;
  margin: 1rem auto 3rem;
  position: relative;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    .title-consultation {
      background: url(../img/mainvisual/mainvisual-consultation-sp.png;) no-repeat left center;
      background-size: contain;
      height: 250px;
      width: 100%; } }
  .title-consultation .btn-consultation {
    bottom: 25%;
    position: absolute;
    right: 11%;
    width: 30%; }
    @media only screen and (max-width: 767px) {
      .title-consultation .btn-consultation {
        bottom: 43%;
        right: 0;
        left: 0;
        margin: auto;
        width: 60%; } }
    .title-consultation .btn-consultation a {
      background: #ffdc29;
      border-radius: 5px;
      display: block;
      padding: 1rem 3rem;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .title-consultation .btn-consultation a {
          padding: .5rem 3rem; } }

.wrap-consultation-flow {
  list-style: none;
  margin: 0 auto;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    .wrap-consultation-flow {
      width: 100%; } }
  .wrap-consultation-flow li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem; }
    .wrap-consultation-flow li .text-consultation {
      width: 88%; }
      @media only screen and (max-width: 767px) {
        .wrap-consultation-flow li .text-consultation {
          padding-right: 1rem;
          width: 80%; } }
      .wrap-consultation-flow li .text-consultation dt {
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .wrap-consultation-flow li .text-consultation dt {
            font-size: 1.6rem; } }
      .wrap-consultation-flow li .text-consultation dd {
        font-size: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .wrap-consultation-flow li .text-consultation dd {
            font-size: 1.4rem; } }
    .wrap-consultation-flow li .img-consultation {
      width: 12%; }
      @media only screen and (max-width: 767px) {
        .wrap-consultation-flow li .img-consultation {
          width: 20%; } }

/* ------------------------------------------------- *
 *        ＠資料請求　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
div.cart_navi ul {
  padding-left: 0 !important; }
  @media only screen and (max-width: 767px) {
    div.cart_navi ul {
      margin: 2rem 0 0; } }
  div.cart_navi ul li {
    padding: .5rem 0;
    position: relative; }
    @media only screen and (max-width: 767px) {
      div.cart_navi ul li {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
        padding: 0.5rem 1rem 0.5rem 1.5rem !important; } }
    @media only screen and (max-width: 767px) {
      div.cart_navi ul li.current {
        padding: .5rem .8rem .5rem .5rem; } }
    div.cart_navi ul li::before {
      position: absolute;
      right: 10px;
      top: 0;
      z-index: 1; }
      @media only screen and (max-width: 767px) {
        div.cart_navi ul li::before {
          height: 15px;
          margin: 0 -10px -10px auto;
          right: 5px;
          width: 10px; } }
    div.cart_navi ul li::after {
      bottom: 0;
      position: absolute;
      right: 10px;
      z-index: 1; }
      @media only screen and (max-width: 767px) {
        div.cart_navi ul li::after {
          height: 15px;
          margin: -10px -10px 0 auto;
          right: 5px;
          width: 10px; } }

#wc_cart .is-inactive {
  background: #666;
  cursor: not-allowed; }
#wc_cart .upbutton {
  display: none; }
#wc_cart .under-contact-title {
  margin-top: 3rem; }
  #wc_cart .under-contact-title .under-contact-text {
    margin-bottom: 0; }
  #wc_cart .under-contact-title .under-contact-checkbox {
    margin: 4rem 0 0;
    text-align: center; }
#wc_cart #cart_table th {
  font-size: 1.4rem;
  font-weight: 700;
  padding: .8rem; }
  #wc_cart #cart_table th.unitprice, #wc_cart #cart_table th.quantity, #wc_cart #cart_table th.subtotal, #wc_cart #cart_table th.stock {
    display: none; }
#wc_cart #cart_table td {
  font-size: 1.4rem;
  font-weight: 700;
  padding: .8rem; }
  #wc_cart #cart_table td.unitprice, #wc_cart #cart_table td.quantity, #wc_cart #cart_table td.subtotal, #wc_cart #cart_table td.stock {
    display: none; }
  #wc_cart #cart_table td.thumbnail img {
    height: auto;
    width: 150px; }
#wc_cart #cart_table tfoot {
  display: none; }
#wc_cart .currency_code {
  display: none; }

#customer-info h3 {
  border-bottom: none !important;
  font-size: 1.3rem;
  padding: 0 !important; }
#customer-info .customer_form th {
  font-size: 1.4rem;
  font-weight: 700;
  padding: .8rem; }
#customer-info .customer_form td {
  color: #bbb;
  font-size: 1.4rem;
  padding: .8rem; }
#customer-info .customer_form label {
  margin-right: 1rem; }
  #customer-info .customer_form label input[type="radio"] {
    margin-right: .3rem; }
#customer-info .customer_form select {
  appearance: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 1.4rem;
  padding: .3rem 2rem; }
#customer-info .customer_form #name1, #customer-info .customer_form #name2, #customer-info .customer_form #name3, #customer-info .customer_form #name4 {
  width: 70%; }
  @media only screen and (max-width: 767px) {
    #customer-info .customer_form #name1, #customer-info .customer_form #name2, #customer-info .customer_form #name3, #customer-info .customer_form #name4 {
      width: 80%; } }
#customer-info .customer_form #zipcode {
  width: 30%; }
  @media only screen and (max-width: 767px) {
    #customer-info .customer_form #zipcode {
      width: 50%; } }
#customer-info .customer_form input[type="text"] {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: .5rem;
  width: 50%; }
  @media only screen and (max-width: 767px) {
    #customer-info .customer_form input[type="text"] {
      width: 100%; } }
@media only screen and (max-width: 767px) {
  #customer-info .customer_form .member_name {
    padding-left: 0; } }
#customer-info .to_reganddeliveryinfo_button {
  display: none; }
#customer-info .iopt_text::placeholder {
  content: "1995/1/1";
  display: block; }

#delivery-info #time {
  display: none; }
#delivery-info .customer_form th {
  font-size: 1.4rem;
  font-weight: 700;
  padding: .8rem; }
#delivery-info .customer_form td {
  color: #bbb;
  font-size: 1.4rem;
  padding: .8rem; }
#delivery-info .customer_form input[type="text"] {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: .5rem; }
#delivery-info .customer_form textarea {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 1rem 0.5rem;
  padding: .5rem;
  width: 100%; }

#info-confirm .confiem_notice {
  font-size: 1.4rem; }
#info-confirm .currency_code {
  display: none; }
#info-confirm #cart_table h3,
#info-confirm #confirm_table h3 {
  font-size: 1.6rem; }
#info-confirm #cart_table th,
#info-confirm #confirm_table th {
  font-size: 1.4rem;
  font-weight: 700;
  padding: .8rem; }
  #info-confirm #cart_table th.price, #info-confirm #cart_table th.quantity, #info-confirm #cart_table th.subtotal,
  #info-confirm #confirm_table th.price,
  #info-confirm #confirm_table th.quantity,
  #info-confirm #confirm_table th.subtotal {
    display: none; }
#info-confirm #cart_table td,
#info-confirm #confirm_table td {
  font-size: 1.4rem;
  padding: .8rem; }
  #info-confirm #cart_table td.unitprice, #info-confirm #cart_table td.quantity, #info-confirm #cart_table td.subtotal,
  #info-confirm #confirm_table td.unitprice,
  #info-confirm #confirm_table td.quantity,
  #info-confirm #confirm_table td.subtotal {
    display: none; }
#info-confirm #cart_table tfoot,
#info-confirm #confirm_table tfoot {
  display: none; }

.send {
  display: flex;
  font-size: 1.3rem;
  justify-content: center;
  margin: 2rem 0; }
  .send #previouscart {
    display: none; }
  .send .to_customerinfo_button,
  .send .to_deliveryinfo_button,
  .send .to_confirm_button,
  .send .checkout_button {
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 700;
    padding: .5rem; }
  .send #purchase_button {
    margin-bottom: 0;
    padding: 1rem 2rem; }
  .send .back_to_top_button a {
    color: #231815;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none; }
  .send .back_to_top_button a:hover {
    color: #231815; }
  .send .btn-goon {
    margin-right: 2rem; }
    .send .btn-goon a {
      background: #ededed;
      border-radius: 5px;
      cursor: pointer;
      display: block;
      font-size: 1.5rem;
      font-weight: 700;
      padding: .7rem 1rem; }
    .send .btn-goon a:hover {
      color: #231815; }
  .send .back_cart_button,
  .send .back_to_customer_button,
  .send .back_to_delivery_button {
    background: #ededed;
    border-radius: 5px;
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: 2rem;
    padding: .7rem 1rem; }

.no_cart {
  font-size: 1.5rem; }

.error_message {
  font-size: 1.3rem;
  color: #ff3469; }

/* ------------------------------------------------- *
 *        ＠サイドバー　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#sidebar {
  margin-bottom: 5rem;
  margin-top: 3rem;
  padding-left: 8%;
  width: 38%; }
  #sidebar a:link, #sidebar a:active, #sidebar a:visited {
    text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    #sidebar {
      background: #f9f9f9;
      margin-bottom: 0;
      padding: 2rem 1.5rem;
      width: 100%; } }
  #sidebar h3 {
    text-align: center; }
    #sidebar h3 span {
      display: inline-block;
      font-size: 1.8rem;
      margin-bottom: 3rem;
      position: relative; }
      #sidebar h3 span::before {
        background-color: #061D2D;
        border-radius: 2px;
        bottom: -1rem;
        content: "";
        display: inline-block;
        height: 4px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 3rem;
        -webkit-transform: translateX(-50%); }
  #sidebar .block-side-column {
    list-style: none;
    margin: 1rem 0 5rem; }
    #sidebar .block-side-column li {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 2rem; }
      #sidebar .block-side-column li .thumb {
        width: 35%; }
      #sidebar .block-side-column li .title {
        font-size: 1.4rem;
        padding-left: 1.5rem;
        width: 65%; }
        #sidebar .block-side-column li .title time {
          color: #888;
          display: block;
          font-size: 1.2rem;
          margin-top: .5rem; }
  #sidebar .side-ranking h3 {
    font-size: 1.7rem; }
    #sidebar .side-ranking h3 span {
      margin-bottom: 3.5rem; }
      #sidebar .side-ranking h3 span::before {
        bottom: -1.3rem; }
  #sidebar .side-ranking .side-list-insurance {
    list-style: none; }
    #sidebar .side-ranking .side-list-insurance li {
      background: #fff;
      border: 1px solid #ebebeb;
      border-radius: 5px;
      margin-bottom: 1.5rem;
      padding: 1rem; }
    #sidebar .side-ranking .side-list-insurance .box-title {
      display: flex;
      flex-wrap: wrap; }
      #sidebar .side-ranking .side-list-insurance .box-title .icon-rank {
        width: 8%; }
      #sidebar .side-ranking .side-list-insurance .box-title .thumb {
        margin-top: .5rem;
        padding-right: .5rem;
        width: 32%; }
      #sidebar .side-ranking .side-list-insurance .box-title .title {
        font-size: 1.5rem;
        font-weight: 700;
        width: 60%; }
        #sidebar .side-ranking .side-list-insurance .box-title .title .company {
          margin-bottom: .3rem; }
          #sidebar .side-ranking .side-list-insurance .box-title .title .company a {
            font-size: 1.2rem;
            color: #888;
            text-decoration: none; }
    #sidebar .side-ranking .side-list-insurance .box-price .wrap-price {
      align-items: baseline;
      background: #f6f6f6;
      border-radius: 5px;
      display: flex;
      justify-content: center;
      margin: 1rem 0 .5rem;
      padding: .3rem; }
      #sidebar .side-ranking .side-list-insurance .box-price .wrap-price .text-age {
        background: url(../img/icon/icon-person.png;) no-repeat left center;
        background-size: 10px 10px;
        color: #666;
        font-size: 1.2rem;
        font-weight: 700;
        padding-left: 1.2rem; }
      #sidebar .side-ranking .side-list-insurance .box-price .wrap-price .price-list {
        list-style: none; }
        #sidebar .side-ranking .side-list-insurance .box-price .wrap-price .price-list li {
          background: none;
          border: none;
          border-radius: 0;
          color: #ef2626;
          font-size: 2rem;
          font-weight: 700;
          margin-bottom: 0;
          padding: 0; }
          #sidebar .side-ranking .side-list-insurance .box-price .wrap-price .price-list li .txt-red {
            color: #ef2626;
            font-size: 1.6rem;
            margin: 0; }
          #sidebar .side-ranking .side-list-insurance .box-price .wrap-price .price-list li small {
            color: #666;
            font-size: 1.2rem;
            margin: 0 .3rem; }
          #sidebar .side-ranking .side-list-insurance .box-price .wrap-price .price-list li .mr1 {
            margin: 0 1rem 0 0; }
          #sidebar .side-ranking .side-list-insurance .box-price .wrap-price .price-list li:nth-of-type(n+2) {
            display: none; }
    #sidebar .side-ranking .side-list-insurance .text-date {
      color: #9f9f9f;
      font-size: 1rem;
      margin-top: .3rem;
      text-align: right; }
    #sidebar .side-ranking .side-list-insurance .text-conditions {
      color: #9f9f9f;
      font-size: 1rem;
      margin-top: .8rem; }
    #sidebar .side-ranking .side-list-insurance .box-route {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      list-style: none;
      margin: 1rem 0; }
      #sidebar .side-ranking .side-list-insurance .box-route li {
        border: 1px solid #c3c3c3;
        border-radius: 15px;
        color: #c3c3c3;
        cursor: pointer;
        font-size: 1.1rem;
        margin-bottom: 0;
        padding: .1rem 0 .3rem;
        position: relative;
        text-align: center;
        text-decoration: underline;
        width: 32%; }
        #sidebar .side-ranking .side-list-insurance .box-route li i {
          margin-right: .3rem; }
        #sidebar .side-ranking .side-list-insurance .box-route li.on {
          border: 1px solid #357ac3;
          color: #357ac3;
          font-weight: 700; }
      #sidebar .side-ranking .side-list-insurance .box-route .optionBox {
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid #231815;
        border-radius: 5px;
        color: #231815;
        display: none;
        font-size: 1.1rem;
        margin-top: 1.5rem;
        margin-left: 0;
        padding: 1rem;
        position: absolute;
        text-align: left;
        width: 15vw;
        z-index: 1; }
        @media only screen and (max-width: 767px) {
          #sidebar .side-ranking .side-list-insurance .box-route .optionBox {
            margin-top: 1.3rem;
            margin-left: 0;
            width: 50vw; } }
        #sidebar .side-ranking .side-list-insurance .box-route .optionBox b {
          background-image: linear-gradient(transparent 50%, #efff04 50%);
          display: inline-block;
          margin-bottom: .3rem; }
      @media only screen and (max-width: 767px) {
        #sidebar .side-ranking .side-list-insurance .box-route .left85 {
          margin-left: -8.5rem; } }
    #sidebar .side-ranking .side-list-insurance .btn-cv, #sidebar .side-ranking .side-list-insurance .text-cv {
      margin: 1.5rem 0 1rem; }
      #sidebar .side-ranking .side-list-insurance .btn-cv a, #sidebar .side-ranking .side-list-insurance .text-cv a {
        background: url(../img/icon/icon-arrow-white.png) no-repeat right center #ffa700;
        background-size: 10px;
        background-position: 96%;
        border-radius: 20px;
        font-size: 1.4rem;
        font-weight: 700;
        margin: auto;
        padding: .8rem;
        width: 80%; }
    #sidebar .side-ranking .side-list-insurance .skubutton {
      background: url(../img/icon/icon-arrow-white.png) no-repeat right center #357ac3;
      background-size: 10px;
      background-position: 96%;
      border-radius: 20px;
      color: #fff;
      display: block;
      font-size: 1.4rem;
      font-weight: 700;
      margin: 0 auto 1rem;
      padding: .8rem;
      width: 80%; }
    #sidebar .side-ranking .side-list-insurance .text-number {
      color: #b5b5b5;
      text-align: right; }

/* ------------------------------------------------- *
 *        ＠フッター　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
footer {
  background: #061D2D;
  padding: 3rem 0; }
  @media only screen and (max-width: 767px) {
    footer {
      padding: 3rem 1.5rem; } }
  footer #page-top {
    opacity: 0;
    position: fixed;
    right: 10px;
    transform: translateY(100px);
    z-index: 2; }
    footer #page-top a {
      align-items: center;
      background: #403C3B;
      border-radius: 30px;
      color: #fff;
      display: flex;
      font-size: .9rem;
      height: 60px;
      justify-content: center;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      transition: all 0.3s;
      width: 60px; }
      footer #page-top a:hover {
        background: #777; }
  footer #page-top.UpMove {
    animation: UpAnime 0.5s forwards; }
@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(100px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
  footer #page-top.DownMove {
    animation: DownAnime 0.5s forwards; }
@keyframes DownAnime {
  from {
    opacity: 1;
    transform: translateY(0); }
  to {
    opacity: 1;
    transform: translateY(100px); } }
  footer .wrap-footer {
    display: flex;
    margin: 0 auto;
    max-width: 1100px; }
    footer .wrap-footer .box-tel {
      background: #fff;
      border-radius: 5px;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.2;
      margin-right: 2rem;
      padding: 1rem 1.5rem; }
      @media only screen and (max-width: 767px) {
        footer .wrap-footer .box-tel {
          line-height: 1.1;
          margin: 0 auto 1.5rem;
          width: 75%; } }
      footer .wrap-footer .box-tel strong {
        background: url(../img/icon/icon-freedial.png;) no-repeat left center;
        background-size: 25px;
        color: #357ac3;
        font-size: 2.4rem;
        padding-left: 3rem; }
        @media only screen and (max-width: 767px) {
          footer .wrap-footer .box-tel strong {
            background: url(../img/icon/icon-freedial.png;) no-repeat left center;
            background-size: 30px;
            font-size: 2.8rem;
            padding-left: 3.5rem; } }
      footer .wrap-footer .box-tel .text-01 i {
        margin-right: .5rem; }
      footer .wrap-footer .box-tel .text-02 {
        font-size: 1.2rem; }
    footer .wrap-footer .box-line {
      background: #fff;
      border-radius: 5px;
      display: flex;
      flex-wrap: wrap;
      padding: 1.8rem 1.5rem 1rem;
      width: 24%; }
      @media only screen and (max-width: 767px) {
        footer .wrap-footer .box-line {
          margin: 0 auto;
          padding: 1rem 1.5rem;
          width: 75%; } }
      footer .wrap-footer .box-line .img-line {
        width: 17%; }
        footer .wrap-footer .box-line .img-line img {
          max-width: 100%; }
      footer .wrap-footer .box-line .text-line {
        font-size: 1.4rem;
        font-weight: 700;
        padding-left: 1rem;
        width: 83%; }
        footer .wrap-footer .box-line .text-line a {
          color: #06c755; }
        footer .wrap-footer .box-line .text-line small {
          color: #231815;
          display: block; }
    footer .wrap-footer .img-privacy {
      background: #fff;
      height: 100px;
      margin-left: auto;
      padding: .5rem;
      width: 100px; }
      @media only screen and (max-width: 767px) {
        footer .wrap-footer .img-privacy {
          height: 80px;
          width: 80px; } }
      footer .wrap-footer .img-privacy img {
        width: 100%; }
    footer .wrap-footer .navi-footer {
      list-style: none;
      margin: 1rem 4rem 3rem 0; }
      footer .wrap-footer .navi-footer li {
        font-size: 1.3rem;
        margin-bottom: .5rem;
        padding-left: 1.5rem;
        position: relative; }
        footer .wrap-footer .navi-footer li::before {
          border-top: solid 2px #fff;
          border-right: solid 2px #fff;
          content: "";
          display: block;
          height: 6px;
          left: 0;
          margin: -3px 0 0;
          position: absolute;
          top: 48%;
          transform: rotate(45deg);
          width: 6px;
          -webkit-transform: rotate(45deg); }
        footer .wrap-footer .navi-footer li a:link, footer .wrap-footer .navi-footer li a:active, footer .wrap-footer .navi-footer li a:visited {
          color: #fff; }
        footer .wrap-footer .navi-footer li a:hover {
          color: #fff; }
  footer .wrap-information {
    margin-bottom: 3rem; }
    @media only screen and (max-width: 767px) {
      footer .wrap-information {
        display: inherit;
        margin-bottom: 5rem; } }
  footer .wrap-footer2 .text-info {
    color: #fff;
    margin: 4rem 0; }
    footer .wrap-footer2 .text-info dt {
      font-size: 1.3rem;
      font-weight: 700;
      margin-bottom: 1rem; }
    footer .wrap-footer2 .text-info dd {
      font-size: 1.2rem; }
      footer .wrap-footer2 .text-info dd ul {
        margin-left: 2rem; }
        footer .wrap-footer2 .text-info dd ul li {
          margin-bottom: .5rem; }
  footer .wrap-footer2 .text-company {
    color: #fff;
    font-size: 1.2rem;
    margin: 4rem 0; }
  footer .copy {
    color: #fff;
    font-size: 1.3rem;
    padding: 1rem 0 0;
    text-align: center; }

.float-button__wrap {
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  display: none;
  height: 50px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 10; }
  .float-button__wrap .incart-btn {
    margin-top: .4rem;
    position: relative; }
    .float-button__wrap .incart-btn a {
      align-items: center;
      background: #357ac3;
      border-radius: 5px;
      color: #fff;
      display: flex;
      font-size: 1.5rem;
      font-weight: 700;
      justify-content: center;
      margin: auto;
      padding: 1rem;
      position: relative;
      text-decoration: none;
      width: 80%; }
      .float-button__wrap .incart-btn a i {
        margin-right: .5rem; }
    .float-button__wrap .incart-btn .total-quant {
      background: #ffcd0e;
      border-radius: 15px;
      color: #231815;
      font-size: 1.3rem;
      font-weight: 700;
      padding: .1rem .8rem;
      position: absolute;
      right: 5rem;
      top: -.5rem; }

/* ------------------------------------------------- *
 *        ＠装飾系CSS　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
.txt-red {
  color: #ff3469;
  font-weight: 700; }

.txt-green {
  color: #01913a;
  font-weight: 700; }

.txt-blue {
  color: #2366d9;
  font-weight: 700; }

.txt-yellow {
  color: #f4cb0a;
  font-weight: 700; }

.txt-marker {
  background-image: linear-gradient(transparent 50%, #efff04 50%); }

.text-uline {
  text-decoration: underline; }

.bold {
  font-weight: 700; }

.size10 {
  font-size: 1rem; }

.size12 {
  font-size: 1.2rem; }

.size14 {
  font-size: 1.4rem; }

.size16 {
  font-size: 1.6rem; }

.size18 {
  font-size: 1.8rem; }

.size20 {
  font-size: 2rem; }

.size22 {
  font-size: 2.2rem; }

.size24 {
  font-size: 2.4rem; }

.size26 {
  font-size: 2.6rem; }

.size28 {
  font-size: 2.8rem; }

.size30 {
  font-size: 3rem; }

.marker-animation {
  background-image: -webkit-linear-gradient(left, transparent 50%, #fffa99 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fffa99 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fffa99 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #fffa99 50%);
  background-image: linear-gradient(left, transparent 50%, #fffa99 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  font-weight: bold;
  transition: all 4s linear; }
  .marker-animation.active {
    background-position: -100% .5em; }

.marker-yellow {
  background-image: -webkit-linear-gradient(left, transparent 50%, #efff04 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #efff04 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #efff04 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #efff04 50%);
  background-image: linear-gradient(left, transparent 50%, #efff04 50%); }

.marker-red {
  background-image: -webkit-linear-gradient(left, transparent 50%, #facac8 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #facac8 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #facac8 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #facac8 50%);
  background-image: linear-gradient(left, transparent 50%, #facac8 50%); }

.marker-green {
  background-image: -webkit-linear-gradient(left, transparent 50%, #c8fad4 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #c8fad4 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #c8fad4 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #c8fad4 50%);
  background-image: linear-gradient(left, transparent 50%, #c8fad4 50%); }

.marker-bule {
  background-image: -webkit-linear-gradient(left, transparent 50%, #c8f5fa 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #c8f5fa 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #c8f5fa 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #c8f5fa 50%);
  background-image: linear-gradient(left, transparent 50%, #c8f5fa 50%); }

.marker-purple {
  background-image: -webkit-linear-gradient(left, transparent 50%, #ebc8fa 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #ebc8fa 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #ebc8fa 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #ebc8fa 50%);
  background-image: linear-gradient(left, transparent 50%, #ebc8fa 50%); }

.mb0 {
  margin-bottom: 0 !important; }

.mb1 {
  margin-bottom: 1rem !important; }

.mb2 {
  margin-bottom: 2rem !important; }

.mb3 {
  margin-bottom: 3rem !important; }

.mb4 {
  margin-bottom: 4rem !important; }

.mb5 {
  margin-bottom: 5rem !important; }

.mb10 {
  margin-bottom: 10rem !important; }

.mt1 {
  margin-top: 1rem !important; }

.mt2 {
  margin-top: 2rem !important; }

.mt3 {
  margin-top: 3rem !important; }

.mt4 {
  margin-top: 4rem !important; }

.mt5 {
  margin-top: 5rem !important; }

.waku {
  border: 2px solid #DDD;
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 0 6rem;
  padding: 2rem 2.5rem; }

.waku-dot {
  background: #f5f5f5;
  border: 3px dotted #cacaca;
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 0 6rem;
  padding: 2rem 2.5rem; }

.waku-dot-b {
  border: 3px dotted #357ac3;
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 0 6rem;
  padding: 2rem 2.5rem; }
  .waku-dot-b span {
    font-weight: 700;
    color: #357ac3; }

.point {
  border: 1px solid #222;
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 0 6rem;
  padding: 2.5rem 2.5rem 2rem 2.5rem;
  position: relative; }
  .point:before {
    background: #222;
    content: "POINT";
    color: #FFF;
    display: inline-block;
    font-size: 1.6rem;
    left: 50%;
    line-height: 1;
    padding: 6px 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translate(-50%, -50%);
    width: 140px; }
  .point p, .point ul, .point ol, .point dl {
    margin: 0; }

.memo {
  font-size: 1.6rem;
  line-height: 1.8;
  border: 1px solid #222;
  margin: 0 0 6rem;
  padding: 2rem 2.5rem;
  position: relative; }
  .memo:before {
    background-color: #FFF;
    background-image: url(../img/icon/icon-memo-left.png), url(../img/icon/icon-memo-right.png);
    background-repeat: no-repeat;
    background-position: 8%,92%;
    content: "MEMO";
    display: inline-block;
    font-size: 1.6rem;
    left: 50%;
    line-height: 1;
    padding: .5rem;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translate(-50%, -50%);
    width: 120px; }
  .memo p, .memo ul, .memo ol, .memo dl {
    margin: 0; }

blockquote {
  background: #f3f3f3;
  padding: 2rem 4rem 2.5rem;
  margin: 4rem 0 4rem 2.5rem;
  position: relative; }
  @media only screen and (max-width: 767px) {
    blockquote {
      margin: 3rem 0 3rem 1.5rem;
      padding: 1rem 1.5rem 1rem 2.5rem; } }
  blockquote::before {
    background: url(../img/icon/icon-blockquote.png) no-repeat;
    background-size: contain;
    content: "";
    left: -2.5rem;
    height: 50px;
    position: absolute;
    top: 30%;
    width: 50px; }
    @media only screen and (max-width: 767px) {
      blockquote::before {
        height: 30px;
        left: -15px;
        width: 30px; } }
  blockquote p {
    margin: 0 !important; }
    @media only screen and (max-width: 767px) {
      blockquote p {
        font-size: 1.4rem; } }
  blockquote cite {
    display: block;
    text-align: right; }

center,
.center {
  font-size: 1.8rem;
  line-height: 2.1;
  text-align: center; }
  center img,
  .center img {
    margin: auto; }

.btn-cv, .text-cv {
  margin: 5rem 0 3rem; }
  @media only screen and (max-width: 767px) {
    .btn-cv, .text-cv {
      margin: 4rem 0; } }
  .btn-cv a, .text-cv a {
    background: url(../img/icon/icon-arrow-white-waku.png) no-repeat right center #357ac3;
    background-position: 96%;
    color: #FFF !important;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 auto;
    padding: 2.5rem 5rem 2.5rem 2.5rem;
    text-align: center;
    text-decoration: none !important;
    width: 70%; }
    @media only screen and (max-width: 767px) {
      .btn-cv a, .text-cv a {
        font-size: 1.8rem;
        padding: 2rem 5rem 2rem 2rem;
        width: 100%; } }

.cart-button input[type=submit] {
  background: url(../img/icon/icon-arrow-white.png) no-repeat right center #357ac3;
  background-size: 25px;
  background-position: 96%;
  border-radius: 35px;
  color: #FFF !important;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 auto 6rem;
  padding: 2rem 5rem 2rem 2rem;
  text-align: center;
  text-decoration: none !important;
  width: 70%; }
  @media only screen and (max-width: 767px) {
    .cart-button input[type=submit] {
      font-size: 1.8rem;
      margin: 0 0 4rem 0;
      padding: 2rem 5rem 2rem 2rem;
      width: 100%; } }

.accordion .accordion-title {
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  position: relative; }
  .accordion .accordion-title::after {
    border-right: solid 2px #333;
    border-top: solid 2px #333;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 25px;
    top: 38%;
    transform: rotate(135deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
    width: 8px; }
  .accordion .accordion-title.open::after {
    top: 45%;
    transform: rotate(-45deg); }
.accordion .accordion-content {
  font-size: 1.6rem;
  line-height: 1.8;
  display: none;
  padding-top: 2rem; }

  .table-scroll {
    max-height: 300px;
    margin: 5rem 0;
    overflow: auto;
    width: 100%; }
    .table-scroll table {
      margin: 0;
      border-spacing: 0;
      table-layout: auto; }
      .table-scroll table td {
        background: #FFF;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 5px;
        white-space: nowrap; }
        .table-scroll table td.height-10 {
          height: 1rem; }
        .table-scroll table td.height-20 {
          height: 2rem; }
        .table-scroll table td.height-30 {
          height: 3rem; }
        .table-scroll table td.height-40 {
          height: 4rem; }
        .table-scroll table td.height-50 {
          height: 5rem; }
        .table-scroll table td.height-60 {
          height: 6rem; }
        .table-scroll table td.height-70 {
          height: 7rem; }
        .table-scroll table td.height-80 {
          height: 8rem; }
        .table-scroll table td.height-90 {
          height: 9rem; }
        .table-scroll table td.height-100 {
          height: 10rem; }
        .table-scroll table td.width-10 {
          white-space: unset;
          width: 10%; }
        .table-scroll table td.width-20 {
          white-space: unset;
          width: 20%; }
        .table-scroll table td.width-30 {
          white-space: unset;
          width: 30%; }
        .table-scroll table td.width-40 {
          white-space: unset;
          width: 40%; }
        .table-scroll table td.width-50 {
          white-space: unset;
          width: 50%; }
        .table-scroll table td.width-60 {
          white-space: unset;
          width: 60%; }
        .table-scroll table td.width-70 {
          white-space: unset;
          width: 70%; }
        .table-scroll table td.width-80 {
          white-space: unset;
          width: 80%; }
        .table-scroll table td.width-90 {
          white-space: unset;
          width: 90%; }
      .table-scroll table th {
        background: #f9f9f9;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        left: 0;
        position: sticky;
        top: 0;
        white-space: nowrap; }
        .table-scroll table th.height-10 {
          height: 1rem !important;
          padding: 0.3rem 0.5rem !important; }
        .table-scroll table th.height-20 {
          height: 2rem !important;
          padding: 0.3rem 0.5rem !important; }
        .table-scroll table th.height-30 {
          height: 3rem !important;
          padding: 0.3rem 0.5rem !important; }
        .table-scroll table th.height-40 {
          height: 4rem !important;
          padding: 0.3rem 0.5rem !important; }
        .table-scroll table th.height-50 {
          height: 5rem !important;
          padding: 0.3rem 0.5rem !important; }
        .table-scroll table th.height-60 {
          height: 6rem !important;
          padding: 0.3rem 0.5rem !important; }
        .table-scroll table th.height-70 {
          height: 7rem !important;
          padding: 0.3rem 0.5rem !important; }
        .table-scroll table th.height-80 {
          height: 8rem !important;
          padding: 0.3rem 0.5rem !important; }
        .table-scroll table th.height-90 {
          height: 9rem !important;
          padding: 0.3rem 0.5rem !important; }
        .table-scroll table th.height-100 {
          height: 10rem !important;
          padding: 0.3rem 0.5rem !important; }
        .table-scroll table th.width-10 {
          white-space: unset;
          width: 10%; }
        .table-scroll table th.width-20 {
          white-space: unset;
          width: 20%; }
        .table-scroll table th.width-30 {
          white-space: unset;
          width: 30%; }
        .table-scroll table th.width-40 {
          white-space: unset;
          width: 40%; }
        .table-scroll table th.width-50 {
          white-space: unset;
          width: 50%; }
        .table-scroll table th.width-60 {
          white-space: unset;
          width: 60%; }
        .table-scroll table th.width-70 {
          white-space: unset;
          width: 70%; }
        .table-scroll table th.width-80 {
          white-space: unset;
          width: 80%; }
        .table-scroll table th.width-90 {
          white-space: unset;
          width: 90%; }
      .table-scroll table tr:first-child th {
        border-top: 1px solid #ccc; }
      .table-scroll table th:first-child {
        border-left: 1px solid #ccc; }
      .table-scroll table tr:first-child th:first-child {
        z-index: 1; }
    .table-scroll.height-400 {
      max-height: 400px; }
    .table-scroll.height-500 {
      max-height: 500px; }
    .table-scroll.height-600 {
      max-height: 600px; }
    .table-scroll.height-700 {
      max-height: 700px; }
    .table-scroll.height-800 {
      max-height: 800px; }
    .table-scroll.height-900 {
      max-height: 900px; }
    .table-scroll.height-1000 {
      max-height: 1000px; }

.img-center img {
  margin: auto; }