@charset "UTF-8";

 /*!
Theme Name: hopper
Description: hopper
Author: cubic
Version: 1.0
*/
 /* リセット
---------------------------------*/
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 100%;
 }

 h1, h2, h3, h4, h5, h6 {
   line-height: 100%;
   margin: 0px;
   padding: 0px;
   font-weight: normal;
   clear: both;
 }

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

 ::-moz-selection {
   background: #141414;
   color: #FFFFFF;
 }

 ::selection {
   background: #141414;
   color: #FFFFFF;
 }

 img {
   border: none;
   display: flex;
   margin: 0px auto;
   padding: 0px;
   max-width: 100%;
   height: auto;
   vertical-align: bottom;
 }

 hr {
   display: none;
 }

 :root ul {
   letter-spacing: -1px;
   word-spacing: -1px;
 }

 .clearfix:after {
   clear: both;
 }

 * html .clearfix {
   zoom: 1;
 }

 /* IE6 */
 *:first-child+html .clearfix {
   zoom: 1;
 }

 /* IE7 */
 .clearfix {
   display: inline-table;
 }

 * html .clearfix {
   height: 1%;
 }

 .clearfix {
   display: block;
 }

 /*--------------------------------------------body*/
 body {
   background: #f5f5f5;
   margin: 0;
   padding: 0;
   -webkit-text-size-adjust: none;
   /* font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
   font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: normal;
   color: #5f5f5f;
   line-height: 1.6em;
   word-break: break-all;
 }

 @media (max-width: 359px) {
   body {
     font-size: 14px;
   }
 }

 @media (max-width: 319px) {
   body {
     font-size: 13px;
   }
 }

 @media (max-width: 300px) {
   body {
     font-size: 12px;
   }
 }

 /*---------------------------------------header-home*/
 .header-home {
   z-index: 25;
   height: 3.7em;
   width: 100%;
   top: 0;
 }

 .header-home .ttl-head {
   text-align: left;
   padding: 1.2em 1em 0.7em 0.7em;
 }

 .header-home .ttl-head img {
   width: 160px;
   height: auto;
 }

 .l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 102px;
  padding: 28px 36px;
  background: #f6fbff;
  border-bottom: 1px solid #0085ff;
  overflow: hidden;
}
.l-header__top {
  width: 100%;
  margin: 0 auto;
  padding: 30px 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

@media screen and (max-width: 1025px) {
  .l-header {
    height: 65px;
    padding: 10px 3vw;
  }
}

.c-header__top__top__menu a {
  margin-right: 20px;
  text-decoration: none;
  color: #fff;
}

.c-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-header__logo {
  width: 181px;
}
.c-header__nav {
  padding-top: 65px;
  position: fixed;
  background-color: #fff;
  top: 0;
  right: 0;
  width: 500px;
  height: 100vh;
  transition: 0.3s;
  z-index: 10;
  padding: 80px 1rem 0 1rem;
  display: none;
}
.c-header__nav__list {
  display: flex;
  padding-left: 0;
  flex-direction: column;
}
.c-header__nav__list > li {
  display: flex;
  list-style: none;
}
.c-header__nav__list > li a {
  width: 100%;
  padding: 1rem;
  border-bottom: 1px solid #0085ff;
  text-decoration: none;
  color: #000;
  display: flex;
  align-items: flex-end;
  transition: 0.3s;
  position: relative;
}
.c-header__nav__list > li a:after {
  position: absolute;
  top: calc(50% - 1rem);
  right: 5px;
  font-family: "Material Symbols Outlined";
  content: "chevron_right";
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
  transition: 0.3s;
}
.c-header__nav__list > li a:hover {
  opacity: 0.7;
}
.c-header__nav__list > li a:hover:after {
  right: 0;
}
.c-header__nav__list > li a img {
  margin-right: 20px;
}
.c-header__nav__list > li.external a::after {
  content: "";
  display: inline-block;
  inline-size: 19.5px;
  block-size: 28.5px;
  background-image: url("images/icon_externalsite.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-header__nav.is-open {
  display: block;
  opacity: 1;
  visibility: visible;
}
.c-header__nav__button {
  position: absolute;
  top: 28px;
  right: 36px;
  width: 30px;
  height: 45px;
  background: transparent;
  border: none;
  display: block;
  z-index: 100;
  cursor: pointer;
}
.c-header__nav__button__text {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px;
  white-space: nowrap;
}
.c-header__nav__button .bar {
  background: #000;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  transition: all 0.3s ease;
}
.c-header__nav__button .bar:nth-child(1) {
  top: 0;
}
.c-header__nav__button .bar:nth-child(2) {
  top: 10px;
}
.c-header__nav__button .bar:nth-child(3) {
  top: 20px;
}
.c-header__nav__button.is-open {
  position: fixed;
}
.c-header__nav__button.is-open .bar:nth-child(1) {
  transform: rotate(45deg);
  top: 10px;
}
.c-header__nav__button.is-open .bar:nth-child(2) {
  opacity: 0;
}
.c-header__nav__button.is-open .bar:nth-child(3) {
  transform: rotate(-45deg);
  top: 10px;
}
.c-header__nav__links {
  display: flex;
}
.c-header__nav__links__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  height: 45px;
  margin-right: 60px;
  color: #000;
}
.c-header__nav__links__link img {
  height: 28px;
}
.c-header__nav__links__link span {
  font-size: 10px;
}

@media screen and (max-width: 1025px) {
  .c-header {
    align-items: center;
  }
  .c-header__top {
    display: flex;
    justify-content: center;
    width: 70%;
  }
  .c-header__top__menu a {
    margin-right: 20px;
    text-decoration: none;
    color: #fff;
  }
  .c-header__nav {
    width: 80%;
    max-width: 500px;
  }
  .c-header__nav.is-open {
    right: 0;
  }
  .c-header__nav__button {
    top: 10px;
    right: 3vw;
  }
  .c-header__nav__links__link {
    margin-right: 45px;
  }
}

.p-top-fv {
  margin-block-start: 11vh;
  padding-block-start: 30px;
  padding-inline: 1.5%;
  background: #fff;

  @media (max-width: 480px) {
    margin-block-start: 8vh;
  }
}

.p-top-fv .swiper {
  max-inline-size: 1024px;
  margin-inline: auto;
}

.p-top-fv .swiper-slide img {
  margin-inline: auto;
}

.p-top-fv .swiper-pagination-bullet-active {
  background-color: #333 !important;
}

 /*---------------------------------------menu mobile*/
 .sb_menubtn_wrap {
   display: inline-block;
   position: absolute;
   right: 0.5em;
   top: 0.5em;
 }

 .sb_check {
   display: none;
 }

 /*checked anime*/
 .sb_menubtn.active .txt {
   display: none;
 }

 .sb_menubtn.active .close {
   font-size: 0.7em;
   width: 100%;
   color: #000;
   letter-spacing: 0.1em;
   display: inline-block;
   vertical-align: middle;
 }

 .sb_menubtn.active .bou:nth-child(1) {
   width: 15%;
   transform: translate3d(2px, 4px, 0) rotate(45deg);
 }

 .sb_menubtn.active .bou:nth-child(2) {
   width: 30%;
   transform: translate3d(0, 0, 0) rotate(-45deg);
 }

 .sb_menubtn.active .bou:nth-child(3) {
   width: 15%;
   transform: translate3d(10px, -3px, 0) rotate(45deg);
 }

 /*not check*/
 .sb_menubtn {
   position: relative;
   border: solid 1px #c3c3c3;
   z-index: 20;
   padding: 0.2em 0.2em 0.1em 31px;
   display: block;
   border-radius: 4px;
   width: 75px;
   z-index: 10;
 }

 .sb_menubtn .txt {
   font-size: 0.7em;
   width: 100%;
   color: #000;
   letter-spacing: 1px;
   display: inline-block;
   vertical-align: middle;
 }

 .sb_menubtn .close {
   display: none;
 }

 .sb_menubtn .bou {
   position: absolute;
   top: 0;
   left: 0.4em;
   display: block;
   width: 20px;
   height: 3px;
   background: #dddddd;
   -webkit-transition: all .5s;
   transition: all .5s;
   margin: 0;
 }

 .sb_menubtn .bou:nth-child(1) {
   top: 23%;
 }

 .sb_menubtn .bou:nth-child(2) {
   top: 45%;
   opacity: 1;
 }

 .sb_menubtn .bou:nth-child(3) {
   top: 67%;
 }

 .nav-headmenu.active {
   -webkit-transition-delay: .3s;
   transition-delay: .3s;
   -webkit-transform: none;
   transform: none;
   opacity: 1;
   z-index: 5;
 }

 .nav-headmenu {
   box-sizing: border-box;
   position: absolute;
   top: 2.4em;
   right: -0.5em;
   width: 100vw;
   padding: 0;
   background: #fff;
   max-height: 100vh;
   z-index: 10;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   transition: all .5s ease;
   -webkit-transition: all .5s ease;
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
 }

 .ttl-headmenu {
   background: #eff6f5;
   text-align: center;
   font-weight: bold;
   padding: 1.6%;
 }

 .logo-media {
  text-align: center;

  img {
    max-inline-size: 300px;
  }
 }

 .nav-headmenu .head_nav_ul {
   color: #4d4d4d;
   width: 100%;
   max-height: 87vh;
   overflow-y: auto;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   padding-bottom: 2em;
 }

 .nav-headmenu .head_nav_ul li {
   list-style: none;
   position: relative;
 }

 .nav-headmenu .head_nav_ul li li a {
   padding: 3% 7% 3% 5%;
 }

 .nav-headmenu .head_nav_ul li li a::before {
   content: "└";
   padding: 0.2em;
 }

 .nav-headmenu .head_nav_ul a {
   display: block;
   padding: 3% 7% 3% 5%;
   font-size: 1em;
   color: #3d3c3c;
   -webkit-transition: all .8s;
   transition: all .8s;
   text-decoration: none;
   border-bottom: solid 2px #eff6f5;
   position: relative;
 }

 .nav-headmenu .head_nav_ul a::after {
   content: "\f054";
   font-family: "FontAwesome";
   position: absolute;
   right: 0.7em;
   top: 50%;
   color: #1249B1;
   margin-top: -0.8em;
   font-size: 0.8em;
 }

 /*---------------------------------------search mobile*/
 .sb_search_wrap {
   position: absolute;
 }

 .search_check {
   display: none;
 }

 .btn-serach {
   position: relative;
   display: block;
   text-align: center;
   cursor: pointer;
   margin-top: 0.5em;
   color: #d0d0d0;
   font-size: 1.4em;
   position: relative;
   z-index: 10;
   padding: 0 0.2em 0 0.5em;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
 }

 .btn-serach .close {
   display: none;
 }

 .btn-serach.active {
   position: relative;
   border: solid 1px #c3c3c3;
   padding: 0.1em 0.2em 0.1em 1.2em;
   display: block;
   border-radius: 4px;
   width: 70px;
   z-index: 10;
   margin-left: 0.5em;
 }

 .btn-serach.active .btn {
   display: none;
 }

 .btn-serach.active .txt {
   display: none;
 }

 .btn-serach.active .close {
   font-size: 0.6em;
   width: 100%;
   color: #000;
   letter-spacing: 0em;
   vertical-align: middle;
   display: block;
 }

 .btn-serach.active .bou {
   position: absolute;
   top: 46%;
   left: 0.2em;
   display: block;
   width: 30%;
   height: 3px;
   background: #dddddd;
   display: block;
 }

 .btn-serach.active .bou:nth-child(3) {
   width: 30%;
   transform: translate3d(0, 0, 0) rotate(45deg);
 }

 .btn-serach.active .bou:nth-child(2) {
   width: 30%;
   transform: translate3d(0, 0, 0) rotate(-45deg);
 }

 .mobile_form {
   background: #e9e9e9;
   width: 100vw;
   padding: 0;
   position: absolute;
   top: 3em;
   max-height: 0;
   overflow: hidden;
   display: block;
 }

 .mobile_form.active {
   max-height: 100vh;
   z-index: 10;
   -webkit-transition: all 1s ease-in 0.3s;
   transition: all 1s ease-in 0.3s;
 }

 .search-form {
   padding: 0.4em;
 }

 .mb_sarch {
   font-family: "FontAwesome";
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   padding: 0.5em 0.2em;
   width: 80%;
   border-radius: 4px 0 0 4px;
   border: solid 1px #d0d0d0;
   border-right: none;
 }

 .mb_sarch:placeholder-shown {
   color: #d0d0d0;
   font-size: 1.1em;
   line-height: 1;
   padding-left: 0.2em;
 }

 .mb_sarch::-webkit-input-placeholder {
   color: #d0d0d0;
   font-size: 1.1em;
   line-height: 1;
   padding-left: 0.2em;
 }

 .mb_sarch:-moz-placeholder {
   opacity: 1;
   color: #d0d0d0;
   font-size: 1.1em;
   line-height: 1;
   padding-left: 0.2em;
 }

 .mb_sarch::-moz-placeholder {
   opacity: 1;
   color: #d0d0d0;
   font-size: 1.1em;
   line-height: 1;
   padding-left: 0.2em;
 }

 .mb_sarch:-ms-input-placeholder {
   color: #d0d0d0;
   font-size: 1.1em;
   line-height: 1;
   padding-left: 0.2em;
 }

 .search-submit {
   background: #11b99f;
   background: -webkit-linear-gradient(left, #11b99f, #01beda);
   background: linear-gradient(to right, #11b99f, #01beda);
   width: 20%;
   border: solid 1px #d0d0d0;
   border-left: none;
   border-radius: 0 4px 4px 0;
   padding: 0.4em 0.2em 0.35em 0.2em;
   color: #fff;
 }

 .black_cover.active {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.7);
   z-index: 2;
   -webkit-transition: all 0.4s ease-in 0.3s;
   transition: all 0.4s ease-in 0.3s;
 }

 input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
 }

 /*body-------------------------------------------*/
 .wrap {
   width: 100%;
 }

 .main {
   width: 100%;
   background: #fff;
   padding-top: 3.1em;
 }

 .main.home {
   padding-top: 0;
 }

 .body_home {
   background: #fff;
 }

 .side {
   width: 100%;
   margin-bottom: 2em;
 }

 .bread {
   background: #e9e9e9;
   padding: 0.7em 2%;
   overflow-x: scroll;
   width: 100%;
 }

 .bread .list_bread {
   width: auto;
   max-width: 1000px;
   white-space: nowrap;
   margin: 0 auto;
   list-style: none;
   color: #565656;
   font-size: 0.9em;
   border-top: #e9e9e9 solid 2px;
   border-bottom: #e9e9e9 solid 2px;
   font-size: 0.7em;
   line-height: 1.3;
 }

 .bread .list_bread li {
   display: inline;
 }

 .bread .list_bread li::before {
   content: ">";
   padding: 0 0.8em;
 }

 .bread .list_bread li:first-child::before {
   content: none;
 }

 .bread .list_bread a {
   color: #565656;
   text-decoration: none;
 }

 .footer {
   background: #fff;
 }

 .footer.footer_fix {
   position: absolute;
   bottom: 0;
   width: 100%;
 }

 .footer a {
   color: #565656;
   font-style: normal;
   text-decoration: none;
   font-size: .7em;
 }

 .footer address {
   text-align: center;
   padding: 1em;
 }

 .footer .footer_hop_logo {
   text-align: center;
   padding: 0 0 5%;
 }

 .footer .footer_hop_logo img {
   width: 40%;
 }

 .foot_nav_ul {
   border-bottom: solid 1px #dddddd;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style: none;
 }
 @media screen and (min-width: 641px) {
  .foot_nav_ul {
    justify-content: center;
  }
 }

 .foot_nav_ul li {
   width: 50%;
   text-align: center;
 }

 .foot_nav_ul li:nth-child(odd) a {
   border-right: solid 1px #dddddd;
 }

 @media screen and (max-width: 480px) {
  .foot_nav_ul li:nth-child(6) a {
    border-bottom: solid 1px #ddd;
  }
}

 .foot_nav_ul li a {
   padding: 1em;
   display: block;
   border-top: solid 1px #dddddd;
 }

 .gotop {
   text-align: center;
   position: relative;
   border-bottom: solid 1px #dddddd;
   margin-bottom: 1.5em;
 }

 .gotop a {
   display: block;
   padding: 1em 0 0.8em 0;
 }

 .gotop span {
   position: absolute;
   right: 0;
 }

 .gotop span img {
   width: 60%;
   vertical-align: 0em;
 }

 /*postList-------------------------------------------*/
 .ttl-postlist {
   background: #f5f5f5;
   border-top: solid 1px #dddddd;
   border-bottom: solid 1px #ebebeb;
   font-size: 1.05em;
   font-weight: bold;
   padding: 0.8em;
 }

 .list_post:last-child {
   border-bottom: 10px solid #f5f5f5;
 }

 .list_post a {
   color: #565656;
   font-weight: bold;
   line-height: 1.6;
   text-decoration: none;
   display: block;
   width: 100%;
   border-bottom: solid 1px #dddddd;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .list_post a .eyecach {
   width: 30%;
   height: 20vmin;
   overflow: hidden;
   position: relative;
   margin: 0.5em 0 0.5em 0.7em;
 }

 .list_post a .eyecach img {
   position: absolute;
   left: -100%;
   right: -100%;
   margin: auto;
   width: 100%;
   height: auto;
 }

 .list_post a .subarea-txt {
   width: 64%;
   padding: 0.5em;
 }

 .list_post a .ttl {
   padding: 0.2em 0;
   font-size: 0.95em;
   line-height: 1.4;
 }

 .list_post_review {
   background: #f5f5f5;
   margin: 3% 4%;
   position: relative;
 }

 .list_post_review::after {
   content: "\f054";
   position: absolute;
   top: 50%;
   right: 0.5em;
   margin-top: -0.7em;
   font-family: "FontAwesome";
   color: #1249B1;
 }

 .list_post_review a {
   color: #565656;
   line-height: 1.6;
   text-decoration: none;
   display: block;
   width: 100%;
   border-bottom: solid 1px #ddeae8;
 }

 .list_post_review a .area-interview {
   margin: 0;
   font-weight: normal;
 }

 .list_post_review a .area-interview dt {
   margin: 0;
 }

 .list_post_review a .area-interview dd {
   line-height: 1.4;
 }

 .list_post_review a .area-spec {
   font-weight: normal;
   margin-bottom: 0;
   padding: 0.7em 0.5em 0 0.5em;
 }

 .list_post_review a .cont-interview {
   margin: 0 5% 1.4em 5%;
   font-size: 0.8em;
   padding: 0.5em 1em 0 0;
 }

 /*-----------------pager*/
 .nav-sp_pager {
   border: solid 1px #ebebeb;
   background: #fafafa;
   margin: 0;
   width: 100%;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   list-style: none;
 }

 .nav-sp_pager li {
   text-align: center;
   color: #d0d0d0;
   border-right: 1px solid #ebebeb;
 }

 .nav-sp_pager .start,
 .nav-sp_pager .end,
 .nav-sp_pager .first_btn,
 .nav-sp_pager .last_btn {
   width: 12%;
   font-size: 1.2em;
   line-height: 2.4em;
 }

 .nav-sp_pager .prev,
 .nav-sp_pager .first,
 .nav-sp_pager .last,
 .nav-sp_pager .next {
   font-size: 1em;
   line-height: 3em;
   letter-spacing: 1px;
   padding: 0;
   width: 38%;
 }

 .nav-sp_pager a {
   color: #7198cf;
   text-decoration: none;
   display: block;
 }

 /*タブ切り替えエリア*/
 /* -------------------------------*/
 .area-tabs {
   background: #ffffff;
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
 }

 .area-tabs a {
   color: #000000;
   text-decoration: none;
 }

 .area-tabs .tab {
   overflow: hidden;
   text-align: center;
   padding: 1.5em 1.5% 0;
   display: flex;
   justify-content: space-between;
 }

 .area-tabs .tab button {
   background-color: #D5D5D5;
   border-radius: 4px 4px 0px 0px;
   border: none;
   outline: none;
   cursor: pointer;
   padding: 0.5em;
   width: 49%;
   transition: 0.3s;
 }

 .area-tabs .tab button:hover {
   background-color: #ddd;
 }

 .area-tabs .tab button.active {
   background-color: #1249B1;
   color: #ffffff;
 }

 .area-tabs .tab-content {
   background: linear-gradient(to bottom, #F5F5F5 50%, #ffffff 80%);
   width: 100%;
   display: none;
   padding: 1.5em 1.5% 0;
   border: none;
 }

 .area-tabs .tab-content .summary {
   color: black;
 }

 .area-tabs .tab-content .ttl-summary {
   font-weight: bold;
   font-size: 1.3em;
   margin: 2%;
 }

 .area-tabs .tab-content .txt-summary {
   line-height: 1.5;
   margin: 0.5em 2% 1.3em;
 }

 .area-tabs .tab-content .main-feat-article {
   margin: 2%;
   background: #ffffff;
   color: black;
 }

 .area-tabs .tab-content .main-feat-article a .img-container {
   height: 200px;
   overflow: hidden;
 }

 .area-tabs .tab-content .main-feat-article a img {
   width: 100%;
   min-height: 100%;
   object-fit: cover;
 }

 .area-tabs .tab-content .main-feat-article a .txt-container {}

 .area-tabs .tab-content .main-feat-article a .company-name {
   color: #002B7C;
   margin: 0.6em 1em;
   font-size: 0.9em;
 }

 .area-tabs .tab-content .main-feat-article a .title {
   font-weight: bold;
   font-size: 1em;
   margin: 0.6em 1em;
   line-height: 1.5;
 }

 .area-tabs .tab-content .main-feat-article a .snippet {
   margin: 0.6em 1em;
   font-size: 0.9em;
   line-height: 1.5;
 }

 .area-tabs .tab-content .main-feat-article a .updated {
   color: #525252;
   text-align: right;
   font-size: 0.8em;
   margin: 0.6em 1em;
   padding-bottom: 0.5em;
 }

 .area-tabs .tab-content .main-feat-article a .updated:before {
   content: "\f017";
   font-family: "FontAwesome";
   display: inline-block;
   color: #525252;
   width: 20px;
   height: 20px;
   margin: 0 6px 0 0;
 }

 .area-tabs .tab-content .sub-feat-article-container {
   margin: 2%;
   color: black !important;
   text-decoration: none !important;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: stretch;
 }

 .area-tabs .tab-content .sub-feat-article {
   margin-bottom: 2%;
   width: 49%;
   background: #ffffff;
 }

 .area-tabs .tab-content .sub-feat-article .img-container {
   height: 110px;
   overflow: hidden;
 }

 .area-tabs .tab-content .sub-feat-article img {
   width: 100%;
   min-height: 100%;
 }

 .area-tabs .tab-content .sub-feat-article .txt-container {}

 .area-tabs .tab-content .sub-feat-article .company-name {
   color: #002B7C;
   margin: 0.3em 0.5em;
   font-size: 12px;
 }

 .area-tabs .tab-content .sub-feat-article .title {
   font-weight: bold;
   font-size: 0.9em;
   margin: 0.3em 0.5em;
   height: 4em;
   line-height: 1.5;
 }

 .area-tabs .tab-content .sub-feat-article .snippet {
   margin: 0.6em 1em;
   font-size: 0.9em;
   line-height: 1.5;
 }

 .area-tabs .tab-content .sub-feat-article .updated {
   color: #525252;
   text-align: right;
   font-size: 0.8em;
   margin: 0.6em 1em;
 }

 .area-tabs .tab-content .sub-feat-article .updated:before {
   content: "\f017";
   font-family: "FontAwesome";
   display: inline-block;
   color: #525252;
   width: 20px;
   height: 20px;
   margin: 0 6px 0 0;
 }

 .area-tabs .tab-content .view-more-container {
   display: table;
   text-align: center;
   margin: 0 auto;
 }

 .area-tabs .tab-content .btn-view-more {
   width: 190px;
   height: 40px;
   border: 1px solid #1249B1;
   border-radius: 21px;
   margin-top: 1em;
 }

 .area-tabs .tab-content .btn-view-more a {
   color: #1249B1;
 }

 .area-tabs .tab-content .btn-view-more:hover {
   opacity: 0.8;
 }

 .area-tabs .tab-content .btn-view-more a:after {
   content: "\f105";
   font-family: "FontAwesome";
   display: inline-block;
   color: #1249B1;
   width: 85px;
   height: 20px;
   margin: 0px -92px 0 0;
 }

 .area-tabs .coverage-feat-container {
   background: transparent url('images/bg_sp.png') 0% 0% no-repeat padding-box;
   background-size: cover;
   background-position: center;
   margin: 1.5em -1.5% 0;
   color: #ffffff;
   text-align: center;
 }

 .area-tabs .coverage-feat-container .ttl-feat {
   font-size: 1.3em;
   font-weight: bold;
   padding: 2.5em 1.2em 1.2em;
 }

 .area-tabs .coverage-feat-container .sub-ttl-feat {
   font-weight: bold;
   padding: 1em 1.2em 1.2em;
   margin-top: -1.3em;
 }

 .area-tabs .coverage-feat-container .feat-body {
   font-size: 0.88em;
   padding: 0 1.5em 2.5em;
 }

 .area-tabs .en-green {
   display: block;
   font-weight: normal;
   font-size: 0.5em;
   font-weight: normal;
   position: relative;
   color: #799095;
   padding-top: 2em;
 }

 .area-tabs .en-green::before {
   content: "";
   display: block;
   position: absolute;
   width: 4em;
   height: 3px;
   background: #4cc5b2;
   left: 47%;
   margin-left: -1em;
   top: 0.8em;
 }

 .area-tabs .coverage-box-container {
   background: #ffffff;
   text-align: center;
   padding-top: 1em;
 }

 .area-tabs .coverage-box-container .ttl-coverage {
   font-size: 1.3em;
   font-weight: bold;
   margin: 1.5em 1em 1em;
 }

 .area-tabs .coverage-box-container .box-outer {
   display: flex;
   flex-direction: column;
 }

 .area-tabs .coverage-box-container .box {
   position: relative;
   box-shadow: 0px 2px 8px #00000029;
   padding: 1em 4%;
   margin: 3em 4% 1em;
 }

 .area-tabs .coverage-box-container .box-top {
   color: #002B7C;
   font-size: 2em;
   position: absolute;
   font-style: italic;
   font-weight: 600;
   height: 45px;
   left: 36%;
   top: 1.6em;
   width: 90px;
   margin: -3em 0px;
   padding-top: 0.4em;
   border-radius: 90px 90px 0 0;
   background-color: #ffffff;
   box-shadow: 0px -4px 7px #e6e6e6;
 }

 .area-tabs .coverage-box-container img {}

 .area-tabs .coverage-box-container .ttl-box {
   font-weight: bold;
   padding: 1.2em;
   color: #000000;
 }

 .area-tabs .coverage-box-container .box-body {
   text-align: left;
   font-size: 0.88em;
 }

 .area-tabs .coverage-box-container .en-blue {
   display: block;
   font-weight: normal;
   font-size: 0.5em;
   font-weight: normal;
   position: relative;
   color: #799095;
   padding-top: 2em;
 }

 .area-tabs .coverage-box-container .en-blue::before {
   content: "";
   display: block;
   position: absolute;
   width: 4em;
   height: 2px;
   background: #1249B1;
   left: 47%;
   margin-left: -1em;
   top: 0.8em;
 }

 /*side*/
 /*---------------------------rank*/
 .area-side_ranking {
   background: #fbf7e2;
   padding: 1.5em 4.5%;
 }

 .side_rank {
   margin: 0;
   padding: 0;
   width: 100%;
   list-style: none;
 }

 .side_rank li {
   margin: 0 0 0.8em 0;
   padding: 0;
 }

 .side_rank li:nth-of-type(1) .ttl-name_rank a::before {
   background: url(./images/icon-no1.png) no-repeat center center;
   background-size: auto 100%;
 }

 .side_rank li:nth-of-type(2) .ttl-name_rank a::before {
   background: url(./images/icon-no2.png) no-repeat center center;
   background-size: auto 100%;
 }

 .side_rank li:nth-of-type(3) .ttl-name_rank a::before {
   background: url(./images/icon-no3.png) no-repeat center center;
   background-size: auto 100%;
 }

 .mod-side_rank {
   background: #fff;
   border: solid 1px #7198cf;
 }

 .mod-side_rank .ttl-name_rank {
   background: #f0f5fd;
   margin: 1% 1% 0.5em 1%;
   font-size: 1.2em;
   font-weight: bold;
 }

 .mod-side_rank .ttl-name_rank a {
   text-decoration: none;
   padding: 2% 2% 3%;
   color: #4274bb;
   display: block;
   font-size: 1em;
 }

 .mod-side_rank .ttl-name_rank a::before {
   content: "";
   display: inline-block;
   width: 2.5em;
   height: 2em;
   vertical-align: -0.4em;
 }

 .mod-side_rank .eye {
   width: 60%;
   border: solid 1px #fafafa;
   margin: 0 20% 0.5em;
 }

 .mod-side_rank .txt-cach {
   margin: 0 1em 1em;
   line-height: 1.4;
   font-weight: bold;
   color: #1249B1;
 }

 .mod-side_rank .list-chk {
   margin: 0 1.1em 1em;
   width: 90%;
   font-size: 0.9em;
 }

 .mod-side_rank .list-chk li {
   line-height: 1.4;
 }

 .mod-side_rank .list-chk li::before {
   top: 0.2em;
 }

 .mod-side_rank .btn-as {
   margin: 5% 0 0 0;
   border-top: solid 1px #7198cf;
   padding: 5% 4%;
 }

 .list_post_cat {
   list-style: none;
 }

 .list_post_cat li {
   border-bottom: solid 1px #dddddd;
   background: #fff;
   padding: 4% 3%;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .list_post_cat li:last-child {
   border: none;
 }

 .list_post_cat img {
   border: solid 1px #f5f5f5;
 }

 .list_post_cat .eyecach {
   width: 30%;
   margin-right: 3%;
 }

 .list_post_cat .subarea-txt {
   width: 65%;
   letter-spacing: 0.01em;
   font-size: 1.05em;
 }

 .list_post_cat .cat a {
   background: #eff6f5;
   display: inline;
   text-decoration: none;
   font-size: 0.7em;
   padding: 0.25em 0.5em;
 }

 .list_post_cat .ttl a {
   color: #565656;
   text-decoration: none;
   line-height: 1.6;
   font-size: 0.85em;
 }

 .ttl-linklist {
   background: #c8f1e6;
   color: #00ad95;
   font-weight: bold;
   padding: 5% 4% 4%;
   letter-spacing: 1px;
 }

 .list_linktext {
   background: #c8f1e6;
   padding: 0 2% 2% 2%;
   border-bottom: solid 1px #e9e9e9;
   list-style: none;
 }

 .list_linktext li a {
   background: #fff;
   text-decoration: none;
   padding: 0.6em 3em 0.6em 0.5em;
   border: solid 1px #dddddd;
   display: block;
   border-bottom: none;
   position: relative;
   font-size: 0.95em;
   color: #565656;
 }

 .list_linktext li a::after {
   content: "\f105";
   display: block;
   top: 50%;
   position: absolute;
   right: 0.5em;
   margin-top: -0.7em;
   font-family: "FontAwesome";
   font-size: 1.2em;
   color: #1249B1;
 }

 .ttl-pc_site {
   background: #c8f1e6;
   text-align: left;
   color: #00ad95;
   padding: 7% 4% 5%;
   font-weight: bold;
 }

 .list_side_site {
   padding: 0 0 2%;
   border-bottom: solid 1px #e9e9e9;
   list-style: none;
 }

 .list_side_site li a {
   background: #fff;
   text-decoration: none;
   padding: 0.5em 3em 0.55em 0.5em;
   border: solid 1px #dddddd;
   display: block;
   border-bottom: none;
   position: relative;
   font-size: 0.8em;
   color: #565656;
   text-align: center;
 }

 .list_side_site li a::after {
   content: "\f105";
   display: block;
   position: absolute;
   top: 50%;
   right: 0.5em;
   transform: translateY(-50%);
   font-family: "FontAwesome";
   font-size: 1.8rem;
   color: #ddd;
 }

 /*result*/
 .area-result {
   background: #c8f1e6;
   padding-bottom: 0.4em;
 }

 .area-result .ttl-result {
   text-align: center;
   padding: 5% 0;
   font-weight: 900;
   margin-left: -1em;
 }

 .area-result .ttl-result::before {
   content: "\f002";
   font-family: "FontAwesome";
   color: #1249B1;
   font-size: 1.4em;
   font-weight: normal;
   margin-right: 0.4em;
 }

 .area-result .inner_result {
   margin: 0 1%;
   background: #fff;
 }

 .area-result .dl_result {
   padding: 0.1em 0 0 0;
   margin-bottom: 1em;
 }

 .area-result .dl_result.must {
   margin-bottom: 0;
 }

 .area-result .dl_result dt {
   border-left: #1249B1 solid 4px;
   line-height: 1.3;
   font-size: 0.85em;
   font-weight: bold;
   padding: 0.2em 0 0 0.4em;
   vertical-align: bottom;
   margin: 0.8em 0.8em 1.2em;
 }

 .area-result .dl_result dt span {
   color: #e857a3;
   font-size: 0.8em;
 }

 .area-result .dl_result dd {
   border-bottom: solid 1px #dddddd;
   padding: 0 5% 0.6em;
 }

 .area-result .dl_result dd label {
   margin: 0 2em 0.7em 0;
   display: inline-block;
 }

 /*form*/
 input[type="checkbox"] {
   border: 1px solid #d0d0d0;
   vertical-align: -5px;
   -webkit-appearance: none;
   position: relative;
   margin-right: 5px;
   border-radius: 4px;
   box-sizing: border-box;
   width: 1.4em;
   height: 1.4em;
   background: #fafafa;
 }

 input[type="checkbox"]:checked {
   /*Other Browser*/
   background: #1249B1;
 }

 input[type="checkbox"]:checked:before {
   position: absolute;
   left: -0.1em;
   top: 0.9em;
   display: block;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
   content: "";
   width: 0.75em;
   height: 0.25em;
   background: #ffffff;
   -webkit-transform: rotate(45deg);
   -webkit-transform-origin: right center;
 }

 input[type="checkbox"]:checked:after {
   display: block;
   position: absolute;
   left: 0.5em;
   top: 0.9em;
   content: "";
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
   width: 1.05em;
   height: 0.25em;
   background: #ffffff;
   -webkit-transform: rotate(-53deg);
   -webkit-transform-origin: left center;
 }

 input[type="radio"] {
   border: 1px solid #d0d0d0;
   vertical-align: -5px;
   -webkit-appearance: none;
   position: relative;
   margin-right: 5px;
   border-radius: 50%;
   box-sizing: border-box;
   width: 1.4em;
   height: 1.4em;
   background: #fafafa;
 }

 input[type="radio"]:checked:before {
   position: absolute;
   left: 0.2em;
   top: 0.2em;
   display: block;
   content: "";
   width: 0.85em;
   height: 0.85em;
   border-radius: 50%;
   background: #1249B1;
 }

 [type="submit"].btn-result {
   background: #f58e52;
   border: none;
   width: 94%;
   margin: 0 3% 4%;
   padding: 0.8em 0 0.6em;
   font-size: 1.2em;
   font-weight: bold;
   border-bottom: solid 4px #f47e3a;
   border-radius: 6px;
   color: #fff;
 }

 [type="submit"].btn-result:hover {
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
 }

 /*home_cat_list*/
 .area-home_cat {
   margin: 0 0 0 0;
   border-bottom: solid 1em #f5f5f5;
   background: #fff;
 }

 .ttl-home_cat {
   color: #fff;
   font-size: 1.1em;
   padding: 0.8em 0.6em 0.6em 0.65em;
   font-weight: bold;
   position: relative;
   margin-bottom: 1em;
   line-height: 1.4;
   letter-spacing: 0.1em;
   text-align: center;
 }

 .ttl-home_cat::before {
   content: "▼";
   transform: scale(1.4, 1);
   display: block;
   position: absolute;
   bottom: -13px;
   left: 50%;
   margin-left: -0.7em;
   font-size: 14px;
 }

 .ttl-home_cat.cat0 {
   background: #006db9;
 }

 .ttl-home_cat.cat0::before {
   color: #006db9;
 }

 .ttl-home_cat.cat1 {
   background: #4d68b3;
 }

 .ttl-home_cat.cat1::before {
   color: #4d68b3;
 }

 .ttl-home_cat.cat2 {
   background: #09ae94;
 }

 .ttl-home_cat.cat2::before {
   color: #09ae94;
 }

 .ttl-home_cat.cat3 {
   background: #24b8cb;
 }

 .ttl-home_cat.cat3::before {
   color: #24b8cb;
 }

 .info-cat_home {
   font-size: 0.9em;
   margin: 0 3% 1em 3%;
 }

 .list_post.home {
   padding: 3%;
   border-bottom: solid 1px #dddddd;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .list_post.home:first-of-type {
   border-top: solid 1px #dddddd;
 }

 .list_post.home a {
   display: block;
   border: none;
 }

 .list_post.home .eyecach {
   width: 30%;
   margin-right: 3%;
   display: none;
 }

 .list_post.home .eyecach img {
   border: solid 1px #ebebeb;
 }

 .list_post.home .subarea-txt {
   width: 100%;
 }

 .list_post.home .subarea-txt .ttl {
   font-size: 0.9em;
 }

 .list_post.home .subarea-txt .ttl a {
   line-height: 1.4;
 }

 .list_post.home .subarea-txt .link-cat_home {
   line-height: 1em;
   margin-bottom: 0.2em;
 }

 .list_post.home .subarea-txt .link-cat_home a {
   font-size: 0.6em;
   font-weight: normal;
   background: #eff6f5;
   color: #1249B1;
   display: inline;
   padding: 1px 3px;
 }

 .link-more_cat a {
   display: block;
   border-bottom: solid 1px #dddddd;
   text-decoration: none;
   padding: 3% 7% 2%;
   text-align: right;
   font-size: 0.95em;
   color: #565656;
   position: relative;
 }

 .link-more_cat a::after {
   content: "\f054";
   font-family: "FontAwesome";
   position: absolute;
   right: 0.7em;
   top: 50%;
   color: #1249B1;
   margin-top: -0.8em;
   font-size: 0.9em;
 }

 /*area-site_nav*/
 .area-site_nav {
   background: #ffffff;
   padding: 1em 5% 1.8em;
 }

 .area-site_nav .list_site_nav {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   list-style: none;
 }

 .area-site_nav .list_site_nav li {
   width: 49%;
   margin-bottom: 0.5em;
   border-radius: 0.2em;
 }

 .area-site_nav .list_site_nav li.job {
   background: #006db9;
 }

 .area-site_nav .list_site_nav li.it {
   background: #1cbde5;
 }

 .area-site_nav .list_site_nav li.doc {
   background: #4d68b3;
 }

 .area-site_nav .list_site_nav li.phrm {
   background: #09ae94;
 }

 .area-site_nav .list_site_nav li.nurse {
   background: #24b8cb;
 }

 .area-site_nav .list_site_nav li a {
   color: #fff;
   display: flex;
   height: 60px;
   text-decoration: none;
   font-size: 1em;
   font-weight: normal;
   text-align: center;
   align-items: center;
   justify-content: center;
   letter-spacing: 0.05em;
 }

 .area-site_nav .list_site_nav li a:after {
   content: "\f105";
   font-family: "FontAwesome";
   display: inline-block;
   color: #ffffff;
   width: 72px;
   margin: 0px -78px 0 0
 }

 .area-site_nav .list_site_nav li a .en {
   font-weight: normal;
   font-size: 0.6em;
   display: block;
   line-height: 0;
 }

 /*area-about_us*/
 .area-about_us {
   background: #ddeae8;
   padding: 10% 6%;
 }

 .area-about_us .list_about_us {
   list-style: none;
 }

 .area-about_us .list_about_us li {
   color: #799095;
   font-size: 0.8em;
   line-height: 1.8;
   padding: 2% 0 1% 27%;
   margin-bottom: 2em;
   height: 11.5vh;
   letter-spacing: 0.01em;
 }

 .area-about_us .list_about_us li.about1 {
   background: url(./images/img-about1.png) no-repeat left 0 top 0;
   background-size: 23% auto;
 }

 .area-about_us .list_about_us li.about2 {
   background: url(./images/img-about2.png) no-repeat left 0 top 0;
   background-size: 23% auto;
 }

 .area-about_us .list_about_us li.about3 {
   background: url(./images/img-about3.png) no-repeat left 0 top 0;
   background-size: 23% auto;
 }

 .area-about_us .list_about_us li.about4 {
   background: url(./images/img-about4.png) no-repeat left 0 top 0;
   background-size: 23% auto;
   margin-bottom: 0;
 }

 .ttl-home {
   text-align: center;
   font-size: 1.2em;
   font-weight: bold;
   margin-bottom: 1em;
 }

 .ttl-home .en {
   display: block;
   font-weight: normal;
   font-size: 0.5em;
   font-weight: normal;
   position: relative;
   color: #799095;
   padding-top: 2em;
 }

 .ttl-home .en::before {
   content: "";
   display: block;
   position: absolute;
   width: 2em;
   height: 3px;
   background: #4cc5b2;
   left: 50%;
   margin-left: -1em;
   top: 0.8em;
 }

 /*area-reco_post*/
 .area-reco_post {
   padding-top: 2em;
   background: #f5f5f5;
 }

 /*error404*/
 .ttl-error {
   color: #565656;
   position: relative;
   padding-left: 3em;
   line-height: 1.2;
   margin-bottom: 1em;
 }

 .ttl-error i {
   color: #d0d0d0;
   font-size: 1.4em;
   position: absolute;
   left: 0.5em;
   top: 0.5em;
 }

 .txt_error a {
   color: #4274bb;
 }

 .header-single {
   background: #f5f5f5;
   padding: 4%;
   margin: 0 0 3.5%;
 }

 .header-single .cats {
   list-style: none;
   margin-bottom: 0.5em;
 }

 .header-single .cats a {
   text-decoration: none;
   padding: 0.5% 2% 0;
   background: #fff;
   font-size: 0.65em;
   border: solid 1px;
 }

 .header-single .ttl-single {
   font-size: 1.2em;
   font-weight: bold;
   color: #393939;
   line-height: 1.4;
 }

 .header-single .area-eye {
   width: 60%;
   height: 40vmin;
   overflow: hidden;
   position: relative;
   margin: 0.5em 20% 0;
 }

 .header-single .area-eye img {
   position: absolute;
   left: -100%;
   right: -100%;
   margin: auto;
   width: 100%;
   height: auto;
 }

 /*wordpress class*/
 .aligncenter {
   display: block;
   margin: 0 auto;
 }

 .alignright {
   float: right;
 }

 .alignleft {
   float: left;
 }

 .alignnone {
   display: block;
   margin: 0 auto;
 }

 /*text*/
 .area-content p {
   color: #4d4d4d;
   font-size: 0.9em;
   width: 94%;
   margin: 0 3% 1em 3%;
   line-height: 1.8;
   letter-spacing: 0.01em;
 }

 .cbred {
   color: #fa5747;
   font-weight: bold;
   display: inline;
 }

 .pink {
   color: #e857a3;
   font-weight: bold;
   display: inline;
 }

 .bgpink {
   background: #e857a3;
   color: #fff;
   display: inline;
   font-weight: bold;
 }

 .cbblue {
   color: #006db9;
   font-weight: bold;
   display: inline;
 }

 .bgblue {
   background: #006db9;
   color: #fff;
   display: inline;
   font-weight: bold;
 }

 .gline {
   font-weight: bold;
   display: inline;
   background: -webkit-linear-gradient(top, transparent 30%, #c8f1e6 30%, #c8f1e6 80%, transparent 80%);
   background: linear-gradient(to bottom, transparent 30%, #c8f1e6 30%, #c8f1e6 80%, transparent 80%);
 }

 .yline {
   font-weight: bold;
   display: inline;
   background: -webkit-linear-gradient(top, transparent 30%, #fffecb 30%, #fffecb 80%, transparent 80%);
   background: linear-gradient(to bottom, transparent 30%, #fffecb 30%, #fffecb 80%, transparent 80%);
 }

 .b {
   font-weight: bold;
 }

 .break {
   display: block;
 }

 .pcbreak {
   display: inline;
 }

 .clear {
   clear: both;
 }

 .center {
   text-align: center;
 }

 .right {
   text-align: right;
 }

 .left {
   text-align: left;
 }

 .s {
   font-size: 0.8em;
 }

 a {
   color: #1249B1;
   text-decoration: underline;
 }

 a:hover {
   color: #1249B1;
 }

 a:hover img {
   opacity: 0.8;
   filter: alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
 }

 /*title*/
 .ttl-a {
   background: transparent linear-gradient(90deg, #085CCE 0%, #2492E7 62%, #36B4F7 100%) 0% 0% no-repeat padding-box;
   color: #fff;
   font-size: 1.1em;
   padding: 0.8em 0.6em 0.6em 0.65em;
   font-weight: bold;
   position: relative;
   margin-bottom: 1em;
   line-height: 1.4;
 }

 .ttl-a::before {
   content: "▼";
   transform: scale(1.4, 1);
   display: block;
   position: absolute;
   color: #3e88e2;
   bottom: -13px;
   left: 50%;
   margin-left: -0.7em;
   font-size: 14px;
 }

 .ttl-b {
   background: #def7f0;
   padding: 0.8em 0.6em 0.6em 0.65em;
   line-height: 1.4;
   font-size: 1em;
   font-weight: bold;
   color: #565656;
   border-bottom: solid 3px #c8f1e6;
   margin-bottom: 1em;
 }

 .ttl-c {
   width: 94%;
   margin: 0 3% 1em 3%;
   background: #f5f5f5;
   padding: 0.8em 0.6em 0.6em 0.65em;
   color: #565656;
   border-left: solid 4px #1249B1;
   line-height: 1.4;
   font-weight: bold;
   font-size: 0.95em;
 }

 .ttl-d {
   width: 94%;
   margin: 0 3% 1em 3%;
   padding: 0.3em 0.6em 0.0em 0.65em;
   color: #565656;
   border-left: solid 4px #96e4db;
   line-height: 1.4;
   font-size: 0.95em;
 }

 .ttl-f {
   padding: 0;
   font-size: 1.3em;
   font-weight: bold;
   line-height: 1.4;
 }

 .area-content p.sec-phrase {
  color: #4D4D4D;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 16px;
 }
 @media screen and (min-width: 641px) {
  .area-content p.sec-phrase {
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 32px;
  }
 }


 /*box*/
 .box-a {
   border: solid 2px #1249B1;
   width: 94%;
   margin: 0 3% 1em 3%;
   font-size: 1.1em;
 }

 .box-a .ttl-book {
   background: #c8f1e6;
   color: #5f5f5f;
   padding: 0.4em 0.4em 0.3em 0.4em;
   font-weight: bold;
   margin: 0;
   width: 100%;
 }

 .box-a .ttl-book::before {
   content: "\f02d";
   font-family: "FontAwesome";
   color: #fff;
   background: #1249B1;
   font-size: 0.9em;
   border-radius: 50%;
   font-weight: normal;
   display: inline-block;
   vertical-align: 0.2em;
   text-align: center;
   width: 1.8em;
   height: 1.8em;
   line-height: 1.8em;
   margin-right: 0.5em;
 }

 .box-a .area-txt {
   padding: 0.8em 0.6em 0.65em;
   font-size: 0.9em;
 }

 .box-b {
   border: solid 2px #1249B1;
   width: 94%;
   margin: 0 3% 1em 3%;
   background: #def7f0;
   padding: 1em 0.6em 0.8em 0.65em;
   position: relative;
 }

 .box-b::before, .box-b::after {
   content: "";
   display: block;
   height: 12px;
   width: 20px;
   position: absolute;
 }

 .box-b::before {
   top: 0;
   left: 4px;
   background: url(./images/icon-qq_top.png) no-repeat;
   background-size: auto 100%;
 }

 .box-b::after {
   bottom: 0;
   right: 1px;
   background: url(./images/icon-qq_btm.png) no-repeat;
   background-size: auto 100%;
 }

 .box-c {
   width: 94%;
   margin: 0 3% 1em 3%;
   background: #fbf7e2;
   padding: 1em 0.6em 0.8em 0.65em;
 }

 .box-d {
   border: solid 2px #1249B1;
   width: 94%;
   margin: 0 3% 1em 3%;
   padding: 1em 0.6em 0.8em 0.65em;
 }

 .box-e {
   background: url(./images/bg_logo_gr.png) no-repeat bottom 5px right 5px #f5f5f5;
   background-size: auto 16%;
   width: 94%;
   margin: 0 3% 1em 3%;
   padding: 5% 2%;
 }

 /*btn*/
 [class^="btn-"] a {
   text-decoration: none;
   font-weight: bold;
   text-align: center;
   border-radius: 5px;
   padding: 0.5em 1.2em 0.4em 0.7em;
   width: 100%;
   display: block;
   line-height: 1.3;
 }

 .btn-a a,
 .btn-b a,
 .btn-c a,
 .btn-f a,
 .btn-as a {
   color: #fff;
   position: relative;
   border-bottom: solid 3px rgba(0, 0, 0, 0.3);
   display: flex;
   height: 3.5em;
   align-items: center;
   justify-content: center;
 }

 .btn-a a::after,
 .btn-b a::after,
 .btn-c a::after,
 .btn-f a::after,
 .btn-as a::after {
   content: "\f08e";
   font-family: "FontAwesome";
   position: absolute;
   right: 0.4em;
   font-size: 0.8em;
   top: 50%;
   margin-top: -0.55em;
   font-weight: 100;
 }

 .btn-a a {
   background: #e857a3;
   font-size: 1.25em;
 }

 .btn-b a {
   background: #f65683;
   background: -webkit-linear-gradient(top, #f65683, #e857a3);
   background: linear-gradient(to bottom, #f65683, #e857a3);
   font-size: 1.25em;
 }

 .btn-c a {
   background: #f65683;
   background: -webkit-linear-gradient(top, #eb5075, #bd3252);
   background: linear-gradient(to bottom, #eb5075, #bd3252);
   font-size: 1.25em;
 }

 .btn-f a {
   background: #4274bb;
   font-size: 1.25em;
 }

 .btn-as a {
   background: #e857a3;
   font-size: 1.1em;
 }

 .btn-d a,
 .btn-ds a {
   color: #e74d72;
   position: relative;
   border: solid 1px #e74d72;
   border-bottom: solid 3px #e74d72;
 }

 .btn-d a::after,
 .btn-ds a::after {
   content: "\f078";
   font-family: "FontAwesome";
   position: absolute;
   right: 0.4em;
   top: 50%;
   margin-top: -0.55em;
   font-weight: 100;
 }

 .btn-d a {
   font-size: 1.4em;
 }

 .btn-d a::after {
   font-size: 0.8em;
 }

 .btn-ds a {
   font-size: 1.1em;
 }

 .btn-ds a::after {
   font-size: 1.1em;
 }

 .btn-e a {
   color: #565656;
   font-size: 1.4em;
   position: relative;
   border: solid 1px #565656;
   border-bottom: solid 4px #565656;
 }

 .btn-e a::after {
   content: "\f078";
   font-family: "FontAwesome";
   position: absolute;
   right: 0.4em;
   font-size: 0.8em;
   top: 50%;
   margin-top: -0.55em;
   font-weight: 100;
   color: #c3c3c3;
 }

 .area-btn2 {
   -webkit-justify-content: center;
   /* Safari */
   justify-content: center;
   background: #f0f5fd;
   padding: 1em 0.5em;
 }

 .area-btn2 [class^="btn-"] {
   background: none;
   width: 50%;
   margin: 0 0.5em;
   padding: 0;
 }

 .area-btn2 [class^="btn-"] a {
   margin: 0;
   width: auto;
 }

 /*table*/
 .table-simple1 {
   border-collapse: separate;
   border-spacing: 1px;
   line-height: 1.8;
   background: #c5c5c5;
   width: 94%;
   margin: 0 3% 1em 3%;
   font-size: 0.9em;
   color: #4d4d4d;
 }

 .table-simple1 thead th {
   background: #ebebeb;
   vertical-align: top;
   padding: 0.5% 1% 0% 1%;
   font-weight: normal;
 }

 .table-simple1 tbody th {
   background: #f5f5f5;
   text-align: left;
   padding: 0.5% 1% 0% 1%;
 }

 .table-simple1 td {
   background: #fff;
   padding: 0.5% 1% 0% 1%;
 }

 /*list*/
 [class^="list-"] {
   list-style: none;
   width: 94%;
   margin: 0 3% 1em 3%;
   font-size: 0.9em;
 }

 [class^="list-"] li {
   margin-bottom: 0.5em;
   padding: 0 0.7em 0 1.3em;
   position: relative;
   letter-spacing: 0.01em;
   line-height: 1.7;
 }

 [class^="list-"] li::before {
   content: "";
   position: absolute;
   font-size: 0.9em;
 }

 .list-dot li::before {
   content: "●";
   left: 0em;
   color: #1249B1;
   font-size: 0.8em;
   -webkit-transform: translateY(12%);
   transform: translateY(12%);
 }

 .list-chk li::before {
   content: "";
   display: block;
   background: url(./images/icon-chk.png) no-repeat;
   background-size: 100% auto;
   width: 1.5em;
   height: 1.2em;
   left: -0.5em;
   top: 0.4em;
 }

 .list-num {
   counter-reset: num;
 }

 .list-num li::before {
   counter-increment: num;
   content: counter(num) ".";
   left: 0.1em;
   font-weight: bold;
   font-size: 1.1em;
   top: -0.1em;
   color: #1249B1;
 }

 .list-dash {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .list-dash li {
   padding: 0;
   margin: 0;
 }

 .list-dash li::after {
   content: "/";
   padding: 0 0.5em;
 }

 .list-dash li:last-child::after {
   content: none;
 }

 .list-border {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   margin: 0;
 }

 .list-border li {
   padding: 0 0.25em;
   margin: 0 0.1em 2px 0.1em;
   border: solid 1px #1249B1;
   color: #1249B1;
   border-radius: 4px;
 }

 .list-att {
   margin: 0.7em 0 0 1em;
 }

 .list-att li::before {
   content: "";
   display: block;
   background: url(./images/icon-att.png) no-repeat;
   background-size: 100% auto;
   width: 1.5em;
   height: 2em;
   left: -0.2em;
   top: -0.3em;
 }

 [class^="box-"] [class^="list-"] {
   margin: 0;
   width: 100%;
 }

 [class^="box-"] [class^="list-"] li:last-child {
   margin: 0;
 }

 [class^="box-"] p {
   margin: 0 0 1em 0;
   width: 100%;
 }

 [class^="box-"] p:last-of-type {
   margin: 0;
 }

 .table-result {
   margin: 2% 0 5%;
   font-size: 1em;
   width: 100%;
   border-collapse: collapse;
 }

 .table-result a {
   color: #4e7fc4;
   font-weight: bold;
 }

 .table-result thead {
   text-align: center;
 }

 .table-result thead th {
   width: 6%;
   background-color: #666666;
   border: 1px solid #7c7c7c;
   font-size: 0.8em;
   padding: 2% 0.5% 6%;
   color: #fff;
   line-height: 1.3;
 }

 .table-result thead th:nth-child(even) {
   background: #5f5f5f;
 }

 .table-result thead th.w {
   width: 6%;
 }

 .table-result thead th.m {
   width: 12%;
 }

 .table-result thead .header {
   cursor: pointer;
   position: relative;
 }

 .table-result thead .header::after, .table-result thead .header::before {
   content: "";
   display: block;
   width: 0;
   height: 0;
   border: 0.5em solid transparent;
   position: absolute;
 }

 .table-result thead .header::after {
   border-top: 0.7em solid #1249B1;
   bottom: 0.1em;
   right: 31%;
 }

 .table-result thead .header::before {
   border-bottom: 0.7em solid #1249B1;
   bottom: 0.65em;
   right: 52%;
 }

 .table-result thead .headerSortUp.header::before {
   border: none;
 }

 .table-result thead .headerSortDown.header::after {
   border: none;
 }

 .table-result thead .headerSortDown,
 .table-result thead .headerSortUp {
   background-color: #799095;
   color: #fff;
 }

 .table-result tbody .odd td {
   background-color: #F0F0F6;
 }

 .table-result tbody td {
   color: #3D3D3D;
   padding: 2%;
   vertical-align: middle;
   text-align: center;
   font-size: 0.8em;
   border: 1px solid #ddd;
 }

 .table-result tbody td img {
   width: 100%;
   border: 1px solid #7198cf;
 }

 .table-result tbody td span {
   display: block;
   margin: 2%;
 }

 .table-result tbody td .btn-a {
   width: 96%;
   border-radius: 3px;
   color: #fff;
   display: block;
   font-size: 0.8em;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   margin: 5px 0 0 3%;
   line-height: 1.2;
   padding: 0;
 }

 .table-result tbody td .btn-a a {
   text-decoration: none;
   color: #ffffff;
   display: block;
   padding: 6% 0 1%;
 }

 .table-result tbody td .ani-kira {
   animation: shiny 2.5s infinite linear;
   -webkit-animation: shiny 2.5s infinite linear;
 }

 .table-result tbody tr:nth-child(even) {
   background: #fafafa;
 }

 .table-result tfoot th {
   background-color: #ddf8f9;
   border: 1px solid #FFF;
   font-size: 0.95em;
   padding: 4px 10px 4px 1px;
 }

 @keyframes shiny {
   0% {
     left: -30%;
   }

   20% {
     left: 120%;
   }

   100% {
     left: 120%;
   }
 }

 @-webkit-keyframes shiny {
   0% {
     left: -30%;
   }

   20% {
     left: 120%;
   }

   100% {
     left: 120%;
   }
 }

 /*20180214 MikihoSuda 主要メディアへのリンク用にcssを追加*/
 .ft_link_content {
   display: flex;
   flex-wrap: wrap;
   border-top: 1px solid #DDD;
   margin-top: 5%;
 }

 .ft_link_content li {
   width: 50%;
   list-style-type: none;
   border-bottom: 1px solid #DDD;
 }

 .ft_link_content li:nth-child(odd) {
   border-right: 1px solid #DDD;
 }

 .ft_link_content li a {
   display: block;
   padding: 0.5em;
   text-align: center;
 }

 /*メディア掲載実績・受賞歴*/
 .awards_container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 3%;
 }
 @media screen and (min-width: 641px) {
  .awards_container {
    margin: 0;
  }
 }

 .awards_container .awards_box {
  width: 48%;
  margin-bottom: 32px;
 }
 .awards_container .awards_box img {
  width: 100%;
  height:auto;
 }
 .awards_container .awards_box .awards_txt {
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  margin-top: 16px;
 }
 @media screen and (min-width: 641px) {
  .awards_container .awards_box .awards_txt {
    font-size: 16px;
    line-height: 24px;
  }
 }

 .link_list {
  color: #1249B1;
  margin: 0 5% 2em 5%;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 2;
 }

 /*運営者情報*/
 .aboutus_wrap {
   margin-bottom: 50px;
 }

 .aboutus_content {
   width: 90%;
   margin: 0 5% 1em 5%;
 }

 .aboutus_content p {
   margin: 0 0 1em 0;
   width: 100%;
 }

 .aboutus_content .youtube-container iframe {
   height: 180px;
   width: 100%;
 }

 .aboutus_content.list-dot li:last-child {
   margin-bottom: 0;
 }

 .aboutus_content_sitelist.list-dot li::before {
   color: #bbb;
 }

 .aboutus_btn {
   background: #1249B1;
   border-radius: 6px;
   border: none;
   color: #fff;
   font-size: 18px;
   text-align: center;
   width: 100%;
   display: block;
   padding: 10px 0;
   text-decoration: none;
   margin-bottom: 40px;
 }

 .aboutus_btn:hover {
   color: #fff;
 }

 /*以上運営者情報*/
 /*お問い合わせフォーム*/
 .contact_box {
   margin: 0 auto 0;
   width: 94%;
   padding-bottom: 30px;
 }

 .contact_box p {
   width: 100%;
   margin: 0;
 }

 .contact_text {
   color: #565656;
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 20px;
 }

 .contact_form input,
 .contact_form textarea {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   border: solid 1px #808080;
   font-size: 15px;
   padding: 8px;
   width: 100%;
   border-radius: 2px;
   color: #5f5f5f;
   outline: 0;
 }

 .contact_form select {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   border-radius: 0;
   border: solid 1px #808080;
   background: none transparent;
   vertical-align: middle;
   color: #5f5f5f;
   font-size: 15px;
   width: 100%;
   padding: 8px;
   border-radius: 2px;
   outline: 0;
 }

 .contact_form input[type="submit"] {
   background: #1249B1;
   border-radius: 6px;
   border: none;
   color: #fff;
   font-size: 18px;
   text-align: center;
   width: 100%;
 }

 .contact_form dt {
   font-size: 16px;
   font-weight: bold;
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: space-between;
   justify-content: space-between;
 }

 .contact_form dt span {
   font-weight: normal;
 }

 .contact_form dt .hissu {
   background: #ff9085;
   color: #fff;
   font-size: 12px;
   font-weight: normal;
   line-height: 20px;
   letter-spacing: .5px;
   padding: 0 5px;
 }

 .contact_form dt br {
   display: none;
 }

 .contact_form dd {
   margin-bottom: 20px;
 }

 .contact_form dd.select {
   position: relative;
 }

 .contact_form dd.select:after {
   content: "";
   display: block;
   position: absolute;
   top: 16px;
   right: 10px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 8.7px 5px 0 5px;
   border-color: #000 transparent transparent transparent;
   pointer-events: none;
 }

 .contact_btn-close {
   background: #1249B1;
   border-radius: 6px;
   border: none;
   color: #fff;
   display: block;
   font-size: 18px;
   text-align: center;
   width: 100%;
   text-decoration: none;
   padding: 8px 0;
 }

 .contact_btn-close:hover {
   color: #fff;
 }

 .contact_form dd>span.error {
   color: #d00000;
 }

 .contact_form .input_error input,
 .contact_form .input_error textarea,
 .contact_form .input_error select {
   border-color: #ff9085;
 }

.grecaptcha-badge {
  visibility: hidden;
}
.txt-recaptcha {
  font-size: 14px !important;
}

 .service_check_box {
   border: 1px solid #808080;
   margin-bottom: 5%;
   padding: 2%;
   text-align: center;
 }

 .service_check_box_item {
   display: flex;
 }

 .service_check_box input {
   width: 21px;
 }

 .service_check_box .hissu {
   background: #ff9085;
   color: #fff;
   font-size: 12px;
   font-weight: normal;
   line-height: 20px;
   letter-spacing: .5px;
   padding: 0 5px;
 }

 /*以上お問い合わせフォーム*/
 /*以下HOP!について*/
 .welcome {
   font-family: "游ゴシック体", YuGothic, "Yu Gothic", "YuGothic M", メイリオ Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   margin-bottom: 30px;
   padding-bottom: 20px;
 }

 .welcome_ttl {
   padding-top: 20px;
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 50px;
   position: relative;
 }

 .welcome_ttl::after {
   border-bottom: 4px solid #1249B1;
   display: block;
   content: "";
   position: absolute;
   left: 50%;
   bottom: -20px;
   transform: translateX(-50%);
   width: 32px;
 }

 .welcome_ttl img {
   width: 85px;
   margin-right: 4px;
 }

 .welcome_img_pc {
   display: none;
 }

 .welcome_img_sp {
   display: flex;
   flex-wrap: wrap;
   margin: 0 3% 2em;
   width: 94%;
 }

 .welcome_img_sp>a {
   width: 50%;
 }

 .welcome_img_sp>a>br {
   display: none;
 }

 .welcome_img_sp>a>img {
   display: block;
 }

 .welcome_txt_pc {
   display: none;
 }

 .area-content p.welcome_txt_sp {
   font-size: 15px;
   font-weight: bold;
   text-align: center;
   margin-bottom: 2em;
 }

 .welcome_policy {
   background: rgba(28, 189, 229, .1);
   color: #393939;
   margin: 0 3%;
   padding: 32px 12px;
   width: 94%;
 }

 .welcome_policy_ttl {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 32px;
 }

 .welcome_policy_ttl img {
   margin: 0 8px 0 0;
   width: 20px;
 }

 .welcome_policy_list-container {
   list-style: none;
 }

 .welcome_policy_list {
   margin-bottom: 16px;
 }

 .welcome_policy_list:last-child {
   margin-bottom: 0;
 }

 .welcome_policy_list_ttl {
   border-left: 4px solid #1249B1;
   font-size: 15px;
   font-weight: bold;
   line-height: 1.4;
   margin-bottom: 4px;
   padding-left: 8px;
 }

 .welcome_policy_list_txt {
   font-size: 14px;
   line-height: 1.6;
   padding-left: 12px;
 }

 /*以上HOP!について*/
 .menu_item_date_wrap {
   display: none;
 }

 #toc_container {
   width: 94%;
   margin: 0 3% 1em 3%;
 }

 /*相互リンク用*/
 .area_link-exchange {
   width: 100%;
   margin-bottom: 30px;
 }

 .area_link-exchange {
   border-top: 1px solid #DDD;
 }

 .area_link-exchange>.list>.list_item {
   border-bottom: 1px solid #DDD;
 }

 .area_link-exchange>.list>.list_item>a {
   display: block;
   font-weight: bold;
   font-size: 14px;
   padding: 2%;
   position: relative;
   text-decoration: none;
 }

 .area_link-exchange>.list>.list_item>a::after {
   content: "\f054";
   font-family: "FontAwesome";
   color: #1249B1;
   position: absolute;
   right: 2%;
 }

 /*サイト利用規約用テーブルクラス*/
 .table_area {
   width: 94%;
   margin: 0 auto 1em;
   text-align: center;
   border-collapse: collapse;
   font-size: 16px;
 }

 .table_area th {
   background: #1249B1;
   color: #FFF;
   font-weight: normal;
   padding: 2% 0;
   border: 1px solid #c5c5c5;
 }

 .table_area td {
   padding: 2%;
   border: 1px solid #c5c5c5;
 }

 .table_area tbody tr td:nth-child(2) {
   text-align: left;
   line-height: 1.5;
 }

 .table p {
   margin-bottom: 2%;
   font-size: 12px;
   line-height: 1.5;
 }

 .table p:last-child {
   margin-bottom: 1em;
 }

 .area-relationsite_list {
   background: #fff;
   padding: 3em 1.4em 2.8em;
 }

 .area-relationsite_list a {
   text-decoration: none;
 }

 .area-relationsite_list .list_rel_site {
   width: 100%;
   max-width: 1000px;
   margin: 0 auto;
   border: 1px solid #DDDDDD;
   padding: 2rem 1rem;
 }

 .area-relationsite_list .list_rel_site_logo {
   margin-bottom: .75rem;
 }

 .area-relationsite_list .list_rel_site_logo img {
   display: block;
   margin: auto;
 }

 .area-relationsite_list .list_rel_site_logo p {
   font-weight: bold;
   color: #419e89;
   font-size: .75rem;
   margin: 8px 0 0;
   text-align: center;
 }

 .area-relationsite_list .list_rel_post {
   list-style: none;
 }

 .area-relationsite_list .cat_name {
   font-size: .6rem;
   background: #eff6f5;
   color: #1249B1;
   padding: 1px 3px;
   display: inline-block;
   margin-bottom: 0.4rem;
   line-height: 1rem;
 }

 .area-relationsite_list .ttl a {
   color: #565656;
   font-size: .8rem;
   line-height: 1.6;
 }

 .area-relationsite_list .ttl a::after {
   content: "\f105";
   font-family: "FontAwesome";
   margin-left: 1rem;
   zoom: 1.3;
   position: relative;
   top: 1px;
 }

 .area-relationsite_list .list_rel_post>li:not(:last-child) {
   margin-bottom: .75rem;
 }

 @media screen and (min-width: 641px) {
   @font-face {
     font-family: "YuGothic M";
     src: local("Yu Gothic Medium");
   }

   @font-face {
     font-family: "Yu Gothic";
     src: local("Yu Gothic Bold");
     font-weight: bold;
   }

   /* タブレット以上 */
   .header-home {
     position: relative;
     border: none;
     height: auto;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -webkit-align-items: center;
     align-items: center;
   }

   .header-home .ttl-head {
     text-align: left;
     padding: 1.5em;
   }

   .area-pc_gnavi {
     padding: 1em 1.5em;
   }

   .pc_head_nav_ul {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-align-items: center;
     align-items: center;
     list-style: none;
   }

   .pc_head_nav_ul li {
     padding: 0.5em;
     display: block;
     position: relative;
     margin: 0 1em;
     letter-spacing: 0.01em;
   }

   .pc_head_nav_ul li a {
     text-decoration: none;
     color: #ffffff;
   }

   .pc_head_nav_ul li a::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: -5%;
     width: 110%;
     height: 3px;
     transform: scaleX(0);
     -webkit-transform: scaleX(0);
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     background: #006db9;
   }

   .pc_head_nav_ul li a:hover::after {
     transform: scaleX(1);
     -webkit-transform: scaleX(1);
   }

   .wrap {
     width: 100%;
     max-width: 1000px;
     margin: 40px auto 60px;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     position: relative;
   }

   .bread {
     background: #11b99f;
     background: -webkit-linear-gradient(left, #11b99f, #01beda);
     background: linear-gradient(to right, #11b99f, #01beda);
     padding: 0.7em 0;
     font-size: 1.1em;
     overflow-x: hidden;
   }

   .bread .list_bread {
     color: #fff;
     border: none;
   }

   .bread .list_bread a {
     color: #fff;
     text-decoration: none;
     letter-spacing: 1px;
   }

   .bread .list_bread a:hover {
     text-decoration: underline;
   }

   .main {
     /* width: 77%; */
     /* max-width: 770px; */
     max-width: 1000px;
     padding: 0;
     background: none;
   }

   .area-main {
     background: #fff;
     border: solid 1px #e9e9e9;
     margin-bottom: 2em;
     padding-bottom: 1em;
   }

   .br-sp {
     display: none;
   }

   /*side fix javascript */
   .side {
     width: 22%;
     max-width: 220px;
   }

   .area-pc_ftnavi {
     background: transparent linear-gradient(90deg, #085CCE 0%, #2492E7 62%, #36B4F7 100%) 0% 0% no-repeat padding-box;
     padding: 1.5em 0 1em;
     font-size: 1.1em;
   }

   .area-pc_ftnavi .list-pc_ftnavi {
     color: #fff;
     border: none;
     text-align: center;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: center;
     justify-content: center;
     margin: 0 auto;
   }

   .area-pc_ftnavi .list-pc_ftnavi a {
     color: #fff;
     text-decoration: none;
     letter-spacing: 1px;
     margin: 0 1em;
   }

   .area-pc_ftnavi .list-pc_ftnavi a::before {
     content: "\f054";
     font-family: "FontAwesome";
     padding-right: 0.4em;
   }

   .area-pc_ftnavi .list-pc_ftnavi li:hover a::before {
     padding-left: 0.2em;
     padding-right: 0.2em;
   }

   .area-pc_otherside {
     padding: 2.5em 0 2em;
     font-size: 1.1em;
   }

   .area-pc_otherside .list-otherside_bnr {
     color: #fff;
     border: none;
     text-align: center;
     display: -webkit-flex;
     display: flex;
     align-items: center;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: center;
     justify-content: center;
     margin: 0 auto;
   }

   .area-pc_otherside .list-otherside_bnr a {
     color: #fff;
     text-decoration: none;
     letter-spacing: 1px;
     margin: 0;
   }

   .area-pc_otherside .list-otherside_bnr li {
     width: 25%;
     padding: 0;
   }

   .gotop {
     position: fixed;
     bottom: 1em;
     right: 1em;
     display: block;
     border: none;
     padding: 0;
     margin: 0;
   }

   .gotop span {
     position: relative;
   }

   .gotop span img {
     width: 55%;
   }

   .footer {
     padding: 1em 0;
     background: #F5F5F5;
   }

   .area-pc_ft_in {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     max-width: 1000px;
     margin: 0 auto;
   }

   .area-pc_ft_in address {
     width: 33%;
     line-height: 1;
   }

   .area-pc_ft_in address a:hover {
     color: #565656;
   }

   .area-pc_ft_in .nav-footer {
     width: 100%;
   }

   .foot_nav_ul {
     width: auto;
     border: none;
   }

   .foot_nav_ul li {
     width: auto;
     padding: 1em 0;
   }

   .foot_nav_ul li:nth-child(odd) a {
     border-right: none;
   }

   .foot_nav_ul li:first-of-type a {
     border-left: none;
   }

   .foot_nav_ul li a {
     padding: 0 1em;
     display: block;
     border-top: none;
     border-left: solid 1px #1249B1;
     color: #799095;
     line-height: 1;
   }

   .foot_nav_ul li a:hover {
     text-decoration: underline;
   }

   /*header-single*/
   .header-single {
     background: none;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     padding: 5% 5% 0 5%;
   }

   .header-single .cats {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     letter-spacing: -.4em;
   }

   .header-single .cats li {
     display: inline-block;
     margin-right: 0.5em;
     letter-spacing: normal;
     white-space: nowrap;
   }

   .header-single .cats a {
     padding: 0.5% 2% 0;
     font-size: 0.8em;
   }

   .header-single .ttl-single {
     font-size: 1.9em;
     margin-bottom: 0.4em;
   }

   .header-single .area-eye {
     width: 39%;
     height: 11vmin;
     margin: 5px 0 0 0.3em;
   }

   .area-postlist {
     background: #fff;
     padding-bottom: 4em;
   }

   .ttl-postlist {
     background: #fff;
     border-top: solid 4px #1249B1;
     font-size: 1.3em;
     letter-spacing: 2px;
     border-bottom: solid 1px #e9e9e9;
     padding: 1.4em 1em 1.2em 1em;
     margin-bottom: 1.5em;
   }

   .list_post a {
     width: 90%;
     margin: 0 5%;
     padding: 4% 0;
     text-decoration: none;
     -webkit-justify-content: space-between;
     justify-content: space-between;
   }

   .list_post a .ttl {
     padding: 0 0 0.2em 0;
     font-size: 1.25em;
     font-weight: bold;
     -webkit-text-size-adjust: none;
     font-family: "游ゴシック体", YuGothic, "Yu Gothic", "YuGothic M", メイリオ Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   }

   .list_post a:hover {
     /* background: #f5f5f5; */
   }

   .list_post a:hover .ttl {
     text-decoration: underline;
     color: #4274bb;
   }

   .list_post a:hover .txt {
     color: #565656;
   }

   .list_post a .eyecach {
     width: 18%;
     height: 9vmin;
     max-width: 132px;
     max-height: 86px;
     margin: 0;
   }

   .list_post a .subarea-txt {
     width: 82%;
     padding: 0 1em;
     vertical-align: top;
   }

   .list_post a .ttl {
     padding: 0 0 0.2em 0;
     font-size: 1.2em;
   }

   .list_post a .txt {
     font-weight: normal;
     font-size: 0.8em;
     line-height: 1.8;
   }

   .list_post:last-child {
     border-bottom: none;
   }

   .pc_form {
     background: #e9e9e9;
     margin-bottom: 1.2em;
   }

   .search-form {
     padding: 0.3em;
   }

   .mb_sarch {
     width: 70%;
   }

   .search-submit {
     width: 30%;
     font-size: 0.95em;
   }

   .ttl-pc_side {
     background: #fff;
     padding: 7% 5% 5%;
     font-size: 0.9em;
     font-weight: bold;
     border: solid 1px #e9e9e9;
     border-left: solid 4px #1249B1;
     margin-bottom: 3%;
   }

   [class^="list_side_"] {
     list-style: none;
   }

   [class^="list_side_"] li a {
     border-bottom: solid 1px #e9e9e9;
     font-size: 0.8em;
     line-height: 2;
     color: #5f5f5f;
     text-decoration: none;
     display: block;
   }

   [class^="list_side_"] li a:hover {
     text-decoration: underline;
     background: #fafafa;
   }

   .list_side_popu li a {
     padding: 3% 1em 3% 3em;
     position: relative;
   }

   .list_side_popu li a::before {
     content: "";
     position: absolute;
     left: 0.3em;
     display: block;
     height: 1.9em;
     width: 2.2em;
     background: url(./images/icon-side_no4.png) no-repeat 0 0;
     background-size: auto 100%;
   }

   .list_side_popu li:nth-of-type(1) a::before {
     background: url(./images/icon-side_no1.png) no-repeat 0 0;
   }

   .list_side_popu li:nth-of-type(2) a::before {
     background: url(./images/icon-side_no2.png) no-repeat 0 0;
   }

   .list_side_popu li:nth-of-type(3) a::before {
     background: url(./images/icon-side_no3.png) no-repeat 0 0;
   }

   .list_side_defo li a {
     padding: 5% 1em 5% 2em;
     position: relative;
   }

   .list_side_defo li a::before {
     content: "\f054";
     position: absolute;
     left: 0.5em;
     font-family: "FontAwesome";
     color: #1249B1;
   }

   .ttl-linklist {
     background: #fff;
     color: #4d4d4d;
     padding: 7% 4% 5%;
     text-align: center;
     border: solid 5px #c8f1e6;
     border-bottom: none;
     font-size: 0.9em;
   }

   .list_linktext {
     padding: 0 5px 2% 5px;
     margin-bottom: 2em;
   }

   .list_linktext .sub-menu {
     list-style: none;
   }

   .list_linktext li:hover a::after {
     right: 0.2em;
   }

   .list_linktext li:hover a:hover {
     background: #fafafa;
   }

   .list_linktext li:last-child a {
     border-bottom: solid 1px #dddddd;
   }

   [class^="area-side_"] {
     margin-bottom: 1em;
   }

   .ttl-error {
     padding-left: 5%;
   }

   .ttl-error i {
     position: relative;
     left: auto;
     top: auto;
     padding-right: 0.5em;
   }

   /*タブ切り替えエリア*/
   /* -------------------------------*/
   .area-tabs .tab {
     margin: -40px auto 0;
     padding: 1.5em 0 0;
     max-width: 940px;
     margin-bottom: 16px;
   }

   .area-tabs .tab button {
     padding: 0.8em;
     font-size: 1.1em;
   }

   .area-tabs .tab-content {
     background: linear-gradient(to bottom, #F5F5F5 40%, #ffffff 80%);
     padding: 1.5em 14%;
   }

   .area-tabs .tab-content .summary {
     margin: 0 auto;
     max-width: 940px;
   }

   .area-tabs .tab-content .ttl-summary {
     font-size: 1.5em;
     margin: 2% 1%;
   }

   .area-tabs .tab-content .txt-summary {
     margin: 0 1% 1.5em;
   }

   .area-tabs .tab-content .main-feat-article {
     margin: 2% auto;
     max-width: 940px;
   }

   .area-tabs .tab-content .main-feat-article a {
     max-height: 255px;
   }

   .area-tabs .tab-content .main-feat-article a {
     display: flex;
     height: fit-content;
     overflow: hidden;
   }

   .area-tabs .tab-content .main-feat-article a .company-name {
     margin: 0.6em 1em 0;
   }

   .area-tabs .tab-content .main-feat-article a .title {
     margin: 0 1em 0.6em;
   }

   .area-tabs .tab-content .main-feat-article a .snippet {
     margin: 0 1em 0.6em;
     flex-grow: 2;
   }

   .area-tabs .tab-content .main-feat-article a .img-container {
     height: 280px;
     width: 40%;
     overflow: unset;
   }

   .area-tabs .tab-content .main-feat-article a img {
     height: auto;
   }

   .area-tabs .tab-content .main-feat-article a .txt-container {
     width: 60%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
   }

   .area-tabs .tab-content .main-feat-article a .updated {
     align-self: flex-end;
   }

   .area-tabs .tab-content .sub-feat-article {
     width: 32%;
   }

   .area-tabs .tab-content .sub-feat-article-container {
     margin: 2% auto;
     max-width: 940px;
   }

   .area-tabs .tab-content .sub-feat-article a .img-container {
     height: 175px;
   }

   .area-tabs .tab-content .sub-feat-article a .txt-container {
     padding: 0 11px;
   }

   .area-tabs .tab-content .sub-feat-article a .company-name {
     font-size: 14px;
   }

   .area-tabs .tab-content .view-more-container {
     margin-bottom: 3em;
   }

   .area-tabs .coverage-feat-container {
     background: transparent url(images/bg_pc.png) 0 0 no-repeat padding-box;
     background-size: 100%;
     margin: 1.5em -19.5% 0;
   }

   .area-tabs .coverage-feat-container .ttl-feat {
     font-size: 1.8em;
     padding: 2.1em 1.2em 1.2em;
   }

   .area-tabs .coverage-feat-container .sub-ttl-feat {
     padding: 0em 1.2em 1.2em;
   }

   .area-tabs .coverage-feat-container .feat-body {
     padding: 0 1.5em 4em;
   }

   .area-tabs .en-green::before {
     left: 49%;
   }

   .area-tabs .coverage-box-container {
     background: transparent;
     justify-content: center;
     text-align: center;
     align-items: center;
     max-width: 940px;
     margin: auto;
   }

   .area-tabs .coverage-box-container .box-outer {
     flex-direction: row;
     justify-content: space-between;
     padding: 0 2%;
   }

   .area-tabs .coverage-box-container .box-top {
     margin: -3em auto;
     padding-top: 0.4em;
   }

   .area-tabs .coverage-box-container .box {
     padding: 1em 3%;
     margin: 3em 1% 0;
     width: 34%;
   }

   .area-tabs .coverage-box-container .ttl-coverage {
     font-size: 1.8em;
     margin: 1em 1em 1em;
     ;
   }

   /*side*/
   /*---------------------------rank*/
   .area-side_ranking {
     background: none;
     padding: 0;
   }

   .area-side_ranking li {
     margin: 0 0 1em 0;
   }

   .mod-side_rank {
     border: solid 2px #e9e9e9;
   }

   .mod-side_rank .ttl-name_rank {
     background: none;
     padding: 0.5em 0 0 2em;
     line-height: 1.2;
   }

   .mod-side_rank .ttl-name_rank a {
     position: relative;
     font-size: 0.85em;
   }

   .mod-side_rank .ttl-name_rank a::before {
     position: absolute;
     top: -0.2em;
     left: -2.3em;
   }

   .mod-side_rank .eye {
     width: 80%;
     margin: 0 10% 0.5em;
   }

   .mod-side_rank .txt-cach {
     font-size: 0.75em;
     color: #09ae94;
   }

   .mod-side_rank .list-chk {
     margin: 0 1.1em 0.5em;
     width: 87%;
     font-size: 0.9em;
   }

   .mod-side_rank .list-chk li {
     font-size: 0.8em;
     letter-spacing: 1px;
     border-bottom: solid 1px #def7f0;
     padding-bottom: 0.3em;
   }

   .mod-side_rank .list-chk li::before {
     top: -0.1em;
   }

   .mod-side_rank .btn-as {
     border: none;
     margin: 0 0 0.5em 0;
     padding: 0;
   }

   .mod-side_rank .btn-as a {
     width: 94%;
     margin: 0 3%;
     border-radius: 2px;
     border-bottom: solid 2px #d52d7e;
     font-size: 0.9em;
     padding: 0.6em 1em;
     background: #f65683;
     background: -webkit-linear-gradient(top, #f65683, #e857a3);
     background: linear-gradient(to bottom, #f65683, #e857a3);
   }

   .mod-side_rank .btn-as a::after {
     content: none;
   }

   .ttl-pc_site {
     background: #1249B1;
     text-align: center;
     color: #fff;
   }

   .list_side_site {
     background: #1249B1;
   }

   .list_side_site li a {
     border-bottom: none;
     transition: .2s;
   }

   .list_side_site li:hover a {
     background: #fafafa;
   }

   .list_side_site li:hover a::after {
     right: 0.3em;
     transition: .2s;
   }

   .ttl-linklist {
     background: #fff;
     color: #4d4d4d;
     padding: 7% 4% 5%;
     text-align: center;
     border: solid 5px #c8f1e6;
     border-bottom: solid 2px #c8f1e6;
     font-size: 0.9em;
   }

   [class^="btn-"],
   [class^="ttl-"] {
     -webkit-text-size-adjust: none;
     font-family: "游ゴシック体", YuGothic, "Yu Gothic", "YuGothic M", メイリオ Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     font-weight: bold;
   }

   .break {
     display: inline;
   }

   .pcbreak {
     display: block;
   }

   /*text*/
   .area-content p {
     width: 90%;
     margin: 0 5% 2em 5%;
     font-size: 1em;
     line-height: 2;
   }

   /*title*/
   .ttl-a {
     background: transparent linear-gradient(90deg, #085CCE 0%, #2492E7 62%, #36B4F7 100%) 0% 0% no-repeat padding-box;
     font-size: 1.6em;
     padding: 1.1em 1em 0.9em 1em;
     line-height: 1.6;
     margin-bottom: 1.6em;
   }

   .ttl-a::before {
     bottom: -32px;
     font-size: 32px;
   }

   .ttl-b {
     padding: 0.8em 1.6em 0.6em 1.6em;
     line-height: 1.6;
     font-size: 1.4em;
   }

   .ttl-c {
     width: 90%;
     margin: 0 5% 2em 5%;
     padding: 0.6em 0.8em 0.555em 0.8em;
     border-left: solid 6px #1249B1;
     line-height: 1.6;
     font-size: 1.25em;
   }

   .ttl-d {
     width: 90%;
     margin: 0 5% 2em 5%;
     padding: 0em 0.8em 0em 0.8em;
     border-left: solid 6px #96e4db;
     line-height: 1.4;
     font-size: 1.1em;
     font-weight: bold;
   }

   .ttl-f {
     font-size: 1.6em;
   }

   /*box*/
   .box-a {
     border: solid 2px #1249B1;
     width: 90%;
     margin: 0 5% 2em 5%;
   }

   .box-a .ttl-book {
     font-size: 1.15em;
     letter-spacing: 0.1em;
   }

   .box-a .ttl-book::before {
     vertical-align: 0.1em;
   }

   .box-a .area-txt {
     padding: 0.8em 0.6em 0.65em;
     font-size: 0.9em;
   }

   .box-b {
     width: 90%;
     margin: 0 5% 2em 5%;
     padding: 1.5em 2em 1.3em 1.7em;
     line-height: 1.8;
   }

   .box-b::before, .box-b::after {
     height: 16px;
     width: 24px;
   }

   .box-b::before {
     left: 5px;
   }

   .box-c {
     width: 90%;
     margin: 0 5% 2em 5%;
     padding: 1.5em 2em 1.3em 1.7em;
     line-height: 1.8;
   }

   .box-d {
     width: 90%;
     margin: 0 5% 2em 5%;
     padding: 1.5em 2em 1.3em 1.7em;
     line-height: 1.8;
   }

   /*btn*/
   [class^="btn-"] a {
     width: 80%;
     margin: 0 10% 1em 10%;
   }

   .btn-a a,
   .btn-b a,
   .btn-c a,
   .btn-f a,
   .btn-as a {
     letter-spacing: 1px;
   }

   .btn-as a,
   .btn-ds a {
     font-size: 1em;
     padding: 0.8em 1em;
   }

   /*table*/
   .hikaku2 .ank_info td {
     padding: 0.5% 4% 1%;
   }

   .hikaku2 .ank_info .area-eye {
     padding: 2% 4%;
   }

   .hikaku2 .ank_info .area-eye::after {
     border-width: 0 0 1.6em 1.6em;
   }

   .table-simple1 {
     width: 90%;
     margin: 0 5% 2em 5%;
   }

   .table-simple1 thead th {
     padding: 1.8% 1% 1.5% 1%;
   }

   .table-simple1 tbody th {
     padding: 1.8% 1% 1.5% 1%;
   }

   .table-simple1 td {
     padding: 1.8% 1% 1.5% 1%;
   }

   /*list*/
   [class^="list-"] {
     width: 90%;
     margin: 0 5% 2em 5%;
     font-size: 1em;
   }

   [class^="list-"] li {
     padding-left: 1.8em;
   }

   .list-dot li::before {
     font-size: 0.9em;
     left: 0.2em;
   }

   .list-att li::before {
     width: 1.3em;
     height: 1.8em;
     top: -0.2em;
   }

   /*part-----------------------------*/
   .hikaku2 .col_name {
     width: 34%;
   }

   .table-ranking {
     font-size: 1.1em;
     width: 90%;
     margin: 0 5% 2em 5%;
   }

   .table-ranking caption {
     letter-spacing: 1px;
     -webkit-text-size-adjust: none;
     font-family: "游ゴシック体", YuGothic, "Yu Gothic", "YuGothic M", メイリオ Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     font-weight: bold;
   }

   .table-ranking th {
     padding: 0;
     font-size: 0.8em;
   }

   .table-ranking td {
     padding: 1.5%;
     line-height: 1.4;
   }

   .table-ranking td:nth-child(1) {
     padding-left: 3.7em;
     font-size: 1em;
   }

   .table-ranking td:nth-child(2) {
     font-size: 1em;
   }

   .table-ranking td [class^="btn-"] {
     margin: 0;
     width: 100%;
   }

   .table-ranking td [class^="btn-"] a {
     margin: 0 2%;
     width: 96%;
   }

   .table-ranking .star {
     background-size: 130px auto;
   }

   .table-ranking .star10 {
     background-position: center -69px;
   }

   .table-ranking .star15 {
     background-position: center -105px;
   }

   .table-ranking .star20 {
     background-position: center -144px;
   }

   .table-ranking .star25 {
     background-position: center -181px;
   }

   .table-ranking .star30 {
     background-position: center -218px;
   }

   .table-ranking .star35 {
     background-position: center -256px;
   }

   .table-ranking .star40 {
     background-position: center -294px;
   }

   .table-ranking .star45 {
     background-position: center -330px;
   }

   .table-ranking .star50 {
     background-position: center -368px;
   }

   .table-ranking .no1 td:nth-child(1) {
     background: url(./images/icon-no1.png) no-repeat center left 5%;
     background-size: auto 60%;
   }

   .table-ranking .no2 td:nth-child(1) {
     background: url(./images/icon-no2.png) no-repeat center left 5%;
     background-size: auto 60%;
   }

   .table-ranking .no3 td:nth-child(1) {
     background: url(./images/icon-no3.png) no-repeat center left 5%;
     background-size: auto 60%;
   }

   .table-ranking .sitename {
     width: 28%;
   }

   .table-ranking .money {
     width: 36%;
   }

   .table-ranking .link_btn {
     width: 20%;
   }

   /*home_cat_list*/
   .area-home_cat {
     width: 100%;
     max-width: 1000px;
     margin: 0 auto 2em;
     background: #fff;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     border: none;
   }

   .area-home_cat .ttl-home_cat {
     font-size: 1.8em;
     padding: 0 0.6em 0.5em;
     width: 12%;
     margin: 0;
   }

   .area-home_cat .ttl-home_cat .posi_center {
     -webkit-transform: translateY(41.9%);
     transform: translateY(41.9%);
     display: block;
     height: 100%;
     line-height: 1.5;
     font-size: 0.85em;
   }

   .area-home_cat .ttl-home_cat .en {
     font-size: 0.6em;
     display: block;
     letter-spacing: 0.01em;
     font-weight: normal;
   }

   .area-home_cat .ttl-home_cat::before {
     font-size: 18px;
     bottom: 50%;
     left: 106%;
     transform: rotate(-90deg) scale(1.6, 1);
     margin-bottom: -0.5em;
   }

   .area-home_cat .area-reco {
     width: 85.3%;
     padding: 2.5% 0 2%;
   }

   .area-home_cat .area-reco div {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   .info-cat_home {
     border: solid 1px #c3c3c3;
     margin: 0 0 1em 0;
     padding: 2%;
     width: 100%;
   }

   .list_post.home {
     width: 47.5%;
     border: none;
     padding: 1% 0;
     margin: 0 2% 0 0;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     border-bottom: 1px solid #dddddd;
   }

   .list_post.home:first-of-type {
     border-top: none;
   }

   .list_post.home:hover {
     opacity: 0.8;
   }

   .list_post.home .subarea-txt {
     padding: 0px 10px;
     width: 100%;
   }

   .list_post.home .subarea-txt .ttl {
     font-size: 1em;
     -webkit-text-size-adjust: none;
     font-family: "游ゴシック体", YuGothic, "Yu Gothic", "YuGothic M", メイリオ Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     margin: 0;
   }

   .list_post.home .subarea-txt .ttl a {
     line-height: 1.6;
     margin: 0;
     padding: 0;
     width: 100%;
     color: #565656;
   }

   .list_post.home .subarea-txt .link-cat_home {
     line-height: 1em;
     margin-bottom: 0.2em;
   }

   .list_post.home .subarea-txt .link-cat_home a {
     background: #f5f5f5;
     display: inline-block;
     font-size: 0.8em;
     padding: 0.1em 0.5em;
     margin: 4% 0 0% 0;
     width: auto;
     color: #799095;
   }

   .link-more_cat {
     width: 100%;
     text-align: right;
     padding: 1.5% 2% 0;
   }

   .link-more_cat a {
     border: none;
     margin: 0;
     padding: 0.2em 1.7em 0 0;
     display: inline-block;
   }

   /*only_home_area*/
   .body_home {
     background: #f5f5f5;
     -webkit-text-size-adjust: none;
     font-family: "游ゴシック体", YuGothic, "Yu Gothic", "YuGothic M", メイリオ Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   }

   .area-header.home {
     -webkit-text-size-adjust: none;
     font-family: "游ゴシック体", YuGothic, "Yu Gothic", "YuGothic M", メイリオ Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   }

   .area-header.home .logo {
     padding: 2% 0 8% 0;
   }

   .area-header.home .logo img {
     width: 8%;
   }

   .area-header.home .cach {
     font-size: 3.8em;
     margin-bottom: 0.5em;
     line-height: 1.45;
   }

   .area-header.home .descri {
     font-size: 1.4em;
     padding-bottom: 8.5%;
     font-weight: bold;
   }

   .wrap.home {
     display: block;
     max-width: none;
     margin: 40px auto 0;
   }

   .area-result {
     background: #fff;
     border: solid 1px #e9e9e9;
     margin: -12% auto 4%;
     width: 100%;
     max-width: 1000px;
     font-weight: 500;
   }

   .area-result .inner_result {
     margin: 2% 2% 0;
     background: none;
   }

   .area-result .dl_result {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     border-bottom: solid 1px #e9e9e9;
     padding: 0.5em 0 1em;
     margin-bottom: 1.8em;
   }

   .area-result .dl_result dt {
     width: 15%;
     margin: 0;
     border: none;
     font-size: 1em;
     padding: 2% 0% 2% 3.5%;
   }

   .area-result .dl_result dd {
     width: 82%;
     border: none;
     padding: 1.5% 2%;
   }

   .area-result .dl_result dd label {
     cursor: pointer;
     margin: 0 1.1em 0.5em 0;
   }

   .area-result .dl_result dd label:hover {
     background: #def7f0;
   }

   .area-result .dl_result.must {
     font-size: 1.15em;
     padding: 0;
   }

   .area-result .dl_result.must dt {
     padding: 3% 0% 2% 3.5%;
   }

   .area-result .dl_result.must dd label {
     background: #f5f5f5;
     border: solid 1px #c3c3c3;
     border-radius: 6px;
     padding: 1.5% 1% 1%;
     width: 9.5em;
     margin: 0 0.3em 0.5em 0;
   }

   .area-result .dl_result.must dd label:hover {
     background: #def7f0;
   }

   input[type="radio"] {
     width: 1.2em;
     height: 1.2em;
     margin-right: 0.4em;
     vertical-align: -4px;
   }

   input[type="radio"]:checked:before {
     position: absolute;
     left: 0.2em;
     top: 0.2em;
     width: 0.7em;
     height: 0.7em;
   }

   [type="submit"].btn-result {
     width: 60%;
     margin: 0 20% 3%;
     font-size: 1.8em;
     padding: 1.5% 1% 1%;
   }

   [type="submit"].btn-result:hover {
     opacity: 0.8;
     filter: alpha(opacity=80);
     -ms-filter: "alpha( opacity=80 )";
   }

   /*area-site_nav*/
   .area-site_nav {
     background: #ffffff;
     margin: auto;
     width: 100%;
   }

   .area-site_nav .list_site_nav {
     justify-content: center;
     max-width: 940px;
     margin: auto;
   }

   .area-site_nav .list_site_nav li {
     width: 22%;
     margin: 0 1% 0.5em;
     border-radius: 2px;
   }

   .area-site_nav .list_site_nav li:hover {
     opacity: 0.8;
     filter: alpha(opacity=80);
     -ms-filter: "alpha( opacity=80 )";
   }

   .area-site_nav .list_site_nav li a {
     height: 58px;
     font-size: 1em;
     letter-spacing: 0.03em;
   }

   .area-site_nav .list_site_nav li a:after {
     width: 45%;
     margin: 0px -50% 0 0;
     padding: 0px 5% 0 0;
   }

   .area-site_nav .list_site_nav li a .en {
     font-size: 0.4em;
   }

   /*area-about_us*/
   .area-about_us {
     padding: 5% 0 2.5%;
   }

   .area-about_us .list_about_us {
     width: 100%;
     max-width: 1000px;
     margin: 0 auto;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: space-between;
     justify-content: space-between;
   }

   .area-about_us .list_about_us li {
     width: 50%;
     padding: 1.2% 4% 1% 13%;
     font-size: 1em;
     font-weight: 500;
     letter-spacing: 0.05em;
     line-height: 2;
     margin-bottom: 2.6em;
     min-height: 120px;
   }

   .area-about_us .list_about_us li.about1 {
     background-size: 120px auto;
   }

   .area-about_us .list_about_us li.about2 {
     background-size: 120px auto;
   }

   .area-about_us .list_about_us li.about3 {
     background-size: 120px auto;
   }

   .area-about_us .list_about_us li.about4 {
     background-size: 120px auto;
   }

   .ttl-home {
     font-size: 1.8em;
   }

   .ttl-home .en {
     font-size: 0.6em;
   }

   .ttl-home .en::before {
     height: 4px;
   }

   /*area-reco_post*/
   .area-reco_post {
     padding-top: 5em;
   }

   /*table-result*/
   .table-result {
     margin: 5%;
     width: 90%;
   }

   .table-result a:hover {
     color: #7198cf;
   }

   .table-result thead th {
     font-size: 0.95em;
     font-weight: normal;
     width: 9%;
     padding: 1% 4% 1% 2%;
     text-align: left;
   }

   .table-result thead th.w {
     width: 15%;
   }

   .table-result thead .header::after {
     bottom: 1%;
     left: auto;
     right: 5px;
   }

   .table-result thead .header::before {
     top: 10%;
     right: 5px;
     bottom: auto;
   }

   .table-result tbody td {
     font-size: 1.2em;
   }

   .table-result tbody td img {
     width: 60%;
   }

   .table-result tbody td a span {
     font-size: 0.8em;
     margin: 4% 0 0;
     background: #def7f0;
     text-align: center;
     padding: 1% 2%;
   }

   .table-result tbody td .btn-a span {
     background: none;
     margin: 0;
   }

   .table-result tbody td .btn-a a:hover {
     background: #f65683;
   }

   .area-sitebnr_list {
     background: #fff;
     padding: 2.8em 0;
   }

   .area-sitebnr_list .list_home_site {
     width: 100%;
     max-width: 1000px;
     margin: 0 auto;
     list-style: none;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   .area-sitebnr_list .list_home_site li {
     width: 20%;
     text-align: center;
     padding: 1% 2%;
   }

   /*20180214 MikihoSuda 主要メディアへのリンク用にcssを追加*/
   .ft_link_content {
     max-width: 1000px;
     margin: 10px auto;
     border: none;
   }

   .ft_link_content li {
     display: inline-block;
     width: auto;
     border: none;
   }

   .ft_link_content li:nth-child(odd) {
     border: none;
   }

   .ft_link_content li:first-of-type a {
     border: none;
   }

   .ft_link_content li a {
     padding: 0 1em;
     display: block;
     text-decoration: none;
     border-top: none;
     border-left: 1px solid #1249B1;
     color: #799095;
     line-height: 1;
   }

   .ft_link_content li a:hover {
     text-decoration: underline;
   }

   .ft_link_content li:nth-child(odd) a {
     border-right: none;
   }

   /*運営者情報*/
   .aboutus_wrap {
     border: solid 1px #bbb;
     width: 90%;
     margin: 0 auto;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-bottom: 40px;
   }
   .aboutus_wrap._noboder {
    border: none;
   }

   .aboutus_index {
     border-bottom: solid 1px #bbb;
     display: -webkit-flex;
     width: 230px;
   }

   .aboutus_index h3 {
     width: 100%;
     height: 100%;
     margin: 0;
     font-size: 16px;
     padding: 15px 16px;
     /* display: flex;
     -webkit-align-items: center;
     align-items: center; */
   }

   .aboutus_body {
     border-bottom: solid 1px #bbb;
     width: calc(100% - 230px);
     font-size: 14px;
     padding: 16px;
   }

   .aboutus_content .youtube-container iframe {
     margin-top: 20px;
     height: 280px;
   }

   .aboutus_content {
     width: 100%;
     margin: 0;
   }

   .aboutus_body p {
     width: 100%;
     margin: 0;
   }

   .aboutus_btn {
     width: 70%;
     margin: 0 auto;
     border-radius: 2px;
   }

   /*以上運営者情報*/
   /*お問い合わせフォーム*/
   .contact_box {
     margin: 0;
     width: 100%;
     padding: 30px 5% 0;
     border-top: solid 1px #ddd;
   }

   .contact_text {
     font-size: 16px;
     margin-bottom: 30px;
   }

   .contact_form dl {
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     border-bottom: solid 1px #bbb;
     margin-bottom: 40px;
   }

   .contact_form dt {
     background: #f9f9f9;
     border: solid 1px #bbb;
     border-bottom: none;
     width: 230px;
     padding: 20px;
     position: relative;
   }

   .contact_form dt:before {
     content: "";
     display: block;
     height: 100%;
     width: 4px;
     background: #52c4b2;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
   }

   .contact_form dt br {
     display: block;
   }

   .contact_form dt span {
     font-size: .85em;
   }

   .contact_form dd {
     width: calc(100% - 230px);
     margin-bottom: 0;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     flex-wrap: wrap;
     border: solid 1px #bbb;
     border-bottom: none;
     border-left: none;
     padding: 15px 0;
   }

   .contact_form dd>input,
   .contact_form dd>select,
   .contact_form dd>textarea {
     margin: 0 auto;
     width: calc(100% - 30px);
   }

   .contact_form dd>span {
     margin-left: 15px;
   }

   .contact_form dd.select:after {
     top: 30px;
     right: 35px;
   }

   .contact_form input[type="submit"] {
     border-radius: 2px;
     width: 400px;
     font-size: 20px;
     display: block;
     margin: 0 auto;
     padding: 12px 0;
     letter-spacing: 1px;
     cursor: pointer;
   }

   .contact_btn-close {
     width: 400px;
     font-size: 20px;
     display: block;
     margin: 0 auto;
     padding: 12px;
     cursor: pointer;
   }

   .contact_form dt.input_error {
     background: #fff2f0;
   }

   .contact_form dt.input_error:before {
     background: #ff9085;
   }

   .service_check_box p {
     margin-bottom: 15px;
   }

   /*以上お問い合わせフォーム*/
   /*以下HOP!について*/
   .welcome_ttl {
     font-size: 24px;
     padding-top: 0;
   }

   .welcome_ttl img {
     width: 105px;
   }

   .welcome_img_sp {
     display: none;
   }

   .welcome_img_pc {
     display: flex;
     flex-wrap: wrap;
     margin: 0 5% 2em;
     width: 90%;
   }

   .welcome_img_pc>a {
     width: 50%;
   }

   .welcome_img_pc>a>br {
     display: none;
   }

   .welcome_img_pc>a>img {
     display: block;
   }

   .welcome_txt_sp {
     display: none;
   }

   .welcome_txt_pc {
     display: block;
     font-size: 18px;
     font-weight: bold;
     line-height: 34px;
     text-align: center;
   }

   .welcome_policy {
     margin: 0 5%;
     padding: 32px;
     width: 90%;
   }

   .welcome_policy_ttl img {
     width: 22px;
   }

   .welcome_policy_list {
     margin-bottom: 20px;
   }

   .welcome_policy_ttl {
     font-size: 22px;
   }

   .welcome_policy_list_ttl {
     font-size: 17px;
     margin-bottom: 8px;
     padding-left: 12px;
   }

   .welcome_policy_list_txt {
     font-size: 15px;
     padding-left: 16px;
   }

   /*以上HOP!について*/
   #toc_container {
     width: 90%;
     margin: 0 5% 1em 5%;
   }

   /*相互リンク用*/
   .area_link-exchange {
     background: #FFF;
     width: 100%;
     border: none;
     margin-bottom: 0;
     padding: 10px 0;
   }

   .area_link-exchange>.list {
     width: 1000px;
     margin: 0 auto;
   }

   .area_link-exchange>.list>.list_item {
     list-style-type: none;
     width: 500px;
     display: inline-block;
   }

   .area_link-exchange>.list>.list_item {
     border: none;
   }

   .area_link-exchange>.list>.list_item>a {
     width: 350px;
     margin: 0 auto;
     padding-left: 15px;
   }

   .area_link-exchange>.list>.list_item>a::after {
     left: 0;
   }

   .area-relationsite_list .list_rel_site {
     display: flex;
     align-items: center;
   }

   .area-relationsite_list .list_rel_site_logo {
     flex-basis: 43%;
     margin-bottom: 0;
   }

   .area-relationsite_list .list_rel_post {
     flex-basis: 57%;
   }

   .area-relationsite_list .cat_name {
     color: #799095;
     background: #f5f5f5;
     display: inline-block;
     padding: 0.1em 0.5em;
     font-size: .8rem;
   }

   .area-relationsite_list .ttl a {
     font-size: .85rem;
     font-weight: normal;
   }
 }

/* ステマ対策テキスト */
.sponsored {
  inline-size: 100%;
  margin-block-end: 15px;
  font-size: 16px !important;
  text-align: right;
}