@charset "UTF-8";

h1,
h2,
h3,
h4,
h5 {
  font-weight: 500; }

a,
a:link,
a:visited {
  text-decoration: none;
  color: #524e4d; }

a {
  -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
  transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }

a:hover {
  color: #1d2087; }




/* サイドバーランキング */
.wide-layout ul {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0; }
  .wide-layout ul li {
    margin-bottom: 20px; }
    .wide-layout ul li .side-ranking-title {
      font-size: 17px;
      line-height: 1.3rem;
      font-weight: 400;
      position: relative; }
      @media (max-width: 767px) {
        .wide-layout ul li .side-ranking-title {
          font-weight: 500; } }
    .wide-layout ul li .side-ranking-meta {
      margin-top: 15px; }
      .wide-layout ul li .side-ranking-meta .side-ranking-img img {
        display: none; }
      .wide-layout ul li .side-ranking-meta .side-ranking-img a {
        overflow: hidden;
        display: block; }
        .wide-layout ul li .side-ranking-meta .side-ranking-img a img {
          width: 100%;
          height: auto;
          display: block;
          background: #fff;
          -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
          transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
      .wide-layout ul li .side-ranking-meta .side-ranking-img a:hover img {
        -webkit-filter: opacity(0.8);
        filter: opacity(0.8); }
      .wide-layout ul li .side-ranking-meta .side-ranking-info {
        font-size: 0.85rem;
        line-height: 1.35rem;
        margin-top: 15px;
        margin-bottom: 15px; }
    .wide-layout ul li .side-btn-box {
      display: flex; }
    .wide-layout ul li .side-ranking-btn {
      flex: 1; }
      .wide-layout ul li .side-ranking-btn a {
        width: 100%;
        height: 100%;
        padding-left: 10px;
        padding-right: 10px; }
    @media (max-width: 767px) {
      .wide-layout ul li .color-button01 a,
      .wide-layout ul li .color-button02 a {
        padding-top: 11px;
        padding-bottom: 11px;
        font-size: 1rem; } }
    @media (min-width: 768px) {
      .wide-layout ul li .color-button01 a,
      .wide-layout ul li .color-button02 a {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 0.95rem; } }
    .wide-layout ul li .color-button01:before,
    .wide-layout ul li .color-button02:before {
      display: block;
      width: 100%; }
  .wide-layout ul li:last-child {
    margin-bottom: 0; }
  .wide-layout ul li:first-child h3 {
    border-color: #FFCF24; }
  .wide-layout ul li:nth-child(2) h3 {
    border-color: #A0A9B1; }
  .wide-layout ul li:nth-child(3) h3 {
    border-color: #B26A2B; }

.simple-style h3 {
  border-bottom: 1px solid;
  padding-left: 45px;
  padding-top: 23px;
  padding-bottom: 3px;
  letter-spacing: 0; }
  .simple-style h3 img {
    width: 45px;
    position: absolute;
    left: -2px;
    bottom: 4px; }

.luxe-style h3 {
  padding-left: 35px;
  padding-top: 15px;
  padding-bottom: 3px;
  letter-spacing: 0;
  border-bottom: 3px double; }
  .luxe-style h3 img {
    position: absolute;
    width: 35px;
    top: 7px;
    left: -5px; }
.luxe-style li:first-child h3 {
  border-bottom-color: #D09F30 !important; }

.girly-style h3 {
  border-bottom: 2px dotted;
  padding-left: 47px;
  padding-top: 23px;
  padding-bottom: 3px;
  letter-spacing: 0; }
  .girly-style h3 img {
    width: 43px;
    position: absolute;
    left: 0px;
    bottom: 3px; }

.widget-profile {
  overflow: hidden;
  position: relative; }

#footer-widget-area .my-profile {
  background: rgba(255, 255, 255, 0.15) !important; }
  @media (max-width: 767px) {
    #footer-widget-area .my-profile {
      border: none !important; } }
  @media (min-width: 768px) {
    #footer-widget-area .my-profile {
      box-shadow: none !important;
      padding: 10px !important;
      padding-bottom: 10px !important; } }
  @media (min-width: 1024px) {
    #footer-widget-area .my-profile {
      padding: 25px !important;
      padding-bottom: 25px !important; } }
@media (max-width: 767px) {
  #footer-widget-area .my-profile-thumb {
    box-shadow: none !important; } }
#footer-widget-area .myjob {
  color: rgba(255, 255, 255, 0.7) !important; }
#footer-widget-area .popular-count {
  color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.7) !important; }

@media (min-width: 768px) {
  #footer-widget-area .widget-profile,
  .sidebar_style2 .widget-profile,
  .sidebar_style3 .widget-profile,
  .sidebar_style4 .widget-profile,
  .sidebar_style5 .widget-profile {
    overflow: visible !important; } }
@media (min-width: 768px) {
  #footer-widget-area .my-profile,
  .sidebar_style2 .my-profile,
  .sidebar_style3 .my-profile,
  .sidebar_style4 .my-profile,
  .sidebar_style5 .my-profile {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
    padding: 10px;
    position: relative;
    padding-bottom: 10px !important; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #footer-widget-area .my-profile,
    .sidebar_style2 .my-profile,
    .sidebar_style3 .my-profile,
    .sidebar_style4 .my-profile,
    .sidebar_style5 .my-profile {
      border-radius: 0px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (min-width: 1024px) {
  #footer-widget-area .my-profile,
  .sidebar_style2 .my-profile,
  .sidebar_style3 .my-profile,
  .sidebar_style4 .my-profile,
  .sidebar_style5 .my-profile {
    padding: 25px;
    padding-bottom: 25px !important; } }
@media (min-width: 768px) {
  #footer-widget-area .myname,
  .sidebar_style2 .myname,
  .sidebar_style3 .myname,
  .sidebar_style4 .myname,
  .sidebar_style5 .myname {
    top: 156px !important; } }
@media (min-width: 768px) {
  #footer-widget-area .myjob,
  .sidebar_style2 .myjob,
  .sidebar_style3 .myjob,
  .sidebar_style4 .myjob,
  .sidebar_style5 .myjob {
    top: 183px !important; } }
@media (min-width: 768px) {
  #footer-widget-area .profile-sns-menu,
  .sidebar_style2 .profile-sns-menu,
  .sidebar_style3 .profile-sns-menu,
  .sidebar_style4 .profile-sns-menu,
  .sidebar_style5 .profile-sns-menu {
    position: relative !important;
    border-radius: 2px;
    margin-top: 25px; } }
@media (min-width: 768px) {
  #footer-widget-area .profile-sns-menu ul li,
  .sidebar_style2 .profile-sns-menu ul li,
  .sidebar_style3 .profile-sns-menu ul li,
  .sidebar_style4 .profile-sns-menu ul li,
  .sidebar_style5 .profile-sns-menu ul li {
    margin-left: 3px !important;
    margin-right: 3px !important; } }
@media (min-width: 1024px) {
  #footer-widget-area .profile-sns-menu ul li,
  .sidebar_style2 .profile-sns-menu ul li,
  .sidebar_style3 .profile-sns-menu ul li,
  .sidebar_style4 .profile-sns-menu ul li,
  .sidebar_style5 .profile-sns-menu ul li {
    margin-left: 5px !important;
    margin-right: 5px !important; } }

@media (max-width: 767px) {
  .my-profile {
    position: relative;
    border: 1px solid #eee;
    padding: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    border-radius: 2px; } }
@media (min-width: 768px) {
  .my-profile {
    padding: 5px;
    padding-top: 0;
    padding-bottom: 0px; } }
.my-profile .myjob {
  position: absolute;
  left: 0px;
  font-size: 0.65rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.35);
  width: 100%;
  text-align: center;
  font-weight: 300; }
  @media (max-width: 767px) {
    .my-profile .myjob {
      top: 180px; } }
  @media (min-width: 768px) {
    .my-profile .myjob {
      top: 185px; } }
.my-profile .myname {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  width: 100%;
  text-align: center; }
  @media (max-width: 767px) {
    .my-profile .myname {
      font-weight: 700;
      top: 153px; } }
  @media (min-width: 768px) {
    .my-profile .myname {
      font-weight: 500;
      top: 158px; } }
.my-profile .my-profile-thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 110px;
  height: 110px;
  border-radius: 55px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  background: #fff; }
  .my-profile .my-profile-thumb img {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
  .my-profile .my-profile-thumb a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
.my-profile .profile-sns-menu {
  position: absolute;
  left: 0;
  bottom: 0px;
  display: block;
  width: 100%;
  background: #1d2087;
  padding: 15px 0; }
  @media (max-width: 767px) {
    .my-profile .profile-sns-menu {
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px; } }
  .my-profile .profile-sns-menu .profile-sns-menu-title {
    text-align: center;
    width: 100%;
    font-size: 0.85rem;
    color: #fff;
    margin-bottom: 5px; }
  .my-profile .profile-sns-menu ul {
    list-style: none;
    display: flex;
    justify-content: center;
    background: transparent !important; }
    .my-profile .profile-sns-menu ul li {
      margin-bottom: 0;
      background: transparent !important; }
      @media (max-width: 767px) {
        .my-profile .profile-sns-menu ul li {
          margin-left: 7px;
          margin-right: 7px; } }
      @media (min-width: 768px) {
        .my-profile .profile-sns-menu ul li {
          margin-left: 5px;
          margin-right: 5px; } }
      .my-profile .profile-sns-menu ul li a {
        display: block;
        font-size: 16px;
        width: 32px;
        height: 32px;
        padding: 7px 6px 3px 7px;
        border: 1px solid #fff;
        border-radius: 21px;
        text-align: center;
        color: #fff;
        background: transparent;
        line-height: 0 !important; }
        .my-profile .profile-sns-menu ul li a svg {
          fill: #fff !important; }
      .my-profile .profile-sns-menu ul li a:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    .my-profile .profile-sns-menu ul .pro-youtube a {
      padding-left: 6px; }
    .my-profile .profile-sns-menu ul .pro-line a {
      padding-top: 11px;
      padding-left: 6px; }
.my-profile .myintro {
  font-size: 0.85rem; }
  @media (max-width: 767px) {
    .my-profile .myintro {
      margin-top: 70px;
      font-weight: 500; } }
  @media (min-width: 768px) {
    .my-profile .myintro {
      margin-top: 75px;
      font-weight: 300; } }

.area-border {
  position: relative;
  height: 2px;
  border-radius: 1px;
  background: #1d2087;
  margin: 0 auto;
  opacity: 0.3; }
  @media (max-width: 767px) {
    .area-border {
      margin-top: 40px;
      width: 80px; } }

.area-border:before,
.area-border:after,
.area-border2:before,
.area-border2:after {
  content: "・・・";
  position: absolute;
  top: 2px;
  font-size: 21px;
  color: #1d2087;
  line-height: 0;
  letter-spacing: -6px; }
  @media (max-width: 767px) {
    .area-border:before,
    .area-border:after,
    .area-border2:before,
    .area-border2:after {
      top: 1px; } }

.area-border:before,
.area-border2:before {
  left: -55px; }

.area-border:after,
.area-border2:after {
  right: -50px; }

@media (max-width: 767px) {
  .area-border2 {
    position: relative;
    width: 80px;
    height: 2px;
    border-radius: 1px;
    background: #1d2087;
    opacity: 0.3;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 40px; } }

.cta-content {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  color: #fff; }
  @media (max-width: 767px) {
    .cta-content {
      padding: 20px;
      margin-top: 10px; } }
  @media (min-width: 768px) {
    .cta-content {
      padding: 30px;
      margin-top: 0px; } }
  .cta-content .info-title {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center; }
    @media (max-width: 767px) {
      .cta-content .info-title {
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 10px; } }
    @media (min-width: 768px) {
      .cta-content .info-title {
        font-size: 1.6rem;
        font-weight: 500;
        margin-bottom: 20px; } }
  .cta-content .cta-text {
    position: relative;
    z-index: 1; }
    .cta-content .cta-text img {
      max-width: 100%;
      height: auto;
      margin-bottom: 20px; }
    .cta-content .cta-text p:last-of-type {
      padding-bottom: 0 !important; }

.cta-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #6FBFCA;
  z-index: 0;
  border-radius: 2px; }

.tag-box {
  margin-top: 30px; }
  .tag-box a {
    color: #555 !important;
    text-decoration: none !important;
    border: 1px solid #ddd;
    padding: 5px 8px;
    border-radius: 2px;
    font-size: 0.65rem;
    letter-spacing: 0;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 5px; }

.color-button01,
.color-button02,
.color-button01-big,
.color-button02-big {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  letter-spacing: 0; }
  @media (max-width: 767px) {
    .color-button01,
    .color-button02,
    .color-button01-big,
    .color-button02-big {
      margin-bottom: 10px; } }
  .color-button01 a,
  .color-button02 a,
  .color-button01-big a,
  .color-button02-big a {
    color: #fff !important; }

.color-button01-big,
.color-button02-big {
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 767px) {
  .spfull {
    width: 100%;
    margin-left: 0;
    margin-right: 0; } }

.top-image-btn-color a,
.color-button01 a,
.color-button02 a {
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  border-radius: 6px;
  text-align: center;
  padding: 13px 80px;
  padding-bottom: 12px;
  display: inline-block;
  text-decoration: none !important;
  -webkit-transform: perspective(0);
  transform: perspective(0);
  font-size: 1.1em;
  opacity: 1 !important; }
  @media (max-width: 767px) {
    .top-image-btn-color a,
    .color-button01 a,
    .color-button02 a {
      padding: 12px 80px;
      padding-bottom: 11px;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .top-image-btn-color a,
    .color-button01 a,
    .color-button02 a {
      font-weight: 400; } }

@media (max-width: 767px) {
  .spfull.color-button01 a,
  .spfull.color-button02 a {
    width: 100%; } }

.color-button01-big a,
.color-button02-big a {
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  border-radius: 4px;
  text-align: center;
  font-size: 1.2rem;
  padding: 20px 30px;
  max-width: 100% !important;
  vertical-align: bottom;
  display: block;
  text-decoration: none !important;
  -webkit-transform: perspective(0);
  transform: perspective(0); }
  @media (max-width: 767px) {
    .color-button01-big a,
    .color-button02-big a {
      width: 100% !important;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .color-button01-big a,
    .color-button02-big a {
      font-weight: 400; } }

.color-button01 img,
.color-button02 img,
.color-button01-big img,
.color-button02-big img {
  display: none; }

.top-image-btn-color a:hover,
.color-button01 a:hover,
.color-button02 a:hover,
.color-button01-big a:hover,
.color-button02-big a:hover {
  text-decoration: none !important;
  opacity: 1; }

.top-image-btn-color,
.color-button01,
.color-button02,
.color-button01-big,
.color-button02-big {
  position: relative;
  z-index: 1;
  display: inline-block; }

.color-button01-big,
.color-button02-big {
  display: block;
  width: 80%; }

.top-image-btn-color a,
.color-button01 a,
.color-button01-big a {
  background-color: #2A88E0;
  color: #fff !important; }

@media (max-width: 767px) {
  .top-image-btn-color a {
    font-weight: 700 !important; } }
@media (min-width: 768px) {
  .top-image-btn-color a {
    font-weight: 400 !important; } }

.color-button02 a,
.color-button02-big a {
  background-color: #ea7c09;
  color: #fff !important; }

.top-image-btn-color a:hover,
.color-button01 a:hover,
.color-button02 a:hover,
.color-button01-big a:hover,
.color-button02-big a:hover {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9); }

.top-image-btn-color:before,
.color-button01:before,
.color-button02:before,
.color-button01-big:before,
.color-button02-big:before {
  position: absolute;
  bottom: -4px;
  z-index: -1;
  left: 0;
  content: '';
  width: 100%;
  height: 24px;
  border-radius: 4px;
  -webkit-filter: brightness(0.85);
  filter: brightness(0.85); }

.top-image-btn-color:before,
.color-button01:before,
.color-button02:before {
  border-radius: 6px; }

.color-button01-big:before,
.color-button02-big:before {
  height: 100%; }

.color-button01:before,
.color-button01-big:before {
  background-color: #2A88E0; }

.color-button02:before,
.color-button02-big:before {
  background-color: #ea7c09; }

.twobutton {
  display: block;
  text-align: center;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .twobutton .color-button01,
    .twobutton .color-button02 {
      margin-bottom: 10px; } }

/* single */
.article_style1 .cps-post-box {
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); }
  @media (max-width: 767px) {
    .article_style1 .cps-post-box {
      border-radius: 0px;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }
  @media (max-width: 767px) {
    .article_style1 .cps-post-box {
      padding: 15px 0; } }
  @media (min-width: 768px) {
    .article_style1 .cps-post-box {
      padding: 20px; } }
  @media (min-width: 1024px) {
    .article_style1 .cps-post-box {
      padding: 30px; } }

.article_style2 .cps-post-box {
  padding: 20px;
  padding-left: 0;
  padding-right: 10px; }
  @media (max-width: 767px) {
    .article_style2 .cps-post-box {
      padding: 15px 0; } }

.cps-post .cps-post-thumb {
  margin-bottom: 5px; }
  .cps-post .cps-post-thumb img {
    display: block;
    margin: 0 auto; }
.cps-post .cps-post-header {
  margin-bottom: 0px; }
  .cps-post .cps-post-header .cps-post-cat {
    display: inline;
    font-size: 0.8rem;
    margin-right: 10px;
    color: #f8b500;
    font-weight: 400;
    letter-spacing: 0;
    margin-right: 5px;
    margin-bottom: 15px;
    display: block; }
    .cps-post .cps-post-header .cps-post-cat a {
      color: #fff !important;
      padding: 5px 10px;
      border-radius: 15px;
      font-weight: 300;
      font-size: 0.7rem;
      line-height: 0; }
  .cps-post .cps-post-header .cps-post-title {
    font-weight: 300; }
    @media (max-width: 767px) {
      .cps-post .cps-post-header .cps-post-title {
        font-size: 1.45rem;
        line-height: 1.9rem; } }
    @media (min-width: 768px) {
      .cps-post .cps-post-header .cps-post-title {
        font-size: 1.5rem;
        line-height: 2rem; } }
    @media (min-width: 1024px) {
      .cps-post .cps-post-header .cps-post-title {
        font-size: 1.8rem;
        line-height: 2.3rem; } }
  .cps-post .cps-post-header .cps-post-meta {
    display: block;
    margin-top: 15px; }
    @media (max-width: 767px) {
      .cps-post .cps-post-header .cps-post-meta {
        margin-top: 5px; } }
    .cps-post .cps-post-header .cps-post-meta .writer {
      display: none; }
    .cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
      display: block;
      text-align: right; }
      @media (max-width: 767px) {
        .cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
          margin-bottom: 2px; } }
      @media (min-width: 768px) {
        .cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
          margin-bottom: 4px; } }
      .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date {
        font-size: 0.75rem;
        color: #888;
        font-weight: 300;
        letter-spacing: 1px; }
        @media (max-width: 767px) {
          .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date {
            font-weight: 400; } }

/* ブログカード */
.blog-card-hl-box {
  position: absolute;
  top: -15px;
  left: 20px;
  width: auto;
  padding: 7px 10px;
  border-radius: 2px;
  background: #ccc; }
  @media (min-width: 768px) {
    .blog-card-hl-box {
      font-size: 12px;
      font-weight: 500; } }
  @media (max-width: 767px) {
    .blog-card-hl-box {
      font-weight: bold;
      font-size: 11px; 
    padding: 0px 10px;}
       }

.blog-card {
  display: block;
  position: relative;
  padding-top: 30px !important;
  border: 1px solid #aaa;
  border-radius: 4px;
  margin-top: 20px !important;
  margin-bottom: 30px !important;
  background: rgba(255, 255, 255, 0);
  word-wrap: break-word;
  box-sizing: border-box;
  text-decoration: none !important;
  -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
  transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
  @media (max-width: 767px) {
    .blog-card {
      width: 100%;
      padding: 12px;
      margin: 10px 0px; } }
  @media (min-width: 768px) {
    .blog-card {
      width: 96%;
      margin: 10px auto;
      padding: 20px; } }
  .blog-card .blog-card-hl {
    color: #fff;
    letter-spacing: 0;
    line-height: 0;
    padding-left: 5px; }
  .blog-card .fas {
    line-height: 0;
    color: #fff; }
  .blog-card svg, .blog-card path {
    fill: #fff !important;
    font-size: 13px; }

.blog-card:hover {
  opacity: 0.8 !important; }

.blog-card:hover .blog-card-thumbnail img {
  transform: scale(1.1); }

.blog-card-box {
  display: flex; }

.blog-card-content {
  flex: 2.5; }

.blog-card-thumbnail {
  flex: 1;
  display: block;
  overflow: hidden; }
  @media (max-width: 767px) {
    .blog-card-thumbnail {
      margin-right: 10px; } }
  @media (min-width: 768px) {
    .blog-card-thumbnail {
      margin-right: 20px; } }
  .blog-card-thumbnail img {
    filter: opacity(1);
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: baseline;
    width: 200px;
    height: auto;
    background: #fff;
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }

.blog-card-title {
  display: block;
  letter-spacing: 1px;
  color: #524e4d;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
  @media (max-width: 767px) {
    .blog-card-title {
      font-size: 0.85rem;
      line-height: 1.2rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .blog-card-title {
      margin-bottom: 15px;
      font-size: 1.1rem;
      line-height: 1.5rem;
      font-weight: 500; } }

.blog-card-excerpt {
  color: #524e4d;
  display: none; }
  @media (min-width: 768px) {
   .blog-card-excerpt {
    margin-top: 15px;
    font-size: 1.4rem;
    display: block;
} }

.blog-card-footer {
  display: flex;
  justify-content: flex-end;
  font-size: 70%;
  color: #777;
  margin-bottom: 0;
  text-align: right; }
  @media (max-width: 767px) {
    .blog-card-footer {
      margin-top: 10px; } }
  @media (min-width: 768px) {
    .blog-card-footer {
      margin-top: 15px; } }
  .blog-card-footer .blog-card-logo {
    margin-right: 5px; }
    .blog-card-footer .blog-card-logo img {
      padding: 0 !important;
      margin: 0 !important; }
  .blog-card-footer .blog-card-sitetitle {
    display: block;
    margin-top: 1px; }

.profile-card {
  border-top: 1px solid #eee;
  padding: 0 20px;
  padding-top: 40px;
  position: relative;
  margin-top: 50px; }
  @media (max-width: 767px) {
    .profile-card {
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    .profile-card {
      margin-bottom: 20px; } }
  .profile-card .profile-title {
    position: absolute;
    top: 0px;
    background: #eee;
    font-size: 0.8rem;
    font-weight: 500;
    color: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
    @media (max-width: 767px) {
      .profile-card .profile-title {
        left: 20px;
        padding: 5px 12px; } }
    @media (min-width: 768px) {
      .profile-card .profile-title {
        right: 20px;
        padding: 7px 15px;
        padding-top: 6px; } }
  @media (max-width: 767px) {
    .profile-card .profile-flexbox {
      display: block; } }
  @media (min-width: 768px) {
    .profile-card .profile-flexbox {
      display: flex; } }
  .profile-card .profile-thumbnail {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); }
    @media (max-width: 767px) {
      .profile-card .profile-thumbnail {
        margin: 0 auto; } }
    @media (min-width: 768px) {
      .profile-card .profile-thumbnail {
        margin-right: 20px; } }
  @media (max-width: 767px) {
    .profile-card .profile-meta {
      margin-top: 10px; } }
  .profile-card .profile-meta .profile-name {
    font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri; }
    @media (max-width: 767px) {
      .profile-card .profile-meta .profile-name {
        text-align: center;
        font-weight: 700; } }
    @media (min-width: 768px) {
      .profile-card .profile-meta .profile-name {
        font-weight: 500; } }
  .profile-card .profile-meta .profile-desc {
    font-size: 0.85rem;
    line-height: 1.25rem;
    font-weight: 300;
    margin-top: 20px; }
  .profile-card .profile-link-box {
    margin-top: 30px; }
    @media (max-width: 767px) {
      .profile-card .profile-link-box {
        display: block; } }
    @media (min-width: 768px) {
      .profile-card .profile-link-box {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    .profile-card .profile-link-box .profile-link {
      flex: 2;
      font-size: 0.85rem;
      word-break: break-all;
      word-wrap: break-word; }
      @media (max-width: 767px) {
        .profile-card .profile-link-box .profile-link {
          margin-left: 0px; } }
      @media (min-width: 768px) {
        .profile-card .profile-link-box .profile-link {
          margin-left: 8px;
          margin-right: 20px; } }
      .profile-card .profile-link-box .profile-link span {
        font-size: 0.75rem; }
      .profile-card .profile-link-box .profile-link svg {
        margin-right: 2px; }
    .profile-card .profile-link-box .profile-follow {
      flex: 1; }

.profile-follow {
  display: flex; }
  @media (max-width: 767px) {
    .profile-follow {
      justify-content: center;
      margin-top: 20px; } }
  @media (min-width: 768px) {
    .profile-follow {
      justify-content: flex-end; } }
  .profile-follow a {
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    display: block;
    color: #ccc;
    margin: 0 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    line-height: 0 !important; }
    @media (max-width: 767px) {
      .profile-follow a {
        font-size: 13px;
        padding: 8px 10px;
        width: 34px;
        height: 34px;
        border-radius: 20px; } }
    @media (min-width: 768px) {
      .profile-follow a {
        font-size: 11px;
        padding: 6px 6px;
        width: 28px;
        height: 28px;
        border-radius: 14px; } }
  .profile-follow a:hover {
    color: #f8b500 !important;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  @media (max-width: 767px) {
    .profile-follow .twitter-sns a {
      padding-left: 8px; } }
  @media (min-width: 768px) {
    .profile-follow .twitter-sns a {
      padding-left: 6px; } }
  @media (max-width: 767px) {
    .profile-follow .facebook-sns a {
      padding-left: 11px; } }
  @media (min-width: 768px) {
    .profile-follow .facebook-sns a {
      padding-left: 8px; } }
  @media (max-width: 767px) {
    .profile-follow .instagram-sns a {
      padding-left: 8px; } }
  @media (min-width: 768px) {
    .profile-follow .instagram-sns a {
      padding-left: 7px; } }
  @media (max-width: 767px) {
    .profile-follow .youtube-sns a {
      padding-left: 6px; } }
  @media (min-width: 768px) {
    .profile-follow .youtube-sns a {
      padding-left: 5px; } }
  @media (max-width: 767px) {
    .profile-follow .line-sns a {
      padding-top: 12px;
      padding-left: 6px; } }
  @media (min-width: 768px) {
    .profile-follow .line-sns a {
      padding-top: 10px;
      padding-left: 5px; } }
  .profile-follow .line-sns a svg {
    height: auto;
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
    @media (max-width: 767px) {
      .profile-follow .line-sns a svg {
        width: 20px; } }
    @media (min-width: 768px) {
      .profile-follow .line-sns a svg {
        width: 16px; } }
  .profile-follow .line-sns a:hover svg {
    fill: #f8b500 !important; }

@media (min-width: 768px) {
  .profile-follow.center-pos {
    justify-content: center; } }

@media (max-width: 767px) {
  .page-top-footer {
    display: none; } }
@media (min-width: 768px) {
  .page-top-footer {
    position: absolute;
    right: 15px;
    top: 11px; }
    .page-top-footer a.totop {
      font-size: 2rem;
      padding: 9px 30px 9px 30px;
      line-height: 0;
      color: #fff;
      cursor: pointer; }
      .page-top-footer a.totop svg {
        -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
        transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
    .page-top-footer a:hover svg {
      -webkit-transform: translateY(-4px);
      transform: translateY(-4px); } }
@media (min-width: 1024px) {
  .page-top-footer {
    right: -2px; } }

#page-top {
  position: fixed;
  display: none;
  z-index: 9999;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media (max-width: 767px) {
    #page-top {
      right: 13px;
      bottom: 13px; } }
  @media (min-width: 768px) {
    #page-top {
      right: 22px;
      bottom: 22px; } }

#page-top a {
  color: #fff;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-align: center;
  line-height: 0;
  border-radius: 30px; }
  @media (max-width: 767px) {
    #page-top a {
      width: 38px;
      height: 38px;
      padding: 6px;
      padding-top: 8px;
      font-size: 1.2rem; } }
  @media (min-width: 768px) {
    #page-top a {
      width: 45px;
      height: 45px;
      padding: 8px;
      font-size: 1.6rem; } }
  #page-top a svg {
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }

#page-top a:hover svg {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px); }

/* 吹き出し */
.balloon-box {
  position: relative;
  overflow: hidden; }

.balloon-icon {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .balloon-icon {
      width: 60px;
      height: 60px; } }

.balloon-icon.maru {
  border: 2px solid #eee;
  border-radius: 40px; }

.icon-name {
  position: absolute;
  text-align: center;
  letter-spacing: 0;
  line-height: 0.7rem !important;
  color: #777; }
  @media (max-width: 767px) {
    .icon-name {
      width: 60px;
      top: 62px;
      font-size: 9px; } }
  @media (min-width: 768px) {
    .icon-name {
      width: 80px;
      top: 83px;
      font-size: 10px; } }

.balloon-icon img {
  width: 80px;
  height: auto;
  margin-bottom: 0 !important; }
  @media (max-width: 767px) {
    .balloon-icon img {
      width: 60px; } }

.balloon-serif .balloon-content img.star {
  width: 20%;
  padding-bottom: 1px; }
  @media (max-width: 767px) {
    .balloon-serif .balloon-content img.star {
      width: 34%;
      padding-bottom: 2px; } }

.balloon-content p:last-of-type {
  padding-bottom: 0 !important; }

.balloon-left .balloon-icon {
  left: 0; }
.balloon-left .icon-name {
  left: 0; }
.balloon-left .balloon-serif {
  position: relative;
  float: left;
  margin: 0 105px 40px 105px;
  padding: 0; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif {
      margin: 0 0px 30px 78px; } }
.balloon-left .balloon-serif:before {
  content: "";
  position: absolute;
  left: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 10px 7px 0;
  z-index: 3; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif:before {
      top: 13px; } }
  @media (min-width: 768px) {
    .balloon-left .balloon-serif:before {
      top: 16px; } }
.balloon-left .balloon-serif:after {
  content: "";
  position: absolute;
  left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif:after {
      top: 12px; } }
  @media (min-width: 768px) {
    .balloon-left .balloon-serif:after {
      top: 15px; } }
.balloon-left .balloon-serif .balloon-content {
  position: relative;
  line-height: 1.5rem;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif .balloon-content {
      padding: 0.8rem; } }
  @media (min-width: 768px) {
    .balloon-left .balloon-serif .balloon-content {
      padding: 1.15rem; } }

.balloon-right .balloon-icon {
  right: 0; }
.balloon-right .icon-name {
  right: 0; }
.balloon-right .balloon-serif {
  position: relative;
  float: right;
  margin: 0 105px 40px 105px;
  padding: 0; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif {
      margin: 0 78px 30px 0px; } }
.balloon-right .balloon-serif:before {
  content: "";
  position: absolute;
  right: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 0px 7px 10px;
  z-index: 3; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif:before {
      top: 13px; } }
  @media (min-width: 768px) {
    .balloon-right .balloon-serif:before {
      top: 16px; } }
.balloon-right .balloon-serif:after {
  content: "";
  position: absolute;
  right: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 0px 8px 10px;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif:after {
      top: 12px; } }
  @media (min-width: 768px) {
    .balloon-right .balloon-serif:after {
      top: 15px; } }
.balloon-right .balloon-serif .balloon-content {
  position: relative;
  line-height: 1.5rem;
  border: 2px solid;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif .balloon-content {
      padding: 0.8rem; } }
  @media (min-width: 768px) {
    .balloon-right .balloon-serif .balloon-content {
      padding: 1.15rem; } }

.balloon-box ol li {
  position: relative;
  display: block;
  padding: 2px 0px 5px 25px;
  margin-bottom: 0.7em; }

.balloon-box ol li:after {
  counter-increment: li;
  content: counter(li);
  position: absolute;
  left: 0px;
  top: 0.25em;
  padding: 0 0 0 0px;
  background: #aaa;
  height: 20px;
  width: 20px;
  color: #fff;
  text-align: center;
  font-size: 0.65em;
  border-radius: 11px; }

.balloon-right.balloon-gray .balloon-serif:after {
  border-color: transparent transparent transparent #ccc; }
.balloon-right.balloon-gray .balloon-content {
  border-color: #ccc; }

.balloon-left.balloon-gray .balloon-serif:after {
  border-color: transparent #ccc transparent transparent; }
.balloon-left.balloon-gray .balloon-content {
  border-color: #ccc; }

.balloon-right.balloon-bg-gray .balloon-serif:before {
  border-color: transparent transparent transparent #efefef; }
.balloon-right.balloon-bg-gray .balloon-content {
  background: #efefef; }

.balloon-left.balloon-bg-gray .balloon-serif:before {
  border-color: transparent #efefef transparent transparent; }
.balloon-left.balloon-bg-gray .balloon-content {
  background: #efefef; }

.balloon-right.balloon-blue .balloon-serif:after {
  border-color: transparent transparent transparent #93D2F0; }
.balloon-right.balloon-blue .balloon-content {
  border-color: #93D2F0; }

.balloon-left.balloon-blue .balloon-serif:after {
  border-color: transparent #93D2F0 transparent transparent; }
.balloon-left.balloon-blue .balloon-content {
  border-color: #93D2F0; }

.balloon-right.balloon-bg-blue .balloon-serif:before {
  border-color: transparent transparent transparent #E2F6FF; }
.balloon-right.balloon-bg-blue .balloon-content {
  background: #E2F6FF; }

.balloon-left.balloon-bg-blue .balloon-serif:before {
  border-color: transparent #E2F6FF transparent transparent; }
.balloon-left.balloon-bg-blue .balloon-content {
  background: #E2F6FF; }

.balloon-right.balloon-red .balloon-serif:after {
  border-color: transparent transparent transparent #F48789; }
.balloon-right.balloon-red .balloon-content {
  border-color: #F48789; }

.balloon-left.balloon-red .balloon-serif:after {
  border-color: transparent #F48789 transparent transparent; }
.balloon-left.balloon-red .balloon-content {
  border-color: #F48789; }

.balloon-right.balloon-bg-red .balloon-serif:before {
  border-color: transparent transparent transparent #FFEBEB; }
.balloon-right.balloon-bg-red .balloon-content {
  background: #FFEBEB; }

.balloon-left.balloon-bg-red .balloon-serif:before {
  border-color: transparent #FFEBEB transparent transparent; }
.balloon-left.balloon-bg-red .balloon-content {
  background: #FFEBEB; }

.balloon-right.balloon-green .balloon-serif:after {
  border-color: transparent transparent transparent #9DDD93; }
.balloon-right.balloon-green .balloon-content {
  border-color: #9DDD93; }

.balloon-left.balloon-green .balloon-serif:after {
  border-color: transparent #9DDD93 transparent transparent; }
.balloon-left.balloon-green .balloon-content {
  border-color: #9DDD93; }

.balloon-right.balloon-bg-green .balloon-serif:before {
  border-color: transparent transparent transparent #D1F8C2; }
.balloon-right.balloon-bg-green .balloon-content {
  background: #D1F8C2; }

.balloon-left.balloon-bg-green .balloon-serif:before {
  border-color: transparent #D1F8C2 transparent transparent; }
.balloon-left.balloon-bg-green .balloon-content {
  background: #D1F8C2; }

.balloon-right.balloon-yellow .balloon-serif:after {
  border-color: transparent transparent transparent #FFD75E; }
.balloon-right.balloon-yellow .balloon-content {
  border-color: #FFD75E; }

.balloon-left.balloon-yellow .balloon-serif:after {
  border-color: transparent #FFD75E transparent transparent; }
.balloon-left.balloon-yellow .balloon-content {
  border-color: #FFD75E; }

.balloon-right.balloon-bg-yellow .balloon-serif:before {
  border-color: transparent transparent transparent #FFF8D1; }
.balloon-right.balloon-bg-yellow .balloon-content {
  background: #FFF8D1; }

.balloon-left.balloon-bg-yellow .balloon-serif:before {
  border-color: transparent #FFF8D1 transparent transparent; }
.balloon-left.balloon-bg-yellow .balloon-content {
  background: #FFF8D1; }

.balloon-right.balloon-bg-none .balloon-serif:before {
  border-color: transparent transparent transparent #fff; }
.balloon-right.balloon-bg-none .balloon-content {
  background: #fff; }

.balloon-left.balloon-bg-none .balloon-serif:before {
  border-color: transparent #fff transparent transparent; }
.balloon-left.balloon-bg-none .balloon-content {
  background: #fff; }

.balloon-left.balloon-none .balloon-serif:after,
.balloon-left.balloon-none .balloon-content,
.balloon-right.balloon-none .balloon-serif:after,
.balloon-right.balloon-none .balloon-content {
  border-color: #fff; }

/* editor */
.cps-post img {
  max-width: 100%;
  height: auto; }

.cps-post-main {
  padding-top: 20px;
  /*動画の大きさを調整*/
  /*Instagramの大きさを調整*/
  /*動画を囲んでいるdiv目一杯に広げる*/ }
  .cps-post-main a {
    font-size: 1.1em;
    text-decoration: underline;
    color: #1d2087;
    -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
  .cps-post-main a:hover {
    opacity: 0.6; }

    .svg-inline--fa.fa-w-12 {
    width: .75em;
}
  .cps-post-main pre {
    white-space: pre-wrap;
    border-radius: 5px;
    padding: 17px;
    color: #ddd;
    background: #555555 !important; }
  .cps-post-main img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px; }
  .cps-post-main iframe {
    max-width: 100%; }
  .cps-post-main table {
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
    max-width: 100% !important;
    word-break: break-all; }
  .cps-post-main table tr td,
  .cps-post-main table tr th {
    padding: 8px;
    border: 1px solid #ccc;
    vertical-align: middle; }
  .cps-post-main table tr th {
    font-size: 0.9rem;
    font-weight: bold; }
  .cps-post-main table img.star {
    display: block;
    width: 130px;
    height: auto;
    margin: 0 auto; }
  .cps-post-main .video {
    max-width: 100%;
    text-align: center;
    overflow: hidden; }
  .cps-post-main .instagram {
    position: relative;
    padding-bottom: 120%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
  @media (max-width: 767px) {
    .cps-post-main .video iframe,
    .cps-post-main .instagram iframe {
      width: 100%;
      max-height: 200px; } }
  .cps-post-main p {
    padding-bottom: 2rem;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0.05em;
    line-height: 1.8em;
    font-size: 1.15em; }
    @media (max-width: 767px) {
      .cps-post-main p {
        font-size: 1em;
        font-weight: 400; } }
  .cps-post-main h2,
  .cps-post-main h3,
  .cps-post-main h4,
  .cps-post-main h5 {
    font-weight: 400;
    letter-spacing: 0; }
    @media (max-width: 767px) {
      .cps-post-main h2,
      .cps-post-main h3,
      .cps-post-main h4,
      .cps-post-main h5 {
        font-weight: 500; } }
  @media (max-width: 767px) {
    .cps-post-main h5 {
      font-size: 1rem;
      line-height: 1.5rem;
      padding: 4px 0px;
      margin-top: 0rem;
      margin-bottom: 0.8rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .cps-post-main h5 {
      font-size: 1.1rem;
      line-height: 1.6rem;
      padding: 4px 0px;
      margin-top: 0rem;
      margin-bottom: 0.8rem;
      font-weight: 500; } }
  .cps-post-main blockquote {
    position: relative;
    margin: 0;
    margin-bottom: 1.4em;
    margin-top: 0em;
    padding: 2.4em 2.6em 0em 3em;
    font-size: .9em;
    background: #eee;
    border-radius: 4px; }
  .cps-post-main blockquote:after {
    position: absolute;
    bottom: 15px;
    right: 20px;
    content: '\f10d';
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    font-size: 2.5em;
    opacity: .1;
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
    -ms-filter: fliph();
    filter: fliph(); }
  .cps-post-main blockquote:before {
    position: absolute;
    top: 15px;
    left: 20px;
    content: '\f10d';
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    font-size: 2.5em;
    opacity: .1; }
  .cps-post-main ul {
    padding-left: 20px;
    padding-top: 0;
    margin-top: 0em;
    margin-bottom: 1.5em; }
 .cps-post-main ul li {
    position: relative;
    display: block;
    margin-bottom: 0.7em;
    padding: 0em 0px 0em 25px;
    font-size: 16px;
    font-size: 1.6rem;
}

  .cps-post-main ul:not([class]) li:before,
  .cps-post-main table ul:not([class]) li:before {
    display: block;
    content: '';
    position: absolute;
    top: 0.6em;
    left: 10px;
    width: 6px;
    height: 6px;
    background-color: #1d2087;
    border-radius: 100%; }
  .cps-post-main ol {
    counter-reset: li;
    padding-left: 20px;
    margin-top: 0em;
    margin-bottom: 1.5em; }
  .cps-post-main ol > li,
  .cps-post-main table ol:not([class]) li {
    position: relative;
    display: block;
    padding: 0em 0px 0em 25px;
    margin-bottom: 0.7em; 
  font-size: 16px;
    font-size: 1.6rem;}
  .cps-post-main ol > li:after,
  .cps-post-main table ol:not([class]) li:after {
    counter-increment: li;
    content: counter(li);
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    padding: 0;
    line-height: 0;
    color: #fff;
    text-align: center;
    font-size: 0.65em;
    letter-spacing: 0; }
    @media (min-width: 768px) {
      .cps-post-main ol > li:after,
      .cps-post-main table ol:not([class]) li:after {
        top: 12px; } }
    @media (max-width: 767px) {
      .cps-post-main ol > li:after,
      .cps-post-main table ol:not([class]) li:after {
        font-weight: 400;
        top: 13px; } }
  .cps-post-main ol > li:before,
  .cps-post-main table ol:not([class]) li:before {
    position: absolute;
    content: "";
    left: 0px;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background: #000; }
    @media (min-width: 768px) {
      .cps-post-main ol > li:before,
      .cps-post-main table ol:not([class]) li:before {
        top: 2px; } }
    @media (max-width: 767px) {
      .cps-post-main ol > li:before,
      .cps-post-main table ol:not([class]) li:before {
        top: 3px; } }
  .cps-post-main div ul,
  .cps-post-main div ol {
    margin-bottom: 0; }
  .cps-post-main div ol li:last-of-type,
  .cps-post-main div ul li:last-of-type {
    margin-bottom: 0; }
  .cps-post-main .wp-caption {
    max-width: 100%; }
  .cps-post-main .wp-caption-text {
    font-size: 0.75rem;
    color: #888;
    margin-top: -15px;
    line-height: 1.2rem;
    padding-bottom: 0 !important; }
    .cps-post-main .wp-caption-text a {
      color: #888 !important;
      text-decoration: none !important; }
  .cps-post-main table.cps-table03 {
    width: 100%;
    margin-bottom: 30px; }
    .cps-post-main table.cps-table03 th,
    .cps-post-main table.cps-table03 td {
      vertical-align: middle;
      font-size: 0.9rem;
      letter-spacing: 0;
      line-height: 2.2rem;
      font-size: 14px;
    font-size: 1.1em;
    text-align: center; }
    .cps-post-main table.cps-table03 th {
      background: #FFFAF0; }
      @media (max-width: 767px) {
        .cps-post-main table.cps-table03 th {
          font-weight: 700; } }
      @media (min-width: 768px) {
        .cps-post-main table.cps-table03 th {
          font-weight: 500; } }
    .cps-post-main table.cps-table03 th.ranking-title {
      padding: 12px;
      font-size: 1.1em;
      text-align: left; }
    @media (max-width: 767px) {
      .cps-post-main table.cps-table03 td {
        padding: 10px 7px; } }
    @media (min-width: 768px) {
      .cps-post-main table.cps-table03 td {
        padding: 14px; } }

    .cps-post-main table.cps-table03 td.rankinginfo {
      vertical-align: top;
      text-align: left; }
    .cps-post-main table.cps-table03 td img {
      display: block;
      margin: 0 auto;
      margin-top: 0px;
      margin-bottom: 0 !important;
      padding-top: 0;
      padding-bottom: 0; }
    .cps-post-main table.cps-table03 img.star {
      display: block;
      width: 130px;
      height: auto; }
  .cps-post-main table.cps-table03 td.rankinginfo {
    width: 70% !important; }
  .cps-post-main .ranking01,
  .cps-post-main .ranking02,
  .cps-post-main .ranking03 {
    margin-top: 40px;
    display: block; }
    .cps-post-main .ranking01 .ranking-title01,
    .cps-post-main .ranking01 .ranking-title02,
    .cps-post-main .ranking01 .ranking-title03,
    .cps-post-main .ranking02 .ranking-title01,
    .cps-post-main .ranking02 .ranking-title02,
    .cps-post-main .ranking02 .ranking-title03,
    .cps-post-main .ranking03 .ranking-title01,
    .cps-post-main .ranking03 .ranking-title02,
    .cps-post-main .ranking03 .ranking-title03 {
      border-bottom: 1px solid;
      letter-spacing: 0;
      position: relative;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .cps-post-main .ranking01 .ranking-title01,
        .cps-post-main .ranking01 .ranking-title02,
        .cps-post-main .ranking01 .ranking-title03,
        .cps-post-main .ranking02 .ranking-title01,
        .cps-post-main .ranking02 .ranking-title02,
        .cps-post-main .ranking02 .ranking-title03,
        .cps-post-main .ranking03 .ranking-title01,
        .cps-post-main .ranking03 .ranking-title02,
        .cps-post-main .ranking03 .ranking-title03 {
          font-size: 21px;
          font-weight: 700;
          padding-left: 60px; } }
      @media (min-width: 768px) {
        .cps-post-main .ranking01 .ranking-title01,
        .cps-post-main .ranking01 .ranking-title02,
        .cps-post-main .ranking01 .ranking-title03,
        .cps-post-main .ranking02 .ranking-title01,
        .cps-post-main .ranking02 .ranking-title02,
        .cps-post-main .ranking02 .ranking-title03,
        .cps-post-main .ranking03 .ranking-title01,
        .cps-post-main .ranking03 .ranking-title02,
        .cps-post-main .ranking03 .ranking-title03 {
          font-size: 26px;
          font-weight: 400;
          padding-left: 75px; } }
      .cps-post-main .ranking01 .ranking-title01 img,
      .cps-post-main .ranking01 .ranking-title02 img,
      .cps-post-main .ranking01 .ranking-title03 img,
      .cps-post-main .ranking02 .ranking-title01 img,
      .cps-post-main .ranking02 .ranking-title02 img,
      .cps-post-main .ranking02 .ranking-title03 img,
      .cps-post-main .ranking03 .ranking-title01 img,
      .cps-post-main .ranking03 .ranking-title02 img,
      .cps-post-main .ranking03 .ranking-title03 img {
        position: absolute;
        height: auto; }
      @media (max-width: 767px) {
        .cps-post-main .ranking01 .ranking-title01 img.ranking-number,
        .cps-post-main .ranking01 .ranking-title02 img.ranking-number,
        .cps-post-main .ranking01 .ranking-title03 img.ranking-number,
        .cps-post-main .ranking02 .ranking-title01 img.ranking-number,
        .cps-post-main .ranking02 .ranking-title02 img.ranking-number,
        .cps-post-main .ranking02 .ranking-title03 img.ranking-number,
        .cps-post-main .ranking03 .ranking-title01 img.ranking-number,
        .cps-post-main .ranking03 .ranking-title02 img.ranking-number,
        .cps-post-main .ranking03 .ranking-title03 img.ranking-number {
          width: 55px;
          bottom: -18px;
          left: 2px; } }
      @media (min-width: 768px) {
        .cps-post-main .ranking01 .ranking-title01 img.ranking-number,
        .cps-post-main .ranking01 .ranking-title02 img.ranking-number,
        .cps-post-main .ranking01 .ranking-title03 img.ranking-number,
        .cps-post-main .ranking02 .ranking-title01 img.ranking-number,
        .cps-post-main .ranking02 .ranking-title02 img.ranking-number,
        .cps-post-main .ranking02 .ranking-title03 img.ranking-number,
        .cps-post-main .ranking03 .ranking-title01 img.ranking-number,
        .cps-post-main .ranking03 .ranking-title02 img.ranking-number,
        .cps-post-main .ranking03 .ranking-title03 img.ranking-number {
          width: 65px;
          bottom: -15px;
          left: 5px; } }
      @media (max-width: 767px) {
        .cps-post-main .ranking01 .ranking-title01 img.ranking-number-girly,
        .cps-post-main .ranking01 .ranking-title02 img.ranking-number-girly,
        .cps-post-main .ranking01 .ranking-title03 img.ranking-number-girly,
        .cps-post-main .ranking02 .ranking-title01 img.ranking-number-girly,
        .cps-post-main .ranking02 .ranking-title02 img.ranking-number-girly,
        .cps-post-main .ranking02 .ranking-title03 img.ranking-number-girly,
        .cps-post-main .ranking03 .ranking-title01 img.ranking-number-girly,
        .cps-post-main .ranking03 .ranking-title02 img.ranking-number-girly,
        .cps-post-main .ranking03 .ranking-title03 img.ranking-number-girly {
          width: 55px;
          bottom: -18px;
          left: 2px; } }
      @media (min-width: 768px) {
        .cps-post-main .ranking01 .ranking-title01 img.ranking-number-girly,
        .cps-post-main .ranking01 .ranking-title02 img.ranking-number-girly,
        .cps-post-main .ranking01 .ranking-title03 img.ranking-number-girly,
        .cps-post-main .ranking02 .ranking-title01 img.ranking-number-girly,
        .cps-post-main .ranking02 .ranking-title02 img.ranking-number-girly,
        .cps-post-main .ranking02 .ranking-title03 img.ranking-number-girly,
        .cps-post-main .ranking03 .ranking-title01 img.ranking-number-girly,
        .cps-post-main .ranking03 .ranking-title02 img.ranking-number-girly,
        .cps-post-main .ranking03 .ranking-title03 img.ranking-number-girly {
          width: 65px;
          bottom: -17px;
          left: 5px; } }
      @media (max-width: 767px) {
        .cps-post-main .ranking01 .ranking-title01 img.ranking-number-rich,
        .cps-post-main .ranking01 .ranking-title02 img.ranking-number-rich,
        .cps-post-main .ranking01 .ranking-title03 img.ranking-number-rich,
        .cps-post-main .ranking02 .ranking-title01 img.ranking-number-rich,
        .cps-post-main .ranking02 .ranking-title02 img.ranking-number-rich,
        .cps-post-main .ranking02 .ranking-title03 img.ranking-number-rich,
        .cps-post-main .ranking03 .ranking-title01 img.ranking-number-rich,
        .cps-post-main .ranking03 .ranking-title02 img.ranking-number-rich,
        .cps-post-main .ranking03 .ranking-title03 img.ranking-number-rich {
          width: 44px;
          bottom: -36px;
          left: 8px; } }
      @media (min-width: 768px) {
        .cps-post-main .ranking01 .ranking-title01 img.ranking-number-rich,
        .cps-post-main .ranking01 .ranking-title02 img.ranking-number-rich,
        .cps-post-main .ranking01 .ranking-title03 img.ranking-number-rich,
        .cps-post-main .ranking02 .ranking-title01 img.ranking-number-rich,
        .cps-post-main .ranking02 .ranking-title02 img.ranking-number-rich,
        .cps-post-main .ranking02 .ranking-title03 img.ranking-number-rich,
        .cps-post-main .ranking03 .ranking-title01 img.ranking-number-rich,
        .cps-post-main .ranking03 .ranking-title02 img.ranking-number-rich,
        .cps-post-main .ranking03 .ranking-title03 img.ranking-number-rich {
          width: 50px;
          bottom: -38px;
          left: 10px; } }
    .cps-post-main .ranking01 .ranking-title01,
    .cps-post-main .ranking02 .ranking-title01,
    .cps-post-main .ranking03 .ranking-title01 {
      border-color: #FFCF24; }
    .cps-post-main .ranking01 .ranking-title02,
    .cps-post-main .ranking02 .ranking-title02,
    .cps-post-main .ranking03 .ranking-title02 {
      border-color: #A0A9B1; }
    .cps-post-main .ranking01 .ranking-title03,
    .cps-post-main .ranking02 .ranking-title03,
    .cps-post-main .ranking03 .ranking-title03 {
      border-color: #B26A2B; }
    .cps-post-main .ranking01 .ranking-img01,
    .cps-post-main .ranking01 .ranking-img02,
    .cps-post-main .ranking01 .ranking-img03,
    .cps-post-main .ranking02 .ranking-img01,
    .cps-post-main .ranking02 .ranking-img02,
    .cps-post-main .ranking02 .ranking-img03,
    .cps-post-main .ranking03 .ranking-img01,
    .cps-post-main .ranking03 .ranking-img02,
    .cps-post-main .ranking03 .ranking-img03 {
      width: 300px;
      height: auto;
      display: block; }
      @media (max-width: 767px) {
        .cps-post-main .ranking01 .ranking-img01,
        .cps-post-main .ranking01 .ranking-img02,
        .cps-post-main .ranking01 .ranking-img03,
        .cps-post-main .ranking02 .ranking-img01,
        .cps-post-main .ranking02 .ranking-img02,
        .cps-post-main .ranking02 .ranking-img03,
        .cps-post-main .ranking03 .ranking-img01,
        .cps-post-main .ranking03 .ranking-img02,
        .cps-post-main .ranking03 .ranking-img03 {
          margin: 0 auto; } }
      @media (min-width: 768px) {
        .cps-post-main .ranking01 .ranking-img01,
        .cps-post-main .ranking01 .ranking-img02,
        .cps-post-main .ranking01 .ranking-img03,
        .cps-post-main .ranking02 .ranking-img01,
        .cps-post-main .ranking02 .ranking-img02,
        .cps-post-main .ranking02 .ranking-img03,
        .cps-post-main .ranking03 .ranking-img01,
        .cps-post-main .ranking03 .ranking-img02,
        .cps-post-main .ranking03 .ranking-img03 {
          float: left;
          margin-right: 20px; } }
      .cps-post-main .ranking01 .ranking-img01 img,
      .cps-post-main .ranking01 .ranking-img02 img,
      .cps-post-main .ranking01 .ranking-img03 img,
      .cps-post-main .ranking02 .ranking-img01 img,
      .cps-post-main .ranking02 .ranking-img02 img,
      .cps-post-main .ranking02 .ranking-img03 img,
      .cps-post-main .ranking03 .ranking-img01 img,
      .cps-post-main .ranking03 .ranking-img02 img,
      .cps-post-main .ranking03 .ranking-img03 img {
        max-width: 100%;
        height: auto;
        display: block; }
      .cps-post-main .ranking01 .ranking-img01 br,
      .cps-post-main .ranking01 .ranking-img01 img[width="1"],
      .cps-post-main .ranking01 .ranking-img02 br,
      .cps-post-main .ranking01 .ranking-img02 img[width="1"],
      .cps-post-main .ranking01 .ranking-img03 br,
      .cps-post-main .ranking01 .ranking-img03 img[width="1"],
      .cps-post-main .ranking02 .ranking-img01 br,
      .cps-post-main .ranking02 .ranking-img01 img[width="1"],
      .cps-post-main .ranking02 .ranking-img02 br,
      .cps-post-main .ranking02 .ranking-img02 img[width="1"],
      .cps-post-main .ranking02 .ranking-img03 br,
      .cps-post-main .ranking02 .ranking-img03 img[width="1"],
      .cps-post-main .ranking03 .ranking-img01 br,
      .cps-post-main .ranking03 .ranking-img01 img[width="1"],
      .cps-post-main .ranking03 .ranking-img02 br,
      .cps-post-main .ranking03 .ranking-img02 img[width="1"],
      .cps-post-main .ranking03 .ranking-img03 br,
      .cps-post-main .ranking03 .ranking-img03 img[width="1"] {
        display: none; }
    @media (min-width: 768px) {
      .cps-post-main .ranking01 .ranking-info01,
      .cps-post-main .ranking01 .ranking-info02,
      .cps-post-main .ranking01 .ranking-info03,
      .cps-post-main .ranking02 .ranking-info01,
      .cps-post-main .ranking02 .ranking-info02,
      .cps-post-main .ranking02 .ranking-info03,
      .cps-post-main .ranking03 .ranking-info01,
      .cps-post-main .ranking03 .ranking-info02,
      .cps-post-main .ranking03 .ranking-info03 {
        display: inline; } }
    @media (max-width: 767px) {
      .cps-post-main .ranking01 .ranking-info01,
      .cps-post-main .ranking01 .ranking-info02,
      .cps-post-main .ranking01 .ranking-info03,
      .cps-post-main .ranking02 .ranking-info01,
      .cps-post-main .ranking02 .ranking-info02,
      .cps-post-main .ranking02 .ranking-info03,
      .cps-post-main .ranking03 .ranking-info01,
      .cps-post-main .ranking03 .ranking-info02,
      .cps-post-main .ranking03 .ranking-info03 {
        margin-bottom: 20px; } }
    .cps-post-main .ranking01 .clearfix,
    .cps-post-main .ranking02 .clearfix,
    .cps-post-main .ranking03 .clearfix {
      height: 5px; }
  .cps-post-main .ranking02,
  .cps-post-main .ranking03 {
    margin-top: 0px; }

@media (min-width: 768px) {
  .alignright {
    margin: 20px 0px 20px auto;
    text-align: right; } }

@media (min-width: 768px) {
  .alignleft {
    margin: 20px auto 20px 0; } }

.t-aligncenter {
  text-align: center; }

@media (min-width: 768px) {
  img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; } }
@media (max-width: 767px) {
  img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block; } }

@media (min-width: 768px) {
  img.alignright {
    padding: 4px;
    margin: 0 0 2px 20px;
    display: inline;
    float: right; } }
@media (max-width: 767px) {
  img.alignright {
    margin-bottom: 20px;
    display: block; } }

@media (min-width: 768px) {
  img.alignleft {
    padding: 4px;
    margin: 0 20px 2px 0;
    display: inline;
    float: left; } }
@media (max-width: 767px) {
  img.alignleft {
    margin-bottom: 20px;
    display: block; } }

.ranking-number {
  height: auto; }
  @media (max-width: 767px) {
    .ranking-number {
      width: 45px; } }
  @media (min-width: 768px) {
    .ranking-number {
      width: 52px; } }

.ranking-number-girly {
  height: auto; }
  @media (max-width: 767px) {
    .ranking-number-girly {
      width: 45px; } }
  @media (min-width: 768px) {
    .ranking-number-girly {
      width: 50px; } }

.ranking-number-rich {
  height: auto; }
  @media (max-width: 767px) {
    .ranking-number-rich {
      width: 35px; } }
  @media (min-width: 768px) {
    .ranking-number-rich {
      width: 38px; } }

h2 .ranking-number,
h3 .ranking-number {
  height: auto;
  float: left;
  position: relative;
  margin-right: 3px;
  margin-top: -3px; }
  @media (max-width: 767px) {
    h2 .ranking-number,
    h3 .ranking-number {
      width: 45px; } }
  @media (min-width: 768px) {
    h2 .ranking-number,
    h3 .ranking-number {
      width: 52px; } }

h2 .ranking-number-rich,
h3 .ranking-number-rich {
  height: auto;
  float: left;
  position: relative;
  margin-right: 3px;
  margin-top: -5px;
  z-index: 1; }
  @media (max-width: 767px) {
    h2 .ranking-number-rich,
    h3 .ranking-number-rich {
      width: 35px; } }
  @media (min-width: 768px) {
    h2 .ranking-number-rich,
    h3 .ranking-number-rich {
      width: 38px; } }

h2 .ranking-number-girly,
h3 .ranking-number-girly {
  height: auto;
  float: left;
  position: relative;
  margin-right: 3px;
  margin-top: -7px;
  z-index: 1; }
  @media (max-width: 767px) {
    h2 .ranking-number-girly,
    h3 .ranking-number-girly {
      width: 45px; } }
  @media (min-width: 768px) {
    h2 .ranking-number-girly,
    h3 .ranking-number-girly {
      width: 50px; } }

h2 .ranking-number:after,
h3 .ranking-number:after,
h2 .ranking-number-rich:after,
h3 .ranking-number-rich:after,
h2 .ranking-number-girly:after,
h3 .ranking-number-girly:after {
  content: "";
  position: absolute;
  clear: both; }

@media (min-width: 768px) {
  .xs-size {
    font-size: 0.85rem; }

  .s-size {
    font-size: 0.95rem; }

  .l-size {
    font-size: 1.05rem; }

  .xl-size {
    font-size: 1.1rem; } }
@media (max-width: 767px) {
  .xs-size-sp {
    font-size: 0.85rem; }

  .s-size-sp {
    font-size: 0.95rem; }

  .l-size-sp {
    font-size: 1.05rem; }

  .xl-size-sp {
    font-size: 1.1rem; } }
@media (max-width: 767px) {
  .c-red,
  .c-blue,
  .c-green {
    font-weight: 700; } }
@media (min-width: 768px) {
  .c-red,
  .c-blue,
  .c-green {
    font-weight: 500; } }

.c-red {
  color: #ff2828; }

.c-blue {
  color: #1F65E3; }

.c-green {
  color: #2cb23c; }

.simple-box1 {
  border: 3px solid #eee;
  border-radius: 4px; }

.simple-box2 {
  border: 3px dashed #eee;
  border-radius: 4px; }

.simple-box3 {
  position: relative;
  border: 3px double #eee;
  border-radius: 4px; }

.simple-box4 {
  border: 1px solid #eee;
  border-radius: 4px;
  position: relative; }

.simple-box4:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.05; }

.simple-box5 {
  position: relative;
  border: 1px dashed #aaa;
  border-radius: 4px; }

.simple-box5:before {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  opacity: 0.05; }

.simple-box6 {
  background: #eee;
  border-radius: 4px; }

.simple-box7 {
  border: 10px solid #aaa;
  border-radius: 4px;
  position: relative; }

.simple-box7:before {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  opacity: 0.2; }

.simple-box8 {
  position: relative;
  border-left: 5px solid #aaa; }

.simple-box8:before {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  opacity: 0.1; }

.simple-box9 {
  position: relative; }

.simple-box9:before {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  opacity: 0.2; }

.simple-box9:after {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: 0;
  border-color: #e3e3e3 #e3e3e3 #fff #fff;
  border-width: 0 30px 30px 0;
  border-style: solid;
  width: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.kaisetsu-box1 {
  position: relative; }
  @media (min-width: 768px) {
    .kaisetsu-box1 {
      padding-top: 80px !important; } }
  @media (max-width: 767px) {
    .kaisetsu-box1 {
      padding-top: 70px !important; } }

.kaisetsu-box1:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  opacity: 0.15;
  border-radius: 4px; }

.kaisetsu-box1-title {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  color: #fff;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  background: #aaa;
  letter-spacing: 0px !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
  @media (min-width: 768px) {
    .kaisetsu-box1-title {
      font-size: 21px;
      font-weight: 500; } }
  @media (max-width: 767px) {
    .kaisetsu-box1-title {
      font-size: 18px;
      font-weight: 700; } }

.kaisetsu-box2 {
  position: relative;
  border: 1px solid #aaa;
  border-radius: 4px; }
  @media (min-width: 768px) {
    .kaisetsu-box2 {
      padding-top: 80px !important; } }
  @media (max-width: 767px) {
    .kaisetsu-box2 {
      padding-top: 70px !important; } }
  .kaisetsu-box2 ol li, .kaisetsu-box2 ul li {
    border-bottom: 2px dashed #ccc;
    padding-bottom: 9px; }

.kaisetsu-box2:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  opacity: 0.15;
  border-radius: 4px; }

.kaisetsu-box2-title {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  color: #fff;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  background: #aaa;
  letter-spacing: 0px !important; }
  @media (min-width: 768px) {
    .kaisetsu-box2-title {
      font-size: 21px;
      font-weight: 500; } }
  @media (max-width: 767px) {
    .kaisetsu-box2-title {
      font-size: 18px;
      font-weight: 700; } }

.kaisetsu-box3 {
  position: relative;
  border: 10px solid #E3B66A;
  background: #369377;
  border-radius: 1px;
  color: #fff !important; }
  @media (min-width: 768px) {
    .kaisetsu-box3 {
      padding-top: 80px !important; } }
  @media (max-width: 767px) {
    .kaisetsu-box3 {
      padding-top: 70px !important; } }
  .kaisetsu-box3 ol li, .kaisetsu-box3 ul li {
    border-bottom: 2px solid rgba(255, 255, 255, 0.21);
    padding-bottom: 9px; }

.kaisetsu-box3:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 57px;
  height: 23px;
  background: url(img/bankeshi.png);
  background-size: contain; }

.kaisetsu-box3-title {
  position: absolute;
  display: block;
  left: 0;
  top: 15px;
  color: #fff;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0px !important; }
  @media (min-width: 768px) {
    .kaisetsu-box3-title {
      font-size: 21px;
      font-weight: 500; } }
  @media (max-width: 767px) {
    .kaisetsu-box3-title {
      font-size: 18px;
      font-weight: 700; } }

.kaisetsu-box4 {
  position: relative;
  border: 1px solid #aaa;
  border-radius: 4px;
  border-top-left-radius: 0; }
  @media (max-width: 767px) {
    .kaisetsu-box4 {
      margin-top: 35px !important; } }
  @media (min-width: 768px) {
    .kaisetsu-box4 {
      margin-top: 40px !important; } }

.kaisetsu-box4-title {
  position: absolute;
  line-height: 0;
  font-size: 18px;
  left: -1px;
  top: -36px;
  color: #fff;
  padding: 18px 15px;
  background: #aaa;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  letter-spacing: 0px !important; }
  @media (min-width: 768px) {
    .kaisetsu-box4-title {
      font-weight: 500; } }
  @media (max-width: 767px) {
    .kaisetsu-box4-title {
      font-weight: 700; } }

.kaisetsu-box5 {
  position: relative;
  border-radius: 4px; }
  @media (max-width: 767px) {
    .kaisetsu-box5 {
      padding-top: 30px !important;
      margin-top: 20px !important; } }
  @media (min-width: 768px) {
    .kaisetsu-box5 {
      padding-top: 40px !important;
      margin-top: 20px !important; } }

.kaisetsu-box5:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #aaa;
  opacity: 0.12;
  border-radius: 4px;
  box-sizing: border-box; }

.kaisetsu-box5-title {
  position: absolute;
  line-height: 0;
  font-size: 18px;
  left: 20px;
  top: -18px;
  color: #fff;
  padding: 18px 15px;
  background: #aaa;
  border-radius: 2px;
  letter-spacing: 0px !important; }
  @media (min-width: 768px) {
    .kaisetsu-box5-title {
      font-weight: 500; } }
  @media (max-width: 767px) {
    .kaisetsu-box5-title {
      font-weight: 700; } }

.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6 {
  position: relative;
  border: 1px solid #eee;
  border-radius: 4px; }
  @media (max-width: 767px) {
    .concept-box1,
    .concept-box2,
    .concept-box3,
    .concept-box4,
    .concept-box5,
    .concept-box6 {
      padding-top: 30px !important;
      margin-top: 30px !important; } }
  @media (min-width: 768px) {
    .concept-box1,
    .concept-box2,
    .concept-box3,
    .concept-box4,
    .concept-box5,
    .concept-box6 {
      padding-top: 40px !important;
      margin-top: 30px !important; } }

.concept-box1:before,
.concept-box2:before,
.concept-box3:before,
.concept-box4:before,
.concept-box5:before,
.concept-box6:before {
  position: absolute;
  font-weight: bold;
  background: #fff;
  color: #555;
  line-height: 0; }
  @media (min-width: 768px) {
    .concept-box1:before,
    .concept-box2:before,
    .concept-box3:before,
    .concept-box4:before,
    .concept-box5:before,
    .concept-box6:before {
      font-size: 22px;
      top: -21px;
      padding: 20px 8px 20px 60px; } }
  @media (max-width: 767px) {
    .concept-box1:before,
    .concept-box2:before,
    .concept-box3:before,
    .concept-box4:before,
    .concept-box5:before,
    .concept-box6:before {
      font-size: 20px;
      top: -21px;
      padding: 20px 8px 20px 40px; } }

.concept-box1:after,
.concept-box2:after,
.concept-box3:after,
.concept-box4:after,
.concept-box5:after,
.concept-box6:after {
  position: absolute;
  background: #aaa;
  color: #fff;
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
  font-size: 24px;
  border: 5px solid #fff;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px; }
  @media (min-width: 768px) {
    .concept-box1:after,
    .concept-box2:after,
    .concept-box3:after,
    .concept-box4:after,
    .concept-box5:after,
    .concept-box6:after {
      left: 20px;
      top: -34px;
      padding: 15px;
      border-radius: 40px; } }
  @media (max-width: 767px) {
    .concept-box1:after,
    .concept-box2:after,
    .concept-box3:after,
    .concept-box4:after,
    .concept-box5:after,
    .concept-box6:after {
      left: 12px;
      top: -29px;
      padding: 10px;
      border-radius: 28px; } }

.concept-box1:before {
  content: "ポイント"; }

.concept-box1:after {
  content: "\f00c"; }

.concept-box2:before {
  content: "注意点"; }

.concept-box2:after {
  content: "\f071"; }
  @media (max-width: 767px) {
    .concept-box2:after {
      padding-left: 9px;
      padding-right: 11px;
      padding-top: 8px;
      padding-bottom: 12px; } }
  @media (min-width: 768px) {
    .concept-box2:after {
      padding-left: 13px;
      padding-right: 17px;
      padding-top: 14px;
      padding-bottom: 16px; } }

.concept-box3:before {
  content: "良い例"; }

.concept-box3:after {
  content: "\f22d"; }
  @media (max-width: 767px) {
    .concept-box3:after {
      font-size: 2.7rem; } }
  @media (min-width: 768px) {
    .concept-box3:after {
      font-size: 2.65rem; } }

.concept-box4:before {
  content: "悪い例"; }

.concept-box4:after {
  content: "\f00d"; }
  @media (max-width: 767px) {
    .concept-box4:after {
      padding-left: 11px;
      padding-right: 9px; } }

.concept-box5:before {
  content: "参考"; }

.concept-box5:after {
  content: "\f02d"; }
  @media (max-width: 767px) {
    .concept-box5:after {
      font-size: 20px;
      padding-left: 11px;
      padding-right: 9px; } }

.concept-box6:before {
  content: "メモ"; }

.concept-box6:after {
  content: "\f303"; }

.innerlink-box1 {
  position: relative;
  padding-top: 40px !important;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0); }
  @media (max-width: 767px) {
    .innerlink-box1 {
      padding-top: 35px !important;
      margin-top: 10px !important; } }
  @media (min-width: 768px) {
    .innerlink-box1 {
      margin-top: 20px !important; } }

.innerlink-box1:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.04; }

.innerlink-box1-title {
  position: absolute;
  font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri;
  background: red;
  border: 3px solid #aaa;
  line-height: 0;
  color: #fff;
  border-radius: 2px;
  letter-spacing: 0; }
  @media (min-width: 768px) {
    .innerlink-box1-title {
      top: -16px;
      padding: 7px 8px 7px 8px;
      font-size: 12px;
      font-weight: 500; } }
  @media (max-width: 767px) {
    .innerlink-box1-title {
      top: -14px;
      left: 15px;
      padding: 10px 6px 10px 9px;
      font-weight: bold;
      font-size: 11px; } }
  .innerlink-box1-title .fas {
    line-height: 0;
    color: #fff; }
  .innerlink-box1-title svg, .innerlink-box1-title path {
    fill: #fff !important;
    font-size: 13px; }

.simple-box1,
.simple-box2,
.simple-box3,
.simple-box4,
.simple-box5,
.simple-box6,
.simple-box7,
.simple-box8,
.simple-box9,
.kaisetsu-box1,
.kaisetsu-box2,
.kaisetsu-box3,
.kaisetsu-box4,
.kaisetsu-box5,
.kaisetsu-box6,
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6,
.innerlink-box1 {
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box; }
  @media (max-width: 767px) {
    .simple-box1,
    .simple-box2,
    .simple-box3,
    .simple-box4,
    .simple-box5,
    .simple-box6,
    .simple-box7,
    .simple-box8,
    .simple-box9,
    .kaisetsu-box1,
    .kaisetsu-box2,
    .kaisetsu-box3,
    .kaisetsu-box4,
    .kaisetsu-box5,
    .kaisetsu-box6,
    .concept-box1,
    .concept-box2,
    .concept-box3,
    .concept-box4,
    .concept-box5,
    .concept-box6,
    .innerlink-box1 {
      margin-bottom: 30px; } }
  @media (min-width: 768px) {
    .simple-box1,
    .simple-box2,
    .simple-box3,
    .simple-box4,
    .simple-box5,
    .simple-box6,
    .simple-box7,
    .simple-box8,
    .simple-box9,
    .kaisetsu-box1,
    .kaisetsu-box2,
    .kaisetsu-box3,
    .kaisetsu-box4,
    .kaisetsu-box5,
    .kaisetsu-box6,
    .concept-box1,
    .concept-box2,
    .concept-box3,
    .concept-box4,
    .concept-box5,
    .concept-box6,
    .innerlink-box1 {
      margin-bottom: 40px;
      width: 90%;
      margin-left: auto;
      margin-right: auto; } }
  .simple-box1 P,
  .simple-box2 P,
  .simple-box3 P,
  .simple-box4 P,
  .simple-box5 P,
  .simple-box6 P,
  .simple-box7 P,
  .simple-box8 P,
  .simple-box9 P,
  .kaisetsu-box1 P,
  .kaisetsu-box2 P,
  .kaisetsu-box3 P,
  .kaisetsu-box4 P,
  .kaisetsu-box5 P,
  .kaisetsu-box6 P,
  .concept-box1 P,
  .concept-box2 P,
  .concept-box3 P,
  .concept-box4 P,
  .concept-box5 P,
  .concept-box6 P,
  .innerlink-box1 P {
    padding-bottom: 20px; }
  .simple-box1 ol, .simple-box1 ul,
  .simple-box2 ol,
  .simple-box2 ul,
  .simple-box3 ol,
  .simple-box3 ul,
  .simple-box4 ol,
  .simple-box4 ul,
  .simple-box5 ol,
  .simple-box5 ul,
  .simple-box6 ol,
  .simple-box6 ul,
  .simple-box7 ol,
  .simple-box7 ul,
  .simple-box8 ol,
  .simple-box8 ul,
  .simple-box9 ol,
  .simple-box9 ul,
  .kaisetsu-box1 ol,
  .kaisetsu-box1 ul,
  .kaisetsu-box2 ol,
  .kaisetsu-box2 ul,
  .kaisetsu-box3 ol,
  .kaisetsu-box3 ul,
  .kaisetsu-box4 ol,
  .kaisetsu-box4 ul,
  .kaisetsu-box5 ol,
  .kaisetsu-box5 ul,
  .kaisetsu-box6 ol,
  .kaisetsu-box6 ul,
  .concept-box1 ol,
  .concept-box1 ul,
  .concept-box2 ol,
  .concept-box2 ul,
  .concept-box3 ol,
  .concept-box3 ul,
  .concept-box4 ol,
  .concept-box4 ul,
  .concept-box5 ol,
  .concept-box5 ul,
  .concept-box6 ol,
  .concept-box6 ul,
  .innerlink-box1 ol,
  .innerlink-box1 ul {
    padding-top: 0px;
    padding-bottom: 30px;
    padding-right: 20px; }
    @media (max-width: 767px) {
      .simple-box1 ol, .simple-box1 ul,
      .simple-box2 ol,
      .simple-box2 ul,
      .simple-box3 ol,
      .simple-box3 ul,
      .simple-box4 ol,
      .simple-box4 ul,
      .simple-box5 ol,
      .simple-box5 ul,
      .simple-box6 ol,
      .simple-box6 ul,
      .simple-box7 ol,
      .simple-box7 ul,
      .simple-box8 ol,
      .simple-box8 ul,
      .simple-box9 ol,
      .simple-box9 ul,
      .kaisetsu-box1 ol,
      .kaisetsu-box1 ul,
      .kaisetsu-box2 ol,
      .kaisetsu-box2 ul,
      .kaisetsu-box3 ol,
      .kaisetsu-box3 ul,
      .kaisetsu-box4 ol,
      .kaisetsu-box4 ul,
      .kaisetsu-box5 ol,
      .kaisetsu-box5 ul,
      .kaisetsu-box6 ol,
      .kaisetsu-box6 ul,
      .concept-box1 ol,
      .concept-box1 ul,
      .concept-box2 ol,
      .concept-box2 ul,
      .concept-box3 ol,
      .concept-box3 ul,
      .concept-box4 ol,
      .concept-box4 ul,
      .concept-box5 ol,
      .concept-box5 ul,
      .concept-box6 ol,
      .concept-box6 ul,
      .innerlink-box1 ol,
      .innerlink-box1 ul {
        padding-left: 4px;
        padding-right: 4px; } }
  .simple-box1 a,
  .simple-box2 a,
  .simple-box3 a,
  .simple-box4 a,
  .simple-box5 a,
  .simple-box6 a,
  .simple-box7 a,
  .simple-box8 a,
  .simple-box9 a,
  .kaisetsu-box1 a,
  .kaisetsu-box2 a,
  .kaisetsu-box3 a,
  .kaisetsu-box4 a,
  .kaisetsu-box5 a,
  .kaisetsu-box6 a,
  .concept-box1 a,
  .concept-box2 a,
  .concept-box3 a,
  .concept-box4 a,
  .concept-box5 a,
  .concept-box6 a,
  .innerlink-box1 a {
    position: relative;
    z-index: 2; }

.simple-box1 ol, .simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul {
  padding-top: 10px;
  padding-bottom: 30px;
  padding-right: 20px; }
  @media (max-width: 767px) {
    .simple-box1 ol, .simple-box1 ul,
    .simple-box2 ol,
    .simple-box2 ul,
    .simple-box3 ol,
    .simple-box3 ul,
    .simple-box4 ol,
    .simple-box4 ul,
    .simple-box5 ol,
    .simple-box5 ul,
    .simple-box6 ol,
    .simple-box6 ul,
    .simple-box7 ol,
    .simple-box7 ul,
    .simple-box8 ol,
    .simple-box8 ul,
    .simple-box9 ol,
    .simple-box9 ul,
    .kaisetsu-box1 ol,
    .kaisetsu-box1 ul,
    .kaisetsu-box2 ol,
    .kaisetsu-box2 ul,
    .kaisetsu-box3 ol,
    .kaisetsu-box3 ul,
    .kaisetsu-box4 ol,
    .kaisetsu-box4 ul,
    .kaisetsu-box5 ol,
    .kaisetsu-box5 ul,
    .kaisetsu-box6 ol,
    .kaisetsu-box6 ul {
      padding-left: 4px;
      padding-right: 4px; } }

.concept-box1 ol, .concept-box1 ul,
.concept-box2 ol,
.concept-box2 ul,
.concept-box3 ol,
.concept-box3 ul,
.concept-box4 ol,
.concept-box4 ul,
.concept-box5 ol,
.concept-box5 ul,
.concept-box6 ol,
.concept-box6 ul,
.innerlink-box1 ol,
.innerlink-box1 ul {
  padding-top: 0px;
  padding-bottom: 30px;
  padding-right: 20px; }
  @media (max-width: 767px) {
    .concept-box1 ol, .concept-box1 ul,
    .concept-box2 ol,
    .concept-box2 ul,
    .concept-box3 ol,
    .concept-box3 ul,
    .concept-box4 ol,
    .concept-box4 ul,
    .concept-box5 ol,
    .concept-box5 ul,
    .concept-box6 ol,
    .concept-box6 ul,
    .innerlink-box1 ol,
    .innerlink-box1 ul {
      padding-left: 4px;
      padding-right: 4px; } }

.detail-style01 h2 {
  background-color: #1d2087;
  color: #fff;
  border-radius: 2px; 
}

  @media (max-width: 767px) {
    .detail-style01 h2 {
    font-size: 2.65rem;
    padding: 24px;
    padding-bottom: 25px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;}
    }
  @media (min-width: 768px) {
    .detail-style01 h2 {
    font-size: 2.65rem;
    padding: 24px;
    padding-bottom: 25px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;
    line-height: 3.5rem;
}
    }


.detail-style01 h3 {
  border-bottom: 3px solid #1d2087; }
  @media (max-width: 767px) {
    .detail-style01 h3 {
    font-size: 2.4rem;
    line-height: 1.7rem;
    padding: 11px 0;
    padding-top: 0;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
}}
  @media (min-width: 768px) {
    .detail-style01 h3 {
      font-size: 2.4rem;
    line-height: 2rem;
    padding: 10px 8px;
    padding-top: 0;
    margin-top: 2.3rem;
    margin-bottom: 1.6rem; } }

.detail-style01 h4 {
  border-left: 2px solid #1d2087; }
  @media (max-width: 767px) {
    .detail-style01 h4 {
      font-size: 1.05rem;
      line-height: 1.6rem;
      padding: 2px 8px;
      margin-top: 1rem;
      margin-bottom: 0.8rem;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .detail-style01 h4 {
      font-size: 1.3rem;
      line-height: 1.8rem;
      padding: 2px 12px;
      margin-top: 1rem;
      margin-bottom: 0.8rem; } }


.detail-style01 p .marker {
    background: -webkit-linear-gradient( transparent 60%, #ffcedb 0% );
    background: linear-gradient( transparent 60%, #ffcedb 0% );
}

.detail-style01 p .marker2 {
    background: -webkit-linear-gradient( transparent 60%, #a9eaf2 0% );
    background: linear-gradient( transparent 60%, #a9eaf2 0% );
}


/*施工事例---------======================*/

.detail-style02 h2 {
  position: relative;
  border-bottom: 1px solid #1d2088;
  border-left: 5px solid #1d2088;
  color: #212121; 
font-size: 2.6rem;}

.detail-style02 h3 {
  position: relative;
  color: #000; 
  font-size: 20px;
font-size: 2.0rem;
margin: 30px 0 20px;
}

  @media (max-width: 767px) {
    .detail-style02 h2 {
    font-size: 2.45rem;
    line-height: 1.8rem;
    padding: 16px 10px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
} }

  @media (min-width: 768px) {
    .detail-style02 h2 {
      font-size: 2.6rem;
      line-height: 2rem;
      padding: 15px 12px;
      padding-top: 16px;
      margin-top: 2.6rem;
      margin-bottom: 1.6rem; } }

.detail-style02 h2:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;}


  .detail-style02 .gaiyo{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight:600;
    margin: 30px 0;
  }
  .detail-style02 .gaiyo dl{
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 50px;
  }
  .detail-style02 .gaiyo dl dt{
    padding: 10px 30px;
    background: #fff100;
    width: auto;
  }

   .detail-style02 .gaiyo dl dd{
    padding: 10px 30px;
    background: #f2f4f7;
    width:auto;
   }

    @media (max-width: 768px) {
      .detail-style02 .gaiyo{
        display: block;
      }
      .detail-style02 .gaiyo dl{
        margin-right: 0;
            width: 100%;
                    margin-bottom: 10px;
      }
      .detail-style02 .gaiyo dl dt{
    padding: 10px 20px;
    width: 34%;
  }

   .detail-style02 .gaiyo dl dd{
    padding: 10px 20px;
    background: #f2f4f7;
    width: 100%;
   }
    }

   .detail-style02 .cps-table03 th{
      background: #1d2087 !important;
      color: #FFF; }

   .detail-style02 .cps-table03 tr:nth-child(2n) td{
      background: #f2f4f7  !important; }

    .detail-style02 .mokuji{
      padding: 30px;
      width: 100%;
      background: #f2f4f7;
      border-radius: 10px;
    }

     .detail-style02 .mokuji p{
      font-size: 20px;
    font-size: 2.0rem;
    font-weight:600;
     }

      .detail-style02 .mokuji ol > li:before {
    position: absolute;
    content: "";
    left: 0px;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background: none; 
      }

     .detail-style02 .mokuji ol > li:after {
    font-size: 2.0rem;
    color: #1d2087;
    top: 17px;
   
  }

      .detail-style02 .mokuji ol > li{
        font-size: 20px;
    font-size: 2.0rem;
    font-weight:600;
      }

      .be-af:before{
        content: "■";
        color: #1d2087;

      }

        @media (max-width: 767px) {
    .detail-style02 .mokuji ol{
      padding-left:0 ; 
    }
  }

.detail-style02 .slider {
    width: 100%;
    padding-left: 0;
    position: relative;
}
.detail-style02 .slider img{
  width: 100%;
    object-fit: cover;
}
.detail-style02 .thumbnail div .slick-slide {
    width: 10% !important;
    padding: 0;
    margin: 0 5px;
}
.detail-style02 .thumbnail div img {
    height: 100px;
    object-fit: cover;
    width: 100%;
}

.detail-style02 .slick-dots{
  display: none !important;
}

.detail-style02 .thumbnail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    width: 66%;
    margin: 0 auto;
    position: relative;
        height: 120px;
}




button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.prev-arrow {
    left:10%;
    top: 111%;
    width: 30px !important;
    height: 0;
}
.next-arrow{
  right: 10%;
  top: 111%;
  width: 30px !important;
  height: 0;
}
.prev-arrow2 {
    left: -11%;
    top: 44%;
    width: 30px !important;
    height: 0;
}
.next-arrow2{
  right: -11%;
  top: 44%;
  width: 30px !important;
  height: 0;
}

.detail-style02 .thumbnail .slick-prev:after {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-initialized .slick-slide {
  padding: 0; 
}

.detail-style02 .thumbnail .slider .slick-initialized .slick-slide {
    padding:0;
    margin-bottom: 0;
}
.detail-style02 .thumbnail .detail-style02 .thumbnail div .slick-slide {
    padding: 0;
    margin: 0 5px;
}

@media (max-width: 767px) {

  .detail-style02 .slider {
    width: 100%;
    padding-left: 0;
    height: 188px;
}

  .slick-initialized .slick-slide {
    padding:0;
    margin-bottom: 0;
}
    .detail-style02 .thumbnail {
    width: 80%;
    margin: 0 auto;
    position: relative;
    height: 60px;}

  .detail-style02 .thumbnail div .slick-slide {
    width: 100px !important;
    padding: 0;
    margin: 0 5px;
}
.detail-style02 .thumbnail div img {
    height: 53px;
    object-fit: cover;
    width: 100%;
}
.prev-arrow2 {
    left: -14%;
    top: 44%;
    width: 30px !important;
    height: 0;
}
.next-arrow2{
  right: -14%;
  top: 44%;
  width: 30px !important;
  height: 0;
}
.prev-arrow {
    left: -2%;
    top: 113%;
    width: 30px !important;
    height: 0;
}
.next-arrow {
    right: -2%;
    top: 113%;
    width: 30px !important;
    height: 0;
}
}



.detail-style02 .planing ol {
    padding-left: 0;
    margin-top: 50px;
}

.detail-style02 .planing ol li {
    padding: 0em 0px 2em 60px;
    vertical-align: middle;
}

.detail-style02 .planing ol li:before {
    padding-left: 42px;
    padding-bottom: 42px;
    background-size: 40px auto;
}

.detail-style02 .planing ol li:after {
    display: none;
}

.detail-style02 .planing ol li:first-child:before {
    background: url(../images/point1.png) left 0px top -3px no-repeat;
    padding-left: 42px;
    padding-bottom: 43px;
    background-size: 56px auto;
}
.detail-style02 .planing ol li:nth-child(2):before {
    background: url(../images/point2.png) left 0px top -6px no-repeat;
    padding-left: 42px;
    padding-bottom: 42px;
        background-size: 56px auto;
}
.detail-style02 .planing ol li:nth-child(3):before {
    background: url(../images/point3.png) left 0px top -6px no-repeat;
    padding-left: 42px;
    padding-bottom: 42px;
        background-size: 56px auto;
}

.detail-style02 .voice{
  background: #f2f4f7;
  border:solid 1px #1d2087;
  border-radius: 10px;
  padding: 20px 30px;
  position: relative;
  margin-top:50px; 
}

.detail-style02 .voice .voice_ribon {
    position: absolute;
    top: -25px;
    left: -10px;
    width: 140px;
}

.detail-style02 .voice .voice_user{
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;

}
.detail-style02 .voice .voice_user img {
    width: 137px;
    height: 137px;
    object-fit: cover;
    border: solid 2px #fff100;
}
.detail-style02 .voice .voice_user div{
margin-right: 20px;
width: 76%;
}
.detail-style02 .voice .voice_user div .voice_title{
  font-size: 20px;
  font-size: 2.0rem;
    font-family: 'ヒラギノ角ゴ ProN W6', Hiragino Sans, 'ヒラギノ角ゴ ProN W6', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri;

}
.detail-style02 .voice .voice_user2 {
    padding-top:10px;
    padding-bottom: 10px; 
}

  @media (max-width: 767px) {
    .detail-style02 .voice .voice_user {
     display: block;
}
.detail-style02 .voice .voice_user div {
    margin-right: 20px;
    width: 100%;
}
.detail-style02 .voice .voice_user img {
    width: 137px;
    height: 137px;
    object-fit: cover;
    border: solid 2px #fff100;
    margin: 10px auto;
}
  }



  body#nts-style .kaisetsu-box1:after,
  body#nts-style .kaisetsu-box2:after,
  body#nts-style .kaisetsu-box4:after,
  body#nts-style .kaisetsu-box5:after,
  body#nts-style .innerlink-box1:after {
    font-family: "Font Awesome\ 5 Free",'Noto Sans Japanese', sans-serif; }
  body#nts-style .ef,
  body#nts-style #prev-next a.prev:after,
  body#nts-style #prev-next a.next:after {
    font-family: 'Quicksand','Noto Sans Japanese', sans-serif; }
  body#nts-style .widget_nav_menu ul > li > a:before,
  body#nts-style .widget_categories ul > li > a:before {
    padding-top: 1px; }
  @media (min-width: 768px) {
    body#nts-style #breadcrumb .bcHome span:before {
      top: -6px; } }
  body#nts-style .widget_recent_comments ul li > a:before {
    top: 1px; }

body#rm-style {
  font-family: 'Rounded Mplus 1c', sans-serif; }
  @media (max-width: 767px) {
    body#rm-style {
      font-weight: 400; } }
  @media (min-width: 768px) {
    body#rm-style {
      font-weight: 300; } }
  @media (max-width: 767px) {
    body#rm-style p {
      font-weight: 400; } }
  @media (min-width: 768px) {
    body#rm-style p {
      font-weight: 300; } }
  @media (max-width: 767px) {
    body#rm-style .sp-menu-box ul li a {
      font-weight: 500 !important; } }
  @media (max-width: 767px) {
    body#rm-style .sp-menu-box ul li ul li a {
      font-weight: 300 !important; } }
  @media (max-width: 767px) {
    body#rm-style .post-list-link .entry-title,
    body#rm-style .cps-post-title,
    body#rm-style .new-entry-item-title,
    body#rm-style .info-title,
    body#rm-style #prev-next p,
    body#rm-style .myname,
    body#rm-style .widgettitle,
    body#rm-style .toppost-list-box label,
    body#rm-style .pickup-title,
    body#rm-style .profile-name {
      font-weight: 400 !important; } }
  @media (min-width: 768px) {
    body#rm-style .post-list-link .entry-title,
    body#rm-style .cps-post-title,
    body#rm-style .new-entry-item-title,
    body#rm-style .info-title,
    body#rm-style #prev-next p,
    body#rm-style .myname,
    body#rm-style .widgettitle,
    body#rm-style .toppost-list-box label,
    body#rm-style .pickup-title,
    body#rm-style .profile-name {
      font-weight: 400 !important; } }
  @media (max-width: 767px) {
    body#rm-style .kaisetsu-box1-title,
    body#rm-style .kaisetsu-box2-title,
    body#rm-style .kaisetsu-box3-title,
    body#rm-style .kaisetsu-box4-title,
    body#rm-style .kaisetsu-box5-title,
    body#rm-style .cps-post-main-box h2,
    body#rm-style .cps-post-main-box h3,
    body#rm-style .cps-post-main-box h4,
    body#rm-style .cps-post-main-box h5,
    body#rm-style .ranking-title01,
    body#rm-style .ranking-title02,
    body#rm-style .ranking-title03,
    body#rm-style .cps-post-main table.cps-table03 th,
    body#rm-style .related-entry-headline-text span {
      font-weight: 500 !important; } }
  @media (min-width: 768px) {
    body#rm-style .kaisetsu-box1-title,
    body#rm-style .kaisetsu-box2-title,
    body#rm-style .kaisetsu-box3-title,
    body#rm-style .kaisetsu-box4-title,
    body#rm-style .kaisetsu-box5-title,
    body#rm-style .cps-post-main-box h2,
    body#rm-style .cps-post-main-box h3,
    body#rm-style .cps-post-main-box h4,
    body#rm-style .cps-post-main-box h5,
    body#rm-style .ranking-title01,
    body#rm-style .ranking-title02,
    body#rm-style .ranking-title03,
    body#rm-style .cps-post-main table.cps-table03 th,
    body#rm-style .related-entry-headline-text span {
      font-weight: 400 !important; } }
  body#rm-style .top-image-meta,
  body#rm-style .fixed-content a,
  body#rm-style .cps-post-date,
  body#rm-style .myintro,
  body#rm-style .myjob,
  body#rm-style .textwidget,
  body#rm-style .tagcloud a,
  body#rm-style .profile-desc,
  body#rm-style .new-entry-item-title,
  body#rm-style .widget ul li a,
  body#rm-style .widget_categories ul li a,
  body#rm-style .widget_recent_comments .recentcomments {
    font-weight: 400 !important; }
  body#rm-style .kaisetsu-box1:after,
  body#rm-style .kaisetsu-box2:after,
  body#rm-style .kaisetsu-box4:after,
  body#rm-style .kaisetsu-box5:after,
  body#rm-style .innerlink-box1:after {
    font-family: "Font Awesome\ 5 Free",'Rounded Mplus 1c', sans-serif; }
  body#rm-style .ef,
  body#rm-style #prev-next a.prev:after,
  body#rm-style #prev-next a.next:after {
    font-family: 'Quicksand','Rounded Mplus 1c', sans-serif; }
  @media (max-width: 767px) {
    body#rm-style strong {
      font-weight: 700 !important; } }
  @media (min-width: 768px) {
    body#rm-style strong {
      font-weight: 500 !important; } }
  body#rm-style .widget_nav_menu ul > li > a:before,
  body#rm-style .widget_categories ul > li > a:before {
    padding-top: 0px;
    top: 23px; }
  body#rm-style .widget_nav_menu ul > li > ul > li > a:before,
  body#rm-style .widget_categories ul > li > ul > li > a:before {
    top: 12px; }
  body#rm-style .widget_nav_menu ul > li > ul > li > ul > li > a:before,
  body#rm-style .widget_categories ul > li > ul > li > ul > li > a:before {
    top: 2px; }
  @media (min-width: 768px) {
    body#rm-style #breadcrumb .bcHome span:before {
      top: -7px; } }
  body#rm-style .widget_recent_comments ul li > a:before {
    top: 0px; }

#toc_container {
  background: #fff !important;
  border-radius: 2px;
  color: #666;
  font-family: 'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  overflow: hidden;
  letter-spacing: 1px;
  position: relative;
  padding: 0;
  margin-bottom: 40px; }

#toc_container:before {
  position: absolute;
  content: "";
  border: 4px solid #e1eff4;
  width: 100%;
  height: 100%;
  max-width: 100%;
  box-sizing: border-box;
  opacity: 0.15; }

#toc_container.contracted .toc_title {
  padding: 0px 40px; }
  @media (max-width: 767px) {
    #toc_container.contracted .toc_title {
      margin-top: 35px !important;
      margin-bottom: 35px !important; } }
  @media (min-width: 768px) {
    #toc_container.contracted .toc_title {
      margin-top: 45px !important;
      margin-bottom: 45px !important; } }

#toc_container .toc_title {
  text-align: center;
  position: relative;
  line-height: 2rem; }
  @media (max-width: 767px) {
    #toc_container .toc_title {
      margin-bottom: 0px;
      margin-top: 35px;
      font-size: 1.45rem; } }
  @media (min-width: 768px) {
    #toc_container .toc_title {
      margin-bottom: 10px;
      margin-top: 45px;
      font-size: 1.65rem; } }

#toc_container ul:not([class]) li:before {
  display: none; }

#toc_container .toc_list {
  list-style-type: none !important;
  counter-reset: li; }
  @media (max-width: 767px) {
    #toc_container .toc_list {
      padding: 0 25px;
      padding-bottom: 30px; } }
  @media (min-width: 768px) {
    #toc_container .toc_list {
      padding: 0 60px;
      padding-bottom: 40px; } }

#toc_container .toc_list > li {
  list-style-type: none !important;
  position: relative;
  margin-left: 6px;
  padding-left: 40px;
  margin-bottom: 5px;
  padding-bottom: 4px;
  line-height: 1.35rem; }

#toc_container .toc_list > li:after {
  counter-increment: li;
  content: counter(li);
  position: absolute;
  left: 5px;
  top: -1px !important;
  background: none;
  font-family: 'Quicksand',  sans-serif;
  letter-spacing: 2px;
  font-size: 1.2rem;
  letter-spacing: -1px; }

#toc_container .toc_list > li:first-child:after {
  left: 8px; }

#toc_container .toc_list > li:nth-child(3):after {
  left: 6px; }

#toc_container .toc_list > li:nth-child(11):after {
  letter-spacing: 0.15rem; }

#toc_container .toc_list > li > a {
  text-decoration: none !important;
  font-size: 0.95rem;
  line-height: 1.35rem; }

#toc_container .toc_list li a {
  color: #555 !important;
  display: block; }

#toc_container .toc_list > li a:hover {
  text-decoration: underline !important; }

#toc_container .toc_list > li ul {
  margin-top: 10px;
  padding-left: 0px;
  margin-bottom: 18px; }

#toc_container .toc_list > li > ul > li {
  margin-bottom: 5px;
  padding-left: 33px; }

#toc_container .toc_list > li > ul > li a {
  position: relative;
  text-decoration: none !important; }
  @media (max-width: 767px) {
    #toc_container .toc_list > li > ul > li a {
      line-height: 1.15rem;
      font-size: 0.8rem; } }
  @media (min-width: 768px) {
    #toc_container .toc_list > li > ul > li a {
      line-height: 1.25rem;
      font-size: 0.85rem; } }

#toc_container .toc_list > li > ul li a:before {
  position: absolute;
  content: "・";
  font-size: 2rem;
  left: -25px;
  top: 0px; }

#toc_container .toc_list > li > ul > li > ul {
  margin-top: 5px; }

#toc_container .toc_list > li > ul > li > ul > li a {
  font-size: 0.75rem; }

#toc_container .toc_title a {
  text-decoration: none;
  font-size: 0.75rem; }

.toc_number {
  display: none; }

/* contactform7 */
.widget label {
  display: block; }

.widget .wpcf7-text,
.widget .wpcf7-textarea {
  margin-bottom: 20px !important; }

.wpcf7 {
  margin: 30px auto !important;
  padding: 40px 30px !important;
  padding-bottom: 0px !important;
  background: rgba(215, 215, 215, 0.15); }
  @media (max-width: 767px) {
    .wpcf7 {
      width: 100%; } }
  @media (min-width: 768px) {
    .wpcf7 {
      width: 80%; } }

.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap textarea {
  box-sizing: border-box;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 7px 10px;
  font-size: 1em;
  margin-bottom: -10px !important;
  -webkit-appearance: none; }

.wpcf7-form p {
  margin-bottom: 0px !important;
  margin-top: -10px !important; }

.wpcf7-form input[type="submit"] {
  border-radius: 2px;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ddd;
  padding: 7px 50px;
  font-size: 1em;
  display: block;
  margin: 0 auto;
  background: #ddd;
  cursor: pointer;
  color: #fff;
  margin-top: 0px; }

.wpcf7-form input[type="submit"]:hover {
  background: #ccc;
  border: 1px solid #ccc; }

@media (min-width: 768px) {
  _:-ms-lang(x), .concept-box1:after,
  _:-ms-lang(x), .concept-box2:after,
  _:-ms-lang(x), .concept-box3:after,
  _:-ms-lang(x), .concept-box4:after,
  _:-ms-lang(x), .concept-box5:after,
  _:-ms-lang(x), .concept-box6:after {
    border: none !important;
    top: -25px !important;
    left: 31px !important;
    padding: 12px; } }

_:-ms-lang(x), .sidebar_style1 {
  padding-top: 0 !important; }

@media all and (-ms-high-contrast: none) {
  .headsns .line a {
    padding-top: 6px !important; }

  .my-profile .profile-sns-menu ul .pro-line a {
    padding-top: 3px !important; }

  .profile-follow .line-sns a {
    padding-top: 6px !important; } }
@media (max-width: 767px) {
  .android input.search-text::-webkit-input-placeholder {
    padding-top: 3px; }

  .android input.search-text {
    margin-top: 2px; }

  .android .sp-menu-box ul li a:before {
    top: 9px !important;
    line-height: 20px;
    overflow: visible; }

  .android .sp-menu-box ul li ul li a:before {
    top: 4px !important; }

  .android .pickup-title {
    font-size: 10px !important;
    letter-spacing: 0 !important; }

  .android .widget_categories ul > li > a:before,
  .android .widget_nav_menu ul > li > a:before {
    top: 21px; }

  .android .widget_categories ul > li > ul > li > a:before,
  .android .widget_nav_menu ul > li > ul > li > a:before {
    top: 12px; }

  .android .widget_categories ul .count {
    top: 11px; }

  .android .widget_archive ul .count {
    top: 10px; }

  .android .widget_categories ul ul .count {
    top: 0px; }

  .android .cps-post-main ul:not([class]) li:before,
  .android .cps-post-main table ul:not([class]) li:before {
    top: 0.5em; }

  .android .cps-post-main ol > li:after,
  .android .cps-post-main table ol:not([class]) li:after {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 11px; }

  .android .cps-post-main ol > li:before,
  .android .cps-post-main table ol:not([class]) li:before {
    left: 0px;
    height: 20px;
    width: 20px;
    top: 0px; }

  .android .cps-post-main table {
    border-collapse: separate !important;
    border-spacing: 0; }

  .android .cps-post-main table th,
  .android .cps-post-main table td {
    border-top: none;
    border-left: none; }

  .android .cps-post-main table td:last-child {
    border-right: none; }

  .android .cps-post-main table tr:last-child th,
  .android .cps-post-main table tr:last-child td {
    border-bottom: none; }

  .android #prev-next .prev .metabox img,
  .android #prev-next .next .metabox img {
    width: 150px !important;
    height: auto !important;
    max-height: 112px; } }
_::-webkit-full-page-media, _:future, :root .headsns a {
  padding-top: 6px !important;
  padding-left: 5px; }

_::-webkit-full-page-media, _:future, :root .headsns .line a {
  padding-top: 10px !important; }

_::-webkit-full-page-media, _:future, :root .headsns .facebook a {
  padding-left: 9px !important; }

_::-webkit-full-page-media, _:future, :root .profile-title {
  letter-spacing: 0; }

@media (min-width: 1024px) {
  _::-webkit-full-page-media, _:future, :root .post-list-mag,
  _::-webkit-full-page-media, _:future, :root .post-list,
  _::-webkit-full-page-media, _:future, :root .related-entry-section,
  _::-webkit-full-page-media, _:future, :root #prev-next,
  _::-webkit-full-page-media, _:future, :root .widget_nav_menu ul > li > a,
  _::-webkit-full-page-media, _:future, :root .widget_categories ul > li > a,
  _::-webkit-full-page-media, _:future, :root .myintro,
  _::-webkit-full-page-media, _:future, :root .myname,
  _::-webkit-full-page-media, _:future, :root .widget a,
  _::-webkit-full-page-media, _:future, :root .widget div,
  _::-webkit-full-page-media, _:future, :root .myjob {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

  _::-webkit-full-page-media, _:future, :root .post-list-mag .post-list-title,
  _::-webkit-full-page-media, _:future, :root .post-list .post-list-title,
  _::-webkit-full-page-media, _:future, :root .related-entry-section .post-list-title,
  _::-webkit-full-page-media, _:future, :root #prev-next p,
  _::-webkit-full-page-media, _:future, :root .pickup-title {
    font-weight: 700 !important; }

  _::-webkit-full-page-media, _:future, :root .concept-box2:after {
    padding-left: 14px;
    padding-right: 16px; }

  _::-webkit-full-page-media, _:future, :root .concept-box3:after {
    padding-left: 16px;
    padding-right: 14px; }

  _::-webkit-full-page-media, _:future, :root .concept-box4:after {
    padding-left: 16px;
    padding-right: 14px; } }


    .simple-box1{
      border-color:#ef9b9b!important;
    }
    .simple-box2{
      border-color:#f2bf7d!important;
    }
    .simple-box3{
      border-color:#b5e28a!important;
    }
    .simple-box4{
      border-color:#7badd8!important;
    }
    .simple-box4:before{
      background-color: #7badd8;
    }
    .simple-box5{
      border-color:#e896c7!important;
    }
    .simple-box5:before{
      background-color: #e896c7;
    }
    .simple-box6{
      background-color:#fffdef!important;
    }
    .simple-box7{
      border-color:#def1f9!important;
    }
    .simple-box7:before{
      background-color:#def1f9!important;
    }
    .simple-box8{
      border-color:#96ddc1!important;
    }
    .simple-box8:before{
      background-color:#96ddc1!important;
    }
    .simple-box9:before{
      background-color:#e1c0e8!important;
    }
    .simple-box9:after{
      border-color:#e1c0e8 #e1c0e8 #fff #fff!important;
    }
    
    .kaisetsu-box1:before,
    .kaisetsu-box1-title{
      background-color:#ffb49e!important;
    }
    .kaisetsu-box2{
      border-color:#89c2f4!important;
    }
    .kaisetsu-box2-title{
      background-color:#89c2f4!important;
    }
    .kaisetsu-box4{
      border-color:#ea91a9!important;
    }
    .kaisetsu-box4-title{
      background-color:#ea91a9!important;
    }
    .kaisetsu-box5:before{
      background-color:#57b3ba!important;
    }
    .kaisetsu-box5-title{
      background-color:#57b3ba!important;
    }
    
    .concept-box1{
      border-color:#85db8f!important;
    }
    .concept-box1:after{
      background-color:#85db8f!important;
    }
    .concept-box1:before{
      content:"ポイント"!important;
      color:#85db8f!important;
    }
    .concept-box2{
      border-color:#f7cf6a!important;
    }
    .concept-box2:after{
      background-color:#f7cf6a!important;
    }
    .concept-box2:before{
      content:"注意点"!important;
      color:#f7cf6a!important;
    }
    .concept-box3{
      border-color:#86cee8!important;
    }
    .concept-box3:after{
      background-color:#86cee8!important;
    }
    .concept-box3:before{
      content:"良い例"!important;
      color:#86cee8!important;
    }
    .concept-box4{
      border-color:#ed8989!important;
    }
    .concept-box4:after{
      background-color:#ed8989!important;
    }
    .concept-box4:before{
      content:"悪い例"!important;
      color:#ed8989!important;
    }
    .concept-box5{
      border-color:#9e9e9e!important;
    }
    .concept-box5:after{
      background-color:#9e9e9e!important;
    }
    .concept-box5:before{
      content:"参考"!important;
      color:#9e9e9e!important;
    }
    .concept-box6{
      border-color:#8eaced!important;
    }
    .concept-box6:after{
      background-color:#8eaced!important;
    }
    .concept-box6:before{
      content:"メモ"!important;
      color:#8eaced!important;
    }
    
    .innerlink-box1,
    .blog-card{
      border-color:#73bc9b!important;
    }
    .innerlink-box1-title{
      background-color:#73bc9b!important;
      border-color:#73bc9b!important;
    }
    .innerlink-box1:before,
    .blog-card-hl-box{
      background-color:#73bc9b!important;
    }